/* Vaikų krautuvė: product detail page */

:root { --header-offset: 128px; --buybar-h: 76px; }

/* Override: breadcrumbs use <ol>; the shared reset only strips <ul> */
ol.crumbs { margin: 0; padding-inline: 0; list-style: none; }
/* Tighter breadcrumbs so the buy box fits above the fold */
.crumbs { padding-block: 16px; }

/* ---------- Product: gallery + buy box ---------- */
.pdp { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 56px; align-items: start; padding-bottom: 72px; }
.pdp > * { position: sticky; top: calc(var(--header-offset) + 20px); }

/* Gallery */
.gallery { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 16px; }
.gallery__stage { position: relative; grid-column: 2; grid-row: 1; }
.gallery__track {
  display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
  aspect-ratio: 1; border-radius: var(--radius-l); background: var(--c-white);
  scrollbar-width: none; overscroll-behavior-x: contain;
}
.gallery__track::-webkit-scrollbar { display: none; }
.gallery__track:focus-visible { outline-offset: 4px; border-radius: var(--radius-l); }
.gallery__slide { flex: 0 0 100%; margin: 0; scroll-snap-align: start; scroll-snap-stop: always; background: var(--c-sand); }
.gallery__slide img { width: 100%; height: 100%; object-fit: cover; }
.gallery__badges { top: 16px; left: 16px; }
.gallery__count { position: absolute; right: 14px; bottom: 14px; padding: 4px 12px; border-radius: 999px; background: rgba(255, 255, 255, .92); font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
.gallery__dots { display: none; }
.gallery__thumbs { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; gap: 10px; }
/* Many photos (a model with all its colours): the thumbnail column is as tall as the main photo and scrolls */
.gallery__thumbs { height: 0; min-height: 100%; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--c-line-strong) transparent; padding: 2px; margin: -2px; }
.gallery__thumb { flex: none; }
.gallery__thumb { padding: 0; border: 0; border-radius: var(--radius-s); overflow: hidden; aspect-ratio: 1; background: var(--c-sand); box-shadow: inset 0 0 0 1px var(--c-line); opacity: .72; transition: opacity .2s var(--ease), box-shadow .2s var(--ease); }
.gallery__thumb img { width: 100%; height: 100%; object-fit: cover; }
.gallery__thumb:hover { opacity: 1; }
.gallery__thumb.is-active { opacity: 1; box-shadow: 0 0 0 2px var(--c-navy); }

/* Buy box: title → price → colour → delivery → qty + CTA → reassurance */
.buy { display: flex; flex-direction: column; gap: 20px; }
.buy__head { display: flex; flex-direction: column; gap: 10px; }
.buy__meta { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 14px; color: var(--c-muted); font-weight: 550; }
.buy__meta a { color: var(--c-navy-soft); font-weight: 650; }
.buy__meta a:hover { text-decoration: underline; }
.buy__brand { display: inline-flex; align-items: center; gap: 6px; color: var(--c-navy-soft); font-weight: 650; }
.buy__brand-logo { height: 18px; width: auto; max-width: 72px; object-fit: contain; }
.buy__title { margin-top: 2px; font-size: clamp(26px, 2.1vw, 30px); line-height: 1.15; text-wrap: balance; }
.buy__lead { color: var(--c-navy-soft); font-size: 16px; line-height: 1.5; max-width: 44ch; }

.buy__price { display: flex; flex-direction: column; gap: 2px; padding-top: 18px; border-top: 1px solid var(--c-line); }
.buy__price .price { align-items: baseline; gap: 10px; }
.buy__price .price__now { font-size: 32px; letter-spacing: -.01em; line-height: 1.1; }
.buy__vat { font-size: 14px; font-weight: 550; color: var(--c-muted); }
.buy__omnibus { font-size: 14px; color: var(--c-muted); }
.buy__install { font-size: 14px; color: var(--c-navy-soft); }

/* Colour swatches */
.swatches { margin: 0; padding: 0; border: 0; min-width: 0; }
.swatches legend { padding: 0; margin-bottom: 10px; font-size: 15px; font-weight: 600; }
.swatches__list { display: flex; gap: 12px; padding-left: 4px; }
.swatch { position: relative; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; box-shadow: inset 0 0 0 1px rgba(31, 42, 68, .14); transition: box-shadow .2s var(--ease); }
.swatch input { position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer; }
.swatch:hover { box-shadow: inset 0 0 0 1px rgba(31, 42, 68, .14), 0 0 0 3px var(--c-cream), 0 0 0 4px var(--c-line-strong); }
.swatch:has(input:checked) { box-shadow: inset 0 0 0 1px rgba(31, 42, 68, .14), 0 0 0 3px var(--c-cream), 0 0 0 5px var(--c-navy); }
.swatch:has(input:focus-visible) { outline: 2px solid var(--c-tomato); outline-offset: 7px; }
.swatch--sand { background: #D8C4A6; }
.swatch--graphite { background: #4A4D55; }
.swatch--olive { background: #7C7F55; }

/* Stock + delivery (soft mint box) */
.ship { display: flex; flex-direction: column; gap: 8px; padding: 14px 18px; border-radius: var(--radius); background: var(--t-mint); }
.ship .stock { font-size: 15px; font-weight: 700; }
.ship__list { display: grid; gap: 6px; font-size: 15px; line-height: 1.45; color: var(--c-navy-soft); }
.ship__list li { display: flex; align-items: flex-start; gap: 10px; }
.ship__list .icon { margin-top: 2px; color: var(--t-mint-ink); }
.ship__list strong { color: var(--c-navy); }

/* Qty + CTA */
.buy__actions { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: center; }
.qty { display: flex; align-items: center; height: 56px; padding: 0 4px; border-radius: 999px; background: var(--c-white); box-shadow: inset 0 0 0 1.5px var(--c-line-strong); }
.qty__btn { width: 44px; height: 44px; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; transition: background-color .2s var(--ease); }
.qty__btn:hover { background: var(--c-sand); }
.qty__btn:disabled { opacity: .35; cursor: default; background: transparent; }
.qty__input { width: 36px; height: 44px; padding: 0; border: 0; background: transparent; text-align: center; font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; -moz-appearance: textfield; appearance: textfield; }
.qty__input::-webkit-outer-spin-button, .qty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.qty__input:focus { outline: none; }
.qty:focus-within { box-shadow: inset 0 0 0 1.5px var(--c-navy); }
.buy__cta { min-height: 56px; font-size: 17px; }
.buy__cta.is-added { background: var(--c-sage); box-shadow: none; }

/* Reassurance: three equal columns with pastel tiles */
.assure { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding-top: 18px; border-top: 1px solid var(--c-line); }
.assure li { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-width: 0; }
.assure p { display: flex; flex-direction: column; min-width: 0; font-size: 14px; line-height: 1.35; color: var(--c-muted); }
.assure strong { font-size: 14px; font-weight: 700; color: var(--c-navy); }
.assure a { color: var(--c-navy-soft); font-weight: 600; white-space: nowrap; }
.assure a:hover { color: var(--c-tomato-dark); }

/* ---------- In-page nav ---------- */
.pnav { position: sticky; top: var(--header-offset); z-index: 40; background: rgba(251, 247, 240, .96); backdrop-filter: blur(8px); border-block: 1px solid var(--c-line); }
.pnav__list { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.pnav__list::-webkit-scrollbar { display: none; }
.pnav__link { display: flex; align-items: center; height: 54px; padding: 0 16px; font-size: 15px; font-weight: 650; white-space: nowrap; color: var(--c-muted); border-bottom: 2px solid transparent; transition: color .2s var(--ease), border-color .2s var(--ease); }
.pnav__link:hover { color: var(--c-navy); }
.pnav__link.is-active { color: var(--c-navy); border-color: var(--c-tomato); }

/* ---------- Detail sections ---------- */
.pd-sec { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; padding-block: 56px; scroll-margin-top: calc(var(--header-offset) + 56px); } /* title on top, content full width (Armandas 2026-10-22) */
.pd-sec + .pd-sec { border-top: 1px solid var(--c-line); }
.pd-sec__title { align-self: start; font-size: clamp(26px, 2.2vw, 32px); }
.pd-sec__body { min-width: 0; }
.prose { display: flex; flex-direction: column; gap: 16px; color: var(--c-navy-soft); font-size: 17px; }
/* Product description structure (LT rewrite: intro, Privalumai, Techniniai duomenys, Komplekte, Dažniausi klausimai) */
.prose > p:first-child { max-width: 80ch; font-size: 18px; line-height: 1.65; color: var(--c-navy); }
.prose h3 { margin: 20px 0 0; font-family: var(--font-display); font-size: 22px; font-weight: 800; color: var(--c-navy); }
.prose ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.prose ul li { position: relative; padding-left: 30px; line-height: 1.5; }
.prose ul li::before { content: ""; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--c-sage-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%233F7D5C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px no-repeat; }
/* Technical data: the list right after its heading becomes a two-column spec sheet ("Label: value" rows) */
.prose h3 + ul:has(li > strong:first-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; }
.prose h3 + ul:has(li > strong:first-child) li { padding: 12px 0; border-bottom: 1px solid var(--c-line); }
.prose h3 + ul:has(li > strong:first-child) li::before { display: none; }
.prose h3 + ul:has(li > strong:first-child) li strong { color: var(--c-navy); }
/* Benefits keep the check icons: only the first list (Privalumai) is excluded from the spec-sheet look */
.prose h3:first-of-type + ul:has(li) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 32px; }
.prose h3:first-of-type + ul:has(li) li { padding: 0 0 0 30px; border: 0; }
.prose h3:first-of-type + ul:has(li) li::before { display: block; }
/* FAQ: question = paragraph holding only <strong>, answer = the next paragraph, shown as one card */
/* FAQ (vk_pdp_faq_html): one white card per question, "?" badge, question in bold, answer below */
.prose .faq-list { display: grid; gap: 12px; max-width: 90ch; }
.prose .faq-item { display: grid; grid-template-columns: 36px minmax(0, 1fr); column-gap: 16px; padding: 18px 22px; border-radius: var(--radius); background: var(--c-white); box-shadow: 0 0 0 1px var(--c-line); }
.prose .faq-item::before { content: "?"; grid-row: 1 / span 2; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--t-sun); color: var(--t-sun-ink); font-family: var(--font-display); font-size: 18px; font-weight: 800; }
.prose .faq-item__q { margin: 0; font-size: 17px; font-weight: 750; line-height: 1.45; color: var(--c-navy); }
.prose .faq-item__a { margin: 6px 0 0; line-height: 1.6; color: var(--c-navy-soft); }

.features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.features li { display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: var(--radius); background: var(--c-white); box-shadow: inset 0 0 0 1px var(--c-line); }
.features strong { display: block; font-size: 16px; line-height: 1.3; color: var(--c-navy); }
.features p > span { font-size: 15px; color: var(--c-muted); }

.specs { width: 100%; border-collapse: collapse; font-size: 16px; }
.specs th, .specs td { padding: 14px 0; text-align: left; vertical-align: top; border-bottom: 1px solid var(--c-line); }
.specs tr:first-child th, .specs tr:first-child td { padding-top: 0; }
.specs th { width: 38%; padding-right: 24px; font-weight: 550; color: var(--c-muted); }
.specs td { font-weight: 600; }

.info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.info { display: flex; flex-direction: column; gap: 10px; padding: 22px; border-radius: var(--radius); background: var(--c-white); box-shadow: inset 0 0 0 1px var(--c-line); }
.info h3 { margin-top: 6px; font-size: 17px; }
.info p { font-size: 15px; color: var(--c-navy-soft); }

.reviews-empty { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 28px; padding: 24px 32px 24px 28px; border-radius: var(--radius-l); background: var(--c-white); box-shadow: inset 0 0 0 1px var(--c-line); }
.reviews-empty .mascot { width: 96px; height: 96px; }
.reviews-empty__title { font-family: var(--font-display); font-size: 22px; font-weight: 800; line-height: 1.25; }
.reviews-empty .muted { margin-top: 4px; font-size: 15px; }

/* Related: keep 4 across down to tablet (styles.css drops to 3 at 1200px) */
.products--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* ---------- Bundle: buy together ---------- */
.bundle { padding-bottom: 72px; }
.bundle__card { display: grid; gap: 28px; padding: 32px; border-radius: var(--radius-l); background: var(--c-white); box-shadow: var(--shadow); }
.bundle__head { display: flex; flex-direction: column; gap: 8px; }
.bundle__head > p:last-child { color: var(--c-navy-soft); }
.bundle__tag { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; padding: 5px 12px; border-radius: 999px; background: var(--t-peach); color: var(--t-peach-ink); font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.bundle__title { font-size: clamp(24px, 2vw, 28px); line-height: 1.15; }
.bundle__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 300px); gap: 32px; align-items: center; }
.bundle__items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; }
.bundle__items > li { position: relative; display: flex; }
/* "+" between items */
.bundle__items > li + li::before {
  content: "+"; position: absolute; top: 34%; left: -18px; display: grid; place-items: center;
  width: 28px; height: 28px; transform: translate(-50%, -50%); border-radius: 50%;
  background: var(--c-navy); color: var(--c-white); font-size: 18px; font-weight: 800; line-height: 1;
}
.bitem { position: relative; display: flex; flex-direction: column; gap: 12px; width: 100%; padding: 12px; border-radius: var(--radius); box-shadow: inset 0 0 0 1.5px var(--c-line); cursor: pointer; transition: box-shadow .2s var(--ease); }
.bitem.is-main { cursor: default; box-shadow: inset 0 0 0 2px var(--c-navy); }
label.bitem:hover { box-shadow: inset 0 0 0 1.5px var(--c-line-strong); }
label.bitem:has(:checked) { box-shadow: inset 0 0 0 2px var(--c-navy); }
label.bitem:has(:focus-visible) { outline: 2px solid var(--c-tomato); outline-offset: 3px; }
.bitem.is-off .bitem__media, .bitem.is-off .bitem__body { opacity: .5; }
.bitem__media { display: block; aspect-ratio: 1; border-radius: var(--radius-s); overflow: hidden; background: var(--c-sand); transition: opacity .2s var(--ease); }
.bitem__media img { width: 100%; height: 100%; object-fit: cover; }
.bitem__body { display: flex; flex-direction: column; gap: 4px; transition: opacity .2s var(--ease); }
.bitem__label { align-self: flex-start; padding: 2px 10px; border-radius: 999px; background: var(--c-navy); color: var(--c-white); font-size: 12px; font-weight: 700; }
.bitem__name { font-size: 15px; font-weight: 650; line-height: 1.35; }
.bitem__price { font-size: 17px; font-weight: 800; font-variant-numeric: tabular-nums; }
/* Checkbox / fixed tick sit on the photo corner */
.bitem__check, .bitem__mark { position: absolute; top: 20px; right: 20px; width: 28px; height: 28px; margin: 0; border-radius: 8px; }
.bitem__check {
  appearance: none; -webkit-appearance: none; border: 1.5px solid var(--c-line-strong); background: var(--c-white) center / 18px no-repeat; cursor: pointer;
  transition: background-color .15s var(--ease), border-color .15s var(--ease);
}
.bitem__check:checked { border-color: var(--c-navy); background-color: var(--c-navy); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
.bitem__check:focus-visible { outline: none; }
.bitem__mark { display: grid; place-items: center; background: var(--c-navy); color: var(--c-white); }
.bitem__mark .icon { stroke-width: 3; }
.bundle__sum { display: flex; flex-direction: column; gap: 6px; padding: 24px; border-radius: var(--radius); background: var(--c-cream); }
.bundle__count { font-size: 14px; font-weight: 600; color: var(--c-muted); }
.bundle__sum .price__now { font-size: 30px; line-height: 1.1; }
.bundle__save { min-height: 1.5em; font-size: 15px; font-weight: 700; color: var(--c-sage); }
.bundle__sum .btn { margin-top: 10px; }
.bundle__sum .btn.is-added { background: var(--c-sage); box-shadow: none; }

/* ---------- Mobile sticky add-to-cart ---------- */
.buybar { display: none; }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
  .pdp { gap: 36px; }
  .gallery { grid-template-columns: 64px minmax(0, 1fr); gap: 12px; }
  .pd-sec { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-block: 48px; }
  .info-grid { grid-template-columns: minmax(0, 1fr); }
  .bundle__body { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
@media (max-width: 900px) {
  .pdp { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-bottom: 48px; }
  .pdp > * { position: static; }
  .crumbs { padding-block: 14px; }

  .gallery { display: block; margin-inline: calc(var(--gutter) * -1); }
  .gallery__thumbs { display: none; }
  .gallery__track { border-radius: 0; }
  .gallery__track:focus-visible { outline-offset: -3px; border-radius: 0; }
  .gallery__badges { top: 12px; left: var(--gutter); }
  .gallery__count { right: var(--gutter); bottom: 12px; }
  .gallery__dots { position: absolute; left: 50%; bottom: 20px; display: flex; gap: 6px; transform: translateX(-50%); }
  .gallery__dots span { width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, .6); box-shadow: 0 0 0 1px rgba(31, 42, 68, .18); transition: width .2s var(--ease), background-color .2s var(--ease); }
  .gallery__dots .is-active { width: 20px; border-radius: 999px; background: var(--c-white); }

  .buy { gap: 18px; }

  .buybar {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: block;
    padding-bottom: env(safe-area-inset-bottom);
    background: var(--c-white); border-top: 1px solid var(--c-line); box-shadow: 0 -8px 24px rgba(31, 42, 68, .08);
    transform: translateY(105%); transition: transform .25s var(--ease);
  }
  .buybar.is-visible { transform: none; }
  .buybar__inner { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 12px; height: var(--buybar-h); }
  .buybar__inner img { width: 52px; height: 52px; border-radius: var(--radius-s); object-fit: cover; background: var(--c-sand); }
  .buybar__info { min-width: 0; }
  .buybar__name { font-size: 14px; font-weight: 600; color: var(--c-navy-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .buybar .price__now { font-size: 18px; }
  .buybar .btn { min-height: 48px; padding: 0 22px; }
  .buybar .btn.is-added { background: var(--c-sage); box-shadow: none; }
  /* Keep the shared toast above the sticky bar */
  .toast { width: max-content; max-width: calc(100vw - 32px); white-space: nowrap; }
  body.has-buybar .toast { bottom: calc(var(--buybar-h) + 16px + env(safe-area-inset-bottom)); }
  .products--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .pd-sec { padding-block: 40px; }
  .prose { font-size: 16px; }
  .prose h3 + ul:has(li > strong:first-child) { grid-template-columns: minmax(0, 1fr); }
  .features { grid-template-columns: minmax(0, 1fr); }
  .buy__price .price__now { font-size: 28px; }
  .buy__lead { font-size: 16px; }
  .specs th { width: 44%; padding-right: 16px; }
  .specs th, .specs td { font-size: 15px; }
  .reviews-empty { grid-template-columns: auto minmax(0, 1fr); gap: 16px; padding: 20px; }
  .reviews-empty .mascot { width: 72px; height: 72px; }
  .reviews-empty__title { font-size: 19px; }
  .assure { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .assure li { flex-direction: row; align-items: center; }
  .reviews-empty .btn { grid-column: 1 / -1; justify-self: start; }
  .pnav__link { height: 50px; padding: 0 12px; }
  /* Fade on the right hints that the tab row scrolls sideways */
  .pnav__list { margin-inline: -4px; padding-inline: 4px; -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); }
  .pnav__list.is-end { -webkit-mask-image: none; mask-image: none; }
  .products--4 { gap: 24px 12px; }

  /* Bundle: items become rows (photo, name + price, checkbox) */
  .bundle { padding-bottom: 48px; }
  .bundle__card { gap: 20px; padding: 20px; }
  .bundle__items { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .bundle__items > li + li::before { top: -10px; left: 50%; width: 24px; height: 24px; font-size: 16px; z-index: 1; }
  .bitem, .bundle__items > li.bitem { display: grid; grid-template-columns: 72px minmax(0, 1fr) 28px; align-items: center; gap: 14px; padding: 10px 14px 10px 10px; }
  .bitem__check, .bitem__mark { position: static; }
  .bundle__sum { padding: 20px; }
}

/* Tablet portrait: gallery and buy box side by side so price + CTA stay above the fold */
@media (min-width: 700px) and (max-width: 900px) {
  .pdp { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; }
  .pdp > .gallery { position: sticky; top: calc(var(--header-offset) + 16px); }
  .gallery { margin-inline: 0; }
  .gallery__track { border-radius: var(--radius-l); }
  .gallery__track:focus-visible { outline-offset: 4px; border-radius: var(--radius-l); }
  .gallery__badges { left: 14px; }
  .gallery__count { right: 14px; }
  .buy__title { font-size: 26px; }
  .buy__price .price__now { font-size: 28px; }
  .buy__actions { grid-template-columns: auto minmax(0, 1fr); }
  .assure { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .assure li { flex-direction: row; align-items: center; }
}
@media (max-width: 380px) {
  .buy__actions { grid-template-columns: auto minmax(0, 1fr); }
}