.language-switch{background:transparent;border:1px solid var(--line);border-radius:4px;min-height:44px;padding:8px 12px;font-size:13px;white-space:nowrap}.language-switch:hover{background:var(--lime)}
.preview-panel{scroll-margin-top:110px}
@media(max-width:700px){.preview-panel{scroll-margin-top:82px}}
html[dir=rtl]{font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.25}html[dir=rtl] .hero-copy{text-align:right}html[dir=rtl] .selection-button{padding:12px 12px 12px 0}html[dir=rtl] .image-action{right:auto;left:18px}html[dir=rtl] .hero-copy .button svg,html[dir=rtl] .text-link svg,html[dir=rtl] .image-action svg{transform:scaleX(-1)}html[dir=rtl] .fit-content ol{padding-left:0;padding-right:20px}html[dir=rtl] dialog{inset:0 auto 0 0}html[dir=rtl] .preview-label{left:auto;right:18px}html[dir=rtl] .preview-loading,html[dir=rtl] .retry-preview{left:auto;right:18px}html[dir=rtl] .measurement-fields input{direction:ltr;text-align:right}html[dir=rtl] .design-summary,html[dir=rtl] .saved-item p{unicode-bidi:plaintext}html[dir=rtl] .shape-options span,html[dir=rtl] .product h3{direction:ltr}
@media(max-width:1050px){.header{gap:12px}.header nav{gap:14px;font-size:11px}.language-switch{padding-inline:8px}}
@media(max-width:700px){.header{gap:8px;flex-wrap:nowrap}.header .logo{width:100px}.selection-button{padding-inline:0;font-size:11px;gap:5px}.language-switch{font-size:12px;padding:6px 8px;min-width:48px}html[dir=rtl] .selection-button{padding-inline:0}html[dir=rtl] .preview-loading,html[dir=rtl] .retry-preview{right:3px;left:3px}html[dir=rtl] .hero h1{font-size:clamp(43px,11.5vw,68px)}}