

/* Start:/upload/about-2026-10-30/about.css?179334151413704*/
/* About page: inherits Euclid Circular A, site container and native CTA styles. */
#kz-about{color:#3b3c40;font-family:inherit;font-size:2.4rem;line-height:1.6;margin-bottom:15rem}
#kz-about *{box-sizing:border-box;min-width:0}
#kz-about h1,#kz-about h2,#kz-about h3,#kz-about p{margin:0}
#kz-about section{margin:0}
#kz-about a{touch-action:manipulation}
#kz-about .kz-title{font:600 6rem/1.12 "Euclid Circular A",sans-serif;letter-spacing:-.02em;text-wrap:balance}
#kz-about .title-h2{font-size:5rem;line-height:1.2}
#kz-about h3{font-size:3rem;font-weight:600;line-height:1.3}
#kz-about p{font-size:2.4rem;line-height:1.65;color:#66677a}
#kz-about .kz-hero{display:grid;grid-template-columns:1.1fr 1fr;background:#f4f6f8;border-radius:4rem;overflow:hidden}
#kz-about .kz-hero-copy{padding:6rem 5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
#kz-about .kz-hero p{margin-top:3rem;max-width:60rem}
#kz-about .kz-hero-img{width:100%;height:100%;min-height:55rem;object-fit:cover;object-position:center}
#kz-about .kz-actions{display:flex;gap:3rem;align-items:center;flex-wrap:wrap;margin-top:4rem}
#kz-about .btn-categories-link{display:flex;flex-shrink:0;width:fit-content;white-space:nowrap}
#kz-about .btn-categories-link--text{color:#fff}
#kz-about .btn-categories-link--icon{flex-shrink:0}
#kz-about .kz-arrow{color:#c92e7e;font-size:3rem;line-height:1}
#kz-about .kz-link{font-size:2.2rem;font-weight:500;display:inline-flex;align-items:center;gap:1.5rem}
#kz-about .kz-link:hover,#kz-about .kz-shoplist a:hover strong{color:#c92e7e}
#kz-about .kz-jump{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:3rem}
#kz-about .kz-jump a{padding:1.5rem 2.4rem;background:#f4f6f8;border-radius:1.5rem;font-size:1.8rem;transition:background .2s}
#kz-about .kz-jump a:hover{background:#f3effb}
#kz-about .kz-section{padding-top:12rem;scroll-margin-top:14rem}
#kz-about .kz-intro{margin-top:2rem;max-width:100rem}
#kz-about .kz-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5rem;margin-top:4rem}
#kz-about .kz-help article{border-top:1px solid #dfdff0;padding-top:3rem}
#kz-about .kz-help p{margin-top:1.8rem}
#kz-about .kz-color{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
#kz-about .kz-color img{width:100%;height:44rem;object-fit:cover;border-radius:4rem}
#kz-about .kz-color p{margin-top:2.4rem}
#kz-about .kz-color .kz-link{margin-top:3rem}
#kz-about .kz-samples{display:flex;gap:1rem;margin-top:3rem}
#kz-about .kz-samples span{height:4rem;width:5rem;border-radius:.8rem}
#kz-about .kz-headingrow{display:flex;justify-content:space-between;align-items:center;gap:3rem}
#kz-about .kz-headingrow .kz-link{flex-shrink:0}
#kz-about .kz-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:4rem}
#kz-about .kz-category{padding:3rem;background:#f4f6f8;border-radius:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;font-size:2.4rem;font-weight:500;transition:background .2s}
#kz-about .kz-category:hover{background:#f3effb}
#kz-about .kz-brands{display:flex;justify-content:space-between;align-items:center;gap:3rem;flex-wrap:wrap;padding-top:5rem;font-size:2.8rem;font-weight:600}
#kz-about .kz-shops{display:grid;grid-template-columns:1fr 1fr;gap:5rem;margin-top:4rem;align-items:stretch}
#kz-about .kz-shops>img{width:100%;height:100%;min-height:50rem;object-fit:cover;border-radius:4rem}
#kz-about .kz-shoplist a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfdff0;padding:2rem 0;gap:2rem}
#kz-about .kz-shoplist a:first-child{padding-top:0}
#kz-about .kz-shoplist strong{display:block;font-size:2.4rem;font-weight:600}
#kz-about .kz-shoplist small{display:block;font-size:2rem;line-height:1.4;color:#66677a;margin-top:.7rem}
#kz-about .kz-delivery{display:grid;grid-template-columns:1fr 1fr;gap:6rem;padding:5rem;background:#f4f6f8;border-radius:4rem}
#kz-about .kz-delivery h2{font-size:4rem}
#kz-about .kz-delivery p{margin-top:2rem}
#kz-about .kz-delivery .kz-actions{margin-top:3rem}
#kz-about .kz-docs{margin-top:4rem}
#kz-about details{border-bottom:1px solid #dfdff0;padding:2.5rem 0;font-size:2.4rem}
#kz-about summary{display:list-item;list-style:disclosure-closed inside;font-weight:500;cursor:pointer;padding:1rem 0}
#kz-about details[open]>summary{list-style-type:disclosure-open}
#kz-about .kz-requisites{font-size:2.2rem;line-height:1.7;padding-top:2rem}
#kz-about .kz-certificates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3rem;padding:3rem 0}
#kz-about .kz-certificates a{display:flex;flex-direction:column;gap:1.5rem;font-size:1.8rem}
#kz-about .kz-certificates img{width:100%;height:34rem;object-fit:contain;background:#f4f6f8;padding:2rem;border-radius:2rem}
#kz-about .kz-contact{display:flex;align-items:center;justify-content:space-between;gap:5rem;padding:5rem;background:#f3effb;border-radius:4rem;margin-top:10rem}
#kz-about .kz-contact h2{font-size:4.4rem}
#kz-about .kz-contact p{margin-top:2rem;max-width:85rem}
#kz-about a:focus-visible,#kz-about summary:focus-visible{outline:2px solid #c92e7e;outline-offset:4px}
@media(max-width:48em){
 #kz-about{font-size:3.2rem;margin-bottom:16rem}
 #kz-about p{font-size:3.2rem;line-height:1.55}
 #kz-about .kz-title{font-size:6.4rem;line-height:1.1}
 #kz-about .title-h2{font-size:5.6rem;line-height:1.15}
 #kz-about h3{font-size:4rem}
 #kz-about .kz-hero{grid-template-columns:1fr;border-radius:4rem}
 #kz-about .kz-hero-copy{padding:5rem 4rem}
 #kz-about .kz-hero-img{height:48rem;min-height:0;max-height:65rem}
 #kz-about .kz-hero p{max-width:none}
 #kz-about .kz-actions{gap:3rem}
 #kz-about .kz-actions .btn-categories-link{max-width:100%}
 #kz-about .btn-categories-link{font-size:3rem;height:8.4rem;border-radius:2.5rem}
 #kz-about .btn-categories-link--icon{width:7.2rem;height:7.2rem;border-radius:2rem}
 #kz-about .kz-link{font-size:3rem;min-height:8.4rem}
 #kz-about .kz-arrow{font-size:4rem}
 #kz-about .kz-jump{gap:1.2rem;margin-top:3rem}
 #kz-about .kz-jump a{font-size:2.6rem;padding:1.8rem 2.4rem;min-height:8.4rem;display:flex;align-items:center}
 #kz-about .kz-section{padding-top:10rem;scroll-margin-top:22rem}
 #kz-about .kz-help,#kz-about .kz-color,#kz-about .kz-shops,#kz-about .kz-delivery{grid-template-columns:1fr}
 #kz-about .kz-help{gap:4rem}
 #kz-about .kz-help p{margin-top:2rem}
 #kz-about .kz-color{gap:4rem}
 #kz-about .kz-color img{height:48rem}
 #kz-about .kz-headingrow{align-items:flex-start;flex-direction:column;gap:1.5rem}
 #kz-about .kz-categories{grid-template-columns:1fr 1fr;gap:1.5rem}
 #kz-about .kz-category{font-size:3rem;padding:3rem 2.4rem;line-height:1.3}
 #kz-about .kz-brands{justify-content:flex-start;font-size:3.4rem;gap:2rem 4rem}
 #kz-about .kz-shops{gap:4rem}
 #kz-about .kz-shops>img{height:48rem;min-height:0}
 #kz-about .kz-shoplist strong{font-size:3.6rem}
 #kz-about .kz-shoplist small{font-size:2.8rem;line-height:1.5}
 #kz-about .kz-shoplist a{padding:3rem 0}
 #kz-about .kz-delivery{padding:4rem;gap:6rem}
 #kz-about .kz-delivery h2{font-size:4.8rem}
 #kz-about details{font-size:3.2rem;padding:2rem 0}
 #kz-about summary{padding:2rem 0}
 #kz-about .kz-requisites{font-size:3rem}
 #kz-about .kz-certificates{grid-template-columns:1fr 1fr;gap:3rem}
 #kz-about .kz-certificates a{font-size:2.8rem}
 #kz-about .kz-contact{align-items:flex-start;flex-direction:column;padding:4rem;gap:3rem;margin-top:8rem}
 #kz-about .kz-contact h2{font-size:4.8rem}
}

/* Brand logos retain their native colours and proportions. */
#kz-about .kz-brands{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3rem;align-items:center}
#kz-about .kz-brands a{display:flex;align-items:center;justify-content:center;min-height:14rem;padding:1.5rem;border-radius:2rem;transition:background .2s}
#kz-about .kz-brands a:hover{background:#f4f6f8}
#kz-about .kz-brands img{display:block;width:100%;height:11rem;object-fit:contain}
@media(max-width:48em){#kz-about .kz-brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}#kz-about .kz-brands a{min-height:18rem;padding:2rem}#kz-about .kz-brands img{height:14rem}}

/* Store locator: native map pins and calm cards used elsewhere on the site. */
#kz-about .kz-shops{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:4rem;align-items:start}
#kz-about .kz-storemap-wrap{position:sticky;top:14rem}
#kz-about .kz-storemap{height:88rem;max-height:680px;min-height:420px;overflow:hidden;border-radius:4rem;background:#f4f6f8}
#kz-about .kz-map-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;padding:4rem;text-align:center}
#kz-about .kz-map-caption{font-size:2rem;margin-top:2rem;color:#66677a}
#kz-about .kz-map-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#kz-about .kz-shoplist{display:grid;gap:2.4rem}
#kz-about .kz-shop-card{padding:3rem;border-radius:3rem;background:#fff;box-shadow:1rem 1.5rem 5rem rgba(173,178,201,.18);transition:background .2s}
#kz-about .kz-shop-card.is-selected{background:#f3effb}
#kz-about .kz-shoplist .kz-shop-card a{display:inline-flex;align-items:center;gap:1.5rem;border:0;padding:0}
#kz-about .kz-shop-card h3{font-size:2.8rem;line-height:1.25}
#kz-about .kz-shop-card h3 a:hover{color:#c92e7e}
#kz-about .kz-shop-card .kz-shop-address{font-size:2rem;line-height:1.45;margin-top:1.5rem}
#kz-about .kz-shop-card .kz-shop-hours{display:flex;align-items:center;gap:1rem;font-size:2rem;line-height:1.4;margin-top:1.5rem;color:#3b3c40}
#kz-about .kz-shop-hours img{width:2.4rem;height:2.4rem;object-fit:contain}
#kz-about .kz-shop-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem}
#kz-about .kz-show-on-map{font:500 1.8rem/1.3 "Euclid Circular A",sans-serif;color:#3b3c40;background:#f4f6f8;padding:1.3rem 2rem;border:0;border-radius:1.5rem;cursor:pointer;min-height:36px}
#kz-about .kz-show-on-map:hover,#kz-about .kz-show-on-map[aria-pressed="true"]{color:#fff;background:#c92e7e}
#kz-about .kz-show-on-map:focus-visible{outline:2px solid #c92e7e;outline-offset:4px}
#kz-about .kz-shoplist .kz-shop-detail{font-size:1.8rem;font-weight:500;min-height:36px}
#kz-about .kz-shop-detail .kz-arrow{font-size:2.6rem}
@media(max-width:48em){
 #kz-about .kz-shops{grid-template-columns:1fr;gap:4rem}
 #kz-about .kz-storemap-wrap{position:static}
 #kz-about .kz-storemap{height:64rem;min-height:280px;max-height:430px}
 #kz-about .kz-map-caption{font-size:2.8rem}
 #kz-about .kz-shoplist{gap:3rem}
 #kz-about .kz-shop-card{padding:4rem}
 #kz-about .kz-shop-card h3{font-size:4rem}
 #kz-about .kz-shop-card .kz-shop-address,#kz-about .kz-shop-card .kz-shop-hours{font-size:3rem;margin-top:2rem}
 #kz-about .kz-shop-hours img{width:3rem;height:3rem}
 #kz-about .kz-shop-actions{margin-top:3rem}
 #kz-about .kz-show-on-map{font-size:2.8rem;padding:2rem 3rem;min-height:44px}
 #kz-about .kz-shoplist .kz-shop-detail{font-size:2.8rem;min-height:44px}
 #kz-about .kz-shop-detail .kz-arrow{font-size:3.6rem}
}

/* 2026-10-30 fixes */
#kz-about .kz-color>*,#kz-about .kz-hero>*,#kz-about .kz-shops>*,#kz-about .kz-delivery>*{min-width:0}
#kz-about .kz-color img{max-width:100%}
#kz-about .kz-certificates figure{display:flex;flex-direction:column;gap:1.5rem;margin:0;font-size:1.6rem;line-height:1.35;color:#555}
@media(max-width:48em){#kz-about .kz-color{grid-template-columns:minmax(0,1fr)}#kz-about .kz-certificates figure{font-size:2.6rem}}

/* 2026-10-30 visual polish */
#kz-about .kz-jump{display:none}
#kz-about .kz-help{counter-reset:kzhelp;gap:2.4rem}
#kz-about .kz-help article{border:0;padding:4rem;background:#f4f6f8;border-radius:3rem;counter-increment:kzhelp}
#kz-about .kz-help article::before{content:"0" counter(kzhelp);display:block;margin-bottom:2.4rem;font-size:2rem;font-weight:600;color:#c92e7e;letter-spacing:.05em}
#kz-about .kz-brands{margin-top:5rem;padding:3rem 0;border-top:1px solid #e7e8f0;border-bottom:1px solid #e7e8f0}
#kz-about .kz-brands a{min-height:11rem}
#kz-about .kz-brands img{height:7rem}
#kz-about .kz-shoplist{gap:1.6rem}
#kz-about .kz-shop-card{padding:2.6rem 3rem;border:1px solid #e7e8f0;box-shadow:none;border-radius:2.4rem}
#kz-about .kz-shop-card:hover{border-color:#d9c6e6}
#kz-about .kz-shop-card .kz-shop-address,#kz-about .kz-shop-card .kz-shop-hours{margin-top:1rem}
#kz-about .kz-shop-actions{margin-top:1.6rem}
#kz-about .kz-docs{margin-top:6rem;border-top:1px solid #e7e8f0}
#kz-about details{padding:0}
#kz-about summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:3.2rem 0;font-size:2.8rem;font-weight:600}
#kz-about summary::-webkit-details-marker{display:none}
#kz-about summary::after{content:"+";flex-shrink:0;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f4f6f8;font-size:3rem;font-weight:400;color:#c92e7e;transition:transform .2s}
#kz-about details[open]>summary::after{transform:rotate(45deg)}
#kz-about summary:hover{color:#c92e7e}
#kz-about .kz-certificates{gap:2.4rem;padding:0 0 4rem}
#kz-about .kz-certificates figure{padding:2rem;border:1px solid #e7e8f0;border-radius:2.4rem;gap:1.6rem;color:#66677a}
#kz-about .kz-certificates img{height:26rem;padding:0;background:none;border-radius:0}
#kz-about .kz-requisites{padding:0 0 4rem}
@media(max-width:48em){
 #kz-about .kz-help article{padding:4rem}
 #kz-about .kz-brands img{height:10rem}
 #kz-about .kz-shop-card{padding:3.6rem}
 #kz-about summary{font-size:3.6rem;padding:4rem 0}
 #kz-about summary::after{width:7rem;height:7rem;font-size:4rem}
 #kz-about .kz-certificates img{height:36rem}
}

/* End */


/* Start:/upload/kolerovka-2026-11/kolerovka.css?17941635202903*/
#kz-about .kz-tint-hero-note{margin-top:2rem;font-size:2rem;color:#66677a}
#kz-about .kz-tint-bases{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:4rem}
#kz-about .kz-tint-base{padding:4rem;border-radius:3rem;background:#f4f6f8}
#kz-about .kz-tint-base p{margin-top:1.5rem}
#kz-about .kz-tint-base small{display:block;margin-top:1.5rem;font-size:1.9rem;color:#66677a}
#kz-about .kz-tint-swatch{display:flex;gap:.8rem;margin-bottom:2.4rem}
#kz-about .kz-tint-swatch span{width:6rem;height:4rem;border-radius:.8rem}
#kz-about .kz-tint-terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;margin-top:4rem}
#kz-about .kz-tint-terms article{padding:3.5rem;border-radius:3rem;background:#f3effb}
#kz-about .kz-tint-terms p{margin-top:1.5rem;font-size:2.2rem}
#kz-about .kz-tint-shops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6rem;margin-top:4rem}
#kz-about .kz-tint-shops a{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.4rem 0;border-bottom:1px solid #dfdff0}
#kz-about .kz-tint-shops strong{display:block;font-size:2.4rem;font-weight:600}
#kz-about .kz-tint-shops a:hover strong{color:#c92e7e}
#kz-about .kz-tint-shops small{display:block;margin-top:.7rem;font-size:1.9rem;line-height:1.4;color:#66677a}
#kz-about .kz-tint-chips{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3rem}
#kz-about .kz-tint-chips span{padding:1.2rem 2rem;border-radius:1.5rem;background:#f4f6f8;font-size:2rem}
#kz-about .kz-tint-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem;margin-top:4rem}
#kz-about .kz-tint-gallery a{display:block;background:#f4f6f8;border-radius:2rem;padding:1.5rem}
#kz-about .kz-tint-gallery img{display:block;width:100%;height:auto;border-radius:1rem}
#kz-about .kz-tint-faq{margin-top:3rem;max-width:110rem}
#kz-about .kz-tint-faq p{padding:1rem 0 1rem}
#kz-about .kz-tint-steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5rem;margin-top:4rem;padding:0;list-style:none}
#kz-about .kz-tint-steps li{counter-increment:s;border-top:1px solid #dfdff0;padding-top:3rem;font-size:2.4rem;line-height:1.55;color:#66677a}
#kz-about .kz-tint-steps li:before{content:counter(s);display:block;font-size:4rem;font-weight:600;color:#c92e7e;margin-bottom:1.5rem}
@media(max-width:48em){
#kz-about .kz-tint-bases,#kz-about .kz-tint-terms,#kz-about .kz-tint-shops,#kz-about .kz-tint-steps{grid-template-columns:1fr;gap:3rem}
#kz-about .kz-tint-shops{gap:0}
#kz-about .kz-tint-gallery{grid-template-columns:1fr 1fr}
#kz-about .kz-tint-hero-note,#kz-about .kz-tint-terms p,#kz-about .kz-tint-shops small,#kz-about .kz-tint-base small{font-size:2.8rem}
#kz-about .kz-tint-shops strong,#kz-about .kz-tint-steps li{font-size:3.2rem}
#kz-about .kz-tint-chips span{font-size:2.8rem}
#kz-about .kz-tint-base,#kz-about .kz-tint-terms article{padding:4rem}
}

/* End */
/* /upload/about-2026-10-30/about.css?179334151413704 */
/* /upload/kolerovka-2026-11/kolerovka.css?17941635202903 */
