/* Shared public-page UX: preserve brand styles while improving readability and mobile flow. */
:root{--ux-text:#24332d;--ux-muted:#65756d;--ux-line:#dce6df;--ux-surface:#fff;--ux-soft:#f4f8f5}
body{color:var(--ux-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
main#icerik{min-width:0;overflow-wrap:anywhere}
main#icerik img,main#icerik video{max-width:100%}
main#icerik :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){max-width:100%;font:500 15px/1.45 Poppins,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main#icerik :where(button,.btn,[type=submit]){font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.25;white-space:normal}
main#icerik :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){min-height:44px}
main#icerik :where(textarea){min-height:112px}
main#icerik :where(table){width:100%;border-collapse:collapse}
main#icerik :where(th,td){overflow-wrap:anywhere}
main#icerik :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #147c63;outline-offset:3px}
main#icerik :where(.wrap){min-width:0}
@media(max-width:760px){
  main#icerik{font-size:15px}
  main#icerik :where(.wrap){width:min(100% - 28px,100%);padding-left:0;padding-right:0}
  main#icerik :where(h1){font-size:clamp(27px,7vw,38px);line-height:1.13;letter-spacing:-.025em}
  main#icerik :where(h2){font-size:clamp(22px,5.5vw,30px);line-height:1.2}
  main#icerik :where(h3){font-size:clamp(18px,4.5vw,23px);line-height:1.25}
  main#icerik :where(p,li){line-height:1.65}
  main#icerik :where(.grid,.cards,.hotel-grid,.vet-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
  main#icerik :where(table){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  main#icerik :where(.btn,button[type=submit]){min-height:44px}
}
@media(max-width:380px){
  main#icerik :where(.wrap){width:calc(100% - 22px)}
  main#icerik :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:14px}
}/* Content navigation must size to its own links, not inherit the global header height. */
main#icerik nav{height:auto;min-height:0;white-space:normal}
main#icerik .vet-index section.vet-results{padding:0}
main#icerik .vet-index .vet-guide{margin-top:28px}
main#icerik .blog-index section.blog-topic{margin-block:12px;padding-block:16px}
@media(max-width:760px){
  main#icerik .vet-index .vet-guide{margin-top:24px}
  main#icerik .blog-index section.blog-topic{margin-block:10px;padding-block:12px}
}

/* Hotel detail UX fixes: sticky section tabs, consistent photo crop, compact rhythm. */
.hotel-detail-page .det .otel-section-nav{position:sticky!important;top:var(--head,80px)!important;z-index:35!important;box-sizing:border-box;width:100%;gap:8px;margin:0 0 14px!important;padding:8px!important;border:1px solid #e1e9e2;border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(37,58,43,.09);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hotel-detail-page .det [id^="otel-"]{scroll-margin-top:calc(var(--head,80px) + 18px)}
.hotel-detail-page .det .meta{box-sizing:border-box;min-height:48px;margin:0 0 12px!important;padding:9px 12px!important;gap:8px!important;border:1px solid #e1e9e2;border-radius:15px;background:linear-gradient(110deg,#fff,#f5f8f4);box-shadow:0 4px 12px rgba(37,58,43,.05)}
.hotel-detail-page .det .pw-mozaik.n0 .hotel-photo-cover img.m0{height:100%!important;max-height:none!important;object-fit:cover}
.hotel-detail-page .det .hotel-rooms-section{padding:0!important}

/* Keep the sticky tab bar in the full detail-page flow, not its short intro wrapper. */
.hotel-detail-page .det>div:first-child{display:contents!important}

/* Keep homepage category tabs and search controls in separate visible rows. */
@media(min-width:900px){body:has(section.home-hero-shell) .home-hero-grid{min-height:500px!important}}
@media(min-width:601px) and (max-width:700px){body:has(section.home-hero-shell) .home-hero-grid{min-height:600px!important}}
@media(max-width:600px){body:has(section.home-hero-shell) .home-hero-grid{min-height:625px!important}}

/* Pricing guide: a compact editorial header, readable comparison tables and mobile-safe grids. */
.pricing-page{padding-top:14px;padding-bottom:52px;color:#2c3c32}
.pricing-page>.crumb{display:inline-flex;align-items:center;gap:7px;max-width:100%;margin:8px 0 14px;padding:8px 12px;border:1px solid #e4e9e1;border-radius:999px;background:linear-gradient(110deg,#fffaf5,#f5f8f3);color:#69776e;font-size:12px;line-height:1.4}
.pricing-page>.crumb a{color:#557361;font-weight:700;text-decoration:none}
.pricing-page>.crumb a:hover{color:#d94a20;text-decoration:underline;text-underline-offset:3px}
.pricing-page>h1{position:relative;box-sizing:border-box;display:flex;align-items:center;min-height:74px;margin:0;padding:17px 22px 17px 27px;border:1px solid #e2e9e1;border-radius:20px;background:linear-gradient(110deg,#fffdfa,#f7faf6);box-shadow:0 8px 24px rgba(40,55,43,.045);color:#293b31;font-size:clamp(27px,3.4vw,36px);font-weight:850;line-height:1.2;letter-spacing:-.04em}
.pricing-page>h1:before{position:absolute;top:16px;bottom:16px;left:0;width:4px;border-radius:0 5px 5px 0;background:linear-gradient(180deg,#f04416,#ffae57);content:""}
.pricing-page>p.sub{display:inline-flex;align-items:center;gap:6px;margin:13px 0 18px;padding:8px 12px;border:1px solid #efe5d8;border-radius:999px;background:#fffaf4;color:#96502f;font-size:13px;font-weight:750;line-height:1.4}
.pricing-page>article.prose{max-width:none!important;margin:0 0 27px!important;padding:22px 25px;border:1px solid #e7ebe4;border-radius:19px;background:#fff;box-shadow:0 8px 23px rgba(40,55,43,.04);color:#53645a;font-size:15px;line-height:1.7}
.pricing-page>article.prose p{margin:0 0 10px;line-height:1.7}
.pricing-page>article.prose p:last-child{margin-bottom:0}
.pricing-page>h2{position:relative;margin:27px 0 11px;padding-left:13px;color:#2b493a;font-size:clamp(21px,2.7vw,27px);font-weight:850;line-height:1.25;letter-spacing:-.03em}
.pricing-page>h2:before{position:absolute;top:2px;bottom:2px;left:0;width:4px;border-radius:4px;background:linear-gradient(180deg,#5c8b6b,#a7bd91);content:""}
.pricing-page>.pricing-table-wrap{box-sizing:border-box;margin:0 0 14px;padding:10px;border:1px solid #e1e8e1;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(40,55,43,.04)}
.pricing-page .pricing-table{width:100%;border-collapse:separate!important;border-spacing:0!important;color:#45564b;font-size:13px;line-height:1.5}
.pricing-page .pricing-table th{padding:11px 12px!important;border-bottom:1px solid #dfe7df!important;background:#f1f6f1;color:#35483b;font-size:12px;font-weight:850;text-align:left!important;white-space:nowrap}
.pricing-page .pricing-table td{padding:11px 12px!important;border-bottom:1px solid #edf0ec!important;color:#536157;vertical-align:middle}
.pricing-page .pricing-table tbody tr:nth-child(even){background:#fafcf9}
.pricing-page .pricing-table tbody tr:last-child td{border-bottom:0!important}
.pricing-page .pricing-table a{color:#3b6c52;font-weight:750;text-decoration:none}
.pricing-page .pricing-table a:hover{color:#d94a20;text-decoration:underline;text-underline-offset:3px}
.pricing-page>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0 0 14px}
.pricing-page>.grid>.box{margin:0;padding:18px;border:1px solid #e3e9e2;border-radius:17px;background:linear-gradient(145deg,#fff,#f8fbf7);box-shadow:0 6px 18px rgba(40,55,43,.035)}
.pricing-page>.grid>.box>b{color:#304538;font-size:15px;font-weight:850}
.pricing-page>.grid>.box>.sub{color:#64746a;font-size:13px;line-height:1.55}
.pricing-page>.grid>.box>.chip{align-self:flex-start;margin-top:5px;border-color:#d9e6da;background:#edf5ee;color:#41684b}
.pricing-page>.box:has(>.faq){padding:10px 16px}
.pricing-page>.box>.faq{border-bottom:1px solid #edf0eb}
.pricing-page>.box>.faq:last-child{border-bottom:0}
.pricing-page>.box>.faq>summary{padding:13px 4px;color:#35483b;font-size:14px;font-weight:750;cursor:pointer}
.pricing-page>.box>.faq>p{margin:0;padding:0 4px 14px;color:#637168;font-size:13px;line-height:1.65}
@media(max-width:760px){
  .pricing-page{padding:12px 14px 38px}
  .pricing-page>.crumb{margin:5px 0 11px;padding:7px 10px;font-size:11px}
  .pricing-page>h1{min-height:62px;padding:14px 16px 14px 21px;border-radius:16px;font-size:clamp(24px,7vw,31px)}
  .pricing-page>h1:before{top:12px;bottom:12px}
  .pricing-page>p.sub{margin:10px 0 13px;padding:7px 10px;font-size:12px}
  .pricing-page>article.prose{margin-bottom:20px!important;padding:16px 17px;border-radius:16px;font-size:14px}
  .pricing-page>article.prose p{margin-bottom:8px}
  .pricing-page>h2{margin:21px 0 9px;font-size:20px}
  .pricing-page>.pricing-table-wrap{margin-bottom:11px;padding:7px;border-radius:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .pricing-page .pricing-table{display:table!important;min-width:100%;font-size:12px}
  .pricing-page .pricing-table th,.pricing-page .pricing-table td{padding:9px 9px!important}
  .pricing-page>.pricing-table-districts .pricing-table{min-width:470px}
  .pricing-page>.pricing-table-hotels .pricing-table{min-width:650px}
  .pricing-page>.grid{grid-template-columns:1fr;gap:9px;margin-bottom:11px}
  .pricing-page>.grid>.box{padding:15px;border-radius:14px}
}