.home > .hero-3 {
	background-color: rgb(249, 93, 0);
}


#atp-hp-services > .badge.bg-primary.p-3.mb-4 {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.py-5.services-1 > .container.overflow-hidden > .row.gy-5.gx-md-4.gy-lg-0.gx-xxl-5.justify-content-center > .col-11.col-sm-6.col-lg-3 > .badge.bg-primary.p-3.mb-4 {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.brutal-shadow {
	box-shadow: rgba(0, 0, 0, 0.75) 10px 10px 0px 5px;
}

.home > .py-5.services-1 {
	background-color: rgb(242, 242, 242);
}

#atp-hp-catalog-list > .container-fluid > .row > .col-lg-3.mb-4 > .row.no-gutters > .col-md-12 > .px-4 > .text-muted.mb-3 {
	margin-top: 6px;
}

#apt-bestsellers {
	background-color: rgb(242, 242, 242);
}

#apt-bestsellers > .container > .row > .col-12 > .section-heading.text-center > .col-12.col-md-10.col-lg-8.col-xl-7.col-xxl-6 {
	float: left;
	text-align: center;
}

/* Класс для скринридеров */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/* Адаптивная таблица сравнения */
/* ─── обёртка: border-radius + горизонтальный скролл ─── */
.comparison-table-wrap {
  overflow: hidden;
  border: 0.5px solid #d1d1d1;
  border-radius: 12px;
}
.comparison-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* ─── таблица ─── */
.comparison-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 14px;
}
.comparison-table th,
.comparison-table td {
  padding: 11px 16px;
  text-align: left;
  border-bottom: 0.5px solid #e5e5e5;
  vertical-align: middle;
  word-break: break-word;
}
.comparison-table thead th {
  font-size: 13px;
  font-weight: 500;
  background: #f5f5f5;
  white-space: nowrap;
  border-bottom: 0.5px solid #d1d1d1;
}
.comparison-table tbody tr:last-child td {
  border-bottom: none;
}
.comparison-table tbody tr:hover td {
  background: #fafafa;
}
/* первая колонка — название строки */
.comparison-table .col-label {
  font-weight: 500;
}

/* ─── планшет: убираем фиксированную раскладку ─── */
@media (max-width: 540px) {
  .comparison-table           { table-layout: auto; }
  .comparison-table th,
  .comparison-table td        { padding: 9px 10px; font-size: 13px; }
}

/* ─── мобильный: карточный стек ─── */
@media (max-width: 400px) {
  .comparison-table           { display: block; }
  .comparison-table thead     { display: none; }
  .comparison-table tbody,
  .comparison-table tr        { display: block; }
  .comparison-table tr        {
    border-bottom: 0.5px solid #d1d1d1;
    padding: 8px 0;
  }
  .comparison-table td        {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: none;
    padding: 4px 12px;
    font-size: 13px;
  }
  /* подпись берётся из data-label="..." на <td> */
  .comparison-table td::before {
    content: attr(data-label);
    font-size: 11px;
    font-weight: 500;
    color: #888;
    min-width: 70px;
    flex-shrink: 0;
    margin-right: 8px;
  }
  .comparison-table td.col-label {
    background: #f5f5f5;
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 8px 8px 0 0;
  }
  .comparison-table td.col-label::before { display: none; }
}

/* ─── Тема «advice» — тёплая палитра #FFF5E6 ─── */
#advice-combo-table .act__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 14px;
  background: #FFF5E6;
  margin-bottom: 0;

  /* сброс Bootstrap */
  --bs-table-bg: transparent;
  --bs-table-border-color: transparent;
  --bs-table-hover-bg: transparent;
  --bs-table-striped-bg: transparent;
  --bs-table-color: inherit;
  --bs-table-hover-color: inherit;
  --bs-table-striped-color: inherit;
  --bs-table-active-bg: transparent;
  --bs
}

#advice-combo-table .act__wrap {
  overflow: hidden;
  border: 0.5px solid #e8c98a;
  border-radius: 12px;
}

#advice-combo-table .act__scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

#advice-combo-table .act__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 14px;
  background: #FFF5E6;
}

#advice-combo-table .act__th {
  padding: 11px 16px;
  text-align: left;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  background: #FFE8C2;
  border-bottom: 0.5px solid #e8c98a;
  color: #7a4f1a;
}

#advice-combo-table .act__td {
  padding: 11px 16px;
  text-align: left;
  border-bottom: 0.5px solid #f0ddb8;
  vertical-align: middle;
  word-break: break-word;
  color: #2d3748;
}

#advice-combo-table .act__td--label {
  font-weight: 500;
  color: #5c3a10;
}

#advice-combo-table .act__tr:last-child .act__td {
  border-bottom: none;
}

#advice-combo-table .act__tr:hover .act__td {
  background: #FFF0D6;
}

@media (max-width: 540px) {
  #advice-combo-table .act__table { table-layout: auto; }
  #advice-combo-table .act__th,
  #advice-combo-table .act__td { padding: 9px 10px; font-size: 13px; }
}

@media (max-width: 400px) {
  #advice-combo-table .act__table { display: block; }
  #advice-combo-table .act__thead { display: none; }
  #advice-combo-table .act__tbody,
  #advice-combo-table .act__tr { display: block; }
  #advice-combo-table .act__tr {
    border-bottom: 0.5px solid #e8c98a;
    padding: 8px 0;
  }
  #advice-combo-table .act__td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: none;
    padding: 4px 12px;
    font-size: 13px;
  }
  #advice-combo-table .act__td::before {
    content: attr(data-label);
    font-size: 11px;
    font-weight: 500;
    color: #b8834a;
    min-width: 70px;
    flex-shrink: 0;
    margin-right: 8px;
  }
  #advice-combo-table .act__td--label {
    background: #FFE8C2;
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 8px 8px 0 0;
  }
  #advice-combo-table .act__td--label::before { display: none; }
}

/* Сноски и примечания */
body {
  counter-reset: fn;
}
/* ── маркер в тексте ── */
.footnote-ref {
  font-size: .6em;          /* 60% от текущего шрифта — не px */
  line-height: 1;
  vertical-align: super;
  font-variant-numeric: tabular-nums;
  color: currentColor;    /* берёт цвет ссылки из темы */
  text-decoration: none;
  margin-left: 1px;
}
.footnote-ref:hover { text-decoration: underline; }

/* ── разделитель и блок сносок ── */
.footnotes {
  border-top: 0.5px solid #d1d1d1;
  padding-top: 1rem;
  margin-top: 1.5rem;
}

/* ── список: счётчик через CSS, без HTML-нумерации ── */
.footnotes ol {
  list-style: none;
  /*counter-reset: fn;*/
  padding: 0;
  margin: 0;
}
.footnotes li {
  counter-increment: fn;
  display: flex;
  gap: .5rem;
  align-items: baseline;
  padding: .3rem 0;
  font-size: 12px;         /* −2px от основного текста */
  line-height: 1.6;
  color: #666;
}
.footnotes li::before {
  content: counter(fn) ".";
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  color: #aaa;
  min-width: 16px;
  flex-shrink: 0;
}

/* ── подсветка при переходе по якорю ── */
.footnotes li:target {
  background: #e6f1fb;
  border-radius: 4px;
  padding-left: 6px;
  margin-left: -6px;
}

/* ── стрелка «вернуться» ── */
.fn-back {
  font-size: 10px;
  color: #aaa;
  text-decoration: none;
  margin-left: 4px;
}
.fn-back:hover { color: #666; }

/* ── выносное примечание (не нумерованное) ── */
.note {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  background: #f5f5f5;
  border-left: 2px solid #d1d1d1;
  border-radius: 0 6px 6px 0;
  padding: .6rem .9rem;
  font-size: 13px;
  line-height: 1.55;
  color: #666;
}
.note-marker {
  font-size: 11px;
  font-weight: 500;
  color: #aaa;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ── figcaption ── */
figcaption {
  font-size: 0.8125em;        /* 13px при 16px базе — не px, масштабируется */
  line-height: 1.5;
  color: #666;                /* вторичный цвет, не основной текст */
  margin-top: 0.5rem;
  padding: 0 0.25rem;

  font-variant-numeric: tabular-nums;   /* цифры в номерах рис. одной ширины */
  text-wrap: pretty;                    /* Chrome 117+: избегает висячих слов */
  hanging-punctuation: first last;      /* Safari: кавычки за край */
}

/* счётчик «Рис. N» без JS */
figure            { counter-increment: figure; }
figcaption::before {
  content: "Рис.\00a0" counter(figure) ".\00a0"; /* \00a0 — неразрывный пробел */
  font-weight: 500;
  color: #444;
}

/* выравнивание по ширине figure, не body */
figure {
  display: block;
  margin: 1.5rem 0;
  counter-reset: initial; /* сбрасывается на уровне article/section */
}

/* опционально: курсив для художественных подписей */
figure[data-caption-style="italic"] figcaption {
  font-style: italic;
}

/* опционально: центрирование под изображением */
figure[data-caption-align="center"] figcaption {
  text-align: center;
  padding: 0;
}

article,
main {
  counter-reset: figure;
}

figure {
  counter-increment: figure;
}

figcaption::before {
  content: "Рис.\00a0" counter(figure) ".\00a0";
}
/* ─── Блок «Совет» ─── */
.bg-advice {
  background-color: #FFF5E6;
  border-left: 3px solid #F95D00;
  border-radius: 0 8px 8px 0;
}

.bg-advice-darker {
	background-color: #FFE8C2;
}

/* Заголовок h3 и h4 — общие стили */
.bg-advice h3,
.bg-advice h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #5c3a10;
  margin-top: 0;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

/* Метка «Совет» перед заголовком */
.bg-advice h3::before,
.bg-advice h4::before {
  content: "Совет";
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #F95D00;
  background: #FFE8C2;
  border-radius: 4px;
  padding: 2px 7px;
  margin-right: 10px;
  vertical-align: middle;
  line-height: 1.6;
}

/* Основной текст */
.bg-advice p {
  font-size: 14px;
  line-height: 1.65;
  color: #4a3520;
  margin-bottom: 0.5rem;
}

/* figure внутри блока */
.bg-advice figure {
  margin: 0;
  border-radius: 6px;
  overflow: hidden;
}

.bg-advice figcaption {
    font-size: 14px;
    line-height: 1.65;
    color: #4a3520;
    margin-bottom: 0.5rem;
}

/* Список */
.bg-advice ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.bg-advice ul li {
  padding: 0.75rem 0;
  border-bottom: 0.5px solid #f0ddb8;
}

.bg-advice ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.bg-advice ul li p {
  margin: 0 0 0.3rem;
}

.bg-advice ul li p:last-child {
  margin-bottom: 0;
  color: #7a5c38;
}

/* Акцентные слова (сторона света) */
.bg-advice ul li strong {
  color: #5c3a10;
}

/* Итоговые карточки */
.summary-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  height: 100%;
  padding: 1.5rem;
  border: 1px solid rgba(0, 102, 204, 0.12);
  border-radius: 0.75rem;
  background-color: #E6F2FF;
}

.summary-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
}

.summary-card__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.summary-card__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  color: #1a2b3c;
  letter-spacing: -0.01em;
}

.summary-card__text {
  margin: 0;
  font-size: 0.9375rem;
  color: #4a5568;
  line-height: 1.65;
}

/* Dakea Size Table */
 #dakea-sizes-table {
    /*--dakea-font: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    /*--dakea-color-bg: #ffffff;*/
    --dakea-color-surface: #f8f9fa;
    --dakea-color-border: #e2e6ea;
   /* --dakea-color-header-bg: #1a2e44;*/
   /* --dakea-color-header-text: #ffffff;*/
    /*--dakea-color-label-bg: #f0f4f8;*/
    /*--dakea-color-label-text: #4a5568;*/
    /*--dakea-color-cell-text: #2d3748;*/
    --dakea-color-accent: #F95D00;
    /*--dakea-color-row-even: #f7fafc;*/
    --dakea-color-row-hover: #edf2f7;
    --dakea-color-shadow: rgba(0,0,0,0.08);
    --dakea-radius: 0px;
    /*font-family: var(--dakea-font);*/
    box-sizing: border-box;
    width: 100%;
  }
  #dakea-sizes-table *, #dakea-sizes-table *::before, #dakea-sizes-table *::after { box-sizing: inherit; }

  /* === TABS === */
  .dakea-sizes__tabs { display: flex; gap: 6px; margin-bottom: 12px; flex-wrap: wrap; }
  .dakea-sizes__tab-btn {
    background: var(--dakea-color-surface);
    border: 2px solid var(--dakea-color-border);
    border-radius: 6px;
    padding: 6px 16px;
    font-family: var(--dakea-font);
    font-size: 13px;
    font-weight: 600;
    color: var(--dakea-color-label-text);
    cursor: pointer;
    transition: all 0.18s ease;
    outline: none;
  }
  .dakea-sizes__tab-btn:hover { border-color: var(--dakea-color-accent); color: var(--dakea-color-accent); }
  .dakea-sizes__tab-btn--active { background: var(--dakea-color-accent); border-color: var(--dakea-color-accent); color: #fff; }

  /* === GROUPS === */
  .dakea-sizes__group { display: none; }
  .dakea-sizes__group--active { display: block; }

  /* === WRAPPER === */
  .dakea-sizes__wrapper {
    background: var(--dakea-color-bg);
    border-radius: var(--dakea-radius);
    overflow: hidden;
    box-shadow: 0 2px 12px var(--dakea-color-shadow);
    border: 1px solid var(--dakea-color-border);
  }

  /* === TABLE === */
  .dakea-sizes__table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .dakea-sizes__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
    min-width: 620px;
  }

  /* Thead general */
  .dakea-sizes__table-head .dakea-sizes__th {
    background: var(--dakea-color-header-bg);
    color: var(--dakea-color-header-text);
    font-family: var(--dakea-font);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    padding: 8px 8px 6px;
    border: none;
    letter-spacing: 0.02em;
    white-space: nowrap;
    vertical-align: bottom;
  }
  .dakea-sizes__table-head .dakea-sizes__th--label-col {
    text-align: left;
    padding-left: 16px;
    min-width: 170px;
    border-right: 2px solid var(--dakea-color-accent);
    vertical-align: middle;
  }

  /* Icon row cells */
  .dakea-sizes__th--icon {
    background: #0f1e30;
    padding: 10px 8px 0;
    vertical-align: bottom;
  }
  .dakea-sizes__th--icon.dakea-sizes__th--label-col {
    background: var(--dakea-color-header-bg);
  }

  /* Window SVG wrapper */
  .dakea-sizes__win-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding-bottom: 6px;
  }
  .dakea-sizes__win-svg { display: block; }
  .dakea-sizes__win-dim {
    font-family: var(--dakea-font);
    font-size: 10px;
    font-weight: 700;
    color: var(--dakea-color-accent);
    letter-spacing: 0.02em;
    white-space: nowrap;
  }

  /* Tbody */
  .dakea-sizes__tr:nth-child(even) .dakea-sizes__td { background: var(--dakea-color-row-even); }
  .dakea-sizes__tr:hover .dakea-sizes__td { background: var(--dakea-color-row-hover); }
  .dakea-sizes__td {
    font-family: var(--dakea-font);
    color: var(--dakea-color-cell-text);
    font-size: 13.5px;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid var(--dakea-color-border);
    border-right: 1px solid #edf0f2;
    white-space: nowrap;
  }
  .dakea-sizes__td:last-child { border-right: none; }
  .dakea-sizes__td--label {
    text-align: left;
    padding-left: 16px;
    font-weight: 600;
    color: var(--dakea-color-label-text);
    background: var(--dakea-color-label-bg) !important;
    border-right: 2px solid var(--dakea-color-accent);
    font-size: 13px;
  }
  .dakea-sizes__tr:last-child .dakea-sizes__td { border-bottom: none; }

  /* === MOBILE CARDS === */
  .dakea-sizes__cards {
    display: none;
    gap: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    scrollbar-color: var(--dakea-color-accent) var(--dakea-color-surface);
  }
  .dakea-sizes__cards::-webkit-scrollbar { height: 5px; }
  .dakea-sizes__cards::-webkit-scrollbar-track { background: var(--dakea-color-surface); border-radius: 99px; }
  .dakea-sizes__cards::-webkit-scrollbar-thumb { background: var(--dakea-color-accent); border-radius: 99px; }

  .dakea-sizes__card {
    min-width: 190px; max-width: 190px;
    border: 1.5px solid var(--dakea-color-border);
    border-radius: 8px;
    overflow: hidden;
    scroll-snap-align: start;
    flex-shrink: 0;
    background: var(--dakea-color-bg);
    box-shadow: 0 1px 6px var(--dakea-color-shadow);
  }
  .dakea-sizes__card:hover { box-shadow: 0 4px 16px rgba(249,93,0,0.13); border-color: var(--dakea-color-accent); }
  .dakea-sizes__card-header {
    background: var(--dakea-color-header-bg);
    /*color: #fff;*/
    font-family: var(--dakea-font);
    font-size: 13px;
    font-weight: 700;
    padding: 8px 12px;
    border-bottom: 1px solid var(--dakea-color-accent);
    text-align: center;
  }
  .dakea-sizes__card-window {
   /* background: #0f1e30;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 8px 6px;
    gap: 4px;
  }
  .dakea-sizes__card-window-dim {
    font-family: var(--dakea-font);
    font-size: 11px;
    font-weight: 700;
    color: var(--dakea-color-accent);
    letter-spacing: 0.02em;
  }
  .dakea-sizes__card-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 7px 12px;
    border-bottom: 1px solid var(--dakea-color-border);
    gap: 8px;
  }
  .dakea-sizes__card-row:last-child { border-bottom: none; }
  .dakea-sizes__card-row:nth-child(even) { background: var(--dakea-color-row-even); }
  .dakea-sizes__card-label { font-family: var(--dakea-font); font-size: 11px; font-weight: 600; color: var(--dakea-color-label-text); line-height: 1.3; flex: 1; }
  .dakea-sizes__card-value { font-family: var(--dakea-font); font-size: 13px; font-weight: 700; color: var(--dakea-color-cell-text); white-space: nowrap; text-align: right; }

  .dakea-sizes__scroll-hint {
    display: none;
    font-family: var(--dakea-font);
    font-size: 12px;
    color: var(--dakea-color-label-text);
    text-align: center;
    padding: 6px 16px 0;
    opacity: .7;
  }

  @media (max-width: 700px) {
    .dakea-sizes__table-scroll { display: none; }
    .dakea-sizes__cards { display: flex; }
    .dakea-sizes__scroll-hint { display: block; }
  }

  /* === CSS-only tabs === */
  #dakea-tab-radio-0, #dakea-tab-radio-1 { display: none; }
  #dakea-tab-radio-0:checked ~ .dakea-sizes__tabs label[for="dakea-tab-radio-0"],
  #dakea-tab-radio-1:checked ~ .dakea-sizes__tabs label[for="dakea-tab-radio-1"] {
    background: var(--dakea-color-accent);
    border-color: var(--dakea-color-accent);
    color: #fff;
  }
  #dakea-tab-radio-0:checked ~ #dakea-group-0,
  #dakea-tab-radio-1:checked ~ #dakea-group-1 { display: block; }

.dakea-win-box {
  box-sizing: border-box;
  border: 2px solid #f95d00;
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
  background: transparent;
  flex-shrink: 0;
}
.win-23x50 { width: 23px; height: 50px; }
.win-24x50 { width: 24px; height: 50px; }
.win-28x50 { width: 28px; height: 50px; }
.win-33x50 { width: 33px; height: 50px; }
.win-34x50 { width: 34px; height: 50px; }
.win-36x51 { width: 36px; height: 51px; }
.win-40x50 { width: 40px; height: 50px; }
.win-41x50 { width: 41px; height: 50px; }
.win-48x50 { width: 48px; height: 50px; }
.win-50x37 { width: 50px; height: 37px; }