@import url('v49-visual-system.css?v=4.9.3');
@import url('v50-business-suite.css?v=5.0.1');

/* IRAQ STORES V4.8 — visual contrast & mobile finishing layer.
   Scoped to platform pages; customer storefront theme settings remain unaffected. */
:root{--v48-navy:#0B3049;--v48-ink:#103B54;--v48-gold:#E8B65A;--v48-line:#B8CFD9}
body:not(.merchant-storefront) .footer.v48-simple-footer{background:#092E43;color:#E5F3FA;padding:20px 0;border-top:3px solid #D9A54B}
body:not(.merchant-storefront) .v48-simple-footer .footer-inner{align-items:center;gap:10px 25px;font-size:12px;line-height:1.9}
body:not(.merchant-storefront) .v48-simple-footer .footer-inner span{color:#E5F3FA;opacity:1}
body:not(.merchant-storefront) .v48-simple-footer .footer-inner strong{color:#FFE0A1;font-weight:900}
/* Mock shop is a light interface inside the dark hero: prevent inherited white text
   from disappearing on cream and white components. */
body.route-home .hero.new-hero .v4-store{color:#123B54;background:#FFF;border-color:#D4E3E9}
body.route-home .hero.new-hero .v4-store :is(.v4-store-bar,.v4-store-brand,.v4-products,.v4-store-bottom){color:#183F55}
body.route-home .hero.new-hero .v4-store .v4-store-brand strong{color:#0B344C!important;font-size:clamp(13px,1.3vw,16px)}
body.route-home .hero.new-hero .v4-store :is(.v4-store-bar small,.v4-store-brand small,.v4-products small,.v4-store-bottom,.v4-store-bottom span){color:#405A6A!important;font-size:clamp(10px,.85vw,12px)}
body.route-home .hero.new-hero .v4-products :is(span,b){color:#12384D!important;font-size:clamp(11px,1vw,14px)}
body.route-home .hero.new-hero .v4-products b small{color:#6C4A18!important}
body.route-home .hero.new-hero .v4-collection{isolation:isolate;background:linear-gradient(125deg,#103A51 0%,#19596A 58%,#1C5966 100%);border:1px solid #A7C8D2;border-radius:10px;color:#FFF;padding:clamp(16px,3vw,23px);min-height:185px}
body.route-home .hero.new-hero .v4-collection::before{content:'';position:absolute;width:160px;height:160px;border:1px solid #F8D49F46;border-radius:50%;right:-80px;top:-73px;pointer-events:none}
body.route-home .hero.new-hero .v4-collection .v48-collection-kicker{display:inline-flex;align-items:center;width:max-content;max-width:100%;font-size:clamp(11px,1vw,13px);font-weight:850;line-height:1.5;padding:4px 10px;border:1px solid #E2BC72;background:#FBE9BF;color:#3C2A11!important;border-radius:5px}
body.route-home .hero.new-hero .v4-collection h2{color:#FFF!important;text-shadow:0 1px 1px #08253670;font-size:clamp(22px,2.2vw,29px);line-height:1.5;font-weight:900;position:relative;z-index:1;margin:10px 0 5px}
body.route-home .hero.new-hero .v4-collection p{color:#F0F9FC!important;font-size:clamp(11px,1vw,13px)!important;line-height:1.75;font-weight:700;position:relative;z-index:1;margin:0;max-width:70%}
body.route-home .hero.new-hero .v4-collection .v4-explore{display:inline-flex;align-items:center;border:1px solid #EED3A0;border-radius:6px;padding:5px 10px;margin-top:11px;background:#F7D89B;color:#19374A!important;font-size:clamp(11px,1vw,12px);font-weight:900;line-height:1.6;position:relative;z-index:1}
body.route-home .hero.new-hero .v4-collection .v4-vase{z-index:0;background:linear-gradient(90deg,#BC9250,#EED2A1 44%,#C6A76A);filter:drop-shadow(0 5px 6px #08253645)}
body.route-home .hero.new-hero .v4-float small{color:#E7F3F9!important;font-size:10px}
/* Dark end CTA: text and action no longer inherit pale card text or dark headline. */
body.route-home .v48-final-cta{background:linear-gradient(125deg,#0B3049,#0A5669)!important;color:#FFF;border:1px solid #296E7E;box-shadow:0 14px 32px #092F4933;border-radius:14px}
body.route-home .v48-final-cta .v48-cta-kicker{display:block;color:#FFE0A2!important;font-weight:850;font-size:12px;letter-spacing:.01em;margin-bottom:6px}
body.route-home .v48-final-cta h2{color:#FFFFFF!important;font-weight:900;font-size:clamp(19px,2.3vw,27px);line-height:1.5;margin:0}
body.route-home .v48-final-cta p{color:#E5F3F8!important;font-size:clamp(12px,1.1vw,14px);line-height:1.8;margin:5px 0 0}
body.route-home .v48-final-cta .btn.gold{background:#F1C579!important;color:#133247!important;border:1px solid #FFE3AE!important;min-height:48px;white-space:nowrap;font-weight:900;box-shadow:0 5px 12px #092F4925}
body.route-home .v48-final-cta .btn.gold:is(:focus-visible,:hover){background:#FFE0A2!important;outline:2px solid #FFE0A2;outline-offset:3px}
/* Registration: calm top + one stable column on phone. */
body.route-register .application-intro{isolation:isolate}
body.route-register .application-intro .v46-register-badge{font-size:12px;line-height:1.7;white-space:normal;max-width:100%}
body.route-register .application-intro h1{color:#092E48!important;line-height:1.48;font-weight:900;letter-spacing:-.02em;overflow-wrap:normal}
body.route-register .application-intro>p{color:#24465C!important;line-height:1.85;max-width:60ch}
body.route-register .application-form{min-width:0}
body.route-register .application-form .field-block :is(input,select){border-color:#9FBCCD!important;color:#0D3650!important;background:#FFF!important}
body.route-register .application-form .field-block :is(input,select)::placeholder{color:#4C6577;opacity:1}
body.route-register .application-form .field-block :is(input,select):focus-visible{outline:2px solid #137C99;outline-offset:2px}
body.route-register .application-form :is(.application-section-title h2,.asiacell-entry-body label){font-weight:900}
body.route-register .application-form .checkbox-label{font-size:13px;color:#153F56!important}
body.route-register .application-form .checkbox-label a{color:#075E83;text-decoration:underline;text-underline-offset:3px}
/* Lightweight motion: never move the form or shift layout. */
@media (hover:hover) and (pointer:fine){
 body.route-home .v4-store{transition:transform .24s ease,box-shadow .24s ease}
 body.route-home .hero-visual:hover .v4-store{transform:rotate(0deg) translateY(-5px);box-shadow:0 27px 44px #08283A38}
 body.route-home .plan-grid .plan{transition:transform .2s ease,box-shadow .2s ease}
 body.route-home .plan-grid .plan:hover{transform:translateY(-3px);box-shadow:0 14px 28px #153D5517}
}
@keyframes v48-enter{from{opacity:.45;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes v48-glow{0%,100%{box-shadow:0 0 0 0 #EFC57724}50%{box-shadow:0 0 0 6px #EFC57700}}
body.route-home .hero-copy{animation:v48-enter .55s ease-out both}
body.route-home .hero-visual{animation:v48-enter .7s ease-out .12s both}
body.route-register .v47-tech-step:focus-visible{outline:3px solid #1182A1;outline-offset:2px}
@media(max-width:780px){
 body.route-home .hero.new-hero{gap:18px!important;padding:25px 16px 34px!important}
 body.route-home .hero.new-hero .hero-copy h1{font-size:clamp(27px,7.8vw,37px);line-height:1.38;margin:10px 0}
 body.route-home .hero.new-hero .hero-copy>p{font-size:13px;line-height:1.8}
 body.route-home .hero-chips{gap:6px!important;margin:12px 0 0}
 body.route-home .hero-chips span{font-size:10px!important;padding:4px 8px!important}
 body.route-home .hero-visual{max-width:340px;margin:0 auto}
 body.route-home .v4-collection{min-height:170px!important;padding:15px!important}
 body.route-home .v4-collection h2{font-size:clamp(20px,5.5vw,24px)!important;line-height:1.45}
 body.route-home .v4-collection p{font-size:11px!important;max-width:71%}
 body.route-home .v4-collection .v4-vase{left:8px;width:48px;height:80px}
 body.route-home .v4-products{gap:8px;margin:9px}
 body.route-home .v4-object{height:70px}
 body.route-home .v4-float{position:relative;right:auto;bottom:auto;width:max-content;max-width:100%;margin:9px auto 0;box-shadow:none;border:1px solid #D3B778}
 body.route-home .section{margin-top:27px}
 body.route-home .launch-value-grid{display:none!important} /* summary repeated below; make mobile concise */
 body.route-home .trust-strip{margin:22px 0 0}
 body.route-home .features{gap:10px;margin:12px 0 20px}
 body.route-home .v48-final-cta{padding:19px 16px;gap:13px;flex-direction:column;align-items:stretch;margin-top:26px}
 body.route-home .v48-final-cta .btn.gold{width:100%}
 body.route-register .application-shell{margin-top:8px}
 body.route-register .application-intro{padding:17px 14px!important;margin-bottom:12px}
 body.route-register .application-intro h1{font-size:clamp(23px,7vw,30px)!important;line-height:1.45;margin:9px 0 7px}
 body.route-register .application-intro>p{font-size:12.5px!important;line-height:1.8;margin-bottom:14px}
 body.route-register .application-intro .v46-register-badge{font-size:11px;padding:4px 9px}
 body.route-register .v47-tech-steps{gap:6px}
 body.route-register .v47-tech-step{min-height:90px}
 body.route-register .application-form{padding:17px 12px!important;gap:13px}
 body.route-register .application-form .compact-grid{grid-template-columns:minmax(0,1fr)!important}
 body.route-register .application-section-title{align-items:flex-start;gap:9px}
 body.route-register .application-section-title>span{width:34px;height:34px;flex:0 0 34px}
 body.route-register .application-section-title h2{font-size:16px!important}
 body.route-register .application-section-title p{font-size:12px!important}
 body.route-register .application-form .field-block :is(input,select){font-size:16px!important;min-height:49px!important}
 body:not(.merchant-storefront) .footer.v48-simple-footer{padding:17px 0}
 body:not(.merchant-storefront) .v48-simple-footer .footer-inner{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:11px}
}
@media(max-width:360px){body.route-home .hero.new-hero{padding:20px 12px 27px!important}body.route-home .v4-collection h2{font-size:19px!important}body.route-register .v47-tech-step{min-height:86px}}
@media(prefers-reduced-motion:reduce){body.route-home .hero-copy,body.route-home .hero-visual{animation:none!important}body.route-home .v4-store,body.route-home .plan-grid .plan{transition:none!important}html{scroll-behavior:auto}}

/* Compact, two-letter language switch across desktop, tablet and phone.
   Native select keeps full keyboard and screen reader interaction. */
body:not(.merchant-storefront) .topbar .locale-switch{padding:3px 5px!important;min-width:0;flex:0 0 auto;direction:ltr;border-color:#AFCBD8;border-radius:10px;background:#FFFFFF}
body:not(.merchant-storefront) .topbar .locale-switch #locale-select{box-sizing:border-box;width:57px;max-width:57px;min-width:57px;min-height:42px;padding:0 3px;font-size:13px;font-weight:900;letter-spacing:.06em;color:#0D3955;background:#FFFFFF;cursor:pointer;text-align:center;text-align-last:center;direction:ltr}
body:not(.merchant-storefront) .topbar .locale-switch #locale-select:focus-visible{outline:2px solid #137D9C!important;outline-offset:3px}
@media(max-width:680px){body:not(.merchant-storefront) .topbar .locale-switch{padding:1px 3px!important}body:not(.merchant-storefront) .topbar .locale-switch #locale-select{width:52px;max-width:52px;min-width:52px;min-height:42px;font-size:12px}}