/*! Nyxo tiers v1.0.0: Bundle & Save box, bulk line, kit note, cart note. Hand-written. Scope: body.nx3t + 5 IDs (beats legacy html body:not(#mx) and the commerce body.nx3c + 5 IDs layer, which loads earlier). */

/* Legacy Bundle & Save UI (WPCode #181 tiles, product-page strip, #234 drawer progress) is retired. */
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .mol-bundle-select,
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .molpp-strip,
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) #molDrawer .mol-drawer__progress{display:none !important}

/* Place in the PDP summary (a flex column whose known children carry an order): note after the head, box after the form. */
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) div.product .summary > .nx3t-kitnote{order:1 !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) div.product .summary > .nx3t-box{order:2 !important}

/* Box */
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-box{display:block !important;margin:16px 0 4px !important;padding:16px !important;border-radius:22px !important;background:#fff !important;box-shadow:inset 0 0 0 1.5px var(--nx3-line,#E5EAF4) !important;font-family:var(--nx3-font,'Manrope',ui-sans-serif,system-ui,sans-serif) !important;color:var(--nx3-ink,#1B2A4E) !important;max-width:100% !important;box-sizing:border-box !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-box.is-empty .nx3t-box__in{display:none !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-box.is-empty .nx3t-bulk{margin-top:0 !important;padding-top:0 !important;border-top:0 !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-box--kit{padding:12px 16px !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-box__head{display:flex !important;flex-wrap:wrap !important;align-items:baseline !important;gap:4px 10px !important;margin:0 0 12px !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-box__t{font:800 17px/1.2 var(--nx3-font,'Manrope',sans-serif) !important;letter-spacing:-.01em !important;color:var(--nx3-ink,#1B2A4E) !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-box__s{font:600 13px/1.35 var(--nx3-font,'Manrope',sans-serif) !important;color:var(--nx3-ink-3,#67728C) !important}

/* Tiles */
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tiles{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:8px !important;margin:0 !important;padding:12px 0 0 !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile{position:relative !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;gap:2px !important;min-width:0 !important;min-height:96px !important;margin:0 !important;padding:16px 4px 10px !important;border:0 !important;border-radius:18px !important;background:#fff !important;box-shadow:inset 0 0 0 1.5px var(--nx3-line-2,#D6DEEE) !important;color:var(--nx3-ink,#1B2A4E) !important;font-family:var(--nx3-font,'Manrope',sans-serif) !important;text-align:center !important;text-transform:none !important;letter-spacing:0 !important;line-height:1.2 !important;cursor:pointer !important;transition:box-shadow .2s,background-color .2s,transform .2s !important;-webkit-tap-highlight-color:transparent !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile:hover{box-shadow:inset 0 0 0 1.5px var(--nx3-ink,#1B2A4E) !important;background:#fff !important;color:var(--nx3-ink,#1B2A4E) !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile:focus-visible{outline:2px solid var(--nx3-blue,#2559DB) !important;outline-offset:2px !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile.is-on{background:var(--nx3-ice,#E9F0FF) !important;box-shadow:inset 0 0 0 2px var(--nx3-blue,#2559DB) !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile__tag{position:absolute !important;top:-9px !important;left:50% !important;transform:translateX(-50%) !important;max-width:calc(100% + 6px) !important;padding:3px 7px !important;border-radius:999px !important;background:var(--nx3-ink-3,#67728C) !important;color:#fff !important;font:800 9.5px/1.1 var(--nx3-font,'Manrope',sans-serif) !important;letter-spacing:.04em !important;text-transform:uppercase !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile__tag:empty{display:none !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile--best .nx3t-tile__tag{background:linear-gradient(135deg,var(--nx3-blue-hi,#3168EC),var(--nx3-blue-deep,#1C47BD)) !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile.is-on .nx3t-tile__tag{background:var(--nx3-blue,#2559DB) !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile__q{display:block !important;font:800 15px/1.2 var(--nx3-font,'Manrope',sans-serif) !important;color:inherit !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile__pct{display:inline-block !important;min-height:18px !important;padding:1px 7px !important;border-radius:999px !important;background:var(--nx3-green-bg,#E8F7EE) !important;color:var(--nx3-green-ink,#0F6B33) !important;font:800 12px/16px var(--nx3-font,'Manrope',sans-serif) !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile[data-q="1"] .nx3t-tile__pct,
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile.is-flat .nx3t-tile__pct{background:transparent !important;color:var(--nx3-ink-3,#67728C) !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile__u{display:block !important;margin-top:4px !important;font:800 14px/1.2 var(--nx3-font,'Manrope',sans-serif) !important;color:var(--nx3-ink,#1B2A4E) !important;font-variant-numeric:tabular-nums !important;white-space:nowrap !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile.is-on .nx3t-tile__u{color:var(--nx3-blue-ink,#1D4FD0) !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile__per{display:block !important;font:600 11px/1.2 var(--nx3-font,'Manrope',sans-serif) !important;color:var(--nx3-ink-3,#67728C) !important}

/* Notes */
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-note{margin:12px 0 0 !important;padding:0 !important;font:600 12.5px/1.45 var(--nx3-font,'Manrope',sans-serif) !important;color:var(--nx3-ink-2,#4A5878) !important}
html.nx3-ended body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-note__hw,
html.nyxo-night-expired body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-note__hw{display:none !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-bulk{display:flex !important;align-items:center !important;gap:8px !important;margin:12px 0 0 !important;padding:12px 0 0 !important;border-top:1px solid var(--nx3-line,#E5EAF4) !important;font:700 13px/1.4 var(--nx3-font,'Manrope',sans-serif) !important;color:var(--nx3-ink,#1B2A4E) !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-box--kit .nx3t-bulk{margin:0 !important;padding:0 !important;border:0 !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-bulk__i{flex:0 0 auto !important;width:20px !important;height:20px !important;border-radius:999px !important;background:var(--nx3-ice,#E9F0FF) !important;box-shadow:inset 0 0 0 1.5px var(--nx3-blue,#2559DB) !important;position:relative !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-bulk__i::after{content:"" !important;position:absolute !important;left:6px !important;top:5px !important;width:8px !important;height:10px !important;background:linear-gradient(var(--nx3-blue,#2559DB),var(--nx3-blue,#2559DB)) 0 6px/2px 4px no-repeat,linear-gradient(var(--nx3-blue,#2559DB),var(--nx3-blue,#2559DB)) 3px 3px/2px 7px no-repeat,linear-gradient(var(--nx3-blue,#2559DB),var(--nx3-blue,#2559DB)) 6px 0/2px 10px no-repeat !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-kitnote{display:flex !important;flex-wrap:wrap !important;align-items:baseline !important;gap:4px 10px !important;margin:-4px 0 14px !important;font-family:var(--nx3-font,'Manrope',sans-serif) !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-kitnote b{display:inline-block !important;padding:4px 10px !important;border-radius:999px !important;background:var(--nx3-green-bg,#E8F7EE) !important;color:var(--nx3-green-ink,#0F6B33) !important;font:800 12.5px/1.3 var(--nx3-font,'Manrope',sans-serif) !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-kitnote span{font:600 13px/1.3 var(--nx3-font,'Manrope',sans-serif) !important;color:var(--nx3-ink-3,#67728C) !important}

/* Cart / drawer: Bundle & Save won, so the treat basket is hidden and explained. */
html.nx3t-bundle body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .moltb,
html.nx3t-bundle body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .moltb-dh{display:none !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-cartnote{margin:0 0 14px !important;padding:12px 16px !important;border-radius:16px !important;background:var(--nx3-ice,#E9F0FF) !important;color:var(--nx3-ink,#1B2A4E) !important;font:700 13.5px/1.45 var(--nx3-font,'Manrope',sans-serif) !important}
html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) #molDrawer .nx3t-cartnote{margin:0 20px 12px !important;font-size:12.5px !important}

@media (max-width:420px){
	html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-box{padding:14px 12px !important}
	html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tiles{gap:6px !important}
	html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile{min-height:88px !important;padding:15px 2px 8px !important;border-radius:16px !important}
	html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile__q{font-size:13.5px !important}
	html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile__u{font-size:12.5px !important}
	html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile__per{font-size:10px !important}
	html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile__tag{font-size:8.5px !important;padding:3px 5px !important;letter-spacing:.02em !important}
}
@media (prefers-reduced-motion:reduce){
	html body.nx3t:not(#nt1):not(#nt2):not(#nt3):not(#nt4):not(#nt5) .nx3t-tile{transition:none !important}
}