/* Final composition layer. Superseded lifestyle rules removed from main.css. */
.header { align-items: center; padding-block: .65rem; }
.header nav { align-items: center; }
.header nav > a:not(.button) { min-height: 44px; display: inline-flex; align-items: center; letter-spacing: .015em; }
.hero-copy { padding-block: 2rem; }
#neden { padding-block: clamp(2.5rem, 4vw, 4rem) 2rem; }
#neden .principles { gap: 0; margin-top: 1.5rem; border-bottom: 1px solid var(--color-line); }
#neden .principles p { margin: 0; padding: 1rem 0; }
#neden .principles p:nth-child(2), #neden .principles p:nth-child(3) { margin-top: 0; }
#urunler { padding-bottom: clamp(2.5rem, 4vw, 4.5rem); }
#selector .product-art { max-width: 460px; background: #fff; }
#selector .product-info h3 { font-size: clamp(2.1rem, 3.2vw, 3.5rem); }
#selector .family-options label { position: relative; min-height: 48px; border-bottom-width: 2px; background: transparent; }
#selector .family-options label:has(input:checked) { background: transparent; }
#selector .choice { position: relative; border-color: transparent; border-bottom-color: #b7b9ad; padding: .6rem .4rem; box-shadow: none; }
#selector .choice:has(input:checked) { border-color: transparent; border-bottom-color: var(--color-brand); background: transparent; box-shadow: inset 0 -1px var(--color-brand); }
/* Native radios remain focusable and keyboard-operable behind their labels. */
#selector .choice input[type=radio] { position: absolute; width: 1px; height: 1px; margin: -1px; clip-path: inset(50%); overflow: hidden; }
#selector .size-options { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#selector .color-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#selector .product-price p { font-size: 2rem; }
#selector .product-actions .button { width: auto; min-width: min(100%, 230px); max-width: 100%; padding-inline: 1.25rem; }
.lifestyle.architectural-lifestyle { padding-block: clamp(2rem, 3vw, 3rem); gap: 0; }
.lifestyle.architectural-lifestyle .lifestyle-media { grid-column: 1; grid-row: 2; height: auto; aspect-ratio: 2 / 3; width: 100%; max-width: 420px; justify-self: center; }
.lifestyle.architectural-lifestyle .lifestyle-copy { padding-top: 0; }
.lifestyle.architectural-lifestyle h2 { font-size: clamp(2.1rem, 7.6vw, 3.2rem); }
.lid.lid-editorial { padding-block: clamp(2.5rem, 4vw, 4rem); gap: 2rem; }
.lid-editorial .lid-heading { font-size: clamp(2.1rem, 7vw, 3.7rem); line-height: 1.05; letter-spacing: -.05em; }
.lid-editorial .lid-heading span { margin: 0 0 1rem; font-size: .6875rem; letter-spacing: .12em; }
.lid-editorial .lid-story > p { font-size: .9375rem; }
.lid-editorial .lid-types { margin-top: 1rem; }
#uretim.manufacturing-editorial { padding-block: clamp(2.5rem, 4vw, 4.5rem); }
#uretim .manufacturing-grid { align-items: center; }
#uretim .manufacturing-processes li { padding-block: .65rem; }
#uretim .manufacturing-title { margin-bottom: 1.25rem; }
.final-cta.site-closing { padding-block: clamp(2.75rem, 4.5vw, 4.5rem); }
.site-closing .closing-actions { width: auto; justify-self: start; align-items: flex-start; gap: .4rem; }
.site-closing .closing-actions .button { gap: 2rem; }
.site-closing .closing-actions .text-link { gap: 1.5rem; }
#site-footer.site-footer { padding-block: 2rem 1rem; }
.site-footer .footer-top { gap: .75rem 2rem; }
.site-footer .footer-bottom { justify-content: flex-start; margin-top: 1rem; gap: .5rem 2rem; }
.site-footer .footer-top-link { margin-left: auto; }
@media (min-width: 768px) {
  .hero-art, .hero-art:has(img) { max-width: 480px; }
  #neden .principles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #neden .principles p { padding-right: 1rem; }
  #selector .selector-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 4vw, 4rem); }
  #selector .product-art { max-width: 560px; }
  #selector .family-options label { font-size: .65rem; }
  .lifestyle.architectural-lifestyle { grid-template-columns: minmax(0, 480px) minmax(0, 360px); justify-content: center; column-gap: clamp(2rem, 5vw, 5rem); padding-inline: var(--site-edge); }
  .lifestyle.architectural-lifestyle .lifestyle-media { grid-column: 1; grid-row: 1 / 3; max-width: none; }
  .lifestyle.architectural-lifestyle .lifestyle-copy { grid-column: 2; grid-row: 1; align-self: end; padding: 0 0 1.5rem; }
  .lifestyle.architectural-lifestyle .lifestyle-foot { grid-column: 2; grid-row: 2; padding: 0; align-self: start; }
  .lifestyle.architectural-lifestyle h2 { font-size: clamp(2rem, 3.6vw, 3.25rem); }
  .lid.lid-editorial { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(2rem, 5vw, 5rem); }
  .lid-editorial .lid-heading { font-size: clamp(2.3rem, 3.8vw, 4rem); }
  .lid-editorial .lid-heading span { margin-bottom: 1.25rem; }
  .site-closing .closing-actions { justify-self: end; }
  .site-footer .footer-top { grid-template-columns: 160px minmax(0, 1fr); }
  .site-footer .footer-domains { grid-column: 2; }
}
@media (min-width: 1280px) {
  #selector .color-options { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #selector .family-options label { font-size: .75rem; }
  .site-footer .footer-top { grid-template-columns: 160px minmax(0, 1fr) auto; align-items: center; }
  .site-footer .footer-domains { grid-column: 3; }
}