/* Точки перелома берём ТОЛЬКО из responsive-контракта DESIGN.md §Responsive:
phone <=575.98, tablet 576…991.98, desktop >=992, отдельный сплит PDP 1151.
Контрольные вьюпорты те же: 344, 440, 768, 1024, 1400 — на них запрещены
горизонтальная прокрутка, пересечение текста и обрезка интерактивного.
Значения нельзя вынести в переменные: @media не читает var(), поэтому
контракт живёт в DESIGN.md, а здесь только ссылка на него. Самодельные
900/901px — наследие первых снимков; новые правила их не используют.
Измеренный подсплит внутри tablet: листинг товара у источника даёт две
колонки до 767.98 и четыре с 768 (Bootstrap col-sm-6 / col-md-3). */
:root{--orange:#f29400;--orange-dark:#d97700;--ink:#333;--muted:#6f6f6f;--line:#dedede;--light:#f5f5f5;--green:#37833b;--shadow:0 2px 9px rgba(0,0,0,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
/* Описания товаров приезжают из Plenty с абсолютными блоками вида
padding-left:530px, и на узком экране они вылезают за край: документ
разъезжается до 612px, мобильный Chrome масштабирует страницу и вся
раскладка (включая футер) едет. Источник подрезает это на своём div.main
(overflow-x:clip) и на body (overflow-x:hidden) — делаем так же. Именно
clip, а не hidden: hidden сделал бы main скролл-контейнером и сломал
position:sticky у шапки. */
main{overflow-x:clip}
body{margin:0;color:var(--ink);font-family:custom-font,helvetica,arial,sans-serif;font-size:15px;line-height:1.45;background:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,select{font:inherit}.container{width:min(1200px,calc(100% - 32px));margin-inline:auto}.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}
body.payment-popup-active{overflow:hidden}.payment-popup-backdrop{position:fixed;z-index:2147483000;inset:0;background:rgba(0,0,0,.62);cursor:wait}.payment-popup-backdrop[hidden]{display:none}.paypal-sdk-button{position:relative;width:100%;min-height:45px;transition:filter .12s ease,opacity .12s ease}.paypal-sdk-button[hidden],.legacy-place-order[hidden]{display:none}.paypal-sdk-button--disabled{filter:grayscale(1);opacity:.48}.paypal-sdk-button--disabled::after{position:absolute;z-index:2;inset:0;border-radius:4px;content:"";cursor:not-allowed}
.service-bar{background:#f1f1f1;border-bottom:1px solid #ddd;font-size:12px}.service-bar__inner{height:34px;display:flex;align-items:center;gap:24px}.service-bar__inner a:first-of-type{margin-left:auto}.site-header{background:#fff}.header-main{min-height:104px;display:grid;grid-template-columns:270px 1fr 190px;align-items:center;gap:34px}.brand img{width:250px;height:72px;object-fit:contain}.mobile-menu{display:none;border:0;background:transparent;font-size:24px}.search{display:flex;height:44px;border:2px solid var(--orange);background:#fff}.search input{width:100%;min-width:0;border:0;padding:0 14px;outline:0}.search button{min-width:90px;border:0;background:var(--orange);color:#fff;font-weight:700;cursor:pointer}.search button:hover,.button:hover{background:var(--orange-dark)}.cart-link{display:flex;align-items:center;justify-content:flex-end;gap:10px}.cart-link__icon{font-size:28px}.cart-link span:last-child{display:flex;flex-direction:column}.cart-link small{color:var(--muted)}.main-nav{background:var(--orange);box-shadow:0 2px 3px rgba(0,0,0,.12)}.main-nav__inner{display:flex;align-items:stretch;min-height:46px}.main-nav a{display:flex;align-items:center;padding:0 18px;color:#fff;font-weight:700;border-right:1px solid rgba(255,255,255,.2)}.main-nav a:hover{background:rgba(0,0,0,.1)}
.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:2px;background:var(--orange);color:#fff;font-weight:700;padding:11px 18px;cursor:pointer}.button:disabled{cursor:not-allowed;background:#aaa}.button--large{min-height:50px;padding:13px 25px;font-size:17px}.button--wide{width:100%}.button--muted{background:#727272}.hero{background:linear-gradient(90deg,#f4f4f4,#fff);border-bottom:1px solid #e8e8e8}.hero__inner{min-height:410px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:36px}.hero__copy{padding:45px 0}.hero__copy h1{max-width:590px;margin:5px 0 15px;font-size:42px;line-height:1.1}.hero__copy>p:not(.eyebrow){font-size:19px;max-width:540px}.hero__inner>img{width:100%;height:390px;object-fit:contain}.eyebrow{margin:0;color:var(--orange);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.section{padding-top:42px;padding-bottom:48px}.section--light{background:var(--light)}.section-title{margin:0 0 25px;text-align:center;font-size:28px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{background:#fff;border:1px solid var(--line);text-align:center;transition:.15s transform,.15s box-shadow}.category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.category-card img{width:100%;height:190px;object-fit:contain;padding:14px}.category-card strong{display:block;padding:15px;border-top:1px solid #eee;font-size:17px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{min-width:0;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.product-card__image{display:flex;height:250px;padding:12px;align-items:center;justify-content:center}.product-card__image img{width:100%;height:100%;object-fit:contain}.product-card__body{display:flex;flex:1;flex-direction:column;padding:15px;border-top:1px solid #eee}.product-card__name{min-height:44px;font-weight:700;line-height:1.35}.product-card__name:hover{color:var(--orange)}.product-card__sku,.product-sku{margin:7px 0;color:var(--muted);font-size:12px}.product-card__price{display:flex;min-height:54px;flex-direction:column;justify-content:flex-end;margin:5px 0 12px}.product-card__price del,.product-price del{color:#e61d1d}.product-card__price strong{font-size:21px;color:var(--orange-dark)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:30px;padding-bottom:30px}.benefits div{display:flex;flex-direction:column;align-items:center;border-right:1px solid #ddd}.benefits div:last-child{border:0}.benefits strong{font-size:17px}.benefits span{color:var(--muted)}
.breadcrumb{display:flex;align-items:center;gap:8px;min-height:46px;color:var(--muted);font-size:13px}.breadcrumb a:hover{color:var(--orange)}.category-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0;border-bottom:1px solid #eee}.category-heading h1{margin:0 0 8px;font-size:34px}.category-heading p{max-width:700px;margin:0;color:var(--muted)}.category-heading img{height:180px;object-fit:contain}.catalog-layout{display:grid;grid-template-columns:220px 1fr;gap:28px;padding-top:28px;padding-bottom:55px}.filters{border:1px solid var(--line);padding:17px;height:max-content}.filters h2{margin:0 0 15px;font-size:19px}.filters label{display:flex;flex-direction:column;gap:8px;margin:15px 0}.filters label:first-of-type{flex-direction:row}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.catalog-toolbar select{padding:8px;border:1px solid #bbb}
.product-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;padding-top:25px;padding-bottom:45px}.product-gallery{border:1px solid #e1e1e1}.product-gallery__main{width:100%;height:550px;object-fit:contain;padding:20px}.product-buybox h1{margin:0;font-size:31px;line-height:1.2}.stock{margin:15px 0;padding:9px 12px;background:#eee}.stock--available{background:#e7f4e8;color:var(--green)}.product-price{display:flex;flex-direction:column;margin:20px 0}.product-price strong{font-size:34px;color:var(--orange-dark)}.product-price small{color:var(--muted)}.buy-row{display:grid;grid-template-columns:80px 1fr;gap:10px;margin:22px 0}.buy-row label{display:flex;flex-direction:column;font-size:12px}.buy-row input{height:50px;border:1px solid #aaa;padding:8px}.buy-benefits{list-style:none;padding:0;color:#555}.buy-benefits li{margin:7px 0}.product-description{padding-top:35px;padding-bottom:50px;border-top:1px solid #ddd}.product-description h2{font-size:25px}
.search--page{max-width:700px;margin:15px 0 30px}.cart-page{display:grid;grid-template-columns:1fr 330px;gap:34px}.cart-items{min-height:180px}.cart-item{display:grid;grid-template-columns:100px minmax(0,1fr) 90px 35px;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #ddd}.cart-item img{width:90px;height:80px;object-fit:contain}.cart-item div{display:flex;min-width:0;flex-direction:column;gap:6px}.cart-item div strong{overflow-wrap:anywhere}.cart-item label{font-size:12px}.cart-item input{width:72px;padding:8px}.cart-item button{border:0;background:transparent;font-size:26px;cursor:pointer}.cart-summary{height:max-content;background:#f3f3f3;border:1px solid #ddd;padding:20px}.cart-summary h2{margin-top:0}.cart-summary>div{display:flex;justify-content:space-between;gap:15px;margin:14px 0}.cart-summary small{display:block;margin-top:10px;color:var(--muted)}.checkout{max-width:1000px}.pilot-notice{padding:18px;background:#fff4df;border:1px solid #efb24f;margin-bottom:25.5px}.pilot-notice p{margin-bottom:0}.checkout-grid{display:grid;grid-template-columns:1fr 330px;gap:35px}.checkout form{display:grid;gap:12px}.checkout label{display:flex;flex-direction:column;gap:5px}.checkout input{height:42px;border:1px solid #bbb}.two-columns{display:grid;grid-template-columns:1fr 2fr;gap:12px}.content-page{max-width:900px;min-height:420px;padding-top:25px;padding-bottom:60px}.legacy-checkout{padding:21px 0 60px}.legacy-checkout>h1{margin:0 0 14px;color:#212529;font-size:18.2px;font-weight:500;line-height:20.02px}.legacy-checkout.container{width:min(100% - 22px,1278px)}.legacy-checkout-grid{display:grid;grid-template-columns:minmax(0,716.656px) 503.328px;gap:30px;align-items:start;padding:0 14px}.legacy-checkout-main h3,.legacy-checkout-summary h3{margin:21px 0 7px;color:#212529;font-size:21px;font-weight:500;line-height:23.1px}.legacy-checkout-main h3:first-child,.legacy-checkout-summary h3:first-child{margin-top:0}.legacy-field{position:relative;margin-bottom:15px;border:1px solid #ced4da;border-radius:3px;background:#fff}.legacy-field input,.legacy-field select,.legacy-field textarea{display:block;width:100%;padding:18.2px 14px 4.2px;border:0;border-radius:3px;background:transparent;color:#495057;font:400 14px/16.8px custom-font,helvetica,arial,sans-serif;outline:0}.legacy-field input,.legacy-field select{height:39.1875px}.legacy-field textarea{height:56px;min-height:56px;padding-top:22px;line-height:21px;resize:vertical}.legacy-field>label{position:absolute;z-index:1;left:14px;top:3px;margin:0;color:#999;font-size:10px;line-height:12px;pointer-events:none}.legacy-field--error{border-color:#dc3545}.legacy-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.legacy-field-row--street{grid-template-columns:3fr 1fr}.legacy-field-row--zip{grid-template-columns:1fr 2fr}.legacy-delivery-note{margin:0 0 15px;color:#6c757d;font-size:14px;font-style:italic;line-height:21px}.legacy-address-box{display:flex;min-height:90px;align-items:center;margin-bottom:21px;border:1px solid rgba(0,0,0,.125);border-radius:4.2px;background:#fff}.legacy-address-box__inner{flex:1 1 auto;min-width:0;padding:16.8px}.legacy-address-box__empty{margin:0;padding-top:14px;color:#6c757d;font-size:13.44px;font-style:italic;line-height:20.16px}.legacy-address-box__saved{margin:0;padding-top:14px;color:#212529;font-size:14px;line-height:21px}.legacy-address-box__action{flex:0 0 210px;padding:16.8px 16.8px 16.8px 0}.legacy-address-box__button{display:block;width:100%;min-width:210px;height:33.5px;padding:7px 14px;border:0;border-radius:4.2px;background:#f29400;color:#fff;font:400 14px/17.5px custom-font,helvetica,arial,sans-serif;cursor:pointer}.legacy-modal{position:fixed;z-index:1050;inset:0;display:none;overflow-y:auto;background:rgba(0,0,0,.5)}.legacy-modal--open{display:block}.legacy-modal__dialog{max-width:600px;margin:24.5px auto}.legacy-modal__content{border:1px solid rgba(0,0,0,.2);border-radius:2.8px;background:#fff}.legacy-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid #dee2e6}.legacy-modal__title{margin:0;color:#212529;font-size:17.5px;font-weight:500;line-height:26.25px}.legacy-modal__close{border:0;background:transparent;color:#000;font-size:24.5px;line-height:1;opacity:.5;cursor:pointer}.legacy-modal__body{padding:14px}.legacy-modal__save{display:block;width:100%;height:33.5px;padding:7px 14px;border:0;border-radius:4.2px;background:#f29400;color:#fff;font:400 14px/17.5px custom-font,helvetica,arial,sans-serif;cursor:pointer}@media(max-width:560px){.legacy-address-box{position:relative}.legacy-address-box__inner{width:100%}.legacy-address-box__action{position:static;flex:0 0 50px;padding:0}.legacy-address-box__button,.konto-address-actions .legacy-address-box__button{width:50px;min-width:0;height:54px;padding:7px 0}.legacy-modal__dialog{max-width:none;margin:8px}}.legacy-method-list{margin:0 0 21px;padding:6px 0 0;border:0}.legacy-method-list legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.legacy-method{margin-top:13px}.legacy-method:first-of-type{margin-top:0}.legacy-method input{display:none}.legacy-method label{display:flex;min-height:70px;align-items:center;margin:0;padding:7px;border:1px solid #dee2e6;border-radius:1.4px;background:#fff;cursor:pointer}.legacy-method input:checked+label{border-color:#f29400}.legacy-method__icon{display:flex;width:56px;flex:0 0 56px;align-items:center;justify-content:center;text-align:center}.legacy-method__icon img{max-width:100%;height:auto}.legacy-method__content{display:block;padding-left:7px;font-size:14px;line-height:21px}.legacy-method__content small{display:block;color:#212529;font-size:11.2px;line-height:16.8px}.legacy-radio-group{margin:0 0 15px;padding:0;border:0}.legacy-radio-group.legacy-field--error{padding:8px;border:1px solid #dc3545;border-radius:3px}.legacy-radio-group legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.legacy-radio{display:flex;gap:9px;align-items:center;min-height:32px;font-size:14px;line-height:21px}.legacy-radio input{margin:0}.legacy-checkout-summary{font-size:14px;line-height:21px}.legacy-checkout-lines{margin-top:22px}.legacy-checkout-line{display:grid;grid-template-columns:75px minmax(0,1fr) 97px;gap:0;align-items:start;padding:14px 0;border-bottom:1px solid #d7dce1}.legacy-checkout-line__right{display:flex;flex-direction:column;align-items:flex-end;gap:0}.legacy-qty-box{display:flex;width:72px;height:41px;border:1px solid #ced4da;border-radius:3px;background:#fff}.legacy-qty-box input{width:46px;border:0;background:transparent;color:#495057;font:400 14px/17.5px custom-font,helvetica,arial,sans-serif;text-align:center;outline:0}.legacy-qty-box__buttons{display:flex;flex-direction:column;border-left:1px solid #ced4da}.legacy-qty-box__buttons button{width:24px;flex:1;border:0;background:#e9ecef;color:#212529;font-size:9px;line-height:1;cursor:pointer}.legacy-qty-box__buttons button:first-child{border-bottom:1px solid #ced4da;border-radius:0 2px 0 0}.legacy-qty-box__buttons button:last-child{border-radius:0 0 2px}.legacy-checkout-line__remove{margin-top:1px;border:0;background:transparent;color:#dc3545;font-size:12.25px;line-height:18.375px;cursor:pointer}/* Картинка не должна касаться текста. Сетка строки — `75px minmax(0,1fr) 97px`
с `gap:0`, снятая с источника, поэтому отступ даём ВНУТРИ ячейки картинки:
так ширины колонок остаются прежними. 14px — базовый шаг отступов всей
этой вёрстки (padding строки, полей формы, модалки). Значение с живого
источника снять не удалось: строка корзины рисуется Vue, а браузерная
сессия корзину источника не унаследовала. */
.legacy-checkout-line__image{padding-right:14px}
.legacy-checkout-line__image img{max-width:100%;height:auto;object-fit:contain}.legacy-checkout-line__meta{min-width:0;font-size:11.2px;line-height:16.8px}.legacy-checkout-line__name{display:block;color:#f29400;font-size:11.2px;font-weight:700;line-height:21px}.legacy-checkout-line__price{margin-top:0}.legacy-checkout-line__bundle{margin:0 0 14px;font-weight:700}.legacy-checkout-line__bundle>div{font-weight:400}.legacy-checkout-line__bundle a{color:#f29400}.legacy-checkout-line__muted{color:#6c757d}.legacy-checkout-line__row{margin-top:0}.legacy-checkout-line__variation{margin-top:0;color:#6c757d}.legacy-checkout-line__availability{display:flex;min-height:30px;gap:6px;align-items:flex-end;margin-top:5px}.legacy-checkout-line__availability .fa{color:#28a745;font-size:22.4px;line-height:30px}.legacy-checkout-line__total{margin-top:3.5px;font-size:14px;font-weight:700;line-height:21px;white-space:nowrap}.legacy-checkout-summary hr{height:1px;margin:14px 0;border:0;border-top:1px solid #d7dce1}.legacy-checkout-summary hr+h3{margin-top:14px}.legacy-checkout-summary .legacy-import-notice{margin-top:14px}.legacy-gtc-check{display:flex;gap:9px;align-items:flex-start;margin:14px 0}.legacy-gtc-check input{margin-top:4px}.legacy-gtc-check label{margin:0;font-size:14px;line-height:21px}.legacy-gtc-check .legacy-legal-link{color:#f29400;font-weight:700}.legacy-gtc-check .legacy-legal-link:hover,.legacy-gtc-check .legacy-legal-link:focus{text-decoration:underline}.legacy-gtc-check.legacy-field--error label{color:#dc3545}.legacy-place-order{display:flex;width:100%;height:33.5px;align-items:center;justify-content:center;gap:8px;padding:7px 14px;border:0;border-radius:3px;background:#f29400;color:#fff;font-size:14px;line-height:17.5px;cursor:pointer}.pilot-form-status--ok{color:#1c7430}.pilot-form-status--error{color:#dc3545}@media(max-width:900.98px){.legacy-checkout-grid{display:block;padding:0}.legacy-checkout.container{width:360px;margin:0 15px}.legacy-checkout-summary{margin-top:24px}.legacy-checkout-line{grid-template-columns:59px minmax(0,1fr) 97px}.legacy-checkout-line__availability{min-height:29px}.legacy-checkout-line__availability .fa{line-height:29px}.legacy-checkout-line__image img{width:50px}.legacy-checkout-summary .legacy-total-row+hr{margin:5px 0}}.reference-content-page .error-msg{display:none;margin:0 0 10px;color:#d9534f;font-size:12px;line-height:18px}.reference-content-page.has-guest-email-error .widget-guest-login .error-msg{display:block}.reference-content-page .widget-text.h1>.widget-inner>p{margin:0;color:#212529;font-size:22.4px;font-weight:500;line-height:24.64px}.reference-content-page .widget-grid{margin-bottom:28px}.reference-content-page .small{font-size:11.2px;line-height:16.8px}@media(max-width:767.98px){.reference-content-page .widget-grid{margin-bottom:14px}.reference-content-page .widget-stacked-mobile{padding-bottom:14px}}.reference-content-page .widget-success .btn-primary,.reference-content-page .widget-success .btn-appearance{border-color:#28a745;background:#28a745}.reference-content-page .widget-guest-login .btn{border-radius:4.2px}
.site-footer{background:#333;color:#eee}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:35px;padding-top:45px;padding-bottom:42px}.footer-grid h2{font-size:17px;color:#fff}.footer-grid section{display:flex;flex-direction:column;gap:8px}.footer-grid p{color:#bbb}.footer-grid a{color:#ccc}.footer-grid a:hover{color:#fff}.footer-bottom{padding:16px;text-align:center;background:#252525;color:#aaa}.cookie-banner{position:fixed;z-index:50;left:50%;bottom:18px;transform:translateX(-50%);width:min(920px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;background:#fff;border:1px solid #ccc;box-shadow:0 5px 30px rgba(0,0,0,.28)}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:5px 0 0}.cookie-actions{display:flex;gap:10px;flex-shrink:0}
@media(max-width:991.98px){.service-bar__inner span:nth-child(n+2),.service-bar__inner a{display:none}.header-main{grid-template-columns:46px 1fr 58px;gap:8px;min-height:78px}.mobile-menu{display:block}.brand img{height:57px}.search{grid-column:1/-1;grid-row:2;margin-bottom:12px}.cart-link span:last-child{display:none}.main-nav{display:none}.main-nav--open{display:block}.main-nav__inner{flex-direction:column}.main-nav a{min-height:44px;border-bottom:1px solid rgba(255,255,255,.2)}}
@media(max-width:900.98px){.hero__inner{grid-template-columns:1fr;min-height:0}.hero__copy{padding:35px 0 0}.hero__copy h1{font-size:34px}.hero__inner>img{height:280px}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.filters{display:none}.product-detail{grid-template-columns:1fr;gap:25px}.product-gallery__main{height:430px}.footer-grid{grid-template-columns:repeat(2,1fr)}.cart-page,.checkout-grid{grid-template-columns:1fr}.cart-summary{order:2}}
@media(max-width:560px){.container{width:min(100% - 22px,1200px)}.service-bar__inner{justify-content:center}.service-bar__inner span:first-child{display:block}.header-main{min-height:72px}.hero__copy h1{font-size:29px}.hero__copy>p:not(.eyebrow){font-size:16px}.hero__inner>img{height:220px}.section{padding-top:30px;padding-bottom:35px}.category-grid,.product-grid{grid-template-columns:1fr 1fr;gap:9px}.category-card img{height:135px;padding:8px}.category-card strong{font-size:14px;padding:10px}.product-card__image{height:170px;padding:7px}.product-card__body{padding:10px}.product-card__name{font-size:13px;min-height:53px}.product-card__price strong{font-size:17px}.product-card .button{font-size:12px;padding:9px 4px}.benefits{grid-template-columns:1fr}.benefits div{border-right:0;border-bottom:1px solid #ddd;padding-bottom:12px}.category-heading img{display:none}.product-detail{padding-top:10px}.product-gallery__main{height:340px;padding:10px}.product-buybox h1{font-size:25px}.product-price strong{font-size:29px}.buy-row{grid-template-columns:70px 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:18px}.cookie-banner{bottom:8px;display:block;padding:15px}.cookie-actions{margin-top:12px}.cookie-actions .button{flex:1}.cart-item{grid-template-columns:68px minmax(0,1fr) 65px 25px;gap:8px}.cart-item img{width:65px;height:60px}.two-columns{grid-template-columns:1fr}}
/* Ceres migration skin: v0.1 intentionally mirrors the current storefront. */
.service-bar{height:38px}.service-bar__inner{height:38px;gap:35px;font-size:12px}.service-bar__inner b,.service-bar__inner a{color:#f29400}.service-bar__inner img{align-self:stretch;margin-left:auto;width:31px;height:38px;object-fit:cover}.header-tools{height:83px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #ddd}.header-tools .search{width:603px;height:37px;border:1px solid #ddd}.header-tools .search button{min-width:52px;font-size:28px}.account-tools{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:12px;color:#f29400}.account-tools .cart-link{display:flex;height:36px;gap:11px;padding:0 14px;background:#f29400;color:#fff}.header-navigation{border-bottom:1px solid #ddd}.header-navigation__inner{height:86px;display:flex;align-items:center}.header-navigation .brand{width:285px;flex:0 0 285px}.header-navigation .brand img{width:180px;height:44px;object-fit:contain}.header-navigation .mobile-menu{margin-left:auto}.header-navigation .main-nav{display:block;flex:1;background:#fff;box-shadow:none}.header-navigation .main-nav__inner{display:flex;align-items:stretch;justify-content:flex-end;min-height:86px}.header-navigation .main-nav a{display:flex;min-width:105px;flex-direction:column;align-items:center;justify-content:center;padding:6px 12px;color:#222;border:0;font-weight:700;position:relative}.header-navigation .main-nav a:hover{background:#f5f5f5}.header-navigation .main-nav a>span{font-size:22px;line-height:1}.header-navigation .main-nav a>small{position:absolute;right:5px;bottom:22px;color:#333}.legacy-intro{display:grid;grid-template-columns:36% 64%;gap:15px;padding-top:31px;padding-bottom:35px}.legacy-intro h1{margin:0;font-size:22px;line-height:1.45;font-weight:400}.legacy-intro p{margin:2px 0;font-size:14px}.legacy-promo{display:grid;grid-template-columns:2fr 1fr;gap:30px;padding-bottom:28px}.legacy-promo__hero img{width:100%;height:auto}.legacy-promo__tiles{display:grid;gap:9px}.legacy-promo__tiles img{width:100%;height:100%;object-fit:cover}.legacy-products{padding-top:18px;padding-bottom:60px;border-top:1px solid #ddd}.legacy-products .product-grid{grid-template-columns:repeat(4,1fr)}.legacy-products .product-card__image{height:190px}.legacy-products .product-card__body{font-size:13px}.site-footer{display:none}.cookie-banner{left:0;right:0;bottom:0;transform:none;width:100%;min-height:150px;display:grid;grid-template-columns:8fr 4fr;gap:30px;padding:14px calc((100% - min(1250px,calc(100% - 32px)))/2);border-left:0;border-right:0;border-bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.12);font-size:13px}.cookie-copy p{margin:0 0 11px;font-size:12.95px;line-height:17.16px}.cookie-switches{display:flex;align-items:flex-start;flex-wrap:wrap;column-gap:14px;row-gap:0}.cookie-switches a{color:#f29400}.cookie-actions{display:grid;grid-template-columns:1fr;gap:8px}.cookie-actions .button{min-height:34px;padding:5px;border-radius:3px}.cookie-actions .button--muted{background:#d9dee2;color:#222}
@media(max-width:991.98px){.service-bar{height:56px}.service-bar__inner{height:56px;justify-content:flex-start}.service-bar__inner span,.service-bar__inner span:first-child,.service-bar__inner a{display:none}.service-bar__inner .service-phone{display:block;text-align:center;margin-inline:auto;max-width:230px;color:#f29400}.service-bar__inner img{display:block;order:-1;margin-left:-12px;margin-right:0;width:32px;height:50px}.header-tools{height:123px;display:grid;grid-template-columns:1fr;align-content:center;border-bottom:1px solid #ddd}.header-tools .search{order:1;grid-row:auto;width:calc(100% - 20px);margin:0 10px;height:37px}.account-tools{order:2;margin:0 auto;gap:17px}.account-tools a{font-size:0}.account-tools a::first-letter{font-size:16px}.account-tools .cart-link{font-size:12px;height:36px}.header-navigation__inner{height:67px}.header-navigation .brand{width:auto;flex:1}.header-navigation .brand img{width:90px;height:28px}.header-navigation .mobile-menu{display:block}.header-navigation .main-nav{display:none;position:absolute;z-index:20;left:0;right:0;top:246px;background:#fff;border-bottom:1px solid #ddd}.header-navigation .main-nav--open{display:block}.header-navigation .main-nav__inner{display:block;min-height:0}.header-navigation .main-nav a{min-height:46px;display:flex;flex-direction:row;justify-content:flex-start;gap:10px;border-top:1px solid #eee}.header-navigation .main-nav a>small{position:static;margin-left:auto}}
@media(max-width:900.98px){.legacy-intro{display:block;padding:31px 21px 76px}.legacy-intro h1{font-size:22px;line-height:1.45}.legacy-intro__text{margin-top:76px}.legacy-intro p{font-size:14px}.legacy-promo{display:none}.legacy-products{display:none}.site-footer{display:none}}
/* Reference product tile from the PlentyONE/Ceres storefront. */
.legacy-products{padding-bottom:20px}.legacy-products .product-grid{gap:16px}.cmp-product-thumb{position:relative;min-width:0;border:1px solid #d9d9d9;border-radius:4px;background:#fff;font-size:13px}.product-card__frame{position:relative;height:100%}.product-card__quick{position:absolute;z-index:3;top:0;right:0;width:48px;height:48px;padding:0;border:0;background:transparent;cursor:pointer}.product-card__quick:before{content:"";position:absolute;top:0;right:0;border-style:solid;border-width:0 48px 48px 0;border-color:transparent #efefef transparent transparent;transition:border-color .15s}.product-card__quick .fa{position:absolute;top:8px;right:6px;color:#3a3a3a;font-size:15px;transition:color .15s}.product-card__quick:hover:before{border-color:transparent #f29400 transparent transparent}.product-card__quick:hover .fa,.product-card__quick.is-added .fa{color:#fff}.product-card__quick.is-added:before{border-color:transparent #44a53c transparent transparent}.thumb-image{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden}.thumb-image .prop-1-1,.thumb-image a{display:block;width:100%;height:100%}.thumb-image img{width:100%;height:100%;padding:10px;object-fit:contain}.special-tags{position:absolute;z-index:2;left:7px;top:7px}.special-tags .badge{display:inline-block;padding:4px 6px;border-radius:2px;background:#f39a00;color:#fff;font-size:11px}.thumb-content{position:relative;min-height:150px;padding:12px 10px 14px}.thumb-title{display:block;min-height:52px;line-height:1.3}.thumb-title:hover{color:#f29400}.thumb-meta{margin-top:8px}.feedback-stars{height:17px;color:#f29400;letter-spacing:1px}.prices{min-height:30px}.prices del{display:block;color:#e61d1d}.prices .price{font-size:17px;font-weight:700;color:#f29400}.availability{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#56a33e;font-size:20px}/* Кнопка мобильного вида: текст, затем стрелка справа — как у источника.
На десктопе она скрыта, там работает корзина в углу карточки. */
.product-card__mobile-link{display:none;align-items:center;justify-content:center;gap:8px;margin-top:10px}.legacy-benefits{display:flex;flex-wrap:wrap;margin-top:18px;margin-bottom:24px;background:#f4f4f4}.legacy-benefits>div{flex:0 0 25%;max-width:25%;padding:18px 16px;border-right:1px solid #ddd}.legacy-benefits>div:last-child{border:0}.legacy-benefits strong{display:block;margin-bottom:4px}.legacy-benefits span{font-size:13px}.legacy-seo{padding-bottom:45px;font-size:15px;line-height:1.55}.legacy-seo h2{font-size:25px}.legacy-seo h3{font-size:21px}.legacy-seo h4{font-size:18px}.legacy-seo p{margin:8px 0 17px}.site-footer{display:block;background:#f2f2f2;color:#333;border-top:1px solid #ddd}.legacy-footer-grid{grid-template-columns:repeat(5,1fr);padding-top:34px;padding-bottom:24px}.footer-grid h2{color:#333}.footer-grid a,.footer-grid p{color:#555}.footer-payment{display:flex;flex-direction:column;align-items:center;gap:9px;padding:18px;border-top:1px solid #ccc}.footer-bottom{background:#e8e8e8;color:#555}
@media(max-width:900.98px){.legacy-products{display:block;padding-top:10px}.legacy-products .product-grid{grid-template-columns:1fr;gap:12px}.cmp-product-thumb{font-size:14px}.thumb-image{aspect-ratio:1/1}.thumb-content{min-height:175px}.product-card__quick{display:none}.product-card__mobile-link{display:flex}.legacy-seo{font-size:14px}.legacy-seo h2{font-size:22px}.legacy-seo h3{font-size:19px}.legacy-footer-grid{grid-template-columns:1fr 1fr}.site-footer{display:block}}
/* Category reference layout. */
.legacy-breadcrumb{min-height:55px;color:#5d6670;font-size:11.2px;line-height:16.8px}.legacy-breadcrumb a:first-child{color:#5d6670}.legacy-breadcrumb .fa{color:#f29400}.legacy-category{padding:0}.legacy-category>h1{height:27px;margin:0;color:#212529;font-size:18.2px;font-weight:400;line-height:27px}.legacy-category-panel{height:513px;background:#dfe3e7;border-radius:4px}.legacy-category-controls{display:flex;height:59px;gap:18px;padding:8px;background:#dfe3e7}.legacy-category-controls select{width:176px;height:39px;padding:0 14px;border:0;background:#fff;color:#23384e;font-size:14px}.legacy-category-controls select+select{width:66px}.legacy-filters{display:grid;height:454px;grid-template-columns:repeat(3,1fr);grid-template-rows:218px 138px;gap:12px;padding:0 7px 86px;background:#dfe3e7}.legacy-filter{min-width:0;align-self:start;overflow:hidden;border:1px solid #aaa;background:#fff}.legacy-filter:nth-child(2),.legacy-filter:nth-child(3){height:218px}.legacy-filter:nth-child(n+4){height:138px}.legacy-filter .filterSelect{position:relative;z-index:1;height:44px;margin:0;padding:11px 12px;background:#fff;box-shadow:0 7px 14px rgba(0,0,0,.11);color:#111;font-size:14px;font-weight:400;line-height:21px}.legacy-filter .form-check-container{display:grid;grid-template-columns:repeat(4,1fr)}.legacy-filter--audience .form-check-container{grid-template-columns:repeat(3,1fr)}.legacy-filter .form-check-wrapper{position:relative;min-width:0;height:88px;border-right:1px solid #f2a000;border-bottom:1px solid #f2a000}.legacy-filter .form-check{position:relative;width:100%;height:100%}.legacy-filter .filterPattern{position:absolute;left:50%;top:3px;width:60px;height:60px;transform:translateX(-50%);pointer-events:none}.legacy-filter .filterPattern img{width:60px;height:60px;object-fit:contain}.legacy-filter .form-check-label{position:relative;display:block;width:100%;height:100%;padding:63px 0 5px;cursor:pointer;color:#111;text-align:center}.legacy-filter .filter-label{display:block;overflow:hidden;width:100%;font-size:11px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.legacy-filter .filter-badge{position:absolute;right:6px;top:5px;min-width:34px;height:22px;padding:1px 5px;border-radius:2px;background:#f3f3f3;color:#aaa;font-size:11px;line-height:20px;text-align:center}.legacy-filter input:checked+label{background:#fff7e8}.legacy-category-results{width:1250px;padding:42px 10px 0}.legacy-category-results .product-grid{display:grid;grid-template-columns:repeat(4,300px);gap:28px 10px}.legacy-category-results .cmp-product-thumb{width:300px}.legacy-category-results .product-card__frame{width:298px}.legacy-category-results .thumb-image,.legacy-category-results .thumb-image .prop-1-1,.legacy-category-results .thumb-image a{width:298px;height:298px;aspect-ratio:auto}.legacy-category-results .thumb-image img{width:270px;height:270px;margin:14px;padding:0;object-fit:contain}.legacy-category-results .thumb-content{position:relative;display:inline-block;width:298px;min-height:190px;padding:11.2px}.legacy-category-results .thumb-title{display:block;width:275.6px;min-height:32px;color:#5d6670;font-size:13.3px;line-height:14.63px}.legacy-category-results .thumb-meta{display:inline-block;margin-top:7px}.legacy-category-results .feedback-stars-average{height:30px}.legacy-category-results .prices{display:flex;min-height:54.61px;flex-direction:column}.legacy-category-results .prices del{font-size:14px;line-height:21px}.legacy-category-results .prices .price{font-size:22.4px;line-height:33.6px}.legacy-category-results .availability{left:auto;right:0;top:50%;bottom:auto;transform:translateY(-50%);display:flex;width:66px;height:30px;justify-content:flex-end;color:#44a53c;font-size:28px;line-height:28px}.legacy-category-results .vat{margin:0;color:#6c757d;font-size:11.2px;line-height:16.8px}.legacy-pagination{display:flex;width:max-content;height:34px;margin:17px 0 39px auto;border:1px solid #ddd;border-radius:3px}.legacy-pagination a{display:flex;width:34px;height:32px;align-items:center;justify-content:center;border-right:1px solid #ddd;color:#f29400;font-size:14px}.legacy-pagination a:last-child{border:0}.legacy-pagination a.active{background:#f29400;color:#fff}.legacy-category-seo{padding-bottom:27px;color:#212529;font-size:14px;line-height:21px}.legacy-category-seo h2{margin:0 0 7px;font-size:18.2px;font-weight:500;line-height:20px}.legacy-category-seo p{margin:0 0 14px}
@media(max-width:900.98px){.legacy-breadcrumb.container{width:360px;min-height:55px;margin:0 15px}.legacy-category.container{width:360px;margin:0 15px}.legacy-category>h1{height:27px}.legacy-category-panel{height:2382px}.legacy-category-controls{height:113px;display:grid;grid-template-columns:1fr;gap:14px;padding:8px}.legacy-category-controls select,.legacy-category-controls select+select{width:344px;height:39px}.legacy-filters{display:block;height:2269px;padding:0 7px 22px}.legacy-filter{width:346px;margin:0 0 91px}.legacy-filter:nth-child(1){height:138px}.legacy-filter:nth-child(2),.legacy-filter:nth-child(3){height:218px}.legacy-filter:nth-child(n+4){height:138px}.legacy-filter .form-check-container{grid-template-columns:repeat(3,1fr)}.legacy-filter--audience .form-check-container{grid-template-columns:repeat(3,1fr)}.legacy-category-results.container{width:390px;margin:0;padding:42px 15px 0}.legacy-category-results .product-grid{display:block}.legacy-category-results .cmp-product-thumb{display:block;width:360px;margin:0 0 15px;padding:11.2px}.legacy-category-results .product-card__frame{width:335.6px}.legacy-category-results .product-card__quick{display:none}.legacy-category-results .thumb-image,.legacy-category-results .thumb-image .prop-1-1,.legacy-category-results .thumb-image a{width:340px;height:340px}.legacy-category-results .thumb-image img{width:306px;height:306px;margin:17px}.legacy-category-results .thumb-content{width:100%;min-height:0;padding:0 2.8px}.legacy-category-results .thumb-title{width:320.03px;min-height:32px;font-weight:700}.legacy-category-results .feedback-stars-average,.legacy-category-results .prices{width:224.02px}.legacy-category-results .availability{left:auto;right:0;top:50%;width:80px}.legacy-category-results .product-card__mobile-link{display:flex;width:100%;height:33.5px;min-height:33.5px;margin-top:5px;padding:7px 14px;justify-content:center;font-weight:400}.legacy-pagination{margin:2px 0 39px auto}.legacy-category-seo.container{width:360px;margin:0 15px;padding-bottom:27px}}
/* Product reference layout. */
.legacy-product-detail{grid-template-columns:58% 42%;gap:34px;padding-top:35px}.legacy-product-gallery{border:0}.legacy-product-gallery__stage{display:grid;grid-template-columns:35px 1fr 35px;align-items:center;aspect-ratio:1/1}.legacy-product-gallery__stage>button{border:0;background:transparent;color:#ccc;font-size:52px;cursor:pointer}.legacy-product-gallery .product-gallery__main{width:100%;height:100%;padding:8px;object-fit:contain}.legacy-product-gallery__thumbs{display:flex;gap:45px;overflow:hidden;padding:14px 0}.legacy-product-gallery__thumbs button{flex:0 0 105px;height:105px;padding:5px;border:0;background:transparent;cursor:pointer}.legacy-product-gallery__thumbs button.is-active{background:#fff}.legacy-product-gallery__thumbs img{box-sizing:border-box;width:100%;height:100%;border:1px solid #ddd;border-radius:4px;background:#fff;object-fit:contain}.legacy-product-buybox{padding-top:6px}.legacy-producer{margin:0 0 5px;color:#666;font-size:13px;font-weight:700}.legacy-product-buybox h1{margin:0 0 10px;font-size:29px;font-weight:400;line-height:1.05}.legacy-rating{color:#ddd;font-size:22px}.legacy-product-buybox hr{margin:30px 0 18px;border:0;border-top:1px solid #ddd}.legacy-product-buybox .product-sku,.legacy-manufacturer{margin:2px 0;color:#555;font-size:12px}.legacy-bundle{margin-top:7px;font-size:12px;line-height:1.45}.legacy-bundle>div{display:flex;gap:5px}.legacy-bundle span{flex:0 0 auto;color:#777;white-space:nowrap}.legacy-bundle a{color:#f29400;font-weight:700}.legacy-variant{display:flex;flex-direction:column;margin-top:16px;border:1px solid #ddd}.legacy-variant span{padding:4px 14px 0;color:#999;font-size:10px}.legacy-variant select{height:30px;padding:0 13px;border:0}.legacy-product-buybox .product-price{margin:62px 0 12px}.legacy-product-buybox .product-price del{color:#e22}.legacy-product-buybox .product-price strong{color:#009300;font-size:42px}.legacy-product-buybox .stock{display:flex;align-items:center;gap:6px;padding:0;background:transparent;color:#111}.legacy-product-buybox .stock b{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:3px solid #00a128;border-radius:50%;color:#111;font-size:12px}.legacy-product-buybox .buy-row{grid-template-columns:82px 1fr;margin-top:18px}.legacy-product-buybox .buy-row input{border-color:#ccc}.legacy-product-buybox .buy-row .button{background:#f39a00}.legacy-wishlist{border:0;background:transparent;color:#666}.legacy-vat{padding-top:13px;border-top:1px solid #ddd;color:#666;font-size:12px}
@media(max-width:900.98px){.legacy-product-detail{grid-template-columns:1fr;gap:15px;padding-top:5px}.legacy-product-gallery__stage{min-height:0}.legacy-product-gallery__thumbs{gap:10px}.legacy-product-gallery__thumbs button{flex-basis:76px;height:76px}.legacy-product-buybox h1{font-size:25px}.legacy-product-buybox .product-price{margin-top:30px}.legacy-product-buybox .product-price strong{font-size:34px}}
.legacy-product-lower{display:grid;grid-template-columns:696px 504px;gap:30px;padding-top:24px;padding-bottom:18px}.legacy-product-tabs{display:flex;height:42px;border-bottom:1px solid #ddd}.legacy-product-tabs a{display:flex;align-items:center;padding:8px 14px;border:1px solid transparent;color:#495057;font-size:14px;white-space:nowrap}.legacy-product-tabs a.is-active{border-color:#ddd #ddd #fff;background:#fff;color:#f29400}.legacy-product-description{padding:24px 16px 0;color:#212529;font-size:14px;line-height:21px}.legacy-product-description h2{margin:0 0 14px;font-size:18.2px;font-weight:500;line-height:20px}.legacy-product-description h3{margin:0 0 14px;font-size:21px;font-weight:500;line-height:23px}.legacy-product-description p{margin:0 0 14px}.legacy-product-description ul{margin:0 0 14px;padding:0;list-style:none}.legacy-product-description li{margin:0 0 7px;padding:8px 12px;background:#f2f2f2}.legacy-product-description strong{margin-right:0}.legacy-product-benefits{display:grid;grid-template-columns:repeat(2,237px);align-content:start;gap:15px 30px;padding-top:62px}.legacy-product-benefits>div{min-height:175px;padding:14px;background:#efefef;color:#212529}.legacy-product-benefits p{margin:0}.legacy-product-benefits .benefit-icon{display:block;float:left;width:32px;height:32px;margin:0 8px 15px 0;background-position:left center;background-repeat:no-repeat;background-size:contain}.legacy-product-benefits strong{display:block;margin-bottom:15px;font-size:16px;font-weight:600;line-height:32px}.legacy-product-benefits span{display:block;font-size:14px;line-height:21px}.legacy-product-recommendations{padding-top:9px;padding-bottom:13px;overflow:hidden}.legacy-product-recommendations>h1,.legacy-product-recommendations>h2{height:auto;margin:0 0 17px;padding:0 5px;color:#212529;font-weight:500}.legacy-product-recommendations>h2{font-size:18.2px;line-height:24px}.legacy-product-recommendations>h1{font-size:22.4px;line-height:30px}.legacy-product-recommendations__viewport{width:1250px;overflow:hidden}.legacy-product-recommendations .product-grid{display:flex;width:max-content;gap:30px;padding:0 5px}.legacy-product-recommendations .cmp-product-thumb{width:290px;flex:0 0 290px}.legacy-product-recommendations .product-card__frame{width:288px}.legacy-product-recommendations .thumb-image,.legacy-product-recommendations .thumb-image .prop-1-1,.legacy-product-recommendations .thumb-image a{width:288px;height:288px;aspect-ratio:auto}.legacy-product-recommendations .thumb-image img{width:273.59px;height:273.59px;margin:7.2px;padding:0;object-fit:contain}.legacy-product-recommendations .thumb-content{position:relative;width:288px;min-height:0;padding:11.2px}.legacy-product-recommendations .thumb-title{display:block;width:265.63px;min-height:32px;color:#5d6670;font-size:13.3px;line-height:14.63px}.legacy-product-recommendations .thumb-meta{display:inline-block;margin-top:7px}.legacy-product-recommendations .feedback-stars-average{position:relative;overflow:hidden;width:180px;height:30px}.legacy-product-recommendations .feedback-stars-background,.legacy-product-recommendations .feedback-stars-overlay{display:flex;width:85px;height:17px;gap:1px;color:#d7d7d7;font-size:14px;line-height:17px}.legacy-product-recommendations .feedback-stars-overlay-wrap{position:absolute;left:0;top:0;overflow:hidden;height:17px}.legacy-product-recommendations .feedback-stars-overlay{color:#ffa500}.legacy-product-recommendations .prices{display:flex;min-height:54.61px;flex-direction:column}.legacy-product-recommendations .prices del{font-size:14px;line-height:21px}.legacy-product-recommendations .prices .price{font-size:22.4px;line-height:33.6px}.legacy-product-recommendations .availability{left:auto;right:0;top:50%;bottom:auto;transform:translateY(-50%);width:66px;color:#44a53c;font-size:28px}.legacy-product-recommendations .vat{color:#6c757d;font-size:11.2px;line-height:16.8px}
@media(max-width:900.98px){.legacy-product-lower{display:block;width:390px;margin:0;padding:28px 15px 12px}.legacy-product-tabs{display:block;height:auto;border:0}.legacy-product-tabs a{height:43px;margin-bottom:8px;padding:10px 14px;border:1px solid #ddd;background:#f4f4f4}.legacy-product-tabs a.is-active{border-color:#ddd;background:#fff}.legacy-product-description{padding:16px 0 0}.legacy-product-description h2{font-size:18.2px;line-height:20px}.legacy-product-description h3{font-size:21px;line-height:23px}.legacy-product-description li{padding:8px 12px}.legacy-product-benefits{display:block;padding-top:14px}.legacy-product-benefits>div{min-height:110px;margin-bottom:0;padding:14px 22px}.legacy-product-benefits>div:nth-child(2){min-height:123px}.legacy-product-benefits>div:nth-child(4){min-height:89px}.legacy-product-recommendations.container{width:390px;margin:0;padding:14px 15px 17px}.legacy-product-recommendations>h1,.legacy-product-recommendations>h2{margin-bottom:17px;padding:0}.legacy-product-recommendations__viewport{width:360px}.legacy-product-recommendations .product-grid{display:flex;gap:30px;padding:0}.legacy-product-recommendations .cmp-product-thumb{width:360px;flex:0 0 360px;padding:11.2px}.legacy-product-recommendations .product-card__frame{width:335.6px}.legacy-product-recommendations .thumb-image,.legacy-product-recommendations .thumb-image .prop-1-1,.legacy-product-recommendations .thumb-image a{width:340px;height:340px}.legacy-product-recommendations .thumb-image img{width:306px;height:306px;margin:17px}.legacy-product-recommendations .thumb-content{width:100%;padding:0 2.8px}.legacy-product-recommendations .thumb-title{width:320.03px;min-height:32px;font-weight:700}.legacy-product-recommendations .thumb-meta{width:224.02px}.legacy-product-recommendations .feedback-stars-average,.legacy-product-recommendations .prices{width:224.02px}.legacy-product-recommendations .availability{left:auto;right:0;top:50%;width:80px}.legacy-product-recommendations .product-card__mobile-link{display:flex;width:100%;height:33.5px;min-height:33.5px;margin-top:5px;padding:7px 14px;justify-content:center}.legacy-product-recommendations .vat{width:320.03px;margin:0}}
/* Sticky legacy header and complete reference footer. */
.page-header{position:sticky;z-index:40;top:0;background:#fff}.footer-logos img{width:auto;max-width:135px;max-height:70px;object-fit:contain}.footer-payment>div{display:flex;align-items:center;justify-content:center;gap:20px}.footer-payment img{width:auto;max-width:145px;height:57px;object-fit:contain}.site-footer{position:relative}.withdraw-link{position:absolute;right:22px;bottom:72px;padding:12px 18px;border-radius:4.2px;background:#f29400;color:#fff}.withdraw-link:hover{color:#fff}.footer-bottom{font-size:11px}
@media(max-width:991.98px){.page-header{position:static}}
@media(max-width:900.98px){.footer-payment>div{flex-wrap:wrap;gap:8px}.footer-payment img{max-width:105px;height:45px}.withdraw-link{position:static;display:block;margin:14px auto;width:max-content}}
/* Exact PlentyONE header snapshot. */
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased}.fa-search:before{content:"\f002"}.fa-star:before{content:"\f005"}.fa-user:before{content:"\f007"}.fa-heart:before{content:"\f004"}.fa-heart-o:before{content:"\f08a"}.fa-shopping-cart:before{content:"\f07a"}.fa-cart-plus:before{content:"\f217"}.fa-truck:before{content:"\f0d1"}.fa-envelope:before{content:"\f0e0"}.fa-file-text:before{content:"\f15c"}.fa-user-plus:before{content:"\f234"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-check-circle:before{content:"\f058"}.fa-shield:before{content:"\f132"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-right:before{content:"\f105"}.fa-angle-left:before{content:"\f104"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-pencil:before{content:"\f040"}.fa-star-o:before{content:"\f006"}.fa-pencil-square-o:before{content:"\f044"}.fa-sign-out:before{content:"\f08b"}.fa-caret-down:before{content:"\f0d7"}.fa-calendar:before{content:"\f073"}
.fa-caret-right:before{content:"\f0da"}
.fa-level-up:before{content:"\f148"}
.container{width:min(1250px,calc(100% - 32px))}.reference-header{color:#212529;font-size:14px;line-height:21px}.reference-header ul{margin:0;padding:0;list-style:none}.reference-header .service-bar{height:38px;background:#f4f4f4;border:0}.reference-header .service-bar__inner{position:relative;height:38px;padding:0;gap:0}.service-links{display:flex;height:38px;align-items:stretch}.service-links>li{position:relative;display:flex;align-items:center;padding:0 17px;font-size:11.9px;white-space:nowrap}.service-links>li.shipping,.service-links>li.invoice,.service-links>li.service-phone,.service-links>li.support{margin-right:15px}.service-links .fa{margin-right:8.3px;font-size:inherit}.service-links a .fa{margin-right:0}.service-links a{color:#f29400}.service-menu>button{height:100%;padding:0;border:0;background:transparent;color:#212529;font-size:11.9px;cursor:pointer}.service-menu>button .fa{margin:0;font-size:inherit}.service-menu>ul{display:none;position:absolute;z-index:60;left:-78px;top:28px;width:123px;min-width:0;padding:5px 0;background:#fff;border:0;box-shadow:0 5px 7px rgba(0,0,0,.19)}.service-menu:hover>ul,.service-menu>button[aria-expanded="true"]+ul{display:block}.service-menu>ul a{display:block;padding:5px 10px;color:#212529;line-height:17.85px}
.service-menu:hover>button{color:#f29400}
.service-menu:hover>button .fa,.service-menu>button[aria-expanded="true"] .fa{transform:rotate(180deg)}.service-menu>ul a:hover{color:#f29400}.service-flag{position:absolute;z-index:2;right:47px;top:0;width:33px;height:53px;object-fit:fill}.reference-header .header-tools{height:83px;padding:14px 0 13px 25px;gap:0;border-bottom:1px solid #d8d8d8}.reference-header .header-tools .search{width:603px;height:37px;border:1px solid #eee}.reference-header .header-tools .search input{padding:8px 12px;font-size:18.2px}.reference-header .header-tools .search button{min-width:51px;padding:0;background:#f29400;font-size:18.2px}.reference-header .account-tools{height:33.6px;gap:0;margin-left:auto;font-size:11.2px}.reference-header .account-tools>a{display:flex;height:34px;align-items:center;padding:9px 11px;color:#f29400;line-height:16.8px}.reference-header .account-tools .fa{margin-right:7px;font-size:14px}.reference-header .account-tools .wish-link{gap:7px}.reference-header .account-tools .wish-link .fa{margin:0}.reference-header .account-tools .cart-link{height:34px;gap:11px;margin-left:2px;padding:9px 11px;border-radius:3px;background:#f29400;color:#fff}.reference-header .account-tools .cart-link .fa{margin:0}.reference-header .header-navigation{height:88.27px;border-bottom:1px solid #d8d8d8;background:#fff}.reference-header .header-navigation__inner{position:relative;height:85px;align-items:flex-start;padding-top:14px;padding-bottom:4px}.reference-header .brand{display:flex;width:177px;height:70px;flex:0 0 177px;align-items:center;padding:7px 0}.reference-header .brand img{width:177px;height:56px;object-fit:contain}.reference-header .main-nav{display:block;flex:0 0 auto;margin-left:auto;background:#fff;box-shadow:none}.reference-header .main-nav__inner{display:flex;min-height:67px;align-items:stretch;justify-content:flex-end}.reference-header .main-nav__item{position:static}.reference-header .main-nav__item>a{position:relative;display:flex;height:67px;min-width:0;flex-direction:column;align-items:center;justify-content:center;padding:6px 24.55px 5px;color:#35373a;border:0;font-size:14px;font-weight:700;line-height:21px}.reference-header .main-nav__item>a>span:not(.nav-category-icon){font-size:14px;line-height:21px}.reference-header .main-nav__item>a:hover{background:#fff;color:#f29400}.nav-category-icon{position:relative;display:block;width:24px;height:24px;margin:0 auto 5px}.nav-category-icon img{position:absolute;inset:0;width:24px;height:24px}.nav-category-icon .is-hover{opacity:0}.main-nav__item>a:hover .nav-category-icon img:first-child{opacity:0}.main-nav__item>a:hover .nav-category-icon .is-hover{opacity:1}.nav-chevron{position:absolute;right:9px;bottom:19px;width:5px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}.main-nav__dropdown{display:none;position:absolute;z-index:55;left:0;right:0;top:81px;max-height:calc(100vh - 126px);overflow:auto;padding:35px 0 21px;background:#fff;border:1px solid #ddd;border-top:0;border-radius:0 0 4px 4px;box-shadow:0 3px 5px -3px rgba(0,0,0,.95)}.main-nav__item:hover .main-nav__dropdown,.main-nav__item:focus-within .main-nav__dropdown{display:block}.main-nav__groups{display:block;columns:300px;column-gap:7px;column-rule:1px solid rgba(0,0,0,.1);text-align:left}.main-nav__groups ul{display:inline-block;width:100%;margin:0;padding:0 0 14px;min-width:0}.main-nav__groups li{padding:0 21px}.main-nav__groups a{display:inline-block;padding:0;color:#000;font-size:14px;font-weight:500;line-height:1.7}.main-nav__groups .level1>a{color:#f29400;font-weight:700}.main-nav__groups a:hover{color:#f29400}
@media(max-width:991.98px){.reference-header .page-header{position:static}.reference-header .service-bar{height:56px}.reference-header .service-bar__inner{height:56px;padding:0}.service-links{width:100%;height:56px;justify-content:center}.service-links>li{display:none}.service-links>li.service-phone{display:flex;max-width:242px;margin:0;padding:0;text-align:center;white-space:normal}.service-links>li.service-phone .fa{flex:0 0 auto}.service-links>li.service-phone a{font-size:12px;line-height:18px}.service-flag{left:-11px;right:auto;width:47px;height:53px}.reference-header .header-tools{height:123px;display:grid;padding:11px 0 10px;border-bottom:1px solid #d8d8d8}.reference-header .header-tools .search{order:1;width:calc(100% - 44px);height:37px;margin:0 15px 0 29px}.reference-header .account-tools{order:2;height:36px;margin:0;gap:0;justify-content:flex-start}.reference-header .account-tools>a{width:auto;height:34px;padding:9px 10px;font-size:11.2px}.reference-header .account-tools>a>span{font-size:11.2px}.reference-header .account-tools .wish-link{margin-left:auto}.reference-header .account-tools .wish-link{gap:9px}.reference-header .account-tools .wish-link>span{font-size:11.2px}.reference-header .account-tools .cart-link{width:auto;gap:11px;margin-left:2px;padding:9px 11px;font-size:11.2px}.reference-header .account-tools .cart-link>span{font-size:11.2px}.reference-header .header-navigation{height:67px}.reference-header .header-navigation__inner{height:66px;padding:0}.reference-header .brand{width:auto;height:66px;flex:1;padding:19px 4px}.reference-header .brand img{width:90px;height:28px}.reference-header .mobile-menu{display:block;margin:auto 5px auto auto;padding:12px;border:0;background:transparent;font-size:24px}.reference-header .main-nav{display:none;position:absolute;z-index:54;left:-11px;right:-11px;top:66px;margin:0;background:#fff;border-bottom:1px solid #ddd}.reference-header .main-nav--open{display:block}.reference-header .main-nav__inner{display:block;min-height:0}.reference-header .main-nav__item{position:relative}.reference-header .main-nav__item>a{height:48px;flex-direction:row;justify-content:flex-start;gap:10px;padding:7px 16px;border-top:1px solid #eee}.reference-header .nav-category-icon{margin:0}.reference-header .nav-chevron{position:static;margin-left:auto}.reference-header .main-nav__dropdown{display:none!important}}
@media(max-width:900.98px){.container{width:min(100% - 22px,1250px)}}
@media(max-width:991.98px){.service-links>li.service-phone{display:flex;width:240px;max-width:none;flex:0 0 240px;align-items:flex-start;padding-top:11px;text-align:left}.service-links>li.service-phone a{display:inline!important;width:209px;font-size:11.9px;line-height:17.85px}.service-links>li.service-phone .fa{margin-top:2px;margin-right:8px}.service-flag{left:6px;width:33px;height:53px}.reference-header .header-tools{grid-template-rows:37px 31px;row-gap:12px;align-content:center;padding:0}.reference-header .header-tools .search{grid-row:1}.reference-header .account-tools{grid-row:2}.reference-header .brand{width:auto;height:48px;flex:1;margin-top:14px;padding:8px 4px}.reference-header .brand img{width:88px;height:28px}.reference-header .mobile-menu{width:46px;height:48px;margin:14px 4px 0 auto;padding:12px;font-size:17.5px;line-height:17.5px}}
/* Pixel corrections measured against the 390px PlentyONE header. */
@media(max-width:991.98px){.service-flag{left:6px;width:33px;height:53px;margin:0!important}.service-links{position:relative}.service-links>li.service-phone{position:absolute;left:46px;top:0;display:block;width:261px;height:56px;max-width:none;margin:0;padding:11px 0 0;text-align:center;font-size:11.9px;line-height:17.85px}.service-links>li.service-phone .fa{margin:2px 5px 0 0;font-size:11.9px;line-height:11.9px}.service-links>li.service-phone a{display:inline!important;width:auto;font-size:11.9px;line-height:17.85px}.reference-header .header-tools .search{top:1px;border:0}.reference-header .header-tools .search input{width:273px;height:37px;border:1px solid #eee}.reference-header .header-tools .search button{height:37px}.reference-header .account-tools{top:1px}.reference-header .account-tools .cart-link{gap:10.36px}.reference-header .brand{width:88.47px;height:47.5px;flex:0 0 88.47px;margin:14.3px 0 0 4px;padding:7.37px 0 12.15px;align-items:flex-start}.reference-header .brand img{width:88.42px;height:27.98px}.reference-header .mobile-menu{height:47.5px;margin-top:14.3px}}
@media(max-width:991.98px){.reference-header .service-bar__inner .service-flag{width:33px;height:53px}.service-links>li.service-phone .fa{position:absolute;left:17.56px;top:13px;margin:0}.service-links>li.service-phone a{position:absolute;left:34.88px;top:11px;display:block!important;width:208.55px;height:31.86px;text-align:left}.reference-header .header-tools .search,.reference-header .account-tools{position:relative;top:1px}.reference-header .header-tools .search input,.reference-header .header-tools .search button{line-height:18.2px}.reference-header .header-tools .search button{font-weight:400}.reference-header .account-tools>a{align-items:flex-start}.reference-header .account-tools .cart-link{align-items:flex-start}}
@media(max-width:991.98px){.reference-header .header-tools .search{width:324.39px;margin-left:28.8px;margin-right:0}.reference-header .header-tools .search button{min-width:51.39px;width:51.39px}.reference-header .account-tools{margin-left:97.14px}}
@media(min-width:901px){.reference-header .service-bar__inner .service-flag{right:47px;width:33px;height:53px;margin:0}.reference-header .header-tools .search{position:relative;top:-.61px;border:0}.reference-header .header-tools .search input{height:37px;border:1px solid #eee;line-height:18.2px}.reference-header .header-tools .search button{min-width:51.39px;width:51.39px;height:37px;font-weight:400;line-height:18.2px}.reference-header .account-tools>a:first-child{margin-right:5px}.reference-header .account-tools .wish-link{position:relative;left:2.42px}.reference-header .account-tools .cart-link{position:relative;left:2.4px;width:auto;min-width:110.97px}}
@media(min-width:901px){.reference-header .header-tools{padding-left:25.31px}.service-links>li.service-phone{}.service-links>li.service-phone .fa{margin-right:8.32px;font-size:11.9px;line-height:11.9px}.reference-header .account-tools{position:relative;left:-1.39px;top:-.41px}.reference-header .account-tools>a{align-items:flex-start;padding-top:8.39px}.reference-header .header-navigation__inner{padding-top:13.78px}}
/* Exact 390px home intro and promotional stack. */
@media(max-width:900.98px){.legacy-intro.container{display:block;width:360px;height:350.28px;margin:20.3px 15px 0;padding:0}.legacy-intro__title{width:360px;height:91.28px;padding:14px 21px}.legacy-intro__title h1{min-height:24.64px;height:auto;margin:0 0 7px;font-size:22.4px;font-weight:500;line-height:24.64px}.legacy-intro__text{width:360px;height:217px;margin:42px 0 0;padding:14px 21px}.legacy-intro__text p{margin:0;font-size:14px;line-height:21px}.legacy-promo.container{display:block;width:360px;margin:21px 15px 0;padding:0}.legacy-promo__hero{display:block;width:360px;height:120px}.legacy-promo__hero img{width:360px;height:120px;object-fit:cover}.legacy-promo__tiles{display:grid;gap:7px;margin-top:14px}.legacy-promo__tiles a,.legacy-promo__tiles img{display:block;width:360px;height:120px}.legacy-promo__tiles img{object-fit:cover}}
/* Exact PlentyONE mobile product tiles. */
@media(max-width:900.98px){.legacy-products.container{width:390px;margin:0;padding:29px 15px 20px;border-top:0}.legacy-products .product-grid{display:block}.legacy-products .cmp-product-thumb{display:block;width:360px;margin:0 0 15px;padding:11.2px;border:1px solid #d9d9d9;background:#fff;font-size:14px;line-height:21px}.legacy-products .product-card__frame{width:335.6px;height:auto}.legacy-products .product-card__quick{display:none}.legacy-products .thumb-image{width:340px;height:340px;aspect-ratio:auto;overflow:hidden}.legacy-products .thumb-image .prop-1-1,.legacy-products .thumb-image a{display:block;width:340px;height:340px}.legacy-products .thumb-image img{width:306px;height:306px;margin:17px;padding:0;object-fit:contain}.legacy-products .special-tags{left:11.2px;top:11.2px}.legacy-products .thumb-content{position:relative;display:block;width:100%;min-height:190.78px;padding:0 2.8px 0}.legacy-products .thumb-title{display:block;width:320.03px;min-height:0;color:#5d6670;font-size:13.3px;font-weight:700;line-height:14.63px}.legacy-products .thumb-meta{display:inline-block;width:224.02px;margin-top:7px}.legacy-products .feedback-stars-average{width:224.02px;height:30px}.legacy-products .prices{display:flex;width:224.02px;min-height:54.61px;flex-direction:column}.legacy-products .prices del{display:block;color:#e61d1d;font-size:14px;line-height:21px}.legacy-products .prices .price{font-size:22.4px;font-weight:700;line-height:33.6px;color:#f29400}.legacy-products .availability{right:0;top:50%;bottom:auto;transform:translateY(-50%);color:#56a33e;font-size:28px;line-height:28px}.legacy-products .product-card__mobile-link{display:inline-flex;min-width:105px;min-height:34px;margin-top:7px;padding:7px 11px;gap:8px;font-size:14px;line-height:20px}.legacy-products .vat{margin-top:7px;color:#6c757d;font-size:11.2px;line-height:16.8px}}
@media(max-width:900.98px){.legacy-products .availability{left:230.7px;right:auto;top:72.12px;bottom:auto;display:flex;width:80px;height:29.75px;align-items:flex-start;justify-content:flex-end;color:#44a53c;font-size:28px;line-height:28px}.legacy-products .availability .fa{width:28px;height:29.75px;font-size:28px;line-height:28px}.legacy-products .product-card__mobile-link{display:flex;width:100%;height:33.5px;min-height:33.5px;margin-top:5px;padding:7px 14px;justify-content:center;border-radius:2px;font-size:14px;font-weight:400;line-height:17.5px}.legacy-products .vat{width:320.03px;margin:0;color:#6c757d;font-size:11.2px;line-height:16.8px}}
@media(max-width:900.98px){.legacy-products .product-card__frame{line-height:0}.legacy-products .thumb-content{min-height:0;vertical-align:top}.legacy-products .thumb-title{min-height:32px}.legacy-products .category-unit-price{height:16.8px;color:#6c757d;font-size:11.2px;line-height:16.8px}.legacy-products .feedback-stars-average{position:relative;overflow:hidden}.legacy-products .feedback-stars-background,.legacy-products .feedback-stars-overlay{display:flex;width:85px;height:17px;gap:1px;color:#d7d7d7;font-size:14px;line-height:17px}.legacy-products .feedback-stars-overlay-wrap{position:absolute;left:0;top:0;overflow:hidden;height:17px}.legacy-products .feedback-stars-overlay{color:#ffa500}}
/* Preserve the original PlentyONE product-row boundaries and Bootstrap columns. */
.legacy-products .product-row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;margin-bottom:28px}.legacy-products .product-column{position:relative;width:25%;padding:0 15px}.legacy-products .product-row:last-child{margin-bottom:0}
@media(max-width:900.98px){.legacy-products .product-row{display:flex;margin:0 -15px 14px}.legacy-products .product-row:last-child{margin-bottom:0}.legacy-products .product-column{width:390px;flex:0 0 390px;padding:0 15px}}
/* Exact 1440px home intro, promotion and four-column grid. */
@media(min-width:901px){.legacy-intro.container{grid-template-columns:396.66px 823.33px;gap:30px;padding-top:23.27px;padding-bottom:35px}.legacy-intro__title{width:396.66px;height:91.28px;padding:14px 21px}.legacy-intro__title h1{min-height:24.64px;height:auto;margin:0 0 7px;font-size:22.4px;font-weight:500;line-height:24.64px}.legacy-intro__text{width:823.33px;height:112px;padding:14px 21px}.legacy-intro__text p{margin:0;font-size:14px;line-height:21px}.legacy-promo.container{grid-template-columns:823.33px 396.66px;gap:30px;padding-bottom:24px}.legacy-promo__hero,.legacy-promo__hero img{display:block;width:823.33px;height:411.66px}.legacy-promo__hero img{object-fit:cover}.legacy-promo__tiles{gap:7px}.legacy-promo__tiles a,.legacy-promo__tiles img{display:block;width:396.66px;height:132.2px}.legacy-promo__tiles img{object-fit:cover}.legacy-products{padding-top:18px}.legacy-products .product-grid{grid-template-columns:repeat(4,290px);column-gap:30px}.legacy-products .cmp-product-thumb{display:block;width:290px;min-height:464.66px;margin:0 0 30px}.legacy-products .product-card__frame{width:288px}.legacy-products .thumb-image,.legacy-products .thumb-image .prop-1-1,.legacy-products .thumb-image a{width:288px;height:288px;aspect-ratio:auto}.legacy-products .thumb-image img{width:273.59px;height:273.59px;margin:7.2px;padding:0;object-fit:contain}}
@media(min-width:901px){.legacy-promo__tiles{height:411.66px;grid-template-rows:repeat(3,132.2px);align-content:start}.legacy-products .product-grid{align-items:start;row-gap:28px}.legacy-products .cmp-product-thumb{min-height:0}.legacy-products .thumb-content{position:relative;display:inline-block;width:288px;min-height:0;padding:11.2px}.legacy-products .thumb-title{display:block;width:265.63px;min-height:32px;color:#5d6670;font-size:13.3px;font-weight:400;line-height:14.63px}.legacy-products .thumb-meta{display:inline-block;width:auto;margin-top:7px}.legacy-products .feedback-stars-average{height:30px}.legacy-products .prices{display:flex;min-height:54.61px;flex-direction:column}.legacy-products .prices del{display:block;color:#e61d1d;font-size:14px;line-height:21px}.legacy-products .prices .price{font-size:22.4px;font-weight:700;line-height:33.6px;color:#f29400}.legacy-products .availability{left:201.02px;right:auto;top:71.44px;bottom:auto;display:flex;width:66.41px;height:29.75px;align-items:flex-start;justify-content:flex-end;color:#44a53c}.legacy-products .availability .fa{width:28px;height:29.75px;font-size:28px;line-height:28px}.legacy-products .vat{width:265.63px;margin:0;color:#6c757d;font-size:11.2px;line-height:16.8px}}
/* Exact PlentyONE home copy typography. */
.legacy-seo{padding-bottom:28px;color:#212529;font:400 14px/21px custom-font,helvetica,arial,sans-serif}.legacy-seo h2{margin:0 0 7px;color:#212529;font-size:18.2px;font-weight:500;line-height:20.02px}.legacy-seo h3{margin:0 0 7px;color:#212529;font-size:21px;font-weight:500;line-height:23.1px}.legacy-seo h4{margin:0 0 7px;color:#212529;font-size:17.5px;font-weight:500;line-height:19.25px}.legacy-seo p{margin:0 0 14px}.legacy-seo>p:nth-last-child(2){margin-bottom:0}.legacy-seo ul{margin:0 0 14px;padding-left:40px}.legacy-seo li{line-height:21px}.legacy-seo a{color:#f29400}.legacy-europe-links{margin-top:0!important;margin-bottom:0!important}
@media(max-width:900.98px){.legacy-seo.container{width:360px;margin-left:15px;margin-right:15px;padding-bottom:28px}}
@media(max-width:900.98px){.legacy-products.container{padding-bottom:0}}
/* Exact PlentyONE benefit icons and mobile row geometry. */
.legacy-benefits p{margin:0}.legacy-benefits .benefit-icon{display:block;float:left;width:32px;height:32px;margin:0 8px 15px 0;background-position:left center;background-repeat:no-repeat;background-size:contain}.legacy-benefits span{display:block}
@media(max-width:900.98px){.legacy-benefits .benefit-icon--security{background-position:left top;background-size:auto}}
/* Exact PlentyONE footer snapshot. */
.site-footer{position:relative;height:566.59px;margin-top:6.475px;padding:35.15px 0 36px;overflow-x:clip;border:0;background:#efefef;color:#272727;font:400 12.95px/17.1588px custom-font,helvetica,arial,sans-serif}.reference-footer-content{position:relative;width:100%;height:316.78px}.legacy-footer-grid{display:flex;width:1066.65px;height:199.39px;margin:0 0 0 calc(50% - 419.5px);padding:0}.legacy-footer-grid section{position:relative;width:213.33px;height:199.39px;flex:0 0 213.33px;padding:0 15px}.legacy-footer-grid h5,.footer-payment h5{height:15.39px;margin:0 0 7px;padding:0;color:#f29400;font-size:14px;font-weight:600;line-height:15.4px}.legacy-footer-grid ul{margin:0 0 14px;padding:0;list-style:none}.legacy-footer-grid li{height:17.1588px;margin:0;padding:0;line-height:17.1588px}.legacy-footer-grid a{color:#212529}.footer-logos li{height:80px}.footer-logos img{display:block;max-width:none;max-height:none;margin:0;padding:0;object-fit:fill}.footer-shipping img{width:129px;height:80px}.footer-membership li:first-child,.footer-membership li:first-child img{width:158.69px;height:88.5px}.footer-membership li:last-child:not(:first-child),.footer-membership li:last-child:not(:first-child) img{width:88.5px;height:88.5px}.footer-payment{display:block;width:823.33px;height:102.39px;margin:0 0 0 calc(50% - 191.17px);padding:0;border:0;text-align:left}.footer-payment h5{width:823.33px;text-align:center}.footer-payment__images{display:flex!important;width:823.33px;height:80px;align-items:flex-start!important;justify-content:flex-start!important;gap:3.6px!important;flex-wrap:nowrap!important}.footer-payment img{display:block;width:129px;max-width:none;height:80px;object-fit:fill}.footer-payment img:first-child{width:206.41px;height:75px;margin-top:2.5px}.reference-footer-content>hr{width:1250px;height:1px;margin:14px auto 0;border:0;border-top:1px solid rgba(0,0,0,.1)}.footer-copyright{width:1250px;height:18.16px;margin:0 auto;color:#272727;font-size:10.36px;line-height:17.1588px}.footer-copyright small{font-size:10.36px}.footer-legal{position:relative;width:100%;height:59.16px;margin:14px 0 0;text-align:left}.withdraw-link{position:static;display:inline-block;min-width:205.84px;min-height:33.5px;margin:13.83px 10px 0 0;padding:7px 14px;border:1px solid #f29400;border-radius:4.2px;background:#f29400;color:#fff;font-size:14px;line-height:17.5px}.footer-contact{display:inline-block;min-width:101.73px;min-height:59.16px;margin:0 10px 0 0;padding:21px 7px;color:#000}.footer-privacy{position:fixed;z-index:30;right:0;bottom:50px;width:55px;height:34px;padding:7px;border:1px solid #f29400;border-radius:4px 0 0 4px;background:#f29400;color:#fff}.footer-privacy span{display:none}.footer-to-top{display:none}
@media(min-width:901px){.footer-legal .withdraw-link{position:absolute;right:133.35px;left:auto;top:13.83px;margin:0}.footer-legal .footer-contact{position:absolute;right:18px;left:auto;top:0;margin:0}}
@media(max-width:900.98px){.site-footer{height:1393.2px;padding-top:35.16px;padding-bottom:36px}.reference-footer-content{width:360px;height:1063.42px;margin-left:38.39px}.legacy-footer-grid{display:block;width:360px;height:746.14px;margin:0;padding:0}.legacy-footer-grid section{width:360px;padding:0 15px}.legacy-footer-grid section:nth-child(1){height:139.33px}.legacy-footer-grid section:nth-child(2){height:87.86px}.legacy-footer-grid section:nth-child(3){height:105.02px}.legacy-footer-grid section:nth-child(4){height:196.39px}.legacy-footer-grid section:nth-child(5){height:217.55px}.legacy-footer-grid h5{width:330px}.legacy-footer-grid ul{display:inline-block}.footer-shipping li{height:80px}.footer-payment{width:360px;height:302.28px;margin:0;padding:0 15px}.footer-payment h5{width:319px;margin-left:11px;text-align:left}.footer-payment__images{display:flex!important;width:330px;height:279.89px;gap:0!important;align-content:flex-start;flex-wrap:wrap!important}.footer-payment img{width:129px;max-width:none;height:80px}.footer-payment img:first-child{width:329.95px;height:119.89px;margin:0}.footer-payment img:nth-child(2){margin-right:3.61px}.footer-payment img:nth-child(4){margin-right:201px}.reference-footer-content>hr{width:330px;margin:14px 0 0 15px}.footer-copyright{width:330px;height:54.47px;margin:0 0 0 15px;font-size:10.36px;line-height:17.1588px}.footer-legal{width:360px;height:99.63px;margin:14px 0 0 38.39px;text-align:left}.withdraw-link{margin:54.3px 13.61px 0 0}.footer-contact{vertical-align:top}.footer-privacy{right:0;bottom:58px}.footer-to-top{position:absolute;right:0;left:0;bottom:36px;width:auto;height:44.5px;padding:7px;border:1px solid #23384e;border-radius:4.2px;background:#23384e;color:#fff;text-align:center}.footer-to-top .fa{display:inline-block;font-size:28px;line-height:28px}.site-footer:after{display:none}}
@media(max-width:991.98px){.page-header{position:sticky}}
@media(max-width:900.98px){.footer-legal .footer-contact{position:absolute;left:219.45px;top:40.47px;margin:0}}
/* Exact current ich-zapfe `.back-to-top-center`: centered 94x50 box, with its
lower 17px below the viewport and a 300ms half-opacity fade. */
.footer-top-link{position:fixed;right:0;bottom:-17px;left:0;z-index:1050;display:none;width:94px;height:50px;margin:0 auto;padding:0;border:1px solid #dee2e6;border-radius:4.2px;background:#fff;color:#212529;font:400 14px/17.5px custom-font,helvetica,arial,sans-serif;text-align:center;opacity:.5;transition:opacity .3s;cursor:pointer}.footer-top-link.is-visible{display:block}.footer-top-link:hover{opacity:1}.footer-top-link .fa{position:absolute;top:0;left:50%;transform:translateX(-50%);display:inline-block;font-size:28px;line-height:28px}
@media(max-width:991.98px){.reference-header .account-tools .cart-link{display:block!important;white-space:nowrap}.reference-header .account-tools .cart-link>[data-header-cart-count]{margin-right:7px}.reference-header .account-tools .cart-link>[data-header-cart-total]{display:inline!important;margin-left:7px}}
@media(max-width:900.98px){.footer-payment h5{margin-left:11px;text-align:left}}
/* Источник меняет одно на другое ровно на 768px. Его глобальный tablet CSS
также оставляет иконку у левого края на 768…991px; с 992px она по центру. */
/* Шеврон по центру и на планшете. У источника (замер 2026-09-17: ich-zapfe и
датский, 768 и 885) он прижат к левому краю коробки — их глобальный tablet
CSS так и оставляет. Владелец 2026-09-17 попросил центр: «стрелочка сама
шеврон не по центру, это именно размер планшета». Это осознанное отличие
от источника по его решению, а не замер. */
@media(max-width:767.98px){.footer-top-link,.footer-top-link.is-visible{display:none!important}}
/* Plenty uses the wide Norwegian footer grid only for nn (and its /tr/ 404
fallback). The other locale storefronts retain the original Bootstrap
1000/636 px desktop grid and 278/248 px mobile grid. Their payment marks
keep intrinsic dimensions and wrap, so footer height follows the locale's
actual number of methods instead of stretching every logo to 129x80. */
html:not([lang="no"]):not([lang="tr"]) .site-footer{height:auto;min-height:0}
html:not([lang="no"]):not([lang="tr"]) .reference-footer-content{height:auto}
html:not([lang="no"]):not([lang="tr"]) .legacy-footer-grid{width:999px;height:196.39px;margin-right:auto;margin-left:auto}
html:not([lang="no"]):not([lang="tr"]) .legacy-footer-grid section{width:166.5px;height:196.39px;flex-basis:166.5px}
/* Locale link labels wrap in Plenty (for example DE Reinheitsgebot and FR
livraison). The Norwegian fixed one-row height makes wrapped labels overlap
and shortens the mobile footer, so locale rows must grow with their text. */
html:not([lang="no"]):not([lang="tr"]) .legacy-footer-grid li{height:auto;min-height:17.1588px}
html:not([lang="no"]):not([lang="tr"]) .footer-payment{width:636px;height:auto;margin-right:auto;margin-left:auto}
html:not([lang="no"]):not([lang="tr"]) .footer-payment h5{width:636px}
html:not([lang="no"]):not([lang="tr"]) .footer-payment__images{width:636px;height:auto;align-content:flex-start;flex-wrap:wrap!important}
html:not([lang="no"]):not([lang="tr"]) .footer-payment img{width:auto;max-width:100%;height:auto}
html:not([lang="no"]):not([lang="tr"]) .footer-payment img:first-child{width:auto;max-width:100%;height:75px;margin-top:2.5px}
html:not([lang="no"]):not([lang="tr"]) .reference-footer-content>hr,
html:not([lang="no"]):not([lang="tr"]) .footer-copyright{width:970px}
html:not([lang="no"]):not([lang="tr"]) .footer-copyright{height:auto;min-height:18.16px}
html:not([lang="no"]):not([lang="tr"]) .footer-legal:empty{display:none}
@media(min-width:901px){
html:not([lang="no"]):not([lang="tr"]) .footer-legal{width:998px;margin-right:auto;margin-left:auto}
html:not([lang="no"]):not([lang="tr"]) .footer-legal .withdraw-link,
html:not([lang="no"]):not([lang="tr"]) .footer-legal .footer-contact{position:static;display:inline-block;width:auto;margin-right:10px}
html:not([lang="no"]):not([lang="tr"]) .footer-legal .footer-contact{min-height:59.16px;margin:0;padding:21px 7px;vertical-align:top}
html:not([lang="no"]):not([lang="tr"])[lang="de"] .site-footer{min-height:626.44px;padding-top:18px}
html:not([lang="no"]):not([lang="tr"]) .site-footer--has-legal .footer-legal{margin-top:41px}
html:not([lang="no"]):not([lang="tr"])[lang="fr"] .site-footer{min-height:542.44px}
html:not([lang="no"]):not([lang="tr"]) .footer-privacy{position:absolute;right:calc(50% - 515px);bottom:35px;width:auto;padding:7px 14px;border-radius:4px}
html:not([lang="no"]):not([lang="tr"]) .site-footer--has-legal .footer-privacy{bottom:150px}
html:not([lang="no"]):not([lang="tr"]) .footer-privacy span{display:inline}
html:not([lang="no"]):not([lang="tr"]):is([lang="de"],[lang="fr"]) .reference-footer-content>hr{margin-top:10.45px}
html:not([lang="no"]):not([lang="tr"]):is([lang="de"],[lang="fr"]) .footer-copyright{padding-top:1px}
html:not([lang="no"]):not([lang="tr"])[lang="de"] .site-footer--has-legal .footer-legal{margin-top:73.17px}
html:not([lang="no"]):not([lang="tr"])[lang="de"] .site-footer--has-legal .footer-privacy{bottom:151.16px}
html:not([lang="no"]):not([lang="tr"])[lang="fr"] .footer-privacy{bottom:36px}
html:not([lang="no"]):not([lang="tr"])[lang="de"] .footer-legal .withdraw-link{margin-right:13.61px}
}
@media(max-width:900.98px){
html:not([lang="no"]):not([lang="tr"]) .site-footer{padding-bottom:95px}
html[lang="de"] .site-footer{padding-top:49.16px}
html:not([lang="no"]):not([lang="tr"]) .reference-footer-content{width:278.1px;height:auto;margin-left:38.39px}
html:not([lang="no"]):not([lang="tr"]) .legacy-footer-grid{width:278.1px;height:auto;margin:0}
html:not([lang="no"]):not([lang="tr"]) .legacy-footer-grid section{width:278.1px;height:auto;min-height:0;flex-basis:auto}
html:not([lang="no"]):not([lang="tr"]) .legacy-footer-grid section:nth-child(4){height:196.39px}
html:not([lang="no"]):not([lang="tr"]) .legacy-footer-grid h5{width:248.1px}
html:not([lang="no"]):not([lang="tr"]) .footer-payment{width:278.1px;height:auto;margin:0;padding:0 15px}
html:not([lang="no"]):not([lang="tr"]) .footer-payment h5{width:248.1px;margin-left:0}
html:not([lang="no"]):not([lang="tr"]) .footer-payment__images{width:248.1px;height:auto;column-gap:3.6px!important;row-gap:0!important}
html:not([lang="no"]):not([lang="tr"]) .footer-payment img,
html:not([lang="no"]):not([lang="tr"]) .footer-payment img:first-child{width:auto;max-width:248.1px;height:auto;margin:0}
html:not([lang="no"]):not([lang="tr"]) .footer-payment img:nth-child(2),
html:not([lang="no"]):not([lang="tr"]) .footer-payment img:nth-child(4){margin-right:0}
html:not([lang="no"]):not([lang="tr"]) .reference-footer-content>hr,
html:not([lang="no"]):not([lang="tr"]) .footer-copyright{width:248.1px;margin-left:15px}
html:not([lang="no"]):not([lang="tr"]) .footer-copyright{height:auto;min-height:54.47px;padding-bottom:4px}
html:not([lang="no"]):not([lang="tr"]) .footer-legal{width:278.1px;height:59.16px;margin-left:38.39px}
html:not([lang="no"]):not([lang="tr"]) .footer-legal .withdraw-link{width:auto;margin:13.83px 10px 0 0}
html:not([lang="no"]):not([lang="tr"]) .footer-legal .footer-contact{position:static;display:inline-block;width:auto;min-height:59.16px;margin:0;padding:21px 7px;vertical-align:top}
html:not([lang="no"]):not([lang="tr"])[lang="de"] .site-footer{min-height:1406.05px}
html:not([lang="no"]):not([lang="tr"])[lang="fr"] .site-footer{min-height:1448.64px}
html:not([lang="no"]):not([lang="tr"]) .footer-privacy{right:75px;bottom:79px;width:auto;padding:7px 14px;border-radius:4px}
html:not([lang="no"]):not([lang="tr"]) .site-footer--has-legal .footer-privacy{bottom:166px}
html:not([lang="no"]):not([lang="tr"]):is([lang="de"],[lang="fr"]) .footer-payment h5{width:237.1px;margin-left:11px}
html:not([lang="no"]):not([lang="tr"])[lang="de"] .footer-legal{margin-top:47.1px}
html:not([lang="no"]):not([lang="tr"])[lang="de"] .footer-legal .withdraw-link{margin-right:13.61px}
}
/* Product page geometry measured against the PlentyONE reference. */
@media(min-width:901px){.legacy-product-detail{grid-template-columns:716.66px 503.34px;gap:30px;padding-bottom:2.75px}.legacy-product-lower{min-height:844px;grid-template-columns:716.66px 503.34px;gap:30px}.legacy-product-buybox h1{font-size:25.2px;line-height:27.72px}.legacy-rating{line-height:22px}.legacy-product-buybox hr{margin:20px 0 14px}.legacy-product-buybox .product-sku,.legacy-manufacturer{font-size:11.2px;line-height:14px}.legacy-bundle{font-size:11.2px;line-height:16.8px}.legacy-product-buybox .product-price{margin-top:39px;margin-bottom:35px}.legacy-product-buybox .product-price strong{line-height:47px}.legacy-product-description{padding-top:35px}.legacy-product-recommendations>h1,.legacy-product-recommendations>h2{width:1208px;margin-left:21px;padding:0}.legacy-product-recommendations>h2{line-height:40.92px;text-transform:uppercase}.legacy-product-recommendations>h1{line-height:50.39px}.legacy-product-recommendations .product-grid{align-items:flex-start;padding:0}.legacy-product-recommendations .thumb-content{padding:11.2px 11.2px 15.68px}.legacy-product-recommendations .category-unit-price{height:16.8px;font-size:11.2px;line-height:16.8px}.legacy-product-recommendations .prices{min-height:0}.legacy-product-recommendations+.legacy-product-recommendations{margin-top:40px;padding-bottom:58.5px}}
@media(max-width:900.98px){.legacy-product-detail.container{width:390px;margin:55.3px 0 0;padding-right:15px;padding-bottom:29.6px;padding-left:15px;grid-template-columns:minmax(0,1fr)}.legacy-product-gallery,.legacy-product-buybox{min-width:0}.legacy-product-gallery__stage{min-height:0}.legacy-product-buybox{padding-top:14.5px}.legacy-product-buybox h1{font-size:25.2px;line-height:27.72px}.legacy-rating{line-height:22px}.legacy-product-buybox hr{margin:25px 0 17px}.legacy-bundle a{overflow-wrap:anywhere}.legacy-product-buybox .buy-row{margin-bottom:14px}.legacy-product-buybox .buy-row .button{height:56px;min-height:56px;padding:7px 14px;font-size:14px}.legacy-wishlist{height:27.38px;line-height:27.38px}.legacy-product-lower{min-height:1918px}.legacy-product-copy,.legacy-product-tabs,.legacy-product-tabs a{width:360px}.legacy-product-tabs a{margin-bottom:4px}.legacy-product-description{padding:16px 16px 0}.legacy-product-recommendations>h1,.legacy-product-recommendations>h2{width:318px;margin-left:21px}.legacy-product-recommendations>h2{line-height:32.45px;text-transform:uppercase}.legacy-product-recommendations>h1{line-height:41.14px}.legacy-product-recommendations .product-grid{align-items:flex-start}.legacy-product-recommendations .prices{min-height:0}.legacy-product-recommendations .product-card--unit-price{height:564.55px;overflow:hidden}.legacy-product-recommendations .cmp-product-thumb:not(.product-card--unit-price) .thumb-content{padding-bottom:4.48px}.legacy-product-recommendations+.legacy-product-recommendations{margin-top:2.5px;padding-bottom:9px}}
/* Exact category geometry measured from the current PlentyONE storefront. */
.legacy-breadcrumb{min-height:30.8px}.legacy-category>h1{height:41px;padding-top:24px;line-height:17px}.legacy-category-controls{height:54px}.legacy-category-controls #category-limit{width:66px}.legacy-filters{width:1248.625px;height:459px;margin-left:.6875px;padding:5px;grid-template-columns:repeat(3,406.208px);grid-template-rows:44px 44px;column-gap:10px;row-gap:185px}.legacy-filter,.legacy-filter:nth-child(2),.legacy-filter:nth-child(3),.legacy-filter:nth-child(n+4){height:44px;overflow:visible}.legacy-filter .form-check-container{height:176px;overflow:hidden}.legacy-filter input[type="checkbox"]{display:none}.legacy-category-results .product-grid{align-items:stretch}.legacy-category-results .thumb-content{min-height:0}.legacy-category-results .prices{min-height:0}.special-tags .badge--discount{background:#dc3545}
@media(max-width:900.98px){.legacy-breadcrumb.container{min-height:30px}.legacy-category>h1{height:41px}.legacy-category-panel{height:1481px}.legacy-category-controls{height:107px}.legacy-filters{display:block;width:358.625px;height:1374px;margin-left:.6875px;padding:5px}.legacy-filter,.legacy-filter:nth-child(1),.legacy-filter:nth-child(2),.legacy-filter:nth-child(3),.legacy-filter:nth-child(n+4){width:348.625px;height:44px;margin:0 0 185px;overflow:visible}.legacy-filter .form-check-container{height:176px;overflow:hidden}.legacy-category-controls #category-limit{width:344px}}
.legacy-category-results{padding-top:41.625px}.legacy-category-results .product-grid{row-gap:30.016px}.legacy-category-results .category-unit-price{height:16.8px;color:#6c757d;font-size:11.2px;line-height:16.8px}.legacy-pagination{width:144.39px;height:33.5px;margin-top:30px;margin-right:-10px;margin-bottom:56px}.legacy-pagination a{height:31.5px;flex:1}.legacy-category-seo{padding:0 15px}
@media(max-width:900.98px){.legacy-category-results.container{padding-top:42.828px}.legacy-category-results .cmp-product-thumb{margin-bottom:14.516px}.legacy-pagination{margin-top:2px;margin-right:0;margin-bottom:56px}.legacy-category-seo.container{padding-right:15px;padding-bottom:0;padding-left:15px}}
.legacy-filter .form-check-container,.legacy-filter .form-check-wrapper,.legacy-filter .form-check{background:#fff}.legacy-filter--audience .form-check-container{grid-template-columns:repeat(4,1fr)}.legacy-category-results .feedback-stars-average{position:relative;overflow:hidden;height:30px}.legacy-category-results .feedback-stars-background,.legacy-category-results .feedback-stars-overlay{display:flex;width:85px;height:17px;gap:1px;color:#d7d7d7;font-size:14px;line-height:17px}.legacy-category-results .feedback-stars-overlay-wrap{position:absolute;left:0;top:0;overflow:hidden;height:17px}.legacy-category-results .feedback-stars-overlay{color:#ffa500}
@media(max-width:900.98px){.legacy-filter--audience .form-check-container{grid-template-columns:repeat(3,1fr)}}
.reference-carousel-dots{position:absolute;z-index:2;left:0;right:0;bottom:8px;display:flex;height:12px;align-items:center;justify-content:center;gap:0}.reference-carousel-dots span{position:relative;display:block;width:21px;height:12px;flex:0 1 21px;min-width:10px;max-width:21px;background:none;cursor:pointer}.reference-carousel-dots span::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#d8d8d8}.reference-carousel-dots span.active::before{background:#8da79e}
.legacy-filter--audience .form-check-container,.legacy-filter:nth-child(n+4) .form-check-container{height:88px}
.legacy-filter{border:2px solid #bfbfbf}.legacy-filter .filterSelect{height:42px;padding:12px;color:#000;box-shadow:0 15px 10px -15px rgba(0,0,0,.25);line-height:14px}.legacy-filter .form-check-container{width:calc(100% + 4px);height:175px;margin-left:-2px;padding:3.078px 2px 0;box-shadow:inset 2px 0 #bfbfbf,inset -2px 0 #bfbfbf,inset 0 -2px #bfbfbf}.legacy-filter--audience .form-check-container,.legacy-filter:nth-child(n+4) .form-check-container{height:93.578px}.legacy-filter .form-check-wrapper{height:88.5px;border:0;background:transparent;box-shadow:1px 1px 1px #ebba0a}.legacy-filter .filterPattern{top:4.25px}.legacy-filter .form-check-label{width:100%;height:88.5px;padding:60px 0 12px;color:#495057;box-shadow:none;font-size:14px;line-height:21px}.legacy-filter .filter-badge{right:7px;top:7px;min-width:32px;width:32px;padding:1.4px 0;background:#f5f5f5;color:#9f9f9f;line-height:20.35px}
.legacy-category-panel,.legacy-category-controls,.legacy-filters{background:#e3e7eb}
.legacy-search-results>h1{position:relative;top:35px;height:21px;padding-top:0;line-height:21px}.legacy-search-results .legacy-category-panel{margin-top:41px}.legacy-search-results .legacy-filter .form-check-container{height:93.578px}.legacy-search-products{padding-bottom:65.55px}.legacy-search-products .thumb-image img{transform:scale(1.05)}.legacy-search-products .prices del{color:#e61d1d;font-size:11.2px}.legacy-search-products .prices .price{color:#f29400}.legacy-search-products .availability .fa{display:none}.legacy-search-products .availability:before{display:flex;width:29px;height:29px;align-items:center;justify-content:center;border:2px solid #00af2c;border-radius:50%;color:#00af2c;content:"24h";font-size:10px;font-weight:700;line-height:1}
@media(min-width:901px){.legacy-search-results .legacy-category-controls select:last-of-type{width:66px}}
@media(max-width:900.98px){.legacy-search-results .legacy-category-panel{height:1252.72px}.legacy-search-results .legacy-filters{height:1145px}.legacy-category-results.legacy-search-products{margin-bottom:0;padding-bottom:34.83px}.legacy-search-products .thumb-image img{transform:none}}
/* Exact empty basket geometry and copy from PlentyONE. */
.legacy-basket{min-height:755.53px;padding:25px 0 40px}.legacy-basket>h1{height:20.02px;margin:0 0 7px;color:#212529;font-size:18.2px;font-weight:500;line-height:20.02px}.legacy-basket>hr{height:1px;margin:20px 0 38px;border:0;border-top:1px solid #d7dce1}.legacy-basket-grid{display:grid;grid-template-columns:minmax(0,717px) 474px;gap:30px;padding:0 14px}.legacy-basket-items{padding-top:7px;font-size:14px;line-height:21px}.legacy-basket-items>p{margin:0 0 7px;padding:14px 0;color:#212529;font-size:14px;font-weight:500;line-height:15.4px}.legacy-basket-summary{font-size:14px;line-height:21px}.legacy-basket-summary h2{margin:0 0 7px;color:#212529;font-size:21px;font-weight:500;line-height:23.1px}.legacy-basket-summary select{width:100%;height:33.5px;padding:7px 10.5px;border:1px solid #ced4da;background:#fff;color:#495057;font:14px custom-font,helvetica,arial,sans-serif}.legacy-basket-summary>hr{height:1px;margin:13px 0;border:0;border-top:1px solid #d7dce1}.legacy-basket-summary>h2+select+hr{margin-top:13px;margin-bottom:13px}.legacy-total-row{display:flex;min-height:28px;align-items:flex-start;justify-content:space-between;gap:20px}.legacy-total-row--strong{font-weight:700}.legacy-import-notice{margin:0 0 14px;padding:10.5px 17.5px;border:1px solid #f3cc8b;background:#fceacc;color:#7e4d00;line-height:21px}.legacy-coupon{display:flex;height:34px}.legacy-coupon input{min-width:0;flex:1;padding:6px 12px;border:1px solid #ced4da;font:14px/21px custom-font,helvetica,arial,sans-serif}.legacy-coupon button{width:150px;border:0;border-radius:0 3px 3px 0;background:#f29400;color:#fff;font-size:12px}.legacy-checkout-button{position:static;display:flex;width:100%;height:33.5px;align-items:center;justify-content:center;padding:7px 14px;border-radius:3px;background:#f29400;font-size:14px;font-weight:400;line-height:17.5px}.legacy-checkout-button .fa{position:absolute;right:14px}
@media(min-width:901px){.legacy-basket>h1{position:relative;top:3px}.legacy-basket>hr{position:relative;top:4.06px}.legacy-basket-items>p{position:relative;top:-5.94px}.legacy-basket-summary>h2:first-child{position:relative;top:1.06px}.legacy-basket-summary>h2:nth-of-type(2){position:relative;top:3.06px}.legacy-basket-summary>select{position:relative;top:1.06px}.legacy-basket-summary>.legacy-total-row:nth-of-type(-n+4){position:relative;top:3.06px}.legacy-basket-summary>.legacy-total-row:nth-of-type(n+5){position:relative;top:5.06px}.legacy-basket-summary>.legacy-total-row:nth-of-type(n+6){top:7.06px}.legacy-basket-summary>hr:nth-of-type(1){position:relative;top:2.06px}.legacy-basket-summary>hr:nth-of-type(2){position:relative;top:4.06px}.legacy-basket-summary>hr:nth-of-type(3){position:relative;top:6.06px}.legacy-basket-summary>hr:nth-of-type(4){position:relative;top:28.06px;margin-bottom:23px}.legacy-basket-summary .legacy-import-notice{position:relative;top:21.06px}.legacy-basket-summary .legacy-coupon{position:relative;top:19.06px}.legacy-basket-summary>hr:nth-of-type(5){position:relative;top:19.56px}.legacy-basket-summary .legacy-checkout-button{position:relative;top:20.56px}}
@media(max-width:900.98px){.legacy-basket.container{width:360px;min-height:869.53px;margin:0 15px;padding-top:28px}.legacy-basket>hr{position:relative;top:7.09px;margin:14px 0 28px}.legacy-basket-grid{display:block;padding:0 14px}.legacy-basket-items{min-height:81px;padding:21px 0}.legacy-basket-items>p{position:relative;top:2.09px}.legacy-basket-summary{position:relative;top:2.48px;width:332px;padding-top:23px}.legacy-basket-summary h2{font-size:21px}.legacy-basket-summary>h2:nth-of-type(2),.legacy-basket-summary>.legacy-total-row:nth-of-type(-n+4){position:relative;top:1px}.legacy-basket-summary>h2:nth-of-type(2):before{position:absolute;left:0;top:-15px;width:100%;height:1px;border-top:1px solid #d7dce1;content:""}.legacy-basket-summary>.legacy-total-row:nth-of-type(n+5){position:relative;top:2px}.legacy-basket-summary>hr:nth-of-type(1){position:relative;top:1.02px;margin-bottom:29px}.legacy-basket-summary>hr:nth-of-type(2){position:relative;top:2.02px;margin-top:4px;margin-bottom:5px}.legacy-basket-summary>hr:nth-of-type(3){position:relative;top:2.02px;margin-top:5px;margin-bottom:5px}.legacy-basket-summary>hr:nth-of-type(4){position:relative;top:23.02px;margin-bottom:22px}.legacy-basket-summary .legacy-import-notice{position:relative;top:16px}.legacy-basket-summary .legacy-coupon{position:relative;top:15.02px}.legacy-coupon button{width:145px}.legacy-basket-summary>hr:nth-of-type(5){position:relative;top:15.52px}.legacy-checkout-button{position:relative;top:16.5px}}
.legacy-filter .filterPattern img{object-fit:cover}.legacy-filter .form-check-label{position:static}.legacy-category-controls{width:1248.625px;margin-left:.6875px;padding:7.765625px 7px 7px}.legacy-category-controls select{width:175px;height:39.171875px;padding:11.2px 28px 11.2px 14px;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");background-position:calc(100% - 14px) 50%;background-repeat:no-repeat;background-size:8px 10px;color:#495057;font:14px/16.8px custom-font,helvetica,arial,sans-serif}
@media(max-width:900.98px){.legacy-category-controls{width:358.625px;margin-left:.6875px;padding-right:7px;padding-left:7px}.legacy-category-controls select,.legacy-category-controls select+select{width:344.625px}}
/* Desktop menu follows PlentyONE's inline pseudo-element geometry. */
@media(min-width:901px){.reference-header .main-nav__inner{min-height:70px;align-items:flex-start}.reference-header .main-nav__item{height:69.984375px}.reference-header .main-nav__item>a{display:inline-block;height:66.78125px;padding:7.7px 28px 9.1px 9.1px;line-height:21px}.reference-header .nav-category-icon{display:block;width:24px;height:24px;margin:0 auto 5px}.reference-header .main-nav__item>a>span:not(.nav-category-icon){display:inline;font-size:14px;line-height:21px}.reference-header .nav-chevron{position:relative;right:-15px;bottom:auto;left:auto;top:-3px;display:inline-block;width:8px;height:8px;margin-left:3.89px;padding-left:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}}
@media(max-width:900.98px){.legacy-product-detail.container{padding-bottom:18.27px}}
/* Product parity: measured PlentyONE gallery, tabs, copy and buy controls. */
@media(min-width:901px){
.legacy-product-gallery__stage{position:relative;display:block;aspect-ratio:1/1;height:auto;min-height:0;margin-top:7.0625px}
.legacy-product-gallery__stage>button{position:absolute;z-index:1;top:0;bottom:0;width:35px;height:auto;padding:0}
.legacy-product-gallery__stage>[data-gallery-step="-1"]{left:18px}.legacy-product-gallery__stage>[data-gallery-step="1"]{right:18px}
.legacy-product-gallery .product-gallery__main{display:block;width:100%;height:100%;margin:0;padding:0;object-fit:contain}
.legacy-product-gallery__thumbs{height:100px;margin-top:7px;padding:0;gap:0}
.legacy-product-gallery__thumbs button{position:relative;width:135.328125px;height:100px;flex:0 0 135.328125px;margin:0 10px 0 0;padding:0;border:0;background:transparent;overflow:visible}
.legacy-product-gallery__thumbs button.is-active{background:transparent}
.legacy-product-gallery__thumbs button.is-active:before{position:absolute;z-index:0;left:0;top:5px;width:100px;height:100px;background:#c7c9cb;content:""}
.legacy-product-gallery__thumbs img{position:relative;z-index:1;display:block;width:95px;height:84px;margin:5px;padding:0 0 4px;border:1px solid #ddd;object-fit:contain;transform:translateY(2px)}
.legacy-product-buybox h1{color:#212529;font-weight:500}
.legacy-product-buybox .product-price{margin-bottom:28.940625px}
.legacy-product-buybox .product-price strong{display:inline;color:#007c00;line-height:47px}
.legacy-product-buybox .stock{width:100%;height:29.75px;margin:10px 0;gap:6px;color:#212529;font-size:14px;line-height:21px}
.legacy-product-buybox .stock b{width:25.890625px;height:25.890625px;flex:0 0 25.890625px}
.legacy-product-buybox .stock span{position:relative;top:6.375px}
.legacy-product-buybox .buy-row{height:56px;grid-template-columns:81px 1fr;margin-top:4px;margin-bottom:14px}
.legacy-quantity{display:grid;width:81px;height:56px;grid-template-columns:47px 33px;border:1px solid #ced4da;border-radius:3px;background:#fff;overflow:hidden}
.legacy-quantity>input{width:47px;height:54px;padding:0;border:0;background:#fff;text-align:center;appearance:textfield}
.legacy-quantity>input::-webkit-inner-spin-button,.legacy-quantity>input::-webkit-outer-spin-button{margin:0;appearance:none}
.legacy-quantity>span{display:grid;height:54px;grid-template-rows:27px 27px;padding-left:4px}
.legacy-quantity button{width:28px;height:27px;padding:0;border:0;border-radius:2px;background:#dfe3e7;color:#34495e;font-size:20px;font-weight:700;line-height:25px}
.legacy-product-buybox .buy-row .button{position:relative;height:56px;min-height:56px;padding:7px 14px;border:1px solid #f29400;background:#f29400;font-size:14px;font-weight:400;line-height:17.5px}
.legacy-product-buybox .buy-row .button:after{position:absolute;right:18px;font-family:FontAwesome;content:"\f07a"}
.legacy-wishlist{display:block;width:88.59375px;height:27.375px;padding:3.5px 0;border:1px solid transparent;color:#495057;font-size:12.25px;line-height:18.375px;white-space:nowrap}
.legacy-vat{height:15.671875px;margin:29px 0 0;padding:0;border:0;color:#6c757d;font-size:11.2px;line-height:15.68px}
.legacy-variant{position:relative;display:block;height:41.1875px;margin-top:11.125px}
.legacy-variant span{position:absolute;z-index:2;left:14px;top:4px;padding:0;color:#999;font-size:10px;line-height:12px;pointer-events:none}
.legacy-variant select{position:absolute;left:0;top:0;width:100%;height:39.1875px;padding:16.8px 28px 5.6px 14px;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");background-position:calc(100% - 14px) 50%;background-repeat:no-repeat;background-size:8px 10px;color:#495057;font:400 14px/16.8px custom-font,helvetica,arial,sans-serif}
.legacy-product-buybox .product-price{margin-top:53.1875px}
.legacy-product-buybox h1{transform:translateY(1.53125px)}
}
.legacy-product-tabs{height:42.59375px}
.legacy-product-tabs a{display:block;height:42.59375px;margin-bottom:-1px;padding:9.8px 14px;border:1px solid #ddd;border-radius:5.6px 5.6px 0 0;color:#f29400;line-height:21px}
.legacy-product-tabs a+a{margin-left:-1px}
.legacy-product-tabs a.is-active{color:#495057}
.legacy-product-description{height:713.125px;padding:15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;background:#fff}
.legacy-product-description__inner{margin:21px 0;color:#212529;font-size:14px;line-height:21px}
.legacy-product-description h2{margin-bottom:7px;color:#000;line-height:20.02px}
.legacy-product-description h3{margin-bottom:7px}
.legacy-product-description li{width:90%;margin:1px 0;padding:5px 7px;border:1px solid #ddd;background:rgba(245,245,245,.5)}
.legacy-product-benefits{grid-template-columns:repeat(2,calc((100% - 30px)/2));row-gap:0;margin-top:-42px;padding-top:0}
.legacy-product-benefits>div{min-height:0;height:154px}
.legacy-product-benefits>div:nth-child(n+3){height:174px}
.legacy-product-recommendations .cmp-product-thumb{display:block;border-color:#dadada;color:#212529;font-size:14px;line-height:21px}
.legacy-product-recommendations .thumb-title{color:#6c757d}
.legacy-product-recommendations .prices{margin-left:4.6875px}
.legacy-product-recommendations .prices .price{color:#f29400}
@media(max-width:900.98px){
.legacy-product-gallery__stage{position:relative;display:block;aspect-ratio:1/1;height:auto;min-height:0;margin-top:15px}
.legacy-product-gallery__stage>button{position:absolute;z-index:1;top:0;bottom:0;width:35px;height:auto;padding:0}
.legacy-product-gallery__stage>[data-gallery-step="-1"]{left:0}.legacy-product-gallery__stage>[data-gallery-step="1"]{right:0}
.legacy-product-gallery .product-gallery__main{display:block;width:100%;height:100%;margin:0;padding:0;object-fit:contain}
.legacy-product-gallery__thumbs{height:100px;margin-top:27px;padding:0;gap:0}
/* `min-width:0` — не украшение: у flex-элемента по умолчанию `min-width:auto`,
и снимок шириной 100px не даёт слоту стать уже. На телефоне слот как раз
уже снимка (64px против 100px у источника), поэтому без этой строки лента
на телефоне разъезжается. */
.legacy-product-gallery__thumbs button{width:auto;min-width:0;height:100px;flex:0 0 calc((100% - 40px)/5);margin:0 10px 0 0;padding:0;border:0;background:transparent;overflow:visible}
.legacy-product-gallery__thumbs button.is-active{background:transparent}
.legacy-product-gallery__thumbs img{display:block;width:100px;height:90px;margin:5px;padding:0 0 4px;border:1px solid #ddd;object-fit:contain}
.legacy-product-tabs a,.legacy-product-tabs a.is-active{height:42.59375px;margin:0;padding:9.8px 14px;border:1px solid #ddd;line-height:21px}
.legacy-product-tabs a{background:transparent;color:#f29400}.legacy-product-tabs a.is-active{background:#e9ecef;color:#495057}
.legacy-product-description{height:1132.140625px;padding:15px}
.legacy-product-description__inner{margin:21px 0}
.legacy-product-benefits{margin-top:0;padding-top:14px}
}
/*
* На телефоне пять вычисляемых слотов уже исходной миниатюры 100px, поэтому
* снимки заходили друг на друга и визуальный отступ исчезал. Владельцу нужен
* тот же ритм, что на более широкой карточке: самостоятельная рамка 100px и
* видимый промежуток 6px. Лента остаётся горизонтально прокручиваемой, поэтому
* мы не ужимаем фотографию и не прячем следующие кадры.
*/
@media(max-width:575.98px){
.legacy-product-gallery__thumbs{gap:6px}
.legacy-product-gallery__thumbs button{width:100px;min-width:100px;flex:0 0 100px;margin:0}
.legacy-product-gallery__thumbs img{margin:5px 0}
}
@media(max-width:900.98px){
.legacy-product-detail{gap:14px}
.legacy-product-gallery__thumbs{height:95px;margin-top:32px}
.legacy-product-gallery__thumbs button{height:95px}
.legacy-product-gallery__thumbs button.is-active:before{position:absolute;z-index:0;left:0;top:0;width:100px;height:100px;background:#c7c9cb;content:""}
.legacy-product-gallery__thumbs img{position:relative;z-index:1;max-width:none}
.legacy-product-detail.container{padding-bottom:28.004375px}
.legacy-product-buybox{padding-bottom:14px;font-size:14px;line-height:21px}
.legacy-product-buybox h1{transform:translateY(-2.1875px)}
.legacy-product-buybox .product-sku,.legacy-manufacturer{font-size:11.2px;line-height:14px;transform:translateY(-3.1875px)}
.legacy-bundle{margin-top:13.40625px;font-size:11.2px;line-height:16.8px}
.legacy-bundle>div{gap:3px}
.legacy-bundle span{flex:0 0 auto;white-space:nowrap}
.legacy-variant{position:relative;display:block;height:41.1875px;margin-top:10px}
.legacy-variant span{position:absolute;z-index:2;left:14px;top:4px;padding:0;color:#999;font-size:10px;line-height:12px;pointer-events:none}
.legacy-variant select{position:absolute;left:0;top:0;width:100%;height:39.1875px;padding:16.8px 28px 5.6px 14px;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");background-position:calc(100% - 14px) 50%;background-repeat:no-repeat;background-size:8px 10px;color:#495057;font:400 14px/16.8px custom-font,helvetica,arial,sans-serif}
.legacy-product-buybox .product-price{display:block;height:98px;margin:75px 0 14px}
.legacy-product-buybox .product-price del:not([hidden]){display:block;font-size:14px;line-height:21px}
.legacy-product-buybox .product-price strong{display:inline;color:#007c00;font-size:42px;line-height:42px}
.legacy-product-buybox .product-price small{display:block;font-size:14px;line-height:21px}
.legacy-product-buybox .stock{width:100%;height:29.75px;margin:10px 0;gap:6px;color:#212529;font-size:14px;line-height:21px}
.legacy-product-buybox .stock b{width:25.890625px;height:25.890625px;flex:0 0 25.890625px}
.legacy-product-buybox .buy-row{height:56px;grid-template-columns:81px 1fr;margin-top:4px;margin-bottom:14px}
.legacy-quantity{display:grid;width:81px;height:56px;grid-template-columns:47px 33px;border:1px solid #ced4da;border-radius:3px;background:#fff;overflow:hidden}
.legacy-quantity>input{width:47px;height:54px;padding:0;border:0;background:#fff;text-align:center;appearance:textfield}
.legacy-quantity>input::-webkit-inner-spin-button,.legacy-quantity>input::-webkit-outer-spin-button{margin:0;appearance:none}
.legacy-quantity>span{display:grid;height:54px;grid-template-rows:27px 27px;padding-left:4px}
.legacy-quantity button{width:28px;height:27px;padding:0;border:0;border-radius:2px;background:#dfe3e7;color:#34495e;font-size:20px;font-weight:700;line-height:25px}
.legacy-product-buybox .buy-row .button{position:relative;height:56px;min-height:56px;padding:7px 14px;border:1px solid #f29400;background:#f29400;font-size:14px;font-weight:400;line-height:17.5px}
.legacy-product-buybox .buy-row .button:after{position:absolute;right:18px;font-family:FontAwesome;content:"\f07a"}
.legacy-wishlist{display:block;width:88.59375px;height:27.375px;padding:3.5px 0;border:1px solid transparent;color:#495057;font-size:12.25px;line-height:18.375px;white-space:nowrap}
.legacy-vat{height:15.671875px;margin:29px 0 0;padding:0;border:0;color:#6c757d;font-size:11.2px;line-height:15.68px}
.legacy-product-lower.container{width:390px;max-width:none;margin:0;padding:28px 15px 12px}
.legacy-product-tabs{display:block;width:360px;height:167.375px;border-bottom:1px solid #ddd}
.legacy-product-tabs a,.legacy-product-tabs a.is-active{width:360px;height:42.59375px;margin:0;padding:9.8px 14px;border:1px solid #ddd;line-height:21px}
.legacy-product-tabs a+a{margin-top:-1px;margin-left:0}
.legacy-product-description{width:360px;height:1132.140625px;padding:15px}
.legacy-product-description__inner{margin:21px 0;font-size:14px;line-height:21px}
.legacy-product-benefits{display:block;width:360px;padding-top:56px;font-size:14px;line-height:21px}
.legacy-product-benefits>div{width:360px;min-height:0;margin:0 0 14px;padding:14px;border:1px solid #dadada;background:#efefef;font-size:14px;line-height:21px}
.legacy-product-benefits>div:nth-child(1){height:125px}
.legacy-product-benefits>div:nth-child(2){height:125px;margin-bottom:6px}
.legacy-product-benefits>div:nth-child(3){height:130px}
.legacy-product-benefits>div:nth-child(4){height:118px;margin-bottom:0}
.legacy-product-benefits strong{margin-bottom:7px}
.legacy-product-recommendations+.legacy-product-recommendations .cmp-product-thumb{height:547.75px}
.legacy-product-recommendations+.legacy-product-recommendations{margin-bottom:21px;padding-bottom:16px}
}
@media(min-width:901px){
.legacy-product-lower{margin-top:44.578125px}
.legacy-product-lower--99922355{height:1005.921875px}
.legacy-product-lower--99922355 .legacy-product-description{height:875.046875px}
.legacy-product-recommendations{padding-top:9.21875px}
.legacy-product-recommendations>h1,.legacy-product-recommendations>h2{margin-bottom:17.5px}
.legacy-product-recommendations+.legacy-product-recommendations{margin-top:39.28125px}
}
@media(max-width:900.98px){
.legacy-product-lower--99922355{height:1870.359375px}
.legacy-product-lower--99922355 .legacy-product-tabs{height:125.78125px}
.legacy-product-lower--99922355 .legacy-product-description{height:1125.078125px}
.legacy-product-lower--99922355 .legacy-product-benefits{padding-top:57px}
.legacy-product-lower--99922355 .legacy-product-benefits>div{width:358px;margin-left:1px;border:0}
.legacy-product-lower--99922355 .legacy-product-benefits>div:nth-child(1){height:123px;margin-bottom:16px}
.legacy-product-lower--99922355 .legacy-product-benefits>div:nth-child(2){height:123px;margin-bottom:22px}
.legacy-product-lower--99922355 .legacy-product-benefits>div:nth-child(3){height:123px;margin-bottom:21px}
.legacy-product-lower--99922355 .legacy-product-benefits>div:nth-child(4){height:102px}
}
.legacy-description-feature{min-height:26px;margin-bottom:14px!important}
.legacy-description-feature img{display:inline;width:26px;height:26px;margin-right:21px;vertical-align:middle}
.legacy-product-lower--99922355 .legacy-product-description>div>ul>li>ul{width:auto;margin:0}
.legacy-product-lower--99922355 .legacy-product-description>div>ul>li>ul>li{width:90%}
/* Rendered PlentyONE/Ceres content pages. The imported body stays inert; this
scoped Bootstrap subset only restores the original layout and controls. */
.reference-page-breadcrumb-nav{height:33.0625px}.reference-page-breadcrumb{display:flex;width:1280px;max-width:100%;height:33.0625px;min-height:0;align-items:center;gap:0;margin:0 auto;padding:0 15px;list-style:none;color:#5d6670;font-size:11.2px;line-height:16.8px}
.reference-page-breadcrumb a{color:#5d6670}
.reference-page-breadcrumb .fa{margin-right:4px;color:#f29400}
.reference-page-breadcrumb .breadcrumb-item+.breadcrumb-item:before{display:inline-block;padding:0 7px;color:#6c757d;content:"/"}
.fa-home:before{content:"\f015"}.fa-map-marker:before{content:"\f041"}.fa-phone:before{content:"\f095"}.fa-clock-o:before{content:"\f017"}.fa-paper-plane-o:before{content:"\f1d9"}.fa-info:before{content:"\f129"}
.reference-content-page{width:100%;margin:0;color:#212529;background:#fff;font-size:14px;line-height:21px;overflow-wrap:break-word}
.reference-content-page .container-max{width:1280px;max-width:100%;margin:0 auto;padding-right:15px;padding-left:15px}
.reference-content-page .row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.reference-content-page .col,.reference-content-page [class*="col-"]{position:relative;width:100%;padding-right:15px;padding-left:15px}
.reference-content-page .col{max-width:100%;flex:1 0 0}
.reference-content-page .col-12{max-width:100%;flex:0 0 100%}.reference-content-page .col-1{max-width:8.333333%;flex:0 0 8.333333%}.reference-content-page .col-2{max-width:16.666667%;flex:0 0 16.666667%}.reference-content-page .col-3{max-width:25.000000%;flex:0 0 25.000000%}.reference-content-page .col-4{max-width:33.333333%;flex:0 0 33.333333%}.reference-content-page .col-5{max-width:41.666667%;flex:0 0 41.666667%}.reference-content-page .col-6{max-width:50.000000%;flex:0 0 50.000000%}.reference-content-page .col-7{max-width:58.333333%;flex:0 0 58.333333%}.reference-content-page .col-8{max-width:66.666667%;flex:0 0 66.666667%}.reference-content-page .col-9{max-width:75.000000%;flex:0 0 75.000000%}.reference-content-page .col-10{max-width:83.333333%;flex:0 0 83.333333%}.reference-content-page .col-11{max-width:91.666667%;flex:0 0 91.666667%}
.reference-content-page h1{margin:0 0 7px;color:#212529;font-size:22.4px;font-weight:500;line-height:24.64px}
.reference-content-page h2,.reference-content-page .h2{margin:0 0 7px;font-size:18.2px;font-weight:500;line-height:20.02px}
.reference-content-page h3{font-size:18.2px;font-weight:500;line-height:24.5px}
.reference-content-page h4,.reference-content-page .h4{font-size:17.5px;font-weight:500;line-height:23px}
.reference-content-page h5,.reference-content-page .h5{font-size:14px;font-weight:500;line-height:21px}
.reference-content-page p{margin-top:0;margin-bottom:14px}
.reference-content-page span[style*="font-size"]{line-height:1.5}
.reference-content-page hr{height:1px;margin:14px 0;border:0;border-top:1px solid rgba(0,0,0,.1)}
.reference-content-page ul,.reference-content-page ol{margin-top:0;margin-bottom:14px}
.reference-content-page a{color:#f29400}
.reference-content-page img{max-width:100%;height:auto}.reference-content-page .icon-text-list img{display:inline;vertical-align:middle}
.reference-content-page .pt-3{padding-top:14px!important}.reference-content-page .pb-0{padding-bottom:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pl-0{padding-left:0!important}.p-0{padding:0!important}.reference-content-page .pb-5{padding-bottom:42px!important}.reference-content-page .py-3{padding-top:14px!important;padding-bottom:14px!important}
.reference-content-page .mt-0{margin-top:0!important}.reference-content-page .mt-2{margin-top:7px!important}.reference-content-page .mt-3{margin-top:14px!important}.mt-4{margin-top:21px!important}.pl-3{padding-left:14px!important}.reference-content-page .mt-5{margin-top:42px!important}
.reference-content-page .mb-0{margin-bottom:0!important}.m-0{margin:0!important}.reference-content-page .mb-3{margin-bottom:14px!important}.reference-content-page .mb-5{margin-bottom:42px!important}
.reference-content-page .my-0{margin-top:0!important;margin-bottom:0!important}.reference-content-page .my-5{margin-top:42px!important;margin-bottom:42px!important}
.reference-content-page .ml-2{margin-left:7px!important}.reference-content-page .mr-2{margin-right:7px!important}.reference-content-page .pr-5{padding-right:42px!important}
.reference-content-page .align-center{text-align:center}.reference-content-page .text-center{text-align:center}.reference-content-page .text-right{text-align:right}.reference-content-page .text-muted{color:#6c757d!important}.reference-content-page .text-dark{color:#343a40!important}
.reference-content-page .d-inline-block{display:inline-block!important}.reference-content-page .align-top{vertical-align:top!important}.reference-content-page .w-100{width:100%!important}.reference-content-page .float-right{float:right!important}
.reference-content-page .position-absolute{position:absolute!important}.reference-content-page .visually-hidden,.reference-content-page .honey{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.reference-content-page .widget{position:relative}.reference-content-page .widget-inner{position:relative}.reference-content-page .widget-text>.widget-inner{padding:14px 21px}.reference-content-page .widget-code{margin-bottom:14px}.reference-content-page .widget-text p:last-child{margin-bottom:0}.reference-content-page .bg-white{background:#fff!important}.reference-content-page .bg-appearance,.reference-content-page .bg-transparent{background:transparent!important}
@media (min-width:768px){.reference-content-page .widget-code{margin-bottom:28px}}
.reference-content-page .widget-contact-form{margin-bottom:28px}.reference-content-page .widget-title-bar{margin:0}.reference-content-page .widget-title-bar h1,.reference-content-page .widget-title-bar h2{margin:0;padding:0}
.reference-content-page .input-unit{position:relative;width:100%;margin-bottom:15px;border:1px solid #ced4da;border-radius:3px;background:#fff}
.reference-content-page .input-unit input:not([type="checkbox"]):not([type="radio"]),.reference-content-page .input-unit select,.reference-content-page .input-unit textarea{display:block;width:100%;border:1px solid #ced4da;border-radius:3px;background:#fff;color:#495057;font:400 14px/21px custom-font,helvetica,arial,sans-serif;outline:0}
.reference-content-page .input-unit input:not([type="checkbox"]):not([type="radio"]),.reference-content-page .input-unit select{height:39.1875px;padding:18.2px 14px 4.2px;border:0;line-height:16.8px}
.reference-content-page .input-unit textarea{min-height:274.328125px;padding:18.2px 14px 4.2px;border:0;line-height:16.8px;resize:none}
.reference-content-page .input-unit>label{position:absolute;z-index:1;left:14px;top:3px;margin:0;color:#999;font-size:10px;line-height:12px;pointer-events:none}
.reference-content-page .error-feedback{display:none;color:#c00;font-size:11.2px;line-height:16.8px}
.reference-content-page .is-invalid{border-color:#c00}.reference-content-page .is-invalid+.error-feedback{display:block}.pilot-form-status,.pilot-action-status{margin:8px 0 0;padding:8px 10px;border:1px solid #efb24f;background:#fff4df;color:#6d4300;font-size:12px;line-height:18px}.pilot-form-status--error{border-color:#d9534f;background:#fff0ef;color:#8b241e}.pilot-action-status[hidden]{display:none}
.reference-content-page .form-check{position:relative;display:block;min-height:21px;padding-left:20px}
.reference-content-page .form-check-input{position:absolute;width:13px;height:13px;margin:4px 0 0 -20px}
.reference-content-page .form-check-label{display:inline-block;margin:0}
.reference-content-page .btn{display:inline-block;border:1px solid transparent;border-radius:3px;padding:7px 14px;text-align:center;vertical-align:middle;cursor:pointer;font:400 14px/17.5px custom-font,helvetica,arial,sans-serif}
.reference-content-page .btn-primary,.reference-content-page .btn-appearance{border-color:#f29400;background:#f29400;color:#fff}
.reference-content-page .btn-secondary{border-color:#6c757d;background:#6c757d;color:#fff}.reference-content-page .btn-sm{padding:3.5px 7px;font-size:12.25px;line-height:18.375px}.reference-content-page .btn-medium{min-width:140px;padding:7px 14px}.reference-content-page .btn-block{display:block;width:100%}
.reference-content-page .btn-link{border:0;background:transparent;color:#f29400;text-align:left}.reference-content-page .btn-icon{width:28px;height:28px;padding:5px}
.reference-content-page .contact{padding-top:14px}.reference-content-page .contact-card p{margin-bottom:7px}.reference-content-page .contact-card .fa{width:17.5px;color:#23384e;text-align:center}
.reference-content-page .contact .input-unit textarea{height:274.328125px}.reference-content-page .contact .btn-block{height:33.5px;margin-top:8px}.reference-content-page .contact .btn-block .fa{float:right;margin-top:2px}
.reference-content-page .registration{padding-top:0}.reference-content-page .registration .modal-body{padding:14px}.reference-content-page .registration .input-unit{margin-bottom:15px;border-color:#dee2e6;background:transparent}.reference-content-page .registration .input-unit input:not([type="checkbox"]):not([type="radio"]){height:39.171875px;white-space:nowrap}.reference-content-page .registration .input-unit>label{top:0;left:0;width:100%;padding:4.9px 14px 0;font-size:9.1px;font-weight:300;line-height:9.1px;white-space:nowrap}.reference-content-page .registration .custom-select{display:inline-block;padding:16.8px 28px 5.6px 14px;vertical-align:middle}.reference-content-page .registration .form-check{padding-left:17.5px}.reference-content-page .registration .form-check-input{margin:2.8px 0 0 -17.5px}.reference-content-page .registration .form-check-label sup{position:relative;top:-.5em;font-size:75%;line-height:0;vertical-align:baseline}.reference-content-page .registration [data-testing="register-submit"]{min-width:140px}.reference-content-page .registration .border-top{border-top:1px solid #dee2e6!important}
.reference-content-page .custom-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");background-position:calc(100% - 14px) 50%;background-repeat:no-repeat;background-size:8px 10px}
.reference-content-page .card{position:relative;margin-bottom:0;border:1px solid rgba(0,0,0,.125);background:#fff}.reference-content-page .card+.card{border-top:0}.reference-content-page .card-header{position:relative;display:block;width:100%;min-height:47px;margin:0;padding:12px 14px}.reference-content-page .card-header .fa{position:absolute;right:14px;top:16px}.reference-content-page .card-body{padding:14px}.reference-content-page .collapse:not(.show){display:none}
.reference-content-page .widget-title-bar.widget-primary{height:80.5px;margin:0 0 28px}.reference-content-page .widget-title-bar.widget-primary>.widget-inner{height:80.5px;padding:14px 21px;background:#f29400!important;color:#fff}.reference-content-page .widget-title-bar.widget-primary h1{height:38.5px;margin:7px 0!important;color:#fff;font-size:35px;font-weight:500;line-height:38.5px}
.reference-content-page .widget-accordion{margin:0 0 28px}.reference-content-page .widget-accordion .card{display:block;min-height:52.390625px;border:1px solid rgba(0,0,0,.125)}.reference-content-page .widget-accordion .card+.card{border-top:1px solid rgba(0,0,0,.125)}.reference-content-page .widget-accordion .card-header{display:block;width:100%;min-height:51.390625px;margin:0;padding:17.5px;border:0;background:rgba(0,0,0,.03);color:#f29400;line-height:17.5px;text-align:left}.reference-content-page .widget-accordion .card-header h5{height:15.390625px;margin:0;color:inherit;font-size:14px;font-weight:700;line-height:15.4px}.reference-content-page .widget-accordion .card-header .fa{right:17.5px;top:17.5px}
.reference-content-page .widget-accordion .card-header{padding-right:18.5px;padding-left:18.5px}.reference-content-page .widget-accordion .card-header .fa{right:18.5px;top:13.5px;width:21px;height:21px;font-size:21px;line-height:21px}
.reference-content-page .wishlist{min-height:167px}.reference-content-page .wishlist .h4{margin:42px 0;color:#6c757d;text-align:center}
@media(min-width:576px){
.reference-content-page .col-sm-4{max-width:33.333333%;flex:0 0 33.333333%}.reference-content-page .col-sm-6{max-width:50%;flex:0 0 50%}.reference-content-page .col-sm-8{max-width:66.666667%;flex:0 0 66.666667%}.reference-content-page .col-sm-10{max-width:83.333333%;flex:0 0 83.333333%}.reference-content-page .col-sm-12{max-width:100%;flex:0 0 100%}.reference-content-page .offset-sm-1{margin-left:8.333333%}
.reference-content-page .text-sm-right{text-align:right!important}
}
@media(min-width:768px){
.reference-content-page .col-md-3{max-width:25%;flex:0 0 25%}.reference-content-page .col-md-4{max-width:33.333333%;flex:0 0 33.333333%}.reference-content-page .col-md-6{max-width:50%;flex:0 0 50%}.reference-content-page .col-md-8{max-width:66.666667%;flex:0 0 66.666667%}.reference-content-page .col-md-9{max-width:75%;flex:0 0 75%}.reference-content-page .offset-md-3{margin-left:25%}.reference-content-page .offset-md-9{margin-left:75%}
}
@media(min-width:992px){
.reference-content-page .col-lg-3{max-width:25%;flex:0 0 25%}.reference-content-page .col-lg-6{max-width:50%;flex:0 0 50%}.reference-content-page .col-lg-9{max-width:75%;flex:0 0 75%}
}
@media(max-width:900.98px){
.reference-page-breadcrumb-nav{display:block;height:30.09375px}.reference-page-breadcrumb{width:390px;height:30.09375px;margin:0;padding:0 27.109375px}
/* 390px is the captured source width, but narrower phones (344/360px) must
shrink the imported grid instead of clipping its right edge. Keeping the
cap preserves the reference geometry on 390px and wider viewports. */
.reference-content-page .container-max{width:min(390px,100%);max-width:100%;padding-right:15px;padding-left:15px}
.reference-content-page .pb-5{padding-bottom:42px!important}.reference-content-page .mb-5{margin-bottom:42px!important}
.reference-content-page .widget-title-bar.widget-primary{height:119px;margin-bottom:14px}.reference-content-page .widget-title-bar.widget-primary>.widget-inner{height:119px}.reference-content-page .widget-title-bar.widget-primary h1{height:77px}
.reference-content-page .widget-title-bar.widget-primary:has(h1>br:last-child){height:80.5px}.reference-content-page .widget-title-bar.widget-primary:has(h1>br:last-child)>.widget-inner{height:80.5px}.reference-content-page .widget-title-bar.widget-primary h1:has(>br:last-child){height:38.5px}.reference-content-page .widget-title-bar.widget-primary h1>br:last-child{display:none}
.reference-content-page .widget-accordion{margin-bottom:14px}.reference-content-page .widget-accordion .card,.reference-content-page .widget-accordion .card-header{height:auto}.reference-content-page .widget-accordion .card-header h5{height:auto;min-height:15.390625px}
/* The live DE FAQ heading wraps to three lines, and its fifth accordion row
intentionally inherits black text. Keep this source quirk page-scoped. */
html[lang="de"] .reference-content-page:has(.widget-accordion) .widget-title-bar.widget-primary,
html[lang="de"] .reference-content-page:has(.widget-accordion) .widget-title-bar.widget-primary>.widget-inner{height:157.5px}
html[lang="de"] .reference-content-page:has(.widget-accordion) .widget-title-bar.widget-primary h1{height:115.5px}
html[lang="de"] .reference-content-page:has(.widget-accordion) .widget-accordion .card:nth-child(5) .card-header{color:#000}
}
/* Hero carousel: повторяет исходный Bootstrap carousel-fade PlentyONE (2 слайда,
fade .6s, оранжевые индикаторы и chevron-контролы поверх изображения). */
.legacy-hero-carousel{position:relative;overflow:hidden}
.legacy-hero-carousel__inner{position:relative;width:100%;height:100%}
.legacy-hero-carousel__item{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease-in-out;pointer-events:none}
.legacy-hero-carousel__item.is-active{opacity:1;pointer-events:auto}
.legacy-hero-carousel__item img{display:block;width:100%;height:100%;object-fit:cover}
.legacy-hero-carousel__indicators{position:absolute;left:0;right:0;bottom:28px;display:flex;justify-content:center;margin:0;padding:0;list-style:none;z-index:3}
.legacy-hero-carousel__indicators li{width:11px;height:11px;margin:2px;border-radius:50%;border:1px solid #f29400;background:transparent;opacity:.5;cursor:pointer}
.legacy-hero-carousel__indicators li.is-active{background:#f29400;opacity:1}
.legacy-hero-carousel__control{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:15%;color:#f29400;opacity:.5;z-index:3;text-decoration:none}
.legacy-hero-carousel__control:hover{opacity:.9;color:#f29400}
.legacy-hero-carousel__control--prev{left:0}
.legacy-hero-carousel__control--next{right:0}
.legacy-hero-carousel__control .fa{font-size:42px}
/* Current Plenty PDP: green 24h ring inline with the delivery promise. */
.stock .stock__check{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border:2px solid #00a600;border-radius:50%;color:#00a600;font-size:10px;font-weight:700;line-height:1;vertical-align:middle;margin-right:2px}
.stock .stock__truck{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;color:#0a6ed1;font-size:22px;line-height:1;vertical-align:middle;margin-right:2px}
/* Mega-menu dropdown: точная копия исходных CSS multi-columns (замеры 2026-07-22).
Специфичность перекрывает flex-правило пунктов верхнего меню. */
.header-navigation .main-nav__dropdown{padding:35px 0 21px;max-height:calc(100vh - 126px)}
.header-navigation .main-nav__groups{display:block;columns:300px;column-gap:7px;column-rule:1px solid rgba(0,0,0,.1);text-align:left}
.header-navigation .main-nav__groups ul{display:inline-block;width:100%;margin:0;padding:0 0 14px}
.header-navigation .main-nav__groups li{padding:0 21px}
.header-navigation .main-nav .main-nav__groups a{display:inline-block;min-width:0;padding:0;border:0;color:#000;font-size:14px;font-weight:500;line-height:1.7;position:static}
.header-navigation .main-nav .main-nav__groups a:hover{background:transparent;color:#f29400}
.header-navigation .main-nav .main-nav__groups .level1>a{color:#f29400;font-weight:700}
/* Сумма в кнопке корзины не переносится (в источнике nowrap). */
.account-tools .cart-link span{white-space:nowrap}
/* 404: копия исходной страницы Ceres — текст слева, крупный 404 с двойной тенью справа. */
.legacy-not-found{display:grid;grid-template-columns:1fr 1fr;gap:30px;min-height:420px;padding:56px 28px 120px}
.legacy-not-found__copy h1{margin:0 0 7px;font-size:35px;font-weight:300;color:#212529;line-height:1.1}
.legacy-not-found__copy p{margin:0 0 14px;font-size:17.5px;color:#212529}
.legacy-not-found__copy hr{width:100%;margin:21px 0;border:0;border-top:1px solid #dee2e6}
.legacy-not-found__home{display:inline-block;padding:10.5px 21px;border-radius:4.2px;background:#f29400;color:#fff;font-size:17.5px}
.legacy-not-found__home:hover{background:#d98500}
.legacy-not-found__home .fa{margin-left:7px}
.legacy-not-found__code{font-size:115px;font-weight:400;line-height:172.5px;color:#212529;text-shadow:4px 3px 0 #f8f9fa,9px 8px 0 #dee2e6;text-align:right}
@media(max-width:900.98px){.legacy-not-found{grid-template-columns:1fr;padding-top:36px;padding-bottom:60px}}
/* rating widget base (source geometry): 85px strip, grey bg + orange overlay clipped by width% */
.feedback-stars-average{position:relative;overflow:hidden;width:85px;height:30px}
.feedback-stars-background,.feedback-stars-overlay{display:flex;width:85px;height:17px;gap:1px;font-size:14px;line-height:17px}
.feedback-stars-background{color:rgba(0,0,0,.1)}
.feedback-stars-overlay-wrap{position:absolute;left:0;top:0;overflow:hidden;height:17px}
.feedback-stars-overlay{color:#ffa500}
.legacy-category-panel--bare{height:54.546875px;min-height:0;margin:0;overflow:hidden}
/* PDP lower sizes to content for non-reference products; the captured fixed
heights (from product 99922355) clipped longer descriptions into the
'ofte kjøpt sammen med' row. The reference product keeps its exact heights. */
.legacy-product-lower:not(.legacy-product-lower--99922355),.legacy-product-lower:not(.legacy-product-lower--99922355) .legacy-product-copy,.legacy-product-lower:not(.legacy-product-lower--99922355) .legacy-product-description,.legacy-product-lower:not(.legacy-product-lower--99922355) .legacy-product-benefits{height:auto;min-height:0}
/* PDP-вкладки «mer informasjon» / «Kunde anmeldelser»: панели переключаются
JS'ом (storefront.js). Скрытая панель через [hidden] должна перебивать
display у .legacy-product-description. */
.legacy-product-copy .legacy-product-description[hidden],.legacy-product-copy .legacy-product-pane[hidden]{display:none}
.legacy-product-pane{padding-top:4px}
/* Панели «Отзывы» и «Подробнее» — в рамке, как активная вкладка источника.
Замер 22.09.2026 на `/a-22/`: у ich-zapfe.de, fadølsanlæg-køb.dk и
nalewaki-do-piwa.pl `.tab-pane.active` одинакова — 1px solid #ddd слева,
справа и снизу, сверху нет (её даёт строка вкладок), отступ 15px, на 1280,
768 и 390. Описание эту рамку уже имело; панели нет, и отзыв стоял на всю
ширину 717px вместо 685px. Паритет с каждым своим источником, не исключение. */
.legacy-product-pane{padding:15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;background:#fff}
.legacy-info-table{width:100%;border-collapse:collapse;font-size:14px;color:#212529}
.legacy-info-table td{padding:9px 12px}
.legacy-info-table tr:nth-child(odd){background:#f2f2f2}
.legacy-info-table td:first-child{width:45%}
.legacy-eu-entity{margin-top:26px;font-size:14px;line-height:1.5;color:#212529}
.legacy-eu-entity p{margin:0 0 14px}
.legacy-eu-entity strong{font-size:15px}
.legacy-product-reviews .legacy-reviews-head{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding-bottom:10px;border-bottom:1px solid #ddd}
.legacy-product-reviews h2{margin:0;font-size:25px;font-weight:500;color:#212529}
.legacy-reviews-count{color:#666}
.legacy-rating-link{display:block;width:max-content;text-decoration:none}
.legacy-rating-link:focus-visible{outline:2px solid #f39a00;outline-offset:4px}
.legacy-reviews-average{width:123px;height:31px}
.legacy-reviews-average .feedback-stars-background,.legacy-reviews-average .feedback-stars-overlay{width:123px;height:31px;gap:2px;font-size:25px;line-height:31px}
.legacy-reviews-average .fa{font-size:25px;line-height:31px}
.legacy-reviews-average .feedback-stars-overlay-wrap{height:31px}
.legacy-reviews-rating-summary{display:flex;align-items:center;gap:9px}
.legacy-reviews-average-value{color:#5d6670;font-size:15px;font-variant-numeric:tabular-nums;line-height:31px;white-space:nowrap}
.legacy-reviews-overview{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1fr);gap:42px;margin-bottom:24px}
.legacy-reviews-bars{display:flex;flex-direction:column;gap:8px}
.legacy-reviews-bar{display:flex;align-items:center;gap:10px;font-size:13px;color:#495057}
.legacy-reviews-bar__label{display:flex;align-items:center;gap:3px;white-space:nowrap;color:#f5b301}
.legacy-reviews-bar__track{width:140px;height:14px;flex:0 1 140px;background:#eee;border-radius:2px;overflow:hidden}
.legacy-reviews-bar__fill{display:block;height:100%;background:#f5b301}
.legacy-reviews-bar__n{width:16px;text-align:right;color:#666}
.legacy-review-form{display:flex;min-width:0;flex-direction:column;gap:10px}
.legacy-review-form input,.legacy-review-form textarea{width:100%;border:1px solid #d7d7d7;border-radius:0;background:#fff;color:#333;font:inherit}
.legacy-review-form>input{height:34px;padding:7px 12px}
.legacy-review-form textarea{min-height:68px;padding:9px 12px;resize:vertical}
.legacy-review-form .button{width:max-content;min-width:153px;margin:0;padding:8px 15px;border:0;border-radius:4px;background:#f39a00;color:#fff;cursor:pointer}
.legacy-review-form .button:disabled{opacity:.6;cursor:wait}
.legacy-review-rating{margin:0;padding:0;border:0}
.legacy-review-rating__stars{display:flex;width:max-content;flex-direction:row-reverse;justify-content:flex-end;color:#e1e4e7;font-size:32px;line-height:36px}
.legacy-review-form .legacy-review-rating__stars input.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.legacy-review-rating__stars label{padding:0 2px;cursor:pointer}
.legacy-review-rating__stars input:checked+label,.legacy-review-rating__stars input:checked~label,.legacy-review-rating__stars label:hover,.legacy-review-rating__stars label:hover~label{color:#f5a000}
.legacy-review-form__error,.legacy-review-form__status{min-height:18px;margin:0;color:#b42318;font-size:13px}
.legacy-review-form__status.is-success{color:#238636}
.review-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
/* Подпись отзыва — как у источника: имя, дата и кнопки ОДНОЙ строкой.
Замечание владельца 2026-09-21 («там есть дата, кнопка там правее»). Замер
ich-zapfe.at 21.09.2026, 1440px: `p.feedback-info` 14px/21px, внутри
сегменты по 12.25px с полем 10px справа; имя x=0, дата x=98, кнопки x=191 и
x=325, все на y≈78-84. Кнопка: inline-block, padding 3.5px 7px, радиус
4.2px, рамка и фон одного цвета #dee2e6, line-height 18.375px. Сам отзыв
отделяется снизу пунктиром `1px dotted rgba(0,0,0,.1)` с полем 15px, а
сверху у него границы нет вовсе — у нас была сплошная сверху.
На 390px кнопки переносятся на свою строку, это у источника так же. */
.legacy-review{padding:0 0 15px;margin-bottom:15px;border-bottom:1px dotted rgba(0,0,0,.1);color:#212529}
.legacy-review header{display:block}
.legacy-review header strong{display:block;font-size:16px}
.legacy-review__stars{display:block;width:max-content;margin-top:12px;white-space:nowrap;color:#f5a000;font-size:16px;line-height:18px}
.legacy-review p{margin:7px 0;white-space:pre-line;line-height:1.5}
.legacy-review footer{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:5px;font-size:12.25px;line-height:21px;color:#212529}
.legacy-review__date{color:#212529}
.legacy-review__date .fa-calendar{margin-right:3px;color:#6c757d}
.legacy-review__actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.legacy-review__action{min-height:0;padding:3.5px 7px;border:1px solid #dee2e6;border-radius:4.2px;background:#dee2e6;color:#212529;font-family:inherit;font-size:12.25px;line-height:18.375px;cursor:pointer}
.legacy-review__action:disabled{opacity:.6;cursor:wait}
.legacy-review-reply-form{display:flex;max-width:430px;flex-direction:column;gap:8px;margin-top:12px;padding:12px;border:1px solid #e1e4e7;background:#fafafa}
.legacy-review-reply-form[hidden]{display:none}
.legacy-review-reply-form input,.legacy-review-reply-form textarea{width:100%;padding:7px 10px;border:1px solid #ced4da;background:#fff;color:#212529;font:inherit}
.legacy-review-reply-form textarea{min-height:76px;resize:vertical}
.legacy-review-reply-form .legacy-review__action{width:max-content}
.legacy-review__replies{margin:14px 0 0 30px;padding:0}
.legacy-review__reply{padding:14px 0;border-bottom:1px dotted #d7dce1}
.legacy-review__reply p{margin:0 0 8px}
.legacy-review__reply>strong{display:block;font-size:13px}
.legacy-review-more{margin-top:18px;background:#f39a00}
.legacy-reviews-empty{color:#666}
@media(max-width:900.98px){.legacy-product-reviews{scroll-margin-top:12px}.legacy-product-reviews .legacy-reviews-head{align-items:flex-start;flex-direction:column;gap:7px}.legacy-reviews-overview{grid-template-columns:1fr;gap:24px}.legacy-review-form .button{min-height:40px}.legacy-review__replies{margin-left:15px}.legacy-review-reply-form{max-width:none}}
/* Поиск без фильтров/результатов сохраняет строку sorting/limit источника, но
не резервирует место под отсутствующие facet rows. */
.legacy-search-results .legacy-category-panel--bare{height:54.546875px;margin-top:41px}
/* Breadcrumb на content-страницах (источник .reference-page-breadcrumb): ссылки
оранжевые (#f29400), а строка центрируется под контент (была слева и серой).
Выравнивание форсим на десктопе — что-то перебивало margin/padding базового
правила. */
.reference-page-breadcrumb a{color:#f29400}
@media(min-width:901px){.reference-page-breadcrumb-nav .reference-page-breadcrumb{margin-left:auto!important;margin-right:auto!important;padding-left:15px!important;padding-right:15px!important}}
/* Паритет типографики с источником (2026-07-24). Значения — computed styles
tappetårn.com, снятые Playwright'ом на desktop 1440 и iPhone 13; дробные px
получаются из процентных размеров Ceres поверх базовых 14px. Точка
переключения масштаба заголовков в источнике — ровно 768px (Bootstrap md). */
.prices del.crossprice{font-size:11.34px;font-weight:700;line-height:17.01px}
.product-price del{font-size:11.2px;font-weight:400;line-height:16.8px}
.special-tags .badge{font-size:12.6px;font-weight:300;line-height:12.6px}
.input-unit label{font-size:9.1px;font-weight:300;line-height:9.1px}
.legacy-bundle{font-size:11.2px;font-weight:700;line-height:16.8px}
.legacy-bundle strong{font-weight:900}
.legacy-variant span{font-size:9.1px;font-weight:300;line-height:9.1px}
.legacy-producer{font-size:11.2px;line-height:12.32px;color:#495057}
.legacy-category>h1{font-weight:500}
.legacy-product-recommendations>h2{font-size:16.8px;line-height:18.48px}
.legacy-product-recommendations>h1{font-size:19.6px;line-height:21.56px}
@media(min-width:768px){.legacy-product-recommendations>h2{font-size:24.5px;line-height:26.95px}.legacy-product-recommendations>h1{font-size:28px;line-height:30.8px}}
/* Floating-label форм на контент-страницах: источник даёт одинаковую геометрию
на /contact/, /register/ и /withdrawal-form/ (9.1px/300, absolute top:0 left:0,
padding 4.9px 14px 0, nowrap). Раньше 9.1px были откалиброваны только для
.registration, а contact/withdrawal оставались на прежних 10px/top:3px. */
.reference-content-page .input-unit>label{top:0;left:0;width:100%;padding:4.9px 14px 0;font-size:9.1px;font-weight:300;line-height:9.1px;white-space:nowrap}
/* Current PlentyONE product breadcrumb and buybox flow (measured 2026-08-13).
The breadcrumb is a wrapping Bootstrap list in the source. Keeping the old
nowrap flex row squeezed the active product name into a narrow column on
mobile and moved the complete PDP down by roughly 50px. */
.reference-header .legacy-breadcrumb{box-sizing:border-box;display:flex;width:100%;max-width:1280px;min-height:30.796875px;flex-wrap:wrap;align-items:flex-start;gap:0;margin:0 auto;padding:7px 14px;list-style:none;color:#5d6670;font-size:11.2px;line-height:16.8px}
.legacy-breadcrumb .breadcrumb-item{display:list-item;margin:0;padding:0;list-style:none}
.legacy-breadcrumb .breadcrumb-item+.breadcrumb-item{padding-left:7px}
.legacy-breadcrumb .breadcrumb-item+.breadcrumb-item:before{display:inline-block;padding:0 7px;color:#6c757d;content:"/"}
.legacy-product-buybox .legacy-variant{border:0}
.legacy-product-buybox .legacy-variant select{left:1px;width:calc(100% - 2px);border:1px solid #ddd}
.legacy-product-buybox .legacy-rating .fa{font-size:17px;line-height:17px}
@media(min-width:901px){
.legacy-product-buybox{padding-top:12px}
.legacy-product-buybox .legacy-producer{height:19.3125px;margin:0}
.legacy-product-buybox h1{margin-bottom:7px;transform:none}
.legacy-product-buybox hr{margin:14px 0}
.legacy-product-buybox .product-sku{margin:0;font-size:11.2px;line-height:16.8px}
.legacy-product-buybox .legacy-manufacturer{margin:0;font-size:11.2px;line-height:16.8px}
.legacy-product-buybox .legacy-bundle{margin-top:0}
.legacy-product-buybox .legacy-variant{height:56.1875px;margin-top:14px}
.legacy-product-buybox .product-price{display:flex;height:98px;margin-top:42px;margin-bottom:14px}
.legacy-product-buybox .legacy-vat{margin-top:19.25px}
}
@media(max-width:900.98px){
.reference-header .legacy-breadcrumb{width:100%;max-width:none;min-height:30.796875px;margin:0;padding:7px 14px}
/* Воздух под крошками — как у ich-zapfe.de: 42px от низа крошек до кадра
галереи на ЛЮБОЙ ширине (замер 21.09.2026 на a-452378: 42/42/42/42 при
390-1440). Здесь стоял снятый с норвежского источника 41.3px, и вместе с
padding 5px и margin кадра 15px он давал 61px — решение владельца
21.09.2026 «сделать как на их запфе». 22+5+15 = 42. */
.legacy-product-detail.container{margin-top:22px}
.legacy-product-buybox{padding-top:5px}
.legacy-product-buybox .legacy-producer{height:19.3125px;margin:0 0 14px}
.legacy-product-buybox h1{margin-bottom:14px;font-weight:500;transform:none}
.legacy-product-buybox hr{margin:14px 0}
.legacy-product-buybox .product-sku{margin:0;font-size:11.2px;line-height:16.8px;transform:none}
.legacy-product-buybox .legacy-manufacturer{margin:0 0 14px;font-size:11.2px;line-height:16.8px;transform:none}
.legacy-product-buybox .legacy-bundle{margin-top:0}
.legacy-product-buybox .legacy-variant{height:56.1875px;margin-top:14px}
.legacy-product-buybox .product-price{height:98px;margin-top:56px;margin-bottom:14px}
.legacy-product-buybox .legacy-vat{margin-top:15.25px}
}
/* Служебные страницы пилота: заглушка оплаты и подтверждение заказа. Источник
их не отдаёт (оригинал уводит на домен провайдера), поэтому пиксельной сверки
тут нет — только читаемая раскладка на тех же стилях. */
.pilot-payment-summary { display: grid; grid-template-columns: auto 1fr; gap: 6px 18px; margin: 18px 0; }
.pilot-payment-summary dt { color: #6c757d; }
.pilot-payment-summary dd { margin: 0; font-weight: 600; }
.pilot-payment-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
/* Min konto — копия раскладки /my-account/ источника (2026-08-06) */
.konto-page{padding-bottom:60px}
.konto-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:4px 14px 18px;border-bottom:1px solid #eee;margin-bottom:24px}
.konto-head h1{margin:0}
.konto-greeting{margin:6px 0 0;color:#6c757d;font-size:14px}
.konto-logout{width:auto;min-width:130px}
.konto-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:0 14px;margin-bottom:28px}
.konto-col{min-width:0}
.konto-section-title{margin:0 0 2px;color:#212529;font-size:21px;font-weight:500;line-height:23.1px}
.konto-subtitle{margin:0 0 12px;color:#6c757d;font-size:12.6px;font-style:italic;line-height:18.9px}
.konto-address-actions{display:flex;flex-direction:column;gap:8px}
.konto-address-list{margin-top:4px;border:1px solid rgba(0,0,0,.125);border-radius:4.2px;background:#fff}
.konto-address-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16.8px;border-bottom:1px solid rgba(0,0,0,.125)}
.konto-address-item:last-child{border-bottom:0}
.konto-address-item .legacy-address-box__saved{padding-top:0}
.konto-address-item__actions{display:flex;flex-direction:column;gap:6px;flex:0 0 210px}
.konto-address-item__actions form{margin:0}
.konto-address-item__actions .legacy-address-box__button{width:100%;min-width:0}
.konto-btn-danger{background:#dc3545}
.konto-settings p{margin:0 0 10px;font-size:14px;line-height:21px}
.konto-tabbox{margin:0 14px 30px;border:1px solid #dee2e6;border-radius:2px}
.konto-tabbox__tab{display:inline-block;margin:-1px 0 0 -1px;padding:10px 18px;border:1px solid #dee2e6;border-bottom-color:#fff;border-radius:2px 2px 0 0;background:#fff;color:#212529;font-size:14px;position:relative;top:1px}
.konto-tabbox__body{border-top:1px solid #dee2e6;padding:18px;font-size:14px}
.konto-empty{margin:0;color:#6c757d}
.account-access-modal[hidden],.account-access-panel[hidden]{display:none!important}
body.account-access-modal-open{overflow:hidden}
.account-access-modal{position:fixed;z-index:1100;inset:0;overflow-y:auto;padding:24px;background:rgba(20,24,28,.58);backdrop-filter:blur(2px)}
.account-access-modal__dialog{width:min(600px,100%);margin:0 auto;border:1px solid rgba(0,0,0,.18);border-radius:4px;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.28);outline:0}
.account-access-modal__header{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:14px 21px;border-bottom:1px solid #dee2e6}
.account-access-modal__header [role="heading"]{margin:0;color:#212529;font-size:20px;font-weight:500;line-height:1.4}
.account-access-modal__close{width:40px;height:40px;margin:-6px -8px -6px 12px;border:0;background:transparent;color:#62676c;font-size:30px;font-weight:300;line-height:1;cursor:pointer}
.account-access-modal__close:hover{color:#111}
.account-access-card--modal{padding:25px 21px 21px}
.account-access-card--modal .account-access-tabs{display:none}
.account-access-intro{margin:0 0 20px;color:#4d5358;font-size:14px;line-height:1.55}
.account-access-form{display:grid;gap:8px}
.account-access-form label{color:#30353a;font-size:13px;font-weight:600}
.account-access-form input{width:100%;height:48px;padding:10px 13px;border:1px solid #b9c0c7;border-radius:3px;background:#fff;color:#212529;outline:0;transition:border-color .15s,box-shadow .15s}
.account-access-form input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(242,148,0,.16)}
.account-access-security{margin:3px 0 12px;color:#747b81;font-size:12px;line-height:1.45}
.account-access-security .fa{margin-right:5px;color:#4f8b63}
.account-access-form button{min-height:44px;padding:10px 18px;border:0;border-radius:3px;background:var(--orange);color:#fff;font-weight:600;cursor:pointer}
.account-access-form button:hover{background:var(--orange-dark)}
.account-access-switch{display:block;margin-top:16px;color:var(--orange);font-size:13px;text-align:center;text-decoration:underline}
.account-access-switch:hover{color:var(--orange-dark)}
.konto-settings h3{margin:20px 0 12px;font-size:16px}
.konto-password-form{max-width:420px}
.account-access-page{min-height:470px;padding:46px 0 64px;background:linear-gradient(135deg,#f7f8f9 0,#fff 58%,#fff7e9 100%);border-top:1px solid #eceff1}
.account-access-page__inner{width:min(650px,calc(100% - 32px))}
.account-access-page__heading{display:flex;align-items:center;gap:15px;margin:0 0 20px}
.account-access-page__heading p{margin:0 0 2px;color:var(--orange);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.account-access-page__heading h1{margin:0;color:#212529;font-size:29px;font-weight:500;line-height:1.2}
.account-access-page__icon{display:flex;width:52px;height:52px;flex:0 0 52px;align-items:center;justify-content:center;border-radius:50%;background:var(--orange);color:#fff;font-size:21px;box-shadow:0 8px 20px rgba(217,119,0,.2)}
.account-access-card--page{overflow:hidden;border:1px solid #dfe3e7;border-radius:9px;background:#fff;box-shadow:0 14px 38px rgba(33,37,41,.09)}
.account-access-card--page .account-access-panel{padding:27px 30px 30px}
.account-access-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #dfe3e7;background:#f7f8f9}
.account-access-tabs a{position:relative;padding:15px 18px;color:#646b72;font-size:14px;font-weight:600;text-align:center}
.account-access-tabs a[aria-selected="true"]{background:#fff;color:#212529}
.account-access-tabs a[aria-selected="true"]:after{position:absolute;right:0;bottom:-1px;left:0;height:3px;background:var(--orange);content:""}
.account-access-success{padding:9px 4px 7px;text-align:center}
.account-access-card--page .account-access-success{padding:34px 30px}
.account-access-success__icon{display:flex;width:58px;height:58px;align-items:center;justify-content:center;margin:0 auto 14px;border-radius:50%;background:#e9f5ed;color:#397c50;font-size:24px}
.account-access-success strong{display:block;margin-bottom:7px;color:#212529;font-size:20px;font-weight:600}
.account-access-success p{max-width:520px;margin:0 auto;color:#596068;font-size:14px;line-height:1.6}
.account-access-back{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:#596068;font-size:13px}
.account-access-back:hover{color:var(--orange)}
.pilot-orders-table{width:100%;border-collapse:collapse;font-size:14px}
.pilot-orders-table th,.pilot-orders-table td{padding:8px 10px;border-bottom:1px solid #dee2e6;text-align:left}
.pilot-orders-table a{color:#f29400}
@media(max-width:900.98px){.konto-grid{grid-template-columns:1fr;gap:24px}.konto-address-item{flex-direction:column;align-items:stretch}.konto-address-item__actions{flex:none}}
/* Детали заказа — своя страница, но карточки, границы и оранжевый акцент
повторяют спокойный визуальный язык кабинета Ceres. */
.konto-order-page{padding-bottom:60px}
.konto-order-head{padding:4px 14px 0;margin-bottom:24px}
.konto-order-head h1{margin:0 0 10px;font-size:21px;font-weight:500;line-height:1.2}
.konto-order-back{display:inline-block;color:#212529;font-size:14px}
.konto-order-back:hover{color:#f29400}
.konto-order-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 14px 30px}
.konto-order-status-card{display:flex;min-width:0;gap:14px;padding:17px 18px;border:1px solid #dee2e6;border-left:4px solid #f29400;border-radius:4.2px;background:#fff}
.konto-order-status-card__icon{display:flex;width:38px;height:38px;flex:0 0 38px;align-items:center;justify-content:center;border-radius:50%;background:#fff4e2;color:#f29400;font-size:18px}
.konto-order-status-card__body{min-width:0;flex:1}
.konto-order-status-card h2{margin:0 0 3px;color:#6c757d;font-size:12.6px;font-weight:400;line-height:18.9px}
.konto-order-status-card__value{margin:0;color:#212529;font-size:16px;font-weight:600;line-height:22px}
.konto-order-tracking{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;margin:10px 0 0;padding-top:9px;border-top:1px solid #eee;font-size:12.6px;line-height:18px}
.konto-order-tracking dt{color:#6c757d}
.konto-order-tracking dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#212529}
.konto-order-section{margin:0 14px 30px}
.konto-order-section>h2{margin:0 0 12px;color:#212529;font-size:21px;font-weight:500;line-height:23.1px}
.konto-order-items th:nth-child(2),.konto-order-items td:nth-child(2){width:110px}
.konto-order-items th:last-child,.konto-order-items td:last-child{width:200px}
.konto-order-items__name{overflow-wrap:anywhere}
.konto-order-summary{width:min(100%,360px);grid-template-columns:1fr auto;margin:18px 0 0 auto}
.konto-order-summary dd{text-align:right}
.konto-order-summary__total{padding-top:8px;border-top:1px solid #dee2e6;color:#212529!important;font-size:16px;font-weight:700!important}
.konto-order-address__text{margin:0;font-size:14px;line-height:21px}
/* Шапка залогиненного: «Hei, …» с тёмным дропдауном — как у источника */
.account-menu{position:relative;display:inline-block}
.account-menu>a{color:var(--orange)}
.account-menu__drop{position:absolute;right:0;top:100%;z-index:1000;display:none;min-width:150px;background:#343a40;box-shadow:var(--shadow)}
.account-menu:hover .account-menu__drop,.account-menu.account-menu--open .account-menu__drop{display:block}
.account-menu__drop a,.account-menu__drop button{display:flex;width:100%;align-items:center;gap:8px;padding:12px 16px;border:0;background:transparent;color:#fff;font-size:13px;text-align:left;cursor:pointer}
.account-menu__drop a:hover,.account-menu__drop button:hover{background:#23272b;color:var(--orange)}
/* Checkout: зелёная полоса «бесплатная доставка» + примечание * — как у источника */
.legacy-free-shipping{height:16px;margin:12px 0 6px;border-radius:3px;background:repeating-linear-gradient(45deg,#28a745 0 10px,#48b461 10px 20px)}
.legacy-free-shipping__text{margin:0 0 8px;font-size:14px;line-height:21px}
.legacy-required-note{margin:10px 14px 0;font-size:14px;color:#212529}
/* Атрибут hidden мусить перемагати display:flex рядків підсумків (рядки MVA і
знижки ховаються саме ним) — інакше порожній рядок видно на кошику. */
.legacy-total-row[hidden]{display:none}
.wishlist-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;margin:32px 0}.wishlist-item-card{display:flex;flex-direction:column;gap:12px;border:1px solid #e5e5e5;padding:16px;background:#fff}.wishlist-item-card>a{color:inherit;text-decoration:none}.wishlist-item-card img{display:block;width:100%;height:210px;object-fit:contain}.wishlist-item-card h2{font-size:1rem;line-height:1.35;margin:12px 0}.wishlist-item-card .button{align-self:flex-start}
/* Строка списка желаний несёт два разных действия, как у источника:
оранжевая корзина кладёт товар в корзину и список не трогает, серая
корзина-урна удаляет из списка. Раньше действие было одно, подписью
`wishListDelete` — по-польски «Kasowa», и его нажимали как «в
корзину». Иконки и цвета разводят их так, чтобы перепутать было
нельзя. */
.wishlist-item-card__actions{display:flex;align-items:center;gap:8px;margin-top:auto}
.wishlist-item-card__quantity{width:64px;height:38px;padding:0 8px;border:1px solid #d9d9d9;border-radius:4px;text-align:center;font-size:14px}
.wishlist-item-card__add{display:inline-flex;width:44px;height:38px;align-items:center;justify-content:center;padding:0;border:1px solid #f29400;border-radius:4px;background:#f29400;color:#fff;font-size:16px;cursor:pointer}
.wishlist-item-card__add:disabled{opacity:.6;cursor:default}
.wishlist-item-card__remove{display:inline-flex;width:44px;height:38px;align-items:center;justify-content:center;padding:0;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#5d6670;font-size:16px;cursor:pointer}
.wishlist-item-card__remove:hover{border-color:#b4b4b4;color:#272727}
/* The basket uses the source's circular 24h mark. Checkout intentionally keeps
the green check icon: the two Ceres views render different availability marks. */
.legacy-basket .legacy-checkout-line__availability .legacy-availability-24h{display:inline-flex;width:22px;height:22px;flex:0 0 22px;align-items:center;justify-content:center;border:2px solid #00a600;border-radius:50%;color:#00a600;font-size:9px;font-weight:700;line-height:1}
/* Final mobile PDP/basket geometry measured from the live Ceres storefront. */
.legacy-checkout-line__collapse{display:none}
@media(max-width:900.98px){
.legacy-product-detail.legacy-product-detail--453912{padding-bottom:41.754375px}
.legacy-product-lower.legacy-product-lower--453912{height:auto;min-height:0;padding-bottom:4.5px}
.legacy-product-lower.legacy-product-lower--453912 .legacy-product-description{height:1132.140625px;min-height:1132.140625px}
.legacy-product-lower--453912 .legacy-product-benefits{padding-top:57px}
.legacy-product-lower--453912 .legacy-product-benefits>div{width:358px;margin-left:1px;border:0}
.legacy-product-lower--453912 .legacy-product-benefits>div:nth-child(1){height:123px;margin-bottom:16px}
.legacy-product-lower--453912 .legacy-product-benefits>div:nth-child(2){height:123px;margin-bottom:22px}
.legacy-product-lower--453912 .legacy-product-benefits>div:nth-child(3){height:123px;margin-bottom:21px}
.legacy-product-lower--453912 .legacy-product-benefits>div:nth-child(4){height:102px}
.legacy-product-recommendations--453912>h2{padding:8.4px 0 5.6px}
.legacy-product-recommendations--453912>h1{padding:9.8px 0}
.legacy-basket-items--filled{padding-top:13.3px}
.legacy-basket-grid--filled .legacy-basket-summary{padding-top:17.57px;margin-bottom:46.43px}
.legacy-basket .legacy-checkout-line{grid-template-columns:60px 175.5px 96.5px}
.legacy-basket .legacy-checkout-line__meta{line-height:21px}
.legacy-basket .legacy-checkout-line__meta>div{line-height:16.8px}
.legacy-basket .legacy-checkout-line__name{display:inline;overflow-wrap:break-word;word-break:break-word;line-height:16.8px}
.legacy-basket .legacy-checkout-line__bundle{min-height:319.14px;line-height:16.8px}
.legacy-basket .legacy-checkout-line__availability{display:block;min-height:46.55px;margin-top:0}
.legacy-basket .legacy-checkout-line__availability .legacy-availability-24h{display:inline-flex;width:28px;height:29.75px;vertical-align:top}
.legacy-basket .legacy-checkout-line__collapse{display:flex;height:35.7px;grid-column:2/-1;align-items:center;gap:8px;color:#6c757d;font-size:11.2px;line-height:16.8px;text-align:center}
.legacy-basket .legacy-checkout-line__collapse:before,.legacy-basket .legacy-checkout-line__collapse:after{height:1px;flex:1;background:#d7dce1;content:""}
}
/* Cookie-баннер: переключатели групп согласия. Геометрия и цвета сняты с
живого источника (computed styles 2026-08-20): трек 24.5×14 px, радиус 7,
бордюр 1 px; включённый — #f29400 с белым бегунком, сдвинутым на 10.5 px;
выключенный — белый с бордюром и бегунком #adb5bd. Подпись 12.95 px,
#212529; у disabled-группы («Viktig» / necessary) — #767676.
До 2026-08-20 здесь стояли эмодзи-кружки, которых у источника нет. */
.cookie-switches .custom-control{position:relative;display:inline-block;padding-left:31.5px;min-height:21px}
.cookie-switches .custom-control-input{position:absolute;left:0;z-index:-1;width:1px;height:1px;opacity:0}
.cookie-switches .custom-control-label{position:relative;margin-bottom:0;font-size:12.95px;color:#212529;cursor:default}
.cookie-switches .custom-control-label:before{position:absolute;top:3.5px;left:-31.5px;display:block;width:24.5px;height:14px;content:"";background:#fff;border:1px solid #adb5bd;border-radius:7px;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}
.cookie-switches .custom-control-label:after{position:absolute;top:5.5px;left:-29.5px;display:block;width:10px;height:10px;content:"";background:#adb5bd;border-radius:7px;transition:transform .15s ease-in-out,background-color .15s ease-in-out}
.cookie-switches .custom-control-input:checked~.custom-control-label:before{background:#f29400;border-color:#f29400}
.cookie-switches .custom-control-input:checked~.custom-control-label:after{background:#fff;transform:translateX(10.5px)}
.cookie-switches .custom-control-input:disabled~.custom-control-label{color:#767676}
/* Cookie-баннер: перелом ровно как у источника — Bootstrap md, 768px.
Замеры живого баннера 2026-08-20: до 768 каждый переключатель и ссылка
становятся блоками (строки по 21 px без промежутков), кнопки во всю ширину;
от 768 и выше переключатели идут inline с горизонтальным зазором 14 px и
переносом строк без вертикального зазора, а копия и кнопки стоят в двух
колонках. Раньше мы ломались на 900 px, из-за чего на планшетах 768–900
столбик появлялся там, где источник ещё держал строку. */
.cookie-switches .custom-control-label{display:inline-block;line-height:17.16px}
@media(max-width:767.98px){
.cookie-banner{display:block;min-height:0;max-height:100dvh;padding:14px 15px 17px;overflow-y:auto;overscroll-behavior:contain}
.cookie-switches{display:block}
.cookie-switches .custom-control{display:block;margin-right:0}
.cookie-switches a{display:block}
.cookie-actions{margin-top:15px;display:grid;gap:8px}
.cookie-actions .button{min-height:34px}
}
/* Подсказка «Hover to zoom» снята решением владельца 2026-09-16: «убери
везде, чтобы её не было». У немецкого источника, к виду которого приведена
галерея, её нет вовсе; зум при этом остался — его показывает курсор-лупа. */
/* Курсор-лупа над снимком — как у источника (`figure.mz-figure` и его img
имеют cursor: zoom-in, замер 2026-08-21). */
.product-gallery__main{cursor:zoom-in}
/* PDP availability: the source KJV widget renders its source-owned SVG as a
28px inline replaced element followed by the localized Plenty sentence.
Keeping normal inline baseline alignment reproduces the 6.375px text offset
of delayed.svg (100:90.66) and the 10.75px offset of available.svg
(100:106.3) without per-label positioning. */
.legacy-product-buybox .stock{display:block;width:100%;height:auto;min-height:25.375px;margin:5px 0;padding:0;background:transparent;color:#212529;font-size:14px;line-height:21px}
.legacy-product-buybox .stock>span,.legacy-product-buybox .stock [data-product-stock-label]{position:static;top:auto}
.legacy-product-buybox [data-product-stock-available]:not([hidden]),.legacy-product-buybox [data-product-stock-empty]:not([hidden]){display:contents}
.stock__source-icon{display:inline-block;width:28px;padding:0;font-size:28px;line-height:1;vertical-align:bottom}
.stock__source-icon--24h{content:url("/chrome/availability/available.77effac295b4.svg")}
.stock__source-icon--delayed{content:url("/chrome/availability/delayed.73fa3f79ee3e.svg")}
.stock__source-icon--unavailable{content:url("/chrome/availability/unavailable.8c2fb1c2af4a.svg")}
.stock__source-icon--preorder{content:url("/chrome/availability/preorder.1237f2ec784a.svg")}
.legacy-products .availability:before,.legacy-category-results .availability:before,.legacy-search-products .availability:before,.legacy-product-recommendations .availability:before{display:none;content:none}
.legacy-products .availability .stock__source-icon,.legacy-category-results .availability .stock__source-icon,.legacy-search-products .availability .stock__source-icon,.legacy-product-recommendations .availability .stock__source-icon{display:inline-block;width:28px;font-size:28px;line-height:28px;vertical-align:bottom}
/* The live product widget is one fluid column through 1150px and becomes the
7/5 desktop split at 1151px. Old capture-specific 360/390px widths and fixed
description heights caused clipping and text overlap on real phones and
tablets. These rules preserve the measured desktop geometry while making
every lower block grow with its imported content. */
@media(max-width:1150.98px){
.legacy-product-detail.container{width:calc(100% - 30px);max-width:none;margin-right:15px;margin-left:15px;padding-right:0;padding-left:0;grid-template-columns:minmax(0,1fr);gap:14px}
.legacy-product-gallery,.legacy-product-buybox{width:100%;min-width:0}
.legacy-product-gallery__stage{width:100%;height:auto;min-height:0;aspect-ratio:1/1}
.legacy-product-gallery__stage>button{height:100%}
.legacy-product-gallery .product-gallery__main{width:100%;height:100%;margin:0;object-fit:contain}
.legacy-product-gallery__thumbs{max-width:100%;overflow:hidden}
.legacy-product-buybox .product-price{height:auto}
.legacy-product-lower.container{display:block;width:calc(100% - 30px);max-width:none;height:auto;min-height:0;margin-right:15px;margin-left:15px;padding-right:0;padding-left:0}
.legacy-product-copy,.legacy-product-tabs,.legacy-product-description,.legacy-product-description__inner,.legacy-product-benefits{width:100%;max-width:100%}
/* The captured product-specific 125.78px height wins by specificity at
576–900px and leaves two empty tab rows. Responsive tabs must size to the
one real row instead. */
.legacy-product-tabs,.legacy-product-lower--99922355 .legacy-product-tabs{height:auto}
.legacy-product-description,.legacy-product-lower--99922355 .legacy-product-description,.legacy-product-lower.legacy-product-lower--453912 .legacy-product-description{height:auto;min-height:0}
.legacy-product-benefits,.legacy-product-lower--99922355 .legacy-product-benefits,.legacy-product-lower--453912 .legacy-product-benefits{height:auto;min-height:0}
.legacy-product-benefits>div,.legacy-product-lower--99922355 .legacy-product-benefits>div,.legacy-product-lower--453912 .legacy-product-benefits>div{width:100%;height:auto;min-height:0;margin-right:0;margin-left:0}
.legacy-product-recommendations.container{width:calc(100% - 30px);max-width:none;margin-right:15px;margin-left:15px;padding-right:0;padding-left:0;overflow:hidden}
.legacy-product-recommendations__viewport{width:100%;max-width:100%;overflow:hidden}
.legacy-product-recommendations .product-grid{width:100%;max-width:100%;padding:0}
.legacy-product-recommendations .cmp-product-thumb,.legacy-product-recommendations .product-card__frame,.legacy-product-recommendations .thumb-image,.legacy-product-recommendations .thumb-image .prop-1-1,.legacy-product-recommendations .thumb-image a,.legacy-product-recommendations .thumb-content,.legacy-product-recommendations .thumb-title,.legacy-product-recommendations .product-card__mobile-link,.legacy-product-recommendations .vat{max-width:100%}
}
@media(min-width:576px) and (max-width:1150.98px){
.legacy-product-recommendations .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;align-items:start}
.legacy-product-recommendations .cmp-product-thumb{width:auto;min-width:0;flex:none}
.legacy-product-recommendations .product-card__frame,.legacy-product-recommendations .thumb-image,.legacy-product-recommendations .thumb-image .prop-1-1,.legacy-product-recommendations .thumb-image a,.legacy-product-recommendations .thumb-content,.legacy-product-recommendations .thumb-title{width:100%}
.legacy-product-recommendations .thumb-image{height:auto;aspect-ratio:1/1}
.legacy-product-recommendations .thumb-image .prop-1-1,.legacy-product-recommendations .thumb-image a{height:100%}
.legacy-product-recommendations .thumb-image img{width:90%;height:90%;margin:5%;object-fit:contain}
}
@media(max-width:575.98px){.reference-header .account-tools{grid-row:2;width:auto;min-width:195px;height:31px;margin:0 0 0 97px}.reference-header .account-tools>a{height:31px;padding:7px;font-size:0}.reference-header .account-tools>a:nth-child(1){width:28px}.reference-header .account-tools>a:nth-child(2){width:34px;margin-left:3px}.reference-header .account-tools .wish-link{width:28px;margin-left:-1px;gap:0}.reference-header .account-tools .wish-link>span{display:none!important}.reference-header .account-tools .cart-link{display:flex!important;width:auto;min-width:103px;height:31px;flex-shrink:0;justify-content:flex-start;gap:3.1px;margin:0;padding:7px;background:#f29400}.reference-header .account-tools .cart-link>span{display:inline!important;font-size:11.2px}.reference-header .account-tools>a>span{font-size:0}
/* Счётчик корзины на телефоне был ЗА левым краем оранжевой кнопки — белым по
белому, то есть невидим (аудит ES 2026-09-24; тот же каркас у DK и PL).
Кнопка ужата до 103px, а содержимое с зазором 11px (десктопный) плюс поля
7px шире; `justify-content:flex-end` выталкивал лишнее влево. У источника
между «0», тележкой и суммой — поле 7px и пробел строки (3.1px при
11.2px): 7 + 6 + 7 + 3 + 13 + 3 + 7 + 49 + 7 = 102px, кнопка 102px.
Кнопка не сжимается — длинная сумма растит её, а не выдавливает счётчик.
Правило — в `.cart-link` строкой выше. */
.reference-header .header-tools .search{width:calc(100% - 20px);margin-right:10px;margin-left:10px}
.legacy-product-tabs a,.legacy-product-tabs a.is-active{width:100%}
.legacy-product-recommendations>h1,.legacy-product-recommendations>h2{width:100%;margin-left:0}
.legacy-product-recommendations .product-grid{display:flex;width:100%;flex-direction:column;gap:15px}
.legacy-product-recommendations .cmp-product-thumb{width:100%;flex:0 0 auto}
.legacy-product-recommendations .product-card__frame,.legacy-product-recommendations .thumb-image,.legacy-product-recommendations .thumb-image .prop-1-1,.legacy-product-recommendations .thumb-image a,.legacy-product-recommendations .thumb-content,.legacy-product-recommendations .thumb-title,.legacy-product-recommendations .product-card__mobile-link,.legacy-product-recommendations .vat{width:100%}
.legacy-product-recommendations .thumb-image{height:auto;aspect-ratio:1/1}
.legacy-product-recommendations .thumb-image .prop-1-1,.legacy-product-recommendations .thumb-image a{height:100%}
.legacy-product-recommendations .thumb-image img{width:90%;height:90%;margin:5%;object-fit:contain}
.konto-order-page{padding-bottom:40px}
.konto-order-head{padding:0;margin-bottom:20px}
.konto-order-head h1{font-size:20px}
.konto-order-status-grid{grid-template-columns:1fr;gap:12px;margin:0 0 26px}
.konto-order-status-card{padding:14px;border-left-width:3px}
.konto-order-section{margin:0 0 28px}
.konto-order-section>h2{font-size:20px}
.konto-order-items thead{display:none}
.konto-order-items,.konto-order-items tbody{display:block;width:100%}
.konto-order-items tr{display:grid;grid-template-columns:1fr 1fr;width:100%;padding:12px 0;border-bottom:1px solid #dee2e6}
.konto-order-items td{display:flex;width:auto!important;min-width:0;justify-content:space-between;gap:12px;padding:5px 8px;border:0;text-align:right}
.konto-order-items td:before{flex:0 0 auto;color:#6c757d;font-weight:600;content:attr(data-label);text-align:left}
.konto-order-items .konto-order-items__name{display:block;grid-column:1/-1;padding-top:0;padding-bottom:10px;text-align:left}
.konto-order-items .konto-order-items__name:before{display:block;margin-bottom:3px}
.konto-order-summary{width:100%;margin-top:16px}
.konto-order-tracking{grid-template-columns:1fr}
.konto-order-tracking dd+dt{margin-top:5px}
}
/* Responsive contract (PlentyONE/Ceres): phone <=575.98, tablet 576-991.98,
desktop >=992. The PDP itself keeps its independently measured 1151px split.
These footer rules replace the old 390px capture dimensions: at 440px the
source uses the natural PayPal mark in a 2x2 payment layout, while <=400px
it intentionally stretches PayPal and needs three rows. */
/* Отступ слева растёт как calc(15px + 6vw), поэтому ширина обязана его
вычитать: при `calc(100% - 30px)` правый край уезжал за экран на 11px на всех
ширинах от 401px (замер 2026-08-21: при вьюпорте 440 блок занимал 41..451).
Теперь `calc(100% - 22px - 6vw)` ставит правый край в 7px от края — ровно там,
где он у источника (замер источника: 395 при 401, 407 при 412, 436 при 440). */
@media(max-width:575.98px){
html:is([lang="no"],[lang="tr"]) .site-footer{height:auto;min-height:1186.8125px;padding-top:35.15625px;padding-bottom:94.484375px}
html:is([lang="no"],[lang="tr"]) .reference-footer-content{width:calc(100% - 22px - 6vw);height:943.53125px;margin-left:calc(15px + 6vw)}
html:is([lang="no"],[lang="tr"]) .legacy-footer-grid{display:block;width:100%;height:746.140625px;margin:0}
html:is([lang="no"],[lang="tr"]) .legacy-footer-grid section{width:100%}
html:is([lang="no"],[lang="tr"]) .legacy-footer-grid h5{width:calc(100% - 30px)}
html:is([lang="no"],[lang="tr"]) .footer-payment{width:100%;height:182.390625px;margin:0;padding:0 15px}
html:is([lang="no"],[lang="tr"]) .footer-payment h5{width:calc(100% - 30px);margin-left:0;text-align:left}
html:is([lang="no"],[lang="tr"]) .footer-payment__images{width:100%;height:160px;column-gap:3.609375px!important;row-gap:0!important;flex-wrap:wrap!important}
html:is([lang="no"],[lang="tr"]) .footer-payment img{width:129px;height:80px;margin:0;object-fit:fill}
html:is([lang="no"],[lang="tr"]) .footer-payment img:first-child{width:206.40625px;height:75px;margin-top:2.5px}
html:is([lang="no"],[lang="tr"]) .footer-payment img:nth-child(2),
html:is([lang="no"],[lang="tr"]) .footer-payment img:nth-child(4){margin-right:0}
html:is([lang="no"],[lang="tr"]) .reference-footer-content>hr,
html:is([lang="no"],[lang="tr"]) .footer-copyright{width:calc(100% - 30px);margin-left:15px}
html:is([lang="no"],[lang="tr"]) .footer-legal{width:calc(100% - 22px - 6vw);margin-left:calc(15px + 6vw)}
}
@media(max-width:400px){
.reference-header .header-tools.container{width:100%;margin-right:0;margin-left:0}
.reference-header .header-tools .search{width:calc(100% - 20px);margin-right:10px;margin-left:10px}
/* Ширина в процентах разрешается от блока, который сам может оказаться шире
экрана, — и тогда поиск раздувается вместе с ним. На 320 это давало
замкнутый круг: поиск 320.375px внутри 320px экрана. Экран — верхняя
граница, и он её не знает в процентах. */
.reference-header .header-tools .search{max-width:calc(100vw - 20px)}
.reference-header .header-tools .search input{width:auto;min-width:0;flex:1 1 auto}
/* Отступ 97.14px снят с 390-экрана и там же остаётся: на 390 центрирование
ставит ряд иконок в 98px вместо снятых 97. Но как жёсткое число он на 320
выносил ряд за край (97 + 243 = 340) и растягивал документ. */
.reference-header .account-tools{min-width:0;margin-right:auto;margin-left:auto}
html:is([lang="no"],[lang="tr"]) .site-footer{height:auto;min-height:calc(1165.011px + 36.3355vw)}
html:is([lang="no"],[lang="tr"]) .reference-footer-content{width:calc(100% - 30px);height:calc(921.73px + 36.3355vw);margin-left:15px}
/* До 400px геометрия снята попиксельно (на 390 блок занимает 15..375),
поэтому здесь возвращается снятая ширина: формула с 6vw действует
только от 401px, где отступ слева начинает расти. */
html:is([lang="no"],[lang="tr"]) .footer-legal{width:calc(100% - 30px);margin-left:15px}
html:is([lang="no"],[lang="tr"]) .footer-payment{height:calc(160.589px + 36.3355vw)}
html:is([lang="no"],[lang="tr"]) .footer-payment__images{height:calc(138.199px + 36.3355vw)}
html:is([lang="no"],[lang="tr"]) .footer-payment img:first-child{width:100%;height:auto;aspect-ratio:206.40625/75;margin:0}
html:is([lang="no"],[lang="tr"]) .footer-legal{height:auto;min-height:99.625px;margin-left:15px}
html:is([lang="no"],[lang="tr"]) .footer-legal .withdraw-link{display:inline-block;margin:54.296875px 0 0}
html:is([lang="no"],[lang="tr"]) .footer-legal .footer-contact{position:static;display:block;width:max-content;min-height:0;margin:8px 0 0;padding:7px;color:#000}
}
@media(min-width:576px) and (max-width:991.98px){
html:is([lang="no"],[lang="tr"]) .site-footer{padding-top:35.15625px;padding-bottom:36px}
html:is([lang="no"],[lang="tr"]) .reference-footer-content{width:calc(100% - 30px);margin-left:15px}
html:is([lang="no"],[lang="tr"]) .legacy-footer-grid{display:grid;width:100%;height:413.9375px;margin:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:196.390625px 217.546875px}
html:is([lang="no"],[lang="tr"]) .legacy-footer-grid section{width:auto;height:196.390625px;min-width:0;flex:none}
html:is([lang="no"],[lang="tr"]) .legacy-footer-grid section:nth-child(5){height:217.546875px}
html:is([lang="no"],[lang="tr"]) .legacy-footer-grid h5{width:100%}
html:is([lang="no"],[lang="tr"]) .footer-payment{width:66.666667%;height:182.390625px;margin:0 auto;padding:0 15px}
html:is([lang="no"],[lang="tr"]) .footer-payment h5{width:100%;margin-left:0;text-align:center}
html:is([lang="no"],[lang="tr"]) .footer-payment__images{width:100%;height:160px;column-gap:3.609375px!important;row-gap:0!important;flex-wrap:wrap!important}
html:is([lang="no"],[lang="tr"]) .footer-payment img{width:129px;height:80px;margin:0;object-fit:fill}
html:is([lang="no"],[lang="tr"]) .footer-payment img:first-child{width:206.40625px;height:75px;margin-top:2.5px}
html:is([lang="no"],[lang="tr"]) .reference-footer-content>hr,
html:is([lang="no"],[lang="tr"]) .footer-copyright{width:calc(100% - 30px);margin-left:15px}
html:is([lang="no"],[lang="tr"]) .footer-legal{width:calc(100% - 30px);margin-left:15px}
}
@media(min-width:576px) and (max-width:583.98px){
html:is([lang="no"],[lang="tr"]) .site-footer{height:auto;min-height:925.515625px}
html:is([lang="no"],[lang="tr"]) .reference-footer-content{height:686.328125px}
html:is([lang="no"],[lang="tr"]) .footer-payment{height:257.390625px}
html:is([lang="no"],[lang="tr"]) .footer-payment__images{height:235px}
}
@media(min-width:584px) and (max-width:767.98px){
html:is([lang="no"],[lang="tr"]) .site-footer{height:auto;min-height:850.515625px}
html:is([lang="no"],[lang="tr"]) .reference-footer-content{height:611.328125px}
}
@media(min-width:768px) and (max-width:899.98px){
html:is([lang="no"],[lang="tr"]) .site-footer{height:806px}
html:is([lang="no"],[lang="tr"]) .reference-footer-content{height:611.328125px}
}
@media(min-width:900px) and (max-width:981.98px){
html:is([lang="no"],[lang="tr"]) .site-footer{height:769.609375px}
html:is([lang="no"],[lang="tr"]) .reference-footer-content{height:593.171875px}
html:is([lang="no"],[lang="tr"]) .legacy-footer-grid{height:395.78125px;grid-template-rows:196.390625px 199.390625px}
html:is([lang="no"],[lang="tr"]) .legacy-footer-grid section:nth-child(5){height:199.390625px}
}
@media(min-width:982px) and (max-width:991.98px){
html:is([lang="no"],[lang="tr"]) .site-footer{height:689.609375px}
html:is([lang="no"],[lang="tr"]) .reference-footer-content{height:513.171875px}
html:is([lang="no"],[lang="tr"]) .legacy-footer-grid{height:395.78125px;grid-template-rows:196.390625px 199.390625px}
html:is([lang="no"],[lang="tr"]) .legacy-footer-grid section:nth-child(5){height:199.390625px}
html:is([lang="no"],[lang="tr"]) .footer-payment{height:102.390625px}
html:is([lang="no"],[lang="tr"]) .footer-payment__images{height:80px;flex-wrap:nowrap!important}
}
@media(min-width:992px){
html:is([lang="no"],[lang="tr"]) .site-footer{height:493.265625px}
}
@media(min-width:992px) and (max-width:1279.98px){
/* The 1250/1280 desktop capture must not leak into the notebook tier. Keep
the source-sized blocks when they fit and shrink only the outer geometry
below that point; payment marks keep their natural pixel dimensions. */
/* Служебная полоса набрана снятыми отступами 1250-й раскладки: её строка
выходила 1013px и на 998 толкала всю страницу в горизонтальный скролл.
У источника полоса на этих ширинах всегда внутри экрана (замер 984 при
998, 1086 при 1100). Ужимаем только отступы промежуточного яруса —
подписи остаются все, десктопная раскладка не трогается. */
.service-links{max-width:100%}
.service-links>li{padding-right:9px;padding-left:9px}
.service-links>li.shipping,.service-links>li.invoice,
.service-links>li.service-phone,.service-links>li.support{margin-right:8px}
html:is([lang="no"],[lang="tr"]) .legacy-footer-grid{width:min(1066.65px,calc(100% - 60px));margin-right:auto;margin-left:auto}
html:is([lang="no"],[lang="tr"]) .legacy-footer-grid section{width:auto;min-width:0;flex:1 1 20%}
html:is([lang="no"],[lang="tr"]) .footer-payment{width:min(823.33px,calc(100% - 60px));margin-right:auto;margin-left:auto}
html:is([lang="no"],[lang="tr"]) .footer-payment h5,
html:is([lang="no"],[lang="tr"]) .footer-payment__images{max-width:100%}
html:is([lang="no"],[lang="tr"]) .reference-footer-content>hr,
html:is([lang="no"],[lang="tr"]) .footer-copyright{width:calc(100% - 60px);margin-right:30px;margin-left:30px}
}
@media(min-width:1280px){
html:is([lang="no"],[lang="tr"]) .site-footer{height:489.09375px}
}
/* Complete consent banner layouts: phone and small tablet stack within the
visual viewport; desktop keeps the source 8/4 split. Explicit min-width:0
and button width prevent translated labels from clipping on 344px devices. */
@media(max-width:767.98px){
.cookie-banner{inset:auto 0 0 0;box-sizing:border-box;width:100%;max-width:100%;max-height:100dvh;transform:none;padding:14px 15px max(17px,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.cookie-copy,.cookie-actions{width:100%;min-width:0}
.cookie-actions{grid-template-columns:minmax(0,1fr)}
.cookie-actions .button{box-sizing:border-box;width:100%;max-width:100%;padding:8px 12px;white-space:normal;text-align:center}
}
@media(min-width:768px) and (max-width:991.98px){
.cookie-banner{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);padding-right:16px;padding-left:16px}
.cookie-copy,.cookie-actions{min-width:0}
}
/* The source leaves exactly 10px from either availability SVG to the buy row.
Keep the replacement SVG in normal flow: its box then starts at the stock
line top for both the 24h and delayed variants. */
.legacy-product-buybox .stock .stock__source-icon{position:static;top:auto}
.legacy-product-buybox .buy-row{margin-top:10px}
/* Plenty renders the consent-settings control in the final footer widget. It
is not a viewport-following action: rejecting/partially saving consent keeps
it at this document position, while accepting everything hides it. */
.footer-privacy{position:absolute;right:15px;bottom:14px;display:inline-flex;width:40px;height:33.5px;align-items:center;justify-content:center;padding:7px;border-radius:4.2px}
.footer-privacy span{display:none}
/* Явный display для [hidden]: наш display:inline-flex перебивает встроенный
display:none у атрибута hidden, и после «Aksepter alt» кнопка оставалась на
экране (ловится e2e «cookie choice updates consentActiveStatus»). */
.footer-privacy[hidden]{display:none}
/* Пока внизу стоит полоса «наверх», щит садится ровно на неё — у источника
между ними ноль (замер 2026-09-05: 36px подвала под полосой высотой 44.5).
Правило обязано стоять ПОСЛЕ безусловного `bottom:14px` выше: одинаковая
специфичность, побеждает последнее. Раньше мобильное правило стояло до
него и молча проигрывало — щит уезжал в полосу. */
@media(max-width:767.98px){
.footer-privacy{bottom:80.5px}
/* Датская и польская витрины держат щит своими правилами (у них он с
подписью и шире), и снятые для них 79/166px оставляли его в тексте
копирайта — владелец прислал снимок 2026-09-05. Место у щита одно и то же
на всех языках: сразу над полосой. */
html:not([lang="no"]):not([lang="tr"]) .footer-privacy,
html:not([lang="no"]):not([lang="tr"]) .site-footer--has-legal .footer-privacy{bottom:80.5px}
/* Место под полосой и щитом: 36px подвала + полоса 44.5 + щит 33.5. Снятые
отступы (95px у датской и польской витрин, 94.48 у норвежской) считались
под щит на его прежнем месте, и после переезда щита на полосу он упирался
в правовой ряд. Величина одна для всех: её задаёт геометрия полосы. */
.site-footer,
html:not([lang="no"]):not([lang="tr"]) .site-footer,
html:is([lang="no"],[lang="tr"]) .site-footer{padding-bottom:114px}
}
@media(min-width:576px){
/* Иконка и подпись — flex с зазором 8px и горизонтальным отступом 14px, как у
остальных кнопок источника (.btn padding:7px 14px). Раньше стояли
min-width:185.53px и padding:7px без зазора: щит вплотную прилипал к тексту,
а текст упирался в правый край. Ширину задаёт содержимое, поэтому подпись
любой длины (в том числе de/fr) не может обрезаться. */
.footer-privacy{width:auto;min-width:0;justify-content:flex-start;gap:8px;padding:7px 14px}
.footer-privacy span{display:inline-block}
}
/* Product benefits use the live Ceres responsive topology: one full-width
card through 1150px, then a 2x2 grid in the desktop side column. The old
capture rules combined fixed heights with a floated icon, so translated
copy could escape its card and overlap the following rows. Grid owns the
icon/text relationship and min-height preserves the measured Norwegian
geometry while still allowing longer content to grow safely. */
@media(max-width:575.98px){
.legacy-product-benefits,
.legacy-product-lower--99922355 .legacy-product-benefits,
.legacy-product-lower--453912 .legacy-product-benefits{display:grid;width:100%;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:0;padding-top:14px}
.legacy-product-benefits>div,
.legacy-product-lower--99922355 .legacy-product-benefits>div,
.legacy-product-lower--453912 .legacy-product-benefits>div{box-sizing:border-box;width:100%;height:auto;margin:0;padding:14px 22px;border:1px solid #dadada;background:#efefef}
.legacy-product-lower--99922355 .legacy-product-benefits>div:nth-child(n),
.legacy-product-lower--453912 .legacy-product-benefits>div:nth-child(n){height:auto;margin:0}
.legacy-product-benefits>div:nth-child(1){height:auto;min-height:125px;margin:0}
.legacy-product-benefits>div:nth-child(2){height:auto;min-height:125px;margin:0}
.legacy-product-benefits>div:nth-child(3){height:auto;min-height:130px;margin:0}
.legacy-product-benefits>div:nth-child(4){height:auto;min-height:118px;margin:0}
}
@media(min-width:576px) and (max-width:1150.98px){
.legacy-product-benefits,
.legacy-product-lower--99922355 .legacy-product-benefits,
.legacy-product-lower--453912 .legacy-product-benefits{display:grid;width:100%;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:0;padding-top:14px}
.legacy-product-benefits>div,
.legacy-product-lower--99922355 .legacy-product-benefits>div,
.legacy-product-lower--453912 .legacy-product-benefits>div{box-sizing:border-box;width:100%;height:auto;margin:0;padding:14px;border:1px solid #dadada;background:#efefef}
.legacy-product-lower--99922355 .legacy-product-benefits>div:nth-child(n),
.legacy-product-lower--453912 .legacy-product-benefits>div:nth-child(n){height:auto;margin:0}
.legacy-product-benefits>div:nth-child(1),.legacy-product-benefits>div:nth-child(2){height:auto;min-height:104px;margin:0}
.legacy-product-benefits>div:nth-child(3),.legacy-product-benefits>div:nth-child(4){height:auto;min-height:118px;margin:0}
}
@media(max-width:1150.98px){
.legacy-product-benefits p{display:grid;min-width:0;grid-template-columns:32px minmax(0,1fr);grid-template-rows:minmax(32px,auto) auto;column-gap:8px;margin:0}
.legacy-product-benefits .benefit-icon{display:block;float:none;width:32px;height:32px;grid-column:1;grid-row:1/span 2;margin:0;background-position:left center;background-repeat:no-repeat;background-size:contain}
.legacy-product-benefits strong{display:block;min-width:0;grid-column:2;grid-row:1;margin:0;font-size:16px;font-weight:600;line-height:32px}
.legacy-product-benefits span{display:block;min-width:0;grid-column:2;grid-row:2;font-size:14px;line-height:21px;overflow-wrap:anywhere}
}
@media(min-width:1151px){
.legacy-product-benefits{align-items:start;row-gap:14px}
.legacy-product-benefits>div{height:auto;min-height:140px}
.legacy-product-benefits>div:nth-child(3){height:auto;min-height:160px}
.legacy-product-benefits>div:nth-child(4){height:auto;min-height:140px}
.legacy-product-benefits p{display:grid;min-width:0;grid-template-columns:32px minmax(0,1fr);grid-template-rows:minmax(32px,auto) auto;column-gap:8px;margin:0}
.legacy-product-benefits .benefit-icon{display:block;float:none;width:32px;height:32px;grid-column:1;grid-row:1/span 2;margin:0;background-position:left center;background-repeat:no-repeat;background-size:contain}
.legacy-product-benefits strong{display:block;min-width:0;grid-column:2;grid-row:1;margin:0;font-size:16px;font-weight:600;line-height:32px}
.legacy-product-benefits span{display:block;min-width:0;grid-column:2;grid-row:2;font-size:14px;line-height:21px;overflow-wrap:anywhere}
}
/* Место под фиксированный баннер согласия: он должен лежать ПОВЕРХ футера, а не
прятать его нижнюю часть. Высоту ставит storefront.js по факту (150px на
десктопе, ~360px на мобиле), поэтому здесь только переменная. */
body{padding-bottom:var(--cookie-inset,0px)}
/* Мобильная ступень (см. список точек перелома в начале файла).
Осознанный отход от источника: у него мобильная полоса согласия занимает
407px, то есть 60% экрана (замер iPhone 13, 2026-08-21) — у нас было 409px,
ровно то же. По решению владельца делаем компактнее: главная кнопка на всю
ширину, две второстепенные — в один ряд, тап-цель 40px вместо 34px. */
@media(max-width:767.98px){
/* Полоса согласия должна влезать целиком, без прокрутки внутри себя: иначе
кнопки уходят под край окна. Замер до правки (412×915): копия 239 +
переключатели 145 + кнопки 88 = 362px. Здесь переключатели идут в две
колонки (подписи короткие), а три действия — в один ряд, поэтому высота
падает примерно до 240px и полоса влезает даже на экране 640px.
max-height оставлен страховкой на крайние случаи (крупный системный шрифт,
ландшафт): тогда включается внутренняя прокрутка. */
/* Кнопки обязаны быть видны при ЛЮБОЙ высоте окна, поэтому полоса — колонка:
текст с переключателями занимает остаток и при нехватке места
прокручивается сам, а блок действий прижат к низу и не уезжает за край. */
.cookie-banner{display:flex;max-height:min(75dvh,560px);flex-direction:column;gap:10px;padding:12px 14px max(12px,env(safe-area-inset-bottom));overflow:hidden}
.cookie-copy{min-height:0;flex:0 1 auto;overflow-y:auto;overscroll-behavior:contain}
.cookie-copy p{margin-bottom:8px}
.cookie-actions{flex:0 0 auto}
.cookie-switches{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:0}
.cookie-switches a{grid-column:1/-1}
.cookie-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:0}
.cookie-actions .button{min-height:40px;padding:6px 6px;font-size:12.5px;line-height:1.15}
}
/* ── Телефонная ступень (<=575.98 по DESIGN.md) ─────────────────────────────
У источника контейнеры и карточки листинга текучие: ширина = экран − 30px
(замер живого источника 2026-08-21: карточка 314 при экране 344, 360 при 390,
410 при 440, 470 при 500, 545 при 575). Снятая геометрия прибивала их к
390/360px, поэтому на 344 уезжало за край, а на 440–575 оставалось пустое
поле справа. Формулы дают на 390px ровно снятые числа.
Картинку карточки источник, наоборот, держит фиксированной 340px на всех
этих ширинах (то есть на 344 она у него сама выходит за карточку и режется
клипом) — её не трогаем. Внутренний блок: −11.6px от ширины карточки, это
ровно снятые 325.63 при 390 и совпадает с источником на 344/440/500/575. */
@media(max-width:575.98px){
.legacy-products.container,.legacy-category-results.container{width:100%;max-width:100%}
.legacy-checkout.container,.legacy-category.container,.legacy-category-seo.container,
.legacy-promo.container,.legacy-intro.container,.legacy-seo.container{width:calc(100% - 30px)}
.legacy-intro__title,.legacy-intro__text,.legacy-promo__hero,.legacy-promo__hero img,
.legacy-promo__tiles a,.legacy-promo__tiles img{width:100%}
.legacy-products .product-column{width:100%;flex:0 0 100%}
.legacy-products .cmp-product-thumb,.legacy-category-results .cmp-product-thumb{width:auto;min-width:0}
.legacy-products .product-card__frame,.legacy-category-results .product-card__frame{width:auto;min-width:0}
.legacy-products .thumb-content,.legacy-category-results .thumb-content{width:100%;min-width:0}
.legacy-products .thumb-title,.legacy-category-results .thumb-title{max-width:100%;min-width:0}
}
/* ── Планшетная ступень 576…991.98 ─────────────────────────────────────────
Снятая мобильная геометрия (390px) применялась ко всей полосе до 900px: 33
правила прибивали ширину 360/390px, колонка листинга 390px, карточка 360px,
картинка 340px. На 480/600/768 это давало узкую колонку и пустое поле
справа — «поплывший планшет».
Колонки — по измеренным ступеням источника (Bootstrap col-sm-6/col-md-3):
две до 767.98, четыре с 768. Замер живого источника 2026-08-21: карточка
330px при экране 360, 450 при 480, 530 при 560, две по 270 при 600, две по
320 при 700, четыре по 162 при 768. */
@media(min-width:576px) and (max-width:991.98px){
.legacy-checkout.container,.legacy-category.container,.legacy-category-seo.container,
.legacy-promo.container,.legacy-intro.container,
.legacy-seo.container{width:calc(100% - 30px);height:auto;min-height:0}
.legacy-intro__title,.legacy-intro__text{width:100%;height:auto;min-height:0}
.legacy-products.container,.legacy-category-results.container,
.legacy-promo__hero,.legacy-promo__hero img,.legacy-promo__tiles a,.legacy-promo__tiles img{width:100%}
.legacy-products .product-column{width:50%;flex:0 0 50%}
.legacy-products .cmp-product-thumb,.legacy-category-results .cmp-product-thumb{width:auto;min-width:0}
.legacy-category-results .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.legacy-products .product-card__frame,.legacy-category-results .product-card__frame{width:100%;min-width:0}
/* Внутренний блок у источника уже карточки ровно на 12px (замер 2026-08-21:
карточка 258 → 246 при 576, 162 → 150 при 768, 195 → 183 при 900). У нас
к отступу добавляется рамка 1px, поэтому padding 5px, а не 6: 5+1 с каждой
стороны и даёт ровно −12px. Снятые с десктопа 11.2px здесь не годятся. */
.legacy-products .cmp-product-thumb,.legacy-category-results .cmp-product-thumb{padding:5px;overflow:hidden}
.legacy-products .thumb-content,.legacy-category-results .thumb-content{width:100%;min-width:0}
.legacy-products .thumb-title,.legacy-category-results .thumb-title{max-width:100%;min-width:0}
/* Картинку источник в этой полосе НЕ сжимает: её блок остаётся 340×340 и
обрезается самой карточкой (у источника article.cmp-product-thumb имеет
overflow:hidden). Поэтому снятые 340px оставляем как есть. */
/* футер: ширина по контейнеру, высота по содержимому — снятые пиксельные
высоты относятся к раскладке 390px и на планшете оставляли пустоту */
.reference-footer-content,.legacy-footer-grid,.legacy-footer-grid section,
.footer-payment,.footer-legal{width:auto;height:auto;min-height:0;margin-left:0;margin-right:0}
.site-footer{height:auto;min-height:0}
hr{max-width:100%}
}
@media(min-width:768px) and (max-width:991.98px){
/* Замер источника 2026-08-21: листинг главной с 768px идёт по четыре в ряд,
а листинг категории — по три (карточка 239 при 768, 283 при 900) и
переходит на четыре только с 1024px. */
.legacy-products .product-column{width:25%;flex:0 0 25%}
.legacy-category-results .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* ── Ноутбучная полоса 992…1279.98 ─────────────────────────────────────────
Десктопная геометрия снята под контейнер 1250/1280px: benefits repeat(4,290px),
вводный грид 396.66/823.33px, hr 1250px. На обязательном по контракту
вьюпорте 1024 это уезжало на +256px и держалось только на overflow-clip —
то есть часть раскладки была просто обрезана. Здесь те же блоки текучие; с
1280px снятые значения возвращаются без изменений. */
@media(min-width:992px) and (max-width:1279.98px){
/* Точечно, а не по всем .container: у рекомендаций контейнер во всю ширину
с горизонтальной лентой внутри, и общий max-width уводил её карточки за
край (ловится e2e «product detail stays fluid»). */
.legacy-intro.container,.legacy-promo.container,.legacy-seo.container,
.legacy-category.container,.legacy-category-seo.container,.legacy-checkout.container{max-width:calc(100% - 30px)}
hr{max-width:100%}
.legacy-intro__title,.legacy-intro__text{width:auto;max-width:100%;min-width:0;height:auto;min-height:0}
.legacy-promo__hero,.legacy-promo__hero img,.legacy-promo__tiles,
.legacy-promo__tiles a,.legacy-promo__tiles img{width:100%;max-width:100%}
.legacy-promo__tiles{height:auto;grid-template-rows:auto}
/* Колонки сняты в пикселях под контейнер 1250px. Те же доли в fr дают на
1250px ровно 396.66 и 823.33, а ниже сжимаются вместо обрезки. */
.legacy-intro.container{grid-template-columns:minmax(0,396.66fr) minmax(0,823.33fr)}
.legacy-promo.container{grid-template-columns:minmax(0,823.33fr) minmax(0,396.66fr)}
.legacy-products .cmp-product-thumb,.legacy-category-results .cmp-product-thumb{width:auto;min-width:0}
.legacy-products .product-card__frame,.legacy-category-results .product-card__frame{width:100%;min-width:0}
.legacy-products .thumb-content,.legacy-products .thumb-title,
.legacy-category-results .thumb-content,.legacy-category-results .thumb-title{width:100%;max-width:100%;min-width:0}
.legacy-products .thumb-image,.legacy-products .thumb-image .prop-1-1,
.legacy-products .thumb-image a,.legacy-category-results .thumb-image,
.legacy-category-results .thumb-image .prop-1-1,.legacy-category-results .thumb-image a{width:100%;height:auto;aspect-ratio:1/1}
.legacy-products .thumb-image img,.legacy-category-results .thumb-image img{width:100%;height:auto;margin:0;padding:10px}
/* Арифметика источника на 1024/1150 (замер 2026-08-21): контейнер во всю
ширину с отступом 10px (1004 при 1024), четыре колонки без промежутка, а
зазор делают собственные margin карточки 5px — так карточка выходит 241 и
273, ровно как у него. Промежуток grid дал бы 243.5. */
.legacy-category-results.container{width:100%;max-width:100%;padding-left:10px;padding-right:10px}
.legacy-category-results .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 0}
.legacy-category-results .cmp-product-thumb{margin:0 5px}
.legacy-category-results .availability{left:auto;right:10px}
}
/* Home/header fluid tiers from the live Ceres source (2026-08-24).
The capture rules above are still the exact 390px and 1280px endpoints;
these overrides only interpolate the two bands between them. */
@media(min-width:576px) and (max-width:900.98px){
/* Owner override 2026-09-18: the source keeps a 340px carousel here, but in
four-column tablet rows that cuts a product photo in half and places the
right photo arrow outside the visible card. Keep the measured column
count, but make the complete photo viewport and both controls belong to
the card content box. */
.legacy-products .cmp-product-thumb,.legacy-category-results .cmp-product-thumb{padding:0}
.legacy-products .thumb-image,.legacy-products .thumb-image .prop-1-1,
.legacy-products .thumb-image a,.legacy-category-results .thumb-image,
.legacy-category-results .thumb-image .prop-1-1,
.legacy-category-results .thumb-image a{width:100%;height:auto;aspect-ratio:1/1}
.legacy-products .thumb-image img,.legacy-category-results .thumb-image img{width:100%;height:100%;margin:0;padding:10px;object-fit:contain}
.legacy-products .thumb-content,.legacy-category-results .thumb-content{width:100%}
.legacy-products .thumb-meta,.legacy-category-results .thumb-meta{width:70%}
.legacy-products .feedback-stars-average,.legacy-products .prices,
.legacy-products .product-card__mobile-link,.legacy-products .vat,
.legacy-category-results .feedback-stars-average,.legacy-category-results .prices,
.legacy-category-results .product-card__mobile-link,.legacy-category-results .vat{width:100%}
.legacy-products .availability,.legacy-category-results .availability{left:auto;right:10px;width:28px}
}
@media(min-width:768px) and (max-width:900.98px){
.legacy-products .availability{right:7px}
}
/* ── Компактная шапка телефона для всех витрин ───────────────────────────
Решение владельца 2026-09-18: логотип, поиск и кабинет остаются, но три
служебных ряда не должны занимать почти половину первого экрана. Было:
tools 123px + logo/menu 67px; стало 86px + 48px. Контент не уменьшаем —
убираем пустые поля между поиском (37px), кабинетом (31px) и навигацией. */
@media(max-width:575.98px){
.reference-header .header-tools{height:86px;grid-template-rows:37px 31px;row-gap:6px;align-content:center;padding:6px 0}
.reference-header .header-navigation{height:48px}
.reference-header .header-navigation__inner{height:48px;padding:0}
.reference-header .brand{height:48px;margin:0;padding:10px 4px;align-items:center}
.reference-header .brand img{max-height:28px}
.reference-header .mobile-menu{width:42px;height:42px;margin:3px 4px 3px auto;padding:10px;font-size:20px;line-height:22px}
.reference-header .main-nav{top:48px}
}
@media(min-width:901px) and (max-width:991.98px){
/* The source keeps the service strip fluid. Its content box is inset 42px
on both sides; shrinking the item padding preserves every label instead
of clipping the last utility menu. */
.reference-header .service-links{width:calc(100% - 52px);margin-left:26px;justify-content:space-between}
.service-links>li{padding-right:8.6px;padding-left:8.6px}
/* Keep all six desktop navigation entries visible while the header
container narrows. Their label widths fit six equal fluid cells; it was
the captured 24.55px side padding that created the overhang. */
.reference-header .main-nav{width:calc(100% - 177px);min-width:0}
.reference-header .main-nav__inner{width:100%}
.reference-header .main-nav__item{min-width:0;flex:1 1 0}
.reference-header .main-nav__item>a{width:100%;padding-right:4px;padding-left:4px}
/* Bootstrap source geometry: 5/12 + 7/12 for the intro and 2/3 + 1/3
for promos. The 15px inner gutters are part of the reference layout. */
.legacy-intro.container{width:100%;max-width:none;grid-template-columns:5fr 7fr;gap:0}
.legacy-intro__title,.legacy-intro__text{width:calc(100% - 30px);height:auto;margin-right:15px;margin-left:15px}
.legacy-promo.container{width:100%;max-width:none;grid-template-columns:2fr 1fr;gap:0}
.legacy-promo__hero,.legacy-promo__hero img,.legacy-promo__tiles{width:100%;height:calc(33.333333vw - 15px)}
.legacy-promo__tiles{padding-right:15px;padding-left:15px;grid-template-rows:repeat(3,minmax(0,1fr))}
.legacy-promo__tiles a,.legacy-promo__tiles img{width:100%;height:100%}
/* Rows use Bootstrap's negative-gutter effect only through their column
padding. Removing the second negative margin keeps the outer row within
the viewport while preserving the measured card widths exactly. */
.legacy-products .product-row{margin-right:0;margin-left:0}
.legacy-products .cmp-product-thumb,.legacy-category-results .cmp-product-thumb{padding:0}
.legacy-products .thumb-image,.legacy-products .thumb-image .prop-1-1,
.legacy-products .thumb-image a,.legacy-category-results .thumb-image,
.legacy-category-results .thumb-image .prop-1-1,
.legacy-category-results .thumb-image a{width:100%;height:auto;aspect-ratio:1/1}
.legacy-products .thumb-image img,.legacy-category-results .thumb-image img{width:100%;height:auto;margin:0;padding:10px}
.legacy-products .thumb-content,.legacy-products .thumb-title,
.legacy-category-results .thumb-content,.legacy-category-results .thumb-title{width:100%;max-width:100%}
.legacy-products .availability,.legacy-category-results .availability{left:auto;right:7.5%;width:28px}
.legacy-products .vat,.legacy-category-results .vat{width:100%}
}
@media(min-width:992px) and (max-width:1279.98px){
/* These two descendants retained the 290px capture values after their card
became fluid. Ceres anchors the 28px stock icon by card proportion and
lets the VAT row consume the content box. */
.legacy-products .availability{left:auto;right:7.5%;width:28px}
.legacy-products .vat{width:100%}
}
@media(min-width:1280px){
/* The captured footer origin overhangs by 7.15px exactly at 1280. Keep the
desktop origin once it fits, and otherwise pin the 1066.65px grid inside
the viewport. */
.legacy-footer-grid{margin-left:min(calc(50% - 419.5px),calc(100% - 1066.65px))}
}
/* Category filter panel follows the two fluid Ceres tiers. The old 390px
capture cascade stayed active through 900px, then jumped straight to the
1250px desktop capture. On the live source the controls stay in one row and
the six filter cards wrap 2x3 at 576-767.98 and 3x2 at 768-1279.98. The
fixed 1248.625px geometry resumes only with the 1280px container. */
@media(min-width:576px) and (max-width:767.98px){
.legacy-category-panel{height:741px}
.legacy-category-controls{display:flex;width:calc(100% - 1.375px);height:54px;margin-left:.6875px;padding:7.765625px 7px 7px;grid-template-columns:none}
.legacy-category-controls select{width:175px}
.legacy-category-controls select+select,.legacy-category-controls #category-limit{width:66px}
.legacy-filters{display:grid;width:calc(100% - 1.375px);height:687px;margin-left:.6875px;padding:5px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:44px;column-gap:10px;row-gap:185px}
.legacy-filter,.legacy-filter:nth-child(1),.legacy-filter:nth-child(2),.legacy-filter:nth-child(3),.legacy-filter:nth-child(n+4){width:auto;height:44px;margin:0;overflow:visible}
}
@media(min-width:768px) and (max-width:1279.98px){
.legacy-category-panel{height:512px}
.legacy-category-controls{display:flex;width:calc(100% - 1.375px);height:54px;margin-left:.6875px;padding:7.765625px 7px 7px;grid-template-columns:none}
.legacy-category-controls select{width:175px}
.legacy-category-controls select+select,.legacy-category-controls #category-limit{width:66px}
.legacy-filters{display:grid;width:calc(100% - 1.375px);height:458px;margin-left:.6875px;padding:5px;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:44px;column-gap:10px;row-gap:185px}
.legacy-filter,.legacy-filter:nth-child(1),.legacy-filter:nth-child(2),.legacy-filter:nth-child(3),.legacy-filter:nth-child(n+4){width:auto;height:44px;margin:0;overflow:visible}
}
/* Source list controls size the grey panel by occupied facet rows. A category
without facets still keeps the sort and page-size controls; only the facet
area collapses. Each occupied source row advances by exactly 229px. */
@media(max-width:575.98px){
.legacy-category-controls{width:calc(100% - 1.375px)}
.legacy-category-controls select,.legacy-category-controls select+select,
.legacy-category-controls #category-limit{width:100%}
.legacy-filters{width:calc(100% - 1.375px)}
.legacy-filter,.legacy-filter:nth-child(1),.legacy-filter:nth-child(2),
.legacy-filter:nth-child(3),.legacy-filter:nth-child(n+4){width:100%;height:218px;margin-bottom:11px;overflow:hidden}
.legacy-category-panel[data-filter-count="0"]{height:107.71875px}
.legacy-category-panel[data-filter-count="1"]{height:336.71875px}
.legacy-category-panel[data-filter-count="2"]{height:565.71875px}
.legacy-category-panel[data-filter-count="3"]{height:794.71875px}
.legacy-category-panel[data-filter-count="4"]{height:1023.71875px}
.legacy-category-panel[data-filter-count="5"]{height:1252.71875px}
.legacy-category-panel[data-filter-count="6"]{height:1481.71875px}
.legacy-category-panel[data-filter-count="1"] .legacy-filters{height:229px}
.legacy-category-panel[data-filter-count="2"] .legacy-filters{height:458px}
.legacy-category-panel[data-filter-count="3"] .legacy-filters{height:687px}
.legacy-category-panel[data-filter-count="4"] .legacy-filters{height:916px}
.legacy-category-panel[data-filter-count="5"] .legacy-filters{height:1145px}
.legacy-category-panel[data-filter-count="6"] .legacy-filters{height:1374px}
}
@media(min-width:576px){
.legacy-category-controls{gap:18px}
.legacy-filters{grid-template-rows:none;grid-auto-rows:218px;row-gap:11px}
.legacy-filter,.legacy-filter:nth-child(1),.legacy-filter:nth-child(2),
.legacy-filter:nth-child(3),.legacy-filter:nth-child(n+4){height:218px;overflow:hidden}
}
@media(min-width:576px) and (max-width:767.98px){
.legacy-category-panel[data-filter-count="0"]{height:54.546875px}
.legacy-category-panel:is([data-filter-count="1"],[data-filter-count="2"]){height:283.546875px}
.legacy-category-panel:is([data-filter-count="3"],[data-filter-count="4"]){height:512.546875px}
.legacy-category-panel:is([data-filter-count="5"],[data-filter-count="6"]){height:741.546875px}
.legacy-category-panel:is([data-filter-count="1"],[data-filter-count="2"]) .legacy-filters{height:229px}
.legacy-category-panel:is([data-filter-count="3"],[data-filter-count="4"]) .legacy-filters{height:458px}
.legacy-category-panel:is([data-filter-count="5"],[data-filter-count="6"]) .legacy-filters{height:687px}
}
@media(min-width:768px){
.legacy-category-panel[data-filter-count="0"]{height:54.546875px}
.legacy-category-panel:is([data-filter-count="1"],[data-filter-count="2"],[data-filter-count="3"]){height:283.546875px}
.legacy-category-panel:is([data-filter-count="4"],[data-filter-count="5"],[data-filter-count="6"]){height:512.546875px}
.legacy-category-panel:is([data-filter-count="1"],[data-filter-count="2"],[data-filter-count="3"]) .legacy-filters{height:229px}
.legacy-category-panel:is([data-filter-count="4"],[data-filter-count="5"],[data-filter-count="6"]) .legacy-filters{height:458px}
}
/* Описания товаров из Plenty содержат абсолютно позиционированные блоки
(`position:absolute;padding-left:530px`), рассчитанные на десктопную
картинку. Без позиционированного предка их containing block — начальный блок
документа, поэтому клип на main их НЕ режет: на телефоне документ получался
612px шириной, Chrome уменьшал масштаб всей страницы (визуальный вьюпорт 612
при раскладке 390), и сайт выглядел мелким, а текст описания налезал на
карточки benefits. У источника такой предок есть — его div.widget-inner имеет
position:relative. Делаем то же самое: замер stage 2026-08-21 показал
innerWidth 612 → 390 и scrollWidth 612 → 390. */
.legacy-product-description__inner{position:relative}
/* Временная защита, пока картинки описаний не перезалиты локально. Описание
Plenty — это высокая картинка с абсолютными подписями на ней; если картинки
нет, подписи (padding-top до 420px и больше) уходят вниз за футер — на
десктопе это давало полтора экрана «висящего» текста под футером.
Правило само отключается, как только в описании появляется img, то есть
после локального импорта картинки оно перестаёт действовать. */
.legacy-product-description__inner:not(:has(img)){overflow:hidden}
/* Recommendation widgets are horizontal Ceres carousels, not responsive
card grids. A 2026-08-21 capture was misread as "one column" on phones:
that was one visible card in a single unwrapped row. Keep the strip clipped
by its own viewport so off-screen cards never widen the document. */
@media(max-width:1150.98px){
.legacy-product-recommendations__viewport{overflow:hidden}
.legacy-product-recommendations .product-grid{display:flex;width:max-content;min-width:100%;flex-flow:row nowrap;gap:30px;align-items:flex-start}
.legacy-product-recommendations .cmp-product-thumb{height:auto!important;min-width:0;flex:none;overflow:hidden!important}
.legacy-product-recommendations .product-card--unit-price{height:auto;overflow:visible}
}
@media(max-width:575.98px){
.legacy-product-recommendations .cmp-product-thumb{width:calc(100vw - 30px);flex-basis:calc(100vw - 30px)}
}
@media(min-width:576px) and (max-width:1150.98px){
.legacy-product-recommendations .cmp-product-thumb{width:226px;flex-basis:226px}
}
/* Предпросмотр корзины. У источника это панель справа на десктопе и целый
экран на планшете и мобильном — граница совпадает с его же 992px. */
.basket-preview{position:fixed;inset:0;z-index:1050}
.basket-preview__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.basket-preview__panel{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:420px;display:flex;flex-direction:column;background:#fff;box-shadow:-2px 0 12px rgba(0,0,0,.2)}
.basket-preview__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #e5e5e5}
.basket-preview__title{font-size:1.25rem;font-weight:400}
.basket-preview__label{margin:12px 0 8px;font-size:1.25rem;font-weight:400}
.basket-preview__close{border:0;background:none;font-size:1.5rem;line-height:1;color:#666;cursor:pointer;padding:0 4px}
/* Список скроллится сам, итоги остаются на виду: панель ниже содержимого
корзины из десяти позиций иначе уводила бы кнопки за край экрана. */
.basket-preview__items{flex:1 1 auto;overflow-y:auto;padding:14px 18px}
.basket-preview__foot{flex:0 0 auto;padding:14px 18px;border-top:1px solid #e5e5e5;background:#f7f7f7}
.basket-preview__foot select{width:100%}
.basket-preview__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.basket-preview__actions .button{display:flex;align-items:center;justify-content:center;gap:8px}
.basket-preview__actions .button--outline{background:#fff;color:var(--orange);border:1px solid var(--orange)}
html.basket-preview-open{overflow:hidden}
@media (max-width:991.98px){
.basket-preview__panel{max-width:none}
.basket-preview__backdrop{display:none}
}
/* Подтверждение добавления в корзину. У источника это окно по центру с
затемнением, обратным отсчётом в шапке и двумя кнопками внизу. */
.added-modal{position:fixed;inset:0;z-index:1060;display:flex;align-items:flex-start;justify-content:center;padding:24px 12px}
/* `display:flex` в правиле выше перебивает атрибут `hidden`, и окно висело
открытым с самой загрузки страницы: крестик ставил `hidden`, а стиль его
игнорировал. Гасим явно — тем же способом, каким скрипт и управляет. */
.added-modal[hidden]{display:none}
.basket-preview[hidden]{display:none}
.added-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.added-modal__dialog{position:relative;width:100%;max-width:600px;background:#fff;border-radius:3px;box-shadow:0 4px 18px rgba(0,0,0,.3)}
.added-modal__head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #dee2e6}
.added-modal__title{flex:1;font-size:14px;line-height:21px;color:#212529}
.added-modal__countdown{color:#6c757d;font-size:12px}
.added-modal__close{border:0;background:none;font-size:24px;line-height:1;color:#000;opacity:.5;cursor:pointer;padding:0 4px}
.added-modal__body{display:flex;gap:18px;padding:18px}
.added-modal__image{flex:0 0 110px}
.added-modal__image img{max-width:100%;height:auto;object-fit:contain}
.added-modal__info{min-width:0;flex:1}
.added-modal__name{font-weight:700;line-height:21px;color:#212529;overflow-wrap:anywhere}
.added-modal__price{margin-top:10px;font-size:14px;color:#212529}
.added-modal__variant{margin-top:8px;font-size:12px;color:#6c757d}
.added-modal__actions{display:flex;justify-content:flex-end;gap:12px;padding:0 18px 18px}
.added-modal__actions .button{display:inline-flex;align-items:center;gap:8px;min-width:150px;justify-content:center}
.added-modal__actions .button--outline{background:#fff;color:var(--orange);border:1px solid var(--orange)}
@media (max-width:575.98px){
.added-modal__body{flex-direction:column}
.added-modal__image{flex:0 0 auto}
.added-modal__actions{flex-direction:column}
.added-modal__actions .button{width:100%}
}
/* Мобильное меню — снято с источника на 500px (замер 2026-09-02): панель
fixed на весь экран, фон #f29400, белый текст, полоса крошек #212529.
Пункт 16.8px, ссылка с отступом 14px, стрелка вправо у пунктов с детьми,
возврат — локализованная подпись и иконка уровня вверх. */
.mobile-navigation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;overflow-y:auto;background:#f29400;color:#fff}
.mobile-navigation[hidden]{display:none}
.mobile-navigation .breadcrumb{display:block;height:42.53px;margin:0 0 14px;padding:0 14px;background:#212529;color:#fff;font-size:13.44px;line-height:20.16px;list-style:none}
.mobile-navigation .breadcrumb-item{display:inline-block;padding:11.2px 7px 11.2px 0;color:#fff}
.mobile-navigation .breadcrumb-item a{color:#fff}
.mobile-navigation .breadcrumb-item+.breadcrumb-item::before{content:"/";padding-right:7px;color:#fff}
.mobile-navigation .btn-close{display:block;float:right;padding:8.06px 0 11.2px;color:#fff;cursor:pointer}
.mobile-navigation .btn-close::after{content:"\2715";font-size:16.8px}
.mobile-navigation .mainmenu{display:none;width:100%;margin:0;padding:0;list-style:none}
.mobile-navigation .mainmenu.menu-active{display:block}
.mobile-navigation .mainmenu li{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:16.8px;line-height:25.2px}
.mobile-navigation .mainmenu li a{display:block;flex:1;padding:14px;color:#fff;text-decoration:none}
.mobile-navigation .nav-direction{padding:14px;color:#fff;cursor:pointer}
/* Подпись идёт перед иконкой, как у источника, но принадлежит языку магазина. */
.mobile-navigation .btn-up{display:flex;align-items:center;gap:8px;font-weight:700}
.mobile-navigation .btn-up::before{content:attr(data-menu-back-label);font-weight:700}
/* Страница подтверждения — по снимкам эталона Дании 2026-09-03 (`/confirmation/`,
заказы 1517968 и 1517974). Две колонки: карточка заказа слева, позиции и
итоги справа. До этого всё шло одной лентой без выравнивания. */
.legacy-confirmation__grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:30px;align-items:start;margin-top:14px}
.legacy-confirmation__order{border:1px solid #dee2e6;border-radius:4px;background:#fff}
.legacy-confirmation__head{padding:14px;border-bottom:1px solid #dee2e6;background:#f8f9fa;color:#212529;font-size:16.8px;line-height:23.52px}
.legacy-confirmation__facts{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);margin:0;font-size:14px;line-height:21px}
.legacy-confirmation__facts dt{padding:11px 14px;color:#212529;font-weight:700}
.legacy-confirmation__facts dd a{color:#f29400}
.legacy-confirmation__facts dd{margin:0;padding:11px 14px;color:#212529}
/* Разделитель идёт под ПАРОЙ, а не под каждой ячейкой: иначе линия рвётся
посередине строки. Псевдоэлемент на dd растягивается на обе колонки. */
.legacy-confirmation__facts dd{position:relative}
.legacy-confirmation__facts dd::after{content:"";position:absolute;left:-180px;right:0;bottom:0;border-bottom:1px solid #dee2e6}
.legacy-confirmation__facts dd:last-of-type::after{border-bottom:0}
.legacy-confirmation__pay{display:block;width:100%;height:38px;border:0;border-radius:4px;background:#f29400;color:#fff;font-size:14px;line-height:24px;cursor:pointer}
.legacy-confirmation__payment-action{grid-column:1/-1}.legacy-confirmation__payment-action::after{left:0}.legacy-confirmation__payment-methods{width:100%;margin-top:0}.legacy-confirmation__payment-methods .legacy-method label{min-height:54px}
.legacy-confirmation__item{grid-template-columns:75px minmax(0,1fr)}
.legacy-confirmation__lines{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:10px 0 0;font-size:14px;line-height:21px}
.legacy-confirmation__lines dt{color:#212529}
.legacy-confirmation__lines dd{margin:0;color:#212529;text-align:right;white-space:nowrap}
.legacy-confirmation__lines .is-strong{font-weight:700}
.legacy-confirmation__items h2{margin:21px 0 7px;color:#212529;font-size:21px;font-weight:500;line-height:23.1px}
.legacy-confirmation__totals{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 20px;margin:0;padding-top:14px;border-top:1px solid #d7dce1;font-size:14px;line-height:21px}
.legacy-confirmation__totals dt{padding:5px 0;color:#212529}
.legacy-confirmation__totals dd{margin:0;padding:5px 0;color:#212529;text-align:right;white-space:nowrap}
.legacy-confirmation__totals .is-strong{font-weight:700}
.legacy-confirmation__totals .is-divided{margin-top:7px;padding-top:12px;border-top:1px solid #dee2e6}
.legacy-confirmation__home{margin:28px 0 0;text-align:center}
.legacy-confirmation__home .button{display:inline-flex;min-width:280px;height:38px;align-items:center;justify-content:center;border-radius:4px;background:#f29400;color:#fff;font-size:14px;text-decoration:none}
/* Планшет: колонки примерно равны. Жёсткие 420px слева оставляли позициям 288px
на 768px — перекос, которого у источника нет. */
@media(max-width:991.98px) and (min-width:576px){
.legacy-confirmation__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
}
@media(max-width:575.98px){
.legacy-confirmation__grid{display:block}
.legacy-confirmation__items{margin-top:24px}
.legacy-confirmation__home .button{min-width:0;width:100%}
}
/* Немецкий эталон (ich-zapfe.de, заказ 1517983, снимок 2026-09-03): крошка над
страницей, позиции и итоги в отдельных рамках, две кнопки внизу рядом. */
.legacy-confirmation__crumbs{display:flex;gap:8px;padding-top:14px;color:#6c757d;font-size:12.25px;line-height:18.375px}
.legacy-confirmation__crumbs a{color:#f29400;text-decoration:none}
.legacy-confirmation__box{margin-bottom:21px;padding:14px;border:1px solid #dee2e6;border-radius:4px;background:#fff}
.legacy-confirmation__box:last-child{margin-bottom:0}
.legacy-confirmation__box .legacy-checkout-line{border-bottom:0;padding-top:0}
.legacy-confirmation__box h2:first-child{margin-top:0}
.legacy-confirmation__home{display:flex;gap:21px;justify-content:center;margin:28px 0 0}
.legacy-confirmation__home .button{flex:0 1 280px}
@media(max-width:575.98px){.legacy-confirmation__home{flex-direction:column;gap:12px}.legacy-confirmation__home .button{flex:none;width:100%;height:38px}}
/* Сноска о цене: слово про доставку — ссылка, открывающая условия окном.
Кнопка, а не : ведёт не на адрес, а к слою на этой же странице. */
.legacy-vat__link{padding:0;border:0;background:none;color:#f29400;font:inherit;text-decoration:none;cursor:pointer}
.legacy-vat__link:hover{text-decoration:underline}
.shipping-costs[hidden]{display:none!important}
.shipping-costs .legacy-modal__dialog{max-width:640px}
.shipping-costs__table{width:100%;border-collapse:collapse;font-size:14px;line-height:21px}
.shipping-costs__table th{padding:7px 0;border-bottom:1px solid #dee2e6;color:#212529;text-align:left;font-weight:700}
.shipping-costs__table th:last-child,.shipping-costs__table td:last-child{text-align:right;white-space:nowrap}
.shipping-costs__table td{padding:9px 0;border-bottom:1px solid #f1f3f5;color:#212529}
/* Жесты каруселей. Стоит в САМОМ конце намеренно: раскладку ленты
рекомендаций правят ещё два блока ниже по файлу (`overflow:hidden` у ряда
media-запросов), и при равной специфичности побеждает последний. Первая
попытка стояла в середине и молча не действовала. */
.legacy-hero-carousel,.legacy-product-gallery__stage{touch-action:pan-y}
/* FAQ: ответ раскрывается ПОД вопросом, как у источника.
Карточка была `display:flex` с высотой 52.39px — ответ уезжал вправо в узкую
колонку и обрезался, а раскрытия не было вовсе: разметка источника
бутстраповская, а самого Bootstrap мы не возим (замечание владельца
2026-09-04). Свёрнутое состояние скрываем, открытое показываем. */
.widget-accordion .collapse{display:none}
.widget-accordion .collapse.show{display:block}
.widget-accordion .card-header .fa{transition:transform .15s ease}
.widget-accordion .card-header[aria-expanded="true"] .fa{transform:rotate(180deg)}
/* Значок наличия выравнивается ПО СТРОКЕ, к которой относится: зачёркнутая
цена, иначе отзывы, иначе цена (правило владельца 2026-09-04). Раньше он
стоял на жёстком отступе от верха карточки и «плавал» относительно
содержимого: у карточки с длинным названием строки цен уезжали вниз, а
значок оставался на месте.
Строка-опора становится гибкой, значок в ней — обычным потоком справа.
Внутрь блока отзывов его класть нельзя: там `overflow:hidden`, он бы обрезал. */
.cmp-product-thumb .has-availability{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cmp-product-thumb .has-availability .availability{position:static;transform:none;left:auto;right:auto;top:auto;bottom:auto;flex:none}
/* Строка-опора тянется на всю ширину карточки, иначе значку не к чему
прижиматься справа: блок `thumb-meta` у плиток стоит `inline-block` и
сжимается по содержимому, и «24h» вставал вплотную за ценой или звёздами
(аудит ES 2026-09-24). У источника значок — у правого края: замер
dispensadores-de-cerveza.es на 1400px, карточка 300px — значок в 22px от её
правой границы, то есть в 10px от края содержимого. Телефонная и
планшетная раскладки (meta 224px / 70%) не трогаются — там свой
измеренный контракт. */
@media(min-width:901px){.cmp-product-thumb .thumb-meta{width:100%}.cmp-product-thumb .has-availability .availability{margin-right:10px}}
/* Сноска «* IVA incluido excl. Envío» под ценой плитки — серая целиком, как у
источника: там «Envío» — `` без адреса и цвет наследует от
`.text-muted`. Наша ссылка рабочая (открывает окно доставки), но выглядеть
должна как у источника, а не оранжевой ссылкой. Замер 2026-09-24:
ES/DK/PL — `rgb(108, 117, 125)` у всей сноски. */
.cmp-product-thumb .vat .legacy-vat__link,.cmp-product-thumb .vat .legacy-vat__link:hover{color:inherit;text-decoration:none}
/* «Auftragsbestätigung» под карточкой заказа: у источника кнопка прижата вправо
и по ширине содержимого, а не во всю строку. */
.legacy-confirmation__document{display:flex;justify-content:flex-end;margin:14px 0 0}
.legacy-confirmation__failed{color:#c00;font-size:13px}
.legacy-confirmation__document .button{height:38px;padding:0 18px;border-radius:4px;background:#f29400;color:#fff;font-size:14px;text-decoration:none}
/* Ленты рекомендаций под товаром. У источника ряд карточек шире экрана и обрезан
`overflow:hidden`: на настольном это нормально (виден весь ряд), а на телефоне
в 360px видна ОДНА карточка, до остальных не добраться ничем. Отдаём ленте
родную горизонтальную прокрутку — пальцем, с инерцией и прилипанием к карточке.
Только сенсорным устройствам: на настольном раскладка обязана остаться
пиксель-в-пиксель, у неё гейт снимками. */
/* ── Лента рекомендаций листается ВЕЗДЕ, одним механизмом ──────────────────
Прокрутка ленты жила только в блоке для сенсорных экранов
(`hover:none and pointer:coarse`). С мышью — в том числе в режиме
«отзывчивого» просмотра браузера, где указатель остаётся точным, — лента
получала `overflow-x:hidden`: содержимое 2530 при окне 1250, и подвинуть её
было нечем. Владелец видел ровно это: «почему опять перестал работать».
Теперь механизм один на все устройства: сама лента прокручивается, стрелки
двигают её на карточку, снап держит карточку у края. Полосу прокрутки прячем
— у источника её тоже нет. */
.legacy-product-recommendations__viewport{overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-y}
.legacy-product-recommendations__viewport.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.legacy-product-recommendations__viewport img,.legacy-product-recommendations__viewport a{-webkit-user-drag:none;user-select:none}
.legacy-product-recommendations__viewport::-webkit-scrollbar{display:none}
.legacy-product-recommendations__viewport .product-grid>*{scroll-snap-align:start}
@media(hover:none) and (pointer:coarse){
/* Точки снимков — единственный способ переключить снимок, когда лента сама
листается и забирает горизонтальный жест. 10px не нажать пальцем: растим
площадь прозрачной рамкой, сама точка остаётся прежнего размера. */
.reference-carousel-dots{height:auto;bottom:2px;gap:0}
.reference-carousel-dots span{width:24px;height:24px;flex:0 1 24px;min-width:10px;max-width:24px;border:0}
}
/* ── Условия доставки в окне ───────────────────────────────────────────────
Текст приходит со страницы доставки магазина, а она сверстана как обычная
контентная: `container-max`, `row`, `col`. Внутри окна эти обёртки обязаны
потерять свою ширину и отступы, иначе текст уезжает за край. */
.shipping-costs__text{margin:0 0 14px;color:#212529;font-size:14px;line-height:21px}
.shipping-costs__text .container-max,.shipping-costs__text .row,.shipping-costs__text [class^=col],.shipping-costs__text [class*=" col"],.shipping-costs__text .widget,.shipping-costs__text .widget-inner{width:auto;max-width:none;margin:0;padding:0}
.shipping-costs__text h1,.shipping-costs__text h2{margin:0 0 7px;font-size:18.2px;font-weight:500;line-height:20.02px}
.shipping-costs__text h3,.shipping-costs__text h4{margin:0 0 7px;font-size:17.5px;font-weight:500;line-height:19.25px}
.shipping-costs__text p{margin:0 0 14px}
.shipping-costs__text p:last-child{margin-bottom:0}
.shipping-costs__text table{width:100%;border-collapse:collapse}
.shipping-costs__text td,.shipping-costs__text th{padding:7px;border-bottom:1px solid #dee2e6;text-align:left;vertical-align:top}
.shipping-costs__text img{max-width:100%;height:auto}
/* ── Полоса преимуществ на главной ────────────────────────────────────────
У источника это строка Bootstrap: `col-12 col-md-3`, то есть четыре колонки
по 25% с 768px и по одной ниже. Двух колонок у него нет ни на одной ширине,
а у нас на планшете стояли именно две — блок вырастал с 205 до 432px, и
текст в широкой колонке читался крупнее, чем у эталона.
Замер источника 2026-09-04 (польский и датский, одни и те же числа):
1280 → 4 колонки по 320, блок 131/110px
992 → 4 колонки по 248, блок 131px
768 → 4 колонки по 192, блок 205/184px
767 → 1 колонка, блок 390px
Ширина колонки — доля, высота — по тексту. Снятые 118/135px и ряды
110/123/110/89px принадлежали одному экрану: на другом они давали либо
пустоту, либо обрезанный текст, и держались на костылях вида
`.benefit-icon--quality{margin-bottom:84px}`.
Серая полоса у источника шире контейнера на его отступы (`row` с
`margin:0 -15px`), поэтому фон идёт до края, а текст начинается на 15px —
отступ несёт колонка, а не полоса. */
.legacy-benefits.container{display:flex;flex-wrap:wrap;width:min(100%,1280px);max-width:none;height:auto;min-height:0;margin:0 auto 28px;padding:0;background:#efefef}
.legacy-benefits>div{flex:0 0 25%;max-width:25%;min-height:0;padding:0 15px;border:0}
.legacy-benefits p{margin:0}
.legacy-benefits strong{display:block;height:auto;margin:0 0 15px;color:#212529;font-size:16px;font-weight:600;line-height:32px}
.legacy-benefits span{display:block;color:#212529;font-size:14px;line-height:21px}
/* Лента преимуществ стоит ПЕРЕД товарами — решение владельца 21.09.2026
(«подними ленту преимуществ наверх, как на их запфе»). Это отступление от
правила 12: норвежской главной в снимке источника нет вовсе, сверять было
не с чем, поэтому за образец взят ich-zapfe.de.
Замер 1440px: у него картинка промо кончается на 789, лента начинается на
832 — воздух 43px. Наш промо-контейнер отдаёт свои 24px внутри себя, эти
19px добирают остаток. Схлопывания margin тут нет: 24px лежат ВНУТРИ коробки
промо, а не её нижним полем.
Правило привязано к соседству с промо и к теме `base`: у польской,
испанской и немецких витрин лента тоже сверху, но каждая сверена со СВОИМ
источником, и трогать их эта правка не должна. У датской лента внизу — так
она стоит и на fadølsanlæg-køb.dk (замер 21.09.2026: лента y=5230, товары
с y=838), поэтому датскую не двигаем вовсе. */
[data-theme="base"] .legacy-promo+.legacy-benefits.container{margin-top:19px}
/* Ниже 992px промо своих 24px уже не отдаёт, и добирать приходится полностью.
Замер ich-zapfe: 768 → 43px, 390 → 29px. */
@media(max-width:991.98px){[data-theme="base"] .legacy-promo+.legacy-benefits.container{margin-top:43px}}
@media(max-width:767.98px){[data-theme="base"] .legacy-promo+.legacy-benefits.container{margin-top:29px}}
@media(max-width:767.98px){
.legacy-benefits.container{margin-bottom:7px}
.legacy-benefits>div{flex:0 0 100%;max-width:100%}
}
/* ── Шапка: ступени источника 992 и 768, а не наши 900 ─────────────────────
Владелец на 954px: «звание категории с иконками нужно сжимать раньше… на
сайте эталоне оно раньше появляется, вот эта менюшка справа, сжатая, уже три
полоски». Замер живого источника (польский и датский одинаково):
ширина | эталон | было у нас
1280 | меню в строку, лого 241×56, поиск 552 | то же
992 | меню в строку, лого 182×42, поиск 408 | меню в строку
991 | ☰ 46×56, лого 181×42, поиск 273, ряд 74 | МЕНЮ В СТРОКУ (наезжало
954 | ☰ 46×56, лого 181×42, поиск 273, ряд 74 | на карточки товара)
768 | ☰ 46×48, лого 120×28, поиск 273, ряд 66 | ☰ (с 900px)
То есть у источника ступеней ДВЕ — 992 и 768, — а у нас была одна, 900, и
полоса 901…991 показывала горизонтальное меню, которого там быть не должно.
Схлопывание перенесено на 991.98. Снятая с 390px геометрия шапки при этом
вверх НЕ поехала: на 768…991.98 действуют собственные числа источника, иначе
на 960px мы получили бы подписи и отступы телефона (та же ошибка, что уже
ловили на планшете). Ряды листинга, промо, подвал остались на 900px —
к шапке они не относятся. */
/* The phone copy is longer on the German storefront. The captured 208px
mobile anchor wrapped only its final `Uhr` on tablets, making a one-item
service strip two lines tall. Centre the complete localized item instead
of reusing the 390px capture coordinates. */
@media(min-width:576px) and (max-width:991.98px){
.service-links>li.service-phone{left:50%;top:0;display:flex;width:max-content;max-width:calc(100% - 100px);height:56px;align-items:center;padding:0;transform:translateX(-50%);text-align:center;white-space:nowrap}
.service-links>li.service-phone .fa{position:static;margin:0 6px 0 0}
.service-links>li.service-phone a{position:static;display:inline!important;width:auto;height:auto;white-space:nowrap;text-align:center}
}
@media(min-width:768px) and (max-width:991.98px){
.reference-header .mobile-menu,.header-navigation .mobile-menu{width:46px;height:56px;margin:auto 15px auto auto;padding:12px;font-size:24px;line-height:24px}
.reference-header .brand,.header-navigation .brand{width:auto;height:74px;flex:0 0 auto;margin:0;padding:16px 0;align-items:center}
.reference-header .brand img,.header-navigation .brand img{width:auto;height:42px}
.reference-header .header-navigation,.header-navigation{height:74px}
.reference-header .header-navigation__inner,.header-navigation__inner{height:74px;padding:0}
/* Панель меню открывается под своим рядом: его высота здесь 74px, не 66px. */
.reference-header .main-nav{top:74px}
/* Источник держит поиск и кнопки по центру ряда, а не у левого края:
снятые `margin-left:28.8px` и `margin-left:97.14px` — это раскладка 390px. */
.reference-header .header-tools .search{width:324.39px;margin:0 auto}
.reference-header .header-tools .search input{width:273px}
.reference-header .account-tools{width:auto;min-width:0;margin:0 auto}
}
/* Login/guest gate uses the imported Bootstrap `col-md-6` split. Keeping its
parent at the captured phone width (390px) on a tablet produced two 165px
content boxes and wrapped `Passwort vergessen?` almost letter by letter.
Other imported content pages retain their source capture; only the access
gate becomes fluid in this band. */
@media(min-width:576px) and (max-width:900.98px){
.reference-content-page:has(.widget-guest-login) .container-max{width:calc(100% - 30px);max-width:none}
.reference-content-page:has(.widget-guest-login) .widget-login form>.row:last-child{flex-wrap:nowrap;align-items:center}
.reference-content-page:has(.widget-guest-login) .widget-login form>.row:last-child>.col-sm-4{max-width:none;flex:1 1 auto;white-space:nowrap}
.reference-content-page:has(.widget-guest-login) .widget-login form>.row:last-child>.col-sm-8{max-width:none;flex:0 0 auto}
}
/* Меню в строку у источника ПЕРЕНОСИТСЯ, а не вылезает: на 992px его ряд
становится двухэтажным (замер: высота ряда 152px против 88px на 1280px).
У нас ряд держал жёсткие 88.27px, пункты не переносились, и страница на
992px уезжала вправо на 80px — то самое наложение меню на карточки. */
@media(min-width:992px) and (max-width:1279.98px){
.reference-header .header-navigation{height:auto;min-height:88.27px}
.reference-header .header-navigation__inner{height:auto;min-height:85px}
/* `flex:0 0 auto` держал меню на ширине СОДЕРЖИМОГО: у польского это 879px
при контейнере 960, и страница уезжала вправо на 80px. Даём ему сжиматься
и переносить пункты — ряд растёт в высоту, как у источника. */
.reference-header .main-nav{flex:1 1 auto;width:auto;min-width:0}
.reference-header .main-nav__inner{flex-wrap:wrap;min-height:0}
.reference-header .main-nav__item{flex:0 1 auto}
}
/* ── Точки карусели, когда фотографий много ────────────────────────────────
Владелец сравнил с эталоном: «когда фоток много, вот эти кружочки под фоткой
у эталона нормально выглядят», а у нас сплющивались в тесную полоску от края
до края.
Замер эталона: точка — блок 24×20, шаг 24, БЕЗ зазора; ряд во всю ширину
карточки. У нас на сенсорном стояли 24px плюс зазор 11px, то есть шаг 35: на
14 фотографий это 490px при карточке 230–360, и точки лезли за край.
Зазор убран — площадь нажатия несёт сама точка, как у источника, — а сверх
этого каждая точка умеет сжиматься до 10px. Кружок при этом остаётся ровным
кружком 10×10: он нарисован в `::before` по центру, а сжимается только
прозрачная площадь вокруг. Раньше сжималась сама точка, и кружки становились
овалами — это и видно на снимке владельца. */
/* ── Подвал: кнопка отказа и «Kontakt» стоят в один ряд ────────────────────
Владелец на мобильном: у нас «Kontakt» уезжает под кнопку, а у эталона они
рядом. Замер источника (польский, 390px): кнопка 173×34, «Kontakt» 58×59,
между ними 10px — в контейнер 278px это влезает.
У нас ширины были прибиты снятыми числами НОРВЕЖСКОГО текста: `min-width`
205.84px у кнопки и 101.73px у ссылки. Польская подпись длиннее, 205.84 + 10
+ 101.73 = 317.6 против контейнера 278 — строка ломалась. Пусть ширину
задаёт собственный текст магазина; пилот сохраняет снятые числа, потому что
у него они и есть его текст. */
.footer-legal .withdraw-link,.footer-legal .footer-contact{min-width:0}
html[lang="no"] .footer-legal .withdraw-link{min-width:205.84px}
html[lang="no"] .footer-legal .footer-contact{min-width:101.73px}
/* ── Промо-блок: две колонки до 768px, как у источника ─────────────────────
Владелец на планшете: «разметка вот этой картинки идёт у нас не так, как на
сайте оригинала». Замер живого источника (польский):
ширина | герой | плитки (x3) | раскладка
1280 | 823×412 @15 | 397×132 @868 | две колонки
992 | 631×316 | 301×100 @676 | две колонки
900 | 570×285 | 270×90 @615 | две колонки
768 | 482×241 | 226×75 @527 | две колонки
767 | 737×246 во всю ширину | столбиком
576 | 546×182 | 546×182 @15 | столбиком
390 | 360×120 | 360×120 @15 | столбиком
У нас две колонки жили только до 992, а на 900 и ниже блок ложился
столбиком: герой сжимался до снятых с телефона 120px, плитки растягивались
во всю ширину, и текст на них разъезжался — это и на снимке владельца.
Пропорции у источника постоянные: герой 2:1 (823.33/411.66) выше 768 и 3:1
ниже, плитки 3:1 (396.66/132.2). Поэтому здесь доли и `aspect-ratio`, а не
снятые пиксели: на 992 и 768 они дают ровно числа источника. */
@media(min-width:768px){
/* Колонки — как у Bootstrap источника: строка шире контейнера на его
отступы (row с margin:0 -15px), колонки 8/12 и 4/12, у каждой по 15px
внутреннего отступа. Отсюда `100% + 30px` и вычитание 30px: на 1280 это
даёт ровно 823.33 и 396.67, на 992 — 631.33 и 300.67, на 768 — 482 и 226,
то есть числа источника без единого зашитого пикселя. */
.legacy-promo.container{display:grid;width:min(100% - 30px,1250px);max-width:none;margin-inline:auto;grid-template-columns:calc((100% + 30px) * 2 / 3 - 30px) calc((100% + 30px) / 3 - 30px);gap:30px}
.legacy-promo__hero,.legacy-promo__hero img{display:block;width:100%;height:auto;aspect-ratio:823.33/411.66}
.legacy-promo__tiles{display:grid;width:100%;height:auto;grid-template-rows:auto;align-content:start;gap:7px;margin:0;padding:0}
.legacy-promo__tiles a,.legacy-promo__tiles img{display:block;width:100%;height:auto;aspect-ratio:396.66/132.2}
}
@media(max-width:767.98px){
.legacy-promo.container{display:block;width:calc(100% - 30px);max-width:none;margin:21px 15px 0;padding:0}
.legacy-promo__hero,.legacy-promo__hero img,
.legacy-promo__tiles a,.legacy-promo__tiles img{display:block;width:100%;height:auto;aspect-ratio:3/1}
.legacy-promo__tiles{display:grid;height:auto;grid-template-rows:auto;gap:7px;margin-top:14px}
}
/* ── Вводный блок: та же болезнь и та же ступень ───────────────────────────
Замер источника (польский):
1280 → колонки 427 + 853 (4/12 + 8/12), содержимое 397 + 823
992 → 331 + 661 (4/12 + 8/12), содержимое 301 + 631
900 → 375 + 525 (5/12 + 7/12), содержимое 345 + 495
768 → 320 + 448 (5/12 + 7/12), содержимое 290 + 418
767 → столбиком
То есть у источника ДВЕ ступени: на 992 меняется доля колонок, на 768 блок
ложится столбиком. У нас он ложился уже на 900, а доли выше были прибиты
пикселями. Ширины считаем от строки Bootstrap, как и в промо. */
@media(min-width:992px){
.legacy-intro.container{display:grid;width:min(100% - 30px,1250px);max-width:none;margin-inline:auto;grid-template-columns:calc((100% + 30px) / 3 - 30px) calc((100% + 30px) * 2 / 3 - 30px);gap:30px}
}
@media(min-width:768px) and (max-width:991.98px){
.legacy-intro.container{display:grid;width:calc(100% - 30px);max-width:none;margin-inline:auto;grid-template-columns:calc((100% + 30px) * 5 / 12 - 30px) calc((100% + 30px) * 7 / 12 - 30px);gap:30px}
}
@media(min-width:768px){
.legacy-intro__title,.legacy-intro__text{width:100%;height:auto;min-height:0;margin:0}
}
@media(max-width:767.98px){
.legacy-intro.container{display:block;width:calc(100% - 30px);max-width:none;margin:20.3px 15px 0;padding:0}
.legacy-intro__title,.legacy-intro__text{width:100%;height:auto;min-height:0}
}
/* ── Плашка «осталось до бесплатной доставки» ──────────────────────────────
Снята с настройки виджета ich-zapfe.de (единственный источник семьи, где эта
плашка есть): полоса 14px высотой, радиус 3.5px, фон #e9ecef, отступы
7px 0 3.5px; заполнение полосатое, #ffc107 пока не хватает и #28a745 когда
порог пройден; текст 14px/21px, как остальные строки итогов.
У датского и польского источников этой плашки нет вовсе — она включена
прямым указанием владельца, а порог берётся из обещания САМОГО магазина.
Класс отличается от `legacy-free-shipping` на checkout НАМЕРЕННО: там своя
полоса, снятая с источника, и она показывается всегда, даже когда доставка
платная. Общий класс переписал бы ей отступы. */
.legacy-free-shipping-hint{margin:7px 0 0;color:#212529;font-size:14px;line-height:21px}
.legacy-free-shipping-hint .progress{height:14px;margin:7px 0 3.5px;overflow:hidden;border-radius:3.5px;background:#e9ecef}
.legacy-free-shipping-hint .progress-bar{width:0;height:100%;background:#ffc107;transition:width .3s}
.legacy-free-shipping-hint .progress-bar.bg-success{background:#28a745}
.legacy-free-shipping-hint .progress-bar.bg-warning{background:#ffc107}
/* Полосы у источника — стандартные бутстраповские 1rem под 45°. */
.legacy-free-shipping-hint .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:16px 16px}
/* ── Стрелки ленты рекомендаций ────────────────────────────────────────────
Источник листает ленту каруселью Owl, а не свободной прокруткой: на телефоне
видна одна карточка, на десктопе четыре, и поверх крайних стоят стрелки.
Замер ich-zapfe.de 2026-09-04: кнопка 30×41, значок `fa fa-chevron-left`,
цвет #f29400 на белом с прозрачностью .75; на 390px prev слева на 32px,
next справа на 328px; на 1280px — 21 и 269, то есть по краям ПЕРВОЙ карточки.
У нас лента прокручивается пальцем и так, но пальцем её ещё надо угадать:
без стрелок владелец не увидел, что она листается вовсе. Стрелки листают на
одну карточку — тем же шагом, что и снап прокрутки. */
.legacy-product-recommendations__frame{position:relative}
.legacy-product-recommendations__nav{position:absolute;z-index:3;top:0;bottom:0;display:flex;width:70px;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:#ddd;font-size:28px;line-height:28px;cursor:pointer;transition:color .15s}
.legacy-product-recommendations__nav--prev{left:0}
.legacy-product-recommendations__nav:hover{color:#9a9a9a}
.legacy-product-recommendations__nav--next{right:0}
/*
* Размер ЗНАЧКА, а не кнопки.
*
* Ловушка, стоившая владельцу второго замечания: `font-size` стоял на кнопке, а
* шеврон внутри — это ``, и базовое правило `.fa` задаёт ему свой
* размер. Значок рисовался 14 пикселями (замер боевой: бокс 10×14) и выглядел
* тоньше и мельче источника, сколько бы ни стояло на кнопке.
*
* 28px — замер значка у `ich-zapfe.de`: бокс 70×28, шрифт 28px, цвет #ddd.
*/
.legacy-product-recommendations__nav .fa{font-size:28px;line-height:28px}
.legacy-product-recommendations__nav[hidden]{display:none}
.legacy-product-recommendations__nav:disabled{opacity:.35;cursor:default}
/* Полоса «наверх» на телефоне и планшете — у ВСЕХ магазинов.
Она была спрятана для норвежского и турецкого языков: снимок пилота её на
мобильном не показывал. Владелец 2026-09-04: «почему на мобильном пропала
вот эта стрелка внизу для всех сайтов… и боевой». Датская и польская витрины
её показывали, норвежская — нет; теперь одинаково. */
@media(max-width:767.98px){
/* Полоса тянется во всю ширину экрана — у источника она ровно по вьюпорту на
любой ширине (замер 2026-09-05: 575 при 575, 767 при 767), а не снятые с
390-экрана 390px, которые слева прилипали к краю, а справа оставляли дыру. */
.footer-to-top{display:block;max-width:100%}
}
/* ── Сервисная полоса на телефоне и планшете ───────────────────────────────
Ниже 992px полоса оставляет ОДИН пункт — телефон, как у источника. Но у
норвежского магазина пункта с телефоном нет вовсе: его полоса это «Rask
levering», «Kjøp på konto», почта и два меню. Правило прятало все пункты, и
на 962px оставался только флаг в пустой полосе (снимок владельца
2026-09-04).
Поэтому: телефон, если он есть; если телефона нет — первый пункт полосы. */
@media(max-width:991.98px){
.service-links:not(:has(> li.service-phone)) > li:first-child{display:flex;max-width:242px;margin:0 auto;padding:0;text-align:center;white-space:normal}
}
/* ── Полоса сервиса на телефоне: как её ведёт САМ источник ─────────────────
Это свойство ЯЗЫКА, а не магазина. Под языковым префиксом источник отдаёт
витрину сестринского магазина со своей вёрсткой: датский на /da/ при 390px
оставляет только телефон (полоса 56px), а на /pl/ показывает все шесть
пунктов и переносит их в три строки (полоса 69px). Замер источника
2026-09-04. Раньше это жило в теме польского магазина — и датская витрина
по-польски теряла на телефоне пять пунктов из шести.
Признак `data-bar` снят замером у источника (`mobileServiceBar`), имени
языка не знает: следующий магазин и следующий язык получают своё поведение
без правки кода. Без признака витрина ведёт себя как датский источник.
Замер источника при 390px: «Bezpłatna wysyłka» и «Faktura VAT» в первом ряду
(top 7), телефон, «Kontakt» и «Informacje» во втором (top 25), «Usługi» в
третьем (top 43); строка 18px. */
@media(max-width:991.98px){
.service-bar[data-bar="all"],.service-bar[data-bar="all"] .service-bar__inner{height:auto;min-height:69px}
.service-bar[data-bar="all"] .service-links{display:flex;height:auto;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;gap:0 18px;padding:7px 0 7px 57px}
.service-bar[data-bar="all"] .service-links > li{position:static;display:flex!important;width:auto;min-width:0;max-width:none;height:18px;margin:0;padding:0;align-items:center;gap:6px;font-size:12px;line-height:18px;white-space:nowrap;text-align:left}
/* Телефон общая вёрстка разворачивает на всю полосу (261×56 абсолютом):
это датское поведение, здесь он такой же пункт, как остальные. */
.service-bar[data-bar="all"] .service-links > li.service-phone{position:static;width:auto;height:18px;flex:0 0 auto;padding:0;text-align:left}
.service-bar[data-bar="all"] .service-links > li.service-phone a{display:inline!important;position:static;width:auto;height:auto;font-size:12px;line-height:18px}
.service-bar[data-bar="all"] .service-links > li.service-phone .fa{position:static;margin:0 6px 0 0}
/* Подписи пунктов общая вёрстка гасит `font-size:0` — это опять датское
поведение, где на мобильном остаётся один телефон. */
.service-bar[data-bar="all"] .service-links > li,.service-bar[data-bar="all"] .service-links > li *{font-size:12px;line-height:18px}
/* Ссылки внутри пунктов общая вёрстка прячет целиком: у датского на мобильном
остаётся только телефон, и подписи ему не нужны. Здесь они нужны все. */
.service-bar[data-bar="all"] .service-links > li > a{display:inline!important;width:auto;height:auto;color:inherit}
.service-bar[data-bar="all"] .service-links > li .fa{font-size:12px}
.service-bar[data-bar="all"] .service-links > li > ul{display:none}
/* Наведения на сенсоре нет: список раскрывает нажатие, общий скрипт ставит
`aria-expanded`. Правило жило в теме польского магазина — и датская
витрина по-польски получала подписи без списков. */
.service-bar[data-bar="all"] .service-links > li.service-menu{position:relative;height:18px}
.service-bar[data-bar="all"] .service-links > li.service-menu > button[aria-expanded="true"] + ul{display:block}
}
/* Полноэкранный просмотр снимка товара на телефоне и планшете.
Замер источника (Pixel 7, 2026-09-05): чёрный фон, снимок по центру,
крестик 50×50 справа сверху с отступом 10, стрелки 60×60 по бокам по центру
высоты, лента миниатюр 54×60 внизу, прокрутка страницы заблокирована.
Правила стоят в КОНЦЕ файла осознанно: ниже их накрыть уже нечем. */
html.photo-lightbox-open,html.photo-lightbox-open body{overflow:hidden}
/* Фон просмотра — ровный серый. У источника тут подложкой лежит сам снимок,
увеличенный в семь раз (`.mz-expand-bg` с `scale(7)`), но у наших товаров
это даёт мутное пятно вместо ровного цвета, и владелец 2026-09-05 попросил
просто серый: «фон зачем менять? Он был и так норм. Сделай серый фон». */
.product-lightbox{position:fixed;z-index:2100000000;left:0;top:0;display:flex;overflow:hidden;width:100%;height:100%;align-items:center;justify-content:center;background:#999}
/* `display:flex` в классе сильнее атрибута `hidden`: без этой строки
закрытый просмотр остаётся во весь экран и перехватывает нажатия. */
.product-lightbox[hidden]{display:none}
/* Подложка — слой закрытия по нажатию мимо снимка, а не картинка. */
.product-lightbox__backdrop{position:absolute;left:0;top:0;width:100%;height:100%}
.product-lightbox__image{position:relative;max-width:100%;max-height:calc(100% - 150px);margin:0 auto;object-fit:contain}
.product-lightbox.is-zoomed .product-lightbox__image{width:100%;height:calc(100% - 150px);max-height:none;cursor:zoom-out}
/* Размеры и цвет кнопок — как у источника: закрыть 50x50 и #b4b4b4, стрелки
60x60 и rgba(180,180,180,.6), отступ 10px от края, стрелки по вертикали в
середине экрана. */
.product-lightbox__close{position:absolute;z-index:2;right:10px;top:10px;width:50px;height:50px;padding:0;border:0;background:transparent;color:#b4b4b4;font-size:34px;line-height:1;cursor:pointer}
/* Стрелка — та же фигура, что у источника: тонкий шеврон в поле 48x48,
залитый #999999 (снято из `button.mz-button-next:before` MagicZoom).
Раньше здесь стоял типографский знак `‹`: он и тоньше, и светлее,
и на тёмной подложке читался почти белым. */
.product-lightbox__nav{position:absolute;z-index:2;top:50%;width:60px;height:60px;padding:0;transform:translateY(-50%);border:0;background:transparent;font-size:0;line-height:0;cursor:pointer}
.product-lightbox__nav::before{content:"";display:block;width:100%;height:100%;background-color:#999;-webkit-mask:url('data:image/svg+xml;utf8,') center/100% no-repeat;mask:url('data:image/svg+xml;utf8,') center/100% no-repeat}
.product-lightbox__nav--prev::before{transform:rotate(180deg)}
/* Нажатие подсвечивает — как у источника (`button.mz-button:active`). */
.product-lightbox__nav:active::before{background-color:#b4b4b4}
/* Один снимок — листать нечего, и стрелок у источника нет. */
.product-lightbox__nav[hidden]{display:none}
.product-lightbox__nav--prev{left:10px}
.product-lightbox__nav--next{right:10px}
.product-lightbox__thumbs{position:absolute;z-index:2;left:0;bottom:20px;display:flex;width:100%;padding:0 36px;gap:6px;justify-content:center;overflow-x:auto;scrollbar-width:none}
.product-lightbox__thumbs::-webkit-scrollbar{display:none}
.product-lightbox__thumbs button{width:54px;height:60px;flex:0 0 54px;padding:0;border:1px solid transparent;background:#fff;cursor:pointer}
.product-lightbox__thumbs button.is-active{border-color:#f29400}
.product-lightbox__thumbs img{display:block;width:100%;height:100%;object-fit:contain}
/* Курсор есть — просмотр не нужен: там работает зум по наведению. */
@media(hover:hover)and(pointer:fine){.product-lightbox{display:none}}
/* Кнопка адреса на телефоне: у источника (замер польской витрины 2026-09-05,
419px) она 50×54 и показывает только «+» — подпись внутри скрыта
`display:none`. Пока подпись была голым текстовым узлом, скрыть её было
нечем: у коробки доставки текст ломался в три строки, а коробке счёта
`konto-address-actions` возвращал 210px, и кнопка наезжала на адрес. */
@media(max-width:560px){
.legacy-address-box__label{display:none}
}
/* ── Испанская главная: геометрия живого Plenty-снимка ────────────────────
Источник повторяет одну товарную полку и после первой полки оставляет у
inline-карточек baseline 3.5px. Снимок строк сохраняет повтор отдельно, а
эти правила сохраняют его фактическую вертикальную геометрию. Scope по
теме важен: у датской и польской главных свои снимки и свои расстояния. */
[data-theme="dispensadores-es"] .legacy-products .prices{min-height:0}
[data-theme="dispensadores-es"] .legacy-products .price-view-port.has-availability .availability{height:21px}
[data-theme="dispensadores-es"] .legacy-seo{padding-top:14px}
[data-theme="dispensadores-es"] .legacy-seo h1{margin:0 0 7px;color:#212529;font-size:22.4px;font-weight:500;line-height:24.64px}
@media(min-width:901px){
[data-theme="dispensadores-es"] .legacy-benefits.container{min-height:131px}
[data-theme="dispensadores-es"] .legacy-products.container{padding-top:21.7px;padding-bottom:0}
[data-theme="dispensadores-es"] .legacy-products .product-row{margin-bottom:21px}
[data-theme="dispensadores-es"] .legacy-products .product-row:not(:first-child) .cmp-product-thumb{margin-bottom:33.5px}
[data-theme="dispensadores-es"] .legacy-products .product-row:last-child{margin-bottom:0}
}
/* Account access follows the project phone boundary. This late block is
intentional: source-capture rules above establish the header cascade. */
@media(max-width:575.98px){
.account-access-modal{padding:0;background:#fff}
.account-access-modal__dialog{min-height:100%;border:0;border-radius:0;box-shadow:none}
.account-access-modal__header{min-height:62px;padding:14px 18px}
.account-access-card--modal{padding:26px 18px}
.account-access-page{min-height:420px;padding:30px 0 46px}
.account-access-page__heading{margin-bottom:17px}
.account-access-page__heading h1{font-size:25px}
.account-access-page__icon{width:46px;height:46px;flex-basis:46px}
.account-access-card--page .account-access-panel{padding:23px 18px 25px}
.account-access-tabs a{padding:14px 9px}
}
@media(max-width:900.98px){
[data-theme="dispensadores-es"] .legacy-benefits.container{min-height:432px;margin-top:14px;margin-bottom:0}
[data-theme="dispensadores-es"] .legacy-products.container{padding-top:28px;padding-bottom:0}
[data-theme="dispensadores-es"] .legacy-products .product-row{margin-bottom:20.9px}
[data-theme="dispensadores-es"] .legacy-products .product-row:not(:first-child) .cmp-product-thumb{margin-bottom:18.5px}
[data-theme="dispensadores-es"] .legacy-products .product-row:last-child{margin-bottom:0}
}
/* Подсказки поиска. Панель принадлежит форме, поэтому форма — точка отсчёта:
иначе на узком экране список уезжал бы к краю страницы, а не под поле. */
.search{position:relative}
.search-suggest{position:absolute;z-index:60;left:0;right:0;top:100%;max-height:min(70vh,420px);overflow-y:auto;background:#fff;border:1px solid #ddd;border-top:0;box-shadow:0 3px 5px -3px rgba(0,0,0,.5)}
.search-suggest__item{display:flex;gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid #f0f0f0;color:#222;text-decoration:none}
.search-suggest__item:last-child{border-bottom:0}
.search-suggest__item:hover,.search-suggest__item[aria-selected="true"]{background:#f7f7f7}
.search-suggest__image{width:44px;height:44px;flex:0 0 44px;object-fit:contain}
.search-suggest__text{display:flex;min-width:0;flex-direction:column;gap:2px}
.search-suggest__name{font-size:13px;line-height:17px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.search-suggest__price{color:#f29400;font-size:13px;font-weight:700;line-height:17px}
.search-suggest__empty{margin:0;padding:12px;color:#666;font-size:13px;line-height:17px}
/* The callback normally closes immediately. If a browser prevents scripted
closing, keep the small fallback page usable instead of showing raw text. */
.payment-popup-result{display:grid;min-height:100vh;margin:0;padding:24px;place-items:center;background:#f5f5f5;color:#252525;font-family:Arial,sans-serif}
.payment-popup-result__card{width:min(100%,420px);padding:32px;border:1px solid #ddd;background:#fff;box-shadow:0 12px 36px rgba(0,0,0,.14);text-align:center}
.payment-popup-result__card h1{margin:0 0 16px;font-size:28px}
.payment-popup-result__card p{margin:0 0 24px}
.payment-popup-result__card .button{display:block}
.legacy-place-order:disabled{background:#aaa;color:#fff;cursor:not-allowed;opacity:.78}
/*
* Кадр главного снимка: рамка, скругление и плавная смена.
*
* Решение владельца 2026-09-16, принято с открытыми глазами: рамка 1px #ddd и
* скругление 5px есть ТОЛЬКО у немецкого источника `ich-zapfe.de` (тема Ceres
* на Owl Carousel). У польского, датского и испанского источников галерея на
* MagicZoom Plus — без рамки и без скругления, и наш кадр повторял их точно.
* Владельцу показали эту разницу; он выбрал единый вид на всех витринах.
* Поэтому правило 12 CLAUDE.md для галереи имеет письменное исключение, а
* снимки эталона по этому блоку пересняты.
*
* `border-box` — ради того, чтобы рамка НЕ сдвинула страницу: внешний размер
* кадра остаётся прежним (670 и 360), рамка съедает два пикселя изнутри. Иначе
* поехали бы миниатюры, вкладки и вся нижняя часть карточки, у которой свой
* пиксельный гейт. Высота самого снимка уменьшена на эти два пикселя ПРЯМО в
* своих правилах, а не поздним переопределением: иначе получилось бы второе
* объявление той же высоты, и сторож перекрытий справедливо ругается — правка
* из конца файла выглядит работающей ровно до того дня, когда ниже появится
* третья.
*
* `overflow:hidden` обязателен: без него уезжающий снимок вылезает за
* скруглённый угол, и анимация выглядит сломанной, а не плавной.
*/
.legacy-product-gallery__stage{box-sizing:border-box;border:1px solid #ddd;border-radius:5px;background:#fff;overflow:hidden}
/* Уезжающий снимок: создаётся скриптом на время смены и убирается за собой. */
.product-gallery__ghost{position:absolute;z-index:0;pointer-events:none}
/*
* Точки под снимком, стрелки ленты и рамки миниатюр — замеры `ich-zapfe.de`
* 2026-09-16 (владелец: «у нас нету точек… у миниатюр нету серых рамок»).
*
* Числа источника: полоса точек 26px высотой прижата к низу кадра, точка
* 24×20 с кружком 10×10 и радиусом 30px, поля 5px/7px; неактивная #d6d6d6,
* активная #869791. Стрелка 70×28, шрифт 28px, цвет #ddd, по центру высоты
* своего блока; недоступная сторона не показывается вовсе. Миниатюра — рамка
* 1px #ddd, радиус 4px, поля 5px, белый фон.
*/
.product-gallery__dots{position:absolute;z-index:1;right:0;bottom:0;left:0;height:26px;text-align:center}
.product-gallery__dot{width:24px;height:20px;padding:0;border:0;background:transparent;cursor:pointer;line-height:0}
.product-gallery__dot:after{display:block;width:10px;height:10px;margin:5px 7px;border-radius:30px;background:#d6d6d6;content:""}
.product-gallery__dot.is-active:after{background:#869791}
.legacy-product-gallery__thumbstrip{position:relative}
/*
* Стрелка ленты стоит ПОВЕРХ миниатюр.
*
* Было `z-index:1` — ровно столько же, сколько у картинки миниатюры
* (`.legacy-product-gallery__thumbs img` позиционирована и поднята на 1). При
* равном уровне побеждает порядок в разметке, поэтому картинка наезжала на
* стрелку, и владелец это увидел. Двойка ставит стрелку выше без гонки
* порядков.
*
* Подложка — не украшение: у источника стрелка светло-серая на белом поле,
* а у нас лента шире кадра и под стрелку заезжает сам снимок. Светлый шеврон
* на тёмной фотографии исчезает, поэтому под ним белая подушка с мягким краем,
* а сам шеврон темнее и жирнее источника ровно настолько, чтобы читаться.
*/
/*
* Стрелки ленты миниатюр — тот же вид, что у стрелок снимков карточки.
*
* Просьба владельца 2026-09-17: «такие же шевроны… и для карусели миниатюр
* главной фотки товара». Значения не выдуманы и не подобраны заново — это тот
* же замер `ich-zapfe.de`, что уже применён к карточке: кнопка 30×41, фон
* rgba(255,255,255,.75), радиус 3px, значок 22px #a66500, под курсором #869791
* с белым шевроном.
*
* Прежняя белая подушка с мягким краем убрана: она решала ту же задачу —
* читаемость поверх снимка, — но её решает и белый фон самой кнопки, а две
* разные подложки в одной галерее выглядели бы как недоделка.
*/
.legacy-product-gallery__thumbnav{position:absolute;z-index:2;top:50%;display:flex;width:30px;height:41px;margin:5px;padding:4px 7px;align-items:center;justify-content:center;transform:translateY(-50%);border:0;border-radius:3px;background:rgba(255,255,255,.75);color:#a66500;cursor:pointer;transition:background .3s,color .3s}
.legacy-product-gallery__thumbnav .fa{font-size:22px;line-height:33px}
.legacy-product-gallery__thumbnav:hover,.legacy-product-gallery__thumbnav:focus-visible{background:#869791;color:#fff}
.legacy-product-gallery__thumbnav--prev{left:0}
.legacy-product-gallery__thumbnav--next{right:0}
/* `hidden` у кнопки слабее `position:absolute`, поэтому гасим явно — тот же
случай, что уже ловили с `.legacy-place-order[hidden]`. */
.legacy-product-gallery__thumbnav[hidden]{display:none}
/* Лента прокручивается, а не обрезается: стрелки двигают именно её. */
.legacy-product-gallery__thumbs{overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.legacy-product-gallery__thumbs::-webkit-scrollbar{display:none}
/*
* Рамка миниатюры принадлежит СНИМКУ, а не его месту в ленте.
*
* Правило выше ставило рамку на кнопку. Кнопка — это слот ленты, и его
* ширина растёт вместе с витриной: замер 2026-09-17 дал слот 135.33px на
* десктопе и 163px при 885px, тогда как сам снимок у источника всё это время
* 95x84 и 100x90. Поэтому рамка оказывалась в полтора раза шире кадра, и
* владелец увидел это на планшете.
*
* Замер собственных источников магазинов (`fadølsanlæg-køb.dk`,
* `nalewaki-do-piwa.pl`, `dispensadores-de-cerveza.es`, один и тот же товар
* a-452279, ширины 390/768/885/1280): рамка 1px #ddd и радиус 4px лежат на
* самом `img`, поле снизу 4px, фон белый. Сверка идёт со своим источником
* каждого магазина — исключение про `ich-zapfe.de` сюда не тянем: он как раз
* растягивает миниатюру на весь слот (163x147 при 885px) и остальным не указ.
*
* Отметка текущего снимка возвращается к серой подложке источника
* (`button.is-active:before`, #c7c9cb): цвет рамки #869791 был подобран, а не
* снят.
*/
.legacy-product-gallery__thumbs button{box-sizing:border-box}
/* Серую подложку источника НЕ включаем: владелец 2026-09-17 увидел её на
живой витрине и отменил — «появилась какая-то тень серая, сделай как было».
Отметка текущего снимка остаётся рамкой, как была до правки ленты. */
.legacy-product-gallery__thumbs button.is-active:before{display:none}
.legacy-product-gallery__thumbs button.is-active img{border-color:#869791}
/*
* Курсор-указатель на всём, что нажимается.
*
* Владелец 2026-09-16 о «Ønskeliste»: «чтобы при наведении было видно, что это
* ссылка». Причина общая, а не в одной кнопке: браузер сам даёт `