/* Dharma Shop: оформление боковой мини-корзины (подключается модулем; выключается настройкой «Подключать стили панели»).
   Размеры заданы в rem и не зависят от размера шрифта страницы; цвета берутся из переменных Bootstrap,
   свои значения можно задать в шаблоне сайта через --dharma-minicart-*. */
.dharmaMiniCartPanel {
  --dharma-minicart-bg: var(--bs-tertiary-bg, #f4f5f7);
  --dharma-minicart-card: var(--bs-body-bg, #fff);
  --dharma-minicart-accent: var(--bs-primary, #0d6efd);
  --dharma-minicart-accent-text: var(--bs-white, #fff);
  --dharma-minicart-muted: var(--bs-secondary-color, #6c757d);
  --dharma-minicart-border: var(--bs-border-color, #dee2e6);
  --dharma-minicart-radius: 0.25rem;
  --dharma-minicart-z: 1100;
  --dharma-minicart-duration: 0.75s;
  --dharma-minicart-easing: cubic-bezier(0.45, 0.05, 0.25, 1);
  --bs-offcanvas-zindex: var(--dharma-minicart-z);
  --bs-offcanvas-transition: transform var(--dharma-minicart-duration) var(--dharma-minicart-easing);
  --bs-offcanvas-width: min(100vw, 26rem);
  --bs-offcanvas-padding-x: 0;
  --bs-offcanvas-padding-y: 0;
  z-index: var(--dharma-minicart-z);
  font-size: 1rem;
}

/* Слайд сохраняется независимо от media-query Bootstrap для уменьшения движения. */
.offcanvas.dharmaMiniCartPanel { transition: transform var(--dharma-minicart-duration) var(--dharma-minicart-easing); }

.dharmaMiniCartPanel .offcanvas-header { padding: 1.25rem; border-bottom: 1px solid var(--dharma-minicart-bg); }
.dharmaMiniCartPanel .offcanvas-title { display: flex; align-items: center; gap: 0.625rem; margin: 0; font-size: 1rem; font-weight: 800; letter-spacing: 0.04em; line-height: 1.2; text-transform: uppercase; }
.dharmaMiniCartPanel .offcanvas-title svg { width: 1.25rem; height: 1.25rem; color: var(--dharma-minicart-accent); }
.dharmaMiniCartPanel .offcanvas-body { background: var(--dharma-minicart-bg); padding: 0; }
.dharmaMiniCartClose { margin-left: auto; display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; padding: 0; border: 0; border-radius: 50%; background: var(--dharma-minicart-bg); color: inherit; }
.dharmaMiniCartClose:hover, .dharmaMiniCartClose:focus-visible { background: var(--dharma-minicart-border); }
.dharmaMiniCartClose svg { width: 0.75rem; height: 0.75rem; }

.dharmaMiniCart { display: flex; flex-direction: column; min-height: 100%; font-size: 0.875rem; line-height: 1.3; }
.dharmaMiniCartEmpty { padding: 1.5rem 1.25rem; }
.dharmaMiniCartList { flex: 1 1 auto; margin: 0; padding: 0.5rem; list-style: none; }

.dharmaMiniCartLine { position: relative; display: flex; gap: 0.75rem; margin-bottom: 0.5rem; padding: 1rem; border-radius: var(--dharma-minicart-radius); background: var(--dharma-minicart-card); box-shadow: 0 1px 3px rgb(0 0 0 / 0.08); }
.dharmaMiniCartLine:last-child { margin-bottom: 0; }
.dharmaMiniCartLineError { opacity: 0.85; }
.dharmaMiniCartImage { flex: 0 0 auto; align-self: flex-start; display: flex; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; border: 1px solid var(--dharma-minicart-bg); border-radius: var(--dharma-minicart-radius); overflow: hidden; background: #fff; }
.dharmaMiniCartImage img { display: block; width: 100%; height: 100%; object-fit: contain; }
.dharmaMiniCartInfo { flex: 1 1 auto; min-width: 0; padding-right: 1.25rem; }
.dharmaMiniCartCategory { margin-bottom: 0.15rem; font-size: 0.75rem; font-weight: 300; letter-spacing: 0.04em; color: var(--dharma-minicart-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dharmaMiniCartTitle { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 0.875rem; font-weight: 700; line-height: 1.3; color: inherit; text-decoration: none; overflow-wrap: anywhere; }
.dharmaMiniCartTitle:hover { color: var(--dharma-minicart-accent); }
.dharmaMiniCartMeta { margin-top: 0.15rem; font-size: 0.75rem; color: var(--dharma-minicart-muted); }
.dharmaMiniCartMessage { margin-top: 0.25rem; font-size: 0.75rem; color: var(--bs-danger, #dc3545); }

.dharmaMiniCartBottom { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 0.5rem; margin-top: 0.625rem; }
.dharmaMiniCartQty { display: inline-flex; align-items: center; overflow: hidden; border: 1px solid var(--dharma-minicart-bg); border-radius: var(--dharma-minicart-radius); }
.dharmaMiniCartQty button, .dharmaMiniCartQty input { width: 1.75rem; height: 1.75rem; padding: 0; border: 0; background: none; color: inherit; font-weight: 700; line-height: 1; text-align: center; }
.dharmaMiniCartQty button { cursor: pointer; transition: color 0.2s ease, background-color 0.2s ease; }
.dharmaMiniCartQty button:hover, .dharmaMiniCartQty button:focus-visible { background: var(--dharma-minicart-accent); color: var(--dharma-minicart-accent-text); }
.dharmaMiniCartQty input { width: 2rem; border-right: 1px solid var(--dharma-minicart-bg); border-left: 1px solid var(--dharma-minicart-bg); font-size: 0.75rem; -moz-appearance: textfield; appearance: textfield; }
.dharmaMiniCartQty input::-webkit-outer-spin-button, .dharmaMiniCartQty input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; }

.dharmaMiniCartPrices { display: flex; flex-direction: column; align-items: flex-end; margin-left: auto; text-align: right; line-height: 1.2; }
.dharmaMiniCartOldPrice { display: flex; align-items: center; justify-content: flex-end; gap: 0.35rem; margin-bottom: 0.15rem; font-size: 0.75rem; color: var(--dharma-minicart-muted); white-space: nowrap; }
.dharmaMiniCartUnitPrice { margin-bottom: 0.15rem; font-size: 0.75rem; color: var(--dharma-minicart-muted); white-space: nowrap; }
.dharmaMiniCartTotal { font-size: 0.875rem; font-weight: 700; white-space: nowrap; }

.dharmaMiniCartRemove { position: absolute; top: 0.625rem; right: 0.625rem; display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; padding: 0; border: 0; border-radius: 50%; background: var(--dharma-minicart-bg); color: inherit; }
.dharmaMiniCartRemove svg { width: 0.625rem; height: 0.625rem; }
.dharmaMiniCartRemove:hover, .dharmaMiniCartRemove:focus-visible { background: var(--dharma-minicart-border); }

.dharmaMiniCartFooter { position: sticky; bottom: 0; padding: 0.5rem; background: var(--dharma-minicart-bg); box-shadow: 0 -1px 0 var(--dharma-minicart-bg); }
/* Уровни скидки: шкала с равными интервалами, текущий уровень и сумма до следующего. */
.dharmaMiniCartPromotion { --dharma-promotion-blue: var(--bs-blue, #0d6efd); --dharma-promotion-pale: color-mix(in srgb, var(--dharma-promotion-blue) 9%, var(--dharma-minicart-card)); margin-bottom: 0.5rem; padding: 1rem; border-radius: var(--dharma-minicart-radius); background: var(--dharma-minicart-card); color: var(--bs-body-color, #212529); box-shadow: 0 1px 3px rgb(0 0 0 / 0.08); }
.dharmaMiniCartPromotionHeading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem; }
.dharmaMiniCartPromotionTitle { margin: 0; font-size: 1rem; font-weight: 750; line-height: 1.25; }
.dharmaMiniCartPromotionCurrent { display: inline-flex; align-items: center; min-height: 1.5rem; padding: 0.2rem 0.75rem; border-radius: 999px; background: var(--dharma-promotion-pale); color: var(--dharma-promotion-blue); font-size: 0.75rem; font-weight: 700; line-height: 1.2; white-space: nowrap; }
.dharmaMiniCartPromotionSubtitle { margin: 0.35rem 0 1.1rem; color: var(--dharma-minicart-muted); font-size: 0.75rem; line-height: 1.4; }
.dharmaMiniCartPromotionTiers { display: flex; margin: 0 -0.5rem 1rem; padding: 0.1rem 0.5rem 0.3rem; overflow-x: auto; list-style: none; }
.dharmaMiniCartPromotionTier { position: relative; flex: 1 0 4.5rem; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 0.4rem; color: var(--dharma-minicart-muted); text-align: center; }
.dharmaMiniCartPromotionTier::before { position: absolute; z-index: 0; top: 1.8625rem; right: 50%; width: 100%; border-top: 0.2rem dashed var(--dharma-minicart-border); content: ""; }
.dharmaMiniCartPromotionTier:first-child::before { content: none; }
.dharmaMiniCartPromotionTier.is-reached::before { border-top-style: solid; border-top-color: var(--dharma-promotion-blue); }
.dharmaMiniCartPromotionTierDiscount { display: block; height: 1rem; font-size: 0.75rem; font-weight: 700; line-height: 1rem; color: var(--bs-body-color, #495057); white-space: nowrap; }
.dharmaMiniCartPromotionTierMarker { position: relative; z-index: 1; display: block; box-sizing: border-box; width: 1.125rem; height: 1.125rem; border: 0.15rem solid var(--dharma-minicart-card); border-radius: 50%; background: var(--dharma-minicart-border); box-shadow: 0 0.1rem 0.2rem rgb(0 0 0 / 0.1); }
.dharmaMiniCartPromotionTier.is-reached .dharmaMiniCartPromotionTierMarker { border-color: color-mix(in srgb, var(--dharma-promotion-blue) 20%, var(--dharma-minicart-card)); background: var(--dharma-minicart-card); box-shadow: none; }
.dharmaMiniCartPromotionTier.is-current .dharmaMiniCartPromotionTierMarker { border-color: color-mix(in srgb, var(--dharma-promotion-blue) 30%, var(--dharma-minicart-card)); background: var(--dharma-promotion-blue); box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--dharma-promotion-blue) 12%, transparent), 0 0.1rem 0.25rem rgb(0 0 0 / 0.12); }
.dharmaMiniCartPromotionTier.is-current .dharmaMiniCartPromotionTierDiscount, .dharmaMiniCartPromotionTier.is-current .dharmaMiniCartPromotionTierFrom { color: var(--dharma-promotion-blue); }
.dharmaMiniCartPromotionTierFrom { display: block; font-size: 0.625rem; line-height: 1.25; white-space: nowrap; }
.dharmaMiniCartPromotionProgressText { display: flex; align-items: center; gap: 1rem; padding: 0.75rem 1rem; border-radius: 0.5rem; background: linear-gradient(100deg, var(--dharma-promotion-pale), color-mix(in srgb, var(--dharma-promotion-blue) 7%, var(--dharma-minicart-card))); }
.dharmaMiniCartPromotionGift { flex: 0 0 2.5rem; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: color-mix(in srgb, var(--dharma-promotion-blue) 6%, transparent); color: var(--dharma-promotion-blue); }
.dharmaMiniCartPromotionGift svg { display: block; width: 1.5rem; height: 1.5rem; }
.dharmaMiniCartPromotionRemaining { min-width: 0; padding-left: 1rem; border-left: 1px solid color-mix(in srgb, var(--dharma-promotion-blue) 18%, transparent); }
.dharmaMiniCartPromotionRemainingLabel { display: block; color: var(--dharma-minicart-muted); font-size: 0.75rem; line-height: 1.3; }
.dharmaMiniCartPromotionRemainingAmount { display: block; margin-top: 0.15rem; color: var(--dharma-promotion-blue); font-size: 1.375rem; font-weight: 750; line-height: 1.15; overflow-wrap: anywhere; }
.dharmaMiniCartSummary { padding: 1rem; border-radius: var(--dharma-minicart-radius); background: var(--dharma-minicart-card); box-shadow: 0 1px 3px rgb(0 0 0 / 0.08); }
.dharmaMiniCartSum { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.dharmaMiniCartAdjustment { margin-bottom: 0.25rem; font-size: 0.75rem; color: var(--dharma-minicart-muted); }
.dharmaMiniCartSumTotal { margin-bottom: 0.75rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.dharmaMiniCartSumTotal > :last-child { font-size: 1.125rem; letter-spacing: 0; text-align: right; text-transform: none; }
.dharmaMiniCartActions { display: flex; gap: 0.625rem; }
.dharmaMiniCartActions .btn { flex: 1 1 50%; display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: 0.25rem 0.5rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; line-height: 1.2; text-align: center; text-transform: uppercase; }

/* Кнопки: классы задаются в настройках модуля; цвета Bootstrap-кнопок берём из акцента панели. */
.dharmaMiniCartActions .btn-primary { --bs-btn-color: var(--dharma-minicart-accent-text); --bs-btn-bg: var(--dharma-minicart-accent); --bs-btn-border-color: var(--dharma-minicart-accent); --bs-btn-hover-color: var(--dharma-minicart-accent-text); --bs-btn-hover-bg: var(--dharma-minicart-accent); --bs-btn-hover-border-color: var(--dharma-minicart-accent); background-color: var(--dharma-minicart-accent); border-color: var(--dharma-minicart-accent); color: var(--dharma-minicart-accent-text); }
.dharmaMiniCartActions .btn-primary:hover, .dharmaMiniCartActions .btn-primary:focus-visible { filter: brightness(0.92); }
.dharmaMiniCartActions .btn-outline-primary { --bs-btn-color: var(--dharma-minicart-accent); --bs-btn-border-color: var(--dharma-minicart-accent); --bs-btn-hover-color: var(--dharma-minicart-accent-text); --bs-btn-hover-bg: var(--dharma-minicart-accent); --bs-btn-hover-border-color: var(--dharma-minicart-accent); border-color: var(--dharma-minicart-accent); color: var(--dharma-minicart-accent); }
.dharmaMiniCartActions .btn-outline-primary:hover, .dharmaMiniCartActions .btn-outline-primary:focus-visible { background-color: var(--dharma-minicart-accent); color: var(--dharma-minicart-accent-text); }

/* Затемнение за панелью — тоже выше шапки сайта (у штатного 1040). */
body:has(.dharmaMiniCartPanel:is(.show, .showing)) > .offcanvas-backdrop { z-index: calc(var(--dharma-minicart-z, 1100) - 5); }