/* Mockparcel: purchase receipts and a consistent neutral account interface. */
body { overflow-x: clip; overflow-y: visible; }
.site-header.public-header { position: sticky !important; top: 0; z-index: 80; background: #fff; }
.product-sale-price strong, .product-discount-badge, .cart-line-pick, .cart-line-pay { color: #151515 !important; }
.member-page .picks-wallet { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 32px; background: #f5f5f4; color: #171717; border: 1px solid #dededb; border-radius: 0; padding: 32px; }
.member-page .picks-wallet-lead h2 { color: #171717 !important; font-size: clamp(28px,3.2vw,46px); letter-spacing: -1.5px; }
.picks-wallet-lead p, .picks-wallet-kicker, .member-benefit-status { color: #646464 !important; }
.picks-wallet-actions .btn.primary { background: #171717; color: white; }
.picks-wallet-actions .btn.ghost { color: #171717; border-color: #bcbcbc; }
.nav-account-picks, .nav-account-benefit, .picks-account-context { background: #f5f5f4 !important; color: #171717 !important; border-color: #ddd !important; }
.nav-account-picks small, .nav-account-benefit span { color: #666 !important; }
.pick-confirm-actions, .paypal-success-actions { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; }
.pick-confirm-actions .btn, .paypal-success-actions .btn { width: 100%; min-width: 0; min-height: 48px; margin: 0; white-space: normal; line-height: 1.35; }
.paypal-success-hero { text-align: left; }
.paypal-success-mark { background: #f1f1ef; color: #171717; }
.paypal-success-details { font-variant-numeric: tabular-nums; }
.order-receipt-lines { max-height: 45vh; overflow-y: auto; margin: 20px 0; border-top: 1px solid #ddd; }
.order-receipt-line { display: grid; grid-template-columns: 24px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 15px 0; border-bottom: 1px solid #ddd; }
.receipt-number, .order-receipt-line small { color: #737373; font-size: 12px; }
.order-receipt-line strong, .order-receipt-line small { display: block; }
.order-receipt-line strong { font-size: 14px; margin-bottom: 4px; }
.order-receipt-line .btn { min-height: 40px; }
.detail-media .detail-image.image-detail { height: auto !important; min-height: 0 !important; aspect-ratio: auto !important; overflow: visible; }
.detail-media .detail-image.image-detail img { display: block; width: 100%; height: auto !important; max-height: none; object-fit: contain !important; }
.newsletter-footer { display: grid; grid-template-columns: 1fr 1fr; width: 100%; max-width: none; text-align: left; gap: 48px; align-items: center; padding: 56px max(48px, calc((100vw - 1920px)/2)); border-top: 1px solid #dedede; }
.newsletter-footer h2 { color: #171717; font-size: clamp(24px,3vw,38px); letter-spacing: -1px; margin: 12px 0; }
.newsletter-footer p, .newsletter-footer small { color: #666; }
.newsletter-footer > div > span { font-size: 11px; letter-spacing: 1.4px; }
.newsletter-footer form { display: grid; gap: 12px; }
.newsletter-footer input { width: 100%; border: 1px solid #bbb; padding: 15px; font: inherit; }
.email-change-fields { margin: 16px 0; padding: 20px; background: #f6f6f5; }
.email-code-row { display: flex; gap: 10px; }
.notification-list a { display: block; padding: 18px 0; border-bottom: 1px solid #ddd; color: #171717; text-decoration: none; }
.notification-list a span { display: block; font-size: 13px; color: #666; margin-top: 5px; }
.b2-upload-box { border: 1px solid #ddd; padding: 16px; margin: 12px 0; }
.b2-upload-box progress { width: 100%; margin-top: 12px; accent-color: #222; }
.b2-upload-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.b2-upload-status { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.6; }
.paypal-checkout-modal[data-order-complete="1"] .modal-panel { width: min(640px,100%); max-height: calc(100dvh - 40px); display: flex; flex-direction: column; overflow: hidden; }
.paypal-checkout-modal[data-order-complete="1"] .modal-head { flex: 0 0 auto; }
.paypal-checkout-modal[data-order-complete="1"] .paypal-success-body { display: flex; flex-direction: column; gap: 16px; min-height: 0; overflow: hidden; }
.paypal-success-hero { display: grid; grid-template-columns: 40px minmax(0,1fr); justify-items: start; text-align: left; padding: 0; gap: 6px 12px; flex: 0 0 auto; }
.paypal-success-hero .paypal-checkout-kicker { display: none; }
.paypal-success-mark { grid-row: span 2; width: 36px; height: 36px; font-size: 20px; }
.paypal-success-hero h2 { font-size: 24px; }
.paypal-success-hero p { grid-column: 2; max-width: none; }
.paypal-success-details { flex: 0 0 auto; border-radius: 0; background: #f7f7f6; }
.paypal-checkout-modal .order-receipt-lines { flex: 1 1 auto; min-height: 70px; max-height: 44vh; margin: 0; }
.paypal-success-actions { flex: 0 0 auto; }
.paypal-success-body > .paypal-checkout-footnote { margin: 0; flex: 0 0 auto; }
@media(max-width:700px) { .paypal-success-details { grid-template-columns: 1fr 1fr; } .paypal-success-details > div:first-child { display: none; } .paypal-success-details > div + div { border-top: 0; } .paypal-success-details > div:nth-child(2) { border-left: 0; } .paypal-success-hero p { font-size: 13px; } .paypal-checkout-modal .order-receipt-lines { max-height: 40vh; } }
@media(max-width:700px) { .member-page .picks-wallet, .newsletter-footer { grid-template-columns: 1fr; gap: 24px; padding: 24px; } .newsletter-footer { padding: 32px 16px; } .nav-free-picks { padding: 7px 10px !important; font-size: 10px !important; } .public-header .nav-actions { gap: 8px !important; } .order-receipt-line { grid-template-columns: minmax(0,1fr) auto; } .receipt-number { display: none; } }