/* Cadrell brand skin */
:root{--fb:'Outfit',system-ui,sans-serif;--fd:'Outfit',system-ui,sans-serif;--fdw:600;--fdl:-.035em;
  --bg:#F3F4F6;--surface:#fff;--surface2:#E9EAEE;--ink:#121214;--mut:#6B6E76;--line:#E3E4E8;--line2:#D6D8DD;
  --acc:#121214;--acc-ink:#fff;--acc-r:#121214;--eyb:#6B6E76;--r:16px;--ri:12px;--im-bg:#ECEDF0;--pc-ar:1/1;--pp-ar:1/1;--star:#E8A317;
  --hdr:rgba(243,244,246,.9);--nav-on:#121214;--badge:#fff;--badge-ink:#121214;--ft-bg:#fff;--annc:#121214}
.top{backdrop-filter:blur(12px)}
.logo svg{height:30px}.logo{font-size:20px}
em{font-style:italic;font-weight:300;letter-spacing:-.03em}
.pc .badge{box-shadow:0 1px 4px rgba(0,0,0,.12)}
.c-st{color:#E8A317}
.c-stars{color:#E8A317;letter-spacing:1px}
.c-lk{font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:4px}

/* hero */
.c-hero{padding:22px 0 10px}
.c-panel{background:#fff;border-radius:28px;padding:clamp(22px,3vw,40px);display:grid;grid-template-columns:1fr 1.1fr;gap:32px;box-shadow:0 30px 60px -50px rgba(0,0,0,.35)}
.c-hl{display:flex;flex-direction:column;justify-content:center}
.c-new{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;border:1px solid var(--line);border-radius:999px;padding:4px 14px 4px 4px;font-size:13px}
.c-new b{background:#121214;color:#fff;border-radius:999px;padding:2px 9px;font-size:11px}
.c-hl h1{font-size:clamp(46px,5.8vw,86px);margin:22px 0 18px;line-height:1.02}
.c-lead{color:var(--mut);max-width:44ch;font-size:16px}
.c-cta{display:flex;gap:10px;align-items:center;margin:26px 0;flex-wrap:wrap}
.c-proof{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:14px}
.c-proof small{display:block;color:var(--mut);font-size:12.5px}.c-proof small b{color:var(--ink)}
.avs{display:inline-flex}.avs img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-9px}.avs img:first-child{margin:0}
.c-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.c-cats a{display:flex;align-items:center;gap:10px;background:var(--bg);border-radius:12px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .2s}
.c-cats a:hover{background:var(--surface2)}
.c-cats img{width:46px;height:32px;object-fit:cover;border-radius:6px;mix-blend-mode:multiply}
.c-col{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:1fr 1fr;gap:12px;min-height:600px}
.c-ph{position:relative;border-radius:20px;overflow:hidden;display:block;background:#ddd}
.c-ph>img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
a.c-ph:hover>img{transform:scale(1.04)}
.c-tall{grid-row:1/3}
.c-tag{position:absolute;top:14px;left:14px;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);color:#fff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:500}
.c-mini{position:absolute;left:12px;right:12px;bottom:12px;background:#fff;border-radius:14px;padding:8px;display:flex;align-items:center;gap:10px;font-size:13px}
.c-mini img{width:58px;height:44px;object-fit:cover;border-radius:8px;mix-blend-mode:multiply;background:#ECEDF0}
.c-mini small{display:block;color:var(--mut)}
.c-mini i{margin-left:auto;width:32px;height:32px;border-radius:50%;background:#121214;color:#fff;display:grid;place-items:center;flex:none;cursor:pointer}
.c-go{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center}
.c-go svg{width:16px;height:16px}

/* best sellers rail */
.c-best h2,.c-move h2,.c-fit h2{font-size:clamp(36px,4.4vw,58px)}
.c-arr{display:flex;gap:8px}.c-arr .ib{border:1px solid var(--line2)}.c-arr .ib.on{background:#121214;color:#fff;border-color:#121214}
.c-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.c-rail::-webkit-scrollbar{display:none}
.c-rail .pc{scroll-snap-align:start}
.c-pc{gap:6px}
.c-pc .im{background:#fff;border:1px solid var(--line)}
.c-pc .im img{mix-blend-mode:multiply}
.c-pc .nm{font-size:16px;margin-top:6px}
.c-buy{display:flex;gap:8px;margin-top:8px;position:relative;z-index:2}
.c-buy .b-pri{flex:1;height:40px}
.c-sz{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);font-size:12px;font-weight:600;background:#fff;transition:transform .2s}
.c-sz.pop{transform:scale(1.15)}
.c-pc .qa{display:none}

/* fit */
.c-fg{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:stretch}
.c-foot{min-height:560px}
.c-foot figcaption{position:absolute;left:14px;right:14px;bottom:14px;background:#fff;border-radius:14px;padding:12px 14px;display:flex;gap:12px;align-items:center}
.c-foot figcaption>span{width:40px;height:40px;border-radius:50%;background:var(--bg);display:grid;place-items:center;font-weight:600;font-size:13px}
.c-foot figcaption small{display:block;color:var(--mut);font-size:12.5px}
.c-ruler{position:absolute;left:58%;top:8%;width:3px;height:var(--h,62%);background:repeating-linear-gradient(#E8A317 0 6px,transparent 6px 10px);border-radius:2px;transition:height .4s}
.c-ruler:after{content:"";position:absolute;bottom:-6px;left:-6px;width:15px;height:15px;border-radius:50%;background:#E8A317;box-shadow:0 0 0 5px rgba(232,163,23,.3)}
.c-sub{margin:14px 0 22px;max-width:50ch}
.c-steps{list-style:none;display:grid;border-top:1px solid var(--line)}
.c-steps li{display:flex;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}
.c-steps span{font-size:13px;color:var(--mut);width:24px}
.c-steps small{display:block;color:var(--mut);font-size:13px}
.c-meas{display:flex;align-items:center;gap:14px;margin:22px 0 14px;font-size:14px;flex-wrap:wrap}
.c-meas input{flex:1;accent-color:#121214;min-width:160px}
.c-tb{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.c-tb th{text-align:left;font-weight:500;font-size:12px;color:var(--mut);padding:10px 16px;background:var(--bg)}
.c-tb td{padding:10px 16px;border-top:1px solid var(--line);transition:background .25s,color .25s}
.c-tb tr[data-row]{cursor:pointer}
.c-tb tr.on td{background:#121214;color:#fff;font-weight:600}

/* move */
.c-mg{display:grid;grid-template-columns:1.65fr 1fr;gap:14px}
.c-dark{min-height:440px}
.c-dark:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 40%,transparent 60%,rgba(0,0,0,.4))}
.c-ov{position:absolute;inset:22px;z-index:2;color:#fff;display:flex;flex-direction:column;align-items:flex-start}
.c-ov small{opacity:.8;font-size:12.5px}.c-ov h3{font-size:clamp(30px,3.4vw,46px);margin-top:6px}
.c-wb{background:#fff;color:#121214;margin-top:auto}
.c-rt{top:auto;bottom:22px;left:auto;right:22px;z-index:2}
.c-sm{display:grid;gap:14px}
.c-col2{position:relative;background:#fff;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:213px}
.c-col2>div{padding:20px;height:100%;display:flex;flex-direction:column}
.c-col2 small{color:var(--mut);font-size:12px}.c-col2 h3{font-size:26px;margin-top:6px}
.c-col2 .c-go{position:static;margin-top:auto;background:#121214;color:#fff}
.c-col2 img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .6s}
.c-col2:hover img{transform:scale(1.06) rotate(-3deg)}
.c-rv{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:16px;margin-top:22px;align-items:start}
.c-big{font-size:58px;display:block;line-height:1}.c-big small{font-size:20px;color:var(--mut)}
.c-rv>div:first-child{display:grid;gap:6px;padding-top:10px}
.c-rc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:grid;gap:10px;font-size:14.5px}
.c-rc .who{display:flex;align-items:center;gap:8px;font-size:13px}
.c-rc .who img{width:28px;height:28px;border-radius:50%;object-fit:cover}

/* club */
.c-club{padding:20px 0 90px}
.c-cb{background:#E9EAEE;border-radius:24px;padding:clamp(26px,4vw,48px);display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.c-cb h2{font-size:clamp(34px,4vw,50px);margin-top:10px}
.c-form{display:flex;gap:6px;background:#fff;border-radius:999px;padding:5px;max-width:440px}
.c-form input{flex:1;border:0;outline:none;padding:0 14px;background:none;min-width:0}
.c-post{display:grid;gap:10px}.c-post img{border-radius:14px;aspect-ratio:4/3;object-fit:cover}.c-post h3{font-size:22px}
.gal .main img,.ci img{mix-blend-mode:multiply}

@media (max-width:1080px){.c-panel{grid-template-columns:1fr}.c-col{min-height:520px}.c-rail{grid-auto-columns:calc((100% - 40px)/3)}}
@media (max-width:860px){.c-fg,.c-mg,.c-cb{grid-template-columns:1fr}.c-rv{grid-template-columns:1fr}.c-foot{min-height:380px}.c-rail{grid-auto-columns:46%;gap:12px}.c-col{min-height:440px}}
@media (max-width:560px){.c-panel{border-radius:20px;padding:18px}.c-cats{grid-template-columns:1fr 1fr 1fr;gap:6px}.c-cats a{flex-direction:column;align-items:flex-start;gap:6px;font-size:12px}.c-col{grid-template-columns:1fr 1fr;min-height:380px}.c-col2{min-height:170px}.c-col2 h3{font-size:21px}.c-rail{grid-auto-columns:72%}.c-mini{flex-wrap:nowrap}}