.live-activity-widget {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;

    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.3;
    padding: 15px;
}

.live-users {
    padding: 9px 14px;
    background: #f8fff9;
    border: 1px solid rgba(31, 177, 91, 0.35);
    border-radius: 10px;

    box-shadow:
        0 4px 15px rgba(0, 0, 0, 0.05),
        inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.live-users__top {
    display: flex;
    align-items: center;
    gap: 9px;
}

.live-users__dot {
    width: 10px;
    height: 10px;

    flex: 0 0 10px;

    border-radius: 50%;
    background: #20c267;

    box-shadow: 0 0 0 0 rgba(32, 194, 103, 0.5);

    animation: livePulse 1.8s infinite;
}

.live-users__text {
    color: #3a3a3a;
    font-weight: 500;
}

.live-users__count {
    color: #169d50;
    font-size: 16px;
    font-weight: 700;

    display: inline-block;
    min-width: 28px;
    text-align: center;

    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}

.live-users__count.is-changing {
    transform: translateY(-3px);
    opacity: 0.45;
}

@keyframes livePulse {
    0% {
        box-shadow: 0 0 0 0 rgba(32, 194, 103, 0.5);
        opacity: 1;
    }

    50% {
        box-shadow: 0 0 0 7px rgba(32, 194, 103, 0);
        opacity: 0.75;
    }

    100% {
        box-shadow: 0 0 0 0 rgba(32, 194, 103, 0);
        opacity: 1;
    }
}

@media (max-width: 480px) {
    .live-activity-widget {
        font-size: 13px;
    }

    .live-users {
        padding: 8px 11px;
    }

    .live-users__count {
        font-size: 15px;
    }
}


/* ============================================================
   LIMANS PARFUM · lp-store (повна ізоляція всередині .lp-store)
   ============================================================ */
.lp-store,
.lp-store * { box-sizing: border-box; }
.lp-store input,
.lp-store textarea,
.lp-store select { font: inherit; }

.lp-store {
  --lp-bg: #ffffff;
  --lp-fg: #0c0c0c;
  --lp-muted: #6b6b6b;
  --lp-line: #ececec;
  --lp-line-strong: #d8d8d8;
  --lp-red: #e5242a;
  --lp-red-d: #b81a20;
  --lp-orange: #ff7a2f;
  --lp-orange-d: #e9681c;
  --lp-yellow: #ffd400;
  --lp-green: #19a64a;
  --lp-shadow: 0 6px 20px rgba(15,15,15,.08);
  --lp-r: 10px;
  --lp-rs: 6px;

  background: var(--lp-bg);
  color: var(--lp-fg);
  font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  -webkit-text-size-adjust: 100%;
}

.lp-store *,
.lp-store *::before,
.lp-store *::after { box-sizing: border-box; }

.lp-store a { color: inherit; text-decoration: none; }
.lp-store img { display: block; max-width: 100%; }
.lp-store button { font-family: inherit; }
.lp-store h1, .lp-store h2, .lp-store h3, .lp-store h4 {
  font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 800;
  margin: 0;
}

.lp-store__container {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 14px;
}
@media (min-width: 640px) { .lp-store__container { padding: 0 20px; } }
@media (min-width: 960px) { .lp-store__container { padding: 0 24px; } }

/* ---------- visually-hidden ---------- */
.lp-store__visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}

/* ============================================================
   HEADER
   ============================================================ */
.lp-store__header {
  padding: 16px 0 8px;
  border-bottom: 1px solid var(--lp-line);
  background: #fff;
  position: relative;
  z-index: 1;
}
.lp-store__hours {
  font-size: 12px;
  color: var(--lp-muted);
  white-space: nowrap;
}


.lp-store__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
  width: 100%;
  max-width: 760px;
  margin: 14px auto 0;
}
.lp-store__action {
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid var(--lp-line-strong);
  background: #fff;
  color: var(--lp-fg);
  border-radius: var(--lp-rs);
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.lp-store__action:hover,
.lp-store__action:focus-visible,
.lp-store__action[aria-expanded="true"] {
  border-color: var(--lp-red);
  color: var(--lp-red);
  outline: none;
}
.lp-store__action:focus-visible { outline: 2px solid var(--lp-red); outline-offset: 2px; }
.lp-store__action--dark { background: #0c0c0c; color: #fff; border-color: #0c0c0c; text-transform: uppercase; }
.lp-store__action--dark:hover,
.lp-store__action--dark:focus-visible,
.lp-store__action--dark[aria-expanded="true"] { background: #1b1b1b; color: #fff; border-color: var(--lp-red); }

.lp-store__header-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
  width: 100%;
  max-width: 760px;
  margin: 8px auto 0;
  align-items: start;
}
.lp-store__header-panel {
  border: 1px solid var(--lp-line-strong);
  border-radius: var(--lp-rs);
  background: #fff;
  padding: 8px;
  animation: lp-slide .18s ease;
}
.lp-store__header-panel[hidden] { display: none !important; }
@keyframes lp-slide { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.lp-store__header-panel--director { grid-column: 1 / -1; }
.lp-store__header-panel--replace { grid-column: 1; }
.lp-store__header-panel--brands { grid-column: 2; }
.lp-store__inline-form { display: grid; gap: 6px; }
.lp-store__inline-field { min-width: 0; }
.lp-store__inline-input {
  width: 100%; min-height: 38px; border: 1px solid #111; border-radius: 0;
  background: #fff; color: var(--lp-fg); padding: 8px 10px; font-size: 13px; outline: none;
}
.lp-store__inline-input:focus { border-color: var(--lp-red); box-shadow: 0 0 0 1px var(--lp-red); }
.lp-store .lp-store__inline-submit {
  min-height: 40px !important; border: none !important; border-radius: 0 !important;
  background: var(--lp-red) !important; color: #fff !important;
  font-weight: 800 !important; cursor: pointer; padding: 8px 12px !important;
  display: flex !important; align-items: center; justify-content: center;
}
.lp-store .lp-store__inline-submit:hover,
.lp-store .lp-store__inline-submit:focus-visible { background: var(--lp-red-d) !important; color: #fff !important; outline: 2px solid var(--lp-red); outline-offset: 1px; }
.lp-store__brands-list { display: grid; gap: 4px; max-height: 192px; overflow: auto; }
.lp-store__brand-item {
  width: 100%; min-height: 32px; padding: 6px 8px; border: 0; border-bottom: 1px solid var(--lp-line);
  background: #fff; color: var(--lp-fg); text-align: left; font-size: 13px; font-weight: 600; cursor: pointer;
}
.lp-store__brand-item:hover,
.lp-store__brand-item:focus-visible,
.lp-store__brand-item[aria-pressed="true"] { color: var(--lp-red); background: #fafafa; outline: none; }

/* ============================================================
   CATALOG
   ============================================================ */
.lp-store__catalog { padding: 18px 0 22px; }
.lp-store__catalog-title {
  font-size: 18px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--lp-fg);
  text-align: center;
  margin: 6px 0 14px;
  font-weight: 800;
}
.lp-store__catalog-title--group {
  grid-column: 1 / -1;
  width: 100%;
  margin: 22px 0 2px;
  scroll-margin-top: 12px;
}
.lp-store__catalog-title--group:first-child { margin-top: 0; }

/* Виразні заголовки ТОП-категорій; перший розділ залишається на місці. */
.lp-store__catalog-title--group[data-section-cat="top"],
.lp-store__catalog-title--group[data-section-cat="women"],
.lp-store__catalog-title--group[data-section-cat="men"],
.lp-store__catalog-title--group[data-section-cat="unisex"],
.lp-store__catalog-title--group[data-section-cat="mini"] {
  font-size: 22px;
}
.lp-store__catalog-title--group[data-section-cat="men"],
.lp-store__catalog-title--group[data-section-cat="unisex"],
.lp-store__catalog-title--group[data-section-cat="mini"] {
  margin-top: 38px;
}
@media (min-width: 640px) {
  .lp-store__catalog-title { font-size: 22px; }
  .lp-store__catalog-title--group[data-section-cat="top"],
  .lp-store__catalog-title--group[data-section-cat="women"],
  .lp-store__catalog-title--group[data-section-cat="men"],
  .lp-store__catalog-title--group[data-section-cat="unisex"],
  .lp-store__catalog-title--group[data-section-cat="mini"] {
    font-size: 26px;
  }
}

.lp-store__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
@media (min-width: 640px) {
  .lp-store__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
}
@media (min-width: 960px) {
  .lp-store__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
}

.lp-store__empty {
  grid-column: 1 / -1;
  text-align: center;
  padding: 36px 8px;
  color: var(--lp-muted);
  font-size: 14px;
  border: 1px dashed var(--lp-line-strong);
  border-radius: var(--lp-r);
}

/* ============================================================
   PRODUCT CARD
   ============================================================ */
.lp-store__card {
  position: relative;
  display: flex; flex-direction: column;
  background: #fff;
  border: 1px solid var(--lp-line);
  border-radius: var(--lp-r);
  overflow: hidden;
  transition: box-shadow .15s ease, transform .15s ease;
}
.lp-store__card:hover {
  box-shadow: var(--lp-shadow);
  transform: translateY(-1px);
}

.lp-store__card-img {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #fff;
  border-bottom: 1px solid var(--lp-line);
  overflow: hidden;
}
.lp-store__card-img img {
  width: 100%; height: 100%;
  object-fit: contain;
  padding: 8px;
}
.lp-store__card-img-fallback {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  color: #b3b3b3; font-size: 11px;
  background: linear-gradient(#fff,#fafafa);
}

.lp-store__card-volume {
  position: absolute;
  top: 6px; right: 6px;
  background: #f1f1f1;
  color: #2a2a2a;
  font-size: 10px; font-weight: 700;
  padding: 4px 6px;
  border-radius: 4px;
  text-transform: lowercase;
}
/* Подписи стойкости и масел. Ряд прибит к низу картинки, и если две подписи
   не помещаются в строку, вторая переносится и ложится на флакон. Ширина,
   при которой это начинается, у сайтов разная: топу хватало 412 точек,
   люксу нужно было 430, потому что его подписи длиннее.

   Замер 12.09 - `shared/подписи-карточки/проба.js`. Отсюда и жалоба клиента:
   на его iPhone 14 Pro Max ровно 430 и всё было ровно, на андроидах уже нет.
   Ужато ровно настолько, чтобы строка держалась начиная с 375 точек - это
   нижняя граница, на которую договорились ориентироваться. Мельче не делаем:
   подписи должны оставаться читаемыми. Ветка 010. */
.lp-store__card-qrow {
  position: absolute;
  bottom: 6px; left: 2px; right: 2px;
  /* Стойкость прижата к левому краю, масло к правому. Клиент 12.09 прислал
     снимки обоих сайтов и написал, что так должно быть на всех устройствах:
     "35% масла поплыло, влево сдвинулось, вернуть в правый нижний угол". */
  display: flex; gap: 2px; flex-wrap: wrap; justify-content: space-between;
}
.lp-store__card-qbadge {
  background: rgba(255,255,255,.92);
  border: 1px solid var(--lp-line);
  color: #3a3a3a;
  /* У топа подписи короче люксовых на 11 точек, и при одном размере шрифта
     он вставал бы в строку уже с 360. Ориентир один для обоих сайтов - строка
     начиная с 375 и не раньше, поэтому топу шрифт увеличен. */
  font-size: 10.5px; font-weight: 600;
  letter-spacing: -.1px;
  padding: 3px 3px;
  border-radius: 999px;
  line-height: 1.1;
  white-space: nowrap;
}
/* Уже 375 точек подписи всё равно не помещаются в строку без совсем мелкого
   шрифта. Там оставляем перенос: лучше две строки читаемым шрифтом, чем одна
   нечитаемым. Таких экранов почти не осталось. */

.lp-store__card-body {
  display: flex; flex-direction: column;
  gap: 6px;
  padding: 8px 8px 10px;
}
@media (min-width: 640px) { .lp-store__card-body { padding: 10px 12px 12px; } }

.lp-store__volume-choice {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  width: min(100%, 150px);
  margin: 2px auto 0;
}
.lp-store__volume-choice-btn {
  min-height: 30px;
  border: 1px solid var(--lp-line-strong);
  border-radius: 6px;
  background: #fff;
  color: var(--lp-fg);
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.lp-store__volume-choice-btn[aria-pressed="true"] {
  border-color: var(--lp-orange);
  background: var(--lp-orange);
  color: #fff;
}
.lp-store__volume-choice-btn:focus-visible {
  outline: 2px solid var(--lp-red);
  outline-offset: 2px;
}

.lp-store__card-title-block {
  border: none;
  background: transparent;
  padding: 3px 2px;
  border-radius: 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--lp-fg);
  line-height: 1.25;
  text-align: center;
}
.lp-store__card-sku {
  font-size: 10.5px;
  font-weight: 700;
  color: #777;
  text-align: center;
  line-height: 1.2;
  margin-top: -4px;
}
.lp-store__card-type {
  font-size: 12px;
  color: var(--lp-muted);
  text-align: center;
  margin-top: -2px;
}
.lp-store__card-notes-block {
  border: none;
  background: transparent;
  padding: 2px;
  border-radius: 0;
  font-size: 12px;
  color: #1f1f1f;
  line-height: 1.3;
  text-align: center;
}

.lp-store__card-notes-block p,
.lp-store__card-desc p { margin: 0 0 .5em; }
.lp-store__card-notes-block p:last-child,
.lp-store__card-desc p:last-child { margin-bottom: 0; }
.lp-store__card-notes-block ul,
.lp-store__card-notes-block ol,
.lp-store__card-desc ul,
.lp-store__card-desc ol { margin: .4em 0 .4em 1.35em; padding: 0; text-align: left; }
.lp-store__card-notes-block blockquote,
.lp-store__card-desc blockquote { margin: .5em 0; padding-left: .75em; border-left: 3px solid var(--lp-line); }
.lp-store__card-notes-block h1,
.lp-store__card-notes-block h2,
.lp-store__card-notes-block h3,
.lp-store__card-notes-block h4,
.lp-store__card-notes-block h5,
.lp-store__card-notes-block h6,
.lp-store__card-desc h1,
.lp-store__card-desc h2,
.lp-store__card-desc h3,
.lp-store__card-desc h4,
.lp-store__card-desc h5,
.lp-store__card-desc h6 { margin: .45em 0 .3em; line-height: 1.2; }
.lp-store__card-notes-block a,
.lp-store__card-desc a { color: var(--lp-red); text-decoration: underline; }
.lp-store .ql-align-center { text-align: center; }
.lp-store .ql-align-right { text-align: right; }
.lp-store .ql-align-justify { text-align: justify; }
.lp-store .ql-size-small { font-size: .8em; }
.lp-store .ql-size-large { font-size: 1.25em; }
.lp-store .ql-size-huge { font-size: 1.5em; }

.lp-store__card-prices {
  display: flex;
  align-items: baseline;
  gap: 8px;
  justify-content: center;
  margin-top: 4px;
}
.lp-store__card-price {
  color: var(--lp-red);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .01em;
}

.lp-store__card-desc-btn {
  align-self: center;
  background: #f3f3f3;
  border: 1px solid var(--lp-line);
  color: #3a3a3a;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 999px;
  cursor: pointer;
  min-height: 28px;
  transition: background .15s ease, color .15s ease;
}
.lp-store__card-desc-btn:hover,
.lp-store__card-desc-btn:focus-visible { background: #ededed; color: var(--lp-red); outline: none; }
.lp-store__card-desc-btn:focus-visible { outline: 2px solid var(--lp-red); outline-offset: 1px; }
.lp-store__card-desc-btn[aria-expanded="true"] { color: var(--lp-red); }

.lp-store__card-desc {
  font-size: 12px;
  color: #555;
  background: #fafafa;
  border-radius: var(--lp-rs);
  padding: 8px;
  border: 1px dashed var(--lp-line-strong);
  line-height: 1.4;
  text-align: left;
}
.lp-store__card-desc[hidden] { display: none !important; }

.lp-store__card-buy {
  width: 100%;
  min-height: 44px;
  background: var(--lp-orange);
  color: #fff;
  border: none;
  border-radius: var(--lp-rs);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .02em;
  cursor: pointer;
  margin-top: 4px;
  text-transform: uppercase;
  transition: background .15s ease, transform .1s ease;
}
.lp-store__card-buy:hover { background: var(--lp-orange-d); }
.lp-store__card-buy:active { transform: translateY(1px); }
.lp-store__card-buy:focus-visible { outline: 2px solid var(--lp-fg); outline-offset: 2px; }

/* ============================================================
   BOTTOM CATEGORY FILTER (fixed)
   ============================================================ */
/* Залишає місце під закріплене меню категорій знизу */
.lp-store {
  padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px));
}

.lp-store { padding-bottom: 0; }
.lp-store__bottom-nav {
  position: fixed;
  left: 0; right: 0; bottom: 0; top: auto;
  z-index: 60;
  background: #fff;
  border-top: 1px solid #111;
  box-shadow: 0 -5px 20px rgba(0,0,0,.12);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.lp-store__bottom-search {
  display: flex; align-items: center; gap: 7px;
  width: 100%; max-width: 1180px; min-height: 42px;
  margin: 0 auto; padding: 5px 10px;
  background: #fff;
}
.lp-store__bottom-search-icon { flex: 0 0 auto; color: #111; font-size: 24px; line-height: 1; transform: rotate(-20deg); }
.lp-store .lp-store__bottom-search-input {
  flex: 1; min-width: 0; height: 32px; border: 0; background: #fff; color: var(--lp-fg);
  padding: 5px 2px; font-size: 16px !important; font-weight: 700; letter-spacing: .01em; outline: none;
}
.lp-store__bottom-search-input::placeholder { color: #333; opacity: 1; }
.lp-store .lp-store__bottom-search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.lp-store__bottom-search-clear {
  flex: 0 0 32px; width: 32px; height: 32px; border: 0; background: transparent;
  color: var(--lp-muted); font-size: 24px; line-height: 1; cursor: pointer;
}
.lp-store__bottom-search-clear[hidden] { display: none !important; }
.lp-store__bottom-search-input:focus { outline: none; }
.lp-store__bottom-search:focus-within { box-shadow: inset 0 0 0 2px var(--lp-red); }
.lp-store__bottom-nav-inner {
  display: grid;
  /* Колонки по числу кнопок, а не пять жёстко. Кнопок стало четыре -
     наборы ушли, «5мл - 10мл» разделено, а десятки пока скрыты, потому что
     раздела нет в каталоге. При жёстких пяти справа зиял бы пустой столбец
     на закреплённом внизу меню. Появится раздел десяток - пятая колонка
     возникнет сама. */
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  max-width: 1180px;
  margin: 0 auto;
}
.lp-store__bottom-btn {
  font-family: inherit;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 2px;
  background: #fff;
  border: none;
  border-right: 1px solid var(--lp-line-strong);
  color: var(--lp-fg);
  font-size: 12.5px;
  line-height: 1.12;
  font-weight: 700;
  padding: 9px 2px;
  min-height: 72px;
  cursor: pointer;
  text-align: center;
  transition: color .15s ease, background .15s ease;
}
.lp-store__bottom-btn:last-child { border-right: none; }
.lp-store__bottom-btn:hover,
.lp-store__bottom-btn:focus-visible { background: #fafafa; outline: none; }
.lp-store__bottom-btn:focus-visible { outline: 2px solid var(--lp-red); outline-offset: -2px; }
.lp-store__bottom-btn--active { color: var(--lp-red); font-weight: 800; position: relative; }
.lp-store__bottom-btn--active::after {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--lp-red);
}
.lp-store__bottom-btn-tag { color: var(--lp-red); font-size: 10.5px; font-weight: 800; line-height: 1.1; }
@media (min-width: 520px) {
  .lp-store { padding-bottom: 0; }
  .lp-store__bottom-search { min-height: 46px; padding: 6px 12px; }
  .lp-store .lp-store__bottom-search-input { font-size: 16px !important; }
  .lp-store__bottom-btn { font-size: 13px; padding: 10px 4px; min-height: 77px; }
  .lp-store__bottom-btn-tag { font-size: 11px; }
}
@media (min-width: 960px) {
  .lp-store { padding-bottom: 0; }
  .lp-store__bottom-nav { padding-bottom: 0; }
  .lp-store__bottom-search { min-height: 48px; }
  .lp-store .lp-store__bottom-search-input { font-size: 16px !important; }
  .lp-store__bottom-btn { font-size: 14px; padding: 12px 6px; min-height: 84px; }
  .lp-store__bottom-btn-tag { font-size: 12px; }
}

/* ============================================================
   MODAL
   ============================================================ */
.lp-store__modal {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  font-family: 'Inter', Arial, sans-serif;
}
.lp-store__modal[hidden] { display: none !important; }

.lp-store__modal-overlay {
  position: absolute; inset: 0;
  background: rgba(15,15,15,.55);
  animation: lp-fade .18s ease;
}
.lp-store__modal-dialog {
  position: relative;
  background: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 460px;
  max-height: calc(100vh - 24px);
  overflow-y: auto;
  padding: 22px 18px 18px;
  box-shadow: 0 24px 60px rgba(0,0,0,.25);
  animation: lp-pop .18s ease;
}
@keyframes lp-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes lp-pop {
  from { opacity: 0; transform: translateY(10px) scale(.98); }
  to { opacity: 1; transform: none; }
}
.lp-store__modal-close {
  position: absolute;
  top: 8px; right: 10px;
  width: 36px; height: 36px;
  border-radius: 50%;
  border: none; background: transparent;
  font-size: 24px; line-height: 1;
  color: var(--lp-muted);
  cursor: pointer;
}
.lp-store__modal-close:hover,
.lp-store__modal-close:focus-visible { color: var(--lp-red); outline: none; }
.lp-store__modal-close:focus-visible { outline: 2px solid var(--lp-red); outline-offset: 1px; }

.lp-store__modal-title {
  font-size: 18px;
  font-weight: 800;
  margin: 4px 0 6px;
  text-align: center;
  color: var(--lp-fg);
}
.lp-store__modal-product {
  text-align: center;
  font-size: 12px;
  color: var(--lp-muted);
  margin-bottom: 14px;
  font-weight: 600;
}
.lp-store__modal-product.is-empty { display: none; }

/* form */
.lp-store__form { display: flex; flex-direction: column; gap: 10px; }
.lp-store__field { display: flex; flex-direction: column; gap: 4px; }
.lp-store__label {
  font-size: 12px;
  font-weight: 600;
  color: #2a2a2a;
}
.lp-store__input {
  width: 100%;
  border: 1px solid var(--lp-line-strong);
  border-radius: var(--lp-rs);
  padding: 11px 12px;
  font-size: 14px;
  background: #fff;
  color: var(--lp-fg);
  min-height: 44px;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.lp-store__input:focus {
  border-color: var(--lp-red);
  box-shadow: 0 0 0 3px rgba(229,36,42,.12);
}
.lp-store__input--area { resize: vertical; min-height: 70px; }

.lp-store__field .t-input-error { display: none; }
.t-input-error {
  color: var(--lp-red);
  font-size: 12px;
  line-height: 1.3;
}
.tilda-form .js-tilda-rule.tilda-rule-error,
.t-form .js-tilda-rule.tilda-rule-error,
.lp-store .js-tilda-rule.tilda-rule-error {
  border-color: var(--lp-red) !important;
  box-shadow: 0 0 0 3px rgba(229,36,42,.10) !important;
  background: #fff7f7 !important;
}

.lp-store__fop-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  color: #1d1d1d;
  padding: 2px 0;
  user-select: none;
}
.lp-store__fop-copy { flex: 1 1 auto; }
.lp-store__fop-copy strong {
  color: var(--lp-red);
  white-space: nowrap;
}
.lp-store__fop-checkbox {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  margin: 0;
  accent-color: #16a34a;
  cursor: pointer;
}
.lp-store__fop-checkbox:focus-visible {
  outline: 2px solid var(--lp-red);
  outline-offset: 3px;
}

.lp-store__form-submit {
  background: var(--lp-orange);
  color: #fff;
  border: none;
  border-radius: var(--lp-rs);
  min-height: 48px;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .02em;
  cursor: pointer;
  transition: background .15s ease;
  width: 100%;
  display: inline-flex; align-items: center; justify-content: center;
}
.lp-store__form-submit:hover { background: var(--lp-orange-d); }
.lp-store__form-submit:focus-visible { outline: 2px solid var(--lp-fg); outline-offset: 2px; }
.lp-store__form-note {
  font-size: 11px;
  color: var(--lp-muted);
  text-align: center;
  margin: 4px 0 0;
  line-height: 1.4;
}
.lp-store__trap { position: absolute !important; left: -9999px !important; top: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.lp-store__successbox {
  position: relative;
  background: #eaf7ec;
  color: #176b2f;
  border: 1px solid #19a64a;
  border-radius: var(--lp-rs);
  padding: 12px 46px 12px 14px;
  font-size: 13px;
  text-align: center;
}
.lp-store__success-close {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  border: 0;
  border-radius: 50%;
  background: rgba(23, 107, 47, 0.1);
  color: #176b2f;
  font: 700 24px/28px Arial, sans-serif;
  text-align: center;
  cursor: pointer;
  padding: 0;
}
.lp-store__success-close:hover { background: rgba(23, 107, 47, 0.18); }
.lp-store__success-close:focus-visible { outline: 2px solid #176b2f; outline-offset: 2px; }
.lp-store__errorbox-all {
  background: #fdecec;
  color: var(--lp-red-d);
  border: 1px solid var(--lp-red);
  border-radius: var(--lp-rs);
  padding: 10px;
  font-size: 13px;
}

/* ============================================================
   FOOTER
   ============================================================ */
.lp-store__footer {
  background: #0c0c0c;
  color: #fff;
  padding: 32px 0 170px; /* нижній відступ під збільшене фіксоване меню */
}
@media (min-width: 960px) { .lp-store__footer { padding: 40px 0 190px; } }

.lp-store__footer-box {
  border: 2px solid var(--lp-red);
  border-radius: 14px;
  padding: 20px 18px;
  background: #0c0c0c;
}
@media (min-width: 720px) { .lp-store__footer-box { padding: 28px 26px; } }

.lp-store__footer-cols {
  display: grid;
  grid-template-columns: 1fr;
  gap: 55px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
@media (min-width: 640px) { .lp-store__footer-cols { grid-template-columns: repeat(3, 1fr); gap: 28px; } }
@media (min-width: 960px) { .lp-store__footer-cols { grid-template-columns: repeat(3, 1fr); gap: 40px; } }

.lp-store .lp-store__footer-h {
  font-size: 18px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: .07em;
  color: #fff;
  margin: 0 0 14px;
  text-transform: uppercase;
}
.lp-store__footer-list {
  list-style: none;
  margin: 0; padding: 0;
  display: flex; flex-direction: column;
  gap: 8px;
}
.lp-store__footer-link {
  color: #fff;
  font-size: 15px;
  font-weight: 650;
  text-decoration: none;
  transition: opacity .15s ease;
}
.lp-store__footer-price { color: var(--lp-red); font-size: .9em; font-weight: 800; }
.lp-store__footer-link:hover,
.lp-store__footer-link:focus-visible { opacity: .75; outline: none; }
.lp-store__footer-link:focus-visible { outline: 2px solid var(--lp-red); outline-offset: 2px; border-radius: 2px; }
.lp-store__footer-muted { color: #b3b3b3; font-size: 12px; }

.lp-store__footer-question {
  margin-top: 18px;
  padding: 18px 0 0;
  border: 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}
.lp-store__footer-question-text {
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: .03em;
  color: #fff;
}
.lp-store__footer-question-text span {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  letter-spacing: .02em;
}
@media (max-width: 639px) {
  .lp-store__footer-question-text { margin-bottom: 4px; }
}

.lp-store__mini-form { display: block; width: 100%; }
.lp-store__mini-row {
  display: flex; align-items: stretch; gap: 8px;
  width: 100%;
}
.lp-store__mini-input {
  flex: 1;
  background: #1a1a1a;
  color: #fff;
  border: 1px solid #2a2a2a;
}
.lp-store__mini-input::placeholder { color: #808080; }
.lp-store__mini-input:focus { border-color: var(--lp-red); background: #1f1f1f; }
.lp-store__mini-field--message { width: 100%; margin-top: 10px; }
.lp-store__mini-message {
  display: block;
  width: 100%;
  min-height: 96px;
  padding: 13px 14px;
  background: #fff;
  color: #111;
  border: 1px solid #d8d8d8;
  border-radius: 0;
  font-size: 16px;
  line-height: 1.4;
  resize: vertical;
  outline: none;
}
.lp-store__mini-message::placeholder { color: #555; opacity: 1; }
.lp-store__mini-message:focus { border-color: var(--lp-red); box-shadow: 0 0 0 2px rgba(229,36,42,.18); }
.lp-store .lp-store__mini-btn {
  flex: 0 0 48px !important;
  width: 48px !important; height: 48px !important;
  background: #e5242a !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  transition: background .15s ease, transform .1s ease;
}
.lp-store .lp-store__mini-arrow {
  display: block !important; color: #fff !important; font-size: 28px !important;
  font-weight: 700 !important; line-height: 1 !important; transform: translateY(-1px);
}
.lp-store .lp-store__mini-btn:hover { background: var(--lp-red-d) !important; }
.lp-store .lp-store__mini-btn:active { transform: translateY(1px); }
.lp-store .lp-store__mini-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

.lp-store__successbox--mini {
  margin-bottom: 8px;
  padding: 8px 10px;
  font-size: 12px;
}

.lp-store__copyright {
  text-align: center;
  font-size: 12px;
  color: #808080;
  margin-top: 22px;
  letter-spacing: .04em;
}

/* focus visible default for keyboard users */
.lp-store a:focus-visible,
.lp-store button:focus-visible,
.lp-store input:focus-visible,
.lp-store textarea:focus-visible {
  outline: 2px solid var(--lp-red);
  outline-offset: 2px;
}

/* ============================================================
   CART + TWO-STEP CHECKOUT
   ============================================================ */
.lp-store__cart-fab {
  position: fixed;
  right: 14px;
  bottom: calc(118px + env(safe-area-inset-bottom));
  z-index: 120;
  min-height: 48px;
  padding: 9px 13px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 0;
  border-radius: 999px;
  background: #111;
  color: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
  font: 800 13px/1 'Inter', Arial, sans-serif;
  cursor: pointer;
}
.lp-store__cart-fab-icon { display: block; width: 22px; height: 22px; flex: 0 0 22px; }
.lp-store__cart-badge {
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--lp-red);
  color: #fff;
  font-size: 12px;
}
.lp-store__cart-badge[data-empty="true"] { background: #696969; }

.lp-store__modal { z-index: 300; padding: 10px; }
.lp-store__modal-dialog {
  max-width: 520px;
  max-height: calc(100dvh - 20px);
  padding: 22px 16px 18px;
  border-radius: 12px;
}
.lp-store__modal-title {
  padding: 0 34px;
  margin: 2px 0 18px;
  font-size: 20px;
  line-height: 1.18;
  letter-spacing: .01em;
}
.lp-store__modal-close {
  top: 6px;
  right: 7px;
  border: 2px solid #8d8d8d;
  background: #fff;
  color: #555;
  z-index: 2;
}
.lp-store__cart-list { display: flex; flex-direction: column; gap: 12px; }
.lp-store__cart-row {
  display: grid;
  grid-template-columns: 68px minmax(0,1fr) auto;
  gap: 11px;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #e4e4e4;
}
.lp-store__cart-thumb {
  width: 68px;
  height: 76px;
  object-fit: contain;
  background: #fafafa;
  border-radius: 7px;
}
.lp-store__cart-info { min-width: 0; }
.lp-store__cart-name {
  margin: 0 0 5px;
  color: #111;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 800;
}
.lp-store__cart-volume { color: #777; font-size: 11px; margin-bottom: 8px; }
.lp-store__cart-sku { color: #555; font-size: 11px; font-weight: 700; margin: -4px 0 7px; }
.lp-store__cart-controls { display: flex; align-items: center; gap: 7px; }
.lp-store__qty-btn,
.lp-store__remove-btn {
  border: 1px solid #d5d5d5;
  background: #fff;
  color: #333;
  cursor: pointer;
}
.lp-store__qty-btn {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  line-height: 1;
}
/* Не число, а <select>: количество выбирается списком на весь остаток.
   Прямое указание клиента #720748 - «в тильде сделать что б список то же
   выезжал, + - кнопки то же оставить». Размеры как на люксе. */
.lp-store__cart-qty {
  min-width: 56px;
  height: 32px;
  padding: 2px 24px 2px 8px;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  color: #111;
  border: 1px solid #111;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}
.lp-store__remove-btn {
  margin-left: 8px;
  padding: 7px 12px;
  min-height: 32px;
  border: 1px solid #e31937;
  border-radius: 6px;
  background: #e31937;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1;
}
.lp-store__remove-btn:hover {
  background: #b81a20;
  border-color: #b81a20;
}

.lp-store__cart-price {
  white-space: nowrap;
  font-size: 15px;
  font-weight: 800;
  color: #111;
}
.lp-store__cart-empty {
  padding: 26px 12px;
  text-align: center;
  color: #777;
  border: 1px dashed #ccc;
  border-radius: 8px;
}
.lp-store__quick-total {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  gap: 8px;
  margin: 15px 0;
  font-size: 16px;
  font-weight: 800;
}
.lp-store__quick-total strong { color: var(--lp-red); font-size: 18px; }
.lp-store__quick-actions { display: grid; gap: 8px; }
.lp-store__quick-btn {
  min-height: 46px;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.lp-store__quick-btn--continue {
  border: 1px solid var(--lp-orange);
  background: #fff;
  color: var(--lp-orange);
}
.lp-store__quick-btn--checkout {
  border: 1px solid var(--lp-orange);
  background: var(--lp-orange);
  color: #fff;
}
.lp-store__quick-btn:disabled { opacity: .45; cursor: not-allowed; }
.lp-store__checkout-back {
  margin: -4px 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #555;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.lp-store__cart-list--checkout { margin-bottom: 15px; }
.lp-store__fees {
  padding: 13px 0 15px;
  border-bottom: 1px solid #d6d6d6;
}
.lp-store__fee-row {
  display: grid;
  grid-template-columns: 46px minmax(0,1fr) 16px auto;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  font-size: 16px;
}
.lp-store__fee-icon {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #20a649;
  border-radius: 5px;
  background: #fff;
  font-size: 23px;
  overflow: hidden;
}
.lp-store__fee-icon img { width: 100%; height: 100%; object-fit: contain; }
.lp-store__fee-name { font-weight: 800; }
.lp-store__fee-name span { color: #777; font-size: 12px; font-weight: 600; }
.lp-store__fee-dash { text-align: center; color: #666; }
.lp-store__fee-row strong { white-space: nowrap; font-size: 16px; }
.lp-store__checkout-total {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  gap: 8px;
  padding: 18px 0;
  font-size: 14px;
  font-weight: 800;
}
.lp-store__checkout-total strong {
  color: var(--lp-red);
  font-size: 21px;
  white-space: nowrap;
}
.lp-store__checkout-step .lp-store__form { gap: 14px; }
.lp-store__checkout-step .lp-store__label { font-size: 13px; color: #555; }
.lp-store__checkout-step .lp-store__input {
  min-height: 50px;
  border-radius: 0;
  border: 1px solid #333;
  font-size: 16px;
}
.lp-store__checkout-step .lp-store__form-submit {
  min-height: 52px;
  border-radius: 0;
  background: #050505;
  color: #fff;
}
.lp-store__checkout-step .lp-store__form-submit:hover { background: #202020; }
.lp-store__modal--info .lp-store__checkout-back,
.lp-store__modal--info .lp-store__checkout-cart { display: none; }

@media (max-width: 520px) {
  .lp-store__modal { align-items: flex-end; padding: 0; }
  .lp-store__modal-dialog {
    max-width: none;
    width: 100%;
    max-height: 94dvh;
    border-radius: 15px 15px 0 0;
    padding: 20px 14px calc(16px + env(safe-area-inset-bottom));
  }
  .lp-store__modal-title { font-size: 18px; margin-bottom: 15px; }
  .lp-store__cart-row { grid-template-columns: 58px minmax(0,1fr) auto; gap: 9px; }
  .lp-store__cart-thumb { width: 58px; height: 68px; }
  .lp-store__cart-name { font-size: 13px; }
  .lp-store__cart-price { font-size: 14px; }
  .lp-store__cart-fab {
    bottom: calc(112px + env(safe-area-inset-bottom));
    right: 10px;
  }
  .lp-store__cart-fab-text { display: none; }
}


.lp-store__note-filter {
  width: min(100%, 420px);
  margin: 0 0 10px;
}
.lp-store__note-filter[hidden],
.lp-store__note-filter-panel[hidden] { display: none !important; }
.lp-store__note-filter-toggle {
  min-height: 34px;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid #0c0c0c;
  border-radius: 0;
  background: #0c0c0c;
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
}
.lp-store__note-filter-toggle:hover,
.lp-store__note-filter-toggle:focus-visible,
.lp-store__note-filter-toggle--active {
  background: var(--lp-red);
  border-color: var(--lp-red);
  outline: none;
}
.lp-store__note-filter-arrow { transition: transform .18s ease; }
.lp-store__note-filter-toggle[aria-expanded="true"] .lp-store__note-filter-arrow { transform: rotate(180deg); }
.lp-store__note-filter-panel {
  margin-top: 6px;
  padding: 6px;
  border: 1px solid var(--lp-line-strong);
  background: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.12);
}
.lp-store__note-filter-list {
  display: grid;
  gap: 2px;
  max-height: 280px;
  overflow: auto;
  overscroll-behavior: contain;
}
.lp-store__note-filter-item {
  width: 100%;
  min-height: 34px;
  padding: 7px 9px;
  border: 0;
  border-bottom: 1px solid var(--lp-line);
  background: #fff;
  color: var(--lp-fg);
  font-family: inherit;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}
.lp-store__note-filter-item:last-child { border-bottom: 0; }
.lp-store__note-filter-item:hover,
.lp-store__note-filter-item:focus-visible,
.lp-store__note-filter-item[aria-pressed="true"] {
  color: var(--lp-red);
  background: #fafafa;
  outline: none;
}
.lp-store__note-filter-empty {
  padding: 10px 9px;
  color: var(--lp-muted);
  font-size: 13px;
}
.lp-store__catalog-loading {
  grid-column: 1 / -1;
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--lp-muted);
  font-size: 14px;
  font-weight: 600;
}
.lp-store__catalog-loading::before {
  content: "";
  width: 18px;
  height: 18px;
  margin-right: 9px;
  border: 2px solid #ddd;
  border-top-color: var(--lp-red);
  border-radius: 50%;
  animation: lp-store-loading .7s linear infinite;
}
@keyframes lp-store-loading { to { transform: rotate(360deg); } }
.lp-store__catalog-loading--error {
  flex-direction: column;
  gap: 14px;
  padding: 24px;
  text-align: center;
}
.lp-store__catalog-loading--error::before { display: none; }
.lp-store__catalog-retry {
  min-width: 150px;
  min-height: 44px;
  padding: 10px 18px;
  border: 0;
  border-radius: 7px;
  background: var(--lp-orange);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

.lp-store__catalog-back {
  margin: 0 0 12px;
  padding: 8px 0;
  border: 0;
  background: transparent;
  color: var(--lp-red);
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
}
.lp-store__catalog-back[hidden] { display: none !important; }
.lp-store__catalog-back:hover { text-decoration: underline; }



.lp-store__philosophy {
    margin: 12px 0 14px;
    padding: 12px 0;

    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;

    font-size: 10px !important;
    line-height: 1.5;
    color: #333;
}
.lp-store__card-desc .lp-store__philosophy {
    margin: 0;
    padding: 0;
    border: 0;
}

.lp-store__philosophy-title {
    margin-bottom: 8px;

    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.lp-store__philosophy-list {
    margin: 0;
    padding: 0;
    list-style: none;

    counter-reset: philosophy;
}

.lp-store__philosophy-list li {
    position: relative;
    margin-bottom: 6px;
    padding-left: 20px;

    counter-increment: philosophy;
}

.lp-store__philosophy-list li::before {
    content: counter(philosophy) ".";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 600;
}

.lp-store__philosophy-list li:last-child {
    margin-bottom: 0;
}


/* Наличие */

.lp-store__stock-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.lp-store__stock {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 54px;
    height: 25px;
    padding: 0 7px;

    border: 1px solid #d60000;
    border-radius: 3px;

    background: #fff;
    color: #d60000;

    font-size: 12px;
    line-height: 1;
    font-weight: 700;

    white-space: nowrap;

    transition:
        transform .2s ease,
        opacity .2s ease;
}

.lp-store__stock.is-changing {
    transform: scale(1.1);
    opacity: .45;
}


/* 3 штуки */

.lp-store__stock.is-low {
    background: #d60000;
    color: #fff;

    animation: lp-stock-pulse 1.5s infinite;
}

@keyframes lp-stock-pulse {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}


.lp-store__bottom-btn.tp-bottom-search-btn{background:#e31937!important;color:#fff!important;border-color:#e31937!important;font-weight:900!important;}
.lp-store__bottom-btn.tp-bottom-search-btn span{color:#fff!important;text-transform:uppercase!important;line-height:1.05!important;}
.lp-store__bottom-btn.tp-bottom-search-btn .tp-search-icon{font-size:22px!important;line-height:1!important;}
.live-activity-widget{position:sticky!important;top:0!important;z-index:70!important;box-sizing:border-box!important;width:min(100%,1180px)!important;margin-left:max(0px,calc((100vw - 1180px)/2))!important;margin-right:auto!important;background:#fff!important;padding:10px 15px!important;border-bottom:1px solid rgba(0,0,0,.06)!important;}
@media (min-width:760px){.live-activity-widget{align-items:flex-start!important;}}
.lp-store__stock-label{color:#d60000!important;font-weight:700!important;}
.lp-store__stock-row{margin-top:8px!important;}
.lp-store__stock.is-low{animation:lp-stock-pulse .75s infinite!important;}
@keyframes lp-stock-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(214,0,0,.55)}50%{transform:scale(1.13);box-shadow:0 0 0 5px rgba(214,0,0,0)}}


@media (min-width: 760px){
  .live-activity-widget{
    width:min(100%,1180px)!important;
    margin-left:max(0px,calc((100vw - 1180px)/2))!important;
    margin-right:auto!important;
  }
}


  .lp-store__bottom-search{
    border-radius:12px!important;
    border:1px solid rgba(15,23,42,.18)!important;
    background:#fff!important;
    box-shadow:0 6px 16px rgba(15,23,42,.06)!important;
  }
  .lp-store__bottom-search:focus-within{
    border-color:#e31937!important;
    box-shadow:0 0 0 3px rgba(227,25,55,.12),0 8px 18px rgba(15,23,42,.08)!important;
  }
  @media (min-width:760px){
    .live-activity-widget{
      width:min(100%,1180px)!important;
      margin-left:max(0px,calc((100vw - 1180px)/2))!important;
      margin-right:auto!important;
    }
  }


  .live-activity-widget{top:0!important;}
  /* Убираем автозум iPhone при фокусе на формах */

  @media (max-width:640px){.live-activity-widget{top:0!important;}}
  @media (max-width: 767px) {
    .lp-store input:not([type="hidden"]),
    .lp-store textarea,
    .lp-store select {
        font-size: 16px !important;
    }
}


  :root {
    --tp-red: #e41237;
    --tp-red-dark: #9f0c23;
    --tp-blue: #2936d8;
    --tp-blue-dark: #18238f;
    --tp-ink: #111827;
    --tp-soft: #f7f8ff;
  }
  .tp-checkout-page[hidden],
  .tp-np-suggest[hidden],
  .tp-premium-summary[hidden] { display: none !important; }
  .lp-store__modal-dialog { max-width: 520px !important; }
  .tp-progress {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
    margin: 14px 0 16px;
  }
  .tp-progress span {
    display: block;
    height: 4px;
    border-radius: 999px;
    background: #e1e4ea;
  }
  .tp-progress span.is-active {
    background: linear-gradient(90deg, var(--tp-blue) 0%, var(--tp-blue) 52%, var(--tp-red) 52%, var(--tp-red) 100%);
    box-shadow: 0 2px 8px rgba(41, 54, 216, .16);
  }
  .tp-step-title {
    margin: 0 0 12px;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 950;
    color: var(--tp-ink);
  }
  .tp-order-card {
    margin: 0 0 12px;
    padding: 11px;
    border: 1px solid rgba(41, 54, 216, .14);
    border-radius: 13px;
    background: linear-gradient(180deg, #ffffff 0%, var(--tp-soft) 100%);
    box-shadow: 0 8px 22px rgba(16, 24, 40, .05);
  }
  .tp-order-card h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 900;
    color: var(--tp-ink);
  }
  .tp-order-no {
    padding: 4px 9px;
    border-radius: 999px;
    background: var(--tp-red);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
  }
  .tp-order-no:empty { display: none; }
  .tp-step-no {
    display: inline-block;
    margin-left: 8px;
    padding: 3px 9px;
    border-radius: 999px;
    background: var(--tp-red);
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    vertical-align: middle;
  }
  .tp-step-no:empty { display: none; }
  .tp-cart-row {
    display: grid;
    grid-template-columns: 68px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e5e7eb;
  }
  .tp-cart-row:last-child { border-bottom: 0; }
  .tp-cart-row img {
    width: 58px;
    height: 58px;
    object-fit: contain;
    border-radius: 8px;
    background: #fff;
  }
  .tp-cart-name {
    font-size: 13px;
    line-height: 1.15;
    font-weight: 900;
    color: #111;
  }
  .tp-cart-meta {
    margin-top: 4px;
    font-size: 11px;
    line-height: 1.25;
    color: #667085;
  }
  .tp-cart-price {
    font-size: 14px;
    font-weight: 950;
    white-space: nowrap;
    color: #111;
  }
  .tp-qty {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 7px;
  }
  .tp-qty button {
    width: 25px;
    height: 25px;
    border: 1px solid rgba(41, 54, 216, .22);
    border-radius: 50%;
    background: #fff;
    color: var(--tp-blue);
    font-weight: 900;
    line-height: 1;
  }
  .tp-remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    clip: auto !important;
    clip-path: none !important;
    margin-left: 4px;
    padding: 6px 11px !important;
    border: 1px solid var(--tp-red) !important;
    border-radius: 6px !important;
    background: var(--tp-red) !important;
    color: #fff !important;
    font: 800 11px/1 Arial, sans-serif !important;
    text-transform: uppercase;
    cursor: pointer;
  }
  .lp-store__remove-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    padding: 7px 12px !important;
    border: 1px solid var(--tp-red) !important;
    border-radius: 6px !important;
    background: var(--tp-red) !important;
    color: #fff !important;
    font: 800 11px/1 Arial, sans-serif !important;
    text-transform: uppercase !important;
  }
  .tp-remove:hover,
  .tp-remove:focus {
    background: var(--tp-red-dark) !important;
    border-color: var(--tp-red-dark) !important;
  }
  .tp-perfume-total {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 9px;
    font-weight: 900;
  }
  .tp-perfume-total strong,
  .tp-checkout-total strong,
  .tp-premium-summary strong { color: var(--tp-red); }
  .tp-small-note {
    display: block;
    margin-top: 8px;
    color: #667085;
    font-size: 11px;
  }
  .tp-field {
    position: relative;
    margin-bottom: 12px;
  }
  .tp-label {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 850;
    color: #555;
  }
  .tp-input,
  .tp-textarea {
    width: 100%;
    min-height: 46px;
    border: 1px solid #333;
    border-radius: 0;
    background: #fff;
    padding: 10px 12px;
    font: 500 16px/1.35 Arial, sans-serif;
    color: #101828;
  }
  .tp-textarea { min-height: 90px; resize: vertical; }
  .tp-input:focus,
  .tp-textarea:focus {
    outline: none;
    border-color: var(--tp-red);
    box-shadow: 0 0 0 2px rgba(228, 18, 55, .14);
  }
  .tp-np-suggest {
    position: absolute;
    z-index: 500;
    left: 0;
    right: 0;
    top: 100%;
    max-height: 230px;
    overflow: auto;
    margin-top: 4px;
    border: 1px solid #d9dce5;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(17, 23, 40, .16);
  }
  .tp-np-suggest button,
  .tp-np-status {
    display: block;
    width: 100%;
    padding: 11px 13px;
    border: 0;
    border-bottom: 1px solid #eceef3;
    background: #fff;
    color: #171b2b;
    text-align: left;
    font: 700 13px/1.35 Arial, sans-serif;
  }
  .tp-np-suggest button:hover,
  .tp-np-suggest button:focus { background: #f1f3ff; color: var(--tp-blue); outline: 0; }
  /* Кнопка ручного ввода города и отделения. Появляется, когда справочник
     Новой Пошты ничего не нашёл или не поднялся вовсе. Выделена цветом
     специально - это не такой же пункт списка, это выход из тупика. */
  .tp-np-suggest button.tp-np-manual {
    font-weight: 600;
    color: var(--tp-blue);
    border-bottom: 0;
  }
  .tp-np-suggest button.tp-np-manual:hover,
  .tp-np-suggest button.tp-np-manual:focus { background: #e8ecff; }
  .tp-premium-offer,
  .tp-premium-summary {
    display: grid;
    grid-template-columns: auto 52px 1fr auto auto;
    gap: 10px;
    align-items: center;
    margin: 12px 0;
    padding: 10px;
    border: 1px solid rgba(228, 18, 55, .35);
    border-radius: 10px;
    background: linear-gradient(135deg, #fff8df 0%, #fff 60%, #f3f5ff 100%);
    box-shadow: inset 0 0 0 1px rgba(41, 54, 216, .08);
  }
  .tp-premium-offer input { width: 19px; height: 19px; accent-color: var(--tp-red); }
  .tp-premium-star {
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--tp-blue), var(--tp-red));
    color: #f8c307;
    font-weight: 950;
  }
  .tp-premium-imgs {
    width: 52px;
    height: 52px;
    border-radius: 8px;
    background: #fff;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    overflow: hidden;
  }
  .tp-premium-imgs img { width: 100%; height: 100%; object-fit: contain; }
  .tp-premium-copy b {
    display: block;
    margin-bottom: 3px;
    color: #b07b00;
    font-size: 12px;
    text-transform: uppercase;
  }
  .tp-premium-copy span { font-size: 12px; line-height: 1.25; color: #333; }
  .tp-premium-offer strong { color: var(--tp-red); white-space: nowrap; }
  .tp-fop-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 14px 0;
    padding: 12px;
    border: 1px solid rgba(41, 54, 216, .30);
    border-radius: 10px;
    background: #f7f8ff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    color: #1d1d1d;
    user-select: none;
  }
  .tp-fop-option strong { color: var(--tp-red); white-space: nowrap; }
  .tp-fop-option input {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    margin: 0;
    accent-color: #16a34a;
    cursor: pointer;
  }
  .tp-fees {
    margin: 16px 0;
    padding-top: 6px;
  }
  .tp-fee-row {
    display: grid;
    grid-template-columns: 42px 1fr auto auto;
    gap: 10px;
    align-items: center;
    margin: 11px 0;
  }
  .tp-fee-icon {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(41, 54, 216, .22);
    border-radius: 6px;
    background: #f2f4ff;
    font-size: 23px;
  }
  .tp-fee-name {
    font-size: 18px;
    font-weight: 950;
  }
  .tp-checkout-total {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    align-items: baseline;
    margin: 18px 0 16px;
    padding-top: 14px;
    border-top: 1px solid #d9dde6;
    font-weight: 950;
  }
  .tp-checkout-total strong { font-size: 24px; }
  .tp-btn {
    width: 100%;
    min-height: 52px;
    border: 0;
    border-radius: 6px;
    background: linear-gradient(135deg, var(--tp-red), var(--tp-red-dark));
    color: #fff;
    font: 950 15px/1.1 Arial, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
  }
  .tp-btn:hover,
  .tp-btn:focus { filter: brightness(.96); }
  .tp-btn--black { background: linear-gradient(135deg, #111827 0%, var(--tp-blue-dark) 48%, var(--tp-red-dark) 100%); }
  .tp-back {
    border: 0;
    background: transparent;
    padding: 0;
    margin: -4px 0 10px;
    color: var(--tp-blue);
    font-size: 13px;
    font-weight: 800;
  }
  .tp-error {
    display: none;
    margin: 8px 0 10px;
    padding: 10px;
    border: 1px solid #ffb4bf;
    border-radius: 8px;
    background: #fff1f3;
    color: var(--tp-red);
    font-weight: 800;
    font-size: 13px;
  }
  .tp-success {
    display: none;
    position: relative;
    margin: 10px 0;
    padding: 18px 42px 18px 16px;
    border: 1px solid #95d5a6;
    border-radius: 10px;
    background: #eaf8ee;
    color: #137333;
    font-weight: 800;
    text-align: center;
  }
  .tp-success button {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    background: #d9f1df;
    color: #137333;
    font-weight: 950;
  }
  @media (max-width: 640px) {
    .lp-store__modal-dialog { max-height: calc(100vh - 20px) !important; }
    .tp-cart-row { grid-template-columns: 66px 1fr auto; }
    .tp-premium-offer { grid-template-columns: auto 44px 1fr auto; }
    .tp-premium-offer > i { display: none; }
    .tp-premium-copy span { font-size: 11px; }
    .tp-remove { margin-left: 0; padding: 6px 9px !important; font-size: 10px !important; }
  }


  .tp-fop-option{display:flex;align-items:center;gap:10px;margin:14px 0 16px;padding:12px;border:1px solid #e41237;border-radius:10px;background:#fff7f8;font-size:13px;font-weight:800;line-height:1.3;color:#111827}
  .tp-fop-option input{width:22px;height:22px;flex:0 0 22px;accent-color:#e41237}
  .tp-fop-option strong{color:#e41237;white-space:nowrap}
  .lp-store__card-desc .tp-product-desc{margin:0 0 12px;padding:10px 10px 11px;border-radius:10px;background:#fff;border:1px solid rgba(228,18,55,.14);font-size:13px;line-height:1.35;text-align:left;color:#222}
  .lp-store__card-desc .tp-product-desc p{margin:.3em 0}

  /* Подписи под строкой корзины: упёрлись в остаток либо количество урезали
     помимо воли покупателя. Тексты клиента, #720748 и #720766. Рисует их
     шаблон строки, а не отдельный проход по DOM - корзина на топе живёт
     в двух списках сразу, и проход находил только первый. */
  .lp-store__cart-note {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    color: #c0392b;
  }

  /* Плашка про кончившийся товар. Стоит НАД списком и не исчезает сама:
     убрать её может только покупатель кнопкой. Текст клиента, #720760. */
  .lp-store__cart-banner {
    margin: 0 0 10px;
    padding: 9px 11px;
    border: 2px solid #c0392b;
    border-radius: 10px;
    background: #fff5f4;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    color: #111;
  }
  .lp-store__cart-gone {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
  }
  .lp-store__cart-gone .lp-store__cart-name { text-decoration: line-through; }
  .lp-store__cart-gone .lp-store__cart-note { margin-top: 3px; }

/* Чёрная жирная окантовка панели поиска.
   Клиент 06.09 голосовым (#720218) - «может быть его ещё в какую-то чёрную
   жирную окантовку взять, когда оно появляется, чтобы оно прям вызывающе было,
   что вот поиск. Чтобы клиент сразу понимал, что вот сюда вводить».

   ⚠️ Стоит ниже прежних правил `.lp-store__bottom-search` намеренно: врезка
   на месте объявления не сработала, правило с той же силой ниже по файлу
   ставило волосяную линию обратно. Проверено на топе 10.09. Второй
   селектор топа, для липкой обёртки поиска, в копии убран вместе с ней. */
.lp-store__bottom-search {
  /* `!important` здесь не украшение. Выше по файлу лежит
     `.lp-store__bottom-search{border:1px solid rgba(15,23,42,.18)!important}`,
     и без этого он выигрывает независимо от порядка и силы селектора.
     Проверено на боевой 10.09 дважды. */
  border: 3px solid #111 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .12) !important;
}

.lp-store__card-desc {
  text-align: left !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: #222 !important;
  padding: 10px 4px 2px !important;
}
.tp-fop-option strong,
#tpFopDiscount,
#tpFopAmount,
#tpFopSummaryAmount {
  color: #e41237 !important;
}
/* Копия PARFUMER №1: метка тестового режима и окно благодарности после заказа.
   Предупреждение о живой странице топа стилизуется в скрипт-1.js, не здесь. */
#pn1-test-badge {
  position: fixed !important;
  top: 6px !important;
  left: 6px !important;
  z-index: 2147483000 !important;
  pointer-events: none !important;
  padding: 2px 7px !important;
  border-radius: 6px !important;
  background: #d60000 !important;
  color: #fff !important;
  font: 700 11px/1.4 Arial, sans-serif !important;
  letter-spacing: .08em !important;
  opacity: .85 !important;
}
/* Окно благодарности строит скрипт-7 (`pn1OrderDone`) в обоих режимах, оформление
   со страницы /thank-you топа. Поверх всей витрины, ниже только метка TEST. */
.pn1-thanks {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147482999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  color: #111;
  font-family: Inter, TildaSans, Arial, sans-serif;
}
.pn1-thanks,
.pn1-thanks * { box-sizing: border-box; }
.pn1-thanks__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(15, 15, 15, .55);
}
.pn1-thanks__card {
  position: relative;
  width: 100%;
  max-width: 560px;
  max-height: 100%;
  overflow-y: auto;
  padding: 42px 34px;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  background: #fff;
  text-align: center;
  box-shadow: 0 22px 65px rgba(0, 0, 0, .13);
  outline: none;
}
.pn1-thanks__check {
  display: grid;
  place-items: center;
  width: 84px;
  height: 84px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: #22a653;
  color: #fff;
  font-size: 50px;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 0 0 12px rgba(34, 166, 83, .1);
}
.pn1-thanks__brand { margin: 0 0 10px; color: #e5242a; font-size: 13px; font-weight: 900; letter-spacing: .14em; }
.pn1-thanks__title { margin: 0; color: #111; font-size: clamp(29px, 6vw, 43px); font-weight: 800; line-height: 1.1; }
.pn1-thanks__text { max-width: 430px; margin: 18px auto 24px; color: #616161; font-size: 16px; line-height: 1.55; }
.pn1-thanks__order {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 9px 18px;
  margin: 0 auto 26px;
  padding: 16px;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  background: #fafafa;
  text-align: left;
}
.pn1-thanks__order span { color: #6b6b6b; }
.pn1-thanks__order strong { color: #e5242a; font-size: 18px; overflow-wrap: anywhere; }
.pn1-thanks__order [hidden] { display: none; }
.pn1-thanks__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 54px;
  border: 0;
  border-radius: 9px;
  background: linear-gradient(135deg, #ff762c, #ea531b);
  color: #fff;
  font: 900 15px/1.2 Inter, Arial, sans-serif;
  cursor: pointer;
  box-shadow: 0 10px 25px rgba(255, 118, 44, .25);
}
.pn1-thanks__button:focus-visible { outline: 2px solid #111; outline-offset: 2px; }
@media (max-width: 520px) {
  .pn1-thanks { padding: 14px; }
  .pn1-thanks__card { padding: 34px 18px; border-radius: 17px; }
  .pn1-thanks__check { width: 72px; height: 72px; font-size: 44px; }
  .pn1-thanks__text { font-size: 15px; }
}

/* "Доставка та оплата" и "Умови повернення товару" - окна `.pn1-info-modal` в шаблоне,
   на стилях окна корзины. Текст со страниц топа, отступы под окно. */
.pn1-info-modal .lp-store__modal-dialog { max-width: 760px; overscroll-behavior: contain; }
.pn1-info {
  box-sizing: border-box;
  margin: 0;
  padding: 30px 4px 6px;
  color: #000;
  font-family: 'TildaSans', Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.55;
  text-align: left;
}
.pn1-info strong { font-weight: 700; }
@media (min-width: 641px) { .pn1-info { padding: 34px 16px 12px; font-size: 18px; } }

/* ============================================================
   Копия PARFUMER №1, шаг 3 плана - шапка, плашка заказов, поиск
   в нижнем меню, точки разделов, значок корзины.
   Размеры и цвета - заглушки, клиент правит их после сдачи.
   ============================================================ */

/* Шапка по снимку клиента 3 (#721731): слева логотип, год, портрет
   и "ПОВІДОМЛЕННЯ", справа четыре адреса со значком метки (#721783). */
/* Колонка адресов 142 -> 136 px, зазор 6 -> 4 (пачка 5): адреса занимают 134 px,
   логотипу и блоку директора на телефоне на 8 px шире. */
.pn1-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 136px);
  grid-template-areas: "brand addresses" "director addresses";
  gap: 4px;
  align-items: start;
}
/* Логотип на 30% больше и жирнее (правки клиента 14.09, пачка 2, #721992):
   27 -> 35.1 px на телефоне, 42 -> 54.6 px с 640 px. Шрифт витрины (Arial,
   Helvetica Neue) толще 700 не бывает, 800 и 900 рисуются одинаково, поэтому
   жирнее делает тонкая обводка буквы её же цветом.
   "PARFUMER №1" строго одной строкой (пачка 5, #722034) - одна строка важнее
   размера. Текст шириной 7.54 своего шрифта, поэтому шрифт не больше 13% ширины
   колонки (`cqi`, 98% колонки), в колонку адресов буквы не заходят. На 390 px это
   около 27 px, 35.1 одной строкой рядом с адресами не помещается. С 640 px -
   54.6, пока влезает. Браузер без `cqi` берёт первое значение, по ширине окна. */
.pn1-head__brand { grid-area: brand; min-width: 0; container-type: inline-size; }
.pn1-head__logo {
  font-size: min(35.1px, calc((100vw - 184px) / 7.75));
  font-size: min(35.1px, 13cqi);
  font-weight: 900;
  line-height: 1.05;
  color: #000;
  white-space: nowrap;
  -webkit-text-stroke: .025em currentColor;
}
.pn1-head__since { margin-top: 3px; font-size: 12px; font-weight: 600; color: #111; }
.pn1-head__addresses {
  grid-area: addresses;
  display: grid;
  gap: 7px;
  margin: 2px 0 0;
  padding: 0;
  list-style: none;
  font-size: 9.5px;
  line-height: 1.3;
  color: #111;
}
.pn1-head__address { display: flex; align-items: flex-start; gap: 4px; min-width: 0; }
.pn1-head__pin { flex: 0 0 12px; width: 12px; height: 12px; margin-top: 1px; }
.pn1-head__address-text { display: grid; min-width: 0; }
.pn1-head__address-name { font-weight: 700; }
/* Портрет, "ПОВІДОМЛЕННЯ" и подпись - одним компактным блоком на 30-40% меньше
   прежнего (правки клиента 14.09, пачка 1, #721982). Было на 390 px портрет 58,
   кнопка 40 в высоту, шрифт 12.5, подпись 10 px в три строки, блок 84 в высоту.
   Подпись теперь в две строки, как на снимке клиента, блок по ширине содержимого. */
/* Блок директора на 25-30% больше (правки клиента 14.09, пачка 5, #722033): каждый
   размер - прежний, умноженный на `--pn1-dir`. 1.28, а на экране уже 375 px 1.255 -
   иначе блок шире своей колонки и заходит на адреса (на 360 px колонка 176, блок 174.6). */
.pn1-head__director {
  --pn1-dir: 1.28;
  grid-area: director;
  justify-self: start;
  display: flex;
  align-items: flex-start;
  gap: calc(6px * var(--pn1-dir));
  margin-top: 10px;
  min-width: 0;
}
@media (max-width: 374px) { .pn1-head__director { --pn1-dir: 1.255; } }
/* Фото директора и имя под ним очень мелко, мельче подписи у кнопки
   (правки клиента 14.09, пачка 3, #722001, #722002). */
.lp-store .pn1-head__person {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(2px * var(--pn1-dir));
  margin: 0;
  padding: 0;
}
.lp-store .pn1-head__portrait {
  flex: 0 0 calc(38px * var(--pn1-dir));
  width: calc(38px * var(--pn1-dir));
  height: calc(38px * var(--pn1-dir));
  border: 2px solid #000;
  object-fit: cover;
}
.pn1-head__name { font-size: calc(6px * var(--pn1-dir)); font-weight: 600; line-height: 1.2; color: #111; white-space: nowrap; }
/* Подпись под "ПОВІДОМЛЕННЯ" не шире кнопки (правки клиента 14.09, пачка 4, #722012
   отметка 1, #722013). Колонка кнопки и подписи шириной `min-content` - это ширина кнопки,
   её слово не переносится, а подпись переносится внутри неё одним абзацем, левым
   краем по кнопке. Строк на 390 px три, междустрочие плотнее, чтобы блок директора
   остался в прежней высоте пачки 1. */
.pn1-head__director-copy { min-width: 0; width: min-content; }
.pn1-head__message {
  min-height: calc(27px * var(--pn1-dir));
  padding: calc(5px * var(--pn1-dir)) calc(8px * var(--pn1-dir));
  border: 0;
  border-radius: 0;
  background: #0c0c0c;
  color: #fff;
  font-size: calc(8.5px * var(--pn1-dir));
  font-weight: 700;
  letter-spacing: .03em;
  cursor: pointer;
}
.pn1-head__message:hover,
.pn1-head__message[aria-expanded="true"] { background: #1b1b1b; }
.pn1-head__message:focus-visible { outline: 2px solid var(--lp-red); outline-offset: 2px; }
.pn1-head__caption { margin-top: calc(5px * var(--pn1-dir)); font-size: calc(7px * var(--pn1-dir)); font-weight: 600; line-height: 1.25; color: #111; }
.pn1-head__caption span { display: inline; white-space: normal; }
.lp-store__header-panels--director { margin-top: 0; }
.lp-store__header-panels--director .lp-store__header-panel { margin-top: 10px; }
.lp-store__header .lp-store__hours { display: block; margin-top: 12px; text-align: center; }
/* "ЗАМІНИТИ АРОМАТ" и подпись под кнопкой (снимок клиента #721982, стрелка 2).
   Кнопка "ПОШУК ЗА БРЕНДОМ" тянется на высоту кнопки с подписью. */
.pn1-head__replace-box { min-width: 0; }
.lp-store .pn1-head__replace {
  display: block;
  width: 100%;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}
.pn1-head__replace-caption { margin-top: 5px; font-size: 8.5px; font-weight: 600; line-height: 1.3; color: #111; text-align: left; }
/* "ПОШУК ЗА БРЕНДОМ" на 22% меньше (правки клиента 14.09, пачка 4, #722016).
   Была во всю колонку и на высоту кнопки замены с подписью, 167 x 74.1 при 390 px
   и 374 x 73.6 при 1280, шрифт 14. Теперь 78% колонки в ширину и 78% ряда
   в высоту, шрифт 11, прижата к верху ряда и к правому краю. На телефоне
   надпись в две строки - в одну она доходила до белой линии. */
.lp-store #brandsToggle {
  align-self: start;
  justify-self: end;
  width: 78%;
  height: 78%;
  min-height: 0;
  padding: 6px 10px;
  font-size: 11px;
  line-height: 1.2;
}
/* Бренды поверх сайта (правки клиента 14.09, пачка 4, #722012 отметка 2, #722013, #722016).
   `скрипт-4.js` переносит панель в ряд кнопок, сразу за "ПОШУК ЗА БРЕНДОМ". Там она
   на абсолютной позиции во второй колонке, на 6 px ниже кнопки (кнопка - 78% ряда,
   правило выше), страница под ней не сдвигается. Шапке на время открытой панели
   слой выше липкого виджета "Зараз на сайті" (z-index 70), иначе панель ушла бы
   под него. Прежнее поведение со сдвигом - `PN1_BRANDS_OVERLAY = false`. */
.lp-store.pn1-brands-overlay .lp-store__actions { position: relative; }
.lp-store.pn1-brands-overlay .lp-store__header-panel--brands {
  position: absolute;
  grid-column: 2;
  top: calc(78% + 6px);
  left: 0;
  right: 0;
  z-index: 2;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}
.lp-store.pn1-brands-overlay .lp-store__brands-list { overscroll-behavior: contain; }
.lp-store.pn1-brands-overlay.pn1-brands-open .lp-store__header { z-index: 71; }
.lp-store__inline-message { min-height: 76px; resize: vertical; }
/* Формы "ПОВІДОМЛЕННЯ" и "ЗАМІНИТИ АРОМАТ" поверх сайта, как бренды пачки 4
   (правки клиента 14.09, пачка 5, #722033). Панель на абсолютной позиции в своей
   обёртке - директора сразу под блоком директора, замены сразу под рядом кнопок,
   страница под ней не сдвигается. На телефоне во всю шапку с полями 14 px от краёв
   экрана (`grid-column: auto` - от краёв обёртки; `1 / -1` webkit тянет на зазор
   колонок дальше), не выше 70% экрана, дальше прокрутка внутри - клавиатура не прячет поля
   (поле при фокусе подкручивает `скрипт-4.js`). Пока форма открыта, шапка выше
   липкого виджета "Зараз на сайті". Закрывают кнопка, нажатие мимо и другая
   панель шапки. */
.lp-store .lp-store__header-panels { position: relative; }
.lp-store .lp-store__header-panel--director,
.lp-store .lp-store__header-panel--replace {
  position: absolute;
  grid-column: auto;
  top: 0;
  left: -8px;
  right: -8px;
  z-index: 2;
  max-height: 70vh;
  overflow-y: auto;
  overscroll-behavior: contain;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}
.lp-store .lp-store__header-panels--director .lp-store__header-panel { margin-top: 6px; }
.lp-store.pn1-form-open .lp-store__header { z-index: 71; }
@media (min-width: 640px) {
  .pn1-head { grid-template-columns: minmax(0, 1fr) minmax(0, 260px); gap: 6px 24px; }
  .pn1-head__logo { font-size: min(54.6px, calc((100vw - 340px) / 7.75)); font-size: min(54.6px, 13cqi); }
  .pn1-head__since { font-size: 14px; }
  .pn1-head__addresses { gap: 9px; font-size: 12px; }
  .pn1-head__pin { flex-basis: 14px; width: 14px; height: 14px; }
  .lp-store .pn1-head__portrait { flex-basis: calc(42px * var(--pn1-dir)); width: calc(42px * var(--pn1-dir)); height: calc(42px * var(--pn1-dir)); }
  .pn1-head__message { min-height: calc(27px * var(--pn1-dir)); padding: calc(6px * var(--pn1-dir)) calc(14px * var(--pn1-dir)); font-size: calc(9.5px * var(--pn1-dir)); }
  .pn1-head__caption { font-size: calc(8px * var(--pn1-dir)); }
  .pn1-head__name { font-size: calc(7px * var(--pn1-dir)); }
  /* Формы шапки на широком экране - в первой колонке своей обёртки: замена
     под своей кнопкой, директор под блоком директора слева. */
  .lp-store .lp-store__header-panels--director { max-width: none; }
  .lp-store .lp-store__header-panel--director,
  .lp-store .lp-store__header-panel--replace { grid-column: 1 / 2; left: 0; right: 0; }
  .pn1-head__caption span { display: inline; }
  .lp-store .pn1-head__replace { min-height: 40px; font-size: 14px; }
  .pn1-head__replace-caption { font-size: 11px; }
}

/* Плашка "Зараз оформлюють замовлення" рядом с "Зараз на сайті".
   Точка мигает мягко, без пульсации тенью, и не мигает вовсе, если
   в системе просили меньше движения. */
.live-activity-widget { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px; }
.pn1-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 6px 9px;
  border: 1px solid rgba(31, 177, 91, .55);
  border-radius: 8px;
  background: #fff;
  color: #1f1f1f;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
}
.pn1-pill__dot {
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #20c267;
  animation: pn1-blink 1.6s ease-in-out infinite;
}
@keyframes pn1-blink { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .pn1-pill__dot { animation: none; } }

/* Поиск по названию живёт в нижнем меню над кнопками разделов и виден
   всегда (ТЗ, пункт 11). Отступ подвала равен высоте меню, её пишет
   `tpFabApply` в `--pn1-nav-h`; число здесь - запас до первого замера. */
.lp-store__bottom-nav .lp-store__bottom-search { width: calc(100% - 16px); margin: 6px auto; }
.lp-store__footer { padding-bottom: calc(var(--pn1-nav-h, 150px) + 16px); }
@media (min-width: 960px) { .lp-store__footer { padding-bottom: calc(var(--pn1-nav-h, 160px) + 16px); } }

/* Цветная точка над женскими, мужскими и унисекс разделами; у 5 и 10 мл нет. */
.lp-store__bottom-btn { position: relative; }
.lp-store__bottom-btn[data-cat="women"]::before,
.lp-store__bottom-btn[data-cat="men"]::before,
.lp-store__bottom-btn[data-cat="unisex"]::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  border-radius: 50%;
  background: #f48fb1;
}
.lp-store__bottom-btn[data-cat="men"]::before { background: #1e88e5; }
.lp-store__bottom-btn[data-cat="unisex"]::before { background: #9e9e9e; }

/* ============================================================
   Копия PARFUMER №1, шаг 4 плана - карточка товара.
   ============================================================ */

/* "Додати в кошик" чёрная (ТЗ, пункт 9). */
.lp-store__card-buy { background: #0c0c0c; }
.lp-store__card-buy:hover { background: #1b1b1b; }

/* "Замовило N шт" красным, как "Залишилось" (ТЗ, пункты 7 и 17). */
.pn1-ordered {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  color: #d60000;
}

/* ============================================================
   Копия PARFUMER №1, шаг 5 плана - барабан и приз.
   Размеры и цвета - заглушки, клиент правит их после сдачи.
   ============================================================ */

/* Барабан на главной, на месте блока "НАША ФІЛОСОФІЯ" (ТЗ, пункты 13 и 16).
   Вне главной его прячет атрибут `hidden` из `applyFilters`. */
.pn1-wheel {
  max-width: 1180px;
  margin: 18px auto;
  padding: 0 16px;
  text-align: center;
  font-family: Arial, sans-serif;
}
.pn1-wheel[hidden] { display: none !important; }
/* ⚠️ `overflow: hidden` обязателен. Повёрнутый на 45° квадрат диска шире
   экрана на телефоне (300 px дают 424), страница получала горизонтальную
   прокрутку и сдвиг окна просмотра. Круг внутри квадрата при этом не режется. */
.pn1-wheel__stage {
  position: relative;
  width: min(300px, 78vw);
  margin: 0 auto;
  padding-top: 14px;
  overflow: hidden;
}
/* Стрелка на 12 часов, диск крутится под ней. */
.pn1-wheel__pointer {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: 0;
  height: 0;
  margin-left: -13px;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 26px solid #101820;
}
.pn1-wheel__disc {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  transform-origin: 50% 50%;
  transition: transform 4.5s cubic-bezier(.17, .67, .12, .99);
}
/* Без вращения диск сразу встаёт на приз, таймер поздравления укорачивает скрипт-3. */
@media (prefers-reduced-motion: reduce) { .pn1-wheel__disc { transition: none; } }
.pn1-wheel__spin {
  min-height: 46px;
  padding: 10px 24px;
  border: 0;
  border-radius: 8px;
  background: #0c0c0c;
  color: #fff;
  font: 800 15px/1.2 Arial, sans-serif;
  letter-spacing: .06em;
  cursor: pointer;
}
/* "КРУТИТИ" на 15% меньше прежних 180 x 46 и шрифта 15 px и мягко мигает фоном
   (правки клиента 14.09, пачка 1, #721983, пункт 4). Мигает только фон, размер
   кнопки не меняется. На заблокированной кнопке и при просьбе меньше движения не мигает. */
.pn1-wheel__spin {
  min-width: calc(180px * .85);
  min-height: calc(46px * .85);
  margin-top: 14px;
  padding: calc(10px * .85) calc(24px * .85);
  font-size: calc(15px * .85);
  animation: pn1-spin-blink 1.8s ease-in-out infinite;
}
.pn1-wheel__spin:disabled { background: #8d8d8d; cursor: default; animation: none; }
@keyframes pn1-spin-blink { 0%, 100% { background-color: #0c0c0c; } 50% { background-color: #4a4a4a; } }
@media (prefers-reduced-motion: reduce) { .pn1-wheel__spin { animation: none; } }
.pn1-wheel__spun { margin: 10px 0 0; font-size: 14px; font-weight: 700; color: #555; }
.pn1-wheel__spun[hidden] { display: none; }

/* Окно подарка после остановки барабана (правки клиента 14.09, пачка 2, как на Temu).
   Разметку строит скрипт-3. Поверх всей витрины, корзины и нижнего меню; выше
   только метка TEST и окно благодарности. Карточка выскакивает
   с лёгким отскоком, при просьбе меньше движения просто появляется. */
.pn1-gift {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  font-family: Arial, sans-serif;
}
.pn1-gift[hidden],
.pn1-gift__note[hidden],
.pn1-gift__to-cart[hidden] { display: none !important; }
.pn1-gift__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .62);
  animation: pn1-gift-fade .25s ease-out;
}
.pn1-gift__card {
  position: relative;
  width: 100%;
  max-width: 340px;
  padding: 30px 22px 22px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .35);
  color: #111;
  text-align: center;
  outline: none;
  animation: pn1-gift-pop .6s ease-out both;
}
@keyframes pn1-gift-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes pn1-gift-pop {
  0% { opacity: 0; transform: scale(.5); }
  55% { opacity: 1; transform: scale(1.08); }
  78% { transform: scale(.97); }
  100% { opacity: 1; transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .pn1-gift__backdrop,
  .pn1-gift__card { animation: none; }
}
.pn1-gift__close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f2f2f2;
  color: #111;
  cursor: pointer;
}
.pn1-gift__icon { width: 72px; height: 72px; margin: 0 auto 12px; }
.pn1-gift__icon svg { display: block; width: 100%; height: 100%; }
.pn1-gift__text { margin: 0; font-size: 18px; font-weight: 800; line-height: 1.35; color: #111; }
.pn1-gift__title { display: block; margin-bottom: 6px; font-size: 30px; font-weight: 900; line-height: 1.1; color: #d60000; }
.pn1-gift__note { margin: 8px 0 0; font-size: 13px; color: #555; }
.pn1-gift__to-cart {
  display: block;
  width: 100%;
  min-height: 48px;
  margin-top: 18px;
  padding: 12px 20px;
  border: 0;
  border-radius: 10px;
  background: #0c0c0c;
  color: #fff;
  font: 800 16px/1.2 Arial, sans-serif;
  letter-spacing: .04em;
  cursor: pointer;
}
.pn1-gift__to-cart:hover { background: #1b1b1b; }
.pn1-gift__close:focus-visible,
.pn1-gift__to-cart:focus-visible { outline: 2px solid #d60000; outline-offset: 2px; }
.pn1-gift__confetti {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* Строка приза в корзине: подпись вместо "Код товару". */
.pn1-prize-row__note { margin: -4px 0 7px; color: #555; font-size: 11px; font-weight: 700; }

/* Приз без покупки дальше корзины не пускает (#721767, текст #721769). */
.pn1-gate {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid #ffb4bf;
  border-radius: 8px;
  background: #fff1f3;
  color: #d60000;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
  text-align: center;
}
.pn1-gate[hidden] { display: none; }

/* ============================================================
   Правки клиента 14.09, пачка 1 (#721982). Тонкая белая линия внутри
   каждой чёрной кнопки копии, образец - "ПОШУК ЗА БРЕНДОМ" на снимке клиента.
   Контур с отрицательным отступом не зависит от фона кнопки, поэтому линия
   одна и та же при наведении, в открытом состоянии и у заблокированной кнопки.
   Клавиатурный фокус рисует своё кольцо, линия ему уступает.
   ============================================================ */
.lp-store .pn1-head__message:not(:focus-visible),
.lp-store .lp-store__action--dark:not(:focus-visible),
.lp-store .lp-store__card-buy:not(:focus-visible),
.lp-store .lp-store__note-filter-toggle:not(:focus-visible),
.lp-store .lp-store__checkout-step .lp-store__form-submit:not(:focus-visible),
.lp-store .pn1-wheel__spin:not(:focus-visible),
.lp-store .pn1-gift__to-cart:not(:focus-visible),
.lp-store .lp-store__cart-fab:not(:focus-visible) {
  outline: 1px solid #fff;
  outline-offset: -4px;
}
.lp-store .pn1-head__message:not(:focus-visible) { outline-offset: -3px; }