/** Shopify CDN: Minification failed

Line 786:21 Expected ":"

**/
.site-header{padding:0;background-color:var(--color-background);color:var(--color-text)}
.site-header.is-sticky{position:fixed;top:0;left:0;width:100%;z-index:50;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.07)}
.page-width{max-width:1400px;margin:0 auto;padding:0 20px}.header-desktop{display:block}.header-top-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:12px 40px;border-bottom-width:var(--br-thick);border-bottom-style:solid;border-bottom-color:var(--br-color);overflow:hidden}.header-logo,.header-search,.header-cart{grid-row:1}.header-logo{grid-column:1/2}.header-search{grid-column:2/3}.header-cart{grid-column:3/4;justify-self:end}.header-logo img{display:block}.search-form{position:relative;width:100%;max-width:500px;margin:0 auto;border-style:solid;border-color:var(--border-color-default);overflow:visible;transition:border-color .3s ease}.search-form:hover{border-color:var(--border-color-hover)}.search-form:focus-within{border-color:var(--border-color-hover);box-shadow:0 0 0 3px rgba(0,122,255,.1)}.search-input{width:100%;border:none;background:transparent;font-size:15px;font-weight:500;color:var(--color-text);padding-right:65px}.search-button{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background-color:var(--bg);color:var(--text);border:none;cursor:pointer;transition:background-color .3s ease,color .3s ease}.search-button:hover{background-color:var(--bg-hover);color:var(--text-hover)}.header-cart-link{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:600;font-size:15px}.header-main-bar{display:flex;justify-content:center;align-items:center;padding:10px 40px}.nav-list{list-style:none;display:flex;align-items:center;gap:35px;margin:0;padding:0}.nav-list-item{position:relative}.nav-link{text-decoration:none;font-size:16px;font-weight:600;display:flex;align-items:center;gap:4px}.icon-chevron-down{transition:transform .2s ease}.nav-list-item:hover>.nav-link .icon-chevron-down{transform:rotate(180deg)}.header-link--underline{position:relative;padding:8px 0;color:var(--color-text);transition:color .3s ease}.header-link--underline:hover{color:var(--link-text-hover-color)}.header-link--underline::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:var(--line-thickness);background-color:var(--line-color);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.19,1,.22,1)}.header-link--underline:hover::after{transform:scaleX(1)}.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--dropdown-bg,#fff);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.1);padding:8px;width:240px;z-index:10;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease}.nav-list-item:hover>.dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu-list{list-style:none;margin:0;padding:0}.dropdown-menu-link{display:block;padding:10px 12px;text-decoration:none;color:var(--color-text);border-radius:6px;transition:all .2s ease;border-left:3px solid transparent}.dropdown-menu-link:hover{background-color:var(--dropdown-hover-bg);border-left:3px solid var(--dropdown-hover-accent)}.header-mobile{display:none}@media screen and (max-width:989px){.header-desktop{display:none}.header-mobile{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:15px 20px;gap:15px}}.header-mobile__left{justify-self:start;display:flex;align-items:center}.mobile-menu-trigger{display:inline-block;background:none;border:none;padding:0;cursor:pointer;color:var(--color-text)}.header-mobile__center{justify-self:center;display:flex;align-items:center}.header-mobile__center a{display:inline-block;padding-bottom:8px}.header-mobile__center img{display:block;vertical-align:middle}.header-mobile__center h2{margin:0;font-size:24px;padding-bottom:8px}.header-mobile__right{justify-self:end;display:flex;align-items:center;gap:20px}.header-mobile a{color:var(--color-text);text-decoration:none}.mobile-header-link--underline{position:relative;padding-bottom:8px;color:var(--color-text);transition:color .3s ease}.mobile-header-link--underline:hover{color:var(--mobile-icon-color-hover)}.mobile-header-link--underline::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:var(--mobile-icon-line-thickness);background-color:var(--mobile-icon-line-color);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.19,1,.22,1)}.mobile-header-link--underline:hover::after{transform:scaleX(1)}
.mobile-nav-drawer{position:fixed;top:0;left:0;z-index:101;width:300px;height:100%;background-color:var(--mobile-nav-bg);padding:20px;transform:translateX(-100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;color:var(--mobile-nav-text-color);box-shadow:none}.mobile-nav-drawer.is-open{transform:translateX(0);box-shadow:5px 0 25px rgba(0,0,0,.15);visibility:visible}
body.mobile-nav-active{overflow:hidden}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--mobile-nav-border-color);padding-bottom:15px;margin-bottom:20px}.mobile-nav-header a{text-decoration:none;color:var(--mobile-nav-text-color)}.mobile-nav-logo-text h2{margin:0;font-size:20px}.mobile-nav-close{background:none;border:none;cursor:pointer;color:var(--mobile-nav-text-color)}.mobile-nav-list{list-style:none;margin:0;padding:0;flex-grow:1;overflow-y:auto}.mobile-nav-list li{margin-bottom:5px;border-bottom:1px solid var(--mobile-nav-border-color)}.mobile-nav-list li:last-child{border-bottom:none}.mobile-nav-link{display:block;padding:10px 0;text-decoration:none;font-size:16px;font-weight:500;color:var(--mobile-nav-text-color);position:relative;transition:color .3s ease}.mobile-nav-link:hover{color:var(--mobile-nav-link-hover-color)}.mobile-nav-link::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:var(--mobile-line-thickness);background-color:var(--mobile-line-color);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.19,1,.22,1)}.mobile-nav-link:hover::after{transform:scaleX(1)}.mobile-nav-footer{padding-top:20px;border-top:1px solid var(--mobile-nav-border-color)}.mobile-nav-social-icons{display:flex;gap:15px;margin-bottom:15px;justify-content:center}.mobile-nav-social-icons a{color:var(--mobile-nav-social-icon-color);transition:color .3s ease}.mobile-nav-social-icons a:hover{color:var(--mobile-nav-social-icon-color-hover)}.mobile-nav-contact{display:flex;flex-direction:column;gap:10px}.mobile-nav-contact-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--mobile-nav-contact-text-color);transition:color .3s ease}.mobile-nav-contact-link:hover{color:var(--mobile-nav-link-hover-color)}.mobile-nav-contact-link svg{color:var(--mobile-nav-contact-icon-color)}.mobile-mega-item{position:relative;overflow:hidden}.mobile-mega-item .mobile-nav-link{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;background:none;border:none;font-size:inherit;font-family:inherit;cursor:pointer;padding:12px 0}.mobile-mega-item .chevron{transition:transform .3s ease;flex-shrink:0}.mobile-mega-item.open .chevron{transform:rotate(180deg)}.mobile-nav-sublist{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);padding-left:20px;margin:0;list-style:none}.mobile-mega-item.open .mobile-nav-sublist{max-height:500px;padding-top:10px;padding-bottom:10px}.mobile-nav-sublink{display:block;padding:10px 0;text-decoration:none;font-size:15px;color:var(--mobile-nav-text-color);position:relative;transition:all .3s ease;padding-left:15px}.mobile-nav-sublink:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--mobile-nav-accent-color);opacity:0;transition:opacity .3s ease}.mobile-nav-sublink:hover{color:var(--mobile-nav-link-hover-color);padding-left:25px}.mobile-nav-sublink:hover:before{opacity:1}.mobile-nav-sublink::after{content:'';position:absolute;bottom:5px;left:15px;right:0;height:var(--mobile-line-thickness);background-color:var(--mobile-line-color);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.19,1,.22,1)}.mobile-nav-sublink:hover::after{transform:scaleX(.8)}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-mega-item.open .mobile-nav-sublist li{animation:slideDown .3s ease forwards}.mobile-mega-item.open .mobile-nav-sublist li:nth-child(1){animation-delay:.05s}.mobile-mega-item.open .mobile-nav-sublist li:nth-child(2){animation-delay:.1s}.mobile-mega-item.open .mobile-nav-sublist li:nth-child(3){animation-delay:.15s}.mobile-mega-item.open .mobile-nav-sublist li:nth-child(4){animation-delay:.2s}.mobile-mega-item.open .mobile-nav-sublist li:nth-child(5){animation-delay:.25s}
.mobile-only-search-drawer-wrapper{display:none}@media screen and (max-width:989px){.mobile-only-search-drawer-wrapper{display:block}}
.mobile-search-overlay{position:fixed;left:0;width:100%;height:var(--msd-height);z-index:102;background-color:var(--msd-bg);color:var(--msd-text);transition:transform .4s cubic-bezier(.25,.46,.45,.94), visibility 0s .4s;display:flex;flex-direction:column;box-shadow:0 0 20px rgba(0,0,0,.1);visibility:hidden;overflow:hidden}.mobile-search-overlay[data-style=top_sheet_85]{bottom:0;transform:translateY(100%);border-top-left-radius:var(--msd-border-radius);border-top-right-radius:var(--msd-border-radius)}.mobile-search-overlay[data-style=full_screen]{top:0;transform:translateY(-100%)}.mobile-search-overlay.is-open{transform:translateY(0);visibility:visible;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}body.mobile-search-active{overflow:hidden}.mobile-search-overlay__content{flex-grow:1;display:flex;flex-direction:column;padding:0 20px}.mobile-search-overlay__topbar{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--msd-divider);background-color:var(--msd-topbar-bg);position:sticky;top:0;z-index:10;flex-shrink:0}.mobile-search-overlay__close-btn{background:none;border:none;color:var(--msd-topbar-icon-text);cursor:pointer;padding:0;display:flex;align-items:center;margin-left:auto}.mobile-search-overlay__close-btn svg{width:24px;height:24px}.mobile-search-overlay__title{font-size:18px;font-weight:600;color:var(--msd-topbar-icon-text);position:absolute;left:50%;transform:translateX(-50%)}.mobile-search-overlay__body{flex-grow:1;padding:20px 0;overflow-y:auto}.mobile-search-overlay__form{position:relative;display:flex;align-items:center;border-style:solid;border-width:var(--msd-input-border-thickness);border-color:var(--msd-input-border);background-color:var(--msd-input-bg);border-radius:var(--msd-input-radius);overflow:hidden;margin-bottom:20px;transition:border-color .3s ease}.mobile-search-overlay__form:hover{border-color:var(--msd-input-border-hover)}.mobile-search-overlay__form:focus-within{border-color:var(--msd-input-focus-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--msd-input-focus-ring) 15%, transparent)}.mobile-search-overlay__input{flex-grow:1;border:none;background:transparent;padding:12px 18px;font-size:16px;color:var(--msd-text)}.mobile-search-overlay__input::placeholder{color:var(--msd-input-placeholder);opacity:1}.mobile-search-overlay__input:focus{outline:none}.mobile-search-overlay__submit-btn{background-color:var(--msd-submit-bg);color:var(--msd-submit-icon);border:none;padding:var(--msd-submit-padding-y) var(--msd-submit-padding-x);border-radius:var(--msd-submit-radius);cursor:pointer;transition:background-color .3s ease,color .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mobile-search-overlay__submit-btn:hover{background-color:var(--msd-submit-hover-bg);color:var(--msd-submit-hover-icon)}.mobile-search-overlay__section{margin-bottom:30px}.mobile-search-overlay__heading{font-size:16px;font-weight:600;margin-top:0;margin-bottom:15px;color:var(--msd-text)}.mobile-search-overlay__chips{display:flex;flex-wrap:wrap;gap:10px}.mobile-search-overlay__chip{display:inline-block;background-color:var(--msd-chip-bg);color:var(--msd-chip-text);padding:8px 15px;border-radius:20px;text-decoration:none;font-size:14px;transition:background-color .3s ease,color .3s ease;white-space:nowrap}.mobile-search-overlay__chip:hover{background-color:var(--msd-chip-hover-bg);color:var(--msd-chip-hover-text)}.mobile-search-overlay__product-list{display:flex;flex-direction:column;gap:15px}.mobile-search-overlay__product-item{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--msd-text)}.mobile-search-overlay__product-image{width:var(--msd-product-img-size);height:var(--msd-product-img-size);flex-shrink:0;border-radius:8px;overflow:hidden;background-color:var(--msd-divider)}.mobile-search-overlay__product-image img{width:100%;height:100%;object-fit:cover;display:block}.mobile-search-overlay__product-info{display:flex;flex-direction:column;flex-grow:1}.mobile-search-overlay__product-title{font-size:15px;font-weight:500;margin-bottom:2px;color:var(--msd-product-title-color);line-height:1.3}.mobile-search-overlay__product-vendor{font-size:13px;color:#777;margin-bottom:4px}.mobile-search-overlay__product-prices{display:flex;align-items:center;gap:8px}.mobile-search-overlay__product-price{font-size:15px;font-weight:600;color:var(--msd-product-price-color)}.mobile-search-overlay__product-compare-price{font-size:13px;color:var(--msd-product-compare-at-color);text-decoration:line-through}
#cart-notification,#cart-notification{display:none!important}.asad-cart-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:103;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}.asad-cart-drawer-overlay.is-visible{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}
.asad-cart-drawer{position:fixed;top:0;right:0;width:100%;max-width:420px;height:100%;background-color:var(--drawer-bg,#fff);box-shadow:-5px 0 25px rgba(0,0,0,.1);z-index:104;transform:translateX(100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;color:var(--drawer-text,#111)}.asad-cart-drawer.is-open{transform:translateX(0)}.asad-cart-drawer.loading .drawer-body::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.7);z-index:10}
.drawer-content{display:flex;flex-direction:column;height:100%;max-height:100vh}
.drawer-header{padding:15px 20px;border-bottom:1px solid var(--drawer-divider,#e5e5ea);flex-shrink:0}
.drawer-title{font-size:17px;font-weight:600;margin:0;text-align:center;flex-grow:1}.drawer-close-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--drawer-text,#111);position:absolute;top:15px;right:20px}
.drawer-body{flex-grow:1;overflow-y:auto;position:relative}
.cart-items-wrapper{padding:20px;display:flex;flex-direction:column;gap:15px}
.cart-item{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid var(--drawer-divider,#e5e5ea)}
.cart-items-wrapper .cart-item:last-child{border-bottom:none;padding-bottom:0}
.cart-item-image{width:80px;height:80px;object-fit:cover;border-radius:12px;grid-column:1/2;border:1px solid var(--drawer-divider,#e5e5ea)}.cart-item-details{grid-column:2/3;display:flex;flex-direction:column;gap:6px}.cart-item-title{font-size:15px;font-weight:500;text-decoration:none;color:var(--product-title-color,#111);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-item-title:hover{text-decoration:underline}.cart-item-variant{font-size:13px;color:var(--product-variant-color,#666);margin:0}.cart-item-price-group{display:flex;gap:8px;align-items:center;margin-top:4px;white-space:nowrap}.cart-item-final-price{font-size:15px;font-weight:600;color:var(--product-price-color,#111)}.cart-item-original-price{font-size:13px;color:var(--product-variant-color,#666);text-decoration:line-through}.cart-item-discount-badge{background-color:var(--savings-color,#10b981);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px}.cart-item-actions{display:flex;align-items:center;gap:20px;margin-top:8px}.cart-item-quantity{display:flex;align-items:center;background-color:var(--qty-bg,#f5f5f7);border-radius:8px;width:-moz-fit-content;width:fit-content;color:var(--qty-text,#333)}.qty-btn{background:transparent;border:none;padding:6px 12px;cursor:pointer;font-size:18px;line-height:1;color:inherit}.qty-value{font-weight:500;border:none;text-align:center;width:30px;background:transparent;padding:5px 0;font-size:15px;color:inherit}.remove-item-btn{background:transparent;border:none;cursor:pointer;padding:0;color:#6e6e73}.remove-item-btn:hover{color:#ff3b30}
.drawer-footer{padding:20px;border-top:1px solid var(--drawer-divider,#e5e5ea);flex-shrink:0;background-color:var(--footer-bg,#fff);box-shadow:0 -5px 15px -5px rgba(0,0,0,.1)}
.totals-container{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.totals-row{display:flex;justify-content:space-between;font-size:16px}.totals-row.savings span:last-child{color:var(--savings-color,#10b981);font-weight:600}.totals-row.grand-total{font-size:18px;font-weight:600;margin-top:8px;padding-top:8px;border-top:1px solid var(--drawer-divider,#e5e5ea)}.drawer-buttons{display:flex;flex-direction:column;gap:12px}.asad-cart-drawer .button{display:block;padding:14px;text-align:center;text-decoration:none;border-radius:var(--button-radius,12px);font-weight:600;transition:opacity .2s,transform .2s;border:none}.asad-cart-drawer .button:active{transform:scale(.98)}.asad-cart-drawer .button--primary{background-color:var(--checkout-bg,#111);color:var(--checkout-text,#fff)}.asad-cart-drawer .button--primary:hover{background-color:var(--checkout-bg-hover,#333);color:var(--checkout-text-hover,#fff)}.asad-cart-drawer .button--secondary{background-color:var(--view-cart-bg,#f5f5f7);color:var(--view-cart-text,#111)}.asad-cart-drawer .button--secondary:hover{background-color:var(--view-cart-bg-hover,#e5e5ea);color:var(--view-cart-text-hover,#111)}
.free-shipping-bar-container{padding:20px;padding-bottom:15px;flex-shrink:0}.free-shipping-bar{position:relative;height:10px;background-color:var(--fs-bar-bg,#e5e7eb);border-radius:5px;overflow:hidden}.fs-progress{height:100%;width:0;background-color:var(--fs-bar-fill,#10b981);border-radius:5px;transition:width .5s ease}.fs-icon-wrapper{position:absolute;top:50%;left:0;transform:translateY(-50%) translateX(-50%);width:24px;height:24px;border-radius:50%;background-color:var(--fs-bar-icon-bg,#fff);display:flex;align-items:center;justify-content:center;box-shadow:0 0 5px rgba(0,0,0,.1);transition:left .5s ease}.fs-icon{color:var(--fs-bar-icon-fill,#10b981)}.fs-message{text-align:center;font-size:14px;margin:12px 0 0;font-weight:500}

/* ========================================
   CART DRAWER OVERLAY
======================================== */
#cart-notification {
  display: none !important;
}

.asad-cart-drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.3);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 99998 !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .3s ease, visibility 0s .3s, backdrop-filter .3s ease;
}

.asad-cart-drawer-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .3s ease, visibility 0s, backdrop-filter .3s ease;
}

/* ========================================
   CART DRAWER MAIN
======================================== */
.asad-cart-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--drawer-bg, #fff);
  box-shadow: none;
  z-index: 99999 !important;
  transform: translateX(100%);
  transition: transform .4s cubic-bezier(.25,.46,.45,.94), box-shadow .4s ease, visibility 0s .4s;
  display: none;
  flex-direction: column;
  color: var(--drawer-text, #111);
  visibility: hidden;
  overflow: hidden;
   transition: transform .4s cubic-bezier(.25,.46,.45,.94), box-shadow .4s ease, visibility 0s .4s;
}

.asad-cart-drawer.is-open {
  transform: translateX(0);
  box-shadow: -5px 0 25px rgba(0,0,0,.15);
  display: flex;
  visibility: visible;
  transition: transform .4s cubic-bezier(.25,.46,.45,.94), box-shadow .4s ease, visibility 0s;
}

.asad-cart-drawer.loading .drawer-body::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: hsla(0,0%,100%,.7);
  z-index: 10;
}

/* ========================================
   DRAWER HEADER
======================================== */
.drawer-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100vh;
}

.drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px 0 20px;
  border-bottom: 1px solid var(--drawer-divider, #e5e5ea);
  flex-shrink: 0;
  position: relative;
  height: 55px;
  min-height: 55px;
  max-height: 55px;
  gap: 10px;
}

.drawer-title {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  text-align: center;
  flex: 1;
  padding: 0 40px 0 0;
  line-height: 1.2;
}


.drawer-close-btn {
  all: unset;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  color: #EF4444;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.drawer-close-btn:hover {
  background-color: rgba(239, 68, 68, 0.1);
  color: #DC2626;
}

.drawer-close-btn:active {
  background-color: rgba(239, 68, 68, 0.2);
  color: #B91C1C;
}

.drawer-close-btn svg {
  width: 20px;
  height: 20px;
  stroke-width: 2.5;
  pointer-events: center;
  display: block;
}

.drawer-close-btn {
  all: unset;
  position: absolute;
  top: 8px;
  right: 12px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  color: #EF4444;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.drawer-close-btn:hover {
  background-color: rgba(239, 68, 68, 0.1);
  color: #DC2626;
}

.drawer-close-btn:active {
  background-color: rgba(239, 68, 68, 0.2);
  color: #B91C1C;
}

.drawer-close-btn svg {
  width: 20px;
  height: 20px;
  stroke-width: 2.5;
  pointer-events: none;
  display: block;
}

.asad-cart-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 480px;
  height: 100%;
  background-color: var(--drawer-bg, #fff);
  box-shadow: none;
  z-index: 99999 !important;
  transform: translateX(100%);
  transition: transform .4s cubic-bezier(.25,.46,.45,.94), box-shadow .4s ease, visibility 0s .4s;
  display: none;
  flex-direction: column;
  color: var(--drawer-text, #111);
  visibility: hidden;
  overflow: hidden;
   transition: transform .4s cubic-bezier(.25,.46,.45,.94), box-shadow .4s ease, visibility 0s .4s;
}

/* Mobile Width Fix */
@media screen and (max-width: 768px) {
  .asad-cart-drawer {
    width: 90%;
    max-width: 90%;
  }
  
  .cart-item {
    gap: 8px;
    padding-bottom: -10px;
    margin-bottom: 6px;
  }
  /* ... rest of mobile styles */
}

.drawer-close-btn {
  all: unset;
  box-sizing: border-box;
  position: absolute;
  top: -10px;
  right: 10px;
  width: 70px;
  height: 70px;
  z-index: 10;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  color: #EF4444;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.drawer-close-btn:hover {
  background-color: rgba(239, 68, 68, 0.1);
  color: #DC2626;
}

.drawer-close-btn:active {
  background-color: rgba(239, 68, 68, 0.2);
  color: #B91C1C;
}

.drawer-close-btn svg {
  width: 20px;
  height: 20px;
  stroke-width: 2.5;
  pointer-events: none;
  display: block;
}


/* ========================================
   DRAWER BODY (Scrollable)
======================================== */
.drawer-body {
  flex: 1;
  overflow-y: auto;
  position: relative;
  padding-bottom: 0;
}

.cart-items-wrapper {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* ========================================
   CART ITEMS
======================================== */
.cart-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 15px;
  align-items: flex-start;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--drawer-divider, #e5e5ea);
}

.cart-items-wrapper .cart-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.cart-item-image {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 12px;
  grid-column: 1/2;
  border: 1px solid var(--drawer-divider, #e5e5ea);
}

.cart-item-details {
  grid-column: 2/3;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cart-item-title {
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  color: var(--product-title-color, #111);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cart-item-title:hover {
  text-decoration: underline;
}

.cart-item-variant {
  font-size: 13px;
  color: var(--product-variant-color, #666);
  margin: 0;
}

.cart-item-price-group {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 4px;
  white-space: nowrap;
}

.cart-item-final-price {
  font-size: 15px;
  font-weight: 600;
  color: var(--product-price-color, #111);
}

.cart-item-original-price {
  font-size: 13px;
  color: var(--product-variant-color, #666);
  text-decoration: line-through;
}

.cart-item-discount-badge {
  background-color: var(--savings-color, #10b981);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 4px;
}

.cart-item-actions {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 8px;
}

.cart-item-quantity {
  display: flex;
  align-items: center;
  background-color: var(--qty-bg, #f5f5f7);
  border-radius: 8px;
  width: fit-content;
  color: var(--qty-text, #333);
}

.qty-btn {
  background: transparent;
  border: none;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  color: inherit;
}

.qty-value {
  font-weight: 500;
  border: none;
  text-align: center;
  width: 30px;
  background: transparent;
  padding: 5px 0;
  font-size: 15px;
  color: inherit;
}

.remove-item-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #6e6e73;
}

.remove-item-btn:hover {
  color: #ff3b30;
}

/* ========================================
   DRAWER FOOTER (Fixed)
======================================== */
.drawer-footer {
  position: sticky;
  bottom: 0;
  flex-shrink: 0;
  padding: 20px;
  border-top: 1px solid var(--drawer-divider, #e5e5ea);
  background-color: var(--footer-bg, #fff);
  box-shadow: 0 -5px 15px -5px rgba(0,0,0,.1);
  z-index: 5;
}

.totals-container {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.totals-row {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.4;
  padding: 2px 0;
}

.totals-row.savings span:last-child {
  color: var(--savings-color, #10b981);
  font-weight: 600;
  font-size: 13px;
}

.totals-row.grand-total {
  font-size: 16px;
  font-weight: 700;
  margin-top: 4px;
  padding-top: 6px;
  border-top: 1px solid var(--drawer-divider, #e5e5ea);
}

.drawer-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.asad-cart-drawer .button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
  text-align: center;
  text-decoration: none;
  border-radius: var(--button-radius, 12px);
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  transition: opacity .2s, transform .2s;
  border: none;
}

.asad-cart-drawer .button:active {
  transform: scale(.98);
}

.asad-cart-drawer .button--primary {
  background-color: var(--checkout-bg, #111);
  color: var(--checkout-text, #fff);
}

.asad-cart-drawer .button--primary:hover {
  background-color: var(--checkout-bg-hover, #333);
  color: var(--checkout-text-hover, #fff);
}

.asad-cart-drawer .button--secondary {
  background-color: var(--view-cart-bg, #f5f5f7);
  color: var(--view-cart-text, #111);
}

.asad-cart-drawer .button--secondary:hover {
  background-color: var(--view-cart-bg-hover, #e5e5ea);
  color: var(--view-cart-text-hover, #111);
}

/* ========================================
   FREE SHIPPING BAR
======================================== */
.free-shipping-bar-container {
  padding: 20px;
  padding-bottom: 15px;
  flex-shrink: 0;
}

.free-shipping-bar {
  position: relative;
  height: 10px;
  background-color: var(--fs-bar-bg, #e5e7eb);
  border-radius: 5px;
  overflow: hidden;
}

.fs-progress {
  height: 100%;
  width: 0;
  background-color: var(--fs-bar-fill, #10b981);
  border-radius: 5px;
  transition: width .5s ease;
}

.fs-icon-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) translateX(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--fs-bar-icon-bg, #fff);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 5px rgba(0,0,0,.1);
  transition: left .5s ease;
}

.fs-icon {
  color: var(--fs-bar-icon-fill, #10b981);
}

.fs-message {
  text-align: center;
  font-size: 14px;
  margin: 12px 0 0;
  font-weight: 500;
}

/* ========================================
   CART TIMER
======================================== */
.cart-expiry {
  background: #fff5f5;
  color: #e60000;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  padding: 8px 12px;
  border-radius: 6px;
  margin: 10px 20px;
}

.cart-expiry span {
  font-weight: 700;
}

/* ========================================
   MOBILE RESPONSIVE
======================================== */
@media screen and (max-width: 768px) {
  .cart-item {
    gap: 8px;
    padding-bottom: 6px;
    margin-bottom: 6px;
  }

  .cart-item-image {
    width: 60px;
    height: 60px;
  }

  .cart-item-details {
    gap: 2px;
  }

  .cart-item-title {
    font-size: 13px;
    -webkit-line-clamp: 1;
    line-height: 1.2;
  }

  .cart-item-variant {
    font-size: 12px;
    line-height: 1.2;
  }

  .cart-item-price-group {
    margin-top: 0;
    font-size: 13px;
  }

  .cart-item-final-price {
    font-size: 13px;
    font-weight: 600;
  }

  .cart-item-original-price {
    font-size: 12px;
  }

  .cart-item-discount-badge {
    font-size: 10px;
    padding: 1px 4px;
  }

  .cart-item-actions {
    margin-top: 4px;
    gap: 10px;
  }

  .cart-item-quantity .qty-btn {
    padding: 4px 8px;
    font-size: 14px;
  }

  .qty-value {
    width: 24px;
    font-size: 13px;
  }

  .remove-item-btn svg {
    width: 14px;
    height: 14px;
  }

  .drawer-header {
    padding: 12px 45px 12px 15px;
    min-height: 48px;
  }
  
  .drawer-close-btn {
    width: 38px;
    height: 38px;
    right: 8px;
    top: 8px;
  }
  
  .drawer-title {
    font-size: 16px;
  }
}

/* ========================================
   Z-INDEX FIXES
======================================== */
@media screen and (max-width: 989px) {
  .asad-cart-drawer {
    z-index: 99999 !important;
  }
  
  .asad-cart-drawer-overlay {
    z-index: 99998 !important;
  }
  
  .hdr-wrap,
  .site-header,
  .header-mobile {
    z-index: 50 !important;
  }
}

body.mobile-nav-active {
  overflow: hidden;
}
/* ========================================
   BUTTON ANIMATIONS - SMOOTH CONTINUOUS
======================================== */

/* Animation 1: Pulse */
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

.button-animation-pulse .button--primary {
  animation: pulse 2s ease-in-out infinite;
}

/* Animation 2: Glow */
@keyframes glow {
  0%, 100% {
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
  }
  50% {
    box-shadow: 0 0 20px rgba(0, 123, 255, 0.8), 0 0 30px rgba(0, 123, 255, 0.6);
  }
}

.button-animation-glow .button--primary {
  animation: glow 2s ease-in-out infinite;
}

/* Animation 3: Bounce */
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-8px);
  }
  60% {
    transform: translateY(-4px);
  }
}

.button-animation-bounce .button--primary {
  animation: bounce 2s ease-in-out infinite;
}

/* Animation 4: Smooth Continuous Sway (Left ← → Right) */
@keyframes swaySmooth {
  0% {
    transform: translateX(-8px);
  }
  50% {
    transform: translateX(8px);
  }
  100% {
    transform: translateX(-8px);
  }
}

.button-animation-sway .button--primary {
  animation: swaySmooth 1s ease-in-out infinite;
}

/* Stop all animations on hover */
.button-animation-pulse .button--primary:hover,
.button-animation-glow .button--primary:hover,
.button-animation-bounce .button--primary:hover,
.button-animation-sway .button--primary:hover {
  animation-play-state: paused;
  transform: translateX(0) translateY(0) scale(1);
}
/* Force cart icon to be clickable */
.js-open-cart-drawer,
.icon-wrap,
.header-cart-icon {
  cursor: pointer !important;
  pointer-events: auto !important;
}
.lumia-icon {
  color: #111;
  transition: all 0.3s ease;
}

.header-cart-icon:hover .lumia-icon {
  color: #007bff;
  transform: scale(1.1);
}

.mobile-nav-drawer {
  position: fixed;
  z-index: 9999;  ← YE ADD KARO (pehli line)
  /* ... baaki code same */
}
.mobile-nav-social-icons {
  display: flex !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
}

.mobile-nav-social-icons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 7px !important;  /* 7px + 7px = 14px gap */
}

.mobile-nav-social-icons svg {
  width: 22px !important;
  height: 22px !important;
}
/* Remove button box and background */
button.header-cart-link {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
}



.header-link--underline::after {
  bottom: -7px !important; /* Thoda gap chahiye to */
}
/* Shop By Age dropdown - Bold & Bigger text */
.dropdown-menu a,
.dropdown-items a,
[class*="dropdown"] a,
.header-dropdown-menu a {
  font-size: 15px !important; /* Bara text */
  font-weight: 600 !important; /* Bold */
  padding: 12px 20px !important; /* Comfortable spacing */
  line-height: 1.4;
}

/* Title/Header in dropdown */
.dropdown-menu .dropdown-title,
.dropdown-items .dropdown-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
/* Move dropdown to the left */
.dropdown-menu,
.dropdown-items,
[class*="dropdown"] ul {
  left: 0 !important; /* Align to left edge */
  right: auto !important;
}

/* Or if you want specific offset */
.dropdown-menu,
.dropdown-items {
  left: -20px !important; /* Move 20px more to left */
}
/* Add gap between button and dropdown */
.dropdown-menu,
.dropdown-items,
[class*="dropdown"] ul {
  margin-top: 10px !important; /* Gap between button and dropdown */
}

/* Alternative - more space */
.shop-by-age-dropdown {
  margin-top: 15px !important;
}