#search {
margin-bottom: 10px;
}
#search .form-control-lg {
height: 40px;
font-size: 12px;
line-height: 20px;
padding: 0 10px;
}
#search .btn-lg {
font-size: 15px;
line-height: 18px;
padding: 0.57rem 35px;
text-shadow: 0 1px 0 #FFF;
}


#cart .img-thumbnail {
min-width: 100px;
}

#cart .dropdown-menu {
background: #eee;
}
#cart .dropdown-menu li {
min-width: 300px;
}
@media (max-width: 768px) {
#cart .dropdown-menu li {
min-width: 100%;
}
}


#menu .navbar-nav > li > a {
color: #fff;
padding: 10px 15px 10px 15px;
background-color: transparent;
}
#menu .navbar-nav > li > a:hover {
background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
#menu .dropdown-inner {
display: flex;
flex-direction: column;
}
#menu .dropdown-inner ul {
width: 100%;
min-width: 200px;
}
@media (min-width: 960px) {
#menu .dropdown:hover .dropdown-menu {
display: block;
}
#menu .dropdown-inner {
flex-direction: row;
}
#menu .nav-item + .nav-item + .nav-item .dropdown-column-3 {
left: -200px;
}
#menu .nav-item + .nav-item + .nav-item .dropdown-column-4 {
left: -400px;
}
#menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-2 {
left: -200px;
}
#menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-3 {
left: -400px;
}
#menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-4 {
left: -600px;
}
}
































:root{
--ps-text:#4C5A70;
--ps-bg:#ffffff;
--ps-menu-bg:#eef4fb; /* светло-голубой как на скрине 3 */
--ps-menu-bg-hover:#dfe9f5;
--ps-border:#e6ecf3;
}

.container{
max-width:1280px;
}

.btn{
padding: 10px 25px;
border: 1px solid #fff;
border-radius: 4px;
color: #fff;
font-size: 24px;
}


*{font-family: "Roboto";}


#ps-topbar{
background: var(--ps-bg);
border-bottom: 1px solid var(--ps-border);
padding: 15px 0 10px;
}

.ps-logo img{max-height:56px}

.ps-topinfo{
display:flex; flex-wrap:wrap; gap:50px;
margin:0; padding:0; list-style:none;
align-items:center;
color:var(--ps-text);
font-size:16px; /* по ТЗ */
line-height:1.2;
}
.ps-topinfo i{margin-right:8px; font-size:18px; color:var(--ps-text)}
.ps-topinfo a{color:var(--ps-text); text-decoration:none}
.ps-topinfo a:hover{text-decoration:underline}

.ps-icons{display:flex; justify-content:flex-end; align-items:center; gap:5px}
.ps-icon{display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:0px; background:transparent; border:none;}
.ps-icon:hover{background:#f0f6ff}
.ps-icon img{width:24px; height:24px; display:block}

/* Поиск (скрытый блок, разворачивается) */
.ps-search-wrap{display:none; margin-top:12px}
.ps-search-wrap.show{display:block}
#search input.form-control{height:44px; font-size:16px}

/* === Меню (нижняя полоса) === */
#ps-mainmenu{
background: var(--ps-menu-bg);
}


/* Стили для стандартного {{ menu }} из дефолтной темы */
#menu{margin:0;padding:0;} /* контейнер стандартного меню */
#menu .nav > li > a{
color: var(--ps-text);
font-size:16px;
padding: 5px 36px 5px;
transition:.15s ease;
border-right: 1px solid #7190ff5c;
}
#menu .nav > li > a:hover,
#menu .nav > li.open > a,
#menu .nav > li:focus > a{
background: var(--ps-menu-bg-hover);
color: var(--ps-text);
}

/* Выпадающее меню категорий */
#menu .dropdown-menu{
border:1px solid var(--ps-border);
border-radius:2px;
box-shadow:0 8px 24px rgba(16,24,40,.08);
padding:10px;
min-width:240px;
}
#menu .dropdown-menu > li > a{
padding:8px 12px;
color:#344054;
border-radius:6px;
}
#menu .dropdown-menu > li > a:hover{
background:#f2f6fb;
color:#111827;
}

.ps-topbar-block{
display: flex;
align-items: center;
gap: 20px;
justify-content: space-between;
}

.ps-topbar-block__item{
width: auto;
}

.ps-topinfo__tel a {font-weight: 500;}

.navbar-expand-lg .navbar-nav{justify-content: space-between;width: 100%;}






:root{
/* можно переопределять инлайном на <section> */
--hero-zoom: .88;     /* масштаб картинки (меньше = «дальше») */
--hero-shift: 32px;   /* смещение картинки вправо */
--fade-soft: 6vw;     /* где начинается растушёвка картинки */
--fade-hard: 18vw;    /* где картинка уже 100% видима */

--overlay-dark: rgba(19,23,28,.96);
--overlay-mid:  rgba(19,23,28,.75);
--overlay-soft: rgba(19,23,28,.35);
}

.ps-hero{
position: relative;
min-height: 560px;
overflow: hidden;
/* базовый фон под маской, чтобы НИКОГДА не просвечивал белый */
background: #151a1fc7;
display: flex;
align-items: center;
}

/* Картинка: прижата к правому краю экрана, «ужата» и плавно проявляется слева */
.ps-hero__img{
position: absolute; top: 0; bottom: 0;
height: 100%; width: auto;
right: calc(50% - 50vw - var(--hero-shift));
transform: scale(var(--hero-zoom));
transform-origin: right center;
z-index: 0; pointer-events: none;

/* Растушёвка левого края — НИКАКИХ белых, под ней будет тёмный фон */
-webkit-mask-image: linear-gradient(90deg,
transparent 0,
rgba(0,0,0,.20) calc(var(--fade-soft) * .5),
rgba(0,0,0,.60) var(--fade-soft),
#000 var(--fade-hard)
);
mask-image: linear-gradient(90deg,
transparent 0,
rgba(0,0,0,.20) calc(var(--fade-soft) * .5),
rgba(0,0,0,.60) var(--fade-soft),
#000 var(--fade-hard)
);
-webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
-webkit-mask-size:100% 100%;  mask-size:100% 100%;
}

/* Тёмная панель + плавное затухание к центру — покрывает ВЕСЬ экран по ширине */
.ps-hero::before{
content: "";
position: absolute; top: 0; left: 50%; transform: translateX(-50%);
width: 100vw; height: 100%;
z-index: 1; pointer-events: none;
background: linear-gradient(90deg,
var(--overlay-dark) 0,
var(--overlay-dark) 30vw,
var(--overlay-mid)  48vw,
var(--overlay-soft) 64vw,
transparent         82vw,
transparent         100vw
);
}

/* Контент поверх */
.ps-hero__inner{ position: relative; z-index: 2; font-weight: 500;}

.ps-hero__title{font-size: 60px;line-height: 56px; color:#fff;}
.ps-hero__subtitle{font-size: 48px; line-height: 56px; color: #fff; max-width: 884px; margin: 35px 0 70px; font-weight: 300;}
.ps-hero__micro{font-size:24px;line-height:32px;color:#FFF0E5;  font-weight: 300;}

.ps-hero__actions{display: flex; align-items: center; gap: 20px;}









/* ====== СЕКЦИЯ / ЧЕРЕДОВАНИЕ ФОНА ====== */
.ps-catblock{position:relative;padding:42px 0}
.ps-catblock--alt{background:#f3f5f8}           /* каждый второй блок (ставит JS) */
.ps-catblock__inner{position:relative}

/* декоративная полоска */
.ps-catblock__bar{height:1px;background:#1f293745;border-radius:9999px;width:100%;margin-bottom:18px;}
.ps-catblock__bar:after{content: "";width: 21%;height: 2px;background: #1f2937;opacity: .8;display: block;margin-top: -23px;}
/* заголовок */
.ps-catblock__head{display:flex;align-items:flex-start;justify-content:space-between;flex-direction: column;gap: 35px;}
.ps-catblock__title{    margin: 0;font-size: 24px;font-weight: 400;color: #2f343a;text-transform: uppercase;line-height: 24px;}

/* ====== СЛАЙДЕР ====== */
.ps-slider{position:relative}

/* трек: задаём переменные — gap и количество колонок */
.ps-track{
--gap:76px;              /* расстояние между карточками */
--cols:4;                /* по умолчанию 4 колонки */
display:flex;
gap:var(--gap);
overflow:auto;
scroll-snap-type:x mandatory;
padding:2px;
cursor: grab;

/* скрыть полосы прокрутки везде */
scrollbar-width:none;        /* Firefox */
-ms-overflow-style:none;     /* IE/Edge legacy */
}

.ps-track.is-dragging{
cursor: grabbing;
scroll-snap-type: none; /* отключаем снап во время перетаскивания */
user-select: none;
}

.ps-track::-webkit-scrollbar{width:0;height:0} /* WebKit */

/* ====== КАРТОЧКА ====== */
/* формула даёт РОВНО N карточек в ширину на основе --cols и --gap */
.ps-card{
flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));
background:#fff;

overflow:hidden;
scroll-snap-align:start;
cursor: pointer;
scroll-snap-stop:always;
}



/* остальное – «кликабельная карточка» */

/* drag-режим (чтобы не было снапа и не выделялся текст) */
.ps-track,.ps-card { cursor: default; }
.ps-card a{cursor: pointer;}


.ps-card__img{display:block;aspect-ratio:1/1;background:#eef2f6}
.ps-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.ps-card__body{padding:20px}
.ps-card__name{display:block;margin:0 0 10px;color:#2f343a;font-weight:700;text-decoration:none}
.ps-card__name:hover{text-decoration:underline}
.ps-card__opt{margin:0 0 10px;width:100px;}
.ps-card__opt label{display:block;font-size:12px;color:#6b7280;margin-bottom:6px}
.ps-card__opt select{width:100%;padding:8px 10px;border:1px solid #d7dde7;border-radius:8px}
.ps-card__price{font-weight:700;font-size:16px;color:#2f343a}

/* ====== СТРЕЛКИ (по центру у краёв контейнера) ====== */
.ps-arrow{
position:absolute;top:50%;transform:translateY(-50%);
z-index:3;width:44px;height:44px;border-radius:50%;
border:1px solid #e2e5ea;background:#fff;display:grid;place-items:center;cursor:pointer;
box-shadow:0 6px 18px rgba(27,39,53,.08)
}
.ps-arrow--prev{left:-22px}   /* чуть выступают за контейнер на десктопе */
.ps-arrow--next{right:-22px}
.ps-arrow:hover{background:#f6f8fb}

/* ====== КНОПКА "БОЛЬШЕ" ====== */
.ps-catblock__more{margin-top:16px;text-align:center}
.ps-more{display:inline-block;padding:10px 18px;border:1px solid #e2e5ea;border-radius:10px;background:#fff;color:#2f343a;text-decoration:none}
.ps-more:hover{background:#f5f7fa}








/* ====== PS CONSULT ====== */



/* сетка контента */
.ps-consult__inner{
position:relative;
z-index:2;
display:grid;
grid-template-columns: 1fr 420px; /* слева контент, справа форма */
gap:48px;
align-items:start;
}

.ps-consult__title{
margin: 0 0 14px;
font-size: 56px;
line-height: 1.05;
font-weight: 300;
letter-spacing: 0px;
color: #fff;
}

.ps-consult__rule{
width: 210px;
height: 1px;
border: 0;
background: rgb(255 255 255);
margin: 35px 0;
opacity: .7;
}

.ps-consult__lead{
color: rgba(255, 255, 255, .85);
line-height: 22px;
margin: 0 0 28px;
max-width: 664px;
font-size: 18px;
font-weight: 300;
}

.ps-consult__chips{
display:grid;
grid-template-columns: repeat(2, minmax(220px, 1fr));
gap: 16px;
margin: 24px 0 0;
padding: 0; list-style: none;
}
.ps-chip{
display: flex;
align-items: center;
gap: 14px;
background: rgba(255, 255, 255, .06);
border: 1px solid rgba(255, 255, 255, .15);
border-radius: 3px;
padding: 23px 16px;
transition: .2s 
ease;
max-width: 320px;
}
.ps-chip__icon{
width: 42px; height:42px;
display:grid; place-items:center;
background: rgba(255,255,255,.08);
border-radius: 8px;
flex: 0 0 auto;
}
.ps-chip__icon img{max-width:22px; max-height:22px; opacity:.95}
.ps-chip__text{color:#FFF0E5;font-size:18px;line-height:22px;}
.ps-chip:hover{
background: rgba(255,255,255,.12);
border-color: rgba(255,255,255,.3);
transform: translateY(-1px);
}

.ps-chip:nth-child(2) .ps-chip__icon img{
max-width: 36px;
max-height: 36px;
}

/* правая колонка/форма */
.ps-form{
width: 100%;
background: rgb(201 201 201 / 60%);
color: #232323;
border-radius: 4px;
box-shadow: 0 22px 60px rgba(0, 0, 0, .35);
padding: 15px;
max-width: 413px;
height: 460px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.ps-form__title{

font-weight: 500;
line-height: 32px;
margin: 4px 2px 16px;
color: #222;
font-size: 24px;
text-align: center;
}
.ps-form .form-control{
width: 100%;
height: 64px;
margin-bottom: 0px;
border-radius: 4px;
border: 1px solid #e6e6e9;
background: #fff;
color: #222222;
padding: 0 14px;
}
.ps-form .form-control:focus{
outline:none;
border-color:#c8d4ff;
box-shadow:0 0 0 3px rgba(87,118,255,.12);
}
.ps-form .btn{
border-radius:4px;
background:#222;
border: 1px solid #FFF0E5;
color: #fff;
font-weight: 500;
font-size: 24px;
}
.ps-form .btn:hover{
filter:brightness(1.07);
}
.ps-agree{
display:flex; align-items:center; gap:8px;
font-size:16px; color:#000;
}


.ps-agree input{width: 24px;height: 24px;}

.ps-agree a{ color:#000; text-decoration:none; }
.ps-agree a:hover{ text-decoration:underline; }









/* ====== Корисні статті (static slider) ====== */
.ps-articles{
--gap: 24px;
--pad-x: 24px;
--visible: 4;                 /* JS змінить за брейкпоінтами */
--accent: #222;               /* колір прогресу/стрілок */
--muted: #e5e5e5;
padding: 50px var(--pad-x);
position: relative;
background: #2D65AB0A;
}

.psa-head{position:relative; padding-top:10px; margin-bottom:20px;}
.psa-title{
margin:0 0 18px;
font-weight: 300;             /* ≤ 500 як просив */
font-size: clamp(42px,3.2vw,56px);
line-height:1.2;
text-align:center;
}
.psa-deco{display:flex; align-items:center; gap:16px; justify-content:center; margin-bottom:26px;}
.psa-deco__line{width:120px; height:2px; background:var(--muted);}
.psa-deco__dot{
display:inline-grid; place-items:center;
width:36px; height:36px; border-radius:50%;
border:1px solid var(--muted); font-size:10px; color:#999;
}

.psa-progress{position:relative; height:2px; background:var(--muted); border-radius:4px; overflow:hidden;}
.psa-progress__bar{position:absolute; left:0; top:0; bottom:0; width:0%; background:var(--accent); border-radius:4px; transition:width .35s ease;}

.psa-view{position:relative; margin-top:22px;}
.psa-viewport{overflow:hidden;}
.psa-track{
display:flex; gap:var(--gap);
will-change: transform;
transition: transform .45s cubic-bezier(.2,.7,.2,1);
}

/* Ширина картки строго по кількості видимих */
.psa-card{flex:0 0 calc((100% - (var(--visible) - 1) * var(--gap)) / var(--visible));}
.psa-card__inner{
 display: block;
text-decoration: none;
color: inherit;
overflow: hidden;
transition: transform .25s ease, box-shadow .25s ease;
min-height:49px;
}
.psa-card__inner:hover{
transform: translateY(-4px);
box-shadow: 0 14px 34px rgba(0,0,0,.12);
}

.psa-card__img{position:relative; aspect-ratio: 16/10; overflow:hidden; background:#f3f3f3;margin: 0;}
.psa-card__img img{width:100%; height:100%; object-fit:cover; display:block; transition: transform .5s ease;}
.psa-card__inner:hover .psa-card__img img{transform: scale(1.03);}
.psa-card__date{
position:absolute; left:10px; bottom:10px;
background:#fff; color:#333; font-size:12px; line-height:1;
padding:7px 10px; border-radius:20px; box-shadow:0 4px 10px rgba(0,0,0,.08);
}

.psa-card__info{
        padding: 10px;
background: #fff;
}

.psa-card__title{
font-size: clamp(16px,2.1vw,18px);
font-weight: 500; line-height:1.35;
padding:0; margin:0;
}
.psa-card__excerpt{
font-size:18px; color:#666; line-height:1.45;
padding:0; margin:0;font-weight: 300;
}
.psa-card__more{
display:inline-block; margin:0 16px 16px; font-size:13px; color:#2f343a;
border-bottom:1px solid currentColor; line-height:1; transition:color .2s ease;
}
.psa-card__inner:hover .psa-card__more{color:#111}

/* Стрілки */

.psa-prev{left: -4px;}
.psa-next{right: -4px;}

.ps-articles .psa-viewport{ position: relative; margin-top:30px;}   /* контейнер для абсолютного позиционирования стрелок */

.ps-articles .psa-nav{
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 5;

width: 44px;
height: 44px;
border-radius: 50%;

background: #fff;
color: #222;
border: 1px solid rgba(0,0,0,.08);
box-shadow: 0 8px 24px rgba(0,0,0,.12);

display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;

transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.ps-articles .psa-nav:hover{
transform: translateY(-50%) scale(1.05);
box-shadow: 0 10px 28px rgba(0,0,0,.16);
}
.ps-articles .psa-nav:active{
transform: translateY(-50%) scale(.97);
}

/* Графика стрелки через mask (рекомендовано – чёткая, не мылится) */
.ps-articles .psa-nav::before{
content: "";
width: 14px;
height: 14px;
background: currentColor;

-webkit-mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M8.7 4.7a1 1 0 0 0 0 1.4L14.6 12l-5.9 5.9a1 1 0 1 0 1.4 1.4l6.6-6.6a1 1 0 0 0 0-1.4L10.1 3.3a1 1 0 1 0-1.4 1.4z'/>\
</svg>") center / contain no-repeat;
      mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M8.7 4.7a1 1 0 0 0 0 1.4L14.6 12l-5.9 5.9a1 1 0 1 0 1.4 1.4l6.6-6.6a1 1 0 0 0 0-1.4L10.1 3.3a1 1 0 1 0-1.4 1.4z'/>\
</svg>") center / contain no-repeat;
}

/* Позиции */
.ps-articles .psa-prev{ left: 60px; }
.ps-articles .psa-next{ right: 60px; }

/* «Левая» стрелка — разворачиваем mask */
.ps-articles .psa-prev::before{
transform: rotate(180deg);
}

/* Неактивные (если отключите бесконечный лист) */
.ps-articles .psa-nav[disabled]{
opacity: .4;
pointer-events: none;
box-shadow: none;
}








.ps-pick {
position: relative;
padding: 96px 0 80px;
overflow: hidden;
}

/* фоновая картинка отдельно от контента */
.ps-pick__bg {
position: absolute;
inset: 0;
background: #d9d9d9 center/cover no-repeat;
z-index: 1;
opacity: 0.3;
}
.ps-pick__bg::after{ /* легкое затемнение, чтобы форма читалась */
content:"";
position:absolute; inset:0;
background: rgba(255,255,255,.35);
}

/* контент поверх фона */
.ps-pick__inner {
position: relative;
z-index: 2;
}

/* Заголовок */
.ps-pick__title {
margin: 0 0 16px;
font-weight: 300;               /* ≤ 500 как просили */
font-size: clamp(42px, 3.2vw, 56px);
line-height: 1.2;
text-align: center;
color: #222;
}

/* полоски + логотип */
.ps-pick__deco{
display:flex;
align-items:center;
justify-content:center;
gap: 18px;
margin: 8px auto 36px;
}
.ps-pick__line{
display:block;
width: 140px;
height: 2px;
background: #dadada;
border-radius: 2px;
}


/* карточка формы */
.ps-pick__card{
max-width: 841px;
width: 100%;
margin: 0 auto;
background: #fff;
border-radius: 6px;
box-shadow: 0 20px 36px rgba(0,0,0,.10);
padding: 24px 24px 28px;
}

/* подзаголовок в карточке */
.ps-pick__lead{
font-size: 24px;
line-height: 1.5;
color: #333;
margin-bottom: 16px;
font-weight: 500;
padding: 15px 15px 0;
}

/* сетка формы */
.ps-row{
display:grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 12px;
}
.ps-col--stack{
display:flex;
align-items:center;
gap: 16px;
flex-wrap: wrap;
}

/* поля */
.form-control{
width:100%;
display:block;
padding: 12px 14px;
font-size: 15px;
border: 1px solid #cfd6df;
border-radius: 4px;
outline:none;
transition:.2s;
background: #fff;
}
.form-control:focus{
border-color:#2a66d4;
box-shadow: 0 0 0 3px rgba(42,102,212,.12);
}
textarea.form-control{
resize: vertical;
min-height: 224px;
}

/* файл */
.ps-file{
display:flex;
align-items:center;
gap: 14px;
font-size: 13px;
}
.ps-file__btn{
display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
padding: 0 15px;
border-radius: 6px;
color: #1f3a66;
border: 1px dashed #d7dfef;
cursor: pointer;
font-size: 16px;
user-select: none;
transition: .15s 
ease-in-out;
}
.ps-file__btn:hover{
background:#e9eef7;
}
.ps-file__hint{
color: #2F66AC;
font-size: 16px;
line-height: 16px;
max-width: 185px;
}
.ps-file__name{
color:#2a2a2a;
font-weight:500;
}

/* согласие */
.ps-agree{
display:flex;
align-items:center;
gap: 10px;
font-size: 14px;
color:#333;
}
.ps-agree a{ color:#1f3a66; text-decoration: underline; }

/* отправка */
.ps-actions{
margin-top: 10px;
display:flex;
justify-content:flex-start;
}

.ps-submit:hover{ transform: translateY(-1px); opacity:.95; }

/* сообщения формы */
.ps-msg{
margin-top: 10px;
font-size: 14px;
}


.ps-form-footer{
max-width: 100%;
background: transparent;
border-raduis: 0;
box-shadow: none;
height: auto;
}

.ps-atributs{
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 15px;
}













/* =========================
Footer Perlyna Stone
========================= */

.ps-footer {
background: #2c2c2c;
color: #dcdcdc;
padding: 48px 0 28px;
font-size: 18px;
line-height: 1.45;
}

.ps-footer a {
color: #dcdcdc;
text-decoration: none;
}
.ps-footer a:hover {
opacity: .85;
}

/* GRID */
.ps-footer__grid {
display: grid;
grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
gap: 40px 48px;
}

.ps-footcol__title {
font-size: 24px;
font-weight: 500;
margin: 0 0 18px;
text-transform: uppercase;
}

/* BRAND / 1 колонка */
.ps-footcol--brand .ps-footcol__logo img {
display: block;
width: 80px;
height: auto;
margin: 10px 0 10px;
}
.ps-footcol--brand .ps-footcol__copy {
margin: 4px 0 8px;
font-size: 14px;
color: #bfbfbf;
}
.ps-footcol__privacy {
font-size: 14px;
color: #bfbfbf;
text-decoration: underline;
}

/* LISTS */
.ps-footcol__list {
list-style: none;
margin: 0;
padding: 0;
}
.ps-footcol__list li {
margin: 8px 0;
}

/* CONTACTS */
.ps-footcol--contacts .ps-phones {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 8px;
}

.ps-phone {
font-size: 24px;
color: #B1ECFF;
font-weight: 500;
}

.ps-contactline {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 10px 0;
font-size:18px;
}

.ps-contactline img {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    opacity: 1;
    background: #fff;
    padding: 10px;
    box-sizing: content-box;
    border-radius: 4px;
}

.ps-contacttext {
display: block;
}

/* кнопка "Замовити дзвінок" */
.ps-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 14px;
background: #f5e7db;
color: #2b2b2b !important;
border-radius: 6px;
font-weight: 500;
}
.ps-btn:hover { opacity: .9; }

/* НИЖНЯЯ ПОЛОСА */
.ps-footer__bottom {
border-top: 1px solid rgba(255,255,255,.08);
margin-top: 28px;
padding-top: 18px;
font-size: 14px;
color: #bfbfbf;
}














/* ------- Mega menu -------- */
.dd-mega .dropdown-menu.mega-menu{
  width:100%;
  max-width:100%;
  border:none;
  padding:24px 32px;
  margin-top:0;
  left:0;
  right:0;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.mega-wrap{
  display:grid;
  grid-template-columns: repeat(8, minmax(180px,1fr)); /* адаптивно */
  gap:24px;
}

@media (max-width: 1400px){
  .mega-wrap{ grid-template-columns: repeat(6,minmax(180px,1fr)); }
}
@media (max-width: 1200px){
  .mega-wrap{ grid-template-columns: repeat(4,minmax(180px,1fr)); }
}
@media (max-width: 992px){
  .mega-wrap{ grid-template-columns: repeat(2,minmax(180px,1fr)); }
}

.mega-card{
  display:flex;
  flex-direction:column;
  text-decoration:none;
  color:inherit;
  border-radius:8px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  transition:transform .2s ease, box-shadow .2s ease;
}

.mega-card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}

.mega-card__img{
  display:block;
  aspect-ratio: 26 / 17; /* 260x170 */
  overflow:hidden;
}

.mega-card__img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.mega-card__cap{
  display:block;
  padding:14px 14px 16px;
  font-size:16px;
  line-height:1.25;
}












/* ===== CONTACTS ===== */
.ps-contacts { padding: 24px 0 64px; }
.ps-contacts .breadcrumb { margin-bottom: 12px; }
.ps-contacts__title { font-size: 36px; font-weight: 600; margin: 8px 0 8px; }
.ps-contacts__lead { margin: 0 0 24px; color: #6f7680; }

.ps-cards{
display:grid;
grid-template-columns: repeat(3, 1fr);
gap:16px;
margin-bottom:16px;
}
@media (max-width:991.98px){ .ps-cards{ grid-template-columns: 1fr; } }

.ps-contacts .ps-card{padding:16px 18px;}

.ps-card{
background:#fff;
border:1px solid #e9ecef;
border-radius:2px;
box-shadow:0 2px 10px rgba(0,0,0,.05);

}
.ps-card__head{
display:flex; align-items:center; gap:10px;
font-weight:600; margin-bottom:10px;
}
.ps-ico{ width:18px; height:18px; object-fit:contain; }

.ps-card__body{ font-size:15px; color:#2b2f36; }
.ps-link{ color:#2b2f36; text-decoration:none; }
.ps-link:hover{ text-decoration:underline; }

.ps-mess{ display:flex; align-items:center; gap:12px; }
.ps-mess__icons{ display:inline-flex; gap:8px; }
.ps-mess__ico img{ width:20px; height:20px; display:block; }

.ps-card--address{ margin-top:16px; }
.ps-address{ margin-bottom:8px; }
.ps-note{ margin:0 0 12px; color:#6f7680; }

.ps-map{
width:100%; height:360px;
overflow:hidden;
background:#f2f4f7;
border:1px solid #e9ecef;
}

/* ========== Contacts – блок 2 (карточка с формой и картинкой) ========== */
.ps-contacts2{
position: relative;
padding: 100px 0;
z-index: 1; /* над фоном */
}

.ps-contacts2__bg{
position: absolute;
inset: 0;
z-index: 0;
background-image: var(--img, none);
background-size: cover;
background-position: 0 -390px;
background-repeat: no-repeat;
opacity: .2;           /* если нужен «приглушённый» фон, поставь 0.8–0.9 */
pointer-events: none; /* фон клики не перехватывает */
}

.ps-contacts2 .container{
position: relative;
z-index: 2;
}

.ps-contacts2__card{
display: grid;
grid-template-columns: 1fr 420px; /* форма | картинка */
gap: 24px;
background: #fff;
box-shadow: 0 12px 28px rgba(0,0,0,.12);
padding: 28px;
}

.ps-contacts2__left{
min-width: 0;
}

.ps-contacts2__right{
overflow: hidden;
align-self: stretch;
}
.ps-contacts2__right img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

/* Плейсхолдер на случай, если форму пока не вставили */
.ps-form-placeholder{
min-height: 320px;
display: grid;
place-items: center;
color: #777;

}




.ps-contacts .ps-card__body{
    padding: 0;
}










.ps-about-intro{
  position: relative;
  padding: 48px 0 72px;
  z-index: 1; /* над фоном */
}

/* Фон окремим шаром */
.ps-about-intro__bg{
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: var(--img, none);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: .2;
  pointer-events: none;
}

.ps-about-intro .container{
  position: relative;
  z-index: 2;
}

.ps-about-intro__title{
    margin: 0 0 20px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    color: #222;
    text-transform: uppercase;
}

/* Біла картка з тінню */
.ps-about-intro__card{
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 14px 36px rgba(0,0,0,.12);
  padding: 100px 50px;
  display: grid;
  grid-template-columns: 1fr 520px; /* текст | картинка */
  gap: 28px;
}

.ps-about-intro__text{
  min-width: 0;
  font-size: 16px;
  line-height: 1.65;
  color: #333;
}
.ps-about-intro__text p{ margin: 0 0 12px;font-size: 16px;font-weight: 300; }

.ps-about-intro__media{
  border-radius: 2px;
  overflow: hidden;
  align-self: center;
  height: 325px;
}
.ps-about-intro__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}




/* ===== Reviews block ===== */
.ps-reviews{ padding: 24px 0 56px;background: #F6F5F4; }
.ps-reviews__title{ font-weight:400; font-size:24px; margin:0 0 40px;    text-transform: uppercase; }

.ps-reviews__list{ display:flex; flex-direction:column; gap:12px; margin-bottom:16px; margin-left: 15px;}
.ps-rev{
  display:flex; justify-content:space-between; gap:16px;border-radius:2px; background:#fff; padding:14px 16px;
}
.ps-rev__left{ display:flex; gap:12px; align-items:flex-start; min-width:0; }
.ps-rev__ava{ width:36px; height:36px; border-radius:50%; object-fit:cover; flex:0 0 auto; }
.ps-rev__who{ min-width:0; }
.ps-rev__name{ font-weight:500; font-size:16px; margin-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ps-rev__txt{ font-size:16px; color:#444; line-height:1.5;font-weight:300; }
.ps-rev__date{ color:#888; font-size:12px; flex:0 0 auto; padding-left:12px; white-space:nowrap; }

.ps-reviews__more{
  display:inline-block; padding:10px 18px; border-radius:2px;
  background:#222; color:#fff; border:none; cursor:pointer;
  margin:4px 0 28px 15px; transition:opacity .2s; font-size: 18px;font-weight:500;
}
.ps-reviews__more:hover{ opacity:.9; }

.ps-reviews__form{ margin-left: 15px; }
.ps-reviews__subtitle{ margin:0 0 12px; font-weight:500; font-size:18px; color:#2d3564; }

.ps-reviews-form{ display:grid; grid-template-columns:260px 260px 1fr; gap:12px; }
.ps-inp{
  width:100%; height:44px; border:1px solid #dcdcdc; border-radius:2px;
  padding:0 12px; font-size:14px; background:#fff;
}
.ps-inp--area{ height:44px; padding:10px 12px; resize:vertical; min-height:44px; }

.ps-reviews-form__row{
  grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:16px;
}

.ps-reviews .ps-check{ display:none; }
.ps-check input{ width:16px; height:16px; }

.ps-reviews .ps-btn{
   padding:10px 22px; border-radius:2px; border:none; background:#222; color:#fff !important; cursor:pointer;font-size: 18px;font-weight:500;
}
.ps-btn:hover{ opacity:.9; }

.ps-msg{ margin-top:10px; font-size:14px; color:#1a7f37; }
.ps-msg.is-err{ color:#c62828; }





/* Родитель не должен ограничивать область выпадашки */
#menu .navbar-nav .dd-mega {
  position: static;               /* важно: чтобы абсолютная dropdown-menu растянулась по всей шапке */
  overflow: visible;              /* чтобы меню не обрезалось */
}

/* Сбрасываем дефолтный min-width bootstrap и тянем на всю ширину */
#menu .dd-mega > .dropdown-menu {
  left: 0;
  right: 0;
  width: 100%;
  min-width: 100% !important;     /* перебиваем правило #menu .dropdown-menu { min-width:240px } */
  border: 0;
  padding: 24px 24px 28px;
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

/* Внутренняя сетка карточек, как раньше */
#menu .mega-wrap{
    max-width: 1240px;              /* если нужно ограничить контейнерную ширину */
    margin: 0 auto;
    display: flex;
    gap: 15px;
    align-items: flex-start;
    justify-content: space-between;
}

/* Карточка */
#menu .mega-card{
  display:block;
  text-decoration:none;
  color:inherit;
  border-radius:2px;
  overflow:hidden;
  background:#fff;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
  transition: transform .2s ease, box-shadow .2s ease;
  width: 130px;
}
#menu .mega-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}
#menu .mega-card__img img{display:block;width:100%;height:auto}
#menu .mega-card__cap{display:block;padding:12px 14px;font-weight:400;line-height: 1.25;min-height: 103px;display: flex;align-items: center;}











.ps-delivery { padding: 24px 0 48px; }
.ps-delivery .ps-title { font-size: 28px; font-weight: 600; margin: 0 0 20px; display: none;}

.ps-delivery .ps-section { margin-bottom: 26px; }
.ps-delivery .ps-section__title {font-size: 24px;font-weight: 400;margin-bottom: 20px;text-transform: uppercase;color: #333333;    margin-top: 30px;}

.ps-delivery .ps-box {
  background: #fff;
  border: 1px solid var(--bs-border-color, #e5e7eb);
  border-radius: 4px;
  box-shadow: 0 5px 20px rgba(0,0,0,.06);
  padding: 16px 18px;
  margin: 20px 0;
}

.ps-delivery .ps-box + .ps-delivery .ps-box { margin-top: 14px; }

.ps-delivery .ps-box__row {display: flex;align-items: flex-start;flex-direction: column; }
.ps-delivery .ps-delivery__logos { gap: 10px;flex-wrap: wrap;display: flex;justify-content: space-between;width: 100%;margin-bottom: 15px; }
.ps-delivery .ps-box__row--pickup .ps-ico { font-size: 26px; }

.ps-delivery .ps-delivery__logos img { height: 100px; width: auto; object-fit: contain; display: block; }

.ps-delivery .ps-box__subtitle { font-weight: 600; margin-bottom: 6px; }
.ps-delivery .ps-box__info { margin: 2px 0; }
.ps-delivery .ps-box__muted { color: #7a7a7a; font-size: 13px; }

.ps-delivery .ps-box__text p { margin: 0 0 10px;font-weight: 300;color: #333333; font-size: 16px;}

.ps-delivery .ps-item { display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; align-items: center;}
.ps-delivery .ps-item + .ps-delivery .ps-item { border-top: 1px dashed rgba(0,0,0,.07); }
.ps-delivery .ps-item__ico { font-size: 20px; line-height: 1; width: 28px; text-align: center; }
.ps-delivery .ps-item__title { font-weight: 400; font-size: 18px; }
.ps-delivery .ps-item__text { font-weight: 300;color: #333333;font-size: 16px; }






.ps-footer__grid .ps-btn{font-size: 16px; min-width:auto;padding: 9px 15px;}





.ps-track .ps-card{padding: 0;}









/* контейнер в шапке */
.ps-cart { position:relative; }
.ps-cart__btn {
  background:none; border:0; padding:0; position:relative; line-height:1;
}
#cart-count {
  position:absolute; top:-6px; right:-10px;
  background:#1e293b; color:#fff; min-width:18px; height:18px; border-radius:9px;
  font-size:12px; text-align:center; padding:0 4px;
}

/* дропдаун */
.ps-cart__dropdown {
  position:absolute; right:0; top:100%;
  width:560px; background:#fff; border-radius:8px;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  display:none; z-index:1500;
}
.ps-cart.is-open .ps-cart__dropdown { display:block; }

/* строки */
.ps-mini__row {
  display:grid; grid-template-columns:130px 1fr 130px 100px 32px;
  gap:12px; align-items:center; padding:12px 14px; border-bottom:1px solid #eef2f7;
}
.ps-mini__img { width:130px; height:85px; object-fit:cover; border-radius:6px; }
.ps-mini__name { font-weight:600; }
.ps-mini__opt { font-weight:400; color:#6b7280; font-size:12px; }

.ps-mini__qty {display: flex;align-items: center;gap: 0px;width: fit-content;border: 1px solid #33333333;border-radius: 4px;padding: 8px 16px;    margin: 0 auto; }
.ps-qty { display:flex; align-items:center; border:1px solid #cbd5e1; border-radius:8px; height:38px; }
.ps-qty.minus, .ps-qty.plus {width: 10px;padding: 0;height: 10px;border: 0;background: transparent; }
.ps-qty__input {width: -webkit-fill-available;text-align: center;border: 0;background: transparent;max-width: 40px; }

.ps-mini__price { text-align:right; font-weight:600; }

.ps-mini__remove {
  width:28px; height:28px; border:0; border-radius:50%;
  background:transparent; color:#fff; line-height:28px; text-align:center; display: flex; align-items: center; justify-content: center;
}

.ps-mini__totals { padding:12px 14px; }
.ps-mini__row--total { display:flex; justify-content:space-between; padding:6px 0 12px; }

.ps-mini__links{display: flex;justify-content: flex-end;gap: 20px;}

.ps-mini__links a { margin-right:8px; }

.ps-mini__empty { padding:16px; color:#6b7280; }

.ps-mini__links .btn{  color: #333333;border-color: #33333333;margin: 0;padding: 10px;font-size: 18px;}

.ps-mini__links .btn.btn-primary{background: transparent;color:#A9292B;}






/* Контейнер */
.ps-spec{

  border-radius:4px;
  overflow:hidden;
  font-size:14px;
  color:#111827;
}

/* Рядок: 2 колонки */
.ps-spec__row{
  display:grid;
  grid-template-columns: 180px 1fr;
  min-height:48px;
}

/* Сіра «шахматка» для правої частини (як на скріні) */
.ps-spec__row:nth-child(even) .ps-spec__body,
.ps-spec__row:nth-child(even) .ps-spec__head{
  background:#f3f4f6;
}


.ps-spec__row:nth-child(odd) .ps-spec__body, .ps-spec__row:nth-child(odd) .ps-spec__head{background:#fff;}

/* Ліва колонка (заголовок) */
.ps-spec__head{
  font-weight:600;
  padding:12px 14px;
}

/* Права колонка (значення) */
.ps-spec__body{
  padding:12px 14px;
}

/* Списки з крапками */
.ps-spec__list{
  list-style:none;
  margin:0;
  padding:0;
}
.ps-spec__list li{
  position:relative;
  margin:6px 0;
  padding-left:20px;
}
.ps-spec__list li::before{
  content:"";
  position:absolute;
  left:6px; top:9px;
  width:6px; height:6px;
  border-radius:50%;
  background:#1f2937;
}

/* Списки з іконками (мішок/біг-бег/вантажівка) */
.ps-spec__list--icons li{
  padding-left:28px;
}
.ps-spec__ico{
  position:absolute;
  left:6px; top:4px;
  width:16px; height:16px;
  color:#6b7280;
}
.ps-spec__ico svg{
  width:16px; height:16px;
  fill:currentColor;
}

/* Прапор (можна замінити на реальне зображення) */
.ps-flag{
  display:inline-block;
  width:18px; height:12px;
  margin-right:8px;
  vertical-align:-2px;
  border:1px solid #d1d5db;
  background:#e5e7eb;
}
.ps-flag--gr{
  /* простенька «імітація» прапора Греції */
  background-image:
    linear-gradient(#3b82f6 50%, transparent 50%),
    linear-gradient(#3b82f6 50%, #e5e7eb 50%);
  background-size: 18px 12px, 18px 2px;
  background-repeat: no-repeat, repeat-y;
  background-position: 0 0, 0 0;
}

.ps-fasovka li::before{
    display:none;
}


.ps-hr-product{height:20px;width:100%;display:block;background:#303030;border-radius:4px;    margin: 40px 12px 30px;}

.product-gallery,.product-desk,.product-desc{margin-top:0;}

.img-fluid{border-radius: 4px;}

.img-thumbnail{padding: 0;border:none;width:100%;    max-width: 117px;}

.product-gallery .d-flex a{width: 23%;}

.is-product{background:#f5f5f5;}

.knopki-v-producte{max-width: 440px;margin-left: auto;margin-bottom: 100px;}

.knopki-v-producte__weight{display: flex;align-items: flex-end;gap: 20px;}

.product-orde__price{ display: flex;justify-content: flex-end;align-items: flex-end;gap: 20px;}

.product-order{display: flex;flex-direction: column;align-items: flex-end;gap: 20px;}

.product-order .btn{background: #fff;color: #A9292B;text-transform: uppercase;border: 1px solid #3333334D;line-height: 32px;padding: 15px 45px;}

.ps-card__body_price-and-weight{display: flex;justify-content: space-between;align-items: center;}

.ps-card__body_price-and-weight .ps-price{    margin-top: 20px;display: block;}

.ps-catgroup__more .ps-more-btn{background: #333333;border: 1px solid #FFF0E5;color: #FFF0E5;font-size: 24px;font-weight: 500;border-radius: 4px;}


.btn:hover {
    color: var(--bs-btn-hover-color) !important;
    background-color: var(--bs-btn-hover-bg) !important;
    border-color: var(--bs-btn-hover-border-color) !important;
}







/* Сетка карточек */
.ps-cats {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  margin: 0 0 24px 0;
  row-gap: 5px;
  column-gap: 20px;
}

/* Карточка */
.ps-cat {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid #eef0f4;
  border-radius: 14px;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 2px 10px rgba(10, 20, 40, 0.04);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

/* Ховер */
.ps-cat:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 26px rgba(10, 20, 40, 0.10);
  border-color: #e3e7ee;
}


/*.ps-cat__media {*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*  border-radius: 12px 12px 0 0;*/
/*  background: #f6f7f9;*/
/*  aspect-ratio: 4 / 3;         */
/*}*/


/*.ps-cat__media img {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  display: block;*/
/*  object-fit: cover;            */
/*  object-position: center;*/
/*  transition: transform .25s ease;*/
/*}*/

.ps-cat:hover .ps-cat__media img {
  transform: scale(1.04);
}

/* Плейсхолдер, если нет картинки */
.ps-cat__placeholder {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: 40px;
  color: #98a2b3;
}

/* Заголовок */
.ps-cat__title {
  padding: 14px 14px 18px;
  font-weight: 600;
  line-height: 1.25;
  min-height: 3em;               /* Чтобы разные длины названий выглядели ровно */
}

/* Маленький счетчик (если включишь) */
.ps-cat__count {
  font-weight: 500;
  color: #98a2b3;
  margin-left: 6px;

}















/* ===== Categories module (aside) ===== */
.list-group.mb-3{
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(76, 90, 112, .18);
  background: #fff;
}

/* общий вид пунктов */
.list-group.mb-3 > .list-group-item{
  position: relative;
  border: 0;
  border-bottom: 1px solid rgba(76, 90, 112, .12);
  padding: 12px 14px;
  color: #223046;
  background: transparent;
  font-size: 14px;
  line-height: 1.25;
  display: block;
  transition: background .15s ease, color .15s ease;
}

.list-group.mb-3 > .list-group-item:last-child{
  border-bottom: 0;
}

/* hover */
.list-group.mb-3 > .list-group-item:hover{
  background: rgba(238, 244, 251, .7);
  color: #223046;
}

/* active (по твоим цветам) */
.list-group.mb-3 > .list-group-item.active{
  background: #eef4fb;
  color: #4C5A70;
  font-weight: 600;
}

/* ===== Булеты ТОЛЬКО для вложенных ===== */
/* Вложенные у тебя начинаются с &nbsp; (неразрывных пробелов) */
.list-group.mb-3 > .list-group-item:has(> a),
.list-group.mb-3 > .list-group-item{
  /* ничего */
}

/* если браузер поддерживает :has() — это самый чистый вариант */
@supports selector(a:has(span)) {
  .list-group.mb-3 > .list-group-item:has(> a) { }
}






/* базовое состояние */
.ps-card{
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}

/* hover эффект */
.ps-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}

/* плавный эффект для картинки */
.ps-card__img img{
  transition: transform .4s ease;
}

.ps-card:hover .ps-card__img img{
  transform: scale(1.05);
}

/* название */
.ps-card__name{
  transition: color .2s ease;
}

.ps-card:hover .ps-card__name{
  color: #4C5A70; /* твой фирменный */
}

/* лёгкий акцент линии снизу */
.ps-card::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #4C5A70, #89a4c5);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}

.ps-card:hover::after{
  transform: scaleX(1);
}



.ps-catblock .ps-track{padding: 35px 0;}

































/* адаптив */

@media(max-width: 1200px){ 
    .ps-track{ --cols:3; --gap:56px; }
    
    
    .ps-consult__title{ font-size:48px; }
    
    .ps-articles{--visible:3;}
    
    .ps-footer__grid {grid-template-columns: 1fr 1fr;}
    
    .ps-about-intro__card{grid-template-columns: 1fr 440px;}
}

@media (max-width: 1100px){
.ps-contacts2__card{
grid-template-columns: 1fr 360px;
}
}

/* Адаптив */
@media (max-width: 991.98px){
    .ps-hero{ min-height: 440px; }
    .ps-hero__inner{ padding: 48px 16px; }
    .ps-track{ --cols:2 ;--gap:36px;}
    .ps-arrow--prev{left:0}
    .ps-arrow--next{right:0}
    
    
    
    
    .ps-cards{ grid-template-columns:1fr; }
    
    
    .ps-articles{--visible:2;} .psa-arrow{display:none;}
    
    
    .ps-contacts2__card{grid-template-columns: 1fr;padding: 22px;}
    .ps-contacts2__right{order: -1;        /* картинка выше формы */height: 320px;    /* фикс-высота для аккуратного кропа */}

    .ps-about-intro{padding: 40px 0 56px;}
    .ps-about-intro__card{ grid-template-columns: 1fr;padding: 22px;}
    .ps-about-intro__media{order: -1;}
    
    .ps-reviews-form{ grid-template-columns:1fr 1fr; }
    .ps-cats { --ps-gap: 20px; }
}

}


@media (max-width: 900px){
.ps-row{ grid-template-columns: 1fr; }
.ps-pick__card{ padding: 20px; }
.ps-pick{ padding: 72px 0 64px; }
}


@media (max-width: 768px){
.ps-articles .psa-nav{
width: 38px; height: 38px;
}
.ps-articles .psa-prev{ left: -10px; }
.ps-articles .psa-next{ right: -10px; }


.ps-footer {
padding: 36px 0 24px;
}
.ps-footer__grid {
grid-template-columns: 1fr;
gap: 28px;
}
.ps-footcol__title { font-size: 22px; }
.ps-phone { font-size: 22px; }
.ps-footer a { font-size: 17px; }
}



@media (max-width: 640px) {
  .ps-cats {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    --ps-gap: 16px;
  }
  .ps-cat__title { padding: 12px 12px 14px; }
}

@media (max-width: 575.98px){
.ps-hero{ min-height: 380px; }
.ps-track{ --cols:1;--gap:6px; }
/* можно оставить 1/1, но слегка растяну изображение, чтобы карточка на мобиле смотрелась шире */
.ps-card__img{aspect-ratio:16/10}


.ps-consult__title{ font-size:36px; }
.ps-form{ padding:18px; }


.ps-articles{--visible:1;} .ps-articles{--gap:16px;}


.ps-contacts2{padding: 36px 0 48px;}
.ps-contacts2__card{gap: 16px;padding: 18px;}
.ps-contacts2__right{height: 240px;}

  .ps-about-intro__title{font-size: 28px;}
  .ps-about-intro__card{gap: 18px;padding: 18px;}
  
  .ps-reviews-form{ grid-template-columns:1fr; }
  .ps-reviews-form__row{ flex-direction:column; align-items:flex-start; }
}



@media (max-width: 480px){
.ps-articles .psa-nav{
width: 34px; height: 34px;
}
.ps-articles .psa-prev{ left: -8px; }
.ps-articles .psa-next{ right: -8px; }
}