.payment-page{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:#100c09;color:#f6ead8}.payment-page__scene{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(8,6,5,.72),rgba(8,6,5,.87) 30%,rgba(8,6,5,.9) 65%,rgba(8,6,5,.68)),linear-gradient(0deg,#100c09 8%,transparent 45%),url(/demo/home/dining-room-reference-v2.png) top/cover no-repeat}.payment-page:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 85% 55% at 50% 35%,transparent 35%,rgba(0,0,0,.55)),repeating-linear-gradient(90deg,transparent 0 210px,rgba(204,144,68,.035) 211px,transparent 212px)}.payment-page :is(a,button,input):focus-visible{outline:3px solid #f3c276;outline-offset:3px}.payment-page button:not(:disabled){cursor:pointer}.payment-shell{padding-top:2.4rem;padding-bottom:5rem}.payment-heading{text-align:center;margin:0 auto 1.8rem;max-width:46rem;text-shadow:0 2px 14px #000}.payment-heading p,.payment-kicker{color:#d6a862;text-transform:uppercase;letter-spacing:.22em;font-size:.7rem;font-weight:700}.payment-heading h1{font:normal clamp(2.5rem,5vw,4.3rem)/1.1 var(--font-display);margin:.45rem 0;color:#fff1dc}.payment-heading span{color:#e7d8c5;font-size:.95rem}.payment-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;max-width:52rem;margin:0 auto 2rem;position:relative}.payment-progress:before{content:"";position:absolute;top:1.03rem;left:6%;right:6%;height:1px;background:#9d784d}.payment-progress>div{position:relative;text-align:center;color:#d3c3ac;font-size:.75rem}.payment-progress b{display:grid;place-items:center;width:2.1rem;height:2.1rem;margin:0 auto .4rem;border:1px solid #b49466;border-radius:50%;background:#2b2018;color:#f5d6a7;font-size:.85rem}.payment-progress [aria-current=step] b{background:#aa1020;border-color:#e27b72;color:#fff;box-shadow:0 0 0 3px rgba(170,16,32,.24)}.payment-progress [aria-current=step] span{color:#fff;font-weight:700}.payment-layout{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(20rem,1fr);align-items:start;gap:1.2rem;max-width:78rem;margin:auto}.payment-panel{min-width:0;border:1px solid rgba(211,158,91,.55);border-radius:.45rem;background:linear-gradient(130deg,rgba(31,23,18,.96),rgba(13,12,12,.97) 60%,rgba(34,20,14,.96));box-shadow:0 16px 48px rgba(0,0,0,.45),inset 0 1px rgba(255,220,167,.1)}.payment-form-panel{padding:1.5rem clamp(1rem,3vw,2rem)}.payment-form-panel section+section{margin-top:1.8rem;padding-top:1.7rem;border-top:1px solid rgba(212,162,98,.3)}.payment-panel h2{font:normal clamp(1.7rem,2.6vw,2.35rem)/1.15 var(--font-display);color:#f7c783;margin:.25rem 0 .45rem}.payment-subtitle{margin:0 0 1.3rem;color:#cfbeaa;font-size:.84rem}.payment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.payment-field{display:grid;gap:.45rem;align-content:start}.payment-field label{color:#f4e6d4;font-size:.82rem}.payment-field label em{color:#eb897b;font-style:normal}.payment-fields input{width:100%;min-width:0;height:2.9rem;padding:.7rem .8rem;border:1px solid #705d4b;border-radius:.3rem;background:rgba(7,7,7,.75);color:#fff;font-size:1rem}.payment-fields input:hover{border-color:#b39366}.payment-fields input[aria-invalid=true]{border-color:#e18c82}.payment-field small[role=alert]{color:#ffb3a6;font-size:.78rem;line-height:1.35}.payment-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:0;margin:0;border:0}.payment-methods label{position:relative;display:flex;align-items:center;gap:.75rem;min-height:5.4rem;padding:1rem;border:1px solid #74614c;border-radius:.32rem;background:rgba(5,5,5,.45);cursor:pointer}.payment-methods label.is-selected{border-color:#d87e6e;background:linear-gradient(120deg,rgba(137,24,27,.28),rgba(58,33,22,.55));box-shadow:inset 0 0 0 1px rgba(195,77,72,.25)}.payment-methods input{position:absolute;inset:0;opacity:0;cursor:pointer}.payment-methods label:focus-within{outline:3px solid #f3c276;outline-offset:2px}.payment-methods__icon{color:#e7b77e;font-size:1.8rem}.payment-methods strong{display:block;font:normal 1.12rem var(--font-display);color:#fff1db}.payment-methods small{display:block;color:#bea88f;margin-top:.25rem}.payment-methods b{margin-left:auto;display:grid;place-items:center;flex:none;width:1.15rem;height:1.15rem;border:1px solid #9f8770;border-radius:50%;color:#fff;font-size:.72rem}.payment-methods .is-selected b{border-color:#ed9d80;background:#ba342f}.payment-instructions{display:grid;grid-template-columns:minmax(10rem,.7fr) minmax(0,1.3fr);gap:1.2rem;margin-top:1rem;padding:1rem;border:1px solid rgba(186,137,78,.38);border-radius:.35rem;background:linear-gradient(140deg,rgba(14,12,10,.88),rgba(42,26,18,.82))}.payment-instructions__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:12rem;padding:1rem;border:1px dashed #9f7851;border-radius:.25rem;background:rgba(3,3,3,.35);text-align:center}.payment-instructions__placeholder span{font:normal 2rem var(--font-display);color:#c38b55}.payment-instructions__placeholder strong{margin:.7rem 0 .3rem;font:normal 1.15rem var(--font-display);color:#f4dcbb}.payment-instructions__placeholder small{color:#c8af90}.payment-instructions h3{margin:.1rem 0 .4rem;color:#f6ce96;font:normal 1.35rem var(--font-display)}.payment-instructions li,.payment-instructions p{color:#ddcbbb;font-size:.83rem;line-height:1.55}.payment-instructions ol{padding-left:1.4rem}.payment-instructions li{padding-left:.3rem;margin:.35rem 0}.payment-instructions__warning{padding:.6rem .75rem;border-left:2px solid #c1824a;background:rgba(161,101,44,.12)}.payment-proof{display:grid;gap:1rem}.payment-proof__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.payment-proof__pick{display:flex;min-height:12.5rem;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:1rem;border:1px dashed #bc9363;border-radius:.35rem;background:rgba(15,11,9,.8);color:#f5e1c4;text-align:center}.payment-proof__pick:hover{background:rgba(71,40,26,.68)}.payment-proof__pick>span{font-size:2rem;color:#e3b577}.payment-proof__pick strong{font:normal 1.15rem var(--font-display)}.payment-proof__pick small,.payment-proof__preview small{color:#c0af9f}.payment-proof__preview{display:flex;min-width:0;flex-direction:column;gap:.5rem;color:#f6e5ce;font-size:.85rem}.payment-proof__image{position:relative;height:7rem;overflow:hidden;border:1px solid #906d46;border-radius:.3rem;background:#090909}.payment-proof__image img{object-fit:contain}.payment-proof__preview strong{color:#9fe2b2}.payment-proof__preview>div:last-child{display:flex;gap:.5rem;margin-top:auto}.payment-proof__preview button{min-height:2.5rem;flex:1;border:1px solid #b28859;border-radius:.25rem;background:#211710;color:#f9e7cd}.payment-error{color:#ffb3a6;font-size:.82rem}.payment-summary{padding:1.5rem;position:sticky;top:1rem;background:linear-gradient(120deg,rgba(12,11,10,.97),rgba(29,18,13,.97)),url(/decor/wave.svg) 100% 100%/110px repeat}.payment-summary__details{margin:1.3rem 0 0}.payment-summary__details>div{display:grid;grid-template-columns:5.3rem minmax(0,1fr);gap:.8rem;padding:.85rem 0;border-bottom:1px solid rgba(207,165,108,.21)}.payment-summary dt{color:#c79c62;font-size:.78rem}.payment-summary dd{margin:0;color:#f8ecdc;font-size:.9rem;overflow-wrap:anywhere}.payment-summary__edit,.payment-summary__order>a{display:inline-block;margin-top:.7rem;color:#f1c288;font-size:.82rem;text-decoration:underline;text-underline-offset:.2rem}.payment-summary__order>a{display:block}.payment-summary__order{margin-top:1.3rem;padding-top:1.3rem;border-top:1px solid #98734d}.payment-summary h3{margin:0 0 .7rem;color:#f5c98e;font:normal 1.3rem var(--font-display)}.payment-summary__order ul{list-style:none;padding:0;margin:0}.payment-summary__order li{display:flex;justify-content:space-between;gap:.6rem;padding:.35rem 0;font-size:.83rem}.payment-summary__order li strong{white-space:nowrap}.payment-summary__order>p,.payment-summary__order>small{color:#bdac99;font-size:.78rem}.payment-summary__subtotal{display:flex;justify-content:space-between;gap:.8rem;margin:.8rem 0;padding-top:.85rem;border-top:1px solid rgba(207,165,108,.32)}.payment-summary__subtotal strong{font:normal 1.4rem var(--font-display);color:#f7d096}.payment-summary__policies{margin-top:1.3rem;padding-top:1.2rem;border-top:1px solid #98734d}.payment-summary__policies label{display:flex;align-items:flex-start;gap:.6rem;margin:.6rem 0;color:#eee0d0;font-size:.82rem}.payment-summary__policies input{accent-color:#b82027;width:1.2rem;height:1.2rem;flex:none}.payment-summary__policies a{color:#f1c18b;text-decoration:underline;text-underline-offset:.15rem}.payment-summary__hint,.payment-summary__manual,.payment-summary__policies p{color:#bfb0a0;font-size:.76rem;line-height:1.5}.payment-summary__policies>p{padding-left:1.8rem}.payment-summary__submit{position:relative;overflow:hidden;width:100%;min-height:3.6rem;margin-top:1.1rem;border:1px solid #e36961;border-radius:.35rem;background:linear-gradient(120deg,#8f0b17,#bb1723 50%,#8d0c17);color:#fff2e4;font:normal 1.3rem var(--font-display);letter-spacing:.07em}.payment-summary__submit--leaving:disabled{filter:none;opacity:1}.payment-summary__submit--leaving:after{position:absolute;inset:0;content:"";background:linear-gradient(105deg,transparent 24%,rgb(255 219 155/48%) 50%,transparent 76%);transform:translateX(-110%);animation:payment-button-sheen .6s ease-out both}@keyframes payment-button-sheen{to{transform:translateX(110%)}}.payment-summary__submit:disabled{cursor:not-allowed;filter:saturate(.5);opacity:.55}.payment-summary__submit:not(:disabled):hover{filter:brightness(1.14)}.payment-summary__notice{padding:.8rem;border:1px solid #bd975f;border-radius:.25rem;background:rgba(111,70,35,.24);color:#f8e0b9;font-size:.82rem}.payment-departure__content{display:grid;justify-items:center;gap:clamp(.8rem,3vh,1.4rem);width:min(100%,36rem);margin:auto}.payment-departure .brand-reveal{width:clamp(15rem,52vmin,24rem);max-width:min(100%,24rem)}.payment-departure__message{min-height:5.5rem;animation:payment-message-arrive .45s cubic-bezier(.22,1,.36,1) both}.payment-departure__message strong{display:block;color:#fff8ec;font:normal clamp(1.65rem,5vw,2.45rem)/1.16 var(--font-display)}.payment-departure__message p{max-width:28rem;margin:.6rem auto 0;color:#e5ceb0;font-size:.88rem;line-height:1.5}@keyframes payment-message-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.payment-missing{min-height:60vh;padding-top:5rem;padding-bottom:5rem}.payment-missing h1{font:normal 2.5rem var(--font-display)}.payment-missing a{display:inline-block;padding:.8rem 1rem;background:#a71320;color:#fff}@media (max-width:900px){.payment-layout{grid-template-columns:1fr;max-width:44rem}.payment-summary{position:static}.payment-page__scene{background:linear-gradient(rgba(8,6,5,.81),rgba(8,6,5,.92) 40%,#100c09),url(/demo/home/dining-room-reference-v2.png) top/auto 45rem no-repeat}}@media (max-width:600px){.payment-shell{padding-top:1.4rem;padding-bottom:3rem}.payment-heading{margin-bottom:1.2rem}.payment-heading h1{font-size:2.5rem}.payment-progress{gap:.1rem;margin-bottom:1.2rem}.payment-progress>div{font-size:.6rem}.payment-progress b{width:1.7rem;height:1.7rem}.payment-progress:before{top:.84rem}.payment-panel{padding:1.15rem}.payment-fields,.payment-instructions,.payment-methods,.payment-proof{grid-template-columns:1fr}.payment-fields{gap:.85rem}.payment-instructions__placeholder,.payment-proof__pick{min-height:9rem}.payment-proof__choices{grid-template-columns:1fr}.payment-summary__details>div{grid-template-columns:4.3rem minmax(0,1fr)}.payment-page__scene{background:linear-gradient(rgba(8,6,5,.86),rgba(8,6,5,.94) 25%,#100c09),url(/demo/home/dining-room-reference-v2.png) top/auto 26rem no-repeat}}@media (prefers-reduced-motion:reduce){.payment-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}