/* taste-skill: бережное обновление главной, native CSS без новой UI-библиотеки.
   DESIGN_VARIANCE: 4; MOTION_INTENSITY: 2; VISUAL_DENSITY: 5.
   Скругления: 10px для изображений, карточек, полей и кнопок.
   Слои существующей темы: шапка 999, skip-link 1000, cookie-banner 99999.
   Полная схема светлой/тёмной главной задаётся семантическими переменными. */
/* Файл подключается только на главной. Старая тема задаёт отступ сразу html и body. */
html {padding-top: 0;}
body.taste-front {
    --taste-page: #f7f7f8;
    --taste-surface: #fdfdfe;
    --taste-text: #25282c;
    --taste-muted: #555b64;
    --taste-line: #d9dce1;
    --taste-input-line: #7f858f;
    --taste-accent: #a92538;
    --taste-accent-hover: #8a1d2d;
    --taste-on-accent: #fdfdfe;
    --taste-shell: #f0f1f3;
    --taste-header: #282828;
    color-scheme: light;
    color: var(--taste-text);
    background: var(--taste-page);
    font-weight: 400;
    line-height: 1.65;
    padding-top: 72px;
}
/* Не увеличиваем жирность при наведении: пункты меню не сдвигаются. */
.taste-front #header {height: 72px;padding: 15px 0;background: var(--taste-header);}
.taste-front #header .logo {display: inline-flex;align-items: center;margin: 0;padding: 0;}
.taste-front #menu-main-menu {margin: 0;padding: 0;min-height: 42px;align-items: center;}
.taste-front #header .logo img {display: block;}
.taste-front #header .menu a {font-weight: 600;white-space: nowrap;}
.taste-front #header .menu a:hover {font-weight: 600;text-decoration: underline;text-underline-offset: 5px;}
.taste-front #bread {margin: 0;background: var(--taste-page);}
.taste-front .m-wrap {max-width: 1280px;width: 100%;padding-left: 40px;padding-right: 40px;}
.taste-front h1,.taste-front h2,.taste-front h3 {color: var(--taste-text);text-transform: none;}
.taste-front h2,.taste-front .front h3 {font-size: 28px;line-height: 1.25;letter-spacing: -.025em;margin: 0 0 28px;}
.taste-front #items > .clr > h2,.taste-front .front #articles > .clr > h3 {text-transform: uppercase;}
.taste-front :is(a,button,input,textarea,summary):focus-visible {outline: 3px solid var(--taste-accent);outline-offset: 4px;}
.taste-front .taste-hero {display: grid;grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);align-items: center;gap: 48px;padding-top: 48px;padding-bottom: 44px;}
/* Clearfix-псевдоэлементы .m-wrap иначе занимают две дополнительные grid-ячейки. */
.taste-front .taste-hero::before,.taste-front .taste-hero::after {content: none;}
.taste-hero__eyebrow {margin: 0 0 20px;color: var(--taste-muted);font-size: 12px;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;}
.taste-front .taste-hero h1 {font-size: clamp(28px,2.4vw,34px);line-height: 1.18;letter-spacing: -.035em;margin: 0 0 22px;font-weight: 700;}
.taste-hero__intro {max-width: 48ch;margin: 0 0 28px;color: var(--taste-muted);font-size: 17px;line-height: 1.65;}
.taste-hero__actions {display: flex;align-items: center;gap: 24px;flex-wrap: wrap;}
.taste-front a.taste-button {display: inline-flex;align-items: center;justify-content: center;min-height: 48px;padding: 12px 24px;background: var(--taste-accent);border: 1px solid var(--taste-accent);border-radius: 10px;color: var(--taste-on-accent);font-weight: 700;line-height: 1.3;white-space: nowrap;text-decoration: none;}
.taste-front a.taste-button:hover {background: var(--taste-accent-hover);border-color: var(--taste-accent-hover);}
.taste-front a.taste-button:active {transform: translateY(1px);}
.taste-front .taste-hero__request {color: var(--taste-text);font-size: 15px;font-weight: 600;text-decoration: underline;text-underline-offset: 5px;}
.taste-hero__visual {margin: 0;min-width: 0;}
.taste-hero__image {display: block;width: 100%;height: auto;aspect-ratio: 4 / 3;border-radius: 10px;}
.taste-hero__visual figcaption {margin-top: 8px;color: var(--taste-muted);font-size: 11px;line-height: 1.5;}
.taste-front .taste-history {margin-top: 0;margin-bottom: 52px;}
.taste-history summary {padding: 18px 0;border-top: 1px solid var(--taste-line);border-bottom: 1px solid var(--taste-line);color: var(--taste-text);cursor: pointer;list-style-position: inside;}
.taste-front .taste-history summary h2 {display: inline;margin: 0 0 0 10px;font-size: 17px;letter-spacing: 0;}
.taste-history[open] summary {margin-bottom: 24px;}
.taste-front .taste-history #manufactur {padding-top: 0;margin-bottom: 20px;}
.taste-front .taste-history .m-wrap {padding-left: 0;padding-right: 0;}
.taste-front .taste-history .about {border: 0;border-radius: 0;box-shadow: none;background: transparent;}
.taste-front .taste-history .about .content {padding: 0;color: var(--taste-muted);line-height: 1.8;}
.taste-front #items {margin-bottom: 64px;}
/* Сетка реальных серий: карточки содержат существующие фотографии и ссылки. */
.taste-front #items .items-block {display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 16px;}
.taste-front #items .items-block .item {width: auto;min-width: 0;}
.taste-front #items .items-block .item-block {padding: 18px;border: 1px solid var(--taste-line);border-radius: 10px;background: var(--taste-surface);box-shadow: none;}
.taste-front #items .item-block:hover {border-color: var(--taste-accent);box-shadow: none;}
.taste-front #items .item-img {position: relative;padding-top: 66%;}
.taste-front #items .item-img img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: contain;}
.taste-front #items .mg-bt-25 {margin-bottom: 8px;}
.taste-front #items .name {padding-top: 8px;margin-bottom: 0;max-height: none;}
.taste-front #items .item a {color: var(--taste-text);font-size: 15px;}
/* Ссылка остаётся внутри своей обёртки и учитывается в высоте секции. */
.taste-front .ssilka {display: flex;justify-content: flex-end;margin-top: 24px;}
.taste-front .ssilka::before,.taste-front .ssilka::after {content: none;}
.taste-front .ssilka a {float: none;display: inline-flex;align-items: center;min-height: 44px;max-width: 100%;padding-top: 0;color: var(--taste-text);border-color: var(--taste-line);text-transform: none;font-weight: 600;}
.taste-front .front #articles {padding-bottom: 64px;}
/* Журнал: читаемые строки вместо четырёх одинаковых блоков с крупными датами. */
.taste-front .stati {display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0 32px;}
.taste-front .article {width: auto;min-width: 0;padding: 24px 0;background: transparent;border: 0;border-top: 1px solid var(--taste-line);border-radius: 0;box-shadow: none;text-align: left;}
.taste-front .article:hover {border-color: var(--taste-line);box-shadow: none;}
.taste-front .article .text-block {display: grid;grid-template-columns: 86px minmax(0,1fr);gap: 20px;align-items: start;}
.taste-front .article .date {display: block;margin: 0;padding: 0;text-align: left;font-size: 12px;line-height: 1.5;color: var(--taste-muted);}
.taste-front .article .post-day {padding: 0;background: transparent;color: inherit;border-radius: 0;font-size: 20px;line-height: 1.3;}
.taste-front .article .day-month {display: block;width: auto;font-size: 12px;}
.taste-front .article .name {text-transform: none;color: var(--taste-text);font-size: 17px;line-height: 1.5;}
.taste-front .article .name p {margin: 0;}
.taste-front .article a:hover .name {color: var(--taste-accent);}
.taste-front #front-request {scroll-margin-top: 96px;}
.taste-front .m2-lead-form {padding-top: 0;padding-bottom: 64px;}
.taste-front .m2-lead-form__title {max-width: 30ch;font-size: 28px;padding-left: 0;}
.taste-front .m2-lead-form__title::before {display: none;}
.taste-front .m2-lead-form__form {padding: 28px;background: var(--taste-surface);border: 1px solid var(--taste-line);border-radius: 10px;box-shadow: none;}
.taste-front .m2-lead-form__form :is(input[type=text],input[type=tel],input[type=email],textarea) {color: var(--taste-text);background: var(--taste-page);border-color: var(--taste-input-line);border-radius: 10px;min-height: 44px;font: inherit;}
.taste-front .m2-lead-form__form :is(input,textarea)::placeholder {color: var(--taste-muted);opacity: 1;}
.taste-front .m2-lead-form__form label {color: var(--taste-text);}
.taste-front .m2-lead-form__consent-text {color: var(--taste-muted);}
.taste-front .m2-lead-form__consent a {color: var(--taste-text);}
.taste-front .m2-lead-form__submit {min-height: 48px;border-radius: 10px;background: var(--taste-accent);color: var(--taste-on-accent);border-color: var(--taste-accent);}
.taste-front .m2-lead-form__submit:hover,.taste-front .m2-lead-form__submit:focus {background: var(--taste-accent-hover);color: var(--taste-on-accent);border-color: var(--taste-accent-hover);}
.taste-front .m2-lead-form__consent input[type=checkbox] {accent-color: var(--taste-accent);}
.taste-front .m2-lead-form__form :is(input,textarea):focus-visible {outline: 3px solid var(--taste-accent);outline-offset: 3px;box-shadow: none;}
.taste-front #footer,.taste-front #footer a {color: var(--taste-text);background: var(--taste-shell);font-weight: 400;}
.taste-front #footer .logo img {background: var(--taste-header);padding: 10px 16px;box-sizing: content-box;border-radius: 10px;}
.taste-front #footer h2 {color: var(--taste-text);}
.taste-front #footer .br-w {border-color: var(--taste-line);}
.taste-front #footer .product-menu {display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 12px 24px;}
.taste-front #footer a:hover {font-weight: 400;text-decoration: underline;text-underline-offset: 4px;}
@media (prefers-color-scheme: dark) {
    body.taste-front {
        --taste-page: #191c20;
        --taste-surface: #22262b;
        --taste-text: #eef0f3;
        --taste-muted: #b7bdc7;
        --taste-line: #515965;
        --taste-input-line: #7b8593;
        --taste-accent: #f19aa8;
        --taste-accent-hover: #ffc0cb;
        --taste-on-accent: #281519;
        --taste-shell: #202429;
        --taste-header: #22262b;
        color-scheme: dark;
    }
    .taste-front #items .item-img {background-color: #fdfdfe;border-radius: 10px;}
    .taste-front .m2-lead-form__field-error {color: #ffb8c3;}
    .taste-front .m2-lead-form__result {color: var(--taste-text);background: var(--taste-surface);border-color: var(--taste-line);}
}
@media (max-width: 1100px) {
    .taste-front .m-wrap {padding-left: 28px;padding-right: 28px;}
    .taste-front .taste-hero {gap: 28px;grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);}
    .taste-front .taste-hero h1 {font-size: 28px;}
    .taste-front #header .bl-deck-6 {width: auto;}
    .taste-front #header .menu-block {margin-left: auto;}
}
/* 804px совпадает с порогом мобильного меню существующей темы. */
@media (max-width: 804px) {
    body.taste-front {padding-top: 72px;}
    .taste-front .m-wrap {padding-left: 20px;padding-right: 20px;}
    .taste-front #header {height: 72px;}
    .taste-front #header .logo img {width: 154px;height: auto;}
    .taste-front #header .mob-nav {padding-bottom: 0;}
    .taste-front #header .menu-block {background: var(--taste-header);}
    .taste-front .taste-hero {grid-template-columns: minmax(0,1fr);gap: 24px;padding-top: 28px;padding-bottom: 28px;}
    .taste-front .taste-hero h1 {font-size: 28px;line-height: 1.22;}
    .taste-hero__eyebrow {font-size: 10px;margin-bottom: 14px;}
    .taste-hero__intro {font-size: 16px;margin-bottom: 22px;}
    .taste-hero__actions {gap: 18px;}
    .taste-hero__visual {max-width: 440px;}
    .taste-hero__image {max-height: 240px;object-fit: cover;}
    .taste-front .taste-history {margin-bottom: 36px;}
    .taste-front #items .items-block {grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px;}
    .taste-front #items .items-block .item-block {padding: 12px;}
    .taste-front #items,.taste-front .front #articles {margin-bottom: 0;padding-bottom: 40px;}
    .taste-front .stati {grid-template-columns: minmax(0,1fr);}
    .taste-front .article .text-block {grid-template-columns: 72px minmax(0,1fr);gap: 16px;}
    .taste-front h2,.taste-front .front h3,.taste-front .m2-lead-form__title {font-size: 24px;}
    .taste-front .m2-lead-form__form {padding: 20px 16px;}
    .taste-front .m2-lead-form {padding-bottom: 40px;}
    .taste-front #footer .product-menu {grid-template-columns: repeat(2,minmax(0,1fr));text-align: left;gap: 10px 20px;}
}
/* На узких телефонах единственная колонка сохраняет читабельность названий. */
@media (max-width: 359px) {
    .taste-front .taste-hero h1 {font-size: 25px;}
    .taste-front #items .items-block {grid-template-columns: minmax(0,1fr);}
    .taste-front .taste-hero__actions {align-items: flex-start;flex-direction: column;gap: 14px;}
}
@media (prefers-reduced-motion: reduce) {
    .taste-front,.taste-front *,.taste-front *::before,.taste-front *::after {scroll-behavior: auto;animation: none;transition: none;}
}