/* Sepet yapılandırma (pages/sepet-yapilandir.php). Renk ve ölçüler vionup.css değişkenlerinden gelir. */
.s-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:var(--space-6);align-items:start}
.s-main{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}
.s-box{display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface)}
.s-box[hidden],.s-dpanel[hidden],.s-chosen[hidden]{display:none}

.s-product{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:24px;background:var(--surface-panel);border-color:transparent}
.s-product__info{display:flex;flex-direction:column;gap:12px;flex:1 1 320px;min-width:0}
.s-product__price{flex:0 1 300px}
.s-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;color:var(--text-secondary)}
.s-features li{display:flex;gap:8px;align-items:flex-start}
.s-features svg{flex:none;margin-top:4px}
.s-link{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}

.s-opt__t{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:700 17px/1.3 var(--font-sans)}

/* Alan adı */
.s-dpanel{display:flex;flex-direction:column;gap:12px}
.s-inline{display:flex;gap:12px;align-items:stretch}
.s-inline .v-input,.s-inline .v-select{flex:1 1 auto;min-width:0}
.s-inline .v-btn{flex:none}
.s-result{display:flex;flex-direction:column;gap:12px}
.s-result:empty{display:none}
.s-result__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.s-result__actions .v-field{flex:1 1 220px}
.s-chosen{align-items:center}
.s-chosen > span{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.s-chosen svg,.s-cfg .v-alert svg{flex:none}
.s-chosen .v-linkbtn{min-height:44px;padding:0 8px;font-weight:600;color:inherit}
.s-cfg .v-alert:focus{outline:none}
.s-cfg .v-alert:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
.s-cfg .v-select[aria-invalid="true"]{border-color:var(--status-error-text)}

/* Adet seçici */
.s-qty{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.s-qty .v-input{width:96px;text-align:center;-moz-appearance:textfield;appearance:textfield}
.s-qty .v-input::-webkit-outer-spin-button,.s-qty .v-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.s-qty__btn{width:52px;height:52px;border:1.5px solid var(--border-control);border-radius:var(--radius-md);background:var(--surface);font:600 22px/1 var(--font-sans);color:var(--ink);cursor:pointer}
.s-qty__btn:hover{border-color:var(--ink);background:var(--surface-panel)}
.s-qty__btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
.s-qty .v-help{margin-left:8px}

/* Özet */
.s-summary{gap:16px}
.s-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.s-lines li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.s-lines li:first-child{padding-top:0}
.s-line__name{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere;font-weight:600}
.s-line__name small{font:400 14px/1.4 var(--font-sans);color:var(--text-muted)}
.s-line__price{flex:none;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.s-line__price small{display:block;font-size:14px;color:var(--text-muted)}
.s-line__price s{color:var(--text-muted);margin-right:6px}
.s-total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font:600 17px/1.3 var(--font-sans)}
.s-total strong{font:800 24px/1.2 var(--font-display);font-variant-numeric:tabular-nums}
.s-cfg .v-btn[aria-busy="true"]{cursor:progress}

@media (max-width:960px){
  .s-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){
  .s-box{padding:20px 16px}
  .s-inline{flex-direction:column}
  .s-inline .v-btn{width:100%}
}