.laptop-product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;margin:24px 0 64px}.laptop-product-photo{margin:0;overflow:hidden;border:1px solid #deded4;border-radius:14px;background:#f7f5ef}.laptop-product-photo img{display:block;width:100%;height:auto}.laptop-product-photo figcaption{padding:12px 18px;font-size:.875rem;color:#62665f}.laptop-product-copy h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;margin:8px 0 20px}.laptop-product-copy p{line-height:1.7}.laptop-product-copy .product-button{border-radius:6px;background:#2e4938;color:white}.laptop-designer{scroll-margin-top:24px;border-top:1px solid #dddcd3;padding-top:36px}.laptop-designer>header{max-width:760px;margin-bottom:26px}.laptop-designer h2{font-size:1.75rem;margin:0 0 12px}.laptop-design-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:start}.laptop-preview-panel{position:sticky;top:24px;padding:16px;background:linear-gradient(145deg,#fcfaf6,#f1ece4);border:1px solid #ddd4c7;border-radius:12px}
.laptop-illustration{position:relative;width:100%;max-width:660px;aspect-ratio:14/18.4;margin:auto;isolation:isolate;overflow:hidden;border-radius:7px;background:radial-gradient(ellipse at 45% 45%,#fffdfa,#f1ece4)}
.laptop-model-stage{position:absolute;inset:0;visibility:hidden}
.laptop-illustration.model-ready .laptop-model-stage{visibility:visible}
.laptop-illustration.model-ready .laptop-digital-fallback{visibility:hidden}
.laptop-webgl-canvas{display:block;width:100%;height:100%}
.laptop-digital-fallback{position:absolute;left:5%;top:50%;width:90%;aspect-ratio:14/17.56;transform:translateY(-50%);display:grid;grid-template-rows:8.6fr .36fr 8.6fr;filter:drop-shadow(0 3px 5px #3c291c22)}
.laptop-digital-fallback::after{content:"";grid-row:2;grid-column:1;align-self:center;justify-self:center;width:81%;height:45%;border:1px solid #747c77;border-radius:1px;background:linear-gradient(#c4c9c3,#919b95 48%,#d2d6d0)}
.laptop-digital-lid,.laptop-digital-base{position:relative;box-sizing:border-box;background:#a88159 url('/materials/sword-walnut-v2.webp') center/cover;border:1px solid #826447;box-shadow:inset 0 1px 2px #efdab9;border-radius:2px}
.laptop-digital-lid{grid-row:1;grid-column:1}
.laptop-digital-base{grid-row:3;grid-column:1}
.laptop-preview-screen{box-sizing:border-box;position:absolute;inset:6.7% 4.65%;padding:9%;color:#f3edcf;border:3px double #eee7c7;background:linear-gradient(125deg,#1b2626,#080e0f 60%,#202b2b);display:flex;flex-direction:column;justify-content:center;text-align:center;overflow:hidden}
.laptop-preview-screen strong{display:block;font-size:16px;line-height:1.2;overflow-wrap:anywhere}
.laptop-preview-screen p{font-size:12px;line-height:1.3;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0}
.laptop-fallback-keyboard{position:absolute;left:4.5%;right:4.5%;top:11.1%;height:54%;display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(6,1fr);gap:2px;padding:2px;border:1px solid #372417b8;border-radius:4px}
.laptop-fallback-keyboard>span{border:1px solid #372417b8;box-shadow:.5px .5px 0 #e6c59e88;border-radius:1px}
.laptop-fallback-trackpad{position:absolute;left:33.3%;top:71.8%;width:33.3%;height:21.4%;border:1px solid #372417b8;border-radius:4px;box-shadow:.5px .5px 0 #e6c59e88}
.laptop-preview-art{position:absolute;width:18.6%;height:30.2%;top:67.4%;background:#27180e;opacity:.85;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}
.laptop-preview-art[data-side=left]{left:6.4%}
.laptop-preview-art[data-side=right]{right:6.4%}
.laptop-preview-art[hidden]{display:none}
.laptop-preview-panel>p{font-size:.8125rem;line-height:1.5;color:#62665f;margin:12px 0 0}.laptop-controls{display:grid;gap:22px}.laptop-field{display:grid;gap:8px;font-weight:600}.laptop-controls input,.laptop-controls textarea,.laptop-controls select{box-sizing:border-box;display:block;width:100%;padding:12px;border:1px solid #bfc5b8;border-radius:6px;font:inherit;font-weight:400;background:white;color:#25352a}.laptop-controls textarea{min-height:156px;resize:vertical}.laptop-field-note{font-size:.8125rem;font-weight:400;color:#62665f}.laptop-art-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:0;padding:0;margin:0}.laptop-art-options legend{font-weight:600;margin-bottom:12px}.laptop-art-slot{display:flex;flex-direction:column;gap:10px;border:1px solid #dddcd3;border-radius:8px;padding:14px;min-width:0}.laptop-art-slot p{font-size:.875rem;margin:0;overflow-wrap:anywhere}.laptop-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #2e4938;border-radius:6px;background:#2e4938;color:#fff;text-decoration:none;font:inherit;font-weight:600;cursor:pointer}.laptop-button.secondary{color:#2e4938;background:#f1f4eb}.laptop-remove{padding:4px;background:none;border:0;text-decoration:underline;cursor:pointer;color:#2e4938;font:inherit;font-size:.8125rem}.laptop-review{padding:20px;border:1px solid #dddcd3;border-radius:10px;background:#f7f5ef}.laptop-review p{line-height:1.5}.laptop-review .laptop-actions{display:flex;flex-wrap:wrap;gap:10px}.laptop-review .laptop-field-note{margin-bottom:14px}.laptop-status{font-size:.875rem;line-height:1.5}.laptop-controls [hidden],.laptop-preview-art[hidden]{display:none}.laptop-controls :is(button,input,textarea,select):focus-visible{outline:3px solid #a58b45;outline-offset:3px}@media(max-width:900px){.laptop-product,.laptop-design-layout{grid-template-columns:1fr;gap:28px}.laptop-preview-panel{position:static}.laptop-product-photo{max-width:600px}}@media(max-width:600px){.laptop-product{margin-top:16px;margin-bottom:36px}.laptop-product-copy h1{font-size:2rem}.laptop-preview-panel{padding:18px}.laptop-art-options{grid-template-columns:1fr}.laptop-controls input,.laptop-controls textarea,.laptop-controls select{font-size:16px}.laptop-review .laptop-actions{flex-direction:column}}

.laptop-design-page .laptop-designer{border-top:0;padding-top:0;margin-top:28px}.laptop-designer h1{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.15;margin:0 0 14px}.laptop-gallery{border-top:1px solid #dddcd3;padding-top:36px;margin:0 0 48px}.laptop-gallery>header{margin-bottom:24px}.laptop-gallery h2{font-size:clamp(1.6rem,3vw,2rem);margin:6px 0 10px}.laptop-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.laptop-gallery-grid figure{margin:0;border-radius:10px;overflow:hidden;background:#242321}.laptop-gallery-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.laptop-gallery-action{text-align:center;margin-top:28px}.laptop-gallery-action .product-button{background:#2e4938;color:#fff;border-radius:6px}@media(max-width:960px){.laptop-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:660px){.laptop-gallery-grid{grid-template-columns:1fr;gap:18px}.laptop-gallery{padding-top:26px}.laptop-design-page .laptop-designer{margin-top:22px}}
.laptop-product-media{min-width:0}.laptop-product-media .laptop-product-photo img,.laptop-gallery-grid img{aspect-ratio:1;object-fit:cover}.laptop-photo--martin{object-position:50% 100%}.laptop-photo--ramirez{object-position:50% 70%}.laptop-photo--kisela{object-position:50% 70%}

.laptop-preview-screen>[hidden]{display:none}.laptop-preview-screen>strong[hidden]+p{margin-top:0}.laptop-controls>.laptop-actions{display:flex;flex-wrap:wrap;gap:12px}.laptop-button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.laptop-controls>.laptop-actions{flex-direction:column}}