.track-order-btn{cursor:pointer}.track-dialog{border:0;border-radius:24px;padding:0;width:min(94vw,560px);background:transparent}.track-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.track-card{background:var(--card,#fff);color:var(--text,#171717);padding:24px;border-radius:24px;box-shadow:0 24px 80px #0005;direction:rtl}.track-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.track-head h3{margin:0}.track-close{border:0;background:transparent;font-size:28px;cursor:pointer}.track-form{display:grid;gap:12px;margin-top:18px}.track-form label{display:grid;gap:6px}.track-form input{padding:13px;border:1px solid #aaa6;border-radius:12px;font:inherit}.track-error{min-height:22px;color:#b42318;margin:8px 0 0}.track-result{margin-top:18px}.track-summary{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;background:#8881}.track-steps{display:grid;gap:10px;margin-top:18px}.track-step{display:flex;align-items:center;gap:10px;opacity:.45}.track-step .dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid currentColor;font-size:13px}.track-step.done,.track-step.current{opacity:1;font-weight:700}.track-step.done .dot{background:#16803a;color:#fff;border-color:#16803a}.track-step.current .dot{background:#c9972b;color:#fff;border-color:#c9972b}.track-cancel{padding:14px;border-radius:12px;background:#b4231812;color:#b42318;font-weight:700}.track-meta{font-size:13px;opacity:.7;margin-top:14px}

/* Canvas Iraq approved visual layer — behaviour untouched */
:root{--teal:#073f46;--teal-2:#0a5d65;--teal-3:#06343a;--orange:#ff7614;--gold:#caa96a;--cream:#fff;--paper:#fff;--ink:#17343a;--muted:#6d7e81;--line:#e5ecec;--shadow:0 14px 38px rgba(6,63,70,.10)}
body{background:#fff;color:var(--ink)}.shell{width:min(1220px,calc(100% - 34px))}.announcement{background:var(--teal-3);color:#fff}.site-header{background:var(--teal);color:#fff;border:0;box-shadow:0 6px 22px rgba(6,52,58,.16);backdrop-filter:none}.nav{height:76px}.brand-mark{border:2px solid var(--gold);color:#fff;background:#0a4d54;width:46px;height:46px}.brand-copy strong{color:#fff}.brand-copy small{color:#ffffffb3}.desktop-nav a{color:#ffffffdc}.desktop-nav a.active,.desktop-nav a:hover{color:#fff;border-bottom-color:var(--orange)}.icon-btn{color:#fff}.icon-btn:hover{background:#ffffff18}.cart-count{background:var(--orange)}
/* search: wide, obvious, like approved reference */
.search-panel{display:flex!important;background:var(--teal);padding:0 0 14px;gap:8px}.search-panel input{display:block!important;width:100%;height:54px;background:#fff;color:var(--ink);border:0;border-radius:999px;padding:0 24px;font-size:15px;box-shadow:0 3px 12px #00000012}.search-panel button{display:none}.search-panel input::placeholder{color:#78888b}.mobile-menu{background:var(--teal)}
/* hero keeps new visual identity */
.hero{min-height:570px;background:#fff;overflow:hidden;border-bottom:1px solid #eef2f2}.hero-media{inset:0 0 0 auto;left:0;right:auto;width:52%;height:100%;transform:none;background:linear-gradient(90deg,rgba(7,63,70,.12),rgba(7,63,70,0)),url('assets/mesopotamia-hero.png') center/cover no-repeat}.hero-overlay{display:none}.hero-content{min-height:570px;align-items:center}.hero-copy{width:46%;margin-inline-start:auto;color:var(--ink);padding:55px 0}.eyebrow{display:inline-flex;padding:7px 13px;border-radius:999px;background:#eaf4f4;color:var(--teal-2);font-size:11px;font-weight:800}.hero h1{font-family:"Cairo",system-ui,sans-serif;font-size:clamp(45px,6vw,74px);font-weight:800;letter-spacing:-2px;line-height:1.07;margin:17px 0 15px;color:var(--ink)}.hero p{color:#587074;font-size:18px;line-height:1.9}.btn{border-radius:12px}.hero .btn.primary,.btn.primary{background:var(--orange);color:#fff;box-shadow:0 9px 22px #ff761438}.hero .btn.ghost{border:1px solid var(--teal-2);background:#fff;color:var(--teal-2)}
.trust-strip{margin-top:-34px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.section{padding-top:70px}.section h2,.story h2{font-family:"Cairo",system-ui,sans-serif;font-weight:800}.mini-title{color:var(--teal-2)}
/* approved category presentation */
#categories{padding-top:64px}.category-row{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.category-card{text-align:center}.category-thumb{aspect-ratio:1;border-radius:50%;border:1px solid #dce9e8;background:#eaf7f6;box-shadow:0 7px 20px #073f460f;overflow:hidden}.category-thumb img{width:100%;height:100%;object-fit:cover}.category-card h3{font-weight:800;color:var(--ink);margin-top:11px}.category-card small{color:var(--teal-2)}
.product-grid{gap:20px}.product-card{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 7px 22px #073f460f}.product-badge{background:var(--orange)}.price{color:var(--teal)}.add-btn{background:var(--teal-2)}.ba-card{border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);background:#fff}.promo{background:linear-gradient(120deg,var(--teal-3),var(--teal-2))}.stats strong{color:var(--orange)}footer{background:var(--teal-3)}
@media(max-width:900px){.site-header .nav{height:68px}.brand-mark{width:42px;height:42px}.hero{min-height:720px}.hero-content{min-height:720px;align-items:flex-start}.hero-copy{width:100%;padding:46px 0 0;margin:0;position:relative;z-index:2}.hero h1{font-size:48px}.hero p{font-size:16px}.hero-media{top:auto;bottom:0;width:100%;height:330px}.category-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.announcement{display:none}.shell{width:min(100% - 24px,1220px)}.site-header{position:sticky}.nav{gap:8px}.brand-copy strong{font-size:14px;letter-spacing:1px}.brand-copy small{display:none}.icon-btn{min-width:34px;height:34px;font-size:15px}.nav-actions #langBtn,.nav-actions #themeBtn{display:none}.search-panel{padding:0 12px 12px}.search-panel input{height:50px;font-size:14px;padding:0 20px}.hero{min-height:670px}.hero-content{min-height:670px}.hero-copy{padding-top:34px}.hero h1{font-size:40px}.hero p{font-size:15px}.hero-media{height:285px;border-radius:18px 18px 0 0}.trust-strip{grid-template-columns:1fr 1fr;margin-top:-16px}.section{padding-top:50px}.category-row{grid-template-columns:repeat(3,1fr);gap:12px}.category-thumb{border-radius:50%}.category-card h3{font-size:12px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-body{padding:10px}.product-title{font-size:12px}.price{font-size:14px}.add-btn{font-size:10px;padding:8px}.footer-features{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}