.cf-coll--green{--coll-bg: #1a2e1a;--coll-accent: #7ec87e;--coll-accent-dim: rgba(126,200,126,.15);--coll-badge-text: #1a2e1a}.cf-coll--orange{--coll-bg: #1e0e08;--coll-accent: #F07820;--coll-accent-dim: rgba(240,120,32,.15);--coll-badge-text: #fff}.cf-coll--neutral{--coll-bg: #12141a;--coll-accent: #F07820;--coll-accent-dim: rgba(240,120,32,.12);--coll-badge-text: #fff}.cf-coll{background:#141414;min-height:100vh;font-family:Jost,sans-serif}.cf-coll-header{background:var(--coll-bg);padding:52px 24px 44px;position:relative;overflow:hidden}.cf-coll-header:before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,var(--coll-accent-dim) 0%,transparent 70%);border-radius:50%;pointer-events:none}.cf-coll-tag{font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--coll-accent);font-weight:500;margin-bottom:14px;display:flex;align-items:center;gap:10px}.cf-coll-tag:before{content:"";display:inline-block;width:24px;height:1px;background:var(--coll-accent);opacity:.6;flex-shrink:0}.cf-coll-title{font-family:Cormorant Garamond,serif;font-size:clamp(34px,7vw,48px);font-weight:500;color:#fff;line-height:1.1;margin-bottom:18px;letter-spacing:-.5px}.cf-coll-title em{color:var(--coll-accent);font-style:italic}.cf-coll-desc{font-size:12.5px;font-weight:300;color:#ffffff94;line-height:1.75;max-width:340px;margin-bottom:26px}.cf-coll-badges{display:flex;gap:8px;flex-wrap:wrap}.cf-coll-badge{font-size:9.5px;letter-spacing:.8px;text-transform:uppercase;padding:5px 13px;border-radius:100px;border:1px solid rgba(255,255,255,.15);color:var(--coll-accent);font-weight:400;white-space:nowrap}.cf-coll-bar{background:#161616;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:10}.cf-coll-bar-left{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--coll-accent);font-weight:400;cursor:pointer}.cf-coll-bar-right{font-size:10.5px;color:#ffffff4d;font-weight:300}.cf-coll-grid{padding:20px 14px 48px;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(min-width:750px){.cf-coll-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:28px 24px 60px}}@media(min-width:1100px){.cf-coll-grid{grid-template-columns:repeat(4,1fr);gap:20px;padding:32px 40px 80px}.cf-coll-header{padding:64px 40px 52px}.cf-coll-desc{max-width:480px}.cf-coll-bar{padding:16px 40px}}.cf-prod-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden;text-decoration:none;display:block;transition:transform .22s ease,border-color .22s ease}.cf-prod-card:hover{transform:translateY(-4px);border-color:#ffffff26}.cf-prod-img-wrap{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#ffffff08}.cf-prod-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .35s ease}.cf-prod-card:hover .cf-prod-img{transform:scale(1.04)}.cf-prod-img-placeholder{width:100%;height:100%;background:#ffffff0d}.cf-prod-badge{position:absolute;top:10px;left:10px;background:var(--coll-accent);color:var(--coll-badge-text);font-size:8px;letter-spacing:1.2px;text-transform:uppercase;padding:4px 10px;border-radius:100px;font-weight:600;white-space:nowrap}.cf-prod-body{padding:13px 13px 16px}.cf-prod-name{font-size:11px;color:#ffffffd1;font-weight:400;line-height:1.45;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cf-prod-stars{color:var(--coll-accent);font-size:10px;margin-bottom:8px;letter-spacing:1px}.cf-prod-price-row{display:flex;align-items:baseline;gap:6px}.cf-prod-price{font-size:14px;font-weight:600;color:var(--coll-accent)}.cf-prod-old{font-size:10px;color:#ffffff40;text-decoration:line-through;font-weight:300}.cf-coll-pagination{padding:0 20px 48px;display:flex;justify-content:center}.cf-coll-pagination .pagination{display:flex;gap:8px;list-style:none;padding:0;margin:0}.cf-coll-pagination .pagination a,.cf-coll-pagination .pagination span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;font-size:12px;color:#fff9;border:1px solid rgba(255,255,255,.1);text-decoration:none;transition:all .2s}.cf-coll-pagination .pagination a:hover{border-color:var(--coll-accent);color:var(--coll-accent)}.cf-coll-pagination .pagination .current{background:var(--coll-accent);color:#111;border-color:var(--coll-accent);font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cf-collection.css.map */