/* Standalone layout inside the native drawer lifecycle. Keep the native event
   classes; explicitly clear its growing sections, floats and image constraints. */
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 {
  --isd-space:22px; --isd-image:132px; --isd-gap:22px;
  width:min(520px,100vw)!important; max-width:100vw!important;
  height:100vh!important; height:100dvh!important; max-height:100dvh!important;
  display:flex!important; flex-flow:column nowrap!important;
  padding:0!important; margin:0!important; background:#fff!important; color:#161916;
  font:14px/1.5 Arial,Helvetica,sans-serif; box-sizing:border-box;
}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 *,
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 *::before,
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 *::after {box-sizing:border-box}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 [hidden] {display:none!important}
/* Native .cart-2 .content-wrap > div {flex-grow:1} must not stretch these. */
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 > .vi-wcaio-sidebar-cart-header-wrap,
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 > .itsdinn-sidebar-progress,
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 > .vi-wcaio-sidebar-cart-footer-wrap {
  flex:0 0 auto!important; width:100%; min-width:0;
}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 > .vi-wcaio-sidebar-cart-header-wrap {
  display:grid!important; grid-template-columns:minmax(0,1fr) 44px; align-items:center;
  gap:0 12px; min-height:78px; padding:14px var(--isd-space)!important;
  border:0; border-bottom:1px solid #e5e7e5!important; background:#fff;
}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-header-title-wrap {
  grid-area:1/1; min-width:0; font-size:26px!important; font-weight:400!important; line-height:1.2;
}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-close-wrap {
  grid-area:1/2; position:static!important; display:flex; align-items:center; justify-content:center;
  width:44px!important; height:44px!important; min-height:44px!important; padding:0!important; margin:0!important;
  border:0!important; border-radius:0; background:transparent!important; color:#111!important;
  cursor:pointer; box-shadow:none!important;
}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-close-wrap i::before {font-size:24px!important}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-header-coupon-wrap {
  grid-area:2/1/3/-1; justify-content:flex-start; min-width:0; width:100%; margin-top:10px;
}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 > .itsdinn-sidebar-progress {
  padding:18px var(--isd-space) 8px; background:#fff; font-size:14px;
}
body.itsdinn-sidebar-enabled .itsdinn-progress-label {display:flex; align-items:center; gap:10px; min-width:0; overflow-wrap:anywhere}
body.itsdinn-sidebar-enabled .itsdinn-progress-label.is-success {color:#114323; font-weight:700}
body.itsdinn-sidebar-enabled .itsdinn-progress-label svg {flex:0 0 23px; width:23px; height:23px}
body.itsdinn-sidebar-enabled .itsdinn-progress-note {margin:5px 0 0; color:#657268; font-size:12px; line-height:1.5}
body.itsdinn-sidebar-enabled .itsdinn-progress-track {height:6px; margin-top:12px; overflow:hidden; border-radius:10px; background:#e7e9e6}
body.itsdinn-sidebar-enabled .itsdinn-progress-track > span {display:block; height:100%; max-width:100%; border-radius:inherit; background:#87a98a}
/* Only the product pane consumes remaining height. */
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 > .vi-wcaio-sidebar-cart-content-wrap1 {
  flex:1 1 0!important; min-height:0!important; height:auto!important; max-height:none!important;
  padding:8px var(--isd-space) 16px!important; overflow:auto!important;
  overscroll-behavior:contain; scrollbar-gutter:stable;
}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-products {display:block!important; padding:0!important; margin:0!important; max-width:100%; overflow:visible; list-style:none}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-pd-wrap {
  display:grid!important; grid-template-columns:var(--isd-image) minmax(0,1fr)!important;
  align-items:start; gap:var(--isd-gap); padding:20px 0 24px!important; margin:0!important; border:0!important; min-width:0;
}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-pd-img-wrap {display:block!important; float:none!important; width:100%!important; min-width:0!important; max-width:100%!important; margin:0!important; padding:0!important}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-pd-img-wrap > a {display:block; width:100%}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-pd-img-wrap img {
  display:block; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important;
  max-width:100%!important; aspect-ratio:3/4; object-fit:contain!important; margin:0!important; border:0;
}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-pd-info-wrap {
  display:flex!important; flex-direction:column!important; align-items:stretch; gap:8px;
  float:none!important; min-width:0!important; width:auto!important; margin:0!important; padding:0!important;
}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-pd-info-wrap > div {margin:0!important; max-width:100%; min-width:0}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-pd-name-wrap {display:block!important; width:100%; word-spacing:normal!important}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .itsdinn-sidebar-cart-title {
  display:-webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2;
  max-height:2.8em; overflow:hidden; overflow-wrap:anywhere; white-space:normal;
  font:700 16px/1.4 Arial,Helvetica,sans-serif!important; color:#121612!important; text-decoration:none!important;
}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-pd-price {font-size:16px; line-height:1.4; white-space:nowrap}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .itsdinn-sidebar-meta {font-size:14px; line-height:1.5; overflow-wrap:anywhere}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-meta:empty {display:none}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-meta dl {display:flex; flex-wrap:wrap; gap:4px 8px}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-meta dt {display:none}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-meta dl,
body.itsdinn-sidebar-enabled .itsdinn-sidebar-meta dd,
body.itsdinn-sidebar-enabled .itsdinn-sidebar-meta p {float:none; padding:0!important; margin:0!important}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .itsdinn-sidebar-controls {
  display:flex!important; width:100%!important; align-items:center!important; justify-content:space-between!important;
  flex-wrap:wrap!important; gap:4px 12px;
}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .itsdinn-sidebar-controls > div {margin:0!important}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-pd-quantity {
  display:grid!important; grid-template-columns:44px 42px 44px; flex:0 0 132px;
  width:132px; min-width:132px; height:44px!important; border:1px solid #d6d8d4!important;
  border-radius:0!important; overflow:hidden; background:#fff;
}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-pd-quantity > * {
  display:flex!important; align-items:center; justify-content:center; min-width:0!important; width:100%!important;
  height:42px!important; min-height:42px; padding:0!important; margin:0!important; border:0!important;
  border-radius:0; background:#fff; color:#111; font:16px/1 Arial,Helvetica,sans-serif!important;
}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi_wcaio_change_qty {cursor:pointer; touch-action:manipulation}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi_wcaio_qty {text-align:center; box-shadow:none!important}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-pd-remove-wrap {position:static!important; flex:0 0 auto}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-pd-remove {display:inline-flex; align-items:center; min-height:44px; font-size:12px; font-weight:400; color:#191e19!important; text-decoration:underline!important; text-underline-offset:3px; white-space:nowrap}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .itsdinn-item-shipping {align-self:flex-start; font-size:12px; line-height:1.5; color:#758077; overflow-wrap:anywhere}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .itsdinn-item-shipping--free {display:inline-flex; align-items:center; gap:7px; padding:4px 10px; border-radius:24px; background:#e6f2e7; color:#164a25}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .itsdinn-item-shipping svg {flex:none; width:20px; height:20px}

body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 > .vi-wcaio-sidebar-cart-footer-wrap {padding:18px var(--isd-space) max(20px,env(safe-area-inset-bottom))!important; border:0; border-top:1px solid #e0e4de!important; background:#fff!important}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-footer-products {display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start!important; gap:16px 12px; width:100%; padding:0!important}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-footer-cart_total-wrap {display:block!important; width:auto!important; min-width:0!important; max-width:none!important}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-footer-cart_total {display:flex!important; align-items:baseline!important; flex-wrap:wrap; float:none!important; width:auto; gap:0 6px; font-size:17px; line-height:1.5}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-footer-cart_total > div {margin:0!important}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-footer-cart_total1 {font-weight:700; white-space:nowrap}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .itsdinn-sidebar-delivery {display:flex; align-items:baseline; justify-content:flex-end; flex-wrap:wrap; gap:0 5px; min-width:0; font-size:17px; line-height:1.5; text-align:right}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-delivery strong {font-weight:700; overflow-wrap:anywhere}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-delivery .is-free {color:#164b25}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-delivery .is-pending {font-size:12px; font-weight:400}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .itsdinn-sidebar-adjustments {grid-column:1/-1; min-width:0; width:100%; font-size:12px}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-adjustments:empty {display:none}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-adjustments > div {display:flex; justify-content:space-between; gap:12px; margin:5px 0; overflow-wrap:anywhere}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-adjustments > div > span:last-child {white-space:nowrap}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-footer-action {grid-column:1/-1; display:block!important; float:none!important; width:100%!important; padding:0!important; margin:0!important}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-footer-action .vi-wcaio-sidebar-cart-bt {
  float:none!important; display:flex!important; align-items:center; justify-content:center; width:100%!important;
  height:auto!important; min-height:50px!important; padding:12px!important; margin:0!important; border:0!important; border-radius:3px!important;
  background:#111!important; color:#fff!important; font:700 16px/1.4 Arial,Helvetica,sans-serif;
  text-align:center; text-decoration:none!important; box-shadow:none!important;
}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-disabled,
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-hidden,
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-footer-action .vi-wcaio-disabled,
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-footer-action .vi-wcaio-hidden {display:none!important}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-pd-empty {position:static; width:100%; margin:28px 0; padding:0; transform:none; opacity:1; font-size:14px; color:#758077}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-footer-coupons {grid-column:1/-1}
body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 :is(a,button,input,[tabindex]):focus-visible {outline:2px solid #387045!important; outline-offset:3px}

@media(max-width:767px) {
  body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 {--isd-space:16px; --isd-image:clamp(82px,26vw,108px); --isd-gap:16px; width:100vw!important}
  body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 > .vi-wcaio-sidebar-cart-header-wrap {min-height:66px; padding-top:10px!important; padding-bottom:10px!important}
  body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-header-title-wrap {font-size:22px!important}
  body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 > .itsdinn-sidebar-progress {padding-top:15px; font-size:13px}
  body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-pd-wrap {padding:18px 0 22px!important}
  body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .itsdinn-sidebar-cart-title {font-size:14px!important}
  body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-pd-price,
  body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .itsdinn-sidebar-meta {font-size:14px}
  body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .vi-wcaio-sidebar-cart-footer-cart_total,
  body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 .itsdinn-sidebar-delivery {font-size:15px}
  body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 > .vi-wcaio-sidebar-cart-footer-wrap {padding-top:14px!important; padding-bottom:max(16px,env(safe-area-inset-bottom))!important}
}
@media(max-height:500px) {
  body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 {display:block!important; overflow-y:auto!important}
  body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 > .vi-wcaio-sidebar-cart-content-wrap1 {overflow:visible!important; height:auto!important}
  body.itsdinn-sidebar-enabled .itsdinn-sidebar-v15 > .vi-wcaio-sidebar-cart-footer-wrap {position:static!important}
}
