@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");


 /* ══════════════════════════════════════════
       ROOT COLOR VARIABLES — change here = changes everywhere
    ══════════════════════════════════════════ */
 :root {
   --primary: #FC8934;
   --primary-dark: #e07720;
   --nav-bg: #111111;
   /* sticky navbar background */
   --nav-text: #ffffff;
   /* sticky navbar text */
   --nav-hover: #FC8934;
   /* sticky navbar hover text */
   --nav-border: #FC8934;
   /* sticky navbar hover underline */
 }


 /* Header fixed at top */
 header {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 50;
 }


 /* Body te top padding dao, jate content header er niche na lukay */
 body {
   padding-top: 130px;
   /* Header er height onujayi adjust korbe */
 }

 /* Mobile e thoda kom padding */
 @media (max-width: 1024px) {
   body {
     padding-top: 115px;
   }
 }

 /* scrollbar hide */
 .scrollbar-hide::-webkit-scrollbar {
   display: none;
 }

 .scrollbar-hide {
   -ms-overflow-style: none;
   scrollbar-width: none;
 }

 /* search live-box */
 #desktopSearchResults,
 #mobileSearchResults {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 /* sticky header shadow on scroll */
 .sticky-bar.scrolled {
   box-shadow: 0 2px 16px rgba(0, 0, 0, .3);
 }

 /* nav dropdown hover open */
 .nav-item:hover>.nav-dropdown {
   display: block;
 }

 /* Mobile menu transition */
 #mobileMenu {
   transition: transform .3s ease, opacity .3s ease;
 }

 /* Cart right-side drawer transition */
 #cartDrawer {
   transition: transform .35s ease, opacity .35s ease;
 }

 /* Search button uses primary color */
 .btn-search-primary {
   background-color: var(--primary);
 }

 .btn-search-primary:hover {
   background-color: var(--primary-dark);
 }

 /* Cart count badge */
 .cart-badge {
   background-color: var(--primary);
 }

 /* Mobile drawer header */
 .mobile-drawer-header {
   background-color: var(--primary);
 }

 /* Flash sale btn */
 .flash-btn {
   background: linear-gradient(135deg, #ff5f3a, #ff3a6e);
 }

 /* ── Sticky nav background ── */
 #stickyBar {
   background-color: var(--nav-bg);
 }

 /* Top-level nav links — white, no underline by default */
 #stickyBar .nav-top-link {
   color: #ffffff;
   border-bottom: 2px solid transparent;
   display: inline-flex;
   align-items: center;
   gap: 5px;
   height: 44px;
   padding: 0 16px;
   font-size: 0.875rem;
   font-weight: 500;
   text-decoration: none;
   white-space: nowrap;
   transition: color .2s ease, border-color .2s ease;
 }

 /* Hover / parent-open → orange text + orange underline */
 #stickyBar .nav-top-link:hover,
 #stickyBar .nav-item:hover>.nav-top-link {
   color: var(--primary) !important;
   border-bottom-color: var(--primary) !important;
 }

 /* Chevron inside top-link */
 #stickyBar .nav-chevron {
   font-size: 9px;
   color: #aaa;
   transition: transform .2s, color .2s;
 }

 #stickyBar .nav-item:hover .nav-chevron {
   color: var(--primary);
   transform: rotate(180deg);
 }

 /* Dropdown panel — white bg, dark text */
 #stickyBar .nav-dropdown {
   display: none;
   position: absolute;
   top: 100%;
   left: 0;
   min-width: 190px;
   background: #ffffff;
   border: 1px solid #f3f4f6;
   border-radius: 12px;
   box-shadow: 0 8px 28px rgba(0, 0, 0, .13);
   padding: 6px 0;
   z-index: 999;
 }

 #stickyBar .nav-item:hover>.nav-dropdown {
   display: block;
 }

 /* Dropdown links */
 #stickyBar .nav-dropdown a {
   display: block;
   padding: 10px 18px;
   font-size: 0.875rem;
   color: #374151 !important;
   text-decoration: none;
   white-space: nowrap;
   transition: background .15s, color .15s, padding-left .15s;
   border-left: 3px solid transparent;
 }

 #stickyBar .nav-dropdown a:hover {
   color: var(--primary) !important;
   background-color: #fff4e8;
   border-left-color: var(--primary);
   padding-left: 22px;
 }

 /* Plain nav links (no dropdown) */
 #stickyBar .plain-nav-link {
   color: #ffffff;
   border-bottom: 2px solid transparent;
   display: inline-flex;
   align-items: center;
   height: 44px;
   padding: 0 16px;
   font-size: 0.875rem;
   font-weight: 500;
   text-decoration: none;
   white-space: nowrap;
   transition: color .2s, border-color .2s;
 }

 #stickyBar .plain-nav-link:hover {
   color: var(--primary) !important;
   border-bottom-color: var(--primary) !important;
 }

 /* Cart drawer transition */
 #cartDrawer {
   transition: transform .35s cubic-bezier(.4, 0, .2, 1), opacity .35s ease;
 }

 /* Featured Categories */

 /* Category Marquee Animation */
 .marquee-track {
   display: flex;
   width: max-content;
   animation: marquee-scroll 25s linear infinite;
 }

 .marquee-track:hover {
   animation-play-state: paused;
 }

 @keyframes marquee-scroll {
   0% {
     transform: translateX(0);
   }

   100% {
     transform: translateX(-50%);
   }
 }