/*==============================================
  demo/index.css — Natasha Libelle
  Стили главной страницы (page-specific).
  Общие стили — shared/base.css.
==============================================*/


html { overflow-x: hidden; }
body { overflow-x: hidden; }

/*==============================================
  HERO — СЛАЙДЕР
==============================================*/
.hero{
  position:relative;width:100%;height:100svh;min-height:600px;
  overflow:hidden;background:#0c0912;
  user-select:none;
}

/* ── Трек слайдов ── */
.hero-slider{
  position:absolute;inset:0;
}
.hero-slide{
  position:absolute;inset:0;
  opacity:0;
  transition:opacity .9s cubic-bezier(.4,0,.2,1);
  pointer-events:none;
}
.hero-slide.is-active{
  opacity:1;
  pointer-events:auto;
}

/* ── Медиа внутри слайда ── */
.hero-slide__video,
.hero-slide__img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;object-position:center 30%;
}

/* ── Оверлей (градиент) ── */
.hero-slide__ov{
  position:absolute;inset:0;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.52) 0%, rgba(0,0,0,0) 26%),
    linear-gradient(to top, rgba(0,0,0,.90) 0%, rgba(0,0,0,.68) 28%, rgba(0,0,0,.30) 55%, rgba(0,0,0,0) 100%);
}

/* ── Текстовый блок слайда ── */
.hero-slide__body{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  padding:0 40px 100px;text-align:center;
}
.hero-eyebrow{
  font-size:10px;font-weight:500;letter-spacing:0.32em;text-transform:uppercase;
  color:rgba(255,255,255,.75);margin-bottom:16px;
  text-shadow:0 1px 4px rgba(0,0,0,.5);
}
.hero-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(36px,4.2vw,64px);
  font-weight:300;color:#fff;line-height:1.08;
  letter-spacing:0.06em;text-transform:uppercase;
  margin:0 0 24px;max-width:760px;
}
.hero-sub{
  font-family:'Inter',sans-serif;
  font-size:11px;font-weight:400;letter-spacing:0.25em;text-transform:uppercase;
  color:rgba(255,255,255,.75);
  display:flex;align-items:center;margin-bottom:36px;
  text-shadow:0 1px 6px rgba(0,0,0,.6);
}
.hero-sub span{padding:0 18px;border-right:1px solid rgba(255,255,255,.2);line-height:1;}
.hero-sub span:first-child{padding-left:0;}
.hero-sub span:last-child{border-right:none;}
.hero-cta{display:flex;flex-direction:column;align-items:center;gap:16px;}
.hero-textlink{font-size:13px;font-weight:400;color:rgba(255,255,255,.8);transition:color .2s;text-shadow:0 1px 4px rgba(0,0,0,.4);}
.hero-textlink:hover{color:#fff;}

/* ── Стрелки ── */
.hero-arr{
  position:absolute;top:50%;transform:translateY(-50%);
  width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s,border-color .2s,opacity .2s;
  z-index:10;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.hero-arr:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5);}
.hero-arr--prev{left:28px;}
.hero-arr--next{right:28px;}

/* ── Точки ── */
.hero-dots{
  position:absolute;bottom:36px;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:10px;
  z-index:10;
}
.hero-dot{
  width:7px;height:7px;border-radius:50%;
  background:rgba(255,255,255,.4);border:none;padding:0;cursor:pointer;
  transition:background .3s,transform .3s;
}
.hero-dot.is-active{
  background:#fff;
  transform:scale(1.35);
}

/* ── Прогресс-бар ── */
.hero-progress{
  position:absolute;bottom:0;left:0;right:0;
  height:2px;background:rgba(255,255,255,.12);
  z-index:10;
}
.hero-progress__bar{
  height:100%;width:0%;
  background:rgba(255,255,255,.7);
  transition:width linear;
}

/* ── Скролл-хинт ── */
.hero-scroll{
  position:absolute;bottom:52px;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:8px;
  z-index:5;pointer-events:none;
}
.hero-scroll-line{
  width:1px;height:40px;background:rgba(255,255,255,.2);overflow:hidden;position:relative;
}
.hero-scroll-line::after{
  content:'';position:absolute;top:-100%;left:0;width:1px;height:100%;
  background:rgba(255,255,255,.7);animation:sa 1.8s ease-in-out infinite;
}
@keyframes sa{0%{top:-100%}100%{top:100%}}

/* ── Медиа: мобиле ── */
@media(max-width:767px){
  .hero-slide__body{padding:0 20px 84px;}
  .hero-title{
    font-size:clamp(28px,8vw,44px);
    word-break:break-word;white-space:normal;width:100%;
  }
  .hero-sub{flex-direction:column;gap:4px;}
  .hero-sub span{border-right:none;padding:3px 0;}
  .hero-arr{width:40px;height:40px;}
  .hero-arr--prev{left:12px;}
  .hero-arr--next{right:12px;}
  .hero-scroll{display:none;}
}
@media(max-width:480px){
  .hero-title{font-size:clamp(32px,10vw,48px);}
}
/* Landscape-телефон */
@media(max-height:500px) and (orientation:landscape){
  .hero{height:calc(100svh - 64px);min-height:0;}
  /* На узком по высоте экране прячем "лишний" верхний текст,
     чтобы он не наезжал на логотип в шапке */
  .hero-eyebrow{display:none;}
  .hero-slide__body{padding-top:64px;padding-bottom:24px;}
  .hero-title{margin-bottom:12px;font-size:clamp(24px,5.5vw,34px);}
  .hero-sub{margin-bottom:14px;}
  .hero-scroll{display:none;}
  .hero-dots{bottom:14px;}
  /* Стрелки — по вертикальному центру видимой части hero,
     чтобы не заезжать под нижнее app-меню (64px) */
  .hero-arr{top:50%;bottom:auto;transform:translateY(-50%);}
  .hero-arr--prev{left:12px;}
  .hero-arr--next{right:12px;}
}

/*==============================================
  МАНИФЕСТ — секция 2
==============================================*/
.manifest{
  display:grid;grid-template-columns:1fr 1fr;
  align-items:stretch;
}
.manifest-text{
  padding:105px 80px 105px 72px;
  display:flex;flex-direction:column;justify-content:center;
}
.manifest-text .h2{margin-bottom:28px;font-size:clamp(26px,2.4vw,38px);}
.manifest-text p{
  font-size:17px;font-weight:400;color:#444;line-height:1.8;
  margin-bottom:20px;
}
.manifest-text p:last-of-type{margin-bottom:40px;}
.manifest-text .arrow-link{width:fit-content;}
.manifest-photo{
  position:relative;overflow:hidden;
  min-height:420px;background:#1a1a1a;
}
.manifest-photo img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;transition:transform .8s ease;
}
.manifest-photo:hover img{transform:scale(1.03);}
.manifest-cap{
  position:absolute;bottom:0;left:0;right:0;
  padding:14px 24px;
  background:linear-gradient(to top,rgba(0,0,0,.6),transparent);
  font-size:10px;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;
  color:rgba(255,255,255,.7);
}
@media(max-width:991px){
  .manifest{grid-template-columns:1fr;}
  .manifest-photo{min-height:280px;order:-1;}
  .manifest-text{padding:48px 24px;}
}
@media(max-width:600px){
  .manifest-text{padding:40px 0;}
  .manifest-text .h2{font-size:28px;}
  .manifest-text p{font-size:15px;}
}
@media(max-width:767px){
  #s-manifest{display:none;}
}

/*==============================================
  КОЛЛЕКЦИИ — секция 3
==============================================*/
#s-collections{padding-bottom:0;}
.cols-hd{padding-bottom:52px;}
@media(max-width:767px){.cols-hd{padding-bottom:36px;}}

.col-list{display:flex;flex-direction:column;}
.col-row{
  display:grid;
  grid-template-columns:55fr 45fr;
  height:560px;
  overflow:hidden;
  text-decoration:none;color:inherit;
  position:relative;
}
.col-row--r{grid-template-columns:45fr 55fr;}
.col-row--r .col-photo{order:2;}
.col-row--r .col-info{order:1;}

.col-photo{overflow:hidden;background:#111;position:relative;}
.col-photo img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;
  transition:transform .7s cubic-bezier(.4,0,.2,1);
}
.col-row:hover .col-photo img{transform:scale(1.05);}

.col-info{
  display:flex;flex-direction:column;justify-content:center;
  padding:64px 72px;
  background:#f5f2ee;
}
.col-row:nth-child(even) .col-info{background:#ede8f3;}

.col-lbl{font-size:11px;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:#8a5fbf;margin-bottom:14px;}
.col-title{
  font-family:'Inter',sans-serif;
  font-size:clamp(28px,2.8vw,46px);
  font-weight:700;letter-spacing:-.02em;line-height:1.05;
  color:#111;margin-bottom:18px;
}
.col-desc{font-size:16px;font-weight:400;color:#444;line-height:1.75;margin-bottom:32px;}
.col-cta{
  display:inline-flex;align-items:center;gap:10px;align-self:flex-start;
  font-size:12px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;
  color:#6b3f8f;
  padding-bottom:2px;
  /* подчёркивание только под текстом — заканчивается до стрелки ::after */
  background-image:linear-gradient(rgba(107,63,143,.35),rgba(107,63,143,.35));
  background-repeat:no-repeat;
  background-position:left bottom;
  background-size:calc(100% - 1.4em - 10px) 1px; /* 1.4em ≈ ширина стрелки, 10px = gap */
  transition:gap .2s,background-image .2s;
}
.col-cta::after{content:'→';font-size:14px;transition:transform .2s;}
.col-row:hover .col-cta{
  gap:16px;
  background-image:linear-gradient(rgba(107,63,143,1),rgba(107,63,143,1));
}
.col-row:hover .col-cta::after{transform:translateX(4px);}

.col-foot{
  padding:16px 72px;
  border-top:1px solid #e0dbd6;
  background:#f5f2ee;
  display:flex;
  justify-content:center;
}
@media(max-width:1100px){
  .col-info{padding:48px;}
  .col-foot{padding:14px 48px;}
}
@media(max-width:767px){
  #s-collections{overflow:hidden;}
  .col-list{
    flex-direction:row;
    overflow-x:auto;
    overflow-y:visible;
    scroll-snap-type:x mandatory;
    scroll-padding-left:var(--w-pad);
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:12px;
    margin-left:calc(-1 * var(--w-pad));
    margin-right:calc(-1 * var(--w-pad));
    padding-left:var(--w-pad);
    padding-right:var(--w-pad);
  }
  .col-list::-webkit-scrollbar{display:none;}
  .col-row,.col-row--r{
    flex:0 0 80vw;
    width:80vw;
    min-width:0;
    max-width:320px;
    scroll-snap-align:start;
    grid-template-columns:1fr;
    grid-template-rows:200px auto;
    height:auto;
    border-radius:4px;
    overflow:hidden;
    margin-right:0;
  }
  .col-row--r .col-photo{order:0;}
  .col-row--r .col-info{order:1;}
  .col-info{padding:20px 16px 24px;}
  .col-foot{display:none;}
  .col-title{font-size:22px;}
  .col-desc{font-size:14px;margin-bottom:16px;}
  .col-lbl{margin-bottom:8px;}
}

/*==============================================
  ВЫБОР ДОМА — секция 4
==============================================*/
.feat-hd{
  display:flex;align-items:flex-end;justify-content:space-between;
  margin-bottom:48px;gap:20px;
}
.feat-hd-l .h2{margin-bottom:8px;}
.feat-sub{font-size:16px;color:#666;}
@media(max-width:767px){.feat-hd{flex-direction:column;align-items:flex-start;}}

.feat-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border-top:1px solid #e8e3dd;
  border-left:1px solid #e8e3dd;
}
.feat-item{
  position:relative;overflow:hidden;background:#fff;
  display:flex;flex-direction:column;
  text-decoration:none;color:inherit;
  border-right:1px solid #e8e3dd;
  border-bottom:1px solid #e8e3dd;
}
.feat-item--big{grid-column:span 2;}

/* Широкая карточка — фиксированное соотношение */
/* Белая подложка + contain (см. catalog/catalog.css): фото с белым фоном
   не создают бежевых полей, если пропорции не совпадают с контейнером. */
.feat-img{position:relative;overflow:hidden;background:#fff;flex-shrink:0;padding-bottom:100%;}
.feat-item--big .feat-img{padding-bottom:64%;}
.feat-img img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:contain;object-position:center center;
  transition:transform .4s ease;
}
/* Широкая карточка — фото пейзажное или с украшением в центре */
.feat-item--big .feat-img img{object-position:center center;}

/* Узкая карточка рядом с big (1-я строка): растягивается на высоту big */
.feat-item:not(.feat-item--big):nth-child(2){
  display:grid;
  grid-template-rows:1fr auto;
}
.feat-item:not(.feat-item--big):nth-child(2) .feat-img{
  padding-bottom:0;
  height:100%;
}

/* Нижний ряд (3 одинаковых карточки): фиксированное соотношение 100% */
.feat-item:not(.feat-item--big):not(:nth-child(2)) .feat-img{
  padding-bottom:100%;
}
/* Нижний ряд: украшение на белом фоне — смещаем чуть выше центра */
.feat-item:not(.feat-item--big):not(:nth-child(2)) .feat-img img{
  object-position: center 35%;
}
.feat-item:hover .feat-img img{transform:scale(1.04);}
.feat-meta{padding:18px 22px 22px;background:#fff;display:flex;flex-direction:column;flex:1;}
.feat-item--big .feat-meta{padding:24px 32px 28px;}
.feat-col{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#8a5fbf;margin-bottom:4px;}
.feat-name{font-size:17px;font-weight:600;color:#111;margin-bottom:4px;line-height:1.25;}
.feat-item--big .feat-name{font-size:22px;margin-bottom:8px;}
.feat-desc{font-size:14px;color:#666;line-height:1.6;margin-bottom:10px;flex:1;display:none;}
.feat-item--big .feat-desc,
.feat-item:nth-child(2) .feat-desc{display:block;}
.feat-price{font-size:14px;font-weight:700;color:#111;margin-top:auto;padding-top:10px;}
.feat-foot{margin-top:40px;text-align:center;}

@media(max-width:900px){
  .feat-grid{grid-template-columns:1fr 1fr;}
  .feat-item--big{grid-column:span 2;grid-row:span 1;}
  .feat-item--big .feat-img{padding-bottom:65%;}
}
@media(max-width:600px){
  .feat-grid{grid-template-columns:1fr;}
  .feat-item--big{grid-column:span 1;}
  .feat-item--big .feat-img{padding-bottom:75%;}
  .feat-meta{padding:12px 14px 16px;}
  .feat-item--big .feat-meta{padding:14px 16px 18px;}
  .feat-name{font-size:14px;}
  .feat-item--big .feat-name{font-size:18px;}
  .feat-foot{margin-top:28px;}
}


/* ══════════════════════════════════════════════
   CTA — ЗАЯВКА НА УКРАШЕНИЕ (дубль с ателье)
   Все стили с префиксом idx- чтобы не конфликтовать
══════════════════════════════════════════════ */
.idx-cta {
  background: #f8f2f7;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}
.idx-cta::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 65% 70% at 70% 50%, rgba(107,63,143,.18) 0%, transparent 60%);
  pointer-events: none;
}
.idx-cta__layout {
  position: relative; z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
.idx-cta__eyebrow {
  font-size: 9px; font-weight: 600; letter-spacing: .24em;
  text-transform: uppercase; color: var(--c-accent);
  display: block; margin-bottom: 16px;
}
.idx-cta__title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(30px, 3vw, 52px);
  font-weight: 300; color: #1c1220; line-height: 1.1;
  margin-bottom: 20px;
}
.idx-cta__left > p {
  font-size: 14px; color: #1c1220;
  line-height: 1.8; margin-bottom: 40px;
}
.idx-cta__contacts { display: flex; flex-direction: column; gap: 14px; margin-bottom: 28px; }
.idx-cta__directions-btn {
  display: inline-flex; align-items: center; gap: 8px;
  align-self: flex-start;
}
.idx-cta__contact-row { display: flex; align-items: center; gap: 14px; }
.idx-cta__contact-icon {
  width: 42px; height: 42px; border-radius: 50%;
  background: rgba(107,63,143,.08);
  border: 1px solid rgba(107,63,143,.2);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; color: var(--c-accent);
}
.idx-cta__contact-label {
  font-size: 9px; font-weight: 600; letter-spacing: .16em;
  text-transform: uppercase; color: #6b3f8f; display: block;
}
.idx-cta__contact-val {
  font-size: 15px; font-weight: 500; color: #1c1220;
  text-decoration: none; transition: color .2s;
}
.idx-cta__contact-val:hover { color: var(--c-accent); }

/* Карточка формы */
.idx-cta__form-wrap {
  background: #fff;
  border: 1px solid rgba(107,63,143,.15);
  padding: 40px;
}
.idx-cta__form-title {
  font-size: 18px; font-weight: 700; color: #1c1220; margin-bottom: 6px;
}
.idx-cta__form-wrap > p {
  font-size: 12px; color: rgba(28,18,32,.65);
  margin-bottom: 28px; line-height: 1.6;
}

/* Поля формы */
.idx-form { display: flex; flex-direction: column; gap: 14px; }
.idx-form__fields { display: flex; flex-direction: column; gap: 14px; }
.idx-form__field { display: flex; flex-direction: column; gap: 6px; }
.idx-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.idx-form__label {
  font-size: 10px; font-weight: 600; letter-spacing: .14em;
  text-transform: uppercase; color: #6b3f8f;
}
.idx-form__input,
.idx-form__textarea {
  background: #f8f2f7;
  border: 1px solid rgba(107,63,143,.2);
  color: #1c1220;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  padding: 12px 16px;
  outline: none;
  transition: border-color .2s, background .2s;
  width: 100%;
  -webkit-appearance: none; appearance: none;
}
.idx-form__input::placeholder,
.idx-form__textarea::placeholder { color: rgba(107,63,143,.4); }
.idx-form__input:focus,
.idx-form__textarea:focus {
  border-color: var(--c-accent);
  background: #fff;
}
.idx-form__textarea { min-height: 110px; resize: vertical; }

/* Прикрепить файл */
.idx-form__attach { display: flex; align-items: center; gap: 10px; margin-top: 8px; flex-wrap: wrap; }
.idx-form__file-input {
  position: absolute; width: 1px; height: 1px;
  opacity: 0; pointer-events: none; clip: rect(0,0,0,0);
}
.idx-form__file-label {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 12px; font-weight: 500; color: var(--c-accent);
  border: 1px solid rgba(107,63,143,.25);
  padding: 7px 14px; cursor: pointer;
  transition: background .2s, border-color .2s; white-space: nowrap;
}
.idx-form__file-label:hover { background: rgba(107,63,143,.06); border-color: var(--c-accent); }
.idx-form__file-name {
  font-size: 12px; color: rgba(28,18,32,.5);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 200px;
}

/* Чекбокс */
.idx-form__privacy-check { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; margin-top: 4px; }
.idx-form__check-wrap { position: relative; flex-shrink: 0; width: 16px; height: 16px; margin-top: 1px; }
.idx-form__check-input {
  position: absolute; inset: 0; opacity: 0; margin: 0; padding: 0;
  width: 100%; height: 100%; cursor: pointer; -webkit-appearance: none; appearance: none;
}
.idx-form__check-box {
  position: absolute; inset: 0;
  border: 1px solid rgba(107,63,143,.3); background: #fff;
  transition: border-color .2s, background .2s; pointer-events: none;
}
.idx-form__check-box::after {
  content: ''; position: absolute; top: 2px; left: 5px;
  width: 5px; height: 9px;
  border: 1.5px solid #fff; border-top: none; border-left: none;
  transform: rotate(45deg); opacity: 0; transition: opacity .15s;
}
.idx-form__check-input:checked + .idx-form__check-box { background: var(--c-accent); border-color: var(--c-accent); }
.idx-form__check-input:checked + .idx-form__check-box::after { opacity: 1; }
.idx-form__check-label { font-size: 11px; color: rgba(28,18,32,.6); line-height: 1.5; }
.idx-form__check-label a { color: var(--c-accent); text-decoration: underline; text-underline-offset: 2px; }
.idx-form__privacy-check.is-error .idx-form__check-box { border-color: rgba(192,57,43,.8); }

/* Успех */
.idx-form__success { display: none; text-align: center; padding: 32px 0; }
.idx-form .is-sent .idx-form__fields { display: none; }
.idx-form.is-sent .idx-form__fields { display: none; }
.idx-form.is-sent .idx-form__success { display: block; }
.idx-form__success-icon { font-size: 32px; color: var(--c-accent); display: block; margin-bottom: 12px; }
.idx-form__success p { font-size: 13px; color: rgba(28,18,32,.65); line-height: 1.6; margin-top: 6px; }
.idx-form__success p:first-of-type { font-size: 16px; font-weight: 600; color: #1c1220; margin-top: 0; }
.idx-form__success a { color: var(--c-accent); }

/* Адаптив */
@media (max-width: 900px) {
  .idx-cta { padding: 72px 0; }
  .idx-cta__layout { grid-template-columns: 1fr; gap: 48px; }
}
@media (max-width: 600px) {
  .idx-cta { padding: 56px 0; }
  .idx-cta__form-wrap { padding: 28px 20px; }
  .idx-form__row { grid-template-columns: 1fr; }
}
@media(max-width:767px){
  #s-featured{overflow:hidden;}
  .feat-grid{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-padding-left:var(--w-pad);
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:12px;
    border-top:none;
    border-left:none;
    margin-left:calc(-1 * var(--w-pad));
    margin-right:calc(-1 * var(--w-pad));
    padding-left:var(--w-pad);
    padding-right:var(--w-pad);
  }
  .feat-grid::-webkit-scrollbar{display:none;}
  .feat-item,.feat-item--big{
    flex:0 0 72vw;
    width:72vw;
    min-width:0;
    scroll-snap-align:start;
    grid-column:unset;
    border:1px solid #e8e3dd;
    border-radius:4px;
    overflow:hidden;
    margin-right:0;
    /* Сброс grid-stretch — в слайдере все карточки одинаковые */
    display:flex;
    flex-direction:column;
    grid-template-rows:unset;
  }
  .feat-item .feat-img,
  .feat-item--big .feat-img{
    padding-bottom:70%;
    height:auto;
  }
  .feat-item .feat-name,
  .feat-item--big .feat-name{font-size:15px;}
  .feat-item .feat-meta,
  .feat-item--big .feat-meta{padding:12px 14px 16px;}
  .feat-desc{display:none;}
  .feat-foot{margin-top:28px;}
}

/*==============================================
  КАМНИ — секция 5
==============================================*/
#s-stones{overflow:hidden;}
#s-stones .W{overflow:visible;}

.stones-scroll{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  margin-left:calc(-1 * var(--w-pad));
  margin-right:calc(-1 * var(--w-pad));
}
.stones-scroll::-webkit-scrollbar{display:none;}

.stones-track{
  display:flex;
  gap:24px;
  padding:4px 0 20px;
  width:max-content;
}
.stones-track::before,
.stones-track::after{
  content:'';
  display:block;
  flex-shrink:0;
  width:var(--w-pad);
}

.stone{
  flex:0 0 180px;
  display:flex;flex-direction:column;
  text-decoration:none;color:inherit;
}
.stone-img{
  width:180px;height:220px;
  border-radius:6px;
  overflow:hidden;
  background:#e0dbd4;
  margin-bottom:14px;
  position:relative;
  flex-shrink:0;
  transition:box-shadow .3s;
}
.stone:hover .stone-img{box-shadow:0 8px 28px rgba(107,63,143,.22);}
.stone-img img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}
.stone:hover .stone-img img{transform:scale(1.06);}
.stone-name{
  font-size:15px;font-weight:600;color:#111;
  margin-bottom:5px;
  transition:color .2s;
}
.stone:hover .stone-name{color:#6b3f8f;}
.stone-fact{font-size:12px;color:#555;line-height:1.6;}
.stones-foot{margin-top:44px;text-align:center;}

@media(max-width:767px){
  .stones-track{gap:16px;}
  .stone{flex:0 0 140px;}
  .stone-img{width:140px;height:168px;}
  .stone-name{font-size:13px;}
}

/*==============================================
  АТЕЛЬЕ — секция 6
==============================================*/
.atelier-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:0;align-items:stretch;
}
.atelier-media{
  position:relative;overflow:hidden;background:#111;
  min-height:540px;
}
.atelier-media video,
.atelier-media img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
}
.atelier-text{
  padding:80px 72px;
  display:flex;flex-direction:column;justify-content:center;
}
.atelier-text .h2{margin-bottom:24px;}
.atelier-text p{font-size:17px;color:#444;line-height:1.8;margin-bottom:16px;}
.atelier-text p:last-of-type{margin-bottom:40px;}
.atelier-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.atelier-phone{font-size:20px;font-weight:600;color:#333;transition:color .2s;}
.atelier-phone:hover{color:#6b3f8f;}
@media(max-width:991px){
  .atelier-grid{grid-template-columns:1fr;}
  .atelier-media{min-height:280px;order:-1;}
  .atelier-text{padding:48px 24px;}
}
@media(max-width:600px){
  .atelier-text{padding:36px 0;}
  .atelier-text p{font-size:15px;}
  .atelier-phone{font-size:17px;}
  .atelier-actions{flex-direction:column;align-items:flex-start;gap:16px;}
}

/*==============================================
  ЭКСПЕРТИЗА — секция 7
==============================================*/
/* S--dark override → светлый фон */
#s-expertise.S--dark,
#s-expertise.S.S--dark { background: #f8f2f7; color: #1c1220; }
#s-expertise .lbl      { color: var(--c-accent); }
#s-expertise .h2       { color: #1c1220; }

.exp-hd{margin-bottom:64px;}
.exp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;}
.exp-num{font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--c-accent);margin-bottom:12px;display:block;}
.exp-img{
  width:100%;height:240px;overflow:hidden;margin-bottom:24px;
  background:rgba(107,63,143,.08);position:relative;
}
.exp-img img{
  width:100%;height:100%;object-fit:cover;
  filter:brightness(.95) saturate(.9);
  transition:filter .3s,transform .3s;
}
.exp-fact:hover .exp-img img{filter:brightness(1) saturate(1);transform:scale(1.03);}
.exp-title{
  font-size:20px;font-weight:700;color:#1c1220;
  margin-bottom:12px;line-height:1.25;
}
.exp-text{
  font-size:14px;font-weight:400;
  color:rgba(28,18,32,.65);
  line-height:1.8;
}
@media(max-width:991px){
  .exp-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .exp-img{height:180px;}
  .exp-hd{margin-bottom:40px;}
}
@media(max-width:600px){
  .exp-grid{grid-template-columns:1fr;gap:32px;}
  .exp-img{height:160px;}
  .exp-title{font-size:17px;}
}

/*==============================================
  БЛОГ — секция 8
==============================================*/
.blog-hd{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;gap:20px;}
@media(max-width:767px){.blog-hd{flex-direction:column;align-items:flex-start;}}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;}
.bcard{display:flex;flex-direction:column;text-decoration:none;color:inherit;}
.bcard-img{
  width:100%;padding-bottom:64%;position:relative;overflow:hidden;
  background:#e8e3dd;margin-bottom:22px;
}
.bcard-img img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .4s ease;
}
.bcard:hover .bcard-img img{transform:scale(1.04);}
.bcard-cat{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#8a5fbf;margin-bottom:10px;}
.bcard-title{font-size:19px;font-weight:700;color:#111;line-height:1.3;margin-bottom:10px;transition:color .2s;}
.bcard:hover .bcard-title{color:#6b3f8f;}
.bcard-text{font-size:13px;font-weight:400;color:#555;line-height:1.7;margin-bottom:14px;flex:1;}
.bcard-more{
  font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:#6b3f8f;
  display:inline-flex;align-items:center;gap:8px;
  border-bottom:1px solid rgba(107,63,143,.35);padding-bottom:2px;width:fit-content;
  transition:gap .2s;
}
.bcard:hover .bcard-more{gap:14px;}
.blog-foot{margin-top:48px;text-align:center;}
@media(max-width:767px){
  .blog-grid{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-padding-left:var(--w-pad);
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:20px;
    margin-left:calc(-1 * var(--w-pad));
    margin-right:calc(-1 * var(--w-pad));
    padding-left:var(--w-pad);
    padding-right:var(--w-pad);
  }
  .blog-grid::-webkit-scrollbar{display:none;}
  .bcard{
    flex:0 0 80vw;
    width:80vw;
    min-width:0;
    scroll-snap-align:start;
    margin-right:0;
  }
  .blog-hd{margin-bottom:32px;}
  .bcard-img{padding-bottom:62%;margin-bottom:14px;}
  .bcard-title{font-size:17px;}
  .blog-foot{margin-top:32px;}
}

/* btn--ghost-k в idx-cta → фиолетовый контур */
.idx-cta .btn--ghost-k {
  border-color: var(--c-accent);
  color: var(--c-accent);
}
.idx-cta .btn--ghost-k:hover {
  background: var(--c-accent);
  color: #fff;
}

/*==============================================
  ПОИСК В ХЕДЕРЕ
==============================================*/
/* стили поиска — в shared/base.css */

/*==============================================
  ФОРМА МОДАЛКИ «ОБСУДИТЬ ПРОЕКТ»
  (поля .input — специфичны для этой формы)
==============================================*/
.input{width:100%;border:1px solid #ddd;padding:11px 14px;font-size:15px;font-family:inherit;outline:none;transition:border-color .2s;background:#fff;}
.input:focus{border-color:#6b3f8f;}
.input.is-error{border-color:rgba(192,57,43,.7);}

/*==============================================
  УТИЛИТАРНЫЕ КЛАССЫ
==============================================*/
.manifest-text--mb28{margin-bottom:28px;}
.s-atelier--mb48{margin-bottom:48px;}
.contact-col--p0{padding:0;}
.contact-col--bg-dark{background:#1a1030;}