/* HAMI corporate presentation */
body{background:#f4f6f2;color:#143b38;font-family:'Hami Sans',Tahoma,Arial,sans-serif;line-height:1.7}body[dir=rtl],html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}.wrap{max-width:1440px;padding-inline:5%}.store-notice{background:#073e36;color:#d8e7dd;font-size:11px;padding:6px 5%;min-height:38px;gap:16px}.store-notice .whatsapp-number-qr{gap:8px}.store-notice img.whatsapp-qr{width:38px;height:38px}.store-header{padding:24px 5%;background:#f4f6f2;color:#143b38;border-bottom:1px solid #dce5de;gap:32px}.store-header .brand{width:auto;min-width:250px;line-height:1.2}.store-header .brand,.store-header .brand span{font-size:29px;font-weight:700;color:#123e35;letter-spacing:1px}.store-header .brand em{color:#047562}.store-header .brand small{font-size:9px;color:#537068;letter-spacing:2.1px;margin-top:7px}.header-search{max-width:480px;border:1px solid #cddbd3;border-radius:6px;background:#fff;box-shadow:none}.header-search input{background:transparent;color:#143b38;font-size:13px}.header-search button{color:#047562;background:transparent}.header-tools{gap:12px}.header-tools .lang{border:1px solid #cbd8d0;background:transparent;color:#174a40;border-radius:5px}.header-tools .pill{background:#075b4c;color:#fff;border:0;border-radius:5px;font-size:12px;padding:12px 19px}.store-nav{background:#f4f6f2;border-bottom:1px solid #dce5de;justify-content:flex-start;padding-inline:5%;gap:24px}.store-nav>a{padding:16px 0;color:#3b5c51;font-size:13px;border-bottom:2px solid transparent}.store-nav>a:hover,.store-nav>a[aria-current=page]{color:#046959;background:none;border-color:#046959}.home-hero{padding-top:36px;padding-bottom:24px}.home-hero .spotlight{grid-template-columns:1.15fr 1fr;gap:56px;min-height:590px;padding:54px 56px 72px;border:0;border-radius:8px;background:linear-gradient(105deg,#0c403bf7 0%,#104b43ec 53%,#285e53dd 100%),url('/images/dubai-skyline-dusk.webp') center/cover;box-shadow:0 20px 45px #17392e14}.home-hero .spotlight-copy{align-self:center}.home-hero .spotlight .eyebrow{color:#c2d4b8;font:600 11px/1.5 Arial;letter-spacing:2px}.home-hero .spotlight h1{font-size:clamp(36px,4.3vw,63px);line-height:1.08;letter-spacing:-1.7px;color:#fff;margin:24px 0}.home-hero .spotlight h1 em{font-style:normal;color:#d9eeae}.home-hero .spotlight p{font-size:16px;line-height:1.75;max-width:450px;color:#d3e3d9;margin-bottom:30px}.home-hero .spotlight .btn{background:#d9eeae;color:#163f32;border:0;border-radius:5px;font-size:13px;font-weight:700;padding:14px 23px}.hero-secondary{display:inline-block;margin:16px 20px;color:#e1ebe5;font-size:13px;border-bottom:1px solid #78988b;padding-bottom:3px}.home-hero .spotlight-product{align-self:center;justify-content:center;gap:0;background:#e4eae3;border-radius:7px;overflow:hidden;box-shadow:0 12px 24px #002e291c}.home-hero .spotlight-product #spotlight-image{height:360px;object-fit:contain;mix-blend-mode:normal;filter:none;background:linear-gradient(145deg,#e4eae3,#cddbd1);padding:14px;width:100%}.home-hero .spotlight-product #spotlight-link{display:flex;justify-content:space-between;width:100%;font-size:13px;font-weight:700;color:#174c40;padding:12px 18px;background:#eff3ec;min-height:55px}.spotlight-controls{width:100%;gap:18px;background:#eff3ec;padding:0 16px 12px}.spotlight-controls button{background:transparent;border-color:#b5c9bc;padding:4px 12px;font-size:12px;min-height:34px}.spotlight-controls span{font-size:11px}.spotlight-note{width:100%;background:#eff3ec;font-size:9px;color:#6a7d70;padding:0 12px 10px}.dubai-ribbon{background:transparent;border-top:1px solid #6c968577;color:#d4e4d9;bottom:0;padding:12px 28px;font-size:10px;letter-spacing:1.5px}.home-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:10px;padding-bottom:48px}.home-paths>a{display:flex;flex-direction:column;gap:9px;padding:20px 0;border-top:1px solid #cad8cd}.home-paths span{font:10px Arial;color:#6a8074;letter-spacing:1.4px}.home-paths strong{font-size:17px;font-weight:500;color:#184e40}.home-paths a:hover strong{color:#038c6d}.page-intro{padding-top:36px;padding-bottom:30px;background-image:linear-gradient(90deg,#f4f6f2f2,#f4f6f2d9),url('/images/dubai-skyline-day.webp');background-size:cover;background-position:center}.page-intro>a{font-size:12px;color:#60766c}.page-intro h1{font-size:clamp(30px,4vw,48px);line-height:1.2;color:#134c3e;letter-spacing:-1px;margin:22px 0 0}main>section{padding:50px 0}main>section h2{font-size:clamp(26px,3vw,38px);line-height:1.3;letter-spacing:-.6px}.page-intro+section .eyebrow{font-size:11px;letter-spacing:1px}.category-grid{gap:16px}.category-card{border-radius:7px;min-height:145px}.eq,.arrival-card,.about-story,.about-details,.sales-contact{border-radius:7px}.eq-content h3{font-size:17px;line-height:1.5}.contact-grid{gap:54px}.contact-grid h2{font-size:34px}.customer-email{max-width:560px}.director-card{border-radius:8px}.instagram-contact .instagram-link{border-radius:7px;box-shadow:none}.new-arrivals{padding:30px 0 50px}.new-arrivals details{border-radius:8px}.section-top{gap:25px}footer{padding:32px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:#103e36;background-image:linear-gradient(90deg,#103e36f7,#103e36ee),url('/images/dubai-skyline-dusk.webp');background-size:cover;color:#dbe6dc;font-size:11px}footer .instagram-link{order:2;gap:12px}footer .instagram-link .instagram-qr{width:66px;height:66px}footer .instagram-logo{width:25px;height:25px}footer .footer-brand{order:0;display:flex;flex-direction:column;gap:5px}footer .footer-brand strong{font-size:19px;letter-spacing:1.5px;color:#fff}footer .footer-brand span{font-size:9px;letter-spacing:1px}footer .footer-brand a{font-size:12px;color:#d9eeae}html[dir=rtl] .home-hero .spotlight h1{font-size:clamp(34px,4vw,52px);line-height:1.5;letter-spacing:0}html[dir=rtl] .home-hero .spotlight p{font-size:15px}
@media(max-width:1000px){.store-header{gap:18px;flex-wrap:wrap}.store-header .brand{min-width:220px}.header-search{order:3;flex-basis:100%;max-width:none}.header-tools{margin-inline-start:auto}.home-hero .spotlight{padding:36px 32px 68px;gap:28px;min-height:540px}.home-hero .spotlight h1{font-size:44px}.home-hero .spotlight p{font-size:14px}.hero-secondary{margin-inline:0;display:block;width:max-content}.store-nav{gap:22px;overflow:auto;white-space:nowrap}}
@media(max-width:650px){.store-header{padding:18px 5%}.store-header .brand{min-width:0}.store-header .brand,.store-header .brand span{font-size:21px}.store-header .brand small{font-size:7px}.header-tools .pill{padding:8px 10px;font-size:10px}.header-tools .lang{padding:7px;font-size:11px}.store-notice>span{font-size:9px}.store-notice .whatsapp-number-qr>a:first-child{font-size:10px}.store-nav>a{font-size:11px;padding:13px 0}.home-hero{padding-top:20px}.home-hero .spotlight{grid-template-columns:1fr;padding:28px 24px 64px;gap:22px}.home-hero .spotlight h1{font-size:39px;letter-spacing:-1px;margin:18px 0}.home-hero .spotlight p{font-size:14px;margin-bottom:20px}.home-hero .spotlight-product #spotlight-image{height:300px}.home-hero .spotlight-product #spotlight-link{font-size:12px}.dubai-ribbon{padding:10px 18px;letter-spacing:.6px;font-size:9px}.home-paths{grid-template-columns:1fr;gap:0;padding-bottom:28px}.home-paths>a{padding:16px 0;gap:5px}.home-paths strong{font-size:16px}.page-intro{padding-top:26px}.page-intro h1{font-size:30px}main>section{padding:32px 0}.about-story,.about-details{padding:22px}.contact-grid h2{font-size:28px}footer{gap:20px}footer .instagram-link .instagram-qr{width:60px;height:60px}}

/* Devices float directly on the shared hero scene. */
.home-hero .spotlight-product{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;min-width:0}
.home-hero .spotlight-product #spotlight-image{height:390px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 18px 14px #001e2438);transition:opacity .35s,transform .6s;object-fit:contain}
.home-hero .spotlight-product #spotlight-image.spotlight-fade{opacity:0;transform:translateY(8px)}
.home-hero .spotlight-product #spotlight-link{background:transparent;color:#eef5e8;padding:16px 0 10px;min-height:0;border:0;border-radius:0}
.home-hero .spotlight-controls{background:transparent;color:#dce9d9;padding:8px 0;gap:16px;justify-content:center}
.home-hero .spotlight-controls button{color:#edf5e6;border:1px solid #b3cfb566;border-radius:4px;background:transparent;min-height:40px;min-width:40px}
.home-hero .spotlight-controls button:hover{background:#ffffff12;border-color:#d9eeae}
.home-hero .spotlight-controls button:focus-visible{outline:2px solid #d9eeae;outline-offset:4px}
.home-hero .spotlight-note{background:transparent;color:#b4cbbf;padding:6px 0 0;text-align:center}
@media(max-width:650px){.home-hero .spotlight-product #spotlight-image{height:320px}.home-hero .spotlight-product #spotlight-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.home-hero .spotlight-product #spotlight-image{transition:none}}

html{scroll-behavior:smooth}main>section[id]{scroll-margin-top:24px}main>section+section{border-top:1px solid #cddbd333}.home-paths{padding-bottom:32px}#medical{padding-top:46px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.home-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:center}.home-hero .spotlight{padding:40px 36px 68px;gap:24px;min-height:550px}.home-hero .spotlight h1{font-size:clamp(32px,3.5vw,52px)}.home-hero .spotlight-product #spotlight-image{height:350px}.arrivals-spotlight{padding:24px 22px;min-width:0;display:flex;flex-direction:column;background:linear-gradient(150deg,#225f50ec,#0c403bf7),url('/images/dubai-skyline-dusk.webp') center/cover;border:1px solid #739e7b44;border-radius:8px;color:#f0f6e9;box-shadow:0 14px 36px #123a2912}.arrivals-panel-heading .eyebrow{font:600 9px Arial;letter-spacing:1.8px;color:#c4d7b7}.arrivals-panel-heading h2{font-size:23px;font-weight:500;letter-spacing:-.6px;line-height:1.2;margin:10px 0 18px;color:#edf5e2}.arrivals-spotlight #arrival-panel-link{display:flex;flex-direction:column;align-items:center;gap:16px;color:inherit}.arrivals-spotlight #arrival-panel-image{width:100%;height:230px;object-fit:contain;background:transparent;filter:drop-shadow(0 10px 8px #001e2933);transition:opacity .3s,transform .4s}.arrivals-spotlight #arrival-panel-image.is-changing{opacity:0;transform:translateY(6px)}.arrivals-spotlight #arrival-panel-name{font-size:13px;font-weight:500;line-height:1.5;min-height:40px;align-self:stretch}.arrivals-spotlight #arrival-panel-condition{font-size:10px;color:#d9eeae;margin:6px 0 12px;line-height:1.5}.arrival-panel-controls{display:flex;align-items:center;justify-content:space-between;gap:7px}.arrival-panel-controls button{border:1px solid #b1c8b455;background:transparent;color:#e5efdb;border-radius:4px;font-size:11px;min-width:30px;min-height:34px;padding:4px 7px}.arrival-panel-controls span{font:10px Arial;color:#c8d9cc}.arrival-panel-controls button:focus-visible{outline:2px solid #d9eeae;outline-offset:3px}.arrival-panel-all{font-size:11px;color:#d9eeae;border-top:1px solid #b1c8b433;padding-top:14px;margin-top:18px}
@media(max-width:1100px){.home-hero{grid-template-columns:minmax(0,1fr) 225px;gap:16px}.home-hero .spotlight{padding:32px 26px 62px;gap:18px}.home-hero .spotlight h1{font-size:37px}.home-hero .spotlight-product #spotlight-image{height:320px}.home-hero .spotlight p{font-size:13px}.arrivals-spotlight{padding:22px 18px}}
@media(max-width:850px){.home-hero{grid-template-columns:1fr}.home-hero .spotlight{grid-template-columns:1.1fr 1fr}.arrivals-spotlight{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;min-height:280px}.arrivals-panel-heading{grid-column:1;grid-row:1}.arrivals-spotlight #arrival-panel-link{grid-column:2;grid-row:1/5}.arrivals-spotlight #arrival-panel-image{height:180px}.arrival-panel-controls{grid-column:1}.arrival-panel-all{grid-column:1}.arrivals-spotlight #arrival-panel-condition{grid-column:1}}
@media(max-width:650px){.home-hero .spotlight{grid-template-columns:1fr;padding:28px 24px 64px}.home-hero .spotlight h1{font-size:39px}.arrivals-panel-heading h2{font-size:21px}.arrivals-spotlight #arrival-panel-name{font-size:11px}.arrival-panel-all{font-size:10px}.arrivals-spotlight{padding:20px 16px;gap:12px}}
@media(prefers-reduced-motion:reduce){.arrivals-spotlight #arrival-panel-image{transition:none}}

.arrival-panel-note{font-size:8px;line-height:1.5;color:#bed0c2;margin-top:10px}@media(max-width:850px){.arrival-panel-note{grid-column:1}}

/* Compact, consistent lower-page content rhythm. */
main>section{padding:36px 0}main>section>.wrap{max-width:1240px;padding-inline:32px}main>section h2{font-size:clamp(24px,2.35vw,32px);line-height:1.35;letter-spacing:-.5px;margin:8px 0 16px}main>section p{font-size:14px;line-height:1.7}main>section .eyebrow{font-size:10px;letter-spacing:1.3px}.section-top{gap:26px;margin-bottom:24px;align-items:start}.section-top>div{min-width:0}.section-top p{max-width:440px;margin:8px 0}.about-layout{grid-template-columns:1fr .85fr 1.15fr;gap:18px;align-items:start}.about-story,.about-details,.about-management{padding:22px;border:1px solid #bdd1c5;border-radius:7px;min-width:0;height:auto}.about-management{background:linear-gradient(#eaf3f7ed,#eaf3f7ed),url('/images/dubai-skyline-day.webp') center/cover;color:#234f5f}.about-story>p,.about-details p{font-size:13px;line-height:1.75;margin:10px 0 16px}.about-details h3{font-size:14px;line-height:1.45;margin:0 0 7px}.about-details ul{font-size:12px;line-height:1.7;margin:8px 0 16px;padding-inline-start:17px}.about-details li{padding:2px 0}.about-details .about-source{font-size:10px;line-height:1.6;padding-top:12px;margin:0}.about-story .license-facts{margin-top:18px;padding-top:16px}.license-facts strong{font-size:16px}.company-director{padding:0;margin:0;border:0}.company-director h3{font-size:19px;line-height:1.4;margin:8px 0}.company-director p{font-size:12px;margin:8px 0}.director-contact{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;margin-top:18px}.director-contact .whatsapp-qr-link{grid-column:1;grid-row:1 / 3}.director-contact img.whatsapp-qr{width:72px;height:72px}.director-phone{font-size:11px;line-height:1.7}.director-whatsapp{padding:7px 9px;font-size:10px;line-height:1.5;text-align:center}.contact-grid{grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}#contact .contact-grid{gap:24px}#contact .contact-grid>div,#contact form{padding:24px;height:auto;min-width:0;border-radius:7px}#contact .contact-grid h2{font-size:28px;line-height:1.3;margin:4px 0 12px}#contact .contact-grid>div>p{font-size:13px;margin:10px 0}.instagram-contact{margin:16px 0}.instagram-contact .instagram-link{padding:9px 12px;gap:12px;max-width:100%}.instagram-contact .instagram-qr{width:62px;height:62px}.instagram-contact .instagram-logo{width:22px;height:22px}.instagram-contact bdi{font-size:12px}.sales-contact{display:grid;grid-template-columns:78px minmax(0,1fr) 72px;gap:13px;align-items:center;max-width:none;margin-top:16px;padding:14px;box-shadow:none}.sales-contact>img{width:78px;height:96px;object-fit:cover;grid-column:1;grid-row:1;border-radius:5px}.sales-contact>.whatsapp-qr-link{grid-column:3;grid-row:1;align-self:center}.sales-contact img.whatsapp-qr{width:72px;height:72px;object-fit:contain}.sales-contact .sales-contact-copy{grid-column:2;grid-row:1;min-width:0;display:flex;gap:4px}.sales-contact-copy strong{font-size:15px;line-height:1.4}.sales-contact-copy>span{font-size:10px;line-height:1.5}.sales-contact-copy a{padding:6px 8px;font-size:10px;margin-top:5px;gap:5px}.sales-contact-copy a svg{width:15px;height:15px}.sales-contact-copy a.sales-email{font-size:11px;line-height:1.6;margin:0;padding:4px 0}.customer-email{margin-top:16px;padding-top:14px;border-top:1px solid #b6ccbf55;max-width:none}.customer-email strong{font-size:12px}.customer-email p{font-size:12px!important;line-height:1.65;margin:7px 0}.contact .customer-email a.email{font-size:13px;margin-top:2px}#contact form{display:grid;grid-template-columns:1fr;gap:16px;align-content:start}#contact form label{font-size:12px;line-height:1.5}#contact form input,#contact form select{min-height:42px;margin-top:6px;padding:10px 12px;font-size:13px;border-radius:4px}#contact form textarea{min-height:140px;height:140px;margin-top:6px;padding:12px;font-size:13px;border-radius:4px;resize:vertical}#contact form p{font-size:11px;line-height:1.65;margin:0}#contact form .btn{font-size:12px;padding:11px 16px;justify-self:start;border-radius:4px}.split{gap:32px;align-items:center}#logistics h2{font-size:30px}#logistics p{font-size:13px}.route-panel{padding:24px;min-height:0;border-radius:7px}.route-row{padding:18px 0;margin:12px 0}.list li{padding:12px 0;font-size:13px}#services{max-width:1176px;width:calc(100% - 64px);padding:28px;margin:24px auto}.service-grid{gap:20px}.service{padding:24px;border-radius:7px;min-height:0}.service h3{font-size:20px;line-height:1.4;margin:12px 0}.service p{font-size:13px}.service a{font-size:12px}.steps{gap:16px;margin-top:22px}#process .steps article{padding:18px;border-radius:7px}.steps h3{font-size:15px;line-height:1.45;margin:10px 0}.steps p{font-size:12px;line-height:1.65;margin:0}
@media(max-width:1000px){.about-layout{grid-template-columns:1fr 1fr}.about-details{grid-column:1/-1}.contact-grid{grid-template-columns:1fr 1fr}.sales-contact{grid-template-columns:64px minmax(0,1fr);gap:12px}.sales-contact>img{width:64px;height:80px;grid-row:1}.sales-contact .sales-contact-copy{grid-column:2;grid-row:1 / 3}.sales-contact>.whatsapp-qr-link{grid-column:1;grid-row:2}.sales-contact img.whatsapp-qr{width:64px;height:64px}}
@media(max-width:700px){main>section{padding:28px 0}main>section>.wrap{padding-inline:22px}.section-top{grid-template-columns:1fr;display:grid;gap:8px;margin-bottom:20px}.section-top p{margin:0}.about-layout,.contact-grid{grid-template-columns:1fr}.about-details{grid-column:auto}.about-story,.about-details,.about-management{padding:20px}.about-layout{gap:14px}.director-contact{max-width:360px}.contact-grid,#contact .contact-grid{gap:18px}#contact .contact-grid>div,#contact form{padding:20px}.sales-contact{grid-template-columns:64px minmax(0,1fr) 64px}.sales-contact .sales-contact-copy{grid-row:1}.sales-contact>.whatsapp-qr-link{grid-column:3;grid-row:1}.sales-contact>img{height:84px}.steps{grid-template-columns:1fr 1fr;gap:12px}.split{grid-template-columns:1fr;gap:22px}#services{width:calc(100% - 44px);padding:20px}.service-grid{grid-template-columns:1fr;gap:14px}.service{padding:20px}}
@media(max-width:420px){.sales-contact{grid-template-columns:56px minmax(0,1fr);gap:10px}.sales-contact>img{width:56px;height:70px}.sales-contact .sales-contact-copy{grid-row:1 / 3}.sales-contact>.whatsapp-qr-link{grid-column:1;grid-row:2}.sales-contact img.whatsapp-qr{width:56px;height:56px}.sales-contact-copy strong{font-size:14px}}
