
.dd-qv-add,
.dd-qv-link,
.dd-qv-qty{font-size:12px!important}

.product-page .label-auth,
.product-page .product-brand,
.product-page .product-meta,
.product-page .product-meta span,
.product-page .product-thumb>small,
.product-page .product-trust-strip small,
.product-page .stock-line,
.product-page .variant-label{
  font-size:12px!important;
  line-height:1.7!important;
}
.product-page .buy-card button,
.product-page .buy-card a{
  font-size:11px!important;
}

.field label,
.form-field label,
.checkout-card label,
.profile-content label{
  font-size:12px!important;
}
.field input,.field select,.field textarea,
.form-field input,.form-field select,.form-field textarea,
.checkout-card input,.checkout-card select,.checkout-card textarea,
.profile-content input,.profile-content select,.profile-content textarea{
  font-size:11px!important;
  line-height:1.65!important;
}
.cart-item h3,
.mini-item strong,
.checkout-card strong{
  font-size:11.5px!important;
}
.cart-item small,
.mini-item small,
.checkout-card small,
.choice-card small,
.summary-card small{
  font-size:12px!important;
  line-height:1.65!important;
}
.choice-card strong,
.summary-card strong{
  font-size:11.5px!important;
}

.stage9-heading p,
.stage9-heading a,
.stage9-brand-card span,
.stage9-bundle-item strong,
.stage9-alert-switch,
.stage9-empty p,
.brand-stats span,
.stage9-compare-table th,
.stage9-compare-table td,
.notification-filter-row button,
.stage9-mark-all,
.stage9-notice p,
.stage9-notice small,
.stage9-notice>a,
.health-hub-summary small,
.health-hub-grid span,
.health-hub-reminder small,
.health-hub-reminder>span,
.health-hub-reminder a,
.wishlist-alert-list small,
.smart-cart-review p,
.smart-cart-review>a,
.pwa-install-link{
  font-size:12px!important;
  line-height:1.7!important;
}
.stage9-notice strong,
.health-hub-reminder strong,
.wishlist-alert-list strong,
.smart-cart-review strong{
  font-size:11px!important;
  line-height:1.65!important;
}

.reminder-page small,
.medication-reminder-page small,
.order-tracking-page small,
.faq-page small,
.policy-page small,
.shipping-page small{
  font-size:12px!important;
  line-height:1.75!important;
}
.reminder-page p,
.medication-reminder-page p,
.order-tracking-page p,
.faq-page p,
.policy-page p,
.shipping-page p{
  font-size:11.5px!important;
  line-height:1.95!important;
}

footer,
.footer{
  font-size:12px!important;
}
.footer-title{
  font-size:12px!important;
}
.footer-links a,
.footer p,
.footer small{
  font-size:12px!important;
  line-height:1.8!important;
}

@media(max-width:900px){
  :root{
    --dd-text-xs:10.5px;
    --dd-text-sm:11px;
    --dd-text-md:12px;
  }

  .mobile-drawer,
  .unified-mobile-nav{
    text-rendering:optimizeLegibility;
  }
  .mobile-drawer a,
  .mobile-drawer button,
  .mobile-drawer span,
  .drawer-company-links a{
    font-size:11px!important;
    line-height:1.7!important;
  }

  .category-product h3,
  .category-product h3 a,
  .product h3,
  .special-product h3,
  .stage9-product-card h3{
    font-size:11px!important;
    line-height:1.7!important;
  }
  .category-product .product-brand-link,
  .category-product .brand,
  .product .brand,
  .special-product .brand,
  .stage9-product-card small{
    font-size:12px!important;
  }
  .category-product .sale-price,
  .category-product .product-price,
  .product .price,
  .special-product .price{
    font-size:11.5px!important;
  }
  .category-product .old-price,
  .category-product del,
  .product .old,
  .special-product .old{
    font-size:12px!important;
  }
  .category-product .stock-badge,
  .category-product .rating,
  .category-product .product-meta-row{
    font-size:12px!important;
  }

  .breadcrumbs,
  .product-breadcrumb,
  .breadcrumb,
  .cart-breadcrumb,
  .interaction-breadcrumb,
  .breadcrumbs a,
  .product-breadcrumb a,
  .breadcrumb a,
  .cart-breadcrumb a,
  .interaction-breadcrumb a,
  .breadcrumbs strong,
  .product-breadcrumb strong,
  .breadcrumb strong,
  .cart-breadcrumb strong,
  .interaction-breadcrumb strong{
    font-size:12px!important;
  }

  .field label,.form-field label,.checkout-card label,.profile-content label{
    font-size:12px!important;
  }
  .field input,.field select,.field textarea,
  .form-field input,.form-field select,.form-field textarea,
  .checkout-card input,.checkout-card select,.checkout-card textarea,
  .profile-content input,.profile-content select,.profile-content textarea{
    font-size:11px!important;
  }

  .footer-title{font-size:11.5px!important}
  .footer-links a,.footer p,.footer small{font-size:12px!important}
}

@media(max-width:390px){
  .category-product h3,
  .product h3,
  .special-product h3{font-size:10.7px!important}
  .category-product .sale-price,
  .category-product .product-price,
  .product .price,
  .special-product .price{font-size:11.2px!important}
  .mobile-drawer a,.mobile-drawer button,.drawer-company-links a{font-size:10.7px!important}
}

@media(min-width:901px){
  .category-navigation .category-mega{
    margin-top:0!important;
  }
  .category-navigation .category-nav-item.desktop-mega-open::after{
    content:""!important;
    position:fixed!important;
    z-index:19999!important;
    left:0!important;
    right:0!important;
    height:8px!important;
    pointer-events:auto!important;
    background:transparent!important;
  }
}

.header-actions .wishlist-count,
.header-actions .header-cart-trigger .badge,
.header-actions .notification-count{
  min-width:22px!important;
  height:22px!important;
  padding:0 5px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  top:-8px!important;
  left:-8px!important;
  border-width:2px!important;
}

@media(max-width:900px){

  .unified-mobile-nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }

  .header-actions .header-cart-wrap{
    display:block!important;
    position:relative!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .header-actions .header-cart-trigger{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    position:relative!important;
    z-index:3!important;
  }
  .header-actions .header-cart-trigger .header-icon-shell,
  .header-actions .header-cart-trigger .header-line-icon{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .header-actions .header-cart-trigger .header-line-icon{
    width:18px!important;
    height:18px!important;
    fill:none!important;
    stroke:#15803d!important;
    stroke-width:1.8!important;
  }
  .header-actions .header-mini-cart{display:none!important}

  .mobile-menu-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:0!important;
    position:relative!important;
    z-index:10002!important;
  }

  .mobile-drawer{
    width:min(88vw,360px)!important;
    height:100dvh!important;
    transform:translateX(105%)!important;
    transition:transform .24s ease,visibility 0s linear .24s!important;
    box-shadow:-18px 0 45px rgba(15,23,42,.18)!important;
  }
  .mobile-drawer.open{
    transform:translateX(0)!important;
    transition:transform .24s ease!important;
  }

  .drawer-overlay{
    transition:opacity .2s ease,visibility 0s linear .2s!important;
  }
  .drawer-overlay.open{
    transition:opacity .2s ease!important;
  }
  .mobile-drawer .drawer-link{
    min-height:46px!important;
    gap:8px!important;
    padding:10px 12px!important;
    text-decoration:none!important;
  }
}

@media(min-width:901px){


  .category-navigation .category-mega{
    top:100%!important;
    width:min(1180px,calc(100vw - 48px))!important;
    max-width:calc(100vw - 48px)!important;
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
  }

  .category-navigation .category-mega::before{
    content:""!important;
    position:absolute!important;
    top:-3px!important;
    left:0!important;
    right:0!important;
    height:4px!important;
    background:#fff!important;
    pointer-events:auto!important;
  }


}

@media(max-width:900px){

  .mobile-drawer{
    display:block!important;
    max-width:360px!important;
    height:100vh!important;
    height:-webkit-fill-available!important;
    min-height:100vh!important;
    transform:translate3d(105%,0,0)!important;
    -webkit-transform:translate3d(105%,0,0)!important;
    visibility:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  .mobile-drawer.open{
    visibility:visible!important;
  }

  .drawer-overlay{
    background:rgba(15,23,42,.38)!important;
    visibility:hidden!important;
  }
  .drawer-overlay.open{
    visibility:visible!important;
  }

  .mobile-drawer .drawer-sub,
  .mobile-drawer .drawer-submenu,
  .mobile-drawer .drawer-mega,
  .mobile-drawer .drawer-panel{
    padding:4px 12px 10px!important;
  }

  .mobile-drawer .drawer-item.open>.drawer-sub,
  .mobile-drawer .drawer-item.open>.drawer-submenu,
  .mobile-drawer .drawer-item.open>.drawer-mega,
  .mobile-drawer .drawer-item.open>.drawer-panel{
    display:block!important;
  }

  .mobile-drawer .drawer-item.open>.drawer-link b{
    transform:rotate(180deg)!important;
  }

  html.mobile-menu-open,
  body.mobile-menu-open{
    overflow:hidden!important;
    position:relative!important;
  }
}

@media(min-width:901px){
  .category-navigation{
    position:relative!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  .category-navigation .category-nav-item{position:static!important}

  .category-navigation .category-mega{
    position:absolute!important;
    top:calc(100% - 1px)!important;
    left:50%!important;
    right:auto!important;
    width:min(1200px,calc(100vw - 32px))!important;
    max-width:calc(100vw - 32px)!important;
    margin:0!important;
    transform:translateX(-50%)!important;
    z-index:20000!important;

    padding:22px 24px 24px!important;
    border:1px solid #dfe8e3!important;
    border-top:0!important;
    border-radius:0 0 18px 18px!important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%)!important;
    box-shadow:
      0 18px 40px rgba(15,23,42,.11),
      0 4px 12px rgba(15,23,42,.05)!important;
    overflow:auto!important;
  }

  .category-navigation .category-mega::before,
  .category-navigation .category-nav-item.desktop-mega-open::after{
    content:none!important;
    display:none!important;
  }

  .category-navigation .category-mega-head{
    margin:-2px 0 16px!important;
    padding:0 0 14px!important;
    border-bottom:1px solid #e7eeea!important;
    background:transparent!important;
  }

  .category-navigation .category-mega-grid{
    gap:18px!important;
  }

  .category-navigation .category-mega-grid section{
    min-width:0!important;
    padding:2px 10px 4px!important;
    border-right:1px solid #edf2ef!important;
  }
  .category-navigation .category-mega-grid section:first-child{
    border-right:0!important;
  }

  .category-navigation .category-mega-grid a{
    border-radius:8px!important;
    padding:5px 7px!important;
    transition:background .15s ease,color .15s ease,transform .15s ease!important;
  }
  .category-navigation .category-mega-grid a:hover{
    background:#f0f8f3!important;
    color:#14753a!important;
    transform:translateX(-1px)!important;
  }
}

@media(max-width:900px){
  .mobile-drawer{
    display:flex!important;
    flex-direction:column!important;
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;

    width:88vw!important;
    max-width:370px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    z-index:10050!important;
    background:#fff!important;
    box-shadow:-18px 0 48px rgba(15,23,42,.20)!important;

    transform:translate3d(102%,0,0)!important;
    -webkit-transform:translate3d(102%,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;

    overflow:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    transition:transform .22s ease!important;
    -webkit-transition:-webkit-transform .22s ease!important;
    will-change:transform!important;

    padding-top:env(safe-area-inset-top,0px)!important;
    padding-bottom:env(safe-area-inset-bottom,0px)!important;
  }

  .mobile-drawer.open{
    transform:translate3d(0,0,0)!important;
    -webkit-transform:translate3d(0,0,0)!important;
    pointer-events:auto!important;
  }

  .mobile-drawer .drawer-head{
    flex:0 0 auto!important;
    position:sticky!important;
    top:0!important;
    z-index:4!important;
    background:#fff!important;
    border-bottom:1px solid #e8efeb!important;
    padding:12px 14px!important;
  }

  .mobile-drawer .drawer-menu{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    padding:8px 10px calc(22px + env(safe-area-inset-bottom,0px))!important;
    scrollbar-width:thin!important;
  }

  .mobile-drawer .drawer-menu::-webkit-scrollbar{width:4px!important}
  .mobile-drawer .drawer-menu::-webkit-scrollbar-thumb{
    background:#cfdad4!important;
    border-radius:999px!important;
  }

  .drawer-overlay{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:10040!important;
    background:rgba(15,23,42,.42)!important;
    opacity:0!important;
    visibility:visible!important;
    pointer-events:none!important;
    transition:opacity .18s ease!important;
    -webkit-backdrop-filter:blur(1px)!important;
    backdrop-filter:blur(1px)!important;
  }
  .drawer-overlay.open{
    opacity:1!important;
    pointer-events:auto!important;
  }

  .mobile-drawer .drawer-item{
    display:block!important;
    border-bottom:1px solid #eef3f0!important;
  }

  .mobile-drawer .drawer-link{
    width:100%!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:11px 10px!important;
    border:0!important;
    background:transparent!important;
    color:#26362f!important;
    font:inherit!important;
    font-size:12px!important;
    line-height:1.6!important;
    font-weight:900!important;
    text-align:right!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
  }

  .mobile-drawer .drawer-link b{
    flex:0 0 auto!important;
    transition:transform .18s ease!important;
  }
  .mobile-drawer .drawer-item.open>.drawer-link{
    color:#14753a!important;
    background:#f5faf7!important;
  }


  .mobile-drawer .drawer-sub,
  .mobile-drawer .drawer-submenu,
  .mobile-drawer .drawer-mega,
  .mobile-drawer .drawer-panel{
    display:none!important;
    padding:6px 8px 12px!important;
    background:#fbfdfc!important;
    border-radius:10px!important;
    margin:0 4px 8px!important;
  }
  .mobile-drawer .drawer-sub a,
  .mobile-drawer .drawer-submenu a,
  .mobile-drawer .drawer-mega a,
  .mobile-drawer .drawer-panel a{
    display:flex!important;
    align-items:center!important;
    min-height:42px!important;
    padding:8px!important;
    border-radius:8px!important;
    color:#53665d!important;
    font-size:12px!important;
    line-height:1.7!important;
    text-decoration:none!important;
  }
  .mobile-drawer .drawer-sub a:active,
  .mobile-drawer .drawer-submenu a:active,
  .mobile-drawer .drawer-mega a:active,
  .mobile-drawer .drawer-panel a:active{
    background:#eef7f1!important;
  }


}