.ctf__banner-wrap{width:100%;position:relative;overflow:hidden;background:#f0f0f0;height:var(--ctf-banner-h, 320px)}.ctf__banner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:0;transition:opacity .4s ease;pointer-events:none}.ctf__banner-img--active{opacity:1}.ctf__banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--ctf-overlay, 0));pointer-events:none}.ctf{background:var(--ctf-bg, #fff);padding:var(--ctf-padding, 48px) 0}.ctf--full-width{width:100%}.ctf__inner{max-width:1200px;margin:0 auto;padding:0 24px}.ctf__tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.ctf__tab{padding:10px 22px;border:2px solid var(--ctf-tab-border, #1e5c0c);border-radius:var(--ctf-tab-radius, 100px);background:transparent;color:var(--ctf-tab-color, #1e5c0c);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .18s,color .18s;letter-spacing:.03em;white-space:nowrap}.ctf__tab--active,.ctf__tab:hover{background:var(--ctf-tab-active-bg, #1e5c0c);color:var(--ctf-tab-active-color, #fff)}.ctf__panel{display:none}.ctf__panel--active{display:block}.ctf__grid{display:grid;grid-template-columns:repeat(var(--ctf-cols, 4),1fr);gap:var(--ctf-gap, 20px)}.ctf__card{background:var(--ctf-card-bg, #fff);border-radius:var(--ctf-card-radius, 12px);overflow:hidden;border:1px solid var(--ctf-card-border, #e0e0e0);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:box-shadow .18s}.ctf__card:hover{box-shadow:0 4px 16px #0000001a}.ctf__card-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.ctf__card-image--placeholder{width:100%;aspect-ratio:1 / 1;background:#eee;display:block}.ctf__card-body{padding:12px 14px 16px}.ctf__card-title{font-weight:700;font-size:.9rem;color:var(--ctf-title-color, #1a1a1a);margin:0 0 4px;line-height:1.3}.ctf__card-price{font-size:.875rem;color:var(--ctf-price-color, #555);margin:0}@media(max-width:900px){.ctf__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.ctf__grid{grid-template-columns:repeat(2,1fr);gap:12px}.ctf__tabs{gap:6px}.ctf__tab{padding:8px 16px;font-size:.8rem}}@media(max-width:768px){.ctf__banner-wrap{height:var(--ctf-banner-h-mobile, 200px)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/collection-tab-filter.css.map */