/* 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.
*/

/* === hi-service-typography-system-v1 === */
:root{
  --hi-copy-size: clamp(16px, calc(1.2vw + 12px), 18px);
  --hi-copy-line: 1.5;
  --hi-h1-size: clamp(30px, 3.2vw, 52px);
  --hi-h1-line: 1.08;
  --hi-h2-size: clamp(30px, 2.4vw, 36px);
  --hi-h2-line: 1.16;
  --hi-h3-size: clamp(18px, 1.45vw, 22px);
  --hi-h3-line: 1.18;
  --hi-copy-small: clamp(14px, .95vw, 16px);
}
body{ font-size: var(--hi-copy-size); }
h1,
#hero .hero-title{
  font-size: var(--hi-h1-size) !important;
  line-height: var(--hi-h1-line) !important;
  letter-spacing: -0.02em !important;
}
@media (max-width: 900px){
  h1,
  #hero .hero-title{
    font-size: clamp(25px, 6.4vw, 34px) !important;
  }
}
@media (max-width: 560px){
  h1,
  #hero .hero-title{
    font-size: clamp(24px, 6.8vw, 31px) !important;
  }
}
section > .wrap > h2,
#services h2,
#design-steps h2,
#portfolio h2,
#prices h2,
#team h2,
#partners h2,
#contacts h2{
  font-size: var(--hi-h2-size) !important;
  line-height: var(--hi-h2-line) !important;
  letter-spacing: -0.02em !important;
}
#prices .price-card h3,
#services h3,
#design-steps h3,
#team h3,
#contacts h3{
  font-size: var(--hi-h3-size) !important;
  line-height: var(--hi-h3-line) !important;
}
#services p,
#services li,
#design-steps p,
#design-steps li,
#prices p,
#prices li,
#prices .price-card p,
#prices .price-card li,
#team p,
#team li,
#partners p,
#partners li,
#contacts p,
#contacts li{
  font-size: var(--hi-copy-size) !important;
  line-height: var(--hi-copy-line) !important;
}
#services .hi-about{
  max-width: 1100px;
  margin: 0 auto 22px !important;
  text-align: center;
}
#services .hi-about p{
  margin: 0 auto 4px !important;
  max-width: 1100px;
  text-align: center !important;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
#services .hi-services-side p,
#services .hi-services-side ul,
#services .hi-services-side li,
#prices .price-card .subtitle,
.prices-contract-note,
.footnote{
  font-size: var(--hi-copy-size) !important;
  line-height: var(--hi-copy-line) !important;
}


/* === hi-typography-unified-v3 === */
:root{
  --hi-font-sans: Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --hi-type-copy: clamp(16px, 1.05vw, 18px);
  --hi-type-copy-line: 1.58;
  --hi-type-meta: clamp(14px, .95vw, 16px);
  --hi-type-h1: clamp(30px, 3.2vw, 52px);
  --hi-type-h1-line: 1.08;
  --hi-type-h2: clamp(28px, 2.35vw, 38px);
  --hi-type-h2-line: 1.14;
  --hi-type-h3: clamp(20px, 1.65vw, 26px);
  --hi-type-h3-line: 1.18;
  --hi-type-track-h1: -0.028em;
  --hi-type-track-h2: -0.022em;
  --hi-type-track-h3: -0.014em;
}
html,
body,
input,
button,
textarea,
select{
  font-family:var(--hi-font-sans) !important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body{
  font-size:var(--hi-type-copy);
  line-height:var(--hi-type-copy-line);
}
body h1.home-h1,
body #hero h1.hero-title,
body .project-intro h1.section-title,
body h1.section-title,
body main h1{
  font-family:var(--hi-font-sans) !important;
  font-weight:800 !important;
  font-size:var(--hi-type-h1) !important;
  line-height:var(--hi-type-h1-line) !important;
  letter-spacing:var(--hi-type-track-h1) !important;
  text-wrap:balance;
  hyphens:none;
  word-break:normal;
  overflow-wrap:normal;
}
body h1.home-h1,
body #hero h1.hero-title,
body .project-intro h1.section-title{
  margin-bottom:16px !important;
}
body h2.section-title,
body section > .wrap > h2,
body section > h2,
body #services h2,
body #design-steps h2,
body #portfolio h2,
body #prices h2,
body #team h2,
body #partners h2,
body #contacts h2,
body #faq h2,
body .project-floorplan h2.section-title,
body .project-visualization-title h2.section-title,
body .project-about h2.section-title,
body .project-video-review h2.section-title,
body .project-realized h2.section-title,
body .hi-about-title{
  font-family:var(--hi-font-sans) !important;
  font-weight:800 !important;
  font-size:var(--hi-type-h2) !important;
  line-height:var(--hi-type-h2-line) !important;
  letter-spacing:var(--hi-type-track-h2) !important;
  text-wrap:balance;
  hyphens:none;
}
body .project-album-roomtitle,
body .price-card h3,
body .svc-card h3,
body .hi-price-card h3,
body #services h3,
body #design-steps h3,
body #portfolio h3,
body #prices h3,
body #team h3,
body #contacts h3{
  font-family:var(--hi-font-sans) !important;
  font-weight:800 !important;
  font-size:var(--hi-type-h3) !important;
  line-height:var(--hi-type-h3-line) !important;
  letter-spacing:var(--hi-type-track-h3) !important;
}
body section p,
body section li,
body .home-lead,
body .hero-lead,
body .project-intro-text,
body .project-intro-copy p,
body .project-floorplan-text,
body .project-album-copy,
body .project-about p,
body .project-about li,
body .project-video-review__caption,
body .price-card p,
body .svc-card p{
  font-size:var(--hi-type-copy) !important;
  line-height:var(--hi-type-copy-line) !important;
  letter-spacing:-0.01em;
}
body .project-meta-list,
body .project-meta-list li,
body .breadcrumbs,
body .crumbs,
body .project-service-links,
body .project-service-links a,
body .hero-subline,
body .hi-note,
body small{
  font-size:var(--hi-type-meta) !important;
  line-height:1.45 !important;
}
@media (max-width: 900px){
  :root{
    --hi-type-copy: 16px;
    --hi-type-copy-line: 1.56;
    --hi-type-meta: 14px;
    --hi-type-h1: clamp(25px, 6.1vw, 28px);
    --hi-type-h1-line: 1.08;
    --hi-type-h2: clamp(22px, 5.2vw, 26px);
    --hi-type-h2-line: 1.12;
    --hi-type-h3: clamp(18px, 4.5vw, 22px);
    --hi-type-h3-line: 1.18;
  }
  body .home-intro > .wrap,
  body .repair-page-intro > .wrap,
  body .project-intro > .wrap,
  body #hero > .content{
    width:min(96%, 1600px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  body h1.home-h1,
  body #hero h1.hero-title,
  body .project-intro h1.section-title{
    width:100%;
    max-width:none !important;
  }
}


/* === 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,footer.hi-footer-pro{
  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;
  color:var(--hi-text,#E8E3D4) !important;
  font-size:clamp(30px,3.2vw,52px) !important;
  line-height:1.08 !important;
  letter-spacing:-0.02em !important;
}
#home-intro .home-lead{
  margin:0 auto 22px !important;
  max-width:min(1500px, calc(100vw - 64px)) !important;
  color:var(--hi-text-dim,#CFC8B5) !important;
  font-size:clamp(17px,1.18vw,20px) !important;
  line-height:1.46 !important;
  opacity:.9 !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;
}
#services{
  padding-top:14px !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-h1{ font-size:clamp(25px,6.4vw,34px) !important; }
  #home-intro .home-lead{ max-width:100% !important; font-size:clamp(15px,2.5vw,18px) !important; line-height:1.5 !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 (max-width: 560px){
  #home-intro .home-h1{ font-size:clamp(24px,6.8vw,31px) !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;
    overflow-wrap:break-word !important;
  }
  #home-intro .home-lead .home-lead-line{
    white-space:normal !important;
  }
}
@media (min-width: 901px){
  body.project-hero-fullscreen-page:not(.header-visible) #site-header{
    background:rgba(255,255,255,.14) !important;
    backdrop-filter:blur(14px) saturate(160%) !important;
    -webkit-backdrop-filter:blur(14px) saturate(160%) !important;
    box-shadow:none !important;
    pointer-events:auto !important;
  }
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-logo img{
    filter:brightness(0) saturate(100%) drop-shadow(0 2px 6px rgba(0,0,0,.18)) !important;
  }
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-link,
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-nav .hi-link,
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-phone,
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-icon,
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-btn{
    color:rgba(10,10,10,.92) !important;
    border-color:rgba(10,10,10,.28) !important;
    text-shadow:0 1px 12px rgba(255,255,255,.25) !important;
  }
  body.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-icon svg{
    fill:currentColor !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;line-height:1.72;color:var(--hi-text-dim,#CFC8B5);}
#services .hi-clean-list li + li{margin-top:7px;}
#services .hi-clean-list strong{color:var(--hi-text,#E8E3D4);font-weight:650;}
#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(3,minmax(0,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;
  color:var(--hi-text,#E8E3D4) !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;
  color:var(--hi-text-dim,#CFC8B5) !important;
  line-height:1.5 !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,.48) 0%, rgba(0,0,0,.82) 100%) !important;
  opacity:0 !important;
  transition:opacity .35s ease !important;
}
body.project-hero-fullscreen-page.header-visible.header-light-on #hero::before,
body.project-hero-fullscreen-page.hero-dim.header-light-on #hero::before{
  opacity:1 !important;
}
body.project-hero-fullscreen-page:not(.header-light-on) #hero::before{
  opacity:0 !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:clamp(22px,1.62vw,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;
}
@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:16px 46px 8px 46px minmax(0,1fr) 16px;
    grid-template-areas:"image image image image image image" ". prev . next meta .";
    row-gap:14px;
    align-items:center;
    height:auto;
    padding-inline:0;
    box-sizing:border-box;
  }
  #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{
    width:min(520px, calc(100% - 44px));
    max-width:min(520px, calc(100% - 44px));
    margin:14px auto 0;
    padding-inline:0;
  }
  #portfolio.design-portfolio-service .portfolio-showcase__cta{
    display:flex;
    width:100%;
    min-width:0;
    min-height:50px;
    box-sizing:border-box;
  }
  #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:clamp(16px,4.2vw,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,64vw,280px);
    --hi-gap:clamp(12px,3vw,16px);
  }
  #hi-video-reviews .hi-coverflow-track{
    --hi-card-w:clamp(210px,64vw,280px);
    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{
  font-size:clamp(22px,1.45vw,25px) !important;
  line-height:1.14 !important;
  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;
  }
  #prices.design-main-price-clone .price-card header h3{
    font-size:clamp(21px,5.2vw,24px) !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;
  color:var(--hi-text-dim);
  font-size:17px !important;
  line-height:1.62 !important;
}

#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;
  }
  #contacts .hi-contact-text,
  #contacts .hi-contact-info-head p{
    font-size:16px !important;
    line-height:1.56 !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:560px){
  #hi-video-reviews .hi-coverflow{
    padding-top:6px !important;
    --hi-card-w:clamp(210px,64vw,280px);
    --hi-gap:clamp(12px,3vw,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;
  font-family:var(--hi-font-sans) !important;
  font-weight:800 !important;
  font-size:var(--hi-type-h2) !important;
  line-height:var(--hi-type-h2-line) !important;
  letter-spacing:var(--hi-type-track-h2) !important;
  color:var(--hi-text,#E8E3D4) !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;
  color:var(--hi-text-dim,#CFC8B5) !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;
  font-family:var(--hi-font-sans) !important;
  font-weight:800 !important;
  font-size:var(--hi-type-h2) !important;
  line-height:var(--hi-type-h2-line) !important;
  letter-spacing:var(--hi-type-track-h2) !important;
  color:var(--hi-text,#E8E3D4) !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;
  color:var(--hi-text-dim,#CFC8B5) !important;
  font-size:16px !important;
  line-height:1.72 !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;
  }
  #faq.design-section-faq .hi-faq .faq-body p{
    font-size:15.5px !important;
    line-height:1.65 !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;
  }
  #reviews-proof .hi-proof-reviews-note .btn-outline{
    width:100% !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:clamp(24px,1.75vw,34px) !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !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;
  }
}


/* === hi-design-intro-kicker-v30-match-repair === */
#home-intro .home-kicker{
  margin:0 0 14px !important;
  color:var(--hi-accent,#BFA97A) !important;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size:18px !important;
  font-weight:500 !important;
  line-height:1.65 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  opacity:.88 !important;
}
@media (max-width:560px){
  #home-intro .home-kicker{
    font-size:13px !important;
    letter-spacing:.18em !important;
    line-height:1.65 !important;
  }
}

/* === design-hero-cta-equal-width-v33 ===
   Owner: design-interiera-samara.html / #home-intro .cta.
   Задача: внутри пары hero-кнопок сделать обе капсулы одинаковой ширины независимо от текста. */
#home-intro .cta a.hi-hero-cta{
  flex:0 0 206px !important;
  width:206px !important;
  min-width:206px !important;
  max-width:206px !important;
  min-height:56px !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;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-weight:800 !important;
  font-size:clamp(30px,3.2vw,52px) !important;
  line-height:1.08 !important;
  letter-spacing:-0.02em !important;
  text-wrap:balance !important;
  hyphens:none !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}
#home-intro .home-lead{
  width:min(100%,1240px) !important;
  max-width:1240px !important;
  margin:0 auto 22px !important;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size:clamp(17px,1.28vw,20px) !important;
  line-height:1.5 !important;
  letter-spacing:-0.01em !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;
    font-size:clamp(25px,6.4vw,34px) !important;
    line-height:1.08 !important;
  }
  #home-intro .home-lead{
    width:100% !important;
    max-width:none !important;
    margin:0 auto 22px !important;
    font-size:clamp(15px,2.5vw,18px) !important;
    line-height:1.5 !important;
  }
}
@media (max-width:560px){
  #home-intro .home-h1{
    font-size:clamp(24px,6.8vw,31px) !important;
  }
}