/* One fluid page grid: equal physical gutters on both sides at every width. */
:root{--v30-gutter:clamp(24px,4.1vw,80px)}
.v30-mobile-preferences{display:none!important}
.v30-support-email{font-size:13px;color:#7045ff!important;margin-inline:15px;white-space:nowrap}
.v30-purchase-facts:empty{display:none}.v30-purchase-facts{margin-bottom:14px}.v30-purchase-facts dt,.v30-purchase-facts dd{font-size:13px}.v30-purchase-facts>div{padding-block:10px}
.v26-wrap,.v28 .v26-wrap,.v26-header .header-inner{width:calc(100% - var(--v30-gutter)*2);max-width:none;margin-inline:auto}
body:not(.route-admin) .page-width{width:calc(100% - var(--v30-gutter)*2);max-width:none;margin-inline:auto}
.v26-logo.v30-logo{gap:10px;letter-spacing:-.8px;font-family:Arial,Helvetica,sans-serif;font-size:29px;font-weight:800;color:#101431;line-height:1;flex:none}
.v30-logo .v27-logo-icon{width:39px;height:35px}.v26-footer .v30-logo{color:#fff;font-size:26px}.v26-footer-light .v30-logo{color:#101431}
.v26-home-search{max-width:none}.v26-home-copy{width:45%;max-width:760px}.v26-home-copy h1{font-size:clamp(48px,4.7vw,88px)}.v26-home-copy>p{max-width:620px}
.v26-wrap .v26-cta-light>.v26-wrap{width:calc(100% - 48px);max-width:none;margin-inline:auto}
.v26-home-art{width:calc(67% + (100vw - 100%)/2)}
/* Keep English hero copy in its own right-hand column beside the artwork. */
/* The Arabic-first components need the page direction switched as a whole. */
[dir=ltr] .v26{direction:ltr;text-align:left}
@media(min-width:761px){[dir=ltr] .v26-hero-layout,[dir=ltr] .v26-catalog-hero>.v26-wrap{direction:ltr;justify-content:flex-end}}
@media(min-width:761px){[dir=ltr] .v26-home-copy{width:43%;max-width:760px}[dir=ltr] .v26-home-art{left:0;width:calc(59% + (100vw - 100%)/2)}}
/* The catalogue hero follows the same left-art, right-copy reading order in English. */
[dir=ltr] .v26 .search-box{direction:ltr}
[dir=ltr] .v26-why-art{display:block;left:auto;right:24px;bottom:22px;width:138px;height:84px}
[dir=ltr] .v26-footer-grid>*{direction:ltr;text-align:left}
[dir=ltr] .v26-footer nav{align-items:flex-start}
[dir=ltr] .v26-step-grid article:not(:last-child):after{content:'→';font-family:Arial,sans-serif;font-size:20px;letter-spacing:0}
.v26-catalog-hero>.v26-wrap{min-height:clamp(280px,24vw,460px)}
.v26-footer-brand p{max-width:42ch}.v26-footer-contact>p{max-width:53ch}
.v28-tracking-hero>.v26-wrap{min-height:clamp(300px,23vw,440px)}
.v28-watch-grid{grid-template-columns:minmax(300px,1fr) minmax(0,1.77fr)}
.v28-account-grid{grid-template-columns:minmax(270px,.4fr) minmax(0,1fr)}
.v28-account-main>.v28-panel>p{max-width:80ch}.v28-account-welcome{min-height:clamp(180px,17vw,260px)}
/* Checkout reference: aligned sidebar, title over the right column, concise panels. */
.v28-checkout-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px}
.v28-checkout-main{gap:14px}.v30-checkout-heading .v28-breadcrumb{margin-bottom:14px}.v30-checkout-heading .v28-page-title{margin-bottom:0}
.v30-checkout-heading h1{font-size:clamp(32px,3.4vw,46px);line-height:1.25;gap:13px;margin-bottom:10px}
.v30-checkout-heading h1>svg{padding:10px;box-sizing:content-box;background:#eee9ff;border-radius:10px;color:#7045ff}
.v30-checkout-heading p{font-size:14px;line-height:1.65}
.v28-checkout-grid>aside .v28-panel,.v28-checkout-main>.v28-panel{padding:16px}
.v28-checkout .v28-heading{font-size:21px!important;margin-bottom:12px!important}
.v30-payment-tabs{display:grid;grid-template-columns:1fr 1fr;min-height:41px;border:1px solid #edf0fa;border-radius:6px;margin-bottom:11px;overflow:hidden}
.v30-payment-tabs>span,.v30-payment-tabs>button{display:flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-size:13px;border:0;border-bottom:2px solid transparent;background:#fafbff;color:#8a92ad;padding:10px}
.v30-payment-tabs .active{color:#7045ff;background:linear-gradient(90deg,#faf9ff,#f0eaff);border-bottom-color:#7045ff}
.v30-payment-tabs>button:disabled{opacity:1;cursor:not-allowed;flex-wrap:wrap}.v30-payment-tabs small{font-size:9px;color:#a6abc0}
.v28-cliq-banner{grid-template-columns:1fr 1.35fr;padding:16px;gap:20px}.v28-alias{padding:15px 12px}.v28-alias strong{font-size:33px;margin:9px 0}.v28-alias small{font-weight:700}
.v28-cliq-banner>div:last-child{padding-top:40px}.v28-cliq-banner h3{font-size:19px;margin-bottom:7px}.v28-cliq-banner p{font-size:13px;line-height:1.7}.v28-cliq-logo{font-size:43px}
.v28-small-heading{font-size:17px;margin:20px 0 23px}.v28-payment-steps{gap:25px;padding-top:0}.v28-payment-steps>div{padding:26px 8px 12px;gap:9px}.v28-payment-steps strong{font-size:13px}.v28-payment-steps small{font-size:11px;color:#8d95b2;line-height:1.5}.v28-payment-steps>div:after{left:-19px!important}
.v28-checkout .v28-payment-form{gap:13px}.v28-checkout .v28-form-grid{gap:14px 22px}
.v28-checkout label{line-height:1.4}.v28-checkout input:not([type=checkbox]):not([type=file]),.v28-checkout textarea{min-height:40px;padding:9px 12px;font-size:14px}
.v28-checkout .v28-upload{min-height:92px;padding:13px;gap:6px}.v28-checkout .v28-upload>svg{width:26px;height:26px}.v28-checkout .v28-upload strong{font-size:13px}
.v28-checkout .v28-payment-form textarea{min-height:58px;resize:vertical}.v28-checkout .v28-payment-form>.v28-muted{font-size:11px;margin:0}.v28-checkout .v28-consent{font-size:12px}
.v28-checkout-grid>aside .v28-purchase-course>.v27-art{aspect-ratio:2.4!important}.v28-checkout .v28-pay-total{padding:14px 12px}.v28-checkout .v28-pay-total strong{font-size:25px}
/* The sign-in and sign-up pages use the same page grid as the rest of IZY. */
body .izy-auth-page.v28-auth{padding:clamp(26px,3.1vw,48px) 0 24px}.v28-auth:before{content:none!important}
.v28-auth-layout{grid-template-columns:1.08fr 1fr;border-radius:15px}.v28-auth-card{padding:clamp(26px,3vw,60px);display:flex;flex-direction:column;justify-content:center}
.v28-auth-card>h1{font-size:clamp(29px,2.8vw,40px);line-height:1.45;margin-bottom:16px}.v28-auth-card>p{font-size:16px;margin-bottom:26px}
.v28-auth-story{padding:clamp(30px,3vw,58px) clamp(26px,3vw,58px) clamp(400px,34vw,600px)}
.v28-auth-story>h2{font-size:clamp(46px,4.5vw,74px);line-height:1.3;margin:22px 0}.v28-auth-story>p{font-size:clamp(16px,1.55vw,22px);max-width:54ch}
.v28-auth-story>img{height:clamp(400px,34vw,600px);object-position:28% center}.v28-auth-story ul{gap:24px}.v28-auth-story li h3{font-size:clamp(17px,1.6vw,23px)}.v28-auth-story li p{font-size:clamp(13px,1.1vw,16px)}
.v28-auth-tabs a{min-height:52px;font-size:18px}.v28-auth .izy-auth-form label{font-size:17px}.v28-auth .izy-auth-form{gap:24px}
.v30-auth-input{display:block;position:relative;margin-top:9px}.v30-auth-input>svg{position:absolute;inset-inline-end:17px;top:50%;transform:translateY(-50%);color:#6c769a;z-index:1;pointer-events:none}
.v28-auth .v30-auth-input>input{margin:0;height:52px;min-height:52px;padding-inline:45px!important;font-size:16px!important}
.v28-auth .v30-auth-input .v28-password-toggle{inset-inline-start:14px;inset-inline-end:auto;top:50%;bottom:auto;transform:translateY(-50%);background:transparent;color:#77738b}
.v28-auth .auth-submit{gap:12px}.v28-auth .auth-security,.v28-auth .auth-google{font-size:17px}.v28-auth-security{padding:25px}.v28-auth-security h3{font-size:19px}.v28-auth-security p{font-size:14px}
@media(min-width:1900px){.v28-auth .auth-google{min-height:57px}.v28-auth .auth-submit{min-height:57px}.v28-auth-story li>span{width:58px;height:58px}.v28-auth-security{margin-top:34px}}
@media(max-width:1150px){.v26-logo.v30-logo{font-size:26px;gap:8px}.v30-logo .v27-logo-icon{width:35px;height:31px}.v28-auth-card{padding:30px 26px}.v28-auth-card>h1{font-size:31px}.v28-auth-story{padding-inline:27px}.v28-auth-card>p{font-size:14px}.v28-auth-tabs a{font-size:16px}.v28-auth-story>h2{font-size:51px}.v28-auth-story>p{font-size:17px}.v28-auth-security{padding:20px}.v28-auth-security h3{font-size:17px}.v28-auth-security p{font-size:12px}.v28-watch-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.77fr)}.v28-account-grid{grid-template-columns:265px minmax(0,1fr)}.v28-payment-steps{gap:20px}.v28-payment-steps strong{font-size:12px}}
@media(max-width:900px){:root{--v30-gutter:24px}.v26-logo.v30-logo{font-size:23px}.v30-logo .v27-logo-icon{width:29px;height:28px}.v26-home-copy h1{font-size:51px}.v28-checkout-grid{grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr)}.v28-cliq-banner{grid-template-columns:1fr}.v28-payment-steps{grid-template-columns:1fr 1fr;gap:24px 18px}.v28-account-grid{grid-template-columns:220px minmax(0,1fr)}.v28-auth-card{padding:27px 22px}.v28-auth-card>h1{font-size:26px}.v28-auth-story{padding:30px 22px 350px}.v28-auth-story>img{height:350px}.v28-auth-story>h2{font-size:43px}.v28-auth-story>p{font-size:15px}.v28-auth-story li h3{font-size:16px}.v28-auth-story li p{font-size:12px}.v28-auth-story ul{gap:20px}.v28-auth-tabs a{font-size:14px;gap:8px;min-height:46px}.v28-auth-security{padding:17px 13px;gap:11px}.v28-auth-security h3{font-size:14px}.v28-auth-security p{font-size:11px}.v28-auth .izy-auth-form label{font-size:15px}}
@media(max-width:760px){:root{--v30-gutter:16px}.v26-header .header-inner{width:calc(100% - 28px)}.v26-logo.v30-logo{font-size:21px;gap:7px}.v30-logo .v27-logo-icon{width:28px;height:26px}.v26-home-copy{width:100%;max-width:none}.v26-home-copy h1{font-size:clamp(43px,9vw,62px)}.v26-home-art{width:calc(100% + 32px)}.v26-catalog-hero>.v26-wrap{min-height:0}.v28-tracking-hero>.v26-wrap{min-height:0}.v28-checkout-grid{display:flex}.v28-checkout-main{gap:14px}.v30-checkout-heading{order:-1}.v30-checkout-heading h1{font-size:31px}.v30-checkout-heading h1>svg{width:29px;height:29px;padding:8px}.v30-checkout-heading p{font-size:13px}.v28-checkout-grid>aside{order:2}.v28-checkout-main{order:1}.v28-checkout-grid>aside{display:flex;flex-direction:column}.v28-checkout-grid>aside>.v28-panel:last-child{display:none}.v28-checkout-grid>aside .v28-purchase-course{display:grid;grid-template-columns:95px minmax(0,1fr);column-gap:12px}.v28-checkout-grid>aside .v28-purchase-course>.v27-art{width:95px;height:80px;grid-row:1/4;margin:0;aspect-ratio:auto!important}.v28-checkout-grid>aside .v28-purchase-course h3{font-size:17px;margin:0}.v28-checkout-grid>aside .v28-purchase-course p{margin:4px 0}.v28-checkout-grid>aside .v28-purchase-course .v28-between{flex-direction:row;align-items:center}.v28-checkout-grid>aside .v28-facts>div{flex-direction:row;align-items:center}.v28-checkout .v28-pay-total{flex-direction:row;align-items:center}.v30-payment-tabs{grid-template-columns:1fr 1fr}.v30-payment-tabs>span,.v30-payment-tabs>button{padding:10px 7px;font-size:10px;gap:5px}.v30-payment-tabs svg{width:16px;height:16px}.v30-payment-tabs small{font-size:8px}.v28-payment-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v28-payment-steps>div{padding:22px 5px 11px;gap:8px}.v28-payment-steps strong{font-size:10px}.v28-payment-steps small{font-size:9px}.v28-cliq-banner{grid-template-columns:1fr!important;padding:15px}.v28-cliq-banner p{font-size:13px}.v28-checkout input:not([type=checkbox]):not([type=file]),.v28-checkout textarea{font-size:16px}.v28-checkout .v28-form-grid{gap:16px}.v28-checkout .v28-upload{min-height:105px}.v28-checkout-grid>aside{width:100%}.v28-account-grid{display:flex}.v28-watch-grid{display:flex}.v28-auth-layout{display:flex}.v28-auth-card{padding:28px 20px}.v28-auth-card>h1{font-size:26px}.v28-auth-card>p{font-size:13px}.v28-auth-story{padding:28px 22px 285px}.v28-auth-story>img{height:285px}.v28-auth-story>h2{font-size:43px}.v28-auth-story li h3{font-size:17px}.v28-auth .izy-auth-form{gap:21px}.v28-auth .izy-auth-form label{font-size:15px}.v28-auth-security{padding:20px 16px}.v28-auth-security h3{font-size:16px}.v28-auth-security p{font-size:12px}.v28-auth-tabs a{font-size:15px}.v26-footer .v30-logo{font-size:25px}.v26-footer .v30-logo .v27-logo-icon{width:32px;height:30px}}
@media(max-width:380px){.v26-logo.v30-logo{font-size:19px;gap:5px}.v30-logo .v27-logo-icon{width:24px;height:24px}.v28-auth-card{padding:25px 16px}.v28-auth-card>h1{font-size:23px}.v28-auth-tabs a{font-size:13px}.v28-payment-steps{grid-template-columns:1fr 1fr;gap:23px 12px}.v28-payment-steps strong{font-size:12px}.v28-payment-steps small{font-size:10px}}
@media(max-width:760px){.v26-header .v30-mobile-preferences{display:flex!important;align-items:center;gap:10px}.v30-support-email{font-size:12px;margin-inline-start:56px;margin-inline-end:0}.v30-purchase-facts{grid-column:1/-1}.v28-checkout-grid>aside .v30-purchase-facts>div{display:flex;flex-direction:row}.v28-help>.btn{margin-inline-start:56px}.v28-help>.v30-support-email+.btn{margin-inline-start:auto}}
@media(max-width:480px){body .v26-header .header-actions .header-preference-toggle{display:none!important}.v26-header .header-actions>.btn.primary{font-size:10px;padding-inline:7px;white-space:nowrap;max-width:90px}.v26-header .header-actions{gap:5px}.v26-header .v30-logo{font-size:20px;gap:6px}.v26-header .v30-logo .v27-logo-icon{width:26px;height:26px}.v30-support-email{margin-inline-start:56px}.v28-help>.v30-support-email+.btn{margin-inline-start:56px}}
@media(max-width:340px){.v26-header .v30-logo{font-size:19px;gap:5px}.v26-header .v30-logo .v27-logo-icon{width:24px;height:24px}}
/* Keep the decorative slogan clear of the learner photo on phones. */
@media(max-width:760px){.v26-why .v27-why-handwriting{display:none!important}}

/* Compact the home-page benefits banner on small screens. */
@media(max-width:760px){.v26-why>.v26-wrap{padding-block:22px 132px;min-height:0}.v26-why h2{font-size:25px;line-height:1.35}.v26-why-copy>p{font-size:12px;line-height:1.6;margin-bottom:16px}.v26-why-features{gap:8px}.v26-why-features>div{padding-inline:3px}.v26-why-features span{width:43px;height:43px;margin-bottom:8px}.v26-why-features h3{font-size:14px;line-height:1.5;margin-bottom:4px}.v26-why-features p{font-size:10.5px;line-height:1.55}.v26-why-art{left:-16px;bottom:0;width:225px;height:135px;max-width:68%;aspect-ratio:auto!important}.v26-why-art>picture>img{object-position:center 42%}}
@media(max-width:390px){.v26-why>.v26-wrap{padding-block:20px 118px}.v26-why h2{font-size:23px}.v26-why-features{gap:5px}.v26-why-features h3{font-size:13px}.v26-why-features p{font-size:10px;line-height:1.45}.v26-why-art{width:205px;height:123px;max-width:66%}}

/* Further reduce the benefits section height on phones. */
@media(max-width:760px){.v26-why>.v26-wrap{padding-block:18px 88px}.v26-why h2{font-size:23px}.v26-why-copy>p{margin-bottom:12px}.v26-why-features span{width:38px;height:38px;margin-bottom:6px}.v26-why-features h3{font-size:13px;margin-bottom:3px}.v26-why-features p{font-size:9.5px;line-height:1.4}.v26-why-art{width:155px;height:93px;max-width:52%}}
@media(max-width:390px){.v26-why>.v26-wrap{padding-block:16px 78px}.v26-why h2{font-size:21px}.v26-why-features{gap:4px}.v26-why-features h3{font-size:12px}.v26-why-features p{font-size:9px}.v26-why-art{width:140px;height:84px;max-width:50%}}
/* Show the learner artwork as a balanced, full-width image strip on mobile. */
@media(max-width:760px){.v26-why>.v26-wrap{padding-block:18px 128px}.v26-why-art{left:-16px;right:auto;bottom:0;width:calc(100% + 32px);max-width:none;height:128px;aspect-ratio:auto!important;mask-image:linear-gradient(to bottom,transparent 0%,#000 22%)}.v26-why-art>picture>img{object-position:left 46%}}
@media(max-width:390px){.v26-why>.v26-wrap{padding-block:16px 116px}.v26-why-art{height:116px}}

/* Replace the learner photograph with a restrained geometric accent. */
.v26-why-art{left:24px;bottom:22px;width:138px;height:84px;aspect-ratio:auto!important;border:1px solid #9c88ff3b;border-radius:16px;background:linear-gradient(135deg,#ffffff0a,#8461f51c);box-shadow:0 12px 32px #050b1f38;mask-image:none!important;overflow:hidden}
.v26-why-art::before{content:"";position:absolute;width:28px;height:28px;left:18px;top:20px;border:1px solid #a992ff;border-radius:8px;transform:rotate(-8deg);box-shadow:23px 9px 0 -5px #a992ff66,45px -5px 0 -9px #4dd9c177}
.v26-why-art::after{content:"";position:absolute;width:7px;height:7px;right:18px;top:17px;border-radius:50%;background:#9c82ff;box-shadow:-17px 37px 0 #4dd9c1,8px 43px 0 #d6ccff}
@media(max-width:760px){.v26-why>.v26-wrap{padding-block:18px 84px}.v26-why-art{left:18px;right:auto;bottom:12px;width:94px;height:56px;border-radius:12px}.v26-why-art::before{width:20px;height:20px;left:12px;top:13px;border-radius:6px;box-shadow:17px 6px 0 -5px #a992ff66,34px -4px 0 -8px #4dd9c177}.v26-why-art::after{width:5px;height:5px;right:12px;top:11px;box-shadow:-12px 26px 0 #4dd9c1,6px 29px 0 #d6ccff}}
@media(max-width:390px){.v26-why>.v26-wrap{padding-block:16px 78px}.v26-why-art{width:84px;height:50px}}