/**
 * Сбрасываем стили main.css для контента Studio (body.page-studio main).
 * main.css загружается обычно — шапка корректна. Контент — Tailwind.
 *
 * Шапка поверх баннера (как на главной) — только позиционирование и цвета,
 * без побочных эффектов body.main (фон, wrap и т.д.).
 */

/* Белый фон для Studio (без сиреневого от notification и прочего) */
body.page-studio {
  background: #fff;
}

body.page-studio .notification {
  background: #fff;
}

/* Шрифт Romie для элементов с Tailwind-классом font-serif на лендингах Studio */
body.page-studio .font-serif {
  font-family: "Romie";
}

/* Баннер товара Studio: отступ сверху под шапку */
.studio-banner-inner {
  padding-top: 60px;
}

/* Кнопка Subscribe в форме рассылки — белый текст на оранжевом фоне */
body.page-studio .studio-newsletter-submit {
  color: #fff !important;
}

body.page-studio .studio-newsletter-submit:hover {
  color: rgba(0, 0, 0, 0.6) !important;
}

/* Ширина шапки как у текста баннера (1440px, те же отступы p-10) */
body.page-studio .header {
  background: transparent !important;
}

body.page-studio .header .wrapper {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

/* Фон только у .wrapper — полоса шапки той же ширины, что и баннер */
body.page-studio .header.js__scroll .wrapper,
body.page-studio .header.catalog-open .wrapper {
  background-color: #fff;
}

@media (max-width: 768px) {
  body.page-studio .header .wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* Без подчёркивания (border-bottom) у ссылок в контенте и футере Studio */
body.page-studio main a:not([class]) {
  border-bottom: none;
}

body.page-studio a:not([class]) {
  border-bottom: none;
  text-decoration: none;
}

body.page-studio .header {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

body.page-studio .header:not(.js__scroll):not(.catalog-open) {
  background: transparent;
  color: #fff;
}

body.page-studio .header:not(.js__scroll):not(.catalog-open) .header__links-item img,
body.page-studio .header:not(.js__scroll):not(.catalog-open) .logo img {
  filter: invert(1);
}

body.page-studio .header:not(.js__scroll):not(.catalog-open) .header__links-item svg path,
body.page-studio .header:not(.js__scroll):not(.catalog-open) .logo svg path {
  stroke: #fff;
  transition: all 0.3s;
}

body.page-studio .header:not(.js__scroll):not(.catalog-open) .header__links-item:hover svg.hover path {
  stroke: #000;
}

body.page-studio .header:not(.js__scroll):not(.catalog-open) .header__btns-item a:not(.profile) svg path {
  stroke: #fff;
  transition: all 0.3s;
}

body.page-studio .header:not(.js__scroll):not(.catalog-open) .header__btns-item a.profile svg path {
  fill: #fff;
  transition: all 0.3s;
}

/* Убираем белые кружки (::after) под пунктами меню при наведении — на прозрачной шапке выглядят как «кривая белая» */
body.page-studio .header .header__nav .catalog-link > a:after,
body.page-studio .header .header__menu-link:after {
  display: none;
}

body.page-studio main strong {
  display: inline;
  font-weight: 700;
}

body.page-studio main p:not(:first-child),
body.page-studio main p:not(:last-child) {
  margin-top: 0;
  margin-bottom: 0;
}

body.page-studio main h2:not(.section-title),
body.page-studio main h3:not(.section-title),
body.page-studio main h4:not(.section-title),
body.page-studio main h5:not(.section-title),
body.page-studio main h6:not(.section-title) {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  margin-top: 0;
  margin-bottom: 0;
}

body.page-studio main h2:not(.section-title):not(:first-child),
body.page-studio main h3:not(.section-title):not(:first-child),
body.page-studio main h4:not(.section-title):not(:first-child),
body.page-studio main h5:not(.section-title):not(:first-child),
body.page-studio main h6:not(.section-title):not(:first-child) {
  margin-top: 0;
}

body.page-studio main h2 + *,
body.page-studio main h3 + *,
body.page-studio main h4 + *,
body.page-studio main h5 + *,
body.page-studio main h6 + * {
  margin-top: 0;
}

body.page-studio main h2,
body.page-studio main h3,
body.page-studio main h4,
body.page-studio main h5 {
  font-size: inherit;
  line-height: inherit;
}

/* Сбрасываем ограничения для img — Studio контролирует высоту через Tailwind */
body.page-studio main img[height] {
  height: unset;
}

/* Сбрасываем стили списков main.css — Studio не использует эти списки */
body.page-studio main ol:not([class]),
body.page-studio main ul:not([class]) {
  margin-top: 0;
  margin-bottom: 0;
}

body.page-studio main ol:not([class]):before,
body.page-studio main ul:not([class]):before {
  display: none;
}

body.page-studio main ol:not([class]) > li,
body.page-studio main ul:not([class]) > li {
  padding-left: 0;
}

body.page-studio main ol:not([class]) > li:before,
body.page-studio main ul:not([class]) > li:before {
  content: none;
  margin-right: 0;
  background: transparent;
}

/* Studio main — без ограничений wrapper, контент на всю ширину */
body.page-studio main {
  max-width: none;
}

/* Карусель вариантов цветов: у последнего слайда убираем margin-right, чтобы список не вылезал за контейнер */
body.page-studio .splide__slide {
  padding: 20px;
}

body.page-studio .products.splide .splide__list .splide__slide:last-child {
  margin-right: 0 !important;
}