/* The language control is always available, including on small screens. */
:root{--language-bar-height:46px;--header-height:128px}
.language-bar{border-top:1px solid var(--world-line,#e1eaf5);background:var(--world-surface,#f4f8fe)}
.language-bar-inner{max-width:1220px;min-height:46px;padding:0 24px;margin:auto;display:flex;align-items:center;justify-content:flex-end}
.language-switch{display:flex;align-items:center;gap:5px}
.language-switch button{min-height:40px;min-width:75px;padding:7px 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--world-muted,#465d7a);font-family:Tajawal,Arial,sans-serif;font-size:14px;font-weight:700;cursor:pointer;line-height:1.3}
.language-switch button[aria-pressed="true"]{background:var(--world-accent,#0755e6);color:var(--world-onAccent,#fff);border-color:var(--world-accent,#0755e6)}
.language-switch button:hover:not([aria-pressed="true"]){background:var(--world-raised,#e1ebfa);color:var(--world-ink,#071d43)}
.language-switch button:focus-visible{outline:3px solid var(--world-accent,#0755e6);outline-offset:2px}
html.has-language-switch{scroll-padding-top:calc(var(--header-height) + 20px)}
.has-language-switch .hero,.has-language-switch .site-page{padding-top:var(--header-height)}
.has-language-switch .product-page{padding-top:calc(var(--header-height) + 35px)}
html.has-language-switch[data-service] .service-detail-page{padding-top:calc(var(--header-height) + 24px)}
.has-language-switch .catalog-toolbar{top:var(--header-height)}
.has-language-switch .experience-checkout{top:calc(var(--header-height) + 24px)}
.has-language-switch .experience-shop{scroll-margin-top:calc(var(--header-height) + 20px)}
.brand{margin-left:0;margin-inline-end:auto}
footer img{margin-left:0;margin-inline-end:auto}
.quick-trust i{margin-left:0;margin-inline-end:4px}
.app-install-trigger span{margin-left:0;margin-inline-end:5px}
.pwa-install-help section{text-align:start}
.pwa-install-help ol{padding-right:0;padding-inline-start:24px}
.service-notes ul{padding-right:0;padding-inline-start:20px}
.main-nav a:after{right:auto;inset-inline-start:0}
.service-card,.category-card,.contact-link,.experience-copy,.digital-card-copy,.product-detail-copy{min-width:0}
html[dir="ltr"] .mobile-app-nav{direction:ltr}
html[dir="ltr"] .hero h1{font-size:clamp(42px,4.7vw,69px);line-height:1.08;letter-spacing:-1.5px}
html[dir="ltr"] .section-head h2,html[dir="ltr"] .featured h2,html[dir="ltr"] .contact h2{font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-1px}
html[dir="ltr"] .experience h1{font-size:clamp(2.2rem,3.8vw,3.65rem);line-height:1.16;overflow-wrap:break-word}
html[dir="ltr"] .experience:not(.experience--tod) .experience-eyebrow,html[dir="ltr"] .experience--efootball #offer-panel-0 .offer-label{text-align:left}
html[dir="ltr"] .yk-icon-arrow{transform:scaleX(-1)}
@media(min-width:761px){html[dir="ltr"] .experience--netflix .experience-art:after{background:linear-gradient(90deg,#0b0b0d 4%,#0b0b0dee 25%,#0b0b0d18 76%),linear-gradient(0deg,#0b0b0d,transparent 45%)}html[dir="ltr"] .experience--netflix .experience-art figcaption{left:auto;right:5vw}}
html[dir="ltr"] .digital-card-price,html[dir="ltr"] .big-wa b{text-align:start}
html[dir="ltr"] .services-grid{grid-auto-rows:minmax(350px,auto)}
html[dir="ltr"] .service-card h3{font-size:25px}
html[dir="ltr"] .card-large h3{font-size:32px}
html[dir="ltr"] .category-card h3{font-size:23px}
html[dir="ltr"] .product-card h3{line-height:1.5}
html[dir="ltr"] .experience-features b{font-size:14px;overflow-wrap:break-word}
html[dir="ltr"] .experience-cta{font-size:15px}
html[dir="ltr"] .offer-choice-hint{font-size:12px}
html[dir="ltr"] .offer-label{font-size:19px}
html[dir="ltr"] .offer-tabs button{line-height:1.45}
html[dir="ltr"] .experience-features>div{gap:10px}
html[dir="ltr"] .main-nav{gap:17px}
html[dir="ltr"] .nav-shell{gap:22px}
html[dir="ltr"] .main-nav a{font-size:14px;line-height:1.3}
html[dir="ltr"] .main-nav a .yk-icon{width:17px;height:17px}
.mobile-app-nav a span{max-width:100%;overflow-wrap:anywhere;text-align:center;line-height:1.25}
/* Use the mobile navigation before longer translated labels can collide. */
@media(max-width:1240px){
 html .main-nav{position:fixed;top:var(--header-height);right:16px;left:16px;padding:18px;background:var(--world-surface,#fff);border-radius:20px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch;max-height:calc(100dvh - var(--header-height) - 90px);overflow-y:auto}
 html .main-nav.open{display:flex}
 html .main-nav a{min-height:42px;font-size:16px}
 html .menu-btn{display:block}
 html .header-cta{display:none}
}
@media(max-width:900px){
 .has-language-switch .main-nav{top:var(--header-height);max-height:calc(100dvh - var(--header-height) - 90px);overflow-y:auto}
 .main-nav a{min-height:42px}
 .experience-checkout{position:static}
}
@media(max-width:760px){
 html[dir="ltr"] .digital-card-rich .digital-card-price{text-align:start}
 html[dir="ltr"] .experience h1{font-size:clamp(31px,7.3vw,44px)}
 html[dir="ltr"] .experience-features>div{padding:15px 10px;gap:8px}
 html[dir="ltr"] .experience-features b{font-size:13px}
 html[dir="ltr"] .experience-features small{display:none}
 html[dir="ltr"] .offer-cost{font-size:23px}
 html[dir="ltr"] .offer-label{font-size:16px}
 .offer-choice-hint{line-height:1.45}
}
@media(max-width:620px){
 :root{--header-height:118px}
 .language-bar-inner{padding-inline:17px;justify-content:center}
 .language-switch{width:min(310px,100%);gap:6px}
 .language-switch button{flex:1;padding-inline:8px}
 html[dir="ltr"] .hero h1{font-size:clamp(34px,8.8vw,49px)}
 html[dir="ltr"] .services-grid{grid-auto-rows:auto}
 html[dir="ltr"] .card-large h3{font-size:27px}
 html[dir="ltr"] .hero-actions{gap:10px}
 html[dir="ltr"] .big-wa{grid-template-columns:65px 1fr 30px;gap:8px}
 html[dir="ltr"] .big-wa b{font-size:clamp(20px,5vw,25px)}
 html[dir="ltr"] .service-bubble span{font-size:12px}
 html[dir="ltr"] .subpage-hero h1{font-size:43px;line-height:1.12}
 html[dir="ltr"] .service-page-hero h1{font-size:40px;overflow-wrap:break-word}
 html[dir="ltr"] .mobile-app-nav a span{font-size:10px}
 html[dir="ltr"] .pwa-install-card b{font-size:13px}
 html[dir="ltr"] .pwa-install-card span{font-size:11px}
 html[dir="ltr"] .pwa-install-card .install-now{padding:10px 8px;font-size:12px}
 footer img{margin-inline-end:0}
}