@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@600&display=swap");

:root{
  --primary:#ff7a1a;
  --primary-strong:#d94a1f;
  --accent:#ffd28a;
  --text:#141a22;
  --muted:#4c5766;
  --border:#f1dfcc;
  --bg:#fcf5ee;
  --surface:#fffaf3;
  --shadow:0 26px 70px rgba(17,24,39,.14);
  --radius:16px;
  --success:#0f7a3a;
  --warning:#d36a00;
  --danger:#c62828;
  --glass:rgba(255,250,243,.7);
  --glow:0 18px 45px rgba(255,122,26,.22);
}

/* Top page-transition progress bar */
.pps-top-progress{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:3px;
  z-index:9999;
  opacity:0;
  pointer-events:none;
  transition: opacity 160ms ease;
}
.pps-top-progress.active{ opacity:1; }
.pps-top-progress__bar{
  height:100%;
  width:100%;
  transform:scaleX(0);
  transform-origin:left;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.18) 0%,
      rgba(255,255,255,.35) 12%,
      rgba(255,255,255,0) 26%,
      rgba(255,255,255,0) 64%,
      rgba(255,255,255,.45) 78%,
      rgba(255,255,255,.18) 100%),
    linear-gradient(90deg, var(--primary), var(--primary-strong));
  background-size: 220% 100%, 100% 100%;
  box-shadow: 0 0 0 1px rgba(255,122,26,.14), 0 10px 22px rgba(255,122,26,.25);
  filter:saturate(1.05);
  will-change: transform, background-position;
}
.pps-top-progress.active .pps-top-progress__bar{
  animation: pps-progress-shine 1.05s linear infinite;
}
@keyframes pps-progress-shine{
  0%{ background-position: 0% 0, 0 0; }
  100%{ background-position: 100% 0, 0 0; }
}
@media (prefers-reduced-motion: reduce){
  .pps-top-progress.active .pps-top-progress__bar{ animation:none; }
}


*{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  overflow-x:hidden;
  max-width:100%;
}
body{
  margin:0;
  overflow-x:hidden;
  font-family: "Manrope", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(120% 90% at 10% 10%, rgba(255,122,26,.18), transparent 55%),
    radial-gradient(120% 90% at 90% 0%, rgba(255,210,138,.2), transparent 55%),
    radial-gradient(120% 120% at 90% 90%, rgba(15,20,28,.08), transparent 60%),
    var(--bg);
  min-height:100vh;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
.btn,
.input,
select,
textarea{
  min-height:44px;
}

.btn-sm{
  min-height:40px;
}

@media (max-width: 600px){
  .btn-sm{
    min-height:44px;
  }
}


a{color:inherit;}

.container{
  max-width:1280px;
  margin:0 auto;
  padding:22px 16px;
}

  .page{
    min-height: calc(100vh - 220px);
    padding-bottom:40px;
  }

.site-header{
  position:sticky;
  top:0;
  z-index:60;
}
.site-header.scrolled .navbar{
  box-shadow:0 18px 42px rgba(17,24,39,.14);
}
.site-header.scrolled .promo-strip{
  box-shadow:0 10px 28px rgba(17,24,39,.10);
}

.promo-strip{
  background:linear-gradient(90deg, var(--primary), var(--primary-strong));
  color:white;
  font-size:12px;
  letter-spacing:.4px;
  padding:6px 0;
  max-height:48px;
  overflow:hidden;
  transition:max-height .22s ease, padding .22s ease, opacity .22s ease, transform .22s ease;
}
.site-header.promo-collapsed .promo-strip{
  height:0 !important;
  max-height:0 !important;
  min-height:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin:0 !important;
  opacity:0;
  transform:translateY(-100%);
  pointer-events:none;
  box-shadow:none;
  border:0;
}
.site-header.promo-collapsed .promo-strip .container{
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.promo-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.promo-right{
  font-weight:700;
  margin-left:auto;
  padding-right:12px;
  text-align:right;
  transform:none;
}
.promo-right::before{
  content:"\26A1  ";
  font-weight:900;
}

.search-bar{
  display:flex;
  align-items:center;
  gap:6px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,122,26,.18);
  border-radius:10px;
  padding:2px 5px;
  box-shadow:0 6px 14px rgba(240,127,41,.12);
  position:relative;
}
.search-bar input{
  border:none;
  background:transparent;
  font-size:12px;
  font-weight:800;
  color:var(--text);
  padding:4px 6px;
  min-width:80px;
  outline:none;
}
.search-bar.nav-search{
  margin-left:4px;
  align-self:center;
}
.search-bar input::placeholder{
  color:#7a8797;
}
.search-bar button{
  border:none;
  border-radius:10px;
  padding:5px 9px;
  font-size:11px;
  font-weight:800;
  color:#fff;
  background:linear-gradient(135deg, var(--primary), var(--primary-strong));
  cursor:pointer;
  box-shadow:0 6px 14px rgba(240,127,41,.22);
}
.search-bar button:hover{
  filter:saturate(1.05);
}
.search-bar button:active{
  transform: translateY(1px);
  box-shadow: inset 0 2px 6px rgba(0,0,0,.12);
}
.search-suggestions{
  position:absolute;
  top: calc(100% + 6px);
  left:0;
  width:100%;
  min-width:220px;
  max-height:220px;
  overflow:auto;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,247,239,.98));
  border:1px solid rgba(255,122,26,.2);
  border-radius:12px;
  box-shadow:0 18px 36px rgba(17,24,39,.16);
  padding:6px;
  z-index:80;
}
.search-suggestions button{
  width:100%;
  background:rgba(255,255,255,.7);
  border:1px solid transparent;
  color:var(--text);
  text-align:left;
  font-size:12px;
  font-weight:800;
  padding:8px 10px;
  border-radius:8px;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:10px;
}
.search-suggestions button:hover{
  background:rgba(255,122,26,.1);
  border-color:rgba(255,122,26,.25);
  box-shadow:0 6px 14px rgba(240,127,41,.12);
}
.search-suggestions button.active,
.search-suggestions button[aria-selected="true"]{
  background:rgba(255,122,26,.12);
  border-color:rgba(255,122,26,.28);
  box-shadow:0 6px 14px rgba(240,127,41,.14);
}

.search-suggestions .suggestion-thumb{
  width:44px;
  height:34px;
  border-radius:10px;
  object-fit:cover;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  flex: 0 0 auto;
}
.search-suggestions .suggestion-text{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.search-suggestions .suggestion-title{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.search-suggestions .suggestion-meta{
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.1px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.navbar{
  background:var(--glass);
  backdrop-filter: blur(14px) saturate(1.2);
  border-bottom:1px solid rgba(255,122,26,.18);
  box-shadow:0 18px 40px rgba(17,24,39,.1);
}
.navbar .container{
  padding-left:18px;
  padding-right:18px;
  transform:none;
}
.promo-strip .container{
  padding-left:18px;
  padding-right:18px;
  padding-top:0;
  padding-bottom:0;
  transform:none;
}


.navbar-inner{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:18px;
  position:relative;
  flex-wrap:nowrap;
}


.brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:var(--text);
}
.brand img{
  height:62px;
  width:auto;
  filter: drop-shadow(0 8px 20px rgba(240,127,41,.18));
}
.hero-logo{
  width:110px;
  height:110px;
  object-fit:contain;
  margin-bottom:10px;
  filter: drop-shadow(0 14px 30px rgba(240,127,41,.25));
}
.hero-product-image{
  width:min(220px, 64vw);
  height:auto;
  aspect-ratio:1/1;
  object-fit:contain;
  margin-bottom:12px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 14px 34px rgba(17,24,39,.14);
}
.brand-text{
  display:flex;
  flex-direction:column;
  line-height:1.1;
}
.brand-title{
  font-family:"Space Grotesk","Manrope",sans-serif;
  font-weight:800;
  letter-spacing:.3px;
  font-size:18px;
  text-transform:uppercase;
}
.brand-tagline{
  font-size:12px;
  color:var(--muted);
  letter-spacing:1px;
  text-transform:uppercase;
}

.navlinks{
  display:flex;
  gap:4px;
  align-items:center;
  flex-wrap:nowrap;
  white-space:nowrap;
  flex:1;
  justify-content:flex-end;
  min-width:0;
}

/* Desktop nav: compact layout for all languages at 1101px+ */
@media (min-width: 1101px){
  html:not([lang]) .nav-search,
  html[lang^="en"] .nav-search{
    flex: 0 1 220px;
  }

  html[lang]:not([lang^="en"]) .navbar-inner{
    flex-wrap:nowrap;
  }
  html[lang]:not([lang^="en"]) .brand img{
    height:56px;
  }
  html[lang]:not([lang^="en"]) .brand-tagline{
    font-size:10px;
    letter-spacing:.6px;
  }
  html[lang]:not([lang^="en"]) .navlinks{
    flex-wrap:nowrap;
    white-space:nowrap;
    gap:4px;
  }
  html[lang]:not([lang^="en"]) .navlinks a{
    font-size:13px;
    padding:7px 8px;
    gap:5px;
  }
  html[lang]:not([lang^="en"]) .nav-search{
    flex: 0 1 170px;
  }
  html[lang]:not([lang^="en"]) .search-bar input{
    font-size:11px;
    padding:5px 6px;
  }
  html[lang]:not([lang^="en"]) .search-bar button{
    font-size:10px;
    padding:5px 8px;
  }
  html[lang]:not([lang^="en"]) .lang-switcher,
  html[lang]:not([lang^="en"]) .currency-switcher{
    padding:2px 5px;
    border-radius:10px;
  }
  html[lang]:not([lang^="en"]) .lang-select,
  html[lang]:not([lang^="en"]) .currency-select{
    font-size:11px;
    padding:6px 20px 6px 6px;
  }
  html[lang]:not([lang^="en"]) .currency-symbol{
    width:20px;
    height:20px;
    border-radius:7px;
    font-size:11px;
  }
}

@media (max-width: 1240px){
  .navbar-inner{
    flex-wrap:wrap;
  }
  .navlinks{
    flex-wrap:wrap;
    white-space:normal;
    justify-content:center;
  }
  .navlinks a{
    white-space:normal;
  }
  .navlinks .nav-tools{
    width:100%;
    justify-content:center;
    margin-left:0;
  }
  .nav-search{
    flex: 1 1 320px;
  }
}

.is-hidden{ display:none !important; }

.nav-tools{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
  flex-shrink:0;
}

.navlinks a{
  text-decoration:none;
  color:var(--text);
  font-size:14px;
  padding:9px 12px;
  border-radius:12px;
  font-weight:700;
  transition: background .18s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease, transform .18s ease;
  position:relative;
  border:1px solid transparent;
  display:inline-flex;
  align-items:center;
  gap:6px;
  line-height:1;
  white-space:nowrap;
  touch-action: manipulation;
}

.lang-switcher{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:1px 5px;
  border-radius:10px;
  border:1px solid rgba(255,122,26,.28);
  background:rgba(255,255,255,.65);
  box-shadow:0 6px 16px rgba(17,24,39,.08);
  backdrop-filter: blur(6px);
  cursor:pointer;
}

.currency-switcher{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:1px 5px;
  border-radius:10px;
  border:1px solid rgba(255,122,26,.28);
  background:rgba(255,255,255,.65);
  box-shadow:0 6px 16px rgba(17,24,39,.08);
  backdrop-filter: blur(6px);
  cursor:pointer;
}

.currency-symbol{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:19px;
  height:19px;
  border-radius:7px;
  font-size:11px;
  font-weight:800;
  color:#fff;
  background:linear-gradient(135deg, var(--primary), var(--primary-strong));
  box-shadow:0 6px 14px rgba(240,127,41,.22);
  text-shadow:0 1px 1px rgba(0,0,0,.2);
}

.lang-select{
  border:none;
  background:rgba(255,255,255,.75);
  border-radius:8px;
  font-weight:700;
  color:var(--text);
  font-size:12px;
  letter-spacing:.2px;
  padding:5px 20px 5px 7px;
  appearance:none;
  width:100%;
  cursor:pointer;
  background-image: linear-gradient(45deg, transparent 50%, var(--primary) 50%), linear-gradient(135deg, var(--primary) 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
  background-position: calc(100% - 12px) calc(1em - 1px), calc(100% - 8px) calc(1em - 1px), 100% 0;
  background-size:4px 4px, 4px 4px, 2.5em 2.5em;
  background-repeat:no-repeat;
  box-shadow:none;
}

.currency-select{
  border:none;
  background:rgba(255,255,255,.75);
  border-radius:8px;
  font-weight:700;
  color:var(--text);
  font-size:12px;
  letter-spacing:.2px;
  padding:5px 20px 5px 7px;
  appearance:none;
  width:100%;
  cursor:pointer;
  background-image: linear-gradient(45deg, transparent 50%, var(--primary) 50%), linear-gradient(135deg, var(--primary) 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
  background-position: calc(100% - 12px) calc(1em - 1px), calc(100% - 8px) calc(1em - 1px), 100% 0;
  background-size:4px 4px, 4px 4px, 2.5em 2.5em;
  background-repeat:no-repeat;
  box-shadow:none;
}

.lang-select:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,122,26,.22);
}

.currency-select:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,122,26,.22);
}

.lang-select option,
.currency-select option{
  background:#fffaf3;
  color:var(--text);
  font-weight:600;
}

.auth-panel{
  margin-top:28px;
  display:grid;
  grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
  gap:14px;
  align-items:stretch;
}

body.auth-page .auth-panel{
  max-width: 1040px;
  margin-left:auto;
  margin-right:auto;
}
body.auth-page .hero{
  max-width: 1040px;
  margin-left:auto;
  margin-right:auto;
}

.signup-card{
  max-width: 1040px;
  margin: 16px auto 0;
}

.signup-form{
  display:grid;
  gap:12px;
  max-width:760px;
  margin:0 auto;
}

.signup-row-2{
  display:grid;
  gap:12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.signup-footer-note{
  margin-top:16px;
  font-size:13px;
  color:var(--muted);
}

.signup-status{
  color:var(--muted);
  font-size:13px;
}

.auth-panel .card{
  border-radius:var(--radius);
}

.auth-promo{
  position:relative;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.26);
  background:
    radial-gradient(900px 420px at 10% 20%, rgba(255,255,255,.22), transparent 56%),
    radial-gradient(700px 360px at 80% 5%, rgba(255,255,255,.14), transparent 60%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.07) 0 10px, rgba(255,255,255,.03) 10px 20px),
    linear-gradient(135deg, var(--primary), #f97316);
  color:#fff;
  border-radius:var(--radius);
  padding:28px 24px;
  box-shadow:var(--glow);
  min-height:360px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
}

.auth-promo::before{
  content:"";
  position:absolute;
  inset:-30%;
  background:
    radial-gradient(circle at 30% 35%, rgba(255,255,255,.28), transparent 54%),
    radial-gradient(circle at 70% 65%, rgba(17,24,39,.14), transparent 60%);
  filter: blur(26px);
  opacity:.65;
  pointer-events:none;
  transform: translate3d(0,0,0);
  animation: ppsPromoFloat 8s ease-in-out infinite;
}

.auth-promo::after{
  content:"";
  position:absolute;
  inset:-60% -35%;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.22) 45%, rgba(255,255,255,.38) 50%, rgba(255,255,255,.22) 55%, transparent 100%);
  transform: translateX(-60%) rotate(12deg);
  opacity:.55;
  pointer-events:none;
  mix-blend-mode: overlay;
  animation: ppsPromoShine 5.6s ease-in-out infinite;
}

.auth-promo h2{
  margin:0;
  font-size:30px;
  letter-spacing:-.2px;
  text-transform:none;
  font-weight:1000;
  text-shadow: 0 14px 30px rgba(17,24,39,.25);
}

.promo-tagline{
  width:fit-content;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 18px 40px rgba(17,24,39,.18);
  font-size:12px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  font-weight:900;
}

.auth-promo p{
  margin:0;
  line-height:1.6;
  opacity:.92;
}

.promo-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.promo-list li{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:600;
  padding:10px 12px;
  border-radius:16px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.promo-list li:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.28);
}

.promo-icon{
  display:inline-flex;
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.26);
  box-shadow: 0 16px 34px rgba(17,24,39,.18);
  align-items:center;
  justify-content:center;
}

.promo-icon::after{
  content:"";
  display:block;
}

.promo-icon-van::after{
  width:20px;
  height:12px;
  border:2px solid rgba(255,255,255,.9);
  border-radius:3px;
  position:relative;
}

.promo-icon-bag::after{
  width:18px;
  height:18px;
  border:2px solid rgba(255,255,255,.9);
  border-radius:4px;
}

.promo-icon-box::after{
  width:16px;
  height:16px;
  border:2px solid rgba(255,255,255,.9);
}

.auth-card{
  background: rgba(255,250,243,.92);
  border-radius:var(--radius);
  padding:28px 24px;
  box-shadow:0 18px 40px rgba(17,24,39,.12);
  border: 1px solid rgba(241,223,204,.85);
  backdrop-filter: blur(10px);
}

.auth-card h2{
  margin-top:0;
  margin-bottom:18px;
  font-size:24px;
}

.auth-subtitle{
  margin:-10px 0 16px;
  color:var(--muted);
  font-weight:800;
  font-size:13px;
  line-height:1.4;
}

.pps-recaptcha-wrap{
  border:1px solid rgba(17,24,39,.10);
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 22px rgba(17,24,39,.06);
}
.pps-recaptcha-label{
  font-weight:1000;
  font-size:12px;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:var(--muted);
}
.pps-recaptcha-help{
  margin-top:8px;
  color:var(--muted);
  font-weight:800;
  font-size:12px;
  line-height:1.4;
}

.social-login{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.social-btn{
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:12px;
  padding:10px 12px;
  font-weight:700;
  font-size:14px;
  border:1px solid rgba(31,41,55,.12);
  cursor:pointer;
  transition: transform .15s ease, box-shadow .15s ease;
  box-shadow:0 10px 30px rgba(17,24,39,.12);
}
.social-btn:disabled{
  opacity:.6;
  cursor:not-allowed;
  box-shadow:none;
  transform:none;
}

.social-btn:hover{
  transform: translateY(-1px);
}
.social-btn:focus-visible{
  outline:none;
  box-shadow: 0 0 0 3px rgba(255,122,26,.22), 0 14px 34px rgba(17,24,39,.14);
}

.social-btn.google{
  background: rgba(255,255,255,.96);
  color:var(--text);
}

.social-btn.facebook{
  background:#1877f2;
  color:#fff;
  border-color: rgba(24,119,242,.35);
}

.social-icon{
  width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
  flex: 0 0 auto;
}

.google-icon{
  position:relative;
  overflow:hidden;
  border-radius:999px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(31,41,55,.14);
  box-shadow: 0 10px 22px rgba(17,24,39,.12);
}
.google-icon::before{
  content:"G";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-weight:1000;
  font-size:13px;
  line-height:1;
  background: linear-gradient(135deg, #ff7a1a 0%, #fb923c 55%, #f97316 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.google-icon::after{
  content:"";
  position:absolute;
  inset:-10px;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.95) 50%, transparent 100%);
  transform: translateX(-70%) rotate(18deg);
  opacity:.55;
  pointer-events:none;
  animation: ppsGoogleShine 3.2s ease-in-out infinite;
}

.facebook-icon{
  background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12.62 10.36h-1.6v5.8H8.34v-5.8H6.75V8.32h1.59V6.82c0-1.56.95-3.83 3.86-3.83l2.78.01v2.91h-2.02c-.33 0-.8.17-.8.88v1.62h2.74l-.16 2.04z'/%3E%3Cpath fill='none' d='M0 0h18v18H0z'/%3E%3C/svg%3E");
  background-size:contain;
  background-repeat:no-repeat;
}

.divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:18px 0;
  font-weight:700;
  letter-spacing:2px;
  color:var(--muted);
}
.divider::before,
.divider::after{
  content:"";
  height:1px;
  flex:1;
  background: rgba(241,223,204,.95);
}
.divider span{
  font-size:12px;
}

.auth-form{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.input-label{
  font-size:13px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  margin-top:6px;
}

.btn-full{
  width:100%;
  padding:12px 14px;
  font-size:15px;
}

.status.muted{
  min-height:20px;
  margin-top:6px;
}

.auth-note{
  font-size:13px;
  color:var(--muted);
  margin-top:6px;
}

.auth-note a{
  font-weight:700;
  color:var(--text);
}

.auth-actions{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.auth-panel,
.auth-card,
.auth-promo{
  width:100%;
}

@media (max-width:960px){
  .auth-panel{
    grid-template-columns:1fr;
  }
  .social-login{
    flex-direction:column;
  }
  body.auth-page .auth-panel,
  body.auth-page .hero{
    max-width: none;
  }
  .signup-card{
    max-width:none;
  }
  .signup-row-2{
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce){
  .auth-promo::before,
  .auth-promo::after,
  .google-icon::after{
    animation:none !important;
  }
  *{
    scroll-behavior:auto !important;
    transition:none !important;
  }
}

@keyframes ppsPromoShine{
  0%{ transform: translateX(-65%) rotate(12deg); opacity:.0; }
  20%{ opacity:.55; }
  50%{ transform: translateX(35%) rotate(12deg); opacity:.35; }
  100%{ transform: translateX(65%) rotate(12deg); opacity:0; }
}

@keyframes ppsPromoFloat{
  0%{ transform: translate3d(-1%, -1%, 0) scale(1); }
  50%{ transform: translate3d(1.2%, 1%, 0) scale(1.02); }
  100%{ transform: translate3d(-1%, -1%, 0) scale(1); }
}

@keyframes ppsGoogleShine{
  0%{ transform: translateX(-70%) rotate(18deg); opacity:0; }
  22%{ opacity:.55; }
  55%{ transform: translateX(55%) rotate(18deg); opacity:.35; }
  100%{ transform: translateX(70%) rotate(18deg); opacity:0; }
}
.lang-select option:checked,
.currency-select option:checked{
  background:rgba(255,122,26,.18);
  color:var(--text);
}

@media (max-width: 900px){
  .navlinks{
    flex-wrap:wrap;
    white-space:normal;
  }
  .lang-switcher{
    width:100%;
    justify-content:space-between;
    margin:8px 0 0;
  }
  .currency-switcher{
    width:100%;
    justify-content:space-between;
    margin:8px 0 0;
  }
  .nav-tools{
    width:100%;
    margin-left:0;
    justify-content:flex-start;
  }
}

.nav-icon{
  display:inline-block;
  width:16px;
  height:16px;
  margin-right:6px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  filter: drop-shadow(0 2px 6px rgba(31,39,51,.12));
}
.user-icon{
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%231f2733' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12a4 4 0 100-8 4 4 0 000 8zm0 2c-3.33 0-6 2.014-6 4.5 0 .276.224.5.5.5h11c.276 0 .5-.224.5-.5 0-2.486-2.67-4.5-6-4.5z'/%3E%3C/svg%3E");
}
.cart-icon{
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%231f2733' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6h14.2l-1.2 6H8.1L7.2 6H4V4h2a1 1 0 01.99.86L7.8 6h12.42a1 1 0 01.98 1.2l-1.4 7a1 1 0 01-.98.8H8a1 1 0 01-.99-.87L5.8 7H4V5h1.2L6 6zm2.5 12a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm9 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3z'/%3E%3C/svg%3E");
}
.phone-icon{
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%231f2733' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.6 3.2c.3-.3.8-.4 1.1-.1l2.6 2.1c.4.3.4.9.1 1.3l-1.5 1.8c.4.7 1.2 1.8 2.2 2.8 1 1 2.1 1.8 2.8 2.2l1.8-1.5c.4-.3 1-.3 1.3.1l2.1 2.6c.3.3.2.8-.1 1.1l-1.3 1.3c-.5.5-1.2.8-1.9.8-1.7 0-4-1.2-6.7-3.9S6.9 9.8 6.9 8.1c0-.7.3-1.4.8-1.9z'/%3E%3C/svg%3E");
}
.pen-icon{
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%231f2733' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 16.5V19h2.5L17.81 8.69l-2.5-2.5L5 16.5zm13.71-8.79c.39-.39.39-1.02 0-1.41l-2-2a.9959.9959 0 00-1.41 0l-1.34 1.34 3.41 3.41 1.34-1.34z'/%3E%3C/svg%3E");
}

.navlinks a:hover{
  background:rgba(240,127,41,.08);
  box-shadow:0 8px 20px rgba(240,127,41,.08);
}
.navlinks a::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:4px;
  height:2px;
  background:linear-gradient(90deg, var(--primary), var(--primary-strong));
  transform: scaleX(0);
  transform-origin:left;
  transition: transform .18s ease;
}
.navlinks a:hover::after{
  transform: scaleX(1);
}

html[lang="ta"] .navlinks a{
  font-size:12px;
  padding:8px 10px;
}
html[lang="es"] .navlinks a,
html[lang="fr"] .navlinks a{
  font-size:13px;
  padding:8px 9px;
}

@media (min-width: 1101px){
  html[lang="fr"] .navlinks a{
    font-size: 1.01em;
  }
}

.badge{
  background:var(--primary);
  color:white;
  font-size:12px;
  padding:3px 9px;
  border-radius:999px;
  margin-left:6px;
  box-shadow:0 10px 24px rgba(240,127,41,.32);
}

/* Google Maps embed */
.pps-map{
  width:100%;
  border-radius:16px;
  overflow:hidden;
  border:1px solid var(--border);
  background:#fff;
}
.pps-map iframe{
  display:block;
  width:100%;
  height:320px;
  border:0;
}
@media (max-width: 720px){
  .pps-map iframe{ height:260px; }
}

.bell-icon{
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%231f2733' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22a2.5 2.5 0 002.45-2h-4.9A2.5 2.5 0 0012 22zm6-6V11a6 6 0 10-12 0v5l-2 2v1h16v-1l-2-2z'/%3E%3C/svg%3E");
}

.notif-bell{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:12px;
  border:1px solid rgba(17,24,39,.12);
  background:rgba(255,255,255,.85);
  box-shadow:0 10px 30px rgba(17,24,39,.08);
}
.notif-bell:hover{
  background:rgba(240,127,41,.08);
}
.notif-bell .nav-icon{
  margin-right:0;
}
.notif-bell .badge{
  position:absolute;
  top:-6px;
  right:-8px;
  margin-left:0;
  padding:2px 7px;
  font-size:11px;
}

.account-msg{
  margin-top:10px;
  font-size:13px;
  color:var(--muted);
  min-height:18px;
}

.notif-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.notif-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.notif-filters{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.pill{
  border:1px solid rgba(17,24,39,.12);
  background:rgba(255,255,255,.85);
  color:var(--text);
  padding:8px 12px;
  border-radius:999px;
  font-weight:900;
  cursor:pointer;
}
.pill.active{
  background:rgba(240,127,41,.14);
  border-color: rgba(240,127,41,.35);
}
.notif-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.notif-item{
  border:1px solid rgba(17,24,39,.10);
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.92);
}
.notif-item.unread{
  border-color: rgba(240,127,41,.32);
  box-shadow:0 14px 45px rgba(240,127,41,.10);
}
.notif-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.notif-time{
  font-size:12px;
  color:var(--muted);
}
.notif-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:1000;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(17,24,39,.04);
}
.notif-pill.order_update{ background: rgba(59,130,246,.10); border-color: rgba(59,130,246,.25); }
.notif-pill.back_in_stock{ background: rgba(16,185,129,.10); border-color: rgba(16,185,129,.25); }
.notif-pill.member_deal{ background: rgba(240,127,41,.12); border-color: rgba(240,127,41,.30); }
.notif-pill.low_stock{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.30); }
.notif-pill.price_drop{ background: rgba(139,92,246,.10); border-color: rgba(139,92,246,.25); }

.notif-title{
  margin-top:8px;
  font-weight:1000;
}
.notif-body{
  margin-top:4px;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}
.notif-row{
  margin-top:10px;
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.notif-row-spacer{
  flex: 1 1 auto;
}
.notif-prefs summary{
  cursor:pointer;
  font-weight:1000;
}
.prefs-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:10px;
}
@media (max-width:720px){
  .prefs-grid{ grid-template-columns: 1fr; }
}
.pref-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(17,24,39,.10);
  background: rgba(255,255,255,.75);
}
.pref-field{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.notif-watchlist{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:10px;
}
@media (max-width:720px){
  .notif-watchlist{ grid-template-columns: 1fr; }
}
.notif-watch-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(17,24,39,.10);
  background: rgba(255,255,255,.75);
}

.activity-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.activity-item{
  border:1px solid rgba(17,24,39,.10);
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.92);
}
.activity-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.activity-time{
  font-size:12px;
  color:var(--muted);
}
.activity-sub{
  margin-top:6px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:13px;
}

.milestones-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.milestone-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.milestone-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:1000;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(16,185,129,.10);
}
.milestone-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
}
@media (max-width:900px){
  .milestone-grid{ grid-template-columns: 1fr; }
}
.milestone-card{
  border:1px solid rgba(17,24,39,.10);
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.92);
}
.milestone-sub{
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.milestone-progress{
  margin-top:10px;
  height:10px;
  border-radius:999px;
  background:rgba(17,24,39,.08);
  overflow:hidden;
}
.milestone-progress-bar{
  height:100%;
  background:linear-gradient(90deg, var(--primary), var(--primary-strong));
}

.wishlist-tools{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.wishlist-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.wishlist-item{
  border:1px solid rgba(17,24,39,.10);
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.92);
}
.wishlist-thumb{
  width:70px;
  height:54px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(17,24,39,.02);
}
.wishlist-alert{
  margin-top:8px;
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.order-live{
  margin-left:auto;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.sub-note{
  margin-top:8px;
  font-size:12px;
  font-weight:800;
  color:var(--success);
}

.analytics-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
}
@media (max-width:900px){
  .analytics-grid{ grid-template-columns: 1fr; }
}
.chart-card{
  border:1px solid rgba(17,24,39,.10);
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.92);
}
.chart-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  flex-wrap:wrap;
}
.chart-title{
  font-weight:1000;
}
.chart-sub{
  color:var(--muted);
  font-size:13px;
  margin-top:4px;
}
.chart-wrap{
  margin-top:10px;
}
.chart-svg{
  width:100%;
  height:auto;
  display:block;
}
.chart-axis{
  stroke: rgba(17,24,39,.18);
  stroke-width:1;
}
.chart-line{
  fill:none;
  stroke: var(--primary);
  stroke-width:3;
}
.chart-area{
  fill: rgba(240,127,41,.12);
}
.chart-dot{
  fill: var(--primary-strong);
  stroke: white;
  stroke-width:2;
}
.chart-label{
  fill: rgba(17,24,39,.65);
  font-size:11px;
  font-weight:800;
}
.chart-legend{
  margin-top:10px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:8px;
}
@media (max-width:520px){
  .chart-legend{ grid-template-columns: 1fr; }
}
.legend-item{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  color:var(--muted);
}
.legend-swatch{
  width:12px;
  height:12px;
  border-radius:4px;
  border:1px solid rgba(17,24,39,.12);
}
.insights-list{
  margin-top:10px;
  display:grid;
  gap:8px;
}
.insight-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(17,24,39,.10);
  background: rgba(255,255,255,.75);
}
.insight-k{
  font-weight:1000;
}
.insight-v{
  color:var(--muted);
  font-weight:900;
}

.pm-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.pm-item{
  border:1px solid rgba(17,24,39,.10);
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.92);
}
.pm-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  flex-wrap:wrap;
}
.pm-meta{
  margin-top:6px;
  color:var(--muted);
  font-size:13px;
}
.pm-card-slot{
  border:1px solid rgba(17,24,39,.12);
  border-radius:14px;
  padding:12px;
  background: rgba(255,255,255,.75);
}
.pm-grid{
  display:grid;
  grid-template-columns: minmax(0,1fr);
  gap:10px;
}
.hero{
  border:1px solid rgba(255,122,26,.2);
  border-radius:24px;
  padding:32px;
  background:radial-gradient(140% 120% at 10% 10%, rgba(255,122,26,.18), transparent 55%), radial-gradient(140% 120% at 100% 0%, rgba(255,210,138,.22), transparent 55%), linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,250,243,.85));
  box-shadow:0 30px 80px rgba(17,24,39,.12);
  position:relative;
  overflow:hidden;
  z-index:1;
  isolation:isolate;
  pointer-events:auto;
}

  .hero h1{
    letter-spacing:-0.4px;
  }
.hero::after{
  content:"";
  position:absolute;
  inset:-40%;
  background: conic-gradient(from 120deg, rgba(255,122,26,.1), rgba(255,210,138,.12), rgba(255,122,26,.1));
  filter: blur(60px);
  animation: glow 10s linear infinite;
  pointer-events:none;
  z-index:0;
}

.hero > *{ position:relative; z-index:1; }
@keyframes glow{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}

.hero h1{
  margin:0;
  font-size:34px;
  letter-spacing:.3px;
}
.hero p{
  color:var(--muted);
  max-width:780px;
  line-height:1.6;
}
.hero-callouts{
  position:relative;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}
.hero .btn{
  position:relative;
  z-index:2;
  pointer-events:auto;
}
.callout-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background: linear-gradient(135deg, rgba(240,127,41,.1), rgba(255,178,92,.15));
  color:var(--text);
  font-weight:800;
  font-size:13px;
  border:1px solid rgba(240,127,41,.25);
  box-shadow:0 10px 26px rgba(240,127,41,.18);
}
.callout-icon{
  width:16px;
  height:16px;
  display:inline-block;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
}
.ship-icon{
  background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' stroke='%23f07f29' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7h10v9H3z'/%3E%3Cpath d='M13 10h4l4 4v2h-8z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E");
}
.lock-icon{
  background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' stroke='%23f07f29' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='11' width='16' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 018 0v3'/%3E%3C/svg%3E");
}
.leaf-icon{
  background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' stroke='%23f07f29' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4c-7 0-12 5-12 12 0 2 1 4 3 4 7 0 12-5 12-12 0-2-1-4-3-4z'/%3E%3Cpath d='M8 16c2-3 5-5 8-6'/%3E%3C/svg%3E");
}
.pulse{
  animation: pulse 2.4s ease-in-out infinite;
}
.delay-1{ animation-delay:.3s; }
.delay-2{ animation-delay:.6s; }
@keyframes pulse{
  0%,100%{ transform: translateY(0); box-shadow:0 10px 26px rgba(240,127,41,.18); }
  50%{ transform: translateY(-2px); box-shadow:0 14px 30px rgba(240,127,41,.24); }
}

.btn-soft-pulse{
  animation: btnSoftPulse 3.6s ease-in-out infinite;
}
@keyframes btnSoftPulse{
  0%,100%{ filter:saturate(1); transform: translateY(0); }
  50%{ filter:saturate(1.05) brightness(1.02); transform: translateY(-1px); }
}

.hero-split{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:22px;
  align-items:center;
}
.hero-no-media{
  grid-template-columns: 1fr;
  gap:0;
}
.hero-no-media .hero-media{
  display:none;
}
.hero-media{
  display:flex;
  justify-content:flex-end;
}
.hero-collage{
  position:relative;
  width:min(520px, 100%);
  aspect-ratio: 4 / 3;
}
.hero-shot{
  position:absolute;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,122,26,.2);
  box-shadow:0 24px 60px rgba(17,24,39,.12);
  background:rgba(255,255,255,.85);
  backdrop-filter: blur(8px);
}
.hero-shot img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform: scale(1.02);
  transition: transform .35s ease;
}
.hero:hover .hero-shot img{
  transform: scale(1.05);
}
.hero-shot-1{ inset: 6% 18% 30% 0%; transform: rotate(-2deg); }
.hero-shot-2{ inset: 26% 0% 8% 20%; transform: rotate(2.5deg); }
.hero-shot-3{ inset: 56% 42% 0% 10%; transform: rotate(-1deg); }

.about-collage .hero-shot{
  animation: aboutFloat 6.8s ease-in-out infinite;
}
.about-collage .hero-shot-1{ animation-delay: .0s; }
.about-collage .hero-shot-2{ animation-delay: .9s; }
.about-collage .hero-shot-3{ animation-delay: 1.8s; }
@keyframes aboutFloat{
  0%, 100%{ transform: translateY(0) rotate(var(--pps-rot, 0deg)); }
  50%{ transform: translateY(-8px) rotate(var(--pps-rot, 0deg)); }
}
.about-collage .hero-shot-1{ --pps-rot: -2deg; }
.about-collage .hero-shot-2{ --pps-rot: 2.5deg; }
.about-collage .hero-shot-3{ --pps-rot: -1deg; }

.about-kicker{
  margin:0;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--muted);
}
.about-subnav{
  margin-top:16px;
  padding:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.about-page > .about-section{
  margin-top:16px;
}
.about-page > .about-section:first-of-type{
  margin-top:0;
}
.about-page .grid.grid-2{
  margin-top:16px;
}
.about-page .grid{
  gap:14px;
}
.about-subnav-link{
  text-decoration:none;
  font-weight:900;
  font-size:13px;
  color:var(--text);
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(240,127,41,.22);
  background:rgba(255,255,255,.75);
  box-shadow:0 10px 22px rgba(17,24,39,.08);
}
.about-subnav-link:hover{
  background:rgba(255,122,26,.10);
  border-color:rgba(240,127,41,.35);
}
.about-section{
  padding:22px;
  scroll-margin-top: 120px;
}
.about-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.about-section-sub{
  color:var(--muted);
  font-weight:700;
  font-size:13px;
  line-height:1.5;
  max-width: 680px;
}
.about-mini-card{
  border:1px solid rgba(17,24,39,.10);
  border-radius:16px;
  padding:14px;
  background:rgba(255,255,255,.72);
}
.about-mini-title{
  font-weight:1000;
  margin:0 0 6px;
}
.about-mini-desc{
  color:var(--muted);
  line-height:1.6;
  font-weight:700;
  font-size:13px;
}
.about-page .grid.grid-3{
  margin-top:16px;
}
.about-story-grid,
.about-team-grid,
.about-guarantee-grid{
  margin-top:16px;
}
.about-team-layout{
  display:grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap:16px;
  align-items:start;
}
#team .about-team-layout .about-section-head,
#team .about-team-layout .about-team-grid,
#team .about-team-layout .about-trust-badges{
  margin-top:0;
}
#team .about-team-layout .about-section-head{
  grid-column: 1;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:8px;
}
#team .about-team-layout .about-section-sub{
  max-width: 56ch;
  font-size:14px;
}
#team .about-team-layout .about-team-grid{
  grid-column: 2;
}
#team .about-team-layout .about-trust-badges{
  grid-column: 1 / -1;
  margin-top:14px;
}
.about-story-grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:16px;
  align-items:start;
}
.about-story-lead{
  margin:0;
  color:var(--text);
  font-weight:800;
  line-height:1.7;
}
.about-timeline{
  border-radius:18px;
  border:1px solid rgba(17,24,39,.10);
  background: rgba(255,255,255,.72);
  padding:14px;
  box-shadow:0 16px 40px rgba(17,24,39,.07);
}
.about-timeline-title{
  font-weight:1000;
  margin:0 0 10px;
}
.timeline-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:10px 10px;
  border-radius:16px;
  border:1px solid rgba(17,24,39,.08);
  background: rgba(255,255,255,.82);
}
.timeline-item + .timeline-item{
  margin-top:10px;
}
.timeline-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  margin-top:6px;
  background: rgba(240,127,41,.95);
  box-shadow:0 10px 22px rgba(240,127,41,.22);
  flex: 0 0 auto;
}
.timeline-head{
  font-weight:1000;
}
.timeline-sub{
  margin-top:4px;
  color:var(--muted);
  font-weight:800;
  font-size:13px;
  line-height:1.6;
}
.about-team-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
}
.about-team-card{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 28px rgba(17,24,39,.06);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.about-team-card:hover{
  transform: translateY(-2px);
  border-color:rgba(240,127,41,.26);
  box-shadow:0 18px 44px rgba(17,24,39,.10);
}
.team-body{
  min-width:0;
  flex: 1 1 auto;
}
.team-desc{
  margin-top:6px;
  color:var(--muted);
  font-weight:800;
  font-size:13px;
  line-height:1.6;
}
.about-trust-badges{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.trust-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(255,255,255,.72);
  font-weight:1000;
  font-size:12px;
}
.trust-icon{
  color: rgba(240,127,41,.95);
}
.about-guarantee-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:14px;
}
.about-list{
  margin:12px 0 0;
  padding-left:18px;
  color:var(--muted);
  line-height:1.7;
  font-weight:700;
}
.about-cta-row{
  margin-top:14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.about-sector{
  border:1px solid rgba(17,24,39,.10);
  border-radius:16px;
  padding:14px;
  background:rgba(255,255,255,.72);
}
.about-sector-title{
  font-weight:1000;
}
.about-sector-desc{
  margin-top:6px;
  color:var(--muted);
  line-height:1.6;
  font-weight:700;
  font-size:13px;
}
.about-band{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.about-band-right{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.about-contacts{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:10px;
}

@media (max-width: 860px){
  .about-story-grid{ grid-template-columns: 1fr; }
  .about-team-grid{ grid-template-columns: 1fr; }
  .about-guarantee-grid{ grid-template-columns: 1fr; }
  .about-team-layout{ grid-template-columns: 1fr; }
  #team .about-team-layout .about-section-head,
  #team .about-team-layout .about-team-grid,
  #team .about-team-layout .about-trust-badges{
    grid-column: 1;
  }
}
.about-contact{
  text-decoration:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(255,255,255,.72);
  font-weight:900;
}
.about-contact span:last-child{
  color:var(--muted);
  font-weight:1000;
}
.about-contact:hover{
  border-color:rgba(240,127,41,.35);
  box-shadow:0 18px 40px rgba(17,24,39,.10);
}

.industry-page{
  max-width: 1180px;
}
.industry-hero{
  padding:22px;
}
.industry-kicker{
  margin:0;
  font-weight:1000;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--muted);
}
.industry-sub{
  margin:10px 0 0;
  color:var(--muted);
  font-weight:750;
  line-height:1.65;
  max-width: 720px;
}
.industry-actions{
  margin-top:14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.industry-kpis{
  margin-top:14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.industry-kpi{
  border:1px solid rgba(17,24,39,.10);
  border-radius:16px;
  padding:10px 12px;
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 28px rgba(17,24,39,.06);
  min-width: 170px;
}
.industry-kpi-num{
  font-weight:1100;
}
.industry-kpi-label{
  margin-top:2px;
  color:var(--muted);
  font-weight:800;
  font-size:13px;
}

.industry-section{
  scroll-margin-top: 120px;
}
.industry-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.industry-section-sub{
  color:var(--muted);
  font-weight:800;
  font-size:13px;
  line-height:1.55;
  max-width: 740px;
}
.industry-bullets{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
}
.industry-bullet{
  border:1px solid rgba(17,24,39,.10);
  border-radius:16px;
  padding:12px 14px;
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 28px rgba(17,24,39,.06);
  color:var(--text);
  font-weight:750;
  line-height:1.6;
}
.industry-bullet b{
  font-weight:1000;
}
.industry-bullet span{
  color:var(--muted);
  font-weight:800;
}

.industry-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
}
.industry-card{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(255,255,255,.72);
  box-shadow:0 16px 40px rgba(17,24,39,.07);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.industry-card:hover{
  transform: translateY(-1px);
  border-color: rgba(240,127,41,.35);
  box-shadow:0 20px 50px rgba(17,24,39,.10);
}
.industry-card-icon{
  font-size:24px;
  line-height:1;
}
.industry-card-title{
  margin-top:10px;
  font-weight:1100;
}
.industry-card-desc{
  margin-top:6px;
  color:var(--muted);
  font-weight:800;
  font-size:13px;
  line-height:1.6;
}
.industry-card-meta{
  margin-top:10px;
  color:rgba(17,24,39,.68);
  font-weight:900;
  font-size:12px;
}

.industry-products{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:12px;
}
.industry-prod{
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 28px rgba(17,24,39,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.industry-prod:hover{
  transform: translateY(-1px);
  border-color: rgba(240,127,41,.35);
  box-shadow:0 20px 50px rgba(17,24,39,.10);
}
.industry-prod-title{
  font-weight:1100;
}
.industry-prod-desc{
  margin-top:6px;
  color:var(--muted);
  font-weight:800;
  font-size:13px;
  line-height:1.6;
}

.industry-calc{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
}
.industry-calc label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-weight:900;
  font-size:12px;
  color:rgba(17,24,39,.8);
}
.industry-calc-results{
  margin-top:12px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.industry-calc-result{
  flex: 1 1 220px;
  border-radius:16px;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(255,255,255,.72);
  padding:12px 14px;
  box-shadow:0 12px 28px rgba(17,24,39,.06);
}
.industry-calc-label{
  color:var(--muted);
  font-weight:900;
  font-size:12px;
}
.industry-calc-value{
  margin-top:6px;
  font-weight:1200;
  font-size:22px;
}

.industry-checklist{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:10px;
}
.industry-check{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(255,255,255,.72);
  font-weight:900;
  line-height:1.5;
}
.industry-check input{
  margin-top:2px;
  accent-color: rgba(240,127,41,.95);
}
.industry-reco-box{
  margin-top:12px;
  padding:14px;
  border-radius:18px;
  border:1px dashed rgba(240,127,41,.45);
  background:rgba(255,122,26,.06);
}
.industry-reco-title{
  font-weight:1100;
}
.industry-reco-text{
  margin-top:8px;
  color:rgba(17,24,39,.78);
  font-weight:850;
  line-height:1.65;
}

.industry-trust{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.industry-trust-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(255,255,255,.72);
  font-weight:1000;
  font-size:12px;
}

.industry-help{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.industry-help-sub{
  margin-top:6px;
  color:var(--muted);
  font-weight:800;
  font-size:13px;
  line-height:1.6;
  max-width: 720px;
}

@media (max-width: 980px){
  .industry-products{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px){
  .hero-split{ grid-template-columns: 1fr; }
  .industry-bullets{ grid-template-columns: 1fr; }
  .industry-grid{ grid-template-columns: 1fr; }
  .industry-calc{ grid-template-columns: 1fr; }
  .industry-checklist{ grid-template-columns: 1fr; }
}

.card-link{
  display:block;
  text-decoration:none;
  color:inherit;
}
.card-link:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(240,127,41,.22);
}
.card-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.count-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:26px;
  padding:0 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.2px;
  color:#111827;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(240,127,41,.28);
  box-shadow:0 10px 26px rgba(240,127,41,.14);
}
.count-badge-muted{
  border-color: rgba(17,24,39,.18);
  box-shadow:0 10px 26px rgba(17,24,39,.08);
}
.card-cta{
  margin-top:12px;
}
.btn-sm{
  padding:9px 12px;
  border-radius:12px;
  font-size:13px;
}

.stats-row{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:12px;
}
.stat{
  border:1px solid rgba(255,122,26,.14);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,248,239,.92));
  box-shadow:0 14px 34px rgba(17,24,39,.08);
  padding:14px 16px;
}
.stat-value{
  font-size:22px;
  font-weight:1000;
  letter-spacing:-.2px;
}
.stat-label{
  margin-top:4px;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}

.breadcrumbs{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  font-size:12px;
  font-weight:900;
  color:var(--muted);
  margin-bottom:10px;
}
.breadcrumbs a{
  text-decoration:none;
}
.breadcrumbs a:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}
.crumb-sep{
  color:rgba(76,87,102,.6);
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:12px;
  padding:11px 15px;
  font-weight:800;
  cursor:pointer;
  border:1px solid var(--border);
  background:var(--surface);
  text-decoration:none;
  color:var(--text);
  transition: transform .2s cubic-bezier(.2,1,.3,1), box-shadow .2s ease, background .18s ease, color .18s ease, border-color .18s ease, filter .18s ease;
  position:relative;
  overflow:hidden;
  transform-style: preserve-3d;
  touch-action: manipulation;
}

.btn-primary{
  background:linear-gradient(135deg, var(--primary), var(--primary-strong));
  color:white;
  border-color:transparent;
  box-shadow:0 14px 30px rgba(240,127,41,.25);
}

.btn-outline{
  border-color:var(--primary);
  color:var(--primary);
  background:rgba(240,127,41,.04);
}

.share-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:0;
  background:transparent;
  color:var(--primary);
  font-weight:700;
  cursor:pointer;
  padding:0;
}

.share-btn:hover,
.share-btn:focus{
  color:var(--primary-strong);
}

.share-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.help-widget{
  position:fixed;
  right:18px;
  bottom:18px;
  top:auto;
  left:auto;
  z-index:999;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
  pointer-events:none;
}

.help-fab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  border:0;
  background:var(--primary);
  color:white;
  font-weight:800;
  box-shadow:0 8px 18px rgba(17,24,39,.22);
  cursor:pointer;
  pointer-events:auto;
}

.help-fab-icon{
  display:inline-flex;
  width:20px;
  height:20px;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.18);
  border-radius:50%;
  font-weight:800;
}

.help-panel{
  width:320px;
  background:white;
  border-radius:14px;
  box-shadow:0 18px 40px rgba(20,28,38,.2);
  overflow:hidden;
  transform: translateY(8px);
  opacity:0;
  pointer-events:none;
  transition: transform .2s ease, opacity .2s ease;
}

.help-panel.open{
  transform: translateY(0);
  opacity:1;
  pointer-events:auto;
}

.help-panel-header{
  background:linear-gradient(135deg, var(--primary), var(--primary-strong));
  color:white;
  padding:12px 14px;
  font-weight:800;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.help-close{
  border:0;
  background:rgba(255,255,255,.18);
  color:white;
  font-size:18px;
  line-height:1;
  width:28px;
  height:28px;
  border-radius:8px;
  cursor:pointer;
}

.help-panel-body{
  padding:14px;
  color:var(--text);
}

.help-panel-body p{
  margin:0 0 10px;
  color:var(--muted);
  font-size:13px;
}

.help-tabs{
  display:flex;
  gap:8px;
  margin-bottom:10px;
}
.help-tab{
  flex:1;
  border:1px solid rgba(241,223,204,.9);
  background: rgba(255,250,243,.9);
  padding:8px 10px;
  border-radius: 12px;
  font-weight: 900;
  font-size: 12px;
  cursor: pointer;
  color: var(--text);
}
.help-tab.active{
  background: linear-gradient(90deg, rgba(255,122,26,.14), rgba(255,210,138,.18));
  border-color: rgba(240,127,41,.35);
}
.help-tab-panels{ display:block; }
.help-tab-panel{ display:none; }
.help-tab-panel.open{ display:block; }

.help-chat{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.help-chat-log{
  height: 220px;
  overflow:auto;
  background: rgba(255,250,243,.65);
  border:1px solid rgba(241,223,204,.9);
  border-radius: 14px;
  padding:10px;
}
.help-chat-msg{
  display:flex;
  margin: 8px 0;
}
.help-chat-msg.user{ justify-content:flex-end; }
.help-chat-msg.bot{ justify-content:flex-start; }
.help-chat-bubble{
  max-width: 88%;
  padding: 9px 10px;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1.4;
  border: 1px solid rgba(241,223,204,.9);
  background: rgba(255,255,255,.92);
}
.help-chat-msg.user .help-chat-bubble{
  background: rgba(240,127,41,.14);
  border-color: rgba(240,127,41,.25);
  font-weight: 800;
}
.help-chat-bubble a{
  color: var(--primary-strong);
  font-weight: 900;
  text-decoration: none;
}
.help-chat-bubble a:hover{ text-decoration: underline; }

.help-suggestions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.help-chip{
  border: 1px solid rgba(241,223,204,.9);
  background: rgba(255,255,255,.9);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}
.help-chip:hover{ filter: brightness(.99); }

.help-chat-input{
  display:flex;
  gap:8px;
  align-items:center;
}
.help-chat-input .input{
  flex:1;
}
.help-chat-footer{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.help-form{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.help-form label span{
  display:block;
  font-size:12px;
  font-weight:700;
  margin-bottom:4px;
}

.help-status{
  color:var(--muted);
  font-size:12px;
  margin-top:2px;
}

.btn:hover{
  transform: translateY(-1px) scale(1.01) rotateX(1deg);
  box-shadow:0 12px 26px rgba(31,39,51,.1);
  filter: saturate(1.05);
}
  .btn:active{
    transform: translateY(1px) scale(.99);
    box-shadow: inset 0 3px 10px rgba(0,0,0,.08);
  }
  .bulk-quick{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:10px;
  }
  .bulk-quick .btn{
    padding:7px 10px;
    font-size:12px;
    border-radius:10px;
  }

  .product-card .product-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
  }
  .product-card .product-actions .btn{
    flex: 1 1 auto;
    justify-content:center;
  }
  .product-card .product-add-btn{
    flex: 1 1 140px;
  }

  .mobile-cart-bar{
    display:none;
  }
.btn::after{
  content:"";
  position:absolute;
  inset:-20% 60%;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.25) 45%, transparent 90%);
  transform: translateX(0);
  transition: transform .35s ease;
}
.btn:hover::after{
  transform: translateX(-180%);
}
.btn:disabled{opacity:.55; cursor:not-allowed}

.grid{
  display:grid;
  gap:16px;
}

.grid-2{grid-template-columns: repeat(2, minmax(0,1fr));}
.grid-3{grid-template-columns: repeat(3, minmax(0,1fr));}
.grid-4{grid-template-columns: repeat(4, minmax(0,1fr));}

@media (max-width: 900px){
  .grid-4{grid-template-columns: repeat(2, minmax(0,1fr));}
  .grid-2{grid-template-columns: repeat(1, minmax(0,1fr));}
  .grid-3{grid-template-columns: repeat(1, minmax(0,1fr));}
  .testimonials-grid{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .team-grid{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
}
.no-results{
  grid-column: 1 / -1;
  text-align:center;
  padding:26px;
  border:1px solid rgba(255,122,26,.18);
  border-radius:20px;
  background:radial-gradient(120% 120% at 50% 0%, rgba(255,122,26,.12), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,247,239,.9));
  box-shadow:0 18px 40px rgba(240,127,41,.14);
}
.no-results img{
  width:64px;
  height:auto;
  filter: drop-shadow(0 10px 24px rgba(240,127,41,.22));
}
.no-results h3{
  margin:10px 0 6px;
}
.no-results p{
  margin:0;
  color:var(--muted);
}
.no-results-actions{
  margin-top:14px;
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
}

.filters-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:12px;
}
.view-toggle{
  display:inline-flex;
  gap:6px;
}
.view-toggle .btn.active{
  background:linear-gradient(135deg, var(--primary), var(--primary-strong));
  color:#fff;
  border-color: rgba(255,122,26,.45);
}
.compare-bar{
  margin-top:12px;
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(17,24,39,.12);
  background:rgba(255,255,255,.7);
}
.compare-bar.active{
  display:flex;
}
.compare-left{
  display:flex;
  gap:10px;
  align-items:center;
  font-size:13px;
  font-weight:800;
}
.compare-actions{
  display:flex;
  gap:8px;
}
.filters.is-collapsed{
  padding-bottom:12px;
}
.filters.is-collapsed .filters-grid{
  display:none;
}
.filters-overlay{
  display:none;
}
.filter-field{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.filter-label{
  font-size:12px;
  font-weight:900;
  color:var(--muted);
  letter-spacing:.2px;
}
.did-you-mean{
  margin-top:10px;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.link-btn{
  background:transparent;
  border:0;
  padding:0;
  margin:0 4px;
  color:var(--primary-strong);
  font:inherit;
  font-weight:900;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:3px;
}
.link-btn:hover{
  filter:saturate(1.1);
}

.footer-recent{
  margin-top:16px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.12);
  display:grid;
  gap:10px;
}
.footer-recent-title{
  font-weight:900;
  letter-spacing:.2px;
  color:#fff;
}
.footer-recent-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap:10px;
  align-items:stretch;
}
.footer-recent-card{
  display:grid;
  grid-template-columns: 46px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:8px;
  border-radius:14px;
  text-decoration:none;
  color:#fff;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  font-size:12px;
  font-weight:800;
  min-width:0;
}
.footer-recent-card img{
  width:46px;
  height:46px;
  border-radius:10px;
  object-fit:cover;
  background:#fff;
}
.footer-recent-card span{
  min-width:0;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  line-height:1.35;
}
.footer-recent-empty{
  color: rgba(255,255,255,.7);
  font-size:12px;
  font-weight:800;
}
.footer-trust{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.guarantee-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  background: rgba(255,178,92,.14);
  border:1px solid rgba(255,178,92,.22);
  color:#ffdfa9;
}
.payment-icons{
  display:inline-flex;
  gap:8px;
  align-items:center;
}
.pay-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:26px;
  padding:0 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.25px;
  color:#fff;
  background: rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
}

/* Mini cart preview */
.mini-cart-anchor{
  position:relative;
}
.mini-cart-popover{
  position:absolute;
  top: calc(100% + 10px);
  right:0;
  width:320px;
  background:rgba(255,255,255,.98);
  border-radius:16px;
  border:1px solid rgba(17,24,39,.12);
  box-shadow:0 22px 60px rgba(17,24,39,.2);
  padding:12px;
  display:none;
  z-index:2000;
}
.mini-cart-popover.open{
  display:block;
}
.mini-cart-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:13px;
  font-weight:900;
}
.mini-cart-head a{
  font-size:12px;
  font-weight:800;
  color:var(--primary-strong);
  text-decoration:none;
}
.mini-cart-body{
  margin-top:10px;
}
.mini-cart-items{
  display:grid;
  gap:10px;
}
.mini-cart-item{
  display:flex;
  gap:10px;
  align-items:center;
}
.mini-cart-item img{
  width:46px;
  height:46px;
  border-radius:10px;
  object-fit:cover;
  border:1px solid rgba(17,24,39,.1);
  background:#fff;
}
.mini-cart-name{
  font-weight:800;
  font-size:12px;
}
.mini-cart-qty{
  color:var(--muted);
  font-size:11px;
  font-weight:800;
}
.mini-cart-actions{
  margin-top:12px;
  display:flex;
  gap:8px;
}
.mini-cart-empty{
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

/* Cart sidebar */
.cart-sidebar{
  position:fixed;
  right:18px;
  top:130px;
  width:240px;
  z-index:300;
  display:none;
}
@media (min-width: 1100px){
  .cart-sidebar{
    display:block;
  }
}
.cart-sidebar-card{
  background:rgba(255,255,255,.92);
  border-radius:16px;
  border:1px solid rgba(17,24,39,.08);
  padding:12px;
  box-shadow:0 18px 40px rgba(17,24,39,.12);
  display:grid;
  gap:10px;
}
.cart-sidebar-title{
  font-weight:900;
}
.cart-sidebar-list{
  display:grid;
  gap:8px;
}
.cart-sidebar-item{
  display:flex;
  gap:8px;
  align-items:center;
  text-decoration:none;
  color:var(--text);
  font-size:12px;
  font-weight:800;
}
.cart-sidebar-item img{
  width:42px;
  height:42px;
  border-radius:10px;
  object-fit:cover;
  border:1px solid rgba(17,24,39,.1);
  background:#fff;
}
.cart-sidebar-empty{
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

/* Cart warnings */
.cart-stock-warning{
  margin-top:6px;
  font-size:12px;
  font-weight:800;
  color:#b45309;
  background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.25);
  padding:4px 8px;
  border-radius:999px;
  width:fit-content;
}

/* Checkout progress */
.checkout-steps{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:10px;
}
.checkout-step{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:900;
  color:var(--muted);
}
.checkout-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(76,87,102,.35);
}
.checkout-step.done .checkout-dot,
.checkout-step.active .checkout-dot{
  background:linear-gradient(135deg, var(--primary), var(--primary-strong));
  box-shadow:0 0 0 3px rgba(240,127,41,.15);
}
.checkout-step.active{
  color:var(--text);
}
@media (max-width: 720px){
  .checkout-steps{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

.bottom-nav{
  position:fixed;
  left:10px;
  right:10px;
  bottom:10px;
  z-index:1200;
  display:none;
  min-height:70px;
  border-top:1px solid rgba(17,24,39,.12);
  border-radius:18px;
  background:rgba(255,250,243,.92);
  border:1px solid rgba(241,223,204,.9);
  box-shadow:0 -6px 16px rgba(17,24,39,.12), 0 22px 60px rgba(17,24,39,.22);
  backdrop-filter: blur(12px);
}
.bottom-nav-item{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:70px;
  padding:12px 10px 14px;
  text-decoration:none;
  color:var(--text);
  font-size:12px;
  font-weight:900;
  position:relative;
}
.bottom-nav-item:active{
  transform: translateY(1px);
}
.bottom-nav-item .bicon{
  width:32px;
  height:32px;
  display:inline-flex;
}
.bottom-nav-item svg{
  width:32px;
  height:32px;
}
.bottom-badge{
  position:absolute;
  top:7px;
  right:14px;
  min-width:26px;
  height:26px;
  border-radius:999px;
  background:#111827;
  color:#ffffff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:1000;
  padding:0 7px;
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 12px 24px rgba(17,24,39,.30);
}

@media (max-width: 860px){
  .bottom-nav{
    display:flex;
  }
  body{
    padding-bottom:96px;
  }
  .help-widget{
    top:auto;
    left:auto;
    right:14px;
    bottom:calc(86px + env(safe-area-inset-bottom, 0px));
  }
  .help-panel{
    width: min(360px, calc(100vw - 24px));
    max-height: calc(100vh - 160px);
    overflow:auto;
  }
  .help-fab{
    padding:8px 11px;
    gap:7px;
    box-shadow:0 8px 16px rgba(17,24,39,.2);
  }
}

/* Production guard: hide Vercel toolbar / speed-insights overlays if injected. */
[data-vercel-toolbar],
[data-vercel-speed-insights],
[data-vercel],
#vercel-toolbar,
#__vercel,
#vercel-live-feedback,
iframe[src*="/_vercel/"],
iframe[src*="vercel.live"],
iframe[src*="vercel.com"],
iframe[title*="Vercel"]{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.card{
  border:1px solid rgba(255,122,26,.15);
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,248,239,.92));
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  box-shadow:0 16px 40px rgba(17,24,39,.08);
}

  .card h2, .card h3{
    letter-spacing:-0.2px;
  }

.card:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow);
  border-color: rgba(240,127,41,.35);
}

.card img{
  width:100%;
  height:190px;
  object-fit:cover;
  background:#f8fafc;
  transition: transform .25s ease;
}
.card a:hover img,
.card a:focus-visible img{
  transform: scale(1.05);
}
.card img[src*="order-checkout.svg"]{
  object-fit:contain;
  padding:14px;
  background:#fff7f0;
}

.card-body{padding:14px}
.card-title{font-weight:800}
.card-meta{color:var(--muted); font-size:13px; margin-top:6px}
.product-starting{
  display:none;
  margin-top:8px;
  font-size:14px;
  color:var(--muted);
  font-weight:800;
}
.product-starting span{
  color:var(--text);
  font-weight:1000;
}
.price{font-weight:900; margin-top:8px}
.legal-section{
  padding:18px;
  margin-top:16px;
}
.legal-section h2{
  margin:0 0 8px;
}
.legal-section p{
  margin:0 0 10px;
  color:var(--muted);
}
.legal-section p:last-child{
  margin-bottom:0;
}
.legal-section ul{
  margin:0;
  padding-left:18px;
  color:var(--text);
}
.legal-section .legal-note{
  margin-top:12px;
}
.price-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
}
.price-row .price{margin-top:0}
.compare-price{
  font-size:13px;
  color:var(--muted);
  text-decoration:line-through;
  margin-right:8px;
}
.member-pricing{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-end;
  margin-top:10px;
}
.member-label,
.market-label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.6px;
  color:var(--muted);
  font-weight:800;
}
.member-pricing .price{
  color:var(--danger);
}
.member-banner{
  margin-top:10px;
  padding:8px 10px;
  border-radius:12px;
  background:rgba(255,122,26,.14);
  border:1px solid rgba(255,122,26,.24);
  color:#c25a00;
  font-size:12px;
  font-weight:800;
  display:inline-block;
  text-decoration:none;
}
.member-banner:hover{
  background:rgba(255,122,26,.2);
}

/* Specials page */
.specials-spotlight{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(240,127,41,.28);
  background: radial-gradient(1200px 360px at 10% 0%, rgba(255,122,26,.18), rgba(255,255,255,.62));
  box-shadow:0 22px 70px rgba(240,127,41,.12);
}
.specials-spotlight::after{
  content:"";
  position:absolute;
  inset:-60px;
  background: radial-gradient(520px 220px at 80% 0%, rgba(255,210,138,.26), transparent 60%);
  pointer-events:none;
  animation: specialsGlow 4.2s ease-in-out infinite;
}
.specials-spotlight::before{
  content:"";
  position:absolute;
  inset:-40px;
  background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.35) 48%, transparent 62%);
  transform: translateX(-40%);
  pointer-events:none;
  opacity:.55;
  animation: specialsShimmer 5.8s ease-in-out infinite;
}
.specials-spotlight:hover::before{ opacity:.7; }
.specials-spotlight:hover{ box-shadow:0 26px 86px rgba(240,127,41,.16); }

@keyframes specialsGlow{
  0%,100%{ transform: translateY(0); filter:saturate(1); opacity:1; }
  50%{ transform: translateY(6px); filter:saturate(1.05); opacity:.95; }
}
@keyframes specialsShimmer{
  0%{ transform: translateX(-45%); }
  55%{ transform: translateX(65%); }
  100%{ transform: translateX(65%); }
}
.specials-spotlight-head,
.specials-spotlight-body{
  position:relative;
  z-index:1;
}
.specials-spotlight-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.specials-spotlight-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:1300;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color: rgba(160,42,10,.98);
  font-size:20px;
  line-height:1.1;
  text-shadow:0 16px 44px rgba(240,127,41,.26);
}
.specials-spotlight-kicker::before{
  content:"🔥";
  color: rgba(240,127,41,.98);
  filter: drop-shadow(0 14px 30px rgba(240,127,41,.28));
  animation: specialsFlame 1.6s ease-in-out infinite;
}
.specials-spotlight-kicker::after{
  content:"";
  width:44px;
  height:3px;
  border-radius:999px;
  background: linear-gradient(90deg, rgba(240,127,41,.95), rgba(255,210,138,.9));
  box-shadow:0 14px 32px rgba(240,127,41,.20);
}
@keyframes specialsFlame{
  0%,100%{ transform: translateY(0) scale(1); }
  50%{ transform: translateY(-1px) scale(1.06); }
}
.specials-spotlight-badges{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.specials-spotlight-body{
  margin-top:12px;
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:14px;
  align-items:start;
}
.specials-spotlight-media{
  display:block;
  border-radius:16px;
  overflow:hidden;
  border:1px solid var(--border);
  background:#fff;
}
.specials-spotlight-media img{
  width:100%;
  height:auto;
  display:block;
}
.specials-spotlight-title{
  display:inline-block;
  font-weight:1000;
  font-size:18px;
  text-decoration:none;
  color:inherit;
  margin-top:2px;
}

.specials-media{
  position:relative;
}
.specials-badges{
  position:absolute;
  top:10px;
  left:10px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  z-index:2;
}
.specials-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  font-weight:1000;
  font-size:14px;
  line-height:1;
  border:1px solid rgba(17,24,39,.10);
  background: rgba(255,255,255,.86);
}
.specials-badge-save{
  border-color: rgba(240,127,41,.30);
  background: rgba(240,127,41,.12);
  color: rgba(180,70,10,.98);
}
.specials-spotlight .specials-badge-save{
  animation: specialsBadgePop 4.8s ease-in-out infinite;
}
@keyframes specialsBadgePop{
  0%, 86%, 100%{ transform: scale(1); }
  90%{ transform: scale(1.06); }
  94%{ transform: scale(1.02); }
}
.specials-badge-limited{
  border-color: rgba(17,24,39,.10);
  background: rgba(255,255,255,.86);
  color: var(--text);
}
.specials-badge-ends{
  border-color: rgba(17,24,39,.10);
  background: rgba(255,255,255,.78);
  color: var(--muted);
}
.specials-ends{
  position:absolute;
  bottom:10px;
  left:10px;
  right:10px;
  padding:8px 10px;
  border-radius:12px;
  background: rgba(17,24,39,.62);
  color: rgba(255,255,255,.92);
  font-weight:900;
  font-size:12px;
  letter-spacing:.2px;
  z-index:2;
}
.specials-meta-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:6px;
}
.specials-countdown{
  color: rgba(240,127,41,.95);
  font-weight:1000;
  font-size:12px;
  letter-spacing:.2px;
  white-space:nowrap;
}
.specials-spotlight-head .specials-countdown{
  font-size:16px;
  font-weight:1300;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(240,127,41,.38);
  background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,240,226,.82));
  box-shadow:0 18px 52px rgba(240,127,41,.16);
}
.specials-countdown.soon{
  color: rgba(180,70,10,.98);
}
.specials-countdown.urgent{
  color: rgba(180,40,10,.98);
  background: rgba(240,127,41,.12);
  border-color: rgba(240,127,41,.40);
  animation: specialsPulse 1.25s ease-in-out infinite;
}

.specials-spotlight .specials-spotlight-info .btn.btn-primary{
  font-weight:1200;
  padding:12px 18px;
  font-size:15px;
  box-shadow:0 18px 46px rgba(240,127,41,.26);
  animation: specialsCtaPulse 1.8s ease-in-out infinite;
}
.specials-spotlight .specials-spotlight-info .btn.btn-primary:hover{
  transform: translateY(-1px);
  filter: brightness(1.02) saturate(1.02);
}
.specials-spotlight .specials-spotlight-info .btn.btn-primary:active{
  transform: translateY(0);
}
@keyframes specialsCtaPulse{
  0%,100%{ transform: translateY(0) scale(1); box-shadow:0 18px 46px rgba(240,127,41,.26); }
  50%{ transform: translateY(-1px) scale(1.03); box-shadow:0 22px 56px rgba(240,127,41,.34); }
}
@keyframes specialsPulse{
  0%,100%{ transform: translateY(0) scale(1); box-shadow:0 14px 38px rgba(240,127,41,.14); }
  50%{ transform: translateY(-1px) scale(1.03); box-shadow:0 18px 46px rgba(240,127,41,.22); }
}
.specials-countdown.expired{
  color: var(--muted);
}

@media (max-width: 860px){
  .specials-spotlight-body{ grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce){
  .specials-spotlight::after,
  .specials-spotlight::before,
  .specials-spotlight .specials-badge-save,
  .specials-spotlight-kicker::before,
  .specials-spotlight .specials-spotlight-info .btn.btn-primary,
  .specials-countdown.urgent{
    animation: none !important;
  }
}
.favorite-btn{
  width:26px;
  height:26px;
  border:0;
  background:transparent;
  color:var(--muted);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:0;
  transition: transform .15s ease, color .15s ease, filter .2s ease;
}
.favorite-btn svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
}
.favorite-btn:hover{
  transform: translateY(-1px);
  color:var(--primary-strong);
}
.favorite-btn.active{
  color:var(--primary);
  filter: drop-shadow(0 0 6px rgba(240,127,41,.45));
}
.favorite-btn.active svg{
  fill:currentColor;
}
.favorite-btn:focus-visible{
  outline:2px solid var(--primary);
  outline-offset:2px;
}

.wishlist-btn{
  width:26px;
  height:26px;
  border:0;
  background:transparent;
  color:var(--muted);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:0;
  margin-left:6px;
  transition: transform .15s ease, color .15s ease, filter .2s ease;
}
.wishlist-btn svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
}
.wishlist-btn:hover{
  transform: translateY(-1px);
  color:var(--primary-strong);
}
.wishlist-btn.active{
  color:var(--primary);
  filter: drop-shadow(0 0 6px rgba(240,127,41,.45));
}
.wishlist-btn.active svg{
  fill:currentColor;
}
.wishlist-btn:focus-visible{
  outline:2px solid var(--primary);
  outline-offset:2px;
}
.stock{
  font-size:12px;
  margin-top:6px;
  font-weight:800;
  letter-spacing:.1px;
  color:var(--muted);
  text-shadow: 0 0 4px rgba(0,0,0,.06);
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.stock.in{
  color:var(--success);
  text-shadow: 0 0 6px rgba(15,122,58,.2);
}
.stock.low{
  color:var(--warning);
  text-shadow: 0 0 6px rgba(211,106,0,.25);
}
.stock.out{
  color:var(--danger);
  text-shadow: 0 0 6px rgba(198,40,40,.25);
}
.stock .dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background: currentColor;
  box-shadow: 0 0 8px currentColor;
}

.pricing-tiers{
  margin-top:14px;
  border:1px solid var(--border);
  border-radius:14px;
  overflow:hidden;
  background:var(--surface);
  box-shadow:0 8px 18px rgba(31,39,51,.06);
}
.pricing-tiers-header{
  padding:10px 12px;
  font-weight:800;
  border-bottom:1px solid var(--border);
  background:linear-gradient(90deg, rgba(240,127,41,.08), rgba(255,178,92,.05));
}
.pricing-tiers-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:0;
}
  .pricing-tier{
    padding:12px;
    width:100%;
    text-align:left;
    font:inherit;
    color:inherit;
    background:transparent;
    border:0;
    border-left:1px solid var(--border);
    cursor:pointer;
    transition: background .15s ease, transform .15s ease;
  }
  .pricing-tier:hover{
    background:rgba(240,127,41,.08);
  }
  .pricing-tier:focus-visible{
    outline:2px solid var(--primary);
    outline-offset:-2px;
  }
  .pricing-tier:disabled{
    cursor:not-allowed;
    opacity:.55;
    background:transparent;
  }
.pricing-tier:first-child{ border-left:none; }
.pricing-tier strong{ display:block; margin-bottom:6px; }
.pricing-tier span{
  color:var(--muted);
  font-size:15px;
  font-weight:800;
}

.product-gallery{
  padding:14px;
}
.product-gallery-main{
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,122,26,.16);
  background:rgba(255,255,255,.9);
  position:relative;
}
.product-gallery-main img{
  width:100%;
  height:420px;
  object-fit:contain;
  background:rgba(255,250,243,.9);
}
}
.product-gallery-thumbs{
  display:flex;
  gap:10px;
  margin-top:12px;
  overflow-x:auto;
  padding-bottom:6px;
}
.thumb{
  border:1px solid rgba(17,24,39,.14);
  background:rgba(255,255,255,.9);
  border-radius:14px;
  padding:0;
  cursor:pointer;
  overflow:hidden;
  width:120px;
  flex: 0 0 auto;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.thumb img{
  width:100%;
  height:86px;
  object-fit:cover;
  display:block;
}
.thumb:hover{
  transform: translateY(-2px);
  border-color: rgba(240,127,41,.35);
  box-shadow:0 12px 28px rgba(240,127,41,.14);
}
.thumb.active{
  border-color: rgba(240,127,41,.6);
  box-shadow:0 0 0 3px rgba(240,127,41,.14);
}
.thumb:focus-visible{
  outline:2px solid var(--primary);
  outline-offset:2px;
}

.stock-urgency{
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(211,106,0,.25);
  background:linear-gradient(135deg, rgba(255,178,92,.16), rgba(255,255,255,.85));
  color:#7a3b00;
  font-weight:800;
  font-size:13px;
  box-shadow:0 12px 30px rgba(211,106,0,.12);
}

.specs{
  margin-top:12px;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(255,255,255,.85);
  overflow:hidden;
}
.specs-title{
  padding:10px 12px;
  font-weight:900;
  border-bottom:1px solid var(--border);
  background:linear-gradient(90deg, rgba(240,127,41,.08), rgba(255,178,92,.05));
}
.specs-list{
  margin:0;
  padding:10px 12px;
  list-style:none;
  display:grid;
  gap:8px;
}
.specs-list li{
  display:flex;
  gap:8px;
  align-items:flex-start;
  color:var(--text);
  font-size:14px;
  line-height:1.35;
}
.specs-list .check{
  color:var(--success);
  font-weight:900;
  margin-top:1px;
}

.qty-row{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.qty-stepper{
  display:inline-flex;
  align-items:center;
  border:1px solid var(--border);
  border-radius:14px;
  overflow:hidden;
  background:var(--surface);
  box-shadow:0 10px 22px rgba(17,24,39,.06);
}
.qty-btn{
  width:44px;
  height:44px;
  border:0;
  background:transparent;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
  color:var(--text);
  transition: background .15s ease, color .15s ease;
}
.qty-btn:hover{
  background:rgba(240,127,41,.08);
  color:var(--primary-strong);
}
.qty-input{
  width:62px;
  height:44px;
  border:0;
  text-align:center;
  font-weight:900;
  font-size:15px;
  background:transparent;
  outline:none;
}
.qty-meta{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.qty-total{
  font-weight:900;
}
.qty-note{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.delivery-estimate{
  margin-top:10px;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}

.feature-badges{
  margin-top:10px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.feature-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.1px;
  border:1px solid rgba(240,127,41,.22);
  background:rgba(240,127,41,.07);
  color:#7a3b00;
}

  .input{
    width:100%;
    padding:12px;
    border-radius:12px;
    border:1px solid var(--border);
    outline:none;
    font-size:14px;
    background:var(--surface);
  }
  .input::placeholder{
    color:#7a8797;
  }
.input:focus{
  border-color: rgba(240,127,41,.6);
  box-shadow: 0 0 0 4px rgba(240,127,41,.12);
}
select.input{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:
    linear-gradient(135deg, transparent 50%, var(--text) 50%),
    linear-gradient(45deg, var(--text) 50%, transparent 50%),
    linear-gradient(to right, transparent 0%, transparent 100%);
  background-position:
    calc(100% - 18px) calc(50% + 2px),
    calc(100% - 12px) calc(50% + 2px),
    0 0;
  background-size: 6px 6px, 6px 6px, 100% 100%;
  background-repeat: no-repeat;
  padding-right:40px;
  color:var(--text);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
  border-radius:12px;
  font-family:"Manrope", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
select.input:hover{
  border-color: rgba(240,127,41,.5);
  box-shadow: 0 4px 14px rgba(240,127,41,.12);
}
select.input:focus{
  background-color: rgba(240,127,41,.04);
  border-color: rgba(240,127,41,.6);
}
select.input option{
  font-family:"Manrope", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #fffdf9;
  color: var(--text);
}
select.input option:checked{
  background: rgba(240,127,41,.2);
  color: var(--text);
}
select.input option:hover{
  background: rgba(240,127,41,.12);
  color: var(--text);
}

.footer{
  border-top:1px solid var(--border);
  margin-top:40px;
  padding:20px 0;
  color:var(--muted);
  font-size:12px;
  text-align:center;
}

.testimonials{
  position:relative;
  overflow:hidden;
}
.testimonials::after{
  content:"";
  position:absolute;
  inset:-40% -10%;
  background: radial-gradient(closest-side, rgba(255,122,26,.16), transparent 60%);
  filter: blur(50px);
  opacity:.65;
  pointer-events:none;
}
.testimonials > *{ position:relative; z-index:1; }

.testimonials-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
}
.testimonial{
  margin:0;
  border-radius:18px;
  border:1px solid rgba(240,127,41,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,247,239,.82));
  box-shadow:0 14px 34px rgba(17,24,39,.08);
  padding:14px 14px 12px;
}
.testimonial-stars{
  display:flex;
  align-items:center;
  gap:6px;
  color:#d6a600;
  font-weight:1000;
  letter-spacing:2px;
  text-shadow:0 1px 0 rgba(0,0,0,.06);
  font-size:13px;
}
.testimonial-quote{
  margin:10px 0 0;
  font-weight:900;
  line-height:1.55;
  letter-spacing:-0.1px;
}
.testimonial-meta{
  margin-top:10px;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.testimonial-name{
  font-weight:1000;
}
.testimonial-org{
  color:var(--muted);
  font-weight:900;
  font-size:13px;
}

.team-strip{
  border-top:1px solid rgba(241,223,204,.9);
  padding-top:16px;
}
.team-strip-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
}
.team-strip-sub{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
  line-height:1.5;
}
.team-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
}
.team-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 12px;
  border-radius:18px;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 28px rgba(17,24,39,.06);
}
.team-avatar{
  width:46px;
  height:46px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:1000;
  color:#111827;
  background:linear-gradient(135deg, rgba(255,122,26,.22), rgba(255,210,138,.26));
  border:1px solid rgba(240,127,41,.22);
  box-shadow:0 10px 22px rgba(240,127,41,.16);
  flex: 0 0 auto;
}
.team-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
  flex: 1 1 auto;
}
.team-name{
  font-weight:1000;
}
.team-role{
  color:var(--muted);
  font-weight:900;
  font-size:13px;
}
.team-actions{
  margin-top:6px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

/* Cart */
.cart-hero{
  position:relative;
  padding:18px 18px 16px;
  border-radius:22px;
  border:1px solid rgba(241,223,204,.9);
  background:
    radial-gradient(720px 340px at 12% 0%, rgba(255,122,26,.20), transparent 60%),
    radial-gradient(620px 320px at 86% 10%, rgba(255,214,120,.18), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,247,239,.82));
  box-shadow:0 26px 80px rgba(17,24,39,.10);
  overflow:hidden;
}
.cart-hero::before{
  content:"";
  position:absolute;
  inset:-40% -20%;
  background:
    radial-gradient(closest-side, rgba(37,99,235,.14), transparent 60%),
    radial-gradient(closest-side, rgba(244,114,182,.12), transparent 58%),
    radial-gradient(closest-side, rgba(240,127,41,.16), transparent 62%);
  filter: blur(56px);
  opacity:.85;
  pointer-events:none;
  animation: ppsCartGlow 10s ease-in-out infinite;
}
.cart-hero-inner{
  position:relative;
  z-index:1;
  display:flex;
  gap:14px;
  align-items:center;
}
.cart-hero-illustration{
  width:132px;
  height:86px;
  border-radius:24px;
  background:
    radial-gradient(140px 84px at 20% 15%, rgba(255,122,26,.18), transparent 60%),
    radial-gradient(160px 100px at 90% 25%, rgba(37,99,235,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,245,235,.70));
  border:1px solid rgba(240,127,41,.18);
  box-shadow:0 18px 52px rgba(240,127,41,.14);
  display:grid;
  place-items:center;
  flex: 0 0 auto;
  position:relative;
  overflow:hidden;
}
.cart-load-scene{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  transform: translateZ(0);
  transition: opacity .18s ease;
}
.cart-hero-illustration[data-cart-state="filled"] .cart-load-scene{ opacity:1; }
.cart-hero-illustration[data-cart-state="empty"] .cart-load-scene{ opacity:0; }

.cart-hero-illustration[data-cart-state="empty"] .cart-van-lines{ opacity:.55; }

.cart-load-worker{
  position:absolute;
  left:8px;
  bottom:12px;
  width:22px;
  height:34px;
  animation: ppsCartWorkerBob 2.6s ease-in-out infinite;
}
.cart-load-head{
  position:absolute;
  left:6px;
  top:0;
  width:10px;
  height:10px;
  border-radius:999px;
  background: rgba(17,24,39,.12);
  border:1px solid rgba(17,24,39,.14);
}
.cart-load-torso{
  position:absolute;
  left:5px;
  top:10px;
  width:12px;
  height:18px;
  border-radius:8px;
  background: rgba(255,255,255,.88);
  border:1px solid rgba(241,223,204,.95);
  box-shadow:0 10px 18px rgba(17,24,39,.10);
}
.cart-load-arm{
  position:absolute;
  left:12px;
  top:16px;
  width:14px;
  height:4px;
  border-radius:999px;
  background: rgba(17,24,39,.18);
  transform-origin: 0 50%;
  animation: ppsCartWorkerArm 2.6s ease-in-out infinite;
}

.cart-load-dolly{
  position:absolute;
  left:28px;
  bottom:12px;
  width:42px;
  height:26px;
  transform: translateZ(0);
}
.cart-load-dolly-bed{
  position:absolute;
  left:8px;
  bottom:6px;
  width:26px;
  height:10px;
  border-radius:8px;
  background: rgba(255,255,255,.75);
  border:1px solid rgba(17,24,39,.10);
  box-shadow:0 10px 18px rgba(17,24,39,.08);
}
.cart-load-dolly-handle{
  position:absolute;
  left:30px;
  bottom:10px;
  width:10px;
  height:16px;
  border-radius:8px;
  border:2px solid rgba(17,24,39,.14);
  border-left:none;
  background: transparent;
}
.cart-load-dolly-wheel{
  position:absolute;
  bottom:0;
  width:8px;
  height:8px;
  border-radius:999px;
  background: rgba(17,24,39,.72);
  box-shadow:0 0 0 2px rgba(255,255,255,.8);
}
.cart-load-dolly-wheel.left{ left:10px; }
.cart-load-dolly-wheel.right{ left:28px; }

.cart-load-boxes{
  position:absolute;
  inset:0;
}
.cart-load-box{
  position:absolute;
  left:14px;
  bottom:24px;
  width:16px;
  height:12px;
  border-radius:4px;
  background: linear-gradient(135deg, rgba(255,210,138,.95), rgba(255,122,26,.95));
  border:1px solid rgba(217,74,31,.28);
  box-shadow:0 12px 20px rgba(17,24,39,.12);
  opacity:0;
  transform: translate3d(0,0,0) scale(.92);
  animation: ppsCartBoxRun 2.6s cubic-bezier(.22,.9,.18,1) infinite;
  animation-delay: var(--d, 0s);
}
.cart-load-box::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:4px;
  background:
    linear-gradient(90deg, transparent 0 44%, rgba(255,255,255,.55) 44% 56%, transparent 56% 100%);
  opacity:.55;
}

@keyframes ppsCartWorkerBob{
  0%,100%{ transform: translate3d(0,0,0); }
  50%{ transform: translate3d(0,-1.5px,0); }
}
@keyframes ppsCartWorkerArm{
  0%,18%{ transform: rotate(8deg) translateY(0); opacity:.95; }
  35%{ transform: rotate(-22deg) translateY(-1px); opacity:1; }
  55%{ transform: rotate(10deg) translateY(0); opacity:.95; }
  100%{ transform: rotate(8deg) translateY(0); opacity:.95; }
}
@keyframes ppsCartBoxRun{
  0%{ opacity:0; transform: translate3d(0,0,0) scale(.92); }
  10%{ opacity:1; }
  40%{ transform: translate3d(28px,-10px,0) scale(1); opacity:1; }
  72%{ transform: translate3d(62px,-28px,0) scale(.98); opacity:1; }
  92%{ transform: translate3d(86px,-36px,0) scale(.95); opacity:.85; }
  100%{ opacity:0; transform: translate3d(96px,-38px,0) scale(.92); }
}
.cart-hero-illustration::after{
  content:"";
  position:absolute;
  inset:-60% -30%;
  background: linear-gradient(120deg, transparent 40%, rgba(255,255,255,.55) 52%, transparent 64%);
  transform: translateX(-30%) rotate(14deg);
  opacity:.0;
  pointer-events:none;
  animation: ppsVanShine 6.2s ease-in-out infinite;
}
.cart-van{
  width:132px;
  height:auto;
  display:block;
  filter: drop-shadow(0 18px 26px rgba(17,24,39,.14));
}
.cart-van-bg{
  opacity:.95;
}
.cart-van-bg-track{
  transform-origin:center;
  transform-box: fill-box;
  animation: ppsVanBgScroll 3.6s linear infinite;
}
.cart-van-road-track{
  transform-origin:center;
  transform-box: fill-box;
  animation: ppsVanRoadScroll 1.6s linear infinite;
}
.pps-van-sticker image{
  opacity:.98;
}
.pps-van-sticker rect{
  shape-rendering: geometricPrecision;
}
.cart-van-float{
  transform-origin:center;
  transform-box: fill-box;
  animation: ppsVanFloat 2.8s ease-in-out infinite;
}
.cart-van-lines{
  opacity:.7;
  transform-origin:left center;
  transform-box: fill-box;
  animation: ppsVanLines 1.7s ease-in-out infinite;
}
.cart-van-wheel-spin{
  transform-origin:center;
  transform-box: fill-box;
  animation: ppsVanWheel 1.05s linear infinite;
}

@keyframes ppsVanFloat{
  0%,100%{ transform: translate3d(0,0,0); }
  50%{ transform: translate3d(0,-2.5px,0); }
}
@keyframes ppsVanWheel{
  to{ transform: rotate(360deg); }
}
@keyframes ppsVanLines{
  0%,100%{ opacity:.35; transform: translateX(0); }
  50%{ opacity:.85; transform: translateX(-4px); }
}
@keyframes ppsVanBgScroll{
  from{ transform: translateX(0); }
  to{ transform: translateX(-240px); }
}
@keyframes ppsVanRoadScroll{
  from{ transform: translateX(0); }
  to{ transform: translateX(-240px); }
}
@keyframes ppsVanShine{
  0%{ transform: translateX(-40%) rotate(14deg); opacity:0; }
  18%{ opacity:.22; }
  52%{ transform: translateX(40%) rotate(14deg); opacity:.18; }
  100%{ transform: translateX(65%) rotate(14deg); opacity:0; }
}
.cart-kicker{
  margin:0;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--muted);
  font-size:12px;
}
.cart-title{
  margin:6px 0 0;
  font-size:28px;
  letter-spacing:-0.2px;
}
.cart-subtitle{
  margin:8px 0 0;
  color:var(--muted);
  font-weight:800;
  max-width: 56ch;
}
.cart-steps{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.cart-step{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(17,24,39,.10);
  background: rgba(255,255,255,.65);
  color:var(--muted);
  font-weight:900;
  font-size:12px;
  letter-spacing:.2px;
}
.cart-step-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background: rgba(17,24,39,.18);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.7);
}
.cart-step.active{
  color:#111827;
  border-color: rgba(240,127,41,.22);
  background: rgba(255,255,255,.80);
  box-shadow:0 12px 28px rgba(240,127,41,.10);
}
.cart-step.active .cart-step-dot{
  background: linear-gradient(135deg, rgba(255,122,26,.92), rgba(217,74,31,.98));
  box-shadow: 0 10px 24px rgba(240,127,41,.24), inset 0 0 0 2px rgba(255,255,255,.75);
}

.cart-shell{
  display:grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap:14px;
  margin-top:14px;
  align-items:start;
}
.cart-list{
  display:grid;
  gap:12px;
}
.cart-item{
  padding:14px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.card.cart-item-updated{
  will-change: box-shadow, transform;
  animation: ppsCartItemPulse .52s ease;
}
.card.cart-item-removing{
  pointer-events:none;
  will-change: opacity, transform;
  transform-origin: 50% 20%;
  animation: ppsCartItemRemove .22s ease forwards;
}
@keyframes ppsCartItemPulse{
  0%{
    border-color: rgba(255,122,26,.15);
    box-shadow:0 16px 40px rgba(17,24,39,.08);
    transform: translate3d(0,0,0);
  }
  35%{
    border-color: rgba(240,127,41,.50);
    box-shadow:
      0 18px 46px rgba(17,24,39,.10),
      0 0 0 3px rgba(255,122,26,.22);
    transform: translate3d(0,-2px,0);
  }
  100%{
    border-color: rgba(255,122,26,.15);
    box-shadow:0 16px 40px rgba(17,24,39,.08);
    transform: translate3d(0,0,0);
  }
}
@keyframes ppsCartItemRemove{
  from{ opacity:1; transform: translate3d(0,0,0) scale(1); }
  to{ opacity:0; transform: translate3d(0,8px,0) scale(.985); }
}
.cart-item-main{
  display:flex;
  gap:12px;
  min-width:0;
  align-items:flex-start;
}
.cart-item-thumb{
  width:64px;
  height:64px;
  border-radius:16px;
  background: rgba(255,255,255,.72);
  border:1px solid rgba(241,223,204,.9);
  box-shadow:0 14px 30px rgba(17,24,39,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
  overflow:hidden;
}
.cart-item-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:8px;
}
.cart-item-info{ min-width:0; }
.cart-item-title{
  font-weight:1000;
  letter-spacing:-0.1px;
}
.cart-item-prices{
  margin-top:4px;
  display:flex;
  gap:8px;
  align-items:baseline;
  flex-wrap:wrap;
  color:var(--muted);
  font-weight:900;
  font-size:13px;
}
.cart-item-line{
  color:#111827;
  font-weight:1000;
}
.cart-item-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:flex-end;
  flex: 0 0 auto;
}
.cart-qty{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(17,24,39,.10);
  background: rgba(255,255,255,.72);
  box-shadow:0 12px 28px rgba(17,24,39,.06);
}
.cart-qty-btn{
  width:34px;
  height:34px;
  border-radius:999px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:1000;
}
.cart-qty-value{
  min-width:30px;
  text-align:center;
  font-weight:1000;
}
.cart-item-links{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.cart-summary{
  padding:16px;
  position:sticky;
  top:12px;
}
.cart-summary-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.cart-summary-label{
  font-weight:1000;
}
.cart-summary-total{
  font-weight:1000;
  font-size:20px;
}
.cart-summary-actions{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.cart-trust{
  margin-top:12px;
  display:grid;
  gap:8px;
}
.cart-trust-pill{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(17,24,39,.08);
  background: rgba(255,255,255,.64);
  color:var(--muted);
  font-weight:900;
  font-size:12px;
  line-height:1.35;
}
.cart-account{
  margin-top:12px;
  padding:16px;
  text-align:center;
}
.cart-account-title{
  font-weight:1000;
  margin-bottom:6px;
}
.cart-account-desc{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.cart-account-actions{
  margin-top:12px;
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.cart-cross-sell{
  margin-top:16px;
  padding:16px;
  text-align:left;
}
.cart-cross-sell-head{
  margin-bottom:12px;
}
.cart-cross-sell-title{
  margin:0;
  font-size:28px;
  line-height:1.22;
  letter-spacing:-0.01em;
  font-weight:800;
  color:var(--text);
}
.cart-cross-sell-desc{
  margin:8px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.45;
  font-weight:700;
}
.cart-cross-sell-grid{
  margin-top:0;
}

.cart-empty{
  padding:16px;
  display:flex;
  gap:14px;
  align-items:center;
}
.cart-empty-visual{
  width:120px;
  height:96px;
  border-radius:20px;
  border:1px solid rgba(241,223,204,.9);
  background: rgba(255,255,255,.72);
  box-shadow:0 22px 60px rgba(17,24,39,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.cart-empty-visual img,
.cart-empty-visual svg{
  width:90%;
  height:90%;
}
.cart-empty-visual img{ object-fit:contain; }
.cart-empty-visual svg{ display:block; }
.cart-empty-title{
  font-weight:1000;
  font-size:16px;
}
.cart-empty-desc{
  margin-top:6px;
  color:var(--muted);
  font-weight:800;
  line-height:1.5;
}
.cart-empty-actions{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

@keyframes ppsCartGlow{
  0%,100%{ transform: translate3d(0,0,0) scale(1); opacity:.82; }
  50%{ transform: translate3d(2%, -1%, 0) scale(1.02); opacity:.92; }
}

/* Thank you */
.thank-hero{
  position:relative;
  border-radius:22px;
  border:1px solid rgba(241,223,204,.9);
  background:
    radial-gradient(820px 420px at 12% 0%, rgba(255,122,26,.18), transparent 60%),
    radial-gradient(720px 420px at 86% 10%, rgba(255,214,120,.16), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,247,239,.82));
  box-shadow:0 26px 80px rgba(17,24,39,.10);
  overflow:hidden;
  padding:18px 18px 16px;
}
.thank-hero::after{
  content:none;
}
.thank-hero::before{
  content:"";
  position:absolute;
  inset:-40% -20%;
  background:
    radial-gradient(closest-side, rgba(37,99,235,.12), transparent 60%),
    radial-gradient(closest-side, rgba(244,114,182,.10), transparent 58%),
    radial-gradient(closest-side, rgba(240,127,41,.14), transparent 62%);
  filter: blur(56px);
  opacity:.78;
  pointer-events:none;
  animation: ppsCartGlow 10s ease-in-out infinite;
}
.thank-hero-inner{
  position:relative;
  z-index:1;
  display:flex;
  gap:16px;
  align-items:center;
}
.thank-hero-illustration{
  width:260px;
  height:180px;
  border-radius:24px;
  background:
    radial-gradient(220px 160px at 25% 20%, rgba(255,255,255,.75), rgba(255,255,255,.36) 55%, transparent 80%),
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,245,235,.62));
  border:1px solid rgba(240,127,41,.16);
  box-shadow:0 18px 52px rgba(240,127,41,.14);
  display:grid;
  place-items:center;
  flex: 0 0 auto;
  overflow:hidden;
}
.thank-cart{
  width:260px;
  height:auto;
  display:block;
  filter: drop-shadow(0 22px 32px rgba(17,24,39,.14));
}
.thank-kicker{
  margin:0;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--muted);
  font-size:12px;
}
.thank-subtitle{
  margin:10px 0 0;
  color:var(--muted);
  font-weight:800;
  max-width:62ch;
}
.thank-actions{
  margin-top:14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.thank-cart-float{
  transform-origin:center;
  transform-box: fill-box;
  animation: ppsThanksCartFloat 2.9s ease-in-out infinite;
}
.thank-wheel-spin{
  transform-origin:center;
  transform-box: fill-box;
  animation: ppsVanWheel 1.1s linear infinite;
}
.thank-road-track{
  transform-origin:center;
  transform-box: fill-box;
  animation: ppsThanksRoad 1.35s linear infinite;
}
.thank-box{
  transform-origin:center;
  transform-box: fill-box;
  opacity:0;
  animation: ppsThanksBoxDrop 2.7s ease-in-out infinite;
}
.thank-box--2{ animation-delay: .9s; }
.thank-box--3{ animation-delay: 1.8s; }
.thank-sparkles{
  transform-origin:center;
  transform-box: fill-box;
  animation: ppsThanksSparkle 2.8s ease-in-out infinite;
}
@keyframes ppsThanksCartFloat{
  0%,100%{ transform: translate3d(0,0,0); }
  50%{ transform: translate3d(0,-3px,0); }
}
@keyframes ppsThanksRoad{
  from{ transform: translateX(0); }
  to{ transform: translateX(-260px); }
}
@keyframes ppsThanksBoxDrop{
  0%{ opacity:0; transform: translate3d(0,-26px,0) scale(.92); }
  16%{ opacity:.92; }
  52%{ opacity:.98; transform: translate3d(0,46px,0) scale(1); }
  70%{ opacity:0; transform: translate3d(0,52px,0) scale(.94); }
  100%{ opacity:0; transform: translate3d(0,52px,0) scale(.94); }
}
@keyframes ppsThanksSparkle{
  0%,100%{ opacity:.35; transform: translate3d(0,0,0) scale(.98); }
  50%{ opacity:.95; transform: translate3d(0,-2px,0) scale(1.02); }
}

@media (max-width: 860px){
  .testimonials-grid{
    grid-template-columns: minmax(0, 1fr);
  }
  .testimonial{
    padding:12px 12px 10px;
  }
  .testimonial-quote{
    font-size:14px;
    line-height:1.5;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow:hidden;
  }
  .team-grid{
    grid-template-columns: minmax(0, 1fr);
  }
  .team-card{
    flex-direction:column;
    align-items:flex-start;
  }
  .team-actions{
    width:100%;
  }
  .team-actions .btn{
    flex: 1 1 120px;
  }
  .cart-hero-inner{
    flex-direction:column;
    align-items:flex-start;
  }
  .cart-hero-illustration{
    width:124px;
    height:82px;
  }
  .cart-shell{
    grid-template-columns: minmax(0, 1fr);
  }
  .cart-summary{
    position:static;
  }
  .cart-item{
    flex-direction:column;
    align-items:stretch;
  }
  .cart-item-actions{
    align-items:flex-start;
  }
  .cart-cross-sell-title{
    font-size:16px;
    line-height:1.28;
    letter-spacing:0;
  }
  .cart-cross-sell-desc{
    font-size:12px;
    line-height:1.35;
    margin-top:4px;
  }
  .cart-empty{
    flex-direction:column;
    align-items:flex-start;
  }

  .thank-hero-inner{
    flex-direction:column;
    align-items:flex-start;
  }
  .thank-hero-illustration{
    width:220px;
    height:156px;
  }
  .thank-cart{
    width:220px;
  }
}

.support-band{
  margin-top:26px;
  padding:18px;
  border:1px solid rgba(255,122,26,.18);
  border-radius:20px;
  background:radial-gradient(120% 120% at 0% 0%, rgba(255,122,26,.12), transparent 55%), linear-gradient(135deg, rgba(255,255,255,.85), rgba(255,245,235,.75));
  box-shadow:0 18px 40px rgba(255,122,26,.14);
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
  gap:12px;
}

.support-item{
  padding:12px;
  border-radius:14px;
  background:rgba(255,253,249,.8);
  border:1px solid rgba(240,127,41,.12);
  box-shadow:0 8px 20px rgba(31,39,51,.05);
}
.support-label{
  text-transform:uppercase;
  font-weight:800;
  font-size:12px;
  color:var(--muted);
  letter-spacing:.5px;
}
.support-value{
  font-weight:800;
  color:var(--text);
  margin-top:4px;
}

.dark-footer{
  background:#0f141c;
  color:#e9edf3;
  padding:28px 24px;
  margin-top:40px;
  border-top:none;
  box-shadow:0 -6px 30px rgba(0,0,0,.12);
  width:100%;
  opacity:0;
  transform: translateY(20px);
  position:relative;
  z-index:2;
  pointer-events:auto;
}
.dark-footer .footer-inner{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
  gap:20px;
  text-align:center;
  justify-items:center;
}
.dark-footer h4{
  margin:0 0 8px;
  font-size:14px;
  letter-spacing:.4px;
  text-transform:uppercase;
  color:#f7f8fa;
}
.dark-footer p, .dark-footer a, .dark-footer li{
  margin:4px 0;
  color:#d1d7de;
  text-decoration:none;
  font-size:13px;
  pointer-events:auto;
  touch-action: manipulation;
}
.dark-footer a:hover{
  color:var(--accent);
}
.dark-footer .footer-brand{
  display:flex;
  flex-direction:column;
  gap:8px;
  font-weight:800;
  letter-spacing:.4px;
  color:#fefefe;
  align-items:center;
}
.dark-footer .footer-meta{
  font-size:12px;
  color:#9aa4b0;
  margin-top:10px;
  text-align:center;
}
.dark-footer ul{list-style:none; padding:0;}
.dark-footer .footer-essential{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  font-size:13px;
  font-weight:800;
  color:#e9edf3;
}
.dark-footer .footer-section{
  width:100%;
  max-width:320px;
}
.dark-footer .footer-section > summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:pointer;
  user-select:none;
}
.dark-footer .footer-section > summary::-webkit-details-marker{
  display:none;
}
.dark-footer .footer-section > summary h4{
  margin:0;
}
.dark-footer .footer-caret{
  display:inline-flex;
  width:12px;
  height:12px;
  margin-left:auto;
  border-right:2px solid rgba(255,255,255,.96);
  border-bottom:2px solid rgba(255,255,255,.96);
  transform: rotate(45deg);
  transform-origin:center;
  transition: transform .22s ease, border-color .22s ease, opacity .22s ease;
  opacity:.95;
}
.dark-footer .footer-section[open] .footer-caret{
  transform: rotate(225deg);
  border-color:#ffffff;
  opacity:1;
}
.dark-footer .footer-social{
  display:flex;
  gap:10px;
  align-items:center;
  margin-top:8px;
  justify-content:center;
}
.footer-icon{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  color:#fefefe;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.footer-icon svg{ width:16px; height:16px; fill:currentColor; }
.footer-icon:hover{
  transform: translateY(-1px);
  background:rgba(240,127,41,.18);
  border-color: rgba(240,127,41,.45);
}
.footer-bottom{
  grid-column: 1 / -1;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:24px;
  font-size:12px;
  color:#9aa4b0;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:12px;
  margin-top:4px;
  text-align:center;
}
  .footer-contact{
    display:flex;
    flex-direction:column;
    gap:6px;
    margin-top:6px;
    align-items:center;
    text-align:center;
  }
  .footer-contact div{
    line-height:1.5;
  }
.footer-contact-row{
  display:flex;
  align-items:center;
  gap:8px;
  justify-content:center;
}
.footer-inline-icon{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  background:rgba(240,127,41,.14);
  border:1px solid rgba(240,127,41,.35);
  color:#ffb25c;
  flex:0 0 auto;
}
.footer-inline-icon svg{
  width:12px;
  height:12px;
  fill:currentColor;
}
.footer-address{
  white-space: nowrap;
}
@media (min-width: 901px){
  .dark-footer .footer-section > summary{
    cursor:default;
    pointer-events:none;
  }
  .dark-footer .footer-caret{
    display:none;
  }
}
.dark-footer.reveal{
  opacity:1;
  transform: translateY(0);
  transition: opacity .35s ease, transform .35s ease;
}

/* Testimonials / Feedback */
.testimonial-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap:14px;
  margin-top:16px;
}
.testimonial-marquee{
  position:relative;
  overflow:hidden;
  margin-top:16px;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.testimonial-track{
  display:flex;
  gap:14px;
  width:max-content;
  align-items:stretch;
  animation: marquee-left var(--marquee-duration, 36s) linear infinite;
  will-change: transform;
}
.testimonial-marquee:hover .testimonial-track,
.testimonial-marquee:focus-within .testimonial-track{
  animation-play-state: paused;
}
.testimonial-card{
  border:1px solid var(--border);
  border-radius:16px;
  padding:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,246,236,.92));
  box-shadow:0 14px 34px rgba(240,127,41,.12);
  position:relative;
  overflow:hidden;
  animation: floatCard 6s ease-in-out infinite;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
}
.testimonial-track .testimonial-card{
  flex:0 0 clamp(240px, 32vw, 320px);
  animation:none;
}
.testimonial-track .testimonial-card:hover{
  transform: translateY(-3px);
  box-shadow:0 18px 44px rgba(240,127,41,.18);
  border-color: rgba(255,122,26,.22);
}
.testimonial-track .testimonial-card:active{
  transform: translateY(-1px);
}
.quote-mark{
  font-size:28px;
  color:var(--primary);
  font-weight:800;
  margin-bottom:6px;
}
.testimonial-text{
  margin:0;
  color:var(--text);
  line-height:1.6;
}
.testimonial-meta{
  margin-top:10px;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}
.testimonial-card:nth-child(2n){
  animation-delay: .4s;
}
.testimonial-card:nth-child(3n){
  animation-delay: .8s;
}
.testimonial-card.live{
  border-color: rgba(255,122,26,.35);
}
.testimonial-rating{
  font-size:13px;
  font-weight:800;
  color:var(--primary);
  letter-spacing:1px;
  margin-bottom:6px;
}
@media (max-width: 768px){
  .testimonial-marquee{
    overflow-x:auto;
    overflow-y:visible;
    -webkit-mask-image:none;
    mask-image:none;
    padding-bottom:4px;
  }
  .testimonial-track{
    width:100%;
    gap:10px;
    animation:none !important;
    transform:none !important;
    will-change:auto;
    overflow-x:auto;
    overflow-y:visible;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-inline:2px;
  }
  .testimonial-track .testimonial-card{
    flex:0 0 100%;
    width:100%;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    animation:none;
  }
  .testimonial-text,
  .testimonial-meta{
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}
@keyframes floatCard{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-6px); }
}
@keyframes marquee-left{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .pulse,
  .btn-soft-pulse,
  .hero::after,
  .cart-hero::before,
  .cart-hero-illustration::after,
  .cart-item-updated,
  .cart-item-removing,
  .cart-van-bg-track,
  .cart-van-road-track,
  .cart-van-float,
  .cart-van-wheel-spin,
  .cart-van-lines,
  .thank-hero::before,
  .thank-cart-float,
  .thank-wheel-spin,
  .thank-road-track,
  .thank-box,
  .thank-sparkles{
    animation:none !important;
  }
  .hero-shot img{
    transition:none;
  }
  .product-gallery-main img{
    transition:none;
  }
  .testimonial-card{
    animation:none;
  }
  .testimonial-track{
    animation:none;
    transform:none;
  }
}

.rating-row{
  display:grid;
  gap:6px;
}
.rating-row label{
  font-size:13px;
  font-weight:700;
  color:var(--muted);
}
.menu-btn{
  display:none;
  border:1px solid var(--border);
  background:var(--surface);
  padding:9px 12px;
  border-radius:12px;
  cursor:pointer;
  font-size:13px;
  font-weight:800;
  letter-spacing:.3px;
  touch-action: manipulation;
  color:#111111;
}

.dropdown{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.dropbtn{
  border:1px solid transparent;
  background:transparent;
  cursor:pointer;
  font-size:14px;
  padding:8px 10px;
  border-radius:10px;
  color:var(--text);
  text-decoration:none;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
  line-height:1;
  white-space:nowrap;
  touch-action: manipulation;
}

.promo-bolt{
  margin-left:2px;
  filter: drop-shadow(0 8px 18px rgba(255,122,26,.25));
}

.dropbtn:hover{
  background:rgba(255,122,26,.1);
  border-color: rgba(255,122,26,.25);
  box-shadow:0 10px 26px rgba(255,122,26,.18);
}

.dropdown.open .caret{ transform: rotate(135deg) translateY(1px); }

.dropdown-menu{
  position:absolute;
  top:40px;
  left:0;
  min-width:220px;
  background:rgba(255,250,243,.96);
  border:1px solid rgba(255,122,26,.22);
  border-radius:16px;
  overflow:hidden;
  box-shadow: 0 24px 60px rgba(17,24,39,.16);
  backdrop-filter: blur(14px) saturate(1.15);
  opacity:0;
  transform: translateY(10px) scale(.98);
  pointer-events:none;
  transition: opacity .22s ease, transform .22s ease;
}
.dropdown-menu::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-16px;
  height:16px;
  pointer-events:auto;
}

.dropdown-menu a{
  display:block;
  padding:11px 13px;
  font-size:14px;
  color:var(--text);
  text-decoration:none;
  font-weight:700;
  letter-spacing:.2px;
  touch-action: manipulation;
}

.dropdown-menu a:hover{
  background: rgba(255,122,26,.12);
}

.dropdown:hover .dropdown-menu,
.dropdown:focus-within .dropdown-menu,
.dropdown-menu:hover{
  opacity:1;
  transform: translateY(0);
  pointer-events:auto;
  transition-delay:.05s;
}

/* Fade-in on scroll */
.fade-in{
  opacity:1;
  transform:none;
}
.fade-in[data-fade]{
  opacity:0;
  transform: translateY(10px);
  transition: all .35s ease;
}
.fade-in[data-fade].show{
  opacity:1;
  transform: translateY(0);
}

/* Skeletons */
.skeleton{
  background: linear-gradient(90deg, #f3ede7 25%, #f8f3ee 37%, #f3ede7 63%);
  background-size: 400% 100%;
  animation: shimmer 1.2s ease-in-out infinite;
  border-radius:12px;
}
.skeleton.card{
  height:240px;
  border:1px solid var(--border);
}
@keyframes shimmer{
  0%{ background-position: 100% 0; }
  100%{ background-position: -100% 0; }
}

/* Status / form feedback */
.status{
  padding:8px 10px;
  border-radius:10px;
  font-size:13px;
  margin-top:6px;
  border:1px solid var(--border);
  background: rgba(240,127,41,.05);
}
.status.error{ color:var(--danger); border-color: rgba(198,40,40,.35); }
.status.success{ color:var(--success); border-color: rgba(15,122,58,.35); }
.status.muted{ color:var(--muted); }

/* Language chooser modal */
.pps-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(17,24,39,.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  z-index:2000;
}

/* Out-of-stock arrival page */
.oos-page{
  background:
    radial-gradient(120% 120% at 10% 0%, rgba(255,122,26,.24), transparent 42%),
    radial-gradient(120% 120% at 100% 10%, rgba(255,210,138,.22), transparent 48%),
    linear-gradient(180deg, #fdf5ee 0%, #fff9f2 52%, #fffdf9 100%);
}

.oos-hero{
  width:100%;
  padding:28px 0 10px;
}

.oos-hero-inner{
  max-width:1280px;
  margin:0 auto;
  padding:0 18px;
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(320px, .95fr);
  gap:30px;
  align-items:center;
}

.oos-copy{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.oos-kicker,
.oos-mini-kicker{
  margin:0;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--primary-strong);
}

.oos-copy h1,
.oos-band h2,
.oos-section-head h2{
  margin:0;
  font-size:clamp(36px, 5.2vw, 68px);
  line-height:.98;
  letter-spacing:-.03em;
  max-width:11ch;
}

.oos-subtitle,
.oos-band p{
  margin:0;
  max-width:58ch;
  font-size:18px;
  line-height:1.65;
  color:var(--muted);
}

.oos-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.oos-meta{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

.oos-meta-card{
  padding:16px 18px;
  border:1px solid rgba(255,122,26,.14);
  border-radius:20px;
  background:rgba(255,250,243,.8);
  box-shadow:0 16px 36px rgba(17,24,39,.08);
  backdrop-filter:blur(8px);
}

.oos-meta-label{
  display:block;
  margin-bottom:8px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--primary-strong);
}

.oos-meta-card strong{
  font-size:16px;
  line-height:1.4;
}

.oos-visual{
  min-height:520px;
}

.oos-stage{
  position:relative;
  height:100%;
  min-height:520px;
  border-radius:34px;
  overflow:hidden;
  background:
    linear-gradient(145deg, rgba(255,255,255,.8), rgba(255,246,236,.94)),
    linear-gradient(180deg, rgba(255,122,26,.06), rgba(255,122,26,0));
  border:1px solid rgba(255,122,26,.16);
  box-shadow:0 34px 90px rgba(17,24,39,.12);
}

.oos-glow{
  position:absolute;
  inset:auto -14% -18% auto;
  width:72%;
  aspect-ratio:1/1;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,122,26,.3), rgba(255,122,26,0) 68%);
  filter:blur(6px);
}

.oos-route{
  position:absolute;
  inset:58px 58px auto;
  display:flex;
  align-items:center;
  gap:22px;
}

.oos-route span{
  display:block;
  width:82px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,122,26,.2), rgba(255,122,26,.72), rgba(255,122,26,.2));
  background-size:200% 100%;
  animation:oosFlow 2.4s linear infinite;
}

.oos-route span:nth-child(2){ animation-delay:.2s; }
.oos-route span:nth-child(3){ animation-delay:.4s; }

.oos-crate{
  position:absolute;
  width:124px;
  height:124px;
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,241,227,.94)),
    var(--surface);
  border:1px solid rgba(255,122,26,.22);
  box-shadow:0 18px 42px rgba(17,24,39,.12);
}

.oos-crate::before,
.oos-crate::after{
  content:"";
  position:absolute;
  background:rgba(255,122,26,.2);
  border-radius:999px;
}

.oos-crate::before{
  width:56%;
  height:10px;
  left:22%;
  top:26px;
}

.oos-crate::after{
  width:36%;
  height:36%;
  inset:auto 22px 20px auto;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,122,26,.16), rgba(255,122,26,.04));
}

.oos-crate-a{
  left:58px;
  bottom:76px;
  animation:oosFloatA 4.8s ease-in-out infinite;
}

.oos-crate-b{
  left:206px;
  bottom:150px;
  width:148px;
  height:148px;
  animation:oosFloatB 5.4s ease-in-out infinite;
}

.oos-crate-c{
  right:74px;
  bottom:92px;
  width:138px;
  height:138px;
  animation:oosFloatC 5.1s ease-in-out infinite;
}

.oos-dock-card{
  position:absolute;
  top:110px;
  right:54px;
  width:min(270px, calc(100% - 108px));
  padding:22px;
  border-radius:26px;
  background:rgba(20,26,34,.92);
  color:#fff7ef;
  box-shadow:0 28px 60px rgba(17,24,39,.24);
}

.oos-dock-label{
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#ffbf88;
}

.oos-dock-value{
  margin-top:12px;
  font-size:24px;
  font-weight:800;
  line-height:1.08;
}

.oos-dock-date{
  margin-top:10px;
  font-size:16px;
  color:#ffd9b6;
}

.oos-signal{
  position:absolute;
  left:50%;
  top:46%;
  width:138px;
  height:138px;
  transform:translate(-50%, -50%);
  border-radius:999px;
  border:1px solid rgba(255,122,26,.16);
  background:radial-gradient(circle, rgba(255,122,26,.14), rgba(255,122,26,0) 70%);
}

.oos-signal::before,
.oos-signal::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid rgba(255,122,26,.18);
  animation:oosPulse 2.8s ease-out infinite;
}

.oos-signal::after{ animation-delay:1.1s; }

.oos-signal-core{
  position:absolute;
  inset:50% auto auto 50%;
  width:24px;
  height:24px;
  transform:translate(-50%, -50%);
  border-radius:999px;
  background:linear-gradient(180deg, #ffae64, #ff7a1a);
  box-shadow:0 0 0 10px rgba(255,122,26,.12), 0 12px 24px rgba(255,122,26,.24);
}

.oos-flow{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

.oos-flow-card{
  padding:24px;
  border-radius:26px;
  background:rgba(255,251,246,.84);
  border:1px solid rgba(255,122,26,.14);
  box-shadow:0 16px 40px rgba(17,24,39,.08);
}

.oos-step{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  margin-bottom:16px;
  border-radius:999px;
  background:linear-gradient(180deg, #ffb569, #ff7a1a);
  color:white;
  font-weight:900;
}

.oos-flow-card h2{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.15;
}

.oos-flow-card p{
  margin:0;
  color:var(--muted);
  line-height:1.65;
}

.oos-alt-section{
  margin-top:26px;
}

.oos-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.oos-section-head h2{
  font-size:34px;
  max-width:none;
}

.oos-band{
  margin-top:30px;
  padding:32px;
  border-radius:30px;
  background:
    linear-gradient(135deg, rgba(20,26,34,.96), rgba(41,49,61,.92)),
    var(--text);
  color:#fff7ef;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  box-shadow:0 30px 70px rgba(17,24,39,.24);
}

.oos-band .oos-mini-kicker{
  color:#ffbf88;
}

.oos-band h2{
  max-width:12ch;
}

.oos-band p{
  color:#f0d9c0;
  max-width:54ch;
}

.oos-band-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-end;
}

@keyframes oosFlow{
  0%{ background-position:200% 0; }
  100%{ background-position:0 0; }
}

@keyframes oosPulse{
  0%{ transform:scale(.72); opacity:.8; }
  100%{ transform:scale(1.38); opacity:0; }
}

@keyframes oosFloatA{
  0%, 100%{ transform:translateY(0) rotate(-5deg); }
  50%{ transform:translateY(-14px) rotate(-2deg); }
}

@keyframes oosFloatB{
  0%, 100%{ transform:translateY(0) rotate(3deg); }
  50%{ transform:translateY(-18px) rotate(6deg); }
}

@keyframes oosFloatC{
  0%, 100%{ transform:translateY(0) rotate(-2deg); }
  50%{ transform:translateY(-12px) rotate(2deg); }
}

@media (max-width: 1100px){
  .oos-hero-inner,
  .oos-flow,
  .oos-meta{
    grid-template-columns:1fr;
  }

  .oos-copy h1,
  .oos-band h2,
  .oos-section-head h2{
    max-width:none;
  }

  .oos-visual{
    min-height:420px;
  }

  .oos-stage{
    min-height:420px;
  }

  .oos-band{
    align-items:flex-start;
    flex-direction:column;
  }

  .oos-band-actions{
    justify-content:flex-start;
  }
}

@media (max-width: 720px){
  .oos-hero{
    padding-top:16px;
  }

  .oos-hero-inner{
    padding:0 14px;
  }

  .oos-copy h1{
    font-size:40px;
  }

  .oos-subtitle{
    font-size:16px;
  }

  .oos-stage{
    min-height:360px;
  }

  .oos-route{
    inset:28px 24px auto;
    gap:10px;
  }

  .oos-route span{
    width:48px;
    height:8px;
  }

  .oos-dock-card{
    top:78px;
    right:22px;
    left:22px;
    width:auto;
  }

  .oos-crate-a{
    left:22px;
    bottom:42px;
  }

  .oos-crate-b{
    left:120px;
    bottom:104px;
    width:118px;
    height:118px;
  }

  .oos-crate-c{
    right:22px;
    bottom:42px;
    width:108px;
    height:108px;
  }

  .oos-section-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .oos-band{
    padding:24px;
  }
}
.pps-modal-overlay.open{ display:flex; }
.pps-modal{
  width:min(520px, 100%);
  background:rgba(255,250,243,.92);
  border:1px solid rgba(241,223,204,.9);
  box-shadow: var(--shadow);
  border-radius: 18px;
  overflow:hidden;
}
.pps-modal-header{
  padding:16px 18px 12px;
  background:linear-gradient(90deg, rgba(255,122,26,.14), rgba(255,210,138,.18));
  border-bottom:1px solid rgba(241,223,204,.9);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.pps-modal-title{
  margin:0;
  font-size:18px;
  font-weight:800;
}
.pps-modal-subtitle{
  margin:6px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.4;
}
.pps-modal-close{
  border:0;
  background:transparent;
  color:var(--muted);
  font-size:20px;
  cursor:pointer;
  padding:2px 6px;
  line-height:1;
}
.pps-modal-body{
  padding:16px 18px 18px;
}
.pps-modal-row{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.pps-modal-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin-top:14px;
}

/* Auth modal (Alibaba-inspired, original design) */
.pps-modal.pps-auth-modal{
  width: min(980px, 100%);
  background: rgba(255,255,255,.92);
}
.pps-auth-layout{
  display:grid;
  grid-template-columns: 1fr 1fr;
  min-height: 520px;
}
.pps-auth-left{
  position:relative;
  padding: 26px;
  background: radial-gradient(1200px 500px at 20% 25%, rgba(255,210,138,.95), rgba(240,127,41,.90) 40%, rgba(17,24,39,.92) 100%);
  color:#fff;
  overflow:hidden;
}
.pps-auth-left::after{
  content:"";
  position:absolute;
  inset:-40px -80px auto auto;
  width:260px;
  height:260px;
  border-radius:999px;
  background: rgba(255,255,255,.12);
  filter: blur(0.2px);
}
.pps-auth-brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:1000;
  letter-spacing:.2px;
}
.pps-auth-brand img{
  width:44px;
  height:44px;
  border-radius:12px;
  background: rgba(255,255,255,.12);
}
.pps-auth-kicker{
  margin-top:18px;
  font-weight:900;
  font-size:13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: .95;
}
.pps-auth-headline{
  margin: 10px 0 0;
  font-size: 28px;
  font-weight: 1000;
  line-height: 1.15;
}
.pps-auth-subline{
  margin: 10px 0 0;
  max-width: 360px;
  color: rgba(255,255,255,.86);
  line-height: 1.5;
  font-weight: 700;
  font-size: 14px;
}
.pps-auth-illustration{
  position:absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  width: calc(100% - 36px);
  height: auto;
  opacity: 0.92;
  pointer-events: none;
  display:block;
}
.pps-auth-illustration.pps-van{
  opacity: .98;
  filter: drop-shadow(0 26px 44px rgba(0,0,0,.28));
}
.pps-auth-right{
  padding: 22px 22px 18px;
  background: rgba(255,250,243,.92);
}
.pps-auth-right h2{
  margin: 4px 0 12px;
  font-size: 20px;
  font-weight: 1000;
}
.pps-auth-provider{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 12px;
  border-radius: 12px;
  border: 1px solid rgba(31,41,55,.18);
  background: rgba(255,255,255,.86);
  font-weight: 900;
  cursor:pointer;
}
.pps-auth-provider:hover{ filter: brightness(.99); }
.pps-auth-provider:disabled{
  opacity:.65;
  cursor:not-allowed;
}
.pps-auth-provider .pps-auth-icon{
  width:22px;
  height:22px;
  display:inline-block;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  background-color: transparent;
  border:none;
  border-radius: 10px;
  flex: 0 0 auto;
}
.pps-auth-provider .pps-auth-icon.google-icon{
  background-color:#fff;
  border:1px solid rgba(31,41,55,.14);
}
.pps-auth-provider .pps-auth-icon.facebook-icon{
  background-color:#1877f2;
  border-radius:999px;
  background-size:14px 14px;
}
.pps-auth-divider{
  display:flex;
  align-items:center;
  gap:10px;
  margin: 14px 0 12px;
  color: var(--muted);
  font-weight: 900;
  font-size: 12px;
}
.pps-auth-divider::before,
.pps-auth-divider::after{
  content:"";
  height:1px;
  flex:1;
  background: rgba(241,223,204,.9);
}
.pps-auth-form{
  display:grid;
  gap:10px;
}
.pps-auth-footer{
  margin-top: 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.pps-auth-mini{
  font-size: 13px;
  color: var(--muted);
  font-weight: 800;
}
.pps-auth-close-x{
  position:absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(241,223,204,.9);
  background: rgba(255,255,255,.9);
  cursor:pointer;
  font-size: 20px;
  line-height: 1;
  color: var(--muted);
}
.pps-auth-close-x:hover{ filter: brightness(.98); }

@media (max-width: 860px){
  .pps-auth-layout{ grid-template-columns: 1fr; min-height: auto; }
  .pps-auth-left{ display:none; }
}

/* Resources page */
.resources-hero{
  gap:20px;
}
.resources-kicker{
  margin:0;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--muted);
}
.resources-subtitle{
  max-width:72ch;
}
.resources-hero-actions{
  margin-top:16px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.resources-collage{
  width:min(520px, 100%);
}
.resources-collage .hero-shot{
  border-color: rgba(255,122,26,.22);
}
.resources-collage .hero-shot-1{ --pps-rot: -2deg; }
.resources-collage .hero-shot-2{ --pps-rot: 2.5deg; }
.resources-collage .hero-shot-3{ --pps-rot: -1deg; }
.resources-collage .hero-shot{
  animation: aboutFloat 6.8s ease-in-out infinite;
}
.resources-collage .hero-shot-1{ animation-delay: .0s; }
.resources-collage .hero-shot-2{ animation-delay: .9s; }
.resources-collage .hero-shot-3{ animation-delay: 1.8s; }

.resources-quick{
  padding:18px;
  margin-top:16px;
}
.resources-quick-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  flex-wrap:wrap;
}
.resources-quick-title{
  margin:0;
}
.resources-quick-desc{
  color:var(--muted);
  font-size:13px;
  margin-top:4px;
}

.resource-toc{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
}
.resource-card{
  padding:14px;
  border-radius:16px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(241,223,204,.9);
  background: rgba(255,255,255,.72);
  box-shadow:0 16px 42px rgba(17,24,39,.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
}
.resource-card::after{
  content:"";
  position:absolute;
  inset:-60% -35%;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.42) 45%, rgba(255,255,255,.62) 50%, rgba(255,255,255,.42) 55%, transparent 100%);
  transform: translateX(-70%) rotate(10deg);
  opacity:0;
  pointer-events:none;
}
.resource-card:hover{
  transform: translateY(-2px);
  border-color: rgba(255,122,26,.28);
  box-shadow:0 22px 60px rgba(17,24,39,.12);
}
.resource-card:hover::after{
  opacity:.65;
  animation: ppsResourceShine 1.4s ease-out 1;
}
.resource-card:focus-visible{
  outline:none;
  box-shadow: 0 0 0 3px rgba(255,122,26,.22), 0 22px 60px rgba(17,24,39,.12);
}
.resource-card-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  background: linear-gradient(135deg, var(--rc1, rgba(255,122,26,.92)), var(--rc2, rgba(217,74,31,.98)));
  box-shadow:
    0 16px 34px rgba(240,127,41,.25),
    inset 0 0 0 1px rgba(17,24,39,.10),
    inset 0 -10px 18px rgba(17,24,39,.06);
  border:1px solid rgba(255,255,255,.42);
  background-repeat:no-repeat;
  background-position:center;
  background-size:22px 22px;
  margin-bottom:10px;
  position:relative;
}
.resource-card:hover .resource-card-icon{
  transform: translateY(-1px) rotate(-1deg);
  box-shadow:0 18px 44px rgba(17,24,39,.14), 0 18px 44px rgba(240,127,41,.18);
}
.resource-card-icon{
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.resource-card--sizes{ --cardAccentA:#2563eb; --cardAccentB:#06b6d4; }
.resource-card--thickness{ --cardAccentA:#7c3aed; --cardAccentB:#f472b6; }
.resource-card--polybags{ --cardAccentA:#f97316; --cardAccentB:#facc15; }
.resource-card--hangers{ --cardAccentA:#db2777; --cardAccentB:#fb7185; }
.resource-card--planner{ --cardAccentA:#16a34a; --cardAccentB:#22c55e; }

.resource-card--sizes .resource-card-icon{ --rc1:#2563eb; --rc2:#06b6d4; }
.resource-card--thickness .resource-card-icon{ --rc1:#7c3aed; --rc2:#f472b6; }
.resource-card--polybags .resource-card-icon{ --rc1:#f97316; --rc2:#facc15; }
.resource-card--hangers .resource-card-icon{ --rc1:#db2777; --rc2:#fb7185; }
.resource-card--planner .resource-card-icon{ --rc1:#16a34a; --rc2:#22c55e; }

.resource-card--sizes::before,
.resource-card--thickness::before,
.resource-card--polybags::before,
.resource-card--hangers::before,
.resource-card--planner::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(420px 220px at 12% 10%, rgba(37,99,235,.16), transparent 60%),
    radial-gradient(420px 220px at 88% 0%, rgba(6,182,212,.14), transparent 60%);
  opacity:.55;
  pointer-events:none;
}
.resource-card--thickness::before{
  background:
    radial-gradient(420px 220px at 12% 10%, rgba(124,58,237,.16), transparent 60%),
    radial-gradient(420px 220px at 88% 0%, rgba(244,114,182,.14), transparent 60%);
}
.resource-card--polybags::before{
  background:
    radial-gradient(420px 220px at 12% 10%, rgba(249,115,22,.16), transparent 60%),
    radial-gradient(420px 220px at 88% 0%, rgba(250,204,21,.14), transparent 60%);
}
.resource-card--hangers::before{
  background:
    radial-gradient(420px 220px at 12% 10%, rgba(219,39,119,.16), transparent 60%),
    radial-gradient(420px 220px at 88% 0%, rgba(251,113,133,.14), transparent 60%);
}
.resource-card--planner::before{
  background:
    radial-gradient(420px 220px at 12% 10%, rgba(22,163,74,.16), transparent 60%),
    radial-gradient(420px 220px at 88% 0%, rgba(34,197,94,.14), transparent 60%);
}
.resource-card--sizes > *,
.resource-card--thickness > *,
.resource-card--polybags > *,
.resource-card--hangers > *,
.resource-card--planner > *{
  position:relative;
  z-index:1;
}
.resource-icon-bag{
  background-image:
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M7 9h10v11H7V9Z%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27/%3E%3Cpath d=%27M9 9V7a3 3 0 0 1 6 0v2%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3C/svg%3E'),
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M7 9h10v11H7V9Z%27 stroke=%27white%27 stroke-width=%272.2%27/%3E%3Cpath d=%27M9 9V7a3 3 0 0 1 6 0v2%27 stroke=%27white%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3C/svg%3E');
  background-size:22px 22px, 22px 22px;
  background-position: calc(50% + 1px) calc(50% + 1px), center;
}
.resource-icon-hanger{
  background-image:
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M12 5a3 3 0 0 1 3 3c0 1.2-.7 2.1-1.7 2.7l-1.3.8v1.5%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M6 16l6-3 6 3%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M5 16h14%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3C/svg%3E'),
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M12 5a3 3 0 0 1 3 3c0 1.2-.7 2.1-1.7 2.7l-1.3.8v1.5%27 stroke=%27white%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M6 16l6-3 6 3%27 stroke=%27white%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M5 16h14%27 stroke=%27white%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3C/svg%3E');
  background-size:22px 22px, 22px 22px;
  background-position: calc(50% + 1px) calc(50% + 1px), center;
}

.resource-media-row{
  display:grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap:14px;
  align-items:start;
}
.resource-prose .feature-badges{
  margin:10px 0 14px;
}
.resource-prose .resource-media-row{
  margin-top:12px;
}
.resource-media{
  width:100%;
  border-radius:16px;
  border:1px solid rgba(241,223,204,.9);
  background: rgba(255,255,255,.72);
  box-shadow:0 18px 46px rgba(17,24,39,.10);
}
.pps-delivery-photo{
  display:block;
  width:100%;
  height:180px;
  object-fit:contain;
  object-position:center;
  background:rgba(255,255,255,.92);
  padding:10px;
}

.resource-products-grid{
  margin-top:12px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
}
.resource-product-card{
  overflow:hidden;
  border-radius:16px;
}
.resource-product-card img{
  width:100%;
  height:140px;
  object-fit:contain;
  background: rgba(255,255,255,.72);
  border-bottom:1px solid rgba(241,223,204,.9);
  padding:10px;
}
.resource-product-body{
  padding:12px;
}
.resource-product-title{
  font-weight:1000;
}
.resource-product-desc{
  margin-top:6px;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
  line-height:1.4;
}
.resource-card-icon::after{
  content:"";
  position:absolute;
  inset:-8px;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.85) 50%, transparent 100%);
  transform: translateX(-70%) rotate(18deg);
  opacity:.0;
  pointer-events:none;
}
.resource-card:hover .resource-card-icon::after{
  opacity:.45;
  animation: ppsGoogleShine 3.2s ease-in-out infinite;
}
.resource-icon-ruler{
  background-image:
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M5 7h14v10H5V7Z%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27/%3E%3Cpath d=%27M8 7v4M11 7v2M14 7v4M17 7v2%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3C/svg%3E'),
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M5 7h14v10H5V7Z%27 stroke=%27white%27 stroke-width=%272.2%27/%3E%3Cpath d=%27M8 7v4M11 7v2M14 7v4M17 7v2%27 stroke=%27white%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3C/svg%3E');
  background-size:22px 22px, 22px 22px;
  background-position: calc(50% + 1px) calc(50% + 1px), center;
}
.resource-icon-layers{
  background-image:
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M12 4l8 5-8 5-8-5 8-5Z%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27/%3E%3Cpath d=%27M4 14l8 5 8-5%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E'),
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M12 4l8 5-8 5-8-5 8-5Z%27 stroke=%27white%27 stroke-width=%272.2%27/%3E%3Cpath d=%27M4 14l8 5 8-5%27 stroke=%27white%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E');
  background-size:22px 22px, 22px 22px;
  background-position: calc(50% + 1px) calc(50% + 1px), center;
}
.resource-icon-calc{
  background-image:
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M7 4h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27/%3E%3Cpath d=%27M8 8h8M8 12h3M8 16h3M13 12h3M13 16h3%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3C/svg%3E'),
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M7 4h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z%27 stroke=%27white%27 stroke-width=%272.2%27/%3E%3Cpath d=%27M8 8h8M8 12h3M8 16h3M13 12h3M13 16h3%27 stroke=%27white%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3C/svg%3E');
  background-size:22px 22px, 22px 22px;
  background-position: calc(50% + 1px) calc(50% + 1px), center;
}

.resource-card--news{ --cardAccentA:#0ea5e9; --cardAccentB:#22c55e; }
.resource-card--launch{ --cardAccentA:#f97316; --cardAccentB:#f59e0b; }
.resource-card--case{ --cardAccentA:#8b5cf6; --cardAccentB:#06b6d4; }
.resource-card--tips{ --cardAccentA:#f472b6; --cardAccentB:#facc15; }

.resource-card--news .resource-card-icon{ --rc1:#0ea5e9; --rc2:#22c55e; }
.resource-card--launch .resource-card-icon{ --rc1:#f97316; --rc2:#f59e0b; }
.resource-card--case .resource-card-icon{ --rc1:#8b5cf6; --rc2:#06b6d4; }
.resource-card--tips .resource-card-icon{ --rc1:#f472b6; --rc2:#facc15; }

.resource-card--news::before,
.resource-card--launch::before,
.resource-card--case::before,
.resource-card--tips::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.55;
  pointer-events:none;
  background:
    radial-gradient(420px 220px at 12% 10%, rgba(14,165,233,.16), transparent 60%),
    radial-gradient(420px 220px at 88% 0%, rgba(34,197,94,.14), transparent 60%);
}
.resource-card--launch::before{
  background:
    radial-gradient(420px 220px at 12% 10%, rgba(249,115,22,.16), transparent 60%),
    radial-gradient(420px 220px at 88% 0%, rgba(245,158,11,.14), transparent 60%);
}
.resource-card--case::before{
  background:
    radial-gradient(420px 220px at 12% 10%, rgba(139,92,246,.16), transparent 60%),
    radial-gradient(420px 220px at 88% 0%, rgba(6,182,212,.14), transparent 60%);
}
.resource-card--tips::before{
  background:
    radial-gradient(420px 220px at 12% 10%, rgba(244,114,182,.16), transparent 60%),
    radial-gradient(420px 220px at 88% 0%, rgba(250,204,21,.14), transparent 60%);
}
.resource-card--news > *,
.resource-card--launch > *,
.resource-card--case > *,
.resource-card--tips > *{
  position:relative;
  z-index:1;
}

.resource-icon-news{
  background-image:
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M7 6h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27/%3E%3Cpath d=%27M8.5 10h7M8.5 13h7M8.5 16h5%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3C/svg%3E'),
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M7 6h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z%27 stroke=%27white%27 stroke-width=%272.2%27/%3E%3Cpath d=%27M8.5 10h7M8.5 13h7M8.5 16h5%27 stroke=%27white%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3C/svg%3E');
  background-size:22px 22px, 22px 22px;
  background-position: calc(50% + 1px) calc(50% + 1px), center;
}
.resource-icon-rocket{
  background-image:
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M12 4c4 1 6 4 6 8l-6 6-6-6c0-4 2-7 6-8Z%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M9 13l-1 4 4-1%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M14.5 9.5a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0Z%27 fill=%230b1220%27 fill-opacity=%270.25%27/%3E%3C/svg%3E'),
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M12 4c4 1 6 4 6 8l-6 6-6-6c0-4 2-7 6-8Z%27 stroke=%27white%27 stroke-width=%272.2%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M9 13l-1 4 4-1%27 stroke=%27white%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M14.5 9.5a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0Z%27 fill=%27white%27 fill-opacity=%270.85%27/%3E%3C/svg%3E');
  background-size:22px 22px, 22px 22px;
  background-position: calc(50% + 1px) calc(50% + 1px), center;
}
.resource-icon-briefcase{
  background-image:
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M9 7V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M6 8h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2Z%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27/%3E%3Cpath d=%27M4 13h16%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3C/svg%3E'),
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M9 7V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1%27 stroke=%27white%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M6 8h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2Z%27 stroke=%27white%27 stroke-width=%272.2%27/%3E%3Cpath d=%27M4 13h16%27 stroke=%27white%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3C/svg%3E');
  background-size:22px 22px, 22px 22px;
  background-position: calc(50% + 1px) calc(50% + 1px), center;
}
.resource-icon-bulb{
  background-image:
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M12 3a6 6 0 0 1 3.5 10.9c-.7.5-1.1 1.2-1.3 2.1H9.8c-.2-.9-.6-1.6-1.3-2.1A6 6 0 0 1 12 3Z%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M10 20h4%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M10 17h4%27 stroke=%230b1220%27 stroke-opacity=%270.35%27 stroke-width=%272.4%27 stroke-linecap=%27round%27/%3E%3C/svg%3E'),
    url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M12 3a6 6 0 0 1 3.5 10.9c-.7.5-1.1 1.2-1.3 2.1H9.8c-.2-.9-.6-1.6-1.3-2.1A6 6 0 0 1 12 3Z%27 stroke=%27white%27 stroke-width=%272.2%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M10 20h4%27 stroke=%27white%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M10 17h4%27 stroke=%27white%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3C/svg%3E');
  background-size:22px 22px, 22px 22px;
  background-position: calc(50% + 1px) calc(50% + 1px), center;
}

.blog-filters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.blog-filter.active{
  background:rgba(255,122,26,.12);
  border-color: rgba(255,122,26,.28);
  box-shadow:0 10px 26px rgba(255,122,26,.18);
}
.blog-filter-count{
  color:rgba(17,24,39,.6);
  font-weight:1000;
}
.blog-results{
  margin-top:10px;
  color:var(--muted);
  font-weight:900;
  font-size:12px;
  letter-spacing:.2px;
}
.blog-card-thumb{
  width:100%;
  aspect-ratio: 16 / 9;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(255,255,255,.85);
  box-shadow:0 12px 28px rgba(17,24,39,.06);
  margin-bottom:10px;
}
.blog-card-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.blog-featured-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:14px;
  align-items:center;
}
.blog-featured-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:1000;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--muted);
}
.blog-featured-title{
  margin-top:8px;
  font-weight:1200;
  font-size:24px;
  line-height:1.2;
}
.blog-featured-meta{
  margin-top:8px;
  color:var(--muted);
  font-weight:900;
  font-size:12px;
}
.blog-featured-desc{
  margin-top:10px;
  color:var(--muted);
  font-weight:800;
  line-height:1.65;
}
.blog-featured-actions{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.blog-featured-media{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(17,24,39,.10);
  box-shadow:0 18px 50px rgba(17,24,39,.10);
  background:rgba(255,255,255,.85);
}
.blog-featured-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  aspect-ratio: 4 / 3;
}
.blog-posts{
  margin-top:16px;
  display:grid;
  gap:14px;
}
.blog-post{
  padding:18px;
}
.blog-post-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.blog-post-meta{
  color:var(--muted);
  font-weight:900;
  font-size:12px;
  letter-spacing:.2px;
}
.blog-post-sub{
  margin-top:10px;
  color:var(--muted);
  font-weight:800;
}
.blog-bullets{
  margin-top:10px;
  padding-left:18px;
}
.blog-media-row{
  display:grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap:14px;
  align-items:start;
  margin-top:12px;
}
.blog-split{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-top:12px;
}
.blog-toc{
  margin-top:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(255,255,255,.72);
}
.blog-toc-title{
  font-weight:1100;
}
.blog-toc-links{
  margin-top:8px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.blog-toc-link{
  text-decoration:none;
  font-weight:1000;
  font-size:12px;
  color:var(--text);
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(240,127,41,.22);
  background:rgba(255,255,255,.72);
}
.blog-toc-link:hover{
  background:rgba(255,122,26,.10);
  border-color:rgba(240,127,41,.35);
}
.blog-nextprev{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:10px;
}
.blog-nextprev-link{
  text-decoration:none;
  color:inherit;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 28px rgba(17,24,39,.06);
}
.blog-nextprev-link:hover{
  border-color:rgba(240,127,41,.35);
  box-shadow:0 18px 40px rgba(17,24,39,.10);
}
.blog-nextprev-kicker{
  color:var(--muted);
  font-weight:1000;
  font-size:12px;
  letter-spacing:.2px;
}
.blog-nextprev-title{
  margin-top:6px;
  font-weight:1100;
  line-height:1.35;
}
@media (max-width: 860px){
  .blog-media-row{ grid-template-columns: 1fr; }
  .blog-split{ grid-template-columns: 1fr; }
  .blog-featured-grid{ grid-template-columns: 1fr; }
  .blog-nextprev{ grid-template-columns: 1fr; }
}

.blog-card-meta{
  margin-top:10px;
  color:var(--muted);
  font-weight:900;
  font-size:12px;
  letter-spacing:.2px;
}

.blog-subscribe-inner{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.blog-subscribe-form{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.blog-subscribe-form .input{
  min-width: 260px;
}
.blog-subscribe-status{
  margin-top:10px;
  color:var(--muted);
  font-weight:900;
}

.blog-share-bar{
  margin-top:12px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(240,127,41,.22);
  background:
    radial-gradient(340px 160px at 18% 0%, rgba(255,122,26,.14), transparent 60%),
    radial-gradient(360px 160px at 86% 10%, rgba(255,214,120,.12), transparent 62%),
    rgba(255,255,255,.80);
  box-shadow:0 16px 44px rgba(17,24,39,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.blog-share-bar.bottom{
  margin-top:16px;
}
.blog-share-title{
  font-weight:1000;
  letter-spacing:.2px;
  text-transform:uppercase;
  font-size:12px;
  color:#111827;
}
.blog-share-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.blog-share-actions .btn.is-copied{
  box-shadow:0 12px 26px rgba(34,197,94,.22);
}

.blog-related{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid var(--border);
}
.blog-related-title{
  font-weight:1000;
}
.blog-related-grid{
  margin-top:10px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
}
.blog-related-card{
  display:block;
  padding:12px;
  border-radius:16px;
  border:1px solid var(--border);
  background:#fff;
  text-decoration:none;
  color:inherit;
}
.blog-related-card:hover{
  box-shadow:0 16px 38px rgba(17,24,39,.12);
  transform: translateY(-1px);
}
.blog-related-kicker{
  font-size:11px;
  color:var(--muted);
  font-weight:1000;
  letter-spacing:.6px;
  text-transform:uppercase;
}
.blog-related-name{
  margin-top:6px;
  font-weight:1000;
}
.blog-related-meta{
  margin-top:8px;
  color:var(--muted);
  font-weight:900;
  font-size:12px;
}
@media (max-width: 860px){
  .blog-related-grid{ grid-template-columns: 1fr; }
}

.blog-comments{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid var(--border);
}
.blog-comments-title{
  font-weight:1000;
}
.blog-comments-note{
  margin-top:6px;
  color:var(--muted);
  font-weight:800;
}
.blog-comments-list{
  margin-top:10px;
  display:grid;
  gap:10px;
}
.blog-comments-empty{
  color:var(--muted);
  font-weight:800;
}
.blog-comment{
  padding:12px;
  border-radius:16px;
  border:1px solid var(--border);
  background:#fff;
}
.blog-comment-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.blog-comment-name{
  font-weight:1000;
}
.blog-comment-date{
  color:var(--muted);
  font-weight:900;
  font-size:12px;
}
.blog-comment-body{
  margin-top:8px;
  color:var(--muted);
  font-weight:800;
  line-height:1.5;
}
.blog-comments-form{
  margin-top:12px;
}
.blog-comments-row{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:10px;
}
.blog-comments-label span{
  display:block;
  font-size:12px;
  font-weight:1000;
  color:var(--muted);
  margin:0 0 6px;
}
.blog-comments-actions{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.blog-comments-status{
  color:var(--muted);
  font-weight:900;
}
@media (max-width: 720px){
  .blog-comments-row{ grid-template-columns: 1fr; }
  .blog-subscribe-form .input{ min-width: 220px; }
}
.resource-kicker{
  font-size:12px;
  color:var(--muted);
  font-weight:1000;
  letter-spacing:.6px;
  text-transform:uppercase;
}
.resource-title{
  margin-top:6px;
  font-weight:1000;
  font-size:16px;
}
.resource-desc{
  margin-top:6px;
  color:var(--muted);
  font-weight:800;
  font-size:13px;
  line-height:1.45;
}
.resource-article-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
}
.resource-meta{
  margin-top:6px;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
  line-height:1.4;
}
.resource-prose{
  margin-top:14px;
  max-width: 90ch;
  line-height:1.6;
}
.resource-prose h3{
  margin: 16px 0 8px;
  font-size:16px;
  font-weight:1000;
}
.resource-prose p{ margin: 10px 0; }
.resource-prose ul{
  margin: 10px 0;
  padding-left: 18px;
}
.resource-prose li{ margin: 6px 0; }
.resource-table-wrap{
  overflow:auto;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.55);
}
.resource-table{
  width:100%;
  border-collapse: collapse;
  min-width: 640px;
}
.resource-table th,
.resource-table td{
  text-align:left;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(241,223,204,.9);
  font-size: 13px;
}
.resource-table th{
  font-weight:1000;
  background: rgba(240,127,41,.10);
}
.resource-table tr:last-child td{ border-bottom:0; }
.resource-callout{
  margin-top: 14px;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(241,223,204,.9);
  background: linear-gradient(90deg, rgba(255,122,26,.10), rgba(255,210,138,.14));
}

.resource-article-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
}

.resource-calc{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:10px;
}
.resource-calc label span{
  display:block;
  font-size:12px;
  font-weight:1000;
  color:var(--muted);
  margin:0 0 6px;
}
.resource-calc-results{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:10px;
}
.resource-calc-result{
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px dashed rgba(240,127,41,.55);
  background: rgba(240,127,41,.06);
}
.resource-calc-label{
  color:var(--muted);
  font-weight:900;
  font-size:12px;
}
.resource-calc-value{
  margin-top:6px;
  font-weight:1000;
  font-size:18px;
}
.resource-calc-hint{
  color:var(--muted);
  font-weight:900;
  font-size:12px;
  margin-left:6px;
}

.resource-roi-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
}
.resource-roi-card{
  padding: 14px;
  text-decoration:none;
  color:inherit;
}
.resource-roi-title{
  font-weight:1000;
}
.resource-roi-desc{
  margin-top:6px;
  color:var(--muted);
  font-weight:800;
}
.resource-roi-metric{
  margin-top:10px;
  font-weight:1000;
  font-size:12px;
  letter-spacing:.2px;
  color: rgba(240,127,41,.95);
}

.resource-faq{
  display:grid;
  gap:10px;
}
.resource-faq-item{
  border-radius: 14px;
  border: 1px solid rgba(241,223,204,.9);
  background: rgba(255,255,255,.62);
  overflow:hidden;
}
.resource-faq-item summary{
  cursor:pointer;
  list-style:none;
  padding: 12px 12px;
  font-weight:1000;
}
.resource-faq-item summary::-webkit-details-marker{ display:none; }
.resource-faq-body{
  padding: 0 12px 12px;
  color:var(--muted);
  font-weight:800;
}
.resource-formula{
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px dashed rgba(240,127,41,.55);
  background: rgba(240,127,41,.08);
  font-weight: 900;
}
@media (max-width: 860px){
  .resources-hero{
    grid-template-columns: 1fr;
  }
  .resource-media-row{
    grid-template-columns: 1fr;
  }
  .resource-products-grid{
    grid-template-columns: 1fr;
  }
  .resource-toc{ grid-template-columns: 1fr; }
  .resource-table{ min-width: 540px; }
  .resource-calc{ grid-template-columns: 1fr; }
  .resource-calc-results{ grid-template-columns: 1fr; }
  .resource-roi-grid{ grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce){
  .resources-collage .hero-shot,
  .resource-card:hover::after,
  .resource-card:hover .resource-card-icon::after{
    animation:none !important;
  }
}

@keyframes ppsResourceShine{
  0%{ transform: translateX(-70%) rotate(10deg); opacity:0; }
  35%{ opacity:.65; }
  100%{ transform: translateX(55%) rotate(10deg); opacity:0; }
}

.input.error{
  border-color: rgba(198,40,40,.5);
  box-shadow: 0 0 0 3px rgba(198,40,40,.15);
}

.summary-totals{
  margin-top:12px;
  border:1px solid var(--border);
  border-radius:14px;
  padding:12px;
  background:rgba(255,253,249,.8);
}
.summary-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  font-size:14px;
  margin:4px 0;
}
.summary-total{
  font-weight:900;
  font-size:16px;
}


/* Reviews */
.reviews-section{
  margin-top:20px;
  border-top:1px solid var(--border);
  padding-top:16px;
}
.reviews-header{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:800;
}
.star{
  color: #d1d7e0;
  font-size:16px;
}
.star.filled{
  color: var(--primary);
}
.review-meta{
  color:var(--muted);
  font-size:13px;
}
.reviews-topline{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.reviews-total{
  font-weight:900;
  font-size:14px;
  color:var(--text);
}
.reviews-controls{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:10px;
}
.rating-breakdown{
  margin-top:10px;
  display:grid;
  gap:6px;
}
.rating-row{
  display:grid;
  grid-template-columns: 70px 1fr 46px;
  gap:10px;
  align-items:center;
  font-size:12px;
  font-weight:800;
  color:var(--muted);
}
.rating-bar{
  height:8px;
  border-radius:999px;
  background:rgba(17,24,39,.08);
  overflow:hidden;
}
.rating-bar span{
  display:block;
  height:100%;
  background:linear-gradient(90deg, var(--primary), var(--primary-strong));
}
.verified-pill{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  background:rgba(15,122,58,.12);
  color:#0b6c35;
  border:1px solid rgba(15,122,58,.25);
}
.review-media{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.review-media img,
.review-media video{
  width:120px;
  height:90px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
}
.review-actions{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.review-helpful.active{
  border-color: rgba(15,122,58,.35);
  color:#0b6c35;
}
.review-media-upload{
  display:grid;
  gap:8px;
}
.review-media-hint{
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.review-media-preview{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.review-media-preview img,
.review-media-preview video{
  width:110px;
  height:80px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
}
.star-input{
  display:flex;
  gap:4px;
}
.star-btn{
  background:transparent;
  border:none;
  font-size:24px;
  cursor:pointer;
  color: #d1d7e0;
  transition: color .18s ease, transform .18s ease;
}
.star-btn.active,
.star-btn:hover,
.star-btn:focus{
  color: var(--primary);
  transform: scale(1.05);
  outline:none;
}

@media (max-width: 1100px){
  /* Mobile/tablet performance: reduce expensive blur/paint effects */
  body{
    background: var(--bg);
  }
  .navbar{
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow:0 12px 28px rgba(17,24,39,.10);
  }

  .promo-strip{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
  .promo-strip .container{
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
  .promo-strip{
    font-size:10px;
    letter-spacing:.2px;
  }
  .promo-inner{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
    justify-content:flex-start;
  }
  .promo-right{
    margin-left:0;
    padding-right:0;
    text-align:left;
    font-size:10px;
    line-height:1.25;
  }

  .navbar .container,
  .promo-strip .container,
  html[lang="ta"] .navbar-inner,
  html[lang="ta"] .promo-inner,
  html[lang="es"] .navbar .container{
    transform:none;
  }
  .promo-right{
    transform:none;
    text-align:left;
  }
  .promo-inner,
  .promo-right,
  .brand-title,
  .brand-tagline,
  .dropbtn{
    white-space:normal;
    word-break:break-word;
  }
  .nav-search{
    width:100%;
    margin-left:0;
    flex: 0 0 auto;
  }
  .nav-search input{
    flex:1;
    min-width:0;
  }
  .navlinks .search-bar{
    background: rgba(255,255,255,.92);
    border:1px solid rgba(255,122,26,.32);
    box-shadow: 0 10px 22px rgba(17,24,39,.12);
    padding: 6px 8px;
    border-radius:14px;
  }
  .navlinks .search-bar input{
    font-size:16px;
    min-height:48px;
    padding:12px 10px;
    min-width:0;
  }
  .navlinks .search-bar button{
    font-size:14px;
    min-height:48px;
    padding:0 14px;
    border-radius:10px;
  }

  /* Mobile: keep suggestions usable inside the slide-down menu (avoid clipping/overflow) */
  .navlinks .search-suggestions{
    position:static;
    top:auto;
    left:auto;
    width:100%;
    min-width:0;
    margin-top:8px;
    max-height:min(260px, 44vh);
    box-shadow:0 14px 28px rgba(17,24,39,.14);
  }
  .menu-btn{ display:inline-flex; }

  .navlinks{
    position:fixed;
    top:72px;
    right:18px;
    left:18px;
    display:none;
    flex-direction:column;
    gap:8px;
    padding:14px;
    border:1px solid rgba(241,223,204,.75);
    border-radius:16px;
    background: rgba(255,250,243,.96);
    box-shadow:0 26px 70px rgba(17,24,39,.25);
    backdrop-filter: blur(8px) saturate(1.03);
    -webkit-backdrop-filter: blur(8px) saturate(1.03);
    z-index:200;
    height: calc(100vh - 96px);
    max-height: calc(100vh - 96px);
    height: calc(100dvh - 96px);
    max-height: calc(100dvh - 96px);
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    pointer-events:none;
  }
  .navlinks > a,
  .navlinks > .dropdown,
  .navlinks > form.nav-search{
    width:100%;
    border-bottom:1px solid rgba(17,24,39,.1);
    padding-bottom:8px;
  }
  .navlinks > form.nav-search{
    padding-bottom:12px;
    margin-bottom:2px;
  }
  .navlinks > a,
  .navlinks .dropbtn{
    font-size:18px;
    min-height:48px;
    padding:12px 12px;
    border-radius:12px;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .navlinks .dropbtn{
    width:100%;
  }
  .navlinks > a[href="./index.html"]::before,
  .navlinks > a[href="/"]::before,
  .navlinks > a[href="./specials.html"]::before,
  .navlinks > a[href="/specials"]::before,
  .navlinks > a[href="./about.html"]::before,
  .navlinks > a[href="/about"]::before,
  .navlinks .dropbtn::before{
    content:"";
    width:18px;
    height:18px;
    flex:0 0 18px;
    margin-right:8px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    filter: drop-shadow(0 2px 5px rgba(31,39,51,.16));
  }
  .navlinks > a[href="./index.html"]::before,
  .navlinks > a[href="/"]::before{
    background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%231f2733' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4.2 3.8 11a1 1 0 0 0-.3.74V20a1 1 0 0 0 1 1h5.2a1 1 0 0 0 1-1v-4.6h2.6V20a1 1 0 0 0 1 1h5.2a1 1 0 0 0 1-1v-8.26a1 1 0 0 0-.35-.76L12 4.2Z'/%3E%3C/svg%3E");
  }
  .navlinks > a[href="./specials.html"]::before,
  .navlinks > a[href="/specials"]::before{
    background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%231f2733' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 2.8 2.25 4.56 5.03.73-3.64 3.54.86 5.01L12 14.33 7.5 16.64l.86-5.01L4.72 8.09l5.03-.73L12 2.8Z'/%3E%3C/svg%3E");
  }
  .navlinks > a[href="./about.html"]::before,
  .navlinks > a[href="/about"]::before{
    background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%231f2733' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.4a8.6 8.6 0 1 0 0 17.2 8.6 8.6 0 0 0 0-17.2Zm.05 4.1a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5ZM10.8 11h2.3v6h-2.3v-6Z'/%3E%3C/svg%3E");
  }
  .navlinks .dropbtn::before{
    background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%231f2733' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4h7v7H4V4Zm9 0h7v7h-7V4ZM4 13h7v7H4v-7Zm9 0h7v7h-7v-7Z'/%3E%3C/svg%3E");
  }

  .navlinks > .nav-tools{
    order: 1000;
    width:100%;
    margin: 10px 0 0;
    margin-left:0;
    display:flex;
    gap:8px;
    justify-content:flex-start;
    align-items:center;
  }

  .navlinks > form.nav-search{
    order: 900;
    margin-top: 10px;
    flex: 0 0 auto;
  }

  .navlinks .lang-switcher,
  .navlinks .currency-switcher{
    width:auto;
    margin:0;
    padding:1px 4px;
    border-radius:8px;
    background:#fff;
    border:1px solid var(--border);
    box-shadow:none;
  }

  .navlinks .lang-select,
  .navlinks .currency-select{
    width:auto;
    min-width:0;
  }
  .navlinks.open{
    display:flex;
    animation: pop .18s ease;
    pointer-events:auto;
  }
  @keyframes pop{
    from{ opacity:0; transform: translateY(-6px); }
    to{ opacity:1; transform: translateY(0); }
  }

  .dropdown-menu{
    position:static;
    opacity:1;
    transform:none;
    pointer-events:auto;
    box-shadow:none;
    border:none;
    border-radius:12px;
    background: rgba(240,127,41,.06);
    display:none;
    min-width: unset;
    max-width: unset;
  }
  .dropdown.open .dropdown-menu{ display:block; }
  .navlinks a{
    white-space:normal;
  }

  /* Mobile hamburger submenu: force accordion drop-down, never side flyout */
  @media (max-width: 768px){
    .navlinks .dropdown{
      display:block;
      width:100%;
    }
    .navlinks .dropbtn{
      width:100%;
      justify-content:center;
      align-items:center;
      text-align:center;
    }
    .navlinks .dropdown-menu{
      position:static !important;
      top:auto !important;
      left:auto !important;
      transform:none !important;
      opacity:1 !important;
      pointer-events:auto !important;
      min-width:0 !important;
      max-width:100% !important;
      width:100%;
      margin-top:6px;
      display:none;
      border:1px solid rgba(255,122,26,.2);
      border-radius:12px;
      box-shadow:none;
      overflow:visible;
      background:rgba(240,127,41,.06);
    }
    .navlinks .dropdown.open .dropdown-menu{
      display:block;
    }
    .navlinks .dropdown-menu a{
      width:100%;
      padding:11px 12px;
      white-space:normal;
      word-break:break-word;
    }
  }

  .has-mobile-cart-bar .page{
    padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px));
  }

  .mobile-cart-bar{
    position:fixed;
    left:14px;
    right:14px;
    bottom:14px;
    z-index:220;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px;
    border-radius:18px;
    border:1px solid rgba(240,127,41,.22);
    background:
      radial-gradient(420px 180px at 18% 0%, rgba(255,122,26,.16), transparent 60%),
      radial-gradient(420px 180px at 86% 10%, rgba(255,214,120,.12), transparent 62%),
      rgba(255,255,255,.92);
    box-shadow:0 22px 64px rgba(17,24,39,.18);
    backdrop-filter: blur(10px) saturate(1.05);
    -webkit-backdrop-filter: blur(10px) saturate(1.05);
  }
  .mobile-cart-bar:not(.has-items){
    opacity:.86;
  }
  .mobile-cart-bar-link{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:inherit;
    font-weight:1000;
  }
  .mobile-cart-bar-title{
    font-size:14px;
  }
  .mobile-cart-bar .badge{
    min-width:28px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    font-weight:1000;
  }
  .mobile-cart-bar-btn{
    white-space:nowrap;
    min-height:44px;
  }
  .mobile-cart-bar.nudge{
    animation: ppsCartBarNudge .52s ease;
  }
  @keyframes ppsCartBarNudge{
    0%{ transform: translate3d(0,0,0) scale(1); box-shadow:0 22px 64px rgba(17,24,39,.18); }
    45%{ transform: translate3d(0,-2px,0) scale(1.01); box-shadow:0 26px 76px rgba(17,24,39,.22); }
    100%{ transform: translate3d(0,0,0) scale(1); box-shadow:0 22px 64px rgba(17,24,39,.18); }
  }

  .pricing-tiers-grid{
    grid-template-columns: 1fr;
  }
  .pricing-tier{
    border-left:none;
    border-top:1px solid var(--border);
    text-align:center;
  }
  .pricing-tier:first-child{
    border-top:none;
  }
  .pricing-tier strong{
    margin-bottom:4px;
  }
  .pricing-tier span{
    font-size:14px;
  }

  .product-detail-grid{
    grid-template-columns: 1fr !important;
  }

  .hero-split{
    grid-template-columns: 1fr;
  }
  .hero-media{
    justify-content:flex-start;
  }
  .hero-collage{
    width:100%;
    max-width:560px;
    margin-top:10px;
  }
  .product-detail-grid .card img{
    height:auto;
    max-height:320px;
    object-fit:contain;
  }
  .product-gallery-main img{
    height:320px;
  }
  .thumb{
    width:104px;
  }
  .thumb img{
    height:74px;
  }

  .filters-grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .stats-row{
    grid-template-columns: 1fr;
  }
  .contact-grid{
    grid-template-columns: 1fr !important;
  }
  .contact-page #contactForm{
    gap:12px !important;
  }
  .contact-page #contactForm .input-label{
    margin-top:2px;
    margin-bottom:-2px;
    font-size:12px;
  }
  .contact-page #contactForm .input,
  .contact-page #contactForm select.input,
  .contact-page #contactForm textarea.input{
    min-height:48px;
    padding:16px 12px;
    font-size:16px;
    line-height:1.35;
  }
  .contact-page #contactForm select.input{
    padding-right:42px;
  }
  .contact-page #contactForm textarea.input{
    min-height:136px !important;
  }
  .contact-page #contactForm .input::placeholder,
  .contact-page #contactForm textarea.input::placeholder{
    color:#667586;
    opacity:1;
  }
  .checkout-grid{
    grid-template-columns: 1fr !important;
  }
  .auth-grid{
    grid-template-columns: 1fr !important;
  }
  .signup-code-row{
    grid-template-columns: 1fr !important;
  }
  .code-inputs{
    justify-content:space-between;
  }
  .code-box{
    width:44px;
    min-width:44px;
  }
  .code-actions{
    justify-items:start !important;
  }
  .code-actions .btn{
    width:auto !important;
  }
  .member-pricing{
    flex-wrap:wrap;
    align-items:center;
  }
  .member-pricing .favorite-btn{
    margin-left:auto;
    width:32px;
    height:32px;
  }
  .member-pricing .favorite-btn svg{
    width:22px;
    height:22px;
  }
  .related-header{
    flex-direction:column;
    align-items:flex-start;
  }
  .related-header .btn{
    width:100%;
  }
  .product-actions{
    flex-direction:column;
  }
  .product-actions .btn{
    width:100%;
  }
  .bulk-quick{
    flex-direction:column;
  }
  .bulk-quick .btn{
    width:100%;
  }

  /* Products list: prioritize one-tap add on mobile */
  .product-card .product-actions{
    display:grid;
    grid-template-columns: 1fr;
    gap:12px;
  }
  .product-card .product-view-btn,
  .product-card .product-add-btn,
  .product-card .product-cart-btn{
    display:none;
  }
  .product-card .product-quick-btn{
    width:100%;
    min-height:44px;
    font-size:15px;
    padding:11px 14px;
  }
  .product-card .bulk-quick{
    display:none;
  }
  .product-card .product-card-top,
  .product-card .card-meta,
  .product-card .member-pricing,
  .product-card .member-banner,
  .product-card .trust-inline,
  .product-card .bulk-tier-row,
  .product-card .viewing-now,
  .product-card .stock{
    display:none;
  }
  .product-card .stock-badges{
    margin-top:8px;
  }
  .product-card .stock-badges .badge-pill{
    display:inline-flex;
  }
  .product-card .card-title{
    font-size:17px;
    font-weight:1000;
    line-height:1.3;
  }
  .product-card .product-starting{
    display:block;
  }
  .product-card img{
    height:240px;
    object-fit:cover;
  }
}

/* Product listing enhancements */
.product-card{
  position:relative;
}
.product-card-top{
  position:absolute;
  top:10px;
  left:10px;
  right:10px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  z-index:2;
}
.product-card-actions{
  margin-left:auto;
  display:flex;
  gap:6px;
  pointer-events:auto;
}
.wishlist-btn{
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(17,24,39,.12);
  background:rgba(255,255,255,.9);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  opacity:0;
  transform: translateY(-4px);
  transition: opacity .18s ease, transform .18s ease, box-shadow .18s ease;
}
.wishlist-btn svg{
  width:18px;
  height:18px;
  fill:var(--primary-strong);
}
.product-card:hover .wishlist-btn,
.product-card:focus-within .wishlist-btn{
  opacity:1;
  transform: translateY(0);
}
.wishlist-btn.active{
  background:linear-gradient(135deg, var(--primary), var(--primary-strong));
}
.wishlist-btn.active svg{
  fill:#fff;
}
.promo-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  pointer-events:auto;
}
.badge-pill{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(17,24,39,.12);
}
.badge-best{ color:#0b6c35; border-color: rgba(15,122,58,.25); background:rgba(15,122,58,.12); }
.badge-new{ color:#0f56b3; border-color: rgba(59,130,246,.25); background:rgba(59,130,246,.12); }
.badge-sale{ color:#b45309; border-color: rgba(245,158,11,.25); background:rgba(245,158,11,.12); }
.badge-in{ color:#0b6c35; border-color: rgba(15,122,58,.25); background:rgba(15,122,58,.12); }
.badge-low{ color:#b45309; border-color: rgba(245,158,11,.25); background:rgba(245,158,11,.12); }
.badge-out{ color:#991b1b; border-color: rgba(220,38,38,.25); background:rgba(220,38,38,.12); }
.stock-badges{
  margin-top:8px;
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.compare-check{
  position:absolute;
  top:10px;
  right:10px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:800;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(17,24,39,.12);
  border-radius:999px;
  padding:4px 8px;
  pointer-events:auto;
}
.discount-badge{
  position:absolute;
  bottom:-10px;
  right:10px;
  background:linear-gradient(135deg, var(--primary), var(--primary-strong));
  color:#fff;
  font-size:11px;
  font-weight:900;
  padding:4px 8px;
  border-radius:999px;
  box-shadow:0 8px 20px rgba(240,127,41,.25);
}
.bulk-tier-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  font-size:11px;
  font-weight:800;
  color:var(--muted);
  margin-top:8px;
}
.bulk-tier-row span{
  padding:3px 6px;
  border-radius:999px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(17,24,39,.08);
}

/* List view */
#grid[data-view="list"]{
  grid-template-columns: 1fr;
}
#grid[data-view="list"] .product-card{
  display:grid;
  grid-template-columns: 240px 1fr;
  gap:0;
}
#grid[data-view="list"] .product-card img{
  height:100%;
  min-height:220px;
  object-fit:cover;
}
#grid[data-view="list"] .product-card .card-body{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

/* Compare modal */
.compare-modal{
  position:fixed;
  inset:0;
  display:none;
  z-index:600;
}
.compare-modal.open{
  display:block;
}
.compare-backdrop{
  position:absolute;
  inset:0;
  background:rgba(10,14,20,.5);
  backdrop-filter: blur(4px);
}
.compare-card{
  position:relative;
  max-width:980px;
  margin:6vh auto;
  background:var(--surface);
  border-radius:20px;
  padding:18px;
  box-shadow:0 24px 80px rgba(17,24,39,.35);
  border:1px solid rgba(255,255,255,.4);
  max-height:80vh;
  overflow:auto;
}
.compare-close{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  font-size:20px;
  cursor:pointer;
}
.compare-body{
  margin-top:10px;
}

  .code-inputs{
    display:flex;
    gap:10px;
    align-items:center;
  }
  .code-box{
    width:52px;
    text-align:center;
    font-size:18px;
    font-weight:800;
    padding:10px 0;
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:12px;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
  }
  .code-box:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 3px rgba(240,127,41,.15);
  }
  .code-box:disabled{
    background:rgba(240,127,41,.06);
    cursor:not-allowed;
  }
  .signup-code-row{
    display:grid;
    gap:12px;
    grid-template-columns: minmax(0,1fr) 190px;
    align-items:center;
  }
  .code-actions{
    display:grid;
    gap:8px;
    justify-items:stretch;
  }
  .code-actions .btn{
    width:100%;
    justify-content:center;
  }
  .signup-code-note{
    margin-top:10px;
    border:1px solid rgba(11,58,120,.16);
    background:linear-gradient(180deg, rgba(11,58,120,.06), rgba(11,58,120,.02));
    border-radius:14px;
    padding:12px 14px;
  }
  .signup-code-note-title{
    color:#0b3a78;
    font-size:14px;
    font-weight:800;
    line-height:1.3;
  }
  .signup-code-note-text{
    margin-top:4px;
    color:var(--muted);
    font-size:13px;
    line-height:1.4;
  }
  .password-field{
    position:relative;
    display:flex;
    align-items:center;
  }
  .password-field .input{
    padding-right:46px;
  }
  .toggle-visibility{
    position:absolute;
    right:10px;
    top:50%;
    transform: translateY(-50%);
    width:34px;
    height:34px;
    border-radius:10px;
    border:1px solid var(--border);
    background:var(--surface);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition: background .15s ease, border-color .15s ease, transform .15s ease;
  }
  .toggle-visibility:hover{
    background:rgba(240,127,41,.08);
    border-color:rgba(240,127,41,.35);
  }
  .toggle-visibility:active{
    transform: translateY(-50%) scale(.98);
  }
  .toggle-visibility:disabled{
    opacity:.55;
    cursor:not-allowed;
  }
  .toggle-visibility .eye{
    width:16px;
    height:10px;
    border:2px solid var(--primary);
    border-radius:999px;
    position:relative;
  }
  .toggle-visibility .eye::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:6px;
    height:6px;
    transform: translate(-50%, -50%);
    border-radius:50%;
    background:var(--primary);
  }
  .toggle-visibility.hidden .eye::after{
    content:"";
    position:absolute;
    left:-2px;
    right:-2px;
    top:50%;
    height:2px;
    background:var(--primary-strong);
    transform: rotate(-20deg);
  }
  .toggle-visibility.visible .eye{
    border-color:var(--primary-strong);
  }
  .verified-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(240,127,41,.12);
    color:var(--text);
    font-size:12px;
    font-weight:800;
  }
  .verified-badge .tick{
    width:16px;
    height:16px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--primary), var(--primary-strong));
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:11px;
    line-height:1;
  }
  .account-highlight{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    margin-top:8px;
  }

.account-layout{
  display:grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap:16px;
  align-items:start;
}
.account-sidebar{
  padding:14px;
  position:sticky;
  top:92px;
}
.account-sidebar-header{
  padding:6px 4px 12px;
  display:grid;
  gap:8px;
}
.account-nav{
  display:grid;
  gap:6px;
  margin-top:6px;
}
.account-nav a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  text-decoration:none;
  font-weight:900;
  color:var(--text);
  border:1px solid transparent;
  background:rgba(255,255,255,.5);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.account-nav a:hover{
  background:rgba(240,127,41,.08);
  border-color: rgba(240,127,41,.25);
  box-shadow:0 12px 26px rgba(240,127,41,.12);
}
.account-nav a.active{
  background:linear-gradient(135deg, rgba(240,127,41,.14), rgba(255,178,92,.12));
  border-color: rgba(240,127,41,.35);
}
.account-sidebar-footer{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(17,24,39,.08);
}

.dashboard-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
}
.dashboard-kicker{
  font-weight:900;
  letter-spacing:.2px;
}
.dashboard-sub{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
  margin-top:4px;
}
.dashboard-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.dashboard-stats{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap:10px;
}
.dash-card{
  border:1px solid rgba(17,24,39,.08);
  border-radius:16px;
  padding:12px 12px;
  background:rgba(255,255,255,.85);
  box-shadow:0 12px 28px rgba(17,24,39,.06);
}
.dash-card.highlight{
  border-color: rgba(240,127,41,.25);
  background:linear-gradient(135deg, rgba(240,127,41,.14), rgba(255,178,92,.10));
}
.dash-value{
  font-weight:1000;
  letter-spacing:-.2px;
}
.dash-label{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
}
.dash-sub{
  margin-top:4px;
  color:rgba(17,24,39,.75);
  font-size:12px;
  font-weight:900;
}
.dashboard-insights{
  margin-top:14px;
}
.insights-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
.insight{
  border:1px solid rgba(17,24,39,.08);
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.75);
}
.insight-title{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  letter-spacing:.2px;
}
.insight-body{
  margin-top:6px;
  font-weight:900;
}
.insight-sub{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

.order-filters{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.order-filters .input{
  width:auto;
  min-width: 190px;
  flex: 1 1 220px;
}
.order-filters select.input{
  flex: 0 0 auto;
  min-width: 160px;
}

.order-card{
  padding:16px;
}
.order-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.order-top-left{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.order-summary-thumbs{
  display:flex;
  align-items:center;
  gap:0;
  padding-top:2px;
}
.order-summary-thumbs img{
  width:34px;
  height:34px;
  border-radius:999px;
  object-fit:cover;
  border:2px solid #fff;
  background:#fff;
  box-shadow:0 10px 28px rgba(17,24,39,.10);
  margin-left:-10px;
}
.order-summary-thumbs img:first-child{
  margin-left:0;
}
.order-summary-more{
  margin-left:8px;
  font-size:12px;
  font-weight:1000;
  color:var(--muted);
}
.order-id{
  font-weight:1000;
}
.order-date{
  color:var(--muted);
  font-size:13px;
  margin-top:4px;
}
.order-right{
  text-align:right;
  display:grid;
  gap:6px;
  justify-items:end;
}
.order-total{
  font-weight:1000;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:1000;
  border:1px solid rgba(17,24,39,.12);
  background:rgba(255,255,255,.7);
}
.status-pill.pending{ border-color: rgba(211,106,0,.25); background:rgba(255,178,92,.16); color:#7a3b00; }
.status-pill.processing{ border-color: rgba(59,130,246,.25); background:rgba(59,130,246,.12); color:#1e3a8a; }
.status-pill.shipped{ border-color: rgba(15,122,58,.25); background:rgba(15,122,58,.10); color:#064e3b; }
.status-pill.delivered{ border-color: rgba(15,122,58,.28); background:rgba(15,122,58,.14); color:#064e3b; }
.status-pill.fulfilled{ border-color: rgba(15,122,58,.25); background:rgba(15,122,58,.10); color:#064e3b; }
.status-pill.cancelled{ border-color: rgba(198,40,40,.28); background:rgba(198,40,40,.10); color:#7f1d1d; }

.status-track{
  margin-top:12px;
}
.track{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:10px;
}
.track-step{
  position:relative;
  padding-top:10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.track-step:not(:first-child)::before{
  content:"";
  position:absolute;
  left:-50%;
  right:50%;
  top:14px;
  height:2px;
  background:rgba(76,87,102,.22);
  border-radius:999px;
}
.track-step.done:not(:first-child)::before{
  background:linear-gradient(90deg, var(--primary), var(--primary-strong));
  opacity:.55;
}
.track-step.active:not(:first-child)::before{
  background:linear-gradient(90deg, var(--primary), rgba(76,87,102,.22));
}
.track-step .dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(76,87,102,.4);
  box-shadow:none;
}
.track-step.done .dot{
  background:linear-gradient(135deg, var(--primary), var(--primary-strong));
  box-shadow:0 0 10px rgba(240,127,41,.35);
}
.track-step.active .dot{
  width:12px;
  height:12px;
  background:linear-gradient(135deg, var(--primary), var(--primary-strong));
  box-shadow:0 0 0 4px rgba(240,127,41,.18), 0 0 12px rgba(240,127,41,.25);
}
.track-step .label{
  margin-top:6px;
  font-size:11px;
  font-weight:900;
  color:var(--muted);
}
.track-step.done .label{
  color:rgba(17,24,39,.85);
}
.track-step.active .label{
  color:rgba(17,24,39,.95);
}

.order-items{
  margin-top:12px;
  display:grid;
  gap:10px;
}
.order-item{
  display:grid;
  grid-template-columns: 60px 1fr auto;
  gap:12px;
  align-items:start;
  padding:10px 0;
  border-top:1px solid rgba(17,24,39,.08);
}
.order-item:first-child{
  border-top:none;
  padding-top:0;
}
.order-thumb{
  width:60px;
  height:60px;
  border-radius:14px;
  object-fit:cover;
  border:1px solid rgba(17,24,39,.10);
  background:#fff;
}
.order-item-title{
  font-weight:900;
  line-height:1.2;
}
.order-item-qty{
  color:var(--muted);
  font-weight:900;
}
.order-item-desc{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
}
.order-item-price{
  font-weight:900;
  white-space:nowrap;
}
.order-delivery{
  margin-top:12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(17,24,39,.08);
  background:rgba(255,255,255,.75);
  color:rgba(17,24,39,.78);
  font-size:13px;
  font-weight:800;
}
.order-actions{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.profile-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:10px;
}
.profile-item{
  border:1px solid rgba(17,24,39,.08);
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.75);
}
.profile-item .k{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  letter-spacing:.2px;
}
.profile-item .v{
  margin-top:6px;
  font-weight:900;
  word-break:break-word;
}
.profile-missing{
  color:var(--muted);
  font-weight:800;
}
.profile-add-link{
  border:none;
  background:transparent;
  color:var(--primary);
  font-weight:1000;
  padding:0;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:3px;
}
.profile-add-link:hover{ filter:saturate(1.05); }
.profile-hint{
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  line-height:1.35;
}

.account-empty{
  margin-top:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(17,24,39,.08);
  background:rgba(255,255,255,.75);
}


@media (max-width: 600px){
  .page,
  .page p,
  .page li,
  .page label,
  .page td,
  .page th{
    font-size:16px;
    line-height:1.6;
  }
  .page > section{
    margin-top:32px !important;
  }
  .page > section:first-child{
    margin-top:0 !important;
  }
  .page .card{
    margin:12px 0;
  }
  .page h1{
    font-size:28px;
    line-height:1.2;
  }
  .page h2{
    font-size:24px;
    line-height:1.25;
  }
  .page h3{
    font-size:20px;
    line-height:1.3;
  }
  .promo-strip{
    font-size:10px;
    letter-spacing:.2px;
  }
  .promo-inner{
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
    gap:6px;
    justify-content:flex-start;
  }
  .promo-right{
    margin-left:0;
    width:100%;
    text-align:left;
    transform:none;
    font-size:10px;
    line-height:1.25;
  }
  .promo-strip .container,
  .navbar .container{
    transform:none;
    padding-left:14px;
    padding-right:14px;
  }
  .navbar-inner{
    flex-wrap:nowrap;
    gap:10px;
  }
  .brand{
    flex:1;
    min-width:0;
  }
  .brand-text{
    min-width:0;
  }
  .menu-btn{
    flex:0 0 auto;
    padding:10px 14px;
    border-radius:14px;
  }
  .brand img{ height:52px; }
  .brand-title{ font-size:16px; }
  .brand-tagline{ font-size:10px; }
  .hero{ padding:18px; border-radius:20px; }
  .hero-logo{
    width:46px;
    height:46px;
    margin-bottom:6px;
  }
  .hero-product-image{
    width:min(180px, 58vw);
    margin-bottom:10px;
  }
  .hero h1{ font-size:28px; }
  .hero p{ font-size:16px; }
  .hero-carousel-controls{
    position:static;
    margin-top:10px;
    bottom:auto;
    pointer-events:auto;
  }
  .hero-carousel-dots{
    gap:10px;
  }
  .hero-carousel-dots button{
    width:12px;
    height:12px;
    min-width:12px;
    min-height:12px;
    padding:0;
    border-radius:0;
    box-sizing:border-box;
  }
  .hero-swipe-hint{
    bottom:50px;
    font-size:12px;
  }
  .hero-callouts{ gap:8px; }
  .callout-pill{ font-size:12px; padding:7px 10px; }
  .btn{ width:100%; }
  .help-chat-input{
    align-items:stretch;
  }
  .help-chat-input .input{
    flex:1 1 auto;
    min-width:0;
    width:auto;
  }
  .help-chat-input .btn{
    width:auto;
    flex:0 0 auto;
    min-width:92px;
    padding-left:14px;
    padding-right:14px;
    white-space:nowrap;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  .hero .btn{
    min-height:44px;
    padding:12px 16px;
  }
  .about-subnav-link{ width:100%; justify-content:center; text-align:center; }
  .about-contacts{ grid-template-columns: minmax(0, 1fr); }
  .search-bar{ width:100%; }
  .search-bar input{ width:100%; }
  .product-card .card-title{
    font-size:18px;
    font-weight:1000;
  }
  .product-card .price,
  .price-row .price,
  .member-pricing .price{
    font-size:20px;
    font-weight:1000;
    letter-spacing:-0.01em;
    margin-top:10px;
    display:inline-block;
  }
  .product-card .product-starting{
    margin-top:10px;
    font-size:16px;
  }
  .product-card .product-starting span{
    font-size:20px;
    font-weight:1000;
  }
  .specials-card .card-body{
    padding:12px;
  }
  .specials-card .specials-badges{
    gap:6px;
  }
  .specials-card .specials-badge{
    padding:7px 10px;
    font-size:12px;
  }
  .specials-card .specials-badge-limited{
    display:none;
  }
  .specials-card .specials-meta-row{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }
  .specials-card .member-pricing > div:first-child{
    display:none;
  }
  .specials-card .member-pricing{
    justify-content:space-between;
    align-items:center;
    margin-top:8px;
  }
  .specials-card .specials-countdown,
  .specials-spotlight .specials-countdown{
    font-size:16px;
    line-height:1.3;
    font-weight:1000;
    color:#17212f;
    background:#fff;
    border:1px solid rgba(23,33,47,.22);
    border-radius:10px;
    padding:6px 10px;
    box-shadow:0 4px 12px rgba(23,33,47,.10);
  }
  .specials-card .specials-countdown.soon,
  .specials-spotlight .specials-countdown.soon{
    color:#9a3f00;
    background:#fff4e9;
    border-color:rgba(154,63,0,.35);
  }
  .specials-card .specials-countdown.urgent,
  .specials-spotlight .specials-countdown.urgent{
    color:#7a1f12;
    background:#ffe9e6;
    border-color:rgba(122,31,18,.38);
  }
  .specials-card .specials-countdown.expired,
  .specials-spotlight .specials-countdown.expired{
    color:#4b5563;
    background:#f3f4f6;
    border-color:rgba(75,85,99,.26);
  }
  .filters-grid{ grid-template-columns: 1fr; }
  .filters{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    top:auto;
    height:auto;
    width:100%;
    max-width:none;
    max-height:82vh;
    overflow-y:auto;
    margin:0;
    border-radius:18px 18px 0 0;
    transform: translateY(110%);
    transition: transform .2s ease;
    z-index:1200;
    background:rgba(255,255,255,.98);
    box-shadow:0 -20px 52px rgba(17,24,39,.26);
  }
  .filters.is-collapsed{
    display:block;
  }
  body.filters-open .filters{
    transform: translateY(0);
  }
  .filters-overlay{
    position:fixed;
    inset:0;
    background:rgba(10,14,20,.45);
    backdrop-filter: blur(3px);
    z-index:1100;
    display:none;
  }
  .filters-overlay.open{
    display:block;
  }
  .products-page .search-discovery{
    padding:12px !important;
  }
  .products-page .search-discovery-actions{
    width:100%;
  }
  .products-page #toggleSearchDiscovery{
    display:inline-flex;
  }
  .products-page .search-discovery-actions .btn{
    flex:1 1 0;
  }
  .products-page #grid{
    grid-template-columns: 1fr !important;
  }

  /* Mobile account page polish */
  .addr-row-2,
  .addr-row-3{
    grid-template-columns: 1fr !important;
  }
  .addr-actions{
    justify-content:stretch !important;
  }
  .addr-actions .btn{
    width:100%;
    flex: 1 1 100%;
  }

  .profile-actions{
    display:flex;
    justify-content:flex-start;
  }
  .profile-edit{
    margin-top:10px;
    padding:12px;
    border-radius:16px;
    border:1px solid rgba(17,24,39,.10);
    background:rgba(255,255,255,.85);
  }
  .profile-edit-grid{
    display:grid;
    grid-template-columns: 1fr;
    gap:10px;
  }
  .profile-edit-actions{
    margin-top:10px;
    display:flex;
  }
  .profile-edit-actions .btn{
    width:100%;
  }
.profile-edit-note{
  margin-top:8px;
  font-size:12px;
  font-weight:800;
  color:var(--muted);
}
.business-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap:12px;
}
.business-card{
  border:1px solid rgba(17,24,39,.12);
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.85);
  box-shadow:0 10px 24px rgba(17,24,39,.1);
  display:flex;
  flex-direction:column;
  gap:8px;
}
.business-title{
  font-weight:800;
  font-size:13px;
}
.business-desc{
  font-size:12px;
  font-weight:700;
  color:var(--muted);
}
.business-form{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.business-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:11px;
  font-weight:800;
  color:var(--muted);
}
.business-output{
  background:rgba(255,122,26,.1);
  border:1px solid rgba(255,122,26,.2);
  border-radius:12px;
  padding:8px;
  font-size:11px;
  font-weight:800;
  color:#7a3b12;
}
.business-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:12px;
  font-weight:700;
}
.business-list-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.8);
  border:1px solid rgba(17,24,39,.08);
  border-radius:12px;
  padding:6px 8px;
}
  .cred-grid{
    grid-template-columns: minmax(0, 1fr);
  }

  /* Mobile footer trust alignment */
  .dark-footer .footer-inner{
    gap:14px;
  }
  .dark-footer .footer-section{
    max-width:100%;
    border-top:1px solid rgba(255,255,255,.12);
    padding-top:10px;
  }
  .dark-footer .footer-section > summary{
    justify-content:space-between;
    padding:2px 2px 0;
  }
  .dark-footer .footer-section > summary h4{
    font-size:13px;
    letter-spacing:.6px;
  }
  .dark-footer .footer-section[open] ul,
  .dark-footer .footer-section[open] .footer-social,
  .dark-footer .footer-section[open] .footer-contact-row,
  .dark-footer .footer-section[open] [data-i18n="footer.help_line"]{
    margin-top:8px;
  }
  .dark-footer .footer-essential{
    margin-top:4px;
    font-size:12px;
  }
  .footer-bottom{
    flex-direction:column;
    gap:10px;
  }
  .footer-trust{
    width:100%;
    justify-content:center;
  }
  .payment-icons{
    width:100%;
    justify-content:center;
    flex-wrap:wrap;
  }
  .footer-recent-grid{
    grid-template-columns: 1fr;
  }
  .footer-recent-card{
    align-items:flex-start;
  }
}

@media (max-width: 980px){
  .account-layout{
    grid-template-columns: 1fr;
  }
  .account-sidebar{
    position:static;
    top:auto;
  }
  .dashboard-stats{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .insights-grid{
    grid-template-columns: 1fr;
  }
  .profile-grid{
    grid-template-columns: 1fr;
  }
  .order-item{
    grid-template-columns: 52px 1fr;
  }
  .order-item-price{
    grid-column: 2;
    justify-self:end;
  }
}

/* Search & filter enhancements */
.search-field{
  position:relative;
}
.filter-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.filter-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(17,24,39,.12);
  background:rgba(255,255,255,.75);
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.filter-chip input{
  margin:0;
}
.filter-chip input:checked + span{
  color:var(--primary-strong);
}
.filter-hint{
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

.search-discovery-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.search-discovery-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
#toggleSearchDiscovery{
  display:none;
}
.search-discovery-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
}
.search-discovery-card{
  border-radius:16px;
  border:1px solid rgba(17,24,39,.12);
  padding:12px;
  background:rgba(255,255,255,.85);
  box-shadow:0 10px 24px rgba(17,24,39,.1);
  display:flex;
  flex-direction:column;
  gap:8px;
}
.search-discovery-title{
  font-weight:800;
  font-size:13px;
}
.search-discovery-desc{
  font-size:12px;
  font-weight:700;
  color:var(--muted);
}
.search-discovery-form{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.search-discovery-output{
  background:rgba(255,122,26,.1);
  border:1px solid rgba(255,122,26,.2);
  border-radius:12px;
  padding:8px;
  font-size:11px;
  font-weight:800;
  color:#7a3b12;
}
.search-discovery-tags,
.search-discovery-history{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.search-discovery.is-collapsed .search-discovery-grid{
  display:none;
}
.trending-btn,
.history-btn,
.related-search-btn,
.filter-chip-btn,
.refine-btn{
  border-radius:999px;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  padding:6px 10px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.filter-breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.search-related{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:8px;
}
.related-searches-title{
  font-size:12px;
  font-weight:800;
  color:var(--muted);
}
.related-searches-list{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.category-refine{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.refine-title{
  font-size:12px;
  font-weight:800;
  color:var(--muted);
}
.refine-list{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.refine-btn span{
  margin-left:6px;
  color:var(--muted);
}

.marketing-banner{
  position:fixed;
  bottom:18px;
  left:18px;
  right:18px;
  z-index:1300;
}
.marketing-banner-inner{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(17,24,39,.12);
  border-radius:16px;
  padding:10px 12px;
  box-shadow:0 18px 40px rgba(17,24,39,.18);
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.marketing-banner-close{
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  border-radius:10px;
  width:28px;
  height:28px;
  cursor:pointer;
}
.marketing-banner.winback .marketing-banner-inner{
  background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,210,138,.35));
}

/* Quick view modal */
.quick-modal{
  position:fixed;
  inset:0;
  display:none;
  z-index:500;
}
.quick-modal.open{
  display:block;
}
.quick-backdrop{
  position:absolute;
  inset:0;
  background:rgba(10,14,20,.5);
  backdrop-filter: blur(4px);
}
.quick-card{
  position:relative;
  max-width:920px;
  margin:6vh auto;
  background:var(--surface);
  border-radius:20px;
  padding:18px;
  box-shadow:0 24px 80px rgba(17,24,39,.35);
  border:1px solid rgba(255,255,255,.4);
  max-height:80vh;
  overflow:auto;
}
.quick-close{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  font-size:20px;
  cursor:pointer;
}
.quick-grid{
  display:grid;
  grid-template-columns: 1fr 1.1fr;
  gap:18px;
  align-items:start;
}
.quick-grid img{
  width:100%;
  height:100%;
  max-height:360px;
  object-fit:cover;
  border-radius:16px;
  border:1px solid rgba(17,24,39,.1);
  background:#fff;
}
.quick-actions{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.quick-specs{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  font-size:12px;
  font-weight:800;
  color:var(--muted);
}

.trust-strip{
  position:relative;
  overflow:hidden;
  margin:26px auto 6px;
  padding:10px 14px;
  background:linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,247,237,.9));
  border:1px solid rgba(255,122,26,.2);
  border-radius:20px;
  box-shadow:0 18px 40px rgba(17,24,39,.12);
  display:grid;
  gap:8px;
}
.trust-strip::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(105deg, transparent 18%, rgba(255,255,255,.46) 44%, transparent 68%);
  transform:translateX(-120%);
  animation:trustStripSheen 6.4s ease-in-out infinite;
  pointer-events:none;
}
.trust-badges{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.trust-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,122,26,.12);
  border:1px solid rgba(255,122,26,.25);
  font-size:12px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
  animation:trustBadgeFloat 4s ease-in-out infinite;
}
.trust-badge:nth-child(2){ animation-delay:.22s; }
.trust-badge:nth-child(3){ animation-delay:.38s; }
.trust-badge:nth-child(4){ animation-delay:.52s; }
.trust-badge:nth-child(5){ animation-delay:.66s; }
.trust-badge:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(255,122,26,.18);
  background:rgba(255,122,26,.16);
  border-color:rgba(255,122,26,.35);
}
.trust-logos{
  display:grid;
  grid-template-columns: auto 1fr;
  align-items:center;
  gap:10px 12px;
}
.trust-logos > span{
  font-size:13px;
  font-weight:800;
  color:#2f3f52;
  white-space:nowrap;
}
.logo-row{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.logo-pill{
  padding:5px 10px;
  border-radius:999px;
  border:1px dashed rgba(17,24,39,.2);
  font-size:12px;
  line-height:1;
  font-weight:800;
  color:var(--muted);
  background:rgba(255,255,255,.94);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.logo-pill:hover{
  transform:translateY(-2px);
  border-color:rgba(17,24,39,.34);
  box-shadow:0 8px 16px rgba(17,24,39,.10);
}
.trust-inline{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.viewing-now{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(15,122,58,.12);
  color:var(--success);
  font-size:11px;
  font-weight:800;
}
@media (max-width: 900px){
  .trust-strip{
    padding:10px 12px;
  }
  .trust-logos{
    grid-template-columns: 1fr;
    gap:8px;
  }
  .trust-logos > span{
    font-size:13px;
  }
}
@keyframes trustBadgeFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-1.5px); }
}
@keyframes trustStripSheen{
  0%,22%{ transform:translateX(-120%); }
  42%,100%{ transform:translateX(120%); }
}
@media (prefers-reduced-motion: reduce){
  .trust-strip::before,
  .trust-badge{
    animation:none !important;
  }
  .trust-badge,
  .logo-pill{
    transition:none !important;
  }
}
.stock-live{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,210,138,.4);
  color:var(--warning);
  font-size:11px;
  font-weight:800;
}
.stock-realtime{
  margin-top:8px;
  font-size:12px;
  font-weight:800;
  color:var(--muted);
}
.restock-note{
  margin-top:6px;
  font-size:12px;
  font-weight:800;
  color:var(--warning);
}
.urgency-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
}
.urgency-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 10px;
  border-radius:12px;
  background:rgba(198,40,40,.12);
  color:var(--danger);
  font-size:11px;
  font-weight:800;
}
.cred-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:14px;
}
.cred-card{
  background:var(--surface);
  border-radius:16px;
  border:1px solid rgba(17,24,39,.1);
  padding:14px;
  box-shadow:0 12px 26px rgba(17,24,39,.12);
}
.cred-title{
  font-weight:800;
  margin:0 0 4px;
}
.cred-desc{
  margin:0;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}
@media (max-width: 900px){
  .cred-grid{
    grid-template-columns: minmax(0, 1fr);
    gap:12px;
  }
  .cred-card{
    padding:16px;
  }
}

.tool-hub-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.tool-hub-sub{
  color:var(--muted);
  font-size:13px;
  margin-top:4px;
  font-weight:700;
}
.tool-hub-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.tool-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap:14px;
  margin-top:14px;
}
.tool-card{
  background:var(--surface);
  border:1px solid rgba(17,24,39,.1);
  border-radius:18px;
  padding:14px;
  box-shadow:0 16px 36px rgba(17,24,39,.12);
  display:flex;
  flex-direction:column;
  gap:10px;
}
.tool-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.tool-title{
  font-weight:800;
  font-size:15px;
}
.tool-kicker{
  font-size:11px;
  font-weight:800;
  color:var(--primary-strong);
  background:rgba(255,122,26,.14);
  padding:4px 8px;
  border-radius:999px;
}
.tool-desc{
  color:var(--muted);
  font-size:13px;
  font-weight:700;
  line-height:1.4;
}
.tool-form{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.tool-row{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap:10px;
}
.tool-row-compare{
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
.tool-row label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:12px;
  font-weight:800;
}
.tool-row label span{
  color:var(--muted);
}
.tool-output{
  background:rgba(255,122,26,.1);
  border:1px solid rgba(255,122,26,.2);
  border-radius:12px;
  padding:8px 10px;
  font-size:12px;
  font-weight:800;
  color:#7a3b12;
}
.tool-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.tool-muted{
  font-size:11px;
  color:var(--muted);
  font-weight:800;
}
.tool-preview{
  background:linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,247,238,.85));
  border:1px dashed rgba(17,24,39,.2);
  border-radius:14px;
  padding:12px;
  text-align:left;
}
.tool-preview-title{
  font-weight:800;
  margin-bottom:4px;
}
.tool-preview-desc{
  font-size:12px;
  color:var(--muted);
  font-weight:700;
}
.tool-preview.active{
  border-style:solid;
  background:linear-gradient(135deg, rgba(15,122,58,.12), rgba(255,255,255,.9));
}
.tool-steps{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.tool-step{
  padding:5px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  color:var(--muted);
  border:1px solid rgba(17,24,39,.14);
  background:rgba(255,255,255,.75);
}
.tool-step.active{
  color:var(--success);
  border-color:rgba(15,122,58,.35);
  background:rgba(15,122,58,.12);
}
.tool-step.done{
  color:#1d4b2b;
  background:rgba(15,122,58,.2);
  border-color:rgba(15,122,58,.4);
}

.hero-carousel{
  position:relative;
  overflow:hidden;
  padding:10px 0 8px;
}
.hero-carousel-track{
  display:flex;
  transition: transform .4s ease;
  will-change: transform;
}
.hero-slide{
  min-width:100%;
}
.hero-glass-demo-slide{
  position:relative;
  padding:28px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.42);
  background:
    linear-gradient(145deg, rgba(255,255,255,.68), rgba(255,247,238,.48)),
    radial-gradient(120% 120% at 0% 0%, rgba(255,122,26,.18), transparent 46%),
    radial-gradient(100% 100% at 100% 0%, rgba(255,215,168,.24), transparent 50%);
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.7),
    inset -8px -10px 18px rgba(236,196,151,.16),
    0 26px 80px rgba(17,24,39,.12);
  backdrop-filter: blur(18px) saturate(1.06);
  -webkit-backdrop-filter: blur(18px) saturate(1.06);
}
.hero-glass-demo-slide::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.34);
  pointer-events:none;
}
.hero-glass-copy{
  position:relative;
  z-index:1;
  padding:10px 8px 6px 8px;
}
.hero-kicker-glass{
  margin:0;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
}
.hero-inline-meta{
  margin-top:14px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:13px;
}
.hero-glass-media{
  align-self:stretch;
  min-height:420px;
}
.hero-glass-stage{
  position:relative;
  width:min(520px, 100%);
  min-height:420px;
  margin-left:auto;
}
.hero-glass-orb{
  position:absolute;
  right:18px;
  top:4px;
  width:220px;
  height:220px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,166,94,.5), rgba(255,166,94,0) 70%);
  filter:blur(12px);
  opacity:.9;
}
.hero-glass-card{
  position:absolute;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.45);
  background:
    linear-gradient(145deg, rgba(255,255,255,.58), rgba(255,244,232,.3)),
    rgba(255,255,255,.18);
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.78),
    inset -10px -12px 20px rgba(234,197,153,.18),
    0 22px 48px rgba(17,24,39,.12);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.hero-glass-card-main{
  left:22px;
  top:36px;
  width:300px;
  padding:24px;
}
.hero-glass-card-label{
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--primary-strong);
}
.hero-glass-card-title{
  margin-top:14px;
  font-size:28px;
  line-height:1.02;
  font-weight:800;
  color:var(--text);
}
.hero-glass-card-line{
  width:72px;
  height:6px;
  margin-top:18px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,122,26,.92), rgba(255,122,26,.16));
}
.hero-glass-chip-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:18px;
}
.hero-glass-chip{
  padding:8px 12px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(252,236,219,.72));
  border:1px solid rgba(255,122,26,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 8px 16px rgba(17,24,39,.08);
  font-size:11px;
  font-weight:800;
}
.hero-glass-card-side{
  right:18px;
  top:78px;
  width:200px;
  height:244px;
  display:grid;
  place-items:center;
}
.hero-glass-card-side img{
  width:78%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 14px 24px rgba(255,122,26,.18));
}
.hero-glass-card-mini{
  left:160px;
  bottom:34px;
  width:180px;
  padding:18px 20px;
}
.hero-glass-mini-value{
  font-size:34px;
  font-weight:900;
  line-height:1;
  color:var(--text);
}
.hero-glass-mini-label{
  margin-top:8px;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:800;
}
.hero-glass-demo-slide .callout-pill,
.hero-glass-demo-slide .deal-pill{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(252,236,219,.78));
  border-color:rgba(255,122,26,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 10px 18px rgba(17,24,39,.08);
}
.hero-glass-demo-slide .btn-primary{
  box-shadow:
    inset 0 1px 0 rgba(255,220,190,.45),
    0 14px 26px rgba(240,127,41,.24);
}
.hero-glass-demo-slide .btn-outline{
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,243,230,.76));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 12px 22px rgba(17,24,39,.07);
}
.hero-carousel-controls{
  margin-top:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  position:absolute;
  left:0;
  right:0;
  bottom:10px;
  z-index:2;
  pointer-events:none;
}
.hero-carousel-controls .carousel-btn{
  width:0;
  height:0;
  min-width:0;
  min-height:0;
  padding:0;
  margin:0;
  border:none;
  background:transparent;
  box-shadow:none;
  color:transparent;
  opacity:0;
  pointer-events:none;
}
.carousel-btn{
  border:1px solid rgba(17,24,39,.14);
  background:#fff;
  border-radius:12px;
  width:36px;
  height:36px;
  font-size:20px;
  font-weight:800;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.carousel-btn:active{
  transform: translateY(1px);
}
.hero-carousel-dots{
  display:flex;
  gap:6px;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  pointer-events:auto;
}
.hero-carousel-dots button{
  width:10px;
  height:10px;
  min-height:10px;
  min-width:10px;
  border-radius:0;
  border:1px solid rgba(17,24,39,.2);
  background:#fff;
  cursor:pointer;
  padding:0;
  box-shadow:none;
  transition: background .16s ease, border-color .16s ease;
}
.hero-carousel-dots button.active{
  background:var(--primary);
  border-color:var(--primary);
}
.hero-carousel-dots button:active{
  transform: scale(.94);
}
.hero-swipe-hint{
  position:absolute;
  left:50%;
  bottom:42px;
  transform:translateX(-50%);
  display:none;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(17,24,39,.72);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.2px;
  z-index:2;
  white-space:nowrap;
}
.hero-swipe-hint.is-visible{
  display:inline-flex;
  animation: ppsSwipeHintPulse .9s ease-in-out 2;
}
.hero-swipe-hint.is-hidden{
  display:none;
}
@keyframes ppsSwipeHintPulse{
  0%,100%{ transform:translateX(-50%) scale(1); }
  50%{ transform:translateX(-50%) scale(1.04); }
}
.hero-eyebrow{
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.6px;
  color:var(--primary-strong);
}
.hero-tags,
.hero-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}
.deal-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,122,26,.12);
  border:1px solid rgba(255,122,26,.25);
  font-size:11px;
  font-weight:800;
}
.deals-day-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.deal-countdown{
  font-size:12px;
  font-weight:800;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(17,24,39,.08);
}
.deal-timer{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:800;
  color:var(--warning);
  margin-top:6px;
}
.category-tiles{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap:12px;
}
.category-tile{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(17,24,39,.12);
  box-shadow:0 16px 36px rgba(17,24,39,.12);
}
.category-tile img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
}
.category-tile-overlay{
  position:absolute;
  inset:auto 0 0 0;
  padding:12px;
  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.6));
  color:#fff;
}
.category-tile-title{
  font-weight:800;
}
.category-tile-meta{
  font-size:12px;
  opacity:.9;
}
@media (max-width: 900px){
  .category-tiles{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }
  .category-tile img{
    height:150px;
  }
}
.carousel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.carousel-actions{
  display:flex;
  gap:6px;
}
.carousel-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns: minmax(220px, 1fr);
  gap:12px;
  overflow:auto;
  padding-bottom:6px;
  scroll-snap-type:x mandatory;
}
.carousel-track .card{
  scroll-snap-align:start;
}
.industry-pills{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:8px;
}
.industry-pill{
  border-radius:999px;
  padding:6px 12px;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.industry-pill.active{
  background:rgba(255,122,26,.14);
  border-color:rgba(255,122,26,.25);
  color:var(--primary-strong);
}
.seasonal-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
}
.seasonal-card{
  border-radius:16px;
  border:1px solid rgba(17,24,39,.1);
  padding:14px;
  background:rgba(255,255,255,.85);
  box-shadow:0 14px 30px rgba(17,24,39,.1);
  display:flex;
  flex-direction:column;
  gap:8px;
}
.seasonal-title{
  font-weight:800;
}
.seasonal-desc{
  font-size:12px;
  font-weight:700;
  color:var(--muted);
}
.best-sellers-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap:12px;
}
.best-seller-card{
  border-radius:16px;
  border:1px solid rgba(17,24,39,.1);
  padding:12px;
  background:rgba(255,255,255,.85);
}
.best-seller-title{
  font-weight:800;
  margin-bottom:8px;
}
.best-seller-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.best-seller-item{
  display:flex;
  justify-content:space-between;
  gap:8px;
  font-size:12px;
  font-weight:700;
}
.success-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
}
.success-card{
  border-radius:16px;
  border:1px solid rgba(17,24,39,.1);
  padding:14px;
  background:rgba(255,255,255,.85);
}
.success-metric{
  font-size:16px;
  font-weight:900;
  color:var(--primary-strong);
}
.success-title{
  margin-top:6px;
  font-weight:800;
}
.success-desc{
  margin-top:4px;
  font-size:12px;
  font-weight:700;
  color:var(--muted);
}

.guide-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
}
.guide-card{
  border:1px solid rgba(17,24,39,.12);
  border-radius:16px;
  padding:14px;
  background:rgba(255,255,255,.85);
  box-shadow:0 12px 26px rgba(17,24,39,.12);
  text-decoration:none;
}
.guide-title{
  font-weight:800;
}
.guide-desc{
  margin-top:6px;
  font-size:12px;
  font-weight:700;
  color:var(--muted);
}
.industry-landing-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap:10px;
}
.industry-landing-card{
  border-radius:16px;
  border:1px solid rgba(17,24,39,.12);
  padding:12px;
  text-decoration:none;
  font-weight:800;
  background:rgba(255,255,255,.85);
  box-shadow:0 12px 26px rgba(17,24,39,.12);
}
.ugc-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
}
.ugc-card{
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  box-shadow:0 14px 30px rgba(17,24,39,.12);
}
.ugc-card img{
  width:100%;
  height:190px;
  object-fit:cover;
  display:block;
}
.ugc-caption{
  padding:10px 12px;
  font-size:12px;
  font-weight:800;
  color:var(--muted);
}

.video-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
}
.video-card{
  border-radius:16px;
  border:1px solid rgba(17,24,39,.12);
  padding:12px;
  background:rgba(255,255,255,.85);
  box-shadow:0 12px 26px rgba(17,24,39,.12);
}
.video-thumb{
  height:120px;
  border-radius:12px;
  background:linear-gradient(135deg, rgba(255,122,26,.2), rgba(255,255,255,.85));
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  color:var(--primary-strong);
}
.video-title{
  margin-top:8px;
  font-weight:800;
}
.video-desc{
  margin-top:4px;
  font-size:12px;
  font-weight:700;
  color:var(--muted);
}

.product-utility-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
  margin:14px 0 6px;
}
.utility-card{
  border:1px solid rgba(17,24,39,.12);
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.85);
  box-shadow:0 10px 24px rgba(17,24,39,.1);
  display:flex;
  flex-direction:column;
  gap:8px;
}
.utility-title{
  font-weight:800;
  font-size:13px;
}
.utility-desc{
  font-size:12px;
  color:var(--muted);
  font-weight:700;
}
.utility-form{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.utility-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:11px;
  font-weight:800;
  color:var(--muted);
}
.utility-output{
  background:rgba(255,122,26,.1);
  border:1px solid rgba(255,122,26,.2);
  border-radius:12px;
  padding:8px;
  font-size:11px;
  font-weight:800;
  color:#7a3b12;
}
.utility-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.utility-social{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.social-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  border:1px solid rgba(17,24,39,.14);
  background:#fff;
  text-decoration:none;
}
.utility-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:12px;
  font-weight:800;
}
.utility-list li{
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(17,24,39,.08);
  border-radius:12px;
  padding:6px 8px;
}
.spec-accordion{
  margin-top:12px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.product-section-accordion{
  margin-top:18px;
  border:1px solid rgba(17,24,39,.12);
  border-radius:16px;
  background:rgba(255,255,255,.88);
  box-shadow:0 12px 28px rgba(17,24,39,.08);
  overflow:hidden;
}
.product-section-accordion > summary{
  list-style:none;
  cursor:pointer;
  font-weight:900;
  font-size:16px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.product-section-accordion > summary::-webkit-details-marker{
  display:none;
}
.product-section-accordion > summary::after{
  content:"+";
  font-size:20px;
  line-height:1;
  color:var(--muted);
}
.product-section-accordion[open] > summary::after{
  content:"-";
}
.product-section-panel{
  border-top:1px solid rgba(17,24,39,.1);
  padding:0 10px 10px;
}
.section-card-accordion{
  margin-top:0;
}
.spec-accordion details{
  border:1px solid rgba(17,24,39,.12);
  border-radius:12px;
  background:rgba(255,255,255,.85);
  padding:8px 10px;
}
.spec-accordion summary{
  font-weight:800;
  cursor:pointer;
}
.spec-accordion-body{
  margin-top:8px;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.sticky-add{
  position:fixed;
  left:0;
  right:0;
  bottom:12px;
  z-index:1200;
  display:none;
  justify-content:center;
  pointer-events:none;
}
.sticky-add.show{
  display:flex;
}
.sticky-add-inner{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(17,24,39,.12);
  border-radius:18px;
  padding:10px 12px;
  box-shadow:0 18px 40px rgba(17,24,39,.18);
  display:flex;
  align-items:center;
  gap:10px;
  pointer-events:auto;
  max-width:960px;
  width:calc(100% - 24px);
}
.sticky-meta{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.sticky-title{
  font-weight:800;
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sticky-price{
  font-size:12px;
  font-weight:800;
  color:var(--primary-strong);
}
@media (max-width: 860px){
  .product-page .page{
    padding-bottom:96px;
  }
  .product-section-accordion > summary{
    padding:13px 14px;
    font-size:15px;
  }
  .product-section-panel{
    padding:0 8px 8px;
  }
  .section-card-accordion{
    grid-column: 1 / -1;
  }
  .sticky-add{
    left:0;
    right:0;
    bottom:0;
    padding:0;
  }
  .sticky-add-inner{
    width:100%;
    max-width:none;
    border-radius:16px 16px 0 0;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
  }
  .sticky-add-inner .btn-outline{
    display:none;
  }
  .sticky-add-inner .btn-primary{
    min-height:48px;
    padding:12px 16px;
    min-width:150px;
  }
}
.print-sheet{
  display:none;
  background:#fff;
  border:1px solid rgba(17,24,39,.1);
  border-radius:16px;
  padding:18px;
  margin-bottom:18px;
}
.print-sheet-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.print-sheet-logo{
  font-weight:900;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.6px;
}
.print-sheet-meta{
  color:var(--muted);
  font-weight:800;
  font-size:12px;
}
.print-sheet-body{
  margin-top:12px;
}
.print-sheet-desc{
  font-size:12px;
  color:var(--muted);
  font-weight:700;
}
.print-sheet-grid{
  margin-top:12px;
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
}
.print-sheet-title{
  margin:0 0 6px;
}
.print-sheet-list{
  margin:0;
  padding-left:18px;
  font-size:12px;
  color:var(--muted);
  font-weight:700;
}
.print-sheet-note{
  margin-top:8px;
  font-size:11px;
  font-weight:800;
  color:var(--muted);
}
@media print{
  body *{ visibility:hidden; }
  #printSheet, #printSheet *{ visibility:visible; }
  #printSheet{
    display:block;
    position:absolute;
    inset:0;
    margin:0;
    border:none;
    box-shadow:none;
  }
}

@media (max-width: 900px){
  .hero-glass-demo-slide{
    padding:18px;
  }
  .hero-glass-media{
    min-height:320px;
  }
  .hero-glass-stage{
    min-height:320px;
    width:100%;
  }
  .hero-glass-card-main{
    left:10px;
    top:18px;
    width:min(250px, calc(100% - 110px));
    padding:18px;
  }
  .hero-glass-card-title{
    font-size:22px;
  }
  .hero-glass-card-side{
    right:8px;
    top:68px;
    width:120px;
    height:160px;
  }
  .hero-glass-card-mini{
    left:36px;
    bottom:14px;
    width:150px;
  }
  .quick-card{
    margin:8vh 14px;
  }
  .quick-grid{
    grid-template-columns: 1fr;
  }
}

/* Product information architecture */
.section-head{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-bottom:12px;
}
.section-head .muted{
  margin:0;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.spec-table,
.size-chart,
.compare-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}
.spec-table th,
.size-chart th,
.compare-table th{
  text-align:left;
  color:var(--muted);
  font-weight:900;
  font-size:12px;
  letter-spacing:.2px;
  padding:8px 10px;
  background:rgba(240,127,41,.08);
  border-bottom:1px solid rgba(17,24,39,.08);
}
.spec-table td,
.size-chart td,
.compare-table td{
  padding:8px 10px;
  border-bottom:1px solid rgba(17,24,39,.08);
  font-weight:700;
}
.spec-table th{
  width:40%;
}
.spec-note{
  margin-top:10px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.diagram-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:10px;
  border-radius:14px;
  border:1px dashed rgba(240,127,41,.3);
  background:rgba(255,255,255,.7);
  color:var(--text);
}
.diagram-wrap svg{
  width:100%;
  max-width:260px;
  height:auto;
  color:var(--text);
}
.diagram-wrap text{
  font-size:12px;
  font-weight:800;
  fill:currentColor;
}
.cert-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:12px;
}
.cert-title{
  font-weight:900;
  margin-bottom:6px;
}
.cert-list{
  margin:0;
  padding-left:18px;
  color:var(--muted);
  font-weight:700;
  display:grid;
  gap:6px;
}
.compare-list{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
  gap:10px;
}
.compare-item{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(17,24,39,.08);
  background:rgba(255,255,255,.7);
  font-weight:800;
}
.compare-item input{
  margin-top:2px;
}
.mini-card{
  overflow:hidden;
}
.mini-card img{
  width:100%;
  height:160px;
  object-fit:cover;
}
.mini-actions{
  margin-top:10px;
  display:flex;
  gap:8px;
  align-items:center;
}
.mini-qty{
  width:70px;
  padding:6px 8px;
  font-weight:800;
}
.bundle-actions{
  margin-top:12px;
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.empty-note{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}

@media (max-width: 900px){
  .cert-grid{
    grid-template-columns: 1fr;
  }
}

/* Mobile touch ergonomics: 44x44 targets + 8px spacing between taps */
@media (max-width: 900px), (hover: none) and (pointer: coarse){
  button,
  .btn,
  .menu-btn,
  .dropbtn,
  .navlinks a,
  .dropdown-menu a,
  .mobile-cart-bar-link,
  .search-suggestions button,
  .hero-actions a,
  .product-actions a,
  .product-actions button,
  .bulk-quick button,
  .industry-pill,
  .history-btn,
  .trending-btn,
  .social-btn,
  .related-header .btn,
  .code-actions .btn,
  .addr-actions .btn,
  .profile-edit-actions .btn,
  .quick-actions .btn,
  .carousel-actions .carousel-btn,
  .compare-actions .btn,
  .hero-carousel-controls .carousel-btn{
    min-height:44px;
    min-width:44px;
  }

  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select,
  textarea{
    min-height:44px;
    font-size:16px;
  }

  .navlinks,
  .nav-tools,
  .hero-actions,
  .product-actions,
  .bulk-quick,
  .compare-actions,
  .quick-actions,
  .search-discovery-actions,
  .search-discovery-pills,
  .industry-pills,
  .carousel-actions,
  .resources-hero-actions,
  .bundle-actions,
  .blog-share-actions{
    gap:8px;
  }

  .hero-carousel-dots{
    gap:10px;
  }
  .hero-carousel-dots button{
    width:12px;
    height:12px;
    min-width:12px;
    min-height:12px;
    padding:0;
    border-radius:4px;
    box-sizing:border-box;
  }

  .search-suggestions button{
    padding-top:10px;
    padding-bottom:10px;
  }

  /* Prevent iOS focus-zoom on mobile search fields */
  .search-bar input,
  .search-bar input[type="search"]{
    font-size:16px !important;
    line-height:1.3;
  }
  .search-bar button{
    font-size:14px;
  }
}

/* Mobile landscape layout tuning */
@media (max-width: 1024px) and (max-height: 560px) and (orientation: landscape){
  .promo-strip{
    font-size:10px;
  }
  .promo-strip .container{
    padding-top:4px !important;
    padding-bottom:4px !important;
  }
  .promo-right{
    display:none;
  }

  .navbar .container{
    padding-top:8px;
    padding-bottom:8px;
  }
  .brand img{
    height:44px;
  }
  .brand-tagline{
    display:none;
  }
  .menu-btn{
    padding:8px 12px;
  }

  .navlinks{
    top:58px;
    height:calc(100vh - 70px);
    max-height:calc(100vh - 70px);
    height:calc(100dvh - 70px);
    max-height:calc(100dvh - 70px);
    padding:10px;
  }

  .hero{
    padding:14px;
  }
  .hero-logo{
    width:40px;
    height:40px;
    margin-bottom:4px;
  }
  .hero-product-image{
    width:min(140px, 52vw);
    margin-bottom:8px;
  }
  .hero h1{
    font-size:24px;
    line-height:1.2;
  }
  .hero p{
    font-size:15px;
    line-height:1.45;
  }
  .hero-actions{
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:8px;
  }
  .hero .btn{
    width:auto;
    min-height:44px;
    padding:10px 12px;
    font-size:14px;
  }

  .filters-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
  .stats-row{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
  .product-detail-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    align-items:start;
  }
  .contact-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  .has-mobile-cart-bar .page{
    padding-bottom:calc(84px + env(safe-area-inset-bottom, 0px));
  }
  .mobile-cart-bar{
    left:10px;
    right:10px;
    bottom:10px;
    padding:8px 10px;
    border-radius:14px;
  }
  .mobile-cart-bar-btn{
    min-height:44px;
    padding:10px 12px;
  }
  .mobile-cart-bar .badge{
    min-width:30px;
    height:30px;
  }
}

/* Contact form mobile-first field ergonomics */
.contact-page #contactForm .input,
.contact-page #contactForm select.input,
.contact-page #contactForm textarea.input{
  min-height:48px;
  padding:14px 12px;
  font-size:16px;
  line-height:1.35;
}
.contact-page #contactForm textarea.input{
  min-height:136px;
}

/* Mobile promo strip readability: static centered message */
@media (max-width: 1100px){
  .promo-strip{
    padding:8px 0;
  }
  .promo-inner{
    align-items:center;
    justify-content:center;
    gap:0;
  }
  .promo-inner > div:first-child{
    display:none;
  }
  .promo-right{
    display:block;
    width:100%;
    margin:0;
    padding:0;
    text-align:center;
    font-size:12px;
    line-height:1.35;
    font-weight:800;
    letter-spacing:.2px;
  }
}
@media (max-width: 1024px) and (max-height: 560px) and (orientation: landscape){
  .promo-right{
    display:block;
    text-align:center;
    font-size:12px;
  }
}

/* Help FAB placement: keep clear of hero/content and mobile bottom nav */
.help-widget{
  position:fixed !important;
  top:auto !important;
  left:auto !important;
  right:16px !important;
  bottom:16px !important;
}
@media (max-width: 1100px){
  .help-widget{
    right:14px !important;
    bottom:calc(104px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Hero mobile controls: swipe + larger tap targets on square indicators */
@media (max-width: 900px), (hover:none) and (pointer:coarse){
  .hero-carousel-controls [data-hero-prev],
  .hero-carousel-controls [data-hero-next]{
    display:none !important;
  }
  .hero-carousel-controls{
    justify-content:center;
    gap:0;
    pointer-events:auto;
  }
  .hero-carousel-dots{
    gap:2px;
  }
  .hero-carousel-dots button{
    width:10px !important;
    height:10px !important;
    min-width:10px !important;
    min-height:10px !important;
    padding:0 !important;
    border:1px solid rgba(17,24,39,.26) !important;
    background:#fff !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  .hero-carousel-dots button::before{
    content:none !important;
    display:none !important;
  }
  .hero-carousel-dots button.active{
    background:var(--primary) !important;
    border-color:var(--primary) !important;
  }
}

/* =============================================
   RESPONSIVE FIXES – desktop nav at 1101px+
   ============================================= */

/* Desktop nav: proper layout without translateX hacks */
@media (min-width: 1101px){
  .navbar-inner{
    flex-wrap:nowrap;
    justify-content:space-between;
    gap:18px;
  }
  .brand{
    flex-shrink:0;
  }
  .navlinks{
    display:flex !important;
    position:static !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    flex:1 !important;
    justify-content:flex-end !important;
    gap:4px !important;
    height:auto !important;
    max-height:none !important;
    padding:0 !important;
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    overflow:visible !important;
    overscroll-behavior:unset !important;
    pointer-events:auto !important;
    animation:none !important;
  }
  .navlinks > a,
  .navlinks > .dropdown{
    width:auto !important;
    border-bottom:none !important;
    padding-bottom:0 !important;
  }
  .navlinks > a{
    font-size:13px !important;
    padding:7px 9px !important;
    white-space:nowrap !important;
    min-height:auto !important;
    text-align:left !important;
    justify-content:flex-start !important;
  }
  .navlinks .dropbtn{
    font-size:13px !important;
    padding:7px 9px !important;
    width:auto !important;
    min-height:auto !important;
    justify-content:flex-start !important;
  }
  .navlinks > a::before{
    display:none !important;
  }
  .navlinks .dropbtn::before{
    display:none !important;
  }
  .nav-search{
    flex:0 0 220px !important;
    width:auto !important;
    order:unset !important;
    margin-top:0 !important;
    margin-left:12px !important;
  }
  .navlinks > .nav-tools{
    width:auto !important;
    margin:0 !important;
    order:unset !important;
  }
  /* Restore desktop dropdown hover behaviour */
  .navlinks .dropdown-menu{
    position:absolute !important;
    top:40px !important;
    left:0 !important;
    display:block !important;
    opacity:0 !important;
    transform:translateY(10px) scale(.98) !important;
    pointer-events:none !important;
    transition:opacity .22s ease, transform .22s ease !important;
    border:1px solid rgba(255,122,26,.22) !important;
    border-radius:16px !important;
    background:rgba(255,250,243,.96) !important;
    box-shadow:0 24px 60px rgba(17,24,39,.16) !important;
    min-width:220px !important;
  }
  .navlinks .dropdown:hover .dropdown-menu,
  .navlinks .dropdown:focus-within .dropdown-menu{
    opacity:1 !important;
    transform:translateY(0) scale(1) !important;
    pointer-events:auto !important;
  }
  .navlinks .dropdown.open .dropdown-menu{
    opacity:1 !important;
    transform:translateY(0) scale(1) !important;
    pointer-events:auto !important;
  }
  .menu-btn{
    display:none !important;
  }
}

/* =============================================
   Language-specific font stacks
   Browsers fall back to system fonts for scripts
   not covered by Manrope (Tamil, Devanagari, CJK).
   ============================================= */
html[lang="zh"] body,
html[lang="zh-CN"] body,
html[lang="zh-TW"] body{
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;
}
html[lang="ko"] body{
  font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif;
}
html[lang="hi"] body{
  font-family:"Noto Sans Devanagari","Mangal","Sanskrit Text",system-ui,sans-serif;
}
html[lang="ta"] body{
  font-family:"Noto Sans Tamil","Latha","Tamil MN",system-ui,sans-serif;
}

/* Final desktop header lock: keep brand and nav in separate lanes */
@media (min-width: 1101px){
  .navbar .navbar-inner{
    display:grid !important;
    grid-template-columns:360px minmax(0, 1fr) auto !important;
    align-items:center !important;
    gap:20px !important;
    min-height:104px !important;
  }

  .navbar .brand{
    grid-column:1 !important;
    flex:0 0 360px !important;
    min-width:360px !important;
    max-width:360px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
    overflow:hidden !important;
  }

  .navbar .brand img{
    flex:0 0 auto !important;
    width:70px !important;
    height:auto !important;
  }

  .navbar .brand-text{
    min-width:210px !important;
    width:210px !important;
    flex:0 0 210px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }

  .navbar .brand-title{
    display:block !important;
    width:100% !important;
    font-size:0 !important;
    line-height:0 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  .navbar .brand-title::before{
    content:"POWER\A POLY\A SUPPLIES";
    display:block !important;
    white-space:pre !important;
    font-family:"Space Grotesk","Manrope",sans-serif !important;
    font-size:18px !important;
    font-weight:800 !important;
    line-height:.94 !important;
    letter-spacing:.015em !important;
    text-transform:uppercase !important;
    color:var(--text) !important;
    max-width:100% !important;
  }

  .navbar .brand-tagline{
    font-size:10px !important;
    line-height:1.1 !important;
    letter-spacing:.12em !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    margin-top:7px !important;
  }

  .navbar .navlinks{
    grid-column:2 / 4 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    width:auto !important;
    margin:0 !important;
    justify-content:flex-end !important;
    align-items:center !important;
    overflow:visible !important;
    padding-left:0 !important;
    gap:2px !important;
  }

  .navbar .navlinks > a,
  .navbar .navlinks > .dropdown{
    flex:0 0 auto !important;
  }

  .navbar .navlinks > a{
    padding:8px 9px !important;
    font-size:11.5px !important;
  }

  .navbar .navlinks .dropbtn{
    padding:8px 9px !important;
    font-size:11.5px !important;
  }

  .navbar .nav-search{
    margin-left:auto !important;
    flex:0 0 340px !important;
  }
}

/* =============================================
   Glass storefront pass: header, products, filters, checkout
   ============================================= */
.navbar{
  position:relative;
  background:
    linear-gradient(180deg, rgba(255,250,243,.92), rgba(255,245,236,.82)) !important;
  backdrop-filter: blur(18px) saturate(1.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
  border-bottom:1px solid rgba(255,255,255,.55);
  box-shadow:
    0 18px 42px rgba(17,24,39,.08),
    inset 0 1px 0 rgba(255,255,255,.55);
}

.navbar::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(60% 120% at 10% 0%, rgba(255,122,26,.12), transparent 55%),
    radial-gradient(50% 100% at 100% 20%, rgba(255,210,138,.22), transparent 60%);
  pointer-events:none;
}

.navbar .brand,
.navbar .navlinks,
.navbar .nav-search{
  position:relative;
  z-index:1;
}

.navbar .navlinks > a,
.navbar .navlinks .dropbtn{
  background:transparent;
  border:1px solid transparent;
  box-shadow:none;
}

.navbar .navlinks > a:hover,
.navbar .navlinks .dropbtn:hover,
.navbar .navlinks > a:focus-visible,
.navbar .navlinks .dropbtn:focus-visible{
  background:rgba(255,255,255,.34);
  border-color:rgba(255,122,26,.18);
  box-shadow:
    0 10px 20px rgba(255,122,26,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
  transform:translateY(-1px);
}

.navbar .nav-search{
  border-radius:20px;
  padding:6px 6px 6px 14px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(255,255,255,.52);
  box-shadow:
    0 12px 28px rgba(255,122,26,.1),
    inset 0 1px 0 rgba(255,255,255,.76),
    inset 0 -1px 0 rgba(255,122,26,.05);
}

.navbar .nav-search input{
  font-size:13px;
}

.navbar .nav-search button{
  min-width:74px;
  border-radius:14px;
  box-shadow:
    0 10px 22px rgba(255,122,26,.24),
    inset 0 1px 0 rgba(255,255,255,.2);
}

.products-page .catalog-hero,
.checkout-page .checkout-hero{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.48);
  background:
    linear-gradient(135deg, rgba(255,251,246,.82), rgba(255,245,236,.62)),
    radial-gradient(circle at top left, rgba(255,122,26,.12), transparent 36%);
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  box-shadow:
    0 28px 54px rgba(17,24,39,.08),
    inset 0 1px 0 rgba(255,255,255,.7);
}

.products-page .catalog-hero::after,
.checkout-page .checkout-hero::after{
  content:"";
  position:absolute;
  inset:auto 18px 0 auto;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,210,138,.28), transparent 68%);
  pointer-events:none;
}

.products-page .top-category-pill{
  border:1px solid rgba(255,255,255,.7);
  background:rgba(255,255,255,.46);
  box-shadow:
    0 12px 24px rgba(17,24,39,.06),
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(255,122,26,.04);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.products-page .top-category-pill:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(255,122,26,.12), inset 0 1px 0 rgba(255,255,255,.82);
}

.products-page .top-category-pill.active{
  background:linear-gradient(135deg, rgba(255,122,26,.18), rgba(255,210,138,.24));
  border-color:rgba(255,122,26,.32);
  box-shadow:
    0 16px 32px rgba(255,122,26,.14),
    inset 0 1px 0 rgba(255,255,255,.62);
}

.discovery-shell,
.glass-filters,
.glass-shelf,
.checkout-page .checkout-panel,
.products-page .compare-bar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.56), rgba(255,248,240,.42)) !important;
  border:1px solid rgba(255,255,255,.58) !important;
  box-shadow:
    0 24px 46px rgba(17,24,39,.07),
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -1px 0 rgba(255,122,26,.05) !important;
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

.search-discovery-card,
.checkout-page #summary > div,
.checkout-page .summary-totals,
.checkout-page .checkout-step,
.products-page .filter-field,
.products-page .compare-modal .compare-card{
  background:rgba(255,255,255,.4);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(255,122,26,.04),
    0 14px 30px rgba(17,24,39,.05);
}

.search-discovery-card{
  border-radius:18px;
}

.products-page .filters-grid{
  gap:14px;
}

.products-page .filter-field{
  padding:12px;
  border-radius:18px;
}

.products-page .filter-label{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.products-page .view-toggle .btn.active{
  box-shadow:
    0 12px 24px rgba(255,122,26,.18),
    inset 0 1px 0 rgba(255,255,255,.24);
}

.products-page .product-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.56);
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,247,238,.46));
  box-shadow:
    0 26px 48px rgba(17,24,39,.08),
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -1px 0 rgba(255,122,26,.05);
  backdrop-filter: blur(16px) saturate(1.08);
  -webkit-backdrop-filter: blur(16px) saturate(1.08);
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.products-page .product-card:hover,
.products-page .product-card:focus-within{
  transform:translateY(-6px);
  border-color:rgba(255,122,26,.3);
  box-shadow:
    0 32px 60px rgba(255,122,26,.14),
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(255,122,26,.05);
}

.products-page .product-card img{
  height:230px;
  background:
    radial-gradient(circle at top left, rgba(255,210,138,.2), transparent 45%),
    linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,245,236,.46));
}

.products-page .product-card .card-body{
  padding:18px 18px 16px;
}

.products-page .product-card .card-title{
  font-size:18px;
  letter-spacing:-.02em;
}

.products-page .product-card .price{
  font-size:20px;
  letter-spacing:-.02em;
}

.products-page .product-card .badge-pill,
.products-page .product-card .bulk-tier-row span,
.products-page .industry-pill,
.products-page .compare-check{
  background:rgba(255,255,255,.62);
  border-color:rgba(255,255,255,.75);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 10px 22px rgba(17,24,39,.05);
}

.products-page .product-card .product-actions .btn,
.products-page .product-card .product-card-actions .btn{
  box-shadow:
    0 14px 28px rgba(255,122,26,.12),
    inset 0 1px 0 rgba(255,255,255,.26);
}

.checkout-page .checkout-shell{
  align-items:start;
}

.checkout-page .checkout-panel{
  border-radius:24px;
}

.checkout-page .checkout-form-grid{
  gap:12px !important;
}

.checkout-page .checkout-step{
  padding:10px 14px;
  border-radius:999px;
}

.checkout-page .checkout-step.active{
  box-shadow:
    0 16px 30px rgba(255,122,26,.18),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.checkout-page .summary-totals{
  border-radius:20px;
}

.checkout-page #summary{
  gap:12px !important;
}

.checkout-page #summary > div{
  padding:14px 16px;
  border-radius:18px;
}

.checkout-page .feature-pill{
  background:rgba(255,255,255,.44);
  border:1px solid rgba(255,255,255,.64);
  color:#86420f;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 12px 26px rgba(255,122,26,.08);
}

.checkout-page .status{
  border-radius:16px;
  padding:12px 14px;
  background:rgba(255,255,255,.3);
  border:1px solid rgba(255,255,255,.48);
}

.checkout-page .checkout-actions .btn{
  min-width:200px;
}

.checkout-page .input,
.products-page .input,
.products-page .search-field .search-suggestions{
  background:rgba(255,255,255,.52);
  border:1px solid rgba(255,255,255,.68);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(255,122,26,.05),
    0 10px 24px rgba(17,24,39,.04);
}

.checkout-page .input:focus,
.products-page .input:focus{
  background:rgba(255,255,255,.74);
  border-color:rgba(255,122,26,.46);
  box-shadow:
    0 0 0 4px rgba(255,122,26,.12),
    0 18px 30px rgba(255,122,26,.1),
    inset 0 1px 0 rgba(255,255,255,.92);
}

@media (max-width: 1100px){
  .navbar::before{
    display:none;
  }

  .navbar .navlinks > a,
  .navbar .navlinks .dropbtn{
    background:transparent;
    box-shadow:none;
  }
}

@media (max-width: 860px){
  .products-page .product-card{
    border-radius:20px;
  }

  .products-page .product-card .card-body,
  .checkout-page .checkout-panel{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .checkout-page .checkout-actions .btn{
    width:100%;
    min-width:0;
  }

  .checkout-page #summary > div{
    padding:12px 14px;
  }
}

/* =============================================
   Sitewide glass theme
   ============================================= */
body::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    radial-gradient(38% 36% at 8% 12%, rgba(255,122,26,.12), transparent 68%),
    radial-gradient(34% 30% at 92% 10%, rgba(255,210,138,.16), transparent 70%),
    radial-gradient(30% 28% at 50% 100%, rgba(255,255,255,.18), transparent 72%);
  pointer-events:none;
  z-index:-1;
}

.hero,
.auth-panel .card,
.signup-card,
.legal-section,
.stat,
.compare-card,
.help-panel,
.order-card,
.pref-field,
.account-shell .card,
.account-section,
.blog-card,
.resource-card,
.industry-card,
.testimonial-card,
.faq-item{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.56);
  background:
    linear-gradient(180deg, rgba(255,255,255,.54), rgba(255,247,238,.42));
  box-shadow:
    0 24px 46px rgba(17,24,39,.07),
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -1px 0 rgba(255,122,26,.05);
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

.hero::before,
.legal-section::before,
.stat::before,
.compare-card::before,
.help-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(55% 70% at 0% 0%, rgba(255,255,255,.34), transparent 58%),
    radial-gradient(40% 45% at 100% 100%, rgba(255,210,138,.12), transparent 62%);
  pointer-events:none;
}

.card{
  border:1px solid rgba(255,255,255,.58);
  background:linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,247,238,.44));
  box-shadow:
    0 22px 44px rgba(17,24,39,.07),
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -1px 0 rgba(255,122,26,.05);
  backdrop-filter: blur(16px) saturate(1.06);
  -webkit-backdrop-filter: blur(16px) saturate(1.06);
}

.card:hover{
  box-shadow:
    0 28px 54px rgba(255,122,26,.12),
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(255,122,26,.05);
}

.hero{
  border-radius:28px;
}

.stat{
  border-radius:22px;
}

.dropdown-menu,
.search-suggestions,
.help-chat-log,
.summary-totals,
.filter-options,
.wishlist-panel,
.mini-cart-panel{
  border:1px solid rgba(255,255,255,.58) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,248,240,.62)) !important;
  box-shadow:
    0 24px 46px rgba(17,24,39,.1),
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(255,122,26,.05) !important;
  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
}

.btn{
  border-color:rgba(255,255,255,.58);
  background:linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,247,238,.46));
  box-shadow:
    0 14px 28px rgba(17,24,39,.06),
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(255,122,26,.05);
}

.btn:hover,
.btn:focus-visible{
  transform:translateY(-1px);
  box-shadow:
    0 18px 32px rgba(255,122,26,.12),
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(255,122,26,.05);
}

.btn-primary{
  background:linear-gradient(135deg, rgba(255,122,26,.96), rgba(217,74,31,.96));
  box-shadow:
    0 18px 34px rgba(255,122,26,.24),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.btn-outline{
  color:#9a4713;
  border-color:rgba(255,122,26,.26);
  background:linear-gradient(180deg, rgba(255,255,255,.48), rgba(255,244,232,.42));
}

.input,
select.input,
textarea.input,
.lang-select,
.currency-select{
  background:rgba(255,255,255,.56);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(255,122,26,.05),
    0 10px 24px rgba(17,24,39,.04);
}

.input:focus,
select.input:focus,
textarea.input:focus,
.lang-select:focus,
.currency-select:focus{
  background:rgba(255,255,255,.78);
  border-color:rgba(255,122,26,.46);
  box-shadow:
    0 0 0 4px rgba(255,122,26,.11),
    0 16px 28px rgba(255,122,26,.09),
    inset 0 1px 0 rgba(255,255,255,.92);
}

.feature-pill,
.badge-pill,
.industry-trust-pill,
.count-badge,
.promo-tagline,
.help-tab,
.verified-pill{
  border-color:rgba(255,255,255,.62);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 12px 24px rgba(17,24,39,.05);
}

.footer{
  width:100%;
  margin-top:32px;
  padding:18px 12px;
  border-top:1px solid rgba(255,122,26,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,247,238,.1));
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border-radius:0;
  color:#667180;
  font-size:12px;
  text-align:center;
}

.footer-recent-card,
.compare-bar,
.industry-check,
.industry-reco-box,
.help-fab{
  border-color:rgba(255,255,255,.48);
  box-shadow:
    0 14px 28px rgba(17,24,39,.07),
    inset 0 1px 0 rgba(255,255,255,.72);
}

@media (max-width: 860px){
  .hero{
    border-radius:22px;
  }

  .footer{
    padding:16px 10px;
  }
}

/* Premium cleanup: extend the same warm glass treatment to plain page sections */
.page > section:not(.hero):not(.promo-strip):not(.mobile-cart-bar),
.page > div.card,
.page > .filters,
.page > .compare-bar,
.page > .search-related,
.page > .category-refine,
.page > .filter-breadcrumbs,
.page > .stats-row,
.page > .reviews-section,
.page > .related-products,
.page > .featured-products{
  position:relative;
}

.page > section:not(.hero):not(.promo-strip):not(.mobile-cart-bar):not(.search-discovery):not(.catalog-hero):not(.checkout-hero),
.page > .search-related,
.page > .category-refine,
.page > .filter-breadcrumbs{
  border:1px solid rgba(255,255,255,.42);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,248,240,.18));
  box-shadow:
    0 16px 32px rgba(17,24,39,.04),
    inset 0 1px 0 rgba(255,255,255,.58);
  backdrop-filter: blur(12px) saturate(1.04);
  -webkit-backdrop-filter: blur(12px) saturate(1.04);
}

.page > .search-related,
.page > .category-refine,
.page > .filter-breadcrumbs{
  padding:12px 14px;
}

.hero,
.card,
.stat,
.btn,
.input,
.dropdown-menu,
.summary-totals{
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease,
    opacity .22s ease;
}

.hero h1,
.card h2,
.card h3,
.stat-value{
  letter-spacing:-.025em;
}

.card-meta,
.stat-label,
.brand-tagline,
.footer,
.summary-row span:first-child{
  color:#5c6673;
}

/* =============================================
   Account dashboard polish
   ============================================= */
.account-page .account-hero{
  padding:24px 26px;
}

.account-page .account-hero h1{
  margin-bottom:8px;
}

.account-page .account-layout{
  grid-template-columns: 290px minmax(0, 1fr);
  gap:20px;
}

.account-page .account-main{
  display:grid;
  gap:18px;
}

.account-page .account-main > section{
  margin-top:0 !important;
}

.account-page .account-sidebar{
  padding:18px;
  border-radius:26px;
  box-shadow:
    0 26px 50px rgba(17,24,39,.08),
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(255,122,26,.05);
}

.account-page .account-sidebar-header{
  gap:10px;
  padding:6px 2px 16px;
  border-bottom:1px solid rgba(255,255,255,.45);
}

.account-page #accountName{
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.03em;
}

.account-page #accountProvince{
  font-size:12px !important;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.account-page .account-nav{
  gap:8px;
  margin-top:14px;
}

.account-page .account-nav a{
  min-height:46px;
  padding:11px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.38);
  border:1px solid rgba(255,255,255,.54);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84),
    0 12px 24px rgba(17,24,39,.04);
}

.account-page .account-nav a:hover{
  transform:translateX(2px);
  background:rgba(255,255,255,.62);
  border-color:rgba(255,122,26,.24);
}

.account-page .account-nav a.active{
  color:#8c4310;
  background:linear-gradient(135deg, rgba(255,122,26,.18), rgba(255,210,138,.2));
  border-color:rgba(255,122,26,.32);
  box-shadow:
    0 16px 28px rgba(255,122,26,.12),
    inset 0 1px 0 rgba(255,255,255,.7);
}

.account-page .account-sidebar-footer{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.45);
}

.account-page .account-content > .card,
.account-page .account-content > section > .card{
  border-radius:26px;
  padding:20px !important;
}

.account-page .account-msg{
  border:1px solid rgba(255,255,255,.52);
  border-radius:18px;
  padding:12px 14px;
  background:rgba(255,255,255,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.76);
}

.account-page .dashboard-head{
  align-items:flex-end;
  gap:16px;
}

.account-page .dashboard-kicker{
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--muted);
}

.account-page .dashboard-sub{
  font-size:14px;
  line-height:1.45;
}

.account-page .dashboard-actions{
  align-items:center;
}

.account-page .dashboard-stats{
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap:12px;
}

.account-page .dash-card{
  position:relative;
  overflow:hidden;
  min-height:122px;
  padding:16px 16px 14px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.58);
  background:linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,248,240,.4));
  box-shadow:
    0 20px 36px rgba(17,24,39,.05),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.account-page .dash-card.highlight{
  background:linear-gradient(135deg, rgba(255,122,26,.18), rgba(255,240,220,.52));
  border-color:rgba(255,122,26,.28);
  box-shadow:
    0 22px 40px rgba(255,122,26,.1),
    inset 0 1px 0 rgba(255,255,255,.82);
}

.account-page .dash-value{
  font-size:27px;
  line-height:1;
  letter-spacing:-.04em;
}

.account-page .dash-label{
  margin-top:10px;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.account-page .dash-sub{
  margin-top:8px;
  font-size:12px;
}

.account-page .dashboard-insights{
  margin-top:16px;
}

.account-page .insights-grid{
  gap:14px;
}

.account-page .insight{
  border-radius:22px;
  padding:16px;
  border:1px solid rgba(255,255,255,.56);
  background:linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,248,240,.38));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 18px 34px rgba(17,24,39,.04);
}

.account-page .insight-title{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.account-page .insight-body{
  font-size:18px;
  line-height:1.3;
}

.account-page .order-filters,
.account-page .wishlist-tools,
.account-page .notif-actions,
.account-page .notif-filters{
  gap:10px;
}

.account-page .order-filters,
.account-page .wishlist-tools,
.account-page .notif-filters{
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.3);
  border:1px solid rgba(255,255,255,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}

.account-page .order-live{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.5);
  border:1px solid rgba(255,255,255,.56);
  font-size:12px;
  font-weight:900;
  color:#5d6774;
}

.account-page .order-card{
  border-radius:24px;
  padding:18px;
}

.account-page .order-id{
  font-size:18px;
  letter-spacing:-.02em;
}

.account-page .order-date{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.account-page .order-delivery,
.account-page .profile-item,
.account-page .account-empty,
.account-page .business-card,
.account-page .profile-edit{
  border:1px solid rgba(255,255,255,.54);
  background:linear-gradient(180deg, rgba(255,255,255,.46), rgba(255,248,240,.34));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 16px 28px rgba(17,24,39,.04);
}

.account-page .order-item{
  gap:14px;
  padding:12px 0;
}

.account-page .order-thumb{
  border-radius:16px;
  border-color:rgba(255,255,255,.65);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.74),
    0 12px 24px rgba(17,24,39,.06);
}

.account-page .order-actions{
  gap:8px;
}

.account-page .order-actions .btn{
  min-height:40px;
}

.account-page .profile-grid{
  gap:12px;
}

.account-page .profile-item{
  border-radius:20px;
  padding:14px;
}

.account-page .profile-item .k{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.14em;
}

.account-page .profile-item .v{
  font-size:15px;
  line-height:1.45;
}

.account-page .pm-list,
.account-page .activity-list,
.account-page .notif-list,
.account-page .wishlist-list{
  display:grid;
  gap:12px;
}

.account-page .business-grid{
  gap:14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-page .business-card{
  border-radius:22px;
  padding:16px;
  gap:10px;
}

.account-page .business-title{
  font-size:15px;
  font-weight:1000;
  letter-spacing:-.01em;
}

.account-page .business-desc{
  font-size:13px;
  line-height:1.5;
}

.account-page .business-output{
  border-radius:14px;
  padding:10px 12px;
  background:rgba(255,122,26,.08);
}

.account-page details{
  border-radius:18px;
}

.account-page summary{
  cursor:pointer;
  font-weight:900;
}

@media (max-width: 1100px){
  .account-page .dashboard-stats{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px){
  .account-page .account-layout{
    grid-template-columns: 1fr;
  }

  .account-page .account-sidebar{
    position:static;
  }

  .account-page .business-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px){
  .account-page .dashboard-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account-page .dashboard-head{
    align-items:flex-start;
  }

  .account-page .dashboard-actions,
  .account-page .notif-actions{
    width:100%;
  }

  .account-page .dashboard-actions .btn,
  .account-page .notif-actions .btn{
    flex:1 1 100%;
  }
}

@media (max-width: 600px){
  .account-page .account-hero,
  .account-page .account-content > .card,
  .account-page .account-content > section > .card{
    padding:16px !important;
  }

  .account-page .dashboard-stats{
    grid-template-columns: 1fr;
  }

  .account-page .order-filters .input,
  .account-page .wishlist-tools .input,
  .account-page .notif-filters .input{
    min-width:0;
    width:100%;
  }

  .account-page .order-actions .btn{
    width:100%;
  }
}

/* Homepage hero cleanup */
.hero-no-media{
  min-height:560px;
  display:grid;
  place-items:center;
  padding:42px;
}

.hero-no-media .hero-content{
  width:min(100%, 760px);
  margin:0 auto;
  padding:36px 40px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.68), rgba(255,248,241,.56));
  border:1px solid rgba(255,255,255,.7);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 24px 46px rgba(17,24,39,.06);
}

.hero-no-media h2{
  max-width:18ch;
  margin:14px 0 0;
  font-size:clamp(34px, 3vw, 46px);
  line-height:1.08;
  letter-spacing:-.04em;
}

.hero-no-media p{
  max-width:36ch;
  margin:18px 0 0;
  font-size:17px;
  line-height:1.65;
}

.hero-no-media .hero-tags,
.hero-no-media .hero-actions{
  margin-top:18px;
}

.hero-clean-stage{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(280px, .82fr);
  align-items:center;
  gap:18px;
  width:100%;
}

.hero-clean-panel{
  align-self:start;
  min-width:0;
  border-radius:24px;
  padding:22px 24px;
  background:linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,247,238,.44));
  border:1px solid rgba(255,255,255,.62);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 20px 36px rgba(17,24,39,.05);
}

.hero-clean-label{
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--primary-strong);
}

.hero-clean-title{
  margin-top:14px;
  max-width:10ch;
  font-size:clamp(22px, 2.35vw, 34px);
  line-height:1.05;
  letter-spacing:-.035em;
  font-weight:900;
  color:var(--text);
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

.hero-clean-copy{
  margin-top:12px;
  max-width:30ch;
  font-size:14px;
  line-height:1.6;
  color:#55606d;
  font-weight:700;
}

.hero-clean-list{
  margin-top:16px;
  display:grid;
  gap:8px;
}

.hero-clean-list span{
  display:flex;
  align-items:center;
  gap:10px;
  width:fit-content;
  max-width:100%;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(255,255,255,.72);
  font-size:12px;
  font-weight:900;
  color:#495463;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 10px 18px rgba(17,24,39,.04);
}

.hero-clean-list span::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--primary), var(--primary-strong));
  box-shadow:0 0 0 4px rgba(255,122,26,.12);
  flex:0 0 auto;
}

.hero-clean-visual{
  position:relative;
  min-height:360px;
  border-radius:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:
    radial-gradient(circle at top left, rgba(255,210,138,.16), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,248,240,.24));
  border:1px solid rgba(255,255,255,.58);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 22px 40px rgba(17,24,39,.05);
}

.hero-clean-visual img{
  width:min(280px, 92%);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 20px 32px rgba(255,122,26,.12));
}

.hero-clean-badge{
  position:absolute;
  right:18px;
  bottom:18px;
  min-width:180px;
  padding:14px 16px 13px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,248,240,.68));
  border:1px solid rgba(255,255,255,.78);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 18px 34px rgba(17,24,39,.08);
}

.hero-clean-badge-value{
  font-size:42px;
  line-height:.92;
  font-weight:1000;
  letter-spacing:-.06em;
}

.hero-clean-badge-label{
  margin-top:6px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#5a6471;
}

@media (max-width: 1100px){
  .hero-no-media{
    min-height:auto;
    padding:24px;
  }

  .hero-no-media .hero-content{
    width:100%;
    padding:26px 24px;
  }

  .hero-no-media h2{
    max-width:none;
    font-size:clamp(28px, 7vw, 38px);
  }

  .hero-no-media p{
    max-width:none;
    font-size:15px;
  }

  .hero-clean-stage{
    grid-template-columns:1fr;
  }

  .hero-clean-visual{
    min-height:300px;
  }

  .hero-clean-badge{
    position:static;
    margin-top:14px;
    min-width:0;
  }
}

@media (max-width: 700px){
  .hero-clean-panel,
  .hero-clean-visual{
    padding:20px;
    border-radius:24px;
  }

  .hero-clean-title{
    max-width:8ch;
    font-size:24px;
    line-height:1.08;
  }

  .hero-clean-copy{
    font-size:14px;
  }

  .hero-clean-visual{
    min-height:240px;
  }

  .hero-clean-badge-value{
    font-size:36px;
  }
}

@media (min-width: 1101px){
  .navbar .navbar-inner{
    grid-template-columns:350px minmax(0, 1fr) !important;
    gap:26px !important;
    min-height:96px !important;
  }

  .navbar .brand{
    flex:0 0 350px !important;
    min-width:350px !important;
    max-width:350px !important;
    gap:12px !important;
    padding-right:4px !important;
    background:transparent !important;
    box-shadow:none !important;
    z-index:2 !important;
  }

  .navbar .brand img{
    width:66px !important;
  }

  .navbar .brand-text{
    min-width:198px !important;
    width:198px !important;
    flex:0 0 198px !important;
  }

  .navbar .brand-title::before{
    font-size:17px !important;
    line-height:.96 !important;
  }

  .navbar .brand-tagline{
    font-size:9px !important;
    letter-spacing:.1em !important;
    margin-top:6px !important;
  }

  .navbar .navlinks{
    grid-column:2 !important;
    justify-content:flex-start !important;
    padding-left:0 !important;
    gap:4px !important;
    width:100% !important;
  }

  .navbar .navlinks > a{
    padding:8px 6px !important;
    font-size:12px !important;
    font-weight:700 !important;
  }

  .navbar .navlinks .dropbtn{
    padding:8px 6px !important;
    font-size:12px !important;
    font-weight:700 !important;
  }

  .navbar .nav-search{
    margin-left:auto !important;
    flex:0 0 272px !important;
    min-width:272px !important;
  }

  .navbar .nav-search input{
    font-size:12.5px !important;
  }

  .navbar .nav-search button{
    min-width:88px !important;
  }
}

/* Final footer lock: keep injected dark footer dark and readable */
.footer.dark-footer{
  width:100% !important;
  margin-top:40px !important;
  padding:28px 24px !important;
  border-top:none !important;
  border-radius:0 !important;
  background:#0f141c !important;
  color:#e9edf3 !important;
  box-shadow:0 -6px 30px rgba(0,0,0,.12) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.footer.dark-footer .footer-inner{
  max-width:1280px;
  margin:0 auto;
}

.footer.dark-footer h4,
.footer.dark-footer .footer-brand,
.footer.dark-footer .footer-essential,
.footer.dark-footer .footer-icon,
.footer.dark-footer .footer-bottom{
  color:#f5f7fa !important;
}

.footer.dark-footer p,
.footer.dark-footer a,
.footer.dark-footer li,
.footer.dark-footer .footer-meta,
.footer.dark-footer .footer-contact,
.footer.dark-footer .footer-contact-row,
.footer.dark-footer .footer-address{
  color:#d1d7de !important;
}

.footer.dark-footer .footer-section,
.footer.dark-footer .footer-recent-card,
.footer.dark-footer .footer-icon{
  opacity:1 !important;
}

.footer.dark-footer .footer-recent-card{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:none !important;
}

.footer.dark-footer .footer-bottom{
  border-top:1px solid rgba(255,255,255,.08) !important;
}