/* Katalog sayfaları (Konsept turlar, Günübirlik turlar, Hizmetlerimiz): kompakt kartlar ve sade düzen.
   Önceki katmanların üstüne yalnızca bu üç sayfada yüklenir; renkler tema değişkenlerinden gelir. */
:is(main[data-page=tours],main[data-page=daytours]).pg,.svc-page{--cat-gap:18px;--cat-radius:18px}


/* ---------- Kart ızgarası ---------- */
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=grid]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--cat-gap);justify-content:start;align-items:stretch}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results>:is(.tour-card,.offer){position:relative;display:flex;flex-direction:column;min-width:0;height:100%;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--cat-radius);background:var(--white);overflow:hidden;box-shadow:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results>:is(.tour-card,.offer):hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent-strong,#c6a858) 70%,var(--line));box-shadow:0 14px 30px #0000001f}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results>:is(.tour-card,.offer):focus-within{border-color:var(--accent-strong,#c6a858)}

/* Fotoğraf: kartın üstünde, sabit oranlı ve kenara oturan */
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results :is(.tour-card>.travel-card-media,.offer>.offer-photo){position:relative;display:block;flex:0 0 auto;width:100%;height:auto;aspect-ratio:16/10;margin:0;padding:0;border-radius:0;overflow:hidden;background:color-mix(in srgb,var(--ink) 8%,var(--white))}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results :is(.travel-card-media,.offer-photo)>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results>:is(.tour-card,.offer):hover :is(.travel-card-media,.offer-photo)>img{transform:scale(1.05)}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results .travel-card-badge{position:absolute;inset:10px auto auto 10px;width:max-content;max-width:calc(100% - 20px);padding:5px 10px;border-radius:999px;background:#14110ddb;color:#f4efe4;font-size:.6875rem;font-weight:700;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* Gövde */
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results :is(.tour-card-body,.offer-copy){display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-width:0;padding:14px 16px 0;margin:0}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results .travel-card-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;font-size:.75rem;color:var(--muted)}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results .travel-card-meta>span{display:inline-flex;align-items:center;gap:5px;min-width:0}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results .travel-card-meta .icon{width:14px;height:14px;flex:0 0 auto;color:var(--accent-strong,#c6a858)}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results :is(.tour-card,.offer) h3{margin:0;font-family:Manrope,sans-serif;font-size:1.05rem;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}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results .offer h3 a{color:inherit;text-decoration:none}
/* Kartın tamamı detay sayfasına gider; rezervasyon düğmesi bunun üstünde kalır. */
main[data-page=daytours].pg .catalog-results .offer h3 a::after{content:"";position:absolute;inset:0;z-index:1}
main[data-page=daytours].pg .catalog-results .offer h3 a:focus-visible{outline:none}
main[data-page=daytours].pg .catalog-results .offer:has(h3 a:focus-visible){outline:2px solid var(--accent-strong,#c6a858);outline-offset:2px}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results .travel-card-description{margin:0;font-size:.85rem;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results .travel-card-demo{align-self:flex-start;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--ink) 7%,transparent);font-size:.6875rem;font-weight:600;color:var(--muted)}

/* Alt satır: fiyat ve tek eylem */
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results :is(.travel-card-footer,.offer-actions){display:flex;align-items:center;justify-content:space-between;gap:10px;margin:auto 0 0;padding:12px 16px 14px;border:0;border-top:0;background:none}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results .travel-card-footer{margin:auto 0 0;padding:12px 0 14px}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results .travel-card-price{display:grid;gap:1px;min-width:0}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results .travel-card-price small{font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results .travel-card-price strong{font-size:.875rem;font-weight:700;color:var(--ink);white-space:nowrap}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results :is(.travel-card-cta,.offer-action-links .pg-btn){position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:44px;width:auto;padding:0 14px 0 16px;border-radius:999px;background:var(--lime);color:var(--accent-text,#171512);box-shadow:none;font-size:.8125rem;font-weight:700;white-space:nowrap;overflow-wrap:normal;word-break:normal;transition:transform .2s,background .2s}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results :is(.travel-card-cta,.offer-action-links .pg-btn) .action-arrow{width:16px;height:16px;margin:0;padding:0;border:0;background:none;transition:transform .2s}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results>:is(.tour-card,.offer):hover :is(.travel-card-cta,.offer-action-links .pg-btn) .action-arrow{transform:translateX(3px)}
main[data-page=daytours].pg .catalog-results .offer-action-links{display:flex;margin:0;padding:0}

/* ---------- Liste görünümü: yatay satırlar ---------- */
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=list]{display:grid;grid-template-columns:1fr;gap:12px}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=list]>:is(.tour-card,.offer){display:grid;grid-template-columns:clamp(150px,22vw,250px) minmax(0,1fr) auto;align-items:stretch;height:auto}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=list]>.tour-card .tour-card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'meta foot' 'title foot' 'desc foot' 'demo foot';align-content:center;column-gap:20px;padding:16px 18px}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=list] .tour-card-body>.travel-card-meta{grid-area:meta}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=list] .tour-card-body>h3{grid-area:title}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=list] .tour-card-body>.travel-card-description{grid-area:desc}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=list] .tour-card-body>.travel-card-demo{grid-area:demo}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=list] .tour-card-body>.travel-card-footer{grid-area:foot;flex-direction:column;align-items:flex-end;justify-content:center;margin:0;padding:0}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=list]>.tour-card{grid-template-columns:clamp(150px,22vw,250px) minmax(0,1fr)}
:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=list] :is(.tour-card>.travel-card-media,.offer>.offer-photo){aspect-ratio:auto;height:100%;min-height:150px}
main[data-page=daytours].pg .catalog-results[data-layout=list] .offer-copy{justify-content:center;padding:16px 18px}
main[data-page=daytours].pg .catalog-results[data-layout=list] .offer-actions{flex-direction:column;align-items:flex-end;justify-content:center;margin:0;padding:16px 18px}

/* ---------- Hizmetlerimiz: yatay kartlar ---------- */
.svc-page .svc-list:not([data-layout=list]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cat-gap);margin-top:12px;border:0}
.svc-page .svc-list:not([data-layout=list]) .svc-item{position:relative;display:grid;grid-template-columns:minmax(150px,38%) minmax(0,1fr);grid-template-rows:1fr auto;grid-template-areas:'media main' 'media actions';gap:0;min-height:200px;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--cat-radius);background:var(--white);overflow:hidden;box-shadow:none;transform:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}
.svc-page .svc-list:not([data-layout=list]) .svc-item:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent-strong,#c6a858) 70%,var(--line));box-shadow:0 14px 30px #0000001f}
.svc-page .svc-list:not([data-layout=list]) .svc-item-media{grid-area:media;position:relative;display:block;width:100%;height:100%;min-height:0;margin:0;border-radius:0;overflow:hidden}
.svc-page .svc-list:not([data-layout=list]) .svc-item-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.svc-page .svc-list:not([data-layout=list]) .svc-item:hover .svc-item-media img{transform:scale(1.05)}
.svc-page .svc-list:not([data-layout=list]) .svc-item-no{display:none}
.svc-page .svc-list:not([data-layout=list]) .svc-item-main{grid-area:main;display:flex;flex-direction:column;gap:8px;min-width:0;padding:18px 20px 8px}
.svc-page .svc-list:not([data-layout=list]) .svc-item-main h3{margin:0;font-family:Manrope,sans-serif;font-size:1.1rem;font-weight:750;line-height:1.3;color:var(--ink)}
.svc-page .svc-list:not([data-layout=list]) .svc-item-main h3 a{color:inherit;text-decoration:none}
.svc-page .svc-list:not([data-layout=list]) .svc-item-main h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.svc-page .svc-list:not([data-layout=list]) .svc-item-main p{margin:0;font-size:.875rem;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.svc-page .svc-list:not([data-layout=list]) .svc-chips{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0}
.svc-page .svc-list:not([data-layout=list]) .svc-chips li{padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--ink) 6%,transparent);font-size:.6875rem;font-weight:600;color:var(--muted)}
.svc-page .svc-list:not([data-layout=list]) .svc-item-actions{grid-area:actions;position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:10px 20px 16px;border:0}
/* Koyu temadaki ":root[data-theme=dark] .svc-list … .svc-more" kuralından daha özgül. */
:root body .svc-page .svc-list:not([data-layout=list]) .svc-more{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 16px;border-radius:999px;background:var(--lime);color:var(--accent-text,#171512);font-size:.8125rem;font-weight:700;text-decoration:none}
.svc-page .svc-list:not([data-layout=list]) .svc-more>span{display:inline-grid;place-items:center;border:0;background:none;width:auto;height:auto}
.svc-page .svc-list:not([data-layout=list]) .svc-ask{display:flex;gap:6px}

@media (max-width:1100px){.svc-page .svc-list:not([data-layout=list]){grid-template-columns:1fr}}
@media (max-width:760px){
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=list]>:is(.tour-card,.offer){grid-template-columns:112px minmax(0,1fr)}
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=list]>.tour-card .tour-card-body{grid-template-columns:1fr;grid-template-areas:'meta' 'title' 'desc' 'demo' 'foot';padding:12px 14px;row-gap:6px}
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=list] .tour-card-body>.travel-card-footer{flex-direction:row;align-items:center;justify-content:space-between}
  main[data-page=daytours].pg .catalog-results[data-layout=list]>.offer{grid-template-columns:112px minmax(0,1fr);grid-template-areas:'media copy' 'media actions'}
  main[data-page=daytours].pg .catalog-results[data-layout=list] .offer-photo{grid-area:media}
  main[data-page=daytours].pg .catalog-results[data-layout=list] .offer-copy{grid-area:copy;padding:12px 14px 4px}
  main[data-page=daytours].pg .catalog-results[data-layout=list] .offer-actions{grid-area:actions;flex-direction:row;align-items:center;padding:6px 14px 12px}
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=list] :is(.tour-card>.travel-card-media,.offer>.offer-photo){min-height:100%}
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=list] .travel-card-description{-webkit-line-clamp:1}
}
/* Telefon: iki sütunlu küçük kartlar; çok dar ekranda tek sütun. */
@media (max-width:600px){
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=grid]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=grid] :is(.tour-card>.travel-card-media,.offer>.offer-photo){aspect-ratio:1/1}
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=grid] :is(.tour-card-body,.offer-copy){padding:10px 12px 0;gap:6px}
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=grid] .travel-card-description,:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=grid] .travel-card-demo,:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=grid] .travel-card-duration{display:none}
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=grid] :is(.tour-card,.offer) h3{font-size:.9375rem}
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=grid] :is(.travel-card-footer,.offer-actions){flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px 12px}
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=grid] .travel-card-footer{padding:10px 0 12px}
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=grid] :is(.travel-card-cta,.offer-action-links .pg-btn){width:100%;padding:0 10px;font-size:.75rem}
  main[data-page=daytours].pg .catalog-results[data-layout=grid] .offer-action-links{width:100%}
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results .travel-card-badge{top:8px;left:8px;font-size:.625rem;padding:4px 8px}
  .svc-page .svc-list:not([data-layout=list]) .svc-item{grid-template-columns:104px minmax(0,1fr);min-height:0}
  .svc-page .svc-list:not([data-layout=list]) .svc-item-main{padding:12px 14px 4px}
  .svc-page .svc-list:not([data-layout=list]) .svc-item-main p{-webkit-line-clamp:2;font-size:.8125rem}
  .svc-page .svc-list:not([data-layout=list]) .svc-chips{display:none}
  .svc-page .svc-list:not([data-layout=list]) .svc-item-actions{padding:6px 14px 12px}
}
@media (max-width:360px){
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=grid]{grid-template-columns:1fr}
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results[data-layout=grid] :is(.tour-card>.travel-card-media,.offer>.offer-photo){aspect-ratio:16/9}
}
@media (prefers-reduced-motion:reduce){
  :is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results>:is(.tour-card,.offer),.svc-page .svc-item,:is(main[data-page=tours],main[data-page=daytours]).pg .catalog-results img,.svc-page .svc-item-media img{transition:none}
}
/* Günübirlik turlar: fiyat solda, rezervasyon düğmesi altında tam genişlik (dar kartta iki satır sığmadığı için). */
main[data-page=daytours].pg .catalog-results[data-layout=grid] .offer-actions{flex-direction:column;align-items:stretch;justify-content:flex-end;text-align:left;gap:10px}
main[data-page=daytours].pg .catalog-results[data-layout=grid] .offer-actions .travel-card-price{justify-items:start;text-align:left}
main[data-page=daytours].pg .catalog-results[data-layout=grid] .offer-action-links,main[data-page=daytours].pg .catalog-results[data-layout=grid] .offer-action-links .pg-btn{width:100%}