/* Oakline builder: dark, legible, four simple stages */
.builder-header{padding-top:53px;padding-bottom:21px}.breadcrumb{display:flex;gap:11px;align-items:center;font-size:12px;font-weight:700;color:#8ea394;margin-bottom:22px}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span:nth-child(2){color:#627b65}.builder-headline{display:flex;align-items:end;justify-content:space-between;gap:22px}.builder-headline .kicker{display:flex;align-items:center;gap:10px}.builder-headline h1{font:700 clamp(47px,6.1vw,77px)/1.05 var(--heading);letter-spacing:-.071em;margin:15px 0 15px}.builder-headline h1 em{font-style:normal;color:#a8c7a5}.builder-headline p{max-width:580px;color:#aebfb0;font-size:14px;line-height:1.9}.builder-index{color:#8ca28e;font:700 11px var(--heading);letter-spacing:.12em;padding-bottom:6px;white-space:nowrap}.builder-index span{color:#dbe3d3}
.configurator{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:start;gap:26px;padding-bottom:110px;padding-top:25px}.config-steps{min-width:0}.config-card{border:1px solid var(--line);border-radius:17px;background:linear-gradient(160deg,#1a2920,#17241c);padding:28px 27px 30px;margin-bottom:15px;box-shadow:0 1px 0 #e0e9d00b inset}.config-card:last-child{margin-bottom:0}.config-title{display:flex;gap:16px;align-items:flex-start;margin-bottom:25px}.step-index{flex:none;width:37px;height:37px;display:grid;place-items:center;border:1px solid #536852;background:#253a2b;color:#c4d8ba;font:700 12px var(--heading);border-radius:11px}.config-title h2{font:650 19px var(--heading);letter-spacing:-.035em;margin:1px 0 6px}.config-title p{font-size:12px;line-height:1.5;color:var(--muted)}
/* Furniture selectors */
.product-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-option{display:flex;flex-direction:column;align-items:flex-start;position:relative;text-align:left;background:#132017;border:1px solid #3c5142;border-radius:13px;padding:8px 8px 13px;min-width:0;color:var(--text);transition:background .2s,border-color .25s,transform .25s,box-shadow .25s}.product-option:hover{border-color:#8eaf89;transform:translateY(-2px);box-shadow:0 12px 25px #0a100d44}.product-option[aria-pressed="true"]{border-color:#b8d4ad;background:#27382b;box-shadow:inset 0 0 0 1px #c2dfb060,0 0 0 3px #b5d6a80d}.product-option-img{width:100%;aspect-ratio:1.07;overflow:hidden;background:#62462f;border-radius:8px;display:block}.product-option-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.product-option:hover img{transform:scale(1.05)}.product-option strong{font-size:12px;line-height:1.25;font-weight:800;margin:13px 1px 5px}.product-option>span:not(.product-option-img):not(.selected-mark){color:#a9bca8;font-size:11px;margin-left:1px}.selected-mark{position:absolute;top:15px;right:15px;width:24px;height:24px;background:#c8dfb9;border:2px solid #143020;color:#1f3527;border-radius:50%;font-size:12px;display:grid;place-items:center;transform:scale(.7);opacity:0;transition:opacity .22s,transform .22s}.product-option[aria-pressed="true"] .selected-mark{opacity:1;transform:scale(1)}
/* Size */
.segment-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.segment-row button{display:flex;flex-direction:column;align-items:start;justify-content:center;min-width:0;background:#142117;border:1px solid #3d5441;color:#e7ede2;padding:14px 16px;min-height:79px;border-radius:12px;text-align:left;transition:border-color .22s,background .22s,transform .22s}.segment-row button:hover{border-color:#92b08f}.segment-row button[aria-pressed="true"]{background:#29402e;border-color:#b4cfaa;box-shadow:inset 0 0 0 1px #afcda144}.segment-row strong{font-size:12px;line-height:1.4}.segment-row small{font-size:11px;margin-top:6px;color:#aabdab}.dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.input-unit{position:relative}.input-unit input{padding-right:33px;font-weight:800;font-variant-numeric:tabular-nums}.input-unit span{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#8ca18d;font-size:11px;font-weight:700;pointer-events:none}.input-group input:read-only{background:#1e2c21;color:#d9e1d3;cursor:default}.helper{color:#a5b8a4;line-height:1.6;font-size:11px;margin-top:15px;padding:11px 13px;border-radius:10px;background:#1f3023;border:1px solid #344b38}
/* Switch cards */
.addon-row{display:flex;align-items:center;gap:15px;padding:18px 17px;border:1px solid #3b5240;border-radius:13px;background:#142118}.addon-symbol{display:grid;place-items:center;flex:none;width:43px;height:43px;border:1px solid #557257;background:#253b2b;border-radius:12px}.addon-symbol svg{width:22px;height:22px;stroke:#c5d9b8;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.addon-content{flex:1;min-width:0}.addon-content strong{display:block;font-size:13px;line-height:1.4;font-weight:800}.addon-content p{font-size:11px;line-height:1.65;color:#adbead;margin-top:4px}.addon-cost{display:inline-block;font:750 13px var(--heading);color:#d5c0a0;margin-top:8px}.switch{flex:none;display:flex;align-items:center;width:51px;height:29px;padding:3px;border:0;background:#415349;border-radius:40px;transition:background .25s,box-shadow .25s}.switch:hover{box-shadow:0 0 0 4px #b5d0aa18}.switch[aria-checked="true"]{background:#c4dcb9}.switch-knob{height:23px;width:23px;border-radius:50%;background:#f4f1e6;box-shadow:0 2px 6px #0003;transition:transform .34s cubic-bezier(.2,.95,.3,1),background .2s}.switch[aria-checked="true"] .switch-knob{transform:translateX(22px);background:#29402f}.engraving-controls{margin-top:21px;padding-top:22px;border-top:1px solid var(--line);animation:slideAppear .32s cubic-bezier(.2,.9,.25,1) both}.engraving-controls>.input-group+.input-group{margin-top:18px}.character-counter{float:right;color:#8da18f;font-weight:600}.font-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.font-options button{display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;min-width:0;min-height:85px;padding:9px 6px;background:#142017;border:1px solid #3c5140;color:#ecefe4;border-radius:12px;transition:border-color .22s,transform .22s,background .22s}.font-options button:hover{border-color:#99b395;transform:translateY(-2px)}.font-options button[aria-pressed="true"]{border-color:#bdd6b3;background:#283e2d}.font-options small{font-size:10px;color:#9eb29e}.font-example{font-size:22px;line-height:1.2}.font-example-script{font-family:'Caveat',cursive;font-size:27px}.font-example-classic{font-family:Georgia,serif}.font-example-modern{font-family:var(--heading);font-weight:700;font-size:15px;letter-spacing:.07em}
/* Preview */
.preview-panel{position:sticky;top:103px;border:1px solid #3c5241;border-radius:19px;overflow:hidden;background:#1a2920;box-shadow:0 30px 75px rgba(0,0,0,.15)}.preview-panel-top{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #344b39}.preview-panel-top>div{display:flex;align-items:center;gap:10px;color:#c7d9c2;letter-spacing:.12em;font-size:11px}.preview-code{font:700 10px var(--heading);letter-spacing:.12em;color:#8da891}.preview-image-shell{padding:16px 16px 0;background:#17231c}.preview-picture{position:relative;isolation:isolate;border-radius:12px;overflow:hidden;aspect-ratio:1.5;background:#ae8265;transition:filter .4s;box-shadow:0 14px 28px #0003}.preview-photo{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}.preview-photo.is-electrical{opacity:0;transform:scale(1.045)}.preview-picture.has-electrical .preview-photo.is-electrical{opacity:1;transform:scale(1)}.preview-picture.has-electrical .preview-photo:not(.is-electrical){transform:scale(1.025)}.preview-picture.switching-product{filter:brightness(.8);transition:filter .18s}.preview-picture::after{content:"";z-index:3;position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse 48% 37% at 45% 28%,#fff3b940,transparent 95%);mix-blend-mode:screen;transition:opacity .75s}.preview-picture.has-electrical::after{opacity:.33}.engraving-overlay{position:absolute;z-index:4;max-width:44%;width:max-content;font-size:20px;line-height:1.2;color:#eee2cf;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 6px #201408d0,0 0 2px #201408;transform:translate(-50%,-50%) rotate(-2deg);pointer-events:none}.engraving-script{font-family:'Caveat',cursive}.engraving-classic{font-family:Georgia,serif}.engraving-modern{font-family:var(--heading);font-weight:700;letter-spacing:.04em}.preview-image-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 3px;font:800 10px var(--heading);letter-spacing:.1em;color:#95a996}.preview-image-bottom span:first-child{display:flex;align-items:center;gap:7px}.state-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9bc29d}.preview-info{padding:0 23px 25px}.preview-info>h2{font:600 27px var(--heading);letter-spacing:-.05em;margin:4px 0 5px}.preview-info>p:not(.price-note){font-size:12px;color:#b4c4b5}.preview-lines{border-top:1px solid #3b5140;margin-top:19px;padding-top:14px;display:grid;gap:11px}.preview-lines>div{display:flex;gap:20px;align-items:baseline;justify-content:space-between;font-size:12px}.preview-lines span{color:#aabdab}.preview-lines strong{font-size:13px;font-weight:800;color:#f2f1e7}.preview-lines #summary-custom-row strong{color:#e3c49e}.summary-total{border-top:1px solid #3b5140;margin-top:18px;padding-top:19px;display:flex;justify-content:space-between;gap:15px;align-items:baseline}.summary-total>span{font-size:12px;color:#c7d6c5}.summary-total strong{font:700 33px var(--heading);letter-spacing:-.05em;color:#d0e2c4;font-variant-numeric:tabular-nums}.price-note{font-size:11px;line-height:1.65;color:#c6b298;background:#302c22;border:1px solid #514535;padding:10px 12px;border-radius:10px;margin:14px 0 15px}.preview-info .btn{margin-top:8px}.quote-content{padding-top:9px;animation:slideAppear .35s ease both}.quote-divider{height:1px;background:#3b5140;margin:24px 0}.quote-content h3{font:650 19px var(--heading);letter-spacing:-.03em}.quote-content>p{font-size:12px;color:#acbcab;margin:7px 0 17px}.quote-content .input-group+.input-group{margin-top:15px}.quote-content .input-group textarea{min-height:77px}.quote-content .btn{margin-top:13px}.quote-content .btn-ghost{background:#25382a;border-color:#4c6750}.preview-disclaimer{font-size:10px;color:#889e8d;line-height:1.6;text-align:center;margin-top:20px}.toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,15px);z-index:80;background:#c1dcb7;color:#1c3522;font-weight:750;font-size:12px;box-shadow:0 20px 40px #0005;border-radius:11px;padding:11px 17px;opacity:0;pointer-events:none;transition:opacity .24s,transform .24s}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes slideAppear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.configurator{gap:17px}.config-card{padding:23px 20px}.product-option-img{aspect-ratio:1.07}.preview-info{padding:0 19px 22px}.preview-image-shell{padding:12px 12px 0}}
@media(max-width:800px){.configurator{display:flex;flex-direction:column-reverse;gap:24px;padding-top:17px}.config-steps,.preview-panel{width:100%}.preview-panel{position:static}.builder-headline{display:block}.builder-index{display:none}.builder-header{padding-top:37px}.builder-headline h1{font-size:clamp(43px,9vw,63px)}.preview-picture{aspect-ratio:1.7}.preview-info{padding:0 23px 25px}.product-option-img{aspect-ratio:1.23}}
@media(max-width:470px){.config-card{padding:22px 16px}.config-title{gap:12px}.config-title h2{font-size:18px}.product-options{gap:7px}.product-option{padding:6px 6px 11px}.product-option-img{aspect-ratio:1.04}.product-option strong{font-size:11px;margin-top:9px}.product-option>span:not(.product-option-img):not(.selected-mark){font-size:10px}.selected-mark{width:20px;height:20px;top:11px;right:11px}.addon-row{padding:14px 12px;gap:10px}.addon-symbol{width:37px;height:37px}.addon-content strong{font-size:12px}.switch{width:49px}.preview-panel-top{padding:16px 17px}.preview-info{padding:0 17px 22px}.preview-info>h2{font-size:24px}.preview-picture{aspect-ratio:1.5}.dimensions{gap:7px}.dimensions .input-group input{padding:11px 26px 11px 9px}.input-unit span{right:8px}.font-options{gap:6px}.font-options button{min-height:74px}}
@media(prefers-reduced-motion:reduce){.preview-photo{transition:none}.preview-picture{transition:none}.engraving-overlay{animation:none}}

/* Six pieces, two tidy rows; compact and tap-friendly. */
.product-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.product-option-img{aspect-ratio:1.5}.product-option{min-height:0}.product-option-img img{object-fit:cover}
@media(max-width:470px){.product-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-option-img{aspect-ratio:1.45}}