:root{
      --secondary-main:#161616; --navy:#161616; --navy-2:#2b2b2b; --navy-deep:#0b0b0b;
      --amber:#f59e0b; --amber-hi:#fbbf24; --deal:#e8511d; --green:#1f9d55;
      --bg:#f5f6fb; --bg2:#eef1f8; --card:#fff; --ink:#141d3b; --muted:#5f6a86;
      --line:rgba(20,29,59,.12); --line-2:rgba(20,29,59,.08); --maxw:1240px;
      --font-head:"Archivo","Arial Narrow",system-ui,sans-serif;
      --font-body:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    }
       body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
    img{display:block;max-width:100%;}
    a{color:inherit;text-decoration:none;}
    h1,h2,h3{font-family:var(--font-head);margin:0;line-height:1.03;font-weight:800;text-transform:uppercase;}
    .wrap{max-width:var(--maxw);margin:0 auto;padding:0 18px;}
    .sec{padding:44px 0;}
    .sec--tint{background:var(--bg2);}
    .head{text-align:center;max-width:660px;margin:0 auto 28px;}
    .head__k{display:inline-block;font-weight:700;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);}
    .head__k::before,.head__k::after{content:"";display:inline-block;width:22px;height:2px;vertical-align:middle;margin:0 .6em;background:var(--amber);}
    .head__h{font-size:clamp(1.7rem,4.6vw,2.5rem);letter-spacing:-.01em;margin:9px 0 6px;color:var(--navy);}
     .section-heading{font-size:clamp(1.7rem,4.6vw,2.5rem);letter-spacing:-.01em;margin:9px 0 6px;color:var(--navy);}
    .head__s{margin:0;color:var(--muted);font-weight:400;font-size:.98rem;}
    .head--row{display:flex;align-items:flex-end;justify-content:space-between;max-width:var(--maxw);text-align:left;gap:16px;margin-bottom:22px;}
    .head--row .head__h{margin-bottom:0;}
    .viewall{display:inline-flex;align-items:center;gap:5px;color:var(--navy);font-weight:700;font-size:.82rem;letter-spacing:.03em;text-transform:uppercase;border-bottom:2px solid var(--amber);padding-bottom:3px;white-space:nowrap;}

    /* Notice (Tier C) */
    .notice{background:var(--amber);color:#161616;font-size:.76rem;font-weight:600;letter-spacing:.02em;text-align:center;padding:9px 14px;}
    /* Header (Tier C) */
    .hdr{position:sticky;top:0;z-index:40;background:var(--navy);border-bottom:1px solid rgba(245,158,11,.28);box-shadow:0 3px 16px rgba(0,0,0,.4);}
    .hdr__in{display:flex;align-items:center;gap:11px;padding:11px 16px;max-width:var(--maxw);margin:0 auto;}
    .hdr__burger{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:6px;}
    .hdr__burger span{width:21px;height:2px;background:#fff;display:block;}
    .hdr__logo img{height:44px;width:auto;}
    .hdr__nav{display:none;gap:16px;margin-left:6px;}
    .hdr__nav a{font-weight:600;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:#dfe4f2;white-space:nowrap;}
    .hdr__nav a:hover{color:var(--amber-hi);}
    .hdr__nav--hot{color:var(--amber-hi)!important;}
    .hdr__search{display:none;flex:1;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:9px 16px;color:#c7cfe6;font-size:.82rem;max-width:320px;}
    .hdr__search svg{width:17px;height:17px;color:var(--amber-hi);flex:0 0 auto;}
    .hdr__icons{display:flex;align-items:center;gap:2px;margin-left:auto;flex:0 0 auto;}
    .hdr__logo{flex:0 0 auto;}
    .iconbtn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:transparent;border:none;cursor:pointer;position:relative;color:#eef1f8;flex:0 0 auto;}
    .iconbtn:hover{background:rgba(255,255,255,.1);}
    .iconbtn svg{width:21px;height:21px;}
    .iconbtn--wa svg{fill:#25d366;stroke:none;}
    .cartdot{position:absolute;top:4px;right:4px;background:var(--amber);color:var(--navy);font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;padding:0 3px;}
    @media (min-width:768px){.hdr__logo img{height:52px;} .hdr__search{display:flex;}}
    @media (min-width:1080px){.hdr__burger{display:none;} .hdr__nav{display:flex;}}

    /* Hero / StoreBanner (Tier A) — mobile: copy overlaid on the banner over a bottom scrim */
    .hero{position:relative;background:var(--navy);}
    .hero__media{position:relative;}
    .hero__media img{width:100%;height:auto;display:block;}
    .hero__media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 46%,rgba(11,11,11,.5) 66%,rgba(11,11,11,.96) 100%);}
    .hero__copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 20px 30px;text-align:center;}
    .hero__k{font-weight:700;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--amber-hi);}
    .hero__h{font-size:clamp(2rem,7.4vw,2.9rem);margin:.26em 0 .34em;color:#fff;letter-spacing:-.01em;text-shadow:0 2px 20px rgba(0,0,0,.65);}
    .hero__h em{font-style:normal;color:var(--amber-hi);}
    .hero__sub{display:none;color:#c7cfe6;font-size:1rem;line-height:1.5;margin:0 auto 1.1em;max-width:40ch;}
    .hero__btns{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;}
    .hero__cta{display:inline-block;background:var(--amber);color:var(--navy);font-weight:800;font-size:.84rem;letter-spacing:.04em;text-transform:uppercase;padding:13px 26px;border-radius:8px;transition:.2s;}
    .hero__cta:hover{background:var(--amber-hi);}
    .hero__cta--ghost{background:rgba(0,0,0,.35);color:#fff;border:1.5px solid rgba(255,255,255,.55);}
    .hero__cta--ghost:hover{background:#fff;color:var(--navy);}
    .hero__trust{display:none;margin:16px 0 0;font-size:.78rem;color:#aab4d0;letter-spacing:.02em;}
    @media (min-width:768px){
      .hero__media::after{display:none;}
      .hero__copy{position:absolute;inset:0;right:auto;bottom:auto;width:52%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:0 0 0 6%;}
      .hero__h{font-size:clamp(2.6rem,4.4vw,4rem);text-shadow:none;}
      .hero__sub{display:block;margin-left:0;max-width:32ch;}
      .hero__btns{justify-content:flex-start;}
      .hero__cta--ghost{background:transparent;}
      .hero__trust{display:block;}
    }
    @media (min-width:1024px){.hero__copy{padding-left:max(6%,calc((100vw - var(--maxw))/2 + 18px));}}

    /* Categories (Tier A) */
    .cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:18px 10px;padding:4px 2px;}
    .cat{min-width:0;text-align:center;}
    .cat__ic{position:relative;width:92px;height:92px;margin:0 auto 10px;border-radius:50%;overflow:hidden;transition:.22s;box-shadow:0 8px 18px rgba(20,29,59,.14);border:3px solid #fff;outline:2px solid var(--bg2);}
    .cat__ic img{width:100%;height:100%;object-fit:cover;}
    .cat:hover .cat__ic{transform:translateY(-4px);outline-color:var(--amber);}
    .cat__n{font-size:.84rem;font-weight:700;color:var(--navy);display:block;line-height:1.3;}
    .cat__c{font-size:.66rem;font-weight:500;color:var(--muted);display:block;margin-top:2px;}
    @media (min-width:768px){.cats{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;} .cat__ic{width:140px;height:140px;}}

    /* Product cards (Tier A) */
    .prow{display:grid;grid-auto-flow:column;grid-auto-columns:64%;gap:14px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
    .pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
    .pc{background:var(--card);border-radius:11px;overflow:hidden;display:flex;flex-direction:column;scroll-snap-align:start;color:var(--ink);border:1px solid var(--line);box-shadow:0 4px 14px rgba(20,29,59,.05);transition:.22s;}
    .pc:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(20,29,59,.14);}
    .pc__media{position:relative;aspect-ratio:3/4;background:var(--bg2);}
    .pc__media img{width:100%;height:100%;object-fit:cover;}
    .pc__off{position:absolute;top:10px;right:10px;background:var(--deal);color:#fff;font-weight:800;font-size:.66rem;letter-spacing:.02em;padding:4px 8px;border-radius:6px;}
    .pc__tag{position:absolute;top:10px;left:10px;background:var(--navy);color:#fff;font-weight:700;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:6px;}
    .pc__body{padding:12px 13px 14px;display:flex;flex-direction:column;gap:5px;flex:1;}
    .pc__code{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#9aa3bd;margin:0;}
    .pc__title{font-family:var(--font-body);font-weight:600;text-transform:none;font-size:.92rem;line-height:1.3;margin:0;color:var(--ink);min-height:2.4em;}
    .pc__price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-top:2px;}
    .pc__sale{font-weight:800;font-size:1.05rem;color:var(--navy);}
    .pc__mrp{color:#9aa3bd;text-decoration:line-through;font-size:.8rem;}
    .pc__save{color:var(--green);font-weight:700;font-size:.72rem;}
    .pc__cta{margin-top:auto;text-align:center;background:var(--navy);color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;padding:10px;border-radius:7px;transition:.2s;}
    .pc:hover .pc__cta{background:var(--navy-2);}
    @media (min-width:600px){.prow{grid-auto-columns:40%;} .pgrid{grid-template-columns:repeat(3,minmax(0,1fr));}}
    @media (min-width:768px){
      .prow{grid-auto-flow:initial;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;}
      .pgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
    }

    /* Promo banner (Tier A) */
    .ban__link{position:relative;display:block;border-radius:16px;overflow:hidden;}
    .ban__link img{width:100%;height:auto;display:block;}
    .ban__copy{padding:24px 20px 28px;text-align:center;background:var(--navy);}
    .ban__k{font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--amber-hi);}
    .ban__h{color:#fff;font-size:clamp(1.7rem,5.5vw,2.6rem);margin:.28em 0 .2em;letter-spacing:-.01em;}
    .ban__sub{color:#c7cfe6;font-size:.98rem;margin:0 auto 1.1em;max-width:38ch;}
    .ban__cta{display:inline-block;background:var(--amber);color:var(--navy);font-weight:800;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;padding:13px 28px;border-radius:8px;}
    @media (min-width:768px){
      .ban__copy{position:absolute;inset:0;right:auto;width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:0 4% 0 7%;background:none;}
      .ban__sub{margin-left:0;}
    }

    /* Footer (Tier C) */
    .ft{background:var(--navy-deep);color:#c7cfe6;margin-top:10px;}
    .ft__in{max-width:var(--maxw);margin:0 auto;padding:44px 18px 16px;display:grid;grid-template-columns:1fr 1fr;gap:28px 18px;}
    .ft__brand{grid-column:1 / -1;}
    .ft__brand img{height:72px;}
    .ft__brand p{color:#aab4d0;font-size:.85rem;line-height:1.7;margin:14px 0 0;max-width:34ch;}
    .ft__col h4{font-family:var(--font-body);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-hi);margin:0 0 13px;font-weight:700;}
    .ft__col a{display:block;color:#c7cfe6;font-size:.85rem;margin-bottom:9px;}
    .ft__col a:hover{color:#fff;}
    .ft__contact{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px 22px;padding-top:4px;}
    .ft__contact a{display:inline-flex;align-items:center;gap:8px;color:#c7cfe6;font-size:.85rem;}
    .ft__contact svg{width:17px;height:17px;color:var(--amber-hi);flex:0 0 auto;}
    .ft__social{grid-column:1 / -1;display:flex;gap:11px;}
    .ft__social a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#eef1f8;}
    .ft__social a:hover{background:var(--amber);color:var(--navy);}
    .ft__social svg{width:19px;height:19px;}
    .ft__bar{border-top:1px solid rgba(255,255,255,.1);}
    .ft__bar div{max-width:var(--maxw);margin:0 auto;padding:15px 18px;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;color:#8b96b5;font-size:.76rem;}
    @media (min-width:768px){.ft__in{grid-template-columns:1.6fr 1fr 1fr 1fr;} .ft__brand{grid-column:auto;}}
  

/* theme.css */
/* New Fashion Point — generated Tier-B section CSS (namespaced under .sx).
   Uploaded to site_settings.sx_css_location and concatenated into the store's
   global generated stylesheet. Brand color comes from --secondary-main (theme-injected). */

/* BEGIN shoopy-gen:base */
.sx {
  /* brand is black-and-white; token names kept, repointed to charcoal */
  --sx-navy:#161616; --sx-navy-2:#2b2b2b; --sx-navy-deep:#0b0b0b;
  --sx-amber:#f59e0b; --sx-amber-hi:#fbbf24;
  --sx-deal:#e8511d; --sx-green:#1f9d55;
  --sx-bg:#f5f6fb; --sx-bg2:#eef1f8; --sx-card:#ffffff;
  --sx-ink:#141d3b; --sx-muted:#5f6a86;
  --sx-line:rgba(20,29,59,.12); --sx-line-2:rgba(20,29,59,.08);
  --sx-maxw:1240px; --sx-radius:12px;
  --sx-head:"Archivo","Arial Narrow",system-ui,sans-serif;
  --sx-body:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
.sx { font-family:var(--sx-body); color:var(--sx-ink); }
.sx *, .sx *::before, .sx *::after { box-sizing:border-box; }
.sx img { display:block; max-width:100%; }
.sx .sx-head { text-align:center; max-width:660px; margin:0 auto 28px; }
.sx-head__k { display:inline-block; font-weight:700; font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; color:var(--secondary-main,var(--sx-navy)); }
.sx-head__k::before, .sx-head__k::after { content:""; display:inline-block; width:22px; height:2px; vertical-align:middle; margin:0 .6em; background:var(--sx-amber); }
.sx-head__h { font-family:var(--sx-head); font-weight:800; line-height:1.03; font-size:clamp(1.7rem,4.6vw,2.5rem); letter-spacing:-.01em; margin:9px 0 6px; color:var(--sx-navy); text-transform:uppercase; }
.sx-head__s { margin:0; color:var(--sx-muted); font-weight:400; font-size:.98rem; }
.sx .sx-head__cta { text-align:center; margin-top:26px; }
.sx-btn { display:inline-block; background:var(--sx-navy); color:#fff; font-family:var(--sx-body); font-weight:700; font-size:.82rem; letter-spacing:.04em; text-transform:uppercase; padding:13px 30px; border:none; border-radius:8px; cursor:pointer; transition:.2s; }
.sx-btn:hover { background:var(--sx-navy-2); }
.sx-btn--sm { padding:9px 16px; font-size:.74rem; }
.sx-btn--ghost { background:transparent; color:var(--sx-navy); border:1.5px solid var(--sx-navy); }
.sx-btn--ghost:hover { background:var(--sx-navy); color:#fff; }
/* END shoopy-gen:base */

/* BEGIN shoopy-gen:usp-1 */
.sx-usp { display:flex; flex-wrap:wrap; gap:14px; max-width:var(--sx-maxw); margin:0 auto; }
.sx-usp__item { display:flex; align-items:center; gap:11px; flex:1 1 calc(50% - 7px); min-width:0; background:var(--sx-card); border:1px solid var(--sx-line-2); border-radius:10px; padding:13px 14px; }
.sx-usp__ic { flex:0 0 auto; width:40px; height:40px; border-radius:9px; display:grid; place-items:center; background:rgba(22,34,78,.07); color:var(--sx-navy); }
.sx-usp__ic svg { width:21px; height:21px; }
.sx-usp__t { margin:0; font-weight:700; font-size:.9rem; color:var(--sx-navy); }
.sx-usp__d { margin:2px 0 0; font-size:.75rem; color:var(--sx-muted); line-height:1.35; }
@media (min-width:768px) { .sx-usp__item { flex:1 1 calc(25% - 11px); } }
/* END shoopy-gen:usp-1 */

/* BEGIN shoopy-gen:types-1 */
.sx-types__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sx-types__card { display:block; border-radius:var(--sx-radius); overflow:hidden; position:relative; background:var(--sx-card); border:1px solid var(--sx-line); transition:.22s; }
.sx-types__card:hover { transform:translateY(-4px); box-shadow:0 16px 30px rgba(20,29,59,.16); }
.sx-types__media { aspect-ratio:3/4; }
.sx-types__media img { width:100%; height:100%; object-fit:cover; }
.sx-types__cap { position:absolute; left:0; right:0; bottom:0; padding:34px 14px 14px; background:linear-gradient(180deg,transparent,rgba(9,16,40,.9)); }
.sx-types__n { display:block; font-family:var(--sx-head); font-weight:800; text-transform:uppercase; letter-spacing:.01em; font-size:1.15rem; color:#fff; line-height:1.08; }
.sx-types__d { display:block; font-size:.72rem; color:var(--sx-amber-hi); margin-top:4px; font-weight:600; letter-spacing:.03em; }
@media (min-width:768px) { .sx-types__grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } }
@media (min-width:1024px) { .sx-types__grid { grid-template-columns:repeat(6,minmax(0,1fr)); } }
/* END shoopy-gen:types-1 */

/* BEGIN shoopy-gen:price-1 */
.sx-price__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sx-price__card { display:flex; align-items:center; gap:13px; background:var(--sx-card); border:1px solid var(--sx-line); border-radius:var(--sx-radius); padding:12px; transition:.22s; }
.sx-price__card:hover { transform:translateY(-3px); box-shadow:0 14px 26px rgba(20,29,59,.14); }
.sx-price__media { flex:0 0 auto; width:72px; height:72px; border-radius:9px; overflow:hidden; border:2px solid var(--sx-bg2); }
.sx-price__media img { width:100%; height:100%; object-fit:cover; }
.sx-price__cap { display:flex; flex-direction:column; gap:2px; min-width:0; }
.sx-price__n { font-family:var(--sx-head); font-weight:800; font-size:1.28rem; color:var(--sx-navy); line-height:1.02; }
.sx-price__d { font-size:.75rem; color:var(--sx-muted); }
.sx-price__cta { font-size:.72rem; font-weight:700; color:var(--sx-deal); margin-top:4px; letter-spacing:.03em; text-transform:uppercase; }
@media (min-width:768px) { .sx-price__grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } }
/* END shoopy-gen:price-1 */

/* BEGIN shoopy-gen:brands-1 */
.sx-brands { background:var(--sx-navy); border-radius:16px; padding:30px 20px; max-width:var(--sx-maxw); margin:0 auto; text-align:center; }
.sx-brands__k { display:inline-block; font-weight:700; font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; color:var(--sx-amber-hi); margin-bottom:6px; }
.sx-brands__h { font-family:var(--sx-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.4rem,4vw,2rem); color:#fff; margin:0 0 18px; letter-spacing:-.01em; }
.sx-brands__row { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 12px; }
.sx-brands__chip { display:inline-flex; align-items:center; gap:7px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); color:#eef1f8; font-weight:700; font-size:.86rem; letter-spacing:.02em; padding:10px 18px; border-radius:999px; }
.sx-brands__chip span { color:var(--sx-amber-hi); }
/* END shoopy-gen:brands-1 */

/* BEGIN shoopy-gen:testimonials-1 */
/* mobile: horizontal scroll-snap carousel (CSS-only), cards peek the next one */
.sx-tm__grid { display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding:0 16px; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:4px 16px 12px; margin:0 -16px; }
.sx-tm__grid::-webkit-scrollbar { display:none; }
.sx-tm__card { flex:0 0 86%; scroll-snap-align:center; background:var(--sx-card); border:1px solid var(--sx-line); border-radius:var(--sx-radius); padding:22px 20px; box-shadow:0 5px 16px rgba(20,29,59,.05); }
.sx-tm__stars { color:var(--sx-amber); letter-spacing:.1em; font-size:.9rem; }
.sx-tm__q { font-size:1rem; line-height:1.55; color:var(--sx-ink); margin:11px 0 16px; }
.sx-tm__who { display:flex; align-items:center; gap:11px; }
.sx-tm__av { width:40px; height:40px; border-radius:50%; background:var(--sx-navy); color:var(--sx-amber-hi); display:grid; place-items:center; font-weight:800; font-family:var(--sx-head); font-size:1.05rem; }
.sx-tm__name { font-weight:700; font-size:.88rem; color:var(--sx-navy); }
.sx-tm__meta { font-size:.73rem; color:var(--sx-muted); }
.sx-tm__meta b { color:var(--sx-green); font-weight:700; }
@media (min-width:768px) { .sx-tm__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; overflow:visible; margin:0; padding:0; } .sx-tm__card { flex:none; } }
/* END shoopy-gen:testimonials-1 */
.notice
{
background-color:#F49D0B !important;
color: #000 !important;
padding:2px !important;
}