:root{
  --ink:#1f2d3d;
  --muted:#607183;
  --line:#dfe8ee;
  --bg:#edf3f5;
  --bg-soft:#f7fafb;
  --brand:#7aa4a6;
  --brand-deep:#49696d;
  --brand-strong:#2f5d61;
  --accent:#e5b77c;
  --accent-deep:#c5873d;
  --danger:#cc6d62;
  --shadow-soft: 18px 18px 34px rgba(154, 176, 184, 0.28), -12px -12px 24px rgba(255,255,255,0.9);
  --shadow-inset: inset 7px 7px 16px rgba(175, 188, 196, 0.35), inset -7px -7px 16px rgba(255,255,255,0.8);
  --r:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font:16px/1.5 "Public Sans",system-ui,sans-serif;
  color-scheme:light;
  color:var(--ink);
  background:
    radial-gradient(circle at top left, rgba(255,255,255,0.96), rgba(237,244,246,0.9) 32%, rgba(227,234,239,0.88) 100%);
  min-height:100vh;
}
a{color:var(--brand-strong)}img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
 h1{font-size:clamp(1.9rem,4vw,3.25rem);line-height:1.08;margin:.2em 0 .4em;letter-spacing:-.04em}h2{font-size:1.35rem;margin:1.2em 0 .5em}h3{font-size:1.05rem;margin:.2em 0}
.muted{color:var(--muted)}.center{text-align:center}
.topbar{
  position:sticky;top:0;z-index:10;display:flex;gap:1rem;align-items:center;padding:.9rem 1.5rem;
  background:rgba(238,243,246,0.75);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(146,163,172,0.2);box-shadow:0 10px 24px rgba(31,45,61,0.04);}
.brand{font-weight:800;font-size:1.3rem;color:var(--brand-strong);text-decoration:none;letter-spacing:-.04em}
.topsearch{flex:1;display:flex;gap:.7rem;max-width:560px;align-items:center;padding:.4rem .6rem;background:rgba(255,255,255,0.48);border-radius:999px;box-shadow:var(--shadow-inset), 0 8px 18px rgba(154,176,184,0.2)}
.topsearch input{flex:1;border:0;background:transparent;padding:.75rem 1rem;color:var(--ink)}
.topsearch input::placeholder{color:var(--muted)}
nav{display:flex;gap:.8rem;align-items:center;position:relative;margin-left:auto}
input,select,textarea{
  width:100%;padding:.8rem .9rem;border:1px solid rgba(170,187,197,0.6);border-radius:18px;font:inherit;background:rgba(245,249,250,0.9);
  box-shadow:var(--shadow-inset);color:var(--ink);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;
}
input:focus,select:focus,textarea:focus,.btn:focus-visible,.menu-btn:focus-visible{outline:none;border-color:rgba(80,121,126,0.7);box-shadow:0 0 0 4px rgba(122,164,166,0.18), inset 3px 3px 8px rgba(157,177,186,0.3), inset -3px -3px 8px rgba(255,255,255,0.9)}
.btn{
  display:inline-block;padding:.78rem 1.15rem;border:1px solid rgba(170,187,197,0.6);border-radius:18px;background:linear-gradient(145deg,#eff5f7,#dfe9ef);color:var(--ink);font:700 .94rem inherit;cursor:pointer;text-decoration:none;box-shadow:8px 8px 18px rgba(174,188,196,0.28), -8px -8px 16px rgba(255,255,255,0.78);transition:transform .15s ease, box-shadow .15s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-strong));border-color:transparent;color:#fff;box-shadow:10px 10px 20px rgba(47,93,97,0.25), -8px -8px 16px rgba(255,255,255,0.28)}
.btn-primary:hover{filter:brightness(1.02)}
.block{width:100%;margin-top:.6rem}
.menu-btn{
  width:44px;height:44px;border:1px solid rgba(170,187,197,0.6);border-radius:18px;background:linear-gradient(145deg,#eef4f7,#dfe9ef);display:grid;place-content:center;gap:4px;cursor:pointer;box-shadow:7px 7px 16px rgba(164,180,190,0.24), -7px -7px 14px rgba(255,255,255,0.8)
}
.menu-btn span{display:block;width:18px;height:2.5px;background:var(--ink);border-radius:99px}
.menu{
  position:absolute;right:0;top:110%;min-width:220px;background:rgba(245,249,250,0.95);border:1px solid rgba(170,187,197,0.55);border-radius:22px;padding:.5rem;box-shadow:18px 18px 32px rgba(154,176,184,0.22), -10px -10px 20px rgba(255,255,255,0.75);}
.menu a,.menu button{display:block;width:100%;text-align:left;padding:.68rem .8rem;border:0;background:transparent;color:var(--ink);font:inherit;text-decoration:none;border-radius:14px;cursor:pointer}
.menu a:hover,.menu button:hover{background:rgba(255,255,255,0.5);box-shadow:var(--shadow-inset)}
.menu-submenu{border-radius:14px}
.menu-submenu summary{display:block;padding:.68rem .8rem;border-radius:14px;cursor:pointer;list-style:none}
.menu-submenu summary::-webkit-details-marker{display:none}
.menu-submenu summary::marker{content:""}
.menu-submenu summary:hover{background:rgba(255,255,255,0.5)}
.menu-submenu>a{padding-left:1.35rem}
.notification-badge{display:inline-grid;place-items:center;box-sizing:border-box;width:1.4rem;height:1.4rem;margin-left:.45rem;padding:0;border-radius:50%;background:#c62828;color:#fff;font-size:.68rem;line-height:1;font-weight:800;vertical-align:middle;box-shadow:0 0 0 2px rgba(255,255,255,.75)}
.menu-user{display:flex;align-items:center;gap:.6rem;margin:.4rem .75rem .65rem;font-weight:700;color:var(--brand-strong)}
.user-identity{display:flex;align-items:center;gap:.6rem}
.user-avatar{display:inline-grid;flex:0 0 auto;place-items:center;aspect-ratio:1/1;overflow:hidden;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,#d5e5e5,#eff4f5);color:var(--brand-strong);font-weight:800;line-height:1;box-shadow:var(--shadow-soft)}
.user-avatar img{display:block;width:100%;height:100%;min-width:100%;max-width:none;aspect-ratio:1/1;object-fit:cover;object-position:center}
.user-avatar-small{width:2.5rem;height:2.5rem;font-size:.9rem}
.user-avatar-medium{width:3rem;height:3rem;font-size:1.1rem}
.flashes{max-width:1100px;margin:1rem auto 0;padding:0 1.5rem}.flash{padding:.8rem 1rem;border-radius:18px;background:rgba(200,233,228,0.8);margin:.35rem 0;color:var(--brand-deep);box-shadow:var(--shadow-soft)}.flash.error{background:rgba(244,214,212,0.8);color:var(--danger)}
main{min-height:70vh}
.hero{
  position:relative;padding:4.5rem 1.5rem 3.5rem;
  background:linear-gradient(135deg, rgba(30,58,62,0.85), rgba(45,85,88,0.72)), url("../images/backbanner.d51fbfa8b3a7.jpeg") center/cover no-repeat;
  color:#fff;overflow:hidden;
}
.hero::before{content:"";position:absolute;inset:18px;border-radius:30px;border:1px solid rgba(255,255,255,0.25);pointer-events:none}
.hero>*{max-width:1100px;margin-left:auto;margin-right:auto;position:relative}
.filters{
  display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1fr auto;gap:.8rem;padding:1rem;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.18);border-radius:24px;backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 18px 28px rgba(31,45,61,0.1);
}
.filters input,.filters select,.filters button{border-radius:18px}
.locate{display:flex;gap:.6rem;align-items:center;margin-top:1.3rem;font-size:.9rem;color:rgba(255,255,255,0.9)}.locate label{display:flex;gap:.5rem;align-items:center}.locate input{width:220px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);color:#fff}.locate input::placeholder{color:rgba(255,255,255,0.8)}
.section{max-width:1100px;margin:2rem auto;padding:0 1.5rem}.section-head{display:flex;justify-content:space-between;align-items:baseline}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem}
.card{
  background:linear-gradient(145deg, rgba(244,248,250,0.95), rgba(228,236,241,0.9));
  border:1px solid rgba(170,187,197,0.45);border-radius:26px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease;box-shadow:var(--shadow-soft);padding:0;
}
.card:hover{transform:translateY(-3px);box-shadow:18px 18px 34px rgba(154,176,184,0.3), -10px -10px 18px rgba(255,255,255,0.8)}
.card-img{position:relative;aspect-ratio:3/2;background:linear-gradient(135deg,#dfeaf0,#e9f1f4)}.card-img img{width:100%;height:100%;object-fit:cover}
.tag{position:absolute;top:.7rem;left:.7rem;background:linear-gradient(135deg,var(--brand-strong),var(--brand));color:#fff;padding:.22rem .6rem;border-radius:999px;font-size:.74rem;font-weight:700;box-shadow:0 10px 18px rgba(47,93,97,0.2)}
.tag-auction{background:linear-gradient(135deg,var(--accent),var(--accent-deep))}article .tag,.detail .tag{position:static;display:inline-block}
.card-body{padding:1rem}.price{font-weight:800;font-size:1.2rem;margin:0;color:var(--ink)}.price small{font-weight:600;color:var(--muted);font-size:.82rem}.big{font-size:1.8rem}
.card-description{color:var(--muted);font-size:.9rem;margin:.7rem 0}.card-description-link{color:var(--brand-strong);font-weight:700;font-size:.9rem}
.specs{color:var(--muted);font-size:.9rem;margin:.4rem 0 0}.empty{grid-column:1/-1;color:var(--muted)}
.layout{display:grid;grid-template-columns:260px 1fr;gap:1.5rem;max-width:1200px;margin:1.5rem auto;padding:0 1.5rem}
.side,.panel,.narrow form,.auth{background:linear-gradient(145deg,#f2f7f9,#dde8ee);border:1px solid rgba(170,187,197,0.5);border-radius:26px;padding:1.1rem;box-shadow:var(--shadow-soft)}
.side label,.stack label{display:block;margin:.9rem 0;font-weight:600;font-size:.92rem}.side label input,.side label select,.stack label>*:not(small){margin-top:.25rem}
.check{display:flex!important;gap:.5rem;align-items:center}.check input{width:auto;margin:0!important}
.errorlist{color:var(--danger);list-style:none;padding:0;margin:.2rem 0;font-size:.85rem}
.pager{display:flex;gap:.6rem;margin:1.5rem 0}
.detail{max-width:1100px;margin:1.5rem auto;padding:0 1.5rem}
.gallery{display:grid;grid-template-columns:2fr 1fr;gap:.7rem;border-radius:28px;overflow:hidden;box-shadow:var(--shadow-soft)}
.gallery img{width:100%;height:100%;object-fit:cover;max-height:520px}.gallery img:first-child{grid-row:span 2}.gallery img:nth-child(n+4){display:none}
.detail-grid{display:grid;grid-template-columns:1fr 340px;gap:2rem;margin-top:1.5rem}.panel{align-self:start;position:sticky;top:80px}
.badge{background:rgba(214,232,230,0.9);color:var(--brand-deep);padding:.18rem .55rem;border-radius:10px;font-size:.78rem;font-weight:700;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.75)}
.link-danger{display:inline-block;margin-top:.8rem;color:var(--danger);font-size:.9rem}.prose{max-width:70ch}
.narrow{max-width:640px;margin:2rem auto;padding:0 1.5rem}.auth{max-width:420px;margin:3rem auto}.msg{background:linear-gradient(145deg,#f2f7f9,#dde8ee);border:1px solid rgba(170,187,197,0.5);border-radius:20px;padding:.85rem 1rem;margin:.6rem 0;box-shadow:var(--shadow-soft)}
.managed-listing,.conversation-preview,.notification-item{display:grid;gap:.5rem;padding:1rem;margin:.75rem 0;border:1px solid rgba(170,187,197,.45);border-radius:20px;background:linear-gradient(145deg,#f2f7f9,#dde8ee);box-shadow:var(--shadow-soft)}
.managed-listing h2{margin:.35rem 0}.managed-listing .tag{position:static;display:inline-block}.management-actions{display:flex;gap:.6rem;flex-wrap:wrap}
.conversation-preview,.notification-item{color:inherit;text-decoration:none}.conversation-preview:hover,.notification-item:hover{transform:translateY(-1px)}.own-message{margin-left:2rem}.conversation-thread{margin:1rem 0}
.footer{display:flex;justify-content:space-between;padding:2rem 1.5rem;border-top:1px solid rgba(146,163,172,0.2);background:rgba(240,245,247,0.6);color:var(--muted);margin-top:3rem}
@media(max-width:800px){.topsearch{display:none}.filters,.layout,.detail-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery img:nth-child(n+2){display:none}.panel{position:static}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--brand-strong);margin:0 0 .65rem}
.home-hero{padding:clamp(4.5rem,10vw,8rem) max(1.5rem,calc((100% - 1100px)/2));background:linear-gradient(135deg,#d4e5e4,#e8eff2 68%,#eee5d9);color:var(--ink)}
.home-hero::before{inset:22px;border-color:rgba(73,105,109,.15)}
.home-hero h1{max-width:780px;color:var(--brand-strong)}
.home-intro{max-width:640px;font-size:1.08rem;color:var(--muted)}
.home-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}
.hero-secondary{background:rgba(255,255,255,.55);color:var(--brand-strong)}
.home-section{margin-top:4rem;margin-bottom:4rem}
.home-section>h2,.home-section>div>h2{margin-top:.15rem}
.home-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:1.25rem}
.home-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem;margin-top:1.25rem}
.gallery-card{
  background:linear-gradient(145deg,rgba(244,248,250,.96),rgba(228,236,241,.92));border:1px solid rgba(170,187,197,.45);border-radius:26px;box-shadow:var(--shadow-soft);
  overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease, box-shadow .15s ease;
}
.gallery-card:hover{transform:translateY(-3px);box-shadow:18px 18px 34px rgba(154,176,184,0.3), -10px -10px 18px rgba(255,255,255,0.8)}
.gallery-card-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#dfeaf0,#e9f1f4)}
.gallery-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.gallery-card:hover .gallery-card-img img{transform:scale(1.04)}
.gallery-card-body{padding:1.2rem 1.3rem;flex:1;display:flex;flex-direction:column;justify-content:flex-start}
.gallery-card-body h3{margin:0 0 .4rem;font-size:1.15rem;color:var(--ink)}
.gallery-card-body p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.45}
.service-card,.more-note,.newsletter-section,.contact-form,.newsletter-form{
  background:linear-gradient(145deg,rgba(244,248,250,.96),rgba(228,236,241,.92));border:1px solid rgba(170,187,197,.45);border-radius:26px;box-shadow:var(--shadow-soft)
}
.service-card{padding:1.4rem}
.service-number{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;margin-bottom:.8rem;border-radius:14px;background:linear-gradient(145deg,#edf5f5,#d6e5e5);color:var(--brand-strong);font-size:.76rem;font-weight:800;box-shadow:var(--shadow-inset)}
.service-card h3{font-size:1.15rem}
.service-card p,.more-note p{color:var(--muted)}
.service-card a,.more-note a{font-weight:700}
.more-section{display:grid;grid-template-columns:1.6fr 1fr;gap:2rem;align-items:center;padding-top:1.4rem;padding-bottom:1.4rem}
.more-note{padding:1.4rem}
.newsletter-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:2rem}
.newsletter-form,.contact-form{padding:1.2rem}
.newsletter-form label{display:block;margin-bottom:.4rem;font-weight:600}
.newsletter-form input{margin-bottom:.8rem}
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
.contact-form label{display:block;margin-bottom:.85rem;font-weight:600}
.contact-form label input,.contact-form label textarea{margin-top:.3rem}
.search-summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.search-summary p{margin:0}
.profile-photo-wrap{margin:1rem 0 1.5rem}
.profile-photo{display:block;width:112px;height:112px;aspect-ratio:1/1;object-fit:cover;object-position:center;border-radius:50%;border:4px solid rgba(255,255,255,.8);box-shadow:var(--shadow-soft)}
.profile-photo-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#d5e5e5,#eff4f5);font-size:2rem;font-weight:800;color:var(--brand-strong)}
.profile-settings{margin-top:1rem}
.preference-set{margin:1rem 0;padding:1rem;border:1px solid rgba(170,187,197,.55);border-radius:22px;background:rgba(255,255,255,.22)}
.preference-set legend{padding:0 .45rem;font-weight:800;color:var(--brand-strong)}
.preference-check{align-items:flex-start!important;padding:.65rem 0;border-bottom:1px solid rgba(170,187,197,.25)}
.preference-check:last-child{border-bottom:0}
.preference-check input{margin-top:.35rem!important}
.preference-check span{display:grid;gap:.15rem}
.preference-check small{color:var(--muted);font-weight:400}
.appearance-settings input[type="range"]{padding:.4rem 0;box-shadow:none;background:transparent}
.appearance-settings output{font-variant-numeric:tabular-nums;font-weight:700;color:var(--brand-strong)}
.profile-section{margin:2rem 0}
.saved-search{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;margin:.7rem 0;border-radius:20px;background:linear-gradient(145deg,#f2f7f9,#dde8ee);box-shadow:var(--shadow-soft)}
.saved-search form{margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.policy-page h2{margin-top:1.6em}
.policy-page p{line-height:1.75}
.tour-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1.25rem;background:rgba(27,43,52,.58);backdrop-filter:blur(5px)}
.tour-dialog{width:min(100%,480px);padding:1.6rem;border-radius:26px;background:linear-gradient(145deg,#f4f8fa,#e3edf1);box-shadow:18px 18px 36px rgba(19,34,41,.28),-8px -8px 18px rgba(255,255,255,.25)}
.tour-dialog h2{margin:.3rem 0 .55rem;font-size:1.55rem}
.tour-dialog p:not(.eyebrow){color:var(--muted)}
.tour-controls{display:flex;justify-content:flex-end;gap:.65rem;flex-wrap:wrap;margin-top:1.2rem}
.tour-highlight{position:relative;z-index:1001;border-radius:20px;outline:4px solid rgba(229,183,124,.9);box-shadow:0 0 0 8px rgba(229,183,124,.22),var(--shadow-soft)}
@media(max-width:800px){
  .home-services,.home-gallery-grid,.more-section,.newsletter-section,.contact-section{grid-template-columns:1fr}
  .home-hero{padding:4rem 1.5rem}
  .home-section{margin-top:2.5rem;margin-bottom:2.5rem}
  .tour-dialog{padding:1.25rem}
}

body[data-theme="dark"]{
  --ink:#e5edf4;
  --muted:#afbdca;
  --line:#394654;
  --bg:#141b23;
  --bg-soft:#1b2530;
  --brand:#77b4b7;
  --brand-deep:#a9d2d2;
  --brand-strong:#9bcfd0;
  --shadow-soft: 0 10px 24px rgba(0,0,0,0.45);
  --shadow-inset: inset 0 2px 6px rgba(0,0,0,0.4);
  color-scheme:dark;
  color:var(--ink);
  background:#141b23;
}
body[data-theme="dark"] .topbar{
  background:#1b2530;
  color:var(--ink);
  border-color:#394654;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}
body[data-theme="dark"] .menu,
body[data-theme="dark"] .card,
body[data-theme="dark"] .side,
body[data-theme="dark"] .panel,
body[data-theme="dark"] .narrow form,
body[data-theme="dark"] .auth,
body[data-theme="dark"] .msg,
body[data-theme="dark"] .managed-listing,
body[data-theme="dark"] .conversation-preview,
body[data-theme="dark"] .notification-item,
body[data-theme="dark"] .saved-search,
body[data-theme="dark"] .preference-set,
body[data-theme="dark"] .tour-dialog,
body[data-theme="dark"] .footer,
body[data-theme="dark"] .service-card,
body[data-theme="dark"] .gallery-card,
body[data-theme="dark"] .more-note,
body[data-theme="dark"] .newsletter-section,
body[data-theme="dark"] .contact-form,
body[data-theme="dark"] .newsletter-form{
  background:#1b2530;
  color:var(--ink);
  border-color:#394654;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}
body[data-theme="dark"] .topsearch,
body[data-theme="dark"] input,
body[data-theme="dark"] select,
body[data-theme="dark"] textarea,
body[data-theme="dark"] .btn,
body[data-theme="dark"] .menu-btn,
body[data-theme="dark"] .hero-secondary{
  background:#202c38;
  color:var(--ink);
  border-color:#435261;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
body[data-theme="dark"] input:focus,
body[data-theme="dark"] select:focus,
body[data-theme="dark"] textarea:focus,
body[data-theme="dark"] .btn:focus-visible,
body[data-theme="dark"] .menu-btn:focus-visible{
  outline:none;
  border-color:var(--brand);
  box-shadow: 0 0 0 3px rgba(119,180,183,0.25), inset 0 2px 4px rgba(0,0,0,0.4);
}
body[data-theme="dark"] .btn-primary{
  background:#2d6f73;
  color:#fff;
  border-color:transparent;
  box-shadow: 0 4px 14px rgba(0,0,0,0.35);
}
body[data-theme="dark"] .btn-primary:hover{
  background:#357f83;
  filter:none;
}
body[data-theme="dark"] .menu{
  box-shadow: 0 12px 32px rgba(0,0,0,0.5);
}
body[data-theme="dark"] .menu a,
body[data-theme="dark"] .menu button,
body[data-theme="dark"] .menu-submenu summary{
  color:var(--ink);
}
body[data-theme="dark"] .menu a:hover,
body[data-theme="dark"] .menu button:hover,
body[data-theme="dark"] .menu-submenu summary:hover{
  background:#293744;
  box-shadow:none;
}
body[data-theme="dark"] .card-img,
body[data-theme="dark"] .gallery-card-img{
  background:#18222c;
}
body[data-theme="dark"] .card:hover{
  box-shadow: 0 14px 32px rgba(0,0,0,0.5);
}
body[data-theme="dark"] .hero,
body[data-theme="dark"] .home-hero{
  background:linear-gradient(135deg, rgba(14,21,28,0.88), rgba(20,29,38,0.82)), url("../images/backbanner.d51fbfa8b3a7.jpeg") center/cover no-repeat;
}
body[data-theme="dark"] .hero::before{
  border-color:rgba(255,255,255,0.06);
}
body[data-theme="dark"] .hero .filters{
  background:rgba(20,27,35,0.85);
  border-color:#394654;
  box-shadow: 0 12px 28px rgba(0,0,0,0.4);
}
body[data-theme="dark"] .home-hero h1{
  color:var(--brand-strong);
}
body[data-theme="dark"] .tag{
  background:#2d6f73;
  color:#fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
body[data-theme="dark"] .tag-auction{
  background:#9c6828;
}
body[data-theme="dark"] .user-avatar{
  border-color:#394654;
  background:#202c38;
  color:var(--brand-strong);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
body[data-theme="dark"] .profile-photo{
  border-color:#394654;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
body[data-theme="dark"] .profile-photo-placeholder{
  background:#202c38;
  color:var(--brand-strong);
}
body[data-theme="dark"] .badge{
  background:#243542;
  color:var(--brand-strong);
  box-shadow:none;
}
body[data-theme="dark"] .flash{
  background:#1b2f34;
  color:var(--brand-strong);
  border:1px solid #284c50;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
body[data-theme="dark"] .flash.error{
  background:#341f21;
  color:#f08c82;
  border-color:#55272a;
}
body[data-theme="dark"] .notification-badge{
  background:#e53935;
  box-shadow:0 0 0 2px #1b2530;
}
body[data-theme="dark"] .tour-dialog{
  box-shadow: 0 16px 36px rgba(0,0,0,0.6);
}

@media(prefers-color-scheme:dark){
  body[data-theme="system"]{
    --ink:#e5edf4;
    --muted:#afbdca;
    --line:#394654;
    --bg:#141b23;
    --bg-soft:#1b2530;
    --brand:#77b4b7;
    --brand-deep:#a9d2d2;
    --brand-strong:#9bcfd0;
    --shadow-soft: 0 10px 24px rgba(0,0,0,0.45);
    --shadow-inset: inset 0 2px 6px rgba(0,0,0,0.4);
    color-scheme:dark;
    color:var(--ink);
    background:#141b23;
  }
  body[data-theme="system"] .topbar{
    background:#1b2530;
    color:var(--ink);
    border-color:#394654;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
  }
  body[data-theme="system"] .menu,
  body[data-theme="system"] .card,
  body[data-theme="system"] .side,
  body[data-theme="system"] .panel,
  body[data-theme="system"] .narrow form,
  body[data-theme="system"] .auth,
  body[data-theme="system"] .msg,
  body[data-theme="system"] .managed-listing,
  body[data-theme="system"] .conversation-preview,
  body[data-theme="system"] .notification-item,
  body[data-theme="system"] .saved-search,
  body[data-theme="system"] .preference-set,
  body[data-theme="system"] .tour-dialog,
  body[data-theme="system"] .footer,
  body[data-theme="system"] .service-card,
  body[data-theme="system"] .gallery-card,
  body[data-theme="system"] .more-note,
  body[data-theme="system"] .newsletter-section,
  body[data-theme="system"] .contact-form,
  body[data-theme="system"] .newsletter-form{
    background:#1b2530;
    color:var(--ink);
    border-color:#394654;
    box-shadow: 0 8px 24px rgba(0,0,0,0.35);
  }
  body[data-theme="system"] .topsearch,
  body[data-theme="system"] input,
  body[data-theme="system"] select,
  body[data-theme="system"] textarea,
  body[data-theme="system"] .btn,
  body[data-theme="system"] .menu-btn,
  body[data-theme="system"] .hero-secondary{
    background:#202c38;
    color:var(--ink);
    border-color:#435261;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  }
  body[data-theme="system"] input:focus,
  body[data-theme="system"] select:focus,
  body[data-theme="system"] textarea:focus,
  body[data-theme="system"] .btn:focus-visible,
  body[data-theme="system"] .menu-btn:focus-visible{
    outline:none;
    border-color:var(--brand);
    box-shadow: 0 0 0 3px rgba(119,180,183,0.25), inset 0 2px 4px rgba(0,0,0,0.4);
  }
  body[data-theme="system"] .btn-primary{
    background:#2d6f73;
    color:#fff;
    border-color:transparent;
    box-shadow: 0 4px 14px rgba(0,0,0,0.35);
  }
  body[data-theme="system"] .btn-primary:hover{
    background:#357f83;
    filter:none;
  }
  body[data-theme="system"] .menu{
    box-shadow: 0 12px 32px rgba(0,0,0,0.5);
  }
  body[data-theme="system"] .menu a,
  body[data-theme="system"] .menu button,
  body[data-theme="system"] .menu-submenu summary{
    color:var(--ink);
  }
  body[data-theme="system"] .menu a:hover,
  body[data-theme="system"] .menu button:hover,
  body[data-theme="system"] .menu-submenu summary:hover{
    background:#293744;
    box-shadow:none;
  }
  body[data-theme="system"] .card-img,
  body[data-theme="system"] .gallery-card-img{
    background:#18222c;
  }
  body[data-theme="system"] .card:hover{
    box-shadow: 0 14px 32px rgba(0,0,0,0.5);
  }
  body[data-theme="system"] .hero,
  body[data-theme="system"] .home-hero{
    background:linear-gradient(135deg, rgba(14,21,28,0.88), rgba(20,29,38,0.82)), url("../images/backbanner.d51fbfa8b3a7.jpeg") center/cover no-repeat;
  }
  body[data-theme="system"] .hero::before{
    border-color:rgba(255,255,255,0.06);
  }
  body[data-theme="system"] .hero .filters{
    background:rgba(20,27,35,0.85);
    border-color:#394654;
    box-shadow: 0 12px 28px rgba(0,0,0,0.4);
  }
  body[data-theme="system"] .home-hero h1{
    color:var(--brand-strong);
  }
  body[data-theme="system"] .tag{
    background:#2d6f73;
    color:#fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  }
  body[data-theme="system"] .tag-auction{
    background:#9c6828;
  }
  body[data-theme="system"] .user-avatar{
    border-color:#394654;
    background:#202c38;
    color:var(--brand-strong);
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  }
  body[data-theme="system"] .profile-photo{
    border-color:#394654;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  }
  body[data-theme="system"] .profile-photo-placeholder{
    background:#202c38;
    color:var(--brand-strong);
  }
  body[data-theme="system"] .badge{
    background:#243542;
    color:var(--brand-strong);
    box-shadow:none;
  }
  body[data-theme="system"] .flash{
    background:#1b2f34;
    color:var(--brand-strong);
    border:1px solid #284c50;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  }
  body[data-theme="system"] .flash.error{
    background:#341f21;
    color:#f08c82;
    border-color:#55272a;
  }
  body[data-theme="system"] .notification-badge{
    background:#e53935;
    box-shadow:0 0 0 2px #1b2530;
  }
  body[data-theme="system"] .tour-dialog{
    box-shadow: 0 16px 36px rgba(0,0,0,0.6);
  }
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:10000;
  pointer-events:none;
  background:#ffbd70;
  opacity:var(--warm-light-opacity,0);
  mix-blend-mode:soft-light;
}