@import url("anvida-experience-261010-v4.css");

/* V5 preserves the current V4 stylesheet and completes shared button states. */
html body :is(#header,#content,#footer,#miniAtc) :is(.btn:not(.btn-icon),.mini-atc-btn,.av4-action,.av4-mix__tools button).av5-brand-button,
html body.ordering-process #content .btn.av5-brand-button,
html body .se-webform-v2-slideup-trigger,
html body .se-webform-v2-slideup-container[id] #se-webform-1.se-webform .se-submit button {
  background:#0b225a!important;
  background-image:none!important;
  border-color:#0b225a!important;
  color:#fff!important;
  border-radius:12px;
  transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s,transform .22s!important;
}
html body :is(#header,#content,#footer,#miniAtc) .av5-brand-button:not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible),
html body.ordering-process #content .btn.av5-brand-button:not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible),
html body .se-webform-v2-slideup-trigger:is(:hover,:focus-visible),
html body .se-webform-v2-slideup-container[id] #se-webform-1.se-webform .se-submit button:not(:disabled):is(:hover,:focus-visible) {
  background:#d7ff16!important;
  background-image:none!important;
  border-color:#d7ff16!important;
  color:#0b225a!important;
  box-shadow:0 7px 22px #0b225a24;
  transform:translateY(-2px);
}
html body :is(#header,#content,#footer,#miniAtc) .av5-brand-button :is(span,b,strong),
html body #se-webform-1.se-webform .se-submit button :is(span,b,strong) {color:inherit!important}
html body :is(#header,#content,#footer,#miniAtc) .av5-brand-button:focus-visible,
html body .se-webform-v2-slideup-trigger:focus-visible,
html body #se-webform-1.se-webform .se-submit button:focus-visible {outline:3px solid #6081de!important;outline-offset:4px}
html body :is(#header,#content,#footer,#miniAtc) .av5-brand-button:disabled,
html body #se-webform-1.se-webform .se-submit button:disabled {opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}
html body #content .av4-mix .av4-action--secondary {background:#eaf0fb!important;border-color:#d4dfef!important;color:#0b225a!important}
html body #content .av4-mix .av4-action--secondary:not(:disabled):is(:hover,:focus-visible) {background:#0b225a!important;border-color:#0b225a!important;color:#d7ff16!important}
html body #content .av4-mix__crate {background:linear-gradient(115deg,#0b225a,#173b91)!important;box-shadow:0 10px 22px #0b225a24;border-bottom:4px solid #d7ff16}
html body #content .av4-mix__crate:before {background:#d7ff161f;border-inline:1px solid #d7ff1659}
html body #content .av4-mix__crate span {color:#d7ff16!important}
html body #content .av4-mix__meter span {background:#0b225a}
html body .se-webform-v2-slideup-trigger {padding:15px 20px!important;cursor:pointer;box-shadow:0 8px 24px #0b225a26;font-weight:750!important}
html body #se-webform-1.se-webform .se-submit button {min-height:46px;font-weight:750}

.av5-flight {position:fixed;z-index:2147483600;pointer-events:none;object-fit:contain;transform-origin:center;will-change:transform,opacity;filter:drop-shadow(0 12px 14px #0b225a45);contain:layout style}
.av5-flight--mix {display:flex;flex-direction:column;padding:7px;border:1px solid #d7e1f1;border-radius:14px;background:#fff}
.av5-flight--mix .av5-flight__rack {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;flex:1;min-height:0;overflow:hidden}
.av5-flight--mix .av5-flight__rack img {width:100%;height:100%;min-height:0;object-fit:contain}
.av5-flight__crate {height:25px;display:grid;place-items:center;flex-shrink:0;border-radius:0 0 7px 7px;background:#0b225a;color:#d7ff16;font-size:12px;font-weight:900;letter-spacing:.08em}
.av5-cart-dock {position:fixed;right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));z-index:2147483599;display:grid;justify-items:center;gap:3px;padding:12px 16px;border:2px solid #d7ff16;border-radius:17px;background:#0b225a;color:#d7ff16;box-shadow:0 8px 28px #0b225a45;pointer-events:none}
.av5-cart-dock svg {width:32px;height:32px}
.av5-cart-dock span {font:750 11px/1.2 Poppins,sans-serif;color:#fff}
.av5-cart-catch {animation:av5-cart-catch .38s ease-out!important}
@keyframes av5-cart-catch {0%,100%{transform:translateX(0) rotate(0)}20%{transform:translateX(-6px) rotate(-5deg) scale(1.08)}45%{transform:translateX(5px) rotate(4deg)}70%{transform:translateX(-3px) rotate(-2deg)}}
@media(prefers-reduced-motion:reduce) {
  html body .av5-brand-button,html body .se-webform-v2-slideup-trigger,html body #se-webform-1.se-webform .se-submit button {transition:none!important;transform:none!important}
  .av5-flight,.av5-cart-dock {display:none!important}
  .av5-cart-catch {animation:none!important}
}

/* Cover native homepage, search/related lists, and the body-level cart popup. */
html body :is(#header,#content,#footer,#miniAtc,#cart-widget,main.content,.products,.popup-widget,.anv-story) .av7-brand-button.av5-brand-button:not(.btn-icon) {
  background:#0b225a!important;background-image:none!important;border-color:#0b225a!important;color:#fff!important;
  border-radius:12px;text-decoration:none!important;
  transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s,transform .22s!important;
}
html body :is(#header,#content,#footer,#miniAtc,#cart-widget,main.content,.products,.popup-widget,.anv-story) .av7-brand-button.av5-brand-button:not(.btn-icon):not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible) {
  background:#d7ff16!important;border-color:#d7ff16!important;color:#0b225a!important;
  box-shadow:0 7px 22px #0b225a24;transform:translateY(-2px);
}
html body :is(#header,#content,#footer,#miniAtc,#cart-widget,main.content,.products,.popup-widget,.anv-story) .av7-brand-button.av5-brand-button :is(span,b,strong) {color:inherit!important}
html body .av7-brand-button:focus-visible {outline:3px solid #6081de!important;outline-offset:4px}
html body .av7-brand-button:is(:disabled,[aria-disabled="true"]) {opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}

/* The inverted CTA remains distinct against its navy section. */
html body #content .anv-story .anv-bottom-cta__button.av7-brand-button.av5-brand-button {
  background:#d7ff16!important;border-color:#d7ff16!important;color:#0b225a!important;min-height:50px;
}
html body #content .anv-story .anv-bottom-cta__button.av7-brand-button.av5-brand-button:not([aria-disabled="true"]):is(:hover,:focus-visible) {
  background:#0b225a!important;border-color:#d7ff16!important;color:#d7ff16!important;
}
html body #content .anv-story .anv-bottom-cta__button.av7-brand-button span {
  background:transparent!important;border:1px solid currentColor;color:inherit!important;
}
html body #content .anv-story .anv-bottom-cta__image {object-fit:contain!important;image-rendering:auto;filter:none!important;background:#fff;padding:5px}
html body #content .anv-story .anv-intro__visual img {object-fit:contain!important;background:#fff}

/* Keep actions in their own normal-flow block, with room for focus and motion. */
html body #content .av4-mix__summary {min-width:0;overflow:visible;padding:24px}
html body #content .av4-mix__crate::before,
html body #content .av4-mix__crate::after {content:none!important;display:none!important}
html body #content .av4-mix__rack {min-height:116px;padding-top:16px}
html body #content .av4-mix__rack>img {height:100px}
html body #content .av4-mix__actions {position:static!important;display:grid;grid-template-columns:minmax(0,1fr);gap:13px;margin-top:20px;padding:3px;clear:both;isolation:isolate}
html body #content .av4-mix__actions .av4-action {
  position:static!important;inset:auto!important;display:flex;align-items:center;justify-content:center;
  width:100%;max-width:100%;min-height:50px;height:auto;margin:0;padding:14px 16px;line-height:1.4;
  white-space:normal;text-align:center;overflow-wrap:anywhere;text-decoration:none!important;box-sizing:border-box;
}
html body #content .av4-mix__guide {margin-top:18px}
html body #content .av4-mix__tools button {min-height:46px;padding:11px 14px;text-decoration:none!important}

/* A visible source thumbnail makes the longer flight originate in the choice. */
html body .anv-story .anv-flavor.av7-flavor-choice {gap:12px;min-height:72px}
html body .anv-story .anv-flavor.av7-flavor-choice i {display:none}
html body .anv-story .anv-flavor .av7-flavor-thumb {flex:0 0 44px;width:44px;height:48px;object-fit:contain;border-radius:7px;background:#fff}
html body .anv-story .av7-flavor-stage.is-flashing::before {animation:none!important;opacity:0}
html body .anv-story .av7-flavor-stage.is-entering>img {animation:none!important}
html body .anv-story .av7-flavor-stage.av7-flavor-arrived>[data-anv-flavor-image] {animation:av7-flavor-arrive .24s ease-out}
.av7-flavor-flight {position:fixed;z-index:2147483598;display:block;pointer-events:none;object-fit:contain;border:4px solid #fff;border-radius:12px;background:#fff;box-shadow:0 14px 32px #0b225a45;transform-origin:center;will-change:transform;box-sizing:border-box}
@keyframes av7-flavor-arrive {0%{transform:scale(.97)}60%{transform:scale(1.025)}100%{transform:scale(1)}}
@media(max-width:991px) {
  html body #content .av4-mix__layout {grid-template-columns:minmax(0,1fr);gap:28px}
  html body #content .av4-mix__summary {width:100%;max-width:640px;margin-inline:auto}
}
@media(max-width:767px) {
  html body #content .av4-mix__summary {padding:18px}
  html body #content .av4-mix__actions {padding:4px;margin-top:18px;gap:14px}
  html body #content .av4-mix__tools {display:flex;flex-wrap:wrap;gap:12px}
}
@media(prefers-reduced-motion:reduce) {
  html body :is(#header,#content,#footer,#miniAtc,#cart-widget,main.content,.products,.popup-widget,.anv-story) .av7-brand-button.av5-brand-button:not(.btn-icon),
  html body :is(#header,#content,#footer,#miniAtc,#cart-widget,main.content,.products,.popup-widget,.anv-story) .av7-brand-button.av5-brand-button:not(.btn-icon):not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible) {transition:none!important;transform:none!important}
  .av7-flavor-flight {display:none!important}
  html body .anv-story .av7-flavor-stage.av7-flavor-arrived>[data-anv-flavor-image] {animation:none!important}
}

/* 2026-10-12: remove the native -15px mobile trigger margin. */
@media(max-width:767px){html body .se-webform-v2-slideup-trigger{bottom:0!important;margin-bottom:0!important}}