
/* Q1 Iraq Store V16.58 — fully isolated hero rebuild */
.q158-hero{padding:18px 0 26px;background:#fff;position:relative;z-index:1}
.q158-shell{width:min(1680px,calc(100% - 36px));height:520px;margin:0 auto;display:grid;grid-template-columns:minmax(760px,1.12fr) minmax(520px,.88fr);grid-template-areas:"orbit copy";gap:22px;align-items:center;padding:18px 22px;border:1px solid #e7c98f;border-radius:30px;overflow:hidden;background:linear-gradient(105deg,#fff9ef 0%,#fbefde 48%,#fffaf3 100%);box-shadow:0 18px 44px rgba(20,40,60,.08);direction:ltr}
.q158-orbit-panel{grid-area:orbit;position:relative;height:484px;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 58px}
.q158-stage{position:relative;width:820px;max-width:100%;height:456px;flex:0 0 auto}
.q158-glow{position:absolute;left:50%;top:52%;width:540px;height:360px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(237,200,125,.36) 45%,rgba(237,200,125,0) 72%);filter:blur(2px)}
.q158-ring{position:absolute;left:50%;top:50%;width:354px;height:354px;transform:translate(-50%,-50%);border:7px solid #d3a14c;border-radius:50%;background:radial-gradient(circle,#fffdf8 0 47%,#f8ead0 48% 63%,transparent 64%);box-shadow:0 0 0 4px #fff7e9,0 0 0 12px rgba(207,153,54,.16),0 20px 38px rgba(116,76,14,.15);z-index:1}
.q158-logo-wrap{position:absolute;left:50%;top:50%;width:272px;height:272px;transform:translate(-50%,-50%) rotate(-5deg);z-index:3;display:grid;place-items:center;filter:drop-shadow(0 13px 20px rgba(107,73,15,.18))}
.q158-logo{width:100%;height:100%;object-fit:contain;display:block}
.q158-pedestal{position:absolute;left:50%;bottom:0;width:410px;height:72px;transform:translateX(-50%);border:2px solid #d8ab5a;border-radius:999px;background:linear-gradient(180deg,#fffaf1,#ead6b8);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 15px 28px rgba(94,62,10,.14);z-index:2}
.q158-pedestal strong{font:1000 23px/1 Tajawal,Arial,sans-serif;color:#b77e20;letter-spacing:.02em}.q158-pedestal small{font:900 13px/1.2 Tajawal,Arial,sans-serif;color:#66502d;margin-top:6px}
.q158-orbit{position:absolute;inset:0;z-index:5;pointer-events:none}
.q158-card{position:absolute;left:var(--x,50%);top:var(--y,50%);width:118px;height:164px;transform:translate(-50%,-50%) rotate(var(--r,0deg));transform-origin:center;display:flex;flex-direction:column;overflow:hidden;border:1.5px solid #d39b36;border-radius:15px;background:#fff;box-shadow:0 11px 22px rgba(20,38,57,.13);pointer-events:auto;cursor:pointer;transition:transform .35s ease,box-shadow .35s ease;z-index:6}
.q158-card:hover{transform:translate(-50%,-50%) rotate(var(--r,0deg)) scale(1.045);box-shadow:0 18px 30px rgba(20,38,57,.20);z-index:14}
.q158-media{position:relative;width:100%;height:98px;min-height:98px;padding:7px;overflow:hidden;background:#fff}.q158-media img{width:100%;height:100%;object-fit:contain;display:block}
.q158-badge{position:absolute;top:5px;right:5px;max-width:78px;padding:4px 7px;border-radius:999px;background:#c88b23;color:#fff;font:900 8.5px/1 Tajawal,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:3}
.q158-info{height:66px;padding:6px 7px 7px;display:flex;flex-direction:column;justify-content:space-between;gap:2px;text-align:center;overflow:hidden}.q158-info strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:28px;font:1000 10.5px/1.32 Tajawal,Arial,sans-serif;color:#08243e}.q158-price{display:flex;align-items:center;justify-content:center;gap:4px;min-height:18px}.q158-price span{font:1000 12.5px/1 Tajawal,Arial,sans-serif;color:#b97914}.q158-price del{font:700 8px/1 Tajawal,Arial,sans-serif;color:#9aa3ad}
.q158-arrow{position:absolute;top:50%;width:50px;height:50px;transform:translateY(-50%);border:2px solid #d39a31;border-radius:50%;background:#07243d;color:#fff;font:1000 30px/1 Arial,sans-serif;display:grid;place-items:center;z-index:20;box-shadow:0 12px 25px rgba(7,36,61,.16);cursor:pointer}.q158-prev{left:6px}.q158-next{right:6px}.q158-arrow:hover{background:#0d3457}
.q158-dots{position:absolute;left:0;right:0;bottom:5px;display:flex;justify-content:center;gap:8px;z-index:20}.q158-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#cfd5dc;cursor:pointer}.q158-dots button.active{width:26px;border-radius:999px;background:#c78c27}
.q158-copy{grid-area:copy;direction:rtl;height:100%;padding:20px 28px 20px 4px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:right;overflow:hidden}.q158-copy h1{margin:0 0 14px;max-width:100%;font:1000 clamp(42px,3.5vw,62px)/1.08 Tajawal,Arial,sans-serif;letter-spacing:-1px;color:#07243d}.q158-copy h1 span{display:block;white-space:nowrap}.q158-copy p{margin:0 0 4px;font:800 clamp(17px,1.4vw,23px)/1.55 Tajawal,Arial,sans-serif;color:#3e4d61}.q158-copy>b{margin:0 0 22px;color:#b87b1b;font:900 clamp(18px,1.5vw,25px)/1.2 Tajawal,Arial,sans-serif}
.q158-actions{width:min(100%,570px);margin:0 0 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.q158-actions a,.q158-actions button{width:100%;min-width:0;padding:17px 18px;border:2px solid #d19a35;border-radius:16px;background:#07243d;color:#fff;font:1000 16px/1.2 Tajawal,Arial,sans-serif;text-align:center;box-shadow:0 10px 22px rgba(7,36,61,.12);cursor:pointer;text-decoration:none}.q158-features{width:min(100%,590px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.q158-features span{padding:11px 8px;border:1px solid #ead9bd;border-radius:12px;background:#fff;color:#17324d;font:900 13px/1.25 Tajawal,Arial,sans-serif;text-align:center;white-space:nowrap}
@media(max-width:1280px){.q158-shell{grid-template-columns:minmax(620px,1.05fr) minmax(400px,.95fr)}.q158-stage{transform:scale(.9);transform-origin:center}.q158-copy h1{font-size:clamp(38px,3.7vw,56px)}}
@media(max-width:980px){.q158-shell{height:auto;grid-template-columns:1fr;grid-template-areas:"orbit" "copy";padding:14px;gap:6px}.q158-orbit-panel{height:420px;padding:0 42px}.q158-stage{transform:scale(.80);transform-origin:center}.q158-copy{height:auto;align-items:center;text-align:center;padding:10px 16px 18px}.q158-copy h1 span{white-space:normal}.q158-actions,.q158-features{max-width:650px}}
@media(max-width:680px){.q158-shell{width:calc(100% - 12px);border-radius:20px;padding:9px}.q158-orbit-panel{height:318px;padding:0 25px}.q158-stage{height:456px;transform:scale(.56);transform-origin:center top}.q158-copy h1{font-size:35px}.q158-copy p{font-size:16px}.q158-actions{grid-template-columns:1fr}.q158-features{grid-template-columns:1fr}.q158-features span{white-space:normal}.q158-arrow{width:42px;height:42px;font-size:24px}}
