/* SHIELD Lifestyle — checkout, payment & order pages */
:root{--gold:#c9a04e;--gold-l:#e4be6c;--gold-d:#9c6f22;--ink:#1d1915;--maroon:#1d1915;--ivory:#faf9f6;--text:#1d1915;--muted:#6b6257;--line:rgba(29,25,21,.09)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body.shop{background:var(--ivory);color:var(--text);font-family:'Poppins',system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column}
.shop-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}
.shop-top{background:rgba(250,249,246,.95);border-bottom:1px solid var(--line)}
.shop-top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px;flex-wrap:wrap}
.shop-logo img{height:62px;display:block}
.shop-secure{display:inline-flex;align-items:center;gap:8px;color:var(--gold-d);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.shop-back{color:#3d362e;text-decoration:none;font-size:14px}
.shop-back:hover{color:var(--gold-d)}
.shop-main{flex:1;padding:48px 0 90px}
.shop-h1{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:clamp(36px,4.5vw,54px);line-height:1.05;margin:0 0 26px}
.co-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}
.co-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 24px 46px -36px rgba(60,40,10,.45)}
.co-card h2{font-family:'Playfair Display',Georgia,serif;font-size:28px;font-weight:600;margin:0 0 18px;display:flex;align-items:center;gap:12px}
.step{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(#e4be6c,#c19438);color:#1a1307;font:600 15px 'Poppins',sans-serif}
.co-sum{position:sticky;top:20px;background:#fff;color:var(--text);border-color:rgba(156,111,34,.22)}
.co-sum h2{color:var(--ink)}
.fgrid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fgrid2 .span2{grid-column:1/-1}
label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:500;color:var(--muted)}
label small{font-weight:400}
input,select,textarea{font:400 15px 'Poppins',sans-serif;color:var(--text);background:#fff;border:1px solid rgba(29,25,21,.16);border-radius:12px;padding:13px 14px;min-height:48px;width:100%;transition:border-color .2s,box-shadow .2s}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,74,.25)}
.pay-list{display:flex;flex-direction:column;gap:12px}
.pay-opt{flex-direction:row;align-items:center;gap:14px;padding:16px 18px;border:1px solid rgba(29,25,21,.14);border-radius:16px;background:#fff;cursor:pointer;color:var(--text);transition:all .25s}
.pay-opt:hover{border-color:var(--gold)}
.pay-opt:has(input:checked){border-color:var(--gold);background:#fdf8ee;box-shadow:0 0 0 2px var(--gold)}
.pay-opt input{width:20px;height:20px;min-height:0;accent-color:#9c6f22;flex:none}
.pay-ic{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font:700 19px 'Poppins',sans-serif;color:#fff}
.pay-cod{background:linear-gradient(135deg,#c9a04e,#7a5518)}
.pay-paytm{background:linear-gradient(135deg,#00BAF2,#002E6E)}
.pay-razorpay{background:linear-gradient(135deg,#3395FF,#0B1C4D)}
.pay-txt{display:flex;flex-direction:column;gap:2px}
.pay-txt b{font-size:15px;font-weight:600}
.pay-txt small{font-weight:400;color:var(--muted);font-size:13px}
.pay-extra:empty{display:none}
.pay-extra{color:var(--gold-d)!important;font-weight:600!important}
.sum-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}
.sum-list li{display:flex;justify-content:space-between;gap:12px;font-size:14px;line-height:1.4;padding-bottom:10px;border-bottom:1px solid rgba(29,25,21,.07)}
.co-sum .sum-list li{color:#3d362e}
.sum-list li b{white-space:nowrap}
.co-sum .sum-list li b{color:var(--ink);font-weight:600}
.sum-row{display:flex;justify-content:space-between;font-size:14px;padding:5px 0}
.co-sum .sum-row{color:var(--muted)}
.sum-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid rgba(29,25,21,.12);margin-top:10px;padding-top:14px;margin-bottom:20px;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.sum-total b{font-family:'Playfair Display',Georgia,serif;font-size:34px;letter-spacing:0;color:var(--ink)}
.co-card:not(.co-sum) .sum-total b{color:var(--maroon)}
.muted{color:#8a8073}
.tiny{font-size:12px;color:#8a8073;text-align:center;margin:12px 0 0}
.btn-gold,.btn-line{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;font:600 14px 'Poppins',sans-serif;letter-spacing:.02em;text-decoration:none;cursor:pointer;border:0;transition:transform .3s,box-shadow .3s,opacity .3s}
.btn-gold{background:linear-gradient(#e4be6c,#c19438);color:#1a1307;box-shadow:0 12px 28px -12px rgba(156,111,34,.7)}
.btn-gold:hover{transform:translateY(-2px)}
.btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn-line{background:#fff;color:var(--ink);border:1px solid rgba(29,25,21,.22)}
.btn-line:hover{background:#f5efe5}
.btn-block{width:100%}
.alert{padding:14px 18px;border-radius:14px;margin:0 0 20px;font-size:14px;line-height:1.5}
.alert.err{background:#FBE9E5;border:1px solid #E7B4A8;color:#7A1F12}
.alert.ok{background:#EEF6E8;border:1px solid #B9D7A6;color:#2E5A1A}
.empty-box{text-align:center;padding:60px 20px;background:#fff;border:1px solid var(--line);border-radius:24px}
.empty-box h2{font-family:'Playfair Display',Georgia,serif;font-size:34px;margin:0 0 8px}
.empty-box p{color:var(--muted);margin:0 0 24px}
.done-hero{text-align:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:44px 24px;margin-bottom:28px}
.done-hero p{color:var(--muted);max-width:560px;margin:0 auto 10px;line-height:1.7}
.done-ic{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pop .6s cubic-bezier(.3,1.6,.5,1) both}
.done-ok .done-ic{background:linear-gradient(#e4be6c,#c19438);color:#1a1307;box-shadow:0 0 0 10px rgba(201,160,78,.15)}
.done-wait .done-ic{background:#f7efdf;color:var(--gold-d);box-shadow:0 0 0 10px rgba(201,162,74,.12)}
.done-err .done-ic,.done-cancel .done-ic{background:#FBE9E5;color:#7A1F12;box-shadow:0 0 0 10px rgba(231,180,168,.25)}
@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
.order-no{font-size:15px}
.order-no b{font-family:'Poppins',sans-serif;font-weight:600;letter-spacing:.08em;color:var(--gold-d)}
.done-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:22px}
.done-actions form{margin:0}
.addr{line-height:1.7;margin:0;color:var(--text)}
.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}
.pill-paid{background:#E3F1DA;color:#2E5A1A}.pill-cod_pending{background:#FBF0D6;color:#6A4A18}.pill-pending{background:#EEE;color:#555}.pill-failed{background:#FBE9E5;color:#7A1F12}.pill-refunded{background:#E5ECFB;color:#1D3A7A}
.shop-foot{background:#faf9f6;border-top:1px solid var(--line);color:var(--muted);font-size:13px;padding:22px 0}
.shop-foot .shop-wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.shop-foot a{color:var(--gold-d)}
@media (max-width:900px){.co-grid{grid-template-columns:1fr}.co-sum{position:static}}
@media (max-width:560px){.shop-wrap{padding:0 16px}.co-card{padding:22px 18px}.fgrid2{grid-template-columns:1fr}.shop-secure{display:none}.shop-main{padding:30px 0 60px}.shop-logo img{height:52px}}
.sum-row .save{color:#2e7d32;font-weight:600}
.co-card h2{font-weight:600}
