/* OAKLINE INTERACTIVE EXTENSIONS */
:root{--oak-glow:#9aba91}html{scroll-padding-top:100px}
.oak-utility{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:14px 0}.oak-utility .btn{min-height:40px;padding:10px 14px;font-size:12px}.oak-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #395642;background:#192a20;color:#d9e9d7;border-radius:999px;padding:7px 12px;font-size:11px;letter-spacing:.02em}.oak-advanced{background:linear-gradient(145deg,#192920,#101d16);border:1px solid #34493a;border-radius:15px;padding:19px;margin:15px 0;box-shadow:inset 0 1px 0 #ffffff0c}.oak-advanced h3{font-size:16px;margin:0 0 8px}.oak-advanced p,.oak-advanced small{color:#a7b9a9;font-size:12px;line-height:1.7}.oak-advanced label{font-size:12px;color:#dceadd}.oak-advanced input[type=range]{width:100%;accent-color:#aaca9d;cursor:pointer}.oak-advanced .controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0}.oak-compare{position:relative;aspect-ratio:1.4;overflow:hidden;border-radius:12px;background:#c6a991;margin:13px 0 9px;touch-action:pan-y;isolation:isolate}.oak-compare>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.oak-compare .after{clip-path:inset(0 50% 0 0)}.oak-compare .divider{position:absolute;inset:0 auto 0 50%;width:2px;background:white;box-shadow:0 0 0 1px #0006;pointer-events:none}.oak-compare .divider:after{content:'↔';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:35px;height:35px;background:#edf2e7;color:#213b2a;display:grid;place-items:center;font-weight:900;box-shadow:0 5px 25px #0006}.oak-compare .tag{position:absolute;bottom:10px;padding:5px 10px;border-radius:50px;background:#102116e0;color:#fff;font-size:11px;font-weight:700}.oak-compare .tag.left{left:10px}.oak-compare .tag.right{right:10px}.oak-compare-range{width:100%;accent-color:#aaca9d}.oak-gallery-note{font-size:11px;color:#a2b5a3}
.oak-price-number{transition:filter .24s,transform .24s;display:inline-block}.oak-price-number.is-changing{filter:brightness(1.5);transform:translateY(-4px) scale(1.04)}.oak-breakdown{border:1px solid #34483a;border-radius:13px;padding:14px;margin:13px 0;background:#122319}.oak-breakdown h3{font-size:13px;margin:0 0 8px;color:#e4efdf}.oak-breakdown-line{display:flex;justify-content:space-between;gap:12px;padding:5px 0;color:#b9caba;font-size:12px}.oak-breakdown-line strong{color:#e6f3dc;font-variant-numeric:tabular-nums}.oak-progress{display:flex;gap:7px;margin:10px 0 22px;flex-wrap:wrap}.oak-progress a{font-size:11px;background:#203527;color:#c4d6c4;border:1px solid #3b5543;padding:9px 13px;border-radius:25px;text-decoration:none;transition:.2s}.oak-progress a:hover,.oak-progress a:focus-visible{background:#33563d;transform:translateY(-2px)}.oak-progress a.active{background:#aaca9d;color:#132518;border-color:#aaca9d}
.oak-size-stage{height:205px;display:flex;gap:25px;align-items:flex-end;justify-content:center;padding:15px 10px 9px;background:linear-gradient(180deg,#1e3025,#17241c);border:1px solid #38503e;border-radius:12px;position:relative;overflow:hidden}.oak-size-stage:after{content:'';position:absolute;bottom:9px;left:0;right:0;border-bottom:1px solid #75957955}.oak-human{width:26px;height:145px;flex:none;position:relative;filter:drop-shadow(1px 3px 5px #0006)}.oak-human .head{position:absolute;top:0;left:6px;width:14px;height:14px;background:#b5b8ad;border-radius:50%}.oak-human .torso{position:absolute;top:17px;left:7px;width:13px;height:67px;background:#b5b8ad;border-radius:6px 6px 3px 3px}.oak-human .arm{position:absolute;top:21px;width:5px;height:64px;background:#b5b8ad;border-radius:6px}.oak-human .arm.l{left:1px}.oak-human .arm.r{right:0}.oak-human .leg{position:absolute;top:78px;width:5px;height:67px;background:#b5b8ad;border-radius:4px}.oak-human .leg.l{left:8px}.oak-human .leg.r{right:6px}.oak-size-object{background:linear-gradient(145deg,#a9774f,#5d3826);border:2px solid #d7ac7a;border-radius:3px;box-shadow:10px 9px 0 #0004,inset -5px -5px 8px #0004;transition:width .5s cubic-bezier(.2,.8,.2,1),height .5s cubic-bezier(.2,.8,.2,1);max-width:70%;min-width:5px;position:relative;z-index:1}.oak-size-object:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(8deg,#ffdb9c15 0 2px,transparent 2px 16px)}

.oak-basket-count{background:#aacc9e;color:#172b1a;padding:2px 7px;border-radius:15px;font-weight:800}.oak-empty{border:1px dashed #4c614f;color:#a8baa8;padding:24px;border-radius:12px;text-align:center}.oak-item{border:1px solid #354c3c;padding:16px 18px;border-radius:13px;background:#1a2a20;margin:10px 0}.oak-item-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.oak-item-head h3{font-size:16px;margin:0;color:#e2efdf}.oak-item p{font-size:12px;color:#aebfae;margin:6px 0}.oak-item-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.oak-item-actions button,.oak-item-actions a{font-size:12px;border-radius:8px;padding:8px 12px;background:#2b4431;border:1px solid #3f5e45;color:#e5eee3;cursor:pointer}.oak-item-actions button:hover,.oak-item-actions a:hover{background:#406149}.oak-full{max-width:850px;margin:40px auto 110px}.oak-full h1{font-size:clamp(38px,5vw,66px);margin:10px 0}.oak-full>p{color:#acbeaf}.oak-top-nav{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:18px 0}.oak-head-controls{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.oak-grand-total{font-size:33px;font-weight:750;color:#d8e9cc;font-variant-numeric:tabular-nums}.oak-helper{font-size:11px;color:#a3b4a5;line-height:1.7}.oak-toast{position:fixed;z-index:120;bottom:22px;left:50%;transform:translate(-50%,20px);padding:13px 18px;border-radius:10px;background:#b0d1a6;color:#1a2b20;font-size:13px;font-weight:700;box-shadow:0 18px 44px #0007;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.oak-toast.show{opacity:1;transform:translate(-50%,0)}
.oak-image-card img{width:100%;height:100%;object-fit:cover}.oak-reveal{animation:oak-enter .6s cubic-bezier(.18,.8,.2,1) both}@keyframes oak-enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.oak-advanced{padding:14px}.oak-progress a{padding:8px 9px}.oak-utility{gap:7px}.oak-utility .btn{padding:9px 10px}.oak-size-stage{height:190px}}
@media(prefers-reduced-motion:reduce){.oak-reveal{animation:none}.oak-price-number,.oak-size-object,.oak-utility .btn{transition:none}}
@media print{header,footer,.nav-actions,.oak-hide-print,button,.oak-top-nav{display:none!important}.oak-item{border:1px solid #888;color:#111!important}.oak-item *{color:#111!important}}
.configurator>.oak-progress{grid-column:1/-1;margin:0 0 -9px}.configurator>.oak-progress a{scroll-margin-top:110px}
@media(max-width:800px){.configurator{flex-direction:column!important}.configurator>.preview-panel{order:0}.configurator>.oak-progress{order:1;margin:0}.configurator>.config-steps{order:2}}