/* Etkin tema; yalnız aynı seçicide sonradan geçersiz kalan bildirimler ayıklandı. */
:root { --main: #7ac1ed; --action: #175b8c; --accent: #65b1e3; --tint: rgba(85,166,221,.7); --turn: 155deg; --signup1: #15517b; --signup2: #163758; --soft: #e5f0f7; }
.palette-turuncu { --main: #efac71; --action: #984921; --accent: #efa467; --tint: rgba(239,161,88,.7); --turn: -16deg; --signup1: #aa572d; --signup2: #633a2a; --soft: #fbefe4; }
.palette-turkuaz { --main: #7ed2c2; --action: #147767; --accent: #69c7b4; --tint: rgba(100,193,165,.7); --turn: 110deg; --signup1: #126b58; --signup2: #145063; --soft: #e5f4ee; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; line-height: 1.5; font-size: 16px; background: url("../assets/tread.svg") 0% 0% / 100% rgb(255, 255, 255); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
button, a, input, select, textarea, summary { outline-offset: 4px; }
:focus-visible { outline: 3px solid var(--action); }
[hidden] { display: none !important; }
.sprite { position: absolute; width: 0px; height: 0px; overflow: hidden; }
.icon { height: 24px; width: 24px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; flex-shrink: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }
.skip { position: absolute; top: -100px; left: 15px; background: white; z-index: 100; padding: 12px; }
.skip:focus { top: 10px; }
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.header-bg { height: 104px; border-bottom: 1px solid rgb(222, 226, 230); background: linear-gradient(135deg,#fff 50%,var(--main) 0%); position: relative; z-index: 40; }
.header-inner { height: 100%; display: flex; justify-content: space-between; align-items: center; }
.logo { background: var(--main); border: 3px solid rgb(17, 17, 17); border-radius: 28px; color: rgb(8, 11, 13); font-family: Arial, sans-serif; font-style: italic; font-size: 43px; font-weight: 900; letter-spacing: -2px; line-height: 1.1; width: 378px; height: 63px; display: flex; align-items: center; justify-content: center; text-shadow: currentcolor 0.6px 0px; }
.menu-toggle { margin-right: -16px; position: relative; padding: 16px; background: transparent; border: 0px; width: 70px; height: 70px; display: flex; flex-direction: column; justify-content: center; gap: 6px; color: rgb(32, 40, 43); }
.menu-toggle span { width: 38px; height: 4px; background: currentcolor; display: block; transition: transform 0.15s; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(10px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-10px) rotate(-45deg); }
.hero { background-color: var(--tint); padding: 64px 0px; background-image: url("../assets/hero-roadside-wide.webp"); background-position: right center; background-size: cover; background-blend-mode: soft-light; text-align: center; }
.hero-title { font-size: 45px; line-height: 1.5; margin: 0px 0px 25px; font-weight: 400; }
.hero-title strong { font-weight: 700; }
.search-form { width: 80%; position: relative; margin: 0px auto; }
.search { padding: 16px 100px 16px 16px; font-family: Arial, sans-serif; font-size: 25px; line-height: normal; width: 100%; height: 61px; background: rgba(255, 255, 255, 0.79); border: 0px; border-radius: 0px; color: rgb(17, 17, 17); }
.btn { display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 6px 12px; font-size: 16px; line-height: 24px; border-radius: 4px; transition: filter 0.15s; background: none; }
.btn:hover { filter: brightness(0.93); }
.btn-action { background: var(--action); border-color: var(--action); color: rgb(255, 255, 255); }
.btn-accent { background: var(--accent); border-color: var(--accent); color: rgb(23, 35, 40); }
.btn-light { background: rgb(248, 249, 250); border-color: rgb(248, 249, 250); color: rgb(33, 37, 41); }
.search-button { position: absolute; right: 20px; top: 14px; width: 56px; height: 38px; }
.hero .or { padding-top: 16px; margin: 0px 0px 16px; line-height: 24px; }
.location-button { padding: 16px 48px; height: 58px; min-width: 263px; display: inline-flex; align-items: center; justify-content: center; gap: 15px; line-height: 24px; }
.suggestions { background: rgb(240, 239, 236); list-style: none; position: absolute; width: 100%; margin: 0px; padding: 8px; z-index: 45; max-height: 310px; overflow: auto; text-align: left; box-shadow: rgba(0, 0, 0, 0.133) 0px 12px 15px; }
.suggestions a { padding: 12px 15px; border-bottom: 1px solid rgb(221, 221, 221); font-size: 16px; }
.suggestions a:hover, .suggestions a:focus { background: var(--soft); color: var(--action); }
#location-status { background: white; color: rgb(36, 49, 58); max-width: 888px; padding: 10px 15px; margin: 15px auto -35px; font-size: 14px; border: 1px solid var(--action); }
.alt-baslik { padding: 16px 0px; text-align: center; min-height: 0px; }
.alt-baslik :is(h1, h2) { font-size: 32px; line-height: 38.4px; font-weight: 500; margin: 0px 0px 8px; }
.intro-callout { border: 1px solid rgb(222, 226, 230); padding: 8px; margin-bottom: 8px; height: auto; font-size: 20px; line-height: 24px; font-weight: 500; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
.intro-callout p { margin: 0px; }
.btn-lg { font-size: 20px; line-height: 30px; padding: 8px 16px; border-radius: 4.8px; height: 48px; }
.service-grid { display: flex; flex-wrap: wrap; margin: 0px -15px; }
.service-column { width: 25%; padding: 0px 15px; margin-bottom: 4px; }
.service-card { display: flex; flex-direction: column; justify-content: space-between; position: relative; isolation: isolate; min-height: 250px; height: 100%; padding: 16px; border: 1px solid rgb(222, 226, 230); background: rgb(248, 249, 250); overflow: hidden; }
.service-art { position: absolute; inset: 0px; z-index: -1; background-position: right center; background-repeat: no-repeat; }
.art-0 { background-image: url("../assets/repair.webp"); }
.art-1 { background-image: url("../assets/roadside.webp"); }
.art-2 { background-image: url("../assets/workshop.webp"); }
.art-3 { background-image: url("../assets/mobile-service.webp"); }
.service-card h2 { font-size: 24px; line-height: 28.8px; font-weight: 500; margin: 0px 0px 8px; }
.service-card p { font-size: 16px; line-height: 24px; background: rgba(248, 249, 250, 0.68); border-radius: 4px; padding: 8px; margin: 0px 0px 16px; }
.business-join { padding: 50px 0px 0px; }
.signup-row { display: flex; }
.signup { width: 50%; padding: 50px; color: white; min-height: 282.8px; }
.signup.first { text-align: right; background: radial-gradient(circle at 50% 25%,var(--action),var(--signup1)); }
.signup.second { background: radial-gradient(circle at 30% 25%,var(--signup1),var(--signup2)); }
.signup h3 { font-size: 24px; line-height: 28.8px; font-weight: 500; margin: 24px 0px 8px; }
.signup p { margin-top: 0px; margin-right: 0px; margin-left: 0px; }
.large-pad { padding: 16px; }
.foot { background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; min-height: 168px; padding: 32px 0px; }
.contact-row { display: flex; align-items: center; justify-content: center; padding: 16px 0px; gap: 30px; min-height: 104px; }
.contact-row > p { width: 50%; text-align: right; margin: 0px; }
.contact-brand { display: flex; align-items: center; width: 50%; }
.contact-brand > .icon { width: 48px; height: 48px; stroke-width: 1.2; }
.bottom-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 16px; padding-bottom: 16px; background: rgb(255, 255, 255); }
.footer-name { font-style: italic; font-weight: 800; font-size: 29px; color: var(--action); letter-spacing: -1px; }
.btn-sm { font-size: 14px; line-height: 21px; padding: 4px 8px; }
#site-menu { position: fixed; inset: 104px 0px 0px; overflow: auto; background: rgb(248, 249, 250); z-index: 35; }
body.menu-open { overflow: hidden; }
.menu-top { display: flex; justify-content: center; gap: 30px; padding: 24px 15px; background: rgb(52, 58, 64); flex-wrap: wrap; }
.menu-content { padding-top: 25px; padding-bottom: 35px; }
.menu-content h2 { font-size: 24px; font-weight: 500; margin: 25px 0px 15px; }
.menu-districts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px 25px; }
.menu-districts a { padding: 8px 12px; border: 1px solid rgb(224, 228, 229); background: white; }
.menu-districts a:hover { background: var(--soft); color: var(--action); }
.menu-services { display: flex; gap: 12px 30px; flex-wrap: wrap; }
.menu-services a { border-bottom: 1px solid var(--action); padding: 6px 0px; }
.comparison-link { display: block; margin-top: 35px; color: var(--action); }
.listing-main > .container, .article-main > .container { background: rgba(255, 255, 255, 0.7); padding-bottom: 25px; }
.breadcrumbs { border-bottom: 1px solid rgb(222, 226, 230); padding: 16px 0px 10px; font-size: 16px; margin-bottom: 22px; }
.breadcrumbs a { color: var(--action); }
.listing-main h1 { font-size: 32px; line-height: 38.4px; font-weight: 500; margin: 0px 0px 12px; }
.listing-summary { background: rgb(207, 212, 218); text-align: center; border-radius: 4px; padding: 5px 10px; margin-bottom: 8px; font-size: 14px; line-height: 21px; color: rgb(73, 80, 87); }
.listing-summary strong, .listing-summary span { display: block; }
.business-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 30px; }
.business-card { border: 1px solid rgb(201, 223, 215); border-radius: 4px; background: var(--soft); padding: 8px; display: flex; gap: 20px; }
.business-face { width: 148px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 15px; }
.avatar { height: 100px; width: 100px; border-radius: 50%; background: rgb(255, 255, 255); border: 1px solid var(--main); display: grid; place-items: center; font-size: 33px; font-weight: 600; color: var(--action); }
.business-info { flex: 1 1 0%; min-width: 0px; }
.business-info h2 { font-weight: 400; margin: 3px 0px 4px; overflow-wrap: anywhere; }
.business-info p { font-size: 13px; line-height: 18px; margin: 3px 0px 5px; }
.record-note { color: rgb(86, 107, 100); }
.contact-actions { display: flex; gap: 7px; margin-top: 8px; }
.contact-actions > .btn-action { flex: 1 1 0%; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 15px; padding: 8px; }
.contact-actions .icon { width: 17px; height: 17px; }
.profile-button { font-size: 12px; padding: 5px; }
.empty { grid-column: 1 / -1; padding: 35px 20px; text-align: center; border: 1px solid rgb(217, 227, 224); background: rgb(255, 255, 255); }
.empty h2 { font-size: 24px; font-weight: 500; }
.article-content { padding: 10px 0px 30px; font-size: 16px; line-height: 1.8; }
.district-copy { margin-top: 25px; }
.article-content h1 { font-size: 32px; font-weight: 500; line-height: 1.3; margin: 0px 0px 20px; }
.article-content h2 { font-size: 25px; font-weight: 500; line-height: 1.4; margin: 28px 0px 12px; }
.article-content p { margin: 0px 0px 18px; }
.article-content details { border-bottom: 1px solid rgb(220, 225, 226); padding: 15px 0px; }
.article-content summary { cursor: pointer; font-weight: 600; }
.article-content details p { margin: 12px 0px 5px; }
.related-links { display: flex; gap: 15px; flex-wrap: wrap; margin-top: 25px; color: var(--action); }
#business-form { max-width: 900px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; background: rgb(242, 244, 243); border: 1px solid rgb(222, 226, 230); padding: 25px; margin-top: 25px; }
#business-form label { font-size: 15px; }
#business-form input, #business-form select, #business-form textarea { display: block; width: 100%; border: 1px solid rgb(203, 210, 212); border-radius: 4px; background: white; padding: 12px; margin-top: 7px; font-size: 16px; }
#business-form .wide { grid-column: 1 / -1; }
#business-form .consent { display: flex; gap: 12px; align-items: flex-start; }
#business-form .consent input { width: 18px; flex-shrink: 0; }
.form-note { background: var(--soft); border-left: 3px solid var(--action); padding: 12px 18px; }
#form-preview { padding: 18px; background: white; border: 1px solid rgb(220, 226, 221); }
dialog { color: rgb(33, 37, 41); background: white; border: 0px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.333) 0px 15px 70px; padding: 35px; width: calc(100% - 30px); max-width: 640px; max-height: 90vh; overflow: auto; }
dialog::backdrop { background: rgba(19, 34, 41, 0.65); }
.dialog-close { position: absolute; top: 9px; right: 12px; border: 0px; background: none; color: rgb(102, 102, 102); font-size: 28px; padding: 3px 8px; }
dialog h2 { font-size: 26px; font-weight: 500; line-height: 1.35; padding-right: 20px; }
dialog p { font-size: 15px; }
dialog .profile-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-block: 20px; }
dialog .source-note { font-size: 13px; background: var(--soft); padding: 15px; }
@media (min-width: 576px) {
  .container { max-width: 540px; }
}
@media (min-width: 768px) {
  .container { max-width: 720px; }
}
@media (min-width: 992px) {
  .container { max-width: 960px; }
}
@media (min-width: 1200px) {
  .container { max-width: 1140px; }
}
@media (max-width: 991px) {
  body { padding-top: 72px; }
  .header-bg { height: 72px; position: fixed; top: 0px; left: 0px; right: 0px; }
  .logo { width: 300px; height: 50px; font-size: 34px; letter-spacing: -1.5px; }
  .menu-toggle { margin-right: -8px; padding: 8px; width: 54px; height: 54px; }
  .menu-toggle span { width: 32px; height: 4px; }
  .hero { padding: 32px 0px; }
  .hero-title { font-size: 17px; line-height: 25.5px; margin-bottom: 15px; }
  .search-form { width: 100%; }
  .search { font-size: 17px; padding-right: 75px; height: 52px; }
  .search-button { right: 9px; top: 9px; }
  .hero .or { padding-top: 8px; }
  .service-column { width: 100%; margin-bottom: 8px; }
  .service-card { min-height: 50px; padding: 8px; }
  .service-art { background-size: contain; }
  .service-card p { padding-right: 25px; }
  .signup h3 { margin-top: 0px; }
  .business-grid { grid-template-columns: 1fr; }
  #site-menu { top: 72px; }
  .menu-districts { grid-template-columns: repeat(3, 1fr); }
  .intro-callout { height: auto; }
  .alt-baslik { min-height: 0px; }
  .bottom-footer > div { display: none; }
  .contact-row { gap: 20px; }
  .contact-brand a { font-size: 21px; }
}
@media (max-width: 767px) {
  .container { max-width: 540px; }
  .logo { width: 244px; height: 40px; font-size: 28px; border-width: 2.5px; letter-spacing: -1.4px; }
  .menu-toggle { width: 48px; height: 48px; gap: 6px; }
  .header-bg { background: linear-gradient(135deg, rgb(255, 255, 255) 50%, rgb(239, 239, 237) 0%); }
  .intro-callout { height: auto; padding: 8px; }
  .intro-callout p { margin-bottom: 0px; }
  .alt-baslik { min-height: 0px; }
  .service-grid { margin-inline: -15px; }
  .service-card { min-height: 172.8px; }
  .service-card p { min-height: 64px; }
  .signup-row { display: block; }
  .signup { width: 100%; padding: 50px; min-height: 0px; text-align: center !important; }
  .signup h3 { margin-top: 0px; }
  .contact-row { display: block; text-align: center; min-height: 228px; padding: 16px 0px; }
  .contact-row > p { width: 100%; text-align: center; margin-bottom: 18px; }
  .contact-brand { width: 100%; justify-content: center; gap: 12px; }
  .contact-brand > .icon { width: 36px; height: 36px; }
  .contact-brand strong { font-size: 13px; }
  .contact-brand a { font-size: 21px; }
  .foot { padding: 16px 0px; min-height: 292px; }
  .bottom-footer { justify-content: center; min-height: 73px; }
  .footer-name { font-size: 28px; }
  .menu-top { gap: 10px; padding: 16px 12px; }
  .menu-top .btn { font-size: 13px; }
  .menu-content h2 { font-size: 22px; }
  .menu-districts { grid-template-columns: 1fr 1fr; gap: 8px; }
  .menu-districts a { font-size: 13px; padding: 9px 6px; }
  .menu-services { gap: 8px 20px; font-size: 14px; }
  .business-face { width: 100px; }
  .avatar { width: 80px; height: 80px; font-size: 27px; }
  .business-card { gap: 12px; padding: 10px; }
  .business-info h2 { font-size: 20px; line-height: 25px; }
  .contact-actions { flex-wrap: wrap; }
  .contact-actions > .btn-action { font-size: 13px; min-width: 100%; min-height: 42px; }
  .profile-button { flex: 1 1 0%; }
  .breadcrumbs { font-size: 14px; }
  .listing-main h1, .article-content h1 { font-size: 29px; }
  .article-content { font-size: 15px; }
  .article-content h2 { font-size: 23px; }
  #business-form { grid-template-columns: 1fr; padding: 20px; }
  #business-form .wide { grid-column: auto; }
  dialog { padding: 30px 23px; }
  .search:focus-visible { outline-offset: -3px; }
  #location-status { margin-bottom: 0px; }
  .comparison-link { font-size: 14px; }
}
.service-art { clip-path: polygon(100% 0px, 100% 100%, 0px 100%); filter: grayscale(0.6); background-size: cover !important; }
.service-card::after { content: ""; position: absolute; inset: 0px; clip-path: polygon(100% 0px, 100% 100%, 0px 100%); background: var(--main); mix-blend-mode: color; z-index: -1; opacity: 0.72; }
.page-surface { background: rgba(255, 255, 255, 0.77); padding-bottom: 30px; }
.extra-menu { margin-top: 30px; padding-top: 20px; border-top: 1px solid rgb(214, 223, 227); }
.footer-note { font-size: 11px; background: rgb(255, 255, 255); color: rgb(101, 113, 120); padding-top: 0px; padding-bottom: 15px; }
.suggestions small { float: right; font-size: 12px; color: rgb(100, 120, 127); }
.district-index { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 25px; }
.district-index a { border: 1px solid rgb(220, 225, 227); background: white; padding: 13px; font-size: 16px; }
.guide-index { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }
.guide-index article { border: 1px solid rgb(220, 225, 227); background: rgba(255, 255, 255, 0.77); padding: 22px; }
.guide-index h2 { margin-top: 0px; }
.directory-filter { display: flex; gap: 10px; align-items: end; flex-wrap: wrap; margin: 20px 0px; }
.directory-filter label { font-size: 13px; flex: 1 1 0%; }
.directory-filter input, .directory-filter select { height: 42px; width: 100%; padding: 8px 10px; border: 1px solid rgb(207, 215, 220); border-radius: 4px; background: white; display: block; margin-top: 5px; min-width: 0px; }
.directory-filter .btn { height: 42px; }
.profile-layout { display: grid; grid-template-columns: 1.2fr 1fr; gap: 35px; }
.profile-address { font-size: 18px; }
.profile-layout dl { display: grid; grid-template-columns: 145px 1fr; gap: 12px; margin: 24px 0px; }
.profile-layout dt { color: rgb(96, 114, 122); }
.profile-layout dd { margin: 0px; }
.profile-actions { display: flex; gap: 10px; flex-wrap: wrap; margin: 24px 0px; }
.source-note { font-size: 13px; background: var(--soft); padding: 15px; border-left: 3px solid var(--action); }
.profile-map { min-width: 0px; }
.map-placeholder { min-height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 1px solid rgb(212, 226, 233); background: var(--soft); padding: 25px; gap: 15px; }
.map-placeholder small { font-size: 12px; color: rgb(93, 114, 124); }
.profile-map iframe { width: 100%; height: 380px; border: 1px solid rgb(212, 226, 233); }
.request-form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 920px; background: rgb(240, 244, 245); border: 1px solid rgb(216, 225, 229); padding: 25px; margin: 25px 0px; }
.request-form label { display: block; font-size: 15px; }
.request-form input:not([type="checkbox"]), .request-form select, .request-form textarea { display: block; width: 100%; font-size: 16px; padding: 11px 12px; border: 1px solid rgb(203, 213, 219); border-radius: 4px; background: rgb(255, 255, 255); margin-top: 7px; }
.request-form .wide { grid-column: 1 / -1; }
.request-form fieldset { border: 1px solid rgb(203, 213, 219); padding: 15px; }
.request-form legend { padding: 0px 7px; font-size: 15px; }
.request-form .check { display: inline-flex; align-items: center; gap: 6px; margin: 5px 15px 5px 0px; font-size: 14px; }
.request-form .consent { display: flex; align-items: start; gap: 10px; }
.consent input { margin-top: 5px; }
.consent a { color: var(--action); text-decoration: underline; }
.form-status { padding: 16px; background: rgb(226, 241, 231); border: 1px solid rgb(169, 208, 180); font-size: 15px; }
.form-status.error { background: rgb(255, 241, 232); border-color: rgb(220, 175, 149); }
.request-form .honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.request-form [aria-invalid="true"] { border-color: rgb(175, 69, 38); }
.request-form button:disabled, .location-button:disabled { opacity: 0.6; cursor: wait; }
.request-form .btn { justify-self: start; }
.finder-steps { list-style: none; padding: 0px; display: flex; border: 1px solid rgb(213, 223, 227); margin: 25px 0px; }
.finder-steps li { flex: 1 1 0%; text-align: center; padding: 14px 10px; font-size: 14px; background: rgb(242, 245, 246); }
.finder-steps li.active { background: var(--action); color: white; }
.finder-actions { display: flex; gap: 12px; margin-top: 28px; }
#finder select { font: inherit; padding: 12px; width: min(100%, 500px); display: block; border: 1px solid rgb(203, 215, 221); border-radius: 4px; background: white; margin: 10px 0px; }
.choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; max-width: 800px; }
.choice-grid label { display: flex; gap: 10px; align-items: center; padding: 20px; border: 1px solid rgb(212, 223, 227); background: rgb(255, 255, 255); cursor: pointer; }
.choice-grid label:has(input:checked) { background: var(--soft); border-color: var(--action); }
#finder-error { background: rgb(255, 240, 231); color: rgb(141, 67, 43); padding: 12px 16px; }
.location-results { padding-top: 25px; padding-bottom: 30px; background: rgba(255, 255, 255, 0.83); }
.location-results h2 { font-weight: 500; }
.distance { font-size: 13px; color: var(--action); }
.profile-button { display: inline-flex; align-items: center; justify-content: center; }
.business-info h2 a:hover, .article-content a:not(.btn):hover { text-decoration: underline; }
.article-content .service-grid { margin-top: 25px; }
.profile-layout .related-links { font-size: 14px; }
.article-content h1 a { color: inherit; }
@media (max-width: 991px) {
  .district-index { grid-template-columns: repeat(3, 1fr); }
  .profile-layout { grid-template-columns: 1fr; }
  .guide-index { grid-template-columns: 1fr; }
  .profile-map { max-width: 700px; }
}
@media (max-width: 767px) {
  .district-index { grid-template-columns: 1fr 1fr; gap: 10px; }
  .district-index a { font-size: 14px; padding: 12px 10px; }
  .directory-filter { gap: 10px; }
  .directory-filter label { min-width: calc(50% - 10px); font-size: 13px; }
  .directory-filter label:first-child { flex-basis: 100%; }
  .directory-filter input, .directory-filter select { font-size: 16px; }
  .profile-layout dl { grid-template-columns: 100px 1fr; gap: 10px; font-size: 14px; }
  .profile-address { font-size: 16px; }
  .request-form { grid-template-columns: 1fr; padding: 20px; gap: 18px; }
  .request-form .wide { grid-column: auto; }
  .request-form label { font-size: 14px; }
  .request-form .btn { font-size: 14px; }
  .request-form .consent { font-size: 13px; }
  .finder-steps li { font-size: 11px; padding: 12px 5px; }
  .choice-grid { grid-template-columns: 1fr; }
  .choice-grid label { font-size: 15px; padding: 16px; }
  .footer-note { font-size: 10px; }
  .profile-layout .related-links { font-size: 13px; gap: 12px; }
  .form-status { font-size: 14px; }
  .hero-title { font-size: 17px; }
  .profile-map iframe { height: 340px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}
.foot { background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url("../assets/workshop-daylight.webp"); background-blend-mode: normal; }
.profile-tabs { display: flex; flex-wrap: wrap; margin: 20px 0px 28px; border-block: 1px solid rgb(212, 223, 229); padding: 13px 0px; font-size: 14px; }
.profile-tabs a { color: var(--action); }
.gallery-open { border: 1px solid rgb(213, 223, 227); background: white; padding: 0px; }
.gallery-open img { width: 100%; height: 170px; object-fit: cover; display: block; }
.published-review { padding: 15px 0px; border-bottom: 1px solid rgb(215, 224, 229); }
#message-dialog img { display: block; max-width: 100%; height: auto; }
#fotograflar, #yorumlar, #konum, #isletme-bilgileri { scroll-margin-top: 90px; }
@media (max-width: 767px) {
  .business-gallery { grid-template-columns: 1fr 1fr; }
  .profile-tabs { font-size: 13px; gap: 12px 18px; }
}
.maps-rating { display: flex; align-items: center; gap: 5px 10px; flex-wrap: wrap; margin: 8px 0px 9px; font-size: 12px; }
.maps-rating strong { background: rgb(255, 241, 200); color: rgb(112, 80, 18); border: 1px solid rgb(230, 202, 131); padding: 3px 7px; border-radius: 4px; font-size: 13px; white-space: nowrap; }
.maps-rating strong span { color: rgb(183, 133, 24); }
.maps-rating a { color: var(--action); font-size: 11px; text-decoration: underline; }
.maps-rating small { font-size: 10px; color: rgb(101, 119, 131); flex-basis: 100%; line-height: 1.5; }
.phone-display { font-weight: 600; color: var(--action); margin: 5px 0px !important; font-size: 14px !important; }
.business-card { min-height: 205px; }
.business-info h2 { font-size: 21px; line-height: 1.3; }
.business-info .address { font-size: 12px; line-height: 1.6; }
.profile-layout .maps-rating { margin: 0px 0px 22px; padding: 16px; border: 1px solid rgb(216, 228, 235); background: rgb(246, 250, 252); font-size: 14px; }
.profile-layout .maps-rating strong { font-size: 18px; padding: 6px 12px; }
.profile-layout .maps-rating a { font-size: 14px; }
.profile-layout .maps-rating small { font-size: 12px; }
@media (max-width: 767px) {
  .business-info h2 { font-size: 18px; }
  .business-face { width: 84px; }
  .avatar { height: 74px; width: 74px; }
  .maps-rating { gap: 5px; }
  .maps-rating a { font-size: 11px; }
  .maps-rating small { font-size: 10px; }
  .phone-display { font-size: 13px !important; }
  .business-info { min-width: 0px; }
}
.more-records { display: block; margin: 24px auto 5px; min-height: 44px; }
.business-card[hidden] { display: none !important; }
.directory-filter label { min-width: 130px; }
.directory-filter #sort-records { max-width: 100%; }
.business-info h2 a { overflow-wrap: anywhere; }
.palette-inci-lacivert { --main: var(--pl-main); --action: var(--pl-brand); --accent: var(--pl-accent); --soft: var(--pl-soft); --turn: 0deg; --signup1: var(--pl-soft); --signup2: var(--pl-panel); color: var(--pl-ink); background-color: var(--pl-canvas); background-image: linear-gradient(oklch(1 0 89.88 / 0.72), oklch(1 0 89.88 / 0.72)), url("../assets/tread.svg"); }
.palette-inci-lacivert .header-bg { border-color: var(--pl-line); }
.palette-inci-lacivert .logo { color: var(--pl-brand); }
.palette-inci-lacivert input::placeholder { color: var(--pl-muted); opacity: 1; }
.palette-inci-lacivert .intro-callout { background: oklch(1 0 89.88 / 0.87); border-color: var(--pl-line); border-radius: 6px; }
.palette-inci-lacivert .btn { transition: background-color 0.18s ease-out, border-color 0.18s ease-out, box-shadow 0.18s ease-out, transform 0.18s ease-out; }
.palette-inci-lacivert .btn:hover { filter: none; }
.palette-inci-lacivert .btn:active { transform: translateY(1px); }
.palette-inci-lacivert .btn-action { background: var(--pl-brand); border-color: var(--pl-brand); color: var(--pl-surface); box-shadow: oklch(1 0 89.88 / 0.15) 0px 1px 0px inset; }
.palette-inci-lacivert .btn-action:hover { background: var(--pl-brandHover); border-color: var(--pl-brandHover); }
.palette-inci-lacivert .btn-light { background: var(--pl-surface); border-color: var(--pl-line); color: var(--pl-brand); }
.palette-inci-lacivert .btn-light:hover { background: var(--pl-soft); border-color: var(--pl-control); }
.palette-inci-lacivert .menu-toggle { color: var(--pl-brand); }
.palette-inci-lacivert #site-menu { background: var(--pl-canvas); }
.palette-inci-lacivert .menu-top { background: var(--pl-soft); border-bottom: 1px solid var(--pl-line); }
.palette-inci-lacivert .menu-districts a { background: var(--pl-surface); border-color: var(--pl-line); border-radius: 5px; }
.palette-inci-lacivert .menu-districts a:hover { background: var(--pl-soft); color: var(--pl-brand); border-color: var(--pl-control); }
.palette-inci-lacivert .listing-summary { background: var(--pl-panel); color: var(--pl-ink); }
.palette-inci-lacivert .business-card:hover { border-color: var(--pl-control); }
.palette-inci-lacivert .avatar { background: var(--pl-soft); border-color: var(--pl-line); color: var(--pl-brand); }
.palette-inci-lacivert .business-info .address { font-size: 13px; color: var(--pl-muted); }
.palette-inci-lacivert .record-note { color: var(--pl-muted); }
.palette-inci-lacivert .maps-rating strong { background: var(--pl-goldSoft); border-color: var(--pl-goldLine); color: var(--pl-gold); }
.palette-inci-lacivert .maps-rating strong span { color: var(--pl-gold); }
.palette-inci-lacivert .maps-rating a { font-size: 12px; color: var(--pl-brand); }
.palette-inci-lacivert .maps-rating small { font-size: 11px; color: var(--pl-muted); }
.palette-inci-lacivert .profile-layout .maps-rating { background: var(--pl-soft); border-color: var(--pl-line); }
.palette-inci-lacivert .district-copy p a { color: var(--pl-brand); text-decoration: underline 1px; text-underline-offset: 3px; }
.palette-inci-lacivert .directory-filter input { border-color: var(--pl-control); color: var(--pl-ink); border-radius: 6px; }
.palette-inci-lacivert .directory-filter select { border-color: var(--pl-control); color: var(--pl-ink); border-radius: 6px; }
.palette-inci-lacivert .request-form { background: var(--pl-soft); border-color: var(--pl-line); border-radius: 7px; }
.palette-inci-lacivert .request-form input:not([type="checkbox"]) { border-color: var(--pl-control); border-radius: 6px; color: var(--pl-ink); }
.palette-inci-lacivert .request-form select { border-color: var(--pl-control); border-radius: 6px; color: var(--pl-ink); }
.palette-inci-lacivert .request-form textarea { border-color: var(--pl-control); border-radius: 6px; color: var(--pl-ink); }
.palette-inci-lacivert .request-form fieldset { border-color: var(--pl-line); }
.palette-inci-lacivert .choice-grid label { border-color: var(--pl-line); border-radius: 6px; }
.palette-inci-lacivert #finder select { border-color: var(--pl-control); border-radius: 6px; color: var(--pl-ink); }
.palette-inci-lacivert .source-note { border: 1px solid var(--pl-line); border-radius: 6px; }
.palette-inci-lacivert .form-note { border: 1px solid var(--pl-line); border-radius: 6px; }
.palette-inci-lacivert .map-placeholder { border-color: var(--pl-line); background: var(--pl-soft); border-radius: 6px; }
.palette-inci-lacivert .profile-map iframe { border-color: var(--pl-line); border-radius: 6px; }
.palette-inci-lacivert .profile-layout dt { color: var(--pl-muted); }
.palette-inci-lacivert .breadcrumbs { border-color: var(--pl-line); }
.palette-inci-lacivert .profile-tabs { border-color: var(--pl-line); }
.palette-inci-lacivert .district-index a { background: var(--pl-surface); }
.palette-inci-lacivert .guide-index article { background: var(--pl-surface); border-color: var(--pl-line); border-radius: 7px; }
.palette-inci-lacivert .service-card { background: var(--pl-surface); border-color: var(--pl-line); border-radius: 6px; }
.palette-inci-lacivert .signup { color: var(--pl-ink); }
.palette-inci-lacivert .signup h3 { color: var(--pl-brand); font-weight: 600; }
.palette-inci-lacivert .signup .btn-light { border-color: var(--pl-control); }
.palette-inci-lacivert .footer-note { background: var(--pl-surface); color: var(--pl-muted); }
.palette-inci-lacivert .suggestions { background: var(--pl-surface); border: 1px solid var(--pl-line); border-radius: 6px; box-shadow: none; }
.palette-inci-lacivert .suggestions a { color: var(--pl-ink); border-color: var(--pl-line); }
.palette-inci-lacivert .suggestions small { color: var(--pl-muted); }
.palette-inci-lacivert input { accent-color: var(--pl-brand); }
.palette-inci-lacivert :focus-visible { outline: 3px solid var(--pl-brand); outline-offset: 3px; }
@media (max-width: 767px) {
  .palette-inci-lacivert .menu-toggle { padding: 9px; gap: 6px; }
  .palette-inci-lacivert .menu-toggle span { width: 28px; height: 3px; }
  .palette-inci-lacivert .btn-sm { min-height: 44px; }
  .palette-inci-lacivert .footer-note { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .palette-inci-lacivert .btn, .palette-inci-lacivert .menu-toggle span { transition: none !important; }
}
.palette-inci-lacivert .logo { justify-content: flex-start; gap: 12px; width: 378px; max-width: calc(100% - 72px); height: 63px; border: 0px; border-radius: 0px; background: transparent; font-family: inherit; font-style: normal; font-size: 25px; font-weight: 500; letter-spacing: -0.025em; text-shadow: none; white-space: nowrap; }
.brand-symbol { width: 42px; height: 46px; flex: 0 0 auto; display: block; }
.brand-pin { fill: var(--pl-brand); }
.brand-ring { fill: none; stroke: var(--pl-accent); stroke-width: 2.5; }
.brand-hub { fill: var(--pl-surface); }
.brand-tread { fill: none; stroke: var(--pl-surface); stroke-width: 1.8; stroke-linecap: round; }
.brand-text { display: block; line-height: 1.2; }
.brand-text strong { font-weight: 800; }
.palette-inci-lacivert .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 46px; padding: 10px 18px; font-size: 15px; line-height: 24px; border-radius: 7px; box-shadow: none; }
.palette-inci-lacivert .btn-lg { min-height: 48px; height: 48px; font-size: 18px; }
.palette-inci-lacivert .btn-sm { min-height: 44px; padding: 8px 12px; font-size: 14px; }
.palette-inci-lacivert .btn-action:hover { box-shadow: oklch(0 0 0 / 0.16) 0px -2px 0px inset; }
.palette-inci-lacivert .btn:focus-visible { outline: 3px solid var(--pl-brand); outline-offset: 4px; }
.button-arrow { font-size: 20px; line-height: 1; transition: transform 0.18s ease-out; }
.btn:hover .button-arrow { transform: translateX(3px); }
.palette-inci-lacivert .menu-toggle { width: 56px; height: 56px; flex: 0 0 auto; padding: 14px; margin-right: 0px; align-items: center; gap: 6px; background: var(--pl-surface); border: 1px solid var(--pl-control); border-radius: 9px; }
.palette-inci-lacivert .menu-toggle span { width: 24px; height: 2px; border-radius: 1px; transition: transform 0.18s ease-out, opacity 0.18s ease-out; }
.palette-inci-lacivert .menu-toggle:hover { background: var(--pl-soft); border-color: var(--pl-brand); }
.palette-inci-lacivert .menu-toggle[aria-expanded="true"] { background: var(--pl-brand); border-color: var(--pl-brand); color: var(--pl-surface); }
.palette-inci-lacivert .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(8px) rotate(45deg); }
.palette-inci-lacivert .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-8px) rotate(-45deg); }
.palette-inci-lacivert .menu-top { padding-top: 20px; padding-bottom: 20px; }
.palette-inci-lacivert .menu-top a:last-child { background: var(--pl-brand); border-color: var(--pl-brand); color: var(--pl-surface); }
.palette-inci-lacivert .menu-top a:last-child:hover { background: var(--pl-brandHover); }
.palette-inci-lacivert .menu-districts a { display: flex; align-items: center; font-weight: 500; }
.palette-inci-lacivert .signup { padding: 48px; min-height: 288px; }
.signup h2 { font-size: 27px; line-height: 1.25; font-weight: 650; letter-spacing: -0.02em; text-wrap: balance; margin: 0px 0px 16px; }
.signup p { max-width: 42ch; line-height: 1.65; margin-bottom: 24px; }
.signup.first p { margin-left: auto; }
.signup .btn { min-height: 48px; }
.signup.first .btn:focus-visible { outline-color: var(--pl-surface); }
.palette-inci-lacivert .foot { padding: 32px 0px; background-blend-mode: normal; border-bottom-width: ; border-bottom-style: ; }
.contact-row > p { font-style: normal; font-size: 16px; line-height: 1.65; }
.contact-row > p strong { font-size: 21px; line-height: 1.35; font-weight: 600; letter-spacing: -0.015em; display: inline-block; margin-bottom: 8px; }
.contact-row > p > span { color: var(--pl-muted); font-size: 14px; }
.contact-brand { gap: 16px; }
.contact-brand .brand-symbol { width: 48px; height: 54px; }
.contact-brand strong { display: block; font-size: 23px; line-height: 1.3; letter-spacing: -0.02em; font-weight: 700; }
.contact-brand a { font-size: 14px; line-height: 1.5; font-weight: 500; min-height: 44px; display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: 4px; }
.palette-inci-lacivert .footer-name { font-size: 20px; font-weight: 750; font-style: normal; letter-spacing: -0.025em; color: var(--pl-brand); }
.bottom-footer { gap: 24px; flex-wrap: wrap; min-height: 88px; }
.footer-links { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 20px; }
.footer-links a { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; color: var(--pl-muted); text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--pl-line); text-underline-offset: 4px; }
.footer-links a:hover { color: var(--pl-brand); text-decoration-color: currentcolor; }
.palette-inci-lacivert .footer-note { font-size: 12px; line-height: 1.65; padding-bottom: 24px; }
@media (max-width: 991px) {
  .palette-inci-lacivert .logo { width: 320px; height: 50px; font-size: 23px; }
  .palette-inci-lacivert .signup { padding: 40px 32px; }
  .signup h2 { font-size: 25px; }
}
@media (max-width: 767px) {
  .palette-inci-lacivert .logo { width: auto; height: 44px; gap: 9px; font-size: 20px; letter-spacing: -0.03em; }
  .logo .brand-symbol { width: 34px; height: 40px; }
  .palette-inci-lacivert .menu-toggle { width: 48px; height: 48px; padding: 10px; }
  .palette-inci-lacivert .signup { padding: 36px 24px; min-height: 0px; }
  .signup h2 { font-size: 25px; }
  .signup p { margin-inline: auto; max-width: 36ch; font-size: 15px; }
  .palette-inci-lacivert .foot { padding: 24px 0px; min-height: 0px; }
  .contact-row { padding: 8px 0px; min-height: 0px; }
  .contact-row > p { margin-bottom: 24px; }
  .contact-row > p strong { font-size: 20px; }
  .contact-brand strong { font-size: 22px; }
  .contact-brand .brand-symbol { width: 40px; height: 46px; }
  .bottom-footer { flex-direction: column; gap: 4px; padding-block: 20px; }
  .footer-links { justify-content: center; gap: 0px 18px; }
  .palette-inci-lacivert .footer-name { font-size: 21px; }
  .palette-inci-lacivert .footer-note { text-align: center; font-size: 11px; max-width: 48ch; }
}
@media (max-width: 359px) {
  .palette-inci-lacivert .logo { font-size: 17px; gap: 7px; }
  .logo .brand-symbol { width: 30px; height: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  .button-arrow { transition: none; }
  .btn:hover .button-arrow { transform: none; }
}
.avatar { position: relative; overflow: hidden; }
.avatar-initials { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.avatar .business-photo { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; object-fit: cover; }
.business-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; max-width: 800px; }
.business-gallery figure { margin: 0px; min-width: 0px; }
.business-gallery .gallery-open { display: block; padding: 0px; width: 100%; border: 1px solid var(--pl-line); border-radius: 7px; overflow: hidden; background: var(--pl-soft); }
.business-gallery img { display: block; width: 100%; height: 260px; object-fit: contain; }
.business-gallery figcaption { font-size: 12px; line-height: 1.5; margin-top: 4px; color: var(--pl-muted); }
.business-gallery figcaption a { display: inline-flex; min-height: 44px; align-items: center; text-decoration: underline; text-underline-offset: 3px; }
.palette-inci-lacivert .menu-quickbar { position: sticky; top: 0px; z-index: 2; background: var(--pl-ink); padding: 16px 0px; border-bottom: 1px solid var(--pl-brand); }
.menu-quicklinks { display: flex; align-items: flex-start; justify-content: center; gap: 28px; }
.menu-quicklink { width: 88px; min-height: 80px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; padding: 0px 2px; color: var(--pl-surface); border-radius: 5px; }
.menu-icon { width: 54px; height: 48px; display: flex; align-items: center; justify-content: center; background: var(--pl-accent); color: var(--pl-ink); border-radius: 5px; transition: background-color 0.18s ease-out, transform 0.18s ease-out; }
.menu-icon .icon { width: 30px; height: 30px; stroke-width: 1.8; }
.menu-quicklabel { font-size: 13px; line-height: 1.5; font-weight: 500; white-space: nowrap; }
.menu-quicklink:hover .menu-icon, .menu-quicklink:focus-visible .menu-icon { background: var(--pl-surface); transform: translateY(-2px); }
.palette-inci-lacivert .menu-quicklink:focus-visible { outline: 2px solid var(--pl-accent); outline-offset: 4px; }
.menu-quicklink:hover .menu-quicklabel, .menu-quicklink[aria-current="page"] .menu-quicklabel { text-decoration: none; }
.menu-quicklink[aria-current="page"] .menu-icon { outline-offset: 3px; }
.palette-inci-lacivert .menu-content { padding-top: 24px; padding-bottom: 32px; }
.menu-content .menu-regions-heading { margin: 0px 0px 8px; font-size: 24px; line-height: 1.35; font-weight: 600; letter-spacing: -0.015em; }
.menu-regions-intro { font-size: 14px; line-height: 1.6; color: var(--pl-muted); margin: 0px 0px 20px; }
.menu-content .menu-districts { grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 10px 16px; }
.palette-inci-lacivert .menu-districts a { min-width: 0px; gap: 9px; padding: 10px 12px; min-height: 44px; font-size: 14px; line-height: 1.4; }
.menu-districts .icon { width: 16px; height: 18px; flex: 0 0 auto; color: var(--pl-brand); stroke-width: 1.8; }
.menu-districts a > span { min-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.menu-utilities { display: flex; align-items: center; gap: 12px 24px; flex-wrap: wrap; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--pl-line); }
.menu-utilities > a:not(.btn) { min-height: 44px; display: inline-flex; align-items: center; font-size: 14px; color: var(--pl-brand); text-decoration: underline; text-underline-offset: 4px; }
.faq-group { margin-top: 32px; scroll-margin-top: 100px; max-width: 78ch; }
.faq-group summary { min-height: 44px; line-height: 1.6; }
.faq-group details[open] { background: var(--pl-soft); padding: 16px; border-radius: 6px; }
.faq-group details[open] summary { min-height: 0px; }
.blog-index { margin-top: 28px; }
.blog-topic { display: flex; align-items: center; gap: 8px; color: var(--pl-brand); font-size: 13px; font-weight: 500; margin-bottom: 16px; }
.blog-topic .icon { width: 20px; height: 20px; }
.blog-index article { border-radius: 7px; }
.blog-index p { color: var(--pl-muted); }
@media (max-width: 1199px) {
  .menu-content .menu-districts { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
}
@media (max-width: 991px) {
  .menu-content .menu-districts { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px 12px; }
}
@media (max-width: 767px) {
  .palette-inci-lacivert .menu-quickbar { padding: 14px 0px 10px; }
  .menu-quicklinks { padding-inline: 10px; gap: 0px; justify-content: space-between; }
  .menu-quicklink { width: auto; flex: 1 1 0%; min-width: 0px; min-height: 74px; gap: 7px; }
  .menu-icon { width: 46px; height: 46px; }
  .menu-icon .icon { width: 28px; height: 28px; }
  .menu-quicklabel { font-size: 11px; }
  .palette-inci-lacivert .menu-content { padding-top: 20px; }
  .menu-content .menu-regions-heading { font-size: 22px; }
  .menu-regions-intro { font-size: 13px; margin-bottom: 16px; }
  .menu-content .menu-districts { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px 10px; }
  .palette-inci-lacivert .menu-districts a { font-size: 13px; padding: 10px; gap: 8px; }
  .menu-utilities { gap: 8px 20px; }
  .menu-utilities > a:not(.btn) { font-size: 13px; }
  .blog-index { grid-template-columns: 1fr; }
  .faq-group { scroll-margin-top: 90px; }
}
@media (prefers-reduced-motion: reduce) {
  .menu-icon { transition: none; }
  .menu-quicklink:hover .menu-icon, .menu-quicklink:focus-visible .menu-icon { transform: none; }
}
.palette-inci-lacivert { --tint: oklch(95% .014 260 / .8); }
.palette-inci-lacivert .header-bg { background: linear-gradient(135deg,var(--pl-surface) 50%,var(--pl-main) 0%); }
.palette-inci-lacivert a, .palette-inci-lacivert a:hover, .palette-inci-lacivert a:focus, .palette-inci-lacivert a:active { text-decoration: none !important; }
.palette-inci-lacivert .menu-services a { border-bottom: 0px; }
.link-icon { flex: 0 0 auto; width: 18px; height: 18px; vertical-align: -3px; margin-right: 6px; }
.btn .link-icon, .related-links .link-icon, .footer-links .link-icon, .menu-utilities .link-icon, .contact-brand .link-icon, .maps-rating .link-icon { margin-right: 0px; }
.action-label { min-width: 0px; }
.suggestions a { display: flex; align-items: center; gap: 7px; }
.suggestions .link-icon { margin: 0px; width: 17px; height: 17px; }
.suggestions .action-label { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex: 1 1 0%; }
.related-links a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 9px 12px; border-radius: 7px; background: var(--pl-soft); color: var(--pl-brand); font-size: 14px; font-weight: 500; line-height: 1.5; max-width: 100%; }
.related-links a:hover { background: var(--pl-accent); }
.palette-inci-lacivert .district-copy p a { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border-radius: 6px; background: var(--pl-soft); max-width: 100%; font-weight: 600; line-height: 1.5; }
.district-copy p a .link-icon { margin: 0px; }
.palette-inci-lacivert .article-content p a:hover { background: var(--pl-accent); border-radius: 5px; }
.business-info h2 a { display: flex; align-items: flex-start; gap: 7px; }
.business-info h2 .link-icon { width: 19px; height: 20px; margin: 3px 0px 0px; }
.phone-display a { display: inline-flex; align-items: center; gap: 6px; }
.phone-display .link-icon { width: 15px; height: 15px; margin: 0px; }
.maps-rating a { display: inline-flex; align-items: center; gap: 5px; border-radius: 5px; padding: 3px 5px; background: var(--pl-soft); }
.maps-rating .link-icon { width: 14px; height: 14px; }
.contact-brand a { gap: 7px; padding: 6px 9px; border-radius: 6px; background: var(--pl-soft); }
.footer-links a { gap: 7px; padding: 6px 8px; border-radius: 6px; }
.footer-links a:hover { background: var(--pl-soft); }
.footer-links .link-icon { width: 16px; height: 16px; }
.menu-utilities > a:not(.btn) { gap: 7px; padding: 6px 9px; border-radius: 6px; background: var(--pl-soft); }
.menu-quicklink[aria-current="page"] .menu-icon { background: var(--pl-surface); outline: 2px solid var(--pl-accent); }
.menu-quicklink[aria-current="page"] .menu-quicklabel { font-weight: 700; }
.breadcrumbs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.breadcrumbs a { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 5px 8px; background: var(--pl-soft); border-radius: 6px; }
.breadcrumbs .link-icon { width: 15px; height: 15px; margin: 0px; }
.crumb-separator { width: 10px; height: 10px; fill: var(--pl-control); flex: 0 0 auto; }
.profile-tabs { border: 0px; gap: 8px; }
.profile-tabs a { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 9px 12px; background: var(--pl-soft); border-radius: 7px; }
.profile-tabs .link-icon { margin: 0px; }
.business-gallery figcaption a { gap: 6px; padding: 6px 9px; background: var(--pl-soft); border-radius: 6px; }
.business-gallery .link-icon { width: 15px; height: 15px; margin: 0px; }
.palette-inci-lacivert .article-content details { border: 0px; background: var(--pl-soft); border-radius: 8px; padding: 0px; margin: 10px 0px; }
.article-content summary { display: flex; align-items: center; gap: 10px; list-style: none; padding: 15px; min-height: 56px; }
.article-content summary::-webkit-details-marker { display: none; }
.article-content summary::marker { content: ""; }
.summary-symbol { width: 21px; height: 21px; flex: 0 0 auto; color: var(--pl-brand); }
.faq-question { flex: 1 1 0%; min-width: 0px; }
.faq-state { flex: 0 0 auto; color: var(--pl-brand); background: var(--pl-accent); padding: 4px 8px; font-size: 11px; font-weight: 500; line-height: 1.5; border-radius: 5px; white-space: nowrap; }
.faq-hide, details[open] .faq-show { display: none; }
details[open] .faq-hide { display: inline; }
.palette-inci-lacivert .article-content details[open] { background: var(--pl-main); padding: 0px; }
.article-content details > p { padding: 0px 16px 16px 46px; margin: 0px; }
.faq-group h2 { border: 0px; padding-bottom: 0px; }
.menu-toggle .menu-open-symbol, .menu-toggle .menu-close-symbol { width: 24px; height: 24px; margin: 0px; }
.menu-toggle .menu-close-symbol { display: none; }
.menu-toggle[aria-expanded="true"] .menu-open-symbol { display: none; }
.menu-toggle[aria-expanded="true"] .menu-close-symbol { display: block; }
.dialog-close { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; }
.dialog-close .link-icon { margin: 0px; width: 21px; height: 21px; }
.palette-inci-lacivert select { appearance: none; background-image: url("../assets/control-options.svg"); background-size: 18px 18px; background-position: right 12px center; background-repeat: no-repeat; padding-right: 38px !important; }
.palette-inci-lacivert #district-filter, .palette-inci-lacivert #finder-district, .palette-inci-lacivert select[name="district"] { background-image: url("../assets/control-regions.svg"); }
@media (max-width: 767px) {
  .related-links a { font-size: 13px; }
  .article-content summary { padding: 12px; gap: 8px; }
  .summary-symbol { width: 19px; height: 19px; }
  .faq-state { font-size: 10px; padding: 4px 6px; }
  .article-content details > p { padding-left: 39px; }
  .menu-utilities > a:not(.btn) { font-size: 13px; }
  .breadcrumbs { gap: 5px; }
  .breadcrumbs a { font-size: 12px; }
}
.palette-inci-lacivert .hero { padding: 62px 0px 48px; background-color: var(--pl-canvas); background-position: center center; background-size: cover; background-blend-mode: normal; color: var(--pl-ink); border-bottom: 1px solid var(--pl-line); }
.palette-inci-lacivert .hero-title { max-width: 980px; margin: 0px auto 28px; font-size: clamp(30px, 3.1vw, 44px); line-height: 1.28; letter-spacing: -0.025em; text-wrap: balance; }
.palette-inci-lacivert .hero-title strong { color: var(--pl-brand); }
.palette-inci-lacivert .hero .search-form { width: 80%; max-width: 888px; }
.hero .search-place-icon { position: absolute; left: 20px; top: 21px; display: flex; color: var(--pl-brand); pointer-events: none; }
.hero .search-place-icon .icon { width: 24px; height: 24px; }
.palette-inci-lacivert .hero .search { height: 68px; padding: 18px 142px 18px 58px; background: var(--pl-surface); color: var(--pl-ink); border: 1px solid var(--pl-control); border-radius: 12px; font-family: inherit; font-size: 20px; line-height: 1.4; box-shadow: oklch(0.3012 0.0516 260.93 / 0.09) 0px 3px 7px; transition: border-color 0.18s ease-out; }
.palette-inci-lacivert .hero .search:hover { border-color: var(--pl-brand); }
.palette-inci-lacivert .hero .search:focus-visible { border-color: var(--pl-brand); outline: 3px solid var(--pl-accentHover); outline-offset: 3px; }
.palette-inci-lacivert .hero .search-button { top: 8px; right: 8px; width: 112px; height: 52px; min-height: 52px; padding: 12px 20px; gap: 9px; border-radius: 8px; font-size: 16px; letter-spacing: 0px; }
.hero .search-button .link-icon { width: 20px; height: 20px; }
.palette-inci-lacivert .hero .or { padding: 0px; margin: 17px 0px 13px; font-size: 14px; }
.palette-inci-lacivert .hero .suggestions { top: calc(100% + 8px); padding: 6px; border-color: var(--pl-control); border-radius: 10px; box-shadow: oklch(0.3012 0.0516 260.93 / 0.1) 0px 3px 8px; }
.palette-inci-lacivert .hero .suggestions a { min-height: 48px; padding: 12px; border: 0px; border-radius: 6px; }
.hero .suggestions small { float: none; white-space: nowrap; }
.palette-inci-lacivert .hero #location-status { max-width: 700px; margin: 18px auto 0px; border: 1px solid var(--pl-control); border-radius: 8px; background: var(--pl-surface); padding: 12px 16px; text-wrap: pretty; }
@media (max-width: 991px) {
  .palette-inci-lacivert .hero { padding: 36px 0px 32px; background-position: 70% center; }
  .palette-inci-lacivert .hero-title { font-size: clamp(28px, 4.5vw, 38px); max-width: 620px; margin-bottom: 24px; }
  .palette-inci-lacivert .hero .search-form { width: 100%; }
}
@media (max-width: 575px) {
  .palette-inci-lacivert .hero { padding: 32px 0px 28px; }
  .palette-inci-lacivert .hero-title { font-size: 29px; line-height: 1.3; max-width: 360px; margin-bottom: 22px; }
  .palette-inci-lacivert .hero .search { height: 62px; font-size: 16px; padding: 16px 102px 16px 42px; border-radius: 10px; }
  .hero .search-place-icon { left: 14px; top: 21px; }
  .hero .search-place-icon .icon { width: 20px; height: 20px; }
  .palette-inci-lacivert .hero .search-button { width: 82px; height: 48px; min-height: 48px; right: 7px; top: 7px; padding: 10px 12px; font-size: 15px; gap: 6px; border-radius: 7px; }
  .hero .search-button .link-icon { width: 18px; height: 18px; }
  .palette-inci-lacivert .hero .or { margin: 16px 0px 12px; }
  .palette-inci-lacivert .hero .location-button { min-width: 220px; height: 50px; min-height: 50px; }
  .hero .suggestions a { font-size: 14px; }
  .hero .suggestions .action-label { flex-wrap: wrap; gap: 2px 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .palette-inci-lacivert .hero .search { transition: none; }
}
.palette-inci-lacivert .business-card { border-radius: 12px; background: var(--pl-surface); border-color: var(--pl-line); transition: border-color 0.18s ease-out; }
.palette-inci-lacivert .business-card:focus-within { border-color: var(--pl-control); }
.palette-inci-lacivert .business-card .business-face { width: 112px; justify-content: flex-start; gap: 10px; }
.palette-inci-lacivert .business-card .avatar { width: 112px; height: 112px; border-radius: 10px; flex: 0 0 auto; border-color: var(--pl-line); background: var(--pl-soft); font-size: 30px; }
.business-card .avatar .business-photo { object-fit: cover; object-position: center center; }
.palette-inci-lacivert .business-card .business-face > strong { color: var(--pl-muted); font-size: 13px; line-height: 1.5; font-weight: 600; text-align: center; overflow-wrap: anywhere; }
.business-card .business-info { display: flex; flex-direction: column; align-items: stretch; }
.palette-inci-lacivert .business-card .business-info h2 { font-weight: 650; letter-spacing: -0.015em; }
.business-card .business-info h2 a { gap: 8px; }
.business-card .business-info h2 .link-icon { width: 18px; height: 20px; margin-top: 3px; }
.palette-inci-lacivert .business-card .business-info .address { font-size: 14px; line-height: 1.6; margin: 0px 0px 12px; color: var(--pl-muted); }
.business-card .maps-rating { display: grid; grid-template-columns: max-content minmax(0px, 1fr); align-items: center; gap: 4px 10px; margin: 0px 0px 10px; }
.palette-inci-lacivert .business-card .maps-rating strong { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-height: 44px; padding: 7px 10px; font-size: 18px; line-height: 1.4; font-weight: 700; border-radius: 8px; background: var(--pl-goldSoft); border-color: var(--pl-goldLine); color: var(--pl-gold); font-variant-numeric: tabular-nums; }
.palette-inci-lacivert .business-card .maps-rating a { min-height: 44px; display: flex; align-items: center; gap: 6px; background: transparent; padding: 4px 0px; font-size: 13px; line-height: 1.5; border-radius: 5px; }
.business-card .maps-rating .link-icon { width: 17px; height: 18px; }
.palette-inci-lacivert .business-card .maps-rating a:hover { color: var(--pl-brandHover); background: var(--pl-soft); }
.palette-inci-lacivert .business-card .maps-rating small { grid-column: 1 / -1; color: var(--pl-muted); font-size: 12px; line-height: 1.5; }
.palette-inci-lacivert .business-card .phone-display { font-weight: 700; letter-spacing: 0.01em; font-variant-numeric: tabular-nums; }
.business-card .phone-display a { padding: 5px 0px; max-width: 100%; overflow-wrap: anywhere; }
.business-card .phone-display .link-icon { width: 19px; height: 19px; }
.palette-inci-lacivert .business-card .business-info .record-note { font-size: 13px; line-height: 1.6; color: var(--pl-muted); margin: 0px 0px 14px; }
.business-card .business-info .distance { font-size: 14px; line-height: 1.5; margin: 0px 0px 12px; color: var(--pl-brand); }
.business-card .contact-actions { gap: 8px; margin-top: auto; padding-top: 2px; align-items: stretch; }
.palette-inci-lacivert .business-card .contact-actions > .btn-action { min-height: 52px; padding: 12px 14px; font-size: 14px; line-height: 1.5; font-weight: 650; gap: 9px; border-radius: 8px; }
.business-card .contact-actions > .btn-action .icon { width: 21px; height: 21px; }
.palette-inci-lacivert .business-card .profile-button { border-radius: 8px; }
.business-card .profile-button .icon { width: 18px; height: 18px; }
@media (max-width: 767px) {
  .palette-inci-lacivert .business-card { display: grid; grid-template-columns: 88px minmax(0px, 1fr); gap: 0px 14px; padding: 16px; }
  .palette-inci-lacivert .business-card .business-face { grid-area: 1 / 1 / span 2; width: 88px; gap: 8px; align-self: start; }
  .palette-inci-lacivert .business-card .avatar { width: 88px; height: 88px; border-radius: 9px; font-size: 26px; }
  .palette-inci-lacivert .business-card .business-face > strong { font-size: 12px; }
  .business-card .business-info { display: contents; }
  .business-card .business-info > * { grid-column: 1 / -1; }
  .palette-inci-lacivert .business-card .business-info h2 { grid-area: 1 / 2; font-size: 18px; line-height: 1.4; margin-bottom: 8px; }
  .palette-inci-lacivert .business-card .business-info .address { grid-area: 2 / 2; font-size: 13px; margin-bottom: 14px; }
  .business-card .maps-rating { margin: 10px 0px 8px; gap: 4px 12px; }
  .palette-inci-lacivert .business-card .maps-rating a { font-size: 13px; }
  .palette-inci-lacivert .business-card .phone-display { font-size: 19px !important; margin: 0px 0px 6px !important; }
  .business-card .phone-display a { min-height: 44px; }
  .palette-inci-lacivert .business-card .business-info .record-note { margin-bottom: 14px; }
  .business-card .contact-actions { flex-wrap: nowrap; margin-top: 0px; padding-top: 0px; }
  .palette-inci-lacivert .business-card .contact-actions > .btn-action { min-width: 0px; flex: 1 1 0%; font-size: 14px; padding: 12px 10px; gap: 8px; }
  .palette-inci-lacivert .business-card .profile-button { flex: 0 0 auto; padding: 12px 10px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .palette-inci-lacivert .business-card { transition: none; }
}
.palette-inci-lacivert[data-page-type="profile"] .profile-layout { align-items: start; }
.palette-inci-lacivert[data-page-type="profile"] .profile-layout .maps-rating { padding: 16px; border-radius: 10px; gap: 6px 12px; align-items: center; }
.palette-inci-lacivert[data-page-type="profile"] .profile-layout .maps-rating strong { font-size: 21px; padding: 7px 12px; line-height: 1.4; border-radius: 8px; font-variant-numeric: tabular-nums; }
.palette-inci-lacivert[data-page-type="profile"] .profile-layout .maps-rating a { min-height: 44px; font-size: 14px; }
.palette-inci-lacivert[data-page-type="profile"] .profile-address { display: flex; align-items: flex-start; gap: 10px; font-size: 17px; line-height: 1.7; }
[data-page-type="profile"] .profile-address > .icon { margin-top: 3px; width: 22px; height: 24px; }
.palette-inci-lacivert[data-page-type="profile"] .profile-layout dl { row-gap: 16px; align-items: baseline; }
[data-page-type="profile"] .profile-layout dd { min-width: 0px; overflow-wrap: anywhere; }
.palette-inci-lacivert[data-page-type="profile"] .profile-layout dd > a[href^="tel:"] { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; font-size: 21px; line-height: 1.4; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--pl-brand); }
[data-page-type="profile"] .profile-layout dd > a[href^="tel:"] .icon { width: 21px; height: 21px; }
.palette-inci-lacivert[data-page-type="profile"] .profile-actions { gap: 10px; align-items: stretch; margin: 24px 0px; }
.palette-inci-lacivert[data-page-type="profile"] .profile-actions > .btn { min-height: 56px; padding: 14px 18px; font-size: 15px; line-height: 1.5; gap: 10px; border-radius: 9px; }
[data-page-type="profile"] .profile-actions > .btn .icon { width: 22px; height: 22px; }
.palette-inci-lacivert[data-page-type="profile"] .profile-actions > a[href*="google.com/maps/dir/"] { background: var(--pl-accent); border-color: var(--pl-goldLine); color: var(--pl-brand); font-weight: 700; }
.palette-inci-lacivert[data-page-type="profile"] .profile-actions > a[href*="google.com/maps/dir/"]:hover { background: var(--pl-accentHover); border-color: var(--pl-control); }
.palette-inci-lacivert[data-page-type="profile"] .map-placeholder { min-height: 320px; padding: 28px; border-radius: 12px; gap: 18px; }
[data-page-type="profile"] .map-placeholder p { font-size: 16px; line-height: 1.7; margin: 0px; max-width: 34ch; }
.palette-inci-lacivert[data-page-type="profile"] .map-placeholder .load-map { min-height: 52px; padding: 12px 22px; border-radius: 8px; gap: 10px; }
.palette-inci-lacivert[data-page-type="profile"] .map-placeholder small { font-size: 13px; line-height: 1.6; color: var(--pl-muted); max-width: 38ch; }
.palette-inci-lacivert[data-page-type="profile"] .profile-map iframe { height: 360px; border-radius: 12px; }
[data-page-type="profile"] #fotograflar { margin-top: 32px; }
[data-page-type="profile"] .business-gallery { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 380px)); gap: 20px; max-width: 800px; align-items: start; }
.palette-inci-lacivert[data-page-type="profile"] .business-gallery .gallery-open { border-radius: 12px; border-color: var(--pl-line); background: var(--pl-soft); color: var(--pl-brand); transition: border-color 0.18s ease-out; }
.palette-inci-lacivert[data-page-type="profile"] .business-gallery .gallery-open:hover { border-color: var(--pl-control); }
[data-page-type="profile"] .business-gallery .gallery-open img { height: 300px; object-fit: contain; }
[data-page-type="profile"] .gallery-label { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 52px; padding: 12px 16px; background: var(--pl-surface); font-size: 15px; line-height: 1.5; font-weight: 600; }
[data-page-type="profile"] .gallery-label .icon { width: 21px; height: 21px; }
.palette-inci-lacivert[data-page-type="profile"] .gallery-open:hover .gallery-label { background: var(--pl-main); }
[data-page-type="profile"] .business-gallery figcaption { font-size: 13px; margin-top: 8px; }
[data-page-type="profile"] .business-gallery figcaption a { min-height: 44px; max-width: 100%; padding: 8px 10px; line-height: 1.5; }
.palette-inci-lacivert[data-page-type="profile"] #message-dialog:has(#dialog-content > img) { padding: 64px 20px 20px; border: 1px solid var(--pl-line); border-radius: 12px; background: var(--pl-surface); max-width: 720px; max-height: 92svh; }
.palette-inci-lacivert[data-page-type="profile"] #message-dialog::backdrop { background: oklch(0.3012 0.0516 260.93 / 0.72); }
[data-page-type="profile"] #dialog-content > img { margin: auto; max-width: 100%; max-height: calc(-100px + 85svh); width: auto; height: auto; border-radius: 6px; object-fit: contain; }
.palette-inci-lacivert[data-page-type="profile"] #message-dialog .dialog-close { display: flex; align-items: center; justify-content: center; top: 10px; right: 12px; width: 44px; height: 44px; padding: 10px; border: 1px solid var(--pl-control); border-radius: 8px; background: var(--pl-soft); color: var(--pl-brand); }
@media (max-width: 767px) {
  .palette-inci-lacivert[data-page-type="profile"] .profile-layout { gap: 28px; }
  .palette-inci-lacivert[data-page-type="profile"] .profile-address { font-size: 16px; }
  .palette-inci-lacivert[data-page-type="profile"] .profile-layout dl { gap: 14px 12px; }
  .palette-inci-lacivert[data-page-type="profile"] .profile-layout dd > a[href^="tel:"] { font-size: 19px; flex-wrap: wrap; }
  .palette-inci-lacivert[data-page-type="profile"] .profile-actions { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }
  .palette-inci-lacivert[data-page-type="profile"] .profile-actions > .btn { padding: 14px 10px; font-size: 14px; gap: 8px; }
  [data-page-type="profile"] .profile-actions > a:last-child:nth-child(2n+1) { grid-column: 1 / -1; }
  .palette-inci-lacivert[data-page-type="profile"] .map-placeholder { min-height: 280px; padding: 24px 18px; }
  [data-page-type="profile"] .business-gallery { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 380px)); }
  [data-page-type="profile"] .business-gallery .gallery-open img { height: 280px; }
}
@media (max-width: 359px) {
  .palette-inci-lacivert[data-page-type="profile"] .profile-actions { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .palette-inci-lacivert[data-page-type="profile"] .gallery-open { transition: none; }
}
.palette-inci-lacivert .directory-filter { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); align-items: end; gap: 18px 16px; padding: 20px; margin: 24px 0px; background: var(--pl-surface); border: 1px solid var(--pl-line); border-radius: 12px; }
.palette-inci-lacivert .directory-filter label { display: block; min-width: 0px; font-size: 14px; line-height: 1.5; }
.directory-filter .filter-query { grid-column: span 2; }
.directory-filter .filter-label { display: flex; align-items: center; gap: 8px; color: var(--pl-brand); font-weight: 600; min-height: 22px; }
.directory-filter .filter-label .icon { width: 19px; height: 20px; }
.palette-inci-lacivert .directory-filter input, .palette-inci-lacivert .directory-filter select { height: 52px; min-width: 0px; max-width: 100%; margin: 8px 0px 0px; padding: 12px 14px; font-size: 16px; line-height: 1.5; background-color: var(--pl-surface); border: 1px solid var(--pl-control); border-radius: 8px; color: var(--pl-ink); transition: border-color 0.18s ease-out; }
.palette-inci-lacivert .directory-filter select { padding-right: 42px; background-position: right 12px center; background-size: 19px 19px; }
.palette-inci-lacivert .directory-filter input:hover, .palette-inci-lacivert .directory-filter select:hover { border-color: var(--pl-brand); }
.palette-inci-lacivert .directory-filter input:focus-visible, .palette-inci-lacivert .directory-filter select:focus-visible { outline: 3px solid var(--pl-accentHover); outline-offset: 3px; border-color: var(--pl-brand); }
.palette-inci-lacivert .directory-filter .btn { height: 52px; min-height: 52px; padding: 12px 16px; border-radius: 8px; font-size: 15px; gap: 9px; }
.directory-filter .btn .icon { width: 20px; height: 20px; }
.palette-inci-lacivert .directory-filter .filter-reset { border-color: var(--pl-control); color: var(--pl-brand); }
.palette-inci-lacivert .directory-filter .filter-reset:hover { background: var(--pl-soft); border-color: var(--pl-brand); }
.palette-inci-lacivert .listing-summary { padding: 12px 16px; border-radius: 10px; line-height: 1.6; }
.listing-summary #result-count { font-size: 14px; }
.palette-inci-lacivert .district-index { gap: 14px 20px; margin-top: 24px; }
.palette-inci-lacivert .district-index a { display: flex; align-items: center; gap: 12px; min-height: 80px; min-width: 0px; padding: 16px; border-radius: 10px; border-color: var(--pl-line); font-size: 16px; font-weight: 600; line-height: 1.5; transition: border-color 0.18s ease-out, background-color 0.18s ease-out; }
.district-index a .link-icon { width: 42px; height: 42px; margin: 0px; padding: 10px; border-radius: 9px; background: var(--pl-soft); color: var(--pl-brand); }
.district-index .action-label { overflow-wrap: anywhere; }
.palette-inci-lacivert .district-index a:hover { background: var(--pl-soft); border-color: var(--pl-control); }
.palette-inci-lacivert .district-index a:focus-visible { outline: 3px solid var(--pl-brand); outline-offset: 3px; }
@media (max-width: 991px) {
  .palette-inci-lacivert .directory-filter { grid-template-columns: repeat(2, minmax(0px, 1fr)); padding: 18px; gap: 16px; }
  .palette-inci-lacivert .district-index { gap: 12px; }
  .palette-inci-lacivert .district-index a { padding: 12px; gap: 10px; font-size: 15px; }
}
@media (max-width: 575px) {
  .palette-inci-lacivert .directory-filter { padding: 16px; gap: 14px 12px; margin: 20px 0px; }
  .directory-filter .filter-district, .directory-filter .filter-sort { grid-column: 1 / -1; }
  .palette-inci-lacivert .directory-filter select { padding-left: 10px; padding-right: 34px; background-position: right 8px center; background-size: 18px 18px; }
  .palette-inci-lacivert .directory-filter .btn { padding: 12px 10px; }
  .palette-inci-lacivert .district-index { gap: 10px; }
  .palette-inci-lacivert .district-index a { align-items: center; min-height: 80px; gap: 8px; padding: 12px 10px; font-size: 14px; }
  .district-index a .link-icon { width: 30px; height: 32px; padding: 6px; border-radius: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  .palette-inci-lacivert .directory-filter input, .palette-inci-lacivert .directory-filter select, .palette-inci-lacivert .district-index a { transition: none; }
}
.palette-inci-lacivert .blog-index { gap: 24px; margin-top: 28px; }
.palette-inci-lacivert .blog-index article { display: flex; flex-direction: column; align-items: flex-start; padding: 28px; border-radius: 12px; border-color: var(--pl-line); background: var(--pl-surface); }
.blog-index .blog-topic { gap: 9px; margin: 0px 0px 20px; padding: 9px 12px; min-height: 44px; border-radius: 8px; background: var(--pl-soft); font-size: 14px; font-weight: 600; line-height: 1.5; }
.blog-index .blog-topic .icon { width: 22px; height: 22px; }
.blog-index h2 { margin: 0px 0px 12px; font-size: 24px; line-height: 1.4; font-weight: 650; letter-spacing: -0.015em; text-wrap: balance; }
.blog-index h2 a { display: flex; align-items: flex-start; gap: 9px; }
.blog-index h2 .link-icon { width: 20px; height: 22px; margin: 5px 0px 0px; }
.palette-inci-lacivert .blog-index h2 a:hover { color: var(--pl-brand); }
.palette-inci-lacivert .blog-index p { margin: 0px 0px 24px; font-size: 16px; line-height: 1.8; color: var(--pl-muted); max-width: 65ch; }
.palette-inci-lacivert .blog-index .btn { margin-top: auto; min-height: 50px; padding: 12px 18px; border-radius: 8px; border-color: var(--pl-control); gap: 9px; }
.blog-index .btn .icon { width: 20px; height: 20px; }
.palette-inci-lacivert:is([data-page-type="faq"], [data-page-type="service"]) .faq-group { max-width: 900px; margin-top: 36px; }
:is([data-page-type="faq"], [data-page-type="service"]) .faq-group h2 { font-size: 25px; line-height: 1.4; margin: 0px 0px 18px; }
.palette-inci-lacivert:is([data-page-type="faq"], [data-page-type="service"]) .faq-group details { margin: 12px 0px; border: 1px solid var(--pl-line); border-radius: 11px; background: var(--pl-surface); }
.palette-inci-lacivert:is([data-page-type="faq"], [data-page-type="service"]) .faq-group details:hover { border-color: var(--pl-control); }
.palette-inci-lacivert:is([data-page-type="faq"], [data-page-type="service"]) .faq-group details[open] { background: var(--pl-soft); border-color: var(--pl-control); }
:is([data-page-type="faq"], [data-page-type="service"]) .faq-group summary { padding: 20px; gap: 14px; min-height: 76px; align-items: center; border-radius: 10px; }
.palette-inci-lacivert:is([data-page-type="faq"], [data-page-type="service"]) .faq-group summary:focus-visible { outline: 2px solid var(--pl-brand); outline-offset: -4px; }
:is([data-page-type="faq"], [data-page-type="service"]) .faq-group .summary-symbol { width: 24px; height: 24px; }
:is([data-page-type="faq"], [data-page-type="service"]) .faq-question { font-size: 17px; line-height: 1.6; font-weight: 600; }
:is([data-page-type="faq"], [data-page-type="service"]) .faq-state { font-size: 12px; line-height: 1.5; padding: 6px 10px; border-radius: 6px; }
:is([data-page-type="faq"], [data-page-type="service"]) .faq-group details > p { padding: 0px 20px 22px 58px; margin: 0px; font-size: 16px; line-height: 1.85; max-width: 78ch; text-wrap: pretty; }
:is([data-page-type="faq"], [data-page-type="service"]) .faq-group .related-links { margin-top: 16px; gap: 10px; }
.palette-inci-lacivert .editorial-method { margin: 32px 0px 16px; padding: 22px; background: var(--pl-soft); border: 1px solid var(--pl-line); border-radius: 10px; max-width: 78ch; }
.editorial-method-title { display: flex; align-items: center; gap: 10px; color: var(--pl-brand); margin-bottom: 10px; line-height: 1.5; }
.editorial-method-title .icon { width: 23px; height: 24px; }
.article-content .editorial-method p { font-size: 15px; line-height: 1.8; margin: 0px; color: var(--pl-muted); }
.editorial-method .related-links { margin-top: 16px; }
@media (max-width: 767px) {
  .palette-inci-lacivert .blog-index { gap: 18px; }
  .palette-inci-lacivert .blog-index article { padding: 20px; }
  .blog-index h2 { font-size: 22px; }
  .blog-index .blog-topic { margin-bottom: 16px; }
  :is([data-page-type="faq"], [data-page-type="service"]) .faq-group summary { display: grid; grid-template-columns: 22px minmax(0px, 1fr); gap: 8px 12px; align-items: start; padding: 16px; }
  :is([data-page-type="faq"], [data-page-type="service"]) .faq-group .summary-symbol { width: 22px; height: 24px; margin-top: 2px; }
  :is([data-page-type="faq"], [data-page-type="service"]) .faq-question { font-size: 16px; }
  :is([data-page-type="faq"], [data-page-type="service"]) .faq-state { grid-column: 2; justify-self: start; }
  :is([data-page-type="faq"], [data-page-type="service"]) .faq-group details > p { padding: 0px 16px 18px; }
  :is([data-page-type="faq"], [data-page-type="service"]) .faq-group h2 { font-size: 23px; }
  .palette-inci-lacivert .editorial-method { padding: 18px; }
}
.palette-inci-lacivert[data-page-type="service-index"] .service-card { padding: 20px; border-radius: 12px; border-color: var(--pl-line); min-height: 290px; gap: 18px; }
[data-page-type="service-index"] .service-card h2 { display: flex; align-items: flex-start; gap: 8px; font-size: 22px; line-height: 1.35; font-weight: 650; letter-spacing: -0.015em; margin: 0px 0px 14px; }
[data-page-type="service-index"] .service-card h2 .icon { width: 21px; height: 23px; margin-top: 3px; }
.palette-inci-lacivert[data-page-type="service-index"] .service-card p { font-size: 16px; line-height: 1.7; margin: 0px; border-radius: 7px; }
.palette-inci-lacivert[data-page-type="service-index"] .service-card .btn { min-height: 50px; padding: 12px 14px; border-radius: 8px; font-size: 14px; gap: 9px; }
[data-page-type="service-index"] .art-0 { background-image: url("../assets/repair.webp"); }
[data-page-type="service-index"] .art-1 { background-image: url("../assets/roadside.webp"); }
[data-page-type="service-index"] .art-2 { background-image: url("../assets/workshop.webp"); }
[data-page-type="service-index"] .art-3 { background-image: url("../assets/mobile-service.webp"); }
[data-page-type="service-index"] .service-grid + .related-links { margin-top: 24px; }
[data-page-type="service"] .article-content > p { max-width: 75ch; line-height: 1.85; text-wrap: pretty; }
[data-page-type="service"] .article-content > h2 { font-size: 26px; line-height: 1.4; margin-top: 32px; max-width: 45ch; }
.palette-inci-lacivert[data-page-type="service"] .service-search { padding: 24px; margin: 32px 0px; border: 1px solid var(--pl-line); border-radius: 12px; background: var(--pl-soft); max-width: 900px; }
.service-search-title { display: flex; align-items: flex-start; gap: 12px; color: var(--pl-brand); }
.service-search-title > .icon { width: 24px; height: 26px; margin-top: 2px; }
[data-page-type="service"] .service-search-title h2 { margin: 0px 0px 12px; font-size: 23px; line-height: 1.4; font-weight: 650; }
[data-page-type="service"] .service-search p { font-size: 16px; line-height: 1.8; margin: 0px 0px 20px; color: var(--pl-muted); max-width: 70ch; }
.service-search-actions { display: flex; gap: 12px; align-items: stretch; flex-wrap: wrap; }
.palette-inci-lacivert[data-page-type="service"] .service-search-actions .btn { min-height: 52px; padding: 12px 18px; border-radius: 8px; font-size: 15px; line-height: 1.5; gap: 10px; }
.service-search-actions .icon { width: 21px; height: 21px; }
[data-page-type="service"] .service-faq + .related-links { max-width: 900px; gap: 10px; margin-top: 24px; }
@media (max-width: 991px) {
  .palette-inci-lacivert[data-page-type="service-index"] .service-card { min-height: 220px; }
}
@media (max-width: 575px) {
  .palette-inci-lacivert[data-page-type="service-index"] .service-card { padding: 18px; min-height: 240px; }
  [data-page-type="service-index"] .service-card p { padding: 10px; }
  [data-page-type="service"] .article-content > h2 { font-size: 23px; }
  .palette-inci-lacivert[data-page-type="service"] .service-search { padding: 18px; }
  [data-page-type="service"] .service-search-title h2 { font-size: 21px; }
  .service-search-actions { flex-direction: column; gap: 10px; }
  .palette-inci-lacivert[data-page-type="service"] .service-search-actions .btn { width: 100%; font-size: 14px; padding: 12px; }
}
.palette-inci-lacivert:is([data-page-type="about"], [data-page-type="contact"]) .trust-intro { display: flex; align-items: flex-start; gap: 18px; max-width: 1000px; margin: 24px 0px 32px; padding: 26px; border: 1px solid var(--pl-line); border-radius: 12px; background: var(--pl-soft); }
.trust-intro > .icon { width: 34px; height: 36px; color: var(--pl-brand); margin-top: 3px; }
.trust-intro > div { min-width: 0px; }
.article-content .trust-intro p { font-size: 17px; line-height: 1.85; max-width: 75ch; margin: 0px 0px 16px; }
.article-content .trust-intro > p, .article-content .trust-intro p:last-child { margin-bottom: 0px; }
.about-section, .contact-section { max-width: 1000px; margin: 32px 0px; }
.about-section-heading { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; }
.about-section-heading > .icon { width: 24px; height: 27px; margin-top: 3px; color: var(--pl-brand); }
.article-content .about-section-heading h2 { margin: 0px; font-size: 25px; line-height: 1.4; font-weight: 650; letter-spacing: -0.01em; }
.article-content .about-section > p, .article-content .contact-section > p { max-width: 75ch; font-size: 16px; line-height: 1.85; text-wrap: pretty; }
.palette-inci-lacivert[data-page-type="about"] .trust-next { max-width: 1000px; padding: 24px; margin: 36px 0px 12px; border-radius: 12px; background: var(--pl-panel); }
.article-content .trust-next h2 { margin: 0px; font-size: 24px; line-height: 1.4; }
.trust-next .related-links { margin-top: 18px; gap: 10px; }
.trust-next .related-links a { background: var(--pl-surface); }
.trust-actions { display: flex; align-items: stretch; gap: 12px; flex-wrap: wrap; margin-top: 20px; }
.palette-inci-lacivert .trust-actions .btn { min-height: 52px; padding: 12px 18px; border-radius: 8px; gap: 9px; font-size: 15px; }
.trust-actions .icon { width: 21px; height: 21px; }
[data-page-type="contact"] .contact-section > h2 { font-size: 26px; line-height: 1.4; max-width: 45ch; margin: 0px 0px 14px; }
.contact-routes { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px; margin: 24px 0px 32px; }
.palette-inci-lacivert[data-page-type="contact"] .contact-route { display: flex; flex-direction: column; align-items: flex-start; min-width: 0px; padding: 22px; border: 1px solid var(--pl-line); border-radius: 12px; background: var(--pl-surface); transition: border-color 0.18s ease-out, background-color 0.18s ease-out; }
.palette-inci-lacivert[data-page-type="contact"] .contact-route:hover { border-color: var(--pl-control); background: var(--pl-soft); }
.contact-route > .icon { width: 44px; height: 44px; padding: 10px; margin-bottom: 16px; border-radius: 9px; background: var(--pl-soft); color: var(--pl-brand); }
.article-content .contact-route h3 { margin: 0px 0px 10px; font-size: 21px; line-height: 1.4; font-weight: 650; letter-spacing: -0.01em; }
.article-content .contact-route p { margin: 0px 0px 20px; font-size: 15px; line-height: 1.8; color: var(--pl-muted); }
.contact-route-action { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 6px 0px; margin-top: auto; font-size: 14px; line-height: 1.5; font-weight: 650; color: var(--pl-brand); }
.contact-route-action .icon { width: 18px; height: 19px; }
.contact-process .related-links { gap: 10px; margin-top: 20px; }
@media (max-width: 991px) {
  .contact-routes { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 767px) {
  .contact-routes { grid-template-columns: 1fr; gap: 14px; }
  .palette-inci-lacivert[data-page-type="contact"] .contact-route { padding: 20px; }
  .article-content .about-section-heading h2 { font-size: 22px; }
  [data-page-type="contact"] .contact-section > h2 { font-size: 24px; }
}
@media (max-width: 575px) {
  .palette-inci-lacivert:is([data-page-type="about"], [data-page-type="contact"]) .trust-intro { flex-direction: column; padding: 20px; gap: 14px; margin-top: 20px; }
  .trust-intro > .icon { width: 30px; height: 32px; margin: 0px; }
  .article-content .trust-intro p { font-size: 16px; }
  .trust-actions { flex-direction: column; gap: 10px; }
  .palette-inci-lacivert .trust-actions .btn { width: 100%; font-size: 14px; }
  .about-section-heading { gap: 10px; }
  .about-section-heading > .icon { width: 21px; height: 24px; }
  .palette-inci-lacivert[data-page-type="about"] .trust-next { padding: 20px; }
  .article-content .trust-next h2 { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .palette-inci-lacivert[data-page-type="contact"] .contact-route { transition: none; }
}
.request-explainer { display: flex; align-items: flex-start; gap: 12px; max-width: 920px; padding: 18px 20px; margin: 22px 0px; background: var(--pl-soft); border: 1px solid var(--pl-line); border-radius: 10px; }
.request-explainer > .icon { width: 23px; height: 25px; color: var(--pl-brand); margin-top: 2px; }
.article-content .request-explainer p { font-size: 15px; line-height: 1.8; margin: 0px; max-width: 70ch; }
.palette-inci-lacivert .premium-request-form { padding: 28px; gap: 24px; background: var(--pl-surface); border-color: var(--pl-line); border-radius: 12px; align-items: start; }
.premium-request-form .form-field { min-width: 0px; }
.article-content .premium-request-form .required-note { margin: 0px; color: var(--pl-muted); font-size: 14px; line-height: 1.7; }
.premium-request-form .field-label { display: flex; align-items: center; gap: 8px; min-height: 26px; font-size: 15px; line-height: 1.5; font-weight: 600; color: var(--pl-brand); flex-wrap: wrap; }
.premium-request-form .field-label .icon { width: 20px; height: 21px; }
.premium-request-form .field-requirement { margin-left: auto; font-size: 11px; line-height: 1.5; font-weight: 400; color: var(--pl-muted); white-space: nowrap; }
.palette-inci-lacivert .premium-request-form input:not([type="checkbox"]), .palette-inci-lacivert .premium-request-form select { height: 52px; padding: 12px 14px; border-radius: 8px; margin-top: 8px; border-color: var(--pl-control); background-color: var(--pl-surface); font-size: 16px; line-height: 1.5; }
.palette-inci-lacivert .premium-request-form select { padding-right: 42px; background-size: 19px 19px; background-position: right 12px center; }
.palette-inci-lacivert .premium-request-form textarea { min-height: 130px; padding: 12px 14px; border-radius: 8px; resize: vertical; margin-top: 8px; font-size: 16px; line-height: 1.7; border-color: var(--pl-control); }
.palette-inci-lacivert .premium-request-form input:focus-visible, .palette-inci-lacivert .premium-request-form select:focus-visible, .palette-inci-lacivert .premium-request-form textarea:focus-visible { outline: 3px solid var(--pl-accentHover); outline-offset: 3px; border-color: var(--pl-brand); }
.article-content .premium-request-form .field-hint { font-size: 13px; line-height: 1.65; margin: 8px 0px 0px; color: var(--pl-muted); }
.article-content .premium-request-form .field-error { font-size: 14px; line-height: 1.65; margin: 8px 0px 0px; color: var(--pl-brand); font-weight: 600; overflow-wrap: anywhere; }
.palette-inci-lacivert .premium-request-form [aria-invalid="true"] { border: 2px solid var(--pl-brand); background-color: var(--pl-soft); }
.palette-inci-lacivert .premium-request-form .service-choices { min-width: 0px; margin: 0px; padding: 18px; border-radius: 10px; background: var(--pl-soft); border-color: var(--pl-line); }
.premium-request-form .service-choices legend { font-size: 15px; line-height: 1.5; font-weight: 600; padding: 0px 8px; color: var(--pl-brand); max-width: 100%; }
.article-content .premium-request-form .service-choices .field-hint { margin: 0px 0px 12px; }
.service-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }
.palette-inci-lacivert .premium-request-form .service-choices .check { display: flex; align-items: center; gap: 10px; min-height: 48px; margin: 0px; padding: 10px 12px; border: 1px solid var(--pl-control); border-radius: 8px; background: var(--pl-surface); font-size: 14px; line-height: 1.5; cursor: pointer; }
.palette-inci-lacivert .premium-request-form .check:has(input:checked) { border-color: var(--pl-brand); background: var(--pl-main); }
.premium-request-form input[type="checkbox"] { width: 20px; height: 20px; flex: 0 0 auto; accent-color: var(--pl-brand); cursor: pointer; }
.premium-request-form .consent { gap: 12px; align-items: flex-start; min-height: 44px; padding: 14px 0px; font-size: 14px; line-height: 1.8; }
.premium-request-form .consent input { margin-top: 3px; }
.premium-request-form .consent a { display: inline-flex; align-items: center; gap: 5px; padding: 2px 6px; border-radius: 5px; background: var(--pl-soft); color: var(--pl-brand); font-weight: 600; }
.palette-inci-lacivert .premium-request-form > button { min-height: 54px; min-width: 235px; padding: 14px 22px; border-radius: 9px; font-size: 16px; gap: 10px; }
.premium-request-form > button .icon { width: 22px; height: 22px; }
.premium-request-form[aria-busy="true"] > button { opacity: 0.7; cursor: wait; }
.form-error-summary { padding: 20px; border: 2px solid var(--pl-brand); border-radius: 10px; background: var(--pl-soft); }
.article-content .form-error-summary h2 { font-size: 20px; line-height: 1.4; margin: 0px 0px 10px; color: var(--pl-brand); }
.form-error-summary ul { list-style: none; padding: 0px; margin: 0px; }
.form-error-summary li + li { margin-top: 4px; }
.form-error-summary a { display: flex; align-items: flex-start; gap: 8px; min-height: 44px; padding: 8px 0px; font-size: 14px; line-height: 1.7; color: var(--pl-brand); }
.form-error-summary a > .icon { width: 18px; height: 21px; margin: 2px 0px 0px; }
.form-error-summary a > span { min-width: 0px; overflow-wrap: anywhere; }
.palette-inci-lacivert .premium-request-form .form-status { padding: 18px; border: 1px solid var(--pl-control); border-radius: 10px; background: var(--pl-soft); color: var(--pl-ink); font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.palette-inci-lacivert .premium-request-form .form-status.error { border: 2px solid var(--pl-brand); background: var(--pl-panel); color: var(--pl-brand); font-weight: 600; }
.palette-inci-lacivert .premium-request-form input:not([type="checkbox"])[aria-invalid="true"], .palette-inci-lacivert .premium-request-form select[aria-invalid="true"], .palette-inci-lacivert .premium-request-form textarea[aria-invalid="true"], .palette-inci-lacivert .premium-request-form .service-choices[aria-invalid="true"] { border: 2px solid var(--pl-brand); background-color: var(--pl-soft); }
@media (max-width: 767px) {
  .palette-inci-lacivert .premium-request-form { padding: 20px; gap: 22px; }
}
@media (max-width: 575px) {
  .request-explainer { padding: 16px; gap: 10px; }
  .palette-inci-lacivert .premium-request-form { padding: 18px; gap: 20px; }
  .service-choice-grid { grid-template-columns: 1fr; }
  .premium-request-form .field-label { font-size: 14px; }
  .premium-request-form .field-requirement { font-size: 10px; }
  .palette-inci-lacivert .premium-request-form .service-choices { padding: 14px; }
  .palette-inci-lacivert .premium-request-form > button { width: 100%; min-width: 0px; }
  .form-error-summary { padding: 16px; }
}
.location-tools { margin: 12px 0px 20px; }
.location-share { margin: 20px 0px; }
.article-content .location-share h2 { font-size: 18px; line-height: 1.5; margin: 0px 0px 10px; }
.location-share-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.location-share-actions .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 14px; font-size: 14px; border-radius: 8px; }
.article-content .location-feedback, .location-feedback { margin: 10px 0px 0px; font-size: 13px; line-height: 1.6; color: var(--pl-muted); max-width: 70ch; }
.map-source { display: block; font-size: 12px; color: var(--pl-muted); margin-top: 8px; }
.manual-location { margin-top: 12px; }
.manual-location label { display: block; font-size: 14px; margin-bottom: 6px; }
.manual-location input { display: block; width: 100%; min-width: 0px; min-height: 44px; padding: 10px; border: 1px solid var(--pl-line); border-radius: 6px; background: var(--pl-surface); color: var(--pl-ink); font: inherit; }
@media (max-width: 480px) {
  .location-share-actions .btn { flex: 1 1 145px; }
  .location-share-actions .btn[hidden] { display: none; }
}
.palette-inci-lacivert { --pl-surface: oklch(100.000% 0.00000 89.88); --pl-canvas: oklch(99.040% 0.00452 258.32); --pl-ink: oklch(21.733% 0.01266 264.27); --pl-muted: oklch(45.424% 0.01860 257.25); --pl-brand: oklch(50.711% 0.17921 258.93); --pl-brandHover: oklch(41.752% 0.15013 259.24); --pl-main: oklch(95.747% 0.02051 254.91); --pl-soft: oklch(97.483% 0.00908 258.34); --pl-panel: oklch(95.747% 0.02051 254.91); --pl-line: oklch(87.684% 0.02797 253.25); --pl-control: oklch(59.035% 0.04121 254.68); --pl-secondary: var(--pl-surface); --pl-accent: oklch(95.747% 0.02051 254.91); --pl-secondaryHover: var(--pl-main); --pl-accentHover: oklch(92.355% 0.03113 257.24); --pl-gold: oklch(21.733% 0.01266 264.27); --pl-goldLine: var(--pl-line); --pl-goldSoft: oklch(97.483% 0.00908 258.34); --pl-cta-emerald: oklch(49.235% 0.11762 155.65); --pl-cta-emeraldHover: oklch(41.535% 0.09827 155.87); --pl-cta-amber: var(--pl-main); --pl-cta-pale: oklch(97.483% 0.00908 258.34); --pl-footer: oklch(21.733% 0.01266 264.27); }
.palette-inci-lacivert .foot { color: var(--pl-surface); border-color: var(--pl-footer); }
.palette-inci-lacivert .foot .contact-brand a { background: var(--pl-soft); color: var(--pl-brand); }
.palette-inci-lacivert .foot .contact-brand a:hover { background: var(--pl-accent); color: var(--pl-brandHover); }
.palette-inci-lacivert .foot .brand-pin { fill: var(--pl-surface); }
.palette-inci-lacivert .foot .brand-ring { stroke: var(--pl-cta-amber); }
.palette-inci-lacivert .foot .brand-hub { fill: var(--pl-brand); }
.palette-inci-lacivert .foot .brand-tread { stroke: var(--pl-brand); }
.palette-inci-lacivert .foot a:focus-visible { outline-color: var(--pl-surface); }
.palette-inci-lacivert .business-card { display: grid; align-items: center; gap: 16px; padding: 18px; }
.palette-inci-lacivert .business-card .business-info { display: block; grid-row: 1; min-width: 0px; width: 100%; }
.palette-inci-lacivert .business-card .business-info h2 { font-size: 18px; line-height: 1.45; margin: 0px 0px 6px; grid-area: auto; overflow-wrap: anywhere; }
.business-card .business-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 14px; }
.palette-inci-lacivert .business-card .phone-display { line-height: 1.5; font-size: 18px !important; margin: 0px !important; }
.business-card .phone-display a { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; }
.business-card .compact-rating a { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; font-size: 12px; color: var(--pl-muted); }
.business-card .compact-rating strong { font-size: 15px; color: var(--pl-brand); font-variant-numeric: tabular-nums; }
.business-card .rating-star { width: 16px; height: 16px; fill: var(--pl-brand); stroke: none; flex: 0 0 auto; }
.palette-inci-lacivert .business-card .contact-actions { grid-row: 1; display: flex; margin: 0px; padding: 0px; }
.palette-inci-lacivert .business-card .profile-button { min-height: 44px; padding: 10px 12px; font-size: 13px; gap: 7px; }
.article-content .content-sources { margin: 24px 0px; }
.article-content .content-sources h2 { font-size: 18px; margin: 0px 0px 8px; }
.content-sources .related-links { margin-top: 0px; }
.palette-inci-lacivert .signup.second { background: var(--pl-brand); color: var(--pl-surface); }
.palette-inci-lacivert .signup.second h2, .palette-inci-lacivert .signup.second p { color: var(--pl-surface); }
.palette-inci-lacivert .signup.second .btn { background: var(--pl-surface); border-color: var(--pl-surface); color: var(--pl-brand); }
.palette-inci-lacivert .signup.second .btn:hover { background: var(--pl-accent); border-color: var(--pl-accent); color: var(--pl-brandHover); }
.palette-inci-lacivert .signup.second .btn:focus-visible { outline-color: var(--pl-surface); }
@media (max-width: 480px) {
  .palette-inci-lacivert .business-card { gap: 12px; padding: 16px; }
  .palette-inci-lacivert .business-card .profile-button { padding: 10px; font-size: 12px; }
}
.palette-inci-lacivert .business-card { grid-template-columns: 88px minmax(0px, 1fr) auto; }
.business-card .business-photo-link { position: relative; display: block; width: 88px; height: 88px; grid-area: 1 / 1; align-self: start; overflow: hidden; border-radius: 10px; background: var(--pl-soft); color: var(--pl-muted); }
.business-photo-link .business-photo-fallback { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; font-size: 10px; }
.business-photo-link .business-photo-fallback .icon { width: 26px; height: 26px; }
.business-card .business-photo-link .business-photo { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.palette-inci-lacivert .business-card .business-info { grid-column: 2; }
.palette-inci-lacivert .business-card .contact-actions { grid-column: 3; }
@media (max-width: 575px) {
  .palette-inci-lacivert .business-card { grid-template-columns: 72px minmax(0px, 1fr); gap: 8px 12px; }
  .business-card .business-photo-link { width: 72px; height: 72px; }
  .palette-inci-lacivert .business-card .business-info { grid-area: 1 / 2 / span 2; }
  .palette-inci-lacivert .business-card .contact-actions { grid-area: 2 / 1; align-self: start; }
  .palette-inci-lacivert .business-card .profile-button { width: 72px; min-width: 0px; padding: 8px 6px; font-size: 11px; gap: 4px; }
  .business-card .profile-button .icon { width: 14px; height: 14px; }
}
.palette-inci-lacivert .foot { background-color: var(--pl-footer); }
.palette-inci-lacivert .hero { background-image: linear-gradient(oklch(1 0 0 / 0.95) 0%, oklch(0.95747 0.02051 254.91 / 0.82) 44%, oklch(1 0 0 / 0.38) 100%), url("../assets/hero-roadside-wide.webp"); }
.palette-inci-lacivert .hero .or { color: var(--pl-ink); }
.palette-inci-lacivert .signup.first { background: var(--pl-cta-emerald); color: var(--pl-surface); }
.palette-inci-lacivert .signup.first h2, .palette-inci-lacivert .signup.first p { color: var(--pl-surface); }
.palette-inci-lacivert .signup.first .btn { background: var(--pl-surface); border-color: var(--pl-surface); color: var(--pl-cta-emerald); }
.palette-inci-lacivert .signup.first .btn:hover { background: var(--pl-soft); border-color: var(--pl-soft); color: var(--pl-cta-emeraldHover); }
.palette-inci-lacivert .signup.first .btn:focus-visible { outline-color: var(--pl-surface); }
.palette-inci-lacivert .btn-accent { background: var(--pl-secondary); border-color: var(--pl-control); color: var(--pl-brand); }
.palette-inci-lacivert .btn-accent:hover { background: var(--pl-secondaryHover); border-color: var(--pl-brand); color: var(--pl-brandHover); }
.palette-inci-lacivert .hero .location-button { min-width: 310px; max-width: 100%; height: 64px; min-height: 64px; padding: 16px 30px; background: var(--pl-brand); border-color: var(--pl-brand); color: var(--pl-surface); font-size: 18px; gap: 12px; border-radius: 10px; }
.palette-inci-lacivert .hero .location-button:hover { background: var(--pl-brandHover); border-color: var(--pl-brandHover); color: var(--pl-surface); box-shadow: none; }
.palette-inci-lacivert .hero .location-button:focus-visible { outline: 3px solid var(--pl-brand); outline-offset: 4px; }
.palette-inci-lacivert .service-card .service-art { clip-path: none; filter: none; background-position: center center; background-size: cover !important; }
.palette-inci-lacivert .service-card .art-2 { background-position: 80% center; }
.palette-inci-lacivert .service-card .art-3 { background-position: 75% center; }
.palette-inci-lacivert .service-card::after { clip-path: none; mix-blend-mode: normal; opacity: 1; background: linear-gradient(oklch(0.21733 0.01266 264.27 / 0.85) 0%, oklch(0.21733 0.01266 264.27 / 0.78) 65%, oklch(0.21733 0.01266 264.27 / 0.2) 100%); }
.palette-inci-lacivert .service-card h2 { color: var(--pl-surface); }
.palette-inci-lacivert .service-card p { color: var(--pl-surface); background: transparent; padding: 0px; text-shadow: none; }
.palette-inci-lacivert[data-page-type="service-index"] .service-card p { background: transparent; color: var(--pl-surface); padding: 0px; }
@media (max-width: 575px) {
  .palette-inci-lacivert .hero .location-button { width: 100%; min-width: 0px; min-height: 60px; height: 60px; font-size: 17px; padding: 14px 20px; }
}
.palette-inci-lacivert { font-family: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif; font-weight: 500; }
.palette-inci-lacivert :is(h1, h2, h3) { font-weight: 700; }
.palette-inci-lacivert .hero-title { font-weight: 600; }
.palette-inci-lacivert .hero-title strong { font-weight: 750; }
.palette-inci-lacivert .btn { font-weight: 700; }
.palette-inci-lacivert .hero .location-button { font-weight: 700; }
.hero .location-button .icon { width: 24px; height: 24px; stroke-width: 2; }
.palette-inci-lacivert .service-card h2 { font-size: 24px; line-height: 1.3; font-weight: 700; letter-spacing: -0.015em; margin: 0px; }
.palette-inci-lacivert .service-card .btn .icon { width: 22px; height: 22px; stroke-width: 1.8; }
.palette-inci-lacivert .service-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 1px; width: 100%; max-width: 520px; margin: 0px auto; background: var(--pl-line); border: 1px solid var(--pl-line); border-radius: 10px; overflow: hidden; }
.palette-inci-lacivert .service-grid .service-column { width: auto; padding: 0px; margin: 0px; min-width: 0px; }
.palette-inci-lacivert .service-grid .service-card { display: block; position: relative; aspect-ratio: 4 / 3; height: 100%; padding: 0px; min-height: 0px; border: 0px; border-radius: 0px; overflow: hidden; background: var(--pl-surface); }
.palette-inci-lacivert .service-grid .service-card .service-art { position: absolute; inset: 0px; z-index: 0; display: block; width: 100%; height: 100%; aspect-ratio: auto; background-color: var(--pl-surface); filter: none; opacity: 1; background-size: contain !important; background-position: center center !important; }
.palette-inci-lacivert .service-grid .service-card::after { content: none; }
.palette-inci-lacivert .service-grid .service-card > div { position: absolute; z-index: 1; top: 8px; left: 8px; max-width: calc(100% - 16px); padding: 5px 7px; background: var(--pl-surface); border-radius: 4px; }
.palette-inci-lacivert .service-grid .service-card > div:last-child { inset: auto 8px 8px auto; margin: 0px; padding: 0px; background: none; }
.palette-inci-lacivert .service-grid .service-card h2 { color: var(--pl-ink); font-size: 14px; line-height: 1.25; margin: 0px; }
.palette-inci-lacivert .service-grid .service-card h2 > .icon { display: none; }
.palette-inci-lacivert .service-grid .service-card .btn { position: relative; padding: 2px 6px; line-height: 20px; gap: 4px; border-radius: 4px; }
.palette-inci-lacivert .service-grid .service-card .btn::before { content: ""; position: absolute; }
.palette-inci-lacivert .service-grid .service-card::before { content: ""; position: absolute; z-index: 2; inset: 0px; border: 2px solid transparent; pointer-events: none; transition: border-color 0.18s ease-out; }
.palette-inci-lacivert .service-grid .service-card:focus-within::before { border-color: var(--pl-brand); }
@media (hover: hover) {
  .palette-inci-lacivert .service-grid .service-card:hover::before { border-color: var(--pl-brand); }
}
@media (prefers-reduced-motion: reduce) {
  .palette-inci-lacivert .service-grid .service-card::before { transition: none; }
}
.palette-inci-lacivert .foot { background-image: none; }
.palette-inci-lacivert .foot[data-background-ready] { background-image: linear-gradient(oklch(0.21733 0.01266 264.27 / 0.94), oklch(0.21733 0.01266 264.27 / 0.94)), url("../assets/workshop-footer.webp"); }
.palette-inci-lacivert .art-0 { background-image: url("../assets/repair-card.webp"); }
.palette-inci-lacivert .art-1 { background-image: url("../assets/roadside-card.webp"); }
.palette-inci-lacivert .art-2 { background-image: url("../assets/workshop-card.webp"); }
.palette-inci-lacivert .art-3 { background-image: url("../assets/mobile-service-card.webp"); }
.palette-inci-lacivert .service-grid .service-card .btn { font-size: 12px; height: 28px; min-height: 28px; }
.palette-inci-lacivert .service-grid .service-card .btn::before { inset: -8px -3px; }
.palette-inci-lacivert .service-grid .service-card .btn .icon { width: 14px; height: 14px; }
.article-content p, .article-content li { max-width: 72ch; font-weight: 450; line-height: 1.75; }
.article-content h2 { max-width: 40ch; text-wrap: balance; }
.home-local-copy { max-width: 800px; margin: 28px auto 0px; }
.home-local-copy h2 { font-size: 22px; line-height: 1.4; margin: 0px 0px 12px; }
.home-local-copy p { font-size: 16px; line-height: 1.75; font-weight: 450; margin: 0px 0px 12px; }
.home-local-copy .related-links { margin: 16px 0px 0px; gap: 8px; }
.guide-illustration { margin: 24px 0px; max-width: 760px; }
.guide-illustration img { display: block; width: 100%; height: auto; }
.guide-illustration figcaption { font-size: 13px; color: var(--pl-muted); line-height: 1.6; margin-top: 8px; }
@media (max-width: 600px) {
  .palette-inci-lacivert .hero { background-image: linear-gradient(oklch(1 0 0 / 0.95) 0%, oklch(0.95747 0.02051 254.91 / 0.82) 44%, oklch(1 0 0 / 0.38) 100%), url("../assets/hero-roadside-mobile.webp"); }
}

.search-feedback{margin:12px auto 0;padding:10px 14px;max-width:800px;background:var(--pl-surface);color:var(--pl-ink);border:1px solid var(--pl-line);border-radius:6px;font-size:14px;line-height:1.6;}

/* Küçük görsel düğme, tüm hücreyi kaplayan tek anlamlı bağlantı. */
.palette-inci-lacivert .service-grid .service-tile-link{position:absolute;inset:0;z-index:1;display:block;}
.palette-inci-lacivert .service-grid .service-tile-title{position:absolute;top:8px;left:8px;max-width:calc(100% - 16px);padding:5px 7px;background:var(--pl-surface);border-radius:4px;}
.palette-inci-lacivert .service-grid .service-card .service-tile-action{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;justify-content:center;}
.palette-inci-lacivert .service-grid .service-card .service-tile-action:before{content:none;}
.palette-inci-lacivert .service-grid .service-tile-link:focus-visible{outline:3px solid var(--pl-brand);outline-offset:-3px;}

/* Compact, statically navigable name index. Existing cards and palette stay intact. */
.directory-name-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.directory-name-list li{min-width:0}.directory-name-list a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:var(--surface,#fff);box-shadow:0 2px 12px #132e4a0a;overflow-wrap:anywhere}
.directory-name-list small{display:block;font-size:13px;font-weight:500;color:#42566a;margin-top:4px}
.directory-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.directory-pagination a,.directory-pagination>span{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border-radius:10px;background:#fff;color:#155fc9;font-weight:700}
.directory-pagination [aria-current]{background:#155fc9;color:#fff}.directory-pagination .link-icon{display:none}
.service-evidence{padding-left:20px;overflow-wrap:anywhere}.service-evidence small{display:block}
@media(max-width:600px){.directory-name-list{grid-template-columns:1fr}}

/* 31 Ekim 2026: yeni alan adı ve referansa yakın sarı iletişim bandı. */
.palette-inci-lacivert .logo .brand-domain{font-weight:850;font-style:italic;letter-spacing:-.035em;line-height:1.1}
.palette-inci-lacivert .foot.footer-contact{min-height:168px;padding:0;background-color:#ffc444;color:#171a20;background-image:none}
.palette-inci-lacivert .foot.footer-contact[data-background-ready]{background-image:linear-gradient(rgb(255 196 68 / .88),rgb(255 196 68 / .88)),url("../assets/workshop-footer.webp");background-size:cover;background-position:center}
.footer-contact-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;min-height:168px;padding-block:32px}
.footer-contact-copy{margin:0;text-align:right;font-size:16px;line-height:24px;font-style:italic;color:inherit}
.footer-contact-copy strong{font-weight:800;overflow-wrap:anywhere}
.footer-contact-details{min-width:0}.footer-email-primary{display:inline-flex;align-items:center;gap:18px;color:inherit;max-width:100%;min-height:64px;border-radius:6px}
.footer-email-primary>.icon{width:48px;height:48px;flex:0 0 48px;stroke-width:1.4}
.footer-email-primary>span{min-width:0}.footer-email-primary strong{display:block;font-size:13px;line-height:1.5;font-weight:700;text-transform:uppercase}
.footer-email-address{display:block;font-size:clamp(18px,2.2vw,26px);line-height:1.35;font-weight:800;letter-spacing:-.025em;overflow-wrap:anywhere}
.palette-inci-lacivert .footer-contact a{color:#171a20;text-decoration:none;background:transparent}
.palette-inci-lacivert .footer-contact a:hover{color:#000;background:transparent}
.palette-inci-lacivert .footer-contact a:focus-visible{outline:3px solid #171a20;outline-offset:6px}
.palette-inci-lacivert .menu-content .menu-utilities{max-width:820px;margin:0 auto;padding-top:0;border-top:0;justify-content:center}
@media(max-width:991px){.footer-contact-inner{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:28px}.footer-contact-copy{text-align:center}.footer-contact-details{display:flex;justify-content:center}.footer-email-primary{gap:14px}.footer-email-address{font-size:21px;white-space:nowrap;overflow-wrap:normal}.footer-email-primary strong{font-size:12px}}
@media(max-width:600px){.footer-email-address{font-size:clamp(16px,4.6vw,21px)}}
@media(max-width:359px){.footer-email-primary{gap:10px}.footer-email-primary>.icon{width:36px;height:36px;flex-basis:36px}.footer-email-address{font-size:17px}.palette-inci-lacivert .logo .brand-domain{font-size:16px}}

/* Denizli referansı: fotoğraf ve puan solda, ad/telefon ve profil eylemi sağda. */
.palette-inci-lacivert .listing-main h1{text-align:center;margin-bottom:16px;font-weight:700}
.palette-inci-lacivert .listing-summary{padding:7px 12px;border-radius:4px;background:var(--pl-soft);line-height:21px;margin-bottom:10px}
.listing-filter{margin:0 0 18px;border:0}
.listing-filter>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;width:fit-content;margin-inline:auto;padding:8px 16px;border-radius:6px;color:var(--pl-brand);background:var(--pl-surface);font-size:14px;font-weight:700;cursor:pointer;list-style:none}
.listing-filter>summary::-webkit-details-marker{display:none}
.listing-filter>summary::marker{content:""}
.listing-filter>summary::after{content:none}
.listing-filter>summary .icon{width:19px;height:19px}
.listing-filter>summary:hover,.listing-filter[open]>summary{background:var(--pl-accent)}
.listing-filter>summary:focus-visible{outline:3px solid var(--pl-brand);outline-offset:3px}
.listing-filter .directory-filter{margin-top:12px;margin-bottom:0}
.palette-inci-lacivert .business-grid{align-items:stretch}
.palette-inci-lacivert .business-card{grid-template-columns:112px minmax(0,1fr);align-items:stretch;gap:18px;padding:14px;min-height:184px;border:1px solid var(--pl-line);border-radius:4px;background:var(--pl-accent);box-shadow:none}
.palette-inci-lacivert .business-card:hover{background:var(--pl-accent);border-color:var(--pl-control);box-shadow:none;transform:none}
.business-card .business-media{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px}
.palette-inci-lacivert .business-card .business-photo-link{grid-area:auto;align-self:center;flex-shrink:0;width:100px;height:100px;border-radius:50%;background:var(--pl-surface)}
.palette-inci-lacivert .business-card .business-info{grid-area:auto;display:flex;flex-direction:column;min-width:0;align-self:stretch;width:100%}
.palette-inci-lacivert .business-card .business-info h2{font-size:24px;line-height:1.25;font-weight:750;margin:0 0 2px;overflow-wrap:anywhere}
.palette-inci-lacivert .business-card h2 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none}
.palette-inci-lacivert .business-card .phone-display{margin:0 0 8px!important;font-size:18px!important;line-height:1.35;font-weight:750}
.palette-inci-lacivert .business-card .phone-display a{min-height:44px;max-width:100%;gap:7px;white-space:nowrap}
.business-card .phone-display .icon{width:18px;height:18px;flex-shrink:0}
.business-card .compact-rating{width:100%;text-align:center}
.business-card .compact-rating a{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:0 4px;min-height:44px;font-size:11px;line-height:16px;color:var(--pl-ink)}
.business-card .compact-rating a strong{font-size:16px;line-height:20px;color:var(--pl-brand)}
.business-card .compact-rating a>span{flex-basis:100%}
.business-card .compact-rating .rating-star{width:16px;height:16px;align-self:center;color:var(--pl-brand)}
.palette-inci-lacivert .business-card .contact-actions{grid-area:auto;display:flex;align-self:stretch;justify-content:stretch;flex-wrap:nowrap;width:100%;margin:auto 0 0;padding:0}
.palette-inci-lacivert .business-card .profile-button{display:flex;width:100%;min-width:0;min-height:48px;gap:8px;padding:10px 14px;border-radius:4px;background:var(--pl-brand);border-color:var(--pl-brand);color:var(--pl-surface);font-size:14px;font-weight:750;letter-spacing:.025em}
.palette-inci-lacivert .business-card .profile-button:hover{background:var(--pl-brandHover);border-color:var(--pl-brandHover);color:var(--pl-surface)}
.palette-inci-lacivert .business-card .profile-button .icon{width:20px;height:20px;flex-shrink:0}
.palette-inci-lacivert .signup.second h2{display:flex;align-items:center;justify-content:flex-start;gap:12px}
.signup.second h2>.icon{width:36px;height:36px}
.palette-inci-lacivert .business-card .contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.palette-inci-lacivert .business-card .contact-actions>.card-action{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:52px;padding:10px 8px;gap:7px;font-size:13px;line-height:1.2;font-weight:750;letter-spacing:0;border-radius:4px}
.business-card .contact-actions>.card-action:only-child{grid-column:1/-1}
.palette-inci-lacivert .business-card .contact-actions>.card-action .icon{width:19px;height:19px;flex-shrink:0}
.palette-inci-lacivert .business-card .card-call-button{background:var(--pl-cta-emerald);border-color:var(--pl-cta-emerald);color:var(--pl-surface)}
.palette-inci-lacivert .business-card .card-call-button:hover{background:var(--pl-cta-emeraldHover);border-color:var(--pl-cta-emeraldHover);color:var(--pl-surface)}
.business-card .card-action>span{white-space:nowrap}
@media(max-width:991px){.palette-inci-lacivert .business-card .contact-actions>.card-action{flex-direction:column;gap:3px;padding:6px 3px;font-size:11px;min-height:52px}.palette-inci-lacivert .business-card .contact-actions>.card-action .icon{width:18px;height:18px}}
@media(min-width:768px) and (max-width:991px){.palette-inci-lacivert .business-card{grid-template-columns:92px minmax(0,1fr);gap:12px;padding:12px}.palette-inci-lacivert .business-card .business-photo-link{width:84px;height:84px}.palette-inci-lacivert .business-card .business-info h2{font-size:21px}.palette-inci-lacivert .business-card .phone-display{font-size:16px!important}}
@media(max-width:399px){.palette-inci-lacivert .business-card{grid-template-columns:84px minmax(0,1fr);gap:12px;padding:12px;min-height:172px}.palette-inci-lacivert .business-card .business-photo-link{width:80px;height:80px}.palette-inci-lacivert .business-card .business-info h2{font-size:20px}.palette-inci-lacivert .business-card .phone-display{font-size:16px!important}.business-card .phone-display .icon{width:16px;height:16px}.palette-inci-lacivert .business-card .profile-button{min-height:44px;padding:9px 10px;font-size:13px}}