.storefront-header,.store-home,.announcement{font-family:'Noto Kufi Arabic',OdealArabic,Tahoma,Arial,sans-serif}
/* ODEAL's established retail layout. Isolated from checkout, wholesale and staff screens. */
.storefront-header{--store-green:#138b69;color:#333;box-shadow:0 2px 5px #0000000d;position:relative;z-index:40}
.announcement{height:35px;min-height:35px;background:#fceec5;color:#333;padding:4px 16px;justify-content:center;text-align:center;font-size:16px;font-weight:700;letter-spacing:0;line-height:27px}
.storefront-header .wrap,.store-home .wrap{width:min(1560px,calc(100% - 32px))}
.header-search-row{height:71px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #f1f1f1}
.storefront-header .header-search{height:46px;border:1px solid #e4e4e4;border-radius:0;padding:0 12px;background:#fff;max-width:none;min-width:0;flex:1;gap:10px}
.storefront-header .header-search input{font-size:14px;min-width:0;padding:9px 0;line-height:25px}
.storefront-header .header-search select{width:155px;max-width:32%;border:0;border-inline:1px solid #eee;border-radius:0;padding:2px 10px;color:#777;font-size:13px;background:#fff}
.storefront-header .header-search button{border:0;padding:0 0 0 2px;min-height:42px;min-width:32px;align-items:center;justify-content:center;color:#777}
.header-utility{display:flex;gap:20px;align-items:center;flex-shrink:0;font-size:13px;font-weight:600}.header-utility .nav-wholesale{border:0;padding:5px 0;color:#333;background:none;font-size:14px}
.storefront-header .header-main{height:81px;display:flex;align-items:center;gap:24px;flex-wrap:nowrap}
.storefront-header .brand,.storefront-header .brand img{width:142px;height:70px;object-fit:contain;flex-shrink:0}
.storefront-header .main-nav{display:flex;align-items:center;justify-content:center;flex:1;height:auto;min-height:45px;gap:0;border:0;font-size:13px;font-weight:700;min-width:0;padding:0;margin:0;overflow:visible;flex-wrap:nowrap}
.storefront-header .main-nav>a,.nav-department>summary{padding:12px 15px;white-space:nowrap;border:0;border-inline-end:1px solid #f0f0f0;cursor:pointer;list-style:none;font-size:13px;color:#444;line-height:1.6}
.nav-department>summary::-webkit-details-marker{display:none}.nav-department>summary:after{content:'⌄';color:#a4a4a4;margin-inline-start:6px;font-size:12px}
.storefront-header .main-nav>a:first-child{color:#b39b32}.storefront-header .main-nav a:hover,.nav-department>summary:hover{color:#138b69}
.nav-department{position:relative;min-width:0}.nav-department>div{position:absolute;top:100%;right:0;width:250px;padding:12px;box-shadow:0 8px 30px #0002;border:1px solid #eee;background:white;z-index:70;display:grid;gap:0;border-radius:3px}
.nav-department>div a{padding:10px 12px!important;font-size:14px;white-space:normal;line-height:1.8}.nav-department>div a:hover{background:#f7f7f7}
.storefront-header .header-actions{gap:17px;margin-inline-start:0;flex-shrink:0}.storefront-header .header-action{gap:8px;min-width:28px;min-height:44px;color:#32483f}.storefront-header .header-action .icon{width:24px;height:24px;stroke-width:1.3}.storefront-header .cart-icon b{background:#138b69}.header-cart-label{font-size:12px;color:#555;white-space:nowrap}
.store-home{background:#fff;color:#333}.store-promo{padding-block:38px;display:flex;justify-content:flex-start;min-height:230px}.store-promo>a{width:370px;max-width:100%;display:block}.store-promo img{width:100%;height:auto;display:block;object-fit:contain}
.store-collections{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;align-items:stretch}.store-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0}.store-category-card{position:relative;display:block;min-width:0;overflow:hidden;background:#e0e9d9}.store-category-card h2{position:absolute;z-index:1;top:20px;right:20px;left:12px;font-size:21px;font-weight:750;line-height:1.8;color:#333}.store-category-card img{display:block;width:100%;aspect-ratio:1152/896;object-fit:cover;transition:transform .3s}.store-category-card:hover img{transform:scale(1.025)}
.store-category-card img{height:auto}.store-campaign-slider{position:relative;min-width:0;min-height:0;overflow:hidden;background:#f4f5f1;isolation:isolate}.store-campaign-slides{position:absolute;inset:0}.store-campaign-slides,.store-campaign-slide{height:100%;display:block}.store-campaign-slide[hidden]{display:none}.store-campaign-slide img{display:block;width:100%;height:100%;object-fit:contain}.store-slider-controls{position:absolute;bottom:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:center;gap:6px;z-index:2;min-width:0}.store-slider-controls>button{width:44px;height:44px;min-width:44px;background:#ffffffed;border:1px solid #ffffffa0;border-radius:50%;font-size:18px;color:#315343;line-height:1}.store-slide-count{display:grid;place-items:center;min-width:64px;min-height:34px;padding:4px 10px;border-radius:24px;background:#ffffffed;color:#315343;font-size:13px;font-weight:700;line-height:1.5;white-space:nowrap}
.store-product-section{padding-block:35px 12px}.store-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:2px solid #eee;padding-bottom:14px;margin-bottom:22px;flex-wrap:wrap}.store-section-heading h2{font-size:24px;font-weight:750;line-height:1.8;flex-shrink:0}.store-category-links{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:1;flex-wrap:wrap;font-size:13px;color:#666}.store-view-all{font-size:13px;color:#138b69;white-space:nowrap}.store-products{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.store-home .product-card{border:0;box-shadow:none;border-radius:0;background:#fff;padding:0}.store-home .product-picture{border-radius:0;background:#fff;aspect-ratio:1}.store-home .product-picture>a{padding:14px}.store-home .product-picture img{mix-blend-mode:normal}.store-home .product-body h3{font-size:14px;line-height:1.9}.store-home .product-card .price{font-size:18px;color:#138b69}.store-home .product-card .old-price{font-size:13px}.store-home .product-grid .product-body{padding:10px 0}.store-home .product-card .add-btn{border-radius:4px;min-height:42px;font-size:13px}
.store-section-heading{position:relative}.store-section-title{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;min-width:0;max-width:100%}.store-section-title h2{min-width:0;flex-shrink:1;overflow-wrap:anywhere}.store-brand-filter{position:static;flex:0 0 44px;min-width:44px}.store-brand-filter>summary{display:grid;place-items:center;list-style:none;width:44px;height:44px;border:1px solid #dbe7df;border-radius:6px;color:#365c4e;background:#fff;cursor:pointer}.store-brand-filter>summary::-webkit-details-marker{display:none}.store-brand-filter>summary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.store-brand-filter[open]>summary{background:#eef6f0;border-color:#138b69}.store-brand-panel{position:absolute;inset-block-start:calc(100% + 4px);inset-inline-start:0;width:min(320px,100%);max-width:100%;box-sizing:border-box;z-index:8;padding:16px;background:#fff;border:1px solid #dbe7df;border-radius:8px;box-shadow:0 8px 24px #143b2820}.store-brand-control{display:grid;gap:8px;min-width:0;max-width:100%}.store-brand-control label{font-size:14px;font-weight:600;line-height:1.8;color:#365c4e}.store-brand-control select{width:100%;max-width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid #dbe7df;border-radius:6px;font:inherit;font-size:14px;color:#315343;background:#fff;overflow:hidden;text-overflow:ellipsis}.store-brand-filter>summary:focus-visible,.store-brand-control select:focus-visible,.store-section-retry:focus-visible{outline:2px solid #138b69;outline-offset:3px}.store-section-retry{min-height:44px;padding:8px 12px;border:1px solid #dbe7df;border-radius:6px;background:#fff;color:#138b69;font:inherit;font-size:13px;line-height:1.8;max-width:100%;overflow-wrap:anywhere}.store-section-retry[hidden]{display:none}.store-section-status{font-size:13px;line-height:1.8;color:#527263;margin-block:0 14px;overflow-wrap:anywhere}.store-section-status:empty{display:none}.store-section-products{min-width:0;max-width:100%}.store-section-loading{min-height:180px;display:grid;place-items:center;padding:24px;font-size:15px;color:#527263}
@media(max-width:600px){.store-section-title{width:100%;gap:10px}.store-section-title h2{font-size:20px;line-height:1.8}}
.store-brand-section{padding-block:25px;border-bottom:1px solid #eee}.store-brand-section .brands-rail{width:100%;display:block;overflow:hidden;min-width:0}.store-brand-section .brands-track{display:flex;align-items:center;gap:20px;animation:store-brands 45s linear infinite;width:max-content}.store-brand-section .brands-track a{display:flex;align-items:center;justify-content:center;width:140px;min-width:140px;height:80px}.store-brand-section .brands-track img{width:120px;height:65px;object-fit:contain;filter:none;opacity:1}.store-brand-section:focus-within .brands-track,.store-brand-section:hover .brands-track{animation-play-state:paused}.store-links{display:flex;gap:24px;justify-content:center;padding:35px 16px;font-size:15px;border-top:1px solid #eee;margin-top:35px}
@keyframes store-brands{to{transform:translateX(calc(-50% - 10px))}}
.coupon-chips>span.coupon-invalid{background:#fff1ea;color:#9b341b}.coupon-chips button{min-width:40px;min-height:40px}.coupon-explanation{font-size:14px;line-height:1.8;color:#9b341b;margin-block:12px}.auth-recovery-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}.auth-recovery-actions a,.auth-recovery-actions button{font-size:15px;min-height:44px;padding:8px 12px;border:1px solid #d8e4dc;border-radius:6px;color:#138b69}.order-email-status{font-size:15px;line-height:1.9;margin-top:20px}.order-actions .form-actions{gap:10px;flex-wrap:wrap}.compare-spec-warning{color:#924019;background:#fff6e5;padding:8px;font-size:14px;line-height:1.7}.compare-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.compare-toolbar label{display:flex;align-items:center;gap:10px;font-size:15px}.compare-toolbar input{width:18px;height:18px}.comparison-table-frame{overflow:auto;max-width:100%;border:1px solid #e4e8e2;border-radius:10px}.compare-table{min-width:600px}.compare-table th{min-width:150px}.compare-table td{min-width:220px;max-width:330px;white-space:normal;line-height:1.9}.compare-table .compare-product img{height:140px;width:100%;object-fit:contain}.compare-table .compare-product h3{font-size:16px}.compare-table tr[data-different=true]{background:#fbf9ed}.compare-table[data-differences-only=true] tr[data-different=false]{display:none}.comparison-note{font-size:14px;line-height:1.9;margin-block:16px;color:#666}
@media(max-width:1200px){.storefront-header .header-main{gap:14px}.storefront-header .main-nav>a,.nav-department>summary{padding-inline:10px;font-size:12px}.storefront-header .brand,.storefront-header .brand img{width:120px}.header-cart-label{display:none}.storefront-header .header-actions{gap:12px}.store-category-card h2{font-size:18px;top:14px;right:14px}.store-products{gap:14px}.store-category-links{gap:12px}}
@media(max-width:1200px){.storefront-header .header-main{height:auto;min-height:90px;flex-wrap:wrap;padding-top:8px;gap:8px;display:grid;grid-template-columns:130px minmax(0,1fr)}.storefront-header .brand{grid-column:1;grid-row:1}.storefront-header .header-actions{grid-column:2;grid-row:1;justify-content:flex-end}.storefront-header .main-nav{grid-row:2;grid-column:1/-1;display:flex;flex-wrap:wrap;width:100%;justify-content:center;padding-bottom:8px;gap:0}.storefront-header .main-nav>a,.nav-department>summary{font-size:13px;padding:10px 12px}.nav-department>div{position:fixed;top:auto;right:16px;left:16px;width:auto;max-height:50dvh;overflow:auto}}
@media(max-width:1000px){.store-products{grid-template-columns:repeat(3,minmax(0,1fr))}.store-category-links{order:3;flex-basis:100%;justify-content:flex-start}.store-view-all{margin-inline-start:auto}.store-promo{padding-block:22px;min-height:0}.store-promo>a{width:330px}.store-category-card h2{font-size:16px;right:10px;top:9px}.store-collections{gap:5px}.store-category-grid{gap:5px}}
@media(max-width:600px){.announcement{font-size:12px;line-height:1.7;height:auto;min-height:30px;padding:5px 10px}.storefront-header .wrap,.store-home .wrap{width:calc(100% - 24px)}.header-search-row{height:auto;min-height:63px;gap:8px;flex-wrap:wrap;padding-block:8px}.storefront-header .header-search{height:44px;padding:0 8px;gap:4px}.storefront-header .header-search input{font-size:15px;padding:6px 0}.storefront-header .header-search select{font-size:11px;width:88px;max-width:30%;padding-inline:5px}.storefront-header .header-search button{min-width:26px}.header-utility{width:100%;justify-content:space-between;font-size:11px;gap:12px}.header-utility .nav-wholesale{font-size:13px;min-height:32px;padding:4px 0}.storefront-header .header-main{padding-top:2px;grid-template-columns:115px minmax(0,1fr);gap:0 8px}.storefront-header .brand,.storefront-header .brand img{width:112px;height:55px}.storefront-header .header-actions{gap:14px}.storefront-header .header-actions .header-action{min-height:44px;min-width:24px}.storefront-header .main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding-bottom:6px;min-width:0}.storefront-header .main-nav>a{display:none}.nav-department>summary{font-size:12px;text-align:center;padding:10px 3px;white-space:normal;line-height:1.8;min-height:44px}.nav-department>summary:after{margin-inline-start:3px}.store-promo{padding-block:18px}.store-promo>a{width:100%}.store-promo img{width:100%;max-height:170px;object-fit:contain}.store-collections{display:flex;flex-direction:column;gap:8px}.store-category-grid{order:0;gap:6px}.store-category-card h2{font-size:15px;top:10px;right:10px;left:8px}.store-campaign-slider{aspect-ratio:1280/854;order:1}.store-slider-controls{bottom:10px;left:8px;right:8px;gap:3px}.store-slider-controls>button{width:44px;min-width:44px;height:44px}.store-slide-count{min-width:62px;font-size:12px}.store-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.store-product-section{padding-block:25px 4px}.store-section-heading{gap:8px;margin-bottom:16px;padding-bottom:10px}.store-section-heading h2{font-size:20px}.store-category-links{font-size:12px;gap:8px 14px;line-height:1.9}.store-view-all{font-size:12px}.store-home .product-body h3{font-size:14px;line-height:1.8}.store-home .product-card .price{font-size:17px}.store-home .product-card .add-btn{font-size:12px;padding-inline:9px;min-height:42px}.store-links{font-size:13px;gap:12px;flex-wrap:wrap}.store-brand-section .brands-track a{width:110px;min-width:110px;height:70px}.store-brand-section .brands-track img{width:100px;height:58px}.compare-table{min-width:560px}.compare-table td{min-width:190px}.compare-table th{min-width:130px}.order-actions .btn{width:100%}.auth-recovery-actions{align-items:stretch}.auth-recovery-actions a,.auth-recovery-actions button{flex:1;text-align:center}.storefront-header .search-suggestions{left:-1px;right:-1px}.storefront-header .search-suggestions a{font-size:13px;gap:8px;padding:10px}.storefront-header .suggestion-price{font-size:12px}}
@media(prefers-reduced-motion:reduce){.store-brand-section .brands-track{animation:none}.store-category-card img{transition:none}}
/* Home has two phone columns; the catalogue's horizontal phone card does not. */
@media(max-width:700px){
  .store-home .store-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;align-items:start}
  .store-home .store-products>.product-card{display:block;grid-template-columns:none;min-width:0;max-width:100%;padding:0;border:0}
  .store-home .store-products .product-picture{position:relative;width:100%;height:auto;min-height:180px;aspect-ratio:1}
  .store-home .store-products .product-picture>a{position:absolute;inset:0;width:100%;height:100%;padding:12px 8px 56px}
  .store-home .store-products .product-picture img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
  .store-home .store-products .product-label{max-width:calc(100% - 14px);white-space:normal;overflow-wrap:anywhere}
  .store-home .store-products .product-actions{left:8px;right:8px;bottom:8px;gap:6px}
  .store-home .store-products .product-actions .icon-btn{width:44px;height:44px;flex:0 0 44px}
  .store-home .store-products .product-body{width:100%;min-width:0;padding:12px 0 0}
  .store-home .store-products .product-brand{font-size:12px;line-height:1.7;letter-spacing:0;overflow-wrap:anywhere}
  .store-home .store-products .product-body h3{display:block;min-height:0;margin:8px 0 12px;font-size:15px;line-height:1.85;-webkit-line-clamp:unset;overflow-wrap:anywhere}
  .store-home .store-products .product-bottom{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0}
  .store-home .store-products .price{display:block;max-width:100%;font-size:20px;line-height:1.5;overflow-wrap:anywhere}
  .store-home .store-products .price small{font-size:13px}
  .store-home .store-products .price.price-enquire{font-size:16px;line-height:1.7}
  .store-home .store-products .old-price{font-size:13px;line-height:1.6;white-space:normal}
  .store-home .store-products .product-bottom .add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:44px;min-height:44px;padding:8px 6px}
  .store-home .store-products .product-bottom .add-btn .icon{width:18px;height:18px;flex:0 0 18px}
  .store-home .store-products .product-bottom .add-btn:after{content:'أضف للشنطة';margin-inline-start:0;font-size:12px;line-height:1.6;white-space:normal}
  .store-home .store-products .product-bottom .add-btn:disabled:after{content:'غير متاح'}
}

/* Client references: six direct department tiles, moving banners and product rails. */
.store-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.store-category-single{background:#f2f5ed}
.store-category-single img{object-fit:contain;padding:35px 12px 8px;mix-blend-mode:multiply}
.store-campaign-slide{position:absolute;inset:0;width:100%;height:100%;will-change:transform}
.store-campaign-slide img,.store-campaign-slide video{display:block;width:100%;height:100%;object-fit:contain;background:#f4f5f1}
.store-campaign-slider{touch-action:pan-y pinch-zoom}.store-campaign-slide{user-select:none;-webkit-user-select:none}.store-campaign-slide img{-webkit-user-drag:none}.store-campaign-slide.is-entering{animation:store-banner-in .52s cubic-bezier(.2,.7,.2,1) both;z-index:1}
.store-campaign-slide.is-leaving{animation:store-banner-out .52s cubic-bezier(.2,.7,.2,1) both;pointer-events:none}
.store-slider-controls{inset:0;display:flex;align-items:center;justify-content:space-between;gap:0;pointer-events:none}
.store-slider-controls>button{pointer-events:auto;margin:0 10px;box-shadow:0 2px 10px #0002}
.store-home .store-products{display:flex;direction:rtl;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-inline:contain;align-items:stretch;padding-block:4px 12px;max-width:100%;min-width:0}
.store-home .store-products::-webkit-scrollbar{display:none}
.store-home .store-products>.product-card{display:flex;flex-direction:column;flex:0 0 calc((100% - 64px)/5);width:calc((100% - 64px)/5);min-width:0;max-width:100%;scroll-snap-align:start;align-self:stretch}
.store-home .store-products .product-picture{width:100%;min-height:0;flex:0 0 auto;aspect-ratio:1}
.store-home .store-products .product-body{display:flex;flex:1;flex-direction:column;min-width:0;width:100%}
.store-home .store-products .product-body h3{margin:8px 0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:5.7em;line-height:1.9;font-size:14px;overflow-wrap:anywhere}
.store-home .store-products .product-bottom{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-width:0}
.store-home .store-products .price{font-size:18px;line-height:1.8;min-width:0;overflow-wrap:anywhere}
.store-home .store-products .old-price{display:block;font-size:12px;line-height:1.8}
.store-home .store-products .add-btn{width:44px;height:44px;min-height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.store-home .store-products:focus-visible{outline:2px solid #138b69;outline-offset:3px}
.store-section-heading{margin-bottom:14px}
@keyframes store-banner-in{from{transform:translate3d(calc(var(--banner-direction,-1) * 100%),0,0)}to{transform:translate3d(0,0,0)}}
@keyframes store-banner-out{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(var(--banner-direction,-1) * -100%),0,0)}}
@media(max-width:1100px){.store-home .store-products>.product-card{flex-basis:calc((100% - 32px)/3);width:calc((100% - 32px)/3)}}
@media(max-width:700px){
  .store-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-category-single img{padding:40px 10px 8px}
  .store-home .store-products{display:flex;gap:12px;align-items:stretch}
  .store-home .store-products>.product-card{display:flex;flex:0 0 calc((100% - 12px)/2);width:calc((100% - 12px)/2);align-self:stretch;gap:0}
  .store-home .store-products .product-picture{min-height:180px;flex:0 0 auto;aspect-ratio:1}
  .store-home .store-products .product-body{display:flex;flex-direction:column;flex:1;padding-top:10px}
  .store-home .store-products .product-body h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:14px;line-height:1.85;min-height:7.4em;max-height:7.4em;margin:8px 0 12px}
  .store-home .store-products .product-bottom{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:auto}
  .store-home .store-products .price{font-size:18px;line-height:1.5;min-height:3.2em;display:flex;flex-wrap:wrap;align-content:flex-end;align-items:baseline;gap:0 4px}
  .store-home .store-products .old-price{flex:1 0 100%;font-size:12px;line-height:1.6}
  .store-home .store-products .product-bottom .add-btn{width:100%;height:44px;min-height:44px;padding:8px 6px;gap:6px;flex-shrink:0}
  .store-home .store-products .product-bottom .add-btn:after{font-size:12px;white-space:nowrap}
  .store-slider-controls>button{margin-inline:8px}
}
@media(prefers-reduced-motion:reduce){.store-campaign-slide.is-entering,.store-campaign-slide.is-leaving{animation:none}.store-home .store-products{scroll-behavior:auto}}

/* Shared retail cards follow ODEAL's reference: square image, centered copy and a clear basket button. */
#main .product-card{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0;max-width:100%;box-sizing:border-box;padding:15px;border:1px solid #ccdacf;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #c8aa5914,0 4px 15px #153d2c08;font-family:'Noto Kufi Arabic',OdealArabic,Tahoma,Arial,sans-serif;transition:border-color .2s,box-shadow .2s}
#main .product-card .product-picture{position:relative;flex:0 0 auto;align-self:center;width:100%;max-width:260px;min-width:0;min-height:0;height:auto;aspect-ratio:1;border-radius:6px;background:#fff;overflow:hidden}
#main .product-card .product-picture>a{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0}
#main .product-card .product-picture img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:normal}
#main .product-card .product-body{display:flex;flex:1;flex-direction:column;align-items:stretch;gap:12px;min-width:0;width:100%;max-width:100%;padding:0;text-align:center}
#main .product-card .product-brand{display:none}
#main .product-card .product-body h3{display:block;min-width:0;min-height:4.8em;max-height:none;margin:0;font-size:14px;font-weight:600;line-height:1.6;text-align:center;letter-spacing:0;white-space:normal;overflow:visible;overflow-wrap:anywhere;word-break:normal;-webkit-line-clamp:unset}
#main .product-card .product-body h3>a{display:block;color:inherit;overflow-wrap:anywhere}
#main .product-card .product-bottom{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;min-width:0;width:100%;max-width:100%;margin-top:auto}
#main .product-card .price{display:flex;flex:none;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:0 4px;min-width:0;max-width:100%;min-height:0;margin:0;font-size:18px;font-weight:700;line-height:1.5;letter-spacing:0;color:#138b69;text-align:center;white-space:normal;overflow-wrap:break-word;word-break:normal}
#main .product-card .price small{display:inline-block;margin-inline:4px 0;color:inherit;font-size:13px;font-weight:600;line-height:inherit;white-space:nowrap}
#main .product-card .old-price{display:block;flex:1 0 100%;min-width:0;max-width:100%;margin:0 0 4px;color:#bbb;font-size:16.2px;font-weight:400;line-height:1.4;letter-spacing:0;text-align:center;white-space:normal;overflow-wrap:break-word;text-decoration:line-through}
#main .product-card .price.price-enquire{font-size:15px;line-height:1.7}
#main .product-card .product-bottom .add-btn{display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:0 0 auto;gap:0;width:max-content;min-width:96px;max-width:100%;height:auto;min-height:36px;padding:7px 12px;border:1px solid #138b69;border-radius:5px;background:#138b69;color:#fff;font-size:12px;font-weight:600;line-height:1.7;white-space:normal;text-align:center}
#main .product-card .product-bottom .add-btn>.icon{display:none}
#main .product-card .product-bottom .add-btn:after{content:'إضافة إلى السلة';margin:0;font:inherit;line-height:inherit;white-space:normal;overflow-wrap:anywhere}
#main .product-card .product-bottom .add-btn:disabled:after{content:'غير متاح'}
#main .product-card .product-label{max-width:calc(100% - 16px);white-space:normal;overflow-wrap:anywhere}
#main .product-card .product-label.sale{border-radius:12px;background:#f4bd1a;color:#333;font-size:11px;font-weight:600;line-height:1.5}
#main .product-card:focus-within{border-color:#138b69;box-shadow:inset 0 0 0 1px #c8aa591a,0 6px 18px #153d2c12}
@media(hover:hover){#main .product-card:hover{border-color:#138b69;box-shadow:inset 0 0 0 1px #c8aa591a,0 7px 20px #153d2c12}#main .product-card .product-bottom .add-btn:hover{background:#0f775a;border-color:#0f775a;color:#fff}}
@media(max-width:900px){#main .product-card .product-bottom .add-btn{min-height:44px;padding:9px 8px}}
@media(max-width:700px){#main .product-card{gap:10px;padding:10px}#main .product-card .product-body{gap:10px}#main .product-card .product-body h3{font-size:15px;line-height:1.65;min-height:4.95em}#main .product-card .old-price{font-size:14px}#main .product-card .product-bottom .add-btn{font-size:13px;width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){#main .product-card{transition:none}}
/* Dedicated optional promotion: one controllable image or video, with no empty reserved space. */
.store-promo-configured{min-height:0;padding-block:24px}
.store-promo-media{width:100%;min-width:0;max-width:960px;display:grid;gap:12px}
.store-promo-media>a:not(.store-promo-link){display:block;width:100%}
.store-promo-configured .store-promo-media img,.store-promo-configured .store-promo-media video{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:12px}
.store-promo-link{justify-self:start;max-width:100%;white-space:normal}
@media(max-width:700px){.store-promo-configured{padding-block:18px}.store-promo-configured .store-promo-media img,.store-promo-configured .store-promo-media video{max-height:360px}}

/* Fill differing artwork ratios without cropping offer text or showing white side bands. */
.store-campaign-slide{isolation:isolate;overflow:hidden;background:#106a42}
.store-campaign-backdrop{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(20px);transform:scale(1.08);pointer-events:none;z-index:-1}
.store-campaign-slide img,.store-campaign-slide video{position:relative;background:transparent}
/* A visible reading entrance beside the shopping journey, with no extra request. */
.store-home .store-editorial-entry{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:20px;margin-block:22px 8px;padding:24px;box-sizing:border-box;border:1px solid #cbded1;border-radius:12px;background:linear-gradient(110deg,#f9f7ee,#eff7f1);color:#163f2d;min-width:0}
.store-editorial-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:#fff;box-shadow:0 2px 12px #153f2a09}
.store-editorial-icon svg{width:31px;height:31px;fill:none;stroke:#187952;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.store-editorial-copy{min-width:0;overflow-wrap:anywhere}
.store-home .store-editorial-copy h2{font-size:24px;line-height:1.7;margin:0 0 4px;color:#163f2d}
.store-editorial-copy p{margin:0;font-size:14px;line-height:1.9;color:#50685b}
.store-editorial-action{display:flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:10px 20px;border-radius:7px;background:#117d59;color:#fff;font-size:14px;font-weight:700;line-height:1.8;text-align:center;white-space:normal;box-sizing:border-box}
.store-editorial-action:hover{background:#096348;color:#fff}
.store-editorial-action:focus-visible{outline:3px solid #a17a29;outline-offset:4px}
@media(max-width:700px){.store-home .store-editorial-entry{grid-template-columns:42px minmax(0,1fr);gap:12px;margin-block:16px 6px;padding:17px}.store-editorial-icon{width:42px;height:46px;border-radius:10px}.store-editorial-icon svg{width:27px;height:27px}.store-home .store-editorial-copy h2{font-size:20px;line-height:1.8}.store-editorial-copy p{font-size:13px;line-height:1.9}.store-editorial-action{grid-column:1/-1;width:100%;margin-top:2px;min-height:48px}}