/* HAD V4 — homepage premium full-bleed + header faithful to approved visual direction. */
:root{--had-deep:#073861;--had-blue:#17457d;--had-cyan:#16bde8;--had-red:#f01845;--had-ice:#f4faff;--had-line:#d9e8f2}
html,body{width:100%;max-width:100%;overflow-x:hidden}
.topbar{display:none!important}
.header-v4{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e7eef4;box-shadow:0 3px 18px rgba(4,43,78,.055);backdrop-filter:none}
.nav-shell{width:min(1540px,calc(100% - 64px));height:92px;margin:auto;display:flex;align-items:center;gap:34px;position:relative}
.header-v4 .brand-official{align-self:stretch;flex:0 0 184px;max-width:184px;min-width:184px;background:#fff;border-radius:0 0 23px 23px;padding:7px 13px 9px;box-shadow:0 12px 30px rgba(2,46,83,.10);z-index:3}
.header-v4 .official-logo{width:100%;height:100%;object-fit:contain;object-position:center}
.header-v4 .links{display:flex;align-items:center;gap:30px;margin-left:12px;white-space:nowrap}
.header-v4 .links a{font-size:13.5px;font-weight:850;color:#0c3962;padding:35px 0 31px}
.header-v4 .links a:after{bottom:22px;background:var(--had-cyan);height:2px}
.header-v4 .links a:hover,.header-v4 .links a.active{color:#0568a4}
.header-v4 .nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px;min-width:0}
.nav-search{height:44px;width:260px;border:1px solid #cfdee9;border-radius:999px;background:#fff;display:flex;align-items:center;padding:0 16px;gap:9px;transition:.2s}
.nav-search:focus-within{border-color:var(--had-cyan);box-shadow:0 0 0 3px rgba(22,189,232,.12)}
.nav-search svg{width:18px;height:18px;color:#173b60;flex:none}
.nav-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:12px;color:#173b60}
.nav-search input::placeholder{color:#788da0}
.account-link,.cart-v4{width:44px;height:44px;border:0!important;border-radius:50%!important;padding:0!important;display:grid!important;place-items:center;background:transparent!important;color:#0a355c!important;box-shadow:none!important;position:relative;transition:.2s}
.account-link:hover,.cart-v4:hover{background:#eef8fc!important;transform:none!important}
.account-link svg,.cart-v4 svg{width:23px!important;height:23px!important}
.header-v4 .langswitch{order:-1;height:40px;border-radius:999px;margin:0 2px 0 0}
.header-v4 .langswitch button{min-width:38px;padding:0 9px}

.hero-v4{position:relative;width:100vw;height:clamp(650px,calc(100svh - 92px),835px);min-height:650px;overflow:hidden;background:#0b3355;color:#fff}
.hero-v4-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;display:block}
.hero-v4-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,35,62,.90) 0%,rgba(3,35,62,.72) 27%,rgba(4,36,61,.24) 58%,rgba(3,31,54,.44) 100%),linear-gradient(180deg,rgba(2,26,45,.10),rgba(2,26,45,.20))}
.hero-v4-content{position:relative;z-index:2;width:min(1540px,calc(100% - 96px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:44px 0 62px}
.hero-v4-copy{width:min(660px,51vw);margin-top:-12px}
.hero-kicker{font-size:14px;letter-spacing:.18em;font-weight:800;margin-bottom:15px;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.hero-v4 h1{font-size:clamp(48px,4.45vw,82px);line-height:1.02;letter-spacing:-.037em;margin:0 0 19px;color:#fff;font-weight:860;text-wrap:balance;text-shadow:0 4px 22px rgba(0,24,45,.24)}
.hero-v4-copy>p{font-size:clamp(15px,1.05vw,18px);line-height:1.55;color:rgba(255,255,255,.91);max-width:610px;margin:0}
.hero-actions-v4{display:flex;align-items:center;gap:13px;margin-top:28px}
.hero-actions-v4 .btn{border-radius:999px;min-height:52px;padding:0 25px;font-size:13px}
.hero-actions-v4 .btn-primary{background:#13aef1;box-shadow:0 14px 30px rgba(0,145,219,.23)}
.hero-secondary{background:rgba(5,42,72,.22);color:#fff;border:1px solid rgba(255,255,255,.75)}
.hero-secondary:hover{background:rgba(255,255,255,.12)}
.hero-v4-side{width:300px;align-self:center;margin:0 16px 10px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:26px;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.hero-script{font-family:"Segoe Script","Bradley Hand",cursive;font-size:23px;line-height:1.18;transform:rotate(-2deg);margin-left:-30px;text-align:center;color:#fff;white-space:nowrap}
.hero-script strong{font-weight:600}
.hero-benefits{display:grid;gap:16px;margin-left:26px}
.hero-benefits article{display:flex;align-items:center;gap:13px;color:#fff}
.hero-benefits article>span{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.85);display:grid;place-items:center;background:rgba(0,34,61,.18);backdrop-filter:blur(4px);flex:none}
.hero-benefits svg{width:25px;height:25px}
.hero-benefits b,.hero-benefits small{display:block}
.hero-benefits b{font-size:13px;line-height:1.15}
.hero-benefits small{font-size:12px;margin-top:2px;color:rgba(255,255,255,.88)}
.hero-v4-controls{position:absolute;z-index:3;left:50%;right:0;bottom:20px;transform:translateX(-50%);width:min(1540px,calc(100% - 96px));display:flex;align-items:center;justify-content:center;pointer-events:none}
.hero-dots{display:flex;gap:9px;align-items:center}
.hero-dots i{width:29px;height:3px;border-radius:999px;background:rgba(255,255,255,.44)}
.hero-dots i.active{background:#fff;width:34px}
.hero-pause{position:absolute;right:0;bottom:-1px;width:40px;height:40px;border:1px solid rgba(255,255,255,.84);border-radius:50%;background:rgba(0,28,50,.22);color:#fff;display:grid;place-items:center;font-weight:900;pointer-events:auto;cursor:pointer;backdrop-filter:blur(4px)}

.expertise-v4{background:linear-gradient(180deg,#f7fbfe,#f1f8fc);padding:25px 0 38px;border-bottom:1px solid #e7f0f5}
.wide-shell{width:min(1540px,calc(100% - 96px));margin:auto}
.expertise-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:17px}
.expertise-head .eyebrow{color:#1598d2;margin-bottom:6px;font-size:11px;letter-spacing:.08em}
.expertise-head h2{font-size:clamp(27px,2.1vw,38px);line-height:1.05;color:#0b3d6d;margin:0;letter-spacing:-.025em}
.view-all{display:inline-flex;align-items:center;gap:10px;border:1px solid #cadde9;border-radius:999px;background:#fff;padding:12px 19px;font-size:12px;font-weight:850;color:#164878;white-space:nowrap;box-shadow:0 5px 15px rgba(5,57,93,.03)}
.expertise-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.expertise-card{position:relative;min-width:0;background:#fff;border:1px solid #d9e7f0;border-radius:18px;padding:10px 12px 15px;box-shadow:0 7px 20px rgba(18,71,105,.045);display:flex;flex-direction:column;min-height:250px;transition:.22s}
.expertise-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(20,71,105,.10);border-color:#c5dce9}
.expertise-media{height:95px;display:grid;place-items:center;margin:-3px 0 3px;overflow:hidden}
.expertise-media img{width:100%;height:100%;object-fit:contain;padding:1px 4px}
.expertise-title{display:flex;align-items:center;gap:7px;min-height:38px;color:#103e6b}
.expertise-title b{font-size:13px;line-height:1.12}
.mini-icon{width:30px;height:30px;border-radius:50%;background:#e6f6fd;color:#0876ac;display:grid;place-items:center;flex:none;font-style:normal;font-size:15px;font-weight:900}
.medical-cross{color:#ed1745;font-size:21px}
.expertise-card p{font-size:11.2px;line-height:1.45;color:#667d90;margin:7px 0 12px;min-height:49px}
.expertise-card em{font-style:normal;font-size:11px;color:#078bd1;font-weight:850;margin-top:auto}

/* The rest of the site keeps V3 functionality but gains more spacious desktop proportions. */
@media(min-width:1280px){body:not(.no-v4-wide) .section>.container,body:not(.no-v4-wide) .ai>.container,body:not(.no-v4-wide) .contact-section>.container,body:not(.no-v4-wide) .footer>.container{width:min(1420px,calc(100% - 96px))}}

html[dir="rtl"] .header-v4 .links{margin-left:0;margin-right:12px}
html[dir="rtl"] .header-v4 .nav-actions{margin-left:0;margin-right:auto}
html[dir="rtl"] .hero-v4-overlay{background:linear-gradient(270deg,rgba(3,35,62,.90) 0%,rgba(3,35,62,.72) 27%,rgba(4,36,61,.24) 58%,rgba(3,31,54,.44) 100%),linear-gradient(180deg,rgba(2,26,45,.10),rgba(2,26,45,.20))}
html[dir="rtl"] .hero-v4-copy{text-align:right}
html[dir="rtl"] .hero-v4-side{margin-left:0;margin-right:30px;align-items:flex-end}
html[dir="rtl"] .hero-script{margin-left:0;margin-right:-30px}
html[dir="rtl"] .hero-benefits{margin-left:0;margin-right:26px}
html[dir="rtl"] .hero-pause{right:auto;left:0}
html[dir="rtl"] .expertise-card em{direction:rtl}

@media(max-width:1320px){
  .nav-shell{width:calc(100% - 34px);gap:20px}.header-v4 .brand-official{flex-basis:160px;max-width:160px;min-width:160px}.header-v4 .links{gap:18px;margin-left:0}.header-v4 .links a{font-size:12.5px}.nav-search{width:205px}.hero-v4-content,.wide-shell,.hero-v4-controls{width:calc(100% - 60px)}.expertise-cards{gap:10px}.expertise-card{padding-left:10px;padding-right:10px}
}
@media(max-width:1080px){
  .header-v4 .links{display:none}.header-v4 .menu{display:flex;margin-left:auto}.header-v4 .nav-actions{margin-left:0}.nav-search{display:none}.nav-shell{height:82px}.header-v4 .brand-official{flex-basis:150px;max-width:150px;min-width:150px}.hero-v4{height:auto;min-height:720px}.hero-v4-content{min-height:720px;align-items:flex-start;padding-top:110px}.hero-v4-copy{width:min(660px,67vw)}.hero-v4-side{margin-top:70px;width:255px}.hero-script{font-size:19px;white-space:normal}.expertise-cards{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
  .nav-shell{width:calc(100% - 22px);height:74px;gap:9px}.header-v4 .brand-official{flex-basis:118px;max-width:118px;min-width:118px;padding:4px 8px 7px;border-radius:0 0 16px 16px}.header-v4 .nav-actions{gap:3px}.header-v4 .langswitch{height:38px;margin:0}.header-v4 .langswitch button{min-width:34px;padding:0 7px}.account-link{display:none!important}.cart-v4{width:39px!important;height:39px!important}.header-v4 .menu{width:41px;height:41px}.hero-v4{height:calc(100svh - 74px);min-height:660px}.hero-v4-video{object-position:61% center}.hero-v4-overlay{background:linear-gradient(90deg,rgba(3,35,62,.91),rgba(3,35,62,.62) 75%,rgba(3,35,62,.38)),linear-gradient(180deg,rgba(2,26,45,.06),rgba(2,26,45,.22))}.hero-v4-content{width:calc(100% - 34px);min-height:100%;padding:92px 0 70px;display:block}.hero-v4-copy{width:100%;margin:0}.hero-kicker{font-size:11px}.hero-v4 h1{font-size:clamp(38px,11.5vw,57px);line-height:1.01}.hero-v4-copy>p{font-size:14px;max-width:92%}.hero-actions-v4{gap:9px;flex-wrap:wrap;margin-top:22px}.hero-actions-v4 .btn{min-height:47px;padding:0 17px;font-size:11.5px}.hero-v4-side{position:absolute;right:0;bottom:90px;width:auto;margin:0;align-items:flex-end}.hero-script{display:none}.hero-benefits{display:none}.hero-v4-controls{width:calc(100% - 34px);bottom:18px}.expertise-v4{padding:22px 0 30px}.wide-shell{width:calc(100% - 28px)}.expertise-head{align-items:flex-start;flex-direction:column;gap:12px}.expertise-head h2{font-size:27px}.view-all{padding:9px 14px}.expertise-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.expertise-card{min-height:236px;border-radius:15px}.expertise-media{height:86px}.expertise-title b{font-size:12px}.expertise-card p{font-size:10.8px}.mini-icon{width:27px;height:27px;font-size:13px}
}
@media(max-width:410px){.expertise-cards{grid-template-columns:1fr 1fr}.hero-v4 h1{font-size:39px}.hero-actions-v4 .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-v4-video{display:none}.hero-v4{background:url("assets/hero-poster-v3.webp") center/cover no-repeat}}