.adim-ekrani{--golge-ton:120, 85, 20;--kart-en:280;--kart-boy:326;--sutun:3;--kart-ara:34;color:var(--marka-lacivert);background:var(--zemin);grid-template:"bar bar""soru secim"1fr/36% 64%;display:grid}.adim-ekrani .susler{pointer-events:none;position:absolute;inset:0}.adim-ekrani .sus-oge{left:var(--x);top:var(--y);animation:6s ease-in-out infinite adim-suzul}.adim-ekrani .sus-oge.parilti{color:var(--sus-parilti);opacity:.85}.adim-ekrani .sus-oge.yaprak{color:var(--sus-yaprak);opacity:.55}.adim-ekrani .ust-bar{z-index:3;padding:calc(36 * var(--u)) calc(60 * var(--u)) 0;grid-area:bar;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.adim-ekrani .soru{padding:calc(20 * var(--u)) 0 calc(520 * var(--u)) calc(60 * var(--u));flex-direction:column;grid-area:soru;justify-content:flex-end;display:flex;position:relative}.adim-ekrani .soran{left:calc(50% + 30 * var(--u));bottom:calc(-30 * var(--u));height:calc(560 * var(--u));transform-origin:50% 100%;width:auto;animation:3.2s ease-in-out infinite adim-nefes;position:absolute;translate:-50%;-webkit-mask-image:linear-gradient(#000 86%,#0000 100%);mask-image:linear-gradient(#000 86%,#0000 100%)}.adim-ekrani .balon{z-index:1;padding:calc(40 * var(--u)) calc(48 * var(--u));border-radius:calc(60 * var(--u));box-shadow:0 calc(14 * var(--u)) 0 rgba(var(--golge-ton), .22), 0 calc(30 * var(--u)) calc(50 * var(--u)) rgba(var(--golge-ton), .14);background:#fff;animation:.6s cubic-bezier(.34,1.56,.64,1) .15s both adim-balon;position:relative}.adim-ekrani .balon:before{content:"";left:50%;bottom:calc(-40 * var(--u));border:calc(26 * var(--u)) solid transparent;border-top:calc(40 * var(--u)) solid #fff;border-bottom:0;position:absolute;translate:-50%}.adim-ekrani .balon h1{font-size:max(26px, calc(88 * var(--u)));letter-spacing:-.01em;font-weight:800;line-height:1.02}.adim-ekrani .balon p{margin-top:calc(16 * var(--u));font-size:max(13px, calc(34 * var(--u)));color:#14284bb3;font-weight:600;line-height:1.3}.adim-ekrani .secim{justify-content:center;align-items:center;gap:calc(40 * var(--u));padding:calc(20 * var(--u)) calc(60 * var(--u)) calc(40 * var(--u));flex-direction:column;grid-area:secim;display:flex;position:relative}.adim-ekrani .kartlar{justify-content:center;gap:calc(48 * var(--u)) calc(var(--kart-ara) * var(--u));max-width:calc((var(--sutun) * var(--kart-en) + (var(--sutun) - 1) * var(--kart-ara) + 1) * var(--u));flex-wrap:wrap;display:flex}.secim-kart{width:calc(var(--kart-en) * var(--u));height:calc(var(--kart-boy) * var(--u));padding:calc(18 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u));border-radius:calc(52 * var(--u));background:var(--renk);color:#fff;box-shadow:0 calc(16 * var(--u)) 0 var(--koyu), 0 calc(26 * var(--u)) calc(40 * var(--u)) rgba(var(--golge-ton), .18);flex-direction:column;align-items:center;transition:transform .18s,box-shadow .18s,opacity .25s;animation:.55s cubic-bezier(.34,1.56,.64,1) both adim-kart-gir;display:flex;position:relative}.secim-kart:active{transform:translateY(calc(10 * var(--u)));box-shadow:0 calc(6 * var(--u)) 0 var(--koyu), 0 calc(12 * var(--u)) calc(20 * var(--u)) rgba(var(--golge-ton), .18)}.secim-kart.secili{transform:translateY(calc(-14 * var(--u))) scale(1.06);box-shadow:0 0 0 calc(10 * var(--u)) #fff, 0 0 0 calc(20 * var(--u)) var(--renk), 0 calc(30 * var(--u)) 0 var(--koyu), 0 calc(44 * var(--u)) calc(50 * var(--u)) rgba(var(--golge-ton), .25);z-index:1}.secim-kart.soluk{opacity:.55}.secim-kart .kart-etiket{white-space:nowrap;width:100%;color:var(--lacivert);font-size:max(11px, calc(32 * var(--u)));text-align:center;background:#fff;border-radius:999px;margin-top:auto;padding:.3em .2em .18em;font-weight:800;line-height:1.2}.secim-kart .tik{top:calc(-26 * var(--u));right:calc(-26 * var(--u));width:max(30px, calc(92 * var(--u)));aspect-ratio:1;background:var(--marka-yesil);color:#fff;border:max(3px, calc(7 * var(--u))) solid #fff;box-shadow:0 calc(6 * var(--u)) calc(14 * var(--u)) #0003;border-radius:50%;place-items:center;animation:.4s cubic-bezier(.34,1.56,.64,1) both adim-tik;display:grid;position:absolute}.secim-kart .tik svg{width:55%;height:55%}.secim-kart.nesne-kart{justify-content:space-between;gap:calc(10 * var(--u));padding:calc(14 * var(--u)) calc(14 * var(--u)) calc(12 * var(--u));border-radius:calc(46 * var(--u));background:linear-gradient(180deg, color-mix(in srgb, var(--renk) 12%, #fff) 0%, color-mix(in srgb, var(--renk) 30%, #fff) 100%);border:max(1.5px, calc(3 * var(--u))) solid #fff;box-shadow:0 calc(14 * var(--u)) 0 color-mix(in srgb, var(--renk) 45%, #fff), 0 calc(24 * var(--u)) calc(36 * var(--u)) rgba(var(--golge-ton), .16);overflow:visible}.secim-kart.nesne-kart:active{box-shadow:0 calc(5 * var(--u)) 0 color-mix(in srgb, var(--renk) 45%, #fff)}.secim-kart.nesne-kart.secili{background:linear-gradient(180deg, color-mix(in srgb, var(--renk) 18%, #fff) 0%, color-mix(in srgb, var(--renk) 42%, #fff) 100%);box-shadow:0 0 0 calc(8 * var(--u)) #fff, 0 0 0 calc(16 * var(--u)) var(--renk), 0 calc(26 * var(--u)) 0 color-mix(in srgb, var(--renk) 55%, #fff), 0 calc(40 * var(--u)) calc(46 * var(--u)) rgba(var(--golge-ton), .24)}.secim-kart.nesne-kart .gorsel-yuva{flex:1;width:100%;min-height:0;display:block;position:relative}.secim-kart.nesne-kart .gorsel-yuva:after{content:"";left:18%;right:18%;bottom:calc(2 * var(--u));height:calc(20 * var(--u));background:radial-gradient(closest-side, rgba(var(--golge-ton), .32), transparent);animation:3.4s ease-in-out infinite nesne-golge;animation-delay:inherit;border-radius:50%;position:absolute}.secim-kart.nesne-kart .gorsel-yuva img{object-fit:contain;pointer-events:none;max-width:none;filter:drop-shadow(0 calc(8 * var(--u)) calc(6 * var(--u)) #00000024);animation:3.4s ease-in-out infinite nesne-suzul;animation-delay:inherit;top:calc(-34 * var(--u))!important;left:calc(-10 * var(--u))!important;width:calc(100% + 20 * var(--u))!important;height:calc(100% + 24 * var(--u))!important}.secim-kart.nesne-kart:nth-child(2n) .gorsel-yuva{animation-delay:-1.1s}.secim-kart.nesne-kart:nth-child(3n) .gorsel-yuva{animation-delay:-2.2s}.secim-kart.nesne-kart.secili .gorsel-yuva img{animation:.6s ease-out adim-zipla,3.4s ease-in-out .6s infinite nesne-suzul;scale:1.08}.secim-kart.nesne-kart .kart-etiket{white-space:normal;border-radius:calc(24 * var(--u));background:var(--renk);color:#fff;min-height:2.3em;box-shadow:0 calc(5 * var(--u)) 0 var(--koyu);font-size:max(11px, calc(29 * var(--u)));flex-shrink:0;justify-content:center;align-items:center;margin-top:0;padding:.22em .5em;line-height:1.12;display:flex}@media (orientation:portrait){.secim-kart.nesne-kart .gorsel-yuva img{top:calc(-28 * var(--u))!important;width:100%!important;height:calc(100% + 22 * var(--u))!important;left:0!important}.secim-kart.nesne-kart .kart-etiket{min-height:0;font-size:max(13px, calc(36 * var(--u)))}.secim-kart.nesne-kart{height:max(114px, calc(var(--kart-boy) * var(--u)))}}@media (orientation:portrait) and (min-width:600px){.secim-kart.nesne-kart .kart-etiket{min-height:2.3em;font-size:max(13px, calc(32 * var(--u)))}}@keyframes nesne-suzul{0%,to{translate:0}50%{translate:0 calc(-8 * var(--u))}}@keyframes nesne-golge{0%,to{opacity:1;scale:1}50%{opacity:.7;scale:.85}}.adim-ekrani .devam{white-space:nowrap;width:calc(620 * var(--u));min-width:200px;height:max(52px, calc(128 * var(--u)));font-size:max(18px, calc(56 * var(--u)));color:#fff;background:var(--marka-turuncu);box-shadow:0 calc(14 * var(--u)) 0 #b4520f, 0 calc(26 * var(--u)) calc(40 * var(--u)) #b4520f4d;border-radius:999px;justify-content:center;align-items:center;gap:.4em;font-weight:800;transition:transform 80ms,box-shadow 80ms,background .3s,opacity .3s;animation:2.4s ease-in-out infinite adim-nabiz;display:flex}.adim-ekrani .devam svg{width:1.05em;height:1.05em}.adim-ekrani .devam:active{transform:translateY(calc(12 * var(--u)));box-shadow:0 calc(4 * var(--u)) 0 #b4520f, 0 calc(10 * var(--u)) calc(20 * var(--u)) #b4520f4d;animation:none}.adim-ekrani .devam.kapali{background:var(--kapali);box-shadow:0 calc(14 * var(--u)) 0 var(--kapali-golge);color:#ffffffe6;cursor:default;animation:none}@media (orientation:portrait){.adim-ekrani{--kart-en:300;--kart-boy:380;grid-template:"bar""soru""secim"1fr/minmax(0,1fr)}.adim-ekrani .sus-oge{left:var(--dx);top:var(--dy)}.adim-ekrani .ust-bar{padding:max(14px, calc(40 * var(--u))) max(10px, calc(40 * var(--u))) 0;gap:8px}.adim-ekrani .soru{align-items:center;gap:calc(24 * var(--u));min-height:0;padding:calc(60 * var(--u)) calc(50 * var(--u)) 0;flex-direction:row}.adim-ekrani .soran{height:calc(340 * var(--u));flex-shrink:0;order:-1;position:static;translate:none;-webkit-mask-image:linear-gradient(#000 72%,#0000 96%);mask-image:linear-gradient(#000 72%,#0000 96%)}.adim-ekrani .balon{padding:calc(44 * var(--u)) calc(52 * var(--u));border-radius:calc(64 * var(--u));flex:1}.adim-ekrani .balon:before{left:calc(-34 * var(--u));border:calc(24 * var(--u)) solid transparent;border-right:calc(36 * var(--u)) solid #fff;border-left:0;top:46%;bottom:auto;translate:none}.adim-ekrani .balon h1{font-size:max(28px, calc(96 * var(--u)))}.adim-ekrani .balon p{font-size:max(13px, calc(38 * var(--u)))}.adim-ekrani .secim{justify-content:center;gap:calc(80 * var(--u));padding:calc(80 * var(--u)) calc(40 * var(--u)) max(28px, calc(80 * var(--u)))}.secim-kart .kart-etiket{font-size:max(11px, calc(36 * var(--u)))}.adim-ekrani .devam{width:calc(760 * var(--u));height:max(56px, calc(170 * var(--u)));font-size:max(20px, calc(68 * var(--u)))}}@keyframes adim-nefes{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(.993,1.025)}}@keyframes adim-suzul{0%,to{translate:0;rotate:0deg}50%{translate:0 -20px;rotate:8deg}}@keyframes adim-balon{0%{opacity:0;scale:.6}}@keyframes adim-kart-gir{0%{opacity:0;translate:0 80px;scale:.8}}@keyframes adim-zipla{0%,to{translate:0}40%{translate:0 -30px}70%{translate:0 4px}}@keyframes adim-tik{0%{rotate:-90deg;scale:0}}@keyframes adim-nabiz{0%,to{scale:1}50%{scale:1.04}}@media (prefers-reduced-motion:reduce){.adim-ekrani *,.adim-ekrani :before{animation:none!important}}
