.yakit-panel{box-sizing:border-box;width:min(640px,calc(100% - 28px));padding:0;border:0;border-radius:20px;background:#f5f4f0;color:#1e1d1d;box-shadow:0 30px 100px #0005;font-family:"Urbanist",sans-serif;max-height:92vh;max-height:92dvh;overflow:auto;scrollbar-width:thin;scrollbar-color:#b5b4af transparent}
dialog.yakit-panel{margin:auto;position:fixed}dialog.yakit-panel:not([open]){display:none}dialog.yakit-panel::backdrop{background:#080808bd;backdrop-filter:blur(7px)}
.yakit-sayfa{margin:55px auto;max-height:none}.yakit-kapat{position:absolute;z-index:2;top:14px;right:15px;width:34px;height:34px;padding:0;border:1px solid #ffffff35;border-radius:50%;background:#ffffff10;color:#fff;font-size:24px;line-height:1;cursor:pointer}.yakit-kapat:hover{background:#ffffff25}
.yakit-baslik-alani{position:relative;isolation:isolate;overflow:hidden;padding:38px 36px 0;background:#191a18;color:#fff}.yakit-baslik-alani:after{content:"";position:absolute;z-index:-1;right:-95px;top:20px;width:310px;height:310px;border:1px solid #ffffff0d;border-radius:50%;box-shadow:0 0 0 45px #ffffff03,0 0 0 90px #ffffff02}
.yakit-kimlik{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:30px;margin:0 0 35px}.yakit-kimlik img{width:195px;max-width:65%;height:auto}.yakit-kimlik>span{font-size:9px;letter-spacing:2.5px;color:#ccc}
.yakit-etiket{font-size:9px;font-weight:500;letter-spacing:2px;color:#b5b5ac;margin:0 0 12px}.yakit-panel h2{color:#fff;font-size:42px;line-height:1.06;font-weight:500;letter-spacing:-1.8px;margin:0 0 27px}.yakit-panel h2 span{display:block;color:#cecec4;font-weight:400}.yakit-baslik-alt{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid #ffffff24;font-size:11px;color:#c4c4bb}.yakit-baslik-alt>span:last-child{letter-spacing:1.5px}.yakit-baslik-alt i{font-style:normal;margin:0 6px;color:#75776e}
.yakit-govde{padding:22px 28px 26px}.yakit-liste{display:grid;gap:9px}.yakit-satir{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;border:1px solid #e7e6df;border-radius:11px;background:#fff}.yakit-urun{min-width:0;border-left:3px solid #242621;padding-left:13px}.yakit-satir h3{font-size:21px;line-height:1.1;margin:0 0 7px;font-weight:650}.yakit-satir span,.yakit-satir small{display:block;font-size:10px;line-height:1.5;color:#83847b}.yakit-tutar{flex-shrink:0;text-align:right;max-width:48%;font-variant-numeric:tabular-nums}.yakit-tutar strong{font-size:34px;font-weight:650;letter-spacing:-1.2px;line-height:1}.yakit-tutar small{margin-top:4px;font-size:9px}.yakit-tutar>span:only-child{max-width:128px;font-size:11px;color:#7b7c72}.yakit-not{font-size:10px;line-height:1.6;color:#8a8a80;margin:16px 2px 21px}
.yakit-islemler{display:grid;grid-template-columns:1fr 1fr;gap:10px}.yakit-paylas,.yakit-indir{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;border:1px solid #252720;border-radius:7px;background:#20221d;color:#fff;font:inherit;font-size:13px;font-weight:550;cursor:pointer;transition:background .2s}.yakit-indir{background:transparent;border-color:#d7d7ce;color:#292b24}.yakit-paylas:hover{background:#36392f}.yakit-indir:hover{background:#e9e9e1}.yakit-islemler button>span{font-size:19px;line-height:1}
.yakit-paylasim{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.yakit-paylasim[hidden]{display:none}.yakit-paylasim button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dcdcd3;border-radius:7px;background:#fff;color:#292b24;padding:13px;font:inherit;font-size:13px;cursor:pointer}.yakit-paylasim button:hover{border-color:#55594c}.yakit-paylasim i{font-size:19px}.yakit-paylasim p{flex-basis:100%;margin:0;font-size:10px;line-height:1.5;color:#8a8a80;text-align:center}.yakit-durum{font-size:11px;line-height:1.5;margin:12px 0 0;color:#686a5f}.yakit-durum:empty{display:none}.yakit-panel button:disabled{opacity:.45;cursor:wait}.yakit-panel :focus-visible{outline:2px solid #858970;outline-offset:3px}
@media(max-width:576px){.yakit-panel{border-radius:15px}.yakit-baslik-alani{padding:29px 25px 0}.yakit-kimlik{margin-bottom:29px;padding-right:25px}.yakit-kimlik img{width:162px}.yakit-kimlik>span{font-size:8px;letter-spacing:1.3px}.yakit-etiket{font-size:8px;letter-spacing:1.1px}.yakit-panel h2{font-size:35px;margin-bottom:23px}.yakit-govde{padding:17px}.yakit-satir{padding:17px 13px;gap:10px}.yakit-urun{padding-left:10px}.yakit-satir h3{font-size:19px}.yakit-satir span{font-size:9px}.yakit-tutar strong{font-size:28px}.yakit-tutar>span:only-child{font-size:10px;max-width:105px}.yakit-paylas,.yakit-indir{padding:13px 12px;font-size:12px}.yakit-not{margin-bottom:17px}}