:root{
  --bg:#ffffff; --fg:#0f172a; --muted:#334155;
  --brand:#0ea5e9; --brand-700:#0369a1; --accent:#22c55e;
  --border:#e2e8f0; --card:#fafafa; --surface:#ffffff; --surface-alt:#f8fafc;
  --ink10:#f8fafc; --ink20:#e2e8f0; --ink30:#cbd5f5; --ink40:#94a3b8; --ink50:#64748b; --ink60:#475569;
  --radius-sm:10px; --radius-md:16px; --radius-lg:22px;
  --shadow-sm:0 6px 18px rgba(15,23,42,.08);
  --shadow:0 24px 48px rgba(15,23,42,.08);
}

*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--fg);background:var(--bg);line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-700)}
.button,.gsmbtn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.62rem .95rem;
  border-radius:10px;
  border:1px solid var(--brand);
  background:var(--brand);
  color:#fff;
  font-weight:600;
  box-shadow:var(--shadow);
  transition:transform .06s ease,box-shadow .2s ease,color .18s ease,background .18s ease;
  line-height:1.1;
  -webkit-appearance:none;
  appearance:none;
}
.button--ghost{background:transparent;color:var(--brand)}.button:hover{transform:translateY(-1px);box-shadow:0 12px 32px rgba(14,165,233,.25)}
.gsmbtn--sm,
.btn.small{
  font-size:.85rem;
  padding:.28rem .62rem;
  line-height:1.1;
}
button.gsmbtn--sm{
  padding:.28rem .62rem;
}
.btn{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.42rem .8rem;
  border-radius:10px;
  border:1px solid var(--brand);
  background:var(--brand);
  color:#fff;
  font-weight:600;
  text-decoration:none;
  line-height:1.1;
  transition:transform .06s ease, box-shadow .2s ease, background .2s ease, color .18s ease, border-color .18s ease;
  cursor:pointer;
}
.btn:hover,
.btn:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(14,165,233,.25);
  outline:none;
}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;}
.btn.ghost{background:transparent;color:var(--brand);border-color:rgba(14,165,233,.55);}
.btn.ghost:hover,
.btn.ghost:focus-visible{background:rgba(14,165,233,.12);}
.btn.small{font-size:.85rem;padding:.32rem .6rem;}
.gsmbtn--primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:var(--shadow);}
.gsmbtn--primary:hover{background:var(--brand-700);}
.gsmbtn--ghost{background:transparent;color:var(--brand);border-color:var(--brand);box-shadow:none;}
.gsmbtn--ghost:hover{background:rgba(14,165,233,.12);}
.gsmbtn--danger{background:#fee2e2;color:#991b1b;border-color:#fecaca;}
.gsmbtn--danger:hover{background:#fecaca;}
.site-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(8px);background:rgba(255,255,255,.85);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800}
.brand-logo{width:28px;height:28px;background:var(--brand);border-radius:6px;box-shadow:var(--shadow);margin-left:4px}
.brand-text--short{display:none;}
.nav-links{display:flex;gap:1rem;align-items:center}.nav-links a{color:var(--muted);font-weight:600}.nav-links a.active{color:var(--fg)}
/* Header Search */
.nav-search{display:flex;align-items:center;flex:1;max-width:480px;margin:0 1rem;position:relative;}
.nav-search__input{width:100%;padding:8px 40px 8px 14px;font-size:14px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--fg);transition:border-color .2s,box-shadow .2s;}
.nav-search__input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(14,165,233,.15);}
.nav-search__input::placeholder{color:var(--muted);}
.nav-search__btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--brand);color:#fff;border-radius:50%;cursor:pointer;transition:background .2s;}
.nav-search__btn:hover{background:#0284c7;}
.nav-search__btn svg{width:16px;height:16px;}
@media (max-width:1200px){.nav-search{max-width:360px;}}
@media (max-width:1000px){.nav-search{max-width:240px;}}
@media (max-width:820px){.nav-search{display:none;}}
.nav-search-link{display:none !important;}
@media (max-width:820px){.nav-search-link{display:block !important;font-weight:600;color:var(--brand) !important;}}
.mobile-toggle{display:none;border:none;background:transparent;font-size:28px}
.site-header--gallery .gallery-header__cta{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:.45rem 1rem;
  font-weight:600;
  box-shadow:none;
}
.site-header--gallery .brand{font-size:1.05rem;}
.nav--gallery{gap:12px;}
@media (max-width:800px){.nav{height:56px}.nav-links{position:fixed;inset:56px 0 auto 0;background:rgba(255,255,255,.98);border-bottom:1px solid var(--border);
display:none;flex-direction:column;padding:16px}.nav-links.open{display:flex}.mobile-toggle{display:block}
  .site-header--gallery .gallery-header__cta{flex:1 1 auto;margin:0 8px;}
  .site-header--gallery .brand{flex:0 0 auto;}
  .site-header--gallery .mobile-toggle{flex:0 0 auto;}
  .site-header--gallery .brand-text--full{display:none;}
  .site-header--gallery .brand-text--short{display:inline;}
}
@media (min-width:801px){
  .site-header--gallery .gallery-header__cta{margin-left:auto;}
  .site-header--gallery .brand-text--short{display:none !important;}
}
/* Promo Banner */
.promo-banner{position:absolute;top:calc(50% - 210px);left:50%;transform:translate(-50%,-50%);z-index:10;width:auto;max-width:90%;text-align:center}
.promo-banner__content{display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;padding:18px 32px}
.promo-banner__content strong{display:block;font-size:clamp(32px,6vw,56px);font-weight:800;color:#fbbf24;text-shadow:2px 2px 4px rgba(0,0,0,.8);line-height:1.2}
.promo-banner__regular{display:block;font-size:clamp(20px,3.5vw,32px);color:#fef3c7;font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.8)}
@media (max-width:700px){
  .promo-banner__content{padding:14px 24px;gap:8px;flex-direction:column}
  .promo-banner__regular{margin-top:-4px}
}
.hero{position:relative;display:grid;align-items:center;min-height:72vh;
background:linear-gradient(to bottom,rgba(2,6,23,.35),rgba(2,6,23,.55)),center/cover no-repeat url('/assets/hero/shutterstock-2300437757-2400.webp');color:#fff}
.hero .container{padding:80px 20px}.hero h1{font-size:clamp(28px,5vw,56px);line-height:1.1;margin:0 0 14px}.hero p{font-size:clamp(16px,2.4vw,20px);
opacity:.95;margin:0 0 22px;max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.section{padding:64px 0}.section--alt{background:var(--card)}.section h2{font-size:clamp(22px,3.2vw,36px);margin:0 0 10px}.section p.lead{color:var(--muted);font-size:18px;max-width:800px}
.section__header{display:flex;flex-direction:column;gap:.65rem;margin-bottom:32px;}
.section__header--center{text-align:center;align-items:center;}
.section__title{font-size:clamp(24px,4vw,38px);margin:0;}
.section__lead{font-size:clamp(16px,2vw,20px);color:var(--muted);margin:0;max-width:780px;}
.section__actions{display:flex;flex-wrap:wrap;gap:12px;}
.section__actions--center{justify-content:center;}
.grid{display:grid;gap:18px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.feature-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.feature-card{padding:20px;border-radius:16px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.6rem;}
.feature-card h3{margin:0;font-size:1.15rem;}
.feature-card p{margin:0;color:var(--muted);}
.plan-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
.plan-card{border:1px solid var(--border);border-radius:18px;padding:24px;background:var(--surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;}
.plan-card__title{margin:0;font-size:1.2rem;font-weight:700;}
.plan-card__tag{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;background:rgba(14,165,233,.12);color:var(--brand);font-size:.75rem;font-weight:600;}
.plan-card__price{font-size:2.1rem;font-weight:700;color:var(--brand);}
.plan-card__meta{margin:0;color:var(--muted);font-size:.9rem;}
.plan-card__features{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.95rem;color:var(--muted);}
.plan-card--featured{border:2px solid var(--brand);background:rgba(14,165,233,.05);box-shadow:0 18px 36px rgba(14,165,233,.15);}
.contact-card{border-radius:18px;border:1px solid var(--border);padding:24px;background:var(--surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px;}
.contact-card__item{display:flex;flex-direction:column;gap:4px;}
.contact-card__label{font-weight:600;color:var(--muted);}
.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.badge{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:.14rem .6rem;font-size:12px;color:var(--muted)}
@media (max-width:900px){.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}
.pricing{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.pricing .plan{padding:24px;border-radius:18px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow)}
.pricing .plan.highlight{border-color:var(--brand);box-shadow:0 20px 40px rgba(14,165,233,.15)}.price{font-size:40px;font-weight:800;margin:8px 0}
ul.clean{list-style:none;padding:0;margin:0}ul.clean li{padding:6px 0;display:flex;gap:8px;align-items:flex-start}
@media (max-width:900px){.pricing{grid-template-columns:1fr}}
.site-footer{border-top:1px solid var(--border);padding:24px 0;color:var(--muted)}.site-footer .cols{display:grid;gap:18px;grid-template-columns:2fr 1fr 1fr}
.faq-page .small-badge{display:inline-block;padding:.35rem .8rem;border-radius:999px;background:rgba(56,189,248,.12);color:var(--brand);font-weight:600;margin-bottom:12px}
.faq-list{display:flex;flex-direction:column;gap:22px}
.faq-item{border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm,0 12px 24px rgba(15,23,42,.08));overflow:hidden}
.faq-item summary{cursor:pointer;margin:0;padding:18px 22px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--fg)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-weight:700;font-size:1.2rem;color:var(--muted)}
.faq-item[open] summary::after{content:'−'}
.faq-item__answer{padding:0 22px 22px 32px;color:var(--muted);font-size:1rem;line-height:1.65;border-top:1px solid var(--border)}
.faq-item__answer p{margin:12px 0}
@media (max-width:900px){.site-footer .cols{grid-template-columns:1fr}}
.overlay{position:fixed;inset:0;background:rgba(2,6,23,.62);display:none;align-items:stretch;justify-content:center;z-index:100}
.overlay.open{display:flex}.overlay__panel{background:#fff;width:min(1100px,96vw);height:min(90vh,900px);margin:auto;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(2,6,23,.35)}
.overlay__bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border)}.overlay__content{flex:1;overflow:auto}
.overlay__content iframe{width:100%;height:100%;border:0}
.muted{color:var(--muted)}.pad{padding:10px 0}.small{font-size:14px}
/* Hero readability tweaks */
.hero .badge{
  color:#fff;
  border-color:rgba(255,255,255,.65);
  background:rgba(255,255,255,.08);
  backdrop-filter: blur(2px);
}
.hero .button--ghost{
  color:#fff;
  border-color:rgba(255,255,255,.8);
  background:transparent;
}

/* Header sizing and spacing */
.site-header .nav{
  min-height:72px;       /* more breathing room */
  padding:8px 0;         /* ensure white space above/below */
}

.nav-links{ gap:.8rem; } /* a touch more spacing between items */

.nav-links .button{
  padding:.5rem .9rem;   /* compact buttons so they fit cleanly */
  line-height:1;         /* avoid vertical spill */
  box-shadow: none;      /* flatter buttons in the header */
  border-radius:999px;   /* keep pill look in header */
}
.nav-greet{
  padding:.45rem .7rem;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--card);
  color:var(--muted);
  font-weight:600;
  white-space:nowrap;
}

/* Hero readability */
.hero .badge{
  color:#fff; border-color:rgba(255,255,255,.65);
  background:rgba(255,255,255,.08); backdrop-filter: blur(2px);
}
.hero .button--ghost{ color:#fff; border-color:rgba(255,255,255,.85); background:transparent; }

/* Header spacing so buttons fit inside the white bar */
.site-header .nav{ min-height:72px; padding:8px 0; }
.nav-links{ gap:.8rem; }
.nav-links .button{ padding:.5rem .9rem; line-height:1; box-shadow:none; border-radius:999px; }

/* Greeting chip */
.nav-greet{
  padding:.45rem .7rem; border:1px solid var(--border);
  border-radius:999px; background:var(--card); color:var(--muted);
  font-weight:600; white-space:nowrap;
}
@media (max-width: 900px){ .nav-greet{ display:none; } }

/* Hero readability (unchanged behavior) */
.hero .badge{
  color:#fff; border-color:rgba(255,255,255,.65);
  background:rgba(255,255,255,.08); backdrop-filter: blur(2px);
}
.hero .button--ghost{ color:#fff; border-color:rgba(255,255,255,.85); background:transparent; }

/* Header spacing so buttons sit inside the white bar */
.site-header .nav{ min-height:72px; padding:8px 0; }
.nav-links{ gap:.8rem; }
.nav-links .button{ padding:.5rem .9rem; line-height:1; box-shadow:none; border-radius:999px; }

/* Greeting next to avatar */
.nav-user .nav-name{
  padding:0 .7rem 0 0;
  color:var(--muted);
  font-weight:600;
  white-space:nowrap;
  border:none !important;
  background:transparent !important;
}

/* Avatar + dropdown (only the avatar button opens the menu) */
.nav-user{ position:relative; display:flex; align-items:center; }
.nav-user .avatar-btn{
  display:flex; align-items:center; gap:.5rem;
  cursor:pointer; padding:.25rem .7rem .25rem .4rem;
  border:1px solid var(--border) !important;
  border-radius:999px;
  background:var(--card) !important;
}
.avatar{
  width:30px; height:30px; border-radius:999px; display:grid; place-items:center;
  font-weight:800; color:#fff; background:var(--brand); box-shadow:var(--shadow);
}
.avatar-btn .chev{ font-size:12px; opacity:.6; }

.nav-user .menu{
  position:absolute; right:0; top:calc(100% + 8px); min-width:200px;
  background:#fff; border:1px solid var(--border); border-radius:12px; box-shadow:var(--shadow);
  padding:6px; display:none; z-index:200;
}
.nav-user.open .menu{ display:block; }
.nav-user .menu a{ display:block; padding:10px 12px; border-radius:8px; color:var(--fg); text-decoration:none; }
.nav-user .menu a:hover{ background:#f8fafc; }
.nav-user .menu-sep{ height:1px; background:var(--border); margin:6px; }

/* Mobile: hide the big header buttons, keep Sign in visible */
@media (max-width: 900px){
  .nav-links .button.nav-primary{ display:none !important; }   /* hides My Sales & Create Sale */
  .nav-user .nav-name{ display:none !important; }                        /* keep avatar only for space */
}
/* Mobile-only links: hide on desktop, show on mobile */
@media (min-width: 821px){
  .nav-mobile-only{
    display:none !important;
  }
}
@media (max-width: 820px){
  .nav-links .nav-mobile-only,
  .nav-links a.nav-mobile-only{
    display:block !important;
    width:100%;
    max-width:320px;
    margin:0 auto;
    text-align:center;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    color:var(--fg) !important;
    font-weight:600;
    padding:.75rem 1rem !important;
    text-decoration:none;
  }
  .nav-links .nav-mobile-only:first-of-type,
  .nav-links a.nav-mobile-only:first-of-type{
    margin-top:1.5rem;
    padding-top:1.5rem;
    border-top:1px solid var(--border);
  }
}
/* Compact Sign in on very small screens */
@media (max-width: 480px){
  .nav-login{
    position: relative;
    width: 40px;
    padding: .5rem;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  .nav-login::after{
    content: '🔑';            /* simple, readable icon */
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: 18px;
  }
}


    /* Uniform GSM button (~15% shorter) */
    .gsmbtn{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.30rem .6rem;
  border:1px solid #d1d5db; border-radius:10px;
  background:#f9fafb; color:#111; text-decoration:none;
  font-size:13px; line-height:1.1; cursor:pointer;
  white-space: nowrap;   
  flex-shrink: 0;        /* don’t squeeze the button smaller than its content */
}

    .gsmbtn:hover{ background:#f3f4f6; }
    .gsmbtn:disabled{ opacity:0.5; cursor:not-allowed; }
    .gsmbtn:disabled:hover{ background:#f9fafb; }
    .gsmbtn--primary{ background:#0f8596; color:#fff; border-color:#0f8596; }
    .gsmbtn--primary:hover{ background:#0e7584; }
    .gsmbtn--danger{ background:#fee2e2; color:#991b1b; border-color:#fecaca; }
    .gsmbtn--danger:disabled{ opacity:0.5; cursor:not-allowed; }
    .gsmbtn--danger:disabled:hover{ background:#fee2e2; }
    button.gsmbtn{ font:inherit; }

    /* Icon danger button – compact, round, red */
.gsmbtn--icon-danger{
  width:28px; height:28px; padding:0;
  border-radius:10px; display:inline-flex; align-items:center; justify-content:center;
  background:#fee2e2; color:#991b1b; border-color:#fecaca;
}
.gsmbtn--icon-danger:hover{ background:#fecaca; }
.gsmbtn--icon-danger svg{ width:16px; height:16px; display:block; }


    /* Card action row */
    .sale-actions{ display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.5rem; }

    /* Basic card/grid niceties in case the global CSS is minimal */
    .grid-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; }
    .card{ border:1px solid #e5e7eb; border-radius:10px; padding:14px; background:#fff; }
    .subtle{ color:rgba(17,24,39,.7); font-size:.95rem; }
  /* ===== My Sales (scoped) ===== */
.my-sales .gsmbtn{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.30rem .52rem;
  border:1px solid #d1d5db; border-radius:10px;
  background:#f9fafb; color:#111; text-decoration:none;
  font-size:13px; line-height:1.1; cursor:pointer; white-space:nowrap;
  flex-shrink:0;
}
.my-sales .gsmbtn:hover{ background:#f3f4f6; }
.my-sales .gsmbtn--primary{ background:#0ea5e9; color:#fff; border-color:#0ea5e9; }
.my-sales .gsmbtn--primary:hover{ background:#0369a1; }
.my-sales .gsmbtn--icon-danger{
  width:28px; height:28px; padding:0; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  background:#fee2e2; color:#991b1b; border-color:#fecaca;
}
.my-sales .gsmbtn--icon-danger:hover{ background:#fecaca; }
.my-sales .gsmbtn--icon-danger svg{ width:16px; height:16px; display:block; }

.my-sales .sale-actions{ display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.5rem; }
.my-sales .grid-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; }
.my-sales .card{ border:1px solid var(--border); border-radius:10px; padding:14px; background:#fff; box-shadow:var(--shadow); }
.my-sales .subtle{ color:rgba(17,24,39,.7); font-size:.95rem; }
/* Overlay refinements */
.overlay{ z-index: 9999; background: rgba(2,6,23,.72); }
.overlay__panel{
  height: clamp(520px, 88vh, 900px);
  margin: 4vh auto;           /* breathing room from top/bottom */
}
html.overlay-open, body.overlay-open{ overflow: hidden; }  /* lock background scroll */

/* Make legacy gsmbtns look like primary buttons by default */
.gsmbtn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.5rem .9rem;border-radius:10px;border:1px solid var(--brand);
  background:var(--brand);color:#fff;font-weight:600;box-shadow:var(--shadow);
  cursor:pointer; line-height:1; transition:transform .06s ease, box-shadow .2s ease, background .2s ease;
}
.gsmbtn:hover{ transform:translateY(-1px); box-shadow:0 12px 32px rgba(14,165,233,.25); }
.gsmbtn--primary{ /* same as base, kept for clarity */ }

/* My Sales – card delete placement & danger button */
.my-sales .card{ position: relative; }
.my-sales .card .card-delete{ position: absolute; top: 10px; right: 10px; }

.my-sales .gsmbtn--danger{
  background:#ef4444; color:#fff; border-color:#ef4444;
}
.my-sales .gsmbtn--danger:hover{ background:#dc2626; }

/* ===== Sale page polish ===== */
.sale-page-wrap{max-width:780px;margin:0 auto;padding:0 12px;}
.sale-address-block{margin:14px auto 16px;}
.sale-address-block .addr-row{
  padding:10px 14px;border:1px solid var(--ink20,#ddd);border-radius:10px;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.sale-address-block .addr-row strong{white-space:nowrap;}
.sale-address-block .addr-empty{
  padding:10px 14px;border:1px dashed var(--ink30,#ccc);border-radius:10px;
}
.sale-address-block form{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px;}
.sale-address-block input[type="text"]{
  flex:1 1 340px;max-width:560px;padding:10px 12px;
  border:1px solid var(--ink20,#ddd);border-radius:10px;
}
.gallery-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0 8px;}
table.gallery-table img{width:200px;height:200px;object-fit:cover;display:block;margin:0 auto;}
table.gallery-table td{width:220px;max-width:220px;text-align:center;vertical-align:top;}
.empty-state{margin-left:auto;margin-right:auto;}

/* ===== Sale Editor Tabs ===== */
.sale-tabs{
  display:flex;
  gap:0;
  border-bottom:2px solid var(--border);
  margin-bottom:20px;
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
}
.sale-tabs__btn{
  padding:12px 24px;
  font-size:1rem;
  font-weight:600;
  color:var(--muted);
  background:transparent;
  border:none;
  border-bottom:3px solid transparent;
  margin-bottom:-2px;
  cursor:pointer;
  transition:color 0.15s, border-color 0.15s;
}
.sale-tabs__btn:hover{
  color:var(--ink);
}
.sale-tabs__btn.is-active{
  color:var(--brand);
  border-bottom-color:var(--brand);
}
.sale-tabs__btn:focus{
  outline:2px solid var(--brand);
  outline-offset:2px;
}
.sale-tabs__btn .badge{
  font-size:0.8em;
  font-weight:500;
  color:var(--muted);
}
.sale-tab-panel{
  display:none;
}
.sale-tab-panel.is-active{
  display:block;
}

/* ===== Sale editor ===== */
.sale-editor-page{
  padding:48px 0 80px;
}
.sale-editor{
  display:grid;
  gap:20px;
  max-width:720px;
  margin:0 auto;
}
.sale-editor__back{justify-self:flex-start;}
.sale-editor-card{
  padding:20px;
  border-radius:20px;
  border:1px solid var(--border);
  background:var(--card,#fff);
  box-shadow:var(--shadow);
  display:grid;
  gap:18px;
}
.sale-editor__row{display:grid;gap:12px;}
.sale-editor__row--two{
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  align-items:flex-start;
  gap:14px;
}
.sale-editor__row--three{
  grid-template-columns:minmax(240px,2fr) minmax(110px,1fr) minmax(140px,1fr);
  align-items:flex-start;
  gap:12px;
  justify-items:start;
}
.sale-editor__field{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:.95rem;
}
.sale-editor__field--city input[type="text"]{
  max-width:260px;
}
.sale-editor__field--state input[type="text"]{
  max-width:70px;
  text-transform:uppercase;
}
.sale-editor__field--zip input[type="text"]{
  max-width:100px;
}
.sale-editor__field--title input[type="text"]{
  max-width:420px;
}
.sale-editor__label{
  font-weight:600;
  color:var(--muted);
}
.sale-editor__field input[type="text"],
.sale-editor__field input[type="date"],
.sale-editor__field input[type="time"]{
  padding:.55rem .7rem;
  border:1px solid var(--border);
  border-radius:10px;
  font-size:1rem;
  font:inherit;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.sale-editor__field input[type="text"]:focus-visible,
.sale-editor__field input[type="date"]:focus-visible,
.sale-editor__field input[type="time"]:focus-visible{
  outline:none;
  border-color:rgba(59,130,246,.6);
  box-shadow:0 0 0 3px rgba(59,130,246,.18);
}
.sale-editor__field input[name="splash_comment"]{
  max-width:520px;
}
.sale-editor__field textarea{
  padding:.55rem .7rem;
  border:1px solid var(--border);
  border-radius:10px;
  font-size:1rem;
  font-family:inherit;
  line-height:1.5;
  resize:vertical;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.sale-editor__field textarea:focus-visible{
  outline:none;
  border-color:rgba(59,130,246,.6);
  box-shadow:0 0 0 3px rgba(59,130,246,.18);
}
.sale-editor__field input[type="date"]{
  width:16ch;
  min-width:14ch;
}
.sale-editor__checkbox .checkbox-inline{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:6px;
  font-weight:500;
}
.checkbox-inline--sub{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:.85rem;
  color:var(--muted);
  font-weight:500;
  margin-top:4px;
}
.checkbox-inline--sub input{
  margin:0;
}
.sale-editor__field--end-date,
.sale-editor__field--end-time{
  margin-left:-32px;
}
.sale-editor__end-date-wrap{
  display:flex;
  align-items:flex-start;
  gap:16px;
  flex-wrap:nowrap;
}
.sale-editor__indefinite{
  margin-top:4px;
}
.sale-editor__indefinite .toggle-switch__label{
  font-size:.85rem;
  line-height:1.3;
}
.sale-editor__indefinite .toggle-switch__label small{
  color:var(--muted);
  font-size:.75rem;
}
/* Elegant select dropdown */
.sale-editor__select{
  appearance:none;
  -webkit-appearance:none;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M2 4l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center;
  background-size:12px;
  padding:.65rem 36px .65rem .85rem;
  border:1px solid var(--border);
  border-radius:10px;
  font-size:.95rem;
  color:var(--fg);
  cursor:pointer;
  transition:border-color .15s ease, box-shadow .15s ease;
  min-width:220px;
}
.sale-editor__select:hover{
  border-color:var(--brand);
}
.sale-editor__select:focus{
  outline:none;
  border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(14,165,233,.15);
}
.sale-editor__select option{
  padding:8px;
}
/* Discount code panel */
.sale-editor__discount-code-panel{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:12px 14px;
  background:linear-gradient(135deg, rgba(34,197,94,.08), rgba(14,165,233,.06));
  border:1px solid rgba(34,197,94,.25);
  border-radius:12px;
}
.discount-code-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:.85rem;
  font-weight:600;
  color:var(--accent);
}
.discount-code-badge__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  background:var(--accent);
  color:#fff;
  border-radius:6px;
  font-size:.75rem;
  font-weight:700;
}
.discount-code-badge__code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;
  letter-spacing:.5px;
}
.sale-editor__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
}
.sale-editor__actions .gsmbtn{
  padding:.62rem .95rem;
  line-height:1.1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}
.sale-editor__actions--footer{
  margin-top:20px;
}
.sale-save-btn{
  background:linear-gradient(135deg,#14b8a6,#0d9488);
  border-color:#0d9488;
  color:#fff;
  box-shadow:0 12px 28px rgba(13,148,136,.28);
  transition:all 0.3s ease;
}
.sale-save-btn:hover,
.sale-save-btn:focus-visible{
  background:linear-gradient(135deg,#0f766e,#0b5d56);
  border-color:#0b5d56;
  box-shadow:0 18px 36px rgba(15,118,110,.35);
}
.sale-save-btn.has-changes,
.gsmbtn.sale-save-btn.has-changes{
  background:linear-gradient(135deg,#f59e0b,#ea580c);
  border-color:#ea580c;
  color:#fff;
  box-shadow:0 0 0 4px rgba(245,158,11,0.2), 0 16px 32px rgba(245,158,11,0.4);
  animation:savePulse 2s ease-in-out infinite;
  font-weight:700;
}
.sale-save-btn.has-changes:hover,
.sale-save-btn.has-changes:focus-visible{
  background:linear-gradient(135deg,#ea580c,#dc2626);
  border-color:#dc2626;
  box-shadow:0 0 0 4px rgba(245,158,11,0.3), 0 20px 40px rgba(245,158,11,0.5);
}
@keyframes savePulse{
  0%, 100%{ box-shadow:0 0 0 4px rgba(245,158,11,0.2), 0 16px 32px rgba(245,158,11,0.4); }
  50%{ box-shadow:0 0 0 6px rgba(245,158,11,0.35), 0 18px 36px rgba(245,158,11,0.5); }
}
.time-field{
  display:flex;
  align-items:center;
  gap:10px;
  position:relative;
}
.time-field input[type="time"]{
  flex:0 0 auto;
  width:8.6rem;
  min-width:7.6rem;
  padding:.55rem .75rem;
  border:1px solid var(--border);
  border-radius:10px;
  font-variant-numeric:tabular-nums;
  text-align:center;
  text-align-last:center;
}
.time-picker-btn{
  padding:.45rem .85rem;
  border-radius:10px;
  border:1px solid rgba(59,130,246,.35);
  background:rgba(148,163,184,.18);
  color:var(--brand,#0f172a);
  font-size:.85rem;
  font-weight:600;
  cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;
  white-space:nowrap;
}
.time-picker-btn:hover,
.time-picker-btn:focus-visible{
  background:rgba(59,130,246,.18);
  border-color:rgba(59,130,246,.5);
  color:var(--brand,#0f172a);
  box-shadow:0 0 0 3px rgba(59,130,246,.15);
}
.time-picker-menu{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  z-index:60;
  display:none;
  min-width:180px;
  max-height:220px;
  overflow:auto;
  padding:6px;
  border-radius:12px;
  border:1px solid var(--border);
  background:#fff;
  box-shadow:0 24px 48px rgba(15,23,42,.22);
}
.time-picker-menu.open{display:block;}
.time-picker-item{
  display:block;
  width:100%;
  padding:6px 10px;
  border:0;
  background:transparent;
  text-align:left;
  color:var(--fg,#0f172a);
  font-size:.95rem;
  border-radius:8px;
  cursor:pointer;
}
.time-picker-item:hover,
.time-picker-item.active{
  background:rgba(14,116,144,.12);
}

/* ===== Layout + utility system ===== */
.page-shell{max-width:960px;margin:32px auto 64px;padding:0 20px;}
.layout-slim{max-width:760px;margin:32px auto 64px;padding:0 18px;}
.page-header{margin-bottom:24px;}
.page-title{margin:0;font-size:clamp(26px,5vw,36px);font-weight:700;line-height:1.2;color:var(--fg);}
.mt-0{margin-top:0!important;}
.mb-0{margin-bottom:0!important;}
.mt-sm{margin-top:8px;}
.mt-lg{margin-top:24px;}
.mb-sm{margin-bottom:8px;}
.mb-md{margin-bottom:16px;}
.mb-lg{margin-bottom:24px;}
.pt-lg{padding-top:32px;}
.pb-lg{padding-bottom:32px;}
.stack{display:flex;flex-direction:column;gap:var(--stack-gap,1.25rem);}
.stack-sm{--stack-gap:.65rem;}
.stack-md{--stack-gap:1rem;}
.stack-lg{--stack-gap:1.65rem;}
.cluster{display:flex;align-items:center;gap:var(--cluster-gap,.85rem);}
.cluster-wrap{flex-wrap:wrap;}
.cluster-between{justify-content:space-between;}
.button-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.text-muted{color:var(--muted);}
.text-success{color:#15803d;}
.text-error{color:#b91c1c;}
.text-center{text-align:center;}
.text-start{text-align:left;}
.text-right{text-align:right;}
.italic{font-style:italic;}
.is-hidden{display:none !important;}
.link-underline{color:inherit;text-decoration:underline;font-weight:600;}
.link-muted{color:var(--muted);text-decoration:none;}
.list-plain{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;}
.list-check{list-style:none;margin:0;padding:0;color:var(--muted);font-size:.9rem;}
.list-check li{position:relative;padding-left:1.4rem;}
.list-check li::before{content:'✓';position:absolute;left:0;color:var(--accent);}
.card--padded{padding:20px;}
.card--center{text-align:center;}
.card--bleed{padding:0;}
.panel{padding:12px 0;margin-bottom:10px;border-bottom:1px solid var(--border);}
.panel--header h2{margin:0;}
.alert{border-radius:12px;padding:14px 16px;border:1px solid rgba(148,163,184,.45);background:rgba(148,163,184,.12);}
.alert--error{border-color:rgba(248,113,113,.5);background:rgba(254,226,226,.6);color:#7f1d1d;}
.alert--success{border-color:rgba(34,197,94,.5);background:rgba(220,252,231,.7);color:#14532d;}
.alert--info{border-color:rgba(59,130,246,.4);background:rgba(219,234,254,.65);color:#1d4ed8;}
.banner{border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:14px;margin:16px 0;}
.banner--upgrade{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 8px 18px rgba(103,80,164,.35);}
.banner--upgrade p{opacity:.95;}
.banner__body{display:flex;flex-direction:column;gap:6px;}
.banner__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.banner--upgrade .btn{background:#fff;color:#5b21b6;border-color:#fff;box-shadow:0 4px 12px rgba(15,23,42,.25);}
.boost-banner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin:16px 0 20px;
  padding:16px 18px;
  border-radius:16px;
  background:linear-gradient(135deg,#0ea5e9,#6366f1);
  color:#0f172a;
  border:1px solid rgba(59,130,246,.35);
  box-shadow:0 10px 24px rgba(59,130,246,.25);
}
.boost-banner strong{display:block;font-size:1.05rem;}
.boost-banner span{display:block;font-size:.95rem;color:rgba(15,23,42,.78);}
.boost-banner .gsmbtn--primary{background:#1d4ed8;border:none;color:#fff;padding:.6rem 1.1rem;border-radius:12px;font-weight:700;box-shadow:0 8px 20px rgba(37,99,235,.28);}
.boost-banner .gsmbtn--primary:hover{background:#1e40af}
@media (max-width:700px){
  .boost-banner{flex-direction:column;align-items:flex-start;}
}
.auth-error{
  border:2px solid #ef4444;
  background:rgba(254,226,226,.95);
  color:#7f1d1d;
  margin-bottom:14px;
  border-radius:12px;
  box-shadow:0 8px 18px rgba(220,38,38,.18);
  padding:12px 16px;
}
.auth-error ul{margin:0 0 8px 18px;padding:0;list-style:disc;}
.auth-error a{color:#dc2626;font-weight:600;text-decoration:underline;}
@media (prefers-color-scheme: dark){
  .auth-error{
    background:rgba(220,38,38,.15);
    border-color:#ef4444;
    color:#fecaca;
    box-shadow:0 12px 28px rgba(15,23,42,.45);
  }
  .auth-error a{color:#fca5a5;}
}
.table-scroll{width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--border);}
.table-scroll table{width:100%;border-collapse:separate;border-spacing:0;}
table.gallery-table{width:100%;border-collapse:separate;border-spacing:6px;margin:8px auto;}
.form-grid{display:grid;gap:14px;}
.form-grid--split{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.form-grid--address{grid-template-columns:1fr 120px 130px;gap:12px;}
.form-field{display:flex;flex-direction:column;gap:6px;}
.form-field label{font-weight:600;color:var(--muted);}
.field-note{font-size:.85rem;color:var(--muted);font-weight:500;}
.section-label{font-weight:600;color:var(--muted);}
.section-label--lg{font-size:1.05rem;}
.form-subtitle{font-weight:700;font-size:1rem;}
.text-sm{font-size:.9rem;}
.cluster-tight{--cluster-gap:10px;}
.pill-badge{background:rgba(14,165,233,.12);color:var(--brand);font-size:.75rem;padding:2px 10px;border-radius:999px;font-weight:600;display:inline-block;}
.input--uppercase{text-transform:uppercase;}
.input--short{max-width:150px;}
.input--short[type="date"]{
  text-align:center;
  text-align-last:center;
}
.open-ended-toggle{
  margin:0;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:1;
  flex-wrap:wrap;
  max-width:100%;
}
.open-ended-toggle .form-checkbox{margin:0;}
.open-ended-toggle span{
  white-space:normal;
  line-height:1.25;
  flex:0 1 auto;
}
.form-checkbox{width:auto;margin:0;}
.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;}
.form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.form-actions--end{justify-content:flex-end;}
.form-actions--center{justify-content:center;}
.input,
.form-field input,
.form-field select,
.form-field textarea{
  width:100%;
  padding:.6rem .7rem;
  border:1px solid var(--border);
  border-radius:10px;
  font:inherit;
  font-size:1rem;
  background:#fff;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.input:focus-visible,
.form-field input:focus-visible,
.form-field select:focus-visible{
  outline:none;
  border-color:rgba(59,130,246,.6);
  box-shadow:0 0 0 3px rgba(59,130,246,.18);
}
.input::placeholder,
.form-field input::placeholder,
.form-field textarea::placeholder,
.sale-editor__field input::placeholder,
.sale-editor__field textarea::placeholder{
  color:#94a3b8;
  opacity:1;
}
.tier-option{
  display:flex;
  gap:16px;
  padding:16px;
  border:2px solid var(--border);
  border-radius:14px;
  cursor:pointer;
  align-items:flex-start;
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.tier-option input{margin-top:4px;}
.tier-option__body{flex:1;display:flex;flex-direction:column;gap:6px;}
.tier-option__meta{font-size:.9rem;color:var(--muted);}
.tier-option__price{text-align:right;font-weight:700;font-size:1.5rem;color:var(--brand);}
.tier-option__price small{display:block;font-size:.75rem;color:var(--muted);font-weight:500;}
.tier-option--selected{border-color:var(--brand);box-shadow:0 12px 32px rgba(14,165,233,.18);}
.tier-option.is-disabled{cursor:not-allowed;opacity:.55;}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 0 12px;}
.toolbar.is-hidden{display:none;}
.photo-item{padding:8px;border:1px solid var(--border);border-radius:12px;position:relative;overflow:visible;}
.photo-item__image-wrap{position:relative;overflow:hidden;border-radius:10px;margin:0 auto;width:200px;height:200px;}
.photo-item img{display:block;width:200px;height:200px;object-fit:cover;}
.photo-checkbox{position:absolute;top:8px;right:8px;z-index:10;cursor:pointer;}
.photo-checkbox input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  width:24px;
  height:24px;
  border:2px solid rgba(255,255,255,.95);
  border-radius:6px;
  background:rgba(15,23,42,.65);
  cursor:pointer;
  position:relative;
  box-shadow:0 2px 8px rgba(0,0,0,.35);
  transition:all .15s ease;
}
.photo-checkbox input[type="checkbox"]:hover{
  border-color:#fff;
  background:rgba(15,23,42,.8);
}
.photo-checkbox input[type="checkbox"]:checked{
  background:linear-gradient(135deg,#10b981,#059669);
  border-color:#10b981;
  box-shadow:0 2px 8px rgba(16,185,129,.45);
}
.photo-checkbox input[type="checkbox"]:checked::after{
  content:'✓';
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  color:#fff;
  font-size:16px;
  font-weight:800;
  line-height:1;
}
.sold-banner{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%) rotate(-25deg);
  background:linear-gradient(135deg, #10b981 0%, #059669 100%);
  color:#ffffff;
  font-weight:800;
  font-size:2.5rem;
  letter-spacing:0.15em;
  padding:12px 60px;
  text-align:center;
  box-shadow:0 4px 20px rgba(16, 185, 129, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.9), 0 0 0 4px #10b981;
  border-radius:4px;
  z-index:10;
  pointer-events:none;
  text-shadow:0 2px 8px rgba(0, 0, 0, 0.3);
}
@media (prefers-color-scheme: dark) {
  .sold-banner{
    box-shadow:0 4px 20px rgba(16, 185, 129, 0.5), 0 0 0 3px rgba(0, 0, 0, 0.7), 0 0 0 4px #10b981;
  }
  .gsmbtn{
    background:#1e293b;
    color:#e2e8f0;
    border-color:#334155;
  }
  .gsmbtn:hover{
    background:#334155;
  }
  .gsmbtn:disabled{
    opacity:0.4;
    background:#1e293b;
    color:#64748b;
  }
  .gsmbtn:disabled:hover{
    background:#1e293b;
  }
  .gsmbtn--danger{
    background:rgba(220,38,38,.2);
    color:#fca5a5;
    border-color:rgba(239,68,68,.3);
  }
  .gsmbtn--danger:hover{
    background:rgba(220,38,38,.3);
  }
  .gsmbtn--danger:disabled{
    opacity:0.4;
    background:rgba(220,38,38,.15);
    color:#7f1d1d;
  }
  .gsmbtn--danger:disabled:hover{
    background:rgba(220,38,38,.15);
  }
  .sale-save-btn{
    background:linear-gradient(135deg,#14b8a6,#0d9488);
    box-shadow:0 12px 28px rgba(20,184,166,.35);
  }
  .sale-save-btn:hover,
  .sale-save-btn:focus-visible{
    background:linear-gradient(135deg,#14b8a6,#0f766e);
    box-shadow:0 18px 36px rgba(20,184,166,.45);
  }
  .sale-save-btn.has-changes{
    background:linear-gradient(135deg,#fbbf24,#f59e0b);
    border-color:#f59e0b;
    box-shadow:0 0 0 4px rgba(251,191,36,0.25), 0 16px 32px rgba(251,191,36,0.45);
    font-weight:700;
  }
  .sale-save-btn.has-changes:hover,
  .sale-save-btn.has-changes:focus-visible{
    background:linear-gradient(135deg,#f59e0b,#ea580c);
    border-color:#ea580c;
    box-shadow:0 0 0 4px rgba(251,191,36,0.35), 0 20px 40px rgba(251,191,36,0.55);
  }
  /* Item description dark mode */
  .item-description__hint{color:#9ca3af;}
  .item-description__input{
    background:#1e293b;
    border-color:#475569;
    color:#e2e8f0;
  }
  .item-description__input:focus{
    border-color:#60a5fa;
    box-shadow:0 0 0 2px rgba(96,165,250,.25);
  }
  .item-description__ai-badge{
    background:rgba(59,130,246,.2);
    color:#93c5fd;
  }
  .item-description__user-badge{
    background:rgba(34,197,94,.2);
    color:#86efac;
  }
}
@media (max-width:640px){
  .sold-banner{
    font-size:1.8rem;
    padding:8px 40px;
    letter-spacing:0.1em;
  }
}
.gsm-item-flags{margin-top:.5rem;text-align:left;display:flex;flex-direction:column;gap:6px;}
.gsm-item-flags label{display:flex;align-items:center;gap:6px;font-size:.9rem;}
.price-edit{margin-top:.5rem;text-align:left;display:flex;flex-direction:column;gap:6px;}
.price-edit label{font-weight:600;font-size:.9rem;}
.price-edit__row{
  display:flex;
  align-items:center;
  gap:6px;
}
.price-edit__input{
  max-width:80px;
  width:80px;
}
.photo-delete-btn{
  border:0;
  background:transparent;
  color:#ef4444;
  padding:2px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:color .15s ease, transform .15s ease;
}
.photo-delete-btn svg{
  width:16px;
  height:16px;
  display:block;
  pointer-events:none;
}
.photo-delete-btn:hover,
.photo-delete-btn:focus-visible{
  color:#dc2626;
  transform:scale(1.05);
}
.photo-delete-btn:focus-visible{
  outline:2px solid rgba(239,68,68,.45);
  outline-offset:2px;
}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.icon-inline{width:16px;height:16px;vertical-align:middle;margin-right:4px;display:inline-block;}
.field-disabled{opacity:.55;cursor:not-allowed;}
.splash-note{margin:4px 0 12px;}

/* Item description in Photos tab */
.item-description{
  margin-top:.5rem;
  text-align:left;
  display:flex;
  flex-direction:column;
  gap:4px;
  position:relative;
}
.item-description label{
  font-weight:600;
  font-size:.85rem;
  display:flex;
  align-items:center;
  gap:6px;
}
.item-description__hint{
  font-weight:400;
  font-size:.75rem;
  color:#6b7280;
}
.item-description__input{
  width:100%;
  font-size:.85rem;
  padding:6px 8px;
  border:1px solid #d1d5db;
  border-radius:4px;
  resize:vertical;
  min-height:48px;
  font-family:inherit;
  line-height:1.4;
}
.item-description__input:focus{
  outline:none;
  border-color:#3b82f6;
  box-shadow:0 0 0 2px rgba(59,130,246,.2);
}
.item-description__ai-badge,
.item-description__user-badge{
  position:absolute;
  top:0;
  right:0;
  font-size:.65rem;
  font-weight:600;
  padding:2px 6px;
  border-radius:3px;
  text-transform:uppercase;
  letter-spacing:.025em;
}
.item-description__ai-badge{
  background:#dbeafe;
  color:#1d4ed8;
}
.item-description__user-badge{
  background:#dcfce7;
  color:#166534;
}

/* Online Purchase Settings in Photos tab */
.online-purchase-settings{
  margin-top:.75rem;
  padding:10px;
  background:#f0fdf4;
  border:1px solid #86efac;
  border-radius:6px;
  text-align:left;
}
.online-purchase-settings__header{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:8px;
}
.online-purchase-settings__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  background:#22c55e;
  color:#fff;
  border-radius:50%;
  font-size:.7rem;
  font-weight:700;
}
.online-purchase-settings__title{
  font-weight:600;
  font-size:.85rem;
  color:#166534;
}
.online-purchase-settings__setup-notice{
  font-size:.8rem;
  color:#166534;
}
.online-purchase-settings__setup-link{
  color:#15803d;
  font-weight:600;
  text-decoration:underline;
}
.online-purchase-settings__toggle{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:.85rem;
  cursor:pointer;
  margin-bottom:6px;
}
.online-purchase-settings__toggle input[type="checkbox"]{
  width:16px;
  height:16px;
  accent-color:#22c55e;
}
.online-purchase-settings__fields{
  padding-left:22px;
  margin-top:8px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.online-purchase-settings__fields--hidden{
  display:none;
}
.online-purchase-settings__price-row label{
  display:flex;
  flex-direction:column;
  gap:2px;
  font-size:.8rem;
}
.online-purchase-settings__price-row input{
  width:120px;
  padding:4px 8px;
  border:1px solid #d1d5db;
  border-radius:4px;
  font-size:.85rem;
}
.online-purchase-settings__offer-row{
  display:flex;
  align-items:flex-end;
  gap:6px;
}
.online-purchase-settings__offer-row--hidden{
  display:none;
}
.online-purchase-settings__offer-row label{
  display:flex;
  flex-direction:column;
  gap:2px;
  font-size:.8rem;
}
.online-purchase-settings__offer-row input{
  width:70px;
  padding:4px 8px;
  border:1px solid #d1d5db;
  border-radius:4px;
  font-size:.85rem;
}
.online-purchase-settings__hint{
  font-size:.75rem;
  color:#6b7280;
  margin-bottom:4px;
}

/* Buy Now / Make Offer badges on item cards */
.item-badge--buyable{
  background:#dcfce7;
  color:#166534;
}
.item-badge--offers{
  background:#dbeafe;
  color:#1d4ed8;
}

@media (min-width:720px){
  .banner{flex-direction:row;align-items:center;}
  .banner__body{flex:1;}
  .banner__actions{flex:0 0 auto;justify-content:flex-end;}
}

/* ===== Auth signup ===== */
.auth-signup{
  max-width:640px;
  margin:40px auto 60px;
  padding:0 18px;
}
.auth-signup__title{
  font-family:'Playfair Display',serif;
  margin:0 0 8px;
  text-align:center;
}
.auth-signup__subtitle{
  text-align:center;
  color:var(--muted);
  margin:0 0 20px;
}
.auth-signup__errors{
  border-left:3px solid #b33;
  color:#b33;
  margin-bottom:16px;
  padding:12px;
  display:grid;
  gap:6px;
}
.auth-form{
  padding:22px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.auth-field{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.auth-field--full{grid-column:1/-1;}
.auth-field input{
  padding:.65rem .85rem;
  border:1px solid var(--border);
  border-radius:10px;
  font-size:1rem;
}
.auth-field label{
  font-size:.9rem;
  color:var(--muted);
  order:-1;
}
.auth-consent{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:8px;
  padding:12px;
  background:rgba(148,163,184,0.12);
  border-radius:8px;
  font-size:.9rem;
}
.auth-consent input{
  width:auto;
  flex:0 0 auto;
}
.auth-consent a{text-decoration:underline;}
.auth-form__actions{
  grid-column:1/-1;
  display:flex;
  gap:12px;
  justify-content:flex-end;
  margin-top:4px;
}
.auth-signup__footnote{
  margin-top:14px;
  color:var(--muted);
  text-align:center;
}

/* ===== Mobile & responsive refinements ===== */
.sales-grid{
  display:grid;
  gap:18px;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
}
.sale-card{
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--shadow);
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.sale-card.is-past{opacity:.92;}
.sale-card .sale-headline{display:flex;flex-direction:column;gap:4px;}
.sale-card .sale-title{
  margin:0;
  font-size:1.25rem;
  font-weight:700;
  line-height:1.3;
  color:var(--fg);
}
.sale-card .sale-dates{
  font-size:.95rem;
  font-weight:600;
  color:var(--brand);
}
.sale-card .sale-address{
  font-size:.9rem;
  color:var(--muted);
}
.sale-card .sale-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.sale-card .sale-actions .gsmbtn,
.sale-card .sale-actions form{
  flex:1 1 140px;
}
.sale-card .sale-actions .gsmbtn,
.sale-card .sale-actions button{
  width:100%;
  justify-content:center;
}
.my-sales-page{padding:18px 0 60px;}
.gallery-table{width:100%;}

@media (max-width:920px){
  .site-header .nav{gap:12px;}
}
@media (max-width:820px){
  .nav-links{
    position:fixed;
    inset:56px 0 0 0;
    min-height:calc(100vh - 56px);
    padding:28px 22px 36px;
    background:rgba(255,255,255,.98);
    border-bottom:1px solid var(--border);
    box-shadow:0 28px 60px rgba(15,23,42,.25);
    overflow-y:auto;
    display:none;
    flex-direction:column;
    align-items:center;
  }
  .nav-links.open{display:flex;}
  .nav-links a,
  .nav-links .button{
    width:100%;
    max-width:320px;
    justify-content:center;
    text-align:center;
  }
  .nav-links .button{
    border-radius:12px;
  }
  /* Hide avatar/user dropdown on mobile */
  .nav-links .nav-user,
  .nav-user,
  .avatar-btn,
  .nav .nav-user,
  header .nav-user{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    overflow:hidden !important;
  }
  .mobile-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:12px;
    border:1px solid rgba(15,23,42,.15);
  }
}
@media (max-width:720px){
  .container{padding:0 16px;}
  .hero{
    min-height:auto;
    padding:52px 0;
    text-align:center;
  }
  .hero .container{padding:48px 16px;}
  .hero-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .hero-actions .button{
    width:100%;
    justify-content:center;
  }
  .section{padding:48px 0;}
  .card{padding:18px;}
  .site-footer{
    text-align:center;
    padding:32px 0;
  }
  .site-footer .cols{
    gap:12px;
  }
  .section{padding:48px 0;}
  .section__header{margin-bottom:24px;}
  .section__header--center{align-items:flex-start;text-align:left;}
  .sale-editor-page{padding:36px 0 56px;}
  .sale-editor{padding:0 8px;gap:16px;}
  .sale-editor-card{padding:18px;}
}
@media (max-width:640px){
  .sales-grid{grid-template-columns:1fr;}
  .sale-card{padding:18px;}
  .sale-card .sale-actions{flex-direction:column;}
  .sale-card .sale-actions form{width:100%;}
  .sale-card .sale-actions .gsmbtn,
  .sale-card .sale-actions button{
    width:100%;
    padding:.5rem .9rem;
    min-height:auto;
    max-height:44px;
  }
  .gallery-table tbody,
  .gallery-table tr{
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  .gallery-table td{
    width:100% !important;
    max-width:100% !important;
  }
  .photo-item{
    width:100%;
    max-width:420px;
    margin:0 auto;
  }
  .photo-item__image-wrap{
    width:100% !important;
    height:auto !important;
  }
  .photo-item img{
    width:100% !important;
    height:auto !important;
  }
  .price-edit__row{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }
  .price-edit__input{
    width:100% !important;
    max-width:100% !important;
  }
  .sale-editor__row--two{
    grid-template-columns:1fr;
  }
  .sale-editor__row--three{
    grid-template-columns:1fr;
  }
  .sale-editor__field--state input[type="text"],
  .sale-editor__field--zip input[type="text"]{
    max-width:100%;
  }
  .sale-editor__field input[type="text"],
  .sale-editor__field input[type="date"],
  .sale-editor__field input[type="time"]{
    width:100%;
  }
  .sale-editor__field--end-date,
  .sale-editor__field--end-time{
    margin-left:0 !important;
  }
  .sale-editor__end-date-wrap{
    flex-wrap:wrap;
    gap:8px;
  }
  .time-field{
    width:100%;
  }
  .time-field input[type="time"]{
    flex:1 1 auto;
    width:100%;
    min-width:0;
  }
  .sale-editor__actions{
    flex-direction:column;
    gap:8px;
  }
  .sale-editor__actions--footer{
    margin-top:18px;
  }
  .sale-editor__actions .gsmbtn{
    width:100%;
    justify-content:center;
  }
  .form-grid--address{grid-template-columns:1fr;}
  .tier-option{flex-direction:column;align-items:flex-start;}
  .tier-option__price{text-align:left;}
  .banner{padding:16px;}
  .banner__actions{flex-direction:column;align-items:flex-start;}
  .auth-form{
    grid-template-columns:1fr;
    padding:18px;
  }
  .auth-form__actions{
    flex-direction:column;
    justify-content:center;
  }
  .auth-form__actions .btn{
    width:100%;
    justify-content:center;
  }
  .auth-consent{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width:540px){
  .container{padding:0 14px;}
  .nav-links{padding:28px 16px 40px;}
  .hero h1{font-size:clamp(26px,8vw,40px);}
  .hero p{font-size:1rem;}
  .auth-signup{
    padding:0 12px;
    margin:28px auto 48px;
  }
  .layout-slim{padding:0 12px;margin:24px auto 48px;}
}

/* Toggle Switch Component */
.toggle-switch{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  user-select:none;
}
.toggle-switch input{
  position:absolute;
  opacity:0;
  width:0;
  height:0;
}
.toggle-switch__track{
  position:relative;
  width:44px;
  height:24px;
  background:#cbd5e1;
  border-radius:12px;
  transition:background .2s ease, box-shadow .2s ease;
  flex-shrink:0;
}
.toggle-switch__track::after{
  content:'';
  position:absolute;
  top:2px;
  left:2px;
  width:20px;
  height:20px;
  background:#fff;
  border-radius:50%;
  box-shadow:0 1px 3px rgba(0,0,0,.2);
  transition:transform .2s ease;
}
.toggle-switch input:checked + .toggle-switch__track{
  background:var(--accent, #22c55e);
}
.toggle-switch input:checked + .toggle-switch__track::after{
  transform:translateX(20px);
}
.toggle-switch input:focus-visible + .toggle-switch__track{
  box-shadow:0 0 0 3px rgba(34,197,94,.35);
}
.toggle-switch:hover .toggle-switch__track{
  background:#94a3b8;
}
.toggle-switch input:checked:hover + .toggle-switch__track{
  background:#16a34a;
}
.toggle-switch__label{
  font-size:.9rem;
  color:var(--fg);
  line-height:1.3;
}
.toggle-switch--small .toggle-switch__track{
  width:36px;
  height:20px;
  border-radius:10px;
}
.toggle-switch--small .toggle-switch__track::after{
  width:16px;
  height:16px;
  top:2px;
  left:2px;
}
.toggle-switch--small input:checked + .toggle-switch__track::after{
  transform:translateX(16px);
}
.toggle-switch--small .toggle-switch__label{
  font-size:.85rem;
}

@media (prefers-color-scheme: dark){
  :root{
    --bg:#0b1120; --fg:#e2e8f0; --muted:#94a3b8;
    --brand:#38bdf8; --brand-700:#0ea5e9; --accent:#22d3ee;
    --border:rgba(148,163,184,.28); --card:#132135;
    --shadow:0 32px 60px rgba(2,6,23,.55);
  }
  body{
    background:var(--bg);
    color:var(--fg);
  }
  .site-header{
    background:rgba(11,17,32,.9);
    border-bottom:1px solid rgba(148,163,184,.25);
  }
  .nav-links a{
    color:var(--muted);
  }
  .nav-links a.active{
    color:var(--fg);
  }
  .nav-links .button{
    background:rgba(56,189,248,.2);
    color:var(--fg);
    border-color:rgba(148,163,184,.35);
    box-shadow:none;
    border-radius:999px;
  }
  .nav-links .button:hover{
    background:rgba(56,189,248,.32);
  }
  .nav-search__input{
    background:rgba(15,23,42,.65);
    border-color:rgba(148,163,184,.35);
    color:var(--fg);
  }
  .nav-search__input:focus{
    border-color:var(--brand);
    box-shadow:0 0 0 3px rgba(56,189,248,.2);
  }
  .nav-search__input::placeholder{
    color:var(--muted);
  }
  .nav-search__btn{
    background:var(--brand);
  }
  .nav-search__btn:hover{
    background:#0ea5e9;
  }
  @media (max-width:820px){
    .nav-links{
      background:rgba(11,17,32,.98);
      border-bottom:1px solid rgba(148,163,184,.25);
      box-shadow:0 28px 60px rgba(2,6,23,.65);
    }
    .mobile-toggle{
      color:var(--fg);
      border-color:rgba(148,163,184,.3);
    }
  }
  .nav-greet{
    background:rgba(15,23,42,.65);
    border-color:rgba(148,163,184,.35);
    color:var(--fg);
  }
  .avatar-btn{
    background:rgba(15,23,42,.65);
    border-color:rgba(148,163,184,.35);
  }
  .nav-name{
    color:var(--fg);
  }
  .hero{
    background:
      linear-gradient(to bottom,rgba(8,14,29,.45),rgba(8,14,29,.6)),
      linear-gradient(110deg,rgba(14,20,37,.32),rgba(8,14,29,.5)),
      center/cover no-repeat url('/assets/hero/shutterstock-2300437757-2400.webp');
  }
  .hero h1,
  .hero p{
    color:var(--fg);
  }
  .hero .button--ghost{
    color:var(--fg);
    border-color:rgba(226,232,240,.35);
  }
  .section--alt{
    background:#111c2f;
  }
  .section h2,
  .section p.lead,
  .section__title,
  .section__lead{
    color:var(--fg);
  }
  .feature-card,
  .plan-card,
  .contact-card{
    background:rgba(15,23,42,.7);
    border-color:rgba(148,163,184,.35);
    box-shadow:var(--shadow);
  }
  .plan-card--featured{
    background:rgba(14,165,233,.15);
    border-color:var(--brand);
  }
  .feature-card h3,
  .plan-card__title{
    color:var(--fg);
  }
  .feature-card p,
  .plan-card__meta,
  .plan-card__features,
  .contact-card__label{
    color:var(--muted);
  }
  .plan-card__tag{
    background:rgba(56,189,248,.25);
    color:var(--fg);
  }
  .card,
  .pricing .plan,
  .overlay__panel,
  .nav-user .menu,
  .my-sales .card{
    background:var(--card);
    border:1px solid rgba(148,163,184,.25);
    box-shadow:var(--shadow);
  }
  .pricing .plan.highlight{
    box-shadow:0 24px 50px rgba(56,189,248,.25);
  }
  .badge{
    border-color:rgba(148,163,184,.35);
    background:rgba(148,163,184,.16);
    color:var(--fg);
  }
  .overlay{
    background:rgba(2,6,23,.8);
  }
  .nav-user .menu{
    background:rgba(15,23,42,.92);
    border-color:rgba(148,163,184,.35);
  }
  .nav-user .menu a{
    color:var(--fg);
  }
  .nav-user .menu a:hover{
    background:rgba(148,163,184,.18);
  }
  .nav-user .menu-sep{
    background:rgba(148,163,184,.2);
  }
  .btn{
    background:var(--brand);
    border-color:var(--brand);
    color:#062032;
  }
  .btn.ghost{
    background:transparent;
    color:var(--brand);
    border-color:rgba(148,163,184,.45);
  }
  .btn.ghost:hover,
  .btn.ghost:focus-visible{
    background:rgba(56,189,248,.18);
  }
  .gsmbtn{
    background:var(--brand);
    border-color:var(--brand);
    color:#062032;
    box-shadow:var(--shadow);
  }
  .gsmbtn:hover{
    box-shadow:0 14px 36px rgba(56,189,248,.35);
  }
  .gsmbtn--danger{
    background:#b91c1c;
    border-color:#dc2626;
    color:#fee2e2;
  }
  .my-sales .gsmbtn{
    background:rgba(56,189,248,.16);
    border-color:rgba(148,163,184,.35);
    color:var(--fg);
  }
  .my-sales .gsmbtn--primary{
    background:var(--brand);
    border-color:var(--brand);
    color:#062032;
  }
  .my-sales .gsmbtn--danger{
    background:#b91c1c;
    border-color:#dc2626;
    color:#fee2e2;
  }
  .sale-card{
    background:var(--card);
    border-color:rgba(148,163,184,.25);
    box-shadow:var(--shadow);
  }
  .sale-card .sale-title{
    color:var(--fg);
  }
  .sale-card .sale-dates{
    color:var(--brand);
  }
  .sale-card .sale-address{
    color:var(--muted);
  }
  .site-footer{
    background:#0b1120;
    border-top:1px solid rgba(148,163,184,.25);
    color:var(--muted);
  }
  .site-footer a{
    color:var(--fg);
  }
  .faq-item{
    background:rgba(15,23,42,.9);
    border-color:rgba(148,163,184,.35);
    box-shadow:0 24px 48px rgba(2,6,23,.6);
  }
  .faq-item summary{
    color:var(--fg);
  }
  .faq-item summary::after{
    color:var(--fg);
  }
  .faq-item__answer{
    color:var(--muted);
    border-color:rgba(148,163,184,.28);
  }
  .sale-address-block .addr-row,
  .sale-address-block .addr-empty{
    border-color:rgba(148,163,184,.35);
  }
  .sale-address-block input[type="text"]{
    background:#1b263b;
    border-color:rgba(148,163,184,.35);
    color:var(--fg);
  }
  .sale-editor-card{
    background:#0f172a;
    border-color:rgba(148,163,184,.35);
    box-shadow:0 24px 48px rgba(8,14,29,.55);
  }
  .sale-editor__label{color:#cbd5f5;}
  .sale-editor__field input[type="text"],
  .sale-editor__field input[type="date"],
  .sale-editor__field input[type="time"]{
    background:#111c2f;
    border-color:rgba(148,163,184,.35);
    color:#e2e8f0;
  }
  .sale-editor__select{
    background:#1e293b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2338bdf8' d='M2 4l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center;
    background-size:12px;
    border:1px solid rgba(56,189,248,.4);
    color:#f1f5f9;
    box-shadow:0 2px 8px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.05);
  }
  .sale-editor__select:hover{
    border-color:rgba(56,189,248,.65);
    background-color:#263548;
  }
  .sale-editor__select:focus{
    border-color:#38bdf8;
    box-shadow:0 0 0 3px rgba(56,189,248,.25), 0 2px 8px rgba(0,0,0,.2);
  }
  .sale-editor__select option{
    background:#1e293b;
    color:#f1f5f9;
  }
  .sale-editor__discount-code-panel{
    background:linear-gradient(135deg, rgba(34,211,238,.1), rgba(56,189,248,.08));
    border-color:rgba(34,211,238,.3);
  }
  .alert{
    border-color:rgba(148,163,184,.4);
    background:rgba(15,23,42,.75);
    color:var(--fg);
  }
  .alert--error{
    border-color:rgba(248,113,113,.5);
    background:rgba(127,29,29,.45);
    color:#fecaca;
  }
  .alert--success{
    border-color:rgba(34,197,94,.6);
    background:rgba(20,83,45,.55);
    color:#bbf7d0;
  }
  .banner--upgrade{
    box-shadow:0 16px 40px rgba(76,29,149,.55);
  }
  .form-field input,
  .form-field select,
  .input{
    background:#111c2f;
    border-color:rgba(148,163,184,.35);
    color:var(--fg);
  }
  .input::placeholder,
  .form-field input::placeholder,
  .form-field textarea::placeholder,
  .sale-editor__field input::placeholder,
  .sale-editor__field textarea::placeholder{
    color:#64748b;
  }
  .tier-option{
    border-color:rgba(148,163,184,.4);
    background:rgba(15,23,42,.55);
  }
  .tier-option--selected{
    border-color:var(--brand);
    box-shadow:0 20px 46px rgba(14,165,233,.25);
  }
  .toolbar{
    border-color:rgba(148,163,184,.35);
  }
  .photo-item{
    border-color:rgba(148,163,184,.35);
    background:rgba(15,23,42,.6);
  }
  .photo-checkbox input[type="checkbox"]{
    border-color:rgba(226,232,240,.85);
    background:rgba(30,41,59,.75);
    box-shadow:0 2px 8px rgba(0,0,0,.55);
  }
  .photo-checkbox input[type="checkbox"]:hover{
    border-color:#f8fafc;
    background:rgba(30,41,59,.9);
  }
  .photo-checkbox input[type="checkbox"]:checked{
    background:linear-gradient(135deg,#10b981,#059669);
    border-color:#10b981;
    box-shadow:0 2px 8px rgba(16,185,129,.55);
  }
  .time-picker-menu{
    background:#0f172a;
    border-color:rgba(148,163,184,.35);
    box-shadow:0 24px 48px rgba(2,6,23,.55);
  }
  .time-picker-item{color:#e2e8f0;}
  .time-picker-item:hover,
  .time-picker-item.active{
    background:rgba(56,189,248,.22);
  }
  .time-picker-btn{
    background:rgba(30,64,175,.35);
    border-color:rgba(96,165,250,.45);
    color:#e0f2fe;
  }
  .time-picker-btn:hover,
  .time-picker-btn:focus-visible{
    background:rgba(37,99,235,.45);
    border-color:rgba(147,197,253,.65);
    color:#f8fafc;
    box-shadow:0 0 0 3px rgba(59,130,246,.25);
  }
  .feature-card h3,
  .plan-card__title{
    color:#f8fafc;
  }
  .plan-card__meta,
  .plan-card__features{
    color:#cbd5f5;
  }
  /* Toggle Switch - Dark Mode */
  .toggle-switch__track{
    background:#475569;
  }
  .toggle-switch:hover .toggle-switch__track{
    background:#64748b;
  }
  .toggle-switch input:checked + .toggle-switch__track{
    background:#22d3ee;
  }
  .toggle-switch input:checked:hover + .toggle-switch__track{
    background:#06b6d4;
  }
  .toggle-switch input:focus-visible + .toggle-switch__track{
    box-shadow:0 0 0 3px rgba(34,211,238,.35);
  }
}