/* Vrikshwood — checkout page */
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;margin:0;font-weight:600}
.door{width:34px;height:44px;border:2px solid var(--gold);border-radius:3px;background:linear-gradient(135deg,var(--brown2),var(--brown));position:relative}
.door::after{content:"";position:absolute;inset:6px;border:1px solid var(--gold);opacity:.7}
.tick{background:linear-gradient(90deg,#3a1d0d,#6a3517,#3a1d0d);color:#f6d995;overflow:hidden;white-space:nowrap;border-bottom:1px solid rgba(232,180,106,.35)}
.trk{display:inline-flex;animation:mq 32s linear infinite}
.tick:hover .trk{animation-play-state:paused}
.trk span{padding:11px 34px;font-size:13px;font-weight:500;letter-spacing:.5px}
.trk span::after{content:"✦";margin-left:68px;color:#e8b46a}
@keyframes mq{to{transform:translateX(-50%)}}
.crumb{position:absolute;top:24px;left:max(24px,calc((100vw - 1240px)/2 + 24px));z-index:6;display:flex;gap:10px;align-items:center;font-size:12px;letter-spacing:1px;color:#f0d9b8;background:rgba(25,12,5,.45);backdrop-filter:blur(8px);border:1px solid rgba(232,180,106,.35);padding:6px 16px;border-radius:30px}
.crumb a:hover{color:#fff}
.crumb b{color:#f6d995;font-weight:500}
@keyframes pop{from{opacity:0;transform:scale(.96) translateY(16px)}}
@keyframes fl{50%{transform:translateY(-6px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes sh{to{background-position:250% 0}}
@keyframes up{to{opacity:1;transform:none}}
@keyframes kb{to{transform:scale(1.12) translate(-1.5%,1%)}}
@keyframes ringp{0%{box-shadow:0 0 0 0 rgba(232,180,106,.7)}100%{box-shadow:0 0 0 16px rgba(232,180,106,0)}}
section{padding:0}
button,input,select,textarea{font-family:inherit}
.gl{letter-spacing:4px;font-size:12px;color:var(--gold)}
.ph{position:relative;color:#fff;background:#241409;overflow:hidden;padding:84px 0 56px;isolation:isolate}
.ph .bgp{position:absolute;inset:-6%;background-size:cover;background-position:center 40%;z-index:-2;filter:brightness(.55) saturate(1.1);animation:kb 18s ease-in-out infinite alternate}
.ph::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(25,12,5,.94) 0%,rgba(25,12,5,.7) 45%,rgba(25,12,5,.25) 100%),linear-gradient(0deg,rgba(25,12,5,.55),transparent 40%)}
.ph .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px}
.ph .crumb{left:24px;top:-56px}
.ph .eyebrow{letter-spacing:5px;font-size:12px;color:#f0d9b8;display:flex;align-items:center;gap:14px}
.ph .eyebrow::before{content:"";width:40px;height:1px;background:#e8b46a}
.ph h1{font-size:clamp(34px,4.6vw,56px);line-height:1.08;margin:12px 0 8px}
.ph h1 em{font-style:normal;background:linear-gradient(100deg,#b8731f,#f6d995,#b8731f,#f6d995,#b8731f);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sh 5s linear infinite}
.ph p{margin:0;color:#f3e6d6;max-width:520px}
.ph .badge{flex:none;position:relative;width:128px;height:128px;border-radius:50%;background:linear-gradient(135deg,#f6d995,#c8892f);color:#2b1a10;display:grid;place-items:center;text-align:center;font:700 34px/1 'Playfair Display',serif;box-shadow:0 20px 50px rgba(0,0,0,.5);animation:fl 5s ease-in-out infinite}
.ph .badge::before{content:"";position:absolute;inset:-11px;border:2px dashed #e8b46a;border-radius:50%;animation:spin 16s linear infinite}
.ph .badge small{display:block;font:600 10px Poppins;letter-spacing:3px;margin-top:3px}
.steps{background:var(--soft);border-bottom:1px solid var(--line)}
.steps ol{list-style:none;margin:0 auto;padding:20px 24px;max-width:760px;display:flex;align-items:center}
.steps li{display:flex;align-items:center;gap:12px;flex:none;color:var(--mute);font-size:13px}
.steps li b{display:block;color:var(--ink);font-weight:500;line-height:1.2}
.steps li small{font-size:11px}
.steps li i{font-style:normal;width:38px;height:38px;border-radius:50%;border:2px solid var(--line);background:var(--card);display:grid;place-items:center;font:600 13px Poppins;transition:.4s}
.steps li.done i{background:linear-gradient(135deg,#f6d995,#c8892f);border-color:transparent;color:#2b1a10}
.steps li.on i{background:var(--brown);border-color:var(--gold);color:#fff;animation:ringp 2s infinite}
.steps li.on b{color:var(--brown2)}
.steps .ln{flex:1;height:2px;background:var(--line);margin:0 16px;border-radius:2px;position:relative;overflow:hidden;min-width:20px}
.steps .ln.done::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--gold),var(--brown2));animation:grow 1s both}
@keyframes grow{from{transform:scaleX(0);transform-origin:left}}
a.stl{color:inherit}
.main{padding:44px 0 10px}
.cols{display:grid;grid-template-columns:1fr 400px;gap:30px;align-items:start}
.cols>aside{position:sticky;top:92px}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.sec-h h2{font-size:28px}
.sec-h p{margin:2px 0 0;color:var(--mute)}
.lnk{color:var(--brown2);font-weight:500;background:none;border:0;cursor:pointer;font-size:13px;padding:0}
.lnk:hover{text-decoration:underline}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 34px rgba(60,30,10,.07)}
.nudge{display:flex;gap:16px;align-items:center;border-radius:16px;padding:16px 20px;margin-bottom:18px;background:linear-gradient(120deg,#f6d995,#e8b46a 55%,#c8892f);color:#2b1a10;box-shadow:0 14px 34px rgba(120,70,20,.25);position:relative;overflow:hidden}
.nudge::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:2px solid rgba(90,46,20,.15);right:-40px;top:-70px}
.nudge .ni{font-size:26px;flex:none}
.nudge b{display:block;font-weight:600}
.nudge small{font-size:12.5px}
.nudge .bar2{height:6px;background:rgba(90,46,20,.2);border-radius:6px;margin-top:8px;overflow:hidden}
.nudge .bar2 i{display:block;height:100%;background:#2b1a10;border-radius:6px;transition:width .8s}
.items{display:flex;flex-direction:column;gap:16px}
.it{position:relative;display:grid;grid-template-columns:150px 1fr auto;gap:22px;padding:16px;align-items:center;transition:transform .4s,box-shadow .4s,opacity .35s,max-height .4s;max-height:300px}
.it.first{animation:pop .6s both}
.it:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(60,30,10,.16)}
.it.gone{opacity:0;transform:translateX(40px);max-height:0;padding-top:0;padding-bottom:0;margin-top:-16px;overflow:hidden;border-width:0}
.it .im{display:block;position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--soft)}
.it .im img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.it:hover .im img{transform:scale(1.1) rotate(1deg)}
.off{position:absolute;left:8px;top:8px;z-index:2;background:linear-gradient(135deg,#f6d995,#c8892f);color:#2b1a10;font:700 11px Poppins;padding:3px 10px;border-radius:20px;box-shadow:0 6px 14px rgba(0,0,0,.2)}
.it h3{font:500 16px Poppins;margin:0 0 6px;line-height:1.35}
.it h3 a:hover{color:var(--brown2)}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.tags span{font-size:11px;padding:3px 11px;border-radius:20px;background:var(--soft);color:var(--brown2);border:1px solid var(--line)}
.st{color:#e59a1e;font-size:12px}
.st span{color:var(--mute)}
.unit{font-size:12.5px;color:var(--mute);margin-top:6px}
.unit s{margin-left:6px}
.acts{display:flex;gap:16px;margin-top:12px}
.acts button{background:none;border:0;color:var(--mute);font:500 12.5px Poppins;cursor:pointer;padding:0;display:flex;gap:6px;align-items:center;transition:.25s}
.acts button:hover{color:var(--brown2)}
.acts .rm:hover{color:#c0392b}
.rt3{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-width:150px}
.lp{font:700 24px 'Playfair Display',serif;color:var(--brown2);line-height:1}
.lp small{display:block;font:500 11px Poppins;color:var(--mute);margin-top:5px}
.bump{animation:bump .35s}
@keyframes bump{50%{transform:scale(1.18)}}
.cfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.cfoot .btn.ol{background:transparent;color:var(--brown2);border:1px solid var(--brown2)}
.cfoot .btn.ol:hover{background:var(--brown);color:#fff}
.xr{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.xc{padding:20px 22px}
.xc h4{font:600 17px 'Playfair Display',serif;margin:0 0 4px;display:flex;gap:10px;align-items:center}
.xc p{margin:0 0 12px;color:var(--mute);font-size:12.5px}
.pin{display:flex;gap:8px}
.pin input{flex:1;min-width:0;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:11px 14px;color:var(--ink);outline:0;font-size:14px;transition:.25s}
.pin input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,137,47,.2)}
.pin button{border:0;background:var(--brown);color:#fff;border-radius:10px;padding:0 20px;font:500 13px Poppins;cursor:pointer;transition:.25s}
.pin button:hover{background:var(--gold);color:#2b1a10}
.pr2{margin-top:10px;font-size:13px;min-height:20px}
.pr2.ok{color:#2e7d4f}
.pr2.er{color:#c0392b}
.swt{display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);transition:.25s}
.swt:hover{border-color:var(--gold)}
.swt input{display:none}
.swt .sw{flex:none;width:42px;height:24px;border-radius:20px;background:var(--line);position:relative;transition:.3s}
.swt .sw::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.3s;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.swt input:checked+.sw{background:var(--brown2)}
.swt input:checked+.sw::after{transform:translateX(18px)}
.swt b{font-weight:500;font-size:13px;display:block}
.swt small{color:var(--mute);font-size:11.5px}
.fr{color:#2e7d4f;font-weight:600}
.sm{overflow:hidden;box-shadow:0 18px 44px rgba(60,30,10,.12)}
.sm .fh{background:linear-gradient(135deg,#3a1d0d,#6a3517);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}
.sm .fh::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(rgba(232,180,106,.45),transparent 70%)}
.sm .fh h3{font-size:20px;display:flex;gap:10px;align-items:center}
.sm .fh em{background:var(--gold);color:#2b1a10;font:600 11px Poppins;min-width:22px;height:22px;border-radius:11px;display:inline-grid;place-items:center;padding:0 6px;font-style:normal}
.sm .fh a{color:#f0d9b8;font-size:12px;text-decoration:underline;position:relative;z-index:1}
.sm .sb2{padding:20px 24px 24px}
.mini{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;max-height:260px;overflow:auto;padding-right:4px}
.mi{display:flex;gap:12px;align-items:center}
.mi .t{position:relative;flex:none;width:58px;height:58px;border-radius:10px;overflow:hidden;background:var(--soft)}
.mi .t img{width:100%;height:100%;object-fit:cover}
.mi .t em{position:absolute;right:-1px;top:-1px;min-width:19px;height:19px;border-radius:0 9px 0 9px;background:var(--brown2);color:#fff;font:600 10.5px Poppins;display:grid;place-items:center;font-style:normal;padding:0 4px}
.mi b{display:block;font:500 13px Poppins;line-height:1.35}
.mi small{color:var(--mute);font-size:11.5px}
.mi>span:last-child{margin-left:auto;font-weight:600;font-size:13.5px;white-space:nowrap}
.cpn{display:flex;gap:8px;margin:2px 0 8px;background:var(--bg);border:1px dashed var(--gold);border-radius:12px;padding:6px 6px 6px 14px}
.cpn input{flex:1;min-width:0;border:0;background:transparent;outline:0;color:var(--ink);font:600 13px Poppins;letter-spacing:2px;text-transform:uppercase}
.cpn input::placeholder{letter-spacing:0;font-weight:400;color:var(--mute);text-transform:none}
.cpn button{border:0;background:var(--brown);color:#fff;border-radius:8px;padding:9px 18px;font:500 13px Poppins;cursor:pointer;transition:.25s}
.cpn button:hover{background:var(--gold);color:#2b1a10}
.cmsg{font-size:12px;min-height:18px;margin:0 0 6px;padding-left:4px}
.cmsg.ok{color:#2e7d4f}
.cmsg.er{color:#c0392b}
.applied{display:flex;justify-content:space-between;align-items:center;background:rgba(46,125,79,.1);border:1px solid rgba(46,125,79,.35);border-radius:12px;padding:10px 14px;margin:2px 0 8px;font-size:13px}
.applied b{letter-spacing:2px;color:#2e7d4f}
.applied button{border:0;background:none;color:var(--mute);cursor:pointer;font-size:12px;text-decoration:underline}
.offers{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.offers button{border:1px solid var(--line);background:var(--soft);color:var(--brown2);border-radius:20px;padding:4px 12px;font:600 11px Poppins;letter-spacing:1px;cursor:pointer;transition:.25s}
.offers button:hover{background:var(--brown);color:#fff;transform:translateY(-2px)}
.rows{border-top:1px solid var(--line);padding-top:10px}
.rw{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:13.5px;color:var(--mute)}
.rw b{color:var(--ink);font-weight:500}
.rw .g{color:#2e7d4f;font-weight:600}
.rw s{opacity:.7}
.tot{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px dashed var(--line);margin-top:8px;padding-top:14px}
.tot span{font:600 16px 'Playfair Display',serif}
.tot small{display:block;color:var(--mute);font:400 11.5px Poppins;margin-top:2px}
.tot b{font:700 32px 'Playfair Display',serif;color:var(--brown2);line-height:1}
.saved{margin:14px 0 0;text-align:center;font-size:12.5px;background:rgba(200,137,47,.14);color:var(--brown2);border-radius:10px;padding:8px;font-weight:500}
.cta{width:100%;justify-content:center;margin-top:16px;padding:16px 28px;font-size:15px;background:linear-gradient(135deg,#f6d995,#c8892f);color:#2b1a10;font-weight:600;box-shadow:0 12px 28px rgba(200,137,47,.35)}
.cta[disabled]{opacity:.6;pointer-events:none}
.sec{display:flex;gap:10px;align-items:center;justify-content:center;color:var(--mute);font-size:12px;margin-top:14px}
.trust{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.trust div{display:flex;gap:10px;align-items:center;font-size:11.5px;color:var(--mute);background:var(--soft);border-radius:12px;padding:10px 12px}
.trust i{font-style:normal;font-size:20px}
.trust b{display:block;color:var(--ink);font-weight:500;font-size:12px}
.rec{margin-top:54px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px}
.p{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;position:relative;transition:transform .4s,box-shadow .4s;animation:pop .6s both}
.p:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(60,30,10,.2)}
.p .im{display:block;position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;background:var(--soft)}
.p img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.p:hover img{transform:scale(1.12) rotate(1deg)}
.p h3{font:500 12.5px Poppins;margin:10px 0 4px}
.p .pc{font-weight:600;font-size:15px}
.p .pc s{color:var(--mute);font-weight:400;font-size:12px;margin-left:6px}
.p .row{display:flex;justify-content:space-between;align-items:center}
.add{width:34px;height:34px;border-radius:8px;border:0;background:var(--brown);color:#fff;cursor:pointer;transition:.3s;font-size:15px}
.add:hover{background:var(--gold);transform:rotate(-12deg) scale(1.12)}
.empty{text-align:center;padding:70px 24px;max-width:560px;margin:10px auto}
.empty .door{width:84px;height:110px;margin:0 auto 26px;animation:fl 4s ease-in-out infinite;box-shadow:0 20px 40px rgba(60,30,10,.3)}
.empty .door::after{inset:12px}
.empty h2{font-size:34px;margin-bottom:8px}
.empty p{color:var(--mute);margin:0 0 24px}
.empty .btn{background:linear-gradient(135deg,#f6d995,#c8892f);color:#2b1a10;font-weight:600}
.mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -12px 30px rgba(60,30,10,.18);padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));align-items:center;justify-content:space-between;gap:14px}
.mbar small{color:var(--mute);display:block;font-size:11px}
.mbar b{font:700 22px 'Playfair Display',serif;color:var(--brown2)}
.mbar .btn{padding:13px 22px;background:linear-gradient(135deg,#f6d995,#c8892f);color:#2b1a10;font-weight:600}
@media(max-width:1000px){.cols{grid-template-columns:1fr}.cols>aside{position:static}.ph .badge{display:none}.ph{padding:74px 0 40px}.mbar.show{display:flex}.xr{grid-template-columns:1fr}}
@media(max-width:640px){.it{grid-template-columns:96px 1fr;gap:14px}.it .rt3{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;border-top:1px dashed var(--line);padding-top:12px}.it h3{font-size:14.5px}.lp{font-size:21px}.steps li:not(.on)>span{display:none}.steps li small{display:none}.steps li{gap:8px}.steps .ln{margin:0 8px}.steps ol{padding:16px}.trust{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.it.first,.p{animation:none}}
#co{display:flex;flex-direction:column;gap:22px}
.blk{padding:28px 30px}
.bh{display:flex;gap:16px;align-items:center;margin-bottom:22px}
.bh>i{font-style:normal;flex:none;width:40px;height:40px;border-radius:50%;background:var(--brown);color:#fff;display:grid;place-items:center;font:600 15px Poppins;box-shadow:0 0 0 4px rgba(200,137,47,.25)}
.bh h2{font-size:23px}
.bh p{margin:2px 0 0;color:var(--mute);font-size:12.5px}
.g2c{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.g2c .full{grid-column:1/-1}
.fld{position:relative}
.fld input,.fld select,.fld textarea{width:100%;padding:24px 16px 8px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;font-size:14.5px;outline:0;transition:border-color .25s,box-shadow .25s;appearance:none;-webkit-appearance:none}
.fld textarea{resize:vertical;min-height:70px}
.fld input:hover,.fld select:hover,.fld textarea:hover{border-color:#d9c3a8}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(200,137,47,.18);background:var(--card)}
.fld label{position:absolute;left:17px;top:17px;color:var(--mute);font-size:14px;pointer-events:none;transition:.2s;transform-origin:left}
.fld input:focus+label,.fld input:not(:placeholder-shown)+label,.fld textarea:focus+label,.fld textarea:not(:placeholder-shown)+label,.fld.sel select+label{top:7px;font-size:11px;color:var(--brown2);font-weight:500;letter-spacing:.3px}
.fld.sel::after{content:"⌄";position:absolute;right:16px;top:10px;font-size:20px;color:var(--brown2);pointer-events:none}
.fld small.e,small.e{display:none;color:#c0392b;font-size:11.5px;margin:5px 0 0 4px}
.fld.err input,.fld.err select,.fld.err textarea{border-color:#c0392b;box-shadow:0 0 0 4px rgba(192,57,43,.12)}
.fld.err small.e,small.e.show{display:block}
.fld.ok input,.fld.ok select{border-color:rgba(46,125,79,.55)}
.fld.ok::before{content:"✓";position:absolute;right:14px;top:16px;color:#2e7d4f;font-weight:700;font-size:14px;z-index:1}
.fld.sel.ok::before{right:40px}
.ph91 input{padding-left:58px}
.ph91 .pre{position:absolute;left:16px;top:24px;font-size:14.5px;color:var(--ink);z-index:1;opacity:0;transition:.2s}
.ph91 input:focus~.pre,.ph91 input:not(:placeholder-shown)~.pre{opacity:1}
.ph91 label{left:17px}
.ph91 input:focus+label,.ph91 input:not(:placeholder-shown)+label{left:17px}
.chs2{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.chs2 button{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:30px;padding:9px 18px;font:500 13px Poppins;cursor:pointer;transition:.3s}
.chs2 button:hover{border-color:var(--gold);transform:translateY(-2px)}
.chs2 button.on{background:linear-gradient(135deg,var(--brown2),var(--brown));color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(90,46,20,.3)}
.opts{display:grid;gap:12px}
.opt{cursor:pointer;display:block}
.opt input{position:absolute;opacity:0;pointer-events:none}
.oc{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.5px solid var(--line);border-radius:14px;background:var(--bg);transition:.3s}
.opt:hover .oc{border-color:var(--gold);transform:translateY(-2px)}
.rd{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--line);position:relative;transition:.3s}
.rd::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--brown2);transform:scale(0);transition:.3s}
.opt input:checked+.oc{border-color:var(--gold);background:linear-gradient(135deg,rgba(246,217,149,.22),rgba(200,137,47,.1));box-shadow:0 10px 24px rgba(200,137,47,.18)}
.opt input:checked+.oc .rd{border-color:var(--brown2)}
.opt input:checked+.oc .rd::after{transform:scale(1)}
.opt input:focus-visible+.oc{outline:2px solid var(--gold);outline-offset:2px}
.ot b{display:block;font-weight:500}
.ot small{color:var(--mute);font-size:12px}
.op{margin-left:auto;font-weight:600;white-space:nowrap}
.ptabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}
.ptabs button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:14px;font:500 13px Poppins;cursor:pointer;transition:.3s}
.ptabs button i{font-style:normal;font-size:22px;transition:transform .4s}
.ptabs button:hover{border-color:var(--gold);transform:translateY(-3px)}
.ptabs button:hover i{transform:scale(1.15) rotate(-6deg)}
.ptabs button.on{background:linear-gradient(135deg,var(--brown2),var(--brown));color:#fff;border-color:transparent;box-shadow:0 12px 26px rgba(90,46,20,.32)}
.pp{display:none}
.pp.on{display:block;animation:pop .45s both}
.pn{color:var(--mute);font-size:12.5px;margin:12px 0 0}
.cardwrap{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:start}
.cprev{position:relative;aspect-ratio:1.586;border-radius:18px;padding:22px 22px 18px;color:#f6e7d4;overflow:hidden;background:radial-gradient(circle at 85% 10%,#8a4a22,#2b1409 70%);border:1px solid rgba(232,180,106,.5);box-shadow:0 22px 44px rgba(40,20,8,.4);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.cprev::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);transform:translateX(-120%);animation:swp 5s 1s infinite}
@keyframes swp{40%,100%{transform:translateX(120%)}}
.cprev::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid rgba(232,180,106,.2);right:-70px;bottom:-110px}
.chip{width:42px;height:32px;border-radius:7px;background:linear-gradient(135deg,#f6d995,#b8731f);position:relative}
.chip::after{content:"";position:absolute;inset:6px 8px;border:1px solid rgba(60,30,10,.4);border-radius:3px}
.brand{position:absolute;right:22px;top:22px;font:700 14px Poppins;letter-spacing:2px;color:#f6d995}
.cn{font:500 17px/1 'Poppins';letter-spacing:2.5px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.4);white-space:nowrap}
.cr{display:flex;justify-content:space-between;gap:10px}
.cr small{display:block;font-size:8.5px;letter-spacing:2px;color:#cdb79c}
.cr b{font:500 12.5px Poppins;letter-spacing:1px;display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.banks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.banks button{padding:16px 8px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;font:600 14px Poppins;cursor:pointer;transition:.3s;letter-spacing:1px}
.banks button:hover{border-color:var(--gold);transform:translateY(-3px)}
.banks button.on{border-color:var(--gold);background:linear-gradient(135deg,rgba(246,217,149,.3),rgba(200,137,47,.12));box-shadow:0 10px 22px rgba(200,137,47,.2);color:var(--brown2)}
.codb{display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:14px;background:var(--soft);border:1px solid var(--line)}
.codb i{font-style:normal;font-size:30px}
.codb b{font-weight:600}
.codb p{margin:4px 0 0;color:var(--mute);font-size:13px}
.agree{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:12.5px;color:var(--mute);cursor:pointer}
.agree input{accent-color:var(--brown2);width:17px;height:17px;margin-top:2px;flex:none}
.agree a{color:var(--brown2);text-decoration:underline}
#termerr{margin-left:27px}
.shake{animation:shake .4s}
@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@media(max-width:1000px){.cardwrap{grid-template-columns:1fr}.cprev{max-width:340px}}
@media(max-width:640px){.blk{padding:22px 18px}.g2c{grid-template-columns:1fr}.ptabs{grid-template-columns:1fr 1fr}.banks{grid-template-columns:1fr 1fr}.bh h2{font-size:20px}}
.paym{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.paym span{background:var(--soft);border:1px solid var(--line);padding:4px 11px;border-radius:6px;font-weight:600;letter-spacing:1px;font-size:10.5px;color:var(--mute)}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}
.qty button{width:36px;height:40px;border:0;background:var(--soft);color:var(--ink);font-size:18px;cursor:pointer;transition:.2s}
.qty button:hover{background:var(--brown);color:#fff}
.qty span{width:40px;text-align:center;font-weight:600}
body.hasbar{padding-bottom:84px}
.btn.cta.load{pointer-events:none}
.btn.cta.load::after{content:"";width:16px;height:16px;border-radius:50%;border:2px solid #2b1a10;border-top-color:transparent;animation:spin .7s linear infinite}
@media(max-width:1000px){.cols{grid-template-columns:minmax(0,1fr)}.cols>*{min-width:0}}
.bknote{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 16px;border-radius:12px;background:#fbf5e9;border:1px solid #ecd9ae;color:#6b5320;font-size:13px;line-height:1.5}
.bknote.tst{background:#eef6fb;border-color:#c9e0ef;color:#2a5878}.bknote.bad{background:#fdf0ee;border-color:#f0c7c1;color:#a5301f}
.payerr{display:none;margin:10px 0 0;padding:11px 14px;border-radius:10px;background:#fdf0ee;border:1px solid #f0c7c1;color:#a5301f;font-size:13px;line-height:1.45}.payerr.show{display:block}