/* =====================================================
   SERENOVA SİGORTA — UX GÜNCELLEME PAKETİ (updates.css)
   <link rel="stylesheet" href="updates.css"> ile eklenir.
   ===================================================== */

/* 1) Acil hasar butonu (header) */
.btn-emergency{
  color:#b3261e; border:1.5px solid #b3261e; border-radius:999px;
  padding:8px 14px; font-weight:600; font-size:.85rem;
  text-decoration:none; white-space:nowrap;
  transition:background .2s, color .2s;
}
.btn-emergency:hover, .btn-emergency:focus-visible{ background:#b3261e; color:#fff; }

/* 2) Form: iletişim tercihi */
.contact-pref{ border:0; margin:16px 0; padding:0; }
.contact-pref legend{ font-weight:600; color:#142f43; margin-bottom:10px; padding:0; }
.pref-option{
  display:flex; align-items:center; gap:10px;
  border:1px solid #e3e8ee; border-radius:12px;
  padding:12px 14px; margin-bottom:8px; cursor:pointer;
  transition:border-color .2s, background .2s;
}
.pref-option:hover{ border-color:#142f43; }
.pref-option input{ accent-color:#142f43; width:18px; height:18px; flex:none; }
.pref-option:has(input:checked){ border-color:#142f43; background:#f2f6fa; }

/* 3) SSS bölümü */
#sss .faq-grid{ max-width:820px; margin:0 auto; }
#sss details{ border-bottom:1px solid #e3e8ee; padding:14px 0; }
#sss summary{
  cursor:pointer; list-style:none;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  font-weight:600; color:#142f43;
}
#sss summary::-webkit-details-marker{ display:none; }
#sss summary::after{ content:'+'; font-size:1.4rem; font-weight:400; line-height:1; transition:transform .2s; }
#sss details[open] summary::after{ transform:rotate(45deg); }
#sss details p{ margin:10px 0 4px; color:#41505e; line-height:1.65; }

/* 4) Mobil sabit iletişim barı */
.sticky-contact{
  position:fixed; left:0; right:0; bottom:0; z-index:999;
  display:none; gap:8px;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  box-shadow:0 -6px 24px rgba(20,47,67,.14);
}
.sticky-contact a{
  flex:1; display:flex; align-items:center; justify-content:center; gap:8px;
  border-radius:12px; padding:14px 10px;
  color:#fff; font-weight:600; text-decoration:none;
}
.sc-call{ background:#142f43; }
.sc-wa{ background:#1fbe63; }

@media (max-width:920px){
  .sticky-contact{ display:flex; }
  body{ padding-bottom:84px; }      /* içerik barın altında kalmasın */
  .wa{ display:none !important; }   /* mobilde yüzen buton gereksiz */
  .btn-emergency{ display:none; }   /* mobil header'da yer kazanımı */
}

/* 5) Yorumlar biriktiğinde kullanacağınız hazır şablon */
.quotes{ display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.quote{ background:#f6f8fa; border-radius:16px; padding:20px; margin:0; }
.quote blockquote{ margin:0 0 12px; line-height:1.6; }
.quote figcaption{ color:#5b6b7a; font-size:.85rem; }

@media (prefers-reduced-motion:reduce){
  .btn-emergency, .pref-option, #sss summary::after{ transition:none; }
}
/* Mevcut siteyle uyum ve erişilebilirlik */
.sticky-contact{z-index:90}
.sc-wa{background:#147d42}
#sss a{text-decoration:underline;text-underline-offset:3px}
#sss summary{min-height:44px}
header .nav{gap:16px}
@media(min-width:921px) and (max-width:1100px){header .navlinks{gap:14px}.btn-emergency{padding:8px 10px;font-size:.75rem}header .brand img{max-width:210px;height:auto}}
@media(max-width:920px){body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}

/* Sade sayfa akışı — Eylül 2026 */
.hero{padding:48px 0 58px}.hero-grid{grid-template-columns:1.12fr 1fr;gap:64px;align-items:center}.hero h1{font-size:clamp(2.4rem,4vw,3.55rem)}.hero .lead{max-width:31em}.hero-proof{margin:34px 0 0;padding-top:20px}.hero-proof>span{font-size:.9rem}.hero-proof small{font-size:.76rem}.hero .hero-cta{margin-top:24px}
.hero .card{padding:28px;background:rgba(255,255,255,.98);border:1px solid #dce2da;box-shadow:0 18px 65px -40px #142f4360;border-radius:20px}.hero .card h2{color:var(--navy);font-size:1.55rem;line-height:1.2;margin:0}.hero .card .sub{color:var(--muted);font-size:.82rem;line-height:1.5;margin:8px 0 18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero .field{margin-bottom:12px}.hero .field input,.hero .field select{padding:10px 12px;min-width:0;width:100%}.hero .kvkk{font-size:.7rem;line-height:1.55;margin:12px 0}.hero .transfer-note{font-size:.7rem;line-height:1.6}.hero .contact-pref{display:flex;gap:8px;margin:4px 0 12px}.hero .contact-pref legend{font-size:.75rem;margin-bottom:8px}.hero .pref-option{flex:1;min-width:0;padding:9px 10px;margin:0;font-size:.78rem;gap:8px}.hero .pref-option input{width:16px;height:16px}.form-details{margin:8px 0 14px}.form-details summary{cursor:pointer;font-size:.72rem;color:#596873;padding:7px 0;min-height:32px}.hero #sendbtn{width:100%;justify-content:center;min-height:48px}.hero .fineprint{font-size:.66rem;line-height:1.55;color:#66717a;margin:10px 0 0}.hero .form-status{line-height:1.5}.form-status a{display:block;margin-top:5px}
.services-layout{display:grid;grid-template-columns:.8fr 1.5fr;gap:80px;align-items:start}.services-layout .sec-head{margin:8px 0}.services-layout .sec-head p{margin-top:18px}.service-list{border-top:1px solid #ccd6ce}.service-group{border-bottom:1px solid #ccd6ce}.service-group summary{list-style:none;display:flex;align-items:center;gap:22px;padding:21px 0;cursor:pointer;color:var(--navy)}.service-group summary::-webkit-details-marker{display:none}.service-number{font-size:.68rem;color:#926647;align-self:flex-start;padding-top:5px}.service-group strong{display:block;font-size:1.05rem;font-weight:600}.service-group small{display:block;font-size:.76rem;color:#66747d;margin-top:5px}.service-toggle{margin-left:auto;font-size:1.6rem;font-weight:400}.service-group[open] .service-toggle{transform:rotate(45deg)}.service-group[open] summary{padding-bottom:13px}.service-options{padding:0 0 20px 38px;display:flex;flex-wrap:wrap;gap:8px}.service-options>a{border:1px solid #ced9d0;border-radius:7px;padding:10px 13px;min-height:44px;font-size:.78rem;color:var(--navy);background:#fff}.service-options>a:hover{background:#e9eee9}.service-options>a span{margin-left:12px;color:#94613e}.corporate-options{width:100%;display:grid;gap:16px;margin:4px 0 12px}.corporate-options h3,.corporate-options h4{font-family:Montserrat,Arial,sans-serif;font-size:.82rem;font-weight:600;color:var(--navy);margin-bottom:5px}.corporate-options p{font-size:.76rem;line-height:1.8;color:#66747d}
.why .why-grid{align-items:center;gap:72px}.why .partner{background:#fff;border:0;color:var(--navy);padding:40px}.allianz-lockup{padding:10px 0 28px}.allianz-lockup img{display:block;width:220px;height:auto;max-width:100%}.allianz-lockup h3{font-family:Montserrat,Arial,sans-serif;color:#003781;font-size:1.1rem;font-weight:500;margin:20px 0 0}.why .partner>p{color:#415766;font-size:1.04rem;line-height:1.7}.partner-note{border-top:1px solid #dce3e8;padding-top:20px;margin-top:22px;color:#66747d;font-size:.83rem;line-height:1.7}
.member .team-photo{width:112px;height:112px;object-fit:cover;object-position:center 35%;border-radius:50%;margin-bottom:22px;border:4px solid #f0f2ed}.profile-photo{width:72px;height:72px;object-fit:cover;object-position:center 35%;border-radius:50%;flex-shrink:0}.member{background:#fff}.team-grid{gap:28px}
#sss{background:#eef1eb;border-top:1px solid #e2e7df;border-bottom:1px solid #e2e7df}.faq-layout{display:grid;grid-template-columns:.8fr 1.5fr;gap:80px}.faq-layout .sec-head{margin:8px 0}.faq-layout .sec-head p{margin-top:18px}#sss .faq-grid{margin:0;max-width:none;min-width:0}#sss details{border-bottom-color:#cfd9cd;padding:15px 0}#sss details:first-child{padding-top:0}#sss details:last-child{border:0}#sss summary{font-size:.9rem;line-height:1.55}#sss details p{font-size:.84rem;margin-top:12px}#sss summary::after{flex-shrink:0}
@media(max-width:1100px){.hero-grid{gap:32px}.hero .card{padding:24px}.hero h1{font-size:2.6rem}.services-layout,.faq-layout{gap:40px}.why .why-grid{gap:36px}}
@media(max-width:920px){.hero-grid{grid-template-columns:1fr 1fr;gap:24px}.hero h1{font-size:2.25rem}.hero .card{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.hero p.lead{font-size:.9rem}.hero .lead br{display:none}.services-layout,.faq-layout{grid-template-columns:1fr;gap:24px}.services-layout .sec-head br{display:none}.why .partner{padding:28px}.why .why-grid{gap:28px}}
@media(max-width:700px){.hero{padding:32px 0 40px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(2.1rem,8vw,2.7rem)}.hero p.lead{margin:18px 0 0}.hero .hero-cta{margin-top:16px}.hero-proof{margin-top:20px;padding-top:14px}.hero .card{padding:24px 20px}.hero .card h2{font-size:1.45rem}.hero .contact-pref{margin-top:4px}.hero .kvkk{font-size:.73rem}.hero .fineprint{font-size:.7rem}.service-group summary{gap:14px;padding:20px 0}.service-group strong{font-size:.96rem}.service-group small{font-size:.72rem}.service-options{padding-left:28px}.why .why-grid{grid-template-columns:1fr}.why .partner{padding:28px}.allianz-lockup{padding-bottom:18px}.allianz-lockup img{width:200px}.team-grid{grid-template-columns:1fr}.member .team-photo{width:104px;height:104px}#sss summary{font-size:.85rem}.faq-layout{gap:28px}}

/* Önceki metinler, sade hizmet düzeni içinde */
.service-copy{width:100%;padding:4px 0 10px}.service-copy>a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:.82rem;font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:4px}.service-copy>a span{color:#94613e}.service-copy p{font-size:.8rem;line-height:1.75;color:#66747d;margin-top:3px;max-width:54em}.corporate-options .corporate-intro{margin:4px 0 8px;color:#415766}.services-layout .sec-head p{max-width:29em}.why .partner>p{font-size:.96rem}.allianz-lockup{padding-bottom:24px}

/* 25.09.2026 UX/UI denetimi */
:root{--muted:#56636d}.service-group small,.service-copy p,.corporate-options p{color:#56636d}.hero .fineprint,.hero .card .sub{color:#56636d}.service-group small{font-size:.8rem}.hero .fineprint{font-size:.78rem;text-align:left;line-height:1.65}.hero .pref-option{min-height:44px}.form-details summary{min-height:44px;display:flex;align-items:center;font-size:.78rem;list-style:inside}.form-details summary::before{content:'+';margin-right:9px}.form-details[open] summary::before{content:'−'}.hero .privacy-note,.contact-alternative{font-size:.78rem;color:#41505e;line-height:1.65;margin:12px 0}.privacy-note a,.contact-alternative a{color:#85441f;text-decoration:underline;text-underline-offset:3px}.hero .form-details .kvkk span{font-size:.78rem}.field-error{display:block;color:#9b2424;font-size:.78rem;line-height:1.5;margin-top:5px}.field-error:empty{display:none}.field input,.field select{scroll-margin-block:120px}.form-status:empty{display:none}.form-status{scroll-margin-block:120px}.why-list h3{font-family:Montserrat,Arial,sans-serif}.service-copy a{flex-wrap:wrap}.hero-grid>*{min-width:0}.modal-card{max-height:calc(100dvh - 48px)}.map-load{width:100%;height:100%;border:0;background:#e4eae4;color:#142f43;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;font:inherit}.map-load>span{font-size:2rem}.map-load small{color:#41505e;font-size:.8rem}.map-load:hover{background:#dce5dd}.office-map iframe{width:100%;height:100%;border:0}.privacy-page{max-width:860px;padding-top:40px;padding-bottom:50px}.privacy-page h1{font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.3;margin:30px 0}.privacy-page p{line-height:1.8}.privacy-page a{text-decoration:underline}.sticky-contact{transition:none}.sticky-contact[hidden]{display:none!important}html{scroll-padding-bottom:100px}footer h2{font-family:Montserrat,Arial,sans-serif}
@media(max-width:700px){.hero .fineprint{font-size:.78rem}.modal-card{max-height:calc(100dvh - 24px)}.hero .pref-option{font-size:.76rem}.sticky-contact a{padding:12px 8px;min-height:48px}.member h3{overflow-wrap:anywhere}}

/* Kurumsal sayfa */
.navlinks a[aria-current="page"]{opacity:1;text-decoration:underline;text-underline-offset:6px}.about-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.about-intro{padding:80px 0}.about-page h1{font-size:clamp(2.2rem,4.5vw,3.7rem);line-height:1.16;color:var(--navy)}.about-page h2{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.3;color:var(--navy);margin-bottom:20px}.about-page p{color:#52616c;line-height:1.85;margin-bottom:20px}.about-story .text-link{display:inline-block;padding:10px 0}.about-purpose{background:#eaf0e9}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px}.purpose-grid article+article{border-left:1px solid #cbd6cd;padding-left:56px}.about-contact{padding:52px 0}.about-contact p{margin-bottom:12px}
@media(min-width:921px) and (max-width:1100px){header .brand img{max-width:165px}header .nav{gap:10px}header .navlinks{gap:12px}header .navlinks a{font-size:.8rem}header .nav>.btn{padding:12px 16px}}
@media(max-width:700px){.about-intro{padding:42px 0}.about-layout,.purpose-grid{grid-template-columns:1fr;gap:32px}.purpose-grid article+article{border-left:0;border-top:1px solid #cbd6cd;padding:28px 0 0}.about-contact{padding:40px 0}.about-page h1 br{display:none}}

/* 2026-09-28: native dialogs, breadcrumbs and email alternative */
dialog.modal{width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;box-sizing:border-box;color:inherit;background:transparent;backdrop-filter:none}
dialog.modal[open]{display:flex}
dialog.modal::backdrop{background:rgba(14,42,71,.55);backdrop-filter:blur(4px)}
.breadcrumb{padding-block:20px;font-size:.85rem}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}.breadcrumb li+li::before{content:'/';margin-right:10px;color:var(--muted)}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}


/* Mobile header: visible quote action with room for logo and menu. */
@media(max-width:920px){
  header .nav{gap:8px}
  header .brand{flex:1;min-width:0}
  header .brand img{width:auto;height:auto;max-width:100%;max-height:44px}
  header .nav>.header-quote{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;font-size:.8rem;white-space:nowrap}
  header .menu-btn{flex:0 0 44px;padding:0;display:flex;align-items:center;justify-content:center}
}


/* Simplified quote form */
#teklif .form-row{grid-template-columns:1fr;gap:0}
#teklif .callback-option{display:flex;align-items:center;gap:10px;min-height:44px;font-size:.8rem;color:var(--navy);cursor:pointer;margin:0}
#teklif .callback-option input{width:18px;height:18px;flex-shrink:0;accent-color:var(--navy)}
#teklif .privacy-note{margin:8px 0 12px}
#teklif .email-submit{display:block;width:100%;min-height:44px;margin:4px 0 0;padding:10px;background:transparent;border:0;color:var(--navy);font:inherit;font-size:.82rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#teklif .email-submit:hover{color:#85441f}
#teklif .fineprint{margin-top:4px;font-size:.75rem}

/* Refined quote card */
.hero #teklif{padding:30px;border:1px solid #d9dfdf;border-radius:18px;background:#fff;box-shadow:0 18px 48px -28px #142f4340;overflow:hidden}
#teklif .quote-heading{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #e9ecea}
#teklif .quote-kicker{display:flex;align-items:center;gap:10px;font-size:.63rem;letter-spacing:.16em;font-weight:600;color:#8a593b;margin-bottom:12px}
#teklif .quote-kicker::before{content:'';width:24px;height:2px;background:#ad7853}
.hero #teklif h2{font-size:clamp(1.5rem,2.2vw,1.85rem);letter-spacing:-.045em;line-height:1.2;font-weight:600}
.hero #teklif .sub{font-size:.82rem;line-height:1.65;margin:10px 0 0;color:#637078;max-width:32ch}
#teklif .field{margin-bottom:18px}
#teklif .field label{font-size:.75rem;font-weight:600;margin-bottom:8px;color:#344d5b}
#teklif .field input,#teklif .field select{min-height:50px;border:1px solid #d8dfdf;border-radius:8px;background:#fafbf9;padding:12px 14px;font-size:16px;color:#142f43}
#teklif .field input::placeholder{color:#79848a;font-size:.86rem;opacity:1}
#teklif .field input:focus,#teklif .field select:focus{outline:2px solid #b8885d;outline-offset:2px;background:#fff;border-color:#b8885d}
#teklif .field [aria-invalid=true]{border-color:#9b2424}
#teklif .quote-options{display:flex;align-items:center;justify-content:space-between;gap:6px 14px;flex-wrap:wrap;margin-top:-4px;margin-bottom:14px}
#teklif .callback-option{font-size:.73rem;min-height:44px;gap:8px;color:#52636d}
#teklif .callback-option input{width:16px;height:16px}
#teklif .privacy-note{margin:0;font-size:.7rem}
#teklif .privacy-note a{color:#627079;display:inline-flex;align-items:center;min-height:44px;text-underline-offset:3px}
#teklif .quote-actions{margin:0 -30px -30px;padding:22px 30px 20px;background:#f6f7f4;border-top:1px solid #e7ebe6}
.hero #teklif #sendbtn{margin:0;min-height:52px;padding:14px 18px;border-radius:8px;justify-content:space-between;font-size:.86rem;font-weight:600;background:#142f43;color:#fff;box-shadow:0 4px 8px #142f4310}
.hero #teklif #sendbtn:hover{background:#244b5e}
#teklif .email-submit{margin:6px 0 0;font-size:.76rem;min-height:44px;color:#435e6d;text-decoration-color:#a7b4b9}
#teklif .fineprint{margin:4px auto 0;max-width:34ch;font-size:.67rem;text-align:center;color:#65747a;line-height:1.65}
@media(max-width:600px){.hero #teklif{padding:24px}.hero #teklif .quote-actions{margin:0 -24px -24px;padding:20px 24px 18px}#teklif .quote-heading{padding-bottom:20px;margin-bottom:20px}}

/* Equal-width delivery actions */
#teklif .quote-buttons{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.hero #teklif .quote-buttons #sendbtn,#teklif .quote-buttons .email-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin:0;padding:12px 8px;border-radius:8px;font-family:inherit;font-size:clamp(.7rem,2.8vw,.8rem);font-weight:600;line-height:1.4;text-align:center;text-decoration:none;white-space:normal}
#teklif .quote-buttons .email-submit{background:#fff;color:#142f43;border:1px solid #142f43;cursor:pointer}
#teklif .quote-buttons .email-submit:hover{background:#eaf0f2;color:#142f43}
#teklif .quote-actions .fineprint{margin-top:14px;max-width:none}

/* Consistent WhatsApp actions, dark text for readable contrast. */
:root{--whatsapp-green:#25d366;--whatsapp-hover:#20bd5a;--whatsapp-ink:#073b24}
.hero #teklif #sendbtn,.sticky-contact .sc-wa,a.wa{background:var(--whatsapp-green);color:var(--whatsapp-ink);border-color:var(--whatsapp-green)}
.hero #teklif #sendbtn:hover,.sticky-contact .sc-wa:hover,a.wa:hover{background:var(--whatsapp-hover);color:var(--whatsapp-ink);border-color:var(--whatsapp-hover)}
a.wa svg{color:currentColor}

/* Services: visible product choices and clear paths to a quote. */
#hizmetler{background:#f5f6f2;padding:72px 0}
.services-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.services-heading h2{font-size:clamp(1.8rem,3vw,2.5rem);color:var(--navy);letter-spacing:-.04em;line-height:1.2;margin-top:12px}
.services-heading>p{font-size:.86rem;line-height:1.7;color:#566872}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.service-card{background:#fff;border:1px solid #dce2dd;border-radius:14px;padding:24px;display:flex;flex-direction:column;min-width:0}
.service-card-heading{display:flex;align-items:center;gap:12px}.service-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:10px;color:#8d5e3b;background:#f3eee7}
.service-card h3{font-size:1rem;line-height:1.4;color:#142f43;font-weight:600}
.service-description{font-size:.82rem;line-height:1.7;color:#5c6b72;margin:16px 0 20px;min-height:2.8em}
.service-actions{border-top:1px solid #e9ede8;padding-top:8px;margin-top:auto}
.service-actions .service-copy{padding:0;width:100%}.service-actions .service-copy p{display:none}
.service-actions .service-copy>a,.service-actions>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 0;font-size:.8rem;font-weight:600;line-height:1.5;text-decoration:none;color:#24485b;border:0;background:transparent}
.service-actions .service-copy+.service-copy{border-top:1px solid #edf0ec}.service-actions a span{color:#926647}.service-actions a:hover{color:#85441f;text-decoration:underline;text-underline-offset:4px}
.corporate-detail summary{cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.78rem;color:#52656f;list-style:none}.corporate-detail summary::-webkit-details-marker{display:none}.corporate-detail summary::after{content:'+';font-size:1.2rem}.corporate-detail[open] summary::after{content:'−'}.corporate-detail .corporate-options{padding:10px 0}
.services-help{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 0;margin-top:8px}.services-help p{font-size:.84rem;line-height:1.7;color:#334f5c}.services-help strong{font-weight:600}.services-help p span{display:block;color:#65747a}.services-help>a{display:inline-flex;align-items:center;gap:24px;min-height:44px;color:#142f43;font-size:.84rem;font-weight:600;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1000px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#hizmetler{padding:44px 0}.services-heading{display:block;margin-bottom:24px}.services-heading>p{margin-top:14px}.services-grid{grid-template-columns:1fr;gap:12px}.service-card{padding:20px}.service-description{min-height:0;margin:12px 0 16px}.services-help{align-items:flex-start;flex-direction:column;gap:8px}.services-heading h2{font-size:1.8rem}}

/* Serenova product discovery: independent categories and explicit actions. */
.services-grid{align-items:start}.service-card{padding:26px;border-radius:12px;box-shadow:0 5px 16px -14px #142f4350}
.service-card-heading{gap:14px}.service-icon{width:48px;height:48px}.service-card h3{font-size:1.12rem;letter-spacing:-.025em}
.service-description{font-size:.88rem;line-height:1.7;margin:18px 0 24px;min-height:3.4em}
.service-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.service-inspect,.service-card-actions .service-quote{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:10px 14px;font:inherit;font-size:.8rem;font-weight:600;border-radius:7px;cursor:pointer;text-decoration:none}
.service-inspect{background:#fff;border:1px solid #cbd5d7;color:#24485b}.service-inspect:hover,.service-inspect[aria-expanded=true]{background:#edf2f1;border-color:#8ea4a9}
.service-card-actions .service-quote{background:#142f43;color:#fff;border:1px solid #142f43}.service-card-actions .service-quote:hover{background:#244b5e}
.service-detail{border-top:1px solid #e1e7e3;margin-top:20px;padding-top:18px;color:#526570;font-size:.84rem;line-height:1.75}.service-detail[hidden]{display:none}.service-tags{font-weight:600;color:#24485b;margin-top:12px}.service-condition{font-size:.72rem;color:#63737a;margin-top:14px}.service-detail-choices{display:grid;gap:4px;margin-top:10px}.service-detail-choices a{display:flex;align-items:center;justify-content:space-between;min-height:44px;color:#24485b;text-decoration:underline;text-underline-offset:4px}
.service-advice{align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:#eaf0eb;border:1px solid #d3dfd5;border-radius:12px;padding:26px;min-height:250px}.service-advice .eyebrow{font-size:.6rem;letter-spacing:.12em;color:#5a7064}.service-advice h3{font-size:1.25rem;line-height:1.4;color:#142f43;letter-spacing:-.025em;margin:14px 0 10px}.service-advice p{font-size:.85rem;line-height:1.7;color:#53685d}.service-advice>a{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:18px;font-weight:600;font-size:.85rem;color:#142f43;text-decoration:underline;text-underline-offset:4px}
@media(min-width:601px) and (max-width:1000px){.service-advice{grid-column:1/-1;min-height:0}}
@media(max-width:600px){.service-card{padding:22px}.service-description{min-height:0;margin:14px 0 20px}.service-advice{padding:24px;min-height:0}.service-card h3{font-size:1.1rem}}

.service-card-actions .service-quote{margin:0}

/* 2026-09-29: focus, delivery buttons and motion preferences. */
:focus-visible{outline:3px solid #ad5b30;outline-offset:3px}
dialog.modal [autofocus]:focus{outline:none}
.modal-close{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:1.4rem;cursor:pointer}
#teklif .quote-buttons button{gap:8px;flex-wrap:wrap;align-content:center;transition:background-color .18s ease,box-shadow .18s ease}
#teklif .quote-buttons button svg{flex:0 0 20px}
#teklif .quote-buttons button span{margin:0;color:inherit}
#teklif .quote-buttons button:focus-visible{box-shadow:0 0 0 2px #fff}
.service-detail{overflow:hidden}
#teklif [aria-invalid="true"]{border-color:#9b2424;animation:fieldShake .25s ease-in-out}
@keyframes fieldShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media(max-width:920px){.sticky-contact{box-shadow:0 -4px 20px #00000014}}
@media(prefers-reduced-motion:reduce){#teklif [aria-invalid="true"]{animation:none}#teklif .quote-buttons button{transition:none}}

/* 2026-09-29 (2): UX/UI/debug paketi */
/* Mobil menüde hasar desteği; masaüstünde başlıktaki düğme zaten var. */
.navlinks .nav-claim{display:none}
@media(max-width:920px){.navlinks .nav-claim{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px 14px;border:1.5px solid #b3261e;border-radius:12px;color:#b3261e;font-weight:600;opacity:1}.navlinks .nav-claim:active{background:#b3261e;color:#fff}}
/* Kaydırınca ana sayfadaki aktif bölümü vurgula. */
.navlinks a[aria-current="true"]{opacity:1;text-decoration:underline;text-underline-offset:6px}
/* Sabit iletişim barı: emoji yerine SVG. */
.sticky-contact a svg{flex:none}
/* Dar ekranda WhatsApp/E-posta düğmelerinde ikon metnin üstüne düşmesin. */
#teklif .quote-buttons button{flex-wrap:nowrap}
#teklif .quote-buttons button span{min-width:0}
/* Mobil: hero görseli daha küçük dosyadan gelir. */
@media(max-width:700px){.hero::before{background-image:url('img/hero-izmir-clock-sm.webp')}}
/* Dokunma hedefleri: alt bilgi bağlantıları. */
@media(max-width:920px){footer li a{display:inline-block;padding:6px 0}footer li{margin-bottom:4px}}

/* 2026-10-11: screenshot review and keyboard/mobile usability. */
.hero h1{text-wrap:balance}
.contact-grid{align-items:start}
.cinfo .contact-intro{margin-top:0}
footer img.flogo{display:block;width:163px;height:auto;max-width:100%}
.member .team-photo{width:120px;height:120px}
.profile-open,.service-inspect,.service-quote{min-height:44px}
#teklif .privacy-note a{display:inline-flex;align-items:center;min-height:44px}
.modal-head>div{min-width:0}
.modal-head h3{overflow-wrap:anywhere}
@media(max-width:420px){
  #teklif .quote-buttons{grid-template-columns:1fr}
  #teklif .quote-buttons button{font-size:.85rem}
  .modal-head{flex-wrap:wrap;padding-right:42px}
  .modal-contact .btn{min-width:0;flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .modal-card,.modal.open{animation:none}
  .reveal,.wa,.service-card,.menu-btn{transition:none}
}