/* Continuation of the approved Teplodar concept. */
.product[data-id="0"] .photo img{width:100%;height:100%}

html{scroll-behavior:smooth;background:#fff;scroll-padding-top:28px}
body{min-width:0}
.page{width:100%;max-width:1920px;margin:auto}
.container{width:calc(100% - 80px);max-width:1360px}
@media(min-width:761px){
  html{scroll-padding-top:112px}
  .page{overflow:clip}
  .page>.nav{position:sticky;top:0;z-index:50;box-shadow:0 7px 22px rgba(30,31,30,.045)}
}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit}
button{cursor:pointer}
a,button{touch-action:manipulation}
button svg,a svg{width:22px;height:22px;flex-shrink:0}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bd4b10;outline-offset:5px}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.sr-only,.skip-link{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.skip-link:focus{clip-path:none;width:auto;height:auto;left:20px;top:10px;background:white;color:#181a1b;padding:14px;z-index:20}
.topbar{height:38px;font-size:12px;background:#f3f3f0;color:#626562;border-bottom:1px solid #e8e8e3}
.topbar a{text-decoration:none}
.topbar b{color:#343633;font-weight:500;margin-left:7px}
.cities{gap:30px}
.nav{height:92px;padding:0;box-shadow:none;background:#fff;backdrop-filter:none}
.nav .container{display:flex;gap:32px}
.brand{flex-shrink:0}
.logo{width:184px;display:block}
.mainnav{gap:23px;font-size:14px}
.nav-actions{margin-left:auto;gap:12px}
.catalog-link{height:44px;border:0;background:var(--orange);color:#fff!important;padding:0 18px;box-shadow:none}
.catalog-link:before{border-color:white;background:linear-gradient(white,white) center/17px 2px no-repeat;width:16px}
.mainnav a:hover{color:#bf4d0e}
.search{width:220px;display:flex;gap:10px;padding:0 10px;background:#f5f5f2;height:44px}
.search:after{display:none}
.search input{min-width:0;width:100%;border:0;outline-offset:2px;background:none;font-size:13px;color:#222}
.search button{border:0;padding:3px;background:none;color:#555;display:flex}
.icon-action,.cart{height:44px;background:none;color:#252724;box-shadow:none;border:0;text-decoration:none;padding:0;gap:8px;font-size:13px}
.icon-action{position:relative;min-width:38px}
.icon-action span{font-size:11px}
.icon-action[aria-pressed=true]{color:#c54e0e}
.cart{padding-left:10px;border-left:1px solid #deded8}
.hero{height:calc(100dvh - 130px);min-height:610px;max-height:840px;background-position:center}
.hero:before{background:linear-gradient(90deg,rgba(18,17,16,.94) 0%,rgba(18,17,16,.81) 34%,rgba(18,17,16,.21) 64%,rgba(18,17,16,.04) 100%)}
.hero-copy{width:690px;margin-top:0}
.hero-copy .eyebrow{font-size:12px;color:#dad5cc;letter-spacing:.11em;text-transform:uppercase;margin:0 0 26px}
.hero h1{max-width:680px;font-size:clamp(44px,4.05vw,60px);line-height:1.09;letter-spacing:-.047em;margin-bottom:27px}
.hero-copy>p:not(.eyebrow){max-width:490px;font-size:17px;line-height:1.65;margin-bottom:32px}
.ctas{gap:24px;align-items:center}
.btn{height:auto;min-height:52px;padding:15px 23px;font-size:14px;gap:24px;justify-content:space-between;transition:background .2s,transform .2s;border-radius:4px}
.btn-primary:hover{background:#d8540a}
.btn:active{transform:translateY(1px)}
.btn-secondary{border:0;border-bottom:1px solid #999084;border-radius:0;padding:10px 0;min-height:0;font-weight:500;color:#eee5db}
.btn-secondary:hover{color:white;border-color:white}
.hero .hero-facts{margin-top:60px;gap:24px;font-size:11px}
.eyebrow{font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:#70746e;margin:0 0 20px}
.categories,.popular,.section-space{padding:104px 0 112px}
.section-head{margin-bottom:42px;gap:30px;align-items:flex-end}
.section-head h2,.selection h2,.consultation h2{font-size:44px;line-height:1.14;letter-spacing:-.045em;font-weight:500;margin:0}
.section-head p{font-size:14px;line-height:1.6}
.section-head .eyebrow{font-size:12px;margin-bottom:18px}
.all{font-size:14px;font-weight:500;white-space:nowrap;padding-bottom:6px}
.all:hover{color:#be4a0e;border-color:#be4a0e}
.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cat{display:block;height:300px;padding:30px;text-decoration:none;background:#fff;border:0;transition:background .25s}
.cat h3{font-size:25px;max-width:230px;line-height:1.2;font-weight:500;letter-spacing:-.025em}
.cat img,.cat:nth-child(2) img,.cat:nth-child(3) img,.cat:nth-child(4) img{height:270px;max-width:55%;right:32px;bottom:-15px;filter:none;transition:transform .4s}
.cat:nth-child(4) img{right:60px;bottom:-26px}
.cat-arrow{top:auto!important;bottom:28px!important;left:30px!important;right:auto!important;border-color:#e6e4dd;width:38px;height:38px;color:#53574f!important}
.cat:hover{background:#ebeae4}
.cat:hover img{transform:translateY(-5px) scale(1.025)}
.cat:hover .cat-arrow{border-color:#f46b18;color:#f46b18!important}
.selection{padding:90px 0;border-bottom:1px solid #e2e1da;background:#fff}
.selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.body-copy{font-size:16px;line-height:1.75;color:#71736c;max-width:460px;margin:24px 0 0}
.selection-actions>a{display:flex;align-items:center;gap:24px;text-decoration:none;padding:24px 4px;border-bottom:1px solid #dfded7}
.selection-actions>a:first-child{border-top:1px solid #dfded7}
.step-num{color:#9b9d94;font-size:12px}
.selection-actions strong{display:block;font-size:20px;font-weight:500;letter-spacing:-.025em}
.selection-actions small{display:block;font-size:14px;color:#777a72;margin-top:6px}
.selection-actions .arrow{margin-left:auto;font-size:24px;color:#e36621}
.selection-actions>a:hover strong{color:#bf4b0c}
.popular{padding-top:100px}
.tabs{gap:32px;margin-top:0}
.tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 0 16px;font-size:14px;color:#74776f}
.tabs button.active{border-color:var(--orange);color:#222}
.tabs button:hover{color:#c04b0d}
.products{gap:20px;margin-top:30px}
.product{border:0;border-radius:4px;min-height:0}
.photo{height:300px;background:#f3f3f0;border-radius:4px}
.photo img{width:83%;height:85%;filter:none;transition:transform .4s}
.product:hover .photo img{transform:scale(1.035)}
.badge{font-size:11px;font-weight:400;text-transform:none;letter-spacing:0;border:0;background:#fff;padding:6px 9px;top:16px;left:16px}
.fav-card{width:36px;height:36px;top:12px;right:12px;border:0;background:transparent;color:#696c64}
.fav-card svg{width:20px;height:20px}
.fav-card:hover,.fav-card[aria-pressed=true]{color:#d35411}
.fav-card[aria-pressed=true] svg{fill:#f46b1829}
.pbody{padding:22px 0 0}
.ptype{font-size:12px;text-transform:none;letter-spacing:0;color:#72776e;margin-bottom:9px}
.pname{font-size:19px;font-weight:500;letter-spacing:-.02em;min-height:26px}
.product-spec{margin:12px 0 0;font-size:13px;color:#73776e}
.pfoot{border-top:1px solid #e6e6df;margin-top:20px;padding-top:18px;align-items:center}
.price{font-size:22px;font-weight:500;letter-spacing:-.03em;white-space:nowrap}
.details{font-size:13px;font-weight:500;color:#b74409}
.product[hidden]{display:none}
.empty-products{padding:40px 0;color:#73776e}
.atmosphere{display:grid;grid-template-columns:1.12fr 1fr;background:#242621;color:#fff;min-height:640px}
.atmosphere-image{overflow:hidden;min-height:640px}
.atmosphere-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:75% center}
.atmosphere-copy{padding:80px clamp(36px,5vw,100px);align-self:center}
.atmosphere .eyebrow{color:#b1b4a8}
.atmosphere h2{font-size:clamp(36px,3.55vw,52px);line-height:1.13;letter-spacing:-.045em;font-weight:500;margin:0 0 28px}
.atmosphere-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#c1c3b9;max-width:380px;margin:0 0 32px}
.atmosphere .btn{display:inline-flex}
.section-intro{color:#73776c;max-width:400px;margin:0!important;font-size:16px!important;line-height:1.7!important}
.proof-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:50px;border-top:1px solid #dddfd6;padding-top:40px}
.proof-number>strong{font-size:94px;font-weight:500;line-height:1.1;letter-spacing:-.07em}
.proof-number>strong span{font-size:30px;letter-spacing:-.03em;margin-left:10px;color:#e96923}
.proof-number>p{font-size:15px;line-height:1.65;color:#74786d;margin-top:18px}
.proof-services article{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #e4e5dc}
.proof-services article:last-child{margin-bottom:0;border:0;padding-bottom:0}
.proof-services h3{font-size:18px;font-weight:500;margin:0 0 8px}
.proof-services p{font-size:14px;line-height:1.6;color:#75796d;margin:0}
.brands{padding:0 0 72px}
.brand-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e2e3db;padding:28px 0}
.brand-heading p{font-size:14px;color:#73776c}
.brand-row{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:0}
.brand-row>a{height:96px;display:flex;align-items:center;justify-content:center;border-right:1px solid #e4e5dd;text-decoration:none;padding:18px 24px}
.brand-row>a:last-child{border:0}
.brand-row img{width:100%;height:66px;object-fit:contain;filter:grayscale(1);opacity:.78;transition:filter .2s,opacity .2s}
.brand-row a:hover img{filter:none;opacity:1}
.more-brands{gap:16px}
.more-brands strong{font-size:42px;font-weight:500;letter-spacing:-.055em}
.more-brands span{font-size:12px;color:#7d8076;line-height:1.5}
.showrooms{background:#f4f4f0}
.showroom-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.showroom-display{background:#e9e9e2;position:relative;min-height:600px;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px}
.showroom-display>p{position:absolute;top:26px;left:30px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6a7061;margin:0}
.showroom-display img{width:80%;height:400px;object-fit:contain;mix-blend-mode:multiply}
.showroom-display>div{align-self:flex-start;margin-top:32px}
.showroom-display strong{display:block;font-size:28px;font-weight:500;letter-spacing:-.04em}
.showroom-display span{display:block;font-size:13px;color:#73786a;margin-top:8px}
.store-list article{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid #dcdfd3}
.store-list article:first-child{padding-top:0}
.store-index{font-size:12px;color:#888c7e;padding-top:6px}
.store-list h3{font-size:23px;font-weight:500;margin:0 0 9px;letter-spacing:-.03em}
.store-list p{margin:0 0 7px;font-size:14px}
.store-list small{display:block;color:#747968;font-size:12px;line-height:1.5}
.store-list div>a{display:inline-block;text-decoration:none;font-size:14px;margin-top:14px}
.store-route{display:inline-flex;align-items:center;gap:10px;margin-left:auto;align-self:flex-start;padding:10px 14px;border-radius:7px;background:var(--orange);color:#fff;text-decoration:none;font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap;transition:background .2s,transform .2s}
.store-route:hover{background:#d8540a}
.store-route:active{transform:translateY(1px)}
.journal-grid{display:grid;grid-template-columns:1fr 1fr .82fr;gap:28px}
.journal-card{display:flex;flex-direction:column;text-decoration:none}
.journal-photo{height:250px;overflow:hidden;background:#f2f2ed;border-radius:4px}
.journal-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.journal-photo--empty{display:flex;align-items:center;justify-content:center;color:#777e70;font-size:18px;letter-spacing:-.02em}
.journal-card:hover img{transform:scale(1.04)}
.journal-card>p{font-size:12px;color:#797d70;margin:22px 0 12px}
.journal-card h3{font-size:25px;font-weight:500;letter-spacing:-.03em;line-height:1.25;margin:0 0 24px}
.journal-card>span{margin-top:auto;font-size:13px;color:#494f41}
.journal-note{background:#eceee5;padding:35px 30px;border-radius:4px}
.journal-note>p{margin-top:0}
.journal-note h3{font-size:38px;margin-top:22px}
.journal-note .journal-note-copy{font-size:15px;line-height:1.7;max-width:240px;margin-top:0}
.consultation{background:#edeee7;padding:78px 0 86px}
.consultation-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}
.consultation h2{font-size:46px}
.consultation p:not(.eyebrow){font-size:16px;color:#717765;line-height:1.7;margin:24px 0 0}
.consultation-actions{display:flex;flex-direction:column;align-items:flex-start;justify-self:end;gap:16px;min-width:290px}
.consultation-actions .btn{align-self:stretch;justify-content:space-between}
.consultation-phone{font-size:25px;letter-spacing:-.03em;text-decoration:none;margin-top:5px}
.consultation-actions>span{font-size:12px;color:#727865;margin-top:-6px}
.other-city{font-size:13px;text-underline-offset:5px}
.footer{background:#20231f;color:#d8dbd2;padding:70px 0 26px}
.footer-top{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:60px}
.footer-brand img{width:190px;filter:brightness(0) invert(1);opacity:.94}
.footer-brand p{font-size:14px;line-height:1.7;color:#a2a998;margin:24px 0 0}
.footer h3{font-size:13px;font-weight:500;color:#939c89;margin:0 0 22px}
.footer nav>a,.footer-contact>a{display:block;font-size:14px;text-decoration:none;margin-top:15px}
.footer a:hover{color:#f09050}
.footer-contact>div{display:flex;gap:22px;margin-top:20px;font-size:13px}
.footer-contact>div a{text-decoration:none}
.footer-contact .back-top{display:inline-block;border-bottom:1px solid #565f4e;padding-bottom:6px;margin-top:27px;font-size:13px}
.footer-bottom{border-top:1px solid #3d4336;padding-top:25px;display:flex;justify-content:space-between;gap:22px;font-size:11px;color:#969f8b;line-height:1.6}
.footer-bottom a{text-decoration:none}
.contact-widget{position:fixed;bottom:24px;right:24px;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.contact-widget>button{width:54px;height:54px;border:0;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;box-shadow:0 5px 24px #24262126;transition:transform .2s}
.contact-widget>button:hover{transform:translateY(-3px)}
.contact-menu{background:white;border:1px solid #dedfd7;box-shadow:0 10px 40px #24262120;padding:10px;border-radius:6px;min-width:190px}
.contact-menu a{display:block;padding:12px 14px;text-decoration:none;font-size:14px}
.contact-menu a:hover{background:#f2f3ed}
.contact-menu[hidden]{display:none}

@media(min-width:1180px) and (max-width:1320px){.nav .container{gap:20px}
.mainnav{gap:18px}
.search{width:175px}
.logo{width:160px}
.cart span{display:none}
}

@media(max-width:1179px){.container{width:calc(100% - 48px)}
.topbar .cities a:nth-child(n+2){display:none}
.nav{height:auto;padding:18px 0}
.nav .container{flex-wrap:wrap;gap:18px;justify-content:space-between}
.mainnav{margin-left:auto}
.mainnav a:not(.catalog-link){display:inline-flex}
.nav-actions{width:100%;margin-left:0}
.search{width:auto;flex:1}
.hero{height:auto;min-height:650px}
.hero .container{padding:85px 0}
.hero h1{font-size:52px}
.hero-copy{width:650px;max-width:100%}
.category-grid{gap:16px}
.cat{height:270px}
.cat h3{font-size:23px;max-width:185px}
.cat img,.cat:nth-child(2) img,.cat:nth-child(3) img,.cat:nth-child(4) img{height:225px;right:12px}
.selection-grid{gap:45px}
.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
.photo{height:330px}
.atmosphere{min-height:520px}
.atmosphere-image{min-height:520px}
.atmosphere-copy{padding:50px 32px}
.proof-grid{gap:25px}
.proof-number>strong{font-size:78px}
.proof-number>strong span{font-size:24px}
.showroom-layout{gap:35px}
.journal-grid{gap:20px}
.journal-photo{height:210px}
.journal-note{padding:28px 22px}
.journal-note h3{font-size:32px}
.journal-card h3{font-size:23px}
.consultation h2{font-size:38px}
.footer-top{grid-template-columns:repeat(2,1fr);gap:45px}
.footer-bottom{flex-wrap:wrap}
}

@media(max-width:760px){.container{width:calc(100% - 36px)}
.topbar{font-size:11px}
.topbar .container>a{font-size:10px}
.nav .container{gap:16px}
.logo{width:152px}
.mainnav a:not(.catalog-link){display:none}
.catalog-link{font-size:13px;height:40px}
.nav-actions{gap:12px}
.icon-action{display:flex}
.cart{display:flex}
.cart span{display:none}
.hero{min-height:680px;background-position:64% center}
.hero:before{background:linear-gradient(90deg,rgba(18,17,16,.91),rgba(18,17,16,.56))}
.hero .container{padding:68px 0}
.hero h1{font-size:clamp(34px,7.6vw,48px);letter-spacing:-.04em;line-height:1.13}
.hero h1 br{display:none}
.hero-copy .eyebrow{font-size:10px;margin-bottom:24px}
.hero-copy>p:not(.eyebrow){font-size:15px;max-width:340px}
.ctas{flex-direction:column;align-items:flex-start;gap:22px}
.hero .hero-facts{flex-direction:column;gap:14px;margin-top:42px;font-size:11px}
.categories,.popular,.section-space{padding:64px 0 70px}
.section-head{gap:22px;margin-bottom:30px;align-items:flex-start;flex-direction:column}
.section-head h2,.selection h2,.consultation h2{font-size:34px}
.section-head p{font-size:13px}
.section-intro{font-size:15px!important}
.category-grid{grid-template-columns:1fr;gap:12px}
.cat{height:250px;padding:25px}
.cat h3{font-size:24px;max-width:185px}
.cat img,.cat:nth-child(2) img,.cat:nth-child(3) img,.cat:nth-child(4) img{height:240px;max-width:57%;right:10px;bottom:-15px}
.cat-arrow{left:25px!important;bottom:25px!important}
.selection{padding:62px 0}
.selection-grid{grid-template-columns:1fr;gap:32px}
.selection-actions>a{padding:20px 0;gap:18px}
.selection-actions strong{font-size:19px}
.selection-actions small{font-size:13px}
.body-copy{font-size:15px}
.tabs{gap:25px;overflow:auto}
.tabs button{white-space:nowrap;font-size:13px}
.products{gap:32px 16px}
.photo{height:240px}
.pname{font-size:17px;min-height:44px}
.ptype{font-size:11px}
.product-spec{font-size:11px;line-height:1.5}
.pfoot{flex-direction:column;align-items:flex-start;gap:12px}
.price{font-size:22px}
.badge{font-size:10px;top:12px;left:10px}
.atmosphere{grid-template-columns:1fr}
.atmosphere-image{min-height:0;height:370px}
.atmosphere-copy{padding:45px 24px 55px}
.atmosphere h2{font-size:38px}
.proof-grid{grid-template-columns:1fr 1fr;gap:35px 20px;padding-top:30px}
.proof-number>strong{font-size:68px}
.proof-number>strong span{font-size:23px;margin-left:7px}
.proof-number>p{font-size:13px}
.proof-services{grid-column:1/-1}
.brands{padding-bottom:50px}
.brand-heading p{font-size:13px}
.brand-row{grid-template-columns:repeat(2,1fr)}
.brand-row>a{border-bottom:1px solid #e4e5dd}
.brand-row>a:nth-child(even){border-right:0}
.brand-row>a:last-child{grid-column:1/-1}
.brand-row img{height:55px}
.showroom-layout{grid-template-columns:1fr;gap:34px}
.showroom-display{min-height:430px;padding:25px}
.showroom-display img{height:300px}
.showroom-display>div{margin-top:10px}
.store-list article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 18px}
.store-list article>.store-index{grid-column:1;grid-row:1}
.store-list article>div{grid-column:2;grid-row:1}
.store-list article>.store-route{grid-column:2;grid-row:2;justify-self:start;margin:14px 0 0}
.store-list h3{font-size:22px}
.store-list p{font-size:13px}
.store-list small{font-size:11px}
.journal-grid{grid-template-columns:1fr;gap:38px}
.journal-photo{height:270px}
.journal-card h3{font-size:25px}
.journal-card>p{margin-top:18px}
.journal-note{min-height:330px;padding:30px}
.journal-note h3{font-size:38px}
.consultation{padding:60px 0}
.consultation-grid{grid-template-columns:1fr;gap:35px}
.consultation p:not(.eyebrow){font-size:15px}
.consultation p br{display:none}
.consultation-actions{justify-self:stretch;min-width:0}
.consultation-actions .btn{max-width:340px}
.footer{padding:54px 0 25px}
.footer-top{gap:35px 20px;padding-bottom:40px}
.footer-brand{grid-column:1/-1}
.footer-brand img{width:172px}
.footer-brand p{margin-top:18px}
.footer h3{font-size:12px}
.footer nav>a,.footer-contact>a{font-size:13px}
.footer-contact{grid-column:1/-1}
.footer-bottom{flex-direction:column;gap:15px;padding-right:50px}
.contact-widget{right:16px;bottom:16px}
.contact-widget>button{width:50px;height:50px}
}

@media(max-width:390px){.photo{height:205px}
.price{font-size:20px}
.cat h3{max-width:150px;font-size:22px}
.proof-number>strong{font-size:60px}
.topbar .container>a{display:none}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{transition:none!important;animation:none!important}
}

.popular .photo img{mix-blend-mode:multiply}

.popular .photo img[src*="-cutout."]{mix-blend-mode:normal}