:root { --jr-commerce-ink:#292521; --jr-commerce-gold:#8a603b; --jr-commerce-soft:#f5efe8; --jr-commerce-line:#ded3c7; }
.jr-commerce { min-height: 70vh; background: #fff; color: var(--jr-commerce-ink); }
.jr-commerce-hero { display: grid; min-height: 245px; place-content: center; padding: 48px 24px; border-bottom: 1px solid var(--jr-commerce-line); background: linear-gradient(120deg,#f6f0e9,#fff 54%,#eee4d8); text-align: center; }
.jr-commerce-hero p { margin: 0 0 8px; color: var(--jr-commerce-gold); font-family: "Apricots","Brush Script MT",cursive; font-size: 22px; }
.jr-commerce-hero h1 { margin: 0; font-family: Georgia,"Times New Roman",serif; font-size: clamp(38px,5vw,68px); font-weight: 400; letter-spacing: -.04em; }
.jr-commerce-hero span { margin-top: 12px; color: #736b64; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.jr-commerce-shell { width: min(1240px,calc(100% - 48px)); margin: 0 auto; padding: 64px 0 90px; }
.jr-cart-layout,.jr-checkout-layout { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(320px,.75fr); gap: 42px; align-items: start; }
.jr-cart-list,.jr-checkout-form-card,.jr-order-card { border: 1px solid var(--jr-commerce-line); border-radius: 16px; background: #fff; box-shadow: 0 20px 60px rgba(41,37,33,.05); }
.jr-cart-list,.jr-checkout-form-card { padding: 28px; }
.jr-cart-line { display: grid; grid-template-columns: 152px minmax(0,1fr) auto; gap: 24px; align-items: start; padding: 24px 0; border-bottom: 1px solid var(--jr-commerce-line); }
.jr-cart-line:first-of-type { padding-top: 0; }.jr-cart-line:last-child { padding-bottom: 0; border-bottom: 0; }
.jr-cart-line img { width: 152px; aspect-ratio: 1; border-radius: 10px; object-fit: cover; background: #faf7f3; }
.jr-cart-line__copy small { color: var(--jr-commerce-gold); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.jr-cart-line__copy h2 { margin: 5px 0; font-family: Georgia,"Times New Roman",serif; font-size: 25px; font-weight: 400; }.jr-cart-line__copy p { margin: 0 0 15px; font-weight: 700; }
.jr-cart-line__controls { display: flex; align-items: end; gap: 8px; }.jr-cart-line__controls label { display: grid; gap: 4px; color: #716960; font-size: 11px; }.jr-cart-line__controls input { width: 72px; height: 38px; padding: 0 10px; border: 1px solid var(--jr-commerce-line); border-radius: 6px; }
.jr-cart-line__controls button,.jr-cart-remove { min-height: 38px; padding: 0 14px; border: 1px solid var(--jr-commerce-line); border-radius: 6px; background: #fff; color: var(--jr-commerce-ink); font-size: 11px; font-weight: 700; text-transform: uppercase; }.jr-cart-remove { min-height: 0; margin-top: 12px; padding: 0; border: 0; color: #8a5e50; text-decoration: underline; }
.jr-order-card { position: sticky; top: 116px; padding: 30px; }.jr-order-card>p,.jr-checkout-heading p { margin: 0 0 4px; color: var(--jr-commerce-gold); font-family: "Apricots","Brush Script MT",cursive; font-size: 21px; }.jr-order-card h2,.jr-checkout-heading h2 { margin: 0 0 25px; font-family: Georgia,"Times New Roman",serif; font-size: 29px; font-weight: 400; }
.jr-order-card dl { margin: 24px 0 0; padding: 20px 0; border-top: 1px solid var(--jr-commerce-line); border-bottom: 1px solid var(--jr-commerce-line); }.jr-order-card dl div,.jr-order-total { display: flex; justify-content: space-between; gap: 20px; margin: 8px 0; }.jr-order-card dt { color: #756e67; }.jr-order-card dd { margin: 0; font-weight: 600; }.jr-order-total { align-items: end; margin: 22px 0; }.jr-order-total strong { font-family: Georgia,"Times New Roman",serif; font-size: 27px; }
.jr-commerce-primary,.jr-commerce-secondary { display: grid; width: 100%; min-height: 52px; place-items: center; border: 1px solid #392f28; border-radius: 8px; background: #392f28; color: #fff!important; font-size: 11px; font-weight: 800; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; cursor: pointer; }.jr-commerce-secondary { margin-top: 9px; border-color: var(--jr-commerce-line); background: #fff; color: var(--jr-commerce-ink)!important; }.jr-commerce-primary.is-disabled { opacity: .45; pointer-events: none; }.jr-order-card>small,.jr-checkout-form>small { display: block; margin-top: 17px; color: #716960; text-align: center; }
.jr-commerce-alert { margin-bottom: 22px; padding: 13px 16px; border-radius: 8px; background: var(--jr-commerce-soft); }.jr-commerce-alert--success { color: #315f46; }.jr-commerce-alert--danger { color: #8a3b32; }
.jr-cart-empty,.jr-checkout-success { padding: 60px 24px; text-align: center; }.jr-cart-empty>span { font-size: 48px; }.jr-cart-empty h2,.jr-checkout-success h2 { margin: 10px 0; font-family: Georgia,"Times New Roman",serif; font-size: 34px; font-weight: 400; }.jr-cart-empty a,.jr-checkout-success a { color: var(--jr-commerce-gold); font-weight: 700; }
.jr-checkout-heading { margin-bottom: 30px; }.jr-checkout-form { display: grid; gap: 18px; }.jr-checkout-form label { display: grid; gap: 7px; color: #5e5750; font-size: 12px; font-weight: 700; }.jr-checkout-form input { width: 100%; height: 50px; padding: 0 14px; border: 1px solid var(--jr-commerce-line); border-radius: 8px; background: #fff; color: var(--jr-commerce-ink); }.jr-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.jr-checkout-item { display: grid; grid-template-columns: 74px minmax(0,1fr) auto; gap: 13px; align-items: center; }.jr-checkout-item img { width: 74px; aspect-ratio: 1; border-radius: 8px; object-fit: cover; }.jr-checkout-item span { display: grid; gap: 5px; }.jr-checkout-item small { color: #756e67; }.jr-payment-trust { display: grid; gap: 9px; margin-top: 24px; color: #635b54; font-size: 12px; }.jr-payment-trust i { width: 22px; color: var(--jr-commerce-gold); }.jr-checkout-success>i { color: #4b8b67; font-size: 48px; }
.jr-payment-choice { display:grid; gap:10px; margin:2px 0 0; padding:0; border:0; }.jr-payment-choice legend { margin-bottom:8px; color:#5e5750; font-size:12px; font-weight:700; }.jr-payment-choice label { display:grid; grid-template-columns:auto 1fr auto; gap:13px; align-items:center; padding:16px; border:1px solid var(--jr-commerce-line); border-radius:10px; background:#fff; cursor:pointer; transition:border-color .2s ease,background .2s ease,box-shadow .2s ease; }.jr-payment-choice label:hover,.jr-payment-choice label.is-selected,.jr-payment-choice label:has(input:checked) { border-color:#b89b78; background:#faf6f1; box-shadow:0 8px 26px rgba(80,54,32,.06); }.jr-payment-choice label.is-disabled { opacity:.7; cursor:not-allowed; background:#f8f4ef; }.jr-payment-choice label.is-disabled:hover { border-color:var(--jr-commerce-line); box-shadow:none; }.jr-payment-choice input { width:17px; height:17px; accent-color:#8a603b; }.jr-payment-choice label>span { display:grid; gap:2px; }.jr-payment-choice label>span i { margin-right:7px; color:#8a603b; }.jr-payment-choice label>span small { color:#756e67; font-weight:400; }.jr-payment-choice label>i { color:#cfc5bc; }.jr-payment-choice label.is-selected>i,.jr-payment-choice label:has(input:checked)>i { color:#8a603b; }.jr-payment-choice__notice { margin:0; padding:12px 14px; border:1px solid #ead8ca; border-radius:8px; background:#fff8f1; color:#80503d; font-size:12px; line-height:1.5; }.jr-checkout-success__eyebrow { margin:13px 0 0!important; color:#8a603b; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }.jr-checkout-confirmation { display:grid; grid-template-columns:1fr 1fr; gap:10px; max-width:520px; margin:24px auto; }.jr-checkout-confirmation span { display:grid; gap:3px; padding:16px; border:1px solid var(--jr-commerce-line); border-radius:10px; background:#faf7f3; }.jr-checkout-confirmation i { margin-bottom:5px; color:#8a603b; }.jr-checkout-confirmation small { color:#756e67; }
.jr-checkout-select { width:100%; min-height:50px; padding:0 42px 0 14px; border:1px solid var(--jr-commerce-line); border-radius:8px; background:#fff; color:var(--jr-commerce-ink); }
.jr-checkout-form label>small { display:inline; color:#8b837b; font-weight:400; }
.jr-secure-note { display:block; margin-top:0!important; color:#716960; text-align:center; }
.jr-payment-ready,.jr-delivery-preview { display:flex; gap:16px; align-items:flex-start; margin:0 0 22px; padding:20px; border:1px solid var(--jr-commerce-line); border-radius:12px; background:#faf7f3; }
.jr-payment-ready__mark { display:grid; width:44px; height:44px; flex:0 0 44px; place-items:center; border-radius:50%; background:#392f28; color:#fff; }.jr-payment-ready small,.jr-delivery-preview small { display:block; margin-bottom:4px; color:var(--jr-commerce-gold); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.jr-payment-ready strong { display:block; font-family:Georgia,"Times New Roman",serif; font-size:23px; font-weight:400; }.jr-payment-ready p { margin:6px 0 0; color:#716960; line-height:1.55; }.jr-delivery-preview>i { margin-top:3px; color:var(--jr-commerce-gold); }.jr-delivery-preview address { color:#5e5750; font-style:normal; line-height:1.65; }
.jr-checkout-item+.jr-checkout-item { margin-top:16px; padding-top:16px; border-top:1px solid var(--jr-commerce-line); }.jr-checkout-item em { color:#8a603b; font-size:11px; font-style:normal; }.jr-commerce-primary:disabled { opacity:.5; cursor:not-allowed; }
@media (max-width: 850px) { .jr-commerce-shell { width:min(100% - 28px,680px); padding:36px 0 70px; }.jr-cart-layout,.jr-checkout-layout { grid-template-columns:1fr; gap:22px; }.jr-order-card { position:static; }.jr-commerce-hero { min-height:200px; }.jr-cart-line { grid-template-columns:105px minmax(0,1fr); gap:15px; }.jr-cart-line img { width:105px; }.jr-cart-line>strong { grid-column:2; }.jr-cart-list,.jr-checkout-form-card,.jr-order-card { padding:20px; } }
@media (max-width: 520px) { .jr-commerce-hero h1 { font-size:40px; }.jr-field-grid,.jr-checkout-confirmation { grid-template-columns:1fr; }.jr-cart-line { grid-template-columns:88px minmax(0,1fr); }.jr-cart-line img { width:88px; }.jr-cart-line__copy h2 { font-size:20px; }.jr-cart-line__controls { align-items:stretch; flex-direction:column; }.jr-cart-line__controls input { width:100%; } }