/* Mobile-first Light & Sky Blue theme - site.css */
:root{
    --bg-900:#f8fbff;
    --bg-800:#f0f6fc;
    --surface:#ffffff;
    --text:#1a3a52;
    --text-light:#4a7a9a;
    --muted:#7a9bb0;
    --gold:#0088cc; /* primary sky blue */
    --gold-2:#0066aa; /* darker sky blue */
    --gold-glow:rgba(0,136,204,0.15);
    --border:rgba(0,136,204,0.15);
    --radius:12px;
    --transition:all 0.22s ease;
    --header-height:128px; /* default header height reserved */
}

*{box-sizing:border-box}
html,body{height:100%}
body{
    margin:0;
    font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    background:linear-gradient(180deg,var(--bg-900),var(--bg-800));
    color:var(--text);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    padding-top:var(--header-height);
    line-height:1.45;
    background-attachment:fixed;
}

/* Header */
.site-header-modern{
    position:fixed;top:0;left:0;right:0;z-index:1100;
    background:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(240,246,252,0.9));
    border-bottom:1px solid var(--border);
    backdrop-filter: blur(6px);
    box-shadow:0 2px 12px rgba(0,136,204,0.1);
}
.hdr-main-modern{
    display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;max-width:1400px;margin:0 auto;
}
.site-logo-modern img{height:44px;display:block}

/* Hero — defined in Home page section below */

/* Category toggle */
.cat-toggle-modern{
    display:flex;align-items:center;gap:0.6rem;padding:0.5rem 0.9rem;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold-2));
    color:#080706;font-weight:800;font-size:0.92rem;border:none;cursor:pointer;box-shadow:0 6px 18px var(--gold-glow);transition:var(--transition);
}
.cat-toggle-modern i{font-size:1.05rem}

/* Home page modern sections */
.hero-wrapper{max-width:1280px;margin:0 auto;padding:1.5rem 1rem 0;}
.hero-modern{
    border-radius:28px;overflow:hidden;position:relative;margin:0 0 3rem 0;
    background:linear-gradient(135deg,#ffffff 0%,#f0f8ff 55%,#e3f1ff 100%);
    border:1px solid rgba(0,136,204,0.13);
    box-shadow:0 4px 60px rgba(0,136,204,0.10),0 1px 4px rgba(0,0,0,0.03);
}
.hero-modern::before{
    content:'';position:absolute;top:-130px;right:-100px;
    width:520px;height:520px;border-radius:50%;
    background:radial-gradient(circle,rgba(0,136,204,0.07) 0%,transparent 65%);
    pointer-events:none;z-index:0;
}
.hero-modern::after{
    content:'';position:absolute;bottom:-90px;left:25%;
    width:380px;height:380px;border-radius:50%;
    background:radial-gradient(circle,rgba(0,136,204,0.05) 0%,transparent 65%);
    pointer-events:none;z-index:0;
}
.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:3rem 3.5rem;align-items:center;position:relative;z-index:1;}
.hero-content{display:flex;flex-direction:column;justify-content:center;}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:999px;background:rgba(0,136,204,0.10);color:#0088cc;border:1px solid rgba(0,136,204,0.2);font-weight:700;font-size:.82rem;margin-bottom:1.25rem;width:fit-content;letter-spacing:.02em;}
.hero-modern h1{font-size:clamp(1.75rem,3.2vw,2.9rem);font-weight:900;line-height:1.08;margin-bottom:.9rem;color:#1a3a52;letter-spacing:-.025em;}
.hero-description{font-size:.97rem;color:#4a7a9a;margin-bottom:1.5rem;max-width:90%;line-height:1.65;}
.hero-price{display:flex;align-items:baseline;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap;}
.current-price{color:#0088cc;font-size:clamp(1.9rem,3.5vw,3rem);font-weight:900;}
.old-price-hero{font-size:1.05rem;text-decoration:line-through;color:#7a9bb0;}
.hero-discount-pill{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:999px;background:#0088cc;color:#fff;font-size:.8rem;font-weight:700;}
.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;}
.btn-hero-primary{display:inline-flex!important;align-items:center!important;gap:.6rem;justify-content:center!important;min-height:50px!important;padding:0 1.75rem!important;border-radius:999px!important;font-weight:700!important;font-size:.95rem;text-decoration:none!important;transition:all .22s ease!important;background:#0088cc!important;color:#fff!important;border:none!important;box-shadow:0 8px 28px rgba(0,136,204,0.28)!important;}
.btn-hero-primary:hover{background:#0077bb!important;transform:translateY(-2px)!important;box-shadow:0 14px 38px rgba(0,136,204,0.38)!important;color:#fff!important;}
.btn-hero-secondary{display:inline-flex!important;align-items:center!important;gap:.6rem;justify-content:center!important;min-height:50px!important;padding:0 1.75rem!important;border-radius:999px!important;font-weight:700!important;font-size:.95rem;text-decoration:none!important;transition:all .22s ease!important;background:#fff!important;color:#0088cc!important;border:2px solid rgba(0,136,204,0.28)!important;}
.btn-hero-secondary:hover{background:#f0f8ff!important;border-color:#0088cc!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(0,136,204,0.14)!important;}
.hero-image{display:flex;align-items:center;justify-content:center;position:relative;min-height:300px;}
.hero-image-bg{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle at center,rgba(0,136,204,0.10) 0%,rgba(0,136,204,0.04) 55%,transparent 100%);}
.hero-image img{max-height:290px;width:auto;object-fit:contain;filter:drop-shadow(0 18px 36px rgba(0,80,160,0.16));transition:transform .5s ease;position:relative;z-index:1;}
.hero-image:hover img{transform:scale(1.04) translateY(-5px);}
.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;}
.section-title-modern{font-size:1.875rem;font-weight:700;color:var(--text);position:relative;}
.section-link{color:var(--gold);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition);}
.section-link:hover{gap:.75rem;color:var(--gold-2);}
.cat-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.25rem;}
.cat-card-modern{background:rgba(0,136,204,0.06);border:1px solid rgba(0,136,204,0.15);border-radius:32px;padding:1.5rem 1rem;text-align:center;text-decoration:none;color:var(--text);transition:var(--transition);position:relative;overflow:hidden;}
.cat-card-modern::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-2));transform:scaleX(0);transition:transform .3s ease;}
.cat-card-modern:hover{transform:translateY(-4px);border-color:rgba(0,136,204,0.35);box-shadow:0 12px 40px rgba(0,136,204,0.12);}
.cat-card-modern:hover::before{transform:scaleX(1);}
.cat-card-modern i{font-size:2.5rem;color:var(--gold);margin-bottom:.75rem;display:inline-block;}
.cat-card-modern span{display:block;font-weight:700;color:var(--text);}
.brand-grid-modern{display:flex;flex-wrap:wrap;gap:1rem;}
.brand-card-modern{background:rgba(0,136,204,0.06);border:1px solid rgba(0,136,204,0.15);border-radius:100px;padding:.75rem 1.75rem;font-weight:600;text-decoration:none;color:var(--text);transition:var(--transition);}
.brand-card-modern:hover{background:rgba(0,136,204,0.2);color:#ffffff;border-color:rgba(0,136,204,0.4);transform:translateY(-2px);box-shadow:0 12px 35px rgba(0,136,204,0.15);}
.product-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem;}
.product-card-modern{background:rgba(0,136,204,0.04);border-radius:32px;overflow:hidden;transition:var(--transition);position:relative;border:1px solid rgba(0,136,204,0.12);}
.product-card-modern:hover{transform:translateY(-8px);box-shadow:0 16px 50px rgba(0,136,204,0.15);border-color:rgba(0,136,204,0.25);}
.product-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(90deg,var(--gold),var(--gold-2));color:#080706;padding:.35rem .8rem;border-radius:100px;font-size:.75rem;font-weight:700;z-index:2;}
.product-img-modern{height:240px;background:rgba(0,136,204,0.05);display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden;}
.product-img-modern img{max-height:200px;width:auto;object-fit:contain;transition:transform .5s cubic-bezier(0.4,0,0.2,1);}
.product-card-modern:hover .product-img-modern img{transform:scale(1.08);}
.product-body-modern{padding:1.25rem;}
.product-title-modern{font-size:1rem;font-weight:700;line-height:1.4;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text);}
.product-price-modern{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;}
.current-price-modern{font-size:1.5rem;font-weight:800;color:var(--gold);}
.old-price-modern{font-size:.875rem;text-decoration:line-through;color:var(--text-light);}
.btn-cart{width:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));border:none;border-radius:100px;padding:.75rem;font-weight:700;color:#080706;transition:var(--transition);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;}
.product-img-link{display:flex;align-items:center;justify-content:center;height:240px;background:rgba(255,255,255,0.02);padding:1.5rem;position:relative;overflow:hidden;text-decoration:none;color:inherit;}
.product-title-link:hover .product-title-modern{color:var(--gold);}
.btn-cart:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(212,175,55,.25);}
@media(max-width:992px){.hero-container{grid-template-columns:1fr;padding:2rem;text-align:center;gap:1.5rem;}.hero-content{align-items:center;text-align:center;}.hero-badge{margin:0 auto 1rem;}.hero-description{max-width:100%;}.hero-modern h1{font-size:2rem;}.hero-image{min-height:220px;}.hero-image img{max-height:220px;}.hero-image-bg{width:240px;height:240px;}.current-price{font-size:1.75rem;}.product-grid-modern{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));}}
@media(max-width:640px){.hero-container{padding:1.5rem;}.hero-modern h1{font-size:1.5rem;}.current-price{font-size:1.5rem;}.hero-actions{justify-content:center;width:100%;flex-direction:column;}.btn-hero-primary,.btn-hero-secondary{padding:0.625rem 1.25rem!important;font-size:0.875rem;justify-content:center;}.section-title-modern{font-size:1.5rem;}.cat-grid-modern{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;}}

/* Search */
.search-modern{flex:1;max-width:720px;position:relative}
.search-input-modern{
    width:100%;padding:0.75rem 3rem 0.75rem 1rem;border-radius:999px;border:1px solid var(--border);
    background:rgba(255,255,255,0.02);color:var(--text);font-size:0.95rem;transition:var(--transition);
}
.search-input-modern::placeholder{color:var(--muted)}
.search-input-modern:focus{outline:none;box-shadow:0 8px 30px var(--gold-glow);border-color:var(--gold)}
.search-btn-modern{position:absolute;right:0.4rem;top:50%;transform:translateY(-50%);background:linear-gradient(90deg,var(--gold),var(--gold-2));border:none;padding:0.45rem 0.9rem;border-radius:999px;color:#070606;font-weight:700;cursor:pointer}

/* Actions */
.hdr-actions-modern{display:flex;align-items:center;gap:0.5rem;margin-left:auto}
.hact-modern{display:flex;flex-direction:column;align-items:center;padding:0.35rem 0.7rem;border-radius:10px;color:var(--muted);font-size:0.72rem;font-weight:700;transition:var(--transition);text-decoration:none}
.hact-modern i{font-size:1.25rem;margin-bottom:0.18rem;color:var(--muted)}
.hact-modern:hover{color:var(--text);background:rgba(255,255,255,0.02)}
.hact-badge-modern{position:absolute;top:0;right:0.15rem;background:var(--gold);color:#080706;font-weight:800;font-size:0.68rem;min-width:1.1rem;height:1.1rem;border-radius:999px;display:flex;align-items:center;justify-content:center}

.b2b-btn-modern{background:transparent;border:1px solid var(--border);color:var(--muted);padding:0.4rem 0.8rem;border-radius:999px;font-weight:800}
.adm-btn-modern{background:transparent;border:1px solid var(--border);color:var(--muted);padding:0.4rem 0.8rem;border-radius:999px;font-weight:800}

/* Sub header */
.sub-header-modern{padding:0.5rem 0;border-top:1px solid rgba(255,255,255,0.02)}
.sub-header-content{max-width:1400px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.5rem}
.contact-info{display:flex;gap:1rem;align-items:center}
.contact-info span{color:var(--muted);font-size:0.9rem}
.contact-info i{color:var(--gold)}
.quick-links{display:flex;gap:0.9rem;align-items:center}
.quick-links a{color:var(--muted);text-decoration:none;font-size:0.95rem}
.quick-links a:hover{color:var(--text)}

/* Mega menu */
.mega-overlay-modern{position:fixed;inset:0;top:var(--header-height);background:rgba(0,136,204,0.1);backdrop-filter:blur(4px);z-index:1080;display:none}
.mega-overlay-modern.on{display:block}
.mega-panel-modern{position:fixed;top:var(--header-height);left:50%;transform:translateX(-50%);width:100%;max-width:1200px;background:linear-gradient(180deg,rgba(255,255,255,0.98),#ffffff);border-radius:0 0 14px 14px;box-shadow:0 12px 40px rgba(0,136,204,0.12);z-index:1090;display:none}
.mega-panel-modern.on{display:block}
.mega-list-modern{list-style:none;padding:1rem;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0.35rem;max-height:60vh;overflow:auto}
.mega-item-link{display:flex;align-items:center;gap:0.9rem;padding:0.8rem 1rem;text-decoration:none;color:var(--text);font-weight:700}
.mega-item-link i{color:var(--gold);font-size:1.25rem}
.mega-item-link:hover{background:rgba(0,136,204,0.06)}
.mega-subs-modern{display:none;padding:0.5rem 1rem;background:transparent}
.mega-item-modern:hover .mega-subs-modern{display:block}
.mega-subs-modern a{display:block;color:var(--muted);padding:0.35rem 0;border-radius:8px;text-decoration:none}
.mega-subs-modern a:hover{color:var(--text);transform:translateX(6px)}

/* Mini cart */
.mini-cart-menu-modern{position:absolute;top:100%;right:0;width:320px;background:#ffffff;border-radius:12px;box-shadow:0 12px 40px rgba(0,136,204,0.12);border:1px solid rgba(0,136,204,0.15);display:none;z-index:1200}
.mini-cart-header{padding:0.85rem 1rem;border-bottom:1px solid rgba(0,136,204,0.15);font-weight:800;color:var(--text);}
.mini-cart-items{max-height:360px;overflow:auto;padding:0.65rem}
.mini-cart-footer{padding:0.85rem 1rem;border-top:1px solid rgba(0,136,204,0.15)}

/* Footer trust strip */
.ftr-trust{background:#fff;border-top:2px solid rgba(0,136,204,.1);border-bottom:2px solid rgba(0,136,204,.1)}
.ftr-trust-inner{max-width:1280px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:repeat(4,1fr)}
.ftr-trust-item{display:flex;align-items:center;gap:.85rem;padding:1.1rem .75rem;border-right:1px solid rgba(0,136,204,.08)}
.ftr-trust-item:last-child{border-right:none}
.ftr-trust-icon{width:42px;height:42px;border-radius:12px;background:rgba(0,136,204,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem;color:#0088cc}
.ftr-trust-item strong{display:block;font-size:.87rem;font-weight:800;color:#1a3a52}
.ftr-trust-item span{font-size:.75rem;color:#64748b}
@media(max-width:768px){.ftr-trust-inner{grid-template-columns:repeat(2,1fr)}.ftr-trust-item{border-right:none;border-bottom:1px solid rgba(0,136,204,.08)}.ftr-trust-item:nth-child(odd){border-right:1px solid rgba(0,136,204,.08)!important}.ftr-trust-item:nth-last-child(-n+2){border-bottom:none}}
@media(max-width:480px){.ftr-trust-inner{grid-template-columns:1fr}.ftr-trust-item{border-right:none!important}}

/* Footer */
.footer-modern{background:linear-gradient(180deg,#e8f2ff,#f0f6fc);color:var(--text-light);padding:2.5rem 0 1.5rem;margin-top:0}
.footer-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}
.footer-section h4{color:var(--text);font-size:1.05rem;font-weight:800;margin-bottom:0.75rem}
.footer-section p{color:var(--text-light);font-size:0.92rem}
.footer-section ul{list-style:none;padding:0}
.footer-section ul li{margin-bottom:0.5rem}
.footer-section ul li a{color:var(--text-light);text-decoration:none}
.footer-section ul li a:hover{color:var(--text)}
.footer-bottom{text-align:center;padding-top:1.2rem;border-top:1px solid rgba(0,136,204,0.15);color:var(--text-light);font-size:0.85rem}
.social-links a{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,136,204,0.1);color:var(--gold);text-decoration:none}
.social-links a:hover{background:var(--gold);color:#ffffff}

/* Cookie banner */
.cookie-consent{
    position:fixed;bottom:20px;left:50%;transform:translateX(-50%);
    width:min(680px,calc(100vw - 32px));
    background:#fff;border-radius:16px;
    padding:1.1rem 1.4rem;
    border:1px solid rgba(0,136,204,.14);
    box-shadow:0 8px 40px rgba(0,0,0,.13);
    z-index:10000;display:none;
    animation:cookieSlideUp .35s cubic-bezier(.22,1,.36,1)
}
@@keyframes cookieSlideUp{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.cookie-content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.cookie-text{flex:1;min-width:200px;display:flex;align-items:flex-start;gap:.6rem;color:#475569;font-size:.83rem;line-height:1.5}
.cookie-text i{color:#0088cc;font-size:1.1rem;margin-top:.05rem;flex-shrink:0}
.cookie-text strong{color:#1e293b;font-size:.88rem;display:block;margin-bottom:.15rem}
.cookie-text p{margin:0;color:#64748b}
.cookie-text a{color:#0088cc;text-decoration:none}
.cookie-text a:hover{text-decoration:underline}
.cookie-buttons{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap}
.btn-cookie-accept{background:linear-gradient(90deg,#0088cc,#005a99);color:#fff;border:none;padding:.48rem 1.1rem;border-radius:999px;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .2s}
.btn-cookie-accept:hover{opacity:.88}
.btn-cookie-decline{background:transparent;border:1.5px solid #e2e8f0;color:#64748b;padding:.48rem .9rem;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}
.btn-cookie-decline:hover{border-color:#94a3b8;color:#475569}
.btn-cookie-customize{background:transparent;border:none;color:#0088cc;padding:.48rem .6rem;font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:underline;white-space:nowrap}
/* Cookie modal */
.cookie-modal{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:10001;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.cookie-modal-content{background:#fff;border-radius:20px;padding:2rem;max-width:480px;width:calc(100vw - 32px);box-shadow:0 24px 64px rgba(0,0,0,.18)}
.cookie-modal-content h3{font-size:1.1rem;font-weight:800;color:#1e293b;margin:0 0 .4rem}
.cookie-modal-content>p{font-size:.85rem;color:#64748b;margin:0 0 1.2rem}
.cookie-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.4rem}
.cookie-option label{display:flex;flex-direction:column;gap:.15rem;cursor:pointer;padding:.7rem .9rem;border:1.5px solid #e2e8f0;border-radius:12px;transition:border-color .2s}
.cookie-option label:has(input:checked){border-color:#0088cc;background:rgba(0,136,204,.03)}
.cookie-option input{display:none}
.cookie-option strong{font-size:.87rem;color:#1e293b;display:flex;align-items:center;gap:.4rem}
.cookie-option strong::before{content:'';width:16px;height:16px;border-radius:4px;border:2px solid #cbd5e1;flex-shrink:0;transition:all .2s}
.cookie-option label:has(input:checked) strong::before{background:#0088cc;border-color:#0088cc;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5l3.5 3.5L11 1' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px}
.cookie-option label:has(input:disabled) strong::before{background:#0088cc;border-color:#0088cc;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5l3.5 3.5L11 1' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px;opacity:.6}
.cookie-option small{font-size:.78rem;color:#64748b;padding-left:1.5rem}
.cookie-modal-buttons{display:flex;gap:.6rem;flex-wrap:wrap}
.btn-save{flex:1;background:#f1f5f9;border:none;color:#334155;padding:.6rem 1rem;border-radius:999px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s}
.btn-save:hover{background:#e2e8f0}
.btn-accept-all{flex:1;background:linear-gradient(90deg,#0088cc,#005a99);border:none;color:#fff;padding:.6rem 1rem;border-radius:999px;font-size:.85rem;font-weight:700;cursor:pointer;transition:opacity .2s}
.btn-accept-all:hover{opacity:.88}
.btn-close-modal{background:transparent;border:1.5px solid #e2e8f0;color:#64748b;padding:.6rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}
.btn-close-modal:hover{border-color:#94a3b8}
@@media(max-width:600px){.cookie-content{flex-direction:column;align-items:stretch}.cookie-buttons{justify-content:center}}

/* Admin / shared components */
.admin-wrap{
    max-width:1200px;
    margin:24px auto;
    padding:0 16px 42px;
    color:var(--text);
}
.admin-wrap h4, .admin-wrap h5, .admin-wrap h6, .admin-wrap legend {
    color:var(--text);
}
.admin-wrap .text-muted {
    color:var(--text-light) !important;
}

.card-v{
    background:rgba(0,136,204,0.04);
    border:1px solid rgba(0,136,204,0.12);
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 20px rgba(0,136,204,0.08);
}

.admin-wrap .table{
    color:var(--text);
    background:transparent;
}
.admin-wrap .table th,
.admin-wrap .table td{
    border-color:rgba(0,136,204,0.1);
    padding:14px 16px;
    vertical-align:middle;
}
.admin-wrap .table thead th{
    background:rgba(0,136,204,0.08);
    color:var(--text);
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    border-bottom:1px solid rgba(0,136,204,0.15);
}
.admin-wrap .table tbody tr{
    background:rgba(0,136,204,0.02);
}
.admin-wrap .table tbody tr:nth-child(odd){
    background:rgba(0,136,204,0.01);
}
.admin-wrap .table-hover tbody tr:hover td{
    background:rgba(0,136,204,0.12);
}
.admin-wrap .table td{
    color:var(--text);
}
.admin-wrap .table td .text-muted{
    color:var(--text-light) !important;
}
.admin-wrap .table td .small{
    color:var(--text-light);
}

.admin-wrap .form-control,
.admin-wrap .form-select,
.admin-wrap .form-control-sm,
.admin-wrap .form-select-sm{
    background:rgba(0,136,204,0.04) !important;
    border:1px solid rgba(0,136,204,0.15) !important;
    color:var(--text) !important;
    box-shadow:none !important;
}
.admin-wrap .form-control::placeholder,
.admin-wrap .form-select::placeholder{
    color:rgba(0,136,204,0.5) !important;
}
.admin-wrap .form-control:focus,
.admin-wrap .form-select:focus{
    border-color:rgba(0,136,204,0.5) !important;
    box-shadow:0 0 0 0.25rem rgba(0,136,204,0.15) !important;
    background:rgba(0,136,204,0.08) !important;
    color:var(--text) !important;
}

.admin-wrap .btn-outline-secondary{
    color:var(--text);
    border-color:rgba(0,136,204,0.2);
}
.admin-wrap .btn-outline-secondary:hover{
    background:rgba(0,136,204,0.08);
    border-color:rgba(0,136,204,0.4);
}
.admin-wrap .btn-primary{
    background:linear-gradient(90deg,var(--gold),var(--gold-2));
    border-color:transparent;
    color:#ffffff;
}
.admin-wrap .btn-primary:hover{
    background:linear-gradient(90deg,#0099dd,#0055bb);
    color:#ffffff;
}

.admin-wrap .badge,
.admin-wrap .role-badge,
.admin-wrap .blocked-badge{
    border:1px solid rgba(0,136,204,0.15);
    background:rgba(0,136,204,0.08);
    color:var(--text);
}
.admin-wrap .role-User{background:rgba(0,136,204,0.08);color:#0055aa;border-color:rgba(0,136,204,0.2);}
.admin-wrap .role-Dealer{background:rgba(0,180,100,0.08);color:#006830;border-color:rgba(0,180,100,0.2);}
.admin-wrap .role-Admin{background:rgba(212,175,55,0.12);color:#7a5c00;border-color:rgba(212,175,55,0.25);}
.admin-wrap .role-PendingDealer{background:rgba(245,158,11,0.08);color:#8a5e00;border-color:rgba(245,158,11,0.2);}
.admin-wrap .blocked-badge{background:rgba(220,53,69,0.08);color:#8b0000;border-color:rgba(220,53,69,0.2);}

.dropdown-menu-modern{
    background:#ffffff;
    border:1px solid rgba(0,136,204,0.15);
    box-shadow:0 12px 40px rgba(0,136,204,0.12);
    border-radius:12px;
    padding:0.4rem;
}
.dropdown-item-modern{
    padding:0.5rem 0.9rem;
    border-radius:8px;
    color:var(--text);
    font-weight:600;
}
.dropdown-item-modern:hover{
    background:rgba(0,136,204,0.07);
    color:var(--text);
}
.dropdown-divider{border-color:rgba(0,136,204,0.12)}

/* Utility */
.btn-gold{background:linear-gradient(90deg,var(--gold),var(--gold-2));color:#070606;border:none}
.text-muted-gold{color:var(--muted)}

/* Responsive - larger screens */
@media(min-width:768px){
    :root{--header-height:120px}
    .hdr-main-modern{padding:0.9rem 1.25rem}
    .search-modern{max-width:720px}
}
@media(min-width:1024px){
    :root{--header-height:110px}
    .hdr-main-modern{padding:1rem 2rem}
    .site-logo-modern img{height:48px}
    .mega-list-modern{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0.6rem}
}

/* Small tweaks */
.main-content{max-width:1440px;margin:0 auto;padding:1.5rem 1rem 3rem}
a{color:inherit}
img{max-width:100%;height:auto}

.text-gold{color:var(--gold) !important}
.btn-gold{background:linear-gradient(90deg,var(--gold),var(--gold-2));color:#080706;border:none;box-shadow:0 10px 30px rgba(212,175,55,0.18);}
.btn-gold:hover{transform:translateY(-1px);box-shadow:0 14px 35px rgba(212,175,55,0.22)}
.newsletter-input{border-radius:999px 0 0 999px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);color:var(--text);}
.newsletter-input:focus{border-color:var(--gold);box-shadow:0 0 0 0.2rem rgba(212,175,55,0.18)}
.newsletter-btn{border-radius:0 999px 999px 0;display:flex;align-items:center;justify-content:center;padding:0.6rem 1rem;font-weight:700}
.mega-arrow{font-size:0.75rem;color:var(--text-light)}

/* preserve some bootstrap component contrasts */
.btn-primary{background:linear-gradient(90deg,var(--gold),var(--gold-2));border:none}

/* keep important interactive areas tappable on mobile */
.cat-toggle-modern,.hact-modern,.search-btn-modern{touch-action:manipulation}

/* ===== PRODUCTION ADDITIONS ===== */

/* Scroll behavior */
html{scroll-behavior:smooth}

/* Page transitions */
.main-content{animation:fadeInPage .3s ease}
@keyframes fadeInPage{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

/* Focus visible for accessibility */
*:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* Selection color */
::selection{background:rgba(0,136,204,.18);color:var(--text)}

/* Scrollbar */
::-webkit-scrollbar{width:7px;height:7px}
::-webkit-scrollbar-track{background:rgba(0,136,204,.04)}
::-webkit-scrollbar-thumb{background:rgba(0,136,204,.25);border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:rgba(0,136,204,.45)}

/* Loading skeleton */
.skeleton{background:linear-gradient(90deg,rgba(0,136,204,.06) 25%,rgba(0,136,204,.12) 50%,rgba(0,136,204,.06) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* Form controls global */
.form-control:focus,.form-select:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(0,136,204,.12)!important}

/* Alert overrides */
.alert-success{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);color:#059669}
.alert-danger{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:#dc2626}
.alert-warning{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);color:#d97706}
.alert-info{background:rgba(0,136,204,.08);border:1px solid rgba(0,136,204,.2);color:var(--gold)}

/* Badge system */
.badge-new{display:inline-block;background:linear-gradient(90deg,#10b981,#059669);color:#fff;padding:.2rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700}
.badge-hot{display:inline-block;background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;padding:.2rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700}
.badge-discount{display:inline-block;background:linear-gradient(90deg,#0088cc,#0066aa);color:#fff;padding:.2rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700}

/* Tables modern */
.table-v{width:100%;border-collapse:collapse}
.table-v th{padding:.85rem 1rem;background:rgba(0,136,204,.06);color:var(--text);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid rgba(0,136,204,.12);text-align:left}
.table-v td{padding:.85rem 1rem;border-bottom:1px solid rgba(0,136,204,.06);color:var(--text);font-size:.88rem;vertical-align:middle}
.table-v tr:last-child td{border-bottom:none}
.table-v tr:hover td{background:rgba(0,136,204,.03)}

/* Back to top */
#backToTop{position:fixed;bottom:24px;left:24px;width:42px;height:42px;border-radius:50%;background:var(--gold);color:#fff;border:none;display:none;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;z-index:999;box-shadow:0 6px 20px rgba(0,136,204,.3);transition:all .2s}
#backToTop:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,136,204,.4)}
#backToTop.visible{display:flex}

/* Page title utility */
.page-ttl{font-size:1.75rem;font-weight:800;color:var(--text);margin-bottom:1.75rem}
.page-ttl i{color:var(--gold);margin-right:.5rem}

/* Sticky footer helper */
body{display:flex;flex-direction:column;min-height:100vh}
.main-content{flex:1}

/* Cat card span color fix (was white on light bg) */
.cat-card-modern span{color:var(--text)}

/* Mobile nav improvements */
@media(max-width:768px){
    .hdr-main-modern{flex-wrap:wrap}
    .search-modern{order:3;flex-basis:100%;max-width:100%}
    .site-logo-modern{flex:1}
    .hdr-actions-modern{margin-left:0}
    .sub-header-modern{display:none}
    .hact-modern span{display:none}
    .hact-modern{padding:.35rem .5rem}
    .cat-toggle-modern span{display:none}
}

/* Print styles */
@media print{
    .site-header-modern,.footer-modern,.cookie-consent,.cookie-modal,#backToTop{display:none!important}
    body{padding-top:0!important;background:#fff!important}
    .main-content{padding:0!important}
}