/* BioAqua UX focus v5 — compact checkout and mobile primary positioning */
[data-page-primary]{scroll-margin-top:118px}

.checkout-page--focused{background:#f6f9fc}
.checkout-mini-hero{padding:30px 0 24px;background:linear-gradient(180deg,#edf7ff 0%,#f6f9fc 100%);border-bottom:1px solid #dce8f3}
.checkout-mini-hero .container{max-width:1120px}
.checkout-mini-hero span{color:#0873c7;font-size:.68rem;font-weight:900;letter-spacing:.11em}
.checkout-mini-hero h1{margin:7px 0 5px;color:#062e60;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.25rem);font-weight:500;line-height:1.05}
.checkout-mini-hero p{margin:0;color:#62788d;font-size:.88rem}
.checkout-focus-section{padding:32px 0 90px}
.checkout-focus-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;align-items:start;max-width:1120px}
.checkout-focus-form,.checkout-focus-summary{border:1px solid #dce6ef;border-radius:24px;background:#fff;box-shadow:0 16px 45px rgba(7,46,93,.07)}
.checkout-focus-form{padding:28px}
.checkout-focus-summary{padding:22px;position:sticky;top:158px}

.checkout-order-glance{display:none}
.checkout-focus-heading{margin-bottom:22px;display:flex;align-items:flex-start;gap:14px}
.checkout-focus-heading__icon{flex:0 0 42px;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#0759ad,#0b83dc);display:grid;place-items:center;font-weight:900;box-shadow:0 10px 24px rgba(7,89,173,.18)}
.checkout-focus-heading small{color:#0a72c6;font-size:.62rem;font-weight:900;letter-spacing:.12em}
.checkout-focus-heading h2{margin:4px 0 5px;color:#082f61;font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:500;line-height:1.08}
.checkout-focus-heading p{margin:0;color:#6b7f91;font-size:.8rem;line-height:1.5}

.checkout-friendly-error{margin:0 0 16px;padding:12px 14px;border:1px solid #f0b8bf;border-radius:12px;color:#9d2635;background:#fff3f4;font-size:.8rem;font-weight:700}
.checkout-focus-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.checkout-focus-fields label{min-width:0;margin:0;display:block}
.checkout-focus-fields label:last-child{grid-column:1/-1}
.checkout-focus-fields label>span{margin:0 0 7px;display:flex;align-items:center;gap:8px;color:#173b60;font-size:.78rem;font-weight:850}
.checkout-focus-fields label>span em{margin-inline-start:auto;padding:3px 7px;border-radius:999px;color:#ad424b;background:#fff0f1;font-size:.54rem;font-style:normal;text-transform:uppercase;letter-spacing:.04em}
.checkout-focus-fields label>small{display:block;margin-top:6px;color:#71869a;font-size:.64rem;line-height:1.4}
.checkout-focus-fields .field-shell{height:54px;padding:0 14px;border:1.5px solid #cad9e6;border-radius:13px;background:#fff;display:flex;align-items:center;gap:10px;transition:border-color .2s,box-shadow .2s,background .2s}
.checkout-focus-fields .field-shell--textarea{height:auto;min-height:94px;align-items:flex-start;padding-top:14px}
.checkout-focus-fields .field-shell .icon{flex:0 0 20px;width:20px;height:20px;color:#7990a6}
.checkout-focus-fields input,.checkout-focus-fields textarea{width:100%;min-width:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0;font-size:16px;color:#17324f}
.checkout-focus-fields input{height:50px}
.checkout-focus-fields textarea{min-height:72px;resize:vertical}
.checkout-focus-fields label:focus-within .field-shell{border-color:#0877cb;box-shadow:0 0 0 4px rgba(8,119,203,.11);background:#fbfdff}
.checkout-focus-fields label.is-complete .field-shell{border-color:#74c9aa;background:#fbfffd}
.checkout-focus-fields label.is-next:not(:focus-within) .field-shell{border-color:#0b7bd3;animation:checkoutFieldHint 1.3s ease-in-out 3}
.checkout-focus-fields input[aria-invalid=true],.checkout-focus-fields textarea[aria-invalid=true]{color:#8d2633}
.checkout-focus-fields label:has(input[aria-invalid=true]) .field-shell,.checkout-focus-fields label:has(textarea[aria-invalid=true]) .field-shell{border-color:#d74455;box-shadow:0 0 0 4px rgba(215,68,85,.12)}
@keyframes checkoutFieldHint{0%,100%{box-shadow:0 0 0 0 rgba(11,123,211,0)}50%{box-shadow:0 0 0 5px rgba(11,123,211,.13)}}

.checkout-focus-trust{margin:20px 0 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.checkout-focus-trust span{min-height:42px;padding:8px;border:1px solid #dfebf4;border-radius:11px;color:#49657e;background:#f7fbfe;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:.6rem;font-weight:750}
.checkout-focus-trust .icon{width:16px;height:16px;color:#0873c7}
.checkout-focus-submit{min-height:58px!important;display:flex!important;align-items:center;justify-content:center;gap:12px;border-radius:15px!important;box-shadow:none!important}
.checkout-focus-submit strong{padding-inline-start:12px;border-inline-start:1px solid rgba(255,255,255,.35)}
.checkout-focus-consent{margin:10px 0 0;color:#75899b;text-align:center;font-size:.63rem;line-height:1.45}
.checkout-focus-summary .checkout-summary__head{margin-bottom:12px}
.checkout-focus-summary .checkout-items{max-height:320px;overflow:auto}
.checkout-focus-summary .checkout-items article{grid-template-columns:62px 1fr auto;gap:10px}
.checkout-focus-summary .checkout-items img{width:62px;height:62px;object-fit:cover;border-radius:12px;background:#f4f8fb}
.checkout-focus-summary .summary-lines{margin-top:12px}
.mobile-checkout-bar--focused{display:none}

@media(max-width:850px){
  [data-page-primary]{scroll-margin-top:84px}
  .checkout-page--focused{padding-bottom:98px}
  .checkout-page--focused .footer-assurance,.checkout-page--focused .site-footer,.checkout-page--focused .back-to-top{display:none!important}
  .checkout-mini-hero{padding:14px 0 12px}
  .checkout-mini-hero .container{width:min(100% - 28px,1120px)}
  .checkout-mini-hero span{font-size:.55rem}
  .checkout-mini-hero h1{margin:4px 0 2px;font-size:1.55rem}
  .checkout-mini-hero p{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .checkout-focus-section{padding:12px 0 24px}
  .checkout-focus-grid{width:min(100% - 20px,1120px);display:flex;flex-direction:column;gap:10px}
  .checkout-focus-form{order:0;width:100%;padding:14px;border-radius:18px;box-shadow:none}
  .checkout-focus-summary{order:1;width:100%;display:none;position:static;padding:15px;border-radius:17px;box-shadow:none}
  .checkout-focus-summary.is-open{display:block}
  .checkout-order-glance{margin-bottom:14px;padding:9px;border:1px solid #d9e7f2;border-radius:14px;background:#f7fbfe;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:10px}
  .checkout-order-glance img{width:54px;height:54px;border-radius:11px;background:#fff;object-fit:cover}
  .checkout-order-glance div{min-width:0}
  .checkout-order-glance small,.checkout-order-glance strong,.checkout-order-glance span{display:block}
  .checkout-order-glance small{color:#0873c7;font-size:.54rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
  .checkout-order-glance strong{margin-top:2px;overflow:hidden;color:#173957;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}
  .checkout-order-glance span{margin-top:3px;color:#6c8194;font-size:.61rem}
  .checkout-order-glance span b{color:#082f61;font-size:.72rem}
  .checkout-order-glance button{padding:8px;border:0;border-radius:9px;color:#0759ad;background:#e9f4fc;font-size:.6rem;font-weight:850}
  .checkout-focus-heading{margin-bottom:14px;gap:10px}
  .checkout-focus-heading__icon{width:34px;height:34px;flex-basis:34px;border-radius:10px;font-size:.72rem;box-shadow:none}
  .checkout-focus-heading small{font-size:.52rem}
  .checkout-focus-heading h2{margin:2px 0 3px;font-size:1.45rem}
  .checkout-focus-heading p{font-size:.68rem}
  .checkout-focus-fields{grid-template-columns:1fr;gap:12px}
  .checkout-focus-fields label:last-child{grid-column:auto}
  .checkout-focus-fields label>span{font-size:.72rem}
  .checkout-focus-fields .field-shell{height:52px;border-radius:12px}
  .checkout-focus-fields .field-shell--textarea{min-height:88px}
  .checkout-focus-fields label>small{font-size:.6rem}
  .checkout-focus-trust{margin:14px 0 12px;grid-template-columns:1fr 1fr 1fr;gap:5px}
  .checkout-focus-trust span{min-height:38px;padding:6px 4px;font-size:.51rem;line-height:1.25}
  .checkout-focus-submit{min-height:54px!important}
  .checkout-focus-consent{font-size:.58rem}
  .mobile-checkout-bar--focused{position:fixed;z-index:100;left:8px;right:8px;bottom:8px;min-height:64px;padding:8px 8px 8px 13px;border:1px solid #cbdce9;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 12px 36px rgba(4,40,83,.2);display:flex;align-items:center;justify-content:space-between;gap:10px}
  .mobile-checkout-bar--focused small,.mobile-checkout-bar--focused strong{display:block}
  .mobile-checkout-bar--focused small{color:#72869a;font-size:.54rem}
  .mobile-checkout-bar--focused strong{color:#082f61;font-size:1rem}
  .mobile-checkout-bar--focused button{height:48px;max-width:65%;padding:0 16px;border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,#0759ad,#0b83dc);font-size:.7rem;font-weight:900}
  .checkout-page--focused .whatsapp-button{bottom:82px!important}
}

@media(max-width:390px){
  .checkout-mini-hero p{display:none}
  .checkout-focus-trust span:nth-child(3){display:none}
  .checkout-focus-trust{grid-template-columns:1fr 1fr}
  .mobile-checkout-bar--focused button{font-size:.62rem;padding-inline:12px}
}

@media(prefers-reduced-motion:reduce){.checkout-focus-fields label.is-next .field-shell{animation:none}}

@media(max-width:850px){
  .checkout-page--focused .mobile-bottom-nav{display:none!important}
}