/* Digi Shafagh 1.5.3 — visual layout based on the supplied storefront reference. */
body.ts-template-layout-digi-shafagh{background:#fff;color:#191919}
body.ts-template-layout-digi-shafagh .ts-home-slot{margin-top:12px;isolation:isolate}
body.ts-template-layout-digi-shafagh .ts-section-head{align-items:center;margin-bottom:8px}
body.ts-template-layout-digi-shafagh .ts-section-head h2{font-size:14px;color:#171717}
body.ts-template-layout-digi-shafagh .ts-more{border:1px solid #e4e7eb;border-radius:6px;padding:3px 8px;color:#666;background:#fff}
body.ts-template-layout-digi-shafagh .ts-site-header{border-bottom:0}
body.ts-template-layout-digi-shafagh .ts-header-main{min-height:68px}
body.ts-template-layout-digi-shafagh .ts-search input[type="search"]{background:#f1f2f4;border-color:#f1f2f4;border-radius:8px}
body.ts-template-layout-digi-shafagh .ts-header-nav-wrap{box-shadow:none;border-top:0;border-bottom:1px solid #eceff2}

/* Hero */
body.ts-template-layout-digi-shafagh .ts-digi-slot-digi_home_hero{margin-top:6px}
body.ts-template-layout-digi-shafagh .ts-digi-slot-digi_home_hero .ts-hero-slider{min-height:340px;border-radius:0}
body.ts-template-layout-digi-shafagh .ts-digi-slot-digi_home_hero .ts-banner{background:#f5edf7}

/* Shortcut icon rail under hero */
body.ts-template-layout-digi-shafagh .ts-style-digi-icon-shortcuts .ts-section-head{display:none}
body.ts-template-layout-digi-shafagh .ts-categories-digi-icon-shortcuts{gap:22px;padding:5px 34px 9px}
body.ts-template-layout-digi-shafagh .ts-categories-digi-icon-shortcuts .ts-category-card{flex:0 0 76px;min-width:76px;gap:6px}
body.ts-template-layout-digi-shafagh .ts-categories-digi-icon-shortcuts .ts-category-image{width:52px;height:52px;border-radius:50%;background:#fff;border:0;box-shadow:none}
body.ts-template-layout-digi-shafagh .ts-categories-digi-icon-shortcuts .ts-category-name{font-size:9px;font-weight:700;white-space:nowrap}
body.ts-template-layout-digi-shafagh .ts-style-digi-icon-shortcuts .ts-carousel-btn{width:25px;height:34px;opacity:.55}

/* Amazing offers */
body.ts-template-layout-digi-shafagh .ts-style-digi-deal-red,
body.ts-template-layout-digi-shafagh .ts-style-digi-deal-green{padding:10px 72px 10px 10px;border-radius:12px;position:relative;overflow:hidden}
body.ts-template-layout-digi-shafagh .ts-style-digi-deal-red{background:#e7344f}
body.ts-template-layout-digi-shafagh .ts-style-digi-deal-green{background:#66bd28}
body.ts-template-layout-digi-shafagh .ts-style-digi-deal-red .ts-section-head,
body.ts-template-layout-digi-shafagh .ts-style-digi-deal-green .ts-section-head{position:absolute;right:9px;top:14px;width:54px;height:calc(100% - 28px);display:flex;align-items:center;justify-content:center;text-align:center;z-index:2;margin:0}
body.ts-template-layout-digi-shafagh .ts-style-digi-deal-red .ts-section-head h2,
body.ts-template-layout-digi-shafagh .ts-style-digi-deal-green .ts-section-head h2{color:#fff;font-size:12px;line-height:1.8}
body.ts-template-layout-digi-shafagh .ts-style-digi-deal-red .ts-more,
body.ts-template-layout-digi-shafagh .ts-style-digi-deal-green .ts-more{display:none}
body.ts-template-layout-digi-shafagh .ts-product-display-digi-deal-red .ts-products,
body.ts-template-layout-digi-shafagh .ts-product-display-digi-deal-green .ts-products{gap:2px;padding:0;border-radius:8px}
body.ts-template-layout-digi-shafagh .ts-product-display-digi-deal-red .ts-product-card,
body.ts-template-layout-digi-shafagh .ts-product-display-digi-deal-green .ts-product-card{flex:0 0 calc((100% - 12px)/7);min-width:142px;border-radius:2px;border:0;padding:8px}
body.ts-template-layout-digi-shafagh .ts-product-display-digi-deal-red .ts-product-image,
body.ts-template-layout-digi-shafagh .ts-product-display-digi-deal-green .ts-product-image{margin-bottom:4px}
body.ts-template-layout-digi-shafagh .ts-product-display-digi-deal-red .ts-product-image img,
body.ts-template-layout-digi-shafagh .ts-product-display-digi-deal-green .ts-product-image img{max-height:128px}
body.ts-template-layout-digi-shafagh .ts-product-display-digi-deal-red .ts-product-card h3,
body.ts-template-layout-digi-shafagh .ts-product-display-digi-deal-green .ts-product-card h3{font-size:9px;height:34px}
body.ts-template-layout-digi-shafagh .ts-product-display-digi-deal-red .ts-carousel-btn,
body.ts-template-layout-digi-shafagh .ts-product-display-digi-deal-green .ts-carousel-btn{width:26px;height:42px;border-radius:8px}

/* Banner groups */
body.ts-template-layout-digi-shafagh .ts-banners-banner-grid-4{gap:10px}
body.ts-template-layout-digi-shafagh .ts-banners-banner-grid-4 .ts-banner{border-radius:10px;aspect-ratio:2.1/1}
body.ts-template-layout-digi-shafagh .ts-banners-banner-grid-2{gap:10px}
body.ts-template-layout-digi-shafagh .ts-banners-banner-grid-2 .ts-banner{border-radius:10px;aspect-ratio:3.05/1}

/* Beige themed product panel */
body.ts-template-layout-digi-shafagh .ts-style-digi-product-panel{background:#fff7ed;border-radius:12px;padding:12px}
body.ts-template-layout-digi-shafagh .ts-style-digi-product-panel .ts-section-head{padding-bottom:8px;border-bottom:1px solid #f1e5d7}
body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-panel .ts-products{gap:2px}
body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-panel .ts-product-card{flex:0 0 calc((100% - 12px)/7);min-width:145px;border-radius:2px;border-color:#f0e7dc}

/* Large 2-row category grid */
body.ts-template-layout-digi-shafagh .ts-categories-digi-icon-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:15px 12px;padding:8px 0}
body.ts-template-layout-digi-shafagh .ts-categories-digi-icon-grid .ts-category-card{min-width:0}
body.ts-template-layout-digi-shafagh .ts-categories-digi-icon-grid .ts-category-image{width:74px;height:74px;border-radius:50%;background:#f4f4f4;border:0}
body.ts-template-layout-digi-shafagh .ts-categories-digi-icon-grid .ts-category-name{font-size:9px;font-weight:600}

/* Standard Digi product rows */
body.ts-template-layout-digi-shafagh .ts-style-digi-product-carousel{border:1px solid #eceff2;border-radius:10px;padding:10px 8px;background:#fff}
body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-carousel .ts-products{gap:0}
body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-carousel .ts-product-card{flex:0 0 calc(100%/7);min-width:145px;border:0;border-left:1px solid #eef0f2;border-radius:0;padding:7px}
body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-carousel .ts-product-card:last-child{border-left:0}
body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-carousel .ts-product-image img{max-height:135px}
body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-carousel .ts-product-card h3{font-size:9px;height:34px}
body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-carousel .ts-product-meta{font-size:9px;align-items:end}
body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-carousel .ts-carousel-btn{width:27px;height:40px}

/* Brand strip: direct media images or Woo categories can both be selected. */
body.ts-template-layout-digi-shafagh .ts-style-digi-brand-strip{border:1px solid #eceff2;border-radius:10px;padding:10px}
body.ts-template-layout-digi-shafagh .ts-banners-digi-brand-strip{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}
body.ts-template-layout-digi-shafagh .ts-banners-digi-brand-strip::-webkit-scrollbar{display:none}
body.ts-template-layout-digi-shafagh .ts-banners-digi-brand-strip .ts-banner{flex:0 0 110px;height:70px;border-radius:0;border-left:1px solid #eceff2;background:#fff;padding:9px}
body.ts-template-layout-digi-shafagh .ts-banners-digi-brand-strip .ts-banner img{object-fit:contain}
body.ts-template-layout-digi-shafagh .ts-categories-digi-brand-strip{gap:0}
body.ts-template-layout-digi-shafagh .ts-categories-digi-brand-strip .ts-category-card{flex:0 0 110px;padding:8px;border-left:1px solid #eceff2}
body.ts-template-layout-digi-shafagh .ts-categories-digi-brand-strip .ts-category-image{width:78px;height:52px;border-radius:0;background:#fff}

/* Ranked product blocks near footer */
body.ts-template-layout-digi-shafagh .ts-style-digi-ranked-products{border:1px solid #eceff2;border-radius:10px;padding:12px;background:#fff}
body.ts-template-layout-digi-shafagh .ts-ranked-products{display:grid;grid-template-columns:repeat(var(--ts-cols),minmax(0,1fr));gap:0 18px}
body.ts-template-layout-digi-shafagh .ts-ranked-product{display:grid;grid-template-columns:28px 58px minmax(0,1fr);gap:8px;align-items:center;min-height:82px;border-bottom:1px solid #f0f1f2;padding:7px 0}
body.ts-template-layout-digi-shafagh .ts-ranked-number{font-size:22px;color:#ef4056;font-weight:800;text-align:center}
body.ts-template-layout-digi-shafagh .ts-ranked-image{width:58px;height:58px;display:grid;place-items:center}
body.ts-template-layout-digi-shafagh .ts-ranked-image img{max-width:100%;max-height:58px;object-fit:contain}
body.ts-template-layout-digi-shafagh .ts-ranked-body h3{font-size:9px;line-height:1.8;margin:0 0 4px;font-weight:500;height:34px;overflow:hidden}
body.ts-template-layout-digi-shafagh .ts-ranked-price{font-size:9px;font-weight:700}

/* Digi footer */
body.ts-template-layout-digi-shafagh .ts-site-footer{background:#fff;border-top:1px solid #eceff2;margin-top:30px}
body.ts-template-layout-digi-shafagh .ts-digi-footer-intro{padding-top:22px}
body.ts-template-layout-digi-shafagh .ts-style-digi-footer-intro{font-size:10px;color:#666}
body.ts-template-layout-digi-shafagh .ts-digi-footer-services .ts-style-service-strip{border:0;border-top:1px solid #f0f1f2;border-bottom:1px solid #f0f1f2;border-radius:0}
body.ts-template-layout-digi-shafagh .ts-digi-footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding-block:24px}
body.ts-template-layout-digi-shafagh .ts-digi-footer-meta{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding-bottom:20px}
body.ts-template-layout-digi-shafagh .ts-style-digi-footer-social{border-top:1px solid #f0f1f2;padding-top:14px}
body.ts-template-layout-digi-shafagh .ts-style-digi-footer-social p{font-size:10px}

@media(max-width:1100px){
  body.ts-template-layout-digi-shafagh .ts-categories-digi-icon-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-carousel .ts-product-card,
  body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-panel .ts-product-card{flex-basis:20%}
  body.ts-template-layout-digi-shafagh .ts-product-display-digi-deal-red .ts-product-card,
  body.ts-template-layout-digi-shafagh .ts-product-display-digi-deal-green .ts-product-card{flex-basis:20%}
}
@media(max-width:900px){
  body.ts-template-layout-digi-shafagh .ts-digi-slot-digi_home_hero .ts-hero-slider{min-height:260px}
  body.ts-template-layout-digi-shafagh .ts-categories-digi-icon-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  body.ts-template-layout-digi-shafagh .ts-ranked-products{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ts-template-layout-digi-shafagh .ts-digi-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  body.ts-template-layout-digi-shafagh .ts-home-slot{margin-top:9px}
  body.ts-template-layout-digi-shafagh .ts-digi-slot-digi_home_hero .ts-hero-slider{min-height:190px;border-radius:8px}
  body.ts-template-layout-digi-shafagh .ts-categories-digi-icon-shortcuts{padding-inline:10px;gap:12px}
  body.ts-template-layout-digi-shafagh .ts-categories-digi-icon-shortcuts .ts-category-card{flex-basis:68px;min-width:68px}
  body.ts-template-layout-digi-shafagh .ts-categories-digi-icon-shortcuts .ts-category-image{width:48px;height:48px}
  body.ts-template-layout-digi-shafagh .ts-style-digi-deal-red,
  body.ts-template-layout-digi-shafagh .ts-style-digi-deal-green{padding:10px 56px 10px 8px}
  body.ts-template-layout-digi-shafagh .ts-style-digi-deal-red .ts-section-head,
  body.ts-template-layout-digi-shafagh .ts-style-digi-deal-green .ts-section-head{width:43px;right:7px}
  body.ts-template-layout-digi-shafagh .ts-product-display-digi-deal-red .ts-product-card,
  body.ts-template-layout-digi-shafagh .ts-product-display-digi-deal-green .ts-product-card{flex:0 0 72%;min-width:72%}
  body.ts-template-layout-digi-shafagh .ts-banners-banner-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ts-template-layout-digi-shafagh .ts-banners-banner-grid-2{grid-template-columns:1fr}
  body.ts-template-layout-digi-shafagh .ts-banners-banner-grid-2 .ts-banner{aspect-ratio:2.7/1}
  body.ts-template-layout-digi-shafagh .ts-categories-digi-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 7px}
  body.ts-template-layout-digi-shafagh .ts-categories-digi-icon-grid .ts-category-image{width:62px;height:62px}
  /* Ordinary Digi rows follow the requested mobile rule: two-column product grid. */
  body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-carousel .ts-products,
  body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-panel .ts-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:visible;gap:8px}
  body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-carousel .ts-product-card,
  body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-panel .ts-product-card{min-width:0;max-width:none;border:1px solid #eceff2;border-radius:8px}
  body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-carousel .ts-carousel-btn,
  body.ts-template-layout-digi-shafagh .ts-product-display-digi-product-panel .ts-carousel-btn{display:none}
  body.ts-template-layout-digi-shafagh .ts-ranked-products{grid-template-columns:1fr}
  body.ts-template-layout-digi-shafagh .ts-digi-footer-grid,
  body.ts-template-layout-digi-shafagh .ts-digi-footer-meta{grid-template-columns:1fr}
}
body.ts-template-layout-digi-shafagh .ts-layout-nav-position{width:100%}
body.ts-template-layout-digi-shafagh .ts-layout-nav-position .ts-position,
body.ts-template-layout-digi-shafagh .ts-layout-nav-position .ts-style-slim{width:100%;border:0;padding:0}
body.ts-template-layout-digi-shafagh .ts-layout-nav-position .ts-menu-slim ul{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
body.ts-template-layout-digi-shafagh .ts-layout-nav-position .ts-menu-slim ul::-webkit-scrollbar{display:none}