/* Главная: единая сетка для широких экранов и мобильных устройств. */
.iteral-home-design{--home-navy:#193b59;--home-lime:#a1d919;color:#142942}
.iteral-home-design .wrap{width:min(1600px,calc(100% - 80px));margin-inline:auto}
.iteral-home-design .header{min-height:76px;height:auto}
.iteral-home-design .hero{position:relative;min-height:500px;overflow:hidden;background-position:center}
.iteral-home-design .hero:before,.iteral-home-design .hero:after{content:"";position:absolute;inset:0 auto 0 0;pointer-events:none}
.iteral-home-design .hero:before{width:55%;background:#eff2f4;clip-path:polygon(0 0,100% 0,76% 100%,0 100%)}
.iteral-home-design .hero:after{width:55%;background:var(--home-lime);clip-path:polygon(99.2% 0,100% 0,76% 100%,75.2% 100%)}
.iteral-home-design .hero-inner{position:relative;z-index:1;width:min(1600px,calc(100% - 80px));padding-block:75px}
.iteral-home-design .hero-copy{max-width:560px}
.iteral-home-design .hero h1{font-size:clamp(40px,3.3vw,64px);line-height:1.04;letter-spacing:-.035em}
.iteral-home-design .hero p{max-width:440px}
.iteral-home-design .hero .btn.dark{background:var(--home-lime);color:#102235}
.iteral-home-design .hero .btn.outline{border-color:var(--home-navy)}
.iteral-home-design section{padding-block:42px}
.iteral-home-design .iteral-home-section{padding-block:34px}
.iteral-home-design .heading{font-size:clamp(27px,2vw,36px);line-height:1.1;margin-bottom:24px}
/* Фирменная косая полоса перед каждым заголовком раздела. */
.iteral-home-design .heading:before{width:14px;height:30px;margin-right:18px;background:var(--home-lime);transform:skew(-28deg);vertical-align:-2px}
.iteral-home-design #categories{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:28px;align-items:start}
.iteral-home-design #categories .heading{margin:0}
.iteral-home-design .iteral-home-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.iteral-home-design .iteral-category-tile{min-height:175px;background:#edf1f4}
.iteral-home-design .iteral-category-tile img{object-fit:contain}
.iteral-home-design .iteral-production-banner{min-height:270px;position:relative;overflow:hidden;border-radius:12px;padding:40px 48px;background:linear-gradient(105deg,#e9eef2 0%,#e9eef2 42%,rgba(233,238,242,.1) 70%),url('hero.png') center 48%/cover no-repeat;color:#173c5b}
.iteral-home-design .iteral-production-banner:after{content:"";position:absolute;top:0;bottom:0;left:47%;width:7px;background:var(--home-lime);transform:skew(-25deg);pointer-events:none}
.iteral-home-design .iteral-production-banner>div{position:relative;z-index:1;max-width:40%}
.iteral-home-design .iteral-production-banner h2{font-size:clamp(29px,2.2vw,38px)}
.iteral-home-design .iteral-production-banner h2:before{content:"";display:inline-block;width:13px;height:29px;margin-right:16px;background:var(--home-lime);transform:skew(-28deg);vertical-align:-2px}
.iteral-home-design .iteral-home-products{gap:16px}
.iteral-home-design .iteral-home-product{background:#f2f5f7;border:0;border-radius:9px}
.iteral-home-design .iteral-home-product img{background:#edf1f4;height:250px}
.iteral-home-design .steps{gap:16px}
.iteral-home-design .step{padding:22px;background:#f1f4f6;border-radius:9px}
.iteral-home-design .step-icon{border-radius:0;background:transparent;color:#77b900;font-size:27px}
.iteral-home-design .step h3{margin-top:10px}
.iteral-home-design .materials{background:#f6f8f9}
.iteral-home-design .article{border:0;background:#fff}
.iteral-home-design .contact{background:#edf1f4;color:#142942;border-radius:12px}
.iteral-home-design .contact .heading{color:#142942}
.iteral-home-design .foot{background:#173954;color:#fff;border:0}
.iteral-home-design .foot .wrap{align-items:center}
@media(max-width:1100px){.iteral-home-design .wrap,.iteral-home-design .hero-inner{width:calc(100% - 48px)}.iteral-home-design #categories{display:block}.iteral-home-design #categories .heading{margin-bottom:20px}.iteral-home-design .iteral-home-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.iteral-home-design .hero:before,.iteral-home-design .hero:after{width:65%}.iteral-home-design .hero-copy{max-width:47%}.iteral-home-design .hero h1{font-size:clamp(35px,4.8vw,52px)}}
@media(max-width:760px){.iteral-home-design .wrap,.iteral-home-design .hero-inner{width:calc(100% - 32px)}.iteral-home-design .hero{min-height:0;background-position:65% center}.iteral-home-design .hero:before{width:100%;clip-path:none;background:rgba(239,242,244,.91)}.iteral-home-design .hero:after{width:7px;clip-path:none;transform:skew(-18deg);left:auto;right:20px;opacity:.85}.iteral-home-design .hero-inner{padding-block:48px}.iteral-home-design .hero-copy{max-width:90%}.iteral-home-design .hero h1{font-size:clamp(35px,8vw,48px)}.iteral-home-design section,.iteral-home-design .iteral-home-section{padding-block:28px}.iteral-home-design .iteral-home-categories,.iteral-home-design .iteral-home-products{grid-template-columns:repeat(2,minmax(0,1fr))}.iteral-home-design .iteral-category-tile{min-height:155px}.iteral-home-design .iteral-production-banner{padding:25px;min-height:230px;background:linear-gradient(90deg,rgba(233,238,242,.98),rgba(233,238,242,.8)),url('hero.png') center/cover}.iteral-home-design .iteral-production-banner>div{max-width:90%}.iteral-home-design .iteral-production-banner:after{left:auto;right:14px}.iteral-home-design .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.iteral-home-design .iteral-home-product img{height:170px}.iteral-home-design .contact{padding:25px;grid-template-columns:1fr;gap:20px}}
@media(max-width:430px){.iteral-home-design .iteral-category-tile{min-height:140px}.iteral-home-design .steps{grid-template-columns:1fr}.iteral-home-design .hero-copy{max-width:100%}.iteral-home-design .hero .actions{gap:10px}.iteral-home-design .hero .btn{padding:14px 16px}}

/* Согласованная композиция: прежний первый баннер и секции с боковыми заголовками. */
.iteral-home-design .hero{min-height:475px;background-position:center}
.iteral-home-design .hero:before,.iteral-home-design .hero:after{display:none}
.iteral-home-design .hero-inner{padding-block:64px}
.iteral-home-design .hero-copy{max-width:520px}
.iteral-home-design .hero h1{font-size:clamp(38px,4.7vw,65px);line-height:1.04;letter-spacing:-.04em}
.iteral-home-design .hero .btn.dark{background:#193c5b;color:#fff}
.iteral-home-design .hero .btn.outline{border-color:#9bd41a}
.iteral-home-design .heading:before{display:inline-block;width:13px;height:28px;margin:0 16px 0 0;transform:skew(-28deg);vertical-align:-2px}
.iteral-home-design .home-section-title>a{display:inline-block;font-size:14px;font-weight:700;color:#173c5b}
.iteral-home-design .home-section-title>a span{color:#8dc700;font-size:22px;margin-left:10px}
.iteral-home-design #categories,.iteral-home-design .home-products-section,.iteral-home-design #process{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}
.iteral-home-design .home-section-title .heading{margin:0 0 16px}
.iteral-home-design .iteral-home-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.iteral-home-design .iteral-category-tile{min-height:150px;align-items:flex-start;color:#173c5b!important;background:#edf1f4}
.iteral-home-design .iteral-category-tile:after{display:none}
.iteral-home-design .iteral-category-tile img{inset:0 0 0 auto;width:58%;height:100%;object-fit:contain}
.iteral-home-design .iteral-category-tile span{max-width:60%;padding:18px 0 42px 16px;font-size:16px}
.iteral-home-design .iteral-category-tile b{left:16px;right:auto;bottom:14px;width:auto;height:auto;background:none;color:#80bc00;font-size:23px}
.iteral-home-design .iteral-category-tile:hover b{background:none}
.iteral-home-design .home-production-intro{display:grid;grid-template-columns:240px 1fr 1.2fr;gap:28px;align-items:center;margin-bottom:22px}
.iteral-home-design .home-production-intro .heading{margin:0}
.iteral-home-design .home-production-intro p{margin:0;color:#536879;line-height:1.5}
.iteral-home-design .home-production-links{display:flex;align-items:center;gap:25px;padding:22px;background:#f1f4f6;border-radius:9px}
.iteral-home-design .home-production-links a{flex:1;font-size:15px;font-weight:700;color:#173c5b}
.iteral-home-design .home-production-links a:before{content:'◇';color:#80bd00;font-size:26px;vertical-align:middle;margin-right:10px}
.iteral-home-design .iteral-production-banner{min-height:260px;background:linear-gradient(105deg,#edf1f4 0%,#edf1f4 36%,rgba(237,241,244,.1) 58%),url('home-production.png') center/cover no-repeat}
.iteral-home-design .iteral-production-banner:after{left:42%}
.iteral-home-design .iteral-production-banner>div{max-width:33%}
.iteral-home-design .iteral-production-banner p{font-size:20px;font-weight:700;line-height:1.35}
.iteral-home-design .iteral-section-head{display:block}
.iteral-home-design .iteral-home-product{padding-top:0;background:#f1f4f6}
.iteral-home-design .iteral-home-product img{height:240px}
.iteral-home-design #process>.heading{margin:0}
.iteral-home-design .step{min-height:160px}
.iteral-home-design .step-icon{width:auto;height:auto;display:block;color:#7eb900;font-size:24px}
.iteral-home-design .materials>.wrap{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:28px;align-items:start}
.iteral-home-design .materials .heading{grid-column:1;grid-row:1;margin:0}
.iteral-home-design .materials>.wrap>p{grid-column:1;grid-row:2;margin-top:16px}
.iteral-home-design .materials .cards{grid-column:2;grid-row:1 / span 2;margin-top:0!important}
.iteral-home-design .article{background:#fff;border:1px solid #e6ebee}
.iteral-home-design .contact{border-radius:0;background:#f1f4f6}
.iteral-home-design .foot{background:#173954}
@media(max-width:1100px){.iteral-home-design #categories,.iteral-home-design .home-products-section,.iteral-home-design #process{grid-template-columns:190px minmax(0,1fr)}.iteral-home-design .home-production-intro{grid-template-columns:190px 1fr}.iteral-home-design .home-production-links{grid-column:1/-1}.iteral-home-design .materials>.wrap{grid-template-columns:190px minmax(0,1fr)}.iteral-home-design .iteral-home-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.iteral-home-design .hero{min-height:550px;background-position:62% center}.iteral-home-design .hero-inner{padding-block:48px}.iteral-home-design .hero-copy{max-width:400px;background:rgba(255,255,255,.8);padding:20px;border-radius:14px}.iteral-home-design .hero h1{font-size:39px}.iteral-home-design #categories,.iteral-home-design .home-products-section,.iteral-home-design #process,.iteral-home-design .home-production-intro,.iteral-home-design .materials>.wrap{display:block}.iteral-home-design .home-section-title,.iteral-home-design #process>.heading,.iteral-home-design .home-production-intro .heading{margin-bottom:20px}.iteral-home-design .home-production-intro p{margin-bottom:18px}.iteral-home-design .home-production-links{gap:12px;padding:16px}.iteral-home-design .home-production-links a{font-size:13px}.iteral-home-design .iteral-production-banner{min-height:210px;background:linear-gradient(90deg,rgba(237,241,244,.98),rgba(237,241,244,.65)),url('home-production.png') center/cover}.iteral-home-design .iteral-production-banner>div{max-width:85%}.iteral-home-design .iteral-production-banner:after{left:auto;right:14px}.iteral-home-design .materials .cards{margin-top:20px!important}.iteral-home-design .iteral-category-tile{min-height:140px}.iteral-home-design .iteral-category-tile span{font-size:14px}}

/* Категории и карточки товаров. */
.iteral-home-design .iteral-category-tile img{display:none}
.iteral-home-design .iteral-category-tile:before{content:"";position:absolute;inset:0 0 0 auto;width:58%;background-image:url('home-category-sprite.png');background-size:400% 200%;background-repeat:no-repeat}
.iteral-home-design .iteral-category-tile:nth-child(1):before{background-position:0 0}
.iteral-home-design .iteral-category-tile:nth-child(2):before{background-position:33.333% 0}
.iteral-home-design .iteral-category-tile:nth-child(3):before{background-position:66.666% 0}
.iteral-home-design .iteral-category-tile:nth-child(4):before{background-position:100% 0}
.iteral-home-design .iteral-category-tile:nth-child(5):before{background-position:0 100%}
.iteral-home-design .iteral-category-tile:nth-child(6):before{background-position:33.333% 100%}
.iteral-home-design .iteral-category-tile:nth-child(7):before{background-position:66.666% 100%}
.iteral-home-design .iteral-category-tile:nth-child(8):before{background-position:100% 100%}
.iteral-home-design .iteral-category-tile span{position:relative;z-index:2;overflow-wrap:normal;word-break:normal;hyphens:none;max-width:55%;padding-right:2px}
.iteral-home-design .iteral-home-product img{height:auto;aspect-ratio:1/1;object-fit:contain}
.iteral-home-design .home-products-section .iteral-section-head>a{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #a1d919;border-radius:7px;background:#fff}
.iteral-home-design .home-products-section .iteral-section-head>a:hover{background:#f0f9d9}
/* Производство: ровная шапка и отдельное изображение. */
.iteral-home-design .home-production-intro{grid-template-columns:minmax(210px,240px) minmax(200px,1fr) minmax(420px,1.65fr);gap:28px}
.iteral-home-design .home-production-intro .heading{overflow-wrap:normal;word-break:normal;hyphens:none}
.iteral-home-design .home-production-links{gap:12px;padding:19px 24px}
.iteral-home-design .home-production-links a{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.3}
.iteral-home-design .home-production-links a:before{display:none}
.iteral-home-design .home-production-links a span{font-size:31px;line-height:1;color:#8bc600}
.iteral-home-design .iteral-production-banner{background:linear-gradient(105deg,#edf1f4 0%,#edf1f4 32%,rgba(237,241,244,.08) 51%),url('home-wood-medal.png') center/cover no-repeat}
.iteral-home-design .iteral-production-banner ul{list-style:none;margin:0 0 20px;padding:0;color:#173c5b;line-height:1.9}
.iteral-home-design .iteral-production-banner li:before{content:'✓';color:#86c000;margin-right:12px;font-weight:700}
/* Форма как в согласованном макете; поля и согласие остаются доступными. */
.iteral-home-design .home-contact-section{background:#f1f4f6;padding:0}
.iteral-home-design .home-contact-section .contact{display:grid;grid-template-columns:minmax(200px,1fr) minmax(320px,1.3fr) minmax(240px,1fr);gap:30px;align-items:center;padding:32px 0;background:transparent}
.iteral-home-design .home-contact-copy .heading{margin:0 0 18px}
.iteral-home-design .home-contact-copy p{font-size:14px;line-height:1.5;margin:0 0 10px}
.iteral-home-design .home-contact-form .form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:center}
.iteral-home-design .home-contact-form input:not([type=hidden]):not([type=checkbox]),.iteral-home-design .home-contact-form textarea{min-width:0;background:#fff;border:1px solid #cbd5de;border-radius:5px;padding:11px 12px;font-size:14px}
.iteral-home-design .home-contact-form textarea{grid-column:1/-1;min-height:78px;resize:vertical}
.iteral-home-design .home-contact-form .btn{grid-column:1;width:100%;padding:12px 15px}
.iteral-home-design .home-contact-form .home-consent{grid-column:2;display:flex;align-items:flex-start;gap:7px;color:#536879;font-size:11px}
.iteral-home-design .home-contact-form .home-consent input{width:auto;flex:none;margin:2px 0 0}
.iteral-home-design .home-contact-photo{align-self:stretch;min-height:250px;background:url('home-contact.png') center/cover no-repeat;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);border-left:5px solid #a1d919}
/* Подвал по макету, с действующими ссылками и оригинальным логотипом. */
.iteral-home-design .foot{padding:30px 0;background:#173954;color:#fff}
.iteral-home-design .foot .home-footer{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}
.iteral-home-design .home-footer-logo{display:block;background:#fff;border-radius:4px;padding:9px 12px}
.iteral-home-design .home-footer-logo img{display:block;width:150px;height:auto}
.iteral-home-design .home-footer nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;font-size:14px;font-weight:700}
.iteral-home-design .home-footer nav a:hover,.iteral-home-design .home-footer-bottom a:hover{text-decoration:underline}
.iteral-home-design .home-footer-bottom{grid-column:1/-1;border-top:1px solid #668096;padding-top:15px;display:flex;justify-content:space-between;gap:20px;font-size:13px}
@media(max-width:1100px){.iteral-home-design .home-production-intro{grid-template-columns:190px 1fr}.iteral-home-design .home-production-links{grid-column:1/-1}.iteral-home-design .home-contact-section .contact{grid-template-columns:1fr 1.5fr}.iteral-home-design .home-contact-photo{display:none}}
@media(max-width:760px){.iteral-home-design .home-production-intro{display:block}.iteral-home-design .home-production-links{margin-top:18px}.iteral-home-design .iteral-production-banner{background:linear-gradient(90deg,rgba(237,241,244,.98),rgba(237,241,244,.75)),url('home-wood-medal.png') 65% center/cover no-repeat}.iteral-home-design .iteral-production-banner>div{max-width:85%}.iteral-home-design .home-contact-section .contact{display:block;padding:26px 0}.iteral-home-design .home-contact-copy{margin-bottom:20px}.iteral-home-design .foot .home-footer{grid-template-columns:1fr auto;gap:20px}.iteral-home-design .home-footer nav{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr))}.iteral-home-design .home-footer-bottom{grid-row:3;flex-direction:column;gap:8px}}
@media(max-width:430px){.iteral-home-design .home-contact-form .form{grid-template-columns:1fr}.iteral-home-design .home-contact-form textarea,.iteral-home-design .home-contact-form .btn,.iteral-home-design .home-contact-form .home-consent{grid-column:1}.iteral-home-design .home-production-links{flex-wrap:wrap}.iteral-home-design .home-production-links a{min-width:120px}}

/* На главной карточка остаётся близкой к квадрату даже при длинном названии. */
.iteral-home-design .iteral-home-product img{aspect-ratio:1.35/1}
.iteral-home-design .iteral-home-product strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.25;min-height:2.5em}
.iteral-home-design .iteral-home-product>span,.iteral-home-design .iteral-home-product>small{display:none}

/* Показываем деревянную коробку и акриловый короб полностью. */
.iteral-home-design .iteral-production-banner{min-height:340px;background-color:#edf1f4;background-image:url('home-wood-acrylic.png');background-size:auto 100%;background-position:right center;background-repeat:no-repeat}
@media(max-width:760px){.iteral-home-design .iteral-production-banner{align-items:flex-start;min-height:420px;padding-bottom:190px;background-size:100% auto;background-position:right bottom}.iteral-home-design .iteral-production-banner>div{max-width:100%}.iteral-home-design .iteral-production-banner:after{display:none}}

/* Панорамная фотография заполняет всю поверхность за косой полосой. */
.iteral-home-design .iteral-production-banner{min-height:clamp(340px,24vw,430px);background-image:url('home-wood-acrylic-wide.png');background-size:cover;background-position:center;background-repeat:no-repeat}
.iteral-home-design .iteral-production-banner:before{content:"";position:absolute;top:0;bottom:0;left:-220px;width:calc(42% + 220px);background:#edf1f4;transform:skew(-25deg);pointer-events:none}
.iteral-home-design .iteral-production-banner:after{z-index:1}
.iteral-home-design .iteral-production-banner>div{z-index:2}
@media(max-width:760px){.iteral-home-design .iteral-production-banner{min-height:450px;align-items:flex-start;padding-bottom:200px;background-size:auto 220px;background-position:right bottom;background-color:#edf1f4}.iteral-home-design .iteral-production-banner:before,.iteral-home-design .iteral-production-banner:after{display:none}}