.configurator{background:#f4f7fb}.config-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start;gap:32px}.config-options{min-width:0}.config-step{margin:0 0 24px;padding:24px;background:#fff;border:1px solid #dce5ef;border-radius:14px;min-width:0}.config-step h3,.config-step legend{font-size:21px;font-weight:700;margin:0 0 16px}.config-step legend{float:left;width:100%}.config-step p{font-size:14px;color:#566579;clear:both;margin:0 0 18px}.config-step select{max-width:320px}.design-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;scroll-margin-top:120px}.design-options button{position:relative;background:#fff;border:2px solid #e2e9f1;border-radius:9px;padding:5px;cursor:pointer;color:#092544;font:inherit}.design-options img{display:block;width:100%;height:auto;aspect-ratio:512/606;object-fit:contain}.design-options span{display:block;font-size:13px;padding:6px}.design-options button[aria-pressed=true]{border-color:#2160b3;background:#eaf2ff;box-shadow:0 0 0 1px #2160b3}.design-options button:hover{border-color:#7297c6}.custom-design{margin-top:16px;padding:12px 16px;border:1px solid #c1cfdf;border-radius:8px;background:white;color:#092544;font:inherit;cursor:pointer}.custom-design[aria-pressed=true]{background:#eaf2ff;border-color:#2160b3}.casing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;clear:both}.casing-option{display:flex;gap:10px;margin:0;padding:16px;border:2px solid #e2e9f1;border-radius:10px;cursor:pointer}.casing-option:has(input:checked){border-color:#2160b3;background:#f0f6ff}.casing-option input{accent-color:#2160b3;width:18px;height:18px;flex-shrink:0;margin-top:2px}.casing-option small{display:block;font-weight:400;font-size:12px;color:#566579;line-height:1.5;margin:8px 0 16px}.casing-option strong{display:block;font-size:20px}.config-layout #order{position:sticky;top:104px;box-shadow:0 10px 35px #1634520c;border:1px solid #dce5ef}.config-layout .chosen-design{flex-direction:column;align-items:stretch;background:white;margin:18px 0;padding:0}.config-layout .chosen-design img{width:100%;height:265px;order:0;border:1px solid #edf1f6;border-radius:10px}.config-layout .chosen-design strong{display:none}.config-layout .chosen-design p{font-weight:bold;font-size:18px;color:#092544}.config-layout .chosen-design button{font-size:12px}.casing-summary{background:#f3f6fa;padding:14px;border-radius:8px;font-weight:bold!important;color:#092544!important}.hero-design-preview{display:block;padding:26px;background:#fff;border-radius:16px;color:#092544;text-decoration:none}.hero-design-preview>span{display:block;font-size:18px;font-weight:bold}.hero-design-preview>div{display:flex;gap:12px;margin:20px 0}.hero-design-preview img{width:calc(50% - 6px);height:auto;object-fit:contain;border:1px solid #e3ebf4;border-radius:9px}.hero-design-preview b{display:block;background:#eaf2ff;padding:16px;border-radius:8px;text-align:center}.hero-design-preview small{display:block;text-align:center;margin-top:14px;color:#566579}@media(max-width:850px){.config-layout{grid-template-columns:1fr;gap:0}.config-layout #order{position:static}.config-step{padding:18px}.config-layout .chosen-design img{height:220px}.hero-design-preview{padding:20px}}@media(max-width:420px){.design-options{grid-template-columns:repeat(3,minmax(0,1fr))}.casing-grid{grid-template-columns:1fr}.casing-option small{margin:5px 0 8px}.config-step{padding:15px}}