/* Omar Center 2026 Clean — standalone storefront */
:root{--oc-n:#0B2D56;--oc-n2:#163F6B;--oc-g:#D4AF37;--oc-g2:#E6C76B;--oc-ink:#111;--oc-soft:#F5F6F8;--oc-line:#E3E8ED;--oc-mut:#6F7D8B;--oc-white:#fff;--oc-shadow:0 10px 28px rgba(11,45,86,.08);--oc-shadow-card:0 5px 18px rgba(11,45,86,.045);--oc-shadow-hover:0 14px 28px rgba(11,45,86,.12);--oc-radius-sm:7px;--oc-radius-md:10px;--oc-radius-lg:12px;--oc-radius-card:11px;--oc-h1:clamp(22px,3vw,38px);--oc-h2:clamp(18px,2.2vw,26px);--oc-h3:clamp(16px,1.6vw,20px);--oc-card-title:11px;--oc-price:16px;--oc-small:9px;--oc-section-space:28px}
html{width:100%;max-width:100%;overflow-x:hidden}body.omar-storefront{margin:0;width:100%;max-width:100%;min-width:0;background:var(--oc-soft);font-family:"Noto Sans Arabic","Montserrat",Tahoma,Arial,sans-serif;color:var(--oc-ink);overflow-x:hidden}body.omar-storefront *{box-sizing:border-box;min-width:0}body.omar-storefront a{text-decoration:none;color:inherit}body.omar-storefront img{max-width:100%;height:auto}body.omar-storefront button,body.omar-storefront input,body.omar-storefront select,body.omar-storefront textarea{font:inherit}
.os-shell{width:100%;min-height:100vh;overflow-x:hidden}.os-c{width:100%;max-width:1240px;padding-inline:16px;margin-inline:auto}
.os-top{background:var(--oc-n);color:#fff;font-size:11px}.os-top .os-c{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}.os-top span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.os-top svg{width:15px;height:15px;fill:none;stroke:var(--oc-g);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.os-hdr{background:#fff;border-bottom:1px solid var(--oc-line);position:relative;z-index:30}.os-hdr-grid{min-height:104px;display:grid;grid-template-columns:200px minmax(320px,1fr) 205px;gap:20px;align-items:center;direction:ltr}.os-logo{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(212,175,55,.28);border-radius:12px;padding:4px 10px;box-shadow:0 2px 10px rgba(11,45,86,.07)}.os-logo .oc-brand-logo{display:block;width:176px;max-height:58px;height:auto;filter:drop-shadow(0 1px 1px rgba(11,45,86,.06))}.os-search{height:48px;border:1px solid #D9E0E6;border-radius:9px;background:#fff;display:grid;grid-template-columns:1fr 56px;overflow:hidden;direction:rtl}.os-search input{border:0;outline:0;padding:0 16px;font-size:13px;background:transparent}.os-search button{border:0;background:var(--oc-g);color:var(--oc-n);font-size:21px;cursor:pointer}.os-actions{display:flex;justify-content:flex-end;gap:10px;direction:rtl}.os-actions a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:800;min-width:56px;color:var(--oc-n)}.os-actions i{font-style:normal;width:36px;height:36px;border:1px solid #DDE3E9;border-radius:50%;display:grid;place-items:center;position:relative;background:#fff}.os-actions i svg{width:20px;height:20px;fill:none;stroke:var(--oc-n);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.os-actions .count{position:absolute;right:-6px;top:-7px;min-width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:var(--oc-g);color:#111;font-size:8px;font-style:normal}.os-menu,.os-mobile-search,.os-quick{display:none}
.os-nav{background:var(--oc-n);box-shadow:0 4px 14px rgba(11,45,86,.14)}.os-nav .os-c{min-height:47px;display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none}.os-nav .os-c::-webkit-scrollbar{display:none}.os-nav a{display:flex;align-items:center;min-height:47px;padding:0 16px;color:#fff;font-size:12px;font-weight:800;white-space:nowrap;border-bottom:3px solid transparent}.os-nav a:hover,.os-nav a.active{background:var(--oc-g);color:#111;border-bottom-color:var(--oc-g)}.os-nav .os-nav-all{margin-inline-start:auto;background:rgba(255,255,255,.07)}
.os-main,.home-main,.os-page-wrap,.os-product-page,.os-footer{width:100%;max-width:100%}.os-main{padding:16px 0 30px}.os-breadcrumb{display:flex;gap:7px;align-items:center;font-size:10px;color:#87929D;margin:3px 0 11px;white-space:nowrap;overflow:hidden}.os-breadcrumb a{color:#667582}.os-breadcrumb b{color:var(--oc-n);overflow:hidden;text-overflow:ellipsis}
.home-main{background:var(--oc-soft)}.home-banner-wrap{padding-top:12px}.home-banner-slider{position:relative;overflow:hidden;border-radius:12px;background:#07192d;box-shadow:0 12px 30px rgba(11,45,86,.14);aspect-ratio:3/1}.home-banner-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s ease}.home-banner-slide.active{opacity:1;visibility:visible}.home-banner-slide img{display:block;width:100%;height:100%;object-fit:cover}.home-banner-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;background:rgba(7,25,45,.72);color:#fff;font-size:26px;display:grid;place-items:center;cursor:pointer}.home-banner-arrow.prev{right:12px}.home-banner-arrow.next{left:12px}.home-banner-dots{position:absolute;z-index:5;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:6px}.home-banner-dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.55);padding:0}.home-banner-dots button.active{width:22px;border-radius:8px;background:var(--oc-g)}
.home-section{padding:var(--oc-section-space) 0}.home-section.white{background:#fff}.home-section.soft{background:var(--oc-soft)}.home-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.home-title h2{margin:0;color:var(--oc-n);font-size:var(--oc-h2);font-weight:900}.home-title p{margin:4px 0 0;color:var(--oc-mut);font-size:12px}.home-title>a{color:var(--oc-n);font-size:11px;font-weight:900}
.home-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;overflow:visible;padding-bottom:0}.home-cats::-webkit-scrollbar{display:none}.home-cat{min-width:0;flex:none;scroll-snap-align:none}.home-cat{display:block;overflow:hidden;background:#fff;border:1px solid var(--oc-line);border-radius:var(--oc-radius-lg);box-shadow:var(--oc-shadow-card);transition:.18s}.home-cat:hover{transform:translateY(-3px);border-color:#D6B44C;box-shadow:var(--oc-shadow-hover)}.home-cat img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.home-cat-fixed{position:relative}.home-cat-fixed strong{display:block;padding:10px 8px;text-align:center;color:var(--oc-n);font-size:12px;font-weight:900;background:#fff;border-top:1px solid var(--oc-line)}.home-discover{border-top:1px solid #edf0f3}.home-discover-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.home-discover-links a{min-height:78px;background:#fff;border:1px solid var(--oc-line);border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px;box-shadow:var(--oc-shadow-card)}.home-discover-links a>span{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f5f7f9;color:var(--oc-n);border:1px solid #e5e9ed;font-size:17px;font-weight:900}.home-discover-links b{display:block;color:var(--oc-n);font-size:12px}.home-discover-links small{display:block;color:var(--oc-mut);font-size:8px;margin-top:3px}.home-cat-designed{position:relative}.home-cat-designed:after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(transparent,rgba(11,45,86,.88));pointer-events:none}.home-cat-designed span{position:absolute;z-index:2;right:14px;left:14px;bottom:12px;color:#fff;font-size:15px;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.3)}
.home-stories{background:#fff;padding:4px 0 18px}.home-quick8{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.home-quick8 a{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;color:var(--oc-n);font-size:9px;font-weight:900}.home-quick8 img,.home-quick8 .quick-mark{width:84px;height:84px;border-radius:50%;border:2px solid var(--oc-g);background:#fff;object-fit:cover;display:grid;place-items:center;box-shadow:var(--oc-shadow-card)}.home-quick8 .quick-mark{color:var(--oc-n);font-size:16px}.home-stories-row{display:grid;grid-template-columns:repeat(3,minmax(0,120px));justify-content:center;gap:18px}.home-quick-title{justify-content:center;text-align:center;margin-top:10px}.home-stories-row a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:88px}.home-stories-row span{width:52px;height:52px;border-radius:50%;border:2px solid #E2B23F;display:grid;place-items:center;background:#fff;color:#D92128;font-size:22px;font-weight:900;box-shadow:0 3px 10px rgba(11,45,86,.05);overflow:hidden}.home-stories-row span img{width:42px;height:42px;object-fit:contain}.home-stories-row .story-mark{font-size:13px;color:#d51f2f}.home-stories-row b{font-size:9px;color:var(--oc-n)}
.home-promos{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px}.home-promos-scroll{display:flex;overflow-x:auto;gap:12px;padding-bottom:7px;scroll-snap-type:x proximity;scrollbar-width:none}.home-promos-scroll::-webkit-scrollbar{display:none}.home-promos-scroll>.home-promo{flex:0 0 calc((100% - 24px)/3);scroll-snap-align:start}.home-promo{min-height:178px;border-radius:11px;padding:23px;display:flex;align-items:center;position:relative;overflow:hidden}.home-promo>div{position:relative;z-index:2;width:60%}.home-promo span{font-size:9px;font-weight:800}.home-promo h3{font-size:23px;margin:4px 0 6px}.home-promo p{font-size:11px;line-height:1.7;margin:0 0 13px}.home-promo b{display:inline-flex;padding:8px 11px;border-radius:6px;font-size:10px;font-weight:900;background:#fff;color:var(--oc-n)}.home-promo img{position:absolute;left:8px;bottom:6px;width:39%;height:88%;object-fit:contain;background:#fff;border-radius:9px;padding:4px}.home-promo.navy{background:linear-gradient(120deg,#0B2D56,#194F80);color:#fff}.home-promo.navy2{background:linear-gradient(120deg,#123650,#1E5B86);color:#fff}.home-promo.gold{background:linear-gradient(120deg,#C99D33,#E9CF83);color:#132039}.home-promo.gold b{background:var(--oc-n);color:#fff}
.home-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-products-scroll{display:flex;overflow-x:auto;gap:12px;padding-bottom:7px;scroll-snap-type:x proximity;scrollbar-width:none}.home-products-scroll::-webkit-scrollbar{display:none}.home-products-scroll>.os-product{flex:0 0 calc((100% - 36px)/4);scroll-snap-align:start}.home-shipping{background:#fff;border-block:1px solid #ECEFF2;padding:16px 0}.home-shipping>.os-c{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:center}.home-shipping strong{display:block;color:var(--oc-n);font-size:14px}.home-shipping small{display:block;color:var(--oc-mut);font-size:8px;margin-top:3px}.home-shipping-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.home-shipping-list span{min-height:48px;border:1px solid var(--oc-line);border-radius:8px;display:grid;place-items:center;background:#fff;color:var(--oc-n);font-size:10px;font-weight:900}.home-bottom-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.home-bottom-card{border-radius:10px;padding:20px;min-height:125px;display:flex;flex-direction:column;justify-content:center}.home-bottom-card h3{margin:0 0 6px;font-size:18px}.home-bottom-card p{margin:0;font-size:10px;line-height:1.8}.home-bottom-card.navy{background:var(--oc-n);color:#fff}.home-bottom-card.gold{background:linear-gradient(120deg,#B88A24,#E1C66B);color:#111}.home-bottom-card.whitecard{background:#fff;border:1px solid var(--oc-line);color:var(--oc-n)}
.os-category-page{direction:rtl}.os-subcats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 16px}.os-subcat{background:#fff;border:1px solid var(--oc-line);border-radius:10px;padding:8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;box-shadow:var(--oc-shadow-card);transition:.18s}.os-subcat:hover{transform:translateY(-2px);border-color:#d6b44c}.os-subcat-img{width:100%;aspect-ratio:1.35/1;border-radius:7px;overflow:hidden;background:#f7f8fa;display:grid;place-items:center}.os-subcat-img img{width:100%;height:100%;object-fit:contain}.os-subcat-placeholder{font-size:28px;font-weight:900;color:var(--oc-n)}.os-subcat strong{font-size:11px;color:var(--oc-n);line-height:1.4}.os-subcat small{font-size:9px;color:var(--oc-mut)}.os-category-head{background:#fff;border:1px solid var(--oc-line);border-radius:10px;padding:18px;margin-bottom:14px}.os-category-head h1{margin:0;color:var(--oc-n);font-size:var(--oc-h1)}.os-category-desc{margin-top:7px;color:var(--oc-mut);font-size:11px;line-height:1.8}.os-category-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.os-product-card{background:#fff;border:1px solid var(--oc-line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.os-product-link{display:block;padding:10px}.os-product-image{aspect-ratio:1/1;display:grid;place-items:center;border-bottom:1px solid #f0f1f2}.os-product-image img{width:100%;height:100%;object-fit:contain}.os-product-card h2{font-size:11px;line-height:1.55;color:var(--oc-n);min-height:35px;margin:9px 0 5px}.os-product-price{font-size:15px;font-weight:900;color:var(--oc-n)}.os-product-price ins{color:#D51F2F;text-decoration:none}.os-product-action{padding:0 10px 10px;margin-top:auto}.os-product-action .button{width:100%;min-height:36px;display:flex;align-items:center;justify-content:center;background:var(--oc-n);color:#fff;border-radius:5px;font-size:9px;font-weight:900}.os-empty-category{background:#fff;border:1px solid var(--oc-line);border-radius:10px;padding:36px 20px;text-align:center}.os-empty-category h2{color:var(--oc-n);margin:0 0 8px}.os-empty-category p{color:var(--oc-mut);font-size:11px}.os-empty-category a{display:inline-flex;margin-top:10px;background:var(--oc-n);color:#fff;padding:9px 16px;border-radius:6px;font-size:10px;font-weight:900}.os-category-banner{overflow:hidden;border-radius:var(--oc-radius-lg);margin-bottom:14px;background:#fff}.os-category-banner img{display:block;width:100%;aspect-ratio:3/1;object-fit:cover}.os-category-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:4px 2px 18px}.os-category-intro .eyebrow{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--oc-g)}.os-category-intro h1{margin:4px 0;font-size:var(--oc-h1);color:var(--oc-n);line-height:1.2}.os-category-intro p{margin:0;color:var(--oc-mut);font-size:13px}.os-category-intro>strong{white-space:nowrap;color:var(--oc-n);background:#fff;border:1px solid var(--oc-line);border-radius:999px;padding:8px 13px;font-size:12px}.os-hero{min-height:260px;background:linear-gradient(115deg,var(--oc-n),#194F80);border-radius:var(--oc-radius-lg);margin-bottom:14px;padding:28px 34px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;color:#fff;overflow:hidden}.os-hero-copy .eyebrow{font-size:9px;color:var(--oc-g2);font-weight:900}.os-hero-copy h1{font-size:var(--oc-h1);margin:5px 0 9px}.os-hero-copy p{font-size:12px;line-height:1.8;color:#DCE7F1;max-width:580px;margin:0 0 12px}.os-features{display:flex;gap:7px;flex-wrap:wrap}.os-features span{font-size:8px;border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:5px 8px}.os-hero-visual{display:grid;place-items:center;height:190px}.os-hero-visual img{max-height:180px;object-fit:contain;background:#fff;border-radius:12px;padding:8px}
.os-subcats{display:flex;direction:rtl;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:0 0 7px;margin-bottom:14px}.os-subcats::-webkit-scrollbar{display:none}.os-subcats a{flex:0 0 150px;scroll-snap-align:start;min-height:104px;background:#fff;border:1px solid var(--oc-line);border-radius:10px;padding:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px}.os-subcats img{width:64px;height:56px;object-fit:contain}.os-subcats a:not(:has(img)):before{content:"قسم";width:64px;height:56px;border-radius:8px;background:#F4F7FA;color:var(--oc-n);display:grid;place-items:center;font-size:9px;font-weight:900;border:1px solid #E3E8ED}.os-subcats b{font-size:10px;color:var(--oc-n)}.os-subcats small{font-size:7px;color:var(--oc-mut)}
.os-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;align-items:start}.os-filter{background:#fff;border:1px solid #e2e6ea;border-radius:4px;padding:0 16px 16px;position:sticky;top:12px;box-shadow:none}.os-filter>h2{font-size:15px;color:var(--oc-n);margin:0 -16px;padding:14px 16px;border-bottom:1px solid #e5e8eb}.os-filter h3{font-size:12px;color:#202a34;margin:0 0 9px}.os-filter-group{border-top:1px solid #edf0f2;padding-top:14px;margin-top:14px}.os-filter-group:first-of-type{border-top:0}.os-filter-group h4{font-size:10px;margin:0 0 7px}.os-filter-group a{min-height:34px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#4d5964;border-bottom:1px solid #f2f3f4}.os-filter-group a:last-child{border-bottom:0}.os-filter-group em{font-style:normal;color:#9aa3aa;font-size:9px}.os-filter-reset{display:flex;align-items:center;justify-content:center;margin-top:15px;min-height:38px;background:#f4f5f6;border:1px solid #e6e8ea;border-radius:3px;font-size:9px;font-weight:800}.os-filter-toggle{display:none;border:1px solid #dfe3e7;background:#fff;color:var(--oc-n);border-radius:4px;min-height:36px;padding:0 13px;font-weight:800}
.os-results-head{background:#fff;border:1px solid #e3e6e9;border-radius:4px;padding:10px 12px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.os-results-head h2{font-size:18px;color:#172b3f;margin:0}.os-results-head p{font-size:9px;color:var(--oc-mut);margin:3px 0 0}.os-sort{display:flex;align-items:center;gap:7px}.os-sort label{font-size:9px;color:var(--oc-mut)}.os-sort select{height:36px;border:1px solid #dfe3e7;border-radius:3px;background:#fff;padding:0 9px;font-size:9px;color:#4a5560}
.os-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.os-product{background:#fff;border:1px solid #e4e7ea;border-radius:4px;overflow:hidden;box-shadow:none;display:flex;flex-direction:column;transition:.18s}.os-product:hover{transform:translateY(-2px);border-color:#D6B44C;box-shadow:var(--oc-shadow-hover)}.os-card-heart{position:absolute;top:8px;left:8px;z-index:3;width:30px;height:30px;border:1px solid var(--oc-line);border-radius:50%;background:#fff;color:var(--oc-n);display:grid;place-items:center;cursor:pointer;padding:6px}.os-card-heart svg{width:100%;height:100%}.os-card-heart.active{background:var(--oc-g);border-color:var(--oc-g);color:var(--oc-n)}
.os-product-media{position:relative;background:#fff;aspect-ratio:1/1;display:grid;place-items:center;padding:12px;border-bottom:1px solid #f0f1f2}.os-product-img{width:100%;height:100%;display:grid;place-items:center}.os-product-img img{width:100%;height:100%;object-fit:contain}.os-badge{position:absolute;right:8px;top:8px;z-index:2;padding:4px 7px;border-radius:20px;font-size:7px;font-weight:900}.os-badge.new{background:#E8F0FA;color:var(--oc-n)}.os-badge.sale{background:var(--oc-g);color:#111}.os-card-heart{position:absolute;left:8px;top:8px;width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid var(--oc-line);display:grid;place-items:center}.os-card-heart svg{width:15px;height:15px;fill:none;stroke:var(--oc-n);stroke-width:1.8}.os-product-body{padding:10px;display:flex;flex-direction:column;flex:1}.os-product-title{font-size:var(--oc-card-title);font-weight:800;color:var(--oc-n);line-height:1.55;min-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.os-rating{font-size:8px;color:#B88A24;margin-top:5px}.os-rating.muted{color:var(--oc-mut)}.os-price{font-size:var(--oc-price);font-weight:900;color:var(--oc-n);margin:6px 0 9px}.os-price del{font-size:10px;color:#9AA5AF;font-weight:700;margin-inline-start:5px}.os-price del+ins,.os-price ins{color:#D51F2F;text-decoration:none;font-weight:950}.os-product:has(.os-price del) .os-badge.sale{background:#D51F2F;color:#fff}.os-product-btn{margin-top:auto;min-height:36px;border-radius:3px;background:var(--oc-n);color:#fff!important;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:900;padding:7px}.os-product-btn .btn-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.os-empty{grid-column:1/-1;background:#fff;border:1px solid var(--oc-line);border-radius:10px;padding:30px;text-align:center}.os-pagination{margin-top:16px}.os-pagination ul,.os-pagination .nav-links{display:flex;justify-content:center;gap:5px;list-style:none;padding:0}.os-pagination a,.os-pagination span.page-numbers{min-width:34px;height:34px;border:1px solid var(--oc-line);border-radius:7px;display:grid;place-items:center;background:#fff;font-size:9px}.os-pagination .current{background:var(--oc-n)!important;color:#fff}
.os-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.os-trust>div{background:#fff;border:1px solid var(--oc-line);border-radius:9px;padding:11px;display:flex;align-items:center;gap:9px}.os-trust i{font-style:normal;width:35px;height:35px;border-radius:50%;background:#F5EBCF;display:grid;place-items:center}.os-trust i svg{width:19px;height:19px;fill:none;stroke:var(--oc-n);stroke-width:1.8}.os-trust b{display:block;font-size:9px;color:var(--oc-n)}.os-trust small{display:block;font-size:7px;color:var(--oc-mut);margin-top:2px}
.os-product-page{padding:16px 0 30px}.os-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.os-gallery,.os-summary,.os-product-content{background:#fff;border:1px solid var(--oc-line);border-radius:11px;padding:20px}.os-help-card{border:1px solid var(--oc-line);border-radius:11px;padding:20px}.os-main-image{display:grid;place-items:center;min-height:430px}.os-main-image img{max-height:430px;object-fit:contain}.os-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;margin-top:10px}.os-gallery-thumbs img{width:70px;height:70px;object-fit:contain;border:1px solid var(--oc-line);border-radius:8px;background:#fff}.os-product-video{margin-top:14px;border-top:1px solid var(--oc-line);padding-top:12px}.os-product-video h3{margin:0 0 8px;color:var(--oc-n);font-size:14px}.os-product-video video{display:block;width:100%;max-height:520px;border-radius:10px;background:#07192d}.os-product-kicker{display:inline-flex;background:var(--oc-g);color:#111;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:900;margin-bottom:8px}.os-product-sku{font-size:9px;color:var(--oc-mut);margin:-3px 0 9px}.os-product-promises{display:grid;gap:6px;margin-top:14px}.os-product-promises span{border:1px solid var(--oc-line);border-radius:7px;padding:8px 10px;font-size:9px;color:var(--oc-n);background:#F9FAFB}.os-related{margin-top:20px}.os-summary .product_title{font-size:30px;color:var(--oc-n);margin:0 0 10px;line-height:1.4}.os-summary .price{font-size:26px;font-weight:900;color:var(--oc-n);margin-bottom:12px}.os-summary .woocommerce-product-details__short-description{font-size:11px;line-height:1.9;color:#485868}.os-summary .stock{font-size:10px;font-weight:800}.os-summary .cart{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.os-summary .quantity input{min-height:44px;max-width:80px;border:1px solid var(--oc-line);border-radius:7px}.os-summary .single_add_to_cart_button{min-height:44px;border:0;border-radius:8px;background:var(--oc-g)!important;color:#111!important;font-weight:900;padding:0 20px}.os-summary .product_meta{margin-top:14px;font-size:9px;color:var(--oc-mut)}.os-product-extra{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;margin-top:14px}.os-product-content{font-size:11px;line-height:1.95;color:#43515E}.os-product-content h2{color:var(--oc-n)}.os-help-card{background:var(--oc-n);color:#fff}.os-help-card h3{color:var(--oc-g2);margin-top:0}.os-help-card p{font-size:10px;line-height:1.8}.os-help-card a{display:flex;align-items:center;justify-content:center;min-height:40px;background:var(--oc-g);color:#111;border-radius:7px;font-size:9px;font-weight:900}
.os-page-wrap{padding:16px 0 30px}.os-post-list{display:grid;gap:12px}.os-page-card{background:#fff;border:1px solid var(--oc-line);border-radius:var(--oc-radius-card);padding:26px;max-width:980px;margin-inline:auto;box-shadow:0 6px 20px rgba(11,45,86,.035)}.os-page-card.commerce{max-width:1180px}.os-page-card h1{font-size:30px;margin:0 0 14px;color:var(--oc-n)}.os-page-card .entry-content{font-size:12px;line-height:2;color:#43515E}.os-page-card .entry-content h2,.os-page-card .entry-content h3{color:var(--oc-n);margin-top:24px}.os-page-card table{width:100%;border-collapse:collapse}.os-page-card td,.os-page-card th{border:1px solid var(--oc-line);padding:8px}.os-page-card input,.os-page-card select,.os-page-card textarea{max-width:100%;border:1px solid #DFE4E8!important;border-radius:7px!important}.os-page-card .button,.os-page-card button,.os-page-card input[type=submit]{background:var(--oc-n)!important;color:#fff!important;border-radius:7px!important}.woocommerce-cart-form{overflow-x:auto}.woocommerce-cart-form table.shop_table{min-width:680px;border:1px solid var(--oc-line)!important;border-radius:10px;overflow:hidden}.woocommerce-cart-form .product-thumbnail img{width:72px;height:72px;object-fit:contain}.woocommerce-cart-form .product-name a{font-weight:800;color:var(--oc-n)}.woocommerce-cart-form .product-remove a{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#FFF1F1;color:#9E2626!important}.woocommerce-cart-form .quantity input.qty{min-height:38px;max-width:74px;text-align:center}.cart_totals{background:#fff;border:1px solid var(--oc-line);border-radius:10px;padding:16px}.cart_totals h2{margin-top:0!important}.cart_totals .wc-proceed-to-checkout a{display:flex;align-items:center;justify-content:center;min-height:46px;background:var(--oc-g)!important;color:#111!important;font-weight:900}.woocommerce .cart-empty{border-top-color:var(--oc-g);background:#F8FAFC;color:var(--oc-n);border-radius:8px}
.woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr;gap:12px}.woocommerce-checkout .col-1,.woocommerce-checkout .col-2{width:100%!important;float:none!important}.woocommerce-checkout .form-row{margin-bottom:10px}.woocommerce-checkout .form-row label{font-size:10px;font-weight:800}.woocommerce-checkout .form-row input,.woocommerce-checkout .form-row select,.woocommerce-checkout .form-row textarea{min-height:44px;padding:9px 11px!important}.woocommerce-checkout #order_review{background:#fff;border:1px solid var(--oc-line);border-radius:10px;padding:14px}.woocommerce-checkout #place_order{width:100%;min-height:46px;background:var(--oc-g)!important;color:#111!important;font-weight:900!important}.woocommerce-checkout .woocommerce-shipping-fields{display:none!important}.oc-hidden-country{display:none!important}
.oc-track-box{max-width:760px;margin:0 auto}.oc-track-intro{text-align:center;margin-bottom:20px}.oc-track-intro>span{display:inline-block;font-size:9px;font-weight:900;color:#8B6814;background:#F8F1DD;border-radius:30px;padding:6px 10px;margin-bottom:7px}.oc-track-intro h2{font-size:28px;margin:0 0 7px;color:var(--oc-n)}.oc-track-intro p{font-size:10px;color:var(--oc-mut);margin:0}.oc-track-form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end;background:#fff;border:1px solid var(--oc-line);border-radius:10px;padding:14px}.oc-track-form label span{display:block;font-size:9px;font-weight:800;margin-bottom:5px}.oc-track-form input{width:100%;min-height:42px;padding:0 10px!important}.oc-track-form button{min-height:42px;border:0;border-radius:7px;background:var(--oc-g)!important;color:#111!important;font-size:10px;font-weight:900;padding:0 18px}.oc-track-error{margin:0 0 10px;background:#FFF1F1;border:1px solid #EFCCCC;color:#912929;border-radius:8px;padding:10px 12px;font-size:9px;text-align:center}.oc-track-current{margin-top:14px;background:linear-gradient(115deg,var(--oc-n),var(--oc-n2));color:#fff;border-radius:10px;padding:18px;text-align:center}.oc-track-current small{display:block;font-size:8px;color:#CAD6DF}.oc-track-current strong{font-size:20px;color:var(--oc-g2)}.oc-track-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}.oc-track-step{background:#fff;border:1px solid var(--oc-line);border-radius:9px;padding:10px 6px;text-align:center;opacity:.55}.oc-track-step span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin:0 auto 6px;background:#E9EDF1;font-size:9px;font-weight:900}.oc-track-step b{font-size:8px;color:#536170}.oc-track-step.done,.oc-track-step.current{opacity:1}.oc-track-step.done span,.oc-track-step.current span{background:var(--oc-g);color:#111}
.os-footer{background:var(--oc-n);color:#CBD5DF;border-top:2px solid var(--oc-g);padding:22px 0 10px}.os-footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.1fr;gap:20px}.os-footer-title{display:block;color:var(--oc-g2);font-size:11px;margin:0 0 7px}.os-footer a,.os-footer p{display:block;color:#D7E0E8;font-size:9px;line-height:1.55;margin:0}.os-footer a{min-height:28px;padding:4px 0}.os-footer-brand{display:inline-flex;align-items:center;margin-bottom:7px;background:#fff;border-radius:8px;padding:5px 9px}.os-footer-brand .oc-brand-logo{display:block;width:165px;max-height:52px;height:auto}.os-copy{border-top:1px solid rgba(255,255,255,.12);margin-top:14px;padding-top:9px;text-align:center;font-size:8px;color:#9AA8B6}.os-social{display:flex;gap:7px;align-items:center;margin:8px 0}.os-social a{display:grid!important;place-items:center;min-width:34px!important;width:34px;height:34px;min-height:34px!important;padding:0!important;border:1px solid var(--oc-g)!important;border-radius:50%;background:#fff!important;color:var(--oc-n)!important;font-size:16px!important;font-weight:950;line-height:1}.os-social a:hover{background:var(--oc-g)!important;color:#111!important}.os-footer-grid>div:first-child{align-self:start}.os-footer-brand{box-shadow:0 3px 12px rgba(0,0,0,.14)}.os-bottom-nav{display:none}
.oc-order-success{max-width:720px;margin:28px auto;padding:0 14px}.oc-order-success-card{background:#fff;border:1px solid #e5e9ed;border-radius:14px;padding:42px 24px;text-align:center;box-shadow:0 10px 30px rgba(7,25,45,.06)}.oc-order-success-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--oc-n);color:var(--oc-g);font-size:34px;font-weight:900}.oc-order-success h2{margin:0 0 10px;color:var(--oc-n);font-size:27px}.oc-order-success p{margin:0;color:#667481;font-size:13px;line-height:1.8}.oc-order-failed .oc-order-success-icon{background:#9e2626;color:#fff}.oc-order-success .button{margin-top:18px;background:#07192d!important;color:#fff!important;border-radius:8px!important}.oc-order-number{margin-top:8px!important;color:var(--oc-n)!important}.oc-deposit-note{margin:18px 0 0;padding:14px;border:1px solid #E7D59A;border-radius:10px;background:#FFF9E8;text-align:right}.oc-deposit-note>strong{display:block;color:var(--oc-n);font-size:12px;margin-bottom:5px}.oc-deposit-note p{font-size:10px!important;line-height:1.9!important;color:#5B6570!important}.oc-deposit-note b{color:#8A6510}
@media(max-width:430px){.os-subcats{gap:7px;padding-bottom:5px}.os-subcats a{flex:0 0 104px;min-height:88px}.os-subcats img{width:50px;height:44px}.os-c{padding-inline:7px}.os-hdr-grid{grid-template-columns:40px minmax(0,1fr) 86px;gap:5px}.os-logo .oc-brand-logo{width:min(138px,100%)}.os-actions a{min-width:39px}.os-actions i{width:30px;height:30px}.os-quick{gap:3px}.os-quick a{font-size:7px}.home-products,.os-products{gap:7px}.os-product-body{padding:8px}.os-product-title{font-size:9px;min-height:31px}.os-price{font-size:14px}.os-product-btn{min-height:36px;padding:6px 4px}.os-footer-grid{grid-template-columns:1fr}.os-footer-grid>div:first-child{grid-column:auto}.os-top .os-c{gap:10px}.os-page-card{padding:11px}.os-main-image{min-height:240px}.oc-track-timeline{grid-template-columns:repeat(5,minmax(52px,1fr));overflow-x:auto;padding-bottom:4px}}
@media(max-width:600px){.os-subcats{display:flex;grid-template-columns:none;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:5px}.os-subcats::-webkit-scrollbar{display:none}.os-subcat{flex:0 0 42%;scroll-snap-align:start;}.oc-order-success{margin:18px auto}.oc-order-success-card{padding:32px 18px}.oc-order-success h2{font-size:22px}.oc-order-success p{font-size:11px}}
.os-product{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.os-product:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(11,45,86,.10);border-color:rgba(212,175,55,.45)}.os-product-btn,.home-title>a,.os-actions a{transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.os-product-btn:hover,.home-title>a:hover{transform:translateY(-1px)}.home-banner-slide img{transition:transform .45s ease}.home-banner-slide.active img{transform:scale(1.008)}.os-search{box-shadow:0 1px 7px rgba(11,45,86,.06)}
@media(min-width:1440px){.os-c{max-width:1320px}.home-products,.os-products{gap:16px}.home-cats{gap:18px}.os-layout{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:1100px){.os-c{padding-inline:12px}.os-hdr-grid{grid-template-columns:180px minmax(220px,1fr) 145px;gap:10px}.os-logo .oc-brand-logo{width:168px}.os-actions{gap:3px}.os-nav a{padding:0 12px;font-size:10px}.home-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-products,.os-products{grid-template-columns:repeat(3,minmax(0,1fr))}.home-promos{grid-template-columns:repeat(3,1fr)}.os-layout{grid-template-columns:190px minmax(0,1fr)}.os-trust{grid-template-columns:repeat(2,1fr)}.os-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:901px) and (max-width:1100px){.os-hdr-grid{grid-template-columns:170px minmax(240px,1fr) 140px}.home-promos{gap:9px}.home-promo{padding:16px}.home-promo h3{font-size:19px}.os-product-grid{gap:10px}.os-product-extra{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:900px){.os-subcats{display:flex;grid-template-columns:none;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px}.os-subcats::-webkit-scrollbar{display:none}.os-subcat{flex:0 0 42%;min-width:42%;scroll-snap-align:start}.os-category-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.os-category-head{padding:12px}.os-category-head h1{font-size:22px}body.omar-storefront{padding-bottom:68px}.os-c{padding-inline:8px}.os-top .os-c{overflow-x:auto;justify-content:flex-start;gap:14px}.os-top{font-size:8px}.os-hdr{padding:5px 0 7px}.os-hdr-grid{min-height:68px;grid-template-columns:42px 1fr 92px;gap:7px}.os-menu{display:flex!important;width:40px;height:40px;border:0;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:4px}.os-menu span{display:block;width:20px;height:2px;background:var(--oc-n);border-radius:3px}.os-logo{justify-content:center}.os-logo .oc-brand-logo{width:148px;max-height:50px}.os-hdr-grid>.os-search{display:none}.os-actions{gap:2px}.os-actions a{min-width:42px;min-height:42px;font-size:0;justify-content:center}.os-actions a:first-child{display:none}.os-actions a span{display:none}.os-actions i{width:32px;height:32px}.os-mobile-search{display:block!important;padding-top:4px}.os-mobile-search .os-search{height:40px;grid-template-columns:1fr 44px}.os-quick{display:grid!important;grid-template-columns:repeat(4,1fr);gap:4px;padding-top:8px}.os-quick a{min-height:52px;background:#fff;border:1px solid var(--oc-line);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;color:var(--oc-n);font-weight:800}.os-quick i svg{width:21px;height:21px;fill:none;stroke:var(--oc-n);stroke-width:1.8}.os-nav{display:none}.os-nav.is-open{display:block}.os-nav .os-c{display:grid;grid-template-columns:repeat(2,1fr);padding:6px}.os-nav a{min-height:40px;padding:0 10px;font-size:9px;border-radius:6px}.os-nav .os-nav-all{margin:0}.os-bottom-nav{position:fixed;z-index:999;right:0;left:0;bottom:0;height:64px;background:#061a2d;display:grid!important;grid-template-columns:repeat(5,1fr);box-shadow:0 -6px 20px rgba(0,0,0,.14)}.os-bottom-nav a{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:8px;font-weight:800}.os-bottom-nav a i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.os-bottom-nav a.active{color:var(--oc-g)}.home-banner-wrap{padding-top:8px}.home-banner-slider{border-radius:8px;aspect-ratio:3/1}.home-banner-arrow{width:30px;height:30px;font-size:20px}.home-banner-arrow.prev{right:6px}.home-banner-arrow.next{left:6px}.home-banner-dots{bottom:6px}.home-section{padding:17px 0}.home-title{margin-bottom:10px}.home-title h2{font-size:18px}.home-title p,.home-title>a{font-size:8px}.home-cats{gap:9px;display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.home-cats::-webkit-scrollbar{display:none}.home-cat{flex:0 0 42%;min-width:42%;scroll-snap-align:start;border-radius:10px;box-shadow:0 4px 12px rgba(8,35,61,.06)}.home-cat img{aspect-ratio:4/3}.home-discover{padding-top:24px;padding-bottom:24px}.home-discover .home-title{margin-bottom:12px}.home-discover-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px;padding-bottom:0}.home-discover-links a{min-width:0;min-height:58px;padding:9px;border-radius:9px;box-shadow:none}.home-discover-links a>span{flex:0 0 34px;width:34px;height:34px;font-size:14px}.home-discover-links b{font-size:10px}.home-discover-links small{font-size:7px}.home-products-scroll{display:flex;gap:8px}.home-products-scroll>.os-product{flex:0 0 46%}.home-cat{border-radius:10px}.home-stories{padding:2px 0 12px}.home-quick8{display:flex;overflow-x:auto;gap:9px;padding-bottom:4px;scrollbar-width:none}.home-quick8::-webkit-scrollbar{display:none}.home-quick8 a{flex:0 0 86px}.home-quick8 img,.home-quick8 .quick-mark{width:66px;height:66px}.home-stories-row{display:flex;overflow-x:auto;gap:7px}.home-stories-row a{flex:0 0 68px;min-height:72px}.home-stories-row span{width:45px;height:45px;font-size:17px}.home-stories-row b{font-size:7px}.home-promos{display:flex;overflow-x:auto;gap:8px}.home-promos-scroll{scroll-snap-type:x proximity;scrollbar-width:none}.home-promos-scroll::-webkit-scrollbar{display:none}.home-promos-scroll>.home-promo{flex:0 0 84%;scroll-snap-align:start}.home-promo{flex:0 0 84%;min-height:128px;padding:14px}.home-promo h3{font-size:16px}.home-promo p{font-size:8px}.home-products,.os-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-shipping>.os-c{grid-template-columns:1fr;gap:8px}.home-shipping-list{display:flex;overflow-x:auto;gap:7px}.home-shipping-list span{flex:0 0 118px}.home-bottom-cards{grid-template-columns:1fr;gap:8px}.os-main{padding:8px 0 14px}.os-category-banner{border-radius:8px;margin-bottom:8px}.os-hero{min-height:190px;grid-template-columns:1fr .45fr;padding:16px 12px}.os-hero-copy h1{font-size:22px}.os-hero-copy p{font-size:8px}.os-hero-visual{height:130px}.os-hero-visual img{max-height:120px}.os-layout{display:block}.os-filter{display:none;position:static;margin-bottom:8px;border-radius:4px}.os-layout.filter-open .os-filter{display:block}.os-filter-toggle{display:inline-flex;align-items:center;justify-content:center}.os-results-head{padding:9px;flex-wrap:wrap;border-radius:4px}.os-results-head h2{font-size:17px}.os-sort{max-width:46%}.os-sort label{display:none}.os-sort select{width:100%;font-size:8px}.os-product-title{font-size:9px}.os-product-btn{font-size:8px}.os-trust{display:flex;overflow-x:auto;gap:7px}.os-trust>div{flex:0 0 150px}.os-product-page{padding:8px 0 14px}.os-product-grid{grid-template-columns:1fr}.os-gallery,.os-summary{padding:11px}.os-main-image{min-height:280px}.os-summary .product_title{font-size:21px}.os-product-extra{grid-template-columns:1fr}.os-page-wrap{padding:8px 0 14px}.os-page-card{padding:14px}.oc-track-form{grid-template-columns:1fr}.os-footer-grid{grid-template-columns:repeat(2,1fr);gap:14px}.os-footer-grid>div:first-child{grid-column:1/-1}.os-footer{padding:18px 0 10px}.os-footer-brand .oc-brand-logo{width:178px}}
/* Omar Center refinement: legible horizontal mobile navigation and clearer brand actions */
body.omar-storefront{font-family:system-ui,"Noto Sans Arabic",Tahoma,Arial,sans-serif}
.os-nav a{font-size:12px;letter-spacing:0}
.os-quick a{min-height:60px;gap:5px;font-size:10px;font-weight:900}
.os-quick a i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#FBF7E8;border:1px solid #E8D8A0}
.os-quick i svg{width:24px;height:24px;fill:none;stroke:var(--oc-n);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.home-title h2{font-size:clamp(20px,2.3vw,28px);line-height:1.35}
@media(max-width:900px){
.os-nav.is-open .os-c{display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:7px;padding:8px;width:100%;overflow-x:auto;overflow-y:hidden;direction:rtl;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}
.os-nav.is-open .os-c::-webkit-scrollbar{display:none}
.os-nav.is-open .os-c a{flex:0 0 auto;min-width:max-content;min-height:44px;padding:0 14px;font-size:12px;font-weight:900;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:8px;scroll-snap-align:start}
.os-nav.is-open .os-c a.active,.os-nav.is-open .os-c a:hover{background:var(--oc-g);color:var(--oc-n);border-color:var(--oc-g)}
.os-nav.is-open .os-c .os-nav-all{margin-inline-start:0;flex:0 0 auto}
.os-quick a{min-height:62px;font-size:10px}
.os-quick a i{width:34px;height:34px}
.os-quick i svg{width:25px;height:25px}
.home-title h2{font-size:20px}
.home-title p,.home-title>a{font-size:10px}
}
/* Contrast fixes for the footer and mobile store navigation */
body.omar-storefront .os-footer a,body.omar-storefront .os-footer p,body.omar-storefront .os-footer-grid>div span,body.omar-storefront .os-copy{color:#fff!important}
body.omar-storefront .os-bottom-nav a{color:#fff!important;font-size:9px}
body.omar-storefront .os-bottom-nav a.active{color:var(--oc-g)!important}
body.omar-storefront .os-bottom-nav a i svg{stroke:currentColor}
body.omar-storefront .os-social a{color:var(--oc-n)!important}
body.omar-storefront .os-social svg{display:block;width:18px;height:18px;fill:currentColor}
body.omar-storefront .os-social a[aria-label="Instagram"] svg{fill:none;stroke:currentColor;stroke-width:2}
.os-filter-form{display:grid;gap:14px}
.os-filter-form .os-filter-group{margin:0;padding-top:12px}
.os-filter-form h4{font-size:11px;color:var(--oc-n);margin:0 0 7px}
.os-filter-form label{display:flex;align-items:center;gap:7px;color:#344454;font-size:10px;padding:4px 0}
.os-filter-form input[type=checkbox]{accent-color:var(--oc-g);width:15px;height:15px}
.os-filter-price{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.os-filter-price label{display:block;font-weight:700}
.os-filter-price input{display:block;width:100%;min-height:36px;margin-top:4px;border:1px solid var(--oc-line);border-radius:6px;padding:0 8px;background:#fff;font-size:11px}
.os-filter-actions{display:flex;gap:8px;margin-top:4px}
.os-filter-actions button,.os-filter-actions a{flex:1;display:flex;align-items:center;justify-content:center;min-height:38px;border:0;border-radius:6px;background:var(--oc-g);color:var(--oc-n);font-size:10px;font-weight:900;cursor:pointer}
.os-filter-actions a{background:#F2F4F6;border:1px solid var(--oc-line)}
.os-results{min-width:0}
.os-sort select{min-width:140px}
.os-results-head .os-sort input[type=hidden]{display:none}
@media(max-width:900px){.os-filter{display:block;position:static;top:auto;margin:0 0 10px;border-radius:9px;padding:12px;background:#fff;box-shadow:var(--oc-shadow-card)}.os-filter>h2{margin:-12px -12px 10px;padding:11px 12px;font-size:14px}.os-filter-form{grid-template-columns:1fr 1fr;gap:8px 14px}.os-filter-form .os-filter-group{padding-top:8px}.os-filter-price{grid-template-columns:1fr 1fr}.os-filter-actions{grid-column:1/-1}.os-filter-form label{font-size:10px}.os-results{width:100%}.os-sort select{min-width:110px}}
/* Homepage keeps only the three primary departments in a balanced layout. */
.home-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-cat-fixed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:112px;padding:12px 8px;background:#fff}
.home-cat-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#0b2d56;background:linear-gradient(145deg,#fff 12%,#edf3f8 100%);border:1px solid rgba(201,157,51,.56);box-shadow:inset 0 0 0 3px rgba(255,255,255,.9),0 4px 10px rgba(11,45,86,.08);transition:transform .2s ease,box-shadow .2s ease}
.home-cat-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(11,45,86,.08))}.home-cat-fixed:hover .home-cat-icon{transform:translateY(-2px);box-shadow:inset 0 0 0 3px rgba(255,255,255,.9),0 7px 14px rgba(11,45,86,.13)}
.home-cat-fixed strong{padding:0;border:0;background:transparent;font-size:12px;line-height:1.4}
@media(max-width:900px){.home-cats{display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 8px}.home-cats::-webkit-scrollbar{display:none}.home-cat-fixed{flex:0 0 112px;min-width:112px;min-height:106px;scroll-snap-align:start;border-radius:12px}.home-cat-icon{width:52px;height:52px}.home-cat-icon svg{width:38px;height:38px}.home-cat-fixed strong{font-size:12px}}
/* Surveillance category shortcuts: icon cards on desktop, swipe cards on mobile. */
@media(min-width:901px){
 body.omar-storefront.term-surveillance-systems .os-category-page .os-subcats{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px;overflow:visible;scroll-snap-type:none;padding:0 0 4px}
 body.omar-storefront.term-surveillance-systems .os-category-page .os-subcat{min-height:126px;padding:13px 9px}
}
body.omar-storefront.term-surveillance-systems .os-category-page .os-subcat-img.os-subcat-icon{flex:0 0 58px;width:58px;height:58px;aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#fff 12%,#edf3f8 100%);border:1px solid rgba(212,175,55,.62);box-shadow:inset 0 0 0 3px rgba(255,255,255,.88),0 4px 10px rgba(11,45,86,.08);color:var(--oc-n)}
body.omar-storefront.term-surveillance-systems .os-category-page .os-subcat-icon svg{display:block;width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Suppress the legacy generic tile injected for links without an <img>; these cards use inline SVG icons. */
body.omar-storefront.term-surveillance-systems .os-category-page .os-subcats a:not(:has(img))::before{content:none;display:none}
/* Polished 3D-style surveillance category icons, replacing flat SVG strokes in stale and fresh preview HTML. */
body.omar-storefront.term-surveillance-systems .os-category-page .os-subcat-icon svg{width:56px;height:56px;display:block;fill:none;stroke:none;background-repeat:no-repeat;background-position:center;background-size:contain}
body.omar-storefront.term-surveillance-systems .os-category-page .os-subcat-icon svg *{opacity:0}
body.omar-storefront.term-surveillance-systems .os-category-page .os-subcats>.os-subcat:nth-child(1) .os-subcat-icon svg{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23536779%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23203448%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230a1725%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23cad4da%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2382919c%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2253%22%20rx%3D%2224%22%20ry%3D%224%22%20fill%3D%22%230b2d56%22%20opacity%3D%22.14%22%2F%3E%3Cpath%20d%3D%22m9%2020%2023-9%2023%209-23%209z%22%20fill%3D%22url(%23b)%22%20stroke%3D%22%2327394a%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M9%2020%2032%2029v21L9%2041z%22%20fill%3D%22url(%23a)%22%20stroke%3D%22%23101c2a%22%2F%3E%3Cpath%20d%3D%22m32%2029%2023-9v21l-23%209z%22%20fill%3D%22%23142437%22%20stroke%3D%22%23101c2a%22%2F%3E%3Cpath%20d%3D%22m13%2022%2019%207%2018-7%22%20fill%3D%22none%22%20stroke%3D%22%238296a6%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22m36%2035%2012-4m-12%208%2012-4%22%20stroke%3D%22%23708497%22%20stroke-width%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%2238%22%20r%3D%221.4%22%20fill%3D%22%23e4bd52%22%2F%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%2236%22%20r%3D%221%22%20fill%3D%22%237ed4c5%22%2F%3E%3C%2Fsvg%3E")}
body.omar-storefront.term-surveillance-systems .os-category-page .os-subcats>.os-subcat:nth-child(2) .os-subcat-icon svg{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23d9e2e8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239eacb6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20stop-color%3D%22%23061321%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%2327677b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23030912%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2254%22%20rx%3D%2222%22%20ry%3D%224%22%20fill%3D%22%230b2d56%22%20opacity%3D%22.12%22%2F%3E%3Cpath%20d%3D%22M20%2038v8l-8%205v3h29v-3l-8-6v-7%22%20fill%3D%22url(%23a)%22%20stroke%3D%22%2373838f%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M17%2018h27q7%200%208%207v8q-2%207-9%207H17q-6%200-7-6V24q1-6%207-6z%22%20fill%3D%22url(%23a)%22%20stroke%3D%22%2382919d%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M18%2020h24q5%200%207%205H13q1-4%205-5z%22%20fill%3D%22%23fff%22%20opacity%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M44%2021q7%203%208%209l-3%209h-9V21z%22%20fill%3D%22%23c5cfd6%22%20stroke%3D%22%237e8d99%22%2F%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%2230%22%20r%3D%228%22%20fill%3D%22%23c6a34c%22%20stroke%3D%22%23f4dc90%22%20stroke-width%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%2230%22%20r%3D%225.7%22%20fill%3D%22url(%23b)%22%20stroke%3D%22%23304c60%22%2F%3E%3Ccircle%20cx%3D%2242%22%20cy%3D%2228%22%20r%3D%221.5%22%20fill%3D%22%23c1f3fa%22%2F%3E%3Cpath%20d%3D%22M19%2044h12%22%20stroke%3D%22%237d8c97%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")}
body.omar-storefront.term-surveillance-systems .os-category-page .os-subcats>.os-subcat:nth-child(3) .os-subcat-icon svg{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23dce5e9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2398a8b2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20stop-color%3D%22%2307121e%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%232a6678%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23050a10%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22c%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23325979%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230b2742%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%2234%22%20cy%3D%2255%22%20rx%3D%2221%22%20ry%3D%224%22%20fill%3D%22%230b2d56%22%20opacity%3D%22.13%22%2F%3E%3Cpath%20d%3D%22m11%2015%2026-6%2013%2018-28%207z%22%20fill%3D%22url(%23c)%22%20stroke%3D%22%23d1ad53%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22m15%2016%2022-5m-17%2012%2023-5m-17%2012%2022-5m-16-13%207%2020m4-23%207%2019%22%20stroke%3D%22%2389a9bd%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22m37%2031%207%205%22%20stroke%3D%22%23667b89%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M27%2034h22q5%200%205%205v4q-1%205-5%205H26q-5%200-5-5v-4q1-5%206-5z%22%20fill%3D%22url(%23a)%22%20stroke%3D%22%237f909a%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M28%2035h17q5%200%206%203H23q1-3%205-3z%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%2241%22%20r%3D%225.5%22%20fill%3D%22%23c6a34c%22%20stroke%3D%22%23f1d887%22%20stroke-width%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%2241%22%20r%3D%223.7%22%20fill%3D%22url(%23b)%22%20stroke%3D%22%23334a58%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2240%22%20r%3D%221%22%20fill%3D%22%23d4fbff%22%2F%3E%3C%2Fsvg%3E")}
body.omar-storefront.term-surveillance-systems .os-category-page .os-subcats>.os-subcat:nth-child(4) .os-subcat-icon svg{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23d8e1e6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2398a8b3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20stop-color%3D%22%23061321%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%232a6678%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2302070d%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%2229%22%20cy%3D%2254%22%20rx%3D%2222%22%20ry%3D%224%22%20fill%3D%22%230b2d56%22%20opacity%3D%22.13%22%2F%3E%3Cpath%20d%3D%22M18%2038v8l-7%205v3h28v-3l-7-6v-7%22%20fill%3D%22url(%23a)%22%20stroke%3D%22%2370818e%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M17%2018h26q7%200%209%207v8q-2%207-9%207H17q-6%200-7-6V24q1-6%207-6z%22%20fill%3D%22url(%23a)%22%20stroke%3D%22%237e8e9a%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M18%2020h22q6%200%208%205H13q1-4%205-5z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M43%2021q7%203%209%209l-4%2010h-9V21z%22%20fill%3D%22%23c5cfd6%22%20stroke%3D%22%237e8d98%22%2F%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%2230%22%20r%3D%228%22%20fill%3D%22%23c6a34c%22%20stroke%3D%22%23f1d987%22%20stroke-width%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%2230%22%20r%3D%225.6%22%20fill%3D%22url(%23b)%22%20stroke%3D%22%232f4a5a%22%2F%3E%3Ccircle%20cx%3D%2242%22%20cy%3D%2228%22%20r%3D%221.4%22%20fill%3D%22%23c4f2fa%22%2F%3E%3Cpath%20d%3D%22M25%2048v5q0%206%208%206h10q7%200%207-7%22%20fill%3D%22none%22%20stroke%3D%22%231a3045%22%20stroke-width%3D%222.6%22%2F%3E%3Cpath%20d%3D%22M47%2054h5%22%20stroke%3D%22%23d0ac4a%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")}
body.omar-storefront.term-surveillance-systems .os-category-page .os-subcats>.os-subcat:nth-child(5) .os-subcat-icon svg{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%238996a0%22%2F%3E%3Cstop%20offset%3D%22.25%22%20stop-color%3D%22%23344454%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230b1724%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20stop-color%3D%22%23e4ecef%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%238c9ca7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23344857%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2254%22%20rx%3D%2222%22%20ry%3D%224%22%20fill%3D%22%230b2d56%22%20opacity%3D%22.13%22%2F%3E%3Cpath%20d%3D%22m13%2016%209-7h30l-8%207z%22%20fill%3D%22%23aab5bd%22%20stroke%3D%22%234a5965%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M13%2016h31v34H13z%22%20fill%3D%22url(%23a)%22%20stroke%3D%22%23142231%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22m44%2016%208-7v33l-8%208z%22%20fill%3D%22%23172635%22%20stroke%3D%22%23111d29%22%20stroke-width%3D%221.2%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2232%22%20r%3D%2211%22%20fill%3D%22url(%23b)%22%20stroke%3D%22%23d3dce0%22%20stroke-width%3D%221.2%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2232%22%20r%3D%227%22%20fill%3D%22%23172a3a%22%20stroke%3D%22%2382939c%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2232%22%20r%3D%222.5%22%20fill%3D%22%23e0bd5a%22%20stroke%3D%22%23f8dc82%22%2F%3E%3Cpath%20d%3D%22m31%2032%209%207-3%203-9-8m10%207%203-3%22%20fill%3D%22none%22%20stroke%3D%22%23dbe3e6%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M17%2019h9%22%20stroke%3D%22%23f1ce69%22%20stroke-width%3D%221.4%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2246%22%20r%3D%221.3%22%20fill%3D%22%23dfbc54%22%2F%3E%3C%2Fsvg%3E")}
body.omar-storefront.term-surveillance-systems .os-category-page .os-subcats>.os-subcat:nth-child(6) .os-subcat-icon svg{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23dce4e8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2399a9b5%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20stop-color%3D%22%2306131f%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23246273%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2302070d%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2255%22%20rx%3D%2220%22%20ry%3D%224%22%20fill%3D%22%230b2d56%22%20opacity%3D%22.13%22%2F%3E%3Cpath%20d%3D%22m20%2016-4-9m28%209%204-9%22%20stroke%3D%22%23273d52%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M18%2015q0-6%206-6h16q6%200%206%206v20H18z%22%20fill%3D%22url(%23a)%22%20stroke%3D%22%2384939d%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M21%2012h17q5%200%206%204H18q1-4%203-4z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M16%2034h32q-1%2018-16%2018T16%2034z%22%20fill%3D%22%2317283a%22%20stroke%3D%22%23111e2b%22%20stroke-width%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2242%22%20r%3D%227%22%20fill%3D%22%23c6a34c%22%20stroke%3D%22%23f2d98a%22%20stroke-width%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2242%22%20r%3D%224.7%22%20fill%3D%22url(%23b)%22%20stroke%3D%22%23355465%22%2F%3E%3Ccircle%20cx%3D%2230.5%22%20cy%3D%2240.5%22%20r%3D%221.3%22%20fill%3D%22%23c5f1f5%22%2F%3E%3Cpath%20d%3D%22M50%2018q5%204%200%208m3-12q9%207%201%2016%22%20fill%3D%22none%22%20stroke%3D%22%23d0ad4d%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
body.omar-storefront.term-surveillance-systems .os-category-page .os-subcats>.os-subcat:nth-child(7) .os-subcat-icon svg{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23d8e1e6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2398a8b3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20stop-color%3D%22%23061321%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%232d6574%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2302070c%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%2231%22%20cy%3D%2254%22%20rx%3D%2219%22%20ry%3D%224%22%20fill%3D%22%230b2d56%22%20opacity%3D%22.13%22%2F%3E%3Cpath%20d%3D%22M20%2017%2016%208m25%209%204-9%22%20stroke%3D%22%23263c52%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2215%22%20width%3D%2232%22%20height%3D%2229%22%20rx%3D%2210%22%20fill%3D%22url(%23a)%22%20stroke%3D%22%2382929d%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M18%2019q2-4%207-4h13q5%200%207%205H17z%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2231%22%20r%3D%228%22%20fill%3D%22%23c4a14c%22%20stroke%3D%22%23f2d984%22%20stroke-width%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2231%22%20r%3D%225.8%22%20fill%3D%22url(%23b)%22%20stroke%3D%22%23314b5b%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2229%22%20r%3D%221.5%22%20fill%3D%22%23c4f0f4%22%2F%3E%3Cpath%20d%3D%22M49%2019q5%205%200%2010m3-15q9%209%201%2019%22%20fill%3D%22none%22%20stroke%3D%22%23d0ad4d%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M24%2047h13%22%20stroke%3D%22%23748691%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")}
@media(max-width:900px){body.omar-storefront.term-surveillance-systems .os-category-page .os-subcat-icon svg{width:50px;height:50px}}
body.omar-storefront.term-surveillance-systems .os-category-page .os-subcat strong{font-size:11px;line-height:1.45}
body.omar-storefront.term-surveillance-systems .os-category-page .os-subcat small{font-size:9px;color:#788594}
@media(max-width:900px){
 body.omar-storefront.term-surveillance-systems .os-category-page .os-subcats{display:flex;grid-template-columns:none;gap:9px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 9px}
 body.omar-storefront.term-surveillance-systems .os-category-page .os-subcats::-webkit-scrollbar{display:none}
 body.omar-storefront.term-surveillance-systems .os-category-page .os-subcat{flex:0 0 clamp(128px,38%,165px);min-width:0;min-height:120px;scroll-snap-align:start}
}
/* One persistent, horizontally scrollable main-department navigation on every screen. */
html,body.omar-storefront,.os-shell{overflow-x:clip!important}
.os-nav{display:block!important;position:sticky;top:0;z-index:80}
.os-nav .os-c{display:flex;flex-wrap:nowrap;direction:rtl;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.os-nav .os-c a{flex:0 0 auto}
.os-nav a{color:#fff!important}.os-nav a.active,.os-nav a:hover{color:var(--oc-n)!important}
@media(max-width:900px){
 .os-nav .os-c{align-items:stretch;justify-content:flex-start;gap:7px;padding:7px 8px;width:100%;scroll-snap-type:x proximity;scrollbar-width:none}
 .os-nav .os-c::-webkit-scrollbar{display:none}
 .os-nav .os-c a{min-width:max-content;min-height:44px;padding:0 15px;font-size:12px;font-weight:900;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:8px;scroll-snap-align:start}
 .os-nav .os-c a.active,.os-nav .os-c a:hover{background:var(--oc-g);border-color:var(--oc-g)}
 .os-nav .os-c .os-nav-all{margin-inline-start:0;flex:0 0 auto}
 .os-hdr-grid{grid-template-columns:minmax(0,1fr) 92px}
}
/* Quick category navigator */
.home-quick-cats{padding:22px 0 26px;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);border-bottom:1px solid #edf0f3}
.home-quick-cats .home-quick-title{margin:0 0 16px}
.quick-cats-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.quick-cat{min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;text-decoration:none;color:#0b2d56;transition:transform .18s ease}
.quick-cat:hover{transform:translateY(-3px)}
.quick-cat-media{position:relative;display:block;width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#fff;border:2px solid rgba(212,175,55,.72);box-shadow:0 8px 22px rgba(11,45,86,.10),inset 0 0 0 5px rgba(255,255,255,.9)}
.quick-cat-media:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(11,45,86,.06);pointer-events:none}
.quick-cat-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.quick-cat strong{font-size:13px;line-height:1.4;font-weight:900;color:#0b2d56}
@media(max-width:900px){
 .home-quick-cats{padding:16px 0 20px}
 .home-quick-cats .home-quick-title{margin:0 0 12px}
 .home-quick-cats .os-c{padding-inline:10px}
 .quick-cats-row{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .quick-cats-row::-webkit-scrollbar{display:none}
 .quick-cat{flex:0 0 94px;scroll-snap-align:start;gap:7px}
 .quick-cat-media{width:88px;height:88px;aspect-ratio:auto;border-width:2px}
 .quick-cat strong{font-size:10px;white-space:normal;min-height:28px;display:flex;align-items:flex-start;justify-content:center}
}
@media(max-width:360px){
 .quick-cat{flex-basis:86px}
 .quick-cat-media{width:80px;height:80px}
 .quick-cat strong{font-size:9.5px}
}

/* Main category cards — image-led navigation */
.home-need-cats{padding:30px 0 34px;background:#fff;border-bottom:1px solid #edf0f3}
.home-need-title{margin:0 0 18px}
.need-cats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.need-cat-card{display:block;min-width:0;aspect-ratio:4/3;overflow:hidden;border-radius:17px;background:#fff;border:1px solid #e7e9ed;box-shadow:0 10px 26px rgba(11,45,86,.09);line-height:0;transition:transform .2s ease,box-shadow .2s ease}
.need-cat-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(11,45,86,.14)}
.need-cat-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:900px){
 .home-need-cats{padding:20px 0 24px}
 .home-need-cats .os-c{padding-inline:10px}
 .home-need-title{margin:0 0 13px}
 .need-cats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .need-cat-card{border-radius:12px;box-shadow:0 7px 18px rgba(11,45,86,.09)}
}
@media(max-width:360px){
 .need-cats-grid{gap:8px}
 .need-cat-card{border-radius:10px}
}

/* Best sellers — two independent horizontal rows */
.home-best-sellers{padding:30px 0 34px;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);border-bottom:1px solid #edf0f3}
.best-sellers-title{margin:0 0 16px;align-items:flex-end}
.best-sellers-title h2{font-size:28px;color:var(--oc-n);font-weight:950;position:relative;padding-inline-start:34px}
.best-sellers-title h2:before{content:"";position:absolute;inset-inline-start:0;top:50%;width:22px;height:16px;transform:translateY(-52%);background:linear-gradient(135deg,#d5a628,#f0cc63);clip-path:polygon(0 100%,0 35%,24% 58%,40% 0,58% 58%,78% 18%,100% 35%,100% 100%)}
.best-sellers-title p{font-size:11px;color:#8a949f;margin-top:4px}
.best-sellers-title>a{border:1px solid #d9ad37;border-radius:999px;padding:8px 14px;background:#fff;color:var(--oc-n);font-weight:900}
.best-sellers-rows{display:grid;gap:14px}
.best-sellers-row{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 7px}
.best-sellers-row::-webkit-scrollbar{display:none}
.best-sellers-row>.os-product{flex:0 0 220px;scroll-snap-align:start;border-radius:14px;box-shadow:0 6px 18px rgba(11,45,86,.07)}
.best-sellers-row .os-product-media{padding:10px}
.best-sellers-row .os-product-btn{background:linear-gradient(135deg,#c7921f,#e1b43d);color:#fff!important;border-radius:8px}
@media(max-width:900px){
 .home-best-sellers{padding:22px 0 26px}
 .home-best-sellers .os-c{padding-inline:8px}
 .best-sellers-title{margin-bottom:12px}
 .best-sellers-title h2{font-size:22px;padding-inline-start:28px}
 .best-sellers-title h2:before{width:19px;height:14px}
 .best-sellers-title p{font-size:9px}
 .best-sellers-title>a{font-size:9px;padding:6px 11px}
 .best-sellers-rows{gap:10px}
 .best-sellers-row{gap:8px;padding-bottom:5px}
 .best-sellers-row>.os-product{flex:0 0 46%;min-width:46%;border-radius:12px}
 .best-sellers-row .os-product-media{padding:8px}
 .best-sellers-row .os-product-title{font-size:9.5px}
 .best-sellers-row .os-product-btn{min-height:34px;border-radius:7px}
}
@media(max-width:360px){.best-sellers-row>.os-product{flex-basis:48%;min-width:48%}.best-sellers-row{gap:7px}}

/* Mobile-first logistics, trust, shop CTA and reference footer */
.oc-logistics-section{padding:26px 0 0;background:#f6f8fa}
.oc-logistics-panel{position:relative;overflow:hidden;border-radius:16px;padding:22px;background:radial-gradient(circle at 12% 18%,rgba(224,179,51,.28),transparent 28%),linear-gradient(135deg,#061a2e 0%,#0b3760 100%);box-shadow:0 12px 30px rgba(6,28,49,.16)}
.oc-logistics-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 58%,rgba(255,255,255,.045) 58%,transparent 74%)}
.oc-logistics-head{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:18px}
.oc-logistics-copy>span{display:inline-flex;padding:5px 10px;border:1px solid rgba(236,196,64,.42);border-radius:999px;color:#f1cf5d;font-size:8px;font-weight:800;background:rgba(0,0,0,.16)}
.oc-logistics-copy h2{color:#fff;font-size:30px;line-height:1.18;margin:9px 0 6px;font-weight:950}.oc-logistics-copy h2 em{color:#edbd3f;font-style:normal}.oc-logistics-copy p{color:#d8e4ed;font-size:10px;line-height:1.65;margin:0}
.oc-logistics-art{height:165px;display:flex;align-items:flex-end;justify-content:center}.oc-logistics-art svg{display:block;width:100%;height:100%}.oc-logistics-art .oc-city{fill:rgba(255,255,255,.08)}.oc-logistics-art .oc-road{fill:none;stroke:#d9aa2d;stroke-width:3}.oc-logistics-art .oc-van path{fill:#f7f9fb;stroke:#e0b536;stroke-width:2}.oc-logistics-art .oc-van circle{fill:#071c31;stroke:#e0b536;stroke-width:3}.oc-logistics-art .oc-boxes path{fill:#dcae34;stroke:#fff1b8;stroke-width:1.5}
.oc-carriers{position:relative;z-index:2;margin-top:15px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.oc-carriers a{min-width:0;min-height:116px;padding:11px 8px;background:#fff;border:1px solid rgba(255,255,255,.62);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.12);color:#08233d}
.oc-carriers a:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.18)}
.oc-carrier-mark{width:52px;height:52px;margin-bottom:7px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:950;font-size:16px}
.oc-carrier-mark svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.carrier-karam{color:#b51524;background:#fff0f1}.carrier-sat{color:#fff;background:linear-gradient(145deg,#0b3158,#e7af25);font-size:13px}.carrier-shatt{color:#05818b;background:#e8f7f8}.carrier-masarat{color:#7e36c5;background:#f4ebff}
.oc-carriers b{font-size:10px;line-height:1.3;font-weight:900}.oc-carriers small{font-size:7px;line-height:1.4;color:#667480;margin-top:3px}
.home-service-hub{padding:15px 0;background:linear-gradient(180deg,#f7f9fb 0%,#eef2f6 100%)}
.home-service-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.home-service-action{min-width:0;min-height:132px;padding:14px 9px;background:#fff;border:1px solid #dde4ea;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:var(--oc-n);box-shadow:0 5px 15px rgba(6,33,59,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.home-service-action:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(6,33,59,.1);border-color:#d3b139}
.home-service-action.shipping{border-top:3px solid #d6aa30}.home-service-action.track{border-top:3px solid #1677ad}.home-service-action.warranty{border-top:3px solid var(--oc-g)}.home-service-action.contact{border-top:3px solid #15906e}
.home-service-action>i{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:linear-gradient(145deg,#fff7d8,#f3ca4f);color:#082a49}
.home-service-action.track>i{background:linear-gradient(145deg,#e7f4fb,#cce9f7);color:#08689e}.home-service-action.contact>i{background:linear-gradient(145deg,#e5f7f1,#c6ecdf);color:#08765a}
.home-service-action>i svg{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-service-action>span{display:flex;flex-direction:column;align-items:center;gap:3px}.home-service-action b{font-size:11px;line-height:1.35;font-weight:900}.home-service-action small{font-size:8px;line-height:1.45;color:#687685}
.oc-store-cta{padding:0 0 24px;background:#f6f8fa}
.oc-store-cta-card{position:relative;overflow:hidden;min-height:260px;border-radius:16px;padding:24px 30px;background:radial-gradient(circle at 86% 22%,rgba(235,188,55,.31),transparent 26%),linear-gradient(120deg,#061a2f,#0b3760 72%,#071c31);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;box-shadow:0 12px 28px rgba(6,28,49,.16)}
.oc-store-cta-card:before,.oc-store-cta-card:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(226,181,50,.18);border-radius:50%;pointer-events:none}.oc-store-cta-card:before{right:-125px;top:-145px}.oc-store-cta-card:after{left:-150px;bottom:-190px}
.oc-store-cta-copy{position:relative;z-index:2}.oc-store-cta-copy>span{color:#f0ca48;font-size:8px;font-weight:900}.oc-store-cta-copy h2{color:#fff;font-size:28px;line-height:1.25;margin:7px 0}.oc-store-cta-copy h2 em{color:#f0ca48;font-style:normal}.oc-store-cta-copy p{max-width:510px;color:#d8e3eb;font-size:10px;line-height:1.7;margin:0 0 15px}
body.omar-storefront .oc-store-cta-copy>a{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:8px 18px;border-radius:999px;background:linear-gradient(135deg,#f6d76c,#d7a62c);color:#071c31!important;font-size:10px;font-weight:950;box-shadow:0 8px 20px rgba(0,0,0,.2)}.oc-store-cta-copy>a b{font-size:17px}
.oc-store-cta-visual{position:relative;z-index:1;height:220px}.oc-store-phone{position:absolute;right:8%;bottom:2px;width:104px;height:190px;padding:20px 8px 8px;border:5px solid #e9b934;border-radius:20px;background:#fff;box-shadow:0 18px 30px rgba(0,0,0,.33);transform:rotate(3deg)}.oc-store-phone:before{content:"";position:absolute;top:5px;left:50%;width:38px;height:5px;border-radius:10px;background:#071c31;transform:translateX(-50%)}.oc-store-phone .oc-brand-logo{width:82px!important;height:auto!important;max-height:30px!important}.oc-store-phone>span{display:block;height:34px;margin-top:7px;border-radius:6px;background:linear-gradient(135deg,#f8e8b8,#e9f1f7)}.oc-store-cameras{position:absolute;left:0;bottom:0;width:78%;height:100%}.oc-store-cameras path{fill:#f5f7f9;stroke:#d8ad37;stroke-width:2.2}.oc-store-cameras circle{fill:#0a2036;stroke:#e5bb45;stroke-width:2}
.os-footer-showcase{background:radial-gradient(circle at 50% -20%,rgba(34,93,145,.38),transparent 42%),linear-gradient(150deg,#06182a 0%,#082d4e 100%)!important;border-top:3px solid var(--oc-g)!important;padding:24px 0 10px!important}
.os-footer-brandline{text-align:center;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.13)}
body.omar-storefront .os-footer-showcase .os-footer-brand{display:inline-flex;align-items:center;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0 0 6px!important}.os-footer-showcase .os-footer-brand .oc-brand-logo{display:block;width:300px!important;max-width:78vw;height:auto!important;max-height:92px!important;filter:drop-shadow(0 0 1.2px rgba(255,255,255,.9)) drop-shadow(0 5px 9px rgba(0,0,0,.22))}
body.omar-storefront .os-footer-brandline p{max-width:720px;margin:0 auto!important;color:#d7e1e9!important;font-size:9px!important;line-height:1.7}
.os-footer-columns{display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr;gap:22px;padding:18px 0}
.os-footer-column{min-width:0}.os-footer-column .os-footer-title{display:block;color:#f0ca48!important;font-size:11px;font-weight:900;margin:0 0 9px}
body.omar-storefront .os-footer-column>a{position:relative;min-height:28px!important;padding:4px 11px 4px 0!important;display:flex!important;align-items:center;gap:7px;color:#e5edf3!important;font-size:8px!important;line-height:1.4}
body.omar-storefront .os-footer-column:not(.os-footer-categories):not(.os-footer-contact)>a:before{content:"‹";position:absolute;right:0;color:#e7bb3c;font-size:12px}
body.omar-storefront .os-footer-column>a:hover{color:#f0ca48!important}
.os-footer-categories>a i{width:28px;height:28px;flex:0 0 28px;border:1px solid rgba(240,202,72,.45);border-radius:8px;display:grid;place-items:center;font-style:normal}.os-footer-categories>a svg{width:17px;height:17px;fill:none;stroke:#f0ca48;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.omar-storefront .os-footer-contact-line{padding:4px 0!important;gap:8px!important}.os-footer-contact-line>i{width:30px;height:30px;flex:0 0 30px;border:1px solid rgba(240,202,72,.55);border-radius:50%;display:grid;place-items:center}.os-footer-contact-line svg{width:16px;height:16px;fill:none;stroke:#f0ca48;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.os-footer-contact-line>span{min-width:0;display:flex;flex-direction:column}.os-footer-contact-line b{font-size:8px;color:#fff}.os-footer-contact-line small{font-size:6.5px;color:#aebfcb;margin-top:2px}
.os-footer-paytrust{padding:13px 0;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;align-items:center}
.os-footer-payment>strong{display:block;color:#f0ca48;font-size:9px;margin-bottom:7px}.os-footer-payment>div{display:flex;gap:6px;flex-wrap:wrap}.os-footer-payment span{min-height:34px;padding:7px 10px;border-radius:7px;background:#fff;color:#0a2744;font-size:7.5px;font-weight:900;display:flex;align-items:center}
.os-footer-mini-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.os-footer-mini-trust>span{min-height:50px;padding:7px;border:1px solid rgba(255,255,255,.13);border-radius:8px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:7px}.os-footer-mini-trust i{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;color:#f0ca48}.os-footer-mini-trust i svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.os-footer-mini-trust b{color:#fff;font-size:8px}.os-footer-mini-trust small{color:#b9c8d3;font-size:6.5px}
.os-footer-bottom{padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:14px}.os-footer-bottom>span{color:#d1dce4;font-size:7.5px}body.omar-storefront .os-footer-showcase .os-copy{border:0!important;margin:0!important;padding:0!important;text-align:left;color:#9fb0be!important;font-size:7.5px}
@media(max-width:900px){
 .oc-logistics-section{padding:12px 0 0}
 .oc-logistics-panel{border-radius:12px;padding:14px 12px}
 .oc-logistics-head{grid-template-columns:minmax(0,1fr) 118px;gap:7px}
 .oc-logistics-copy>span{padding:4px 7px;font-size:6.5px}
 .oc-logistics-copy h2{font-size:21px;margin:7px 0 4px}
 .oc-logistics-copy p{font-size:7.2px;line-height:1.55}
 .oc-logistics-art{height:112px}
 .oc-carriers{display:flex;overflow-x:auto;overflow-y:hidden;gap:7px;margin-top:10px;padding:2px 0 5px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .oc-carriers::-webkit-scrollbar{display:none}
 .oc-carriers a{flex:0 0 42%;min-height:100px;padding:9px 6px;scroll-snap-align:start}
 .oc-carrier-mark{width:46px;height:46px;margin-bottom:5px}.oc-carrier-mark svg{width:29px;height:29px}.oc-carriers b{font-size:9px}.oc-carriers small{font-size:6.5px}
 .home-service-hub{padding:10px 0 13px}
 .home-service-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .home-service-action{min-height:122px;padding:10px 6px;border-radius:11px;gap:6px}
 .home-service-action>i{width:48px;height:48px}.home-service-action>i svg{width:25px;height:25px}
 .home-service-action b{font-size:9px}.home-service-action small{font-size:7px;line-height:1.35}
 .oc-store-cta{padding:0 0 14px}
 .oc-store-cta-card{min-height:0;border-radius:12px;padding:16px 14px 0;grid-template-columns:1fr;gap:4px;text-align:center}
 .oc-store-cta-copy>span{font-size:7px}.oc-store-cta-copy h2{font-size:21px;margin:5px 0}.oc-store-cta-copy p{font-size:7.5px;line-height:1.55;margin:0 auto 11px;max-width:420px}
 body.omar-storefront .oc-store-cta-copy>a{min-height:38px;padding:7px 16px;font-size:8.5px}
 .oc-store-cta-visual{height:168px;margin-top:4px}
 .oc-store-phone{right:8%;width:78px;height:145px;padding:17px 6px 6px;border-width:4px;border-radius:16px}.oc-store-phone .oc-brand-logo{width:62px!important;max-height:23px!important}.oc-store-phone>span{height:25px;margin-top:5px}
 .oc-store-cameras{width:82%}
 .os-footer-showcase{padding:17px 0 8px!important}
 .os-footer-brandline{padding-bottom:12px}
 .os-footer-showcase .os-footer-brand .oc-brand-logo{width:min(245px,72vw)!important;max-height:78px!important}
 body.omar-storefront .os-footer-brandline p{font-size:7.5px!important;line-height:1.55;max-width:440px}
 .os-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;padding:13px 0}
 .os-footer-column .os-footer-title{text-align:right;font-size:9px;margin-bottom:6px}
 body.omar-storefront .os-footer-column>a{min-height:25px!important;padding:3px 9px 3px 0!important;font-size:7.3px!important}
 .os-footer-categories>a i{width:25px;height:25px;flex-basis:25px}.os-footer-categories>a svg{width:15px;height:15px}
 .os-footer-contact{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}
 .os-footer-contact>.os-footer-title{text-align:center}
 .os-footer-contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.os-footer-contact>.os-footer-title{grid-column:1/-1}
 body.omar-storefront .os-footer-contact-line{min-height:55px!important;padding:6px 3px!important;border:1px solid rgba(240,202,72,.25);border-radius:8px;flex-direction:column;justify-content:center;text-align:center;gap:4px!important}
 .os-footer-contact-line>i{width:28px;height:28px;flex-basis:28px}.os-footer-contact-line>span{align-items:center}.os-footer-contact-line b{font-size:7px}.os-footer-contact-line small{display:none}
 .os-footer-paytrust{grid-template-columns:1fr;gap:10px;padding:11px 0}
 .os-footer-payment{text-align:center}.os-footer-payment>strong{font-size:8.5px}.os-footer-payment>div{justify-content:center}.os-footer-payment span{font-size:7px;min-height:32px}
 .os-footer-mini-trust{gap:5px}.os-footer-mini-trust>span{min-height:55px;padding:5px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:2px}.os-footer-mini-trust i{width:24px;height:24px}.os-footer-mini-trust i svg{width:21px;height:21px}.os-footer-mini-trust b{font-size:7px}.os-footer-mini-trust small{font-size:5.8px}
 .os-footer-bottom{padding-top:8px;flex-direction:column;gap:4px;text-align:center}.os-footer-bottom>span{font-size:6.8px;line-height:1.5}body.omar-storefront .os-footer-showcase .os-copy{text-align:center;font-size:6.8px}
}
@media(max-width:900px){
 .oc-logistics-copy>span{font-size:9px}
 .oc-logistics-copy p{font-size:11px}
 .oc-carriers b{font-size:12px}
 .oc-carriers small{font-size:9.5px}
 .home-service-action b{font-size:13px}
 .home-service-action small{font-size:10.5px}
 .oc-store-cta-copy>span{font-size:10px}
 .oc-store-cta-copy h2{font-size:24px}
 .oc-store-cta-copy p{font-size:11px}
 body.omar-storefront .oc-store-cta-copy>a{font-size:12px}
 body.omar-storefront .os-footer-brandline p{font-size:11px!important}
 .os-footer-column .os-footer-title{font-size:13px}
 body.omar-storefront .os-footer-column>a{font-size:11.5px!important;min-height:34px!important}
 .os-footer-contact-line b{font-size:10.5px}
 .os-footer-payment>strong{font-size:12px}
 .os-footer-payment span{font-size:10.5px}
 .os-footer-mini-trust b{font-size:10px}
 .os-footer-mini-trust small{font-size:8.5px}
 .os-footer-bottom>span{font-size:9.5px}
 body.omar-storefront .os-footer-showcase .os-copy{font-size:9.5px}
}
@media(max-width:380px){
 .oc-logistics-head{grid-template-columns:minmax(0,1fr) 100px}
 .oc-logistics-copy h2{font-size:20px}.oc-logistics-art{height:98px}
 .oc-carriers a{flex-basis:46%}
 .home-service-action{min-height:118px}
 .home-service-action b{font-size:12px}
 .home-service-action small{font-size:9.5px}
 .os-footer-columns{gap:10px 7px}
 body.omar-storefront .os-footer-column>a{font-size:10.5px!important}
 .os-footer-column .os-footer-title{font-size:12px}
}

/* Omar Center shipping partners — real logos, mobile first */
.omar-shipping{direction:rtl;position:relative;overflow:hidden;padding:36px 0 0;background:radial-gradient(circle at 85% 12%,rgba(255,190,55,.2),transparent 30%),linear-gradient(135deg,#061d38 0%,#0d3c68 52%,#071c34 100%);color:#fff;border-top:3px solid #e8b83e;border-bottom:3px solid #e8b83e}
.omar-shipping:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.04) 42%,transparent 62%)}
.omar-shipping>.os-c{position:relative;z-index:1}
.omar-shipping-head{text-align:center;max-width:850px;margin:0 auto 25px}
.omar-shipping-head>span{display:inline-flex;padding:6px 13px;border:1px solid rgba(232,184,62,.55);border-radius:999px;background:rgba(1,18,35,.35);color:#f7d36e;font-size:11px;font-weight:900}
.omar-shipping-head h2{margin:10px 0 7px;color:#fff;font-size:38px;line-height:1.2;font-weight:950}.omar-shipping-head h2 em{color:#e8b83e;font-style:normal}
.omar-shipping-head p{margin:0;color:#e7edf5;font-size:15px;line-height:1.6}
.omar-shipping-companies{max-width:1060px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.omar-storefront .omar-ship-card{min-width:0;min-height:300px;padding:22px 16px 0;display:flex!important;flex-direction:column;align-items:center;text-align:center;overflow:hidden;border:1px solid rgba(255,255,255,.75);border-radius:20px;background:#fff;color:#08274a!important;box-shadow:0 10px 30px rgba(0,0,0,.16);transition:transform .2s ease,box-shadow .2s ease}
body.omar-storefront .omar-ship-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(0,0,0,.22)}
.omar-ship-logo{height:102px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.omar-ship-logo img{display:block;max-width:90%;max-height:96px;width:auto;height:auto;object-fit:contain}
.omar-ship-card h3{margin:5px 0 11px;color:#08274a;font-size:20px;line-height:1.3;font-weight:950}
.omar-all-syria{display:flex;justify-content:center;align-items:center;gap:7px;color:#334b68;font-size:13px;font-weight:850}.omar-all-syria svg{width:20px;height:20px;fill:#d9a82e;flex:0 0 20px}
.omar-ship-bottom{width:calc(100% + 32px);min-height:48px;margin-top:auto;padding:11px 10px;display:flex;justify-content:center;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:950}.omar-ship-bottom svg{width:22px;height:22px;fill:currentColor}
.karam .omar-ship-bottom{background:linear-gradient(135deg,#008f62,#22bd83)}.sat .omar-ship-bottom{background:linear-gradient(135deg,#dc9800,#f2bd34)}.masarat .omar-ship-bottom{background:linear-gradient(135deg,#0753a8,#177ee1)}
.omar-shipping-features{max-width:1160px;margin:26px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid rgba(232,184,62,.68);border-radius:20px 20px 0 0;background:rgba(2,20,39,.86)}
body.omar-storefront .omar-feature{min-width:0;min-height:118px;padding:18px 10px;display:flex!important;align-items:center;justify-content:center;gap:11px;text-align:right;color:#fff!important;border-left:1px solid rgba(255,255,255,.14)}
body.omar-storefront .omar-feature:last-child{border-left:0}.omar-feature i{width:50px;height:50px;flex:0 0 50px;border:2px solid #e8b83e;border-radius:50%;display:grid;place-items:center;color:#e8b83e}.omar-feature i svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.omar-feature span{min-width:0;display:flex;flex-direction:column}.omar-feature strong{color:#fff;font-size:14px;line-height:1.4}.omar-feature small{margin-top:4px;color:#d6deea;font-size:10px;line-height:1.5}
@media(max-width:768px){
 .omar-shipping{padding:20px 0 0}
 .omar-shipping-head{margin-bottom:14px;padding:0 8px}.omar-shipping-head>span{font-size:9px;padding:5px 10px}.omar-shipping-head h2{font-size:25px;margin:7px 0 5px}.omar-shipping-head p{font-size:11px}
 .omar-shipping-companies{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:9px;padding:3px 3px 11px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.omar-shipping-companies::-webkit-scrollbar{display:none}
 body.omar-storefront .omar-ship-card{flex:0 0 66%;min-height:218px;padding:14px 10px 0;scroll-snap-align:start;border-radius:15px}
 .omar-ship-logo{height:66px;margin-bottom:4px}.omar-ship-logo img{max-height:62px;max-width:86%}.omar-ship-card h3{font-size:16px;margin:3px 0 7px}.omar-all-syria{font-size:10px;gap:4px}.omar-all-syria svg{width:16px;height:16px;flex-basis:16px}.omar-ship-bottom{min-height:40px;font-size:10px;padding:8px;width:calc(100% + 20px)}.omar-ship-bottom svg{width:17px;height:17px}
 .omar-shipping-features{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:13px;border-radius:13px 13px 0 0}
 body.omar-storefront .omar-feature{min-height:94px;padding:10px 4px;gap:5px;flex-direction:column;text-align:center;border-bottom:0;border-left:1px solid rgba(255,255,255,.14)}
 body.omar-storefront .omar-feature:last-child{border-left:0}.omar-feature i{width:36px;height:36px;flex:0 0 36px}.omar-feature i svg{width:20px;height:20px}.omar-feature span{align-items:center}.omar-feature strong{font-size:9px;white-space:nowrap}.omar-feature small{display:none}
}
@media(max-width:380px){body.omar-storefront .omar-ship-card{flex-basis:70%}.omar-shipping-head h2{font-size:23px}.omar-feature i{width:32px;height:32px;flex-basis:32px}.omar-feature i svg{width:18px;height:18px}.omar-feature strong{font-size:8px}}


/* Mobile premium header + visual category rail — reference layout */
.oc-mobile-category-wrap{display:none}
@media(max-width:900px){
 body.omar-storefront .os-top{display:none!important}
 body.omar-storefront .os-hdr{padding:9px 0 11px;background:linear-gradient(135deg,#041a31 0%,#06345f 52%,#04182c 100%);border:0;box-shadow:none}
 body.omar-storefront .os-hdr-grid{min-height:70px;display:grid;grid-template-columns:82px minmax(0,1fr) 48px;grid-template-areas:"actions logo menu";gap:7px;align-items:center;direction:ltr}
 body.omar-storefront .os-menu{grid-area:menu;display:flex!important;width:44px;height:44px;padding:0;border:0;background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}
 body.omar-storefront .os-menu span{display:block;width:27px;height:3px;background:#fff;border-radius:10px}
 body.omar-storefront .os-logo{grid-area:logo;min-width:0;height:62px;padding:0 4px;background:transparent;border:0;border-radius:0;box-shadow:none}
 body.omar-storefront .os-logo .oc-brand-logo{display:block;width:min(100%,230px);height:60px;max-height:60px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}
 body.omar-storefront .os-actions{grid-area:actions;display:flex;direction:ltr;align-items:center;justify-content:flex-start;gap:7px}
 body.omar-storefront .os-actions a{display:flex!important;min-width:34px;width:34px;min-height:42px;color:#fff!important}
 body.omar-storefront .os-actions a:nth-child(2){display:none!important}
 body.omar-storefront .os-actions a:last-child{order:-1;padding-right:7px;margin-right:1px;border-right:1px solid rgba(255,255,255,.42)}
 body.omar-storefront .os-actions a span{display:none}
 body.omar-storefront .os-actions i{width:31px;height:31px;border:0;background:transparent}
 body.omar-storefront .os-actions i svg{width:27px;height:27px;stroke:#fff;stroke-width:2}
 body.omar-storefront .os-actions .count{right:-3px;top:-6px;min-width:17px;height:17px;background:#ffc52f;color:#09233e;font-size:8px}
 body.omar-storefront .os-mobile-search{display:block!important;padding-top:2px;padding-bottom:0}
 body.omar-storefront .os-mobile-search .os-search{height:50px;grid-template-columns:1fr 58px;border:0;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.16)}
 body.omar-storefront .os-mobile-search .os-search input{padding-inline:15px;font-size:13px;color:#1c2f43}
 body.omar-storefront .os-mobile-search .os-search button{background:linear-gradient(145deg,#f9d866,#e9a91c);color:#082746;font-size:27px}
 .oc-mobile-category-wrap{display:block;position:sticky;top:0;z-index:65;padding:10px 7px 13px;background:linear-gradient(180deg,#051d36,#082f55)}
 .oc-mobile-category-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .oc-mobile-category-scroll::-webkit-scrollbar{display:none}
 .oc-mobile-category-rail{direction:rtl;min-width:390px;display:grid;grid-template-columns:repeat(7,minmax(52px,1fr));overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.85);border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
 body.omar-storefront .oc-mobile-category-rail a{min-height:116px;padding:12px 3px 9px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;text-align:center;color:#071f3c!important;border-left:1px solid #e6e9ed}
 body.omar-storefront .oc-mobile-category-rail a:last-child{border-left:0}
 .oc-mobile-category-rail i{width:39px;height:39px;display:grid;place-items:center;color:#082a50;font-style:normal}
 .oc-mobile-category-rail i svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
 .oc-mobile-category-rail i.gold-fill svg{fill:#e9ad25;stroke:#082a50}
 .oc-mobile-category-rail span{font-size:9.5px;line-height:1.45;font-weight:900}
 body.omar-storefront .os-nav{display:none}
 body.omar-storefront .os-nav.is-open{display:block;position:relative;z-index:64}
}
@media(max-width:380px){
 body.omar-storefront .os-hdr-grid{grid-template-columns:76px minmax(0,1fr) 44px}
 body.omar-storefront .os-logo .oc-brand-logo{height:54px}
 .oc-mobile-category-rail{min-width:382px}
 body.omar-storefront .oc-mobile-category-rail a{min-height:108px}
 .oc-mobile-category-rail span{font-size:9px}
}

/* Final reference header: one clean header, one text-only category rail */
body.omar-storefront .os-top{display:none!important}
body.omar-storefront .os-hdr{
  padding:14px 0 16px;
  background:linear-gradient(135deg,#03172d 0%,#07365f 54%,#03162a 100%);
  border:0;
  box-shadow:none;
  position:relative;
  z-index:85
}
body.omar-storefront .os-hdr-grid{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(112px,1fr) minmax(280px,470px) minmax(112px,1fr);
  grid-template-areas:"actions logo menu" "search search search";
  gap:14px 22px;
  align-items:center;
  direction:ltr
}
body.omar-storefront .os-menu{
  grid-area:menu;
  justify-self:end;
  display:flex!important;
  width:48px;
  height:48px;
  padding:0;
  border:0;
  background:transparent;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer
}
body.omar-storefront .os-menu span{display:block;width:29px;height:3px;background:#fff;border-radius:8px}
body.omar-storefront .os-logo{
  grid-area:logo;
  justify-self:center;
  width:min(100%,430px);
  height:74px;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none
}
body.omar-storefront .os-logo .oc-brand-logo{
  display:block;
  width:100%;
  height:72px;
  max-height:72px;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.24))
}
body.omar-storefront .os-hdr-grid>.os-search{
  display:grid!important;
  grid-area:search;
  justify-self:center;
  width:min(100%,900px);
  height:54px;
  grid-template-columns:1fr 62px;
  border:0;
  border-radius:15px;
  background:#fff;
  box-shadow:0 7px 20px rgba(0,0,0,.18);
  overflow:hidden
}
body.omar-storefront .os-hdr-grid>.os-search input{
  min-width:0;
  padding-inline:20px;
  color:#26384a;
  font-size:15px
}
body.omar-storefront .os-hdr-grid>.os-search button{
  background:linear-gradient(145deg,#f7d564,#dfa51d);
  color:#082746;
  font-size:28px
}
body.omar-storefront .os-mobile-search{display:none!important}
body.omar-storefront .os-actions{
  grid-area:actions;
  justify-self:start;
  display:flex;
  direction:ltr;
  align-items:center;
  justify-content:flex-start;
  gap:9px
}
body.omar-storefront .os-actions a{
  display:flex!important;
  min-width:42px;
  width:42px;
  min-height:46px;
  color:#fff!important;
  justify-content:center
}
body.omar-storefront .os-actions a:nth-child(2){display:none!important}
body.omar-storefront .os-actions a:last-child{
  order:-1;
  width:50px;
  padding-right:8px;
  margin-right:1px;
  border-right:1px solid rgba(255,255,255,.42)
}
body.omar-storefront .os-actions a span{display:none!important}
body.omar-storefront .os-actions i{
  width:36px;
  height:36px;
  border:0;
  background:transparent
}
body.omar-storefront .os-actions i svg{
  width:29px;
  height:29px;
  stroke:#fff;
  stroke-width:2
}
body.omar-storefront .os-actions .count{
  right:-3px;
  top:-7px;
  min-width:19px;
  height:19px;
  background:#e9b631;
  color:#082746;
  font-size:9px
}
body.omar-storefront .oc-mobile-category-wrap{display:none!important}
body.omar-storefront .os-nav{
  display:block!important;
  position:sticky;
  top:0;
  z-index:80;
  background:#fff;
  border-bottom:2px solid rgba(212,175,55,.72);
  box-shadow:0 5px 16px rgba(6,28,49,.10)
}
body.omar-storefront .os-nav .os-c{
  min-height:60px;
  display:flex!important;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  direction:rtl;
  gap:8px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:8px 12px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch
}
body.omar-storefront .os-nav .os-c::-webkit-scrollbar{display:none}
body.omar-storefront .os-nav a{
  flex:0 0 auto;
  min-height:44px;
  display:flex;
  align-items:center;
  padding:0 18px;
  color:#0b2d56!important;
  background:#f3f5f7;
  border:1px solid #e6e9ed;
  border-radius:10px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap
}
body.omar-storefront .os-nav a.active,
body.omar-storefront .os-nav a:hover{
  color:#092443!important;
  background:linear-gradient(145deg,#f6d15e,#d9a52e);
  border-color:#d4af37
}
body.omar-storefront .home-banner-wrap{padding-top:0}

@media(max-width:900px){
  body.omar-storefront .os-hdr{padding:8px 0 10px}
  body.omar-storefront .os-hdr-grid{
    grid-template-columns:82px minmax(0,1fr) 46px;
    grid-template-areas:"actions logo menu" "search search search";
    gap:8px 6px
  }
  body.omar-storefront .os-menu{width:42px;height:42px;gap:5px}
  body.omar-storefront .os-menu span{width:25px;height:3px}
  body.omar-storefront .os-logo{width:100%;height:60px}
  body.omar-storefront .os-logo .oc-brand-logo{width:100%;height:58px;max-height:58px}
  body.omar-storefront .os-hdr-grid>.os-search{
    width:100%;
    height:50px;
    grid-template-columns:1fr 56px;
    border-radius:14px
  }
  body.omar-storefront .os-hdr-grid>.os-search input{padding-inline:14px;font-size:13px}
  body.omar-storefront .os-actions{gap:4px}
  body.omar-storefront .os-actions a{min-width:34px;width:34px;min-height:40px}
  body.omar-storefront .os-actions a:last-child{width:43px;padding-right:6px}
  body.omar-storefront .os-actions i{width:31px;height:31px}
  body.omar-storefront .os-actions i svg{width:26px;height:26px}
  body.omar-storefront .os-nav .os-c{
    min-height:58px;
    justify-content:flex-start;
    gap:7px;
    padding:7px 8px;
    scroll-snap-type:x proximity
  }
  body.omar-storefront .os-nav a{
    min-width:max-content;
    min-height:44px;
    padding:0 15px;
    font-size:11px;
    scroll-snap-align:start
  }
  body.omar-storefront .home-banner-wrap.os-c{padding-inline:0}
  body.omar-storefront .home-banner-slider{border-radius:0}
}

@media(max-width:380px){
  body.omar-storefront .os-hdr-grid{grid-template-columns:76px minmax(0,1fr) 42px}
  body.omar-storefront .os-logo .oc-brand-logo{height:53px;max-height:53px}
  body.omar-storefront .os-actions a{min-width:31px;width:31px}
  body.omar-storefront .os-actions a:last-child{width:40px}
}

/* New five-banner artwork: preserve the complete image on mobile */
@media(max-width:900px){
 .home-banner-slider{aspect-ratio:1672/941;background:#07192d}
 .home-banner-slide img{object-fit:contain;background:#07192d}
}

/* Clickable visual shopping banner */
.oc-shop-image-banner{padding:22px 0 26px;background:#f6f8fa}
body.omar-storefront .oc-shop-image-banner a{display:block!important;overflow:hidden;border-radius:18px;background:#071c31;box-shadow:0 12px 30px rgba(6,28,49,.16);line-height:0}
.oc-shop-image-banner img{display:block;width:100%;height:auto;aspect-ratio:1536/569;object-fit:cover;transition:transform .3s ease}
body.omar-storefront .oc-shop-image-banner a:hover img{transform:scale(1.012)}
@media(max-width:768px){.oc-shop-image-banner{padding:12px 0 16px}.oc-shop-image-banner>.os-c{padding-left:10px;padding-right:10px}body.omar-storefront .oc-shop-image-banner a{border-radius:12px;box-shadow:0 8px 20px rgba(6,28,49,.14)}.oc-shop-image-banner img{aspect-ratio:auto;object-fit:contain}}

/* Best sellers — two independently swipeable product rows */
.home-best-sellers{padding:30px 0 34px;background:#fff;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;overflow:hidden}
.best-sellers-title{position:relative;justify-content:center;text-align:center;margin-bottom:18px;min-height:66px}
.best-sellers-title>div{margin:auto}
.best-sellers-title h2{font-size:28px;line-height:1.15;position:relative;display:inline-block;padding:0 34px}
.best-sellers-title h2:before,.best-sellers-title h2:after{content:"";position:absolute;top:52%;width:26px;height:2px;background:#d4a126;border-radius:999px}
.best-sellers-title h2:before{right:0}.best-sellers-title h2:after{left:0}
.best-sellers-title h2::first-letter{color:inherit}
.best-sellers-title p{font-size:12px;margin-top:5px;color:#8a939c}
.best-sellers-title>a{position:absolute;left:0;top:8px;border:1.5px solid #c99721;background:#fff;color:#0b2d56!important;border-radius:999px;padding:8px 14px;font-size:10px;font-weight:900}
.best-sellers-rows{display:grid;gap:14px}
.best-sellers-row{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:3px 2px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-inline:contain}
.best-sellers-row::-webkit-scrollbar{display:none}
.best-sellers-row>.os-product{flex:0 0 22%;min-width:210px;scroll-snap-align:start;border-radius:14px;border:1px solid #e6e9ed;box-shadow:0 6px 18px rgba(11,45,86,.06);overflow:hidden;background:#fff}
.best-sellers-row .os-product-media{aspect-ratio:1/1;padding:8px;background:#fff}
.best-sellers-row .os-product-img img{object-fit:contain}
.best-sellers-row .os-product-body{padding:9px 9px 10px}
.best-sellers-row .os-product-title{font-weight:900}
.best-sellers-row .os-rating{display:none}
.best-sellers-row .os-product-btn{background:linear-gradient(135deg,#e4b63d,#c99118);color:#fff!important;border-radius:8px}
@media(max-width:900px){
 .home-best-sellers{padding:22px 0 26px}
 .home-best-sellers>.os-c{padding-inline:8px}
 .best-sellers-title{min-height:58px;margin-bottom:12px}
 .best-sellers-title h2{font-size:24px;padding:0 30px}
 .best-sellers-title h2:before,.best-sellers-title h2:after{width:22px}
 .best-sellers-title p{font-size:10px}
 .best-sellers-title>a{left:1px;top:5px;padding:7px 11px;font-size:9px}
 .best-sellers-rows{gap:10px}
 .best-sellers-row{gap:9px;padding:2px 2px 7px}
 .best-sellers-row>.os-product{flex:0 0 30%;min-width:118px;max-width:150px;border-radius:12px}
 .best-sellers-row .os-product-media{aspect-ratio:1/1;padding:5px}
 .best-sellers-row .os-product-body{padding:7px}
 .best-sellers-row .os-product-title{font-size:9px;min-height:30px;line-height:1.45}
 .best-sellers-row .os-price{font-size:13px;margin:5px 0 7px}
 .best-sellers-row .os-product-btn{min-height:32px;font-size:7.5px;padding:5px 3px}
 .best-sellers-row .os-card-heart{width:24px;height:24px;left:5px;top:5px;padding:5px}
 .best-sellers-row .os-badge{font-size:6px;padding:3px 5px;right:5px;top:5px}
}
@media(max-width:430px){
 .best-sellers-row>.os-product{flex-basis:31%;min-width:116px;max-width:132px}
}
@media(max-width:380px){
 .best-sellers-row>.os-product{flex-basis:33%;min-width:110px;max-width:122px}
 .best-sellers-title h2{font-size:22px}
}

/* Category banners directly below Weekly Offers */
.omar-category-banners{background:#fff;padding:6px 0 10px!important;margin:0!important;min-height:0!important;height:auto!important;overflow:hidden!important;display:block!important}
.omar-category-banners-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;align-items:start!important;margin:0 auto!important;min-height:0!important;height:auto!important}
.omar-category-banner{display:block!important;width:100%!important;min-width:0!important;margin:0!important;border-radius:18px;overflow:hidden;text-decoration:none;line-height:0;background:#fff}
.omar-category-banner img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0!important;border-radius:18px}
@media(max-width:900px){
 .omar-category-banners{padding:4px 0 8px!important;margin:0!important;min-height:0!important;height:auto!important}
 .omar-category-banners-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;padding-inline:5px;margin:0 auto!important;min-height:0!important;height:auto!important}
 .omar-category-banner,.omar-category-banner img{border-radius:10px}
}