/* The approved home search and Catalog button are shared by every full header. */
.site-header .header-main > .catalog-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 0;
  border-radius: 8px;
  background: #0967ff;
  color: #fff;
  padding: 11px 14px;
  height: 40px;
  box-sizing: border-box;
  font: 700 16px/normal Inter, Arial, sans-serif;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.site-header .header-main > .catalog-btn .header-svg-menu {
  display: block;
  width: 17px;
  height: 17px;
  max-width: 17px;
  max-height: 17px;
  flex: 0 0 17px;
  filter: brightness(0) invert(1);
}
.site-header .header-main > .search {
  flex: 1 1 0%;
  min-width: 0;
  height: 40px;
  align-items: center;
  gap: 0;
  border: 1px solid #d8dde5;
  border-radius: 9px;
  background: #fff;
  padding: 0 11px;
  color: #999;
  white-space: nowrap;
  box-sizing: border-box;
  font: 400 16px/normal Inter, Arial, sans-serif;
}
.site-header .header-main > .search .search-svg {
  display: block;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
}
.site-header .header-main > .search input[type="search"] {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  padding: 0 0 0 7px;
  font: 400 16px/normal Inter, Arial, sans-serif;
}
.site-header .header-main > .search:focus-within {
  border-color: var(--blue, #0967ff);
  box-shadow: 0 0 0 3px rgba(9, 103, 255, .10);
}
.site-header .mobile-search { display: none; }
@media (min-width: 851px) {
  .site-header .header-main > .search { display: flex; }
}
@media (max-width: 760px) {
  .site-header .header-main { height: 70px; gap: 16px; }
  .site-header .brand img { width: 120px; height: auto; }
  .site-header .header-main > .catalog-btn { display: inline-flex; }
  .site-header .header-main > .search { display: none; }
  .site-header .mobile-search {
    display: block;
    width: min(calc(100% - 24px), 560px);
    margin-inline: auto;
    padding-bottom: 8px;
  }
  .site-header .mobile-search .search {
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%;
    height: 38px;
    border: 1px solid #d8dde5;
    border-radius: 9px;
    background: #fff;
    padding: 0 11px;
    color: #999;
    box-sizing: border-box;
  }
  .site-header .mobile-search .search-svg { display: block; width: 17px; height: 17px; flex: 0 0 17px; }
  .site-header .mobile-search input[type="search"] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    padding: 0 0 0 7px;
    font: 400 16px/normal Inter, Arial, sans-serif;
  }
}

@media (max-width: 350px) {
  .site-header .header-main { gap: 8px; }
  .site-header .header-main > .catalog-btn { padding-inline: 10px; }
}

/* Keep mobile utility counters anchored to their own controls. */
.cp-mobile-global__utility > a,.cp-mobile-global__utility > button{position:relative}

/* MASTER FOOTER v1.0 — Царские Перины */
.cp-footer{background:#0e315a;color:#fff;margin-top:36px;padding:44px 0 0;font-family:Inter,Arial,sans-serif}
.cp-footer *{box-sizing:border-box}
.cp-footer .cp-footer-container{width:min(1240px,calc(100% - 40px));margin:0 auto}
.cp-footer .cp-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1.35fr;gap:42px;align-items:start}
.cp-footer .cp-footer-brand img{width:130px;display:block;filter:brightness(0) invert(1)}
.cp-footer .cp-footer-brand p,.cp-footer .cp-footer-contact span{color:#b8c7d8;font-size:12px;line-height:1.5;margin:14px 0 0}
.cp-footer h4{margin:0 0 14px;font-size:14px;color:#fff}
.cp-footer a{display:block;color:#d6e0ea;font-size:12px;line-height:1.35;margin:9px 0;text-decoration:none}
.cp-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.cp-footer .cp-footer-contact>a:first-child{font-size:16px;font-weight:800;color:#fff;margin-top:0}
.cp-footer .cp-footer-contact .cp-footer-email{margin-top:12px}
.cp-footer .cp-footer-contact .cp-footer-all{color:#fff;font-weight:700;margin-top:14px}
.cp-footer .cp-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding:20px 0;display:flex;gap:24px;align-items:center;justify-content:space-between}
.cp-footer .cp-footer-copy{color:#b8c7d8;font-size:12px;white-space:nowrap}
.cp-footer .cp-footer-legal{display:flex;gap:20px 24px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.cp-footer .cp-footer-legal a{margin:0;color:#d6e0ea;font-size:11px}
@media(max-width:1100px){
  .cp-footer .cp-footer-grid{grid-template-columns:1.25fr repeat(2,1fr);gap:32px}
  .cp-footer .cp-footer-company{display:none}
  .cp-footer .cp-footer-contact{grid-column:auto}
}
@media(max-width:760px){
  .cp-footer{padding-top:28px;margin-top:28px}
  .cp-footer .cp-footer-container{width:min(100% - 24px,560px)}
  .cp-footer .cp-footer-grid{grid-template-columns:1fr 1fr;gap:28px 14px}
  .cp-footer .cp-footer-brand{grid-column:1/-1}
  .cp-footer .cp-footer-company{display:block}
  .cp-footer .cp-footer-contact{grid-column:1/-1;padding-top:4px}
  .cp-footer .cp-footer-bottom{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 0}
  .cp-footer .cp-footer-copy{white-space:normal}
  .cp-footer .cp-footer-legal{justify-content:flex-start;gap:10px 16px}
}

.cp-footer-disabled{display:block;color:inherit;opacity:.72;cursor:default;text-decoration:none;}

.cp-has-card-gallery{position:relative}
.cp-has-card-gallery .cp-card-gallery-media{touch-action:pan-y pinch-zoom}
.cp-has-card-gallery .cp-card-gallery-media img{user-select:none;-webkit-user-drag:none}
.cp-card-gallery-controls{position:absolute;top:0;left:0;width:100%;aspect-ratio:1;pointer-events:none;z-index:2}
.cp-card-gallery-controls button{pointer-events:auto;box-sizing:border-box;cursor:pointer;margin:0;padding:0;font:inherit;color:#173e65;line-height:1}
.cp-card-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;min-height:0;border:1px solid rgba(25,53,83,.12);border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 2px 7px #173e6520}
.cp-card-gallery-prev{left:8px}.cp-card-gallery-next{right:8px}
.cp-card-gallery-arrow svg{display:block;pointer-events:none}
.cp-card-gallery-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;max-width:calc(100% - 16px);padding:0 5px;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 1px 5px #173e6514}
.cp-card-gallery-dot{display:grid;place-items:center;flex:0 1 18px;width:18px;height:24px;min-height:0;border:0;background:transparent;border-radius:12px}
.cp-card-gallery-dot span{width:5px;height:5px;border-radius:50%;background:#8291a4;pointer-events:none}
.cp-card-gallery-dot[aria-pressed=true] span{width:7px;height:7px;background:#1677ff}
.cp-card-gallery-controls button:focus-visible{outline:2px solid #1677ff;outline-offset:2px}
.cp-card-gallery-controls button:hover{color:#1677ff}
.cp-card-gallery-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:480px){.cp-card-gallery-arrow{width:30px;height:30px}.cp-card-gallery-prev{left:6px}.cp-card-gallery-next{right:6px}}

/*
Theme Name: Carskie Periny
Theme URI: https://matras-perina.ru/
Description: Тема интернет-магазина «Царские Перины»: каталог матрасов, топперов и товаров для сна.
Version: 0.1.0
Text Domain: carskie-periny
*/
/* Approved visual correction package, 2026-10-05. */
.cp-quick-seo-list{margin:0}
.cp-quick-seo-list a,.quick-pick-list .cp-quick-seo-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;font-weight:700}
.quick-pick .quick-pick-group:first-of-type{margin-top:0}

.single-product .product-layout{min-width:0}
.single-product .product-layout>aside{min-width:0;align-self:start}
@media(min-width:1181px){.single-product .product-layout>aside{position:sticky;top:24px;z-index:2}.admin-bar.single-product .product-layout>aside{top:56px}}
@media(max-width:1180px){.single-product .product-layout>aside{position:static;top:auto}}
.single-product .buy-panel,.admin-bar.single-product .buy-panel{position:static;top:auto;max-width:100%;z-index:auto}


@media(max-width:760px){.home .hero-slider.delivery-active{height:540px!important}.home .hero-delivery-overlay{max-height:calc(100% - 28px)!important;overflow:auto}}
@media(max-width:374px){.home .hero-slider.delivery-active{height:540px!important}}
.cp-mobile-global__item,.cp-mobile-global__plain{font-weight:500!important}
.cp-mobile-global__item b,.cp-mobile-global__item strong,.cp-mobile-global__plain b,.cp-mobile-global__plain strong{font-weight:inherit}
.cp-footer{font-size:13px;line-height:1.5}
.cp-footer h4{font-size:14px;font-weight:700;line-height:1.35}
.cp-footer a,.cp-footer p,.cp-footer span{font-size:13px;line-height:1.5}
.cp-footer-legal a{font-size:12px}
.catalog-page .card-body h2,.catalog-page .card-body h2 a{font-size:16px;line-height:1.35}
.catalog-page .card-body p,.catalog-page .catalog-rating,.catalog-page .price-size-note,.catalog-page .card-link,.agat-card .card-body p,.agat-card .card-body small{font-size:13px!important;line-height:1.45}
.catalog-page .chip,.agat-card .chip{font-size:11px}
@media(max-width:760px){.catalog-page .card-body h2,.catalog-page .card-body h2 a{font-size:16px}.catalog-page .card-body p,.catalog-page .catalog-rating,.catalog-page .price-size-note,.catalog-page .card-link,.agat-card .card-body p,.agat-card .card-body small{font-size:13px!important}.catalog-page .chip,.agat-card .chip{font-size:12px}.cp-footer a,.cp-footer p,.cp-footer span{font-size:13px}}
.cp-back-to-top,.up-fab{position:fixed;right:18px;bottom:22px;z-index:45;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:10px;background:#0967ff;color:#fff;box-shadow:0 6px 20px rgba(11,67,145,.24);line-height:1;cursor:pointer}
.cp-back-to-top{display:none;font-size:24px}
.cp-back-to-top.is-visible{display:flex}
.up-fab{display:flex;font-size:0}
.up-fab::before{content:"↑";font-size:24px;line-height:1}
.contact-fab-wrap{right:18px}
@media(max-width:760px){.up-fab{right:12px;bottom:12px}.contact-fab-wrap{right:12px}}
@media(max-width:680px){.single-product .cp-back-to-top{bottom:84px;right:12px}}

.cp-quick-seo-list a{padding:9px 14px;border:1px solid #d9e3f2;border-radius:999px;background:#fff;color:#2b3440}
.cp-quick-seo-list a:hover,.cp-quick-seo-list a:focus-visible{border-color:#0967ff;background:#f3f8ff;color:#0967ff}
button:not(:disabled):not([aria-disabled="true"]),a[href],summary,[role="button"]:not([aria-disabled="true"]){cursor:pointer!important}
button:disabled,[aria-disabled="true"]{cursor:not-allowed!important}

.cp-mobile-global__city{display:inline-flex;align-items:center;gap:6px;line-height:1.25}
.cp-mobile-global__city-chevron{display:block;width:8px;height:8px;flex:0 0 8px;margin:-4px 0 0 2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);font-size:0;line-height:0}

@media(min-width:1001px) and (max-width:1180px){.single-product .product-layout{grid-template-columns:minmax(280px,.95fr) minmax(0,1fr) 240px;gap:18px}.single-product .p-info{min-width:0}.single-product .product-layout>aside{width:100%}}

/* Keep all mattress quick choices visible and aligned on phones. */
@media(max-width:600px){
.quick-pick .cp-quick-seo-list{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.quick-pick .cp-quick-seo-list a{display:flex;width:100%;min-width:0;min-height:42px;padding:11px 16px;align-items:center;justify-content:center;text-align:center;line-height:1.3;overflow-wrap:break-word}
.quick-pick .quick-pick-list[aria-label="Быстрый выбор по назначению"]>:last-child:nth-child(2n+1){grid-column:1/-1;justify-self:center;width:calc((100% - 8px)/2);text-align:center}
.quick-pick .quick-size-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding:0;white-space:normal}
.quick-pick .quick-size-btn{width:100%;min-width:0;min-height:36px;padding:8px 4px;text-align:center;white-space:nowrap}
.quick-pick .quick-size-btn:last-child:nth-child(3n+1){grid-column:2}
}

/* Equal compact mobile hero frames; no gap between photo and card. */
@media(max-width:760px){
.home .hero-slider,.home .hero-slider.delivery-active{height:500px!important;aspect-ratio:auto}
.home .hero-slide:not(.hero-delivery-slide){display:flex;flex-direction:column}
.home .hero-slide:not(.hero-delivery-slide)>img{display:block;width:100%;height:0!important;min-height:0;flex:1 1 0;object-fit:cover}
.home .hero-slide:not(.hero-delivery-slide)>.hero-overlay{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:calc(100% - 24px);margin:8px 12px 28px;padding:12px 14px;flex:0 0 auto}
.home .hero-slide:not(.hero-delivery-slide)>.hero-overlay h1,.home .hero-slide:not(.hero-delivery-slide)>.hero-overlay h2{margin-bottom:9px}
.home .hero-slide:not(.hero-delivery-slide)>.hero-overlay p{margin-bottom:9px}
.home .hero-slide:not(.hero-delivery-slide) .hero-buttons{margin-top:10px}
.home .hero-slide:not(.hero-delivery-slide)>.hero-overlay small{margin-top:8px}
.home .hero-slider>.dots,.home .hero-slider.delivery-active>.dots{top:auto;bottom:8px!important;z-index:7}
.home .hero-slider:not(.delivery-active)>.arrow{top:116px;bottom:auto}
}
@media(max-width:374px){
.home .hero-slider,.home .hero-slider.delivery-active{height:520px!important}
.home .hero-slider:not(.delivery-active)>.arrow{top:105px}
}

/* Center the mobile menu close icon. */
.cp-mobile-global__close{position:relative;font-size:0!important;line-height:0!important}
.cp-mobile-global__close::before,.cp-mobile-global__close::after{content:"";position:absolute;top:50%;left:50%;width:19px;height:2px;margin:-1px 0 0 -9.5px;border-radius:2px;background:currentColor}
.cp-mobile-global__close::before{transform:rotate(45deg)}
.cp-mobile-global__close::after{transform:rotate(-45deg)}
/* Stretch the existing product image link across free card space. */
.catalog-page .card[data-product-key]{position:relative;cursor:pointer}
.catalog-page .card[data-product-key] .card-media::after{content:"";position:absolute;inset:0;z-index:1}
.catalog-page .card[data-product-key] .cp-card-pref-actions{z-index:4}
/* Keep product-section links available while scrolling. */
.single-product .tabs,.admin-bar.single-product .tabs{position:sticky!important;top:0!important;z-index:25!important;background:#fff;box-shadow:0 2px 8px rgba(19,43,73,.06)}
.single-product .tabs.is-pinned{position:fixed!important;left:0!important;right:0!important;width:auto!important;margin-left:0!important}
.single-product .content-block[id]{scroll-margin-top:84px}
.admin-bar.single-product .tabs{top:32px!important}
.admin-bar.single-product .content-block[id]{scroll-margin-top:116px}
@media(max-width:782px){.admin-bar.single-product .tabs{top:46px!important}.admin-bar.single-product .content-block[id]{scroll-margin-top:130px}}
/* Keep the mobile purchase bar on the browser viewport edge. */
@media(max-width:680px){.single-product .size-mobile-buy{bottom:0!important}}

/* Cache-safe centered gallery icon for all product pages. */
.single-product .gallery-main::after{content:"";display:block;background-color:rgba(255,255,255,.92);background-image:url("https://preview.matras-perina.ru/wp-content/themes/carskie-periny/baseline/assets/icon-search.svg");background-position:center;background-size:18px 18px;background-repeat:no-repeat;font-size:0}
@media(max-width:760px){.single-product .gallery-main::after{background-size:17px 17px}}

/* Mobile delivery slide: content below photo, aligned carousel arrows. */
@media(max-width:760px){
.home .hero-delivery-slide{display:flex!important;flex-direction:column}
.home .hero-delivery-slide>img{position:relative!important;display:block!important;width:100%!important;height:0!important;min-height:0!important;flex:1 1 0!important;object-fit:cover!important;object-position:center 50%!important}
.home .hero-delivery-slide::before{display:none!important}
.home .hero-delivery-overlay{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:calc(100% - 24px)!important;max-height:none!important;margin:8px 12px 28px!important;padding:10px 12px!important;flex:0 0 auto!important;background:#fff!important;border:1px solid #e0e8f2!important;border-radius:14px!important;box-shadow:0 4px 16px rgba(20,35,55,.06)!important;backdrop-filter:none!important;overflow:visible!important}
.home .hero-delivery-overlay h2{font-size:21px!important;line-height:1.1!important;margin-bottom:4px!important}
.home .hero-delivery-overlay .delivery-lead{max-width:none!important;font-size:11px!important;line-height:1.3!important;margin-bottom:7px!important}
.home .delivery-highlights{max-width:none!important;gap:6px!important;margin-bottom:6px!important}
.home .delivery-highlight{padding:5px!important}
.home .delivery-highlight>img{width:20px!important;height:20px!important}
.home .delivery-cities{max-width:none!important;padding:6px 0!important}
.home .delivery-cities>strong{margin-bottom:5px!important}
.home .delivery-city-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px 5px!important}
.home .delivery-city-grid span{font-size:10px!important;line-height:1.18!important;padding-left:9px!important;overflow-wrap:anywhere}
.home .delivery-more{margin-top:6px!important}
.home .hero-slider>.arrow,.home .hero-slider.delivery-active>.arrow,.home .hero-slider:not(.delivery-active)>.arrow{top:112px!important;bottom:auto!important;display:grid!important;place-items:center!important;font-size:0!important;line-height:0!important}
.home .hero-slider>.arrow::before{content:"";display:block;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor}
.home .hero-slider>.arrow.left::before{transform:rotate(135deg);margin-left:4px}
.home .hero-slider>.arrow.right::before{transform:rotate(-45deg);margin-left:-4px}
}
@media(max-width:374px){
.home .hero-slider>.arrow,.home .hero-slider.delivery-active>.arrow,.home .hero-slider:not(.delivery-active)>.arrow{top:102px!important}
.home .hero-delivery-overlay{padding:9px 10px!important}
.home .delivery-city-grid span{font-size:9.5px!important}
}

/* Align home product buttons despite one- and two-line titles. */
.home #products .product-card{display:flex;flex-direction:column}
.home #products .product-card .product-body{display:flex;flex:1 1 auto;flex-direction:column}
.home #products .product-card .btn.primary.wide{margin-top:auto}

.city-page .city-products .product-card{display:flex;flex-direction:column}
.city-page .city-products .product-card .product-body{display:flex;flex:1 1 auto;flex-direction:column}
.city-page .city-products .product-card .btn.primary.wide{margin-top:auto}

/* Full-width product-section navigation and scroll-dependent underline. */
.single-product .tabs{width:var(--cp-page-width,100%);max-width:none;box-sizing:border-box;margin-left:calc((100% - var(--cp-page-width,100%))/2);margin-right:0;padding-left:max(16px,calc((var(--cp-page-width,100%) - 1180px)/2));padding-right:max(16px,calc((var(--cp-page-width,100%) - 1180px)/2));overscroll-behavior-x:contain;scrollbar-width:none}
.single-product .tabs::-webkit-scrollbar{display:none}
.single-product .tabs a:first-child:not(.is-active){color:#646b75;border-bottom-color:transparent}
.single-product .tabs a.is-active{color:#0b58cf;border-bottom-color:#0967ff;font-weight:600}

/* One header geometry and action style for home, categories, products and pages. */
@media(min-width:1001px){
  .site-header .header-main,.site-header .subnav>.container{width:min(1240px,calc(100% - 40px))!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important}
  .site-header .header-main{height:68px!important;gap:14px!important}
  .site-header .brand img{width:116px!important;height:auto!important}
  .site-header .phone{display:flex!important;flex:0 0 150px!important;flex-direction:column!important;justify-content:center!important;width:150px!important;min-width:150px!important;font-size:14px!important;font-weight:700!important;line-height:1.15!important;white-space:nowrap}
  .site-header .phone strong{font-size:14px!important;line-height:1.15!important}
  .site-header .phone small{font-size:9px!important;font-weight:400!important;line-height:1.2!important;color:#8d949d!important}
  .site-header .header-actions{display:flex!important;align-items:center!important;gap:7px!important}
  .site-header .header-actions>button:first-child,.site-header .header-actions>#businessBtn,.site-header .header-actions>a[href*="/dlya-biznesa/"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;box-sizing:border-box!important;height:38px!important;border:1px solid #dce5f0!important;border-radius:8px!important;background-color:#fff!important;color:#31577f!important;padding:9px 10px!important;font:400 16px/1.2 Inter,Arial,sans-serif!important;white-space:nowrap!important;text-decoration:none!important}
  .site-header .header-actions>button:first-child{width:125px!important}
  .site-header .header-actions>#businessBtn,.site-header .header-actions>a[href*="/dlya-biznesa/"]{width:139px!important}
  .site-header .header-actions>[data-cp-header-where]{background-image:url("https://preview.matras-perina.ru/wp-content/themes/carskie-periny/baseline/assets/icon-location.svg")!important;background-repeat:no-repeat!important;background-size:20px 20px!important;background-position:10px center!important;padding-left:36px!important}
  .site-header .header-actions>a[href*="/dlya-biznesa/"]{background-image:url("https://preview.matras-perina.ru/wp-content/themes/carskie-periny/baseline/assets/icon-business.svg")!important;background-repeat:no-repeat!important;background-size:20px 20px!important;background-position:10px center!important;padding-left:36px!important}
  .site-header .subnav>.container{height:42px!important;gap:24px!important}
  .site-header .subnav .spacer{flex:1}
}
@media(min-width:1001px) and (max-width:1100px){
  .site-header .phone small{display:none!important}
  .site-header .header-actions>button:first-child,.site-header .header-actions>#businessBtn,.site-header .header-actions>a[href*="/dlya-biznesa/"]{width:40px!important;flex-basis:40px!important;padding:0!important;font-size:0!important;background-position:center!important}
  .site-header .header-actions>button span{display:none!important}
}
@media(max-width:1000px){
  .site-header .header-main{width:calc(100% - 24px)!important;max-width:none!important;margin-left:12px!important;margin-right:12px!important;height:70px!important;gap:16px!important}
  .site-header .brand img{width:120px!important;height:auto!important}
  .site-header .header-main>.catalog-btn{display:inline-flex!important}
  .site-header .header-main>.search,.site-header .phone,.site-header .header-actions,.site-header .subnav{display:none!important}
  .site-header #menuBtn{display:grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;margin-left:auto!important;padding:0!important}
  .site-header .mobile-search{display:block!important;width:calc(100% - 24px)!important;max-width:none!important;margin-inline:12px!important;padding-bottom:8px!important}
  .site-header .mobile-search .search{display:flex!important;height:38px!important}
}
@media(max-width:350px){
  .site-header .header-main{gap:8px!important}
  .site-header .brand img{width:105px!important}
  .site-header .header-main>.catalog-btn{padding-inline:9px!important}
}

@media(min-width:1001px){.site-header .header-actions>#businessBtn,.site-header .header-actions>a[href*="/dlya-biznesa/"]{color:#0967ff!important;font-weight:700!important}}

/* Center the city selector chevron beside the city name. */
.site-header .region-button{display:inline-flex;align-items:center;gap:4px;line-height:1}
.site-header .region-chevron{display:inline-grid;place-items:center;flex:0 0 12px;width:12px;height:12px;margin:0 0 0 1px;font-size:0;line-height:0}
.site-header .region-chevron::before{content:"";display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}


/* One centered chevron for both hero arrows at every screen width. */
.home .hero-slider{touch-action:pan-y}
.home .hero-slider>.arrow{display:grid!important;place-items:center!important;padding:0!important;color:#0878e8;font-size:0!important;line-height:0!important}
.home .hero-slider>.arrow::before{content:"";display:block;width:20px;height:20px;margin:0!important;border:0!important;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3l9 9-9 9' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3l9 9-9 9' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transform:none!important}
.home .hero-slider>.arrow.left::before{transform:rotate(180deg)!important}
@media(max-width:760px){.home .hero-slider>.arrow::before{width:15px;height:15px}}

/* One navigation trigger: the catalog button becomes the mobile hamburger. */
@media(max-width:1000px){
  .site-header .header-main:has(>.catalog-btn)>#menuBtn{display:none!important}
  .site-header .header-main>.catalog-btn{margin-left:auto!important}
}
@media(max-width:760px){
  .site-header .header-main>.catalog-btn{display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;margin-left:auto!important;padding:0!important;border-radius:9px!important;gap:0!important;font-size:0!important;line-height:0!important}
  .site-header .header-main>.catalog-btn .header-svg-menu{display:block!important;width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;margin:0!important;object-fit:contain!important}
}

/* Place each hero chevron at the true centre of its round button. */
.home .hero-slider>.arrow::before{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}
.home .hero-slider>.arrow.left::before{transform:translate(-50%,-50%) rotate(180deg)!important}

/* Centre the mobile menu glyph independently of the hidden Catalog label. */
@media(max-width:760px){
  .site-header .header-main>.catalog-btn{position:relative!important}
  .site-header .header-main>.catalog-btn .header-svg-menu{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}
}

/* Readable catalog cards and consistent footer type scale. */
.cp-footer{font-size:14px;line-height:1.5}
.cp-footer h4{font-size:16px;font-weight:700;line-height:1.35}
.cp-footer a,.cp-footer p,.cp-footer span{font-size:14px;line-height:1.5}
.cp-footer .cp-footer-brand p,.cp-footer .cp-footer-contact span{font-size:13px}
.cp-footer .cp-footer-contact>a:first-child{font-size:17px}
.cp-footer .cp-footer-copy,.cp-footer .cp-footer-legal a{font-size:13px}
.catalog-page .card-body h2,.catalog-page .card-body h2 a{font-size:17px;line-height:1.35}
.catalog-page .card-body p,.catalog-page .catalog-rating,.catalog-page .price-size-note,.catalog-page .card-link,.agat-card .card-body p,.agat-card .card-body small{font-size:14px!important;line-height:1.45}
.catalog-page .chip,.agat-card .chip{font-size:12px}
@media(max-width:760px){.catalog-page .chip,.agat-card .chip{font-size:13px}}

/* Readable supporting text across the storefront. Keep compact badges separate. */
.home #products .product-body h3,.city-page .city-products .product-body h3{font-size:15px;line-height:1.35}
.home #products .product-body .tags,.home #products .product-body .rating,.home #products .product-body .stock,.city-page .city-products .product-body .tags,.city-page .city-products .product-body .rating,.city-page .city-products .product-body .stock{font-size:12px;line-height:1.4}
.home #products .home-price-size-note,.city-page .city-products .home-price-size-note{font-size:12px;line-height:1.4}
.home #products .product-body .btn,.city-page .city-products .product-body .btn{font-size:14px;line-height:1.3}
.why-grid b{font-size:14px;line-height:1.3}
.why-grid>div>span:last-child{font-size:11px;line-height:1.45}
.article-grid small{font-size:12px;line-height:1.4}
.quick-pick-label,.filter-note,.custom-size-filter>span,.custom-size-clear{font-size:12px;line-height:1.4}
.review-date,.review-source,.review-variant,.review-source-note,.data-note,.custom-unpriced label,.product-legal-validity{font-size:12px;line-height:1.4}
.delivery-breadcrumb,.delivery-note,.russia-card small{font-size:12px;line-height:1.45}
.delivery-facts b{font-size:12px;line-height:1.35}
.payment-grid article p{font-size:13px;line-height:1.45}
.site-header .phone small{font-size:11px!important}
@media(max-width:760px){
  .home #products .product-body h3,.city-page .city-products .product-body h3{font-size:13px;line-height:1.35}
  .home #products .product-body .tags,.home #products .product-body .rating,.home #products .product-body .stock,.city-page .city-products .product-body .tags,.city-page .city-products .product-body .rating,.city-page .city-products .product-body .stock{font-size:11px;line-height:1.4}
  .home #products .home-price-size-note,.city-page .city-products .home-price-size-note{font-size:11px}
  .home #products .product-body .btn,.city-page .city-products .product-body .btn{font-size:12px;line-height:1.35;min-height:38px}
  .home #products .listing-old-price,.city-page .city-products .listing-old-price{font-size:11px}
  .home #products .listing-discount,.city-page .city-products .listing-discount{font-size:10px}
  .why-grid b{font-size:12px;line-height:1.35}
  .article-grid small{font-size:11px}
  .delivery-city-grid span{font-size:11px;line-height:1.25}
  .payment-grid article p{font-size:12px}
  .cart-item .item-details{font-size:12px}
  .cart-item .item-basis,.cart-item .item-chip{font-size:11px}
  .checkout-form .switch-label,.checkout-summary .compact-item{font-size:12px}
}

@media(max-width:760px){.home #products .price .listing-old-price,.city-page .city-products .price .listing-old-price{display:block}}

.review-item .review-date,.review-item .review-source,.reviews-toolbar label,.layer-num{font-size:12px;line-height:1.4}

.rating-row .count,.opinion-label,.cpct-field small{font-size:12px;line-height:1.4}
@media(max-width:760px){
  .article-kicker,.compact-topic,.blog-list-kicker{font-size:11px!important}
  .featured-card p,.compact-card p,.blog-list-card p{font-size:14px!important;line-height:1.5}
  .blog-guide p,.featured-card .read-link,.compact-card .read-link,.blog-list-read{font-size:13px!important;line-height:1.45}
}

.rating-row .count,.opinion-label,.cpct-field small{font-size:12px!important;line-height:1.4}

/* Match the homepage header actions and city picker on every storefront page. */
.site-header{border-bottom:0!important}
.site-header .header-actions>.cp-header-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:9px 10px!important;background-image:none!important;white-space:nowrap}
.site-header .header-actions>.cp-header-action img{display:block;width:18px;height:18px;flex:none}
.site-header .header-actions>.cp-header-action span{white-space:nowrap}
.site-header .subnav .region-picker{position:relative;flex:none;margin-left:2px}
.site-header .subnav .region-button{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;padding:8px 0;color:inherit;cursor:pointer;white-space:nowrap}
.site-header .subnav .region-button strong{font-weight:700}
.site-header .subnav .region-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:80;display:none;box-sizing:border-box;width:330px;padding:16px;border:1px solid #e1e7ef;border-radius:14px;background:#fff;box-shadow:0 16px 38px rgba(21,50,90,.16);color:#26384d}
.site-header .subnav .region-menu.open{display:block}
.site-header .subnav .region-menu [hidden]{display:none!important}
.site-header .subnav .region-confirm strong,.site-header .subnav .region-choose-head strong{font-size:15px}
.site-header .subnav .region-confirm p{margin:7px 0 14px;color:#6e7680;font-size:12px;line-height:1.45}
.site-header .subnav .region-confirm-actions{display:flex;gap:8px}
.site-header .subnav .region-confirm-actions button,.site-header .subnav .region-other,.site-header .subnav .cp-region-custom button{border-radius:8px;padding:9px 12px;cursor:pointer;font-weight:700}
.site-header .subnav .region-yes,.site-header .subnav .cp-region-custom button[type=submit]{border:1px solid #0967ff;background:#0967ff;color:#fff}
.site-header .subnav .region-change,.site-header .subnav .region-other,.site-header .subnav .cp-region-custom [data-region-back]{border:1px solid #d8e1ec;background:#fff;color:#2f465f}
.site-header .subnav .region-choose-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.site-header .subnav .region-choose-head button{border:0;background:transparent;color:#0967ff;cursor:pointer;font-size:12px}
.site-header .subnav .region-city-list{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.site-header .subnav .region-city-list button{border:0;border-radius:8px;background:#fff;padding:9px 10px;color:#30343a;text-align:left;cursor:pointer}
.site-header .subnav .region-city-list button:hover,.site-header .subnav .region-city-list button.active{background:#edf4ff;color:#0967ff}
.site-header .subnav .region-other{width:100%;margin-top:8px;background:#f7f9fc;text-align:left}
.site-header .subnav .cp-region-custom{display:grid;gap:9px}
.site-header .subnav .cp-region-custom input{box-sizing:border-box;width:100%;padding:10px;border:1px solid #d8e1ec;border-radius:8px;font:inherit}
@media(min-width:1001px) and (max-width:1100px){.site-header .header-actions>.cp-header-action{padding:0!important}}

.site-header .header-actions>a.cp-header-action[href*="/dlya-biznesa/"]{background-image:none!important;padding:9px 10px!important}

.site-header .header-actions>.cp-header-action img{filter:invert(29%) sepia(89%) saturate(2897%) hue-rotate(207deg)}

.site-header .subnav{border-top:1px solid #edf0f4;border-bottom:1px solid #e5eaf1;background:#fff}
.site-header .subnav>.container>a{color:#26384d;text-decoration:none;font-size:12px;white-space:nowrap}

/* Keep the search glyph at icon size throughout the tablet header. */
@media(max-width:1000px){.site-header .mobile-search .search-svg{display:block;width:17px;height:17px;max-width:17px;max-height:17px;flex:0 0 17px}}

/* Shared breadcrumb typography; retain each page's container and actual links. */
body :is(.breadcrumbs,.blog-breadcrumbs,.category-breadcrumbs,.cp-breadcrumb,.cp-pref-breadcrumbs,.b2b-breadcrumb,.delivery-breadcrumb,.legal-crumbs,.tech-crumbs,.cpct-crumbs,.city-breadcrumb,.reviews-breadcrumb,.cp-search-page__crumbs,.woocommerce-breadcrumb){
  --cp-crumb-size:14px;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:var(--cp-crumb-size)!important;
  font-weight:400!important;
  line-height:1.5!important;
  letter-spacing:normal!important;
  color:#64748b!important;
  margin-block:0!important;
  padding-block:16px!important;
  min-width:0;
  flex-wrap:wrap;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
body :is(.breadcrumbs,.blog-breadcrumbs,.category-breadcrumbs,.cp-breadcrumb,.cp-pref-breadcrumbs,.b2b-breadcrumb,.delivery-breadcrumb,.legal-crumbs,.tech-crumbs,.cpct-crumbs,.city-breadcrumb,.reviews-breadcrumb,.cp-search-page__crumbs,.woocommerce-breadcrumb) :is(a,span,b,strong,small){
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  color:inherit!important;
  white-space:normal!important;
}
body :is(.breadcrumbs,.blog-breadcrumbs,.category-breadcrumbs,.cp-breadcrumb,.cp-pref-breadcrumbs,.b2b-breadcrumb,.delivery-breadcrumb,.legal-crumbs,.tech-crumbs,.cpct-crumbs,.city-breadcrumb,.reviews-breadcrumb,.cp-search-page__crumbs,.woocommerce-breadcrumb) a{text-decoration:none}
body :is(.breadcrumbs,.blog-breadcrumbs,.category-breadcrumbs,.cp-breadcrumb,.cp-pref-breadcrumbs,.b2b-breadcrumb,.delivery-breadcrumb,.legal-crumbs,.tech-crumbs,.cpct-crumbs,.city-breadcrumb,.reviews-breadcrumb,.cp-search-page__crumbs,.woocommerce-breadcrumb) a:is(:hover,:focus-visible){color:#0967ff!important;text-decoration:underline;text-underline-offset:3px}
body :is(.breadcrumbs,.blog-breadcrumbs,.category-breadcrumbs,.cp-breadcrumb,.cp-pref-breadcrumbs,.b2b-breadcrumb,.delivery-breadcrumb,.legal-crumbs,.tech-crumbs,.cpct-crumbs,.city-breadcrumb,.reviews-breadcrumb,.cp-search-page__crumbs,.woocommerce-breadcrumb) > :is(.container,.cp-container){min-width:0;flex-wrap:wrap}
@media(max-width:760px){
  body :is(.breadcrumbs,.blog-breadcrumbs,.category-breadcrumbs,.cp-breadcrumb,.cp-pref-breadcrumbs,.b2b-breadcrumb,.delivery-breadcrumb,.legal-crumbs,.tech-crumbs,.cpct-crumbs,.city-breadcrumb,.reviews-breadcrumb,.cp-search-page__crumbs,.woocommerce-breadcrumb){--cp-crumb-size:13px;padding-block:12px!important}
}

/* Keep review bars legible on narrow product cards without changing typography. */
@media(max-width:680px){.single-product #ratingBars .rating-bar{grid-template-columns:30px minmax(0,1fr) 28px;gap:6px}}

/* Preserve intrinsic proportions of construction graphics at every breakpoint. */
.single-product #layers .layers > img{height:auto;object-fit:contain}

/* Align semantic rows across home cards, including wrapped names and missing ratings. */
.home #products .product-body h3{min-height:2.7em}
@supports (grid-template-rows:subgrid){
  .home #products .product-grid{row-gap:0}
  .home #products .product-card{display:grid;grid-row:span 8;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);row-gap:0;margin-bottom:18px}
  .home #products .product-card > .product-media{grid-row:1;min-width:0}
  .home #products .product-card .product-body{display:grid;grid-row:2 / span 7;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);row-gap:0;min-width:0}
  .home #products .product-body > .price{grid-row:1}
  .home #products .product-body > .home-price-size-note{grid-row:2}
  .home #products .product-body > h3{grid-row:3;min-height:0}
  .home #products .product-body > .tags{grid-row:4}
  .home #products .product-body > .rating{grid-row:5}
  .home #products .product-body > .stock{grid-row:6}
  .home #products .product-body > .btn.primary.wide{grid-row:7}
  @media(max-width:800px){.home #products .product-card{margin-bottom:8px}}
}

/* Keep tablet product cards wide enough for their price and primary action. */
@media(min-width:761px) and (max-width:1023px){
  .home #products .product-grid,.city-page .city-products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.home #products .product-body > .btn.primary.wide,.city-page .city-products .product-body > .btn.primary.wide{
  display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px
}
.home #products .price > span,.city-page .city-products .price > span{display:inline-block;white-space:nowrap}

/* Stack the reviews and topper promotion before their copy becomes cramped. */
@media(min-width:761px) and (max-width:1023px){
  .home .promo-review-grid{grid-template-columns:minmax(0,1fr)}
}

/* Keep the helper introduction above its four steps on tablet screens. */
@media(min-width:761px) and (max-width:1023px){
  .home .quiz-card{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:8px}
  .home .quiz-intro{grid-column:1 / -1}
  .home .quiz-intro h2{font-size:19px}
  .home .quiz-step{border-left:0;border-top:1px solid #dce6f6;min-height:78px}
}

/* Checkboxes must not inherit the responsive text-field height. */
.checkout-form label.consent{display:flex!important;align-items:center;gap:8px!important}
.checkout-form label.consent > input[type="checkbox"]{
  flex:0 0 16px;width:16px!important;min-width:16px;max-width:16px;
  height:16px!important;min-height:16px!important;max-height:16px;
  margin:0!important;padding:0!important;align-self:center
}
.checkout-form label.consent > span{flex:1;min-width:0}

@media(min-width:761px) and (max-width:1000px){
  .single-product .product-gallery-specs{margin-top:24px;min-width:0}
  .single-product .product-gallery-specs > h3{font-size:16px;line-height:1.45;margin:0 0 10px}
}

/* Center the full-width helper introduction without stretching its action. */
@media(max-width:1023px){
  .home .quiz-intro{width:100%;min-width:0;text-align:center}
  .home .quiz-intro h2,.home .quiz-intro p{width:100%;max-width:none}
  .home .quiz-intro .btn{display:inline-flex;width:auto;max-width:100%;justify-content:center}
}

/* Nested menu labels must not repeat the link's horizontal padding. */
@media(min-width:761px) and (max-width:1023px){
  .cp-global-mega__side .cp-menu-label,
  .cp-global-mega__side .cp-menu-label > span{padding:0;min-height:0;font-size:15px}
  .cp-global-mega__side a[href$="/company/"] .cp-menu-label > span{white-space:nowrap}
}

/* The page stays put; only the open catalog can scroll. */
html.cp-menu-scroll-locked{overflow:hidden!important;overscroll-behavior:none}
html.cp-menu-scroll-locked body{
  position:fixed!important;top:var(--cp-menu-page-top)!important;left:var(--cp-menu-page-left)!important;
  width:var(--cp-menu-page-width)!important;overflow:hidden!important;
}
.cp-global-mega.is-open{
  position:fixed;top:var(--cp-menu-top,110px);bottom:0;min-height:0;
  max-height:calc(100dvh - var(--cp-menu-top,110px));overflow-y:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.cp-mobile-global{height:100dvh;max-height:100dvh;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

/* Client review, 2026-10-12: product slider and clear comparison feedback. */
.cp-gallery-slider{position:relative;min-width:0}
.cp-gallery-slider__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;padding:0;display:grid;place-items:center;border:1px solid #dbe3ee;border-radius:50%;background:rgba(255,255,255,.96);color:#183e67;box-shadow:0 2px 8px #14335118;cursor:pointer}
.cp-gallery-slider__prev{left:10px}.cp-gallery-slider__next{right:10px}
.cp-gallery-slider__nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cp-gallery-slider__nav:focus-visible{outline:3px solid #176efa;outline-offset:2px}
.cp-gallery-slider__counter{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:20px;background:rgba(255,255,255,.94);color:#183e67;font-size:12px;line-height:20px;pointer-events:none}
.cp-compare-notice{margin:12px 0;padding:12px 14px;border-radius:10px;background:#eef5ff;font-size:13px;line-height:1.5;color:#29435d}
.cp-compare-notice a{font-weight:700;color:#0864ed}.cp-compare-notice span{display:block;margin-top:4px}
@media(min-width:1024px){#products .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1023px){#products .product-grid>.product-card:nth-child(n+5){display:none}}

/* Keep wrapped action links clickable across their full rectangular area. */
.cp-compare-notice a,.cart-confirm a{display:inline-block}

/* Let the main product photo set the frame height, without side gutters or cropping. */
.single-product .cp-gallery-slider .gallery-main{width:100%;height:auto;aspect-ratio:auto}
.single-product .cp-gallery-slider .gallery-main img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
