@charset "UTF-8";
/* ==========================================================================
   Шторка кошика - Figma «Submenu» 2351:118456 (ПК 600x820) і 2346:80983 (моб 390x732).
   Підключає модуль хедера (mock/ventolux_header.json -> styles).
   ========================================================================== */
.v-cart-drawer.offcanvas {
  width: 100%;
  max-width: 600px;
  background: var(--c-white);
  border: 0;
}

.v-cart-drawer__state {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  height: 100%;
  padding: var(--space-4);
}

.v-cart-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  min-height: 44px;
}

.v-cart-drawer__title {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font: var(--t-body-medium);
  letter-spacing: var(--t-body-ls);
  color: var(--c-text);
}

.v-cart-drawer__done {
  display: flex;
  color: var(--c-green);
}

/* список товарів займає весь вільний простір і прокручується сам */
.v-cart-drawer__list {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--space-2);
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}

.v-cart-drawer__totals {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.v-cart-drawer__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  min-height: 40px;
}

.v-cart-drawer__total-label {
  font: var(--t-body);
  letter-spacing: var(--t-body-ls);
  color: var(--c-text);
}

.v-cart-drawer__total-value {
  font: var(--t-h3);
  letter-spacing: var(--t-h3-ls);
  color: var(--c-text);
}

.v-cart-drawer__buttons {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

/* --- Стан «товар додано»: верхній блок + допродаж --- */
.v-cart-drawer__top {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.v-cart-drawer__top .v-cart-drawer__list {
  flex: 0 0 auto;
  overflow: visible;
}

.v-cart-drawer__addons {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.v-cart-drawer__subtitle {
  font: var(--t-body-medium);
  letter-spacing: var(--t-body-ls);
  color: var(--c-text);
}

/* картка допродажу - Figma 2351:119156 (рядок 64: фото 48, назва, ціна, кнопка 44) */
.v-cart-addon {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-2) 0;
}

.v-cart-addon__pic {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
}

.v-cart-addon__pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.v-cart-addon__body {
  display: flex;
  flex: 1 0 0;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-1);
}

.v-cart-addon__name {
  font: var(--t-body);
  letter-spacing: var(--t-body-ls);
  color: var(--c-text);
  transition: color var(--dur-fast) var(--ease-out);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.v-cart-addon__name:hover {
  color: var(--c-primary);
}

.v-cart-addon__prices {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.v-cart-addon__old {
  min-height: 18px;
  padding: 0 2px;
  font: var(--t-subbody);
  letter-spacing: var(--t-subbody-ls);
  color: var(--c-text-muted);
  text-decoration: line-through;
}

.v-cart-addon__price {
  font: 700 24px/32px var(--font-base);
  letter-spacing: 0.48px;
  color: var(--c-text);
  white-space: nowrap;
}

@media (min-width: 1024px) {
  /* на ПК кнопки в один ряд (Figma 2351:118583 - дві по 280) */
  .v-cart-drawer__buttons {
    flex-direction: row;
  }
  .v-cart-drawer__buttons > * {
    flex: 1 0 0;
  }
}