:root { --primary:#f5841f;--primary-dark:#d96f10;--dark:#1c1c1c;--gray:#666;--border:#e8e8e8;--bg-light:#f8f8f8;--success:#2e8b57; }
*{box-sizing:border-box;margin:0;padding:0;}
html{overflow-x:hidden;width:100%;}
body{font-family:'Segoe UI',Arial,sans-serif;color:#222;overflow-x:hidden;background:#fff;position:relative;width:100%;max-width:100vw;}
.container{max-width:1200px;margin:0 auto;padding:0 24px;}
a{text-decoration:none;color:inherit;}
img,svg{max-width:100%;}
ul{list-style:none;}

.top-bar{background:var(--dark);color:#aaa;font-size:12.5px;padding:7px 0;}
.top-bar-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;}
.top-bar-links{display:flex;flex-wrap:wrap;gap:4px;}
.top-bar-links a{color:#ccc;padding:2px 12px;border-left:1px solid #444;white-space:nowrap;transition:.15s;}
.top-bar-links a:first-child{border-left:none;}
.top-bar-links a:hover{color:var(--primary);}
.become-seller-link{color:var(--primary)!important;font-weight:700;}

.main-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.04);}
.main-header-inner{display:flex;align-items:center;gap:18px;padding:14px 24px;}
.hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:6px;flex-shrink:0;}
.hamburger span{width:22px;height:2.5px;background:var(--dark);border-radius:2px;transition:.25s;}
.logo{font-size:23px;font-weight:800;color:var(--primary);white-space:nowrap;flex-shrink:0;letter-spacing:.3px;}
.logo span{color:var(--dark);}
.header-search{flex:1;min-width:160px;}
.header-search form{display:flex;border:2px solid var(--primary);border-radius:24px;overflow:hidden;height:42px;}
.header-search select{border:none;background:var(--bg-light);padding:0 10px;font-size:12.5px;border-right:1px solid var(--border);max-width:130px;flex-shrink:0;}
.header-search input{flex:1;min-width:0;border:none;padding:0 14px;font-size:14px;outline:none;}
.header-search button{background:var(--primary);border:none;color:#fff;padding:0 20px;cursor:pointer;font-size:16px;transition:.15s;}
.header-search button:hover{background:var(--primary-dark);}
.header-actions{display:flex;gap:22px;font-size:12.5px;flex-shrink:0;}
.header-icon{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;position:relative;color:var(--dark);transition:.15s;}
.header-icon:hover{color:var(--primary);}
.header-icon .ic{font-size:20px;}
.badge-count{position:absolute;top:-6px;right:-10px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s;}
.badge-count.pop{transform:scale(1.4);}

.category-nav{background:var(--dark);position:relative;z-index:90;}
.category-nav-inner{display:flex;align-items:stretch;color:#fff;font-size:13.5px;}
.all-categories-btn{position:relative;background:var(--primary);color:#fff;padding:0 18px;display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;font-weight:600;}
.all-categories-btn:hover{background:var(--primary-dark);}
.nav-links{display:flex;align-items:center;gap:2px;flex-wrap:wrap;}
.nav-links > a{padding:13px 14px;color:#ddd;white-space:nowrap;transition:.15s;border-bottom:2px solid transparent;}
.nav-links > a:hover{color:var(--primary);}
.nav-links > a.highlight{color:var(--primary);font-weight:700;}

.mega-panel{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.18);width:640px;max-width:calc(100vw - 32px);z-index:120;border-radius:0 0 10px 10px;overflow:hidden;}
.all-categories-btn:hover .mega-panel, .mega-panel:hover{display:flex;}
.mega-panel-col{flex:1;padding:18px 20px;border-right:1px solid var(--border);}
.mega-panel-col:last-child{border-right:none;}
.mega-panel-col h5{font-size:13px;color:var(--primary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:12px;}
.mega-panel-col a{display:block;color:#333;font-size:13.5px;padding:6px 0;transition:.15s;}
.mega-panel-col a:hover{color:var(--primary);padding-left:4px;}

.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:150;}
.overlay.show{display:block;}
.mobile-drawer{position:fixed;top:0;left:-320px;width:300px;height:100%;background:#fff;z-index:160;transition:left .25s ease;overflow-y:auto;box-shadow:4px 0 20px rgba(0,0,0,.2);}
.mobile-drawer.open{left:0;}
.drawer-head{background:var(--dark);color:#fff;padding:18px;display:flex;justify-content:space-between;align-items:center;}
.drawer-head .logo{color:var(--primary);font-size:19px;}
.drawer-close{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;}
.drawer-links a{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);font-size:14.5px;color:#222;}
.drawer-links a.highlight{color:var(--primary);font-weight:700;}
.drawer-section-title{padding:14px 18px 6px;font-size:11px;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;}

.hero-slider{position:relative;overflow:hidden;}
.hero-track{display:flex;transition:transform .5s ease;}
.hero-slide{min-width:100%;background:linear-gradient(120deg,#fff4e8,#ffe4cc);padding:60px 0;}

.hero-inner{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;}
.hero-text h1{font-size:36px;margin-bottom:12px;color:var(--dark);}
.hero-text p{color:var(--gray);margin-bottom:22px;font-size:15px;max-width:520px;}
.btn{display:inline-block;background:var(--primary);color:#fff;padding:12px 28px;border-radius:24px;font-weight:600;border:none;cursor:pointer;transition:.15s;font-size:14px;}
.btn:hover{background:var(--primary-dark);transform:translateY(-1px);}
.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary);padding:10px 26px;}
.btn-outline:hover{background:var(--primary);color:#fff;}
.hero-dots{display:flex;justify-content:center;gap:8px;padding:14px 0;background:#fff;}
.hero-dot{width:8px;height:8px;border-radius:50%;background:var(--border);cursor:pointer;transition:.2s;}
.hero-dot.active{background:var(--primary);width:22px;border-radius:5px;}

.section{padding:44px 0;}
.section-title{font-size:22px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;}
.section-title a{font-size:13px;color:var(--primary);font-weight:600;}
.hp-view-all{text-align:center;margin-top:26px;}
.pdf-viewer-frame{border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06);background:#525659;height:560px;}
.pdf-viewer-frame iframe{width:100%;height:100%;border:0;display:block;}
@media(max-width:640px){.pdf-viewer-frame{height:420px;border-radius:8px;}}
.hp-view-all a{display:inline-block;font-size:13.5px;font-weight:700;color:var(--primary);border:1.5px solid var(--primary);padding:10px 28px;border-radius:30px;text-decoration:none;transition:.15s;}
.hp-view-all a:hover{background:var(--primary);color:#fff;}
.hp-section.theme-dark .hp-view-all a{color:#fff;border-color:#fff;}
.hp-section.theme-dark .hp-view-all a:hover{background:#fff;color:#1a1a1a;}
.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.cat-card{text-align:center;padding:20px 10px;border:1px solid var(--border);border-radius:12px;transition:.2s;cursor:pointer;}
.cat-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 24px rgba(245,132,31,.15);}
.cat-card .icon{font-size:30px;margin-bottom:8px;}
.cat-card .name{font-size:13px;font-weight:600;}

.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.product-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;background:#fff;transition:.25s;display:flex;flex-direction:column;height:100%;}
.product-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.12);transform:translateY(-3px);}
.product-badge{position:absolute;top:10px;left:10px;background:var(--primary);color:#fff;font-size:10.5px;padding:4px 9px;border-radius:20px;z-index:3;font-weight:700;}
.product-badge.digital{background:#2d6cdf;}
.product-badge.variable{background:#7a3fd6;}
.product-badge.physical{background:var(--success);}
.product-img{height:190px;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-size:44px;color:#ccc;position:relative;}
.quick-actions{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateX(8px);transition:.2s;z-index:3;}
.product-card:hover .quick-actions{opacity:1;transform:translateX(0);}
.qa-btn{width:32px;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(0,0,0,.15);cursor:pointer;font-size:14px;border:none;transition:.15s;}
.qa-btn:hover{background:var(--primary);color:#fff;}
.qa-btn.liked{background:#e0392b;color:#fff;}
.qa-btn.active{background:var(--primary);color:#fff;}
.product-info{padding:12px;display:flex;flex-direction:column;flex:1;}
.product-info .product-title{display:block;}
.product-info .product-price{margin-top:4px;}
.product-vendor{font-size:11px;color:var(--gray);margin-bottom:4px;}
.product-title{font-size:14px;font-weight:600;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;line-height:1.3;}
.product-price{font-size:15.5px;font-weight:700;color:var(--primary);}
.product-price .old{color:#999;text-decoration:line-through;font-weight:400;font-size:13px;margin-right:6px;}
.product-actions{margin-top:auto;padding-top:10px;}
.product-actions .btn{width:100%;text-align:center;padding:9px;font-size:13px;border-radius:6px;}
.product-actions .btn.added{background:var(--success);}

.seller-banner{background:linear-gradient(120deg,#1c1c1c,#2e2e2e);color:#fff;border-radius:14px;padding:42px;display:flex;justify-content:space-between;align-items:center;margin:44px 0;flex-wrap:wrap;gap:16px;}
.seller-banner h3{font-size:24px;margin-bottom:8px;}
.seller-banner p{color:#ccc;font-size:14px;max-width:480px;}

.site-footer{background:#181818;color:#bbb;padding:36px 0 0;margin-top:20px;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:24px;padding-bottom:22px;}
.footer-col h4{color:#fff;margin-bottom:10px;font-size:14px;font-weight:700;}
.footer-col p{font-size:12.5px;line-height:1.6;color:#999;}
.footer-col a{display:block;color:#999;margin-bottom:6px;font-size:12.5px;transition:.15s;}
.footer-col a:hover{color:var(--primary);}
.footer-bottom{border-top:1px solid #2e2e2e;padding:14px 0;text-align:center;font-size:11.5px;color:#777;}
.newsletter-box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding-bottom:24px;border-bottom:1px solid #2a2a2a;margin-bottom:22px;}
.newsletter-form{display:flex;gap:8px;flex-wrap:wrap;}
.newsletter-form input{padding:10px 14px;border-radius:6px;border:1px solid #3a3a3a;background:#242424;color:#fff;font-size:13px;min-width:220px;}
.newsletter-form input::placeholder{color:#888;}
.newsletter-form .btn{padding:10px 20px;font-size:13px;}
@media(max-width:640px){.newsletter-box{flex-direction:column;text-align:center;}.newsletter-form{width:100%;justify-content:center;}.newsletter-form input{flex:1;min-width:0;}}
.social-icons{display:flex;gap:8px;margin-top:12px;justify-content:center;}
.social-icon-btn{width:32px;height:32px;border-radius:50%;background:#2a2a2a;color:#ccc;display:flex;align-items:center;justify-content:center;transition:transform .2s ease, background .2s ease, color .2s ease;position:relative;z-index:1;}
.social-icon-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px);z-index:2;box-shadow:0 4px 10px rgba(0,0,0,.3);}
.share-widget{margin-top:16px;}
.share-native-btn{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border:none;padding:11px 22px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s;}
.share-native-btn:hover{opacity:.9;transform:translateY(-1px);}
@media(min-width:769px){
    /* Desktop पर सीधे नीचे के Icons ही काफ़ी हैं — Native Share Button सिर्फ Mobile के लिए, जहां OS
       का अपना Share Sheet एक जाना-पहचाना, उपयोगी Experience होता है */
    .share-native-btn{display:none;}
}
.share-widget .share-buttons{margin-top:10px;}
.share-buttons{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap;}
.share-buttons-label{font-size:12.5px;color:var(--gray);font-weight:600;margin-right:2px;}
.share-label{font-size:12.5px;color:var(--gray);font-weight:600;}
.share-btn{width:38px;height:38px;border-radius:50%;background:var(--bg-light);color:var(--dark);display:flex;align-items:center;justify-content:center;transition:.2s;border:1px solid var(--border);box-shadow:0 2px 6px rgba(0,0,0,.04);}
@media(max-width:640px){
    /* Mobile पर Touch से दबाना आसान हो, इसलिए Apple/Google के सुझाए कम से कम 44px साइज़ तक बढ़ाते हैं */
    .share-btn{width:44px;height:44px;}
    .share-native-btn{min-height:44px;}
}
.share-btn svg{width:17px;height:17px;}
.share-btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.15);border-color:transparent;background:var(--primary);color:#fff;}
.share-btn[title*="WhatsApp" i]:hover{background:#25D366;}
.share-btn[title*="Facebook" i]:hover{background:#1877F2;}
.share-btn[title*="Twitter" i]:hover, .share-btn[title="X"]:hover{background:#000;}
.share-btn[title*="Telegram" i]:hover{background:#26A5E4;}
.share-btn[title*="LinkedIn" i]:hover{background:#0A66C2;}
.share-btn[title*="Pinterest" i]:hover{background:#E60023;}
.share-btn[title*="Reddit" i]:hover{background:#FF4500;}
.share-btn[title*="SMS" i]:hover{background:#34C759;}
.share-btn[title*="Email" i]:hover{background:#6b7280;}
.ql-editor{min-height:220px;font-size:14px;}
.img-preview-box{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.img-preview-thumb{width:80px;height:80px;object-fit:cover;border-radius:6px;border:2px solid var(--primary);}
.img-preview-item{position:relative;display:inline-block;}
.img-preview-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:#c0392b;color:#fff;border:2px solid #fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.3);}
.img-preview-remove:hover{background:#a12e21;transform:scale(1.1);}
.backup-progress-wrap{margin-top:14px;}
.backup-progress-bar{width:100%;height:14px;background:var(--bg-light);border-radius:8px;overflow:hidden;border:1px solid var(--border);}
.backup-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),#ffb066);transition:width .3s ease;}
.backup-progress-text{font-size:12px;color:var(--gray);margin-top:6px;}

/* Homepage section color themes */
.hp-section{padding:36px 0;border-radius:16px;margin-bottom:30px;}
.hp-section.theme-orange{background:linear-gradient(135deg,#fff4e8,#ffe4cc);}
.hp-section.theme-blue{background:linear-gradient(135deg,#e8f1ff,#d6e8ff);}
.hp-section.theme-green{background:linear-gradient(135deg,#e8f9ee,#d3f2df);}
.hp-section.theme-purple{background:linear-gradient(135deg,#f3e8ff,#e6d3ff);}
.hp-section.theme-teal{background:linear-gradient(135deg,#e0fbf8,#c8f4ef);}
.hp-section.theme-pink{background:linear-gradient(135deg,#ffe8f0,#ffd3e2);}
.hp-section.theme-dark{background:linear-gradient(135deg,#232323,#2e2e2e);color:#eee;}
.hp-section.theme-dark .section-title h2{color:#fff;}
.hp-section.theme-dark .cat-card, .hp-section.theme-dark .product-card{background:#333;border-color:#444;}
.hp-section.theme-dark .product-title a, .hp-section.theme-dark .cat-card .name{color:#eee;}
.hp-cat-grid{display:grid;gap:16px;}
.hp-cat-card{background:#fff;border-radius:12px;padding:18px 10px;text-align:center;transition:.2s;box-shadow:0 2px 8px rgba(0,0,0,.05);}
.hp-cat-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(0,0,0,.12);}
.hp-cat-card img{width:56px;height:56px;object-fit:cover;border-radius:50%;margin:0 auto 8px;}
.hp-cat-card .icon-fallback{font-size:30px;margin-bottom:8px;}
.hp-cat-card .name{font-size:13px;font-weight:600;}

/* ---------- 10 Homepage Grid Styles (admin चुन सकता है) ---------- */
.gs-minimal .product-card, .gs-minimal .hp-cat-card{border:none;box-shadow:none;background:transparent;}
.gs-minimal .product-card:hover, .gs-minimal .hp-cat-card:hover{box-shadow:none;transform:none;}

.gs-bordered .product-card, .gs-bordered .hp-cat-card{border:2px solid var(--primary);box-shadow:none;}

.gs-overlay .product-card{position:relative;}
.gs-overlay .product-img{height:220px;}
.gs-overlay .product-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;padding-top:30px;}
.gs-overlay .product-vendor{color:#ddd;}
.gs-overlay .product-title a{color:#fff;}

.gs-circular .hp-cat-card img{border-radius:50%;}
.gs-circular .product-img{border-radius:50%;overflow:hidden;width:160px;height:160px;margin:0 auto;}
.gs-circular .product-card{border:none;box-shadow:none;text-align:center;background:transparent;}

.gs-shadow .product-card, .gs-shadow .hp-cat-card{box-shadow:0 8px 24px rgba(0,0,0,.1);border:none;}
.gs-shadow .product-card:hover, .gs-shadow .hp-cat-card:hover{box-shadow:0 20px 44px rgba(0,0,0,.22);transform:translateY(-8px);}

.gs-compact .product-grid, .gs-compact .hp-cat-grid{grid-template-columns:1fr !important;}
.gs-compact .product-card{display:flex;flex-direction:row;align-items:center;}
.gs-compact .product-img{width:110px;height:90px;flex-shrink:0;}
.gs-compact .hp-cat-card{display:flex;flex-direction:row;align-items:center;gap:12px;text-align:left;}
.gs-compact .hp-cat-card img{margin:0;flex-shrink:0;}

.gs-rounded .product-card, .gs-rounded .hp-cat-card{border-radius:22px;}
.gs-rounded .product-img{border-radius:22px 22px 0 0;}
.gs-rounded .hp-cat-card img{border-radius:16px;}

.gs-dark .product-card, .gs-dark .hp-cat-card{background:#232323;color:#eee;border-color:#3a3a3a;}
.gs-dark .product-vendor{color:#aaa;}
.gs-dark .product-title a, .gs-dark .hp-cat-card .name{color:#fff;}

.gs-bold .product-title, .gs-bold .hp-cat-card .name{text-transform:uppercase;letter-spacing:.5px;font-weight:800;font-size:13px;}

.gs-gradient .product-card, .gs-gradient .hp-cat-card{border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box, linear-gradient(135deg,var(--primary),#7a3fd6) border-box;}

/* ---------- 8 और नई Homepage Grid Styles ---------- */
.gs-glass .product-card, .gs-glass .hp-cat-card{background:rgba(255,255,255,.55);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px rgba(0,0,0,.08);}

.gs-badge .product-card{position:relative;overflow:visible;}
.gs-badge .product-card::before{content:'NEW';position:absolute;top:-8px;left:-8px;background:var(--primary);color:#fff;font-size:10px;font-weight:800;padding:4px 10px;border-radius:20px;z-index:2;box-shadow:0 3px 8px rgba(0,0,0,.2);}

.gs-neon .product-card, .gs-neon .hp-cat-card{border:2px solid var(--primary);box-shadow:0 0 0 rgba(245,132,31,0);transition:box-shadow .3s,transform .3s;}
.gs-neon .product-card:hover, .gs-neon .hp-cat-card:hover{box-shadow:0 0 20px rgba(245,132,31,.5);transform:translateY(-4px);}

.gs-split .product-grid{grid-template-columns:1fr !important;}
.gs-split .product-card{display:flex;flex-direction:row;border-radius:16px;overflow:hidden;}
.gs-split .product-img{width:35%;height:auto;}
.gs-split .product-info{flex:1;padding:16px 20px;}
.gs-split .hp-cat-card{display:flex;flex-direction:row;text-align:left;gap:14px;padding:14px;}

.gs-polaroid .product-card, .gs-polaroid .hp-cat-card{background:#fff;padding:10px 10px 20px;border:1px solid #eee;box-shadow:0 4px 14px rgba(0,0,0,.12);transform:rotate(-1deg);transition:.2s;}
.gs-polaroid .product-card:nth-child(even), .gs-polaroid .hp-cat-card:nth-child(even){transform:rotate(1deg);}
.gs-polaroid .product-card:hover, .gs-polaroid .hp-cat-card:hover{transform:rotate(0) scale(1.03);z-index:2;}
.gs-polaroid .product-img{margin-bottom:6px;}

.gs-outline-only .product-card, .gs-outline-only .hp-cat-card{background:transparent;border:1.5px solid var(--dark);box-shadow:none;}

.gs-pill-title .product-title a, .gs-pill-title .hp-cat-card .name{display:inline-block;background:var(--bg-light);padding:4px 12px;border-radius:20px;font-size:12px;}

.gs-large-image .product-img{height:260px;}
.gs-large-image .hp-cat-card img{height:140px;}

/* ---------- नई Product Card जानकारी: Discount Badge, Stock Indicator, Rating Stars ---------- */
.discount-badge{position:absolute;top:10px;right:10px;background:var(--danger,#c0392b);color:#fff;font-size:11px;font-weight:800;padding:4px 9px;border-radius:6px;z-index:2;box-shadow:0 3px 8px rgba(0,0,0,.2);}
/* ---------- Blog Cards (आधुनिक, editorial style) ---------- */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.blog-card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--border);display:flex;flex-direction:column;height:100%;transition:.3s;box-shadow:0 2px 8px rgba(0,0,0,.04);}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(0,0,0,.12);border-color:transparent;}
.blog-card-img-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg-light);}
.blog-card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.blog-card:hover .blog-card-img-wrap img{transform:scale(1.07);}
.blog-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#ccc;}
.blog-card-cat{position:absolute;left:12px;bottom:12px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.2);}
.blog-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;}
.blog-card-title{font-size:16px;font-weight:700;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.blog-card-title a{color:var(--dark);}
.blog-card-title a:hover{color:var(--primary);}
.blog-card-excerpt{font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;}
.blog-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--gray);}
.blog-card-readmore{color:var(--primary);font-weight:700;font-size:12.5px;}
.blog-card-readmore:hover{text-decoration:underline;}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr) !important;}}
@media(max-width:560px){.blog-grid{grid-template-columns:1fr !important;gap:16px;}}
.bulk-action-bar{display:none;align-items:center;gap:12px;background:var(--dark);color:#fff;padding:10px 16px;border-radius:8px;margin-bottom:14px;flex-wrap:wrap;}
.bulk-action-bar select{padding:6px 10px;border-radius:4px;border:none;}
.bulk-action-bar button{padding:6px 14px;border-radius:4px;border:none;cursor:pointer;font-size:12.5px;font-weight:600;}
.bulk-edit-panel{display:none;border:1px solid #1a5a8a;background:#eef6fb;border-radius:8px;padding:16px;margin-bottom:16px;}
.bulk-edit-panel.show{display:block;}
.stock-indicator{font-size:11.5px;font-weight:700;margin-top:4px;}
.stock-indicator.low{color:var(--danger,#c0392b);}

/* ---------- Vendor Store Page (आधुनिक डिज़ाइन) ---------- */
.store-banner{height:220px;background-size:cover;background-position:center;border-bottom:1px solid var(--border);}
.store-header{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-top:-40px;position:relative;z-index:2;padding-top:20px;}
.store-logo{width:96px;height:96px;border-radius:16px;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 16px rgba(0,0,0,.15);background:#fff;flex-shrink:0;}
.store-logo-placeholder{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:36px;font-weight:800;}
.store-header-info{flex:1;min-width:200px;}
.store-header-info h1{margin-bottom:4px;}
.store-tagline{color:var(--gray);font-size:14px;margin-bottom:8px;}
.store-meta-row{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--gray);margin-bottom:8px;}
.store-rating{color:#f5a623;font-weight:700;}
.store-rating span{color:var(--gray);font-weight:400;font-size:12px;}
.store-social{display:flex;gap:8px;}
.store-social a{width:32px;height:32px;border-radius:50%;background:var(--bg-light);color:var(--dark);display:flex;align-items:center;justify-content:center;transition:.2s;}
.store-social a:hover{background:var(--primary);color:#fff;}
.store-contact-btn{align-self:flex-start;white-space:nowrap;}
.store-description{margin-top:16px;color:#444;font-size:14px;line-height:1.6;max-width:700px;}
.store-product-grid .product-card{box-shadow:0 4px 14px rgba(0,0,0,.06);border:none;border-radius:14px;transition:transform .25s ease, box-shadow .25s ease;}
.store-product-grid .product-card:hover{box-shadow:0 14px 32px rgba(0,0,0,.14);transform:translateY(-6px);border-color:transparent;}
.store-policies{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:30px;}
.store-policy-card{border:1px solid var(--border);border-radius:10px;padding:16px;background:var(--bg-light);}
.store-policy-card h4{margin-bottom:6px;font-size:14px;}
.store-policy-card p{font-size:13px;color:#555;line-height:1.5;}
@media(max-width:640px){
    .store-banner{height:140px;}
    .store-header{margin-top:-30px;}
    .store-logo{width:72px;height:72px;}
    .store-contact-btn{width:100%;text-align:center;}
}

/* ---------- Store Product Cards — थोड़ा और polished ---------- */
.store-product-grid .product-img{height:200px;}
.store-card-type{display:inline-block;font-size:10.5px;font-weight:700;color:var(--primary);background:var(--bg-light);padding:3px 9px;border-radius:12px;margin-bottom:6px;}
@media(max-width:480px){.store-product-grid .product-img{height:140px;}}
.card-rating{color:#f5a623;font-size:13px;letter-spacing:1px;margin:4px 0;}
.card-rating span{color:var(--gray);font-size:11px;letter-spacing:0;margin-left:2px;}

/* ---------- 4 और Card Template Styles ---------- */
.gs-zoom .product-img{overflow:hidden;}
.gs-zoom .product-img img{transition:transform .4s ease;}
.gs-zoom .product-card:hover .product-img img{transform:scale(1.12);}

.gs-vendor-badge .product-vendor{display:inline-block;background:var(--bg-light);padding:2px 10px;border-radius:12px;font-size:10.5px;font-weight:600;}

.gs-two-tone .product-card{background:linear-gradient(180deg,var(--bg-light) 0%,var(--bg-light) 55%,#fff 55%,#fff 100%);}

.gs-price-focus .product-price{font-size:22px;font-weight:800;color:var(--primary);}
.gs-price-focus .product-title{font-size:12px;color:var(--gray);}

/* ---------- Slider (Carousel) — पूरी section एक horizontal scroll पट्टी बन जाती है ---------- */
.gs-slider .product-grid, .gs-slider .hp-cat-grid{
    display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;
    padding-bottom:14px;grid-template-columns:none !important;
    -webkit-overflow-scrolling:touch;
}
.gs-slider .product-card, .gs-slider .hp-cat-card{flex:0 0 220px;scroll-snap-align:start;}
.gs-slider .product-grid::-webkit-scrollbar, .gs-slider .hp-cat-grid::-webkit-scrollbar{height:6px;}
.gs-slider .product-grid::-webkit-scrollbar-thumb, .gs-slider .hp-cat-grid::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px;}
@media(max-width:480px){.gs-slider .product-card, .gs-slider .hp-cat-card{flex-basis:160px;}}

.trust-strip{background:linear-gradient(135deg,#fff9f2,#fff);border-bottom:1px solid var(--border);padding:28px 0;}
.trust-strip-inner{display:grid;gap:20px;}
.trust-item{display:flex;align-items:center;gap:14px;background:var(--trust-card-bg,#fff);border:1px solid var(--border);border-radius:14px;padding:16px 18px;transition:.2s;}
.trust-item:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.08);border-color:var(--primary);}
.trust-icon{font-size:var(--trust-icon-size,34px);width:calc(var(--trust-icon-size,34px) + 22px);height:calc(var(--trust-icon-size,34px) + 22px);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--trust-icon-bg,#fff1e0);color:var(--trust-icon-color,inherit);border-radius:50%;}
.trust-item strong{font-size:var(--trust-title-size,15px);color:var(--trust-title-color,#1c1c1c);display:block;}
.trust-desc{font-size:var(--trust-desc-size,12px);color:var(--trust-desc-color,#555);margin-top:2px;line-height:1.4;}
.trust-subtitle{font-size:var(--trust-subtitle-size,12px);color:var(--trust-subtitle-color,#777);display:block;margin-top:2px;}
@media(max-width:900px){.trust-strip-inner{grid-template-columns:repeat(2,1fr) !important;}}
@media(max-width:480px){.trust-strip-inner{grid-template-columns:1fr !important;}.trust-strip{padding:18px 0;}}
.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:var(--bg-light);padding:14px;border-radius:8px;margin-bottom:20px;}
.filter-bar select, .filter-bar input{padding:8px 10px;border:1px solid var(--border);border-radius:4px;font-size:13px;}
.blog-cat-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;}
.blog-cat-pill{padding:7px 16px;border-radius:20px;background:var(--bg-light);color:var(--dark);font-size:13px;font-weight:600;transition:.15s;}
.blog-cat-pill:hover, .blog-cat-pill.active{background:var(--primary);color:#fff;}
.blog-cat-tag{display:inline-block;font-size:11px;color:var(--primary);font-weight:700;text-transform:uppercase;margin-bottom:4px;}
.search-suggestions{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 28px rgba(0,0,0,.15);z-index:200;margin-top:4px;overflow:hidden;}
.search-suggestions.show{display:block;}
.search-suggestion-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);transition:.15s;}
.search-suggestion-item:hover{background:var(--bg-light);}
.search-suggestion-item img{width:36px;height:36px;object-fit:cover;border-radius:6px;flex-shrink:0;}
.search-suggestion-item .ss-title{font-size:13px;flex:1;}
.search-suggestion-item .ss-price{font-size:12px;color:var(--primary);font-weight:700;}
.back-to-top-btn{position:fixed;bottom:24px;right:24px;width:46px;height:46px;border-radius:50%;background:var(--primary);color:#fff;border:none;font-size:22px;font-weight:900;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25);display:none;align-items:center;justify-content:center;z-index:500;transition:.2s;}
.back-to-top-btn:hover{background:var(--primary-dark,#d96f10);transform:translateY(-3px);}
.back-to-top-btn.show{display:flex;}
@media(max-width:640px){.back-to-top-btn{bottom:16px;right:16px;width:40px;height:40px;font-size:17px;}}

.pwd-wrapper{flex:1 1 auto;min-width:0;max-width:100%;box-sizing:border-box;}
.reject-form{display:flex;gap:8px;flex:1 1 260px;min-width:0;max-width:100%;box-sizing:border-box;}
@media(max-width:480px){.reject-form{flex-basis:100%;}}
.gallery-manage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;margin-bottom:12px;}
.gallery-manage-item{border:1px solid var(--border);border-radius:8px;overflow:hidden;text-align:center;position:relative;}
.gallery-manage-item img{width:100%;height:80px;object-fit:cover;display:block;}
.gallery-x-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;cursor:pointer;transition:.15s;}
.gallery-x-btn:hover{background:#c0392b;transform:scale(1.1);}
.gallery-x-btn input{display:none;}
.gallery-x-btn:has(input:checked){background:#c0392b;}
.gallery-manage-item:has(.gallery-x-btn input:checked){opacity:.35;}
.gallery-manage-item:has(.gallery-x-btn input:checked)::after{content:'हटेगी';position:absolute;bottom:0;left:0;right:0;background:#c0392b;color:#fff;font-size:10px;padding:2px;}
.gallery-manage-item.marked-remove{opacity:.35;}
.gallery-manage-item.marked-remove::after{content:'हटेगी';position:absolute;bottom:0;left:0;right:0;background:#c0392b;color:#fff;font-size:10px;padding:2px;}
.compare-table th{background:var(--bg-light);text-align:left;padding:12px;font-size:13px;white-space:nowrap;}
.compare-table td{padding:12px;vertical-align:top;min-width:160px;}
.tracking-timeline{display:flex;align-items:flex-start;position:relative;padding:10px 0;}
.tracking-step{flex:1;text-align:center;position:relative;}
.tracking-step::before{content:'';position:absolute;top:14px;left:-50%;width:100%;height:3px;background:var(--border);z-index:0;}
.tracking-step:first-child::before{display:none;}
.tracking-step.done::before{background:var(--success);}
.tracking-dot{width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--border);margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;position:relative;z-index:1;}
.tracking-step.done .tracking-dot{background:var(--success);border-color:var(--success);}
.tracking-step.current .tracking-dot{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px rgba(245,132,31,.25);}
.tracking-label{font-size:11px;color:var(--gray);font-weight:600;}
.tracking-step.done .tracking-label, .tracking-step.current .tracking-label{color:var(--dark);}
@media(max-width:480px){.tracking-label{font-size:9px;}.tracking-dot{width:22px;height:22px;}}

/* Dashboard panel layout (admin / vendor / account) */
.panel-wrap{display:flex;gap:24px;padding-top:30px;padding-bottom:30px;align-items:flex-start;}
.panel-sidebar{width:230px;flex-shrink:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;position:sticky;top:90px;background:#fff;}
.panel-sidebar-head{background:var(--dark);color:#fff;padding:16px;font-size:13px;}
.panel-sidebar-head strong{display:block;font-size:15px;margin-bottom:2px;}
.panel-sidebar a{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:14px;color:#333;border-bottom:1px solid var(--border);transition:.15s;}
.panel-sidebar a:last-child{border-bottom:none;}
.panel-sidebar a:hover{background:var(--bg-light);}
.panel-sidebar a.active{background:var(--primary);color:#fff;font-weight:600;}
.panel-content{flex:1;min-width:0;}
.stat-card{border:1px solid var(--border);border-radius:8px;padding:16px;}
.stat-card .label{font-size:13px;color:var(--gray);margin-bottom:4px;}
.stat-card .value{font-size:24px;font-weight:800;}
.data-table{width:100%;border-collapse:collapse;}
.data-table th{background:var(--bg-light);text-align:left;padding:10px;font-size:13px;}
.data-table td{padding:10px;border-bottom:1px solid var(--border);font-size:14px;}
.status-pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:capitalize;}
.status-pill.active,.status-pill.approved,.status-pill.paid,.status-pill.delivered,.status-pill.completed{background:#e8f9ee;color:var(--success);}
.status-pill.pending{background:#fff4e5;color:var(--primary);}
.status-pill.inactive,.status-pill.rejected,.status-pill.failed,.status-pill.cancelled,.status-pill.terminated{background:#fdecea;color:#c0392b;}
.status-pill.processing,.status-pill.shipped{background:#e8f0fe;color:#2d6cdf;}
.mini-btn{padding:6px 12px;font-size:12px;border-radius:5px;}

/* Product detail page (was missing after an earlier CSS overwrite — restored) */
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:40px;padding-bottom:40px;}
.pd-gallery > img{border:1px solid var(--border);border-radius:8px;width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--bg-light);}
.pd-zoom-container{overflow:hidden;border-radius:8px;position:relative;cursor:zoom-in;}
.bulk-pricing-box{border:1px dashed var(--primary);background:#fff9f0;border-radius:8px;padding:12px 14px;margin:10px 0;}
.bulk-pricing-row{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;}
.bulk-pricing-pct{color:#1a8a4a;font-weight:700;}
.stock-notify-box{border:1px solid var(--border);background:var(--bg-light,#faf9f7);border-radius:8px;padding:12px 14px;margin-top:12px;}
.pd-zoom-container > img{transition:transform .12s ease-out;}
.pd-zoom-container.zoomed > img{transform:scale(1.9);cursor:zoom-out;}
@media(hover:none){.pd-zoom-container{cursor:default;}.pd-zoom-container.zoomed > img{transform:none;}}
.pd-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}
.pd-thumb{width:64px;height:64px;object-fit:cover;border-radius:6px;border:2px solid var(--border);cursor:pointer;transition:.15s;}
.pd-thumb:hover{border-color:var(--primary);}
.pd-thumb.active{border-color:var(--primary);}
.pd-info{min-width:0;}
.pd-title{font-size:26px;margin-bottom:8px;}
.pd-vendor{font-size:13px;color:var(--gray);margin-bottom:14px;}
.pd-vendor a{color:var(--primary);}
.pd-price{font-size:26px;color:var(--primary);font-weight:800;margin-bottom:14px;}
.pd-price-placeholder{font-size:15px !important;color:var(--gray) !important;font-weight:500 !important;font-style:italic;}
.pd-type-info{background:var(--bg-light);border-radius:8px;padding:14px;margin-bottom:16px;font-size:13px;}
.variation-select{margin-bottom:14px;}
.variation-select label{display:block;font-weight:600;margin-bottom:6px;font-size:13px;}
.variation-select select{width:100%;padding:10px;border:1px solid var(--border);border-radius:4px;}
.qty-input{width:70px;padding:10px;border:1px solid var(--border);border-radius:4px;margin-right:10px;}
@media(max-width:768px){
    .product-detail{grid-template-columns:1fr;gap:24px;}
}

/* Responsive utility classes — use these instead of inline grid-template-columns so media queries can override them */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.table-scroll .data-table{min-width:600px;}
.table-scroll .data-table.data-table-compact{min-width:0;width:100%;}
#variationTableEl{min-width:920px;}
#variationTableEl td, #variationTableEl th{padding:8px 6px;}
#variationTableEl input[type="checkbox"]{width:22px;height:22px;}
@media(max-width:640px){
    #variationTableWrap > p.variation-scroll-hint{display:block;}
}
.variation-scroll-hint{display:none;font-size:11.5px;color:var(--primary);margin-bottom:8px;}
@media(max-width:600px){.data-table-compact{font-size:11px;}.data-table-compact th, .data-table-compact td{padding:6px 4px;}}
.panel-form-actions{display:flex;gap:10px;flex-wrap:wrap;}
.attr-row{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-bottom:8px;}
.grid-span-all{grid-column:1/-1;}
.weight-field-group{grid-column:span 1;}
.weight-input-row{display:flex;gap:8px;flex-wrap:wrap;}
.weight-input-row select{min-width:70px;}
@media(max-width:600px){.weight-field-group{grid-column:1/-1;}}
.grid-span-2of3{grid-column:span 2;}
@media(max-width:600px){.grid-span-2of3{grid-column:1/-1;}}

@media(max-width:768px){
    .panel-wrap{flex-direction:column;}
    .panel-sidebar{width:100%;position:static;border-radius:0;}
    .panel-sidebar-links{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;}
    .panel-sidebar a{border-bottom:none;border-right:1px solid var(--border);white-space:nowrap;}
    .panel-content{width:100%;}
    .grid-3{grid-template-columns:1fr 1fr;}
    .grid-4{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
    .grid-2, .grid-3, .grid-4, .attr-row{grid-template-columns:1fr;}
    .stat-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));}
    .panel-sidebar-head{font-size:12px;}
    .data-table th, .data-table td{padding:8px;font-size:13px;}
}

@media(max-width:480px){
    .container{padding:0 16px;}
    .main-header-inner{padding:14px 16px;}
}
@media(max-width:900px){
    .product-grid{grid-template-columns:repeat(2,1fr) !important;}
    .cat-grid{grid-template-columns:repeat(3,1fr);}
    .hp-cat-grid{grid-template-columns:repeat(3,1fr) !important;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .nav-links > a:not(.highlight):nth-child(n+3){display:none;}
    /* जहां से ऊपर वाला Rule Nav Links छुपाना शुरू करता है, ठीक वहीं से Hamburger Menu भी दिखे —
       पहले यह Gap था (Tablet Range में Links छुप जाते पर Hamburger नहीं दिखता, Navigation खो जाता) */
    .hamburger{display:flex;}
    /* Tablet पर Header में बहुत सारी चीज़ें (Logo, बचे Links, Search, Icons, Hamburger) एक साथ ना
       ठुसें, इसलिए Search Bar को भी अपनी अलग, पूरी चौड़ाई वाली Line में नीचे भेज देते हैं */
    .header-search{order:3;width:100%;flex-basis:100%;}
    .main-header-inner{flex-wrap:wrap;}
}
@media(max-width:640px){
    .category-nav-inner{display:none;}
    .cat-grid{grid-template-columns:repeat(2,1fr);}
    .hp-cat-grid{grid-template-columns:repeat(2,1fr) !important;gap:10px !important;}
    .product-grid{grid-template-columns:1fr 1fr !important;gap:10px;}
    .hero-text h1{font-size:26px;}
    .seller-banner{text-align:center;justify-content:center;padding:28px 20px;}
    .footer-grid{grid-template-columns:1fr 1fr;text-align:center;gap:18px 14px;}
    .footer-grid > .footer-col:first-child{grid-column:1/-1;}
    .social-icons{justify-content:center;}
    .section-title{flex-direction:column;align-items:flex-start;gap:6px;}
    .header-actions{gap:16px;}

    .top-bar-inner{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px;}
    .top-bar-links{justify-content:center;}

    .top-bar-links a{padding:2px 10px;}

    .newsletter-box{padding-bottom:20px;margin-bottom:18px;}
    .social-icon-btn{width:40px;height:40px;font-size:16px;}
    .footer-col{padding:0 4px;}
    .footer-col a{padding:4px 0;}
    .footer-bottom{padding:16px 12px;font-size:11px;line-height:1.6;}
}
@media(max-width:480px){
    .footer-grid{grid-template-columns:1fr !important;text-align:center;gap:22px;}
    .footer-col:first-child{grid-column:auto;}
    .newsletter-form{flex-direction:column;align-items:stretch;}
    .newsletter-form input,.newsletter-form .btn{width:100%;}
}
@media(max-width:380px){
    .top-bar{font-size:11.5px;}
    .top-bar-inner span{line-height:1.5;}
}