.breadcrumbs{display:flex;align-items:center;gap:10px;min-height:53px;color:#607588;font-size:11px}
.breadcrumbs a{color:#087dce}
.breadcrumbs a:hover{text-decoration:underline}
.detail-hero{background:linear-gradient(110deg,#fff 15%,#f1f9ff 100%);overflow:hidden}
.detail-hero-inner{display:grid;grid-template-columns:1fr 1fr;min-height:465px;align-items:stretch}
.detail-hero-copy{padding:58px 30px 45px 0;align-self:center}
.detail-kicker{color:#007bcf;font-size:11px;font-weight:800;letter-spacing:.6px;margin:0 0 12px}
.detail-hero h1{color:#082f58;font-size:clamp(34px,4.4vw,50px);line-height:1.04;letter-spacing:-1.8px;margin:0 0 23px;font-weight:800}
.detail-hero h1 span{color:#087ccb}
.detail-lead{color:#082f58;font-size:20px;line-height:1.3;letter-spacing:-.5px;font-weight:700;margin:0 0 19px}
.detail-description{font-size:14px;line-height:1.65;max-width:420px;margin:0 0 25px}
.detail-actions{display:flex;gap:10px;flex-wrap:wrap}
.detail-actions .button{height:42px}
.detail-media{min-width:0;background-size:auto 132%;background-repeat:no-repeat;background-position:right top;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%);border-right:4px solid #087ccb}
.media-deep{background-position:74% top}
.detail-media.media-carpet{background-size:auto 155%;background-position:72% top}
.detail-media.media-glass{background-size:auto 155%;background-position:right top}
.media-contact{background-position:right top}
.service-nav{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;padding-block:24px;border-bottom:1px solid #dcecf6}
.service-nav a{border:1px solid #c4dfef;color:#08538d;border-radius:100px;padding:10px 14px;font-size:11px;font-weight:700;transition:background .2s,color .2s}
.service-nav a:hover,.service-nav a.current{background:#087ccb;color:#fff;border-color:#087ccb}
.detail-section{padding-block:60px 68px;text-align:center}
.detail-section h2,.contact-methods h2,.contact-values h2{font-size:31px;letter-spacing:-1px;line-height:1.12;color:#082f58;margin:0 0 28px}
.detail-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:15px;text-align:left}
.detail-feature{padding:25px 20px 26px;border-radius:12px;background:#eef7fd;box-shadow:0 1px 8px #09487209}
.detail-feature-icon{width:51px;height:51px;border-radius:50%;display:grid;place-items:center;background:#d8eefb;color:#087ccb;margin-bottom:18px}
.detail-feature-icon svg{width:29px;height:29px;stroke-width:1.7}
.detail-feature h3{font-size:15px;line-height:1.15;color:#082f58;margin:0 0 11px;text-transform:uppercase}
.detail-feature p{font-size:13px;line-height:1.55;margin:0}
.detail-closing{background:#ecf7fe;padding:27px 0}
.detail-closing .container{display:flex;align-items:center;gap:18px}
.detail-closing-icon{width:58px;height:58px;flex:none;border-radius:50%;display:grid;place-items:center;background:#fff;color:#087ccb}
.detail-closing-icon svg{width:31px;height:31px}
.detail-closing p{color:#082f58;font-size:16px;line-height:1.4;font-weight:600;margin:0;flex:1}
.detail-closing a{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#007bcf;white-space:nowrap}
.detail-closing a svg{width:16px;height:16px}
.detail-footer .footer-grid{grid-template-columns:1.8fr 1fr 1.65fr 1.65fr .9fr}
.detail-footer{padding-bottom:14px}

.contact-hero .detail-hero-inner{min-height:430px}
.contact-methods{padding-block:70px 62px;text-align:center;scroll-margin-top:22px}
.contact-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:left}
.contact-method{display:flex;flex-direction:column;align-items:flex-start;min-height:220px;border:1px solid #d8ebf7;background:#fff;box-shadow:0 5px 25px #082f580d;border-radius:12px;padding:22px;transition:transform .2s,box-shadow .2s}
.contact-method:hover{transform:translateY(-3px);box-shadow:0 10px 28px #082f581c}
.contact-method>span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#e5f4fc;color:#087ccb}
.contact-method>span svg{width:26px;height:26px}
.contact-method h3{color:#082f58;font-size:14px;margin:16px 0 8px}
.contact-method strong{font-size:16px;color:#082f58;overflow-wrap:anywhere}
.contact-method small{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:17px;color:#007bcf;font-weight:700;font-size:11px}
.contact-method small svg{width:15px;height:15px}
.service-area{display:flex;align-items:center;justify-content:center;gap:7px;margin:25px 0 0;color:#4f6276;font-size:12px}
.service-area svg{width:16px;height:16px;color:#087ccb}
.contact-values{background:linear-gradient(90deg,#ebf6fc,#f4fafe 50%,#eaf5fc);padding:55px 0 60px;text-align:center}
.contact-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.contact-value-grid article{padding:8px 8px 0}
.contact-value-grid span{width:64px;height:64px;border:1px solid #c7e5f7;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;color:#087ccb;background:#fff}
.contact-value-grid span svg{width:33px;height:33px}
.contact-value-grid h3{color:#082f58;font-size:13px;text-transform:uppercase;margin:0 0 10px}
.contact-value-grid p{font-size:12px;line-height:1.5;margin:0}

@media (min-width:1250px){.detail-hero-inner{min-height:510px}.detail-hero-copy{padding-right:55px}.detail-hero h1{font-size:56px}.detail-media{background-size:auto 137%}}
@media (max-width:850px){.detail-hero-copy{padding:35px 20px 35px 0}.detail-hero h1{font-size:36px}.detail-lead{font-size:17px}.detail-description{font-size:12px}.detail-media{background-size:auto 135%}.detail-footer .footer-grid{gap:12px}.detail-footer .footer-contacts li{white-space:normal}}
@media (max-width:780px){.subpage .menu-toggle{display:flex;width:42px;height:42px;border:1px solid #d4e8f4;background:#fff;border-radius:5px;flex-direction:column;align-items:center;justify-content:center;gap:5px}.subpage .menu-toggle span{width:19px;height:2px;background:#087dce;border-radius:2px}.subpage .primary-nav{display:none;position:absolute;top:86px;left:0;right:0;padding:15px 24px 20px;background:#fff;box-shadow:0 10px 18px #0c365021;align-items:stretch;flex-direction:column;gap:0}.subpage .primary-nav.open{display:flex}.subpage .primary-nav>a:not(.button){padding:12px 5px;border-bottom:1px solid #e8f0f7}.subpage .nav-quote{margin:14px 0 0}.subpage .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.subpage .footer-about{grid-column:1/-1}.contact-method-grid{gap:10px}.contact-method{padding:16px}.contact-method strong{font-size:13px}}
@media (max-width:650px){.subpage .primary-nav{top:72px}.breadcrumbs{min-height:46px;white-space:nowrap;overflow:auto}.detail-hero-inner{display:flex;flex-direction:column;min-height:0}.detail-media{order:-1;height:250px;background-size:auto 160%;background-position:right top;clip-path:none;border:0;border-bottom:4px solid #087ccb;margin-inline:-18px}.detail-media.media-carpet{background-size:auto 160%;background-position:70% top}.detail-media.media-glass{background-size:auto 160%;background-position:right top}.media-deep{background-position:74% top}.detail-hero-copy{padding:29px 0 35px}.detail-hero h1{font-size:35px;margin-bottom:18px}.detail-lead{font-size:18px}.detail-description{font-size:13px}.detail-actions .button{flex:1;min-width:0}.service-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-block:18px}.service-nav::-webkit-scrollbar{display:none}.service-nav a{white-space:nowrap}.detail-section{padding-block:45px 48px}.detail-section h2,.contact-methods h2,.contact-values h2{font-size:27px}.detail-feature-grid{grid-template-columns:1fr;gap:12px}.detail-feature{padding:20px}.detail-feature-icon{margin-bottom:12px}.detail-closing .container{flex-wrap:wrap}.detail-closing p{font-size:14px;flex-basis:calc(100% - 80px)}.detail-closing a{margin-left:76px}.contact-hero .detail-hero-inner{min-height:0}.contact-methods{padding-block:48px}.contact-method-grid{grid-template-columns:1fr}.contact-method{min-height:0;padding:19px}.contact-method small{padding-top:13px}.contact-values{padding:46px 0}.contact-value-grid{grid-template-columns:repeat(2,1fr);gap:24px 8px}.contact-value-grid article{padding:0}.contact-value-grid span{width:54px;height:54px;margin-bottom:12px}.contact-value-grid span svg{width:28px;height:28px}.subpage .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subpage .footer-about{grid-column:1/-1}}
@media (max-width:350px){.detail-actions .button{width:100%;flex:auto}.contact-value-grid{grid-template-columns:1fr 1fr}.contact-value-grid p{font-size:11px}}
