/* ============================================================
   assets/css/main.css — Full Global Stylesheet
   ============================================================ */

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../fonts/cormorant-garamond-600.woff2') format('woff2');
  font-weight: 600; font-display: swap;
}
@font-face {
  font-family: 'Jost';
  src: url('../fonts/jost-400.woff2') format('woff2');
  font-weight: 400; font-display: swap;
}
@font-face {
  font-family: 'Jost';
  src: url('../fonts/jost-500.woff2') format('woff2');
  font-weight: 500; font-display: swap;
}

/* ── LAYOUT ── */
.container { max-width: 1320px; margin: 0 auto; padding: 0 24px; }
.section-spacing { padding: 64px 0; }
.section-title { font-family:var(--font-display); font-size:clamp(1.6rem,3vw,2.4rem); font-weight:600; color:var(--clr-primary); margin-bottom:32px; }
.section-subtitle { font-family:var(--font-display); font-size:clamp(1.2rem,2.5vw,1.9rem); font-weight:600; color:var(--clr-primary); margin-bottom:24px; }
.eyebrow { display:block; font-size:.75rem; letter-spacing:.15em; text-transform:uppercase; color:var(--clr-accent); margin-bottom:10px; }
.section-header-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:32px; }
.section-header-row .section-title { margin-bottom:0; }
.view-all-link { font-size:.82rem; font-weight:500; letter-spacing:.06em; text-transform:uppercase; color:var(--clr-primary); border-bottom:1px solid var(--clr-primary); padding-bottom:2px; transition:opacity var(--transition); }
.view-all-link:hover { opacity:.7; }
.prose p { margin-bottom:1rem; line-height:1.8; }
.prose ul { padding-left:1.4rem; margin-bottom:1rem; }
.prose ul li { list-style:disc; margin-bottom:.4rem; }

/* ── BUTTONS ── */
.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-outline-sm {
  display:inline-flex; align-items:center; justify-content:center;
  gap:8px; font-family:var(--font-body); font-weight:500;
  letter-spacing:.08em; text-transform:uppercase;
  border-radius:var(--radius); transition:all var(--transition);
  cursor:pointer; border:2px solid transparent;
}
.btn-primary { background:var(--clr-primary); color:#fff; padding:14px 32px; font-size:.82rem; border-color:var(--clr-primary); }
.btn-primary:hover { background:#1e2b1f; border-color:#1e2b1f; }
.btn-primary:active { transform:scale(.98); }
.btn-primary:disabled { opacity:.5; cursor:not-allowed; pointer-events:none; }
.btn-secondary { background:var(--clr-accent); color:#fff; padding:14px 32px; font-size:.82rem; border-color:var(--clr-accent); }
.btn-secondary:hover { background:#a0804a; border-color:#a0804a; }
.btn-secondary:disabled { opacity:.5; cursor:not-allowed; pointer-events:none; }
.btn-outline { background:transparent; color:var(--clr-primary); padding:12px 28px; font-size:.82rem; border-color:var(--clr-primary); }
.btn-outline:hover { background:var(--clr-primary); color:#fff; }
.btn-ghost { background:rgba(255,255,255,.15); color:#fff; padding:14px 28px; font-size:.82rem; border-color:rgba(255,255,255,.6); backdrop-filter:blur(4px); }
.btn-ghost:hover { background:rgba(255,255,255,.3); }
.btn-outline-sm { background:transparent; color:var(--clr-primary); padding:8px 16px; font-size:.78rem; border-color:var(--clr-primary); }
.btn-outline-sm:hover { background:var(--clr-primary); color:#fff; }

/* ── STARS ── */
.stars { display:inline-flex; gap:2px; }
.star { width:14px; height:14px; }
.star.filled { fill:#F59E0B; stroke:#F59E0B; }
.star.half { fill:#F59E0B; stroke:#F59E0B; }
.star.empty { fill:none; stroke:#D1D5DB; }

/* ── BREADCRUMB ── */
.breadcrumb { padding:14px 0; font-size:.8rem; color:var(--clr-muted); }
.breadcrumb ol { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.breadcrumb li+li::before { content:'/'; color:var(--clr-border); margin-right:6px; }
.breadcrumb a:hover { color:var(--clr-primary); }

/* ── HERO ── */
.hero-section { position:relative; overflow:hidden; }
.hero-slide { min-height:580px; background:var(--bg) center/cover no-repeat; display:flex; align-items:center; position:relative; }
.hero-slide::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.1) 60%,transparent 100%); }
.hero-content { position:relative; z-index:1; max-width:560px; padding:48px; color:#fff; }
.hero-badge { display:inline-block; background:var(--clr-accent); font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:5px 12px; border-radius:20px; margin-bottom:16px; }
.hero-title { font-family:var(--font-display); font-size:clamp(2.4rem,5vw,4rem); font-weight:600; line-height:1.1; margin-bottom:16px; }
.hero-sub { font-size:1rem; opacity:.9; margin-bottom:28px; max-width:380px; }
.hero-ctas { display:flex; gap:12px; flex-wrap:wrap; }

/* ── TRUST STRIP ── */
.trust-strip { background:#fff; padding:20px 0; border-top:1px solid var(--clr-border); border-bottom:1px solid var(--clr-border); }
.trust-strip-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; align-items:center; }
.trust-strip-item { display:flex; align-items:center; gap:10px; font-size:.8rem; line-height:1.4; }
.trust-strip-item .trust-icon { font-size:1.5rem; flex-shrink:0; }
.trust-strip-item small { color:var(--clr-muted); font-size:.72rem; }

/* ── CATEGORY ── */
.category-grid { display:grid; grid-template-columns:repeat(8,1fr); gap:16px; }
.category-card { display:block; text-align:center; }
.category-img-wrap { border-radius:50%; overflow:hidden; aspect-ratio:1; margin-bottom:10px; border:2px solid var(--clr-border); transition:border-color var(--transition),transform var(--transition); }
.category-img-wrap img { width:100%; height:100%; object-fit:cover; }
.category-card:hover .category-img-wrap { border-color:var(--clr-accent); transform:scale(1.04); }
.category-name { font-size:.78rem; font-weight:500; letter-spacing:.04em; }

/* ── PRODUCT CARD ── */
.product-card { background:#fff; border-radius:var(--radius-lg); overflow:hidden; transition:box-shadow var(--transition); position:relative; }
.product-card:hover { box-shadow:var(--shadow-md); }
.card-img-wrap { position:relative; overflow:hidden; aspect-ratio:1; }
.card-img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.product-card:hover .card-img { transform:scale(1.05); }
.card-badges { position:absolute; top:10px; left:10px; display:flex; flex-direction:column; gap:4px; }
.badge-pill { display:inline-block; font-size:.62rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:3px 8px; border-radius:3px; color:#fff; }
.badge-pill.bestseller { background:var(--clr-primary); }
.badge-pill.new { background:var(--clr-accent); }
.badge-pill.off { background:#DC2626; }
.card-wishlist { position:absolute; top:10px; right:10px; width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.9); color:var(--clr-muted); display:flex; align-items:center; justify-content:center; transition:color var(--transition),background var(--transition); }
.card-wishlist:hover,.card-wishlist.active { color:#DC2626; background:#fff; }
.card-wishlist svg { fill:none; stroke:currentColor; stroke-width:2; }
.card-wishlist.active svg { fill:#DC2626; stroke:#DC2626; }
.card-hover-actions { position:absolute; bottom:0; left:0; right:0; padding:12px; transform:translateY(100%); transition:transform var(--transition); background:linear-gradient(0deg,rgba(0,0,0,.6),transparent); }
.product-card:hover .card-hover-actions { transform:translateY(0); }
.quick-add-btn { width:100%; padding:10px; background:#fff; color:var(--clr-primary); font-size:.75rem; font-weight:700; letter-spacing:.08em; border-radius:var(--radius); transition:background var(--transition),color var(--transition); }
.quick-add-btn:hover { background:var(--clr-primary); color:#fff; }
.card-body { padding:14px 16px 18px; }
.card-name { display:block; font-size:.9rem; font-weight:500; margin-bottom:4px; transition:color var(--transition); }
.card-name:hover { color:var(--clr-primary); }
.card-tagline { font-size:.78rem; color:var(--clr-muted); margin-bottom:8px; }
.card-rating { display:flex; align-items:center; gap:4px; margin-bottom:8px; }
.card-rcount { font-size:.75rem; color:var(--clr-muted); }
.card-pricing { display:flex; align-items:center; gap:8px; }
.card-price { font-size:1rem; font-weight:700; color:var(--clr-primary); }
.card-original { font-size:.82rem; color:var(--clr-muted); text-decoration:line-through; }

/* ── BRAND STORY ── */
.brand-story { background:var(--clr-light); }
.brand-story-layout { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.brand-story-img img { border-radius:var(--radius-lg); width:100%; object-fit:cover; }
.brand-story-content h2 { font-family:var(--font-display); font-size:clamp(2rem,4vw,3.2rem); font-weight:600; line-height:1.15; margin-bottom:20px; color:var(--clr-primary); }
.brand-story-content p { margin-bottom:16px; color:var(--clr-muted); line-height:1.8; }
.brand-story-stats { display:flex; gap:32px; margin:28px 0; }
.brand-story-stats div { text-align:center; }
.brand-story-stats strong { display:block; font-size:2rem; font-weight:700; color:var(--clr-primary); }
.brand-story-stats span { font-size:.78rem; color:var(--clr-muted); letter-spacing:.06em; text-transform:uppercase; }

/* ── CONCERN GRID ── */
.concern-grid { display:grid; grid-template-columns:repeat(8,1fr); gap:12px; }
.concern-card { text-align:center; padding:20px 12px; background:#fff; border-radius:var(--radius-lg); border:1px solid var(--clr-border); transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition); }
.concern-card:hover { border-color:var(--clr-accent); transform:translateY(-3px); box-shadow:var(--shadow-sm); }
.concern-icon { font-size:2rem; display:block; margin-bottom:8px; }
.concern-card p { font-size:.78rem; font-weight:500; }

/* ── BEFORE/AFTER ── */
.before-after-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.ba-card { text-align:center; }
.ba-images { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:12px; }
.ba-images div { position:relative; }
.ba-images img { border-radius:var(--radius); width:100%; object-fit:cover; }
.ba-images span { position:absolute; bottom:6px; left:50%; transform:translateX(-50%); background:rgba(0,0,0,.6); color:#fff; font-size:.65rem; padding:2px 8px; border-radius:3px; white-space:nowrap; }
.ba-name { font-weight:600; margin-bottom:2px; }
.ba-product { font-size:.8rem; color:var(--clr-muted); }

/* ── WHY US ── */
.why-us-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.why-card { text-align:center; padding:36px 24px; background:#fff; border-radius:var(--radius-lg); border:1px solid var(--clr-border); }
.why-icon { font-size:2.4rem; margin-bottom:16px; }
.why-card h3 { font-family:var(--font-display); font-size:1.2rem; font-weight:600; margin-bottom:10px; color:var(--clr-primary); }
.why-card p { font-size:.85rem; color:var(--clr-muted); line-height:1.6; }

/* ── TESTIMONIALS ── */
.testimonials-section { background:var(--clr-light); }
.testimonial-card { background:#fff; border-radius:var(--radius-lg); padding:28px; border:1px solid var(--clr-border); height:100%; }
.testimonial-card h3 { font-size:.95rem; font-weight:600; margin:10px 0 8px; }
.testimonial-body { font-size:.88rem; color:var(--clr-muted); line-height:1.7; margin-bottom:16px; }
.testimonial-footer { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
.testimonial-product { display:flex; align-items:center; gap:8px; font-size:.78rem; color:var(--clr-primary); }
.testimonial-product img { border-radius:var(--radius); object-fit:cover; }
.verified-badge { background:#DCFCE7; color:var(--clr-success); font-size:.65rem; padding:2px 8px; border-radius:10px; font-weight:600; }

/* ── PRESS ── */
.press-section { padding:48px 0; background:#fff; border-top:1px solid var(--clr-border); }
.press-label { text-align:center; font-size:.72rem; letter-spacing:.15em; text-transform:uppercase; color:var(--clr-muted); margin-bottom:24px; }
.press-logos { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:40px; }
.press-logo-item img { filter:grayscale(100%) opacity(0.5); transition:filter var(--transition); max-height:36px; }
.press-logo-item img:hover { filter:none; }

/* ── BLOG ── */
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.blog-card { background:#fff; border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--clr-border); transition:box-shadow var(--transition); }
.blog-card:hover { box-shadow:var(--shadow-md); }
.blog-img-link { display:block; overflow:hidden; }
.blog-img-link img { width:100%; aspect-ratio:16/9; object-fit:cover; transition:transform .4s; }
.blog-card:hover .blog-img-link img { transform:scale(1.05); }
.blog-content { padding:20px; }
.blog-category { font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--clr-accent); font-weight:600; }
.blog-content h3 { margin:8px 0 10px; font-size:1rem; font-weight:600; line-height:1.4; }
.blog-content h3 a:hover { color:var(--clr-primary); }
.blog-content p { font-size:.83rem; color:var(--clr-muted); line-height:1.6; margin-bottom:12px; }
.blog-read-more { font-size:.78rem; font-weight:600; color:var(--clr-primary); }
.blog-card.placeholder .blog-img-placeholder { aspect-ratio:16/9; background:var(--clr-border); }

/* ── NEWSLETTER ── */
.newsletter-section { background:var(--clr-primary); color:#fff; padding:64px 0; }
.newsletter-inner { display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.newsletter-text h2 { font-family:var(--font-display); font-size:clamp(1.6rem,3vw,2.4rem); margin-bottom:8px; }
.newsletter-text p { opacity:.8; }
.newsletter-form { display:flex; flex:1; max-width:440px; }
.newsletter-form input { flex:1; padding:14px 16px; font-size:.9rem; border:none; border-radius:var(--radius) 0 0 var(--radius); outline:none; background:rgba(255,255,255,.15); color:#fff; border:1px solid rgba(255,255,255,.3); }
.newsletter-form input::placeholder { color:rgba(255,255,255,.6); }
.newsletter-form input:focus { border-color:var(--clr-accent); }
.newsletter-form button { padding:14px 20px; background:var(--clr-accent); color:#fff; font-size:1.1rem; border-radius:0 var(--radius) var(--radius) 0; transition:background var(--transition); }
.newsletter-form button:hover { background:#a0804a; }
#newsletterMsg.success { color:#86EFAC; margin-top:8px; font-size:.82rem; }
#newsletterMsg.error   { color:#FCA5A5; margin-top:8px; font-size:.82rem; }

/* ── WHATSAPP FLOAT ── */
.whatsapp-float { position:fixed; bottom:24px; right:24px; z-index:999; width:56px; height:56px; border-radius:50%; background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 20px rgba(37,211,102,.5); transition:transform var(--transition),box-shadow var(--transition); }
.whatsapp-float:hover { transform:scale(1.08); box-shadow:0 6px 24px rgba(37,211,102,.7); }

/* ── MOBILE MENU ── */
.mobile-menu { position:fixed; top:0; left:0; bottom:0; width:300px; background:#fff; z-index:2000; transform:translateX(-100%); transition:transform .3s ease; overflow-y:auto; padding-bottom:40px; }
.mobile-menu.open { transform:translateX(0); }
.mobile-menu-header { display:flex; align-items:center; justify-content:space-between; padding:20px; border-bottom:1px solid var(--clr-border); }
.mobile-menu-header button { font-size:1.6rem; color:var(--clr-muted); }
.mobile-nav-link { display:block; padding:14px 20px; font-size:.9rem; font-weight:500; border-bottom:1px solid var(--clr-border); transition:color var(--transition),background var(--transition); }
.mobile-nav-link:hover { color:var(--clr-primary); background:var(--clr-light); }
.mobile-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:1999; }
.mobile-overlay.show { display:block; }

/* ── FOOTER ── */
.site-footer { background:#1A1A1A; color:rgba(255,255,255,.8); }
.footer-top { padding:64px 0 48px; }
.footer-grid { display:grid; grid-template-columns:1.8fr 1fr 1fr 1fr 1.4fr; gap:40px; }
.footer-logo .logo-text { color:#fff; font-size:1.3rem; }
.footer-tagline { font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--clr-accent); margin:6px 0; }
.footer-desc { font-size:.83rem; opacity:.7; line-height:1.7; margin-bottom:20px; }
.social-links { display:flex; gap:10px; }
.social-link { width:36px; height:36px; border-radius:50%; border:1px solid rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.7); transition:all var(--transition); }
.social-link:hover { border-color:var(--clr-accent); color:var(--clr-accent); }
.footer-col-title { font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.5); margin-bottom:18px; font-weight:600; }
.footer-links { display:flex; flex-direction:column; gap:10px; }
.footer-links a { font-size:.85rem; opacity:.7; transition:opacity var(--transition),color var(--transition); }
.footer-links a:hover { opacity:1; color:var(--clr-accent); }
.footer-contact { display:flex; flex-direction:column; gap:12px; }
.footer-contact li { display:flex; align-items:flex-start; gap:10px; font-size:.85rem; opacity:.8; }
.footer-contact li svg { flex-shrink:0; margin-top:2px; }
.footer-contact a:hover { color:var(--clr-accent); }
.footer-hours { opacity:.5; font-size:.8rem; }
.footer-subscribe-form { display:flex; margin-bottom:16px; }
.footer-subscribe-form input { flex:1; padding:10px 14px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); border-radius:var(--radius) 0 0 var(--radius); color:#fff; font-size:.85rem; outline:none; }
.footer-subscribe-form input:focus { border-color:var(--clr-accent); }
.footer-subscribe-form input::placeholder { color:rgba(255,255,255,.4); }
.footer-subscribe-form button { padding:10px 16px; background:var(--clr-accent); color:#fff; border-radius:0 var(--radius) var(--radius) 0; font-size:1rem; transition:background var(--transition); }
.footer-subscribe-form button:hover { background:#a0804a; }
.footer-newsletter p { font-size:.83rem; opacity:.7; margin-bottom:14px; }
.payment-icons { display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
.payment-icons img { opacity:.6; filter:grayscale(100%); border-radius:3px; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.1); padding:20px 0; }
.footer-bottom-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:.78rem; opacity:.6; }
.footer-bottom-links { display:flex; gap:20px; }
.footer-bottom-links a:hover { color:var(--clr-accent); opacity:1; }
.footer-bottom-badges { display:flex; gap:16px; }
#footerNewsletterMsg.success { color:#86EFAC; margin-top:6px; font-size:.8rem; }
#footerNewsletterMsg.error   { color:#FCA5A5; margin-top:6px; font-size:.8rem; }

/* ── TOAST ── */
.toast { background:#1A1A1A; color:#fff; padding:12px 20px; border-radius:var(--radius-lg); font-size:.85rem; box-shadow:var(--shadow-md); display:flex; align-items:center; gap:10px; animation:slideUp .25s ease; max-width:320px; }
.toast.success { border-left:4px solid var(--clr-success); }
.toast.error   { border-left:4px solid var(--clr-error); }
@keyframes slideUp { from{transform:translateY(20px);opacity:0} to{transform:translateY(0);opacity:1} }

/* ── STICKY ATC ── */
.sticky-atc { position:fixed; bottom:0; left:0; right:0; background:#fff; border-top:1px solid var(--clr-border); padding:10px 16px; display:flex; gap:10px; z-index:990; box-shadow:0 -4px 16px rgba(0,0,0,.1); }
.sticky-atc .btn-primary,.sticky-atc .btn-secondary { flex:1; padding:12px; font-size:.8rem; }

/* ── FLASH ── */
.flash-msg { padding:12px 24px; text-align:center; font-size:.88rem; font-weight:500; display:flex; align-items:center; justify-content:center; gap:8px; }
.flash-msg.success { background:#DCFCE7; color:var(--clr-success); }
.flash-msg.error   { background:#FEE2E2; color:var(--clr-error); }

/* ── HEADER SEARCH ── */
.header-search { border-top:1px solid var(--clr-border); padding:12px 24px; background:#fff; }
.header-search form { max-width:600px; margin:0 auto; display:flex; gap:8px; }
.header-search input { flex:1; padding:10px 16px; border:1px solid var(--clr-border); border-radius:var(--radius); font-size:.9rem; outline:none; }
.header-search input:focus { border-color:var(--clr-primary); }
.header-search button { padding:10px 20px; background:var(--clr-primary); color:#fff; border-radius:var(--radius); font-size:1rem; }

/* ── PAGINATION ── */
.pagination { display:flex; justify-content:center; gap:6px; margin-top:32px; }
.page-btn { width:38px; height:38px; display:flex; align-items:center; justify-content:center; border:1px solid var(--clr-border); border-radius:var(--radius); font-size:.85rem; transition:all var(--transition); }
.page-btn:hover { border-color:var(--clr-primary); color:var(--clr-primary); }
.page-btn.active { background:var(--clr-primary); color:#fff; border-color:var(--clr-primary); }

/* ══════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════ */
@media(max-width:1100px){
  .footer-grid{grid-template-columns:1fr 1fr 1fr}
  .footer-brand,.footer-newsletter{grid-column:1/-1}
  .trust-strip-grid{grid-template-columns:repeat(3,1fr)}
  .category-grid{grid-template-columns:repeat(4,1fr)}
  .concern-grid{grid-template-columns:repeat(4,1fr)}
  .why-us-grid{grid-template-columns:repeat(2,1fr)}
  .brand-story-layout{gap:40px}
}
@media(max-width:768px){
  .section-spacing{padding:40px 0}
  .container{padding:0 16px}
  .trust-strip-grid{grid-template-columns:repeat(2,1fr)}
  .category-grid{grid-template-columns:repeat(4,1fr)}
  .concern-grid{grid-template-columns:repeat(4,1fr)}
  .before-after-grid{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .brand-story-layout{grid-template-columns:1fr}
  .brand-story-img{display:none}
  .footer-grid{grid-template-columns:1fr 1fr}
  .newsletter-inner{flex-direction:column;text-align:center}
  .newsletter-form{width:100%}
  .footer-bottom-inner{flex-direction:column;text-align:center}
}
@media(max-width:480px){
  .hero-slide{min-height:380px}
  .hero-content{padding:24px}
  .hero-ctas{flex-direction:column}
  .category-grid{grid-template-columns:repeat(4,1fr);gap:8px}
  .category-name{font-size:.66rem}
  .concern-grid{grid-template-columns:repeat(4,1fr)}
  .why-us-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .brand-story-stats{gap:16px}
}


/* ============================================================
   HOME DESIGN FIX PATCH — Plesk upload safe
   Removes dependency on missing demo image folders and polishes UI
   ============================================================ */
:root{
  --lux-green:#1f3322;
  --lux-green-2:#314a32;
  --lux-gold:#b8975a;
  --lux-cream:#fbf7ef;
  --lux-border:#eadfcd;
}
body{background:#fffaf3;color:#1f3322;}
.hero-section{background:#fbf7ef;overflow:hidden;}
.hero-swiper,.hero-swiper .swiper-wrapper,.hero-swiper .swiper-slide{width:100%;}
.hero-slide{min-height:680px;display:flex;align-items:center;position:relative;overflow:hidden;background:#223a27!important;}
.hero-slide::before{content:"";position:absolute;inset:34px;border:1px solid rgba(255,255,255,.16);border-radius:30px;z-index:1;pointer-events:none;}
.hero-slide::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 32%,rgba(218,186,120,.42),transparent 24%),linear-gradient(90deg,rgba(9,24,14,.88),rgba(19,45,24,.54) 52%,rgba(255,255,255,.03));z-index:0;}
.hero-slide-1{background:radial-gradient(circle at 75% 42%,rgba(216,185,115,.58),transparent 18%),radial-gradient(circle at 85% 18%,rgba(246,230,180,.34),transparent 17%),linear-gradient(135deg,#17301d 0%,#47643d 52%,#f2dfba 100%)!important;}
.hero-slide-2{background:radial-gradient(circle at 74% 42%,rgba(191,151,76,.48),transparent 20%),linear-gradient(135deg,#102617 0%,#405c35 54%,#f6ead4 100%)!important;}
.hero-slide-3{background:radial-gradient(circle at 77% 42%,rgba(248,214,146,.58),transparent 22%),linear-gradient(135deg,#1c2f20 0%,#5a6b3b 56%,#faf0de 100%)!important;}
.hero-content{position:relative;z-index:2;margin-left:clamp(16px,6vw,92px);max-width:680px;padding:58px;color:#fff;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(184,151,90,.18);color:#ffe7ac;border:1px solid rgba(255,231,172,.42);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;border-radius:999px;margin-bottom:20px;backdrop-filter:blur(10px);}
.hero-title{font-family:var(--font-display, Georgia, serif);font-size:clamp(3rem,7vw,6.4rem);font-weight:650;letter-spacing:-.055em;line-height:.96;margin-bottom:18px;text-shadow:0 18px 55px rgba(0,0,0,.22);}
.hero-sub{font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.75;max-width:480px;color:rgba(255,255,255,.82);margin-bottom:30px;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}
.btn-primary,.btn-ghost,.btn-outline{border-radius:999px;padding:14px 28px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
.btn-primary{background:var(--lux-green);color:#fff;box-shadow:0 14px 36px rgba(31,51,34,.22);}
.hero-content .btn-primary{background:linear-gradient(135deg,#d9bd78,#b8975a);color:#152919;box-shadow:0 20px 48px rgba(184,151,90,.28);}
.hero-content .btn-ghost{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);}
.btn-primary:hover,.btn-ghost:hover,.btn-outline:hover{transform:translateY(-2px);}
.swiper-button-prev,.swiper-button-next{color:#fff!important;width:44px!important;height:44px!important;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);}
.swiper-button-prev:after,.swiper-button-next:after{font-size:16px!important;font-weight:800;}
.swiper-pagination-bullet{background:rgba(255,255,255,.7)!important;opacity:.7!important;}
.swiper-pagination-bullet-active{background:var(--lux-gold)!important;opacity:1!important;}
.container{max-width:1240px;margin:0 auto;padding:0 22px;}
.section-spacing{padding:88px 0;}
.section-title{font-family:var(--font-display, Georgia, serif);font-size:clamp(2.1rem,4vw,3.5rem);letter-spacing:-.035em;color:var(--lux-green);}
.section-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:34px;}
.view-all-link{color:var(--lux-gold);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;}
.trust-strip{background:#fff;border-bottom:1px solid var(--lux-border);}
.trust-strip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--lux-border);border-left:1px solid var(--lux-border);border-right:1px solid var(--lux-border);}
.trust-strip-item{background:#fffaf3;padding:22px 14px;text-align:center;}
.trust-icon{display:block;font-size:1.55rem;margin-bottom:8px;}
.trust-strip-item p{font-weight:800;font-size:.88rem;line-height:1.4;}
.trust-strip-item small{font-weight:500;color:#6b786b;}
.category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:18px;}
.category-card{text-align:center;background:#fff;border:1px solid var(--lux-border);border-radius:26px;padding:16px 10px;box-shadow:0 18px 45px rgba(31,51,34,.06);}
.category-img-wrap{width:100%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(184,151,90,.25);background:radial-gradient(circle at 35% 25%,#fff7df,#ead7ad 42%,#37533a 100%);margin-bottom:12px;overflow:hidden;}
.category-visual span{font-size:clamp(1.5rem,3vw,2.4rem);color:#fff;text-shadow:0 8px 22px rgba(0,0,0,.22);}
.category-card:hover .category-img-wrap{border-color:var(--lux-gold);transform:translateY(-3px) scale(1.03);}
.category-name{font-size:.78rem;font-weight:800;letter-spacing:.04em;color:#253d29;}
.product-grid.swiper{overflow:hidden;padding:4px 4px 48px;}
.product-grid .swiper-slide{height:auto;}
.product-card{height:100%;background:#fff;border:1px solid var(--lux-border);border-radius:28px;overflow:hidden;box-shadow:0 18px 48px rgba(31,51,34,.07);}
.card-img-wrap{background:linear-gradient(135deg,#fbf1df,#fffaf2);}
.product-img-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,#fff8e8,#ead6ad 42%,#35523a 100%);opacity:1;z-index:0;}
.product-img-fallback span{font-family:Georgia,serif;font-size:5rem;color:rgba(255,255,255,.86);text-shadow:0 10px 30px rgba(0,0,0,.18);}
.card-img{position:relative;z-index:1;background:#fbf1df;width:100%;height:100%;object-fit:cover;}
.card-img-wrap:has(.card-img:not([style*="display: none"])) .product-img-fallback{display:none;}
.card-body{position:relative;z-index:2;background:#fff;padding:18px;}
.card-name{display:block;font-weight:800;color:#1f3322;line-height:1.35;margin-bottom:7px;}
.card-tagline{font-size:.84rem;color:#6d786f;line-height:1.55;min-height:42px;}
.card-pricing{display:flex;align-items:center;gap:10px;margin-top:12px;}
.card-price{font-weight:900;color:#1f3322;font-size:1.05rem;}
.card-original{text-decoration:line-through;color:#9aa39b;font-size:.88rem;}
.brand-story{background:linear-gradient(135deg,#fbf7ef 0%,#fffaf3 100%);}
.brand-story-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center;background:#fff;border:1px solid var(--lux-border);border-radius:34px;padding:42px;box-shadow:0 30px 80px rgba(31,51,34,.08);}
.brand-story-visual{min-height:520px;border-radius:28px;background:radial-gradient(circle at 30% 20%,#fff2c8,transparent 25%),radial-gradient(circle at 70% 55%,rgba(184,151,90,.42),transparent 22%),linear-gradient(135deg,#243d28,#5d7247 60%,#eee0c2);position:relative;overflow:hidden;display:flex!important;align-items:flex-end;justify-content:center;padding:34px;}
.brand-story-visual::before{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.24);border-radius:24px;}
.brand-story-visual span{position:relative;color:#fff;font-family:Georgia,serif;font-size:2.3rem;text-shadow:0 12px 38px rgba(0,0,0,.24);}
.story-orb{position:absolute;border-radius:50%;filter:blur(.2px);background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.24);}
.orb-1{width:160px;height:160px;top:70px;left:58px}.orb-2{width:240px;height:240px;right:-50px;top:150px}.orb-3{width:90px;height:90px;bottom:112px;left:110px}
.brand-story-content h2{font-family:Georgia,serif;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.05;color:var(--lux-green);letter-spacing:-.04em;}
.brand-story-content p{color:#68736a;line-height:1.85;}
.brand-story-stats{display:flex;gap:28px;margin:28px 0;}
.brand-story-stats strong{display:block;color:var(--lux-green);font-size:2.1rem;}
.concern-grid,.why-us-grid,.before-after-grid,.blog-grid{display:grid;gap:22px;}
.concern-grid{grid-template-columns:repeat(4,1fr);}.why-us-grid{grid-template-columns:repeat(4,1fr);}.before-after-grid{grid-template-columns:repeat(3,1fr);}.blog-grid{grid-template-columns:repeat(3,1fr);}
.concern-card,.why-card,.ba-card,.testimonial-card,.blog-card{background:#fff;border:1px solid var(--lux-border);border-radius:28px;padding:24px;box-shadow:0 18px 48px rgba(31,51,34,.06);}
.concern-card{text-align:center;}.concern-icon{font-size:2rem;display:block;margin-bottom:10px;}.concern-card p{font-weight:800;}
.ba-images{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.ba-images>div{border-radius:20px;overflow:hidden;background:#fbf1df;}.ba-img{aspect-ratio:1;background:radial-gradient(circle at 42% 35%,#f6d7b4 0 18%,#ddb086 19% 32%,#b58f70 33% 35%,#f3e4cb 36% 100%);}.ba-after{background:radial-gradient(circle at 42% 35%,#f9e3c3 0 18%,#d5a372 19% 32%,#b58f70 33% 35%,#f6eddb 36% 100%);}.ba-images span{display:block;padding:7px;font-size:.72rem;font-weight:800;color:#1f3322;background:#fff;}.ba-name{font-weight:900;margin-top:14px;}.ba-product{color:#6b786b;font-size:.88rem;}
.press-section{background:#fffaf3;}.press-label{text-align:center;text-transform:uppercase;letter-spacing:.18em;color:#8a7656;font-size:.74rem;font-weight:900;margin-bottom:18px;}.press-logos{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}.press-logo-item{border:1px solid var(--lux-border);background:#fff;border-radius:999px;padding:12px 20px;color:#68736a;font-family:Georgia,serif;font-weight:700;}
.newsletter-section{background:linear-gradient(135deg,#1f3322,#455f38);color:#fff;}.newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;}.newsletter-text h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.1rem);}.newsletter-text p{color:rgba(255,255,255,.76);}.newsletter-form{display:flex;gap:10px;min-width:min(100%,480px);}.newsletter-form input{flex:1;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:15px 20px;outline:none;}.newsletter-form input::placeholder{color:rgba(255,255,255,.62);}.newsletter-form .btn-primary{background:#d9bd78;color:#142417;}
.no-swiper .swiper-wrapper{display:grid!important;grid-template-columns:repeat(4,1fr);gap:22px;transform:none!important}.no-swiper .hero-swiper .swiper-wrapper{display:block!important}.no-swiper .hero-swiper .swiper-slide:not(:first-child){display:none!important}
@media(max-width:1024px){.trust-strip-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(4,1fr)}.why-us-grid,.concern-grid{grid-template-columns:repeat(2,1fr)}.before-after-grid,.blog-grid{grid-template-columns:1fr 1fr}.brand-story-layout{grid-template-columns:1fr}.brand-story-visual{min-height:360px}.hero-slide{min-height:610px}.no-swiper .swiper-wrapper{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.section-spacing{padding:56px 0}.hero-slide{min-height:560px}.hero-slide::before{inset:16px;border-radius:22px}.hero-content{margin-left:0;padding:38px 24px}.hero-title{font-size:3.25rem}.swiper-button-prev,.swiper-button-next{display:none!important}.trust-strip-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.brand-story-layout{padding:24px;border-radius:24px}.brand-story-stats{flex-wrap:wrap}.newsletter-inner{flex-direction:column;text-align:center}.newsletter-form{width:100%;flex-direction:column}.before-after-grid,.blog-grid,.why-us-grid,.concern-grid{grid-template-columns:1fr}.no-swiper .swiper-wrapper{grid-template-columns:1fr}}
@media(max-width:480px){.container{padding:0 16px}.hero-title{font-size:2.8rem}.hero-content{padding:32px 20px}.hero-ctas{flex-direction:column}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.section-header-row{align-items:flex-start;flex-direction:column}.trust-strip-item{padding:18px 10px}.brand-story-visual{min-height:280px}.brand-story-visual span{font-size:1.8rem}}

/* ============================================================
   COLLECTION PAGE PREMIUM FIX v1
   Fixes broken spacing + adds luxury live shopping UI
============================================================ */
.lux-collection-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(217,189,120,.36),transparent 24%),linear-gradient(135deg,#172919 0%,#28442d 50%,#fbf3e5 100%);min-height:430px;color:#fff;border-bottom:1px solid rgba(184,151,90,.22)}
.lux-collection-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,28,17,.88),rgba(20,36,23,.56),rgba(255,255,255,.08)),var(--hero-image,linear-gradient(135deg,#243d28,#ead7ad));background-size:cover;background-position:center;opacity:.98}.lux-collection-hero::after{content:"";position:absolute;inset:30px;border:1px solid rgba(255,255,255,.18);border-radius:34px;pointer-events:none}.lux-collection-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 360px;gap:48px;align-items:center;min-height:430px;padding-top:58px;padding-bottom:58px}.lux-kicker,.lux-section-label{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:900;color:#b8975a}.lux-kicker{color:#f3d691;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 14px;backdrop-filter:blur(10px)}.lux-hero-copy h1{font-family:Georgia,serif;font-size:clamp(3.1rem,6vw,6.2rem);line-height:.96;letter-spacing:-.055em;margin:18px 0 16px}.lux-hero-copy p{max-width:620px;color:rgba(255,255,255,.78);font-size:1.12rem;line-height:1.85}.lux-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.lux-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 24px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;text-decoration:none;border:0;cursor:pointer;transition:.25s ease}.lux-btn-primary{background:linear-gradient(135deg,#d9bd78,#b8975a);color:#152919;box-shadow:0 22px 50px rgba(184,151,90,.26)}.lux-btn-glass{border:1px solid rgba(255,255,255,.32);color:#fff;background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}.lux-btn-light{background:#fff;color:#1f3322;border:1px solid #eadfcd}.lux-btn:hover{transform:translateY(-2px)}.lux-hero-panel{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:30px;padding:26px;backdrop-filter:blur(18px);box-shadow:0 26px 80px rgba(0,0,0,.22)}.lux-live-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:rgba(255,255,255,.12);padding:8px 12px;font-weight:800;font-size:.76rem}.lux-live-badge span,.lux-pulse-dot{width:9px;height:9px;border-radius:50%;background:#63e27b;box-shadow:0 0 0 0 rgba(99,226,123,.8);animation:luxPulse 1.5s infinite}.lux-hero-stat{margin:22px 0}.lux-hero-stat strong{display:block;font-family:Georgia,serif;font-size:3.1rem;line-height:1}.lux-hero-stat small,.lux-mini-line,.lux-countdown span{color:rgba(255,255,255,.74)}.lux-mini-line{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.16);padding:13px 0}.lux-countdown{margin-top:14px;border-radius:18px;background:rgba(0,0,0,.18);padding:15px}.lux-countdown strong{display:block;color:#f3d691;font-size:1.7rem;margin-top:3px}.lux-hero-orb{position:absolute;border-radius:50%;filter:blur(1px);z-index:1;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16)}.lux-hero-orb-a{width:190px;height:190px;right:8%;top:11%}.lux-hero-orb-b{width:95px;height:95px;left:48%;bottom:12%}.lux-progress-bar{position:sticky;top:0;z-index:90;height:3px;background:rgba(234,223,205,.65)}.lux-progress-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#1f3322,#b8975a)}.lux-collection-trust{background:#fffaf3;border-bottom:1px solid #eadfcd}.lux-trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#eadfcd}.lux-trust-row>div{background:#fffaf3;padding:20px 16px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.lux-trust-row span{font-size:1.55rem;grid-row:span 2}.lux-trust-row b{color:#1f3322}.lux-trust-row small{color:#6c766d}.lux-breadcrumb-wrap{padding-top:22px}.lux-collection-shell{background:#fcf8f1;padding:42px 0 80px}.lux-collection-topbar{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin-bottom:28px}.lux-collection-topbar h2{font-family:Georgia,serif;font-size:clamp(2rem,3.4vw,3.4rem);letter-spacing:-.04em;color:#1f3322;margin:8px 0}.lux-collection-topbar p{color:#6c766d}.lux-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lux-icon-btn{position:relative;border:1px solid #eadfcd;background:#fff;color:#1f3322;border-radius:999px;padding:11px 15px;font-weight:900;cursor:pointer;box-shadow:0 12px 30px rgba(31,51,34,.05)}.lux-icon-btn.is-active{background:#1f3322;color:#fff}.lux-icon-btn em{font-style:normal;background:#b8975a;color:#fff;border-radius:999px;padding:2px 7px;margin-left:5px}.lux-collection-layout{display:grid;grid-template-columns:310px 1fr;gap:28px;align-items:start}.lux-filter-card{position:sticky;top:96px;background:#fff;border:1px solid #eadfcd;border-radius:30px;padding:22px;box-shadow:0 26px 70px rgba(31,51,34,.08)}.lux-filter-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.lux-filter-head h3{font-family:Georgia,serif;color:#1f3322;font-size:1.55rem}.lux-filter-close{display:none;border:0;background:#1f3322;color:#fff;border-radius:50%;width:36px;height:36px;font-size:22px}.lux-search-filter span,.lux-price-row span{font-weight:800;color:#263f2a;font-size:.83rem}.lux-search-filter input,.lux-price-row input,.lux-sort-select{width:100%;margin-top:8px;border:1px solid #eadfcd;background:#fffaf3;border-radius:16px;padding:12px 14px;outline:none}.lux-filter-group{border-top:1px solid #eadfcd;margin-top:16px;padding-top:16px}.lux-filter-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:#1f3322;font-weight:900;padding:0 0 12px;cursor:pointer}.lux-price-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lux-range{width:100%;accent-color:#b8975a;margin-top:16px}.lux-chip-list{display:flex;flex-wrap:wrap;gap:9px}.lux-chip-list label{cursor:pointer}.lux-chip-list input{display:none}.lux-chip-list span{display:inline-flex;border:1px solid #eadfcd;border-radius:999px;padding:9px 12px;background:#fffaf3;color:#42503f;font-weight:700;font-size:.84rem}.lux-chip-list input:checked+span{background:#1f3322;color:#fff;border-color:#1f3322}.lux-full-btn{width:100%;margin-top:20px}.lux-clear-link{display:block;text-align:center;margin-top:13px;color:#8a7656;font-weight:800}.lux-products-area{min-width:0}.lux-live-strip{display:flex;align-items:center;gap:12px;background:#1f3322;color:#fff;border-radius:22px;padding:15px 18px;margin-bottom:22px;box-shadow:0 20px 45px rgba(31,51,34,.14)}.lux-product-grid{display:grid;gap:22px}.lux-product-grid.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lux-product-grid.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lux-product-grid .product-card{animation:luxFadeUp .55s ease both}.lux-empty-state{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 0,rgba(217,189,120,.2),transparent 34%),#fff;border:1px solid #eadfcd;border-radius:34px;padding:48px;box-shadow:0 26px 70px rgba(31,51,34,.08)}.lux-empty-icon{font-size:3.6rem;margin-bottom:12px}.lux-empty-state h3{font-family:Georgia,serif;color:#1f3322;font-size:clamp(2rem,3vw,3.2rem);letter-spacing:-.04em;margin:8px 0 10px}.lux-empty-state p{max-width:650px;color:#6c766d;line-height:1.8}.lux-empty-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:20px}.lux-recommend-box{margin-top:32px}.lux-recommend-head{margin-bottom:18px}.lux-recommend-head h3{font-family:Georgia,serif;color:#1f3322;font-size:2rem;margin-top:6px}.lux-pagination{display:flex;gap:8px;justify-content:center;margin-top:34px}.lux-pagination a{border:1px solid #eadfcd;background:#fff;color:#1f3322;border-radius:999px;padding:10px 14px;font-weight:900}.lux-pagination a.active{background:#1f3322;color:#fff}.lux-routine-section{background:#fff;padding:70px 0}.lux-routine-card{display:grid;grid-template-columns:.9fr 1.2fr;gap:26px;align-items:center;background:linear-gradient(135deg,#fffaf3,#fff);border:1px solid #eadfcd;border-radius:34px;padding:34px;box-shadow:0 24px 70px rgba(31,51,34,.06)}.lux-routine-card h2{font-family:Georgia,serif;color:#1f3322;font-size:clamp(2rem,3vw,3.1rem);letter-spacing:-.04em}.lux-routine-card p{color:#6c766d;line-height:1.7}.lux-routine-options{display:flex;flex-wrap:wrap;gap:10px}.lux-routine-options button{border:1px solid #eadfcd;background:#fff;border-radius:999px;padding:12px 16px;font-weight:900;color:#1f3322;cursor:pointer}.lux-routine-options button.active{background:#1f3322;color:#fff}.lux-routine-result{grid-column:2;background:#1f3322;color:#fff;border-radius:20px;padding:16px 18px;line-height:1.65}.lux-sticky-cart-preview{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(120px);z-index:120;display:flex;align-items:center;gap:18px;background:#1f3322;color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 22px 70px rgba(0,0,0,.22);border-radius:999px;padding:12px 14px 12px 20px;transition:.35s ease}.lux-sticky-cart-preview.show{transform:translateX(-50%) translateY(0)}.lux-sticky-cart-preview a{background:#d9bd78;color:#152919;border-radius:999px;padding:10px 16px;font-weight:900;text-transform:uppercase;font-size:.76rem}@keyframes luxPulse{70%{box-shadow:0 0 0 12px rgba(99,226,123,0)}100%{box-shadow:0 0 0 0 rgba(99,226,123,0)}}@keyframes luxFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.lux-collection-hero-inner{grid-template-columns:1fr}.lux-hero-panel{max-width:420px}.lux-collection-layout{grid-template-columns:1fr}.lux-filter-card{position:fixed;inset:0 auto 0 0;width:min(92vw,360px);z-index:150;border-radius:0;overflow:auto;transform:translateX(-105%);transition:.3s ease}.lux-filter-card.is-open{transform:translateX(0)}.lux-filter-close{display:block}.lux-product-grid.grid-3,.lux-product-grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.lux-routine-card{grid-template-columns:1fr}.lux-routine-result{grid-column:auto}.lux-trust-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.lux-collection-hero-inner{padding-top:42px;padding-bottom:42px}.lux-collection-hero::after{inset:14px;border-radius:22px}.lux-hero-copy h1{font-size:3rem}.lux-hero-actions,.lux-empty-actions{flex-direction:column}.lux-hero-panel{padding:20px}.lux-collection-topbar{align-items:flex-start;flex-direction:column}.lux-product-grid.grid-3,.lux-product-grid.grid-4{grid-template-columns:1fr}.lux-trust-row{grid-template-columns:1fr}.lux-trust-row>div{padding:16px}.lux-empty-state{padding:32px 20px}.lux-routine-card{padding:24px}.lux-sticky-cart-preview{width:calc(100% - 24px);justify-content:space-between;border-radius:24px}}