/* Premium mağaza bileşenleri: ürün kartı, sepet çekmecesi, filtre, favori, toast */
.sf{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:34px}.sf button{padding:11px 22px;border-radius:var(--br,999px);border:1.5px solid var(--line);background:transparent;color:var(--ink);font:700 14px var(--bf);transition:.2s}.sf button:hover{border-color:var(--ink)}.sf button.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.pg{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--pgap,20px)}.pd{position:relative;display:flex;flex-direction:column}.pd[hidden]{display:none}.pd .im{position:relative;overflow:hidden;background:var(--sec);border-radius:var(--cr,16px);aspect-ratio:var(--par,4/5)}.pd .im img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.pd:hover .im img{transform:scale(1.06)}
.pd .bd{position:absolute;left:12px;top:12px;background:var(--ink);color:var(--bg);font:700 11px var(--bf);letter-spacing:.1em;text-transform:uppercase;padding:6px 11px;border-radius:var(--bdr,99px)}.pd .bd.s{background:var(--ac);color:var(--acink,#fff)}
.pd .fv{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#222;font-size:19px;display:grid;place-items:center;transition:.2s;box-shadow:0 8px 16px -8px rgba(0,0,0,.4)}.pd .fv.on{color:#e0245e}.pd .fv:hover{transform:scale(1.1)}
.pd .qa{position:absolute;left:12px;right:12px;bottom:12px;transform:translateY(130%);transition:.35s;border:0;background:var(--ink);color:var(--bg);padding:13px;border-radius:var(--br,12px);font:700 14px var(--bf)}.pd:hover .qa,.pd .qa:focus{transform:none}
.pd .t{padding:14px 2px 0;display:flex;flex-direction:column;gap:3px;flex:1}.pd .ct{font:600 11.5px var(--bf);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}.pd .nm{font:var(--hw,600) 18px var(--hf);line-height:1.25}.pd .rt{font-size:13px;color:#f5a623;letter-spacing:2px}.pd .rt small{color:var(--mut);letter-spacing:0;margin-left:6px;font-size:12.5px}.pd .pr{display:flex;gap:10px;align-items:baseline;margin-top:4px;font:700 17px var(--bf)}.pd .pr s{color:var(--mut);font-weight:500;font-size:14px}.pd .sw{display:flex;gap:6px;margin-top:6px}.pd .sw i{width:15px;height:15px;border-radius:50%;border:1.5px solid rgba(0,0,0,.18)}
.cartbtn{position:relative;display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:inherit;font:700 15px var(--bf)}.cartbtn i{font-style:normal;min-width:22px;height:22px;border-radius:99px;background:var(--ac);color:var(--acink,#fff);font-size:12px;display:grid;place-items:center;padding:0 6px}
.ov{position:fixed;inset:0;background:rgba(10,10,12,.5);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.3s;z-index:90}.ov.on{opacity:1;pointer-events:auto}
.dw{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--bg);color:var(--ink);z-index:95;transform:translateX(105%);transition:.4s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;box-shadow:-40px 0 80px -30px rgba(0,0,0,.5)}.dw.on{transform:none}
.dw header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.dw header b{font:var(--hw,700) 22px var(--hf)}.dw header button{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);background:none;font-size:22px;color:var(--ink)}
.dw .free{padding:14px 24px;background:var(--sec);font-size:14px}.dw .free .bar{height:6px;border-radius:99px;background:rgba(0,0,0,.1);margin-top:8px;overflow:hidden}.dw .free .bar i{display:block;height:100%;background:var(--ac);border-radius:99px;transition:.4s}
.dw .ls{flex:1;overflow:auto;padding:8px 24px}.dw .it{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.dw .it img{width:72px;height:88px;object-fit:cover;border-radius:10px}.dw .it b{display:block;font:600 15.5px var(--bf);line-height:1.3}.dw .it small{color:var(--mut)}.dw .q{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:99px;margin-top:8px}.dw .q button{width:30px;height:30px;border:0;background:none;font-size:16px;color:var(--ink)}.dw .q span{min-width:22px;text-align:center;font-weight:700;font-size:14px}.dw .it .p{font-weight:700;text-align:right}.dw .it .x{display:block;margin-top:8px;color:var(--mut);font-size:12.5px;background:none;border:0;text-decoration:underline}
.dw .em{text-align:center;color:var(--mut);padding:60px 0}.dw footer{padding:20px 24px 24px;border-top:1px solid var(--line);background:var(--bg);color:var(--ink)}.dw .tot{display:flex;justify-content:space-between;font:700 19px var(--bf);margin-bottom:14px}.dw .btn{width:100%;justify-content:center}.dw footer small{display:block;text-align:center;color:var(--mut);margin-top:10px;font-size:12.5px}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,40px);background:var(--ink);color:var(--bg);padding:13px 22px;border-radius:99px;font:600 14.5px var(--bf);opacity:0;pointer-events:none;transition:.35s;z-index:120}.toast.on{opacity:1;transform:translate(-50%,0)}
@media(max-width:1020px){.pg{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.pg{grid-template-columns:1fr 1fr;gap:12px}.pd .qa{transform:none;position:static;margin-top:10px}.pd .t{padding-top:10px}.toast{bottom:84px}}