/* Homepage base styles, tokens and responsive layout. */
/* ── Critical CSS Variables (page-level, does NOT override font vars from master) ── */
:root {
    --p-glow:   rgba(109,40,217,.18);
    --s-glow:   rgba(245,158,11,.2);
    --accent:   #8B5CF6;
    --accent2:  #A78BFA;
    --success:  #10B981;
    --danger:   #EF4444;
    --surface:  #FFFFFF;
    --card:     #FFFFFF;
    --text:     var(--text-color, #0F172A);
    --text2:    #1E293B;
    --text3:    #374151;
    --muted:    #64748B;
    --muted2:   #475569;
    --r-xl:     22px;
    --r-lg:     16px;
    --r-md:     12px;
    --r-sm:     8px;
    --r-pill:   999px;
    --sh-xs:    0 1px 4px rgba(76,29,149,.05);
    --sh-sm:    0 2px 12px rgba(76,29,149,.08);
    --sh-md:    0 8px 28px rgba(76,29,149,.11);
    --sh-lg:    0 20px 60px rgba(76,29,149,.15);
    --sh-card:  0 2px 8px rgba(76,29,149,.06),0 8px 24px rgba(76,29,149,.08);
    --grad-p: linear-gradient(135deg,var(--p) 0%,var(--p-dark) 100%);
    --grad-s: linear-gradient(135deg,var(--s) 0%,var(--s-dark) 100%);
    
    --ease:     cubic-bezier(.4,0,.2,1);
    --t:        .22s var(--ease);
    --t-slow:   .4s var(--ease);
}


.sr-only-seo{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}


.hp{width:100%;overflow:hidden;background:#f8f8f8;}
.hw{width:100%;max-width:1600px;margin:0 auto;padding:0 20px;}
.hs{margin-bottom:40px;}
.hero-wrap{
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(280px,1fr);
    gap:20px;
    align-items:start;
    min-height:460px;
}
.hero-side{display:flex;flex-direction:column;gap:20px;height:460px;}
.hero-side-box{display:block;flex:1;min-height:0;overflow:hidden;border-radius:22px;background:#fff;}
.hero-side-box img{display:block;width:100%;height:100%;object-fit:cover;}


.hero-main {
    width: 100%;
    min-height: 460px;
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    contain: layout style;
}
.hero-slider .item { display: block; }
.hero-slider.owl-carousel { display: block !important; }
.hero-slider:not(.owl-loaded) .item:not(:first-child) { display: none; }
.hero-slider:not(.owl-loaded) { height: 460px; overflow: hidden; }
.hero-slider .item img {
    width: 100%;
    height: 460px;
    aspect-ratio: 1200 / 460;
    object-fit: cover;
    display: block;
}


.trust-strip {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 14px;
    margin-bottom: 36px;
    
}
.trust-card {
    background: #fff;
    border-radius: var(--r-lg);
    border: 1.5px solid #EDE9FE;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: border-color .22s, transform .22s;
    box-shadow: 0 1px 4px rgba(76,29,149,.05);
    
    height: 88px;
    min-height: 88px;
    max-height: 88px;
    overflow: hidden;
    contain: strict;
}
.trust-card:hover { border-color: var(--p); transform: translateY(-2px); }
.trust-text { min-width: 0; flex: 1; overflow: hidden; }
.trust-text strong {
    display: block;
    font-size: 14px; font-weight: 700; color: #1E293B;
    
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: var(--font-head);
}
.trust-text span {
    display: block;
    font-size: 12px; color: #64748B;
    text-decoration: none; border: none;
    
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: var(--font-body);
}

.trust-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    min-height: 52px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F5F3FF;
    border-radius: 12px;
    color: #6D28D9;
    font-size: 24px;
    line-height: 1;
    
    contain: strict;
}
.trust-icon i,
.trust-icon .fa-solid {
    
    font-size: 1.4rem !important;
    line-height: 1 !important;
    display: inline-block !important;
    width: 1.4rem !important;
    text-align: center;
}


.reveal, .reveal-scale {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .55s ease, transform .55s ease;
    will-change: opacity, transform;
}
.reveal.visible, .reveal-scale.visible {
    opacity: 1; transform: none; will-change: auto;
}
.stagger > * {
    opacity: 0; transform: translateY(18px);
    transition: opacity .45s ease, transform .45s ease;
    will-change: opacity, transform;
}
.stagger.visible > * { opacity:1; transform:none; will-change:auto; }
.stagger.visible > *:nth-child(1) { transition-delay:.04s; }
.stagger.visible > *:nth-child(2) { transition-delay:.10s; }
.stagger.visible > *:nth-child(3) { transition-delay:.16s; }
.stagger.visible > *:nth-child(4) { transition-delay:.22s; }


#cd-s { display:inline-block; transition: transform .15s ease; }


.bd-nav {
    width: 34px !important; height: 34px !important;
    background: #fff !important;
    border: 1.5px solid #EDE9FE !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(109,40,217,.12) !important;
    color: var(--p, #6D28D9) !important;
    display:flex;align-items:center;justify-content:center;
    position:absolute;top:50%;transform:translateY(-50%);z-index:5;
    cursor:pointer;font-size:22px;line-height:1;
}
.bd-nav:hover {
    background: var(--p, #6D28D9) !important;
    border-color: var(--p, #6D28D9) !important;
    color:#fff !important;
}
.bd-prev{left:4px}.bd-next{right:4px}


.bd-swiper { position:relative;overflow: hidden !important; padding: 6px 0 12px !important; }
.bd-swiper .swiper-wrapper{
    display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;padding:4px 0 8px;
    align-items:stretch; 
}
.bd-swiper .swiper-wrapper::-webkit-scrollbar{display:none}
.bd-swiper .swiper-slide { flex:0 0 calc((100% - 64px)/5);scroll-snap-align:start;padding-top: 0 !important; }


.owl-carousel .owl-stage{display:flex}
.owl-carousel .owl-stage .owl-item{display:flex;flex:1 0 auto;height:auto}
.owl-carousel .owl-item > .item{display:flex;width:100%}
.cat-prod-slider .item,
.top-category-slider .item{display:flex}
.top-category-slider .cat-item{display:flex;flex-direction:column;width:100%;height:100%}
.p-card{display:flex;flex-direction:column;height:100%}
.p-body{flex:1 1 auto}
.p-actions{margin-top:auto}
.oos-badge{position:absolute;top:10px;right:10px;z-index:4;background:#111827;color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.2px;box-shadow:0 2px 8px rgba(0,0,0,.18);}
.oos-disabled{opacity:.45!important;cursor:not-allowed!important;pointer-events:none!important;}
.btn-oos{background:#64748b!important;border-color:#64748b!important;color:#fff!important;cursor:default!important;}
.bd-swiper .swiper-slide{display:flex}
.bd-swiper .swiper-slide > .p-card{width:100%}

.carousel-nav-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Keep lazy-initialized below-fold carousels measurable so IntersectionObserver can start them. */
.top-category-slider:not(.owl-loaded),.cat-prod-slider:not(.owl-loaded){display:flex!important;overflow:hidden;gap:14px}
.top-category-slider:not(.owl-loaded)>.item{flex:0 0 calc(12.5% - 13px)}
.cat-prod-slider:not(.owl-loaded)>.item{flex:0 0 calc(20% - 13px)}

/* Mobile */
@media(max-width:767px) {
    .hw{padding:0 12px;}
    .hs{margin-bottom:28px;}
    .hero-wrap{grid-template-columns:1fr;min-height:0;gap:12px;}
    .hero-main  { min-height:160px; border-radius:12px; }
    .hero-slider .item img { height:160px !important; aspect-ratio:390/160; }
    .hero-slider:not(.owl-loaded) { height:160px; }
    .hero-side{display:grid;grid-template-columns:1fr 1fr;height:auto;gap:10px;}
    .hero-side-box{border-radius:12px;}
    .hero-side-box img{height:auto;aspect-ratio:16/9;}
    .trust-strip { grid-template-columns:repeat(2,1fr); gap:10px; }
    .trust-card  { padding:12px 14px; gap:10px; height:80px; min-height:80px; max-height:80px; }
    .trust-icon  { width:44px; height:44px; min-width:44px; min-height:44px; font-size:20px; }
    .trust-text strong { font-size:13px; height:18px; line-height:18px; }
    .trust-text span   { font-size:11px; height:16px; line-height:16px; }
    .top-category-slider:not(.owl-loaded)>.item{flex:0 0 calc(33.333% - 7px)}
    .cat-prod-slider:not(.owl-loaded)>.item{flex:0 0 calc(50% - 5px)}
    .bd-swiper{padding:6px 0 12px!important;overflow:visible!important}
    .bd-swiper .swiper-wrapper{gap:10px}
    .bd-swiper .swiper-slide{flex:0 0 calc(50% - 5px)}
    .bd-nav{display:none!important}
    .btn-cart-ic,.btn-now,.sec-btn{min-height:44px}
}
@media(max-width:480px) {
    .trust-strip { grid-template-columns:repeat(2,1fr) !important; }
    .trust-card  { padding:10px 12px; height:76px; min-height:76px; max-height:76px; }
}

/* Homepage components and existing responsive overrides. */
:root{--p:var(--theme,#6D28D9);--p-dark:var(--theme-dark,#4C1D95);--p-deeper:var(--theme-deeper,#3B0D8F);--p-soft:var(--theme-soft,#F5F3FF);--p-glow:rgba(109,40,217,.18);--s:var(--gold,#F59E0B);--s-dark:var(--gold-dark,#D97706);--s-glow:rgba(245,158,11,.25);--border:#EDE9FE;--surface:#fff;--text:var(--text-color,#0F172A);--text2:#1E293B;--text3:var(--text-color,#334155);--muted:#64748B;--muted2:#475569;--grad-p:var(--grad-theme,linear-gradient(135deg,#6D28D9 0%,#4C1D95 100%));--grad-s:var(--grad-gold,linear-gradient(135deg,#F59E0B 0%,#D97706 100%));--sh-xs:0 1px 4px rgba(0,0,0,.06);--sh-sm:0 4px 14px rgba(0,0,0,.08);--sh-md:0 8px 28px rgba(0,0,0,.10);--sh-lg:0 16px 48px rgba(109,40,217,.16);--sh-card:0 2px 10px rgba(109,40,217,.07);--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--t:opacity .22s ease,transform .22s ease;--t-slow:opacity .4s ease,transform .4s ease;--ease:cubic-bezier(.22,.68,0,1.2)}.hp,.hp *,.hp *::before,.hp *::after{box-sizing:border-box;margin:0;padding:0}.hp{width:100%;overflow-x:hidden;scroll-behavior:smooth;font-family:var(--font-body);background:#F8F8F8;color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}.hp img{max-width:100%;height:auto;display:block}.hp a{text-decoration:none}.hp{width:100%;background:#F8F8F8;padding-bottom:72px}.hw{width:100%;max-width:1600px;margin:0 auto;padding:0 20px}.hs{margin-bottom:40px}.hs.reveal,.hs.reveal-scale{content-visibility:auto;contain-intrinsic-size:auto 520px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;transform:scale(.94);transition:opacity .5s var(--ease),transform .5s var(--ease)}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger>*{opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.stagger.visible>*:nth-child(1){opacity:1;transform:none;transition-delay:.05s}.stagger.visible>*:nth-child(2){opacity:1;transform:none;transition-delay:.12s}.stagger.visible>*:nth-child(3){opacity:1;transform:none;transition-delay:.19s}.stagger.visible>*:nth-child(4){opacity:1;transform:none;transition-delay:.26s}.stagger.visible>*:nth-child(n+5){opacity:1;transform:none;transition-delay:.33s}.sec-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.sec-title{font-family:var(--font-head);font-size:22px;font-weight:800;color:var(--text);letter-spacing:0;display:flex;align-items:center;gap:10px}.sec-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;border-radius:var(--r-pill);background:var(--grad-p);color:#fff;font-family:var(--font-head);font-size:13px;font-weight:700;box-shadow:0 6px 22px var(--p-glow);transition:var(--t);border:none;cursor:pointer;white-space:nowrap}.sec-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--p-glow);color:#fff}.sec-btn i{font-size:11px}.hero-wrap{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start;min-height:460px}.hero-main{background:#ffffff !important;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-md);position:relative;border:none !important;outline:none !important}.hero-main,.hero-main .owl-carousel,.hero-main .owl-stage-outer,.hero-main .owl-stage,.hero-slider,.hero-slider .owl-carousel,.hero-slider .owl-stage-outer{background:#ffffff !important;background-color:#ffffff !important;border-color:transparent !important}.hero-slider .item,.hero-slider .owl-item,.hero-slider .dimage_item{background:#ffffff !important}.hero-slider .item img{width:100%;height:460px;object-fit:cover;display:block}.hero-slider .owl-nav button{position:absolute !important;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50% !important;background:rgba(255,255,255,.97) !important;color:var(--p) !important;font-size:22px !important;margin:0 !important;padding:0 !important;box-shadow:0 8px 28px rgba(0,0,0,.15) !important;transition:var(--t) !important;display:flex !important;align-items:center;justify-content:center}.hero-slider .owl-nav button:hover{transform:translateY(-50%) scale(1.08) !important}.hero-slider .owl-nav .owl-prev{left:16px}.hero-slider .owl-nav .owl-next{right:16px}.hero-slider .owl-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:0;z-index:5}.hero-slider .owl-dots .owl-dot{width:32px;min-width:32px;height:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent}.hero-slider .owl-dots .owl-dot span{width:8px;height:8px;background:rgba(255,255,255,.5);border-radius:4px;transition:var(--t);display:block}.hero-slider .owl-dots .owl-dot.active span{background:var(--s) !important;width:24px}.hero-side{display:flex;flex-direction:column;gap:20px;height:460px}.hero-side-box{flex:1;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-sm);position:relative;transition:transform .4s ease,filter .4s ease;display:block;cursor:pointer;text-decoration:none !important}.hero-side-box:hover{transform:translateY(-4px);filter:drop-shadow(0 16px 32px rgba(109,40,217,.2))}.hero-side-box::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(15,23,42,.2) 100%);opacity:0;transition:var(--t);pointer-events:none}.hero-side-box:hover::after{opacity:1}.hero-side-box img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);display:block}.hero-side-box:hover img{transform:scale(1.04)}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:36px}.trust-card{background:#fff;border-radius:var(--r-lg);border:1.5px solid #EDE9FE;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:var(--t);box-shadow:var(--sh-xs)}.trust-card:hover{border-color:var(--p);box-shadow:var(--sh-sm);transform:translateY(-2px)}.trust-text strong{display:block;font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--text2)}.trust-text span{font-size:12.5px;color:var(--muted)}.cat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px 18px;background:#fff;border-radius:var(--r-lg);border:1px solid #EDE9FE;color:var(--text);cursor:pointer;transition:var(--t);min-height:188px;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(109,40,217,.06)}.cat-item::before,.cat-item::after{display:none !important}.cat-item:hover{border-color:var(--p);transform:translateY(-3px);background:#fff !important;background-color:#fff !important;filter:drop-shadow(0 4px 14px rgba(109,40,217,.12))}.cat-item:hover .cat-img-bg{transform:scale(1.06);background:linear-gradient(135deg,#EDE9FE,#C4B5F4);border-color:var(--p)}.cat-item:hover h4{color:var(--p)}.cat-img-wrap{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.cat-img-bg{width:110px;height:110px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#F5F3FF,#EDE9FE);border:2.5px solid #EDE9FE;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s ease,border-color .25s ease,background .25s ease;margin-bottom:1px}.cat-img-bg img,.cat-img-bg>img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:0 !important;display:block !important;margin:0 !important;max-width:none !important}.cat-item>img,.cat-item .cat-img-wrap>img{width:110px !important;height:110px !important;border-radius:50% !important;object-fit:cover !important;display:block !important;border:2.5px solid #EDE9FE;flex-shrink:0}.cat-item h4{font-family:var(--font-head);font-size:13px;font-weight:700;color:var(--text3);line-height:1.4;word-break:break-word}.p-card{position:relative;background:#fff !important;border-radius:var(--r-lg);border:1.5px solid #EDE9FE;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:opacity .22s ease,transform .22s ease;box-shadow:var(--sh-card)}.p-card:hover{border-color:var(--p);transform:translateY(-6px);background:#fff !important;filter:drop-shadow(0 16px 24px rgba(109,40,217,.18))}.p-card *:hover{background-color:transparent}.disc-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#EF4444,#DC2626);color:#fff;font-family:var(--font-head);font-size:11px;font-weight:800;padding:4px 10px;border-radius:var(--r-pill);z-index:3;box-shadow:0 4px 14px rgba(239,68,68,.3);animation:badge-pulse 2.5s ease-in-out infinite}@keyframes badge-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}.p-thumb{padding:16px 16px 10px;background:linear-gradient(180deg,#FBF9FF 0%,#fff 100%) !important;position:relative;overflow:hidden}.p-thumb:hover{background:linear-gradient(180deg,#FBF9FF 0%,#fff 100%) !important}.p-thumb img{width:100%;height:200px;object-fit:contain;transition:transform .4s var(--ease);position:relative;z-index:1}.p-card:hover .p-thumb img{transform:scale(1.08)}.p-thumb::after{content:'';position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-15deg);pointer-events:none;opacity:0}.p-card:hover .p-thumb::after{opacity:1;animation:shine .55s ease forwards}@keyframes shine{to{left:140%}}.p-body{padding:12px 14px 10px;flex:1;display:flex;flex-direction:column;background:#fff !important}.p-body:hover{background:#fff !important}.p-name{font-family:var(--font-head);font-size:14px;font-weight:700;line-height:1.5;min-height:44px;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.p-name a{color:var(--text3)}.p-name a:hover{color:var(--p);background:transparent !important}.p-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin-top:auto}.p-price-new{font-family:var(--font-head);font-size:19px;font-weight:900;color:var(--p-dark);letter-spacing:0}.p-price-old{font-size:13px;color:var(--muted2);font-weight:500;text-decoration:line-through}.p-actions{display:flex;align-items:center;gap:8px;padding:10px 12px 13px;border-top:1px solid #F5F3FF;background:#fff !important}.p-actions:hover{background:#fff !important}.p-actions form{margin:0;flex:1}.btn-now{flex:1;height:42px;background:var(--grad-s) !important;color:#fff !important;border:none;border-radius:var(--r-md);font-family:var(--font-head);font-size:14px;font-weight:700;cursor:pointer;transition:var(--t);display:flex;align-items:center;justify-content:center;width:100%;box-shadow:0 4px 16px var(--s-glow)}.btn-now:hover{filter:brightness(1.07);box-shadow:0 8px 24px var(--s-glow);transform:translateY(-1px);color:#fff !important;background:var(--grad-s) !important}.btn-cart-ic{width:42px;min-width:42px;height:42px;background:var(--grad-p) !important;color:#fff !important;border:none;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:var(--t);box-shadow:0 4px 16px var(--p-glow)}.btn-cart-ic:hover{filter:brightness(1.1);transform:translateY(-1px) scale(1.05);color:#fff !important;background:var(--grad-p) !important}.deal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.deal-left{display:flex;align-items:center;gap:14px}.deal-title{font-family:var(--font-head);font-size:22px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:10px}.deal-fire{color:var(--s);animation:fire-flicker 1.4s ease-in-out infinite alternate;will-change:transform}@keyframes fire-flicker{from{transform:rotate(-4deg) scale(1)}to{transform:rotate(4deg) scale(1.15)}}.countdown-wrap{display:flex;align-items:center;gap:6px;background:var(--p-soft);border:1.5px solid var(--border);border-radius:var(--r-pill);padding:6px 16px}.cd-unit{display:flex;flex-direction:column;align-items:center;min-width:36px}.cd-num{font-family:var(--font-head);font-size:22px;font-weight:900;color:var(--p-dark);line-height:1;transition:var(--t)}.cd-label{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:0;text-transform:none;margin-top:2px}.cd-sep{font-family:var(--font-head);font-size:20px;font-weight:900;color:var(--p);margin-bottom:10px;animation:sep-blink .9s ease-in-out infinite;will-change:opacity}@keyframes sep-blink{0%,100%{opacity:1}50%{opacity:.2}}.bd-swiper{position:relative;padding:6px 42px 12px;overflow:hidden}.bd-swiper .swiper-wrapper{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0 8px}.bd-swiper .swiper-wrapper::-webkit-scrollbar{display:none}.bd-swiper .swiper-slide{height:auto;display:flex;flex:0 0 calc((100% - 72px)/5);scroll-snap-align:start}.bd-swiper .p-card{width:100%}.bd-nav{width:34px;height:34px;background:#fff;border:1.5px solid var(--border);border-radius:50%;box-shadow:var(--sh-sm);color:var(--p);transition:var(--t);position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;line-height:1}.bd-nav:hover{background:var(--p);border-color:var(--p);color:#fff}.bd-prev{left:4px}.bd-next{right:4px}.promo-box{width:100%;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-md);transition:var(--t-slow);display:block;position:relative}.promo-box:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}.promo-box img{width:100%;height:240px;object-fit:cover;transition:transform .5s var(--ease);display:block}.promo-box:hover img{transform:scale(1.025)}.top-category-slider .owl-stage,.cat-prod-slider .owl-stage{display:flex}.top-category-slider .owl-item,.cat-prod-slider .owl-item{display:flex;height:auto !important}.top-category-slider .item,.cat-prod-slider .item{width:100%;height:100%}.top-category-slider .cat-item,.cat-prod-slider .p-card{width:100%;height:100%}.top-category-slider .owl-stage-outer,.cat-prod-slider .owl-stage-outer{padding:10px 4px}.cat-prod-slider .owl-nav button{position:absolute !important;top:50%;transform:translateY(-50%) !important;width:36px !important;height:36px !important;border-radius:50% !important;background:var(--surface) !important;border:1.5px solid var(--border) !important;color:var(--p) !important;box-shadow:var(--sh-sm) !important;font-size:18px !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:var(--t) !important}.cat-prod-slider .owl-nav button:hover{background:var(--p) !important;color:#fff !important;border-color:var(--p) !important}.cat-prod-slider .owl-nav .owl-prev{left:-8px !important}.cat-prod-slider .owl-nav .owl-next{right:-8px !important}.cat-prod-slider{position:relative}.skeleton{background:linear-gradient(90deg,#f0f4ff 25%,#e8eeff 50%,#f0f4ff 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;will-change:background-position;border-radius:var(--r-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (min-width:1200px){.hero-wrap{grid-template-columns:2fr 1fr;gap:20px;min-height:460px}.hero-slider .item img{height:460px}.hero-side{height:460px}}@media (min-width:992px) and (max-width:1199px){.hero-wrap{grid-template-columns:2fr 1fr;gap:16px;min-height:400px}.hero-slider .item img{height:400px}.hero-side{height:400px}.trust-strip{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.hero-wrap{display:grid !important;grid-template-columns:2fr 1fr !important;align-items:start !important}.hero-side{display:flex !important;flex-direction:column !important;gap:20px !important}.hero-side-box img{width:100% !important;height:100% !important;object-fit:cover !important}}@media (min-width:768px) and (max-width:991px){.hero-wrap{grid-template-columns:1fr !important;gap:14px !important;min-height:auto !important}.hero-slider .item img{height:360px !important}.hero-side{display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important;height:auto !important}.hero-side-box img{height:220px !important;object-fit:cover !important}.trust-strip{grid-template-columns:repeat(2,1fr)}.p-thumb img{height:175px}}@media (max-width:767px){.hp{padding-bottom:24px !important;position:relative !important;z-index:1 !important}.hw{padding:0 12px !important}.hs{margin-bottom:22px !important}section.hs:first-child{margin-top:8px !important}.hp-topbar,.category-menu-area{display:none !important}.hero-wrap{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;min-height:auto !important}.hero-main{min-height:auto !important;border-radius:12px !important;overflow:hidden !important}.hero-slider .item img{height:190px !important;object-fit:cover !important}.hero-side{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;height:auto !important}.hero-side-box{border-radius:10px !important;overflow:hidden !important;background:#fff !important}.hero-side-box img{width:100% !important;aspect-ratio:16 / 9 !important;height:auto !important;object-fit:cover !important;display:block !important}.hero-main .swiper-button-prev,.hero-main .swiper-button-next,.hero-slider .swiper-button-prev,.hero-slider .swiper-button-next,.hero-slider .owl-nav,.hero-slider .owl-prev,.hero-slider .owl-next,.hero-main .owl-nav,.hero-main .owl-prev,.hero-main .owl-next{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important}.trust-strip{grid-template-columns:repeat(2,1fr) !important;gap:10px !important}.trust-card{padding:12px 14px !important;gap:10px !important}.sec-title{font-size:16px !important}.deal-title{font-size:16px !important}.sec-btn{padding:8px 15px !important;min-height:44px !important;font-size:12px !important}.cat-item{padding:14px 8px 12px !important;min-height:148px !important;border-radius:12px !important}.cat-img-bg{width:80px !important;height:80px !important}.cat-img-bg img,.cat-img-bg>img{width:100% !important;height:100% !important}.cat-item>img,.cat-item .cat-img-wrap>img{width:80px !important;height:80px !important}.cat-item h4{font-size:11px !important}.p-card{border-radius:12px !important}.p-thumb{padding:10px !important}.p-thumb img{height:148px !important}.p-body{padding:10px 10px 8px !important}.p-name{font-size:12.5px !important;min-height:auto !important}.p-price-new{font-size:15px !important}.p-actions{padding:8px 8px 10px !important;gap:6px !important}.btn-now{height:44px !important;min-height:44px !important;font-size:13px !important}.btn-cart-ic{width:44px !important;min-width:44px !important;height:44px !important;min-height:44px !important;font-size:15px !important}.promo-box img{height:110px !important}.bd-swiper{padding:6px 0 12px !important;overflow:visible !important}.bd-swiper .swiper-wrapper{gap:10px}.bd-swiper .swiper-slide{flex:0 0 calc(50% - 5px)}.bd-nav{display:none !important}}@media (max-width:480px){.hero-slider .item img{height:160px !important}.hero-side-box img{aspect-ratio:16 / 9 !important}.cat-item{min-height:130px !important}.cat-img-bg{width:68px !important;height:68px !important}.cat-img-bg img,.cat-img-bg>img{width:100% !important;height:100% !important}.cat-item>img,.cat-item .cat-img-wrap>img{width:68px !important;height:68px !important}.sec-title{font-size:14px !important}.trust-strip{grid-template-columns:repeat(2,1fr) !important}}@media (prefers-reduced-motion:reduce){.hp *,.hp *::before,.hp *::after{scroll-behavior:auto !important;animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}.reveal,.reveal-scale,.stagger>*{opacity:1!important;transform:none!important}}
/* Layout stability fixes */
.hs.reveal,.hs.reveal-scale{content-visibility:visible!important;contain:none!important;contain-intrinsic-size:none!important}
.reveal,.reveal-scale,.stagger>*{opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important}
.top-category-slider .owl-stage-outer,.cat-prod-slider .owl-stage-outer{padding:0 4px!important}


/* V9: horizontal/layout stability */
html{overflow-y:scroll;}
@supports (scrollbar-gutter:stable){html{scrollbar-gutter:stable;}}
.hp{overflow-x:hidden!important;}
.bd-swiper{overflow:hidden!important;}

/* Match the pre-Owl card widths to Owl's responsive item counts/margins.
   This prevents the right edge from resizing when Owl initializes. */
.top-category-slider:not(.owl-loaded),
.cat-prod-slider:not(.owl-loaded){display:flex!important;overflow:hidden!important;}

@media (min-width:1200px){
  .top-category-slider:not(.owl-loaded){gap:14px!important;}
  .top-category-slider:not(.owl-loaded)>.item{flex:0 0 calc((100% - 98px)/8)!important;}
  .cat-prod-slider:not(.owl-loaded){gap:16px!important;}
  .cat-prod-slider:not(.owl-loaded)>.item{flex:0 0 calc((100% - 64px)/5)!important;}
}
@media (min-width:992px) and (max-width:1199px){
  .top-category-slider:not(.owl-loaded){gap:14px!important;}
  .top-category-slider:not(.owl-loaded)>.item{flex:0 0 calc((100% - 70px)/6)!important;}
  .cat-prod-slider:not(.owl-loaded){gap:16px!important;}
  .cat-prod-slider:not(.owl-loaded)>.item{flex:0 0 calc((100% - 48px)/4)!important;}
}
@media (min-width:768px) and (max-width:991px){
  .top-category-slider:not(.owl-loaded){gap:12px!important;}
  .top-category-slider:not(.owl-loaded)>.item{flex:0 0 calc((100% - 48px)/5)!important;}
  .cat-prod-slider:not(.owl-loaded){gap:14px!important;}
  .cat-prod-slider:not(.owl-loaded)>.item{flex:0 0 calc((100% - 42px)/4)!important;}
}
@media (min-width:576px) and (max-width:767px){
  .top-category-slider:not(.owl-loaded){gap:10px!important;}
  .top-category-slider:not(.owl-loaded)>.item{flex:0 0 calc((100% - 20px)/3)!important;}
  .cat-prod-slider:not(.owl-loaded){gap:12px!important;}
  .cat-prod-slider:not(.owl-loaded)>.item{flex:0 0 calc((100% - 24px)/3)!important;}
  .bd-swiper{overflow:hidden!important;}
}
@media (max-width:575px){
  .top-category-slider:not(.owl-loaded){gap:10px!important;}
  .top-category-slider:not(.owl-loaded)>.item{flex:0 0 calc((100% - 20px)/3)!important;}
  .cat-prod-slider:not(.owl-loaded){gap:10px!important;}
  .cat-prod-slider:not(.owl-loaded)>.item{flex:0 0 calc((100% - 10px)/2)!important;}
  .bd-swiper{overflow:hidden!important;}
}

/* V14: prevent product-card hover border/shadow from being clipped by Owl's overflow-hidden stage. */
.cat-prod-slider .p-card:hover {
    transform: none !important;
    filter: none !important;
    border-color: var(--p) !important;
    box-shadow:
        inset 0 0 0 .5px var(--p),
        0 6px 18px rgba(109,40,217,.14) !important;
}

.top-category-slider .cat-item:hover,
.bd-swiper .p-card:hover {
    transform: none !important;
    filter: none !important;
    border-color: var(--p) !important;
    box-shadow: inset 0 0 0 .5px var(--p), 0 6px 18px rgba(109,40,217,.14) !important;
}

/* Allow long category/product names to wrap without expanding cards. */
.hp .hero-main, .hp .hero-side, .hp .p-card, .hp .p-body { min-width: 0; }
.hp .p-name, .hp .cat-item h4 { overflow-wrap: anywhere; }
.hp a:focus-visible, .hp button:focus-visible { outline: 3px solid var(--p, #6d28d9); outline-offset: -3px; }


/* Banner and price presentation. */
.p-price-old {
    display: inline-block;
    margin-right: 6px;
    color: #64748B !important;
    font-weight: 500 !important;
    text-decoration-line: line-through !important;
    text-decoration-thickness: 1.5px !important;
    text-decoration-color: #94A3B8 !important;
    text-decoration-skip-ink: none !important;
    opacity: .9;
}

/* Mid Promo Banner - 1200x200 */
.promo-box{
    display:block;
    width:100%;
    max-width:none;
    margin:0;
    overflow:hidden;
    border-radius:14px;
    background:#fff;
}
.promo-box img{
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    aspect-ratio:auto;
    object-fit:contain;
}

/* Footer promo/ad banners loaded from active Banner Category containing "Footer". */
.footer-ad-section{margin-top:8px;margin-bottom:28px;}
.footer-ad-grid{display:grid;grid-template-columns:1fr;gap:16px;}
.footer-ad-card{display:block;width:100%;overflow:hidden;border-radius:16px;background:#fff;}
.footer-ad-card img{display:block;width:100%;height:auto;max-height:280px;object-fit:cover;}

@media(max-width:767px){
    .promo-box{
        border-radius:10px;
    }
    .promo-box img{
        width:100%;
        height:auto;
        max-width:100%;
        aspect-ratio:auto;
        object-fit:contain;
    }

    .footer-ad-section{margin-bottom:20px;}
    .footer-ad-card{border-radius:10px;}
    .footer-ad-card img{max-height:none;}
}

.hp-page { min-height:100vh; }

.hp .hp-hero-section { margin-top:10px; }

.hp .hp-hero-container { padding:0 10px; }

.hp .hp-hero-caption { position:absolute;bottom:0;left:0;right:0;background:var(--s) !important;color:#fff !important;padding:13px 20px;font-size:16px;font-weight:700;text-align:center;z-index:5;font-family:var(--font-head); }

.hp .hp-side-image { width:100%;height:100%;object-fit:cover;aspect-ratio:500/220; }

.hp .hp-side-placeholder { aspect-ratio:500/220; }

.hp .hp-deal-heading { display:flex;align-items:center;gap:12px;flex-wrap:wrap; }

.hp .hp-action-link { display:flex;align-items:center;justify-content:center; }

.hp .hp-deal-expiry { background:linear-gradient(135deg,#FEF2F2,#FFF5F5);border-top:1.5px solid #FECACA;padding:7px 12px;display:flex;align-items:center;justify-content:center;gap:6px; }

.hp .hp-deal-expiry-icon { color:#EF4444;font-size:11px; }

.hp .hp-deal-expiry-label { font-size:11px;font-weight:700;color:#DC2626;font-family:var(--font-head); }

.hp .hp-theme-icon { color:var(--p); }

.hp-cart-form { display:none; }

/* Measure product tracks inside their edge gutter, not a padded clipping viewport. */
.hp .cat-prod-slider,
.hp .top-category-slider {
    box-sizing: border-box;
    padding-inline: 4px !important;
}
.hp .cat-prod-slider .owl-stage-outer,
.hp .top-category-slider .owl-stage-outer {
    padding: 0 !important;
}
.hp .cat-prod-slider .owl-item,
.hp .top-category-slider .owl-item {
    flex: 0 0 auto !important;
    min-width: 0;
}
.hp .cat-prod-slider .p-card { width: calc(100% - 1px); min-width: 0; }
.hp .bd-swiper { padding-inline: 4px !important; }
.hp .bd-swiper .swiper-wrapper { min-width: 0; }
.hp .bd-swiper .swiper-slide { min-width: 0; box-sizing: border-box; }
@media (min-width: 1200px) {
    .hp .bd-swiper .swiper-wrapper { gap: 16px; }
    .hp .bd-swiper .swiper-slide { flex: 0 0 calc((100% - 64px) / 5); }
}

/* Native product rows keep identical geometry before/after JavaScript loads. */
.hp .home-product-rail {
    display: grid;
    grid-auto-flow: column;
    scroll-padding-inline: 4px;
    grid-auto-columns: calc((100% - 64px) / 5);
    gap: 16px;
    width: 100%;
    box-sizing: border-box;
    padding: 4px 4px 12px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    scrollbar-color: var(--p, #6D28D9) transparent;
    overflow-anchor: none;
}
.hp .home-product-rail > .item { min-width: 0; display: flex; scroll-snap-align: start; }
.hp .home-product-rail .p-card { width: 100%; min-width: 0; margin: 0; transform: none !important; }
.hp .home-product-rail .p-card:hover { transform: none !important; }
@media (min-width:768px) and (max-width:1199px) {
    .hp .home-product-rail { grid-auto-columns: calc((100% - 42px) / 4); gap: 14px; }
}
@media (min-width:576px) and (max-width:767px) {
    .hp .home-product-rail { grid-auto-columns: calc((100% - 24px) / 3); gap: 12px; }
}
@media (max-width:575px) {
    .hp .home-product-rail { grid-auto-columns: calc((100% - 10px) / 2); gap: 10px; }
}