/* JR Commerce Help & Checkout — approved site imagery, luxury RTL/LTR accessibility.
   Additive visual layer. No payment logic, form IDs, statuses or canonical URLs changed.
   Scoped to jr-commerce-info and jr-checkout-redesign. */
:root{--jrch-ink:#091421;--jrch-deep:#070d15;--jrch-panel:#152436;--jrch-gold:#d4ad6a;--jrch-ivory:#f4ead6;--jrch-muted:#bfc9d4}
.jr-commerce-info{background:radial-gradient(1100px 640px at 88% 3%,#3a2b1b5c,transparent 63%),var(--jrch-deep)!important;color:var(--jrch-ivory)!important;font-family:Tahoma,Arial,sans-serif;overflow-x:clip}
.jr-commerce-info *{box-sizing:border-box}
.jr-commerce-info :is(a,button,input):focus-visible,.jr-checkout-redesign :is(a,button,input):focus-visible{outline:3px solid #ebc889;outline-offset:3px}
.jr-commerce-info header{background:#081320!important;border-bottom:1px solid #d4ad6a4d;padding:16px max(20px,calc((100% - 1160px)/2))!important}
.jr-commerce-info header nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px 15px;min-height:42px}
.jr-commerce-info header a{color:var(--jrch-ivory)!important;text-decoration:none}
.jr-commerce-info header a:hover{text-decoration:underline;text-decoration-color:var(--jrch-gold)}
.jr-commerce-info main{width:min(1160px,calc(100% - 40px));max-width:1160px!important;margin:36px auto 72px!important;padding:0!important}
.jr-commerce-info main>p:first-child,.jr-commerce-info main>h1:first-child{margin-top:0}
.jr-commerce-info main>section:not(.jr-help-hero),.jr-commerce-info main>.grid>section{border:1px solid #dcc18b35!important;border-radius:23px!important;background:linear-gradient(150deg,#17293a 0%,#101c2b 95%)!important;padding:clamp(20px,3vw,36px)!important;margin:18px 0!important;color:#ecf1f6!important;box-shadow:0 18px 48px #0004!important}
.jr-commerce-info main>.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.jr-commerce-info main>.grid>section{margin:0!important;min-width:0}
.jr-commerce-info h2{color:#f0cf91!important;font-size:clamp(1.18rem,2.5vw,1.5rem);margin:0 0 12px;line-height:1.6}
.jr-commerce-info main p,.jr-commerce-info main li{font-size:clamp(1rem,1.4vw,1.075rem);line-height:2.15;color:#e3e9f0;overflow-wrap:anywhere}
.jr-commerce-info main :is(ol,ul){padding-inline-start:1.6em}
.jr-commerce-info main li{padding-block:4px;padding-inline-start:2px}
.jr-commerce-info main a:not(.jr-help-nav__item){color:#f4cc84;text-decoration-color:#d4ad6a80;text-underline-offset:5px}
.jr-commerce-info main a.button,.jr-commerce-info main button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border:1px solid #efce8f!important;border-radius:13px;background:linear-gradient(130deg,#e5c58b,#bd9556)!important;color:#111e2b!important;font-weight:800;text-decoration:none;box-shadow:0 6px 20px #0004;cursor:pointer}
.jr-commerce-info main :is(input,textarea){background:#fffdf8!important;color:#182638!important;border:1px solid #e3c996!important;border-radius:12px!important;min-height:52px;font-size:16px}
.jr-commerce-info main label{color:#f2e6d2}
.jr-commerce-info main small{color:#bdcad6}
.jr-commerce-info footer{background:#060e18!important;border-top:1px solid #d4ad6a42!important;color:#c8d0db!important}
.jr-commerce-info footer a{color:#f3d19b!important}
.jr-help-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:0;overflow:hidden;align-items:stretch;position:relative;border-radius:28px;border:1px solid #d9ba8257;background:linear-gradient(110deg,#12263e,#1a2c3f 65%,#43321e);box-shadow:0 24px 76px #0008;min-height:345px;margin:0 0 30px}
.jr-help-hero__content{padding:clamp(26px,4.2vw,60px);align-self:center;min-width:0;position:relative;z-index:2}
.jr-help-hero__content>p:first-child{color:#e2bc7c!important;letter-spacing:.025em;font-size:.91rem;font-weight:800;margin:0 0 14px}
.jr-help-hero h1{color:#fff8ed!important;line-height:1.55;font-size:clamp(2rem,4vw,3.15rem);margin:0 0 18px;text-wrap:balance}
.jr-help-hero__description{max-width:48ch;line-height:2.05;color:#e7ecf1!important;margin:0}
.jr-help-hero__image{margin:0;min-height:300px;position:relative;overflow:hidden;background:#192739}
.jr-help-hero__image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#07121a55,transparent 55%)}
.jr-help-hero__image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.jr-help-nav{margin:30px 0 12px;border:1px solid #d5ad6855;border-radius:23px;padding:24px;background:#172436}
.jr-help-nav h2{margin:0 0 14px!important}
.jr-help-nav__items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.jr-commerce-info .jr-help-nav__item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:14px 17px;background:#f5ead7;color:#152537!important;border:1px solid #e8c994;border-radius:13px;text-decoration:none;font-weight:800;line-height:1.6;transition:background .18s ease}
.jr-commerce-info .jr-help-nav__item:hover{background:#ffefcf}
.jr-commerce-info .jr-help-nav__item[aria-current="page"]{background:#dcb778}
.jr-commerce-info .jr-help-nav__item span{font-size:1.2rem;line-height:1}
.jr-commerce-info .noprint{max-width:100%}
.jr-commerce-info main section.notice{border-inline-start:4px solid #d4ad6a!important}
/* Preserve the existing server-controlled checkout behavior; only refine its presentation. */
.jr-checkout-redesign{background:radial-gradient(850px 460px at 90% 0%,#d4ad6a18,transparent 64%),#080e18;color:#f4ead6}
.jr-checkout-redesign .book-store-shell{max-width:1160px;margin-inline:auto}
.jr-checkout-redesign .jr-checkout-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.83fr);gap:24px;align-items:center;margin:0 0 28px}
.jr-checkout-redesign .jr-checkout-head__copy{min-width:0}
.jr-checkout-redesign .jr-checkout-head h1{font-size:clamp(2rem,3.6vw,3rem);line-height:1.5}
.jr-checkout-redesign .jr-checkout-head__image{margin:0;border-radius:22px;overflow:hidden;border:1px solid #d4ad6a76;box-shadow:0 18px 44px #0007}
.jr-checkout-redesign .jr-checkout-head__image img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.jr-checkout-redesign .checkout-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.jr-checkout-redesign .checkout-steps article{background:linear-gradient(150deg,#1d2e3e,#101924);color:#f6eee2;border:1px solid #d8b77d70;border-radius:18px;padding:18px;min-width:0}
.jr-checkout-redesign .checkout-steps b{color:#f0c983;font-size:1.02rem}
.jr-checkout-redesign .checkout-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
.jr-checkout-redesign .checkout-links a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:56px;border-radius:14px;border:1px solid #c7a05c;padding:12px 15px;text-decoration:none!important;color:#f9e6c4;background:#1b2937;font-weight:800}
.jr-checkout-redesign .checkout-links a:hover{background:#293d50}
.jr-checkout-redesign #shipping-details fieldset{background:#111f30}
.jr-checkout-redesign .book-store-shell>section{border-radius:23px}
@media(max-width:850px){
.jr-help-hero{grid-template-columns:1fr;min-height:0}
.jr-help-hero__image{min-height:260px;order:-1}
.jr-help-hero__image img{object-position:center 42%}
.jr-commerce-info main>.grid{grid-template-columns:1fr}
.jr-help-nav__items{grid-template-columns:1fr}
.jr-checkout-redesign .jr-checkout-head{grid-template-columns:1fr}
.jr-checkout-redesign .jr-checkout-head__image{order:-1}
.jr-checkout-redesign .checkout-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:550px){
.jr-commerce-info main{width:calc(100% - 28px);margin:16px auto 110px!important}
.jr-commerce-info header{padding:12px 14px!important}
.jr-commerce-info header nav{gap:4px 12px;line-height:1.9}
.jr-help-hero{border-radius:20px;margin-bottom:18px}
.jr-help-hero__image{min-height:190px;max-height:225px}
.jr-help-hero__content{padding:24px 20px}
.jr-help-hero h1{font-size:clamp(1.75rem,7.5vw,2.35rem)}
.jr-commerce-info main>section:not(.jr-help-hero),.jr-commerce-info main>.grid>section{padding:21px!important;border-radius:18px!important}
.jr-help-nav{padding:18px}
.jr-commerce-info main a.button,.jr-commerce-info main button{width:100%;min-height:52px}
.jr-checkout-redesign .checkout-steps{grid-template-columns:1fr}
.jr-checkout-redesign .checkout-links{grid-template-columns:1fr}
.jr-checkout-redesign .jr-checkout-head__image{border-radius:17px}
}
@media print{
.jr-commerce-info{background:white!important;color:#101820!important}
.jr-commerce-info header,.jr-commerce-info footer,.jr-help-hero__image,.jr-help-nav{display:none!important}
.jr-commerce-info main{width:100%;margin:0!important}
.jr-commerce-info .jr-help-hero,.jr-commerce-info main>section:not(.jr-help-hero){background:#fff!important;color:#111!important;box-shadow:none!important;border:1px solid #aaa!important}
.jr-commerce-info .jr-help-hero__content,.jr-commerce-info main>section{padding:12px!important}
.jr-commerce-info :is(h1,h2,p,li,label,small){color:#111!important}
.jr-commerce-info input{background:white!important;color:#111!important}
.jr-checkout-redesign .jr-checkout-head__image{display:none!important}
}
@media(prefers-reduced-motion:reduce){.jr-commerce-info .jr-help-nav__item{transition:none}}

/* Cart — transform former underline-only links into accessible guided destinations. */
.jr-cart-redesign{background:radial-gradient(850px 500px at 85% 0%,#c9a06118,transparent 62%),#08111b;color:#f0e9dc}
.jr-cart-redesign .book-store-shell{max-width:1160px;margin-inline:auto}
.jr-cart-redesign .book-store-shell>section{border:1px solid #d0ad7944;border-radius:24px;overflow:hidden}
.jr-cart-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.92fr);gap:24px;align-items:center;margin-bottom:20px}
.jr-cart-hero__copy{padding:clamp(8px,2vw,20px);min-width:0}
.jr-cart-hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.5;margin:0 0 12px;color:#fff6e8}
.jr-cart-hero__copy>p:last-child{color:#ead9bd;line-height:1.95}
.jr-cart-hero__visual{margin:0;border:1px solid #d0ad796e;border-radius:20px;overflow:hidden;background:#1f3446;box-shadow:0 16px 45px #0008}
.jr-cart-hero__visual img{display:block;width:100%;height:auto;aspect-ratio:16/8;object-fit:cover}
.jr-cart-redesign .cart-trust-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;margin-top:20px}
.jr-cart-redesign .cart-trust-links a{display:flex!important;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:14px 17px!important;border:1px solid #d9b77c!important;border-radius:14px!important;background:#172d3f!important;color:#ffebc7!important;text-decoration:none!important;font-size:1rem;line-height:1.7;font-weight:800;box-shadow:0 7px 20px #0003}
.jr-cart-redesign .cart-trust-links a::after{content:"\2190";font-size:1.15rem;line-height:1;opacity:.85}
html[lang="en"] .jr-cart-redesign .cart-trust-links a::after{content:"\2192"}
.jr-cart-redesign .cart-trust-links a:hover{background:#29465c!important}
.jr-cart-redesign .cart-trust-links a:focus-visible{outline:3px solid #f7d994;outline-offset:3px}
.jr-cart-redesign .store-notice{background:linear-gradient(145deg,#17273a,#131d2b);color:#f4e5c5}
.jr-cart-redesign .store-notice strong{color:#f5ce8e}
.jr-cart-redesign :is(.cart-quantity-controls button){min-width:48px;min-height:48px}
@media(max-width:820px){.jr-cart-hero{grid-template-columns:1fr}.jr-cart-hero__visual{order:-1}}
@media(max-width:550px){.jr-cart-redesign .cart-trust-links{grid-template-columns:1fr}.jr-cart-redesign .cart-trust-links a{min-height:58px}.jr-cart-hero__visual{border-radius:15px}.jr-cart-hero__copy{padding:3px 0}}
@media(prefers-reduced-motion:reduce){.jr-cart-redesign .cart-trust-links a{transition:none}}
