/* 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;
  }
}