/* Site geneli son dokunuşlar (tüm sayfalarda en son yüklenir):
   üst bölüm ölçüleri, kart büyüme efekti, tıklanabilir öğe vurgusu, Instagram bölümü ve daha küçük katalog kartları. */

/* ---------- 1. Üst bölümler: fotoğraf tüm alanı kaplar, yazı soldaki koyu geçişin üstünde; alçak ve sade ---------- */
/* Sitenin standart üst bölümü (Acenteler sayfasındaki gibi): sayfa, blog yazısı, tur ve hizmet detayları, voucher detayı, Hakkımızda, Şirket belgeleri ve İletişim aynı banner'ı kullanır. */
/* Eski katmanlardaki ikiye bölünmüş (koyu panel + fotoğraf) düzenin ve sayfa başına yüksekliklerin hepsinin üstüne yazar. */
:root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero){position:relative;display:flex;flex-direction:row;align-items:center;min-height:clamp(236px,20vw,280px);height:auto;margin:0 0 24px;padding:0;border:0;border-radius:22px;overflow:hidden;isolation:isolate;background:#14120f;box-shadow:inset 0 0 0 1px #ffffff12}
:root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero)>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 45%;z-index:-2;transform:scale(1.02)}
:root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero)::after{content:"";display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0f0d0bf2 0%,#0f0d0bd6 32%,#0f0d0b80 56%,#0f0d0b14 82%),linear-gradient(0deg,#0f0d0b8c,transparent 50%)}
:root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero)>div{position:relative;z-index:1;display:grid;justify-items:start;gap:10px;width:auto;max-width:min(640px,64%);margin:0;padding:clamp(26px,3vw,42px)}
:root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero) h1{margin:0;font-size:clamp(1.85rem,2.9vw,2.6rem);line-height:1.08;letter-spacing:-.025em;color:#fff}
:root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero) h1 em{color:var(--lime,#d6b151)}
:root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero) p{max-width:520px;margin:0;font-size:.95rem;line-height:1.6;color:#ece6d9db}
:root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero) .pg-eyebrow{gap:10px;color:var(--lime,#d6b151);font-size:.6875rem;letter-spacing:.2em}
:root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero) .pg-eyebrow::before{content:"";width:22px;height:1px;background:currentColor;opacity:.8}
:root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero) .pg-actions{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 0}
:root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero) .pg-actions .pg-btn{min-height:42px;padding:0 18px;font-size:.84rem}
/* Dikey fotoğraflarda bantta görünen kısım: Antalya'da koy ve kumsal, Pamukkale'de travertenler. */
:root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero)>img[src$="/antalya.jpg"]{object-position:center 76%}
:root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero)>img[src$="/pamukkale.jpg"]{object-position:center 68%}
/* İletişim: düğme ve fotoğraf etiketi banta uyar */
:root:root body .pg .contact-premium-hero .contact-hero-copy>.pg-btn{min-height:42px;margin-top:6px;padding:0 8px 0 18px;font-size:.84rem}
:root:root body .pg .contact-premium-hero>img{position:absolute;order:0;height:100%}
:root:root body .pg .contact-premium-hero .contact-image-label{position:absolute;right:18px;bottom:16px;z-index:1}
@media (max-width:760px){:root:root body .pg .contact-premium-hero .contact-image-label{display:none}}
/* Hizmetlerimiz: iletişim kanalları ve güven maddeleri de aynı alçak bantta */
:root:root body .pg .svc-hero-v2>div{gap:9px}
:root:root body .pg .svc-hero-v2 .channel-row{margin:4px 0 0;gap:8px}
:root:root body .pg .svc-hero-v2 .channel-row .channel{min-height:40px;padding:0 14px;font-size:.82rem}
:root:root body .pg .svc-hero-v2 .svc-trust{margin:2px 0 0;gap:4px 14px;font-size:.76rem}
@media (prefers-reduced-motion:no-preference){
  :root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero)>img{animation:rc-hero-in 1.1s cubic-bezier(.2,.8,.2,1) both}
  :root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero)>div{animation:rc-hero-copy .7s .1s cubic-bezier(.2,.8,.2,1) both}
}
@keyframes rc-hero-in{from{transform:scale(1.08);opacity:.55}to{transform:scale(1.02);opacity:1}}
@keyframes rc-hero-copy{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
@media (max-width:760px){
  :root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero){align-items:flex-end;min-height:240px;border-radius:18px;margin-bottom:20px}
  :root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero)::after{background:linear-gradient(0deg,#0f0d0bf5 0%,#0f0d0bd1 45%,#0f0d0b99 80%,#0f0d0b8c 100%)}
  :root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero)>div{max-width:none;padding:22px 20px}
  :root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero) h1{font-size:clamp(1.65rem,7.4vw,2.05rem)}
  :root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero) p{font-size:.88rem;line-height:1.55}
  :root:root:root body main :is(.pg-hero,.contact-premium-hero,.service-detail-head,.tour-hero,.vd-hero,.ab-hero,.company-documents-hero,.day-detail-hero) .pg-actions .pg-btn{min-height:40px;padding:0 16px}
}

/* ---------- 2. Kartlar: fareyle üzerine gelince hafif büyür ve kenarı vurgulanır ---------- */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  :root body :is(main,.site-footer) :is(.tour-card,.offer,.svc-item,.post-card,.post-feature,.region-activity,.route-card,.route-other,.review-card,.feat,.feature-card,.svc-tile,.info-links>a,.quick-links>a,.insta-tile,.contact-card,.company-document,.vip-vehicle,.region-service,.pg-card.offer){transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}
  :root body :is(main,.site-footer) :is(.tour-card,.offer,.svc-item,.post-card,.region-activity,.route-card,.review-card,.feat,.feature-card,.svc-tile,.info-links>a,.quick-links>a,.insta-tile,.contact-card,.company-document,.vip-vehicle,.region-service):hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 34px #00000024;border-color:color-mix(in srgb,var(--accent-strong,#c6a858) 65%,var(--line));z-index:1}
  :root body main .post-feature:hover{transform:translateY(-3px) scale(1.008);box-shadow:0 16px 34px #00000024}
  /* Yatay kayan şeritler büyüyen kartı kesmesin. */
  :root body main :is(.tour-track,.reviews-track,.insta-grid){padding-top:12px;margin-top:-8px}
}

/* ---------- 3. Tıklanabilir öğe vurgusu: düğme, etiket, menü ve bağlantılar ---------- */
@media (hover:hover) and (pointer:fine){
  :root body :is(.pg-btn,.button,.chip,.channel,.rail-btn,.icon-button,.login-button,.header-cta,.menu-toggle,.view-btn,.choice,.svc-ch,.svc-more,.travel-card-cta,.rc-popup-cta,.support-toggle,.insta-controls button,.catalog-view-switch button,.service-views button,[data-catalog-layout],.lang-toggle,.theme-toggle,.route-option,.route-back,.blog-search input,.filter-field select,.filter-field input,.finder-field,.dock a,.dock button,.footer-card){transition:outline-color .2s,outline-offset .2s,filter .2s,background-color .2s,color .2s,box-shadow .2s,transform .2s}
  :root body :is(.pg-btn,.button,.chip,.channel,.rail-btn,.icon-button,.login-button,.header-cta,.menu-toggle,.view-btn,.choice,.svc-ch,.svc-more,.travel-card-cta,.rc-popup-cta,.support-toggle,.insta-controls button,.catalog-view-switch button,.service-views button,[data-catalog-layout],.lang-toggle,.theme-toggle,.route-back,.footer-card):not(:disabled):hover{outline:2px solid color-mix(in srgb,var(--lime,#d6b151) 55%,transparent);outline-offset:3px;filter:brightness(1.06)}
  :root body :is(.blog-search input,.filter-field select,.filter-field input,.finder-field):hover{outline:2px solid color-mix(in srgb,var(--lime,#d6b151) 40%,transparent);outline-offset:1px}
  /* Menü: hover’da hap şeklinde zemin yerine renk ve ince alt çizgi (aktif sayfa noktasıyla çakışmaz). */
  :root body :is(.desktop-nav>a,.desktop-nav button){transition:color .2s,text-decoration-color .2s;text-decoration:underline 2px transparent;text-underline-offset:7px}
  :root body :is(.desktop-nav>a,.desktop-nav button):hover{color:var(--lime,#d6b151);text-decoration-color:color-mix(in srgb,var(--lime,#d6b151) 70%,transparent)}
  :root body :is(.site-footer,main .prose,main .pg-card,main .rich) a:not([class]):hover{color:var(--accent-strong,#c6a858);text-decoration-color:currentColor}
  :root body :is(.footer-nav a,.footer-links a,.site-footer nav a):hover{color:var(--lime,#d6b151)}
}

/* ---------- 4. Instagram: tam genişlikteki renkli bant kaldırıldı, boşluklar azaldı ---------- */
:root main .home-insta{width:auto;max-width:none;margin-left:0;margin-right:0;margin-top:clamp(24px,4vw,48px);padding:clamp(18px,2.6vw,32px) 0;background:transparent;border:0;box-shadow:none}
:root main .home-insta .pg-section-head{margin-bottom:18px}
:root .insta-section{background:transparent}

/* ---------- 5. Kart genişlikleri: tur şeritleri ve bölge sayfası ---------- */
:root main .tour-track>.tour-card{flex-basis:calc((100% - 64px)/5)}
main[data-page=agency] .agency-tour-rail .tour-track>.tour-card{flex-basis:calc((100% - 96px)/5)}
main[data-page=region] .pg-grid.three:has(.region-activity){grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:16px}
main[data-page=region] .region-activity>img{height:150px}
@media (max-width:1240px){:root main .tour-track>.tour-card,main[data-page=agency] .agency-tour-rail .tour-track>.tour-card{flex-basis:calc((100% - 48px)/4)}}
@media (max-width:1000px){:root main .tour-track>.tour-card,main[data-page=agency] .agency-tour-rail .tour-track>.tour-card{flex-basis:calc((100% - 32px)/3)}}
@media (max-width:760px){:root main .tour-track>.tour-card,main[data-page=agency] .agency-tour-rail .tour-track>.tour-card{flex-basis:calc((100% - 16px)/1.7)}}

/* ---------- 6. Hizmetlerimiz: görünüm (ızgara / liste) düğmeleri sağda ---------- */
.svc-page .catalog-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:0 0 14px}
.svc-page .catalog-toolbar .catalog-count{margin:0 auto 0 0;color:var(--muted);font-size:.875rem}
.svc-page .catalog-toolbar .service-views{margin-left:auto}

/* ---------- 7. Kart içi ok ve düğmeler: tek, tutarlı hover hareketi ---------- */
/* Eski iki kural çakışıyordu (kare altın zemin + döndürme + yuvarlak ok çerçevesi). Artık sadece yuvarlak ok altınla dolar. */
:root body .feature-card .feature-arrow,:root body .feature-card:hover .feature-arrow{background:none;border:0;transform:none;width:auto;height:auto}
:root body :is(.feature-card,.footer-card,.quick-links>a,.info-links>a,.region-service) .action-arrow{transition:background-color .22s,color .22s,border-color .22s,transform .22s}
@media (hover:hover) and (pointer:fine){
  :root body :is(.feature-card,.footer-card,.quick-links>a,.info-links>a,.region-service):hover .action-arrow{background:var(--lime,#d6b151);border-color:var(--lime,#d6b151);color:var(--accent-text,#171512);transform:translateX(2px)}
  /* Kart zaten büyüyüp vurgulandığı için içindeki düğmelere ayrıca halka çizilmez. */
  :root body :is(.tour-card,.offer,.svc-item,.feature-card,.post-card,.post-feature,.route-card,.company-document,.region-activity,.vip-vehicle) :is(.pg-btn,.travel-card-cta,.svc-more,.svc-ch,.choice,.company-document-download):hover{outline:none;filter:brightness(1.07)}
}

/* ---------- 8. Tur kartları (katalog, ana sayfa ve Acenteler şeritleri, bölge ve rota sayfaları): küçük ve net ---------- */
/* Fotoğraf, tek satır konum/süre, iki satır başlık, kısa açıklama; altta ince çizginin altında fiyat ve kısa düğme yan yana.
   main:not(#_) önekiyle eski katmanlardaki (sayfa ve tema bazlı) kart kurallarının hepsinin üstüne yazılır. Liste görünümü etkilenmez. */
main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer){border:1px solid var(--line);border-radius:16px;background:var(--white);overflow:hidden;box-shadow:none}
main:not(#_) :is(:not([data-layout=list])>.tour-card>.travel-card-media,.catalog-results:not([data-layout=list])>.offer>.offer-photo){position:relative;display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/10;margin:0;border-radius:0;overflow:hidden}
main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer) .travel-card-badge{top:10px;left:10px;padding:4px 9px;border-radius:999px;background:#14110dd1;color:#f4efe4;font-size:.65rem;font-weight:700;letter-spacing:.02em;line-height:1.3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
/* "Örnek program" etiketi gövdede yer kaplamaz; fotoğrafın sağ üst köşesinde durur. */
main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer) .travel-card-demo{position:absolute;top:10px;right:10px;z-index:2;display:block;margin:0;padding:4px 9px;border-radius:999px;background:#14110dbf;color:#f4efe4d9;font-size:.62rem;font-weight:600;line-height:1.3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
main:not(#_) :is(:not([data-layout=list])>.tour-card) .tour-card-body,main:not(#_) .catalog-results:not([data-layout=list])>.offer>.offer-copy{position:static;display:flex;flex-direction:column;flex:1 1 auto;gap:5px;min-width:0;margin:0;padding:12px 14px 12px}
main:not(#_) :is(:not([data-layout=list])>.tour-card) .tour-card-body{padding-bottom:0}
main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer) .travel-card-meta{display:flex;flex-wrap:nowrap;gap:10px;margin:0;overflow:hidden;font-size:.7rem;line-height:1.4;color:var(--muted)}
main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer) .travel-card-meta>span{display:inline-flex;align-items:center;gap:4px;min-width:0;white-space:nowrap}
main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer) .travel-card-location{flex:0 1 auto;overflow:hidden}
main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer) .travel-card-location>span{overflow:hidden;text-overflow:ellipsis}
main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer) .travel-card-duration{flex:0 0 auto}
main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer) .travel-card-meta .icon{width:13px;height:13px;flex:0 0 auto;color:var(--accent-strong,#c6a858)}
main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer) h3{margin:0;font-family:Manrope,sans-serif;font-size:1rem;font-weight:750;line-height:1.3;letter-spacing:-.01em;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer) .travel-card-description{margin:0;font-size:.78rem;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Alt satır: ince çizgi, solda fiyat, sağda kısa düğme */
main:not(#_) :is(:not([data-layout=list])>.tour-card) .travel-card-footer,main:not(#_) .catalog-results:not([data-layout=list])>.offer>.offer-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin:auto 0 0;padding:10px 12px 12px 14px;border:0;border-top:1px solid var(--line);background:none}
main:not(#_) :is(:not([data-layout=list])>.tour-card) .travel-card-footer{margin:auto -14px 0;padding-top:10px}
main:not(#_) :is(:not([data-layout=list])>.tour-card) .tour-card-body>:nth-last-child(2){margin-bottom:8px}
main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer) .travel-card-price{display:grid;gap:0;min-width:0}
main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer) .travel-card-price small{font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer) .travel-card-price strong{font-size:.78rem;font-weight:700;color:var(--ink);white-space:nowrap}
main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer) :is(.travel-card-cta,.offer-action-links .pg-btn){position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:4px;width:auto;min-width:0;min-height:32px;margin:0 0 0 auto;padding:0 10px 0 12px;border:0;border-radius:999px;background:var(--lime,#d6b151);color:var(--accent-text,#171512);box-shadow:none;font-size:.72rem;font-weight:700;line-height:1;white-space:nowrap}
main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer) :is(.travel-card-cta,.offer-action-links .pg-btn) .action-arrow{flex:0 0 auto;width:14px;height:14px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transition:transform .2s}
main:not(#_) .catalog-results:not([data-layout=list])>.offer .offer-action-links{display:flex;flex:0 0 auto;width:auto;margin:0 0 0 auto;padding:0}
@media (hover:hover) and (pointer:fine){
  main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer):hover :is(.travel-card-cta,.offer-action-links .pg-btn) .action-arrow{transform:translateX(3px)}
}
/* Izgara: daha dar kartlar (geniş ekranda 5–6 sütun) */
main:not(#_) .catalog-results[data-layout=grid]{grid-template-columns:repeat(auto-fill,minmax(214px,1fr));gap:16px}
@media (max-width:600px){
  main:not(#_) .catalog-results[data-layout=grid]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  main:not(#_) :is(:not([data-layout=list])>.tour-card) .tour-card-body,main:not(#_) .catalog-results:not([data-layout=list])>.offer>.offer-copy{padding:10px 11px 10px;gap:4px}
  main:not(#_) :is(:not([data-layout=list])>.tour-card) .tour-card-body{padding-bottom:0}
  main:not(#_) :is(:not([data-layout=list])>.tour-card) .travel-card-footer{margin-left:-11px;margin-right:-11px}
  main:not(#_) :is(:not([data-layout=list])>.tour-card) .travel-card-footer,main:not(#_) .catalog-results:not([data-layout=list])>.offer>.offer-actions{padding:9px 11px 10px;gap:6px}
  main:not(#_) :is(:not([data-layout=list])>.tour-card,.catalog-results:not([data-layout=list])>.offer) h3{font-size:.92rem}
  main:not(#_) .catalog-results:not([data-layout=list])>:is(.tour-card,.offer) .travel-card-description{-webkit-line-clamp:2;font-size:.74rem}
  main:not(#_) .catalog-results:not([data-layout=list])>:is(.tour-card,.offer) .travel-card-price small{display:none}
  /* Dar iki sütunda: konum ve süre alt alta, düğme fiyatın altında tam genişlik */
  main:not(#_) .catalog-results:not([data-layout=list])>:is(.tour-card,.offer) .travel-card-meta{flex-direction:column;gap:2px}
  main:not(#_) .catalog-results:not([data-layout=list])>:is(.tour-card,.offer) .travel-card-location{flex:0 0 auto;max-width:100%}
  main:not(#_) .catalog-results:not([data-layout=list])>:is(.tour-card) .travel-card-footer,main:not(#_) .catalog-results:not([data-layout=list])>.offer>.offer-actions{flex-direction:column;align-items:stretch}
  main:not(#_) .catalog-results:not([data-layout=list])>.offer .offer-action-links{margin:0;width:100%}
  main:not(#_) .catalog-results:not([data-layout=list])>:is(.tour-card,.offer) :is(.travel-card-cta,.offer-action-links .pg-btn){width:100%;min-height:34px;margin:0;padding:0 10px;font-size:.72rem}
}
@media (max-width:360px){main:not(#_) .catalog-results[data-layout=grid]{grid-template-columns:1fr}}

/* ---------- 9. Voucher “Ek deneyimler”: daha küçük kartlar ---------- */
:root main .extra-tiles>.extra-tile{flex:0 0 calc((100% - 70px)/6);aspect-ratio:4/5;border-radius:16px}
:root main .extra-tile strong{left:12px;right:10px;bottom:12px;font-size:.9rem}
@media (max-width:1150px){:root main .extra-tiles>.extra-tile{flex-basis:calc((100% - 42px)/4)}}
@media (max-width:700px){:root main .extra-tiles>.extra-tile{flex-basis:38%}}
@media (max-width:420px){:root main .extra-tiles>.extra-tile{flex-basis:44%}}

/* ---------- 10. Voucher sayfası: bölümler ve başlıklar kenara yapışmaz ---------- */
/* Voucher sayfası tam genişlikte bölümlerden oluşur (main .pg değildir); yan boşluk üst bölümdeki yazı hizasına yaklaşır. */
:root{--page-gutter:clamp(20px,5.8vw,88px)}
:root body main#main:not(.pg) :is(.section,.partner-wrap){padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
:root body main#main:not(.pg)>.home-insta{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
/* Instagram başlığı ve kareleri diğer bölümlerle aynı içerik genişliğinde (1440 px) ve aynı hizada. */
:root body main#main:not(.pg)>.home-insta :is(.pg-section-head,.insta-grid,.insta-controls){max-width:1440px;margin-left:auto;margin-right:auto}
/* Kenara taşan yatay şeritler yeni boşluğa göre hizalanır. */
@media (max-width:600px){:root body main#main:not(.pg) .extra-tiles{margin-left:calc(var(--page-gutter) * -1);margin-right:calc(var(--page-gutter) * -1);padding-left:var(--page-gutter);padding-right:var(--page-gutter);scroll-padding-left:var(--page-gutter)}}
:root body main#main:not(.pg)>.journey-cta{box-sizing:border-box;width:auto;margin-left:var(--page-gutter);margin-right:var(--page-gutter);border-radius:24px}

/* ---------- 11. Hizmetlerimiz: "İncele" düğmesinin yazısı fareyle üstüne gelince kaybolmaz ---------- */
/* Koyu temadaki altın yazı rengi altın zeminle birleşiyordu. */
main:not(#_) .svc-list:not([data-layout=list]) .svc-more:hover{background:var(--lime,#d6b151);color:var(--accent-text,#171512);transform:translateX(2px)}

/* ---------- 12. Voucher: gün gün program kartları ---------- */
/* Şehir fotoğrafı, gün numarası ve başlık; üstüne gelince (klavye odağında da) günün özeti, konaklama ve yemek planı açılır. */
:root body .voucher-program-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0}
:root body .voucher-program-preview .vday{position:relative;isolation:isolate;display:block;height:272px;margin:0;padding:0;border:1px solid #ffffff17;border-radius:18px;overflow:hidden;background:#14120f;color:#fff;box-shadow:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
:root body .voucher-program-preview .vday-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
:root body .voucher-program-preview .vday::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0f0d0b73 0%,#0f0d0b14 32%,#0f0d0bb8 64%,#0f0d0bf2 100%);transition:opacity .4s}
:root body .voucher-program-preview .vday::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0f0d0bb3 0%,#0f0d0be6 40%,#0f0d0bfa 100%);opacity:0;transition:opacity .4s}
:root body .voucher-program-preview .vday-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px 16px 0;transition:opacity .3s,transform .4s}
:root body .voucher-program-preview .vday-no{font-family:Manrope,sans-serif;font-size:2.5rem;font-weight:800;line-height:.9;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.2px #f4efe4d9;text-shadow:none}
:root body .voucher-program-preview .vday-city{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:#14110dc7;color:#f4efe4;font-size:.7rem;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
:root body .voucher-program-preview .vday-city .icon{width:12px;height:12px;color:var(--lime,#d6b151)}
:root body .voucher-program-preview .vday-body{position:absolute;left:0;right:0;bottom:0;display:grid;gap:4px;padding:0 16px 16px}
:root body .voucher-program-preview .vday-label{display:block;margin:0;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lime,#d6b151)}
:root body .voucher-program-preview .vday h3{margin:0;font-family:Manrope,sans-serif;font-size:1.02rem;font-weight:750;line-height:1.3;letter-spacing:-.01em;color:#fff}
:root body .voucher-program-preview .vday h3 a{color:inherit;text-decoration:none}
/* Kartın tamamı programa gider. */
:root body .voucher-program-preview .vday h3 a::after{content:"";position:absolute;inset:0;z-index:3}
:root body .voucher-program-preview .vday h3 a:focus-visible{outline:none}
:root body .voucher-program-preview .vday:has(h3 a:focus-visible){outline:2px solid var(--lime,#d6b151);outline-offset:3px}
:root body .voucher-program-preview .vday-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}
:root body .voucher-program-preview .vday-detail>div{min-height:0;overflow:hidden;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .4s}
/* service-refresh.css'teki "!important" satır yüksekliğinin üstüne yazar. */
:root body .voucher-program-preview .vday-detail p{margin:8px 0 0;font-size:.8rem!important;line-height:1.5!important;color:#ece6d9db;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
:root body .voucher-program-preview .vday-detail ul{display:grid;gap:6px;margin:10px 0 0;padding:10px 0 0;border-top:1px solid #ffffff21;list-style:none}
:root body .voucher-program-preview .vday-detail li{display:flex;align-items:flex-start;gap:8px;margin:0;padding:0;font-size:.76rem;line-height:1.35;color:#f4efe4}
:root body .voucher-program-preview .vday-detail li .icon{flex:0 0 auto;width:14px;height:14px;margin-top:2px;color:var(--lime,#d6b151)}
:root body .voucher-program-preview .vday-detail li small{display:block;font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f4efe48c}
:root body .voucher-program-preview .vday-more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:.76rem;font-weight:700;color:var(--lime,#d6b151)}
:root body .voucher-program-preview .vday-more .action-arrow{flex:0 0 auto;width:14px;height:14px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transition:transform .2s}
/* Açık hâl: fareyle üstüne gelince veya klavye odağında */
:root body .voucher-program-preview .vday:is(:hover,:focus-within){transform:translateY(-4px);border-color:color-mix(in srgb,var(--lime,#d6b151) 55%,transparent);box-shadow:0 20px 40px #00000059}
:root body .voucher-program-preview .vday:is(:hover,:focus-within) .vday-photo{transform:scale(1.07)}
:root body .voucher-program-preview .vday:is(:hover,:focus-within)::before{opacity:1}
:root body .voucher-program-preview .vday:is(:hover,:focus-within) .vday-top{opacity:0;transform:translateY(-6px)}
:root body .voucher-program-preview .vday:is(:hover,:focus-within) .vday-detail{grid-template-rows:1fr}
:root body .voucher-program-preview .vday:is(:hover,:focus-within) .vday-detail>div{opacity:1;transform:none}
:root body .voucher-program-preview .vday:is(:hover,:focus-within) .vday-more .action-arrow{transform:translateX(3px)}
/* Dokunmatik ekranda üstüne gelme yok: özet her zaman açık, kart içeriğe göre uzar. */
@media (hover:none){
  :root body .voucher-program-preview .vday{height:auto;min-height:300px;display:flex;flex-direction:column;justify-content:space-between}
  :root body .voucher-program-preview .vday::before{opacity:.75}
  :root body .voucher-program-preview .vday-body{position:relative;padding-top:60px}
  :root body .voucher-program-preview .vday-detail{grid-template-rows:1fr}
  :root body .voucher-program-preview .vday-detail>div{opacity:1;transform:none}
  :root body .voucher-program-preview .vday:is(:hover,:focus-within) .vday-top{opacity:1;transform:none}
}
@media (max-width:1100px){:root body .voucher-program-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Telefonda kartlar yatay kayan bir şerit olur. */
@media (max-width:700px){
  :root body .voucher-program-preview{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;gap:12px;overflow-x:auto;margin:22px calc(var(--page-gutter) * -1);padding:4px var(--page-gutter) 10px;scroll-snap-type:x mandatory;scroll-padding:0 var(--page-gutter);scrollbar-width:none}
  :root body .voucher-program-preview::-webkit-scrollbar{display:none}
  :root body .voucher-program-preview .vday{scroll-snap-align:start}
}
@media (prefers-reduced-motion:reduce){
  :root body .voucher-program-preview :is(.vday,.vday-photo,.vday-top,.vday-detail,.vday-detail>div,.vday::before){transition:none}
}

/* ---------- 13. Voucher: dört bölge kartı (Antalya, Pamukkale, Kapadokya, Ege) ---------- */
:root body main#main:not(.pg) .destinations .destination-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
:root body main#main:not(.pg) .destinations .destination-card{height:clamp(300px,25vw,360px)}
@media (max-width:1000px){
  :root body main#main:not(.pg) .destinations .destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root body main#main:not(.pg) .destinations .destination-card{height:280px}
}
@media (max-width:600px){
  :root body main#main:not(.pg) .destinations .destination-grid{gap:10px}
  :root body main#main:not(.pg) .destinations .destination-card{height:220px}
}

/* ---------- 14. Voucher: hediye kartı alanı kompakt (büyük zemin kutusu küçüldü) ---------- */
@media (min-width:901px){
  :root body main#main:not(.pg) .experience.story-top{grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(40px,6vw,96px)}
}
:root body main#main:not(.pg) .story-top .voucher-stage{justify-self:end;width:100%;max-width:460px;padding:18px 20px 14px;border-radius:18px}
:root body main#main:not(.pg) .story-top .voucher-card{margin:12px 4px 16px}
@media (max-width:900px){:root body main#main:not(.pg) .story-top .voucher-stage{justify-self:center}}

/* ---------- 15. Hizmetlerimiz: havalimanı paketleri (Premium, Elite, Comfort) ---------- */
/* Görünüm (ızgara / liste) düğmeleri listenin sağ üstünde. */
main:not(#_) .svc-page .service-views{display:flex;float:none;width:max-content;margin:0 0 16px auto}
/* Izgara: üç sütunlu paket kartları; ilk paket (en kapsamlı) koyu zemin ve altın çerçeveyle öne çıkar. */
main:not(#_) .svc-page .svc-list:not([data-layout=list]){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px;margin:0;border:0}
main:not(#_) .svc-page .svc-package{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;margin:0;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--white);overflow:hidden;box-shadow:none}
main:not(#_) .svc-page .svc-package .svc-item-media{position:relative;display:block;width:100%;height:auto;aspect-ratio:16/9;margin:0;border-radius:0;overflow:hidden}
main:not(#_) .svc-page .svc-package .svc-item-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
main:not(#_) .svc-page .svc-package:hover .svc-item-media img{transform:scale(1.05)}
main:not(#_) .svc-page .svc-package .svc-item-no{position:absolute;top:14px;left:14px;z-index:1;display:inline-block;padding:5px 11px;border-radius:999px;background:#14110dd1;color:#f4efe4;font-size:.66rem;font-weight:800;letter-spacing:.16em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
main:not(#_) .svc-page .svc-package .svc-item-main{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-width:0;padding:20px 22px 6px}
main:not(#_) .svc-page .svc-package h3{margin:0;font-family:Manrope,sans-serif;font-size:1.35rem;font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}
main:not(#_) .svc-page .svc-package h3 a{color:inherit;text-decoration:none}
main:not(#_) .svc-page .svc-package h3 a::after{content:"";position:absolute;inset:0;z-index:1}
main:not(#_) .svc-page .svc-package .svc-item-main>p{margin:0;font-size:.9rem;line-height:1.55;color:var(--muted);display:block;-webkit-line-clamp:unset;overflow:visible}
main:not(#_) .svc-page .svc-features{display:grid;gap:8px;margin:6px 0 0;padding:14px 0 0;border-top:1px solid var(--line);list-style:none}
main:not(#_) .svc-page .svc-features li{display:flex;align-items:flex-start;gap:9px;margin:0;font-size:.86rem;line-height:1.4;color:var(--ink)}
main:not(#_) .svc-page .svc-features .ui-icon{flex:0 0 auto;width:18px;height:18px;padding:3px;border-radius:50%;background:color-mix(in srgb,var(--lime,#d6b151) 22%,transparent);color:var(--accent-strong,#a8862f)}
main:not(#_) .svc-page .svc-package .svc-item-actions{position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:16px 22px 20px;border:0}
main:not(#_) .svc-page .svc-package .svc-more{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px 0 18px;border-radius:999px;background:var(--lime,#d6b151);color:var(--accent-text,#171512);font-size:.84rem;font-weight:700;text-decoration:none;transform:none}
main:not(#_) .svc-page .svc-package .svc-more:hover{background:var(--lime,#d6b151);color:var(--accent-text,#171512)}
main:not(#_) .svc-page .svc-package .svc-more .action-arrow{width:16px;height:16px;margin:0;padding:0;border:0;background:none;transition:transform .2s}
main:not(#_) .svc-page .svc-package:hover .svc-more .action-arrow{transform:translateX(3px)}
main:not(#_) .svc-page .svc-package .svc-quote{display:inline-flex;align-items:center;min-height:42px;padding:0 4px;font-size:.84rem;font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--lime,#d6b151) 70%,transparent);text-underline-offset:5px}
main:not(#_) .svc-page .svc-package .svc-quote:hover{color:var(--accent-strong,#a8862f)}
/* Öne çıkan ilk paket: koyu zemin, altın çerçeve ve başlık */
main:not(#_) .svc-page .svc-package:first-child{border-color:color-mix(in srgb,var(--lime,#d6b151) 70%,transparent);background:linear-gradient(160deg,#1d1a15,#121110);box-shadow:0 18px 40px #0000002e}
main:not(#_) .svc-page .svc-package:first-child h3{color:var(--lime,#d6b151)}
main:not(#_) .svc-page .svc-package:first-child :is(.svc-item-main>p,.svc-features li,.svc-quote){color:#ece6d9}
main:not(#_) .svc-page .svc-package:first-child .svc-features{border-top-color:#ffffff1f}
main:not(#_) .svc-page .svc-package:first-child .svc-features .ui-icon{color:var(--lime,#d6b151)}
main:not(#_) .svc-page .svc-package:first-child .svc-item-no{background:var(--lime,#d6b151);color:#171512}
/* Liste görünümü: fotoğraf solda, içerik ortada, düğmeler sağda */
main:not(#_) .svc-page .svc-list[data-layout=list]{display:grid;grid-template-columns:1fr;gap:14px;border:0}
main:not(#_) .svc-page .svc-list[data-layout=list] .svc-package{display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr) auto;align-items:stretch;padding:0;border-radius:18px;border-bottom:1px solid var(--line)}
main:not(#_) .svc-page .svc-list[data-layout=list] .svc-package:first-child{border-color:color-mix(in srgb,var(--lime,#d6b151) 70%,transparent)}
main:not(#_) .svc-page .svc-list[data-layout=list] .svc-package .svc-item-media{width:auto;height:100%;min-height:200px;aspect-ratio:auto}
main:not(#_) .svc-page .svc-list[data-layout=list] .svc-package .svc-item-no{display:inline-block}
main:not(#_) .svc-page .svc-list[data-layout=list] .svc-package .svc-item-main{padding:20px 22px;justify-content:center}
main:not(#_) .svc-page .svc-list[data-layout=list] .svc-features{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
main:not(#_) .svc-page .svc-list[data-layout=list] .svc-package .svc-item-actions{flex-direction:column;align-items:flex-end;justify-content:center;padding:20px 22px}
@media (max-width:900px){
  main:not(#_) .svc-page .svc-list[data-layout=list] .svc-package{grid-template-columns:minmax(0,1fr)}
  main:not(#_) .svc-page .svc-list[data-layout=list] .svc-package .svc-item-media{min-height:0;aspect-ratio:16/9;height:auto}
  main:not(#_) .svc-page .svc-list[data-layout=list] .svc-features{grid-template-columns:1fr}
  main:not(#_) .svc-page .svc-list[data-layout=list] .svc-package .svc-item-actions{flex-direction:row;align-items:center;justify-content:space-between;padding-top:0}
}
@media (max-width:600px){
  main:not(#_) .svc-page .svc-package h3{font-size:1.2rem}
  main:not(#_) .svc-page .svc-package .svc-item-main{padding:18px 18px 4px}
  main:not(#_) .svc-page .svc-package .svc-item-actions{padding:14px 18px 18px}
}

/* ---------- 16. Panelden yüklenen logo: küçük logo işaretleri ve silik filigranlar da aynı logoyu kullanır ---------- */
/* --brand-logo, supabase.js / app.js tarafından site ayarlarındaki logoyla doldurulur; yoksa varsayılan logo kalır. */
/* :root:root:root, koyu temadaki (:root[data-theme=dark]) aynı kuralların önüne geçer. */
:root:root:root body .tiny-star,:root:root:root body .cta-star,:root:root:root body .activation-head::after,:root:root:root body .partner-form::before{background-image:var(--brand-logo,url(assets/rc-logo.png))}

/* ---------- 17. Blog: yazı sayısı arama satırının sağında küçük rozet ---------- */
:root body main .blog-tools{margin-bottom:24px}
:root body main .blog-tools .blog-count{flex:0 0 auto;margin:0 0 0 auto;padding:6px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.78rem;font-weight:600;white-space:nowrap}
@media (max-width:640px){:root body main .blog-tools .blog-count{margin-left:0}}

/* ---------- 18. Sayfa yolu (ör. Hizmetlerimiz / Comfort Paket): öğeler aynı hizada ---------- */
:root body main .detail-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 24px;font-size:.8rem;line-height:1.3;color:var(--muted)}
:root body main .detail-breadcrumb>*{display:inline-flex;align-items:center;min-height:32px;padding:0}
:root body main .detail-breadcrumb a{color:var(--muted);text-decoration:none}
:root body main .detail-breadcrumb a:hover{color:var(--accent-strong,#a8862f)}
:root body main .detail-breadcrumb>span:last-child{color:var(--ink);font-weight:600}

/* ---------- 19. Bölge sayfası: turlar Turlar sayfasıyla aynı kartlarda ---------- */
main[data-page=region] .region-tours{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,224px),1fr));gap:16px;align-items:stretch}
main[data-page=region] .region-tours>.tour-card{display:flex;flex-direction:column;height:100%;min-width:0;color:inherit;text-decoration:none;cursor:pointer}
main[data-page=region] .region-tours>.tour-card .travel-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
main[data-page=region] .region-tours>.tour-card:hover .travel-card-media img{transform:scale(1.05)}
@media (max-width:600px){main[data-page=region] .region-tours{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media (max-width:360px){main[data-page=region] .region-tours{grid-template-columns:1fr}}

/* ---------- 20. Tur bilgi penceresi (bölge sayfasında karta tıklayınca) ---------- */
html.tour-quick-open{overflow:hidden}
dialog.tour-quick{position:fixed;inset:0;width:min(940px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--white);color:var(--ink);box-shadow:0 30px 80px #0000005c}
dialog.tour-quick::backdrop{background:#0b0a09c2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
dialog.tour-quick[open]{display:block;animation:tour-quick-in .35s cubic-bezier(.2,.8,.2,1)}
@keyframes tour-quick-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.tour-quick-close{position:absolute;top:14px;right:14px;z-index:3;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#14110dcc;color:#f4efe4;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.tour-quick-close:hover{background:var(--lime,#d6b151);color:#171512}
.tour-quick-close .ui-icon{width:20px;height:20px}
.tour-quick-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);max-height:calc(100dvh - 48px)}
.tour-quick-media{position:relative;margin:0;min-height:420px;background:#14120f}
.tour-quick-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tour-quick-media::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(0deg,#0f0d0bcc,transparent)}
.tour-quick-media figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:flex;align-items:center;gap:7px;color:#f4efe4;font-size:.82rem;font-weight:700}
.tour-quick-media figcaption .icon{width:15px;height:15px;color:var(--lime,#d6b151)}
.tour-quick-copy{display:flex;flex-direction:column;gap:12px;min-width:0;padding:34px 30px 26px;overflow-y:auto;overscroll-behavior:contain}
.tour-quick-copy .pg-eyebrow{color:var(--accent-strong,#a8862f)}
.tour-quick-copy h2{margin:0;padding-right:36px;font:800 clamp(1.5rem,2.4vw,1.95rem)/1.15 Manrope,sans-serif;letter-spacing:-.03em;color:var(--ink)}
.tour-quick-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.tour-quick-meta li{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;font-size:.78rem;font-weight:600;color:var(--ink)}
.tour-quick-meta .icon{width:14px;height:14px;color:var(--accent-strong,#a8862f)}
.tour-quick-lead{margin:0;font-size:.98rem;font-weight:500;line-height:1.6;color:var(--ink)}
.tour-quick-detail{color:var(--muted);font-size:.88rem;line-height:1.7}
.tour-quick-detail p{margin:0 0 10px}
.tour-quick-included{display:grid;gap:8px;margin:2px 0 0;padding:14px 0 0;border-top:1px solid var(--line);list-style:none}
.tour-quick-included li{display:flex;align-items:flex-start;gap:9px;font-size:.88rem;line-height:1.4}
.tour-quick-included .ui-icon{flex:0 0 auto;width:18px;height:18px;padding:3px;border-radius:50%;background:color-mix(in srgb,var(--lime,#d6b151) 22%,transparent);color:var(--accent-strong,#a8862f)}
.tour-quick-actions{display:grid;gap:8px;margin-top:auto;padding-top:14px}
.tour-quick-actions small{color:var(--muted);font-size:.78rem;font-weight:600}
.tour-quick-actions .channel-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.tour-quick-actions .channel{justify-content:center;min-height:46px}
@media (max-width:760px){
  dialog.tour-quick{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:20px;overflow-y:auto}
  .tour-quick-layout{grid-template-columns:1fr;max-height:none}
  .tour-quick-media{min-height:0;aspect-ratio:16/10}
  .tour-quick-copy{padding:22px 18px 20px;overflow:visible}
}
@media (prefers-reduced-motion:reduce){dialog.tour-quick[open]{animation:none}}

/* ---------- 21. Voucher detay: “Yolculuğunuza bir deneyim daha ekleyin” şehir kartları ---------- */
/* Fotoğraf üstte, şehir adı ve kısa açıklama altta; dört şehir tek sırada. */
main:not(#_) .vd-cities{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
main:not(#_) .vd-city-card{position:relative;display:flex;flex-direction:column;align-items:stretch;min-height:0;border:1px solid var(--line);border-radius:18px;background:var(--white);color:var(--ink);overflow:hidden;isolation:auto;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
main:not(#_) .vd-city-card::after{display:none}
main:not(#_) .vd-city-card>img{position:relative;inset:auto;z-index:auto;display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
main:not(#_) .vd-city-card>div{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;width:auto;padding:16px 18px 16px;background:var(--white);position:relative;z-index:1}
main:not(#_) .vd-city-card h3{margin:0;font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
main:not(#_) .vd-city-card p{margin:0;font-size:.86rem;line-height:1.55;color:var(--muted)}
main:not(#_) .vd-city-card .vd-text-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin-top:auto;padding:10px 0 0;border:0;color:var(--ink);font-size:.82rem;font-weight:700;text-decoration:none}
main:not(#_) .vd-city-card .vd-text-link .action-arrow,main:not(#_) .vd-city-card .vd-text-link svg{width:16px;height:16px;padding:0;border:0;color:var(--accent-strong,#a8862f);transition:transform .2s}
@media (hover:hover) and (pointer:fine){
  main:not(#_) .vd-city-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--lime,#d6b151) 60%,var(--line));box-shadow:0 16px 34px #00000026}
  main:not(#_) .vd-city-card:hover>img{transform:scale(1.05)}
  main:not(#_) .vd-city-card:hover .vd-text-link svg{transform:translateX(3px)}
}
@media (max-width:600px){main:not(#_) .vd-cities{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}main:not(#_) .vd-city-card>div{padding:12px 12px 12px}main:not(#_) .vd-city-card h3{font-size:1.05rem}main:not(#_) .vd-city-card p{font-size:.8rem}}

/* ---------- 22. Standart banner içinde sayfaya özel parçalar ---------- */
/* Etiketler (süre, rota) koyu banner üzerinde açık renkli */
:root:root:root body main :is(.pg-hero,.service-detail-head,.tour-hero,.vd-hero,.day-detail-hero,.ab-hero) :is(.pill,.ab-pillars li){display:inline-flex;align-items:center;min-height:28px;padding:4px 11px;border:1px solid #ffffff38;border-radius:999px;background:#ffffff14;color:#f4efe4;font-size:.74rem;font-weight:700}
:root:root:root body main :is(.tour-hero,.day-detail-hero,.ab-hero) :is(.pills,.ab-pillars){display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none}
/* Hakkımızda: merkez ofis etiketi sağ altta; slogan banner’da gösterilmez */
:root:root:root body main .ab-hero>.ab-office{position:absolute;top:auto;right:18px;bottom:16px;left:auto;z-index:1;display:inline-flex;align-items:center;gap:8px;width:auto;max-width:none;margin:0;padding:8px 12px;border:1px solid #ffffff2e;border-radius:12px;background:#14110dcc;color:#f4efe4;animation:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
:root:root:root body main .ab-hero>.ab-office small{display:block;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
:root:root:root body main .ab-hero>.ab-office strong{font-size:.85rem}
:root:root:root body main .ab-hero>.ab-tagline{display:none}
/* Günübirlik tur detayı: fotoğraf çerçevesi banner’ın arka planı olur */
:root:root:root body main .day-detail-hero>.day-detail-media{position:absolute;inset:0;z-index:-2;width:auto;height:auto;min-height:0;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:#14120f;box-shadow:none;aspect-ratio:auto;overflow:hidden}
:root:root:root body main .day-detail-hero>.day-detail-media .day-detail-backdrop{display:none}
:root:root:root body main .day-detail-hero>.day-detail-media .day-detail-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:cover;border:0;border-radius:0;box-shadow:none;transform:none}
:root:root:root body main .day-detail-hero>.day-detail-media figcaption{position:absolute;top:auto;right:18px;bottom:16px;left:auto;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#14110dcc;color:#f4efe4;font-size:.74rem;font-weight:700}
:root:root:root body main .day-detail-hero .day-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:6px 0 0}
:root:root:root body main .day-detail-hero .day-detail-actions .pg-btn{min-height:42px;padding:0 18px;font-size:.84rem}
:root:root:root body main .day-detail-hero .day-program-link{color:#f4efe4}
/* Tur, hizmet ve voucher detayındaki düğmeler banner ölçüsünde */
:root:root:root body main :is(.tour-hero,.service-detail-head,.vd-hero) .pg-btn{min-height:42px;padding:0 18px;font-size:.84rem}
@media (max-width:760px){
  :root:root:root body main .ab-hero>.ab-office,:root:root:root body main .day-detail-hero>.day-detail-media figcaption{display:none}
}
:root:root:root body main .company-documents-hero{width:auto;max-width:none}
/* Hakkımızda .pg kapsayıcısı dışında: banner kendi kenar boşluğuyla ortalanır. */
:root:root:root body main .ab-hero{width:calc(100% - 48px);max-width:var(--page,1290px);margin-left:auto;margin-right:auto}
@media (max-width:600px){:root:root:root body main .ab-hero{width:calc(100% - 24px)}}

/* ---------- 23. İletişim: WhatsApp / Telegram / Instagram / E-posta kartları ---------- */
/* Marka renginde dolu simge, üstte ince marka çizgisi, solda ad ve kullanıcı adı, altta marka renginde dolan düğme. */
main:not(#_) .premium-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}
main:not(#_) .premium-channels .contact-card{--brand:#25d366;--brand-ink:#0f5c2e;--brand-line:var(--brand);position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-areas:'icon name' 'icon handle' 'action action';align-items:center;column-gap:16px;row-gap:2px;padding:24px 22px 22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--brand) 12%,transparent),transparent 58%),var(--white);color:var(--ink);text-align:left;text-decoration:none;overflow:hidden;box-shadow:none;cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
main:not(#_) .premium-channels .contact-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--brand-line)}
main:not(#_) .premium-channels .contact-tg{--brand:#2aabee;--brand-ink:#0d5a86}
main:not(#_) .premium-channels .contact-ig{--brand:#d6297a;--brand-ink:#8f1d55;--brand-line:linear-gradient(90deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}
main:not(#_) .premium-channels .contact-email{--brand:#c6a858;--brand-ink:#6e5418}
main:not(#_) .premium-channels .contact-icon{grid-area:icon;display:grid;place-items:center;width:56px;height:56px;margin:0;border-radius:16px;background:var(--brand);color:#fff;font-size:1.4rem;font-weight:800;box-shadow:0 10px 22px color-mix(in srgb,var(--brand) 32%,transparent)}
main:not(#_) .premium-channels .contact-ig .contact-icon{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
main:not(#_) .premium-channels .contact-icon .icon{width:27px;height:27px;color:#fff}
main:not(#_) .premium-channels .contact-card strong{grid-area:name;align-self:end;margin:0;font-family:Manrope,sans-serif;font-size:1.15rem;font-weight:800;letter-spacing:-.01em}
main:not(#_) .premium-channels .contact-card small{grid-area:handle;align-self:start;margin:0;color:var(--muted);font-family:inherit;font-size:.86rem;white-space:normal;overflow-wrap:anywhere}
main:not(#_) .premium-channels .contact-card-action{grid-area:action;display:flex;align-items:center;justify-content:space-between;gap:12px;width:auto;margin:20px 0 0;padding:12px 14px 12px 18px;border:0;border-radius:999px;background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand-ink);font-size:.86rem;font-weight:700;transition:background-color .25s,color .25s}
main:not(#_) .premium-channels .contact-card-action svg,main:not(#_) .premium-channels .contact-card-action .action-arrow{width:18px;height:18px;padding:0;border:0;background:none;transition:transform .2s}
:root[data-theme=dark] main:not(#_) .premium-channels .contact-card-action{color:color-mix(in srgb,var(--brand) 70%,#fff)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) main:not(#_) .premium-channels .contact-card-action{color:color-mix(in srgb,var(--brand) 70%,#fff)}}
@media (hover:hover) and (pointer:fine){
  main:not(#_) .premium-channels .contact-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--brand) 60%,var(--line));box-shadow:0 18px 38px color-mix(in srgb,var(--brand) 18%,transparent)}
  main:not(#_) .premium-channels .contact-card:hover .contact-card-action{background:var(--brand);color:#fff}
  main:not(#_) .premium-channels .contact-card:hover .contact-card-action svg{transform:translateX(3px)}
}
main:not(#_) .premium-channels .contact-card:focus-visible{outline:2px solid var(--brand);outline-offset:3px}

/* ---------- 24. Form korumaları ---------- */
/* Bot tuzağı alanı: ekranda ve ekran okuyucularda görünmez (aria-hidden), botlar doldurur. */
.rc-trap{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
/* Cloudflare Turnstile kutusu (anahtar tanımlıysa) */
.login-captcha{display:flex;justify-content:center;min-height:65px;margin:4px 0 2px}
.login-captcha[hidden]{display:none}
.rc-trap *{display:block!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;font-size:1px!important}

/* ---------- 25. Voucher: yatay hediye kartı (bilet) ---------- */
/* Kare kutu kalktı: kart geniş bir bilet; sağda kesik çizgili koçan. Telefonda koçan alta geçer. */
@media (min-width:901px){
  :root body main#main:not(.pg) .experience.story-top{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,72px)}
}
:root body main#main:not(.pg) .story-top .voucher-stage{justify-self:stretch;width:100%;max-width:640px;margin-left:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
:root body main#main:not(.pg) .story-top .voucher-top-label{margin:0 4px 14px;font-size:.62rem;letter-spacing:.18em;color:var(--muted)}
:root body main#main:not(.pg) .story-top .voucher-caption{justify-content:flex-start;margin:18px 4px 0;font-size:.78rem;color:var(--muted)}
:root body main#main:not(.pg) .story-top .voucher-card{display:grid;grid-template-columns:minmax(0,1fr) 128px;grid-template-rows:auto 1fr auto;grid-template-areas:'top stub' 'text stub' 'bottom stub';min-height:250px;margin:0;border:1px solid #ffffff14;border-radius:18px;transform:rotate(-1.5deg);box-shadow:0 26px 50px #0000004d;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
:root body main#main:not(.pg) .story-top .voucher-stage:hover .voucher-card{transform:rotate(0) translateY(-4px)}
:root body main#main:not(.pg) .story-top .voucher-card-top{grid-area:top;padding:24px 26px 0}
:root body main#main:not(.pg) .story-top .voucher-card>p{grid-area:text;align-self:center;margin:18px 26px;font-size:clamp(1.4rem,2.2vw,1.85rem);line-height:1.2}
:root body main#main:not(.pg) .story-top .voucher-card-bottom{grid-area:bottom;padding:0 26px 22px;font-size:.6rem}
:root body main#main:not(.pg) .story-top .voucher-stub{grid-area:stub;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:14px;padding:22px 12px;border-top:0;border-left:2px dashed #c6c1b766;background:#14120f66;font-size:.56rem;letter-spacing:.16em;text-align:center}
:root body main#main:not(.pg) .story-top .voucher-stub span{writing-mode:vertical-rl;transform:rotate(180deg)}
/* Koçanın üst ve alt kenarındaki yarım daire kesikleri */
:root body main#main:not(.pg) .story-top .voucher-stub::before,:root body main#main:not(.pg) .story-top .voucher-stub::after{content:"";position:absolute;left:-11px;width:20px;height:20px;border-radius:50%;background:var(--paper,#121110)}
:root body main#main:not(.pg) .story-top .voucher-stub::before{top:-11px}
:root body main#main:not(.pg) .story-top .voucher-stub::after{bottom:-11px}
@media (max-width:700px){
  :root body main#main:not(.pg) .story-top .voucher-stage{max-width:none;margin:0}
  :root body main#main:not(.pg) .story-top .voucher-card{grid-template-columns:minmax(0,1fr);grid-template-areas:'top' 'text' 'bottom' 'stub';min-height:0;transform:none}
  :root body main#main:not(.pg) .story-top .voucher-card-top{padding:18px 18px 0}
  :root body main#main:not(.pg) .story-top .voucher-card>p{margin:16px 18px;font-size:1.35rem}
  :root body main#main:not(.pg) .story-top .voucher-card-bottom{padding:0 18px 16px}
  :root body main#main:not(.pg) .story-top .voucher-stub{flex-direction:row;padding:14px 18px;border-left:0;border-top:2px dashed #c6c1b766}
  :root body main#main:not(.pg) .story-top .voucher-stub span{writing-mode:horizontal-tb;transform:none}
  :root body main#main:not(.pg) .story-top .voucher-stub::before,:root body main#main:not(.pg) .story-top .voucher-stub::after{top:-11px;bottom:auto}
  :root body main#main:not(.pg) .story-top .voucher-stub::before{left:-11px}
  :root body main#main:not(.pg) .story-top .voucher-stub::after{left:auto;right:-11px}
}

/* ---------- 26. Voucher: detaylar ve aktivasyon tek blokta ---------- */
:root body main#main:not(.pg)>.voucher-journey{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch;gap:clamp(20px,3vw,36px);max-width:none;margin-top:60px;margin-bottom:60px;padding:clamp(24px,3.4vw,44px);overflow:hidden;border-radius:26px;text-align:left}
:root body main#main:not(.pg)>.voucher-journey .journey-cta-main{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;min-width:0}
:root body main#main:not(.pg)>.voucher-journey .journey-cta-main h2{margin:0}
:root body main#main:not(.pg)>.voucher-journey .journey-cta-main>p{margin:0}
:root body main#main:not(.pg)>.voucher-journey .cta-action{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:10px;text-align:left}
:root body main#main:not(.pg)>.voucher-journey .cta-action>span{font-size:.78rem;line-height:1.5;opacity:.75}
:root body main#main:not(.pg)>.voucher-journey .journey-details{position:relative;z-index:1;display:flex;align-items:flex-end;min-height:260px;border-radius:20px;overflow:hidden;color:#fff;text-decoration:none;isolation:isolate}
:root body main#main:not(.pg)>.voucher-journey .journey-details>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
:root body main#main:not(.pg)>.voucher-journey .journey-details::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0f0d0bf0 0%,#0f0d0b99 50%,#0f0d0b1a 100%)}
:root body main#main:not(.pg)>.voucher-journey .journey-details-copy{display:grid;gap:6px;padding:22px}
:root body main#main:not(.pg)>.voucher-journey .journey-details .eyebrow{color:var(--lime,#d6b151)}
:root body main#main:not(.pg)>.voucher-journey .journey-details strong{font-family:Manrope,sans-serif;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}
:root body main#main:not(.pg)>.voucher-journey .journey-details small{font-size:.84rem;line-height:1.5;color:#ece6d9d9}
:root body main#main:not(.pg)>.voucher-journey .journey-details-link{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:.84rem;font-weight:700;color:var(--lime,#d6b151)}
:root body main#main:not(.pg)>.voucher-journey .journey-details-link .action-arrow{width:16px;height:16px;padding:0;border:0;background:none;transition:transform .2s}
@media (hover:hover) and (pointer:fine){
  :root body main#main:not(.pg)>.voucher-journey .journey-details:hover>img{transform:scale(1.05)}
  :root body main#main:not(.pg)>.voucher-journey .journey-details:hover .journey-details-link .action-arrow{transform:translateX(3px)}
}
:root body main#main:not(.pg)>.voucher-journey .cta-star{z-index:0}
@media (max-width:860px){
  :root body main#main:not(.pg)>.voucher-journey{grid-template-columns:1fr}
  :root body main#main:not(.pg)>.voucher-journey .journey-details{min-height:220px}
}

/* ---------- 27. Voucher: aktif turlar haritası ---------- */
.tour-map{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:18px;align-items:stretch}
.tour-map-stage{position:relative;min-width:0;border:1px solid var(--line);border-radius:22px;background:radial-gradient(120% 120% at 20% 0%,color-mix(in srgb,var(--lime,#d6b151) 10%,transparent),transparent 60%),var(--white);overflow:hidden}
.tour-map-stage svg{display:block;width:100%;height:auto}
.tour-map-sea{fill:url(#tour-map-dots)}
#tour-map-dots circle{fill:color-mix(in srgb,var(--ink) 14%,transparent)}
.tour-map-land{fill:color-mix(in srgb,var(--lime,#d6b151) 16%,var(--white));stroke:color-mix(in srgb,var(--lime,#d6b151) 70%,transparent);stroke-width:1.4;stroke-linejoin:round}
.tour-map-city circle{fill:color-mix(in srgb,var(--ink) 40%,transparent)}
.tour-map-city text{fill:var(--muted);font:600 11px/1 "DM Sans",sans-serif}
.tour-map-pin{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--ink);cursor:pointer;transform:translate(-50%,-46px)}
.tour-map-pin-dot{position:relative;display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--white);border-radius:50% 50% 50% 0;background:var(--lime,#d6b151);color:#171512;box-shadow:0 8px 18px #00000040;transform:rotate(-45deg);transition:transform .25s,background-color .25s}
.tour-map-pin-dot b{transform:rotate(45deg);font:800 .85rem/1 Manrope,sans-serif}
.tour-map-pin-label{padding:3px 8px;border-radius:999px;background:var(--white);box-shadow:0 2px 8px #00000026;font-size:.72rem;font-weight:800;white-space:nowrap}
.tour-map-pin[aria-pressed=true] .tour-map-pin-dot{background:#171512;color:var(--lime,#d6b151);border-color:var(--lime,#d6b151);transform:rotate(-45deg) scale(1.15)}
.tour-map-pin[aria-pressed=true] .tour-map-pin-dot::after{content:"";position:absolute;inset:-8px;border:2px solid var(--lime,#d6b151);border-radius:inherit;opacity:0;animation:tour-map-pulse 1.8s ease-out infinite}
@keyframes tour-map-pulse{0%{opacity:.8;transform:scale(.8)}100%{opacity:0;transform:scale(1.4)}}
@media (hover:hover) and (pointer:fine){.tour-map-pin:hover .tour-map-pin-dot{transform:rotate(-45deg) scale(1.12)}}
.tour-map-pin:focus-visible{outline:none}
.tour-map-pin:focus-visible .tour-map-pin-dot{outline:2px solid var(--lime,#d6b151);outline-offset:4px}
.tour-map-panel{display:flex;flex-direction:column;gap:12px;min-width:0;max-height:430px;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--white)}
.tour-map-panel-head{display:grid;gap:4px}
.tour-map-panel-head h3{margin:0;font:800 1.4rem/1.15 Manrope,sans-serif;color:var(--ink)}
.tour-map-list{display:grid;gap:8px;margin:0;padding:0 2px 0 0;list-style:none;overflow-y:auto;overscroll-behavior:contain}
.tour-map-list a{display:grid;grid-template-columns:56px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:8px;border:1px solid transparent;border-radius:14px;color:var(--ink);text-decoration:none;transition:background-color .2s,border-color .2s}
.tour-map-list a:hover{border-color:var(--line);background:color-mix(in srgb,var(--lime,#d6b151) 8%,transparent)}
.tour-map-list img{width:56px;height:44px;border-radius:10px;object-fit:cover}
.tour-map-list strong{display:block;font-size:.88rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tour-map-list small{display:block;margin-top:2px;color:var(--muted);font-size:.74rem}
.tour-map-list .ui-icon{color:var(--accent-strong,#a8862f)}
.tour-map-all{justify-content:center;margin-top:auto}
.tour-map-loading{padding:40px;text-align:center;color:var(--muted)}
@media (max-width:900px){
  .tour-map{grid-template-columns:1fr}
  .tour-map-panel{max-height:none}
  .tour-map-list{max-height:320px}
}
@media (max-width:600px){
  .tour-map-pin{transform:translate(-50%,-37px)}
  .tour-map-pin-dot{width:30px;height:30px}
  .tour-map-pin-dot b{font-size:.74rem}
  .tour-map-pin-label{font-size:.62rem;padding:2px 6px}
  .tour-map-city text{display:none}
}
@media (prefers-reduced-motion:reduce){.tour-map-pin[aria-pressed=true] .tour-map-pin-dot::after{animation:none}}

/* ---------- 28. Voucher: beş şehir kartı (İstanbul eklendi) ---------- */
:root body main#main:not(.pg) .destinations .destination-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){:root body main#main:not(.pg) .destinations .destination-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){:root body main#main:not(.pg) .destinations .destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tour-map-pin{min-width:44px}

/* Harita: telefonda bölge düğmeleri (pin etiketleri gizlenir) */
.tour-map-chips{display:none}
@media (max-width:600px){
  .tour-map-pin-label{display:none}
  .tour-map-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px 12px;border-top:1px solid var(--line)}
  .tour-map-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--ink);font:700 .78rem/1 "DM Sans",sans-serif;cursor:pointer}
  .tour-map-chip b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--lime,#d6b151) 25%,transparent);font-size:.7rem}
  .tour-map-chip[aria-pressed=true]{border-color:var(--lime,#d6b151);background:var(--lime,#d6b151);color:#171512}
  .tour-map-chip[aria-pressed=true] b{background:#17151226}
}
@media (max-width:600px){.tour-map-pin{min-height:40px;justify-content:flex-start}}

/* ---------- 29. Rezervasyon ve talep formları: formun kendi genişliğine göre düzen ---------- */
/* Transfer, günübirlik tur, konsept (kombin) tur ve hizmet formları aynı yapıdadır. Form 560 px’ten darsa
   (telefon, tablet ya da yan kutulu tur sayfası) alanlar tek sütuna iner; telefon kutusu kalan genişliği doldurur. */
:root body main .pg-form{container-type:inline-size;container-name:rcform;min-width:0;max-width:100%}
:root body main .pg-form .pg-field{display:grid;gap:6px;min-width:0;width:100%}
:root body main .pg-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:48px;font-size:16px}
:root body main .pg-form textarea{min-height:110px}
:root body main .pg-form .rc-phone{display:flex;align-items:stretch;width:100%;min-width:0}
:root body main .pg-form .rc-phone .rc-country-trigger{flex:0 0 auto;min-height:48px}
:root body main .pg-form .rc-phone input{flex:1 1 auto;width:auto;min-width:0}
:root body main .pg-form .pg-actions{display:flex;flex-wrap:wrap;gap:10px}
@container rcform (max-width:560px){
  :root body main .pg-form .row{grid-template-columns:minmax(0,1fr);gap:14px}
  :root body main .pg-form .pg-actions .pg-btn{flex:1 1 100%;justify-content:center;min-height:50px}
}
/* Tur detay sayfaları: yan kutu 960 px altında formun altına iner, form tam genişlik olur. */
@media (max-width:960px){
  :root body main .tour-layout{grid-template-columns:minmax(0,1fr)}
  :root body main .tour-layout>.tour-aside{position:static;width:auto;max-width:none}
}

/* ---------- 30. Voucher: giriş slider’ı standart banner ölçüsünde (Acenteler sayfasındaki gibi) ---------- */
/* Fotoğraflar sırayla değişmeye devam eder; yükseklik, köşe, geçiş, yazı boyutları ve düğmeler standart banner’la aynıdır. */
:root:root:root body main#main:not(.pg)>.hero{position:relative;display:flex;align-items:center;box-sizing:border-box;width:min(calc(100% - 2 * var(--page-gutter,84px)),1440px);min-height:clamp(236px,20vw,280px);height:auto;margin:0 auto 24px;padding:0;border:0;border-radius:22px;overflow:hidden;isolation:isolate;background:#14120f;box-shadow:inset 0 0 0 1px #ffffff12}
:root:root:root body main#main:not(.pg)>.hero>.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
:root:root:root body main#main:not(.pg)>.hero>.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0f0d0bf2 0%,#0f0d0bd6 32%,#0f0d0b80 56%,#0f0d0b14 82%),linear-gradient(0deg,#0f0d0b8c,transparent 50%)}
:root:root:root body main#main:not(.pg)>.hero>.hero-content{position:relative;z-index:1;display:grid;justify-items:start;gap:10px;width:auto;max-width:min(640px,64%);margin:0;padding:clamp(26px,3vw,42px);text-align:left;transform:none}
:root:root:root body main#main:not(.pg)>.hero .hero-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;color:var(--lime,#d6b151);font-size:.6875rem;font-weight:700;letter-spacing:.2em}
:root:root:root body main#main:not(.pg)>.hero .hero-eyebrow .tiny-star{display:none}
:root:root:root body main#main:not(.pg)>.hero .hero-eyebrow::before{content:"";width:22px;height:1px;background:currentColor;opacity:.8}
:root:root:root body main#main:not(.pg)>.hero h1{margin:0;font-size:clamp(1.85rem,2.9vw,2.6rem);line-height:1.08;letter-spacing:-.025em;color:#fff}
:root:root:root body main#main:not(.pg)>.hero h1 em{color:var(--lime,#d6b151)}
:root:root:root body main#main:not(.pg)>.hero .hero-content>p{max-width:520px;margin:0;font-size:.95rem;line-height:1.6;color:#ece6d9db}
:root:root:root body main#main:not(.pg)>.hero .hero-content>p br{display:none}
:root:root:root body main#main:not(.pg)>.hero .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:6px 0 0}
:root:root:root body main#main:not(.pg)>.hero .hero-actions .button{min-height:42px;padding:0 18px;border-radius:12px;font-size:.84rem}
:root:root:root body main#main:not(.pg)>.hero .hero-link{font-size:.84rem}
/* Banner’da yer kaplayan ek parçalar gizlenir; şehir etiketi sağ altta küçük bir rozet olur. */
:root:root:root body main#main:not(.pg)>.hero :is(.hero-facts,.hero-note){display:none}
:root:root:root body main#main:not(.pg)>.hero .destination-caption{position:absolute;top:auto;right:18px;bottom:16px;left:auto;z-index:1;display:inline-flex;align-items:center;gap:7px;max-width:none;margin:0;padding:6px 12px;border:1px solid #ffffff2e;border-radius:12px;background:#14110dcc;color:#f4efe4;font-size:.68rem;font-weight:700;letter-spacing:.12em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
:root:root:root body main#main:not(.pg)>.hero .destination-caption small{display:none}
:root:root:root body main#main:not(.pg)>.hero .destination-caption .icon{width:14px;height:14px;color:var(--lime,#d6b151)}
/* Slayt noktaları ve duraklat düğmesi fotoğrafın sağ üst köşesinde (yazılarla çakışmaz) */
:root:root:root body main#main:not(.pg)>.hero .hero-slider-controls{position:absolute;top:14px;right:16px;bottom:auto;left:auto;z-index:2;display:flex;align-items:center;gap:4px;width:auto;margin:0;padding:2px 4px 2px 10px;border-radius:999px;background:#14110d99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
:root:root:root body main#main:not(.pg)>.hero .hero-slider-controls>:is(.hero-dots,.home-slider-pause){position:static;inset:auto;margin:0;transform:none}
:root:root:root body main#main:not(.pg)>.hero h1 br{display:none}
@media (max-width:760px){
  :root:root:root body main#main:not(.pg)>.hero{width:calc(100% - 24px);align-items:flex-end;min-height:300px;border-radius:18px;margin-bottom:20px}
  :root:root:root body main#main:not(.pg)>.hero>.hero-shade{background:linear-gradient(0deg,#0f0d0bf5 0%,#0f0d0bd1 45%,#0f0d0b99 80%,#0f0d0b8c 100%)}
  :root:root:root body main#main:not(.pg)>.hero>.hero-content{max-width:none;padding:64px 20px 22px}
  :root:root:root body main#main:not(.pg)>.hero h1{font-size:clamp(1.65rem,7.4vw,2.05rem)}
  :root:root:root body main#main:not(.pg)>.hero .hero-content>p{font-size:.88rem;line-height:1.55}
  :root:root:root body main#main:not(.pg)>.hero .destination-caption{display:none}
  :root:root:root body main#main:not(.pg)>.hero .hero-slider-controls{top:10px;right:10px}
}

/* ---------- 31. Voucher kartı: makas koçanı kesik çizgi boyunca keser (eski sürümdeki animasyon, yatay bilete uyarlandı) ---------- */
/* Masaüstünde kesik çizgi dikeydir: makas yukarıdan aşağı iner, arkasından altın çizgi çekilir, koçan hafifçe sağa oynar.
   700 px altında koçan alttadır: makas soldan sağa gider. Yarım daire kesikler yerinde sabit kalır. */
@keyframes rc-cut-run-y{0%,12%{top:-12%;opacity:0}18%{opacity:1}70%{top:100%;opacity:1}76%,100%{top:106%;opacity:0}}
@keyframes rc-cut-line-y{0%,14%{transform:scaleY(0);opacity:1}70%{transform:scaleY(1);opacity:1}84%,100%{transform:scaleY(1);opacity:0}}
@keyframes rc-stub-nudge-x{0%,70%{transform:none}78%{transform:translateX(3px) rotate(.7deg)}90%,100%{transform:none}}
:root body main#main:not(.pg) .story-top .voucher-stub{transform-origin:0 0;animation:rc-stub-nudge-x 7s ease-in-out infinite}
:root body main#main:not(.pg) .story-top .voucher-stub::before,:root body main#main:not(.pg) .story-top .voucher-stub::after{z-index:2;animation:none}
:root body main#main:not(.pg) .story-top .voucher-cut{position:absolute;top:0;bottom:0;left:-2px;z-index:1;width:2px;pointer-events:none}
:root body main#main:not(.pg) .story-top .voucher-cut::before{content:"";position:absolute;inset:0;background:var(--lime,#d6b151);transform-origin:50% 0;transform:scaleY(0);animation:rc-cut-line-y 7s ease-in-out infinite}
:root body main#main:not(.pg) .story-top .voucher-cut::after{content:"";position:absolute;top:-12%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b151' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='6' cy='7' r='3'/%3E%3Ccircle cx='6' cy='17' r='3'/%3E%3Cpath d='M8.5 8.8 21 18M8.5 15.2 21 6'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(90deg);opacity:0;filter:drop-shadow(0 1px 2px #0009);animation:rc-cut-run-y 7s ease-in-out infinite}
@media (max-width:700px){
  :root body main#main:not(.pg) .story-top .voucher-stub{animation-name:stub-drop}
  :root body main#main:not(.pg) .story-top .voucher-cut{top:-2px;right:0;bottom:auto;left:0;width:auto;height:2px}
  :root body main#main:not(.pg) .story-top .voucher-cut::before{transform-origin:0 50%;transform:scaleX(0);animation-name:cut-line}
  :root body main#main:not(.pg) .story-top .voucher-cut::after{top:50%;left:-10%;margin:-10px 0 0;transform:none;animation-name:cut-run}
}
@media (prefers-reduced-motion:reduce){
  :root body main#main:not(.pg) .story-top .voucher-stub{animation:none}
  :root body main#main:not(.pg) .story-top .voucher-cut{display:none}
}

/* ---------- 32. Formlar: iPad / iPhone Safari düzeltmeleri ---------- */
/* Safari tarih alanını kendi kutusuyla çizer: kutu sütundan taşar ve diğer alanlardan yüksek durur.
   Sütunlar en dar içeriğe göre değil eşit bölünür; tarih ve sayı alanları diğer alanlarla aynı yükseklik ve hizadadır. */
@media (min-width:561px){.pg-form .row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pg-form .row>.pg-field{min-width:0}
:root body main .pg-form input:is([type=date],[type=time],[type=datetime-local],[type=number]){-webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;max-width:100%;min-height:48px;margin:0;line-height:22px;text-align:left}
/* Tek satırlık alanlar telefon kutusuyla aynı yükseklikte (54 px): yan yana alanlar aynı hizada durur. */
:root body main .pg-form .pg-field>input:not([type=checkbox]):not([type=radio]){height:54px}
:root body main .pg-form input:is([type=date],[type=time],[type=datetime-local])::-webkit-date-and-time-value{min-height:22px;margin:0;line-height:22px;text-align:left}
:root body main .pg-form input[type=number]::-webkit-inner-spin-button,:root body main .pg-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
/* Yalnız iOS/iPadOS: boş tarih alanı bomboş görünmesin diye sağda takvim simgesi (masaüstünde tarayıcının kendi simgesi var). */
@supports (-webkit-touch-callout:none){
  :root body main .pg-form input[type=date]{padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ad893d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px}
}
/* Gizli bot tuzağı hiçbir tarayıcıda görünmez ve yer kaplamaz. */
.rc-trap{-webkit-clip-path:inset(50%)!important;visibility:hidden!important}

/* ---------- 33. Ana sayfa Instagram bandı: bölüm çizgisi başlığın üstüne binmez, bandın üst kenarında durur ---------- */
#main.pg>section.pg-section.home-insta:not(.hero):not(.journey-cta):not(.svc-hero)::before{top:-1px}

/* ---------- 34. Aktif turlar haritası: pinler haritanın kendisine göre yerleşir ---------- */
/* Pinler yalnızca haritayı saran kutuya göre konumlanır (çerçeve yan panel kadar uzasa da kaymaz); harita çerçevede ortalanır.
   Pinin sivri ucu tam konumu gösterir; etiket ucun yanında durur. Telefonda pinler konumun tam üstünde küçük yuvarlak işaretlerdir. */
.tour-map-stage{display:flex;flex-direction:column;justify-content:center}
.tour-map-canvas{position:relative;width:100%}
.tour-map-pin{width:38px;min-width:38px;height:38px}
.tour-map-pin-label{position:absolute;top:9px;left:calc(100% + 10px)}
.tour-map-pin[data-region="Ege"] .tour-map-pin-label{right:calc(100% + 10px);left:auto}
@media (max-width:600px){
  .tour-map-pin{width:32px;min-width:32px;height:32px;min-height:0;justify-content:center;transform:translate(-50%,-50%)}
  .tour-map-pin-dot{width:24px;height:24px;border-width:2px;border-radius:50%;transform:none}
  .tour-map-pin-dot b{transform:none;font-size:.68rem}
  .tour-map-pin[aria-pressed=true] .tour-map-pin-dot{transform:scale(1.15)}
  .tour-map-pin[aria-pressed=true] .tour-map-pin-dot::after{inset:-6px}
}
@media (max-width:600px) and (hover:hover) and (pointer:fine){.tour-map-pin:hover .tour-map-pin-dot{transform:scale(1.12)}}

/* ---------- 35. Voucher hediye kartı: daha dar; hafif süzülme “01 / ∞” etiketinin üstüne binmez ---------- */
@keyframes rc-voucher-float{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-6px)}}
:root body main#main:not(.pg) .story-top .voucher-stage{max-width:540px}
:root body main#main:not(.pg) .story-top .voucher-top-label{margin-bottom:30px}
:root body main#main:not(.pg) .story-top .voucher-card{grid-template-columns:minmax(0,1fr) 112px;min-height:228px;animation-name:rc-voucher-float}
:root body main#main:not(.pg) .story-top .voucher-card>p{font-size:clamp(1.3rem,2vw,1.65rem)}
@media (max-width:700px){
  :root body main#main:not(.pg) .story-top .voucher-top-label{margin-bottom:18px}
  :root body main#main:not(.pg) .story-top .voucher-card{grid-template-columns:minmax(0,1fr);animation-name:none}
}

/* ---------- 36. Telefon alanı: ülke kodu düğmesi (bayrak +90) daha küçük ---------- */
:root .rc-phone .rc-country-trigger,:root body main .pg-form .rc-phone .rc-country-trigger{min-width:0;padding:0 10px 0 12px;gap:5px;font-size:13px}
:root .rc-phone .rc-country-trigger .rc-country-flag{width:20px;height:14px;border-radius:3px}
:root .rc-phone .rc-country-trigger .rc-country-chevron{width:12px;height:12px}

/* ---------- 37. Voucher hediye bölümü inceltildi: daha az boşluk, daha kısa kart ---------- */
/* Koçandaki iki dikey yazı yan yana durur (alt alta değil): kartın yüksekliğini artık koçan değil içerik belirler. */
:root body main#main:not(.pg) .story-section>.section{padding-top:40px;padding-bottom:40px}
:root body main#main:not(.pg) .story-top{align-items:center}
:root body main#main:not(.pg) .story-top .experience-copy h2{margin:12px 0 10px;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.08}
:root body main#main:not(.pg) .story-top .experience-copy>p{margin:0}
:root body main#main:not(.pg) .story-top .experience-copy .fact-chips{margin:16px 0 14px}
:root body main#main:not(.pg) .story-top .experience-copy .fact-chips li{padding:7px 12px}
:root body main#main:not(.pg) .story-top .experience-copy .text-link{margin-top:0;padding:4px 0 8px}
:root body main#main:not(.pg) .story-top .experience-copy .small-disclosure{margin-top:12px}
:root body main#main:not(.pg) .story-top .voucher-top-label{margin-bottom:22px}
:root body main#main:not(.pg) .story-top .voucher-caption{margin-top:14px}
:root body main#main:not(.pg) .story-top .voucher-card{min-height:196px}
:root body main#main:not(.pg) .story-top .voucher-card-top{padding:18px 22px 0}
:root body main#main:not(.pg) .story-top .voucher-brand img{height:32px;width:auto}
:root body main#main:not(.pg) .story-top .voucher-card>p{margin:12px 22px;font-size:clamp(1.2rem,1.8vw,1.5rem)}
:root body main#main:not(.pg) .story-top .voucher-card-bottom{padding:0 22px 16px}
:root body main#main:not(.pg) .story-top .voucher-stub{flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:14px 10px}
@media (max-width:700px){
  :root body main#main:not(.pg) .story-section>.section{padding-top:28px;padding-bottom:28px}
  :root body main#main:not(.pg) .story-top .voucher-top-label{margin-bottom:12px}
  :root body main#main:not(.pg) .story-top .voucher-stub{justify-content:space-between;padding:12px 18px}
}