/* /temalar/ — sayfaya özel stiller (ön ek: tm-, tp-, cz-, tph-) */
b.serif{font-family:var(--serif);font-weight:400}

/* ───── TEMA ÖNİZLEME (.tp) — tüm ölçüler kart genişliğine göre cqw ───── */
.tp{container-type:inline-size;position:relative;width:100%;border-radius:10px;overflow:hidden;background:var(--bg);color:var(--fg);box-shadow:0 0 0 1px rgba(7,45,32,.08)}
.tp__chrome{display:flex;align-items:center;gap:1.1cqw;height:6.4cqw;padding:0 2.4cqw;background:#eef2f0;border-bottom:1px solid rgba(7,45,32,.06)}
.tp__chrome i{width:1.5cqw;height:1.5cqw;border-radius:50%;background:#cdd7d1;flex:none}
.tp__chrome span{display:flex;align-items:center;justify-content:center;gap:.8cqw;flex:1;max-width:50%;margin-inline:auto;height:3.8cqw;border-radius:2cqw;background:#fff;font-size:2cqw;font-weight:700;color:#5d6b64;white-space:nowrap;overflow:hidden}
.tp__chrome svg{width:1.8cqw;height:1.8cqw;color:var(--g600)}
.tp__site{position:relative;aspect-ratio:16/10.6;overflow:hidden}
.tp__ph{position:absolute;overflow:hidden}
.tp__ph picture{display:block;width:100%;height:100%}
.tp__ph img{width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 50%)}
.tp__nav{position:absolute;z-index:2;left:0;right:0;top:0;height:10.5cqw;display:flex;align-items:center;gap:3cqw;padding:0 4.4cqw}
.tp__logo{margin-right:auto;font-size:3.3cqw;font-weight:800;line-height:1;letter-spacing:-.01em;white-space:nowrap}
.tp__logo small{display:block;margin-top:.7cqw;font-family:var(--font);font-size:1.45cqw;font-weight:700;letter-spacing:.28em;text-transform:uppercase;opacity:.7}
.tp__links{display:flex;gap:2.6cqw;font-size:2.1cqw;font-weight:600;opacity:.82}
.tp__links i{font-style:normal}
.tp__btn{font-style:normal;padding:1.1cqw 2.2cqw;border-radius:var(--rad);background:var(--ac);color:var(--on-ac);font-size:1.9cqw;font-weight:800;white-space:nowrap}
.tp__cap{position:absolute;z-index:2}
.tp__kick{display:block;font-size:1.75cqw;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--ac)}
.tp__title{display:block;margin-top:1.4cqw;font-size:6cqw;line-height:1.04;letter-spacing:-.03em;font-weight:800}
.tp--serif .tp__logo,.tp--serif .tp__title{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
.tp__cta{display:inline-block;margin-top:2.6cqw;padding:1.5cqw 3cqw;border-radius:var(--rad);background:var(--ac);color:var(--on-ac);font-size:2.1cqw;font-weight:800}
.tp__rooms{position:absolute;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1.8cqw}
.tp__rooms span{border-radius:calc(min(var(--rad),12px) * .6);background:color-mix(in srgb,var(--fg) 7%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fg) 8%,transparent);position:relative}
.tp__rooms span::after{content:"";position:absolute;left:12%;bottom:14%;width:46%;height:1.1cqw;border-radius:1cqw;background:color-mix(in srgb,var(--fg) 35%,transparent)}
.tp__rooms span:nth-child(4){display:none}
/* A — tam ekran fotoğraf + rezervasyon çubuğu */
.tp--A .tp__ph{inset:0}
.tp--A .tp__ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,18,13,.5),rgba(3,18,13,.05) 40%,rgba(3,18,13,.45))}
.tp--A .tp__nav,.tp--A .tp__cap{color:#fff}
.tp--A .tp__cap{left:8%;right:8%;top:28%;text-align:center}
.tp--A .tp__kick{color:#fff;opacity:.9}
.tp--A .tp__title{font-size:6.6cqw;max-width:78%;margin-inline:auto}
.tp--A .tp__cta{display:none}
.tp--A .tp__rooms{left:7cqw;right:7cqw;bottom:5cqw;height:9cqw;grid-template-columns:repeat(3,1fr) .8fr;padding:1.4cqw;gap:1.4cqw;border-radius:calc(min(var(--rad),14px));background:#fff;box-shadow:0 1.5cqw 4cqw rgba(0,0,0,.25)}
.tp--A .tp__rooms span{background:#f1f4f2;box-shadow:none}
.tp--A .tp__rooms span::after{background:#c9d3cd;bottom:30%}
.tp--A .tp__rooms span:nth-child(4){display:block;background:var(--ac)}
.tp--A .tp__rooms span:nth-child(4)::after{background:var(--on-ac);opacity:.7;left:25%;width:50%}
/* B — bölünmüş */
.tp--B .tp__ph{right:0;top:10.5cqw;bottom:17cqw;width:50%;border-top-left-radius:14cqw}
.tp--B .tp__cap{left:4.4cqw;top:20cqw;width:41%}
.tp--B .tp__rooms{left:4.4cqw;right:4.4cqw;bottom:3.4cqw;height:10cqw}
/* C — çerçeveli */
.tp--C .tp__ph{left:4.4cqw;right:4.4cqw;top:10.5cqw;height:36cqw;border-radius:calc(min(var(--rad),14px) * .5 + 1cqw)}
.tp--C .tp__cap{left:6cqw;right:6cqw;top:50cqw;text-align:center}
.tp--C .tp__title{font-size:5.2cqw}
.tp--C .tp__cta,.tp--C .tp__rooms{display:none}
/* D — koyu, alt bant fotoğraf */
.tp--D .tp__ph{left:0;right:0;bottom:0;height:44cqw}
.tp--D .tp__ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 40%,transparent) 30%,transparent 60%)}
.tp--D .tp__cap{left:4.4cqw;top:14cqw;right:30%}
.tp--D .tp__rooms{display:none}
/* E — dergi */
.tp--E .tp__ph{left:4.4cqw;top:10.5cqw;bottom:4.4cqw;width:44%;border-radius:calc(min(var(--rad),14px) * .4 + 1cqw)}
.tp--E .tp__cap{left:54%;right:4.4cqw;top:16cqw}
.tp--E .tp__title{font-size:5.4cqw}
.tp--E .tp__rooms{left:54%;right:4.4cqw;bottom:4.4cqw;height:10cqw;grid-template-columns:1fr 1fr}
.tp--E .tp__rooms span:nth-child(3){display:none}
.tp--E .tp__links{display:none}

/* ───── HERO ───── */
@media (min-width:960px){.tm-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.tm-hero .page-hero__title{max-width:14ch}
.tm-fan{position:relative;container-type:inline-size;width:100%;max-width:640px;margin-inline:auto;aspect-ratio:1/.78}
.tm-fan::before{content:"";position:absolute;inset:10% 5%;border-radius:50%;background:radial-gradient(closest-side,rgba(22,168,110,.45),transparent);filter:blur(10px);z-index:-1}
.tm-fan__c{position:absolute;filter:drop-shadow(0 3cqw 5cqw rgba(0,0,0,.45))}
.tm-fan__c .tp{border-radius:1.6cqw;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.tm-fan__c--m{left:17cqw;top:14cqw;width:66cqw;z-index:3}
.tm-fan__c--l{left:0;top:4cqw;width:46cqw;transform:rotate(-7deg);z-index:1;opacity:.92}
.tm-fan__c--r{right:0;top:4cqw;width:46cqw;transform:rotate(7deg);z-index:2;opacity:.92}
.tm-fan__badge{position:absolute;left:3cqw;bottom:2cqw;z-index:4;display:flex;align-items:center;gap:2cqw;padding:2cqw 3.4cqw 2cqw 2.6cqw;border-radius:3cqw;background:var(--lime);color:var(--g950);box-shadow:0 2cqw 6cqw rgba(0,0,0,.4);font-size:2.4cqw;font-weight:800;line-height:1.1}
.tm-fan__badge b{font-size:7cqw;letter-spacing:-.05em;line-height:1}
.tm-fan__sw{position:absolute;right:4cqw;bottom:4cqw;z-index:4;display:flex;gap:1.2cqw;padding:1.4cqw;border-radius:var(--r-pill);background:rgba(7,45,32,.8);box-shadow:inset 0 0 0 1px rgba(159,216,189,.3),0 2cqw 5cqw rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.tm-fan__sw i{width:4.4cqw;height:4.4cqw;border-radius:50%;box-shadow:inset 0 0 0 .4cqw rgba(255,255,255,.4)}

/* ───── GALERİ ───── */
.tm-filter{position:sticky;top:calc(var(--header-h) + .5rem);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.6rem;margin-bottom:var(--s6);border-radius:var(--r-lg);background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--line),var(--sh-sm)}
.tm-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.tm-chip{display:inline-flex;align-items:center;gap:.45em;height:40px;padding:0 1em;border-radius:var(--r-pill);background:var(--g50);font-weight:700;font-size:.9rem;color:var(--ink-2);transition:background-color .2s,color .2s,box-shadow .2s}
.tm-chip small{display:grid;place-items:center;min-width:22px;height:20px;padding:0 5px;border-radius:10px;background:#fff;font-size:.7rem;font-weight:800;color:var(--g700)}
.tm-chip:hover{background:var(--g100);color:var(--g700)}
.tm-chip.is-on{background:var(--g900);color:#fff}
.tm-chip.is-on small{background:var(--lime);color:var(--g950)}
.tm-count{font-size:.875rem;font-weight:700;color:var(--muted);padding-right:.6rem;white-space:nowrap}
.tm-count b{color:var(--ink)}
.tm-grid{display:grid;gap:clamp(1.25rem,1rem + 1vw,2rem);grid-template-columns:1fr;list-style:none;padding:0}
@media (min-width:640px){.tm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.tm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1280px){.tm-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tm-card{display:flex;flex-direction:column;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-sm);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.tm-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
.tm-card[hidden]{display:none}
html.js .tm-card.is-enter{animation:tmIn .45s var(--ease) both}
@keyframes tmIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.tm-card__prev{padding:12px 12px 0;background:linear-gradient(180deg,var(--g50),#fff)}
.tm-card__prev .tp{border-radius:10px 10px 6px 6px}
.tm-card:hover .tp__ph img{transform:scale(1.04)}
.tp__ph img{transition:transform .9s var(--ease)}
.tm-card__body{display:flex;flex-direction:column;gap:.55rem;padding:1rem 1.15rem 1.15rem;flex:1}
.tm-card__top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}
.tm-card__top h3{font-size:1.2rem;letter-spacing:-.025em}
.tm-card__no{font-size:.75rem;font-weight:800;color:var(--g700);letter-spacing:.08em}
.tm-card__tags{display:flex;flex-wrap:wrap;gap:.3rem}
.tm-card__tags span{padding:.2rem .55rem;border-radius:6px;background:var(--g100);color:var(--g700);font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.tm-card__body p{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.9rem;font-weight:600;line-height:1.35}
.tm-card__body p .ic{width:15px;height:15px;color:var(--g600);flex:none}
.tm-card__meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.7rem;border-top:1px solid var(--line)}
.tm-card__sw{display:flex}
.tm-card__sw i{width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 2px #fff,inset 0 0 0 1px rgba(0,0,0,.12)}
.tm-card__sw i + i{margin-left:-6px}
.tm-card__ff{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:var(--muted)}
.tm-card__ff b{font-size:1rem;color:var(--ink);font-weight:800}
.tm-card__ff b.serif{font-weight:400}
.tm-empty{text-align:center;color:var(--muted);padding:2rem 0}
@media (max-width:639.98px){
  .tm-filter{position:relative;top:auto;padding:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .tm-chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter) .3rem;scrollbar-width:none;width:calc(100% + 2 * var(--gutter))}
  .tm-chips::-webkit-scrollbar{display:none}
  .tm-chip{flex:none}
}

/* ───── ÖZELLEŞTİRİCİ ───── */
.tm-cz{overflow:hidden;isolation:isolate}
.tm-cz .bg-grid{-webkit-mask-image:radial-gradient(60% 50% at 50% 30%,#000,transparent 75%);mask-image:radial-gradient(60% 50% at 50% 30%,#000,transparent 75%)}
.tm-cz__grid{display:grid;gap:var(--gap);align-items:start}
@media (min-width:1024px){.tm-cz__grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:2.5rem}}
.tm-cz__grid > *{min-width:0}
.tm-cz__ctrl{display:grid;gap:.75rem}
.tm-cz__set{border:0;padding:1.1rem 1.15rem 1.2rem;border-radius:var(--r-lg);background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-xs);min-width:0}
.tm-cz__set legend{float:left;width:100%;display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem;font-weight:800;font-size:1rem;letter-spacing:-.015em}
.tm-cz__set legend span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--g900);color:var(--lime);font-size:.72rem}
.tm-cz__set legend + *{clear:both}
.tm-pals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
.tm-pal{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:.55rem .6rem;border-radius:12px;background:var(--g25);box-shadow:inset 0 0 0 1px var(--line);font-size:.8rem;font-weight:700;color:var(--ink-2);text-align:left;transition:box-shadow .2s,background-color .2s}
.tm-pal:hover{background:var(--g50)}
.tm-pal.is-on{background:#fff;box-shadow:0 0 0 2px var(--g500),var(--sh-sm);color:var(--ink)}
.tm-pal__sw{display:flex}
.tm-pal__sw i{width:20px;height:20px;border-radius:50%;box-shadow:0 0 0 2px #fff,inset 0 0 0 1px rgba(0,0,0,.14)}
.tm-pal__sw i + i{margin-left:-5px}
.tm-hex{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin-top:.85rem;padding-top:.8rem;border-top:1px dashed var(--line-2);font-size:.78rem;font-weight:700;color:var(--muted)}
.tm-hex span{display:inline-flex;align-items:center;gap:.35rem}
.tm-hex i{width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);transition:background-color .3s}
.tm-hex code{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--ink);font-size:.76rem}
.tm-seg{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.tm-seg button{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:12px;background:var(--g25);box-shadow:inset 0 0 0 1px var(--line);font-weight:700;font-size:.86rem;color:var(--ink-2);text-align:left}
.tm-seg button b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:1.05rem;color:var(--ink);flex:none}
.tm-seg button.is-on{background:#fff;box-shadow:0 0 0 2px var(--g500),var(--sh-sm);color:var(--ink)}
.tm-seg button.is-on b{background:var(--g900);color:var(--lime);box-shadow:none}
.tm-mk{display:inline-block;width:1em;height:1em;border-radius:.3em;background:currentColor;-webkit-mask:radial-gradient(circle at 50% 62%,transparent 26%,#000 27%) ;mask:radial-gradient(circle at 50% 62%,transparent 26%,#000 27%)}
.tm-blocks{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.tm-blocks label{position:relative;cursor:pointer}
.tm-blocks input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.tm-blocks span{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:12px;background:var(--g25);box-shadow:inset 0 0 0 1px var(--line);font-weight:700;font-size:.86rem;color:var(--muted);transition:background-color .2s,box-shadow .2s,color .2s}
.tm-blocks span .ic{width:17px;height:17px}
.tm-blocks span::after{content:"";margin-left:auto;width:30px;height:18px;border-radius:9px;background:#d6e0da;transition:background-color .25s}
.tm-blocks span::before{content:"";position:absolute;right:calc(.75rem + 15px);top:50%;width:12px;height:12px;border-radius:50%;background:#fff;transform:translateY(-50%);transition:transform .25s;z-index:1;pointer-events:none}
.tm-blocks input:checked + span{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--g200)}
.tm-blocks input:checked + span .ic{color:var(--g600)}
.tm-blocks input:checked + span::after{background:var(--g500)}
.tm-blocks input:checked + span::before{transform:translate(12px,-50%)}
.tm-blocks input:focus-visible + span{outline:3px solid var(--focus);outline-offset:2px}
.tm-cz__prev{position:relative}
@media (min-width:1024px){.tm-cz__prev{position:sticky;top:calc(var(--header-h) + 1.5rem)}}
.tm-cz__prev .mock-browser__body{max-height:none}

/* özelleştirilebilir mini site (.cz) — ölçüler mock-browser genişliğine göre cqw */
.cz{background:var(--bg);color:var(--fg);font-size:1.6cqw;transition:background-color .35s,color .35s}
.cz *{transition:background-color .35s,color .35s,border-color .35s}
.cz__hero{position:relative;aspect-ratio:16/8;overflow:hidden;color:#fff}
.cz__hero picture{position:absolute;inset:0}
.cz__hero img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.cz__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,18,13,.5),rgba(3,18,13,.05) 40%,rgba(3,18,13,.5))}
.cz__nav{position:absolute;z-index:2;left:0;right:0;top:0;display:flex;align-items:center;gap:2.4cqw;padding:2.2cqw 3.2cqw}
.cz__logo{display:flex;align-items:center;gap:1.2cqw;margin-right:auto;font-size:2.7cqw;font-weight:800;line-height:1}
.cz__logo small{display:block;margin-top:.5cqw;font-family:var(--font);font-size:1cqw;font-weight:700;letter-spacing:.3em;opacity:.85}
.cz__logo .tm-mk{display:none;width:4cqw;height:4cqw;color:var(--ac);background:currentColor}
.cz.logo-mark .cz__logo .tm-mk{display:inline-block}
.cz__links{display:flex;gap:2.2cqw;font-size:1.35cqw;font-weight:600;opacity:.9}
.cz__btn{padding:1cqw 1.9cqw;border-radius:var(--r-pill);background:var(--ac);color:var(--on-ac);font-size:1.3cqw;font-weight:800}
.cz__cap{position:absolute;z-index:2;left:3.2cqw;bottom:11cqw;max-width:62%}
.cz__kick{display:block;font-size:1.2cqw;font-weight:800;letter-spacing:.24em;text-transform:uppercase;opacity:.9}
.cz__title{display:block;margin-top:1cqw;font-size:4.6cqw;line-height:1.05;letter-spacing:-.03em;font-weight:800}
.cz.serif .cz__logo>span,.cz.serif .cz__title,.cz.serif .cz__h{font-family:var(--serif);font-weight:400;letter-spacing:-.005em}
.cz__book{position:absolute;z-index:3;left:3.2cqw;right:3.2cqw;bottom:3cqw;display:flex;align-items:center;gap:1.4cqw;padding:1.2cqw;border-radius:1.2cqw;background:#fff;color:var(--ink);box-shadow:0 1cqw 3cqw rgba(0,0,0,.25)}
.cz__book span{flex:1;display:flex;flex-direction:column;gap:.3cqw;padding:0 1cqw;border-right:1px solid var(--line);font-size:1.25cqw;font-weight:700;white-space:nowrap}
.cz__book span:nth-last-child(2){border-right:0}
.cz__book small{font-size:.95cqw;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.cz__book b{height:4.2cqw;padding:0 2.2cqw;display:inline-flex;align-items:center;border-radius:.9cqw;background:var(--ac);color:var(--on-ac);font-size:1.35cqw;font-weight:800}
.cz__sec{padding:3cqw 3.2cqw 0}
.cz__sec:last-child{padding-bottom:3.2cqw}
.cz__h{display:flex;justify-content:space-between;align-items:baseline;font-size:2.5cqw;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.cz__h small{font-family:var(--font);font-size:1.3cqw;font-weight:800;color:var(--ac)}
.cz__rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw;margin-top:1.6cqw}
.cz__rooms div{border-radius:1cqw;overflow:hidden;background:color-mix(in srgb,var(--fg) 5%,var(--bg));box-shadow:0 0 0 1px color-mix(in srgb,var(--fg) 10%,transparent)}
.cz__rooms img{width:100%;aspect-ratio:16/10;object-fit:cover}
.cz__rooms span{display:block;padding:1cqw 1.2cqw;font-size:1.3cqw;font-weight:800}
.cz__rooms small{display:block;font-weight:600;opacity:.65;font-size:1.1cqw}
.cz__icons{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4cqw;margin-top:1.6cqw}
.cz__icons span{display:flex;align-items:center;gap:1cqw;padding:1.3cqw;border-radius:1cqw;background:color-mix(in srgb,var(--ac) 12%,var(--bg));font-size:1.25cqw;font-weight:700;white-space:nowrap}
.cz__icons svg{width:2.2cqw;height:2.2cqw;color:var(--ac);flex:none}
.cz__gal{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:1.2cqw;margin-top:1.6cqw}
.cz__gal picture{display:block}
.cz__gal img{width:100%;height:11cqw;object-fit:cover;border-radius:1cqw}
.cz [data-cz-block][hidden]{display:none}
html.js .cz [data-cz-block].is-in{animation:tmIn .4s var(--ease) both}

/* ───── MOBİL ───── */
.tm-phones{position:relative;container-type:inline-size;width:100%;max-width:560px;margin-inline:auto;aspect-ratio:1/.92}
.tm-phones::before{content:"";position:absolute;inset:12% 8% 8%;border-radius:50%;background:radial-gradient(closest-side,rgba(22,168,110,.18),transparent);z-index:-1}
.tm-phones__p{position:absolute}
.tm-phones__p .mock-phone{max-width:none}
.tm-phones__p--m{left:31cqw;top:0;width:38cqw;z-index:3}
.tm-phones__p--l{left:2cqw;top:11cqw;width:32cqw;transform:rotate(-7deg);z-index:2}
.tm-phones__p--r{right:2cqw;top:11cqw;width:32cqw;transform:rotate(7deg);z-index:2}
.tph{position:relative;height:100%;display:flex;flex-direction:column;background:var(--bg);color:var(--fg)}
.tph__hero{position:relative;height:56%;overflow:hidden;color:#fff;flex:none}
.tph__hero picture{position:absolute;inset:0}
.tph__hero img{width:100%;height:100%;object-fit:cover;object-position:var(--op)}
.tph__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,18,13,.5),rgba(3,18,13,0) 32%,rgba(3,18,13,.15) 55%,rgba(3,18,13,.75))}
.tph__top{position:absolute;z-index:2;left:7cqw;right:7cqw;top:15cqw;display:flex;align-items:center;justify-content:space-between}
.tph__top b{font-size:5.6cqw;font-weight:800;line-height:1.1;max-width:75%}
.tph.serif .tph__top b,.tph.serif .tph__cap strong{font-family:var(--serif);font-weight:400}
.tph__menu{display:grid;gap:1.2cqw}
.tph__menu i{display:block;width:6cqw;height:.8cqw;border-radius:1cqw;background:#fff}
.tph__cap{position:absolute;z-index:2;left:7cqw;right:7cqw;bottom:6cqw}
.tph__cap span{display:block;font-size:2.8cqw;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--ac)}
.tph__cap strong{display:block;margin-top:1.4cqw;font-size:8cqw;line-height:1.06;font-weight:800;letter-spacing:-.02em}
.tph__body{flex:1;display:flex;flex-direction:column;gap:4cqw;padding:5cqw 6cqw}
.tph__btns{display:grid;grid-template-columns:1fr 1fr;gap:2.4cqw}
.tph__btns span{display:grid;place-items:center;height:10.5cqw;border-radius:var(--rad);background:var(--ac);color:var(--on-ac);font-size:3.4cqw;font-weight:800;white-space:nowrap}
.tph__btns span + span{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 .5cqw var(--ac)}
.tph__h{font-weight:800;font-size:4.4cqw}
.tph.serif .tph__h{font-family:var(--serif);font-weight:400}
.tph__rooms{display:grid;grid-template-columns:1fr 1fr;gap:3cqw}
.tph__rooms i{height:20cqw;border-radius:3cqw;background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 30%,var(--bg)),color-mix(in srgb,var(--fg) 10%,var(--bg)))}
.tph__chat{position:absolute;right:5cqw;bottom:5cqw;width:13cqw;height:13cqw;border-radius:50%;background:var(--ac);color:var(--on-ac);display:grid;place-items:center;box-shadow:0 2cqw 5cqw rgba(0,0,0,.3)}
.tph__chat svg{width:6cqw;height:6cqw}

/* ───── HER TEMADA ───── */
.tm-inc .card h3{font-size:1.1rem}
.tm-inc .card p{color:var(--on-dark-2);font-size:.95rem}

/* ───── OKUMA ───── */
.tm-read{display:grid;gap:1.5rem;align-items:center;padding:clamp(1.5rem,1rem + 2vw,2.5rem);border-radius:var(--r-xl);background:var(--g50);border:1px solid var(--line)}
@media (min-width:860px){.tm-read{grid-template-columns:1fr auto}}
.tm-read .h3{margin-bottom:.4rem}
.tm-read__links{display:grid;gap:.6rem}
.tm-read__links a{display:flex;align-items:center;gap:.7rem;padding:.9rem 1.1rem;border-radius:14px;background:#fff;box-shadow:var(--sh-sm);font-weight:800;text-decoration:none;color:var(--ink);transition:box-shadow .2s,color .2s}
.tm-read__links a:hover{color:var(--g700);box-shadow:var(--sh-md)}
.tm-read__links .ic{width:18px;height:18px;color:var(--g600);flex:none}
.tm-read__links .ic:last-child{margin-left:auto}
.cta-band__title em{white-space:nowrap}

/* ───── düzeltmeler (tur 2) ───── */
@media (max-width:1023.98px){
  .tm-cz__prev{order:-1;position:sticky;top:calc(var(--header-h) + .5rem);z-index:3}
  .tm-cz__prev .mock-browser__win{box-shadow:0 0 0 1px rgba(7,45,32,.08),0 18px 40px -12px rgba(3,20,14,.45)}
}
@media (max-width:639.98px){
  .tm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
  .tm-card{border-radius:var(--r-md)}
  .tm-card__prev{padding:7px 7px 0}
  .tm-card__body{padding:.6rem .7rem .75rem;gap:.35rem}
  .tm-card__top h3{font-size:1rem}
  .tm-card__no{font-size:.7rem}
  .tm-card__tags span{font-size:.6875rem;padding:.15rem .4rem;letter-spacing:.02em}
  .tm-card__body p{display:none}
  .tm-card__meta{padding-top:.45rem}
  .tm-card__sw i{width:16px;height:16px}
  .tm-card__ff{font-size:.72rem}
}

/* minyatür önizlemelerdeki dekoratif mikro metin (≈3px): erişilebilirlik ağacının dışında */
.tp [data-t]::before{content:attr(data-t)}