new
This commit is contained in:
@@ -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);
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user