/* Checkout and order details share a compact, readable hierarchy. */
body[data-page=payment],body[data-page=view]{background:#f6f6f6;color:#242424}
.checkout97-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;max-width:1180px;margin:0 auto 40px;align-items:start}
.checkout97-main,.checkout97-sidebar{min-width:0}.checkout97-main{display:flex;flex-direction:column;gap:16px}.checkout97-sidebar{position:sticky;top:20px}
.checkout97-layout .card,.checkout97-layout .shipping-panel{background:#fff!important;border:1px solid #e3e3e3!important;box-shadow:0 2px 7px #00000003;border-radius:16px;margin:0;padding:24px;min-width:0}
.checkout97-layout h2{font-size:19px;line-height:1.45;margin:0 0 14px}.checkout97-layout h3{font-size:15px}.checkout97-layout p{line-height:1.65}.checkout97-layout .hint,.checkout97-layout small{color:#727272;font-size:12px;line-height:1.55}.checkout97-heading{max-width:1180px;margin:16px auto 24px}.checkout97-heading h1{font-size:30px}
.checkout97-product{display:flex;align-items:center;gap:20px}.checkout97-product>div:last-child{flex:1;min-width:0}.checkout97-product h2{margin:3px 0 6px;font-size:21px}.checkout97-product p{margin:5px 0}.checkout97-product .eyebrow{font-size:10px;letter-spacing:.14em}.checkout97-product .order-thumbnail{width:92px}.checkout97-product .order-thumbnail-stage{height:92px;width:92px}.checkout97-product .order-thumbnail-controls{font-size:10px}
.checkout97-summary>h2{font-size:21px}.checkout97-summary .pill{font-size:12px;padding:5px 10px;background:#f2f2f2;color:#555}.checkout97-totals{margin:25px 0 20px}.checkout97-totals>div{display:flex;justify-content:space-between;gap:14px;align-items:baseline;margin:14px 0}.checkout97-totals dt{color:#666;font-weight:400;font-size:14px}.checkout97-totals dd{margin:0;font-size:15px;font-weight:650;white-space:nowrap}.checkout97-totals .checkout97-total{border-top:1px solid #e5e5e5;margin-top:22px;padding-top:20px;flex-wrap:wrap;gap:4px}.checkout97-total dt{font-size:14px;font-weight:700;color:#222}.checkout97-total dd{font-size:29px;color:#111;margin-left:auto;letter-spacing:-.025em}.checkout97-total dd small{font-size:15px;margin-left:3px;color:#222}
.checkout97-agree{display:flex!important;align-items:flex-start;gap:9px!important;font-size:12px!important;color:#666;line-height:1.65}.checkout97-agree input{flex:0 0 18px;width:18px!important;height:18px!important;min-height:0!important;margin-top:3px}.checkout97-paybar>div{display:none}.checkout97-paybar>.button,.checkout97-paybar>button{display:block;width:100%!important;margin:16px 0 0!important;text-align:center;padding:17px!important;border-radius:10px;background:#171717!important;color:white!important;border:1px solid #171717!important;font-size:17px!important;font-weight:700}.checkout97-paybar .button:hover,.checkout97-paybar button:hover{background:#333!important}
.checkout97-sync{margin-top:12px;text-align:center}.checkout97-sync button{font-size:12px!important;padding:5px!important;min-height:32px}.checkout97-assurance{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:25px 0 18px;padding-top:18px;border-top:1px solid #eee;text-align:center;font-size:11px;color:#666}.checkout97-assurance span::before{content:'✓';display:block;margin-bottom:4px;font-size:17px;color:#555}.checkout97-brand{border-radius:10px;background:#f4f4f4;padding:20px;text-align:center}.checkout97-brand strong{font-size:23px;font-weight:500;letter-spacing:.14em}.checkout97-brand span{display:block;margin-top:6px;font-size:10px;color:#777}
.checkout97-cardhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkout97-cardhead h2{margin:0}.checkout97-cardhead .button{margin:0!important;width:auto!important;padding:7px 13px!important;font-size:12px!important;min-height:34px}.checkout97-address p{margin-bottom:0;font-size:14px}.checkout97-address p>strong{margin-right:14px}.checkout97-address p>span{color:#555}.checkout97-address-lines span{display:block;overflow-wrap:anywhere}.checkout97-address-lines span+span{margin-top:4px}
.checkout97-disclosure>summary{font-size:15px;font-weight:650;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.checkout97-disclosure>summary::after{content:'+';font-size:22px;line-height:1;color:#777;font-weight:400}.checkout97-disclosure[open]>summary::after{content:'−'}.checkout97-disclosure[open]>summary{margin-bottom:18px}.checkout97-disclosure>summary::-webkit-details-marker{display:none}.checkout97-disclosure .card{border:0!important;padding:0!important;box-shadow:none;background:transparent!important}.checkout97-disclosure p{font-size:13px}.checkout97-prewrap{white-space:pre-wrap}.checkout97-layout .receipt-code{font-size:23px;margin:10px 0;font-weight:700;overflow-wrap:anywhere}.checkout97-layout .receipt-summary>.hint{margin:6px 0}.checkout97-layout .order-extra{margin-top:14px;padding-top:14px;border-color:#eee}.checkout97-layout .order-extra>summary{font-size:13px}.checkout97-layout .detail-grid{font-size:13px;gap:10px}
.checkout97-benefits>h2{margin-bottom:8px}.checkout97-benefits .coupon-panel{margin:0;padding:12px 0;border:0;border-bottom:1px solid #eee;background:transparent}.checkout97-benefits .coupon-panel summary{font-size:14px;font-weight:600}.checkout97-benefits .coupon-panel summary small{margin-left:8px;font-weight:400}.checkout97-benefits form{margin:10px 0}.checkout97-benefits select{font-size:14px}.checkout97-benefits>form>small{display:block}.mileage97-panel{padding-top:16px}.mileage97-panel>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.mileage97-panel h3,.mileage97-panel p{margin:0;font-size:14px}.mileage97-panel p{color:#666;font-size:12px}.mileage97-panel p strong{color:#111;font-size:14px}.mileage97-form{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mileage97-form input{flex:1 1 80px;width:80px!important;min-width:0;min-height:40px;padding:9px!important;text-align:right;font-size:16px!important}.mileage97-form button{flex:none!important;width:auto!important;font-size:12px!important;margin:0!important;padding:9px 12px!important;min-height:40px!important}.mileage97-form>span{font-size:12px;color:#666}.mileage97-panel small{display:block;font-size:11px!important}.mileage97-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mileage97-balance{font-size:48px!important;margin:15px 0}.mileage97-balance small{font-size:22px;margin-left:5px}.mileage97-history{display:flex;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid #eee}.mileage97-history small{display:block;margin-top:6px;color:#777;font-size:12px}.mileage97-history b{white-space:nowrap}.member-stats.mileage97-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.mileage97-stats strong small{font-size:14px;margin-left:3px}
.checkout97-preview>.card{margin:0}.checkout97-preview .order-preview-stage{height:360px;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;background:repeating-conic-gradient(#f3f3f3 0 25%,#fff 0 50%) 0/12px 12px}.checkout97-preview .order-preview-stage canvas,.checkout97-preview .order-preview-stage img{width:auto!important;height:auto!important;max-width:100%!important;max-height:340px!important;object-fit:contain}.checkout97-preview .order-preview{max-width:none;border:0;padding:0;background:transparent}.checkout97-preview .order-preview h3{font-size:12px;font-weight:400;color:#777;margin:0 0 10px}.checkout97-preview .order-previews{display:block}.checkout97-preview .preview-message{font-size:11px!important;margin:10px 0 0}.checkout97-preview a[href^="view.php"],.checkout97-preview .order-preview>a{display:none}.checkout97-preview .design-proof img{max-height:360px!important;width:100%;object-fit:contain}.checkout97-preview .design-proof-slide h3{font-size:14px}.checkout97-preview .design-copy-badge{font-size:12px}.checkout97-preview .card>p.hint{margin:0 0 12px}.checkout97-preview .design-carousel-nav{margin:0 0 12px;padding:0;background:none;border:0;font-size:12px}.checkout97-preview .design-carousel-nav button{width:34px;min-height:32px;padding:0;margin:0}.checkout97-preview .preview-pages{margin-top:10px}.checkout97-preview .preview-pages button{font-size:12px;min-height:32px;padding:5px 12px}.checkout97-preview .preview-pages span{font-size:12px}.checkout97-empty{font-size:12px;color:#888;text-align:center;padding:55px 10px;background:#fafafa;border-radius:10px}.checkout97-product-fallback img{max-height:320px;object-fit:contain;width:100%;display:block}.checkout97-layout .shipping-panel h2{font-size:18px}.checkout97-layout .shipping-steps{margin:18px 0}.checkout97-layout .shipping-panel .hint{font-size:11px}.checkout97-layout .order-files{font-size:13px}
@media(max-width:950px){.checkout97-layout{grid-template-columns:minmax(0,1fr) 310px;gap:16px}.checkout97-layout .card{padding:20px}.checkout97-totals .checkout97-total{display:block}.checkout97-total dd{text-align:right;margin-top:8px}}
@media(max-width:760px){body[data-page=payment] main,body[data-page=view] main{padding-bottom:112px}.checkout97-layout{display:flex;flex-direction:column;gap:14px;margin-bottom:15px}.checkout97-main,.checkout97-sidebar{width:100%}.checkout97-sidebar{position:static}.checkout97-main{gap:12px}.checkout97-layout .card,.checkout97-layout .shipping-panel{padding:18px;border-radius:13px}.checkout97-heading{margin:12px 0 18px}.checkout97-heading h1{font-size:26px}.checkout97-layout h2{font-size:17px}.checkout97-product{gap:14px}.checkout97-product h2{font-size:17px}.checkout97-product .order-thumbnail{width:74px}.checkout97-product .order-thumbnail-stage{width:74px;height:74px}.checkout97-product small{font-size:10px}.checkout97-product p{font-size:12px}.checkout97-preview .order-preview-stage{height:280px}.checkout97-preview .order-preview-stage canvas,.checkout97-preview .order-preview-stage img{max-height:264px!important}.checkout97-preview .design-proof img{max-height:290px!important}.checkout97-paybar{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:15px;padding:12px max(16px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ddd;box-shadow:0 -4px 18px #00000008}.checkout97-paybar>div{display:flex;flex-direction:column;gap:3px;flex:0 1 44%;min-width:0}.checkout97-paybar>div>small{font-size:11px}.checkout97-paybar>div strong{font-size:22px;white-space:nowrap;color:#111;letter-spacing:-.04em}.checkout97-paybar strong small{font-size:13px;margin-left:3px}.checkout97-paybar>.button,.checkout97-paybar>button{flex:1;min-width:0;width:auto!important;margin:0!important;padding:14px 10px!important;font-size:15px!important}.checkout97-totals .checkout97-total{display:flex}.checkout97-total dd{margin-top:0;font-size:27px}.checkout97-summary .checkout97-brand{display:none}.checkout97-summary .checkout97-assurance{margin-bottom:0}.checkout97-agree{padding:14px 0 0;border-top:1px solid #eee;font-size:13px!important}.mileage97-grid{grid-template-columns:1fr;gap:0}.member-stats.mileage97-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout97-layout .receipt-code{font-size:20px}.checkout97-layout .detail-grid{grid-template-columns:1fr}.checkout97-layout .detail-grid dd{margin:0 0 8px}.checkout97-disclosure>summary{font-size:14px}.checkout97-assurance{font-size:10px}}
@media(max-width:360px){.checkout97-layout .card{padding:14px}.mileage97-form button{padding:9px!important}.checkout97-product{gap:10px}.checkout97-paybar>div strong{font-size:20px}}
 .checkout97-benefits .coupon-panel{padding:12px 0!important;border:0!important;border-bottom:1px solid #eee!important;border-radius:0!important;background:transparent!important}.checkout97-benefits .coupon-panel>details>summary{padding:6px 0!important}.checkout97-preview>.checkout97-disclosure{margin-bottom:12px}
 .checkout97-design{display:flex;align-items:center;justify-content:space-between;gap:14px}.checkout97-design>div{min-width:0;flex:1}.checkout97-design h2{font-size:16px;margin:0}.checkout97-design p{margin:6px 0 0}.checkout97-design>.button{flex:none;width:auto!important;margin:0!important;padding:10px 13px!important;font-size:13px!important}
