/* dawn-fix.css — robust late rules in a fresh parse context.
   Дублирует хвостовые правила dawn.css, которые в основном файле
   периодически не применяются (rail, мобильный hero). Грузится ПОСЛЕ dawn.css. */

/* ---------- кросс-селл / related: горизонтальная лента ---------- */
.rail{
  display:flex;gap:16px;overflow-x:auto;
  padding:4px 2px 18px;margin:0;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
}
.rail .prod{
  flex:0 0 240px;width:240px;min-width:240px;max-width:240px;
  scroll-snap-align:start;margin:0;
}
.rail .prod .pic{height:170px}
.rail::-webkit-scrollbar{height:8px}
.rail::-webkit-scrollbar-thumb{background:rgba(219,76,123,.35);border-radius:8px}
.rail::-webkit-scrollbar-track{background:transparent}

.rail-zone .sec-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:16px;margin-bottom:18px;max-width:none;
}
.rail-nav{display:flex;gap:8px;flex:0 0 auto}
.rail-nav button{
  width:42px;height:42px;border-radius:50%;
  border:1px solid var(--line,rgba(20,12,28,.12));
  background:#fff;color:var(--ink,#2a2330);
  font-size:18px;line-height:1;cursor:pointer;
  display:grid;place-items:center;transition:.2s var(--ease,ease);
}
.rail-nav button:hover{
  background:linear-gradient(135deg,#FF9FB6,var(--rose,#DB4C7B));
  color:#fff;border-color:transparent;
}

/* ---------- мобилка: hero-карточки стеком (не наезжают) ---------- */
@media(max-width:760px){
  .hero-art{
    min-height:auto !important;
    display:flex;flex-direction:column;gap:12px;
    margin-top:8px;perspective:none;
  }
  .hero-art .float{
    position:static !important;
    width:100% !important;box-sizing:border-box;
    transform:none !important;margin:0;
    inset:auto !important;
  }
  .hero-art .float.f3{display:none}
  .hero-art .spark{display:none}
  .hero-art .float .pic img,.hero-art .float > img{height:140px}
  .f-tag{top:8px;left:8px}
  /* лента на мобиле — карточки шире, по одной в кадре */
  .rail .prod{flex:0 0 70vw;width:70vw;min-width:70vw;max-width:70vw}
}

/* ---------- цена карточки: «оптом» строкой ПОД ценой (число+₽ остаются inline) ---------- */
.prod .price small{display:block;margin-top:3px;font-size:11.5px;line-height:1.2;color:var(--muted,#8a7d8f);font-weight:600}
.prod .price s{font-size:13px;color:var(--muted,#8a7d8f);font-weight:500;margin-left:6px}

/* ---------- СТРАНИЦА ТОВАРА: 2 колонки (галерея | инфо) ---------- */
.pd{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:40px;align-items:start;margin:18px 0 44px;
}
.pd .gallery{position:sticky;top:96px;min-width:0}
.pd .gallery .main{
  position:relative;background:#fff;border-radius:var(--r-card,24px);
  padding:22px;display:grid;place-items:center;
  box-shadow:0 14px 38px rgba(58,42,61,.07);
}
.pd .gallery .main img{
  max-width:100%;width:auto;height:auto;max-height:540px;
  object-fit:contain;mix-blend-mode:multiply;
}
.pd .gallery .thumbs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.pd .gallery .thumbs button{
  width:84px;height:84px;border-radius:14px;padding:6px;cursor:pointer;
  background:#fff;border:2px solid var(--line,rgba(58,42,61,.10));
  overflow:hidden;transition:border-color .2s var(--ease,ease);
}
.pd .gallery .thumbs button.cur{border-color:var(--rose,#DB4C7B)}
.pd .gallery .thumbs button img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}

.pd .pd-info{min-width:0}
.pd .pd-info h1{font-size:clamp(24px,2.6vw,36px);line-height:1.1;font-weight:600}
.pd .pd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:14px 0 18px;font-size:14px;color:var(--muted,#7A6577)}
.pd .pd-meta .ok{color:#1F9D55;font-weight:600}
.pd .pd-meta .muted{color:var(--muted,#7A6577)}

.pd .pd-specs{margin-top:24px;border-top:1px solid var(--line,rgba(58,42,61,.10))}
.pd .pd-specs .spec-row{
  display:flex;justify-content:space-between;gap:18px;
  padding:11px 2px;border-bottom:1px solid var(--line,rgba(58,42,61,.10));
  font-size:14.5px;
}
.pd .pd-specs .spec-row span{color:var(--muted,#7A6577)}
.pd .pd-specs .spec-row b{text-align:right;font-weight:600}

@media(max-width:900px){
  .pd{grid-template-columns:1fr;gap:22px}
  .pd .gallery{position:static}
  .pd .gallery .main img{max-height:60vh}
}

/* ---------- ФИКС «рябит»: убрать перпетуальный filter-репейнт солнца ----------
   sunfloat анимировал filter:hue-rotate на огромном fixed .sun → постоянный repaint
   вьюпорта + переблюр всех backdrop-filter стёкол = мерцание/рябь при скролле.
   Оставляем ТОЛЬКО восход (rise, одноразовый, transform/opacity — обязателен по ТЗ). */
.sun{animation:rise 2.6s var(--ease,ease) both !important}
@media(max-width:760px){.sun{animation:none !important}}

/* ---------- BUY-БЛОК товара (SKU/цена/кол-во/кнопки) — без CSS наезжал кашей ---------- */
.buy{margin:8px 0 2px}
.sku-pick{display:flex;flex-direction:column;gap:8px;margin:0 0 16px}
.sku-item{
  display:flex;align-items:center;gap:12px;padding:12px 14px;
  border:1.5px solid var(--line,rgba(58,42,61,.10));border-radius:14px;
  background:#fff;cursor:pointer;transition:border-color .18s var(--ease,ease),background .18s;
}
.sku-item:hover{border-color:var(--rose,#DB4C7B)}
.sku-item:has(input:checked){border-color:var(--rose,#DB4C7B);background:rgba(219,76,123,.06)}
.sku-item input[type=radio]{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--rose,#DB4C7B)}
.sku-item.disabled{opacity:.5;cursor:not-allowed}
.sku-item .sku-nm{flex:1;min-width:0;font-weight:600;font-size:14.5px;line-height:1.3;color:var(--ink,#3A2A3D) !important}
.sku-item .sku-pr{font-family:'Unbounded';font-weight:700;font-size:16px;white-space:nowrap;color:var(--ink,#3A2A3D) !important}
.sku-item:has(input:checked) .sku-pr{color:var(--rose-deep,#BE3A65) !important}
.sku-item.disabled .sku-nm,.sku-item.disabled .sku-pr{color:var(--muted,#7A6577) !important}
.sku-options{display:flex;flex-direction:column;gap:10px;margin:0 0 16px}
.sku-opt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sku-opt select{padding:9px 12px;border-radius:12px;border:1.5px solid var(--line,rgba(58,42,61,.10));font:inherit;background:#fff}

.pr-now{font-family:'Unbounded';font-weight:600;font-size:clamp(26px,3.2vw,38px);line-height:1;color:var(--ink,#3A2A3D);margin:6px 0 2px}
.pr-old{font-size:13px;color:var(--muted,#7A6577);margin-bottom:14px}
.pr-old s{margin-right:7px}

.buy .buy-row{display:flex;align-items:center;gap:14px;margin:14px 0 4px}
.buy .btns{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}
.buy .note{
  display:flex;gap:9px;margin-top:14px;padding:12px 14px;
  background:rgba(255,255,255,.6);border:1px solid var(--line,rgba(58,42,61,.10));
  border-radius:14px;font-size:13px;color:var(--muted,#7A6577);line-height:1.45;
}

/* ---------- buy-блок: уверенные кнопки (scoped product, home не трогаем) ---------- */
.pd .buy .btns{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.pd .buy .btns .btn{min-height:54px;align-items:center;justify-content:center;font-weight:700}
.pd .buy .btns .btn-primary{
  flex:1 1 220px;border:none !important;color:#fff !important;
  background:linear-gradient(135deg,var(--rose,#DB4C7B),var(--rose-deep,#BE3A65)) !important;
  box-shadow:0 12px 26px rgba(219,76,123,.30);
}
.pd .buy .btns .btn-primary:hover{filter:brightness(1.05);box-shadow:0 16px 32px rgba(219,76,123,.36)}
.pd .buy .btns .btn-ghost{
  flex:0 1 auto;background:#fff !important;color:var(--rose-deep,#BE3A65) !important;
  border:1.5px solid var(--rose,#DB4C7B) !important;
}
.pd .buy .btns .btn-ghost:hover{background:rgba(219,76,123,.07) !important}

/* степпер количества = 54px-пилюля под кнопки (подобрать размеры) */
.pd .buy .buy-row{align-items:center;gap:14px;margin:16px 0 6px}
.pd .buy .stepper{height:54px;padding:0 6px;border-radius:var(--r-btn,999px);gap:2px}
.pd .buy .stepper button{width:42px;height:42px;font-size:20px;border-radius:50%}
.pd .buy .stepper input{height:54px;width:58px;text-align:center;border:none;background:transparent;font-weight:700;font-size:16px;color:var(--ink,#3A2A3D)}

/* плагин «Сообщить о поступлении»: был синий → роза-outline pill. Max-specificity + !important (плагин бьёт по 0,3,1 +important) */
.pd-info .plugin_arrived-button.custom.is-product-page a,
.pd-info .plugin_arrived-custom a{
  display:flex !important;align-items:center;justify-content:center;gap:8px;
  width:100%;box-sizing:border-box;min-height:54px;margin-top:2px;
  padding:14px 22px !important;border-radius:var(--r-btn,999px) !important;
  background:rgba(255,255,255,.7) !important;
  border:1.5px solid var(--rose,#DB4C7B) !important;
  color:var(--rose-deep,#BE3A65) !important;text-decoration:none !important;
  font:700 15px/1 'Manrope',sans-serif !important;cursor:pointer;
}
.pd-info .plugin_arrived-button.custom.is-product-page a:hover,
.pd-info .plugin_arrived-custom a:hover{
  background:var(--rose,#DB4C7B) !important;color:#fff !important;border-color:var(--rose,#DB4C7B) !important;
}

/* ---------- корзина: якорь под sticky-шапку ---------- */
.ci{scroll-margin-top:96px}