/* ARFIN storefront theme — design base (from github.com/Sontos-Roy/arifin) + store adapter. Loaded only when STORE_THEME=arifin. */
/* ============ ARFIN — custom styles (Bootstrap 5 base) ============ */
/* Brand typeface: add @font-face for styreneB here once the licensed files are uploaded;
   until then the stack falls back to Inter. */
:root{
  --f-main:'styreneB','Inter','Noto Sans Bengali','Helvetica Neue',Arial,sans-serif;
  --f-num:'Roboto','Helvetica Neue',Arial,sans-serif;
  --ls:.1px;
  --ink:#1a1a1a; --ink-soft:#4a4a4a; --muted:#8a867f;
  --paper:#ffffff; --stone:#eeebe6; --line:#dedad3;
  --tan:#9a6b43; --oxblood:#6b2420;
  --display:var(--f-main);
  --body:var(--f-main);
  --header-h:126px; --sticky-h:80px;
}
*{box-sizing:border-box}
@media (max-width:991.98px){:root{--header-h:66px}}
body{font-family:var(--f-main);color:#000;background:var(--paper);font-size:14px;line-height:20px;letter-spacing:var(--ls);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--tan)}
img{max-width:100%}
h1,h2,h3,.display{font-family:var(--f-main);font-weight:500;letter-spacing:normal}
:focus-visible{outline:2px solid var(--tan);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ===== header (ARFIN style) ===== */
.brand{display:block;line-height:0}
.brand img{width:100%;height:auto}
.site-header,.sticky-bar{--hdr-font:var(--f-main);background:#000;color:#fff;font-family:var(--hdr-font)}
.site-header{position:relative;z-index:1030}
.site-header a:hover,.sticky-bar a:hover{color:#fff}
.hdr-wrap{padding-inline:clamp(16px,4vw,76px)}
.hdr-row,.sb-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.hdr-row{height:76px;grid-template-areas:"info brand actions"}
.site-header .brand,.sticky-bar .brand{grid-area:brand;width:225px}
.hdr-info{grid-area:info;display:flex;align-items:center;gap:14px;font-size:12px;line-height:16px;color:#cbcbcb}
.hdr-flag{width:36px;height:36px;border-radius:50%;background:#efefef;display:grid;place-items:center;flex:none}
.hdr-flag span{width:20px;height:13px;border-radius:1.5px;background:#006a4e;position:relative}
.hdr-flag span::after{content:"";position:absolute;left:6px;top:2.5px;width:8px;height:8px;border-radius:50%;background:#f42a41}
.hdr-meta{display:inline-flex;align-items:center;gap:7px;color:#cbcbcb;white-space:nowrap}
.site-header .hdr-meta:hover{color:#fff}
.hdr-meta svg{width:17px;height:17px;flex:none}
.hdr-left{grid-area:left;display:none;align-items:center;gap:18px}
.hdr-actions{grid-area:actions;display:flex;justify-content:flex-end;align-items:center;gap:20px}
.hdr-icon{background:none;border:0;padding:0;color:#fff;line-height:0;display:inline-flex}
.hdr-icon svg{width:24px;height:24px}
.hdr-signin{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 5px 0 11px;border:1px solid #383838;border-radius:999px;font-size:12px;font-weight:400;line-height:18px;letter-spacing:var(--ls);text-transform:uppercase;color:#fff;white-space:nowrap}
.hdr-signin:hover{border-color:#6b6b6b}
.hdr-avatar{width:30px;height:30px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center}
.hdr-avatar svg{width:26px;height:26px}
.hdr-nav{height:50px;display:flex;justify-content:center;align-items:center}
.main-nav{display:flex;align-items:center;margin:0;padding:0}
.main-nav>li{list-style:none;display:flex;align-items:center}
.main-nav>li+li::before{content:"";width:1px;height:22px;background:#3d3d3d}
.main-nav>li>a{display:flex;align-items:center;height:50px;padding:0 28px;font-size:16px;font-weight:400;line-height:24px;letter-spacing:1.2px;text-transform:uppercase;color:#fff}
.main-nav>li>a:hover{opacity:.7}
.mega{position:absolute;left:0;right:0;top:100%;z-index:2;background:var(--paper);color:var(--ink);font-family:var(--body);border-bottom:1px solid var(--line);padding:36px 0 44px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s ease}
.main-nav>li:hover .mega,.main-nav>li:focus-within .mega{opacity:1;visibility:visible;transform:none}
.site-header .mega a:hover{color:var(--tan)}
.mega h6{font-size:12px;color:var(--muted);font-weight:500;margin-bottom:14px}
.mega ul{list-style:none;padding:0;margin:0}
.mega li{margin-bottom:8px}
.mega .mega-img{aspect-ratio:4/5;object-fit:cover;width:100%;background:var(--stone)}
.mega .mega-cap{font-size:13px;margin-top:8px}
.site-header.is-overlay::after{content:"";position:absolute;left:0;right:0;top:100%;height:80px;background:linear-gradient(#000,rgba(0,0,0,0));pointer-events:none;z-index:1}

/* sticky bar (slides in once the main header scrolls away) */
.sticky-bar{position:fixed;top:0;left:0;right:0;z-index:1035;transform:translateY(-100%);transition:transform .3s ease}
.sticky-bar.is-visible{transform:none}
.sb-row{height:80px;grid-template-columns:1fr minmax(0,552px) 1fr;grid-template-areas:"brand search actions";column-gap:24px}
.sticky-bar .brand,.hdr-compact .brand{justify-self:start;width:175px}
/* compact header used on inner pages (ARFIN product / listing style) */
.site-header.hdr-compact{position:sticky;top:0}
.hdr-search{grid-area:search;position:relative;margin:0}
.hdr-search input{width:100%;height:46px;border:0;border-radius:999px;background:#fff;color:#111;padding:0 52px 0 18px;font:400 16px/24px var(--hdr-font);letter-spacing:var(--ls);outline:none;-webkit-appearance:none;appearance:none}
.hdr-search input::placeholder{color:#9ca3af}
.hdr-search input::-webkit-search-cancel-button{display:none}
.hdr-search input:focus-visible{box-shadow:0 0 0 2px #9ca3af}
.hdr-search button{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:0;padding:0;color:#525252;line-height:0}
.hdr-search button svg{width:20px;height:20px}

@media (max-width:991.98px){
  .hdr-info,.hdr-nav,.hdr-bag-lg,.hdr-avatar{display:none}
  .hdr-left{display:flex}
  .hdr-row{height:66px;grid-template-areas:"left brand actions"}
  .site-header .brand,.sticky-bar .brand,.hdr-compact .brand{width:150px;justify-self:center}
  .hdr-signin{height:28px;padding:0 12px}
  .sb-row{height:auto;grid-template-columns:1fr auto 1fr;grid-template-rows:66px auto;grid-template-areas:"left brand actions" "search search search";padding-bottom:12px;column-gap:0}
  .hdr-search input{height:44px;padding-left:16px}
  .site-header.is-overlay::after{height:50px}
}
@media (max-width:374.98px){
  .site-header .brand,.sticky-bar .brand,.hdr-compact .brand{width:120px}
  .hdr-left{gap:14px}
}

/* side menu */
.side-menu:focus,.side-menu:focus-visible{outline:none}
.side-menu.offcanvas{--bs-offcanvas-width:300px;max-width:85vw;border-right:0!important;font-family:var(--f-main);color:#000}
.sm-panels{position:relative;height:100%;overflow:hidden}
.sm-panel{position:absolute;inset:0;overflow-y:auto;padding:42px 24px 32px;transition:transform .3s ease,visibility .3s}
.sm-sub{transform:translateX(100%);visibility:hidden}
.sm-panels.sub-open .sm-main{transform:translateX(-100%);visibility:hidden}
.sm-sub.is-active{transform:none;visibility:visible}
.sm-title{font-family:inherit;font-size:14px;font-weight:500;letter-spacing:var(--ls);text-transform:uppercase;line-height:20px;margin:0 0 16px}
.sm-list{list-style:none;margin:0;padding:0}
.sm-list a,.sm-list button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 0;border:0;border-bottom:1px solid #000;background:none;font-size:14px;line-height:20px;letter-spacing:var(--ls);color:#000;text-align:left}
.sm-list a:hover,.sm-list button:hover{color:#000;opacity:.7}
.sm-list svg{width:16px;height:16px;flex:none}
.sm-list .sm-sale,.sm-list .sm-sale:hover{color:#a52644}
.sm-back{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;margin:0 0 16px -4px;font-size:14px;font-weight:500;letter-spacing:var(--ls);text-transform:uppercase;line-height:20px;color:#000}
.sm-back svg{width:16px;height:16px}

/* buttons */
.btn-ox,.btn-ox-outline{display:inline-block;padding:13px 30px;font-size:14px;line-height:24px;letter-spacing:var(--ls);border-radius:0;transition:.2s;border:1px solid var(--ink)}
.btn-ox{background:var(--ink);color:#fff}
.btn-ox:hover{background:transparent;color:var(--ink)}
.btn-ox-outline{background:transparent;color:var(--ink)}
.btn-ox-outline:hover{background:var(--ink);color:#fff}
.btn-ox-light{background:#fff;color:var(--ink);border-color:#fff}
.btn-ox-light:hover{background:transparent;color:#fff}
.link-u{border-bottom:1px solid currentColor;padding-bottom:2px;font-size:14px}

/* hero */
.hero{position:relative;height:calc(100vh - var(--header-h));min-height:520px;max-height:860px;overflow:hidden;background:var(--stone)}
.hero .carousel,.hero .carousel-inner,.hero .carousel-item{height:100%}
.hero .carousel-item img{width:100%;height:100%;object-fit:cover}
.hero .carousel-item::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 50%)}
.hero-caption{position:absolute;left:0;right:0;bottom:56px;z-index:2;color:#fff}
.hero-caption h1{font-size:clamp(34px,5vw,68px);line-height:1.05;max-width:13ch;margin-bottom:22px}
.hero .carousel-indicators{justify-content:flex-end;margin:0 5% 56px 0;z-index:3}
.hero .carousel-indicators [data-bs-target]{width:28px;height:2px;border:0;background:#fff;opacity:.45}
.hero .carousel-indicators .active{opacity:1}

/* intro */
.intro{padding:72px 0 56px;text-align:center}
.intro h2{font-size:clamp(26px,3vw,38px);max-width:22ch;margin:0 auto 10px}
.intro p{color:var(--muted);margin-bottom:26px}
.cat-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.cat-links a{border:1px solid var(--line);padding:9px 22px;font-size:14px}
.cat-links a:hover{border-color:var(--ink);color:var(--ink)}

.section{padding:64px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}
.section-head h2{font-size:clamp(26px,2.6vw,34px);margin:0}

/* sale band */
.sale-band{display:grid;grid-template-columns:1.1fr 1fr;min-height:540px}
.sale-band .sb-copy{background:var(--oxblood);color:#fff;padding:60px 8%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.sale-band .sb-copy h2{font-size:clamp(38px,5vw,72px);line-height:1;margin-bottom:12px}
.sale-band .sb-copy p{opacity:.85;margin-bottom:30px;font-size:16px}
.sale-band .sb-img{background:var(--stone)}
.sale-band .sb-img img{width:100%;height:100%;object-fit:cover}
.sale-band.reverse{grid-template-columns:1fr 1.1fr}
.sale-band.reverse .sb-copy{order:2;background:var(--ink)}
@media(max-width:767.98px){.sale-band,.sale-band.reverse{grid-template-columns:1fr}.sale-band.reverse .sb-copy{order:0}.sale-band .sb-img{height:360px}}

/* tiles */
.tile{position:relative;display:block;overflow:hidden;background:var(--stone)}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.tile:hover img{transform:scale(1.03)}
.tile .t-label{position:absolute;left:22px;bottom:20px;color:#fff;z-index:2}
.tile .t-label span{display:block;font-size:28px;line-height:1.1;margin-bottom:6px}
.tile .t-label small{font-size:13px;border-bottom:1px solid #fff}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 55%)}
.tile.r-45{aspect-ratio:4/5}
.tile.feature{height:100%;min-height:520px}


/* page head */
.page-head{padding:44px 0 28px;border-bottom:1px solid var(--line)}
.page-head h1{font-size:clamp(32px,3.6vw,48px);margin:6px 0 4px}
.page-head p{color:var(--muted);margin:0;max-width:60ch}
.crumbs{font-size:12.5px;color:var(--muted)}
.crumbs a:hover{color:var(--ink)}
.crumbs span{margin:0 6px}

/* forms */
.form-select.ox,.form-control.ox{border-radius:0;border-color:var(--line);font-size:14px;padding:10px 14px}
.form-select.ox:focus,.form-control.ox:focus{border-color:var(--ink);box-shadow:none}
.form-check-input{border-radius:0!important;border-color:#b9b4ab}
.form-check-input:checked{background-color:var(--ink);border-color:var(--ink)}
.form-check-input:focus{box-shadow:none;border-color:var(--ink)}

/* quantity stepper */
.qty{display:inline-flex;border:1px solid var(--line);height:48px}
.qty button{background:none;border:0;width:40px;font-size:18px}
.qty input{width:44px;border:0;text-align:center}

/* cart / checkout */
.cart-row{display:grid;grid-template-columns:110px 1fr auto;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.cart-row img{aspect-ratio:4/5;object-fit:cover;background:var(--stone)}
.cart-row .qty{height:40px}
.summary{background:var(--stone);padding:30px}
.summary .row-l{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}
.summary .total{border-top:1px solid var(--line);padding-top:14px;margin-top:14px;font-size:17px}
.form-label{font-size:13px;margin-bottom:6px}

/* auth */
.auth-wrap{max-width:980px;margin:0 auto;padding:64px 0}
.auth-wrap h2{font-size:28px;margin-bottom:6px}

/* content pages */
.prose{max-width:720px}
.prose h2{font-size:26px;margin:40px 0 12px}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{color:var(--ink-soft);line-height:1.8}
.side-nav a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.side-nav a.on{font-weight:500}
.about-hero{height:70vh;min-height:420px;position:relative;background:var(--stone)}
.about-hero img{width:100%;height:100%;object-fit:cover}
.about-hero .cap{position:absolute;inset:auto 0 60px 0;color:#fff;z-index:2}
.about-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 60%)}
.about-hero h1{font-size:clamp(36px,5vw,64px);max-width:14ch}
.stat{border-top:1px solid var(--ink);padding-top:14px}
.stat b{font-size:40px;font-weight:500;display:block}
.care-card{border-top:1px solid var(--line);padding-top:18px}
.care-card h3{font-size:22px}
.contact-box{border:1px solid var(--line);padding:26px;height:100%}
.empty-state{text-align:center;padding:90px 0}
.empty-state h1{font-size:clamp(40px,6vw,80px)}

/* ===== v2: dark header, full-bleed tiles, grey carousel ===== */

.arrivals{background:#f1f0ee;padding:56px 0 48px}
.arrivals .p-card .p-img{background:#e9e8e5;aspect-ratio:1/1}
.arrivals .p-card .p-img img{mix-blend-mode:multiply}
.car-nav{display:flex;gap:8px}
.car-nav button{width:40px;height:40px;border-radius:50%;border:1px solid var(--ink);background:transparent;font-size:18px;line-height:1}
.car-nav button:hover{background:var(--ink);color:#fff}

.bleed-grid{display:grid;gap:0}
.bleed-3{grid-template-columns:repeat(3,1fr)}
.bleed-3 .tile{aspect-ratio:1/1}
.bleed-split{grid-template-columns:1fr 1fr}
.bleed-split .tile{aspect-ratio:auto;min-height:620px}
.bleed-split .stack{display:grid;grid-template-rows:1fr 1fr}
.bleed-split .stack .tile{min-height:310px}
.promo-cell{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:48px 10%}
.promo-cell h2{font-size:clamp(28px,3vw,42px);margin-bottom:6px}
.promo-cell p{color:var(--ink-soft);margin-bottom:22px}
.bleed-grid .tile .t-label span{font-size:18px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:767.98px){.bleed-3,.bleed-split{grid-template-columns:1fr}.bleed-split .tile{min-height:420px}}

/* ===== footer (ARFIN style) ===== */
.site-footer{--ft-font:var(--f-main);background:#000;color:#fff;font-family:var(--ft-font);padding:56px 0 40px;margin-top:40px}
main.home+.site-footer{margin-top:0}
.site-footer a:hover{color:#fff;opacity:.7}
.ft-wrap{padding-inline:clamp(16px,6.67vw,128px)}
.ft-top,.ft-cols{display:grid;grid-template-columns:repeat(4,1fr);column-gap:32px}
.ft-brand{grid-column:1/4}
.ft-logo{display:block;width:120px;line-height:0}
.ft-logo img{width:100%;height:auto}
.ft-brand p{font-size:12px;line-height:16px;color:#e5e5e5;margin:12px 0 0;letter-spacing:var(--ls)}
.ft-news p{font-size:14px;font-weight:400;line-height:20px;letter-spacing:var(--ls);margin:0 0 22px}
.site-footer .newsletter{display:flex;align-items:center;height:46px;background:#fff;border:0;border-radius:4px;max-width:none}
.site-footer .newsletter input{flex:1;min-width:0;height:100%;border:0;background:transparent;padding:0 12px;font:400 16px/24px var(--ft-font);letter-spacing:var(--ls);color:#111;outline:none}
.site-footer .newsletter input::placeholder{color:#9ca3af}
.site-footer .newsletter button{background:none;border:0;padding:0 18px 0 8px;color:#000;line-height:0}
.site-footer .newsletter button svg{width:20px;height:20px}
.ft-cols{margin-top:40px}
.ft-cols h6{font-family:var(--ft-font);font-size:14px;font-weight:500;line-height:20px;letter-spacing:var(--ls);text-transform:uppercase;padding-bottom:14px;margin:0 0 24px;border-bottom:1px solid #2c2c2c}
.ft-cols ul{list-style:none;margin:0;padding:0}
.ft-cols li{font-size:14px;font-weight:400;letter-spacing:var(--ls);line-height:20px;margin-bottom:12px}
.ft-bottom{margin-top:18px;padding-top:34px;border-top:1px solid #2c2c2c}
.ft-pay{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ft-pay-label{font-size:7px;color:#3b82f6;padding-right:8px;border-right:1px solid #2c2c2c;align-self:stretch;display:flex;align-items:center}
.ft-pay-grid{display:grid;grid-template-columns:repeat(10,26px);gap:5px;padding-right:12px;border-right:1px solid #2c2c2c}
.ft-pay-grid span{height:26px;border-radius:4px;background:#fff;color:#1e3a8a;font-size:6.5px;font-weight:700;display:grid;place-items:center;overflow:hidden;letter-spacing:0}
.ft-ssl{font-size:6px;font-weight:700;letter-spacing:.04em;background:#2563eb;color:#fff;padding:3px 5px;border-radius:2px}
@media (max-width:991.98px){
  .ft-top,.ft-cols{grid-template-columns:repeat(2,1fr);row-gap:32px}
  .ft-brand,.ft-news{grid-column:1/-1}
}
@media (max-width:639.98px){
  .ft-news p,.ft-cols h6,.ft-cols li{font-size:12px;line-height:16px}
}
@media (max-width:575.98px){
  .ft-pay-grid{grid-template-columns:repeat(7,26px);border-right:0}
}

/* ===== cart drawer ===== */
.cart-drawer.offcanvas{--bs-offcanvas-width:420px;max-width:100vw;border-left:0!important;font-family:var(--f-main);color:#000}
.cart-drawer:focus,.cart-drawer:focus-visible{outline:none}
.cd-head{height:56px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e5e5e5}
.cd-head h2{font-family:inherit;font-size:14px;font-weight:500;line-height:20px;letter-spacing:normal;margin:0}
.cd-close{background:none;border:0;padding:0;margin-right:-4px;color:#000;line-height:0}
.cd-close svg{width:18px;height:18px}
.cd-body{flex:1;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:24px 48px}
.cd-empty{text-align:center;width:100%;max-width:320px}
.cd-empty-icon{width:64px;height:64px;border-radius:50%;background:#f5f5f5;color:#171717;display:inline-grid;place-items:center}
.cd-empty-icon svg{width:24px;height:24px}
.cd-empty h3{font-family:inherit;font-size:18px;font-weight:500;letter-spacing:0;margin:18px 0 10px}
.cd-empty p{font-size:14px;color:#737373;margin:0 0 24px}
.cd-btn{display:flex;align-items:center;justify-content:center;height:36px;width:100%;border-radius:4px;background:#171717;color:#fff;font-size:14px;font-weight:500}
.cd-btn:hover{background:#000;color:#fff}

/* ===== home page (ARFIN style) ===== */
.home{--h-font:var(--f-main);--h-pad:clamp(16px,3.4vw,65px);font-family:var(--h-font)}
.home a:hover{color:inherit}
.h-hero{position:relative;display:grid;grid-template-columns:repeat(3,1fr);background:#000}
.h-hero-panel{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#1a1a1a}
.h-hero-panel img{width:100%;height:100%;object-fit:cover}
.h-hero-panel::after{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.h-intro{text-align:center;padding:68px 16px 66px}
.h-intro h1{font-family:var(--h-font);font-size:24px;font-weight:500;letter-spacing:normal;text-transform:uppercase;line-height:32px;margin:0 0 8px}
.h-intro p{font-size:16px;line-height:24px;letter-spacing:var(--ls);margin:0}
.h-cats{background:#000;height:192px;display:grid;grid-template-columns:repeat(4,306px);justify-content:center;align-items:center}
.h-cats a{text-align:center;color:#fff;font-size:22px;font-weight:400;line-height:64px;letter-spacing:var(--ls);text-transform:uppercase}
.home .h-cats a:hover{color:#fff;opacity:.7}
.h-cats a.is-sale,.home .h-cats a.is-sale:hover{color:#c90000}
.h-arrivals{background:#f0f0f0;padding:66px 0 60px var(--h-pad)}
.h-arrivals-head{display:flex;justify-content:space-between;align-items:center;padding-right:var(--h-pad);margin-bottom:36px}
.h-arrivals-head h2{font-family:var(--h-font);font-size:24px;font-weight:500;line-height:32px;letter-spacing:normal;text-transform:uppercase;margin:0}
.h-arrivals-head a{font-size:12px;font-weight:500;border-bottom:1px solid currentColor;line-height:18px;letter-spacing:var(--ls)}
.h-car{position:relative}
.h-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*14px)/4.33);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.h-track::-webkit-scrollbar{display:none}
.h-card{display:block;scroll-snap-align:start;min-width:0}
.h-card-img{aspect-ratio:1/1;background:#f1f1f1;overflow:hidden}
.h-card-img img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .5s ease}
.h-card:hover .h-card-img img{transform:scale(1.04)}
.h-card-name{font-size:14px;line-height:20px;color:#6b6b6b;letter-spacing:var(--ls);margin-top:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h-card-price{font-size:12px;font-weight:500;line-height:16px;letter-spacing:var(--ls);color:#000;margin-top:12px}
.h-car-btn{position:absolute;top:calc((100% - 58px)/2);transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#000;display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.12);z-index:2}
.h-car-btn[hidden]{display:none}
.h-car-btn svg{width:18px;height:18px}
.h-car-btn.next{right:44px}
.h-car-btn.prev{left:12px}
.h-tile{position:relative;display:block;overflow:hidden;background:#d9d9d9}
.h-tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.h-tile:hover img{transform:scale(1.03)}
.h-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,0) 28%);pointer-events:none}
.h-label{position:absolute;left:3%;bottom:4.5%;z-index:1;margin:0;color:#fff;font-size:24px;font-weight:500;letter-spacing:normal;text-transform:uppercase;line-height:32px}
.h-grid3{display:grid;grid-template-columns:repeat(3,1fr)}
.h-grid3 .h-tile{aspect-ratio:1/1}
.h-feature{display:grid;grid-template-columns:44% 1fr;aspect-ratio:1920/843}
.h-feature>*{min-height:0}
.h-new{height:100%}
.h-new{background:#000;display:grid;place-items:center}
.h-new::after{display:none}
.h-new .h-new-logo{width:44%;max-width:315px;height:auto;object-fit:contain}
.h-new:hover .h-new-logo{transform:none}
.h-feature-side{display:grid;grid-template-rows:1fr 1fr;min-height:0}
.h-feature-side>*{min-height:0}
.h-feature-side .h-tile{height:100%}
.h-promo{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 16px}
.h-promo h2{font-family:var(--h-font);font-size:18px;font-weight:500;letter-spacing:normal;text-transform:uppercase;line-height:28px;margin:0 0 16px}
.h-promo p{font-size:14px;line-height:20px;letter-spacing:var(--ls);text-transform:uppercase;margin:0 0 16px}
.h-btn{flex:none;display:flex;align-items:center;justify-content:center;width:260px;max-width:100%;height:auto;padding:12px 24px;background:#000;color:#fff;font-size:14px;font-weight:400;line-height:20px;letter-spacing:var(--ls);text-transform:uppercase}
.home .h-btn:hover{color:#fff;background:#262626}
@media (max-width:1399.98px){.h-cats{grid-template-columns:repeat(4,minmax(0,240px))}}
@media (min-width:640px){.h-intro p{font-size:16px;line-height:24px}}
@media (min-width:768px){.h-promo h2{font-size:22px}}
@media (min-width:1024px){.h-promo h2{font-size:32px}.h-promo p{font-size:16px;line-height:24px}.h-btn{line-height:24px}}
@media (min-width:1536px){.h-promo h2{font-size:40px}}
@media (min-width:768px) and (max-width:1199.98px){.h-promo{padding:16px}}
@media (max-width:991.98px){
  .h-track{grid-auto-columns:calc((100% - 2*14px)/2.4)}
  .h-car-btn.next{right:16px}
}
@media (max-width:767.98px){
  .h-hero{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .h-hero::-webkit-scrollbar{display:none}
  .h-hero-panel{scroll-snap-align:start}
  .h-intro{padding:44px 16px}
  .h-cats{height:auto;grid-template-columns:repeat(2,1fr);row-gap:28px;padding:40px 16px}
  .h-cats a{font-size:18px;line-height:48px}
  .h-intro h1,.h-arrivals-head h2,.h-label{font-size:18px;line-height:28px}
  .h-arrivals{padding-top:44px;padding-bottom:40px}
  .h-arrivals-head{margin-bottom:24px}
  .h-track{grid-auto-columns:calc((100% - 14px)/1.6)}
  .h-card-name{margin-top:14px}
  .h-car-btn{top:calc((100% - 44px)/2)}
  .h-feature{grid-template-columns:1fr;aspect-ratio:auto}
  .h-new{aspect-ratio:1/1}
  .h-feature-side .h-tile{aspect-ratio:2/1}
}
@media (max-width:639.98px){.h-intro p{font-size:14px;line-height:20px}}
@media (max-width:575.98px){
  .h-grid3{grid-template-columns:1fr}
}

/* ===== inner pages: product + listing (ARFIN style) ===== */
.pg-grey{--a-font:var(--f-main);--a-num:var(--f-num);--a-muted:#737373;--a-red:#b12704;background:#f0f0f0;color:#000;font-family:var(--a-font);font-size:14px;line-height:20px;letter-spacing:var(--ls);padding-bottom:16px}
.pg-grey+.site-footer{margin-top:0}
.pg-grey a:hover{color:inherit}
.pg-grey h1,.pg-grey h2,.pg-grey h3{font-family:var(--a-font);letter-spacing:normal}

/* product card (listing + carousels) */
.a-card{display:block}
.a-card-img{position:relative;aspect-ratio:1/1;overflow:hidden;margin-bottom:16px}
.a-card-img img{width:100%;height:100%;object-fit:contain;transition:transform .3s}
.a-card:hover .a-card-img img{transform:scale(1.05)}
.a-card-name{font-size:14px;line-height:20px;color:#6b6b6b;margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-card-price{font-size:12px;font-weight:500;line-height:16px;height:16px;white-space:nowrap}
.a-card-price del{font-size:10px;color:var(--a-muted)}
.a-card-price .now{color:var(--a-red);margin-left:6px}
.a-card.is-oos{opacity:.5}
.a-badge{position:absolute;top:10px;left:10px;z-index:1;min-width:38px;padding:2px 6px;border-radius:2px;background:var(--a-red);color:#fff;font-size:10px;line-height:15px;text-align:center}
.a-badge.is-oos{background:#6b7280}
@media(min-width:768px){.a-badge{top:16px;left:16px}}

/* product detail */
.pd-section{padding:0 16px 16px}
.pd-grid{display:grid;align-items:start;gap:.5rem 2.5rem}
.pd-gallery{display:grid;grid-auto-columns:minmax(0,1fr);gap:.625rem}
.pd-stage{position:relative;margin-inline:-16px}
.pd-track{display:flex;aspect-ratio:1/1;background:#f5f5f5;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.pd-track::-webkit-scrollbar{display:none}
.pd-slide{flex:0 0 100%;scroll-snap-align:start}
.pd-slide img{width:100%;height:100%;object-fit:cover}
.pd-zoom{position:absolute;right:16px;bottom:16px;width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:#000;display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.pd-zoom svg{width:18px;height:18px}
.pd-thumbs{display:flex;gap:.75rem;overflow-x:auto;scrollbar-width:none}
.pd-thumb{flex:0 0 56px;aspect-ratio:1/1;padding:0;border:0;border-radius:6px;overflow:hidden;background:#f5f5f5;opacity:.6;transition:opacity .2s}
.pd-thumb.is-active,.pd-thumb:hover{opacity:1}
.pd-thumb img{width:100%;height:100%;object-fit:cover}
.pd-info{padding:.5rem 0}
.pd-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0;padding:0;list-style:none;font-size:14px;line-height:20px;color:var(--a-muted)}
.pd-crumbs li{display:inline-flex;align-items:center}
.pd-crumbs a:hover{color:#000}
.pd-crumbs svg{width:14px;height:14px}
.pd-title{margin:16px 0;font-size:16px;font-weight:500;line-height:24px}
.pd-price{margin:24px 0 16px;font-family:var(--a-num);font-size:16px;line-height:24px}
.pd-hr{margin:24px 0;border:0;border-top:1px solid #e5e5e5;opacity:1}
.pd-size-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:40px 0 8px;font-size:12px;font-weight:500;line-height:16px}
.pd-links{display:flex;justify-content:flex-end;gap:16px}
.pd-links button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:inherit;font-size:12px;font-weight:400;line-height:16px;letter-spacing:var(--ls);text-decoration:underline;text-decoration-color:rgba(0,0,0,.6);text-underline-offset:4px}
.pd-links button:hover{text-decoration-color:#000}
.pd-links svg{width:14px;height:14px}
.d-max360{display:inline}
.d-min360{display:none!important}
@media(min-width:360px){.d-max360{display:none}.d-min360{display:inline!important}}
.pd-sizes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.pd-size{position:relative;min-height:50px;padding:16px;border:1px solid #888;border-radius:6px;background:transparent;color:#000;font-size:14px;font-weight:500;line-height:20px;letter-spacing:var(--ls);transition:background-color .15s}
.pd-size:hover{background:rgba(0,0,0,.03);box-shadow:inset 0 0 0 1px #888}
.pd-size.is-on{border-color:#008060;box-shadow:inset 0 0 0 1px #008060,inset 0 0 0 3.5px rgba(111,189,110,.36)}
.pd-size:disabled{opacity:.5;pointer-events:none}
.pd-size:disabled::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to bottom right,transparent calc(50% - .8px),#888,transparent calc(50% + .8px))}
.pd-order{display:block;margin:32px 0;padding:16px;border-radius:6px;background:#000;color:#fff;font-size:12px;font-weight:500;line-height:18px;text-align:center}
.pg-grey .pd-order:hover{background:#4d4d4d;color:#fff}
.pd-acc{margin:24px 0}
.pd-acc-item{border-bottom:1px solid #e5e5e5}
.pd-acc-item h3{margin:0;font-size:inherit}
.pd-acc-btn{display:flex;width:100%;align-items:center;justify-content:space-between;padding:16px 0;border:0;background:none;color:#000;font-size:14px;font-weight:500;line-height:20px;letter-spacing:normal;text-align:left}
.pd-acc-btn:hover{text-decoration:underline}
.pd-acc-btn svg{width:16px;height:16px;color:var(--a-muted);transition:transform .2s}
.pd-acc-btn:not(.collapsed) svg{transform:rotate(180deg)}
.pd-acc-body{margin:0;padding:0 0 16px;font-size:14px;line-height:1.8}
ul.pd-acc-body{padding-left:1.2rem}
.pd-link-u{text-decoration:underline;text-underline-offset:4px}
.pd-zoom-modal{background:#f5f5f5;border:0;border-radius:0;display:grid;place-items:center}
.pd-zoom-modal img{max-width:100%;max-height:100vh;object-fit:contain}
.pd-zoom-close{position:absolute;top:16px;right:16px;z-index:1;width:40px;height:40px;border-radius:50%;border:0;background:#fff;display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.pd-zoom-close svg{width:18px;height:18px}
.a-modal{border:0;border-radius:8px;font-family:var(--f-main);font-size:14px;line-height:20px}
.a-modal .modal-title{font-family:inherit;font-size:16px;font-weight:500}
.a-modal .table{font-size:14px;--bs-table-bg:transparent}
@media(min-width:640px){.pd-sizes{grid-template-columns:repeat(3,1fr)}.pd-size{min-height:79px}}
@media(min-width:768px){.pd-title{font-size:18px;line-height:28px}}
@media(min-width:700px){.pd-thumb{flex-basis:64px}}
@media(min-width:1000px){
  .pd-section{padding:16px 48px}
  .pd-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
  .pd-gallery{gap:1.5rem 3rem;position:sticky;top:95px}
  .pd-stage{margin:0}
  .pd-track{border-radius:12px}
  .pd-title{font-size:20px;line-height:28px}
}
@media(min-width:1150px){
  .pd-grid{column-gap:3rem}
  .pd-gallery{grid-template-columns:64px minmax(0,1fr);align-items:start}
  .pd-thumbs{order:-1;flex-direction:column;max-height:calc(100vh - 120px);overflow-y:auto}
  .pd-thumb{flex-basis:64px;width:64px}
}
@media(min-width:1600px){.pd-grid{column-gap:6rem}.pd-section{padding-inline:152.5px}}

/* recommendation carousels */
.rec-row{width:92%;margin-inline:auto}
.rec-title{margin:0;padding-bottom:30px;text-align:center;font-size:16px;font-weight:500;line-height:24px}
.rec-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.rec-track::-webkit-scrollbar{display:none}
.rec-slide{flex:0 0 calc((100% - 16px)/2);min-width:0;scroll-snap-align:start}
.rec-ctrl{display:flex;align-items:center;gap:20px;margin-top:28px}
.rec-progress{position:relative;flex:1;height:1px;background:#d9d9d9}
.rec-progress span{position:absolute;top:0;bottom:0;left:0;width:0;background:#000;transition:width .3s,left .3s}
.rec-btns{display:flex;gap:8px}
.rec-btns button{width:28px;height:28px;padding:0;border-radius:50%;border:1px solid #ccc;background:#fff;color:#000;display:grid;place-items:center}
.rec-btns button:hover:not(:disabled){border-color:#000}
.rec-btns button:disabled{opacity:.4}
.rec-btns svg{width:14px;height:14px}
.rec{padding-top:40px}
@media(min-width:500px){.rec-row{width:98%}}
@media(min-width:768px){.rec-slide{flex-basis:calc((100% - 2*16px)/3)}}
@media(min-width:964px){.rec-slide{flex-basis:calc((100% - 2*16px)*.3125)}.rec-ctrl{margin-top:36px}}
@media(min-width:1000px){.rec{padding:60px 0 20px}}
@media(min-width:1220px){.rec-row{width:1200px}}
@media(min-width:1320px){.rec-row{width:1300px}}
@media(min-width:1420px){.rec-row{width:1400px}}
@media(min-width:1440px){.rec-slide{flex-basis:calc((100% - 3*16px)*.238095)}}
@media(min-width:1660px){.rec-row{width:1600px}}

/* listing */
.l-wrap{padding:0 16px}
.l-head{text-align:center;padding:24px 0 30px}
.l-head h1{margin:0 0 16px;font-size:14px;font-weight:500;line-height:20px}
.l-head sup{margin-left:4px;font-size:.75em;font-weight:400;letter-spacing:normal}
.l-head p{margin:0;font-size:12px;line-height:16px;letter-spacing:var(--ls)}
.l-bar{display:grid;grid-template-columns:1fr;align-items:center;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid #dcdcdc;font-family:var(--a-num);font-size:14px;line-height:20px;letter-spacing:var(--ls)}
.l-count{display:none;margin:0}
.l-bar-r{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.l-filter-btn,.l-sort{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 15px;border:1px solid #e5e5e5;border-radius:3px;background:#fff;color:#000;font:inherit;text-align:left}
.l-filter-btn{letter-spacing:var(--ls)}
.l-filter-btn svg{width:16px;height:16px}
.l-sort{appearance:none;-webkit-appearance:none;padding-right:36px;letter-spacing:var(--ls);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-opacity='.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px;cursor:pointer}
.l-sort:focus-visible,.l-filter-btn:focus-visible{outline:1px solid #000;outline-offset:0}
.l-body{display:flex}
.l-side{display:none}
.l-grid{flex:1;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}
.l-grid .a-card{margin-bottom:20px}

/* filters */
.f-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}
.f-clear,.f-sale{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;border:0;background:none;color:#000;font-size:14px;font-weight:500;line-height:20px;letter-spacing:var(--ls);cursor:pointer}
.f-clear span,.f-sale span{text-decoration:underline;text-underline-offset:3px}
.f-clear svg{width:13px;height:13px;color:#d10000}
.f-sale input{position:absolute;opacity:0;pointer-events:none}
.f-sale i{position:relative;width:24px;height:13px;border:1.5px solid #000;border-radius:1px}
.f-sale i::after{content:"";position:absolute;top:1.5px;bottom:1.5px;left:1.5px;width:8px;background:#000;transition:left .2s}
.f-sale input:checked~i::after{left:11px}
.f-sale input:checked~span{color:#d10000}
.f-sale input:focus-visible~i{outline:2px solid #000;outline-offset:2px}
.f-group{border-bottom:1px solid #dcdcdc;padding:16px 0 18px}
.f-head{display:flex;width:100%;justify-content:space-between;align-items:center;padding:0;border:0;background:none;color:#000;font-size:14px;font-weight:500;line-height:20px;letter-spacing:normal}
.f-head svg{width:16px;height:16px;transform:rotate(180deg);transition:transform .2s}
.f-head.collapsed svg{transform:none}
.f-opts{display:grid;gap:14px;padding-top:18px}
.f-check{display:flex;align-items:flex-start;gap:12px;margin:0;font-size:14px;line-height:20px;letter-spacing:var(--ls);cursor:pointer}
.f-check input{flex:none;appearance:none;-webkit-appearance:none;width:15px;height:15px;margin:2.5px 0 0;border:1px solid #888;border-radius:1px;background:#fff;display:grid;place-items:center;cursor:pointer}
.f-check input:checked{background:#000;border-color:#000}
.f-check input:checked::after{content:"";width:9px;height:5px;margin-top:-2px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg)}
.f-check input:focus-visible{outline:2px solid #000;outline-offset:2px}
.f-drawer.offcanvas{--bs-offcanvas-width:340px;max-width:90vw;border-right:0!important;font-family:var(--a-num);color:#000}
.f-drawer:focus,.f-drawer:focus-visible{outline:none}
.f-drawer-body{flex:1;overflow-y:auto;padding:20px 24px 32px}

@media(min-width:640px){.l-wrap{padding:0 20px}}
@media(min-width:741px){
  .l-head h1{font-size:16px;line-height:24px}
  .l-head h1 sup{display:none}
  .l-head p{font-size:14px;line-height:20px}
  .l-bar{grid-template-columns:1fr 1fr}
  .l-count{display:block}
  .l-bar-r{display:flex;justify-content:flex-end}
  .l-filter-btn{width:auto;gap:8px}
  .l-sort{width:180px}
  .l-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1000px){
  .l-wrap{padding:0 48px}
  .l-filter-btn{display:none}
  .l-side{display:block;width:22%;flex:none;font-family:var(--a-num)}
  .l-side-inner{position:sticky;top:90px;max-height:calc(100dvh - 90px);overflow-y:auto;padding:0 18px 24px 0;scrollbar-width:thin}
  .l-grid{padding-left:12px}
}
@media(min-width:1280px){.l-side{width:20%}}
@media(min-width:1420px){.l-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* content pages (cart, checkout, about, policies...) in the same ARFIN inner style */
.pg-inner{padding-bottom:56px}
.pg-inner h2,.pg-inner h3{font-size:16px;font-weight:500;line-height:24px}
.pg-inner .page-head{padding:24px 0 30px;border-bottom:1px solid #dcdcdc;text-align:center}
.pg-inner .page-head h1{margin:12px 0 16px;font-size:20px;font-weight:400;line-height:28px}
.pg-inner .page-head p{margin:0 auto;color:#000;font-family:var(--f-num);font-size:12px;line-height:21.6px}
.pg-inner .crumbs{font-size:14px;color:var(--a-muted)}
.pg-inner .crumbs a:hover{color:#000}
.pg-inner .prose h2{font-size:16px;font-weight:500;margin:32px 0 10px}
.pg-inner .prose h2:first-child{margin-top:0}
.pg-inner .prose p,.pg-inner .prose li{color:#000;font-family:var(--f-num);font-size:14px;line-height:25.2px}
.pg-inner .side-nav a{border-color:#dcdcdc}
.pg-inner .side-nav a:hover{text-decoration:underline}
.pg-inner .btn-ox,.pg-inner .btn-ox-outline{padding:15px 30px;border-radius:6px;border-color:#000;font-size:12px;font-weight:500;line-height:18px;text-align:center}
.pg-inner .btn-ox{background:#000;color:#fff}
.pg-inner .btn-ox:hover{background:#4d4d4d;border-color:#4d4d4d;color:#fff}
.pg-inner .btn-ox-outline:hover{background:#000;color:#fff}
.pg-inner .link-u{text-decoration:none}
.pg-inner .form-label{font-size:12px;font-weight:500;line-height:16px}
.pg-inner .form-control.ox,.pg-inner .form-select.ox{background-color:#fff;border-color:#e5e5e5;border-radius:3px;font-family:var(--f-num);font-size:14px;line-height:20px;letter-spacing:var(--ls)}
.pg-inner .form-control.ox:focus,.pg-inner .form-select.ox:focus{border-color:#000}
.pg-inner .summary,.pg-inner .contact-box{background:#fff;border:0;border-radius:12px}
.pg-inner .summary h2,.pg-inner .contact-box h2,.pg-inner .contact-box h3{font-size:16px;font-weight:500}
.pg-inner .summary .total{border-color:#e5e5e5;font-size:16px;font-weight:500}
.pg-inner .cart-row{border-color:#dcdcdc}
.pg-inner .cart-row img{border-radius:6px}
.pg-inner .qty{border-color:#888;border-radius:6px;background:#fff}
.pg-inner .p-name{font-size:14px;line-height:20px;color:#000;margin-bottom:2px}
.pg-inner .p-meta{font-size:12px;line-height:16px;color:#6b6b6b}
.pg-inner .p-price{font-family:var(--a-num);font-size:14px;margin-top:4px}
.pg-inner .care-card{border-color:#dcdcdc}
.pg-inner .care-card h3{font-size:16px;font-weight:500}
.pg-inner .stat{border-color:#000}
.pg-inner .stat b{font-size:24px;line-height:32px;font-weight:500}
.pg-inner .about-hero h1{font-size:24px;font-weight:500;line-height:32px;text-transform:uppercase}
.pg-inner .sale-band h2{font-size:32px;font-weight:500;line-height:28px;text-transform:uppercase}
.pg-inner .sale-band p{font-size:16px;line-height:24px;text-transform:uppercase}
.pg-inner .empty-state h1{font-size:24px;font-weight:400;line-height:32px}
.pg-inner .table{--bs-table-bg:transparent;font-family:var(--f-num);font-size:14px;line-height:25.2px}
.pg-inner .auth-wrap h2{font-size:16px;font-weight:500}

@media(min-width:768px){.pg-inner .page-head h1{font-size:24px;line-height:32px}.pg-inner .page-head p{font-size:14px;line-height:25.2px}}
@media(max-width:767.98px){.pg-inner .prose p,.pg-inner .prose li{font-size:12px;line-height:21.6px}}

/* policy pages: white card (Shipping Info, Return & Exchange, Terms) */
.pg-doc{background:#fff;color:#000;padding:40px 0}
.pg-doc+.site-footer{margin-top:0}
.doc-wrap{max-width:1024px;margin:0 auto;padding:0 16px}
.doc-card{background:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,.05);padding:40px 24px}
.doc-title{margin:0 0 24px;text-align:center;font-size:20px;font-weight:400;line-height:28px}
.doc-body{font-family:var(--f-num);font-size:12px;line-height:21.6px;letter-spacing:var(--ls)}
.doc-body p{margin:0}
.doc-body h2,.doc-body h3{margin:21.6px 0 0;font-family:var(--f-num);font-size:inherit;font-weight:700;line-height:inherit;letter-spacing:inherit}
.doc-body .doc-lead{text-decoration:underline}
.doc-body ul,.doc-body ol{margin:0;padding-left:16px}
.doc-body .table{margin:8px 0 0;--bs-table-bg:transparent;font-size:inherit;line-height:inherit}
.doc-body .care-card{border-top:1px solid #d9d9d9;padding-top:12px}
@media(min-width:640px){.doc-title{font-size:24px;line-height:32px}}
@media(min-width:768px){.doc-card{padding:90px 15%}.doc-title{margin-bottom:30px}.doc-body{font-size:14px;line-height:25.2px}.doc-body h2,.doc-body h3{margin-top:25.2px}}

/* Materials & Care: open article layout */
.pg-doc.is-article .doc-wrap{max-width:900px;padding:20px 15px}
.pg-doc.is-article .doc-card{box-shadow:none;padding:0}
.pg-doc.is-article .doc-title{margin:0 0 20px;padding-bottom:10px;font-size:24px;font-weight:500;line-height:1.25}
.pg-doc.is-article .doc-body{font-family:var(--f-main);font-size:15.2px;line-height:24.32px}
.pg-doc.is-article .doc-lead{text-decoration:none;font-style:italic;margin-bottom:20px}
.pg-doc.is-article .doc-body h2{margin:20px 0 15px;font-family:var(--f-main);font-size:19.2px;font-weight:500;line-height:1.3;letter-spacing:normal}
.pg-doc.is-article .doc-body h3{margin:0 0 6px;font-family:var(--f-main);font-size:16.8px;font-weight:400;line-height:normal;letter-spacing:normal}
.pg-doc.is-article .doc-body p{margin-bottom:10px}
.pg-doc.is-article .doc-body li{margin-bottom:15px}
@media(min-width:768px){
  .pg-doc.is-article .doc-wrap{padding:20px}
  .pg-doc.is-article .doc-title{font-size:40px}
  .pg-doc.is-article .doc-body{font-size:16px;line-height:24px}
  .pg-doc.is-article .doc-body h2{font-size:24px}
  .pg-doc.is-article .doc-body h3{font-size:19.2px}
}
.pg-inner .contact-box p{font-family:var(--f-num);font-size:14px;line-height:25.2px}
@media(max-width:767.98px){.pg-inner .contact-box p{font-size:12px;line-height:21.6px}}

/* ===== checkout (ARFIN style) ===== */
.co-page{--co-border:#e5e5e5;--co-muted:#737373;--co-primary:#171717;background:#fff;color:#000;font-family:var(--f-num);font-size:14px;line-height:20px;letter-spacing:var(--ls)}
.co-page+.site-footer{margin-top:0}
.co-page a:hover{color:inherit}
.co-page h2,.co-page h3{font-family:var(--f-num)}
.co-wrap{max-width:1054px;margin:0 auto;padding:24px 0}
.co-container{display:flex;flex-direction:column;gap:24px}
.co-form-wrapper{display:flex;flex-direction:column;gap:24px;width:100%;padding:24px 16px;background:#fdfbfb}
.co-col2{width:100%;position:relative}
.co-card{padding:40px 16px;background:#fff;box-shadow:0 2px 16px 0 rgba(0,0,0,.08)}
.co-steps .co-card{border-radius:6px}
.co-steps{display:flex;flex-direction:column;gap:24px;margin:0}
.co-steps.is-locked{opacity:.5;pointer-events:none;cursor:not-allowed}
.co-form-wrapper{counter-reset:co-step}
.co-card-head{display:flex;align-items:center;margin-bottom:1.5rem}
.co-card-head h2{display:flex;align-items:center;margin:0;font-size:14px;font-weight:500;line-height:normal;letter-spacing:2px}
.co-card-head h2::before{counter-increment:co-step;content:counter(co-step);display:flex;align-items:center;justify-content:center;width:35px;height:35px;margin-right:15px;background:#000;color:#fff;font-size:16px;letter-spacing:normal}
.co-sub{margin:0 0 24px;font-size:14px;font-weight:500;line-height:20px;letter-spacing:normal}
.co-account{margin:0}

/* floating-label fields */
.co-field{position:relative}
.co-input,.co-select select{display:flex;width:100%;height:48px;padding:4px 12px;border:1px solid var(--co-border);border-radius:6px;background:transparent;color:#000;font:400 16px/20px var(--f-num);letter-spacing:var(--ls);outline:none}
.co-input:focus-visible,.co-select select:focus-visible,.co-textarea:focus-visible{box-shadow:0 0 0 1px var(--co-primary)}
.co-input:disabled,.co-select select:disabled{opacity:.5;cursor:not-allowed}
.co-field label{position:absolute;left:4px;top:50%;z-index:1;padding:0 8px;border-radius:6px 6px 0 0;background:#fff;color:#6b7280;font-size:14px;line-height:20px;white-space:nowrap;pointer-events:none;transform:translateY(-50%);transform-origin:0 0;transition:transform .3s,top .3s,color .3s}
.co-input:focus+label,.co-input:not(:placeholder-shown)+label{top:8px;transform:translateY(-1rem) scale(.75)}
.co-input:focus+label{color:#2563eb}
.co-req{display:inline-block;margin-left:2px;color:#ef4444}
.co-select select{appearance:none;-webkit-appearance:none;padding-right:44px;font-size:14px;cursor:pointer;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-opacity='.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px}
.co-select::after{content:"";position:absolute;top:12px;bottom:12px;right:40px;width:1px;background:var(--co-border);pointer-events:none}
.co-select label{top:.8rem;transform:none;font-size:14px;line-height:21px}
.co-select.is-floated label,.co-select:focus-within label{transform:translateY(-1.2rem) scale(.75)}
.co-select:focus-within label{color:#3b82f6}
.co-select select:disabled~label{opacity:.5}

/* buttons */
.co-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 32px;border-radius:6px;font:500 14px/20px var(--f-num);letter-spacing:var(--ls);white-space:nowrap;transition:background-color .2s,color .2s}
.co-btn svg{width:16px;height:16px;flex:none}
.co-btn-outline{border:1px solid var(--co-border);background:#fff;color:#000}
.co-page .co-btn-outline:hover{background:#f5f5f5;color:#000}
.co-btn-primary{border:0;background:var(--co-primary);color:#fafafa}
.co-page .co-btn-primary:hover{background:rgba(23,23,23,.9);color:#fafafa}
.co-btn-block{width:100%}
.co-actions{display:flex;flex-direction:column-reverse;gap:16px;margin-top:24px}
.co-sep{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:24px 0;font-size:12px;line-height:16px;text-transform:uppercase}
.co-sep::before,.co-sep::after{content:"";height:1px;background:#d9d9d9}

/* recipient */
.co-stack{display:flex;flex-direction:column;gap:16px}
.co-hint{margin:0;color:var(--co-muted);font-size:12px;line-height:16px}
.co-grid2{display:grid;grid-template-columns:1fr;gap:16px}
.co-block{margin-top:16px}
.co-label-row{display:flex;align-items:center;min-height:30px;margin-bottom:8px}
.co-label-row label,.co-label-row span{margin:0;font-size:14px;font-weight:500;line-height:20px}
.co-textarea{display:flex;width:100%;min-height:60px;padding:8px 12px;border:1px solid var(--co-border);border-radius:6px;background:transparent;font:400 16px/24px var(--f-num);letter-spacing:var(--ls);outline:none;resize:vertical}
.co-textarea::placeholder{color:var(--co-muted)}
.co-date input{width:100%;height:48px;padding:8.5px 14px;border:1px solid rgba(0,0,0,.23);border-radius:4px;background:transparent;color:rgba(0,0,0,.87);font:400 16px/23px var(--f-num);letter-spacing:.15px;outline:none}
.co-date input:hover{border-color:rgba(0,0,0,.87)}
.co-date input:focus{border:2px solid #1976d2;padding:7.5px 13px}
.co-alert{position:relative;margin-top:12px;padding:12px 16px 12px 44px;border:1px solid #dbeafe;border-radius:6px;background:#eff6ff;color:#172554}
.co-alert svg{position:absolute;left:16px;top:14px;width:14px;height:14px;color:#2563eb}
.co-alert p{margin:0;font-size:12px;line-height:19.5px}
.co-alert a{font-weight:500;text-decoration:underline;text-underline-offset:2px}
.co-page .co-alert a:hover{color:#1d4ed8}

/* payment */
.co-due{display:block;margin-bottom:16px;font-size:14px;font-weight:500;line-height:20px}
.co-muted{color:var(--co-muted);font-weight:400}
.co-pay{display:grid;gap:16px}
.co-pay-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:16px;border:1px solid var(--co-border);border-radius:6px;font-size:14px;line-height:14px;cursor:pointer}
.co-pay-opt:has(input:checked){border-color:var(--co-primary)}
.co-pay-l{display:flex;align-items:center;gap:12px}
.co-pay-l input{position:absolute;opacity:0;pointer-events:none}
.co-pay-l i{position:relative;flex:none;width:16px;height:16px;border:1px solid var(--co-primary);border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.co-pay-l input:checked+i::after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--co-primary)}
.co-pay-l input:focus-visible+i{outline:2px solid var(--co-primary);outline-offset:2px}
.co-pay-logos{display:inline-flex;align-items:center;gap:6px;width:80px;justify-content:flex-end}
.co-visa{color:#1a1f71;font-size:9px;font-style:italic;font-weight:800;letter-spacing:.02em}
.co-bk{color:#df146e;font-family:Georgia,serif;font-size:7px;font-weight:400}
.co-bk-lg{font-size:11px}
.co-place{margin-top:24px}
.co-terms{margin:8px 0 0;color:var(--co-muted);font-size:12px;line-height:16px}
.co-terms a{font-weight:500;text-decoration:underline;text-underline-offset:2px}
.co-page .co-terms a:hover{color:#000}

/* order summary */
.co-sum-title{margin:0 0 10px;text-align:center;color:var(--co-muted);font-size:14px}
.co-summary{padding:20px 0}
.co-summary table{width:100%}
.co-items{border-collapse:collapse}
.co-items tr{border-bottom:1px solid var(--co-border)}
.co-items td{padding:2%;vertical-align:top}
.co-items td:first-child{width:25%}
.co-items td:first-child img{width:100%;height:auto;object-fit:contain}
.co-items td:last-child{width:35%;text-align:right}
.co-items p{margin:0 0 5px}
.co-item-name{margin-bottom:8px!important;font-family:var(--f-main);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.co-qty{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100px;height:40px;margin:5px 0 5px auto;padding:5px;border:1px solid var(--co-border);border-radius:4px}
.co-qty button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;padding:0;border:0;border-radius:4px;background:rgba(240,240,240,.63);color:#000;transition:background-color .3s}
.co-qty button:hover{background:#f0f0f0}
.co-qty svg{width:16px;height:16px}
.co-qty .co-minus{display:none}
.co-qty.is-multi .co-trash{display:none}
.co-qty.is-multi .co-minus{display:block}
.co-qty [data-co-count]{flex:1;text-align:center;font-size:14px}
.co-totals{margin-top:10px;padding:16px;border-collapse:separate;background:#f9f9f9}
.co-totals td{padding:0 2% 2%;vertical-align:top}
.co-totals td:nth-child(2),.co-totals td:nth-child(3){text-align:right}
.co-totals .is-total{font-weight:500}

@media(min-width:640px){.co-actions{flex-direction:row;align-items:center;justify-content:space-between}}
@media(min-width:768px){
  .co-wrap{padding:24px}
  .co-form-wrapper{padding:30px;border-radius:8px}
  .co-card{padding:40px 5%}
  .co-grid2{grid-template-columns:1fr 1fr}
  .co-textarea{font-size:14px;line-height:20px}
}
@media(max-width:980px){.co-container{max-width:600px;margin:0 auto}}
@media(min-width:981px){
  .co-container{flex-direction:row;gap:0;align-items:flex-start}
  .co-col1{width:calc(70% - 50px - 20px);margin-right:50px}
  .co-col2{width:calc(30% + 50px)}
  .co-sticky{position:sticky;top:100px}
}
@media(min-width:1024px){.co-col1{width:calc(70% - 100px - 20px);margin-right:100px}}

/* =====================================================================
   ARFIN theme adapter — maps the store's dynamic components onto the
   ARFIN design above. Everything is scoped to body.arf so it only
   applies while STORE_THEME=arifin is active.
   ===================================================================== */

.arf{font-family:var(--f-main);color:#000;background:#fff;font-size:14px;line-height:20px;letter-spacing:var(--ls)}
.arf .bangla,.arf .bangali{font-family:var(--f-main)}
.arf .main-wrapper{overflow:visible;overflow-x:clip;background:#fff}
.arf header.header{height:auto}
.arf .container,.arf .container-xl{max-width:1400px}
.arf .btn:focus{box-shadow:none}
.arf .h-hero img,.arf .h-tile img,.arf .a-card-img img,.arf .mega-img,.arf .brand img,.arf .ft-logo img,.arf .cd-img img,.arf .h-banner img,.arf .co-item-img{display:block}

/* ---------- announcement bar (admin "notice") ---------- */
.arf-notice{background:#1a1a1a;color:#fff;font-size:12px;line-height:16px;letter-spacing:.4px;padding:8px 0;text-transform:uppercase}
.arf-notice .marquee-wrap{overflow:hidden;white-space:nowrap}
.arf-notice .marquee-text{display:inline-block;padding-left:100%;animation:arf-marquee 50s linear infinite}
@keyframes arf-marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

/* ---------- header ---------- */
.arf .site-header .brand,.arf .sticky-bar .brand{width:225px;max-width:100%;justify-self:center;line-height:0}
.arf .sticky-bar .brand,.arf .hdr-compact .brand{width:175px;justify-self:start}
.arf .site-header .brand img,.arf .sticky-bar .brand img{width:100%;height:auto;max-height:60px;object-fit:contain;object-position:center}
.arf .sticky-bar .brand img,.arf .hdr-compact .brand img{max-height:48px;object-position:left center}
@media (max-width:991.98px){.arf .site-header .brand,.arf .sticky-bar .brand,.arf .hdr-compact .brand{width:150px;justify-self:center}.arf .sticky-bar .brand img,.arf .hdr-compact .brand img{object-position:center}}
@media (max-width:374.98px){.arf .site-header .brand,.arf .sticky-bar .brand,.arf .hdr-compact .brand{width:120px}}
.arf .hdr-icon{cursor:pointer;position:relative}
.arf .hdr-bag{position:relative}
.arf .hdr-count{position:absolute;top:-6px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#fff;color:#000;font:500 10px/17px var(--f-num);text-align:center}
.arf .hdr-count:empty,.arf .hdr-count[data-zero]{display:none}
.arf .hdr-mail{display:none}
@media (min-width:1200px){.arf .hdr-mail{display:inline-flex}}
.arf .hdr-search-lg{display:inline-flex}
.arf .hdr-compact{position:sticky;top:0}
.arf .hdr-compact .sb-row{height:80px}
.arf .hdr-nav-compact{height:46px;border-top:1px solid #1f1f1f}
.arf .hdr-nav-compact .main-nav>li>a{height:46px;font-size:13px;padding:0 22px}
.arf .hdr-search{position:relative}
.arf .search-suggestion-box{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1100;display:none;max-height:360px;overflow-y:auto;background:#fff;color:#000;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18);padding:6px}
.arf .search-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;color:#000}
.arf .search-item:hover{background:#f5f5f5;color:#000}
.arf .search-item img{width:44px;height:44px;object-fit:cover;border-radius:6px;background:#f1f1f1;flex:none}
.arf .search-item .search-name{display:block;font-size:14px;line-height:20px}
.arf .search-item small{color:#6b6b6b;font-size:12px}
.arf .search-empty{padding:12px;color:#6b6b6b}
.arf .main-nav{flex-wrap:wrap;justify-content:center}
.arf .main-nav>li>a{padding:0 24px;font-size:15px;white-space:nowrap}
@media (max-width:1399.98px){.arf .main-nav>li>a{padding:0 16px;font-size:13px;letter-spacing:1px}}
.arf .mega h6 a{color:inherit}
.arf .mega .link-u{color:var(--ink)}
.arf .mega-all{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px 32px;max-height:60vh;overflow-y:auto}
.arf .mega-all h6{margin-bottom:10px;color:#000}

/* search overlay */
.arf .arf-search{position:fixed;inset:0 0 auto 0;z-index:1045;display:none;background:#000;padding:16px}
.arf .arf-search.is-open{display:block}
.arf .arf-search-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:12px}
.arf .arf-search .hdr-search{flex:1}
.arf .arf-search-close{background:none;border:0;color:#fff;line-height:0;padding:6px}
.arf .arf-search-close svg{width:22px;height:22px}

/* ---------- side menu (inside the store's .menu_sidebar) ---------- */
.arf .overlay{background:rgba(0,0,0,.45);z-index:1040}
.arf .menu_sidebar{width:300px;max-width:85vw;left:-320px;z-index:1050;box-shadow:none;transition:left .3s ease,visibility .3s}
.arf .menu_sidebar.active{left:0}
.arf .side-menu{position:relative;height:100%;font-family:var(--f-main);color:#000}
.arf .arf-menu-close{position:absolute;top:12px;right:12px;z-index:2;background:none;border:0;line-height:0;padding:4px;color:#000}
.arf .arf-menu-close svg{width:18px;height:18px}

/* ---------- cart drawer (inside the store's .cart_sidebar) ---------- */
.arf .cart_sidebar{width:420px;max-width:100vw;right:-440px;z-index:1060;box-shadow:none;transition:right .3s ease,visibility .3s}
.arf .cart_sidebar.active{right:0}
.arf .cart-drawer{display:flex;flex-direction:column;height:100%;background:#fff;font-family:var(--f-main);color:#000}
.arf .cd-count{color:#737373;font-weight:400;margin-left:4px}
.arf .cd-items{flex:1;overflow-y:auto;padding:8px 24px}
.arf .cd-item{display:grid;grid-template-columns:80px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid #e5e5e5}
.arf .cd-img{display:block;aspect-ratio:1/1;background:#f1f1f1;border-radius:6px;overflow:hidden}
.arf .cd-img img{width:100%;height:100%;object-fit:cover}
.arf .cd-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:20px;color:#000}
.arf .cd-price{font-family:var(--f-num);font-size:12px;font-weight:500;margin:6px 0 10px}
.arf .cd-qty{display:inline-flex;align-items:center;height:32px;border:1px solid #888;border-radius:6px;overflow:hidden}
.arf .cd-qty .btn{width:30px;height:30px;padding:0;border:0;border-radius:0;background:transparent;font-size:16px;line-height:1;color:#000}
.arf .cd-qty .btn:hover{background:#f5f5f5}
.arf .cd-qty input{width:34px;height:30px;border:0;text-align:center;font:500 13px var(--f-num);background:transparent}
.arf .cd-remove{margin:0}
.arf .cd-remove button{background:none;border:0;padding:4px;color:#737373;line-height:0}
.arf .cd-remove button:hover{color:#b12704}
.arf .cd-remove svg{width:18px;height:18px}
.arf .cd-foot{flex:none;padding:16px 24px 24px;border-top:1px solid #e5e5e5;display:grid;gap:10px;background:#fff}
.arf .cd-subtotal{display:flex;justify-content:space-between;font-size:14px;font-weight:500;margin-bottom:4px}
.arf .cd-btn{height:44px;border:1px solid #171717;cursor:pointer}
.arf .cd-btn-outline{background:#fff;color:#171717}
.arf .cd-btn-outline:hover{background:#f5f5f5;color:#171717}

/* floating "cart total" button */
.arf .fixed-cart-bottom{position:fixed;z-index:1010;text-align:center;cursor:pointer;background:#000;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.25);width:64px;height:auto;padding:8px 0 0;overflow:hidden;color:#fff;bottom:96px;right:20px}
.arf .fixed-cart-bottom p{background:transparent!important;margin:0;color:#fff;font-size:11px;line-height:15px;font-family:var(--f-num)}
.arf .fixed-cart-bottom .cart_fixed_btn_icon{font-size:16px;margin-bottom:2px}
.arf .fixed-cart-bottom .cart_fixed_btn_total{background:#fff!important;color:#000!important;font-weight:500;padding:4px 2px;margin-top:6px}
@media (min-width:1600px){.arf .fixed-cart-bottom{right:32px}}

/* ---------- product card (all grids + carousels) ---------- */
.arf .products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;width:100%;margin:0}
.arf .products .product{width:auto!important;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;cursor:default}
.arf .products .product:hover{transform:none;box-shadow:none}
.arf .product-card{position:relative;overflow:hidden}
.arf .a-card-img{position:relative;aspect-ratio:1/1;overflow:hidden;margin-bottom:14px;background:#f1f1f1}
.arf .a-card-img img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .5s ease}
.arf .a-card:hover .a-card-img img{transform:scale(1.04)}
.arf .a-card .a-badge+.a-badge{top:36px}
.arf .a-badge.is-free{background:#000}
@media(min-width:768px){.arf .a-card .a-badge+.a-badge{top:42px}}
.arf .products .product .content{text-align:left;margin:0}
.arf .products .product .content .title,.arf .a-card-name{height:auto;padding:0;margin:0 0 10px;font-size:14px;line-height:20px;color:#6b6b6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}
.arf .products .product .content .price,.arf .a-card-price{display:flex;align-items:baseline;gap:6px;height:auto;margin:0 0 12px;font-family:var(--f-num);font-size:12px;font-weight:500;line-height:16px;white-space:nowrap}
.arf .a-card-price .current_price{color:#000;font-weight:500}
.arf .a-card-price .current_price.now{color:var(--a-red,#b12704);margin:0}
.arf .a-card-price del,.arf .products .product .content del{font-size:10px;color:#737373!important;order:-1}
.arf .a-card-form{margin:0}
.arf .a-card-btn,.arf .products .product .content .submit_button.a-card-btn{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:38px!important;padding:0 12px!important;border:1px solid #000!important;border-radius:6px!important;background:#000!important;color:#fff!important;font-size:13px!important;font-weight:500!important;box-shadow:none!important;transform:none!important;text-decoration:none!important;overflow:hidden}
.arf .a-card-btn::before,.arf .a-card-btn::after{display:none!important}
.arf .a-card-btn:hover{background:#4d4d4d!important;border-color:#4d4d4d!important;color:#fff!important}
.arf .a-card-btn span{color:inherit!important}

/* grid breakpoints */
@media(min-width:741px){.arf .products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1100px){.arf .products{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1000px){.arf .l-grid.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1420px){.arf .l-grid.products{grid-template-columns:repeat(4,minmax(0,1fr))}}
.arf .shopProducts>.w-100{grid-column:1/-1}
.arf .shopProducts>.w-100 img{border-radius:12px}

/* carousels reuse the card: one horizontal row */
.arf .h-track.products{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*14px)/4.33);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.arf .h-track.products>.product{scroll-snap-align:start}
@media (max-width:991.98px){.arf .h-track.products{grid-auto-columns:calc((100% - 2*14px)/2.4)}}
@media (max-width:767.98px){.arf .h-track.products{grid-auto-columns:calc((100% - 14px)/1.6)}}
.arf .h-car-btn{top:calc((100% - 120px)/2)}
.arf .rec .h-car-btn.next{right:8px}
.arf .rec .h-track.products{grid-auto-columns:calc((100% - 3*14px)/4)}
@media (max-width:991.98px){.arf .rec .h-track.products{grid-auto-columns:calc((100% - 14px)/2.2)}}

/* variant quick-order panel loaded into a card */
.arf .variant_data_order{position:absolute;inset:0;z-index:20;display:none;background:rgba(0,0,0,.4);padding:2px;overflow:auto}
.arf .variant_data_order.active{display:flex;align-items:center;justify-content:center}
.arf .variant-mini-card{position:relative;width:100%;background:#fff;border-radius:8px;padding:30px 10px 12px;box-shadow:0 10px 30px rgba(0,0,0,.18);font-family:var(--f-main)}
.arf .variant-mini-card .content{text-align:left}
.arf .variant-mini-card .price{display:flex;gap:6px;align-items:baseline;margin-bottom:8px;font-family:var(--f-num);font-size:13px}
.arf .variant-mini-card .discount_price{color:#737373!important;font-size:11px}
.arf .variant-close-btn{position:absolute;right:8px;top:8px;width:26px;height:26px;border:0;border-radius:50%;background:#000;color:#fff;font-size:16px;line-height:26px;text-align:center;cursor:pointer;z-index:5}
.arf .variant-label{font-size:12px;font-weight:500;margin-bottom:6px;color:#000}
.arf .variant-mini-footer{display:flex;gap:8px;margin-top:8px}
.arf .variant-mini-actions{display:flex;gap:8px}
.arf .variant-submit-btn{flex:1;height:36px;border-radius:6px!important;border:1px solid #000!important;background:#000!important;color:#fff!important;font-size:13px;font-weight:500}
.arf .variant-submit-btn[data-action="add_to_cart"]{background:#fff!important;color:#000!important}

/* variant chips (cards + product page) */
.arf .burmanRadio{margin:0}
.arf .burmanRadio.disabled{opacity:.45;pointer-events:none}
.arf .burmanRadio__input{position:absolute;opacity:0;pointer-events:none}
.arf .burmanRadio__label{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:34px;padding:6px 10px;border:1px solid #888;border-radius:6px;background:#fff;color:#000;font-size:13px;font-weight:500;line-height:1.2;cursor:pointer;transition:background-color .15s}
.arf .burmanRadio__label:hover{background:rgba(0,0,0,.03)}
.arf .burmanRadio__input:checked+.burmanRadio__label{border-color:#008060;box-shadow:inset 0 0 0 1px #008060,inset 0 0 0 3.5px rgba(111,189,110,.36)}
.arf .burmanRadio.disabled .burmanRadio__label{position:relative}
.arf .burmanRadio.disabled .burmanRadio__label::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to bottom right,transparent calc(50% - .8px),#888,transparent calc(50% + .8px))}

/* ---------- home ---------- */
.arf .h-hero-panel picture{display:block;width:100%;height:100%}
.arf .h-banner{position:relative;background:#000}
.arf .h-banner .carousel-item img{width:100%;aspect-ratio:3/1;object-fit:cover}
@media (max-width:767.98px){.arf .h-banner .carousel-item img{aspect-ratio:2/1}}
.arf .h-banner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none;z-index:1}
.arf .h-banner .carousel-indicators{z-index:2;margin-bottom:18px}
.arf .h-banner .carousel-indicators [data-bs-target]{width:28px;height:2px;border:0;background:#000;opacity:.35}
.arf .h-banner .carousel-indicators .active{opacity:1}
.arf .h-cats{grid-template-columns:repeat(var(--band-cols,4),minmax(0,306px))}
@media (max-width:1399.98px){.arf .h-cats{grid-template-columns:repeat(var(--band-cols,4),minmax(0,240px))}}
@media (max-width:767.98px){.arf .h-cats{grid-template-columns:repeat(2,1fr)}}
.arf .h-cats a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}
.arf .h-grid3{grid-template-columns:repeat(var(--grid-cols,3),1fr)}
@media (max-width:575.98px){.arf .h-grid3{grid-template-columns:1fr}}
.arf .h-arrivals+.h-arrivals{padding-top:0}
.arf .h-cat-section{background:#fff}
.arf .h-cat-section:nth-of-type(even){background:#f0f0f0}
.arf .h-cat-note{margin:-24px 0 24px;color:#6b6b6b;padding-right:var(--h-pad)}
.arf .h-deal{background:#000;color:#fff}
.arf .h-deal .h-arrivals-head a{color:#fff}
.arf .h-deal .a-card-name{color:#cfcfcf}
.arf .h-deal .a-card-price .current_price{color:#fff}
.arf .h-deal .a-card-price .current_price.now{color:#ff6b57}
.arf .h-deal .products .product .content .submit_button.a-card-btn{background:#fff!important;color:#000!important;border-color:#fff!important}
.arf .h-deal .products .product .content .submit_button.a-card-btn:hover{background:#d4d4d4!important;border-color:#d4d4d4!important}
.arf .h-deal .a-card-img{background:#1a1a1a}
.arf .h-deal .a-card-img img{mix-blend-mode:normal}
.arf .h-countdown{display:inline-flex;align-items:center;gap:12px;margin:-12px 0 28px;padding:0;box-shadow:none;background:none;color:#fff;border-radius:0}
.arf .h-countdown .time-box{text-align:center;min-width:48px}
.arf .h-countdown .time{display:block;font:500 28px/1 var(--f-num)}
.arf .h-countdown .label{display:block;margin-top:6px;font-size:10px;letter-spacing:1px;text-transform:uppercase;opacity:.7}
.arf .h-countdown .colon{font-size:24px;opacity:.5;margin-top:-14px}
.arf .h-autoload{text-align:center;padding:24px;color:#6b6b6b}
.arf .h-new .h-new-logo{max-height:45%}
.arf .h-brands{padding:56px var(--h-pad,24px);text-align:center;border-top:1px solid #e5e5e5}
.arf .h-brands h2{font-size:24px;font-weight:500;text-transform:uppercase;margin:0 0 28px}
.arf .h-brand-row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.arf .h-brand{display:grid;place-items:center;width:140px;height:90px;padding:12px;border:1px solid #e5e5e5;border-radius:8px;background:#fff}
.arf .h-brand img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);transition:filter .2s}
.arf .h-brand:hover img{filter:none}

/* service strip */
.arf .arf-services{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fff;margin:0}
.arf .arf-service{display:flex;align-items:center;gap:14px;padding:28px clamp(16px,3vw,40px)}
.arf .arf-service+.arf-service{border-left:1px solid #e5e5e5}
.arf .arf-service img{width:36px;height:36px;object-fit:contain;flex:none}
.arf .arf-service h3{margin:0 0 2px;font-size:14px;font-weight:500;line-height:20px;text-transform:uppercase}
.arf .arf-service p{margin:0;font-size:12px;line-height:16px;color:#6b6b6b}
@media (max-width:991.98px){.arf .arf-services{grid-template-columns:repeat(2,1fr)}.arf .arf-service:nth-child(3){border-left:0}.arf .arf-service:nth-child(n+3){border-top:1px solid #e5e5e5}}
@media (max-width:479.98px){.arf .arf-service{padding:18px 12px;gap:10px}.arf .arf-service img{width:28px;height:28px}}
.pg-grey .arf-services{margin-top:40px}

/* ---------- listing ---------- */
.arf .l-crumbs{font-size:12px;color:#737373;margin-bottom:12px}
.arf .l-crumbs a:hover{color:#000}
.arf .l-crumbs span{margin:0 6px}
.arf .l-head h1{font-size:20px;line-height:28px}
.arf .f-title{font-size:14px;font-weight:500}
.arf .f-sale-link{font-size:14px;font-weight:500;color:#d10000;text-decoration:underline;text-underline-offset:3px}
.arf .f-link{display:block;font-size:14px;line-height:20px;color:#000}
.arf .f-link:hover{text-decoration:underline;text-underline-offset:3px}
.arf .f-link.is-on{font-weight:600}
.arf .f-link.is-on::before{content:"";display:inline-block;width:6px;height:6px;margin:0 8px 2px 0;border-radius:50%;background:#000}
.arf .f-opts{gap:12px;max-height:340px;overflow-y:auto}
.arf .l-loading{display:none;text-align:center;padding:24px;color:#737373}
.arf .l-loading.is-on{display:block}
.arf .l-empty{grid-column:1/-1;text-align:center;padding:80px 16px}
.arf .l-empty h2{font-size:18px;font-weight:500;margin-bottom:8px}
.arf .l-empty p{color:#6b6b6b;margin-bottom:24px}
.arf .l-empty .cd-btn{display:inline-flex;width:auto;padding:0 28px}
@media(min-width:1000px){.arf .l-bar{display:none}.arf .l-side-inner{top:140px;max-height:calc(100dvh - 140px)}}
@media(min-width:981px){.arf .co-sticky{top:140px}}
@media(max-width:991.98px){.arf .hdr-compact .sb-row{height:auto}}

/* listing pages that keep their own markup (new / flash / deal / brand / categories) */
.arf-newProduct .main-wrapper>.container-xl,.arf-flashProduct .main-wrapper>.container-xl,.arf-dealProduct .main-wrapper>.container-xl,.arf-brand .main-wrapper>.container-xl,.arf-categories .main-wrapper>.container-xl,.arf-discountProduct .main-wrapper>.container-xl,.arf-combo_products .main-wrapper>.container-xl{max-width:none;padding:24px clamp(16px,3vw,48px);background:#f0f0f0}
.arf .service-support-box{background:#fff;border-radius:0}
.arf .service-support-box h6{font-size:14px;font-weight:500;text-transform:uppercase}
.arf .category_products .banner{border-radius:0!important}

/* ---------- product page ---------- */
.arf .pd-page{padding-top:8px}
.arf .pd-gallery{grid-template-columns:minmax(0,1fr)}
.arf .pd-stage{margin-inline:0}
.arf #product{position:relative;background:#f5f5f5;border-radius:0;overflow:hidden}
.arf #product .carousel-inner{aspect-ratio:1/1;background:#f5f5f5}
.arf #product .carousel-item{height:100%;box-shadow:none!important}
.arf #product .product-media{height:100%;display:grid;place-items:center}
.arf #product .zoom-img{width:100%;height:100%;object-fit:contain}
.arf #product .product-video{width:100%;aspect-ratio:1/1;height:auto;border:0}
.arf #product .labels{position:absolute;top:0;left:0;z-index:5}
.arf #product .labels .a-badge+.a-badge{top:42px}
.arf .pd-zoom.gallery-zoom-btn{position:absolute;right:16px;bottom:16px;z-index:6;width:36px;height:36px;border-radius:50%;border:0;background:#fff!important;color:#000;display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.12);font-size:0}
.arf .pd-zoom svg{width:18px;height:18px}
.arf .pd-arrow{width:36px!important;height:36px;top:50%!important;bottom:auto!important;transform:translateY(-50%);margin:0 12px;border-radius:50%;background:#fff!important;color:#000;opacity:.9!important;box-shadow:0 1px 4px rgba(0,0,0,.12);display:grid;place-items:center}
.arf .pd-arrow svg{width:16px;height:16px}
.arf .pd-thumbs-wrap{position:relative}
.arf .pd-thumbs.carousel-indicators{position:static;display:flex;justify-content:flex-start;gap:.75rem;margin:0;padding:12px 0 0;overflow-x:auto;scrollbar-width:none}
.arf .pd-thumbs.carousel-indicators img.pd-thumb{flex:0 0 56px;width:56px;height:56px;margin:0;padding:0;border:0;border-radius:6px;object-fit:cover;background:#f5f5f5;opacity:.6;text-indent:0;transition:opacity .2s;cursor:pointer}
.arf .pd-thumbs.carousel-indicators img.pd-thumb.active,.arf .pd-thumbs.carousel-indicators img.pd-thumb:hover{opacity:1}
@media(min-width:1000px){
  .arf #product,.arf #product .carousel-inner{border-radius:12px}
  .arf .pd-gallery{position:sticky;top:140px}
}
@media(min-width:1150px){
  .arf .pd-gallery{grid-template-columns:64px minmax(0,1fr);align-items:start}
  .arf .pd-thumbs-wrap{order:-1}
  .arf .pd-thumbs.carousel-indicators{flex-direction:column;padding:0;max-height:calc(100vh - 180px);overflow-y:auto}
  .arf .pd-thumbs.carousel-indicators img.pd-thumb{flex-basis:64px;width:64px;height:64px}
}
.arf .pd-title.title{margin:16px 0 8px}
.arf .pd-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:#737373}
.arf .pd-price{display:flex;align-items:baseline;gap:10px;margin:20px 0 16px;font-family:var(--a-num);font-size:18px;line-height:24px}
.arf .pd-price .current_price{color:#000;font-weight:500}
.arf .pd-price del{font-size:14px;color:#737373!important}
.arf .pd-price.pro_price .current_price{color:var(--a-red,#b12704)}
.arf .pd-size-head{margin:24px 0 10px}
.arf .pd-chosen{font-weight:400;color:#6b6b6b}
.arf .pd-sizes.sizes{display:flex;flex-wrap:wrap;gap:8px}
.arf .pd-sizes .burmanRadio__label{min-width:64px;min-height:50px;padding:12px 16px;font-size:14px}
.arf .pd-buy{display:grid;grid-template-columns:auto 1fr;gap:10px;margin:28px 0 10px}
.arf .pd-qty{display:inline-flex;align-items:center;height:52px;border:1px solid #888;border-radius:6px;background:#fff;overflow:hidden}
.arf .pd-qty .btn{width:40px;height:50px;border:0;border-radius:0;background:transparent;font-size:18px;color:#000;padding:0}
.arf .pd-qty .btn:hover{background:#f5f5f5}
.arf .pd-qty input{width:44px;height:50px;border:0;text-align:center;font:500 15px var(--f-num);background:transparent}
.arf .pd-order,.arf .pd-cart{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin:0;padding:12px 16px;border-radius:6px;border:1px solid #000;font-size:14px;font-weight:500;line-height:18px;text-align:center;cursor:pointer;transition:background-color .2s,color .2s}
.arf .pd-order{background:#000;color:#fff}
.arf .pd-order:hover{background:#4d4d4d;border-color:#4d4d4d;color:#fff}
.arf .pd-cart{background:#fff;color:#000}
.arf .pd-cart:hover{background:#000;color:#fff}
.arf .pd-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px}
.arf .pd-contact-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;color:#000;font-size:14px;font-weight:500}
.arf .pd-contact-btn:hover{border-color:#000;color:#000}
.arf .pd-contact-btn.is-wa i{color:#25d366}
.arf .pd-notice{margin-top:20px;padding:14px 16px;border-radius:6px;background:#fff;font-size:13px;line-height:20px}
.arf .pd-acc-body img{max-width:100%;height:auto}
.arf .pd-acc-body table{width:100%}
.arf .pd-reviews .comment-list{list-style:none;padding:0;margin:0 0 20px}
.arf .pd-review-title{font-size:14px;font-weight:500;margin:16px 0 10px}
.arf .pd-reviews .stars-box .star{font-size:20px;color:#d4d4d4;cursor:pointer;margin-right:4px}
.arf .pd-reviews .stars-box .star.selected,.arf .pd-reviews .stars-box .star.hover{color:#f5a623}
.arf .pd-reviews .form-control{border-radius:6px;border-color:#e5e5e5;font-size:14px}
.arf .pd-reviews .form-control:focus{border-color:#000;box-shadow:none}
.arf .rec .rec-title{text-transform:uppercase}
.arf .rec .h-car{padding:0}

/* ---------- checkout ---------- */
.arf .co-intro{margin:0;padding:12px 16px;border-radius:6px;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.06);font-size:13px;line-height:20px}
.arf .co-field .co-error,.arf .co-error{margin-top:6px;color:#dc2626;font-size:12px}
.arf .co-input[readonly]{background:#f5f5f5}
.arf .co-ship{display:flex;flex-wrap:wrap;gap:10px}
.arf .shipping-option{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #e5e5e5!important;border-radius:6px!important;background:#fff!important;color:#000!important;font-size:14px;font-weight:500;box-shadow:none!important}
.arf .shipping-option:hover{border-color:#000!important}
.arf .shipping-option.active{border-color:#000!important;background:#000!important;color:#fff!important}
.arf .co-pay-opt.is-static{cursor:default}
.arf .co-pay-l i.is-on::after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--co-primary)}
.arf .co-place{display:flex}
.arf .co-col2 .co-sticky{background:#fff}
.arf .co-item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--co-border)}
.arf .co-item-img{width:72px;height:72px;object-fit:cover;border-radius:6px;background:#f5f5f5}
.arf .co-item-info p{margin:0 0 4px}
.arf .co-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:14px}
.arf .co-item-side .co-qty{margin:4px 0 0;max-width:104px}
.arf .co-qty input.quantity{flex:1;width:32px;border:0;text-align:center;font-size:14px;background:transparent;padding:0}
.arf .co-qty .qtybtn{display:flex}
.arf .co-del{margin:0}
.arf .co-del button{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:2px 0;color:#737373;font-size:12px}
.arf .co-del svg{width:14px;height:14px}
.arf .co-free{font-weight:500}
.arf .co-coupon{padding:16px 0 4px}
.arf .co-coupon-row{display:flex;gap:8px}
.arf .co-coupon-row .co-input{flex:1;height:40px;font-size:14px}
.arf .co-coupon-row .co-btn{padding:0 18px}
.arf .co-totals{display:grid;gap:8px;margin-top:14px;padding:16px;background:#f9f9f9}
.arf .os-totals-row{display:flex;justify-content:space-between;font-size:14px}
.arf .os-totals-row.total{padding-top:8px;border-top:1px solid var(--co-border);font-weight:500;font-size:15px}
.arf .co-mobile-submit{position:sticky;bottom:0;z-index:5;margin-top:16px;padding:12px 0;background:#fff}
.arf .co-mobile-submit .co-btn{height:48px}
.arf .cart-item-data{display:none}
@media (max-width:980px){.arf .co-container{display:flex;flex-direction:column}}

/* ---------- content / policy pages ---------- */
.arf .doc-crumbs{margin-bottom:16px}
.arf .doc-body img{max-width:100%;height:auto}
.arf .doc-body p{margin:0 0 10px}
.arf .pg-inner .empty-state .btn-ox,.arf .pg-inner .empty-state .btn-ox-outline{border-radius:6px}

/* ---------- auth / account / order tracking / thank you ---------- */
.arf-login .main-wrapper,.arf-register .main-wrapper,.arf-password-request .main-wrapper,.arf-password-reset .main-wrapper,.arf-orderTracking .main-wrapper,.arf-thankYou .main-wrapper,[class*="arf-customer-"] .main-wrapper{background:#f0f0f0;padding:32px 0 56px}
.arf-login .card,.arf-register .card,.arf-password-request .card,.arf-password-reset .card,.arf-orderTracking .card,[class*="arf-customer-"] .card{border:0;border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.06);overflow:hidden}
.arf .card-header{background:#fff;border-bottom:1px solid #e5e5e5;font-weight:500;font-size:16px}
.arf .form-control,.arf .form-select{border-radius:6px;border-color:#e5e5e5;font-size:14px;min-height:44px}
.arf .form-control:focus,.arf .form-select:focus{border-color:#000;box-shadow:0 0 0 1px #000}
.arf .main-wrapper .btn-primary,.arf .main-wrapper .btn-success,.arf .main-wrapper .btn-warning,.arf .main-wrapper .btn-dark,.arf .main-wrapper .main-bg.btn,.arf .main-wrapper .btn-dynamic,.arf .main-wrapper .orange-bg.btn{background:#000!important;border-color:#000!important;color:#fff!important;border-radius:6px;font-weight:500}
.arf .main-wrapper .btn-primary:hover,.arf .main-wrapper .btn-success:hover,.arf .main-wrapper .btn-warning:hover,.arf .main-wrapper .btn-dark:hover,.arf .main-wrapper .main-bg.btn:hover{background:#4d4d4d!important;border-color:#4d4d4d!important}
.arf .main-wrapper .btn-outline-primary,.arf .main-wrapper .btn-outline-dark{border-color:#000;color:#000;border-radius:6px}
.arf .main-wrapper .btn-outline-primary:hover,.arf .main-wrapper .btn-outline-dark:hover{background:#000;color:#fff}
.arf .main-wrapper .table{--bs-table-bg:transparent;font-size:14px}
.arf .main-wrapper .table thead th{font-weight:500;border-bottom-color:#000}
.arf .main-wrapper .badge{font-weight:500}

/* ---------- footer ---------- */
.arf .site-footer{padding:56px 0 40px;margin-top:0;background:#000;color:#fff}
.arf .site-footer .ft-logo{width:auto;max-width:160px}
.arf .site-footer .ft-logo img{max-height:56px;width:auto;max-width:100%;object-fit:contain}
.arf .ft-contact li{color:#e5e5e5}
.arf .ft-pay-list{display:flex;flex-wrap:wrap;gap:6px;padding-right:12px;border-right:1px solid #2c2c2c}
.arf .ft-pay-list span{padding:4px 8px;border-radius:4px;background:#fff;color:#1e3a8a;font-size:10px;font-weight:700;line-height:14px}
.arf .ft-pay-label{font-size:11px;color:#9ca3af}
.arf .ft-ssl{font-size:9px}
.arf .ft-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.arf .ft-credit{margin:0;font-size:12px;color:#9ca3af}
.arf .ft-credit a{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media (max-width:575.98px){.arf .ft-pay-list{border-right:0}}

/* mobile bottom bar + quick-contact button */
.arf .footer-nav{position:fixed;left:0;right:0;bottom:0;z-index:1020;display:none;background:#fff;border-top:1px solid #e5e5e5;padding-bottom:env(safe-area-inset-bottom)}
.arf .m-nav-main{display:flex}
.arf .m-nav-main .button-shop{flex:1;padding:8px 4px 6px;text-align:center}
.arf .m-nav-main .footerBtn{display:flex;flex-direction:column;align-items:center;gap:3px;color:#000;font-size:11px;line-height:14px;text-decoration:none}
.arf .m-nav-main .footerBtn svg{width:22px;height:22px}
.arf .m-nav-main .footerBtn span{color:#000}
.arf .multi-action .action-button{background:#000;color:#fff}
.arf .multi-action.desktop{position:fixed;bottom:170px;right:24px;left:auto;z-index:1015;width:56px;height:56px;border-radius:50%;box-shadow:none}
.arf .multi-action .action-button{width:56px;height:56px;border-radius:50%;border:0;font-size:22px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.arf .multi-action .actions{position:absolute;top:8px;left:8px;width:40px;height:40px;list-style:none;margin:0;padding:0}
.arf .multi-action .actions li{position:absolute;display:block;width:40px;height:40px;border-radius:50%;background:#000;color:#fff;transform:scale(.3);transition:all .3s;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.arf .multi-action .actions li a{display:block;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:50%}
.arf .multi-action .action-button.active~.actions li{transform:scale(1)}
.arf .multi-action .action-button.active~.actions li:nth-child(1){margin-top:-56px}
.arf .multi-action .action-button.active~.actions li:nth-child(2){margin-top:-104px}
.arf .multi-action .action-button.active~.actions li:nth-child(3){margin-top:-152px}
.arf .multi-action.mobile{display:none}
@media (max-width:768px){
  .arf .footer-nav{display:block}
  .arf .main-wrapper{padding-bottom:64px}
  .arf .site-footer{padding-bottom:96px}
  .arf .multi-action.desktop{display:none}
  .arf .multi-action.mobile{display:flex;flex-direction:column;align-items:center;position:static;box-shadow:none}
  .arf .multi-action.mobile .action-button{position:relative;width:36px;height:36px;font-size:16px;box-shadow:none}
  .arf .multi-action.mobile .actions{display:none;position:absolute;bottom:58px;top:auto;left:auto;right:8px;width:auto;height:auto;flex-direction:column;gap:8px}
  .arf .multi-action.mobile .actions li{position:static;transform:none;margin:0!important}
  .arf .fixed-cart-bottom{bottom:84px;right:12px}
}

/* keep the floating buttons visible over black sections */
.arf .fixed-cart-bottom,.arf .multi-action.desktop .action-button{box-shadow:0 0 0 1px rgba(255,255,255,.35),0 6px 18px rgba(0,0,0,.25)}
.arf .pd-acc-btn>span{display:inline}

.arf .pd-ask{margin-top:10px}
.arf .pd-ask-btn{width:100%;cursor:pointer}
.arf .pd-ask-btn i{color:#6366f1}

/* one-line main nav at every desktop width */
.arf .main-nav{flex-wrap:nowrap;max-width:100%;overflow:visible}
.arf .main-nav>li>a{font-size:14px;padding:0 18px;letter-spacing:1.1px}
@media (max-width:1279.98px){.arf .main-nav>li>a{font-size:12px;padding:0 11px;letter-spacing:.6px}}

/* ---------- account (sign in + create account) ---------- */
.arf .auth-wrap{padding:48px 0 64px}
.arf .auth-split{border-left:1px solid #dcdcdc}
@media (max-width:767.98px){.arf .auth-split{border-left:0;border-top:1px solid #dcdcdc;padding-top:40px}}
.arf .auth-row{font-size:13px}
.arf .auth-form .btn-ox,.arf .auth-form .btn-ox-outline{cursor:pointer}
.arf .invalid-feedback{font-size:12px}

/* ---------- cart page ---------- */
.arf .cart-row .p-name:hover{text-decoration:underline}
.arf .cart-page-qty button{cursor:pointer}
.arf .cart-page-qty input{background:transparent}
.arf .cart-remove{background:none;border:0;padding:0;font-size:13px;color:#000;cursor:pointer}
.arf .summary .row-l span:last-child{text-align:right}

/* ---------- order tracking ---------- */
.arf .track-wrap{max-width:900px;margin:0 auto}
.arf .track-form{max-width:520px;margin:0 auto 40px}
.arf .track-row{display:flex;gap:10px}
.arf .track-row .form-control{flex:1}
.arf .track-row .btn-ox{padding:0 28px;white-space:nowrap}
.arf .track-result h2{margin-bottom:16px}
.arf .track-item{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.arf .track-item img{width:36px;height:36px;object-fit:cover;border-radius:4px;background:#f1f1f1}
.arf .track-status{display:inline-block;padding:3px 10px;border-radius:999px;background:#f0f0f0;font-size:12px;font-weight:500;white-space:nowrap}

/* ---------- thank you ---------- */
.arf-thankYou .invoice-container{max-width:860px;margin:0 auto;padding:40px clamp(16px,4vw,48px);background:#fff;border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.06);font-family:var(--f-main)}
.arf-thankYou .thankyou{text-align:center;margin-bottom:16px}
.arf-thankYou .thankyou img{width:56px;height:56px;margin:0 auto 12px;display:block}
.arf-thankYou .thankyou h2{font-size:24px;font-weight:500;letter-spacing:2px;margin:0}
.arf-thankYou .order-info{text-align:center;margin-bottom:24px}
.arf-thankYou .order-info h6{font-size:14px;font-weight:500;letter-spacing:1px}
.arf-thankYou .table{font-size:14px}
.arf-thankYou .table img{border-radius:6px}
.arf-thankYou .policy-box{margin-top:24px;padding:20px;border-radius:8px;background:#f9f9f9}
.arf-thankYou .policy-box h5{font-size:14px;font-weight:500;text-transform:uppercase;margin:0}

/* ---------- contact ---------- */
.arf .contact-box a{color:#000;text-decoration:underline;text-underline-offset:3px}
.arf .pg-inner .contact-box h3{margin-bottom:8px}

/* ---------- customer account ---------- */
[class*="arf-customer-"] .main-wrapper{background:#f0f0f0;padding:0 0 56px}
.arf .userdashboard{padding-top:8px;min-height:500px}
.arf .acct-head,.arf .userdashboard>.container::before{display:block}
.arf .acct-head{text-align:center;padding:24px 0 28px}
.arf .acct-head .crumbs{font-size:13px;color:#737373}
.arf .acct-head .crumbs span{margin:0 6px}
.arf .acct-head h1{margin:12px 0 6px;font-size:24px;font-weight:400;line-height:32px}
.arf .acct-head p{margin:0;font-size:14px;color:#000}
.arf .usersidebardiv,.arf .usermainbody{padding:0}
@media (min-width:992px){.arf .usersidebardiv{padding-right:12px}}
.arf .acct-side{background:#fff;border:0;border-radius:12px;padding:0;overflow:hidden;position:sticky;top:140px}
.arf .acct-card{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #e5e5e5}
.arf .acct-avatar{flex:none;width:44px;height:44px;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center;font-weight:500;letter-spacing:.5px}
.arf .acct-who{min-width:0}
.arf .acct-name{margin:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arf .acct-meta{margin:0;font-size:12px;line-height:16px;color:#737373}
.arf ul#usersidebar.acct-nav{padding:8px;margin:0;list-style:none}
.arf ul#usersidebar.acct-nav li a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;color:#000;font-size:14px;text-decoration:none}
.arf ul#usersidebar.acct-nav li a svg{width:18px;height:18px;flex:none;color:#737373}
.arf ul#usersidebar.acct-nav li a:hover{background:#f5f5f5}
.arf ul#usersidebar.acct-nav li a.is-on{background:#000;color:#fff}
.arf ul#usersidebar.acct-nav li a.is-on svg{color:#fff}
.arf ul#usersidebar.acct-nav .acct-admin{font-weight:500;color:#1d4ed8}
.arf ul#usersidebar.acct-nav .acct-logout{color:#b12704}
.arf ul#usersidebar.acct-nav .acct-logout svg{color:#b12704}
@media (max-width:991.98px){.arf .acct-side{position:static}.arf ul#usersidebar.acct-nav{display:flex;overflow-x:auto;gap:4px;scrollbar-width:none}.arf ul#usersidebar.acct-nav li a{white-space:nowrap}}

.arf .acct-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.arf .acct-stat{display:block;padding:18px 16px;background:#fff;border-radius:12px;color:#000;transition:box-shadow .2s}
.arf .acct-stat:hover{color:#000;box-shadow:0 4px 18px rgba(0,0,0,.08)}
.arf .acct-stat-n{display:block;font:500 28px/1.1 var(--f-num)}
.arf .acct-stat-l{display:block;margin-top:6px;font-size:12px;color:#737373;text-transform:uppercase;letter-spacing:.6px}
@media (max-width:767.98px){.arf .acct-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:479.98px){.arf .acct-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.arf .acct-box{background:#fff;border-radius:12px;padding:20px 24px}
.arf .acct-box-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.arf .acct-box-head h2{margin:0;font-size:16px;font-weight:500}
.arf .acct-order{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #eee}
.arf .acct-order:last-of-type{border-bottom:0}
.arf .acct-order-ref{margin:0 0 2px;font-weight:500}
.arf .acct-order-total{margin:0 0 6px;font:500 14px var(--f-num);white-space:nowrap}
.arf .acct-order-lg .acct-order-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}
.arf .acct-order-items{margin:8px 0 0;padding-left:16px;font-size:13px;line-height:20px}
.arf .acct-status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:500;line-height:16px;white-space:nowrap;background:#f0f0f0;color:#000}
.arf .acct-status.is-done{background:#e6f4ea;color:#1e7b34}
.arf .acct-status.is-wait{background:#fff4e0;color:#9a5b00}
.arf .acct-status.is-info{background:#e8f0fe;color:#1a4fb4}
.arf .acct-status.is-bad{background:#fdecea;color:#b12704}
.arf .acct-status.is-muted{background:#f0f0f0;color:#737373}
.arf .acct-details{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;margin:12px 0 0;font-size:14px}
.arf .acct-details dt{font-weight:400;color:#737373}
.arf .acct-details dd{margin:0}
.arf .acct-empty{text-align:center;padding:32px 8px}
.arf .acct-empty p{color:#737373;margin-bottom:16px}
.arf .acct-page .btn-ox,.arf .acct-page .btn-ox-outline{padding:10px 18px;border-radius:6px;font-size:13px}
.arf .acct-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:-4px 0 8px;padding-bottom:12px;border-bottom:1px solid #eee}
.arf .acct-tabs a{padding:7px 14px;border:1px solid #e5e5e5;border-radius:999px;font-size:13px;color:#000;white-space:nowrap}
.arf .acct-tabs a.is-on{background:#000;border-color:#000;color:#fff}
.arf .acct-pager .pagination{margin:16px 0 0;justify-content:center}

/* other account pages keep their markup: style their shared boxes */
.arf .usercontent{background:#fff;border:0;border-radius:12px;padding:20px 24px}
.arf .userdashboard>.container>.row{margin-top:24px!important}
.arf .usercontent .myrecentorder>p:first-child{font-size:16px;font-weight:500!important;border-bottom:1px solid #eee!important;padding:0 0 12px!important;margin-bottom:16px}
.arf .usercontent .col-form-label{font-size:13px;color:#4a4a4a}
.arf .usercontent .table{font-size:14px}
.arf .usercontent .table-bordered>:not(caption)>*>*{border-color:#eee}
.arf .usercontent .badge{border-radius:999px;font-weight:500}
.arf .page-link{color:#000;border-color:#e5e5e5}
.arf .page-item.active .page-link{background:#000;border-color:#000;color:#fff}