@layer components{
.karo-sepet-satiri{display:grid;grid-template-columns:92px minmax(0,1fr) minmax(96px,auto);grid-template-areas:"gorsel bilgi fiyat" "gorsel teslimat eylem";gap:9px 14px;padding:16px 0;border-block-end:1px solid var(--border)}
.karo-sepet-satiri-ana{display:contents}.karo-sepet-gorsel{grid-area:gorsel}.karo-sepet-bilgi{grid-area:bilgi;min-inline-size:0}.karo-sepet-teslimat-izgara{grid-area:teslimat}.karo-sepet-satiri-alt{display:contents}
.karo-sepet-fiyat{grid-area:fiyat;justify-self:end;align-self:start;font-weight:850;color:#173d30}
.karo-sepet-eylem-sil{grid-area:eylem;justify-self:end;align-self:end;display:inline-flex;gap:6px;align-items:center;border:0;background:transparent;color:var(--danger);padding:5px 0;font-size:.74rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.karo-sepet-eylem-sil:hover{color:#7e2c36}
.karo-sepet-gorsel__resim{inline-size:92px;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-md)}
.karo-sepet-adet-rozet{display:none}
}.karo-bos-sepet{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(56px,9vw,112px);text-align:start;background:transparent;min-block-size:auto}
.karo-bos-sepet__metin{max-inline-size:680px}.karo-bos-sepet__etiket{display:inline-block;color:var(--action);font-size:.7rem;font-weight:850;letter-spacing:.13em;margin-block-end:12px}.karo-bos-sepet__metin h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:0 0 16px;color:var(--text)}.karo-bos-sepet__metin p{max-inline-size:58ch;color:var(--text-muted);line-height:1.7;margin:0}.karo-bos-sepet__eylemler{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:24px}.karo-bos-sepet__oneriler{background:var(--surface-soft);border-radius:var(--radius-lg);padding:22px}.karo-bos-sepet__oneriler>strong{display:block;margin-block-end:12px;color:var(--text)}.karo-bos-sepet__kategori-listesi{display:grid;gap:7px}.karo-bos-sepet__kategori-listesi a{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;padding:10px 4px;border-block-end:1px solid var(--border);color:var(--text);text-decoration:none}.karo-bos-sepet__kategori-listesi a:last-child{border-block-end:0}.karo-bos-sepet__kategori-listesi a:hover{color:var(--action)}
@media(max-width:760px){.karo-bos-sepet{grid-template-columns:1fr;padding-block:clamp(38px,12vw,70px)}.karo-bos-sepet__oneriler{padding:18px}.karo-bos-sepet__eylemler{display:grid;grid-template-columns:1fr}}