/* SSS, İletişim and Sigortalarımız (page-sss.php, page-iletisim.php,
   archive-instive-insurance.php; UI/UX round 25 Oct). The head is the blog's (blog.css). */

/* Shared: a main column with a call box beside it. */
.gs-page__body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px 64px; align-items: start; padding-block: clamp(36px, 5vw, 64px) clamp(48px, 7vw, 88px); }
@media (min-width: 1100px) {
  .gs-page__body { grid-template-columns: minmax(0, 1fr) 300px; }
  .gs-page__aside { position: sticky; top: 96px; }
}

/* SSS: filter and the accordion (as on the product pages). */
.gs-sss__filter { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 8px 16px; margin-bottom: 20px; }
.gs-sss__filter label { grid-column: 1 / -1; color: var(--gs-navy); font: 600 0.9375rem/1.3 var(--gs-font); }
.gs-sss__field { position: relative; max-width: 520px; }
.gs-sss__field .gs-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; color: var(--gs-muted); pointer-events: none; }
.gs-sss__field input { width: 100%; min-height: 52px; padding: 0 16px 0 48px; border: 1px solid #7D93A1; border-radius: var(--gs-radius); background: var(--gs-white); color: var(--gs-navy); font: 400 1rem var(--gs-font-info); }
.gs-sss__field input:focus { outline: none; border-color: var(--gs-navy); box-shadow: 0 0 0 2px var(--gs-navy); }
.gs-sss__count { margin: 0; color: var(--gs-muted); font: 400 0.875rem/1.4 var(--gs-font-info); }
.gs-sss__empty { padding: 18px 20px; border-left: 3px solid var(--gs-accent); border-radius: var(--gs-radius); background: var(--gs-mist); color: #193656; }

.gs-sss__items { border-top: 1px solid var(--gs-line); }
:is(.gs-sss, .gs-hub) .gs-faq__item { border-bottom: 1px solid var(--gs-line); }
:is(.gs-sss, .gs-hub) .gs-faq__item[hidden] { display: none; }
:is(.gs-sss, .gs-hub) .gs-faq__item summary { display: flex; align-items: center; gap: 14px; min-height: 60px; padding-block: 14px; color: var(--gs-navy); font: 600 1rem/1.4 var(--gs-font); list-style: none; cursor: pointer; }
:is(.gs-sss, .gs-hub) .gs-faq__item summary::-webkit-details-marker { display: none; }
:is(.gs-sss, .gs-hub) .gs-faq__item summary:hover .gs-sss__q { text-decoration: underline; text-underline-offset: 3px; }
.gs-sss__num { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--gs-mist); color: var(--gs-navy); font: 700 0.8125rem/1 var(--gs-font-info); }
.gs-sss__q { flex: 1; }
:is(.gs-sss, .gs-hub) .gs-faq__item summary .gs-icon { flex: none; transition: transform 0.2s; }
:is(.gs-sss, .gs-hub) .gs-faq__item[open] summary .gs-icon { transform: rotate(180deg); }
:is(.gs-sss, .gs-hub) .gs-faq__item[open] .gs-sss__num { background: var(--gs-accent); color: var(--gs-white); }
:is(.gs-sss, .gs-hub) .gs-faq__answer { padding: 0 0 18px 44px; color: #4F5459; font: 400 1rem/1.75 var(--gs-font-read); }
:is(.gs-sss, .gs-hub) .gs-faq__answer p { margin: 0 0 0.8em; }
:is(.gs-sss, .gs-hub) .gs-faq__answer p:last-child { margin-bottom: 0; }
/* The home shortcuts under the questions, on mist. */
.gs-sss > .gs-tiles { padding-block: clamp(44px, 6vw, 64px); background: var(--gs-mist); }
.gs-sss > .gs-tiles h2 { font-size: var(--gs-fs-2xl); margin-bottom: 22px; }
@media (prefers-reduced-motion: reduce) { :is(.gs-sss, .gs-hub) .gs-faq__item summary .gs-icon { transition: none; } }
@media (max-width: 600px) {
  :is(.gs-sss, .gs-hub) .gs-faq__answer { padding-left: 0; }
}

/* İletişim: contact lines beside the form, the map below. */
.gs-contact-page__body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px 56px; align-items: start; padding-block: clamp(36px, 5vw, 64px); }
@media (min-width: 992px) {
  .gs-contact-page__body { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); }
}
.gs-contact-page h2 { margin-bottom: 18px; font-size: var(--gs-fs-xl); }
.gs-contact-info__list { display: grid; gap: 16px; margin: 0 0 24px; padding: 0; list-style: none; font: 400 1rem/1.55 var(--gs-font-info); color: var(--gs-body); }
.gs-contact-info__list li { display: flex; align-items: flex-start; gap: 14px; }
.gs-contact-info__list .gs-icon { flex: none; width: 22px; height: 22px; margin-top: 1px; color: var(--gs-accent); }
.gs-contact-info__list address { font-style: normal; color: var(--gs-navy); }
.gs-contact-info__list a { color: var(--gs-navy); font-weight: 600; text-underline-offset: 3px; }
.gs-contact-info__strong { font-size: 1.125rem; text-decoration: none; }
.gs-contact-info__strong:hover { text-decoration: underline; }
.gs-contact-info__local { margin: 0 0 24px; padding: 14px 16px; border-left: 3px solid var(--gs-accent); border-radius: var(--gs-radius); background: var(--gs-mist); color: #193656; font: 400 0.9375rem/1.6 var(--gs-font-info); }
.gs-contact-info__local a { color: var(--gs-navy); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.gs-contact-form { padding: clamp(20px, 3vw, 32px); border-top: 4px solid var(--gs-accent); border-radius: var(--gs-radius-lg); background: var(--gs-white); box-shadow: 0 16px 40px rgba(8, 62, 95, 0.1); }

/* MetForm in the site's form look (forms.css does the same for Contact Form 7). */
.gs-contact-form .mf-input-wrapper { margin-bottom: 14px; }
.gs-contact-form .mf-input-label { color: var(--gs-navy); font: 600 0.9375rem/1.3 var(--gs-font); }
.gs-contact-form :is(.mf-input, textarea.mf-input) { width: 100%; min-height: 48px; padding: 11px 14px !important; border: 1px solid #7D93A1 !important; border-radius: var(--gs-radius) !important; background: var(--gs-white) !important; box-shadow: none !important; color: var(--gs-navy) !important; font: 400 1rem/1.4 var(--gs-font-info) !important; }
.gs-contact-form textarea.mf-input { min-height: 120px; }
.gs-contact-form .mf-input:focus { outline: none; border-color: var(--gs-navy) !important; box-shadow: 0 0 0 2px var(--gs-navy) !important; }
.gs-contact-form .mf-input::placeholder { color: var(--gs-muted) !important; opacity: 1; }
.gs-contact-form .metform-btn { min-height: 52px; padding: 12px 28px !important; border: 0 !important; border-radius: var(--gs-radius) !important; background: var(--gs-accent) !important; color: var(--gs-white) !important; font: 600 0.9375rem/1.2 var(--gs-font-button) !important; letter-spacing: 0.04em; text-transform: uppercase; cursor: pointer; }
.gs-contact-form .metform-btn:hover { background: #E56D00 !important; }
.gs-contact-form .metform-btn:focus-visible { outline: none; box-shadow: var(--gs-focus) !important; }

.gs-contact-map iframe { display: block; width: 100%; height: clamp(300px, 34vw, 440px); border: 0; filter: saturate(0.85); }

/* Sigortalarımız (/sigortalar/): group chips, one section per group, FAQ, closing band. */
/* The chips overlap the head's lower edge: room for them under the lede. */
.gs-hub .gs-blog-head__inner { padding-bottom: calc(clamp(36px, 5vw, 56px) + 28px); }
.gs-hub__nav { position: relative; z-index: 1; margin-top: -28px; }
.gs-hub__nav ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 12px; list-style: none; border-radius: var(--gs-radius-lg); background: var(--gs-white); box-shadow: 0 16px 40px rgba(8, 62, 95, 0.12); }
.gs-hub__nav a { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 6px 14px 6px 8px; border: 1px solid var(--gs-line); border-radius: var(--gs-radius); color: var(--gs-navy); font: 600 0.9375rem/1.2 var(--gs-font); text-decoration: none; }
.gs-hub__nav a:hover { border-color: var(--gs-navy); background: var(--gs-mist); }
.gs-hub__nav img { width: 28px; height: 28px; object-fit: contain; }

.gs-hub__group { padding-block: clamp(40px, 5vw, 64px); scroll-margin-top: 72px; }
.gs-hub__group:nth-of-type(even) { background: var(--gs-mist); }
.gs-hub__group-inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px 56px; align-items: start; }
@media (min-width: 992px) {
  .gs-hub__group-inner { grid-template-columns: minmax(0, 0.9fr) minmax(0, 2fr); }
  .gs-hub__group-head { position: sticky; top: 96px; }
}
.gs-hub__icon { display: block; width: 56px; height: 56px; margin-bottom: 14px; padding: 8px; border-radius: 50%; background: var(--gs-white); box-shadow: 0 6px 18px rgba(8, 62, 95, 0.1); object-fit: contain; }
.gs-hub__group-head h2 { margin-bottom: 10px; font-size: var(--gs-fs-2xl); }
.gs-hub__group-head p { color: #4F5459; font: 400 1rem/1.7 var(--gs-font-read); }
.gs-hub__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.gs-hub__card { display: grid; align-content: start; gap: 6px; height: 100%; padding: 18px 20px; border: 1px solid var(--gs-line); border-top: 3px solid var(--gs-accent); border-radius: var(--gs-radius-lg); background: var(--gs-white); color: inherit; text-decoration: none; transition: box-shadow 0.2s, transform 0.2s; }
.gs-hub__card:hover { box-shadow: 0 12px 30px rgba(8, 62, 95, 0.12); transform: translateY(-2px); }
.gs-hub__card-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; color: var(--gs-navy); font: 700 1.0625rem/1.3 var(--gs-font); }
.gs-hub__card-title .gs-icon { flex: none; width: 18px; height: 18px; margin-top: 2px; color: var(--gs-muted); transition: transform 0.15s, color 0.15s; }
.gs-hub__card:hover .gs-icon { color: var(--gs-orange-text); transform: translateX(3px); }
.gs-hub__card-text { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #5F6368; font: 400 0.9375rem/1.55 var(--gs-font-read); }
@media (prefers-reduced-motion: reduce) { .gs-hub__card { transition: none; } .gs-hub__card:hover { transform: none; } }

.gs-hub__faq { padding-block: clamp(44px, 6vw, 72px); }
.gs-hub__faq h2 { margin-bottom: 14px; font-size: var(--gs-fs-2xl); scroll-margin-top: 96px; }
.gs-hub__faq .gs-container > .gs-faq__item:first-of-type { border-top: 1px solid var(--gs-line); }
.gs-hub__faq .gs-faq__answer { padding-left: 0; }
.gs-hub__closing { padding-bottom: clamp(44px, 6vw, 72px); }
.gs-hub__closing-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 40px; padding: clamp(22px, 3vw, 32px) clamp(22px, 4vw, 40px); border: 1px solid var(--gs-line); border-left: 4px solid var(--gs-accent); border-radius: var(--gs-radius-lg); background: var(--gs-mist); }
.gs-hub__closing-box > p:first-child { flex: 1 1 420px; max-width: 64ch; color: #193656; font: 400 1.0625rem/1.65 var(--gs-font-info); }
.gs-hub__closing-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.gs-hub__closing .gs-btn--ghost { color: var(--gs-navy); }

@media (max-width: 767px) {
  .gs-hub__nav ul { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; }
  .gs-hub__nav li { flex: none; }
  .gs-hub__nav a { white-space: nowrap; }
  .gs-hub__cards { grid-template-columns: minmax(0, 1fr); }
  .gs-hub__closing-actions, .gs-hub__closing-actions .gs-btn { width: 100%; }
}