/* VMAX — sipariş formu, sepet, teşekkür ve sipariş sorgulama stilleri
   vmax.css'in üstüne yüklenir; sadece bu sayfalara özel kurallar içerir. */

/* ---------- Sepet (ürün varken) ---------- */
.cart-qty .qty button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:19px;font-weight:800;color:var(--ink);line-height:1;border:none;background:none;transition:background .15s,color .15s}
.cart-qty .qty button:hover{background:var(--cream-2);color:var(--amber)}
.cart-qty .qty button:disabled{color:var(--line);cursor:default;background:none}
.cart-remove{background:none;border:none;padding:0;cursor:pointer;font:inherit}
.cart-sum .btn-block{width:100%}
.cart-sum .cart-continue{background:none;border:none;width:100%;cursor:pointer}
.cart-msg{margin:var(--sp-4) auto 0;max-width:720px}
.cart-stok-yok{margin:0 0 var(--sp-4);padding:14px 16px;border-radius:14px;background:#be3c2817;color:#a3372a;border:1px solid rgba(190,60,40,.22);font-weight:700;font-size:15px}
.cart-stok-yok a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* ---------- Havale/EFT sipariş formu (eski Releasit görünümü) ---------- */
.cod-sec{padding-block:var(--sp-5)}
@media(min-width:768px){.cod-sec{padding-block:var(--sp-6)}}
.cod-wrap{max-width:520px;margin-inline:auto}
.cod-card{background:#fff;border:1px solid #E3D9C2;border-radius:24px;color:#16130F;padding:20px 18px 22px;box-shadow:0 10px 30px rgba(22,19,15,.10);font-family:Outfit,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
@media(min-width:520px){.cod-card{padding:24px 26px 28px}}
.cod-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.cod-head .cod-ic{width:40px;height:40px;border-radius:12px;background:#F5EEDD;display:grid;place-items:center;flex:none;color:#16130F}
.cod-head .cod-ic svg{width:22px;height:22px}
.cod-card h1.cod-title{flex:1;margin:0;font-size:18px;font-weight:600;letter-spacing:.02em;line-height:1.2;text-transform:uppercase;color:#333}
.cod-close{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:26px;line-height:1;color:#333;background:#F5EEDD;text-decoration:none;flex:none;transition:background .15s}
.cod-close:hover{background:#EFE6D0}

.cod-summary{border:2px solid rgba(232,232,235,1);border-radius:20px;background:#fff;padding:6px 12px;color:#333}
.cod-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(232,232,235,1)}
.cod-item:last-child{border-bottom:none}
.cod-item img{width:64px;height:64px;border-radius:12px;object-fit:cover;background:#EFE6D0}
.cod-item-info{min-width:0}
.cod-item-name{display:block;font-weight:700;font-size:15px;line-height:1.3;color:#333}
.cod-item-meta{display:block;font-size:13px;color:#6F6455;margin:2px 0 6px}
.cod-line-total{font-weight:800;font-size:15px;white-space:nowrap;color:#16130F}
.cod-qty{display:inline-flex;align-items:center;border:1px solid rgb(223,221,221);border-radius:16px;background:transparent;overflow:hidden}
.cod-qty button{width:34px;height:34px;display:grid;place-items:center;font-size:18px;font-weight:800;color:#333;border:none;background:none;cursor:pointer;transition:background .15s}
.cod-qty button:hover{background:#F5EEDD}
.cod-qty input{width:40px;height:34px;border:none;background:none;text-align:center;font:inherit;font-weight:800;font-size:15px;color:#16130F;-moz-appearance:textfield}
.cod-qty input::-webkit-outer-spin-button,.cod-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
@media(max-width:400px){.cod-item{grid-template-columns:56px 1fr;grid-template-areas:"img info" "img total"}.cod-item img{grid-area:img;width:56px;height:56px}.cod-item-info{grid-area:info}.cod-line-total{grid-area:total;text-align:left}}

.cod-totals{background:rgba(235,235,235,1);border:2px solid rgba(232,232,235,1);border-radius:20px;padding:10px 14px;margin:12px 0 18px;color:#333}
.cod-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;font-size:14.5px}
.cod-row span small{display:block;font-size:12px;color:#6F6455;font-weight:500}
.cod-row b{font-weight:700}
.cod-row .cod-free{color:#1E8A5F;font-weight:800}
.cod-row-total{border-top:1px solid #d9d9dc;margin-top:4px;padding-top:9px;font-size:16px}
.cod-row-total b{font-size:19px;font-weight:900}

.cod-subtitle{margin:0 0 12px;font-size:15px;font-weight:700;color:#16130F;text-align:left}
.cod-fields{display:grid;gap:12px}
.cod-field label{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#333;margin:0 0 6px 2px}
.cod-field label small{text-transform:none;letter-spacing:0;font-weight:600;color:#6F6455}
.cod-in{position:relative}
.cod-in > svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#6F6455;pointer-events:none}
.cod-in.is-area > svg{top:16px;transform:none}
.cod-field input,.cod-field select,.cod-field textarea{width:100%;font:inherit;font-size:15px;color:#16130F;background:#fff;border:1px solid #E3D9C2;border-radius:16px;padding:13px 14px 13px 42px;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.cod-field select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236F6455' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px;cursor:pointer}
.cod-field select:disabled{color:#9a9086;background-color:#faf7ef;cursor:default}
.cod-field textarea{min-height:88px;resize:vertical}
.cod-field input::placeholder,.cod-field textarea::placeholder{color:#a39a8c}
.cod-field input:focus,.cod-field select:focus,.cod-field textarea:focus{outline:none;border-color:#EFAA0F;box-shadow:0 0 0 3px rgba(239,170,15,.18)}
.cod-field.is-invalid input,.cod-field.is-invalid select,.cod-field.is-invalid textarea{border-color:#C8412B}
.cod-err{display:none;margin:5px 0 0 4px;font-size:13px;font-weight:600;color:#B3261E}
.cod-field.is-invalid .cod-err{display:block}
.cod-hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}

.cod-checks{display:grid;gap:10px;margin:6px 0 4px}
.cod-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;color:#333;cursor:pointer}
.cod-check input{width:20px;height:20px;margin:1px 0 0;accent-color:#16130F;flex:none;cursor:pointer}
.cod-check a{text-decoration:underline;text-underline-offset:3px;font-weight:700;color:#16130F}
.cod-check-wrap.is-invalid .cod-check{color:#B3261E}
.cod-check-wrap .cod-err{margin:4px 0 0 30px}
.cod-check-wrap.is-invalid .cod-err{display:block}

.cod-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;margin-top:8px;padding:0 20px;background:#000;color:#fff;border:none;border-radius:50px;font:inherit;font-size:16px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:transform .15s,opacity .15s}
.cod-submit:hover{transform:translateY(-1px)}
.cod-submit:disabled{opacity:.7;cursor:wait;transform:none}
.cod-submit.is-stok-yok:disabled{opacity:.45;cursor:not-allowed}
.cod-genel-hata{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#be3c2817;color:#a3372a;border:1px solid rgba(190,60,40,.22);font-weight:700;font-size:14.5px}
.cod-note{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:12px 14px;border-radius:14px;background:#F5EEDD;font-size:13.5px;line-height:1.5;color:#453D31}
.cod-note svg{width:18px;height:18px;flex:none;color:#16130F;margin-top:1px}
.cod-note.is-warn{background:#efaa0f1c;border:1px solid rgba(239,170,15,.5)}
.cod-trust{margin:18px 0 0;text-align:center;font-size:13px;font-weight:600;color:var(--muted)}
.cod-secure{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 0;font-size:12.5px;color:#6F6455}
.cod-secure svg{width:14px;height:14px}

/* ---------- Teşekkür ---------- */
.ty-no{display:inline-flex;align-items:center;gap:10px;margin:0 0 var(--sp-4);padding:12px 18px;border-radius:var(--r-full);background:var(--ink);color:var(--cream);font-weight:800;font-size:15px}
.ty-no b{font-size:19px;letter-spacing:-.01em}
.ty-actions{display:flex;flex-wrap:wrap;gap:12px;margin:var(--sp-4) 0 var(--sp-5)}
.ty-actions .btn svg{width:20px;height:20px}
.doc .ty-actions a{text-decoration:none}
.ty-ok{display:flex;gap:12px;align-items:flex-start;background:#1e8a5f14;border:1px solid rgba(30,138,95,.28);border-radius:var(--r);padding:14px 16px;margin:0 0 var(--sp-4);color:var(--ink-3);font-size:14.5px;line-height:1.5}
.ty-ok svg{width:22px;height:22px;color:var(--ok);flex:none}
.ty-ok b{color:var(--ink)}
.ty-durum,.doc .ty-durum{margin:14px 0 0}
.doc .flow{margin-bottom:var(--sp-4)}

/* ---------- Havale/EFT banka kartı (includes/banka-karti.php; teşekkür + sipariş sorgulama) ---------- */
.banka-kart{background:#fff;border:1px solid #E3D9C2;border-radius:24px;padding:20px 18px 22px;margin:0 0 var(--sp-4);color:#16130F;box-shadow:var(--shadow-sm)}
@media(min-width:520px){.banka-kart{padding:24px 26px 26px}}
.banka-kart-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.banka-kart-ic{width:44px;height:44px;border-radius:14px;background:#F5EEDD;display:grid;place-items:center;flex:none;color:#16130F}
.banka-kart-ic svg{width:24px;height:24px}
.banka-kart-head b{display:block;font-size:17px;font-weight:800;line-height:1.25}
.banka-kart-head small{display:block;font-size:13.5px;color:#6F6455;margin-top:3px;line-height:1.4}
.banka-satirlar{border-top:1px solid #E3D9C2}
.banka-satir{display:grid;grid-template-columns:96px 1fr;gap:6px 14px;padding:12px 0;border-bottom:1px solid #EFE6D0;align-items:baseline}
.banka-satir:last-child{border-bottom:none}
.banka-satir.is-bos{grid-template-columns:1fr}
.banka-etiket{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6F6455;padding-top:3px}
.banka-deger{font-size:16px;font-weight:600;overflow-wrap:anywhere;line-height:1.4}
.banka-deger small{display:block;font-size:13px;font-weight:500;color:#6F6455;margin-top:3px}
.banka-tutar{font-size:21px;font-weight:900;letter-spacing:-.01em}
.banka-iban-kap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.banka-iban{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:clamp(15px,3.9vw,19px);font-weight:800;letter-spacing:.04em;color:#16130F;background:#F5EEDD;padding:7px 11px;border-radius:10px;user-select:all;-webkit-user-select:all}
.banka-kopyala{font:inherit;font-size:13px;font-weight:800;min-height:34px;padding:0 14px;border-radius:999px;border:1.5px solid #16130F;background:#fff;color:#16130F;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.banka-kopyala:hover{background:#16130F;color:#fff}
.banka-kopyala.is-ok{background:var(--ok);border-color:var(--ok);color:#fff}
.banka-kart .banka-bos{margin:0;padding:12px 14px;border-radius:14px;background:#efaa0f1c;border:1px solid rgba(239,170,15,.5);font-size:14.5px;font-weight:600;color:#453D31;line-height:1.5}
.banka-bildir{width:100%;margin-top:18px;background:#000;color:#fff;box-shadow:0 4px var(--amber),var(--shadow);text-decoration:none}
.banka-bildir:hover{transform:translateY(-1px);background:#16130F;color:#fff}
.banka-bildir svg{width:22px;height:22px;color:#25D366;flex:none}
.doc .banka-bildir{text-decoration:none}
.banka-kart .banka-not{margin:12px 0 0;text-align:center;font-size:13.5px;line-height:1.5;color:#6F6455}
@media(max-width:420px){.banka-satir{grid-template-columns:1fr;gap:3px}.banka-etiket{padding-top:0}}

/* ---------- Sipariş sorgulama ---------- */
.sq-form{margin-top:var(--sp-4)}
.sq-form .btn{width:100%;max-width:260px}
.sq-result{margin-top:var(--sp-5)}
.sq-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:var(--sp-3)}
.sq-head h2{margin:0}
.durum-rozet{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--r-full);font-size:13.5px;font-weight:800;background:var(--cream-2);color:var(--ink)}
.durum-rozet:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--muted)}
.durum-rozet.d-odeme_bekleniyor:before{background:var(--amber)}
.durum-rozet.d-hazirlaniyor:before{background:#2F6FE4}
.durum-rozet.d-kargoda:before{background:#7A4FD3}
.durum-rozet.d-teslim:before{background:var(--ok)}
.durum-rozet.d-iptal:before,.durum-rozet.d-iade:before{background:#C8412B}
.durum-rozet.d-iptal,.durum-rozet.d-iade{background:#fde3df;color:#a3372a}
.steps .step-card.is-done{border-color:rgba(30,138,95,.35)}
.steps .step-card.is-done:before{content:"✓";background:var(--ok);color:#fff}
.steps .step-card.is-now{border-color:var(--amber);box-shadow:0 0 0 3px rgba(239,170,15,.22),var(--shadow-sm)}
.steps .step-card.is-now:after{content:"Şu an burada";position:absolute;right:14px;top:14px;font-size:10.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}
.steps .step-card.is-off{opacity:.55}
.sq-kargo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:var(--ink);color:var(--cream);border-radius:var(--r-lg);padding:20px 22px;margin:var(--sp-4) 0}
.sq-kargo b{display:block;font-size:16px}
.sq-kargo span{display:block;font-size:14px;color:#f5eeddbd}
.sq-kargo code{font-family:inherit;font-weight:900;font-size:18px;letter-spacing:.04em;color:var(--amber-lite)}
.doc .sq-kargo a{text-decoration:none}
.sq-kargo .btn{min-height:48px}
.sq-none{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin-top:var(--sp-3);font-size:14.5px;color:var(--ink-3)}