This commit is contained in:
2026-07-05 13:59:26 +03:00
parent 5e986b9372
commit 046fb8922c
6 changed files with 448 additions and 0 deletions

View File

@@ -68,6 +68,29 @@
color: var(--color-muted);
}
.portfolio-hero__links {
grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.portfolio-hero__link {
border: 1px solid var(--color-line);
border-radius: 999px;
background: var(--color-surface);
color: var(--color-text);
font-weight: 800;
text-decoration: none;
padding: 10px 15px;
transition: border-color 0.2s ease, color 0.2s ease;
}
.portfolio-hero__link:hover {
border-color: var(--color-accent);
color: var(--color-accent-dark);
}
.portfolio-gallery {
padding: 28px 0 76px;
background: var(--color-bg);
@@ -127,6 +150,13 @@
transform: scale(1.04);
}
.portfolio-gallery__action {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 18px;
}
.portfolio-lead {
padding: 70px 0;
background: var(--color-surface-soft);

View File

@@ -40,6 +40,10 @@
.service-hero,
.service-details,
.service-commerce,
.service-prices,
.service-terms,
.service-reviews,
.service-related,
.service-formats,
.service-process,
.service-faq,
@@ -69,6 +73,10 @@
.service-details__grid,
.service-commerce__grid,
.service-prices__grid,
.service-terms__grid,
.service-reviews__grid,
.service-related__grid,
.service-formats__grid,
.home-categories__grid,
.home-commerce__grid,
@@ -96,6 +104,10 @@
.service-hero__inner,
.service-details__inner,
.service-commerce__inner,
.service-prices__inner,
.service-terms__inner,
.service-reviews__inner,
.service-related__inner,
.service-formats__inner,
.service-process__inner,
.service-faq__inner,

View File

@@ -65,6 +65,10 @@
.service-details,
.service-commerce,
.service-prices,
.service-terms,
.service-reviews,
.service-related,
.service-process,
.service-lead {
padding: 70px 0;
@@ -72,6 +76,10 @@
.service-details__inner,
.service-commerce__inner,
.service-prices__inner,
.service-terms__inner,
.service-reviews__inner,
.service-related__inner,
.service-process__inner,
.service-lead__inner {
width: min(100% - 40px, var(--container));
@@ -143,6 +151,110 @@
margin-top: 10px;
}
.service-prices {
background: var(--color-bg);
}
.service-prices__inner,
.service-terms__inner,
.service-reviews__inner,
.service-related__inner {
display: grid;
gap: 30px;
}
.service-prices__head,
.service-terms__head,
.service-reviews__head,
.service-related__head {
display: grid;
gap: 18px;
max-width: 850px;
}
.service-prices__lead {
max-width: 760px;
color: var(--color-muted);
font-size: var(--fz-md);
}
.service-prices__grid,
.service-terms__grid,
.service-reviews__grid,
.service-related__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.service-price-card,
.service-term-card,
.service-review-card,
.service-related-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);
}
.service-price-card__price {
color: var(--color-accent-dark);
font-size: var(--fz-lg);
font-weight: 800;
line-height: 1.1;
}
.service-price-card__title,
.service-term-card__title {
font-size: var(--fz-md);
font-weight: 800;
line-height: 1.2;
}
.service-price-card__text,
.service-term-card__text,
.service-review-card__text,
.service-related-card__text {
color: var(--color-muted);
}
.service-terms,
.service-reviews {
background: var(--color-surface-soft);
}
.service-review-card__author {
margin-top: 8px;
color: var(--color-text);
font-weight: 800;
}
.service-review-card__occasion {
color: var(--color-accent-dark);
font-size: var(--fz-sm);
font-weight: 800;
}
.service-related-card {
color: inherit;
text-decoration: none;
transition: transform 0.2s ease, border-color 0.2s ease;
}
.service-related-card:hover {
border-color: var(--color-accent);
transform: translateY(-2px);
}
.service-related-card__title {
color: var(--color-text);
font-size: var(--fz-md);
font-weight: 800;
}
.service-formats {
padding: 70px 0;
background: var(--color-surface-soft);