/* ČABANE theme – cards, carousels and homepage sections */
.pcard{position:relative;height:100%;display:flex;flex-direction:column;background:#fff}
.pcard__v{display:none;flex-direction:column}
.pcard__v.is-active{display:flex}
.pcard__media{position:relative;aspect-ratio:2/3;background:var(--c-img);overflow:hidden}
.pcard__link{position:absolute;inset:0;display:block}
.pcard__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease),transform 1.4s var(--ease)}
.pcard__img--alt{opacity:0}
.pcard__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--c-brown)}
.pcard__ph svg{width:60%;height:auto;opacity:.18;fill:currentColor}
.pcard__ph em{font-style:normal;font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.75}
@media(hover:hover){.pcard__media:hover .pcard__img--alt{opacity:1}.pcard__media:hover .pcard__img{transform:scale(1.025)}}
.badge{position:absolute;top:10px;left:10px;z-index:2;background:#fff;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:5px 8px;line-height:1}
.pcard__quick,.pcard__sizes{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:stretch;background:rgba(255,255,255,.96);transform:translateY(101%);transition:transform .35s var(--ease),background-color .2s,color .2s;border-top:1px solid var(--line)}
.pcard__quick{height:44px;justify-content:center;align-items:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.pcard__quick:hover{background:var(--c-brown);color:#fff}
.pcard__sizes-label{display:flex;align-items:center;padding:0 12px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pcard__sizes button{flex:1;height:44px;font-size:12px;border-left:1px solid var(--line);transition:background-color .2s,color .2s}
.pcard__sizes button:hover:not([disabled]){background:var(--c-brown);color:#fff}
.pcard__sizes button[disabled]{color:rgba(39,39,39,.3);text-decoration:line-through;cursor:not-allowed}
@media(hover:hover){.pcard__media:hover .pcard__quick,.pcard__media:hover .pcard__sizes,.pcard__media:focus-within .pcard__sizes,.pcard__media:focus-within .pcard__quick{transform:none}}
.pcard__bag{position:absolute;right:8px;bottom:8px;z-index:4;width:36px;height:36px;background:#fff;display:none;align-items:center;justify-content:center;transition:bottom .35s var(--ease)}
.pcard__bag .icon{width:17px;height:17px}
@media(hover:none){.pcard__bag{display:inline-flex}.pcard__quick{display:none}.pcard__v.is-quick .pcard__sizes{transform:none}.pcard__v.is-quick .pcard__bag{bottom:52px}}
.is-added{background:var(--c-text)!important;color:#fff!important}
.pcard__info{padding:12px 12px 4px;display:flex;flex-direction:column;gap:2px}
.pcard__title{font-size:13px;letter-spacing:.02em}
.pcard__title:hover{text-decoration:underline;text-underline-offset:3px}
.pcard__sub{font-size:12px;color:var(--muted);margin:0}
.pcard__price{font-size:13px;margin:4px 0 0}
.pcard__price s{color:var(--muted);margin-right:6px}
.pcard__swatches{display:flex;gap:10px;padding:8px 12px 20px}
.sw{width:20px;height:11px;position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.sw::after{content:'';position:absolute;inset:-4px;border:1px solid transparent;transition:border-color .2s}
.sw.is-active::after,.sw:hover::after{border-color:var(--c-text)}
.sw--gold,.dot--gold{background:linear-gradient(135deg,#c9a45c 0%,#ead39a 50%,#c39a4e 100%)}
.sw--silver,.dot--silver{background:linear-gradient(135deg,#a9a9a9 0%,#ececec 50%,#b9b9b9 100%)}
.track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 6px)/4.2);gap:2px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.track::-webkit-scrollbar{display:none}
.track__item{scroll-snap-align:start;min-width:0}
@media(max-width:989px){.track{grid-auto-columns:calc((100% - 2px)/2.4)}}
@media(max-width:749px){.track{grid-auto-columns:46%}}
.tabs{display:flex;flex-wrap:wrap;gap:8px}
.tab{height:38px;padding:0 18px;border:1px solid var(--line);font-size:12px;letter-spacing:.08em;transition:border-color .2s,background-color .2s,color .2s}
.tab:hover{border-color:var(--c-text)}
.tab.is-active{border-color:var(--c-text);background:var(--c-text);color:#fff}
@media(max-width:749px){.tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0}}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
@media(max-width:989px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:749px){.grid{grid-template-columns:repeat(2,1fr)}}
.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;height:var(--hero-h,88vh);min-height:520px;max-height:1040px;overflow:hidden;color:#fff;background:var(--c-paper)}
.hero--single{grid-template-columns:1fr}
.hero__img{position:relative;overflow:hidden;min-width:0}
.hero__img img{width:100%;height:100%;object-fit:cover}
.hero__overlay{position:absolute;inset:0;background:#000;pointer-events:none}
.hero__content{position:absolute;left:0;right:0;bottom:9%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;gap:16px}
.hero__content--center{top:50%;bottom:auto;transform:translateY(-50%)}
.hero__content .h1{font-size:calc(66px*var(--heading-scale))}
.hero__text{max-width:460px;margin:0}
.hero__mobile{display:none}
@media(max-width:749px){.hero{grid-template-columns:1fr;height:var(--hero-h-m,80vh);min-height:460px}.hero__img--2{display:none}.hero__img--1.has-mobile{display:none}.hero__mobile{display:block}.hero__content .h1{font-size:calc(40px*var(--heading-scale))}}
.usp{border-bottom:1px solid var(--line)}
.usp__list{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 56px;padding:15px var(--gutter);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.usp__item{display:flex;align-items:center;gap:10px}
.usp__item .icon{width:17px;height:17px}
@media(max-width:749px){.usp__list{gap:10px 20px;padding:14px var(--gutter);font-size:10px}.usp__item .icon{display:none}}
.cats{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:2px}
.cat{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--c-paper)}
.cat img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.cat:hover img{transform:scale(1.04)}
.cat::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(to top,rgba(0,0,0,.32),transparent);pointer-events:none}
.cat__label{position:absolute;left:18px;bottom:16px;z-index:2;color:#fff;font-size:12px;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.cat__label .icon{width:14px;height:14px;transition:transform .3s var(--ease)}
.cat:hover .cat__label .icon{transform:translateX(4px)}
@media(max-width:749px){.cats{grid-template-columns:1fr 1fr}.cat__label{left:12px;bottom:12px;font-size:11px}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.split__item{display:flex;flex-direction:column}
.split__media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--c-paper)}
.split__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.split__item:hover .split__media img{transform:scale(1.03)}
.split__body{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px var(--gutter) 0}
@media(max-width:749px){.split__body{flex-direction:column;gap:8px;padding:14px 12px 0}}
.banners{display:grid;grid-template-columns:repeat(var(--cols,2),1fr);gap:2px}
.banner{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;color:#fff;background:var(--c-paper)}
.banner img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.banner:hover img{transform:scale(1.03)}
.banner__body{position:absolute;left:0;right:0;bottom:0;padding:48px 32px 40px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;background:linear-gradient(to top,rgba(0,0,0,.34),transparent)}
@media(max-width:749px){.banners{grid-template-columns:1fr}.banner__body{padding:28px 18px}}
.story{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.story--reverse .story__media{order:2}
.story__media{position:relative;min-height:600px;overflow:hidden;background:var(--c-paper)}
.story__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story__body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:72px clamp(24px,7vw,120px);gap:4px}
.story__body .h2{margin-bottom:20px;max-width:16ch}
.story__body .rte{max-width:440px;margin-bottom:20px}
@media(max-width:749px){.story{grid-template-columns:1fr}.story--reverse .story__media{order:0}.story__media{min-height:0;aspect-ratio:4/5}.story__body{padding:40px 20px 48px}}
.insta{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:2px}
.insta__item{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:var(--c-paper)}
.insta__item img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),opacity .3s}
.insta__item:hover img{transform:scale(1.04);opacity:.92}
@media(max-width:749px){.insta{grid-template-columns:1fr 1fr}}