/*
 * page-steklostruyka.css
 * Страница «Стеклоструйная обработка».
 *
 * Порядок секций соответствует порядку подключения блоков
 * в page-steklostruyka.php:
 *   1. STEKLO ABOUT
 *   2. STEKLO COMPARE
 *   3. STEKLO PRICES
 *   4. STEKLO WORKS
 *   5. STEKLO LOCATION
 */

.pwd-steklostruy-page {
    padding-top: 6rem;
}

/* ============================================ */
/* STEKLO ABOUT                                 */
/* ============================================ */

/* --- Layout --- */
.pwd-sabout {
    padding-top: calc(var(--pwd-section-py) + 4rem); /* компенсация фиксированной навигации, hero отсутствует */
    padding-bottom: var(--pwd-section-py);
}

.pwd-sabout__header {
    display: grid;
    gap: 2rem;
    margin-bottom: 3.5rem;
}

/* --- Elements --- */
.pwd-sabout__label {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.pwd-sabout__label-line {
    width: 3rem;
    height: 1px;
    background: var(--pwd-accent-orange);
}

.pwd-sabout__label-text {
    font-family: var(--pwd-font-sans);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: var(--pwd-accent-orange);
}

.pwd-sabout__title {
    display: flex;
    flex-direction: column;
    font-size: clamp(2.25rem, 6vw, 4rem);
    line-height: 1.05;
}

.pwd-sabout__title-white {
    color: #fff;
}

.pwd-sabout__title-orange {
    color: var(--pwd-accent-orange);
}

.pwd-sabout__header-desc {
    max-width: 38rem;
}

.pwd-sabout__subtitle {
    font-size: clamp(1.375rem, 3vw, 1.875rem);
    color: #fff;
    margin-bottom: 2rem;
}

/* Карточки аудиторий */
.pwd-sabout__cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
}

.pwd-sabout__card {
    position: relative;
    background: var(--pwd-bg-card);
    border: 1px solid var(--pwd-border-base);
    padding: 1.75rem 1.5rem;
    transition: border-color 0.3s ease, transform 0.3s ease;
}

.pwd-sabout__card:hover {
    border-color: rgba(249, 115, 22, 0.4);
    transform: translateY(-4px);
}

.pwd-sabout__card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    border: 1px solid rgba(249, 115, 22, 0.3);
    background: rgba(249, 115, 22, 0.08);
    color: var(--pwd-accent-orange);
    margin-bottom: 1.25rem;
}

.pwd-sabout__card-title {
    font-size: 1.0625rem;
    color: #fff;
    line-height: 1.25;
    margin-bottom: 0.75rem;
}

.pwd-sabout__card-desc {
    font-size: 0.875rem;
    line-height: 1.7;
    color: var(--pwd-text-secondary);
}

/* Примечание */
.pwd-sabout__note {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    background: rgba(249, 115, 22, 0.06);
    border-left: 3px solid var(--pwd-accent-orange);
    padding: 1.25rem 1.5rem;
    margin-bottom: 3rem;
}

.pwd-sabout__note-icon {
    flex-shrink: 0;
    color: var(--pwd-accent-orange);
    margin-top: 0.125rem;
}

.pwd-sabout__note p {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--pwd-text-secondary);
}

/* Мини-галерея */
.pwd-sabout__gallery {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 2.5rem;
}

.pwd-sabout__gl-link {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid var(--pwd-border-base);
    aspect-ratio: 1 / 1;
    transition: border-color 0.3s ease;
}

.pwd-sabout__gl-link:hover {
    border-color: rgba(249, 115, 22, 0.4);
}

.pwd-sabout__gl-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.pwd-sabout__gl-link:hover img {
    transform: scale(1.05);
}

.pwd-sabout__gl-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.5rem 1rem 0.75rem;
    font-family: var(--pwd-font-sans);
    font-size: 0.8125rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(to top, rgba(15, 17, 21, 0.9), transparent);
    pointer-events: none;
}

.pwd-sabout__gl-zoom {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    background: rgba(15, 17, 21, 0.7);
    border: 1px solid var(--pwd-border-base);
    color: var(--pwd-text-secondary);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.pwd-sabout__gl-link:hover .pwd-sabout__gl-zoom {
    opacity: 1;
    color: var(--pwd-accent-orange);
}

/* CTA */
.pwd-sabout__cta-wrap {
    display: flex;
    justify-content: center;
}

.pwd-sabout__cta {
    font-size: 0.875rem;
    letter-spacing: 0.12em;
    padding: 1rem 2.5rem;
}

/* --- Animations (only with .animations-enabled) --- */
.pwd-sabout.animations-enabled .pwd-sabout__header,
.pwd-sabout.animations-enabled .pwd-sabout__subtitle,
.pwd-sabout.animations-enabled .pwd-sabout__note,
.pwd-sabout.animations-enabled .pwd-sabout__cta-wrap {
    opacity: 0;
    transform: translateY(20px);
    animation: pwd-sabout-fade-up 0.6s ease-out forwards;
}

.pwd-sabout.animations-enabled .pwd-sabout__card,
.pwd-sabout.animations-enabled .pwd-sabout__gl-link {
    opacity: 0;
    transform: translateY(20px);
    animation: pwd-sabout-fade-up 0.5s ease-out forwards;
}

.pwd-sabout.animations-enabled .pwd-sabout__card:nth-child(1) { animation-delay: 0.15s; }
.pwd-sabout.animations-enabled .pwd-sabout__card:nth-child(2) { animation-delay: 0.25s; }
.pwd-sabout.animations-enabled .pwd-sabout__card:nth-child(3) { animation-delay: 0.35s; }
.pwd-sabout.animations-enabled .pwd-sabout__card:nth-child(4) { animation-delay: 0.45s; }

.pwd-sabout.animations-enabled .pwd-sabout__gl-link:nth-child(1) { animation-delay: 0.2s; }
.pwd-sabout.animations-enabled .pwd-sabout__gl-link:nth-child(2) { animation-delay: 0.3s; }
.pwd-sabout.animations-enabled .pwd-sabout__gl-link:nth-child(3) { animation-delay: 0.4s; }
.pwd-sabout.animations-enabled .pwd-sabout__gl-link:nth-child(4) { animation-delay: 0.5s; }

.pwd-sabout.animations-enabled .pwd-sabout__note     { animation-delay: 0.3s; }
.pwd-sabout.animations-enabled .pwd-sabout__cta-wrap { animation-delay: 0.5s; }

@keyframes pwd-sabout-fade-up {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- Responsive --- */
@media (min-width: 600px) {
    .pwd-sabout__cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .pwd-sabout__gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 900px) {
    .pwd-sabout__header {
        grid-template-columns: 1.2fr 1fr;
        align-items: end;
        gap: 3rem;
    }
}

@media (min-width: 1200px) {
    .pwd-sabout__cards {
        grid-template-columns: repeat(4, 1fr);
    }

    .pwd-sabout__gallery {
        grid-template-columns: repeat(4, 1fr);
    }
}


/* ============================================ */
/* STEKLO COMPARE                               */
/* ============================================ */

/* --- Layout --- */
.pwd-scompare {
    padding-top: var(--pwd-section-py);
    padding-bottom: var(--pwd-section-py);
    background: var(--pwd-bg-card);
    border-top: 1px solid var(--pwd-border-base);
    border-bottom: 1px solid var(--pwd-border-base);
}

.pwd-scompare__header {
    margin-bottom: 2rem;
}

/* --- Elements --- */
.pwd-scompare__label {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.pwd-scompare__label-line {
    width: 3rem;
    height: 1px;
    background: var(--pwd-accent-orange);
}

.pwd-scompare__label-text {
    font-family: var(--pwd-font-sans);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: var(--pwd-accent-orange);
}

.pwd-scompare__title {
    display: flex;
    flex-direction: column;
    font-size: clamp(1.75rem, 4.5vw, 3rem);
    line-height: 1.1;
}

.pwd-scompare__title-white { color: #fff; }
.pwd-scompare__title-orange { color: var(--pwd-accent-orange); }

.pwd-scompare__intro {
    max-width: 52rem;
    margin-bottom: 3rem;
    background-color: rgba(15, 17, 21, 0.5); /* секция и так на bg-card */
}

/* Карточки сравнения */
.pwd-scompare__cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-bottom: 3.5rem;
}

.pwd-scompare__card {
    position: relative;
    background: var(--pwd-bg-base);
    border: 1px solid var(--pwd-border-base);
    padding: 2rem 1.75rem;
}

.pwd-scompare__card--featured {
    border-color: rgba(249, 115, 22, 0.45);
    box-shadow: 0 0 40px -16px rgba(249, 115, 22, 0.35);
}

.pwd-scompare__card-badge {
    position: absolute;
    top: 0;
    right: 1.5rem;
    transform: translateY(-50%);
    font-family: var(--pwd-font-display);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--pwd-bg-base);
    background: var(--pwd-gradient-fire);
    padding: 0.3rem 0.875rem;
}

.pwd-scompare__card-head {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.pwd-scompare__card-icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid rgba(249, 115, 22, 0.3);
    background: rgba(249, 115, 22, 0.08);
    color: var(--pwd-accent-orange);
}

.pwd-scompare__card-title {
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.2;
}

.pwd-scompare__card-desc {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--pwd-text-secondary);
    margin-bottom: 1.25rem;
}

.pwd-scompare__card-list {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.pwd-scompare__card-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--pwd-text-secondary);
}

.pwd-scompare__card-list li .pwd-icon {
    flex-shrink: 0;
    color: var(--pwd-accent-orange);
    margin-top: 0.125rem;
}

.pwd-scompare__card-list li strong {
    color: var(--pwd-text-primary);
}

/* Габариты камеры + галерея */
.pwd-scompare__chamber {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

.pwd-scompare__chamber-title {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.25rem;
    color: #fff;
    margin-bottom: 1.5rem;
}

.pwd-scompare__chamber-title .pwd-icon {
    color: var(--pwd-accent-orange);
}

.pwd-scompare__specs {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.pwd-scompare__spec {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    background: var(--pwd-bg-base);
    border: 1px solid var(--pwd-border-base);
    border-left: 3px solid var(--pwd-accent-orange);
    padding: 1.125rem 1.25rem;
}

.pwd-scompare__spec-label {
    font-family: var(--pwd-font-sans);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: var(--pwd-text-muted);
}

.pwd-scompare__spec-value {
    font-family: var(--pwd-font-display);
    font-size: 1.375rem;
    font-weight: 700;
    color: #fff;
}

.pwd-scompare__spec-hint {
    font-size: 0.75rem;
    color: var(--pwd-text-muted);
}

.pwd-scompare__chamber-desc {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--pwd-text-secondary);
    margin-bottom: 1.75rem;
}

.pwd-scompare__cta {
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    padding: 0.875rem 2rem;
}

.pwd-scompare__gallery {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    align-content: start;
}

.pwd-scompare__gl-link {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid var(--pwd-border-base);
    aspect-ratio: 4 / 3;
    transition: border-color 0.3s ease;
}

.pwd-scompare__gl-link:hover {
    border-color: rgba(249, 115, 22, 0.4);
}

.pwd-scompare__gl-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.pwd-scompare__gl-link:hover img {
    transform: scale(1.05);
}

.pwd-scompare__gl-zoom {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    background: rgba(15, 17, 21, 0.7);
    border: 1px solid var(--pwd-border-base);
    color: var(--pwd-text-secondary);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.pwd-scompare__gl-link:hover .pwd-scompare__gl-zoom {
    opacity: 1;
    color: var(--pwd-accent-orange);
}

/* --- Animations (only with .animations-enabled) --- */
.pwd-scompare.animations-enabled .pwd-scompare__header,
.pwd-scompare.animations-enabled .pwd-scompare__intro,
.pwd-scompare.animations-enabled .pwd-scompare__chamber {
    opacity: 0;
    transform: translateY(20px);
    animation: pwd-scompare-fade-up 0.6s ease-out forwards;
}

.pwd-scompare.animations-enabled .pwd-scompare__card {
    opacity: 0;
    transform: translateY(20px);
    animation: pwd-scompare-fade-up 0.55s ease-out forwards;
}

.pwd-scompare.animations-enabled .pwd-scompare__intro                 { animation-delay: 0.15s; }
.pwd-scompare.animations-enabled .pwd-scompare__card:nth-child(1)     { animation-delay: 0.25s; }
.pwd-scompare.animations-enabled .pwd-scompare__card:nth-child(2)     { animation-delay: 0.4s; }
.pwd-scompare.animations-enabled .pwd-scompare__chamber               { animation-delay: 0.5s; }

@keyframes pwd-scompare-fade-up {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- Responsive --- */
@media (min-width: 600px) {
    .pwd-scompare__specs {
        grid-template-columns: repeat(2, 1fr);
    }

    .pwd-scompare__gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 900px) {
    .pwd-scompare__cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    .pwd-scompare__chamber {
        grid-template-columns: 1.2fr 1fr;
        gap: 3rem;
        align-items: center;
    }

    .pwd-scompare__gallery {
        grid-template-columns: 1fr;
    }
}


/* ============================================ */
/* STEKLO PRICES                                */
/* ============================================ */

/* --- Layout --- */
.pwd-sprices {
    padding-top: var(--pwd-section-py);
    padding-bottom: var(--pwd-section-py);
}

.pwd-sprices__header {
    margin-bottom: 2.5rem;
}

/* --- Elements --- */
.pwd-sprices__label {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.pwd-sprices__label-line {
    width: 3rem;
    height: 1px;
    background: var(--pwd-accent-orange);
}

.pwd-sprices__label-text {
    font-family: var(--pwd-font-sans);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: var(--pwd-accent-orange);
}

.pwd-sprices__title {
    display: flex;
    flex-direction: column;
    font-size: clamp(1.75rem, 4.5vw, 3rem);
    line-height: 1.1;
}

.pwd-sprices__title-white { color: #fff; }
.pwd-sprices__title-orange { color: var(--pwd-accent-orange); }

/* Таблица */
.pwd-sprices__table-wrap {
    max-width: 52rem;
    margin-bottom: 2rem;
    border: 1px solid var(--pwd-border-base);
    overflow-x: auto;
}

.pwd-sprices__table {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--pwd-font-sans);
}

.pwd-sprices__table th {
    font-family: var(--pwd-font-display);
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    text-align: left;
    color: var(--pwd-text-muted);
    background: var(--pwd-bg-card);
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--pwd-border-base);
}

.pwd-sprices__table td {
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--pwd-text-secondary);
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--pwd-border-subtle);
    transition: background 0.2s ease;
}

.pwd-sprices__table tbody tr:last-child td {
    border-bottom: none;
}

.pwd-sprices__table tbody tr:hover td {
    background: rgba(249, 115, 22, 0.05);
}

.pwd-sprices__table td.pwd-sprices__table-price {
    font-family: var(--pwd-font-display);
    font-size: 1.0625rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
}

/* Примечания */
.pwd-sprices__notes {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    max-width: 52rem;
    margin-bottom: 2.5rem;
}

.pwd-sprices__note {
    display: flex;
    align-items: flex-start;
    gap: 1.125rem;
    background: var(--pwd-bg-card);
    border: 1px solid var(--pwd-border-base);
    border-left: 3px solid var(--pwd-accent-orange);
    padding: 1.5rem;
}

.pwd-sprices__note-icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid rgba(249, 115, 22, 0.3);
    background: rgba(249, 115, 22, 0.08);
    color: var(--pwd-accent-orange);
}

.pwd-sprices__note-title {
    font-size: 1rem;
    color: #fff;
    margin-bottom: 0.5rem;
}

.pwd-sprices__note-text p {
    font-size: 0.875rem;
    line-height: 1.7;
    color: var(--pwd-text-secondary);
}

.pwd-sprices__note-text strong {
    color: var(--pwd-text-primary);
}

/* CTA */
.pwd-sprices__cta-wrap {
    display: flex;
    justify-content: flex-start;
}

.pwd-sprices__cta {
    font-size: 0.875rem;
    letter-spacing: 0.12em;
    padding: 1rem 2.5rem;
}

/* --- Animations (only with .animations-enabled) --- */
.pwd-sprices.animations-enabled .pwd-sprices__header,
.pwd-sprices.animations-enabled .pwd-sprices__table-wrap,
.pwd-sprices.animations-enabled .pwd-sprices__note,
.pwd-sprices.animations-enabled .pwd-sprices__cta-wrap {
    opacity: 0;
    transform: translateY(20px);
    animation: pwd-sprices-fade-up 0.6s ease-out forwards;
}

.pwd-sprices.animations-enabled .pwd-sprices__table-wrap        { animation-delay: 0.15s; }
.pwd-sprices.animations-enabled .pwd-sprices__note:nth-child(1) { animation-delay: 0.3s; }
.pwd-sprices.animations-enabled .pwd-sprices__note:nth-child(2) { animation-delay: 0.4s; }
.pwd-sprices.animations-enabled .pwd-sprices__cta-wrap          { animation-delay: 0.5s; }

@keyframes pwd-sprices-fade-up {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- Responsive --- */
@media (min-width: 900px) {
    .pwd-sprices__notes {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* ============================================ */
/* STEKLO WORKS                                 */
/* ============================================ */

/* --- Layout --- */
.pwd-sworks {
    padding-top: var(--pwd-section-py);
    padding-bottom: var(--pwd-section-py);
    background: var(--pwd-bg-card);
    border-top: 1px solid var(--pwd-border-base);
    border-bottom: 1px solid var(--pwd-border-base);
}

.pwd-sworks__header {
    display: grid;
    gap: 2rem;
    margin-bottom: 3rem;
}

/* --- Elements --- */
.pwd-sworks__label {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.pwd-sworks__label-line {
    width: 3rem;
    height: 1px;
    background: var(--pwd-accent-orange);
}

.pwd-sworks__label-text {
    font-family: var(--pwd-font-sans);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: var(--pwd-accent-orange);
}

.pwd-sworks__title {
    display: flex;
    flex-direction: column;
    font-size: clamp(1.75rem, 4.5vw, 3rem);
    line-height: 1.1;
}

.pwd-sworks__title-white { color: #fff; }
.pwd-sworks__title-orange { color: var(--pwd-accent-orange); }

.pwd-sworks__header-desc {
    max-width: 36rem;
    background-color: rgba(15, 17, 21, 0.5);
}

/* Галерея */
.pwd-sworks__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.pwd-sworks__gl-link {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid var(--pwd-border-base);
    aspect-ratio: 1 / 1;
    transition: border-color 0.3s ease;
}

.pwd-sworks__gl-link:hover {
    border-color: rgba(249, 115, 22, 0.4);
}

.pwd-sworks__gl-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.pwd-sworks__gl-link:hover img {
    transform: scale(1.05);
}

.pwd-sworks__gl-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.5rem 1rem 0.75rem;
    font-family: var(--pwd-font-sans);
    font-size: 0.8125rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(to top, rgba(15, 17, 21, 0.9), transparent);
    pointer-events: none;
}

.pwd-sworks__gl-zoom {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    background: rgba(15, 17, 21, 0.7);
    border: 1px solid var(--pwd-border-base);
    color: var(--pwd-text-secondary);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.pwd-sworks__gl-link:hover .pwd-sworks__gl-zoom {
    opacity: 1;
    color: var(--pwd-accent-orange);
}

/* --- Animations (only with .animations-enabled) --- */
.pwd-sworks.animations-enabled .pwd-sworks__header {
    opacity: 0;
    transform: translateY(20px);
    animation: pwd-sworks-fade-up 0.6s ease-out forwards;
}

.pwd-sworks.animations-enabled .pwd-sworks__gl-link {
    opacity: 0;
    transform: translateY(20px);
    animation: pwd-sworks-fade-up 0.5s ease-out forwards;
}

/* Каскад задержек по рядам (12 фото) */
.pwd-sworks.animations-enabled .pwd-sworks__gl-link:nth-child(3n+1) { animation-delay: 0.15s; }
.pwd-sworks.animations-enabled .pwd-sworks__gl-link:nth-child(3n+2) { animation-delay: 0.25s; }
.pwd-sworks.animations-enabled .pwd-sworks__gl-link:nth-child(3n)   { animation-delay: 0.35s; }

@keyframes pwd-sworks-fade-up {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- Responsive --- */
@media (min-width: 600px) {
    .pwd-sworks__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 900px) {
    .pwd-sworks__header {
        grid-template-columns: 1.2fr 1fr;
        align-items: end;
        gap: 3rem;
    }

    .pwd-sworks__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}


/* ============================================ */
/* STEKLO LOCATION                              */
/* ============================================ */

/* --- Layout --- */
.pwd-slocation {
    padding-top: var(--pwd-section-py);
    padding-bottom: var(--pwd-section-py);
}

.pwd-slocation__header {
    margin-bottom: 2.5rem;
}

/* --- Elements --- */
.pwd-slocation__label {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.pwd-slocation__label-line {
    width: 3rem;
    height: 1px;
    background: var(--pwd-accent-orange);
}

.pwd-slocation__label-text {
    font-family: var(--pwd-font-sans);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: var(--pwd-accent-orange);
}

.pwd-slocation__title {
    display: flex;
    flex-direction: column;
    font-size: clamp(1.75rem, 4.5vw, 3rem);
    line-height: 1.1;
}

.pwd-slocation__title-white { color: #fff; }
.pwd-slocation__title-orange { color: var(--pwd-accent-orange); }

/* Карточки */
.pwd-slocation__cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-bottom: 2.5rem;
}

.pwd-slocation__card {
    background: var(--pwd-bg-card);
    border: 1px solid var(--pwd-border-base);
    padding: 2rem 1.75rem;
    transition: border-color 0.3s ease;
}

.pwd-slocation__card:hover {
    border-color: rgba(249, 115, 22, 0.4);
}

.pwd-slocation__card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    border: 1px solid rgba(249, 115, 22, 0.3);
    background: rgba(249, 115, 22, 0.08);
    color: var(--pwd-accent-orange);
    margin-bottom: 1.25rem;
}

.pwd-slocation__card-title {
    font-size: 1.125rem;
    color: #fff;
    margin-bottom: 0.875rem;
}

.pwd-slocation__card-desc {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--pwd-text-secondary);
}

.pwd-slocation__card-desc strong {
    color: var(--pwd-text-primary);
}

/* Контакты */
.pwd-slocation__contacts {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.pwd-slocation__phone {
    font-size: 1rem;
    letter-spacing: 0.06em;
    padding: 1rem 2rem;
}

.pwd-slocation__callback {
    font-size: 0.8125rem;
    letter-spacing: 0.12em;
    padding: 1rem 2rem;
}

/* --- Animations (only with .animations-enabled) --- */
.pwd-slocation.animations-enabled .pwd-slocation__header,
.pwd-slocation.animations-enabled .pwd-slocation__card,
.pwd-slocation.animations-enabled .pwd-slocation__contacts {
    opacity: 0;
    transform: translateY(20px);
    animation: pwd-slocation-fade-up 0.6s ease-out forwards;
}

.pwd-slocation.animations-enabled .pwd-slocation__card:nth-child(1) { animation-delay: 0.15s; }
.pwd-slocation.animations-enabled .pwd-slocation__card:nth-child(2) { animation-delay: 0.3s; }
.pwd-slocation.animations-enabled .pwd-slocation__contacts          { animation-delay: 0.45s; }

@keyframes pwd-slocation-fade-up {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- Responsive --- */
@media (min-width: 900px) {
    .pwd-slocation__cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}

/* Осветление Hero на странице «Стеклоструйная обработка» */
.pwd-steklostruy-page .pwd-cathero__bg-img {
    opacity: 0.95;
    filter: grayscale(8%);
}

.pwd-steklostruy-page .pwd-cathero__bg-overlay {
    background: linear-gradient(
        to right,
        var(--pwd-bg-card) 0%,
        rgba(22, 25, 32, 0.88) 30%,
        rgba(22, 25, 32, 0.2) 65%,
        rgba(22, 25, 32, 0.04) 100%
    );
}


/* --- STEKLO ABOUT --- */
.pwd-sabout__title-white {
    background: linear-gradient(110deg, #ffffff 15%, #e7e5e4 25%, #78716c 45%, #e7e5e4 65%, #ffffff 85%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pwd-sabout__title-orange {
    background: linear-gradient(110deg, #f97316 15%, #f59e0b 35%, #facc15 50%, #f59e0b 65%, #f97316 85%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* --- STEKLO COMPARE --- */
.pwd-scompare__title-white {
    background: linear-gradient(110deg, #ffffff 15%, #e7e5e4 25%, #78716c 45%, #e7e5e4 65%, #ffffff 85%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pwd-scompare__title-orange {
    background: linear-gradient(110deg, #f97316 15%, #f59e0b 35%, #facc15 50%, #f59e0b 65%, #f97316 85%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* --- STEKLO PRICES --- */
.pwd-sprices__title-white {
    background: linear-gradient(110deg, #ffffff 15%, #e7e5e4 25%, #78716c 45%, #e7e5e4 65%, #ffffff 85%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pwd-sprices__title-orange {
    background: linear-gradient(110deg, #f97316 15%, #f59e0b 35%, #facc15 50%, #f59e0b 65%, #f97316 85%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* --- STEKLO WORKS (#steklo-primery) --- */
.pwd-sworks__title-white {
    background: linear-gradient(110deg, #ffffff 15%, #e7e5e4 25%, #78716c 45%, #e7e5e4 65%, #ffffff 85%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pwd-sworks__title-orange {
    background: linear-gradient(110deg, #f97316 15%, #f59e0b 35%, #facc15 50%, #f59e0b 65%, #f97316 85%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* --- STEKLO LOCATION --- */
.pwd-slocation__title-white {
    background: linear-gradient(110deg, #ffffff 15%, #e7e5e4 25%, #78716c 45%, #e7e5e4 65%, #ffffff 85%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pwd-slocation__title-orange {
    background: linear-gradient(110deg, #f97316 15%, #f59e0b 35%, #facc15 50%, #f59e0b 65%, #f97316 85%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}