@media (min-width: 801px) {
  #cart-dropdown .vcCartExtra { display: none !important; }
}
@media (max-width: 800px) {
  body.vcCartOpen { overflow: hidden !important; }
  body.vcCartOpen .header {
    position: fixed !important; top: 0 !important; left: 0; right: 0;
    width: 100%; transform: none !important; z-index: 10051;
  }
  body.vcCartOpen #coffee-advisor-fab { visibility: hidden; }
  #cart-dropdown.is-open {
    position: fixed; inset: var(--vc-cart-header, 55px) 0 0 !important;
    display: flex; flex-direction: column; width: 100%; max-width: none;
    height: calc(100dvh - var(--vc-cart-header, 55px)); max-height: none;
    margin: 0; border: 0; border-radius: 0; box-shadow: none;
    background: #000; color: #fff; overflow: hidden;
    animation: vcCartReveal 220ms cubic-bezier(.22,1,.36,1);
  }
  #cart-dropdown::before, #cart-dropdown::after,
  #cart-dropdown .previewCartWrapper::before,
  #cart-dropdown .previewCartList::before { display: none !important; content: none; }
  #cart-dropdown .vcCartMobile[hidden] { display: block !important; }
  #cart-dropdown .vcCartTop[hidden] {
    display: flex !important; justify-content: space-between; align-items: center;
    flex: 0 0 auto; padding: 24px; border-bottom: 1px solid #ffffff24;
  }
  #cart-dropdown .vcCartEyebrow { font-size: 10px; color: #ffffff99; letter-spacing: 0; }
  #cart-dropdown h2 { color: #fff; font-size: 23px; line-height: 1.3; margin: 7px 0 0; letter-spacing: 0; }
  #cart-dropdown .vcCartClose {
    display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px;
    border: 0; border-radius: 2px; background: transparent; color: #fff; padding: 12px;
  }
  #cart-dropdown .vcCartClose span { font: 300 30px/20px Arial, sans-serif; width: 20px; height: 20px; }
  #cart-dropdown .vcCartClose:hover { color: #f1b418; }
  #cart-dropdown :focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
  #cart-dropdown .navUser-cartDropdown-panel,
  #cart-dropdown .navUser-cartDropdown-content,
  #cart-dropdown .previewCartWrapper,
  #cart-dropdown .previewCart {
    display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0;
    height: auto; max-height: none; overflow: hidden; width: 100%;
  }
  #cart-dropdown .previewCartList {
    flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden;
    overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
    padding: 0 24px; margin: 0; background: transparent;
  }
  #cart-dropdown .previewCartItem {
    grid-template-columns: 100px minmax(0,1fr); gap: 20px;
    padding: 22px 0; min-height: 166px; border-color: #ffffff24;
  }
  #cart-dropdown .previewCartItem-image {
    width: 100px; height: 128px; padding: 0; overflow: visible; background: transparent;
  }
  #cart-dropdown .previewCartItem-image img {
    width: 100%; height: 128px; max-width: 100%; max-height: 128px;
    object-fit: contain; transform: none;
    filter: drop-shadow(0 3px 5px #ffffff0a);
  }
  #cart-dropdown .previewCartItem-content { padding: 0; min-width: 0; text-align: left; }
  #cart-dropdown .previewCartItem-name {
    margin: 0 0 9px; font-size: 16px; line-height: 1.4; text-align: left; letter-spacing: 0;
    overflow-wrap: anywhere;
  }
  #cart-dropdown .previewCartItem-options { font-size: 13px; line-height: 1.6; text-align: left; color: #ffffff99; }
  #cart-dropdown .previewCartItem-price { margin-top: 10px; font-size: 15px; text-align: left; color: #fff; }
  #cart-dropdown .previewCartAction {
    flex: 0 0 auto; border-top: 1px solid #ffffff24; padding: 20px 24px max(16px, env(safe-area-inset-bottom));
    gap: 10px; background: #090909; max-height: 48dvh; overflow-y: auto;
  }
  #cart-dropdown .vcCartSummary > div { display: flex; justify-content: space-between; gap: 16px; align-items: baseline; }
  #cart-dropdown .vcCartSummary span { color: #ffffffb8; font-size: 14px; }
  #cart-dropdown .vcCartSummary strong { color: #fff; font-size: 21px; font-weight: 500; white-space: nowrap; }
  #cart-dropdown .vcCartSummary p { margin: 5px 0 9px; font-size: 11px; color: #ffffff99; line-height: 1.5; }
  #cart-dropdown .previewCartAction .button {
    display: flex; justify-content: center; align-items: center; min-height: 48px;
    border-radius: 2px; font-size: 14px; letter-spacing: 0; padding: 12px 16px;
  }
  #cart-dropdown .previewCartAction .button--primary {
    background: linear-gradient(135deg,#104b7b,#ee2229 34%,#ac8844 67%,#f1b418) !important;
    border: 1px solid transparent !important; color: #fff !important;
  }
  #cart-dropdown .previewCartAction .button--primary:hover { filter: brightness(1.12); }
  #cart-dropdown .previewCartAction .button--action { min-height: 40px; padding: 8px; border: 0 !important; color: #ffffffb8 !important; }
  #cart-dropdown .previewCartAction .button--action:hover { color: #fff !important; text-decoration: underline; }
  #cart-dropdown .previewCart-emptyBody { margin: auto; padding: 32px 24px; line-height: 1.6; }
  #cart-dropdown .vcCartDiscover { margin: 24px auto 0; padding: 13px 24px; color: #fff; border: 1px solid #ffffff60; border-radius: 2px; text-decoration: none; }
  #cart-dropdown .vcCartDiscover:hover { background: #fff; color: #000; }
  @keyframes vcCartReveal { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
  @media (max-width: 360px) {
    #cart-dropdown .vcCartTop[hidden], #cart-dropdown .previewCartAction { padding-left: 20px; padding-right: 20px; }
    #cart-dropdown .previewCartList { padding-left: 20px; padding-right: 20px; }
    #cart-dropdown .previewCartItem { grid-template-columns: 84px minmax(0,1fr); gap: 16px; }
    #cart-dropdown .previewCartItem-image { width: 84px; }
  }
  @media (prefers-reduced-motion: reduce) { #cart-dropdown.is-open { animation: none; } }
}