/* /themes/ collection page v4 */
.c4-hero{padding:clamp(140px,16vw,220px) 0 clamp(40px,5vw,72px)}
.c4-eye{color:#ff5b2e!important;display:block;margin-bottom:22px}
.c4-hero h1{font:300 clamp(48px,7.4vw,120px)/.94 var(--disp)!important;letter-spacing:-.045em}
.c4-hrow{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:32px;flex-wrap:wrap}
.c4-hrow .lede{max-width:44ch}
.c4-cur{display:inline-flex;padding:4px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.c4-cur button{min-width:44px;height:34px;padding:0 14px;border-radius:999px;font:500 14px var(--sans);color:var(--g1)}
.c4-cur button[aria-pressed=true]{background:#fff;color:#000}
.c4-sec{padding-top:clamp(40px,5vw,72px)}
.c4-filter{display:flex;gap:8px;margin-bottom:20px}
.c4-filter button{display:inline-flex;gap:8px;align-items:center;padding:9px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font:500 14px var(--sans);color:var(--g1)}
.c4-filter button[aria-pressed=true]{background:#fff;color:#000;border-color:#fff}.c4-filter button[aria-pressed=true] .mono{color:#555!important}
.c4-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.c4-card{display:flex;flex-direction:column;border-radius:28px;overflow:hidden;background:#111214;border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 50px rgba(0,0,0,.45)}
.c4-m{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#000}
.c4-m img,.c4-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),opacity .6s}
.c4-v{opacity:0}.c4-v.ready{opacity:1}
.c4-card:hover .c4-m img,.c4-card:hover .c4-v{transform:scale(1.03)}
.c4-pill{position:absolute;left:16px;top:16px;padding:6px 11px;border-radius:999px;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);color:#fff!important;font-size:11px}
.c4-pill:before{content:"";display:inline-block;width:6px;height:6px;border-radius:9px;background:#ff5b2e;margin-right:8px;vertical-align:1px;box-shadow:0 0 8px #ff5b2e}
.c4-b{display:flex;flex-direction:column;gap:14px;padding:24px 28px 28px;flex:1}
.c4-top{display:flex;justify-content:space-between;gap:20px}
.c4-n{font:400 clamp(26px,2.4vw,34px)/1.1 var(--disp)!important;letter-spacing:-.02em}
.c4-top p{color:var(--g1);margin-top:6px;max-width:38ch}
.c4-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.c4-price b{font:300 40px/1 var(--disp);letter-spacing:-.03em}.c4-price s{color:var(--g2)}
.c4-note{color:var(--g2)!important}
.c4-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:auto}
.c4-demo{margin-left:auto;color:#fff!important}
.c4-soon{grid-column:1/-1;display:flex;align-items:center;gap:24px;padding:22px 26px;border-radius:28px;border:1px dashed rgba(255,255,255,.16);background:rgba(255,255,255,.02)}
.c4-grid[data-n="1"] .c4-soon,.c4-grid[data-n="3"] .c4-soon,.c4-grid[data-n="5"] .c4-soon{grid-column:auto;flex-direction:column;align-items:flex-start;justify-content:center}
.c4-thumbs{display:flex;flex:none}.c4-thumbs img{width:84px;height:64px;object-fit:cover;border-radius:12px;border:2px solid #0a0a0a;filter:blur(1.5px) grayscale(.4);opacity:.75}.c4-thumbs img+img{margin-left:-28px}
.c4-soon h3{font:400 24px/1.15 var(--disp)!important;margin:4px 0}.c4-soon p{color:var(--g1);font-size:15px}.c4-soon .mono{color:#ff5b2e!important}
.c4-fine{color:var(--g2)!important;margin-top:18px}
.c4-up{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;padding:32px;border-radius:28px;background:radial-gradient(120% 160% at 0 0,rgba(255,91,46,.16),#111214 55%);border:1px solid rgba(255,91,46,.25)}
.c4-up h3{font:300 clamp(30px,3vw,44px)/1.05 var(--disp)!important;margin:8px 0}.c4-up p{color:var(--g1);max-width:56ch}.c4-up .mono{color:#ff5b2e!important}
.c4-faq{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-bottom:40px}
.c4-faq h2{font:300 clamp(36px,4vw,60px)/1 var(--disp)!important}
.c4-faq details{border-radius:18px!important;padding:4px 20px;margin-bottom:10px;background:#111214;border:1px solid rgba(255,255,255,.09)!important}
@media (max-width:760px){.c4-hero{padding-top:120px}.c4-hero h1{font-size:52px!important}.c4-grid{grid-template-columns:1fr}.c4-b{padding:20px}.c4-top{flex-direction:column}.c4-price{flex-direction:row;align-items:baseline;gap:10px}
 .c4-soon{flex-direction:column;align-items:flex-start}.c4-faq{grid-template-columns:1fr;gap:16px}.c4-up{padding:22px}.c4-up .c4-acts .btn{flex:1;justify-content:center}.c4-demo{margin-left:0}}
/* v4.1 compact, visual-first hero */
.c4-hero{padding:clamp(104px,10vw,124px) 0 22px}
.c4-h1{font:300 clamp(36px,4.4vw,60px)/1.02 var(--disp)!important;letter-spacing:-.04em;white-space:nowrap}
.c4-hrow{display:flex;align-items:center;gap:16px;margin-top:14px}
.c4-sub{color:var(--g1);font-size:16px;margin:0}
.c4-cur button{height:30px;min-width:38px;padding:0 12px}
.c4-first{padding-top:0}
.c4-m{aspect-ratio:16/10}
.c4-b{padding:18px 24px 22px;gap:10px}
.c4-n{font-size:clamp(24px,2vw,30px)!important}
.c4-price b{font-size:34px}
@media (max-width:760px){
 .c4-hero{padding:88px 0 16px}
 .c4-h1{white-space:normal;font-size:36px!important}
 .c4-hrow{gap:10px;align-items:flex-start;justify-content:space-between}
 .c4-sub{font-size:14px;line-height:1.45}
 .c4-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:0 20px 8px;scroll-padding:0 20px;scrollbar-width:none}
 .c4-grid::-webkit-scrollbar{display:none}
 .c4-card{flex:0 0 84%;scroll-snap-align:start;border-radius:22px}
 .c4-soon{flex:0 0 70%;scroll-snap-align:start;grid-column:auto;border-radius:22px;justify-content:center}
 .c4-b{padding:16px}.c4-top p{font-size:14px}
 .c4-acts .btn{flex:1;justify-content:center}.c4-demo{width:100%}
}
@media (max-width:760px){.c4-up .c4-acts .btn{flex:1 1 auto;min-width:max-content}}