body.ts-template-layout-medical-shafagh{background:#f6fbfe;color:#18324a}
body.ts-template-layout-medical-shafagh .ts-site-header{background:#fff;border-bottom:1px solid #dceaf2}
body.ts-template-layout-medical-shafagh .ts-header-nav-wrap{background:linear-gradient(90deg,#1fa9b7,#0b6aa8);border:0}
body.ts-template-layout-medical-shafagh .ts-primary-nav a,body.ts-template-layout-medical-shafagh .ts-layout-nav-position a{color:#fff}
body.ts-template-layout-medical-shafagh .ts-search input[type="search"]{border-radius:10px;border-color:#d8e7ef;background:#f7fbfd}
body.ts-template-layout-medical-shafagh .ts-home-slot{margin-top:18px}
body.ts-template-layout-medical-shafagh .ts-position{background:transparent}
body.ts-template-layout-medical-shafagh .ts-section-head{align-items:flex-end;margin-bottom:10px}
body.ts-template-layout-medical-shafagh .ts-section-head h2{font-size:28px;color:#0d3c66;margin:0}
body.ts-template-layout-medical-shafagh .ts-more{color:#0b6aa8}
body.ts-template-layout-medical-shafagh .ts-medical-hero-grid{position:relative}
body.ts-template-layout-medical-shafagh .ts-medical-hero-main .ts-banners-hero{border-radius:24px;overflow:hidden;box-shadow:0 16px 40px rgba(10,63,107,.09)}
body.ts-template-layout-medical-shafagh .ts-medical-hero-main .ts-banner img{min-height:360px;object-fit:cover}
body.ts-template-layout-medical-shafagh .ts-medical-hero-services{position:absolute;left:28px;top:50%;transform:translateY(-50%);width:220px;z-index:3}
body.ts-template-layout-medical-shafagh .ts-style-medical-hero-services{background:transparent}
body.ts-template-layout-medical-shafagh .ts-style-medical-hero-services .ts-section-head{display:none}
body.ts-template-layout-medical-shafagh .ts-med-hero-service-card{background:rgba(255,255,255,.93);backdrop-filter:blur(6px);border-radius:18px;padding:18px 20px;box-shadow:0 12px 35px rgba(9,72,113,.14);display:grid;gap:16px}
body.ts-template-layout-medical-shafagh .ts-med-hero-service-card p{margin:0;padding-inline-start:34px;position:relative;font-weight:700;color:#0f5f83}
body.ts-template-layout-medical-shafagh .ts-med-hero-service-card p:before{content:'✓';position:absolute;right:auto;left:0;top:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e8f8fb;color:#1fa9b7;font-size:14px}
body.ts-template-layout-medical-shafagh .ts-style-medical-shortcuts .ts-section-head{display:none}
body.ts-template-layout-medical-shafagh .ts-categories-medical-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
body.ts-template-layout-medical-shafagh .ts-categories-medical-shortcuts .ts-category-card{min-width:0;border:1px solid #dbe9f2;background:#fff;border-radius:18px;padding:18px 12px;gap:12px;box-shadow:0 8px 20px rgba(13,60,102,.05)}
body.ts-template-layout-medical-shafagh .ts-categories-medical-shortcuts .ts-category-image{width:86px;height:86px;background:#eff8fc;border-radius:16px;border:0}
body.ts-template-layout-medical-shafagh .ts-categories-medical-shortcuts .ts-category-name{font-weight:700;font-size:15px;color:#103d67;text-align:center}
body.ts-template-layout-medical-shafagh .ts-style-medical-product-carousel .ts-products-wrap{background:#fff;border:1px solid #dbe9f2;border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(9,72,113,.05)}
body.ts-template-layout-medical-shafagh .ts-style-medical-product-carousel .ts-product-card{border:1px solid #e2edf3;border-radius:16px}
body.ts-template-layout-medical-shafagh .ts-style-medical-product-carousel .ts-product-meta{color:#0a7e99}
body.ts-template-layout-medical-shafagh .ts-banners-banner-grid-2{gap:18px}
body.ts-template-layout-medical-shafagh .ts-banners-banner-grid-2 .ts-banner{border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(9,72,113,.08)}
body.ts-template-layout-medical-shafagh .ts-style-medical-brand-strip .ts-section-head h2{font-size:24px}
body.ts-template-layout-medical-shafagh .ts-banners-medical-brand-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
body.ts-template-layout-medical-shafagh .ts-banners-medical-brand-strip .ts-banner{background:#fff;border:1px solid #dbe9f2;border-radius:16px;padding:14px;display:grid;place-items:center;min-height:86px}
body.ts-template-layout-medical-shafagh .ts-style-service-strip{background:#f1f9fc;border:1px solid #dbe9f2;border-radius:20px;padding:10px 18px}
body.ts-template-layout-medical-shafagh .ts-medical-bottom-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;align-items:start}
body.ts-template-layout-medical-shafagh .ts-medical-posts-col .ts-posts,body.ts-template-layout-medical-shafagh .ts-medical-newsletter-col .ts-position{background:#fff;border:1px solid #dbe9f2;border-radius:20px;box-shadow:0 10px 28px rgba(9,72,113,.05)}
body.ts-template-layout-medical-shafagh .ts-medical-posts-col .ts-posts{padding:12px}
body.ts-template-layout-medical-shafagh .ts-style-medical-newsletter .ts-section-head{display:none}
body.ts-template-layout-medical-shafagh .ts-style-medical-newsletter{padding:0}
body.ts-template-layout-medical-shafagh .ts-med-newsletter-box{padding:26px;background:linear-gradient(180deg,#f6fcff,#edf7fb);border-radius:20px}
body.ts-template-layout-medical-shafagh .ts-med-newsletter-box h3{margin:0 0 10px;color:#0d3c66;font-size:28px}
body.ts-template-layout-medical-shafagh .ts-med-newsletter-box p{margin:0 0 18px;color:#4a6680}
body.ts-template-layout-medical-shafagh .ts-med-newsletter-form{display:flex;gap:10px;flex-wrap:wrap}
body.ts-template-layout-medical-shafagh .ts-med-newsletter-form input{flex:1 1 220px;border:1px solid #d2e6ef;border-radius:12px;padding:12px 14px;font:inherit}
body.ts-template-layout-medical-shafagh .ts-med-newsletter-form button{border:0;border-radius:12px;padding:12px 18px;background:#0b6aa8;color:#fff;font:inherit;cursor:pointer}
body.ts-template-layout-medical-shafagh .ts-site-footer{background:#fff;border-top:1px solid #dceaf2;margin-top:28px}
body.ts-template-layout-medical-shafagh .ts-footer-grid>div,body.ts-template-layout-medical-shafagh .ts-footer-bottom-wrap .ts-position,body.ts-template-layout-medical-shafagh .ts-site-footer .ts-position{background:transparent}
body.ts-template-layout-medical-shafagh .ts-style-medical-footer-intro{padding:6px 0 0}
body.ts-template-layout-medical-shafagh .ts-style-medical-footer-intro .ts-section-head{display:none}
body.ts-template-layout-medical-shafagh .ts-style-medical-footer-intro p{margin:0;color:#4c6173}
@media (max-width:1100px){body.ts-template-layout-medical-shafagh .ts-categories-medical-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}body.ts-template-layout-medical-shafagh .ts-banners-medical-brand-strip{grid-template-columns:repeat(4,minmax(0,1fr))}body.ts-template-layout-medical-shafagh .ts-medical-hero-services{position:static;transform:none;width:auto;margin-top:14px}body.ts-template-layout-medical-shafagh .ts-medical-bottom-grid{grid-template-columns:1fr}}
@media (max-width:700px){body.ts-template-layout-medical-shafagh .ts-home-slot{margin-top:14px}body.ts-template-layout-medical-shafagh .ts-medical-hero-main .ts-banner img{min-height:220px}body.ts-template-layout-medical-shafagh .ts-categories-medical-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.ts-template-layout-medical-shafagh .ts-categories-medical-shortcuts .ts-category-image{width:68px;height:68px}body.ts-template-layout-medical-shafagh .ts-banners-medical-brand-strip{grid-template-columns:repeat(2,minmax(0,1fr))}body.ts-template-layout-medical-shafagh .ts-med-newsletter-box h3,body.ts-template-layout-medical-shafagh .ts-section-head h2{font-size:20px}}


/* 1.5.11 — medical category shortcuts are an endless horizontal rail. */
body.ts-template-layout-medical-shafagh .ts-category-carousel.ts-infinite-carousel .ts-categories-medical-shortcuts{
  display:flex!important;
  grid-template-columns:none!important;
  gap:16px;
}
body.ts-template-layout-medical-shafagh .ts-category-carousel.ts-infinite-carousel .ts-categories-medical-shortcuts .ts-category-card{
  flex:0 0 160px!important;
  min-width:160px!important;
}
@media(max-width:700px){
  body.ts-template-layout-medical-shafagh .ts-category-carousel.ts-infinite-carousel .ts-categories-medical-shortcuts .ts-category-card{
    flex-basis:132px!important;
    min-width:132px!important;
  }
}

/* ===== Medical Shafagh 1.5.12 — warmer, premium Persian medical storefront ===== */
body.ts-template-layout-medical-shafagh{background:linear-gradient(180deg,#f3f9fc 0,#f7f9fb 520px,#f6f7f9 100%);color:#18324a}
body.ts-template-layout-medical-shafagh .ts-site-header{background:rgba(255,255,255,.98);box-shadow:0 7px 26px rgba(15,76,112,.045)}
body.ts-template-layout-medical-shafagh .ts-header-nav-wrap{background:linear-gradient(100deg,#1286a8,#0f739e 52%,#12628f);box-shadow:0 8px 24px rgba(15,91,132,.11)}
body.ts-template-layout-medical-shafagh .ts-home-slot{margin-top:20px}
body.ts-template-layout-medical-shafagh .ts-section-head h2{font-size:22px;letter-spacing:-.3px}
body.ts-template-layout-medical-shafagh .ts-medical-hero-main .ts-banners-hero{border-radius:26px;box-shadow:0 18px 46px rgba(13,74,110,.12);border:1px solid rgba(255,255,255,.8)}
body.ts-template-layout-medical-shafagh .ts-medical-hero-services{left:34px;width:235px}
body.ts-template-layout-medical-shafagh .ts-med-hero-service-card{border:1px solid rgba(220,235,242,.95);border-radius:20px;padding:20px;box-shadow:0 16px 38px rgba(13,74,110,.13)}
body.ts-template-layout-medical-shafagh .ts-category-carousel .ts-categories-medical-shortcuts{gap:14px;padding:6px 4px 10px}
body.ts-template-layout-medical-shafagh .ts-category-carousel .ts-categories-medical-shortcuts .ts-category-card{flex-basis:170px!important;min-width:170px!important;border:1px solid #dfeaf0;border-radius:20px;padding:14px 12px;background:linear-gradient(180deg,#fff,#f9fcfd);box-shadow:0 6px 18px rgba(13,74,110,.045)}
body.ts-template-layout-medical-shafagh .ts-category-carousel .ts-categories-medical-shortcuts .ts-category-image{width:94px;height:94px;border-radius:18px;background:#edf7fb;padding:6px}
body.ts-template-layout-medical-shafagh .ts-category-carousel .ts-categories-medical-shortcuts .ts-category-name{font-size:12px;color:#20455f}
body.ts-template-layout-medical-shafagh .ts-style-medical-product-carousel .ts-products-wrap{border-radius:22px;padding:18px;border-color:#dfeaf0;box-shadow:0 12px 32px rgba(13,74,110,.055)}
body.ts-template-layout-medical-shafagh .ts-style-medical-product-carousel .ts-product-card{border-radius:16px;border-color:#e4edf2;background:#fff}
body.ts-template-layout-medical-shafagh .ts-banners-banner-grid-2 .ts-banner{border-radius:22px;box-shadow:0 12px 30px rgba(13,74,110,.09)}
body.ts-template-layout-medical-shafagh .ts-style-medical-brand-strip{background:#fff;border:1px solid #dfeaf0;border-radius:20px;padding:15px;box-shadow:0 10px 28px rgba(13,74,110,.045)}
body.ts-template-layout-medical-shafagh .ts-banners-medical-brand-strip{gap:10px}
body.ts-template-layout-medical-shafagh .ts-banners-medical-brand-strip .ts-banner{border-radius:14px;border-color:#e4edf2;background:#fff}
body.ts-template-layout-medical-shafagh .ts-style-service-strip{border-radius:20px;padding:15px 18px;background:linear-gradient(180deg,#f5fbfd,#eff8fb);border-color:#dcebf2;box-shadow:0 10px 28px rgba(13,74,110,.04)}
body.ts-template-layout-medical-shafagh .ts-medical-posts-col .ts-posts,body.ts-template-layout-medical-shafagh .ts-medical-newsletter-col .ts-position{border-radius:22px;border-color:#dfeaf0;box-shadow:0 12px 32px rgba(13,74,110,.05)}
body.ts-template-layout-medical-shafagh .ts-med-newsletter-box{padding:28px;background:linear-gradient(145deg,#f2fbfe,#eaf6fb);border-radius:22px;min-height:100%}
body.ts-template-layout-medical-shafagh .ts-med-newsletter-box h3{font-size:23px}
body.ts-template-layout-medical-shafagh .ts-med-newsletter-form input{border-radius:13px;background:#fff}
body.ts-template-layout-medical-shafagh .ts-med-newsletter-form button{border-radius:13px;background:linear-gradient(135deg,#0e86aa,#0d6f9d);box-shadow:0 7px 18px rgba(14,111,157,.18)}
body.ts-template-layout-medical-shafagh .ts-site-footer{background:#fff;border-top:1px solid #dfeaf0;box-shadow:0 -8px 30px rgba(13,74,110,.025)}
@media(max-width:700px){body.ts-template-layout-medical-shafagh .ts-category-carousel .ts-categories-medical-shortcuts .ts-category-card{flex-basis:138px!important;min-width:138px!important;border-radius:16px}body.ts-template-layout-medical-shafagh .ts-category-carousel .ts-categories-medical-shortcuts .ts-category-image{width:76px;height:76px}body.ts-template-layout-medical-shafagh .ts-medical-hero-main .ts-banners-hero{border-radius:16px}}

/* ===== Medical Shafagh 1.5.28 — static services banner above hero ===== */
body.ts-template-layout-medical-shafagh .ts-medical-services-banner-slot{margin-top:20px}
body.ts-template-layout-medical-shafagh .ts-medical-services-banner{
  display:block;position:relative;width:100%;aspect-ratio:4.8/1;overflow:hidden;
  border:1px solid #dbe9f2;border-radius:22px;background:#fff;
  box-shadow:0 12px 30px rgba(13,74,110,.075)
}
body.ts-template-layout-medical-shafagh .ts-medical-services-banner img{
  display:block;width:100%;height:100%;max-width:none;object-fit:contain;background:#fff
}
body.ts-template-layout-medical-shafagh .ts-medical-services-banner-empty{
  padding:16px;border:1px dashed #90bcd1;border-radius:16px;background:#f5fbfe;text-align:center
}
body.ts-template-layout-medical-shafagh .ts-medical-services-banner-empty a{
  color:#0d6f9d;text-decoration:none;font-weight:700
}
@media(max-width:767px){
  body.ts-template-layout-medical-shafagh .ts-medical-services-banner-slot{margin-top:12px}
  body.ts-template-layout-medical-shafagh .ts-medical-services-banner{
    aspect-ratio:4.8/1;border-radius:16px;box-shadow:0 8px 22px rgba(13,74,110,.07)
  }
  body.ts-template-layout-medical-shafagh .ts-medical-hero-wrap{margin-top:10px!important}
}