/* pati.css */
@font-face {
font-family: "Inter Variable";
src: url("/wp-content/themes/pati/assets/fonts/inter-latin-4-7.woff2") format("woff2");
font-style: normal;
font-weight: 400 700;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter Variable";
src: url("/wp-content/themes/pati/assets/fonts/inter-tr-4-7.woff2") format("woff2");
font-style: normal;
font-weight: 400 700;
font-display: swap;
unicode-range: U+011E-011F, U+0130, U+015E-015F;
}
@font-face {
font-family: "Inter Variable";
src: url("/wp-content/themes/pati/assets/fonts/inter-latin-ext-4-7.woff2") format("woff2");
font-style: normal;
font-weight: 400 700;
font-display: swap;
unicode-range: U+0100-011D, U+0120-012F, U+0132-015D, U+0160-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: "Jost";
src: url("/wp-content/themes/pati/assets/fonts/jost-latin-4-7.woff2") format("woff2");
font-style: normal;
font-weight: 400 699;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Jost";
src: url("/wp-content/themes/pati/assets/fonts/jost-latin-4-7-700.woff2") format("woff2");
font-style: normal;
font-weight: 700 900;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Jost";
src: url("/wp-content/themes/pati/assets/fonts/jost-tr-4-7.woff2") format("woff2");
font-style: normal;
font-weight: 400 699;
font-display: swap;
unicode-range: U+011E-011F, U+0130, U+015E-015F;
}
@font-face {
font-family: "Jost";
src: url("/wp-content/themes/pati/assets/fonts/jost-tr-4-7-700.woff2") format("woff2");
font-style: normal;
font-weight: 700 900;
font-display: swap;
unicode-range: U+011E-011F, U+0130, U+015E-015F;
}
@font-face {
font-family: "Jost";
src: url("/wp-content/themes/pati/assets/fonts/jost-latin-ext-4-7.woff2") format("woff2");
font-style: normal;
font-weight: 400 700;
font-display: swap;
unicode-range: U+0100-011D, U+0120-012F, U+0132-015D, U+0160-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: "Inter Yedek";
src: local("Arial"), local("ArialMT"), local("Helvetica"), local("Liberation Sans");
font-weight: 400 500;
size-adjust: 105.43%;
ascent-override: 91.88%;
descent-override: 22.88%;
line-gap-override: 0%;
}
@font-face {
font-family: "Inter Yedek";
src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"), local("Liberation Sans Bold");
font-weight: 600 700;
size-adjust: 101.5%;
ascent-override: 96.24%;
descent-override: 23.96%;
line-gap-override: 0%;
}
@font-face {
font-family: "Jost Yedek";
src: local("Arial"), local("ArialMT"), local("Helvetica"), local("Liberation Sans");
font-weight: 400 500;
size-adjust: 99.93%;
ascent-override: 107.07%;
descent-override: 37.52%;
line-gap-override: 0%;
}
@font-face {
font-family: "Jost Yedek";
src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"), local("Liberation Sans Bold");
font-weight: 600 700;
size-adjust: 96.01%;
ascent-override: 111.45%;
descent-override: 39.06%;
line-gap-override: 0%;
}
:root {
--zemin: #FFF8EC;
--kagit: #FFFDF8;
--murekkep: #2D2A3E;
--soluk: #6A6580;
--cizgi: #F1E4CC;
--gok: #8ED3F4;
--gok-acik: #E3F4FD;
--gok-koyu: #1E6A93;
--gunes: #FFB37E;
--gunes-acik: #FFEADB;
--gunes-koyu: #8F4A14;
--cim: #93D486;
--cim-acik: #E5F6DF;
--cim-koyu: #2E7332;
--pembe: #7CCB9C;
--pembe-acik: #E3F4EA;
--pembe-koyu: #1F6E3F;
--deniz: #7FD6D0;
--deniz-acik: #DFF6F4;
--deniz-koyu: #17696A;
--lila: #C4B2F5;
--lila-acik: #F0EBFE;
--lila-koyu: #5A3FB0;
--eylem: #27824B;
--eylem-uzeri: #fff;
--marka: #27824B;
--marka-simge: #1E7F74;
--marka-gulus: #D94B4B;
--marka-acik: #8FD3B0;
--marka-zemin: #E3F1EC;
--yuvarlak: 22px;
--yuvarlak-k: 14px;
--yuvarlak-xk: 10px;
--yuvarlak-cip: 999px;
--golge: 0 10px 30px -12px rgba(140, 90, 20, .28);
--golge-k: 0 4px 14px -6px rgba(140, 90, 20, .3);
--b-1: 4px;
--b-2: 8px;
--b-3: 12px;
--b-4: 16px;
--b-5: 24px;
--b-6: 32px;
--b-7: 48px;
--b-8: 64px;
--baslik: "Jost", "Jost Yedek", "Inter Variable", system-ui, sans-serif;
--govde: "Inter Variable", "Inter Yedek", system-ui, -apple-system, "Segoe UI", sans-serif;
--yazi-h1: clamp(2rem, 4.6vw, 3.4rem);
--yazi-h2: clamp(1.55rem, 3vw, 2.25rem);
--yazi-h3: 1.25rem;
--yazi-h4: 1.0625rem;
--yazi-govde: 17px;
--yazi-giris: 18px;
--yazi-kucuk: 14px;
--yazi-etiket: 13px;
--yazi-mini: 12px;
--satir-baslik: 1.08;
--satir-ara: 1.3;
--satir-govde: 1.65;
--iz-baslik: -.01em;
--iz-etiket: .06em;
--genislik: 1680px;
--bolum-aralik: clamp(56px, 6.4vw, 104px);
--bolum-bas-alt: clamp(20px, 2vw, 32px);
--kap-kenar: 16px;
--bas-gecis: clamp(120px, 12vw, 200px);
--yumusak: cubic-bezier(.22, .61, .36, 1);
--serit-solma: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent);
--pati-doku: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%22120%22 viewBox=%220 0 120 120%22%3E%3Cg fill=%22%231E7F74%22 fill-opacity=%22.05%22 fill-rule=%22evenodd%22%3E%3Cpath transform=%22translate(10 12) rotate(-10 22 22)%22 d=%22M7.6 41.5C3.2 40 0.7 33.9 2.8 30C4 27.6 6.3 26.7 5.9 28.8C5.2 32 5.2 33.9 6 35.5C7 37.5 7.3 37.4 7.1 35C6.7 30.3 8.8 26 14.4 20.1C16.5 17.9 18.4 15.8 18.5 15.4C18.7 14.8 18.7 14.8 19.9 15.4C24 17.5 27.3 14.7 25.9 10.2C24.2 4.5 22.8 3.2 24.3 8.6C25.8 14.2 24.1 16.4 20 14.3C17.2 12.9 16.7 10.8 18.5 8C19.1 7 19.7 6 19.7 5.8C19.7 5.1 21.1 3.7 22.3 3C25.4 1.4 28.4 1.9 30.6 4.3C32 5.8 32.1 5.8 34.5 5.9C37.4 6.1 37.7 6.5 37 8.9C36.7 10.2 35.1 12 34.3 12C33.4 12 30.3 13.5 30 14C29.7 14.5 29.8 15.4 30.3 17.6C31.3 21.8 30.7 23.3 26.9 26.7C23.7 29.6 22 33.1 22 36.9C22 38.2 22 38.2 21.1 38.1C20.5 38 20.4 37.8 20.5 37.4C22.1 33.5 20.3 29.6 16.9 29.7C16.3 29.7 16.3 29.8 17.2 30.2C19.9 31.3 20.8 34.5 19.3 37.3C18.7 38.6 18.7 38.6 19.9 38.8C21.8 39.2 22.7 39.9 22.6 40.9C22.5 41.8 22.5 41.8 15.7 41.9C10.6 42 8.5 41.9 7.6 41.5ZM26 41.6C22.1 39.6 24 31.1 29 27.7C30.4 26.7 31.1 26 31.2 25.4C32 21.4 35 16 35 18.4C35 19.8 35.5 20.1 36 19C36.5 17.9 37 18 37 19.2C37 19.7 37.6 20.6 38.9 21.9C41.1 24.1 41 24.9 38.5 26.1C37.1 26.8 37.1 26.9 38 29.9C38.4 31.1 38.4 31.8 37.9 34.4C37.3 38.1 37.4 39.2 38.5 39.5C39.5 39.7 40.1 41 39.6 41.6C39 42.3 37.3 42.1 37.3 41.3C37.3 40.9 37 40.2 36.7 39.8C36.1 39.2 36 38.9 36.3 37.7C36.9 35.1 35.5 32.7 33.5 32.7C32.5 32.7 32.5 32.7 33.6 33.6C35.1 35 35.6 36.9 34.9 38.6C34.4 39.9 34.4 39.9 35.4 40.3C36.1 40.5 36.4 40.8 36.3 41.2C36.1 42 27.4 42.3 26 41.6Z%22/%3E%3Cpath transform=%22translate(66 64) rotate(9 22 22)%22 d=%22M7.6 41.5C3.2 40 0.7 33.9 2.8 30C4 27.6 6.3 26.7 5.9 28.8C5.2 32 5.2 33.9 6 35.5C7 37.5 7.3 37.4 7.1 35C6.7 30.3 8.8 26 14.4 20.1C16.5 17.9 18.4 15.8 18.5 15.4C18.7 14.8 18.7 14.8 19.9 15.4C24 17.5 27.3 14.7 25.9 10.2C24.2 4.5 22.8 3.2 24.3 8.6C25.8 14.2 24.1 16.4 20 14.3C17.2 12.9 16.7 10.8 18.5 8C19.1 7 19.7 6 19.7 5.8C19.7 5.1 21.1 3.7 22.3 3C25.4 1.4 28.4 1.9 30.6 4.3C32 5.8 32.1 5.8 34.5 5.9C37.4 6.1 37.7 6.5 37 8.9C36.7 10.2 35.1 12 34.3 12C33.4 12 30.3 13.5 30 14C29.7 14.5 29.8 15.4 30.3 17.6C31.3 21.8 30.7 23.3 26.9 26.7C23.7 29.6 22 33.1 22 36.9C22 38.2 22 38.2 21.1 38.1C20.5 38 20.4 37.8 20.5 37.4C22.1 33.5 20.3 29.6 16.9 29.7C16.3 29.7 16.3 29.8 17.2 30.2C19.9 31.3 20.8 34.5 19.3 37.3C18.7 38.6 18.7 38.6 19.9 38.8C21.8 39.2 22.7 39.9 22.6 40.9C22.5 41.8 22.5 41.8 15.7 41.9C10.6 42 8.5 41.9 7.6 41.5ZM26 41.6C22.1 39.6 24 31.1 29 27.7C30.4 26.7 31.1 26 31.2 25.4C32 21.4 35 16 35 18.4C35 19.8 35.5 20.1 36 19C36.5 17.9 37 18 37 19.2C37 19.7 37.6 20.6 38.9 21.9C41.1 24.1 41 24.9 38.5 26.1C37.1 26.8 37.1 26.9 38 29.9C38.4 31.1 38.4 31.8 37.9 34.4C37.3 38.1 37.4 39.2 38.5 39.5C39.5 39.7 40.1 41 39.6 41.6C39 42.3 37.3 42.1 37.3 41.3C37.3 40.9 37 40.2 36.7 39.8C36.1 39.2 36 38.9 36.3 37.7C36.9 35.1 35.5 32.7 33.5 32.7C32.5 32.7 32.5 32.7 33.6 33.6C35.1 35 35.6 36.9 34.9 38.6C34.4 39.9 34.4 39.9 35.4 40.3C36.1 40.5 36.4 40.8 36.3 41.2C36.1 42 27.4 42.3 26 41.6Z%22/%3E%3C/g%3E%3C/svg%3E");
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: clip; }
body {
margin: 0;
font: 400 var(--yazi-govde)/var(--satir-govde) var(--govde);
color: var(--murekkep);
background-color: var(--zemin);
overflow-x: clip;
}
body::before {
content: ""; position: fixed; z-index: -1; pointer-events: none;
top: -560px; left: -560px; right: 0; bottom: 0;
background: url("/wp-content/themes/pati/assets/img/zemin-desen.svg?v=1") 0 0 / 560px 560px repeat;
animation: zemin-kay 200s linear infinite;
will-change: transform;
}
@keyframes zemin-kay { to { transform: translate3d(560px, 560px, 0); } }
@media (max-width: 820px) { body::before { animation-duration: 240s; } }
@media (prefers-reduced-motion: reduce) { body::before { animation: none; will-change: auto; } }
@media print { body::before { display: none; } }
:root { --kucak: clamp(0px, calc((100vw - 1100px) / 2), 460px); }
html::before, html::after {
content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none; display: none;
-webkit-mask-image:
linear-gradient(90deg, #000 0, rgba(0, 0, 0, .5) calc(var(--kucak) * .45), transparent var(--kucak), transparent calc(100% - var(--kucak)), rgba(0, 0, 0, .5) calc(100% - var(--kucak) * .45), #000 100%),
linear-gradient(180deg, rgba(0, 0, 0, .55), #000);
-webkit-mask-composite: source-in;
mask-image:
linear-gradient(90deg, #000 0, rgba(0, 0, 0, .5) calc(var(--kucak) * .45), transparent var(--kucak), transparent calc(100% - var(--kucak)), rgba(0, 0, 0, .5) calc(100% - var(--kucak) * .45), #000 100%),
linear-gradient(180deg, rgba(0, 0, 0, .55), #000);
mask-composite: intersect;
}
html::before {
background:
linear-gradient(180deg, rgba(142, 211, 244, .46), rgba(147, 212, 134, .4)) left top / 50% 100% no-repeat,
linear-gradient(180deg, rgba(255, 179, 126, .4), rgba(124, 203, 156, .38)) right top / 50% 100% no-repeat;
}
html::after {
opacity: .45;
background:
linear-gradient(180deg, rgba(147, 212, 134, .4), rgba(127, 214, 208, .46)) left top / 50% 100% no-repeat,
linear-gradient(180deg, rgba(124, 203, 156, .38), rgba(196, 178, 245, .46)) right top / 50% 100% no-repeat;
}
@media (min-width: 1100px) { html::before, html::after { display: block; } }
@supports (animation-timeline: scroll()) {
@media (prefers-reduced-motion: no-preference) {
html::after { opacity: 0; animation: kucak-gecis linear both; animation-timeline: scroll(root block); }
}
}
@keyframes kucak-gecis { to { opacity: 1; } }
@media print { html::before, html::after { display: none !important; } }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--pembe-koyu); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
h1, h2, h3, h4 { font-family: var(--baslik); font-weight: 800; line-height: var(--satir-baslik); letter-spacing: var(--iz-baslik); margin: 0 0 .5em; color: var(--murekkep); }
h1 { font-size: var(--yazi-h1); }
h2 { font-size: var(--yazi-h2); }
h3 { font-size: var(--yazi-h3); }
h4 { font-size: var(--yazi-h4); line-height: var(--satir-ara); }
p { margin: 0 0 1em; }
.kap { width: min(100% - 32px, var(--genislik)); margin-inline: auto; }
@media (min-width: 900px) { .kap { width: min(100% - 80px, var(--genislik)); } :root { --kap-kenar: max(40px, calc((100% - var(--genislik)) / 2)); } }
.gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.atla { position: absolute; left: -999px; top: 8px; z-index: 100; background: var(--murekkep); color: #fff; padding: 8px 14px; border-radius: 10px; }
.atla:focus { left: 12px; }
.ik { width: 1.25em; height: 1.25em; flex: none; }
:focus-visible { outline: 3px solid var(--gok-koyu); outline-offset: 3px; border-radius: 8px; }
.demo-serit { background: var(--pembe-acik); color: var(--pembe-koyu); font: 700 13px/1.3 var(--govde); text-align: center; padding: 7px 16px; display: flex; gap: 6px; justify-content: center; align-items: center; }
.demo-serit .ik { width: 15px; height: 15px; }
.ust { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--kagit) 88%, transparent); backdrop-filter: saturate(1.4) blur(12px); border-bottom: 1px solid var(--cizgi); }
.ust-ic { display: flex; align-items: center; gap: 18px; height: 68px; position: relative; }
.logo { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; color: var(--murekkep); flex: none; }
.logo-isaret { width: 42px; height: 42px; flex: none; }
.logo-yazi { width: auto; height: 35px; flex: none; display: block; transition: transform .35s cubic-bezier(.3, 1.6, .5, 1); }
.logo:hover .logo-yazi { transform: rotate(-2deg) scale(1.03); }
@media (prefers-reduced-motion: reduce) { .logo-yazi { transition: none; } .logo:hover .logo-yazi { transform: none; } }
.ana-menu { margin-left: auto; }
.mm { list-style: none; margin: 0; padding: 0; display: flex; gap: 2px; }
.mm-dugme { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; padding: 9px 11px; border-radius: 12px; font: 700 15px/1 var(--govde); color: var(--murekkep); white-space: nowrap; }
.mm-dugme .ik { width: 18px; height: 18px; color: var(--aile-koyu, var(--soluk)); }
.mm-ok { width: 14px; height: 14px; opacity: .55; transition: transform .2s; }
.mm-dugme:hover, .mm-oge.acik .mm-dugme { background: var(--aile-acik, var(--gunes-acik)); }
.mm-oge.acik .mm-ok { transform: rotate(180deg); }
.mm-oge { position: static; }
.mm-panel { position: absolute; top: calc(100% - 4px); left: 50%; translate: -50% 0; width: max-content; max-width: min(1080px, 94vw); background: var(--kagit); border: 1px solid var(--cizgi); border-radius: var(--yuvarlak); box-shadow: var(--golge); padding: 22px 24px 18px; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .18s, transform .18s, visibility 0s .18s; }
.mm-panel::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; border-radius: var(--yuvarlak) var(--yuvarlak) 0 0; background: var(--aile, var(--gunes)); }
.mm-oge.acik .mm-panel { opacity: 1; visibility: visible; transform: none; transition: opacity .18s, transform .18s; }
.mm-baslik { font: 700 12px/1 var(--govde); text-transform: uppercase; letter-spacing: .08em; color: var(--aile-koyu, var(--soluk)); margin: 4px 0 10px; }
.mm-grup ul { list-style: none; margin: 0; padding: 0; }
.mm-grup a { display: block; padding: 6px 8px; margin: 0 -8px; border-radius: 9px; color: var(--murekkep); text-decoration: none; font-weight: 600; font-size: 15px; }
.mm-grup a:hover { background: var(--aile-acik, var(--gunes-acik)); }
.mm-hepsi { grid-column: 1 / -1; margin-top: 10px; padding-top: 12px; border-top: 1px dashed var(--cizgi); display: inline-flex; align-items: center; gap: 6px; font-weight: 800; font-size: 14px; color: var(--aile-koyu, var(--pembe-koyu)); text-decoration: none; }
.mm-hepsi .ik { width: 16px; height: 16px; }
.mobil-ust { display: none; }
.mm-fotolar { border-left: 2px dashed var(--cizgi); padding-left: 26px; }
.mm-fotolar ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 112px); gap: 10px; }
.mm-fotolar a { display: flex; flex-direction: column; align-items: center; gap: 7px; text-decoration: none; color: var(--murekkep); font-weight: 800; font-size: 13.5px; text-align: center; line-height: 1.2; padding: 8px 4px; border-radius: 16px; transition: background .15s; }
.mm-fotolar a:hover { background: var(--aile-acik); }
.mm-fotolar img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 0 0 2px var(--aile), var(--golge-k); background: var(--aile-acik); transition: transform .5s var(--yumusak); }
.mm-fotolar a:hover img { transform: scale(1.08) rotate(-4deg); }
.ust-eylem { display: flex; align-items: center; gap: 6px; }
.ust-ara, .menu-ac { all: unset; cursor: pointer; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; color: var(--murekkep); background: var(--pembe-acik); }
.ust-ara:hover, .menu-ac:hover { background: var(--pembe); }
.menu-ac { display: none; }
.menu-ac .kapa { display: none; }
.aile-gunes { --aile: var(--gunes); --aile-acik: var(--gunes-acik); --aile-koyu: var(--gunes-koyu); }
.aile-pembe { --aile: var(--pembe); --aile-acik: var(--pembe-acik); --aile-koyu: var(--pembe-koyu); }
.aile-gok { --aile: var(--gok); --aile-acik: var(--gok-acik); --aile-koyu: var(--gok-koyu); }
.aile-cim { --aile: var(--cim); --aile-acik: var(--cim-acik); --aile-koyu: var(--cim-koyu); }
.aile-deniz { --aile: var(--deniz); --aile-acik: var(--deniz-acik); --aile-koyu: var(--deniz-koyu); }
.aile-lila { --aile: var(--lila); --aile-acik: var(--lila-acik); --aile-koyu: var(--lila-koyu); }
.bolum { padding: clamp(28px, 3.2vw, 48px) 0; position: relative; }
.bolum-bas { max-width: 640px; margin-bottom: 30px; }
.bolum-bas p:not(.ust-etiket) { color: var(--soluk); font-size: var(--yazi-giris); }
.bolum-bas-yatay { max-width: none; display: flex; justify-content: space-between; align-items: end; gap: 20px; }
.ust-etiket { display: inline-flex; align-items: center; gap: 7px; font: 800 var(--yazi-etiket)/1 var(--govde); letter-spacing: var(--iz-etiket); text-transform: uppercase; color: var(--pembe-koyu); background: var(--pembe-acik); padding: 8px 13px; border-radius: 999px; margin-bottom: 18px; }
.ust-etiket .ik { width: 16px; height: 16px; }
.dugme { display: inline-flex; align-items: center; gap: 8px; background: var(--eylem); color: var(--eylem-uzeri); font-weight: 800; padding: 13px 22px; border-radius: 999px; text-decoration: none; box-shadow: 0 6px 0 -1px #1B5E36; transition: transform .12s, box-shadow .12s; }
.dugme:hover { transform: translateY(-2px); box-shadow: 0 8px 0 -1px #1B5E36; }
.dugme:active { transform: translateY(3px); box-shadow: 0 2px 0 -1px #1B5E36; }
.rozet { display: inline-flex; align-items: center; gap: 6px; font: 800 13px/1 var(--govde); padding: 8px 12px; border-radius: 999px; }
.rozet .ik { width: 15px; height: 15px; }
.rozet-yakinda { background: var(--gunes-acik); color: var(--gunes-koyu); border: 1.5px dashed var(--gunes); }
.dalga { display: block; width: 100%; height: 56px; fill: none; }
.arama { display: flex; align-items: center; gap: 8px; background: #fff; border: 2px solid var(--cizgi); border-radius: 999px; padding: 6px 6px 6px 18px; box-shadow: var(--golge-k); max-width: 560px; transition: border-color .15s, box-shadow .15s; }
.arama:focus-within { border-color: var(--gok); box-shadow: 0 0 0 5px var(--gok-acik); }
.arama > .ik { color: var(--soluk); }
.arama input { flex: 1; min-width: 0; border: 0; background: none; font: 600 16px/1.2 var(--govde); color: var(--murekkep); padding: 12px 0; }
.arama input:focus { outline: none; }
.arama input::placeholder { color: #9A93A8; font-weight: 500; }
.arama button { all: unset; cursor: pointer; background: var(--eylem); color: #fff; font-weight: 800; padding: 12px 22px; border-radius: 999px; }
.arama button:hover { background: #A8244C; }
.kahraman { position: relative; overflow: hidden; background:
radial-gradient(ellipse closest-side at 78% 46%, rgba(255, 179, 126, .18), rgba(255, 179, 126, .06) 55%, transparent),
radial-gradient(ellipse closest-side at 22% 44%, rgba(142, 211, 244, .24), rgba(142, 211, 244, .07) 55%, transparent),
linear-gradient(180deg, rgba(227, 244, 253, 0) 0%, rgba(227, 244, 253, .4) 26%, rgba(227, 244, 253, .4) 58%, rgba(227, 244, 253, 0) 100%); }
@keyframes parilti { 50% { transform: scale(1.06); opacity: .85; } }
.kahraman-ic { position: relative; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 40px; padding: clamp(40px, 6vw, 80px) 0 30px; }
.kahraman h1 { margin-bottom: 18px; }
.vurgu { color: var(--pembe-koyu); background: linear-gradient(transparent 62%, rgba(255, 212, 94, .7) 62%, rgba(255, 212, 94, .7) 92%, transparent 92%); padding: 0 .08em; }
.kahraman-alt { font-size: 19px; color: var(--soluk); max-width: 540px; margin-bottom: 26px; }
.cipler { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 18px; font-size: 14px; color: var(--soluk); font-weight: 700; }
.cipler a { background: rgba(255, 255, 255, .75); border: 1.5px solid var(--cizgi); color: var(--murekkep); text-decoration: none; padding: 6px 12px; border-radius: 999px; font-weight: 700; transition: background .15s, transform .15s; }
.cipler a:hover { background: var(--gunes-acik); transform: translateY(-1px); }
.kolaj-ana img, .blob { width: 100%; height: 100%; object-fit: cover; border-radius: 52% 48% 46% 54% / 55% 45% 55% 45%; border: 7px solid #fff; box-shadow: var(--golge); }
.k1 { left: -2%; bottom: 0; transform: rotate(-6deg); }
.k1::after, .k2::after { content: ""; position: absolute; inset: -8px; border-radius: 50%; border: 3px dashed var(--pembe); z-index: -1; }
.k2 { right: -2%; top: 2%; width: 27%; transform: rotate(8deg); }
.k2::after { border-color: var(--gok); }
.balon { position: absolute; display: inline-flex; align-items: center; gap: 6px; background: #fff; padding: 9px 14px; border-radius: 999px; font: 800 13.5px/1 var(--govde); box-shadow: var(--golge-k); white-space: nowrap; }
.balon .ik { width: 17px; height: 17px; }
.b1 { left: 2%; top: 10%; color: var(--cim-koyu); animation: suzul 6s ease-in-out infinite; }
.b2 { right: 0; bottom: 14%; color: var(--gok-koyu); animation: suzul 7s ease-in-out -2s infinite; }
@keyframes suzul { 50% { transform: translateY(-8px); } }
.ucan-pati { position: absolute; color: var(--pembe); opacity: .8; }
.ucan-pati .ik { width: 30px; height: 30px; }
.p1 { left: 44%; top: -4%; transform: rotate(-20deg); animation: kipirda 3.2s ease-in-out infinite; }
.p2 { right: 18%; bottom: -3%; color: var(--cim); transform: rotate(25deg); animation: kipirda 3.8s ease-in-out -1s infinite; }
@keyframes kipirda { 50% { transform: rotate(5deg) translateY(-4px); } }
.ucan-kus { position: absolute; width: 64px; left: 22%; top: 2%; animation: uc 9s ease-in-out infinite; }
@keyframes uc { 0%, 100% { transform: translate(0, 0) rotate(-4deg); } 50% { transform: translate(26px, -14px) rotate(4deg); } }
.kahraman .dalga { position: relative; margin-top: -1px; fill: none; }
.tur-kart { position: relative; display: flex; flex-direction: column; background: var(--aile-acik); border-radius: var(--yuvarlak); text-decoration: none; color: var(--murekkep); overflow: hidden; border: 2px solid transparent; transition: transform .5s var(--yumusak), box-shadow .5s var(--yumusak), border-color .3s; }
.tur-kart:hover { transform: translateY(-6px) rotate(-.6deg); box-shadow: var(--golge); border-color: var(--aile); }
:is(.bant, .populer, .mama-bant, .rehber-bant) { position: relative; isolation: isolate; --bant-gecis: clamp(120px, 12vw, 200px); --bant-tasma: clamp(48px, 5vw, 96px); }
:is(.bant, .populer, .mama-bant, .rehber-bant)::before { content: ""; position: absolute; z-index: -1; pointer-events: none; left: 0; right: 0; top: calc(-1 * var(--bant-tasma)); bottom: calc(-1 * var(--bant-tasma));
background: linear-gradient(180deg, transparent 0, var(--bant-ton, rgba(255, 234, 219, .45)) var(--bant-gecis), var(--bant-ton2, var(--bant-ton, rgba(255, 234, 219, .45))) calc(100% - var(--bant-gecis)), transparent 100%); }
.populer { --bant-ton: rgba(255, 253, 248, .6); }
.serit { display: grid; grid-auto-flow: column; grid-auto-columns: 196px; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 6px max(16px, calc((100vw - var(--genislik)) / 2)) 22px; scroll-padding-inline: max(16px, calc((100vw - var(--genislik)) / 2)); scrollbar-width: thin; scrollbar-color: var(--gunes) transparent; }
.irk-kart { scroll-snap-align: start; background: #fff; border-radius: var(--yuvarlak); padding: 10px 10px 16px; text-decoration: none; color: var(--murekkep); box-shadow: var(--golge-k); border: 2px solid var(--cizgi); transition: transform .2s, border-color .2s; }
.irk-kart:hover { transform: translateY(-4px); border-color: var(--aile); }
.irk-foto { display: block; aspect-ratio: 4 / 3.4; border-radius: 16px; overflow: hidden; background: var(--aile-acik); margin-bottom: 10px; }
.irk-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.irk-kart:hover .irk-foto img { transform: scale(1.06); }
.irk-kart strong { display: block; font: 700 18px/1.2 var(--baslik); margin: 0 4px; }
.kaydir-dugmeler { display: flex; gap: 8px; }
.kaydir-dugmeler button { all: unset; cursor: pointer; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--gunes-acik); color: var(--murekkep); }
.kaydir-dugmeler button:hover { background: var(--gunes); }
.kd-geri .ik { transform: scaleX(-1); }
.mama-bant { --bant-ton: rgba(255, 234, 219, .55); --bant-ton2: rgba(227, 244, 234, .5); margin-top: 40px; }
.mama-ic { display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: center; }
.mama-metin p:not(.ust-etiket) { color: var(--soluk); font-size: var(--yazi-giris); max-width: 560px; }
.rehber-bant { --bant-ton: rgba(227, 244, 253, .6); --bant-ton2: rgba(229, 246, 223, .55); }
.rehber-ic { display: grid; grid-template-columns: 1.2fr .8fr; gap: 40px; align-items: center; }
.rehber-ic p:not(.ust-etiket) { color: var(--soluk); font-size: var(--yazi-giris); }
.il-cipler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.il-cipler a { display: inline-flex; gap: 6px; align-items: center; background: #fff; border-radius: 999px; padding: 10px 15px; color: var(--murekkep); font-weight: 800; text-decoration: none; box-shadow: var(--golge-k); }
.il-cipler a .ik { width: 16px; height: 16px; color: var(--pembe-koyu); }
.il-cipler a:hover { background: var(--gunes-acik); }
.ilke { background: var(--kagit); border: 2px dashed var(--cizgi); border-radius: var(--yuvarlak); padding: 22px; }
.ilke .ik { width: 34px; height: 34px; color: var(--pembe-koyu); margin-bottom: 10px; }
.ilke strong { display: block; font: 700 18px/1.25 var(--baslik); margin-bottom: 6px; }
.ilke p { margin: 0; color: var(--soluk); font-size: 15px; }
.alt { background: linear-gradient(180deg, rgba(255, 253, 248, 0) 0, rgba(255, 253, 248, .72) clamp(80px, 9vw, 140px)); margin-top: 40px; position: relative; }
.dalga-alt { position: absolute; top: -55px; left: 0; height: 56px; fill: none; }
.alt-ic { display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 28px; padding: 40px 0 26px; }
.alt-marka p { color: var(--soluk); font-size: 15px; margin-top: 12px; max-width: 340px; }
.alt-baslik { font: 700 16px/1.2 var(--baslik); margin-bottom: 12px; }
.alt ul { list-style: none; margin: 0; padding: 0; }
.alt li a { display: inline-block; padding: 4px 0; color: var(--soluk); text-decoration: none; font-weight: 600; font-size: 15px; }
.alt li a:hover { color: var(--pembe-koyu); }
.alt-not { border-top: 1px dashed var(--cizgi); padding: 18px 0 26px; font-size: var(--yazi-kucuk); color: var(--soluk); }
.alt-not p:first-child { display: flex; gap: 8px; align-items: flex-start; font-weight: 700; }
.alt-not .ik { color: var(--cim-koyu); }
.sayfa { padding: 50px 0 30px; }
.bos-durum { text-align: center; max-width: 560px; margin: 30px auto; background: var(--kagit); border-radius: 30px; padding: 40px 26px; box-shadow: var(--golge-k); }
.bos-ikon { display: inline-grid; place-items: center; width: 84px; height: 84px; border-radius: 50%; background: var(--gunes-acik); color: var(--pembe); margin-bottom: 16px; animation: kipirda 3s ease-in-out infinite; }
.bos-ikon .ik { width: 44px; height: 44px; }
.bos-durum .arama { margin: 22px auto; }
.atif { font-size: 11px; color: var(--soluk); }
@media (max-width: 1080px) {
.alt-ic { grid-template-columns: 1fr 1fr; }
.alt-marka { grid-column: 1 / -1; }
.ust { backdrop-filter: none; background: var(--kagit); }
.menu-ac { display: grid; }
.ana-menu { position: fixed; inset: 0 0 0 auto; width: min(420px, 100%); top: 0; background: var(--kagit); z-index: 60; padding: 84px 16px 30px; overflow-y: auto; transform: translateX(100%); visibility: hidden; transition: transform .28s cubic-bezier(.3, .9, .3, 1), visibility 0s .28s; box-shadow: -20px 0 50px -20px rgba(100, 60, 0, .3); }
body.menu-acik .ana-menu { transform: none; visibility: visible; transition: transform .28s cubic-bezier(.3, .9, .3, 1); }
body.menu-acik .menu-ac { position: relative; z-index: 70; background: var(--pembe-acik); }
body.menu-acik .menu-ac .ac { display: none; }
body.menu-acik .menu-ac .kapa { display: block; }
body.menu-acik::after { content: ""; position: fixed; inset: 0; background: rgba(45, 42, 62, .28); z-index: 55; }
.ust-eylem { margin-left: auto; position: relative; z-index: 70; }
.mobil-ust { display: block; margin-bottom: 14px; }
.mobil-ust .arama { padding-left: 14px; }
.mobil-ust .arama button { display: none; }
.mm { flex-direction: column; gap: 8px; }
.mm-oge { background: var(--aile-acik); border-radius: 18px; }
.mm-dugme { display: flex; width: 100%; padding: 15px 16px; font-size: 17px; box-sizing: border-box; }
.mm-dugme .ik { width: 22px; height: 22px; }
.mm-ok { margin-left: auto; }
.mm-dugme:hover, .mm-oge.acik .mm-dugme { background: none; }
.mm-oge { position: relative; }
.mm-panel { position: static; translate: none; width: auto; max-width: none; box-shadow: none; border: 0; padding: 0 16px; background: none; opacity: 1; visibility: visible; transform: none; display: none; }
.mm-panel::before { display: none; }
.mm-oge.acik .mm-panel { display: block; padding-bottom: 14px; }
.mm-fotolar { border-left: 0; padding: 12px 0 0; border-top: 2px dashed var(--cizgi); margin-top: 10px; }
.mm-fotolar ul { grid-template-columns: repeat(4, 1fr); gap: 4px; }
.mm-fotolar a { padding: 6px 2px; font-size: 12px; }
.mm-fotolar img { width: 60px; height: 60px; border-width: 3px; }
.mm-grup a { padding: 8px; }
}
@media (max-width: 820px) {
:root { --yazi-govde: 16px; }
.kahraman-ic { grid-template-columns: 1fr; gap: 14px; padding-top: 28px; }
.kahraman-alt { font-size: 17px; }
.mama-ic, .rehber-ic { grid-template-columns: 1fr; }
.bolum-bas-yatay { align-items: start; }
.kaydir-dugmeler { display: none; }
.serit { grid-auto-columns: 168px; }
}
@media (max-width: 560px) {
.bolum { padding: 34px 0; }
.bolum-bas { margin-bottom: 18px; }
.kahraman-ic { padding-bottom: 6px; }
.dalga { height: 34px; }
.mama-bant { margin-top: 24px; }
.arama { padding-left: 14px; }
.arama button { padding: 12px 16px; }
.balon { font-size: 12px; padding: 7px 11px; }
.logo-yazi { height: 30px; }
.logo-isaret { width: 38px; height: 38px; }
.alt-ic { grid-template-columns: 1fr 1fr; gap: 20px; }
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
.irk-bas { background:
radial-gradient(700px 360px at 92% 0%, rgba(255, 212, 94, .5), transparent 65%),
linear-gradient(180deg, color-mix(in srgb, var(--aile-acik) 75%, transparent) 0%, transparent 100%); position: relative; overflow-x: clip; }
.irk-bas .dalga { fill: none; margin-top: -1px; position: relative; }
.ekmek { font-size: var(--yazi-kucuk); font-weight: 700; color: var(--soluk); display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; }
.ekmek a { color: var(--aile-koyu); text-decoration: none; display: inline-flex; align-items: center; min-height: 24px; }
.ekmek a:hover { text-decoration: underline; }
.irk-bas h1 { font-size: clamp(2.4rem, 5.5vw, 4rem); margin-bottom: 6px; }
.irk-diger { color: var(--soluk); font-weight: 700; margin-bottom: 14px; }
.sifatlar { list-style: none; padding: 0; margin: 0 0 18px; display: flex; flex-wrap: wrap; gap: 8px; }
.sifatlar li { background: #fff; border: 2px solid var(--aile); color: var(--aile-koyu); font-weight: 800; padding: 6px 14px; border-radius: 999px; }
.irk-ozet { font-size: 18.5px; color: var(--murekkep); max-width: 620px; }
.rozet-taslak { background: var(--pembe-acik); color: var(--pembe-koyu); margin-bottom: 12px; }
.kunye { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin: 34px 0 0; position: relative; z-index: 1; }
.kunye-oge { background: #fff; border-radius: 18px; padding: 14px 14px 16px; box-shadow: var(--golge-k); display: grid; grid-template-columns: auto 1fr; column-gap: 10px; align-items: center; }
.kunye-oge .ik { grid-row: span 2; width: 36px; height: 36px; padding: 8px; border-radius: 12px; background: var(--aile-acik); color: var(--aile-koyu); }
.kunye dt { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--soluk); }
.kunye dd { margin: 0; font-weight: 800; font-size: 15px; line-height: 1.3; }
.irk-govde { display: grid; grid-template-columns: 220px 1fr; gap: 44px; align-items: start; padding: var(--bolum-bas-alt) 0 calc(var(--bolum-aralik) / 2); }
.irk-icindekiler { position: sticky; top: 92px; background: var(--kagit); border: 2px dashed var(--cizgi); border-radius: var(--yuvarlak); padding: 18px; }
.irk-icindekiler ol { list-style: none; margin: 0; padding: 0; counter-reset: b; }
.irk-icindekiler li { counter-increment: b; }
.irk-icindekiler a { display: flex; gap: 8px; padding: 7px 8px; margin: 0 -8px; border-radius: 10px; text-decoration: none; color: var(--murekkep); font-weight: 700; font-size: 15px; }
.irk-icindekiler a::before { content: counter(b); display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--aile-acik); color: var(--aile-koyu); font-size: 12px; font-weight: 800; flex: none; }
.irk-icindekiler a:hover { background: var(--aile-acik); }
.irk-icerik { min-width: 0; }
.irk-bolum { background: var(--kagit); border-radius: 28px; padding: clamp(22px, 3.5vw, 36px); margin-bottom: var(--bolum-bas-alt); box-shadow: 0 1px 0 var(--cizgi); scroll-margin-top: 90px; }
.irk-bolum > h2 { font-size: clamp(1.45rem, 2.6vw, 1.95rem); }
.irk-bolum > p { font-size: 17.5px; }
.olcekler { list-style: none; padding: 0; margin: 8px 0 14px; display: grid; gap: 10px; }
.olcek { display: grid; grid-template-columns: 170px 1fr auto 1fr; gap: 12px; align-items: center; padding: 10px 14px; border-radius: 16px; background: var(--zemin); }
.olcek-ad { font-weight: 800; }
.olcek-uc { font-size: 13px; color: var(--soluk); font-weight: 700; text-align: right; }
.olcek-uc.sag { text-align: left; }
.olcek-pati { display: flex; gap: 4px; }
.olcek-pati i { display: grid; color: #E6D9C2; }
.olcek-pati i .ik { width: 24px; height: 24px; }
.olcek-pati i.dolu { color: var(--aile-koyu); }
.olcek-pati i.dolu:nth-child(odd) .ik { transform: rotate(-12deg); }
.olcek-pati i.dolu:nth-child(even) .ik { transform: rotate(10deg); }
.yontem-not { display: flex; gap: 8px; align-items: flex-start; font-size: 14px !important; color: var(--soluk); margin: 0; }
.kime { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; padding: 16px; border-radius: 18px; background: var(--zemin); }
.kime strong { font-family: var(--baslik); font-size: 18px; }
.kime small { color: var(--soluk); font-size: 14.5px; line-height: 1.45; }
.bakim-ikon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--aile); color: var(--murekkep); margin-bottom: 10px; }
.siklik { display: inline-block; margin: 6px 0 8px; font-size: 12.5px; font-weight: 800; background: #fff; color: var(--aile-koyu); padding: 4px 10px; border-radius: 999px; }
.evreler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 16px; position: relative; }
.evre { background: var(--zemin); border-radius: 20px; padding: 18px; border-top: 6px solid var(--aile); }
.evre:nth-child(2) { border-top-color: var(--cim); }
.evre:nth-child(3) { border-top-color: var(--gok); }
.evre strong { display: block; font: 700 22px/1.2 var(--baslik); margin: 2px 0 6px; }
.evre p { font-size: 15px; color: var(--soluk); margin-bottom: 10px; }
.ogun { display: inline-flex; gap: 6px; align-items: center; font-weight: 800; font-size: 14px; background: #fff; padding: 6px 11px; border-radius: 999px; }
.ogun .ik { width: 16px; height: 16px; color: var(--gunes-koyu); }
.mama-oneri { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; background: linear-gradient(120deg, var(--gunes-acik), var(--pembe-acik)); border-radius: 20px; padding: 18px 20px; }
.mama-oneri strong { display: flex; gap: 8px; align-items: center; font-family: var(--baslik); font-size: 18px; }
.mama-oneri p { margin: 4px 0 0; color: var(--soluk); font-size: 15px; }
.saglik-liste { display: grid; gap: 10px; margin-bottom: 14px; }
.saglik-madde { display: flex; gap: 14px; padding: 14px 16px; border-radius: 18px; background: var(--zemin); }
.saglik-madde > span { flex: none; width: 40px; height: 40px; border-radius: 12px; background: var(--cim-acik); color: var(--cim-koyu); display: grid; place-items: center; }
.saglik-madde strong { font-family: var(--baslik); font-size: 17.5px; }
.saglik-madde p { margin: 2px 0 0; font-size: 15px; color: var(--soluk); }
.veteriner-kutu { display: flex; gap: 12px; align-items: flex-start; background: var(--pembe-acik); border-radius: 18px; padding: 16px 18px; }
.veteriner-kutu .ik { color: var(--pembe-koyu); width: 26px; height: 26px; margin-top: 2px; }
.veteriner-kutu p { margin: 0; font-size: 15.5px; }
.bos-kutu { background: var(--zemin); border: 2px dashed var(--cizgi); border-radius: 18px; padding: 18px; margin-bottom: 14px; }
.bos-kutu p { margin: 10px 0 0; color: var(--soluk); font-size: 15px; }
.sss details { background: var(--zemin); border-radius: 18px; margin-bottom: 10px; padding: 0 18px; }
.sss summary { cursor: pointer; list-style: none; padding: 16px 30px 16px 0; font: 700 18px/1.3 var(--baslik); position: relative; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; position: absolute; right: 0; top: 50%; translate: 0 -50%; width: 28px; height: 28px; border-radius: 50%; background: var(--aile); display: grid; place-items: center; font-family: var(--govde); font-weight: 900; }
.sss details[open] summary::after { content: "–"; }
.sss details p { margin: 0 0 16px; color: var(--soluk); }
.kaynaklar ol { padding-left: 20px; margin: 0 0 18px; }
.kaynaklar li { margin-bottom: 6px; font-size: 15px; }
.inceleme { display: flex; gap: 12px; align-items: flex-start; background: var(--cim-acik); border-radius: 18px; padding: 16px 18px; }
.inceleme .ik { color: var(--cim-koyu); width: 26px; height: 26px; }
.inceleme p { margin: 0; font-size: 15px; }
@media (max-width: 1080px) {
.kunye { grid-template-columns: repeat(3, 1fr); }
.irk-govde { grid-template-columns: minmax(0, 1fr); gap: 0; }
.irk-govde > * { min-width: 0; }
.irk-icindekiler { position: static; margin-bottom: 18px; }
.irk-icindekiler ol { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; }
.irk-icindekiler a { white-space: nowrap; background: var(--zemin); margin: 0; }
}
@media (max-width: 820px) {
.olcek { grid-template-columns: 1fr auto; row-gap: 4px; }
.olcek-ad { grid-column: 1 / -1; }
.olcek-uc { display: none; }
.evreler { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
.kunye { grid-template-columns: 1fr 1fr; gap: 8px; }
.kunye-oge { padding: 12px; }
.kunye-oge .ik { width: 30px; height: 30px; padding: 6px; }
.kunye dd { font-size: 14px; }
.irk-bolum { border-radius: 22px; padding: 20px 16px; margin-bottom: 14px; }
.irk-icindekiler { padding: 12px; }
.irk-icindekiler .mm-baslik { display: none; }
}
main { overflow-x: clip; }
.tur-bas { background: radial-gradient(700px 360px at 90% 0%, rgba(255, 212, 94, .5), transparent 65%), linear-gradient(180deg, color-mix(in srgb, var(--aile-acik) 75%, transparent) 0%, transparent 100%); overflow-x: clip; }
.tur-bas .dalga { fill: none; margin-top: -1px; position: relative; }
.tur-bas-ic { display: grid; grid-template-columns: 1.3fr .7fr; gap: 30px; align-items: center; padding: 22px 0 10px; }
.tur-bas h1 { font-size: clamp(2.3rem, 5vw, 3.6rem); }
.tur-bas-alt { font-size: 18.5px; color: var(--soluk); max-width: 560px; }
.tur-sayi { font-weight: 700; color: var(--soluk); }
.tur-sayi strong { color: var(--aile-koyu); font-size: 20px; }
.tur-bas-foto { margin: 0; position: relative; isolation: isolate; max-width: 320px; justify-self: center; width: 100%; }
.tur-bas-foto::before { content: ""; position: absolute; inset: -6% -6% -3% -5%; background: var(--aile); border-radius: 46% 54% 58% 42% / 52% 44% 56% 48%; transform: rotate(-5deg); z-index: -1; }
.tur-bas-foto img { aspect-ratio: 1; }
.liste-ara { display: flex; align-items: center; gap: 10px; background: #fff; border: 2px solid var(--cizgi); border-radius: 999px; padding: 4px 18px; max-width: 460px; box-shadow: var(--golge-k); }
.liste-ara:focus-within { border-color: var(--aile); box-shadow: 0 0 0 5px var(--aile-acik); }
.liste-ara .ik { color: var(--soluk); }
.liste-ara input { flex: 1; border: 0; background: none; font: 600 16px var(--govde); padding: 12px 0; color: var(--murekkep); min-width: 0; }
.liste-ara input:focus { outline: none; }
.katalog { padding: 10px 0 40px; }
.suzgec { display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px 14px; scrollbar-width: none; }
.cip { all: unset; cursor: pointer; white-space: nowrap; background: #fff; border: 2px solid var(--cizgi); border-radius: 999px; padding: 8px 14px; font-weight: 800; font-size: 14px; }
.cip small { color: var(--soluk); font-weight: 700; margin-left: 4px; }
.cip:hover { border-color: var(--aile); }
.cip.secili { background: var(--aile); border-color: var(--aile); color: var(--murekkep); }
.cip.secili small { color: var(--murekkep); }
.harfler { display: flex; flex-wrap: wrap; gap: 4px; margin: 4px 0 18px; position: sticky; top: 68px; z-index: 5; background: color-mix(in srgb, var(--zemin) 92%, transparent); padding: 8px 0; }
.harfler a { display: grid; place-items: center; min-width: 32px; height: 32px; border-radius: 10px; font: 800 14px var(--govde); color: var(--aile-koyu); background: var(--aile-acik); text-decoration: none; }
.harfler a:hover { background: var(--aile); color: var(--murekkep); }
.katalog-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr)); gap: 10px; }
.katalog-liste > * { min-width: 0; }
.harf-bas { grid-column: 1 / -1; margin: 18px 0 2px; font-size: 26px; color: var(--aile-koyu); scroll-margin-top: 130px; display: flex; align-items: center; gap: 10px; }
.harf-bas::after { content: ""; flex: 1; height: 2px; background: repeating-linear-gradient(90deg, var(--cizgi) 0 8px, transparent 8px 14px); }
.kat-kart { display: flex; align-items: center; gap: 12px; background: var(--kagit); border: 2px solid transparent; border-radius: 18px; padding: 10px 12px; color: var(--murekkep); text-decoration: none; position: relative; min-height: 66px; }
a.kat-kart:hover { border-color: var(--aile); transform: translateY(-2px); box-shadow: var(--golge-k); }
.kat-kart.yayinda { background: #fff; box-shadow: var(--golge-k); }
.kat-harf, .kat-foto { flex: none; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; overflow: hidden; }
.kat-foto img { width: 100%; height: 100%; object-fit: cover; }
.kat-metin { min-width: 0; flex: 1; }
.kat-metin strong { display: block; font: 700 16.5px/1.2 var(--baslik); }
.kat-metin small { display: block; color: var(--soluk); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kat-kart:not(.yayinda) .kat-metin strong { color: #5E5872; }
.kat-kart[hidden], .harf-bas[hidden] { display: none; }
.bos-sonuc { text-align: center; color: var(--soluk); font-weight: 700; padding: 20px; }
.renk-bas { margin-top: 36px; }
.renk-not { color: var(--soluk); }
.renk-izgara { display: flex; flex-wrap: wrap; gap: 8px; }
.renk-cip { background: #fff; border-radius: 999px; padding: 8px 14px; font-weight: 800; box-shadow: var(--golge-k); }
.katalog-kaynak { display: flex; gap: 8px; align-items: flex-start; color: var(--soluk); font-size: var(--yazi-kucuk); margin-top: 30px; }
@media (max-width: 820px) {
.tur-bas-ic { grid-template-columns: 1fr; }
.tur-bas-foto { order: -1; max-width: 220px; }
.harfler { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.katalog-liste { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}
.irk-akisi { overflow: hidden; }
.akis { padding: 8px 0; -webkit-mask: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.akis-ic { display: flex; gap: 14px; width: max-content; animation: akis 70s linear infinite; }
.akis.ters .akis-ic { animation-direction: reverse; animation-duration: 80s; }
.akis:hover .akis-ic { animation-play-state: paused; }
@keyframes akis { to { transform: translateX(-50%); } }
.akis-oge { display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 999px; padding: 6px 18px 6px 6px; text-decoration: none; color: var(--murekkep); font: 700 16px/1 var(--baslik); box-shadow: var(--golge-k); border: 2px solid transparent; transition: border-color .2s, transform .2s; white-space: nowrap; }
.akis-oge:hover { border-color: var(--aile); transform: translateY(-3px); }
.akis-oge img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; border: 3px solid var(--aile-acik); }
.dugme-ince { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; color: var(--pembe-koyu); background: var(--pembe-acik); padding: 10px 16px; border-radius: 999px; text-decoration: none; }
.dugme-ince .ik { width: 16px; height: 16px; }
@media (max-width: 560px) { .akis-oge img { width: 52px; height: 52px; } .akis-oge { font-size: 14.5px; } }
@media (prefers-reduced-motion: reduce) { .akis { overflow-x: auto; -webkit-mask: none; mask: none; } .akis-ic { animation: none; } }
.katalog-liste { grid-template-columns: repeat(auto-fill, minmax(min(210px, 100%), 1fr)); gap: 16px; }
.kat-kart { flex-direction: column; align-items: stretch; gap: 0; padding: 0; overflow: hidden; border-radius: 22px; background: #fff; box-shadow: var(--golge-k); min-height: 0; }
.kat-kart .kat-foto { width: 100%; height: auto; aspect-ratio: 4 / 3; border-radius: 0; background: var(--aile-acik); }
.kat-kart .kat-foto img { transition: transform .4s; }
a.kat-kart:hover .kat-foto img, .kat-kart:hover .kat-foto img { transform: scale(1.06); }
.kat-kart .kat-metin { padding: 12px 14px 14px; }
.kat-kart .kat-metin strong { font-size: 17.5px; }
.kat-kart:not(.yayinda) .kat-metin strong { color: var(--murekkep); }
.kat-kart:hover { border-color: var(--aile); transform: translateY(-3px); }
.kat-metin-kart { position: relative; background: linear-gradient(160deg, #fff 0%, var(--aile-acik) 100%); border-top: 4px solid var(--aile); min-height: 210px; }
.kat-metin-kart .kat-metin { display: grid; gap: 8px; align-content: start; padding: 18px 16px 16px; }
.kat-metin-kart.yayinda .kat-metin { padding-top: 42px; }
.kat-metin-kart .kat-metin strong { font-size: 18px; line-height: 1.2; }
@media (max-width: 820px) { .katalog-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .kat-kart .kat-metin { padding: 10px 11px 12px; } .kat-kart .kat-metin strong { font-size: 15.5px; } .kat-kart .kat-metin small { font-size: 11.5px; } }
.kahraman-ic { grid-template-columns: .9fr 1.1fr; }
.d1 { --d: 3deg; } .d2 { --d: -4deg; border-radius: 50%; } .d4 { --d: 2deg; border-radius: 50%; } .d5 { --d: -2deg; } .d6 { --d: 4deg; border-radius: 50%; } .d7 { --d: -3deg; } .d9 { --d: 3deg; border-radius: 50%; } .d10 { --d: -2deg; } .d11 { --d: 2deg; border-radius: 50%; }
.d1 { background: var(--pembe-acik); } .d2 { background: var(--gok-acik); } .d4 { background: var(--deniz-acik); } .d7 { background: var(--cim-acik); }
.tur-kart:hover .k1 { transform: rotate(-8deg) scale(1.06); }
.tur-kart:hover .k2 { transform: rotate(8deg) scale(1.06); }
.akis-ic { gap: 16px; }
.akis-oge { flex-direction: column; border-radius: 26px; padding: 8px 8px 12px; gap: 8px; }
.akis-oge img { width: 150px; height: 150px; border-radius: 20px; border: 0; }
.akis.ters .akis-oge img { border-radius: 50%; }
@media (max-width: 820px) {
.kahraman-ic { grid-template-columns: 1fr; }
.akis-oge img { width: 112px; height: 112px; }
}
.irk-akisi .bolum-bas { max-width: none; }
.populer { padding-bottom: 40px; }
.one-cikan-bas { margin: 8px 0 12px; }
.one-cikan { display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-flow: dense; gap: 14px; margin-bottom: 26px; }
.one-kart { position: relative; display: block; border-radius: 24px; overflow: hidden; aspect-ratio: 1; box-shadow: var(--golge-k); border: 4px solid #fff; text-decoration: none; background: var(--aile-acik); }
.one-kart:nth-child(1), .one-kart:nth-child(2) { grid-column: span 2; grid-row: span 2; }
.one-kart img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.one-kart:hover img { transform: scale(1.06); }
.one-kart span { position: absolute; left: 10px; bottom: 10px; right: 10px; background: rgba(255, 255, 255, .93); border-radius: 999px; padding: 6px 12px; font: 700 15px/1.2 var(--baslik); color: var(--murekkep); width: fit-content; max-width: calc(100% - 20px); }
@media (max-width: 820px) { .one-cikan { grid-template-columns: repeat(3, 1fr); gap: 8px; } .one-kart { border-width: 3px; border-radius: 16px; } .one-kart span { font-size: 12.5px; padding: 4px 8px; left: 6px; bottom: 6px; } }
.video-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 16px; }
.video { margin: 0; }
.video-oynat, .video iframe { all: unset; cursor: pointer; display: block; position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; background: var(--aile-acik, var(--gunes-acik)); box-shadow: var(--golge-k); }
.video iframe { border: 0; cursor: auto; }
.video-oynat img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.video-oynat:hover img { transform: scale(1.05); }
.video-dugme { position: absolute; inset: 0; margin: auto; width: 62px; height: 62px; border-radius: 50%; background: var(--pembe-koyu); color: #fff; display: grid; place-items: center; box-shadow: 0 0 0 6px rgba(255, 255, 255, .6); transition: transform .2s; }
.video-dugme svg { width: 28px; height: 28px; margin-left: 3px; }
.video-oynat:hover .video-dugme { transform: scale(1.1); }
.video-sure { position: absolute; right: 10px; bottom: 10px; background: rgba(45, 42, 62, .82); color: #fff; font: 800 12px var(--govde); padding: 4px 8px; border-radius: 8px; }
.video figcaption { padding: 10px 4px 0; }
.video figcaption strong { display: block; font: 700 16.5px/1.25 var(--baslik); }
.video figcaption small { color: var(--soluk); font-weight: 700; }
@media (max-width: 820px) {
.olcek { grid-template-columns: auto 1fr auto; grid-template-areas: "ad ad ad" "sol pati sag"; row-gap: 6px; }
.olcek-ad { grid-area: ad; }
.olcek-uc { display: block; grid-area: sol; font-size: 12px; text-align: left; }
.olcek-uc.sag { grid-area: sag; text-align: right; }
.olcek-pati { grid-area: pati; justify-content: center; }
}
.benzer .one-kart:nth-child(1), .benzer .one-kart:nth-child(2) { grid-column: auto; grid-row: auto; }
.mama-gercek { display: grid; gap: 12px; }
.mama-gercek .dugme { justify-self: start; }
.video-izgara:has(> .video:only-child) { grid-template-columns: minmax(0, 640px); }
.il-cipler small { background: var(--gok-acik); color: var(--gok-koyu); border-radius: 999px; padding: 2px 7px; font-size: 12px; }
.rehber-sayac { font-weight: 700; color: var(--soluk); }
.rehber-sayac strong { color: var(--gok-koyu); font-size: 20px; }
.tablo-kap { overflow-x: auto; background: #fff; border-radius: 18px; border: 2px solid var(--cizgi); margin-top: 14px; }
.atif-tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.atif-tablo th, .atif-tablo td { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--cizgi); }
.atif-tablo th { background: var(--gunes-acik); font-weight: 800; }
.kahraman-ic { grid-template-columns: minmax(0, 1fr) minmax(0, 760px); gap: clamp(32px, 4vw, 72px); }
.kahraman h1 { font-size: clamp(36px, 3.6vw, 70px); }
.kahraman-alt { max-width: 620px; font-size: clamp(17px, 1.15vw, 21px); }
.kahraman .arama { max-width: 640px; }
.mama-ic { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.mama-metin { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px 48px; align-items: end; }
.mama-metin .ust-etiket, .mama-metin h2, .mama-metin > p { grid-column: 1; }
.mama-gercek { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.mama-gercek > * { max-width: none; width: auto; }
.mama-metin .ust-etiket { justify-self: start; }
@media (max-width: 1100px) { .mama-gercek { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .mama-gercek { grid-template-columns: minmax(0, 1fr); } }
.mama-gercek > .dugme { grid-column: 1 / -1; justify-self: start; }
@media (max-width: 820px) {
.kahraman-ic { grid-template-columns: minmax(0, 1fr); }
.mama-metin { grid-template-columns: minmax(0, 1fr); }
}
.kahraman-ic { padding-bottom: clamp(24px, 3vw, 40px); }
figcaption:empty { display: none; }
.grup-karo-bas { margin: 6px 0 12px; }
.grup-karolar { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)); gap: 12px; margin-bottom: 30px; }
.grup-karo { position: relative; display: grid; grid-template-rows: auto 1fr; border-radius: 18px; overflow: hidden; background: #fff; box-shadow: var(--golge-k); color: var(--murekkep); text-decoration: none; transition: transform .2s, box-shadow .2s; }
.grup-karo:hover { transform: translateY(-3px); }
.grup-karo-foto { display: grid; place-items: center; aspect-ratio: 16 / 10; background: var(--aile-acik); color: var(--aile-koyu); overflow: hidden; }
.grup-karo-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.grup-karo-ad { padding: 10px 44px 12px 12px; font: 800 14.5px/1.25 var(--govde); }
.grup-karo small { position: absolute; right: 10px; bottom: 10px; min-width: 26px; padding: 2px 7px; border-radius: 999px; background: var(--aile-acik); color: var(--aile-koyu); font: 800 12px/1.4 var(--govde); text-align: center; }
.grup-karo.bos { opacity: .4; pointer-events: none; }
.katalog-arac { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; margin-bottom: 4px; border-bottom: 2px solid var(--cizgi); position: sticky; top: 68px; z-index: 5; background: color-mix(in srgb, var(--zemin) 94%, transparent); }
.katalog-arac-bas { margin: 0; color: var(--soluk); font-size: 14.5px; }
.katalog-arac-bas strong { color: var(--murekkep); }
.boy-sec { display: inline-flex; align-items: center; gap: 8px; font: 800 13px var(--govde); color: var(--soluk); }
.boy-sec select { font: 700 14px var(--govde); color: var(--murekkep); background: #fff; border: 2px solid var(--cizgi); border-radius: 12px; padding: 7px 12px; }
.grup-bolum { scroll-margin-top: 130px; padding-top: 6px; }
.grup-bolum[hidden] { display: none; }
.grup-bas { display: flex; align-items: center; gap: 10px; margin: 26px 0 14px; font-size: 24px; color: var(--aile-koyu); }
.grup-bas small { font: 800 13px/1 var(--govde); padding: 5px 9px; border-radius: 999px; background: var(--aile-acik); color: var(--aile-koyu); }
.grup-bas::after { content: ""; flex: 1; height: 2px; background: repeating-linear-gradient(90deg, var(--cizgi) 0 8px, transparent 8px 14px); }
@media (max-width: 820px) {
.grup-karolar { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; gap: 10px; margin: 0 -16px 22px; padding: 2px 16px 8px; scrollbar-width: none; -webkit-mask-image: var(--serit-solma); mask-image: var(--serit-solma); }
.grup-karo { flex: 0 0 150px; scroll-snap-align: start; }
.grup-karo-ad { font-size: 13px; padding: 8px 38px 10px 10px; }
.grup-bas { font-size: 20px; margin: 20px 0 10px; }
.katalog-arac { top: 60px; }
}
.konu-arac { display: flex; align-items: center; gap: 14px; margin-top: 14px; padding: 14px 18px; border-radius: 20px; background: #fff; border: 3px solid var(--gunes); box-shadow: var(--golge-k); color: var(--murekkep); text-decoration: none; max-width: 560px; transition: transform .2s; }
.konu-arac:hover { transform: translateY(-3px); }
.konu-arac > .ik:first-child { width: 42px; height: 42px; padding: 10px; border-radius: 14px; background: var(--gunes-acik); color: var(--gunes-koyu); flex: none; }
.konu-arac span { display: grid; gap: 2px; flex: 1; }
.konu-arac strong { font: 800 18px/1.2 var(--baslik); }
.konu-arac small { color: var(--soluk); }
.araclar { padding-top: 10px; }
.arac-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.arac-kart { position: relative; display: flex; flex-direction: column; background: var(--aile-acik); border-radius: var(--yuvarlak); overflow: hidden; color: var(--murekkep); text-decoration: none; border: 2px solid transparent; transition: transform .2s, border-color .2s; }
.arac-kart:hover { transform: translateY(-4px); border-color: var(--aile); }
.arac-foto { aspect-ratio: 16 / 10; overflow: hidden; }
.arac-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.arac-kart:hover .arac-foto img { transform: scale(1.05); }
.arac-metin { display: grid; gap: 4px; padding: 14px 52px 16px 16px; }
.arac-metin strong { font: 800 19px/1.2 var(--baslik); }
.arac-metin small { color: var(--soluk); font-size: 14px; }
.arac-ok { position: absolute; right: 14px; bottom: 16px; width: 32px; height: 32px; border-radius: 50%; background: var(--aile); display: grid; place-items: center; }
.arac-ok .ik { width: 16px; height: 16px; }
@media (max-width: 1100px) { .arac-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .arac-izgara { gap: 10px; } .arac-metin { padding: 10px 40px 12px 12px; } .arac-metin strong { font-size: 16px; } .arac-metin small { font-size: 12.5px; } .arac-ok { width: 26px; height: 26px; right: 10px; bottom: 12px; } }
.vurgu-pati { position: relative; white-space: nowrap; color: var(--gok-koyu); }
.vurgu-pati::after { content: ""; position: absolute; left: 0; right: 0; bottom: .02em; height: .14em; border-radius: 99px; background: linear-gradient(90deg, var(--gok), var(--cim), var(--gunes), var(--pembe)); transform-origin: left; animation: cizgi-ac 1.1s .3s cubic-bezier(.2, .9, .3, 1) both; }
@keyframes cizgi-ac { from { transform: scaleX(0); } }
.cipler a { display: inline-flex; align-items: center; gap: 7px; padding: 4px 13px 4px 4px; }
.cipler a img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex: none; }
.cipler a img.cip-logo { object-fit: contain; padding: 2px; border-radius: 0; }
.sutunlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1.2vw, 18px); height: clamp(520px, 44vw, 700px); width: 100%; max-width: 760px; justify-self: end; overflow: hidden;
-webkit-mask-image: linear-gradient(transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(transparent, #000 12%, #000 88%, transparent); }
.sutun { min-width: 0; }
.sutun-ic { display: flex; flex-direction: column; gap: clamp(12px, 1.2vw, 18px); animation: sutun-yukari 46s linear infinite; will-change: transform; }
.sutun.s1 .sutun-ic { animation-name: sutun-asagi; animation-duration: 52s; }
.sutun.s2 .sutun-ic { animation-duration: 40s; }
.sutunlar:hover .sutun-ic { animation-play-state: paused; }
@keyframes sutun-yukari { to { transform: translateY(calc(-50% - clamp(12px, 1.2vw, 18px) / 2)); } }
@keyframes sutun-asagi { from { transform: translateY(calc(-50% - clamp(12px, 1.2vw, 18px) / 2)); } to { transform: none; } }
.sutun-oge { position: relative; display: block; overflow: hidden; border: 5px solid #fff; box-shadow: var(--golge-k); background: var(--gunes-acik); flex: none; transition: transform .6s var(--yumusak); }
.sutun-oge img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sutun-oge.uzun { aspect-ratio: 4 / 5; border-radius: 30px; }
.sutun-oge.yuvarlak { aspect-ratio: 1; border-radius: 50%; }
.sutun-oge.blob { aspect-ratio: 1; border-radius: 58% 42% 52% 48% / 48% 56% 44% 52%; }
.sutun-oge:hover { transform: scale(1.05) rotate(-2deg); }
.sutun-oge span { position: absolute; left: 50%; bottom: 10px; transform: translate(-50%, 6px); background: rgba(255, 255, 255, .94); color: var(--murekkep); font: 800 12.5px/1.2 var(--govde); padding: 5px 11px; border-radius: 999px; white-space: nowrap; opacity: 0; transition: .25s; }
.sutun-oge.yuvarlak span, .sutun-oge.blob span { bottom: 14%; }
.sutun-oge:hover span, .sutun-oge:focus-visible span { opacity: 1; transform: translate(-50%, 0); }
.s0 .sutun-oge:nth-child(odd) { background: var(--pembe-acik); } .s1 .sutun-oge:nth-child(odd) { background: var(--gok-acik); } .s2 .sutun-oge:nth-child(odd) { background: var(--cim-acik); }
@media (prefers-reduced-motion: reduce) { .sutun-ic, .vurgu-pati::after { animation: none; } }
@media (max-width: 820px) {
.sutunlar { order: -1; height: auto; max-width: none; grid-template-columns: minmax(0, 1fr); gap: 10px; justify-self: stretch;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.sutun.s2 { display: none; }
.sutun-ic { flex-direction: row; gap: 10px; width: max-content; animation-name: sutun-sola; animation-duration: 40s; }
.sutun.s1 .sutun-ic { animation-name: sutun-saga; animation-duration: 46s; }
.sutun-oge { width: 116px; border-width: 3px; }
.sutun-oge.uzun { aspect-ratio: 1; border-radius: 22px; }
@keyframes sutun-sola { to { transform: translateX(calc(-50% - 5px)); } }
@keyframes sutun-saga { from { transform: translateX(calc(-50% - 5px)); } to { transform: none; } }
}
@keyframes emoji-salla { 50% { transform: rotate(-6deg) translateY(-3px); } }
.kahraman h1 { line-height: 1.12; }
.vurgu-pati::after { bottom: -.02em; height: .08em; }
.kahraman-ic { align-items: stretch; padding-top: 0; padding-bottom: 0; min-height: clamp(560px, calc(100vh - 110px), 820px); }
.kahraman-metin { align-self: center; padding: clamp(36px, 5vw, 70px) 0; }
.sutunlar { height: auto; min-height: 100%; align-self: stretch; }
@media (max-width: 820px) {
.kahraman-ic { min-height: 0; }
.kahraman-metin { padding: 18px 0 30px; }
.sutunlar { min-height: 0; margin-top: 16px; }
}
.arac-kart { min-height: clamp(260px, 22vw, 340px); justify-content: flex-end; isolation: isolate; border: 0; box-shadow: var(--golge-k); }
.arac-kart .arac-foto { position: absolute; inset: 0; aspect-ratio: auto; z-index: -2; }
.arac-kart::before { content: ""; position: absolute; inset: 35% 0 0; z-index: -1; background: linear-gradient(transparent, color-mix(in srgb, var(--aile-koyu, #2D2A3E) 82%, transparent)); }
.arac-metin { padding: 18px 64px 20px 20px; color: #fff; }
.arac-metin strong { font-size: clamp(20px, 1.6vw, 25px); text-shadow: 0 2px 10px rgba(0, 0, 0, .25); }
.arac-metin small { color: rgba(255, 255, 255, .92); font-size: 15px; }
.arac-ok { right: 18px; bottom: 20px; width: 40px; height: 40px; background: #fff; color: var(--aile-koyu); }
.arac-kart:hover { transform: translateY(-4px); }
@media (max-width: 560px) { .arac-kart { min-height: 200px; } .arac-metin { padding: 12px 46px 14px 14px; } .arac-metin strong { font-size: 17px; } .arac-metin small { font-size: 13px; } .arac-ok { width: 30px; height: 30px; right: 10px; bottom: 14px; } }
.mm-dugme { text-decoration: none; }
@media (min-width: 1081px) {
.ust-ic { position: static; }
.ust { position: sticky; }
.ust.mm-acik { background: var(--kagit); box-shadow: 0 10px 30px -18px rgba(45, 42, 62, .35); }
.mm-panel { position: absolute; left: 0; right: 0; top: 100%; translate: none; width: auto; max-width: none; border-radius: 0 0 28px 28px; border: 0; border-top: 1px solid var(--cizgi);
padding: 0; background: var(--kagit); box-shadow: 0 30px 60px -30px rgba(45, 42, 62, .35); opacity: 0; visibility: hidden; transform: none; transition: none; max-height: calc(100vh - 110px); overflow-y: auto; overscroll-behavior: contain; }
.mm-panel::before { inset: 0 0 auto 0; height: 4px; border-radius: 0; }
.ust.mm-gecis .mm-oge.acik .mm-panel { animation: mm-gel .22s cubic-bezier(.2, .7, .2, 1); }
@keyframes mm-gel { from { opacity: 0; transform: translateY(-6px); } }
.mm-oge.acik .mm-panel { opacity: 1; visibility: visible; transform: none; transition: none; }
.mm-panel-ic { width: min(100% - 80px, var(--genislik)); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: clamp(28px, 3vw, 56px); padding: 28px 0 30px; min-height: 360px; }
.mm-baglar { display: grid; grid-template-columns: repeat(var(--kolon, 3), minmax(0, 1fr)); gap: 18px 28px; align-content: start; }
.mm-grup ul { display: grid; gap: 1px; }
.mm-grup a { font-size: 15px; padding: 6px 8px; }
.mm-hepsi { grid-column: 1 / -1; align-self: end; }
.mm-vitrin { border-left: 1px solid var(--cizgi); padding-left: clamp(24px, 2.6vw, 44px); min-width: 0; display: flex; flex-direction: column; }
@media (prefers-reduced-motion: reduce) { .ust.mm-gecis .mm-oge.acik .mm-panel { animation: none; } }
}
.mm-fotolar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; border: 0; }
.mm-fotolar li a { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 18px; overflow: hidden; background: var(--aile-acik, var(--gunes-acik)); padding: 0; }
.mm-fotolar img { width: 100%; height: 100%; object-fit: cover; border: 0; border-radius: 0; box-shadow: none; transition: transform .35s ease; display: block; }
.mm-fotolar li a::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(30, 26, 40, .72)); }
.mm-fotolar span { position: absolute; left: 9px; right: 9px; bottom: 8px; z-index: 1; color: #fff; font: 800 13.5px/1.2 var(--govde); text-align: left; text-shadow: 0 1px 6px rgba(0, 0, 0, .35); }
.mm-fotolar a:hover img { transform: scale(1.06); }
.mm-fotolar a:hover { background: var(--aile-acik); }
.mm-vitrin-hepsi, .mm-mama-grup .mm-baslik a { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-weight: 800; font-size: 14px; color: var(--aile-koyu, var(--pembe-koyu)); text-decoration: none; }
.mm-vitrin-hepsi .ik, .mm-mama-grup .mm-baslik a .ik { width: 15px; height: 15px; }
.mm-kartlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; height: 100%; }
.mm-kartlar a { position: relative; display: flex; align-items: flex-end; height: 100%; min-height: 260px; border-radius: 22px; overflow: hidden; color: #fff; text-decoration: none; isolation: isolate; background: var(--aile-acik); }
.mm-kartlar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .4s ease; }
.mm-kartlar a::before { content: ""; position: absolute; inset: 40% 0 0; z-index: -1; background: linear-gradient(transparent, color-mix(in srgb, var(--aile-koyu, #2D2A3E) 85%, transparent)); }
.mm-kartlar span { display: grid; gap: 3px; padding: 16px; }
.mm-kartlar strong { font: 800 19px/1.2 var(--baslik); }
.mm-kartlar small { font-size: 13.5px; opacity: .92; }
.mm-kartlar a:hover img { transform: scale(1.05); }
.mm-mama-grup + .mm-mama-grup { margin-top: 16px; }
.mm-mama-grup .mm-baslik { display: flex; justify-content: space-between; align-items: center; }
.mm-mama-grup .mm-baslik a { margin: 0; text-transform: none; letter-spacing: 0; }
.mm-mamalar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.mm-mamalar a { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px; border-radius: 16px; background: #fff; border: 1px solid var(--cizgi); color: var(--murekkep); text-decoration: none; transition: border-color .2s, transform .2s; }
.mm-mamalar a:hover { border-color: var(--gunes); transform: translateY(-2px); }
.mm-mama-foto { aspect-ratio: 5 / 6; border-radius: 12px; overflow: hidden; background: var(--kagit); display: block; }
.mm-mama-foto img { width: 100%; height: 100%; object-fit: contain; }
.mm-mama-metin { display: grid; gap: 2px; min-width: 0; }
.mm-mama-metin small { font-size: 11.5px; font-weight: 800; color: var(--soluk); text-transform: uppercase; letter-spacing: .04em; }
.mm-mama-metin strong { font: 700 13.5px/1.25 var(--govde); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mm-mama-metin b { font: 800 16px/1 var(--baslik); color: var(--pembe-koyu); margin-top: 3px; }
.mm-mama-metin b i { font-style: normal; font-size: 11px; color: var(--soluk); margin-left: 2px; }
.mm-mama-metin em { font-style: normal; font-size: 11.5px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 1081px) and (max-width: 1400px) {
.mm-panel-ic { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.mm-baglar { --kolon: 2 !important; }
.mm-fotolar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mm-fotolar li:nth-child(n+9) { display: none; }
.mm-mamalar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1080px) {
.mm-panel-ic { display: block; }
.mm-baglar { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 16px; }
.mm-vitrin { margin-top: 12px; padding-top: 12px; border-top: 2px dashed var(--cizgi); }
.mm-vitrin-kart, .mm-vitrin-mama { display: none; }
.mm-fotolar { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.mm-fotolar li:nth-child(n+9) { display: none; }
.mm-fotolar li a { border-radius: 12px; }
.mm-fotolar span { font-size: 11px; left: 6px; bottom: 5px; }
.mm-dugme { cursor: pointer; }
}
.alt-not { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.alt-not p { margin: 0; }
.alt-imza { flex: none; display: inline-flex; opacity: .85; transition: opacity .2s; }
.alt-imza:hover { opacity: 1; }
.alt-imza img { height: 16px; width: auto; display: block; }
@media (min-width: 1081px) {
.mm-baglar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mm-panel-ic { min-height: 0; }
}
.mm-kartlar { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: minmax(150px, 1fr); height: auto; }
.mm-kartlar a { min-height: 150px; height: 100%; }
.mm-kartlar strong { font-size: 17px; }
.mm-kartlar small { font-size: 12.5px; }
.mm-kartlar span { padding: 12px 14px; }
.mm-vitrin-mama { justify-content: space-between; }
.mm-mamalar { gap: 12px; }
.mm-mamalar a { grid-template-columns: 1fr; gap: 8px; padding: 12px 12px 14px; height: 100%; align-content: start; }
.mm-mama-foto { aspect-ratio: auto; height: clamp(120px, 10vw, 150px); background: linear-gradient(180deg, #fff, var(--kagit)); display: grid; place-items: center; }
.mm-mama-foto img { width: auto; height: 100%; max-width: 100%; object-fit: contain; transition: transform .3s ease; }
.mm-mamalar a:hover .mm-mama-foto img { transform: scale(1.06) rotate(-2deg); }
.mm-mama-metin strong { font-size: 14px; }
.mm-mama-metin b { font-size: 18px; }
.mm-one { grid-column: 1 / -1; list-style: none; margin: 6px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.mm-one a { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 16px; background: var(--aile-acik, var(--gunes-acik)); color: var(--murekkep); text-decoration: none; transition: transform .2s; }
.mm-one a:hover { transform: translateY(-2px); }
.mm-one img { width: 58px; height: 58px; border-radius: 12px; object-fit: cover; flex: none; }
.mm-one span { display: grid; gap: 2px; min-width: 0; }
.mm-one strong { font: 800 14px/1.2 var(--baslik); }
.mm-one small { font-size: 12px; color: var(--soluk); }
@media (max-width: 1080px) { .mm-one { grid-template-columns: 1fr; } }
@media (min-width: 1081px) {
.mm-panel-mama { grid-template-columns: minmax(0, .62fr) minmax(0, 1.6fr); }
.mm-panel-mama .mm-baglar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mm-panel-mama .mm-mamalar { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
.mm-mamalar a { padding: 10px 10px 12px; }
.mm-mama-foto { height: auto; aspect-ratio: 5 / 6; padding: 6px; background: #fff; overflow: visible; }
.mm-mama-foto img { width: 100%; height: 100%; max-width: none; object-fit: contain; }
.mm-mama-metin strong { font-size: 13px; }
.mm-mama-metin em { display: none; }
@media (min-width: 1081px) and (max-width: 1400px) { .mm-panel-mama .mm-mamalar { grid-template-columns: repeat(4, minmax(0, 1fr)); } .mm-panel-mama .mm-mamalar li:nth-child(n+5) { display: none; } }
.grup-karolar { grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 230px)); }
.one-kart span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 820px) { .one-kart span { font-size: 11px; } }
.siklik, .rozet-gunes { background: var(--gunes-acik); color: var(--gunes-koyu); }
@media (min-width: 1081px) { .mm-panel-mama .mm-one { grid-template-columns: repeat(3, minmax(0, 1fr)); } .mm-panel-mama .mm-one a { flex-direction: column; align-items: flex-start; } .mm-panel-mama .mm-one img { width: 100%; height: 70px; } }
.mrz-yigin { position: absolute; z-index: 3; top: 10px; left: 10px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; pointer-events: none; }
.mrz { display: inline-block; padding: 4px 9px; border-radius: 999px; font: 800 11.5px/1.15 var(--govde); letter-spacing: .01em; color: #fff; white-space: nowrap; box-shadow: 0 0 0 2px #fff, 0 3px 8px -3px rgba(45, 42, 62, .35); }
.mrz-indirim { background: #B3204D; }
.mrz-vet { background: #1E5F8C; }
.mrz-uygun { background: #2E6B31; }
.mrz-secilen { background: #4F37A0; }
.mm-mamalar a { position: relative; }
.mrz-mm { top: 4px; left: 4px; gap: 3px; }
.mrz-mm .mrz { padding: 3px 7px; font-size: 10.5px; }
@font-face { font-family: "Pati Fiyat"; font-style: normal; font-weight: 700; font-display: swap; src: url("/wp-content/themes/pati/assets/fonts/bricolage-fiyat.woff2") format("woff2"); unicode-range: U+0020, U+002C, U+002E, U+0030-0039, U+20BA; }
.fiyat-rakam { font-family: "Pati Fiyat", var(--baslik); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.mm-mama-metin b { color: var(--cim-koyu); }
.alt a, .alt-yasal a { text-decoration: none; }
.alt a:hover, .alt-yasal a:hover { color: var(--pembe-koyu); }
.irk-icindekiler a.okunan { background: var(--pembe-acik); color: var(--pembe-koyu); font-weight: 800; }
.irk-icindekiler a.okunan::before { background: var(--pembe-koyu); color: #fff; }
.yan-urun { display: grid; gap: 6px; margin-top: 14px; padding: 14px; border-radius: 20px; background: #fff; box-shadow: var(--golge-k); text-decoration: none; color: var(--murekkep); transition: transform .2s; }
.yan-urun:hover { transform: translateY(-2px); }
.yan-urun-ust { font: 800 11px/1.3 var(--govde); letter-spacing: .06em; text-transform: uppercase; color: var(--soluk); }
.yan-urun-gorsel { display: grid; place-items: center; height: 150px; }
.yan-urun-gorsel img, .yan-urun-gorsel svg { max-height: 150px; width: auto; max-width: 100%; object-fit: contain; }
.yan-urun strong { font: 700 15px/1.25 var(--baslik); }
.yan-urun-fiyat { color: var(--cim-koyu); font-size: 20px; }
.yan-urun-fiyat small { font-size: 12px; color: var(--soluk); margin-left: 4px; }
.yan-urun-git { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 13.5px; color: var(--pembe-koyu); }
.yan-urun-git .ik { width: 14px; height: 14px; }
@media (max-width: 900px) { .yan-urun { display: none; } }
:where(.tm-fotolar, .akis-oge, .bk-foto, .rehber-mini-foto, .kf, .kart-foto, .ilan-foto, .tur-bas-foto, .one-kart,
.grup-karo-foto, .kat-foto, .kb-foto, .konu-irk-foto, .konu-ilgili-foto, .konu-kart-foto, .fb-foto, .test-kolaj, .test-foto,
.yok-blob, .yas-kolaj, .isik-kutu figure, .ar-foto, .ar-kat-foto, .ma-vt-sahne,
:has(> .uc-kart-img, > .uc-il-img, > .uc-diger-img, > .nb-kart-img, > .ts-img, > .rh-kart-foto)) { position: relative; }
:is(.tm-fotolar, .arac-foto, .irk-foto, .akis-oge, .saglik-one-foto, .saglik-konu-foto, .bk-foto, .rehber-mini-foto,
.rh-foto, .fk, .karo, .kf, .kart-foto, .ilan-foto, .tur-bas-foto, .one-kart, .grup-karo-foto, .kat-foto, .kb-foto,
.konu-irk-foto, .konu-ilgili-foto, .konu-kart-foto, .fb-foto, .test-kolaj, .test-foto, .yok-blob, .yas-kolaj,
.isik-kutu figure, .ar-foto, .ar-kat-foto, .ma-vt-sahne,
:has(> .uc-kart-img, > .uc-il-img, > .uc-diger-img, > .nb-kart-img, > .ts-img, > .rh-kart-foto)):has(img:not([src*="/emoji/"]))::after {
content: ""; position: absolute; z-index: 3; right: clamp(6px, 4%, 14px); bottom: clamp(6px, 4%, 14px);
width: clamp(46px, 16%, 104px); aspect-ratio: 1306 / 303;
background: url("/wp-content/themes/pati/assets/marka-kiti/filigran.svg?v=4") no-repeat center / contain;
opacity: .9; filter: drop-shadow(0 1px 2px rgba(16, 28, 22, .55)); pointer-events: none;
}
:is(.yok-blob, .tur-bas-foto):has(img:not([src*="/emoji/"]))::after { right: auto; left: 50%; translate: -50% 0; bottom: 9%; }
.karo:has(> .karo-fazla)::after { right: auto; left: clamp(6px, 4%, 14px); }
.ma-vt-sahne:has(img:not([src*="/emoji/"]))::after { right: auto; bottom: auto; left: 3%; top: 6%; }
.ust { transition: background-color .45s ease, box-shadow .45s ease, border-color .45s ease, -webkit-backdrop-filter .45s ease, backdrop-filter .45s ease; }
.ust:not(.kaydi):not(.mm-acik) { background-color: transparent; border-bottom-color: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
body.menu-acik .ust { background-color: var(--kagit); }
.ust.kaydi:not(.mm-acik) { box-shadow: 0 10px 28px -22px rgba(45, 42, 62, .4); }
@media (prefers-reduced-motion: reduce) { .ust { transition: none; } }
.mf-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(var(--mf-kolon, 1), minmax(0, 1fr)); }
.mf-n2 { --mf-kolon: 2; } .mf-n3 { --mf-kolon: 3; } .mf-n4 { --mf-kolon: 2; }
.mf-kart a { position: relative; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: center; height: 100%; padding: 10px 12px 10px 10px; border-radius: 16px;
background: #fff; border: 1px solid var(--cizgi); color: var(--murekkep); text-decoration: none; transition: border-color .2s, transform .2s; }
.mf-kart a:hover { border-color: var(--aile, var(--gunes)); transform: translateY(-2px); }
.mf-foto, .mf-simge { width: 64px; aspect-ratio: 5 / 6; border-radius: 12px; display: grid; place-items: center; overflow: hidden; }
.mf-foto { background: #fff; padding: 4px; }
.mf-foto img { width: 100%; height: 100%; object-fit: contain; }
.mf-simge { background: var(--aile-acik, var(--kagit)); color: var(--aile-koyu, var(--murekkep)); }
.mf-simge .ik { width: 30px; height: 30px; }
.mf-metin { display: grid; gap: 3px; min-width: 0; }
.mf-tur { justify-self: start; display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px 2px 6px; border-radius: 999px; background: var(--aile-acik, var(--kagit)); color: var(--aile-koyu, var(--murekkep)); font: 800 11.5px/1.4 var(--govde); }
.mf-tur .ik { width: 13px; height: 13px; }
.mf-metin strong { font: 700 13.5px/1.25 var(--govde); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mf-metin strong i { font-style: normal; font-weight: 600; color: var(--soluk); white-space: nowrap; }
.mf-fiyat { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 8px; }
.mf-fiyat b { font: 800 18px/1.1 var(--baslik); color: var(--cim-koyu); }
.mf-fiyat b i { font-style: normal; font-size: 11px; color: var(--soluk); margin-left: 2px; }
.mf-fiyat s { font-size: 12.5px; color: var(--soluk); }
.mf-metin em { font-style: normal; font-size: 12px; line-height: 1.3; }
.mf-olgu { color: var(--cim-koyu); font-weight: 700; }
.mf-kaynak { color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mm-firsat { padding-bottom: 14px; margin-bottom: 2px; border-bottom: 1px dashed var(--cizgi); }
.mm-firsat + .mm-mama-grup { margin-top: 14px; }
@media (min-width: 1081px) and (max-width: 1400px) { .mm-firsat .mf-n3 { --mf-kolon: 3; } .mm-firsat .mf-n3 .mf-kart a { grid-template-columns: 1fr; } .mm-firsat .mf-n3 .mf-foto, .mm-firsat .mf-n3 .mf-simge { width: 56px; } }
@media (max-width: 1080px) {
.mm-vitrin-mama:has(.mm-firsat) { display: block; }
.mm-vitrin-mama .mm-mama-grup:not(.mm-firsat) { display: none; }
.mm-firsat { border-bottom: 0; padding-bottom: 0; }
.mf-liste { --mf-kolon: 1; gap: 8px; }
.mf-kart a { grid-template-columns: 52px minmax(0, 1fr); padding: 8px 10px 8px 8px; min-height: 44px; }
.mf-foto, .mf-simge { width: 52px; }
}
@media (min-width: 640px) and (max-width: 1080px) { .mf-n2, .mf-n4 { --mf-kolon: 2; } }
@media (min-width: 1081px) {
.mm-firsat .mf-n1 .mf-metin { grid-template-columns: minmax(0, 1.4fr) auto minmax(0, 1fr); column-gap: 24px; row-gap: 4px; align-items: center; }
.mm-firsat .mf-n1 .mf-tur { grid-area: 1 / 1; } .mm-firsat .mf-n1 .mf-metin strong { grid-area: 2 / 1; }
.mm-firsat .mf-n1 .mf-fiyat { grid-area: 1 / 2 / 3 / 3; flex-direction: column; align-items: flex-start; gap: 2px; }
.mm-firsat .mf-n1 .mf-fiyat b { font-size: 22px; }
.mm-firsat .mf-n1 .mf-olgu { grid-area: 1 / 3; } .mm-firsat .mf-n1 .mf-kaynak { grid-area: 2 / 3; }
}
.mm-oge:not(.acik) .mm-panel { display: none; }
@starting-style { .mm-oge.acik .mm-panel { opacity: 0; transform: translateY(6px); } }
.ust, .ust.kaydi, .ust.mm-acik { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.ust.kaydi, .ust.mm-acik { background-color: color-mix(in srgb, var(--kagit) 97%, transparent); }
.home main > section.bolum:nth-of-type(n+3),
main > section.bg-bant,
footer.alt { content-visibility: auto; contain-intrinsic-size: auto 900px; }
@media print { .home main > section.bolum, main > section.bg-bant, footer.alt { content-visibility: visible; } }
[data-katalog]:not(.cv-tam) .grup-bolum:nth-of-type(n+2) { content-visibility: auto; contain-intrinsic-size: auto 1400px; }
@media print { [data-katalog] .grup-bolum { content-visibility: visible; } }
.cz{position:fixed;left:16px;bottom:16px;z-index:9000;width:min(370px,calc(100vw - 32px));font-size:13.5px;line-height:1.45;color:var(--murekkep)}
.cz[hidden]{display:none}
.cz-kart{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;background:var(--kagit);border:2px solid var(--cizgi);border-radius:18px;padding:14px 16px;box-shadow:var(--golge);animation:czGir .25s ease-out}
@keyframes czGir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cz-baslik{display:flex;align-items:center;gap:6px;margin:0 0 4px;font:700 15px/1.2 var(--baslik)}
.cz-baslik .ik{width:16px;height:16px;color:var(--cim-koyu)}
.cz-metin{margin:0;color:var(--soluk)}
.cz-metin a{color:var(--pembe-koyu);font-weight:700;white-space:nowrap;display:inline-block;padding:5px 0;margin:-5px 0}
.cz-tercih{display:grid;gap:6px;margin-top:10px}
.cz-tercih[hidden]{display:none}
.cz-satir{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:7px 10px;margin:0;cursor:pointer}
.cz-satir span{display:flex;flex-direction:column;min-width:0}
.cz-satir b{font-weight:800;font-size:13px}
.cz-satir small{font-size:12px;color:var(--soluk);line-height:1.35}
.cz-satir em{flex:none;font-style:normal;font-size:11.5px;font-weight:800;color:var(--cim-koyu);background:var(--cim-acik);border-radius:999px;padding:2px 9px}
.cz-satir input{flex:none;appearance:none;-webkit-appearance:none;width:38px;height:22px;margin:0;border-radius:999px;background:#CFC6B4;position:relative;cursor:pointer;transition:background .2s}
.cz-satir input::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .2s}
.cz-satir input:checked{background:var(--cim-koyu)}
.cz-satir input:checked::after{transform:translateX(16px)}
.cz-dugmeler{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:11px}
.cz-d{min-height:34px;padding:6px 14px;border-radius:999px;border:2px solid var(--eylem);background:#fff;color:var(--eylem);font:800 13px/1 var(--govde);cursor:pointer;transition:background .15s,color .15s}
.cz-d:hover{background:var(--pembe-acik)}
.cz-d-tamam{background:var(--eylem);color:#fff}
.cz-d-tamam:hover{background:#1B5E36;border-color:#1B5E36}
.cz-d-ince{margin-right:auto;padding-inline:2px;border-color:transparent;background:none;color:var(--soluk);text-decoration:underline;text-underline-offset:3px}
.cz-d-ince:hover{background:none;color:var(--murekkep)}
.cz-kisa{display:none}

@media (max-width:700px){
.cz{left:0;right:0;bottom:0;width:auto;font-size:12.5px}
.cz-kart{max-height:70dvh;border-width:2px 0 0;border-radius:16px 16px 0 0;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 18px rgba(16,28,22,.12)}
.cz-baslik{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.cz-metin{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cz-uzun{display:none}
.cz-kisa{display:inline}
.cz-dugmeler{flex-wrap:nowrap;gap:6px;margin-top:6px}
.cz-d{min-height:36px;padding:6px 12px;font-size:12.5px;white-space:nowrap}
.cz-d-ince{padding-inline:2px}
.cz:has(.cz-tercih:not([hidden])) .cz-metin{white-space:normal}
.cz:has(.cz-tercih:not([hidden])) .cz-uzun{display:inline}
.cz:has(.cz-tercih:not([hidden])) .cz-kisa{display:none}
}

@media (min-width:701px){
.cz{left:0;right:0;bottom:0;width:auto}
.cz-kart{max-height:70dvh;border-width:2px 0 0;border-radius:0;padding:8px max(20px,calc((100vw - 1180px)/2));display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;box-shadow:0 -6px 18px rgba(16,28,22,.10)}
.cz-baslik{margin:0;flex:none}
.cz-metin{flex:1 1 300px;min-width:0}
.cz-dugmeler{margin:0;flex:none}
.cz-d-ince{margin-right:6px}
.cz-tercih{order:5;flex:1 1 100%;grid-template-columns:repeat(3,1fr);margin:4px 0 2px}
}
body:has(.cz:not([hidden])){padding-bottom:64px}
@media (max-width:700px){body:has(.cz:not([hidden])){padding-bottom:92px}}
@media (max-width:340px){.cz-d{padding-inline:9px}}
@media (prefers-reduced-motion:reduce){.cz-kart{animation:none}}
@media print{.cz{display:none!important}}

.alt-yasal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;border-top:1px dashed var(--cizgi);padding:10px 0 18px;font-size:13px;color:var(--soluk)}
.alt-yasal ul{display:flex;flex-wrap:wrap;gap:0 2px;list-style:none;margin:0;padding:0}
.alt-yasal li:not(:last-child)::after{content:"·";margin:0 6px 0 5px;color:var(--soluk)}
.alt-yasal a{display:inline-block;padding:4px 0;color:var(--soluk);font-weight:600;text-decoration:none}
.alt-yasal a:hover{color:var(--pembe-koyu);text-decoration:underline}
.alt-yasal p{margin:0}
.alt-menu { display: contents; }
.alt-ic { grid-template-columns: minmax(0, 2.2fr) repeat(4, minmax(0, 1fr)); row-gap: 22px; }
.alt-marka { grid-row: span 2; }
.alt-marka p { max-width: 520px; line-height: 1.6; }
.alt-kolon { min-width: 0; }
.alt-kolon > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 8px; cursor: default; }
.alt-kolon > summary::-webkit-details-marker { display: none; }
.alt-kolon > summary::marker { content: ""; }
.alt-ok { display: none; flex: none; width: 20px; height: 20px; color: var(--soluk); transition: transform .2s; }
.alt-kolon li a { overflow-wrap: anywhere; }
@media (max-width: 1080px) {
.alt-ic { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.alt-marka { grid-column: 1 / -1; grid-row: auto; }
}
@media (max-width: 860px) {
.alt-ic { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
.alt-ic { grid-template-columns: minmax(0, 1fr); gap: 0; padding-bottom: 14px; }
.alt-marka { margin-bottom: 14px; }
.alt-kolon { border-top: 1px dashed var(--cizgi); }
.alt-kolon:last-of-type { border-bottom: 1px dashed var(--cizgi); }
.alt-kolon > summary { cursor: pointer; margin: 0; padding: 13px 2px; min-height: 48px; }
.alt-ok { display: block; }
.alt-kolon[open] .alt-ok { transform: rotate(180deg); }
.alt-kolon ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; padding: 0 2px 12px; }
.alt-kolon li a { padding: 7px 0; }
.alt-not { gap: 10px 14px; }
.alt-not p:first-child { flex-basis: 100%; }
.alt-not .alt-iletisim { margin-left: 0 !important; }
}
@media (prefers-reduced-motion: reduce) { .alt-ok { transition: none; } }
:is(.tm-fotolar,.arac-foto,.irk-foto,.akis-oge,.bk-foto,.rehber-mini-foto,.rh-foto,.fk,.karo,.kf,.kart-foto,.ilan-foto,.one-kart,.grup-karo-foto,.kat-foto,.kb-foto,.konu-ilgili-foto,.konu-kart-foto,.fb-foto,.ar-foto,.ar-kat-foto,.ma-vt-sahne):has(img[src*="/pati-mama/"],img.ma-urun-foto,img.ma-vt-paket)::after{content:none!important;background:none!important}
/* yas.css */
.yas-bas { background: radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--gunes-acik) 70%, transparent), transparent 55%), linear-gradient(180deg, color-mix(in srgb, var(--aile-acik, var(--gunes-acik)) 62%, transparent) 0, color-mix(in srgb, var(--gok-acik) 36%, transparent) calc(100% - var(--bas-gecis)), transparent 100%); padding: 26px 0 46px; overflow-x: clip; }
.yas-bas-ic { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 620px); gap: clamp(28px, 4vw, 64px); align-items: center; }
.yas-bas .ekmek { grid-column: 1 / -1; }
.yas-bas h1 { font: 800 clamp(34px, 4.4vw, 60px)/1.05 var(--baslik); margin: 0 0 12px; }
.yas-metin > p { font-size: 18px; color: var(--soluk); max-width: 560px; }
.yas-form { display: flex; gap: 14px; margin: 22px 0 16px; }
.yas-form label { display: grid; gap: 6px; font-weight: 800; font-size: 14px; }
.yas-form select { font: 700 22px/1 var(--baslik); padding: 12px 40px 12px 16px; border-radius: 18px; border: 2px solid var(--cizgi); background: #fff; min-width: 120px; }
.yas-form select:focus-visible { outline: 3px solid var(--gok-koyu); outline-offset: 2px; }
.yas-sonuc { display: inline-grid; gap: 4px; background: #fff; border-radius: 26px; padding: 18px 24px; box-shadow: var(--golge); border: 3px solid var(--aile, var(--gunes)); min-width: min(360px, 100%); }
.yas-etiket { font-weight: 800; font-size: 14px; color: var(--soluk); }
.yas-sonuc strong { font: 800 clamp(40px, 5vw, 64px)/1 var(--baslik); color: var(--aile-koyu, var(--gunes-koyu)); }
.yas-evre { font-weight: 800; }
.yas-sonuc small { color: var(--soluk); font-size: 14px; }
.yas-kolaj { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 14px; align-items: center; }
.yas-kolaj img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 50%; border: 6px solid #fff; box-shadow: var(--golge-k); height: auto; }
.yas-kolaj .y0 { grid-row: span 2; border-radius: 48% 52% 44% 56% / 50% 46% 54% 50%; }
.yas-govde { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 40px; padding-top: 40px; padding-bottom: 60px; align-items: start; }
.yas-govde h2 { font: 800 26px/1.2 var(--baslik); margin: 0 0 14px; }
.yas-govde section + section h2:not(:first-child) { margin-top: 28px; }
.yas-tablo { width: 100%; border-collapse: collapse; font-size: 15px; }
.yas-tablo th, .yas-tablo td { text-align: left; padding: 9px 14px; border-bottom: 1px solid var(--cizgi); }
.yas-tablo th { background: var(--aile-acik, var(--gunes-acik)); font-weight: 800; }
.yas-tablo tbody tr:nth-child(even) { background: var(--kagit); }
.yas-not { font-size: 14px; color: var(--soluk); margin-top: 10px; }
.yas .sss details { background: #fff; border: 2px solid var(--cizgi); border-radius: 16px; padding: 12px 16px; margin-bottom: 10px; }
.yas .sss summary { font-weight: 800; cursor: pointer; }
.yas .sss p { margin: 8px 0 0; color: var(--soluk); }
.yas-kaynak { padding-left: 18px; font-size: 14px; display: grid; gap: 6px; }
.yas-ilgili { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
@media (max-width: 900px) {
.yas-bas-ic, .yas-govde { grid-template-columns: minmax(0, 1fr); }
.yas-kolaj { order: -1; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.yas-kolaj .y0 { grid-row: auto; aspect-ratio: 1; height: auto; }
.yas-form select { min-width: 100px; }
}
/* anasayfa.css */
.turler .tur-kart, .populer .irk-kart, .rehber-bant .rh-kart, .rehber-bant .sehir-kart {
--perde: color-mix(in srgb, var(--aile-koyu, #2D2A3E) 84%, transparent);
}
@media (min-width: 821px) { .kahraman .sutunlar { contain: size; } }
.turler .tur-izgara { gap: clamp(10px, 1vw, 16px); }
.turler .tur-kart {
display: block; position: relative; isolation: isolate; overflow: hidden;
aspect-ratio: 3 / 4; border: 0; border-radius: 24px; box-shadow: none;
background: var(--aile-acik); color: #fff;
}
.turler .tur-kart::after { content: ""; position: absolute; inset: 42% 0 0; z-index: 0; background: linear-gradient(transparent, var(--perde)); pointer-events: none; }
.turler .tur-kart:hover { transform: translateY(-4px); box-shadow: var(--golge); border-color: transparent; }
.turler .tur-foto { position: absolute; inset: 0; padding: 0; aspect-ratio: auto; }
.turler .tur-foto img { width: 100%; height: 100%; object-fit: cover; border: 0; border-radius: 0; transition: transform .5s ease; }
.turler .tur-kart:hover .tur-foto img { transform: scale(1.05); }
.turler .tur-metin { position: absolute; inset: auto 0 0; z-index: 1; padding: 0 16px 16px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.turler .tur-metin strong { font: 800 clamp(20px, 1.45vw, 27px)/1.1 var(--baslik); color: #fff; text-shadow: 0 2px 12px rgba(0, 0, 0, .28); }
.turler .tur-mini { margin: 0; padding-left: 8px; }
.turler .tur-mini img { width: 32px; height: 32px; border-width: 2px; margin-left: -8px; }
.populer .serit {
--kenar: 16px;
grid-auto-columns: clamp(170px, 15vw, 250px); gap: clamp(10px, 1vw, 16px);
padding: 4px var(--kenar) 20px; scroll-padding-inline: var(--kenar);
}
@media (min-width: 900px) { .populer .serit { --kenar: calc((100% - min(100% - 80px, var(--genislik))) / 2); } }
.populer .irk-kart {
position: relative; isolation: isolate; overflow: hidden; display: block;
aspect-ratio: 4 / 5; padding: 0; border: 0; border-radius: 22px; box-shadow: none;
background: var(--aile-acik); color: #fff;
}
.populer .irk-kart:hover { transform: translateY(-4px); border-color: transparent; }
.populer .irk-kart::after { content: ""; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent, var(--perde)); pointer-events: none; }
.populer .irk-foto { position: absolute; inset: 0; margin: 0; border-radius: 0; aspect-ratio: auto; }
.populer .irk-kart strong { position: absolute; inset: auto 14px 14px; z-index: 1; margin: 0; font: 800 clamp(18px, 1.2vw, 22px)/1.15 var(--baslik); color: #fff; text-shadow: 0 2px 10px rgba(0, 0, 0, .28); }
.irk-akisi .akis-oge { background: none; box-shadow: none; border: 0; padding: 0; border-radius: 0; gap: 8px; font: 700 15.5px/1.2 var(--baslik); }
.irk-akisi .akis-oge:hover { transform: none; }
.irk-akisi .akis-oge img { border-radius: 22px; box-shadow: 0 8px 18px -12px rgba(60, 40, 20, .5); transition: transform .25s; }
.irk-akisi .akis.ters .akis-oge img { border-radius: 50%; }
.irk-akisi .akis-oge:hover img { transform: translateY(-3px); }
.rehber-bant .rehber-bas { margin-bottom: 26px; }
.rehber-bant .rehber-bas p:not(.ust-etiket):not(.rehber-sayac) { max-width: 640px; margin: 0; }
.rehber-bant .rehber-sayac { margin: 0; white-space: nowrap; font-weight: 800; color: var(--gok-koyu); }
.rehber-bant .rehber-sayac strong { font: 800 clamp(34px, 3vw, 48px)/1 var(--baslik); margin-right: 6px; }
.rehber-hizmet { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 1.2vw, 20px); }
.rh-kart, .sehir-kart { position: relative; isolation: isolate; overflow: hidden; display: block; text-decoration: none; color: #fff; background: var(--aile-acik, var(--gok-acik)); }
.rh-kart { aspect-ratio: 4 / 3.4; border-radius: 26px; }
.rh-kart::after, .sehir-kart::after { content: ""; position: absolute; inset: 40% 0 0; z-index: 0; background: linear-gradient(transparent, var(--perde)); pointer-events: none; }
.rh-foto, .rh-foto img, .sehir-kart img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rh-foto img, .sehir-kart img { transition: transform .5s ease; }
.rh-kart:hover img, .sehir-kart:hover img { transform: scale(1.05); }
.rh-metin { position: absolute; inset: auto 0 0; z-index: 1; padding: 18px 20px 20px; display: grid; gap: 2px; }
.rh-metin strong { font: 800 clamp(21px, 1.7vw, 30px)/1.1 var(--baslik); text-shadow: 0 2px 12px rgba(0, 0, 0, .3); }
.rh-metin small { font-size: 15px; font-weight: 700; color: rgba(255, 255, 255, .92); }
.rehber-sehir-bas { margin: clamp(30px, 3vw, 44px) 0 14px; font-size: clamp(1.25rem, 1.6vw, 1.6rem); }
.sehir-kart { --aile-koyu: #1B3D57; aspect-ratio: 1; border-radius: 22px; }
.sehir-metin { position: absolute; inset: auto 0 0; z-index: 1; padding: 0 14px 14px; display: grid; gap: 4px; justify-items: start; }
.sehir-metin strong { font: 800 clamp(19px, 1.4vw, 24px)/1.1 var(--baslik); text-shadow: 0 2px 10px rgba(0, 0, 0, .3); }
.sehir-metin small { font: 800 12.5px/1 var(--govde); color: var(--gok-koyu); background: #fff; border-radius: 999px; padding: 5px 9px; }
.sehir-hepsi { background: #fff; color: var(--murekkep); box-shadow: var(--golge-k); }
.sehir-hepsi::after { display: none; }
.sehir-hepsi .sehir-metin { inset: 0; align-content: center; justify-items: center; text-align: center; padding: 14px; }
.sehir-hepsi .sehir-metin strong { text-shadow: none; color: var(--pembe-koyu); }
.sehir-hepsi .sehir-metin small { background: var(--gok-acik); }
.sehir-hepsi .ik { width: 34px; height: 34px; color: var(--pembe-koyu); margin-bottom: 4px; }
.sehir-hepsi:hover { background: var(--gunes-acik); }
.rehber-kaynak { margin: 16px 0 0; font-size: 14px; font-weight: 700; color: var(--soluk); }
.mama-bant .mama-ic { gap: 22px; }
.mama-grup-bas { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.mama-grup-bas h3 { margin: 0; font-size: clamp(1.25rem, 1.6vw, 1.6rem); }
.mama-grup-bas .ik, .mama-hepsi .ik { width: 18px; height: 18px; }
.mama-bant .mama-gercek { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.turler .tur-kart:focus-visible, .populer .irk-kart:focus-visible, .rh-kart:focus-visible, .sehir-kart:focus-visible { outline: 3px solid var(--pembe-koyu); outline-offset: 3px; }
@media (max-width: 1100px) {
.mama-bant .mama-gercek { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
.rehber-hizmet { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.rh-kart { aspect-ratio: 1; border-radius: 20px; }
.rh-metin { padding: 12px 12px 13px; }
.rh-metin strong { font-size: 18px; }
.rh-metin small { font-size: 12.5px; line-height: 1.3; }
.rehber-bant .rehber-bas { flex-direction: column; align-items: start; gap: 8px; }
}
@media (max-width: 560px) {
.turler .tur-kart { aspect-ratio: 4 / 5; border-radius: 20px; }
.turler .tur-izgara > .tur-kart:last-child:nth-child(odd) { display: block; aspect-ratio: 16 / 9; }
.turler .tur-izgara > .tur-kart:last-child:nth-child(odd) .tur-metin { padding: 0 14px 14px; }
.turler .tur-metin { padding: 0 12px 12px; gap: 6px; }
.turler .tur-metin strong { font-size: 19px; }
.turler .tur-mini img { width: 26px; height: 26px; }
.populer .serit { grid-auto-columns: 150px; }
.populer .irk-kart strong { font-size: 16px; inset: auto 10px 10px; }
.irk-akisi .akis-oge { font-size: 14px; }
.sehir-kart { aspect-ratio: 4 / 3; border-radius: 18px; }
.mama-bant .mama-gercek { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
.turler .tur-kart, .populer .irk-kart, .rh-kart, .sehir-kart, .irk-akisi .akis-oge img,
.turler .tur-foto img, .rh-foto img, .sehir-kart img { transition: none; }
.turler .tur-kart:hover, .populer .irk-kart:hover, .irk-akisi .akis-oge:hover img,
.turler .tur-kart:hover .tur-foto img, .rh-kart:hover img, .sehir-kart:hover img { transform: none; }
}
.kahraman .kahraman-ic { min-height: 0; padding-top: clamp(24px, 3vw, 44px); padding-bottom: clamp(24px, 3vw, 44px); }
.kahraman .kahraman-metin { padding: 0; }
.kahraman h1 { line-height: 1.18; }
.vurgu-pati::after { bottom: .06em; height: .07em; }
.kahraman .dalga { height: 34px; display: block; }
.kahraman + .bolum, .turler { padding-top: clamp(20px, 2.4vw, 40px); }
.turler .tur-metin strong { white-space: nowrap; font-size: clamp(16px, 1.2vw, 22px); }
.araclar { padding-top: clamp(20px, 2.4vw, 40px); }
.tur-mozaik { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: clamp(10px, 1vw, 16px); }
.tur-mozaik-kart { grid-column: span 2; position: relative; display: block; border-radius: 24px; overflow: hidden; color: #fff; text-decoration: none; background: var(--aile-acik); isolation: isolate; box-shadow: var(--golge-k); transition: transform .25s, box-shadow .25s; }
.tur-mozaik-kart.buyuk { grid-column: span 5; }
.tur-mozaik-kart:hover { transform: translateY(-4px); box-shadow: var(--golge); }
.tm-fotolar { display: grid; gap: 3px; aspect-ratio: 1 / 1.05; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
.buyuk .tm-fotolar { aspect-ratio: 16 / 9; grid-template-columns: 2fr 1fr 1fr; }
.tm-fotolar img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; min-height: 0; }
.buyuk .tm-fotolar img:first-child { grid-row: span 2; }
.tm-fotolar.n3 img:first-child { grid-column: span 2; }
.tm-fotolar.n1 img { grid-column: span 2; grid-row: span 2; }
.tur-mozaik-kart:hover .tm-fotolar img { transform: scale(1.04); }
.tur-mozaik-kart::after { content: ""; position: absolute; inset: 55% 0 0; z-index: 0; background: linear-gradient(transparent, color-mix(in srgb, var(--aile-koyu) 88%, transparent)); pointer-events: none; }
.tm-ad { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 14px 16px; display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.tm-ad strong { font: 800 clamp(17px, 1.3vw, 24px)/1.1 var(--baslik); white-space: nowrap; text-shadow: 0 2px 12px rgba(0, 0, 0, .3); }
.buyuk .tm-ad strong { font-size: clamp(22px, 2vw, 34px); }
.tm-ad small { font-size: 13px; font-weight: 700; opacity: .92; white-space: nowrap; }
.tur-mozaik-kart:not(.buyuk) .tm-ad small { display: none; }
@media (max-width: 1100px) {
.tur-mozaik { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.tur-mozaik-kart { grid-column: span 2; }
.tur-mozaik-kart.buyuk { grid-column: span 3; }
}
@media (max-width: 640px) {
.tur-mozaik { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.tur-mozaik-kart, .tur-mozaik-kart.buyuk { grid-column: span 1; border-radius: 18px; }
.tur-mozaik-kart.buyuk { grid-column: span 2; }
.tur-mozaik-kart:last-child { grid-column: span 2; }
.tur-mozaik-kart:last-child .tm-fotolar { aspect-ratio: 2 / 1; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; }
.tm-ad { padding: 10px 12px; }
}
@media (min-width: 821px) {
.kahraman .kahraman-ic { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(20px, 2vw, 36px); }
.kahraman .sutunlar { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: none; }
}
@media (max-width: 820px) { .sutun.s3 { display: none; } }
.populer .serit { --kenar: 0px; padding-left: 0; scroll-padding-inline: 0; }
@media (min-width: 900px) { .populer .serit { --kenar: 0px; } }
.irk-akisi { padding-bottom: clamp(18px, 2.4vw, 36px); }
.araclar .arac-metin strong { white-space: normal; overflow: visible; text-overflow: clip; text-wrap: balance; font-size: clamp(19px, 1.5vw, 25px); line-height: 1.15; }
.araclar .arac-metin small { text-wrap: pretty; }
@media (max-width: 1100px) {
.araclar .arac-izgara { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(300px, 76vw); overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; padding: 4px 2px 16px; margin: -4px -2px 0; scrollbar-width: thin; scrollbar-color: var(--gunes) transparent; }
.araclar .arac-kart { scroll-snap-align: start; min-height: 280px; }
}
.mama-bant .mama-ic { gap: clamp(26px, 3vw, 44px); }
.mama-grup-bas { align-items: end; margin-bottom: 18px; }
.mama-grup-bas h2 { margin: 0; text-wrap: balance; }
.mama-grup-sag { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.mama-grup-bas { flex-wrap: nowrap; }
.mama-grup-sag { flex: 1 1 auto; justify-content: flex-end; min-width: 0; }
.mama-markalar { display: flex; align-items: center; justify-content: flex-end; gap: clamp(14px, 1.6vw, 26px); flex-wrap: wrap; min-width: 0; }
.mama-markalar a { display: inline-flex; align-items: center; opacity: .9; transition: opacity .2s, transform .2s; }
.mama-markalar a:hover, .mama-markalar a:focus-visible { opacity: 1; transform: translateY(-2px); }
.mama-markalar .ma-logo { max-width: 110px; object-fit: contain; }
.saglik .bolum-bas { max-width: none; }
.saglik-bas p:not(.ust-etiket) { max-width: 700px; margin: 0; }
.saglik-bas h2 { text-wrap: balance; }
.saglik-nobet { flex: none; }
.saglik-nobet .ik { width: 20px; height: 20px; }
.saglik-ust { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.6fr); gap: clamp(12px, 1.2vw, 20px); }
.saglik-one, .saglik-konu { position: relative; isolation: isolate; overflow: hidden; display: block; color: #fff; text-decoration: none; }
.saglik-one { border-radius: 30px; min-height: 420px; background: var(--gok-acik); box-shadow: var(--golge-k); }
.saglik-one-foto, .saglik-one-foto img, .saglik-konu-foto, .saglik-konu-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.saglik-one-foto img, .saglik-konu-foto img { transition: transform .5s ease; }
.saglik-one:hover img, .saglik-konu:hover img { transform: scale(1.04); }
.saglik-one::after { content: ""; position: absolute; inset: 22% 0 0; z-index: 0; background: linear-gradient(transparent, color-mix(in srgb, #173A55 90%, transparent) 62%); pointer-events: none; }
.saglik-one-metin { position: absolute; inset: auto 0 0; z-index: 1; padding: clamp(20px, 2vw, 32px); display: grid; gap: 12px; justify-items: start; }
.saglik-one-etiket { display: inline-flex; align-items: center; gap: 6px; font: 800 14px/1 var(--govde); color: var(--pembe-koyu); background: #fff; padding: 8px 12px; border-radius: 999px; }
.saglik-one-etiket .ik { width: 16px; height: 16px; }
.saglik-one strong { font: 800 clamp(26px, 2.3vw, 40px)/1.08 var(--baslik); text-wrap: balance; text-shadow: 0 2px 14px rgba(0, 0, 0, .3); }
.saglik-one-liste { display: flex; flex-wrap: wrap; gap: 8px; }
.saglik-one-liste span { font: 700 14.5px/1.2 var(--govde); padding: 8px 12px; border-radius: 999px; background: rgba(23, 58, 85, .55); border: 1px solid rgba(255, 255, 255, .45); }
.saglik-one-git { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; color: #173A55; background: var(--gunes); padding: 11px 18px; border-radius: 999px; }
.saglik-one-git .ik { width: 16px; height: 16px; }
.saglik-konular { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(10px, 1vw, 16px); }
.saglik-konu { aspect-ratio: 1 / 1.08; border-radius: 24px; background: var(--aile-acik); }
.saglik-konu::after { content: ""; position: absolute; inset: 38% 0 0; z-index: 0; background: linear-gradient(transparent, color-mix(in srgb, var(--aile-koyu) 88%, transparent)); pointer-events: none; }
.saglik-konu-metin { position: absolute; inset: auto 0 0; z-index: 1; padding: 0 16px 16px; display: grid; gap: 3px; }
.saglik-konu-metin strong { font: 800 clamp(18px, 1.35vw, 24px)/1.12 var(--baslik); text-wrap: balance; text-shadow: 0 2px 10px rgba(0, 0, 0, .3); }
.saglik-konu-metin small { font-size: 14px; font-weight: 700; line-height: 1.3; color: rgba(255, 255, 255, .95); }
.saglik-alt { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: clamp(12px, 1.2vw, 20px); margin-top: clamp(12px, 1.2vw, 20px); }
.saglik-belirti, .saglik-asi { background: #fff; border-radius: 28px; padding: clamp(20px, 2vw, 30px); box-shadow: var(--golge-k); }
.saglik-belirti h3, .saglik-asi h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; font-size: clamp(1.25rem, 1.6vw, 1.6rem); }
.saglik-belirti h3 .ik, .saglik-asi h3 .ik { width: 26px; height: 26px; color: var(--pembe-koyu); flex: none; }
.saglik-belirti > p { color: var(--soluk); margin: 0 0 16px; font-size: 16px; }
.belirti-cipler { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.belirti-cip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 5px 5px 14px; border-radius: 999px; background: var(--gunes-acik); }
.belirti-ad { font: 800 15.5px/1.2 var(--baslik); margin-right: 2px; }
.belirti-cip a { display: inline-flex; align-items: center; min-height: 34px; padding: 0 13px; border-radius: 999px; background: #fff; color: var(--pembe-koyu); font: 800 14px/1 var(--govde); text-decoration: none; }
.belirti-cip a:hover { background: var(--pembe-acik); }
.belirti-cip a.acil { background: var(--pembe-koyu); color: #fff; }
.saglik-asi-bas { display: flex; justify-content: space-between; align-items: center; gap: 10px 16px; flex-wrap: wrap; margin-bottom: 18px; }
.saglik-asi-bas h3 { margin: 0; }
.asi-baglanti { display: flex; gap: 8px; margin: 0; flex-wrap: wrap; }
.asi-baglanti a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; background: var(--cim-acik); color: var(--cim-koyu); font-weight: 800; font-size: 14.5px; text-decoration: none; }
.asi-cizgi { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; position: relative; }
.asi-cizgi::before { content: ""; position: absolute; left: 8px; right: 8px; top: 8px; height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--pembe), var(--gunes), var(--cim), var(--gok)); }
.asi-cizgi li { position: relative; padding-top: 30px; display: grid; gap: 4px; align-content: start; }
.asi-cizgi li::before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 4px solid var(--cim); box-sizing: border-box; }
.asi-cizgi li:nth-child(3)::before { border-color: var(--pembe-koyu); }
.asi-zaman { font: 800 16.5px/1.15 var(--baslik); color: var(--murekkep); }
.asi-metin { font-size: 14px; line-height: 1.4; color: var(--soluk); }
.asi-not { margin: 16px 0 0; font-size: 13.5px; color: var(--soluk); }
.saglik-one:focus-visible, .saglik-konu:focus-visible, .rehber-mini:focus-visible { outline: 3px solid var(--pembe-koyu); outline-offset: 3px; }
.rehber-bant .rehber-sayac strong.kucuk { font-size: clamp(24px, 2vw, 32px); margin-left: 6px; }
.rehber-ara-satir { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr); gap: clamp(12px, 1.2vw, 20px); margin-bottom: clamp(12px, 1.2vw, 20px); }
.rehber-ara { background: #fff; border-radius: 26px; padding: clamp(18px, 1.8vw, 26px); box-shadow: var(--golge-k); display: grid; gap: 12px; align-content: center; }
.rehber-ara label { display: flex; align-items: center; gap: 8px; font: 800 clamp(19px, 1.5vw, 24px)/1.15 var(--baslik); }
.rehber-ara label .ik { width: 24px; height: 24px; color: var(--pembe-koyu); flex: none; }
.rehber-ara-kutu { display: flex; gap: 8px; }
.rehber-ara-kutu input { flex: 1; min-width: 0; height: 54px; padding: 0 20px; border: 2px solid var(--gok-acik); border-radius: 999px; background: var(--zemin); font: 700 17px var(--govde); color: var(--murekkep); }
.rehber-ara-kutu input:focus { outline: 3px solid var(--gok); outline-offset: 1px; border-color: var(--gok); }
.rehber-ara-kutu .dugme { flex: none; padding: 0 22px; height: 54px; }
.rehber-ara-kutu .dugme .ik { width: 18px; height: 18px; }
.rehber-konum { justify-self: start; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 999px; background: var(--gok-acik); color: var(--gok-koyu); font-weight: 800; text-decoration: none; }
.rehber-konum .ik { width: 18px; height: 18px; }
.rehber-konum:hover { background: var(--gunes-acik); }
.rehber-mini { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); border-radius: 26px; overflow: hidden; background: var(--aile-acik); color: var(--murekkep); text-decoration: none; min-height: 170px; box-shadow: var(--golge-k); }
.rehber-mini-foto { position: relative; }
.rehber-mini-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.rehber-mini:hover img { transform: scale(1.05); }
.rehber-mini-metin { display: grid; gap: 6px; align-content: center; padding: 18px 20px; }
.rehber-mini-metin strong { font: 800 clamp(19px, 1.4vw, 24px)/1.12 var(--baslik); color: var(--aile-koyu); text-wrap: balance; }
.rehber-mini-metin small { font-size: 14.5px; line-height: 1.4; color: var(--soluk); }
.rh-sayi { position: absolute; top: 14px; left: 14px; z-index: 1; padding: 7px 12px; border-radius: 999px; background: #fff; color: var(--aile-koyu); font: 700 14px/1 var(--govde); box-shadow: var(--golge-k); }
.rh-sayi strong { font: 800 17px/1 var(--baslik); }
.rehber-sehir { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(10px, 1vw, 16px); }
.sehir-kart:not(.sehir-hepsi) { aspect-ratio: 1; }
.sehir-kart.fotosuz { background: linear-gradient(140deg, var(--gok) 0%, var(--gok-koyu) 100%); }
.sehir-plaka { position: absolute; top: 10px; right: 14px; font: 800 clamp(48px, 5vw, 84px)/1 var(--baslik); color: rgba(255, 255, 255, .35); }
.rehber-bant .sehir-hepsi { aspect-ratio: auto; grid-column: span var(--s6, 2); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 16px; min-height: 100%; background: #fff; }
.sehir-hepsi .tr-harita { width: min(100%, 360px); height: auto; max-height: 150px; }
.tr-kara { fill: var(--gok-acik); stroke: var(--gok); stroke-width: 2.5; stroke-linejoin: round; transition: fill .3s; }
.tr-isaret path { fill: var(--pembe-koyu); }
.tr-isaret circle { fill: #fff; }
.tr-isaret.r-gok path { fill: var(--gok-koyu); }
.tr-isaret.r-cim path { fill: var(--cim-koyu); }
.tr-isaret.r-gunes path { fill: var(--gunes-koyu); }
.tr-isaret.r-lila path { fill: var(--lila-koyu); }
.rehber-bant .sehir-hepsi .sehir-metin { position: static; inset: auto; padding: 0; justify-items: center; text-align: center; }
.sehir-hepsi:hover .tr-kara { fill: var(--gunes-acik); }
@media (max-width: 1100px) {
.saglik-ust { grid-template-columns: minmax(0, 1fr); }
.saglik-one { min-height: 0; aspect-ratio: 16 / 8; }
.saglik-alt { grid-template-columns: minmax(0, 1fr); }
.rehber-ara-satir { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.rehber-ara { grid-column: 1 / -1; }
.rehber-sehir { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rehber-bant .sehir-hepsi { grid-column: span var(--s4, 2); }
}
@media (max-width: 820px) {
.saglik-bas { flex-direction: column; align-items: start; gap: 14px; }
.saglik-one { aspect-ratio: auto; min-height: 460px; border-radius: 22px; }
.saglik-konular { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.saglik-konu { border-radius: 18px; }
.saglik-konu-metin { padding: 0 12px 12px; }
.saglik-konu-metin strong { font-size: 17px; }
.saglik-konu-metin small { font-size: 12.5px; }
.asi-cizgi { grid-template-columns: minmax(0, 1fr); gap: 14px; }
.asi-cizgi::before { left: 8px; right: auto; top: 8px; bottom: 8px; width: 4px; height: auto; background: linear-gradient(180deg, var(--pembe), var(--gunes), var(--cim), var(--gok)); }
.asi-cizgi li { padding: 0 0 0 34px; }
.rh-sayi { top: 10px; left: 10px; padding: 6px 10px; font-size: 12.5px; }
.rh-sayi strong { font-size: 15px; }
}
@media (max-width: 560px) {
.mama-grup-bas { align-items: start; }
.mama-grup-bas { flex-wrap: wrap; }
.mama-markalar { justify-content: flex-start; gap: 12px; }
.saglik-one-liste span { font-size: 13px; padding: 7px 10px; }
.saglik-belirti, .saglik-asi { border-radius: 22px; padding: 18px 16px; }
.belirti-cipler { gap: 8px; }
.rehber-ara-satir { grid-template-columns: minmax(0, 1fr); }
.rehber-mini { min-height: 130px; border-radius: 20px; }
.rehber-ara { border-radius: 20px; }
.rehber-ara-kutu .dugme span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.rehber-ara-kutu .dugme { padding: 0 18px; }
.rehber-sehir { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.sehir-kart:not(.sehir-hepsi) { aspect-ratio: 4 / 3.4; border-radius: 18px; }
.rehber-bant .sehir-hepsi { grid-column: span var(--s2, 2); border-radius: 18px; }
}
@media (prefers-reduced-motion: reduce) {
.saglik-one img, .saglik-konu img, .rehber-mini img { transition: none; transform: none !important; }
}
/* filigran.css */
:is(.tm-fotolar, .arac-foto, .irk-foto, .akis-oge, .saglik-one-foto, .saglik-konu-foto, .bk-foto, .rehber-mini-foto,
.rh-foto, .fk, .karo, .kf, .kart-foto, .ilan-foto, .tur-bas-foto, .one-kart, .grup-karo-foto, .kat-foto, .kb-foto,
.konu-irk-foto, .konu-ilgili-foto, .konu-kart-foto, .fb-foto, .test-kolaj, .test-foto, .yok-blob, .yas-kolaj,
.isik-kutu figure, .ar-foto, .ar-kat-foto, .ma-vt-sahne,
:has(> .uc-kart-img, > .uc-il-img, > .uc-diger-img, > .nb-kart-img, > .ts-img, > .rh-kart-foto))::after {
content: none !important; background: none !important;
}
.aba-iz {
position: absolute; z-index: 3; top: clamp(7px, 6%, 18px); width: clamp(36px, 15%, 64px); aspect-ratio: 650 / 299;
color: var(--aba-renk, var(--gok)); opacity: 0; pointer-events: none;
filter: drop-shadow(0 1px 2px rgba(16, 28, 22, .45));
transition: opacity 1.2s ease;
}
.aba-iz.uyanik { opacity: var(--aba-op, .5); }
.aba-iz[data-konum="su"] { left: clamp(7px, 5%, 18px); }
.aba-iz[data-konum="ss"] { right: clamp(7px, 5%, 18px); }
.aba-iz[data-konum="sa"] { right: clamp(7px, 5%, 18px); top: auto; bottom: clamp(7px, 6%, 18px); }
:is(.yok-blob, .tur-bas-foto) > .aba-iz { top: 14%; }
:is(.yok-blob, .tur-bas-foto) > .aba-iz[data-konum="su"] { left: 18%; }
:is(.yok-blob, .tur-bas-foto) > .aba-iz[data-konum="ss"] { right: 18%; }
.aba-iz.genis { width: clamp(44px, 9%, 72px); }
.aba-iz svg { display: block; width: 100%; height: auto; overflow: visible; transform-origin: 50% 92%;
animation: aba-nefes var(--aba-sure, 8s) ease-in-out var(--aba-gecikme, 0s) infinite; }
.aba-iz .aba-gulus { fill: #D94B4B; }
.aba-iz .aba-kapak { fill: currentColor; transform-box: fill-box; transform-origin: 50% 0; transform: scaleY(0);
animation: aba-kirp var(--aba-sure, 8s) linear var(--aba-gecikme, 0s) infinite; }
.aba-iz .aba-kapak.kopek { animation-delay: calc(var(--aba-gecikme, 0s) - .9s); }
@keyframes aba-nefes {
0%, 100% { transform: scale(1) rotate(0); }
28% { transform: scale(1.05) rotate(0); }
52% { transform: scale(1) rotate(0); }
60% { transform: scale(1) rotate(-5deg); }
64% { transform: scale(1) rotate(4deg); }
68% { transform: scale(1) rotate(-2.5deg); }
72% { transform: scale(1) rotate(0); }
}
@keyframes aba-kirp {
0%, 88%, 93.5%, 100% { transform: scaleY(0); }
90.5% { transform: scaleY(1); }
}
:is(a:hover, .aba-var:hover) > .aba-iz.uyanik,
a:hover .aba-var > .aba-iz.uyanik { animation: aba-zipla .7s cubic-bezier(.28, 1.5, .5, 1); }
@keyframes aba-zipla {
0% { translate: 0 0; }
30% { translate: 0 -8px; }
55% { translate: 0 0; }
72% { translate: 0 -2.5px; }
100% { translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
.aba-iz, .aba-iz svg, .aba-iz .aba-kapak { animation: none !important; transition: none; }
}
@media print { .aba-iz { display: none; } }
.yok-abarik { color: var(--soluk); font-size: 14.5px; font-style: italic; margin-top: 6px; }
.ar-abarik { color: var(--soluk); font-size: 14px; font-style: italic; margin-top: 4px; }
.alt-marka::after {
display: block; margin-top: 12px; padding-left: 38px; min-height: 15px; max-width: 340px;
font-size: 13px; font-weight: 600; line-height: 15px; color: var(--soluk); opacity: .85;
background: no-repeat left center / 30px auto;
}
.aba-iz{display:none!important}