/* Cementare index — Concretta mobile parity layer v3 (TR + EN only)
   Reference: Concretta index / V424-V425 mobile header geometry and index hero rhythm
   already embedded in the approved bundle. Scope: body.ct-cementare-page only.
   Desktop >=1200px remains untouched. */

@media (max-width:1199px){
  .ct-cementare-page{overflow-x:hidden!important;}
  .ct-cementare-page img,.ct-cementare-page video,.ct-cementare-page svg{max-width:100%;}
  .ct-cementare-page .cb119-hero,
  .ct-cementare-page .cb119-hero .cb119-wrap,
  .ct-cementare-page .cb119-hero .cb119-hero-layout,
  .ct-cementare-page .cb119-hero .cb119-hero-layout > div:first-child{min-width:0!important;}
}

/* --------------------------------------------------------------------------
   CONCRETTA V424/V425 HEADER PARITY — phone + portrait tablet
   -------------------------------------------------------------------------- */
@media (max-width:991px){
  .ct-cementare-page #menu1-2uh .navbar{
    min-height:68px!important;
    padding:8px 14px!important;
    padding-top:max(8px,env(safe-area-inset-top))!important;
    padding-left:max(14px,env(safe-area-inset-left))!important;
    padding-right:max(14px,env(safe-area-inset-right))!important;
    background:linear-gradient(180deg,rgba(28,24,21,.78) 0%,rgba(28,24,21,.44) 64%,rgba(28,24,21,0) 100%)!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .ct-cementare-page #menu1-2uh .navbar.navbar-short,
  .ct-cementare-page #menu1-2uh .navbar.concretta-scrolled-readable,
  .ct-cementare-page #menu1-2uh .navbar.opened{
    background:rgba(27,24,21,.965)!important;
    box-shadow:0 12px 34px rgba(15,12,10,.16)!important;
    -webkit-backdrop-filter:blur(16px) saturate(108%)!important;
    backdrop-filter:blur(16px) saturate(108%)!important;
  }
  .ct-cementare-page #menu1-2uh .menu-logo{
    margin:0!important;
    padding:0!important;
    align-self:flex-start!important;
    min-width:0!important;
  }
  .ct-cementare-page #menu1-2uh .navbar-brand,
  .ct-cementare-page #menu1-2uh .collapsed .navbar-brand{
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
  }
  .ct-cementare-page #menu1-2uh .navbar-logo,
  .ct-cementare-page #menu1-2uh .navbar-logo a{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
  }
  .ct-cementare-page #menu1-2uh .navbar-logo img,
  .ct-cementare-page #menu1-2uh .navbar.navbar-short .navbar-logo img{
    width:clamp(144px,39vw,158px)!important;
    height:auto!important;
    max-width:none!important;
    transform:none!important;
    opacity:1!important;
  }
  .ct-cementare-page #menu1-2uh .navbar-toggler,
  .ct-cementare-page #menu1-2uh .navbar.navbar-short .navbar-toggler-right{
    position:absolute!important;
    top:max(12px,env(safe-area-inset-top))!important;
    right:max(12px,env(safe-area-inset-right))!important;
    width:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(238,226,214,.18)!important;
    border-radius:50%!important;
    background:rgba(25,21,18,.16)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:blur(8px)!important;
    backdrop-filter:blur(8px)!important;
    z-index:1005!important;
  }
  .ct-cementare-page #menu1-2uh .navbar-toggler .hamburger{
    position:relative!important;
    width:22px!important;
    height:16px!important;
    margin:0!important;
  }
  .ct-cementare-page #menu1-2uh button.navbar-toggler .hamburger span{
    right:0!important;
    width:22px!important;
    height:1px!important;
    background:#f3eee8!important;
  }
  .ct-cementare-page #menu1-2uh button.navbar-toggler .hamburger span:nth-child(1){top:1px!important;}
  .ct-cementare-page #menu1-2uh button.navbar-toggler .hamburger span:nth-child(2),
  .ct-cementare-page #menu1-2uh button.navbar-toggler .hamburger span:nth-child(3){top:7.5px!important;}
  .ct-cementare-page #menu1-2uh button.navbar-toggler .hamburger span:nth-child(4){top:14px!important;}
  .ct-cementare-page #menu1-2uh nav.opened .hamburger span:nth-child(1),
  .ct-cementare-page #menu1-2uh nav.opened .hamburger span:nth-child(4){top:7.5px!important;}

  .ct-cementare-page #menu1-2uh .navbar-collapse{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    max-height:calc(var(--ct-mobile-vh-px,100dvh) - 80px - env(safe-area-inset-bottom))!important;
    margin:6px 0 0!important;
    padding:12px 18px max(18px,env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    border:1px solid rgba(232,216,200,.10)!important;
    border-radius:14px!important;
    background:rgba(29,26,23,.985)!important;
    box-shadow:0 22px 56px rgba(8,7,6,.28)!important;
    -webkit-backdrop-filter:blur(18px) saturate(108%)!important;
    backdrop-filter:blur(18px) saturate(108%)!important;
    z-index:1002!important;
  }
  .ct-cementare-page #menu1-2uh .navbar-nav > .nav-item > .nav-link,
  .ct-cementare-page #menu1-2uh .nav-item a.nav-link{
    min-height:52px!important;
    margin:0!important;
    padding:0 2px!important;
    justify-content:flex-start!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.2!important;
    letter-spacing:.045em!important;
    white-space:normal!important;
  }
}

/* Concretta V425 tablet geometry. */
@media (min-width:701px) and (max-width:991px){
  .ct-cementare-page #menu1-2uh .navbar{
    min-height:76px!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
    padding-left:max(22px,env(safe-area-inset-left))!important;
    padding-right:max(22px,env(safe-area-inset-right))!important;
  }
  .ct-cementare-page #menu1-2uh .menu-logo{align-self:center!important;}
  .ct-cementare-page #menu1-2uh .navbar-brand,
  .ct-cementare-page #menu1-2uh .collapsed .navbar-brand{min-height:56px!important;}
  .ct-cementare-page #menu1-2uh .navbar-logo img,
  .ct-cementare-page #menu1-2uh .navbar.navbar-short .navbar-logo img{
    width:clamp(178px,23vw,198px)!important;
    max-width:198px!important;
  }
  .ct-cementare-page #menu1-2uh .navbar-toggler,
  .ct-cementare-page #menu1-2uh .navbar.navbar-short .navbar-toggler-right{
    top:15px!important;
    right:max(20px,env(safe-area-inset-right))!important;
    width:46px!important;
    height:46px!important;
  }
  .ct-cementare-page #menu1-2uh .navbar-collapse{
    flex-basis:100%!important;
    width:min(720px,calc(100vw - 48px))!important;
    max-width:720px!important;
    max-height:calc(var(--ct-mobile-vh-px,100dvh) - 94px - env(safe-area-inset-bottom))!important;
    margin:8px 0 0 auto!important;
    padding:16px 24px max(22px,env(safe-area-inset-bottom))!important;
    border-radius:18px!important;
  }
  .ct-cementare-page #menu1-2uh .navbar-nav > .nav-item > .nav-link,
  .ct-cementare-page #menu1-2uh .nav-item a.nav-link{min-height:56px!important;font-size:14.5px!important;}
}

/* iPhone/WebKit flex-width guard copied from the approved Concretta V425 logic. */
@supports (-webkit-touch-callout:none){
  @media (max-width:700px){
    .ct-cementare-page #menu1-2uh .navbar{width:100%!important;max-width:100vw!important;}
    .ct-cementare-page #menu1-2uh .menu-logo{max-width:calc(100vw - 76px)!important;}
    .ct-cementare-page #menu1-2uh .navbar-logo img{max-width:min(146px,calc(100vw - 94px))!important;}
  }
}

/* iPad/Android landscape tablets: same Concretta desktop composition with larger touch targets. */
@media (min-width:992px) and (max-width:1180px) and (hover:none) and (pointer:coarse){
  .ct-cementare-page #menu1-2uh .navbar-nav > .nav-item > .nav-link{
    min-height:46px!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }
  .ct-cementare-page #menu1-2uh .ct70-header-tools,
  .ct-cementare-page #menu1-2uh .ct70-search-trigger,
  .ct-cementare-page #menu1-2uh .ct70-language-toggle,
  .ct-cementare-page #menu1-2uh .ct70-lang-current,
  .ct-cementare-page #menu1-2uh .ct70-lang-link,
  .ct-cementare-page #menu1-2uh .ct70-social-links,
  .ct-cementare-page #menu1-2uh .ct70-social-link{height:46px!important;min-height:46px!important;}
}

/* --------------------------------------------------------------------------
   CONCRETTA INDEX HERO PARITY
   Phone values mirror the current Concretta index rhythm: full small viewport,
   bottom-anchored copy, 18px gutters, 36/35/33px title steps.
   -------------------------------------------------------------------------- */
@media (max-width:700px){
  .ct-cementare-page .cb119-hero{
    min-height:100svh!important;
    height:100svh!important;
    align-items:flex-end!important;
    padding-top:max(88px,calc(72px + env(safe-area-inset-top)))!important;
    padding-bottom:max(76px,calc(64px + env(safe-area-inset-bottom)))!important;
  }
  @supports (height:100dvh){
    .ct-cementare-page .cb119-hero{min-height:100dvh!important;height:100dvh!important;}
  }
  .ct-cementare-page .cb119-hero .cb119-wrap{
    width:auto!important;
    max-width:none!important;
    margin-left:max(18px,env(safe-area-inset-left))!important;
    margin-right:max(18px,env(safe-area-inset-right))!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-layout{
    display:block!important;
    grid-template-columns:none!important;
    gap:0!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-layout > div:first-child{
    width:100%!important;
    max-width:100%!important;
  }
  .ct-cementare-page .cb119-hero .cb119-kicker{
    margin:0 0 14px!important;
    min-height:0!important;
    max-width:92%!important;
    font-size:8px!important;
    line-height:1.35!important;
    letter-spacing:.24em!important;
    white-space:normal!important;
  }
  .ct-cementare-page .cb119-hero h1{
    max-width:95%!important;
    margin:0!important;
    font-size:36px!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-sub{
    max-width:94%!important;
    min-height:0!important;
    margin-top:15px!important;
    font-size:10px!important;
    line-height:1.45!important;
    letter-spacing:.16em!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-copy{
    width:100%!important;
    max-width:94%!important;
    min-height:0!important;
    margin-top:18px!important;
    font-size:13.2px!important;
    line-height:1.62!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-actions{
    min-height:0!important;
    margin-top:22px!important;
    gap:10px 20px!important;
    align-items:flex-start!important;
    flex-wrap:wrap!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-actions .cb119-link{
    font-size:13px!important;
    line-height:1.35!important;
    white-space:nowrap!important;
  }
  .ct-cementare-page .cb119-hero .cb121-hero-signature,
  .ct-cementare-page .cb119-hero .cb119-hero-rail{display:none!important;}
  .ct-cementare-page .cmt119-hero .cb119-hero-media img{object-position:61% 50%!important;}

  /* Same single-column editorial rhythm as Concretta mobile. */
  .ct-cementare-page .c16-brand-intro{padding:54px 0 50px!important;}
  .ct-cementare-page .c16-brand-intro .c8-wrap,
  .ct-cementare-page .c16-systems .c8-wrap{
    width:calc(100% - 36px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .ct-cementare-page .c16-brand-intro .c8-intro-grid,
  .ct-cementare-page .c18-systems-intro{
    display:block!important;
    grid-template-columns:none!important;
    min-width:0!important;
  }
  .ct-cementare-page .c16-brand-intro .c8-intro-heading,
  .ct-cementare-page .c16-brand-intro .c8-intro-copy,
  .ct-cementare-page .c16-brand-intro .c8-intro-copy .c8-body,
  .ct-cementare-page .c18-systems-intro .c8-systems-head,
  .ct-cementare-page .c18-systems-intro .c18-systems-lead{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .ct-cementare-page .c16-brand-intro .c8-intro-heading{margin-bottom:18px!important;}
  .ct-cementare-page .c16-brand-intro .c8-intro-rule{width:42px!important;max-width:42px!important;}
  .ct-cementare-page .c16-brand-intro .c8-intro-copy .c8-body{font-size:15px!important;line-height:1.68!important;}
  .ct-cementare-page .c16-systems{padding-top:62px!important;}
  .ct-cementare-page .c18-systems-intro{gap:0!important;margin-bottom:28px!important;}
  .ct-cementare-page .c18-systems-intro .c8-systems-head{margin-bottom:16px!important;}
  .ct-cementare-page .c18-systems-intro .c18-systems-lead{font-size:14.5px!important;line-height:1.65!important;}
}

@media (max-width:430px){
  .ct-cementare-page #menu1-2uh .navbar{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important;}
  .ct-cementare-page #menu1-2uh .navbar-logo img,
  .ct-cementare-page #menu1-2uh .navbar.navbar-short .navbar-logo img{width:146px!important;}
  .ct-cementare-page .cb119-hero h1{font-size:35px!important;}
}
@media (max-width:390px){
  .ct-cementare-page .cb119-hero h1{font-size:33px!important;}
}

/* Tablet portrait / mid-width: Concretta index keeps a calm, centered composition. */
@media (min-width:701px) and (max-width:991px){
  .ct-cementare-page .cb119-hero{
    min-height:100svh!important;
    height:auto!important;
    align-items:center!important;
    padding-top:max(112px,calc(92px + env(safe-area-inset-top)))!important;
    padding-bottom:58px!important;
  }
  @supports (height:100dvh){.ct-cementare-page .cb119-hero{min-height:100dvh!important;}}
  .ct-cementare-page .cb119-hero .cb119-wrap{
    width:auto!important;
    max-width:none!important;
    margin-left:clamp(34px,5vw,58px)!important;
    margin-right:26px!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-layout{
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-layout > div:first-child{max-width:590px!important;}
  .ct-cementare-page .cb119-hero h1{font-size:clamp(44px,6.4vw,57px)!important;line-height:.98!important;}
  .ct-cementare-page .cb119-hero .cb119-hero-copy{max-width:34em!important;font-size:15px!important;line-height:1.68!important;}
  .ct-cementare-page .cb119-hero .cb119-hero-actions{margin-top:28px!important;gap:14px 20px!important;}
  .ct-cementare-page .cb119-hero .cb119-hero-rail,
  .ct-cementare-page .cb119-hero .cb121-hero-signature{display:none!important;}
  .ct-cementare-page .cmt119-hero .cb119-hero-media img{object-position:58% 50%!important;}
}

/* 992–1199: iPad landscape / small laptop follows Concretta desktop composition. */
@media (min-width:992px) and (max-width:1199px){
  .ct-cementare-page .cb119-hero{
    min-height:100vh!important;
    min-height:100dvh!important;
    align-items:center!important;
    padding-top:132px!important;
    padding-bottom:72px!important;
  }
  .ct-cementare-page .cb119-hero .cb119-wrap{
    width:auto!important;
    max-width:none!important;
    margin-left:clamp(34px,5vw,58px)!important;
    margin-right:clamp(26px,4vw,48px)!important;
  }
  .ct-cementare-page .cb119-hero .cb119-hero-layout{grid-template-columns:minmax(0,590px) 1fr!important;gap:44px!important;align-items:end!important;}
  .ct-cementare-page .cb119-hero h1{font-size:clamp(44px,5.1vw,57px)!important;}
  .ct-cementare-page .cb119-hero .cb119-hero-copy{max-width:34em!important;font-size:15px!important;line-height:1.7!important;}
}

/* iPhone/Samsung landscape: Concretta short-screen behavior without forced tall hero. */
@media (max-width:991px) and (orientation:landscape) and (max-height:560px){
  .ct-cementare-page #menu1-2uh .navbar{
    min-height:64px!important;
    padding-top:max(6px,env(safe-area-inset-top))!important;
    padding-bottom:6px!important;
  }
  .ct-cementare-page #menu1-2uh .navbar-toggler,
  .ct-cementare-page #menu1-2uh .navbar.navbar-short .navbar-toggler-right{
    top:max(9px,env(safe-area-inset-top))!important;
    width:42px!important;
    height:42px!important;
  }
  .ct-cementare-page #menu1-2uh .navbar-collapse{
    max-height:calc(var(--ct-mobile-vh-px,100dvh) - 68px - env(safe-area-inset-bottom))!important;
  }
  .ct-cementare-page .cb119-hero{
    min-height:100svh!important;
    height:auto!important;
    align-items:center!important;
    padding-top:max(78px,calc(66px + env(safe-area-inset-top)))!important;
    padding-bottom:max(24px,calc(18px + env(safe-area-inset-bottom)))!important;
  }
  @supports (height:100dvh){.ct-cementare-page .cb119-hero{min-height:100dvh!important;}}
  .ct-cementare-page .cb119-hero .cb119-wrap{
    margin-left:max(24px,env(safe-area-inset-left))!important;
    margin-right:max(24px,env(safe-area-inset-right))!important;
  }
  .ct-cementare-page .cb119-hero h1{font-size:clamp(32px,6vw,42px)!important;}
  .ct-cementare-page .cb119-hero .cb119-kicker{margin-bottom:8px!important;}
  .ct-cementare-page .cb119-hero .cb119-hero-sub{margin-top:9px!important;font-size:9px!important;}
  .ct-cementare-page .cb119-hero .cb119-hero-copy{margin-top:11px!important;max-width:44em!important;font-size:12.5px!important;line-height:1.48!important;}
  .ct-cementare-page .cb119-hero .cb119-hero-actions{margin-top:14px!important;gap:8px 18px!important;}
  .ct-cementare-page .cb119-hero .cb119-hero-actions .cb119-link{font-size:12px!important;}
}