:root{--jf-ink:#171311;--jf-ink2:#28211e;--jf-paper:#f5f1ec;--jf-white:#fff;--jf-red:#e52b23;--jf-red2:#b91813;--jf-line:rgba(23,19,17,.11);--jf-muted:#756d68;--jf-green:#148a52;--jf-gold:#e9a20c;--jf-shadow:0 24px 70px rgba(30,18,13,.14);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;min-height:100%;background:var(--jf-paper);color:var(--jf-ink);font-family:inherit;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}input,select,textarea{font-size:16px!important}

/* Auth */
.flow-auth{height:100dvh;overflow:hidden}.auth-stage{height:100%;display:grid;grid-template-columns:43% 57%;background:#fff}.auth-brand-panel{position:relative;overflow:hidden;padding:42px 48px;display:flex;flex-direction:column;color:#fff;background:var(--jf-ink)}.auth-brand-panel:before{content:"";position:absolute;width:520px;height:520px;right:-250px;top:15%;border-radius:50%;border:90px solid rgba(229,43,35,.17)}.auth-brand-panel:after{content:"JMP";position:absolute;right:-16px;bottom:-60px;font-size:180px;font-weight:950;letter-spacing:-.1em;color:rgba(255,255,255,.025)}.auth-brand-top{position:relative;z-index:2;display:flex;align-items:center;gap:13px;font-size:17px;font-weight:950}.auth-brand-top img{width:49px;height:49px;object-fit:cover;border-radius:15px}.auth-brand-top em,.auth-mobile-brand em{font-style:normal;color:var(--jf-red)}.auth-brand-copy{position:relative;z-index:2;margin:auto 0}.flow-eyebrow{display:block;color:#ef9e99;font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.auth-brand-copy h1{margin:18px 0 23px;font-size:clamp(43px,5vw,72px);letter-spacing:-.06em;line-height:.93}.auth-brand-copy h1 em{font-style:normal;color:var(--jf-red)}.auth-brand-copy p{max-width:440px;color:rgba(255,255,255,.58);font-size:15px;line-height:1.7}.auth-benefits{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.11);padding-top:22px;gap:12px}.auth-benefits span{display:grid}.auth-benefits i{font-style:normal;color:var(--jf-red);font-size:10px;font-weight:900}.auth-benefits b{font-size:11px;line-height:1.4;margin-top:5px}.auth-secure{position:relative;z-index:2;margin-top:24px;color:rgba(255,255,255,.3);font-size:9px;text-transform:uppercase;letter-spacing:.11em}.auth-form-panel{position:relative;min-width:0;display:flex;flex-direction:column;background:#fff}.flow-close{position:absolute;right:22px;top:20px;z-index:10;width:42px;height:42px;border:0;border-radius:14px;background:var(--jf-paper);font-size:26px;line-height:1;cursor:pointer;transition:.2s}.flow-close:hover{background:var(--jf-ink);color:#fff}.auth-mobile-brand{display:none}.auth-tabs{height:84px;display:flex;align-items:center;gap:6px;padding:0 80px 0 48px;border-bottom:1px solid var(--jf-line)}.auth-tabs button{border:0;border-radius:11px;background:transparent;padding:10px 15px;font-size:12px;font-weight:900;cursor:pointer;color:var(--jf-muted)}.auth-tabs button.active{background:var(--jf-ink);color:#fff}.auth-scroll{padding:40px 48px 50px;overflow-y:auto;overscroll-behavior:contain}.auth-scroll::-webkit-scrollbar{width:6px}.auth-scroll::-webkit-scrollbar-thumb{background:#d8d0c9;border-radius:9px}.flow-intro{margin-bottom:29px}.flow-intro>span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--jf-red);font-weight:900}.flow-intro h2{font-size:38px;letter-spacing:-.045em;line-height:1.05;margin:9px 0}.flow-intro p{margin:0;color:var(--jf-muted);font-size:13px}.flow-form{display:grid;gap:15px}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.flow-field{display:grid;gap:7px}.flow-field--full{grid-column:1/-1}.flow-field>span{font-size:11px;font-weight:850}.flow-field>span small{font-weight:500;color:var(--jf-muted)}.flow-field>div{min-height:52px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--jf-line);border-radius:14px;background:#fff;transition:.2s}.flow-field>div:focus-within{border-color:rgba(229,43,35,.55);box-shadow:0 0 0 4px rgba(229,43,35,.07)}.flow-field svg{width:18px;height:18px;fill:none;stroke:var(--jf-muted);stroke-width:1.6}.flow-field input{min-width:0;width:100%;height:50px;border:0;outline:0;background:transparent;color:var(--jf-ink)}.flow-field input::placeholder{color:#aba29b}.flow-field>small{color:var(--jf-muted);font-size:10px}.password-toggle{border:0;background:transparent;color:var(--jf-red);font-size:10px;font-weight:900;cursor:pointer}.code-input{text-align:center;font-size:21px!important;font-weight:900;letter-spacing:.28em}.flow-check{display:flex;gap:11px;padding:14px;border:1px solid var(--jf-line);border-radius:14px;background:var(--jf-paper);cursor:pointer}.flow-check input{width:20px;height:20px;accent-color:var(--jf-red);flex:0 0 auto}.flow-check span{display:grid}.flow-check b{font-size:12px}.flow-check small{color:var(--jf-muted);font-size:10px;margin-top:2px}.flow-submit{height:54px;border:0;border-radius:15px;background:var(--jf-red);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 27px rgba(229,43,35,.22);transition:.24s}.flow-submit:hover{background:#f23b33;transform:translateY(-2px)}.flow-submit span{float:right;margin-right:5px;font-size:20px}.flow-text-button{justify-self:center;border:0;background:transparent;color:var(--jf-red);font-size:11px;font-weight:850;cursor:pointer;padding:5px}.auth-switch{display:flex;justify-content:center;gap:7px;margin-top:25px;padding-top:20px;border-top:1px solid var(--jf-line);font-size:11px;color:var(--jf-muted)}.auth-switch button,.resend-form button{border:0;background:transparent;color:var(--jf-red);padding:0;font-weight:900;cursor:pointer}.flow-alert{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px;padding:13px;border-radius:14px;font-size:12px}.flow-alert b{width:22px;height:22px;display:grid;place-items:center;border-radius:8px}.flow-alert--error{background:#fff1f0;color:#a6201a;border:1px solid rgba(229,43,35,.14)}.flow-alert--error b{background:rgba(229,43,35,.11)}.flow-alert--success{background:#ecfaf3;color:#126b43;border:1px solid rgba(20,138,82,.14)}.flow-alert--success b{background:rgba(20,138,82,.11)}.flow-note{display:grid;padding:14px;border-radius:14px;background:var(--jf-paper);border:1px solid var(--jf-line)}.flow-note b{font-size:12px}.flow-note span{font-size:10px;color:var(--jf-muted)}.resend-form{margin-top:16px;text-align:center}

/* Shared checkout and account shell */
body.flow-checkout,body.flow-account,body.flow-success,body.flow-callback{background:var(--jf-paper)!important;color:var(--jf-ink)!important}.flow-checkout .page,.flow-account .page,.flow-success .page,.flow-callback .page{min-height:100dvh!important;padding:0 26px 105px!important}.flow-checkout .topbar,.flow-account .topbar,.flow-success .topbar,.flow-callback .topbar{position:sticky!important;top:0!important;z-index:80!important;min-height:76px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px max(18px,calc((100% - 1280px)/2))!important;margin:0 -26px 24px!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--jf-line)!important;box-shadow:none!important;backdrop-filter:blur(18px)!important}.topbar .brand{display:flex!important;align-items:center!important;gap:12px!important}.topbar .brand img{width:48px!important;height:48px!important;object-fit:cover!important;border-radius:15px!important}.topbar .brand-copy{display:grid!important}.topbar .kicker{font-size:9px!important;color:var(--jf-red)!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-weight:900!important}.topbar .title{font-family:inherit!important;font-size:17px!important;line-height:1.2!important;letter-spacing:-.01em!important;color:var(--jf-ink)!important;text-transform:none!important;font-weight:900!important}.topbar .top-sub{font-size:10px!important;color:var(--jf-muted)!important}.close-btn{width:42px!important;height:42px!important;border:0!important;border-radius:14px!important;background:var(--jf-paper)!important;box-shadow:none!important;position:relative!important;cursor:pointer!important}.close-btn:before,.close-btn:after{content:""!important;position:absolute!important;width:18px!important;height:2px!important;left:12px!important;top:20px!important;background:var(--jf-ink)!important;border:0!important;border-radius:2px!important}.close-btn:before{transform:rotate(45deg)!important}.close-btn:after{transform:rotate(-45deg)!important}.progress{width:min(780px,100%)!important;margin:0 auto 24px!important;padding:14px 22px!important;display:flex!important;align-items:center!important;background:#fff!important;border:1px solid var(--jf-line)!important;border-radius:18px!important;box-shadow:0 8px 28px rgba(30,18,13,.045)!important}.progress .step{display:flex!important;align-items:center!important;gap:8px!important;color:var(--jf-muted)!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:900!important}.progress .step.active{color:var(--jf-ink)!important}.progress .dot{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border:1px solid var(--jf-line)!important;border-radius:9px!important;background:var(--jf-paper)!important;color:var(--jf-muted)!important}.progress .step.active .dot{border-color:var(--jf-red)!important;background:var(--jf-red)!important;color:#fff!important}.progress .bar{height:1px!important;flex:1!important;background:var(--jf-line)!important;margin:0 12px!important}.progress .bar.active{background:var(--jf-red)!important}.flow-checkout .layout,.flow-callback .layout{width:min(1280px,100%)!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 380px!important;gap:20px!important;align-items:start!important}.flow-account .layout{width:min(1280px,100%)!important;margin:0 auto!important;display:grid!important;grid-template-columns:255px minmax(0,1fr)!important;gap:20px!important;align-items:start!important}.card{background:#fff!important;border:1px solid var(--jf-line)!important;border-radius:20px!important;box-shadow:0 8px 30px rgba(30,18,13,.045)!important;overflow:hidden!important}.card+.card{margin-top:14px!important}.card-body{padding:24px!important}.hero-card{background:var(--jf-ink)!important;color:#fff!important;border:0!important}.hero-title{font-family:inherit!important;font-size:34px!important;letter-spacing:-.045em!important;line-height:1.05!important;text-transform:none!important;margin:0 0 8px!important}.hero-sub{color:rgba(255,255,255,.56)!important;margin:0!important}.section-title{font-family:inherit!important;font-size:19px!important;letter-spacing:-.02em!important;color:var(--jf-ink)!important;text-transform:none!important;font-weight:900!important}.section-sub{font-size:12px!important;color:var(--jf-muted)!important}.form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.field.full{grid-column:1/-1!important}.label{display:block!important;margin-bottom:6px!important;color:var(--jf-ink)!important;font-size:11px!important;font-weight:850!important}.input,.select,.textarea{width:100%!important;min-height:52px!important;border:1px solid var(--jf-line)!important;border-radius:14px!important;background:#fff!important;color:var(--jf-ink)!important;padding:12px 14px!important;outline:0!important;box-shadow:none!important}.textarea{min-height:100px!important}.input:focus,.select:focus,.textarea:focus{border-color:rgba(229,43,35,.52)!important;box-shadow:0 0 0 4px rgba(229,43,35,.07)!important}.sidebar-panel{position:sticky!important;top:102px!important}.mini-title{font-size:10px!important;color:var(--jf-red)!important;text-transform:uppercase!important;letter-spacing:.14em!important;font-weight:900!important}.sticky-submit{position:fixed!important;z-index:100!important;left:0!important;right:0!important;bottom:0!important;padding:12px max(18px,calc((100% - 1280px)/2)) calc(12px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.94)!important;border-top:1px solid var(--jf-line)!important;backdrop-filter:blur(16px)!important}.sticky-submit .inner{max-width:none!important;margin:0!important;display:flex!important;justify-content:flex-end!important}.submit-btn,.reorder-btn,.btn,.upsell-add-btn{min-height:50px!important;border:0!important;border-radius:14px!important;padding:0 22px!important;background:var(--jf-red)!important;color:#fff!important;font-family:inherit!important;font-weight:900!important;text-transform:none!important;letter-spacing:0!important;box-shadow:0 10px 24px rgba(229,43,35,.18)!important;cursor:pointer!important}.pm,.tip-btn{border:1px solid var(--jf-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important;transition:.2s!important}.pm:hover,.pm.selected,.tip-btn.active{border-color:var(--jf-red)!important;background:#fff7f5!important}.points-banner,.points-box,.points-summary{border:1px solid rgba(233,162,12,.25)!important;border-radius:16px!important;background:#fff9e9!important;box-shadow:none!important}.hint{border-radius:13px!important;background:var(--jf-paper)!important;border:1px solid var(--jf-line)!important;color:var(--jf-muted)!important}.toast{border-radius:14px!important}.upsell-backdrop{background:rgba(17,13,11,.7)!important;backdrop-filter:blur(10px)!important}.upsell-container,.modal-card{border-radius:22px!important;background:#fff!important;border:1px solid var(--jf-line)!important;box-shadow:var(--jf-shadow)!important}.upsell-header,.upsell-footer,.modal-header,.modal-actions{border-color:var(--jf-line)!important;background:#fff!important}.flow-account .wrap{max-width:none!important;padding:0!important}.flow-account .side-nav{position:sticky!important;top:102px!important;background:#fff!important;border:1px solid var(--jf-line)!important;border-radius:20px!important;padding:10px!important;box-shadow:0 8px 30px rgba(30,18,13,.045)!important}.flow-account .sidebar-head{padding:14px!important}.flow-account .side-link{width:100%!important;min-height:45px!important;padding:0 13px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--jf-muted)!important;font-weight:800!important;text-align:left!important}.flow-account .side-link.active,.flow-account .side-link:hover{background:var(--jf-ink)!important;color:#fff!important}.flow-account .content-card{border-radius:20px!important;border:1px solid var(--jf-line)!important;background:#fff!important;box-shadow:0 8px 30px rgba(30,18,13,.045)!important}.flow-account .hero{background:linear-gradient(120deg,var(--jf-ink),#2c211d)!important;border:0!important;border-radius:20px!important;color:#fff!important}.flow-account .quick-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.flow-account .quick,.flow-account .stat{border:1px solid var(--jf-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important}.flow-account .table-wrap{overflow:auto!important;border:1px solid var(--jf-line)!important;border-radius:15px!important}.flow-account .table{width:100%!important}.flow-account .table th{background:var(--jf-paper)!important;color:var(--jf-muted)!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.12em!important}.flow-account .status{border-radius:9px!important}.loading-overlay{background:rgba(245,241,236,.92)!important;backdrop-filter:blur(9px)!important}.spinner{border-color:#ddd4cd!important;border-top-color:var(--jf-red)!important}

/* Addon configurator */
.flow-addon{height:100dvh;overflow:hidden!important;background:#fff!important}.flow-addon .addon-page,.flow-addon .addon-wrap,.flow-addon #dataform{height:100%!important;min-height:0!important}.flow-addon .addon-wrap{max-width:none!important;margin:0!important;padding:0!important}.flow-addon #dataform{position:relative!important;display:grid!important;grid-template-columns:390px minmax(0,1fr)!important;grid-auto-rows:max-content!important;column-gap:0!important;overflow-y:auto!important;background:var(--jf-paper)!important}.flow-addon .addon-topbar{position:fixed!important;right:18px!important;top:18px!important;z-index:100!important;width:auto!important;height:auto!important;padding:0!important;background:transparent!important;border:0!important}.flow-addon .addon-close{width:43px!important;height:43px!important;border:0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 28px rgba(0,0,0,.14)!important}.flow-addon .addon-close:before,.flow-addon .addon-close:after{background:var(--jf-ink)!important}.flow-addon .product-hero{grid-column:1!important;grid-row:1 / span 999!important;position:sticky!important;top:0!important;height:100dvh!important;padding:26px!important;background:var(--jf-ink)!important;display:grid!important;place-items:center!important;overflow:hidden!important}.flow-addon .product-hero:before{content:"";position:absolute;width:420px;height:420px;border:68px solid rgba(229,43,35,.17);border-radius:50%}.flow-addon .product-image-wrap{position:relative!important;z-index:2!important;width:100%!important;height:auto!important;aspect-ratio:1!important;border-radius:28px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 24px 60px rgba(0,0,0,.24)!important}.flow-addon .product-image{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}.flow-addon .product-image-empty{height:100%!important;display:grid!important;place-items:center!important;font-size:90px!important}.flow-addon .product-meta,.flow-addon .section-card,.flow-addon .notes-card{grid-column:2!important;margin:0 24px 14px!important;background:#fff!important;border:1px solid var(--jf-line)!important;border-radius:18px!important;box-shadow:0 7px 24px rgba(30,18,13,.04)!important}.flow-addon .product-meta{margin-top:24px!important;padding:25px!important}.flow-addon .product-title{font-family:inherit!important;font-size:32px!important;letter-spacing:-.045em!important;line-height:1.05!important;text-transform:none!important;color:var(--jf-ink)!important;margin:0 0 7px!important}.flow-addon .product-price{font-size:18px!important;color:var(--jf-red)!important;font-weight:900!important}.flow-addon .product-size{display:inline-block!important;margin-top:8px!important;padding:5px 9px!important;border-radius:8px!important;background:var(--jf-paper)!important;color:var(--jf-muted)!important;font-size:10px!important;font-weight:800!important}.flow-addon .product-desc{font-size:13px!important;line-height:1.55!important;color:var(--jf-muted)!important;margin-top:12px!important}.flow-addon .points-reward-banner{margin-top:16px!important;border:1px solid rgba(233,162,12,.24)!important;border-radius:15px!important;background:#fff9e9!important;box-shadow:none!important}.flow-addon .section-card,.flow-addon .notes-card{padding:20px!important}.flow-addon .section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.flow-addon .section-title,.flow-addon .notes-title{font-size:17px!important;font-weight:900!important}.flow-addon .section-pill{padding:5px 9px!important;border-radius:8px!important;background:var(--jf-ink)!important;color:#fff!important;font-size:9px!important;font-weight:900!important}.flow-addon .section-sub,.flow-addon .notes-sub{font-size:11px!important;color:var(--jf-muted)!important;margin:4px 0 13px!important}.flow-addon .addon-select,.flow-addon .notes-field{width:100%!important;min-height:52px!important;border:1px solid var(--jf-line)!important;border-radius:14px!important;background:#fff!important;padding:12px 14px!important;outline:0!important}.flow-addon .addon-select:focus,.flow-addon .n…2267 tokens truncated…argin:0 auto!important}.flow-newsletter .modal-content{border:1px solid var(--jf-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--jf-shadow)!important;overflow:hidden!important}.flow-newsletter .modal-header,.flow-newsletter .header{padding:26px!important;background:var(--jf-ink)!important;color:#fff!important;border:0!important}.flow-newsletter .modal-body,.flow-newsletter .content{padding:25px!important}.flow-newsletter .form-control{width:100%!important;min-height:52px!important;border:1px solid var(--jf-line)!important;border-radius:14px!important;background:#fff!important;padding:12px 14px!important}.flow-newsletter .btn{min-height:51px!important;border-radius:14px!important;background:var(--jf-red)!important;color:#fff!important;font-weight:900!important}.flow-newsletter .privacy-notice{border-radius:14px!important;background:var(--jf-paper)!important;border:1px solid var(--jf-line)!important;color:var(--jf-muted)!important}
.flow-note-page{background:#fff!important}.flow-note-page .note-shell{width:min(720px,100%)!important;min-height:100dvh!important;margin:0 auto!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important}.flow-note-page .note-header{padding:20px 22px!important;background:var(--jf-ink)!important;color:#fff!important;border:0!important}.flow-note-page .note-title{font-family:inherit!important;font-size:22px!important;text-transform:none!important}.flow-note-page .note-kicker{color:#ef9e99!important}.flow-note-page .note-close{background:#fff!important;border-radius:13px!important}.flow-note-page .note-body{padding:24px!important}.flow-note-page .product-box{border:1px solid var(--jf-line)!important;border-radius:15px!important;background:var(--jf-paper)!important}.flow-note-page .form-input,.flow-note-page .form-textarea{border:1px solid var(--jf-line)!important;border-radius:14px!important;background:#fff!important}.flow-note-page .note-actions{position:sticky!important;bottom:0!important;padding:12px 0 calc(12px + env(safe-area-inset-bottom))!important;background:#fff!important}.flow-note-page .cancel-btn{border:1px solid var(--jf-line)!important;border-radius:14px!important;background:var(--jf-paper)!important}
.flow-error{padding:20px!important;background:var(--jf-paper)!important}.flow-error .wrap{width:min(980px,100%)!important;max-width:none!important;margin:0 auto!important}.flow-error .top{background:var(--jf-ink)!important;color:#fff!important;border-radius:22px!important}.flow-error .headline{font-family:inherit!important;letter-spacing:-.035em!important;text-transform:none!important}.flow-error .card{border-radius:19px!important}.flow-error .pm{border-radius:14px!important}.flow-error .btn,.flow-error button{border-radius:14px!important}
@media(max-width:680px){.flow-legal .background,.flow-legal .layer{padding:8px!important}.flow-legal .content{padding:18px!important;border-radius:17px!important}.flow-popup .popup-top,.flow-popup .popup-body,.flow-note-page .note-body{padding:18px!important}.flow-newsletter{padding:7px!important}.flow-error{padding:9px!important}}
@media(min-width:681px){.flow-addon .product-hero{width:auto!important;height:100dvh!important;min-height:100dvh!important;max-height:none!important;aspect-ratio:auto!important}.flow-addon .submit-bar{left:auto!important;right:auto!important;width:auto!important;max-width:none!important}}
@media(min-width:681px){.flow-addon #dataform{padding-bottom:90px!important}.flow-addon .submit-bar{position:fixed!important;left:390px!important;right:0!important;bottom:0!important;width:auto!important;max-width:none!important}}

/* Live delivery cockpit */
.flow-status{min-height:100dvh!important;background:var(--jf-paper)!important;color:var(--jf-ink)!important}.flow-status .status-container{width:min(760px,100%)!important;margin:0 auto!important;padding:20px!important}.status-live-card{position:relative;overflow:hidden;padding:23px 24px 21px;border-radius:22px;background:linear-gradient(125deg,var(--jf-ink),#32241f);color:#fff;box-shadow:0 18px 48px rgba(28,17,12,.18)}.status-live-card:after{content:"";position:absolute;right:-75px;top:-95px;width:240px;height:240px;border:48px solid rgba(229,43,35,.22);border-radius:50%}.status-live-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px}.status-live-badge{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.15em;color:#ffaaa5}.status-live-badge i{width:8px;height:8px;border-radius:50%;background:#35d083;box-shadow:0 0 0 5px rgba(53,208,131,.14);animation:statusPulse 1.8s infinite}.status-live-refresh{font-size:9px;color:rgba(255,255,255,.48)}.status-live-card h1{position:relative;z-index:2;margin:17px 0 7px;font-size:clamp(25px,5vw,36px);line-height:1.04;letter-spacing:-.045em}.status-live-card p{position:relative;z-index:2;max-width:540px;margin:0;color:rgba(255,255,255,.62);font-size:12px;line-height:1.55}.status-step-card{margin-top:12px;padding:22px 16px 17px;border:1px solid var(--jf-line);border-radius:20px;background:#fff;box-shadow:0 9px 30px rgba(30,18,13,.05)}.flow-status .progressbar{position:relative;z-index:1}.flow-status .progressbar li{font-size:9px!important;color:var(--jf-muted)!important}.flow-status .progressbar li:before{width:38px!important;height:38px!important;line-height:34px!important;border:2px solid var(--jf-line)!important;background:#fff!important;color:var(--jf-muted)!important;font-size:12px!important}.flow-status .progressbar li:after{top:19px!important;height:3px!important;background:var(--jf-line)!important}.flow-status .progressbar li.is-done{color:var(--jf-green)!important}.flow-status .progressbar li.is-done:before{content:"✓"!important;background:var(--jf-green)!important;border-color:var(--jf-green)!important;color:#fff!important}.flow-status .progressbar li.is-done:after,.flow-status .progressbar li.is-current:after{background:var(--jf-green)!important}.flow-status .progressbar li.is-current{color:var(--jf-red)!important}.flow-status .progressbar li.is-current:before{background:var(--jf-red)!important;border-color:var(--jf-red)!important;color:#fff!important;box-shadow:0 0 0 6px rgba(229,43,35,.1)!important}.status-note{display:flex;align-items:center;gap:11px;margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--jf-paper);color:var(--jf-muted);font-size:10px}.status-note span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#fff;color:var(--jf-red);font-weight:950}.flow-account .reorder-btn:before{content:"↻";margin-right:7px;font-size:16px}.flow-account .reorder-btn{white-space:nowrap!important}.flow-account .row-actions{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
@keyframes statusPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.55}}
@media(max-width:680px){.flow-status .status-container{padding:9px!important}.status-live-card{padding:20px 17px;border-radius:18px}.status-live-card h1{font-size:27px;margin-top:15px}.status-live-refresh{font-size:8px}.status-step-card{padding:19px 7px 14px;border-radius:17px}.flow-status .progressbar li{font-size:7px!important;letter-spacing:0!important}.flow-status .progressbar li:before{width:31px!important;height:31px!important;line-height:27px!important;margin-bottom:7px!important}.flow-status .progressbar li:after{top:15px!important}.status-note{font-size:9px;margin-top:11px}.flow-account .reorder-btn{width:auto!important;min-height:44px!important}}

/* Checkout 2.0 */
.flow-checkout{background:#f3efea!important}.flow-checkout .page{padding:0 24px 112px!important}.flow-checkout .topbar{min-height:82px!important;margin:0 -24px 20px!important;padding:12px max(20px,calc((100% - 1180px)/2))!important;background:rgba(255,255,255,.97)!important}.flow-checkout .topbar .brand img{width:46px!important;height:46px!important;border-radius:14px!important}.flow-checkout .topbar .title{font-size:18px!important}.flow-checkout .close-btn{background:#f3efea!important}.flow-checkout .progress{width:min(620px,100%)!important;margin:0 auto 20px!important;padding:10px 14px!important;border:0!important;border-radius:16px!important;box-shadow:0 7px 25px rgba(28,17,12,.06)!important}.flow-checkout .progress .step{flex:0 0 auto!important;color:#9b928c!important;font-size:9px!important}.flow-checkout .progress .dot{border:0!important;border-radius:10px!important;background:#f3efea!important}.flow-checkout .progress .step.active{color:var(--jf-ink)!important}.flow-checkout .progress .step.active .dot{background:var(--jf-red)!important}.flow-checkout .progress .bar{margin:0 14px!important}.flow-checkout .layout{width:min(1180px,100%)!important;grid-template-columns:minmax(0,1fr) 370px!important;gap:17px!important}.flow-checkout .layout>main{min-width:0}.flow-checkout .hero-card{margin:0 0 15px!important;border-radius:22px!important;background:linear-gradient(120deg,#171210 0%,#2a1e1a 72%,#4b1714 100%)!important;box-shadow:0 15px 38px rgba(28,17,12,.15)!important}.flow-checkout .hero-card .card-body{position:relative;padding:27px 29px!important;overflow:hidden}.flow-checkout .hero-card .card-body:after{content:"JMP";position:absolute;right:22px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.055);font-size:76px;font-weight:950;letter-spacing:-.08em}.flow-checkout .hero-title{position:relative;z-index:1;color:#fff!important;font-size:31px!important}.flow-checkout .hero-sub{position:relative;z-index:1;max-width:650px;color:rgba(255,255,255,.63)!important;font-size:12px!important;line-height:1.55!important}.flow-checkout #dataform{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr)!important;gap:15px!important;align-items:start!important}.flow-checkout #dataform>.card{margin:0!important;border-radius:20px!important}.flow-checkout #dataform>.card .card-body{padding:23px!important}.flow-checkout .section-title{font-size:20px!important}.flow-checkout .section-sub{margin:4px 0 18px!important;line-height:1.5!important}.flow-checkout .form-grid{gap:12px!important}.flow-checkout .label{font-size:10px!important;letter-spacing:.02em!important}.flow-checkout .input,.flow-checkout .select,.flow-checkout .textarea{min-height:50px!important;border-color:#e2dcd6!important;border-radius:13px!important;background:#fdfcfb!important}.flow-checkout .textarea{min-height:86px!important}.flow-checkout .pay-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.flow-checkout .pm{position:relative;min-height:88px!important;padding:15px 12px!important;display:flex!important;align-items:center!important;gap:10px!important;border-radius:15px!important;cursor:pointer!important}.flow-checkout .pm img{width:35px!important;max-height:27px!important;object-fit:contain!important}.flow-checkout .pm-title{font-size:14px!important;font-weight:900!important}.flow-checkout .pm-sub{font-size:10px!important;color:var(--jf-muted)!important}.flow-checkout .pm.recommended:before{content:"Empfohlen"!important;position:absolute!important;top:-7px!important;right:8px!important;padding:3px 7px!important;border-radius:7px!important;background:#168b54!important;color:#fff!important;font-size:7px!important;letter-spacing:.08em!important;text-transform:uppercase!important}.flow-checkout .pm.active{border-color:var(--jf-red)!important;background:#fff5f3!important;box-shadow:0 0 0 3px rgba(231,37,33,.08)!important}.flow-checkout .sidebar-panel{top:102px!important;border-radius:22px!important;overflow:hidden!important}.flow-checkout .sidebar-panel .card-body{padding:18px!important}.flow-checkout .mini-title{margin:0 0 11px!important}.flow-checkout #orderareadiv{font-size:12px!important}.flow-checkout .cart-item{padding:11px!important;border-color:#e8e1db!important;border-radius:14px!important}.flow-checkout .cart-item-title{font-size:13px!important}.flow-checkout .cart-addon{padding:5px 0 5px 12px!important;margin-left:5px!important}.flow-checkout .cart-discount{border-color:#bfe8cd!important;border-radius:13px!important;background:#eaf8ef!important}.flow-checkout #orderdiv.orderDelivery{padding:9px!important;border-radius:12px!important;background:#f4f1ed!important;color:var(--jf-muted)!important;font-size:10px!important}.flow-checkout .sticky-submit{padding:11px max(20px,calc((100% - 1180px)/2)) calc(11px + env(safe-area-inset-bottom))!important}.flow-checkout .sticky-submit .inner{position:relative!important;max-width:1180px!important;margin:0 auto!important;display:flex!important;justify-content:flex-end!important;align-items:center!important}.flow-checkout .sticky-submit .inner:before{content:"Sicher verschlüsselt · Du kannst deine Angaben noch prüfen";margin-right:auto;color:var(--jf-muted);font-size:10px;font-weight:750}.flow-checkout .submit-btn{width:370px!important;min-height:56px!important;border-radius:16px!important;background:linear-gradient(105deg,#e72521,#ff493d)!important;box-shadow:0 13px 28px rgba(231,37,33,.27)!important;font-size:15px!important}.flow-checkout .dev-badge{display:none!important}

/* Account 2.0 */
.flow-account{background:#f3efea!important}.flow-account .page{padding:0 22px 38px!important}.flow-account .topbar{min-height:78px!important;margin:0 -22px 18px!important;padding:11px max(18px,calc((100% - 1180px)/2))!important}.flow-account .layout{width:min(1180px,100%)!important;grid-template-columns:238px minmax(0,1fr)!important;gap:16px!important}.flow-account .hero{min-height:130px!important;margin:0 0 16px!important;padding:27px 29px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:linear-gradient(120deg,#171210,#2b211d)!important;border-radius:22px!important;box-shadow:0 16px 38px rgba(28,17,12,.14)!important}.flow-account .hero h1{color:#fff!important;font-size:32px!important;letter-spacing:-.045em!important}.flow-account .hero p{color:rgba(255,255,255,.58)!important}.flow-account .hero .badge{border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.72)!important}.flow-account .hero .badge strong{color:#fff!important}.flow-account .sidebar{border-radius:20px!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--jf-line)!important;box-shadow:0 9px 30px rgba(30,18,13,.05)!important}.flow-account .sidebar-head{padding:20px 16px!important;background:linear-gradient(145deg,#17202d,#251716)!important}.flow-account .avatar{width:54px!important;height:54px!important;border-radius:17px!important;background:#fff0ee!important;color:var(--jf-red)!important}.flow-account .side-name{color:#fff!important;font-size:19px!important}.flow-account .side-mail,.flow-account .side-phone{color:rgba(255,255,255,.62)!important}.flow-account .side-stats{padding:12px!important;gap:8px!important}.flow-account .stat{padding:12px!important}.flow-account .stat-label{font-size:8px!important;letter-spacing:.11em!important}.flow-account .stat-value{font-size:22px!important}.flow-account .side-nav{position:static!important;margin:0!important;border:0!important;border-top:1px solid var(--jf-line)!important;border-radius:0!important;padding:9px!important;box-shadow:none!important}.flow-account .side-link{min-height:43px!important;color:#706762!important}.flow-account .side-link.active{background:var(--jf-ink)!important;color:#fff!important}.flow-account .content-card{padding:23px!important}.flow-account .section-title{font-size:21px!important}.flow-account .section-sub{margin:5px 0 18px!important}.flow-account .table-wrap{border:0!important;border-radius:16px!important;overflow:hidden!important}.flow-account .table{border:1px solid var(--jf-line)!important;border-radius:16px!important;border-collapse:separate!important;border-spacing:0!important}.flow-account .table th{padding:13px 15px!important;background:#f4f0ec!important;color:#776e68!important}.flow-account .table td{padding:15px!important;border-bottom:1px solid #eee9e5!important;font-size:12px!important;vertical-align:middle!important}.flow-account .table tbody tr:last-child td{border-bottom:0!important}.flow-account .row-actions{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important}.flow-account .reorder-btn,.flow-account .row-actions .btn{width:auto!important;min-height:40px!important;padding:0 13px!important;border-radius:12px!important;font-size:11px!important;box-shadow:none!important}.flow-account .row-actions .btn-ghost{border:1px solid var(--jf-line)!important;background:#fff!important;color:var(--jf-ink)!important}.flow-account .reorder-btn:hover{box-shadow:0 8px 19px rgba(231,37,33,.2)!important}.flow-account .status{padding:5px 8px!important;font-size:9px!important}.flow-account .points-badge{white-space:nowrap!important}

@media(max-width:980px){.flow-checkout .layout{grid-template-columns:1fr!important}.flow-checkout .sidebar-panel{position:relative!important;top:auto!important;order:-1!important}.flow-checkout #dataform{grid-template-columns:1fr 1fr!important}.flow-account .layout{grid-template-columns:210px minmax(0,1fr)!important}.flow-account .row-actions{flex-wrap:wrap!important}}
@font-face{font-family:"Fat Frank";src:url("../fonts/fat-frank-heavy.woff2") format("woff2");font-style:normal;font-weight:800 950;font-display:swap}
.flow-page h1,.flow-page h2,.flow-page h3,.flow-page .title,.flow-page .auth-brand-top,.flow-page .auth-mobile-brand,.flow-page .side-name,.flow-page .section-title,.flow-page .hero-title{font-family:"Fat Frank",Inter,ui-sans-serif,sans-serif!important;font-weight:900!important}
@media(max-width:680px){.flow-checkout .page{padding:0 9px 94px!important}.flow-checkout .topbar{margin:0 -9px 10px!important}.flow-checkout .progress{margin-bottom:10px!important;padding:8px 9px!important}.flow-checkout .progress .bar{margin:0 5px!important}.flow-checkout .layout{gap:10px!important}.flow-checkout .hero-card{display:none!important}.flow-checkout #dataform{grid-template-columns:1fr!important;gap:10px!important}.flow-checkout #dataform>.card .card-body{padding:17px!important}.flow-checkout .sidebar-panel .card-body{padding:14px!important}.flow-checkout .pay-grid{grid-template-columns:1fr 1fr!important}.flow-checkout .pm{min-height:76px!important;padding:11px!important}.flow-checkout .sticky-submit{padding:8px 9px calc(8px + env(safe-area-inset-bottom))!important}.flow-checkout .sticky-submit .inner:before{display:none!important}.flow-checkout .submit-btn{width:100%!important;min-height:55px!important}.flow-account .page{padding:0 8px 20px!important}.flow-account .topbar{margin:0 -8px 10px!important}.flow-account .layout{display:block!important}.flow-account .hero{min-height:auto!important;padding:20px!important;border-radius:17px!important}.flow-account .hero h1{font-size:25px!important}.flow-account .hero .badges{display:none!important}.flow-account .sidebar{margin-bottom:10px!important}.flow-account .sidebar-head{display:grid!important;grid-template-columns:48px 1fr!important;align-items:center!important;gap:11px!important;padding:14px!important}.flow-account .avatar{grid-row:1/3;width:48px!important;height:48px!important}.flow-account .side-name{font-size:16px!important}.flow-account .side-mail,.flow-account .side-phone{font-size:10px!important}.flow-account .side-stats{display:none!important}.flow-account .side-nav{display:flex!important;overflow-x:auto!important;gap:5px!important}.flow-account .side-link{min-width:max-content!important;width:auto!important;padding:0 12px!important}.flow-account .content-card{padding:16px!important}.flow-account .table{border:0!important}.flow-account .table tbody tr{padding:10px!important}.flow-account .table tbody td{padding:6px 8px!important}.flow-account .row-actions{justify-content:flex-end!important}.flow-account .reorder-btn,.flow-account .row-actions .btn{min-height:42px!important}}



/* Checkout 3.0: premium order summary with independent desktop scrolling */
.flow-checkout .sidebar-panel{border-color:rgba(23,19,17,.13)!important;background:linear-gradient(180deg,#fff 0%,#fdfbf9 100%)!important;box-shadow:0 18px 48px rgba(31,19,14,.09)!important}.flow-checkout .sidebar-panel .card-body{min-height:0!important}.flow-checkout .mini-title{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 13px!important;color:var(--jf-ink)!important;font-size:11px!important;letter-spacing:.13em!important}.flow-checkout .mini-title:before{content:"★";width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#fff0ed;color:var(--jf-red);font-size:12px}.flow-checkout #orderareadiv{min-height:0;padding-right:5px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8bbb2 transparent}.flow-checkout #orderareadiv::-webkit-scrollbar{width:7px}.flow-checkout #orderareadiv::-webkit-scrollbar-track{background:transparent}.flow-checkout #orderareadiv::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:#c8bbb2;background-clip:padding-box}.flow-checkout .cart-item{background:#fff!important;box-shadow:0 4px 14px rgba(31,19,14,.035)!important;transition:border-color .2s,box-shadow .2s!important}.flow-checkout .cart-item:hover{border-color:rgba(229,43,35,.25)!important;box-shadow:0 8px 22px rgba(31,19,14,.07)!important}.flow-checkout .cart-item-title{font-weight:900!important;line-height:1.25!important}.flow-checkout .points-banner{margin-top:13px!important}
@media(min-width:981px){.flow-checkout .sidebar-panel{height:calc(100dvh - 194px)!important;min-height:500px!important;max-height:720px!important}.flow-checkout .sidebar-panel .card-body{height:100%!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto!important}.flow-checkout #orderareadiv{overflow-y:auto!important}.flow-checkout #ajaxdiv{min-height:0!important}}
@media(max-width:980px){.flow-checkout .sidebar-panel{height:auto!important;min-height:0!important;max-height:none!important}.flow-checkout .sidebar-panel .card-body{display:block!important}.flow-checkout #orderareadiv{overflow:visible!important;padding-right:0!important}}


/* Registration viewport fit and restrained form scrolling */
.flow-auth .auth-form-panel{height:100%;min-height:0}.flow-auth .auth-scroll{flex:1 1 auto;min-height:0;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8bbb2 transparent;padding-bottom:calc(38px + env(safe-area-inset-bottom))}.flow-auth .auth-scroll::-webkit-scrollbar{width:7px}.flow-auth .auth-scroll::-webkit-scrollbar-track{background:transparent}.flow-auth .auth-scroll::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:#c8bbb2;background-clip:padding-box}
@media(max-width:680px){.flow-auth .auth-form-panel{height:auto;min-height:100dvh}.flow-auth .auth-scroll{flex:none;min-height:auto;overflow:visible!important;padding-bottom:calc(38px + env(safe-area-inset-bottom))}}


/* Addon 4.0 — focused premium configurator */
.flow-addon{background:var(--jf-paper)!important}.flow-addon #dataform{counter-reset:addon-step;background:var(--jf-paper)!important}.flow-addon .product-hero{background:radial-gradient(circle at 26% 25%,rgba(229,43,35,.28),transparent 36%),linear-gradient(145deg,#171210 0%,#231815 58%,#351613 100%)!important}.flow-addon .product-hero:before{right:-160px!important;bottom:-110px!important;width:430px!important;height:430px!important;border:76px solid rgba(229,43,35,.12)!important}.flow-addon .product-hero .product-meta{position:relative!important;z-index:3!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:19px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;color:#fff!important}.flow-addon .product-kicker{display:block;margin-bottom:8px;color:#f2a29c;font-size:9px;font-weight:950;letter-spacing:.17em;text-transform:uppercase}.flow-addon .product-title{margin:0 0 10px!important;color:#fff!important;font-size:clamp(27px,3vw,36px)!important;line-height:1!important;letter-spacing:-.045em!important}.flow-addon .product-spec-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.flow-addon .product-price{margin:0!important;padding:7px 10px;border-radius:10px;background:var(--jf-red)!important;color:#fff!important;font-size:15px!important;line-height:1!important}.flow-addon .product-size{margin:0!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.72)!important;font-size:9px!important;line-height:1!important}.flow-addon .product-desc{margin:11px 0 0!important;color:rgba(255,255,255,.62)!important;font-size:12px!important;line-height:1.55!important}.flow-addon .product-hero .points-reward-banner{margin:13px 0 0!important;padding:10px 11px!important;gap:9px!important;border:1px solid rgba(245,184,62,.24)!important;border-radius:13px!important;background:rgba(255,194,72,.1)!important;color:#fff!important}.flow-addon .product-hero .points-icon{width:30px!important;height:30px!important;background:#f2ad22!important;color:#fff!important;font-size:13px!important}.flow-addon .product-hero .points-label,.flow-addon .product-hero .points-sub{color:rgba(255,255,255,.58)!important}.flow-addon .product-hero .points-number,.flow-addon .product-hero .points-text{color:#fff!important}.flow-addon .section-card{counter-increment:addon-step;display:block!important;padding:0!important;border:1px solid rgba(23,19,17,.1)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 25px rgba(35,22,16,.045)!important;overflow:hidden!important}.flow-addon .section-head{position:relative;min-height:64px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;padding:14px 18px!important;margin:0!important;border:0!important;background:#fff!important}.flow-addon .section-head:before{content:counter(addon-step,decimal-leading-zero);flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f4efea;color:#8c8179;font-size:10px;font-weight:950;letter-spacing:.05em}.flow-addon .section-title{flex:1;min-width:0;color:var(--jf-ink)!important;font-size:16px!important;line-height:1.2!important}.flow-addon .section-pill{flex:0 0 auto;padding:5px 9px!important;border:0!important;border-radius:999px!important;background:#eee8e3!important;color:#6e625b!important;font-size:8px!important;letter-spacing:.04em!important}.flow-addon .section-card.is-complete{border-color:rgba(20,138,82,.3)!important}.flow-addon .section-card.is-complete .section-head:before{background:#e6f6ed;color:#12834e}.flow-addon .section-card.is-complete .section-pill{background:#12834e!important;color:#fff!important}.flow-addon .section-sub{display:none!important}.flow-addon .addon-select{width:calc(100% - 36px)!important;min-height:52px!important;margin:0 18px 17px!important;padding:10px 45px 10px 14px!important;border:1px solid #ddd5cf!important;border-radius:13px!important;background-color:#fcfbfa!important;color:var(--jf-ink)!important;font-size:15px!important;font-weight:800!important;box-shadow:none!important}.flow-addon .addon-select:hover{border-color:#c7bab1!important}.flow-addon .addon-select:focus{border-color:var(--jf-red)!important;box-shadow:0 0 0 4px rgba(229,43,35,.08)!important}.flow-addon .addon-select.has-value{border-color:rgba(20,138,82,.42)!important;background:#f6fcf8!important}.flow-addon .options-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:0 18px 18px!important;background:#fff!important}.flow-addon .option-card{position:relative!important;min-height:60px!important;padding:11px 42px 11px 12px!important;border:1px solid #e7e0db!important;border-radius:14px!important;background:#fcfbfa!important;box-shadow:none!important}.flow-addon .option-card:hover{border-color:#d8bbb8!important;background:#fffafa!important}.flow-addon .option-card.is-selected{border-color:var(--jf-red)!important;background:#fff3f1!important;box-shadow:0 0 0 3px rgba(229,43,35,.06)!important}.flow-addon .option-card.is-selected:after{content:"✓";position:absolute;right:11px;top:50%;width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:var(--jf-red);color:#fff;font-size:12px;font-weight:950;transform:translateY(-50%)}.flow-addon .option-title{font-size:13px!important;line-height:1.3!important}.flow-addon .option-meta{margin-top:2px!important;font-size:10px!important;color:var(--jf-muted)!important}.flow-addon .addon-price{color:var(--jf-red)!important;font-size:11px!important;font-weight:900!important}.flow-addon .notes-card{padding:17px 18px 18px!important;border:1px solid rgba(23,19,17,.1)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 25px rgba(35,22,16,.04)!important}.flow-addon .notes-title{font-size:15px!important}.flow-addon .notes-sub{margin:3px 0 10px!important}.flow-addon .notes-field{min-height:74px!important;border-radius:13px!important;background:#fcfbfa!important}.flow-addon .submit-bar{border-top:1px solid rgba(23,19,17,.1)!important;background:rgba(255,255,255,.94)!important;box-shadow:0 -15px 35px rgba(32,19,14,.06)!important}.flow-addon .submit-btn{min-height:56px!important;border-radius:15px!important;background:linear-gradient(105deg,#e52b23,#ff4b3f)!important;box-shadow:0 12px 28px rgba(229,43,35,.25)!important;font-size:15px!important}
@media(min-width:761px){.flow-addon #dataform{grid-template-columns:minmax(350px,38%) minmax(0,1fr)!important;grid-auto-rows:max-content!important;padding-bottom:92px!important}.flow-addon .product-hero{grid-column:1!important;grid-row:1 / span 999!important;position:sticky!important;top:0!important;height:100dvh!important;min-height:100dvh!important;max-height:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;padding:28px!important;border:0!important;border-radius:0!important}.flow-addon .product-image-wrap{position:relative!important;z-index:2!important;width:100%!important;height:auto!important;max-height:310px!important;aspect-ratio:4/3!important;padding:0!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 24px 60px rgba(0,0,0,.25)!important;overflow:hidden!important}.flow-addon .product-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important}.flow-addon .product-hero+.section-card{margin-top:22px!important}.flow-addon .section-card,.flow-addon .notes-card{grid-column:2!important;width:auto!important;margin:0 22px 12px!important}.flow-addon .notes-card{margin-bottom:18px!important}.flow-addon .submit-bar{left:max(350px,38%)!important;right:0!important;width:auto!important;padding:11px 22px!important}.flow-addon .submit-inner{width:100%!important}}
@media(max-width:760px){.flow-addon{height:100vh!important;height:100dvh!important;overflow:hidden!important}.flow-addon .addon-page,.flow-addon .addon-wrap{height:100%!important;min-height:0!important;padding:0!important;background:var(--jf-paper)!important}.flow-addon #dataform{height:100%!important;min-height:0!important;display:block!important;padding:0 0 98px!important;overflow-y:auto!important;overscroll-behavior:contain;background:var(--jf-paper)!important}.flow-addon .addon-topbar{top:max(10px,env(safe-area-inset-top))!important;right:10px!important}.flow-addon .addon-close{width:42px!important;height:42px!important;border-radius:13px!important}.flow-addon .product-hero{position:relative!important;top:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:column!important;padding:15px 15px 22px!important;border:0!important;border-radius:0 0 25px 25px!important;overflow:hidden!important}.flow-addon .product-image-wrap{width:100%!important;height:auto!important;max-height:210px!important;aspect-ratio:16/9!important;padding:0!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:19px!important;background:#fff!important;box-shadow:0 16px 36px rgba(0,0,0,.22)!important;overflow:hidden!important}.flow-addon .product-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important}.flow-addon .product-hero .product-meta{margin-top:15px!important}.flow-addon .product-title{max-width:calc(100% - 45px)!important;font-size:25px!important}.flow-addon .product-desc{font-size:11px!important}.flow-addon .product-hero .points-reward-banner{padding:9px!important}.flow-addon .section-card,.flow-addon .notes-card{width:auto!important;margin:10px 10px 0!important;border-radius:17px!important}.flow-addon .section-head{min-height:59px!important;padding:12px 13px!important;gap:9px!important}.flow-addon .section-head:before{flex-basis:31px;width:31px;height:31px;border-radius:10px}.flow-addon .section-title{font-size:15px!important}.flow-addon .addon-select{width:calc(100% - 26px)!important;min-height:50px!important;margin:0 13px 14px!important;font-size:16px!important}.flow-addon .options-grid{grid-template-columns:1fr!important;gap:7px!important;padding:0 13px 14px!important}.flow-addon .option-card{min-height:57px!important;padding:10px 42px 10px 11px!important}.flow-addon .option-title{font-size:14px!important}.flow-addon .notes-card{margin-bottom:10px!important;padding:15px 13px!important}.flow-addon .notes-field{font-size:16px!important}.flow-addon .submit-bar{left:0!important;right:0!important;width:100%!important;padding:9px 10px max(9px,env(safe-area-inset-bottom))!important}.flow-addon .submit-btn{min-height:55px!important;font-size:16px!important}}

/* Mobile auth: always collapse the desktop marketing column inside the modal */
@media(max-width:760px){.flow-auth{width:100%!important;height:100vh!important;height:100dvh!important;overflow:hidden!important;background:#fff!important}.flow-auth .auth-stage{width:100%!important;height:100%!important;min-height:0!important;display:block!important;overflow:hidden!important}.flow-auth .auth-brand-panel{display:none!important}.flow-auth .auth-form-panel{width:100%!important;height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important}.flow-auth .auth-mobile-brand{flex:0 0 62px!important;height:62px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:9px 62px 9px 13px!important;border-bottom:1px solid var(--jf-line)!important;background:#fff!important}.flow-auth .auth-mobile-brand img{width:42px!important;height:42px!important;border-radius:13px!important}.flow-auth .auth-mobile-brand strong{font-size:14px!important}.flow-auth .flow-close{position:absolute!important;right:10px!important;top:10px!important;width:42px!important;height:42px!important;border-radius:13px!important}.flow-auth .auth-tabs{flex:0 0 58px!important;height:58px!important;display:flex!important;gap:3px!important;padding:7px 10px!important;border-bottom:1px solid var(--jf-line)!important;overflow:hidden!important}.flow-auth .auth-tabs button{min-width:0!important;flex:1 1 0!important;padding:8px 4px!important;border-radius:10px!important;font-size:10px!important;white-space:nowrap!important}.flow-auth .auth-scroll{flex:1 1 auto!important;min-height:0!important;padding:23px 17px calc(32px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;overscroll-behavior:contain!important}.flow-auth .flow-intro{margin-bottom:22px!important}.flow-auth .flow-intro h2{font-size:32px!important;line-height:1!important}.flow-auth .flow-intro p{font-size:12px!important;line-height:1.55!important}.flow-auth .flow-grid{grid-template-columns:1fr!important;gap:13px!important}.flow-auth .flow-field--full{grid-column:auto!important}.flow-auth .flow-field>div{min-height:52px!important}.flow-auth .flow-field input{font-size:16px!important}.flow-auth .auth-switch{margin-top:20px!important;padding-top:17px!important;flex-wrap:wrap!important}}
@media(max-width:370px){.flow-auth .auth-mobile-brand strong{font-size:13px!important}.flow-auth .auth-tabs{padding-left:7px!important;padding-right:7px!important}.flow-auth .auth-tabs button{font-size:9px!important}.flow-auth .auth-scroll{padding-left:13px!important;padding-right:13px!important}.flow-auth .flow-intro h2{font-size:29px!important}}


/* Signup bonus inside registration */
.signup-bonus-card{position:relative;margin:-10px 0 20px;padding:14px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(233,162,12,.28);border-radius:17px;background:linear-gradient(120deg,#fff9e8,#fff3cb);overflow:hidden}.signup-bonus-card:after{content:"";position:absolute;right:-35px;top:-55px;width:125px;height:125px;border:24px solid rgba(233,162,12,.09);border-radius:50%;pointer-events:none}.signup-bonus-star{position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#ffc331,#f59e0b);color:#241600;font-size:22px;box-shadow:0 8px 20px rgba(233,162,12,.2)}.signup-bonus-copy{position:relative;z-index:1;min-width:0;display:grid}.signup-bonus-copy small{color:#a45b00;font-size:8px;font-style:normal;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.signup-bonus-copy strong{margin-top:2px;font-size:15px;letter-spacing:-.01em}.signup-bonus-copy em{margin-top:2px;color:#8b6b43;font-size:9px;font-style:normal}.signup-bonus-card>b{position:relative;z-index:1;color:#a64d00;font-size:21px;letter-spacing:-.03em}.flow-auth .flow-submit{padding:0 15px;font-size:13px}
@media(max-width:700px){.signup-bonus-card{margin:-5px 0 16px;padding:12px;grid-template-columns:40px minmax(0,1fr) auto}.signup-bonus-star{width:40px;height:40px}.signup-bonus-copy strong{font-size:14px}.signup-bonus-copy em{display:none}.signup-bonus-card>b{font-size:18px}}