/* =====================================================
   app.css — SAMS BOOKS Custom Styles
   Extends Tailwind CSS via CDN
   ===================================================== */

/* ── NAV LINKS ──────────────────────────────────────── */
.nav-link {
  position: relative;
  color: #475569; /* slate-600 */
  transition: color 0.2s;
  padding-bottom: 2px;
}
.nav-link::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--color-primary);
  transition: width 0.25s ease;
}
.nav-link:hover,
.nav-link.active {
  color: var(--color-primary);
}
.nav-link:hover::after,
.nav-link.active::after {
  width: 100%;
}

/* ── PRODUCT CARD ───────────────────────────────────── */
.product-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  display: flex;
  flex-direction: column;
}
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0,0,0,.12);
}
.product-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.35s ease;
}
.product-card:hover img {
  transform: scale(1.04);
}

/* ── BADGE ──────────────────────────────────────────── */
.badge {
  display: inline-flex;
  align-items: center;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 999px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.badge-discount {
  background: #FEF3C7;
  color: #92400E;
}
.badge-out-of-stock {
  background: #FEE2E2;
  color: #991B1B;
}
.badge-new {
  background: #D1FAE5;
  color: #065F46;
}
.badge-featured {
  background: var(--color-primary);
  color: #fff;
}

/* ── BUTTONS ────────────────────────────────────────── */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-weight: 600;
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 0.875rem;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
  text-decoration: none;
}
.btn-primary {
  background: var(--color-primary);
  color: #fff;
}
.btn-primary:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(30,64,175,.4);
}
.btn-secondary {
  background: #fff;
  color: var(--color-primary);
  border: 1.5px solid var(--color-primary);
}
.btn-secondary:hover {
  background: var(--color-primary);
  color: #fff;
}
.btn-accent {
  background: var(--color-accent);
  color: #fff;
}
.btn-accent:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}
.btn-danger {
  background: #EF4444;
  color: #fff;
}
.btn-danger:hover {
  background: #DC2626;
}
.btn-sm {
  padding: 6px 14px;
  font-size: 0.8rem;
}
.btn-lg {
  padding: 14px 36px;
  font-size: 1rem;
}

/* ── FORM INPUTS ────────────────────────────────────── */
.form-input {
  width: 100%;
  border: 1.5px solid #E2E8F0;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 0.875rem;
  transition: border-color 0.2s, box-shadow 0.2s;
  background: #fff;
  color: #0F172A;
}
.form-input:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(30,64,175,.15);
}
.form-label {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 5px;
}
.form-group {
  margin-bottom: 16px;
}

/* ── BREADCRUMB ─────────────────────────────────────── */
.breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  color: #64748B;
  flex-wrap: wrap;
}
.breadcrumb a {
  color: var(--color-primary);
  text-decoration: none;
  transition: opacity 0.2s;
}
.breadcrumb a:hover { opacity: 0.75; }
.breadcrumb-sep { color: #CBD5E1; }

/* ── SECTION HEADING ────────────────────────────────── */
.section-heading {
  position: relative;
  display: inline-block;
  font-size: 1.75rem;
  font-weight: 800;
  color: #0F172A;
}
.section-heading::after {
  content: '';
  display: block;
  margin-top: 6px;
  height: 4px;
  width: 48px;
  border-radius: 999px;
  background: var(--color-accent);
}

/* ── HERO ───────────────────────────────────────────── */
.hero-gradient {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}

/* ── CART TABLE ─────────────────────────────────────── */
.cart-table { width: 100%; border-collapse: collapse; }
.cart-table th {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #64748B;
  padding: 12px 16px;
  border-bottom: 1px solid #E2E8F0;
  text-align: left;
}
.cart-table td {
  padding: 16px;
  border-bottom: 1px solid #F1F5F9;
  vertical-align: middle;
}

/* ── POLICY PAGE ────────────────────────────────────── */
.policy-content h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0F172A;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
.policy-content h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #1E293B;
  margin-top: 1.25rem;
  margin-bottom: 0.35rem;
}
.policy-content p  { color: #475569; line-height: 1.75; margin-bottom: 0.75rem; font-size: 0.9rem; }
.policy-content ul { list-style: disc; padding-left: 1.5rem; color: #475569; font-size: 0.9rem; margin-bottom: 0.75rem; }
.policy-content ul li { margin-bottom: 0.3rem; }

/* ── STAR RATING ────────────────────────────────────── */
.stars { color: #F59E0B; letter-spacing: 2px; }

/* ── SKELETON PLACEHOLDER (for JS-filtered items) ───── */
.skeleton {
  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 8px;
}
@keyframes shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ── QUANTITY INPUT ─────────────────────────────────── */
.qty-input {
  width: 56px;
  text-align: center;
  border: 1.5px solid #E2E8F0;
  border-radius: 6px;
  padding: 6px;
  font-size: 0.9rem;
  font-weight: 600;
}
.qty-input:focus { outline: none; border-color: var(--color-primary); }

/* ── STEP INDICATOR (checkout) ──────────────────────── */
.step-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.step-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.85rem;
  background: #E2E8F0;
  color: #94A3B8;
  transition: all 0.3s;
}
.step.active .step-circle {
  background: var(--color-primary);
  color: #fff;
}
.step.done .step-circle {
  background: #22C55E;
  color: #fff;
}
.step-line {
  flex: 1;
  height: 2px;
  background: #E2E8F0;
  margin-bottom: 20px;
}
.step-line.done { background: #22C55E; }

/* ── FAQ ACCORDION ──────────────────────────────────── */
.faq-item { border-bottom: 1px solid #E2E8F0; }
.faq-question {
  width: 100%;
  text-align: left;
  padding: 18px 0;
  font-weight: 600;
  font-size: 0.95rem;
  color: #0F172A;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.faq-answer {
  display: none;
  padding-bottom: 16px;
  color: #475569;
  font-size: 0.875rem;
  line-height: 1.7;
}
.faq-item.open .faq-answer { display: block; }
.faq-item.open .faq-icon { transform: rotate(45deg); }
.faq-icon { transition: transform 0.3s; font-size: 1.25rem; color: var(--color-primary); }

/* ── CATEGORY PILL ──────────────────────────────────── */
.cat-pill {
  display: inline-block;
  padding: 6px 18px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 600;
  border: 1.5px solid #E2E8F0;
  color: #475569;
  cursor: pointer;
  transition: all 0.2s;
  background: #fff;
}
.cat-pill:hover,
.cat-pill.active {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}

/* ── MISC UTILITIES ─────────────────────────────────── */
.text-primary   { color: var(--color-primary); }
.text-accent    { color: var(--color-accent); }
.bg-primary     { background: var(--color-primary); }
.line-through-price { text-decoration: line-through; color: #94A3B8; }
/* SAMS BOOKS premium dark homepage */
body{background:#4b4a50}.book-hero,.dark-best{background:#121214;color:#fff;max-width:1180px;margin:0 auto}.book-hero{display:grid;grid-template-columns:1.04fr .96fr;gap:30px;padding:72px 64px 34px;overflow:hidden}.eyebrow{font-size:13px;color:#cfcfd5;margin-bottom:28px}.book-hero h1{font-size:clamp(44px,6vw,78px);line-height:1.14;letter-spacing:-2px;font-weight:950}.book-hero h1 span{color:#ff6422}.hero-text{max-width:560px;color:#c7c7cc;line-height:1.8;margin:28px 0}.hero-search{display:flex;gap:12px}.hero-search button{width:58px;border:1px solid #ffffff55;background:#17171a;color:#fff;font-size:22px}.hero-search input{width:min(360px,80vw);background:#17171a;border:1px solid #ffffff55;color:#fff;padding:16px 18px;outline:none}.book-hero__art{min-height:420px;position:relative;display:flex;align-items:center;justify-content:center}.book-stack{position:absolute;bottom:54px;width:430px;height:105px;background:linear-gradient(#e5edf6,#aab3bd);border-radius:14px;transform:skewX(-16deg);box-shadow:0 24px 40px #000}.book-stack:after{content:"";position:absolute;inset:18px -25px -18px 38px;background:#08080a;border-radius:8px;z-index:-1}.reader-chair{width:250px;height:180px;background:#e95b21;border-radius:20px 20px 8px 8px;position:relative;z-index:2;box-shadow:0 25px 60px #000}.reader-chair:before{content:"";position:absolute;width:118px;height:210px;background:#111;border-radius:70px;left:70px;top:-125px}.reader-head{position:absolute;width:84px;height:84px;background:#19191c;border-radius:50%;left:90px;top:-165px;border:5px solid #2d2d31;display:flex;align-items:center;justify-content:center}.reader-head:before{content:"";position:absolute;width:78px;height:16px;background:#f05f24;border-radius:20px;left:0;top:-12px}.reader-laptop{position:absolute;width:110px;height:70px;background:#cfd5dc;border-radius:8px;left:-22px;top:-20px}.reader-legs{position:absolute;width:165px;height:46px;background:linear-gradient(90deg,#1689e8,#58dcff);border-radius:30px;left:8px;top:112px;transform:rotate(-10deg)}.dark-best{display:grid;grid-template-columns:90px repeat(5,1fr);gap:24px;align-items:end;padding:38px 64px 70px}.vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);color:#ddd;font-size:14px;letter-spacing:.8px}.hero-book{position:relative;display:block}.big-no{position:absolute;top:-52px;left:-8px;font-size:72px;font-weight:900;color:#ffffff14;-webkit-text-stroke:1px #ff642244}.hero-book:first-of-type .big-no{color:transparent;-webkit-text-stroke:2px #ff6422}.hero-book img{height:190px;width:100%;object-fit:cover;border-radius:13px;box-shadow:0 18px 35px #0008}.category-strip{max-width:1180px;margin:0 auto;background:#fff;padding:22px 32px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cat-chip,.cat-pill{border:1px solid #eee;border-radius:999px;padding:10px 16px;font-size:13px;background:#fff;color:#333;text-decoration:none}.cat-chip.active,.cat-pill.active,.cat-chip:hover,.cat-pill:hover{background:#ff6422;color:#111;border-color:#ff6422}.store-section{max-width:1180px;margin:0 auto;background:#f8fafc;padding:54px 48px}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.section-top h2{font-size:34px;font-weight:900;color:#111}.section-top p{color:#667085;margin-top:8px}.orange-link{color:#ff6422;font-weight:800}.trust-row{max-width:1180px;margin:0 auto 40px;background:#101014;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:1px}.trust-row div{background:#17171a;padding:22px}.trust-row b{display:block}.trust-row span{display:block;color:#aaa;font-size:13px;margin-top:6px}.product-card{border-radius:18px;overflow:hidden;background:white;box-shadow:0 14px 35px rgba(15,23,42,.08);border:1px solid #eef2f7}.product-card img{width:100%;height:255px;object-fit:cover;background:#f1f5f9}.btn-primary{background:#ff6422!important;color:#111!important;border-color:#ff6422!important}.nav-link.active,.nav-link:hover{color:#ff6422!important}.sams-footer{background:#0f0f12;color:#cfd3dc}.sams-footer-card{background:linear-gradient(135deg,#19191f,#111114);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:34px}.footer-link{display:block;color:#b7bdc9;font-size:14px;margin:10px 0}.footer-link:hover{color:#ff6422}.footer-badge{display:inline-flex;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 12px;margin:4px;color:#d6d9df;font-size:12px}@media(max-width:900px){.book-hero{grid-template-columns:1fr;padding:42px 22px}.book-hero__art{min-height:300px;transform:scale(.78)}.dark-best{grid-template-columns:1fr 1fr;padding:28px 22px}.vertical-label{grid-column:1/-1;writing-mode:initial;transform:none}.category-strip,.store-section{padding-left:20px;padding-right:20px}.trust-row{grid-template-columns:1fr}.section-top{display:block}}

/* =====================================================
   SAMS BOOKS final premium dark UI overrides
   Applies the created Book.com-inspired UI across full PHP site
   ===================================================== */
html{scroll-behavior:smooth} body{background:#4f4d55!important;color:#111;font-family:Inter,Arial,sans-serif}.sams-nav-wrap{background:#4f4d55;padding-top:22px}.sams-nav{background:#121214;border:1px solid rgba(255,255,255,.06);border-radius:2px 2px 0 0;box-shadow:0 20px 60px rgba(0,0,0,.22)}.sams-logo{font-size:28px;font-weight:950;color:#fff;text-decoration:none;letter-spacing:-.5px}.sams-logo span span{color:#ff6422}.sams-search{width:100%;background:#17171a;border:1px solid rgba(255,255,255,.26);color:#fff;border-radius:0;padding:13px 46px 13px 18px;outline:none;font-size:14px}.sams-search::placeholder{color:#9699a3}.sams-nav-link{color:#ddd;text-decoration:none;transition:.2s}.sams-nav-link:hover,.sams-nav-link.active{color:#ff6422}.sams-cart-btn{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,100,34,.65);color:#ff6422;border-radius:999px;padding:9px 14px;text-decoration:none;font-size:13px;font-weight:800}.sams-cart-btn b{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:50%;background:#ff6422;color:#111}.sams-mobile-menu{background:#121214;color:#ddd}.sams-mobile-menu a{color:#ddd;text-decoration:none;padding:8px 0}.sams-mobile-menu a:hover{color:#ff6422}main{background:#4f4d55}.book-hero{border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}.book-hero:before{content:"";position:absolute}.book-hero__art:before{content:"⌁";position:absolute;left:9%;top:15%;font-size:70px;color:#fff;opacity:.8;transform:rotate(18deg)}.book-hero__art:after{content:"↝";position:absolute;right:7%;top:23%;font-size:70px;color:#fff;opacity:.8;transform:rotate(-15deg)}.featured-carousel-section{max-width:1180px;margin:0 auto;background:#121214;color:#fff;padding:34px 56px 72px;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}.carousel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.carousel-heading h2{font-size:34px;line-height:1.05;font-weight:950;color:#fff;letter-spacing:-1px}.carousel-heading a{color:#ff6422;text-decoration:none;font-weight:900}.book-carousel{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;padding:52px 4px 20px 2px;scrollbar-width:thin;scrollbar-color:#ff6422 #1b1b20}.carousel-book{position:relative;scroll-snap-align:start;flex:0 0 175px;text-decoration:none;color:#fff}.carousel-book .big-no{position:absolute;top:-54px;left:-8px;font-size:74px;font-weight:950;color:#ffffff12;-webkit-text-stroke:1px rgba(255,100,34,.28);z-index:0}.carousel-book:nth-child(1) .big-no{color:transparent;-webkit-text-stroke:2px #ff6422}.carousel-book img{position:relative;z-index:1;width:100%;height:235px;object-fit:cover;border-radius:15px;box-shadow:0 20px 45px rgba(0,0,0,.7);background:#222;transition:transform .25s ease}.carousel-book:hover img{transform:translateY(-8px) scale(1.02)}.carousel-book strong{display:block;margin-top:14px;font-size:14px;line-height:1.35;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.carousel-book em{display:block;margin-top:6px;color:#ff6422;font-style:normal;font-weight:950}.category-strip{background:#fff;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}.store-section{box-shadow:0 18px 40px rgba(0,0,0,.15)}.product-card{border-radius:18px!important;overflow:hidden;background:#fff!important;box-shadow:0 16px 38px rgba(15,23,42,.1)!important;border:1px solid #eef2f7!important}.product-card img{height:260px!important;object-fit:contain!important;background:linear-gradient(135deg,#f8fafc,#e9edf3)!important;padding:10px}.product-card:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(15,23,42,.16)!important}.btn-primary{background:#ff6422!important;color:#111!important;border-color:#ff6422!important;border-radius:10px!important;font-weight:900!important}.btn-secondary{border-color:#ff6422!important;color:#ff6422!important}.btn-secondary:hover{background:#ff6422!important;color:#111!important}.max-w-7xl{max-width:1180px!important}.breadcrumb{background:#121214;color:#b9bdc8;padding:18px 22px;border-radius:18px;margin-top:8px}.breadcrumb a{color:#ff6422}.lg\:w-56>div,.bg-white.rounded-xl,.bg-white.rounded-2xl{border-radius:20px!important;box-shadow:0 16px 38px rgba(15,23,42,.08)!important}.form-input:focus{border-color:#ff6422!important;box-shadow:0 0 0 3px rgba(255,100,34,.18)!important}.trust-row{margin-bottom:0}.sams-footer{background:#4f4d55;color:#cfd3dc;padding-top:0;padding-bottom:38px}.footer-cta{background:linear-gradient(135deg,#ff6422,#ff8a51);color:#111;border-radius:24px 24px 0 0;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 24px 50px rgba(0,0,0,.22)}.footer-cta p{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;margin-bottom:8px}.footer-cta h2{font-size:clamp(22px,3vw,36px);font-weight:950;line-height:1.08;max-width:760px}.footer-cta a{background:#111;color:#fff;text-decoration:none;border-radius:999px;padding:14px 22px;font-weight:900;white-space:nowrap}.sams-footer-card{background:#121214;border:1px solid rgba(255,255,255,.08);border-top:0;border-radius:0 0 24px 24px;padding:38px;display:grid;grid-template-columns:1.4fr .8fr .9fr 1.1fr;gap:34px}.footer-brand-block h3{color:#fff;font-size:34px;font-weight:950;margin-bottom:12px}.footer-brand-block h3 span{color:#ff6422}.footer-brand-block p,.sams-footer-card p{color:#aeb4c1;font-size:14px;line-height:1.75}.sams-footer-card h4{color:#fff;font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.footer-link{display:block;color:#b7bdc9!important;text-decoration:none;font-size:14px;margin:10px 0;transition:.2s}.footer-link:hover,.footer-email:hover{color:#ff6422!important}.footer-email{display:block;color:#e2e6ef;text-decoration:none;margin-top:12px}.sams-footer-card small{display:block;color:#707682;margin-top:14px;line-height:1.5}.footer-badge{display:inline-flex;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 12px;margin:4px 5px 4px 0;color:#d6d9df;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:12px;color:#d4d7df;background:#0e0e10;border-radius:18px;margin-top:14px;padding:16px 22px;font-size:12px}.policy-content{background:#fff;border-radius:24px;padding:30px;box-shadow:0 16px 38px rgba(15,23,42,.08)}@media(max-width:900px){.sams-nav-wrap{padding-top:0}.sams-nav{border-radius:0}.book-hero{padding:42px 22px}.featured-carousel-section{padding:28px 20px 48px}.carousel-heading{display:block}.book-carousel{gap:18px}.carousel-book{flex-basis:150px}.carousel-book img{height:210px}.sams-footer-card{grid-template-columns:1fr;border-radius:0 0 22px 22px}.footer-cta{display:block;border-radius:22px 22px 0 0}.footer-cta a{display:inline-flex;margin-top:18px}.footer-bottom{flex-direction:column}.product-card img{height:210px!important;object-fit:contain!important}.book-hero__art{transform:scale(.75);transform-origin:center}.store-section{padding:38px 18px}.trust-row{grid-template-columns:1fr}}

/* =====================================================
   FINAL TOUCH PASS — dark full-site UI + carousel polish
   ===================================================== */
:root{--sams-bg:#4f4d55;--sams-panel:#121214;--sams-card:#17171a;--sams-card2:#1d1d22;--sams-line:rgba(255,255,255,.10);--sams-text:#f5f6f8;--sams-muted:#aeb4c1;--sams-orange:#ff6422;}
body{background:var(--sams-bg)!important;color:var(--sams-text)!important}.bg-slate-50,.bg-slate-100{background:var(--sams-bg)!important}.text-slate-800,.text-slate-700,.text-slate-600,.text-slate-500{color:var(--sams-muted)!important}.section-heading,.policy-content h2,.policy-content h3{color:#fff!important}.breadcrumb{color:#b9bfca!important}.breadcrumb a{color:var(--sams-orange)!important}.breadcrumb-sep{color:#676c76!important}.hero-gradient,.bg-gradient-to-r{background:linear-gradient(135deg,#18181d,#101014)!important;border:1px solid var(--sams-line);box-shadow:0 24px 65px rgba(0,0,0,.22)}
/* remove home store grid; keep only hero, carousel, categories, trust */
.home-categories{max-width:1180px;margin:0 auto;background:#121214;color:#fff;padding:0 56px 42px;border-left:1px solid var(--sams-line);border-right:1px solid var(--sams-line)}.home-categories__inner{border-top:1px solid rgba(255,255,255,.08);padding-top:28px}.home-cat-row{display:flex;gap:12px;flex-wrap:wrap}.home-categories .cat-chip{background:#17171a!important;border:1px solid rgba(255,255,255,.12)!important;color:#d8dce5!important}.home-categories .cat-chip:hover,.home-categories .cat-chip.active{background:var(--sams-orange)!important;border-color:var(--sams-orange)!important;color:#111!important}
/* carousel final colours */
.featured-carousel-section{background:#121214!important}.carousel-book{background:transparent!important}.carousel-book img{background:#1b1b20!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 18px 36px rgba(0,0,0,.55)!important;object-fit:cover!important}.carousel-book strong{color:#fff!important}.carousel-book em{color:var(--sams-orange)!important}.carousel-book:hover img{border-color:rgba(255,100,34,.55)!important;transform:translateY(-5px) scale(1.02)}.book-carousel::-webkit-scrollbar{height:8px}.book-carousel::-webkit-scrollbar-track{background:#1a1a1f}.book-carousel::-webkit-scrollbar-thumb{background:var(--sams-orange);border-radius:999px}
/* full site cards: remove white mismatch */
.bg-white,.policy-content,.product-card,.small-card,.faq-item,.cart-table,.form-input,.qty-input{background:#17171a!important;color:#f5f6f8!important;border-color:rgba(255,255,255,.10)!important}.shadow-sm{box-shadow:0 18px 42px rgba(0,0,0,.22)!important}.rounded-2xl,.rounded-xl{border:1px solid rgba(255,255,255,.10)}.product-card{border-radius:18px!important}.product-card img{background:#111114!important;object-fit:contain!important;padding:12px}.product-card h3,.product-card a,.font-bold,.font-semibold{color:#fff}.line-through-price{color:#6f7682!important}.badge-discount{background:rgba(255,100,34,.16)!important;color:#ff9b72!important}.badge-new,.badge-featured{background:var(--sams-orange)!important;color:#111!important}.badge-out-of-stock{background:rgba(239,68,68,.18)!important;color:#fecaca!important}.btn-secondary{background:#121214!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}.btn-secondary:hover{border-color:var(--sams-orange)!important;color:var(--sams-orange)!important}.btn-primary,.btn-accent{background:var(--sams-orange)!important;color:#111!important;border-color:var(--sams-orange)!important}.btn.bg-white{background:#17171a!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important}
/* icon tiles should be dark, not white */
.text-4xl,.text-3xl{filter:none}.bg-white .text-4xl,.bg-white .text-3xl{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:#111114;border:1px solid rgba(255,100,34,.32);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
/* forms/tables */
.form-label{color:#d5d9e1!important}.form-input::placeholder{color:#808792!important}.cart-table th{color:#ff9b72!important;border-color:rgba(255,255,255,.10)!important}.cart-table td{border-color:rgba(255,255,255,.08)!important}.qty-input{background:#111114!important}.step-circle{background:#25252c!important;color:#abb1bd!important}.step.active .step-circle,.step.done .step-circle{background:var(--sams-orange)!important;color:#111!important}.step-line,.faq-item{background:rgba(255,255,255,.10)!important}.faq-question{color:#fff!important}.faq-answer,.policy-content p,.policy-content ul{color:#b8bec9!important}
/* footer stronger premium finish */
.sams-footer{background:var(--sams-bg)!important;padding-bottom:34px}.footer-cta{background:linear-gradient(135deg,#ff6422,#ff874c)!important;color:#111!important}.footer-cta p,.footer-cta h2{color:#111!important}.footer-cta a{background:#111114!important;color:#fff!important}.sams-footer-card{background:#121214!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important}.footer-bottom{background:#121214!important;border:1px solid rgba(255,255,255,.08)!important;color:#aeb4c1!important}.footer-badge{background:#17171a!important;border-color:rgba(255,100,34,.28)!important;color:#e5e7ec!important}.footer-link{color:#c3c8d2!important}.footer-brand-block h3,.sams-footer-card h4{color:#fff!important}
/* page shells */
.max-w-5xl,.max-w-6xl,.max-w-7xl{background:transparent}.trust-row{background:#121214!important;border-left:1px solid var(--sams-line);border-right:1px solid var(--sams-line);margin-bottom:0!important}.trust-row div{background:#17171a!important;border:1px solid rgba(255,255,255,.06)}
@media(max-width:900px){.home-categories{padding:0 20px 34px}.carousel-book img{height:215px!important}.book-hero__art:before,.book-hero__art:after{display:none}.bg-white .text-4xl,.bg-white .text-3xl{width:50px;height:50px}.sams-footer{padding-left:12px!important;padding-right:12px!important}}


/* Legal footer and policy page final fixes - 1 April 2026 */
.sams-footer-legal{grid-template-columns:1.15fr .65fr .8fr 1.45fr!important;align-items:start!important}
.legal-details-box{background:#0e0e10;border:1px solid rgba(255,100,34,.28);border-radius:18px;padding:18px;min-width:0;overflow-wrap:anywhere;word-break:normal}
.legal-details-box p{margin:8px 0!important;color:#d6d9df!important;font-size:13px!important;line-height:1.55!important}
.legal-details-box strong{color:#fff!important}.legal-details-box small{color:#ffb08d!important}.footer-email.inline{display:inline!important;margin-top:0!important}
.policy-shell{overflow:hidden!important}.policy-content{box-shadow:none!important;border:1px solid #eef2f7!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.75!important}
.policy-content h2{font-size:20px!important;margin:28px 0 12px!important;color:#111827!important;font-weight:900!important;line-height:1.25!important}
.policy-content p,.policy-content li{font-size:15px!important;line-height:1.75!important;color:#334155!important;margin-bottom:10px!important}.policy-content ul{padding-left:22px!important;margin:10px 0 18px!important}.policy-content a{color:#ff6422!important;font-weight:800!important}
@media(max-width:900px){.sams-footer-legal{grid-template-columns:1fr!important}.legal-details-box{padding:16px}.policy-shell{padding:18px!important}.policy-content{padding:20px!important}.policy-content h2{font-size:18px!important}.policy-content p,.policy-content li{font-size:14px!important}}