@layer components{.mf-coldchain-journey{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--background);gap:1rem;margin-top:clamp(1.25rem,4vw,2rem);padding:clamp(1.1rem,4vw,1.75rem);display:grid}.mf-delivery-journey-panel .mf-coldchain-journey{background:var(--surface);margin-top:0}.mf-coldchain-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.mf-coldchain-heading p{color:var(--foreground);letter-spacing:0;word-break:keep-all;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;line-height:1.12}.mf-coldchain-heading-copy{flex-wrap:wrap;align-items:center;gap:.75rem;min-width:0;display:flex}.mf-coldchain-overview-trigger{border-radius:var(--radius-pill);background:var(--ink);min-height:2.75rem;color:var(--primary-foreground);cursor:pointer;font:inherit;text-align:left;word-break:keep-all;transition:background-color .15s var(--mf-ease-out), transform .12s var(--mf-ease-out);border:0;justify-content:center;align-items:center;gap:.65rem;padding:.65rem .85rem .65rem 1rem;font-size:.8125rem;font-weight:600;line-height:1.2;display:inline-flex}.mf-coldchain-overview-trigger:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.mf-coldchain-overview-trigger:active{transform:scale(.97)}.mf-coldchain-overview-plus{border-radius:var(--radius-pill);border:1px solid #ffffff6b;flex:none;width:1.5rem;height:1.5rem;position:relative}.mf-coldchain-overview-plus:before,.mf-coldchain-overview-plus:after{content:"";background:currentColor;width:.55rem;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mf-coldchain-overview-plus:after{transform:translate(-50%,-50%)rotate(90deg)}.mf-coldchain-badges{flex-wrap:wrap;gap:.4rem;display:flex}.mf-coldchain-badges span{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));border-radius:var(--radius-pill);min-height:2rem;color:var(--muted);align-items:center;padding-inline:.75rem;font-size:.8125rem;font-weight:600;line-height:1;display:inline-flex}.mf-coldchain-map{min-width:0;padding-block:.25rem;position:relative}.mf-coldchain-line{width:100%;height:100%;color:color-mix(in srgb, var(--primary) 44%, var(--border));pointer-events:none;position:absolute;inset-block-start:0;inset-inline-start:0}.mf-coldchain-line path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0}.mf-reveal-enabled .mf-coldchain-line path{stroke-dashoffset:100px;transition:stroke-dashoffset var(--mf-reveal-duration) var(--mf-reveal-easing)}.mf-reveal-enabled .mf-coldchain-map:has(.mf-coldchain-node-group[data-revealed=true]) .mf-coldchain-line path{stroke-dashoffset:0}.mf-coldchain-line-desktop{display:none}.mf-coldchain-line-desktop path{stroke-width:3.5px}.mf-coldchain-line-mobile{width:3.5rem;inset-inline-start:.4rem}.mf-coldchain-line-mobile path{stroke-width:2.29px}.mf-coldchain-nodes{z-index:1;gap:.9rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.mf-reveal-enabled .mf-coldchain-node-group.mf-reveal{opacity:1;transition:none;transform:none}.mf-reveal-enabled .mf-coldchain-node-group .mf-coldchain-nodes>li{opacity:.15;transform:translateY(var(--mf-reveal-distance));transition-duration:var(--mf-reveal-duration);transition-property:opacity,transform;transition-timing-function:var(--mf-reveal-easing)}.mf-reveal-enabled .mf-coldchain-node-group .mf-coldchain-nodes>li:first-child{transition-delay:48ms}.mf-reveal-enabled .mf-coldchain-node-group .mf-coldchain-nodes>li:nth-child(2){transition-delay:96ms}.mf-reveal-enabled .mf-coldchain-node-group .mf-coldchain-nodes>li:nth-child(3){transition-delay:.144s}.mf-reveal-enabled .mf-coldchain-node-group .mf-coldchain-nodes>li:nth-child(4){transition-delay:.192s}.mf-reveal-enabled .mf-coldchain-node-group[data-revealed=true] .mf-coldchain-nodes>li{opacity:1;transform:none}.mf-coldchain-nodes li{min-width:0}.mf-coldchain-node{width:100%;min-width:0;color:inherit;text-align:left;grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:.75rem;padding:.35rem .4rem;display:grid}.mf-coldchain-node-dot{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border));border-radius:var(--radius-pill);background:var(--surface);width:3.5rem;height:3.5rem;color:var(--primary);box-shadow:0 0 0 var(--mf-coldchain-halo,.5rem) var(--background);place-items:center;display:grid;position:relative}.mf-coldchain-node-dot .mf-delivery-icon{width:1.35rem;height:1.35rem}@media (hover:hover) and (pointer:fine){.mf-coldchain-overview-trigger:hover{background:var(--primary)}}.mf-coldchain-node-label{gap:.35rem;width:100%;min-width:0;display:grid}.mf-coldchain-node-index{border-bottom:1px solid var(--border);min-width:0;color:var(--muted);padding-block-end:.35rem;font-size:.8125rem;font-weight:600;line-height:1}.mf-coldchain-nodes strong{color:var(--foreground);word-break:keep-all;font-size:clamp(1rem,3vw,1.2rem);font-weight:700;line-height:1.2}.mf-coldchain-facts{border-top:1px solid var(--border);min-width:0;padding-top:1rem;display:grid}.mf-coldchain-facts ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 0;min-width:0;margin:0;padding:0;list-style:none;display:grid}.mf-coldchain-facts li{border-inline-start:1px solid var(--border);min-width:0;color:var(--muted);font-size:var(--mf-body-sm);overflow-wrap:anywhere;padding:.25rem .75rem;font-weight:700;line-height:1.4}.mf-coldchain-facts li:nth-child(odd){border-inline-start:0;padding-inline-start:0}.mf-coldchain-spotlight-overlay{z-index:1000;background:var(--surface);opacity:0;pointer-events:none;transition:opacity .24s var(--mf-ease-out);justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0;overflow-y:auto}.mf-coldchain-spotlight-overlay.is-open{opacity:1;pointer-events:auto}.mf-coldchain-spotlight-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);width:100%;max-width:42.5rem;max-height:calc(100dvh - 2.5rem);transition:transform .24s var(--mf-ease-out);margin-block:auto;padding:clamp(1.75rem,4vw,2.75rem) clamp(1.5rem,4vw,2.75rem) clamp(1.5rem,3vw,2rem);position:relative;overflow-y:auto;transform:scale(.98)}.mf-coldchain-spotlight-overlay.is-open .mf-coldchain-spotlight-card{transform:scale(1)}.mf-coldchain-spotlight-close{border-radius:var(--radius-pill);background:var(--mf-section-band-cool);width:2.75rem;height:2.75rem;color:var(--foreground);cursor:pointer;border:0;place-items:center;display:grid;position:absolute;top:.75rem;right:.75rem}.mf-coldchain-spotlight-close:focus-visible,.mf-coldchain-overview-next:focus-visible,.mf-coldchain-spotlight-arrow:focus-visible,.mf-coldchain-spotlight-dot:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.mf-coldchain-spotlight-close svg{width:1rem;height:1rem}.mf-coldchain-spotlight-icon{border-radius:var(--radius-pill);background:var(--mf-section-band-cool);width:4.25rem;height:4.25rem;color:var(--primary);place-items:center;display:grid}.mf-coldchain-spotlight-icon .mf-delivery-icon{width:2rem;height:2rem}.mf-coldchain-spotlight-badges{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.mf-coldchain-spotlight-badges span{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));border-radius:var(--radius-pill);min-height:1.75rem;color:var(--muted);align-items:center;padding-inline:.65rem;font-size:.8125rem;font-weight:600;display:inline-flex}.mf-coldchain-spotlight-index{color:var(--primary);font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-top:1.1rem;font-size:.8125rem;font-weight:700}.mf-coldchain-spotlight-title{font-size:var(--mf-title-card);margin-top:.35rem;font-weight:700;line-height:1.25}.mf-coldchain-spotlight-description{max-width:32rem;color:var(--muted);font-size:var(--mf-body-sm);margin-top:.85rem;line-height:1.65}.mf-coldchain-overview-cards{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:1.5rem 0 0;padding:1.1rem 0 0;display:grid}.mf-coldchain-overview-cards section{border-inline-start:1px solid var(--border);min-width:0;padding:.2rem .9rem}.mf-coldchain-overview-cards section:first-child{border-inline-start:0;padding-inline-start:0}.mf-coldchain-overview-cards h3{color:var(--foreground);font-size:var(--mf-title-card-sm);font-weight:700;line-height:1.35}.mf-coldchain-overview-cards p{color:var(--muted);font-size:var(--mf-body-sm);margin-top:.45rem;line-height:1.65}.mf-coldchain-overview-next{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);min-height:2.75rem;color:var(--foreground);cursor:pointer;font:inherit;transition:border-color .15s var(--mf-ease-out), transform .12s var(--mf-ease-out);justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding-inline:1rem .8rem;font-size:.8125rem;font-weight:600;display:inline-flex}.mf-coldchain-overview-next:active{transform:scale(.97)}.mf-coldchain-overview-next svg{width:1rem;height:1rem}.mf-coldchain-spotlight-navigation{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.1rem;display:flex}.mf-coldchain-spotlight-arrow{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;transition:border-color .15s var(--mf-ease-out), transform .12s var(--mf-ease-out);flex:none;place-items:center;display:grid}.mf-coldchain-spotlight-arrow:active{transform:scale(.94)}.mf-coldchain-spotlight-arrow svg{width:1.05rem;height:1.05rem}.mf-coldchain-chevron-previous{transform:rotate(180deg)}.mf-coldchain-spotlight-dots{align-items:center;gap:0;display:flex}.mf-coldchain-spotlight-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid}.mf-coldchain-spotlight-dot:before{border-radius:var(--radius-pill);background:var(--border);content:"";width:.5rem;height:.5rem;transition:background-color .15s var(--mf-ease-out), transform .15s var(--mf-ease-out)}.mf-coldchain-spotlight-dot[aria-current=step]:before{background:var(--primary);transform:scale(1.3)}@media (hover:hover) and (pointer:fine){.mf-coldchain-spotlight-close:hover{color:var(--primary)}.mf-coldchain-spotlight-arrow:hover,.mf-coldchain-overview-next:hover{border-color:var(--primary);color:var(--primary)}.mf-coldchain-spotlight-dot:hover:not([aria-current=step]):before{background:var(--primary)}}@media (max-width:767px){.mf-coldchain-node-dot{--mf-coldchain-halo:.25rem}}@media (max-width:30rem){.mf-coldchain-spotlight-overlay{align-items:center;padding:.75rem}.mf-coldchain-spotlight-card{border-radius:var(--radius-card);width:100%;max-width:none;padding:2.5rem 1.25rem 1.5rem}.mf-coldchain-spotlight-icon{width:3.5rem;height:3.5rem}.mf-coldchain-spotlight-icon .mf-delivery-icon{width:1.65rem;height:1.65rem}.mf-coldchain-spotlight-dots{grid-template-columns:repeat(3,2.75rem);display:grid}.mf-coldchain-overview-cards{grid-template-columns:1fr}.mf-coldchain-overview-cards section{border-inline-start:0;border-top:1px solid var(--border);padding:.85rem 0 0}.mf-coldchain-overview-cards section:first-child{border-top:0;padding-top:0}}.mf-delivery-card-kicker{align-items:center;min-width:0;display:flex}.mf-delivery-icon{width:1.5rem;height:1.5rem}.mf-delivery-card .mf-delivery-title{font-size:var(--mf-title-card-sm)}.mf-delivery-checks li{grid-template-columns:1rem minmax(0,1fr);gap:.5rem;display:grid}.mf-delivery-checks li:before,.mf-delivery-days li:before{content:"";transform-origin:50%;border-bottom:2px solid;border-left:2px solid;width:.65rem;height:.38rem;margin-top:.32rem;transform:rotate(-45deg)}.mf-delivery-checks li:before{color:var(--color-action)}.mf-delivery-days{flex-wrap:wrap;gap:.45rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.mf-delivery-days li{border:1px solid var(--border);border-radius:var(--radius-pill);min-height:2.25rem;color:var(--muted);align-items:center;gap:.35rem;padding-inline:.7rem;font-size:.875rem;font-weight:700;line-height:1;display:inline-flex}.mf-delivery-days li:before{color:var(--color-action);margin-top:0}.mf-reveal-enabled .mf-delivery-card .mf-delivery-checks li:before,.mf-reveal-enabled .mf-delivery-card .mf-delivery-days li:before{opacity:0;transition-duration:var(--mf-reveal-duration);transition-property:opacity,transform;transition-timing-function:var(--mf-reveal-easing);transform:rotate(-45deg)scale(.95)}.mf-reveal-enabled .mf-delivery-card[data-revealed=true] .mf-delivery-checks li:before,.mf-reveal-enabled .mf-delivery-card[data-revealed=true] .mf-delivery-days li:before{opacity:1;transform:rotate(-45deg)scale(1)}@media (min-width:768px){.mf-coldchain-line-desktop{height:4rem;display:block;inset-block:1rem auto}.mf-coldchain-line-mobile{display:none}.mf-coldchain-map{padding-block:1rem .2rem}.mf-coldchain-nodes{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.mf-coldchain-node{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.mf-coldchain-node-label{text-align:center;justify-items:center}.mf-coldchain-node-index{text-align:center;width:100%}.mf-coldchain-node-dot{width:4rem;height:4rem}.mf-coldchain-facts ul{grid-template-columns:repeat(4,minmax(0,1fr))}.mf-coldchain-facts li:nth-child(odd){border-inline-start:1px solid var(--border);padding-inline-start:.75rem}.mf-coldchain-facts li:first-child{border-inline-start:0;padding-inline-start:0}.mf-delivery-card-list{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-delivery-card{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.mf-coldchain-overview-trigger,.mf-coldchain-overview-next,.mf-coldchain-spotlight-overlay,.mf-coldchain-spotlight-card,.mf-coldchain-spotlight-arrow,.mf-coldchain-spotlight-dot{transition:none}.mf-coldchain-overview-trigger:active,.mf-coldchain-overview-next:active,.mf-coldchain-spotlight-arrow:active{transform:none}.mf-reveal-enabled .mf-delivery-card .mf-delivery-checks li:before,.mf-reveal-enabled .mf-delivery-card .mf-delivery-days li:before,.mf-reveal-enabled .mf-delivery-card[data-revealed=true] .mf-delivery-checks li:before,.mf-reveal-enabled .mf-delivery-card[data-revealed=true] .mf-delivery-days li:before,.mf-reveal-enabled .mf-coldchain-line path{opacity:1;stroke-dasharray:none;stroke-dashoffset:0;transition:none;animation:none;transform:none}.mf-reveal-enabled .mf-coldchain-map:has(.mf-coldchain-node-group[data-revealed=true]) .mf-coldchain-line path{opacity:1;stroke-dasharray:none;stroke-dashoffset:0;transition:none;animation:none;transform:none}.mf-reveal-enabled .mf-coldchain-node-group .mf-coldchain-nodes>li:nth-child(n){opacity:1;transition:none;transform:none}}}
