+998 (99) 635-44-44
+998 (55) 518-06-06
+998 (55) 518-06-06
+998 (99) 635-44-44
.faq-layout h2 {
font-size: 48px;
}
.hero-layout,
.section-head,
.faq-layout,
.contact-grid {
grid-template-columns: 1fr;
}
.hero-visual {
max-width: 760px;
}
.object-grid,
.benefit-grid,
.trust-grid {
grid-template-columns: repeat(2, 1fr);
}
.case-card {
grid-template-columns: 1fr;
}
.case-index {
min-height: 180px;
border-right: 0;
border-bottom: 1px solid var(--dark-gray);
}
}
@media (max-width: 760px) {
.container {
width: min(100% - 30px, 1360px);
}
.header-cta {
display: none;
}
.hero-layout {
min-height: auto;
gap: 44px;
padding-block: 56px;
}
h1 {
font-size: 43px;
line-height: 1.04;
}
.hero-copy-block > p,
.section-head p,
.faq-layout p,
.direct-panel p {
font-size: 16px;
}
.hero-proof {
grid-template-columns: 1fr;
}
.hero-actions,
.button {
width: 100%;
}
.floor-stack {
padding: 46px 18px;
}
.floor-layer {
min-height: 68px;
grid-template-columns: 36px 1fr;
}
.floor-layer em {
display: none;
}
.section {
padding-block: 76px;
}
.section-head {
gap: 30px;
}
.section-head h2,
.faq-layout h2,
.contact-grid h2 {
font-size: 36px;
line-height: 1.08;
}
.object-grid,
.benefit-grid,
.trust-grid {
grid-template-columns: 1fr;
margin-top: 40px;
}
.object-grid article,
.benefit-grid article,
.trust-grid article {
min-height: 240px;
}
.object-grid h3,
.benefit-grid h3,
.trust-grid h3 {
margin-top: 44px;
}
.process-list article {
grid-template-columns: 1fr;
gap: 14px;
}
.process-list h3 {
font-size: 30px;
}
.case-content {
padding: 28px;
}
.case-content h3 {
font-size: 34px;
}
.case-content dl,
form {
grid-template-columns: 1fr;
}
.faq-layout {
gap: 40px;
}
.faq-item button span {
font-size: 18px;
}
.faq-answer p {
padding-right: 0;
}
.estimate-panel,
.direct-panel {
padding: 28px;
}
form .button {
width: 100%;
}
.contact-methods a {
grid-template-columns: 1fr 24px;
}
.contact-methods span {
grid-column: 1 / -1;
}
.site-footer {
align-items: flex-start;
flex-direction: column;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}