/* ===== ШОКОЛАЙФ 20.10.2026: общий вид страниц Битрикса под макет Е =====
   Шапка — стили вынуты из brand/sayt-maket-shokolad-e.html (блок ниже, под .sl-e).
   Кнопки, плитки каталога (.kt-card из proto/karto4ki/karto4ki.css) и визуал карточки товара.
   Откат: убрать подключение в parts/custom/header.end.php. */

:root{--sl-petrol:#0F3D47;--sl-petrol-s:#246E7F;--sl-petrol-t:#0B3039;--sl-latun:#D9A441;--sl-choc:#5A3A2B;--sl-noch:#12262B;--sl-ink:#1F2B2F;--sl-mute:#5C686B;--sl-ser:#F3F4F4;
 --sl-txt:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;--sl-zag:"Cormorant Garamond",Georgia,serif}

/* --- шрифты: Onest для текста, Cormorant Garamond для заголовков (как в макете Е) --- */
html:root,html:root body{font-family:var(--sl-txt)}
html body,html body input,html body textarea,html body select,html body button{font-family:var(--sl-txt)}
html body{color:var(--sl-ink);-webkit-font-smoothing:antialiased}
html body .review-desc,html body .title-map,html body .text-content-map{font-family:var(--sl-txt)}
.intec-template-layout-content h1,.intec-template-layout-page h1,.intec-content h1{font-family:var(--sl-zag)!important;font-weight:600!important;color:var(--sl-noch)!important;letter-spacing:-.005em;line-height:1.08!important;font-size:clamp(32px,3.2vw,46px)!important}
.intec-template-layout-content h2,.intec-content h2,.widget-header .widget-title{font-family:var(--sl-zag);font-weight:600;color:var(--sl-noch);letter-spacing:-.005em}
.intec-template-layout-content h3:not(.kt-name),.intec-content h3:not(.kt-name){font-family:var(--sl-zag);font-weight:600;color:var(--sl-noch);letter-spacing:-.005em;line-height:1.2}
@media(max-width:767px){.intec-template-layout-content h1,.intec-template-layout-page h1,.intec-content h1{font-family:var(--sl-txt)!important;font-size:26px!important;line-height:1.2!important}
 .intec-template-layout-content h2,.intec-content h2,.widget-header .widget-title,.intec-template-layout-content h3:not(.kt-name),.intec-content h3:not(.kt-name){font-family:var(--sl-txt)}}

/* --- старая шапка Intec скрыта, её место заняла шапка макета Е --- */
.intec-template-layout-header .widget.c-header>.widget-content>.widget-view,.intec-template-layout-header .widget.c-header>.widget-content>.widget-overlay{display:none!important}
.intec-template-layout-header .intec-template-breadcrumb{padding-top:18px}
.sl-e{position:relative;z-index:1000;font-size:17px;line-height:1.6;color:var(--sl-ink);font-family:var(--sl-txt)}
.sl-e .sh h4,.sl-e .sh p,.sl-e .sh ul{font-family:var(--txt)}
.sl-e .sh .btn:hover,.sl-e .sh .btn:focus{color:#fff}
.sl-e .sh-poisk input{box-shadow:none;outline:0}
.sl-e .sh-ms svg{fill:#26A5E4}
@media(max-width:900px){.sl-e .sh-ik{margin-left:auto}}

/* --- кнопки сайта: петроль с градиентом, белый текст, скругление 4 px --- */
html body .intec-ui.intec-ui-control-button.intec-ui-scheme-current:not(.intec-ui-mod-transparent):not(.intec-ui-mod-link),
html body .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-transparent:hover,
html body .btn-primary,html body .sl-knopka{
 background:linear-gradient(180deg,var(--sl-petrol-s) 0%,var(--sl-petrol) 55%,var(--sl-petrol-t) 100%)!important;border-color:transparent!important;color:#fff!important;
 border-radius:4px!important;font-family:var(--sl-txt)!important;font-weight:600!important;letter-spacing:.01em;text-shadow:0 1px 0 rgba(0,0,0,.22);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(0,0,0,.28),0 1px 2px rgba(11,48,57,.4),0 10px 20px -10px rgba(15,61,71,.6)!important;transition:filter .15s,transform .15s}
html body .intec-ui.intec-ui-control-button.intec-ui-scheme-current:not(.intec-ui-mod-transparent):not(.intec-ui-mod-link) *{color:#fff}
html body .intec-ui.intec-ui-control-button.intec-ui-scheme-current:not(.intec-ui-mod-transparent):not(.intec-ui-mod-link) svg path{stroke:#fff}
html body .intec-ui.intec-ui-control-button.intec-ui-scheme-current:not(.intec-ui-mod-transparent):not(.intec-ui-mod-link):hover{filter:brightness(1.12)}
html body .intec-ui.intec-ui-control-button.intec-ui-scheme-current:not(.intec-ui-mod-transparent):not(.intec-ui-mod-link):active{filter:none;transform:translateY(1px)}
html body .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-transparent{border:1px solid var(--sl-petrol)!important;color:var(--sl-petrol)!important;border-radius:4px!important;background:#fff!important;font-family:var(--sl-txt)!important;font-weight:600!important}
html body .intec-ui.intec-ui-control-button.intec-ui-scheme-current.intec-ui-mod-transparent:hover *{color:#fff!important}
html body .intec-ui.intec-ui-control-button{border-radius:4px!important}

/* --- плитки каталога: карточка .kt-card макета Е (proto/karto4ki/karto4ki.css) --- */
.c-catalog-section-catalog-tile-4 .catalog-section-items{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0!important;padding:0!important}
.c-catalog-section-catalog-tile-4[data-columns-desktop="4"] .catalog-section-items{grid-template-columns:repeat(4,minmax(0,1fr))}
.c-catalog-section-catalog-tile-4 .catalog-section-items>.catalog-section-item{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;display:flex;opacity:1!important;transform:none!important}
.c-catalog-section-catalog-tile-4 .catalog-section-items>.catalog-section-item>.kt-card{flex:1}
@media(max-width:1180px){.c-catalog-section-catalog-tile-4 .catalog-section-items,.c-catalog-section-catalog-tile-4[data-columns-desktop="4"] .catalog-section-items{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1023px){.c-catalog-section-catalog-tile-4 .catalog-section-items,.c-catalog-section-catalog-tile-4[data-columns-desktop="4"] .catalog-section-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.c-catalog-section-catalog-tile-4 .catalog-section-items,.c-catalog-section-catalog-tile-4[data-columns-desktop="4"] .catalog-section-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

.kt-card{display:flex;flex-direction:column;min-width:0;background:#fff;border-radius:16px;overflow:hidden;
 box-shadow:0 1px 0 rgba(18,38,43,.04),0 14px 30px -24px rgba(18,38,43,.22);transition:box-shadow .25s,transform .25s}
.kt-card:hover,.kt-card:focus-within{box-shadow:0 1px 0 rgba(18,38,43,.04),0 22px 40px -22px rgba(18,38,43,.35);transform:translateY(-2px)}
.kt-ph{position:relative;display:block;padding-top:133.333%;background:#F3F4F4;overflow:hidden;color:inherit;text-decoration:none}
.kt-track{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.kt-track::-webkit-scrollbar{display:none}
.kt-track img{flex:0 0 100%;width:100%;max-width:none;height:100%;object-fit:cover;scroll-snap-align:start;scroll-snap-stop:always;-webkit-user-drag:none;user-select:none}
.kt-bars{position:absolute;left:12px;right:12px;bottom:10px;display:flex;gap:4px;pointer-events:none}
.kt-bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.55);box-shadow:0 0 0 .5px rgba(18,38,43,.25),0 1px 3px rgba(18,38,43,.25);transition:background .2s}
.kt-bars i.on{background:#fff}
.kt-badge{position:absolute;left:12px;top:12px;z-index:2;font:600 12px/1 var(--sl-txt);letter-spacing:.02em;padding:7px 10px;border-radius:4px;pointer-events:none;box-shadow:0 2px 6px rgba(11,48,57,.35),0 0 0 1px rgba(255,255,255,.4)}
.kt-badge--hit{background:var(--sl-latun);color:var(--sl-petrol)}
.kt-badge--rec{background:var(--sl-petrol);color:#fff}
.kt-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px;font-family:var(--sl-txt)}
.kt-card .kt-name{margin:0;font:600 16.5px/1.35 var(--sl-txt);letter-spacing:0;text-transform:none;color:var(--sl-noch);
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:2.7em}
.kt-card .kt-name a{color:inherit;text-decoration:none}
.kt-card .kt-name a:hover{text-decoration:underline;text-decoration-color:var(--sl-latun);text-underline-offset:3px}
.kt-card .kt-price{margin:14px 0 0;font:400 15px/1.2 var(--sl-txt);color:var(--sl-mute)}
.kt-card .kt-price b{font:600 30px/1.1 var(--sl-zag);font-feature-settings:"lnum" 1,"pnum" 1;color:var(--sl-choc);margin-left:2px;white-space:nowrap}
.kt-card .kt-note{margin:5px 0 0;font:400 12.5px/1.35 var(--sl-txt);color:var(--sl-mute)}
.kt-card .kt-min{margin:8px 0 18px;font:400 14px/1.3 var(--sl-txt);color:var(--sl-mute)}
.kt-card .kt-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:0;border-radius:4px;color:#fff;text-decoration:none;
 font:600 15.5px/1.2 var(--sl-txt);letter-spacing:.01em;text-align:center;cursor:pointer;
 background:linear-gradient(180deg,var(--sl-petrol-s) 0%,var(--sl-petrol) 55%,var(--sl-petrol-t) 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(0,0,0,.28),0 1px 2px rgba(11,48,57,.4),0 10px 20px -10px rgba(15,61,71,.6);
 text-shadow:0 1px 0 rgba(0,0,0,.22);transition:filter .15s,transform .15s}
.kt-card .kt-btn:hover{filter:brightness(1.12);color:#fff}
.kt-card .kt-btn:active{background:var(--sl-petrol-t);filter:none;transform:translateY(1px)}
.kt-card .kt-btn:focus-visible,.kt-ph:focus-visible,.kt-name a:focus-visible{outline:3px solid var(--sl-latun);outline-offset:3px}
@media(max-width:1180px){.kt-body{padding:14px 14px 16px}.kt-card .kt-name{font-size:14.5px}.kt-card .kt-price b{font-size:26px}.kt-card .kt-min{margin-bottom:14px}}
@media(max-width:639px){.kt-card{border-radius:12px}.kt-body{padding:10px 10px 12px}.kt-bars{left:8px;right:8px;bottom:8px;gap:3px}.kt-bars i{height:2px}
 .kt-badge{left:8px;top:8px;font-size:10.5px;padding:5px 7px}
 .kt-card .kt-name{font-size:13.5px;line-height:1.3;min-height:3.9em;-webkit-line-clamp:3;line-clamp:3}.kt-card .kt-price{margin-top:8px;font-size:13px}.kt-card .kt-price b{font:700 19px/1.1 var(--sl-txt)}
 .kt-card .kt-note{font-size:11px}.kt-card .kt-min{margin:4px 0 10px;font-size:12px}.kt-card .kt-btn{min-height:40px;font-size:14px;padding:0 8px}}
@media(prefers-reduced-motion:reduce){.kt-card,.kt-card:hover,.kt-card:focus-within{transition:none;transform:none}.kt-bars i,.kt-card .kt-btn{transition:none}}

/* --- карточка товара: только вид, функционал (лесенка, расчёт, корзина, формы) не тронут --- */
.c-catalog-element .catalog-element-information-right>strong>p{margin:14px 0 6px;font:600 34px/1.1 var(--sl-zag);font-feature-settings:"lnum" 1;color:var(--sl-choc)}
.c-catalog-element .catalog-element-price-range{border:1px solid #E6E8E8;border-radius:12px;padding:6px 16px;background:#fff;max-width:360px}
.c-catalog-element .catalog-element-price-range-item{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #EEF0F0}
.c-catalog-element .catalog-element-price-range-item:last-child{border-bottom:0}
.c-catalog-element .catalog-element-price-range-items{width:100%!important;max-width:none!important;display:block}
.c-catalog-element .catalog-element-price-range-item{width:auto!important;max-width:none!important}
@media(max-width:767px){.c-catalog-element .catalog-element-information-right>strong>p{font:700 26px/1.2 var(--sl-txt)}.c-catalog-element .catalog-element-price-range{max-width:none}}
.c-catalog-element .catalog-element-price-range-item-text{font:400 14px/1.3 var(--sl-txt);color:var(--sl-mute)}
.c-catalog-element .catalog-element-price-range-item-value{font:600 16px/1.3 var(--sl-txt);color:var(--sl-noch)}
.c-catalog-element .tiraj-title,.c-catalog-element .tiraj-title strong{font:600 12px/1.3 var(--sl-txt);letter-spacing:.08em;text-transform:uppercase;color:var(--sl-mute)}
.c-catalog-element .catalog-element-article-name,.c-catalog-element .catalog-element-article-value{font-size:13px;color:var(--sl-mute)}
.c-catalog-element .catalog-element-quantity{font:500 13px/1.3 var(--sl-txt);color:var(--sl-petrol)}
.c-catalog-element .catalog-element-tab a{font:500 16px/1.3 var(--sl-txt)!important;color:var(--sl-mute)!important}
.c-catalog-element .catalog-element-tab.active a,.c-catalog-element .catalog-element-tab a:hover{color:var(--sl-noch)!important}
.c-catalog-element .catalog-element-tab.active,.c-catalog-element .catalog-element-tab.active a{border-color:var(--sl-latun)!important}
.c-catalog-element .catalog-element-gallery img,.c-catalog-element [class*="gallery-picture"] img{border-radius:12px}
.c-catalog-element .catalog-element-other-information-item-button{font:600 14px/1.3 var(--sl-txt);color:var(--sl-petrol)}
.c-catalog-element strong,.c-catalog-element b{color:var(--sl-noch)}
.c-catalog-element ul li::marker{color:var(--sl-latun)}

/* ===== шапка макета Е: вынуто из sayt-maket-shokolad-e.html 20.10.2026, область .sl-e ===== */
.sl-e{ --bel: #FFFFFF; --ser: #F3F4F4; --ser2: #E7E8E8; --liniya: #DCDEDE; --ink: #1F2B2F; --mute: #5C686B; --noch: #12262B; --choc: #5A3A2B; --knopka: #0F7F6E; --knopka-h: #0B6B5D; --latun: #D9A441; --zag: "Playfair",Georgia,"Times New Roman",serif; --txt: "Golos Text",system-ui,-apple-system,sans-serif; --wrap: 1344px; --pole: 48px; --sek: 112px; --zag-sod: 56px; --zazor: 28px; }
@media (max-width: 900px){.sl-e{ --pole: 20px; --sek: 64px; --zag-sod: 32px; --zazor: 20px; }}
.sl-e{ --wrap: 1280px; --pole: clamp(16px,5vw,80px); --kray: max(var(--pole),calc((100vw - var(--wrap)) / 2)); }
.sl-e.v-b{ --zag: "Cormorant Garamond",Georgia,serif; }
.sl-e.v-p{ --petrol: #0F3D47; --petrol-t: #0B3039; --petrol-s: #246E7F; --knopka: #0F3D47; --knopka-h: #0B3039; }
.sl-e.v-e{ --txt: "Onest",system-ui,-apple-system,sans-serif; }
.sl-e{ --sek-gap: 96px; --sek: calc(var(--sek-gap) / 2); --kat-vylet: 24px; --zag-sod: 40px; --kn-pole: 106px; }
@media (max-width: 900px){.sl-e{ --sek-gap: 56px; --kat-vylet: 0px; --zag-sod: 24px; }}
@media (max-width: 768px){.sl-e{ --m-pad: calc((var(--sek-gap) - 10px) / 2); }}
@media (max-width: 767px){.sl-e.v-e{ --zag: var(--txt); }}
.sl-e *{ box-sizing: border-box; }
.sl-e img{ max-width: 100%; display: block; }
.sl-e a{ color: inherit; }
.sl-e .wrap{ max-width: calc(var(--wrap) + var(--pole)*2); margin: 0px auto; padding: 0 var(--pole); }
.sl-e .btn{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0px 30px; border: 0px; border-radius: 8px; background: var(--knopka); color: rgb(255, 255, 255); font: 600 15.5px/1.2 var(--txt); letter-spacing: 0.01em; text-decoration: none; cursor: pointer; text-align: center; transition: background 0.15s; }
.sl-e .btn:hover{ background: var(--knopka-h); }
.sl-e .btn:focus-visible,.sl-e button:focus-visible,.sl-e input:focus-visible,.sl-e select:focus-visible,.sl-e summary:focus-visible{ outline: 3px solid var(--latun); outline-offset: 3px; }
.sl-e .pole{ display: block; margin-top: 22px; }
.sl-e .pole > span{ display: block; font: 500 13px/1.3 var(--txt); color: var(--mute); margin-bottom: 6px; }
.sl-e .pole select{ width: 100%; height: 50px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(191, 197, 198); border-image: none; background: transparent; font: 500 17px/1.2 var(--txt); color: var(--ink); padding: 0px 2px; border-radius: 0px; appearance: none; }
.sl-e .pole select{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235C686B' fill='none' stroke-width='1.5'/%3E%3C/svg%3E") right 4px center no-repeat; padding-right: 24px; }
.sl-e .pole select:focus{ border-bottom-color: var(--knopka); outline: none; }
.sl-e details{ border-bottom: 1px solid var(--liniya); }
.sl-e details:first-child{ border-top: 1px solid var(--liniya); }
.sl-e summary{ list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 24px 0px; font: 500 19px/1.35 var(--zag); color: var(--noch); }
.sl-e summary::-webkit-details-marker{ display: none; }
@media (max-width: 900px){.sl-e .btn{ width: 100%; }}
@media (max-width: 900px){.sl-e summary{ font-size: 17px; }}
@media (prefers-reduced-motion: reduce){.sl-e *{ transition: none !important; scroll-behavior: auto !important; }}
.sl-e .btn:active{ background: rgb(9, 87, 73); transform: translateY(1px); }
.sl-e input,.sl-e select{ caret-color: var(--knopka); }
.sl-e summary:hover{ color: var(--knopka); }
.sl-e .sh{ position: relative; z-index: 50; background: rgb(255, 255, 255); font-family: var(--txt); }
.sl-e .sh a{ text-decoration: none; color: inherit; }
.sl-e .sh-top{ height: 36px; border-bottom: 1px solid rgb(230, 232, 232); font-size: 13px; color: rgb(91, 107, 110); }
.sl-e .sh-top .wrap{ height: 100%; display: flex; align-items: center; gap: 26px; }
.sl-e .sh-top a:hover,.sl-e .sh-dd > button:hover{ color: var(--noch); }
.sl-e .sh-dd{ position: relative; height: 100%; display: flex; align-items: center; }
.sl-e .sh-dd > button{ display: inline-flex; align-items: center; gap: 4px; border: 0px; background: none; padding: 0px; font: inherit; color: inherit; cursor: pointer; height: 100%; }
.sl-e .sh-dd > button i{ font-size: 11px; transition: transform 0.2s; }
.sl-e .sh-dd.open > button i{ transform: rotate(180deg); }
.sl-e .sh-dd .sh-pop{ position: absolute; left: -14px; top: 100%; min-width: 240px; background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 232); border-radius: 10px; box-shadow: rgba(18, 38, 43, 0.28) 0px 18px 40px -18px; padding: 8px; display: none; z-index: 60; }
.sl-e .sh-dd.open .sh-pop{ display: block; }
.sl-e .sh-pop a{ display: block; padding: 9px 12px; border-radius: 6px; font-size: 14px; color: var(--ink); }
.sl-e .sh-pop a:hover{ background: var(--ser); }
.sl-e .sh-gor > button{ color: var(--noch); font-weight: 500; }
.sl-e .sh-gor > button .ph-map-pin{ font-size: 15px; color: var(--knopka); }
.sl-e .sh-gor .sh-pop{ width: 420px; }
.sl-e .sh-gor ul{ list-style: none; margin: 0px; padding: 0px; columns: 2; column-gap: 8px; }
.sl-e .sh-gor li button{ display: block; width: 100%; text-align: left; border: 0px; background: none; padding: 8px 12px; border-radius: 6px; font: 400 14px/1.3 var(--txt); color: var(--ink); cursor: pointer; }
.sl-e .sh-gor li button:hover{ background: var(--ser); }
.sl-e .sh-pochta{ margin-left: auto; display: inline-flex; align-items: center; gap: 6px; }
.sl-e .sh-pochta i{ font-size: 15px; }
.sl-e .sh-main{ height: 72px; border-bottom: 1px solid rgb(230, 232, 232); }
.sl-e .sh-main > .wrap{ height: 100%; display: flex; align-items: center; gap: 22px; }
.sl-e .sh-lg img{ height: 36px; width: auto; display: block; }
.sl-e .sh-kat{ display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0px 18px; border: 0px; border-radius: 8px; background: var(--knopka); color: rgb(255, 255, 255); font: 600 15px/1 var(--txt); cursor: pointer; transition: background 0.15s; }
.sl-e .sh-kat:hover{ background: var(--knopka-h); }
.sl-e .sh-kat i{ font-size: 19px; }
.sl-e .sh-links{ display: flex; gap: 24px; font: 500 15px/1 var(--txt); color: var(--noch); }
.sl-e .sh-links a{ padding: 8px 0px; border-bottom: 2px solid transparent; white-space: nowrap; }
.sl-e .sh-links a:hover{ color: var(--knopka); }
.sl-e .sh-links a[aria-current]{ color: var(--knopka); border-bottom-color: var(--knopka); }
.sl-e .sh-poisk{ margin-left: auto; position: relative; display: flex; align-items: center; }
.sl-e .sh-poisk input{ width: 0px; opacity: 0; height: 40px; border: 1px solid transparent; border-radius: 20px; padding: 0px 40px 0px 16px; font: 400 14.5px var(--txt); color: var(--ink); transition: width 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s, border-color 0.2s; background: rgb(255, 255, 255); }
.sl-e .sh-poisk.open input{ width: 250px; opacity: 1; border-color: rgb(213, 217, 218); }
.sl-e .sh-poisk button{ position: absolute; right: 0px; width: 40px; height: 40px; border: 0px; background: none; border-radius: 50%; font-size: 21px; color: var(--noch); cursor: pointer; display: flex; align-items: center; justify-content: center; }
.sl-e .sh-poisk button:hover{ background: var(--ser); }
.sl-e .sh-tel{ display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.sl-e .sh-tel > i{ font-size: 20px; color: var(--noch); }
.sl-e .sh-tel b{ font: 700 17px/1.2 var(--txt); color: var(--noch); letter-spacing: 0.005em; }
.sl-e .sh-tel b small{ font: 500 11.5px var(--txt); color: var(--knopka); margin-left: 6px; letter-spacing: 0px; }
.sl-e .sh-ms{ display: flex; gap: 8px; }
.sl-e .sh-ms a{ width: 36px; height: 36px; border-radius: 50%; display: block; transition: transform 0.15s; }
.sl-e .sh-ms a:hover{ transform: translateY(-1px); }
.sl-e .sh-ms svg{ width: 36px; height: 36px; fill: rgb(38, 165, 228); display: block; }
.sl-e .sh-ms img{ width: 36px; height: 36px; display: block; }
.sl-e .sh-ik{ display: flex; gap: 4px; }
.sl-e .sh-ik a,.sl-e .sh-ik button{ position: relative; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; color: var(--noch); border: 0px; background: none; cursor: pointer; }
.sl-e .sh-ik a:hover,.sl-e .sh-ik button:hover{ background: var(--ser); }
.sl-e .sh-lip-kn{ display: none; }
.sl-e .sh-ik .sh-tel-m{ display: none; }
.sl-e .sh-burg{ display: none !important; }
.sl-e .sh-mega{ position: absolute; left: 0px; right: 0px; top: 100%; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(230, 232, 232); box-shadow: rgba(18, 38, 43, 0.35) 0px 30px 60px -30px; display: none; }
.sl-e .sh-mega.open{ display: block; }
.sl-e .sh-mega .wrap{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)) 340px; gap: 28px; padding-top: 32px; padding-bottom: 36px; }
.sl-e .sh-mega .sh-mh{ margin: 0px 0px 12px; font: 600 11.5px/1.3 var(--txt); letter-spacing: 0.14em; text-transform: uppercase; color: rgb(91, 107, 110); }
.sl-e .sh-mega ul{ list-style: none; margin: 0px; padding: 0px; }
.sl-e .sh-mega li a{ display: flex; align-items: center; justify-content: space-between; padding: 9px 0px; font: 500 15.5px/1.3 var(--txt); color: var(--noch); border-bottom: 1px solid rgb(238, 240, 240); }
.sl-e .sh-mega li a i{ font-size: 14px; color: rgb(154, 165, 167); transition: transform 0.15s, color 0.15s; }
.sl-e .sh-mega li a:hover{ color: var(--knopka); }
.sl-e .sh-mega li a:hover i{ transform: translateX(3px); color: var(--knopka); }
.sl-e .sh-akc{ background: var(--noch); color: rgb(255, 255, 255); border-radius: 12px; padding: 28px 26px; display: flex; flex-direction: column; align-items: flex-start; }
.sl-e .sh-akc b{ font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-variation-settings: ; font-language-override: ; font-feature-settings: "lnum"; text-transform: uppercase; letter-spacing: 0.02em; }
.sl-e .sh-akc p{ margin: 12px 0px 22px; font-size: 14.5px; line-height: 1.5; color: rgba(255, 255, 255, 0.75); }
.sl-e .sh-akc .btn{ min-height: 46px; padding: 0px 20px; margin-top: auto; }
.sl-e .sh-sent{ position: absolute; top: 220px; height: 1px; width: 1px; }
.sl-e .sh.lip .sh-main{ position: fixed; left: 0px; right: 0px; top: 0px; height: 60px; background: rgba(255, 255, 255, 0.97); box-shadow: rgba(18, 38, 43, 0.35) 0px 8px 24px -16px; animation: 0.25s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none running shIn; }
.sl-e .sh.lip .sh-lg img{ height: 30px; }
.sl-e .sh.lip .sh-links,.sl-e .sh.lip .sh-ik .kab{ display: none; }
.sl-e .sh.lip .sh-lip-kn{ display: inline-flex; min-height: 42px; padding: 0px 18px; font-size: 14.5px; }
.sl-e .sh.lip .sh-lip-kn,.sl-e .sh.lip .sh-lip-kn:visited,.sl-e .sh.lip .sh-lip-kn:hover{ color: rgb(255, 255, 255); }
.sl-e .sh.lip .sh-mega{ position: fixed; top: 60px; }
.sl-e .sh.lip .sh-top{ margin-bottom: 72px; }
.sl-e .sh-mob{ display: none; }
@media (max-width: 1260px){.sl-e .sh-links{ display: none; }}
@media (max-width: 1260px){.sl-e .sh-top .wrap{ gap: 18px; }}
@media (max-width: 1100px){.sl-e .sh-top .wrap > a:nth-last-of-type(-n+2):not(.sh-pochta){ display: none; }}
@media (max-width: 900px){.sl-e .sh-top,.sl-e .sh-kat,.sl-e .sh-tel,.sl-e .sh-ms,.sl-e .sh-ik .kab,.sl-e .sh-lip-kn{ display: none !important; }}
@media (max-width: 900px){.sl-e .sh-main{ height: 60px; }}
@media (max-width: 900px){.sl-e .sh-main > .wrap{ gap: 4px; }}
@media (max-width: 900px){.sl-e .sh-lg img{ height: 26px; }}
@media (max-width: 900px){.sl-e .sh-poisk{ margin-left: auto; }}
@media (max-width: 900px){.sl-e .sh-poisk.open input{ width: 170px; }}
@media (max-width: 900px){.sl-e .sh-burg{ display: flex !important; }}
@media (max-width: 900px){.sl-e .sh-ik .sh-tel-m{ display: flex; color: var(--knopka); }}
@media (max-width: 900px){.sl-e .sh.lip .sh-main{ height: 56px; }}
@media (max-width: 900px){.sl-e .sh-mob{ display: block; position: fixed; inset: 0px; z-index: 90; background: rgb(255, 255, 255); overflow: auto; transform: translateX(100%); transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); visibility: hidden; }}
@media (max-width: 900px){.sl-e .sh-mob.open{ transform: none; visibility: visible; }}
@media (max-width: 900px){.sl-e .sh-mob-verh{ display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0 var(--pole); border-bottom: 1px solid rgb(230, 232, 232); }}
@media (max-width: 900px){.sl-e .sh-mob-verh button{ width: 44px; height: 44px; border: 0px; background: none; font-size: 24px; color: var(--noch); }}
@media (max-width: 900px){.sl-e .sh-mob-in{ padding: 8px var(--pole) 40px; }}
@media (max-width: 900px){.sl-e .sh-mob details{ border-bottom: 1px solid rgb(238, 240, 240); }}
@media (max-width: 900px){.sl-e .sh-mob summary{ padding: 16px 0px; font: 600 17px/1.2 var(--txt); color: var(--noch); }}
@media (max-width: 900px){.sl-e .sh-mob details a{ display: block; padding: 10px 0px 10px 14px; font-size: 15.5px; color: var(--ink); }}
@media (max-width: 900px){.sl-e .sh-mob .sh-mob-kat summary{ color: var(--knopka); }}
@media (max-width: 900px){.sl-e .sh-mob > .sh-mob-in > a{ display: block; padding: 15px 0px; border-bottom: 1px solid rgb(238, 240, 240); font: 500 16px/1.2 var(--txt); color: var(--noch); }}
@media (max-width: 900px){.sl-e .sh-mob .pole{ margin: 22px 0px 0px; }}
@media (max-width: 900px){.sl-e .sh-mob-tel{ margin-top: 22px; display: grid; gap: 6px; }}
@media (max-width: 900px){.sl-e .sh-mob-tel a{ font: 700 19px/1.3 var(--txt); color: var(--noch); }}
@media (max-width: 900px){.sl-e .sh-mob-tel a + a{ font: 500 16px/1.3 var(--txt); }}
@media (max-width: 900px){.sl-e .sh-mob-tel span{ font-size: 13px; color: rgb(91, 107, 110); }}
@media (max-width: 900px){.sl-e .sh-mob .sh-ms{ margin-top: 22px; gap: 12px; display: flex !important; }}
@media (max-width: 900px){.sl-e .sh-mega{ display: none !important; }}
@media (prefers-reduced-motion: reduce){.sl-e .sh.lip .sh-main{ animation: auto ease 0s 1 normal none running none; }}
@media (prefers-reduced-motion: reduce){.sl-e .sh-mob{ transition: none; }}
.sl-e.v-b summary{ text-transform: none; letter-spacing: -0.005em; font-weight: 600; }
.sl-e.v-b .btn,.sl-e.v-b .sh-kat{ border-radius: 0px !important; }
.sl-e.v-b .sh-links{ font: 500 12.5px/1 var(--txt); letter-spacing: 0.12em; text-transform: uppercase; }
.sl-e.v-b .sh-main{ border-bottom-color: var(--noch); }
.sl-e.v-p .btn,.sl-e.v-p .sh-kat{ background: linear-gradient(180deg,var(--petrol-s) 0%,var(--petrol) 55%,var(--petrol-t) 100%); box-shadow: rgba(255, 255, 255, 0.24) 0px 1px 0px inset, rgba(0, 0, 0, 0.28) 0px -1px 0px inset, rgba(11, 48, 57, 0.4) 0px 1px 2px, rgba(15, 61, 71, 0.6) 0px 10px 20px -10px; text-shadow: rgba(0, 0, 0, 0.22) 0px 1px 0px; transition: filter 0.15s, transform 0.15s, box-shadow 0.15s; border-radius: 4px !important; }
.sl-e.v-p .btn:hover,.sl-e.v-p .sh-kat:hover{ background: linear-gradient(180deg,var(--petrol-s) 0%,var(--petrol) 55%,var(--petrol-t) 100%); filter: brightness(1.12); box-shadow: rgba(255, 255, 255, 0.28) 0px 1px 0px inset, rgba(0, 0, 0, 0.28) 0px -1px 0px inset, rgba(11, 48, 57, 0.4) 0px 2px 3px, rgba(15, 61, 71, 0.65) 0px 14px 24px -10px; }
.sl-e.v-p .btn:active,.sl-e.v-p .sh-kat:active{ background: var(--petrol-t); filter: none; transform: translateY(1px); box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 5px inset; }
.sl-e.v-p .sh-akc .btn{ background: linear-gradient(rgb(255, 255, 255) 0%, rgb(238, 242, 243) 100%); text-shadow: none; box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(15, 61, 71, 0.18) 0px -1px 0px inset, rgba(0, 0, 0, 0.25) 0px 1px 2px, rgba(0, 0, 0, 0.5) 0px 10px 20px -10px; color: var(--petrol) !important; }
.sl-e.v-p .sh-akc .btn:hover{ background: rgb(255, 255, 255); filter: none; }
.sl-e.v-h .sh-top{ background: var(--petrol); border-bottom-color: transparent; color: rgb(196, 211, 214); }
.sl-e.v-h .sh-top a:hover,.sl-e.v-h .sh-dd > button:hover{ color: rgb(255, 255, 255); }
.sl-e.v-h .sh-gor > button{ color: rgb(255, 255, 255); }
.sl-e.v-h .sh-main{ border-bottom-color: var(--petrol); }
.sl-e.v-h .sh-pop{ color: var(--ink); }
.sl-e .ya,.sl-e .sh-pr .sh-ik3{ display: none; }
@media (min-width: 901px){.sl-e.v-h .sh-top .wrap{ gap: 20px; }}
@media (min-width: 901px){.sl-e.v-h .sh-top a,.sl-e.v-h .sh-top button{ white-space: nowrap; }}
@media (min-width: 901px){.sl-e.v-h .sh-gtel{ color: rgb(255, 255, 255); font-weight: 500; margin-left: -8px; }}
@media (min-width: 901px){.sl-e.v-h .sh-pr{ margin-left: auto; display: inline-flex; align-items: center; gap: 18px; }}
@media (min-width: 901px){.sl-e.v-h .sh-pochta{ margin-left: 0px; }}
@media (min-width: 901px){.sl-e.v-h .sh-pr .sh-ik3{ display: inline-flex; align-items: center; gap: 4px; }}
@media (min-width: 901px){.sl-e.v-h .sh-ik3 a{ position: relative; width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 19px; color: rgb(255, 255, 255); }}
@media (min-width: 901px){.sl-e.v-h .sh-ik3 a:hover{ background: rgba(255, 255, 255, 0.14); }}
@media (min-width: 901px){.sl-e.v-h .sh-main{ height: calc(var(--kx-row,80px) + var(--kx-tab,44px)); }}
@media (min-width: 901px){.sl-e.v-h .sh-main > .wrap{ position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr); align-items: center; gap: 28px; padding-bottom: var(--kx-tab,44px); }}
@media (min-width: 901px){.sl-e.v-h .sh-l{ display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0px; }}
@media (min-width: 901px){.sl-e.v-h .sh-kl{ display: block; }}
@media (min-width: 901px){.sl-e.v-h .sh-links{ display: flex; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 44px; align-items: center; justify-content: center; gap: 44px; font: 600 11.5px/1 var(--txt); letter-spacing: 0.12em; }}
@media (min-width: 901px){.sl-e.v-h .sh-links a{ padding: 7px 0px; }}
@media (min-width: 901px){.sl-e.v-h .sh-pr .sh-poisk{ margin: 0px; }}
@media (min-width: 901px){.sl-e.v-h .sh-pr .sh-poisk button{ width: 30px; height: 30px; font-size: 19px; color: rgb(255, 255, 255); }}
@media (min-width: 901px){.sl-e.v-h .sh-pr .sh-poisk button:hover{ background: rgba(255, 255, 255, 0.14); }}
@media (min-width: 901px){.sl-e.v-h .sh-pr .sh-poisk input{ height: 28px; font-size: 13.5px; padding: 0px 34px 0px 12px; }}
@media (min-width: 901px){.sl-e.v-h .sh-pr .sh-poisk.open input{ width: 190px; border-color: rgb(255, 255, 255); }}
@media (min-width: 901px){.sl-e.v-h .sh-pr .sh-poisk.open button{ color: var(--petrol); }}
@media (min-width: 901px){.sl-e.v-h .sh-lg{ display: grid; justify-items: center; gap: 6px; margin: 0px; }}
@media (min-width: 901px){.sl-e.v-h .sh-lg img{ height: 40px; }}
@media (min-width: 901px){.sl-e.v-h .sh-r{ display: flex; align-items: center; justify-content: flex-end; gap: 20px; min-width: 0px; }}
@media (min-width: 901px){.sl-e.v-h .sh-r > *{ flex: 0 0 auto; }}
@media (min-width: 901px){.sl-e.v-h .sh-r .sh-ik{ display: none; }}
@media (min-width: 901px){.sl-e.v-h .sh-tel b small{ display: block; margin: 2px 0px 0px; }}
@media (min-width: 901px){.sl-e.v-h .ya{ display: block; width: 150px; height: 50px; border: 0px; }}
@media (min-width: 901px){.sl-e.v-h .sh.lip .sh-main{ height: 60px; }}
@media (min-width: 901px){.sl-e.v-h .sh.lip .sh-main > .wrap{ padding-bottom: 0px; }}
@media (min-width: 901px){.sl-e.v-h .sh.lip .ya{ display: none; }}
@media (min-width: 901px){.sl-e.v-h .sh.lip .sh-r .sh-ik{ display: flex; }}
@media (min-width: 901px){.sl-e.v-h .sh.lip .sh-lg img{ height: 30px; }}
@media (min-width: 901px) and (max-width: 1200px){.sl-e.v-h .ya{ display: none; }}
@media (min-width: 901px) and (max-width: 1040px){.sl-e.v-h .sh-r .sh-ms{ display: none; }}
@media (max-width: 900px){.sl-e.v-h .sh-l,.sl-e.v-h .sh-kl,.sl-e.v-h .sh-r{ display: contents; }}
@media (max-width: 900px){.sl-e.v-h .sh-lg{ order: -1; }}
.sl-e.v-e .sh-top,.sl-e.v-e .sh-top a,.sl-e.v-e .sh-top button,.sl-e.v-e .sh-pochta{ font-size: 14px; }
.sl-e.v-e .sh-kat{ font-size: 16px; }
.sl-e.v-e .sh-tel b{ font-size: 18px; }
.sl-e.v-e .sh-tel b small{ font-size: 12px; }
.sl-e.v-e .sh-kat{ white-space: nowrap; flex: 0 0 auto; }
@media (min-width: 901px){.sl-e.v-e .sh-main{ height: 88px; }}
@media (min-width: 901px){.sl-e.v-e .sh-main > .wrap{ display: flex; padding-bottom: 0px; gap: 24px; }}
@media (min-width: 901px){.sl-e.v-e .sh-l{ flex: 1 1 auto; justify-content: flex-start; gap: 16px; }}
@media (min-width: 901px){.sl-e.v-e .sh-lg{ display: grid; justify-items: start; gap: 5px; margin-left: -34px; }}
@media (min-width: 901px){.sl-e.v-e .sh-lg img{ height: 36px; }}
@media (min-width: 901px){.sl-e.v-e .sh-pod{ display: block; font: 400 12px/1 var(--txt); color: var(--mute); white-space: nowrap; }}
@media (min-width: 901px){.sl-e.v-e .sh-kl{ display: flex; align-items: center; gap: 18px; }}
@media (min-width: 901px){.sl-e.v-e .sh-kat{ padding: 0px 16px; }}
@media (min-width: 901px){.sl-e.v-e .sh-links{ position: static; height: auto; gap: 14px; font: 600 12px/1 var(--txt); letter-spacing: 0.04em; }}
@media (min-width: 901px){.sl-e.v-e .sh-links a{ padding: 8px 0px; }}
@media (min-width: 901px){.sl-e.v-e .sh-r{ flex: 0 0 auto; }}
@media (min-width: 901px){.sl-e.v-e .sh.lip .sh-main{ height: 60px; }}
@media (min-width: 901px){.sl-e.v-e .sh.lip .sh-pod{ display: none; }}
.sl-e .sh-pod{ display: none; }
@media (min-width: 901px) and (max-width: 1399px){.sl-e.v-e .ya{ display: none; }}
@media (max-width: 768px){.sl-e.v-e .btn{ min-height: 50px; font-size: 16px; }}
@media (max-width: 768px){.sl-e.v-e input,.sl-e.v-e select{ font-size: 16px !important; min-height: 48px; }}
.sl-e a:focus-visible{ outline: 2px solid var(--latun); outline-offset: 3px; border-radius: 2px; }
@media (min-width: 901px) and (max-width: 1180px){.sl-e.v-h .sh-top .wrap{ gap: 11px; }}
@media (min-width: 901px) and (max-width: 1180px){.sl-e.v-h .sh-pr{ gap: 10px; }}
@media (min-width: 901px) and (max-width: 1180px){.sl-e.v-h .sh-gtel{ margin-left: -4px; }}
@media (min-width: 901px) and (max-width: 1180px){.sl-e.v-e .sh-main > .wrap{ gap: 16px; }}
@media (min-width: 901px) and (max-width: 1180px){.sl-e.v-e .sh-l{ gap: 12px; }}
@media (min-width: 901px) and (max-width: 1180px){.sl-e.v-e .sh-kl{ gap: 14px; }}
@media (min-width: 901px) and (max-width: 1180px){.sl-e.v-e .sh-kat{ padding: 0px 14px; }}
@media (min-width: 901px) and (max-width: 1180px){.sl-e.v-e .sh-links{ gap: 12px; font-size: 11px; letter-spacing: 0.02em; }}
@media (min-width: 901px) and (max-width: 1040px){.sl-e.v-e .sh-links{ display: none; }}
@media (min-width: 901px) and (max-width: 1040px){.sl-e.v-h .sh-pochta{ font-size: 0px !important; }}
@media (min-width: 901px) and (max-width: 1040px){.sl-e.v-h .sh-pochta i{ font-size: 18px; }}
@media (max-width: 767px){.sl-e.v-e summary{ font-family: var(--txt) !important; font-weight: 600 !important; font-size: 15px !important; line-height: 1.35 !important; }}
@media (max-width: 767px){.sl-e.v-e .sh-main{ background: rgb(255, 255, 255); height: 56px !important; border-bottom: 1px solid rgb(238, 240, 241) !important; }}
@media (max-width: 767px){.sl-e.v-e .sh-lg img{ height: 24px !important; }}
@media (max-width: 767px){.sl-e.v-e .sh-lg{ min-height: 44px; align-items: center; display: flex !important; }}
@media (max-width: 767px){.sl-e.v-e .sh-ik a,.sl-e.v-e .sh-ik button,.sl-e.v-e .sh-burg{ width: 44px !important; height: 44px !important; }}
@media (max-width: 767px){.sl-e.v-e .btn{ min-height: 50px; border-radius: 14px !important; }}
@keyframes shIn { 
  0% { transform: translateY(-100%); }
  100% { transform: none; }
}
/* ===== подвал макета Е: вынуто из sayt-maket-shokolad-e.html 20.10.2026 ===== */
/* обёртка Intec была высотой в экран, и подвал уходил под содержимое */
html body,html body .intec-template,html body .intec-template-layout{height:auto!important}
.sl-e.sl-f{position:static;z-index:auto;font-size:15px;line-height:1.6}
.sl-e .foot svg{width:20px;height:20px;fill:currentColor}
.sl-e{ --bel: #FFFFFF; --ser: #F3F4F4; --ser2: #E7E8E8; --liniya: #DCDEDE; --ink: #1F2B2F; --mute: #5C686B; --noch: #12262B; --choc: #5A3A2B; --knopka: #0F7F6E; --knopka-h: #0B6B5D; --latun: #D9A441; --zag: "Playfair",Georgia,"Times New Roman",serif; --txt: "Golos Text",system-ui,-apple-system,sans-serif; --wrap: 1344px; --pole: 48px; --sek: 112px; --zag-sod: 56px; --zazor: 28px; }
.sl-e{ --wrap: 1280px; --pole: clamp(16px,5vw,80px); --kray: max(var(--pole),calc((100vw - var(--wrap)) / 2)); }
.sl-e.v-b{ --zag: "Cormorant Garamond",Georgia,serif; }
.sl-e.v-p{ --petrol: #0F3D47; --petrol-t: #0B3039; --petrol-s: #246E7F; --knopka: #0F3D47; --knopka-h: #0B3039; }
.sl-e.v-e{ --txt: "Onest",system-ui,-apple-system,sans-serif; }
.sl-e{ --sek-gap: 96px; --sek: calc(var(--sek-gap) / 2); --kat-vylet: 24px; --zag-sod: 40px; --kn-pole: 106px; }
.sl-e .foot{ background: var(--noch); color: rgba(255, 255, 255, 0.72); padding: 80px 0px 40px; font-size: 15px; }
.sl-e .foot .wrap{ display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: var(--zazor); }
.sl-e .foot b{ display: block; color: rgb(255, 255, 255); font: 600 12px/1.3 var(--txt); letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 18px; }
.sl-e .foot a{ display: block; text-decoration: none; margin: 8px 0px; }
.sl-e .foot a:hover{ color: rgb(255, 255, 255); }
.sl-e .foot .tel{font:500 26px/1.2 var(--zag);font-feature-settings:"lnum" 1;color:#fff;margin:14px 0 6px}
.sl-e .foot-lg{ width: 170px; margin-bottom: 10px; }
@media (max-width: 900px){.sl-e .foot .wrap{ grid-template-columns: 1fr 1fr; gap: 36px 20px; }}
@media (max-width: 900px){.sl-e .foot .wrap > div:first-child{ grid-column: 1 / -1; }}
@media (max-width: 768px){.sl-e .foot{ border-radius: 22px 22px 0px 0px; margin-top: 10px; }}
.sl-e .foot .wrap{ grid-template-columns: 1.25fr repeat(5, minmax(0px, 1fr)); gap: 28px var(--zazor); }
.sl-e .foot a.foot-h{ display: block; color: rgb(255, 255, 255); font: 600 12px/1.3 var(--txt); letter-spacing: 0.14em; text-transform: uppercase; margin: 0px 0px 18px; text-decoration: none; }
.sl-e .foot a.foot-h:hover{ color: var(--latun); }
.sl-e .foot .foot-soc-h{ margin-top: 28px; }
.sl-e .foot-soc{ display: flex; gap: 10px; }
.sl-e .foot .foot-soc a{ display: grid; place-items: center; width: 44px; height: 44px; margin: 0px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.28); color: rgb(255, 255, 255); transition: background-color 0.2s, border-color 0.2s, color 0.2s; }
.sl-e .foot .foot-soc a:hover{ background: var(--latun); border-color: var(--latun); color: rgb(7, 31, 37); }
.sl-e .foot a:focus-visible{ outline: 2px solid var(--latun); outline-offset: 3px; border-radius: 4px; }
.sl-e .foot .foot-soc a:focus-visible{ border-radius: 50%; }
.sl-e .foot-copy{ grid-column: 1 / -1; margin-top: 28px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.14); font-size: 13.5px; color: rgba(255, 255, 255, 0.62); }
@media (max-width: 1180px){.sl-e .foot .wrap{ grid-template-columns: repeat(3, minmax(0px, 1fr)); }}
@media (max-width: 1180px){.sl-e .foot .wrap > div:first-child{ grid-column: 1 / -1; }}
@media (max-width: 900px){.sl-e .foot .wrap{ grid-template-columns: 1fr 1fr; gap: 32px 20px; }}
@media (prefers-reduced-motion: reduce){.sl-e .foot .foot-soc a{ transition: none; }}
@media (max-width: 767px){.sl-e.v-e .foot .tel{ letter-spacing: -0.01em; font-family: var(--txt) !important; font-weight: 700 !important; }}
@media (max-width: 767px){.sl-e.v-e .foot{ border-radius: 24px 24px 0px 0px !important; margin-top: 18px !important; }}
@media (max-width: 767px){.sl-e.v-e .foot .wrap{ display: block !important; }}
@media (max-width: 767px){.sl-e.v-e .foot .foot-copy{ padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.12); margin-top: 24px !important; }}
@media (max-width: 767px){.sl-e.v-e .foot .wrap > div:first-child > a{ align-items: center; min-height: 44px; display: flex !important; margin: 0px !important; }}
@media(max-width:767px){.sl-e .foot .wrap>div+div{margin-top:30px}.sl-e .foot{padding-bottom:96px}}

/* 21.10: маркеры шаблона Битрикса в мега-меню убраны */
.sh-mega ul,.sh-mega li{list-style:none!important;padding-left:0!important;margin-left:0!important;background-image:none!important}
.sh-mega li::before,.sh-mega li::after{content:none!important;display:none!important}
.sh-mega li::marker{content:""!important}
#slE ul>li::before,#slE ul>li::after{content:none!important;display:none!important}
/* 21.10: города — крупные сверху, полный список под «Все города» */
.sh-gor .sh-pop{width:560px;max-height:min(70vh,560px);overflow:auto}
.sh-gor .sh-gor-z{margin:4px 12px 6px;font:600 11.5px/1.3 var(--txt);letter-spacing:.14em;text-transform:uppercase;color:#5b6b6e}
.sh-gor ul{columns:3!important}
.sh-gor-vse{margin-top:8px;border-top:1px solid #eef0f0;padding-top:8px}
.sh-gor-vse>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font:600 14px/1.3 var(--txt);color:var(--knopka,#0F3D47)}
.sh-gor-vse>summary::-webkit-details-marker{display:none}
.sh-gor-vse>summary:hover{background:var(--ser,#f2f4f4)}
.sh-gor-vse[open]>summary i{transform:rotate(180deg)}
.sh-gor-vse ul{margin-top:6px!important}
@media(max-width:767px){.sh-gor .sh-pop{width:calc(100vw - 32px)}.sh-gor ul{columns:2!important}}
/* 21.10: «Ваш город …?» при первом заходе */
.sh-gor{position:relative}
.sh-gor-vopros{position:absolute;top:calc(100% + 10px);left:0;z-index:80;width:270px;padding:16px;background:#fff;color:var(--ink,#1F2B2F);border-radius:10px;box-shadow:0 14px 34px rgba(18,38,43,.24);text-align:left}
.sh-gor-vopros p{margin:0 0 12px;font:400 15px/1.35 var(--txt)}
.sh-gor-vopros b{font-weight:600}
.sh-gor-vopros div{display:flex;align-items:center;gap:14px}
.sh-gor-vopros .sh-gv-da{min-height:0;padding:9px 22px;font-size:14px}
.sh-gor-vopros .sh-gv-net{border:0;background:none;padding:0;font:500 14px/1.3 var(--txt);color:var(--knopka,#0F3D47);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* 09.11.2026 Евгения: Конструктор шоколада в шапке — белая кнопка, обратная кнопке Каталог */
html body .sh-links a[href="/konstruktor/"]{display:inline-flex!important;align-items:center;box-sizing:border-box;height:44px;padding:0 16px!important;border:1.5px solid #0F3D47!important;border-radius:4px;background:#fff;color:#0F3D47!important;font:600 16px/1 "Onest",sans-serif!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap;transition:background .15s,color .15s}
html body .sh-links a[href="/konstruktor/"]:hover{background:#0F3D47;color:#fff!important}