/* Common CSS */
/* Reset and Base Styles */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Poppins';line-height:1.6;color:#1a1a1a;background-color:#f7faff;background-image:radial-gradient(circle at 8% 5%,rgba(255,190,120,0.10) 0%,rgba(255,190,120,0) 26%),radial-gradient(circle at 92% 12%,rgba(145,190,255,0.12) 0%,rgba(145,190,255,0) 28%),linear-gradient(180deg,#f7faff 0%,#f4f8fd 48%,#f8f6fc 100%);background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed;min-height:100%;-webkit-font-smoothing:antialiased;}
/* Inside pages: neutral canvas (home keeps the blue wash above) */
body._grybg{background-color:#f3f4f6;background-image:none;background-attachment:scroll;}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;}
button{cursor:pointer;border:none;outline:none;font-family:inherit;}
.clfix:before,.clfix:after{display:table;content:'';}
.clfix:after,a{color:#000;text-decoration:none;cursor:pointer;}
a:hover,a:focus,a:active{color:inherit;}
a:hover,a:active,:focus{outline:none;text-decoration:none;}
input,select,textarea,button{border:none;background:none;-webkit-appearance:none;}
img{border:none;font-size:12px;color:transparent;}
sup{line-height:normal;}
ul,ol{margin:0;padding:0;}
ul{list-style:none;}
._flx{display:flex;}
._grid{display:grid;}
._ovfhide{overflow:hidden}
.hide{display:none!important;}
/* Slider for mobile */
._slideX{display:block;overflow-x:scroll;padding:0 0 10px;white-space:nowrap;}
._slideX li,._slideX button,._slideX>div{display:inline-block;vertical-align:top;}
._slideX::-webkit-scrollbar{display:none;}
/* Store Sprite */
._stor{background-image:url(https://cdn.gadgets360.com/pricee/assets/icons/pricee-sprite26Aug2026.png);background-repeat:no-repeat;background-position:-100% -100%;display:inline-block;}
.store-amazon{background-position:-0.5% 28%;}
body.dark .store-amazon{background-position:38.3% 49.3%;}
.store-flipkart{background-position:19.3% 27.5%;}
.store-croma{background-position:36% 28%;}
.store-reliance{background-position:52% 28%;}
.store-vijaysales{background-position:68% 28%;}
.store-tatacliq{background-position:84% 28%;}
/* Container */
.container{max-width:1280px;margin:0 auto;padding:0;position:relative;}
/* Button */
._btn{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);font-size:1rem;color:white;border-radius:50px;font-weight:600;border:none;transition:transform 0.3s;padding:1rem 2rem;}
/* Header */
.header{position:relative;top:0;left:0;right:0;z-index:1000;/*background:rgba(255,255,255,.15);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15);*/backdrop-filter:blur(10px);padding:.5rem 1rem;transition:padding .28s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease;}
.header.is-sticky{position:fixed;transform:translate3d(0,0,0);background:linear-gradient(135deg,rgba(255,255,255,.72) 0%,rgba(238,242,255,.62) 100%);box-shadow:0 10px 28px rgba(15,23,42,.1);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);transition:transform .2s ease,padding .28s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease;will-change:transform;}
.header.is-sticky.is-hidden{transform:translate3d(0,-200%,0);pointer-events:none;}
.header.no-transition{transition:none !important;}
.header-scroll-spacer{display:block;width:100%;height:0;margin:0;padding:0;overflow:hidden;pointer-events:none;visibility:hidden;}
.header-content{display:flex;justify-content:space-between;align-items:center;transition:height .28s ease;}
.logo{display:flex;align-items:center;gap:.5rem;}
/* .logo img{max-width:max-content;max-height:54px;width:auto;height:auto;margin:0;transition:max-height .28s ease,filter .28s ease;} */
.logo svg{max-width:120px;max-height:64px;width:auto;height:auto;margin:0;transition:max-height .28s ease,filter .28s ease;}
/* .logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;} .logo-text{font-size:1.5rem;font-weight:700;color:#1a1a1a;} */
/* Premium header chrome lives in nav-premium.css.
   Keep only structural show/hide + sticky sizing here. */
.nav-desktop{display:flex;align-items:center;gap:.65rem;position:relative;}
.nav-mobile{display:none;}
@media (min-width:1025px){
.header.is-sticky.is-compact{padding:.28rem 1rem;}
.header.is-sticky.is-compact .header-content{height:60px;}
.header.is-sticky.is-compact .logo img{max-height:52px;}
@media (prefers-reduced-motion:reduce){
.header,.header-content,.logo img,.nav-desktop,.header ._hsrch{transition:none !important;}
}
}
.icon-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #e5e7ec;display:flex;align-items:center;justify-content:center;transition:background .3s;}
.icon-btn:hover{background:#f3f4f6;}
.icon-btn svg{width:24px;height:24px;}
._lghtdrkbtn{display:flex;align-items:center;gap:12px;}
.theme-btn,
.header .icon-btn.langselecter,
.header .icon-btn.togglemenu,
.header ._hsrch ._srcbx{width:42px;height:42px;flex-shrink:0;border-radius:50%;border:1px solid rgba(99,102,241,.22);background:linear-gradient(145deg,#fff 0%,#eef2ff 100%);box-shadow:0 4px 14px rgba(99,102,241,.14),inset 0 1px 0 rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease,border-color .35s ease,background .35s ease;}
.theme-btn::before,
.header .icon-btn.langselecter::before,
.header .icon-btn.togglemenu::before,
.header ._hsrch ._srcbx::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 25%, rgb(225 218 255 / 55%), transparent 65%);pointer-events:none;}
.theme-btn::after,
.header .icon-btn.langselecter::after,
.header .icon-btn.togglemenu::after,
.header ._hsrch ._srcbx::after{content:"";position:absolute;inset:-1px;border-radius:50%;background:linear-gradient(135deg,rgb(241 99 99 / 18%),rgba(139,92,246,.15));opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:0;}
.theme-btn:hover,
.header .icon-btn.langselecter:hover,
.header .icon-btn.togglemenu:hover,
.header ._hsrch ._srcbx:hover{transform:translateY(-2px) scale(1.06);box-shadow:0 8px 22px rgba(99,102,241,.22),inset 0 1px 0 rgba(255,255,255,.95);border-color:rgba(99,102,241,.35);background:linear-gradient(145deg,#fff 0%,#eef2ff 100%);}
.theme-btn:hover::after,
.header .icon-btn.langselecter:hover::after,
.header .icon-btn.togglemenu:hover::after,
.header ._hsrch ._srcbx:hover::after{opacity:1;}
.theme-btn:active,
.header .icon-btn.langselecter:active,
.header .icon-btn.togglemenu:active,
.header ._hsrch ._srcbx:active{transform:scale(.94);}
.header .icon-btn.langselecter svg,
.header .icon-btn.togglemenu svg,
.header .icon-btn.header-user-btn svg,
.header ._hsrch ._srcbx svg{width:20px;height:20px;position:relative;z-index:1;color:#6366f1;transition:transform .35s cubic-bezier(.4,0,.2,1),color .35s ease;}
.header .icon-btn.togglemenu:hover svg{transform:scale(1.08);}
.header .icon-btn.header-user-btn{width:42px;height:42px;flex-shrink:0;border-radius:50%;border:1px solid rgba(99,102,241,.22);background:linear-gradient(145deg,#fff 0%,#eef2ff 100%);box-shadow:0 4px 14px rgba(99,102,241,.14),inset 0 1px 0 rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;text-decoration:none;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease,border-color .35s ease,background .35s ease;}
.header .icon-btn.header-user-btn::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 25%, rgb(225 218 255 / 55%), transparent 65%);pointer-events:none;}
.header .icon-btn.header-user-btn::after{content:"";position:absolute;inset:-1px;border-radius:50%;background:linear-gradient(135deg,rgb(241 99 99 / 18%),rgba(139,92,246,.15));opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:0;}
.header .icon-btn.header-user-btn:hover{transform:translateY(-2px) scale(1.06);box-shadow:0 8px 22px rgba(99,102,241,.22),inset 0 1px 0 rgba(255,255,255,.95);border-color:rgba(99,102,241,.35);background:linear-gradient(145deg,#fff 0%,#eef2ff 100%);}
.header .icon-btn.header-user-btn:hover::after{opacity:1;}
.header .icon-btn.header-user-btn:active{transform:scale(.94);}
/* Legacy nav-desktop icon hovers removed — see nav-premium.css */
.header-auth-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(236,91,40,.28);background:linear-gradient(135deg,#ec5b28 0%,#c83d13 100%);color:#fff;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px rgba(236,91,40,.22);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,background .3s ease;}
.header-auth-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(236,91,40,.3);color:#fff;background:linear-gradient(135deg,#f06a3a 0%,#d4471a 100%);}
.header-auth-btn:active{transform:scale(.97);}
.header-auth-btn__full{display:none;}
.header-auth-btn__short{display:inline;}
@media (min-width:1025px){
.header-auth-btn__full{display:inline;}
.header-auth-btn__short{display:none;}
}
body.menu-open .header .icon-btn.togglemenu{border-color:rgba(237,56,51,.45);box-shadow:0 8px 24px rgba(237,56,51,.2),inset 0 1px 0 rgba(255,255,255,.1);transform:translateY(-1px) scale(1.04);}
body.menu-open .header .icon-btn.togglemenu::after{opacity:1;background:linear-gradient(135deg,rgba(237,56,51,.38),rgba(246,144,92,.18));}
body.menu-open .header .icon-btn.togglemenu svg{color:#ed3833;transform:rotate(90deg) scale(1.05);}
.theme-btn .theme-icon{width:20px;height:20px;position:absolute;top:50%;left:50%;color:#6366f1;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1),color .35s ease;z-index:1;}
.theme-btn .theme-icon-moon{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1);}
.theme-btn .theme-icon-sun{opacity:0;transform:translate(-50%,-50%) rotate(-75deg) scale(.45);color:#f59e0b;}
/* Search for inside pages */
._tglsrcbtn{align-items:center;justify-content:center;gap:10px;}
.header ._hsrch{width:42px;height:42px;align-items:center;justify-content:center;position:relative;cursor:pointer;}
.header ._hsrch ._srcbx{width:100%;height:100%;}
.header ._hsrch.is-home{cursor:default;}
.header ._hsrch.is-home{display:none;}
@media (min-width:1025px){
.nav{gap:10px;}
.header ._hsrch.is-home ._srcbx{display:none;}
.header ._hsrch.is-home{display:block;}
.header-content{height:80px;padding:0;}
.logo-icon{width:248px;}
.logo-icon img{max-width:247px;max-height:56px;}
._dmnulnk{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:40px;}
.backg360{}
.backg360>a{border:1px solid #bc408b;border-radius:40px;padding:5px 15px 5px 45px;}
.backg360 a svg{width:36px;height:36px;padding:8px;border-radius:50%;position:absolute;left:0;}
.backg360>a .btn-primary:hover{transform:none;box-shadow:none;}
nav .backg360 a:hover:before,nav .backg360 a:hover::after{content:unset;}
._tglsrcbtn{gap:20px;}
}

*{pointer-events:auto !important;}
button,
button::before,
button::after,
button *{pointer-events:auto !important;}
button:not(.theme-btn):not(.langselecter):not(._srcbx):not(.togglemenu)::before,
button:not(.theme-btn):not(.langselecter):not(._srcbx):not(.togglemenu)::after{content:none !important;}
._tglsrcbtn,
._tglsrcbtn *,
._lghtdrkbtn,
._lghtdrkbtn *,
._hsrch,
._hsrch *{pointer-events:auto !important;}

/* Breadcrumb UI — site-wide (listing, PDP, category, etc.) */
.breadcrumb,
.site-breadcrumb,
.bc{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 1rem;
  padding:0 1rem;
  list-style:none;
  font-size:14px;
  line-height:1.45;
  color:#64748b;
}
.breadcrumb a,
.site-breadcrumb a,
.bc a{
  color:#475569;
  text-decoration:none;
  transition:color .2s ease;
}
.breadcrumb a:hover,
.site-breadcrumb a:hover,
.bc a:hover{
  color:#0f172a;
  text-decoration:underline;
  text-underline-offset:2px;
}
.breadcrumb .separator,
.site-breadcrumb .separator,
.bc li + li:before{
  color:#94a3b8;
  user-select:none;
}
.bc li{display:flex;align-items:center;min-width:0;color:#0f172a;}
.bc li + li:before{content:">";display:inline-flex;margin:0 8px;}
.breadcrumb .current,
.site-breadcrumb .current,
.bc .active{
  color:#0f172a;
  opacity:.85;
}
@media (min-width:1025px){
  .breadcrumb,
  .site-breadcrumb,
  .bc{
    margin:1.25rem auto 1rem;
    max-width:1280px;
    padding:0;
  }
}
body.dark .breadcrumb a,
body.dark .site-breadcrumb a,
body.dark .bc a{color:#a5b4fc;}
body.dark .breadcrumb a:hover,
body.dark .site-breadcrumb a:hover,
body.dark .bc a:hover{color:#c7d2fe;}
body.dark .breadcrumb .current,
body.dark .site-breadcrumb .current,
body.dark .bc .active{color:#fff;opacity:.9;}
body.dark .breadcrumb .separator,
body.dark .site-breadcrumb .separator,
body.dark .bc li + li:before{color:#6b7280;}
body.dark .bc{color:#9ca3af;}
/* Popup UI */
/* Popup base */
#searchPopup{position:fixed;inset:0;background:radial-gradient(ellipse at center,rgb(255 255 255 / 0%) -140%,rgb(242 238 250 / 75%) 60%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease;z-index:9999;}
/* Active state */
#searchPopup.active{opacity:1;visibility:visible;pointer-events:auto;}
/* Popup content animation */
.popup-content{width:100%;max-width:800px;height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.28) transparent;-webkit-overflow-scrolling:touch;background:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:40px 20px;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:translateY(40px) scale(.95);opacity:0;transition:all .4s cubic-bezier(.22,1,.36,1);}
.popup-content::-webkit-scrollbar{width:15px;background:transparent;}
.popup-content::-webkit-scrollbar-track{background:transparent;}
.popup-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.22);border-radius:999px;border:2px solid transparent;background-clip:padding-box;}
.popup-content::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.35);border:2px solid transparent;background-clip:padding-box;}
.popup-content::-webkit-scrollbar-corner{background:transparent;}
/* When popup opens */
#searchPopup.active .popup-content{transform:translateY(0) scale(1);opacity:1;animation:popupIn .45s cubic-bezier(.22,1,.36,1);position:relative;}
.popup-content .faq-section{margin:0;}
/* Input styling (important for feel) */
/* .popup-content input{width:100%;padding:16px 20px 16px 50px;font-size:16px;border-radius:12px;border:1px solid #ddd;outline:none;transition:.2s ease;} */
/* Focus effect */
/* .popup-content input:focus{border-color:#7f2cea;box-shadow:0 0 0 3px rgba(127,44,234,.2);} */
/* Close button */
.popup-content ._clsbtn{width:40px;height:40px;margin:0;padding:0;border:none;color:#fff;border-radius:0px 0px 0px 15px;cursor:pointer;position:fixed;top:0;right:0;background:linear-gradient(135deg,#ed3833 0%,#f6905c 100%);align-items:center;justify-content:center;}
.popup-content ._clsbtn svg{width:26px;height:26px;margin:0;}
/* Scroll lock */
body.popup-open{overflow:hidden;}
/* Animation */
@keyframes popupIn{0%{transform:translateY(60px) scale(.9);opacity:0;}60%{transform:translateY(-10px) scale(1.02);opacity:1;}100%{transform:translateY(0) scale(1);}}
/* Extra blur overlay */
body.popup-open::before{content:"";position:fixed;inset:0;backdrop-filter:blur(2px);z-index:1;}
/* Popup Content */
._phdtxt{font-size:2rem;color:var(--text-hd);margin-bottom:15px;font-weight:bold;font-family:poppins;line-height:1.3;}
._pnrmtxt{font-size:1rem;color:var(--text-2);margin-bottom:20px;}
@media(min-width:1025px){
.popup-content{width:90%;max-width:800px;height:90%;padding:0 40px 20px 40px;border-radius:16px;}
._phdtxt{font-size:2.8rem;text-align:center;margin:0;}
._pnrmtxt{font-size:1.2rem;text-align:center;margin-bottom:20px;}
.search-box{width:560px;margin:0 auto 20px;}
.popup-content .filters{margin-bottom:20px;}
.popup-content .faq-section{margin:0 auto 10px auto;}
.popup-content .faq-section h2{font-size:30px;margin:0 0 10px 0;}
.popup-content ._clsbtn{width:50px;height:50px;position:sticky;position:-webkit-sticky;transform:translate(710px,0);}
.popup-content ._clsbtn svg{width:30px;height:30px;transition:all 0.35s ease;-webkit-transition:all 0.35s ease;}
.popup-content ._clsbtn:hover svg{transform:rotate(360deg);}
}

/* CAROUSEL STYLES */
.carousel-container{position:relative;display:flex;align-items:center;gap:1rem;}
.carousel-track{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 0;}
.carousel-track::-webkit-scrollbar{display:none;}
.carousel-track .category-tile{flex:0 0 280px;min-width:280px;}
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:white;border:1px solid #e5e7eb;box-shadow:0 4px 12px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;z-index:10;transition:all 0.3s;color:#374151;}
.carousel-btn:hover{background:#f3f4f6;box-shadow:0 6px 16px rgba(0,0,0,0.15);}
.carousel-btn.prev{left:-24px;}
.carousel-btn.next{right:-24px;}
.carousel-dots{display:flex;justify-content:center;gap:0.5rem;margin-top:1rem;}
.carousel-dots .dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;transition:all 0.3s;cursor:pointer;}
.carousel-dots .dot.active{width:24px;border-radius:4px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);}

/* Animations */
@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.animate-fade-in{animation:fadeIn .5s ease-out;}
/* Hamburger / mobile drawer styles → common-btf.css (nav BTF) */

/* Responsive */
@media (max-width:768px){
    /* Show/hide of .nav-desktop / .nav-mobile: nav-premium.css @ 1199/1200 */
    .header.is-sticky{
        position:fixed;
        background:linear-gradient(135deg,rgba(255,255,255,.72) 0%,rgba(238,242,255,.62) 100%);
        border-bottom:1px solid rgba(255,255,255,.7);
        box-shadow:0 10px 28px rgba(79,70,229,.12),0 2px 8px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.9);
        -webkit-backdrop-filter:blur(14px) saturate(1.2);
        backdrop-filter:blur(14px) saturate(1.2);
    }
    .header.is-sticky::before{
        content:"";
        position:absolute;
        inset:0;
        background:radial-gradient(120px 50px at 18% 0%,rgba(167,139,250,.22),transparent 70%),radial-gradient(140px 55px at 82% 100%,rgba(96,165,250,.18),transparent 70%);
        pointer-events:none;
        z-index:0;
    }
    .header.is-sticky > .container{position:relative;z-index:1;}
    .hero-title{font-size:2rem;}
    .category-grid{grid-template-columns:repeat(2,1fr);}
    .chatbot-window{width:100%;height:100vh;bottom:0;right:0;border-radius:0;}
}

/* Utility Classes */
.text-center{text-align:center;}
.mt-1{margin-top:.25rem;}
.mt-2{margin-top:.5rem;}
.mt-3{margin-top:1rem;}
.mb-1{margin-bottom:.25rem;}
.mb-2{margin-bottom:.5rem;}
.mb-3{margin-bottom:1rem;}
.hidden{display:none;}
.flex{display:flex;}
.items-center{align-items:center;}
.justify-center{justify-content:center;}
.gap-1{gap:.25rem;}
.gap-2{gap:.5rem;}
.gap-3{gap:1rem;}
/* SEARCH RESULTS PAGE STYLES */
/* Main Content */
/* .search-results-main{padding-top:100px;min-height:100vh;} */
._pgcntnr{padding-top:0;min-height:100vh;}
.search-results-search{max-width:800px;margin:0 auto 2rem;}

/* Results Header */
.results-header{display:flex;justify-content:space-between;align-items:center;margin:1rem 0;padding:0 1rem;}
.results-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;}
.results-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.25rem;}
.results-count{font-size:.875rem;color:#6b7280;}
.listing-updated{margin:.25rem 0 .45rem;font-size:.85rem;line-height:1.4;color:#6b7280;}
.listing-summary{max-width:1280px;margin:0;font-size:1rem;line-height:1.55;color:#111827;}
._srtfltrwrp{width:100%;position:fixed;bottom:0;left:0;right:0;z-index:9;grid-template-columns:repeat(2,1fr);background-color:#fff;box-shadow:0px 0px 10px 0px rgb(7 17 58 / 20%);}
.sort-toggle-btn,.filter-toggle-btn{padding:.75rem 1.5rem;background:transparent;border:none;font-size:0.9rem;font-weight:500;transition:all .3s;align-items:center;justify-content:center;gap:0.5rem;border-right:1px solid #e5e7ec;}
.filter-toggle-btn{border:none;}
.sort-toggle-btn svg,.filter-toggle-btn svg{width:20px;height:20px;}
@media (min-width:1025px){
    .results-header{margin:2rem 0;}
}

/* Results Layout */
.results-layout{display:flex;gap:2rem;flex-direction:column;padding:0 1rem;}

/* Results Button */
._rsltbtn{align-items:center;justify-content:center;}
._rsltbtn ._btn{color:#fff;font-size:1rem;}

/* ========================================
   DARK MODE
======================================== */
body.dark{background-color:#0c1220;background-image:radial-gradient(900px 560px at 8% -10%,rgba(59,130,246,.18) 0%,transparent 55%),radial-gradient(820px 520px at 94% -4%,rgba(139,92,246,.14) 0%,transparent 52%),radial-gradient(680px 440px at 20% 70%,rgba(99,102,241,.1) 0%,transparent 58%),radial-gradient(700px 460px at 80% 75%,rgba(56,189,248,.08) 0%,transparent 56%),linear-gradient(180deg,#0c1220 0%,#111827 48%,#0f172a 100%);background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed;color:#fff;}
body.dark._grybg{background-color:#0f1115;background-image:none;background-attachment:scroll;}
body.dark .header{background:rgba(15,15,16,.88);border-color:#2d2d30;box-shadow:0 3px 20px rgb(151 144 166 / 35%);}
body.dark .header.is-sticky{background:rgba(15,15,16,.94);border-color:#2d2d30;}
@media (max-width:768px){
    body.dark .header.is-sticky{
        background:linear-gradient(135deg,rgba(24,24,27,.82) 0%,rgba(30,41,59,.72) 100%);
        border-bottom-color:rgba(255,255,255,.1);
        box-shadow:0 12px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);
    }
    body.dark .header.is-sticky::before{
        background:radial-gradient(120px 50px at 18% 0%,rgba(139,92,246,.2),transparent 70%),radial-gradient(140px 55px at 82% 100%,rgba(56,189,248,.14),transparent 70%);
    }
}
/* Legacy dark .nav-desktop chrome removed — nav-premium.css */
body.dark .icon-btn{background:#1a1a1d;border-color:#3f3f46;color:#e5e7eb;}
body.dark .icon-btn:hover{background:#252528;}
body.dark .theme-btn,
body.dark .header .icon-btn.langselecter,
body.dark .header .icon-btn.togglemenu,
body.dark .header .icon-btn.header-user-btn,
body.dark .header ._hsrch ._srcbx{border-color:rgba(251,191,36,.32);background:linear-gradient(145deg, #000000 0%, #111827 100%);box-shadow:0 4px 18px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08);color:#e5e7eb;}
body.dark .theme-btn:hover,
body.dark .header .icon-btn.langselecter:hover,
body.dark .header .icon-btn.togglemenu:hover,
body.dark .header .icon-btn.header-user-btn:hover,
body.dark .header ._hsrch ._srcbx:hover{border-color:rgba(251,191,36,.45);box-shadow:0 8px 24px rgba(251,191,36,.18),inset 0 1px 0 rgba(255,255,255,.1);background:linear-gradient(145deg,#1f2937 0%,#111827 100%);transform:translateY(-2px) scale(1.06);}
body.dark .header .icon-btn.langselecter svg,
body.dark .header .icon-btn.togglemenu svg,
body.dark .header .icon-btn.header-user-btn svg,
body.dark .header ._hsrch ._srcbx svg{color:#fbbf24;}
body.dark .header-auth-btn{border-color:rgba(246,144,92,.4);box-shadow:0 4px 18px rgba(237,56,51,.28);}
body.dark .header-auth-btn:hover{box-shadow:0 8px 24px rgba(237,56,51,.35);}
body.dark.menu-open .header .icon-btn.togglemenu{border-color:rgba(246,144,92,.55);box-shadow:0 8px 26px rgba(237,56,51,.28),inset 0 1px 0 rgba(255,255,255,.1);}
body.dark.menu-open .header .icon-btn.togglemenu::after{opacity:1;background:linear-gradient(135deg,rgba(237,56,51,.42),rgba(246,144,92,.22));}
body.dark.menu-open .header .icon-btn.togglemenu svg{color:#f6905c;}
body.dark .theme-btn .theme-icon-moon{opacity:0;transform:translate(-50%,-50%) rotate(75deg) scale(.45);color:#818cf8;}
body.dark .theme-btn .theme-icon-sun{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1);color:#fbbf24;}
/* Hamburger/menu dark mode → common-btf.css */
body.dark #searchPopup{background:radial-gradient(ellipse at center,rgba(15,15,16,0) -140%,rgba(17,17,17,.92) 60%);}
body.dark .popup-content{background:#1a1a1d;color:#fff;box-shadow:0 20px 60px rgb(255 255 255 / 25%);}
body.dark .popup-content{scrollbar-color:rgba(255,255,255,.35) transparent;}
body.dark .popup-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);}
body.dark .popup-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.45);}
body.dark .popup-content ._phdtxt{color:#fff;}
body.dark .popup-content ._pnrmtxt{color:#a1a1aa;}
body.dark ._srtfltrwrp{background-color:#1a1a1d;box-shadow:0 0 10px 0 rgb(0 0 0 / 35%);}
body.dark .sort-toggle-btn,body.dark .filter-toggle-btn{border-color:#3f3f46;color:#e5e7eb;}
body.dark .results-title{color:#fff;}
body.dark .results-count{color:#a1a1aa;}
body.dark .listing-updated{color:#a1a1aa;}
body.dark .listing-summary{color:#e5e7eb;}
body.dark .carousel-btn{background:#1a1a1d;border-color:#3f3f46;color:#e5e7eb;}
body.dark .carousel-btn:hover{background:#252528;}
body.dark .theme-btn::before,
body.dark .header .icon-btn.langselecter::before,
body.dark .header .icon-btn.togglemenu::before,
body.dark .header .icon-btn.header-user-btn::before,
body.dark .header ._hsrch ._srcbx::before{background:transparent;}
body.dark .footer-section h3{color:#f8fafc;}
body.dark .footer-links a{color:rgba(226,232,240,.7);}
body.dark .footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);}

/* Share menu (global — listing, category, PDP, footer) — moved from product-detail.css */
.share-menu-wrap{position:relative;}
.pdp-share-btn{width:36px;height:36px;flex:none;border-radius:50%;background:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all 0.2s;}
.pdp-share-btn svg{width:24px;height:24px;position:relative;left:-2px;}
.pdp-share-btn:hover{background:#f3f4f6;color:#3b82f6;}
.pdp-share-menu{
    display:none;
    position:absolute;
    left:0;
    right:auto;
    top:calc(100% + 10px);
    background:#fff;
    border:1px solid rgba(226,232,240,.9);
    border-radius:20px;
    box-shadow:0 16px 40px rgba(15,23,42,.14),0 4px 12px rgba(15,23,42,.06);
    list-style:none;
    margin:0;
    padding:18px 20px;
    z-index:30;
    min-width:210px;
    flex-direction:column;
    gap:14px;
}
.pdp-title-card .pdp-share-menu,
.share-menu-wrap .pdp-share-menu{left:auto;right:0;top:calc(100% + 10px);}
.pdp-share-menu.active{display:flex;}
.pdp-share-menu li{margin:0;padding:0;list-style:none;}
.pdp-share-menu li a{
    display:flex;
    align-items:center;
    gap:14px;
    padding:0;
    border-radius:0;
    font-size:.95rem;
    font-weight:700;
    line-height:1.2;
    color:#0f172a;
    text-decoration:none;
    transition:opacity .18s ease,transform .18s ease;
}
.pdp-share-menu li a:hover{
    background:transparent;
    opacity:.86;
    transform:translateX(2px);
}
.pdp-share-menu__icon{
    width:36px;
    height:36px;
    flex:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color:#fff;
}
.pdp-share-menu__icon svg{
    width:18px;
    height:18px;
    display:block;
    padding:0;
    border-radius:0;
    background:transparent !important;
    color:inherit;
}
.pdp-share-menu li a._wpicn .pdp-share-menu__icon,
.pdp-share-menu li a[data-platform="whatsapp"] .pdp-share-menu__icon{background:#25d366;}
.pdp-share-menu li a._fbicn .pdp-share-menu__icon,
.pdp-share-menu li a[data-platform="facebook"] .pdp-share-menu__icon{background:#1877f2;}
.pdp-share-menu li a._twicn .pdp-share-menu__icon,
.pdp-share-menu li a[data-platform="twitter"] .pdp-share-menu__icon{background:#111827;}
.pdp-share-menu li a._spchat .pdp-share-menu__icon,
.pdp-share-menu li a[data-platform="snapchat"] .pdp-share-menu__icon{background:#fffc00;}
.pdp-share-menu__icon--snap svg{width:20px;height:20px;overflow:visible;}
.cat-page__share-wrap .pdp-share-menu{left:0;right:auto;}
body.dark .pdp-share-btn{background:#1a1a1d;border-color:#3f3f46;color:#e5e7eb;}
body.dark .pdp-share-btn:hover{background:#27272a;color:#93c5fd;}
body.dark .pdp-share-menu{
    background:#12121b;
    border-color:#3f3f46;
    box-shadow:0 16px 40px rgb(151 144 166 / 45%);
}
body.dark .pdp-share-menu li a{color:#f8fafc;}
body.dark .pdp-share-menu li a:hover{background:transparent;}

/* ========== Migrated from styles.css (Phase 9) — global hero/search (ATF + popup) ========== */
/* --- Global hero / search / stats (home + search popup) --- */
/* Hero Section */
.hero{padding:60px 1rem 10rem;text-align:center;position:relative;overflow:hidden;background-color:#d2e1ff;background-image:radial-gradient(540px 360px at 12% 20%,rgba(167,139,250,.28) 0%,transparent 70%),radial-gradient(500px 340px at 88% 30%,rgba(96,165,250,.24) 0%,transparent 68%),radial-gradient(420px 280px at 50% 85%,rgba(196,181,253,.2) 0%,transparent 70%),url(/assets/images/pricee-hero-waves-bg.png);background-repeat:no-repeat;background-size:100% 100%,100% 100%,100% 100%,cover;background-position:0 0,0 0,0 0,center 60%;}
.hero > .container{position:relative;z-index:2;}
/* Outlined product icons on hero sides (no circles) — mixed sizes, higher contrast */
.hero-side-art{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
.hero-side-art__glow{position:absolute;border-radius:50%;filter:blur(40px);opacity:.5;animation:heroSideGlow 9s ease-in-out infinite;}
.hero-side-art__glow--left{width:260px;height:260px;left:-36px;top:18%;background:radial-gradient(circle,rgba(167,139,250,.5) 0%,rgba(147,197,253,.18) 45%,transparent 72%);}
.hero-side-art__glow--right{width:280px;height:280px;right:-40px;top:28%;background:radial-gradient(circle,rgba(96,165,250,.45) 0%,rgba(196,181,253,.18) 48%,transparent 72%);animation-delay:-3.5s;}
.hero-side-art__item{position:absolute;color:#4f46e5;filter:drop-shadow(0 0 1px rgba(255,255,255,.9)) drop-shadow(0 0 12px rgba(99,102,241,.45)) drop-shadow(0 6px 14px rgba(59,130,246,.18));opacity:.88;stroke-linecap:round;stroke-linejoin:round;}
.hero-side-art__item--phone{width:58px;left:2%;top:12%;transform:rotate(-12deg);color:#5b21b6;animation:heroSideFloatA 16s ease-in-out infinite;}
.hero-side-art__item--fridge{width:52px;left:8%;top:18%;transform:rotate(-8deg);color:#4338ca;animation:heroSideFloatA 19s ease-in-out infinite;animation-delay:-7s;}
.hero-side-art__item--headphones{width:68px;left:9%;top:34%;transform:rotate(8deg);color:#1d4ed8;animation:heroSideFloatB 18s ease-in-out infinite;animation-delay:-3s;}
.hero-side-art__item--laptop{width:78px;left:1%;top:50%;transform:rotate(-6deg);color:#6d28d9;animation:heroSideFloatC 17s ease-in-out infinite;animation-delay:-5s;}
.hero-side-art__item--watch{width:60px;left:11%;top:60%;transform:rotate(10deg);color:#945bff;animation:heroSideFloatD 15s ease-in-out infinite;animation-delay:-1.5s;}
.hero-side-art__item--filter{width:44px;left:3%;top:72%;transform:rotate(7deg);color:#4f46e5;animation:heroSideFloatD 14.5s ease-in-out infinite;animation-delay:-5.5s;}
.hero-side-art__item--camera{width:66px;right:2%;top:12%;transform:rotate(10deg);color:#6d28d9;animation:heroSideFloatC 16.5s ease-in-out infinite;animation-delay:-2s;}
.hero-side-art__item--tablet{width:48px;right:10%;top:28%;transform:rotate(-8deg);color:#3730a3;animation:heroSideFloatA 14s ease-in-out infinite;animation-delay:-4.5s;}
.hero-side-art__item--earbuds{width:58px;right:1%;top:44%;transform:rotate(6deg);color:#1d4ed8;animation:heroSideFloatB 15.5s ease-in-out infinite;animation-delay:-6s;}
.hero-side-art__item--washer{width:64px;right:8%;top:58%;transform:rotate(6deg);color:#1e40af;animation:heroSideFloatB 16.5s ease-in-out infinite;animation-delay:-2.2s;}
.hero-side-art__item--ac{width:76px;right:2%;top:74%;transform:rotate(-5deg);color:#4338ca;animation:heroSideFloatC 18s ease-in-out infinite;animation-delay:-3.8s;}
@keyframes heroSideGlow{0%,100%{opacity:.35;transform:scale(.95);}50%{opacity:.62;transform:scale(1.08);}}
@keyframes heroSideFloatA{0%,100%{transform:translate3d(0,0,0) rotate(-12deg);}50%{transform:translate3d(8px,-14px,0) rotate(-8deg);}}
@keyframes heroSideFloatB{0%,100%{transform:translate3d(0,0,0) rotate(8deg);}50%{transform:translate3d(10px,10px,0) rotate(4deg);}}
@keyframes heroSideFloatC{0%,100%{transform:translate3d(0,0,0) rotate(10deg);}50%{transform:translate3d(-10px,-12px,0) rotate(6deg);}}
@keyframes heroSideFloatD{0%,100%{transform:translate3d(0,0,0) rotate(10deg);}50%{transform:translate3d(-8px,12px,0) rotate(6deg);}}
@media (max-width:1024px){
.hero-side-art{display:none;}
}
@media (min-width:1400px){
.hero-side-art__item--phone{left:4%;width:52px;top:16%;}
.hero-side-art__item--fridge{left:auto;right:13%;top:76%;width:56px;}
.hero-side-art__item--headphones{left:10%;width:72px;}
.hero-side-art__item--laptop{left:3%;width:84px;top:46%;}
.hero-side-art__item--watch{top:56%;}
.hero-side-art__item--filter{left:5%;top:67%;}
.hero-side-art__item--camera{right:4%;width:70px;}
.hero-side-art__item--tablet{right:11%;top:25%;}
.hero-side-art__item--earbuds{right:3%;top:34%;width:80px;}
.hero-side-art__item--washer{right:4%;top:48%;width:68px;}
.hero-side-art__item--ac{right:3%;top:70%;width:82px;}
.hero-side-art__item{opacity:.92;}
}
/* Decorative floating orbs — translucent glass bubbles */
.hero-floating-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:1;will-change:transform,opacity;isolation:isolate;overflow:visible;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.55);box-shadow:0 12px 28px rgba(79,70,229,.12),inset 0 1px 1px rgba(255,255,255,.7),inset 0 -8px 16px rgba(99,102,241,.08);}
.hero-floating-orb::before{content:"";position:absolute;inset:-22%;border-radius:50%;z-index:-1;background:radial-gradient(circle,currentColor 0%,transparent 70%);opacity:.28;filter:blur(12px);animation:heroOrbGlow 7s ease-in-out infinite;}
.hero-floating-orb::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.55) 0%,rgba(255,255,255,.12) 28%,transparent 52%);pointer-events:none;}
.hero-floating-orb__shine{display:block;position:absolute;top:14%;left:18%;width:34%;height:22%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.9) 0%,rgba(255,255,255,.35) 50%,transparent 75%);transform:rotate(-18deg);animation:heroOrbShine 8s ease-in-out infinite;font-style:normal;}
/* Big — soft violet bubble (top-left) */
.hero-floating-orb--1{width:120px;height:120px;top:10%;left:6%;color:#a78bfa;background:rgba(167,139,250,.28);animation:heroOrbFloat1 14s cubic-bezier(.45,.05,.55,.95) infinite;}
/* Small — bright blue bubble (bottom-left) */
.hero-floating-orb--2{width:42px;height:42px;bottom:20%;left:12%;color:#60a5fa;background:rgba(96,165,250,.55);box-shadow:0 10px 22px rgba(37,99,235,.18),inset 0 1px 1px rgba(255,255,255,.75),inset 0 -6px 12px rgba(37,99,235,.1);animation:heroOrbFloat2 11s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:-2s;}
.hero-floating-orb--2::before{animation-delay:-1s;opacity:.35;}
/* Big — frosted lilac bubble (bottom-right) */
.hero-floating-orb--3{width:150px;height:150px;top:48%;right:6%;color:#c4b5fd;background:rgba(196,181,253,.18);animation:heroOrbFloat3 16s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:-4s;}
.hero-floating-orb--3::before{animation-delay:-2.5s;opacity:.22;}
/* Medium — pink lavender bubble (top-right) */
.hero-floating-orb--4{width:72px;height:72px;top:16%;right:12%;color:#e9d5ff;background:rgba(233,213,255,.42);animation:heroOrbFloat4 13s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:-6s;}
.hero-floating-orb--4::before{animation-delay:-.8s;}
/* Tiny — sky micro bubble */
.hero-floating-orb--5{width:28px;height:28px;top:38%;left:22%;color:#93c5fd;background:rgba(147,197,253,.5);box-shadow:0 8px 16px rgba(59,130,246,.14),inset 0 1px 1px rgba(255,255,255,.8);animation:heroOrbFloat5 10s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:-3.5s;}
.hero-floating-orb--5::before{opacity:.25;animation-delay:-2s;}
.hero-floating-orb--5 .hero-floating-orb__shine{width:40%;height:28%;}
@keyframes heroOrbFloat1{0%,100%{transform:translate3d(0,0,0) scale(1);}25%{transform:translate3d(12px,-18px,0) scale(1.03);}50%{transform:translate3d(-8px,-30px,0) scale(1.06);}75%{transform:translate3d(16px,-12px,0) scale(1.02);}}
@keyframes heroOrbFloat2{0%,100%{transform:translate3d(0,0,0) scale(1);}25%{transform:translate3d(14px,-12px,0) scale(1.08);}50%{transform:translate3d(22px,-20px,0) scale(1.04);}75%{transform:translate3d(6px,-6px,0) scale(.96);}}
@keyframes heroOrbFloat3{0%,100%{transform:translate3d(0,0,0) scale(1);}25%{transform:translate3d(-16px,12px,0) scale(1.04);}50%{transform:translate3d(-24px,-10px,0) scale(1.07);}75%{transform:translate3d(-10px,16px,0) scale(1.02);}}
@keyframes heroOrbFloat4{0%,100%{transform:translate3d(0,0,0) scale(1);}25%{transform:translate3d(-16px,-8px,0) scale(1.05);}50%{transform:translate3d(-26px,10px,0) scale(.97);}75%{transform:translate3d(-8px,-14px,0) scale(1.03);}}
@keyframes heroOrbFloat5{0%,100%{transform:translate3d(0,0,0) scale(1);}33%{transform:translate3d(10px,-16px,0) scale(1.12);}66%{transform:translate3d(-12px,-8px,0) scale(.9);}}
@keyframes heroOrbGlow{0%,100%{opacity:.2;transform:scale(.94);}50%{opacity:.38;transform:scale(1.06);}}
@keyframes heroOrbShine{0%,100%{opacity:.75;transform:rotate(-18deg) translate3d(0,0,0);}50%{opacity:1;transform:rotate(-10deg) translate3d(2px,2px,0);}}
@media (prefers-reduced-motion:reduce){
.hero-floating-orb,.hero-floating-orb::before,.hero-floating-orb__shine,.hero-side-art__glow,.hero-side-art__item{animation:none !important;}
}
@media (max-width:768px){
.hero{background-position:0 0,0 0,0 0,center 70%;}
.hero-floating-orb--1{width:78px;height:78px;top:8%;left:2%;}
.hero-floating-orb--2{width:30px;height:30px;bottom:16%;left:8%;}
.hero-floating-orb--3{width:96px;height:96px;top:54%;right:2%;}
.hero-floating-orb--4{width:48px;height:48px;top:14%;right:6%;}
.hero-floating-orb--5{display:none;}
}
@media (min-width:1025px){
.hero{padding:160px 1rem 15rem;background-position:0 0,0 0,0 0,center 55%;top:-96px;}
.hero-floating-orb--1{width:150px;height:150px;top:15%;left:8%;}
.hero-floating-orb--2{width:48px;height:48px;bottom:18%;left:14%;}
.hero-floating-orb--3{width:180px;height:180px;top:46%;right:7%;}
.hero-floating-orb--4{width:86px;height:86px;top:14%;right:13%;}
.hero-floating-orb--5{width:32px;height:32px;top:36%;left:24%;}
}
/* Shared float keyframes used by other page decorations */
@keyframes floatLeft{0%,100%{transform:translate(0,0);}50%{transform:translate(40px,40px);}}
@keyframes floatRight{0%,100%{transform:translate(0,0);}50%{transform:translate(-40px,-30px);}}
.hero-title{font-size:3rem;margin-bottom:1rem;animation:fadeIn .5s ease-out;}
.hero-gradient{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-subtitle{font-size:1.125rem;color:#6b7280;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;}
/* for search popup */
.popup-open .hero-title{font-size:2.4rem;text-align:center;line-height:1.1;}
.popup-open .hero-title .hero-gradient{margin-top:1rem;display:block;font-size:1.8rem;}
.popup-open .hero-subtitle{font-size:0.9rem;margin:2rem 0;text-align:center;}
@media (min-width:1025px){
.popup-open .hero-title .hero-gradient{line-height:0.7;}
.popup-open .hero-title .hero-gradient{font-size:inherit;line-height:normal;}
.popup-open .hero-subtitle{font-size:1rem;width:100%;max-width:inherit;}
}
/* Search Bar */
.search-container{max-width:800px;margin:0 auto 3rem;position:relative;z-index:1;}
.search-bar{display:flex;align-items:stretch;gap:0;padding:0;background:#fff;border-radius:50px;box-shadow:0 10px 25px rgba(0,0,0,.1);border:1px solid #e5e7eb;transition:box-shadow .3s;position:relative;overflow:hidden;}
.search-bar:hover{box-shadow:0 20px 40px rgba(0,0,0,.15);}
.search-icon{position:absolute;left:1.35rem;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;color:#9ca3af;pointer-events:none;line-height:0;}
.search-icon svg{width:22px;height:22px;display:block;flex-shrink:0;}
.search-input{flex:1;min-width:0;align-self:stretch;width:100%;height:auto;min-height:52px;border:none;outline:none;background:transparent;font-size:1rem;color:#1a1a1a;padding:.85rem 1rem .85rem 1.25rem;border-radius:50px;cursor:text;}
.search-input::placeholder{color:#9ca3af;}
.search-btn{flex-shrink:0;align-self:center;margin:.35rem .35rem .35rem 0;padding:.75rem 1.25rem;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;border-radius:50px;font-weight:600;transition:transform .3s;display:flex;align-items:center;justify-content:center;z-index:2;}
.search-btn:hover{transform:scale(1.05);}
.search-btn svg{width:22px;height:22px;display:block;}
/* Stats */
.stats{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem;}
.stat-item{text-align:center;}
.stat-value{font-size:2rem;font-weight:700;margin-bottom:.25rem;}
.stat-label{font-size:.8rem;color:#6b7280;}
.stat-blue{color:#3b82f6;}
.stat-purple{color:#8b5cf6;}
.stat-green{color:#10b981;}

/* --- Dark: hero + search --- */
/* Stronger dark overlay dims the waves bg image; orbs toned down for dark */
body.dark .hero{background-color:#020b21;background-image:radial-gradient(540px 360px at 12% 20%, rgb(66 28 152 / 18%) 0%, transparent 70%), radial-gradient(500px 340px at 88% 30%, rgb(9 116 163 / 12%) 0%, transparent 68%), linear-gradient(rgb(8 12 22 / 62%), rgb(2 11 28 / 48%)), url(/assets/images/pricee-hero-waves-bg-dark.png);background-repeat:no-repeat;background-size:100% 100%,100% 100%,100% 100%,cover;background-position:0 0,0 0,0 0,center 60%;}
body.dark .hero-floating-orb{opacity:.52;border-color:rgba(255,255,255,.12);box-shadow:0 8px 20px rgba(0,0,0,.35),inset 0 1px 1px rgba(255,255,255,.12),inset 0 -8px 16px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);}
body.dark .hero-floating-orb--1{background:rgba(139,92,246,.12);}
body.dark .hero-floating-orb--2{background:rgba(96,165,250,.16);}
body.dark .hero-floating-orb--3{background:rgba(167,139,250,.08);}
body.dark .hero-floating-orb--4{background:rgba(216,180,254,.14);}
body.dark .hero-floating-orb--5{background:rgba(147,197,253,.16);}
body.dark .hero-floating-orb::before{opacity:.16;filter:blur(14px);}
body.dark .hero-floating-orb::after{opacity:.35;}
body.dark .hero-floating-orb__shine{opacity:.4;}
body.dark .hero-side-art__item{color:#a5b4fc;filter:drop-shadow(0 0 1px rgba(15,23,42,.8)) drop-shadow(0 0 14px rgba(129,140,248,.55)) drop-shadow(0 6px 14px rgba(59,130,246,.25));opacity:.85;}
body.dark .hero-side-art__glow--left{background:radial-gradient(circle,rgba(139,92,246,.22) 0%,rgba(59,130,246,.08) 45%,transparent 72%);opacity:.35;}
body.dark .hero-side-art__glow--right{background:radial-gradient(circle,rgba(56,189,248,.18) 0%,rgba(139,92,246,.08) 48%,transparent 72%);opacity:.35;}
body.dark .hero-title{color:#f8fafc;}
body.dark .hero-gradient{background:linear-gradient(135deg,#93c5fd 0%,#c4b5fd 45%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
body.dark .hero-subtitle{color:#94a3b8;}
body.dark .search-bar{
  background:rgba(15,23,42,.72);
  border-color:rgba(148,163,184,.18);
  box-shadow:0 16px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
body.dark .search-bar:hover{box-shadow:0 22px 48px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08);}
body.dark .search-input{color:#f8fafc;}
body.dark .search-input::placeholder{color:#64748b;}
body.dark .search-icon{color:#64748b;}
body.dark .search-btn{box-shadow:0 8px 22px rgba(59,130,246,.35);}

/* --- Dark: stats --- */
body.dark .stat-blue{color:#93c5fd;}
body.dark .stat-purple{color:#c4b5fd;}
body.dark .stat-green{color:#5eead4;}
body.dark .stat-label{color:#94a3b8;}

/* --- Dark: search popup hero/search/stats --- */
body.dark .popup-content .hero-title,body.dark .popup-open .hero-title{color:#f8fafc;}
body.dark .popup-content .hero-subtitle,body.dark .popup-open .hero-subtitle{color:#94a3b8;}
body.dark .popup-content .search-bar,body.dark .popup-open .search-bar{
  background:rgba(15,23,42,.85);
  border-color:rgba(148,163,184,.18);
  box-shadow:0 16px 40px rgba(0,0,0,.45);
}
body.dark .popup-content .search-bar:hover,body.dark .popup-open .search-bar:hover{box-shadow:0 20px 48px rgba(0,0,0,.55);}
body.dark .popup-content .search-input,body.dark .popup-open .search-input{color:#f8fafc;}
body.dark .popup-content .search-input::placeholder,body.dark .popup-open .search-input::placeholder{color:#64748b;}
body.dark .popup-content .search-icon,body.dark .popup-open .search-icon{color:#64748b;}
body.dark .popup-content .stat-label,body.dark .popup-open .stat-label{color:#94a3b8;}

/* --- Premium search autocomplete (jQuery UI .ui-widget / .ui-autocomplete) --- */
.ui-autocomplete.ui-front,
.ui-autocomplete.ui-menu.ui-widget,
.ui-widget.ui-autocomplete{
  z-index:999999 !important;
  box-sizing:border-box;
  max-width:min(100vw - 1.5rem,800px);
  max-height:min(360px,55vh);
  overflow-x:hidden;
  overflow-y:auto;
  margin:0.5rem 0 0 !important;
  padding:0.4rem !important;
  list-style:none !important;
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:18px !important;
  background:#fff !important;
  color:#0f172a !important;
  font-family:inherit !important;
  font-size:0.95rem !important;
  line-height:1.35 !important;
  box-shadow:0 34px 46px 10px rgb(18 28 50 / 34%), 0 6px 16px rgba(15,23,42,.06) !important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  scrollbar-width:thin;
  scrollbar-color:rgba(148,163,184,.55) transparent;
}
.ui-autocomplete.ui-menu.ui-widget::-webkit-scrollbar{width:8px;}
.ui-autocomplete.ui-menu.ui-widget::-webkit-scrollbar-thumb{
  background:rgba(148,163,184,.45);
  border-radius:999px;
  border:2px solid transparent;
  background-clip:padding-box;
}
.ui-autocomplete .ui-menu-item{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.ui-autocomplete .ui-menu-item-wrapper,
.ui-autocomplete .ui-menu-item > div{
  display:flex !important;
  align-items:center;
  gap:0.7rem;
  margin:0 !important;
  padding:0.72rem 0.85rem !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#0f172a !important;
  font-weight:400;
  letter-spacing:-0.01em;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,transform .15s ease;
}
.ui-autocomplete .ui-ac-typed{
  font-weight:400;
}
.ui-autocomplete .ui-ac-label{
  display:inline;
  min-width:0;
}
.ui-autocomplete .ui-ac-rest,
.ui-autocomplete .ui-menu-item-wrapper strong,
.ui-autocomplete .ui-menu-item > div strong{
  font-weight:700;
  color:inherit;
}
.ui-autocomplete .ui-menu-item-wrapper::before,
.ui-autocomplete .ui-menu-item > div::before{
  content:"";
  width:18px;
  height:18px;
  flex:none;
  opacity:.42;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m21 21-4.35-4.35M11 18a7 7 0 1 1 0-14 7 7 0 0 1 0 14Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m21 21-4.35-4.35M11 18a7 7 0 1 1 0-14 7 7 0 0 1 0 14Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-focus,
.ui-autocomplete .ui-menu-item-wrapper:hover,
.ui-autocomplete .ui-menu-item > div.ui-state-active,
.ui-autocomplete .ui-menu-item > div.ui-state-focus,
.ui-autocomplete .ui-menu-item > div:hover{
  margin:0 !important;
  border:0 !important;
  background:linear-gradient(135deg,rgba(59,130,246,.12) 0%,rgba(139,92,246,.12) 100%) !important;
  color:#1e3a8a !important;
}
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active::before,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-focus::before,
.ui-autocomplete .ui-menu-item-wrapper:hover::before,
.ui-autocomplete .ui-menu-item > div.ui-state-active::before,
.ui-autocomplete .ui-menu-item > div.ui-state-focus::before,
.ui-autocomplete .ui-menu-item > div:hover::before{
  opacity:.72;
  color:#6366f1;
}
.ui-autocomplete .ui-state-active,
.ui-autocomplete .ui-widget-content .ui-state-active,
.ui-autocomplete .ui-widget-header .ui-state-active{
  border:0 !important;
  background:transparent !important;
  font-weight:inherit !important;
  color:inherit !important;
}

/* Dark autocomplete */
body.dark .ui-autocomplete.ui-front,
body.dark .ui-autocomplete.ui-menu.ui-widget,
body.dark .ui-widget.ui-autocomplete{
  background:rgba(3,9,25,.96) !important;
  border-color:#2d2b30 !important;
  color:#e5e7eb !important;
  box-shadow:0 30px 40px 4px rgb(0 99 255 / 40%),0 0 0 1px rgba(148,163,184,.06) !important;
  scrollbar-color:rgba(100,116,139,.55) transparent;
}
body.dark .ui-autocomplete .ui-menu-item-wrapper,
body.dark .ui-autocomplete .ui-menu-item > div{
  color:#e5e7eb !important;
}
body.dark .ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
body.dark .ui-autocomplete .ui-menu-item-wrapper.ui-state-focus,
body.dark .ui-autocomplete .ui-menu-item-wrapper:hover,
body.dark .ui-autocomplete .ui-menu-item > div.ui-state-active,
body.dark .ui-autocomplete .ui-menu-item > div.ui-state-focus,
body.dark .ui-autocomplete .ui-menu-item > div:hover{
  background:linear-gradient(135deg,rgba(59,130,246,.18) 0%,rgba(139,92,246,.16) 100%) !important;
  color:#c7d2fe !important;
}
body.dark .ui-autocomplete .ui-menu-item-wrapper.ui-state-active::before,
body.dark .ui-autocomplete .ui-menu-item-wrapper.ui-state-focus::before,
body.dark .ui-autocomplete .ui-menu-item-wrapper:hover::before,
body.dark .ui-autocomplete .ui-menu-item > div.ui-state-active::before,
body.dark .ui-autocomplete .ui-menu-item > div.ui-state-focus::before,
body.dark .ui-autocomplete .ui-menu-item > div:hover::before{
  color:#a5b4fc;
  opacity:.85;
}

@media (max-width:768px){
  .ui-autocomplete.ui-front,
  .ui-autocomplete.ui-menu.ui-widget,
  .ui-widget.ui-autocomplete{
    max-width:calc(100vw - 1rem);
    max-height:min(280px,48vh);
    margin-top:0.4rem !important;
    padding:0.3rem !important;
    border-radius:14px !important;
    font-size:0.9rem !important;
    box-shadow:0 34px 46px 10px rgb(18 28 50 / 34%) !important;
  }
  .ui-autocomplete .ui-menu-item-wrapper,
  .ui-autocomplete .ui-menu-item > div{
    gap:0.55rem;
    padding:0.68rem 0.75rem !important;
    border-radius:10px !important;
  }
  .ui-autocomplete .ui-menu-item-wrapper::before,
  .ui-autocomplete .ui-menu-item > div::before{
    width:16px;
    height:16px;
  }
}

/* Desktop hero/search/stats (from styles.css desktop mq) */
@media (min-width:1025px){
.hero-title{font-size:3.6rem;line-height:5rem;}
.search-btn{padding:.85rem 2rem;font-size:1rem;}
.search-bar{padding:0;}
.search-input{font-size:1.2rem;min-height:86px;padding:2rem 1.5rem 2rem 3.6rem;}
.search-icon{left:1.5rem;}
.search-icon svg{width:24px;height:24px;}
.search-btn{margin:.4rem 1.2rem .4rem 0;}
.stats{gap:2.5rem;}
.stat-value{font-size:3rem;}
.stat-label{font-size:1rem;}
}

/* ========== Phase 11 — shared from styles.css ========== */
/* --- section / section-title / _pdgrd / _pdcrd (+ legacy card globals) (styles.css L2-231) --- */
/* Section */
.section{padding:3rem 1rem;}
.section-title{font-size:2rem;text-align:left;margin-bottom:2rem;color:#1a1a1a;}
/* Product Grid */
._pdgrd{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;}
/* Product Card — premium */
._pdcrd{
    position:relative;
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid rgba(226,232,240,.98);
    border-radius:18px;
    box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 30px rgba(15,23,42,.08);
    overflow:hidden;
    cursor:pointer;
    transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease,border-color .35s ease;
}
._pdcrd:hover{
    transform:translateY(-6px);
    border-color:rgba(148,163,184,.55);
    box-shadow:0 16px 36px rgba(15,23,42,.12),0 4px 12px rgba(15,23,42,.06);
}
._pdcrd ._thmb{
    width:100%;
    height:200px;
    padding:1.15rem 1rem 1rem;
    position:relative;
    aspect-ratio:1;
    overflow:hidden;
    align-items:center;
    justify-content:center;
    background:#fff;
    border-bottom:1px solid #eef2f7;
}
._pdcrd ._thmb img{
    max-width:300px;
    max-height:160px;
    width:auto;
    height:auto;
    object-fit:contain;
    position:relative;
    z-index:1;
    transition:transform .4s cubic-bezier(.4,0,.2,1);
}
._pdcrd:hover ._thmb img,
._pdcrd:hover .product-image img{
    transform:scale(1.05);
}
/* Offer seal — scalloped border (top-right on image) */
._pdcrd ._dscnt{
    position:absolute;
    top:10px;
    right:10px;
    left:auto;
    z-index:6;
    width:64px;
    height:64px;
    margin:0;
    padding:0 6px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1px;
    color:#fff;
    background:transparent;
    border-radius:0;
    font-size:inherit;
    font-weight:800;
    font-style:normal;
    line-height:1.05;
    letter-spacing:0;
    text-align:center;
    white-space:normal;
    box-shadow:none;
    filter:drop-shadow(0 6px 14px rgba(22,163,74,.35));
    pointer-events:none;
}
._pdcrd ._dscnt::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:#22c55e;
    -webkit-mask-image:url(/assets/images/offer-seal-mask.svg);
    mask-image:url(/assets/images/offer-seal-mask.svg);
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    transform:rotate(0deg);
    transition:transform .7s cubic-bezier(.4,0,.2,1);
    will-change:transform;
}
._pdcrd:hover ._dscnt::before{
    transform:rotate(360deg);
}
._pdcrd ._dscnt em,
._pdcrd ._dscnt i{
    position:relative;
    z-index:1;
    font-style:normal;
    font-weight:800;
    display:block;
    line-height:1.05;
}
._pdcrd ._dscnt em{font-size:.92rem;letter-spacing:-.02em;}
._pdcrd ._dscnt i{font-size:.58rem;text-transform:uppercase;letter-spacing:.04em;opacity:.95;}
@media (prefers-reduced-motion:reduce){
    ._pdcrd ._dscnt::before{transition:none;}
    ._pdcrd:hover ._dscnt::before{transform:none;}
}
._pdcrd ._badge:not(._dscnt){
    position:absolute;
    top:.75rem;
    right:.75rem;
    background:linear-gradient(135deg,#64748b 0%,#475569 100%);
    color:#fff;
    padding:.3rem .7rem;
    border-radius:999px;
    font-size:.7rem;
    font-weight:700;
    letter-spacing:.02em;
    box-shadow:0 4px 12px rgba(15,23,42,.15);
}
._pdcrd ._pdcnt{padding:1rem 1.05rem 1.15rem;display:flex;flex-direction:column;flex:1;background:#f8fafc;}
._pdcrd ._pdname{font-size:1rem;font-weight:500;margin:0 0 .65rem;line-height:1.35;color:#0f172a;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
._pdcrd ._pdrtng{align-items:center;gap:.4rem;min-height:1.5rem;}
._pdcrd ._pdrtng ._rtbx{padding:.15rem .55rem .15rem .4rem;border-radius:999px;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);gap:.25rem;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(245,158,11,.28);}
._pdcrd ._pdrtng svg{width:15px;height:15px;color:#fff;}
._pdcrd ._rtvalue{font-weight:700;font-size:.8rem;line-height:1.4;color:#fff;}
._pdcrd ._rtcount{color:#64748b;font-size:.75rem;font-weight:500;}
/* Compact price row aligned with Buy */
._pdcrd ._pdprice{width:100%;align-items:center;justify-content:space-between;gap:.75rem;margin:auto 0 0;padding-top:.85rem;}
._pdcrd ._pdprice ._pdprccol{width:auto;flex:1;min-width:0;align-items:baseline;gap:.2rem .55rem;margin-bottom:0;flex-flow:row wrap;}
._pdcrd ._pdprice ._pdprccol ._prcw{width:auto;align-items:center;gap:0;}
._pdcrd ._pdttlprice{font-size:1.3rem;font-weight:750;color:#0f172a;line-height:1.1;letter-spacing:-.02em;}
._pdcrd ._pdcutprice{font-size:.8rem;text-decoration:line-through;color:#94a3b8;font-weight:500;line-height:1.2;}
._pdcrd ._pdprice ._btn{
    width:auto;
    min-width:112px;
    flex-shrink:0;
    height:44px;
    padding:0 .7rem;
    background:#fff;
    color:#0f172a;
    border-radius:12px;
    border:1px solid #e2e8f0;
    font-weight:700;
    font-size:1rem;
    letter-spacing:.04em;
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease;
    align-items:center;
    justify-content:center;
    gap:1.1rem;
    text-transform:uppercase;
    box-shadow:0 2px 8px rgba(15,23,42,.05);
}
._pdcrd ._pdprice ._btn > a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:1.4rem;color:inherit;}
._pdcrd ._pdprice ._pdstrbx{width:28px;height:28px;align-items:center;justify-content:center;padding:0;margin:0;position:relative;background-size:240px;}
._pdcrd ._pdprice ._pdstrbx:after{content:'';width:1px;height:70%;background:#e2e8f0;position:absolute;right:-10px;top:50%;transform:translateY(-50%);}
._pdcrd ._pdprice ._btn img{max-width:28px;max-height:28px;margin:0;}
._pdcrd ._pdprice ._btn:hover{
    transform:translateY(-2px);
    border-color:#8ee460;
    background:#fff;
    box-shadow:0 8px 18px rgb(44 103 37 / 18%);
}
._pdcrd ._pdprice ._btn:hover ._pdstrbx:after{background:#cbd5e1;}
._pdcrd .out-of-stock-badge{
    border-radius:999px;
    padding:.45rem .9rem;
    font-weight:700;
    letter-spacing:.02em;
    box-shadow:0 8px 20px rgba(239,68,68,.28);
}
@media (max-width:1024px){
    ._pdcrd{border-radius:16px;}
    ._pdcrd:hover{transform:translateY(-3px);}
    ._pdcrd ._thmb{height:180px;padding:1rem .85rem;}
    ._pdcrd ._thmb img{max-height:140px;}
    ._pdcrd ._dscnt{top:8px;right:8px;width:56px;height:56px;}
    ._pdcrd ._dscnt em{font-size:.8rem;}
    ._pdcrd ._dscnt i{font-size:.52rem;}
    ._pdcrd ._pdcnt{padding:.9rem .9rem 1rem;}
    ._pdcrd ._pdname{font-size:1rem;margin-bottom:.5rem;}
    ._pdcrd ._pdttlprice{font-size:1.15rem;}
    ._pdcrd ._pdprice{gap:.55rem;padding-top:.7rem;}
    ._pdcrd ._pdprice ._btn{min-width:100px;height:46px;padding:0 1rem;font-size:1rem;border-radius:10px;}
}
@media (min-width:1025px){
    ._pdcrd ._pdname{height:42px;margin-bottom:.7rem;}
    ._pdcrd ._pdrtng{height:26px;}
    ._pdcrd ._thmb{height:210px;padding:1.25rem 1.1rem 1.1rem;}
    ._pdcrd ._dscnt{top:12px;right:12px;width:70px;height:70px;}
    ._pdcrd ._dscnt em{font-size:1rem;}
    ._pdcrd ._dscnt i{font-size:.62rem;}
    ._pdcrd ._pdcnt{padding:1.1rem 1.15rem 1.25rem;}
    ._pdcrd ._pdttlprice{font-size:1.4rem;}
    ._pdcrd ._pdprice ._btn{height:46px;min-width:120px;}
}
/* Keep legacy globals for non-card reuse */
._badge{position:absolute;top:.5rem;right:.5rem;background:#e6e6e6;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;}
._dscnt{color:#10b981;position:static;background:transparent;padding:0;}
._pdcnt{padding:0 1rem 1rem 1rem;}
._pdname{font-size:1.1rem;font-weight:500;margin-bottom:1rem;line-height:1.4;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
._pdrtng{align-items:center;gap:.25rem;}
._pdrtng ._rtbx{padding:0.1rem 0.5rem 0.1rem 0.35rem;border-radius:5px;background-color:#fbbf24;gap:0.3rem;align-items:center;justify-content:center;}
._pdrtng svg{width:18px;height:18px;color:#fff;}
._rtvalue{font-weight:600;font-size:.875rem;line-height:1.6;color:#fff;}
._rtcount{color:#6b7280;font-size:.75rem;}
._pdprice{width:100%;align-items:center;justify-content:space-between;gap:.5rem;margin:1rem 0 0 0;}
._pdprice ._pdprccol{width:60%;align-items:flex-start;gap:0;margin-bottom:0;flex-flow:column;}
._pdprice ._pdprccol ._prcw{width:100%;align-items:center;gap:0.5rem;}
._pdttlprice{font-size:1.5rem;font-weight:700;color:#000;line-height:1.2;}
._pdcutprice{font-size:.9rem;text-decoration:line-through;color:#9ca3af;}
._pdprice ._btn{width:40%;padding:.5rem;background:transparent;color:#000;border-radius:8px;border:2px solid #dfe6f2;font-weight:600;transition:transform .3s;align-items:center;justify-content:center;gap:1.5rem;text-transform:uppercase;}
._pdprice ._btn > a{width:100%;display:flex;align-items:center;justify-content:center;gap:1.5rem;}
._pdprice ._pdstrbx{width:30px;height:30px;align-items:center;justify-content:center;padding:0;margin:0;position:relative;background-size:240px;}
._pdprice ._pdstrbx:after{content:'';width:2px;height:100%;background:#dfe7f3;position:absolute;right:-12px;}
._pdprice ._btn img{max-width:30px;max-height:30px;margin:0;}
._pdprice ._btn:hover{transform:translateY(-2px);background-color:#dfe6f2;}
._pdprice ._btn:hover ._pdstrbx:after{background:#fff;}
@media (min-width:1025px){
    ._pdname{height:50px;}
    ._pdrtng{height:26px;}
}
/* --- out-of-stock-badge (shared product card) (styles.css L256-257) --- */
/* OUT OF STOCK BADGE */
.out-of-stock-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ef4444;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.75rem;font-weight:600;z-index:5;}
/* --- dshow / mshow base (styles.css L645-647) --- */
/* for mobile and desktop show/hide */
.dshow{display:none !important;}
.mshow{display:flex !important;}
/* --- body.dark .section-title (styles.css L670-670) --- */
body.dark .section-title{color:#f8fafc;letter-spacing:-.02em;}
/* --- body.dark _pdcrd (+ legacy _pdname/_pdprice) (styles.css L675-724) --- */
body.dark ._pdcrd{
    background:linear-gradient(180deg,rgba(22,30,48,.96) 0%,rgba(15,23,42,.98) 100%);
    border-color:rgba(148,163,184,.14);
    box-shadow:0 1px 2px rgba(0,0,0,.35),0 16px 36px rgba(0,0,0,.4);
}
body.dark ._pdcrd:hover{
    border-color:rgba(147,197,253,.28);
    box-shadow:0 18px 42px rgba(0,0,0,.5),0 0 0 1px rgba(99,102,241,.12);
}
body.dark ._pdcrd ._thmb{
    background:#fff;
    border-bottom-color:rgba(148,163,184,.12);
}
body.dark ._pdcrd ._pdcnt{
    background:linear-gradient(180deg,rgba(18,26,42,.98) 0%,rgba(12,18,32,1) 100%);
}
body.dark ._pdcrd ._dscnt{
    color:#fff;
    filter:drop-shadow(0 6px 14px rgba(22,163,74,.45));
}
body.dark ._pdcrd ._dscnt::before{background:#22c55e;}
body.dark ._pdcrd ._badge:not(._dscnt){
    background:linear-gradient(135deg,#475569 0%,#334155 100%);
    box-shadow:0 4px 12px rgba(0,0,0,.35);
}
body.dark ._pdcrd ._pdname{color:#f1f5f9;}
body.dark ._pdcrd ._pdrtng ._rtbx{
    box-shadow:0 4px 12px rgba(245,158,11,.35);
}
body.dark ._pdcrd ._rtcount{color:#94a3b8;}
body.dark ._pdcrd ._pdttlprice{color:#f8fafc;}
body.dark ._pdcrd ._pdcutprice{color:#64748b;}
body.dark ._pdcrd ._pdprice ._btn{
    background:rgba(15,23,42,.92);
    border-color:rgba(148,163,184,.22);
    color:#f1f5f9;
    box-shadow:0 2px 8px rgba(0,0,0,.35);
}
body.dark ._pdcrd ._pdprice ._btn:hover{
    border-color:rgba(142,228,96,.45);
    background:rgba(22,35,28,.95);
    box-shadow:0 8px 18px rgba(34,197,94,.18);
}
body.dark ._pdcrd ._pdprice ._pdstrbx:after{background:rgba(148,163,184,.22);}
body.dark ._pdcrd ._pdprice ._btn:hover ._pdstrbx:after{background:rgba(148,163,184,.35);}
body.dark ._pdcrd .out-of-stock-badge{
    box-shadow:0 8px 20px rgba(239,68,68,.4);
}
body.dark ._pdname{color:#f8fafc;}
body.dark ._pdprice ._btn{border-color:rgba(148,163,184,.2);color:#f8fafc;}
/* --- dshow / mshow desktop (from styles.css desktop mq) --- */
@media (min-width:1025px){
.dshow{display:flex !important;}
.mshow{display:none !important;}
}

/* ========== Phase 12 — shared .filter-card base (Listing + PDP pricelink) ========== */
.filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;margin-bottom:1rem;}
.filter-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.filter-section-body{margin-top:1rem;}
.filter-section-toggle{border:none;background:transparent;cursor:pointer;font-size:20px;line-height:1;}
.filter-card ul{margin:0 -1rem;padding:1rem 0 0 0;}
.filter-card ul li{margin-bottom:0.75rem;padding:0 1rem;border-bottom:1px solid #eee;}
.filter-card ul li:last-child{padding-bottom:0;border-bottom:none;}
.filter-card ul li>a{align-items:center;justify-content:space-between;gap:10px;font-size:.875rem;color:#374151;padding-bottom:0.75rem;transition:all 0.3s ease;}
.filter-card ul li>a:hover{color:#dc2626;transform:translateX(4px);transition:all 0.3s ease;}
.filter-card ul li>a svg{width:18px;height:18px;opacity:0.75;flex:none;}
body.dark .filter-card{background:rgba(9, 16, 33, 1);border-color:#2d2d30;}

/* ========== Phase 12 — shared store price / buy button (Listing + PDP priceinindia) ========== */
.store-price{display:flex;align-items:flex-start;gap:0;flex-flow:column;}
.store-price ._strprcw{display:flex;align-items:center;gap:0 .5rem;flex-wrap:wrap;}
.store-price .cut-price{width:100%;display:flex;align-items:flex-start;text-decoration:line-through;opacity:0.5;font-size:0.85rem;}
.current-price{font-size:1.25rem;font-weight:700;color:#3b82f6;}
.discount-percent{font-size:.75rem;font-weight:600;color:#10b981;}
.cut-price{width:100%;display:flex;align-items:flex-start;text-decoration:line-through;opacity:0.5;font-size:0.85rem;}
.buy-now-btn{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;border-radius:8px;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .3s;}
.buy-now-btn:hover{transform:translateY(-2px);}
.buy-now-btn{width:auto;height:48px;padding:0 1rem;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:1rem;color:#fff;font-size:.9rem;font-weight:700;line-height:1;text-transform:uppercase;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);box-shadow:0 4px 10px rgba(59,130,246,.25);}
._strbtnw ._pdstrbx,
.buy-now-btn ._pdstrbx{width:26px;height:26px;position:relative;background-size:220px;flex:none;}
.buy-now-btn ._pdstrbx:after{content:'';width:1px;height:26px;background:rgba(255,255,255,.2);position:absolute;right:-8px;}
.store-badge{padding:.25rem .75rem;background:#384051;color:#1a1a1a;border-radius:4px;font-size:.75rem;font-weight:600;}
body.dark .buy-now-btn{background:linear-gradient(135deg, #144494 0%, #4b1a6d 100%);box-shadow:0 4px 10px rgb(18 48 146 / 56%);}

/* =========================================================
   PDP Price Alert
   ========================================================= */

.pdp-price-alert-btnwrp {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.pdp-price-note {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    display: none;
    width: min(280px, calc(100vw - 2rem));
    padding: 10px 12px;
    transform: translateX(-50%);
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
    z-index: 100;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.45;
    text-align: left;
    letter-spacing: 0;
}

/* Show price note on hover/focus */
.pdp-lowest-price-box .pdp-alert-cta:hover .pdp-price-note,
.pdp-lowest-price-box .pdp-alert-cta:focus-visible .pdp-price-note {
    display: block;
}


/* =========================================================
   PDP Color Selector
   ========================================================= */

.pdp-color-dot {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background: transparent;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition:
        transform 0.2s ease,
        border-color 0.2s ease;
}

.pdp-color-dot.active {
    transform: scale(1.15);
    border-color: #000;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
}