/* Shop & E-commerce styles */
.header-icon{position:relative;color:#fff;font-size:14px;text-decoration:none;padding:8px 10px;font-weight:500;white-space:nowrap}
.header-icon:hover{background:rgba(255,255,255,.15)}

/* Header toolbar */
.header-toolbar { position: relative; }
.toolbar-item {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    color: #fff; text-decoration: none; padding: 6px 10px; min-width: 52px;
    border-radius: 4px; position: relative; transition: background .15s;
    background: none; border: none; font-family: inherit; cursor: pointer;
}
.toolbar-item:hover { background: rgba(255,255,255,.15); }
.toolbar-icon { font-size: 18px; line-height: 1; }
.toolbar-label { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; margin-top: 2px; opacity: .9; }
.toolbar-btn-register {
    padding: 8px 14px; background: #fff; color: #eb0000; font-size: 11px; font-weight: 700;
    text-transform: uppercase; text-decoration: none; letter-spacing: .03em; white-space: nowrap;
    transition: background .15s, color .15s;
}
.toolbar-btn-register:hover { background: #1a1a1a; color: #fff; }
.toolbar-admin { opacity: .75; }
.toolbar-admin:hover { opacity: 1; }
.toolbar-dropdown { position: relative; }
.toolbar-dropdown-menu {
    display: none; position: absolute; top: 100%; right: 0; min-width: 200px;
    background: #fff; border: 1px solid #e8e8e8; box-shadow: 0 8px 24px rgba(0,0,0,.15);
    z-index: 1100; margin-top: 4px;
}
.toolbar-dropdown.open .toolbar-dropdown-menu { display: block; }
.toolbar-dropdown-menu a {
    display: block; padding: 12px 16px; color: #1a1a1a; font-size: 14px;
    text-decoration: none; border-bottom: 1px solid #f5f5f5;
}
.toolbar-dropdown-menu a:hover { background: #fafafa; color: #eb0000; }
.toolbar-dropdown-menu .dropdown-logout { color: #991b1b; }
.dropdown-user { padding: 14px 16px; background: #fafafa; border-bottom: 1px solid #eee; font-size: 14px; font-weight: 600; }
.dropdown-user small { display: block; font-weight: 400; color: #888; font-size: 12px; margin-top: 2px; }
.mobile-search-toggle {
    width: 32px; height: 32px; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center/20px no-repeat;
    border: none; cursor: pointer; display: none;
}
.shop-toast {
    position: fixed; bottom: 24px; right: 24px; z-index: 99999;
    padding: 14px 22px; background: #1a1a1a; color: #fff; font-size: 14px; font-weight: 500;
    box-shadow: 0 8px 24px rgba(0,0,0,.2); transform: translateY(80px); opacity: 0;
    transition: transform .3s, opacity .3s; pointer-events: none; max-width: 320px;
}
.shop-toast.show { transform: translateY(0); opacity: 1; }
.shop-toast-error { background: #991b1b; }
.shop-toast-success { background: #166534; }
.product-buy-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; align-items: center; }
.product-buy-row .btn-add-cart, .product-buy-row .btn-buy-now { flex: 1; min-width: 140px; padding: 14px 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; border: none; cursor: pointer; text-align: center; }
.product-buy-row .btn-add-cart { background: #1a1a1a; color: #fff; }
.product-buy-row .btn-add-cart:hover { background: #eb0000; }
.product-buy-row .btn-buy-now { background: #eb0000; color: #fff; }
.product-buy-row .btn-buy-now:hover { background: #c80000; }
.product-buy-row .btn-wishlist { padding: 14px 18px; border: 2px solid #ddd; background: #fff; cursor: pointer; font-size: 13px; }
.product-buy-row .btn-wishlist.active { border-color: #eb0000; color: #eb0000; }
.product-out-of-stock { background: #fee2e2; color: #991b1b; padding: 12px 16px; font-weight: 600; margin: 16px 0; }
.badge-count{position:absolute;top:0;right:4px;background:#fff;color:#eb0000;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px}
.badge-count:empty{display:none}
.shop-page{padding:40px 0 80px}
.shop-layout{display:grid;grid-template-columns:280px 1fr;gap:32px}
.shop-search-wrap{position:relative;margin-bottom:12px}
.shop-search-wrap .search-suggestions{
    position:absolute;top:100%;left:0;right:0;z-index:20;
    background:#fff;border:1px solid #ddd;padding:12px;
    max-height:320px;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.1)
}
.shop-filters{background:#fff;padding:20px;border:1px solid #e8e8e8}
.shop-filters h3{margin:0 0 16px;font-size:16px}
.shop-filters label{display:block;font-size:12px;font-weight:600;margin:12px 0 4px;text-transform:uppercase;color:#666}
.shop-filters input,.shop-filters select{width:100%;padding:10px;border:1px solid #ddd;font-size:14px;margin-bottom:4px}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.product-card{background:#fff;border:1px solid #eee;padding:16px;position:relative}
.product-card-img{aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:#f9f9f9}
.product-card-img img{max-height:180px;object-fit:contain}
.product-card h3{font-size:13px;font-weight:700;text-transform:uppercase;margin:8px 0;line-height:1.3}
.product-price{font-weight:700;color:#eb0000}
.product-price s{color:#999;font-weight:400;margin-left:6px;font-size:12px}
.product-actions{display:flex;gap:8px;margin-top:12px}
.btn-add-cart{flex:1;padding:8px;background:#1a1a1a;color:#fff;border:none;font-size:12px;cursor:pointer}
.btn-add-cart:hover{background:#eb0000}
.btn-wishlist{padding:8px 12px;border:1px solid #ddd;background:#fff;cursor:pointer}
.btn-wishlist.active{color:#eb0000;border-color:#eb0000}
.badge-clearance{background:#eb0000;color:#fff;font-size:10px;padding:3px 8px;font-weight:700;position:absolute;top:12px;left:12px;z-index:1}
.cart-table{width:100%;margin:24px 0}
.cart-product{display:flex;gap:12px;align-items:center}
.cart-product img{width:60px;height:60px;object-fit:contain}
.cart-summary{max-width:360px;margin-left:auto;background:#f5f5f5;padding:24px}
.cart-total{font-size:20px}

/* ── Checkout Page ── */
.checkout-page{padding:32px 0 80px;background:#f7f7f7;min-height:60vh}
.checkout-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:36px;flex-wrap:wrap}
.checkout-step{display:flex;align-items:center;gap:10px;text-decoration:none;color:#999;font-size:14px}
.checkout-step.done{color:#1a1a1a}
.checkout-step.active{color:#eb0000;font-weight:600}
.checkout-step .step-num{width:32px;height:32px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}
.checkout-step.active .step-num,.checkout-step.done .step-num{background:#eb0000;border-color:#eb0000;color:#fff}
.checkout-step.done .step-num{background:#1a1a1a;border-color:#1a1a1a}
.step-divider{width:48px;height:2px;background:#ddd;margin:0 8px}
.step-label{font-weight:500}
.checkout-grid{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start}
.checkout-card{background:#fff;border:1px solid #e8e8e8;margin-bottom:20px;overflow:hidden}
.checkout-card-head{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid #f0f0f0;background:#fafafa}
.checkout-card-head h2{margin:0;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.card-icon{font-size:20px;line-height:1}
.checkout-card .form-group,.checkout-card-compact{padding:0 24px}
.checkout-card .form-group{margin-bottom:18px}
.checkout-card .form-group:first-of-type{margin-top:20px}
.checkout-card .form-group:last-of-type{margin-bottom:24px}
.checkout-card label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#666;margin-bottom:6px}
.checkout-card label .req{color:#eb0000}
.checkout-card label .opt{font-weight:400;text-transform:none;color:#aaa}
.checkout-card input,.checkout-card textarea{width:100%;padding:12px 14px;border:1px solid #ddd;font-size:15px;font-family:inherit;color:#1a1a1a;background:#fff;transition:border-color .15s,box-shadow .15s;border-radius:0}
.checkout-card input:focus,.checkout-card textarea:focus{outline:none;border-color:#eb0000;box-shadow:0 0 0 3px rgba(235,0,0,.08)}
.checkout-card textarea{resize:vertical;min-height:80px}
.form-row{display:grid;gap:16px;padding:0 24px}
.form-row-2{grid-template-columns:1fr 1fr;margin-bottom:0}
.form-row-3{grid-template-columns:1fr 1fr 1fr;margin-bottom:24px}
.form-row .form-group{padding:0;margin-top:20px}
.form-row.form-row-3 .form-group{margin-bottom:0}
.checkout-card-compact{padding:18px 24px}
.bulk-check{display:flex;align-items:flex-start;gap:14px;cursor:pointer;margin:0}
.bulk-check input{position:absolute;opacity:0;width:0;height:0}
.bulk-check-box{width:20px;height:20px;border:2px solid #ccc;flex-shrink:0;margin-top:2px;position:relative;transition:border-color .15s,background .15s}
.bulk-check input:checked+.bulk-check-box{background:#eb0000;border-color:#eb0000}
.bulk-check input:checked+.bulk-check-box::after{content:'';position:absolute;left:5px;top:1px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.bulk-check strong{display:block;font-size:14px;color:#1a1a1a;margin-bottom:2px}
.bulk-check small{font-size:12px;color:#888;line-height:1.4}
.payment-grid{display:grid;gap:10px;padding:16px 24px 24px}
.payment-card{cursor:pointer;margin:0}
.payment-card input{position:absolute;opacity:0;width:0;height:0}
.payment-card-inner{display:flex;align-items:center;gap:14px;padding:14px 16px;border:2px solid #e8e8e8;background:#fff;transition:border-color .15s,background .15s}
.payment-card input:checked+.payment-card-inner,.payment-card.is-selected .payment-card-inner{border-color:#eb0000;background:#fff8f8}
.payment-card-inner:hover{border-color:#ccc}
.payment-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;text-transform:uppercase;border-radius:6px;flex-shrink:0;letter-spacing:.02em}
.payment-icon-upi{background:#5f259f;color:#fff}
.payment-icon-card{background:#1a1a1a;color:#fff}
.payment-icon-emi{background:#0d9488;color:#fff}
.payment-icon-cod{background:#f59e0b;color:#fff}
.payment-icon-split{background:#3b82f6;color:#fff}
.payment-info{flex:1;min-width:0}
.payment-info strong{display:block;font-size:14px;color:#1a1a1a;margin-bottom:2px}
.payment-info small{font-size:12px;color:#888}
.payment-check{width:20px;height:20px;border-radius:50%;border:2px solid #ddd;flex-shrink:0;position:relative;transition:border-color .15s,background .15s}
.payment-card input:checked+.payment-card-inner .payment-check{background:#eb0000;border-color:#eb0000}
.payment-card input:checked+.payment-card-inner .payment-check::after{content:'';position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.checkout-submit-bar{padding:4px 0 8px}
.btn-checkout{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 24px;font-size:16px;font-weight:600;border:none;cursor:pointer}
.btn-checkout strong{font-size:18px}
.checkout-page .secure-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#888;margin-top:12px}
.checkout-sidebar{position:sticky;top:24px}
.checkout-summary{background:#fff;border:1px solid #e8e8e8;padding:0;overflow:hidden}
.summary-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #f0f0f0;background:#fafafa}
.summary-head h3{margin:0;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.summary-count{font-size:12px;color:#888;background:#eee;padding:3px 10px;border-radius:20px}
.shipping-progress{padding:14px 20px;background:#fffbeb;border-bottom:1px solid #fde68a}
.shipping-progress p{margin:0 0 8px;font-size:13px;color:#92400e}
.progress-bar{height:6px;background:#fde68a;border-radius:3px;overflow:hidden}
.progress-bar span{display:block;height:100%;background:#f59e0b;border-radius:3px;transition:width .3s}
.shipping-badge{padding:12px 20px;background:#ecfdf5;color:#065f46;font-size:13px;font-weight:600;border-bottom:1px solid #a7f3d0}
.summary-items{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}
.summary-item{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #f5f5f5}
.summary-item-img{position:relative;width:56px;height:56px;background:#f9f9f9;border:1px solid #eee;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.summary-item-img img{max-width:48px;max-height:48px;object-fit:contain}
.qty-badge{position:absolute;top:-6px;right:-6px;background:#1a1a1a;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px}
.summary-item-info{flex:1;min-width:0}
.summary-item-name{margin:0 0 3px;font-size:13px;font-weight:600;color:#1a1a1a;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.summary-item-meta{margin:0;font-size:11px;color:#aaa}
.summary-item-price{font-size:14px;font-weight:700;color:#1a1a1a;white-space:nowrap}
.summary-totals{padding:16px 20px;background:#fafafa;border-top:1px solid #f0f0f0}
.summary-row{display:flex;justify-content:space-between;font-size:14px;color:#666;padding:5px 0}
.summary-discount{color:#16a34a}
.summary-grand{margin-top:8px;padding-top:12px;border-top:2px solid #1a1a1a;font-size:18px;font-weight:700;color:#1a1a1a}
.summary-grand span:last-child{color:#eb0000}
.back-to-cart{display:block;text-align:center;padding:14px;font-size:13px;color:#666;text-decoration:none;border-top:1px solid #f0f0f0;transition:color .15s,background .15s}
.back-to-cart:hover{color:#eb0000;background:#fafafa}
.checkout-trust{margin-top:16px;display:grid;gap:10px}
.trust-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e8e8e8;padding:12px 14px}
.trust-item span{font-size:22px;line-height:1}
.trust-item strong{display:block;font-size:12px;color:#1a1a1a}
.trust-item small{font-size:11px;color:#888}
@media(max-width:900px){
.checkout-grid{grid-template-columns:1fr}
.checkout-sidebar{position:static;order:-1}
.checkout-summary{margin-bottom:8px}
.form-row-2,.form-row-3{grid-template-columns:1fr}
.step-divider{width:24px}
.checkout-page{padding:20px 0 60px}
}
@media(max-width:480px){
.payment-card-inner{flex-wrap:wrap}
.payment-info{flex:1 1 calc(100% - 58px)}
}
.auth-box{max-width:420px;margin:0 auto;background:#fff;padding:32px;border:1px solid #eee}
.auth-page .form-group{margin-bottom:16px}
.auth-page label{display:block;font-size:13px;margin-bottom:6px}
.auth-page input{width:100%;padding:12px;border:1px solid #ddd}
.alert-success{background:#d1fae5;color:#065f46;padding:12px;border-radius:6px;margin-bottom:16px}
.alert-error{background:#fee2e2;color:#991b1b;padding:12px;border-radius:6px;margin-bottom:16px}
.account-grid{display:grid;grid-template-columns:200px 1fr;gap:32px}
.account-nav a{display:block;padding:10px 0;color:#666;text-decoration:none;border-bottom:1px solid #eee}
.account-nav a.active{color:#eb0000;font-weight:600}
.newsletter-bar{background:#1a1a1a;color:#fff;padding:32px 0}
.newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.newsletter-form{display:flex;gap:8px}
.newsletter-form input{padding:12px;border:none;min-width:240px}
.contact-float-stack{
    position:fixed;
    bottom:24px;
    z-index:9998;
    display:flex;
    flex-direction:column;
    gap:12px;
}
.contact-float-stack--right{right:24px;left:auto}
.contact-float-stack--left{left:24px;right:auto}
.contact-bubble{
    position:relative;
    width:58px;
    height:58px;
    border-radius:50%;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
}
.contact-bubble--whatsapp{
    background:#25d366;
    box-shadow:0 4px 20px rgba(37,211,102,.45);
}
.contact-bubble--whatsapp:hover{
    transform:scale(1.08);
    box-shadow:0 6px 28px rgba(37,211,102,.55);
}
.contact-bubble--call{
    background:#2563eb;
    box-shadow:0 4px 20px rgba(37,99,235,.4);
}
.contact-bubble--call:hover{
    transform:scale(1.08);
    box-shadow:0 6px 28px rgba(37,99,235,.5);
}
.contact-bubble-icon{display:flex;align-items:center;justify-content:center}
.contact-bubble-tooltip{
    position:absolute;
    right:calc(100% + 12px);
    white-space:nowrap;
    background:#1a1a1a;
    color:#fff;
    font-size:13px;
    font-weight:600;
    padding:8px 14px;
    border-radius:8px;
    opacity:0;
    visibility:hidden;
    transform:translateX(8px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s;
    pointer-events:none;
}
.contact-float-stack--left .contact-bubble-tooltip{
    right:auto;
    left:calc(100% + 12px);
    transform:translateX(-8px);
}
.contact-bubble:hover .contact-bubble-tooltip{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}
@media(max-width:600px){
.contact-float-stack{bottom:18px;gap:10px}
.contact-float-stack--right{right:16px}
.contact-float-stack--left{left:16px}
.contact-bubble{width:52px;height:52px}
.contact-bubble-icon svg{width:24px;height:24px}
.contact-bubble-tooltip{display:none}
}
.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.collection-card{background:#fff;border:1px solid #eee;padding:24px;text-decoration:none;color:inherit}
.collection-card:hover{border-color:#eb0000}
.faq-item{margin-bottom:12px;border:1px solid #eee;padding:12px 16px;background:#fff}
.faq-item summary{font-weight:600;cursor:pointer}
.btn-outline-dark{border:2px solid #1a1a1a;color:#1a1a1a;background:transparent;padding:10px 20px;display:inline-block;text-decoration:none}
.secure-note{font-size:12px;color:#666;margin-top:12px}
.product-price-lg{font-size:28px;font-weight:700;color:#eb0000;margin:16px 0}
.product-price-lg s{font-size:18px;color:#999}
.buy-now{margin-top:12px;display:inline-block}
.bulk-note{background:#fef3c7;padding:8px 12px;font-size:13px}
.subcategory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:24px 0}
.subcategory-card{display:block;background:#fff;border:1px solid #eee;padding:20px;text-decoration:none;color:#1a1a1a;transition:border-color .2s}
.subcategory-card:hover{border-color:#eb0000}
.subcategory-card h3{font-size:16px;margin:0 0 8px}
.subcategory-card span{font-size:13px;color:#eb0000}
.filter-heading{margin:20px 0 8px;font-size:13px;text-transform:uppercase;color:#666;border-top:1px solid #eee;padding-top:16px}
.product-meta{font-size:12px;color:#888;margin:4px 0}
.breadcrumb{font-size:13px;color:#666;margin-bottom:16px}
.breadcrumb a{color:#666;text-decoration:none}
.category-showcase{padding:48px 0}
.category-showcase h2{text-align:center;margin-bottom:24px}

.home-section-head{text-align:center;margin-bottom:32px}
.home-section-head h2{margin-bottom:10px}
.home-section-head p{margin:0 auto;color:#666;font-size:15px;max-width:560px}
.home-section-cta{text-align:center;margin-top:28px}

.category-image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.category-image-card{display:block;background:#fff;border:1px solid #eee;text-decoration:none;color:#1a1a1a;overflow:hidden;transition:box-shadow .2s,transform .2s}
.category-image-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-3px)}
.category-image-wrap{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f0f0f0}
.category-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.category-image-card:hover .category-image-wrap img{transform:scale(1.06)}
.category-image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(26,26,26,.5);color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:0;transition:opacity .25s}
.category-image-card:hover .category-image-overlay{opacity:1}
.category-image-body{padding:16px 18px 18px}
.category-image-body h3{margin:0 0 6px;font-size:16px;font-weight:700}
.category-image-body span{font-size:13px;color:#eb0000;font-weight:600}

.category-carousel{
    position:relative;
    display:flex;
    align-items:center;
    gap:12px;
}
.category-carousel .carousel-track-wrapper{flex:1;overflow:hidden;padding-top:20px}
.category-carousel .carousel-track{
    display:flex;
    gap:20px;
    transition:transform .4s ease;
}
.category-circle-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    text-decoration:none;
    color:#1a1a1a;
    flex:0 0 auto;
    min-width:0;
}
.category-circle{
    position:relative;
    width:100%;
    max-width:140px;
    aspect-ratio:1;
    height:auto;
    border-radius:50%;
    overflow:hidden;
    background:#f0f0f0;
    border:4px solid #fff;
    box-shadow:0 10px 28px rgba(0,0,0,.12);
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.category-circle img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}
.category-circle-overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(26,26,26,.55);
    color:#fff;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
    opacity:0;
    transition:opacity .25s ease;
}
.category-circle-card:hover .category-circle{
    transform:translateY(-4px) scale(1.04);
    border-color:#eb0000;
    box-shadow:0 14px 32px rgba(235,0,0,.18);
}
.category-circle-card:hover .category-circle img{transform:scale(1.08)}
.category-circle-card:hover .category-circle-overlay{opacity:1}
.category-circle-body{padding:16px 8px 0}
.category-circle-body h3{
    margin:0 0 6px;
    font-size:15px;
    font-weight:700;
    line-height:1.35;
    transition:color .2s ease;
}
.category-circle-body span{
    font-size:12px;
    color:#eb0000;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.category-circle-card:hover .category-circle-body h3{color:#eb0000}

.brand-showcase{padding:56px 0}
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.brand-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eee;text-decoration:none;color:#1a1a1a;transition:border-color .2s,box-shadow .2s}
.brand-card:hover{border-color:#eb0000;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.brand-card-visual{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;background:#fafafa;padding:20px;border-bottom:1px solid #eee}
.brand-card-visual img{max-width:100%;max-height:72px;object-fit:contain}
.brand-initial{width:64px;height:64px;border-radius:50%;background:#1a1a1a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}
.brand-card-body{padding:16px 18px;text-align:center}
.brand-card-body h3{margin:0 0 4px;font-size:15px;font-weight:700}
.brand-card-body span{font-size:12px;color:#888}

.home-products{padding:56px 0}
.home-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.home-product-card{position:relative;background:#fff;border:1px solid #eee;padding:14px;transition:border-color .2s}
.home-product-card:hover{border-color:#eb0000}
.home-product-card .badge-clearance{position:absolute;top:12px;left:12px;background:#eb0000;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;text-transform:uppercase;z-index:1}
.home-product-card a{text-decoration:none;color:inherit}
.home-product-card-img{aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin-bottom:10px;background:#fafafa}
.home-product-card-img img{max-width:100%;max-height:180px;object-fit:contain}
.home-product-card h3{margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.35;color:#1a1a1a}
.home-product-card:hover h3{color:#eb0000}
.home-product-price{font-size:15px;font-weight:700;color:#eb0000}
.home-product-price s{font-size:12px;color:#999;font-weight:400;margin-left:6px}
.home-product-actions{margin-top:10px}
.home-product-actions .btn-add-cart{width:100%;padding:9px;background:#1a1a1a;color:#fff;border:none;font-size:11px;font-weight:700;text-transform:uppercase;cursor:pointer}
.home-product-actions .btn-add-cart:hover{background:#eb0000}

@media(max-width:1024px){
.category-image-grid,.brand-grid,.home-product-grid{grid-template-columns:repeat(2,1fr)}
.category-circle{max-width:130px}
}
@media(max-width:768px){
.category-circle{max-width:120px}
}
@media(max-width:600px){
.category-image-grid,.brand-grid,.home-product-grid{grid-template-columns:1fr}
.category-carousel{gap:8px}
.category-circle{max-width:132px;border-width:3px}
.category-circle-body h3{font-size:14px}
}

@media(max-width:900px){
.shop-layout,.checkout-grid,.account-grid{grid-template-columns:1fr}
.header-icon{font-size:12px;padding:6px}
}