/* Source: micro-beton-zemin-duvar-align-v562.css */
/* V562 — Zemin / Duvar alignment pass
   No content or SEO changes. */

@media (min-width:1101px){
  body.ct-micro-product-page #mikro-beton-zemin.micro172-summary{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    min-height:0!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-media{
    min-height:540px!important;
    max-height:none!important;
    height:auto!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-media img{
    width:100%!important;
    height:100%!important;
    min-height:540px!important;
    object-fit:cover!important;
    object-position:center 52%!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-copy{
    min-height:540px!important;
    height:auto!important;
    box-sizing:border-box!important;
    justify-content:flex-start!important;
    padding:54px clamp(48px,5vw,72px)!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-kicker{
    margin-top:0!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin h2{
    margin-top:8px!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro172-summary-grid{
    margin-top:24px!important;
    margin-bottom:22px!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar{
    padding:72px 0 82px!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:clamp(48px,5.5vw,82px)!important;
    align-items:start!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-head,
  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-copy{
    max-width:none!important;
    padding-top:0!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-head h2{
    margin:8px 0 18px!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-copy>p:first-child{
    margin-top:0!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-meta{
    margin:28px 0 0!important;
  }
}

@media (min-width:701px) and (max-width:1100px){
  body.ct-micro-product-page #mikro-beton-zemin.micro172-summary{
    grid-template-columns:1fr 1fr!important;
    align-items:stretch!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-media{
    min-height:480px!important;
    max-height:none!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-media img{
    height:100%!important;
    min-height:480px!important;
    object-fit:cover!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-copy{
    min-height:480px!important;
    justify-content:flex-start!important;
    padding:42px 34px!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-grid{
    grid-template-columns:1fr 1fr!important;
    gap:40px!important;
    align-items:start!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-head,
  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-copy{
    max-width:none!important;
  }
}

@media (max-width:700px){
  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-copy{
    justify-content:flex-start!important;
    padding:40px 22px 44px!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar{
    padding:62px 0 68px!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-grid{
    gap:24px!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-head h2{
    margin:8px 0 16px!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-meta{
    margin-top:26px!important;
  }
}


/* Source: micro-beton-zemin-duvar-premium-v564.css */
/* V564 — Zemin & Duvar sade/premium
   Repetitive technical blocks removed; image scale rebalanced. */

/* ZEMIN */
body.ct-micro-product-page #mikro-beton-zemin{
  background:#f7f4ef!important;
}

@media (min-width:1101px){
  body.ct-micro-product-page #mikro-beton-zemin.micro172-summary{
    grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)!important;
    gap:clamp(56px,6vw,94px)!important;
    align-items:center!important;
    padding-top:clamp(72px,7vw,104px)!important;
    padding-bottom:clamp(72px,7vw,104px)!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-media{
    width:100%!important;
    max-width:520px!important;
    min-height:0!important;
    height:auto!important;
    justify-self:end!important;
    align-self:center!important;
    overflow:hidden!important;
    border-radius:28px!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-media img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/5!important;
    object-fit:cover!important;
    object-position:center 52%!important;
    border-radius:28px!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-copy{
    min-height:0!important;
    height:auto!important;
    max-width:640px!important;
    justify-content:center!important;
    padding:0!important;
    background:transparent!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-kicker{
    margin:0 0 16px!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin h2{
    margin:0 0 18px!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-lead{
    margin-bottom:22px!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-copy > p:last-child{
    max-width:50ch!important;
    margin-bottom:0!important;
  }

  /* DUVAR — same calm editorial rhythm */
  body.ct-micro-product-page #mikro-beton-duvar{
    padding:clamp(72px,7vw,104px) 0!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-grid{
    grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr)!important;
    gap:clamp(56px,6vw,94px)!important;
    align-items:start!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-head{
    max-width:480px!important;
    padding:0!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-copy{
    max-width:650px!important;
    padding:4px 0 0!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-head h2{
    margin:0 0 18px!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-copy p{
    max-width:52ch!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-copy p:last-child{
    margin-bottom:0!important;
  }
}

@media (min-width:701px) and (max-width:1100px){
  body.ct-micro-product-page #mikro-beton-zemin.micro172-summary{
    grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr)!important;
    gap:44px!important;
    align-items:center!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-media{
    max-width:440px!important;
    min-height:0!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-media img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/5!important;
    object-fit:cover!important;
    border-radius:24px!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-copy{
    min-height:0!important;
    padding:0!important;
    background:transparent!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-grid{
    grid-template-columns:.8fr 1.2fr!important;
    gap:42px!important;
    align-items:start!important;
  }
}

@media (max-width:700px){
  body.ct-micro-product-page #mikro-beton-zemin{
    padding-top:58px!important;
    padding-bottom:62px!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-media{
    width:min(86vw,420px)!important;
    margin:0 auto 34px!important;
    min-height:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-media img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/5!important;
    object-fit:cover!important;
    border-radius:22px!important;
  }

  body.ct-micro-product-page #mikro-beton-zemin .micro151-floor-copy{
    min-height:0!important;
    padding:0 22px!important;
    background:transparent!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar{
    padding:60px 0 66px!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-grid{
    gap:22px!important;
  }

  body.ct-micro-product-page #mikro-beton-duvar .micro531-wall-copy{
    padding-top:0!important;
  }
}


/* Source: micro-beton-renk-editorial-v565.css */
/* V565 — Renk editorial redesign
   Keep content and SEO, reduce card feel, strengthen material/color presentation. */

body.ct-micro-product-page .micro565-color-editorial{
  position:relative!important;
  overflow:hidden!important;
  background:#ece6dc!important;
  color:#25211d!important;
  padding:clamp(82px,8.5vw,128px) 0!important;
}

/* header */
body.ct-micro-product-page .micro565-color-editorial .micro151-section-head,
body.ct-micro-product-page .micro565-color-editorial [class*="section-head"]{
  display:grid!important;
  grid-template-columns:minmax(0,.86fr) minmax(300px,.54fr)!important;
  gap:clamp(42px,6vw,92px)!important;
  align-items:end!important;
  margin-bottom:clamp(44px,5vw,72px)!important;
}

body.ct-micro-product-page .micro565-color-editorial h2{
  max-width:9.5em!important;
  margin:0!important;
  font-size:clamp(42px,4.8vw,68px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  font-weight:400!important;
  color:#25211d!important;
}

body.ct-micro-product-page .micro565-color-editorial .micro151-kicker,
body.ct-micro-product-page .micro565-color-editorial [class*="kicker"],
body.ct-micro-product-page .micro565-color-editorial [class*="eyebrow"]{
  display:block!important;
  margin-bottom:15px!important;
  letter-spacing:.16em!important;
  color:rgba(37,33,29,.52)!important;
}

body.ct-micro-product-page .micro565-color-editorial .micro151-section-head > p,
body.ct-micro-product-page .micro565-color-editorial [class*="section-head"] > p{
  max-width:42ch!important;
  margin:0!important;
  font-size:16px!important;
  line-height:1.7!important;
  color:rgba(37,33,29,.68)!important;
}

/* turn color cards/swatches into one calm continuous color field */
body.ct-micro-product-page .micro565-color-editorial [class*="color-grid"],
body.ct-micro-product-page .micro565-color-editorial [class*="colour-grid"],
body.ct-micro-product-page .micro565-color-editorial [class*="palette"],
body.ct-micro-product-page .micro565-color-editorial [class*="swatch-grid"],
body.ct-micro-product-page .micro565-color-editorial .micro151-color-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}

body.ct-micro-product-page .micro565-color-editorial [class*="color-grid"] > *,
body.ct-micro-product-page .micro565-color-editorial [class*="colour-grid"] > *,
body.ct-micro-product-page .micro565-color-editorial [class*="palette"] > *,
body.ct-micro-product-page .micro565-color-editorial [class*="swatch-grid"] > *,
body.ct-micro-product-page .micro565-color-editorial .micro151-color-grid > *{
  position:relative!important;
  min-height:220px!important;
  border:0!important;
  border-radius:0!important;
  background-clip:padding-box!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transform:none!important;
}

/* first and last only get outer radius for one-field composition */
body.ct-micro-product-page .micro565-color-editorial [class*="color-grid"] > *:first-child,
body.ct-micro-product-page .micro565-color-editorial [class*="colour-grid"] > *:first-child,
body.ct-micro-product-page .micro565-color-editorial [class*="palette"] > *:first-child,
body.ct-micro-product-page .micro565-color-editorial [class*="swatch-grid"] > *:first-child{
  border-radius:24px 0 0 24px!important;
}
body.ct-micro-product-page .micro565-color-editorial [class*="color-grid"] > *:last-child,
body.ct-micro-product-page .micro565-color-editorial [class*="colour-grid"] > *:last-child,
body.ct-micro-product-page .micro565-color-editorial [class*="palette"] > *:last-child,
body.ct-micro-product-page .micro565-color-editorial [class*="swatch-grid"] > *:last-child{
  border-radius:0 24px 24px 0!important;
}

/* remove hover lift / card effects */
body.ct-micro-product-page .micro565-color-editorial [class*="color-grid"] > *:hover,
body.ct-micro-product-page .micro565-color-editorial [class*="colour-grid"] > *:hover,
body.ct-micro-product-page .micro565-color-editorial [class*="palette"] > *:hover,
body.ct-micro-product-page .micro565-color-editorial [class*="swatch-grid"] > *:hover{
  transform:none!important;
  box-shadow:none!important;
}

/* labels become small editorial captions */
body.ct-micro-product-page .micro565-color-editorial [class*="color-grid"] small,
body.ct-micro-product-page .micro565-color-editorial [class*="colour-grid"] small,
body.ct-micro-product-page .micro565-color-editorial [class*="palette"] small,
body.ct-micro-product-page .micro565-color-editorial [class*="swatch-grid"] small{
  font-size:10px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

/* CTA zone */
body.ct-micro-product-page .micro565-color-editorial .micro151-inline-links,
body.ct-micro-product-page .micro565-color-editorial [class*="actions"],
body.ct-micro-product-page .micro565-color-editorial [class*="links"]{
  margin-top:32px!important;
  padding-top:0!important;
  border-top:0!important;
}

body.ct-micro-product-page .micro565-color-editorial a{
  background:transparent!important;
  box-shadow:none!important;
}

/* subtle material index */
body.ct-micro-product-page .micro565-color-editorial::after{
  content:"RENK / YÜZEY"!important;
  position:absolute!important;
  top:38px!important;
  right:max(22px,calc((100vw - 1280px)/2))!important;
  font-size:9px!important;
  letter-spacing:.18em!important;
  color:rgba(37,33,29,.34)!important;
}

@media(max-width:980px){
  body.ct-micro-product-page .micro565-color-editorial .micro151-section-head,
  body.ct-micro-product-page .micro565-color-editorial [class*="section-head"]{
    grid-template-columns:1fr!important;
    gap:22px!important;
    align-items:start!important;
  }

  body.ct-micro-product-page .micro565-color-editorial [class*="color-grid"],
  body.ct-micro-product-page .micro565-color-editorial [class*="colour-grid"],
  body.ct-micro-product-page .micro565-color-editorial [class*="palette"],
  body.ct-micro-product-page .micro565-color-editorial [class*="swatch-grid"],
  body.ct-micro-product-page .micro565-color-editorial .micro151-color-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
  }

  body.ct-micro-product-page .micro565-color-editorial [class*="color-grid"] > *,
  body.ct-micro-product-page .micro565-color-editorial [class*="colour-grid"] > *,
  body.ct-micro-product-page .micro565-color-editorial [class*="palette"] > *,
  body.ct-micro-product-page .micro565-color-editorial [class*="swatch-grid"] > *,
  body.ct-micro-product-page .micro565-color-editorial .micro151-color-grid > *{
    min-height:180px!important;
    border-radius:18px!important;
  }
}

@media(max-width:700px){
  body.ct-micro-product-page .micro565-color-editorial{
    padding:68px 0 72px!important;
  }

  body.ct-micro-product-page .micro565-color-editorial::after{
    top:24px!important;
    right:20px!important;
  }

  body.ct-micro-product-page .micro565-color-editorial h2{
    max-width:8.5em!important;
    font-size:clamp(38px,11vw,52px)!important;
  }

  body.ct-micro-product-page .micro565-color-editorial [class*="color-grid"],
  body.ct-micro-product-page .micro565-color-editorial [class*="colour-grid"],
  body.ct-micro-product-page .micro565-color-editorial [class*="palette"],
  body.ct-micro-product-page .micro565-color-editorial [class*="swatch-grid"],
  body.ct-micro-product-page .micro565-color-editorial .micro151-color-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body.ct-micro-product-page .micro565-color-editorial [class*="color-grid"] > *,
  body.ct-micro-product-page .micro565-color-editorial [class*="colour-grid"] > *,
  body.ct-micro-product-page .micro565-color-editorial [class*="palette"] > *,
  body.ct-micro-product-page .micro565-color-editorial [class*="swatch-grid"] > *,
  body.ct-micro-product-page .micro565-color-editorial .micro151-color-grid > *{
    min-height:150px!important;
    border-radius:16px!important;
  }
}


/* Source: micro-beton-malzemeler-safe-align-v569.css */
/* V569 — Safe materials alignment.
   Keep image dimensions/crop and technical-card color untouched. */

@media (min-width:1101px){
  body.ct-micro-product-page #mikro-beton-malzemeleri .micro151-materials-grid{
    grid-template-columns:minmax(0,1.18fr) minmax(300px,.62fr)!important;
    gap:clamp(52px,6vw,86px)!important;
    align-items:stretch!important;
  }

  /* Only add a little more breathing room before the existing image. */
  body.ct-micro-product-page #mikro-beton-malzemeleri .micro151-material-detail{
    margin-top:34px!important;
    /* width, height, object-fit and crop intentionally untouched */
  }

  /* Long, slim technical card aligned to the whole left column. */
  body.ct-micro-product-page #mikro-beton-malzemeleri .micro151-spec{
    position:static!important;
    align-self:stretch!important;
    height:auto!important;
    min-height:100%!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    padding:30px 24px!important;
    /* background/color intentionally untouched */
  }

  body.ct-micro-product-page #mikro-beton-malzemeleri .micro151-spec ul{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
  }

  body.ct-micro-product-page #mikro-beton-malzemeleri .micro151-spec li{
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
}

@media (min-width:701px) and (max-width:1100px){
  body.ct-micro-product-page #mikro-beton-malzemeleri .micro151-material-detail{
    margin-top:32px!important;
  }

  body.ct-micro-product-page #mikro-beton-malzemeleri .micro151-spec{
    margin-top:0!important;
  }
}

@media (max-width:700px){
  body.ct-micro-product-page #mikro-beton-malzemeleri .micro151-material-detail{
    margin-top:28px!important;
  }
}