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

/* Study With Anubhav — generated CSS for the Tier-B (HtmlRenderer) home sections.
   Uploaded to site_settings.sx_css_location. Authored per-segment and concatenated;
   do NOT @import or minify (the BEGIN/END markers must survive). Every selector is
   namespaced under .sx so nothing leaks into the theme header / footer / product cards.
   Brand navy comes from the store's --secondary-main; type inherits the store font.
   v2 (customer feedback, 7 Oct 2026): less blue — navy only for text and primary buttons,
   surfaces are white / warm cream. */

/* BEGIN shoopy-gen:base */
.sx {
  --sx-navy: var(--secondary-main, #0C1C44);
  --sx-navy-deep: #071230;
  --sx-gold: #DA9200;
  --sx-gold-ink: #8A5B00;
  --sx-ink: #0E1630;
  --sx-muted: #5E5A54;
  --sx-line: #E7E0D3;
  --sx-tint: #F6F0E6;
  --sx-cream: #FBF7F1;
  --sx-gold-soft: #FBF0D9;
  --sx-wa: #0F7A43;
  --sx-radius: 16px;
  --sx-max: 1180px;
  --sx-pad: 20px;
  --sx-serif: Georgia, "Times New Roman", "Noto Serif", serif;
}
.sx-wrap { width: 100%; max-width: var(--sx-max); margin: 0 auto; padding: 0 var(--sx-pad); }
.sx-band { width: 100%; padding: 56px 0; color: var(--sx-ink); background: #fff; }
.sx-band--tint { background: var(--sx-tint); }
.sx-band--cream { background: var(--sx-cream); }
.sx-band--navy { background: var(--sx-navy-deep); color: #fff; }
.sx-eyebrow {
  display: inline-flex; align-items: center; gap: 10px; margin: 0 0 12px;
  font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase;
  color: var(--sx-gold-ink);
}
.sx-eyebrow::before { content: ""; width: 28px; height: 2px; background: var(--sx-gold); }
.sx-band--navy .sx-eyebrow { color: var(--sx-gold); }
.sx-h2 {
  margin: 0 0 12px; font-size: clamp(24px, 3.2vw, 38px); line-height: 1.25; font-weight: 700;
  letter-spacing: -.01em; color: var(--sx-navy);
}
.sx-band--navy .sx-h2 { color: #fff; }
.sx-lead { margin: 0; font-size: 16px; line-height: 1.75; color: var(--sx-muted); max-width: 62ch; }
.sx-band--navy .sx-lead { color: #C9D2E6; }
.sx-head { margin: 0 0 32px; }
.sx-head--center { text-align: center; }
.sx-head--center .sx-lead { margin: 0 auto; }
.sx-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 50px; padding: 12px 26px; border-radius: 10px; border: 2px solid var(--sx-navy);
  background: var(--sx-navy); color: #fff; font: inherit; font-size: 15px; font-weight: 600;
  line-height: 1.2; text-decoration: none; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease;
}
.sx-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(7, 18, 48, .22); }
.sx-btn:focus-visible { outline: 3px solid var(--sx-gold); outline-offset: 3px; }
.sx-btn--gold { background: var(--sx-gold); border-color: var(--sx-gold); color: var(--sx-navy-deep); }
.sx-btn--line { background: transparent; color: var(--sx-navy); }
.sx-btn--wa { background: #fff; border-color: var(--sx-wa); color: var(--sx-wa); }
.sx-btn .sx-ico { width: 20px; height: 20px; flex: 0 0 auto; }
.sx-ico { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.sx-chip {
  display: inline-block; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--sx-line);
  background: #fff; color: var(--sx-navy); font-size: 13px; font-weight: 500; line-height: 1.2;
}
@media (min-width: 768px) {
  .sx { --sx-pad: 32px; }
  .sx-band { padding: 80px 0; }
  .sx-head { margin-bottom: 44px; }
}
/* END shoopy-gen:base */

/* BEGIN shoopy-gen:planner-1 */
.sx-plan { background: linear-gradient(180deg, #fff 0%, var(--sx-cream) 100%); overflow: hidden; }
.sx-plan__row { display: grid; grid-template-columns: minmax(0, 58fr) minmax(0, 42fr); gap: 18px; align-items: center; }
.sx-plan__row + .sx-plan__row { margin-top: 36px; }
.sx-plan__row--flip { grid-template-columns: minmax(0, 42fr) minmax(0, 58fr); }
.sx-plan__row--flip .sx-plan__media { order: 2; }
.sx-plan__media { margin: 0 0 0 calc(-1 * var(--sx-pad)); }
.sx-plan__row--flip .sx-plan__media { margin: 0 calc(-1 * var(--sx-pad)) 0 0; }
.sx-plan__img { display: block; width: 100%; height: auto; }
.sx-plan__h { margin: 0; font-size: clamp(22px, 5.8vw, 46px); line-height: 1.15; font-weight: 700; letter-spacing: -.015em; color: var(--sx-navy); }
.sx-plan__h::after { content: ""; display: block; width: 44px; height: 3px; margin: 14px 0 0; border-radius: 2px; background: var(--sx-gold); }
.sx-plan__p { margin: 14px 0 0; font-family: var(--sx-serif); font-size: clamp(15px, 4vw, 21px); line-height: 1.45; color: var(--sx-ink); }
@media (min-width: 768px) {
  .sx-plan__row { gap: 48px; }
  .sx-plan__row + .sx-plan__row { margin-top: 56px; }
  .sx-plan__media, .sx-plan__row--flip .sx-plan__media { margin: 0; }
  .sx-plan__img { max-width: 560px; border-radius: 6px; }
  .sx-plan__row--flip .sx-plan__img { margin-left: auto; }
}
@media (min-width: 1024px) {
  .sx-plan__row, .sx-plan__row--flip { grid-template-columns: 1fr 1fr; gap: 72px; }
  .sx-plan__text { max-width: 460px; }
}
/* END shoopy-gen:planner-1 */

/* BEGIN shoopy-gen:inside-1 */
.sx-inside__steps { list-style: none; margin: 0 0 40px; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; counter-reset: sxstep; }
.sx-inside__step { position: relative; padding: 16px 16px 16px 18px; background: #fff; border-radius: 12px; border-left: 3px solid var(--sx-gold); counter-increment: sxstep; }
.sx-inside__step::before { content: "0" counter(sxstep); display: block; font-size: 12px; font-weight: 600; letter-spacing: .14em; color: var(--sx-gold-ink); }
.sx-inside__step b { display: block; margin: 2px 0 2px; font-size: 17px; font-weight: 700; color: var(--sx-navy); }
.sx-inside__step span { font-size: 13px; line-height: 1.55; color: var(--sx-muted); }
.sx-inside__grid { display: grid; gap: 40px; align-items: start; }
.sx-inside__feats { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.sx-inside__feat { display: grid; grid-template-columns: 44px 1fr; gap: 14px; padding: 16px; background: #fff; border: 1px solid var(--sx-line); border-radius: 12px; }
.sx-inside__feat .sx-ico { width: 44px; height: 44px; padding: 10px; border-radius: 10px; background: var(--sx-gold-soft); color: var(--sx-gold-ink); }
.sx-inside__feat b { display: block; font-size: 16px; font-weight: 600; color: var(--sx-navy); line-height: 1.35; }
.sx-inside__feat span { display: block; margin-top: 3px; font-size: 14px; line-height: 1.6; color: var(--sx-muted); }
.sx-inside__sample { margin: 0; padding: 6px 4px 0; }
.sx-page {
  position: relative; max-width: 420px; margin: 0 auto; padding: 0 0 18px; background: #FFFEFA; color: var(--sx-ink);
  border-radius: 6px 14px 14px 6px; border-left: 10px solid var(--sx-navy);
  box-shadow: 0 2px 0 #E9E4D6, 0 5px 0 #F4F0E4, 0 24px 48px rgba(7, 18, 48, .2); transform: rotate(-1.5deg);
}
.sx-page__top { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 2px solid var(--sx-navy); font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--sx-navy); }
.sx-page__top em { font-family: var(--sx-serif); font-size: 17px; letter-spacing: 0; color: #1B3A8A; text-transform: none; }
.sx-page__sec { padding: 12px 16px 0; }
.sx-page__lbl { margin: 0 0 6px; font-size: 10.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--sx-muted); }
.sx-page__row { display: grid; grid-template-columns: 16px 1fr; gap: 10px; align-items: center; padding: 5px 0; border-bottom: 1px solid #DCD7C8; }
.sx-page__box { width: 16px; height: 16px; border: 1.5px solid var(--sx-navy); border-radius: 3px; display: grid; place-items: center; font-size: 12px; font-weight: 700; line-height: 1; color: #1B3A8A; }
.sx-page__ink { font-family: var(--sx-serif); font-style: italic; font-size: 15px; line-height: 1.45; color: #1B3A8A; }
.sx-page__line { padding: 4px 0; border-bottom: 1px solid #DCD7C8; }
.sx-page__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.sx-page__stat { padding: 8px; border: 1px solid #DCD7C8; border-radius: 6px; text-align: center; }
.sx-page__stat .sx-page__lbl { margin: 0 0 2px; letter-spacing: .08em; }
.sx-track { position: relative; width: 300px; max-width: 100%; height: 60px; margin-top: 4px; background-image: radial-gradient(circle, #C9CFDD 3px, transparent 3.5px); background-size: 10px 10px; }
.sx-track::before, .sx-track::after { content: ""; position: absolute; left: 0; height: 10px; background-image: radial-gradient(circle, var(--sx-gold) 3px, transparent 3.5px); background-size: 10px 10px; }
.sx-track::before { top: 0; width: 100%; }
.sx-track::after { top: 10px; width: 70px; }
.sx-inside__cap { margin: 22px 0 0; text-align: center; font-size: 12px; color: var(--sx-muted); }
@media (min-width: 768px) {
  .sx-inside__steps { grid-template-columns: repeat(4, 1fr); gap: 16px; }
  .sx-inside__feats { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px) {
  .sx-inside__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; }
  .sx-inside__sample { position: sticky; top: 110px; }
}
/* END shoopy-gen:inside-1 */

/* BEGIN shoopy-gen:video-1 */
.sx-video__frame {
  position: relative; display: block; width: 100%; max-width: 980px; margin: 0 auto; aspect-ratio: 16 / 9; overflow: hidden;
  border-radius: var(--sx-radius); background: var(--sx-cream); border: 1px solid var(--sx-line); color: var(--sx-navy); text-decoration: none;
}
.sx-video__thumb { position: absolute; top: 0; right: 0; width: 42%; height: 100%; object-fit: cover; }
.sx-video__body { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 6% 7%; max-width: 58%; }
.sx-video__play { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; background: var(--sx-gold); color: var(--sx-navy); box-shadow: 0 10px 24px rgba(138, 91, 0, .25); }
.sx-video__play .sx-ico { width: 24px; height: 24px; fill: currentColor; stroke: none; margin-left: 3px; }
.sx-video__title { margin: 6px 0 0; font-size: clamp(16px, 2.6vw, 28px); font-weight: 600; line-height: 1.3; color: var(--sx-navy); }
.sx-video__soon { align-self: flex-start; padding: 5px 12px; border-radius: 999px; border: 1px solid #E3C88F; background: var(--sx-gold-soft); font-size: 12px; font-weight: 500; letter-spacing: .06em; color: var(--sx-gold-ink); }
@media (max-width: 519px) {
  .sx-video__body { gap: 6px; padding: 5% 5%; }
  .sx-video__play { width: 44px; height: 44px; }
  .sx-video__play .sx-ico { width: 18px; height: 18px; }
  .sx-video__soon { font-size: 11px; padding: 4px 10px; }
}
/* END shoopy-gen:video-1 */

/* BEGIN shoopy-gen:story-1 */
.sx-story__grid { display: grid; gap: 40px; align-items: start; }
.sx-story__p { margin: 0 0 16px; font-size: 16px; line-height: 1.85; color: var(--sx-ink); }
.sx-story__quote {
  margin: 26px 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--sx-gold);
  font-size: clamp(19px, 2.4vw, 26px); font-weight: 600; line-height: 1.5; color: var(--sx-navy);
}
.sx-story__more { margin: 0 0 20px; }
.sx-story__more summary { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-size: 15px; font-weight: 600; color: var(--sx-gold-ink); list-style: none; padding: 8px 0; }
.sx-story__more summary::-webkit-details-marker { display: none; }
.sx-story__more summary::after { content: "+"; font-size: 20px; line-height: 1; }
.sx-story__more[open] summary::after { content: "–"; }
.sx-story__more[open] summary { margin-bottom: 12px; }
.sx-story__sign { display: flex; align-items: center; gap: 14px; margin: 24px 0 0; }
.sx-story__logo { width: 60px; height: 60px; border-radius: 50%; flex: 0 0 auto; }
.sx-story__sign b { display: block; font-size: 16px; font-weight: 600; color: var(--sx-navy); }
.sx-story__sign span { font-size: 13px; color: var(--sx-muted); }
.sx-story__path { margin: 0; padding: 24px 22px; border-radius: var(--sx-radius); background: #fff; border: 1px solid var(--sx-line); }
.sx-story__pathh { margin: 0 0 18px; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--sx-gold-ink); }
.sx-story__steps { list-style: none; margin: 0; padding: 0; }
.sx-story__step { position: relative; padding: 0 0 22px 30px; }
.sx-story__step::before { content: ""; position: absolute; left: 5px; top: 8px; bottom: -8px; width: 1px; background: var(--sx-line); }
.sx-story__step::after { content: ""; position: absolute; left: 0; top: 6px; width: 11px; height: 11px; border-radius: 50%; border: 2px solid #B9B2A5; background: #fff; }
.sx-story__step:last-child { padding-bottom: 0; }
.sx-story__step:last-child::before { display: none; }
.sx-story__step--win::after { border-color: var(--sx-gold); background: var(--sx-gold); }
.sx-story__step b { display: block; font-size: 16px; font-weight: 600; color: var(--sx-navy); line-height: 1.4; }
.sx-story__step span { display: block; margin-top: 2px; font-size: 14px; line-height: 1.6; color: var(--sx-muted); }
@media (min-width: 960px) {
  .sx-story__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 72px; }
  .sx-story__path { position: sticky; top: 110px; padding: 30px 28px; }
}
/* END shoopy-gen:story-1 */

/* BEGIN shoopy-gen:reviews-1 */
.sx-rev__grid { display: grid; gap: 16px; }
.sx-rev__card { display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 24px; border-radius: var(--sx-radius); background: #fff; border: 1px solid var(--sx-line); }
.sx-rev__card--lead { background: var(--sx-gold-soft); border-color: #EBD3A0; }
.sx-rev__mark { font-family: var(--sx-serif); font-size: 48px; line-height: .6; color: var(--sx-gold); height: 20px; }
.sx-rev__text { margin: 0; font-size: 16px; line-height: 1.75; color: var(--sx-ink); }
.sx-rev__card--lead .sx-rev__text { color: var(--sx-ink); font-size: 17px; }
.sx-rev__by { margin-top: auto; font-size: 14px; line-height: 1.5; color: var(--sx-muted); }
.sx-rev__by b { display: block; font-size: 15px; font-weight: 600; color: var(--sx-navy); }
.sx-rev__card--open { border-style: dashed; border-color: #CFC5B3; background: transparent; }
.sx-rev__card--open .sx-rev__text { color: var(--sx-muted); }
.sx-rev__card--open b { font-size: 17px; font-weight: 600; color: var(--sx-navy); }
.sx-rev__card--open .sx-btn { margin-top: auto; align-self: flex-start; }
@media (min-width: 768px) { .sx-rev__grid { grid-template-columns: repeat(3, 1fr); gap: 20px; } }
/* END shoopy-gen:reviews-1 */

/* BEGIN shoopy-gen:faqs-1 */
.sx-faq__grid { display: grid; gap: 28px; align-items: start; }
.sx-faq__aside .sx-btn { margin-top: 20px; }
.sx-faq__item { border-bottom: 1px solid var(--sx-line); }
.sx-faq__item:first-child { border-top: 1px solid var(--sx-line); }
.sx-faq__q { display: grid; grid-template-columns: 1fr 24px; gap: 16px; align-items: center; padding: 18px 2px; cursor: pointer; list-style: none; font-size: 16px; font-weight: 600; line-height: 1.5; color: var(--sx-navy); }
.sx-faq__q::-webkit-details-marker { display: none; }
.sx-faq__q::after { content: "+"; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--sx-tint); font-size: 18px; font-weight: 500; line-height: 1; color: var(--sx-navy); }
.sx-faq__item[open] > .sx-faq__q::after { content: "–"; background: var(--sx-navy); color: #fff; }
.sx-faq__q:focus-visible { outline: 3px solid var(--sx-gold); outline-offset: 2px; }
.sx-faq__a { padding: 0 34px 18px 2px; }
.sx-faq__a p { margin: 0 0 8px; font-size: 15px; line-height: 1.8; color: var(--sx-muted); }
.sx-faq__rest > summary { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; padding: 12px 22px; border-radius: 10px; border: 2px solid var(--sx-navy); cursor: pointer; list-style: none; font-size: 15px; font-weight: 600; color: var(--sx-navy); }
.sx-faq__rest > summary::-webkit-details-marker { display: none; }
.sx-faq__rest[open] > summary { display: none; }
.sx-faq__rest .sx-faq__item:first-child { border-top: 0; }
@media (min-width: 960px) {
  .sx-faq__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 64px; }
  .sx-faq__aside { position: sticky; top: 110px; }
}
/* END shoopy-gen:faqs-1 */

/* ============================================================================
   PREVIEW-ONLY CSS — stands in for what the Shoopy theme renders natively:
   page base, notice bar, header, footer (Tier C) and the two Tier-A sections
   (StoreBanner hero, BannerCollection). None of this is uploaded; the Tier-B
   sections are styled only by theme.css.
   ========================================================================== */
:root{
  --secondary-main:#0C1C44;      /* brand navy — logo-extracted (customer brief: Navy Blue + White) */
  --navy-deep:#071230; --gold:#DA9200; --gold-ink:#8A5B00; --gold-head:#B47400; --gold-soft:#FBF0D9;
  --ink:#0E1630; --muted:#5E5A54; --line:#E7E0D3; --tint:#F6F0E6; --cream:#FBF7F1; --wa:#0F7A43;
  /* v2 (customer, 7 Oct): "reduce the blue" — navy kept for text + primary buttons only;
     every large surface is white / warm cream. */
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Poppins","Kohinoor Devanagari","Noto Sans Devanagari",system-ui,sans-serif;font-size:16px;line-height:1.6;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:inherit}
.ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.wrap{padding:0 32px}}
[id]{scroll-margin-top:96px}

/* ---- notice (Tier C) ---- */
.notice{background:var(--gold-soft);color:var(--ink);font-size:13px;line-height:1.4;text-align:center;padding:9px 16px;border-bottom:1px solid #F0DDB4}
.notice b{color:var(--gold-ink);font-weight:600}
.notice .notice__wide{display:none}
@media(min-width:768px){.notice .notice__wide{display:inline}}

/* ---- header (Tier C) ---- */
.hdr{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.hdr__bar{display:flex;align-items:center;gap:12px;min-height:64px}
.hdr__menu{display:grid;place-items:center;width:44px;height:44px;margin-left:-10px;border:0;background:none;color:var(--secondary-main);cursor:pointer}
.hdr__logo{display:block;flex:0 1 auto;min-width:0}
.hdr__logo img{display:block;height:34px;width:auto}
.hdr__tog{position:absolute;opacity:0;pointer-events:none}
.hdr__nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:6px 20px 14px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(14,22,48,.10)}
.hdr__nav a{padding:13px 4px;border-bottom:1px solid var(--line);font-size:16px;font-weight:500;color:var(--ink);text-decoration:none}
.hdr__nav a:last-child{border-bottom:0}
.hdr__tog:checked ~ .hdr__bar .hdr__nav{display:flex}
.hdr__tog:focus-visible ~ .hdr__bar .hdr__menu{outline:3px solid var(--gold);outline-offset:2px}
.hdr__acts{display:flex;align-items:center;margin-left:auto}
.hdr__act{position:relative;display:grid;place-items:center;width:44px;height:44px;color:var(--secondary-main);text-decoration:none}
.hdr__act--wa{color:var(--wa)}
.hdr__act--acct{display:none}
.hdr__count{position:absolute;top:6px;right:4px;min-width:17px;height:17px;border-radius:9px;background:var(--secondary-main);color:#fff;font-size:10px;font-weight:600;display:grid;place-items:center}
@media(min-width:1024px){
  .hdr__bar{min-height:78px;gap:28px}
  .hdr__menu{display:none}
  .hdr__logo img{height:46px}
  .hdr__nav,.hdr__tog:checked ~ .hdr__bar .hdr__nav{display:flex;position:static;flex-direction:row;gap:28px;margin-left:auto;padding:0;border:0;box-shadow:none;background:none}
  .hdr__nav a,.hdr__nav a:last-child{font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;padding:8px 0;border-bottom:2px solid transparent}
  .hdr__nav a:hover{border-color:var(--gold)}
  .hdr__acts{margin-left:8px}
  .hdr__act--acct{display:grid}
}

/* ---- hero: StoreBanner (Tier A — store offer; v2 follows the customer's 7-Oct sample banner) ---- */
.hero{background:linear-gradient(180deg,#FFFDF8 0%,var(--cream) 55%,#F5EEE3 100%);color:var(--ink);overflow:hidden}
.hero__grid{display:grid;grid-template-areas:"c" "p" "b";max-width:1180px;margin:0 auto}
.hero__content{grid-area:c;padding:22px 20px 6px;text-align:center}
.hero__logo{display:block;width:96px;height:96px;margin:0 auto 10px}
.hero__t{margin:0;font-size:clamp(34px,9.6vw,44px);line-height:1.1;font-weight:700;letter-spacing:-.02em;color:var(--secondary-main)}
.hero__t span{display:block;color:var(--gold-head)}
.hero__pts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px auto 0;padding:0;max-width:440px}
.hero__pts li{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12.5px;line-height:1.35;color:var(--ink)}
.hero__pts .ico{width:26px;height:26px;color:var(--secondary-main);stroke-width:2}
.hero__sign{display:flex;align-items:center;gap:14px;margin-top:18px}
.hero__sign::before,.hero__sign::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--gold))}
.hero__sign::after{background:linear-gradient(90deg,var(--gold),transparent)}
.hero__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 26px;border-radius:10px;border:2px solid var(--secondary-main);background:var(--secondary-main);color:#fff;font-size:16px;font-weight:600;text-decoration:none;white-space:nowrap}
.hero__cta .ico{width:20px;height:20px;stroke-width:2.2}
.hero__pic{grid-area:p;margin:14px 0 0}
.hero__pic img{display:block;width:100%;height:auto;aspect-ratio:900/663;object-fit:cover}
.hero__buy{grid-area:b;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:-34px;padding:0 20px 26px}
.hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px 14px;border-radius:10px;border:2px solid var(--gold);font-size:16px;font-weight:600;text-decoration:none;box-shadow:0 8px 22px rgba(60,40,10,.18)}
.hero__btn .ico{width:20px;height:20px;stroke-width:2.2}
.hero__btn--cart{background:#FFF8EA;color:var(--secondary-main)}
.hero__btn--buy{background:var(--gold);color:var(--secondary-main)}
@media(min-width:640px) and (max-width:1023px){.hero__buy{max-width:560px;width:100%;margin-left:auto;margin-right:auto}}
@media(min-width:1024px){
  .hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:1fr auto;grid-template-areas:"c p" "b p";column-gap:48px;padding:48px 32px 56px;align-items:end}
  .hero__content{padding:0;text-align:left;align-self:end}
  .hero__logo{width:104px;height:104px;margin:0 0 18px}
  .hero__t{font-size:clamp(46px,4.6vw,62px)}
  .hero__pts{margin:26px 0 0;max-width:none;gap:16px}
  .hero__pts li{align-items:flex-start;font-size:14px}
  .hero__sign{margin-top:28px}
  .hero__sign::before,.hero__sign::after{display:none}
  .hero__pic{margin:0;align-self:center}
  .hero__pic img{border-radius:20px;box-shadow:0 30px 60px rgba(60,40,10,.18)}
  .hero__buy{margin:16px 0 0;padding:0;max-width:440px;align-self:start}
  .hero__btn{box-shadow:none}
}

/* ---- closing banner: BannerCollection (Tier A) ---- */
.banner-collection{background:var(--tint)}
.sh-banner-img-ctn{position:relative;display:block;color:var(--secondary-main);text-decoration:none}
.sh-banner-img-ctn img{display:block;width:100%;height:auto}
.ban-cont-content{position:absolute;left:0;right:0;bottom:0;padding:0 20px 34px}
.ban-cont-text{margin:0 0 16px;font-size:clamp(24px,6.6vw,30px);line-height:1.3;font-weight:700;max-width:13em}
.ban-cont-button{display:inline-flex;align-items:center;text-decoration:none;min-height:50px;padding:12px 26px;border-radius:10px;font-size:15px;font-weight:600}
@media(min-width:768px){
  .ban-cont-content{top:0;display:flex;flex-direction:column;justify-content:center;padding:0 32px;max-width:1180px;margin:0 auto}
  .ban-cont-text{font-size:clamp(28px,3.4vw,44px);max-width:12em}
  .ban-cont-button{align-self:flex-start}
}

/* ---- footer (Tier C) ---- */
.ftr{background:var(--cream);color:var(--muted);font-size:14px;border-top:1px solid var(--line)}
.ftr__grid{display:grid;gap:30px;padding-top:44px;padding-bottom:32px}
.ftr__brand{display:flex;gap:16px;align-items:flex-start}
.ftr__brand img{width:76px;height:76px;flex:0 0 auto}
.ftr__brand p{margin:0;line-height:1.7;max-width:34ch}
.ftr h3{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink)}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ftr a{color:var(--ink);text-decoration:none}
.ftr a:hover{color:var(--gold-ink)}
.ftr__pay{display:flex;flex-wrap:wrap;gap:8px}
.ftr__pay span{padding:6px 12px;border-radius:6px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:500;color:var(--ink)}
.ftr__copy{border-top:1px solid var(--line);padding:16px 20px;text-align:center;font-size:12.5px;color:var(--muted)}
@media(min-width:640px){.ftr__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.ftr__grid{grid-template-columns:1.5fr 1fr 1.3fr 1fr;gap:48px;padding-top:60px}}
.sh-shoopy-html-page > div {
    width: 100%;
  }
  .sh-shoopy-html-page > div > div {
    border: none;
    padding-left: 0px;
    padding-right:0px;
  }
.text-zinc-900 {
display:none !important;
}
.sx-import-wrap
{
padding:0px !important;
    max-width: var(--sx-max) !important;

}
@media (max-width: 768px) {
    .sh-banner-img-ctn img {
        height: auto;
        width: 100%;
        height: 764px;

    }
}
.sx-band {
       padding: 5px 0;
}
.banner-nav-next,.banner-nav-prev
{
display:none;
}