/* SMOZIN 4.9.6.47 — Interior page layout shares the homepage's 1330px grid.
   Public views only; admin layouts and homepage sections are untouched. */
:root{--sm47-public-width:1330px;--sm47-gutter:64px}

/* Keep the existing premium navigation intact; expand older interior content
   shells to the very same desktop width as the homepage. */
body:not(:has(.sm49622-home)) .shell,
body.sm485-public .sm485-wrap,
body:not(.blog-admin-body) .blog-wrap,
body .sm493-page .sm493-wrap,
body .sml49612-page .sml49612-shell{
  box-sizing:border-box;
  width:min(var(--sm47-public-width),calc(100% - var(--sm47-gutter)));
  max-width:var(--sm47-public-width);
  margin-inline:auto;
}
/* Page-specific maximums from old sections must not shrink the shared shell. */
body .smz-tax-shell{max-width:var(--sm47-public-width)}

/* The sticky navigation always uses its own, already-approved 4.9.6.44 rules. */
.smz22-topbar .smz22-nav.shell{
  width:min(1330px,calc(100% - 64px));
  max-width:1330px;
  margin-inline:auto;
}

/* Interior hero areas match the rounded and airy homepage rhythm without
   changing content, forms, links or language logic. */
.sm-discover-page,.smz-taxonomy{background:var(--bg,#f7f8fb)}
.sm-discover-page .sm-discover-hero,.smz-taxonomy .smz-tax-hero{
  border-radius:26px;
  border:1px solid var(--line,#e6e9f0);
  background:radial-gradient(circle at 92% 18%,rgba(250,199,58,.24),transparent 42%),var(--surface,#fff);
  box-shadow:0 14px 42px rgba(20,32,58,.035);
}
.sm-discover-grid .smv-product-card{
  border-radius:22px;
  box-shadow:0 12px 34px rgba(24,37,67,.055);
}
.sm-discover-grid .smv-card-content .card-footer{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
}
.sm-discover-grid .smv-card-content .profile-btn{
  min-width:132px;
  flex:1 1 130px;
}
.sm-discover-grid .smv-card-content .save-btn,
.sm-discover-grid .smv-card-content .smv-collection-link{
  flex:0 1 auto;
  min-height:42px;
}


/* Reuse the light, spacious premium visual language on public menu pages. */
body:not(.blog-admin-body) .blog-hero,
body.sm485-public .sm485-hero{
  background:radial-gradient(circle at 96% 14%,rgba(247,197,58,.24),transparent 35%),
             linear-gradient(116deg,#fff 0%,#f7f9ff 62%,#fff7de 100%);
  color:#17213b;
  border-bottom:1px solid #e7eaf2;
  padding-block:clamp(52px,6vw,86px);
}
body:not(.blog-admin-body) .blog-hero p,
body.sm485-public .sm485-hero p{color:#60708c}
body:not(.blog-admin-body) .blog-hero h1 em,
body.sm485-public .sm485-hero h1 em{color:#a66e05}
body:not(.blog-admin-body) .blog-hero .blog-eyebrow,
body.sm485-public .sm485-hero .sm485-kicker{color:#9c6b00}
body .sm493-page .sm493-hero,
body .sml49612-page .sml49612-hero{
  box-sizing:border-box;
  max-width:none;
  border-radius:24px;
  border:1px solid var(--line,#e7eaf2);
  background:radial-gradient(circle at 100% 0%,rgba(250,204,75,.23),transparent 42%),var(--surface,#fff);
  padding:clamp(24px,3vw,38px);
  box-shadow:0 10px 35px rgba(22,31,58,.045);
}
html[data-theme=dark] body:not(.blog-admin-body) .blog-hero,
html[data-smozin-theme=dark] body:not(.blog-admin-body) .blog-hero,
html[data-theme=dark] body.sm485-public .sm485-hero,
html[data-smozin-theme=dark] body.sm485-public .sm485-hero{
  background:radial-gradient(circle at 95% 16%,rgba(243,197,64,.12),transparent 38%),linear-gradient(120deg,#17253c,#202b41);
  color:#f4f7ff;
  border-color:#2d3a53;
}
html[data-theme=dark] .blog-hero p,html[data-smozin-theme=dark] .blog-hero p,
html[data-theme=dark] .sm485-hero p,html[data-smozin-theme=dark] .sm485-hero p{color:#b3c1d9}
html[data-theme=dark] .blog-hero h1 em,html[data-smozin-theme=dark] .blog-hero h1 em,
html[data-theme=dark] .sm485-hero h1 em,html[data-smozin-theme=dark] .sm485-hero h1 em,
html[data-theme=dark] .blog-hero .blog-eyebrow,html[data-smozin-theme=dark] .blog-hero .blog-eyebrow,
html[data-theme=dark] .sm485-hero .sm485-kicker,html[data-smozin-theme=dark] .sm485-hero .sm485-kicker{color:#f3cb62}

/* One shared responsive gutter, like the premium homepage. */
@media(max-width:1120px){
  :root{--sm47-gutter:32px}
  .smz22-topbar .smz22-nav.shell{width:calc(100% - 32px)}
}
@media(max-width:700px){
  :root{--sm47-gutter:24px}
  .smz22-topbar .smz22-nav.shell{width:calc(100% - 24px)}
  .sm-discover-page .sm-discover-hero,.smz-taxonomy .smz-tax-hero{border-radius:20px}
}
/* Respect the native palette on dark pages; no forced white backgrounds. */
html[data-theme=dark] .sm-discover-page .sm-discover-hero,
html[data-theme=dark] .smz-taxonomy .smz-tax-hero,
html[data-smozin-theme=dark] .sm-discover-page .sm-discover-hero,
html[data-smozin-theme=dark] .smz-taxonomy .smz-tax-hero{
  background:radial-gradient(circle at 92% 18%,rgba(247,198,63,.12),transparent 42%),var(--surface,#1b263a);
}
@media(prefers-reduced-motion:reduce){.sm-discover-grid .smv-product-card{transition:none}}
