/* design-interiera-samara-v05.css
   Extracted from inline <style> blocks that originally loaded after /css/hi-partials.css and local page body styles.
   Purpose: technical cleanup only; no redesign.
*/

/* Typography: common H1/H2/H3/copy scale is owned by /css/hi-typography-system.css. */

/* === design-shell-match-index-v04 === */
:root{
  --project-page-bg:#030303 !important;
  --bg:#030303 !important;
  --hi-bg:#030303 !important;
  --hi-surface:#030303 !important;
}
html,body{ background:#030303 !important; }
body,section,#services,#portfolio,#reviews-proof,#prices,#design-steps,#team,#contacts{
  background:#030303 !important;
}
#hero{
  min-height:100vh !important;
  display:block !important;
  padding:0 !important;
  border-top:0 !important;
  color:#fff !important;
}
#hero::before,
#hero::after{
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
}
#hero .content,
#hero .hero-nav,
#hero .hero-dots,
#hero .hero-counter{
  display:none !important;
}
#home-intro.home-intro{
  padding:48px 0 28px !important;
  background:transparent !important;
  border-top:0 !important;
}
#home-intro .wrap{
  max-width:min(1500px, calc(100vw - 64px)) !important;
  margin:0 auto !important;
  padding:0 24px !important;
  text-align:center !important;
}
#home-intro .home-h1{
  margin:0 0 14px !important;
}
#home-intro .home-lead{
  margin:0 auto 22px !important;
  max-width:min(1500px, calc(100vw - 64px)) !important;
  text-align:center !important;
}
#home-intro .home-lead .home-lead-line{
  display:block;
}
#home-intro .cta{
  margin:14px auto 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  width:100% !important;
  max-width:none !important;
}
#home-intro .cta a.hi-hero-cta{
  min-width:178px !important;
  width:auto !important;
  max-width:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding-inline:20px !important;
  padding-block:20px !important;
  border-radius:999px !important;
  white-space:nowrap !important;
  font-size:16px !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
  line-height:1 !important;
}

#home-intro .cta a.hi-hero-cta.hi-hero-cta-primary{
  background:var(--hi-accent,#BFA97A) !important;
  border:1px solid var(--hi-accent,#BFA97A) !important;
  color:#111 !important;
  box-shadow:0 0 14px rgba(191,169,122,.22) !important;
}
#home-intro .cta a.hi-hero-cta.hi-hero-cta-primary:hover,
#home-intro .cta a.hi-hero-cta.hi-hero-cta-primary:focus-visible{
  background:#cfb988 !important;
  border-color:#cfb988 !important;
  color:#111 !important;
  box-shadow:0 0 18px rgba(191,169,122,.34), 0 0 34px rgba(191,169,122,.18) !important;
}
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary{
  background:#262626 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:rgba(255,255,255,.94) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04), inset 0 -1px 0 rgba(255,255,255,.06) !important;
}
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:hover,
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:focus-visible{
  background:#2e2e2e !important;
  border-color:rgba(191,169,122,.34) !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(255,255,255,.07), 0 0 18px rgba(191,169,122,.10) !important;
}
@media (max-width: 900px){
  #hero{ min-height:90vh !important; }
  #home-intro.home-intro{ padding:34px 0 28px !important; }
  #home-intro .home-lead{
 max-width:100% !important;
}
  #home-intro .home-lead .home-lead-line{ display:block; white-space:normal !important;}
  #home-intro .cta a.hi-hero-cta{ font-size:15px !important; width:100% !important; max-width:320px !important; padding-inline:24px !important; padding-block:18px !important; }
}

@media (min-width: 1280px){
  #home-intro .home-lead{
    display:block !important;
    max-width:min(1240px, calc(100vw - 64px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    white-space:normal !important;
}
  #home-intro .home-lead .home-lead-line{
    white-space:normal !important;
  }
}


/* === design-home-intro-match-index-v07 === */
#home-intro.home-intro{
  padding-bottom:28px !important;
}
#home-intro .cta{
  margin:14px auto 0 !important;
  gap:14px !important;
}
#home-intro .cta a.hi-hero-cta{
  min-width:178px !important;
  padding-inline:20px !important;
  padding-block:20px !important;
  border-radius:999px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
#services{
  padding-top:14px !important;
}
#services > .wrap > h2.section-title:first-of-type{
  display:table !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
#services > .wrap > h2.section-title:first-of-type::after{
  left:50% !important;
  width:100% !important;
  transform:translateX(-50%) !important;
}
@media (max-width: 900px){
  #home-intro.home-intro{
    padding-bottom:28px !important;
  }
  #services{
    padding-top:14px !important;
  }
}


/* === design-page-clean-v03 === */
/* v03: local structural cleanup for design-interiera-samara.html only */
#services.design-service-section{padding-top:42px !important;}
#services .design-project-core{margin:44px 0 42px;}
#services .design-process-layout{margin-top:42px;}
#services .hi-clean-list{margin:16px 0 18px;padding-left:20px;}
#services .hi-clean-list li + li{margin-top:7px;}
#services .svc-cta{margin-top:18px !important;}
#services .hi-about-title{display:inline-block;position:relative;margin-bottom:18px !important;}
#services .hi-about-title::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:linear-gradient(90deg,rgba(191,169,122,0),rgba(191,169,122,.95),rgba(191,169,122,0));box-shadow:0 0 10px rgba(191,169,122,.42);}
.design-section-compact{padding:60px 0 0 !important;scroll-margin-top:40px;}
.design-section-prices{margin-top:0 !important;padding:60px 0 44px !important;}
.design-section-proof{padding:54px 0 62px !important;}
.design-section-faq{padding:46px 0 18px !important;}
.design-section-team{padding-top:42px !important;scroll-margin-top:40px;}
.design-section-contacts{padding-top:62px !important;}
.hi-section-lead{max-width:920px;margin:12px auto 22px;text-align:center;}
#prices .prices-contract-note{max-width:900px;margin:0 auto 22px;text-align:center;}
.design-portfolio-grid{width:100%;padding-inline:14px;margin-top:34px;grid-template-columns:repeat(3,minmax(0,1fr));}
.design-portfolio-grid .gallery-item img{width:100%;height:clamp(260px,22vw,390px);object-fit:cover;}
.design-faq-list{max-width:930px;margin:22px auto 0;}
.design-team-grid{align-items:center;}
.design-team-photo{display:block;max-width:100%;border-radius:16px;box-shadow:0 18px 42px rgba(0,0,0,.32);}
#reviews-proof.design-section-proof .hi-proof-quotes{display:none;}
#reviews-proof.design-section-proof .hi-proof-main{margin-bottom:18px;}
#reviews-proof.design-section-proof .hi-proof-main-title{font-size:clamp(22px,2.4vw,32px);}
@media (max-width:1180px){
  .design-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
  #services.design-service-section{padding-top:30px !important;}
  #services .design-project-core{margin:32px 0 32px;}
  #services .design-process-layout{margin-top:32px;}
  #services .hi-clean-list{text-align:left;}
  .design-section-compact{padding-top:44px !important;}
  .design-section-prices{padding-top:48px !important;}
  .design-section-proof{padding:46px 0 54px !important;}
  .design-section-faq{padding-top:42px !important;}
  .design-section-team{padding-top:34px !important;}
  .design-section-contacts{padding-top:52px !important;}
  .hi-section-lead,#prices .prices-contract-note{text-align:left;max-width:none;}
  .design-portfolio-grid{grid-template-columns:1fr;padding-inline:12px;margin-top:26px;}
  .design-portfolio-grid .gallery-item img{height:auto;object-fit:cover;}
  .design-team-grid{gap:24px;}
  .design-team-photo{border-radius:14px;}
}


/* === service-hero-video-v02 === */
#hero{isolation:isolate;}
#hero .hero-bg{z-index:0;}
#hero.hero-video-fallback .hero-video-wrap{opacity:1 !important;}
#hero.hero-video-fallback .hero-video{opacity:1;visibility:visible;}
#hero.hero-video-fallback .hero-bg.active{opacity:0 !important;}
#hero.hero-video-on .hero-video{opacity:1;visibility:visible;}
#hero .hero-video-wrap{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:1;transition:opacity .35s ease;background:#000;}
#hero .hero-video-wrap.is-ready{opacity:1;}
#hero .hero-video{display:block;position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center center;}
#hero::before{z-index:2 !important;}
#hero::after{z-index:3 !important;}
#hero .content,
#hero .hero-title,
#hero .hero-subtitle,
#hero .hero-subline,
#hero .cta,
#hero .hero-nav,
#hero .hero-dots,
#hero .hero-counter{position:relative;z-index:5;}

/* === design-page-first-screen-v06/v07 ===
   Локальная правка первого участка страницы: убран подзаголовок, сняты декоративные круги в карточках пользы,
   список состава проекта выровнен по левому краю. */
#services > .wrap > h2.section-title:first-of-type{
  margin-bottom:40px !important;
}
#services > .wrap > p.hi-lead-note:first-of-type{
  display:none !important;
}
#services .hi-value-card::before{
  content:none !important;
  display:none !important;
}
#services .hi-value-card{
  padding-top:22px !important;
}
#services .design-project-core .hi-clean-list{
  text-align:left !important;
  list-style-position:outside !important;
  padding-left:1.25em !important;
  margin-left:0 !important;
}
#services .design-project-core .hi-clean-list li{
  text-align:left !important;
  padding-left:.15em !important;
}
#services .design-project-core .hi-clean-list li::marker{
  color:var(--hi-text,#E8E3D4);
}

/* === design-page-core-layout-v09 ===
   Локальная визуальная правка первого service-блока: шире подчёркивание у H2,
   ниже контент блока «Что входит», крупнее изображение справа на desktop. */
@media (min-width: 1181px){
  #services > .wrap > h2.section-title:first-of-type::after{
    width:calc(100% + 72px) !important;
    max-width:calc(100vw - 48px) !important;
  }
  #services .design-project-core .hi-about-title{
    margin-bottom:28px !important;
  }
  #services .design-project-core .hi-about-photo{
    flex-basis:49.5% !important;
    max-width:49.5% !important;
  }
}

/* === design-page-main-prices-steps-v10 ===
   Перенос блоков «Цены на дизайн интерьера» и «Как мы работаем» с главной страницы.
   Owner: design-interiera-samara.html only. */
#prices.design-main-price-clone{
  padding-top:34px !important;
  padding-bottom:40px !important;
  margin-top:0 !important;
}
#prices.design-main-price-clone .wrap,
#design-steps.design-main-steps-clone .wrap{
  max-width:1500px;
}
#design-steps.design-main-steps-clone{
  border-top:0 !important;
  padding-top:12px !important;
  padding-bottom:42px !important;
}
#design-steps.design-main-steps-clone .grid{
  counter-reset:hi-step;
  padding-top:10px;
}
#design-steps.design-main-steps-clone .grid > div{
  position:relative;
  padding-left:52px;
}
#design-steps.design-main-steps-clone .grid > div::before{
  counter-increment:hi-step;
  content:counter(hi-step);
  position:absolute;
  top:-0.38em;
  left:0;
  width:36px;
  height:36px;
  border-radius:50%;
  border:1px solid var(--hi-accent,#BFA97A);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
  font-size:15px;
  color:#fff;
}
#design-steps.design-main-steps-clone .grid > div.hi-step-active::before{
  background:#BFA97A;
  color:#000;
  border-color:#BFA97A;
  box-shadow:0 0 18px rgba(191,169,122,0.7), 0 0 36px rgba(191,169,122,0.45);
}
#faq.design-section-faq{
  padding:46px 0 18px !important;
}
@media (max-width:900px){
  #prices.design-main-price-clone{
    padding-top:48px !important;
    padding-bottom:34px !important;
  }
  #design-steps.design-main-steps-clone{
    padding-top:10px !important;
    padding-bottom:34px !important;
  }
  #design-steps.design-main-steps-clone .grid{
    gap:18px;
  }
  #design-steps.design-main-steps-clone .grid > div{
    padding-left:44px;
  }
  #design-steps.design-main-steps-clone .grid > div::before{
    width:30px;
    height:30px;
    font-size:14px;
  }
  #design-steps.design-main-steps-clone .grid h3{
    margin-bottom:6px;
  }
  #design-steps.design-main-steps-clone .grid p{
    margin-bottom:0;
  }
  #faq.design-section-faq{
    padding-top:42px !important;
  }
}

/* === design-page-prices-main-match-v11 ===
   Owner: страница design-interiera-samara.html, блоки #prices/#design-steps.
   Цель: привести перенесённые с главной блоки к реальному виду главной страницы. */
@media (min-width:901px){
  #prices.design-main-price-clone > .wrap,
  #design-steps.design-main-steps-clone > .wrap{
    width:min(90%,1600px) !important;
    max-width:1600px !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

#prices.design-main-price-clone > .wrap > .hi-prices-subtitle{
  max-width:900px !important;
  margin:0 auto 0 !important;
  text-align:center !important;
  color:var(--hi-text-dim,#CFC8B5) !important;
  font-size:var(--hi-section-subtitle-size,clamp(17px,1.02vw,18px)) !important;
  line-height:var(--hi-section-subtitle-line,1.6) !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}
@media (min-width:1100px){
  #prices.design-main-price-clone > .wrap > .hi-prices-subtitle{
    white-space:nowrap !important;
  }
}

#prices.design-main-price-clone .hi-prices-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;
  gap:22px !important;
  align-items:start !important;
  margin-top:24px !important;
}

#prices.design-main-price-clone .price-card{
  position:relative !important;
  overflow:hidden !important;
  padding:22px !important;
  border-radius:28px !important;
  border:1px solid rgba(191,169,122,0.24) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,0) 100%),
    linear-gradient(135deg,rgba(191,169,122,.10),rgba(12,12,14,.96) 28%,rgba(4,4,4,.98) 100%) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.02) !important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
#prices.design-main-price-clone .price-card:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(191,169,122,0.36) !important;
  box-shadow:0 0 22px rgba(191,169,122,0.14), 0 18px 46px rgba(0,0,0,.24) !important;
}
#prices.design-main-price-clone .price-card header{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  margin-bottom:8px !important;
  text-align:center !important;
}
#prices.design-main-price-clone .price-card header .price-stars{
  width:100% !important;
  margin:0 !important;
  order:0 !important;
  color:var(--hi-accent,#BFA97A) !important;
  font-size:14px !important;
  line-height:1 !important;
  letter-spacing:.14em !important;
  text-align:center !important;
}
#prices.design-main-price-clone .price-card header h3{
  order:1 !important;
  margin:4px 0 2px !important;
  text-align:center !important;
}
#prices.design-main-price-clone .price-card header .subtitle{
  order:2 !important;
  flex-basis:auto !important;
  margin:0 !important;
  text-align:center !important;
  color:var(--hi-text-dim,#CFC8B5) !important;
  opacity:.9 !important;
}

#prices.design-main-price-clone .features{
  list-style:disc !important;
  padding-left:18px !important;
  margin:10px 0 14px !important;
}
#prices.design-main-price-clone .features li{
  display:list-item !important;
  margin:5px 0 !important;
  padding:0 !important;
}
#prices.design-main-price-clone .features li::before{
  content:none !important;
  display:none !important;
}

#prices.design-main-price-clone .price-card .price-row{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
  margin-top:12px !important;
}
#prices.design-main-price-clone .price-card .price-row .price{
  margin:0 !important;
  text-align:left !important;
  color:var(--hi-text,#E8E3D4) !important;
  font-weight:800 !important;
  font-size:22px !important;
  line-height:1 !important;
  letter-spacing:.2px !important;
}
#prices.design-main-price-clone .price-card .price-row .price.main{
  font-size:22px !important;
}

#prices.design-main-price-clone .price-row .btn[type="button"]{
  -webkit-appearance:none !important;
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:106px !important;
  height:44px !important;
  margin:0 !important;
  padding:0 26px !important;
  border-radius:16px !important;
  border:1px solid rgba(191,169,122,.62) !important;
  background:transparent !important;
  color:#f5efe4 !important;
  font:600 18px/1 Manrope, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing:0 !important;
  text-align:center !important;
  text-decoration:none !important;
  box-shadow:none !important;
  cursor:pointer !important;
  opacity:1 !important;
  transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease, background-color .25s ease, color .25s ease !important;
}
#prices.design-main-price-clone .price-row .btn[type="button"]:hover,
#prices.design-main-price-clone .price-row .btn[type="button"]:focus-visible{
  border-color:rgba(191,169,122,.9) !important;
  box-shadow:0 0 18px rgba(191,169,122,.22) !important;
  background:rgba(191,169,122,.06) !important;
  outline:none !important;
}
#prices.design-main-price-clone .price-row .btn[type="button"]:active{
  transform:translateY(1px) !important;
}
#prices.design-main-price-clone .price-row .btn[type="button"]::-moz-focus-inner{
  border:0 !important;
}

@media (max-width:1023px){
  #prices.design-main-price-clone .hi-prices-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:680px){
  #prices.design-main-price-clone .hi-prices-grid{
    grid-template-columns:1fr !important;
  }
  #prices.design-main-price-clone > .wrap > .hi-prices-subtitle{
    text-align:center !important;
    white-space:normal !important;
  }
  #prices.design-main-price-clone .price-card .price-row{
    align-items:center !important;
  }
}

/* === design-page-title-card-spacing-v13 ===
   Owner: design-interiera-samara.html.
   Цель: финально выровнять зазор от H2 до карточек в блоках «Зачем нужен дизайн-проект» и «Цены на дизайн интерьера». */
#services > .wrap > h2.section-title:first-of-type{
  margin-bottom:50px !important;
}
#prices.design-main-price-clone .hi-prices-grid{
  margin-top:50px !important;
}


/* === design-page-hero-dim-and-steps-cta-v14 ===
   Owner: design-interiera-samara.html.
   1) Возвращает затемнение hero-видео при активной тёмной шапке/скролле по общей логике главной и ремонта.
   2) HTML-кнопки под «Как мы работаем» удалены в v14; CSS ниже страхует, если старый кэш HTML ещё отрисует блок. */
body.project-hero-fullscreen-page #hero::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:2 !important;
  background:linear-gradient(to bottom, rgba(0,0,0,.66) 0%, rgba(0,0,0,.92) 100%) !important;
  opacity:0 !important;
  transition:opacity .35s ease !important;
}


#design-steps.design-main-steps-clone .svc-cta{
  display:none !important;
}

/* === design-page-underlines-and-service-cta-v16 ===
   Owner: design-interiera-samara.html.
   Локальная правка: подчёркивания приведены к уровню блока «Что входит», CTA совпадает с кнопкой «Посмотреть цены». */
#services h2::after,
#prices h2::after,
#design-steps h2::after,
#portfolio h2::after,
#reviews-proof h2::after,
#faq h2::after,
#team h2::after,
#contacts h2::after,
#services .hi-about-title::after{
  height:1px !important;
  background:linear-gradient(90deg, rgba(191,169,122,0), rgba(191,169,122,.95), rgba(191,169,122,0)) !important;
  box-shadow:0 0 10px rgba(191,169,122,.42) !important;
}
#services .design-project-core .svc-cta .btn{
  background:#262626 !important;
  color:rgba(255,255,255,.94) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 10px 24px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04), inset 0 -1px 0 rgba(255,255,255,.06) !important;
}
#services .design-project-core .svc-cta .btn:hover,
#services .design-project-core .svc-cta .btn:focus-visible{
  background:#2e2e2e !important;
  color:#fff !important;
  border-color:rgba(191,169,122,.34) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(255,255,255,.07), 0 0 18px rgba(191,169,122,.10) !important;
  transform:translateY(-1px);
}

/* === design_secondary_buttons_tone_v17 ===
   Owner: design-interiera-samara.html. Вторичные CTA приведены к точному базовому тону
   кнопки «Посмотреть цены» (#262626), без изменения формы кнопок. */
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary,
#services .design-project-core .svc-cta .btn,
#services .design-project-core .svc-cta .btn-outline,
#portfolio .portfolio-more-btn,
#reviews-proof .hi-proof-actions .btn-outline,
#team .svc-cta .btn-outline{
  background:#262626 !important;
  color:rgba(255,255,255,.94) !important;
  border-color:rgba(255,255,255,.16) !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 10px 24px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04), inset 0 -1px 0 rgba(255,255,255,.06) !important;
}
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:hover,
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:focus-visible,
#services .design-project-core .svc-cta .btn:hover,
#services .design-project-core .svc-cta .btn:focus-visible,
#services .design-project-core .svc-cta .btn-outline:hover,
#services .design-project-core .svc-cta .btn-outline:focus-visible,
#portfolio .portfolio-more-btn:hover,
#portfolio .portfolio-more-btn:focus-visible,
#reviews-proof .hi-proof-actions .btn-outline:hover,
#reviews-proof .hi-proof-actions .btn-outline:focus-visible,
#team .svc-cta .btn-outline:hover,
#team .svc-cta .btn-outline:focus-visible{
  background:#2e2e2e !important;
  color:#fff !important;
  border-color:rgba(191,169,122,.34) !important;
  background-image:none !important;
  box-shadow:0 12px 28px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(255,255,255,.07), 0 0 18px rgba(191,169,122,.10) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
}

/* === design_secondary_buttons_tone_v09 ===
   Owner: design-interiera-samara.html. Коррекция после v08:
   вторичные CTA визуально затемнены и принудительно выровнены между собой. */
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary,
#services .design-project-core .svc-cta a.btn,
#services .design-project-core .svc-cta a.btn-outline,
#portfolio .portfolio-more-btn,
#reviews-proof .hi-proof-actions a.btn-outline,
#team .svc-cta a.btn-outline{
  background:#202020 !important;
  color:rgba(255,255,255,.94) !important;
  border-color:rgba(255,255,255,.14) !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 10px 24px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.025), inset 0 -1px 0 rgba(255,255,255,.04) !important;
  opacity:1 !important;
}
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:hover,
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:focus-visible,
#services .design-project-core .svc-cta a.btn:hover,
#services .design-project-core .svc-cta a.btn:focus-visible,
#services .design-project-core .svc-cta a.btn-outline:hover,
#services .design-project-core .svc-cta a.btn-outline:focus-visible,
#portfolio .portfolio-more-btn:hover,
#portfolio .portfolio-more-btn:focus-visible,
#reviews-proof .hi-proof-actions a.btn-outline:hover,
#reviews-proof .hi-proof-actions a.btn-outline:focus-visible,
#team .svc-cta a.btn-outline:hover,
#team .svc-cta a.btn-outline:focus-visible{
  background:#262626 !important;
  color:#fff !important;
  border-color:rgba(191,169,122,.30) !important;
  background-image:none !important;
  box-shadow:0 12px 28px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.035), inset 0 -1px 0 rgba(255,255,255,.05), 0 0 16px rgba(191,169,122,.08) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
}


/* === design-portfolio-video-service-v16 ===
   Owner: design-interiera-samara.html.
   Пересборка блока портфолио под страницу услуги: слайдер как на главной, 6 выбранных проектов в 2 колонки, видеообзоры каруселью. */
#portfolio.design-portfolio-service{
  position:relative;
  z-index:2;
  padding:64px 0 0 !important;
  scroll-margin-top:96px;
}
#portfolio.design-portfolio-service > .wrap{
  max-width:1680px;
}
#portfolio.design-portfolio-service > .wrap > h2.section-title,
#hi-video-reviews .hi-videos-head > h2.section-title{
  position:relative;
  display:table !important;
  width:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
#hi-video-reviews .hi-videos-head > h2.section-title::after{
  content:"";
  position:absolute;
  left:50% !important;
  bottom:-10px;
  width:calc(100% + 56px) !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg, rgba(191,169,122,0), rgba(191,169,122,.95), rgba(191,169,122,0)) !important;
  box-shadow:0 0 10px rgba(191,169,122,.42) !important;
  border-radius:2px;
}
#portfolio.design-portfolio-service .hi-section-lead,
#hi-video-reviews .hi-video-reviews-subtitle{
  max-width:850px;
  margin:16px auto 0;
  text-align:center;
  font-size:clamp(16px,1.02vw,18px);
  line-height:1.55;
  color:var(--hi-text-dim,#CFC8B5);
}
#portfolio.design-portfolio-service .portfolio-showcase{
  width:100%;
  max-width:min(1460px, calc(100vw - 96px));
  margin:34px auto 0;
  position:relative;
  background:transparent;
}
#portfolio.design-portfolio-service .portfolio-showcase__viewport{
  position:relative;
  overflow:visible;
  width:100%;
  height:min(70vh, 760px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding-inline:72px;
  box-sizing:border-box;
  background:transparent;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
}
#portfolio.design-portfolio-service .portfolio-showcase__backdrop,
#portfolio.design-portfolio-service .portfolio-showcase__viewport::after{
  display:none;
}
#portfolio.design-portfolio-service .portfolio-showcase__image{
  position:relative;
  z-index:1;
  display:block;
  cursor:inherit;
  width:auto;
  height:auto;
  max-width:calc(100% - 144px);
  max-height:100%;
  object-fit:contain;
  object-position:center;
  background:transparent;
  transition:opacity .32s ease;
}
#portfolio.design-portfolio-service .portfolio-showcase.is-switching .portfolio-showcase__image{
  opacity:.35;
}
#portfolio.design-portfolio-service .portfolio-showcase__nav{
  position:absolute;
  top:50%;
  z-index:2;
  transform:translateY(-50%);
  width:52px;
  height:52px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(3,3,3,.66);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
  transition:background-color .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease, opacity .25s ease;
}
#portfolio.design-portfolio-service .portfolio-showcase__nav span{
  display:block;
  font-size:34px;
  line-height:1;
  transform:translateY(-1px);
}
#portfolio.design-portfolio-service .portfolio-showcase__nav:hover,
#portfolio.design-portfolio-service .portfolio-showcase__nav:focus-visible{
  background:rgba(191,169,122,.92);
  border-color:rgba(191,169,122,.96);
  color:#080808;
  box-shadow:0 0 18px rgba(191,169,122,.34);
  outline:none;
}
#portfolio.design-portfolio-service .portfolio-showcase__nav--prev{left:0;}
#portfolio.design-portfolio-service .portfolio-showcase__nav--next{right:0;}
#portfolio.design-portfolio-service .portfolio-showcase__meta{
  position:absolute;
  right:0;
  bottom:18px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(3,3,3,.66);
  border:1px solid rgba(255,255,255,.12);
}
#portfolio.design-portfolio-service .portfolio-showcase__counter{
  color:#fff;
  font-size:14px;
  line-height:1;
  letter-spacing:.03em;
}
#portfolio.design-portfolio-service .portfolio-showcase__cta-wrap{
  display:flex;
  justify-content:center;
  margin-top:18px;
}
#portfolio.design-portfolio-service .portfolio-showcase__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  min-height:52px;
  padding:14px 28px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:#202020;
  color:rgba(255,255,255,.94);
  font-size:15px;
  font-weight:600;
  line-height:1;
  letter-spacing:.02em;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.025), inset 0 -1px 0 rgba(255,255,255,.04);
  transition:background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease, transform .25s ease;
}
#portfolio.design-portfolio-service .portfolio-showcase__cta:hover,
#portfolio.design-portfolio-service .portfolio-showcase__cta:focus-visible{
  background:#262626;
  border-color:rgba(191,169,122,.30);
  color:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.035), inset 0 -1px 0 rgba(255,255,255,.05), 0 0 16px rgba(191,169,122,.08);
  transform:translateY(-1px);
  outline:none;
}
#portfolio.design-portfolio-service .design-portfolio-grid--featured{
  width:100%;
  max-width:none;
  margin-top:64px;
  padding-inline:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:6px !important;
  row-gap:0 !important;
}
#portfolio.design-portfolio-service .gallery-item{
  display:flex;
  flex-direction:column;
  overflow:hidden !important;
  border-right:none !important;
  box-sizing:border-box;
}
#portfolio.design-portfolio-service .gallery-item,
#portfolio.design-portfolio-service .gallery-item-inner,
#portfolio.design-portfolio-service .gallery-item img,
#portfolio.design-portfolio-service .gallery img{
  border-radius:0 !important;
}
#portfolio.design-portfolio-service .gallery-item-inner{
  display:block;
  height:auto !important;
  flex:0 0 auto;
  overflow:hidden;
  aspect-ratio:16/9;
}
#portfolio.design-portfolio-service .gallery-item-inner img{
  display:block;
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  transition:transform .45s ease, filter .45s ease;
}
#portfolio.design-portfolio-service .gallery-item:hover .gallery-item-inner img{
  transform:scale(1.025);
  filter:brightness(.88);
}
#portfolio.design-portfolio-service .project-caption-link{
  display:block;
  position:relative;
  z-index:3;
  text-decoration:none;
  color:inherit;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
#portfolio.design-portfolio-service .project-caption{
  position:relative;
  padding:26px 32px 48px;
}
#portfolio.design-portfolio-service .project-caption-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
#portfolio.design-portfolio-service .project-caption-title{
  font-size:28px;
  line-height:1.05;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
}
#portfolio.design-portfolio-service .project-caption-sub{
  margin-top:10px;
  font-size:16px;
  line-height:1.35;
  opacity:.65;
}
#portfolio.design-portfolio-service .project-cta-circle.cta-in-caption{
  position:absolute;
  right:52px;
  top:26px;
  transform:translateY(20px);
  pointer-events:none;
  border:0 !important;
  background:transparent;
}
#portfolio.design-portfolio-service .project-cta-circle span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:1em;
  height:1em;
  line-height:1;
  transform-origin:50% 50%;
  transform:translateX(-1px) rotate(180deg);
}
#portfolio.design-portfolio-service .gallery-item:hover .project-cta-circle.cta-in-caption,
#portfolio.design-portfolio-service .project-caption-link:hover .project-cta-circle.cta-in-caption,
#portfolio.design-portfolio-service .gallery-item-inner.is-touching + .project-caption-link .project-cta-circle.cta-in-caption{
  background:transparent !important;
  box-shadow:0 0 30px rgba(212,184,115,.85), 0 0 66px rgba(212,184,115,.32), 0 0 110px rgba(212,184,115,.14);
}
#portfolio.design-portfolio-service .gallery-item:hover .project-cta-circle span,
#portfolio.design-portfolio-service .project-caption-link:hover .project-cta-circle span,
#portfolio.design-portfolio-service .gallery-item-inner.is-touching + .project-caption-link .project-cta-circle span{
  transform:translateX(-1px) translateY(.8px) rotate(270deg);
}
#portfolio.design-portfolio-service .design-portfolio-more-wrap{
  display:flex;
  justify-content:center;
  margin:24px auto 0;
  padding:0 20px;
}
#portfolio.design-portfolio-service .portfolio-more-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:300px;
  min-height:52px;
  padding:14px 28px;
  border-radius:999px;
  text-align:center;
  text-decoration:none;
}
#hi-video-reviews{
  position:relative;
  z-index:1;
  padding:72px 0 8px !important;
  scroll-margin-top:96px;
  overflow-x:hidden;
}
#hi-video-reviews .hi-videos-head{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  margin-bottom:12px !important;
  text-align:center !important;
}
#hi-video-reviews .hi-video-reviews-subtitle{
  margin-top:22px;
}
#hi-video-reviews .hi-coverflow{
  position:relative;
  max-width:100vw;
  margin:0 auto;
  padding:0;
  overflow:visible;
  --hi-card-w:clamp(255px,21vw,340px);
  --hi-gap:clamp(18px,1.6vw,26px);
}
#hi-video-reviews .hi-coverflow-arrows{
  position:static;
  display:flex;
  justify-content:center;
  gap:18px;
  margin:6px 0 14px;
  pointer-events:auto;
}
#hi-video-reviews .hi-coverflow-arrow{
  position:static;
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  margin:0;
  background:transparent;
  border:0;
  color:rgba(255,255,255,.92);
  font-size:56px;
  line-height:1;
  cursor:pointer;
  opacity:.85;
  transition:opacity .2s ease, text-shadow .2s ease;
  -webkit-tap-highlight-color:transparent;
}
#hi-video-reviews .hi-coverflow-arrow:hover,
#hi-video-reviews .hi-coverflow-arrow:focus-visible{
  opacity:1;
  text-shadow:0 0 18px rgba(191,169,122,.35);
  outline:none;
}
#hi-video-reviews .hi-coverflow-track{
  --hi-card-w:clamp(255px,21vw,340px);
  display:flex;
  gap:var(--hi-gap);
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  padding:44px calc(50% - (var(--hi-card-w) * .5)) 86px;
  scroll-padding-left:calc(50% - (var(--hi-card-w) * .5));
  scroll-padding-right:calc(50% - (var(--hi-card-w) * .5));
  scrollbar-gutter:stable;
}
#hi-video-reviews .hi-coverflow-track::-webkit-scrollbar{height:10px;}
#hi-video-reviews .hi-coverflow-track::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px;}
#hi-video-reviews .hi-video-card{
  flex:0 0 var(--hi-card-w);
  scroll-snap-align:center;
}
#hi-video-reviews .hi-video-card-btn{
  all:unset;
  display:block;
  cursor:pointer;
  transform-style:preserve-3d;
  will-change:transform,opacity,filter;
  transform:perspective(900px) translateX(var(--hi-x,0px)) rotateY(var(--hi-rotate,0deg)) scale(var(--hi-scale,1));
  opacity:var(--hi-opacity,1);
  filter:brightness(var(--hi-bright,1));
  transition:transform .18s ease, opacity .18s ease, filter .18s ease;
}
#hi-video-reviews .hi-video-card-btn:focus-visible{
  outline:2px solid rgba(191,169,122,.7);
  outline-offset:6px;
  border-radius:18px;
}
#hi-video-reviews .hi-video-card-btn,
#hi-video-reviews .hi-video-card-btn:hover,
#hi-video-reviews .hi-video-card-btn:active{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:inherit !important;
}
#hi-video-reviews .hi-video-poster{
  position:relative;
  aspect-ratio:9/16;
  border-radius:18px;
  overflow:hidden;
  background:#0b0b0b;
  box-shadow:0 16px 48px rgba(0,0,0,.18);
}
#hi-video-reviews .hi-video-poster img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
#hi-video-reviews .hi-video-play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:74px;
  height:74px;
  border-radius:999px;
  background:rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
#hi-video-reviews .hi-video-play::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-40%,-50%);
  width:0;
  height:0;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-left:18px solid rgba(255,255,255,.95);
}
#hi-video-reviews .hi-video-caption{
  margin-top:10px;
  text-align:center;
}
#hi-video-reviews .hi-video-caption-title{
  font-weight:700;
  letter-spacing:.02em;
  font-size:clamp(13px,.9vw + 10px,16px);
  line-height:1.08;
}
#hi-video-reviews .hi-video-caption-sub{
  margin-top:6px;
  font-size:clamp(12px,.75vw + 8px,14px);
  line-height:1.35;
  opacity:.65;
}
#hi-video-reviews .hi-video-card.is-active .hi-video-poster{
  box-shadow:0 22px 64px rgba(0,0,0,.26);
}
#hi-video-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(0,0,0,.78);
}
#hi-video-modal.is-open{display:flex;}
#hi-video-modal .hi-video-modal-inner{
  width:min(92vw,430px);
  max-height:86vh;
  display:flex;
  flex-direction:column;
  gap:10px;
}
#hi-video-modal .hi-video-modal-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#fff;
}
#hi-video-modal .hi-video-modal-title{
  font-size:14px;
  letter-spacing:.02em;
  opacity:.9;
}
#hi-video-modal .hi-video-close{
  width:42px;
  height:42px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.10);
  color:#fff;
  cursor:pointer;
}
#hi-video-modal video{
  width:100%;
  height:auto;
  max-height:78vh;
  background:#000;
}

/* hi-video-modal-mobile-fullscreen-v1: только мобильная версия.
   ПК оставляем прежним: мобильная модалка занимает весь экран сайта,
   без принудительного системного fullscreen. */
@media (max-width: 768px){
  html.hi-video-modal-open,
  body.hi-video-modal-open{
    overflow:hidden !important;
    overscroll-behavior:none;
  }

  #hi-video-modal{
    padding:0;
    align-items:stretch;
    justify-content:center;
    background:#000;
  }

  #hi-video-modal .hi-video-modal-inner{
    width:100%;
    height:100%;
    max-height:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0;
  }

  #hi-video-modal .hi-video-modal-top{
    position:absolute;
    z-index:2;
    top:calc(env(safe-area-inset-top, 0px) + 10px);
    left:12px;
    right:12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    pointer-events:none;
  }

  #hi-video-modal .hi-video-modal-title{
    max-width:calc(100vw - 82px);
    padding:7px 11px;
    border-radius:999px;
    background:rgba(0,0,0,.42);
    border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    color:#fff;
    font-size:12px;
    line-height:1.2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    pointer-events:none;
  }

  #hi-video-modal .hi-video-close{
    width:44px;
    height:44px;
    border-radius:14px;
    background:rgba(0,0,0,.44);
    border:1px solid rgba(255,255,255,.24);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    pointer-events:auto;
  }

  #hi-video-modal video{
    width:100%;
    height:100%;
    max-height:none;
    object-fit:contain;
    background:#000;
  }
}
@media (max-width:900px){
  #portfolio.design-portfolio-service{
    padding-top:48px !important;
  }
  #portfolio.design-portfolio-service .hi-section-lead,
  #hi-video-reviews .hi-video-reviews-subtitle{
    max-width:calc(100% - 36px);
    text-align:center !important;
    font-size:16px;
    line-height:1.5;
  }
  #portfolio.design-portfolio-service .portfolio-showcase{
    width:100vw;
    max-width:none;
    margin:28px calc(50% - 50vw) 0;
  }
  #portfolio.design-portfolio-service .portfolio-showcase__viewport{
    display:grid;
    grid-template-columns:12px 46px 8px 46px minmax(2px,1fr) minmax(160px,184px) minmax(2px,1fr) auto 12px;
    grid-template-areas:
      "image image image image image image image image image"
      ". prev . next . cta . meta .";
    row-gap:14px;
    align-items:center;
    height:auto;
    aspect-ratio:auto;
    padding-inline:0;
    border-radius:0;
    box-sizing:border-box;
    overflow:hidden;
    touch-action:auto;
    -ms-touch-action:auto;
    overscroll-behavior-x:contain;
    overscroll-behavior-y:auto;
  }
  #portfolio.design-portfolio-service .portfolio-showcase__image{
    grid-area:image;
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    max-height:none;
  }
  #portfolio.design-portfolio-service .portfolio-showcase__nav{
    position:static;
    top:auto;
    left:auto;
    right:auto;
    transform:none;
    width:46px;
    height:46px;
  }
  #portfolio.design-portfolio-service .portfolio-showcase__nav--prev{grid-area:prev;}
  #portfolio.design-portfolio-service .portfolio-showcase__nav--next{grid-area:next;}
  #portfolio.design-portfolio-service .portfolio-showcase__meta{
    position:static;
    grid-area:meta;
    justify-self:end;
    padding:10px 12px;
  }
  #portfolio.design-portfolio-service .portfolio-showcase__cta-wrap{
    grid-area:cta;
    justify-self:center;
    align-self:center;
    width:auto;
    max-width:none;
    margin:0;
    padding:0;
    box-sizing:border-box;
  }
  #portfolio.design-portfolio-service .portfolio-showcase__cta{
    display:inline-flex;
    width:100%;
    max-width:184px;
    min-width:160px;
    min-height:46px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(3,3,3,.34);
    color:#fff;
    font-size:13px;
    font-weight:600;
    line-height:1;
    letter-spacing:0;
    white-space:nowrap;
    box-sizing:border-box;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    -webkit-tap-highlight-color:transparent;
    transition:background-color .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease;
  }
  #portfolio.design-portfolio-service .portfolio-showcase__cta:hover,
  #portfolio.design-portfolio-service .portfolio-showcase__cta:focus{
    background:rgba(3,3,3,.66);
    border-color:rgba(255,255,255,.14);
    color:#fff;
    box-shadow:none;
    transform:none;
    outline:none;
  }
  #portfolio.design-portfolio-service .portfolio-showcase__cta:active,
  #portfolio.design-portfolio-service .portfolio-showcase__cta:focus-visible{
    background:rgba(191,169,122,.92);
    border-color:rgba(191,169,122,.96);
    color:#080808;
    box-shadow:0 0 18px rgba(191,169,122,.34);
    transform:none;
    outline:none;
  }
  #portfolio.design-portfolio-service .design-portfolio-grid--featured{
    grid-template-columns:1fr !important;
    margin-top:40px;
    column-gap:0 !important;
    row-gap:0 !important;
  }
  #portfolio.design-portfolio-service .project-caption{
    padding:22px 18px 30px;
  }
  #portfolio.design-portfolio-service .project-caption-title{
    font-size:18px !important;
    line-height:1.06 !important;
  }
  #portfolio.design-portfolio-service .project-caption-sub{
    font-size:15px;
  }
  #portfolio.design-portfolio-service .project-cta-circle.cta-in-caption.cta-abs{
    right:18px;
    transform:translateY(0) !important;
  }
  #portfolio.design-portfolio-service .portfolio-more-btn{
    width:min(520px, calc(100vw - 44px));
    min-width:0;
    box-sizing:border-box;
  }
  #hi-video-reviews{
    padding:58px 0 8px !important;
  }
  #hi-video-reviews .hi-coverflow{
    --hi-card-w:clamp(210px,72vw,300px);
    --hi-gap:clamp(12px,3.2vw,16px);
  }
  #hi-video-reviews .hi-coverflow-track{
    --hi-card-w:clamp(210px,72vw,300px);
    padding-top:38px;
    padding-bottom:70px;
  }
}

/* === design-page-underlines-balance-v09 ===
   Owner: design-interiera-samara.html.
   Локальная правка: подчёркивания H2 сделаны чуть шире текста и немного заметнее,
   без возврата к слишком яркому старому свечению. */
#services h2::after,
#prices h2::after,
#design-steps h2::after,
#portfolio h2::after,
#reviews-proof h2::after,
#faq h2::after,
#team h2::after,
#contacts h2::after,
#services .hi-about-title::after{
  left:50% !important;
  right:auto !important;
  width:calc(100% + clamp(34px, 4.2vw, 76px)) !important;
  max-width:calc(100vw - 40px) !important;
  transform:translateX(-50%) !important;
  height:1px !important;
  background:linear-gradient(90deg,
    rgba(191,169,122,0) 0%,
    rgba(191,169,122,.62) 17%,
    rgba(191,169,122,.98) 50%,
    rgba(191,169,122,.62) 83%,
    rgba(191,169,122,0) 100%) !important;
  box-shadow:0 0 12px rgba(191,169,122,.46), 0 0 22px rgba(191,169,122,.16) !important;
}
@media (max-width: 768px){
  #services h2::after,
  #prices h2::after,
  #design-steps h2::after,
  #portfolio h2::after,
  #reviews-proof h2::after,
  #faq h2::after,
  #team h2::after,
  #contacts h2::after,
  #services .hi-about-title::after{
    width:calc(100% + 30px) !important;
    max-width:calc(100vw - 28px) !important;
  }
}

/* === design-page-underlines-align-v10 ===
   Owner: design-interiera-samara.html.
   Фикс после v09: старое более специфичное правило section:not(#hero) > .wrap > h2::after
   перебивало left/width у нижних H2 и сдвигало линию влево. Возвращаем центр по тексту заголовка. */
body.project-hero-fullscreen-page #services > .wrap > h2.section-title:first-of-type::after,
body.project-hero-fullscreen-page #prices.design-main-price-clone > .wrap > h2.section-title::after,
body.project-hero-fullscreen-page #design-steps.design-main-steps-clone > .wrap > h2.section-title::after,
body.project-hero-fullscreen-page #portfolio.design-section-compact > .wrap > h2::after,
body.project-hero-fullscreen-page #reviews-proof.design-section-proof > .wrap > h2::after,
body.project-hero-fullscreen-page #faq.design-section-faq > .wrap > h2::after,
body.project-hero-fullscreen-page #team.design-section-team > .wrap > h2::after,
body.project-hero-fullscreen-page #contacts.hi-contact-section > .wrap > h2::after,
body.project-hero-fullscreen-page #services .hi-about-title::after{
  left:50% !important;
  right:auto !important;
  width:calc(100% + clamp(34px, 4.2vw, 76px)) !important;
  max-width:calc(100vw - 40px) !important;
  transform:translateX(-50%) !important;
  height:1px !important;
  background:linear-gradient(90deg,
    rgba(191,169,122,0) 0%,
    rgba(191,169,122,.62) 17%,
    rgba(191,169,122,.98) 50%,
    rgba(191,169,122,.62) 83%,
    rgba(191,169,122,0) 100%) !important;
  box-shadow:0 0 12px rgba(191,169,122,.46), 0 0 22px rgba(191,169,122,.16) !important;
}
@media (max-width: 768px){
  body.project-hero-fullscreen-page #services > .wrap > h2.section-title:first-of-type::after,
  body.project-hero-fullscreen-page #prices.design-main-price-clone > .wrap > h2.section-title::after,
  body.project-hero-fullscreen-page #design-steps.design-main-steps-clone > .wrap > h2.section-title::after,
  body.project-hero-fullscreen-page #portfolio.design-section-compact > .wrap > h2::after,
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof > .wrap > h2::after,
  body.project-hero-fullscreen-page #faq.design-section-faq > .wrap > h2::after,
  body.project-hero-fullscreen-page #team.design-section-team > .wrap > h2::after,
  body.project-hero-fullscreen-page #contacts.hi-contact-section > .wrap > h2::after,
  body.project-hero-fullscreen-page #services .hi-about-title::after{
    width:calc(100% + 30px) !important;
    max-width:calc(100vw - 28px) !important;
  }
}

/* === design-page-prices-cards-finetune-v11 ===
   Owner: design-interiera-samara.html, блок #prices.design-main-price-clone.
   Цель: приблизить карточки цен к виду главной страницы: крупнее звёзды,
   чуть крупнее названия пакетов, золотая hover-подсветка кнопок "Заказать". */
#prices.design-main-price-clone .price-card header .price-stars{
  font-size:19px !important;
  letter-spacing:2px !important;
  line-height:1 !important;
  margin:0 0 2px !important;
  color:var(--hi-accent,#BFA97A) !important;
}
#prices.design-main-price-clone .price-card header h3{
  margin:2px 0 3px !important;
}
#prices.design-main-price-clone .price-row .btn[type="button"]:hover,
#prices.design-main-price-clone .price-row .btn[type="button"]:focus-visible{
  background:var(--hi-accent,#BFA97A) !important;
  color:#000 !important;
  border-color:var(--hi-accent,#BFA97A) !important;
  box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
  outline:none !important;
}
#prices.design-main-price-clone .price-row .btn[type="button"]:active{
  transform:translateY(0) !important;
}
@media (max-width:680px){
  #prices.design-main-price-clone .price-card header .price-stars{
    font-size:18px !important;
  }

}


/* === design_contacts_match_index_v12 === */
/* v12: перенос визуала контактного блока с главной на design-interiera-samara.html. */
#contacts.hi-contact-section{
  padding-top:32px !important;
  padding-bottom:86px !important;
  scroll-margin-top:104px !important;
}

#contacts .hi-contact-panel{
  display:grid;
  grid-template-columns:minmax(0,0.92fr) minmax(420px,1.08fr);
  gap:28px;
  align-items:stretch;
  margin-top:48px;
}

#contacts .hi-contact-form-card,
#contacts .hi-contact-info-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  border:1px solid rgba(191,169,122,0.22);
  border-radius:30px;
  background:
    radial-gradient(circle at 18% 0%, rgba(191,169,122,0.13), rgba(191,169,122,0) 34%),
    linear-gradient(135deg, rgba(255,255,255,0.045), rgba(255,255,255,0.012) 44%, rgba(0,0,0,0.24));
  box-shadow:0 22px 58px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.07);
}

#contacts .hi-contact-form-card{
  padding:38px 40px 34px;
  text-align:left;
}

#contacts .hi-contact-info-card{
  padding:30px;
}

#contacts .hi-contact-info-head{
  text-align:left;
}

#contacts .hi-contact-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  margin:0 0 18px;
  padding:0 13px;
  border:1px solid rgba(191,169,122,0.36);
  border-radius:999px;
  background:rgba(191,169,122,0.10);
  color:rgba(191,169,122,0.96);
  font-size:13px !important;
  line-height:1 !important;
  font-weight:700;
  letter-spacing:0.02em;
}

#contacts .hi-contact-form-card h3,
#contacts .hi-contact-info-head h3{
  margin:0 0 14px;
  text-align:left;
  color:var(--hi-text);
  font-size:clamp(30px,2.65vw,48px) !important;
  line-height:1.08 !important;
  letter-spacing:-0.035em;
}

#contacts .hi-contact-info-head h3{
  font-size:clamp(24px,1.7vw,32px) !important;
  letter-spacing:-0.02em;
}

#contacts .hi-contact-text,
#contacts .hi-contact-info-head p{
  max-width:680px;
  margin:0;
  text-align:left;
}

#contacts .hi-contact-form{
  display:grid;
  gap:14px;
  margin-top:34px;
}

#contacts .hi-contact-form input[name="company"]{
  position:absolute !important;
  left:-9999px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#contacts .hi-contact-field{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:0;
}

#contacts .hi-contact-field span{
  color:rgba(255,255,255,0.62);
  font-size:13px;
  line-height:1.2;
}

#contacts .hi-contact-field input{
  width:100%;
  min-height:54px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,0.16);
  border-radius:14px;
  background:rgba(0,0,0,0.32);
  color:#fff;
  font-family:inherit;
  font-size:16px;
  outline:none;
  transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;
}

#contacts .hi-contact-field input::placeholder{
  color:rgba(255,255,255,0.42);
}

#contacts .hi-contact-field input:focus,
#contacts .hi-contact-field input:focus-visible{
  border-color:rgba(191,169,122,0.55);
  background:rgba(0,0,0,0.32);
  box-shadow:0 0 18px rgba(191,169,122,0.18);
}

#contacts .hi-contact-submit{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:min(100%, 420px) !important;
  justify-self:center !important;
  min-height:54px !important;
  margin-top:26px !important;
  padding:0 24px !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  border-radius:999px !important;
  background:#262626 !important;
  color:rgba(255,255,255,0.95) !important;
  font-family:inherit !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 10px 24px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.04), inset 0 -1px 0 rgba(255,255,255,0.06) !important;
  transition:background .25s ease, color .25s ease, border-color .25s ease, box-shadow .35s ease, transform .25s ease, opacity .25s ease !important;
}

#contacts .hi-contact-submit:hover,
#contacts .hi-contact-submit:focus-visible{
  background:#BFA97A !important;
  color:#111 !important;
  border-color:#BFA97A !important;
  box-shadow:0 0 18px rgba(191,169,122,0.70), 0 0 36px rgba(191,169,122,0.45) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
}

#contacts .hi-contact-submit:disabled{
  cursor:wait !important;
  opacity:.68 !important;
  transform:none !important;
}

#contacts .hi-contact-consent{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  justify-self:center;
  width:min(100%, 420px);
  gap:10px;
  margin:2px 0 0;
  color:rgba(255,255,255,0.66);
  font-size:13px;
  line-height:1.45;
}

#contacts .hi-contact-consent input{
  flex:0 0 auto;
  width:15px;
  height:15px;
  margin-top:2px;
  accent-color:#BFA97A;
}

#contacts .hi-contact-consent a{
  color:rgba(255,255,255,0.86);
  text-decoration:underline;
  text-underline-offset:3px;
}

#contacts .hi-contact-form-status{
  min-height:22px;
  color:rgba(255,255,255,0.70);
  font-size:14px;
  line-height:1.45;
}

#contacts .hi-contact-form-status.is-success{
  color:#BFA97A;
}

#contacts .hi-contact-form-status.is-error{
  color:#ffb4a8;
}

#contacts .hi-contact-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:24px;
}

#contacts .hi-contact-link,
#contacts .hi-contact-address{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  background:transparent;
  color:inherit;
  text-decoration:none;
  transition:border-color .25s ease, background .25s ease, box-shadow .25s ease, transform .25s ease;
}

#contacts .hi-contact-link:hover,
#contacts .hi-contact-link:focus-visible,
#contacts .hi-contact-map-link:hover,
#contacts .hi-contact-map-link:focus-visible{
  border-color:rgba(191,169,122,0.55);
  background:rgba(191,169,122,0.08);
  box-shadow:0 0 18px rgba(191,169,122,0.18);
  transform:translateY(-1px);
}

#contacts .hi-contact-link span,
#contacts .hi-contact-address span{
  color:rgba(255,255,255,0.52);
  font-size:13px;
  line-height:1.2;
}

#contacts .hi-contact-link strong,
#contacts .hi-contact-address strong{
  overflow-wrap:anywhere;
  color:rgba(255,255,255,0.92);
  font-size:16px;
  line-height:1.35;
}

#contacts .hi-contact-address{
  margin-top:12px;
}

#contacts .hi-contact-map-link{
  display:inline-flex;
  align-self:flex-start;
  margin-top:6px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:999px;
  color:rgba(255,255,255,0.86);
  font-size:13px;
  font-weight:700;
  line-height:1;
}

#contacts .hi-contact-map{
  min-height:230px;
  margin-top:16px;
  border-radius:22px;
  border-color:rgba(191,169,122,0.20);
}

#contacts .map-placeholder span{
  font-weight:700;
}

@media (max-width: 1100px){
  #contacts .hi-contact-panel{
    grid-template-columns:1fr;
    gap:20px;
  }
  #contacts .hi-contact-form-card,
  #contacts .hi-contact-info-card{
    border-radius:26px;
  }
}

@media (max-width: 900px){
  #contacts.hi-contact-section{
    padding-top:52px !important;
    padding-bottom:58px !important;
    scroll-margin-top:96px !important;
  }
  #contacts .hi-contact-panel{
    margin-top:34px;
  }
  #contacts .hi-contact-form-card,
  #contacts .hi-contact-info-card{
    padding:24px;
    border-radius:24px;
  }
  #contacts .hi-contact-form-card h3{
    font-size:34px !important;
  }

}

@media (max-width: 640px){
  #contacts .hi-contact-form-card,
  #contacts .hi-contact-info-card{
    padding:22px 18px;
  }
  #contacts .hi-contact-links{
    grid-template-columns:1fr;
  }
  #contacts .hi-contact-submit{
    max-width:none !important;
  }
  #contacts .hi-contact-map{
    min-height:210px;
  }
}

/* === index_v52_yandex_biz_widget === */
#contacts .map-canvas{
  width:100%;
  min-height:230px;
  border-radius:inherit;
  overflow:hidden;
}
#contacts .map-canvas iframe{
  display:block;
  width:100%;
  min-height:230px;
  height:100%;
  border:0;
}
@media (max-width: 640px){
  #contacts .map-canvas,
  #contacts .map-canvas iframe{
    min-height:210px;
  }
}


/* === design_contacts_local_protection_v12 ===
   Owner: design-interiera-samara.html, #contacts.hi-contact-section.
   Защита перенесённого контактного блока от старых локальных стилей .contact-grid/.contact-map и общей типографики страницы. */
#contacts.hi-contact-section > .wrap > h2.section-title::after{
  left:50% !important;
  right:auto !important;
  width:calc(100% + clamp(34px, 4.2vw, 76px)) !important;
  max-width:calc(100vw - 40px) !important;
  transform:translateX(-50%) !important;
}
#contacts.hi-contact-section .hi-contact-info-head h3{
  font-size:clamp(24px,1.7vw,32px) !important;
}
#contacts.hi-contact-section .hi-contact-form-card h3{
  font-size:clamp(30px,2.65vw,48px) !important;
}
#contacts.hi-contact-section .hi-contact-text,
#contacts.hi-contact-section .hi-contact-info-head p{
  font-size:17px !important;
  line-height:1.62 !important;
}
#contacts.hi-contact-section .map-placeholder{
  position:absolute !important;
  inset:0 !important;
}
#contacts.hi-contact-section .map-canvas{
  position:absolute !important;
  inset:0 !important;
}
@media (max-width:768px){
  #contacts.hi-contact-section > .wrap > h2.section-title::after{
    width:calc(100% + 30px) !important;
    max-width:calc(100vw - 28px) !important;
  }
}


/* === design_lower_headings_center_v13 ===
   Owner: design-interiera-samara.html.
   Локальная правка: центрируем нижние H2 после переноса контактного блока,
   не трогая сетки, карточки, отступы и подчёркивания. */
#faq.design-section-faq > .wrap > h2,
#team.design-section-team > .wrap > h2,
#contacts.hi-contact-section > .wrap > h2.section-title{
  display:table !important;
  width:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  position:relative !important;
}


/* === design-project-core-cta-gold-hover-v14 ===
   Owner: design-interiera-samara.html, блок «Что входит в дизайн-проект».
   Локальная правка: hover CTA сделан как у кнопок «Заказать» в ценах;
   вторичная кнопка «Ремонт под ключ в Самаре» — прозрачная, с золотой обводкой. */
#services .design-project-core .svc-cta a.btn-outline{
  background:rgba(0,0,0,.12) !important;
  color:#f5efe4 !important;
  border:1px solid rgba(191,169,122,.62) !important;
  background-image:none !important;
  box-shadow:none !important;
  opacity:1 !important;
}
#services .design-project-core .svc-cta a.btn:hover,
#services .design-project-core .svc-cta a.btn:focus-visible,
#services .design-project-core .svc-cta a.btn-outline:hover,
#services .design-project-core .svc-cta a.btn-outline:focus-visible{
  background:var(--hi-accent,#BFA97A) !important;
  color:#000 !important;
  border-color:var(--hi-accent,#BFA97A) !important;
  background-image:none !important;
  box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
  outline:none !important;
  opacity:1 !important;
}
#services .design-project-core .svc-cta a.btn:active,
#services .design-project-core .svc-cta a.btn-outline:active{
  transform:translateY(0) !important;
}

/* === design-page-regression-restore-v17 ===
   Owner: design-interiera-samara.html.
   Фикс после v16: возвращаем ширину/центр подчёркиваний и правки карточек цен,
   при этом учитываем новый service-портфолио и видеообзоры. */
body.project-hero-fullscreen-page #portfolio.design-portfolio-service > .wrap > h2.section-title::after,
body.project-hero-fullscreen-page #hi-video-reviews > .wrap > h2.section-title::after{
  left:50% !important;
  right:auto !important;
  width:calc(100% + clamp(34px, 4.2vw, 76px)) !important;
  max-width:calc(100vw - 40px) !important;
  transform:translateX(-50%) !important;
  height:1px !important;
  background:linear-gradient(90deg,
    rgba(191,169,122,0) 0%,
    rgba(191,169,122,.62) 17%,
    rgba(191,169,122,.98) 50%,
    rgba(191,169,122,.62) 83%,
    rgba(191,169,122,0) 100%) !important;
  box-shadow:0 0 12px rgba(191,169,122,.46), 0 0 22px rgba(191,169,122,.16) !important;
}

body.project-hero-fullscreen-page #portfolio.design-portfolio-service > .wrap > h2.section-title,
body.project-hero-fullscreen-page #hi-video-reviews > .wrap > h2.section-title{
  display:table !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

@media (max-width:768px){
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service > .wrap > h2.section-title::after,
  body.project-hero-fullscreen-page #hi-video-reviews > .wrap > h2.section-title::after{
    width:calc(100% + 30px) !important;
    max-width:calc(100vw - 28px) !important;
  }
}

/* === design-video-reviews-main-match-v18 ===
   Owner: design-interiera-samara.html.
   Правка: убраны подзаголовки портфолио/видео, видео-карусель приведена к поведению главной, серый scrollbar убран. */
#portfolio.design-portfolio-service .hi-section-lead,
#hi-video-reviews .hi-video-reviews-subtitle{
  display:none !important;
}

#portfolio.design-portfolio-service .portfolio-showcase{
  margin-top:34px !important;
}

#hi-video-reviews .hi-videos-head{
  gap:0 !important;
  margin-bottom:8px !important;
}

#hi-video-reviews .hi-coverflow{
  padding-top:8px !important;
  --hi-card-w:clamp(255px,21vw,340px);
  --hi-gap:clamp(18px,1.6vw,26px);
}

#hi-video-reviews .hi-coverflow-arrows{
  margin:0 0 8px !important;
}

#hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual{
  position:relative;
  display:block;
  overflow:hidden !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  touch-action:pan-y;
  cursor:grab;
  scrollbar-width:none;
  padding:0 !important;
  height:clamp(660px, calc(var(--hi-card-w) * 2.28), 810px);
  perspective:1000px;
}

#hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}

#hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual.is-dragging{
  cursor:grabbing;
}

#hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual .hi-video-card{
  position:absolute !important;
  left:50%;
  top:44px;
  width:var(--hi-card-w);
  flex:0 0 var(--hi-card-w);
  transform:translate3d(calc(-50% + var(--hi-x, 0px)), 0, 0);
  transform-origin:center center;
  transition:transform .34s ease, opacity .24s ease;
}

#hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual .hi-video-card-btn{
  transform-origin:center center;
  transform:perspective(900px) rotateY(var(--hi-rotate, 0deg)) scale(var(--hi-scale, 1));
  transition:transform .34s ease, opacity .24s ease, filter .24s ease;
}

#hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual.is-dragging .hi-video-card,
#hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual.is-dragging .hi-video-card-btn{
  transition:none;
}

#hi-video-reviews .hi-coverflow-arrow{
  position:relative !important;
  border-radius:50% !important;
  background:transparent !important;
  border:0 !important;
  color:rgba(255,255,255,.92) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible;
  font-size:0 !important;
  line-height:1 !important;
  text-align:center !important;
  transition:color .25s ease, opacity .2s ease !important;
}

#hi-video-reviews .hi-coverflow-arrow::after{
  content:"";
  position:absolute;
  inset:0;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(3,3,3,.18);
  box-shadow:none;
  transform:translateX(0);
  transition:background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
  pointer-events:none;
  z-index:0;
}

#hi-video-reviews .hi-coverflow-arrow::before{
  content:"";
  position:relative;
  z-index:1;
  display:block;
  width:15px;
  height:15px;
  border-top:1.8px solid currentColor;
  border-right:1.8px solid currentColor;
}

#hi-video-reviews .hi-coverflow-arrow--prev::before{
  transform:rotate(-135deg) translate(-1px,-1px);
}

#hi-video-reviews .hi-coverflow-arrow--next::before{
  transform:rotate(45deg) translate(-1px,1px);
}

#hi-video-reviews .hi-coverflow-arrow--prev::after{
  transform:translateX(-3px);
}

#hi-video-reviews .hi-coverflow-arrow--next::after{
  transform:translateX(3px);
}

#hi-video-reviews .hi-coverflow-arrow.is-pointer-hover,
#hi-video-reviews .hi-coverflow-arrow.is-key-active{
  background:transparent !important;
  color:#080808 !important;
  border-radius:50% !important;
  box-shadow:none !important;
  text-shadow:none !important;
  outline:none !important;
  opacity:1 !important;
}

#hi-video-reviews .hi-coverflow-arrow.is-pointer-hover::after,
#hi-video-reviews .hi-coverflow-arrow.is-key-active::after{
  border-color:rgba(191,169,122,.96);
  background:var(--hi-accent, #bfa97a);
  box-shadow:0 0 18px rgba(191,169,122,.34);
}

#hi-video-reviews .hi-coverflow-arrow:focus-visible{
  outline:2px solid rgba(191,169,122,.72) !important;
  outline-offset:4px !important;
}

#hi-video-reviews .hi-coverflow-arrow:disabled,
#hi-video-reviews .hi-coverflow-arrow:disabled:hover,
#hi-video-reviews .hi-coverflow-arrow:disabled:focus-visible,
#hi-video-reviews .hi-coverflow-arrow:disabled.is-pointer-hover,
#hi-video-reviews .hi-coverflow-arrow:disabled.is-key-active{
  background:transparent !important;
  color:rgba(255,255,255,.92) !important;
  box-shadow:none !important;
  opacity:.22 !important;
  cursor:default !important;
}

#hi-video-reviews .hi-coverflow-arrow:disabled::after,
#hi-video-reviews .hi-coverflow-arrow:disabled:hover::after,
#hi-video-reviews .hi-coverflow-arrow:disabled:focus-visible::after,
#hi-video-reviews .hi-coverflow-arrow:disabled.is-pointer-hover::after,
#hi-video-reviews .hi-coverflow-arrow:disabled.is-key-active::after{
  border-color:rgba(255,255,255,.10);
  background:transparent;
  box-shadow:none;
}

@media (max-width:900px){
  #hi-video-reviews .hi-coverflow{
    overflow:hidden;
    --hi-card-w:clamp(210px,72vw,300px);
    --hi-gap:clamp(12px,3.2vw,16px);
  }
}
@media (max-width:560px){
  #hi-video-reviews .hi-coverflow{
    padding-top:6px !important;
    --hi-card-w:clamp(210px,72vw,300px);
    --hi-gap:clamp(12px,3.2vw,16px);
  }
  #hi-video-reviews .hi-videos-head{
    margin-bottom:6px !important;
  }
  #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual{
    height:clamp(500px, calc(var(--hi-card-w) * 2.34), 640px);
  }
  #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual .hi-video-card{
    top:34px;
  }
}


/* === design-portfolio-showcase-click-zones-v19 ===
   Owner: design-interiera-samara.html.
   Правка: клики по левому/правому полю слайдера работают как на главной, стрелка получает короткий визуальный отклик при перелистывании. */
#portfolio.design-portfolio-service .portfolio-showcase__nav.is-key-active{
  background:rgba(191,169,122,.92) !important;
  border-color:rgba(191,169,122,.96) !important;
  color:#080808 !important;
  box-shadow:0 0 18px rgba(191,169,122,.34) !important;
  outline:none !important;
}

#portfolio.design-portfolio-service .portfolio-showcase__viewport{
  cursor:pointer;
}

#portfolio.design-portfolio-service .portfolio-showcase__nav,
#portfolio.design-portfolio-service .portfolio-showcase__meta{
  cursor:pointer;
}

/* === design-reviews-proof-clean-v20 ===
   Owner: design-interiera-samara.html, блок #reviews-proof.
   Цель: очистить блок отзывов, убрать служебный бейдж/подзаголовок, вернуть H2 в общую систему,
   выровнять кнопки и привести рамки карточек к стилю блока «Зачем нужен дизайн-проект». */
#reviews-proof.design-section-proof{
  padding:64px 0 62px !important;
}
#reviews-proof.design-section-proof > .wrap{
  max-width:1280px;
}
#reviews-proof .hi-proof-intro{
  max-width:none !important;
  margin:0 auto 44px !important;
  text-align:center !important;
}
#reviews-proof .hi-proof-kicker,
#reviews-proof .hi-proof-intro > p,
#reviews-proof .hi-proof-side-note{
  display:none !important;
}
#reviews-proof .hi-proof-intro > h2{
  position:relative !important;
  display:table !important;
  width:auto !important;
  margin:0 auto !important;
  text-align:center !important;
  text-wrap:balance;
}
#reviews-proof .hi-proof-intro > h2::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:-10px !important;
  width:calc(100% + clamp(34px, 4.2vw, 76px)) !important;
  max-width:calc(100vw - 40px) !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg,
    rgba(191,169,122,0) 0%,
    rgba(191,169,122,.62) 17%,
    rgba(191,169,122,.98) 50%,
    rgba(191,169,122,.62) 83%,
    rgba(191,169,122,0) 100%) !important;
  box-shadow:0 0 12px rgba(191,169,122,.46), 0 0 22px rgba(191,169,122,.16) !important;
  border-radius:2px;
}
#reviews-proof .hi-proof-main,
#reviews-proof .hi-proof-stat{
  position:relative !important;
  overflow:hidden !important;
  border-radius:16px !important;
  border:1px solid rgba(191,169,122,.22) !important;
  background:rgba(255,255,255,.03) !important;
  background-image:none !important;
  box-shadow:0 8px 24px rgba(0,0,0,.16) !important;
}
#reviews-proof .hi-proof-main::before,
#reviews-proof .hi-proof-stat::before,
#reviews-proof .hi-proof-quote::before{
  content:none !important;
  display:none !important;
}
#reviews-proof.design-section-proof .hi-proof-main{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:28px !important;
  align-items:center !important;
  margin-bottom:18px !important;
  padding:24px !important;
}
#reviews-proof.design-section-proof .hi-proof-main-title{
  margin:0 0 12px !important;
  font-size:clamp(20px,1.55vw,24px) !important;
  line-height:1.28 !important;
  font-weight:750 !important;
  color:var(--hi-text,#E8E3D4) !important;
}
#reviews-proof .hi-proof-main p:not(.hi-proof-main-title){
  max-width:720px;
  margin:0 0 14px !important;
}
#reviews-proof .hi-proof-source{
  margin-top:16px !important;
  gap:10px 18px !important;
  font-size:14px !important;
  color:rgba(207,200,181,.86) !important;
}
#reviews-proof .hi-proof-source a{
  color:var(--hi-text,#E8E3D4) !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}
#reviews-proof .hi-proof-side{
  display:block !important;
  min-width:0 !important;
}
#reviews-proof .hi-proof-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  align-items:center !important;
  justify-content:flex-end !important;
}
#reviews-proof .hi-proof-actions .btn,
#reviews-proof .hi-proof-actions .btn-outline,
#reviews-proof .hi-proof-actions a.btn,
#reviews-proof .hi-proof-actions a.btn-outline{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:178px !important;
  min-height:52px !important;
  height:52px !important;
  padding:0 24px !important;
  box-sizing:border-box !important;
  border-radius:12px !important;
  font-family:var(--hi-font-sans) !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:750 !important;
  text-align:center !important;
  text-decoration:none !important;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
#reviews-proof .hi-proof-actions .btn,
#reviews-proof .hi-proof-actions a.btn{
  background:#262626 !important;
  color:rgba(255,255,255,.94) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04), inset 0 -1px 0 rgba(255,255,255,.06) !important;
}
#reviews-proof .hi-proof-actions .btn-outline,
#reviews-proof .hi-proof-actions a.btn-outline{
  background:rgba(0,0,0,.08) !important;
  color:rgba(255,255,255,.94) !important;
  border:1px solid rgba(191,169,122,.55) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
#reviews-proof .hi-proof-actions .btn:hover,
#reviews-proof .hi-proof-actions .btn:focus-visible,
#reviews-proof .hi-proof-actions .btn-outline:hover,
#reviews-proof .hi-proof-actions .btn-outline:focus-visible,
#reviews-proof .hi-proof-actions a.btn:hover,
#reviews-proof .hi-proof-actions a.btn:focus-visible,
#reviews-proof .hi-proof-actions a.btn-outline:hover,
#reviews-proof .hi-proof-actions a.btn-outline:focus-visible{
  background:linear-gradient(180deg,#d9c38a,#bfa66d) !important;
  color:#121212 !important;
  border-color:rgba(217,195,138,.95) !important;
  box-shadow:0 0 0 1px rgba(217,195,138,.22), 0 0 22px rgba(217,195,138,.32), 0 14px 32px rgba(0,0,0,.38) !important;
  transform:translateY(-1px) !important;
}
#reviews-proof .hi-proof-stats{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  margin:0 !important;
}
#reviews-proof .hi-proof-stat{
  padding:24px !important;
}
#reviews-proof .hi-proof-stat small{
  margin-bottom:12px !important;
  color:rgba(207,200,181,.78) !important;
}
#reviews-proof .hi-proof-stat strong{
  margin-bottom:8px !important;
}
#reviews-proof .hi-proof-stat p{
  color:var(--hi-text-dim,#CFC8B5) !important;
}
@media (max-width: 980px){
  #reviews-proof.design-section-proof .hi-proof-main{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
  #reviews-proof .hi-proof-actions{
    justify-content:flex-start !important;
  }
}
@media (max-width: 768px){
  #reviews-proof.design-section-proof{
    padding:54px 0 54px !important;
  }
  #reviews-proof .hi-proof-intro{
    margin-bottom:36px !important;
  }
  #reviews-proof .hi-proof-intro > h2::after{
    width:calc(100% + 30px) !important;
    max-width:calc(100vw - 28px) !important;
  }
  #reviews-proof .hi-proof-stats{
    grid-template-columns:1fr !important;
  }
  #reviews-proof.design-section-proof .hi-proof-main,
  #reviews-proof .hi-proof-stat{
    padding:20px !important;
  }
  #reviews-proof .hi-proof-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  #reviews-proof .hi-proof-actions .btn,
  #reviews-proof .hi-proof-actions .btn-outline,
  #reviews-proof .hi-proof-actions a.btn,
  #reviews-proof .hi-proof-actions a.btn-outline{
    width:100% !important;
    min-width:0 !important;
  }
}

/* === design-reviews-faq-refine-v21 ===
   Owner: design-interiera-samara.html, блоки #reviews-proof и #faq.
   Цель: растянуть отзывы до общей ширины страницы и заменить белый FAQ на тёмную систему строк. */
@media (min-width:901px){
  #reviews-proof.design-section-proof > .wrap{
    width:min(90%,1600px) !important;
    max-width:1600px !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}
#reviews-proof.design-section-proof .hi-proof-main{
  padding:28px !important;
  gap:34px !important;
}
#reviews-proof .hi-proof-main p:not(.hi-proof-main-title){
  max-width:860px !important;
}
#reviews-proof .hi-proof-stats{
  gap:20px !important;
}
#reviews-proof .hi-proof-stat{
  min-height:166px !important;
}

#faq.design-section-faq{
  padding:68px 0 46px !important;
}
@media (min-width:901px){
  #faq.design-section-faq > .wrap{
    width:min(90%,1280px) !important;
    max-width:1280px !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}
#faq.design-section-faq > .wrap > h2{
  position:relative !important;
  display:table !important;
  width:auto !important;
  margin:0 auto 42px !important;
  text-align:center !important;
}
#faq.design-section-faq > .wrap > h2::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:-10px !important;
  width:calc(100% + clamp(34px, 4.2vw, 76px)) !important;
  max-width:calc(100vw - 40px) !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg,
    rgba(191,169,122,0) 0%,
    rgba(191,169,122,.62) 17%,
    rgba(191,169,122,.98) 50%,
    rgba(191,169,122,.62) 83%,
    rgba(191,169,122,0) 100%) !important;
  box-shadow:0 0 12px rgba(191,169,122,.46), 0 0 22px rgba(191,169,122,.16) !important;
  border-radius:2px !important;
}
#faq.design-section-faq .design-faq-list,
#faq.design-section-faq .hi-faq{
  max-width:1120px !important;
  margin:0 auto !important;
}
#faq.design-section-faq .hi-faq details,
#faq.design-section-faq .hi-faq .faq-item{
  position:relative !important;
  background:rgba(255,255,255,.025) !important;
  border:1px solid rgba(191,169,122,.20) !important;
  border-radius:16px !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:hidden !important;
  transition:border-color .22s ease, background-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}
#faq.design-section-faq .hi-faq details + details,
#faq.design-section-faq .hi-faq .faq-item + .faq-item{
  margin-top:12px !important;
}
#faq.design-section-faq .hi-faq details:hover,
#faq.design-section-faq .hi-faq details[open]{
  border-color:rgba(191,169,122,.46) !important;
  background:rgba(191,169,122,.045) !important;
  box-shadow:0 0 20px rgba(191,169,122,.08), 0 14px 34px rgba(0,0,0,.22) !important;
}
#faq.design-section-faq .hi-faq summary{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  min-height:66px !important;
  padding:20px 58px 20px 24px !important;
  cursor:pointer !important;
  list-style:none !important;
  font-family:var(--hi-font-sans) !important;
  font-size:clamp(17px,1.05vw,20px) !important;
  line-height:1.35 !important;
  font-weight:750 !important;
  color:var(--hi-text,#E8E3D4) !important;
  text-align:left !important;
}
#faq.design-section-faq .hi-faq summary::-webkit-details-marker{
  display:none !important;
}
#faq.design-section-faq .hi-faq summary::after{
  content:"+" !important;
  position:absolute !important;
  right:22px !important;
  top:50% !important;
  width:28px !important;
  height:28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  transform:translateY(-50%) !important;
  border-radius:50% !important;
  border:1px solid rgba(191,169,122,.42) !important;
  color:rgba(232,227,212,.92) !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:400 !important;
  transition:background-color .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease !important;
}
#faq.design-section-faq .hi-faq details:hover summary::after,
#faq.design-section-faq .hi-faq details[open] summary::after{
  background:linear-gradient(180deg,#d9c38a,#bfa66d) !important;
  border-color:rgba(217,195,138,.95) !important;
  color:#111 !important;
  box-shadow:0 0 18px rgba(217,195,138,.22) !important;
}
#faq.design-section-faq .hi-faq details[open] summary::after{
  content:"−" !important;
}
#faq.design-section-faq .hi-faq .faq-body{
  margin:0 !important;
  padding:0 24px 22px !important;
  color:var(--hi-text-dim,#CFC8B5) !important;
  border-top:1px solid rgba(191,169,122,.14) !important;
}
#faq.design-section-faq .hi-faq .faq-body p{
  max-width:880px !important;
  margin:16px 0 0 !important;
}
@media (max-width:768px){
  #reviews-proof.design-section-proof > .wrap,
  #faq.design-section-faq > .wrap{
    width:min(100% - 28px, 1280px) !important;
  }
  #reviews-proof.design-section-proof .hi-proof-main{
    padding:20px !important;
  }
  #reviews-proof .hi-proof-stat{
    min-height:auto !important;
  }
  #faq.design-section-faq{
    padding:54px 0 38px !important;
  }
  #faq.design-section-faq > .wrap > h2{
    margin-bottom:34px !important;
  }
  #faq.design-section-faq > .wrap > h2::after{
    width:calc(100% + 30px) !important;
    max-width:calc(100vw - 28px) !important;
  }
  #faq.design-section-faq .hi-faq summary{
    min-height:60px !important;
    padding:17px 52px 17px 18px !important;
    font-size:16px !important;
  }
  #faq.design-section-faq .hi-faq summary::after{
    right:16px !important;
    width:26px !important;
    height:26px !important;
    font-size:19px !important;
  }
  #faq.design-section-faq .hi-faq .faq-body{
    padding:0 18px 18px !important;
  }

}


/* === design-reviews-client-cards-v22 ===
   Owner: design-interiera-samara.html, блок #reviews-proof.
   Цель: добавить компактные сокращённые отзывы клиентов и понятный переход на полные тексты Flatica. */
#reviews-proof .hi-proof-reviews{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
  margin:20px 0 0 !important;
}
#reviews-proof .hi-proof-review-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:210px !important;
  padding:24px !important;
  border-radius:16px !important;
  border:1px solid rgba(191,169,122,.22) !important;
  background:rgba(255,255,255,.03) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.16) !important;
  overflow:hidden !important;
}
#reviews-proof .hi-proof-review-card::before{
  content:none !important;
  display:none !important;
}
#reviews-proof .hi-proof-review-top{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-bottom:14px !important;
}
#reviews-proof .hi-proof-review-top strong{
  color:var(--hi-text,#E8E3D4) !important;
  font-size:18px !important;
  line-height:1.18 !important;
  font-weight:780 !important;
}
#reviews-proof .hi-proof-review-top span{
  flex:0 0 auto !important;
  color:#d6bd7a !important;
  font-size:15px !important;
  line-height:1 !important;
  letter-spacing:1px !important;
  text-shadow:0 0 10px rgba(214,189,122,.18) !important;
}
#reviews-proof .hi-proof-review-card p{
  margin:0 !important;
  color:var(--hi-text-dim,#CFC8B5) !important;
  font-size:16px !important;
  line-height:1.48 !important;
}
#reviews-proof .hi-proof-review-card small{
  display:block !important;
  margin-top:auto !important;
  padding-top:18px !important;
  color:rgba(207,200,181,.68) !important;
  font-size:13px !important;
  line-height:1.35 !important;
  letter-spacing:.01em !important;
}
#reviews-proof .hi-proof-reviews-note{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin:20px 0 0 !important;
  padding:18px 20px !important;
  border-radius:16px !important;
  border:1px solid rgba(191,169,122,.22) !important;
  background:rgba(255,255,255,.03) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.16) !important;
}
#reviews-proof .hi-proof-reviews-note span{
  color:rgba(207,200,181,.88) !important;
  font-size:15px !important;
  line-height:1.45 !important;
}
#reviews-proof .hi-proof-reviews-note .btn-outline{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-height:52px !important;
  padding:0 24px !important;
  border-radius:12px !important;
  border:1px solid rgba(191,169,122,.55) !important;
  background:rgba(0,0,0,.08) !important;
  color:rgba(255,255,255,.94) !important;
  font-family:var(--hi-font-sans) !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:750 !important;
  text-align:center !important;
  text-decoration:none !important;
  box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03) !important;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
#reviews-proof .hi-proof-reviews-note .btn-outline:hover,
#reviews-proof .hi-proof-reviews-note .btn-outline:focus-visible{
  background:linear-gradient(180deg,#d9c38a,#bfa66d) !important;
  color:#121212 !important;
  border-color:rgba(217,195,138,.95) !important;
  box-shadow:0 0 0 1px rgba(217,195,138,.22), 0 0 22px rgba(217,195,138,.32), 0 14px 32px rgba(0,0,0,.38) !important;
  transform:translateY(-1px) !important;
}
@media (max-width: 1180px){
  #reviews-proof .hi-proof-reviews{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width: 768px){
  #reviews-proof .hi-proof-reviews{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  #reviews-proof .hi-proof-review-card{
    min-height:0 !important;
    padding:20px !important;
  }
  #reviews-proof .hi-proof-reviews-note{
    flex-direction:column !important;
    align-items:stretch !important;
    padding:18px !important;
  }

}


/* === design-reviews-six-cards-v24 ===
   Owner: design-interiera-samara.html, блок #reviews-proof.
   Цель: вместо одной карточки-списка показать 6 выбранных отзывов в 2 ряда по 3 карточки. */
#reviews-proof .hi-proof-reviews-block{
  margin:22px 0 0 !important;
}
#reviews-proof .hi-proof-reviews-grid-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin:0 0 18px !important;
}
#reviews-proof .hi-proof-reviews-grid-head h3{
  margin:0 !important;
  color:var(--hi-text,#E8E3D4) !important;
  font-family:var(--hi-font-sans) !important;
  font-size:var(--hi-type-h3) !important;
  line-height:var(--hi-type-h3-line) !important;
  font-weight:800 !important;
  letter-spacing:var(--hi-type-track-h3) !important;
}
#reviews-proof .hi-proof-reviews-grid-head p{
  max-width:620px !important;
  margin:0 !important;
  color:rgba(207,200,181,.78) !important;
  font-size:15.5px !important;
  line-height:1.5 !important;
  text-align:right !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-reviews{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  margin:0 !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-card{
  min-height:205px !important;
  padding:24px !important;
  border-radius:16px !important;
  border:1px solid rgba(191,169,122,.22) !important;
  background:rgba(255,255,255,.03) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.16) !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-top{
  align-items:flex-start !important;
  margin-bottom:14px !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-top strong{
  max-width:calc(100% - 92px) !important;
  font-size:18px !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-top span{
  color:#d6bd7a !important;
  font-size:14px !important;
  line-height:1.1 !important;
  letter-spacing:1.5px !important;
  white-space:nowrap !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-card p{
  font-size:16px !important;
  line-height:1.5 !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-card small{
  margin-top:auto !important;
  padding-top:18px !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-reviews-note{
  margin:20px 0 0 !important;
}
@media (max-width: 1180px){
  #reviews-proof .hi-proof-reviews-grid-head{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:8px !important;
  }
  #reviews-proof .hi-proof-reviews-grid-head p{
    max-width:760px !important;
    text-align:left !important;
  }
  #reviews-proof .hi-proof-reviews-block .hi-proof-reviews{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width: 768px){
  #reviews-proof .hi-proof-reviews-block{
    margin-top:16px !important;
  }
  #reviews-proof .hi-proof-reviews-grid-head h3{
    font-size:24px !important;
  }
  #reviews-proof .hi-proof-reviews-grid-head p{
    font-size:15px !important;
    line-height:1.5 !important;
  }
  #reviews-proof .hi-proof-reviews-block .hi-proof-reviews{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  #reviews-proof .hi-proof-reviews-block .hi-proof-review-card{
    min-height:0 !important;
    padding:20px !important;
  }
  #reviews-proof .hi-proof-reviews-block .hi-proof-review-top strong{
    max-width:none !important;
  }
}


/* === design-reviews-compact-cards-v27 ===
   Owner: design-interiera-samara.html, блок #reviews-proof.
   Цель: ужать 6 карточек отзывов по высоте, приблизив их к карточкам Рейтинг / Отзывы / История. */
#reviews-proof .hi-proof-reviews-block{
  margin-top:16px !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-reviews{
  gap:16px !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-card{
  min-height:166px !important;
  padding:18px 20px !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-top{
  align-items:center !important;
  margin-bottom:9px !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-top strong{
  font-size:17px !important;
  line-height:1.18 !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-top span{
  font-size:13px !important;
  letter-spacing:1.35px !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-card p{
  font-size:15.2px !important;
  line-height:1.36 !important;
  margin:0 !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-card small{
  padding-top:10px !important;
  font-size:12.5px !important;
  line-height:1.25 !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-reviews-note{
  margin-top:16px !important;
}
@media (max-width: 768px){
  #reviews-proof .hi-proof-reviews-block .hi-proof-review-card{
    min-height:0 !important;
    padding:18px !important;
  }
  #reviews-proof .hi-proof-reviews-block .hi-proof-review-card p{
    font-size:15px !important;
    line-height:1.42 !important;
  }
}

/* === design-reviews-compact-v29 ===
   Owner: design-interiera-samara.html, блок #reviews-proof.
   Цель: убрать дублирующие ссылки сверху, ужать верхнюю карточку и 6 отзывов,
   чтобы нижняя поясняющая строка с кнопкой легче помещалась в пределах экрана. */
#reviews-proof.design-section-proof .hi-proof-main{
  grid-template-columns:minmax(0,1fr) !important;
  max-width:100% !important;
  gap:0 !important;
  margin-bottom:14px !important;
  padding:20px 26px !important;
}
#reviews-proof .hi-proof-main p:not(.hi-proof-main-title){
  max-width:980px !important;
  margin:0 !important;
}
#reviews-proof .hi-proof-source,
#reviews-proof .hi-proof-side,
#reviews-proof .hi-proof-actions{
  display:none !important;
}
#reviews-proof .hi-proof-stats{
  gap:16px !important;
}
#reviews-proof .hi-proof-stat{
  min-height:148px !important;
  padding:22px !important;
}
#reviews-proof .hi-proof-stat small{
  margin-bottom:10px !important;
}
#reviews-proof .hi-proof-stat strong{
  margin-bottom:6px !important;
}
#reviews-proof .hi-proof-reviews-block{
  margin-top:14px !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-reviews{
  gap:14px !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-card{
  min-height:148px !important;
  padding:16px 18px !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-top{
  margin-bottom:8px !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-top strong{
  font-size:16px !important;
  line-height:1.16 !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-top span{
  font-size:12.5px !important;
  letter-spacing:1.2px !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-card p{
  font-size:14.6px !important;
  line-height:1.34 !important;
}
#reviews-proof .hi-proof-reviews-block .hi-proof-review-card small{
  padding-top:8px !important;
  font-size:12.5px !important;
  line-height:1.2 !important;
}
#reviews-proof .hi-proof-reviews-note{
  margin-top:14px !important;
  padding:14px 18px !important;
  gap:16px !important;
}
#reviews-proof .hi-proof-reviews-note span{
  font-size:14.5px !important;
  line-height:1.38 !important;
}
#reviews-proof .hi-proof-reviews-note .btn-outline{
  min-height:48px !important;
  height:48px !important;
  padding:0 22px !important;
}
@media (max-width: 980px){
  #reviews-proof.design-section-proof .hi-proof-main{
    padding:18px 20px !important;
  }
}
@media (max-width: 768px){
  #reviews-proof .hi-proof-stat{
    min-height:0 !important;
    padding:20px !important;
  }
  #reviews-proof .hi-proof-reviews-block .hi-proof-review-card{
    min-height:0 !important;
    padding:16px !important;
  }
  #reviews-proof .hi-proof-reviews-note{
    padding:16px !important;
  }
  #reviews-proof .hi-proof-reviews-note .btn-outline{
    width:100% !important;
  }
}


/* === v12: commercial links under portfolio button === */
#portfolio.design-portfolio-service .design-portfolio-more-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:16px !important;
  margin:24px auto 0 !important;
  padding:0 20px !important;
  text-align:center !important;
}
#portfolio.design-portfolio-service .design-portfolio-more-wrap .portfolio-more-btn{
  order:1 !important;
}
#portfolio.design-portfolio-service .design-commercial-links{
  order:2 !important;
  display:block !important;
  max-width:860px !important;
  width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  color:rgba(255,255,255,.66) !important;
  font-size:14.5px !important;
  line-height:1.6 !important;
  letter-spacing:-.01em !important;
}
#portfolio.design-portfolio-service .design-commercial-links .project-service-links__label{
  color:rgba(255,255,255,.66) !important;
}
#portfolio.design-portfolio-service .design-commercial-links a{
  color:rgba(212,184,115,.9) !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(212,184,115,.34) !important;
  transition:color .18s ease, border-color .18s ease, text-shadow .18s ease !important;
}
#portfolio.design-portfolio-service .design-commercial-links a:hover,
#portfolio.design-portfolio-service .design-commercial-links a:focus-visible{
  color:#f1d58a !important;
  border-bottom-color:rgba(241,213,138,.86) !important;
  text-shadow:0 0 18px rgba(212,184,115,.22) !important;
}
@media (max-width: 768px){
  #portfolio.design-portfolio-service .design-portfolio-more-wrap{
    gap:14px !important;
    margin-top:22px !important;
    padding:0 18px !important;
  }
  #portfolio.design-portfolio-service .design-commercial-links{
    max-width:520px !important;
    font-size:14px !important;
    line-height:1.55 !important;
  }
}


/* === v13: commercial links as centered vertical mini-nav === */
#portfolio.design-portfolio-service .design-commercial-links{
  max-width:540px !important;
  padding:0 !important;
  text-align:center !important;
}
#portfolio.design-portfolio-service .design-commercial-links__intro{
  margin:0 0 8px !important;
  color:rgba(255,255,255,.66) !important;
  font-size:14.5px !important;
  line-height:1.5 !important;
  letter-spacing:-.01em !important;
}
#portfolio.design-portfolio-service .design-commercial-links__list{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:6px !important;
}
#portfolio.design-portfolio-service .design-commercial-links__list a{
  display:inline-flex !important;
  width:fit-content !important;
  max-width:100% !important;
  color:rgba(212,184,115,.92) !important;
  text-align:center !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(212,184,115,.34) !important;
}
@media (max-width: 768px){
  #portfolio.design-portfolio-service .design-commercial-links{
    max-width:360px !important;
  }
  #portfolio.design-portfolio-service .design-commercial-links__intro,
  #portfolio.design-portfolio-service .design-commercial-links__list a{
    font-size:14px !important;
    line-height:1.45 !important;
  }
  #portfolio.design-portfolio-service .design-commercial-links__list{
    gap:7px !important;
  }
}


/* === design-hero-prices-link-v01-match-index ===
   Owner: design-interiera-samara.html / #home-intro .home-lead .hi-hero-prices-link.
   Задача: добавить ссылку к ценам в hero с тем же размером и отступом, что на главной. */
#home-intro .home-lead .hi-hero-prices-link{
  display:inline-block !important;
  margin:10px auto 0 !important;
  color:var(--hi-accent,#BFA97A) !important;
  opacity:.88 !important;
  font-family:inherit !important;
  font-size:1.06em !important;
  line-height:inherit !important;
  font-weight:inherit !important;
  letter-spacing:inherit !important;
  text-align:center !important;
  text-decoration-line:underline !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:5px !important;
  text-decoration-color:currentColor !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#home-intro .home-lead .hi-hero-prices-link:hover,
#home-intro .home-lead .hi-hero-prices-link:focus-visible{
  color:var(--hi-accent,#BFA97A) !important;
  opacity:1 !important;
  text-decoration-color:currentColor !important;
  outline:none !important;
}
@media (max-width:900px){
  #home-intro .home-lead .hi-hero-prices-link{
    margin-top:10px !important;
  }
}

/* === design-hero-cta-equal-width-v34-match-index ===
   Owner: design-interiera-samara.html / #home-intro .cta.
   Задача: привести hero-кнопки страницы дизайна к размеру hero-кнопок главной. */
#home-intro .cta a.hi-hero-cta{
  flex:0 0 224px !important;
  width:224px !important;
  min-width:224px !important;
  max-width:224px !important;
  min-height:60px !important;
  font-size:17px !important;
  box-sizing:border-box !important;
}
@media (max-width:900px){
  #home-intro .cta a.hi-hero-cta{
    flex:0 1 320px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:320px !important;
  }
}

/* === design-hero-typography-unify-v35 ===
   Owner: design-interiera-samara.html / #home-intro.
   Задача: единая типографика hero H1 и hero-подзаголовка на главной, design и remont.
   Тексты, SEO, Schema, FAQ, H2 и блоки ниже hero не трогались. */
#home-intro .wrap{
  width:min(90%,1600px) !important;
  max-width:1500px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:24px !important;
  padding-right:24px !important;
  box-sizing:border-box !important;
  text-align:center !important;
}
#home-intro .home-h1{
  max-width:1360px !important;
  margin:0 auto 14px !important;
}
#home-intro .home-lead{
  width:min(100%,1240px) !important;
  max-width:1240px !important;
  margin:0 auto 22px !important;
  text-align:center !important;
}
#home-intro .home-lead .home-lead-line{
  display:block !important;
  white-space:normal !important;
}
#home-intro .home-lead .home-lead-line + .home-lead-line{
  margin-top:0 !important;
}
#home-intro .cta{
  margin-top:14px !important;
}
@media (max-width:900px){
  #home-intro .wrap{
    width:min(96%,1600px) !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  #home-intro .home-h1{
    width:100% !important;
    max-width:none !important;
    margin:0 auto 14px !important;
}
  #home-intro .home-lead{
    width:100% !important;
    max-width:none !important;
    margin:0 auto 22px !important;
}
}


/* === design-portfolio-mobile-transform-slider-v32 ===
   Owner: design-interiera-samara.html.
   Mobile-only transform engine: one coordinate, no native horizontal scroll,
   no scroll-snap and no CSS transition competing with requestAnimationFrame. */
#portfolio.design-portfolio-service .portfolio-showcase__track{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  min-width:0;
}
#portfolio.design-portfolio-service .portfolio-showcase__track .portfolio-showcase__image--prev,
#portfolio.design-portfolio-service .portfolio-showcase__track .portfolio-showcase__image--next{
  display:none;
}

@media (max-width:900px){
  #portfolio.design-portfolio-service .portfolio-showcase__track{
    grid-area:image;
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    width:100%;
    height:auto;
    min-width:0;
    overflow:visible;
    gap:0;
    padding:0;
    border:0;
    touch-action:pan-y;
    -ms-touch-action:pan-y;
    transform:translate3d(0,0,0);
    transform-origin:0 0;
    transition:none !important;
    will-change:transform;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
  #portfolio.design-portfolio-service .portfolio-showcase__track .portfolio-showcase__image,
  #portfolio.design-portfolio-service .portfolio-showcase__track .portfolio-showcase__image--native{
    flex:0 0 100%;
    display:block;
    width:100% !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    object-fit:contain;
    object-position:center;
    user-select:none;
    -webkit-user-select:none;
    -webkit-user-drag:none;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
  #portfolio.design-portfolio-service .portfolio-showcase.is-switching .portfolio-showcase__image{
    opacity:1;
  }
}


/* === v39-design-project-card-arrow-match-home === */
/* v39: page "Дизайн интерьера" — project card CTA arrows match the main page: optical centering, stable circle, and slower/smoother rotation. */
#portfolio.design-portfolio-service .project-cta-circle{
  --cta-arrow-shift:0px;
  --cta-arrow-active-y:0px;
}

@media (min-width:901px){
  #portfolio.design-portfolio-service .project-cta-circle.cta-in-caption.cta-abs{
    right:52px !important;
  }
  #portfolio.design-portfolio-service .project-cta-circle span{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:1em !important;
    height:1em !important;
    line-height:1 !important;
    font-size:26px !important;
    transform-origin:50% 50% !important;
    transition:transform .56s cubic-bezier(.22,.61,.36,1) !important;
    transform:translateX(var(--cta-arrow-shift)) rotate(180deg) !important;
  }
  #portfolio.design-portfolio-service .gallery-item:hover .project-cta-circle span,
  #portfolio.design-portfolio-service .project-caption-link:hover .project-cta-circle span,
  #portfolio.design-portfolio-service .gallery-item-inner.is-touching .project-cta-circle span,
  #portfolio.design-portfolio-service .gallery-item-inner.is-touching + .project-caption-link .project-cta-circle span{
    transform:translateX(var(--cta-arrow-shift)) translateY(var(--cta-arrow-active-y)) rotate(270deg) !important;
  }
}

@media (max-width:900px){
  #portfolio.design-portfolio-service .project-cta-circle{
    --cta-arrow-shift:0px;
    --cta-arrow-nudge-x:0px;
    --cta-arrow-center-y:0px;
    --cta-arrow-active-y:0px;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }
  #portfolio.design-portfolio-service .project-cta-circle.cta-in-caption.cta-abs,
  #portfolio.design-portfolio-service .gallery-item-inner.is-touching + .project-caption-link .project-cta-circle.cta-in-caption.cta-abs{
    transform:translateY(0) !important;
    transform-origin:50% 50% !important;
  }
  #portfolio.design-portfolio-service .project-cta-circle span{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    height:100% !important;
    line-height:1 !important;
    font-size:34px !important;
    transform-origin:50% 50% !important;
    transition:transform .56s cubic-bezier(.22,.61,.36,1) !important;
    transform:rotate(180deg) !important;
  }
  #portfolio.design-portfolio-service .gallery-item:hover .project-cta-circle span,
  #portfolio.design-portfolio-service .project-caption-link:hover .project-cta-circle span,
  #portfolio.design-portfolio-service .gallery-item-inner.is-touching .project-cta-circle span,
  #portfolio.design-portfolio-service .gallery-item-inner.is-touching + .project-caption-link .project-cta-circle span{
    transform:rotate(270deg) !important;
  }
}


/* === design-mobile-top-section-v40 ===
   Owner: design-interiera-samara.html.
   Mobile only: hero CTA typography matches main page; benefit cards become one premium framed shell; first H2 underline matches main page. */
@media (max-width:900px){
  #home-intro .cta a.hi-hero-cta.btn-outline.sm{
    font-size:19px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  body.project-hero-fullscreen-page #services > .wrap > h2.section-title:first-of-type{
    position:relative !important;
    display:table !important;
    width:auto !important;
    max-width:calc(100vw - 40px) !important;
    margin:0 auto 50px !important;
    text-align:center !important;
    text-wrap:balance !important;
  }
  body.project-hero-fullscreen-page #services > .wrap > h2.section-title:first-of-type::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:-10px !important;
    width:calc(100% + 72px) !important;
    max-width:calc(100vw - 24px) !important;
    height:1px !important;
    transform:translateX(-50%) !important;
    background:linear-gradient(90deg,
      rgba(191,169,122,0) 0%,
      rgba(191,169,122,.40) 18%,
      rgba(191,169,122,.70) 50%,
      rgba(191,169,122,.40) 82%,
      rgba(191,169,122,0) 100%) !important;
    box-shadow:0 0 5px rgba(191,169,122,.22), 0 0 10px rgba(191,169,122,.08) !important;
    opacity:.94 !important;
    border-radius:2px !important;
  }

  #services .hi-value-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    width:100% !important;
    margin:0 0 32px !important;
    padding:24px 28px !important;
    border:1px solid rgba(191,169,122,.24) !important;
    border-radius:28px !important;
    background:#111114 !important;
    box-shadow:0 1px 0 rgba(255,255,255,.01), inset 0 0 0 1px rgba(255,255,255,.01) !important;
    box-sizing:border-box !important;
  }
  #services .hi-value-card{
    padding:22px 0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  #services .hi-value-card:first-child{
    padding-top:0 !important;
  }
  #services .hi-value-card:last-child{
    padding-bottom:0 !important;
    border-bottom:0 !important;
  }
  #services .hi-value-card h3{
    margin:0 0 10px !important;
  }

}

/* === design-mobile-services-typography-v41 ===
   Owner: design-interiera-samara.html / mobile #services top block.
   Цель: привести H2 и типографику пунктов «Зачем нужен дизайн-проект» к мобильной типографике главной страницы:
   H2 = «О студии HomeInterior», h3/p = карточки услуг на главной. H1, HTML, SEO и desktop не трогать. */
@media (max-width:900px){

  #services .hi-value-card h3{
    margin:0 0 8px !important;
  }
  #services .hi-value-card p{
    margin:0 !important;
  }
}


/* === design-mobile-value-panel-material-v42 ===
   Owner: design-interiera-samara.html / mobile #services value panel.
   Цель: повторить материал мобильного блока услуг на главной:
   ровный тёмный фон без внутренних градиентов, прозрачные пункты и разделители между ними. */
@media (max-width:900px){
  #services .hi-value-grid{
    gap:24px !important;
    padding:22px 22px 24px !important;
    border-color:rgba(191,169,122,.24) !important;
    background:#09090a !important;
    box-shadow:0 1px 0 rgba(255,255,255,.01), inset 0 0 0 1px rgba(255,255,255,.01) !important;
  }
  #services .hi-value-card,
  #services .hi-value-card:first-child,
  #services .hi-value-card:last-child,
  #services .hi-value-card:nth-child(n){
    position:relative !important;
    padding:0 !important;
    border:0 !important;
    min-height:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  #services .hi-value-card:not(:last-child)::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:-12px !important;
    height:1px !important;
    background:linear-gradient(90deg,
      rgba(191,169,122,0) 0%,
      rgba(191,169,122,.20) 16%,
      rgba(191,169,122,.34) 50%,
      rgba(191,169,122,.20) 84%,
      rgba(191,169,122,0) 100%) !important;
    box-shadow:0 0 5px rgba(191,169,122,.10) !important;
    opacity:.86 !important;
    pointer-events:none !important;
  }
}


/* === design-mobile-core-list-v43 ===
   Owner: design-interiera-samara.html / mobile #services.
   Цель: единый мобильный размер H2 на странице «Дизайн интерьера» и оформление блока
   «Что входит в дизайн-проект» как компактной общей рамки в стиле верхнего блока. */
#services .design-project-core .hi-clean-list.hi-core-list span::before{
  content:" — ";
}
@media (max-width:900px){
  body.project-hero-fullscreen-page #services > .wrap > h2.section-title:first-of-type,
  body.project-hero-fullscreen-page #services .design-project-core .hi-about-title,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service > .wrap > h2.section-title,
  body.project-hero-fullscreen-page #hi-video-reviews .hi-videos-head > h2.section-title,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone > .wrap > h2.section-title,
  body.project-hero-fullscreen-page #prices.design-main-price-clone > .wrap > h2.section-title,
  body.project-hero-fullscreen-page #design-steps.design-main-steps-clone > .wrap > h2.section-title,
  body.project-hero-fullscreen-page #team.design-section-team > .wrap > h2,
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-intro > h2,
  body.project-hero-fullscreen-page #faq.design-section-faq > .wrap > h2,
  body.project-hero-fullscreen-page #contacts.hi-contact-section > .wrap > h2.section-title{
    text-align:center !important;
    text-wrap:balance !important;
  }

  body.project-hero-fullscreen-page #services .design-project-core .hi-about-title{
    position:relative !important;
    display:table !important;
    width:auto !important;
    max-width:calc(100vw - 40px) !important;
    margin:0 auto 22px !important;
  }

  #services .design-project-core .hi-clean-list.hi-core-list{
    list-style:none !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    width:100% !important;
    margin:24px 0 28px !important;
    padding:22px 22px 24px !important;
    border:1px solid rgba(191,169,122,.24) !important;
    border-radius:28px !important;
    background:#09090a !important;
    box-shadow:0 1px 0 rgba(255,255,255,.01), inset 0 0 0 1px rgba(255,255,255,.01) !important;
    box-sizing:border-box !important;
    text-align:left !important;
  }

  #services .design-project-core .hi-clean-list.hi-core-list li,
  #services .design-project-core .hi-clean-list.hi-core-list li + li{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }

  #services .design-project-core .hi-clean-list.hi-core-list li::marker{
    content:"" !important;
  }

  #services .design-project-core .hi-clean-list.hi-core-list li:not(:last-child)::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:-12px !important;
    height:1px !important;
    background:linear-gradient(90deg,
      rgba(191,169,122,0) 0%,
      rgba(191,169,122,.20) 16%,
      rgba(191,169,122,.34) 50%,
      rgba(191,169,122,.20) 84%,
      rgba(191,169,122,0) 100%) !important;
    box-shadow:0 0 5px rgba(191,169,122,.10) !important;
    opacity:.86 !important;
    pointer-events:none !important;
  }

  #services .design-project-core .hi-clean-list.hi-core-list strong{
    display:block !important;
    margin:0 0 8px !important;
  }

  #services .design-project-core .hi-clean-list.hi-core-list span::before{
    content:"" !important;
  }

  #services .design-project-core .hi-clean-list.hi-core-list span{
    display:block !important;
    margin:0 !important;
  }
}

/* === design-mobile-section-rhythm-v44 ===
   Owner: design-interiera-samara.html / mobile #services.
   Цель: сократить расстояние от подчёркивания H2 «Зачем нужен дизайн-проект» до рамки
   и привести вводный текст блока «Что входит в дизайн-проект» к размеру hero-подзаголовка.
   H1, SEO, HTML-структуру, desktop и соседние страницы не трогать. */
@media (max-width:900px){
  body.project-hero-fullscreen-page #services > .wrap > h2.section-title:first-of-type{
    margin-bottom:38px !important;
  }

  #services .design-project-core .hi-about > p{
    max-width:100% !important;
    margin:0 auto 22px !important;
    font-size:var(--hi-type-lead) !important;
    line-height:var(--hi-type-lead-line) !important;
    letter-spacing:-.01em !important;
    text-align:center !important;
    text-wrap:balance !important;
  }
}
/* === design-core-cta-match-main-steps-v07 ===
   Owner: design-interiera-samara.html / mobile #services .design-project-core.
   Цель: привести две CTA-кнопки под блоком «Что входит в дизайн-проект»
   к стилю кнопок главной после «Как мы работаем», сохранив компактную ширину.
   Ссылки, тексты, desktop и соседние блоки не трогать. */
@media (max-width:900px){
  #services .design-project-core .svc-cta{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:12px !important;
    margin-top:28px !important;
  }

  #services .design-project-core .svc-cta a.btn,
  #services .design-project-core .svc-cta a.btn-outline{
    width:100% !important;
    max-width:402px !important;
    min-height:48px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:0 20px !important;
    border-radius:999px !important;
    font-family:inherit !important;
    font-size:15px !important;
    font-weight:650 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    text-align:center !important;
    text-decoration:none !important;
    background:#202020 !important;
    color:rgba(255,255,255,.94) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background-image:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:0 10px 24px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.025), inset 0 -1px 0 rgba(255,255,255,.04) !important;
    opacity:1 !important;
    transition:background .25s ease, color .25s ease, border-color .25s ease, box-shadow .35s ease, transform .25s ease !important;
  }

  #services .design-project-core .svc-cta a.btn:hover,
  #services .design-project-core .svc-cta a.btn:focus-visible,
  #services .design-project-core .svc-cta a.btn-outline:hover,
  #services .design-project-core .svc-cta a.btn-outline:focus-visible{
    background:#262626 !important;
    color:#fff !important;
    border-color:rgba(191,169,122,.30) !important;
    background-image:none !important;
    box-shadow:0 12px 28px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.035), inset 0 -1px 0 rgba(255,255,255,.05), 0 0 16px rgba(191,169,122,.08) !important;
    transform:translateY(-1px) !important;
    outline:none !important;
    opacity:1 !important;
  }

  #services .design-project-core .svc-cta a.btn:active,
  #services .design-project-core .svc-cta a.btn-outline:active{
    transform:translateY(0) !important;
  }
}


/* === design-mobile-core-cta-and-portfolio-rhythm-v08 ===
   Owner: design-interiera-samara.html / mobile #services -> #portfolio.
   Цель: чуть увеличить текст CTA под блоком «Что входит в дизайн-проект»
   и подтянуть следующий раздел «Примеры дизайн-проектов» ближе к кнопкам.
   Ссылки, тексты, SEO, desktop и соседние страницы не трогать. */
@media (max-width:900px){
  #services .design-project-core{
    margin-bottom:18px !important;
  }

  #services .design-project-core .svc-cta a.btn,
  #services .design-project-core .svc-cta a.btn-outline{
    min-height:52px !important;
    padding-inline:22px !important;
    font-size:clamp(16px,4.05vw,17px) !important;
    font-weight:700 !important;
    letter-spacing:-.004em !important;
  }

  #portfolio.design-portfolio-service{
    padding-top:24px !important;
  }
}

/* === design-v11-main-portfolio-clone ===
   Owner: design-interiera-samara.html. Портфолио услуги повторяет структуру главной:
   категории, полный список проектов, первые 6 видимых элементов и раскрытие кнопкой. */
#portfolio.design-portfolio-service .portfolio-tabs{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  width:fit-content !important;
  max-width:calc(100% - 48px) !important;
  margin:34px auto 0 !important;
  padding:12px 14px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:34px !important;
  background:rgba(255,255,255,.06) !important;
  backdrop-filter:blur(14px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(160%) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(255,255,255,.12) !important;
  flex-wrap:nowrap !important;
}
#portfolio.design-portfolio-service .portfolio-tab{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  border:1px solid transparent !important;
  background:transparent !important;
  color:#fff !important;
  font-weight:600 !important;
  font-size:14px !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  cursor:pointer !important;
  white-space:nowrap !important;
  -webkit-tap-highlight-color:transparent !important;
  transition:background .22s ease, color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}
#portfolio.design-portfolio-service .portfolio-tab:hover,
#portfolio.design-portfolio-service .portfolio-tab:focus-visible,
#portfolio.design-portfolio-service .portfolio-tab.is-active{
  background:var(--hi-accent, #bfa97a) !important;
  color:#111 !important;
  box-shadow:none !important;
  transform:none !important;
  outline:none !important;
}
#portfolio.design-portfolio-service .portfolio-empty{
  color:rgba(255,255,255,.62) !important;
}
#portfolio.design-portfolio-service .portfolio-more-wrap{
  display:flex !important;
  justify-content:center !important;
  margin:24px auto 0 !important;
  padding:0 20px !important;
  text-align:center !important;
}
#portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:300px !important;
  min-height:52px !important;
  padding:14px 28px !important;
  border-radius:999px !important;
  text-align:center !important;
  text-decoration:none !important;
}
@media (hover:none), (pointer:coarse){
  #portfolio.design-portfolio-service .portfolio-tab:not(.is-active):hover,
  #portfolio.design-portfolio-service .portfolio-tab:not(.is-active):focus,
  #portfolio.design-portfolio-service .portfolio-tab:not(.is-active):active{
    background:transparent !important;
    color:#fff !important;
    box-shadow:none !important;
    transform:none !important;
  }
}
@media (max-width:900px){
  #portfolio.design-portfolio-service .portfolio-tabs{
    width:fit-content !important;
    max-width:min(520px, calc(100% - 44px)) !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    touch-action:pan-x !important;
  }
  #portfolio.design-portfolio-service .portfolio-tabs::-webkit-scrollbar{
    display:none !important;
  }
  #portfolio.design-portfolio-service .portfolio-tab{
    flex:0 0 auto !important;
  }
}
@media (max-width:520px){
  #portfolio.design-portfolio-service .portfolio-tabs{
    max-width:min(520px, calc(100% - 44px)) !important;
    padding:8px !important;
    gap:6px !important;
  }
  #portfolio.design-portfolio-service .portfolio-tab{
    padding:8px 10px !important;
    font-size:12px !important;
    letter-spacing:0 !important;
  }
  #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn{
    width:min(520px, calc(100vw - 44px)) !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
}

/* === v41-design-desktop-project-title-hover-match-home ===
   Owner: design-interiera-samara.html / #portfolio.
   ПК: синхронная подсветка названия проекта при наведении на карточку — как на главной. */
@media (min-width:901px){
  #portfolio.design-portfolio-service .project-caption-title{
    transition:color .36s ease !important;
  }

  #portfolio.design-portfolio-service .gallery-item:hover .project-caption-title,
  #portfolio.design-portfolio-service .gallery-item:focus-within .project-caption-title,
  #portfolio.design-portfolio-service .project-caption-link:hover .project-caption-title,
  #portfolio.design-portfolio-service .project-caption-link:focus-within .project-caption-title{
    color:#bfa97a !important;
  }
}


/* === design-v13-realized-view-after-videos ===
   Owner: design-interiera-samara.html / #realized-view.
   Цель: добавить блок «Показ готового интерьера по записи» после видеообзоров,
   сохранив подачу главной страницы и локальную работу только на странице услуги. */
#realized-view.design-realized-view-clone{
  padding:56px 0 18px !important;
  scroll-margin-top:120px;
}
#realized-view.design-realized-view-clone > .wrap{
  max-width:1500px;
}
#realized-view.design-realized-view-clone > .wrap > .section-title{
  margin-bottom:var(--hi-section-title-gap, 48px) !important;
}
#realized-view.design-realized-view-clone .realized-view-shell{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
  gap:34px;
  padding:28px 32px;
  background:linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,0) 100%), linear-gradient(135deg, rgba(191,169,122,.10), rgba(12,12,14,.96) 28%, rgba(4,4,4,.98) 100%);
  border:1px solid rgba(191,169,122,.24);
  border-radius:28px;
  box-shadow:0 18px 46px rgba(0,0,0,.22);
}
#realized-view.design-realized-view-clone .realized-view-copy{
  min-width:0;
}
#realized-view.design-realized-view-clone .realized-view-list{
  margin:0;
  padding-left:18px;
}
#realized-view.design-realized-view-clone .realized-view-list li{
  margin:0 0 12px;
  font-size:18px !important;
  line-height:1.5 !important;
  color:var(--hi-text-dim, rgba(232,227,212,.78)) !important;
}
#realized-view.design-realized-view-clone .realized-view-list li:last-child{
  margin-bottom:0;
}
#realized-view.design-realized-view-clone .realized-view-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:14px;
  min-width:0;
}
#realized-view.design-realized-view-clone .realized-view-actions .btn,
#realized-view.design-realized-view-clone .realized-view-actions .btn-outline{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:52px;
  min-width:0;
  width:100%;
  max-width:350px;
  padding:15px 24px !important;
  border-radius:12px !important;
  text-decoration:none !important;
  box-shadow:none !important;
  font-size:16px !important;
  line-height:1.2 !important;
  transition:background-color .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease, transform .25s ease !important;
}
#realized-view.design-realized-view-clone .realized-view-actions .btn{
  background:#000 !important;
  color:#fff !important;
  border:1px solid rgba(191,169,122,.65) !important;
}
#realized-view.design-realized-view-clone .realized-view-actions .btn-outline{
  background:transparent !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.22) !important;
}
#realized-view.design-realized-view-clone .realized-view-actions .btn:hover,
#realized-view.design-realized-view-clone .realized-view-actions .btn:focus-visible,
#realized-view.design-realized-view-clone .realized-view-actions .btn-outline:hover,
#realized-view.design-realized-view-clone .realized-view-actions .btn-outline:focus-visible{
  background:#bfa97a !important;
  color:#000 !important;
  border-color:#bfa97a !important;
  box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px);
  opacity:1 !important;
}
@media (max-width:980px){
  #realized-view.design-realized-view-clone{
    padding:42px 0 10px !important;
  }
  #realized-view.design-realized-view-clone .realized-view-shell{
    grid-template-columns:minmax(0,1fr);
    gap:24px;
    padding:24px;
    border-radius:24px;
  }
  #realized-view.design-realized-view-clone .realized-view-actions{
    align-items:flex-start;
    justify-content:flex-start;
  }
}
@media (max-width:900px){
  #realized-view.design-realized-view-clone{
    padding-top:12px !important;
  }
}
@media (max-width:640px){
  #realized-view.design-realized-view-clone .realized-view-list li{
    font-size:16px !important;
    line-height:1.5 !important;
  }
  #realized-view.design-realized-view-clone .realized-view-actions .btn,
  #realized-view.design-realized-view-clone .realized-view-actions .btn-outline{
    max-width:none;
  }
}

/* === hi-video-mobile-arrow-tap-v2 ===
   Owner: #hi-video-reviews / mobile arrow buttons.
   Причина: на iOS после tap у кнопки оставался :focus, а v1 подсвечивал ::after и давал смещенный контур.
   Решение: на мобильном focus невидимый; видимая подсветка только через :active / .is-key-active, круг центрирован. */
@media (hover:none) and (pointer:coarse){
  #hi-video-reviews .hi-coverflow-arrow{
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation;
    outline:0 !important;
    box-shadow:none !important;
  }

  #hi-video-reviews .hi-coverflow-arrow::after{
    transform:none !important;
  }

  #hi-video-reviews .hi-coverflow-arrow:focus,
  #hi-video-reviews .hi-coverflow-arrow:focus-visible{
    background:transparent !important;
    background-image:none !important;
    border-color:transparent !important;
    box-shadow:none !important;
    outline:0 !important;
    transform:none !important;
    opacity:1 !important;
  }

  #hi-video-reviews .hi-coverflow-arrow:focus:not(.is-key-active):not(:active),
  #hi-video-reviews .hi-coverflow-arrow:focus-visible:not(.is-key-active):not(:active){
    color:rgba(255,255,255,.92) !important;
  }

  #hi-video-reviews .hi-coverflow-arrow:focus:not(.is-key-active):not(:active)::after,
  #hi-video-reviews .hi-coverflow-arrow:focus-visible:not(.is-key-active):not(:active)::after{
    border-color:rgba(255,255,255,.18) !important;
    background:rgba(3,3,3,.18) !important;
    box-shadow:none !important;
    transform:none !important;
  }

  #hi-video-reviews .hi-coverflow-arrow:active,
  #hi-video-reviews .hi-coverflow-arrow.is-key-active{
    background:transparent !important;
    background-image:none !important;
    border-color:transparent !important;
    box-shadow:none !important;
    outline:0 !important;
    transform:none !important;
    color:#080808 !important;
    opacity:1 !important;
  }

  #hi-video-reviews .hi-coverflow-arrow:active::after,
  #hi-video-reviews .hi-coverflow-arrow.is-key-active::after{
    border-color:rgba(191,169,122,.96) !important;
    background:var(--hi-accent, #bfa97a) !important;
    box-shadow:0 0 18px rgba(191,169,122,.34) !important;
    transform:none !important;
  }
}


/* === design-mobile-core-text-and-portfolio-gap-v45 ===
   Owner: design-interiera-samara.html / mobile #services -> #portfolio.
   1) Убирает балансировку строк у вводного текста «Что входит в дизайн-проект»,
      чтобы текст занимал реальную ширину мобильного экрана.
   2) Сокращает зазор от кнопок блока состава проекта до заголовка «Портфолио работ».
   SEO, H1/H2, desktop, шапку и соседние страницы не трогать. */
@media (max-width:900px){
  #services .design-project-core{
    margin-bottom:0 !important;
  }

  #services .design-project-core .hi-about{
    width:100% !important;
    max-width:100% !important;
  }

  #services .design-project-core .hi-about > p{
    width:100% !important;
    max-width:none !important;
    margin:0 auto 22px !important;
    padding:0 24px !important;
    box-sizing:border-box !important;
    color:var(--hi-text-dim,#CFC8B5) !important;
    opacity:.9 !important;
    font-size:var(--hi-type-lead) !important;
    line-height:var(--hi-type-lead-line) !important;
    letter-spacing:-.01em !important;
    text-align:center !important;
    text-wrap:wrap !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
  }

  #portfolio.design-portfolio-service{
    padding-top:12px !important;
  }
}

/* === design-mobile-core-lead-full-width-v46 ===
   Owner: design-interiera-samara.html / mobile #services .design-project-core.
   Цель: сохранить размер текста как у hero-подзаголовка, но убрать искусственное сужение строки.
   Desktop, H1/H2, тексты, SEO и соседние блоки не трогать. */
@media (max-width:900px){
  #services .design-project-core .hi-about > p{
    width:min(96vw, 1240px) !important;
    max-width:min(96vw, 1240px) !important;
    margin:0 0 22px 50% !important;
    padding:0 !important;
    transform:translateX(-50%) !important;
    box-sizing:border-box !important;
    font-size:var(--hi-type-lead) !important;
    line-height:var(--hi-type-lead-line) !important;
    letter-spacing:-.01em !important;
    text-align:center !important;
    text-wrap:wrap !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
  }
}


/* === design-portfolio-all-projects-title-v11 ===
   Owner: design-interiera-samara.html. Компактный разделитель между слайдером портфолио и списком проектов. */
#portfolio.design-portfolio-service .portfolio-projects-title{
  margin:42px auto 0 !important;
  padding:0 20px !important;
  max-width:720px !important;
  text-align:center !important;
  text-wrap:balance !important;
  text-shadow:0 0 22px rgba(191,169,122,.16) !important;
}
#portfolio.design-portfolio-service .portfolio-projects-title::after{
  content:"";
  display:block;
  width:min(360px, calc(100vw - 74px));
  height:1px;
  margin:12px auto 0;
  background:linear-gradient(90deg, transparent, rgba(191,169,122,.46), transparent);
  box-shadow:0 0 18px rgba(191,169,122,.18);
}
#portfolio.design-portfolio-service .portfolio-projects-title + .portfolio-tabs{
  margin-top:18px !important;
}
@media (max-width:520px){
  #portfolio.design-portfolio-service .portfolio-projects-title{
    margin-top:36px !important;
    padding-inline:18px !important;
  }
  #portfolio.design-portfolio-service .portfolio-projects-title::after{
    width:min(300px, calc(100vw - 72px));
    margin-top:10px;
  }
  #portfolio.design-portfolio-service .portfolio-projects-title + .portfolio-tabs{
    margin-top:16px !important;
  }
}


/* === design-mobile-portfolio-tabs-button-tone-v12 ===
   Owner: design-interiera-samara.html / mobile #portfolio.
   Цель: привести рамку и заливку навигации категорий «Квартиры / Дома / Заведения / 3D эскизы»
   к тону кнопки «Ремонт под ключ в Самаре». Desktop, структуру табов, тексты и соседние блоки не трогать. */
@media (max-width:900px){
  #portfolio.design-portfolio-service .portfolio-tabs{
    background:#202020 !important;
    color:rgba(255,255,255,.94) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background-image:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:0 10px 24px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.025), inset 0 -1px 0 rgba(255,255,255,.04) !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab{
    background:transparent !important;
    color:rgba(255,255,255,.94) !important;
    border:1px solid transparent !important;
    box-shadow:none !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab:hover,
  #portfolio.design-portfolio-service .portfolio-tab:focus-visible{
    background:#262626 !important;
    color:#fff !important;
    border-color:rgba(191,169,122,.30) !important;
    box-shadow:0 0 16px rgba(191,169,122,.08), inset 0 1px 0 rgba(255,255,255,.035), inset 0 -1px 0 rgba(255,255,255,.05) !important;
    outline:none !important;
    transform:none !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab.is-active{
    background:#262626 !important;
    color:#fff !important;
    border-color:rgba(191,169,122,.30) !important;
    box-shadow:0 0 16px rgba(191,169,122,.08), inset 0 1px 0 rgba(255,255,255,.035), inset 0 -1px 0 rgba(255,255,255,.05) !important;
    outline:none !important;
    transform:none !important;
  }
}

@media (hover:none), (pointer:coarse){


  #portfolio.design-portfolio-service .portfolio-tab.is-active{
    background:#262626 !important;
    color:#fff !important;
    border-color:rgba(191,169,122,.30) !important;
    box-shadow:0 0 16px rgba(191,169,122,.08), inset 0 1px 0 rgba(255,255,255,.035), inset 0 -1px 0 rgba(255,255,255,.05) !important;
  }
}

/* === design-mobile-portfolio-tabs-cta-tone-v13 ===
   Owner: design-interiera-samara.html / mobile #portfolio.
   Цель: заменить неудачный v12: оболочку табов сделать ближе к кнопке «Подробнее о проекте»,
   активную вкладку снова заливать акцентом, как в прежней логике. */
@media (max-width:900px){
  #portfolio.design-portfolio-service .portfolio-tabs{
    background:rgba(3,3,3,.34) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background-image:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab{
    background:transparent !important;
    color:#fff !important;
    border:1px solid transparent !important;
    box-shadow:none !important;
    transform:none !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab:hover,
  #portfolio.design-portfolio-service .portfolio-tab:focus-visible,
  #portfolio.design-portfolio-service .portfolio-tab.is-active{
    background:rgba(191,169,122,.92) !important;
    color:#080808 !important;
    border-color:rgba(191,169,122,.96) !important;
    box-shadow:0 0 18px rgba(191,169,122,.34) !important;
    outline:none !important;
    transform:none !important;
  }
}

@media (hover:none), (pointer:coarse){


  #portfolio.design-portfolio-service .portfolio-tab.is-active{
    background:rgba(191,169,122,.92) !important;
    color:#080808 !important;
    border-color:rgba(191,169,122,.96) !important;
    box-shadow:0 0 18px rgba(191,169,122,.34) !important;
  }
}


/* === design-mobile-portfolio-tabs-main-wide-v14 ===
   Owner: design-interiera-samara.html / mobile #portfolio.
   Цель: после v13 привести навигацию категорий к виду главной страницы:
   тёмная широкая плашка, активная вкладка с акцентной заливкой, ширина ближе к крупной CTA-кнопке. */
@media (max-width:900px){
  #portfolio.design-portfolio-service .portfolio-projects-title + .portfolio-tabs,
  #portfolio.design-portfolio-service .portfolio-tabs{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:min(620px, calc(100vw - 44px)) !important;
    max-width:min(620px, calc(100vw - 44px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:8px !important;
    gap:6px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:999px !important;
    background:#202020 !important;
    background-image:none !important;
    color:rgba(255,255,255,.94) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.025), inset 0 -1px 0 rgba(255,255,255,.04) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    overflow:visible !important;
    overflow-x:visible !important;
    overflow-y:visible !important;
    box-sizing:border-box !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab{
    flex:1 1 0 !important;
    min-width:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-height:42px !important;
    padding:0 9px !important;
    border:1px solid transparent !important;
    border-radius:999px !important;
    background:transparent !important;
    color:#fff !important;
    box-shadow:none !important;
    font-size:clamp(12px, 3.15vw, 14px) !important;
    line-height:1 !important;
    font-weight:650 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    transform:none !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab:hover,
  #portfolio.design-portfolio-service .portfolio-tab:focus-visible,
  #portfolio.design-portfolio-service .portfolio-tab.is-active{
    background:rgba(191,169,122,.92) !important;
    color:#080808 !important;
    border-color:rgba(191,169,122,.96) !important;
    box-shadow:none !important;
    outline:none !important;
    transform:none !important;
  }
}

@media (max-width:380px){
  #portfolio.design-portfolio-service .portfolio-projects-title + .portfolio-tabs,
  #portfolio.design-portfolio-service .portfolio-tabs{
    width:calc(100vw - 32px) !important;
    max-width:calc(100vw - 32px) !important;
    padding:7px !important;
    gap:4px !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab{
    min-height:40px !important;
    padding-inline:6px !important;
    font-size:11.5px !important;
  }
}

@media (hover:none), (pointer:coarse){
  #portfolio.design-portfolio-service .portfolio-tab:not(.is-active):hover,
  #portfolio.design-portfolio-service .portfolio-tab:not(.is-active):focus,
  #portfolio.design-portfolio-service .portfolio-tab:not(.is-active):active{
    background:transparent !important;
    color:#fff !important;
    border-color:transparent !important;
    box-shadow:none !important;
    transform:none !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab.is-active{
    background:rgba(191,169,122,.92) !important;
    color:#080808 !important;
    border-color:rgba(191,169,122,.96) !important;
    box-shadow:none !important;
  }
}

/* === design-mobile-portfolio-tabs-height-v15 ===
   Owner: design-interiera-samara.html / mobile #portfolio.
   Цель: уменьшить высоту общей плашки и активной вкладки, не меняя размер текста. */
@media (max-width:900px){
  #portfolio.design-portfolio-service .portfolio-projects-title + .portfolio-tabs,
  #portfolio.design-portfolio-service .portfolio-tabs{
    padding:5px !important;
    gap:6px !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab{
    min-height:34px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
}

@media (max-width:380px){
  #portfolio.design-portfolio-service .portfolio-projects-title + .portfolio-tabs,
  #portfolio.design-portfolio-service .portfolio-tabs{
    padding:5px !important;
    gap:4px !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab{
    min-height:33px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
}


/* === design-mobile-portfolio-grid-gap-v16 ===
   Owner: design-interiera-samara.html / mobile #portfolio.
   Цель: подтянуть первую карточку проектов к навигации категорий после принятой высоты табов v15.
   Размер табов, текст, слайдер и карточки не менять. */
@media (max-width:900px){
  #portfolio.design-portfolio-service .design-portfolio-grid--featured{
    margin-top:24px !important;
  }
}

@media (max-width:380px){
  #portfolio.design-portfolio-service .design-portfolio-grid--featured{
    margin-top:22px !important;
  }
}

/* === design-mobile-portfolio-grid-gap-v17 ===
   Owner: design-interiera-samara.html / mobile #portfolio.
   Цель: сделать расстояние от навигации категорий до первой карточки примерно таким же,
   как от золотой линии под «Все проекты» до навигации. Табовую плашку, текст и карточки не менять. */


/* === design-mobile-portfolio-tabs-height-rhythm-v18 ===
   Owner: design-interiera-samara.html / mobile #portfolio.
   Цель: после v17 пробно вернуть табам более уверенную высоту, близкую к CTA-кнопке
   «Ремонт под ключ в Самаре», и опустить связку табы+карточки ниже от заголовка «Все проекты».
   Размер текста, ширину табов, слайдер, карточки и SEO не менять. */
@media (max-width:900px){
  #portfolio.design-portfolio-service .portfolio-projects-title + .portfolio-tabs,
  #portfolio.design-portfolio-service .portfolio-tabs{
    margin-top:28px !important;
    padding:6px !important;
    gap:6px !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab{
    min-height:40px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  #portfolio.design-portfolio-service .design-portfolio-grid--featured{
    margin-top:16px !important;
  }
}

@media (max-width:380px){
  #portfolio.design-portfolio-service .portfolio-projects-title + .portfolio-tabs,
  #portfolio.design-portfolio-service .portfolio-tabs{
    margin-top:26px !important;
    padding:6px !important;
    gap:4px !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab{
    min-height:38px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  #portfolio.design-portfolio-service .design-portfolio-grid--featured{
    margin-top:14px !important;
  }
}

/* === design-mobile-all-projects-block-rhythm-v19 ===
   Owner: design-interiera-samara.html / mobile #portfolio.
   Цель: опустить заголовок «Все проекты» и всё, что под ним, от кнопки «Подробнее о проекте»
   примерно на такой же визуальный отступ, как от кнопки «Ремонт под ключ в Самаре» до заголовка «Портфолио работ».
   Высоту табов v18, текст, слайдер, карточки и SEO не менять. */


@media (max-width:520px){
  #portfolio.design-portfolio-service .portfolio-projects-title{
    margin-top:52px !important;
  }
}

@media (max-width:380px){
  #portfolio.design-portfolio-service .portfolio-projects-title{
    margin-top:50px !important;
  }
}

/* === design-mobile-project-cards-touch-and-more-v20 ===
   Owner: design-interiera-samara.html / mobile #portfolio.
   Цель:
   1) Поведение касания карточек проектов сделать как на главной: уверенный scale без затемнения.
   2) Кнопку «Смотреть больше проектов» привести к размеру/типографике CTA «Ремонт под ключ в Самаре».
   Шапку, слайдер, карточки, тексты, SEO и desktop не трогать. */
@media (max-width:900px){
  #portfolio.design-portfolio-service .gallery-item-inner img,
  #portfolio.design-portfolio-service .gallery img{
    transition:transform .4s ease, filter .4s ease !important;
  }

  #portfolio.design-portfolio-service .gallery-item:hover .gallery-item-inner img,
  #portfolio.design-portfolio-service .gallery-item:focus-within .gallery-item-inner img,
  #portfolio.design-portfolio-service .gallery-item-inner.is-touching img{
    transform:scale(1.08) !important;
    filter:none !important;
  }

  #portfolio.design-portfolio-service .portfolio-more-wrap{
    width:100% !important;
    max-width:402px !important;
    margin:28px auto 0 !important;
    padding:0 20px !important;
    box-sizing:border-box !important;
  }

  #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn{
    width:100% !important;
    max-width:402px !important;
    min-width:0 !important;
    min-height:52px !important;
    padding:0 22px !important;
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    border-radius:999px !important;
    font-family:inherit !important;
    font-size:clamp(16px,4.05vw,17px) !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:-.004em !important;
    white-space:nowrap !important;
    text-align:center !important;
    text-decoration:none !important;
    background:#202020 !important;
    color:rgba(255,255,255,.94) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background-image:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:0 10px 24px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.025), inset 0 -1px 0 rgba(255,255,255,.04) !important;
    opacity:1 !important;
    transition:background .25s ease, color .25s ease, border-color .25s ease, box-shadow .35s ease, transform .25s ease !important;
  }

  #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:hover,
  #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:focus-visible{
    background:#262626 !important;
    color:#fff !important;
    border-color:rgba(191,169,122,.30) !important;
    background-image:none !important;
    box-shadow:0 12px 28px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.035), inset 0 -1px 0 rgba(255,255,255,.05), 0 0 16px rgba(191,169,122,.08) !important;
    transform:translateY(-1px) !important;
    outline:none !important;
    opacity:1 !important;
  }

  #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:active{
    transform:translateY(0) !important;
  }
}

@media (max-width:380px){
  #portfolio.design-portfolio-service .portfolio-more-wrap{
    max-width:calc(100vw - 32px) !important;
    padding:0 !important;
  }
}

/* === design-mobile-more-button-compact-v21 ===
   Owner: design-interiera-samara.html / mobile #portfolio.
   Цель: v20 по кнопке «Смотреть больше проектов» не оставляем — она стала слишком крупной.
   Карточки проектов и их touch-поведение из v20 не трогать.
   Кнопку привести к спокойной pill-логике «Подробнее о проекте» под слайдером: компактнее, без тяжёлого CTA-веса. */
@media (max-width:900px){
  #portfolio.design-portfolio-service .portfolio-more-wrap{
    width:100% !important;
    max-width:none !important;
    margin:28px auto 0 !important;
    padding:0 20px !important;
    box-sizing:border-box !important;
    display:flex !important;
    justify-content:flex-start !important;
    text-align:center !important;
  }

  #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn{
    width:auto !important;
    max-width:min(320px, calc(100vw - 64px)) !important;
    min-width:276px !important;
    min-height:46px !important;
    padding:0 22px !important;
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:rgba(3,3,3,.34) !important;
    background-image:none !important;
    color:#fff !important;
    font-family:inherit !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    text-align:center !important;
    text-decoration:none !important;
    box-shadow:none !important;
    opacity:1 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    -webkit-tap-highlight-color:transparent !important;
    transition:background-color .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease !important;
  }

  #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:hover,
  #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:focus{
    background:rgba(3,3,3,.66) !important;
    border-color:rgba(255,255,255,.14) !important;
    color:#fff !important;
    box-shadow:none !important;
    transform:none !important;
    outline:none !important;
  }

  #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:active,
  #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:focus-visible{
    background:rgba(191,169,122,.92) !important;
    border-color:rgba(191,169,122,.96) !important;
    color:#080808 !important;
    box-shadow:0 0 18px rgba(191,169,122,.34) !important;
    transform:none !important;
    outline:none !important;
  }
}

@media (max-width:380px){
  #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn{
    min-width:min(276px, calc(100vw - 56px)) !important;
    max-width:calc(100vw - 56px) !important;
    padding:0 18px !important;
  }
}

/* === design-headings-underlines-home-match-v03 ===
   Owner: design-interiera-samara.html.
   Исправление после v02: все H2-подчеркивания оставлены в единой логике,
   у заголовка «Все проекты» центрируется псевдоэлемент линии при ширине больше текста. */
body.project-hero-fullscreen-page #services > .wrap > h2.section-title:first-of-type,
body.project-hero-fullscreen-page #services .design-project-core .hi-about-title,
body.project-hero-fullscreen-page #portfolio.design-portfolio-service > .wrap > h2.section-title,
body.project-hero-fullscreen-page #hi-video-reviews .hi-videos-head > h2.section-title,
body.project-hero-fullscreen-page #realized-view.design-realized-view-clone > .wrap > h2.section-title,
body.project-hero-fullscreen-page #prices.design-main-price-clone > .wrap > h2.section-title,
body.project-hero-fullscreen-page #design-steps.design-main-steps-clone > .wrap > h2.section-title,
body.project-hero-fullscreen-page #team.design-section-team > .wrap > h2,
body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-intro > h2,
body.project-hero-fullscreen-page #faq.design-section-faq > .wrap > h2,
body.project-hero-fullscreen-page #contacts.hi-contact-section > .wrap > h2.section-title,
body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-projects-title{
  position:relative !important;
  display:table !important;
  width:auto !important;
  max-width:calc(100vw - 40px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  text-wrap:balance !important;
}

body.project-hero-fullscreen-page #services > .wrap > h2.section-title:first-of-type::after,
body.project-hero-fullscreen-page #services .design-project-core .hi-about-title::after,
body.project-hero-fullscreen-page #portfolio.design-portfolio-service > .wrap > h2.section-title::after,
body.project-hero-fullscreen-page #hi-video-reviews .hi-videos-head > h2.section-title::after,
body.project-hero-fullscreen-page #realized-view.design-realized-view-clone > .wrap > h2.section-title::after,
body.project-hero-fullscreen-page #prices.design-main-price-clone > .wrap > h2.section-title::after,
body.project-hero-fullscreen-page #design-steps.design-main-steps-clone > .wrap > h2.section-title::after,
body.project-hero-fullscreen-page #team.design-section-team > .wrap > h2::after,
body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-intro > h2::after,
body.project-hero-fullscreen-page #faq.design-section-faq > .wrap > h2::after,
body.project-hero-fullscreen-page #contacts.hi-contact-section > .wrap > h2.section-title::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:-10px !important;
  width:calc(100% + 28px) !important;
  max-width:none !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg,
    rgba(191,169,122,0) 0%,
    rgba(191,169,122,.85) 12%,
    rgba(191,169,122,.95) 50%,
    rgba(191,169,122,.85) 88%,
    rgba(191,169,122,0) 100%) !important;
  box-shadow:0 0 10px rgba(191,169,122,.45), 0 0 22px rgba(191,169,122,.25) !important;
  opacity:1 !important;
  border-radius:2px !important;
}

body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-projects-title::after{
  content:"" !important;
  display:block !important;
  position:relative !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  width:calc(100% + 28px) !important;
  max-width:none !important;
  height:1px !important;
  margin:12px 0 0 !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg,
    rgba(191,169,122,0) 0%,
    rgba(191,169,122,.85) 12%,
    rgba(191,169,122,.95) 50%,
    rgba(191,169,122,.85) 88%,
    rgba(191,169,122,0) 100%) !important;
  box-shadow:0 0 10px rgba(191,169,122,.45), 0 0 22px rgba(191,169,122,.25) !important;
  opacity:1 !important;
  border-radius:2px !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page #services > .wrap > h2.section-title:first-of-type::after,
  body.project-hero-fullscreen-page #services .design-project-core .hi-about-title::after,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service > .wrap > h2.section-title::after,
  body.project-hero-fullscreen-page #hi-video-reviews .hi-videos-head > h2.section-title::after,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone > .wrap > h2.section-title::after,
  body.project-hero-fullscreen-page #prices.design-main-price-clone > .wrap > h2.section-title::after,
  body.project-hero-fullscreen-page #design-steps.design-main-steps-clone > .wrap > h2.section-title::after,
  body.project-hero-fullscreen-page #team.design-section-team > .wrap > h2::after,
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-intro > h2::after,
  body.project-hero-fullscreen-page #faq.design-section-faq > .wrap > h2::after,
  body.project-hero-fullscreen-page #contacts.hi-contact-section > .wrap > h2.section-title::after{
    bottom:-10px !important;
    width:calc(100% + 72px) !important;
    max-width:calc(100vw - 24px) !important;
    height:1px !important;
    background:linear-gradient(90deg,
      rgba(191,169,122,0) 0%,
      rgba(191,169,122,.40) 18%,
      rgba(191,169,122,.70) 50%,
      rgba(191,169,122,.40) 82%,
      rgba(191,169,122,0) 100%) !important;
    box-shadow:0 0 5px rgba(191,169,122,.22), 0 0 10px rgba(191,169,122,.08) !important;
    opacity:.94 !important;
    border-radius:2px !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-projects-title::after{
    position:relative !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:calc(100% + 72px) !important;
    max-width:calc(100vw - 24px) !important;
    height:1px !important;
    margin:10px 0 0 !important;
    transform:translateX(-50%) !important;
    background:linear-gradient(90deg,
      rgba(191,169,122,0) 0%,
      rgba(191,169,122,.40) 18%,
      rgba(191,169,122,.70) 50%,
      rgba(191,169,122,.40) 82%,
      rgba(191,169,122,0) 100%) !important;
    box-shadow:0 0 5px rgba(191,169,122,.22), 0 0 10px rgba(191,169,122,.08) !important;
    opacity:.94 !important;
  }
}

/* === design-mobile-portfolio-controls-ios-tone-v08 ===
   Owner: design-interiera-samara.html / mobile #portfolio.
   Цель: вернуть тон v06 и убрать верхний inset-блик/тень у рамки без изменения заливки, border, размеров и отступов.
   Шапку, размеры, отступы, тексты, карточки и desktop не трогать. */
@media (max-width:900px){
  #portfolio.design-portfolio-service{
    --hi-portfolio-control-bg:rgba(28,28,30,.86);
    --hi-portfolio-control-bg-hover:rgba(34,34,36,.90);
    --hi-portfolio-control-border:rgba(255,255,255,.09);
    --hi-portfolio-control-border-hover:rgba(255,255,255,.12);
    --hi-portfolio-control-text:rgba(255,255,255,.94);
    --hi-portfolio-control-shadow:0 8px 18px rgba(0,0,0,.26);
  }

  #portfolio.design-portfolio-service .portfolio-showcase__nav,
  #portfolio.design-portfolio-service .portfolio-showcase__meta,
  #portfolio.design-portfolio-service .portfolio-showcase__cta,
  #portfolio.design-portfolio-service .portfolio-projects-title + .portfolio-tabs,
  #portfolio.design-portfolio-service .portfolio-tabs,
  #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn{
    background:var(--hi-portfolio-control-bg) !important;
    background-image:none !important;
    border-color:var(--hi-portfolio-control-border) !important;
    color:var(--hi-portfolio-control-text) !important;
    box-shadow:var(--hi-portfolio-control-shadow) !important;
    backdrop-filter:blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
  }

  #portfolio.design-portfolio-service .portfolio-showcase__nav:hover,
  #portfolio.design-portfolio-service .portfolio-showcase__nav:focus-visible,
  #portfolio.design-portfolio-service .portfolio-showcase__cta:hover,
  #portfolio.design-portfolio-service .portfolio-showcase__cta:focus-visible,
  #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:hover,
  #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:focus-visible{
    background:var(--hi-portfolio-control-bg-hover) !important;
    border-color:var(--hi-portfolio-control-border-hover) !important;
    color:#fff !important;
    box-shadow:var(--hi-portfolio-control-shadow) !important;
    transform:none !important;
    outline:none !important;
  }

  #portfolio.design-portfolio-service .portfolio-showcase__counter,
  #portfolio.design-portfolio-service .portfolio-tab{
    color:var(--hi-portfolio-control-text) !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab{
    background:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab:not(.is-active):hover,
  #portfolio.design-portfolio-service .portfolio-tab:not(.is-active):focus-visible{
    background:rgba(255,255,255,.045) !important;
    border-color:rgba(255,255,255,.07) !important;
    color:#fff !important;
    box-shadow:none !important;
    transform:none !important;
    outline:none !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab.is-active{
    background:rgba(191,169,122,.92) !important;
    color:#080808 !important;
    border-color:rgba(191,169,122,.96) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
}

@media (hover:none), (pointer:coarse){
  #portfolio.design-portfolio-service .portfolio-tab:not(.is-active):hover,
  #portfolio.design-portfolio-service .portfolio-tab:not(.is-active):focus,
  #portfolio.design-portfolio-service .portfolio-tab:not(.is-active):active{
    background:transparent !important;
    color:rgba(255,255,255,.94) !important;
    border-color:transparent !important;
    box-shadow:none !important;
    transform:none !important;
  }

  #portfolio.design-portfolio-service .portfolio-showcase__nav:active,
  #portfolio.design-portfolio-service .portfolio-showcase__cta:active,
  #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:active{
    background:rgba(34,34,36,.90) !important;
    border-color:rgba(255,255,255,.12) !important;
    color:#fff !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
    transform:none !important;
  }
}


/* === design-mobile-portfolio-controls-typography-v09 ===
   Owner: design-interiera-samara.html / mobile #portfolio.
   Цель: чуть увеличить стрелки внутри круглых кнопок и текст центральной CTA
   без изменения размеров самих кнопок, отступов и общей композиции. */
@media (max-width:900px){
  #portfolio.design-portfolio-service .portfolio-showcase__nav span{
    font-size:38px !important;
    line-height:1 !important;
    transform:translateY(-1px) !important;
  }

  #portfolio.design-portfolio-service .portfolio-showcase__cta{
    font-size:14px !important;
    font-weight:650 !important;
    letter-spacing:-.01em !important;
  }
}

/* === design-mobile-portfolio-tabs-warm-frame-v10 ===
   Owner: design-interiera-samara.html / mobile #portfolio.
   Цель: тестово усилить читаемость табов портфолио и сделать общую рамку плашки теплее,
   без изменения размеров плашки, активной вкладки, слайдера и соседних блоков. */
@media (max-width:900px){
  #portfolio.design-portfolio-service .portfolio-tabs{
    border-color:rgba(191,169,122,.22) !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab{
    font-size:14px !important;
    font-weight:700 !important;
    letter-spacing:-.012em !important;
  }
}

/* === design-mobile-portfolio-tabs-visible-tune-v11 ===
   Owner: design-interiera-samara.html / mobile #portfolio.
   Цель: сделать тест v10 реально заметным: табы чуть крупнее, общая рамка плашки теплее,
   без изменения размеров плашки, активной вкладки, слайдера и соседних блоков. */
@media (max-width:900px){
  #portfolio.design-portfolio-service .portfolio-projects-title + .portfolio-tabs,
  #portfolio.design-portfolio-service .portfolio-tabs{
    border:1px solid rgba(191,169,122,.34) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.34), inset 0 0 0 1px rgba(191,169,122,.045) !important;
  }

  #portfolio.design-portfolio-service .portfolio-tab{
    font-size:15px !important;
    font-weight:750 !important;
    letter-spacing:-.014em !important;
  }
}

@media (max-width:380px){
  #portfolio.design-portfolio-service .portfolio-tab{
    font-size:13.5px !important;
  }
}

/* === design-mobile-portfolio-tabs-weight-fix-v12 ===
   Owner: design-interiera-samara.html / mobile #portfolio.
   Цель: исправить v11 — оставить табы крупнее, но вернуть нормальный вес текста.
   Золотистую общую рамку, размеры плашки, активную вкладку и соседние блоки не трогать. */
@media (max-width:900px){
  #portfolio.design-portfolio-service .portfolio-tab{
    font-size:15px !important;
    font-weight:650 !important;
    letter-spacing:-.006em !important;
  }
}

@media (max-width:380px){
  #portfolio.design-portfolio-service .portfolio-tab{
    font-size:13.8px !important;
    font-weight:650 !important;
  }
}


/* === design-gray-buttons-match-portfolio-cta-v13 ===
   Owner: design-interiera-samara.html.
   Цель: серые CTA-кнопки на странице привести к стилю кнопки «Подробнее о проекте».
   Акцентные золотые кнопки, табы портфолио с тёплой рамкой, цены, карточки, шапку и модалки не трогать. */
body.project-hero-fullscreen-page #home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary,
body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn,
body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline,
body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn,
body.project-hero-fullscreen-page #contacts .hi-contact-submit{
  background:rgba(28,28,30,.86) !important;
  background-image:none !important;
  color:rgba(255,255,255,.94) !important;
  border-color:rgba(255,255,255,.09) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
  backdrop-filter:blur(16px) saturate(130%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
  opacity:1 !important;
}

body.project-hero-fullscreen-page #home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:hover,
body.project-hero-fullscreen-page #home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:focus-visible,
body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:hover,
body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:focus-visible,
body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline:hover,
body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline:focus-visible,
body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:hover,
body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:focus-visible,
body.project-hero-fullscreen-page #contacts .hi-contact-submit:hover,
body.project-hero-fullscreen-page #contacts .hi-contact-submit:focus-visible{
  background:rgba(34,34,36,.90) !important;
  background-image:none !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
  transform:none !important;
  outline:none !important;
}

@media (hover:none), (pointer:coarse){
  body.project-hero-fullscreen-page #home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:hover,
  body.project-hero-fullscreen-page #home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:focus,
  body.project-hero-fullscreen-page #home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:active,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:hover,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:focus,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:active,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline:hover,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline:focus,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline:active,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:hover,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:focus,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:active,
  body.project-hero-fullscreen-page #contacts .hi-contact-submit:hover,
  body.project-hero-fullscreen-page #contacts .hi-contact-submit:focus,
  body.project-hero-fullscreen-page #contacts .hi-contact-submit:active{
    background:rgba(34,34,36,.90) !important;
    background-image:none !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.12) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
    transform:none !important;
  }
}


/* === design-mobile-cta-video-realized-rhythm-v14 ===
   Owner: design-interiera-samara.html.
   Цель: точечно поправить три согласованных места:
   1) сделать «Оставить заявку» в составе проекта акцентной золотой кнопкой;
   2) опустить мобильные стрелки видеообзоров ниже от H2 и ближе к карточке;
   3) сократить H2 показа готового интерьера и выровнять отступ от линии до карточки.
   Серые кнопки v13, золотую рамку табов, шапку, карточки, SEO и desktop-логику не трогать. */
body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn{
  background:var(--hi-accent,#BFA97A) !important;
  background-image:none !important;
  color:#111 !important;
  border-color:var(--hi-accent,#BFA97A) !important;
  box-shadow:0 0 14px rgba(191,169,122,.22) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:hover,
body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:focus-visible{
  background:#cfb988 !important;
  background-image:none !important;
  color:#111 !important;
  border-color:#cfb988 !important;
  box-shadow:0 0 18px rgba(191,169,122,.34), 0 0 34px rgba(191,169,122,.18) !important;
  transform:none !important;
  outline:none !important;
}

@media (hover:none), (pointer:coarse){
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:hover,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:focus,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:active{
    background:var(--hi-accent,#BFA97A) !important;
    background-image:none !important;
    color:#111 !important;
    border-color:var(--hi-accent,#BFA97A) !important;
    box-shadow:0 0 14px rgba(191,169,122,.22) !important;
    transform:none !important;
  }
}

@media (max-width:900px){
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone > .wrap > h2.section-title{
    max-width:calc(100vw - 20px) !important;
    margin-bottom:38px !important;
  }
}

@media (max-width:560px){
  #hi-video-reviews .hi-videos-head{
    margin-bottom:0 !important;
  }

  #hi-video-reviews .hi-coverflow{
    padding-top:18px !important;
  }

  #hi-video-reviews .hi-coverflow-arrows{
    margin:0 0 0 !important;
  }

  #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual .hi-video-card{
    top:22px !important;
  }
}


/* === design-mobile-rhythm-and-team-buttons-v15 ===
   Owner: design-interiera-samara.html.
   Цель: по согласованным пунктам выровнять мобильные отступы однотипных связок
   и привести кнопки в блоке «Кто делает проект» к системе вторичных CTA.
   SEO, HTML-структуру, шапку, слайдеры, тексты и порядок блоков не трогать. */
@media (max-width:900px){
  /* 1. Верхний ритм: предыдущий блок -> H2 */
  #design-steps.design-main-steps-clone{
    padding-top:24px !important;
  }

  #faq.design-section-faq{
    padding-top:58px !important;
  }

  #contacts.hi-contact-section{
    padding-top:58px !important;
  }

  #portfolio.design-portfolio-service .portfolio-projects-title{
    margin-top:54px !important;
  }

  /* 2-3. От линии H2 до первого визуального контента */
  #portfolio.design-portfolio-service .portfolio-showcase{
    margin-top:38px !important;
  }

  #team.design-section-team .design-team-grid{
    margin-top:38px !important;
  }

  /* 4. Кнопки в блоке «Кто делает проект» — как вторичные CTA услуги */
  #team.design-section-team .svc-cta{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:12px !important;
    width:100% !important;
    max-width:402px !important;
    margin:24px auto 0 !important;
  }

  #team.design-section-team .svc-cta a.btn,
  #team.design-section-team .svc-cta a.btn-outline{
    -webkit-appearance:none !important;
    appearance:none !important;
    width:100% !important;
    min-height:52px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:0 22px !important;
    border-radius:999px !important;
    font-family:inherit !important;
    font-size:clamp(16px,4.05vw,17px) !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:-.004em !important;
    white-space:nowrap !important;
    text-align:center !important;
    text-decoration:none !important;
    background:rgba(28,28,30,.86) !important;
    background-image:none !important;
    color:rgba(255,255,255,.94) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
    backdrop-filter:blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
    opacity:1 !important;
    transform:none !important;
    transition:background .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease !important;
  }

  #team.design-section-team .svc-cta a.btn:hover,
  #team.design-section-team .svc-cta a.btn:focus-visible,
  #team.design-section-team .svc-cta a.btn-outline:hover,
  #team.design-section-team .svc-cta a.btn-outline:focus-visible{
    background:rgba(34,34,36,.90) !important;
    background-image:none !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.12) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
    transform:none !important;
    outline:none !important;
  }
}

@media (hover:none), (pointer:coarse){
  #team.design-section-team .svc-cta a.btn:hover,
  #team.design-section-team .svc-cta a.btn:focus,
  #team.design-section-team .svc-cta a.btn:active,
  #team.design-section-team .svc-cta a.btn-outline:hover,
  #team.design-section-team .svc-cta a.btn-outline:focus,
  #team.design-section-team .svc-cta a.btn-outline:active{
    background:rgba(34,34,36,.90) !important;
    background-image:none !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.12) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
    transform:none !important;
  }
}


/* === design-mobile-rhythm-corrections-v18 ===
   Owner: design-interiera-samara.html / mobile rhythm.
   Цель: после принятой v17 точечно привести указанные Артёмом расстояния
   к двум эталонам: предыдущий контент -> H2 и линия H2 -> первый контент.
   Эталонный блок «Зачем нужен дизайн-проект» не трогать. */
@media (max-width:900px){
  body.project-hero-fullscreen-page{
    --hi-mobile-prev-to-title-gap:74px;
    --hi-mobile-line-to-content-gap:38px;
  }

  /* 1. «Все проекты» после кнопки «Подробнее о проекте» */
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-projects-title{
    margin-top:var(--hi-mobile-prev-to-title-gap) !important;
  }

  /* 2. «Показ готового интерьера» после подписи видео */
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone{
    padding-top:var(--hi-mobile-prev-to-title-gap) !important;
  }

  body.project-hero-fullscreen-page #hi-video-reviews .hi-video-caption-title{
    font-size:clamp(16px,4.25vw,18px) !important;
    line-height:1.08 !important;
    letter-spacing:-.004em !important;
  }

  /* 3. Линия «Цены на дизайн интерьера» -> первая карточка */
  body.project-hero-fullscreen-page #prices.design-main-price-clone .hi-prices-grid{
    margin-top:var(--hi-mobile-line-to-content-gap) !important;
  }

  /* 4. Линия «Как мы работаем» -> первый пункт */
  body.project-hero-fullscreen-page #design-steps.design-main-steps-clone .grid{
    margin-top:var(--hi-mobile-line-to-content-gap) !important;
  }

  /* 5. «Кто делает проект» после последнего пункта этапов */
  body.project-hero-fullscreen-page #team.design-section-team{
    padding-top:var(--hi-mobile-prev-to-title-gap) !important;
  }

  /* 6. «Отзывы клиентов» после кнопки «Ремонт под ключ» */
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof{
    padding-top:var(--hi-mobile-prev-to-title-gap) !important;
    padding-bottom:20px !important;
  }

  /* 7. «Вопросы о дизайн-проекте» после рамки отзывов */
  body.project-hero-fullscreen-page #faq.design-section-faq{
    padding-top:54px !important;
    padding-bottom:20px !important;
  }

  /* 8. «Оставить заявку и связаться» после рамки вопросов */
  body.project-hero-fullscreen-page #contacts.hi-contact-section{
    padding-top:54px !important;
  }
}

@media (max-width:380px){
  body.project-hero-fullscreen-page{
    --hi-mobile-prev-to-title-gap:70px;
    --hi-mobile-line-to-content-gap:36px;
  }
}


/* === design-mobile-rhythm-direct-fix-v20 ===
   Owner: design-interiera-samara.html / mobile rhythm.
   Правка только мобильных расстояний по двум эталонам Артёма.
   Не трогаются desktop, HTML-смысл, SEO, шапка, слайдеры и порядок блоков. */
@media (max-width:900px){
  body.project-hero-fullscreen-page{
    --hi-mobile-gap-portfolio-anchor-v20:58px;
    --hi-mobile-gap-line-to-content-v20:32px;
    --hi-mobile-gap-reviews-after-team-v20:24px;
    --hi-mobile-gap-after-framed-block-v20:42px;
    --hi-mobile-gap-after-video-v20:0px;
  }

  /* Кнопка «Подробнее о проекте» -> заголовок «Все проекты»: оставлен принятый эталонный ритм. */
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-projects-title{
    margin-top:var(--hi-mobile-gap-portfolio-anchor-v20) !important;
  }

  /* Текст «2020 Самара...» -> «Показ готового интерьера»: у видеокарусели уже есть нижний внутренний воздух. */
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone{
    padding-top:var(--hi-mobile-gap-after-video-v20) !important;
  }

  /* Линия «Как мы работаем» -> первый пункт. */
  body.project-hero-fullscreen-page #design-steps.design-main-steps-clone .grid{
    margin-top:var(--hi-mobile-gap-line-to-content-v20) !important;
    padding-top:0 !important;
  }

  /* Последний пункт этапов -> «Кто делает проект»: оставлен принятый общий ритм. */
  body.project-hero-fullscreen-page #team.design-section-team{
    padding-top:var(--hi-mobile-gap-portfolio-anchor-v20) !important;
  }

  /* Кнопка «Ремонт под ключ» -> «Отзывы клиентов»: выровнено под эталон кнопка -> H2. */
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof{
    padding-top:var(--hi-mobile-gap-reviews-after-team-v20) !important;
  }

  /* Рамка отзывов -> «Вопросы о дизайн-проекте»: выровнено под эталон рамка -> H2. */
  body.project-hero-fullscreen-page #faq.design-section-faq{
    padding-top:var(--hi-mobile-gap-after-framed-block-v20) !important;
  }

  /* Рамка вопросов -> «Оставить заявку и связаться»: выровнено под эталон рамка -> H2. */
  body.project-hero-fullscreen-page #contacts.hi-contact-section{
    padding-top:var(--hi-mobile-gap-after-framed-block-v20) !important;
  }
}

@media (max-width:380px){
  body.project-hero-fullscreen-page{
    --hi-mobile-gap-portfolio-anchor-v20:54px;
    --hi-mobile-gap-line-to-content-v20:30px;
    --hi-mobile-gap-reviews-after-team-v20:20px;
    --hi-mobile-gap-after-framed-block-v20:38px;
    --hi-mobile-gap-after-video-v20:0px;
  }
}


/* === design-mobile-video-to-realized-gap-v21 ===
   Owner: design-interiera-samara.html / mobile #hi-video-reviews -> #realized-view.
   Исправление v20: зазор после подписи активного видео задавался не padding-top блока
   «Показ готового интерьера», а нижним запасом виртуальной видеокарусели.
   Правка только мобильного расстояния от «2020 Самара...» до следующего H2. */
@media (max-width:560px){
  body.project-hero-fullscreen-page #hi-video-reviews{
    padding-bottom:0 !important;
  }

  body.project-hero-fullscreen-page #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual{
    height:calc(clamp(500px, calc(var(--hi-card-w) * 2.34), 640px) - 24px) !important;
  }

  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone{
    padding-top:0 !important;
  }
}

@media (max-width:380px){
  body.project-hero-fullscreen-page #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual{
    height:calc(clamp(500px, calc(var(--hi-card-w) * 2.34), 640px) - 26px) !important;
  }
}

/* === design-mobile-video-to-realized-gap-v22 ===
   Owner: design-interiera-samara.html / mobile #hi-video-reviews -> #realized-view.
   Исправление v21: расстояние после подписи активного видео нужно увеличить,
   чтобы зазор «2020 Самара, 150 м²» -> «Показ готового интерьера» совпадал
   с эталоном нижняя грань кнопки -> следующий H2. */
@media (max-width:560px){
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone{
    padding-top:60px !important;
  }
}

@media (max-width:380px){
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone{
    padding-top:56px !important;
  }
}

/* === design-mobile-value-panel-to-core-title-gap-v24 ===
   Owner: design-interiera-samara.html / mobile #services.
   Исправление v23: расстояние нужно менять не от заголовка «Что входит в дизайн-проект»
   до списка ниже, а от нижней границы рамки «Зачем нужен дизайн-проект»
   до заголовка «Что входит в дизайн-проект».
   Эталон — зазор от нижней грани кнопки «Посмотреть цены» до заголовка
   «Зачем нужен дизайн-проект». HTML, тексты, SEO, desktop и соседние блоки не трогать. */
@media (max-width:900px){
  body.project-hero-fullscreen-page #services .design-project-core{
    margin-top:58px !important;
  }

  body.project-hero-fullscreen-page #services .design-project-core .hi-clean-list.hi-core-list{
    margin-top:24px !important;
  }
}


/* === design-mobile-core-cta-width-and-portfolio-cta-center-v25 ===
   Owner: design-interiera-samara.html / mobile.
   Цель: 1) сделать кнопки «Оставить заявку» и «Ремонт под ключ в Самаре»
   по ширине как hero-кнопки «Обсудить проект» / «Посмотреть портфолио»;
   2) вывести кнопку «Подробнее о проекте» по центру экрана в мобильном слайдере.
   Desktop, порядок блоков, SEO, шапку, футер и слайдерную механику не трогать. */
@media (max-width:900px){
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline{
    width:100% !important;
    max-width:320px !important;
    box-sizing:border-box !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__cta-wrap{
    grid-area:auto !important;
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    justify-self:center !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    z-index:3 !important;
  }
}

/* === design-mobile-button-type-size-and-realized-actions-v26 ===
   Owner: design-interiera-samara.html / mobile buttons.
   Цель: точечно увеличить текст кнопок «Заказать», «Смотреть больше проектов»,
   а в блоке «Показ готового интерьера» поменять визуальные роли кнопок местами:
   верхняя спокойная, нижняя акцентная с золотой окантовкой.
   Desktop, HTML-смысл, SEO, шапку, слайдеры и порядок блоков не трогать. */
@media (max-width:900px){
  body.project-hero-fullscreen-page #prices.design-main-price-clone .price-row .btn[type="button"]{
    font-size:20px !important;
    font-weight:700 !important;
    letter-spacing:-.01em !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn{
    font-size:16px !important;
    font-weight:650 !important;
    letter-spacing:-.004em !important;
  }

  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn-outline{
    font-size:18px !important;
    font-weight:700 !important;
    letter-spacing:-.006em !important;
  }

  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn{
    background:rgba(28,28,30,.86) !important;
    background-image:none !important;
    color:rgba(255,255,255,.94) !important;
    border-color:rgba(255,255,255,.12) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
    backdrop-filter:blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
  }

  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn-outline{
    background:#000 !important;
    background-image:none !important;
    color:#fff !important;
    border-color:rgba(191,169,122,.68) !important;
    box-shadow:0 0 14px rgba(191,169,122,.16) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn:hover,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn:focus-visible{
    background:rgba(34,34,36,.90) !important;
    background-image:none !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.14) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
    transform:none !important;
    outline:none !important;
  }

  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn-outline:hover,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn-outline:focus-visible{
    background:rgba(191,169,122,.08) !important;
    background-image:none !important;
    color:#fff !important;
    border-color:rgba(191,169,122,.86) !important;
    box-shadow:0 0 18px rgba(191,169,122,.28) !important;
    transform:none !important;
    outline:none !important;
  }
}

@media (max-width:380px){
  body.project-hero-fullscreen-page #prices.design-main-price-clone .price-row .btn[type="button"]{
    font-size:19px !important;
  }

  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn-outline{
    font-size:17px !important;
  }
}

/* === design-mobile-realized-actions-and-price-button-restore-v27 ===
   Owner: design-interiera-samara.html / mobile buttons.
   Цель: убрать пассивную подсветку у «Обсудить свой проект»,
   сделать нажатие обеих кнопок блока «Показ готового интерьера» как у «Заказать»:
   полная золотая заливка + неоновая подсветка.
   Кнопку «Заказать» вернуть к прежним размерам, текст увеличить только умеренно.
   Desktop, HTML-смысл, ссылки, SEO, шапку, футер и порядок блоков не трогать. */
@media (max-width:900px){
  body.project-hero-fullscreen-page #prices.design-main-price-clone .price-row .btn[type="button"]{
    min-width:106px !important;
    height:44px !important;
    padding:0 26px !important;
    border-radius:16px !important;
    font-size:19px !important;
    font-weight:600 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }

  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn-outline{
    box-shadow:none !important;
    transform:none !important;
  }

  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn-outline{
    background:#000 !important;
    background-image:none !important;
    border-color:rgba(191,169,122,.68) !important;
    box-shadow:none !important;
  }

  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn:hover,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn:focus-visible,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn:active,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn-outline:hover,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn-outline:focus-visible,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn-outline:active{
    background:var(--hi-accent,#BFA97A) !important;
    background-image:none !important;
    color:#000 !important;
    border-color:var(--hi-accent,#BFA97A) !important;
    box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
    transform:translateY(-1px) !important;
    outline:none !important;
  }
}

@media (max-width:380px){
  body.project-hero-fullscreen-page #prices.design-main-price-clone .price-row .btn[type="button"]{
    font-size:18px !important;
  }
}

/* === design-mobile-cta-active-gold-and-dark-tone-v28 ===
   Owner: design-interiera-samara.html / mobile CTA buttons.
   Цель: на мобильной версии привести состояние нажатия CTA к поведению кнопки «Заказать»:
   золотая заливка + подсветка. Пассивный тон тёмно-серых кнопок выровнен по кнопке
   «Подробнее о проекте». Навигационные стрелки, табы, видео-карточки, FAQ и модалку не трогать. */
@media (max-width:900px){
  body.project-hero-fullscreen-page{
    --hi-mobile-cta-dark-bg-v28:rgba(28,28,30,.86);
    --hi-mobile-cta-dark-bg-hover-v28:rgba(34,34,36,.90);
    --hi-mobile-cta-dark-border-v28:rgba(255,255,255,.09);
    --hi-mobile-cta-dark-border-hover-v28:rgba(255,255,255,.12);
    --hi-mobile-cta-dark-shadow-v28:0 8px 18px rgba(0,0,0,.26);
    --hi-mobile-cta-gold-v28:var(--hi-accent,#BFA97A);
    --hi-mobile-cta-gold-shadow-v28:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45);
  }

  body.project-hero-fullscreen-page #home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__cta,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn,
  body.project-hero-fullscreen-page #team.design-section-team .svc-cta a.btn-outline,
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-reviews-note a.btn-outline,
  body.project-hero-fullscreen-page #contacts .hi-contact-submit{
    background:var(--hi-mobile-cta-dark-bg-v28) !important;
    background-image:none !important;
    color:rgba(255,255,255,.94) !important;
    border-color:var(--hi-mobile-cta-dark-border-v28) !important;
    box-shadow:var(--hi-mobile-cta-dark-shadow-v28) !important;
    backdrop-filter:blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
    opacity:1 !important;
  }

  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn-outline{
    background:#000 !important;
    background-image:none !important;
    color:#fff !important;
    border-color:rgba(191,169,122,.68) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body.project-hero-fullscreen-page #home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:hover,
  body.project-hero-fullscreen-page #home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:focus,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:hover,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:focus,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline:hover,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline:focus,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__cta:hover,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__cta:focus,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:hover,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:focus,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn:hover,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn:focus,
  body.project-hero-fullscreen-page #team.design-section-team .svc-cta a.btn-outline:hover,
  body.project-hero-fullscreen-page #team.design-section-team .svc-cta a.btn-outline:focus,
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-reviews-note a.btn-outline:hover,
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-reviews-note a.btn-outline:focus,
  body.project-hero-fullscreen-page #contacts .hi-contact-submit:hover,
  body.project-hero-fullscreen-page #contacts .hi-contact-submit:focus{
    background:var(--hi-mobile-cta-dark-bg-hover-v28) !important;
    background-image:none !important;
    color:#fff !important;
    border-color:var(--hi-mobile-cta-dark-border-hover-v28) !important;
    box-shadow:var(--hi-mobile-cta-dark-shadow-v28) !important;
    transform:none !important;
    outline:none !important;
  }

  body.project-hero-fullscreen-page #home-intro .cta a.hi-hero-cta:active,
  body.project-hero-fullscreen-page #home-intro .cta a.hi-hero-cta:focus-visible,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:active,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:focus-visible,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline:active,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline:focus-visible,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__cta:active,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__cta:focus-visible,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:active,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:focus-visible,
  body.project-hero-fullscreen-page #prices.design-main-price-clone .price-row .btn[type="button"]:active,
  body.project-hero-fullscreen-page #prices.design-main-price-clone .price-row .btn[type="button"]:focus-visible,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn:active,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn:focus-visible,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn-outline:active,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn-outline:focus-visible,
  body.project-hero-fullscreen-page #team.design-section-team .svc-cta a.btn-outline:active,
  body.project-hero-fullscreen-page #team.design-section-team .svc-cta a.btn-outline:focus-visible,
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-reviews-note a.btn-outline:active,
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-reviews-note a.btn-outline:focus-visible,
  body.project-hero-fullscreen-page #contacts .hi-contact-submit:active,
  body.project-hero-fullscreen-page #contacts .hi-contact-submit:focus-visible{
    background:var(--hi-mobile-cta-gold-v28) !important;
    background-image:none !important;
    color:#000 !important;
    border-color:var(--hi-mobile-cta-gold-v28) !important;
    box-shadow:var(--hi-mobile-cta-gold-shadow-v28) !important;
    transform:translateY(-1px) !important;
    outline:none !important;
    opacity:1 !important;
  }
}


/* === design-card-border-uniform-v30 ===
   Owner: design-interiera-samara.html / framed cards on desktop + mobile.
   Цель: убрать неоднородные углы рамок, где внутренний градиент просвечивал под полупрозрачной границей.
   Логика: фон карточки ограничен padding-box, сама рамка остаётся однотонной; лёгкий объём внутри сохранён.
   Отзывы не трогаем — они уже выглядят ровно и остаются эталоном. */
body.project-hero-fullscreen-page #prices.design-main-price-clone .price-card,
body.project-hero-fullscreen-page #contacts.hi-contact-section .hi-contact-form-card,
body.project-hero-fullscreen-page #contacts.hi-contact-section .hi-contact-info-card,
body.project-hero-fullscreen-page #services .hi-value-grid,
body.project-hero-fullscreen-page #services .design-project-core .hi-clean-list.hi-core-list{
  background-clip:padding-box !important;
  -webkit-background-clip:padding-box !important;
}

body.project-hero-fullscreen-page #prices.design-main-price-clone .price-card{
  border-color:rgba(191,169,122,.24) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
}

body.project-hero-fullscreen-page #prices.design-main-price-clone .price-card:hover{
  border-color:rgba(191,169,122,.34) !important;
  box-shadow:0 0 18px rgba(191,169,122,.10), 0 18px 46px rgba(0,0,0,.24) !important;
}

body.project-hero-fullscreen-page #contacts.hi-contact-section .hi-contact-form-card,
body.project-hero-fullscreen-page #contacts.hi-contact-section .hi-contact-info-card{
  border-color:rgba(191,169,122,.22) !important;
  box-shadow:0 22px 58px rgba(0,0,0,.34) !important;
}

body.project-hero-fullscreen-page #services .hi-value-grid,
body.project-hero-fullscreen-page #services .design-project-core .hi-clean-list.hi-core-list{
  border-color:rgba(191,169,122,.24) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.01) !important;
}


/* === design-card-border-footer-steps-v31 ===
   Owner: design-interiera-samara.html / desktop + mobile.
   Цель: выровнять рамку блока «Показ готового интерьера», чуть усилить футерную линию после v29,
   а в «Как мы работаем» увеличить цифры без увеличения кругов и сделать золотой контур спокойнее. */
body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-shell{
  background-clip:padding-box !important;
  -webkit-background-clip:padding-box !important;
  border-color:rgba(191,169,122,.24) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
}

body.project-hero-fullscreen-page #design-steps.design-main-steps-clone .grid > div::before{
  border-color:rgba(191,169,122,.48) !important;
  color:rgba(255,250,236,.96) !important;
  font-size:16px !important;
  font-weight:650 !important;
  box-shadow:none !important;
}

body.project-hero-fullscreen-page #design-steps.design-main-steps-clone .grid > div.hi-step-active::before{
  background:rgba(191,169,122,.88) !important;
  border-color:rgba(191,169,122,.58) !important;
  color:#050505 !important;
  box-shadow:0 0 10px rgba(191,169,122,.35), 0 0 20px rgba(191,169,122,.18) !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page #design-steps.design-main-steps-clone .grid > div::before{
    font-size:15.5px !important;
    font-weight:650 !important;
  }
}

body.project-hero-fullscreen-page #design-steps.design-main-steps-clone .grid > div::before{
  font-size:17px !important;
  line-height:1 !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page #design-steps.design-main-steps-clone .grid > div::before{
    font-size:16.5px !important;
    line-height:1 !important;
  }
}


/* === design-mobile-prices-copy-tone-match-index-v31 ===
   Owner: design-interiera-samara.html / mobile #prices.design-main-price-clone.
   Задача: успокоить описательный текст карточек цен до принятого тона главной после v09.
   Меняются только subtitle и пункты списка; заголовки пакетов, цены, кнопки, рамки, desktop, SEO и HTML не трогаются. */


/* === design-mobile-prices-card-match-index-v33 ===
   Owner: design-interiera-samara.html / mobile #prices.design-main-price-clone.
   Цель: перенести принятую визуальную модель карточек цен с главной страницы:
   более компактная карточка, желтее подзаголовок, спокойный список и прямоугольная кнопка "Заказать".
   Тексты, цены, H2, SEO, desktop, шапка, футер и соседние блоки не меняются. */
@media (max-width:900px){
  body.project-hero-fullscreen-page #prices.design-main-price-clone .price-card{
    padding:22px 22px 20px !important;
  }

  body.project-hero-fullscreen-page #prices.design-main-price-clone .price-card header{
    gap:4px !important;
    margin-bottom:8px !important;
  }

  body.project-hero-fullscreen-page #prices.design-main-price-clone .price-card header .price-stars{
    font-size:19px !important;
    letter-spacing:2px !important;
    line-height:1 !important;
    margin:0 0 2px !important;
    color:var(--hi-accent,#BFA97A) !important;
  }

  body.project-hero-fullscreen-page #prices.design-main-price-clone .price-card header h3{
    margin:2px 0 3px !important;
  }

  body.project-hero-fullscreen-page #prices.design-main-price-clone .price-card header .subtitle{
    font-size:clamp(16px, calc(1.2vw + 12px), 18px) !important;
    line-height:1.5 !important;
    color:var(--hi-text-dim,#CFC8B5) !important;
    opacity:.9 !important;
  }

  body.project-hero-fullscreen-page #prices.design-main-price-clone .features{
    margin:8px 0 10px !important;
  }

  body.project-hero-fullscreen-page #prices.design-main-price-clone .features li{
    margin:5px 0 !important;
  }

  body.project-hero-fullscreen-page #prices.design-main-price-clone .price-card .price-row{
    margin-top:10px !important;
  }

  body.project-hero-fullscreen-page #prices.design-main-price-clone .price-row .btn[type="button"]{
    min-width:106px !important;
    height:44px !important;
    padding:0 26px !important;
    border-radius:16px !important;
    font:600 18px/1 Manrope, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    letter-spacing:0 !important;
  }
}

/* === design-mobile-v24-accent-request-button ===
   Owner: design-interiera-samara.html / mobile service page.
   Scope: trial accent state only for the “Оставить заявку” CTA in the design-project composition block.
   Does not change text, SEO, order, spacing, secondary button or desktop. */
@media (max-width:900px){
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn{
    background:var(--hi-accent,#BFA97A) !important;
    background-image:linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 58%) !important;
    color:#050505 !important;
    border-color:var(--hi-accent,#BFA97A) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.36), 0 0 18px rgba(191,169,122,.38), inset 0 1px 0 rgba(255,255,255,.22) !important;
  }
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:hover,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:focus-visible,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:active{
    background:var(--hi-accent,#BFA97A) !important;
    background-image:linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 58%) !important;
    color:#050505 !important;
    border-color:var(--hi-accent,#BFA97A) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.38), 0 0 22px rgba(191,169,122,.48), inset 0 1px 0 rgba(255,255,255,.24) !important;
    transform:translateY(-1px) !important;
    opacity:1 !important;
  }
}


/* === design-desktop-v25-portfolio-tabs-match-index-v10 ===
   Owner: design-interiera-samara.html / desktop #portfolio category tabs.
   Goal: repeat the accepted main-page desktop design for the “Все проекты” title, underline, category tabs size and nearby gaps.
   Scope: desktop only; mobile, gallery, slider, SEO, schema, header and footer are untouched. */
@media (min-width:901px){


  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-projects-title + .portfolio-tabs,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tabs{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
    width:fit-content !important;
    max-width:calc(100% - 48px) !important;
    margin:55px auto 0 !important;
    padding:12px 14px !important;
    border:1px solid rgba(191,169,122,.34) !important;
    border-radius:34px !important;
    background:rgba(28,28,30,.86) !important;
    background-image:none !important;
    color:rgba(255,255,255,.94) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26), inset 0 0 0 1px rgba(191,169,122,.045) !important;
    backdrop-filter:blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
    flex-wrap:nowrap !important;
    transform:translateY(-10px) !important;
    box-sizing:border-box !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tab{
    appearance:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:10px 14px !important;
    border-radius:999px !important;
    border:1px solid transparent !important;
    background:transparent !important;
    color:#fff !important;
    font-weight:600 !important;
    font-size:14px !important;
    line-height:normal !important;
    letter-spacing:.02em !important;
    white-space:nowrap !important;
    cursor:pointer !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tab:hover,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tab:focus-visible{
    background:var(--hi-accent, #bfa97a) !important;
    color:#111 !important;
    border-color:transparent !important;
    box-shadow:0 0 0 1px rgba(191,169,122,.18), 0 0 18px rgba(191,169,122,.34), 0 0 34px rgba(191,169,122,.18) !important;
    transform:none !important;
    outline:none !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tab.is-active{
    background:var(--hi-accent, #bfa97a) !important;
    color:#111 !important;
    border-color:transparent !important;
    box-shadow:none !important;
    transform:none !important;
  }
}


/* === design-v26-steps-digits-19-all-viewports ===
   Owner: design-interiera-samara.html / #design-steps.design-main-steps-clone.
   Goal: match the accepted 19px step digits from the main page on desktop and mobile.
   Scope: digits only; circle size, outline, glow, spacing, texts, buttons, SEO, schema, header and footer are untouched. */
body.project-hero-fullscreen-page #design-steps.design-main-steps-clone .grid > div::before{
  font-size:19px !important;
  line-height:1 !important;
}


/* === design-v27-desktop-main-section-rhythm ===
   Owner: design-interiera-samara.html / desktop section rhythm.
   Goal: repeat the accepted desktop rhythm from the main page: section-to-section gaps,
   H2 underline tone and underline-to-content distances.
   Scope: desktop only. Mobile, texts, SEO, schema, header, footer, buttons and media are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page{
    --hi-design-desktop-section-gap-v27:72px;
    --hi-design-desktop-title-to-content-v27:46px;
    --hi-design-desktop-contact-title-to-content-v27:48px;
  }

  body.project-hero-fullscreen-page #services > .wrap > h2.section-title:first-of-type,
  body.project-hero-fullscreen-page #services .design-project-core .hi-about-title,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service > .wrap > h2.section-title,
  body.project-hero-fullscreen-page #hi-video-reviews .hi-videos-head > h2.section-title,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone > .wrap > h2.section-title,
  body.project-hero-fullscreen-page #prices.design-main-price-clone > .wrap > h2.section-title,
  body.project-hero-fullscreen-page #design-steps.design-main-steps-clone > .wrap > h2.section-title,
  body.project-hero-fullscreen-page #team.design-section-team > .wrap > h2,
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-intro > h2,
  body.project-hero-fullscreen-page #faq.design-section-faq > .wrap > h2,
  body.project-hero-fullscreen-page #contacts.hi-contact-section > .wrap > h2.section-title,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-projects-title{
    position:relative !important;
    display:table !important;
    width:auto !important;
    max-width:calc(100vw - 40px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    text-wrap:balance !important;
  }

  body.project-hero-fullscreen-page #services > .wrap > h2.section-title:first-of-type::after,
  body.project-hero-fullscreen-page #services .design-project-core .hi-about-title::after,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service > .wrap > h2.section-title::after,
  body.project-hero-fullscreen-page #hi-video-reviews .hi-videos-head > h2.section-title::after,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone > .wrap > h2.section-title::after,
  body.project-hero-fullscreen-page #prices.design-main-price-clone > .wrap > h2.section-title::after,
  body.project-hero-fullscreen-page #design-steps.design-main-steps-clone > .wrap > h2.section-title::after,
  body.project-hero-fullscreen-page #team.design-section-team > .wrap > h2::after,
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-intro > h2::after,
  body.project-hero-fullscreen-page #faq.design-section-faq > .wrap > h2::after,
  body.project-hero-fullscreen-page #contacts.hi-contact-section > .wrap > h2.section-title::after,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-projects-title::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:-10px !important;
    display:block !important;
    width:calc(100% + clamp(34px, 4.2vw, 76px)) !important;
    max-width:calc(100vw - 40px) !important;
    height:1px !important;
    margin:0 !important;
    transform:translateX(-50%) !important;
    background:linear-gradient(90deg,
      rgba(191,169,122,0) 0%,
      rgba(191,169,122,.40) 18%,
      rgba(191,169,122,.70) 50%,
      rgba(191,169,122,.40) 82%,
      rgba(191,169,122,0) 100%) !important;
    box-shadow:0 0 5px rgba(191,169,122,.22), 0 0 10px rgba(191,169,122,.08) !important;
    opacity:.94 !important;
    border-radius:2px !important;
  }

  /* Desktop section-to-section rhythm copied from the accepted main page model. */
  body.project-hero-fullscreen-page #home-intro.home-intro{
    padding-bottom:42px !important;
  }

  body.project-hero-fullscreen-page #services.design-service-section{
    padding-top:30px !important;
    padding-bottom:12px !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service{
    padding-top:60px !important;
    padding-bottom:0 !important;
  }

  body.project-hero-fullscreen-page #hi-video-reviews.hi-video-reviews--compact,
  body.project-hero-fullscreen-page #hi-video-reviews{
    padding-top:var(--hi-design-desktop-section-gap-v27) !important;
    padding-bottom:0 !important;
  }

  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone{
    margin-top:0 !important;
    padding-top:30px !important;
    padding-bottom:18px !important;
  }

  body.project-hero-fullscreen-page #prices.design-main-price-clone{
    padding-top:calc(var(--hi-design-desktop-section-gap-v27) - 18px) !important;
    padding-bottom:2px !important;
    margin-top:0 !important;
    font-size:18px !important;
    line-height:1.62 !important;
  }

  body.project-hero-fullscreen-page #design-steps.design-main-steps-clone{
    margin-top:70px !important;
    padding-top:0 !important;
    padding-bottom:var(--hi-design-desktop-section-gap-v27) !important;
  }

  body.project-hero-fullscreen-page #team.design-section-team{
    margin-top:0 !important;
    padding-top:0 !important;
    padding-bottom:56px !important;
  }

  body.project-hero-fullscreen-page #reviews-proof.design-section-proof{
    margin-top:0 !important;
    padding-top:16px !important;
    padding-bottom:0 !important;
  }

  body.project-hero-fullscreen-page #faq.design-section-faq{
    margin-top:0 !important;
    padding-top:var(--hi-design-desktop-section-gap-v27) !important;
    padding-bottom:0 !important;
  }

  body.project-hero-fullscreen-page #contacts.hi-contact-section{
    margin-top:0 !important;
    padding-top:var(--hi-design-desktop-section-gap-v27) !important;
  }

  /* Desktop underline-to-content rhythm. */
  body.project-hero-fullscreen-page #services > .wrap > h2.section-title:first-of-type,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service > .wrap > h2.section-title,
  body.project-hero-fullscreen-page #design-steps.design-main-steps-clone > .wrap > h2.section-title,
  body.project-hero-fullscreen-page #team.design-section-team > .wrap > h2,
  body.project-hero-fullscreen-page #faq.design-section-faq > .wrap > h2{
    margin-bottom:var(--hi-design-desktop-title-to-content-v27) !important;
  }

  body.project-hero-fullscreen-page #hi-video-reviews .hi-videos-head,
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-intro{
    margin-bottom:var(--hi-design-desktop-title-to-content-v27) !important;
  }

  body.project-hero-fullscreen-page #hi-video-reviews .hi-videos-head > h2.section-title,
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-intro > h2{
    margin-bottom:0 !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase,
  body.project-hero-fullscreen-page #design-steps.design-main-steps-clone .grid,
  body.project-hero-fullscreen-page #team.design-section-team .design-team-grid,
  body.project-hero-fullscreen-page #faq.design-section-faq .design-faq-list,
  body.project-hero-fullscreen-page #faq.design-section-faq .hi-faq{
    margin-top:0 !important;
  }

  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-shell,
  body.project-hero-fullscreen-page #prices.design-main-price-clone .hi-prices-grid{
    margin-top:var(--hi-design-desktop-title-to-content-v27) !important;
  }

  body.project-hero-fullscreen-page #contacts.hi-contact-section > .wrap > h2.section-title{
    margin-bottom:0 !important;
  }

  body.project-hero-fullscreen-page #contacts.hi-contact-section .hi-contact-panel{
    margin-top:var(--hi-design-desktop-contact-title-to-content-v27) !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-projects-title + .portfolio-tabs,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tabs{
    margin-top:55px !important;
  }
}


/* === design-desktop-v28-main-gap-buttons-tabs-match-index ===
   Owner: design-interiera-samara.html / desktop visual rhythm.
   Goal: finish the services -> portfolio gap from the accepted main-page rhythm,
   and lock dark CTA buttons + project tabs to the main-page tone/size.
   Scope: desktop only; mobile, texts, SEO, schema, header, footer, media and JS are untouched. */
@media (min-width:901px){
  /* The base .design-project-core has margin-bottom:42px. Together with #services padding-bottom
     and #portfolio padding-top it made the visible gap from the image to “Портфолио работ” too large.
     Removing only the bottom margin keeps the accepted 72px section rhythm: 12px + 60px. */
  body.project-hero-fullscreen-page #services .design-project-core{
    margin-bottom:0 !important;
  }

  /* Dark CTA tone: same calm dark-glass system as on the accepted main page. */
  body.project-hero-fullscreen-page #home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__cta,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn,
  body.project-hero-fullscreen-page #team.design-section-team .svc-cta a.btn-outline,
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-reviews-note a.btn-outline,
  body.project-hero-fullscreen-page #contacts .hi-contact-submit{
    background:rgba(28,28,30,.86) !important;
    background-image:none !important;
    color:rgba(255,255,255,.94) !important;
    border-color:rgba(255,255,255,.09) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
    backdrop-filter:blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
    opacity:1 !important;
  }

  body.project-hero-fullscreen-page #home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:hover,
  body.project-hero-fullscreen-page #home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:focus-visible,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline:hover,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline:focus-visible,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__cta:hover,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__cta:focus-visible,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:hover,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:focus-visible,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn:hover,
  body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn:focus-visible,
  body.project-hero-fullscreen-page #team.design-section-team .svc-cta a.btn-outline:hover,
  body.project-hero-fullscreen-page #team.design-section-team .svc-cta a.btn-outline:focus-visible,
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-reviews-note a.btn-outline:hover,
  body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-reviews-note a.btn-outline:focus-visible,
  body.project-hero-fullscreen-page #contacts .hi-contact-submit:hover,
  body.project-hero-fullscreen-page #contacts .hi-contact-submit:focus-visible{
    background:rgba(34,34,36,.90) !important;
    background-image:none !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.12) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
    transform:none !important;
    opacity:1 !important;
    outline:none !important;
  }

  /* “Все проекты” tabs: lock the desktop frame and tabs to the accepted main-page size/tone. */
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-projects-title + .portfolio-tabs,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tabs{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
    width:fit-content !important;
    max-width:calc(100% - 48px) !important;
    margin:55px auto 0 !important;
    padding:12px 14px !important;
    border:1px solid rgba(191,169,122,.34) !important;
    border-radius:34px !important;
    background:rgba(28,28,30,.86) !important;
    background-image:none !important;
    color:rgba(255,255,255,.94) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26), inset 0 0 0 1px rgba(191,169,122,.045) !important;
    backdrop-filter:blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    transform:none !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tab{
    appearance:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:10px 14px !important;
    min-height:0 !important;
    border-radius:999px !important;
    border:1px solid transparent !important;
    background:transparent !important;
    color:#fff !important;
    font-weight:600 !important;
    font-size:14px !important;
    line-height:normal !important;
    letter-spacing:.02em !important;
    white-space:nowrap !important;
    cursor:pointer !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tab:hover,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tab:focus-visible{
    background:rgba(191,169,122,.92) !important;
    color:#080808 !important;
    border-color:rgba(191,169,122,.96) !important;
    box-shadow:none !important;
    transform:none !important;
    outline:none !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tab.is-active{
    background:rgba(191,169,122,.92) !important;
    color:#080808 !important;
    border-color:rgba(191,169,122,.96) !important;
    box-shadow:none !important;
    transform:none !important;
  }
}


/* === design-desktop-v30-core-cta-left-and-text ===
   Owner: design-interiera-samara.html / desktop #services .design-project-core.
   Goal: finish the “Что входит в дизайн-проект” CTA and list typography:
   - desktop only;
   - return two equal-size buttons to the left edge of the text column;
   - make “Оставить заявку” a dark accent button with gold outline, not gold fill;
   - keep “Ремонт под ключ в Самаре” dark and the same size;
   - make the list bullets as warm and visible as on the accepted main page;
   - slightly increase the list text.
   Mobile, texts, SEO, schema, image, header, footer and section order are untouched. */
@media (min-width:901px){


  body.project-hero-fullscreen-page #services .design-project-core .hi-clean-list.hi-core-list li::marker{
    color:#BFA96A !important;
  }

  body.project-hero-fullscreen-page #services .design-project-core .svc-cta{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
    width:100% !important;
    margin-top:22px !important;
  }

  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:260px !important;
    min-width:260px !important;
    max-width:260px !important;
    height:52px !important;
    padding:0 22px !important;
    border-radius:14px !important;
    font:650 16px/1 Manrope, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    letter-spacing:0 !important;
    text-align:center !important;
    box-sizing:border-box !important;
    transform:none !important;
  }

  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn{
    background:rgba(8,8,8,.18) !important;
    background-image:none !important;
    color:#f5efe4 !important;
    border:1px solid rgba(191,169,122,.62) !important;
    box-shadow:0 0 0 1px rgba(191,169,122,.04), 0 10px 24px rgba(0,0,0,.30) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline{
    background:rgba(28,28,30,.86) !important;
    background-image:none !important;
    color:rgba(255,255,255,.94) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
    backdrop-filter:blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
  }

  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:hover,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn:focus-visible{
    background:rgba(18,18,18,.34) !important;
    background-image:none !important;
    color:#fff !important;
    border-color:rgba(191,169,122,.82) !important;
    box-shadow:0 0 18px rgba(191,169,122,.18), 0 12px 28px rgba(0,0,0,.34) !important;
    outline:none !important;
    transform:none !important;
  }

  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline:hover,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline:focus-visible{
    background:rgba(34,34,36,.90) !important;
    background-image:none !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.12) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
    outline:none !important;
    transform:none !important;
  }
}


/* === design-desktop-v31-core-list-supervision-and-cta-center ===
   Owner: design-interiera-samara.html / desktop #services .design-project-core.
   Scope: desktop-only correction after v30: center button text inside equal CTA buttons.
   The added author-supervision list item is in HTML; mobile, SEO, schema, header and layout are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn,
  body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline{
    justify-content:center !important;
    text-align:center !important;
  }
}


/* === design-desktop-v32-portfolio-tabs-to-grid-and-arrows ===
   Owner: design-interiera-samara.html / desktop #portfolio.
   Goal: make the project category tabs sit from the first project cards like on the accepted main page,
   and increase only the arrow glyphs inside the existing portfolio slider circles.
   Scope: desktop only; tab size/tone, circle size, hover, mobile, SEO and JS are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .design-portfolio-grid--featured{
    margin-top:40px !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__nav span{
    font-size:42px !important;
    line-height:1 !important;
    transform:translateY(-1px) !important;
  }
}


/* === design-desktop-v33-portfolio-showcase-fixed-image-height ===
   Owner: design-interiera-samara.html / desktop #portfolio slider.
   Goal: keep every desktop showcase image at the same fixed viewport height; only horizontal image width changes by aspect ratio.
   Scope: desktop only; no crop, no JS, no mobile, no cards or navigation changes. */
@media (min-width:901px){
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__viewport{
    height:min(70vh, 760px) !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__track{
    height:100% !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__track .portfolio-showcase__image{
    width:auto !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
  }
}


/* === design-desktop-v34-portfolio-showcase-safe-controls ===
   Owner: design-interiera-samara.html / desktop #portfolio slider.
   Goal: keep v33 fixed image height and move controls outside wide images.
   Scope: desktop only; no mobile, no crop, no JS, no text/SEO changes. */
@media (min-width:901px){
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase{
    --hi-showcase-control-outset:clamp(30px, 3.2vw, 72px);
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__nav--prev{
    left:calc(-1 * var(--hi-showcase-control-outset)) !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__nav--next{
    right:calc(-1 * var(--hi-showcase-control-outset)) !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__meta{
    right:calc(-1 * var(--hi-showcase-control-outset)) !important;
  }
}


/* === design-desktop-v38-portfolio-projects-rhythm-match-index ===
   Owner: design-interiera-samara.html / desktop #portfolio.
   Goal: make the “Подробнее о проекте” -> “Все проекты” -> tabs -> project cards rhythm match the accepted main page exactly.
   Scope: desktop only; mobile, slider mechanics, images, JS, SEO, schema, header and footer are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-projects-title{
    position:relative !important;
    display:table !important;
    width:auto !important;
    max-width:calc(100vw - 40px) !important;
    margin:72px auto 0 !important;
    padding:0 !important;
    text-align:center !important;
    text-wrap:balance !important;
    text-shadow:0 0 22px rgba(191,169,122,.16) !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-projects-title::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:-10px !important;
    display:block !important;
    width:calc(100% + clamp(34px, 4.2vw, 76px)) !important;
    max-width:calc(100vw - 40px) !important;
    height:1px !important;
    margin:0 !important;
    transform:translateX(-50%) !important;
    background:linear-gradient(90deg,
      rgba(191,169,122,0) 0%,
      rgba(191,169,122,.40) 18%,
      rgba(191,169,122,.70) 50%,
      rgba(191,169,122,.40) 82%,
      rgba(191,169,122,0) 100%) !important;
    box-shadow:0 0 5px rgba(191,169,122,.22), 0 0 10px rgba(191,169,122,.08) !important;
    opacity:.94 !important;
    border-radius:2px !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-projects-title + .portfolio-tabs,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tabs{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
    width:fit-content !important;
    max-width:calc(100% - 48px) !important;
    margin:55px auto 0 !important;
    padding:12px 14px !important;
    border:1px solid rgba(191,169,122,.34) !important;
    border-radius:34px !important;
    background:rgba(28,28,30,.86) !important;
    background-image:none !important;
    color:rgba(255,255,255,.94) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26), inset 0 0 0 1px rgba(191,169,122,.045) !important;
    backdrop-filter:blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    transform:translateY(-10px) !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tab{
    appearance:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:10px 14px !important;
    min-height:auto !important;
    border-radius:999px !important;
    border:1px solid transparent !important;
    background:transparent !important;
    color:#fff !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:.02em !important;
    white-space:nowrap !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tab:hover,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tab:focus-visible,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tab.is-active{
    background:rgba(191,169,122,.92) !important;
    color:#080808 !important;
    border-color:rgba(191,169,122,.96) !important;
    box-shadow:none !important;
    outline:none !important;
    transform:none !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .design-portfolio-grid--featured,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service #portfolio-projects-start,
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .gallery#portfolio-projects-start{
    margin-top:18px !important;
  }
}


/* === design-mobile-v39-button-text-center-restore ===
   Owner: design-interiera-samara.html / mobile buttons and project tabs.
   Goal: restore accepted mobile button text centering after desktop-only portfolio/button tuning.
   Scope: mobile only; desktop v38 rhythm, SEO, JS, media and order are untouched. */
@media (max-width:900px){
  body.project-hero-fullscreen-page #home-intro .cta a.hi-hero-cta,body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn,body.project-hero-fullscreen-page #services .design-project-core .svc-cta a.btn-outline,body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-showcase__cta,body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn,body.project-hero-fullscreen-page #prices.design-main-price-clone .price-row .btn[type="button"],body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn,body.project-hero-fullscreen-page #realized-view.design-realized-view-clone .realized-view-actions .btn-outline,body.project-hero-fullscreen-page #team.design-section-team .svc-cta a.btn,body.project-hero-fullscreen-page #team.design-section-team .svc-cta a.btn-outline,body.project-hero-fullscreen-page #reviews-proof.design-section-proof .hi-proof-reviews-note a.btn-outline,body.project-hero-fullscreen-page #contacts .hi-contact-submit{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tabs{
    justify-content:center !important;
    text-align:center !important;
  }

  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-tab{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

/* === design-mobile-v40-hero-cta-hard-center ===
   Owner: design-interiera-samara.html / top hero CTA buttons.
   Goal: fix the remaining mobile offset on the first two buttons after desktop CTA tuning.
   Scope: mobile only; desktop, tabs, SEO, JS and layout order are untouched. */
@media (max-width:900px){
  body.project-hero-fullscreen-page #home-intro.home-intro .wrap .cta > a.hi-hero-cta.btn-outline.sm,
  body.project-hero-fullscreen-page #home-intro.home-intro .wrap .cta > a.hi-hero-cta.hi-hero-cta-primary,
  body.project-hero-fullscreen-page #home-intro.home-intro .wrap .cta > a.hi-hero-cta.hi-hero-cta-secondary{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    text-indent:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}


/* === design-desktop-v42-match-index-contact-and-buttons ===
   Owner: design-interiera-samara.html / desktop-only fixes.
   Scope: ПК-версия страницы «Дизайн интерьера»: текст кнопки «Смотреть больше проектов»,
   фактический радиус кнопок «Заказать» по главной, контактный блок по модели главной.
   Mobile, SEO, заголовки, порядок блоков, шапка, футер, JS и медиа не трогаются. */
@media (min-width:901px){
  body.project-hero-fullscreen-page #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn{
    font-size:16px !important;
    font-weight:650 !important;
    line-height:1 !important;
  }

  body.project-hero-fullscreen-page #prices.design-main-price-clone .price-row .btn[type="button"]{
    border-radius:12px !important;
    padding:10px 26px !important;
  }
}

@media (min-width:1101px){
  body.project-hero-fullscreen-page #contacts.hi-contact-section{
    padding-top:72px !important;
    padding-bottom:64px !important;
  }

  body.project-hero-fullscreen-page #contacts.hi-contact-section > .wrap > h2.section-title{
    margin-bottom:40px !important;
  }

  body.project-hero-fullscreen-page #contacts.hi-contact-section .hi-contact-panel{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:24px !important;
    margin-top:36px !important;
  }

  body.project-hero-fullscreen-page #contacts .hi-contact-form-card{
    padding:32px 36px 28px !important;
  }

  body.project-hero-fullscreen-page #contacts .hi-contact-info-card{
    padding:26px !important;
  }

  body.project-hero-fullscreen-page #contacts .hi-contact-eyebrow{
    min-height:28px !important;
    margin-bottom:14px !important;
  }

  body.project-hero-fullscreen-page #contacts .hi-contact-form-card h3,
  body.project-hero-fullscreen-page #contacts .hi-contact-info-head h3{
    margin-bottom:12px !important;
  }

  body.project-hero-fullscreen-page #contacts .hi-contact-form{
    gap:12px !important;
    margin-top:26px !important;
  }

  body.project-hero-fullscreen-page #contacts .hi-contact-field{
    gap:6px !important;
  }

  body.project-hero-fullscreen-page #contacts .hi-contact-field input{
    min-height:50px !important;
  }

  body.project-hero-fullscreen-page #contacts .hi-contact-submit{
    min-height:52px !important;
    margin-top:20px !important;
  }

  body.project-hero-fullscreen-page #contacts .hi-contact-consent{
    margin-top:0 !important;
  }

  body.project-hero-fullscreen-page #contacts .hi-contact-links{
    gap:10px !important;
    margin-top:20px !important;
  }

  body.project-hero-fullscreen-page #contacts .hi-contact-link,
  body.project-hero-fullscreen-page #contacts .hi-contact-address{
    padding:14px 16px !important;
  }

  body.project-hero-fullscreen-page #contacts .hi-contact-address{
    margin-top:10px !important;
  }

  body.project-hero-fullscreen-page #contacts .hi-contact-map{
    min-height:190px !important;
    margin-top:12px !important;
  }

  body.project-hero-fullscreen-page #contacts .map-canvas,
  body.project-hero-fullscreen-page #contacts .map-canvas iframe{
    min-height:190px !important;
  }
}

body.project-hero-fullscreen-page #contacts .hi-contact-consent input[type="checkbox"]{
  appearance:auto !important;
  -webkit-appearance:auto !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  margin:1px 0 0 !important;
  accent-color:#bfa97a !important;
  flex:0 0 auto !important;
  cursor:pointer !important;
}

body.project-hero-fullscreen-page #contacts .hi-privacy-error{
  display:none;
  margin:8px 0 12px;
  color:#f1d7a5;
  font-size:15px;
  font-weight:500;
  line-height:1.45;
}

body.project-hero-fullscreen-page #contacts .hi-privacy-error.is-visible{
  display:block;
}

body.project-hero-fullscreen-page #contacts .hi-contact-form .hi-privacy-error{
  margin-top:2px;
  margin-bottom:12px;
}


/* === design-desktop-v43-prices-section-match-index ===
   Owner: design-interiera-samara.html / ПК #prices.design-main-price-clone.
   Задача: перенести принятый desktop-вид блока «Цены на дизайн интерьера» с главной страницы один в один:
   H2, зазор до карточек, карточки, звёзды, пункты списка, цвет маркеров и кнопки «Заказать».
   Не меняются тексты, цены, data-атрибуты форм, SEO, порядок блоков, мобильная версия, шапка, футер и JS. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #prices.design-main-price-clone{
    padding-top:54px !important;
    padding-bottom:2px !important;
    margin-top:0 !important;
    font-size:18px !important;
    line-height:1.62 !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone > .wrap{
    width:min(90%,1600px) !important;
    max-width:1600px !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone > .wrap > h2.section-title{
    position:relative !important;
    display:table !important;
    width:auto !important;
    max-width:calc(100vw - 40px) !important;
    margin:0 auto 22px !important;
    text-align:center !important;
    text-wrap:balance !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .hi-prices-grid{
    display:grid !important;
    font-size:18px !important;
    line-height:1.62 !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:24px !important;
    align-items:stretch !important;
    margin-top:46px !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .price-card{
    position:relative !important;
    font-size:18px !important;
    line-height:1.62 !important;
    overflow:hidden !important;
    padding:22px 22px 20px !important;
    border-radius:28px !important;
    border:1px solid rgba(191,169,122,.24) !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,0) 100%),
      linear-gradient(135deg,rgba(191,169,122,.10),rgba(12,12,14,.96) 28%,rgba(4,4,4,.98) 100%) !important;
    background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .price-card:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(191,169,122,.34) !important;
    box-shadow:0 0 18px rgba(191,169,122,.10), 0 18px 46px rgba(0,0,0,.24) !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .price-card header{
    display:flex !important;
    font-size:18px !important;
    line-height:1.62 !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:4px !important;
    margin-bottom:10px !important;
    text-align:center !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .price-card header .price-stars{
    display:block !important;
    width:100% !important;
    order:0 !important;
    color:var(--hi-accent,#BFA97A) !important;
    font-size:19px !important;
    line-height:1 !important;
    font-weight:400 !important;
    letter-spacing:2px !important;
    text-align:center !important;
    margin:0 0 2px !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .price-card header h3{
    order:1 !important;
    margin:0 !important;
    text-align:center !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .price-card header .subtitle{
    order:2 !important;
    flex-basis:auto !important;
    margin:0 !important;
    text-align:center !important;
    color:var(--hi-text-dim,#CFC8B5) !important;
    font-size:18px !important;
    line-height:1.5 !important;
    font-weight:400 !important;
    letter-spacing:-0.01em !important;
    opacity:.9 !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .features{
    display:block !important;
    font-size:18px !important;
    line-height:1.6 !important;
    list-style:disc !important;
    padding-left:18px !important;
    margin:8px 0 10px !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .features li{
    display:list-item !important;
    align-items:normal !important;
    margin:5px 0 !important;
    padding:0 !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .features li::marker{
    color:#BFA96A !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .features li::before{
    content:none !important;
    display:none !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .price-card .price-row{
    display:flex !important;
    font-size:18px !important;
    line-height:1.62 !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin-top:10px !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .price-card .price-row > .price,
  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .price-card .price-row > .price.main{
    margin:0 !important;
    text-align:left !important;
    color:var(--hi-text,#E8E3D4) !important;
    font-size:22px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:.2px !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .price-row .btn[type="button"]{
    -webkit-appearance:none !important;
    appearance:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:106px !important;
    height:44px !important;
    min-height:auto !important;
    margin:0 !important;
    padding:10px 26px !important;
    border-radius:12px !important;
    border:1px solid rgba(191,169,122,.62) !important;
    background:transparent !important;
    background-image:none !important;
    color:#f5efe4 !important;
    font:600 18px/1 Manrope, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    letter-spacing:0 !important;
    text-align:center !important;
    text-decoration:none !important;
    box-shadow:none !important;
    cursor:pointer !important;
    opacity:1 !important;
    box-sizing:border-box !important;
    transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease, background-color .25s ease, color .25s ease !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .price-row .btn[type="button"]:hover,
  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .price-row .btn[type="button"]:focus-visible{
    border-color:rgba(191,169,122,.9) !important;
    box-shadow:0 0 18px rgba(191,169,122,.22) !important;
    background:rgba(191,169,122,.06) !important;
    background-image:none !important;
    outline:none !important;
    color:#f5efe4 !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .price-row .btn[type="button"]:active{
    transform:translateY(1px) !important;
  }

  body.project-hero-fullscreen-page#top #prices.design-main-price-clone .price-row .btn[type="button"]::-moz-focus-inner{
    border:0 !important;
  }
}


/* === design-desktop-v46-section-heading-typography-home-fluid-match ===
   Owner: design-interiera-samara.html / desktop only.
   Fix after v05: match the main page H2 fluid desktop formula, not one fixed 1440px value.
   Main page reference: font-size clamp(26px, 2.1vw, 36px), line-height 1.14,
   font-weight 800, letter-spacing -0.024em. "Все проекты" is not an H2 and already matches the main page. */


/* === design-v47-realized-view-copy-main-block ===
   Owner: design-interiera-samara.html / #realized-view.index-live-view.
   Goal: перенести блок показа с главной страницы не визуально, а по фактической HTML/CSS-схеме: live-view-shell, две колонки и раскрывающаяся кнопка Telegram / MAX / заявка.
   Base: accepted v06. H1, SEO, header, footer, prices, portfolio and media are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view{
  --hi-section-title-gap:22px;
  --hi-section-subtitle-size:clamp(17px, 1.02vw, 18px);
  --hi-text-dim:#CFC8B5;
  --hi-text:#E8E3D4;
  padding:56px 0 18px !important;
  scroll-margin-top:120px !important;
}

@media (max-width:980px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view{
    padding:42px 0 10px !important;
  }
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view{
    --hi-section-title-gap:16px;
    --hi-section-subtitle-size:16px;
  }
}

/* === index-desktop-mobile-v40-live-view-combined ===
   Owner: index.html / #realized-view.
   Base: public_html_patch_v05.zip.
   Scope: combine ready-interior and repair-in-process shows into one premium card with one CTA row.
   Header, footer, media, SEO meta, schema and JS are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro{
  max-width:860px !important;
  margin:34px auto 0 !important;
  text-align:center !important;
  text-wrap:balance !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-shell{
  margin-top:30px !important;
  padding:34px 38px 30px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025) 0%, rgba(255,255,255,0) 100%),
    radial-gradient(circle at 18% 0%, rgba(191,169,122,.13), rgba(191,169,122,0) 38%),
    linear-gradient(135deg, rgba(191,169,122,.08), rgba(12,12,14,.96) 30%, rgba(4,4,4,.98) 100%) !important;
  border:1px solid rgba(191,169,122,.25) !important;
  border-radius:28px !important;
  box-shadow:0 18px 46px rgba(0,0,0,.24) !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-options{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:0 !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option{
  min-width:0 !important;
  padding:2px 34px 2px 0 !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option + .live-view-option{
  padding:2px 0 2px 34px !important;
  border-left:1px solid rgba(191,169,122,.18) !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option h3{
  margin:0 0 14px !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-copy{
  margin:0 0 16px !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list{
  margin:0 !important;
  padding-left:18px !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list li{
  margin:0 0 12px !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list li:last-child{
  margin-bottom:0 !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:16px !important;
  margin-top:30px !important;
  padding-top:26px !important;
  border-top:1px solid rgba(191,169,122,.15) !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:52px !important;
  width:100% !important;
  max-width:310px !important;
  padding:15px 24px !important;
  border-radius:12px !important;
  text-decoration:none !important;
  box-shadow:none !important;
  font-size:16px !important;
  line-height:1.2 !important;
  transition:background-color .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease, transform .25s ease !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn{
  background:transparent !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.22) !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline{
  background:#000 !important;
  color:#fff !important;
  border:1px solid rgba(191,169,122,.65) !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline:focus-visible{
  background:#bfa97a !important;
  color:#000 !important;
  border-color:#bfa97a !important;
  box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
}

@media (max-width:980px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro{
    max-width:680px !important;
    margin-top:32px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-shell{
    padding:28px 24px 24px !important;
    border-radius:24px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-options{
    grid-template-columns:minmax(0,1fr) !important;
    gap:26px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option,
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option + .live-view-option{
    padding:0 !important;
    border-left:0 !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option + .live-view-option{
    padding-top:24px !important;
    border-top:1px solid rgba(191,169,122,.16) !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions{
    align-items:stretch !important;
    flex-direction:column !important;
    gap:12px !important;
    margin-top:26px !important;
    padding-top:24px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn,
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline{
    max-width:none !important;
  }
}

@media (max-width:560px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro{
    margin-top:30px !important;
    text-align:left !important;
    text-wrap:auto !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-shell{
    margin-top:30px !important;
    padding:22px 18px !important;
    border-radius:22px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option h3{
    margin-bottom:12px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-copy{
    margin-bottom:14px !important;
  }


  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn,
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline{
    min-height:48px !important;
    padding:13px 18px !important;
    font-size:14px !important;
  }
}


/* === index-v41-live-view-intro-copy ===
   Owner: index.html / #realized-view.
   Scope: add a short intro under H2 and make both live-show options fuller, without SEO/schema/navigation changes. */


/* === index-v42-live-view-title-to-intro-rhythm ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: match the H2 underline -> subtitle gap to the accepted #services title rhythm.
   Scope: spacing only; texts, SEO, buttons, layout, header, footer and JS are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view > .wrap > .section-title{
  margin-bottom:var(--hi-section-title-gap) !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro{
  margin-top:0 !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view > .wrap > .section-title{
    margin-bottom:var(--hi-index-mobile-title-to-content-v24, 38px) !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro{
    margin-top:0 !important;
  }
}


/* === index-v43-live-view-intro-lines-desktop ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: desktop intro should read like #services about text: one sentence per line, without forced narrow wrapping.
   Scope: live-view intro text rhythm only; buttons, columns, SEO, schema, header, footer and JS are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro{
    max-width:none !important;
    width:100% !important;
    text-align:center !important;
    text-wrap:auto !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro span{
    display:block !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro span + span{
    margin-top:10px !important;
  }
}

/* === index-v45-live-view-price-typography-match ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: bring the live-show card typography closer to the accepted pricing cards:
   stronger option headings, calmer descriptive copy and a dimmer intro tone.
   Scope: typography/tone only; texts, layout, buttons, SEO, schema, header, footer and JS are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro{
  color:var(--hi-text-dim, #CFC8B5) !important;
  opacity:.9 !important;
}


/* === index-v47-live-view-price-typography-exact-left ===
   Owner: index.html / #realized-view.index-live-view.
   Base: rollback to public_html_patch_v11.css layout after rejected v12.
   Goal: copy the real pricing-card typography without changing grid, alignment, buttons or texts.
   Mapping:
   - .live-view-option h3 = #prices .price-card header h3;
   - .live-view-copy = #prices .price-card header .subtitle;
   - .live-view-list li = #prices .features li.
   Scope: typography and tone only. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option h3{
  margin:0 0 8px !important;
  text-align:left !important;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-weight:800 !important;
  font-size:var(--hi-type-h3, clamp(20px, 1.25vw, 24px)) !important;
  line-height:var(--hi-type-h3-line, 1.20) !important;
  letter-spacing:var(--hi-type-track-h3, -0.014em) !important;
  color:var(--hi-text, #E8E3D4) !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-copy{
  max-width:none !important;
  margin:0 0 14px !important;
  text-align:left !important;
}


@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option h3{
    margin:2px 0 8px !important;
    text-align:left !important;
  }


}

/* === index-v48-live-view-intro-gap-and-flat-card ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: match the gap between the two intro lines to the accepted hero/about lead rhythm
   and remove the gradient fill from the live-view frame.
   Scope: spacing + card background only; texts, grid, buttons, SEO, schema, header, footer and JS are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-shell{
  background:#09090a !important;
}

@media (min-width:901px){


  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro span + span{
    margin-top:4px !important;
  }
}


/* === index-v49-live-view-singular-title-and-equal-gold-actions ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: make the live-view heading singular and make both CTA buttons use the same black + gold border style.
   Scope: title text in HTML + button visual state only; grid, typography, SEO, schema, header, footer and JS are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline{
  background:#000 !important;
  background-image:none !important;
  color:#fff !important;
  border-color:rgba(191,169,122,.65) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline:focus-visible{
  background:rgba(34,34,36,.90) !important;
  color:#fff !important;
  border-color:rgba(191,169,122,.65) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
  transform:none !important;
  outline:none !important;
}


/* === index-v50-live-view-mobile-intro-and-copy-tone ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: on mobile, match the H2 underline -> intro rhythm and centered alignment to the accepted #services intro;
   on desktop and mobile, make the option intro copy as light as the list text.
   Scope: spacing/alignment/tone only; layout, texts, buttons, SEO, schema, header, footer and JS are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-copy{
  color:rgba(255,255,255,.78) !important;
  opacity:1 !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view > .wrap > .section-title{
    margin-bottom:16px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view > .wrap > .section-title::after{
    bottom:-8px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro{
    max-width:none !important;
    margin:0 auto !important;
    text-align:center !important;
    text-wrap:balance !important;
  }
}

/* === index-v52-live-view-mobile-channel-choice ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: on mobile, shorten the intro and replace two CTA buttons with one calm action that opens channel choices.
   Scope: live-view intro text + mobile CTA only; desktop CTA, grid, SEO, schema, header and footer are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-mobile{
  display:none !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-desktop{
    display:none !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-mobile{
    display:flex !important;
    position:relative !important;
    align-items:stretch !important;
    flex-direction:column !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-toggle{
    width:100% !important;
    max-width:none !important;
    appearance:none !important;
    cursor:pointer !important;
    font-family:inherit !important;
    font-weight:800 !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-top:10px !important;
    padding:10px !important;
    border:1px solid rgba(191,169,122,.32) !important;
    border-radius:18px !important;
    background:#070708 !important;
    box-shadow:0 14px 34px rgba(0,0,0,.32) !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu[hidden]{
    display:none !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:46px !important;
    padding:12px 16px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:13px !important;
    color:#fff !important;
    background:rgba(255,255,255,.035) !important;
    text-decoration:none !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu a:active,
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu a:focus-visible{
    border-color:rgba(191,169,122,.65) !important;
    outline:none !important;
  }
}


/* === index-v53-live-view-button-active-match-order ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: make the live-view CTA states match the accepted "Заказать" button behavior: gold fill + neon glow on hover/focus/active.
   Scope: live-view CTA buttons and mobile channel menu only; line divider, text, grid, SEO, schema, header and footer are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn:active,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline:active,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-mobile.is-open .live-view-channel-toggle{
  background:#BFA97A !important;
  background-image:none !important;
  color:#000 !important;
  border-color:#BFA97A !important;
  box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
  filter:none !important;
  opacity:1 !important;
  outline:none !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu a:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu a:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu a:active{
  background:#BFA97A !important;
  background-image:none !important;
  color:#000 !important;
  border-color:#BFA97A !important;
  box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
  transform:none !important;
  opacity:1 !important;
  outline:none !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-toggle{
    font-size:16px !important;
  }
}


/* === index-v54-live-view-mobile-cta-text-size ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: make only the mobile "Записаться на просмотр" button label more visible, without increasing the button box.
   Scope: mobile live-view channel toggle text only; button size, channel menu, copy, grid, SEO, schema, header and footer are untouched. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-toggle{
    font-size:18px !important;
    line-height:1.2 !important;
  }
}


/* === index-v55-live-view-mobile-cta-text-size-visible ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: make the mobile "Записаться на просмотр" button label visibly larger without changing the button box.
   Scope: mobile live-view channel toggle text only; button size, channel menu, copy, grid, SEO, schema, header and footer are untouched. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-mobile .live-view-channel-toggle.btn-outline{
    font-size:clamp(20px, 5.2vw, 22px) !important;
    line-height:1.12 !important;
    font-weight:800 !important;
  }
}


/* === index-v56-live-view-mobile-cta-text-and-short-copy ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: return the mobile "Записаться на просмотр" label to the same visual size as price-card "Заказать" buttons.
   Scope: mobile live-view toggle text only; button box, menu, grid, SEO, schema, header and footer are untouched. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-mobile .live-view-channel-toggle.btn-outline{
    font-size:16px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
  }
}

/* === index-v59-live-view-mobile-copy-and-list-tighten ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: make inner option subtitles match the warmer intro tone and keep mobile bullet rows compact without wrapping on common widths.
   Scope: live-view option copy/list typography only; buttons, section spacing, SEO, schema, header and footer are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-copy{
  color:var(--hi-text-dim, #CFC8B5) !important;
  opacity:.9 !important;
}


/* === index-v60-live-view-mobile-price-typography-lock ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: make the mobile live-view option title/subtitle typography match the accepted price-card title/subtitle scale and tone.
   Scope: mobile h3 + option copy only; bullet list size from v59, buttons, spacing, SEO, schema, header and footer are untouched. */


/* === index-v61-live-view-mobile-list-price-typography-lock ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: make mobile bullet list typography in “Показ объекта вживую” match the accepted #prices .features list size and rhythm.
   Scope: mobile live-view bullet list only; text, headings, subtitles, buttons, spacing, SEO, schema, header and footer are untouched. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list li{
    white-space:nowrap !important;
  }
}


/* === index-v62-mobile-card-title-slight-boost ===
   Owner: index.html / mobile #realized-view + #prices cards.
   Goal: slightly increase card h3 titles in “Показ объекта вживую” and “Цены на дизайн интерьера” together, keeping both sections in one typography system.
   Scope: mobile card titles only; H2, subtitles, lists, buttons, spacing, SEO, schema, header and footer are untouched. */


/* === index-v64-live-view-mobile-cta-match-price-button-text ===
   Owner: index.html / mobile #realized-view.index-live-view.
   Goal: return v04 alignment and make the mobile “Записаться на просмотр” button text match the accepted #prices “Заказать” button size.
   Scope: mobile live-view CTA label only; button box, card titles, subtitles, lists, spacing, SEO, schema, header and footer are untouched. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-mobile .live-view-channel-toggle.btn-outline{
    font-size:18px !important;
    line-height:1 !important;
    font-weight:600 !important;
  }
}

/* === index-v65-live-view-unified-channel-choice ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: use one CTA in the live-view block on desktop and mobile, opening Telegram / MAX / form choices.
   Scope: live-view CTA area only; texts, cards, prices, SEO, schema, header and footer are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-desktop,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-mobile{
  display:none !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions{
  display:flex !important;
  position:relative !important;
  align-items:center !important;
  flex-direction:column !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-toggle{
  width:100% !important;
  max-width:360px !important;
  min-height:52px !important;
  appearance:none !important;
  cursor:pointer !important;
  font-family:inherit !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  width:100% !important;
  max-width:620px !important;
  margin:12px auto 0 !important;
  padding:10px !important;
  border:1px solid rgba(191,169,122,.32) !important;
  border-radius:18px !important;
  background:#070708 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.32) !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu[hidden]{
  display:none !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu a,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px !important;
  padding:12px 16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:13px !important;
  color:#fff !important;
  background:rgba(255,255,255,.035) !important;
  text-decoration:none !important;
  font-family:inherit !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  cursor:pointer !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu a,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu button{
  gap:8px !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu .live-view-channel-icon{
  display:block !important;
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  color:inherit !important;
  opacity:1 !important;
  transform:none !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu .live-view-channel-icon--telegram{
  width:17px !important;
  height:17px !important;
  flex-basis:17px !important;
  fill:currentColor !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu .live-view-channel-icon--max{
  fill:currentColor !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu .live-view-channel-icon--phone{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.15 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu a > span,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu button > span{
  color:inherit !important;
  font-size:inherit !important;
  line-height:inherit !important;
}


body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu a:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu a:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu a:active,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu button:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu button:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu button:active{
  background:#BFA97A !important;
  background-image:none !important;
  color:#000 !important;
  border-color:#BFA97A !important;
  box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
  transform:none !important;
  opacity:1 !important;
  outline:none !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions{
    align-items:stretch !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-toggle{
    max-width:none !important;
    font-size:18px !important;
    font-weight:600 !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu{
    grid-template-columns:1fr !important;
    max-width:none !important;
    gap:8px !important;
    margin-top:10px !important;
  }
}

/* === index-v66-live-view-desktop-cta-match-price-button-text ===
   Owner: index.html / desktop #realized-view.index-live-view.
   Goal: make the desktop “Записаться на просмотр” toggle text match the accepted #prices “Заказать” button text size.
   Scope: desktop live-view main CTA label only; mobile, channel menu, button box, prices, SEO, schema, header and footer are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-toggle{
    font-size:18px !important;
    line-height:1 !important;
    font-weight:600 !important;
  }
}

/* === index-v67-desktop-portfolio-tabs-match-mobile-frame ===
   Owner: index.html / desktop #portfolio category tabs.
   Goal: make the desktop “Квартиры / Дома / Заведения / 3D эскизы” frame use the accepted mobile dark warm glass tone and border.
   Scope: desktop tabs frame only; mobile tabs, active tab, buttons, gallery, SEO, schema, header and footer are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title + .portfolio-tabs,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-tabs{
    border:1px solid rgba(191,169,122,.34) !important;
    background:rgba(28,28,30,.86) !important;
    background-image:none !important;
    color:rgba(255,255,255,.94) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26), inset 0 0 0 1px rgba(191,169,122,.045) !important;
    backdrop-filter:blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
  }
}


/* === index-v68-live-view-compact-points ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: replace explanatory copy + bullet lists with compact one-line point rows for each live-view option.
   Scope: live-view option text only; CTA, layout, prices, portfolio, SEO, schema, header and footer are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-points{
  margin:0 !important;
  color:rgba(255,255,255,.78) !important;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size:17px !important;
  line-height:1.58 !important;
  font-weight:400 !important;
  letter-spacing:-0.01em !important;
  opacity:1 !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-points span{
  display:inline-block !important;
  margin:0 8px !important;
  color:rgba(191,169,122,.78) !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-points{
    font-size:clamp(16px, calc(1.2vw + 12px), 18px) !important;
    line-height:1.5 !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-points span{
    margin:0 7px !important;
  }
}

@media (max-width:374px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-points{
    font-size:15px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-points span{
    margin:0 5px !important;
  }
}

/* === index-v69-live-view-copy-with-line-points ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: restore option subtitles and show each point on a separate line instead of one inline row.
   Scope: live-view option text only; CTA, dropdown, layout, prices, portfolio, SEO, schema, header and footer are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-point-lines{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  color:rgba(255,255,255,.78) !important;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size:17px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  letter-spacing:-0.01em !important;
  opacity:1 !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-point-lines span{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-point-lines{
    gap:8px !important;
    font-size:clamp(16px, calc(1.2vw + 12px), 18px) !important;
    line-height:1.5 !important;
  }
}

@media (max-width:374px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-point-lines{
    font-size:15px !important;
  }
}


/* === index-v70-live-view-restore-bullets-and-gold-markers ===
   Owner: index.html / #realized-view.index-live-view + #prices.
   Goal: return the accepted bullet-list structure after v69 and tint only list markers in live-view and price cards to the warm subtitle tone.
   Scope: list markup styling only; copy, CTA, dropdown, layout, portfolio, SEO, schema, header and footer are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list{
  list-style:disc !important;
  padding-left:18px !important;
  margin:10px 0 0 !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list li{
  display:list-item !important;
  margin:5px 0 !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list li::marker,
body.project-hero-fullscreen-page#top #prices .features li::marker{
  color:#BFA96A !important;
}

/* === design-v47-keep-realized-heading-in-v06-system ===
   Owner: design-interiera-samara.html / desktop H2 after live-view class transfer.
   Scope: only the renamed #realized-view.index-live-view heading; keeps v06 typography formula from the main page. */


/* === design-v47-realized-view-main-computed-lock ===
   Owner: design-interiera-samara.html / #realized-view.index-live-view.
   Goal: убрать расхождения от локальных переменных страницы дизайна и добить совпадение с computed-стилями главной. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view{
  font-size:var(--hi-type-copy) !important;
  line-height:var(--hi-type-copy-line) !important;
}

@media (min-width:901px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view{
    padding:30px 0 18px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view > .wrap > .section-title{
    position:relative !important;
    display:table !important;
    width:auto !important;
    max-width:calc(100vw - 40px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    text-wrap:balance !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view > .wrap > .section-title::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:-10px !important;
    width:calc(100% + clamp(34px, 4.2vw, 76px)) !important;
    max-width:calc(100vw - 40px) !important;
    height:1px !important;
    transform:translateX(-50%) !important;
    background:linear-gradient(90deg, rgba(191,169,122,0) 0%, rgba(191,169,122,.40) 18%, rgba(191,169,122,.70) 50%, rgba(191,169,122,.40) 82%, rgba(191,169,122,0) 100%) !important;
    box-shadow:0 0 5px rgba(191,169,122,.22), 0 0 10px rgba(191,169,122,.08) !important;
    opacity:.94 !important;
    border-radius:2px !important;
  }
}

@media (max-width:560px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view{
    padding-top:60px !important;
    padding-bottom:0 !important;
  }
}

@media (max-width:380px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view{
    padding-top:56px !important;
  }
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view{
    font-size:16px !important;
    line-height:1.58 !important;
  }
}

/* === design-v50-team-horizontal-author-photo-compact ===
   Owner: design-interiera-samara.html / #team.design-section-team.
   Goal: keep the author block framed, but make the horizontal photo layout more compact.
   Scope: team section only; SEO, headings, prices, portfolio, live-view, header, footer and JS are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-panel{
    display:grid !important;
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr) !important;
    gap:clamp(28px,3.2vw,48px) !important;
    align-items:center !important;
    margin-top:0 !important;
    padding:clamp(28px,2.8vw,44px) !important;
    border:1px solid rgba(191,169,122,.22) !important;
    border-radius:28px !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.018)),
      radial-gradient(circle at 78% 16%,rgba(191,169,122,.10),rgba(191,169,122,0) 42%) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.32) !important;
    overflow:hidden !important;
  }


  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-photo{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    aspect-ratio:16 / 9 !important;
    height:auto !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:20px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.32) !important;
  }
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-panel{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-media{
    display:block !important;
    margin:0 !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-photo{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    aspect-ratio:4 / 3 !important;
    height:auto !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:16px !important;
  }
}


/* === design-v51-team-no-frame-large-photo ===
   Owner: design-interiera-samara.html / #team.design-section-team.
   Goal: test a lighter desktop composition without the outer frame, with a larger photo and cleaner premium rhythm.
   Scope: team section only; neighboring sections, SEO, headings, buttons logic, header, footer and mobile behavior stay intact. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-panel{
    display:grid !important;
    grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr) !important;
    gap:clamp(34px,4.2vw,64px) !important;
    align-items:center !important;
    margin-top:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:none !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-copy{
    min-width:0 !important;
    max-width:640px !important;
  }


  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-media{
    display:block !important;
    min-width:0 !important;
    margin:0 !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-photo{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    aspect-ratio:16 / 9 !important;
    height:auto !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:24px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 22px 54px rgba(0,0,0,.28) !important;
  }
}


/* === design-v52-team-half-half-cropped-photo ===
   Owner: design-interiera-samara.html / #team.design-section-team.
   Goal: use the new cropped author photo and balance the section into two equal desktop halves: text / image.
   Scope: team section desktop layout only; mobile behavior, neighboring sections, SEO and button logic stay intact. */
@media (min-width:901px){


  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-photo{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    aspect-ratio:16 / 9 !important;
    height:auto !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:24px !important;
  }
}


/* === design-v53-team-full-cropped-file-visible ===
   Owner: design-interiera-samara.html / #team.design-section-team.
   Goal: show Artem's prepared cropped photo fully, without browser cropping.
   Scope: team section only. Keeps the 50/50 desktop composition from v52, but removes aspect-ratio/object-fit cover clipping. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-panel{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    align-items:center !important;
  }


}


/* === design-v54-team-full-original-photo-half-half ===
   Owner: design-interiera-samara.html / #team.design-section-team.
   Goal: use the original full author photo without browser cropping and keep the desktop block split exactly into two equal halves.
   Scope: team section only; neighboring sections, SEO, headings, buttons, header, footer and JS stay intact. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-panel{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:clamp(36px,4vw,60px) !important;
    align-items:center !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-copy{
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-media{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-photo{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
  }
}


/* === design-v55-team-process-gallery-below ===
   Owner: design-interiera-samara.html / #team.design-section-team.
   Goal: test a restrained supplementary materials-selection gallery below the main author block, with a short centered note.
   Scope: team section only; keeps the current main text/photo block intact and adds two support images underneath. */
#team.design-section-team .design-team-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(18px,2.2vw,24px);
  margin-top:clamp(26px,3vw,34px);
}

#team.design-section-team .design-team-gallery-item{
  margin:0;
}

#team.design-section-team .design-team-gallery-item img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  object-fit:cover;
  object-position:center center;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 44px rgba(0,0,0,.24);
}

#team.design-section-team .design-team-gallery-note{
  max-width:900px;
  margin:16px auto 0;
  text-align:center;
  font-size:16px;
  line-height:1.65;
  color:rgba(255,255,255,.70);
}

@media (max-width:900px){
  #team.design-section-team .design-team-gallery{
    grid-template-columns:1fr;
    gap:16px;
    margin-top:22px;
  }

  #team.design-section-team .design-team-gallery-item img{
    border-radius:16px;
  }

  #team.design-section-team .design-team-gallery-note{
    margin-top:14px;
    font-size:15px;
    line-height:1.58;
  }
}


/* === design-v56-team-repair-layout-author-photo ===
   Owner: design-interiera-samara.html / #team.design-section-team.
   Goal: repeat the repair page author block logic: text starts at top, photo on the right, no extra gallery, no outer frame.
   Scope: team section only; neighboring sections, SEO, headings, header, footer and JS stay intact. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-repair-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:clamp(36px,4vw,60px) !important;
    align-items:start !important;
    margin-top:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:none !important;
    box-shadow:none !important;
    overflow:visible !important;
  }


  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-copy p{
    margin-top:0 !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-copy p + p{
    margin-top:14px !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-copy .svc-cta{
    margin-top:18px !important;
  }


  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-photo{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:24px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 22px 54px rgba(0,0,0,.28) !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-gallery,
  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-gallery-note{
    display:none !important;
  }
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-repair-layout{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    align-items:start !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-photo{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:16px !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-gallery,
  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-gallery-note{
    display:none !important;
  }
}


/* === design-v57-team-match-repair-density-min-radius ===
   Owner: design-interiera-samara.html / #team.design-section-team.
   Goal: match the desktop density of remont-pod-klyuch-samara.html / .repair-team-grid exactly by using the same 2-column grid and 28px gap; test minimal photo radius.
   Scope: team section only; texts, links, SEO, header, footer and neighboring sections stay intact. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-repair-layout{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:28px !important;
    align-items:start !important;
    margin-top:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:none !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-copy{
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
    padding-top:0 !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-media{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-photo{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:6px !important;
    border:1px solid rgba(191,169,122,.16) !important;
    box-shadow:0 24px 60px rgba(0,0,0,.34) !important;
  }
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team.design-section-team .design-team-photo{
    border-radius:6px !important;
  }
}


/* === design-v58-team-photo-square-corners-test ===
   Owner: design-interiera-samara.html / #team.design-section-team.
   Goal: test the author block photo with completely square corners.
   Scope: photo corner radius only; layout, text, links, SEO and neighboring sections stay intact. */
body.project-hero-fullscreen-page#top #team.design-section-team .design-team-photo{
  border-radius:0 !important;
}

/* === hi-open-channel-toggle-calm-state-v29 ===
   Owner: design-interiera-samara.html / #realized-view.
   Задача: после раскрытия Telegram / MAX / «Оставить заявку» вернуть основную кнопку
   «Записаться на просмотр» в обычное спокойное состояние. */


/* === design-cta-hover-unified-gold-v30 ===
   Owner: design-interiera-samara.html / visible CTA buttons.
   Задача: привести hover/focus CTA-кнопок к единому золотому состоянию с мягкой подсветкой.
   FAQ, карта «HomeInterior в Самаре», меню, фильтры, стрелки, видеокарточки и служебные кнопки не трогаются. */
body.project-hero-fullscreen-page#top #home-intro .cta a.hi-hero-cta:hover,
body.project-hero-fullscreen-page#top #home-intro .cta a.hi-hero-cta:focus-visible,
body.project-hero-fullscreen-page#top #services.design-project-core .svc-cta a.btn:hover,
body.project-hero-fullscreen-page#top #services.design-project-core .svc-cta a.btn:focus-visible,
body.project-hero-fullscreen-page#top #services.design-project-core .svc-cta a.btn-outline:hover,
body.project-hero-fullscreen-page#top #services.design-project-core .svc-cta a.btn-outline:focus-visible,
body.project-hero-fullscreen-page#top #portfolio.design-portfolio-service .portfolio-showcase__cta:hover,
body.project-hero-fullscreen-page#top #portfolio.design-portfolio-service .portfolio-showcase__cta:focus-visible,
body.project-hero-fullscreen-page#top #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:hover,
body.project-hero-fullscreen-page#top #portfolio.design-portfolio-service .portfolio-more-wrap .portfolio-more-btn:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-toggle:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-toggle:focus-visible,
body.project-hero-fullscreen-page#top #prices.design-main-price-clone .price-row .btn[type="button"]:hover,
body.project-hero-fullscreen-page#top #prices.design-main-price-clone .price-row .btn[type="button"]:focus-visible,
body.project-hero-fullscreen-page#top #team.design-section-team .svc-cta a.btn-outline:hover,
body.project-hero-fullscreen-page#top #team.design-section-team .svc-cta a.btn-outline:focus-visible,
body.project-hero-fullscreen-page#top #reviews-proof.design-section-proof .hi-proof-reviews-note a.btn-outline:hover,
body.project-hero-fullscreen-page#top #reviews-proof.design-section-proof .hi-proof-reviews-note a.btn-outline:focus-visible,
body.project-hero-fullscreen-page#top #contacts .hi-contact-submit:hover,
body.project-hero-fullscreen-page#top #contacts .hi-contact-submit:focus-visible{
  background:#bfa97a !important;
  background-image:none !important;
  color:#000 !important;
  border-color:#bfa97a !important;
  box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
  filter:none !important;
  outline:none !important;
}

/* Раскрытая кнопка «Записаться на просмотр» остаётся спокойной, чтобы нижние каналы связи были главным акцентом. */


/* === design-cta-hover-full-page-coverage-v31 ===
   Owner: design-interiera-samara.html / CTA buttons outside FAQ and contacts.
   Задача: довести поведение всех видимых CTA-кнопок на странице дизайна до общего состояния
   золотой заливки и мягкой неоновой подсветки. Разделы FAQ и «HomeInterior в Самаре» не трогаются. */
body.project-hero-fullscreen-page#top #home-intro :is(a[class*="btn"], button[class*="btn"]):hover,
body.project-hero-fullscreen-page#top #home-intro :is(a[class*="btn"], button[class*="btn"]):focus-visible,
body.project-hero-fullscreen-page#top #services :is(a[class*="btn"], button[class*="btn"]):hover,
body.project-hero-fullscreen-page#top #services :is(a[class*="btn"], button[class*="btn"]):focus-visible,
body.project-hero-fullscreen-page#top #portfolio :is(a[class*="btn"], button[class*="btn"], .portfolio-showcase__cta):hover,
body.project-hero-fullscreen-page#top #portfolio :is(a[class*="btn"], button[class*="btn"], .portfolio-showcase__cta):focus-visible,
body.project-hero-fullscreen-page#top #realized-view :is(a[class*="btn"], button[class*="btn"], .live-view-channel-toggle):hover,
body.project-hero-fullscreen-page#top #realized-view :is(a[class*="btn"], button[class*="btn"], .live-view-channel-toggle):focus-visible,
body.project-hero-fullscreen-page#top #prices :is(a[class*="btn"], button[class*="btn"]):hover,
body.project-hero-fullscreen-page#top #prices :is(a[class*="btn"], button[class*="btn"]):focus-visible,
body.project-hero-fullscreen-page#top #design-steps :is(a[class*="btn"], button[class*="btn"]):hover,
body.project-hero-fullscreen-page#top #design-steps :is(a[class*="btn"], button[class*="btn"]):focus-visible,
body.project-hero-fullscreen-page#top #team :is(a[class*="btn"], button[class*="btn"]):hover,
body.project-hero-fullscreen-page#top #team :is(a[class*="btn"], button[class*="btn"]):focus-visible,
body.project-hero-fullscreen-page#top #reviews-proof :is(a[class*="btn"], button[class*="btn"]):hover,
body.project-hero-fullscreen-page#top #reviews-proof :is(a[class*="btn"], button[class*="btn"]):focus-visible{
  background:#bfa97a !important;
  background-image:none !important;
  color:#000 !important;
  border-color:#bfa97a !important;
  box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
  filter:none !important;
  outline:none !important;
}

/* Раскрытая кнопка просмотра остаётся спокойной: акцент должен уходить на нижние каналы связи. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:focus,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:active{
  background:#000 !important;
  background-image:none !important;
  color:#fff !important;
  border-color:rgba(191,169,122,.65) !important;
  box-shadow:none !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
  outline:none !important;
}

/* === design-mobile-v08-steps-number-title-align ===
   Owner: design-interiera-samara.html / mobile #design-steps.design-main-steps-clone.
   Goal: match the accepted mobile vertical position of the step-number circles from the main page.
   Scope: mobile circle position only; size, glow, text, spacing, desktop, SEO and HTML are untouched. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #design-steps.design-main-steps-clone .grid > div::before{
    top:-5px !important;
  }
}

/* === design-v10-steps-separators-match-repair ===
   Owner: design-interiera-samara.html / #design-steps.design-main-steps-clone.
   Goal: repeat the thin step separators accepted on index.html and matched to remont-pod-klyuch-samara.html.
   Source values from repair/index v09: border color rgba(191,169,122,.16), desktop padding-bottom 30px, mobile padding-bottom 26px, desktop row-gap 44px, mobile row-gap 34px.
   Scope: separators and related vertical room inside #design-steps only; text, numbering, CTA, SEO, header and footer are untouched. */
body.project-hero-fullscreen-page#top #design-steps.design-main-steps-clone .grid{
  row-gap:44px !important;
}

body.project-hero-fullscreen-page#top #design-steps.design-main-steps-clone .grid > div{
  border-bottom:0 !important;
  padding-bottom:30px !important;
}

body.project-hero-fullscreen-page#top #design-steps.design-main-steps-clone .grid > div:nth-child(-n/**/+3){
  border-bottom:1px solid rgba(191,169,122,.16) !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #design-steps.design-main-steps-clone .grid{
    row-gap:34px !important;
  }

  body.project-hero-fullscreen-page#top #design-steps.design-main-steps-clone .grid > div{
    padding-bottom:26px !important;
  }

  body.project-hero-fullscreen-page#top #design-steps.design-main-steps-clone .grid > div:nth-child(-n/**/+3){
    border-bottom:0 !important;
  }

  body.project-hero-fullscreen-page#top #design-steps.design-main-steps-clone .grid > div:not(:last-child){
    border-bottom:1px solid rgba(191,169,122,.16) !important;
  }
}

/* === design-v11-hero-responsive-contract ===
   Owner: design-interiera-samara.html / #home-intro first screen.
   Цель: та же адаптивная логика hero-кнопок, что на главной: 360–390 компактно,
   391–560 обычный mobile, 561–900 tablet, ПК не трогаем. */
@media (max-width:390px){
  body.project-hero-fullscreen-page#top #home-intro .cta{
    gap:12px !important;
    margin-top:10px !important;
  }
  body.project-hero-fullscreen-page#top #home-intro .cta a.hi-hero-cta{
    flex:0 1 280px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:280px !important;
    min-height:54px !important;
    padding:12px 18px !important;
    font-size:18px !important;
    line-height:1.12 !important;
  }
}
@media (min-width:391px) and (max-width:560px){
  body.project-hero-fullscreen-page#top #home-intro .cta{
    gap:12px !important;
    margin-top:10px !important;
  }
  body.project-hero-fullscreen-page#top #home-intro .cta a.hi-hero-cta{
    flex:0 1 290px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:290px !important;
    min-height:56px !important;
    padding:13px 18px !important;
    font-size:18px !important;
    line-height:1.12 !important;
  }
}
@media (min-width:561px) and (max-width:900px){
  body.project-hero-fullscreen-page#top #home-intro .cta{
    gap:18px !important;
    margin-top:10px !important;
  }
  body.project-hero-fullscreen-page#top #home-intro .cta a.hi-hero-cta{
    flex:0 0 280px !important;
    width:280px !important;
    min-width:280px !important;
    max-width:280px !important;
    min-height:56px !important;
    padding:13px 18px !important;
    font-size:18px !important;
    line-height:1.12 !important;
  }
}

/* === design-v60-team-copy-main-editorial-v20 ===
   Owner: design-interiera-samara.html / #team.design-section-team.
   Goal: replace the old local "Кто делает проект" block with the accepted main-page editorial team block while keeping the service-page H2.
   Scope: team section only; reviews, FAQ, contacts, prices, portfolio, header, footer, SEO and mobile global rhythm are untouched. */
body.project-hero-fullscreen-page#top #team.design-section-team{
  overflow:visible !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-intro{
  width:min(940px, calc(100vw - 48px)) !important;
  margin:0 auto 30px !important;
  text-align:center !important;
  color:var(--hi-type-section-subtitle-color, rgba(232,227,212,.86)) !important;
  font-size:var(--hi-type-section-subtitle, var(--hi-type-lead, clamp(17px, 1.05vw, 19px))) !important;
  line-height:var(--hi-type-section-subtitle-line, 1.55) !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-intro-desktop-break{
  display:none !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-layout{
  position:relative !important;
  left:auto !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:6px !important;
  background:#000 !important;
  overflow:hidden !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-card{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  background:#000 !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-visual{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#050505 !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-visual picture{
  display:block !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-img{
  display:block !important;
  width:100% !important;
  height:clamp(420px, 28.5vw, 560px) !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-copy{
  padding:26px clamp(24px, 3.6vw, 72px) 0 !important;
  color:rgba(255,255,255,.78) !important;
  text-align:left !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-copy p{
  margin:0 0 14px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:var(--hi-type-copy, clamp(16px, 1vw, 18px)) !important;
  line-height:var(--hi-type-copy-line, 1.58) !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
  text-align:left !important;
  text-align-last:auto !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-copy p:last-child{
  margin-bottom:0 !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-copy strong,
body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-shell strong{
  color:rgba(255,255,255,.9) !important;
  font-weight:700 !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-shell{
  width:100% !important;
  max-width:none !important;
  margin:72px auto 0 !important;
  padding:28px 34px 26px !important;
  column-count:1 !important;
  column-gap:0 !important;
  display:block !important;
  text-align:left !important;
  color:rgba(255,255,255,.68) !important;
  border:1px solid rgba(191,169,122,.24) !important;
  border-radius:28px !important;
  background:#070708 !important;
  background-image:none !important;
  box-shadow:none !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-list{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:0 !important;
  width:100% !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-item{
  margin:0 !important;
  padding:0 30px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  min-width:0 !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-item:first-child{
  padding-left:0 !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-item:last-child{
  padding-right:0 !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-item + .team-editorial-feature-item{
  border-left:1px solid rgba(191,169,122,.16) !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-item h3{
  margin:0 0 10px !important;
  color:#f2eadc !important;
  font-size:clamp(18px, 1.28vw, 24px) !important;
  line-height:1.18 !important;
  font-weight:800 !important;
  letter-spacing:-.025em !important;
  text-align:left !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-shell p,
body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-item p{
  width:auto !important;
  margin:0 !important;
  color:rgba(255,255,255,.70) !important;
  font-size:16px !important;
  line-height:1.56 !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
  text-align:left !important;
  text-align-last:auto !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-actions{
  display:flex !important;
  position:relative !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  margin-top:26px !important;
  padding-top:24px !important;
  border-top:1px solid rgba(191,169,122,.15) !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-cta,
body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:310px !important;
  min-height:52px !important;
  padding:15px 24px !important;
  border-radius:12px !important;
  border:1px solid rgba(191,169,122,.65) !important;
  background:#000 !important;
  color:#fff !important;
  appearance:none !important;
  cursor:pointer !important;
  font-family:inherit !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  box-shadow:none !important;
  transition:background-color .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease, transform .25s ease !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-cta:hover,
body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-cta:focus-visible{
  background:#bfa97a !important;
  background-image:none !important;
  color:#000 !important;
  border-color:#bfa97a !important;
  box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
  outline:none !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-menu{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  width:100% !important;
  max-width:620px !important;
  margin:12px auto 0 !important;
  padding:10px !important;
  border:1px solid rgba(191,169,122,.32) !important;
  border-radius:18px !important;
  background:#070708 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.32) !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-menu[hidden]{
  display:none !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-menu a,
body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-menu button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px !important;
  padding:12px 16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:13px !important;
  color:#fff !important;
  background:rgba(255,255,255,.035) !important;
  text-decoration:none !important;
  font-family:inherit !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  cursor:pointer !important;
  box-shadow:none !important;
  appearance:none !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-menu a:hover,
body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-menu a:focus-visible,
body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-menu button:hover,
body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-menu button:focus-visible{
  background:#bfa97a !important;
  background-image:none !important;
  color:#000 !important;
  border-color:#bfa97a !important;
  box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
  transform:none !important;
  opacity:1 !important;
  outline:none !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-actions.is-open .team-editorial-channel-toggle,
body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-actions.is-open .team-editorial-channel-toggle:hover,
body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-actions.is-open .team-editorial-channel-toggle:focus,
body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-actions.is-open .team-editorial-channel-toggle:focus-visible,
body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-actions.is-open .team-editorial-channel-toggle:active{
  background:#000 !important;
  background-image:none !important;
  color:#fff !important;
  border-color:rgba(191,169,122,.65) !important;
  box-shadow:none !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
  outline:none !important;
}

@media (min-width:901px){
  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-intro-desktop-break{
    display:inline !important;
  }
}

@media (max-width:1400px) and (min-width:901px){
  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-img{
    height:clamp(390px, 32vw, 460px) !important;
  }
  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-copy{
    padding-left:clamp(24px, 3.2vw, 52px) !important;
    padding-right:clamp(24px, 3.2vw, 52px) !important;
  }
}

@media (max-width:1100px){
  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-shell{
    padding:26px 26px 24px !important;
    border-radius:24px !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-list{
    grid-template-columns:1fr !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-item{
    padding:18px 0 !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-item:first-child{
    padding-top:0 !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-item:last-child{
    padding-bottom:0 !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-item + .team-editorial-feature-item{
    border-left:0 !important;
    border-top:1px solid rgba(191,169,122,.16) !important;
  }
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-intro{
    width:min(92vw, 760px) !important;
    margin-bottom:24px !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-layout{
    left:auto !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-card + .team-editorial-card{
    margin-top:30px !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-img{
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-copy{
    width:min(92vw, 760px) !important;
    margin:0 auto !important;
    padding:20px 0 0 !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-copy p{
    margin-bottom:12px !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-shell{
    width:min(92vw, 820px) !important;
    margin-top:32px !important;
    padding:24px 22px 22px !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-actions{
    align-items:stretch !important;
    margin-top:22px !important;
    padding-top:22px !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-toggle{
    max-width:none !important;
    min-height:50px !important;
    font-size:16px !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-channel-menu{
    grid-template-columns:1fr !important;
    max-width:none !important;
    gap:8px !important;
    margin-top:10px !important;
  }
}

@media (max-width:560px){
  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-intro{
    width:calc(100vw - 32px) !important;
    margin-bottom:22px !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-card + .team-editorial-card{
    margin-top:28px !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-copy{
    width:calc(100vw - 32px) !important;
    padding-top:18px !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-shell{
    width:calc(100vw - 32px) !important;
    margin-top:28px !important;
    padding:22px 18px 20px !important;
    border-radius:20px !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-item{
    padding:16px 0 !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-shell p,
  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-item p{
    line-height:1.55 !important;
  }

  body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-feature-cta{
    max-width:none !important;
    min-height:50px !important;
    font-size:16px !important;
  }
}

/* === design-v61-team-intro-tone-and-title-gap-v21 ===
   Owner: design-interiera-samara.html / #team.design-section-team.
   Goal: make the copied team subtitle match the accepted gold-tinted live-view subtitle tone and match the main-page H2 underline-to-subtitle rhythm.
   Scope: team title/intro rhythm only; images, cards, button, SEO, schema, neighbouring sections and mobile layout are untouched. */
body.project-hero-fullscreen-page#top #team.design-section-team > .wrap > .section-title{
  margin-bottom:var(--hi-section-title-gap, 22px) !important;
}

body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-intro{
  color:var(--hi-text-dim, #CFC8B5) !important;
  opacity:.9 !important;
  margin-top:0 !important;
}


/* === design-v62-team-copy-background-fix-v22 ===
   Owner: design-interiera-samara.html / #team.design-section-team.
   Goal: remove the visible black fill behind the two biography text columns after copying the main editorial team block.
   Scope: only the team text strip background; images, copy typography, feature card, button, neighbouring sections and mobile layout are untouched. */
body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-layout,
body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-card,
body.project-hero-fullscreen-page#top #team.design-section-team .team-editorial-copy{
  background:transparent !important;
  background-image:none !important;
}


/* === design-v63-reviews-match-main-v23 ===
   Owner: design-interiera-samara.html / #reviews-proof.
   Goal: bring the client reviews block to the accepted main-page reviews style: gradient card surfaces and Flatica CTA matching the main-page team CTA.
   Scope: reviews section only; heading text remains page-specific; FAQ, contacts, team, schema and mobile layout are untouched. */
body.project-hero-fullscreen-page#top #reviews-proof.design-section-proof.hi-index-reviews .hi-proof-main,
body.project-hero-fullscreen-page#top #reviews-proof.design-section-proof.hi-index-reviews .hi-proof-stat,
body.project-hero-fullscreen-page#top #reviews-proof.design-section-proof.hi-index-reviews .hi-proof-reviews-block .hi-proof-review-card,
body.project-hero-fullscreen-page#top #reviews-proof.design-section-proof.hi-index-reviews .hi-proof-reviews-note{
  background:linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,0) 100%), linear-gradient(135deg, rgba(191,169,122,.10), rgba(12,12,14,.96) 28%, rgba(4,4,4,.98) 100%) !important;
  border:1px solid rgba(191,169,122,.24) !important;
  border-radius:16px !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
  background-clip:padding-box !important;
  -webkit-background-clip:padding-box !important;
}

body.project-hero-fullscreen-page#top #reviews-proof.design-section-proof.hi-index-reviews .hi-proof-main::before,
body.project-hero-fullscreen-page#top #reviews-proof.design-section-proof.hi-index-reviews .hi-proof-stat::before,
body.project-hero-fullscreen-page#top #reviews-proof.design-section-proof.hi-index-reviews .hi-proof-reviews-block .hi-proof-review-card::before,
body.project-hero-fullscreen-page#top #reviews-proof.design-section-proof.hi-index-reviews .hi-proof-reviews-note::before{
  content:none !important;
  display:none !important;
}

body.project-hero-fullscreen-page#top #reviews-proof.design-section-proof.hi-index-reviews .hi-proof-reviews-note a.btn-outline{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:52px !important;
  height:auto !important;
  padding:15px 24px !important;
  border-radius:12px !important;
  border:1px solid rgba(191,169,122,.65) !important;
  background:#000 !important;
  background-image:none !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  box-shadow:none !important;
  transition:background-color .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease, transform .25s ease !important;
  opacity:1 !important;
}

body.project-hero-fullscreen-page#top #reviews-proof.design-section-proof.hi-index-reviews .hi-proof-reviews-note a.btn-outline:hover,
body.project-hero-fullscreen-page#top #reviews-proof.design-section-proof.hi-index-reviews .hi-proof-reviews-note a.btn-outline:focus-visible{
  background:#bfa97a !important;
  background-image:none !important;
  color:#000 !important;
  border-color:#bfa97a !important;
  box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
  outline:none !important;
}

/* === design-v64-contacts-cards-match-live-view-v24 ===
   Owner: design-interiera-samara.html / #contacts.hi-contact-section.
   Superseded by design-v65: v24 still left gradient layers in the card background. */

/* === design-v65-contacts-cards-flat-live-view-v25 ===
   Owner: design-interiera-samara.html / #contacts.hi-contact-section.
   Goal: actually remove the decorative gradient from the two contact cards and match the flat accepted live-view card surface.
   Scope: desktop contact cards only; form fields, map, footer, reviews, FAQ and mobile layout are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-form-card,
  body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-info-card{
    background:#09090a !important;
    background-image:none !important;
    border:1px solid rgba(191,169,122,.25) !important;
    border-radius:28px !important;
    box-shadow:0 18px 46px rgba(0,0,0,.24) !important;
    background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
  }

  body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-form-card::before,
  body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-info-card::before,
  body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-form-card::after,
  body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-info-card::after{
    content:none !important;
    display:none !important;
    background:none !important;
    background-image:none !important;
  }
}

/* === design-v66-contacts-cards-flat-all-devices-v26 ===
   Owner: design-interiera-samara.html / #contacts.hi-contact-section.
   Задача: убрать градиент у карточек формы и контактов на ПК и мобильной,
   сохранить единую тёмную поверхность как на главной и странице ремонта.
   Не меняет поля, карту, тексты, кнопку, отступы и соседние секции. */
body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-form-card,
body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-info-card{
  background:#09090a !important;
  background-image:none !important;
  border:1px solid rgba(191,169,122,.25) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.24) !important;
  background-clip:padding-box !important;
  -webkit-background-clip:padding-box !important;
}

body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-form-card::before,
body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-info-card::before,
body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-form-card::after,
body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-info-card::after{
  content:none !important;
  display:none !important;
  background:none !important;
  background-image:none !important;
}

/* === design-v67-section-underlines-audit-lock-v27 ===
   Owner: design-interiera-samara.html / section H2 underlines.
   Задача: привести подчеркивания заголовков к тому же стилю, что на главной,
   на ПК и мобильной версиях: толщина, насыщенность, тень и вылет.
   Не меняет тексты, порядок блоков, SEO, кнопки, карточки и отступы секций. */
body.project-hero-fullscreen-page#top #services > .wrap > h2.section-title:first-of-type,
body.project-hero-fullscreen-page#top #services .design-project-core .hi-about-title,
body.project-hero-fullscreen-page#top #portfolio.design-portfolio-service > .wrap > h2.section-title,
body.project-hero-fullscreen-page#top #hi-video-reviews .hi-videos-head > h2.section-title,
body.project-hero-fullscreen-page#top #realized-view.design-realized-view-clone > .wrap > h2.section-title,
body.project-hero-fullscreen-page#top #prices.design-main-price-clone > .wrap > h2.section-title,
body.project-hero-fullscreen-page#top #design-steps.design-main-steps-clone > .wrap > h2.section-title,
body.project-hero-fullscreen-page#top #team.design-section-team > .wrap > h2,
body.project-hero-fullscreen-page#top #reviews-proof.design-section-proof .hi-proof-intro > h2,
body.project-hero-fullscreen-page#top #faq.design-section-faq > .wrap > h2,
body.project-hero-fullscreen-page#top #contacts.hi-contact-section > .wrap > h2.section-title{
  position:relative !important;
  display:table !important;
  width:auto !important;
  max-width:calc(100vw - 40px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  text-wrap:balance !important;
}

body.project-hero-fullscreen-page#top #services > .wrap > h2.section-title:first-of-type::after,
body.project-hero-fullscreen-page#top #services .design-project-core .hi-about-title::after,
body.project-hero-fullscreen-page#top #portfolio.design-portfolio-service > .wrap > h2.section-title::after,
body.project-hero-fullscreen-page#top #hi-video-reviews .hi-videos-head > h2.section-title::after,
body.project-hero-fullscreen-page#top #realized-view.design-realized-view-clone > .wrap > h2.section-title::after,
body.project-hero-fullscreen-page#top #prices.design-main-price-clone > .wrap > h2.section-title::after,
body.project-hero-fullscreen-page#top #design-steps.design-main-steps-clone > .wrap > h2.section-title::after,
body.project-hero-fullscreen-page#top #team.design-section-team > .wrap > h2::after,
body.project-hero-fullscreen-page#top #reviews-proof.design-section-proof .hi-proof-intro > h2::after,
body.project-hero-fullscreen-page#top #faq.design-section-faq > .wrap > h2::after,
body.project-hero-fullscreen-page#top #contacts.hi-contact-section > .wrap > h2.section-title::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:-10px !important;
  display:block !important;
  width:calc(100% + clamp(34px, 4.2vw, 76px)) !important;
  max-width:calc(100vw - 40px) !important;
  height:1px !important;
  margin:0 !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg,
    rgba(191,169,122,0) 0%,
    rgba(191,169,122,.40) 18%,
    rgba(191,169,122,.70) 50%,
    rgba(191,169,122,.40) 82%,
    rgba(191,169,122,0) 100%) !important;
  box-shadow:0 0 5px rgba(191,169,122,.22), 0 0 10px rgba(191,169,122,.08) !important;
  opacity:.94 !important;
  border-radius:2px !important;
}

body.project-hero-fullscreen-page#top #portfolio.design-portfolio-service .portfolio-projects-title::after{
  height:1px !important;
  background:linear-gradient(90deg,
    rgba(191,169,122,0) 0%,
    rgba(191,169,122,.40) 18%,
    rgba(191,169,122,.70) 50%,
    rgba(191,169,122,.40) 82%,
    rgba(191,169,122,0) 100%) !important;
  box-shadow:0 0 5px rgba(191,169,122,.22), 0 0 10px rgba(191,169,122,.08) !important;
  opacity:.94 !important;
  border-radius:2px !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #services > .wrap > h2.section-title:first-of-type::after,
  body.project-hero-fullscreen-page#top #services .design-project-core .hi-about-title::after,
  body.project-hero-fullscreen-page#top #portfolio.design-portfolio-service > .wrap > h2.section-title::after,
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-videos-head > h2.section-title::after,
  body.project-hero-fullscreen-page#top #realized-view.design-realized-view-clone > .wrap > h2.section-title::after,
  body.project-hero-fullscreen-page#top #prices.design-main-price-clone > .wrap > h2.section-title::after,
  body.project-hero-fullscreen-page#top #design-steps.design-main-steps-clone > .wrap > h2.section-title::after,
  body.project-hero-fullscreen-page#top #team.design-section-team > .wrap > h2::after,
  body.project-hero-fullscreen-page#top #reviews-proof.design-section-proof .hi-proof-intro > h2::after,
  body.project-hero-fullscreen-page#top #faq.design-section-faq > .wrap > h2::after,
  body.project-hero-fullscreen-page#top #contacts.hi-contact-section > .wrap > h2.section-title::after{
    bottom:-10px !important;
    width:calc(100% + 72px) !important;
    max-width:calc(100vw - 24px) !important;
    height:1px !important;
  }
}

/* === design-v12-hero-h1-lead-gap-match-index-v29 ===
   Owner: design-interiera-samara.html / #home-intro hero H1-lead rhythm.
   Задача: зафиксировать тот же ритм H1 -> подзаголовок, что на главной и ремонте;
   без изменения текста, кнопок, JS, SEO и глобальной типографики. */
body.project-hero-fullscreen-page#top #home-intro .home-h1{
  margin:0 auto 14px !important;
}
body.project-hero-fullscreen-page#top #home-intro .home-lead{
  margin-top:0 !important;
}
@media (max-width:414px){
  body.project-hero-fullscreen-page#top #home-intro .home-h1{
    margin-bottom:12px !important;
  }
}


/* === design-v13-visible-breadcrumbs-v30 ===
   Owner: design-interiera-samara.html / #home-intro .hi-page-breadcrumbs.
   Задача: добавить видимые хлебные крошки без сдвига hero-связки H1/lead/CTA;
   Schema BreadcrumbList уже есть в HTML, SEO-структуру не меняем. */
body.project-hero-fullscreen-page#top #home-intro.hi-service-intro-breadcrumbs{
  padding-top:24px !important;
}
body.project-hero-fullscreen-page#top #home-intro .hi-page-breadcrumbs{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  margin:0 0 10px !important;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size:13px !important;
  line-height:16px !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
  color:rgba(216,204,173,.64) !important;
}
body.project-hero-fullscreen-page#top #home-intro .hi-page-breadcrumbs a{
  color:rgba(216,204,173,.74) !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(191,169,122,.18) !important;
  transition:color .18s ease, border-color .18s ease !important;
}
body.project-hero-fullscreen-page#top #home-intro .hi-page-breadcrumbs a:hover,
body.project-hero-fullscreen-page#top #home-intro .hi-page-breadcrumbs a:focus-visible{
  color:#E8E3D4 !important;
  border-color:rgba(191,169,122,.46) !important;
}
body.project-hero-fullscreen-page#top #home-intro .hi-page-breadcrumbs span[aria-hidden="true"]{
  color:rgba(191,169,122,.38) !important;
}
body.project-hero-fullscreen-page#top #home-intro .hi-page-breadcrumbs span[aria-current="page"]{
  color:rgba(216,204,173,.58) !important;
}
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #home-intro.hi-service-intro-breadcrumbs{
    padding-top:14px !important;
  }
  body.project-hero-fullscreen-page#top #home-intro .hi-page-breadcrumbs{
    gap:7px !important;
    margin-bottom:8px !important;
    font-size:12px !important;
    line-height:15px !important;
  }
}

/* Mobile live-view icons and channel order: MAX → Telegram → request. Desktop untouched. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option-heading{display:flex !important;align-items:center !important;gap:18px !important;margin:0 0 18px !important;}
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option-heading h3{margin:0 !important;}
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option-icon{display:flex !important;flex:0 0 32px !important;align-items:center !important;justify-content:center !important;width:32px !important;height:32px !important;margin:0 !important;color:#D7BB85 !important;}
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option-icon svg{display:block !important;width:32px !important;height:32px !important;fill:none !important;stroke:currentColor !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option-icon img{display:block !important;width:32px !important;height:32px !important;object-fit:contain !important;}
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu a[href*="max.ru"]{order:1 !important;}
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu a[href*="t.me"]{order:2 !important;}
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu button{order:3 !important;}
}

/* Preserve the accepted desktop layout after adding mobile-only heading icons. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option-heading{display:contents;}
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option-icon{display:none;}
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option-heading{display:flex !important;}
}


/* Mobile optical correction: trowel icon only; desktop unchanged. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option:nth-child(2) .live-view-option-icon img{
    width:35px !important;
    height:35px !important;
    max-width:none !important;
  }
}