/* One premium identity; safe accessible standalone English service checkout.
 * Shared gold, ivory and graphite tokens from foundation/DESIGN-SYSTEM.md.
 * Source/pricing/financial authority remains server-side; CSS is presentation only. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.en-commerce{--bg:#0b0b0b;--surface:#1f1f1f;--ivory:#f8f5e9;--gold:#d4af37;--secondary:#d4c9b7;--stroke:rgba(212,175,55,.38);margin:0;background:var(--bg);color:var(--ivory);font:16px/1.75 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.en-commerce a{color:#f1d78f}
.en-commerce :focus-visible{outline:3px solid #ffde82;outline-offset:3px}
.en-commerce .skip{position:absolute;top:-120px;left:18px;z-index:30;background:var(--ivory);color:#0b0b0b;padding:12px 16px;border-radius:10px}
.en-commerce .skip:focus{top:12px}
.en-commerce header{background:linear-gradient(130deg,#1e1c17,#10100f);border-bottom:1px solid var(--stroke)}
.en-commerce .container{max-width:1200px;width:calc(100% - 40px);margin-inline:auto}
.en-commerce .navigation{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-block:17px;border-bottom:1px solid rgba(212,175,55,.16)}
.en-commerce .navigation .wordmark{font-weight:750;letter-spacing:.01em;text-decoration:none;color:var(--ivory)}
.en-commerce .navigation .wordmark span{color:var(--gold)}
.en-commerce .navigation nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}
.en-commerce .intro{padding:clamp(32px,6vw,80px) 0}
.en-commerce .eyebrow{color:#e6c77e;text-transform:uppercase;font-size:12px;letter-spacing:.13em;font-weight:700}
.en-commerce h1{font:700 clamp(30px,5vw,52px)/1.2 Georgia,serif;max-width:24ch;margin:10px 0 18px}
.en-commerce .intro p{max-width:78ch;color:#dfd5c6}
.en-commerce main.container{padding-block:33px 104px}
.en-commerce .step-list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 29px;padding:0}
.en-commerce .step-list li{display:flex;flex-direction:column;gap:8px;padding:20px 18px;border:1px solid var(--stroke);background:#201e19;border-radius:16px}
.en-commerce .step-list b{color:#f4d58c;font-weight:700}
.en-commerce .step-list span{font-size:13px;color:#ded3c0}
.en-commerce .checkout-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,360px);gap:20px;align-items:start}
.en-commerce h2{color:#f2d899;font:700 clamp(21px,2.6vw,30px)/1.35 Georgia,serif;margin:0 0 15px}
.en-commerce .panel{background:#1e1c1a;border:1px solid var(--stroke);padding:clamp(20px,3vw,28px);border-radius:20px;min-width:0}
.en-commerce .buyer-fields{display:grid;gap:18px}
.en-commerce .buyer-fields label{display:grid;gap:7px;font-weight:600;font-size:14px;color:var(--ivory)}
.en-commerce .buyer-fields input{font:inherit;background:#101010;color:var(--ivory);border:1px solid #9d8b5f;border-radius:11px;min-height:49px;padding:10px 14px;width:100%;min-width:0}
.en-commerce .buyer-fields input::placeholder{color:#a7a097}
.en-commerce .privacy-note{font-size:13px;color:#dfd2bd;margin-bottom:0}
.en-commerce .explanation p,.en-commerce .explanation li{font-size:14px;color:var(--secondary)}
.en-commerce .explanation ul{padding-inline-start:21px}
.en-commerce #checkout-en-status{margin-top:18px;padding:15px 18px;border:1px solid #9b8150;border-radius:12px;background:#26221a;color:#f9e7c7}
.en-commerce #checkout-en-status[data-state="error"]{border-color:#d99982;background:#30221f;color:#ffddd0}
.en-commerce #checkout-en-status[data-state="ok"]{border-color:#bda357;background:#232519;color:#f4e6bd}
.en-commerce #checkout-en-offers{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.en-commerce .en-checkout-card{background:linear-gradient(140deg,#25221d,#191818);border:1px solid var(--stroke);border-radius:19px;overflow:hidden;min-width:0}
.en-commerce .en-checkout-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#141414;border-bottom:1px solid rgba(212,175,55,.2)}
.en-commerce .en-checkout-card-content{padding:clamp(18px,2.8vw,27px)}
.en-commerce .en-checkout-card h3{font:700 21px/1.4 Georgia,serif;margin:0 0 10px;color:var(--ivory)}
.en-commerce .en-checkout-fit,.en-commerce .en-checkout-boundary{color:#e0d6c5;font-size:14px}
.en-commerce .en-checkout-boundary{border-inline-start:3px solid #9f8549;padding-inline-start:12px}
.en-commerce .en-checkout-price{color:#ffe3a2;font-size:25px;font-weight:750;margin:18px 0 10px}
.en-commerce .en-checkout-detail{display:inline-flex;min-height:44px;align-items:center;text-underline-offset:4px}
.en-commerce .en-checkout-pay{display:block;width:100%;min-height:50px;border:1px solid #d4af37;border-radius:12px;background:#d4af37;color:#13110c;font:700 15px/1.3 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;cursor:pointer;margin-top:12px;padding:12px}
.en-commerce .en-checkout-pay:disabled{background:#4e4533;color:#f2e3c6;border-color:#675a40;cursor:not-allowed}
.en-commerce footer{border-top:1px solid rgba(212,175,55,.25);padding:24px 0 40px;color:#cec4b6;font-size:14px}
.en-commerce footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
@media(max-width:990px){.en-commerce .checkout-columns{grid-template-columns:1fr}.en-commerce .explanation{max-width:none}}
@media(max-width:750px){.en-commerce .step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.en-commerce #checkout-en-offers{grid-template-columns:1fr}}
@media(max-width:480px){.en-commerce .container{width:calc(100% - 24px)}.en-commerce .step-list{grid-template-columns:1fr}.en-commerce .step-list li{padding:14px 16px}.en-commerce main.container{padding-bottom:115px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.en-commerce *{animation:none!important;transition:none!important}}