/* İxir Güzellik teması — iç sayfalar: hizmet detayı, kurumsal sayfalar, iletişim, galeri, listeler */

/* Hizmet detayı */
.ix-service-intro { padding: 60px 0 50px; }
.ix-service-intro__grid { display: grid; grid-template-columns: minmax(0, 40%) minmax(0, 1fr); gap: 40px; align-items: center; }
.ix-service-intro__photo { margin: 0; }
.ix-service-intro__photo img { width: 100%; height: auto; }
.ix-service-intro__text h2 { font-family: var(--ix-font-head); font-weight: 700; font-size: clamp(26px, 2.6vw, 36px); line-height: 1.2; text-transform: uppercase; color: var(--ix-navy); }
.ix-service-intro__text > p { margin-top: 14px; line-height: 1.75; color: #333; }
.ix-badges { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin-top: 26px; }
.ix-badges li { display: grid; justify-items: center; align-content: center; gap: 8px; min-height: 95px; padding: 14px 8px; background: rgba(201, 128, 139, .35); text-align: center; }
.ix-badges img { width: 33px; height: 33px; }
.ix-badges h3 { font-family: var(--ix-font-head); font-weight: 500; font-size: 17px; line-height: 1.2; text-transform: uppercase; }
.ix-service-actions { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 30px; }

.ix-service-content { padding: 10px 0 50px; }
.ix-service-content .ix-prose h2:first-child { margin-top: 0; }

/* Vurgu bloğu */
.ix-callout { padding: 30px 0; overflow: hidden; }
.ix-callout__box { display: grid; grid-template-columns: minmax(0, 71%) minmax(0, 29%); align-items: stretch; }
.ix-callout__text { display: flex; flex-direction: column; justify-content: center; padding: 100px 60px 100px max(var(--ix-gutter), calc((100vw - var(--ix-container)) / 2)); background: var(--ix-rose); color: #fff; }
.ix-callout__text h2 { font-family: var(--ix-font-head); font-weight: 600; font-size: clamp(28px, 3vw, 42px); line-height: 1.2; text-transform: uppercase; }
.ix-callout__text p { margin-top: 18px; font-size: 20px; line-height: 1.75; }
.ix-callout__box > img { align-self: center; width: 100%; height: calc(100% + 60px); max-height: 410px; margin: -30px 0; object-fit: cover; }

/* SSS (details/summary — JS gerektirmez) */
.ix-faq__title { margin-bottom: 36px; font-family: var(--ix-font-head); font-weight: 700; font-size: clamp(26px, 3vw, 38px); line-height: 1.2; text-align: center; text-transform: uppercase; }
.ix-faq__grid { display: grid; grid-template-columns: minmax(0, 66%) minmax(0, 1fr); gap: 40px; align-items: start; }
.ix-faq__list details { margin-bottom: 10px; background: #f9f9f9; }
.ix-faq__list summary { position: relative; display: block; padding: 15px 20px 15px 56px; font-family: var(--ix-font-head); font-weight: 500; font-size: 22px; line-height: 1.3; cursor: pointer; list-style: none; }
.ix-faq__list summary::-webkit-details-marker { display: none; }
.ix-faq__list summary::before, .ix-faq__list summary::after { content: ""; position: absolute; left: 22px; top: 50%; width: 14px; height: 2.5px; background: #555; transform: translateY(-50%); }
.ix-faq__list summary::after { transform: translateY(-50%) rotate(90deg); transition: transform .2s ease; }
.ix-faq__list details[open] summary::after { transform: translateY(-50%) rotate(0); }
.ix-faq__list details > div, .ix-faq__list details > p { padding: 0 20px 18px 56px; font-size: 15px; line-height: 1.7; color: #333; }
.ix-faq__list .btn-pill { margin-top: 18px; }
.ix-faq__grid > img { width: 100%; height: auto; }

/* Sayfa yerleşimi + yan menü */
.ix-page-layout { display: block; }
.ix-page-layout.has-sidebar { display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: 20px; align-items: start; }
.ix-sidebar { padding: 26px 30px 30px; border-radius: 6px; background: var(--ix-blush); }
.ix-sidebar h2 { margin-bottom: 14px; font-family: var(--ix-font-head); font-weight: 600; font-size: 30px; color: var(--ix-wine); }
.ix-sidebar li a { display: block; padding: 7px 0; text-decoration: none; color: #333; }
.ix-sidebar li a:hover { color: var(--ix-gold-dark); }
.ix-page-body { min-width: 0; }
.ix-form-title { margin: 50px 0 18px; font-family: var(--ix-font-head); font-weight: 700; font-size: 38px; line-height: 1.2; color: var(--ix-navy); }
.ix-prose + .site-form, .ix-prose + .ix-form-title { margin-top: 36px; }

/* Sekmeler (başlıklardan JS ile üretilir) */
.ix-tabs__nav { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 -1px; }
.ix-tabs__nav button { padding: 18px 19px; border: 1px solid transparent; border-bottom: 0; background: none; font-size: 16px; color: #333; cursor: pointer; }
.ix-tabs__nav button[aria-selected="true"] { border-color: #e1e1e1; background: #f9f9f9; color: #000; }
.ix-tabs__panel { padding: 28px 30px; border: 1px solid #e1e1e1; }
.ix-tabs__panel[hidden] { display: none; }
.ix-tabs__panel > * + * { margin-top: 16px; }
.ix-tabs--wine .ix-tabs__nav { flex-direction: column; flex: 0 0 280px; }

/* Referans sekmeleri: yan filtre + galeri */
.is-tabbed.ix-tabs-side { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 30px; align-items: start; }
.is-tabbed.ix-tabs-side .ix-tabs__nav { flex-direction: column; gap: 0; margin: 0; padding: 15px; border-radius: 5px; background: var(--ix-wine); }
.is-tabbed.ix-tabs-side .ix-tabs__nav button { padding: 9px 6px; border: 0; color: #fff; text-align: left; background: none; }
.is-tabbed.ix-tabs-side .ix-tabs__nav button[aria-selected="true"] { background: rgba(255,255,255,.14); }
.is-tabbed.ix-tabs-side .ix-tabs__panel { padding: 0; border: 0; }

/* İçerik içindeki görsel ızgarası + galeri */
.is-gallery, .ix-gallery, .ix-tabs__panel .ix-imgs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.ix-prose.is-gallery > h2, .ix-prose.is-gallery > p:not(:has(img)) { grid-column: 1 / -1; }
.ix-gallery__item, .is-gallery a { display: block; overflow: hidden; background: #f3eded; }
.ix-gallery__item img, .is-gallery img { width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .35s ease; }
.ix-gallery__item:hover img, .is-gallery a:hover img { transform: scale(1.04); }
.ix-tabs__panels { min-width: 0; }
.ix-tabs-side .ix-tabs__panel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: start; }
.ix-tabs-side .ix-tabs__panel > * + * { margin-top: 0; }
.ix-tabs-side .ix-tabs__panel p { margin: 0; }
.ix-tabs__panel p > img { width: 100%; height: auto; cursor: zoom-in; }

.ix-lightbox { position: fixed; inset: 0; z-index: 4000; display: grid; place-items: center; padding: 30px; background: rgba(0, 0, 0, .9); }
.ix-lightbox[hidden] { display: none; }
.ix-lightbox img { max-width: min(1100px, 100%); max-height: 88vh; width: auto; height: auto; }
.ix-lightbox button { position: absolute; display: grid; place-items: center; width: 46px; height: 46px; border: 0; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; cursor: pointer; }
.ix-lightbox button:hover { background: rgba(255,255,255,.3); }
.ix-lightbox [data-lightbox-close] { top: 20px; right: 20px; }
.ix-lightbox [data-lightbox-prev] { left: 20px; top: 50%; }
.ix-lightbox [data-lightbox-next] { right: 20px; top: 50%; }

/* İletişim */
.ix-contact { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-bottom: 50px; }
.ix-contact__card { padding: 36px 40px; border-radius: 6px; background: rgba(226, 193, 188, .64); }
.ix-contact__card h2 { margin-bottom: 22px; font-family: var(--ix-font-head); font-weight: 700; font-size: 34px; text-align: center; color: var(--ix-navy); }
.ix-contact__card li { display: flex; align-items: flex-start; gap: 18px; padding: 12px 0; font-size: 21px; line-height: 1.5; }
.ix-contact__card .ico { margin-top: 5px; color: #fff; }
.ix-contact__card a { text-decoration: none; }
.ix-contact__card a:hover { text-decoration: underline; }
.ix-contact__map { min-height: 380px; overflow: hidden; border-radius: 4px; background: #eee; }
.ix-contact__map iframe { display: block; width: 100%; height: 100%; min-height: 380px; border: 0; }

/* Kart ızgaraları (liste sayfaları) */
.ix-archive-intro { margin-bottom: 36px; }
.ix-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.ix-card { background: var(--ix-blush); }
.ix-card a { display: block; height: 100%; padding: 10px 10px 22px; text-decoration: none; }
.ix-card img { width: 100%; height: 235px; object-fit: cover; background: #f6efef; }
.ix-card h2, .ix-card h3 { padding: 14px 6px 0; font-family: var(--ix-font-head); font-weight: 700; font-size: 24px; line-height: 1.25; color: var(--ix-navy); }
.ix-card p { padding: 6px 6px 0; font-size: 15px; color: #444; }
.ix-card time { display: block; padding: 6px 6px 0; font-size: 13px; color: #666; }
.ix-card:hover h2, .ix-card:hover h3 { color: var(--ix-gold-dark); }
.ix-card-grid .ix-campaign-card { width: auto; }
.is-campaigns .ix-card-grid { gap: 30px; }

/* Makale / detay */
.ix-article { max-width: 920px; }
.ix-article__cover { margin: 0 0 28px; }
.ix-article__cover img { width: 100%; height: auto; border-radius: 4px; }

/* Arama + hata sayfaları */
.ix-search { display: flex; gap: 10px; margin-bottom: 26px; }
.ix-search input { flex: 1; padding: 11px 14px; border: 1px solid #c8c8c8; background: #f4f4f4; font: inherit; }
.ix-error { padding: 40px 0; text-align: center; display: grid; justify-items: center; gap: 18px; }
.ix-error__code { font-family: var(--ix-font-head); font-weight: 700; font-size: 110px; line-height: 1; color: var(--ix-rose); }

@media (max-width: 1100px) {
    .ix-service-intro__grid { grid-template-columns: 1fr; }
    .ix-service-intro__photo { max-width: 460px; margin-inline: auto; }
    .ix-callout__box { grid-template-columns: 1fr; }
    .ix-callout__text { padding: 60px var(--ix-gutter); }
    .ix-callout__box > img { height: 280px; margin: 0; max-height: none; }
    .ix-faq__grid { grid-template-columns: 1fr; }
    .ix-faq__grid > img { max-width: 380px; }
    .ix-page-layout.has-sidebar { grid-template-columns: 1fr; }
    .ix-contact { grid-template-columns: 1fr; }
    .ix-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .is-tabbed.ix-tabs-side { grid-template-columns: 1fr; }
    .ix-tabs-side .ix-tabs__panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
    .ix-badges { grid-template-columns: 1fr; }
    .ix-service-actions { flex-direction: column; }
    .ix-card-grid, .is-gallery, .ix-gallery { grid-template-columns: 1fr; }
    .ix-card img { height: 210px; }
    .ix-faq__list summary { font-size: 18px; padding-left: 50px; }
    .ix-faq__list details > div, .ix-faq__list details > p { padding-left: 20px; }
    .ix-contact__card { padding: 26px 22px; }
    .ix-contact__card li { font-size: 18px; }
    .ix-tabs__nav button { padding: 12px 10px; font-size: 14px; }
    .ix-tabs__panel { padding: 18px; }
    .ix-tabs__panel p:has(> img) { width: calc(50% - 8px); }
    .ix-form-title { font-size: 30px; }
}