
:root{
  --bg:#f7f3ec;
  --bg-soft:#fbf8f3;
  --surface:#ffffff;
  --surface-2:#f8f5ef;
  --surface-3:#f0ece5;
  --text:#18211f;
  --muted:#6b746f;
  --line:#e6e0d8;
  --line-strong:#d9d0c4;
  --primary:#1e3d36;
  --primary-strong:#162d28;
  --accent:#b79263;
  --success:#2f6b4f;
  --warning:#a67327;
  --danger:#9a4e47;
  --info:#486781;
  --radius-xs:12px;
  --radius-sm:16px;
  --radius-md:22px;
  --radius-lg:28px;
  --shadow-xs:0 2px 8px rgba(24,33,31,.05);
  --shadow-sm:0 12px 30px rgba(24,33,31,.06);
  --shadow-md:0 20px 60px rgba(24,33,31,.08);
  --container:min(1240px,calc(100% - 40px));
  --container-narrow:min(820px,calc(100% - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#faf7f2 0%,#f6f2eb 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{background:none;border:none}
.container{width:var(--container);margin:0 auto}
.narrow{width:var(--container-narrow);margin:0 auto}
.py-lg{padding:88px 0}
.py-xl{padding:112px 0}
.mt-lg{margin-top:56px}
.site-shell{min-height:100vh;display:flex;flex-direction:column}
.site-main{flex:1}
.announcement-bar{background:#1a2522;color:#f2eee7;border-bottom:1px solid rgba(255,255,255,.06)}
.announcement-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;font-size:13px;color:#e7ddd0}
.site-header{position:sticky;top:0;z-index:40;background:rgba(247,243,236,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,224,216,.9)}
.nav-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:20px;padding:18px 0}
.brand{display:flex;align-items:center;gap:14px}
.brand strong{display:block;font-size:18px}
.brand small{display:block;color:var(--muted);font-size:13px}
.brand-badge{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,#213f39,#3c6b5e);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:var(--shadow-sm)}
.nav-toggle{display:none;padding:12px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.nav-links,.nav-actions,.button-group,.hero-actions,.cart-actions,.actions,.inline-search,.cart-inline-actions,.hero-proof,.trust-inline,.active-filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nav-links{justify-content:center}
.nav-links a{padding:10px 14px;border-radius:999px;color:var(--muted);font-weight:500;transition:.22s ease}
.nav-links a.active,.nav-links a:hover{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}
.nav-search{display:flex;align-items:center;gap:8px;padding:8px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid var(--line)}
.nav-search input{width:280px;border:none;background:transparent;padding:8px 12px;margin:0}
.nav-search input:focus{outline:none}
.nav-search button{padding:10px 14px;border-radius:999px;background:var(--primary);color:#fff;cursor:pointer}
.nav-actions{justify-content:flex-end}
.icon-link{padding:11px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:14px;box-shadow:var(--shadow-xs)}
.pill{display:inline-flex;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--primary);color:#fff;align-items:center;justify-content:center;font-size:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:14px;padding:13px 18px;font-weight:600;cursor:pointer;transition:.2s ease}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-xs)}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-strong)}
.btn-secondary{background:var(--surface);border-color:var(--line);color:var(--text)}
.btn-quiet{background:var(--surface-2);border-color:transparent;color:var(--primary)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--muted)}
.btn-block{width:100%}
.hero-section{padding:42px 0 34px}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:24px}
.hero-copy,.hero-banner,.hero-micro-card,.card,.filter-card,.product-card,.blog-card,.category-card,.stat-card,.empty-state,.notice-card,.summary-card{background:rgba(255,255,255,.82);border:1px solid rgba(230,224,216,.96);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
.hero-copy{padding:46px;position:relative;overflow:hidden}
.hero-copy::after{content:"";position:absolute;right:-32px;bottom:-48px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(183,146,99,.18),rgba(183,146,99,0));pointer-events:none}
.hero-copy h1{font-size:62px;line-height:1.02;letter-spacing:-.04em;margin:14px 0 18px;max-width:780px}
.hero-copy p,.lead,.page-copy p,.muted,.article-body p,.prose-card p{color:var(--muted);line-height:1.75}
.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:#efe8de;color:#9c7a4d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.hero-proof{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hero-proof div,.stats-strip div,.promo-points div,.trust-row div{padding:18px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line)}
.hero-proof strong,.stats-strip strong{display:block;font-size:16px;margin-bottom:6px}
.hero-banner-stack{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.hero-banner,.hero-micro-card{position:relative;overflow:hidden;min-height:274px}
.hero-banner img,.article-cover,.blog-card img{width:100%;height:100%;object-fit:cover}
.hero-banner-overlay{position:absolute;inset:auto 0 0 0;padding:28px;background:linear-gradient(180deg,rgba(15,17,16,.05),rgba(15,17,16,.86));color:#fff}
.hero-banner-kicker{display:inline-block;margin-bottom:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#e7d8bf}
.hero-banner.fallback{background:radial-gradient(circle at top left,#2c554a,#151b19)}
.hero-micro-card{padding:28px}
.hero-micro-card h3{font-size:28px;line-height:1.16;margin:14px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:26px}
.section-head h1,.section-head h2,.page-copy h1{margin:10px 0 0;font-size:42px;line-height:1.1;letter-spacing:-.03em}
.section-link,.text-link{font-weight:600;color:var(--primary)}
.journal-head{align-items:stretch}
.journal-copy{flex:1 1 62%;max-width:760px}
.journal-stats{margin-top:26px}
.journal-stats div{display:grid;gap:4px;padding:18px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line)}
.journal-stats span{font-weight:600;color:var(--text)}
.journal-stats small{color:var(--muted);line-height:1.55}
.journal-feature-card{flex:1 1 360px;max-width:420px;padding:26px;background:linear-gradient(135deg,#fff 0%,#f7f3ec 100%);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:grid;gap:14px;align-self:stretch}
.journal-feature-card h3{margin:0;font-size:28px;line-height:1.18}
.journal-feature-card p{margin:0;color:var(--muted);line-height:1.7}
.journal-feature-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

.journal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.blog-card-link{display:flex;flex-direction:column;height:100%}
.blog-card-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--surface-3)}
.blog-card-media::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(180deg,rgba(24,33,31,0),rgba(24,33,31,.16));pointer-events:none}
.blog-card img{width:100%;height:100%;object-fit:cover}
.blog-card-body{padding:22px;display:grid;gap:12px;flex:1}
.blog-card-cta{font-weight:700;color:var(--primary)}
.blog-card-featured{grid-column:span 2}
.blog-card-featured .blog-card-media{aspect-ratio:16/8}
.blog-card-overlay{position:absolute;left:22px;right:22px;bottom:22px;display:grid;gap:10px;padding:20px;border-radius:20px;background:linear-gradient(180deg,rgba(18,26,24,.1),rgba(18,26,24,.84));color:#fff;z-index:1}
.blog-card-overlay .eyebrow{width:max-content;background:rgba(255,255,255,.14);color:#fff}
.blog-card-overlay strong{font-size:28px;line-height:1.16}
.blog-card-overlay small{font-size:14px;color:rgba(255,255,255,.84)}

.category-grid,.product-grid,.blog-grid,.footer-grid,.promo-grid,.stats-grid{display:grid;gap:20px}
.category-grid{grid-template-columns:repeat(4,1fr)}
.category-card{padding:24px;display:flex;flex-direction:column;gap:10px;transition:.2s ease}
.category-card:hover,.product-card:hover,.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.category-pill,.filter-chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--surface-3);font-size:12px;color:var(--muted)}
.category-card strong{font-size:22px;line-height:1.12}
.category-card p{margin:0;color:var(--muted)}
.promo-band{padding:34px 0}
.promo-grid{grid-template-columns:1.05fr .95fr;align-items:start;background:linear-gradient(135deg,#fff 0%,#f7f3ec 100%);border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-sm)}
.promo-copy h2{font-size:40px;line-height:1.12;margin:12px 0}
.promo-points{display:grid;gap:16px}
.split-section{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-grid{grid-template-columns:repeat(4,1fr)}
.product-card{overflow:hidden;display:flex;flex-direction:column}
.product-image-wrap{display:grid;place-items:center;aspect-ratio:1/1;position:relative;overflow:hidden;padding:22px;background:radial-gradient(circle at top left,#fff 0%,#f6f0e6 58%,#eee4d7 100%)}
.product-image-wrap img{transition:transform .28s ease}
.product-card:hover .product-image-wrap img{transform:scale(1.035)}
.product-detail-image,.product-image-wrap img,.home-micro-product-media img,.category-card-media.is-product-visual img,.editorial-card.is-product-visual img,.promo-visual.is-product-visual img{width:100%;height:100%;object-fit:contain;display:block}
.product-detail-image,.product-image-wrap img{filter:drop-shadow(0 24px 30px rgba(24,33,31,.12))}

.product-badge{position:absolute;left:14px;top:14px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid var(--line);font-size:12px;font-weight:700}
.product-card-body{padding:20px;display:flex;flex-direction:column;gap:14px;flex:1}
.product-meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}
.product-card h3{font-size:21px;line-height:1.18;margin:0}
.product-card p{margin:0;color:var(--muted);min-height:64px}
.price-row,.price-xl,.review-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.price-row strong,.price-xl strong{font-size:22px}
.price-row span,.price-xl span{text-decoration:line-through;color:#9b968d}
.price-xl{margin:6px 0 8px}
.price-xl strong{font-size:42px;line-height:1}
.discount-chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f4ecdf;color:#9f7935;font-size:13px;font-style:normal;font-weight:700}
.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.blog-grid{grid-template-columns:repeat(3,1fr)}
.blog-card{overflow:hidden}
.blog-card-body{padding:22px;display:grid;gap:12px}
.blog-card-body span{font-size:13px;color:var(--muted)}
.blog-card-body h3{font-size:24px;line-height:1.18;margin:0}
.blog-card-body p{margin:0;color:var(--muted)}
.catalog-hero{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:26px}
.catalog-hero h1{font-size:44px;line-height:1.08;margin:12px 0}
.catalog-hero-meta{padding:18px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line);min-width:180px;text-align:right}
.catalog-hero-meta strong{display:block;font-size:34px}
.catalog-layout{display:grid;grid-template-columns:300px 1fr;gap:24px}
.catalog-main{display:grid;gap:18px}
.filter-card{padding:22px;position:sticky;top:118px;height:fit-content}
.field-head{display:flex;align-items:center;justify-content:space-between}
.active-filter-bar{padding:12px 0}
.empty-state{padding:42px;text-align:center}
.empty-state h3{margin-top:0;font-size:28px}
.grid-2,.grid-3,.checkout-layout,.dashboard-grid,.detail-content-grid,.cart-layout{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.product-detail-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:24px;align-items:start}
.product-gallery-card,.product-summary-card,.checkout-form-surface{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.product-gallery-card{padding:22px}
.gallery-stage{display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;border-radius:22px;padding:28px;background:radial-gradient(circle at top left,#fff 0%,#f6f0e6 58%,#eee4d7 100%)}
.thumb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.thumb-grid img{border-radius:16px;border:1px solid var(--line);aspect-ratio:1/1;object-fit:contain;padding:10px;background:linear-gradient(180deg,#fff,#f6f0e6)}
.product-summary-card{padding:28px;position:sticky;top:118px}
.product-kicker{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.product-summary-card h1{font-size:46px;line-height:1.05;margin:12px 0}
.product-rating-line{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:14px}
.feature-list,.meta-list{display:grid;gap:12px}
.feature-list div,.meta-list div,.summary-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.feature-list div:last-child,.meta-list div:last-child,.summary-row:last-child{border-bottom:none}
.product-action-form{display:grid;grid-template-columns:150px 1fr 1fr;gap:12px;margin-top:12px}
.product-action-form label{display:grid;gap:8px}
.trust-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.trust-inline div{padding:14px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line);font-size:13px;color:var(--muted)}
.detail-breadcrumb{display:flex;gap:10px;color:var(--muted);font-size:14px;margin-bottom:18px}
.detail-content-grid{grid-template-columns:1.15fr .85fr;margin-top:26px}
.stack-gap,.stack-form,.flash-stack{display:grid;gap:16px}
.card,.filter-card,.auth-card,.summary-card,.notice-card,.stat-card{padding:26px}
.prose-card{padding:30px}
.tab-strip{display:flex;gap:18px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.tab-strip span{color:var(--muted)}
.tab-active{color:var(--primary)!important;font-weight:700}
.review-item{padding:18px 0;border-bottom:1px solid var(--line)}
.review-item:last-child{border-bottom:none}
.review-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.related-section{margin-top:40px}
.related-products-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.related-products-item{display:grid;grid-template-columns:108px 1fr auto;gap:18px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fff,#fbfaf7);box-shadow:0 14px 34px rgba(23,32,31,.06)}
.related-products-media{width:108px;height:108px;border-radius:20px;padding:12px;display:grid;place-items:center;background:radial-gradient(circle at top left,#fff 0%,#f6f0e6 58%,#eee4d7 100%);border:1px solid var(--line);overflow:hidden}
.related-products-media img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(24,33,31,.12))}
.related-products-body h3{margin:8px 0 6px;font-size:22px}
.related-products-body p{margin:0;color:var(--muted)}
.related-products-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.related-products-price{display:grid;justify-items:end;gap:8px;min-width:168px}
.related-products-price strong{font-size:20px}
.related-products-price span{color:var(--muted);text-decoration:line-through}
.cart-layout{grid-template-columns:1.15fr .85fr}
.cart-surface{padding:24px}
.cart-list{display:grid;gap:18px}
.cart-item{display:grid;grid-template-columns:112px 1fr 120px 160px;gap:18px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}
.cart-item:last-child{border-bottom:none;padding-bottom:0}
.cart-item-media{width:112px;height:112px;display:grid;place-items:center;border-radius:24px;padding:14px;background:radial-gradient(circle at top left,#fff 0%,#f6f0e6 58%,#eee4d7 100%);border:1px solid var(--line);overflow:hidden}
.cart-item img{width:100%;height:100%;border-radius:0;object-fit:contain;background:transparent;filter:drop-shadow(0 18px 22px rgba(24,33,31,.12))}
.cart-item h3{margin:8px 0 6px;font-size:21px}
.cart-inline-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}
.summary-card h3{margin-top:0}
.summary-total{font-size:18px;font-weight:800}
.summary-eyebrow{color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.sticky-card{position:sticky;top:118px;height:fit-content}
.checkout-layout{grid-template-columns:1.12fr .88fr}
.checkout-form-surface{padding:28px}
.checkout-step{display:grid;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.checkout-step:last-of-type{padding-bottom:0;border-bottom:none}
.step-head{display:flex;gap:14px;align-items:flex-start}
.step-head span{width:40px;height:40px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;font-weight:800;color:var(--primary)}
.step-head h3{margin:0 0 4px;font-size:24px}
.step-head p{margin:0;color:var(--muted)}
.option-card{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:18px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer}
.option-card input{width:auto;margin-top:4px}
.option-card-payment{background:linear-gradient(180deg,#fbfaf7,#f7f3ec)}
.notice-card h4{margin-top:0}
.success-panel{text-align:center}
.auth-card{padding:34px}
.auth-card-rich{display:grid;gap:18px}
.auth-copy h1{font-size:38px;line-height:1.1;margin:12px 0}
.auth-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.dashboard-grid{grid-template-columns:1.05fr .95fr}
.stats-grid{grid-template-columns:repeat(3,1fr)}
.stat-card{padding:24px}
.stat-card span{display:block;color:var(--muted);margin-bottom:10px}
.stat-card strong{display:block;font-size:34px}
.table-responsive{overflow:auto}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:16px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;text-transform:capitalize}
.badge-success{background:#ecf6ef;color:var(--success)}
.badge-warning{background:#fff4e6;color:var(--warning)}
.badge-info,.badge-primary,.badge-accent{background:#edf3ff;color:#274f8f}
.badge-danger{background:#fff0ee;color:var(--danger)}
.badge-muted{background:#efede8;color:var(--muted)}
.alert{padding:15px 18px;border-radius:16px;border:1px solid transparent}
.alert-success{background:#edf7ee;color:var(--success);border-color:#d3e5d6}
.alert-error{background:#fff1ef;color:var(--danger);border-color:#f1cec8}
.error-list{margin:10px 0 0;padding-left:18px}
input,select,textarea{width:100%;margin-top:8px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);transition:.18s ease}
input:focus,select:focus,textarea:focus{outline:none;border-color:#8aa398;box-shadow:0 0 0 4px rgba(30,61,54,.08)}
label{display:block;color:var(--text);font-weight:600}
small,.muted{color:var(--muted)}
.text-right{text-align:right}
.article-detail h1{font-size:48px;line-height:1.08;margin:14px 0}
.article-body{margin-top:20px}
.footer-grid{grid-template-columns:1.2fr repeat(3,1fr);padding:30px 0 20px;border-top:1px solid var(--line);gap:26px}
.footer-grid h5{margin:0 0 14px}
.footer-grid a,.footer-grid p{display:block;margin-bottom:10px;color:var(--muted)}
.footer-brand{display:flex;gap:16px;align-items:flex-start}
.footer-meta{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 0 34px;color:var(--muted);font-size:14px}
hr{border:none;border-top:1px solid var(--line);margin:18px 0}
code{background:var(--surface-2);padding:2px 6px;border-radius:8px}
@media (max-width: 1120px){
  .nav-row{grid-template-columns:auto auto;justify-content:space-between}
  .nav-links,.nav-search{grid-column:1/-1}
  .hero-grid,.promo-grid,.catalog-layout,.product-detail-grid,.detail-content-grid,.cart-layout,.checkout-layout,.dashboard-grid{grid-template-columns:1fr}
  .sticky-card,.product-summary-card,.filter-card{position:static}
  .hero-proof,.stats-strip,.category-grid,.product-grid,.blog-grid,.footer-grid,.trust-inline,.stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 760px){
  .container,.narrow{width:min(100% - 24px,100%)}
  .announcement-row{flex-direction:column;align-items:flex-start}
  .nav-row{display:flex;flex-wrap:wrap}
  .nav-toggle{display:inline-flex}
  .nav-links{display:none;width:100%;padding:8px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid var(--line);justify-content:flex-start}
  .nav-links.is-open{display:flex}
  .nav-search{width:100%;order:4}
  .nav-search input{width:100%}
  .nav-actions{width:100%;justify-content:space-between}
  .hero-copy{padding:28px}
  .hero-copy h1{font-size:42px}
  .hero-proof,.stats-strip,.category-grid,.product-grid,.blog-grid,.footer-grid,.trust-inline,.stats-grid,.grid-2,.grid-3,.product-actions,.product-action-form{grid-template-columns:1fr}
  .catalog-hero,.split-section,.section-head,.footer-meta{flex-direction:column;align-items:flex-start}
  .cart-item{grid-template-columns:80px 1fr;gap:12px}
  .cart-item img{width:80px;height:80px}
  .cart-item > :nth-child(3),.cart-item > :nth-child(4){grid-column:2}
  .product-summary-card h1,.article-detail h1,.section-head h1,.section-head h2,.catalog-hero h1{font-size:32px}
  .price-xl strong{font-size:34px}
  .py-lg{padding:56px 0}
  .py-xl{padding:72px 0}
}


/* === Professional dynamic header refresh === */
.announcement-row,.header-main-row,.nav-cluster,.nav-primary,.announcement-left,.announcement-right,.category-rail,.account-panel,.mega-panel-grid,.mega-category-list,.mega-link-list{display:flex;align-items:center}
.announcement-row{justify-content:space-between;gap:18px;padding:10px 0}
.announcement-left,.announcement-right{gap:14px;flex-wrap:wrap}
.announcement-right a{color:#efe7da;opacity:.9}
.announcement-right a:hover{opacity:1}
.announcement-divider{opacity:.45}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,243,236,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,208,196,.75);box-shadow:0 8px 32px rgba(24,33,31,.04)}
.header-main-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:20px;align-items:center;padding:18px 0 14px}
.nav-search{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(217,208,196,.95);box-shadow:0 8px 24px rgba(24,33,31,.04)}
.nav-search-icon{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:rgba(30,61,54,.08);color:var(--primary);font-size:16px}
.nav-search input{border:none;background:transparent;padding:10px 4px;min-width:240px;width:100%}
.nav-search input:focus{outline:none}
.nav-search button{padding:10px 18px;border-radius:999px;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:.2s ease}
.nav-search button:hover{background:var(--primary-strong)}
.nav-search-desktop{max-width:620px}
.nav-search-mobile{display:none;margin:10px 0 0}
.nav-actions-desktop{justify-content:flex-end}
.icon-link{padding:10px 14px;border-radius:999px;border:1px solid transparent;color:var(--muted);font-weight:600;transition:.2s ease}
.icon-link:hover{background:rgba(255,255,255,.78);border-color:var(--line);color:var(--text)}
.cart-link{background:rgba(255,255,255,.7);border-color:var(--line)}
.pill{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--primary);color:#fff;font-size:12px;font-weight:700}
.nav-cluster{display:flex;flex-direction:column;gap:14px;padding:0 0 16px}
.nav-primary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nav-primary > a,.nav-discovery > summary{padding:11px 16px;border-radius:999px;color:var(--muted);font-weight:600;list-style:none;cursor:pointer;transition:.22s ease}
.nav-primary > a:hover,.nav-primary > a.active,.nav-discovery > summary:hover,.nav-discovery.is-active > summary,.nav-discovery[open] > summary{background:#fff;color:var(--text);box-shadow:var(--shadow-xs)}
.nav-discovery{position:relative}
.nav-discovery > summary::-webkit-details-marker{display:none}
.mega-panel{position:absolute;top:calc(100% + 14px);left:0;min-width:760px;max-width:min(980px,calc(100vw - 48px));padding:12px;border-radius:24px;background:rgba(255,255,255,.98);border:1px solid rgba(217,208,196,.95);box-shadow:0 24px 60px rgba(24,33,31,.12)}
.mega-panel-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:stretch}
.mega-panel-block{padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(248,245,239,.86),rgba(255,255,255,.98));border:1px solid rgba(230,224,216,.9)}
.mega-kicker{display:inline-block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mega-panel h4{margin:0 0 16px;font-size:22px;line-height:1.25}
.mega-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mega-category-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid rgba(230,224,216,.95);transition:.2s ease}
.mega-category-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-xs)}
.mega-category-card strong{font-size:15px}
.mega-category-card span{font-size:13px;color:var(--muted);line-height:1.55}
.mega-link-list{display:flex;flex-direction:column;gap:8px}
.mega-link-list a{padding:10px 12px;border-radius:14px;font-weight:600;color:var(--text);background:rgba(255,255,255,.75);border:1px solid rgba(230,224,216,.8)}
.mega-link-list a:hover{background:#fff}
.mega-trust-card{margin-top:16px;padding:18px;border-radius:18px;background:linear-gradient(135deg,rgba(30,61,54,.96),rgba(44,78,68,.9));color:#f7f3ec}
.mega-trust-card h5{margin:8px 0 0;font-size:17px;line-height:1.45;font-weight:600}
.category-rail{display:flex;gap:10px;flex-wrap:wrap}
.category-rail-link{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(230,224,216,.9);color:var(--muted);font-size:14px;font-weight:600;transition:.2s ease}
.category-rail-link:hover,.category-rail-link.active{background:#fff;color:var(--text);box-shadow:var(--shadow-xs)}
.account-menu{position:relative}
.account-menu > summary{list-style:none;cursor:pointer}
.account-menu > summary::-webkit-details-marker{display:none}
.account-panel{position:absolute;right:0;top:calc(100% + 12px);display:flex;flex-direction:column;gap:8px;min-width:220px;padding:12px;border-radius:20px;background:rgba(255,255,255,.98);border:1px solid rgba(217,208,196,.95);box-shadow:0 20px 48px rgba(24,33,31,.12)}
.account-panel a{padding:10px 12px;border-radius:14px;color:var(--text);font-weight:600}
.account-panel a:hover{background:var(--bg-soft)}
.account-logout-form .btn{width:100%;justify-content:center}
.nav-actions-mobile{display:none}
.nav-toggle{display:none;padding:12px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:var(--shadow-xs);font-weight:700;color:var(--text)}
@media (hover:hover){
  .nav-discovery:hover .mega-panel{display:block}
  .nav-discovery:not([open]) .mega-panel{display:none}
}
@media (max-width:1100px){

  .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blog-card-featured{grid-column:span 2}

  .header-main-row{grid-template-columns:auto 1fr auto;grid-template-areas:'brand actions toggle' 'search search search';align-items:start}
  .header-main-row .brand{grid-area:brand}
  .header-main-row .nav-search-desktop{grid-area:search;max-width:none}
  .header-main-row .nav-actions-desktop{grid-area:actions}
  .header-main-row .nav-toggle{grid-area:toggle;justify-self:end}
}
@media (max-width:920px){
  .announcement-row{padding:9px 0}
  .announcement-left{font-size:12px}
  .announcement-right{display:none}
  .header-main-row{grid-template-columns:auto auto;grid-template-areas:'brand toggle';padding:16px 0 12px}
  .nav-actions-desktop,.nav-search-desktop{display:none}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center}
  .nav-cluster{display:none;padding:0 0 16px}
  .nav-cluster.is-open{display:flex}
  .nav-primary{flex-direction:column;align-items:stretch}
  .nav-primary > a,.nav-discovery > summary{display:flex;justify-content:space-between;width:100%;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.7);border:1px solid rgba(230,224,216,.9)}
  .nav-search-mobile{display:flex}
  .nav-discovery{width:100%}
  .mega-panel{position:static;min-width:auto;max-width:none;margin-top:10px;padding:10px;border-radius:20px;box-shadow:none}
  .mega-panel-grid,.mega-category-list{grid-template-columns:1fr}
  .category-rail{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}
  .nav-actions-mobile{display:flex}
  .nav-actions-mobile .btn,.nav-actions-mobile .icon-link{width:100%;justify-content:center}
  .account-menu{display:none}
}

.option-card-recommended{border-color:rgba(30,61,54,.22);box-shadow:0 12px 30px rgba(24,33,31,.05)}

.hero-grid-slider{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
.hero-slider-shell{display:flex;flex-direction:column;gap:18px}
.hero-slider-track{position:relative;min-height:560px;border-radius:32px;overflow:hidden;box-shadow:var(--shadow-md);background:#ddd}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease,transform .45s ease;transform:scale(1.02)}
.hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}
.hero-slide-link{position:relative;display:block;height:100%;min-height:560px}
.hero-slide-link img{width:100%;height:100%;object-fit:cover}
.hero-slide-product{background:linear-gradient(135deg,#1c2f2c 0%,#243a36 46%,#5c4c3b 100%)}
.hero-slide-link-product{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:24px;padding:34px 36px;min-height:560px;background:
  radial-gradient(circle at left top,rgba(255,255,255,.05),rgba(255,255,255,0) 34%),
  linear-gradient(135deg,#1c2f2c 0%,#243a36 46%,#5c4c3b 100%)}
.hero-slide-product-copy{position:relative;z-index:2;display:grid;gap:14px;color:#fff;align-self:end;padding-bottom:8px}
.hero-slide-product-copy h3{margin:0;font-size:42px;line-height:1.04;max-width:12ch}
.hero-slide-product-copy p{margin:0;max-width:38ch;color:rgba(255,255,255,.84)}
.hero-slide-product-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:#ebdecc}
.hero-slide-product-meta span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}
.hero-slide-product-media{position:relative;display:grid;place-items:center;align-self:stretch;min-height:100%;border-radius:30px;padding:40px;background:
  radial-gradient(circle at top left,rgba(255,255,255,.24),rgba(255,255,255,.06) 34%,rgba(255,255,255,.02) 58%),
  linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}
.hero-slide-product-media::after{content:"";position:absolute;inset:auto 10% 8% 10%;height:18%;border-radius:999px;background:radial-gradient(circle,rgba(9,11,10,.28),rgba(9,11,10,0) 72%);filter:blur(12px);pointer-events:none}
.hero-slide-product-media img{position:relative;z-index:1;width:100%;height:100%;max-height:430px;object-fit:contain;filter:drop-shadow(0 34px 44px rgba(9,11,10,.24))}
.hero-slide-overlay{position:absolute;inset:auto 0 0 0;padding:34px;background:linear-gradient(180deg,rgba(24,33,31,.04) 0%,rgba(24,33,31,.7) 100%);color:#fff;display:grid;gap:10px}
.hero-slide-overlay h3{margin:0;font-size:34px;line-height:1.12}
.hero-slide-overlay p{margin:0;max-width:56ch;color:rgba(255,255,255,.86)}
.hero-slide-cta{display:inline-flex;margin-top:8px;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff}
.hero-slider-controls{display:flex;align-items:center;justify-content:space-between;gap:14px}
.hero-slider-arrow{width:48px;height:48px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs);font-size:26px;line-height:1;cursor:pointer}
.hero-slider-dots{display:flex;align-items:center;gap:10px}
.hero-slider-dot{width:11px;height:11px;border-radius:999px;background:rgba(24,33,31,.18);cursor:pointer;transition:all .2s ease}
.hero-slider-dot.is-active{width:34px;background:var(--primary)}
.hero-micro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.checkout-topline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}
.status-inline-card{padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.76);display:grid;gap:6px}
.status-inline-card strong{font-size:15px}
.status-inline-card span{font-size:13px;color:var(--muted)}
.status-inline-card-done{border-color:rgba(47,107,79,.2);background:rgba(47,107,79,.08)}
.status-inline-card-current{border-color:rgba(183,146,99,.26);background:rgba(183,146,99,.11)}
.checkout-note-panel{margin-top:18px;padding:18px 20px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line);display:grid;gap:8px}
.checkout-note-panel strong{font-size:15px}
.checkout-note-panel p{margin:0;color:var(--muted)}
@media (max-width:1024px){
  .hero-grid-slider{grid-template-columns:1fr;gap:28px}
  .hero-slider-track,.hero-slide-link{min-height:460px}
}
@media (max-width:720px){
  .hero-slider-track,.hero-slide-link{min-height:360px}
  .hero-slide-overlay{padding:24px}
  .hero-slide-overlay h3{font-size:28px}
  .hero-micro-grid{grid-template-columns:1fr}
  .checkout-topline{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .hero-slider-controls{justify-content:center}
  .hero-slider-arrow{width:42px;height:42px}
  .checkout-topline{grid-template-columns:1fr}
}


@media (max-width:760px){
  .journal-grid{grid-template-columns:1fr}
  .blog-card-featured{grid-column:auto}
  .blog-card-featured .blog-card-media{aspect-ratio:16/10}
  .blog-card-overlay strong{font-size:24px}
}


.footer-social{margin-top:18px}
.footer-social-title{display:block;margin-bottom:12px;font-weight:700;color:var(--text)}
.footer-social-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.social-link{width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs);transition:.2s ease;color:var(--text)}
.social-link svg{width:20px;height:20px;fill:currentColor}
.social-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.social-link.is-disabled{opacity:.45;pointer-events:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:70;display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border-radius:999px;background:#25d366;color:#fff;box-shadow:0 20px 35px rgba(37,211,102,.28);font-weight:700}
.floating-whatsapp:hover{transform:translateY(-2px)}
.floating-whatsapp.is-disabled{opacity:.55;pointer-events:none}
.floating-whatsapp__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}
.floating-whatsapp__icon svg{width:24px;height:24px;fill:currentColor}
@media (max-width: 760px){
  .floating-whatsapp{right:16px;bottom:16px;padding:14px;width:58px;height:58px;justify-content:center}
  .floating-whatsapp__label{display:none}
}


.category-card-visual{overflow:hidden;padding:0 0 24px}
.category-card-media{display:block;aspect-ratio:1.15/0.9;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0;margin-bottom:16px}
.category-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease}
.category-card-visual:hover .category-card-media img{transform:scale(1.04)}
.category-card-media.is-product-visual{display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top left,#fff 0%,#f6f0e6 58%,#efe5d8 100%)}
.category-card-media.is-product-visual img{transition:transform .28s ease,filter .28s ease;filter:drop-shadow(0 20px 28px rgba(24,33,31,.12))}

.category-card-visual .category-pill,.category-card-visual strong,.category-card-visual p,.category-card-visual .text-link{margin-left:24px;margin-right:24px}
.promo-grid-visual{grid-template-columns:1.03fr .97fr;align-items:stretch}
.promo-copy{display:flex;flex-direction:column;justify-content:center}
.promo-visual{min-height:100%;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#fbf8f2,#efe7db);box-shadow:var(--shadow-sm);position:relative}
.promo-visual img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}
.promo-visual.is-product-visual{display:grid;place-items:center;padding:34px;background:radial-gradient(circle at top left,#fff 0%,#f6f0e6 60%,#e8dac9 100%)}
.promo-visual.is-product-visual img{object-fit:contain;min-height:0;max-height:420px;filter:drop-shadow(0 32px 42px rgba(24,33,31,.12))}
.promo-visual-note{position:absolute;left:24px;right:24px;bottom:24px;display:grid;gap:4px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.86);border:1px solid rgba(230,224,216,.96);backdrop-filter:blur(12px)}
.promo-visual-note strong{font-size:17px;line-height:1.2}
.promo-visual-note span{color:var(--muted);font-size:13px}

.blog-card img,.product-image-wrap img,.category-card-media img{display:block}
@media (max-width: 960px){
    .promo-grid-visual{grid-template-columns:1fr}
    .promo-visual img{min-height:320px}
}


/* Homepage premium refresh */
.hero-section-premium{padding-top:46px}
.home-hero-copy{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(247,243,236,.94));}
.home-hero-copy h1{max-width:12ch}
.home-micro-grid-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-micro-product-card{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:18px;padding:20px}
.home-micro-product-media{display:grid;place-items:center;align-self:stretch;border-radius:22px;padding:12px;background:radial-gradient(circle at top left,#fff 0%,#f6f0e6 60%,#ecdfcf 100%);min-height:128px}
.home-micro-product-media img{filter:drop-shadow(0 18px 24px rgba(24,33,31,.12))}
.home-micro-product-copy{display:grid;gap:10px}
.home-micro-product-copy .eyebrow{margin-bottom:0}
.home-micro-product-copy h3{margin:0;font-size:24px;line-height:1.08}
.home-micro-product-copy p{margin:0;color:var(--muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.hero-proof-compact span{display:block;color:var(--muted);font-size:14px;line-height:1.55}
.hero-note{margin-top:18px;font-size:13px;color:var(--muted);max-width:52ch}
.home-micro-card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,245,239,.88))}
.home-micro-card h3{font-size:24px}
.home-editorial-strip{padding:8px 0 30px}
.editorial-grid{display:grid;grid-template-columns:1.18fr .82fr .82fr;gap:20px}
.editorial-card{position:relative;display:block;min-height:300px;border-radius:30px;overflow:hidden;box-shadow:var(--shadow-sm);background:#ddd}
.editorial-card-feature{min-height:360px}
.editorial-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.editorial-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,33,31,.06) 18%,rgba(24,33,31,.76) 100%);z-index:1}
.editorial-card:hover img{transform:scale(1.04)}
.editorial-card.is-product-visual{background:radial-gradient(circle at top left,#fff 0%,#f6f0e6 60%,#eaddcd 100%)}
.editorial-card.is-product-visual::before{background:linear-gradient(180deg,rgba(24,33,31,.03) 16%,rgba(24,33,31,.56) 100%)}
.editorial-card.is-product-visual img{padding:34px;filter:drop-shadow(0 28px 32px rgba(24,33,31,.12))}

.editorial-card-content{position:absolute;left:0;right:0;bottom:0;padding:28px;display:grid;gap:10px;color:#fff;z-index:2}
.editorial-card-kicker{display:inline-flex;align-items:center;width:max-content;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.editorial-card h3{margin:0;font-size:30px;line-height:1.06;max-width:12ch}
.editorial-card p{margin:0;max-width:34ch;color:rgba(255,255,255,.84);line-height:1.6}
.text-link-light{color:#fff}
.home-section-shell{padding:34px;border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(249,246,240,.88));border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.home-section-shell-soft{background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(244,239,231,.8))}
.section-head-compact p{margin:10px 0 0;color:var(--muted);max-width:56ch;line-height:1.7}
.home-category-grid .category-card{background:rgba(255,255,255,.86)}
.home-category-grid .category-card strong{font-size:20px}
.home-category-grid .category-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:auto}
.home-product-grid .product-card{background:rgba(255,255,255,.86)}
.home-product-grid .product-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:auto}
.home-product-grid .product-card h3{font-size:20px}
.home-promo-band{padding-top:0}
.promo-copy-short p{max-width:44ch}
.promo-pill-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 24px}
.promo-pill{display:inline-flex;padding:9px 14px;border-radius:999px;background:rgba(24,33,31,.06);border:1px solid rgba(24,33,31,.08);font-size:13px;font-weight:700;color:var(--primary)}
.promo-points-compact div p{margin:6px 0 0}
.split-section-compact h2{margin:10px 0 0;font-size:42px;line-height:1.05;letter-spacing:-.03em}
.home-signature-strip{padding:0 0 24px}
.signature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.signature-card{padding:28px;border-radius:28px;background:rgba(255,255,255,.86);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:grid;gap:10px}
.signature-kicker{display:inline-flex;width:max-content;padding:7px 10px;border-radius:999px;background:#efe8de;color:#9c7a4d;font-size:12px;font-weight:800;letter-spacing:.08em}
.signature-card strong{font-size:24px;line-height:1.1}
.signature-card p{margin:0;color:var(--muted);line-height:1.65}
.journal-premium-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
.journal-featured-card{position:relative;min-height:460px;border-radius:30px;overflow:hidden;box-shadow:var(--shadow-sm);background:#ddd}
.journal-featured-link{display:block;height:100%}
.journal-featured-card img{width:100%;height:100%;object-fit:cover}
.journal-featured-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,33,31,.04) 12%,rgba(24,33,31,.78) 100%);z-index:1;pointer-events:none}
.journal-featured-content{position:absolute;left:0;right:0;bottom:0;padding:30px;display:grid;gap:10px;color:#fff;z-index:2}
.journal-featured-content h3{margin:0;font-size:34px;line-height:1.08;max-width:12ch}
.journal-featured-content p{margin:0;max-width:40ch;color:rgba(255,255,255,.86);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.journal-meta{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#e8dcc9}
.journal-side-list{display:grid;gap:20px}
.journal-mini-card{display:grid;grid-template-columns:.96fr 1.04fr;min-height:220px}
.journal-mini-card-media{display:block;min-height:100%}
.journal-mini-card-media img{width:100%;height:100%;object-fit:cover}
.journal-mini-card-body{padding:22px}
.journal-mini-card-body h3{font-size:22px;line-height:1.14}
.journal-mini-card-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1180px){
  .editorial-grid{grid-template-columns:1fr 1fr}
  .editorial-card-feature{grid-column:1/-1;min-height:360px}
}
@media (max-width:1180px){
  .hero-slide-link-product{grid-template-columns:1fr;gap:18px;padding:28px}
  .hero-slide-product-copy{align-self:start}
  .hero-slide-product-copy h3{max-width:none}
  .hero-slide-product-media{min-height:300px}
}
@media (max-width:1024px){
  .home-section-shell{padding:28px}
  .signature-grid,.journal-premium-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .home-hero-copy h1{max-width:none}
  .editorial-grid,.signature-grid{grid-template-columns:1fr}
  .editorial-card,.editorial-card-feature{min-height:280px}
  .section-head-compact,.split-section-compact{align-items:flex-start}
  .split-section-compact{flex-direction:column}
  .journal-mini-card{grid-template-columns:1fr}
}

@media (max-width:1024px){
  .home-micro-product-card{grid-template-columns:104px 1fr}
}
@media (max-width:760px){
  .home-micro-grid-products{grid-template-columns:1fr}
  .home-micro-product-card{grid-template-columns:88px 1fr;padding:18px}
  .home-micro-product-media{min-height:100px}
}


[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
[data-reveal].is-visible{opacity:1;transform:none}

.hero-section-premium{position:relative;overflow:clip}
.hero-section-premium::before,.hero-section-premium::after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(6px);opacity:.8}
.hero-section-premium::before{width:360px;height:360px;left:-110px;top:24px;background:radial-gradient(circle,rgba(183,146,99,.16),rgba(183,146,99,0) 72%);animation:luxuryFloat 16s ease-in-out infinite}
.hero-section-premium::after{width:420px;height:420px;right:-140px;top:-60px;background:radial-gradient(circle,rgba(42,73,64,.14),rgba(42,73,64,0) 72%);animation:luxuryFloat 18s ease-in-out infinite reverse}
.hero-section-premium .container{position:relative;z-index:1}

.home-hero-copy,
.hero-slider-track,
.home-micro-card,
.editorial-card,
.home-section-shell,
.signature-card,
.brand-logo-chip,
.testimonial-card{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}

.home-hero-copy:hover,
.hero-slider-track:hover,
.home-micro-card:hover,
.editorial-card:hover,
.home-section-shell:hover,
.signature-card:hover,
.brand-logo-chip:hover,
.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(24,33,31,.12)}

.hero-slider-track{position:relative;isolation:isolate}
.hero-slider-track::after{content:"";position:absolute;right:-30px;top:-30px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0) 68%);pointer-events:none;z-index:1;animation:luxuryFloat 12s ease-in-out infinite}
.hero-slide-overlay,
.hero-slider-controls,
.hero-micro-grid{position:relative;z-index:2}

.home-brand-marquee{padding:6px 0 14px}
.brand-marquee-shell{padding:24px 0 8px}
.brand-marquee-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.brand-marquee-head h2{margin:12px 0 0;font-size:clamp(30px,3vw,42px);line-height:1.08;letter-spacing:-.04em;max-width:12ch}
.brand-marquee-window{overflow:hidden;padding:8px 0;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 90%,transparent 100%)}
.brand-marquee-track{display:flex;align-items:center;gap:16px;width:max-content;animation:brandMarquee 28s linear infinite}
.brand-marquee-window:hover .brand-marquee-track{animation-play-state:paused}
.brand-logo-chip{flex:0 0 auto;min-width:230px;padding:20px 24px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,244,236,.9));border:1px solid rgba(230,224,216,.96);box-shadow:var(--shadow-sm);display:grid;gap:8px}
.brand-logo-chip strong{font-family:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;font-size:32px;line-height:1;letter-spacing:-.04em}
.brand-logo-mark{display:inline-flex;width:max-content;padding:7px 10px;border-radius:999px;background:rgba(183,146,99,.12);color:#9c7a4d;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}

.testimonial-shell{position:relative;overflow:hidden;padding:36px;border-radius:36px;background:linear-gradient(135deg,#17231f 0%,#20362f 55%,#29463d 100%);color:#fff;box-shadow:0 26px 70px rgba(24,33,31,.18)}
.testimonial-shell::before{content:"";position:absolute;right:-120px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(232,196,143,.28),rgba(232,196,143,0) 72%);pointer-events:none}
.testimonial-shell::after{content:"";position:absolute;left:-90px;bottom:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),rgba(255,255,255,0) 72%);pointer-events:none}
.testimonial-shell > *{position:relative;z-index:1}
.testimonial-shell .section-head-compact p{color:rgba(255,255,255,.72)}
.testimonial-shell .eyebrow{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);color:#ecd5ae}
.testimonial-grid{display:grid;grid-template-columns:1.15fr .925fr .925fr;gap:18px}
.testimonial-card{padding:28px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);display:grid;gap:18px;color:#fff}
.testimonial-card blockquote{margin:0;font-size:22px;line-height:1.6;letter-spacing:-.02em;max-width:22ch}
.testimonial-card-feature blockquote{font-size:30px;max-width:14ch}
.testimonial-stars{font-size:18px;letter-spacing:.18em;color:#e8c48f}
.testimonial-client{display:flex;align-items:center;gap:14px}
.testimonial-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#b79263,#8f6a3f);color:#fff;font-size:15px;font-weight:800;letter-spacing:.08em;box-shadow:inset 0 1px 1px rgba(255,255,255,.2)}
.testimonial-client strong{display:block;font-size:17px}
.testimonial-client span{display:block;color:rgba(255,255,255,.68);font-size:14px}

@keyframes luxuryFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-18px,0)}
}

@keyframes brandMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

@media (max-width:1180px){
  .brand-marquee-head{align-items:flex-start;flex-direction:column}
  .brand-logo-chip{min-width:210px}
  .testimonial-grid{grid-template-columns:1fr 1fr}
  .testimonial-card-feature{grid-column:1/-1}
}

@media (max-width:760px){
  .brand-logo-chip strong{font-size:28px}
  .brand-logo-chip{min-width:190px}
  .testimonial-shell{padding:28px}
  .testimonial-grid{grid-template-columns:1fr}
  .testimonial-card-feature blockquote,.testimonial-card blockquote{font-size:24px;max-width:none}
}

@media (prefers-reduced-motion: reduce){
  [data-reveal]{opacity:1;transform:none;transition:none}
  .hero-section-premium::before,
  .hero-section-premium::after,
  .hero-slider-track::after,
  .brand-marquee-track{animation:none}
}


@media (max-width:760px){
  .hero-slide-link-product{padding:22px;min-height:480px}
  .hero-slide-product-copy h3{font-size:34px}
  .hero-slide-product-media{padding:24px;min-height:250px}
  .cart-item{grid-template-columns:88px 1fr;align-items:start}
  .cart-item > div:nth-child(3),
  .cart-item > div:nth-child(4){grid-column:2}
  .cart-item-media{width:88px;height:88px;padding:10px}
}


@media (max-width: 820px){
.related-products-item{grid-template-columns:92px 1fr;align-items:start}
.related-products-media{width:92px;height:92px}
.related-products-price{grid-column:1 / -1;justify-items:start;padding-top:2px}
}
@media (max-width: 560px){
.related-products-item{grid-template-columns:1fr}
.related-products-media{width:100%;height:220px}
.related-products-price{min-width:0}
}


.demo-badge,
.demo-badge-inline{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#ffb347 0%,#f28c28 100%);
  color:#fff;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(242,140,40,.24);
}
.demo-badge{justify-content:center}
.header-announcement .announcement-left{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.demo-credentials{
  margin-top:24px;
  padding:24px;
  border:1px solid rgba(183,146,99,.22);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,245,239,.98) 100%);
  box-shadow:var(--shadow-xs);
}
.demo-credentials-head{
  display:flex;
  gap:16px;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom:18px;
}
.demo-credentials h3{margin:6px 0 0}
.demo-role-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.demo-role-card{
  display:grid;
  gap:12px;
  padding:18px;
  border-radius:20px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.88);
}
.demo-role-card strong{font-size:1rem}
.demo-role-card .muted{margin:0}
.demo-role-meta{
  display:grid;
  gap:8px;
  padding-top:2px;
  color:var(--muted);
  font-size:.92rem;
}
.demo-role-meta strong{color:var(--text);font-size:.93rem}
@media (max-width: 920px){
  .demo-credentials-head{flex-direction:column;align-items:stretch}
  .demo-role-grid{grid-template-columns:1fr}
}
