/* Sipariş formu v2 — marka renkleri, büyük dokunma alanları, adım adım akış (mobil).
   siparisolusturma.html içindeki eski stillerin üzerine biner. */
html body{background:#fffafb!important;color:#2e2421;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;-webkit-text-size-adjust:100%}
html body .adminTopLink{display:none!important}
html body .ikra-special-social-strip{background:#fff!important;border-bottom:1px solid #f3e3e8!important}

/* tür seçimi */
html body .typeScreen{padding:28px 16px 40px!important}
html body .typeScreen .brandTitle{font-size:28px!important;line-height:1.2;color:#2e2421}
html body .typeIntro .muted,html body .muted{color:#7a6c68!important}
html body .typeGrid{display:grid!important;gap:12px!important;max-width:520px;margin:20px auto 0!important}
html body .typeCard{min-height:76px!important;border:1.5px solid #f0d9e0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 6px 20px rgba(214,70,111,.07)!important;color:#2e2421!important;font-size:18px!important;display:flex!important;align-items:center;justify-content:space-between;padding:0 22px!important;text-align:left;transition:.15s}
html body .typeCard::after{content:"›";font-size:28px;color:#d6466f;line-height:1}
html body .typeCard:hover,html body .typeCard:active{border-color:#d6466f!important;background:#fff0f4!important}
html body .typeCard span{font-weight:700}
html body .trustLine span{border-color:#f0d9e0!important;color:#7a6c68!important;background:#fff!important}

/* form kapsayıcı */
html body #orderForm{max-width:720px!important;margin:0 auto!important;padding:0 14px 150px!important}
html body .formHead{padding:18px 4px 6px!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body .formHead h1{font-size:25px!important;margin:6px 0 4px!important}
html body .formHead .brandLogo{height:46px!important;width:auto!important}
html body .categoryBadge{background:#fff0f4!important;color:#d6466f!important;border:1px solid #f0b8c8!important;font-weight:700}
html body .alt{border:1.5px solid #f0d9e0!important;background:#fff!important;color:#5b4d49!important;border-radius:12px!important;min-height:44px}
html body main.card{border:1px solid #f3e3e8!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 30px rgba(214,70,111,.07)!important;padding:6px 16px 18px!important}
html body .formSection{padding:18px 0!important;border-bottom:1px solid #f6ecef!important}
html body .formSection:last-of-type{border-bottom:0!important}
html body .sectionHead{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px!important}
html body .sectionStep{flex:0 0 34px;width:34px!important;height:34px!important;border-radius:50%!important;background:#d6466f!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center;font-weight:800}
html body .sectionHead h2{font-size:20px!important;margin:0 0 2px!important;color:#2e2421}
html body .sectionHead p{margin:0!important;color:#7a6c68;font-size:13.5px;line-height:1.45}

/* alanlar */
html body label{font-size:14px!important;font-weight:600!important;color:#4a3d39!important;margin:0 0 6px!important;display:block}
html body .req{color:#d6466f!important}
html body .optionalNote{font-weight:400;color:#9a8c88!important;font-size:12px}
html body input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),html body select,html body textarea{width:100%;box-sizing:border-box;min-height:52px!important;padding:12px 14px!important;border:1.5px solid #ecdde2!important;border-radius:14px!important;background:#fff!important;color:#2e2421!important;font:400 16px Inter,system-ui,sans-serif!important;outline:0!important}
html body textarea{min-height:110px!important;resize:vertical}
html body input:focus,html body select:focus,html body textarea:focus{border-color:#d6466f!important;box-shadow:0 0 0 4px rgba(214,70,111,.12)!important}
html body .hint{color:#8a7a74!important;font-size:12.5px!important;line-height:1.5;margin-top:6px}
html body .fieldGroup,html body .productRow{margin-top:14px!important}
html body .productRow{padding:14px!important;border:1px solid #f3e3e8!important;border-radius:16px!important;background:#fffafb!important}
html body .smartSelectBtn,html body .searchSelectBtn{min-height:52px!important;border:1.5px solid #ecdde2!important;border-radius:14px!important;background:#fff!important;font-size:16px!important;color:#2e2421!important}
html body .smartSelectBtn.placeholder,html body .searchSelectBtn.placeholder{color:#9a8c88!important}
html body .drop{border:2px dashed #f0b8c8!important;border-radius:18px!important;background:#fff7f9!important;min-height:130px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px!important;color:#d6466f}
html body .drop b{font-size:16px;color:#d6466f}
html body .pickupBox{margin-top:14px!important;padding:14px!important;border:1px solid #f3e3e8!important;border-radius:14px!important;background:#fffafb!important}
html body .pickupLabel{display:flex!important;align-items:center;gap:10px;margin:0!important}
html body input[type=checkbox]{width:22px!important;height:22px!important;accent-color:#d6466f}
html body .row3,html body .row{display:grid!important;gap:12px!important}
html body .row{grid-template-columns:1fr 1fr}
html body .totalBox{background:#fff0f4!important;border:1px solid #f0b8c8!important;border-radius:16px!important;padding:14px 16px!important}
html body .totalBox .amount{color:#d6264f!important;font-weight:800}
html body .actions .main,html body button.main{min-height:54px;border-radius:14px!important;background:#d6466f!important;border-color:#d6466f!important;color:#fff!important;font:700 16px Inter,system-ui,sans-serif!important}
html body .notice{border-radius:12px!important}

/* adım göstergesi */
.wz-steps{display:none}
body.wz-on .wz-steps{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:6px;margin:6px 0 12px;position:sticky;top:0;z-index:30;padding:10px 4px 8px;background:#fffafb}
.wz-steps button{border:0;background:none;padding:0;text-align:center;font:600 12px Inter,system-ui,sans-serif;color:#a79aa0;cursor:default}
.wz-steps button::before{content:"";display:block;height:5px;border-radius:5px;background:#f0e6e9;margin-bottom:6px}
.wz-steps button.done{color:#d6466f;cursor:pointer}.wz-steps button.done::before{background:#f0b8c8}
.wz-steps button.on{color:#d6466f}.wz-steps button.on::before{background:#d6466f}
body.wz-on #orderForm .formSection.wz-off{display:none!important}
body.wz-on #orderForm:not([data-wz-last="1"]) .totalBox,body.wz-on #orderForm:not([data-wz-last="1"]) .actions,body.wz-on #orderForm:not([data-wz-last="1"]) #priceWarning{display:none!important}
.wz-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:8px 12px 8px 8px;border:0;border-radius:10px;background:#f7eef1;color:#5b4d49;font:600 13px Inter,system-ui,sans-serif;cursor:pointer}
.wz-error{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:#fff0f1;color:#b3263f;font-size:14px;line-height:1.45}
.wz-member{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#fff7f9;border:1px solid #f3e3e8;font-size:13.5px;color:#5b4d49;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.wz-member button{min-height:40px;padding:0 16px;border:0;border-radius:10px;background:#d6466f;color:#fff;font:700 13.5px Inter,system-ui,sans-serif;cursor:pointer}

/* alt çubuk */
html body #ikraStickyCheckout{background:#fff!important;border-top:1px solid #f3e3e8!important;box-shadow:0 -8px 24px rgba(40,20,30,.08)!important;padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}
html body .ikra-sticky-review{background:#d6466f!important;border:0!important;border-radius:14px!important;color:#fff!important;font-weight:700!important;min-height:50px!important}
html body .ikra-sticky-sum strong{color:#d6264f!important}
html body .ikra-sticky-detail{border:1.5px solid #f0d9e0!important;border-radius:12px!important;background:#fff!important;color:#5b4d49!important}
@media(max-width:560px){
 html body .row{grid-template-columns:1fr}
 html body #orderForm{padding-left:12px!important;padding-right:12px!important}
 html body main.card{padding:4px 13px 16px!important;border-radius:18px!important}
}

.wz-more{margin-top:14px;border:1.5px dashed #f0b8c8;border-radius:16px;background:#fff7f9;overflow:hidden}
.wz-more>summary{list-style:none;cursor:pointer;padding:16px;font:700 15px Inter,system-ui,sans-serif;color:#d6466f;display:flex;flex-direction:column;gap:2px}
.wz-more>summary::-webkit-details-marker{display:none}
.wz-more>summary small{font-weight:500;color:#8a7a74;font-size:12.5px}
.wz-more[open]>summary{border-bottom:1px dashed #f0b8c8}
.wz-more-body{padding:4px 12px 14px}

.wz-texts{margin-top:14px}
.wz-texts .fieldGroup{margin-top:12px!important}