/* Дополнения к redesign.css из новой сборки макета.

   Наш redesign.css собран с прежней версии дизайна. Здесь лежит всё, что
   в новой сборке добавилось: пары «медиазапрос + селектор», которых у нас
   не было. Файл подключается СРАЗУ ПОСЛЕ redesign.css — порядок важен.

   Правила блоков, которых на сайте ещё нет (просмотрщик фотографий товара,
   блок консультанта, форма обратной связи на контактах), тоже здесь: они
   ни к чему не привязываются и ничего не портят, зато переносить эти блоки
   можно будет без правки стилей.

   Когда придёт обновлённый redesign.css — этот файл удаляется, а вместе
   с ним строка подключения в header.php.

   Отличий от сборки два:
     • пути к картинкам сделаны относительными: наш CSS лежит рядом с ними,
       а часть кадров у нас пережата в webp — для них подставлен наш файл;
     • переключатель языка у нас ссылки, а не кнопки, поэтому в его правилах
       селектор a вместо button.

   Прежняя третья правка — своя сетка мега-меню под семь групп — убрана:
   в новой сборке дизайнер сам поставил repeat(7,...).

   Пересобирается: node scratchpad/build-additions.mjs */

/* Переменные из :root новой сборки, которых у нас не было. */
:root{--content-max:calc(1440 * var(--desktop-pixel,1px))}

.header-nav-media img{object-fit:cover;filter:grayscale();width:100%;height:calc(100% - calc(34 * var(--desktop-pixel,1px)));transition:filter .45s,transform .65s cubic-bezier(.22,1,.36,1)}
.app-icon{width:var(--app-icon-size);height:var(--app-icon-size);object-fit:contain;transition:color var(--icon-transition-duration) var(--icon-transition-easing), opacity var(--icon-transition-duration) var(--icon-transition-easing), transform var(--icon-transition-duration) var(--icon-transition-easing);flex:none;display:block}
.heritage{text-align:center;height:calc(295 * var(--desktop-pixel,1px));margin-top:calc(100 * var(--desktop-pixel,1px));flex-direction:column;align-items:center;padding-top:0;padding-bottom:0;display:flex}
.heritage p{width:min(89.74vw,calc(1723 * var(--desktop-pixel,1px)));margin:calc(36 * var(--desktop-pixel,1px)) auto 0;font-size:min(1.667vw,calc(32 * var(--desktop-pixel,1px)));font-weight:400;line-height:min(2.604vw,calc(50 * var(--desktop-pixel,1px)))}
.categories-exact a{height:calc(542 * var(--desktop-pixel,1px));background:#111;position:relative;overflow:hidden}
@media (width>=901px){
  .mega-menu-groups{gap:clamp(calc(20 * var(--desktop-pixel,1px)),2vw,calc(32 * var(--desktop-pixel,1px)));grid-template-columns:repeat(7,minmax(0,1fr))}
}
.watches-order{height:calc(579 * var(--desktop-pixel,1px));margin-top:calc(100 * var(--desktop-pixel,1px))}
.watches-order-gallery{overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;gap:calc(15 * var(--desktop-pixel,1px));margin-top:calc(35 * var(--desktop-pixel,1px));display:flex;overflow-x:auto}
.watches-order-gallery img{aspect-ratio:1;object-fit:cover;scroll-snap-align:start;pointer-events:none;flex:0 0 calc(25% - calc(11.25 * var(--desktop-pixel,1px)));width:calc(25% - calc(11.25 * var(--desktop-pixel,1px)))}
.exact-footer{height:calc(560 * var(--desktop-pixel,1px));margin-top:calc(100 * var(--desktop-pixel,1px))}
.footer-top{border-bottom:calc(1 * var(--desktop-pixel,1px)) solid #333;align-items:center;gap:calc(30 * var(--desktop-pixel,1px));height:calc(166 * var(--desktop-pixel,1px));padding:calc(20 * var(--desktop-pixel,1px)) 3.125vw;display:flex}
.footer-top p{color:#fff;margin:0 0 calc(10 * var(--desktop-pixel,1px));font-size:calc(15 * var(--desktop-pixel,1px));line-height:calc(17 * var(--desktop-pixel,1px))}
.footer-columns div{text-transform:uppercase;gap:calc(13 * var(--desktop-pixel,1px));font-size:calc(14 * var(--desktop-pixel,1px));line-height:calc(16 * var(--desktop-pixel,1px));flex-direction:column;display:flex}
.footer-contacts{white-space:nowrap;max-width:calc(450 * var(--desktop-pixel,1px))}
.footer-phone{font-size:calc(20 * var(--desktop-pixel,1px));line-height:calc(16 * var(--desktop-pixel,1px))}
.footer-contacts small{text-transform:none;border-radius:calc(7 * var(--desktop-pixel,1px));width:max-content;padding:calc(5 * var(--desktop-pixel,1px)) calc(10 * var(--desktop-pixel,1px));font-size:calc(12 * var(--desktop-pixel,1px));line-height:calc(16 * var(--desktop-pixel,1px));background:#e1e1e126}
.experience-copy-exact{height:calc(566 * var(--desktop-pixel,1px));padding:calc(138 * var(--desktop-pixel,1px)) calc(47 * var(--desktop-pixel,1px)) calc(138 * var(--desktop-pixel,1px)) calc(46 * var(--desktop-pixel,1px));background:#121212}
.product-split{border-radius:calc(18 * var(--desktop-pixel,1px));width:calc(301 * var(--desktop-pixel,1px));height:calc(174 * var(--desktop-pixel,1px));margin:calc(15 * var(--desktop-pixel,1px)) 0;padding:calc(18 * var(--desktop-pixel,1px)) calc(17 * var(--desktop-pixel,1px)) calc(15 * var(--desktop-pixel,1px));background:#f2f4f6}
.product-split-schedule b{font-size:calc(10 * var(--desktop-pixel,1px));font-weight:600}
.service-center-form-benefits p{color:#000;align-items:center;gap:calc(15 * var(--desktop-pixel,1px));font-size:calc(21 * var(--desktop-pixel,1px));font-weight:500;line-height:calc(26 * var(--desktop-pixel,1px));margin:0;display:flex}
.contacts-intro h1{letter-spacing:-.045em;max-width:calc(900 * var(--desktop-pixel,1px));font-size:clamp(calc(54 * var(--desktop-pixel,1px)),5.2vw,calc(92 * var(--desktop-pixel,1px)));margin:0;font-weight:400;line-height:.96}
.contacts-map-section{padding-bottom:calc(78 * var(--desktop-pixel,1px))}
.contacts-detail-grid article{min-width:0;padding:calc(27 * var(--desktop-pixel,1px)) calc(28 * var(--desktop-pixel,1px)) calc(12 * var(--desktop-pixel,1px)) 0}
.contacts-detail-grid h3{color:#777;letter-spacing:.12em;text-transform:uppercase;margin:0 0 calc(25 * var(--desktop-pixel,1px));font-size:calc(12 * var(--desktop-pixel,1px));font-weight:600;line-height:1.2}
.contacts-detail-grid a{text-underline-offset:calc(5 * var(--desktop-pixel,1px));width:fit-content;-webkit-text-decoration:underline #aaa;text-decoration:underline #aaa;transition:color .2s,text-decoration-color .2s}
.delivery-figma-hero:before{background-color:#020202;background-image:url(services-figma/delivery-hero.png);background-position:.05vw -27.55vw;background-repeat:no-repeat;background-size:129.53vw;background-attachment:fixed}
.product-variants{scroll-behavior:smooth;scrollbar-width:none;gap:calc(10 * var(--desktop-pixel,1px));padding-bottom:calc(10 * var(--desktop-pixel,1px));display:flex;overflow-x:hidden}
.product-feature-grid{height:calc(247 * var(--desktop-pixel,1px));margin-top:calc(25 * var(--desktop-pixel,1px));grid-template-columns:repeat(6,minmax(0,1fr));display:grid}
.product-feature-grid article>strong{margin-top:calc(10 * var(--desktop-pixel,1px));font-size:calc(27 * var(--desktop-pixel,1px));font-weight:500;line-height:calc(33 * var(--desktop-pixel,1px))}
.product-feature-grid article>p{margin:calc(10 * var(--desktop-pixel,1px)) 0 0;font-size:calc(16 * var(--desktop-pixel,1px));line-height:calc(23 * var(--desktop-pixel,1px))}
.product-info-tabs{height:auto;min-height:calc(117 * var(--desktop-pixel,1px));margin-top:calc(100 * var(--desktop-pixel,1px));display:flow-root}
.product-specification{color:#fff;min-height:calc(793 * var(--desktop-pixel,1px));margin-top:calc(100 * var(--desktop-pixel,1px));padding-top:calc(100 * var(--desktop-pixel,1px));padding-bottom:calc(100 * var(--desktop-pixel,1px));background:#000;position:relative;overflow:hidden}
.product-specification-watch{z-index:0;object-fit:cover;opacity:.4;width:min(41.35vw,calc(794 * var(--desktop-pixel,1px)));height:calc(794 * var(--desktop-pixel,1px));top:calc(-1 * var(--desktop-pixel,1px));position:absolute;right:0}
.product-specification dl{grid-template-rows:repeat(9,calc(20 * var(--desktop-pixel,1px)));gap:calc(40 * var(--desktop-pixel,1px)) calc(50 * var(--desktop-pixel,1px));height:calc(500 * var(--desktop-pixel,1px));margin:calc(25 * var(--desktop-pixel,1px)) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;display:grid}
.product-specification dl>div{justify-content:space-between;align-items:flex-start;gap:calc(25 * var(--desktop-pixel,1px));min-width:0;display:flex}
.product-specification dt{color:#ffffffb3;letter-spacing:calc(1.12 * var(--desktop-pixel,1px));text-transform:uppercase;font-size:calc(14 * var(--desktop-pixel,1px))}
.product-specification dd{color:#fff;text-align:right;font-size:calc(16 * var(--desktop-pixel,1px));margin:0}
.product-consultation{color:#fff;gap:calc(39 * var(--desktop-pixel,1px));min-height:calc(882 * var(--desktop-pixel,1px));margin-top:calc(100 * var(--desktop-pixel,1px));padding:calc(70 * var(--desktop-pixel,1px)) 3.125vw calc(66 * var(--desktop-pixel,1px));background:#121212;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}
.product-consultation article:nth-child(2)>img{filter:brightness(.35);height:calc(745 * var(--desktop-pixel,1px))}
.product-consultation article:nth-child(2)>div{width:calc(100% - calc(92 * var(--desktop-pixel,1px)));top:50%;left:calc(46 * var(--desktop-pixel,1px));position:absolute;transform:translateY(-50%)}
.product-consultation article:nth-child(2) h2{text-transform:uppercase;margin:calc(35 * var(--desktop-pixel,1px)) 0;font-size:calc(32 * var(--desktop-pixel,1px));line-height:calc(45 * var(--desktop-pixel,1px))}
.product-consultation article:nth-child(2) p{color:#ffffffb3;max-width:calc(760 * var(--desktop-pixel,1px));font-size:calc(16 * var(--desktop-pixel,1px));line-height:calc(21 * var(--desktop-pixel,1px))}
@media (width<=900px){
  .product-specification{min-height:0;padding-top:calc(70 * var(--desktop-pixel,1px));padding-bottom:calc(70 * var(--desktop-pixel,1px))}
  .product-specification dl{grid-template-rows:none;grid-template-columns:1fr;grid-auto-flow:row;gap:0;height:auto}
}
@media (width<=600px){
  .product-split{width:100%}
  .product-specification dd{white-space:normal;max-width:52%;font-size:calc(13 * var(--desktop-pixel,1px))}
  .product-feature-grid article>strong{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;max-width:100%;font-size:clamp(calc(17 * var(--desktop-pixel,1px)),4.5vw,calc(20 * var(--desktop-pixel,1px)));line-height:1.25}
}
[data-scroll-rail][data-rail-active=true]{cursor:grab;scroll-snap-type:none!important;scroll-behavior:auto!important;scrollbar-width:none!important;touch-action:pan-y pinch-zoom!important}
[data-scroll-rail][data-rail-active=true]::-webkit-scrollbar{display:none}
[data-scroll-rail].is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}
[data-scroll-rail].is-dragging *{-webkit-user-select:none;user-select:none}
.site-scroll-track{touch-action:none;cursor:grab;background:#ebedf1;position:relative;width:min(calc(533 * var(--desktop-pixel,1px)), 100%)!important;max-width:100%!important;height:calc(6 * var(--desktop-pixel,1px))!important;margin:calc(32 * var(--desktop-pixel,1px)) 0 0 auto!important}
.site-scroll-track[hidden]{display:none!important}
.site-scroll-track:before{content:"";inset:calc(-12 * var(--desktop-pixel,1px)) 0;position:absolute}
.site-scroll-track:focus-visible{outline:calc(2 * var(--desktop-pixel,1px)) solid var(--orange);outline-offset:calc(6 * var(--desktop-pixel,1px))}
.site-scroll-track.visible{display:block!important}
.site-scroll-track>i{pointer-events:none;background:#111;position:absolute;top:0;height:100%!important;transition:none!important}
.site-scroll-track:hover>i,.site-scroll-track:focus-visible>i{background:var(--orange)}
.site-scroll-track.is-dragging{cursor:grabbing}
.horizontal-carousel-shell:has([data-rail-active=false])>.horizontal-carousel-next{display:none}
.horizontal-carousel-shell:has([data-rail-start=true])>.horizontal-carousel-prev{display:none}
.horizontal-carousel-shell:has([data-rail-end=true])>.horizontal-carousel-next:not(.horizontal-carousel-prev){display:none}
.product-variants-shell:has([data-rail-start=true])>.product-variants-arrow.prev{display:none}
.product-variants-shell:has([data-rail-end=true])>.product-variants-arrow.next{display:none}
.product-variants-shell:has([data-rail-active=false])>.product-variants-arrow{display:none}
.watches-order{height:auto}
.watches-order .horizontal-carousel-shell{order:2}
.watches-order>.site-scroll-track{order:3}
.watches-order-gallery{align-items:flex-start}
.product-variants{scrollbar-width:none;overflow-x:auto}
.watches-order-gallery img{aspect-ratio:1;object-fit:cover;height:auto}
@media (width>=901px){
  .watches-order-gallery img{flex:0 0 calc((100% - 3 * var(--layout-gap)) / 4);width:calc((100% - 3 * var(--layout-gap)) / 4)}
}
@media (width>=1921px){
  html{font-size:calc(16 * var(--desktop-pixel,1px))}
}
.heritage{height:auto;min-height:0}
.heritage h2,.story-intro h1,.watch-care-intro h2,.returns-figma-lead h2,.inner-title h1,.product-heading h1,.contacts-intro h1,.contacts-section-heading h2,.contacts-legal h2,.payment-hero h1,.collaboration-hero h1,.retailers-panel h1,.cart-products>h1,.cart-products-heading h1,.checkout-page>h1,.payment-section-heading h2,.payment-security h2,.collaboration-story h2,.collaboration-values h2,.arrival-modal-content h2,.collection-series-header h2,.allure-copy-column h2,.allure-quality>h2,.allure-service-contacts h2,.allure-delivery-times h2,.allure-long-copy h2,.allure-contact-cta>h2,.allure-order-copy h2,.favourite-hero h1,.photo-gallery-hero-copy h1,.photo-gallery-intro h2{line-height:1.2}
.footer-top p{line-height:1.5}
.footer-top{height:auto;min-height:calc(166 * var(--desktop-pixel,1px))}
.exact-footer{height:auto}
.footer-columns div{line-height:1.4}
.footer-phone{line-height:1.3}
.service-center-form-benefits p{line-height:1.4}
.contacts-intro h1{font-size:clamp(calc(42 * var(--desktop-pixel,1px)), 3.333vw, calc(64 * var(--desktop-pixel,1px)));letter-spacing:normal;font-weight:500}
.shop-card .shop-card-price>strong{align-items:flex-start;gap:calc(4 * var(--desktop-pixel,1px));text-align:left;flex-flow:column;display:flex}
.product-consultation,.experience-exact{height:auto;min-height:0;padding:calc(100 * var(--desktop-pixel,1px)) max(calc(40 * var(--desktop-pixel,1px)), calc((100% - var(--content-max)) / 2))}
.experience-exact .experience-exact-grid{max-width:var(--content-max);margin-inline:auto}
.product-consultation{gap:calc(32 * var(--desktop-pixel,1px))}
.product-consultation article>img,.experience-photo,.experience-exact .service-card>img{aspect-ratio:1.55;object-fit:cover;height:auto}
.product-consultation article:nth-child(2){align-items:center;display:grid}
.product-consultation article:nth-child(2)>img{aspect-ratio:auto;height:100%;position:absolute;inset:0}
.product-consultation article:nth-child(2)>div{width:auto;padding:clamp(calc(24 * var(--desktop-pixel,1px)), 3vw, calc(40 * var(--desktop-pixel,1px)));position:relative;top:auto;left:auto;transform:none}
.product-consultation article:first-child h2,.experience-exact .service-card h3{font-size:clamp(calc(18 * var(--desktop-pixel,1px)), 1.3vw, calc(22 * var(--desktop-pixel,1px)));line-height:1.4}
.product-consultation article:nth-child(2) h2,.experience-copy-exact h2{font-size:clamp(calc(22 * var(--desktop-pixel,1px)), 1.7vw, calc(28 * var(--desktop-pixel,1px)));line-height:1.4}
.product-consultation article:nth-child(2) h2{margin:calc(24 * var(--desktop-pixel,1px)) 0}
.product-consultation article:nth-child(2)>div>span{font-size:calc(14 * var(--desktop-pixel,1px))}
.product-consultation article p,.experience-exact .service-card p{font-size:clamp(calc(14 * var(--desktop-pixel,1px)), .9vw, calc(16 * var(--desktop-pixel,1px)));line-height:1.5}
.product-consultation article:nth-child(2) p{max-width:100%}
.product-consultation article:nth-child(2) a,.experience-button span{font-size:clamp(calc(14 * var(--desktop-pixel,1px)), 1vw, calc(16 * var(--desktop-pixel,1px)));letter-spacing:calc(1 * var(--desktop-pixel,1px));line-height:1.5}
.product-consultation .circle-arrow-ui,.experience-exact .experience-circle{width:calc(64 * var(--desktop-pixel,1px));height:calc(64 * var(--desktop-pixel,1px));flex:0 0 calc(64 * var(--desktop-pixel,1px))}
.experience-copy-exact{height:auto;padding:clamp(calc(24 * var(--desktop-pixel,1px)), 3vw, calc(40 * var(--desktop-pixel,1px)));flex-direction:column;justify-content:center;display:flex}
.experience-exact .service-card-copy{min-height:0;padding:calc(18 * var(--desktop-pixel,1px)) 0}
@media (width<=900px){
  .product-consultation,.experience-exact{padding:calc(70 * var(--desktop-pixel,1px)) calc(20 * var(--desktop-pixel,1px))}
  .product-consultation article:nth-child(2)>div{padding-block:calc(48 * var(--desktop-pixel,1px))}
}
@media (width<=600px){
  .product-consultation,.experience-exact{padding-block:calc(50 * var(--desktop-pixel,1px))}
  .product-consultation .circle-arrow-ui,.experience-exact .experience-circle{width:calc(52 * var(--desktop-pixel,1px));height:calc(52 * var(--desktop-pixel,1px));flex-basis:calc(52 * var(--desktop-pixel,1px))}
}
.heritage p{width:100%;max-width:var(--content-max)}
.subscribe.product-subscribe{gap:calc(48 * var(--desktop-pixel,1px));height:auto;padding:calc(48 * var(--desktop-pixel,1px)) max(calc(40 * var(--desktop-pixel,1px)), calc((100% - var(--content-max)) / 2));grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.subscribe.product-subscribe>*{min-width:0}
.footer-contacts{white-space:normal;overflow-wrap:anywhere;min-width:0}
.footer-contacts small{width:auto;max-width:100%}
.customer-consent a{text-decoration:underline}
@media (width>=901px){
  .footer-columns{gap:calc(24 * var(--desktop-pixel,1px));grid-template-columns:repeat(5,minmax(0,1fr));height:auto}
  .page-pad{padding-left:max(calc(40 * var(--desktop-pixel,1px)), calc((100% - var(--content-max)) / 2));padding-right:max(calc(40 * var(--desktop-pixel,1px)), calc((100% - var(--content-max)) / 2))}
  .product-detail{column-gap:calc(56 * var(--desktop-pixel,1px));height:auto;min-height:0;padding-bottom:calc(64 * var(--desktop-pixel,1px));grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  .product-main-image{height:min(calc(600 * var(--desktop-pixel,1px)), 65vh);min-height:calc(420 * var(--desktop-pixel,1px))}
  .contacts-detail-grid{gap:calc(40 * var(--desktop-pixel,1px));grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-custom-order,.manufacture-order,.experience-exact-grid{max-width:calc(1520 * var(--desktop-pixel,1px));margin-left:auto;margin-right:auto}
  .product-custom-order{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:none;min-height:0}
}
.product-heading p,.product-copy small,.product-specification dt,.product-specification dd,.header-nav-links a,.contacts-detail-grid small{font-size:calc(14 * var(--desktop-pixel,1px));line-height:1.5}
.product-split-schedule b{font-size:calc(12 * var(--desktop-pixel,1px))}
.product-installment-note .sber-installment-badge{align-items:center;gap:calc(4 * var(--desktop-pixel,1px));min-height:calc(18 * var(--desktop-pixel,1px));padding:calc(3 * var(--desktop-pixel,1px)) calc(7 * var(--desktop-pixel,1px));box-sizing:border-box;border-radius:calc(999 * var(--desktop-pixel,1px));color:#fff;font-size:calc(10 * var(--desktop-pixel,1px));font-weight:600;line-height:calc(12 * var(--desktop-pixel,1px));white-space:nowrap;background:linear-gradient(100deg,#50a346 0%,#80c94b 55%,#d4ef35 100%);flex:none;display:inline-flex}
.product-installment-note .sber-installment-badge>span{color:inherit}
.product-installment-note .sber-installment-badge>img{flex:0 0 calc(12 * var(--desktop-pixel,1px));width:calc(12 * var(--desktop-pixel,1px));height:calc(12 * var(--desktop-pixel,1px));filter:none;background:0 0;border-radius:0;display:block}
@media (width>=901px){
  .product-detail{--product-media-height:min(calc(600 * var(--desktop-pixel,1px)), calc(100dvh - calc(140 * var(--desktop-pixel,1px))));--product-thumb-size:clamp(calc(64 * var(--desktop-pixel,1px)), 7vw, calc(100 * var(--desktop-pixel,1px)))}
  .product-gallery.imported{top:calc(110 * var(--desktop-pixel,1px));height:var(--product-media-height);grid-template-columns:var(--product-thumb-size) minmax(0, 1fr);align-self:start;gap:calc(12 * var(--desktop-pixel,1px));transition:top .28s;position:sticky}
  body:has(.site-header.is-hidden) .product-gallery.imported{top:0}
}
@media (width>=901px){
@media (prefers-reduced-motion:reduce){
  .product-gallery.imported{transition:none}
}
}
@media (width>=901px){
  .product-gallery.imported .product-main-image{height:var(--product-media-height);min-height:0}
  .product-gallery.imported .product-thumbs{height:var(--product-media-height);max-height:var(--product-media-height);grid-template-columns:minmax(0,1fr);grid-auto-rows:var(--product-thumb-size);align-content:start;gap:calc(10 * var(--desktop-pixel,1px));overscroll-behavior-y:contain;scrollbar-width:none;padding-right:0;overflow-y:auto}
  .product-gallery.imported .product-thumbs::-webkit-scrollbar{display:none}
  .product-gallery.imported .product-thumbs button{width:100%;height:var(--product-thumb-size)}
}
@media (width>=601px) and (width<=900px){
  .product-gallery.imported{gap:calc(12 * var(--desktop-pixel,1px));flex-direction:column;width:100%;min-width:0;display:flex}
  .product-gallery.imported .product-main-image{width:100%;height:min(calc(600 * var(--desktop-pixel,1px)), 75svh);order:1;min-height:0}
  .product-gallery.imported .product-thumbs{gap:calc(10 * var(--desktop-pixel,1px));scrollbar-width:none;order:2;width:100%;max-height:none;padding:0;display:flex;overflow:auto hidden}
  .product-gallery.imported .product-thumbs::-webkit-scrollbar{display:none}
  .product-gallery.imported .product-thumbs button{flex:0 0 calc(88 * var(--desktop-pixel,1px));width:calc(88 * var(--desktop-pixel,1px));height:calc(88 * var(--desktop-pixel,1px))}
}
.product-split{width:100%;max-width:calc(430 * var(--desktop-pixel,1px));height:auto;min-height:0;padding:calc(20 * var(--desktop-pixel,1px));border-radius:calc(24 * var(--desktop-pixel,1px));background:#eff2f4}
.product-split .product-split-head{grid-template-columns:calc(28 * var(--desktop-pixel,1px)) minmax(0, 1fr) max-content;gap:calc(2 * var(--desktop-pixel,1px)) calc(10 * var(--desktop-pixel,1px));grid-template-rows:auto auto}
.product-split .product-split-logo{width:calc(28 * var(--desktop-pixel,1px));height:calc(28 * var(--desktop-pixel,1px))}
.product-split .product-split-head>b{font-size:calc(13 * var(--desktop-pixel,1px));line-height:calc(18 * var(--desktop-pixel,1px))}
.product-split .product-split-head>strong{font-size:calc(14 * var(--desktop-pixel,1px));line-height:calc(20 * var(--desktop-pixel,1px));font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:normal}
.product-split .product-split-head>small{margin-top:calc(2 * var(--desktop-pixel,1px));padding:calc(2 * var(--desktop-pixel,1px)) calc(5 * var(--desktop-pixel,1px));font-size:calc(10 * var(--desktop-pixel,1px));line-height:calc(14 * var(--desktop-pixel,1px));border-radius:calc(5 * var(--desktop-pixel,1px));place-self:start end}
.product-split .product-split-periods{margin-top:calc(20 * var(--desktop-pixel,1px));border-radius:calc(16 * var(--desktop-pixel,1px));background:#e9edef}
.product-split .product-split-periods button{height:calc(38 * var(--desktop-pixel,1px));border-radius:calc(12 * var(--desktop-pixel,1px))}
.product-split .product-split-schedule{margin-top:calc(28 * var(--desktop-pixel,1px));gap:calc(8 * var(--desktop-pixel,1px))}
.product-split .product-split-schedule span{min-width:0}
.product-split .product-split-schedule small{font-size:calc(11 * var(--desktop-pixel,1px));line-height:calc(15 * var(--desktop-pixel,1px))}
.product-split .product-split-schedule b{font-size:calc(12 * var(--desktop-pixel,1px));line-height:calc(16 * var(--desktop-pixel,1px));font-variant-numeric:tabular-nums}
@media (width<=600px){
  .product-split{padding:calc(16 * var(--desktop-pixel,1px))}
  .product-split .product-split-head{column-gap:calc(8 * var(--desktop-pixel,1px))}
  .product-split .product-split-head>strong{font-size:calc(12 * var(--desktop-pixel,1px))}
  .product-split .product-split-head>small{font-size:calc(9 * var(--desktop-pixel,1px))}
  .product-split .product-split-schedule{gap:calc(4 * var(--desktop-pixel,1px))}
  .product-split .product-split-schedule b{font-size:calc(10 * var(--desktop-pixel,1px))}
}
.product-specification{min-height:0;padding-top:calc(100 * var(--desktop-pixel,1px));padding-bottom:calc(100 * var(--desktop-pixel,1px))}
.product-specification-watch{object-position:right center;opacity:.3;pointer-events:none;height:100%;display:block;top:0}
.product-specification dl{gap:0 calc(32 * var(--desktop-pixel,1px));height:auto;margin-top:calc(24 * var(--desktop-pixel,1px));grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;display:grid}
.product-specification dl>div{min-width:0;padding:calc(12 * var(--desktop-pixel,1px)) 0;border-bottom:calc(1 * var(--desktop-pixel,1px)) solid #ffffff26;display:block}
.product-specification dt,.product-specification dd{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:none;margin:0}
.product-specification dt{color:#aaa}
.product-specification dd{margin-top:calc(4 * var(--desktop-pixel,1px))}
.product-specification .product-section-download{margin-top:calc(24 * var(--desktop-pixel,1px))}
.product-story-zoom{cursor:zoom-in;width:100%;margin-top:calc(48 * var(--desktop-pixel,1px));background:#f6f6f6;border:0;padding:0;display:block}
.product-story-zoom img{width:100%;height:min(calc(640 * var(--desktop-pixel,1px)), 75vh);object-fit:cover;object-position:center;display:block}
.product-feature-grid{height:auto}
.product-feature-grid article>strong{max-width:100%;font-size:calc(20 * var(--desktop-pixel,1px));overflow-wrap:anywhere;line-height:1.4}
.product-feature-grid article>p{max-width:100%;font-size:calc(14 * var(--desktop-pixel,1px));overflow-wrap:anywhere;line-height:1.5}
.product-custom-photos,.manufacture-order-gallery{aspect-ratio:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:auto}
.product-custom-photos img,.manufacture-order-gallery img{object-fit:cover;width:100%;min-width:0;height:100%;min-height:0;display:block}
.product-viewer{width:100%;max-width:none;height:100dvh;max-height:none;padding:calc(20 * var(--desktop-pixel,1px));color:#111;z-index:10000;background:#fff;border:0;margin:0;position:fixed;inset:0}
.product-viewer[open]{gap:calc(12 * var(--desktop-pixel,1px));flex-direction:column;display:flex}
.product-viewer::backdrop{background:#000b}
.product-viewer-toolbar{justify-content:space-between;align-items:center;gap:calc(16 * var(--desktop-pixel,1px));z-index:2;display:flex;position:relative}
.product-viewer button{color:#888;cursor:pointer;background:#fff;place-items:center;padding:0;display:grid}
.product-viewer-close{width:calc(48 * var(--desktop-pixel,1px));height:calc(48 * var(--desktop-pixel,1px));border:0}
.product-viewer-controls{left:calc(20 * var(--desktop-pixel,1px));right:calc(20 * var(--desktop-pixel,1px));pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:50%;transform:translateY(-50%)}
.product-viewer-controls button{width:calc(56 * var(--desktop-pixel,1px));height:calc(56 * var(--desktop-pixel,1px));border:calc(1 * var(--desktop-pixel,1px)) solid #aaa;pointer-events:auto;border-radius:50%}
.product-viewer-controls span{width:calc(9 * var(--desktop-pixel,1px));height:calc(20 * var(--desktop-pixel,1px));background:#888;-webkit-mask:url(story-figma-arrow.svg) 50%/contain no-repeat;mask:url(story-figma-arrow.svg) 50%/contain no-repeat}
.product-viewer-prev span{transform:rotate(180deg)}
.product-viewer button:focus-visible{outline:calc(2 * var(--desktop-pixel,1px)) solid #888;outline-offset:calc(4 * var(--desktop-pixel,1px))}
.product-viewer-stage{text-align:center;flex:1;min-height:0;overflow:hidden}
.product-viewer-stage img{object-fit:contain;width:100%;height:100%;display:block}
.site-languages{align-items:center;gap:calc(8 * var(--desktop-pixel,1px));font-size:calc(13 * var(--desktop-pixel,1px));white-space:nowrap;display:flex}
.site-languages span{opacity:.55}
.site-languages a{padding:calc(4 * var(--desktop-pixel,1px)) 0;color:inherit;font:inherit;cursor:pointer;opacity:.55;text-decoration:none}
.site-languages a[aria-current]{opacity:1}
.site-languages a:focus-visible{outline:calc(1 * var(--desktop-pixel,1px)) solid currentColor;outline-offset:calc(3 * var(--desktop-pixel,1px))}
.mobile-languages{display:none}
/* Правое меню шапки сворачивается по шагам — как в сборке макета index-C_SBQ9Ad:
   до 1760px пропадает «Обслуживание», до 1540px — ещё «Сервисный центр»,
   до 1200px меню скрыто целиком (правило в redesign.css). */
@media (width>=1201px){
  .header-right{gap:calc(22 * var(--desktop-pixel,1px))}
  .right-nav{gap:calc(24 * var(--desktop-pixel,1px))}
  .header-actions{gap:calc(16 * var(--desktop-pixel,1px))}
}
@media (width>=1201px) and (width<=1760px){
  .right-nav .header-nav-item:last-child{display:none}
}
@media (width>=1201px) and (width<=1540px){
  .right-nav .header-nav-item:first-child{display:none}
}
.header-nav-media.horizontal-carousel{scroll-snap-type:none;cursor:grab;touch-action:pan-x pan-y}
.header-nav-media.horizontal-carousel.is-dragging{cursor:grabbing;scroll-behavior:auto}
.header-nav-media img{-webkit-user-drag:none}
.customer-form{gap:calc(24 * var(--desktop-pixel,1px));grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}
.customer-form label:not(.site-form-consent){gap:calc(8 * var(--desktop-pixel,1px));font-size:calc(14 * var(--desktop-pixel,1px));flex-direction:column;line-height:1.5;display:flex}
.customer-form input:not([type=checkbox]),.customer-form select,.customer-form textarea{border:calc(1 * var(--desktop-pixel,1px)) solid #bbb;width:100%;min-width:0;padding:calc(12 * var(--desktop-pixel,1px));color:#111;font:inherit;font-size:calc(16 * var(--desktop-pixel,1px));background:#fff;border-radius:0}
.customer-form .customer-consent{flex-direction:row;grid-column:1/-1;align-items:flex-start}
.customer-consent input{flex:0 0 calc(18 * var(--desktop-pixel,1px));width:calc(18 * var(--desktop-pixel,1px));height:calc(18 * var(--desktop-pixel,1px));margin-top:calc(2 * var(--desktop-pixel,1px));accent-color:#ff6429}
.customer-form-wide,.customer-form-status{grid-column:1/-1}
.customer-form .form-trap{left:calc(-10000 * var(--desktop-pixel,1px));width:calc(1 * var(--desktop-pixel,1px));height:calc(1 * var(--desktop-pixel,1px));position:absolute;overflow:hidden}
.customer-form .primary{min-height:calc(48 * var(--desktop-pixel,1px));padding:calc(12 * var(--desktop-pixel,1px)) calc(20 * var(--desktop-pixel,1px));color:#fff;border:calc(1 * var(--desktop-pixel,1px)) solid #ff6429;cursor:pointer;background:#ff6429}
.customer-form .primary:disabled{opacity:.6;cursor:wait}
.customer-form-newsletter{max-width:calc(540 * var(--desktop-pixel,1px));gap:calc(16 * var(--desktop-pixel,1px));grid-template-columns:1fr}
.customer-form .site-floating-field{display:block;position:relative}
.customer-form .site-floating-field>input,.customer-form .site-floating-field>textarea{height:calc(66 * var(--desktop-pixel,1px));padding:calc(28 * var(--desktop-pixel,1px)) 0 calc(8 * var(--desktop-pixel,1px));border:0;border-bottom:calc(1 * var(--desktop-pixel,1px)) solid #d9d9d9;font-size:calc(16 * var(--desktop-pixel,1px));background:0 0;border-radius:0}
.customer-form .site-floating-field>textarea{height:calc(150 * var(--desktop-pixel,1px));resize:vertical}
.customer-form .site-floating-field>input:focus,.customer-form .site-floating-field>textarea:focus{border-bottom-color:var(--orange);outline:none}
.catalog-form-native{height:calc(1 * var(--desktop-pixel,1px));opacity:0;pointer-events:none;position:absolute;width:calc(1 * var(--desktop-pixel,1px))!important;padding:0!important}
.customer-form .catalog-filter-dropdown{align-self:end}
.customer-form .catalog-filter-dropdown .catalog-filter-control{min-height:calc(66 * var(--desktop-pixel,1px));border:0;border-bottom:calc(1 * var(--desktop-pixel,1px)) solid #d9d9d9;color:#111;box-shadow:none;background:0 0}
.customer-form .catalog-filter-dropdown.open .catalog-filter-control,.customer-form .catalog-filter-dropdown:focus-within .catalog-filter-control{border-bottom-color:var(--orange)}
.customer-form .catalog-filter-dropdown .catalog-filter-trigger{width:100%;height:calc(65 * var(--desktop-pixel,1px));min-height:calc(65 * var(--desktop-pixel,1px));padding:calc(20 * var(--desktop-pixel,1px)) 0;justify-content:space-between;gap:calc(16 * var(--desktop-pixel,1px));color:#888;font:inherit;font-size:calc(16 * var(--desktop-pixel,1px));line-height:calc(24 * var(--desktop-pixel,1px));background:0 0}
.customer-form .catalog-filter-dropdown.has-value .catalog-filter-trigger{color:#111}
.customer-form .catalog-filter-trigger .catalog-form-value{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}
.customer-form .catalog-filter-dropdown .catalog-filter-trigger>img{width:calc(10 * var(--desktop-pixel,1px));height:calc(6 * var(--desktop-pixel,1px));margin-right:calc(2 * var(--desktop-pixel,1px));transform:rotate(180deg)}
.customer-form .catalog-filter-dropdown.open .catalog-filter-trigger>img{transform:rotate(0)}
.customer-form .catalog-filter-menu button{font-size:calc(14 * var(--desktop-pixel,1px))}
.subscribe.product-subscribe>div:first-child{display:contents}
.subscribe.product-subscribe h2{font-size:clamp(calc(18 * var(--desktop-pixel,1px)), 1.8vw, calc(28 * var(--desktop-pixel,1px)));grid-column:1/-1;line-height:1.35}
.subscribe.product-subscribe{row-gap:calc(24 * var(--desktop-pixel,1px));align-items:start}
@media (width>=901px){
  .subscribe,.subscribe.product-subscribe{grid-template-columns:minmax(0, 1fr) minmax(calc(240 * var(--desktop-pixel,1px)), 28%);column-gap:clamp(calc(24 * var(--desktop-pixel,1px)), 3vw, calc(48 * var(--desktop-pixel,1px)));align-items:center;height:auto}
  .subscribe>div:first-child,.subscribe.product-subscribe>div:first-child{min-width:0;display:block}
  .subscribe h2,.subscribe.product-subscribe h2{margin-bottom:calc(24 * var(--desktop-pixel,1px));font-size:clamp(calc(14 * var(--desktop-pixel,1px)), 1.45vw, calc(24 * var(--desktop-pixel,1px)));white-space:nowrap;line-height:1.35}
  .subscribe .customer-form-newsletter{width:100%;min-width:0;max-width:none}
}
.customer-form-status:empty{display:none}
.contacts-feedback{margin:calc(64 * var(--desktop-pixel,1px)) 0}
.contacts-feedback h2{margin-bottom:calc(28 * var(--desktop-pixel,1px))}
.contacts-map-section{position:relative}
.contacts-map-fallback{max-width:calc(100% - calc(48 * var(--desktop-pixel,1px)));padding:calc(20 * var(--desktop-pixel,1px));text-align:center;font-size:calc(16 * var(--desktop-pixel,1px));background:#fff;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.contacts-detail-grid h3{font-size:calc(14 * var(--desktop-pixel,1px))}
.categories-exact a{aspect-ratio:1;height:auto}
.contacts-feedback .customer-form{max-width:calc(960 * var(--desktop-pixel,1px))}
.contacts-quick-links{gap:calc(24 * var(--desktop-pixel,1px));margin-bottom:calc(64 * var(--desktop-pixel,1px));grid-template-columns:repeat(3,1fr);display:grid}
.contacts-quick-links a{border:calc(1 * var(--desktop-pixel,1px)) solid #ddd;padding:calc(24 * var(--desktop-pixel,1px));font-size:calc(18 * var(--desktop-pixel,1px))}
.contacts-detail-grid article{min-width:0}
.contacts-detail-grid a{overflow-wrap:anywhere;display:block}
.collection-series-nav{gap:calc(12 * var(--desktop-pixel,1px));padding-top:calc(24 * var(--desktop-pixel,1px));padding-bottom:calc(24 * var(--desktop-pixel,1px));display:flex;overflow-x:auto}
.collection-series-nav a{border:calc(1 * var(--desktop-pixel,1px)) solid #ddd;padding:calc(12 * var(--desktop-pixel,1px)) calc(16 * var(--desktop-pixel,1px));flex:none}
:is(.collection-series-nav,.mega-news-track,.product-recommendation-row,.product-row,.history-grid,.history-row-exact,.news-grid,.visual-collage,.editorial-pair){scrollbar-width:none}
:is(.collection-series-nav,.mega-news-track,.product-recommendation-row,.product-row,.history-grid,.history-row-exact,.news-grid,.visual-collage,.editorial-pair)::-webkit-scrollbar{width:0;height:0;display:none}
.straps-page,.straps-guidance-inner{width:min(calc(1440 * var(--desktop-pixel,1px)), calc(100% - calc(80 * var(--desktop-pixel,1px))));margin-inline:auto}
.straps-page{padding-top:calc(40 * var(--desktop-pixel,1px));padding-bottom:calc(32 * var(--desktop-pixel,1px))}
.straps-layout .content-hero{height:clamp(calc(440 * var(--desktop-pixel,1px)), 35vw, calc(600 * var(--desktop-pixel,1px)))}
.straps-layout .content-hero:before{background-attachment:scroll}
.straps-layout .service-hero-copy{bottom:calc(48 * var(--desktop-pixel,1px));padding-inline:max(calc(40 * var(--desktop-pixel,1px)), calc((100% - calc(1440 * var(--desktop-pixel,1px))) / 2))}
.straps-layout .service-hero-copy h1{width:auto;max-width:calc(950 * var(--desktop-pixel,1px));font-size:clamp(calc(28 * var(--desktop-pixel,1px)), 3.2vw, calc(48 * var(--desktop-pixel,1px)));line-height:1.2}
.straps-layout .service-crumbs{margin-bottom:calc(24 * var(--desktop-pixel,1px))}
.straps-layout .content-hero-description{max-width:calc(760 * var(--desktop-pixel,1px));margin:calc(20 * var(--desktop-pixel,1px)) 0 0;font-size:calc(16 * var(--desktop-pixel,1px));color:#fff;line-height:1.6}
.straps-intro{align-items:start;gap:calc(32 * var(--desktop-pixel,1px));padding:calc(24 * var(--desktop-pixel,1px)) 0;grid-template-columns:1fr 1fr;display:grid}
.straps-eyebrow{margin-bottom:calc(20 * var(--desktop-pixel,1px));color:var(--orange);font-size:calc(12 * var(--desktop-pixel,1px));letter-spacing:.12em;text-transform:uppercase;line-height:1.5;display:block}
.straps-intro h1{margin:0 0 calc(24 * var(--desktop-pixel,1px));font-size:clamp(calc(28 * var(--desktop-pixel,1px)), 3.2vw, calc(48 * var(--desktop-pixel,1px)));text-transform:uppercase;font-weight:500;line-height:1.15}
.straps-intro-copy>p{max-width:calc(560 * var(--desktop-pixel,1px));margin:0 0 calc(20 * var(--desktop-pixel,1px));font-size:calc(16 * var(--desktop-pixel,1px));color:#666;line-height:1.55}
.straps-intro-photo{width:min(100%, calc(400 * var(--desktop-pixel,1px)));padding:calc(20 * var(--desktop-pixel,1px));background:#f7f7f7;justify-self:center;margin:0}
.straps-intro-photo img{aspect-ratio:1.3;object-fit:contain;mix-blend-mode:multiply;width:100%;display:block}
.straps-intro-photo figcaption{margin-top:calc(24 * var(--desktop-pixel,1px));color:#777;font-size:calc(12 * var(--desktop-pixel,1px));text-align:center;line-height:1.5}
.straps-link{align-items:center;gap:calc(20 * var(--desktop-pixel,1px));font-size:calc(13 * var(--desktop-pixel,1px));text-transform:uppercase;line-height:1.4;text-decoration:none;display:inline-flex}
.straps-link .animated-circle-arrow{width:calc(56 * var(--desktop-pixel,1px));height:calc(56 * var(--desktop-pixel,1px));flex:0 0 calc(56 * var(--desktop-pixel,1px));border-width:calc(1 * var(--desktop-pixel,1px))}
.straps-grid .straps-link .animated-circle-arrow{width:calc(40 * var(--desktop-pixel,1px));height:calc(40 * var(--desktop-pixel,1px));flex-basis:calc(40 * var(--desktop-pixel,1px))}
.straps-materials{scroll-margin-top:calc(120 * var(--desktop-pixel,1px))}
.straps-details{gap:calc(28 * var(--desktop-pixel,1px));scroll-margin-top:calc(120 * var(--desktop-pixel,1px));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}
.straps-detail{border:0;min-width:0;padding:0}
.straps-detail:last-child{padding-bottom:0}
.straps-detail-copy>p:last-child{margin-bottom:0}
.straps-layout>.subscribe.product-subscribe{padding-top:calc(32 * var(--desktop-pixel,1px));padding-bottom:calc(32 * var(--desktop-pixel,1px))}
.straps-detail:nth-child(2n) .straps-detail-photo{order:2}
.straps-detail-photo{width:100%;margin-bottom:calc(24 * var(--desktop-pixel,1px));background:#f7f7f7}
.straps-detail-photo img{aspect-ratio:1;object-fit:contain;width:100%;padding:calc(20 * var(--desktop-pixel,1px));mix-blend-mode:multiply;display:block}
.straps-detail h2{margin:0 0 calc(16 * var(--desktop-pixel,1px));font-size:calc(22 * var(--desktop-pixel,1px));text-transform:uppercase;font-weight:500;line-height:1.25}
.straps-detail-copy>p{margin:0 0 calc(12 * var(--desktop-pixel,1px));color:#666;font-size:calc(15 * var(--desktop-pixel,1px));line-height:1.55}
.straps-colors{margin-top:calc(16 * var(--desktop-pixel,1px));font-size:calc(13 * var(--desktop-pixel,1px))}
.straps-colors>div{gap:calc(12 * var(--desktop-pixel,1px));margin-top:calc(10 * var(--desktop-pixel,1px));display:flex}
.straps-colors [role=img]{width:calc(26 * var(--desktop-pixel,1px));height:calc(26 * var(--desktop-pixel,1px));box-shadow:0 0 0 calc(1 * var(--desktop-pixel,1px)) #0001;border-radius:50%;display:block}
@media (width<=1100px){
  .straps-details{gap:calc(32 * var(--desktop-pixel,1px)) calc(24 * var(--desktop-pixel,1px));grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (width<=600px){
  .straps-details{gap:calc(32 * var(--desktop-pixel,1px));grid-template-columns:1fr}
  .straps-layout .content-hero{height:auto;min-height:calc(480 * var(--desktop-pixel,1px));align-items:end;display:flex}
  .straps-layout .service-hero-copy{padding:calc(150 * var(--desktop-pixel,1px)) calc(20 * var(--desktop-pixel,1px)) calc(32 * var(--desktop-pixel,1px));position:relative;bottom:auto}
  .straps-layout .content-hero-description{font-size:calc(14 * var(--desktop-pixel,1px));margin-top:calc(16 * var(--desktop-pixel,1px))}
  .straps-layout .service-crumbs{margin-bottom:calc(20 * var(--desktop-pixel,1px))}
}
.straps-section-heading{justify-content:space-between;align-items:end;gap:calc(40 * var(--desktop-pixel,1px));margin-bottom:calc(36 * var(--desktop-pixel,1px));display:flex}
.straps-section-heading h2{font-size:clamp(calc(24 * var(--desktop-pixel,1px)), 2.3vw, calc(34 * var(--desktop-pixel,1px)));text-transform:uppercase;margin:0;font-weight:500;line-height:1.25}
.straps-section-heading>p{max-width:calc(380 * var(--desktop-pixel,1px));font-size:calc(15 * var(--desktop-pixel,1px));color:#777;margin:0;line-height:1.6}
.straps-grid{gap:calc(24 * var(--desktop-pixel,1px));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}
.straps-grid article{flex-direction:column;min-width:0;display:flex}
.straps-card-photo{background:#f7f7f7;display:block;position:relative;overflow:hidden}
.straps-card-photo img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;padding:calc(24 * var(--desktop-pixel,1px));mix-blend-mode:multiply;transition:transform .3s;display:block}
.straps-card-photo:hover img{transform:scale(1.035)}
.straps-card-number{top:calc(16 * var(--desktop-pixel,1px));left:calc(16 * var(--desktop-pixel,1px));color:#777;font-size:calc(11 * var(--desktop-pixel,1px));position:absolute}
.straps-grid h3{margin:calc(24 * var(--desktop-pixel,1px)) 0 calc(12 * var(--desktop-pixel,1px));font-size:calc(20 * var(--desktop-pixel,1px));text-transform:uppercase;font-weight:500;line-height:1.3}
.straps-grid p{margin:0 0 calc(24 * var(--desktop-pixel,1px));color:#777;font-size:calc(14 * var(--desktop-pixel,1px));line-height:1.65}
.straps-grid .straps-link{padding-top:calc(16 * var(--desktop-pixel,1px));border-top:calc(1 * var(--desktop-pixel,1px)) solid #ddd;font-size:calc(11 * var(--desktop-pixel,1px));justify-content:space-between;gap:calc(8 * var(--desktop-pixel,1px));margin-top:auto}
.straps-photo-note{margin:calc(28 * var(--desktop-pixel,1px)) 0 0;max-width:calc(700 * var(--desktop-pixel,1px));color:#888;font-size:calc(12 * var(--desktop-pixel,1px));line-height:1.6}
.straps-guidance{padding:calc(88 * var(--desktop-pixel,1px)) 0;color:#fff;background:#111}
.straps-guidance .straps-section-heading>p,.straps-steps p{color:#aaa}
.straps-steps{gap:calc(48 * var(--desktop-pixel,1px));margin:calc(48 * var(--desktop-pixel,1px)) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}
.straps-steps>div{border-top:calc(1 * var(--desktop-pixel,1px)) solid #444;padding-top:calc(24 * var(--desktop-pixel,1px))}
.straps-steps>div>span{color:var(--orange);font-size:calc(26 * var(--desktop-pixel,1px))}
.straps-steps h3{margin:calc(20 * var(--desktop-pixel,1px)) 0 calc(12 * var(--desktop-pixel,1px));font-size:calc(18 * var(--desktop-pixel,1px));font-weight:500;line-height:1.4}
.straps-steps p{font-size:calc(14 * var(--desktop-pixel,1px));margin:0;line-height:1.7}
@media (width<=1100px){
  .straps-grid{gap:calc(40 * var(--desktop-pixel,1px)) calc(24 * var(--desktop-pixel,1px));grid-template-columns:repeat(2,minmax(0,1fr))}
  .straps-intro{gap:calc(32 * var(--desktop-pixel,1px))}
}
@media (width<=600px){
  .straps-page,.straps-guidance-inner{width:calc(100% - calc(40 * var(--desktop-pixel,1px)))}
  .straps-page{padding-top:calc(20 * var(--desktop-pixel,1px));padding-bottom:calc(20 * var(--desktop-pixel,1px))}
  .straps-intro{padding:calc(20 * var(--desktop-pixel,1px)) 0 calc(24 * var(--desktop-pixel,1px));gap:calc(16 * var(--desktop-pixel,1px));grid-template-columns:1fr}
  .straps-intro h1{font-size:calc(28 * var(--desktop-pixel,1px))}
  .straps-intro-copy>p{font-size:calc(15 * var(--desktop-pixel,1px));margin-bottom:calc(16 * var(--desktop-pixel,1px))}
  .straps-intro-photo{width:min(100%, calc(280 * var(--desktop-pixel,1px)));padding:calc(16 * var(--desktop-pixel,1px))}
  .straps-section-heading{margin-bottom:calc(24 * var(--desktop-pixel,1px));display:block}
  .straps-section-heading>p{margin-top:calc(20 * var(--desktop-pixel,1px))}
  .straps-grid{gap:calc(36 * var(--desktop-pixel,1px));grid-template-columns:1fr}
  .straps-guidance{padding:calc(48 * var(--desktop-pixel,1px)) 0}
  .straps-steps{gap:calc(28 * var(--desktop-pixel,1px));margin:calc(32 * var(--desktop-pixel,1px)) 0;grid-template-columns:1fr}
  .straps-steps h3{margin-top:calc(12 * var(--desktop-pixel,1px))}
}
@media (prefers-reduced-motion:reduce){
  .straps-card-photo img{transition:none}
}
.archive-grid{gap:calc(40 * var(--desktop-pixel,1px)) calc(24 * var(--desktop-pixel,1px));margin-top:calc(36 * var(--desktop-pixel,1px));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}
.watches-order-gallery img{object-fit:cover;aspect-ratio:1;max-width:none;height:auto;min-height:0;max-height:none}
.product-specification dd{text-align:left}
@media (width<=900px){
  .product-specification{padding-top:calc(70 * var(--desktop-pixel,1px));padding-bottom:calc(70 * var(--desktop-pixel,1px))}
  .subscribe.product-subscribe{gap:calc(28 * var(--desktop-pixel,1px));padding:calc(40 * var(--desktop-pixel,1px)) calc(20 * var(--desktop-pixel,1px));grid-template-columns:minmax(0,1fr)}
  .archive-grid{gap:calc(32 * var(--desktop-pixel,1px)) calc(16 * var(--desktop-pixel,1px));grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-specification dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-languages.mobile-languages{right:calc(64 * var(--desktop-pixel,1px));display:flex;position:absolute;top:50%;transform:translateY(-50%)}
}
@media (width<=600px){
  .product-specification{padding-top:calc(50 * var(--desktop-pixel,1px));padding-bottom:calc(50 * var(--desktop-pixel,1px))}
  .product-feature-grid article>strong{font-size:calc(17 * var(--desktop-pixel,1px))}
  .product-specification dl>div{gap:calc(12 * var(--desktop-pixel,1px));padding:calc(10 * var(--desktop-pixel,1px)) 0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}
  .product-specification dd{margin-top:0}
  .straps-grid,.product-specification dl,.customer-form,.contacts-quick-links{grid-template-columns:1fr}
  .product-viewer{padding:calc(12 * var(--desktop-pixel,1px))}
  .product-viewer-controls{left:calc(12 * var(--desktop-pixel,1px));right:calc(12 * var(--desktop-pixel,1px))}
  .product-viewer-controls button{width:calc(44 * var(--desktop-pixel,1px));height:calc(44 * var(--desktop-pixel,1px))}
  .product-viewer-toolbar{gap:calc(8 * var(--desktop-pixel,1px));font-size:calc(13 * var(--desktop-pixel,1px))}
  .product-story-zoom img{height:auto;max-height:70vh}
}
.contacts-page .contacts-legal{gap:clamp(calc(64 * var(--desktop-pixel,1px)), 5vw, calc(96 * var(--desktop-pixel,1px)));grid-template-columns:max-content minmax(0,1fr)}
.contacts-page .contacts-legal h2{white-space:nowrap;font-size:clamp(calc(26 * var(--desktop-pixel,1px)), 2.5vw, calc(48 * var(--desktop-pixel,1px)));line-height:1.25}
.contacts-page .contacts-legal-grid{column-gap:calc(28 * var(--desktop-pixel,1px));row-gap:calc(28 * var(--desktop-pixel,1px))}
.contacts-page .contacts-legal-grid p{overflow-wrap:anywhere}
@media (width<=1200px){
  .contacts-page .contacts-legal{gap:calc(32 * var(--desktop-pixel,1px));grid-template-columns:1fr}
}
@media (width<=600px){
  .contacts-page .contacts-legal h2{font-size:clamp(calc(20 * var(--desktop-pixel,1px)), 5.5vw, calc(28 * var(--desktop-pixel,1px)))}
}
.contacts-page .contacts-breadcrumbs{margin-bottom:calc(35 * var(--desktop-pixel,1px))}
.contacts-page .contacts-intro h1{margin:0}
.contacts-page .contacts-intro>p{margin:calc(35 * var(--desktop-pixel,1px)) 0 0;white-space:normal}
.contacts-page .contacts-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.contacts-page .contacts-detail-grid article{min-width:0}
.contacts-page .contacts-detail-grid a{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.contacts-map-frame{position:relative}
.contacts-map-touch-control{display:none}
.contacts-socials{gap:calc(12 * var(--desktop-pixel,1px));margin:calc(20 * var(--desktop-pixel,1px)) 0;flex-wrap:wrap;display:flex}
.contacts-detail-grid .contacts-socials a{align-items:center;gap:calc(8 * var(--desktop-pixel,1px));padding:calc(10 * var(--desktop-pixel,1px)) calc(14 * var(--desktop-pixel,1px));border:calc(1 * var(--desktop-pixel,1px)) solid #dedede;border-radius:calc(30 * var(--desktop-pixel,1px));margin:0;text-decoration:none;display:inline-flex}
.contacts-socials img{display:none}
.contacts-socials a:before{content:"";width:calc(22 * var(--desktop-pixel,1px));height:calc(22 * var(--desktop-pixel,1px));flex:0 0 calc(22 * var(--desktop-pixel,1px));-webkit-mask:var(--social-icon) center / contain no-repeat;-webkit-mask:var(--social-icon) center / contain no-repeat;mask:var(--social-icon) center / contain no-repeat;background-color:currentColor;display:block}
.contacts-socials a[href^="https://wa.me/"]{--social-icon:url(social/whatsapp.svg)}
.contacts-socials a[href^="https://vk.com/"]{--social-icon:url(social/vk.svg)}
.contacts-detail-grid .contacts-socials a:hover,.contacts-detail-grid .contacts-socials a:focus-visible{color:var(--orange);border-color:var(--orange)}
.contacts-page .contacts-feedback{padding-top:calc(80 * var(--desktop-pixel,1px));padding-bottom:calc(80 * var(--desktop-pixel,1px));margin:0}
.contacts-page .contacts-feedback .customer-form{max-width:none}
@media (width>=901px){
  .contacts-page .contacts-feedback .customer-form{column-gap:calc(28 * var(--desktop-pixel,1px));row-gap:calc(20 * var(--desktop-pixel,1px));grid-template-columns:repeat(3,minmax(0,1fr))}
  .contacts-feedback .customer-form .customer-form-wide>textarea{height:calc(110 * var(--desktop-pixel,1px));min-height:calc(110 * var(--desktop-pixel,1px));display:block}
  .contacts-feedback .customer-form-wide>.site-floating-label{top:calc(28 * var(--desktop-pixel,1px))}
  .contacts-feedback .customer-form-wide>textarea:focus+.site-floating-label,.contacts-feedback .customer-form-wide>textarea:not(:placeholder-shown)+.site-floating-label{top:calc(8 * var(--desktop-pixel,1px))}
  .contacts-feedback .customer-form .customer-consent{grid-column:1/3;place-self:center end;max-width:100%}
  .contacts-feedback .customer-form>.primary{grid-column:3;justify-self:end;width:100%}
  .contacts-feedback .customer-form-status{text-align:right;margin:0}
  .contacts-feedback .customer-form-status:empty{display:none}
}
.contacts-destinations{gap:var(--layout-gap);padding-bottom:calc(80 * var(--desktop-pixel,1px));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}
.contacts-destinations>a{min-width:0}
.contacts-destinations>a>img{aspect-ratio:1.55;object-fit:cover;width:100%;display:block}
.contacts-destinations>a>span{justify-content:space-between;align-items:center;gap:calc(16 * var(--desktop-pixel,1px));margin-top:calc(20 * var(--desktop-pixel,1px));font-size:clamp(calc(18 * var(--desktop-pixel,1px)), 1.25vw, calc(24 * var(--desktop-pixel,1px)));line-height:1.4;display:flex}
.contacts-destinations .animated-circle-arrow{flex-shrink:0}
.contacts-newsletter-benefits{padding-left:calc(20 * var(--desktop-pixel,1px));margin:calc(24 * var(--desktop-pixel,1px)) 0 0;color:#777;font-size:calc(16 * var(--desktop-pixel,1px));line-height:1.7}
@media (width<=900px){
  .contacts-page .contacts-detail-grid{grid-template-columns:1fr}
  .contacts-page .contacts-detail-grid article:nth-child(n){border-left:0;border-bottom:calc(1 * var(--desktop-pixel,1px)) solid #dedede;padding:calc(24 * var(--desktop-pixel,1px)) 0}
  .contacts-page .contacts-detail-grid article:last-child{border-bottom:0}
  .contacts-page .contacts-feedback{padding-top:calc(50 * var(--desktop-pixel,1px));padding-bottom:calc(50 * var(--desktop-pixel,1px))}
  .contacts-page .customer-form{grid-template-columns:1fr}
  .contacts-destinations{gap:calc(20 * var(--desktop-pixel,1px));padding-bottom:calc(50 * var(--desktop-pixel,1px))}
  .contacts-destinations>a>span{font-size:calc(16 * var(--desktop-pixel,1px));gap:calc(8 * var(--desktop-pixel,1px))}
}
@media (pointer:coarse),(width<=900px){
  .contacts-map-frame:not(.is-interactive) .contacts-map{pointer-events:none}
  .contacts-map-touch-control{z-index:2;bottom:calc(18 * var(--desktop-pixel,1px));left:calc(18 * var(--desktop-pixel,1px));right:calc(18 * var(--desktop-pixel,1px));pointer-events:none;justify-content:center;display:flex;position:absolute}
  .contacts-map-touch-control button{pointer-events:auto;padding:calc(12 * var(--desktop-pixel,1px)) calc(18 * var(--desktop-pixel,1px));min-height:calc(44 * var(--desktop-pixel,1px));border:calc(1 * var(--desktop-pixel,1px)) solid #dedede;border-radius:calc(2 * var(--desktop-pixel,1px));color:#111;font:inherit;font-size:calc(14 * var(--desktop-pixel,1px));box-shadow:0 calc(2 * var(--desktop-pixel,1px)) calc(12 * var(--desktop-pixel,1px)) #0002;background:#fff}
}
@media (width<=600px){
  .contacts-page .contacts-breadcrumbs{margin-bottom:calc(28 * var(--desktop-pixel,1px))}
  .contacts-page .contacts-intro>p{margin-top:calc(24 * var(--desktop-pixel,1px))}
  .contacts-destinations{gap:calc(32 * var(--desktop-pixel,1px));grid-template-columns:1fr}
}

/* «Ключевые главы истории» на /about/ — заголовки глав из сборки макета
   index-C_SBQ9Ad (разметка блока не менялась, поменялись только стили) */
.story-timeline-grid h3{font-size:calc(20 * var(--desktop-pixel,1px));font-weight:500;line-height:1.4}
@media (width<=600px){
  .story-timeline-grid h3{font-size:calc(17 * var(--desktop-pixel,1px))}
}

/* Подсказки поиска в шапке (не из сборки макета — наше правило).
   Результаты — сетка из двух колонок: «Разделы» узкая слева, «Товары»
   справа. Когда по запросу разделов нет, header.js прячет левую колонку,
   и товары вставали в узкую — карточки сжимались в столбик. */
.site-search-results>section[hidden]+.site-search-products{grid-column:1/-1}

/* Сервисный центр: отступ под формой заявки (не из сборки макета — наше правило).
   В макете под формой на узких экранах 70–100px, плюс свои 40–48px сверху
   у блока подписки — на телефоне между кнопкой «Отправить заявку» и подпиской
   получалась пустая полоса почти в полтора экранных отступа. Уменьшаем её,
   нижний вырез телефона (safe-area) по-прежнему учитываем. */
@media (width<=900px){
  .service-center-repair-form{padding-bottom:calc(48 * var(--desktop-pixel,1px))}
}
@media (width<=600px){
  .service-center-repair-form{padding-bottom:calc(40 * var(--desktop-pixel,1px) + env(safe-area-inset-bottom))}
}

/* Сервисный центр: высота блока с кнопкой (не из сборки макета — наше правило).
   В сборке макета правило .service-center-submit{flex-basis:420px} стоит
   ПОСЛЕ медиазапросов, поэтому на узких экранах оно перебивало
   @media (width<=900px){.service-center-submit{flex:none}}. Там колонка,
   и flex-basis задаёт не ширину, а высоту: блок с кнопкой растягивался
   до 420px, под формой оставалась пустая полоса. Возвращаем обычную высоту. */
@media (width<=900px){
  .service-center-submit{flex:none;flex-basis:auto;align-items:flex-start;width:100%}
}


/* ── Корзина: свежая сборка макета (index-DDXj3qKE) ──────────────────────
   Страницу корзины дизайнер перерисовал на новую систему отступов и
   типографики: заголовки без CAPS, ширина контента по общей сетке сайта,
   отступы из шкалы --space-*. Остальные страницы пока на прежней сборке,
   поэтому и токены, и правила ограничены областью корзины (.commerce-page —
   класс <main> этой страницы). Перенесено скриптом scratchpad/cart-port.js:
   взяты правила сборки, где значения отличались от наших. */
.commerce-page{
  --space-3:.75rem;
  --space-4:1rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-16:4rem;
  --space-title:var(--space-4);
  --space-group:var(--space-6);
  --space-subsection:var(--space-8);
  --space-section:var(--space-16);
  --font-site:var(--font-montserrat), Arial, sans-serif;
}
.commerce-page .commerce-breadcrumbs{max-width:calc(1800 * var(--desktop-pixel,1px))}
.commerce-page .cart-page{padding-top:calc(30 * var(--desktop-pixel,1px));padding-bottom:var(--space-section)}
.commerce-page .cart-shell{gap:var(--space-subsection);width:100%;margin:calc(42 * var(--desktop-pixel,1px)) auto 0}
.commerce-page .cart-shell{min-height:calc(590 * var(--desktop-pixel,1px))}
.commerce-page .cart-products>h1{text-transform:none}
.commerce-page .cart-products-heading h1{text-transform:none}
.commerce-page .cart-products>span{margin:calc(18 * var(--desktop-pixel,1px)) 0 calc(30 * var(--desktop-pixel,1px))}
.commerce-page .cart-products-heading{gap:calc(24 * var(--desktop-pixel,1px));margin:0 0 calc(30 * var(--desktop-pixel,1px))}
.commerce-page .cart-products-heading>span{text-transform:none}
.commerce-page .cart-product-image{width:calc(240 * var(--desktop-pixel,1px));height:calc(250 * var(--desktop-pixel,1px));padding:var(--space-subsection) calc(59 * var(--desktop-pixel,1px))}
.commerce-page .cart-price{gap:calc(12 * var(--desktop-pixel,1px))}
.commerce-page .cart-price em{padding:calc(5 * var(--desktop-pixel,1px)) calc(10 * var(--desktop-pixel,1px))}
.commerce-page .quantity{text-transform:none;margin:calc(20 * var(--desktop-pixel,1px)) 0 calc(25 * var(--desktop-pixel,1px))}
.commerce-page .quantity>span{margin-right:calc(8 * var(--desktop-pixel,1px))}
.commerce-page .quantity button{border:calc(1.5 * var(--desktop-pixel,1px)) solid #e6e6e6;width:calc(48 * var(--desktop-pixel,1px));height:calc(48 * var(--desktop-pixel,1px))}
.commerce-page .quantity-value{border:calc(1.5 * var(--desktop-pixel,1px)) solid #e6e6e6;width:calc(48 * var(--desktop-pixel,1px));height:calc(48 * var(--desktop-pixel,1px));background:#fff;place-items:center;display:grid}
.commerce-page .quantity-value{width:calc(60 * var(--desktop-pixel,1px));border-left:0;border-right:0;font-weight:400}
.commerce-page .quantity>button:not(.cart-delete):hover:not(:disabled){color:var(--orange);background:#f1f1f1;border-color:#dedede}
.commerce-page .quantity .cart-delete{width:calc(36 * var(--desktop-pixel,1px));margin-left:calc(8 * var(--desktop-pixel,1px))}
.commerce-page .quantity .cart-delete:before{width:calc(18 * var(--desktop-pixel,1px));height:calc(18 * var(--desktop-pixel,1px));-webkit-mask:url(/assets/cart-figma-delete.svg) 50%/contain no-repeat;mask:url(/assets/cart-figma-delete.svg) 50%/contain no-repeat}
.commerce-page .quantity .cart-delete:hover:not(:disabled):before{background:var(--orange)}
.commerce-page .cart-demo-note{margin:-var(--space-subsection) 0 var(--space-subsection)}
.commerce-page .continue-shopping{margin-top:var(--space-subsection);gap:calc(16 * var(--desktop-pixel,1px))}
.commerce-page .continue-shopping b{font-family:var(--font-site)}
.commerce-page .continue-shopping:hover:not(:disabled) b{color:var(--orange)}
.commerce-page .figma-order-summary{top:calc(105 * var(--desktop-pixel,1px))}
.commerce-page .cart-removal-toast{border:calc(1 * var(--desktop-pixel,1px)) solid #e1e3e6;gap:calc(14 * var(--desktop-pixel,1px)) calc(24 * var(--desktop-pixel,1px));margin:0 0 calc(30 * var(--desktop-pixel,1px));padding:calc(18 * var(--desktop-pixel,1px)) calc(20 * var(--desktop-pixel,1px)) calc(20 * var(--desktop-pixel,1px))}
.commerce-page .cart-removal-toast>div{gap:calc(5 * var(--desktop-pixel,1px))}
.commerce-page .cart-removal-toast>button:hover:not(:disabled){color:#121212}
.commerce-page .cart-removal-timeline{height:calc(2 * var(--desktop-pixel,1px))}
.commerce-page .figma-order-summary h2{text-transform:none;margin:0 0 calc(20 * var(--desktop-pixel,1px))}
.commerce-page .figma-order-summary>p{gap:var(--space-title);text-transform:none}
.commerce-page .figma-order-summary h2{margin-bottom:var(--space-group)}
.commerce-page .figma-order-summary>p{margin:0 0 var(--space-title)}
.commerce-page .figma-order-summary>p.cart-total{margin:var(--space-group) 0 0}
.commerce-page .cart-product-split{height:auto;margin:var(--space-group) 0}
.commerce-page .cart-product-split .product-split-head{grid-template-rows:calc(17 * var(--desktop-pixel,1px)) calc(20 * var(--desktop-pixel,1px))}
.commerce-page .cart-product-split .product-split-head>small{padding:calc(3 * var(--desktop-pixel,1px)) calc(6 * var(--desktop-pixel,1px))}
.commerce-page .figma-order-summary>label>span{border-bottom:calc(1 * var(--desktop-pixel,1px)) solid #222}
.commerce-page .figma-order-summary input:not(.site-checkbox){min-width:0;height:calc(66 * var(--desktop-pixel,1px));border:0;outline:0;flex:1}
.commerce-page .figma-order-summary label button{padding-left:var(--space-title);text-transform:none;white-space:nowrap}
.commerce-page .figma-order-summary label button:after{height:calc(1 * var(--desktop-pixel,1px));bottom:calc(9 * var(--desktop-pixel,1px))}
.commerce-page .figma-order-summary label button:hover:not(:disabled):after{transform:scaleX(1)}
.commerce-page .cart-promo>small{min-height:calc(18 * var(--desktop-pixel,1px));padding-top:calc(6 * var(--desktop-pixel,1px))}
.commerce-page .cart-promo-discount b>small{margin-top:calc(3 * var(--desktop-pixel,1px))}
.commerce-page .cart-checkout-cta{height:calc(48 * var(--desktop-pixel,1px));margin-top:var(--space-title);font-family:var(--font-site);text-transform:none;gap:calc(16 * var(--desktop-pixel,1px));padding:0 calc(24 * var(--desktop-pixel,1px))}
.commerce-page .cart-checkout-cta .product-cart-arrow{flex:0 0 calc(16 * var(--desktop-pixel,1px));width:calc(16 * var(--desktop-pixel,1px));height:calc(10 * var(--desktop-pixel,1px))}
.commerce-page .cart-promo>span:focus-within{box-shadow:0 calc(1 * var(--desktop-pixel,1px)) 0 var(--orange)}
.commerce-page .cart-promo .site-floating-field>input:not(.site-checkbox){height:calc(66 * var(--desktop-pixel,1px));box-shadow:none;padding-top:calc(28 * var(--desktop-pixel,1px));border-bottom:0}
.commerce-page .cart-promo .site-floating-field>input:not(.site-checkbox):focus{height:calc(66 * var(--desktop-pixel,1px));box-shadow:none;padding-top:calc(28 * var(--desktop-pixel,1px));border-bottom:0}
.commerce-page .cart-shell{width:100%;max-width:none}
.commerce-page .cart-promo>span{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}
.commerce-page .figma-order-summary .cart-promo button{min-height:calc(66 * var(--desktop-pixel,1px));padding:0 var(--space-3);justify-content:center;align-items:center;display:flex}
.commerce-page .quantity>button:not(.cart-delete){flex:none;margin:0}
.commerce-page .quantity-value{flex:none;margin:0}
.commerce-page .quantity>button:not(.cart-delete)+.quantity-value{margin-left:calc(-1.5 * var(--desktop-pixel,1px))}
.commerce-page .quantity-value+button:not(.cart-delete){margin-left:calc(-1.5 * var(--desktop-pixel,1px))}
.commerce-page .quantity-value{border-inline:calc(1.5 * var(--desktop-pixel,1px)) solid #e6e6e6;margin-right:0}
.commerce-page .quantity>span.quantity-value{margin-right:0}
.commerce-page .figma-order-summary .cart-promo button:after{display:none}
.commerce-page .figma-order-summary .cart-promo button:hover:not(:disabled){color:#121212}
.commerce-page .figma-order-summary .cart-promo button:focus-visible{color:#121212}
@media (prefers-reduced-motion:no-preference){
  .commerce-page .quantity button{transition:color .18s,background-color .18s,border-color .18s}
  .commerce-page .quantity-value{transition:color .18s,background-color .18s,border-color .18s}
  .commerce-page .continue-shopping b{transition:color .3s}
  .commerce-page .cart-removal-timeline span{animation:5s linear forwards cart-removal-countdown}
  .commerce-page .figma-order-summary label button:after{transition:transform .25s}
  .commerce-page .cart-promo>span{transition:border-color .22s,box-shadow .22s}
}
@media (width<=900px){
  .commerce-page .cart-shell{gap:var(--space-subsection);grid-template-columns:1fr}
  .commerce-page .figma-order-summary{max-width:calc(520 * var(--desktop-pixel,1px))}
  .commerce-page .cart-shell{gap:var(--space-subsection)}
}
@media (width<=600px){
  .commerce-page .cart-page{padding-top:calc(18 * var(--desktop-pixel,1px));padding-bottom:var(--space-section)}
  .commerce-page .cart-shell{margin-top:calc(30 * var(--desktop-pixel,1px))}
  .commerce-page .cart-products-heading{gap:calc(12 * var(--desktop-pixel,1px));margin-bottom:calc(24 * var(--desktop-pixel,1px))}
  .commerce-page .cart-removal-toast{gap:calc(12 * var(--desktop-pixel,1px)) calc(16 * var(--desktop-pixel,1px));margin-bottom:calc(24 * var(--desktop-pixel,1px));padding:calc(14 * var(--desktop-pixel,1px)) calc(15 * var(--desktop-pixel,1px)) calc(16 * var(--desktop-pixel,1px))}
  .commerce-page .cart-product-image{width:calc(110 * var(--desktop-pixel,1px));height:calc(150 * var(--desktop-pixel,1px));padding:calc(14 * var(--desktop-pixel,1px))}
  .commerce-page .quantity>span:not(.quantity-value){width:100%;margin:0 0 calc(8 * var(--desktop-pixel,1px))}
  .commerce-page .quantity button{width:calc(44 * var(--desktop-pixel,1px));height:calc(42 * var(--desktop-pixel,1px))}
  .commerce-page .quantity-value{width:calc(44 * var(--desktop-pixel,1px));height:calc(42 * var(--desktop-pixel,1px))}
  .commerce-page .quantity .cart-delete{width:calc(34 * var(--desktop-pixel,1px));margin-left:calc(6 * var(--desktop-pixel,1px))}
  .commerce-page .continue-shopping .circle-arrow-ui{flex-basis:calc(64 * var(--desktop-pixel,1px));width:calc(64 * var(--desktop-pixel,1px));height:calc(64 * var(--desktop-pixel,1px))}
}
@media (width>=1101px){
  .commerce-page .figma-order-summary{transition:top .26s var(--icon-transition-easing)}
  body:has(.site-header.is-hidden) .commerce-page .figma-order-summary{top:calc(30 * var(--desktop-pixel,1px))}
}
/* хвост переноса: правила, которые в сборке стоят в группах, пропущенных скриптом */
@media (width<=900px){
  .commerce-page .cart-shell{grid-template-columns:minmax(0,1fr)}
}
/* ── конец переноса корзины ───────────────────────────────────────────── */

/* Ошибка под полем в формах .customer-form (не из сборки макета — наше правило).
   Общее правило .site-field-error ставит сообщение абсолютом под полем
   (top: 100% + 5px). В форме подписки поле и кнопка стоят друг под другом
   с зазором 16px, и сообщение «Введите электронную почту» ложилось на кнопку
   «Подписаться». Здесь сообщение занимает место в потоке: кнопка сдвигается
   вниз, наложения нет. В макете тот же дефект. */
.customer-form .site-field-error{position:static;margin-top:calc(5 * var(--desktop-pixel,1px))}

/* ── Согласия в формах: свежая сборка макета (index-Cve-5hub) ────────────
   Дизайнер заменил одну галочку под кнопкой на блок из трёх обязательных
   согласий (.site-form-consents / .site-form-consent) и вынес кнопку с ними
   в общий блок .site-form-actions. Разметку печатает
   redesign/consents.inc.php, тексты лежат в словарях шаблона сайта.

   Правила взяты из сборки ЦЕЛИКОМ и в её порядке, вместе с префиксом
   html[data-desktop-layout="3"] — страницу макет отдаёт в этом варианте
   раскладки, и тот же атрибут теперь стоит у нас на <html> (header.php).
   Так сделано не для красоты: .site-form-actions{display:flex} и
   .service-center-submit{display:contents} равны по точности, и в сборке
   побеждает второе — потому что стоит ниже. Стоит снять префикс или
   переставить правила местами, как блок с кнопкой остаётся flex,
   а согласия сервис-центра разъезжаются не так, как в макете.

   Собирает перенос scratchpad/consents-port.js.
   ───────────────────────────────────────────────────────────────────── */

/* Шкала отступов свежей сборки. Раньше она нужна была только корзине
   и лежала на .commerce-page; согласия стоят на всех страницах, поэтому
   те же токены объявлены глобально. Прежние правила сайта их не
   используют (в redesign.css нет ни одного var(--space-…)), так что
   объявление ничего не меняет за пределами новых правил. */
:root{
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-10:2.5rem;
  --space-16:4rem;
  --space-title:var(--space-4);
  --space-paragraph:var(--space-4);
  --space-group:var(--space-6);
  --space-card:var(--space-6);
  --space-subsection:var(--space-8);
  --space-section:var(--space-16);
  --form-submit-height:calc(58 * var(--desktop-pixel,1px));
}
@media (width<=900px){
  /* на узком экране шкала в сборке становится плотнее */
  :root{
    --space-title:var(--space-3);
    --space-group:var(--space-4);
    --space-card:var(--space-4);
    --space-subsection:var(--space-6);
    --space-section:var(--space-10);
  }
}

.service-center-form-bottom{justify-content:space-between;align-items:center;gap:var(--space-subsection);margin-top:calc(30 * var(--desktop-pixel,1px));display:flex}
.service-center-form-benefits{align-items:center;gap:var(--space-subsection);display:flex}
.service-center-form-benefits p{align-items:center;gap:var(--benefit-gap,calc(15 * var(--desktop-pixel,1px)));color:#000;margin:0;display:flex}
.service-center-form-benefits img{width:var(--benefit-icon-size,calc(53 * var(--desktop-pixel,1px)));height:var(--benefit-icon-size,calc(53 * var(--desktop-pixel,1px)));flex:none}
.service-center-submit{flex:0 1 var(--repair-submit-basis,calc(519 * var(--desktop-pixel,1px)));align-items:flex-end;gap:calc(15 * var(--desktop-pixel,1px));flex-direction:column;display:flex}
.service-center-submit button{color:#fff;text-transform:uppercase;cursor:pointer;width:calc(323 * var(--desktop-pixel,1px));height:calc(65 * var(--desktop-pixel,1px));padding:calc(16 * var(--desktop-pixel,1px)) calc(30 * var(--desktop-pixel,1px));background:#ff662c;border:0;font-family:inherit}
@media (prefers-reduced-motion:no-preference){
  .service-center-submit button{transition:background-color .25s}
}
.service-center-submit button:hover:not(:disabled){background:#121212}
@media (width<=1200px){
  .service-center-form-bottom{align-items:flex-start}
  .service-center-form-benefits{gap:calc(24 * var(--desktop-pixel,1px)) var(--space-subsection);flex-wrap:wrap}
}
@media (width<=900px){
  .service-center-form-bottom{flex-direction:column}
  .service-center-form-benefits{width:100%}
  .service-center-submit{flex:none;align-items:flex-start;width:100%}
}
@media (width<=600px){
  .service-center-form-benefits{flex-direction:column;align-items:flex-start}
  .service-center-submit button{width:100%}
}
.auth-figma form{justify-content:space-between;align-items:flex-end;gap:var(--space-title) var(--space-section);flex-wrap:wrap;width:100%;display:flex}
.auth-figma label:not(.site-form-consent){color:#121212;text-transform:uppercase;gap:calc(10 * var(--desktop-pixel,1px));flex-direction:column;width:100%;display:flex}
.profile-edit>div:not(.site-form-consents){gap:calc(16 * var(--desktop-pixel,1px));display:flex}
@media (width<=600px){
  .auth-figma form{align-items:flex-start;gap:var(--space-subsection);flex-direction:column;width:100%;max-width:100%}
}
.service-center-form-bottom{align-items:flex-start}
@media (width<=600px){
  .service-center-form-bottom{gap:calc(30 * var(--desktop-pixel,1px))}
}
.customer-form label:not(.site-form-consent){gap:calc(8 * var(--desktop-pixel,1px));flex-direction:column;display:flex}
.customer-form-actions{grid-column:1/-1;justify-self:stretch;width:100%;min-width:0}
html[data-desktop-layout="3"] .site-form-actions{gap:calc(12 * var(--desktop-pixel,1px));flex-direction:column;align-items:stretch;width:100%;display:flex}
html[data-desktop-layout="3"] .site-form-submit{width:100%;max-width:none;min-height:var(--form-submit-height);height:var(--form-submit-height);padding:0 calc(24 * var(--desktop-pixel,1px));border:calc(1 * var(--desktop-pixel,1px)) solid var(--orange);color:#fff;background:var(--orange);text-align:center;text-transform:uppercase;cursor:pointer;justify-content:center;justify-self:stretch;align-items:center;display:flex}
html[data-desktop-layout="3"] .site-form-submit:hover:not(:disabled){background:#121212;border-color:#121212}
.site-form-consents{gap:var(--space-paragraph);width:100%;min-width:0;flex-direction:column;grid-column:1/-1;margin-block-start:var(--space-title);display:flex}
.site-form-actions .site-form-consents,.auth-figma form>.site-form-consents,.profile-edit>.site-form-consents{margin-block-start:0}
.site-form-consent{grid-template-columns:calc(18 * var(--desktop-pixel,1px)) minmax(0, 1fr);gap:calc(10 * var(--desktop-pixel,1px));color:#777;text-align:left;align-items:start;width:100%;margin:0;display:grid}
.site-form-consent span{white-space:normal;min-width:0}
.site-form-consent a{text-decoration:underline}
.site-form-consent .site-checkbox,.site-form-consent input[type=checkbox]{margin:calc(1 * var(--desktop-pixel,1px)) 0 0}
html[data-desktop-layout="3"] .service-center-form-bottom{margin-top:var(--space-subsection);padding-top:var(--space-group);gap:var(--space-subsection);border-top:0;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;display:grid}
html[data-desktop-layout="3"] .service-center-form-benefits{gap:var(--space-group);grid-area:1/1/auto/span 3;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}
html[data-desktop-layout="3"] .service-center-form-benefits p{align-items:flex-start}
html[data-desktop-layout="3"] .service-center-form-benefits img{width:calc(30 * var(--desktop-pixel,1px));height:calc(30 * var(--desktop-pixel,1px))}
html[data-desktop-layout="3"] .service-center-submit{flex:none;width:100%;max-width:none;display:contents}
html[data-desktop-layout="3"] .service-center-submit>.site-form-consents{gap:var(--space-group);grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}
html[data-desktop-layout="3"] .service-center-submit>.site-form-submit{height:auto;padding:var(--space-2) var(--space-card);overflow-wrap:anywhere;grid-area:1/4}
html[data-desktop-layout="3"] .service-center-submit .site-form-consent span{overflow-wrap:anywhere}
@media (width<=1200px){
  html[data-desktop-layout="3"] .service-center-form-bottom{grid-template-columns:minmax(0,1fr)}
  html[data-desktop-layout="3"] .service-center-form-benefits{grid-area:2/1}
  html[data-desktop-layout="3"] .service-center-submit{gap:var(--space-group);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}
  html[data-desktop-layout="3"] .service-center-submit>.site-form-submit{grid-column:1}
  html[data-desktop-layout="3"] .service-center-submit>.site-form-consents{grid-area:2/1;grid-template-columns:minmax(0,1fr)}
}
@media (width<=600px){
  html[data-desktop-layout="3"] .service-center-form-benefits{gap:calc(18 * var(--desktop-pixel,1px));grid-template-columns:minmax(0,1fr)}
  html[data-desktop-layout="3"] .service-center-form-benefits br{display:initial}
}
/* ── конец переноса согласий ──────────────────────────────────────── */

/* Ниже — наши правила, их в сборке макета нет.

   1. Размер подписи. В макете его даёт атрибут data-type="caption"
      (14px / 1.45 / 400) — атрибутов типографики у нас в разметке нет,
      поэтому размер задан прямо на согласии.

   2. Прежняя сборка оформляет колонкой ВСЕ label формы: .auth-figma label
      и .customer-form label. В свежей у этих правил появилось
      :not(.site-form-consent), но правило для формы входа лежит
      в redesign.css — файл сборки мы не правим, поэтому возвращаем
      согласию сетку своим правилом с большей точностью. Для .customer-form
      правило наше, в design-additions, — там :not дописан на месте. */
.site-form-consent{font-size:calc(14 * var(--desktop-pixel,1px));font-weight:400;line-height:1.45}
.auth-figma .site-form-consent{grid-template-columns:calc(18 * var(--desktop-pixel,1px)) minmax(0, 1fr);gap:calc(10 * var(--desktop-pixel,1px));width:100%;color:#777;text-transform:none;flex-direction:row;display:grid}

/* Сообщение проверки у согласия (не из сборки макета — наше правило).
   js/forms.js кладёт .site-field-error внутрь <label>, а согласие — сетка
   из двух колонок: галочка и подпись. Без этого правила «Подтвердите
   согласие» попадало бы в колонку шириной 18px. */
.site-form-consent .site-field-error{grid-column:1/-1;position:static;margin-top:calc(4 * var(--desktop-pixel,1px))}

/* Подпись под пустым избранным у гостя (не из сборки макета — наше правило).
   В макете избранное было только для вошедших, поэтому строки «список
   сохранён в этом браузере» там нет. Набор — как у обычного текста блока,
   только мельче и без нижнего отступа, чтобы не спорить с кнопкой выше. */
.favourite-empty .favourite-guest-note{margin:calc(26 * var(--desktop-pixel,1px)) 0 calc(14 * var(--desktop-pixel,1px));font-size:calc(14 * var(--desktop-pixel,1px));line-height:1.5;color:#999}
