#checkoutDialog{position:fixed;isolation:isolate;width:min(780px,94vw);padding:40px;border:1px solid #cab48188;border-radius:20px;background:linear-gradient(145deg,#fffdf7,#f4f1e7);box-shadow:0 35px 120px #0007;scrollbar-width:thin;scrollbar-color:#b8a479 #f4f1e7;scrollbar-gutter:stable}
#checkoutDialog:before{content:'STRUX';position:absolute;top:120px;right:20px;font-family:'Barlow Condensed',sans-serif;font-size:clamp(120px,20vw,240px);font-weight:700;letter-spacing:-5px;line-height:1;color:#ad94670b;pointer-events:none;z-index:-1}
#checkoutDialog[open]{animation:checkout-enter .55s cubic-bezier(.16,1,.3,1) both}
#checkoutDialog.is-closing{animation:checkout-exit .23s ease both}
#checkoutDialog::backdrop{background:#12120e8c;backdrop-filter:blur(9px) saturate(.75);animation:fade-in .45s ease both}
#checkoutDialog.is-closing::backdrop{animation:fade-out .23s ease both}
#checkoutDialog .eyebrow{color:#927136;font-size:10px;letter-spacing:2.5px;margin-bottom:13px;padding-right:35px}
#checkoutDialog h2{font-size:46px;letter-spacing:-1px;margin-bottom:12px}
#checkoutDialog .product-close{position:absolute;top:18px;right:18px;width:34px;height:34px;border:1px solid #d6c8a7;border-radius:50%;background:#fcfaf4;color:#59523e;font-size:22px;line-height:1;transition:transform .3s,background .3s;z-index:3}
#checkoutDialog .product-close:hover{transform:rotate(90deg);background:#eee5d1}
.checkout-intro{max-width:550px;font-size:13px;line-height:1.8;margin-bottom:25px}
.checkout-summary{position:relative;background:linear-gradient(120deg,#22261f,#343a2e);color:#ede7d5;border:1px solid #bda46c88;padding:19px 21px;border-radius:12px;box-shadow:0 8px 22px #2a2a1512;margin-bottom:28px}
.checkout-summary p{color:#dad8ca;font-size:12px}.checkout-summary strong{color:#e6cb91;padding-top:10px;margin-top:12px;border-top:1px solid #ffffff20;font-size:15px}
.checkout-fields{gap:20px}.checkout-fields label{color:#494538;font-size:11px;letter-spacing:.2px;gap:8px}
.checkout-fields input,.checkout-fields select,.checkout-fields textarea{border-color:#d8cfba;border-radius:8px;padding:13px 14px;background:#ffffffc7;box-shadow:0 2px 6px #534a2604;transition:border-color .25s,box-shadow .25s,background .25s;letter-spacing:0}
.checkout-fields input:hover,.checkout-fields select:hover,.checkout-fields textarea:hover{border-color:#b7a578}
.checkout-fields input:focus,.checkout-fields select:focus,.checkout-fields textarea:focus{outline:none;border-color:#b68d40;background:#fff;box-shadow:0 0 0 3px #c9a65b20}
.checkout-submit{padding:17px;border:1px solid #c2a56a66;background:linear-gradient(110deg,#23271e,#383d2d);color:#f0d8a7;box-shadow:0 9px 25px #2428181a;border-radius:9px;transition:transform .3s,box-shadow .3s}
.checkout-submit:hover{background:#343c28;transform:translateY(-2px);box-shadow:0 12px 30px #24281825}.checkout-submit:disabled{transform:none}
.checkout-payment-note{font-size:11px;color:#81765e;line-height:1.8;padding:14px 15px;border-left:2px solid #c5aa72;background:#ece6d64d;border-radius:0 7px 7px 0;margin-top:20px}
.checkout-review{animation:checkout-review-enter .45s cubic-bezier(.16,1,.3,1) both}.checkout-review textarea{border-radius:9px}.checkout-whatsapp{border-radius:9px;box-shadow:0 8px 22px #18513720;transition:background .25s,transform .3s}.checkout-whatsapp:hover{background:#226d45;transform:translateY(-2px)}
@keyframes checkout-enter{from{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes checkout-exit{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.985)}}
@keyframes checkout-review-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){#checkoutDialog{width:94vw;padding:33px 22px 25px;border-radius:16px;max-height:91dvh}#checkoutDialog h2{font-size:37px}.checkout-fields{gap:17px}.checkout-summary{padding:16px}.checkout-fields input,.checkout-fields select,.checkout-fields textarea{font-size:16px}#checkoutDialog:before{font-size:150px;right:10px}}
@media(prefers-reduced-motion:reduce){#checkoutDialog[open],#checkoutDialog.is-closing,#checkoutDialog::backdrop,.checkout-review{animation:none}.checkout-fields input,.checkout-fields select,.checkout-fields textarea,.checkout-submit,.checkout-whatsapp,#checkoutDialog .product-close{transition:none;transform:none!important}}
