.product-screens{padding:96px 32px 88px;background:#f5f3f7;color:#28212e;scroll-margin-top:25px}
.screens-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:38px}
.screens-heading h2{font-size:clamp(34px,3.5vw,49px);line-height:1.14;letter-spacing:-1.9px;font-weight:580;margin:18px 0 0}.screens-heading h2 span{color:#a63c29}
.screens-heading>p{font-size:16px;line-height:1.8;max-width:440px;color:#62596a;margin:0 0 4px}
.screen-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #d9d0df;margin-bottom:32px;gap:16px}.screen-tabs[hidden]{display:none}
.screen-tabs>button{display:flex;text-align:left;align-items:center;gap:14px;border:0;background:transparent;color:#62596a;border-bottom:3px solid transparent;padding:21px 13px 22px;position:relative;bottom:-1px;font-size:17px;font-weight:680;transition:background .2s,color .2s}
.screen-tabs>button:hover{background:#eee8f0;color:#28212e}.screen-tabs>button[aria-selected="true"]{border-bottom-color:#ee684c;color:#28212e;background:#ebe5ef;border-radius:10px 10px 0 0}
.screen-tab-num{font-size:12px;color:#715563}.screen-tabs small{display:block;font-weight:450;font-size:13px;color:#6b5e72;margin-top:5px}.screen-tabs svg{margin-left:auto;width:21px;height:21px}.screen-tabs>button[aria-selected="true"] svg{color:#b0432d}
.screen-panel[hidden]{display:none}.screen-panel+.screen-panel{margin-top:50px}[data-screens-enhanced] .screen-panel{margin-top:0}.screen-description{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;margin:0 0 26px;align-items:center}.screen-kicker{color:#a63c29;font-size:11px;font-weight:750;letter-spacing:1px}.screen-description h3{font-size:25px;line-height:1.35;letter-spacing:-.8px;margin:10px 0 0;font-weight:600}.screen-description p{font-size:15px;line-height:1.8;color:#62596a;margin:0;max-width:450px}
.screen-panel figure{margin:0}.screen-image-link{display:block;position:relative;overflow:hidden;border:1px solid #d1c5da;border-radius:14px;background:#fff;box-shadow:0 22px 50px -25px #28212e55}.screen-image-link img{display:block;width:100%;height:auto}.screen-zoom-label{position:absolute;right:18px;bottom:18px;background:#28212ef5;color:#fff;display:flex;align-items:center;gap:9px;border:1px solid #716174;padding:12px 16px;border-radius:8px;font-size:13px;box-shadow:0 4px 15px #28212e33}.screen-zoom-label svg{width:17px;height:17px}.screen-image-link:hover .screen-zoom-label{background:#a63c29;border-color:#a63c29}
.screen-panel figcaption{display:flex;gap:20px;justify-content:space-between;font-size:12px;line-height:1.7;color:#6b6071;padding-top:17px}.screen-panel figcaption>span:first-child{display:flex;align-items:center;gap:8px}.screen-panel figcaption i{display:inline-block;width:6px;height:6px;flex:none;background:#d8593e;border-radius:50%}
.screens-next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dcd3e2;margin-top:30px;padding-top:23px;font-size:14px;color:#62596a}.screens-next a{display:flex;align-items:center;gap:14px;color:#9b3423;font-weight:650;min-height:44px}
.screen-dialog{width:calc(100vw - 64px);max-width:1640px;padding:0;border:1px solid #7a6c83;border-radius:14px;box-shadow:0 40px 100px #08050b70;color:#28212e;background:#fff;max-height:92dvh}.screen-dialog::backdrop{background:#17121fe0;backdrop-filter:blur(5px)}.screen-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;border-bottom:1px solid #e5deeb}.screen-dialog-bar strong{display:block;font-size:16px}.screen-dialog-bar div>span{display:block;font-size:12px;color:#6b6071;margin-top:6px}.screen-dialog-bar button{background:#28212e;color:#fff;border:0;border-radius:7px;padding:12px 15px;font-size:14px;display:flex;align-items:center;gap:20px;min-height:44px}.screen-dialog-bar button>span{font-size:23px;line-height:1}.screen-dialog-image{overflow:auto;max-height:calc(92dvh - 95px)}.screen-dialog-image img{display:block;max-width:none;width:100%;min-width:1440px;height:auto}
@media(max-width:900px){.screens-heading,.screen-description{gap:30px}.screen-tabs>button{font-size:15px;gap:9px}.screen-tabs svg{display:none}.screen-description h3{font-size:23px}}
@media(max-width:600px){.product-screens{padding:58px 22px}.screens-heading{display:block;margin-bottom:24px}.screens-heading h2{font-size:35px;letter-spacing:-1.4px}.screens-heading>p{font-size:15px;margin-top:22px}.screen-tabs{gap:0;margin-bottom:26px}.screen-tabs>button{flex-direction:column;gap:8px;align-items:flex-start;font-size:13px;padding:15px 8px;line-height:1.45}.screen-tab-num{font-size:11px}.screen-tabs small{display:none}.screen-description{display:block}.screen-description h3{font-size:24px}.screen-description p{margin-top:15px;font-size:15px}.screen-image-link{border-radius:9px}.screen-zoom-label{position:static;justify-content:center;border:0;border-radius:0;font-size:13px;padding:12px}.screen-panel figcaption{display:block;font-size:11px;line-height:1.8}.screen-panel figcaption>span{display:block;margin-bottom:5px}.screens-next{display:block;font-size:14px;margin-top:20px}.screens-next a{margin-top:8px}.screen-dialog{width:calc(100vw - 20px);max-height:94dvh}.screen-dialog-bar{gap:12px;padding:15px}.screen-dialog-bar strong{font-size:14px;line-height:1.5}.screen-dialog-bar div>span{font-size:11px;line-height:1.5}.screen-dialog-bar button{padding:11px;gap:8px;font-size:12px}.screen-dialog-image{max-height:calc(94dvh - 110px)}}
@media(prefers-reduced-motion:reduce){.screen-tabs>button{transition:none}}

.screen-dialog[open]{display:flex;flex-direction:column}.screen-dialog-bar{flex:none}.screen-dialog-image{flex:1;min-height:0;max-height:none}.screen-dialog-image:focus-visible{outline:3px solid #a63c29;outline-offset:-4px}