This commit is contained in:
2026-07-05 13:11:51 +03:00
parent 913a186954
commit d174c2952f
6 changed files with 362 additions and 0 deletions

View File

@@ -4,6 +4,7 @@
.home-hero__inner,
.home-categories__inner,
.home-commerce__inner,
.home-steps__inner {
width: min(100% - 40px, var(--container));
margin: 0 auto;
@@ -77,6 +78,7 @@
.home-categories,
.home-showcase,
.home-commerce,
.home-steps,
.home-delivery,
.home-portfolio,
@@ -88,6 +90,7 @@
.home-categories__inner,
.home-showcase__inner,
.home-commerce__inner,
.home-steps__inner,
.home-delivery__inner,
.home-portfolio__inner,
@@ -100,6 +103,7 @@
.home-categories__head,
.home-showcase__head,
.home-commerce__head,
.home-delivery__head,
.home-portfolio__head,
.home-reviews__head,
@@ -184,6 +188,65 @@
font-weight: 800;
}
.home-commerce {
background: var(--color-bg);
}
.home-commerce__inner {
display: grid;
gap: 30px;
}
.home-commerce__head {
max-width: 850px;
}
.home-commerce__lead {
max-width: 780px;
color: var(--color-muted);
font-size: var(--fz-md);
}
.home-commerce__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.home-commerce__card {
display: grid;
gap: 10px;
border: 1px solid var(--color-line);
border-radius: var(--radius-md);
background: var(--color-surface);
padding: 22px;
box-shadow: var(--shadow-soft);
}
.home-commerce__value {
color: var(--color-accent-dark);
font-size: var(--fz-lg);
font-weight: 800;
line-height: 1.1;
}
.home-commerce__title {
font-size: var(--fz-md);
font-weight: 800;
line-height: 1.2;
}
.home-commerce__text {
color: var(--color-muted);
}
.home-commerce__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 18px;
}
.home-steps {
background: var(--color-surface-soft);
}

View File

@@ -39,12 +39,14 @@
.service-hero,
.service-details,
.service-commerce,
.service-formats,
.service-process,
.service-faq,
.service-lead,
.home-hero,
.home-categories,
.home-commerce,
.home-steps,
.policy-hero,
.policy-content,
@@ -66,8 +68,10 @@
}
.service-details__grid,
.service-commerce__grid,
.service-formats__grid,
.home-categories__grid,
.home-commerce__grid,
.home-delivery__grid,
.home-reviews__grid,
.site-footer__grid {
@@ -91,12 +95,14 @@
.service-hero__inner,
.service-details__inner,
.service-commerce__inner,
.service-formats__inner,
.service-process__inner,
.service-faq__inner,
.service-lead__inner,
.home-hero__inner,
.home-categories__inner,
.home-commerce__inner,
.home-steps__inner,
.site-footer__inner,
.policy-hero__inner,

View File

@@ -64,18 +64,67 @@
}
.service-details,
.service-commerce,
.service-process,
.service-lead {
padding: 70px 0;
}
.service-details__inner,
.service-commerce__inner,
.service-process__inner,
.service-lead__inner {
width: min(100% - 40px, var(--container));
margin: 0 auto;
}
.service-commerce {
background: var(--color-bg);
}
.service-commerce__inner {
display: grid;
gap: 30px;
}
.service-commerce__content {
display: grid;
gap: 18px;
max-width: 860px;
}
.service-commerce__lead {
color: var(--color-muted);
font-size: var(--fz-md);
}
.service-commerce__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.service-commerce__card {
display: grid;
gap: 10px;
border: 1px solid var(--color-line);
border-radius: var(--radius-md);
background: var(--color-surface);
padding: 20px;
box-shadow: var(--shadow-soft);
}
.service-commerce__label {
color: var(--color-accent-dark);
font-size: var(--fz-md);
font-weight: 800;
line-height: 1.2;
}
.service-commerce__text {
color: var(--color-muted);
}
.service-details__content {
display: grid;
gap: 22px;