@font-face{font-family:NotoArabic;src:url('/assets/noto-sans-arabic.woff2') format('woff2');font-weight:100 900;font-display:swap}header{gap:20px}.brand{margin:0;margin-inline-end:auto}.brand img{width:190px}nav{gap:20px;font-size:13px}.language{width:94px;flex-shrink:0}.language select{font-size:12px;margin:0;background:transparent;min-height:42px;padding:8px 4px;border-color:#cbc8be}.nav-cta{font-size:13px;gap:15px}summary{text-align:start}.option,.text-button{text-align:start}.preview-bar{font-size:10px}.message-preview{font:inherit;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #d6d2ca;padding:18px;background:#f7f5ef;max-height:320px;overflow:auto;text-align:start;line-height:1.6}.whatsapp-ready .button{width:100%;margin-top:18px}.whatsapp-ready .form-note{font-size:12px}.quiz{scroll-margin-top:20px}.email-input{direction:ltr;text-align:start}.success .quiz-footer{flex-wrap:wrap}.result .route{max-width:100%}.sizes{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}.footer-top a{overflow-wrap:anywhere}.catalog-caveat{font-size:12px}.quiz h3{scroll-margin-top:30px}html[dir=rtl] body{font-family:NotoArabic,Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .giant-word{letter-spacing:0!important;line-height:1.3;word-spacing:0!important}html[dir=rtl] .hero h1{font-size:clamp(42px,4.6vw,66px);font-variation-settings:normal;margin:22px 0}html[dir=rtl] .hero .eyebrow{font-size:12px}html[dir=rtl] .eyebrow{letter-spacing:0;font-size:12px}html[dir=rtl] .brand-copy h2{font-size:clamp(45px,5vw,75px)}html[dir=rtl] .giant-word{font-size:clamp(32px,3.6vw,52px)}html[dir=rtl] .facts span+span{border-left:0;border-right:1px solid #ccc8bf}html[dir=rtl] summary{padding:22px 0 22px 32px}html[dir=rtl] summary:after{right:auto;left:4px}html[dir=rtl] details>p{padding:0 0 20px 30px}html[dir=rtl] .range-list summary{padding:5px 0 5px 20px}html[dir=rtl] .range-list details p{padding:10px 0}html[dir=rtl] .button>span,html[dir=rtl] .text-button>span{transform:scaleX(-1)}html[dir=rtl] .close{right:auto;left:14px}html[dir=rtl] .option strong{line-height:1.6}html[dir=rtl] .quiz h3{font-size:29px}html[dir=rtl] .image-stamp{font-size:14px}html[dir=rtl] .hero-image figcaption{text-align:left}html[dir=rtl] .print-sheet{transform:rotate(-5deg)}html[dir=rtl] input,html[dir=rtl] select{font-size:14px}html[dir=rtl] .checks{text-align:right}html[dir=rtl] .sizes bdi{direction:rtl}html[dir=rtl] .sizes small{font-size:14px}
@media(max-width:1100px){nav{gap:12px;font-size:12px}header{gap:15px}.brand img{width:165px}.language{width:82px}.nav-cta{font-size:12px;padding:12px!important;gap:10px}html[lang=es] .hero h1{font-size:60px}}
@media(max-width:760px){header{padding:0 20px;gap:16px}.brand img{width:150px}.nav-cta{display:none}.language{width:86px}.menu{font-size:12px}nav{font-size:15px}.preview-bar{font-size:8px;line-height:1.5}.hero h1{font-size:clamp(49px,12.8vw,70px)}html[lang=es] .hero h1{font-size:clamp(46px,12.5vw,70px)}.hero .eyebrow{line-height:1.6}.hero-copy{padding:30px 24px}.finder h2{font-size:40px}.hero-image{height:325px}.quiz-footer{align-items:center}.quiz-footer .button{font-size:12px;gap:10px;padding:13px}.quiz-top{font-size:10px}.range-title h3{font-size:26px}.brand-copy .button{white-space:normal}.option{gap:8px}.option small{font-size:12px}.footer-top{gap:28px}.footer-bottom{font-size:11px}.button{white-space:normal}html[dir=rtl] .hero h1{font-size:clamp(36px,10.6vw,50px)}html[dir=rtl] .hero .eyebrow{font-size:10px}html[dir=rtl] .hero-copy .button{font-size:14px}html[dir=rtl] .hero .intro{font-size:16px;line-height:1.85}html[dir=rtl] .image-stamp{font-size:11px}html[dir=rtl] .facts span+span{border:0}html[dir=rtl] h2{font-size:35px}html[dir=rtl] .finder h2{font-size:37px}html[dir=rtl] .quiz h3{font-size:25px}html[dir=rtl] .brand-copy h2{font-size:52px}html[dir=rtl] .giant-word{font-size:37px}html[dir=rtl] .range-title h3{font-size:24px}html[dir=rtl] .closing h2{font-size:49px}html[dir=rtl] .option strong{font-size:13px}html[dir=rtl] .option small{font-size:11px}html[dir=rtl] .quiz-footer .button{font-size:12px}}