/* V359 — Markalarimiz / Brands card interior system
   Keeps the editorial collage geometry; standardises the internal hierarchy only. */
.concretta-premium-brands .cp-card-body{
  min-height:100%;
  display:flex!important;
  flex-direction:column;
  padding:28px 28px 24px!important;
}
.concretta-premium-brands .cp-card:nth-child(2) .cp-card-body{
  padding:28px 28px 24px!important;
}
.concretta-premium-brands .cp-number{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 23px!important;
  color:rgba(255,255,255,.78)!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.18em!important;
}
.concretta-premium-brands .cp-number::after{
  width:42px!important;
  height:1px!important;
  background:rgba(255,255,255,.58)!important;
}
.concretta-premium-brands .cp-title,
.concretta-premium-brands .cp-card:nth-child(2) .cp-title,
.concretta-premium-brands .cp-card:nth-child(3) .cp-title,
.concretta-premium-brands .cp-card:nth-child(4) .cp-title{
  max-width:none!important;
  margin:0!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(27px,1.85vw,32px)!important;
  font-weight:400!important;
  line-height:1.04!important;
  letter-spacing:.005em!important;
  text-transform:none!important;
}
.concretta-premium-brands .cp-subtitle,
.concretta-premium-brands .cp-card:nth-child(2) .cp-subtitle,
.concretta-premium-brands .cp-card:nth-child(3) .cp-subtitle,
.concretta-premium-brands .cp-card:nth-child(4) .cp-subtitle{
  width:min(100%,340px)!important;
  max-width:92%!important;
  min-height:44px!important;
  margin:10px 0 20px!important;
  color:rgba(255,255,255,.84)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.52!important;
  letter-spacing:0!important;
  text-wrap:balance;
}
.concretta-premium-brands .cp-button,
.concretta-premium-brands .cp-card:nth-child(3) .cp-button,
.concretta-premium-brands .cp-card:nth-child(4) .cp-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-self:flex-start!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0 0 7px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.68)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.1!important;
  letter-spacing:.09em!important;
  text-transform:none!important;
  transition:border-color .25s ease,opacity .25s ease!important;
}
.concretta-premium-brands .cp-button .ct63-arrow{
  display:inline-block;
  transform:translate(0,0);
  transition:transform .25s ease;
}
.concretta-premium-brands .cp-card:hover .cp-button,
.concretta-premium-brands .cp-card:focus-visible .cp-button,
.concretta-premium-brands .cp-card:nth-child(3):hover .cp-button,
.concretta-premium-brands .cp-card:nth-child(4):hover .cp-button{
  background:transparent!important;
  border-color:transparent!important;
  border-bottom-color:#fff!important;
  color:#fff!important;
  transform:none!important;
}
.concretta-premium-brands .cp-card:hover .cp-button .ct63-arrow,
.concretta-premium-brands .cp-card:focus-visible .cp-button .ct63-arrow{
  transform:translate(3px,-3px);
}
.concretta-premium-brands .cp-note,
.concretta-premium-brands .cp-card:nth-child(2) .cp-note{
  align-self:flex-start!important;
  margin-top:auto!important;
  padding-top:24px!important;
  color:rgba(255,255,255,.64)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1.25!important;
  letter-spacing:.14em!important;
  text-align:left!important;
  text-transform:uppercase!important;
  white-space:nowrap;
}
@media(max-width:900px){
  .concretta-premium-brands .cp-card-body,
  .concretta-premium-brands .cp-card:nth-child(2) .cp-card-body{
    padding:26px 25px 23px!important;
  }
  .concretta-premium-brands .cp-title,
  .concretta-premium-brands .cp-card:nth-child(2) .cp-title,
  .concretta-premium-brands .cp-card:nth-child(3) .cp-title,
  .concretta-premium-brands .cp-card:nth-child(4) .cp-title{
    font-size:28px!important;
  }
  .concretta-premium-brands .cp-subtitle,
  .concretta-premium-brands .cp-card:nth-child(2) .cp-subtitle,
  .concretta-premium-brands .cp-card:nth-child(3) .cp-subtitle,
  .concretta-premium-brands .cp-card:nth-child(4) .cp-subtitle{
    min-height:43px!important;
    font-size:14px!important;
  }
}
@media(max-width:700px){
  .concretta-premium-brands .cp-card-body,
  .concretta-premium-brands .cp-card:nth-child(2) .cp-card-body{
    padding:25px 23px 22px!important;
  }
  .concretta-premium-brands .cp-number{margin-bottom:19px!important;}
  .concretta-premium-brands .cp-title,
  .concretta-premium-brands .cp-card:nth-child(2) .cp-title,
  .concretta-premium-brands .cp-card:nth-child(3) .cp-title,
  .concretta-premium-brands .cp-card:nth-child(4) .cp-title{
    font-size:27px!important;
  }
  .concretta-premium-brands .cp-subtitle,
  .concretta-premium-brands .cp-card:nth-child(2) .cp-subtitle,
  .concretta-premium-brands .cp-card:nth-child(3) .cp-subtitle,
  .concretta-premium-brands .cp-card:nth-child(4) .cp-subtitle{
    max-width:88%!important;
    min-height:43px!important;
    margin:9px 0 18px!important;
  }
  .concretta-premium-brands .cp-note{
    font-size:9.5px!important;
    letter-spacing:.12em!important;
  }
}

/* V361 — brand card optical row lock.
   Aligns number, title, description, CTA and bottom meta across all cards.
   Geometry, imagery and links remain untouched. */
.concretta-premium-brands .cp-card-body,
.concretta-premium-brands .cp-card:nth-child(2) .cp-card-body{
  display:grid!important;
  grid-template-rows: 12px 34px 48px auto 1fr auto!important;
  grid-template-columns:minmax(0,1fr)!important;
  row-gap:10px!important;
  align-content:stretch!important;
}
.concretta-premium-brands .cp-number{
  margin:0!important;
  align-self:start!important;
}
.concretta-premium-brands .cp-title,
.concretta-premium-brands .cp-card:nth-child(2) .cp-title,
.concretta-premium-brands .cp-card:nth-child(3) .cp-title,
.concretta-premium-brands .cp-card:nth-child(4) .cp-title{
  align-self:start!important;
  min-height:0!important;
  margin:0!important;
}
.concretta-premium-brands .cp-subtitle,
.concretta-premium-brands .cp-card:nth-child(2) .cp-subtitle,
.concretta-premium-brands .cp-card:nth-child(3) .cp-subtitle,
.concretta-premium-brands .cp-card:nth-child(4) .cp-subtitle{
  align-self:start!important;
  width:min(100%,340px)!important;
  max-width:92%!important;
  min-height:0!important;
  margin:0!important;
  overflow:visible!important;
}
.concretta-premium-brands .cp-button,
.concretta-premium-brands .cp-card:nth-child(2) .cp-button,
.concretta-premium-brands .cp-card:nth-child(3) .cp-button,
.concretta-premium-brands .cp-card:nth-child(4) .cp-button{
  align-self:start!important;
  margin:0!important;
  transform:none!important;
  text-transform:none!important;
}
.concretta-premium-brands .cp-card:hover .cp-button,
.concretta-premium-brands .cp-card:focus-visible .cp-button,
.concretta-premium-brands .cp-card:nth-child(2):hover .cp-button,
.concretta-premium-brands .cp-card:nth-child(3):hover .cp-button,
.concretta-premium-brands .cp-card:nth-child(4):hover .cp-button{
  transform:none!important;
}
.concretta-premium-brands .cp-note,
.concretta-premium-brands .cp-card:nth-child(2) .cp-note,
.concretta-premium-brands .cp-card:nth-child(3) .cp-note,
.concretta-premium-brands .cp-card:nth-child(4) .cp-note{
  align-self:end!important;
  margin:0!important;
  padding-top:0!important;
  text-align:left!important;
}

@media(max-width:900px){
  .concretta-premium-brands .cp-card-body,
  .concretta-premium-brands .cp-card:nth-child(2) .cp-card-body{
    grid-template-rows:12px 32px 48px auto 1fr auto!important;
    row-gap:9px!important;
  }
}
@media(max-width:700px){
  .concretta-premium-brands .cp-card-body,
  .concretta-premium-brands .cp-card:nth-child(2) .cp-card-body{
    grid-template-rows:12px 30px 46px auto 1fr auto!important;
    row-gap:8px!important;
  }
  .concretta-premium-brands .cp-subtitle,
  .concretta-premium-brands .cp-card:nth-child(2) .cp-subtitle,
  .concretta-premium-brands .cp-card:nth-child(3) .cp-subtitle,
  .concretta-premium-brands .cp-card:nth-child(4) .cp-subtitle{
    max-width:92%!important;
  }
}

/* V362 — CTA rule-length + EN Co-Stone text alignment refinement.
   Scope: Markalarimiz / Brands cards only. */
.concretta-premium-brands .cp-button,
.concretta-premium-brands .cp-card:nth-child(2) .cp-button,
.concretta-premium-brands .cp-card:nth-child(3) .cp-button,
.concretta-premium-brands .cp-card:nth-child(4) .cp-button{
  position:relative!important;
  width:max-content!important;
  inline-size:max-content!important;
  max-width:max-content!important;
  border-bottom:0!important;
  padding-bottom:7px!important;
}
.concretta-premium-brands .cp-button::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(255,255,255,.68);
  transition:background-color .25s ease;
}
.concretta-premium-brands .cp-card:hover .cp-button::after,
.concretta-premium-brands .cp-card:focus-visible .cp-button::after{
  background:#fff;
}

/* English copy is slightly longer; reserve one consistent copy row so Co-Stone
   keeps the same title / description / Explore axis as the other three cards. */
html[lang="en"] .concretta-premium-brands .cp-card-body,
html[lang="en"] .concretta-premium-brands .cp-card:nth-child(2) .cp-card-body{
  grid-template-rows:12px 34px 64px auto 1fr auto!important;
}
html[lang="en"] .concretta-premium-brands .cp-subtitle,
html[lang="en"] .concretta-premium-brands .cp-card:nth-child(2) .cp-subtitle,
html[lang="en"] .concretta-premium-brands .cp-card:nth-child(3) .cp-subtitle,
html[lang="en"] .concretta-premium-brands .cp-card:nth-child(4) .cp-subtitle{
  max-width:100%!important;
}
@media(max-width:900px){
  html[lang="en"] .concretta-premium-brands .cp-card-body,
  html[lang="en"] .concretta-premium-brands .cp-card:nth-child(2) .cp-card-body{
    grid-template-rows:12px 32px 64px auto 1fr auto!important;
  }
}
@media(max-width:700px){
  html[lang="en"] .concretta-premium-brands .cp-card-body,
  html[lang="en"] .concretta-premium-brands .cp-card:nth-child(2) .cp-card-body{
    grid-template-rows:12px 30px 54px auto 1fr auto!important;
  }
}
