:root{--ink:#232326;--muted:#7c7c80;--gold:var(--lux-logo-gold);--gold-light:var(--lux-logo-gold-light);--cream:#f9f8f5;--border:#e9e7e0;--surface:#fff;--frame:#f8f8f5;font-family:Inter,'Segoe UI',system-ui,-apple-system,Arial,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lux-logo-gold);outline-offset:3px}a{text-decoration:none;color:inherit}[hidden]{display:none!important}
.layout{max-width:1410px;margin:0 auto;padding:0 30px 28px}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 0 10px;border-bottom:1px solid var(--border);background:var(--cream)}
.brand{display:flex;align-items:center;line-height:1}.brand img{display:block;width:264px;height:auto;max-height:93px;object-fit:contain}.header-side{text-align:right;display:grid;gap:5px}.header-note{font-weight:700;font-size:14px}.header-market{font-size:12px;color:#8c8984}.note-dot{display:inline-block;width:7px;height:7px;margin:0 7px 1px 0;border-radius:50%;background:var(--lux-logo-gold);box-shadow:0 0 0 4px #f1e8d8}
.hero-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:34px 6px 29px}.eyebrow,.section-kicker{font-size:10px;font-weight:850;letter-spacing:.2em;color:var(--lux-logo-gold)}.eyebrow span{display:inline-block;background:var(--lux-logo-gold);width:18px;height:1px;vertical-align:middle;margin:0 8px 4px 0}.hero-heading h1{font-size:clamp(28px,3vw,42px);font-weight:740;letter-spacing:-.055em;line-height:1.14;margin:14px 0 10px}.hero-heading h1 em{font-style:normal;color:var(--lux-logo-gold-deep)}.hero-heading p{font-size:14px;color:#76736e;margin:0;line-height:1.6}.hero-tag{border:1px solid #dbcaa5;background:#f8f3e9;color:var(--lux-logo-gold-deep);border-radius:30px;padding:10px 19px;white-space:nowrap;font-size:12px;font-weight:800}.hero-tag span{margin-right:6px}
.columns{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:27px}.visual-panel,.wizard,.summary,.finalBox{background:var(--surface);border:1px solid #e9e6df;box-shadow:0 8px 30px rgba(51,40,20,.035);border-radius:16px}.visual-panel{padding:24px 26px 17px;position:sticky;top:12px}.visual-header,.summary-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.visual-header h2,.summary-heading h2{font-size:20px;letter-spacing:-.035em;margin:8px 0 16px}.preview-pill{border:1px solid #eee9df;color:#938877;font-size:11px;padding:7px 10px;border-radius:20px;white-space:nowrap}
.window-scene{height:470px;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:flex-end;background:radial-gradient(ellipse at 52% 20%,#fff 0%,#f7f5ef 50%,#e9e7e1 100%);border-radius:12px}.scene-light{position:absolute;right:-85px;top:-80px;width:350px;height:420px;transform:rotate(-27deg);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.88) 50%,transparent);pointer-events:none}.scene-floor{position:absolute;bottom:0;width:100%;height:30px;border-top:2px solid #e9e6df;background:linear-gradient(#eae6e0,#e4dfd6)}
.scene-window{--profile-color:#f8f8f5;height:425px;width:302px;border-radius:6px 6px 2px 2px;position:relative;z-index:2;margin-bottom:28px;border:10px solid #ebe9e4;box-shadow:0 12px 22px rgba(40,37,33,.17),inset 0 0 0 2px #d5d6d2,0 0 0 2px #f5f4f2;background:#f1f2ef}.scene-window:after{position:absolute;content:'';inset:-10px;box-shadow:inset 3px 2px 4px #fff,inset -4px -3px 3px rgba(115,112,108,.11);border-radius:7px;pointer-events:none}.frame-inset{position:absolute;inset:10px;border:10px solid var(--profile-color);box-shadow:inset 3px 5px 6px rgba(30,36,35,.22),0 0 0 1px rgba(30,36,35,.12);background:#d7e0d8}.window-view{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,#d6e4e6 0%,#e6edef 37%,#d6e1d7 80%,#bdc7bb 100%)}.window-view:before{content:'';position:absolute;left:0;top:0;inset:0;background:linear-gradient(107deg,rgba(255,255,255,.55) 0%,transparent 27%,transparent 66%,rgba(255,255,255,.24) 83%);z-index:1}.outside-sun{position:absolute;top:38px;right:32px;width:85px;height:85px;border-radius:50%;filter:blur(25px);background:rgba(255,248,223,.9)}.outside-horizon{position:absolute;bottom:0;width:100%;height:28%;background:linear-gradient(0deg,#a8b7a0,#c3d4c2);filter:blur(5px)}.outside-leaf{position:absolute;background:#879d83;border-radius:50%;filter:blur(18px);opacity:.33}.outside-leaf.l1{width:130px;height:180px;left:-50px;bottom:30px}.outside-leaf.l2{width:80px;height:140px;right:-30px;bottom:85px}.outside-leaf.l3{width:70px;height:90px;right:40px;bottom:15px}
.window-shade{position:absolute;bottom:4px;left:4px;right:4px;height:65%;z-index:3;box-shadow:0 8px 12px rgba(42,38,30,.14);transition:height .22s ease}.pleat-material{position:absolute;inset:0;background-color:#d9c9aa;background-image:repeating-linear-gradient(0deg,rgba(50,39,24,.12) 0px,rgba(255,255,255,.3) 3px,rgba(26,26,26,.14) 9px,rgba(255,255,255,.28) 12px);background-blend-mode:multiply;background-size:cover;background-position:center;border-left:1px solid rgba(0,0,0,.10);border-right:1px solid rgba(0,0,0,.10)}.shade-rail{position:absolute;left:-3px;right:-3px;height:11px;background:linear-gradient(180deg,rgba(255,255,255,.6),var(--profile-color) 40%,rgba(0,0,0,.09));border:1px solid rgba(65,62,58,.13);border-radius:3px;box-shadow:0 2px 3px rgba(40,40,40,.09)}.rail-top{top:-3px}.rail-bottom{bottom:-3px}.shade-handle{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:47px;height:10px;background:var(--profile-color);border:1px solid rgba(40,40,40,.15);border-radius:1px 1px 6px 6px;box-shadow:0 3px 4px #0001}.scene-badge{position:absolute;bottom:15px;right:16px;z-index:3;color:#7e7667;background:#ffffffdf;border:1px solid #eee8de;padding:9px 11px;border-radius:20px;font-size:10px;font-weight:750}.gold-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lux-logo-gold);margin-right:5px;vertical-align:middle}
.preview-tools{padding:18px 6px 15px;border-bottom:1px solid var(--border)}.preview-tool-top{display:flex;justify-content:space-between;align-items:center}.preview-tool-top strong{font-size:13px}.preview-tool-top small{display:block;color:#96928c;font-size:11px;margin:4px 0 0}.value-label{font-size:12px;color:var(--lux-logo-gold);font-weight:750}.preview-tools input[type=range]{width:100%;margin:18px 0 4px;height:5px;accent-color:var(--lux-logo-gold);cursor:pointer}.range-scale{display:flex;justify-content:space-between;color:#9b9890;font-size:10px}.selected-preview{display:flex;gap:13px;padding:16px 3px 5px}.picked-fabric,.picked-profile{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.picked-fabric small,.picked-profile small{display:block;color:#918d87;font-size:10px;margin-bottom:4px}.picked-fabric strong,.picked-profile strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:145px}.fabric-thumbnail,.profile-thumbnail{flex-shrink:0;display:block;width:37px;height:37px;border-radius:8px;background:#d9c9aa center/cover;border:1px solid #ddd5c8}.profile-thumbnail{background:#f8f8f5}.visual-disclaimer{padding:6px 3px 0;font-size:10px;line-height:1.45;color:#a2a09a;margin:0}
.right-side{min-width:0;display:grid;gap:17px}.wizard{padding:27px 27px 23px}.wizard-top{display:flex;align-items:center;gap:13px}.step-bubble{display:grid;place-items:center;background:#272727;color:var(--lux-logo-gold-light);width:41px;height:41px;border-radius:12px;font-size:15px;font-weight:850}.progress-content{display:grid;gap:3px}.progress-content #stepIndicator{font-size:10px;font-weight:850;letter-spacing:.12em;color:var(--lux-logo-gold);text-transform:uppercase}.progress-content #stepCategory{font-weight:750;font-size:13px}.step-total{font-size:13px;color:#b8b5b0;margin-left:auto}.progressbar{height:4px;border-radius:5px;background:#f0ede7;margin:19px 0 24px;overflow:hidden}.progressbar span{display:block;height:100%;width:14.3%;border-radius:5px;background:linear-gradient(90deg,var(--lux-logo-gold),var(--lux-logo-gold-light));transition:width .25s}
.wizard h2{font-size:24px;line-height:1.23;letter-spacing:-.045em;margin:0 0 7px}.intro{color:#8a8882;font-size:12px;line-height:1.6;margin:0 0 19px}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option{background:#fdfdfc;border:1.5px solid #e7e5e0;border-radius:11px;min-height:72px;display:flex;align-items:center;gap:10px;padding:14px 12px;color:#343333;text-align:left;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.option:hover{border-color:var(--lux-logo-gold);background:#fdfbf7}.option.selected{border-color:var(--lux-logo-gold);background:#fdf8ed;box-shadow:0 0 0 1px rgba(185,143,50,.16)}.option-copy{flex:1;min-width:0}.option strong{font-size:12px;display:block;line-height:1.4;font-weight:750}.option small{display:block;color:#908d87;margin-top:5px;font-size:10px;line-height:1.4}.option .checkmark{visibility:hidden;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;font-size:11px;color:white;background:var(--lux-logo-gold);flex-shrink:0}.option.selected .checkmark{visibility:visible}.color-circle{display:block;width:28px;height:28px;border-radius:50%;border:1px solid #deddd8;flex-shrink:0;box-shadow:inset 0 2px 2px #00000010}.choice-symbol{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:9px;background:#f2eee5;color:var(--lux-logo-gold);font-size:20px}.options-track{grid-template-columns:repeat(2,minmax(0,1fr))}.options-group{grid-template-columns:repeat(3,minmax(0,1fr))}.options-group .option{padding:11px 8px;text-align:center;display:grid;justify-items:center;gap:3px}.options-group .option strong{font-size:12px}.options-group .option .checkmark{position:absolute;top:4px;right:5px;width:15px;height:15px;font-size:9px}.options-group .option small{font-size:9px}.options-system{grid-template-columns:1fr}.options-system .option{min-height:98px}.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:11px;max-height:354px;overflow:auto;padding:3px}.swatch{border:1.5px solid #e7e4dd;border-radius:9px;padding:5px;background:#fff;color:#514e48;font-size:10px;font-weight:700;text-align:center}.swatch img{display:block;width:100%;height:72px;object-fit:cover;border-radius:6px;background:#efebe5}.swatch span{display:block;padding:8px 0 3px;word-break:break-all}.swatch.selected{border-color:var(--lux-logo-gold);box-shadow:0 0 0 1px var(--lux-logo-gold);background:#fff9ec}.swatch:hover{border-color:var(--lux-logo-gold)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fields label{font-size:12px;color:#4c4a47;font-weight:760}.fields input{margin-top:8px;display:block;width:100%;border:1px solid #d9d6cf;border-radius:9px;padding:14px 12px;font-size:16px;background:#fcfcfb;color:#262525}.fields input:focus{border-color:var(--lux-logo-gold);outline:none;box-shadow:0 0 0 3px #e9d8b755}.hint{font-size:11px;line-height:1.65;color:var(--lux-logo-gold-deep);background:#f9f6ef;border:1px solid #f1e9d8;border-radius:9px;padding:11px 12px;margin:12px 0 0}.navigation{border-top:1px solid #edeae3;padding-top:20px;display:flex;gap:12px;justify-content:space-between;margin-top:23px}.button{border:0;border-radius:9px;padding:14px 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:850;text-align:center;text-decoration:none;transition:transform .15s,background .15s;cursor:pointer}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:#272727;color:var(--lux-logo-gold-light);min-width:150px}.button.primary:hover{background:#4a3b20}.button.muted{background:#f4f2ee;color:#585752}.button:disabled{opacity:.42;cursor:not-allowed}.error{background:#fff1ef;color:#a04330;border:1px solid #f0c9c1;padding:12px;border-radius:8px;font-size:12px}
.summary{padding:23px 25px 21px}.summary-heading h2{font-size:17px;margin:5px 0 14px}.summary-icon{border:1px solid #ece5d5;width:31px;height:31px;border-radius:8px;display:grid;place-items:center;color:var(--lux-logo-gold);font-size:18px}.summary dl{margin:0}.summary dl .pair{display:grid;grid-template-columns:44% 56%;gap:4px;border-bottom:1px solid #f2f0eb;padding:8px 0;font-size:11px;line-height:1.4}.summary dt{color:#928e86}.summary dd{font-weight:700;text-align:right;margin:0;color:#393835;overflow-wrap:anywhere}.summaryPrice{display:grid;gap:7px;padding:18px 0 13px}.summaryPrice>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.summaryPrice small{color:#928d83;font-size:11px}.summaryPrice strong{color:var(--lux-logo-gold-deep);font-size:28px;font-weight:850;letter-spacing:-.04em}.summaryPrice #priceHint{font-size:11px}.small-note{font-size:11px;color:#8a8680;line-height:1.6}.summary-information{margin:0;border-top:1px solid #f0ede8;padding-top:12px}.summary-information span{font-size:13px;color:var(--lux-logo-gold-deep);margin-right:4px}
.finalBox{padding:27px 30px;margin-top:24px}.finished-heading{display:flex;align-items:center;gap:17px}.finished-check{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#f9f1df;color:var(--lux-logo-gold-deep);font-size:24px}.finished-heading h2{font-size:23px;margin:5px 0}.finished-heading p{font-size:12px;color:#88837e;margin:4px 0}.codeRow{margin:24px 0 8px;padding:15px;background:#f9f7f1;border:1px dashed var(--lux-logo-gold-light);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.codeRow strong{font-size:clamp(18px,2.6vw,28px);letter-spacing:.06em;overflow-wrap:anywhere}.numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.numbers>div{background:#faf8f4;border:1px solid #f0ebe0;border-radius:10px;padding:17px}.numbers small{display:block;font-size:11px;color:#888379}.numbers strong{display:block;font-size:25px;color:var(--lux-logo-gold-deep);margin-top:6px}.offer-button{margin-top:10px}footer{text-align:center;color:#9d9991;font-size:10px;padding:24px 0}
/* Shared admin panel styles retained for existing admin.php. */
.admin{max-width:1200px;margin:35px auto;padding:20px}.overflow{overflow:auto;background:white;border-radius:12px}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #ebe7df;padding:10px;text-align:left;white-space:nowrap;font-size:12px}th{background:#f3efe7}
@media (max-width:1100px){.layout{padding:0 18px 24px}.columns{gap:16px}.visual-panel{padding:19px}.wizard{padding:22px}.window-scene{height:420px}.scene-window{height:380px;width:275px}.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.columns{grid-template-columns:1fr}.visual-panel{position:relative;top:auto}.hero-heading{padding:25px 2px}.window-scene{height:400px}.scene-window{height:360px;width:270px}.right-side{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-panel{order:0}.right-side{order:1}}
@media (max-width:500px){.layout{padding:0 12px 20px}.brand img{width:193px}.site-header{gap:10px}.header-note{font-size:10px}.header-market{display:none}.hero-heading{padding:19px 4px;display:block}.hero-heading h1{font-size:26px}.hero-heading h1 em{display:block}.hero-heading p{font-size:12px}.hero-tag{display:none}.visual-panel{padding:14px}.visual-header h2{font-size:16px;margin-bottom:13px}.section-kicker{font-size:9px}.preview-pill{font-size:9px}.window-scene{height:290px}.scene-window{height:259px;width:195px;border-width:8px;margin-bottom:17px}.frame-inset{inset:7px;border-width:7px}.scene-badge{bottom:7px;right:7px;font-size:8px;padding:6px 7px}.scene-floor{height:18px}.preview-tools{padding:14px 0 11px}.selected-preview{padding:12px 0 4px}.picked-fabric strong,.picked-profile strong{font-size:11px;max-width:110px}.fabric-thumbnail,.profile-thumbnail{width:31px;height:31px}.visual-disclaimer{font-size:9px}.right-side{gap:12px}.wizard{padding:18px}.wizard h2{font-size:22px}.options{gap:8px}.option{padding:12px 8px;gap:7px;min-height:64px}.option strong{font-size:11px}.option small{font-size:9px}.color-circle{width:23px;height:23px}.checkmark{width:14px!important;height:14px!important;font-size:9px!important}.swatches{grid-template-columns:repeat(3,minmax(0,1fr));max-height:288px}.swatch img{height:68px}.fields{grid-template-columns:1fr}.summary{padding:19px}.navigation{gap:8px}.button{padding:13px 15px}.button.primary{min-width:132px}.finalBox{padding:20px 14px}.numbers{grid-template-columns:1fr}.codeRow{padding:12px}.finished-heading{align-items:flex-start}.finished-heading h2{font-size:19px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* ========== Luxrolety V3: dwa ruchome profile, neutralne okno, prawdziwe fałdy 2D ========== */
/* Rama okna nigdy nie przyjmuje koloru prowadnic. */
.scene-window{--profile-color:#f8f8f5}
.scene-window .frame-inset{border-color:#f6f6f3!important;box-shadow:inset 3px 5px 7px rgba(30,36,35,.13),0 0 0 1px rgba(30,36,35,.11)!important}
.window-view{z-index:0}
/* Dwie cienkie prowadnice osłony, nie rama szyby. */
.shade-guide{position:absolute;top:1px;bottom:1px;width:3px;z-index:2;background:var(--profile-color);box-shadow:0 0 0 1px rgba(35,34,32,.13),inset 1px 0 rgba(255,255,255,.5);pointer-events:none}
.shade-guide-left{left:3px}.shade-guide-right{right:3px}
/* Pas materiału ma dwa niezależne końce: top i bottom wylicza JavaScript. */
.window-shade{top:35%;bottom:auto;height:65%;left:6px;right:6px;min-height:0;overflow:visible;transition:top .10s ease,height .10s ease;box-shadow:none}
.pleat-material{inset:0;overflow:hidden;background:linear-gradient(90deg,#c8c2b6,#e5ddcf 14%,#e4ded4 85%,#bfb6a7);background-image:none!important;background-size:auto!important;border:1px solid rgba(25,25,25,.10);box-shadow:inset 5px 0 9px rgba(0,0,0,.13),inset -5px 0 9px rgba(0,0,0,.12)}
.fabric-pigment{position:absolute;inset:-70px;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0;filter:blur(37px) saturate(.7);transform:scale(1.28);transition:opacity .2s ease;pointer-events:none}
.pleat-material.fabric-chosen .fabric-pigment{opacity:.93}
.fabric-folds{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.58) 0px,rgba(255,255,255,.31) 2px,rgba(255,255,255,.06) 5px,rgba(37,34,30,.15) 8px,rgba(20,20,20,.24) 11px,rgba(255,255,255,.16) 14px,rgba(255,255,255,.45) 16px);box-shadow:inset 0 6px 7px rgba(0,0,0,.09),inset 0 -6px 7px rgba(0,0,0,.10)}
.shade-rail{height:12px;z-index:4;cursor:ns-resize;touch-action:none;user-select:none;background:linear-gradient(180deg,rgba(255,255,255,.74),var(--profile-color) 35%,var(--profile-color) 66%,rgba(0,0,0,.23));border:1px solid rgba(0,0,0,.24);box-shadow:0 2px 4px rgba(0,0,0,.14)}
.shade-rail.dragging,.shade-rail:hover{box-shadow:0 0 0 3px rgba(187,144,47,.32),0 2px 7px rgba(0,0,0,.19)}
.rail-top{top:-6px}.rail-bottom{bottom:-6px}
.rail-grip{position:absolute;left:50%;top:1px;transform:translateX(-50%);width:40px;height:10px;border:1px solid rgba(30,30,30,.17);border-radius:1px 1px 5px 5px;background:linear-gradient(180deg,rgba(255,255,255,.7),var(--profile-color) 60%,rgba(0,0,0,.13));box-shadow:0 2px 3px #0002}
.rail-bottom .rail-grip{top:0}
.preview-tools .preview-tool-top{gap:10px;align-items:start;margin-bottom:12px}
.preview-tools .preview-tool-top small{max-width:365px;line-height:1.5}
.dual-rail-control{padding:9px 0 11px}
.dual-rail-control+ .dual-rail-control{border-top:1px solid #eeeae2;margin-top:6px}
.dual-rail-control label{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:12px;font-weight:700;color:#44403b}
.dual-rail-control output{font-size:11px;color:var(--lux-logo-gold);font-weight:750}
.dual-rail-control input[type=range]{margin:11px 0 4px;width:100%;height:5px;accent-color:var(--lux-logo-gold);cursor:ew-resize}
.dual-rail-control .range-scale{font-size:10px}
@media(max-width:500px){.preview-tools{padding:14px 0}.preview-tool-top strong{font-size:12px}.dual-rail-control{padding:8px 0 9px}.rail-grip{width:30px}}
@media(prefers-reduced-motion:reduce){.window-shade,.fabric-pigment{transition:none}}

/* Luxrolety V4 — neutralna, przytulna aranżacja wokół okna, bez zmiany jego ramy. */
.window-scene{
  isolation:isolate;
  background:
    radial-gradient(ellipse at 78% 19%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 50%),
    linear-gradient(110deg,#f8f6f2 0%,#f0ece5 46%,#e8e4dd 100%);
}
.window-scene::before{
  content:"";position:absolute;z-index:0;inset:0;pointer-events:none;
  background:
    linear-gradient(110deg,rgba(255,255,255,.45) 0%,transparent 42%),
    linear-gradient(165deg,transparent 48%,rgba(184,170,144,.09) 48%,rgba(184,170,144,.09) 70%,transparent 70%);
}
.window-scene::after{
  content:"";position:absolute;z-index:0;left:-10%;right:-10%;bottom:16px;height:15%;pointer-events:none;
  background:radial-gradient(ellipse at 50% 90%,rgba(80,70,54,.18),transparent 56%);
  filter:blur(11px);
}
.scene-light{
  right:-95px;top:-65px;width:290px;height:345px;transform:rotate(-28deg);
  background:linear-gradient(90deg,transparent,rgba(255,252,245,.72),transparent);
  opacity:.65;
}
.scene-floor{
  z-index:1;height:29px;border-top:5px solid #fffdf9;
  background:linear-gradient(#f7f3ed,#e5dfd5);
  box-shadow:0 -4px 12px rgba(70,60,45,.08),inset 0 2px rgba(255,255,255,.7);
}
.scene-window{box-shadow:0 17px 29px rgba(57,48,38,.16),inset 0 0 0 2px #d5d6d2,0 0 0 2px #f5f4f2}
/* Edycja identycznych sztuk: podsumowanie oraz ekran zapisanego kodu */
.qty-editor{margin:17px 0 1px;padding:15px 16px;background:#fbf8f2;border:1px solid #e9ddc5;border-radius:12px}
.qty-editor-heading{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}
.qty-editor-heading strong,.final-quantity-row strong{font-size:13px;font-weight:800;color:#2d2b29}
.qty-editor-heading small,.final-quantity-row small{font-size:11px;line-height:1.55;color:#827a6a}
.qty-editor-controls{display:grid;grid-template-columns:44px minmax(70px,1fr) 44px;gap:9px;max-width:265px;align-items:center}
.qty-editor-controls button,.qty-editor-controls input{height:43px;border:1px solid #dfd4c3;border-radius:9px;background:#fff;font:inherit;color:#252525;text-align:center}
.qty-editor-controls button{font-size:22px;font-weight:750;cursor:pointer;line-height:1}
.qty-editor-controls button:hover:not(:disabled){border-color:var(--lux-logo-gold);background:#fffbf3}
.qty-editor-controls button:disabled{opacity:.4;cursor:not-allowed}
.qty-editor-controls input{width:100%;font-size:16px;font-weight:850;appearance:textfield;-moz-appearance:textfield}
.qty-editor-controls input::-webkit-outer-spin-button,.qty-editor-controls input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qty-notice{font-size:11px;color:var(--lux-logo-gold-deep);line-height:1.5;margin:12px 0 0}
.qty-resave{font-size:12px;width:100%;margin-top:12px;padding:11px}
.final-quantity-row{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fbf8f2;border:1px solid #e9ddc5;border-radius:10px;padding:14px 17px;margin:18px 0}
.final-quantity-row>div:first-child{display:grid;gap:3px}
.final-quantity-row .compact{flex:0 0 190px;grid-template-columns:40px 1fr 40px;gap:6px}
.final-quantity-row .compact button,.final-quantity-row .compact input{height:40px}
.final-qty-warning{margin:12px 0}
#finalResave{margin-bottom:13px}
@media(max-width:550px){.final-quantity-row{flex-direction:column;align-items:stretch}.final-quantity-row .compact{flex:auto;max-width:100%}.qty-editor-controls{max-width:none}.qty-editor{padding:13px}}

/* V5: salon, detale okna, parapet — rama okna zawsze neutralna. */
.window-scene{height:525px;background:linear-gradient(110deg,#e9e5df 0%,#f8f5ed 45%,#ece7df 100%);isolation:isolate}
.window-scene::before{background:repeating-linear-gradient(90deg,rgba(140,128,111,.014) 0 1px,transparent 1px 9px),linear-gradient(116deg,rgba(255,255,255,.24),transparent 72%)}
.window-scene::after{display:none}
.room-art{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.room-cornice{position:absolute;top:0;left:0;right:0;height:9px;background:linear-gradient(#fff,#f3ede6);box-shadow:0 2px 4px #74695813}
.room-wainscot{position:absolute;bottom:70px;left:0;right:0;height:8px;background:linear-gradient(#fff,#eee8df);box-shadow:0 -2px 6px #6a594521,0 2px 3px #6a594510}
.scene-floor{height:76px;z-index:1;border-top:2px solid #e7e0d4;background:repeating-linear-gradient(8deg,rgba(164,142,111,.12) 0 2px,transparent 2px 94px),linear-gradient(165deg,#e3d6c5,#d5c3ab 80%)}
.scene-light{opacity:.4}
.scene-window{height:425px;width:306px;margin-bottom:72px;z-index:3;box-shadow:0 24px 26px rgba(63,52,43,.19),inset 0 0 0 2px #d5d6d2,0 0 0 2px #f5f4f2}
.scene-window .frame-inset{border-color:#f8f8f5!important}
.window-hinge{position:absolute;z-index:5;left:-9px;width:13px;height:28px;border:1px solid #b8bbb8;background:linear-gradient(90deg,#f3f3f1,#bbc1c0 38%,#fcfcfa 68%,#9ba3a2);border-radius:4px;box-shadow:1px 2px 3px #36363620}
.window-hinge::after{content:'';position:absolute;left:3px;top:3px;bottom:3px;width:1px;background:#afb6b3}
.hinge-upper{top:21%}.hinge-lower{bottom:20%}
.window-handle{position:absolute;z-index:7;right:5px;top:46%;width:19px;height:46px;filter:drop-shadow(1px 2px 3px rgba(0,0,0,.21))}
.window-handle i{display:block;position:absolute;top:1px;right:0;width:12px;height:42px;border-radius:6px;background:linear-gradient(90deg,#c3c7c4,#fff 44%,#ccd1cd);border:1px solid #c7cdca}
.window-handle b{display:block;position:absolute;top:12px;right:6px;width:31px;height:9px;background:linear-gradient(#fff,#c0c7c5);border:1px solid #c2c9c6;border-radius:8px 3px 3px 8px;transform:rotate(-5deg);transform-origin:95% 50%}
.window-sill{position:absolute;z-index:6;bottom:-16px;left:-25px;right:-25px;height:20px;border-radius:2px 2px 7px 7px;background:linear-gradient(#fff 0%,#fcfcfa 32%,#d5d6d2 70%,#f8f8f6 100%);border:1px solid #cdd1cd;box-shadow:0 7px 9px #51463825}
.room-wall-art{position:absolute;left:7%;top:11%;height:100px;width:100px;background:#ece5d9;border:6px solid #e4dcd0;box-shadow:0 4px 12px #4441;transform:rotate(-3deg)}
.room-wall-art span:first-child{position:absolute;left:23px;top:17px;height:50px;width:20px;border-radius:50% 50% 30% 30%;background:#9eaa99;transform:rotate(20deg)}
.room-wall-art span:last-child{position:absolute;left:48px;top:27px;height:40px;width:19px;border-radius:50% 50% 30% 30%;background:#c1b59d;transform:rotate(-25deg)}
.room-sideboard{position:absolute;left:1.8%;bottom:72px;width:151px;height:127px;filter:drop-shadow(3px 9px 7px #5046372e)}
.sideboard-top{position:absolute;top:0;height:11px;left:0;right:0;background:linear-gradient(#ccb595,#a98863);border-radius:3px}
.sideboard-front{position:absolute;top:10px;left:6px;right:6px;height:97px;background:linear-gradient(100deg,#a48c6d,#dbc5a4 62%,#bca184);box-shadow:inset 1px 0 #f6e9d6,inset 0 10px 10px #5b483b18;border-radius:3px}
.sideboard-front::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#826a505e}
.sideboard-front::after{content:'';position:absolute;top:47%;left:33%;width:9px;height:3px;background:#65513d;box-shadow:58px 0 #65513d}
.sideboard-leg{position:absolute;bottom:0;width:7px;height:21px;background:#665543}.sideboard-leg.l{left:18px}.sideboard-leg.r{right:18px}
.room-plant{position:absolute;bottom:77px;left:15%;height:198px;width:104px;filter:drop-shadow(4px 7px 4px #3c42361c)}
.plant-trunk{position:absolute;left:52px;bottom:23px;width:5px;height:116px;background:#665d45;transform:rotate(-3deg)}
.room-plant i{position:absolute;width:35px;height:85px;border-radius:85% 10% 80% 8%;background:linear-gradient(112deg,#758b6f,#b5c0a1 58%,#52664f);transform-origin:bottom center}
.room-plant .leaf-a{left:28px;top:0;transform:rotate(-28deg)}.room-plant .leaf-b{left:61px;top:11px;transform:rotate(35deg)}.room-plant .leaf-c{left:19px;top:32px;transform:rotate(-63deg)}.room-plant .leaf-d{left:58px;top:41px;transform:rotate(65deg)}.room-plant .leaf-e{left:42px;top:3px;transform:rotate(2deg)}
.plant-pot{position:absolute;bottom:0;left:32px;height:49px;width:48px;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);border-radius:2px;background:linear-gradient(110deg,#e0cec1,#b7a596 70%,#e3d2c8)}
.room-lamp{position:absolute;right:7%;bottom:75px;width:82px;height:285px;filter:drop-shadow(2px 3px 3px #8884)}
.lamp-shade{position:absolute;top:0;left:7px;width:68px;height:62px;background:linear-gradient(100deg,#f3e9db,#dfd2c0);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);box-shadow:inset -8px 0 #b8aa9828}
.lamp-stem{position:absolute;top:60px;left:40px;width:6px;height:207px;background:linear-gradient(90deg,#b3a591,#ded4c5,#8a7c6d)}
.lamp-base{position:absolute;bottom:0;left:14px;width:58px;height:8px;border-radius:80% 80% 15% 15%;background:#a99b89}
.room-armchair{position:absolute;right:-3%;bottom:72px;width:176px;height:157px;filter:drop-shadow(-6px 10px 10px #4d47383d)}
.chair-back{position:absolute;left:18px;top:2px;width:135px;height:110px;border-radius:55px 55px 16px 15px;background:linear-gradient(110deg,#d8cebc,#f1e6d6 45%,#c9bfab);box-shadow:inset -13px -11px 16px #5e513e16}
.chair-seat{position:absolute;left:4px;right:4px;top:88px;height:44px;border-radius:24px 24px 18px 18px;background:linear-gradient(125deg,#e9deca,#bfb39f);border-bottom:4px solid #a69b88}
.chair-leg{position:absolute;top:128px;width:10px;height:27px;background:#8d7a61}.chair-leg.left{left:26px}.chair-leg.right{right:30px}
.scene-badge{z-index:8}

/* Koszyk V5: osobne parametry oraz wspólny kod całego zamówienia. */
.cartBox{background:#fff;border:1px solid #e9e6df;box-shadow:0 8px 30px rgba(51,40,20,.035);border-radius:16px;padding:24px}
.cartBox h2{font-size:20px;margin:8px 0 16px}.cart-counter{white-space:nowrap;color:var(--lux-logo-gold-deep);font-size:11px;font-weight:800;padding:6px 8px;background:#faf5e9;border-radius:10px}
.cart-items{display:grid;gap:10px;margin:13px 0}.cart-item{border:1px solid #ebe4d8;background:#fdfbf7;border-radius:12px;padding:13px}
.cart-item-main{display:flex;align-items:flex-start;gap:10px}.cart-index{flex:none;background:#a9853c;color:white;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:800}.cart-item-main>div{min-width:0;flex:1}.cart-item-main strong{font-size:12px}.cart-item-main p{margin:5px 0 2px;font-size:12px;font-weight:750;color:#3c3934;overflow-wrap:anywhere}.cart-item-main small{font-size:10px;color:#8c8171}.cart-row-price{font-size:14px;white-space:nowrap;color:#3b3124}
.cart-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:12px}.cart-item-actions>span{font-size:10px;color:#81766a;margin-right:auto}.cart-item-actions button{border:1px solid #e0d5c2;background:#fff;border-radius:7px;min-width:29px;min-height:29px;font-size:15px;cursor:pointer}.cart-item-actions button:disabled{opacity:.45;cursor:wait}.cart-item-actions strong{font-size:13px;min-width:19px;text-align:center}.cart-item-actions .cart-remove{font-size:11px;padding:0 8px;color:#9b4b35;margin-left:8px}
.cart-totals{display:grid;grid-template-columns:1fr auto;gap:5px;border-top:1px solid #eae2d5;padding:17px 0 8px;align-items:center}.cart-totals span{font-weight:800}.cart-totals strong{font-size:25px;color:#1f1f22}.cart-totals small{grid-column:1/-1;color:#817568;font-size:11px}.cart-save{width:100%;font-size:12px;margin-top:11px;min-width:0!important;padding:14px 10px}
.final-cart-lines{border:1px solid #eee3d0;border-radius:11px;padding:15px 16px;background:#fffdf9;margin-top:18px}.final-cart-lines h3{margin:0 0 12px;font-size:16px}.final-cart-line{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ece4d9;padding:10px 0;font-size:12px}.final-cart-line strong{white-space:nowrap}
@media(max-width:1100px){.window-scene{height:475px}.scene-window{height:390px;width:280px;margin-bottom:65px}.room-plant{left:9%;transform:scale(.8);transform-origin:bottom}.room-armchair{transform:scale(.82);transform-origin:bottom right}}
@media(max-width:500px){.window-scene{height:360px}.scene-window{height:290px;width:208px;margin-bottom:52px}.scene-floor{height:57px}.room-wainscot{bottom:55px}.room-sideboard,.room-wall-art{transform:scale(.5);transform-origin:left bottom}.room-sideboard{left:-8%;bottom:53px}.room-wall-art{left:1%;top:8%}.room-plant{transform:scale(.45);left:-5%;bottom:54px}.room-lamp{transform:scale(.55);transform-origin:bottom right;right:-3%;bottom:53px}.room-armchair{transform:scale(.5);right:-10%;bottom:54px}.window-sill{height:13px;bottom:-11px;left:-15px;right:-15px}.window-handle{transform:scale(.85);transform-origin:right center}.cartBox{padding:17px}.cart-item-main{flex-wrap:wrap}.cart-row-price{margin-left:auto}.cart-item-actions{flex-wrap:wrap}.final-cart-line{flex-direction:column;gap:5px}}


/* V5.1 — fotografie przy wyborze sposobu montażu. Bez zmiany logiki zamówienia. */
.options-mount{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.options-mount .mount-option{
  display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
  gap:0;padding:7px;min-width:0;min-height:0;overflow:hidden;text-align:left
}
.options-mount .mount-photo{display:block;position:relative;width:100%;aspect-ratio:1.55;overflow:hidden;border-radius:8px;background:#f5f1e9}
.options-mount .mount-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.options-mount .mount-option .option-copy{width:100%;padding:12px 9px 11px;min-height:58px}
.options-mount .mount-option .option-copy strong{font-size:13px}
.options-mount .mount-option .option-copy small{font-size:11px;line-height:1.4}
.options-mount .mount-option .checkmark{position:absolute;right:14px;top:14px;width:23px;height:23px;box-shadow:0 2px 6px #0003}
.options-mount .mount-option:only-child{max-width:320px}
@media(max-width:500px){
  .options-mount{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .options-mount .mount-option{padding:5px}
  .options-mount .mount-photo{aspect-ratio:1.35}
  .options-mount .mount-option .option-copy{padding:8px 5px 7px;min-height:56px}
  .options-mount .mount-option .option-copy strong{font-size:12px}
  .options-mount .mount-option .option-copy small{font-size:10px}
}


/* LUXROLETY V8: nowa spójna kompozycja i poprawione miniatury.
   Bez zewnętrznych nakładek JS/CSS (V6/V7). */
:root{--surface:#fff;--gold:var(--lux-logo-gold);--lr-green:#244e47;--lr-ink:#25231f;--lr-sub:#746f65}
html,body{max-width:100%;overflow-x:clip}
body{background:radial-gradient(circle at 18% 0%,rgba(194,166,110,.09),transparent 36%),linear-gradient(#faf8f4,#f5f2ec 38%,#f8f7f3);color:var(--lr-ink);-webkit-font-smoothing:antialiased}
.layout{max-width:1490px;padding-top:25px}
.site-header{padding:16px 26px;background:rgba(255,255,255,.89);border:1px solid #e8e1d4;border-radius:19px;box-shadow:0 12px 40px rgba(36,29,22,.04)}
.brand img{max-width:100%;height:auto;max-height:82px;object-fit:contain}
.header-note{font-weight:750;color:var(--lr-green)}
.hero-heading{padding:33px 10px 27px}
.hero-heading h1{font-size:clamp(34px,3.6vw,53px);line-height:1.06;max-width:950px;letter-spacing:-.052em}
.hero-heading h1 em{color:var(--lux-logo-gold-deep)}
.hero-heading p{font-size:15px;max-width:720px;line-height:1.65;color:var(--lr-sub)}
.hero-tag{background:#e7f0eb;border:1px solid #d8e8df;color:var(--lr-green)}
.columns{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:24px}
.right-side{min-width:0;gap:18px}
.visual-panel,.wizard,.summary,.cartBox,.finalBox{min-width:0;background:#fff;border:1px solid #e8e2d8;border-radius:22px;box-shadow:0 12px 40px rgba(40,31,20,.055)}
.visual-panel{padding:26px;top:14px}
.visual-header h2{font-size:25px;line-height:1.12;letter-spacing:-.055em;margin:9px 0 16px}
.section-kicker{font-size:11px;letter-spacing:.17em;color:var(--lux-logo-gold-deep);font-weight:900}
.preview-pill{border-color:#dfd4bf;background:#faf8f1;color:var(--lux-logo-gold-deep);font-weight:700}
.window-scene{height:510px;border-radius:18px;background:radial-gradient(ellipse at 55% 20%,#f9f8f5 0%,#eee9df 60%,#e1d8c7 100%);border:1px solid #e4ddce}
.room-cornice{opacity:.7}.room-wainscot{opacity:.72}
.room-sideboard{filter:drop-shadow(0 9px 6px rgba(39,30,15,.08))}
.room-plant,.room-lamp,.room-armchair{filter:drop-shadow(0 7px 7px rgba(35,28,17,.07))}
.scene-window{height:458px;width:324px;margin-bottom:28px;border-color:#f5f5f2;border-width:12px;border-radius:8px;box-shadow:0 16px 36px rgba(35,30,24,.16),inset 0 0 0 2px #dddeda,0 0 0 1px #fff}
/* UWAGA: rama nie podlega zmianie koloru profilu. */
.frame-inset{border:10px solid #f5f5f3!important;box-shadow:inset 3px 5px 7px rgba(30,36,35,.15),0 0 0 1px #ccd2d1;background:#dce5e0}
.shade-guide{width:6px;z-index:3;box-shadow:inset 1px 0 rgba(255,255,255,.22),1px 0 2px rgba(0,0,0,.12);background-color:var(--profile-color);background-image:var(--profile-surface);background-repeat:no-repeat;background-size:cover}
.shade-guide-left{left:4px}.shade-guide-right{right:4px}
.window-shade{left:9px;right:9px}
.shade-rail{height:15px;left:-6px;right:-6px;border-radius:4px;border:1px solid rgba(20,20,20,.23);box-shadow:0 3px 5px rgba(23,18,14,.21);background:var(--profile-surface);background-color:var(--profile-color);z-index:5}
.shade-rail .rail-grip{background:var(--profile-surface);border:1px solid rgba(10,10,10,.13);height:11px;box-shadow:0 3px 5px rgba(0,0,0,.18)}
.rail-top{top:-6px}.rail-bottom{bottom:-6px}
.window-handle{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}
.window-sill{filter:drop-shadow(0 4px 6px rgba(0,0,0,.09))}
.scene-badge{background:#ffffffef;border-color:#e9e1d3}
.preview-tools{padding:19px 2px 15px}
.preview-tool-top strong{font-size:14px;letter-spacing:-.02em}
.dual-rail-control input[type=range]{accent-color:var(--lux-logo-gold)}
.selected-preview{padding:17px 2px 9px;border-top:1px solid #ede9e1;margin-top:5px}
.fabric-thumbnail,.profile-thumbnail{width:47px;height:47px;border-radius:11px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.visual-disclaimer{font-size:10px;line-height:1.5}
.wizard{padding:28px 26px 25px}
.step-bubble{background:var(--lr-green);color:#fff;width:47px;height:47px;border-radius:15px;font-size:17px}
.progressbar{height:5px;margin:20px 0 25px;background:#eeeae2}
.progressbar span{background:linear-gradient(90deg,var(--lux-logo-gold),var(--lux-logo-gold-light))}
.wizard h2{font-size:clamp(27px,2.35vw,35px);line-height:1.16;letter-spacing:-.06em}
.wizard .intro{font-size:14px;line-height:1.65;margin-bottom:22px}
.options{gap:13px;min-width:0}
.option{min-width:0;min-height:82px;padding:15px;border-radius:15px;background:#fff;transition:.18s ease;border:1.5px solid #e7e0d5}
.option strong{font-size:14px;line-height:1.35}
.option small{font-size:11px}
.option:hover{box-shadow:0 7px 21px rgba(50,32,16,.065);transform:translateY(-1px)}
.option.selected{border-color:var(--lux-logo-gold);background:#fbf7ee;box-shadow:0 0 0 1px var(--lux-logo-gold-light)}
.option .checkmark{width:21px;height:21px;font-size:12px}
/* Krok 3: duże, zawsze OGRANICZONE obrazki 8 kolorów */
.options-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.options-track .lux-photo-option{display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:0;padding:9px;min-height:0;align-content:start;text-align:left}
.options-track .lux-option-image{height:100px;width:100%}
.options-track .option-copy{padding:12px 7px 7px;min-height:40px}
/* Krok 4: dwa DUŻE zdjęcia standard/premium */
.options-trackType{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.options-trackType .lux-photo-option{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:10px;min-width:0;min-height:0;align-content:start}
.options-trackType .lux-option-image{height:205px;width:100%}
.options-trackType .option-copy{padding:16px 9px 9px;min-height:82px}
.options-trackType .option-copy strong{font-size:18px}
.options-trackType .option-copy small{font-size:12px;line-height:1.5}
.options-mount .lux-photo-option{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:9px;min-width:0;min-height:0}
.options-mount .lux-option-image{height:144px;width:100%}
.options-mount .option-copy{padding:12px 7px 9px;min-height:67px}
/* Wspólny bezpieczny kontener: obrazy NIE MOGĄ powiększyć szerokości strony. */
.lux-photo-option{position:relative;overflow:hidden}
.lux-option-image{display:block;position:relative;max-width:100%;overflow:hidden;background:#f9f7f3;border:1px solid #eee7db;border-radius:12px}
.lux-option-image img{display:block;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center;background:#fff}
.options-track .lux-option-image img{object-fit:cover!important;object-position:center!important}
.lux-option-image.image-missing{background:linear-gradient(115deg,#eae5d9,#f7f4ed)}
.lux-photo-zoom{display:grid;place-items:center;position:absolute;right:7px;bottom:7px;width:29px;height:29px;background:#fffef2ed;color:#594a2f;border:1px solid #e2d5b9;border-radius:9px;box-shadow:0 2px 7px rgba(0,0,0,.08);font-size:22px;cursor:zoom-in}
.lux-photo-zoom:hover,.lux-photo-zoom:focus-visible{background:#f0e0bf;outline:2px solid var(--lux-logo-gold)}
.lux-photo-option .checkmark{position:absolute;right:10px;top:10px;z-index:2}
.swatches{grid-template-columns:repeat(4,minmax(0,1fr));max-height:440px;gap:10px}
.swatch{padding:7px;border-radius:13px}
.swatch img{width:100%;max-width:100%;height:104px;object-fit:contain;background:#fff}
.swatch span{font-size:11px}
.navigation{padding-top:19px;margin-top:25px}
.button{border-radius:12px;padding:15px 19px}
.button.primary{background:var(--lr-green);color:white;font-size:13px}
.button.primary:hover{background:#163f37}
.summary,.cartBox{padding:24px 25px}
.summary-heading h2{font-size:20px}
/* Podsumowanie: trzy próbki, duży zoom bez rozpychania strony. */
.lux-picks{display:grid;gap:10px;margin:1px 0 19px}
.lux-pick{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;align-items:center;background:#faf9f6;border:1px solid #ece6dc;border-radius:15px;padding:9px;min-width:0}
.lux-pick-img{position:relative;display:block;padding:0;width:90px;height:74px;max-width:90px;border-radius:11px;border:1px solid #e5ded4;background:#fff;overflow:hidden;cursor:zoom-in}
.lux-pick-img img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;background:#fff}
.lux-pick-img.is-placeholder img{visibility:hidden}
.lux-pick-img.is-placeholder{cursor:default;background:linear-gradient(135deg,#ede7dd,#fcf9f3)}
.lux-pick-img:not(.is-placeholder):hover{border-color:var(--lux-logo-gold)}
.lux-zoom-icon{position:absolute;right:4px;bottom:4px;width:21px;height:21px;line-height:18px;border-radius:6px;background:rgba(255,255,255,.94);color:var(--lux-logo-gold-deep);font-size:17px;font-weight:bold}
.is-placeholder .lux-zoom-icon{display:none}
.lux-pick-copy{display:grid;gap:3px;min-width:0}
.lux-pick-kicker{color:var(--lux-logo-gold-deep);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.lux-pick-copy strong{font-size:15px;overflow-wrap:anywhere}
.lux-pick-copy small{color:#7b796e;font-size:11px}
.summary dl .pair{font-size:12px;padding:10px 0}
.summaryPrice>div strong{font-size:34px;color:#2b5f55}
.cartBox h2{font-size:22px}
/* Powiększenie: dialog łączy dokładnie wybraną fotkę i etykietę. */
.lux-dialog{border:0;border-radius:19px;padding:24px;max-width:min(96vw,940px);max-height:92vh;min-width:300px;box-shadow:0 28px 90px rgba(0,0,0,.3);background:#fff}
.lux-dialog::backdrop{background:rgba(16,22,20,.77);backdrop-filter:blur(5px)}
.lux-dialog img{display:block;width:auto;height:auto;max-width:min(88vw,850px);max-height:74vh;object-fit:contain;background:#fff;border-radius:9px;margin:auto}
.lux-dialog p{font-weight:800;text-align:center;margin:16px 0 0;color:#2b5f55}
.lux-dialog-close{position:absolute;right:9px;top:9px;border:0;background:#f2f0ea;width:39px;height:39px;border-radius:50%;font-size:24px;cursor:pointer}
@media(max-width:1200px){.columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px}.visual-panel{padding:18px}.wizard{padding:21px}.window-scene{height:450px}.scene-window{width:295px;height:406px}.options-trackType .lux-option-image{height:150px}}
@media(max-width:960px){.columns{grid-template-columns:minmax(0,1fr)}.visual-panel{position:relative;top:auto}.window-scene{height:475px}.scene-window{height:429px;width:305px}.right-side{gap:16px}}
@media(max-width:620px){.layout{padding:0 12px 24px}.site-header{padding:12px}.brand img{max-height:65px}.hero-heading{padding:23px 4px 17px}.hero-heading h1{font-size:30px}.hero-heading p{font-size:13px}.visual-panel,.wizard,.summary,.cartBox{padding:16px;border-radius:17px}.visual-header h2{font-size:21px}.window-scene{height:370px}.scene-window{width:230px;height:315px;margin-bottom:26px}.frame-inset{border-width:7px!important}.shade-guide{width:4px}.shade-rail{height:11px}.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.swatch img{height:82px}.options-track{gap:9px}.options-track .lux-option-image{height:85px}.options-track .option-copy strong{font-size:12px}.options-trackType{gap:9px}.options-trackType .lux-option-image{height:125px}.options-trackType .option-copy strong{font-size:14px}.options-mount .lux-option-image{height:105px}.lux-pick{grid-template-columns:74px minmax(0,1fr);gap:9px}.lux-pick-img{width:74px;height:64px;max-width:74px}.lux-pick-copy strong{font-size:13px}.lux-pick-copy small{font-size:10px}.scene-badge{font-size:9px}.wizard h2{font-size:28px}.option strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.option,.window-shade{transition:none}}

/* ---------- LUXROLETY V9 — ZIELEŃ / PRODUKT / TRZY STREFY ---------- */
:root{
 --lr-green:#123e36;--lr-green-2:#235b50;--lr-green-soft:#e8f1ed;--lr-text:#172c28;
 --lr-muted:#71837d;--lr-line:#e0e9e5;--lr-paper:#ffffff;--lr-cream:#f7f8f5;
}
html,body{max-width:100%;overflow-x:clip}
body{background:linear-gradient(180deg,#fff 0%,#f4f7f4 36%,#f5f6f2 100%);color:var(--lr-text)}
.layout{max-width:1740px;padding:12px 20px 34px}
.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:none;border-bottom:1px solid #e8efea;border-radius:0;padding:13px 8px 17px;box-shadow:none;min-width:0}
.brand.lux-brand-v9{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;text-decoration:none;min-width:188px;padding:2px 0}
.brand-v9-name{font-size:clamp(22px,2.15vw,30px);font-weight:900;color:#203831;letter-spacing:-.065em;line-height:1}
.brand-v9-name span{color:var(--lr-green-2)}
.brand-v9-sub{color:#738c83;font-size:9px;letter-spacing:.28em;font-weight:800;margin:6px 0 0 1px}
.header-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--lr-green);font-size:11px;white-space:nowrap}
.site-status{font-weight:800;border-radius:999px;background:#e9f4ee;padding:9px 12px}
.header-side small{color:#83918a;font-size:10px}
.lux-stepper{display:flex;justify-content:center;align-items:center;flex:1;gap:clamp(5px,.7vw,12px);min-width:0}
.lux-stepper>span{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:999px;font-size:11px;color:#7c8c85;font-weight:650;white-space:nowrap;transition:.15s}
.lux-stepper b{background:#eef1ef;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:#75817c;font-size:12px}
.lux-stepper .is-current{background:#e6f1ec;color:var(--lr-green);font-weight:850}
.lux-stepper .is-current b{background:var(--lr-green);color:#fff}
.lux-stepper .is-complete b{background:#d4e6dc;color:var(--lr-green)}
.hero-heading{padding:20px 5px 20px;display:flex;align-items:center}
.hero-heading h1{font-size:clamp(30px,2.8vw,43px);line-height:1.07;margin:5px 0 7px;letter-spacing:-.055em;color:var(--lr-green)}
.hero-heading h1 em{color:#4b7769;font-style:normal}
.hero-heading p{font-size:13px;margin:0;color:var(--lr-muted)}
.eyebrow{font-size:10px;color:#376758;letter-spacing:.2em;font-weight:900}
.eyebrow span{background:#427768}
.hero-tag{background:#edf5f0;border:1px solid #d5e6dc;color:var(--lr-green);box-shadow:none;font-size:11px}
/* Three independent columns; retain DOM so server quote/cart behavior remains untouched. */
.columns{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(0,1.02fr) minmax(280px,.78fr);gap:16px;align-items:start}
.right-side{display:contents!important}
.visual-panel{grid-column:1;grid-row:1 / span 3;position:sticky;top:12px}
.wizard{grid-column:2;grid-row:1}
.summary{grid-column:3;grid-row:1 / span 3;position:sticky;top:12px}
.cartBox{grid-column:2;grid-row:2;min-width:0}
.visual-panel,.wizard,.summary,.cartBox,.finalBox{min-width:0;background:#fff;border:1px solid #e6eeea;border-radius:21px;box-shadow:0 11px 38px rgba(28,71,59,.05)}
.visual-panel{padding:16px}
.visual-header h2{font-size:clamp(18px,1.6vw,24px);margin:7px 0 13px}
.section-kicker{color:#2c6153;font-size:10px;letter-spacing:.18em}
.preview-pill{color:#3b6d5e;border-color:#dbe9e2;background:#eff7f1}
.window-scene{height:clamp(435px,41vw,638px);border-radius:17px;border:1px solid #e4ece6;background:radial-gradient(ellipse at 52% 28%,#f9faf5 0%,#eff4eb 58%,#dbe4d4 100%);position:relative;--lux-light:.55;overflow:hidden}
.window-scene::after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 74% 10%,rgba(255,255,235,.63),transparent 56%);opacity:var(--lux-light);pointer-events:none}
.window-scene>*{z-index:1}
.window-scene .scene-window{height:min(88%,535px);width:min(61%,360px);margin-bottom:24px;filter:drop-shadow(0 12px 18px rgba(30,52,32,.12))}
.window-scene .scene-light{opacity:var(--lux-light)}
.scene-window{--profile-surface:linear-gradient(90deg,#edf0ee,#fff,#cbd1ce)}
.window-scene .outside-horizon{background:linear-gradient(180deg,#e3eddf,#c9d7c2)}
/* Controls on visualization */
.lux-scene-actions{position:absolute;z-index:14;top:13px;left:13px;right:13px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.lux-scene-actions>*{pointer-events:auto}
.lux-sunlight{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.95);box-shadow:0 3px 12px rgba(16,55,41,.09);color:#315d4d;border-radius:13px;padding:10px 12px;font-size:11px;font-weight:800}
.lux-sunlight span{font-size:19px;color:var(--lux-logo-gold)}
.lux-sunlight input{width:78px;accent-color:#1d5546}
.lux-fullscreen{height:39px;width:39px;display:grid;place-items:center;border:1px solid #d7e4dc;background:#fffffff2;border-radius:12px;color:var(--lr-green);font-size:22px;cursor:pointer}
.lux-view-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0 7px}
.lux-view-btn{display:flex;justify-content:center;align-items:center;gap:6px;min-width:0;background:#f7faf8;border:1px solid #e0ece5;color:#51776a;border-radius:11px;padding:11px 4px;font-size:11px;font-weight:800;cursor:pointer}
.lux-view-btn .lux-view-icon{font-size:17px}
.lux-view-btn.is-active{color:#fff;background:var(--lr-green);border-color:var(--lr-green)}
.lux-detail-view[hidden]{display:none!important}
.lux-detail-view{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:65px 40px 45px;background:radial-gradient(circle,#fcfcf9,#e5eee7);text-align:center}
.lux-detail-image{width:min(100%,390px);height:min(78%,400px);border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 34px #1b4a3920;overflow:hidden}
.lux-detail-image img{width:100%;height:100%;object-fit:contain}
.lux-detail-image img[hidden]{display:none}
.lux-detail-footer{display:grid;gap:3px;color:#164a3d}
.lux-detail-footer>span:first-child{font-size:17px;font-weight:900}
.lux-detail-footer>span:last-child{font-size:11px;color:#7e8e85}
.window-scene.lux-view-close>.room-art,.window-scene.lux-view-close>.scene-window,.window-scene.lux-view-close>.scene-floor{visibility:hidden}
.window-scene.lux-view-back .scene-window{transform:scaleX(-1)}
.window-scene.lux-view-back .scene-badge::after{content:" · Widok z drugiej strony"}
.window-scene.lux-view-back .fabric-folds{filter:brightness(.91) saturate(.86)}
.window-scene.lux-view-back .scene-window .window-handle{opacity:.7}
.scene-badge{background:#fffffff2;border-color:#d5e5d9;color:#406455}
.gold-dot{background:#2e6c57}
.preview-tool-top strong{color:#1c4739}
.preview-tools input[type=range]{accent-color:#1d5849!important}
.value-label,.dual-rail-control output{color:#215f4b}
.selected-preview{border-color:#e6eee7}
/* Wizard columns and cards */
.wizard{padding:19px 18px 21px}
.step-bubble{background:var(--lr-green);border-radius:12px;color:#fff}
.progress-content #stepIndicator{color:#24604e}
.progressbar{height:4px;background:#e7eee9;margin:15px 0 18px}
.progressbar span{background:linear-gradient(90deg,#154d3e,#4e9274)}
.wizard h2{font-size:clamp(24px,2vw,32px);letter-spacing:-.055em;color:#163e34}
.wizard .intro{font-size:12px;color:#87938d;line-height:1.55;margin-bottom:16px}
.option{border-color:#e2ebe6;background:#fff;border-radius:13px;box-shadow:none}
.option:hover{border-color:#8cafa1;background:#f7fbf8;transform:translateY(-1px)}
.option.selected{background:#edf7f0;border-color:#266450;box-shadow:0 0 0 1px #266450}
.option .checkmark{background:#266450;color:#fff}
.options-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.options-track .lux-photo-option{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:7px;min-height:0;align-content:start}
.options-track .lux-option-image{width:100%;height:clamp(94px,9.5vw,145px);background:#fff;border:none;border-radius:9px;overflow:hidden;position:relative}
.options-track .lux-option-image img{width:100%;height:100%;object-fit:contain;display:block}
.options-track .option-copy{padding:2px 6px 7px;min-height:25px}
.options-track .option-copy strong{font-size:12px}
.options-trackType,.options-mount{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.options-trackType .lux-photo-option,.options-mount .lux-photo-option{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding:9px;min-height:0;align-content:start}
.options-trackType .lux-option-image,.options-mount .lux-option-image{height:clamp(155px,15vw,232px);width:100%;border:1px solid #e5eee7;background:#fff;border-radius:11px;overflow:hidden}
.options-trackType .lux-option-image img,.options-mount .lux-option-image img{object-fit:cover;width:100%;height:100%;max-width:100%}
.options-trackType .option-copy,.options-mount .option-copy{padding:6px 3px 4px}
.options-trackType .option-copy strong,.options-mount .option-copy strong{font-size:13px}
.options-trackType .option-copy small,.options-mount .option-copy small{font-size:10px;line-height:1.5}
.options-mount:has(>.lux-photo-option:only-child){grid-template-columns:1fr}
.options-mount:has(>.lux-photo-option:only-child) .lux-option-image{height:210px}
.options-trackType .lux-photo-zoom,.options-mount .lux-photo-zoom,.options-track .lux-photo-zoom{color:var(--lr-green);background:#fff;border-color:#d8e6de}
/* Fabric selection: zoom each individual swatch */
.swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:510px;padding:4px 3px}
.swatch{position:relative;min-width:0;padding:6px;border-color:#e0ebe4;border-radius:12px;background:#fff}
.swatch.selected{border-color:#226550;box-shadow:0 0 0 1px #226550;background:#f2f8f4}
.swatch:hover{border-color:#5b9b83}
.lux-fabric-thumb{display:block;position:relative;width:100%;height:100px;overflow:hidden;border-radius:9px}
.lux-fabric-thumb img,.swatch img{height:100%;width:100%;object-fit:contain}
.lux-fabric-zoom{position:absolute;right:5px;bottom:5px;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#fffffff2;box-shadow:0 2px 10px rgba(0,0,0,.13);border:1px solid #dce8df;color:#135440;font-size:21px;cursor:zoom-in;z-index:4}
.swatch>span:last-child{color:#375c50;font-weight:800;font-size:11px}
.navigation{border-top-color:#e8efea}
.button.primary{background:var(--lr-green);color:#fff;border-radius:12px;box-shadow:0 5px 15px #164f4022}
.button.primary:hover{background:#236b53}
.button.muted{background:#eef3f0;color:#31564a;border-radius:12px}
/* Summary: image-backed selections with a real lightbox */
.summary{padding:19px 14px;max-height:calc(100vh - 28px);overflow-y:auto;scrollbar-width:thin}
.summary-heading h2{font-size:20px;color:var(--lr-green)}
.lux-picks{display:grid;gap:10px}
.lux-pick{display:grid;grid-template-columns:77px minmax(0,1fr);gap:10px;padding:8px;background:#fff;border:1px solid #e3ece6;border-radius:13px;min-width:0}
.lux-pick-img{width:77px;height:78px;border-radius:10px;border:1px solid #e7eee9;background:#f8fbf8;overflow:hidden;position:relative;cursor:zoom-in}
.lux-pick-img img{height:100%;width:100%;max-width:100%;object-fit:contain;display:block}
.lux-pick-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}
.lux-pick-kicker{font-size:9px;letter-spacing:.12em;color:#407764;text-transform:uppercase;font-weight:900}
.lux-pick-copy strong{font-size:12px;color:#193f33;overflow-wrap:anywhere;line-height:1.36;margin:4px 0}
.lux-pick-copy small{font-size:10px;color:#809289;line-height:1.25}
.lux-zoom-icon{color:#165944;border-color:#d4e5db;background:#fff;font-weight:900}
.summary dl{margin-top:12px}
.summary .pair{padding:8px 0;font-size:11px;border-bottom:1px solid #edf1ed}
.summary dt{color:#73857b}.summary dd{font-size:11px;color:#22483b}
.qty-editor{background:#f6faf7;border-color:#e0ece4;border-radius:14px;margin-top:13px}
.qty-editor-heading strong{color:#275a49}
.summaryPrice{border-top:1px solid #e5eee8;padding:16px 0 9px;margin-top:12px}
.summaryPrice strong{color:var(--lr-green);font-size:30px}
.small-note{color:#718980}
.lux-dialog{border:0;border-radius:19px;box-shadow:0 23px 70px rgba(0,0,0,.36);padding:26px;max-width:min(88vw,950px);max-height:90vh;min-width:0}
.lux-dialog::backdrop{background:#06231bd8;backdrop-filter:blur(5px)}
.lux-dialog img{display:block;max-width:min(82vw,900px);max-height:75vh;object-fit:contain;width:auto;height:auto;margin:auto}
.lux-dialog-close{background:#e8f3eb;border-color:#d9e7df;color:#163f35}
.cartBox{padding:17px}
.cartBox .button.primary{background:#215c49}
.finalBox{grid-column:1 / -1}
@media(max-width:1270px){
 .columns{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:16px}
 .visual-panel{grid-column:1;grid-row:1 / span 3}
 .wizard{grid-column:2;grid-row:1}
 .summary{grid-column:2;grid-row:2;position:relative;top:auto;max-height:none;overflow:visible}
 .cartBox{grid-column:2;grid-row:3}
 .lux-stepper>span{font-size:0;padding:4px}.lux-stepper b{font-size:12px}
 .header-side small{display:none}
}
@media(max-width:800px){
 .layout{padding:0 11px 26px}
 .site-header{display:grid;grid-template-columns:1fr auto;padding:12px 4px;gap:10px}
 .lux-stepper{grid-column:1 / -1;grid-row:2;justify-content:space-between;gap:2px}
 .lux-stepper>span{gap:0;padding:2px}
 .lux-stepper b{width:30px;height:30px}
 .hero-heading{padding:15px 5px;display:block}
 .hero-heading h1{font-size:32px}.hero-heading p{font-size:12px}
 .hero-tag{display:none}
 .columns{display:flex!important;flex-direction:column;gap:13px}
 .visual-panel,.wizard,.summary,.cartBox{position:relative;top:auto;width:100%;max-width:100%;max-height:none;overflow:visible;grid-column:auto;grid-row:auto}
 .right-side{display:contents!important}
 .window-scene{height:470px}
 .window-scene .scene-window{width:min(65%,326px);height:425px}
 .summary{padding:17px}
 .lux-picks{grid-template-columns:repeat(2,minmax(0,1fr))}
 .lux-pick{grid-template-columns:62px minmax(0,1fr);gap:7px;padding:7px}
 .lux-pick-img{width:62px;height:67px}
 .lux-pick-copy strong{font-size:11px}
 .lux-pick-copy small{font-size:9px}
 .options-mount .lux-option-image,.options-trackType .lux-option-image{height:185px}
 .options-track .lux-option-image{height:120px}
 .swatches{grid-template-columns:repeat(3,minmax(0,1fr))}
 .window-scene.lux-view-close .lux-detail-view{padding:55px 28px}
}
@media(max-width:440px){
 .site-status{font-size:9px;padding:8px}
 .brand.lux-brand-v9{min-width:0}.brand-v9-name{font-size:23px}
 .window-scene{height:375px}
 .window-scene .scene-window{height:336px;width:min(65%,245px);margin-bottom:17px}
 .window-scene .frame-inset{border-width:7px!important}
 .lux-scene-actions{left:8px;top:8px;right:8px}
 .lux-sunlight{padding:7px;gap:5px;font-size:9px}.lux-sunlight input{width:58px}
 .lux-view-btn{font-size:10px;padding:10px 3px}.lux-view-btn .lux-view-icon{font-size:14px}
 .options-trackType .lux-option-image,.options-mount .lux-option-image{height:145px}
 .options-mount:has(>.lux-photo-option:only-child) .lux-option-image{height:175px}
 .options-track .lux-option-image{height:100px}
 .swatches{grid-template-columns:repeat(3,minmax(0,1fr))}
 .lux-fabric-thumb{height:76px}
 .lux-picks{grid-template-columns:1fr}
 .lux-pick{grid-template-columns:74px minmax(0,1fr)}.lux-pick-img{width:74px;height:76px}
 .summary .pair{font-size:12px}
}


/* ===== LUXROLETY V10 / FINALIZACJA, PORADNIKI, USUNIĘCIE DUPLIKATU ===== */
.selected-preview,.visual-panel>.selected-preview{display:none!important}
.site-header .lux-brand-v9{max-width:none}
.brand-v9-name{display:flex;align-items:baseline;gap:0;flex-wrap:wrap}
.lux-allegro-word{font-size:clamp(14px,1.25vw,20px);font-weight:800;letter-spacing:-.07em;color:#e45b19;margin-left:12px;text-transform:lowercase;font-style:normal}
.brand-v9-sub{letter-spacing:.11em}
.lux-helpbar{display:flex;align-items:center;gap:10px;padding:11px 8px 5px;flex-wrap:wrap}
.lux-help-label{font-size:11px;color:#82938a;text-transform:uppercase;letter-spacing:.13em;font-weight:850;margin-right:3px}
.lux-help-button{appearance:none;border:1px solid #dfe9e4;background:#fff;border-radius:999px;color:#164b3c;padding:8px 14px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 3px 10px rgba(20,66,50,.03);transition:transform .15s,border-color .15s,background .15s}
.lux-help-button:hover,.lux-help-button:focus-visible{border-color:#83b29b;background:#eff8f2;transform:translateY(-1px)}
.lux-help-button span{font-size:15px;margin-right:3px}
.lux-help-note{font-size:10px;color:#9aa8a0;margin-left:auto}
.lux-help-inline{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:16px;border-radius:12px;background:#edf7f1;border:1px solid #dcebe2;padding:12px;font-size:12px;color:#527160;line-height:1.5}
.lux-help-inline>span:first-child{color:#205a48;font-size:16px}
.lux-help-inline button{border:none;padding:2px;background:none;text-decoration:underline;text-underline-offset:3px;color:#144d3b;font-weight:850;cursor:pointer}
.lux-cart-ready[hidden],.lux-cart-continue[hidden],.lux-cart-hint[hidden]{display:none!important}
.lux-cart-ready{display:flex;gap:13px;align-items:flex-start;border:1px solid #d2e7d9;background:linear-gradient(135deg,#eaf7ee,#f7fcf9);border-radius:16px;padding:15px;margin-bottom:17px}
.lux-cart-check{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;background:#19523f;color:#fff;border-radius:50%;font-size:16px;font-weight:900}
.lux-cart-ready strong{display:block;font-size:15px;color:#124534}
.lux-cart-ready p{font-size:12px;line-height:1.55;color:#667e72;margin:5px 0 0}
.lux-cart-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:10px;margin-top:18px}
.lux-cart-continue,.lux-cart-actions .cart-save{margin:0!important;min-width:0!important;white-space:normal;line-height:1.4;min-height:54px;font-size:12px;padding:11px!important}
.lux-cart-actions .lux-cart-continue{background:#f2f7f3;color:#1d5c49;border:1px solid #d8e9df;box-shadow:none}
.lux-cart-actions .cart-save{background:#16513d;color:#fff}
.lux-cart-hint{margin:9px 0 0;font-size:10px;line-height:1.6;color:#7e8d84}
.lux-help-dialog{width:min(730px,calc(100vw - 28px));max-height:min(89vh,900px);border:none;border-radius:22px;box-shadow:0 30px 100px rgba(8,29,18,.30);padding:0;background:#fff;overflow:auto;color:#203d33}
.lux-help-dialog::backdrop{background:rgba(9,31,21,.75);backdrop-filter:blur(4px)}
.lux-help-dialog-head{position:sticky;top:0;background:#fff;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:24px 27px 16px;border-bottom:1px solid #edf1ed;gap:16px}
.lux-help-dialog-head h2{font-size:clamp(20px,2vw,29px);margin:5px 0 0;line-height:1.2}
#luxHelpClose{width:40px;height:40px;border:1px solid #e4ebe6;border-radius:50%;background:#f3f7f4;color:#255943;font-size:24px;flex-shrink:0;cursor:pointer}
.lux-help-content{padding:23px 27px 28px;font-size:13px;line-height:1.55;color:#556a60}
.lux-help-lead{font-size:15px;line-height:1.65;color:#2d5444;margin-bottom:18px}
.lux-guide-steps{display:grid;gap:10px}
.lux-guide-steps>div{display:flex;align-items:flex-start;gap:13px;padding:12px 13px;border:1px solid #e9eeeb;border-radius:13px;background:#fdfefe}
.lux-guide-steps>div>b{color:#fff;flex:0 0 34px;height:34px;display:grid;place-items:center;background:#255a48;border-radius:9px;font-size:12px}
.lux-guide-steps strong,.lux-guide-compare strong{color:#1b4535;font-size:14px}
.lux-guide-steps p,.lux-guide-compare p{margin:5px 0 0}
.lux-guide-compare{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:17px 0}
.lux-guide-compare>div{padding:17px;border:1px solid #deebe3;border-radius:15px;background:#f6fbf7}
.lux-guide-warning{margin:18px 0 0;border-left:4px solid #24644a;background:#edf6f0;padding:14px;border-radius:0 12px 12px 0;color:#36664f;font-size:12px;line-height:1.65}
.lux-final{background:linear-gradient(180deg,#fff,#fdfefd);border:1px solid #d7e7dd;border-radius:24px;box-shadow:0 20px 60px rgba(19,69,47,.08);padding:30px!important}
.lux-final-top{display:flex;gap:17px;align-items:center;margin-bottom:21px}
.lux-done-icon{width:50px;height:50px;border-radius:50%;background:#d9f1e1;color:#195a42;display:grid;place-items:center;font-size:28px;font-weight:900;flex-shrink:0}
.lux-final-top h2{font-size:clamp(23px,3vw,34px);line-height:1.12;letter-spacing:-.025em;margin:6px 0 7px;color:#143f30}
.lux-final-top p{margin:0;color:#667c6e;font-size:13px;line-height:1.55}
.lux-finish-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:13px;margin-bottom:23px}
.lux-final-code-card,.lux-final-price-card{border-radius:18px;padding:23px;border:1px solid #e0ebe4;background:#f5faf6;display:flex;flex-direction:column;gap:6px}
.lux-final-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#628774;font-weight:800}
.lux-final-code-card .codeRow{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:0;border:0;flex-wrap:wrap}
.lux-final-code-card .codeRow strong{font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:.02em;color:#163c30}
.lux-final-code-card .codeRow .button{background:#fff;border:1px solid #cddfd3;color:#164a3a;white-space:nowrap}
.lux-final-code-card p{font-size:12px;color:#6d8979;margin:4px 0 0}
.lux-final-price-card{background:linear-gradient(140deg,#134a39,#276a4c);color:#fff;border:0}
.lux-final-price-card>.lux-final-eyebrow{color:#bfe1cf}
.lux-final-price-card>strong{font-size:clamp(26px,3vw,37px);font-weight:900;color:#fff}
.lux-final-price-card>span{font-size:12px;color:#e1f0e7}
.lux-final-instructions{padding:19px;border:1px solid #e7eee9;border-radius:17px;background:#fff}
.lux-final-instructions h3,.final-cart-lines h3{margin:0 0 16px;font-size:19px;color:#214b3b}
.lux-final-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lux-final-steps>div{background:#f8fbf8;padding:14px;border-radius:14px;display:flex;align-items:flex-start;gap:10px}
.lux-final-steps span{width:30px;height:30px;flex:0 0 30px;background:#205b45;border-radius:50%;display:grid;place-items:center;color:white;font-weight:850}
.lux-final-steps p{margin:0;font-size:12px;line-height:1.6;color:#4c6959}
.lux-final-action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.lux-final-action-row>.button{min-height:48px}
.lux-no-offer{margin:14px 0;color:#6a8272}
.lux-final .final-cart-lines{border-top:1px solid #e3ebe4;padding-top:19px;margin-top:20px}
footer{display:flex;align-items:baseline;justify-content:center;gap:7px;padding:26px 8px 20px;color:#1c5240;font-weight:800;letter-spacing:.1em}
footer span{font-size:14px;letter-spacing:-.04em;color:#e65e1b;text-transform:lowercase}
@media(max-width:1000px){.lux-finish-grid{grid-template-columns:1fr}}
@media(max-width:780px){.lux-help-note{display:none}.lux-cart-actions{grid-template-columns:1fr}.lux-final-steps{grid-template-columns:1fr}.lux-final{padding:18px!important}}
@media(max-width:510px){.lux-helpbar{gap:8px}.lux-help-label{width:100%}.lux-guide-compare{grid-template-columns:1fr}.lux-help-dialog-head{padding:16px}.lux-help-content{padding:17px}.lux-final-top{align-items:flex-start}.lux-final-code-card,.lux-final-price-card{padding:16px}.lux-final-code-card .codeRow{align-items:flex-start}.lux-final-code-card .codeRow .button{width:100%}.lux-final-top h2{font-size:23px}.brand-v9-name{gap:0}.lux-allegro-word{font-size:15px;margin-left:7px}}
@media print{
 body{background:#fff!important;color:#000!important}
 .site-header,.lux-helpbar,.hero-heading,.columns,footer,.lux-dialog,.lux-help-dialog{display:none!important}
 .layout{padding:0!important;max-width:none!important}
 .finalBox[hidden]{display:none!important}
 .finalBox:not([hidden]){display:block!important;box-shadow:none!important;border:none!important;padding:0!important}
 .lux-final-action-row,.codeRow button,.offer-button{display:none!important}
 .lux-final-price-card{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}

.wizard[hidden],.summary[hidden]{display:none!important}

/* V11: no duplicated text-only details; selected product photos are the single summary. */
#summaryList{display:none!important}
.summary .lux-picks + .lux-pick{margin-top:10px}
.summary .summaryPrice{margin-top:16px;border-top:1px solid #e0eae3;padding-top:18px}
/* Broader window and more atmospheric interior with a softer, realistic outside view. */
.window-scene{
  background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(238,232,222,.52) 48%,rgba(213,196,170,.60)),
    radial-gradient(circle at 72% 17%,#faf9f4 0%,#e8e0d3 65%,#d5c6b3 100%);
  box-shadow:inset 0 14px 32px #fff8,inset 0 -12px 26px #6d513d13;
}
.window-scene .scene-window{
  width:min(64%,402px);height:min(89%,572px);
  border-radius:9px;
  box-shadow:0 21px 40px rgba(56,45,30,.18),0 0 0 5px rgba(255,255,255,.36),inset 0 0 0 1px rgba(140,143,136,.19);
  filter:none;
}
.window-scene .window-view{
  background-image:linear-gradient(110deg,rgba(210,229,231,.20),rgba(255,255,255,.0) 55%,rgba(220,231,192,.17)),url('v11-textures/garden-bokeh.webp');
  background-size:cover,cover;background-position:center,center;
  box-shadow:inset 0 0 13px rgba(42,59,51,.13);
}
.window-scene .outside-sun,.window-scene .outside-horizon,.window-scene .outside-leaf{display:none!important}
.window-scene .scene-light{opacity:calc(var(--lux-light) * .55)}
.window-scene .scene-floor{background:linear-gradient(180deg,#e0c9a7 0%,#c9ae87 24%,#c4a37c 70%,#a98865 100%)}
.window-scene .room-wainscot{box-shadow:0 4px 5px rgba(60,41,25,.10)}
.window-scene .room-sideboard,.window-scene .room-lamp,.window-scene .room-armchair,.window-scene .room-plant{
  filter:drop-shadow(0 9px 14px rgba(54,38,27,.20));
}
.window-scene .window-sill{
  border-radius:1px 1px 8px 8px;
  background:linear-gradient(180deg,#fff 0%,#f8f8f5 27%,#d6d6d0 89%,#bfc1be 100%);
  box-shadow:0 8px 13px rgba(44,41,32,.23),inset 0 2px 1px #fff;
}
/* Real-grain profiles: genuine texture photo at native resolution, with smooth 3D highlights. */
.scene-window.is-wood-profile .shade-rail,
.scene-window.is-wood-profile .shade-rail .rail-grip{
  background-image:var(--profile-surface)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%,cover!important;
  background-position:center!important;
  image-rendering:auto!important;
}
.scene-window.is-wood-profile .shade-guide{
  background-image:var(--profile-surface-v)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%,cover!important;
  background-position:center!important;
  image-rendering:auto!important;
}
.scene-window .shade-guide{width:7px;box-shadow:inset 1px 0 rgba(255,255,255,.32),2px 0 3px #0002}
.scene-window .shade-rail{height:15px;box-shadow:0 2px 6px rgba(33,20,10,.21),inset 0 1px 0 rgba(255,255,255,.27)}
.scene-window .rail-grip{border-radius:0 0 5px 5px;box-shadow:0 2px 4px #0002}
.window-scene .frame-inset{box-shadow:inset 0 0 0 1px #d6ded8,inset 0 4px 9px #72827e20}
/* Better view switching: still 3 modes, but reverse view uses muted glass reflections. */
.window-scene.lux-view-back .window-view{filter:brightness(.96) saturate(.89)}
.window-scene.lux-view-back .pleat-material{filter:brightness(.94) saturate(.87)}
.lux-detail-image{box-shadow:0 16px 48px rgba(28,62,48,.20);border:12px solid #fff}
.lux-detail-view{background:radial-gradient(circle at 50% 36%,#fdfdfa 0%,#e7efea 64%,#dbe5dd 100%)}
.lux-detail-footer>span:first-child{font-size:20px}
@media(max-width:1200px){.window-scene .scene-window{width:min(64%,350px);height:min(89%,500px)}}
@media(max-width:620px){.window-scene .scene-window{width:min(64%,250px);height:min(89%,347px)}.scene-window .shade-guide{width:5px}}

/* V12: six-stage configuration, quantity and editing in the cart only. */
.lux-edit-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 18px;padding:12px 14px;border:1px solid #cfe0d6;border-radius:12px;background:#f1f7f3;color:#155340;font-size:13px;font-weight:650}
.lux-edit-banner[hidden]{display:none!important}
.lux-edit-banner button{font:inherit;border:none;background:none;color:#18594a;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 0}
.cart-item-actions .cart-edit{font:inherit;font-weight:700;font-size:12px;letter-spacing:0;color:#155747;background:#f0f7f3;border:1px solid #cde3d8;border-radius:8px;padding:7px 10px;cursor:pointer}
.cart-item-actions .cart-edit:hover:not(:disabled){background:#dbece3}
.cart-item-actions button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:620px){.lux-edit-banner{align-items:flex-start}.cart-item-actions .cart-edit{padding:8px 10px}}

/* ===== LUXROLETY V11 – realistyczna scena produktowa =====
   Fotografia aranżacji jest oddzielona od dynamicznej plisy.
   Zmiana koloru NIE zmienia białej ramy okna ani wnętrza. */
.window-scene[data-scene="salon"]{
  height:auto;
  aspect-ratio:615/818;
  background:#d5d3c7 url("visual-v11/salon-okno-bez-dodatkowej-ramki-v137.webp") center center / 100% 100% no-repeat;
  border:0;
  border-radius:18px;
  overflow:hidden;
  isolation:isolate;
  --lux-light:.55;
}
.window-scene[data-scene="salon"]::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:6;
  background:linear-gradient(113deg,rgba(255,245,213,.13) 0%,transparent 43%,rgba(255,243,212,.15) 100%);
  opacity:var(--scene-glow,.25);
}
.window-scene[data-scene="salon"]::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:6;
  background:#554534;opacity:var(--scene-dim,.14);
}
.window-scene[data-scene="salon"] .room-art,
.window-scene[data-scene="salon"] .scene-light,
.window-scene[data-scene="salon"] .scene-floor{display:none!important}
.window-scene[data-scene="salon"] .scene-window,
.window-scene[data-scene="salon"] .scene-window:is(:hover,:focus-within){
  position:absolute;left:30.55%;top:11.9%;width:60.2%;height:66.5%;
  z-index:7;overflow:visible;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;filter:none!important;margin:0!important;
  max-height:none!important;max-width:none!important;
  --profile-texture:none;
  --fabric-tone:#d4d0c3;
}
.window-scene[data-scene="salon"] .scene-window::after{display:none!important}
.window-scene[data-scene="salon"] .frame-inset{
  position:absolute;inset:0!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;background:none!important;
}
.window-scene[data-scene="salon"] .window-view{
  position:absolute;inset:0!important;overflow:visible;background:transparent!important;
  border:none;box-shadow:none;
}
.window-scene[data-scene="salon"] .window-view::before,
.window-scene[data-scene="salon"] .outside-horizon,
.window-scene[data-scene="salon"] .outside-leaf,
.window-scene[data-scene="salon"] .outside-sun,
.window-scene[data-scene="salon"] .window-hinge,
.window-scene[data-scene="salon"] .window-handle,
.window-scene[data-scene="salon"] .window-sill{display:none!important}
.window-scene[data-scene="salon"] .shade-guide{
  position:absolute;z-index:4;top:0;bottom:0;
  width:2.1%;min-width:4px;max-width:9px;
  border:1px solid rgba(25,22,17,.15);
  border-radius:2px;
  background-color:var(--profile-color);
  background-image:linear-gradient(90deg,rgba(0,0,0,.24),rgba(255,255,255,.23) 46%,rgba(0,0,0,.16)),var(--profile-texture),var(--profile-surface);
  background-position:center;background-size:cover,auto 100%,cover;
  box-shadow:inset 1px 0 1px rgba(255,255,255,.22),2px 0 3px rgba(0,0,0,.15);
}
.window-scene[data-scene="salon"] .shade-guide-left{left:0}
.window-scene[data-scene="salon"] .shade-guide-right{right:0}
.window-scene[data-scene="salon"] .window-shade{
  left:2%;right:2%;z-index:5;bottom:auto;
  box-shadow:0 4px 9px rgba(28,25,18,.15);transition:height .18s ease,top .18s ease;filter:brightness(var(--shade-luma,1));
}
.window-scene[data-scene="salon"] .pleat-material{
  background-color:var(--fabric-tone);
  background-image:url("visual-v11/tkanina-plisy-relief.webp");
  background-repeat:repeat-y;background-position:center top;
  background-size:100% 168px;background-blend-mode:multiply;
  box-shadow:inset 5px 0 10px rgba(19,16,12,.12),inset -5px 0 9px rgba(23,20,14,.10);
  border-left:1px solid rgba(30,25,18,.16);border-right:1px solid rgba(30,25,18,.13);
}
.window-scene[data-scene="salon"] .fabric-pigment{
  inset:0;opacity:0;
  background-position:center center;background-size:100% 100%;
  filter:blur(3px) saturate(.90);transform:none;
  mix-blend-mode:multiply;
}
.window-scene[data-scene="salon"] .pleat-material.fabric-chosen .fabric-pigment{opacity:.22}
.window-scene[data-scene="salon"] .fabric-folds{
  background:repeating-linear-gradient(to bottom,
   rgba(255,255,255,.36) 0,rgba(255,255,255,.23) 3px,
   rgba(255,255,255,.02) 8px,rgba(0,0,0,.05) 13px,
   rgba(0,0,0,.14) 17px,rgba(255,255,255,.14) 20px);
  box-shadow:inset 0 3px 6px rgba(0,0,0,.10),inset 0 -3px 5px rgba(0,0,0,.1);
}
.window-scene[data-scene="salon"] .shade-rail{
  position:absolute;left:-.5%;right:-.5%;height:14px;z-index:6;
  border-radius:2px;border:1px solid rgba(46,31,20,.28);
  background-color:var(--profile-color);
  background-image:linear-gradient(180deg,rgba(255,255,255,.30),transparent 31%,rgba(0,0,0,.11) 79%,rgba(0,0,0,.23)),var(--profile-texture),var(--profile-surface);
  background-size:100% 100%,100% 100%,cover;background-position:center;
  box-shadow:0 3px 5px rgba(30,24,15,.25),inset 0 1px 1px rgba(255,255,255,.45);
  touch-action:none;cursor:ns-resize;
}
.window-scene[data-scene="salon"] .rail-top{top:-7px}
.window-scene[data-scene="salon"] .rail-bottom{bottom:-7px}
.window-scene[data-scene="salon"] .rail-grip{
  width:clamp(26px,10%,43px);height:10px;top:2px;
  border:1px solid rgba(40,29,20,.20);border-radius:2px 2px 4px 4px;
  background-color:var(--profile-color);
  background-image:linear-gradient(180deg,rgba(255,255,255,.35),rgba(0,0,0,.06)),var(--profile-texture),var(--profile-surface);
  background-size:cover;background-position:center;
  box-shadow:0 2px 3px rgba(0,0,0,.18);
}
.window-scene[data-scene="salon"] .lux-scene-actions{
  position:absolute;inset:0;z-index:15;pointer-events:none;display:block;
}
.window-scene[data-scene="salon"] .lux-sunlight{
  position:absolute;top:2.15%;left:2.55%;height:8%;min-height:46px;
  width:44%;max-width:270px;min-width:186px;
  display:flex;gap:9px;align-items:center;justify-content:center;
  padding:9px 11px;border:1px solid rgba(255,255,255,.72);
  border-radius:13px;background:#fffffff5;box-shadow:0 5px 20px rgba(25,25,20,.07);
  pointer-events:auto;
}
.window-scene[data-scene="salon"] .lux-light-icon{font-size:25px;line-height:1;color:var(--lux-logo-gold)}
.window-scene[data-scene="salon"] .lux-light-end{font-size:18px}
.window-scene[data-scene="salon"] .lux-light-caption{flex:1;min-width:0;font-size:10px;font-weight:850;color:#264e3e}
.window-scene[data-scene="salon"] .lux-sunlight input{
  display:block;width:100%;height:4px;margin:7px 0 0;accent-color:var(--lux-logo-gold);cursor:pointer;
}
.window-scene[data-scene="salon"] .lux-fullscreen{
  position:absolute;top:auto;right:auto;bottom:.25%;left:2.4%;
  height:49px;min-width:146px;width:auto;padding:0 13px;display:flex;gap:8px;align-items:center;
  border:0;background:#fffffff8;color:#214e3d;box-shadow:0 3px 15px rgba(32,27,20,.12);
  border-radius:10px;font-weight:800;font-size:11px;pointer-events:auto;
}
.window-scene[data-scene="salon"] .lux-fullscreen span{font-size:18px;font-weight:500}
.window-scene[data-scene="salon"] .scene-badge{z-index:13;bottom:1.7%;right:2.3%;padding:8px 11px;font-size:10px;background:#fffffff0;color:#356050}
.window-scene[data-scene="salon"].lux-view-back .scene-window{transform:scaleX(-1)}
.window-scene[data-scene="salon"].lux-view-back .fabric-folds{filter:brightness(.92) saturate(.92)}
.window-scene[data-scene="salon"].lux-view-close>.scene-window{visibility:hidden}
/* Pełny ekran zachowuje proporcje fotografii – produkt bez rozciągania. */
.visual-panel:fullscreen{overflow:auto;max-height:100vh;max-width:100vw;border-radius:0;padding:20px 25px;background:#fafcf9}
.visual-panel:fullscreen .window-scene{width:min(76vh,100%);margin:0 auto}
/* Dwie wartości użytkowe niepowtórzone na zdjęciach: rozmiar oraz ilość. */
.summary #summaryList{display:grid;grid-template-columns:1fr;gap:0;margin:12px 0 4px;padding:0}
.summary #summaryList .pair{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #e9eee8;font-size:12px}
.summary #summaryList dt{color:#71847a}
.summary #summaryList dd{color:#244d3e;font-weight:850}
@media(max-width:960px){
 .window-scene[data-scene="salon"]{height:auto;aspect-ratio:615/818}
 .window-scene[data-scene="salon"] .scene-window{height:66.5%;width:60.2%;top:11.9%;left:30.55%}
}
@media(max-width:620px){
 .window-scene[data-scene="salon"]{height:auto;aspect-ratio:615/818;border-radius:13px}
 .window-scene[data-scene="salon"] .scene-window{height:66.5%;width:60.2%;top:11.9%;left:30.55%;border:0!important}
 .window-scene[data-scene="salon"] .shade-rail{height:11px}
 .window-scene[data-scene="salon"] .lux-sunlight{min-width:166px;padding:6px 8px;min-height:35px;gap:5px}
 .window-scene[data-scene="salon"] .lux-light-icon{font-size:18px}
 .window-scene[data-scene="salon"] .lux-light-end{font-size:14px}
 .window-scene[data-scene="salon"] .lux-light-caption{font-size:9px}
 .window-scene[data-scene="salon"] .lux-fullscreen{height:35px;font-size:10px}
 .window-scene[data-scene="salon"] .scene-badge{font-size:8px}
}

/* V13.1: listwy i prowadnice maja oddzielne wykonczenie: H w listwach, V w prowadnicach.
   Brak skalowania zdjec miniatur; skladniki wizualizacji sa generowane w CSS. */
.window-scene[data-scene="salon"] .shade-guide{
  background-image:linear-gradient(90deg,rgba(0,0,0,.17) 0%,rgba(255,255,255,.19) 46%,rgba(0,0,0,.12) 100%),var(--profile-surface-v)!important;
  background-size:100% 100%,100% 100%!important;
  background-repeat:no-repeat!important;
}
.window-scene[data-scene="salon"] .shade-rail{
  background-image:linear-gradient(180deg,rgba(255,255,255,.27),transparent 31%,rgba(0,0,0,.06) 77%,rgba(0,0,0,.18)),var(--profile-surface)!important;
  background-size:100% 100%,100% 100%!important;
  background-repeat:no-repeat!important;
}
.window-scene[data-scene="salon"] .rail-grip{
  background-image:linear-gradient(180deg,rgba(255,255,255,.3),rgba(0,0,0,.05)),var(--profile-surface)!important;
  background-size:100% 100%,100% 100%!important;
}


/* ===== LUXROLETY ALLEGRO V13.2 — DETALE / ZLOTO / RZECZYWISTE SZNURKI =====
   Nie zmieniamy silnika cen, koszyka ani interakcji. */
:root{--lux-gold:var(--lux-logo-gold);--lux-gold-deep:var(--lux-logo-gold-deep);--lux-gold-light:#f4e8d0;--lux-allegro-red:#d63a2e}
/* 1: Pomoc pomiarowa ma rysunek miarki/linijki (SVG), nie blyskawice. */
.lux-help-button .lux-measure-icon{display:inline-block;flex:0 0 20px;vertical-align:middle;color:var(--lux-gold);margin-right:4px}
/* 2–3: Obok nazwy oraz w stopce napis Allegro jest czerwony i widoczny. */
.brand-v9-name .lux-allegro-word{color:var(--lux-allegro-red)!important;font-size:clamp(16px,1.42vw,22px);font-weight:900;letter-spacing:-.055em}
footer{padding:32px 8px 28px;gap:10px;font-size:clamp(16px,1.6vw,21px);letter-spacing:.06em}
footer strong{font-size:inherit;color:#174739}
footer span{color:var(--lux-allegro-red)!important;font-size:clamp(19px,1.9vw,25px);font-weight:900;letter-spacing:-.055em}
/* 4: Zloto jak w referencji: aktywny krok, akcenty, zaznaczenie i cena.
   Nawigacja glowna i przyciski pozostaja ciemnozielone. */
.lux-stepper .is-current{background:#fff7e9;color:var(--lux-gold-deep);border:1px solid #ead6a9}
.lux-stepper .is-current b{background:var(--lux-gold);color:#fff}
.progress-content #stepIndicator,.section-kicker,.eyebrow{color:var(--lux-gold-deep)}
.progressbar{background:#f1eadf}
.progressbar span{background:linear-gradient(90deg,var(--lux-logo-gold),var(--lux-logo-gold-light))}
.option.selected,.swatch.selected{background:#fffcf5;border-color:var(--lux-logo-gold);box-shadow:0 0 0 1px rgba(179,132,57,.46)}
.option.selected .checkmark{background:var(--lux-gold)}
.swatch.selected{background:#fffdf7}
.step-bubble{background:linear-gradient(145deg,#19483b,#245b49);color:#fff}
.wizard-top .step-bubble{box-shadow:inset 0 -4px rgba(0,0,0,.04)}
.summaryPrice strong,.summaryPrice>div strong{color:var(--lux-gold-deep)}
.lux-sunlight .lux-light-icon,.lux-sunlight input{color:var(--lux-gold);accent-color:var(--lux-gold)}
.lux-view-btn.is-active{border-color:#1b5b47;background:#15503f;color:white}
.scene-badge .gold-dot{background:var(--lux-gold)!important}
/* 5: Lekkie, bliskie odcienie kart i strony, bez ostrego bialego odciecia. */
body{background:linear-gradient(180deg,#fcfdfa 0%,#f8faf7 40%,#f7f9f6 100%)}
.visual-panel,.wizard,.summary,.cartBox,.finalBox{
 background:#fbfcf9;border-color:#e8ede7;
 box-shadow:0 9px 28px rgba(29,71,53,.025)
}
/* 6: Zamiast grubych pionowych profili sa wyłącznie nitki.
   Napiete linki sa 1px i przechodza przez otworki w plisowanym materiale. */
.window-scene[data-scene="salon"] .shade-guide,
.window-scene[data-scene="salon"] .scene-window .shade-guide{
 width:1px!important;min-width:1px!important;max-width:1px!important;
 border:0!important;border-radius:0!important;
 background:linear-gradient(90deg,rgba(62,63,54,.40),rgba(250,245,229,.65))!important;
 box-shadow:none!important;opacity:.64;
 pointer-events:none;
}
.window-scene[data-scene="salon"] .shade-guide-left{left:21%!important;right:auto!important}
.window-scene[data-scene="salon"] .shade-guide-right{right:21%!important;left:auto!important}
/* 7: Sznur przechodzi przez dwie osie malych otworkow; jedna dziurka na fold.
   Wymiar cyklu 33.6px odpowiada 5 przetloczeniom reliefu co 168px. */
.window-scene[data-scene="salon"] .pleat-material{isolation:isolate}
.window-scene[data-scene="salon"] .pleat-thread{
 position:absolute;top:0;bottom:0;z-index:3;width:7px;
 pointer-events:none;opacity:.77;
 background:
  radial-gradient(circle at 50% 50%,rgba(47,45,40,.8) 0 1px,rgba(224,207,177,.9) 1.4px 2.1px,transparent 2.6px)
   center 17px/7px 33.6px repeat-y,
  linear-gradient(90deg,transparent 2px,rgba(242,231,213,.39) 2.8px,rgba(92,91,82,.31) 3.5px,rgba(241,229,208,.25) 4.1px,transparent 5px)
   center/7px 100% no-repeat;
}
.window-scene[data-scene="salon"] .pleat-thread-left{left:21%;transform:translateX(-50%)}
.window-scene[data-scene="salon"] .pleat-thread-right{right:21%;transform:translateX(50%)}
/* Controls: sznurki niewidoczne w powiekszeniu tkaniny i nie przechwytuja gestow. */
@media(max-width:620px){
 .brand-v9-name .lux-allegro-word{font-size:16px}
 footer{font-size:17px;gap:7px;padding:27px 8px}
 footer span{font-size:21px}
 .window-scene[data-scene="salon"] .pleat-thread{opacity:.81}
}
@media print{.visual-panel,.wizard,.summary,.cartBox,.finalBox{box-shadow:none}}


/* ===== LUXROLETY V13.3 — WIERNA PLISA: KOLOR, SZEROKOŚĆ, IKONY ===== */
/* Złote, identyczne stylistycznie ikony poradników. */
.lux-help-button .lux-measure-icon,
.lux-help-button .lux-install-icon{
 display:inline-block;vertical-align:middle;flex:0 0 20px;
 width:20px;height:20px;color:var(--lux-gold,var(--lux-logo-gold));margin-right:5px;
}
/* Szerokość tkaniny równa realnemu światłu szklenia, bez pustych marginesów. */
.window-scene[data-scene="salon"] .window-shade{
 left:-.5%!important;right:-.5%!important;
 box-shadow:0 3px 6px rgba(36,31,26,.12);
}
.window-scene[data-scene="salon"] .pleat-material{
 border-left:0!important;border-right:0!important;
 background-color:var(--fabric-tone,#cdcac4)!important;
 background-image:url("visual-v11/tkanina-plisy-relief.webp")!important;
 background-repeat:repeat-y!important;
 background-position:center top!important;
 background-size:100% 168px!important;
 background-blend-mode:multiply!important;
 box-shadow:inset 2px 0 5px rgba(20,20,20,.055),inset -2px 0 5px rgba(20,20,20,.055)!important;
}
/* Tylko barwa wyliczona z próbki, bez wklejania zdjęcia wachlarza na plisy. */
.window-scene[data-scene="salon"] .fabric-pigment,
.window-scene[data-scene="salon"] .pleat-material.fabric-chosen .fabric-pigment{
 background-image:none!important;opacity:0!important;display:none!important;
}
/* Cienkie nitki zamiast pasów po bokach (wykluczamy złotawe obrzeża). */
.window-scene[data-scene="salon"] .shade-guide,
.window-scene[data-scene="salon"] .scene-window .shade-guide{
 background:rgba(90,81,76,.31)!important;background-image:none!important;
 width:1px!important;min-width:1px!important;max-width:1px!important;
 box-shadow:none!important;border:0!important;opacity:.6;
}
.window-scene[data-scene="salon"] .shade-guide-left{left:21%!important}
.window-scene[data-scene="salon"] .shade-guide-right{right:21%!important}
@media(max-width:620px){.window-scene[data-scene="salon"] .window-shade{left:-.5%!important;right:-.5%!important}}


/* ===== V13.4: uzytecznosc, kolory tkanin, cieply wyglad ===== */
:root{--lux-warm-background:#f7f4ee;--lux-warm-line:#eae4d9}
html{background:#f7f4ee}
body{background:linear-gradient(125deg,#faf8f4 0%,#f5f0e9 57%,#f9f6f1 100%)!important}
.layout{background:transparent}
.visual-panel,.wizard,.summary,.cartBox,.finalBox{background:#fffcf8!important;border-color:#eee9e0!important;box-shadow:0 12px 35px rgba(82,60,39,.048)!important}
.site-header{background:#fffcf8eb}
.lux-helpbar{border-color:#eee7dd}
.lux-help-button{background:#fffaf4}
/* Nie dublujemy oznaczen i sloganow w gornym rogu. */
.site-header .header-side,.hero-heading .hero-tag,.lux-help-note{display:none!important}
/* Start następuje bezposrednio po kliknieciu pierwszego kafelka. */
.navigation button[hidden]{display:none!important}
.options-system .option{min-height:130px;border-color:#d9c5a8!important;background:linear-gradient(115deg,#fffdfa,#faf3e7)!important;cursor:pointer;align-items:center}
.options-system .option:hover{border-color:var(--lux-logo-gold)!important;box-shadow:0 8px 25px rgba(177,138,60,.14)}
.options-system .option .choice-symbol{color:var(--lux-logo-gold);font-size:40px}
.options-system .option-copy strong{font-size:19px;color:#164c3e}
.options-system .option-copy small{font-size:13px;color:var(--lux-logo-gold-deep);font-weight:700}
.options-group .option{align-items:flex-start;min-height:104px}
.options-group .option .option-copy small{line-height:1.42;font-size:10.5px}
.lux-fabric-group-note{display:flex;align-items:flex-start;gap:10px;margin:15px 0 10px;border:1px solid #e8dac1;background:#fbf5ea;border-radius:13px;padding:12px 14px;color:var(--lux-logo-gold-deep);font-size:12px;line-height:1.55}
.lux-fabric-group-note>span{font-size:17px;color:var(--lux-logo-gold);flex-shrink:0}
.lux-fabric-group-note b{display:block;color:var(--lux-logo-gold-deep);font-size:12px}
.lux-fabric-group-note p{margin:3px 0 0}
/* Ustawienie poziomu światła: ksiezyc -> slonce. */
.window-scene[data-scene="salon"] .lux-moon-icon{font-size:25px;color:#7b8795}
/* Widoczna wskazówka ruchu listew bez zakrywania okna. */
.window-scene[data-scene="salon"] .lux-drag-hint{position:absolute;z-index:12;top:61%;left:2%;font-size:10px;line-height:1.25;font-weight:800;max-width:33%;padding:8px 10px;color:#235343;background:#fffaf0ed;border:1px solid #dfd1b5;border-radius:10px;box-shadow:0 3px 15px rgba(36,30,23,.13);pointer-events:none}
.window-scene[data-scene="salon"] .lux-drag-hint span{display:inline-block;font-size:19px;margin-right:3px;color:var(--lux-logo-gold);vertical-align:middle}
/* Scena zawiera juz fotograficzna biala rame okna. Nie dokladamy kolejnej. */
.window-scene[data-scene="salon"] .scene-window,
.window-scene[data-scene="salon"] .frame-inset,
.window-scene[data-scene="salon"] .window-view{outline:0!important;box-shadow:none!important;border:0!important}
.window-scene[data-scene="salon"] .window-view::after{display:none!important}
/* Strona zewnetrzna pokazuje bez uchwytow i bez lustrzanego odbicia pokoju. */
.window-scene[data-scene="salon"].lux-view-back .scene-window{transform:none!important}
.window-scene[data-scene="salon"].lux-view-back .rail-grip{visibility:hidden}
/* Powłoka wyłącznie dla grup A/B od strony zewnętrznej; wewnątrz kolor próbki bez zmian. */
.window-scene[data-scene="salon"].lux-view-back.lux-silvered-fabric .pleat-material::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,.29),transparent 32%,rgba(236,238,238,.36) 54%,rgba(255,255,255,.10)),linear-gradient(180deg,rgba(191,195,195,.82),rgba(213,215,213,.76) 19%,rgba(164,172,174,.80) 42%,rgba(207,210,211,.75) 70%,rgba(187,192,193,.82));mix-blend-mode:normal;opacity:.83}
.window-scene[data-scene="salon"].lux-view-back.lux-silvered-fabric .fabric-folds{z-index:6;filter:grayscale(1) brightness(.95);opacity:.68}
.window-scene[data-scene="salon"].lux-view-back.lux-silvered-fabric .pleat-thread{z-index:7}
/* Zblizenie – wyrazne oznaczenie obu stron; srebrzysta tekstura to symulacja. */
.lux-detail-side-controls{position:absolute;z-index:18;top:12%;left:50%;transform:translateX(-50%);width:max-content;max-width:94%;display:flex;gap:4px;padding:4px;background:#fffcf6ed;box-shadow:0 6px 18px #38271219;border:1px solid #ebddc3;border-radius:12px}
.lux-detail-side-controls button{font:inherit;font-size:11px;font-weight:750;padding:8px 11px;border:0;border-radius:9px;background:transparent;color:#466457;cursor:pointer}
.lux-detail-side-controls button.is-active{background:#194e3d;color:#fff}
.lux-detail-image{position:relative;overflow:hidden}
.lux-detail-image.is-silver-reverse::after{content:"Srebrzysta strona zewnętrzna · wizualizacja";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px 22px;font-size:14px;font-weight:850;color:#354b4a;text-shadow:0 1px 0 #fff9;background:linear-gradient(128deg,#b2b7b9e6,#eef0f0df 24%,#c2c9caec 52%,#f4f5f5dc 68%,#9da8abe2 100%)}
.lux-detail-footer{height:auto!important;min-height:82px;gap:6px;flex-direction:column;align-items:start!important;text-align:left}
#luxDetailDescription{display:block;font-size:11px;line-height:1.48;color:#537163;font-weight:500;max-width:460px}
@media(max-width:620px){.options-group .option{min-height:118px}.options-group .option .option-copy small{font-size:10px}.window-scene[data-scene="salon"] .lux-drag-hint{top:59%;padding:6px;max-width:39%;font-size:8px}.window-scene[data-scene="salon"] .lux-drag-hint span{font-size:16px}.lux-detail-side-controls{top:11%}.lux-detail-side-controls button{font-size:9px;padding:8px}}

/* Finishing details: warmer fabric closeup, identical appearance on both sides of group 0. */
.window-scene[data-scene="salon"].lux-view-back:not(.lux-silvered-fabric) .window-view,
.window-scene[data-scene="salon"].lux-view-back:not(.lux-silvered-fabric) .pleat-material,
.window-scene[data-scene="salon"].lux-view-back:not(.lux-silvered-fabric) .fabric-folds{filter:none!important}
.navigation:has(#backBtn[hidden]){display:none!important}
.lux-detail-view{background:radial-gradient(ellipse at 50% 30%,#fffdfa 0%,#f5eee3 75%,#e8dfd3 100%)}
.lux-detail-image.is-silver-reverse img{filter:grayscale(.85) saturate(.25) brightness(1.09)}
.lux-detail-image.is-silver-reverse::after{content:"";position:absolute;inset:0;pointer-events:none;display:block;background:linear-gradient(110deg,rgba(244,246,245,.62),rgba(169,178,181,.66) 37%,rgba(250,250,249,.34) 52%,rgba(163,171,174,.58) 77%,rgba(232,234,233,.43));mix-blend-mode:normal;opacity:.70}
.lux-detail-image.is-silver-reverse::before{content:"Srebrzysta strona zewnętrzna · pogląd";position:absolute;z-index:1;bottom:12px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;background:#fffdf3e8;padding:8px 12px;border-radius:10px;color:#416153;font-size:10px;font-weight:800;box-shadow:0 3px 10px #2222;text-align:center}


/* ===== V13.5 – punktowa korekta, bez zmiany funkcji koszyka ===== */
/* Tło: prawie neutralna ciepla biel, bardzo słaby ton beżu. */
:root{--lux-warm-background:#faf9f7!important;--lux-warm-line:#e8eae7!important}
html{background:#faf9f7!important}
body{background:linear-gradient(135deg,#ffffff 0%,#faf9f7 57%,#f9f8f5 100%)!important}
.visual-panel,.wizard,.summary,.cartBox,.finalBox{background:#ffffff!important;border:1px solid #e9edeb!important;box-shadow:0 14px 35px rgba(38,53,43,.035)!important}
.site-header{background:rgba(255,255,255,.97)!important}
.lux-helpbar{border-color:#e8ece9!important}.lux-help-button{background:#fff!important}
.options-system .option{min-height:unset!important;background:#fff!important;border-color:#e5ece8!important;align-items:center!important}
.options-system .option:hover,.options-system .option.selected{border-color:var(--lux-logo-gold)!important;box-shadow:0 3px 13px rgba(167,125,52,.09)!important}
.options-system .option .choice-symbol{font-size:22px!important}
.options-system .option .option-copy strong{font-size:15px!important;color:#203e36!important}
.options-system .option .option-copy small{font-size:11px!important;color:#7c8580!important;font-weight:500!important}
.lux-start-note{margin:11px 1px 2px;font-size:12px;color:#6b7c73}
.lux-start-note strong{color:var(--lux-logo-gold-deep)}
.navigation:has(#backBtn[hidden]){display:flex!important}
.navigation #backBtn[hidden]{visibility:hidden!important;display:block!important;pointer-events:none!important}
.navigation #nextBtn{display:inline-flex!important}
/* Oryginalne, wysłane przez klienta logo w dwóch lokalizacjach. */
.brand.lux-brand-v9{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;min-width:0!important;padding:0!important}
.lux-logo-image{display:block;width:clamp(158px,14vw,230px);height:auto;aspect-ratio:1070/205;object-fit:contain;flex-shrink:0}
.brand.lux-brand-v9>.lux-allegro-word{font-size:18px;font-weight:900;letter-spacing:-.06em;color:#ed5a1c;text-transform:lowercase}
.lux-footer-v135{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:32px 9px!important}
.lux-footer-v135 img{height:auto;width:clamp(185px,24vw,285px);object-fit:contain}
.lux-footer-v135 span{font-size:22px!important;color:#ee581c!important;font-weight:900!important}
/* Tkanina: wybrany kolor w bazie, osobna PRZEZROCZYSTA tekstura światłocienia fałd. */
.window-scene[data-scene="salon"] .pleat-material{
 background-color:var(--fabric-tone,#c3b7a7)!important;
 background-image:none!important;
 background-blend-mode:normal!important;
 filter:none!important;
}
.window-scene[data-scene="salon"] .pleat-material::before{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
 background:url("visual-v11/tkanina-faldy-cienie-v135.webp") center top / 100% 168px repeat-y;
 opacity:.78;mix-blend-mode:normal;
}
.window-scene[data-scene="salon"] .fabric-folds{z-index:3!important;opacity:.24!important}
.window-scene[data-scene="salon"] .pleat-thread{z-index:4!important}
/* Srebrzenie zachowujące barwę, nie szara tkanina. */
.window-scene[data-scene="salon"].lux-view-back.lux-silvered-fabric .pleat-material{filter:saturate(.80) brightness(1.045)!important}
.window-scene[data-scene="salon"].lux-view-back.lux-silvered-fabric .pleat-material::after{
 content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
 background:linear-gradient(112deg,rgba(241,247,246,.23) 0%,rgba(179,196,198,.07) 26%,rgba(243,247,247,.25) 46%,rgba(177,196,198,.12) 68%,rgba(245,249,249,.24) 100%);
 opacity:.65;mix-blend-mode:screen;
}
.window-scene[data-scene="salon"].lux-view-back.lux-silvered-fabric .fabric-folds{filter:none!important;opacity:.18!important}
.lux-detail-image.is-silver-reverse img{filter:saturate(.72) brightness(1.06)!important}
.lux-detail-image.is-silver-reverse::after{
 content:""!important;position:absolute;inset:0;display:block!important;
 background:linear-gradient(115deg,rgba(233,243,244,.10),rgba(154,174,177,.15) 39%,rgba(245,248,248,.10) 55%,rgba(167,184,187,.13) 75%,rgba(231,238,238,.11))!important;
 opacity:.75!important;mix-blend-mode:screen!important;
}
.lux-detail-image.is-silver-reverse::before{color:#385c59!important;background:#fffefaed!important}
@media(max-width:650px){
 .brand.lux-brand-v9>.lux-allegro-word{font-size:14px}
 .lux-logo-image{width:clamp(125px,39vw,185px)}
 .lux-footer-v135 img{width:clamp(180px,50vw,235px)}
 .lux-footer-v135 span{font-size:19px!important}
}


/* ===== V13.6 – użyteczność i złoto z logo ===== */
:root{
  /* Cieply metaliczny kolor oparty na grafice LR (cien zloty + jasny refleks). */
  --lux-logo-gold:#D8A858;
  --lux-logo-gold-light:#F5D89A;
  --lux-logo-gold-dark:#B17A31;
  --lux-gold:var(--lux-logo-gold);
  --lux-gold-deep:var(--lux-logo-gold-dark);
  --gold:var(--lux-logo-gold);
  --gold-light:var(--lux-logo-gold-light);
}
/* Spójne złote wyróżnienia – przyciski główne pozostają zielone i czytelne. */
.eyebrow,.section-kicker,.progress-content #stepIndicator{color:var(--lux-logo-gold-dark)!important}
.eyebrow span{background:var(--lux-logo-gold)!important}
.hero-heading h1 em{color:#547b69} /* logotyp zachowuje ciemna zielen */
.lux-help-button .lux-measure-icon,.lux-help-button .lux-install-icon{color:var(--lux-logo-gold)!important}
.lux-stepper .is-current{background:#fff8ed!important;border-color:#ecd9b5!important;color:var(--lux-logo-gold-dark)!important}
.lux-stepper .is-current b{background:var(--lux-logo-gold)!important;color:#fff!important}
.progressbar span{background:linear-gradient(90deg,var(--lux-logo-gold),var(--lux-logo-gold-light))!important}
.options-system .option.selected,.option.selected,.swatch.selected{border-color:var(--lux-logo-gold)!important;box-shadow:0 0 0 1px rgba(198,150,69,.24)!important;background:#fffdf8!important}
.option.selected .checkmark{background:var(--lux-logo-gold)!important}
.option .choice-symbol,.options-system .option .choice-symbol{color:var(--lux-logo-gold-dark)!important}
.lux-fabric-group-note>span{color:var(--lux-logo-gold)!important}
.lux-view-btn:focus-visible,.swatch:focus-visible,.option:focus-visible{outline-color:var(--lux-logo-gold)!important}
.lux-sunlight input,.preview-tools input[type=range]{accent-color:var(--lux-logo-gold)!important}
.window-scene[data-scene="salon"] .lux-light-icon.lux-light-end{color:var(--lux-logo-gold)!important}
.window-scene[data-scene="salon"] .lux-drag-hint span{color:var(--lux-logo-gold-dark)!important}
.scene-badge .gold-dot{background:var(--lux-logo-gold)!important}
.summaryPrice strong,.summaryPrice>div strong{color:var(--lux-logo-gold-dark)!important}
.cart-counter{color:var(--lux-logo-gold-dark)!important}
/* Wybrana automatycznie plisa: wyrazny przycisk przejscia do tkanin. */
.lux-start-note span{color:#217351;font-size:14px;font-weight:900;margin-right:3px}
.navigation:has(#backBtn[hidden]) #nextBtn{min-width:230px}
@media(max-width:520px){.navigation:has(#backBtn[hidden]) #nextBtn{width:100%;min-width:0}}
/* Regulacja dostepna dopiero po kliknieciu, bez utraty mozliwosci sterowania klawiatura. */
.preview-tools.lux-precise-controls{border-bottom:0;padding:10px 2px 2px;margin-top:2px}
.lux-precise-controls>summary{
  display:flex;align-items:center;justify-content:center;gap:7px;
  width:max-content;max-width:100%;margin:0 auto;padding:8px 13px;
  background:#f8faf8;border:1px solid #e4eae5;border-radius:999px;
  font-size:11px;font-weight:750;color:#547065;cursor:pointer;list-style:none;
}
.lux-precise-controls>summary::-webkit-details-marker{display:none}
.lux-precise-controls>summary::after{content:'⌄';font-size:15px;color:var(--lux-logo-gold-dark);transition:transform .15s}
.lux-precise-controls[open]>summary::after{transform:rotate(180deg)}
.lux-precise-controls>summary:hover{background:#fff9ee;border-color:#e5d1ae}
.lux-precise-controls>summary:focus-visible{outline:3px solid var(--lux-logo-gold);outline-offset:3px}
.lux-precise-controls>summary>span{color:var(--lux-logo-gold-dark)}
.lux-precise-controls>summary small{font-size:10px;font-weight:500;color:#82938a}
.lux-precise-controls[open]>.preview-tool-top{margin:17px 0 13px}
.lux-precise-controls .dual-rail-control{margin-top:12px}
.lux-precise-controls[open]{padding-bottom:14px;border-bottom:1px solid #e8ece8}
/* Nie nakładamy dodatkowej białej ramki wokół fotograficznego okna.
   Biała konstrukcja oscieżnicy jest częścią zdjęcia i zostaje. */
.window-scene[data-scene="salon"] .scene-window,
.window-scene[data-scene="salon"] .frame-inset,
.window-scene[data-scene="salon"] .window-view{background-color:transparent!important;border:0!important;outline:none!important;box-shadow:none!important}
.window-scene[data-scene="salon"] .frame-inset::before,
.window-scene[data-scene="salon"] .frame-inset::after{display:none!important}


/* ===== V13.7 – kompletna paleta złota LR + nowe tło okna =====
   Referencja: złoty metaliczny monogram LR. Kolory produktu (drewno, materiał) nie zmieniają się. */
:root{
  --lux-logo-gold:#D8A858;
  --lux-logo-gold-light:#F5D89A;
  --lux-logo-gold-dark:#B17A31;
  --lux-gold:var(--lux-logo-gold);
  --lux-gold-deep:var(--lux-logo-gold-dark);
  --lux-gold-light:var(--lux-logo-gold-light);
  --gold:var(--lux-logo-gold);
  --gold-light:var(--lux-logo-gold-light);
}
/* Złote oznaczenia i kontrolki – bez dawnych niezależnych odcieni. */
.lux-help-label,.section-kicker,.eyebrow,.progress-content #stepIndicator,
.lux-pick-kicker,.lux-fabric-group-note>span,.lux-start-note strong,
.lux-help-button svg,.lux-help-button .lux-measure-icon,.lux-help-button .lux-install-icon,
.lux-stepper .is-current,.value-label,.dual-rail-control output,
.lux-drag-hint span,.lux-precise-controls>summary>span,
.cart-counter,.summaryPrice strong,.final-cart-line strong{color:var(--lux-logo-gold-dark)!important}
.lux-stepper .is-current b,.option.selected .checkmark,.cart-index,
.gold-dot,.eyebrow span,.note-dot{background:var(--lux-logo-gold)!important}
.progressbar span{background:linear-gradient(90deg,var(--lux-logo-gold),var(--lux-logo-gold-light))!important}
.option.selected,.options-system .option.selected,.swatch.selected,
.lux-photo-option.selected{border-color:var(--lux-logo-gold)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--lux-logo-gold),transparent 78%)!important}
.option:hover,.swatch:hover,.options-system .option:hover{border-color:var(--lux-logo-gold)!important}
.lux-view-btn:focus-visible,.option:focus-visible,.swatch:focus-visible,
.lux-help-button:focus-visible,input:focus-visible{outline-color:var(--lux-logo-gold)!important}
.lux-sunlight input,.preview-tools input[type=range],.dual-rail-control input[type=range]{accent-color:var(--lux-logo-gold)!important}
.lux-light-end,.lux-scene-actions .lux-light-icon.lux-light-end,
.options-system .option .choice-symbol{color:var(--lux-logo-gold)!important}
.lux-fabric-group-note{border-color:color-mix(in srgb,var(--lux-logo-gold),white 65%)!important}
.lux-view-choices .lux-view-btn.is-active{border-color:var(--lr-green)!important}
.window-scene[data-scene="salon"]{background-image:url("visual-v11/salon-okno-bez-dodatkowej-ramki-v137.webp")!important}


/* ===== V13.8: dobre proporcje okna, opis, rysunki pomocy i złoto LR ===== */
:root{--lux-logo-gold:#D8A858;--lux-logo-gold-light:#F5D89A;--lux-logo-gold-dark:#B17A31;--lux-logo-gold-deep:#B17A31;--lux-gold:#D8A858;--lux-gold-deep:#B17A31;--gold:#D8A858}
/* Pozostaje istniejąca ościeżnica. Zdjęcie bez sztucznej białej ramki, za to z wąską listwą przyszybową. */
.window-scene[data-scene="salon"]{background-image:url("visual-v11/salon-okno-z-listwa-v138.webp")!important}
.window-scene[data-scene="salon"] .scene-window{
  left:29.8%!important; width:62.1%!important;
  top:11.9%!important; height:66.5%!important;
}
/* Tkanina niemal do wewnętrznych krawędzi szklenia, bez widocznych pustych pasów. */
.window-scene[data-scene="salon"] .window-shade{left:-.25%!important;right:-.25%!important}
.window-scene[data-scene="salon"] .frame-inset,
.window-scene[data-scene="salon"] .window-view{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
.window-scene[data-scene="salon"] .window-view::after,
.window-scene[data-scene="salon"] .frame-inset::before,
.window-scene[data-scene="salon"] .frame-inset::after{display:none!important}
.lux-preview-meta{display:flex;flex-direction:column;gap:5px;align-items:flex-start;margin:12px 2px 0;color:#7c8a83}
.lux-preview-meta .lux-preview-coverage{font-size:12px;line-height:1.45;color:#526f62;font-weight:550}
.lux-preview-meta .lux-preview-coverage>span{color:var(--lux-logo-gold-dark);margin-right:4px}
.lux-preview-meta .lux-preview-coverage strong{color:#154b3a;font-weight:850}
.lux-preview-meta p{font-size:11px;line-height:1.5;margin:0;color:#8b958f}
/* Suwaki pozostają ukryte pod przyciskiem precyzyjnej regulacji. */
.lux-precise-controls:not([open]) .dual-rail-control,.lux-precise-controls:not([open]) .preview-tool-top{display:none!important}
/* Referencyjne ikony: złota pozioma linijka i klucz montażowy. */
.lux-help-button{border-color:#e6d3b6!important;background:#fffdf9!important}
.lux-help-button .lux-measure-icon,.lux-help-button .lux-install-icon{color:var(--lux-logo-gold-dark)!important;width:21px!important;height:21px!important}
.lux-help-button:hover{border-color:var(--lux-logo-gold)!important;background:#fff9ed!important}
/* Akcenty na całej ścieżce pozostają z jednej palety z logo. */
.lux-stepper .is-current b,.option.selected .checkmark,.cart-index{background:var(--lux-logo-gold)!important}
.lux-stepper .is-current,.lux-start-note strong,.section-kicker,.eyebrow,.progress-content #stepIndicator{color:var(--lux-logo-gold-dark)!important}
.option.selected,.swatch.selected,.lux-photo-option.selected{border-color:var(--lux-logo-gold)!important}
.lux-sunlight input{accent-color:var(--lux-logo-gold)!important}
@media(max-width:620px){.lux-preview-meta{margin-top:10px}.lux-preview-meta .lux-preview-coverage{font-size:11px}}


/* ===== V13.9: glazing bead + realistic clipping to inside the pane =====
   Image coordinates measured on a 615x818 salon scene, matched at all screen widths.
   No full-window white rectangle; photo frame remains intact. */
.window-scene[data-scene="salon"]{
  background-image:url("visual-v11/salon-okno-listwy-przyszybowe-v139.webp")!important;
}
.window-scene[data-scene="salon"] .scene-window{
  left:30.30%!important; width:61.30%!important;
  top:11.49%!important; height:68.70%!important;
  overflow:hidden!important;
  border:0!important;outline:0!important;box-shadow:none!important;
}
.window-scene[data-scene="salon"] .frame-inset,
.window-scene[data-scene="salon"] .window-view{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  border:0!important;outline:0!important;box-shadow:none!important;
  background:transparent!important;overflow:hidden!important;
}
.window-scene[data-scene="salon"] .window-view::before,
.window-scene[data-scene="salon"] .window-view::after,
.window-scene[data-scene="salon"] .frame-inset::before,
.window-scene[data-scene="salon"] .frame-inset::after{display:none!important}
.window-scene[data-scene="salon"] .window-shade{
  left:0!important;right:0!important;max-width:100%!important;
  border:0!important;box-sizing:border-box!important;
}
.window-scene[data-scene="salon"] .shade-rail{left:0!important;right:0!important}
/* Thin cords stay within glass; no exterior scenery appears under the frame. */
.window-scene[data-scene="salon"] .shade-guide{z-index:5}


/* ===== LUXROLETY V14 – OKNO I SZYBA ZBUDOWANE OD NOWA =====
   Dynamiczna plisa i ogrod sa przycinane do tego samego prostokata szyby.
   Scena ma zawsze proporcje 615 × 818, wiec polozenie odpowiada pikselom pliku WEBP.
   Nowa fotografia nie zawiera statycznych kontrolek ani zbędnej białej maski. */
.window-scene[data-scene="salon"][data-scene-version="14"]{
    background: #dfdcd2 url("visual-v11/salon-okno-nowe-v14.webp") center center / 100% 100% no-repeat !important;
    aspect-ratio: 615/818 !important; height: auto !important;
}
.window-scene[data-scene="salon"][data-scene-version="14"] .scene-window{
    /* Glass coordinates precisely match photo: x193..560, y106..660 */
    left:31.3821% !important; top:12.9584% !important;
    width:59.6748% !important; height:67.7262% !important;
    overflow:hidden !important;
    z-index:7 !important;
    border:0 !important; border-radius:0 !important;
    box-shadow:none !important; background:transparent !important;
    transform:none !important;
}
.window-scene[data-scene="salon"][data-scene-version="14"] .frame-inset,
.window-scene[data-scene="salon"][data-scene-version="14"] .window-view{
    position:absolute !important; inset:0 !important; width:100% !important;height:100% !important;
    overflow:hidden !important; background:transparent !important;
    box-shadow:none !important;border:0 !important;outline:0 !important;
}
.window-scene[data-scene="salon"][data-scene-version="14"] .frame-inset::before,
.window-scene[data-scene="salon"][data-scene-version="14"] .frame-inset::after,
.window-scene[data-scene="salon"][data-scene-version="14"] .window-view::before,
.window-scene[data-scene="salon"][data-scene-version="14"] .window-view::after {display:none!important}
.window-scene[data-scene="salon"][data-scene-version="14"] .window-shade{
    left:0 !important;right:0 !important;max-width:100% !important;
    border:0!important;box-shadow:none !important;
    overflow:visible !important;
}
.window-scene[data-scene="salon"][data-scene-version="14"] .shade-rail{
    left:0 !important;right:0 !important; border-radius:2px !important;
    height:clamp(6px,.90vw,11px) !important;
}
.window-scene[data-scene="salon"][data-scene-version="14"] .shade-guide{
    display:block!important; width:1px!important; min-width:1px!important;
    border:0!important; box-shadow:none!important;
    background:rgba(59,64,58,.22)!important;
}
.window-scene[data-scene="salon"][data-scene-version="14"] .pleat-material{
    border-left:0!important;border-right:0!important;
    box-shadow:inset 1px 0 rgba(21,20,18,.06),inset -1px 0 rgba(21,20,18,.06)!important;
}
@media(max-width:620px){
 .window-scene[data-scene="salon"][data-scene-version="14"] .scene-window{
    left:31.3821%!important;top:12.9584%!important;width:59.6748%!important;height:67.7262%!important;
 }
}


/* ===============================================================
   LUXROLETY V15 — FOTOGRAFICZNA, INTERAKTYWNA WIZUALIZACJA
   Tylko scena. Zakupy, cenniki, kreator, koszyk i API bez zmian.
   Zdjecie sceny: assets/visual-v15/okno-luxrolety-v15.webp
   =============================================================== */
.window-scene[data-scene="salon"][data-scene-version="17"]{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:845/925!important;
  overflow:hidden!important;
  position:relative!important;
  border:0!important;
  border-radius:16px!important;
  background:#d8cabc url("visual-v15/okno-luxrolety-v15.webp") center/100% 100% no-repeat!important;
  --fabric-tone:#eadfcc;
}
/* Elementy scenografii sa juz na prawdziwym zdjeciu. */
.window-scene[data-scene-version="17"]>.room-art,
.window-scene[data-scene-version="17"]>.scene-light,
.window-scene[data-scene-version="17"]>.scene-floor,
.window-scene[data-scene-version="17"]>.scene-badge{display:none!important}
/* Fotografia ma wlasna oscieznice: na szybe nakladamy wylacznie plise. */
.window-scene[data-scene-version="17"] .scene-window{
  position:absolute!important;
  left:30.1775%!important;top:14.3784%!important;
  width:54.5562%!important;height:68.3243%!important;
  margin:0!important;padding:0!important;
  max-width:none!important;max-height:none!important;
  border:none!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;filter:none!important;
  transform:none!important;overflow:hidden!important;
  z-index:8!important;
}
.window-scene[data-scene-version="17"] .scene-window::after,
.window-scene[data-scene-version="17"] .frame-inset::before,
.window-scene[data-scene-version="17"] .frame-inset::after,
.window-scene[data-scene-version="17"] .window-view::before,
.window-scene[data-scene-version="17"] .window-view::after{display:none!important}
.window-scene[data-scene-version="17"] .frame-inset,
.window-scene[data-scene-version="17"] .window-view{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  background:transparent!important;border:0!important;outline:0!important;
  box-shadow:none!important;overflow:hidden!important;
}
.window-scene[data-scene-version="17"] .window-hinge,
.window-scene[data-scene-version="17"] .window-handle,
.window-scene[data-scene-version="17"] .window-sill,
.window-scene[data-scene-version="17"] .outside-horizon,
.window-scene[data-scene-version="17"] .outside-leaf,
.window-scene[data-scene-version="17"] .outside-sun{display:none!important}
/* Prawdziwie ruchoma gora i dol - pozycje aktualizowane przez istniejacy JS. */
.window-scene[data-scene-version="17"] .window-shade{
  position:absolute!important;top:12%;height:53%;bottom:auto!important;
  left:0.3%!important;right:0.3%!important;max-width:none!important;
  z-index:5!important;overflow:visible!important;
  box-shadow:0 3px 8px rgba(46,37,24,.13)!important;
  filter:none!important;
  transition:top .1s ease,height .1s ease!important;
}
/* Realistyczne ciemne wgłębienia i swiatlo na kazdej harmonijce.
   Bez rozciagania bitmapy tkaniny lub pikselowania na oknie. */
.window-scene[data-scene-version="17"] .pleat-material{
  position:absolute!important;inset:0!important;overflow:hidden!important;
  border:0!important;background-color:var(--fabric-tone,#eadfcc)!important;
  background-image:linear-gradient(90deg,rgba(44,35,23,.10),transparent 11%,rgba(255,255,255,.07) 46%,transparent 90%,rgba(35,29,19,.12))!important;
  background-size:100% 100%!important;
  filter:none!important;box-shadow:inset 0 0 6px rgba(51,40,24,.15)!important;
  isolation:isolate;
}
.window-scene[data-scene-version="17"] .pleat-material::before{
  position:absolute!important;inset:0!important;content:""!important;z-index:2!important;
  background:repeating-linear-gradient(to bottom,
    rgba(255,255,255,.45) 0px,rgba(255,255,255,.24) 2px,
    rgba(255,255,255,.02) 6px,rgba(77,64,44,.07) 9px,
    rgba(45,36,22,.17) 12px,rgba(255,255,255,.17) 15px,
    rgba(255,255,255,.33) 17px)!important;
  opacity:.95!important;mix-blend-mode:normal!important;
}
.window-scene[data-scene-version="17"] .fabric-folds{
  z-index:3!important;opacity:.23!important;
  background:repeating-linear-gradient(to bottom,transparent 0 8px,rgba(60,45,32,.13) 12px,rgba(255,255,255,.13) 17px)!important;
}
.window-scene[data-scene-version="17"] .fabric-pigment{display:none!important}
/* Dwa sznureczki i otworki, jedynie wewnatrz szyby. */
.window-scene[data-scene-version="17"] .shade-guide{
  position:absolute!important;top:0!important;bottom:0!important;
  width:1px!important;min-width:1px!important;max-width:1px!important;
  z-index:4!important;background:rgba(66,60,43,.22)!important;
  border:0!important;box-shadow:none!important;pointer-events:none!important;
}
.window-scene[data-scene-version="17"] .shade-guide-left{left:22%!important;right:auto!important}
.window-scene[data-scene-version="17"] .shade-guide-right{right:22%!important;left:auto!important}
.window-scene[data-scene-version="17"] .pleat-thread{z-index:4!important;opacity:.40!important}
/* Profile w kolorze wskazanym w konfiguratorze - takze zloty dab/orzech. */
.window-scene[data-scene-version="17"] .shade-rail{
  position:absolute!important;left:-.65%!important;right:-.65%!important;
  height:clamp(9px,1.12vw,18px)!important;z-index:9!important;
  cursor:ns-resize!important;touch-action:none!important;
  border-radius:4px!important;border:1px solid rgba(52,46,36,.24)!important;
  background-color:var(--profile-color,#f8f8f5)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.87),rgba(255,255,255,.28) 26%,transparent 48%,rgba(38,34,29,.17) 90%),var(--profile-surface)!important;
  background-repeat:no-repeat!important;background-size:100% 100%,100% 100%!important;
  box-shadow:0 2px 5px rgba(39,30,23,.24),inset 0 1px 1px rgba(255,255,255,.43)!important;
}
.window-scene[data-scene-version="17"] .rail-top{top:0!important;transform:translateY(-25%)}
.window-scene[data-scene-version="17"] .rail-bottom{bottom:0!important;transform:translateY(25%)}
.window-scene[data-scene-version="17"] .rail-grip{
  position:absolute!important;left:50%!important;top:0!important;transform:translateX(-50%)!important;
  width:10%!important;min-width:21px!important;max-width:52px!important;
  height:82%!important;border:1px solid rgba(85,79,69,.21)!important;
  border-radius:3px 3px 5px 5px!important;
  background-color:var(--profile-color,#f8f8f5)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.15) 65%,rgba(58,55,50,.15)),var(--profile-surface)!important;
  background-size:100% 100%,100% 100%!important;
  box-shadow:0 2px 3px #0003!important;
}
.window-scene[data-scene-version="17"] .shade-rail.dragging,
.window-scene[data-scene-version="17"] .shade-rail:hover{box-shadow:0 0 0 3px rgba(216,168,88,.32),0 3px 8px #0004!important}
/* Górna kontrolka swiatla - zdjecie ma ja w tym samym miejscu.
   Biala realna kontrolka zakrywa element widoczny na zdjeciu. */
.window-scene[data-scene-version="17"] .lux-scene-actions{
  position:absolute!important;inset:0!important;z-index:18!important;
  display:block!important;pointer-events:none!important;
}
.window-scene[data-scene-version="17"] .lux-sunlight{
  position:absolute!important;left:2.35%!important;top:2.30%!important;
  width:34.7%!important;height:7.45%!important;
  min-width:0!important;max-width:none!important;min-height:0!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:6px!important;padding:5px 12px!important;
  background:#fff!important;border:1px solid #fff!important;border-radius:13px!important;
  box-shadow:0 3px 15px rgba(51,38,24,.08)!important;
  pointer-events:auto!important;
}
.window-scene[data-scene-version="17"] .lux-light-caption{flex:1!important;min-width:0!important;font-size:clamp(7px,.72vw,12px)!important;line-height:1.25!important;color:#113e34!important}
.window-scene[data-scene-version="17"] .lux-light-icon{font-size:clamp(14px,1.5vw,27px)!important;line-height:1!important;flex-shrink:0!important}
.window-scene[data-scene-version="17"] .lux-moon-icon{color:#2c4650!important}
.window-scene[data-scene-version="17"] .lux-light-end{color:#c88f38!important}
.window-scene[data-scene-version="17"] #luxLightSlider{width:100%!important;display:block!important;margin-top:6px!important;height:4px!important;accent-color:#bf8735!important;cursor:pointer!important}
/* Dwa fotorealistyczne, w pelni klikalne przyciski z dolu zdjecia. */
.window-scene[data-scene-version="17"] .lux-fullscreen,
.window-scene[data-scene-version="17"] .lux-change-view{
  position:absolute!important;bottom:2.05%!important;top:auto!important;
  width:17.0%!important;height:5.95%!important;min-width:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;padding:0 5px!important;
  white-space:nowrap!important;font-size:clamp(8px,.76vw,12px)!important;
  font-weight:850!important;line-height:1!important;
  color:#123e36!important;background:#fff!important;border:1px solid #fff!important;
  border-radius:12px!important;box-shadow:0 4px 14px rgba(34,25,19,.13)!important;
  pointer-events:auto!important;cursor:pointer!important;
}
.window-scene[data-scene-version="17"] .lux-fullscreen{left:2.35%!important;right:auto!important}
.window-scene[data-scene-version="17"] .lux-change-view{left:20.75%!important;right:auto!important}
.window-scene[data-scene-version="17"] .lux-fullscreen span,
.window-scene[data-scene-version="17"] .lux-change-view span{font-size:clamp(14px,1.3vw,24px)!important;line-height:1!important;color:#155143!important}
.window-scene[data-scene-version="17"] .lux-fullscreen:hover,
.window-scene[data-scene-version="17"] .lux-change-view:hover{background:#f5f9f6!important;border-color:#d8a858!important}
/* Widok tylu nie lustrzy zdjecia wnętrza, a tkanina z grup A/B
   pokazuje swoja zewnetrzna, srebrzysta powłoke. */
.window-scene[data-scene-version="17"].lux-view-back .scene-window{transform:none!important}
.window-scene[data-scene-version="17"].lux-view-back .rail-grip{visibility:hidden!important}
.window-scene[data-scene-version="17"].lux-view-back.lux-silvered-fabric .pleat-material::after{z-index:5!important}
/* Zachowaj dzialajacy podglad tkaniny oraz istniejące opcje trzech widoków. */
.window-scene[data-scene-version="17"].lux-view-close>.scene-window{visibility:hidden!important}
.window-scene[data-scene-version="17"] .lux-detail-view{z-index:12!important}
/* Podglad z daleka i na malym ekranie, bez nachodzenia kontrolek. */
@media(max-width:650px){
 .window-scene[data-scene-version="17"] .lux-sunlight{padding:3px 6px!important;border-radius:9px!important;gap:3px!important}
 .window-scene[data-scene-version="17"] .lux-light-caption{font-size:7px!important}
 .window-scene[data-scene-version="17"] .lux-light-icon{font-size:13px!important}
 .window-scene[data-scene-version="17"] #luxLightSlider{margin-top:3px!important;height:3px!important}
 .window-scene[data-scene-version="17"] .lux-fullscreen,
 .window-scene[data-scene-version="17"] .lux-change-view{font-size:8px!important;gap:3px!important;border-radius:7px!important}
 .window-scene[data-scene-version="17"] .lux-fullscreen span,
 .window-scene[data-scene-version="17"] .lux-change-view span{font-size:12px!important}
}
/* Podglad pelnoekranowy nadal respektuje proporcje zdjecia. */
.visual-panel:fullscreen .window-scene[data-scene-version="17"]{width:min(84vh,100%)!important;margin-inline:auto!important}


/* ==========================================================
   LUXROLETY V16 — tylko zgłoszone poprawki
   ========================================================== */
/* 1. Suwak oświetlenia znowu działa na samej tkaninie, a nie tylko na tle. */
.window-scene[data-scene-version="17"] .pleat-material,
.window-scene[data-scene-version="17"].lux-view-back.lux-silvered-fabric .pleat-material{
  filter:brightness(var(--shade-luma,1))!important;
  transition:filter .12s linear!important;
}
.window-scene[data-scene-version="17"] .fabric-pigment,
.window-scene[data-scene-version="17"] .pleat-material.fabric-chosen .fabric-pigment{
  display:block!important;
  position:absolute!important;inset:0!important;z-index:1!important;
  background:linear-gradient(113deg,rgba(255,246,210,.63),rgba(255,248,230,.08) 58%,rgba(255,255,255,.22))!important;
  background-size:100% 100%!important;
  opacity:var(--lux-fabric-glow,.20)!important;
  filter:none!important;transform:none!important;
  pointer-events:none!important;
  transition:opacity .12s linear!important;
}
/* 2. Jasna instrukcja przeciągania widoczna na fotografii. */
.window-scene[data-scene-version="17"]>.lux-drag-hint{
  display:flex!important;align-items:center;gap:5px;
  position:absolute!important;z-index:16!important;
  left:2.4%!important;top:55%!important;width:25.5%!important;max-width:none!important;
  padding:10px 9px!important;border-radius:11px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(210,170,99,.55)!important;
  box-shadow:0 4px 12px rgba(49,33,17,.13)!important;
  color:#174a3d!important;font-weight:750!important;
  font-size:clamp(8px,.74vw,11px)!important;line-height:1.35!important;
  pointer-events:none!important;
}
.window-scene[data-scene-version="17"]>.lux-drag-hint>span{
  flex:none;font-size:clamp(18px,1.55vw,23px)!important;
  color:#bc873d!important;margin:0!important;
}
.window-scene[data-scene-version="17"].lux-view-close>.lux-drag-hint{display:none!important}
/* 3. Logo na górze i w stopce bez jakiegokolwiek cienia CSS. */
.brand.lux-brand-v9,.brand.lux-brand-v9 .lux-logo-image,
.lux-footer-v135,.lux-footer-v135 img{
  filter:none!important;text-shadow:none!important;box-shadow:none!important;
}
/* 4. Etapy nawigacji bez beżowych kapsułek, z zielonym i złotym akcentem. */
.site-header .lux-stepper{gap:clamp(3px,.6vw,12px)}
.site-header .lux-stepper>span{
  padding:7px 5px 9px!important;border:0!important;
  border-bottom:2px solid transparent!important;border-radius:0!important;
  box-shadow:none!important;background:transparent!important;
  color:#617c6f!important;font-weight:700!important;
}
.site-header .lux-stepper>span b{
  color:#325d4b!important;background:#f1f6f2!important;
  border:1px solid #dae7de!important;box-shadow:none!important;
}
.site-header .lux-stepper>span.is-current{
  color:#144537!important;border-bottom-color:var(--lux-logo-gold,#d8a858)!important;
  font-weight:850!important;
}
.site-header .lux-stepper>span.is-current b{
  background:#194c3c!important;color:#fff!important;
  border-color:#194c3c!important;
  box-shadow:0 0 0 2px rgba(216,168,88,.20)!important;
}
.site-header .lux-stepper>span.is-complete b{
  background:var(--lux-logo-gold,#d8a858)!important;color:#173c30!important;
  border-color:var(--lux-logo-gold,#d8a858)!important;
}
@media(max-width:650px){
 .window-scene[data-scene-version="17"]>.lux-drag-hint{
   width:28%!important;left:1.9%!important;top:54%!important;
   padding:6px 4px!important;gap:2px!important;border-radius:7px!important;
   font-size:clamp(7px,1.5vw,9px)!important;
 }
 .window-scene[data-scene-version="17"]>.lux-drag-hint>span{font-size:14px!important}
}

/* V17 — Nowe prawdziwe logo (PNG bez cienia) i dyskretna regulacja światła. */
.site-header .brand.lux-brand-v9 .lux-logo-image{
  display:block!important;width:clamp(178px,18vw,272px)!important;
  max-width:272px!important;height:auto!important;max-height:71px!important;
  object-fit:contain!important;filter:none!important;box-shadow:none!important;
}
.lux-footer-v135 img{
  width:clamp(220px,22vw,315px)!important;max-height:80px!important;
  height:auto!important;object-fit:contain!important;
  filter:none!important;box-shadow:none!important;
}
.window-scene[data-scene-version="17"] .pleat-material,
.window-scene[data-scene-version="17"].lux-view-back.lux-silvered-fabric .pleat-material{
  filter:brightness(var(--shade-luma,1))!important;
  transition:filter .16s linear!important;
}
.window-scene[data-scene-version="17"] .fabric-pigment,
.window-scene[data-scene-version="17"] .pleat-material.fabric-chosen .fabric-pigment{
  opacity:var(--lux-fabric-glow,.035)!important;
  transition:opacity .16s linear!important;
}
/* Wyłączenie silniejszego nakładania światła na tkaninę od całego okna. */
.window-scene[data-scene-version="17"] .window-shade{filter:none!important}
@media(max-width:800px){
  .site-header .brand.lux-brand-v9 .lux-logo-image{width:200px!important;max-height:62px!important}
}
@media(max-width:440px){
  .site-header .brand.lux-brand-v9 .lux-logo-image{width:170px!important;max-height:56px!important}
}


/* ============================================================
   LUXROLETY V21 — gotowe sprite'y i dwustronne tkaniny A/B.
   Nie zmieniamy zasad cen, profili ani ruchu listew.
   ============================================================ */
/* Atlas dla calej grupy jest jednym plikiem. Kazde pole wskazuje
   tylko inny wycinek, wiec przewijanie nie generuje nowych pobran. */
.lux-fabric-thumb.lux-atlas-ready{display:block;position:relative;aspect-ratio:4/3;height:auto!important;background:#fff}
.lux-fabric-thumb .lux-fabric-atlas{
 position:absolute;inset:0;display:block;width:100%;height:100%;
 background-repeat:no-repeat;background-color:#fff;
 image-rendering:auto;
}
.lux-fabric-thumb.lux-atlas-ready .lux-fabric-zoom{z-index:3}

/* =============================================================
   LUXROLETY V22 — neutralna zewnętrzna strona tkanin A i B.

   W obu widokach ten sam kod tkaniny, kolor i fałdy.
   TYLKO delikatny srebrzysty refleks, BEZ nowego wzoru.
   Nie wpływa na grupę 0 ani atlas miniaturek.
   ============================================================= */

/* Ten sam kolor źródłowy także od strony zewnętrznej. */
.window-scene[data-scene-version="17"].lux-view-back.lux-silvered-fabric .pleat-material {
  filter:brightness(var(--shade-luma,1))!important;
}

/* Wyłączamy wszystkie historyczne maski i desenie ukośne.
   Pozostaje jednolity, półprzezroczysty metaliczny refleks. */
.window-scene[data-scene-version="17"].lux-view-back.lux-silvered-fabric .pleat-material::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  pointer-events:none!important;
  background:linear-gradient(112deg,
    rgba(238,243,245,.085) 0%,
    rgba(176,192,199,.085) 34%,
    rgba(245,248,249,.12) 57%,
    rgba(185,198,203,.075) 83%,
    rgba(239,244,245,.095) 100%)!important;
  mix-blend-mode:normal!important;
  opacity:.72!important;
}
.window-scene[data-scene-version="17"].lux-group-A.lux-view-back .pleat-material::after {
  opacity:.60!important;
}
.window-scene[data-scene-version="17"].lux-group-B.lux-view-back .pleat-material::after {
  opacity:.80!important;
}

/* Zachowujemy identyczne fałdy i ich kontrast po obu stronach. */
.window-scene[data-scene-version="17"].lux-view-back.lux-silvered-fabric .fabric-folds {
  z-index:3!important;
  filter:none!important;
  opacity:.23!important;
}
.window-scene[data-scene-version="17"].lux-view-back.lux-silvered-fabric .pleat-thread {
  z-index:7!important;
}

/* Zbliżenie: żadnego wyszarzania ani zmiany wzoru fotografii. */
.lux-detail-image.is-silver-reverse img {
  filter:none!important;
}
.lux-detail-image.is-silver-reverse::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(112deg,
    rgba(236,242,244,.065),
    rgba(178,194,201,.105) 37%,
    rgba(249,251,250,.11) 55%,
    rgba(183,199,205,.08) 80%,
    rgba(241,244,246,.07))!important;
  opacity:.72!important;
  mix-blend-mode:normal!important;
  padding:0!important;
  text-shadow:none!important;
}
/* Usuwa napis z obrazka dodany przez poprzednie wersje. */
.lux-detail-image.is-silver-reverse::before {
  content:none!important;
  display:none!important;
}
/* Brak dodatkowej maski dla obu stron grupy 0 i widoku wewnętrznego. */
.window-scene[data-scene-version="17"]:not(.lux-view-back) .pleat-material::after,
.window-scene[data-scene-version="17"].lux-view-back:not(.lux-silvered-fabric) .pleat-material::after {
  content:none!important;
  display:none!important;
}


/* ============================================================
   LUXROLETY V23 — poradniki pomiaru/montażu, dwie czytelne karty.
   Wyłącznie okna poradników. Wycena i konfigurator bez zmian.
   ============================================================ */
.lux-help-dialog.lux-help-dialog-wide{
 width:min(940px,calc(100vw - 26px));max-width:940px;max-height:min(92dvh,950px);
 overflow-y:auto;overscroll-behavior:contain;
}
.lux-help-dialog-wide .lux-help-dialog-head{padding:19px 26px 14px}
.lux-help-dialog-wide .lux-help-dialog-head h2{margin:3px 0 0;font-size:clamp(23px,2.6vw,32px);line-height:1.15}
.lux-help-dialog-wide .lux-help-content{padding:17px 26px 22px;color:#25493e}
.lux-guide-v23{font-size:13px;line-height:1.55}
.lux-guide-v23 .lux-guide-intro{font-size:15px;margin:0 0 17px;color:#506d60;line-height:1.6}
.lux-guide-v23 .lux-guide-intro b{color:#14493b}
.lux-guide-v23 .lux-guide-section-title{display:flex;align-items:center;gap:9px;font-size:15px;line-height:1.3;color:#153f34;margin:17px 0 8px}
.lux-guide-v23 .lux-guide-section-title span{font-size:11px;letter-spacing:.02em;color:#fff;background:#235b4a;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.lux-guide-v23 .lux-guide-muted{margin:6px 0 12px;color:#647b70;font-size:12px}
.lux-guide-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.lux-guide-mode-card{min-width:0;overflow:hidden;border:1px solid #dce9e2;border-radius:15px;background:white;box-shadow:0 3px 17px rgba(13,54,39,.035)}
.lux-guide-mode-head{background:#164a3c;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#fff}
.lux-guide-mode-head strong{display:block;font-size:16px;font-weight:850;line-height:1.2}
.lux-guide-mode-head small{display:block;color:#d8e9de;font-size:11px;margin-top:2px}
.lux-guide-mode-tag{flex:0 0 auto;display:grid;place-items:center;background:#d1a64f;color:#14392c;font-size:11px;font-weight:850;min-width:31px;height:30px;border-radius:8px}
.lux-guide-mode-card>img{display:block;width:100%;max-width:100%;height:238px;object-fit:contain;object-position:center;background:#f7f9f7;border-bottom:1px solid #e5eee9}
.lux-guide-v23[data-lux-guide="install"] .lux-guide-mode-card>img{height:196px}
.lux-guide-measure-points{padding:11px 14px 13px;display:grid;gap:7px}
.lux-guide-measure-points p{margin:0;display:grid;grid-template-columns:91px 1fr;align-items:start;gap:8px;font-size:12px;line-height:1.55}
.lux-guide-measure-points b{color:#154838}
.lux-guide-measure-points span{color:#5c7066}
.lux-guide-install-list{list-style:none;counter-reset:install;display:grid;gap:9px;padding:14px;margin:0}
.lux-guide-install-list li{counter-increment:install;display:grid;grid-template-columns:23px minmax(0,1fr);gap:8px;align-items:start;font-size:12px;line-height:1.45;color:#5a7064}
.lux-guide-install-list li::before{content:counter(install);display:grid;place-items:center;color:#fff;background:#215e49;font-weight:850;font-size:11px;width:23px;height:23px;border-radius:50%}
.lux-guide-install-list li b{color:#174b3b}
.lux-guide-alert{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;background:#fff8ee;border:1px solid #f4dbb9;border-radius:11px;margin:15px 0 11px}
.lux-guide-alert>span{display:grid;place-items:center;border-radius:50%;width:23px;height:23px;flex:0 0 23px;background:#d2a54c;color:white;font-size:16px;font-weight:850}
.lux-guide-alert p{font-size:12px;color:#84541c;margin:0;line-height:1.5}
.lux-guide-alert b{color:#7b4911}
.lux-guide-complete{display:flex;align-items:center;gap:11px;padding:12px 15px;background:#ecf6ef;border:1px solid #dbece1;border-radius:12px;color:#164c3c}
.lux-guide-complete>span{display:grid;place-items:center;border-radius:50%;background:#2d7451;color:#fff;width:27px;height:27px;font-size:18px;flex:0 0 27px}
.lux-guide-complete b{font-size:14px;display:block}
.lux-guide-complete small{display:block;color:#567264;font-size:11px;line-height:1.45;margin-top:2px}
@media(max-width:660px){
 .lux-help-dialog.lux-help-dialog-wide{width:calc(100vw - 18px);max-height:92dvh;border-radius:16px}
 .lux-help-dialog-wide .lux-help-dialog-head{padding:16px 15px 12px}
 .lux-help-dialog-wide .lux-help-content{padding:13px 13px 18px}
 .lux-guide-mode-grid{grid-template-columns:1fr;gap:11px}
 .lux-guide-mode-card>img{height:245px}
 .lux-guide-v23[data-lux-guide="install"] .lux-guide-mode-card>img{height:194px}
 .lux-guide-v23 .lux-guide-intro{font-size:13px}
 .lux-guide-v23 .lux-guide-section-title{font-size:14px;margin:15px 0 7px}
}

/* Markers keep each instruction in one flowing line. */
.lux-guide-v23 .lux-guide-install-list li{display:block;position:relative;padding-left:32px;min-height:23px}
.lux-guide-v23 .lux-guide-install-list li::before{position:absolute;left:0;top:0}

/* LUXROLETY V25 – czytelniejsze belki/montaż; scroll reset przy zmianie kroków w JS. */
.wizard{scroll-margin-top:12px}
.wizard .options-track .option-copy strong,
.wizard .options-trackType .option-copy strong,
.wizard .options-mount .option-copy strong{font-size:clamp(15px,1.12vw,17px)!important;line-height:1.22!important;color:#123e36!important}
.wizard .options-track .option-copy small,
.wizard .options-trackType .option-copy small,
.wizard .options-mount .option-copy small{font-size:clamp(12px,.86vw,13px)!important;line-height:1.4!important;color:#516c60!important}
.wizard .options-trackType .option-copy,.wizard .options-mount .option-copy{padding:12px 9px 13px!important}
.wizard .options-trackType .lux-option-image{height:215px!important;position:relative}
.wizard .options-mount .lux-option-image{height:174px!important;position:relative}
.wizard .options-trackType .lux-option-image img,
.wizard .options-mount .lux-option-image img{object-fit:contain!important;object-position:center center!important}
.lux-choice-photo-tag{position:absolute;left:8px;top:8px;z-index:1;background:#164a3deb;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:900;color:#fff;letter-spacing:.025em;box-shadow:0 2px 8px #0001;pointer-events:none}
.lux-final-steps b strong{display:inline;color:#124c3a;font-weight:900;font-size:19px;letter-spacing:.02em}
.lux-final-price-card>span #physicalLabel{font:inherit;color:inherit}
.lux-final-price-card{justify-content:center}
.lux-final .final-cart-lines{background:#fff}
@media(max-width:700px){
 .wizard .options-trackType .lux-option-image{height:155px!important}
 .wizard .options-mount .lux-option-image{height:132px!important}
 .wizard .options-trackType .option-copy strong,.wizard .options-mount .option-copy strong{font-size:14px!important}
 .wizard .options-trackType .option-copy small,.wizard .options-mount .option-copy small{font-size:12px!important}
 .lux-choice-photo-tag{font-size:9px;padding:6px}
}


/* LUXROLETY V26 — opis ekonomiczna/średnia/premium, podgląd Allegro. */
.options-group .option .option-copy{display:flex;align-items:center;flex-direction:column;gap:6px;justify-content:flex-start}
.options-group .option .option-copy strong{font-size:clamp(13px,1vw,15px)!important}
.options-group .option .option-copy small{font-size:11px!important;line-height:1.43!important;margin:0!important}
.lux-fabric-tier{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:850;line-height:1.2;white-space:nowrap;background:#eaf3ee;color:#215b48;border:1px solid #d8e7df}
.lux-tier-A{color:#72531a;background:#fff5df;border-color:#ecd9b1}
.lux-tier-B{color:#164938;background:#e2f0e8;border-color:#b5d8c7}
.lux-allegro-guide{padding-top:18px;margin-top:17px;border-top:1px solid #e5ece8}
.lux-allegro-guide-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#174c3c;margin-bottom:11px}
.lux-allegro-guide-title strong{font-size:15px}
.lux-allegro-guide-title small{font-size:11px;color:#668074}
.lux-allegro-guide-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:13px}
.lux-allegro-guide-grid figure{margin:0;padding:13px;border:1px solid #dfe9e2;background:#fff;border-radius:12px;min-width:0}
.lux-allegro-guide-grid figcaption{color:#284d3d;font-size:12px;font-weight:730;line-height:1.45;min-height:36px;margin:0 0 9px}
.lux-allegro-guide-grid figcaption b{display:inline-grid;place-items:center;vertical-align:middle;background:#18543f;color:#fff;width:23px;height:23px;border-radius:50%;margin-right:5px}
.lux-allegro-guide-grid img{display:block;max-width:100%;width:100%;height:auto;object-fit:contain;border-radius:7px;border:1px solid #edf0ec;background:white}
.lux-guide-v23[data-lux-guide="measure"] .lux-guide-mode-card>img{height:315px;object-position:center}
@media(max-width:760px){.lux-allegro-guide-grid{grid-template-columns:1fr}.lux-allegro-guide-title{display:block}.lux-allegro-guide-title small{display:block;margin-top:4px}.lux-guide-v23[data-lux-guide="measure"] .lux-guide-mode-card>img{height:280px}}
@media(max-width:520px){.lux-fabric-tier{font-size:9px;padding:3px 6px}.options-group .option .option-copy small{font-size:10px!important}.lux-guide-v23[data-lux-guide="measure"] .lux-guide-mode-card>img{height:300px}}


/* === Luxrolety V27: karty B, stonowane wezwanie, pelny ekran, dopasowanie szyby === */
.lux-group-b-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0;}
.lux-group-b-types>div{padding:11px 12px;background:#fff;border:1px solid #ebdfc8;border-radius:10px;}
.lux-group-b-types strong{display:block;color:#184d3b;font-size:12px;line-height:1.35;margin-bottom:4px;}
.lux-group-b-types span{display:block;color:#5e665c;font-size:11px;line-height:1.5;}
@media(max-width:510px){.lux-group-b-types{grid-template-columns:1fr}}
/* Przycisk nabiera wyrazistosci po uzupelnieniu etapu; bez migania ani rozpraszania. */
.navigation #nextBtn.lux-next-ready{box-shadow:0 0 0 2px rgba(206,166,81,.34),0 6px 15px rgba(15,70,52,.13);}
.navigation #nextBtn.lux-next-ready:hover{box-shadow:0 0 0 3px rgba(206,166,81,.5),0 9px 18px rgba(15,70,52,.18);}
/* Zaslon dolna krawedz szyby, gdy klient domknie belke do 100%. */
.window-scene[data-scene-version="17"] .scene-window{height:68.82%!important;}
/* W trybie pelnoekranowym najpierw zmniejszamy scene, nastepnie utrzymujemy trzy widoki w zasiegu wzroku. */
.visual-panel:fullscreen{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;overflow-y:auto!important;max-height:100dvh!important;padding:12px 16px 22px!important;gap:0!important;}
.visual-panel:fullscreen .visual-header{width:min(740px,100%)!important;flex:0 0 auto!important;}
.visual-panel:fullscreen .visual-header h2{margin-bottom:10px!important;font-size:19px!important;}
.visual-panel:fullscreen .window-scene[data-scene-version="17"]{width:min(730px,calc(100vw - 32px),calc((100dvh - 220px) * .9135))!important;flex:0 0 auto!important;margin:0 auto!important;}
.visual-panel:fullscreen .lux-view-choices{display:grid!important;position:sticky!important;bottom:7px!important;z-index:150!important;width:min(730px,100%)!important;flex:0 0 auto!important;margin:9px auto 0!important;padding:7px!important;border-radius:12px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 5px 18px rgba(18,62,54,.13)!important;border:1px solid #e0e9e2!important;}
.visual-panel:fullscreen .lux-view-choices .lux-view-btn{min-height:43px!important;font-size:clamp(11px,1.3vw,14px)!important;}
.visual-panel:fullscreen .lux-preview-meta,.visual-panel:fullscreen .lux-precise-controls,.visual-panel:fullscreen .selected-preview{display:none!important;}
@media(max-width:620px){.visual-panel:fullscreen .window-scene[data-scene-version="17"]{width:min(calc(100vw - 22px),calc((100dvh - 188px) * .9135))!important;}.visual-panel:fullscreen .lux-view-choices .lux-view-btn{padding:8px 3px!important;font-size:10px!important;}}


/* LUXROLETY V29 – trzy jasne kroki; jedno zdjecie Allegro w kroku 3. */
.lux-final-instructions .lux-checkout-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lux-final-instructions .lux-checkout-step{display:flex;align-items:flex-start;gap:12px;padding:18px 19px;background:#f5f9f6;border:1px solid #e2ebe5;border-radius:14px;min-width:0}
.lux-final-instructions .lux-checkout-number{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1b5a46;color:#fff;font-size:15px;font-weight:850;line-height:1}
.lux-final-instructions .lux-checkout-step-copy{min-width:0;padding-top:1px}
.lux-final-instructions .lux-checkout-step-copy>strong{display:block;font-size:15px;font-weight:830;color:#143f31;line-height:1.35}
.lux-final-instructions .lux-checkout-step-copy p{margin:5px 0 0;font-size:13px;line-height:1.5;color:#4d675a}
.lux-final-instructions .lux-checkout-step-copy p b,.lux-final-instructions .lux-checkout-step-copy p strong{color:#124735;font-weight:850}
.lux-final-instructions .lux-checkout-step-copy #allegroUnits{font-size:18px;font-weight:900;white-space:nowrap}
.lux-final-instructions .lux-checkout-step-third{grid-column:1 / -1;display:grid;grid-template-columns:34px minmax(0,1fr) minmax(265px,365px);align-items:start;column-gap:14px;background:#f9fbf8;border-color:#d3e6d9}
.lux-final-instructions .lux-checkout-step-third>.lux-checkout-number{align-self:start}
.lux-final-instructions .lux-checkout-step-third .lux-checkout-step-copy{padding-top:6px}
.lux-final-instructions .lux-checkout-example{min-width:0;max-width:365px;justify-self:end;margin:0;padding:9px 10px 6px;border:1px solid #e1e9e2;border-radius:11px;background:#fff;box-shadow:0 2px 8px rgba(18,62,54,.04)}
.lux-final-instructions .lux-checkout-example img{width:100%;max-width:365px;height:auto;display:block;object-fit:contain}
.lux-final-instructions .lux-checkout-example figcaption{font-size:10px;line-height:1.35;color:#708174;text-align:center;margin:5px 0 0}
@media(max-width:760px){
 .lux-final-instructions .lux-checkout-steps{grid-template-columns:1fr}
 .lux-final-instructions .lux-checkout-step{padding:14px 13px}
 .lux-final-instructions .lux-checkout-step-third{grid-column:auto;grid-template-columns:34px minmax(0,1fr);align-items:start}
 .lux-final-instructions .lux-checkout-example{grid-column:2;justify-self:start;max-width:365px;margin-top:2px}
}
@media(max-width:410px){.lux-final-instructions .lux-checkout-step-copy>strong{font-size:14px}.lux-final-instructions .lux-checkout-step-copy p{font-size:12px}.lux-final-instructions .lux-checkout-number{width:31px;height:31px;flex-basis:31px}.lux-final-instructions .lux-checkout-step-third{grid-template-columns:31px minmax(0,1fr)}}
@media print{.lux-final-instructions .lux-checkout-example{display:none!important}}


/* ============================================================
   LUXROLETY V30 — ładniejsze podsumowanie Allegro + lepsza
   struktura tkanin A/B na wizualizacji.
   ============================================================ */

.lux-final-instructions .lux-checkout-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lux-final-instructions .lux-checkout-step{display:flex;align-items:flex-start;gap:12px;padding:18px 19px;background:#f6faf7;border:1px solid #ddeae1;border-radius:16px;min-width:0;box-shadow:0 8px 22px rgba(20,67,49,.04)}
.lux-final-instructions .lux-checkout-number{flex:0 0 36px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#184d3b;color:#fff;font-size:15px;font-weight:850;line-height:1;box-shadow:0 4px 10px rgba(24,77,59,.18)}
.lux-final-instructions .lux-checkout-step-copy{min-width:0;padding-top:2px}
.lux-final-instructions .lux-checkout-step-copy>strong{display:block;font-size:16px;font-weight:850;color:#123f31;line-height:1.35}
.lux-final-instructions .lux-checkout-step-copy p{margin:6px 0 0;font-size:13px;line-height:1.55;color:#4e675b}
.lux-final-instructions .lux-checkout-step-copy p b,.lux-final-instructions .lux-checkout-step-copy p strong{color:#123f31;font-weight:850}
.lux-final-instructions .lux-qty-pill{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:3px 10px;border-radius:999px;background:#1b5a46;color:#fff;font-size:17px;font-weight:900;line-height:1;vertical-align:middle;box-shadow:0 4px 10px rgba(27,90,70,.18)}
.lux-final-instructions .lux-checkout-step-third{grid-column:1 / -1;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;column-gap:14px;padding:18px;background:#fbfcfa;border-color:#d8e7dc}
.lux-final-instructions .lux-checkout-step-body{grid-column:2;display:grid;gap:14px;min-width:0}
.lux-final-instructions .lux-checkout-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#edf6ef;color:#285e49;font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;border:1px solid #d4e7da;margin-bottom:8px;width:max-content}
.lux-final-instructions .lux-checkout-example{min-width:0;margin:0;padding:10px;border:1px solid #e0e8e1;border-radius:14px;background:#fff;box-shadow:0 10px 22px rgba(17,52,38,.06)}
.lux-final-instructions .lux-checkout-example img{width:100%;height:auto;display:block;border-radius:10px;object-fit:contain}
.lux-final-instructions .lux-checkout-example figcaption{font-size:11px;line-height:1.4;color:#6f8174;text-align:center;margin:8px 0 2px}
.lux-final-instructions .lux-checkout-example-wide{max-width:1040px}
@media(max-width:900px){
  .lux-final-instructions .lux-checkout-steps{grid-template-columns:1fr}
  .lux-final-instructions .lux-checkout-step-third{grid-column:auto}
}
@media(max-width:540px){
  .lux-final-instructions .lux-checkout-step{padding:14px}
  .lux-final-instructions .lux-checkout-number{width:32px;height:32px;flex-basis:32px;font-size:14px}
  .lux-final-instructions .lux-checkout-step-copy>strong{font-size:15px}
  .lux-final-instructions .lux-checkout-step-copy p{font-size:12px}
  .lux-final-instructions .lux-checkout-step-third{grid-template-columns:32px minmax(0,1fr);padding:14px}
  .lux-final-instructions .lux-qty-pill{min-width:48px;font-size:15px;padding:3px 8px}
}
@media print{.lux-final-instructions .lux-checkout-example{display:block!important}}

/* Delikatna satynowo-pleciona struktura dla grup A i B od strony pokoju. */
.window-scene[data-scene-version="17"].lux-group-A .pleat-material,
.window-scene[data-scene-version="17"].lux-group-B .pleat-material{
  background-image:
    linear-gradient(90deg,rgba(44,35,23,.10),transparent 11%,rgba(255,255,255,.07) 46%,transparent 90%,rgba(35,29,19,.12)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.032) 0 2px,rgba(80,65,44,.018) 2px 4px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.024) 0 2px,rgba(80,65,44,.018) 2px 4px)!important;
  background-size:100% 100%,4px 4px,4px 4px!important;
}
/* Zachowujemy fałdy, ale bez plastikowego efektu. */
.window-scene[data-scene-version="17"].lux-group-A .pleat-material::before,
.window-scene[data-scene-version="17"].lux-group-B .pleat-material::before{
  background:repeating-linear-gradient(to bottom,
    rgba(255,255,255,.32) 0px,rgba(255,255,255,.16) 2px,
    rgba(255,255,255,.02) 6px,rgba(70,58,41,.06) 9px,
    rgba(42,34,24,.14) 12px,rgba(255,255,255,.13) 15px,
    rgba(255,255,255,.24) 17px)!important;
  opacity:.92!important;
}
/* Od zewnątrz ten sam kolor + delikatnie srebrzysty refleks i drobna struktura. */
.window-scene[data-scene-version="17"].lux-view-back.lux-silvered-fabric .pleat-material{
  background-image:
    linear-gradient(90deg,rgba(44,35,23,.08),transparent 11%,rgba(255,255,255,.08) 46%,transparent 90%,rgba(35,29,19,.10)),
    repeating-linear-gradient(0deg,rgba(245,247,247,.05) 0 2px,rgba(161,171,174,.035) 2px 4px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 2px,rgba(163,171,174,.032) 2px 4px)!important;
  background-size:100% 100%,4px 4px,4px 4px!important;
}
.window-scene[data-scene-version="17"].lux-view-back.lux-silvered-fabric .pleat-material::after{
  background:
    linear-gradient(112deg,rgba(238,243,245,.05) 0%,rgba(176,192,199,.08) 34%,rgba(245,248,249,.105) 57%,rgba(185,198,203,.07) 83%,rgba(239,244,245,.06) 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 2px,rgba(179,188,191,.018) 2px 4px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 2px,rgba(179,188,191,.018) 2px 4px)!important;
  opacity:.68!important;
}
.lux-detail-image.is-silver-reverse::after{
  background:
    linear-gradient(112deg,rgba(236,242,244,.05),rgba(178,194,201,.085) 37%,rgba(249,251,250,.09) 55%,rgba(183,199,205,.07) 80%,rgba(241,244,246,.06)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 2px,rgba(173,184,188,.018) 2px 4px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 2px,rgba(173,184,188,.018) 2px 4px)!important;
  opacity:.56!important;
}


/* ============================================================
   LUXROLETY V31 — poprawki czytelności i tekstur tkanin
   ============================================================ */
/* Krok 3 podsumowania: pełna szerokość, większy screen, bardziej w stylistyce strony. */
.lux-final-instructions .lux-checkout-step-third{padding:18px 18px 16px;background:linear-gradient(180deg,#f8fbf8 0%,#f3f8f4 100%);}
.lux-final-instructions .lux-checkout-step-third .lux-checkout-step-body{display:block;min-width:0}
.lux-final-instructions .lux-checkout-step-third .lux-checkout-step-copy{max-width:820px}
.lux-final-instructions .lux-checkout-step-third .lux-checkout-example{margin-top:14px;max-width:100%;padding:12px;border-radius:18px;border:1px solid #dbe7dd;background:linear-gradient(180deg,#ffffff 0%,#fbfdfb 100%);box-shadow:0 12px 26px rgba(17,52,38,.07)}
.lux-final-instructions .lux-checkout-step-third .lux-checkout-example img{width:100%;max-width:980px;margin:0 auto;display:block;border-radius:12px;border:1px solid #edf2ee}
.lux-final-instructions .lux-checkout-step-third .lux-checkout-example figcaption{font-size:12px;text-align:left;margin-top:10px;padding:0 4px;color:#5f7468}
.lux-final-instructions .lux-checkout-badge{background:#e9f3ec;color:#1d5a45;border-color:#d2e4d8}
@media(max-width:900px){.lux-final-instructions .lux-checkout-step-third .lux-checkout-step-copy{max-width:none}}

/* Widok tkaniny z bliska: wzmacniamy przełączniki stron i dbamy o pierwszy widok od wewnątrz przez JS. */
.lux-fabric-side-switch [data-fabric-side].is-active{box-shadow:0 6px 14px rgba(27,90,70,.18)}

/* Bardziej materiałowa struktura grup A i B od wewnątrz. */
.window-scene[data-scene-version="17"].lux-group-A .pleat-material,
.window-scene[data-scene-version="17"].lux-group-B .pleat-material{
  background-image:
    linear-gradient(90deg,rgba(52,40,23,.08),transparent 14%,rgba(255,255,255,.05) 51%,transparent 86%,rgba(38,30,21,.09)),
    url('assets/textures/fabric-weave-inside.webp')!important;
  background-size:100% 100%,90px 90px!important;
  background-blend-mode:soft-light,overlay!important;
}
.window-scene[data-scene-version="17"].lux-group-A .pleat-material::after,
.window-scene[data-scene-version="17"].lux-group-B .pleat-material::after{
  background:
    linear-gradient(109deg,rgba(255,255,255,.03),rgba(255,255,255,.05) 45%,rgba(0,0,0,.02) 100%),
    url('assets/textures/fabric-weave-inside.webp');
  background-size:100% 100%,88px 88px!important;
  mix-blend-mode:soft-light;
  opacity:.26!important;
}
/* Od zewnątrz: mocniej widoczne satynowe, srebrzyste wykończenie podobne do próbek. */
.window-scene[data-scene-version="17"].lux-view-back.lux-silvered-fabric .pleat-material{
  background-image:
    linear-gradient(90deg,rgba(57,47,33,.06),transparent 14%,rgba(255,255,255,.08) 52%,transparent 86%,rgba(46,39,29,.08)),
    url('assets/textures/fabric-weave-silver.webp')!important;
  background-size:100% 100%,96px 96px!important;
  background-blend-mode:soft-light,normal!important;
}
.window-scene[data-scene-version="17"].lux-view-back.lux-silvered-fabric .pleat-material::after{
  background:
    linear-gradient(114deg,rgba(244,247,247,.08) 0%,rgba(205,215,218,.16) 30%,rgba(248,250,250,.15) 50%,rgba(194,206,211,.14) 72%,rgba(243,247,247,.09) 100%),
    url('assets/textures/fabric-weave-silver.webp');
  background-size:100% 100%,96px 96px!important;
  mix-blend-mode:screen;
  opacity:.72!important;
}
/* Także dla zdjęcia tkaniny z bliska po przełączeniu na „Od zewnątrz”. */
.lux-detail-image.is-silver-reverse::after{
  background:
    linear-gradient(114deg,rgba(243,247,247,.06),rgba(202,214,218,.16) 33%,rgba(250,250,250,.15) 54%,rgba(196,207,212,.14) 79%,rgba(244,246,247,.08)),
    url('assets/textures/fabric-weave-silver.webp');
  background-size:100% 100%,96px 96px!important;
  mix-blend-mode:screen;
  opacity:.60!important;
}

/* V31.1 mini patch */
.lux-final-instructions .lux-checkout-step-third .lux-checkout-step-body{display:flex;flex-direction:column;align-items:stretch}
.lux-final-instructions .lux-checkout-step-third .lux-checkout-example{display:block;width:100%}
.lux-final-instructions .lux-checkout-step-third .lux-checkout-example img{max-width:100%}


/* V32 — oryginalna instrukcja Allegro Luxrolety bez obrazów obcych serwisów. */
.lux-final-instructions .lux-checkout-step-third .lux-v32-example{
  margin:14px 0 0;padding:0;width:100%;max-width:100%;overflow:hidden;
  border:1px solid #dbe7df;border-radius:16px;background:#fff;
  box-shadow:0 7px 18px rgba(24,77,59,.045)
}
.lux-final-instructions .lux-v32-example-top{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px;
  padding:12px 16px;background:#f3f8f5;border-bottom:1px solid #e3ede7
}
.lux-final-instructions .lux-v32-example-label{
  font-size:11px;letter-spacing:.09em;font-weight:850;color:#194f3e
}
.lux-final-instructions .lux-v32-example-chip{
  color:#748579;background:#fff;border:1px solid #e3ebe6;border-radius:99px;
  padding:5px 10px;font-size:10px;font-weight:650
}
.lux-final-instructions .lux-v32-example-grid{
  display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1.16fr);
  align-items:stretch;gap:0;padding:14px;min-width:0
}
.lux-final-instructions .lux-v32-demo-left,
.lux-final-instructions .lux-v32-demo-right{
  display:flex;flex-direction:column;min-width:0;border:1px solid #e2ebe5;
  background:#fbfdfb;border-radius:12px;padding:16px 18px;min-height:200px
}
.lux-final-instructions .lux-v32-demo-right{border-color:#ceded3;background:#fff}
.lux-final-instructions .lux-v32-demo-heading{font-size:17px;font-weight:850;color:#173e30;margin-bottom:14px}
.lux-final-instructions .lux-v32-demo-lines{display:grid;gap:7px;margin-bottom:16px}
.lux-final-instructions .lux-v32-demo-lines i{width:72%;height:7px;display:block;border-radius:8px;background:#e5eee9}
.lux-final-instructions .lux-v32-demo-lines i+i{width:45%}
.lux-final-instructions .lux-v32-demo-trigger{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px;
  border:1.5px solid #c39a53;border-radius:9px;background:#fffdf8;padding:11px 13px;
  font-size:12px;font-weight:750;color:#224c3a
}
.lux-final-instructions .lux-v32-demo-trigger small{font-size:11px;color:#819287;font-weight:450}
.lux-final-instructions .lux-v32-demo-add{color:#a36e23;font-weight:900;white-space:nowrap;font-size:13px}
.lux-final-instructions .lux-v32-demo-mini{display:block;margin-top:auto;padding-top:14px;font-size:11px;color:#668173}
.lux-final-instructions .lux-v32-demo-arrow{display:flex;align-items:center;justify-content:center;color:#c99e50;font-size:25px;font-weight:750}
.lux-final-instructions .lux-v32-demo-textbox{
  display:flex;align-items:center;min-width:0;min-height:78px;padding:14px 15px;
  border:1.5px solid #c0d2c5;border-radius:9px;background:#f7fbf8;
  color:#123e30;font-size:19px;font-weight:850;letter-spacing:.01em;overflow-wrap:anywhere;
  box-shadow:inset 0 1px 3px rgba(25,75,52,.035)
}
.lux-final-instructions .lux-v32-demo-save{align-self:flex-end;border-radius:7px;margin-top:10px;background:#184d3b;color:#fff;font-size:12px;font-weight:750;padding:8px 18px}
.lux-final-instructions .lux-v32-demo-right .lux-v32-demo-mini{padding-top:10px}
.lux-final-instructions .lux-v32-example-footnote{
  margin:0!important;padding:10px 17px 13px!important;border-top:1px solid #e5eee8;
  font-size:11px!important;color:#657e70!important;line-height:1.45!important;
}
@media(max-width:700px){
 .lux-final-instructions .lux-v32-example-grid{grid-template-columns:1fr;gap:8px;padding:11px}
 .lux-final-instructions .lux-v32-demo-left,.lux-final-instructions .lux-v32-demo-right{min-height:0;padding:14px}
 .lux-final-instructions .lux-v32-demo-arrow{transform:rotate(90deg);height:26px}
 .lux-final-instructions .lux-v32-demo-heading{font-size:15px;margin-bottom:9px}
 .lux-final-instructions .lux-v32-demo-textbox{font-size:16px;min-height:65px}
 .lux-final-instructions .lux-v32-demo-mini{padding-top:9px}
}
@media print{.lux-final-instructions .lux-v32-example{break-inside:avoid}}


/* V35 — poprawki na bazie stabilnej V32 */
.lux-final-instructions .lux-checkout-badge .lux-allegro-accent{color:#d84a38;font-weight:900}
.lux-final-instructions .lux-v32-demo-smart{display:flex;flex-direction:column;align-items:flex-end;gap:1px;margin:-2px 0 14px}
.lux-final-instructions .lux-v32-demo-smart-old{font-size:12px;color:#7d7d7d;text-decoration:line-through;text-decoration-thickness:1.5px}
.lux-final-instructions .lux-v32-demo-smart-row{display:flex;align-items:center;gap:4px;font-weight:900;line-height:1}
.lux-final-instructions .lux-v32-demo-smart-brand{font-size:15px;color:#5b2ca3;letter-spacing:.01em}
.lux-final-instructions .lux-v32-demo-smart-bang{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#ff6b2c;color:#fff;font-size:11px;font-weight:900;transform:translateY(-1px)}
.lux-final-instructions .lux-v32-demo-smart-price{font-size:16px;color:#3b3b3b}
.lux-final-instructions .lux-v32-demo-more{display:flex;align-items:center;gap:8px;color:#2f8e8e;font-size:12px;letter-spacing:.08em;margin-bottom:14px}
.lux-final-instructions .lux-v32-demo-more span{font-size:14px;color:#737373}
.lux-fabric-section{display:grid;gap:10px;margin-top:14px}
.lux-fabric-section + .lux-fabric-section{margin-top:18px}
.lux-fabric-section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;color:#7a8e82;font-size:13px;padding-top:4px}
.lux-fabric-section-head strong{display:flex;align-items:center;gap:8px;color:#173e30;font-size:16px}
.lux-honeycomb-inline{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:999px;background:#fff6e8;border:1px solid #ecd8b1;color:#af7823;font-size:12px}
.window-scene[data-scene-version="17"].lux-group-B.lux-b-honeycomb.lux-view-back .pleat-material{background-color:#f1ece3!important;background-image:linear-gradient(90deg,rgba(66,56,42,.035),transparent 14%,rgba(255,255,255,.12) 52%,transparent 86%,rgba(58,50,39,.045)),repeating-linear-gradient(0deg,rgba(255,255,255,.09) 0 2px,rgba(164,152,134,.03) 2px 4px),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 2px,rgba(164,152,134,.028) 2px 4px)!important;box-shadow:inset 0 0 6px rgba(84,74,58,.06)!important}
.window-scene[data-scene-version="17"].lux-group-B.lux-b-honeycomb.lux-view-back .pleat-material::after{background:linear-gradient(112deg,rgba(255,252,247,.18) 0%,rgba(236,230,221,.28) 34%,rgba(248,244,237,.20) 58%,rgba(220,210,194,.18) 83%,rgba(252,250,246,.16) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 2px,rgba(179,188,191,.015) 2px 4px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 2px,rgba(179,188,191,.015) 2px 4px)!important;opacity:.52!important}
.lux-detail-image.is-honeycomb-reverse::after{background:linear-gradient(112deg,rgba(252,248,242,.76),rgba(228,220,208,.68) 36%,rgba(247,242,234,.78) 56%,rgba(218,206,190,.66) 82%,rgba(250,247,242,.74)),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 2px,rgba(181,169,151,.04) 2px 4px),repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 2px,rgba(181,169,151,.04) 2px 4px);opacity:.86!important}
@media(max-width:700px){.lux-fabric-section-head{font-size:12px}.lux-fabric-section-head strong{font-size:15px}}

/* V36 — jedna szybka przewijana lista grupy B, opisy w kafelkach grup */
.options-group .option{min-height:145px;align-content:start}
.options-group .option .option-copy small{display:block!important;color:#687d71!important;line-height:1.45!important;font-size:11px!important}
.lux-fabric-catalog{max-height:510px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9caea2 transparent;border-radius:11px;padding:0 4px 7px;contain:layout style}
.lux-fabric-catalog .lux-fabric-section{margin-top:12px;display:block}
.lux-fabric-catalog .lux-fabric-section + .lux-fabric-section{margin-top:20px}
.lux-fabric-catalog .lux-fabric-section-head{margin-bottom:9px;padding:3px 2px;}
.lux-fabric-catalog .swatches{max-height:none!important;overflow:visible!important;margin-top:6px;padding:2px;}
@media(max-width:620px){.lux-fabric-catalog{max-height:390px}.options-group .option{min-height:160px}.options-group .option .option-copy small{font-size:10px!important}}


/* V37: kosmetyka — złote numerki, B pojedyncza srebrna od zewnątrz */
.lux-final-instructions .lux-checkout-number{
  color:#153e30!important;
  background:linear-gradient(145deg,#f9e4a7 0%,#e5bd69 42%,#c08d38 100%)!important;
  border:1px solid rgba(159,110,35,.42)!important;
  box-shadow:0 3px 9px rgba(164,113,44,.19),inset 0 1px 0 rgba(255,255,255,.64)!important;
  font-weight:900!important;
}
/* Gold remains an accent; green remains the dominant interface color. */
.window-scene[data-scene-version="17"].lux-group-B.lux-b-single.lux-view-back .pleat-material{
  background-color:#c8cdd1!important;
  background-image:linear-gradient(95deg,rgba(66,73,79,.10) 0%,rgba(255,255,255,.26) 28%,rgba(111,122,129,.11) 59%,rgba(250,253,254,.28) 82%,rgba(72,81,88,.10) 100%)!important;
  background-size:100% 100%!important;
}
.window-scene[data-scene-version="17"].lux-group-B.lux-b-single.lux-view-back .pleat-material::after{
  background:linear-gradient(105deg,rgba(231,236,238,.20),rgba(169,178,185,.17) 35%,rgba(251,253,253,.27) 60%,rgba(162,173,181,.21) 82%,rgba(240,244,246,.15))!important;
  opacity:.77!important;
}
/* Close-up uses the same sample folds, without copying its interior color to the exterior. */
.lux-detail-image.is-single-silver-reverse img{filter:grayscale(1) brightness(1.13) contrast(.78)!important;}
.lux-detail-image.is-single-silver-reverse::after{
  background:linear-gradient(112deg,rgba(210,220,225,.22) 0%,rgba(247,250,252,.25) 28%,rgba(163,175,185,.30) 58%,rgba(232,237,241,.24) 100%)!important;
  opacity:.68!important;
}


/* V40 — zdjęcie już zawiera przyciski na dole: 1 aktywny obszar na 1 nadruk. */
.window-scene[data-scene-version="17"] .lux-scene-actions .lux-photo-control,
.window-scene[data-scene-version="17"] .lux-scene-actions .lux-photo-control:hover,
.window-scene[data-scene-version="17"] .lux-scene-actions .lux-photo-control:active{
  position:absolute!important;
  top:auto!important;
  bottom:.9%!important;
  height:6.05%!important;
  display:block!important;
  padding:0!important;
  min-width:0!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  -webkit-tap-highlight-color:transparent;
  text-shadow:none!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  z-index:20!important;
}
.window-scene[data-scene-version="17"] .lux-scene-actions .lux-fullscreen{left:2.4%!important;right:auto!important;width:17.1%!important;}
.window-scene[data-scene-version="17"] .lux-scene-actions .lux-change-view{left:21.2%!important;right:auto!important;width:17.6%!important;}
.window-scene[data-scene-version="17"] .lux-photo-control span{visibility:hidden!important;opacity:0!important}
.window-scene[data-scene-version="17"] .lux-scene-actions .lux-photo-control:focus-visible{
  outline:2px solid #c78d42!important;outline-offset:1px!important;border-radius:11px!important;
}
/* Zbliżenie zasłania nadruk na fotografii. Pozostałe trzy widoki pod obrazem
   wciąż działają i są widoczne niezależnie od widoku. */

/* Rezerwowy pełny ekran na przeglądarkach bez dostępu do Fullscreen API. */
body.lux-fullscreen-fallback-open{overflow:hidden!important}
.visual-panel.lux-expanded-fallback{
  position:fixed!important;inset:0!important;z-index:99990!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:flex-start!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  box-sizing:border-box!important;max-width:none!important;max-height:none!important;
  width:100vw!important;height:100dvh!important;
  margin:0!important;padding:12px 16px 20px!important;
  border:none!important;border-radius:0!important;
  background:#fafcf9!important;box-shadow:none!important;
}
.visual-panel.lux-expanded-fallback .visual-header{width:min(740px,100%)!important;flex:0 0 auto!important}
.visual-panel.lux-expanded-fallback .visual-header h2{margin-bottom:10px!important;font-size:19px!important}
.visual-panel.lux-expanded-fallback .window-scene[data-scene-version="17"]{
  width:min(730px,calc(100vw - 32px),calc((100dvh - 220px) * .9135))!important;
  flex:0 0 auto!important;margin:0 auto!important;
}
.visual-panel.lux-expanded-fallback .lux-view-choices{
  display:grid!important;position:sticky!important;bottom:7px!important;z-index:150!important;
  width:min(730px,100%)!important;flex:0 0 auto!important;
  margin:9px auto 0!important;padding:7px!important;border-radius:12px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 5px 18px rgba(18,62,54,.13)!important;border:1px solid #e0e9e2!important;
}
.visual-panel.lux-expanded-fallback .lux-view-choices .lux-view-btn{min-height:43px!important;font-size:clamp(11px,1.3vw,14px)!important}
.visual-panel.lux-expanded-fallback .lux-preview-meta,
.visual-panel.lux-expanded-fallback .lux-precise-controls,
.visual-panel.lux-expanded-fallback .selected-preview{display:none!important}
@media(max-width:620px){
 .visual-panel.lux-expanded-fallback .window-scene[data-scene-version="17"]{width:min(calc(100vw - 22px),calc((100dvh - 188px) * .9135))!important}
 .visual-panel.lux-expanded-fallback .lux-view-choices .lux-view-btn{padding:8px 3px!important;font-size:10px!important}
}


/* ================================================================
   V41 – widok 3D: osobna warstwa uruchamiana dopiero po kliknięciu.
   Zachowujemy zdjęcie i całą wizualizację V40 bez zmian.
   ================================================================ */
.lux-view-choices{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.lux-view-choices .lux-view-btn{position:relative;padding:12px 4px!important;line-height:1.25;gap:4px}
.lux-view-choices .lux-view-3d-btn{border-color:#e3d0ad;color:#956a24;background:linear-gradient(125deg,#fffdf7,#faf5e8)}
.lux-view-choices .lux-view-3d-btn.is-active{border-color:#be9142;background:#1b4d3c;color:#fff}
.lux-view-choices .lux-3d-new{position:absolute;right:5px;top:-7px;padding:3px 5px;border-radius:999px;background:#e7b65f;color:#56380c;font-size:7px;font-weight:950;letter-spacing:.04em;line-height:1}
.lux-3d-panel[hidden]{display:none!important}
.window-scene[data-scene-version="17"] .lux-3d-panel{
 position:absolute!important;inset:0!important;z-index:70!important;display:block!important;
 background:radial-gradient(ellipse at 50% 34%,#fffefa 0%,#f0efe9 48%,#d7e1d8 100%);
 overflow:hidden;isolation:isolate
}
.lux-3d-panel:before{content:"";position:absolute;inset:auto 6% 4% 6%;height:20%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(31,72,56,.11),transparent 63%);filter:blur(15px);z-index:-1;pointer-events:none}
.lux-3d-panel canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline:none;user-select:none}
.lux-3d-panel canvas:active{cursor:grabbing}
.lux-3d-top{position:absolute;top:16px;left:18px;display:flex;align-items:center;gap:10px;color:#345b49;font-size:12px;font-weight:800;pointer-events:none}
.lux-3d-emblem{font-size:15px;color:#fff;background:#194b3a;border-radius:10px;padding:7px 9px;box-shadow:0 5px 12px #0f40301f}
.lux-3d-toolbar{display:flex;align-items:center;gap:7px;position:absolute;bottom:47px;left:50%;transform:translateX(-50%);border-radius:14px;padding:7px;background:#ffffffef;border:1px solid #dfe9e1;box-shadow:0 7px 24px #15392d22;z-index:2}
.lux-3d-toolbar button{height:35px;min-width:35px;border:0;border-radius:9px;color:#1e5a46;background:#f3f8f5;font-size:20px;font-weight:850;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lux-3d-toolbar button:hover,.lux-3d-toolbar button:focus-visible{color:#fff;background:#1d5a45}
.lux-3d-toolbar .lux-3d-reset{font-size:18px;padding:0 11px;gap:4px}
.lux-3d-toolbar .lux-3d-reset span{font-size:11px;font-weight:800}
.lux-3d-tip{position:absolute;bottom:15px;left:10px;right:10px;text-align:center;color:#698177;font-size:10px;line-height:1.35;pointer-events:none}
.lux-3d-wait{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80%;padding:14px 18px;background:#ffffffed;border:1px solid #e4ebe5;border-radius:14px;color:#22523f;font-size:13px;text-align:center;font-weight:800;box-shadow:0 10px 30px #183e3015}
.lux-3d-wait[hidden]{display:none!important}
.lux-3d-wait.lux-3d-failed{color:#913c2a;line-height:1.5}
/* W widoku 3D chowamy wyłącznie nadrukowane kontrolki zdjęcia. */
.window-scene[data-scene-version="17"].lux-view-3d>.lux-scene-actions{pointer-events:none!important}
/* Na urządzeniu mobilnym trzy widoki 2D + 3D w siatce 2 × 2 dla czytelności. */
@media(max-width:660px){
 .lux-view-choices{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .lux-view-choices .lux-view-btn{font-size:11px!important;min-height:45px!important}
 .lux-3d-top{top:12px;left:12px;font-size:11px}
 .lux-3d-toolbar{bottom:42px;padding:6px;gap:5px}
 .lux-3d-toolbar button{height:32px;min-width:32px}
 .lux-3d-tip{bottom:12px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.lux-view-3d-btn{transition:none!important}}
/* Widok 3D bez kliknięcia jest zawsze wyłączony, mimo stylów sceny. */
.window-scene[data-scene-version="17"] .lux-3d-panel[hidden]{display:none!important}


/* V42 – realistyczniejszy widok: bez zmian w zwykłych krokach i koszyku. */
.window-scene[data-scene-version="17"] .lux-3d-panel{
 background:radial-gradient(ellipse at 52% 40%,#fffefa 0%,#f3f1eb 54%,#e9ede6 100%)!important;
}
.lux-3d-rail-controls{position:absolute;z-index:4;top:68px;right:12px;width:clamp(135px,28%,190px);padding:11px 12px 12px;background:rgba(255,255,255,.92);border:1px solid #e1e7df;border-radius:13px;box-shadow:0 6px 20px rgba(41,49,32,.08);display:grid;gap:5px;backdrop-filter:blur(4px)}
.lux-3d-rail-controls label{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:11px;color:#1b513d;font-weight:800}
.lux-3d-rail-controls output{color:#a27331;font-size:11px;font-weight:900}
.lux-3d-rail-controls input{width:100%;margin:0 0 8px;height:16px;accent-color:#2b6651;cursor:pointer;touch-action:pan-x}
.lux-3d-rail-controls input:last-child{margin-bottom:0}
.lux-3d-tip{color:#406551!important;font-weight:650;text-shadow:0 1px 3px #fff}
.lux-3d-panel canvas:active{cursor:grabbing}
@media(max-width:660px){.lux-3d-rail-controls{top:48px;right:7px;width:125px;padding:8px 9px;gap:2px}.lux-3d-rail-controls label{font-size:9px}.lux-3d-rail-controls output{font-size:9px}.lux-3d-rail-controls input{height:14px;margin-bottom:5px}.lux-3d-tip{bottom:7px;font-size:9px}.lux-3d-toolbar{bottom:32px}}
/* Na dużym ekranie sterowanie przesuwem nie zasłania prawej krawędzi okna. */
@media(min-width:661px){.lux-3d-rail-controls{left:12px;right:auto}}


/* V42.1 — widoczna informacja, gdzie montowana jest plisa w modelu 3D. */
.lux-3d-mount-badge{position:absolute;z-index:3;left:14px;bottom:109px;max-width:80%;border:1px solid rgba(224,232,225,.94);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 3px 10px rgba(23,58,39,.06);padding:6px 11px;font-weight:800;color:#275943;font-size:11px;pointer-events:none}
@media(max-width:660px){.lux-3d-mount-badge{left:8px;bottom:90px;max-width:85%;padding:5px 8px;font-size:9px}}


/* V44 — precyzyjny zoom 3D i skróty do detali, bez zmiany widoku 2D. */
.lux-3d-focus-controls{position:absolute;z-index:4;bottom:101px;left:50%;transform:translateX(-50%);display:flex;gap:7px;justify-content:center;white-space:nowrap}
.lux-3d-focus-controls button{appearance:none;cursor:pointer;border:1px solid #cddfd3;background:rgba(255,255,255,.96);color:#255442;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:850;box-shadow:0 4px 15px #123b2420}
.lux-3d-focus-controls button:hover,.lux-3d-focus-controls button:focus-visible{background:#195440;color:white;border-color:#195440}
.lux-3d-mount-badge{bottom:148px}
@media(max-width:660px){.lux-3d-focus-controls{bottom:81px;gap:5px}.lux-3d-focus-controls button{font-size:10px;padding:6px 9px}.lux-3d-mount-badge{bottom:119px}}

/* V46: jednostki Allegro zamiast cen i trzy widoki 2D */
.lux-view-choices{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.lux-view-3d-btn{display:none!important}
.summaryPrice strong#totalValue{font-size:clamp(27px,3vw,36px);color:#185540}
.cart-totals strong#cartTotal{font-size:clamp(25px,3vw,35px);color:#185540}
.lux-final-price-card strong#finalTotal{font-size:clamp(38px,5vw,62px);letter-spacing:-.05em}

/* ===== ZALUZJE V2: oryginalny szablon Luxrolety, tylko osłona w oknie ===== */
.window-scene[data-scene-version="17"] .shade-guide { display:none!important }
.window-scene[data-scene-version="17"] .blinds-shade {
 top:0%;left:.3%!important;right:.3%!important;min-height:0!important;overflow:visible!important;
 --wood-light:#e7cba3;--wood-mid:#c39464;--wood-dark:#795538;
 box-shadow:0 3px 8px rgba(45,35,24,.18)!important;
}
.window-scene[data-scene-version="17"].blind-bamboo .blinds-shade {
 --wood-light:#ebd19a;--wood-mid:#c9a361;--wood-dark:#876434;
}
.window-scene[data-scene-version="17"] .blinds-lamellas {
 position:absolute!important;inset:0!important;
 background-color:var(--wood-mid)!important;
 background-image:
  linear-gradient(90deg,rgba(31,24,17,.10),transparent 11%,rgba(255,255,255,.09) 48%,transparent 88%,rgba(43,27,14,.14)),
  repeating-linear-gradient(to bottom, var(--wood-light) 0px, var(--wood-light) 3px, var(--wood-mid) 6px, var(--wood-mid) 10px, var(--wood-dark) 13px, var(--wood-mid) 15px)!important;
 background-size:100% 100%,100% var(--blind-step,15px)!important;
 filter:brightness(var(--blind-brightness,1))!important;
 border:0!important;box-shadow:inset 5px 1px 13px rgba(55,37,20,.20),inset -4px 1px 8px rgba(55,37,20,.13)!important;
}
.window-scene[data-scene-version="17"].blind-back .blinds-lamellas{filter:saturate(.84) brightness(var(--blind-brightness,1))!important}
.window-scene[data-scene-version="17"] .blinds-lamellas::before,
.window-scene[data-scene-version="17"] .blinds-lamellas::after {content:none!important;display:none!important}
.window-scene[data-scene-version="17"] .blinds-strings{
 z-index:4;position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(90deg,transparent 16%,#e3d5ba 16%,#e3d5ba 17.5%,transparent 17.5%,transparent 82.5%,#e3d5ba 82.5%,#e3d5ba 84%,transparent 84%);
 opacity:.95;
}
.window-scene[data-scene-version="17"].blind-tape .blinds-strings {
 background:linear-gradient(90deg,transparent 14%,#e8d9bc 14%,#e8d9bc 20%,transparent 20%,transparent 80%,#e8d9bc 80%,#e8d9bc 86%,transparent 86%);
}
.window-scene[data-scene-version="17"] .blinds-head,.window-scene[data-scene-version="17"] .blinds-bottom{
 position:absolute;left:-.4%;right:-.4%;height:13px;z-index:6;
 background:linear-gradient(to bottom,var(--wood-light),var(--wood-mid) 60%,var(--wood-dark));
 box-shadow:0 2px 4px #0004;
}
.window-scene[data-scene-version="17"] .blinds-head{top:0}
.window-scene[data-scene-version="17"] .blinds-bottom{bottom:0;height:9px}
.window-scene[data-scene-version="17"] .blinds-pull{
 position:absolute;left:6%;top:8px;height:67px;width:2px;background:#e9dfcc;z-index:7;
 box-shadow:3px 1px 1px #65544088;
}
.window-scene[data-scene-version="17"].blind-right-controls .blinds-pull {left:auto;right:6%}
.window-scene[data-scene-version="17"] .blinds-pull::after{content:"";position:absolute;bottom:-8px;left:-3px;width:8px;height:15px;border-radius:6px;background:#a67f59}
/* Oryginalne ozdobne elementy sceny z plisa nie powinny pozostac widoczne. */
.window-scene[data-scene-version="17"] .pleat-thread,
.window-scene[data-scene-version="17"] .shade-rail {display:none!important}
.window-scene[data-scene-version="17"]>.lux-drag-hint{display:none!important}
.window-scene[data-scene-version="17"] .blinds-zoom{background:#e7d0aa!important;overflow:hidden!important}
.window-scene[data-scene-version="17"] .blinds-zoom-lamellas{
 display:block;position:absolute;inset:4% 3%;background:
 repeating-linear-gradient(to bottom,#e7c99e 0,#efd9b7 7px,#bf9160 17px,#764d2f 23px,#b38457 28px);
 border-radius:6px;box-shadow:inset 0 0 20px #62432655;
}
.window-scene[data-scene-version="17"].blind-bamboo .blinds-zoom-lamellas {filter:sepia(.25) brightness(1.08)}
.wizard .options-kind,.wizard .options-slat,.wizard .options-mount,.wizard .options-ladder,.wizard .options-valance,.wizard .options-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.wizard .options-controls .option{align-items:flex-start;min-height:108px}
.wizard .options-controls .option strong{font-size:12px!important;line-height:1.46!important}
.wizard .options-mount .option{grid-column:1/-1;min-height:100px}
.wizard .option:disabled{opacity:.52;cursor:not-allowed;filter:grayscale(.3)}
.wizard .option:disabled:hover{border-color:#e7e5e0;background:#fdfdfc}
.wizard .options-mount .choice-symbol{font-size:28px}
.summary #summaryList{display:block!important;margin:15px 0 5px;border-top:1px solid #edf0ec;padding-top:8px}
.summary #summaryList .pair{display:grid;grid-template-columns:34% 66%;gap:8px;font-size:11px;line-height:1.4;border-bottom:1px solid #f0f2ef;padding:7px 0}
.summary #summaryList dt{color:#688073}
.summary #summaryList dd{text-align:right;color:#124638;font-weight:750;margin:0;overflow-wrap:anywhere}
.lux-price-disclaimer{font-size:11px;line-height:1.45;padding:9px 11px;background:#fffaf1;border-color:#ead6ab;color:#7d602d}
.cart-item-actions button[data-edit]{padding:4px 9px;font-size:10px;border-radius:7px}
.lux-stepper{flex-wrap:wrap;gap:4px 7px!important}
.lux-stepper>span{white-space:nowrap;font-size:10px!important}
@media (max-width:680px){.wizard .options-controls,.wizard .options-kind,.wizard .options-ladder,.wizard .options-valance{grid-template-columns:1fr}.wizard .options-controls .option{min-height:78px}.lux-stepper>span{font-size:9px!important}}