@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');:root{--bs-primary:#2457d6;--bs-primary-rgb:36,87,214}body{font-family:Cairo,system-ui,sans-serif;background:#f7f9fc;color:#19243b}.hero{background:linear-gradient(120deg,#2457d6,#20b4bc);color:white;min-height:240px}.hero h1{font-weight:800}.product-card{border:1px solid #e8edf5;border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px #182a461a}.product-image{height:220px;background:#edf3ff;display:grid;place-items:center;font-size:60px}.product-image img{width:100%;height:100%;object-fit:cover}.product-detail-image{min-height:360px;background:#eaf1ff;border-radius:20px;display:grid;place-items:center;font-size:90px;overflow:hidden}.product-detail-image img{width:100%;max-height:550px;object-fit:contain}.card{border-radius:16px}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:245px;background:#142544;color:white;flex-shrink:0}.admin-sidebar a{display:block;color:#d9e7ff;text-decoration:none;padding:12px 18px}.admin-sidebar a:hover{background:#ffffff19}.admin-main{flex:1;min-width:0;padding:24px}.metric{border:0;box-shadow:0 5px 22px #10285010}@media(max-width:850px){.admin-shell{display:block}.admin-sidebar{width:100%}.admin-links{display:none}.admin-sidebar.open .admin-links{display:block}.admin-main{padding:14px}.product-image{height:165px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
/* v2 visual system */
:root{--bs-primary:#2563eb;--bs-primary-rgb:37,99,235;--ink:#14233c;--muted:#687891;--surface:#fff;--line:#e5ebf4}body{background:#f6f8fc;color:var(--ink);line-height:1.75}h1,h2,h3{letter-spacing:-.035em}a{transition:color .2s,background .2s}.btn-primary{background:#2563eb;border-color:#2563eb}.btn{font-weight:700;border-radius:11px;padding:.6rem 1rem}.btn:hover{transform:translateY(-1px)}.store-nav{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 7px 24px #172c4a0a;backdrop-filter:blur(14px);z-index:1030}.navbar-brand{font-weight:800;color:#1e40af;font-size:1.4rem}.nav-search{flex:1;max-width:450px;gap:8px}.nav-search input{border-radius:12px}.country-select{min-width:155px}.hero{background:linear-gradient(110deg,#112e69,#2563eb 63%,#0ea5e9);position:relative;overflow:hidden;min-height:290px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 24px 50px #1d4ed825}.hero-inner{position:relative;z-index:1;max-width:670px}.hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.4}.hero p{font-size:1.13rem;opacity:.9}.hero-eyebrow{display:inline-block;background:#ffffff26;border:1px solid #ffffff40;padding:5px 15px;border-radius:30px;margin-bottom:15px;font-weight:700}.hero-illustration{font-size:5rem;opacity:.85;white-space:nowrap;transform:rotate(-10deg)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-heading h2{font-weight:800;margin:0}.eyebrow{font-size:.85rem;color:#2563eb;font-weight:800}.category-strip{display:flex;overflow-x:auto;gap:10px;padding:3px 2px 14px;scrollbar-width:thin}.category-pill{display:inline-block;white-space:nowrap;border-radius:40px;padding:10px 20px;text-decoration:none;background:#fff;color:#253a5b;border:1px solid #e0e9f5;font-weight:700}.category-pill.active,.category-pill:hover{background:#2563eb;color:#fff;border-color:#2563eb}.product-card{border:1px solid #e8edf6;border-radius:20px;box-shadow:0 6px 22px #142b4a08;overflow:hidden}.product-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #142b4a19}.product-image{height:230px;background:linear-gradient(145deg,#f1f5ff,#e8f0fb)}.product-name{min-height:46px;line-height:1.6;font-weight:700}.product-price{color:#1d4ed8;font-size:1.08rem}.empty-state{border:1px dashed #cbd5e1;border-radius:18px;background:#fff}.about-hero{background:linear-gradient(115deg,#142d5e,#2864dd);color:#fff}.about-hero h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:800}.about-copy{font-size:1.12rem;line-height:2.1;white-space:normal}.card{border-color:#e7edf5;box-shadow:0 5px 24px #1d35570a}.admin-shell{align-items:stretch}.admin-sidebar{background:linear-gradient(180deg,#142d57,#101f3b);position:sticky;top:0;height:100vh;overflow-y:auto}.admin-sidebar .admin-links a{border-radius:10px;margin:3px 10px;padding:11px 15px}.admin-sidebar .admin-links a:hover{background:#ffffff1e;color:#fff}.admin-main{padding:32px;max-width:100%;overflow:hidden}.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.metric{border:1px solid #e7edf5;box-shadow:0 8px 25px #142b4a0a;border-radius:17px;transition:transform .2s}.metric:hover{transform:translateY(-3px)}.metric .h2{color:#1d4ed8}.chart-wrap{height:290px;position:relative}.country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.country-grid .card{margin:0!important;flex-wrap:wrap}.table{vertical-align:middle}.table th{color:#455b7b;font-size:.9rem;background:#f8faff}.form-control,.form-select{border-radius:10px;border-color:#dce4ef;padding:.65rem .8rem}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem #2563eb20}.admin-sidebar button{border-radius:9px}@media(max-width:991px){.store-nav .offcanvas{max-width:320px}.nav-search{max-width:none;width:100%;margin:12px 0}.hero-illustration{display:none}.admin-sidebar{height:auto;position:relative;width:100%}.admin-sidebar .admin-links{display:none}.admin-sidebar.open .admin-links{display:block}.admin-main{padding:16px}.chart-wrap{height:260px}}@media(max-width:575px){.hero{min-height:270px}.product-image{height:155px}.product-card .card-body{padding:12px}.product-name{font-size:.88rem}.product-price{font-size:.95rem}.section-heading h2{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V3: robust mobile layout and accessible drawer */
*,*::before,*::after{box-sizing:border-box}html{max-width:100%;overflow-x:clip}body{width:100%;max-width:100%;overflow-x:clip}img,video,canvas,svg{max-width:100%}.container,.row,.card,.hero,.store-header{min-width:0}.row>*{min-width:0}.hero-inner,.product-card,.card-body{min-width:0}.hero h1,.hero p,.product-name{overflow-wrap:anywhere}.store-header{position:sticky;top:0;z-index:1020;background:#fff;border-bottom:1px solid #e5ebf4;box-shadow:0 8px 28px #152b480b}.store-header-inner{display:flex;align-items:center;gap:20px;min-height:72px}.store-logo{display:inline-flex;align-items:center;gap:9px;font-size:1.32rem;font-weight:800;color:#152b57;text-decoration:none;white-space:nowrap}.store-logo-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#2563eb;color:#fff}.store-desktop-links{display:flex;align-items:center;gap:24px;margin-inline-start:auto}.store-desktop-links a{font-weight:700;color:#3a4a63;text-decoration:none}.store-desktop-links a:hover{color:#2563eb}.store-menu-trigger{border:1px solid #dbe5f5;border-radius:12px;background:#f5f8ff;color:#173767;font-weight:800;padding:9px 13px;display:none}.store-header-tools{display:flex;align-items:center;gap:15px;padding-bottom:15px;min-width:0}.store-search{display:flex;flex:1;min-width:0;max-width:740px;border:1px solid #dce5f3;border-radius:13px;overflow:hidden;background:#f8faff}.store-search input{flex:1;min-width:0;border:0;background:transparent;outline:0;padding:11px 15px}.store-search button{border:0;background:#2563eb;color:#fff;padding:0 22px;font-weight:800}.store-country-form{display:flex;align-items:center;gap:9px;margin-inline-start:auto;min-width:0}.store-country-form label{font-weight:700;white-space:nowrap}.store-country-form select{border:1px solid #dce5f3;border-radius:12px;background:#fff;padding:10px;max-width:100%;min-width:0}.store-drawer-backdrop{position:fixed;inset:0;background:#0b193c9c;z-index:1050}.store-drawer-backdrop[hidden]{display:none}.store-drawer{position:fixed;inset-block:0;inset-inline-start:0;width:min(330px,86vw);max-width:100%;background:#fff;z-index:1051;box-shadow:0 0 40px #0002;transform:translateX(110%);transition:transform .25s ease;overflow-y:auto;visibility:hidden}.store-drawer.open{transform:translateX(0);visibility:visible}.store-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:23px;border-bottom:1px solid #e5ebf4}.store-drawer-head strong{font-size:1.3rem;color:#173767}.store-drawer-head button{background:#f1f5fa;border:0;border-radius:10px;padding:8px 12px}.store-drawer nav{display:grid;padding:16px;gap:7px}.store-drawer nav a{padding:13px 17px;border-radius:12px;text-decoration:none;color:#243a5a;font-weight:800}.store-drawer nav a:hover{background:#edf4ff;color:#2563eb}.store-drawer p{margin:16px 24px;color:#6b7890}.drawer-open{overflow:hidden!important}.category-strip{width:100%;max-width:100%;overscroll-behavior-inline:contain}.hero{max-width:100%}.payment-method-box{background:#f8faff;border:1px solid #dce5f3;border-radius:16px;padding:18px}.payment-proof[hidden]{display:none!important}.gateway-card{border:1px solid #e1e9f5;border-radius:18px;padding:20px;background:#fff}.gateway-card h3{font-size:1.1rem;font-weight:800}.gateway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px}
@media(max-width:991px){.store-menu-trigger{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto}.store-desktop-links{display:none}.store-header-inner{min-height:62px}.store-header-tools{gap:9px}.store-country-form label{display:none}}
@media(max-width:575px){.container{padding-inline:14px}.store-header-tools{flex-wrap:wrap}.store-search{flex-basis:100%;max-width:none;order:2}.store-country-form{width:100%;order:1;margin:0}.store-country-form label{display:block}.store-country-form select{flex:1}.store-logo{font-size:1.05rem}.store-logo-mark{width:34px;height:34px}.store-menu-trigger{padding:7px 10px}.hero{padding:25px 19px!important;margin-bottom:30px!important;min-height:0}.hero h1{font-size:1.8rem}.hero p{font-size:.98rem}.section-heading{gap:8px;align-items:center}.section-heading h2{font-size:1.18rem}.product-image{height:150px}.product-card .btn{font-size:.8rem;padding:9px 5px}.row.g-3{--bs-gutter-x:12px}.card-body{padding:11px}.store-search input{font-size:14px}}
@media(prefers-reduced-motion:reduce){.store-drawer{transition:none}}

.tracking-consent{position:fixed;bottom:1rem;inset-inline:1rem;max-width:480px;margin-inline:auto;z-index:9999;background:#fff;box-shadow:0 8px 36px #0003;border:1px solid #dce6f2;border-radius:16px;padding:1.2rem}.tracking-consent[hidden]{display:none!important}

.cart-link{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#173767;font-weight:800;white-space:nowrap}.cart-link b{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:99px;background:#2563eb;color:#fff;font-size:.78rem}.cart-thumb{width:100%;height:90px;object-fit:cover;border-radius:12px}.cart-thumb-placeholder{height:90px;border-radius:12px;background:#edf3ff;display:grid;place-items:center;font-size:32px}@media(max-width:575px){.cart-link span{display:none}.cart-thumb,.cart-thumb-placeholder{height:72px}}

/* V7 storefront themes */
.payment-options{display:grid;gap:12px}.payment-option{display:flex;align-items:center;gap:14px;padding:17px;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:.2s;background:#fff}.payment-option:has(input:checked){border-color:var(--shop-accent,#2563eb);background:var(--shop-soft,#eff6ff);box-shadow:0 3px 14px #0000000b}.payment-option input{accent-color:var(--shop-accent,#2563eb);width:19px;height:19px}.payment-option-icon{font-size:27px}.payment-option-info{display:grid;gap:4px;flex:1}.payment-option-info small{color:#64748b}.payment-check{color:var(--shop-accent,#2563eb);font-weight:900}.product-gallery-thumb{aspect-ratio:1;object-fit:cover;border:1px solid #e5e7eb}.landing-benefits,.landing-details{border-radius:18px;background:var(--shop-soft,#f8fafc);padding:20px}.gateway-card{border-radius:18px;box-shadow:0 8px 28px #0f172a0b;border:1px solid #e8eef5;padding:24px;background:#fff}.gateway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:20px}.gateway-card h3{font-size:1.18rem;margin-bottom:16px}.gateway-card .form-control,.gateway-card .form-select{border-radius:10px;padding:11px}.gateway-card .btn{border-radius:10px}

.payment-admin-hero{background:linear-gradient(120deg,#172554,#2563eb);color:#fff;padding:32px;border-radius:22px;box-shadow:0 15px 30px #1e40af22}.payment-admin-hero p{color:#dbeafe}.payment-admin-hero .badge{font-size:.85rem}

/* V8: product price stays below the image, never overlaid. */
.product-card{display:flex!important;flex-direction:column!important;content-visibility:auto;contain-intrinsic-size:auto 420px}.product-card .product-image{position:relative;flex:0 0 auto;overflow:hidden;isolation:isolate}.product-card .card-body{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;flex:1;background:#fff;z-index:1}.product-card .product-price{display:block!important;position:static!important;inset:auto!important;transform:none!important;margin-top:auto;padding-top:10px;background:transparent!important;line-height:1.8;white-space:normal}.product-card .btn{position:static!important}.product-image img{display:block;object-fit:contain}.cart-qty-status{min-height:1.5em}.coupon-gift{border:2px dashed #b9d7ff;background:linear-gradient(120deg,#f5f9ff,#fff);border-radius:16px;padding:18px}.track-status{border-inline-start:4px solid #2563eb;padding:12px 18px;background:#f6f9ff;border-radius:12px}

.store-footer{background:#101b30;color:#f2f5ff;margin-top:4rem}.store-footer p,.store-footer small{color:#c6d0e2}.social-footer-link{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid #506078;border-radius:12px;color:#fff;text-decoration:none}.social-footer-link:hover{color:#fff;background:#30435f}