/* Smilio — generated custom CSS for Tier-B (HtmlRenderer) sections.
   Published to the store's dedicated generated-CSS file (site_settings.sx_css_location).
   Contract: every selector is namespaced under .sx-* ; brand color comes from the
   theme variable --secondary-main ; no bare element / body / :root selectors. */

/* BEGIN shoopy-gen:base */
.sx{--sx-brand:var(--secondary-main,#f7941d);--sx-yellow:#ffc72c;--sx-deep:#c46808;--sx-ink:#171310;--sx-muted:#6b6257;--sx-line:#efe9df;--sx-cream:#fff8ec;--sx-save:#1c8a4a;--sx-save-bg:#e7f6ee;--sx-radius:16px;--sx-gap:clamp(30px,3.6vw,50px);}
.sx-wrap{max-width:1200px;margin:0 auto;padding:0 18px;width:100%;}
.sx-section{width:100%;}
.sx-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--sx-deep);margin:0 0 10px;}
.sx-eyebrow::before{content:"";width:26px;height:2px;background:currentColor;border-radius:2px;}
.sx-h2{font-size:clamp(24px,3.2vw,36px);font-weight:800;color:var(--sx-ink);margin:0;letter-spacing:-.02em;}
.sx-h2 em{color:var(--sx-brand);font-style:normal;}
.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 26px;border-radius:12px;font-weight:800;font-size:14px;text-decoration:none;cursor:pointer;transition:transform .16s,box-shadow .16s,filter .16s;}
.sx-btn:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 14px 30px rgba(23,19,16,.2);}
.sx-btn--sun{background:linear-gradient(120deg,var(--sx-yellow),var(--sx-brand));color:#171310;}
.sx-btn--ink{background:var(--sx-ink);color:#ffc72c;}
/* END shoopy-gen:base */

/* BEGIN shoopy-gen:usp-1 */
.sx-usp__band{background:var(--sx-ink);color:#fff;}
.sx-usp__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;padding:18px 0;}
.sx-usp__cell{display:flex;align-items:center;gap:12px;font-size:13px;}
.sx-usp__ic{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,199,44,.14);color:var(--sx-yellow);}
.sx-usp__ic svg{width:22px;height:22px;}
.sx-usp__t{display:block;font-weight:800;color:#fff;}
.sx-usp__d{display:block;color:#b7ac9c;font-size:12px;margin-top:1px;}
@media(min-width:768px){.sx-usp__grid{grid-template-columns:repeat(4,1fr);}}
/* END shoopy-gen:usp-1 */

/* BEGIN shoopy-gen:promo-snacks */
.sx-promo{padding:var(--sx-gap) 0;}
.sx-promo__card{display:grid;grid-template-columns:1fr;border-radius:var(--sx-radius);overflow:hidden;background:var(--sx-ink);color:#fff;}
.sx-promo__body{padding:clamp(26px,4vw,54px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
.sx-promo__body h2{font-size:clamp(23px,2.9vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin:0 0 12px;}
.sx-promo__body h2 em{font-style:normal;color:var(--sx-yellow);}
.sx-promo__body p{font-size:14px;line-height:1.65;color:#cfc5b6;margin:0 0 18px;max-width:46ch;}
.sx-promo__body .sx-eyebrow{color:var(--sx-yellow);}
.sx-promo__off{display:flex;align-items:center;gap:12px;background:rgba(255,199,44,.12);border:1px solid rgba(255,199,44,.35);border-radius:12px;padding:10px 16px;margin-bottom:16px;}
.sx-promo__off b{font-size:16px;color:var(--sx-yellow);}
.sx-promo__off span{font-size:12px;color:#cfc5b6;}
.sx-promo__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
.sx-promo__chips span{font-size:11.5px;font-weight:700;color:#f2ead9;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:5px 11px;border-radius:999px;}
.sx-promo__media{position:relative;min-height:250px;}
.sx-promo__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
@media(min-width:768px){.sx-promo__card{grid-template-columns:1.05fr .95fr;}.sx-promo__media{min-height:380px;}}
/* END shoopy-gen:promo-snacks */

/* BEGIN shoopy-gen:promo-home */
.sx-promo--home .sx-promo__card{background:linear-gradient(120deg,#fff4d8,#ffe9c2);color:var(--sx-ink);}
.sx-promo--home .sx-promo__body p{color:#5c5344;}
.sx-promo--home .sx-promo__body .sx-eyebrow{color:var(--sx-deep);}
.sx-promo--home .sx-promo__off{background:#fff;border-color:#f0ddb5;}
.sx-promo--home .sx-promo__off b{color:var(--sx-deep);}
.sx-promo--home .sx-promo__off span{color:#6b6257;}
.sx-promo--home .sx-promo__chips span{color:#5c5344;background:rgba(255,255,255,.7);border-color:#eadbb9;}
@media(min-width:768px){.sx-promo--home .sx-promo__card{grid-template-columns:.95fr 1.05fr;}}
/* END shoopy-gen:promo-home */

/* BEGIN shoopy-gen:why-1 */
.sx-why{padding:var(--sx-gap) 0;background:var(--sx-cream);}
.sx-why__head{max-width:640px;margin-bottom:26px;}
.sx-why__head p{font-size:14px;line-height:1.65;color:var(--sx-muted);margin:10px 0 0;}
.sx-why__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.sx-why__card{background:#fff;border:1px solid var(--sx-line);border-radius:var(--sx-radius);padding:20px 18px;}
.sx-why__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(120deg,var(--sx-yellow),var(--sx-brand));color:#171310;margin-bottom:12px;}
.sx-why__ic svg{width:22px;height:22px;}
.sx-why__card h3{font-size:15px;font-weight:800;color:var(--sx-ink);margin:0 0 6px;}
.sx-why__card p{font-size:12.5px;line-height:1.6;color:var(--sx-muted);margin:0;}
@media(min-width:900px){.sx-why__grid{grid-template-columns:repeat(4,1fr);}}
/* END shoopy-gen:why-1 */

:root{--secondary-main:#f7941d;--brand:#f7941d;--yellow:#ffc72c;--deep:#c46808;--ink:#171310;--ink-deep:#100d09;--muted:#6b6257;--line:#efe9df;--cream:#fff8ec;--cream2:#ffedd0;--save:#1c8a4a;--save-bg:#e7f6ee;--wa:#25a155;}
body{margin:0;font-family:"Inter","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;}

.wrap{max-width:1200px;margin:0 auto;padding:0 18px;width:100%;}
.ic{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
/* announcement */
.m-notice{background:var(--ink-deep);color:#e8ddca;text-align:center;font-size:13px;font-weight:600;letter-spacing:.01em;padding:9px 16px;border-bottom:1px solid #241d12;}
.m-notice b{color:var(--yellow);}
/* header — ink black so the pure-black logo JPEG sits flush */
.m-header{position:sticky;top:0;z-index:50;background:#000;border-bottom:1px solid #241d12;}
.m-header__in{display:flex;align-items:center;gap:16px;padding:8px 18px;max-width:1200px;margin:0 auto;}

.m-logo{display:flex;align-items:center;text-decoration:none;flex:0 0 auto;}
.m-logo img{height:52px;width:auto;display:block;}
.m-search{flex:1;display:flex;align-items:center;gap:9px;background:#171310;border:1px solid #2c2416;border-radius:12px;padding:11px 16px;color:#a99c86;font-size:14px;max-width:520px;}
.m-search .ic{width:18px;height:18px;color:var(--yellow);flex:0 0 auto;}
.m-search input{flex:1;border:none;background:transparent;outline:none;color:#f4ecdd;font-size:14px;font-family:inherit;min-width:0;}
.m-search input::placeholder{color:#a99c86;}
.m-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.m-ico{display:flex;gap:6px;align-items:center;margin-left:auto;}
.m-ico__btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;color:#f4ecdd;text-decoration:none;font-size:13px;font-weight:700;transition:background .15s;}
.m-ico__btn:hover{background:#1c1610;}
.m-ico__btn .ic{width:22px;height:22px;}
.m-ico__lbl{display:none;}
.m-ico__dot{position:absolute;top:2px;left:26px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--yellow);color:#171310;font-size:10px;font-weight:800;display:grid;place-items:center;}
/* nav strip */
.m-navbar{background:#fff;border-bottom:1px solid var(--line);display:none;}
.m-navbar__in{max-width:1200px;margin:0 auto;padding:0 18px;display:flex;gap:26px;}
.m-navbar a{padding:12px 0;font-size:13.5px;font-weight:700;color:#4a4136;text-decoration:none;position:relative;white-space:nowrap;}
.m-navbar a::after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2.5px;background:var(--brand);transition:right .25s;border-radius:2px;}
.m-navbar a:hover{color:var(--deep);}
.m-navbar a:hover::after{right:0;}
/* hero */
.m-hero{position:relative;background:var(--ink-deep);overflow:hidden;}
.m-hero__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
.m-hero__track::-webkit-scrollbar{display:none;}
.m-hero__slide{position:relative;flex:0 0 100%;scroll-snap-align:start;overflow:hidden;height:clamp(450px,66vw,540px);}
.m-hero__slide img.m-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.m-hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,7,3,.38) 0%,rgba(10,7,3,.56) 32%,rgba(10,7,3,.58) 72%,rgba(10,7,3,.62) 100%);}
@media(min-width:761px){.m-hero__scrim{background:linear-gradient(95deg,rgba(10,7,3,.62) 0%,rgba(10,7,3,.42) 44%,rgba(10,7,3,.02) 72%);}}
.m-hero__in{position:absolute;inset:0;display:flex;align-items:center;}
.m-hero__c{max-width:1200px;margin:0 auto;padding:0 22px;width:100%;}
.m-hero__box{max-width:min(560px,calc(100vw - 44px));width:100%;color:#fff;}
.m-hero h1{font-weight:900;font-size:clamp(30px,5.4vw,54px);line-height:1.03;margin:0 0 14px;letter-spacing:-.03em;text-shadow:0 2px 18px rgba(0,0,0,.25);}
.m-hero h1 em{font-style:normal;color:var(--yellow);}
.m-hero p{font-size:clamp(14px,1.6vw,17px);line-height:1.6;color:rgba(255,255,255,.96);margin:0 0 22px;max-width:min(440px,calc(100vw - 44px));text-shadow:0 1px 14px rgba(0,0,0,.5);}
.m-hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;}
.m-hero__chips{display:flex;flex-wrap:wrap;gap:9px 16px;}
.m-hero__chip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.55);}
.m-hero__chip .ic{width:16px;height:16px;color:var(--yellow);}
.m-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 26px;border-radius:12px;font-weight:800;font-size:14px;text-decoration:none;border:none;cursor:pointer;transition:transform .16s,box-shadow .16s,filter .16s;}
.m-btn:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 14px 30px rgba(0,0,0,.22);}
.m-btn .ic{width:18px;height:18px;}
.m-btn--sun{background:linear-gradient(120deg,var(--yellow),var(--brand));color:#171310;}
.m-btn--out{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.55);}
.m-hero__dots{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:7px;justify-content:center;z-index:3;}
.m-hero__dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);}
.m-hero__dots span.is-on{background:var(--yellow);width:26px;border-radius:999px;}
/* light slide variant — bright backdrop, ink text (placed after base hero rules so it wins) */
.m-hero__slide--lt .m-hero__scrim{background:linear-gradient(180deg,rgba(255,248,236,.78) 0%,rgba(255,248,236,.58) 62%,rgba(255,248,236,.24) 100%);}
@media(min-width:761px){.m-hero__slide--lt .m-hero__scrim{background:linear-gradient(95deg,rgba(255,248,236,.82) 0%,rgba(255,248,236,.46) 46%,rgba(255,248,236,0) 72%);}}
.m-hero__slide--lt .m-hero__box{color:var(--ink);}
.m-hero .m-hero__slide--lt h1{text-shadow:none;color:var(--ink);}
.m-hero .m-hero__slide--lt h1 em{color:var(--deep);}
.m-hero .m-hero__slide--lt p{color:rgba(23,19,16,.85);text-shadow:0 1px 10px rgba(255,248,236,.7);}
.m-hero .m-hero__slide--lt .m-hero__chip{color:var(--ink);text-shadow:0 1px 10px rgba(255,248,236,.7);}
.m-hero .m-hero__slide--lt .m-hero__chip .ic{color:var(--deep);}
.m-hero .m-hero__slide--lt .m-btn--out{background:rgba(255,255,255,.6);color:var(--ink);border-color:rgba(23,19,16,.5);}
/* section shells */
.m-sec{padding:clamp(30px,3.6vw,50px) 0;}
.m-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:24px;}
.section-heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:24px;}

.m-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--deep);margin:0 0 9px;}
.m-eyebrow::before{content:"";width:26px;height:2px;background:currentColor;border-radius:2px;}
.section-heading{font-size:clamp(24px,3.2vw,36px);font-weight:800;color:var(--ink);margin:0;letter-spacing:-.02em;}
.section-heading em{color:var(--brand);font-style:normal;}
.m-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--deep);text-decoration:none;border:1.5px solid var(--line);padding:11px 18px;border-radius:10px;background:#fff;white-space:nowrap;transition:border-color .15s,background .15s,color .15s;}
.m-link:hover{border-color:var(--brand);background:var(--cream);}
.m-link .ic{width:16px;height:16px;}
/* category image tiles */
.m-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.m-cat{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .16s,box-shadow .16s,border-color .16s;}
.m-cat:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(23,19,16,.10);border-color:var(--brand);}
.m-cat__im{aspect-ratio:1/1;overflow:hidden;background:var(--cream);}
.m-cat__im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
.m-cat:hover .m-cat__im img{transform:scale(1.06);}
.m-cat__n{font-weight:700;font-size:13px;line-height:1.25;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;}
.m-cat__n .ic{width:15px;height:15px;color:var(--brand);flex:0 0 auto;}
/* product rails */
.m-rail{position:relative;}
.m-row{display:grid;grid-auto-flow:column;grid-auto-columns:44%;gap:12px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:none;}
.m-row::-webkit-scrollbar{display:none;}
.m-pcard{scroll-snap-align:start;position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;}
.m-pcard:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(23,19,16,.13);border-color:#e8d6b8;}
.m-pcard__badge{position:absolute;top:10px;left:10px;z-index:2;background:linear-gradient(135deg,#22a75c,#1c8a4a);color:#fff;font-size:11px;font-weight:800;padding:4px 9px;border-radius:7px;letter-spacing:.02em;box-shadow:0 4px 10px rgba(28,138,74,.3);}
.m-pcard__fav{position:absolute;top:9px;right:10px;z-index:2;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.94);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);cursor:pointer;transition:background .15s,color .15s,transform .15s;}
.m-pcard__fav .ic{width:16px;height:16px;}
.m-pcard__fav:hover{background:var(--brand);color:#fff;transform:scale(1.06);}
.m-pcard__img{position:relative;flex:0 0 auto;aspect-ratio:1/1;background:#fff;overflow:hidden;display:block;border-bottom:1px solid var(--line);}
.m-pcard__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.m-pcard:hover .m-pcard__img img{transform:scale(1.05);}
.m-pcard__b{padding:13px 13px 14px;display:flex;flex:1 1 auto;flex-direction:column;}
.m-pcard__cat{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--deep);}
.pr-title{margin:4px 0 0;font-size:13.5px;color:var(--ink);line-height:1.32;font-weight:600;}
.m-pcard__rate{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--ink);margin-top:8px;}
.m-pcard__rate svg{width:13px;height:13px;fill:#f5a623;stroke:none;}
.m-pcard__rate small{color:var(--muted);font-weight:500;}
.m-pcard__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin:9px 0 12px;}
.pr-sale-price{font-size:17px;color:var(--ink);}
.pr-mrp-price{font-size:12.5px;color:var(--muted);text-decoration:line-through;}
.m-pcard__save{font-size:11px;font-weight:800;color:var(--save);background:var(--save-bg);padding:2px 7px;border-radius:6px;}
.pr-outlined-button,.pr-plus-minus-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(120deg,var(--yellow),var(--brand));color:#171310;font-size:13px;font-weight:800;padding:11px 14px;border-radius:10px;margin-top:auto;text-decoration:none;transition:filter .15s;}
.pr-outlined-button.ic{width:16px;height:16px;}
.pr-plus-minus-button:hover{filter:brightness(1.05);}
/* footer */
.m-foot{background:#0d0a07;color:#a99c86;}
.m-foot__cols{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1200px;margin:0 auto;padding:44px 18px;}
.m-foot__cols h4{color:#fff;font-size:14px;margin:0 0 14px;}
.m-foot__cols a,.m-foot__cols p{display:block;color:#9a8e78;text-decoration:none;font-size:13px;line-height:2;margin:0;}
.m-foot__cols a:hover{color:var(--yellow);}
.m-foot__brand{grid-column:1 / -1;}
.m-foot__wm img{height:64px;width:auto;display:block;margin:0 0 14px -6px;}
.m-foot__brand p{font-size:13px;line-height:1.7;max-width:360px;margin-bottom:16px;}
.m-soc{display:flex;gap:10px;}
.m-soc a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#d8ccb4;}
.m-soc a:hover{background:var(--brand);color:#171310;border-color:var(--brand);}
.m-soc .ic{width:18px;height:18px;}
.m-foot__bottom{border-top:1px solid rgba(255,255,255,.08);max-width:1200px;margin:0 auto;padding:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;}
.m-foot__bottom p{margin:0;font-size:12px;color:#7c7057;}
.m-pay{display:flex;flex-wrap:wrap;gap:7px;}
.m-pay span{font-size:11px;font-weight:800;letter-spacing:.04em;color:#d8ccb4;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:5px 9px;}
.m-wa{position:fixed;right:18px;bottom:18px;z-index:60;width:56px;height:56px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 10px 26px rgba(37,161,85,.5);transition:transform .15s;}
.m-wa:hover{transform:scale(1.07);}
.m-wa .ic{width:30px;height:30px;fill:currentColor;stroke:none;}
@media(min-width:480px){.m-row{grid-auto-columns:230px;}}
@media(min-width:600px){.m-foot__cols{grid-template-columns:2fr 1fr 1fr 1fr;}.m-foot__brand{grid-column:auto;}.m-ico__lbl{display:inline;}}
@media(min-width:768px){.m-cats{grid-template-columns:repeat(3,1fr);}}
@media(min-width:980px){.m-navbar{display:block;}.m-row{grid-auto-columns:1fr;overflow:visible;}.m-row--five{grid-auto-columns:19.2%;}}
@media(min-width:1080px){.m-cats{grid-template-columns:repeat(6,1fr);}}