/* DigiSVG v5 - Exclusive Engineer Rasouli - Fully Local - No CDN - RTL Persian Auto Parts */
 /* All fonts, icons, images, CSS, JS are internal - No external dependencies for SEO & Speed */

:root{
  --primary:#ff9900;
  --primary-dark:#e68a00;
  --primary-light:#ffb84d;
  --secondary:#232323;
  --secondary-light:#2f2f2f;
  --dark:#1a1a1a;
  --border:#ebebeb;
  --border-light:#f1f1f1;
  --text:#333;
  --text-light:#777;
  --text-muted:#999;
  --bg-gray:#f7f7f7;
  --bg-light:#fbfbfb;
  --white:#fff;
  --radius:8px;
  --radius-lg:12px;
  --radius-xl:20px;
  --shadow:0 2px 20px rgba(0,0,0,0.06);
  --shadow-lg:0 10px 40px rgba(0,0,0,0.1);
  --transition:.3s ease;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Vazirmatn',Tahoma,sans-serif;
  font-size:13px;
  line-height:1.7;
  color:var(--text);
  background:#fff;
  margin:0;
  direction:rtl;
  text-align:right;
  overflow-x:hidden;
}
a{color:var(--text);text-decoration:none;transition:var(--transition)}
a:hover{color:var(--primary)}
img{max-width:100%;height:auto;display:block}
ul{margin:0;padding:0;list-style:none}
.container{max-width:1240px;margin:0 auto;padding:0 15px}

/* Topbar - Screenshot style: white bg, small */
.topbar{
  background:#fff;
  border-bottom:1px solid var(--border-light);
  font-size:11px;
  color:var(--text-light);
  padding:6px 0;
}
.topbar-inner{display:flex;justify-content:space-between;align-items:center}
.topbar-right{display:flex;gap:18px;align-items:center}
.topbar-right a{color:var(--text-light)}
.topbar-right a:hover{color:var(--primary)}
.topbar-left{display:flex;gap:12px;align-items:center}
.topbar-left .social{display:flex;gap:8px}
.topbar-left .social a{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px}
.topbar-left .social a:hover{color:var(--primary)}

/* Header Main - white */
.header-main{
  background:#fff;
  padding:12px 0;
  border-bottom:1px solid var(--border-light);
}
.header-main-inner{
  display:flex;
  align-items:center;
  gap:20px;
}
.logo{flex-shrink:0}
.logo img{height:42px;width:auto}
.logo h1{margin:0;font-size:22px;font-weight:900;letter-spacing:-0.5px}
.logo h1 span{color:var(--primary)}
.header-search{flex:1;max-width:620px;margin:0 auto;position:relative}
.search-wrap{
  display:flex;
  border:1px solid var(--border);
  border-radius:4px;
  overflow:hidden;
  background:#fff;
  height:38px;
}
.search-wrap input{
  flex:1;
  border:none;
  padding:0 15px;
  font-family:inherit;
  font-size:12px;
  outline:none;
  background:transparent;
}
.search-wrap button{
  width:38px;
  background:var(--primary);
  border:none;
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:var(--transition);
}
.search-wrap button:hover{background:var(--primary-dark)}
.search-wrap:focus-within{border-color:var(--primary)}
.ajax-results{
  position:absolute;top:100%;right:0;left:0;background:#fff;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow-lg);z-index:1000;display:none;max-height:400px;overflow-y:auto;margin-top:2px
}
.ajax-results.active{display:block}
.ajax-item{display:flex;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border-light);align-items:center}
.ajax-item:hover{background:var(--bg-light)}
.ajax-item img{width:45px;height:45px;object-fit:cover;border-radius:4px;background:#f5f5f5}

/* Header Tools - left side in screenshot */
.header-tools{display:flex;align-items:center;gap:14px;flex-shrink:0}
.tool{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  color:var(--text);
  font-size:14px;
  cursor:pointer;
}
.tool .count{
  position:absolute;top:-4px;left:-6px;background:var(--primary);color:#fff;font-size:9px;min-width:16px;height:16px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;padding:0 3px
}
.tool:hover{color:var(--primary)}

/* Header Bottom - Black with yellow category */
.header-bottom{
  background:var(--secondary);
  height:42px;
}
.header-bottom-inner{
  display:flex;
  align-items:stretch;
  height:100%;
}
.cat-menu-wrap{
  width:220px;
  background:var(--primary);
  position:relative;
  flex-shrink:0;
  display:flex;
  align-items:center;
  padding:0 15px;
  color:#fff;
  font-weight:700;
  font-size:12px;
  cursor:pointer;
  gap:10px;
}
.cat-menu-wrap i{font-size:14px}
.cat-menu-wrap .arrow{margin-right:auto;font-size:10px}
.cat-dropdown{
  position:absolute;top:100%;right:0;width:100%;background:#fff;box-shadow:var(--shadow-lg);border:1px solid var(--border);border-top:none;z-index:999;display:none;max-height:520px;overflow-y:auto
}
.cat-menu-wrap:hover .cat-dropdown,.cat-menu-wrap.active .cat-dropdown{display:block}
.cat-dropdown li a{
  display:flex;align-items:center;gap:10px;padding:11px 15px;font-size:12px;color:var(--text);border-bottom:1px solid var(--border-light);font-weight:400
}
.cat-dropdown li a i{width:18px;color:var(--text-muted);font-size:13px}
.cat-dropdown li a:hover{background:var(--bg-light);color:var(--primary);padding-right:18px}

.primary-menu{flex:1;display:flex;align-items:center;padding:0 15px}
.primary-menu ul{display:flex;gap:0;height:100%}
.primary-menu li{position:relative;height:100%;display:flex;align-items:center}
.primary-menu > ul > li > a{
  display:flex;align-items:center;height:100%;padding:0 14px;color:#fff;font-size:12px;font-weight:400;position:relative;opacity:.9
}
.primary-menu > ul > li > a:hover,.primary-menu > ul > li.current > a{opacity:1;color:#fff;background:rgba(255,255,255,.06)}
.primary-menu .sub-menu{
  position:absolute;top:100%;right:0;background:#fff;min-width:200px;box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);padding:6px 0;display:none;flex-direction:column;z-index:100;height:auto
}
.primary-menu li:hover > .sub-menu{display:flex}
.primary-menu .sub-menu a{padding:9px 15px;font-size:12px;color:var(--text);height:auto}
.primary-menu .sub-menu a:hover{background:var(--bg-light);color:var(--primary)}

/* Mobile Toggle */
.mobile-toggle{display:none;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;cursor:pointer}

/* Slider - Dark with red car */
.hero-section{padding:15px 0 0;background:#fff}
.hero-slider{
  background:linear-gradient(135deg,#2b2b2b 0%,#1f1f1f 100%);
  border-radius:var(--radius-lg);
  position:relative;
  overflow:hidden;
  min-height:260px;
  display:flex;
  align-items:center;
}
.hero-slider-inner{
  display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:center;width:100%;padding:25px 35px;position:relative;z-index:2
}
.hero-image{position:relative;display:flex;align-items:center;justify-content:center}
.hero-image img{max-width:100%;height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5));transform:perspective(800px) rotateY(-10deg);transition:var(--transition)}
.hero-slider:hover .hero-image img{transform:perspective(800px) rotateY(0) scale(1.02)}
.hero-text{color:#fff;text-align:right}
.hero-text h2{font-size:20px;font-weight:800;margin:0 0 8px;line-height:1.4}
.hero-text p{font-size:11px;color:#bbb;margin:0 0 15px;line-height:1.8}
.hero-btn{
  display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#fff;padding:7px 18px;border-radius:20px;font-size:11px;font-weight:600;transition:var(--transition);border:none;cursor:pointer
}
.hero-btn:hover{background:var(--primary-dark);transform:translateY(-1px);color:#fff}
.hero-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:3}
.hero-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:var(--transition)}
.hero-dots span.active{background:var(--primary);width:16px;border-radius:3px}
.hero-arrows{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 12px;z-index:3;pointer-events:none}
.hero-arrows button{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.15);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;transition:var(--transition);font-size:12px}
.hero-arrows button:hover{background:var(--primary)}

/* Product Filter - Light gray box */
.filter-section{background:#fff;padding:18px 0}
.filter-box{
  background:var(--bg-light);
  border:1px solid var(--border-light);
  border-radius:var(--radius);
  padding:14px 16px;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.filter-title{font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap}
.filter-title i{color:var(--primary)}
.filter-selects{display:flex;gap:10px;flex:1;flex-wrap:wrap}
.filter-select{
  flex:1;min-width:140px;position:relative;
}
.filter-select select{
  width:100%;height:36px;border:1px solid var(--border);border-radius:4px;padding:0 10px;font-family:inherit;font-size:11px;background:#fff;color:var(--text-light);outline:none;appearance:none;cursor:pointer
}
.filter-select::after{
  content:'\f107';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:11px
}
.filter-btn{
  background:var(--primary);color:#fff;border:none;padding:0 22px;height:36px;border-radius:4px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap
}
.filter-btn:hover{background:var(--primary-dark)}

/* Special Offer - Dark section with angled bottom */
.special-section{
  background:var(--secondary-light);
  position:relative;
  padding:30px 0 40px;
  margin-top:10px;
  overflow:hidden;
}
.special-section::after{
  content:'';position:absolute;bottom:0;right:0;left:0;height:14px;background:var(--primary);clip-path:polygon(0 100%,100% 100%,100% 0,0 100%);
  /* Actually screenshot has orange slanted bottom */
}
.special-section::before{
  content:'';position:absolute;bottom:0;right:0;width:100%;height:30px;background:var(--primary);clip-path:polygon(0 100%,100% 100%,100% 0,0 100%);opacity:1
}
.special-inner{display:flex;gap:20px;align-items:stretch}
.special-info{
  width:160px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:10px
}
.special-info h3{font-size:14px;font-weight:800;margin:0 0 4px;line-height:1.4}
.special-info p{font-size:11px;color:#bbb;margin:0 0 12px}
.special-info .btn-outline{
  border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 14px;border-radius:4px;font-size:11px;transition:var(--transition);display:inline-flex;align-items:center;gap:4px
}
.special-info .btn-outline:hover{background:#fff;color:var(--secondary);border-color:#fff}
.special-products{
  flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px
}
.product-card-dark{
  background:#fff;border-radius:var(--radius);overflow:hidden;position:relative;transition:var(--transition);border:1px solid transparent
}
.product-card-dark:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.product-card-dark .img-wrap{position:relative;background:#fff;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:12px}
.product-card-dark .img-wrap img{max-width:100%;max-height:100%;object-fit:contain;transition:var(--transition)}
.product-card-dark:hover .img-wrap img{transform:scale(1.05)}
.product-card-dark .badge{
  position:absolute;top:8px;left:8px;background:var(--primary);color:#fff;font-size:9px;padding:2px 6px;border-radius:10px;font-weight:700;z-index:2
}
.product-card-dark .info{padding:10px 10px 12px;text-align:center}
.product-card-dark .title{font-size:11px;font-weight:500;line-height:1.5;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}
.product-card-dark .price{font-size:11px;font-weight:700;color:var(--primary);display:flex;flex-direction:column;gap:2px;align-items:center}
.product-card-dark .price del{font-size:10px;color:var(--text-muted);font-weight:400}
.product-card-dark .price ins{text-decoration:none}

/* Banners 3 cols */
.banners-section{padding:20px 0;background:#fff}
.banners-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.banner-item{
  position:relative;border-radius:var(--radius);overflow:hidden;height:110px;background:var(--bg-gray);display:flex;align-items:center;padding:15px;transition:var(--transition)
}
.banner-item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.banner-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.banner-item::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.1) 70%);z-index:2}
.banner-content{position:relative;z-index:3;color:#fff}
.banner-content h4{font-size:12px;font-weight:700;margin:0 0 6px}
.banner-content .btn-small{background:var(--primary);color:#fff;font-size:10px;padding:4px 10px;border-radius:12px;display:inline-flex}

/* Section Header with tabs - for new products */
.section{padding:25px 0;background:#fff}
.section-header{
  display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;border-bottom:1px solid var(--border-light);padding-bottom:10px;flex-wrap:wrap;gap:10px
}
.section-header h2{font-size:14px;font-weight:800;margin:0;position:relative;padding-left:0}
.section-header h2::after{content:'';position:absolute;bottom:-11px;right:0;width:100%;height:2px;background:var(--primary)}
.section-tabs{display:flex;gap:14px;align-items:center}
.section-tabs a{font-size:11px;color:var(--text-light);padding:4px 0;position:relative}
.section-tabs a.active{color:var(--text);font-weight:600}
.section-tabs a.active::after{content:'';position:absolute;bottom:-11px;right:0;left:0;height:2px;background:var(--primary)}
.section-arrows{display:flex;gap:6px}
.section-arrows button{width:22px;height:22px;border:1px solid var(--border);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transition:var(--transition)}
.section-arrows button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}

/* Products Grid 5 cols */
.products-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.product-card{
  background:#fff;border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;transition:var(--transition);position:relative
}
.product-card:hover{box-shadow:var(--shadow);border-color:var(--border);transform:translateY(-2px)}
.product-card .img-wrap{position:relative;aspect-ratio:1;background:#fff;padding:10px;display:flex;align-items:center;justify-content:center}
.product-card .img-wrap img{max-width:100%;max-height:100%;object-fit:contain;transition:var(--transition)}
.product-card:hover .img-wrap img{transform:scale(1.05)}
.product-card .badge{position:absolute;top:6px;left:6px;background:var(--primary);color:#fff;font-size:9px;padding:2px 5px;border-radius:8px;font-weight:700}
.product-card .info{padding:8px 10px 10px;text-align:center;border-top:1px solid var(--border-light)}
.product-card .title{font-size:11px;font-weight:400;line-height:1.5;margin:0 0 5px;min-height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card .price{font-size:11px;font-weight:700;color:var(--primary)}
.product-card .price del{font-size:10px;color:var(--text-muted);font-weight:400;margin-left:4px}

/* Big Tire Banner */
.tire-banner{
  position:relative;height:180px;border-radius:var(--radius);overflow:hidden;background:linear-gradient(90deg,#3a2a1a 0%,#8a5a2a 50%,#d4a24a 100%);display:flex;align-items:center;margin:20px 0
}
.tire-banner img{position:absolute;right:0;top:50%;transform:translateY(-50%);height:120%;width:auto;z-index:1;opacity:.9}
.tire-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.7) 100%);z-index:2}
.tire-banner-content{position:relative;z-index:3;margin-right:auto;margin-left:8%;color:#fff;text-align:left;max-width:300px}
.tire-banner-content h3{font-size:14px;font-weight:800;margin:0 0 10px}
.tire-banner-content .btn-dark{background:var(--secondary);color:#fff;padding:6px 14px;border-radius:20px;font-size:11px;display:inline-flex;align-items:center;gap:4px}
.tire-banner-content .btn-dark:hover{background:#000}

/* Blog Section */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.blog-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-light);background:#fff;transition:var(--transition)}
.blog-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.blog-card .img-wrap{position:relative;height:150px;overflow:hidden}
.blog-card .img-wrap img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}
.blog-card:hover .img-wrap img{transform:scale(1.05)}
.blog-card .date-badge{position:absolute;top:8px;right:8px;background:#fff;border-radius:4px;padding:4px 6px;text-align:center;min-width:36px;box-shadow:var(--shadow)}
.blog-card .date-badge .day{font-size:14px;font-weight:800;line-height:1;display:block;color:var(--text)}
.blog-card .date-badge .month{font-size:9px;color:var(--text-light);display:block}
.blog-card .cat-badge{position:absolute;bottom:8px;right:8px;background:var(--primary);color:#fff;font-size:9px;padding:2px 6px;border-radius:3px}
.blog-card .info{padding:12px}
.blog-card .title{font-size:12px;font-weight:600;line-height:1.5;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.blog-card .meta{display:flex;gap:10px;font-size:10px;color:var(--text-muted);margin-bottom:6px}
.blog-card .excerpt{font-size:11px;color:var(--text-light);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Trending */
.trending-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}

/* Footer */
.site-footer{background:var(--secondary);color:#aaa;margin-top:30px}
.footer-main{padding:35px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
.footer-title{color:#fff;font-size:12px;font-weight:700;margin:0 0 15px;position:relative}
.footer-widget ul li{margin-bottom:8px}
.footer-widget a{color:#aaa;font-size:11px}
.footer-widget a:hover{color:#fff}
.footer-about p{font-size:11px;line-height:1.8;margin:0 0 15px;color:#aaa}
.footer-social{display:flex;gap:8px;margin-top:12px}
.footer-social a{width:28px;height:28px;background:rgba(255,255,255,.06);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:11px;transition:var(--transition)}
.footer-social a:hover{background:var(--primary);color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:14px 0;font-size:11px}
.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-logos{display:flex;gap:10px;align-items:center}
.footer-logos img{height:50px;background:#fff;border-radius:6px;padding:4px;object-fit:contain}

/* Single Product - Exact match */
.single-product-wrapper{background:#fff}
.product-top{padding:20px 0}
.product-top-inner{display:grid;grid-template-columns:380px 1fr;gap:30px;align-items:start}
.product-gallery{position:relative;border:1px solid var(--border-light);border-radius:var(--radius);padding:10px;background:#fff}
.product-gallery .main-img{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fff}
.product-gallery .main-img img{max-width:100%;max-height:100%;object-fit:contain}
.product-gallery .zoom-btn{position:absolute;bottom:10px;left:10px;width:28px;height:28px;background:#fff;border:1px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}
.product-summary h1{font-size:16px;font-weight:700;margin:0 0 10px;line-height:1.5}
.product-price-single{font-size:18px;font-weight:800;color:var(--primary);margin:10px 0}
.product-price-single del{font-size:13px;color:var(--text-muted);font-weight:400;margin-left:6px}
.product-meta-list{margin:15px 0;padding:0;list-style:none}
.product-meta-list li{font-size:11px;color:var(--text-light);padding:4px 0;display:flex;gap:6px;align-items:center}
.product-meta-list li::before{content:'•';color:var(--primary);font-weight:700}
.product-actions{display:flex;align-items:center;gap:10px;margin:18px 0;flex-wrap:wrap}
.qty-box{display:flex;align-items:center;border:1px solid var(--border);border-radius:4px;overflow:hidden;height:36px}
.qty-box button{width:30px;height:100%;border:none;background:#f9f9f9;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}
.qty-box button:hover{background:var(--border-light)}
.qty-box input{width:40px;height:100%;border:none;border-right:1px solid var(--border);border-left:1px solid var(--border);text-align:center;font-family:inherit;font-size:12px;outline:none}
.add-to-cart-btn{background:var(--primary);color:#fff;border:none;padding:0 20px;height:36px;border-radius:4px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:var(--transition)}
.add-to-cart-btn:hover{background:var(--primary-dark)}
.wishlist-btn{width:36px;height:36px;border:1px solid var(--border);border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:13px}
.wishlist-btn:hover{border-color:var(--primary);color:var(--primary)}
.product-share{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-light);display:flex;align-items:center;gap:10px;font-size:11px;color:var(--text-light)}
.product-share a{width:24px;height:24px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;transition:var(--transition)}
.product-share a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}

/* Sticky Add to Cart - Bottom bar */
.sticky-atc{
  position:fixed;bottom:0;right:0;left:0;background:#fff;border-top:1px solid var(--border);box-shadow:0 -2px 20px rgba(0,0,0,.08);padding:10px 0;z-index:999;transform:translateY(100%);transition:var(--transition);opacity:0;visibility:hidden
}
.sticky-atc.visible{transform:translateY(0);opacity:1;visibility:visible}
.sticky-atc-inner{display:flex;align-items:center;gap:15px;justify-content:space-between}
.sticky-atc-left{display:flex;align-items:center;gap:12px}
.sticky-atc-left img{width:50px;height:50px;object-fit:contain;border:1px solid var(--border-light);border-radius:4px;padding:4px}
.sticky-atc-info h4{font-size:12px;font-weight:600;margin:0 0 2px;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-atc-right{display:flex;align-items:center;gap:10px}

/* Product Tabs */
.product-tabs{margin:25px 0 0;border-top:1px solid var(--border-light)}
.tabs-header{display:flex;gap:20px;border-bottom:1px solid var(--border-light);padding:0 15px}
.tabs-header button{background:none;border:none;padding:14px 0;font-family:inherit;font-size:12px;font-weight:600;color:var(--text-light);cursor:pointer;position:relative;transition:var(--transition)}
.tabs-header button.active{color:var(--text)}
.tabs-header button.active::after{content:'';position:absolute;bottom:-1px;right:0;left:0;height:2px;background:var(--primary)}
.tabs-content{padding:20px 15px;font-size:12px;line-height:2;color:var(--text);background:#fff}
.tabs-content h3{font-size:14px;font-weight:700;margin:20px 0 10px}

/* Related */
.related-section{padding:25px 0;background:var(--bg-light);border-top:1px solid var(--border-light)}
.related-section h2{font-size:14px;font-weight:800;margin:0 0 18px}

/* Breadcrumb */
.breadcrumb-wrap{background:var(--bg-light);border-bottom:1px solid var(--border-light);padding:10px 0;font-size:11px}
.breadcrumb{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--text-light)}
.breadcrumb a{color:var(--text-light)}
.breadcrumb a:hover{color:var(--primary)}
.breadcrumb .sep{color:var(--text-muted);font-size:10px}
.breadcrumb .current{color:var(--text)}

/* Mobile */
.mobile-bottom-bar{
  position:fixed;bottom:0;right:0;left:0;background:#fff;border-top:1px solid var(--border);display:none;z-index:999;padding:6px 0;box-shadow:0 -2px 10px rgba(0,0,0,.05)
}
.mobile-bottom-bar-inner{display:flex;justify-content:space-around}
.mobile-tool{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:9px;color:var(--text-light)}
.mobile-tool i{font-size:16px}
.mobile-tool.active{color:var(--primary)}

/* Responsive */
@media(max-width:1024px){
  .products-grid-5{grid-template-columns:repeat(3,1fr)}
  .special-products{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .product-top-inner{grid-template-columns:1fr}
  .banners-grid{grid-template-columns:1fr}
  .hero-slider-inner{grid-template-columns:1fr;text-align:center}
  .hero-image{order:-1}
}
@media(max-width:768px){
  .topbar{display:none}
  .header-search{order:3;width:100%;max-width:100%;margin-top:10px}
  .header-main-inner{flex-wrap:wrap}
  .primary-menu{display:none}
  .mobile-toggle{display:flex}
  .cat-menu-wrap{display:none}
  .products-grid-5{grid-template-columns:repeat(2,1fr);gap:8px}
  .special-inner{flex-direction:column}
  .special-info{width:100%;flex-direction:row;justify-content:space-between;text-align:right}
  .special-products{grid-template-columns:repeat(2,1fr)}
  .blog-grid{grid-template-columns:1fr}
  .trending-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}
  .mobile-bottom-bar{display:flex}
  body{padding-bottom:55px}
  .filter-box{flex-direction:column;align-items:stretch}
  .filter-selects{flex-direction:column}
  .tire-banner{height:140px}
  .tire-banner-content{margin-left:5%;max-width:180px}
  .tabs-header{overflow-x:auto;white-space:nowrap}
}

/* Utilities */
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition);border:none;text-align:center;justify-content:center}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-dark);color:#fff;transform:translateY(-1px)}
.btn-dark{background:var(--secondary);color:#fff}
.btn-dark:hover{background:#000;color:#fff}

/* WooCommerce overrides */
.woocommerce .products{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.woocommerce .product{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;transition:var(--transition)}
.woocommerce .product:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:11px;font-weight:400;padding:8px 10px 0;min-height:40px;text-align:center}
.woocommerce ul.products li.product .price{font-size:11px;font-weight:700;color:var(--primary);text-align:center;padding:0 10px 10px}
.woocommerce span.onsale{background:var(--primary);font-size:10px;min-height:auto;min-width:auto;padding:3px 8px;border-radius:10px;top:6px;left:6px;right:auto;line-height:1.2}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{background:var(--primary);color:#fff;border-radius:4px;font-family:inherit;font-size:12px;font-weight:600;padding:8px 14px;transition:var(--transition)}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{background:var(--primary-dark);color:#fff}

/* SEO helpers */
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

/* === ELEMENTOR COMPATIBILITY - FULL === */
.elementor-section{ direction: rtl; }
.elementor-widget{ text-align: right; }
.elementor-column{ direction: rtl; }
.elementor-template-canvas{ background: #fff; }
.elementor-editor-active .site-wrapper{ pointer-events: none; }
.elementor-editor-active .topbar,
.elementor-editor-active .header-main,
.elementor-editor-active .header-bottom,
.elementor-editor-active .site-footer{ opacity: 0.3; }

/* Elementor Widgets - DigiSVG Custom */
.elementor-widget-digisvg-products .products{ display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 14px !important; }
.elementor-widget-digisvg-slider .hero-animated-wrapper{ margin: 0; }

/* Shop Page Elementor Compatibility */
.elementor .shop-page-wrapper{ background: transparent; padding: 0; }
.elementor .shop-top-bar{ position: static; }
.elementor .shop-sidebar{ position: static; max-height: none; }

/* Fix WooCommerce + Elementor conflicts */
.woocommerce div.product.elementor{ display: block; }
.elementor .woocommerce .products{ grid-template-columns: repeat(4,1fr) !important; }
.elementor .woocommerce ul.products li.product{ width: 100% !important; }

/* === ADVANCED ANIMATIONS - CAR SLIDER === */
@keyframes carFloatAdvanced{
  0%,100%{ transform: translateY(0) rotateY(-5deg) rotateX(2deg) scale(1); }
  25%{ transform: translateY(-12px) rotateY(-3deg) rotateX(1deg) scale(1.02); }
  50%{ transform: translateY(-6px) rotateY(-7deg) rotateX(3deg) scale(1); }
  75%{ transform: translateY(-15px) rotateY(-4deg) rotateX(1deg) scale(1.01); }
}

/* Smooth transitions for all interactive elements */
.product-card, .product-card-dark, .blog-card, .banner-item, .cat-card{
  will-change: transform;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

/* Shop Display Fix - Ensure grid works */
.shop-content .products{ display: grid !important; }
.shop-content .products li.product{ float: none !important; width: 100% !important; clear: none !important; }

/* Loading states */
.products.loading{ opacity: 0.6; pointer-events: none; position: relative; }
.products.loading::after{
  content: ''; position: absolute; inset: 0; background: rgba(255,255,255,0.8);
  display: flex; align-items: center; justify-content: center; z-index: 10;
}
.products.loading::before{
  content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px;
  border: 3px solid #f0f0f0; border-top-color: #ff9900; border-radius: 50%;
  animation: spin 0.8s linear infinite; z-index: 11; transform: translate(-50%,-50%);
}
@keyframes spin{ to{ transform: translate(-50%,-50%) rotate(360deg); } }

/* User-Friendly Enhancements */
.filter-checkbox:hover .checkmark{ border-color: #ff9900; }
.shop-search-form input:focus + button{ background: #e68a00; }

/* Accessibility & SEO */
.product-card:focus-within{ outline: 2px solid #ff9900; outline-offset: 2px; }
.hero-btn-primary:focus, .btn-primary:focus{ outline: 2px solid #ff9900; outline-offset: 2px; }

/* Print styles */
@media print{
  .topbar, .header-main, .header-bottom, .shop-top-bar, .shop-sidebar, .site-footer, .mobile-bottom-bar, .sticky-atc{ display: none !important; }
  .shop-content{ border: none !important; box-shadow: none !important; }
}

/* === MOBILE ENHANCED - PROFESSIONAL ZHAKET LEVEL === */
@media(max-width:768px){
  .container{padding:0 12px}
  .topbar{font-size:10px;padding:5px 0}
  .topbar-inner{flex-direction:column;gap:6px;text-align:center}
  .topbar-right{flex-wrap:wrap;justify-content:center;gap:10px}
  
  .header-main{padding:10px 0}
  .header-main-inner{flex-wrap:wrap;gap:12px}
  .logo img{height:36px}
  .header-search{order:10;width:100%;max-width:100%;margin-top:8px}
  .search-wrap{height:42px;border-radius:8px}
  .header-tools{gap:10px;margin-right:auto}
  .tool{width:36px;height:36px;background:#f9f9f9;border-radius:8px;border:1px solid #f0f0f0}
  
  .header-bottom{height:auto;min-height:44px}
  .header-bottom-inner{flex-wrap:wrap}
  .cat-menu-wrap{width:100%;height:44px;border-radius:0;justify-content:center}
  .primary-menu{display:none}
  .mobile-toggle{display:flex !important;width:36px;height:36px;background:#f9f9f9;border:1px solid #f0f0f0;border-radius:8px;align-items:center;justify-content:center}
  
  .hero-animated-wrapper{border-radius:12px;margin:10px 0 0}
  .hero-anim-slide{min-height:340px;padding:20px 15px}
  .hero-anim-content{grid-template-columns:1fr;gap:16px;text-align:center}
  .hero-car-wrap{order:-1}
  .hero-car-img{max-height:130px}
  .hero-text-wrap{text-align:center}
  .hero-title{font-size:18px;line-height:1.4}
  .hero-subtitle{font-size:11px}
  .hero-features{justify-content:center;gap:8px}
  .hero-features span{font-size:9px;padding:3px 6px}
  .hero-actions{justify-content:center}
  .hero-btn-primary{padding:8px 16px;font-size:11px}
  .hero-btn-secondary{padding:6px 12px;font-size:10px}
  
  .filter-section{padding:12px 0}
  .filter-box{padding:12px !important}
  
  .special-section{padding:20px 0 30px}
  .special-inner{flex-direction:column}
  .special-info{width:100%;flex-direction:row;justify-content:space-between;padding:12px 16px;background:rgba(255,255,255,.05);border-radius:8px}
  .special-info h3{font-size:13px}
  .special-products{grid-template-columns:repeat(2,1fr);gap:10px}
  
  .banners-grid{grid-template-columns:1fr;gap:10px}
  .banner-item{height:100px}
  
  .section{padding:18px 0}
  .section-header{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:8px}
  .section-header h2{font-size:13px}
  .section-tabs{overflow-x:auto;white-space:nowrap;width:100%;padding-bottom:6px;gap:10px}
  .section-tabs::-webkit-scrollbar{height:2px}
  .section-tabs::-webkit-scrollbar-thumb{background:#ff9900}
  .section-arrows{display:none}
  
  .products-grid-5{grid-template-columns:repeat(2,1fr) !important;gap:10px !important}
  .product-card .img-wrap{padding:8px}
  .product-card .title{font-size:10px;min-height:30px}
  .product-card .price{font-size:10px}
  
  .tire-banner{height:130px;border-radius:10px}
  .tire-banner img{height:120%;right:0;opacity:.6}
  .tire-banner-content{margin-left:5%;max-width:160px;text-align:center}
  .tire-banner-content h3{font-size:12px}
  
  .blog-grid{grid-template-columns:1fr;gap:12px}
  .trending-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  
  .shop-header{padding:16px;border-radius:10px;flex-direction:column;text-align:center;gap:12px}
  .shop-top-bar{padding:12px;flex-direction:column;align-items:stretch;gap:10px;position:static;border-radius:10px}
  .shop-top-right,.shop-top-left{justify-content:space-between;width:100%}
  .shop-result-count{font-size:10px;padding:5px 10px}
  .shop-ordering select{min-width:120px;flex:1;height:34px}
  
  .footer-trust{padding:15px 0}
  .trust-grid{grid-template-columns:1fr;gap:8px}
  .footer-main{padding:25px 0 15px}
  .footer-grid{grid-template-columns:1fr;gap:20px}
  .footer-newsletter{flex-direction:column;text-align:center;padding:16px;gap:14px}
  .newsletter-form{max-width:100%;width:100%}
  .newsletter-content{flex-direction:column;text-align:center}
  
  .mobile-bottom-bar{display:flex !important}
  body{padding-bottom:60px}
  
  .sticky-atc{padding:8px 0}
  .sticky-atc-inner{flex-direction:column;gap:8px}
  .sticky-atc-left{width:100%;justify-content:center}
  .sticky-atc-right{width:100%;justify-content:center}
  .sticky-atc-info h4{max-width:180px;font-size:11px}
}

@media(max-width:480px){
  .products-grid-5{grid-template-columns:repeat(2,1fr) !important;gap:8px !important}
  .special-products{grid-template-columns:repeat(2,1fr) !important}
  .trending-grid{grid-template-columns:repeat(2,1fr) !important}
}

/* === COMMERCIAL THEME ENHANCEMENTS - ZHAKET LEVEL === */
.digisvg-badge{position:absolute;top:10px;right:10px;z-index:10;display:flex;flex-direction:column;gap:4px}
.digisvg-badge span{background:#ff9900;color:#fff;font-size:9px;padding:3px 6px;border-radius:10px;font-weight:700;line-height:1}
.digisvg-badge .badge-new{background:#2ecc71}
.digisvg-badge .badge-hot{background:#e74c3c;animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}

/* Elementor compatibility - ensure widgets work */
.elementor-widget-container .shop-page-wrapper,
.elementor-widget-container .hero-animated-wrapper,
.elementor-widget-container .filter-section{margin:0}

/* Enamad dedicated area */
.enamad-widget-content{display:flex;flex-direction:column;gap:12px;align-items:center}
.enamad-item{transition:.3s}
.enamad-item:hover{transform:translateY(-2px)}
.enamad-custom-code{width:100%;text-align:center}

/* Performance - will-change for animations */
.hero-car-img, .product-card, .blog-card{will-change:transform}

/* Focus styles for accessibility */
a:focus, button:focus, select:focus, input:focus{outline:2px solid #ff9900;outline-offset:2px}
a:focus:not(:focus-visible), button:focus:not(:focus-visible){outline:none}

/* === FLOATING MENU & FIX MENU - PROFESSIONAL COMMERCIAL === */
.floating-menu{
  position:fixed;bottom:20px;right:20px;z-index:999;display:flex;flex-direction:column;gap:10px;transition:.3s
}
.floating-menu-btn{
  width:50px;height:50px;background:linear-gradient(135deg,#ff9900,#e68a00);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(255,153,0,.3);cursor:pointer;transition:.3s;font-size:18px;border:2px solid #fff
}
.floating-menu-btn:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 30px rgba(255,153,0,.4)}
.floating-menu-items{display:flex;flex-direction:column;gap:8px;opacity:0;visibility:hidden;transform:translateY(20px);transition:.3s}
.floating-menu.active .floating-menu-items{opacity:1;visibility:visible;transform:translateY(0)}
.floating-menu-item{
  width:44px;height:44px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.1);color:#333;font-size:14px;transition:.3s;text-decoration:none;border:1px solid #f0f0f0
}
.floating-menu-item:hover{background:#ff9900;color:#fff;transform:scale(1.1);border-color:#ff9900}

/* Fix Menu - Sticky with shadow */
.header-main.fixed{
  position:fixed;top:0;right:0;left:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);box-shadow:0 4px 30px rgba(0,0,0,.08);animation:slideDown .4s ease
}
@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.header-bottom.fixed{
  position:fixed;top:0;right:0;left:0;z-index:999;box-shadow:0 4px 20px rgba(0,0,0,.1)
}

/* Mobile Fix Menu Enhanced */
@media(max-width:768px){
  .mobile-panel{
    width:85% !important;max-width:340px !important;background:#fff !important;
    box-shadow:-10px 0 40px rgba(0,0,0,.15) !important;
    padding:0 !important;overflow:hidden !important;display:flex !important;flex-direction:column !important
  }
  .mobile-panel-header{
    background:linear-gradient(135deg,#232323,#2f2f2f);color:#fff;padding:16px 20px;
    display:flex;justify-content:space-between;align-items:center
  }
  .mobile-panel-content{flex:1;overflow-y:auto;padding:15px}
  .mobile-panel .primary-menu ul{flex-direction:column !important;gap:0 !important}
  .mobile-panel .primary-menu li{border-bottom:1px solid #f5f5f5}
  .mobile-panel .primary-menu a{color:#333 !important;padding:14px 0 !important;display:flex !important;justify-content:space-between !important;align-items:center !important}
  .mobile-panel .primary-menu a::after{content:'\f104';font-family:'Font Awesome 6 Free';font-weight:900;font-size:10px;color:#ccc}
  
  .floating-menu{bottom:75px;right:15px}
  .floating-menu-btn{width:46px;height:46px;font-size:16px}
  .floating-menu-item{width:40px;height:40px;font-size:13px}
}

/* Commercial enhancements - Attract employer & user */
.commercial-badge{
  position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#ff9900,#ffb84d);color:#fff;padding:4px 10px;border-radius:20px;font-size:9px;font-weight:800;z-index:5;box-shadow:0 4px 12px rgba(255,153,0,.3);display:flex;align-items:center;gap:4px
}
.commercial-badge i{font-size:10px}

.product-card.commercial{position:relative;overflow:hidden}
.product-card.commercial::before{
  content:'';position:absolute;top:0;right:0;width:100%;height:3px;background:linear-gradient(90deg,#ff9900,#ffb84d);transform:scaleX(0);transform-origin:right;transition:.3s;z-index:2
}
.product-card.commercial:hover::before{transform:scaleX(1)}

.btn-commercial{
  background:linear-gradient(135deg,#ff9900 0%,#e68a00 100%);color:#fff;border:none;padding:10px 20px;border-radius:25px;font-weight:700;font-size:11px;display:inline-flex;align-items:center;gap:8px;transition:.3s;box-shadow:0 6px 15px rgba(255,153,0,.25);position:relative;overflow:hidden;text-decoration:none
}
.btn-commercial::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}
.btn-commercial:hover::before{left:100%}
.btn-commercial:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,153,0,.35);color:#fff}

/* === BRANDS - SCREENSHOT EXACT + PERFORMANCE GRADE A === */
.brands-section + .special-section{margin-top:10px}
.products-home-pro + .section{margin-top:0}

/* Performance - Reduce CLS */
img{height:auto}
.product-card.pro .img-wrap{aspect-ratio:1}
.brand-card{min-height:88px;contain:layout style paint}
.swiper{contain:layout style}

/* User-friendly enhancements */
.btn-commercial.large:hover{transform:translateY(-2px) scale(1.02)}
.pro-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pro-tabs::-webkit-scrollbar{display:none}

/* Speed: will-change for animations */
.swiper-wrapper{will-change:transform}
.product-card,.brand-card{will-change:transform}

/* Focus for accessibility - user friendly */
a:focus-visible,button:focus-visible{outline:2px solid #ff9900;outline-offset:2px;border-radius:4px}

/* Skeleton loading for products - perceived performance */
.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}

/* Print hidden for speed */
@media print{.floating-menu,.mobile-bottom-bar,.brands-nav,.section-arrows{display:none!important}}

/* Reduce motion for users who prefer */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Commercial pro badges - user attraction */
.pro-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;padding:2px 6px;border-radius:10px;font-size:8px;font-weight:800;z-index:3;display:flex;align-items:center;gap:3px}
.pro-badge.new{background:linear-gradient(135deg,#3b82f6,#60a5fa)}
.pro-badge.hot{background:linear-gradient(135deg,#ef4444,#f87171)}

/* === FIXES v10 - SHOP, SLIDER, SPECIAL MOBILE ORDER, CATEGORIES === */

/* Fix Shop Display - Grid */
.woocommerce .products, .products-wrapper .products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce .products::before, .woocommerce .products::after { display: none !important; }
.woocommerce ul.products li.product, .woocommerce .products li {
  width: 100% !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  list-style: none !important;
}
.product-card {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  overflow: hidden;
  transition: .3s;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.product-card:hover { border-color: #e5e7eb; box-shadow: 0 8px 25px rgba(0,0,0,.08); transform: translateY(-3px); }
.product-card .img-wrap { position: relative; background: #fafafa; aspect-ratio: 1; padding: 10px; overflow: hidden; }
.product-card .img-wrap img { width: 100%; height: 100%; object-fit: contain; transition: .3s; }
.product-card:hover .img-wrap img { transform: scale(1.05); }
.product-card .badge { position: absolute; top: 8px; right: 8px; background: #ff9900; color: #fff; padding: 3px 8px; border-radius: 12px; font-size: 9px; font-weight: 800; z-index: 2; }
.product-card .info { padding: 12px; flex: 1; display: flex; flex-direction: column; gap: 6px; }
.product-card .title { font-size: 12px; font-weight: 600; line-height: 1.5; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 36px; }
.product-card .title a { color: #232323; text-decoration: none; }
.product-card .title a:hover { color: #ff9900; }
.product-card .price { font-size: 12px; font-weight: 800; color: #232323; margin-top: auto; }

/* Shop Responsive */
@media(max-width:1200px){ .woocommerce .products{ grid-template-columns: repeat(3,1fr) !important; } }
@media(max-width:768px){ .woocommerce .products{ grid-template-columns: repeat(2,1fr) !important; gap: 10px !important; } }

/* Fix Slider Loading */
.hero-animated-wrapper { min-height: 380px; background: #1a1a1a; position: relative; }
.hero-animated-wrapper .swiper { min-height: 380px; }
.hero-animated-wrapper.loading::before {
  content: ''; position: absolute; inset: 0; background: #1a1a1a; z-index: 5;
  display: flex; align-items: center; justify-content: center;
}
.hero-animated-swiper .swiper-slide { opacity: 0; transition: opacity .5s; }
.hero-animated-swiper .swiper-slide-active { opacity: 1; }

/* Fix Special Offer - Mobile Order + Slider Single Row */
.special-section { padding: 20px 0; background: #232323; margin: 20px 0; border-radius: 12px; overflow: hidden; }
.special-section.flexible { margin: 15px 0; }
.special-section.light { background: #fff; border: 1px solid #eee; }
.special-section.light .special-info h3 { color: #232323; }
.special-section.light .special-info p { color: #666; }
.special-inner { display: flex; gap: 20px; align-items: center; }
.special-products { flex: 1; display: block; overflow: hidden; }
.special-info { width: 260px; flex-shrink: 0; color: #fff; display: flex; flex-direction: column; gap: 15px; justify-content: center; }
.special-info h3 { font-size: 20px; font-weight: 900; line-height: 1.3; margin: 0; color: #fff; }
.special-info p { font-size: 12px; color: #aaa; margin: 0; }
.product-card-dark { background: #fff; border-radius: 10px; overflow: hidden; transition: .3s; }
.product-card-dark:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,.2); }
.product-card-dark .img-wrap { position: relative; background: #fafafa; aspect-ratio: 1; padding: 8px; }
.product-card-dark .img-wrap img { width: 100%; height: 100%; object-fit: contain; }
.product-card-dark .badge { position: absolute; top: 6px; right: 6px; background: #ff4444; color: #fff; padding: 2px 6px; border-radius: 10px; font-size: 9px; font-weight: 800; }
.product-card-dark .info { padding: 10px; }
.product-card-dark .title { font-size: 11px; font-weight: 600; margin: 0 0 6px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 32px; }
.product-card-dark .title a { color: #232323; text-decoration: none; }
.product-card-dark .price { font-size: 11px; font-weight: 800; color: #232323; }
.product-card-dark .price del { color: #999; font-size: 10px; margin-left: 4px; }
.product-card-dark .price ins { text-decoration: none; color: #ff4444; }

/* Mobile: special info BEFORE products */
@media(max-width:768px){
  .special-inner { flex-direction: column; }
  .special-info { order: -1; width: 100%; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 4px; }
  .special-info h3 { font-size: 16px; }
  .special-info h3 br { display: none; }
  .special-products { grid-template-columns: repeat(2, 1fr); width: 100%; gap: 10px; }
  /* Slider on mobile single row */
  .special-section.mobile-slider .special-products { display: block; overflow: hidden; }
  .special-section.mobile-slider .special-products.swiper { padding-bottom: 30px; }
  .special-section.mobile-slider .special-products .swiper-wrapper { display: flex; gap: 0; }
  .special-section.mobile-slider .special-products .swiper-slide { width: 160px; flex-shrink: 0; }
  .special-section.mobile-slider .special-pagination { bottom: 0; }
  .special-section.mobile-slider .special-pagination .swiper-pagination-bullet-active { background: #ff9900; }
}

/* Categories fix - real links */
.cat-dropdown ul { list-style: none; margin: 0; padding: 8px 0; }
.cat-dropdown ul li { margin: 0; }
.cat-dropdown ul li a { display: flex; align-items: center; gap: 10px; padding: 10px 14px; font-size: 12px; color: #333; text-decoration: none; transition: .2s; border-radius: 6px; margin: 2px 6px; }
.cat-dropdown ul li a:hover { background: #fff8ed; color: #ff9900; padding-right: 18px; }
.cat-dropdown ul li a i { width: 20px; text-align: center; color: #999; }
.cat-dropdown ul li a:hover i { color: #ff9900; }

/* Fix footer special placement */
.special-section.footer { background-size: cover; background-position: center; position: relative; }
.special-section.footer::before { content: ''; position: absolute; inset: 0; background: rgba(35,35,35,.85); z-index: 1; }
.special-section.footer .container { position: relative; z-index: 2; }

/* Ensure products visible */
.shop-content .products { opacity: 1 !important; visibility: visible !important; }

/* === FIX PC LAYOUT - AFTER MOBILE FIX === */
@media(min-width:769px){
  .special-inner{flex-direction:row !important;align-items:center !important}
  .special-info{order:0 !important;width:260px !important;flex-direction:column !important;justify-content:center !important;text-align:center !important;background:transparent !important}
  .special-info h3 br{display:block !important}
  .special-products{grid-template-columns:repeat(4,1fr) !important;width:auto !important}
  .special-section.mobile-slider .special-products{display:grid !important}
  .special-section.mobile-slider .special-products.swiper{padding-bottom:0 !important}
  .special-section.mobile-slider .special-products .swiper-wrapper{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:12px !important;transform:none !important}
  .special-section.mobile-slider .special-products .swiper-slide{width:auto !important}
  .special-section.mobile-slider .special-pagination{display:none !important}
}

/* === ENHANCED GRAPHICS - SHOP & SEARCH - COMMERCIAL === */
.shop-header{
  background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 50%,#1a1a1a 100%) !important;
  border:1px solid rgba(255,153,0,.1) !important;
  box-shadow:0 10px 40px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.05) !important;
  position:relative;overflow:hidden
}
.shop-header::after{
  content:'';position:absolute;top:-50%;right:-30%;width:60%;height:200%;
  background:radial-gradient(ellipse, rgba(255,153,0,.08) 0%, transparent 60%);
  pointer-events:none
}
.shop-header-info h1{font-size:22px !important;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.shop-top-bar{
  background:rgba(255,255,255,.9) !important;
  backdrop-filter:blur(20px) !important;
  border:1px solid rgba(0,0,0,.06) !important;
  box-shadow:0 8px 30px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04) !important;
  border-radius:14px !important
}
.filter-toggle-btn{
  background:linear-gradient(135deg,#fff,#f9f9f9) !important;
  border:1.5px solid #e8e8e8 !important;
  box-shadow:0 2px 8px rgba(0,0,0,.04) !important;
  border-radius:10px !important;
  font-weight:700 !important;
  transition:.3s !important
}
.filter-toggle-btn:hover{
  background:linear-gradient(135deg,#fff8ed,#fff) !important;
  border-color:#ff9900 !important;
  box-shadow:0 4px 15px rgba(255,153,0,.15) !important;
  transform:translateY(-1px)
}
.shop-sidebar{
  background:rgba(255,255,255,.95) !important;
  backdrop-filter:blur(20px) !important;
  border:1px solid rgba(0,0,0,.06) !important;
  box-shadow:0 10px 40px rgba(0,0,0,.06) !important;
  border-radius:16px !important;
  overflow:hidden
}
.shop-sidebar .widget{
  background:transparent !important;
  border-bottom:1px solid rgba(0,0,0,.04) !important;
  padding:20px !important;
  position:relative
}
.shop-sidebar .widget::before{
  content:'';position:absolute;top:0;right:20px;left:20px;height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,153,0,.1), transparent)
}
.shop-sidebar .widget-title{
  font-size:13px !important;
  font-weight:900 !important;
  color:#1a1a1a !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important
}
.shop-sidebar .widget-title::before{
  content:'';width:4px;height:16px;background:linear-gradient(135deg,#ff9900,#ffb84d);border-radius:2px;display:inline-block
}
.shop-sidebar .widget-title::after{display:none !important}
.shop-content{
  background:rgba(255,255,255,.9) !important;
  backdrop-filter:blur(10px) !important;
  border:1px solid rgba(0,0,0,.06) !important;
  box-shadow:0 10px 40px rgba(0,0,0,.05) !important;
  border-radius:16px !important
}
.product-card{
  background:linear-gradient(135deg,#fff 0%,#fcfcfc 100%) !important;
  border:1px solid rgba(0,0,0,.06) !important;
  box-shadow:0 2px 12px rgba(0,0,0,.04) !important;
  border-radius:14px !important;
  overflow:hidden;
  position:relative
}
.product-card::before{
  content:'';position:absolute;top:0;right:0;left:0;height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,153,0,.2), transparent);
  opacity:0;transition:.3s
}
.product-card:hover::before{opacity:1}
.product-card:hover{
  box-shadow:0 12px 35px rgba(0,0,0,.08), 0 4px 15px rgba(0,0,0,.04) !important;
  border-color:rgba(255,153,0,.15) !important;
  transform:translateY(-4px) scale(1.01) !important
}
.product-card .img-wrap{
  background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%) !important;
  position:relative;
  overflow:hidden
}
.product-card .img-wrap::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at center, rgba(255,153,0,.03) 0%, transparent 70%);
  opacity:0;transition:.3s;pointer-events:none
}
.product-card:hover .img-wrap::after{opacity:1}

/* Search Page Enhanced */
.search-page-header{
  background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  padding:25px;
  margin-bottom:20px;
  box-shadow:0 4px 20px rgba(0,0,0,.04);
  position:relative;overflow:hidden
}
.search-page-header::before{
  content:'';position:absolute;top:0;right:0;width:4px;height:100%;
  background:linear-gradient(135deg,#ff9900,#ffb84d)
}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr);gap:10px}}

/* Filter Box Enhanced */
.filter-box{
  background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%) !important;
  border:1px solid rgba(0,0,0,.06) !important;
  box-shadow:0 8px 25px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.8) !important;
  border-radius:14px !important;
  backdrop-filter:blur(10px)
}
.filter-select select{
  background:linear-gradient(135deg,#fff,#fafafa) !important;
  border:1.5px solid #e8e8e8 !important;
  box-shadow:0 2px 6px rgba(0,0,0,.02) !important;
  border-radius:10px !important;
  transition:.3s !important
}
.filter-select select:focus{
  border-color:#ff9900 !important;
  box-shadow:0 0 0 3px rgba(255,153,0,.1), 0 4px 12px rgba(0,0,0,.05) !important;
  background:#fff !important
}
.filter-btn{
  background:linear-gradient(135deg,#ff9900 0%,#e68a00 100%) !important;
  box-shadow:0 6px 20px rgba(255,153,0,.25) !important;
  border-radius:10px !important;
  font-weight:800 !important;
  position:relative;overflow:hidden
}
.filter-btn::before{
  content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent);
  transition:.5s
}
.filter-btn:hover::before{left:100%}
.filter-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,153,0,.35) !important}

/* Pagination Enhanced */
.woocommerce-pagination ul, .pagination{
  display:flex;gap:6px;justify-content:center;align-items:center;list-style:none;padding:20px 0
}
.woocommerce-pagination ul li a, .woocommerce-pagination ul li span, .pagination a, .pagination span{
  min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;
  background:#fff;border:1.5px solid #eee;border-radius:10px;font-size:12px;font-weight:600;
  color:#666;text-decoration:none;transition:.3s;box-shadow:0 2px 8px rgba(0,0,0,.03)
}
.woocommerce-pagination ul li a:hover, .pagination a:hover{
  border-color:#ff9900;color:#ff9900;background:#fff8ed;transform:translateY(-2px);box-shadow:0 6px 15px rgba(255,153,0,.15)
}
.woocommerce-pagination ul li span.current, .pagination span.current{
  background:linear-gradient(135deg,#ff9900,#e68a00);color:#fff;border-color:#ff9900;box-shadow:0 6px 20px rgba(255,153,0,.3)
}

/* Article Pagination */
.post-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:30px 0;padding:20px;background:#fff;border:1px solid #eee;border-radius:12px}
.post-pagination a{padding:10px 16px;background:#f9f9f9;border:1px solid #eee;border-radius:8px;font-size:12px;color:#333;text-decoration:none;transition:.2s;display:flex;align-items:center;gap:8px}
.post-pagination a:hover{border-color:#ff9900;background:#fff8ed;color:#ff9900}

/* Blog Archive Pagination */
.blog-pagination{display:flex;justify-content:center;gap:8px;margin:30px 0}
.blog-pagination a, .blog-pagination span{padding:10px 16px;background:#fff;border:1px solid #eee;border-radius:8px;font-size:12px;text-decoration:none;transition:.2s}
.blog-pagination a:hover{border-color:#ff9900;color:#ff9900}
.blog-pagination .current{background:#ff9900;color:#fff;border-color:#ff9900}

/* === MOBILE MENU FIX - USER FRIENDLY PRO === */
.mobile-panel{
  background:linear-gradient(180deg,#fff 0%,#fcfcfc 100%) !important;
  border-left:1px solid rgba(0,0,0,.06) !important
}
.mobile-panel-header{
  background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%) !important;
  padding:18px 20px !important;
  position:relative;overflow:hidden
}
.mobile-panel-header::before{
  content:'';position:absolute;top:0;right:0;width:100%;height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,153,0,.3), transparent)
}
.mobile-panel-header strong{font-size:14px !important;font-weight:800 !important}
.mobile-panel-content{padding:0 !important}
.mobile-search-box{padding:15px;border-bottom:1px solid #f0f0f0;background:#f9f9f9}
.mobile-search-box form{display:flex;gap:8px}
.mobile-search-box input{flex:1;height:42px;border:1.5px solid #e0e0e0;border-radius:10px;padding:0 14px;font-size:12px;font-family:inherit;background:#fff}
.mobile-search-box button{width:42px;height:42px;background:linear-gradient(135deg,#ff9900,#e68a00);color:#fff;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mobile-menu-section{padding:15px;border-bottom:1px solid #f5f5f5}
.mobile-menu-section h4{font-size:12px;font-weight:800;margin:0 0 12px;color:#1a1a1a;display:flex;align-items:center;gap:8px}
.mobile-menu-section h4 i{color:#ff9900}
.mobile-menu-section ul{display:flex;flex-direction:column;gap:2px}
.mobile-menu-section ul li a{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:8px;font-size:12px;color:#333;text-decoration:none;transition:.2s}
.mobile-menu-section ul li a:hover{background:#fff8ed;color:#ff9900;padding-right:14px}
.mobile-menu-section ul li a i{width:20px;text-align:center;color:#999;font-size:12px}
.mobile-menu-section ul li a:hover i{color:#ff9900}
.mobile-contact{padding:15px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:0}
.mobile-contact-item{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:11px;color:#666;border-bottom:1px solid #f0f0f0}
.mobile-contact-item:last-child{border:none}
.mobile-contact-item i{width:28px;height:28px;background:#fff;border:1px solid #eee;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ff9900;font-size:11px}
.mobile-social{padding:15px;display:flex;gap:8px;justify-content:center}
.mobile-social a{width:36px;height:36px;background:#fff;border:1px solid #eee;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px;transition:.2s;text-decoration:none}
.mobile-social a:hover{background:#ff9900;color:#fff;border-color:#ff9900;transform:translateY(-2px)}

/* Overlay blur */
.mobile-overlay{backdrop-filter:blur(8px) !important;background:rgba(0,0,0,.4) !important}

/* Widget Management - Enhanced */
.widget-area{display:flex;flex-direction:column;gap:15px}
.widget{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.03);transition:.3s;position:relative;overflow:hidden}
.widget::before{content:'';position:absolute;top:0;right:20px;left:20px;height:1px;background:linear-gradient(90deg, transparent, rgba(255,153,0,.1), transparent);opacity:0;transition:.3s}
.widget:hover::before{opacity:1}
.widget:hover{box-shadow:0 8px 30px rgba(0,0,0,.06);transform:translateY(-1px)}
.widget-title{font-size:13px !important;font-weight:900 !important;color:#1a1a1a !important;display:flex !important;align-items:center !important;gap:8px !important;margin:0 0 16px !important;padding-bottom:12px !important;border-bottom:2px solid #f5f5f5 !important;position:relative}
.widget-title::before{content:'';width:4px;height:16px;background:linear-gradient(135deg,#ff9900,#ffb84d);border-radius:2px;display:inline-block}
.widget-title::after{display:none !important}
.widget ul li{padding:8px 0;border-bottom:1px solid #f8f8f8;font-size:12px}
.widget ul li:last-child{border:none}
.widget ul li a{color:#555;text-decoration:none;transition:.2s;display:flex;align-items:center;gap:8px}
.widget ul li a:hover{color:#ff9900;padding-right:4px}

/* Footer widgets enhanced */
.footer-widget{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:18px;backdrop-filter:blur(10px)}
.footer-widget .widget-title{color:#fff !important;border-bottom-color:rgba(255,255,255,.08) !important}

/* === FINAL PC FIX - DESKTOP RESTORED === */
/* PC - Images larger, slider on PC, no bg image */
@media(min-width:769px){
  .special-section{padding:30px 0 40px !important;margin:15px 0 !important;border-radius:16px !important;background:#232323 !important;background-image:none !important}
  .special-section::before{display:none !important}
  .special-inner{display:flex !important;flex-direction:row !important;gap:25px !important;align-items:center !important}
  .special-info{width:200px !important;flex-shrink:0 !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;text-align:center !important;background:transparent !important;order:0 !important;padding:15px !important}
  .special-info h3{font-size:18px !important;font-weight:900 !important;line-height:1.3 !important}
  .special-info h3 br{display:block !important}
  .special-info p{font-size:12px !important}
  .special-products{flex:1 !important;display:block !important;overflow:hidden !important}
  .special-products.swiper{padding-bottom:40px !important}
  .special-products .swiper-wrapper{display:flex !important;gap:0 !important}
  .special-products .swiper-slide{width:calc(25% - 12px) !important;flex-shrink:0 !important}
  .special-products .product-card-dark{height:100% !important}
  .special-products .product-card-dark .img-wrap{aspect-ratio:1 !important;padding:15px !important;background:#fff !important}
  .special-products .product-card-dark .img-wrap img{width:100% !important;height:100% !important;object-fit:contain !important;max-height:180px !important}
  .products-grid-5{grid-template-columns:repeat(5,1fr) !important}
  .banners-grid{grid-template-columns:repeat(3,1fr) !important}
  .blog-grid{grid-template-columns:repeat(3,1fr) !important}
  .trending-grid{grid-template-columns:repeat(4,1fr) !important}
  .product-card .img-wrap{padding:15px !important}
  .product-card .img-wrap img{max-height:200px !important}
}

/* Always slider - PC and mobile */
.special-section .special-products.always-slider{display:block !important;overflow:hidden !important}
.special-section .special-products.always-slider .swiper-wrapper{display:flex !important}
.special-section .special-products.always-slider .swiper-slide{flex-shrink:0 !important}
.special-nav{display:flex;gap:8px;position:absolute;top:50%;transform:translateY(-50%);width:100%;justify-content:space-between;pointer-events:none;z-index:10;padding:0 10px;left:0;right:0}
.special-nav button{width:36px;height:36px;background:rgba(255,255,255,.9);border:1px solid #eee;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;transition:.3s;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#333;font-size:12px}
.special-nav button:hover{background:#ff9900;color:#fff;border-color:#ff9900;transform:scale(1.1)}
.special-pagination{bottom:5px !important}
.special-pagination .swiper-pagination-bullet{background:#fff;opacity:.5}
.special-pagination .swiper-pagination-bullet-active{background:#ff9900;opacity:1;width:20px;border-radius:4px}

/* No background image - clean */
.special-section{background-image:none !important}
.special-section.footer{background-image:none !important}
.special-section.footer::before{display:none !important;background:none !important}
.special-section.flexible{background-image:none !important}

/* Larger images on PC */
.product-card-dark .img-wrap{padding:15px !important;background:#fff !important;min-height:180px !important;display:flex !important;align-items:center !important;justify-content:center !important}
.product-card-dark .img-wrap img{max-width:100% !important;max-height:100% !important;object-fit:contain !important;width:auto !important;height:auto !important}
.product-card-dark .info{padding:12px 12px 14px !important}
.product-card-dark .title{font-size:12px !important;min-height:36px !important}


/* === WIDGET MANAGEMENT - YES WE HAVE === */
/* We have 8 widget areas:
- sidebar-1 (main)
- shop-sidebar (shop)
- footer-1,2,3,4 (footer columns)
- enamad-area (enamad dedicated)
- shop-top-banner (shop top)
- under-slider (under slider)
- Plus special offer widget areas via shortcode
*/

/* Widget styling enhanced for management */
.widget-area, .sidebar-content, .single-sidebar, .blog-sidebar{
  display:flex;flex-direction:column;gap:15px
}
.widget{
  background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:20px;
  box-shadow:0 4px 20px rgba(0,0,0,.03);transition:.3s
}
.widget:hover{box-shadow:0 8px 30px rgba(0,0,0,.06);transform:translateY(-1px)}

/* Search and shop filter boxes - enhanced graphics */
.filter-box.enhanced{
  background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 8px 30px rgba(0,0,0,.05), inset 0 1px 0 rgba(255,255,255,.9);
  border-radius:16px;
  padding:16px 20px;
}
.filter-box.enhanced .filter-title{
  font-weight:900;font-size:13px;color:#1a1a1a;display:flex;align-items:center;gap:8px
}
.filter-box.enhanced .filter-title i{
  width:28px;height:28px;background:linear-gradient(135deg,#ff9900,#ffb84d);
  color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px
}

/* Shop page graphic boxes */
.shop-page-wrapper .widget, .shop-sidebar .widget{
  background:linear-gradient(135deg,#fff 0%,#fcfcfc 100%);
  border:1px solid rgba(0,0,0,.05);
  box-shadow:0 4px 20px rgba(0,0,0,.03);
  border-radius:14px;
  position:relative;overflow:hidden
}
.shop-page-wrapper .widget::after{
  content:'';position:absolute;top:0;right:0;width:3px;height:100%;
  background:linear-gradient(180deg,#ff9900,#ffb84d);opacity:0;transition:.3s
}
.shop-page-wrapper .widget:hover::after{opacity:1}

/* Search box graphic */
.search-wrap{
  background:linear-gradient(135deg,#fff,#fafafa) !important;
  border:1.5px solid #e8e8e8 !important;
  box-shadow:0 4px 15px rgba(0,0,0,.03) !important;
  border-radius:12px !important;
  transition:.3s !important
}
.search-wrap:focus-within{
  border-color:#ff9900 !important;
  box-shadow:0 0 0 4px rgba(255,153,0,.1), 0 8px 25px rgba(0,0,0,.06) !important;
  background:#fff !important
}
.search-wrap button{
  background:linear-gradient(135deg,#ff9900,#e68a00) !important;
  border-radius:0 10px 10px 0 !important;
  width:44px !important
}

/* Article page - already fixed in single.php but add pagination */
.single-article-wrapper .pagination, .blog-archive-wrapper .pagination{
  background:#fff;border:1px solid #eee;border-radius:12px;padding:15px;
  display:flex;justify-content:center;gap:8px;margin:20px 0
}