*{box-sizing:border-box}html{scroll-behavior:auto}body.tecno-shafagh{margin:0;background:#fff;color:#1d2433;font-family:var(--ts-font-family,Tahoma,Arial,sans-serif);line-height:1.8}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.ts-container{width:min(calc(100% - 28px),var(--ts-container));margin-inline:auto}.ts-main-content{min-height:45vh}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.ts-skip-link:focus{clip:auto;width:auto;height:auto;z-index:99999;background:#fff;padding:8px 12px}
.ts-site-header{background:#fff;z-index:99;border-bottom:1px solid #edf0f4}.ts-sticky-header-enabled .ts-header-nav-wrap{position:sticky;top:0;z-index:98}.ts-header-mini{min-height:32px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6e7480}.ts-header-mini ul,.ts-primary-nav ul,.ts-footer-default-menu ul,.ts-dynamic-menu ul{margin:0;padding:0;list-style:none;display:flex;gap:18px;align-items:center}.ts-header-main{min-height:74px;display:grid;grid-template-columns:190px minmax(260px,1fr) auto;gap:22px;align-items:center}.ts-brand .custom-logo{max-height:54px;width:auto}.ts-text-logo{font-size:22px;font-weight:800;color:#111}.ts-search form{position:relative}.ts-search input[type="search"]{width:100%;height:44px;border:1px solid #e4e8ee;background:#f7f8fa;border-radius:10px;padding:0 15px;font-family:inherit}.ts-search button{position:absolute;left:4px;top:4px;height:36px;border:0;border-radius:8px;background:var(--ts-blue);color:#fff;padding:0 16px;font-family:inherit}.ts-header-actions{display:flex;gap:8px;align-items:center}.ts-action{border:1px solid #e3e6eb;border-radius:9px;padding:8px 10px;font-size:12px;white-space:nowrap}.ts-cart span{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:20px;background:var(--ts-accent);color:#fff}.ts-header-nav-wrap{background:#fff;border-top:1px solid #f0f1f3;box-shadow:0 5px 12px rgba(0,0,0,.03)}.ts-header-nav{min-height:45px;display:flex;align-items:center}.ts-primary-nav{width:100%;font-size:12px}.ts-primary-nav li{position:relative}.ts-primary-nav .sub-menu{display:none;position:absolute;top:100%;right:0;min-width:210px;background:#fff;border:1px solid #e7eaf0;border-radius:10px;padding:10px;box-shadow:0 15px 40px rgba(15,23,42,.12);z-index:20;flex-direction:column;align-items:stretch}.ts-primary-nav li:hover>.sub-menu{display:flex}.ts-mobile-menu-button{display:none;border:0;background:transparent;font:inherit;font-weight:700}
.ts-home-slot{margin-top:16px}.ts-position{position:relative}.ts-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px;padding-inline:2px}.ts-section-head h2{font-size:16px;margin:0;font-weight:800;color:#202636}.ts-section-head p{margin:2px 0 0;color:#8b9099;font-size:11px}.ts-more{font-size:11px;color:var(--ts-blue);font-weight:700}.ts-empty-admin{padding:18px;border:1px dashed #ef9aa6;background:#fff8f8;border-radius:10px;color:#a32133;font-size:12px}
.ts-style-announcement .ts-banners{width:100%}.ts-style-announcement .ts-banner img{width:100%;height:34px;object-fit:cover}.ts-style-announcement{margin:0}.ts-top-position .ts-position{margin:0}
.ts-banners{display:grid;gap:12px}.ts-banner{display:block;overflow:hidden;border-radius:var(--ts-radius);background:#f1f3f7}.ts-banner img{width:100%;height:100%;object-fit:cover}.ts-banners-banner-grid-3{grid-template-columns:repeat(3,1fr)}.ts-banners-banner-grid-3 .ts-banner{aspect-ratio:2.9/1}.ts-banners-banner-grid-2{grid-template-columns:repeat(2,1fr)}.ts-banners-banner-grid-2 .ts-banner{aspect-ratio:3.4/1}.ts-banners-wide-banner .ts-banner{aspect-ratio:6.8/1}.ts-hero-slider{position:relative;min-height:260px;display:block;border-radius:calc(var(--ts-radius) + 2px);overflow:hidden}.ts-hero-slider .ts-banner{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;border-radius:0}.ts-hero-slider .ts-banner.is-active{opacity:1;z-index:2}.ts-hero-slider .ts-banner img{width:100%;height:100%;object-fit:cover}.ts-hero-dots{position:absolute;z-index:4;bottom:10px;right:16px;display:flex;gap:5px}.ts-hero-dots button{border:0;width:8px;height:8px;border-radius:20px;background:rgba(255,255,255,.55);padding:0}.ts-hero-dots button.is-active{width:22px;background:#fff}
.ts-products-wrap,.ts-posts{position:relative}.ts-products{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,calc((100% - 50px)/var(--ts-cols)));gap:10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:2px}.ts-products::-webkit-scrollbar,.ts-post-list::-webkit-scrollbar{display:none}.ts-product-card{position:relative;border:1px solid #e5e9ef;background:#fff;border-radius:var(--ts-radius);padding:10px;min-width:0;scroll-snap-align:start;transition:.18s ease}.ts-product-card:hover{box-shadow:0 12px 30px rgba(27,37,57,.08);transform:translateY(-2px)}.ts-product-image{display:grid;place-items:center;aspect-ratio:1/1;margin-bottom:8px}.ts-product-image img{max-height:150px;width:auto;object-fit:contain}.ts-product-card h3{font-size:11px;line-height:1.8;height:40px;overflow:hidden;margin:0 0 9px;font-weight:600}.ts-product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}.ts-price{font-weight:800}.ts-price del{color:#a8adb7;font-size:9px}.ts-price ins{text-decoration:none;color:#111}.ts-rating{color:#e39a0e;font-size:9px;white-space:nowrap}.ts-sale-badge{position:absolute;top:8px;left:8px;background:var(--ts-accent);color:#fff;font-size:9px;font-weight:800;border-radius:7px;padding:2px 6px}.ts-carousel-btn{position:absolute;top:50%;translate:0 -50%;z-index:6;width:30px;height:46px;border-radius:9px;border:1px solid #dce1e8;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.08);font-size:23px;line-height:1;cursor:pointer}.ts-prev{right:-7px}.ts-next{left:-7px}.ts-style-deal-carousel{background:linear-gradient(135deg,#6d0714,#41030b);padding:12px;border-radius:var(--ts-radius)}.ts-style-deal-carousel .ts-section-head h2,.ts-style-deal-carousel .ts-section-head p,.ts-style-deal-carousel .ts-more{color:#fff}.ts-style-deal-carousel .ts-product-card{border-color:transparent}.ts-style-deal-carousel .ts-products{grid-auto-columns:minmax(160px,calc((100% - 60px)/var(--ts-cols)))}
.ts-categories{display:grid;gap:14px}.ts-categories-circle-categories{grid-template-columns:repeat(auto-fit,minmax(82px,1fr))}.ts-categories-image-categories{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.ts-categories-category-grid{grid-template-columns:repeat(7,1fr)}.ts-category-card{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}.ts-category-image{display:grid;place-items:center;overflow:hidden;background:#eef8ff}.ts-categories-circle-categories .ts-category-image{width:66px;height:66px;border-radius:50%;border:1px solid #b9dcf5}.ts-categories-image-categories .ts-category-image{width:88px;height:68px;border-radius:9px}.ts-categories-category-grid .ts-category-image{width:100%;aspect-ratio:1.25/1;border-radius:8px}.ts-category-image img{width:100%;height:100%;object-fit:contain}.ts-category-name{font-size:10px;line-height:1.5}.ts-cat-fallback{font-size:24px;font-weight:800;color:var(--ts-blue)}
.ts-style-service-strip{border:1px solid #e7ebf0;border-radius:var(--ts-radius);padding:14px;min-height:70px}.ts-style-service-strip>div,.ts-style-service-strip>ul{display:flex;align-items:center;justify-content:space-around;gap:12px;flex-wrap:wrap}.ts-style-service-strip p{margin:0;font-size:11px}.ts-style-slim{border:1px solid #edf0f3;border-radius:10px;padding:7px 12px}.ts-menu-slim ul{justify-content:center;flex-wrap:wrap;font-size:11px}
.ts-post-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:12px;overflow-x:auto;scrollbar-width:none}.ts-post-card{border:1px solid #e6eaf0;border-radius:var(--ts-radius);overflow:hidden;background:#fff}.ts-post-card img{width:100%;aspect-ratio:1.6/1;object-fit:cover}.ts-post-card h3{font-size:12px;line-height:1.8;margin:9px 10px 4px}.ts-post-card p{font-size:10px;color:#737a86;margin:0 10px 12px}
.ts-content-layout,.ts-woocommerce-shell{padding-block:22px}.ts-content-card{background:#fff;border:1px solid #e7ebf0;border-radius:var(--ts-radius);padding:22px}.ts-entry{padding-bottom:20px;border-bottom:1px solid #edf0f3;margin-bottom:20px}.ts-entry h2{font-size:20px}.ts-single h1,.ts-content-card>h1{font-size:25px}.woocommerce .products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:16px}.woocommerce ul.products li.product{width:auto!important;margin:0!important;border:1px solid #e6eaf0;border-radius:var(--ts-radius);padding:12px}.woocommerce button.button,.woocommerce a.button{background:var(--ts-accent);color:#fff;border-radius:8px}
.ts-site-footer{margin-top:28px;background:#f7f9fb;border-top:1px solid #e5e9ef}.ts-footer-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1.4fr 1.2fr;gap:24px;padding-block:28px}.ts-style-footer-block h2,.ts-style-trust-block h2{font-size:13px}.ts-style-footer-block .ts-dynamic-menu ul{display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:11px}.ts-style-footer-block{font-size:11px}.ts-style-trust-block img{max-height:100px;width:auto;display:inline-block}.ts-footer-default-menu{border-top:1px solid #e1e5ea;padding-block:12px}.ts-footer-default-menu ul{justify-content:center;flex-wrap:wrap;font-size:10px}.ts-footer-bottom-wrap{background:#eef1f5;padding:10px 0;font-size:10px;color:#747b87}.ts-footer-bottom-wrap p{margin:0}
@media(max-width:900px){.ts-header-main{grid-template-columns:140px 1fr}.ts-header-actions{grid-column:1/-1;justify-content:flex-end;margin-top:-8px}.ts-categories-category-grid{grid-template-columns:repeat(4,1fr)}.woocommerce .products{grid-template-columns:repeat(3,1fr)!important}.ts-footer-grid{grid-template-columns:repeat(2,1fr)}.ts-products{grid-auto-columns:minmax(160px,34%)}}
@media(max-width:700px){.ts-container{width:min(calc(100% - 18px),var(--ts-container))}.ts-header-mini{display:none}.ts-header-main{grid-template-columns:1fr auto;min-height:62px;gap:10px}.ts-brand{grid-column:1}.ts-search{grid-column:1/-1;grid-row:2;padding-bottom:10px}.ts-header-actions{grid-column:2;grid-row:1;margin:0}.ts-action{font-size:0;padding:8px}.ts-action:before{content:'◉';font-size:15px}.ts-cart:before{content:'🛒'}.ts-header-nav{min-height:42px}.ts-mobile-menu-button{display:block}.ts-primary-nav{display:none;position:absolute;top:100%;right:9px;left:9px;background:#fff;padding:12px;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.12)}.ts-primary-nav.is-open{display:block}.ts-primary-nav>ul{flex-direction:column;align-items:stretch}.ts-primary-nav .sub-menu{position:static;display:none;box-shadow:none;border:0;padding-right:15px}.ts-hero-slider{min-height:180px}.ts-banners-banner-grid-3{grid-template-columns:1fr}.ts-banners-banner-grid-3 .ts-banner{aspect-ratio:3/1}.ts-banners-banner-grid-2{grid-template-columns:1fr}.ts-banners-banner-grid-2 .ts-banner{aspect-ratio:3.4/1}.ts-banners-wide-banner .ts-banner{aspect-ratio:3.5/1}.ts-products{grid-auto-columns:minmax(150px,48%)}.ts-categories-circle-categories{display:flex;overflow-x:auto}.ts-categories-circle-categories .ts-category-card{min-width:76px}.ts-categories-image-categories{grid-template-columns:repeat(3,1fr)}.ts-categories-category-grid{grid-template-columns:repeat(3,1fr)}.ts-footer-grid{grid-template-columns:1fr}.woocommerce .products{grid-template-columns:repeat(2,1fr)!important}.ts-carousel-btn{display:none}.ts-home-slot{margin-top:12px}}
@media(max-width:420px){.ts-products{grid-auto-columns:62%}.ts-categories-image-categories,.ts-categories-category-grid{grid-template-columns:repeat(3,1fr)}.woocommerce .products{grid-template-columns:1fr 1fr!important}.ts-header-actions .ts-cart span{font-size:9px}}

/* ===== قالب فروشگاه شفق 1.1 responsive / wide / mixed-position refinements ===== */
body.tecno-shafagh{background:#fff}.ts-layout-wide .ts-container{width:min(calc(100% - 24px),var(--ts-container))}.ts-layout-boxed .ts-container{width:min(calc(100% - 36px),var(--ts-container))}.ts-position:not(.ts-style-deal-carousel){background:#fff}.ts-position-module+.ts-position-module{margin-top:14px}.ts-banner-code{display:grid;place-items:center;min-height:64px}.ts-banner-code>*{max-width:100%}.ts-direct-images img{width:100%;height:100%;object-fit:cover}

/* category/menu row below banners: always horizontally scrollable and visually larger */
.ts-categories-circle-categories{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:3px 1px 7px;gap:16px}.ts-categories-circle-categories::-webkit-scrollbar,.ts-menu-slim ul::-webkit-scrollbar{display:none}.ts-categories-circle-categories .ts-category-card{flex:0 0 98px;min-width:98px;scroll-snap-align:start}.ts-categories-circle-categories .ts-category-image{width:82px;height:82px}.ts-category-name{font-size:11px;font-weight:600}.ts-menu-slim{overflow:hidden}.ts-menu-slim ul{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;gap:22px!important;padding:3px 0!important}.ts-menu-slim li{flex:0 0 auto;scroll-snap-align:start}.ts-menu-slim a{font-size:12px;font-weight:600;white-space:nowrap}.ts-menu-slim img{width:44px!important;height:44px!important;object-fit:contain;margin-inline:auto 5px}

.ts-woo-module{background:#fff}.ts-woo-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 14px;border:1px solid #e1e6ed;border-radius:9px;font-size:12px;font-weight:700}.ts-woo-module-product_search form{max-width:720px}.ts-woo-module-product_search input[type=search]{width:100%;min-height:42px;border:1px solid #dfe5ec;border-radius:9px;padding:0 12px}.ts-woo-module-mini_cart .woocommerce-mini-cart{list-style:none;margin:0;padding:0}

@media(max-width:700px){
  .ts-layout-wide .ts-container,.ts-layout-boxed .ts-container{width:min(calc(100% - 16px),var(--ts-container))}
  /* Normal product positions are a true two-column mobile grid, not a horizontal carousel. */
  .ts-product-display-product-carousel .ts-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:9px;overflow:visible;scroll-snap-type:none;padding:0}
  .ts-product-display-product-carousel .ts-carousel-btn{display:none}
  .ts-product-display-product-carousel .ts-product-card{width:auto;min-width:0}
  .ts-product-display-product-carousel .ts-product-image img{max-height:138px}
  /* Deals / special products stay horizontally scrollable. */
  .ts-product-display-deal-carousel .ts-products{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px}
  .ts-product-display-deal-carousel .ts-product-card{scroll-snap-align:start}
  .ts-product-display-deal-carousel .ts-carousel-btn{display:none}
  .ts-categories-circle-categories{gap:12px;padding-bottom:8px}
  .ts-categories-circle-categories .ts-category-card{flex-basis:94px;min-width:94px}
  .ts-categories-circle-categories .ts-category-image{width:84px;height:84px}
  .ts-categories-image-categories .ts-category-image{width:96px;height:76px}
  .ts-category-name{font-size:11px}
  .ts-menu-slim ul{gap:18px!important}.ts-menu-slim a{font-size:12px}
  .ts-position-module+.ts-position-module{margin-top:10px}
}
@media(max-width:420px){
  .ts-product-display-deal-carousel .ts-products{grid-auto-columns:76%}
  .ts-product-card{padding:8px}.ts-product-card h3{font-size:10.5px;height:39px}.ts-product-meta{font-size:9.5px;align-items:flex-end}
  .ts-categories-circle-categories .ts-category-card{flex-basis:90px;min-width:90px}.ts-categories-circle-categories .ts-category-image{width:80px;height:80px}
}

/* ===== قالب فروشگاه شفق 1.2 full-screen layout ===== */
/* In full-screen mode every standard theme container follows the viewport,
   leaving only the administrator-defined edge gap. This includes header,
   homepage slots, banners, WooCommerce shells and footer. */
.ts-layout-fullscreen .ts-container{
  width:auto;
  max-width:none;
  margin-inline:var(--ts-edge-gap);
}
.ts-layout-fullscreen .ts-home-slot{
  width:auto;
  max-width:none;
}
.ts-layout-fullscreen .ts-style-deal-carousel,
.ts-layout-fullscreen .ts-banners,
.ts-layout-fullscreen .ts-style-service-strip,
.ts-layout-fullscreen .ts-style-slim,
.ts-layout-fullscreen .ts-content-card,
.ts-layout-fullscreen .ts-woocommerce-shell{
  max-width:none;
}
/* Keep carousel arrows inside the visible page edge in full-screen mode. */
.ts-layout-fullscreen .ts-prev{right:4px}
.ts-layout-fullscreen .ts-next{left:4px}

@media(max-width:700px){
  .ts-layout-fullscreen .ts-container{
    width:auto;
    max-width:none;
    margin-inline:var(--ts-edge-gap-mobile);
  }
  .ts-layout-fullscreen .ts-home-slot{margin-top:10px}
  .ts-layout-fullscreen .ts-site-footer{margin-top:18px}
}

/* ===== قالب فروشگاه شفق 1.3 header branding, AJAX search, category sizing, inner-page frame ===== */
.ts-header-main{
  grid-template-columns:minmax(150px,var(--ts-logo-width)) minmax(280px,1fr) auto;
}
.ts-brand{min-width:0;display:flex;align-items:center}
.ts-logo-link,.ts-managed-logo,.ts-managed-logo picture{display:inline-flex;align-items:center;max-width:100%}
.ts-site-logo,.ts-brand .custom-logo{
  display:block;
  width:auto;
  max-width:min(100%,var(--ts-logo-width));
  max-height:var(--ts-logo-max-height);
  object-fit:contain;
}
.ts-search{position:relative;min-width:0;z-index:45}
.ts-search form{z-index:2}
.ts-search input[type="search"]{padding-inline:15px 92px}
.ts-ajax-search-results{
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  left:0;
  z-index:120;
  background:#fff;
  border:1px solid #e1e6ed;
  border-radius:12px;
  box-shadow:0 16px 42px rgba(15,23,42,.16);
  overflow:hidden;
  max-height:min(68vh,560px);
  overflow-y:auto;
}
.ts-ajax-search-results[hidden]{display:none!important}
.ts-ajax-product-list{display:grid}
.ts-ajax-product-item{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  min-height:72px;
  padding:7px 10px;
  border-bottom:1px solid #eef1f4;
  background:#fff;
  transition:background .15s ease;
}
.ts-ajax-product-item:hover,.ts-ajax-product-item:focus{background:#f7f9fb;outline:none}
.ts-ajax-product-thumb{width:58px;height:58px;display:block;object-fit:contain;border:1px solid #edf0f4;border-radius:9px;background:#fff}
.ts-ajax-product-body{min-width:0;display:grid;gap:4px}
.ts-ajax-product-title{font-size:12px;font-weight:700;line-height:1.7;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ts-ajax-product-sku{font-size:10px;color:#8a929f;direction:rtl}
.ts-ajax-product-price{font-size:11px;font-weight:800;white-space:nowrap;color:#111827}
.ts-ajax-search-all{display:block;padding:10px 12px;text-align:center;font-size:11px;font-weight:800;color:var(--ts-blue);background:#fbfcfd}
.ts-ajax-search-status{padding:18px 12px;text-align:center;font-size:11px;color:#646d79}
.ts-ajax-search-status.is-loading:before{content:'◌';display:inline-block;margin-left:6px;animation:ts-spin .8s linear infinite}
.ts-ajax-search-status.is-error{color:#b42318}
@keyframes ts-spin{to{transform:rotate(360deg)}}

/* The top WooCommerce category rail remains horizontal, but its icon is now
   about twice the previous desktop size and can still be changed in settings. */
.ts-categories-circle-categories{gap:18px;padding-block:6px 10px}
.ts-categories-circle-categories .ts-category-card{
  flex:0 0 calc(var(--ts-category-icon-size) + 18px);
  min-width:calc(var(--ts-category-icon-size) + 18px);
}
.ts-categories-circle-categories .ts-category-image{
  width:var(--ts-category-icon-size);
  height:var(--ts-category-icon-size);
  max-width:none;
}
.ts-categories-circle-categories .ts-category-name{font-size:12px;line-height:1.7;font-weight:700}

/* All ordinary content pages and WooCommerce screens live inside a stable
   framed surface, so long text, tables, forms and product details do not merge
   visually with the page background. */
.ts-content-layout,.ts-woocommerce-shell{min-width:0}
.ts-content-card,.ts-woocommerce-shell{
  box-sizing:border-box;
  background:#fff;
  border:1px solid #dfe5ec;
  border-radius:var(--ts-radius);
  padding:clamp(14px,2vw,24px);
  box-shadow:0 2px 8px rgba(15,23,42,.025);
  overflow-wrap:anywhere;
}
.ts-content-card> :first-child,.ts-woocommerce-shell> :first-child{margin-top:0}
.ts-content-card> :last-child,.ts-woocommerce-shell> :last-child{margin-bottom:0}
.ts-content-card img,.ts-woocommerce-shell img{max-width:100%;height:auto}
.ts-content-card table,.ts-woocommerce-shell table{max-width:100%}
.ts-woocommerce-shell .woocommerce,.ts-woocommerce-shell .product,.ts-woocommerce-shell .woocommerce-page{min-width:0}
.ts-woocommerce-shell .woocommerce-tabs,.ts-woocommerce-shell .woocommerce-Tabs-panel{max-width:100%}
.ts-woocommerce-shell .woocommerce table.shop_table{width:100%;box-sizing:border-box}
.ts-woocommerce-shell .woocommerce-MyAccount-content,.ts-woocommerce-shell .woocommerce-MyAccount-navigation{box-sizing:border-box}

@media(max-width:700px){
  .ts-header-main{grid-template-columns:minmax(100px,var(--ts-logo-mobile-width)) auto}
  .ts-site-logo,.ts-brand .custom-logo{max-width:min(100%,var(--ts-logo-mobile-width));max-height:var(--ts-logo-mobile-max-height)}
  .ts-search input[type="search"]{height:46px;font-size:12px;padding-inline:12px 78px}
  .ts-search button{padding-inline:12px}
  .ts-ajax-search-results{position:absolute;right:0;left:0;max-height:58vh}
  .ts-ajax-product-item{grid-template-columns:52px minmax(0,1fr);min-height:66px;padding:7px 8px}
  .ts-ajax-product-thumb{width:52px;height:52px}.ts-ajax-product-price{grid-column:2;justify-self:start;margin-top:-3px}
  .ts-categories-circle-categories{gap:12px}
  .ts-categories-circle-categories .ts-category-card{flex-basis:calc(var(--ts-category-icon-size-mobile) + 14px);min-width:calc(var(--ts-category-icon-size-mobile) + 14px)}
  .ts-categories-circle-categories .ts-category-image{width:var(--ts-category-icon-size-mobile);height:var(--ts-category-icon-size-mobile)}
  .ts-categories-circle-categories .ts-category-name{font-size:11px}
  .ts-content-card,.ts-woocommerce-shell{padding:12px;border-radius:max(8px,var(--ts-radius))}
  .ts-woocommerce-shell .woocommerce table.shop_table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
.ts-content-card .alignwide,.ts-content-card .alignfull{max-width:100%;width:100%;margin-inline:0}
.ts-content-card pre,.ts-woocommerce-shell pre{max-width:100%;overflow:auto}
.ts-content-card iframe,.ts-woocommerce-shell iframe{max-width:100%}

/* ===== قالب فروشگاه شفق 1.4 — کروسل واقعی شگفت‌انگیزها و دسته‌بندی‌ها ===== */
.ts-category-carousel{position:relative;min-width:0}
.ts-category-carousel .ts-categories,
.ts-product-display-deal-carousel .ts-products{
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  touch-action:pan-x pan-y;
  scrollbar-width:none;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
}
.ts-category-carousel .ts-categories::-webkit-scrollbar,
.ts-product-display-deal-carousel .ts-products::-webkit-scrollbar{display:none}
.ts-category-carousel .ts-category-card,
.ts-product-display-deal-carousel .ts-product-card{scroll-snap-align:start;scroll-snap-stop:normal}

/* Every WooCommerce category layout is now a horizontal rail. */
.ts-category-carousel .ts-categories-image-categories,
.ts-category-carousel .ts-categories-category-grid{
  display:grid;
  grid-template-columns:none;
  grid-auto-flow:column;
  overflow-x:auto;
  gap:14px;
  padding:3px 2px 10px;
}
.ts-category-carousel .ts-categories-image-categories{
  grid-auto-columns:minmax(118px,calc((100% - 70px)/6));
}
.ts-category-carousel .ts-categories-category-grid{
  grid-auto-columns:minmax(132px,calc((100% - 84px)/7));
}
.ts-category-carousel .ts-categories-image-categories .ts-category-card,
.ts-category-carousel .ts-categories-category-grid .ts-category-card{min-width:0}
.ts-category-carousel .ts-categories-image-categories .ts-category-image{
  width:100%;
  height:auto;
  aspect-ratio:1.25/1;
}
.ts-category-carousel .ts-categories-category-grid .ts-category-image{width:100%}

/* Keep arrows visible and inside the rail so the horizontal movement is obvious. */
.ts-category-carousel .ts-carousel-btn,
.ts-product-display-deal-carousel .ts-carousel-btn{display:block}
.ts-category-carousel .ts-prev,
.ts-product-display-deal-carousel .ts-prev{right:4px}
.ts-category-carousel .ts-next,
.ts-product-display-deal-carousel .ts-next{left:4px}

@media(max-width:900px){
  .ts-category-carousel .ts-categories-image-categories{grid-auto-columns:minmax(118px,31%)}
  .ts-category-carousel .ts-categories-category-grid{grid-auto-columns:minmax(128px,31%)}
}

@media(max-width:700px){
  .ts-category-carousel .ts-categories-image-categories,
  .ts-category-carousel .ts-categories-category-grid{
    grid-template-columns:none;
    grid-auto-flow:column;
    overflow-x:auto;
    gap:10px;
  }
  .ts-category-carousel .ts-categories-image-categories{grid-auto-columns:42%}
  .ts-category-carousel .ts-categories-category-grid{grid-auto-columns:42%}
  .ts-category-carousel .ts-carousel-btn,
  .ts-product-display-deal-carousel .ts-carousel-btn{
    display:block;
    width:28px;
    height:40px;
    font-size:20px;
    opacity:.94;
  }
  .ts-category-carousel .ts-prev,
  .ts-product-display-deal-carousel .ts-prev{right:2px}
  .ts-category-carousel .ts-next,
  .ts-product-display-deal-carousel .ts-next{left:2px}
}

@media(max-width:420px){
  .ts-category-carousel .ts-categories-image-categories,
  .ts-category-carousel .ts-categories-category-grid{grid-auto-columns:48%}
}

/* ===== قالب فروشگاه شفق 1.5 — کروسل RTL پایدار + آماده‌سازی چند چیدمان ===== */
/* The deal rail intentionally shows at most six cards on wide desktop so that
   a seventh+ product stays outside the viewport and arrows/autoplay have a real
   distance to move. */
.ts-product-display-deal-carousel{position:relative;min-width:0}
.ts-product-display-deal-carousel .ts-products{
  display:grid;
  grid-template-columns:none;
  grid-auto-flow:column;
  grid-auto-columns:minmax(178px,calc((100% - 50px)/6));
  gap:10px;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  padding:2px;
}
.ts-product-display-deal-carousel .ts-products::-webkit-scrollbar{display:none}
.ts-product-display-deal-carousel .ts-product-card{scroll-snap-align:start;scroll-snap-stop:normal}
.ts-carousel-btn{transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}
.ts-carousel-btn:hover:not(:disabled){box-shadow:0 8px 20px rgba(0,0,0,.16);transform:scale(1.04)}
.ts-carousel-btn:disabled,.ts-carousel-btn.is-disabled{opacity:.32;cursor:not-allowed;pointer-events:none}
.ts-product-display-deal-carousel .ts-carousel-btn,
.ts-category-carousel .ts-carousel-btn{z-index:12}
body.ts-template-layout-tecno-shafagh .ts-home-slot{isolation:isolate}

@media(max-width:1200px){
  .ts-product-display-deal-carousel .ts-products{grid-auto-columns:minmax(170px,calc((100% - 40px)/5))}
}
@media(max-width:900px){
  .ts-product-display-deal-carousel .ts-products{grid-auto-columns:minmax(165px,calc((100% - 30px)/4))}
}
@media(max-width:700px){
  .ts-product-display-deal-carousel .ts-products{grid-auto-columns:72%;gap:9px}
}
@media(max-width:420px){
  .ts-product-display-deal-carousel .ts-products{grid-auto-columns:76%}
}


/* v1.5.1 carousel hardening: force real horizontal rails */
.ts-products-wrap .ts-products,
.ts-category-carousel .ts-categories{
 display:flex;
 flex-wrap:nowrap;
 overflow-x:auto;
 width:100%;
 max-width:100%;
 align-items:stretch;
}
.ts-products-wrap .ts-products .ts-product-card{
 flex:0 0 calc((100% - 60px) / 6);
 min-width:220px;
}
.ts-product-display-deal-carousel .ts-products .ts-product-card{
 flex:0 0 220px;
}
.ts-products-wrap .ts-products > *,
.ts-category-carousel .ts-categories > *{
 scroll-snap-align:start;
}


/* Tecno Shafagh 1.5.2 - real horizontal product rails */
.ts-carousel{position:relative;overflow:visible}
.ts-carousel .ts-products-wrap,.ts-products-wrap.ts-carousel{overflow:hidden}
.ts-carousel .ts-products,
.ts-products-wrap.ts-carousel .ts-products,
.ts-category-carousel .ts-categories{
    display:flex;
    flex-wrap:nowrap;
    width:max-content;
    max-width:none;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    gap:14px;
}
.ts-carousel .ts-products::-webkit-scrollbar,
.ts-products-wrap.ts-carousel .ts-products::-webkit-scrollbar,
.ts-category-carousel .ts-categories::-webkit-scrollbar{display:none}
.ts-carousel .ts-product-card,
.ts-products-wrap.ts-carousel .ts-product-card{
    flex:0 0 calc((100vw - 120px)/6);
    min-width:190px;
}
.ts-category-carousel .ts-category-card{
    flex:0 0 120px;
}
@media(max-width:768px){
 .ts-carousel .ts-product-card,
 .ts-products-wrap.ts-carousel .ts-product-card{
    flex:0 0 76vw;
    min-width:76vw;
 }
 .ts-category-carousel .ts-category-card{
    flex-basis:110px;
 }
}

/* ===== 1.5.3 — real scroll viewport (fixes previous width:max-content rail) ===== */
.ts-products-wrap.ts-carousel,
.ts-category-carousel.ts-carousel,
.ts-posts.ts-carousel{position:relative;min-width:0;overflow:visible}
.ts-products-wrap.ts-carousel .ts-products,
.ts-category-carousel.ts-carousel .ts-categories,
.ts-posts.ts-carousel .ts-post-list{
  box-sizing:border-box;
  display:flex;
  flex-wrap:nowrap;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
}
.ts-products-wrap.ts-carousel .ts-products::-webkit-scrollbar,
.ts-category-carousel.ts-carousel .ts-categories::-webkit-scrollbar,
.ts-posts.ts-carousel .ts-post-list::-webkit-scrollbar{display:none}
.ts-products-wrap.ts-carousel .ts-product-card{
  flex:0 0 calc((100% - 70px)/6);
  min-width:180px;
  max-width:none;
  scroll-snap-align:start;
}
.ts-product-display-deal-carousel.ts-carousel .ts-product-card{flex-basis:calc((100% - 60px)/6);min-width:190px}
.ts-category-carousel.ts-carousel .ts-category-card{flex-shrink:0;scroll-snap-align:start}
.ts-banners-banner-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ts-banners-banner-grid-4 .ts-banner{aspect-ratio:2.15/1}
@media(max-width:1100px){
  .ts-products-wrap.ts-carousel .ts-product-card{flex-basis:calc((100% - 48px)/5)}
}
@media(max-width:900px){
  .ts-products-wrap.ts-carousel .ts-product-card{flex-basis:calc((100% - 36px)/4);min-width:165px}
  .ts-banners-banner-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .ts-product-display-deal-carousel.ts-carousel .ts-product-card{flex:0 0 76%;min-width:76%}
  .ts-banners-banner-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ts-banners-banner-grid-4 .ts-banner{aspect-ratio:1.8/1}
}

/* ===== 1.5.5 — horizontal-only carousel motion; prevent document jump ===== */
.ts-products-wrap.ts-carousel .ts-products,
.ts-category-carousel.ts-carousel .ts-categories,
.ts-posts.ts-carousel .ts-post-list{
  overflow-anchor:none;
  touch-action:pan-x pan-y;
}
.ts-products-wrap.ts-carousel,
.ts-category-carousel.ts-carousel,
.ts-posts.ts-carousel{
  overflow-anchor:none;
}

/* ===== 1.5.6 — isolate horizontal carousels from document scrolling ===== */
.ts-products-wrap.ts-carousel .ts-products,
.ts-category-carousel.ts-carousel .ts-categories,
.ts-posts.ts-carousel .ts-post-list{
  scroll-behavior:auto !important;
  scroll-snap-type:x proximity;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  overscroll-behavior-y:none;
  overflow-anchor:none;
}
.ts-products-wrap.ts-carousel,
.ts-category-carousel.ts-carousel,
.ts-posts.ts-carousel{
  min-width:0;
  overflow-anchor:none;
}


/* ===== 1.5.11 — seamless looping category carousel; horizontal-only ===== */
.ts-category-carousel.ts-infinite-carousel{position:relative;overflow:visible;overflow-anchor:none}
.ts-category-carousel.ts-infinite-carousel .ts-categories{
  display:flex!important;
  grid-template-columns:none!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
  overscroll-behavior-x:contain;
  overscroll-behavior-y:none;
  overflow-anchor:none;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x pan-y;
}
.ts-category-carousel.ts-infinite-carousel .ts-categories::-webkit-scrollbar{display:none}
.ts-category-carousel.ts-infinite-carousel .ts-category-card{flex-shrink:0!important;scroll-snap-align:none!important}
.ts-category-carousel.ts-infinite-carousel .ts-loop-clone{pointer-events:none;user-select:none}
.ts-category-carousel.ts-infinite-carousel .ts-carousel-btn{display:block;z-index:15}

/* ===== قالب فروشگاه شفق 1.5.12 — Design System 2.0 / Persian storefront polish ===== */
:root{
  --ts-surface:#ffffff;
  --ts-page:#f5f7fb;
  --ts-border:#e7ebf1;
  --ts-border-strong:#dce3eb;
  --ts-text:#172033;
  --ts-muted:#697386;
  --ts-shadow:0 10px 34px rgba(22,34,55,.06);
  --ts-shadow-hover:0 16px 42px rgba(22,34,55,.10);
  --ts-card-radius:18px;
}
body.tecno-shafagh{background:var(--ts-page);color:var(--ts-text)}
.ts-site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--ts-border);box-shadow:0 5px 22px rgba(22,34,55,.035)}
.ts-header-mini{min-height:36px}
.ts-header-main{min-height:82px}
.ts-search input[type="search"]{height:48px;border-color:var(--ts-border-strong);background:#f8fafc;border-radius:14px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.ts-search input[type="search"]:focus{outline:none;background:#fff;border-color:color-mix(in srgb,var(--ts-blue) 50%,#dce3eb);box-shadow:0 0 0 4px color-mix(in srgb,var(--ts-blue) 10%,transparent)}
.ts-search button{height:40px;top:4px;border-radius:11px;padding-inline:18px}
.ts-action{border-color:var(--ts-border);background:#fff;border-radius:12px;padding:9px 12px;transition:.18s ease}
.ts-action:hover{border-color:#ced7e2;box-shadow:0 6px 18px rgba(22,34,55,.06);transform:translateY(-1px)}
.ts-header-nav-wrap{border-color:var(--ts-border);box-shadow:none}
.ts-primary-nav .sub-menu{border-color:var(--ts-border);border-radius:16px;box-shadow:0 18px 46px rgba(22,34,55,.13)}

/* Site spacing: no more edge-to-edge dry rectangles. */
.ts-layout-fullscreen .ts-container{margin-inline:max(var(--ts-edge-gap),16px)}
.ts-home-slot{margin-top:20px}
.ts-home-slot>.ts-position:not(.ts-style-announcement):not(.ts-style-hero):not(.ts-style-banner-grid-4):not(.ts-style-banner-grid-3):not(.ts-style-banner-grid-2):not(.ts-style-wide-banner):not(.ts-style-deal-carousel):not(.ts-style-digi-deal-red):not(.ts-style-digi-deal-green){
  background:var(--ts-surface);
  border:1px solid var(--ts-border);
  border-radius:var(--ts-card-radius);
  padding:18px;
  box-shadow:var(--ts-shadow);
}
.ts-section-head{margin-bottom:14px;padding-inline:2px}
.ts-section-head h2{font-size:18px;letter-spacing:-.2px;color:var(--ts-text)}
.ts-section-head p{font-size:11px;color:var(--ts-muted)}
.ts-more{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 10px;background:#f7f9fc;border:1px solid var(--ts-border);font-size:11px}
.ts-more:after{content:'←';font-size:12px}

/* Banners and hero */
.ts-banner{border-radius:18px;box-shadow:0 7px 24px rgba(22,34,55,.055);transition:transform .2s ease,box-shadow .2s ease}
@media(hover:hover) and (pointer:fine){.ts-banner:hover{transform:translateY(-2px);box-shadow:var(--ts-shadow-hover)}}
.ts-hero-slider{border-radius:22px;box-shadow:var(--ts-shadow);border:1px solid rgba(255,255,255,.7)}
.ts-banners-banner-grid-2,.ts-banners-banner-grid-3,.ts-banners-banner-grid-4{gap:16px}

/* Product cards */
.ts-products{gap:14px;padding:4px 3px 8px}
.ts-product-card{border-color:var(--ts-border);border-radius:16px;padding:12px;background:#fff;box-shadow:0 2px 10px rgba(22,34,55,.025);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ts-product-card:hover{border-color:#d6dee8;box-shadow:var(--ts-shadow-hover);transform:translateY(-4px)}
.ts-product-image{border-radius:13px;background:linear-gradient(180deg,#fbfcfe,#f5f7fa);padding:8px;margin-bottom:10px}
.ts-product-image img{max-height:165px}
.ts-product-card h3{font-size:12px;line-height:1.75;height:42px;color:#283246;margin-bottom:10px}
.ts-product-meta{font-size:11px;padding-top:8px;border-top:1px solid #f0f2f5}
.ts-sale-badge{top:10px;left:10px;border-radius:999px;padding:3px 8px;box-shadow:0 4px 12px color-mix(in srgb,var(--ts-accent) 28%,transparent)}
.ts-carousel-btn{width:38px;height:50px;border-radius:13px;border-color:#dbe2ea;box-shadow:0 8px 24px rgba(22,34,55,.12);color:#39465a;transition:.18s ease}
.ts-carousel-btn:hover{background:#f8fafc;transform:translateY(-50%) scale(1.04)}
.ts-style-deal-carousel{border-radius:20px;padding:16px;background:linear-gradient(135deg,#7c1020,#4a0610);box-shadow:0 12px 34px rgba(91,10,24,.18)}
.ts-style-deal-carousel .ts-product-card{border-radius:14px}

/* Category rails */
.ts-category-carousel{padding-inline:1px}
.ts-category-carousel .ts-categories{gap:16px;padding:5px 4px 10px}
.ts-category-card{border-radius:16px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.ts-category-carousel .ts-category-card{background:#fff;border:1px solid var(--ts-border);padding:12px 10px;box-shadow:0 4px 14px rgba(22,34,55,.035)}
.ts-category-carousel .ts-category-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(22,34,55,.08)}
.ts-category-image{background:linear-gradient(180deg,#f7fbff,#eef5fb)}
.ts-categories-circle-categories .ts-category-image{border:0;box-shadow:inset 0 0 0 1px #dce9f3}
.ts-category-name{font-size:11px;font-weight:700;color:#344054}
.ts-style-service-strip{background:#fff;border-color:var(--ts-border);box-shadow:var(--ts-shadow);border-radius:18px;padding:16px}
.ts-style-service-strip p{font-size:12px;font-weight:700;color:#465266}

/* Content / archive cards */
.ts-content-layout,.ts-woocommerce-shell{padding-block:28px}
.ts-content-card,.ts-woocommerce-shell{border-color:var(--ts-border);border-radius:22px;box-shadow:var(--ts-shadow);background:#fff}
.woocommerce .products{gap:18px}
.woocommerce ul.products li.product{border-color:var(--ts-border);border-radius:18px;padding:14px;background:#fff;box-shadow:0 3px 14px rgba(22,34,55,.035);transition:.2s ease}
.woocommerce ul.products li.product:hover{transform:translateY(-3px);box-shadow:var(--ts-shadow-hover)}
.woocommerce ul.products li.product img{border-radius:13px;background:#f8fafc;padding:8px}
.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{border-radius:12px!important;padding:11px 16px!important;font-weight:800!important;transition:.18s ease!important}
.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce input.button:hover{filter:brightness(.96);transform:translateY(-1px)}

/* Footer */
.ts-site-footer{margin-top:36px;background:#fff;border-top:1px solid var(--ts-border);box-shadow:0 -8px 32px rgba(22,34,55,.025)}
.ts-footer-grid{gap:30px;padding-block:34px}
.ts-footer-bottom-wrap{background:#f1f4f8;color:#667085;padding:13px 0}

/* ===== Single Product — three-column professional Persian store layout ===== */
body.single-product .ts-woocommerce-shell{background:transparent;border:0;box-shadow:none;padding:24px 0;overflow:visible}
body.single-product .woocommerce-breadcrumb{font-size:12px;color:#7a8493;margin:0 0 14px;padding:0 4px}
body.single-product .woocommerce-breadcrumb a{color:#526176}
body.single-product .woocommerce div.product.type-product{
  display:grid;
  grid-template-columns:minmax(360px,.98fr) minmax(0,1.02fr);
  gap:24px;
  align-items:start;
  background:#fff;
  border:1px solid var(--ts-border);
  border-radius:24px;
  padding:22px;
  box-shadow:var(--ts-shadow);
  overflow:visible;
}
body.single-product .woocommerce div.product div.images,
body.single-product .woocommerce div.product div.summary{float:none!important;width:auto!important;margin:0!important;min-width:0}
body.single-product .woocommerce div.product div.images{grid-column:1;grid-row:1}
body.single-product .woocommerce div.product div.summary{grid-column:2;grid-row:1;padding:6px 2px}
body.single-product .ts-purchase-panel{position:static;top:auto;align-self:auto;margin-top:18px;background:#f8fafc;border:1px solid #dfe5ec;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(22,34,55,.055)}
body.single-product .woocommerce div.product .product_title{font-size:25px;line-height:1.65;margin:0 0 8px;color:#172033;letter-spacing:-.35px}
body.single-product .woocommerce div.product .woocommerce-product-rating{margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #eef1f4}
body.single-product .woocommerce div.product .woocommerce-product-details__short-description{font-size:13px;line-height:2;color:#4f5d70;margin-top:16px}
body.single-product .woocommerce div.product .product_meta{margin-top:20px;padding-top:16px;border-top:1px solid #eef1f4;font-size:11px;color:#7a8493;display:grid;gap:6px}
body.single-product .woocommerce div.product .product_meta a{color:#3d5d7a}

/* Product gallery similar to modern marketplaces: vertical thumbs + clean stage */
body.single-product .woocommerce-product-gallery{display:grid!important;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:start}
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{right:auto!important;left:12px!important;top:12px!important;background:#fff!important;border:1px solid var(--ts-border)!important;box-shadow:0 5px 16px rgba(22,34,55,.08)!important}
body.single-product .woocommerce-product-gallery .flex-viewport,
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper{grid-column:2;background:linear-gradient(180deg,#fbfcfe,#f6f8fb);border:1px solid #edf1f5;border-radius:18px;overflow:hidden}
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image a{display:grid;place-items:center;min-height:420px;padding:18px}
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img{max-height:410px;width:auto!important;object-fit:contain;margin:auto}
body.single-product .woocommerce-product-gallery .flex-control-thumbs{grid-column:1;grid-row:1!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;gap:10px;list-style:none;max-height:430px;overflow-y:auto;scrollbar-width:thin}
body.single-product .woocommerce-product-gallery .flex-control-thumbs li{width:100%!important;float:none!important;margin:0!important;border:1px solid #e4e9ef;border-radius:11px;padding:5px;background:#fff;overflow:hidden}
body.single-product .woocommerce-product-gallery .flex-control-thumbs li img{border-radius:8px;opacity:.7;transition:.18s ease}
body.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active{opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--ts-blue) 40%,transparent)}

/* Key attributes */
.ts-single-features{margin-top:18px;padding-top:16px;border-top:1px solid #eef1f4}
.ts-single-features h2{font-size:15px;margin:0 0 11px;color:#2e394b}
.ts-single-features ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.ts-single-features li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;align-items:start;font-size:12px;line-height:1.8}
.ts-single-features li span{color:#8a93a0}
.ts-single-features li strong{color:#3a4658;font-weight:700}

/* Purchase panel */
.ts-purchase-seller{display:flex;gap:11px;align-items:center;padding-bottom:14px;border-bottom:1px solid #e6ebf0}
.ts-purchase-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf8f1;color:#15915b;font-weight:900}
.ts-purchase-seller div{display:grid;gap:2px}.ts-purchase-seller small{color:#7a8493;font-size:10px}.ts-purchase-seller strong{font-size:13px;color:#273246}
.ts-purchase-benefits{display:grid;gap:12px;padding:15px 0;border-bottom:1px solid #e6ebf0}
.ts-purchase-benefits>div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start}
.ts-purchase-benefits>div>span{color:#5d6b7d;text-align:center}
.ts-purchase-benefits p{margin:0;display:grid;gap:2px}.ts-purchase-benefits strong{font-size:11px;color:#394659}.ts-purchase-benefits small{font-size:10px;color:#85909e}.ts-purchase-benefits .stock{margin:0!important;color:#15915b!important}
.ts-purchase-price{padding:17px 0 10px;text-align:left;direction:rtl}
.ts-purchase-price .price{margin:0!important;font-size:20px!important;font-weight:900;color:#1b2434!important;display:flex;gap:8px;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.ts-purchase-price del{font-size:12px;color:#99a2ad}.ts-purchase-price ins{text-decoration:none}
.ts-purchase-cart form.cart{display:grid!important;gap:10px;margin:0!important}
.ts-purchase-cart .quantity{float:none!important;margin:0!important;display:flex;align-items:center}
.ts-purchase-cart .quantity .qty{width:88px!important;height:44px;border:1px solid #dce3ea;border-radius:11px;background:#fff}
.ts-purchase-cart .single_add_to_cart_button{width:100%;min-height:48px;border-radius:13px!important;background:var(--ts-accent)!important;color:#fff!important;font-size:13px!important;box-shadow:0 8px 18px color-mix(in srgb,var(--ts-accent) 20%,transparent)}
.ts-purchase-cart .variations{margin-bottom:10px!important;background:#fff;border-radius:12px;padding:8px!important}
.ts-purchase-cart .variations th,.ts-purchase-cart .variations td{padding:7px!important;font-size:11px}
.ts-purchase-cart .variations select{min-height:42px;border:1px solid #dce3ea;border-radius:10px;padding-inline:10px;background:#fff}
.ts-purchase-note{margin-top:12px;padding-top:12px;border-top:1px dashed #d8e0e8;color:#7a8493;font-size:10px;text-align:center}

/* Product tabs, specifications, reviews and related products */
body.single-product .woocommerce-tabs,
body.single-product .related.products,
body.single-product .up-sells.upsells{grid-column:1/-1!important;margin-top:8px!important;background:#fff;border-top:1px solid #eef1f4;padding-top:22px}
body.single-product .woocommerce-tabs ul.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 22px!important;padding:0!important;border-bottom:1px solid #e7ebf0!important}
body.single-product .woocommerce-tabs ul.tabs:before{display:none!important}
body.single-product .woocommerce-tabs ul.tabs li{border:0!important;background:transparent!important;margin:0!important;padding:0!important;border-radius:0!important}
body.single-product .woocommerce-tabs ul.tabs li:before,body.single-product .woocommerce-tabs ul.tabs li:after{display:none!important}
body.single-product .woocommerce-tabs ul.tabs li a{padding:10px 14px!important;font-size:12px!important;color:#687386!important;border-bottom:2px solid transparent;transition:.18s ease}
body.single-product .woocommerce-tabs ul.tabs li.active a{color:var(--ts-accent)!important;border-bottom-color:var(--ts-accent)!important;font-weight:900!important}
body.single-product .woocommerce-Tabs-panel{font-size:13px;line-height:2.15;color:#4d5b6d}
body.single-product .woocommerce-Tabs-panel h2{font-size:20px;color:#273246;margin-top:0}
body.single-product .woocommerce-product-attributes{border:0!important;border-collapse:separate!important;border-spacing:0 8px!important}
body.single-product .woocommerce-product-attributes-item{background:#f7f9fc}
body.single-product .woocommerce-product-attributes-item__label{width:220px;background:#eef2f6!important;color:#667085;font-size:12px;border:0!important;padding:12px 14px!important;border-radius:0 10px 10px 0}
body.single-product .woocommerce-product-attributes-item__value{background:#f8fafc!important;color:#344054;font-size:12px;border:0!important;padding:12px 14px!important;border-radius:10px 0 0 10px}
body.single-product .related.products>h2,body.single-product .up-sells.upsells>h2{font-size:19px;margin:0 0 16px;color:#273246}
body.single-product .related.products ul.products,body.single-product .up-sells.upsells ul.products{grid-template-columns:repeat(5,minmax(0,1fr))!important}

@media(max-width:1180px){
  body.single-product .woocommerce div.product.type-product{grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr)}
  body.single-product .ts-purchase-panel{position:static;display:block;margin-top:16px}
  body.single-product .woocommerce-tabs,body.single-product .related.products,body.single-product .up-sells.upsells{grid-row:auto}
}
@media(max-width:820px){
  .ts-home-slot>.ts-position:not(.ts-style-announcement):not(.ts-style-hero):not(.ts-style-banner-grid-4):not(.ts-style-banner-grid-3):not(.ts-style-banner-grid-2):not(.ts-style-wide-banner):not(.ts-style-deal-carousel):not(.ts-style-digi-deal-red):not(.ts-style-digi-deal-green){padding:14px;border-radius:16px}
  body.single-product .woocommerce div.product.type-product{display:block;padding:14px;border-radius:18px}
  body.single-product .woocommerce div.product div.summary{margin-top:18px!important}
  body.single-product .ts-purchase-panel{display:block;margin-top:20px;position:static}
  body.single-product .woocommerce-product-gallery{grid-template-columns:1fr}
  body.single-product .woocommerce-product-gallery .flex-viewport,body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper{grid-column:1}
  body.single-product .woocommerce-product-gallery .flex-control-thumbs{grid-column:1;grid-row:auto!important;display:flex!important;overflow-x:auto;overflow-y:hidden;max-height:none;padding-top:8px!important}
  body.single-product .woocommerce-product-gallery .flex-control-thumbs li{flex:0 0 68px!important;width:68px!important}
  body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image a{min-height:300px}
  body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img{max-height:300px}
  body.single-product .woocommerce div.product .product_title{font-size:21px}
  body.single-product .related.products ul.products,body.single-product .up-sells.upsells ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .ts-layout-fullscreen .ts-container{margin-inline:max(var(--ts-edge-gap-mobile),8px)}
  .ts-home-slot{margin-top:14px}
  .ts-section-head h2{font-size:16px}
  .ts-products{gap:10px}
  .ts-product-card{border-radius:14px;padding:10px}
  .ts-product-image{border-radius:11px}
  .ts-banners-banner-grid-2,.ts-banners-banner-grid-3,.ts-banners-banner-grid-4{gap:10px}
  .ts-banner,.ts-hero-slider{border-radius:14px}
  body.single-product .ts-woocommerce-shell{padding:10px 0}
  body.single-product .woocommerce div.product.type-product{border-radius:16px;padding:11px}
  body.single-product .woocommerce div.product .product_title{font-size:19px}
  .ts-single-features li{grid-template-columns:95px minmax(0,1fr);font-size:11px}
  body.single-product .woocommerce-product-attributes-item__label{width:120px}
}

/* Tecno Shafagh 1.5.12 — softer merchandising surfaces */
body.ts-template-layout-tecno-shafagh{background:linear-gradient(180deg,#f7f9fc,#f4f6f9)}
body.ts-template-layout-tecno-shafagh .ts-hero-slider{border-radius:24px}
body.ts-template-layout-tecno-shafagh .ts-style-deal-carousel{border-radius:22px}
body.ts-template-layout-tecno-shafagh .ts-categories-circle-categories .ts-category-card{background:linear-gradient(180deg,#fff,#fbfcfe);border-radius:18px}
body.ts-template-layout-tecno-shafagh .ts-categories-circle-categories .ts-category-image{box-shadow:0 8px 20px rgba(28,80,120,.07),inset 0 0 0 1px #dfeaf3}
body.ts-template-layout-tecno-shafagh .ts-style-product-carousel{background:#fff;border:1px solid var(--ts-border);border-radius:20px;padding:16px;box-shadow:var(--ts-shadow)}
body.ts-template-layout-tecno-shafagh .ts-site-footer{border-top-color:#e2e7ee}


/* 1.5.21 — administrator-only visual map for empty/disabled layout positions. */
.ts-position-guide-shell{min-height:0!important}
.ts-position-guide{
  width:100%;box-sizing:border-box;padding:14px 16px;border:1.5px dashed #7aa7cf;border-radius:14px;
  background:linear-gradient(135deg,#f7fbff,#eef7ff);color:#27445f;font-size:12px;line-height:1.8;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)
}
.ts-position-guide-disabled{border-color:#c9a968;background:linear-gradient(135deg,#fffdf7,#fff8e8);color:#684f1e}
.ts-position-guide-missing{border-color:#d4868f;background:linear-gradient(135deg,#fffafa,#fff1f2);color:#7f2732}
.ts-position-guide-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ts-position-guide-badge{display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;border-radius:999px;background:#1e73be;color:#fff;font-size:10px;font-weight:800}
.ts-position-guide-disabled .ts-position-guide-badge{background:#9a741d}
.ts-position-guide-missing .ts-position-guide-badge{background:#b83b4b}
.ts-position-guide-title{font-size:13px;color:inherit}
.ts-position-guide-code{direction:ltr;display:inline-block;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.82);border:1px solid rgba(74,112,146,.18);font-size:10px;color:inherit}
.ts-position-guide-zone{margin-inline-start:auto;font-size:10px;opacity:.76}
.ts-position-guide p{margin:7px 0 5px;color:inherit}
.ts-position-guide-edit{display:inline-flex;align-items:center;gap:5px;font-weight:800;color:#1769aa;text-decoration:none}
.ts-position-guide-disabled .ts-position-guide-edit{color:#7b5a11}
.ts-position-guide-missing .ts-position-guide-edit{color:#a22f3e}
.ts-position-guide-edit:hover{text-decoration:underline}
.ts-style-announcement>.ts-position-guide,.ts-position-guide-shell[data-position*="announcement"]>.ts-position-guide{border-radius:8px;padding:8px 12px}
@media(max-width:700px){
  .ts-position-guide{padding:11px 12px;border-radius:12px;font-size:11px}
  .ts-position-guide-main{gap:6px}
  .ts-position-guide-zone{margin-inline-start:0;width:100%}
  .ts-position-guide-edit{font-size:11px}
}