.vil{ position:relative; background:var(--z1); padding-block:var(--blm-pd); --vil-ust:calc(var(--nav-h) + .75rem); --vil-basamak:.9rem; --vil-yaricap:var(--yr-l); --vil-bo:var(--bo-1); --vil-y1:var(--yz-etk); --vil-y2:var(--yz-gvd); --vil-y3:var(--yz-gir); --vil-yd:.875rem; ;overflow-x:clip} .vil-bas{display:grid; justify-items:var(--blm-hiza-oge);text-align:var(--blm-hiza); gap:var(--blm-bsl-ara);margin-inline:0;margin-block-end:0} .vil-bas > p{max-inline-size:58ch;margin:0} .vil-tepe{ display:grid;gap:var(--bo-3); margin-block-end:var(--blm-bas-alt); } @media (min-width:62rem){ .vil-tepe{ grid-template-columns:minmax(0,1fr) minmax(17rem,23rem); column-gap:var(--blm-bas-oluk); align-items:baseline; } } .vil-bas-bsl{ font-family:Manrope,ui-sans-serif,sans-serif;font-weight:800; font-size:var(--blm-bsl);line-height:1.05;letter-spacing:-.035em; margin:0;max-inline-size:18ch;text-wrap:balance;color:var(--mrk); } html[lang="ar"] .vil-bas-bsl{font-family:"Noto Kufi Arabic",sans-serif;letter-spacing:0;line-height:1.35} /* 22.09.2026 Patron: bölüm açıklaması standardı (.byn-gvd ile aynı) */ .vil-giris{max-inline-size:60ch;font-size:var(--yz-gir);font-weight:400;line-height:1.66;color:color-mix(in oklab,var(--mrk2),var(--mrk) 30%)} .vil-iz{ position:relative;display:grid; gap:var(--bo-2); padding-inline:var(--kap-pay); } .vil-iz::-webkit-scrollbar{display:none} .vil-iz:focus-visible{outline:2px solid var(--aksan);outline-offset:-2px} .vil-iz{cursor:grab;touch-action:pan-y} .vil-iz[data-suruk="1"]{cursor:grabbing;user-select:none;-webkit-user-select:none} .vil-iz img{-webkit-user-drag:none} @media (prefers-reduced-motion:reduce){ .vil-iz{scroll-behavior:auto} } .vil-oge{ grid-area:1 / 1; inline-size:100%;min-inline-size:0; will-change:transform; z-index:1; transition:opacity .45s var(--egri); } .vil-oge[data-etkin]{z-index:2} .vil-oge:not([data-etkin]){ opacity:.62; cursor:pointer; } .vil-oge:not([data-etkin]) .vil-kart{scale:.96} .vil-iz[data-oynuyor] .vil-oge{opacity:1;scale:1} @media (prefers-reduced-motion:reduce){ .vil-oge{transition:none} .vil-oge:not([data-etkin]){opacity:.55} .vil-oge:not([data-etkin]) .vil-kart{scale:1} } .vil-kart{ position:relative; display:grid;grid-template-columns:0.88fr 1.34fr 0.78fr; grid-template-areas:"sol foto sag"; gap:calc(var(--vil-bo) * 2); padding:var(--kart-pd); border:1px solid var(--cizgi2); border-radius:var(--vil-yaricap); background:var(--vil-ton); overflow:hidden; transform-origin:50% 0; block-size:min(38rem, calc(100svh - var(--vil-ust) - 1.25rem)); --vil-mtn:color-mix(in oklab, var(--mrk) 45%, var(--mrk2)); --vil-etk:color-mix(in oklab, var(--mrk) 64%, var(--mrk3)); --vil-dugme:color-mix(in oklab, var(--aksan) 80%, var(--mrk)); } .vil-kart{--vil-taban:color-mix(in oklab, var(--z2) 95%, var(--toprak-mtn) 5%)} .vil-kart[data-ton="a"]{--vil-ton:var(--vil-taban)} .vil-kart[data-ton="b"]{--vil-ton:color-mix(in oklab, var(--vil-taban) 92%, var(--mrk))} .vil-kart[data-ton="c"]{--vil-ton:color-mix(in oklab, var(--vil-taban) 84%, var(--mrk))} .vil-kart::after{ content:"";position:absolute;inset:0;z-index:6;pointer-events:none; background:var(--z1);opacity:var(--vil-perde,0);border-radius:inherit; } .vil-gizli{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px; overflow:hidden;clip-path:inset(50%);white-space:nowrap} .vil-ikon{inline-size:1.05rem;block-size:1.05rem;flex:none} .vil-serit-ad{display:none} .vil-eylem .vil-mobil{display:none} .vil-adet{display:none} .vil-sol{grid-area:sol;display:flex;flex-direction:column;gap:var(--vil-bo); min-inline-size:0;min-block-size:0} .vil-rozet{ display:inline-flex;align-items:center;gap:.5rem;inline-size:max-content;margin:0; font-size:var(--vil-y1);font-weight:700;letter-spacing:.16em;text-transform:uppercase; line-height:1.3;color:var(--vil-etk); } .vil-rozet::before{content:"";inline-size:.45rem;block-size:.45rem;border-radius:50%; background:var(--vil-tip);flex:none} html[lang="ar"] .vil-rozet{letter-spacing:0;text-transform:none} .vil-tip{ font-family:Manrope,ui-sans-serif,sans-serif;font-weight:800; font-size:var(--blm-bsl);line-height:1.03;letter-spacing:-.035em; margin:0;color:var(--mrk); } html[lang="ar"] .vil-tip{font-family:"Noto Kufi Arabic",sans-serif;letter-spacing:0;line-height:1.35} .vil-tanit{font-size:var(--vil-y2);line-height:1.65;color:var(--vil-mtn);margin:0;max-inline-size:40ch} .vil-vurgu{font-weight:700;color:var(--mrk)} .vil-olcu{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); gap:calc(var(--vil-bo) * .6) 0;margin:0; } .vil-olcu > div:not(.vil-olcu-uzun){padding-inline-end:calc(var(--vil-bo) * .9)} .vil-olcu > div{ display:grid;grid-template-columns:1.05rem 1fr;grid-template-rows:auto auto; gap:.15rem calc(var(--vil-bo) * .45);align-items:center;align-content:start; padding-block-start:calc(var(--vil-bo) * .55); border-block-start:1px solid var(--cizgi2); } .vil-olcu .vil-ikon{grid-row:1 / span 2;align-self:start;margin-block-start:.1rem} .vil-olcu dt{grid-column:2;font-size:var(--yz-etk)} .vil-olcu dd{grid-column:2;font-size:var(--yz-gvd);font-weight:700;color:var(--mrk)} .vil-olcu > .vil-olcu-uzun{ grid-column:1 / -1; grid-template-columns:1.05rem auto minmax(0,1fr); grid-template-rows:auto; align-items:baseline; } .vil-olcu > .vil-olcu-uzun .vil-ikon{grid-row:1;grid-column:1;align-self:center;margin-block-start:0} .vil-olcu > .vil-olcu-uzun dt{grid-column:2;grid-row:1;white-space:nowrap} .vil-olcu > .vil-olcu-uzun dd{grid-column:3;grid-row:1;text-align:end;white-space:nowrap} .vil-olcu .vil-ikon{color:var(--vil-etk)} .vil-olcu dt{font-size:var(--vil-y1);font-weight:700;letter-spacing:.12em;text-transform:uppercase; line-height:1.3;color:var(--vil-etk)} .vil-olcu dd{margin:0;font-size:var(--vil-y3);line-height:1.3;font-weight:700;color:var(--mrk);text-align:start} .vil-olcu{--vil-sutun-oluk:2.25rem} .vil-olcu > div:not(.vil-olcu-uzun){ grid-template-columns:1.05rem auto minmax(0,1fr);grid-template-rows:auto;align-items:baseline} .vil-olcu > div:not(.vil-olcu-uzun) .vil-ikon{grid-row:1;grid-column:1;align-self:center;margin-block-start:0} .vil-olcu > div:not(.vil-olcu-uzun) dt{grid-column:2;grid-row:1;white-space:nowrap} .vil-olcu > div:not(.vil-olcu-uzun) dd{grid-column:3;grid-row:1;text-align:end;white-space:nowrap} .vil-olcu > div.vil-yari--sol{padding-inline-end:var(--vil-sutun-oluk)} .vil-olcu > div.vil-yari--sag{padding-inline-end:0} @media (max-width:30rem){ .vil-olcu{--vil-sutun-oluk:1.25rem} } html[lang="ar"] .vil-olcu dt{letter-spacing:0;text-transform:none} .vil-eylem{display:grid;grid-template-columns:1fr 1fr; gap:calc(var(--vil-bo) * .5);margin-block-start:auto} .vil-dugme{ display:flex;align-items:center;justify-content:center;gap:.5rem;min-inline-size:0; padding:.8rem .75rem;border-radius:var(--yr-xl); background:var(--vil-dugme);color:var(--z1); font-size:var(--vil-yd);font-weight:700;letter-spacing:.01em;line-height:1.25; transition:background var(--mikro) var(--egri); } .vil-dugme:hover{background:color-mix(in oklab, var(--aksan) 62%, var(--mrk))} .vil-dugme--sade{background:none;color:var(--mrk);border:1px solid var(--cizgi-bilesen)} .vil-dugme--sade:hover{background:color-mix(in oklab, var(--mrk) 8%, transparent)} .vil-fotokap{grid-area:foto;display:flex;flex-direction:column; gap:calc(var(--vil-bo) * .7);min-inline-size:0;min-block-size:0} .vil-fotokap > .vil-raykap{margin-block-start:auto} .vil-foto{ position:relative;margin:0;flex:1 1 auto; min-block-size:0;min-inline-size:0; border-radius:calc(var(--vil-yaricap) - .35rem);overflow:clip;background:var(--z3); --vil-olcek:1.08; --vil-par:0px; } .vil-foto:hover{--vil-olcek:1} .vil-oda-onizleme{ position:absolute;inset:0;inline-size:100%;block-size:100%; object-fit:cover;opacity:0;z-index:2;pointer-events:none; transition:opacity var(--mikro) var(--egri); } .vil-oda-onizleme[data-gorunur]{opacity:1} @media (prefers-reduced-motion:reduce){ .vil-oda-onizleme{transition:none} } .vil-kare{ position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover; opacity:0; transform:translate3d(0,var(--vil-par),0) scale(var(--vil-olcek)); transition:opacity 420ms var(--egri),transform 900ms var(--egri); } .vil-kare[data-tur="plan"]{object-fit:contain;background:var(--keten);padding:.4rem} .vil-kapak{position:absolute;inset-block-start:0;inset-inline:0;z-index:2; padding:calc(var(--vil-bo) * .8);pointer-events:none} .vil-etiket{ display:inline-flex;align-items:center;gap:.55rem;padding:.45rem 1rem;border-radius:var(--yr-xl); background:color-mix(in oklab, var(--z1) 90%, transparent);color:var(--mrk); font-size:var(--yz-etk);font-weight:700;letter-spacing:.1em;line-height:1.2; } .vil-etiket::before{content:"";inline-size:.45rem;block-size:.45rem;border-radius:50%; background:var(--vil-tip);flex:none} .vil-buyut{ position:absolute;z-index:2;inset-block-end:calc(var(--vil-bo) * .7); inset-inline-end:calc(var(--vil-bo) * .7); inline-size:2.75rem;block-size:2.75rem;border-radius:50%;display:grid;place-items:center; cursor:pointer;border:1px solid var(--cizgi-bilesen); background:color-mix(in oklab, var(--z1) 90%, transparent);color:var(--mrk); transition:background var(--mikro) var(--egri),transform var(--gecis) var(--egri); } .vil-buyut:hover{background:var(--z1);transform:scale(1.07)} .vil-raykap{position:relative;display:flex;align-items:flex-start;gap:.45rem; flex:none;min-inline-size:0} .vil-ray{ display:grid;grid-auto-flow:column; grid-auto-columns:calc((100% - 4 * var(--vil-bo) * .45) / 5); gap:calc(var(--vil-bo) * .45); overflow-x:auto;scroll-snap-type:inline proximity; min-inline-size:0;flex:1; scrollbar-width:none;overscroll-behavior-inline:contain; } .vil-ray::-webkit-scrollbar{display:none} .vil-rayok{ flex:none;padding:0;min-inline-size:2.75rem;min-block-size:2.75rem;border:0;background:none;cursor:pointer; color:var(--vil-etk);display:grid;place-items:center; margin-block-start:calc(var(--vil-kh, 3.2rem) / 2); transform:translateY(-50%); transition:color var(--mikro) var(--egri),opacity var(--mikro) var(--egri); } .vil-rayok:hover{color:var(--mrk)} .vil-rayok[disabled]{opacity:.25;cursor:default} .vil-rayok .vil-ikon{inline-size:1.15rem;block-size:1.15rem} html[dir="rtl"] .vil-rayok .vil-ikon{transform:scaleX(-1)} .vil-kucuk{display:grid;gap:.3rem;cursor:pointer;min-inline-size:0;scroll-snap-align:center} .vil-kucuk img{ inline-size:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--yr-s); opacity:.45;outline:2px solid transparent;outline-offset:-2px; transition:opacity var(--mikro) var(--egri),outline-color var(--mikro) var(--egri); } .vil-kucuk[data-tur="plan"] img{object-fit:contain;background:var(--keten)} .vil-kucuk:hover img{opacity:.9} .vil-kucuk span{ font-size:var(--yz-etk);font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.3; color:var(--vil-etk);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } html[lang="ar"] .vil-kucuk span{letter-spacing:0;text-transform:none} .vil-sag{grid-area:sag;display:flex;flex-direction:column; gap:calc(var(--vil-bo) * .7);min-inline-size:0;min-block-size:0} .vil-sekme{display:flex;gap:1.2rem;padding:0;border:0;flex:none; overflow-x:auto;scrollbar-width:none; padding-block-end:.5rem} .vil-sekme::-webkit-scrollbar{display:none} .vil-sekme label{ display:flex;align-items:center; min-block-size:2.75rem;padding-block:.75rem .45rem; cursor:pointer;white-space:nowrap; font-size:var(--vil-y1);font-weight:700;letter-spacing:.12em;text-transform:uppercase; line-height:1.3;color:var(--vil-etk); transition:color var(--mikro) var(--egri); } .vil-sekme label:hover{color:var(--mrk)} html[lang="ar"] .vil-sekme label{letter-spacing:0;text-transform:none} .vil-sag-bas{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;flex:none} .vil-sag-bsl{margin:0;font-family:Manrope,ui-sans-serif,sans-serif;font-weight:800; font-size:var(--yz-gir);line-height:1.3;letter-spacing:-.02em;color:var(--mrk)} html[lang="ar"] .vil-sag-bsl{font-family:"Noto Kufi Arabic",sans-serif;letter-spacing:0} .vil-sag-say{font-size:var(--vil-y1);font-weight:700;letter-spacing:.12em; text-transform:uppercase;line-height:1.3;color:var(--vil-etk)} html[lang="ar"] .vil-sag-say{letter-spacing:0;text-transform:none} .vil-katkap{display:none;position:relative;flex:1 1 auto;min-block-size:0} .vil-kat{ display:grid;gap:calc(var(--vil-bo) * .45);align-content:start; block-size:100%; overflow-x:clip;overflow-y:auto;overscroll-behavior:contain; padding-block-end:.9rem; scrollbar-width:none; } .vil-katkap[data-kaydir="1"] .vil-kat{padding-inline-end:1.6rem} .vil-katkap:not([data-kaydir]) .vil-kat{overflow-y:clip} .vil-kat::-webkit-scrollbar{display:none} .vil-katkap[data-kaydir="1"] .vil-kat{ mask-image:linear-gradient(to bottom,#000 calc(100% - 2rem),transparent); } .vil-katkap[data-kaydir="1"][data-son="1"] .vil-kat{mask-image:none} .vil-cubuk{ position:absolute;inset-block:0;inset-inline-end:2px;inline-size:5px; border-radius:var(--yr-tam);background:color-mix(in oklab, var(--mrk) 9%, transparent); opacity:0;transition:opacity var(--gecis) var(--egri);pointer-events:none; } .vil-katkap[data-kaydir="1"] .vil-cubuk{opacity:1;pointer-events:auto} .vil-cubuk i{ position:absolute;inset-inline:0;inset-block-start:0;block-size:2rem; border-radius:var(--yr-tam);background:color-mix(in oklab, var(--mrk) 38%, transparent); cursor:grab;transition:background var(--mikro) var(--egri); } .vil-cubuk i:hover,.vil-cubuk i:active{background:color-mix(in oklab, var(--mrk) 60%, transparent)} .vil-cubuk i:active{cursor:grabbing} .vil-oda{ display:grid;grid-template-columns:1fr auto;align-items:center; gap:calc(var(--vil-bo) * .7); padding-block:.62rem; padding-inline:.95rem; border-radius:var(--yr-m); background:color-mix(in oklab, var(--mrk) 4%, transparent); transition:background var(--mikro) var(--egri); } .vil-oda:hover{background:color-mix(in oklab, var(--mrk) 10%, transparent)} .vil-oda-ad{font-size:var(--vil-y3);font-weight:700;line-height:1.3;color:var(--mrk);min-inline-size:0} .vil-oda-ek{display:inline-flex;align-items:center;gap:.5rem;color:var(--vil-etk);flex:none} .vil-oda-360{ font-size:var(--yz-etk);font-weight:700;letter-spacing:.06em;line-height:1; padding:.28rem .5rem;border-radius:var(--yr-m); background:color-mix(in oklab, var(--mrk) 8%, transparent); transition:background var(--mikro) var(--egri),color var(--mikro) var(--egri); } .vil-oda:hover .vil-oda-360{background:var(--mrk);color:var(--z1)} .vil-oda-ek .vil-ikon:last-child{ inline-size:1.15rem;opacity:.5; transition:transform var(--gecis) var(--egri),opacity var(--mikro) var(--egri); } .vil-oda:hover .vil-oda-ek{color:var(--mrk)} .vil-oda:hover .vil-oda-ek .vil-ikon:first-child{opacity:1} .vil-oda:hover .vil-oda-ek .vil-ikon:last-child{opacity:1;transform:translateX(4px)} html[dir="rtl"] .vil-oda-ek .vil-ikon:last-child{transform:scaleX(-1)} html[dir="rtl"] .vil-oda:hover .vil-oda-ek .vil-ikon:last-child{transform:scaleX(-1) translateX(4px)} .vil-kat--mekan{gap:calc(var(--vil-bo) * .7)} .vil-mekan-not{margin:0;font-size:var(--vil-y2);line-height:1.6;color:var(--vil-mtn)} .vil-mekan-kat{margin:0 0 .35rem;font-size:var(--vil-y1);font-weight:700;letter-spacing:.14em; text-transform:uppercase;line-height:1.3;color:var(--vil-etk)} html[lang="ar"] .vil-mekan-kat{letter-spacing:0;text-transform:none} .vil-mekan-liste{list-style:none;margin:0;padding:0;display:grid} .vil-mekan-liste li{display:flex;justify-content:space-between;gap:.8rem; padding-block:.38rem;border-block-start:1px solid var(--cizgi2); font-size:var(--vil-y2);line-height:1.4;color:var(--vil-mtn)} .vil-mekan-liste b{font-weight:700;color:var(--mrk);white-space:nowrap} .vil-planac{ display:inline-flex;align-items:center;gap:.55rem;margin-block-start:auto;cursor:pointer;flex:none; inline-size:max-content;padding:.7rem 1.05rem;border-radius:var(--yr-xl); background:none; border:1px solid var(--cizgi-bilesen);color:var(--mrk); font-size:var(--vil-y2);font-weight:700;letter-spacing:.02em;line-height:1.2; transition:background var(--mikro) var(--egri); } .vil-planac:hover{background:color-mix(in oklab, var(--mrk) 8%, transparent)} .vil-planac .vil-ikon:last-child{inline-size:1.1rem;transition:transform var(--gecis) var(--egri)} .vil-planac:hover .vil-ikon:last-child{transform:translateX(4px)} html[dir="rtl"] .vil-planac .vil-ikon:last-child{transform:scaleX(-1)} .vil-a-z:checked ~ .vil-sag .vil-katkap[data-kat="zemin"], .vil-a-u:checked ~ .vil-sag .vil-katkap[data-kat="ust"], .vil-a-t:checked ~ .vil-sag .vil-katkap[data-kat="tum"], .vil-b-z:checked ~ .vil-sag .vil-katkap[data-kat="zemin"], .vil-b-u:checked ~ .vil-sag .vil-katkap[data-kat="ust"], .vil-b-t:checked ~ .vil-sag .vil-katkap[data-kat="tum"], .vil-c-z:checked ~ .vil-sag .vil-katkap[data-kat="zemin"], .vil-c-u:checked ~ .vil-sag .vil-katkap[data-kat="ust"], .vil-c-t:checked ~ .vil-sag .vil-katkap[data-kat="tum"]{display:block} .vil-a-z:checked ~ .vil-sag .vil-sekme label[for="vil-a-z"], .vil-a-u:checked ~ .vil-sag .vil-sekme label[for="vil-a-u"], .vil-a-t:checked ~ .vil-sag .vil-sekme label[for="vil-a-t"], .vil-b-z:checked ~ .vil-sag .vil-sekme label[for="vil-b-z"], .vil-b-u:checked ~ .vil-sag .vil-sekme label[for="vil-b-u"], .vil-b-t:checked ~ .vil-sag .vil-sekme label[for="vil-b-t"], .vil-c-z:checked ~ .vil-sag .vil-sekme label[for="vil-c-z"], .vil-c-u:checked ~ .vil-sag .vil-sekme label[for="vil-c-u"], .vil-c-t:checked ~ .vil-sag .vil-sekme label[for="vil-c-t"]{color:var(--mrk)} .vil-a-z:checked ~ .vil-sag .vil-sekme label[for="vil-a-z"]::before, .vil-a-z:checked ~ .vil-sag .vil-sekme label[for="vil-a-z"]::after, .vil-a-u:checked ~ .vil-sag .vil-sekme label[for="vil-a-u"]::before, .vil-a-u:checked ~ .vil-sag .vil-sekme label[for="vil-a-u"]::after, .vil-a-t:checked ~ .vil-sag .vil-sekme label[for="vil-a-t"]::before, .vil-a-t:checked ~ .vil-sag .vil-sekme label[for="vil-a-t"]::after, .vil-b-z:checked ~ .vil-sag .vil-sekme label[for="vil-b-z"]::before, .vil-b-z:checked ~ .vil-sag .vil-sekme label[for="vil-b-z"]::after, .vil-b-u:checked ~ .vil-sag .vil-sekme label[for="vil-b-u"]::before, .vil-b-u:checked ~ .vil-sag .vil-sekme label[for="vil-b-u"]::after, .vil-b-t:checked ~ .vil-sag .vil-sekme label[for="vil-b-t"]::before, .vil-b-t:checked ~ .vil-sag .vil-sekme label[for="vil-b-t"]::after, .vil-c-z:checked ~ .vil-sag .vil-sekme label[for="vil-c-z"]::before, .vil-c-z:checked ~ .vil-sag .vil-sekme label[for="vil-c-z"]::after, .vil-c-u:checked ~ .vil-sag .vil-sekme label[for="vil-c-u"]::before, .vil-c-u:checked ~ .vil-sag .vil-sekme label[for="vil-c-u"]::after, .vil-c-t:checked ~ .vil-sag .vil-sekme label[for="vil-c-t"]::before, .vil-c-t:checked ~ .vil-sag .vil-sekme label[for="vil-c-t"]::after{opacity:1} .vil-devam{ position:fixed;inset-block-end:clamp(1rem,3vh,1.8rem);inset-inline:0;z-index:140; display:flex;justify-content:center;pointer-events:none; opacity:0;transition:opacity var(--gecis) var(--egri); } .vil-devam[data-gorunur="1"]{opacity:1} .vil-devam-dugme{ pointer-events:auto;cursor:pointer; display:inline-flex;align-items:center;gap:.55rem; padding:.7rem 1.05rem;border-radius:var(--yr-xl); border:1px solid var(--cizgi-bilesen); background:color-mix(in oklab, var(--z1) 92%, transparent); color:var(--mrk); font-size:var(--vil-y2);font-weight:700;letter-spacing:.02em;line-height:1.2; animation:vil-in 2.1s var(--egri) infinite; transition:background var(--mikro) var(--egri); } .vil-devam-dugme:hover{background:var(--z1)} .vil-devam-dugme .vil-ikon{inline-size:1.05rem;block-size:1.05rem} @keyframes vil-in{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(5px)} } @media (max-width:70rem){ .vil-kart{grid-template-columns:1fr 1fr;grid-template-areas:"foto sol" "sag sag"; block-size:auto;max-block-size:none} .vil-mekan-liste{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))} } .vil-iz{ display:flex;align-items:stretch;gap:var(--vil-bo); padding-inline:0; cursor:auto;touch-action:auto; } .vil-oge{ grid-area:auto;position:relative;transform:none !important; flex:1 1 0; min-inline-size:0;overflow:hidden;border-radius:var(--vil-yaricap); cursor:pointer;will-change:auto; transition:none; } .vil-oge[data-etkin]{ flex:1 1 100%; cursor:auto; } .vil-oge:not([data-etkin]){ display:none } .vil-oge .vil-kart{ inline-size:var(--vil-kart-w, 100%); margin-inline:auto; max-inline-size:none; } .vil-oge:not([data-etkin]) .vil-kart{ filter:blur(3px) saturate(.85); opacity:.5;pointer-events:none; } @keyframes vil-orta-ileri{ from{ translate:3.5% 0; opacity:0 } to{ translate:0 0; opacity:1 } } @keyframes vil-orta-geri { from{ translate:-3.5% 0; opacity:0 } to{ translate:0 0; opacity:1 } } @keyframes vil-kenar-ac { from{ opacity:0 } to{ opacity:.5 } } .vil-oge[data-etkin] .vil-kart{ animation:vil-orta-ileri .48s var(--egri) both; } .vil-iz[data-vil-yon="geri"] .vil-oge[data-etkin] .vil-kart{ animation-name:vil-orta-geri; } .vil-oge:not([data-etkin]) .vil-kart{ animation:vil-kenar-ac .48s var(--egri) both; } .vil-oge:not([data-etkin])::before{ content:"";position:absolute;inset:0;z-index:2;pointer-events:none; background:color-mix(in oklab, var(--z1) 46%, transparent); } .vil-serit-ad{ display:flex;position:absolute;inset:0;z-index:3; align-items:center;justify-content:center; pointer-events:none;color:var(--mrk); transition:opacity var(--gecis,.42s) var(--egri); } .vil-serit-ad b{ writing-mode:vertical-rl;text-orientation:upright; text-transform:uppercase;font-weight:800; font-size:clamp(1.05rem, .9rem + .42vw, 1.45rem); letter-spacing:.42em;line-height:1; font-variant-numeric:tabular-nums; padding-block-end:.42em; } .vil-oge[data-etkin] .vil-serit-ad{opacity:0} @media (max-width:56rem){ .vil-iz{display:block;padding-inline:var(--kap-pay);padding-block-end:0} .vil-oge{ grid-area:auto;position:static;transform:none !important; flex:none;overflow:visible;border-radius:0;cursor:auto; display:none; } .vil-oge[data-etkin]{display:block} .vil-serit-ad{display:none} .vil-oge:not([data-etkin])::before{content:none} .vil-kart{ border:0;border-radius:0;background:none;padding:0; block-size:auto;overflow:visible; } .vil-kart::after{content:none} .vil .vil-ust{ position:sticky;inset-block-start:calc(var(--nav-h) + var(--cerceve, 1rem) + .35rem);z-index:20; margin-inline:0;padding-inline:var(--kap-pay); padding-block:calc(var(--vil-bo) * .55) calc(var(--vil-bo) * .35); background:var(--z1); margin-block-end:calc(var(--vil-bo) * 1.1); } .vil-devam{display:none} .vil-kart{ grid-template-columns:1fr;grid-template-areas:"foto" "sol" "sag"; block-size:auto;filter:none; transform:none!important;clip-path:none!important;--vil-perde:0!important; } .vil-foto{aspect-ratio:16/10;min-block-size:0} .vil-ray{grid-auto-columns:calc((100% - 3 * var(--vil-bo) * .45) / 3.4)} .vil-katkap{min-block-size:0} .vil-oge .vil-kart{inline-size:auto} .vil-eylem .vil-mobil{display:flex} .vil-raykap{display:none} .vil-sag-bas,.vil-sekme{display:none} .vil .vil-kart .vil-sag .vil-katkap.vil-katkap[data-kat]{display:none} .vil-sag{display:block;min-block-size:0;margin-block-start:.55rem} .vil-buyut{ inline-size:auto;block-size:auto;border-radius:var(--yr-xl); padding:.5rem .85rem;gap:.4rem;display:inline-flex;align-items:center;min-block-size:2.75rem; } .vil-adet{display:inline;font-size:var(--vil-y1);font-weight:800;letter-spacing:.04em} .vil-kart{ grid-template-columns:1fr 1fr;grid-template-areas:none; column-gap:.55rem;row-gap:var(--vil-bo); } .vil-sol,.vil-sag,.vil-eylem{display:contents} .vil-rozet,.vil-tip,.vil-tanit,.vil-olcu{grid-column:1 / -1} .vil-fotokap{grid-area:auto;grid-column:1 / -1;order:-1} .vil-eylem > .vil-dugme:first-child, .vil-eylem > .vil-dugme:nth-child(2){margin-block-start:calc(var(--vil-bo) * .35)} .vil-dugme,.vil-planac{ inline-size:100%;max-inline-size:none;min-inline-size:0; display:flex;align-items:center;justify-content:center;text-align:center;gap:.45rem; padding-block:.8rem;padding-inline:.6rem; border-radius:var(--yr-l); font-size:var(--vil-yd);line-height:1.25;min-block-size:2.9rem; } .vil-planac{inline-size:100%} .vil-planac .vil-ikon:last-child{display:none} .vil-planac{margin-block-start:0} .vil-dugme,.vil-planac{background:none;border:1px solid var(--cizgi-bilesen);color:var(--mrk)} .vil-mobil{background:var(--vil-dugme);border-color:transparent;color:var(--z1)} } @media (max-width:30rem){ .vil-mekan-liste{grid-template-columns:1fr} } @media (prefers-reduced-motion:reduce){ .vil-oge{transition:none} .vil-oge .vil-kart{animation:none} .vil-kart{block-size:auto;transform:none!important;clip-path:none!important; --vil-perde:0!important} .vil-foto{--vil-olcek:1} .vil-kare{transition:opacity .001ms} .vil-oge[data-etkin] .vil-kart{filter:none!important} .vil-serit-ad{transition:none} .vil-devam-dugme{animation:none} .vil-ray{scroll-behavior:auto} } .vil-a-g1:checked ~ .vil-fotokap .vil-kare:nth-of-type(1), .vil-a-g2:checked ~ .vil-fotokap .vil-kare:nth-of-type(2), .vil-a-g3:checked ~ .vil-fotokap .vil-kare:nth-of-type(3), .vil-a-g4:checked ~ .vil-fotokap .vil-kare:nth-of-type(4), .vil-a-g5:checked ~ .vil-fotokap .vil-kare:nth-of-type(5), .vil-a-g6:checked ~ .vil-fotokap .vil-kare:nth-of-type(6), .vil-a-g7:checked ~ .vil-fotokap .vil-kare:nth-of-type(7), .vil-a-g8:checked ~ .vil-fotokap .vil-kare:nth-of-type(8), .vil-a-g9:checked ~ .vil-fotokap .vil-kare:nth-of-type(9), .vil-a-g10:checked ~ .vil-fotokap .vil-kare:nth-of-type(10), .vil-b-g1:checked ~ .vil-fotokap .vil-kare:nth-of-type(1), .vil-b-g2:checked ~ .vil-fotokap .vil-kare:nth-of-type(2), .vil-b-g3:checked ~ .vil-fotokap .vil-kare:nth-of-type(3), .vil-b-g4:checked ~ .vil-fotokap .vil-kare:nth-of-type(4), .vil-b-g5:checked ~ .vil-fotokap .vil-kare:nth-of-type(5), .vil-b-g6:checked ~ .vil-fotokap .vil-kare:nth-of-type(6), .vil-b-g7:checked ~ .vil-fotokap .vil-kare:nth-of-type(7), .vil-b-g8:checked ~ .vil-fotokap .vil-kare:nth-of-type(8), .vil-b-g9:checked ~ .vil-fotokap .vil-kare:nth-of-type(9), .vil-b-g10:checked ~ .vil-fotokap .vil-kare:nth-of-type(10), .vil-c-g1:checked ~ .vil-fotokap .vil-kare:nth-of-type(1), .vil-c-g2:checked ~ .vil-fotokap .vil-kare:nth-of-type(2), .vil-c-g3:checked ~ .vil-fotokap .vil-kare:nth-of-type(3), .vil-c-g4:checked ~ .vil-fotokap .vil-kare:nth-of-type(4), .vil-c-g5:checked ~ .vil-fotokap .vil-kare:nth-of-type(5), .vil-c-g6:checked ~ .vil-fotokap .vil-kare:nth-of-type(6), .vil-c-g7:checked ~ .vil-fotokap .vil-kare:nth-of-type(7), .vil-c-g8:checked ~ .vil-fotokap .vil-kare:nth-of-type(8), .vil-c-g9:checked ~ .vil-fotokap .vil-kare:nth-of-type(9), .vil-c-g10:checked ~ .vil-fotokap .vil-kare:nth-of-type(10){opacity:1} .vil-a-g1:checked ~ .vil-fotokap .vil-ray label:nth-child(1) img, .vil-a-g2:checked ~ .vil-fotokap .vil-ray label:nth-child(2) img, .vil-a-g3:checked ~ .vil-fotokap .vil-ray label:nth-child(3) img, .vil-a-g4:checked ~ .vil-fotokap .vil-ray label:nth-child(4) img, .vil-a-g5:checked ~ .vil-fotokap .vil-ray label:nth-child(5) img, .vil-a-g6:checked ~ .vil-fotokap .vil-ray label:nth-child(6) img, .vil-a-g7:checked ~ .vil-fotokap .vil-ray label:nth-child(7) img, .vil-a-g8:checked ~ .vil-fotokap .vil-ray label:nth-child(8) img, .vil-a-g9:checked ~ .vil-fotokap .vil-ray label:nth-child(9) img, .vil-a-g10:checked ~ .vil-fotokap .vil-ray label:nth-child(10) img, .vil-b-g1:checked ~ .vil-fotokap .vil-ray label:nth-child(1) img, .vil-b-g2:checked ~ .vil-fotokap .vil-ray label:nth-child(2) img, .vil-b-g3:checked ~ .vil-fotokap .vil-ray label:nth-child(3) img, .vil-b-g4:checked ~ .vil-fotokap .vil-ray label:nth-child(4) img, .vil-b-g5:checked ~ .vil-fotokap .vil-ray label:nth-child(5) img, .vil-b-g6:checked ~ .vil-fotokap .vil-ray label:nth-child(6) img, .vil-b-g7:checked ~ .vil-fotokap .vil-ray label:nth-child(7) img, .vil-b-g8:checked ~ .vil-fotokap .vil-ray label:nth-child(8) img, .vil-b-g9:checked ~ .vil-fotokap .vil-ray label:nth-child(9) img, .vil-b-g10:checked ~ .vil-fotokap .vil-ray label:nth-child(10) img, .vil-c-g1:checked ~ .vil-fotokap .vil-ray label:nth-child(1) img, .vil-c-g2:checked ~ .vil-fotokap .vil-ray label:nth-child(2) img, .vil-c-g3:checked ~ .vil-fotokap .vil-ray label:nth-child(3) img, .vil-c-g4:checked ~ .vil-fotokap .vil-ray label:nth-child(4) img, .vil-c-g5:checked ~ .vil-fotokap .vil-ray label:nth-child(5) img, .vil-c-g6:checked ~ .vil-fotokap .vil-ray label:nth-child(6) img, .vil-c-g7:checked ~ .vil-fotokap .vil-ray label:nth-child(7) img, .vil-c-g8:checked ~ .vil-fotokap .vil-ray label:nth-child(8) img, .vil-c-g9:checked ~ .vil-fotokap .vil-ray label:nth-child(9) img, .vil-c-g10:checked ~ .vil-fotokap .vil-ray label:nth-child(10) img{opacity:1;outline-color:var(--mrk)} .vil-ust{ position:sticky;inset-block-start:calc(var(--nav-h) + var(--cerceve, 1rem) + .35rem);z-index:20; background:var(--z1); display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); inline-size:auto;max-inline-size:none;margin-inline:var(--kap-pay);padding-inline:0; margin-block-end:calc(var(--vil-bo) * 1.6); } html[data-kaydi="1"] .vil .vil-ust{ inset-block-start:var(--nav-h); } .vil-bag{ display:grid;gap:.15rem;justify-items:center;text-align:center;cursor:pointer; padding-block:.7rem 1rem;padding-inline:.5rem; background:transparent;border:0;color:var(--mrk2); transition:color var(--mikro,.18s) var(--egri); } .vil-bag:hover{color:var(--mrk2)} .vil-bag[aria-current="true"]{color:var(--mrk)} .vil-bag:focus-visible{outline:2px solid var(--aksan);outline-offset:-2px;border-radius:var(--yr-s)} .vil-bag-ad{font-size:var(--yz-gir);font-weight:700;letter-spacing:-.01em;line-height:var(--sy-sik)} .vil-bag-alt{font-size:var(--yz-etk);letter-spacing:.11em;text-transform:uppercase;color:var(--mrk2)} .vil-bag[aria-current="true"] .vil-bag-alt{color:var(--toprak-mtn)} @media (max-width:56rem){ .vil-bag-alt{display:none} .vil-bag{padding-block:.55rem .8rem} } @media (prefers-reduced-motion:no-preference){ @supports (animation-timeline: view()){ .vil-foto{ animation-name:vil-par;animation-duration:auto; animation-timing-function:linear;animation-fill-mode:both; animation-timeline:view();animation-range:cover 0% cover 100%; } @keyframes vil-par{ from{--vil-par:-4%} to{--vil-par:4%} } @property --vil-par{ syntax:""; inherits:true; initial-value:0px } } } .vil-rayok{position:relative} .vil-rayok::after,.vil-buyut::after{ content:"";position:absolute; inset-block-start:50%;inset-inline-start:50%; inline-size:2.75rem;block-size:2.75rem; transform:translate(-50%,-50%); } html[dir="rtl"] .vil-rayok::after,html[dir="rtl"] .vil-buyut::after{ transform:translate(50%,-50%); } .vil-blg{ --blg-dolu:color-mix(in oklab, var(--aksan) 80%, var(--mrk)); margin-block-start:0; } @media (max-width:61.99rem){ .vil-blg{ padding-block-start:var(--bo-2); border-block-start:1px solid var(--cizgi2); } } .vil-blg-bas{display:grid;gap:.5rem;margin-block-end:calc(var(--vil-bo) * 1.3)} .vil-blg-bsl{ margin:0;font-size:clamp(1.35rem, 1.1rem + 1.1vw, 2rem); font-weight:800;letter-spacing:-.025em;line-height:1.1;color:var(--mrk); } html[lang="ar"] .vil-blg-bsl, html[lang="ar"] .vil-blg-mbsl{font-family:"Noto Kufi Arabic",sans-serif;letter-spacing:0;line-height:1.35} .vil-blg-not{margin:0;font-size:var(--vil-y2);line-height:1.55;color:var(--mrk2); max-inline-size:52ch} @media (min-width:62rem){ .vil-blg-bas{gap:.45rem;margin-block-end:0} .vil-blg-bsl{font-size:clamp(1.15rem, .95rem + .55vw, 1.45rem)} .vil-blg-not{max-inline-size:34ch} .vil-blg{text-align:end} .vil-blg-bas{justify-items:end} .vil-blg-eylemler{justify-content:end} } .vil-blg-suz{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:calc(var(--vil-bo) * 1.1)} .vil-blg-suzd{ padding:.6rem .9rem;min-block-size:2.75rem;cursor:pointer; background:none;border:1px solid var(--cizgi-bilesen);border-radius:var(--yr-l); font-size:var(--vil-yd);font-weight:700;letter-spacing:.02em;color:var(--mrk2); transition:color var(--mikro) var(--egri),background var(--mikro) var(--egri); } .vil-blg-suzd:hover{background:color-mix(in oklab, var(--mrk) 6%, transparent)} .vil-blg-suzd[aria-pressed="true"]{ background:var(--blg-dolu);border-color:transparent;color:var(--z1); } .vil-blg-liste{max-inline-size:52rem} .vil-blg-grup{margin-block-end:calc(var(--vil-bo) * 1.4)} .vil-blg-grup:last-child{margin-block-end:0} .vil-blg-grup-ad{ margin:0 0 .35rem;font-size:var(--vil-y1);font-weight:700; letter-spacing:.12em;text-transform:uppercase;color:var(--mrk2); } html[lang="ar"] .vil-blg-grup-ad{letter-spacing:0;text-transform:none} .vil-blg-sat{ display:grid;grid-template-columns:1.15rem minmax(0,1fr) auto auto; align-items:center;gap:.75rem; padding-block:.8rem;min-block-size:3rem;cursor:pointer; border-block-end:1px solid var(--cizgi2); } .vil-blg-sat:last-child{border-block-end:0} .vil-blg-sat:hover{background:color-mix(in oklab, var(--mrk) 4%, transparent)} .vil-blg-kutu{ inline-size:1.15rem;block-size:1.15rem;flex:none;position:relative; border:1.5px solid var(--cizgi-bilesen);border-radius:calc(var(--yr-s) * .5); display:grid;place-items:center; transition:background var(--mikro) var(--egri); } .vil-blg-kutu::after{ content:"";inline-size:.55rem;block-size:.3rem; border-inline-start:2px solid var(--z1);border-block-end:2px solid var(--z1); transform:rotate(-45deg) translate(1px,-1px); opacity:0;transition:opacity var(--mikro) var(--egri); } .vil-blg-sat[data-secili="1"] .vil-blg-kutu{background:var(--blg-dolu);border-color:transparent} .vil-blg-sat[data-secili="1"] .vil-blg-kutu::after{opacity:1} .vil-blg-giris{position:absolute;inline-size:1px;block-size:1px; padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .vil-blg-giris:focus-visible + .vil-blg-kutu{outline:2px solid var(--aksan);outline-offset:2px} .vil-blg-ad{font-size:var(--vil-y2);font-weight:700;line-height:1.35;color:var(--mrk); min-inline-size:0;overflow-wrap:anywhere} .vil-blg-olcu{font-size:var(--vil-y1);font-weight:700;letter-spacing:.06em; color:var(--mrk2);white-space:nowrap} .vil-blg-tek{ inline-size:2.75rem;block-size:2.75rem;display:grid;place-items:center; border-radius:var(--yr-tam);color:var(--mrk2); transition:background var(--mikro) var(--egri),color var(--mikro) var(--egri); } .vil-blg-tek:hover{background:color-mix(in oklab, var(--mrk) 8%, transparent);color:var(--mrk)} .vil-blg-alt{ display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.1rem; margin-block-start:calc(var(--vil-bo) * 1.2); padding-block-start:calc(var(--vil-bo) * .9); border-block-start:1px solid var(--cizgi2); } .vil-blg-sayac{margin:0;font-size:var(--vil-y2);color:var(--mrk2);flex:1 1 14rem;min-inline-size:0} .vil-blg-sayac[data-tavan="1"]{color:var(--toprak-mtn);font-weight:700} .vil-blg-eylem{display:flex;flex-wrap:wrap;gap:.55rem} .vil-blg-eylem .vil-dugme{inline-size:auto} .vil-blg-eylem .vil-dugme[disabled]{opacity:.45;cursor:not-allowed} .vil-blg-eylem .vil-dugme[disabled]:hover{background:var(--aksan)} @media (max-width:56rem){ .vil-blg-sat{grid-template-columns:1.15rem minmax(0,1fr) auto;gap:.6rem} .vil-blg-olcu{grid-column:2;grid-row:2;font-size:var(--vil-y1)} .vil-blg-eylem{inline-size:100%} .vil-blg-eylem .vil-dugme{flex:1 1 0;min-inline-size:0} } @media (prefers-reduced-motion:reduce){ .vil-blg-suzd,.vil-blg-kutu,.vil-blg-kutu::after,.vil-blg-tek{transition:none} } .vil-blg-ac{ justify-self:start; display:inline-flex;align-items:center;gap:.55rem; min-block-size:2.75rem;padding:.65rem 1.15rem;margin-block-start:.35rem; border:1px solid var(--cizgi-bilesen);border-radius:var(--yr-tam); background:none;color:var(--mrk);cursor:pointer; font-size:var(--vil-yd);font-weight:700;letter-spacing:.01em; transition:background var(--mikro) var(--egri); } .vil-blg-ac:hover{background:var(--z2)} .vil-blg-eylemler{display:flex;flex-wrap:wrap;gap:.5rem} .vil-blg-ac[data-vil-blg-katalog]{text-decoration:none} .vil-blg-ac[hidden]{display:none} .vil-blg-ac .vil-ikon{inline-size:1.15rem;block-size:1.15rem;flex:none;color:var(--aksan)} .vil-blg-adet{color:var(--mrk2);font-weight:600} .vil-blg-govde[hidden]{display:none} .vil-blg-govde{ --vil-dugme:color-mix(in oklab, var(--aksan) 80%, var(--mrk)); --blg-dolu:color-mix(in oklab, var(--aksan) 80%, var(--mrk)); --vil-bo:var(--bo-1); --vil-y2:var(--yz-gvd); --vil-yd:.875rem; } [data-mdl-tasiyici] > .vil-blg-govde{ inline-size:min(72rem, 100%);margin-inline:auto; display:grid;gap:clamp(1rem, 2.4vw, 1.55rem); background:var(--z1);color:var(--mrk); border:1px solid var(--cizgi);border-radius:var(--yr-l); padding:clamp(1.35rem, 3.2vw, 2.4rem); } .vil-blg-mbas{display:none} [data-mdl-tasiyici] > .vil-blg-govde .vil-blg-mbas{display:grid;gap:.4rem} .vil-blg-mbsl{margin:0;font-size:clamp(1.15rem, 1rem + .8vw, 1.5rem); font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--mrk)} .vil-blg-mnot{margin:0;font-size:var(--vil-y2);line-height:1.55;color:var(--mrk2); max-inline-size:52ch} [data-mdl-tasiyici] > .vil-blg-govde .vil-blg-suz{margin-block-end:0} [data-mdl-tasiyici] > .vil-blg-govde .vil-blg-liste{ max-inline-size:none; display:grid;align-items:start;justify-items:start; grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr)); column-gap:var(--bo-3);row-gap:calc(var(--vil-bo) * 1.4); } [data-mdl-tasiyici] > .vil-blg-govde .vil-blg-grup{ margin-block-end:0;inline-size:100%;max-inline-size:36rem; } [data-mdl-tasiyici] > .vil-blg-govde .vil-blg-alt{ position:sticky;inset-block-end:calc(clamp(1.35rem, 3.2vw, 2.4rem) * -1); background:var(--z1); margin-inline:calc(clamp(1.35rem, 3.2vw, 2.4rem) * -1); margin-block-end:calc(clamp(1.35rem, 3.2vw, 2.4rem) * -1); padding:.85rem clamp(1.35rem, 3.2vw, 2.4rem); border-block-start:1px solid var(--cizgi2); border-end-start-radius:var(--yr-l);border-end-end-radius:var(--yr-l); } @media (max-width:36rem){ [data-mdl-tasiyici] > .vil-blg-govde{ inline-size:100%;border-radius:var(--yr-l) var(--yr-l) 0 0; border-block-end:0;padding-inline:1.1rem; } [data-mdl-tasiyici] > .vil-blg-govde .vil-blg-alt{ margin-inline:-1.1rem;padding-inline:1.1rem;border-radius:0; } } /* PDF: ikiye bölünmüş düğme — büyük kısım yeni sekmede açar, ⬇ indirir (22.09.2026) */ .pdf-bol{display:flex;align-items:stretch;min-inline-size:0; border:1px solid var(--cizgi-bilesen);border-radius:var(--yr-xl);overflow:hidden} .pdf-bol[hidden]{display:none} .pdf-bol > .vil-dugme--sade,.pdf-bol > .vil-blg-ac{flex:1 1 auto;min-inline-size:0;border:0;border-radius:0;margin:0} .pdf-bol-yon{inline-size:.95rem!important;block-size:.95rem!important;opacity:.55} .pdf-bol-in{flex:none;display:grid;place-items:center;inline-size:2.9rem; border-inline-start:1px solid var(--cizgi-bilesen);color:var(--mrk);text-decoration:none; transition:background var(--mikro) var(--egri)} .pdf-bol-in .vil-ikon{inline-size:1.1rem;block-size:1.1rem} .pdf-bol-in:hover{background:color-mix(in oklab, var(--mrk) 8%, transparent)} .pdf-bol a:focus-visible{outline:2px solid var(--aksan);outline-offset:-3px} .pdf-bol--tam{border-radius:var(--yr-tam);margin-block-start:.35rem;justify-self:start} .pdf-bol--tam > .vil-blg-ac:hover{background:var(--z2)} .vil-blg-sat{grid-template-columns:1.15rem minmax(0,1fr) auto auto auto} .vil-blg-tek--ac .vil-ikon{inline-size:1.05rem;block-size:1.05rem} @media (max-width:56rem){ .vil-blg-sat{grid-template-columns:1.15rem minmax(0,1fr) auto auto} } @media (prefers-reduced-motion:reduce){ .pdf-bol-in{transition:none} } /* bölünmüş düğme: yazı tek satır kalsın */ .pdf-bol > .vil-dugme--sade{white-space:nowrap} @media (min-width:56.0625rem){ .vil-eylem > .pdf-bol{grid-column:1 / -1;justify-self:start} } @media (max-width:56rem){ .pdf-bol{border-radius:var(--yr-l)} .pdf-bol > .vil-dugme--sade{padding-inline:.5rem} .pdf-bol-in{inline-size:2.6rem} } @media (max-width:30rem){ /* telefonda 360° · kat planı PDF · kat planlarını aç tam genişlikte alt alta */ .vil-eylem > .vil-mobil,.vil-eylem > .pdf-bol,.vil-planac{grid-column:1 / -1} } /* bölünmüş katalog düğmesi + «Tüm belgeler» yan yana sığsın */ @media (min-width:62rem){ .vil-tepe{grid-template-columns:minmax(0,1fr) minmax(16rem,19rem)} } /* «Katalog» ve «Tüm belgeler» aynı boyutta: yan yana sığarsa iki eşit sütun, sığmazsa alt alta tam genişlik */ .vil-blg-eylemler{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;inline-size:100%} .vil-blg-eylemler > .pdf-bol,.vil-blg-eylemler > .vil-blg-ac{justify-self:stretch;margin-block-start:.35rem;min-block-size:2.9rem;box-sizing:border-box} .vil-blg-eylemler > .vil-blg-ac{justify-content:center} .vil-blg-eylemler > .pdf-bol > .vil-blg-ac{justify-content:center;white-space:nowrap;padding-inline:.9rem} .pdf-bol--tam .pdf-bol-yon{display:none} /* villa seçenekleri: başlık ve açıklama daha geniş (23.09.2026) */ .vil-bas > p,.vil-giris{max-inline-size:80ch} .vil-bas-bsl{max-inline-size:none} /* 24.09.2026 Patron: villa kartı galerisi 6 → 7 dış görsel; planlar g8–g11'e kaydı, 11. yuva kuralı */ .vil-a-g11:checked ~ .vil-fotokap .vil-kare:nth-of-type(11), .vil-b-g11:checked ~ .vil-fotokap .vil-kare:nth-of-type(11), .vil-c-g11:checked ~ .vil-fotokap .vil-kare:nth-of-type(11){opacity:1} .vil-a-g11:checked ~ .vil-fotokap .vil-ray label:nth-child(11) img, .vil-b-g11:checked ~ .vil-fotokap .vil-ray label:nth-child(11) img, .vil-c-g11:checked ~ .vil-fotokap .vil-ray label:nth-child(11) img{opacity:1;outline-color:var(--mrk)}