.combination{background:#e5e4dc;scroll-margin-top:100px}.combination-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:28px;align-items:start}.combination-view{min-width:0;position:sticky;top:100px}.combination-scene{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:12px;background:#d2c9b8;isolation:isolate}.combination-scene>img{display:block;width:100%;height:100%;object-fit:cover}.room-layer{position:absolute;top:10.9%;height:62%;pointer-events:none;filter:drop-shadow(3px 5px 4px #0003)}.room-layer[hidden]{display:none}.room-tul{left:14%;width:72%;z-index:2;opacity:.66;background:repeating-linear-gradient(90deg,#fff6 0%,#fff2 2%,#0002 3.5%,#fff4 5%,transparent 6%),var(--curtain-tone);clip-path:polygon(0 0,100% 0,100% 99%,96% 100%,92% 99%,88% 100%,84% 99%,80% 100%,76% 99%,72% 100%,68% 99%,64% 100%,60% 99%,56% 100%,52% 99%,48% 100%,44% 99%,40% 100%,36% 99%,32% 100%,28% 99%,24% 100%,20% 99%,16% 100%,12% 99%,8% 100%,4% 99%,0 100%)}.room-tul[data-texture=stripe]{background:repeating-linear-gradient(90deg,#fff7 0 3%,#0002 3% 3.4%,transparent 3.4% 6%),var(--curtain-tone)}.room-tul[data-texture=woven]{opacity:.77;background:repeating-linear-gradient(90deg,#fff4 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,#0001 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#fff5,transparent 3%,#0002 4%,#fff3 6%),var(--curtain-tone)}.room-fon{left:13.8%;width:72.4%;z-index:3;filter:drop-shadow(4px 3px 5px #0005)}.room-fon:before,.room-fon:after{content:'';position:absolute;top:0;bottom:0;width:19%;background:repeating-linear-gradient(90deg,#0004 0%,#fff1 9%,#fff5 19%,#0005 31%,#fff1 43%,#fff4 56%,#0004 70%,#fff1 81%,#0003 100%),var(--curtain-tone);border-radius:0 0 3px 3px;clip-path:polygon(0 0,100% 0,98% 25%,95% 50%,98% 75%,100% 99%,89% 100%,77% 98.5%,65% 100%,53% 98.5%,41% 100%,29% 98.5%,17% 100%,0 99%)}.room-fon:before{left:0}.room-fon:after{right:0;transform:scaleX(-1)}.room-fon[data-texture=velvet]:before,.room-fon[data-texture=velvet]:after{background:repeating-linear-gradient(90deg,#0008,#fff1 11%,#fff4 19%,#0007 32%,#fff1 48%,#0006 65%,#fff3 82%,#0005),var(--curtain-tone)}.room-fon[data-texture=pattern]:before,.room-fon[data-texture=pattern]:after{background:repeating-linear-gradient(45deg,transparent 0 16px,#fff4 16px 18px,transparent 18px 32px),repeating-linear-gradient(-45deg,transparent 0 16px,#0002 16px 18px,transparent 18px 32px),repeating-linear-gradient(90deg,#0005,transparent 15%,#fff3 23%,#0004 36%,transparent 55%,#0004 74%,#fff3 85%,#0005),var(--curtain-tone)}.room-mechanism{left:18.7%;top:15.8%;width:62%;height:56%;z-index:1;opacity:.95;box-shadow:0 2px 3px #0003;background:linear-gradient(110deg,#fff3,transparent 60%,#0001),var(--curtain-tone);border-bottom:3px solid #827d73}.room-mechanism[data-texture=roller]{background:repeating-linear-gradient(0deg,#ffffff55 0 5%,#0001 5% 10%),var(--curtain-tone);opacity:.8}.room-mechanism[data-texture=pleat]{background:repeating-linear-gradient(0deg,#fff3 0 6px,#0003 6px 8px,#fff1 8px 14px),var(--curtain-tone)}.room-mechanism[data-texture=vertical-fabric]{background:repeating-linear-gradient(90deg,#fff3 0 6%,#0003 6% 6.7%,#fff1 6.7% 13%),var(--curtain-tone)}.combination-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.combination-tools button{background:transparent;border:1px solid #aeb1a4;border-radius:8px;min-height:44px;padding:10px 15px;font:12px Arial;color:var(--ink);cursor:pointer}.combination-tools button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.combination-controls{display:grid;gap:12px}.combination-controls fieldset{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;border:1px solid #c1c4b7;border-radius:10px;margin:0;padding:16px;background:#eeede780;min-width:0}.combination-controls legend{font-size:15px;font-weight:bold;padding:0 7px}.combination-controls label{font-size:10px;letter-spacing:.08em;color:#616858}.combination-controls label:nth-of-type(1){grid-column:1;grid-row:1}.combination-controls label:nth-of-type(2){grid-column:2;grid-row:1}.combination-controls select{width:100%;min-width:0;min-height:46px;border:1px solid #b9bdaf;border-radius:6px;background:#f7f6f0;padding:10px 8px;font:12px Arial;color:#20231e}.combination-controls select:disabled{opacity:.5}.combination-summary{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.combination-chip{border:1px solid #bcc2ae;background:#f1f2e8;border-radius:6px;padding:9px 10px;min-height:44px;font:11px Arial;color:#36402f;cursor:pointer;text-align:left}.combination-contact{width:100%;justify-content:space-between}.combination .small-note{font-size:11px;line-height:1.6}.combination-status{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.combination button:focus-visible,.combination select:focus-visible{outline:2px solid #405c4d;outline-offset:3px}.dialog-combine{margin:18px 0 0;width:100%;justify-content:space-between}[hidden]{display:none!important}@media(max-width:950px){.combination-layout{grid-template-columns:1fr}.combination-view{position:static}.combination-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.combination-controls fieldset{grid-template-columns:1fr}.combination-controls label:nth-of-type(2){grid-column:1;grid-row:auto}.combination-controls label:nth-of-type(1){grid-row:auto}.combination-scene{border-radius:8px}}@media(max-width:600px){.combination-controls{grid-template-columns:1fr}.combination-controls fieldset{grid-template-columns:1fr 1fr}.combination-controls label:nth-of-type(1){grid-column:1;grid-row:1}.combination-controls label:nth-of-type(2){grid-column:2;grid-row:1}.combination .section-heading{margin-bottom:25px}.combination.section{padding-left:4%;padding-right:4%}.combination-tools{gap:8px}.combination-tools button{flex:1;font-size:11px;padding:10px}.combination-scene{aspect-ratio:3/2}}
.room-tul[data-model=keten]{background:repeating-linear-gradient(0deg,#fff2 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#ffffff70 0%,#ffffff20 2%,#0002 3.5%,#fff4 5%,transparent 6%),var(--curtain-tone);opacity:.7}.room-tul[data-model=duz]{opacity:.57}.room-fon[data-model=karartma]:before,.room-fon[data-model=karartma]:after{background:repeating-linear-gradient(90deg,#0006 0%,#fff1 12%,#fff2 20%,#0006 34%,#fff1 53%,#0004 70%,#fff2 84%,#0005),var(--curtain-tone)}
/* Product actions share alignment, spacing and typography. */
#product-dialog .product-actions{display:grid;gap:12px;margin-top:26px}#product-dialog .product-actions .button{width:100%;margin:0;min-height:54px;padding:13px 18px;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:600;letter-spacing:0;text-align:left;border-radius:10px;cursor:pointer}#product-dialog #dialog-combine{display:grid;grid-template-columns:1fr auto;background:#283329;border-color:#283329;color:#f7f8f2;box-shadow:0 3px 10px #1721160d}#product-dialog #dialog-combine:hover{background:#3a4837;border-color:#3a4837}#product-dialog #dialog-contact{display:grid;grid-template-columns:auto 1fr auto;gap:12px;background:#f5f5ee;border:1px solid #bdc5b6;color:#34402f;box-shadow:none}#product-dialog #dialog-contact:not([href*="wa.me"]){grid-template-columns:1fr auto}#product-dialog #dialog-contact:hover{background:#e8ecdf;border-color:#879579}#product-dialog .product-actions .button>span{width:26px;height:26px;font-size:15px;border-color:currentColor;opacity:.65}#product-dialog .product-actions .button:focus-visible{outline:2px solid #61734c;outline-offset:3px}@media(max-width:600px){#product-dialog .product-actions{gap:10px;margin-top:22px}#product-dialog .product-actions .button{min-height:52px;padding:12px 16px}}
