/*
Theme Name: Etalon WP V2
Theme URI: https://rpketalon.ru/
Author: Etalon
Description: Кастомная тема для стекольной компании «Эталон». Версия 2.
Version: 1.0.1
Text Domain: etalon-wp-v2
*/

:root {
  --blue-dark:#061a33;
  --blue:#0b63ce;
  --blue-2:#0d7ee8;
  --blue-light:#62c4ff;
  --ice:#eef7ff;
  --white:#ffffff;
  --text:#102033;
  --muted:#66798f;
  --line:#dbe8f5;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; }
.etalon-section { font-family:Inter,Arial,sans-serif; color:var(--text); }
.etalon-container { width:min(1180px,calc(100% - 40px)); margin:0 auto; }

.etalon-btn {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:54px; padding:0 28px; border-radius:6px;
  background:var(--blue); color:#fff!important; text-decoration:none!important;
  font-size:15px; font-weight:700; transition:.25s ease; border:0; cursor:pointer; white-space:nowrap;
}
.etalon-btn:hover { background:#084fa8; transform:translateY(-1px); }
.etalon-btn-outline { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.55); }
.etalon-btn-outline:hover { background:#fff; color:#06305e!important; }

.etalon-label {
  text-transform:uppercase; letter-spacing:.24em; font-size:12px; font-weight:800;
  color:var(--blue); margin-bottom:18px;
}
.etalon-title {
  font-size:clamp(34px,5vw,62px); line-height:1.02; font-weight:520;
  letter-spacing:-.04em; margin:0;
}
.etalon-text { font-size:18px; line-height:1.65; color:var(--muted); }

.etalon-hero {
  min-height:94vh; display:flex; align-items:center; position:relative; color:white;
  background:
    linear-gradient(90deg,rgba(3,22,45,.94),rgba(5,48,92,.66),rgba(5,80,145,.18)),
    url("/wp-content/uploads/2026/06/photo_2026-06-09_22-34-24.jpg") center center / 100% auto no-repeat;
}
.etalon-hero-header { position:absolute; top:0; left:0; right:0; padding:22px 0; z-index:2; }
.etalon-nav { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.etalon-logo-wrap { display:flex; align-items:center; color:white!important; text-decoration:none!important; }
.etalon-logo-img { width:150px; max-height:54px; object-fit:contain; display:block; }
.etalon-menu { display:flex; gap:24px; font-size:14px; }
.etalon-menu a,.etalon-phone a { color:white!important; text-decoration:none!important; }
.etalon-phone { text-align:right; font-size:13px; opacity:.96; }
.etalon-phone b { display:block; font-size:16px; }
.etalon-hero-content { max-width:760px; padding-top:100px; }
.etalon-hero h1 {
  font-size:clamp(44px,6.4vw,86px); line-height:.98; font-weight:560;
  letter-spacing:-.055em; margin:0 0 28px;
}
.etalon-hero h1 span { color:var(--blue-light); }
.etalon-hero p {
  max-width:650px; font-size:19px; line-height:1.6;
  color:rgba(255,255,255,.86); margin:0 0 34px;
}
.etalon-actions { display:flex; gap:18px; flex-wrap:wrap; }

.etalon-benefits { padding:54px 0; background:#fff; }
.etalon-benefits-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:22px; }
.etalon-benefit strong { display:block; font-size:22px; color:var(--blue); margin-bottom:8px; }
.etalon-benefit p { margin:0; color:var(--muted); font-size:14px; line-height:1.45; }

.etalon-solutions { padding:90px 0; background:linear-gradient(180deg,#f7fbff,#fff); }
.etalon-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:38px; }
.etalon-link { color:var(--blue)!important; text-decoration:none!important; font-weight:700; }
.etalon-cards { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.etalon-card {
  min-height:430px; position:relative; overflow:hidden; border-radius:14px; padding:38px;
  display:flex; align-items:flex-end; color:white; background:#123 center/cover;
  box-shadow:0 18px 50px rgba(8,45,86,.14);
}
.etalon-card:before {
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top,rgba(3,22,45,.90),rgba(3,22,45,.25));
}
.etalon-card>div { position:relative; z-index:1; }
.etalon-card h3 { font-size:32px; margin:0 0 18px; }
.etalon-card ul { list-style:none; margin:0 0 26px; padding:0; color:rgba(255,255,255,.88); line-height:1.8; }
.etalon-home { background-image:url("/wp-content/uploads/2026/06/photo_2026-06-09_22-11-00-1.jpg"); }
.etalon-business { background-image:url("/wp-content/uploads/2026/06/photo_2026-06-10_21-53-38.jpg"); }

.etalon-portfolio { padding:90px 0; background:#fff; }
.etalon-gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.etalon-work { min-height:240px; border-radius:10px; background:#ddd center/cover; overflow:hidden; }
.etalon-work-tall { grid-row:span 2; min-height:496px; }
.etalon-work-wide { grid-column:span 2; }
.etalon-w1 { background-image:url("/wp-content/uploads/2026/06/98c37cbb-9c5e-40b7-a3e5-265a3daf1845.png"); }
.etalon-w2 { background-image:url("/wp-content/uploads/2026/06/photo_2026-06-10_21-52-40.jpg"); }
.etalon-w3 { background-image:url("/wp-content/uploads/2026/06/photo_2026-06-09_22-34-24-2.jpg"); }
.etalon-w4 { background-image:url("/wp-content/uploads/2026/06/mezhkom1.png"); }
.etalon-w5 { background-image:url("/wp-content/uploads/2026/06/2a96b74a-8989-4226-8edf-1496e166ee37.png"); background-position:center 70% !important; }
.etalon-w6 { background-image:url("/wp-content/uploads/2026/06/photo_2026-06-10_21-52-57.jpg"); }
.etalon-w7 { background-image:url("/wp-content/uploads/2026/06/photo_2026-06-10_21-41-57.jpg"); }
.etalon-w8 { background-image:url("/wp-content/uploads/2026/06/photo_2026-06-10_21-30-40.jpg"); }
.etalon-w9 { background-image:url("/wp-content/uploads/2026/06/photo_2026-06-09_22-11-00-2-1.jpg") }

.etalon-reviews { padding:90px 0; background:linear-gradient(180deg,#eef7ff,#ffffff); }
.etalon-reviews-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:36px; }
.etalon-review-card {
  background:#fff; border:1px solid var(--line); border-radius:14px; padding:34px;
  box-shadow:0 18px 50px rgba(8,45,86,.08);
}
.etalon-stars { color:#0b63ce; font-size:22px; letter-spacing:2px; margin-bottom:16px; }
.etalon-review-card h3 { margin:0 0 12px; font-size:26px; }
.etalon-review-card p { margin:0 0 24px; color:var(--muted); line-height:1.6; }

.etalon-steps { padding:90px 0; background:var(--ice); }
.etalon-steps-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:22px; margin-top:42px; }
.etalon-step { padding-top:24px; border-top:1px solid #c7dbf0; }
.etalon-step b { display:block; font-size:38px; font-weight:420; color:var(--blue); margin-bottom:14px; }
.etalon-step h3 { margin:0 0 10px; font-size:17px; }
.etalon-step p { margin:0; font-size:14px; color:var(--muted); line-height:1.5; }

.etalon-cta { padding:72px 0; background:linear-gradient(135deg,#061a33,#073b78); color:white; }
.etalon-cta-grid { display:grid; grid-template-columns:.9fr 1.3fr; gap:56px; align-items:center; }
.etalon-cta .etalon-title { font-size:clamp(32px,4vw,52px); }
.etalon-form{
    padding:28px;
    background:#fff;
    border-radius:14px;
}

.etalon-cf7,
.etalon-form .wpcf7{
    width:100%;
}

.etalon-cf7 .etalon-cf7-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    width:100%;
}

.etalon-cf7 .etalon-cf7-full{
    grid-column:1 / -1;
}

.etalon-cf7 input,
.etalon-cf7 select,
.etalon-cf7 textarea{
    width:100%;
    min-height:56px;
    border:1px solid var(--line);
    border-radius:6px;
    padding:0 16px;
    font-size:15px;
    font-family:inherit;
    color:var(--text);
    box-sizing:border-box;
}

.etalon-cf7 textarea{
    min-height:92px;
    padding-top:16px;
    resize:vertical;
}

.etalon-cf7 input[type="submit"]{
    width:100%;
    min-height:56px;
    background:#1565d8;
    color:#fff;
    border:none;
    border-radius:6px;
    font-weight:700;
    cursor:pointer;
}

.etalon-cf7 .wpcf7-spinner{
    display:none;
}

.etalon-contacts { padding:90px 0; background:#fff; }
.etalon-contacts-grid { display:grid; grid-template-columns:.9fr 1.25fr; gap:34px; align-items:stretch; }
.etalon-contact-card {
  background:linear-gradient(180deg,#f7fbff,#fff); border:1px solid var(--line);
  border-radius:16px; padding:34px;
}
.etalon-contact-card h2 { margin-bottom:28px; }
.etalon-contact-item { padding:18px 0; border-bottom:1px solid var(--line); }
.etalon-contact-item:last-child { border-bottom:0; }
.etalon-contact-item b { display:block; color:var(--blue-dark); margin-bottom:8px; font-size:16px; }
.etalon-contact-item a { color:var(--text)!important; text-decoration:none!important; display:block; margin:5px 0; }
.etalon-contact-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
.etalon-map-box {
  min-height:640px; border-radius:16px; overflow:hidden; border:1px solid var(--line);
  box-shadow:0 18px 50px rgba(8,45,86,.10); background:#eef7ff;
}
.etalon-map-box iframe { width:100%; height:100%; min-height:640px; border:0; display:block; }

.etalon-footer { padding:42px 0; background:#061a33; color:white; }
.etalon-footer-grid { display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; }
.etalon-footer-logo img { width:130px; max-height:54px; object-fit:contain; display:block; }
.etalon-footer p { margin:6px 0; color:rgba(255,255,255,.75); font-size:13px; }
.etalon-footer a { color:rgba(255,255,255,.85)!important; text-decoration:none!important; }

@media (max-width:980px) {
  .etalon-menu,.etalon-phone { display:none; }
  .etalon-benefits-grid,.etalon-steps-grid { grid-template-columns:repeat(2,1fr); }
  .etalon-cards,.etalon-cta-grid,.etalon-contacts-grid { grid-template-columns:1fr; }
  .etalon-gallery { grid-template-columns:repeat(2,1fr); }
  .etalon-reviews-grid { grid-template-columns:1fr; }
  .etalon-map-box,.etalon-map-box iframe { min-height:420px; }
}
@media (max-width:560px) {
  .etalon-container { width:calc(100% - 28px); }
  .etalon-hero { min-height:780px; }
  .etalon-hero-header .etalon-btn { display:none; }
  .etalon-logo-img { width:120px; }
  .etalon-benefits-grid,.etalon-steps-grid,.etalon-gallery,.etalon-form { grid-template-columns:1fr; }
  .etalon-work,.etalon-work-tall,.etalon-work-wide { grid-column:auto; grid-row:auto; min-height:280px; }
  .etalon-form textarea,.etalon-form .etalon-btn { grid-column:auto; }
}
.etalon-cf7 .etalon-cf7-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.etalon-cf7 p{
    margin:0;
}

.etalon-cf7 .etalon-cf7-full{
    grid-column:1 / -1;
}

.etalon-cf7 input,
.etalon-cf7 select,
.etalon-cf7 textarea{
    width:100%;
    border:1px solid #d9e2ef;
    border-radius:8px;
    font-size:14px;
    color:#102033;
    box-sizing:border-box;
}

.etalon-cf7 input,
.etalon-cf7 select{
    height:48px;
    padding:0 14px;
}

.etalon-cf7 textarea{
    min-height:110px;
    padding:14px;
    resize:vertical;
}

.etalon-cf7 input[type="submit"]{
    height:52px;
    background:#1565d8;
    color:#fff;
    border:none;
    border-radius:8px;
    font-weight:700;
    cursor:pointer;
}

.etalon-cf7 input[type="submit"]:hover{
    background:#0f56bd;
}

.etalon-cf7 .wpcf7-spinner{
    display:none;
}

.etalon-cf7 .wpcf7-response-output{
    grid-column:1 / -1;
    margin:12px 0 0!important;
    padding:10px 14px!important;
    border-radius:8px;
    color:#102033;
    font-size:13px;
}

.etalon-form{
    width:100%;
}

.etalon-form .wpcf7{
    width:100%;
}

.etalon-cf7{
    width:100%;
}

.etalon-cf7 .etalon-cf7-grid{
    width:100%;
}

.wpcf7 form.sent .wpcf7-response-output{
    border:none;
    background:#eaf8ee;
    color:#1f7a36;
    padding:16px 20px;
    border-radius:8px;
    margin-top:16px;
    font-size:14px;
}

/* Страницы WordPress */

.etalon-page {
    background: #f7fbff;
    padding: 80px 0;
    min-height: 60vh;
}

.etalon-page-content {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    padding: 50px;
    border-radius: 18px;
    box-shadow: 0 18px 50px rgba(8,45,86,.08);
}

.etalon-page-content h1 {
    font-size: 42px;
    margin-bottom: 32px;
    color: #061a33;
}

.etalon-page-content h2 {
    font-size: 24px;
    margin: 36px 0 16px;
    color: #061a33;
}

.etalon-page-content p,
.etalon-page-content li {
    font-size: 16px;
    line-height: 1.8;
    color: #4b5b70;
}

.etalon-page-content ul {
    padding-left: 24px;
}

.etalon-page-content a {
    color: #0b6dff;
    text-decoration: none;
}

.etalon-page-content a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .etalon-page {
        padding: 40px 0;
    }

    .etalon-page-content {
        padding: 24px;
        border-radius: 12px;
    }

    .etalon-page-content h1 {
        font-size: 30px;
    }
}

.etalon-page-header {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e7edf5;
}

.etalon-eyebrow {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #0b6dff;
    margin-bottom: 12px;
}

.etalon-privacy{
    font-size:12px;
    line-height:1.5;
    color:#5f6f84;
}

.etalon-privacy label{
    display:flex;
    gap:8px;
    align-items:flex-start;
    cursor:pointer;
}

.etalon-privacy input[type="checkbox"]{
    width:16px;
    min-width:16px;
    height:16px;
    min-height:16px;
    margin-top:2px;
}

.etalon-privacy a{
    color:#1565d8;
    text-decoration:none;
}

.etalon-privacy a:hover{
    text-decoration:underline;
}
.etalon-header-actions{
    display:flex;
    align-items:center;
    gap:12px;
}
.etalon-btn-outline{
    background:transparent;
    border:1px solid #ffffff;
    color:#ffffff;
}

.etalon-btn-outline:hover{
    background:rgba(255,255,255,.12);
}
/* Catalog pages */

.etalon-catalog-page {
    background:#fff;
    font-family:Inter;
}
.etalon-catalog-page h1,
.etalon-catalog-page h2,
.etalon-catalog-page h3,
.etalon-catalog-page p,
.etalon-catalog-page a {
    font-family: Inter;
}

.etalon-catalog-hero {
    background: linear-gradient(180deg, #f5fbff 0%, #fff 100%);
    padding: 70px 0 36px;
}

.etalon-breadcrumbs {
    font-size: 14px;
    color: #5f6f84;
    margin-bottom: 28px;
}

.etalon-breadcrumbs a {
    color: #5f6f84;
    text-decoration: none;
}

.etalon-breadcrumbs span {
    color: #1565d8;
}

.etalon-catalog-lead {
    max-width: 780px;
}

.etalon-catalog-section {
    padding: 20px 0 70px;
}

.etalon-catalog-head {
    margin-bottom: 46px;
}

.etalon-catalog-head .etalon-text {
    display: none;
}

.etalon-catalog-head .etalon-text {
    max-width: 430px;
}

.etalon-catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.etalon-catalog-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 390px;
    background: #fff;
    border: 1px solid #e4edf7;
    border-radius: 22px;
    text-decoration: none;
    color: #061a33;
    box-shadow: 0 18px 48px rgba(8,45,86,.08);
    transition: transform .25s ease, box-shadow .25s ease;
}

.etalon-catalog-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 60px rgba(8,45,86,.14);
}

.etalon-catalog-card-image {
    height: 220px;
    position: relative;
    background:
        linear-gradient(135deg, rgba(6,26,51,.14), rgba(21,101,216,.08)),
        repeating-linear-gradient(45deg, rgba(255,255,255,.55) 0, rgba(255,255,255,.55) 1px, transparent 1px, transparent 18px),
        linear-gradient(135deg, #d8e8f7, #f7fbff);
}

.etalon-catalog-card-image span {
    position: absolute;
    left: 22px;
    bottom: 18px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(6,26,51,.72);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.etalon-catalog-card-body {
    padding: 24px;
}

.etalon-catalog-card-body h3 {
    margin: 0 0 12px;
    font-size: 26px;
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.etalon-catalog-card-body p {
    margin: 0 0 22px;
    color: #5f6f84;
    font-size: 16px;
    line-height: 1.55;
}

.etalon-catalog-card-body strong {
    color: #1565d8;
    font-size: 15px;
}

.etalon-catalog-cta {
    padding: 70px 0;
    background: linear-gradient(135deg, #061a33, #073b78);
    color: #fff;
}

.etalon-catalog-cta-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 36px;
}

.etalon-catalog-cta h2 {
    margin: 0;
    max-width: 720px;
    font-size: 42px;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.etalon-catalog-cta p {
    max-width: 620px;
    margin: 18px 0 0;
    color: rgba(255,255,255,.76);
    font-size: 18px;
    line-height: 1.6;
}

@media (max-width: 980px) {
    .etalon-catalog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .etalon-catalog-head,
    .etalon-catalog-cta-grid {
        grid-template-columns: 1fr;
        display: grid;
    }
}

@media (max-width: 640px) {
    .etalon-catalog-hero {
        padding: 38px 0 22px;
    }

    .etalon-catalog-section {
        padding: 34px 0 46px;
    }

    .etalon-catalog-head {
        display: block;
        margin-bottom: 24px;
    }

    .etalon-catalog-head .etalon-text {
        margin-top: 12px;
    }

    .etalon-catalog-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .etalon-catalog-card {
        min-height: auto;
        border-radius: 18px;
    }

    .etalon-catalog-card-image {
        height: 190px;
    }

    .etalon-catalog-card-body {
        padding: 20px;
    }

    .etalon-catalog-card-body h3 {
        font-size: 24px;
    }

    .etalon-catalog-cta {
        padding: 46px 0;
    }

    .etalon-catalog-cta h2 {
        font-size: 31px;
    }

    .etalon-catalog-cta p {
        font-size: 16px;
    }
}
.etalon-card ul li a{
    color:#fff;
    text-decoration:none;
}

.etalon-card ul li a:hover{
    color:#7dc4ff;
}
/* Category pages */

.etalon-category-page {
    background: #fff;
}
.etalon-category-page,
.etalon-category-page h1,
.etalon-category-page h2,
.etalon-category-page h3,
.etalon-category-page p,
.etalon-category-page a,
.etalon-category-page summary {
    font-family: Inter;
}
.etalon-category-hero {
    background: linear-gradient(180deg, #f5fbff 0%, #fff 100%);
    padding: 54px 0 58px;
}

.etalon-category-hero-grid {
    display: grid;
    grid-template-columns: 1fr 460px;
    gap: 46px;
    align-items: center;
}

.etalon-category-hero-content .etalon-text {
    max-width: 720px;
    font-size: 18px;
    line-height: 1.65;
}

.etalon-category-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 32px;
}

.etalon-btn-light {
    background: #fff !important;
    color: #1565d8 !important;
    border: 1px solid #e4edf7 !important;
    box-shadow: none !important;
}

.etalon-btn-light:hover {
    background: #f1f7ff;
}

.etalon-category-hero-photo {
    min-height: 500px;
    border-radius: 28px;
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(6,26,51,.05), rgba(6,26,51,.55)),
        url("https://images.unsplash.com/photo-1600566752355-35792bedcfea?auto=format&fit=crop&w=1000&q=80") center/cover;
    box-shadow: 0 18px 48px rgba(8,45,86,.08);
}

.etalon-category-hero-card {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    background: rgba(255,255,255,.92);
    border-radius: 20px;
    padding: 22px;
    backdrop-filter: blur(12px);
}

.etalon-category-hero-card strong {
    display: block;
    font-size: 23px;
    margin-bottom: 8px;
    color: #061a33;
}

.etalon-category-hero-card p {
    margin: 0;
    color: #5f6f84;
    font-size: 15px;
    line-height: 1.5;
}

.etalon-category-section {
    padding: 70px 0;
}

.etalon-category-section-alt {
    background: #f4f9ff;
}

.etalon-category-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 28px;
    margin-bottom: 34px;
}

.etalon-category-head .etalon-text {
    max-width: 430px;
}

.etalon-category-gallery {
    display: grid;
    grid-template-columns: 1.15fr .85fr .85fr;
    gap: 18px;
}

.etalon-category-work {
    min-height: 255px;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    background: #d8e8f7;
    box-shadow: 0 14px 34px rgba(8,45,86,.07);
}

.etalon-category-work-big {
    min-height: 528px;
    grid-row: span 2;
}

.etalon-category-work img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    inset: 0;
}

.etalon-category-work:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(6,26,51,0), rgba(6,26,51,.48));
}

.etalon-category-work span {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 2;
    background: #fff;
    color: #061a33;
    padding: 10px 14px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 13px;
}

.etalon-category-info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.etalon-category-info-card {
    background: #fff;
    border: 1px solid #e4edf7;
    border-radius: 22px;
    padding: 26px;
    box-shadow: 0 12px 32px rgba(8,45,86,.05);
}

.etalon-category-info-card h3 {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1.15;
    color: #061a33;
}

.etalon-category-info-card p {
    margin: 0;
    color: #5f6f84;
    line-height: 1.55;
}

.etalon-category-faq {
    max-width: 900px;
    display: grid;
    gap: 14px;
}

.etalon-category-faq details {
    background: #fff;
    border: 1px solid #e4edf7;
    border-radius: 18px;
    padding: 20px 24px;
}

.etalon-category-faq summary {
    cursor: pointer;
    font-weight: 500;
    color: #061a33;
}

.etalon-category-faq p {
    color: #5f6f84;
    line-height: 1.6;
    margin: 14px 0 0;
}

@media (max-width: 980px) {
    .etalon-category-hero-grid {
        grid-template-columns: 1fr;
    }

    .etalon-category-hero-photo {
        min-height: 380px;
    }

    .etalon-category-gallery {
        grid-template-columns: 1fr;
    }

    .etalon-category-work-big {
        min-height: 360px;
    }

    .etalon-category-work {
        min-height: 240px;
    }

    .etalon-category-info-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .etalon-category-head {
        display: block;
    }

    .etalon-category-head .etalon-text {
        margin-top: 14px;
    }
}

@media (max-width: 640px) {
    .etalon-category-hero {
        padding: 34px 0 42px;
    }

    .etalon-category-hero-photo {
        min-height: 330px;
        border-radius: 22px;
    }

    .etalon-category-hero-card {
        left: 16px;
        right: 16px;
        bottom: 16px;
        padding: 18px;
    }

    .etalon-category-actions .etalon-btn {
        width: 100%;
    }

    .etalon-category-section {
        padding: 44px 0;
    }

    .etalon-category-info-grid {
        grid-template-columns: 1fr;
    }
}
/* ===== Общий Header ===== */

.etalon-site-header{
    position: relative;
    background: #061a33;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.etalon-site-header-inner{
    display: grid;
    grid-template-columns: 160px 1fr 210px 150px 160px;
    align-items: center;
    gap: 18px;
    min-height: 88px;
}

.etalon-site-header .etalon-logo-wrap{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}

.etalon-site-header .etalon-logo-img{
    display: block;
    width: 96px;
    height: auto;
}

.etalon-site-nav{
    display: flex;
    align-items: center;
    gap: 26px;
}

.etalon-site-nav a,
.etalon-dropdown-toggle{
    color: #fff;
    text-decoration: none;
    font-family: Inter, Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    opacity: .92;
}

.etalon-site-nav a:hover,
.etalon-dropdown-toggle:hover{
    opacity: 1;
    color: #7dc4ff;
}

.etalon-dropdown{
    position: relative;
}

.etalon-dropdown-toggle::after{
    content: " ▾";
    font-size: 11px;
}

.etalon-dropdown-menu{
    position: absolute;
    top: 100%;
    padding-top: 8px;
    left: 0;
    min-width: 180px;
    background: #fff;
    border: 1px solid #e7edf5;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(8,45,86,.14);
    display: none;
    flex-direction: column;
    overflow: hidden;
}

.etalon-dropdown-menu a{
    color: #061a33;
    padding: 12px 16px;
    font-size: 14px;
    opacity: 1;
}

.etalon-dropdown-menu a:hover{
    background: #f5f9ff;
    color: #1565d8;
}

.etalon-dropdown:hover .etalon-dropdown-menu{
    display: flex;
}

.etalon-site-header .etalon-phone{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    font-family: Inter, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.25;
    color: rgba(255,255,255,.72);
    white-space: nowrap;
}

.etalon-site-header .etalon-phone a{
    color: #fff;
    text-decoration: none;
}

.etalon-site-header .etalon-phone b{
    font-family: Inter, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.etalon-site-header .etalon-phone span{
    color: rgba(255,255,255,.72);
}

.etalon-header-actions{
    display: contents;
}

.etalon-site-header .etalon-btn{
    width: 100%;
    min-height: 48px;
    padding: 0 16px;
    border-radius: 8px;
    background: #1565d8;
    color: #fff;
    border: 1px solid #1565d8;
    box-shadow: none;
    font-family: Inter, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.etalon-site-header .etalon-btn:hover{
    background: #0b4fad;
    border-color: #0b4fad;
}

@media (max-width: 1180px){
    .etalon-site-header-inner{
        grid-template-columns: 130px 1fr 190px 140px 150px;
        gap: 14px;
    }

    .etalon-site-nav{
        gap: 18px;
    }
}

@media (max-width: 980px){
    .etalon-site-header-inner{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 14px 0;
        min-height: auto;
    }

    .etalon-site-nav{
        order: 3;
        width: 100%;
    }

    .etalon-header-actions{
        display: flex;
        width: 100%;
        gap: 10px;
        order: 4;
    }

    .etalon-site-header .etalon-btn{
        width: auto;
        flex: 1;
    }
}

@media (max-width: 640px){

    #request .etalon-cf7-grid{
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    #request .etalon-cf7-grid > div{
        width: 100% !important;
    }

    #request .etalon-cf7-full{
        grid-column: auto !important;
        width: 100% !important;
    }

    #request .etalon-cf7-grid input:not([type="checkbox"]),
    #request .etalon-cf7-grid select,
    #request .etalon-cf7-grid textarea{
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        font-size: 16px !important;
    }

    #request .etalon-cf7-grid input,
    #request .etalon-cf7-grid select{
        height: 58px !important;
        padding: 0 18px !important;
    }

}