.axo-kb .axo-kb-intro-hidden{display:none!important}.axo-kb .axo-kb-builder[hidden]{display:none!important}.axo-kb .axo-kb-builder-active{display:block!important}.axo-kb-intro{padding:24px 0 28px}.axo-kb-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:28px;align-items:stretch;border-bottom:1px solid var(--line);padding-bottom:28px}.axo-kb-hero-copy{padding:10px 4px}.axo-kb-kicker{display:inline-block;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);margin-bottom:18px}.axo-kb-hero-copy h1{margin:0 0 12px;font-size:58px;line-height:.98;letter-spacing:-.04em}.axo-kb-hero-copy p{max-width:640px;font-size:20px;line-height:1.6;color:#475467;margin:0 0 28px}.axo-kb-intro-cards{display:flex;flex-wrap:wrap;gap:14px}.axo-kb-intro-card{min-width:190px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;border:1px solid var(--line);background:#fff;border-radius:24px;padding:26px 28px;cursor:pointer;color:#0d1428;transition:.18s ease}.axo-kb-intro-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.08);border-color:#c8d6ff}.axo-kb-intro-card strong{font-size:64px;line-height:1}.axo-kb-intro-card span{font-size:18px;color:#344054}.axo-kb-intro-card em{display:inline-flex;font-style:normal;background:var(--navy);color:#fff;border-radius:999px;padding:8px 12px;font-size:15px;font-weight:700;margin-top:8px}.axo-kb-intro-card b{font-size:26px;font-weight:700;margin-top:8px}.axo-kb-hero-visual{position:relative;min-height:420px;border-radius:28px;background:linear-gradient(135deg,#eff5fb 0%,#f9fbff 45%,#e6f1fb 100%);overflow:hidden;padding:34px;display:flex;align-items:flex-end;justify-content:flex-end}.axo-kb-visual-card{border-radius:26px;background:rgba(255,255,255,.78);backdrop-filter:blur(10px);box-shadow:0 20px 60px rgba(15,23,42,.12)}.axo-kb-visual-main{max-width:370px;padding:28px 28px 24px}.axo-kb-visual-main span{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#667085;margin-bottom:12px}.axo-kb-visual-main strong{display:block;font-size:34px;line-height:1.1;margin-bottom:12px}.axo-kb-visual-main p{margin:0;color:#475467;line-height:1.6;font-size:16px}.axo-kb-visual-mini{position:absolute;border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.13);padding:14px 16px;font-weight:700;color:#0d1428}.axo-kb-visual-mini-a{left:34px;bottom:42px}.axo-kb-visual-mini-b{left:120px;bottom:128px}.axo-kb-how{padding:52px 0 8px;max-width:980px;margin:0 auto}.axo-kb-how h2{font-size:30px;line-height:1.15;margin:0 0 22px}.axo-kb-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.axo-kb-how-grid>div{border:1px solid var(--line);border-radius:22px;padding:22px;background:#fff;display:flex;gap:16px;align-items:flex-start}.axo-kb-how-grid strong{font-size:22px;color:var(--navy)}.axo-kb-how-grid span{display:block;line-height:1.6;color:#475467}.axo-kb-builder{padding-top:18px}.axo-kb{--navy:#030d2b;--line:#dfe5ed;--muted:#667085;--green:#20a94a;--blue:#1f57df;--bg:#f8fafc;font-family:inherit;color:#0d1428;max-width:1440px;margin:0 auto}.axo-kb *{box-sizing:border-box}.axo-kb button{font:inherit}.axo-kb-topbar{display:flex;justify-content:space-between;align-items:center;padding:22px 2px;border-bottom:1px solid var(--line);margin-bottom:28px}.axo-kb-topbar h2{font-size:29px;line-height:1.1;margin:0 0 5px}.axo-kb-subtitle{font-size:14px;color:#344054}.axo-kb-subtitle strong{color:var(--green)}.axo-kb-change-size{background:#fff;border:1px solid var(--line);border-radius:18px;padding:11px 18px;cursor:pointer;color:#17213b}.axo-kb-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:32px;align-items:start}.axo-kb-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.axo-kb-card{display:flex;flex-direction:column;padding:0;text-align:left;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;cursor:pointer;min-width:0;transition:.18s ease;position:relative;color:inherit}.axo-kb-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.08)}.axo-kb-card.is-selected{box-shadow:0 0 0 2px rgba(3,13,43,.22)}.axo-kb-card-media{height:230px;background:linear-gradient(145deg,#eef5fb,#f8f1ea);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.axo-kb-card-media img{width:100%;height:100%;object-fit:contain;padding:16px}.axo-kb-cat,.axo-kb-sizes{position:absolute;z-index:2;top:10px;font-size:9px;letter-spacing:.09em;text-transform:uppercase;border-radius:999px;padding:4px 8px}.axo-kb-cat{left:10px;background:rgba(255,255,255,.9);color:#667085;max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axo-kb-sizes{right:10px;background:var(--blue);color:#fff}.axo-kb-selected-mark{display:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#fff;align-items:center;justify-content:center;font-size:24px;box-shadow:0 6px 24px rgba(0,0,0,.15)}.axo-kb-card.is-selected .axo-kb-card-media:after{content:"";position:absolute;inset:0;background:rgba(3,13,43,.35)}.axo-kb-card.is-selected .axo-kb-selected-mark{display:flex;z-index:3}.axo-kb-card-body{display:flex;flex-direction:column;gap:4px;padding:14px 14px 16px;min-height:128px}.axo-kb-card-body>strong{font-size:16px;line-height:1.2}.axo-kb-card-body small{font-size:12px;color:var(--muted);line-height:1.35;min-height:32px}.axo-kb-card-body b{font-size:15px;margin-top:auto}.axo-kb-sidebar{position:sticky;top:24px}.axo-kb-panel{border-radius:20px;background:#f2f6f9;box-shadow:0 16px 30px rgba(15,23,42,.12);overflow:hidden}.axo-kb-panel-head{background:var(--navy);color:#fff;padding:20px 20px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center}.axo-kb-panel-head strong{display:block;font-size:16px}.axo-kb-panel-head small{display:block;color:#9aa6bb;margin-top:5px}.axo-kb-progress-wrap{display:flex;align-items:center;gap:8px;font-size:12px}.axo-kb-dots{display:flex;gap:3px;max-width:110px;flex-wrap:wrap;justify-content:flex-end}.axo-kb-dots i{width:7px;height:7px;background:#46506a;border-radius:50%}.axo-kb-dots i.on{background:#30bf66}.axo-kb-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:22px 18px 26px}.axo-kb-slot{min-width:0;text-align:center;position:relative}.axo-kb-slot>img,.axo-kb-empty-num{width:48px;height:48px;border-radius:50%;margin:0 auto 6px;display:flex;align-items:center;justify-content:center}.axo-kb-slot>img{object-fit:contain;background:#fff;border:2px solid #fff;box-shadow:0 2px 8px rgba(15,23,42,.12)}.axo-kb-empty-num{border:2px dashed #cbd5df;color:#98a2b3;background:transparent}.axo-kb-slot>span:not(.axo-kb-empty-num){display:block;font-size:9px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axo-kb-remove-unit{position:absolute;top:-4px;right:2px;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:#fff;color:#344054;box-shadow:0 2px 7px rgba(0,0,0,.15);cursor:pointer;line-height:20px}.axo-kb-totals{padding:18px 5px 8px}.axo-kb-totals>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;font-size:14px}.axo-kb-totals hr{border:0;border-top:1px solid var(--line);margin:5px 0}.axo-kb-totals .axo-kb-saving{color:var(--green)}.axo-kb-grand{font-size:17px!important}.axo-kb-status,.axo-kb-add-cart{width:100%;border-radius:16px;padding:15px 16px;margin-top:10px;border:1px solid var(--line);background:#fff;color:#344054}.axo-kb-status b{color:#0d1428}.axo-kb-status.is-complete,.axo-kb-add-cart{background:var(--navy);color:#fff;border-color:var(--navy);cursor:pointer}.axo-kb-mobilebar{display:none}.axo-kb-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:20px}.axo-kb-modal.is-open{display:flex}.axo-kb-backdrop{position:absolute;inset:0;background:rgba(18,28,49,.62);backdrop-filter:blur(4px)}.axo-kb-dialog{width:min(390px,100%);position:relative;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.25);animation:axoKbIn .18s ease-out}.axo-kb-modal-head{display:grid;grid-template-columns:58px 1fr 38px;align-items:center;gap:13px;background:var(--navy);color:#fff;padding:20px}.axo-kb-modal-image{width:58px;height:58px;border-radius:18px;object-fit:contain;background:#f8fafc}.axo-kb-modal-head h3{font-size:17px;margin:0 0 4px}.axo-kb-modal-head p{font-size:12px;color:#a9b3c5;margin:0}.axo-kb-close{border:0;background:rgba(255,255,255,.1);color:inherit;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.axo-kb-modal-body{padding:20px}.axo-kb-modal-body label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#344054;margin:0 0 10px}.axo-kb-variation-wrap{margin-bottom:18px}.axo-kb-variations,.axo-kb-qty{display:flex;flex-wrap:wrap;gap:9px}.axo-kb-option,.axo-kb-qty-btn{border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 12px;cursor:pointer;color:#101828}.axo-kb-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.axo-kb-option strong{font-size:14px}.axo-kb-option small{font-size:11px;color:#667085}.axo-kb-option.is-active,.axo-kb-qty-btn.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.axo-kb-option.is-active small{color:#c6cddd}.axo-kb-qty-btn{min-width:46px;height:46px;padding:0}.axo-kb-confirm{width:100%;margin-top:18px;background:var(--navy);color:#fff;border:0;border-radius:18px;padding:16px;cursor:pointer;font-weight:700}.axo-kb-cancel,.axo-kb-keep{display:block;border:0;background:transparent;margin:14px auto 0;padding:6px 10px;color:#344054;cursor:pointer}.axo-kb-simple-head{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--navy);color:#fff}.axo-kb-simple-head h3{margin:0;font-size:18px}.axo-kb-size-options{padding:18px;display:grid;gap:10px}.axo-kb-size-options button{display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px;cursor:pointer}.axo-kb-size-options button:hover{border-color:#9db7ff}.axo-kb-size-options span{color:var(--green);font-weight:600}.axo-kb-complete-head{background:var(--navy);color:#fff;text-align:center;padding:28px 20px}.axo-kb-check{width:58px;height:58px;margin:0 auto 13px;border-radius:50%;background:#2bb35a;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 0 0 10px rgba(43,179,90,.12),0 0 0 20px rgba(43,179,90,.07)}.axo-kb-complete-head h3{font-size:25px;margin:20px 0 5px}.axo-kb-complete-head p{margin:0;color:#b6becd}.axo-kb-complete-head strong{color:#35c96d}.axo-kb-complete-body{padding:24px}.axo-kb-upgrade{width:100%;display:flex;align-items:center;justify-content:space-between;border:2px solid #c8d6ff;background:#fff;border-radius:18px;padding:14px 16px;text-align:left;cursor:pointer}.axo-kb-upgrade span{display:flex;flex-direction:column;gap:3px}.axo-kb-upgrade small{color:#475467}.axo-kb-upgrade b{width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:21px}.axo-kb-upgrade small::first-letter{color:var(--green)}.axo-kb-complete-add{width:100%;margin-top:14px;background:var(--navy);color:#fff;border:0;border-radius:18px;padding:16px;font-weight:700;cursor:pointer}.axo-kb-no-scroll{overflow:hidden}@keyframes axoKbIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media (max-width:1180px){.axo-kb-hero{grid-template-columns:1fr}.axo-kb-hero-copy h1{font-size:48px}.axo-kb-how-grid{grid-template-columns:1fr}.axo-kb-hero-visual{min-height:300px} .axo-kb-products{grid-template-columns:repeat(3,minmax(0,1fr))}.axo-kb-layout{grid-template-columns:minmax(0,1fr) 340px}}
@media (max-width:900px){.axo-kb-intro{padding-top:10px}.axo-kb-hero-copy h1{font-size:36px}.axo-kb-hero-copy p{font-size:16px;line-height:1.55}.axo-kb-intro-card{min-width:150px;padding:20px}.axo-kb-intro-card strong{font-size:48px}.axo-kb-intro-card b{font-size:22px}.axo-kb-hero-visual{display:none}.axo-kb-how{padding-top:34px}.axo-kb-how h2{font-size:25px} .axo-kb{padding:0 12px 86px}.axo-kb-topbar{margin-bottom:16px}.axo-kb-topbar h2{font-size:24px}.axo-kb-layout{display:block}.axo-kb-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.axo-kb-card{border-radius:17px}.axo-kb-card-media{height:170px}.axo-kb-card-body{padding:11px;min-height:112px}.axo-kb-card-body>strong{font-size:14px}.axo-kb-sidebar{display:none;position:fixed;z-index:999998;left:10px;right:10px;bottom:78px;top:auto;background:#fff;border-radius:22px;padding:12px;max-height:72vh;overflow:auto;box-shadow:0 20px 70px rgba(15,23,42,.28)}.axo-kb-sidebar.is-mobile-open{display:block}.axo-kb-mobilebar{display:block!important;position:fixed;left:0;right:0;bottom:0;z-index:999997;padding:10px 12px;background:rgba(255,255,255,.94);border-top:1px solid var(--line);backdrop-filter:blur(8px)}.axo-kb-mobile-summary{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:0;border-radius:16px;background:var(--navy);color:#fff;padding:14px 16px;text-align:left}.axo-kb-mobile-text{font-size:12px;color:#d4dae6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axo-kb-change-size{padding:9px 12px}.axo-kb-totals{padding-left:0;padding-right:0}}
@media (max-width:520px){.axo-kb-intro-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.axo-kb-intro-card{min-width:0;padding:16px;border-radius:18px}.axo-kb-intro-card strong{font-size:42px}.axo-kb-intro-card span{font-size:15px}.axo-kb-intro-card em{font-size:12px;padding:6px 10px}.axo-kb-intro-card b{font-size:18px}.axo-kb-how-grid>div{padding:18px;border-radius:18px} .axo-kb{padding-left:8px;padding-right:8px}.axo-kb-card-media{height:145px}.axo-kb-card-media img{padding:9px}.axo-kb-cat{max-width:58%;font-size:7px}.axo-kb-sizes{font-size:7px}.axo-kb-topbar{padding:16px 1px}.axo-kb-topbar h2{font-size:21px}.axo-kb-subtitle{font-size:12px}.axo-kb-slots{gap:8px;padding:18px 12px 22px}.axo-kb-slot>img,.axo-kb-empty-num{width:42px;height:42px}.axo-kb-dialog{border-radius:22px}.axo-kb-modal{padding:10px;align-items:flex-end}.axo-kb-dialog{width:100%;max-height:88vh;overflow:auto;border-radius:24px 24px 16px 16px}.axo-kb-card-body small{display:none}.axo-kb-card-body{min-height:85px}.axo-kb-card-body b{font-size:13px}}

/* Theme presets */
.axo-kb-theme-soft-blue{--navy:#0b2a57;--blue:#3273dc;--green:#199b55;--line:#d8e5f3;--muted:#60738b}.axo-kb-theme-soft-blue .axo-kb-hero-visual{background:linear-gradient(135deg,#e8f3ff 0%,#f8fbff 50%,#dcecff 100%)}.axo-kb-theme-soft-blue .axo-kb-card-media{background:linear-gradient(145deg,#edf6ff,#f8fbff)}.axo-kb-theme-soft-blue .axo-kb-panel{background:#f0f6fc}
.axo-kb-theme-sage{--navy:#173a32;--blue:#4c7b6d;--green:#2f8a58;--line:#dce6df;--muted:#65766d}.axo-kb-theme-sage .axo-kb-hero-visual{background:linear-gradient(135deg,#eef5ef 0%,#fbfcf8 50%,#e4eee7 100%)}.axo-kb-theme-sage .axo-kb-card-media{background:linear-gradient(145deg,#eef5ef,#faf8f0)}.axo-kb-theme-sage .axo-kb-panel{background:#f1f6f2}.axo-kb-theme-sage .axo-kb-kicker{color:#4c7b6d}
.axo-kb-theme-mono{--navy:#111827;--blue:#374151;--green:#4b5563;--line:#d7dce2;--muted:#667085}.axo-kb-theme-mono .axo-kb-hero-visual{background:linear-gradient(135deg,#f1f3f5 0%,#ffffff 48%,#e9ecef 100%)}.axo-kb-theme-mono .axo-kb-card-media{background:linear-gradient(145deg,#f0f1f3,#fafafa)}.axo-kb-theme-mono .axo-kb-panel{background:#f3f4f6}.axo-kb-theme-mono .axo-kb-dots i.on{background:#111827}.axo-kb-theme-mono .axo-kb-saving,.axo-kb-theme-mono .axo-kb-complete-head strong{color:#374151}
.axo-kb-theme-warm{--navy:#3b2d28;--blue:#9a6648;--green:#58745d;--line:#e7ddd5;--muted:#776c65}.axo-kb-theme-warm .axo-kb-hero-visual{background:linear-gradient(135deg,#f7efe8 0%,#fffdf9 50%,#f0e5dc 100%)}.axo-kb-theme-warm .axo-kb-card-media{background:linear-gradient(145deg,#f8efe8,#fbf7f0)}.axo-kb-theme-warm .axo-kb-panel{background:#f8f3ef}.axo-kb-theme-warm .axo-kb-kicker{color:#9a6648}

/* Layout style presets */
.axo-kb-style-compact .axo-kb-intro{padding:14px 0 20px}.axo-kb-style-compact .axo-kb-hero{gap:18px;padding-bottom:20px}.axo-kb-style-compact .axo-kb-hero-copy h1{font-size:46px}.axo-kb-style-compact .axo-kb-hero-copy p{font-size:17px;margin-bottom:20px}.axo-kb-style-compact .axo-kb-intro-card{min-width:160px;border-radius:16px;padding:18px 20px}.axo-kb-style-compact .axo-kb-intro-card strong{font-size:50px}.axo-kb-style-compact .axo-kb-intro-card b{font-size:21px}.axo-kb-style-compact .axo-kb-hero-visual{min-height:330px;border-radius:18px;padding:24px}.axo-kb-style-compact .axo-kb-visual-card{border-radius:16px}.axo-kb-style-compact .axo-kb-how{padding-top:34px}.axo-kb-style-compact .axo-kb-how-grid{gap:12px}.axo-kb-style-compact .axo-kb-how-grid>div{border-radius:14px;padding:16px}.axo-kb-style-compact .axo-kb-products{gap:9px}.axo-kb-style-compact .axo-kb-card{border-radius:14px}.axo-kb-style-compact .axo-kb-card-media{height:195px}.axo-kb-style-compact .axo-kb-card-body{padding:11px;min-height:108px}.axo-kb-style-compact .axo-kb-panel{border-radius:14px}.axo-kb-style-compact .axo-kb-status,.axo-kb-style-compact .axo-kb-add-cart{border-radius:12px}.axo-kb-style-compact .axo-kb-dialog{border-radius:18px}
.axo-kb-style-minimal .axo-kb-hero{gap:24px}.axo-kb-style-minimal .axo-kb-intro-card,.axo-kb-style-minimal .axo-kb-how-grid>div,.axo-kb-style-minimal .axo-kb-card,.axo-kb-style-minimal .axo-kb-panel,.axo-kb-style-minimal .axo-kb-status,.axo-kb-style-minimal .axo-kb-add-cart,.axo-kb-style-minimal .axo-kb-dialog,.axo-kb-style-minimal .axo-kb-hero-visual,.axo-kb-style-minimal .axo-kb-visual-card{border-radius:8px}.axo-kb-style-minimal .axo-kb-intro-card,.axo-kb-style-minimal .axo-kb-how-grid>div,.axo-kb-style-minimal .axo-kb-card{box-shadow:none}.axo-kb-style-minimal .axo-kb-card:hover,.axo-kb-style-minimal .axo-kb-intro-card:hover{transform:none;box-shadow:none}.axo-kb-style-minimal .axo-kb-panel{box-shadow:none;border:1px solid var(--line)}.axo-kb-style-minimal .axo-kb-visual-card,.axo-kb-style-minimal .axo-kb-visual-mini{box-shadow:none;border:1px solid var(--line)}.axo-kb-style-minimal .axo-kb-intro-card em{border-radius:6px}.axo-kb-style-minimal .axo-kb-option,.axo-kb-style-minimal .axo-kb-qty-btn,.axo-kb-style-minimal .axo-kb-size-options button,.axo-kb-style-minimal .axo-kb-complete-add,.axo-kb-style-minimal .axo-kb-upgrade{border-radius:8px}

/* Hero image controls */
.axo-kb-hero-no-visual{grid-template-columns:minmax(0,1fr)}
.axo-kb-hero-no-visual .axo-kb-hero-copy{max-width:820px}
.axo-kb-hero-image-wrap{display:block!important;position:relative!important;padding:0!important;min-height:0!important;height:var(--axo-kb-hero-height,420px)!important;border-radius:var(--axo-kb-hero-radius,28px)!important;overflow:hidden!important;background:#eef4fa}
.axo-kb .axo-kb-hero-image-wrap .axo-kb-hero-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:cover!important;object-position:center center!important}
.axo-kb .axo-kb-fit-cover .axo-kb-hero-image{object-fit:cover!important}
.axo-kb .axo-kb-fit-contain .axo-kb-hero-image{object-fit:contain!important}
.axo-kb .axo-kb-pos-left .axo-kb-hero-image{object-position:left center!important}
.axo-kb .axo-kb-pos-center .axo-kb-hero-image{object-position:center center!important}
.axo-kb .axo-kb-pos-right .axo-kb-hero-image{object-position:right center!important}
.axo-kb-image-overlay{position:absolute;right:24px;bottom:24px;z-index:2;max-width:min(370px,calc(100% - 48px));background:rgba(255,255,255,.88)}
@media (max-width:900px){
  .axo-kb .axo-kb-hero-image-wrap{display:none!important;height:min(var(--axo-kb-hero-height,420px),320px)}
  .axo-kb .axo-kb-hero-image-wrap.axo-kb-show-mobile{display:block!important;margin-top:18px}
  .axo-kb .axo-kb-image-overlay{right:14px;bottom:14px;max-width:calc(100% - 28px);padding:18px}
}
@media (max-width:520px){
  .axo-kb .axo-kb-hero-image-wrap.axo-kb-show-mobile{height:min(var(--axo-kb-hero-height,420px),240px)}
  .axo-kb .axo-kb-image-overlay{display:none}
}


/* Mobile sticky summary with selected vial thumbnails */
@media (max-width:900px){
  .axo-kb-mobile-summary{grid-template-columns:auto 1fr auto!important;gap:12px!important;padding:10px 12px!important;background:#fff!important;color:#101828!important;box-shadow:0 12px 30px rgba(15,23,42,.12)!important}
  .axo-kb-mobile-thumbs{display:flex;align-items:center;min-width:84px}
  .axo-kb-mobile-thumb,.axo-kb-mobile-more,.axo-kb-mobile-empty{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 40px;border:2px solid #fff;box-shadow:0 2px 8px rgba(15,23,42,.12);background:#f8fafc;color:#0d1428;font-weight:700}
  .axo-kb-mobile-thumb + .axo-kb-mobile-thumb,.axo-kb-mobile-thumb + .axo-kb-mobile-more,.axo-kb-mobile-thumb + .axo-kb-mobile-empty,.axo-kb-mobile-more + .axo-kb-mobile-thumb{margin-left:-10px}
  .axo-kb-mobile-thumb img{width:100%;height:100%;object-fit:contain;border-radius:50%;background:#fff}
  .axo-kb-mobile-more{background:var(--navy);color:#fff}
  .axo-kb-mobile-empty{border:2px dashed #cbd5df;box-shadow:none;color:#98a2b3;background:transparent}
  .axo-kb-mobile-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
  .axo-kb-mobile-progress{font-size:13px;line-height:1.2;color:#0d1428;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .axo-kb-mobile-text{font-size:12px!important;line-height:1.25;color:var(--green)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .axo-kb-mobile-total{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;padding:0 16px;border-radius:18px;background:var(--navy);color:#fff;min-height:48px;white-space:nowrap}
}
@media (max-width:520px){
  .axo-kb-mobile-summary{gap:9px!important;padding:8px 10px!important}
  .axo-kb-mobile-thumb,.axo-kb-mobile-more,.axo-kb-mobile-empty{width:34px;height:34px;flex-basis:34px;font-size:12px}
  .axo-kb-mobile-thumb + .axo-kb-mobile-thumb,.axo-kb-mobile-thumb + .axo-kb-mobile-more,.axo-kb-mobile-thumb + .axo-kb-mobile-empty,.axo-kb-mobile-more + .axo-kb-mobile-thumb{margin-left:-8px}
  .axo-kb-mobile-progress{font-size:12px}
  .axo-kb-mobile-total{padding:0 13px;min-height:44px;font-size:14px}
}