/* layout */
.wrap{max-width:var(--container);margin:0 auto;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}
.sec{padding-top:96px}
.sec--l{padding-top:56px}
.sec--m{padding-top:40px}
.pb{padding-bottom:96px}
.head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 40px;flex-wrap:wrap;margin-bottom:40px}
.head__l{display:flex;flex-direction:column;gap:12px;max-width:760px;min-width:0}
.link-more{font-size:20px}
.link-more:hover{color:var(--c-green)}

/* type */
.t-h1{margin:0;font-weight:300;font-size:clamp(44px,4.5vw,65px);line-height:1.1;letter-spacing:-.01em;text-wrap:balance;}
.t-h1p{margin:0;font-weight:300;font-size:clamp(44px,4.2vw,60px);line-height:1.05;letter-spacing:-.01em}
.t-h2{margin:0;font-weight:300;font-size:clamp(40px,4vw,56px);line-height:1.1;letter-spacing:-.01em;text-wrap:balance}
.t-h2--home{font-size:clamp(42px,3.96vw,58px);line-height:1.2}
.t-h2p{margin:18px auto 0;max-width:20em;text-align:center;font-weight:300;font-size:clamp(36px,3.6vw,52px);line-height:1.15;letter-spacing:-.01em;text-wrap:balance}
.t-h3{margin:0;font-weight:300;font-size:clamp(34px,3.2vw,44px);line-height:1.1;letter-spacing:-.01em}
.t-cardxl{font-size:32px;font-weight:300;line-height:1.2}
.t-card{font-size:24px;font-weight:400;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;min-width:0}
.t-lead{margin:0;font-size:18.5px;line-height:1.65;color:var(--c-ink-2);text-wrap:pretty}
.t-body{margin:0;font-size:18px;line-height:1.75;color:var(--c-ink-2);font-weight:300;text-wrap:pretty}
.t-desc{margin:5px 0 0;font-size:17.5px;line-height:1.6;color:var(--c-ink-2);height:56px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.t-small{margin:12px 0 0;font-size:15.5px;line-height:1.8;color:var(--c-ink-2);font-weight:300}
.t-eyebrow{font-size:14.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-2)}
.t-quote{font-family:var(--f-serif);font-weight:400;font-size:clamp(32px,3.2vw,46px);line-height:1.15;letter-spacing:-.005em;text-wrap:pretty}
.t-tagline{margin:0;font-family:var(--f-serif);font-style:italic;font-size:clamp(22px,1.9vw,26px);line-height:1.3;color:var(--c-ink-2);text-wrap:pretty}
.num{font-variant-numeric:tabular-nums}

/* price */
.price{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.price__comma{color:var(--c-green);font-weight:600}
.old{font-size:17.5px;color:var(--c-red);text-decoration:line-through;white-space:nowrap}
.prices{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 24px;border-radius:var(--r-pill);border:1px solid var(--c-ink);background:transparent;color:var(--c-ink);font-size:18.5px;letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:background-color var(--t-fast),color var(--t-fast),border-color var(--t-fast)}
.btn .arr{color:var(--c-red);transition:color var(--t-fast)}
.btn:hover,.btn:active{background:var(--c-brown);border-color:var(--c-brown);color:var(--c-white)}
.btn:hover .arr,.btn:active .arr{color:var(--c-white)}
.btn:hover svg [fill]:not([fill="none"]),.btn:active svg [fill]:not([fill="none"]),.btn--fill svg [fill]:not([fill="none"]),.btn--added svg [fill]:not([fill="none"]){fill:currentColor}
.btn:hover svg [stroke]:not([stroke="none"]),.btn:active svg [stroke]:not([stroke="none"]){stroke:currentColor}
.btn--sm{height:42px;padding:0 20px}
.btn--lg{height:52px;padding:0 28px}
.btn--xl{height:56px;padding:0 30px;font-size:19px}
.btn--block{width:100%}
.btn--fill{background:var(--c-brown);border-color:var(--c-brown);color:var(--c-white)}
.btn--fill .arr{color:var(--c-cream)}
.btn--fill:hover{background:var(--c-brown-dark);border-color:var(--c-brown-dark)}
.btn--soft{background:var(--c-page);border-color:var(--c-page)}
.btn--added{background:var(--c-brown);border-color:var(--c-brown);color:var(--c-white)}
.btn svg{flex:none}
.circle{width:44px;height:44px;border-radius:50%;border:1px solid var(--c-ink);background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;transition:background-color var(--t-fast),color var(--t-fast),border-color var(--t-fast)}
.circle:hover{background:var(--c-brown);border-color:var(--c-brown);color:var(--c-white)}
.circle:hover svg [data-acc]{stroke:var(--c-white)}
.circle--48{width:48px;height:48px}
.pill{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;border-radius:var(--r-pill);border:1px solid var(--c-pill-line);background:transparent;color:var(--c-ink);font-size:18px;cursor:pointer;white-space:nowrap;transition:background-color var(--t-fast),color var(--t-fast),border-color var(--t-fast)}
.pill .cnt{font-size:14.5px;opacity:.6;font-variant-numeric:tabular-nums}
.pill:hover,.pill.is-on,.pill:has(input:checked){background:var(--c-brown);border-color:var(--c-brown);color:var(--c-cream)}
.pill:hover .cnt,.pill.is-on .cnt,.pill:has(input:checked) .cnt{opacity:.85}
.pill--30{height:30px;padding:0 14px;font-size:15px;gap:6px}
.pill--sm{height:38px;padding:0 16px;font-size:16.5px;gap:8px}
.pill--xs{height:36px;padding:0 14px;font-size:15.5px}
.pills{display:flex;gap:10px;flex-wrap:wrap}
.pills--sub{gap:8px;margin-top:14px}
.listing-active-filters{margin:0}
.listing-active-filters__chip{max-width:100%;min-width:0}
.listing-active-filters__chip>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-align:left}
.listing-active-filters__x{display:inline-flex;align-items:center;justify-content:center;flex:none;opacity:.9}
.listing-active-filters__x svg{width:14px;height:14px}
.chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--c-line-2);font-size:15.5px;background:transparent;cursor:pointer;transition:background-color var(--t-fast),color var(--t-fast),border-color var(--t-fast)}
.chip:hover{background:var(--c-brown);border-color:var(--c-brown);color:var(--c-white)}
.tag{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:var(--r-pill);border:1px solid var(--c-pill-line);font-size:14px}
.badge{position:absolute;top:14px;display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:var(--r-pill);background:rgba(255,253,250,.9);font-size:14px;letter-spacing:.06em;pointer-events:none;z-index:1}
.badge--l{left:14px;border:1px solid var(--c-ink)}
.badge--r{right:14px;color:var(--c-ink-2)}
.sw{display:inline-block;box-sizing:border-box;aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid var(--c-swatch-line);flex:none;background-repeat:no-repeat;background-position:center;background-size:cover}
.sw__img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}
button.sw{appearance:none;-webkit-appearance:none;padding:0;margin:0;line-height:0;vertical-align:middle;align-self:center;background-color:transparent}
.sw--12{width:12px;height:12px;min-width:12px;min-height:12px}.sw--22{width:22px;height:22px;min-width:22px;min-height:22px}.sw--25{width:25px;height:25px;min-width:25px;min-height:25px;cursor:pointer;padding:0}.sw--26{width:26px;height:26px;min-width:26px;min-height:26px}.sw--38{width:38px;height:38px;min-width:38px;min-height:38px;cursor:pointer;padding:0}
.sw.is-on{box-shadow:0 0 0 2px var(--c-surface),0 0 0 3.5px var(--c-ink)}

/* placeholders */
.ph{position:relative;background:var(--c-ph);overflow:hidden}
.ph__label{position:absolute;right:14px;bottom:12px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-ph-ink);background:rgba(255,253,250,.7);padding:4px 10px;border-radius:var(--r-pill);z-index:1}
.prodimg{position:absolute;left:0;right:0;top:56px;bottom:0;display:flex;align-items:center;justify-content:center}
.prodimg__ph{display:block;max-width:44%;max-height:44%;width:auto;height:auto;object-fit:contain;object-position:center}
.prodimg--center .prodimg__ph{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.prodimg--feat .prodimg__ph{width:36%;height:36%;max-width:36%;max-height:36%;object-fit:contain}
.prodimg--center{top:0}
.prodimg--feat{top:10%;bottom:10%;left:10%;right:10%}

/* nav */
.nav{position:relative;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;max-width:var(--container);margin:0 auto;padding-block:22px;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}
.nav__l{display:flex;align-items:center;gap:10px;font-size:clamp(16px,1.6vw,21px);letter-spacing:.02em;white-space:nowrap;min-width:0}
.nav__menu,.nav__l a.nav__menu{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;border-bottom:1.5px solid transparent;padding:6px 8px;border-radius:10px;transition:background-color var(--t-fast),border-color var(--t-fast);color:inherit;text-decoration:none}
.nav__l a{border-bottom:1.5px solid transparent;padding:6px 8px;border-radius:10px;transition:background-color var(--t-fast),border-color var(--t-fast)}
.nav__l a:hover,.nav__menu:hover{background:rgba(255,255,255,.6);border-bottom-color:transparent}
.nav__r{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,2vw,30px)}
.ibtn,.nav__r a.ibtn{all:unset;cursor:pointer;display:flex;align-items:center;gap:4px;padding:6px;border-radius:10px;position:relative;color:inherit;text-decoration:none}
.ibtn:hover,.nav__r a.ibtn:hover{background:rgba(255,255,255,.6)}
.ibtn:focus-visible{outline:2px solid var(--c-green);outline-offset:2px}
.cart-n{position:absolute;top:-2px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--c-ink);color:var(--c-white);font-size:14.5px;font-weight:500;display:flex;align-items:center;justify-content:center}
.logo{display:flex;flex-direction:column;align-items:center;line-height:1}
.logo__w{font-size:44px;font-weight:300;letter-spacing:.01em;--idot-t:.36em;--idot-s:.12em}
.logo__s{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--c-ink-2);margin-top:6px}
.lang{position:relative}
.lang__btn{font-size:21px;font-weight:500;letter-spacing:.04em;padding:6px 8px}
.lang__pop{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;background:var(--c-surface);border-radius:16px;box-shadow:var(--sh-float);padding:8px;z-index:20;display:flex;flex-direction:column;gap:2px}
.lang__opt{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;padding:0 14px 0 26px;border-radius:10px;font-size:17.5px;position:relative}
.lang__opt:hover{background:var(--c-page)}
.lang__opt:focus-visible{outline:2px solid var(--c-green);outline-offset:-2px}
.lang__opt span:last-child{font-size:13.5px;letter-spacing:.1em;color:var(--c-ink-2)}
.lang__opt.is-on{font-weight:500}
.lang__opt.is-on::before{content:"";position:absolute;left:11px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--c-green)}

/* dropdown produse */
.nav-shell{position:relative;z-index:6;width:100%;max-width:var(--container);margin:0 auto;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px));--idot-t:.29em;--idot-s:.11em}
.nav-shell .nav{max-width:none;margin:0;padding-left:0;padding-right:0}
.nav-shell.is-open .nav__menu{background:rgba(255,255,255,.75)}
.nav-prod__drop {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    top: calc(100% + 4px);
    z-index: 25;
    max-width: var(--container);
    padding-left: max(var(--gutter), env(safe-area-inset-left, 0px));
    padding-right: max(var(--gutter), env(safe-area-inset-right, 0px));
}
.nav-shell.is-open .nav-prod__drop {
    position: fixed;
    top: var(--nav-drop-top, 120px);
    z-index: 50;
}
.nav-prod__panel{background:var(--c-surface);border:1px solid var(--c-line-2);border-radius:var(--r-card);box-shadow:var(--sh-float);padding:clamp(22px,2.8vw,36px) clamp(20px,2.4vw,32px)}
.nav-prod__grid{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;align-items:start;width:100%;gap:0}
.nav-prod__col{padding:0 clamp(14px,2vw,28px)}
.nav-prod__col+.nav-prod__col{border-left:1px solid var(--c-line)}
.nav-prod__cat{display:block;font-size:clamp(22px,1.9vw,28px);font-weight:400;line-height:1.25;margin-bottom:12px;color:var(--c-ink);--idot-t:.27em;--idot-s:.12em}
.nav-prod__cat:hover{color:var(--c-green)}
.nav-prod__subs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}
.nav-prod__sub{display:flex;align-items:center;gap:8px;padding:9px 0;font-size:17.5px;line-height:1.35;color:var(--c-ink-2);text-decoration:none;white-space:nowrap}
.nav-prod__sub:hover{color:var(--c-green)}

/* hero */
.hero{position:relative;overflow:hidden;background:var(--c-page)}
.hero:has(.nav-shell.is-open),
.hero:has(.nav-shell.is-search-open){overflow:visible}
.menu-head:has(.nav-shell.is-open),
.menu-head:has(.nav-shell.is-search-open){position:relative;z-index:30}
.hero--page{height:320px}
.hero--short{height:220px}
.hero--home{height:70vh;min-height:560px}
.hero__img{position:absolute;inset:0}
.hero__img .design-img,.hero__img .ph{position:absolute;inset:0;width:100%;height:100%}
.hero__picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.hero__picture .design-img,.hero__picture .hero__photo{position:absolute;inset:0;width:100%;height:100%}
.design-img{width:100%;height:100%;object-fit:cover;display:block}
.logo__img{display:block;height:72px;width:auto;max-width:min(320px,42vw)}
.hero__fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(246,244,241,.9) 0%,rgba(246,244,241,.45) 34%,rgba(239,233,225,.35) 55%,rgba(239,233,225,.85) 82%,#efe9e1 100%)}
.hero--home .hero__fade{background:linear-gradient(180deg,rgba(246,244,241,.88) 0%,rgba(246,244,241,.35) 22%,rgba(246,244,241,0) 40%,rgba(239,233,225,0) 55%,rgba(239,233,225,.55) 78%,rgba(239,233,225,.92) 92%,#efe9e1 100%)}
.hero .ph__label{bottom:auto;top:118px;right:max(var(--gutter),env(safe-area-inset-right,0px))}
.pullup{position:relative;z-index:2;margin-top:-120px}
.pullup--96{margin-top:-96px}
.pullup--110{margin-top:-110px}
.titlebox{display:flex;flex-direction:column;gap:14px;max-width:820px}
.titlebox--full{max-width:none;width:100%}
[data-product-page] [data-pdp-head-title]{text-wrap:pretty;max-width:100%}
.crumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:15.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-2)}
.crumb a:hover{color:var(--c-ink)}
.crumb .cur{color:var(--c-ink)}
.sep-g{color:var(--c-green)}.sep-r{color:var(--c-red)}
#cataloage{ margin-top: 50px; }