.ship-calc{container-type:inline-size;container-name:shipcalc;--_font:var(--fontPrecision);--_max-width:var(--maxwidth);--_color-primary:var(--color-blue);--_color-text:var(--color-gray-13);--_color-muted:var(--color-gray-44);--_color-border:var(--color-gray-75);--_color-bg:var(--color-white);--_color-bg-alt:var(--color-gray-97);--_color-error:#c41230;--_color-success:#00875a;--_radius:.5rem;--_transition:var(--transition-duration) ease;font-family:var(--_font);color:var(--_color-text);line-height:1.5;max-width:var(--_max-width);margin:0 auto;padding:var(--margin-md);background:var(--color-gray-92);border-radius:var(--_radius);margin-bottom:3.5rem}
.ship-calc--top-gap{margin-top:3.5rem}
.ship-calc--no-gap{margin-bottom:0;@container shipcalc(max-width:480px){padding-bottom:1rem}
}
.ship-calc *,.ship-calc *::before,.ship-calc *::after{box-sizing:border-box}
.ship-calc__title{font-size:2rem;font-weight:500;margin:0 0 var(--margin-md);color:var(--color-gray-13);text-align:center}
.ship-calc__form{display:grid;gap:var(--margin-md)}
.ship-calc__fieldset{border:0;padding:0;margin:0}
.ship-calc__legend{font-size:1rem;font-weight:700;color:var(--_color-primary);margin-bottom:.375rem;padding:0;transform:translateY(0);transition:transform .2s ease}
.ship-calc__legend-hint,.ship-calc__label-hint{font-weight:400;color:var(--color-gray-31);font-size:.875rem}
.ship-calc__legend:has(+ .ship-calc__dims .ship-calc__input:focus),.ship-calc__legend:has(+ .ship-calc__dims .ship-calc__input:not(:placeholder-shown)){transform:translateY(-1rem)}
.ship-calc__pkg-options{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}
.ship-calc__pkg-divider{color:var(--_color-muted);font-size:1rem;font-weight:400}
.ship-calc__pkg-option{position:relative;cursor:pointer}
.ship-calc__radio{position:absolute;opacity:0;width:0;height:0}
.ship-calc__pkg-card{display:grid;grid-template-columns:5rem 1fr;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:var(--_radius);background:linear-gradient(135deg,hsl(211,100%,34%) 0,hsl(203,100%,42%) 21%,hsl(228,45%,44%) 50%,hsl(303,43%,44%) 81%,hsl(321,92%,42%) 100%);color:var(--color-white);transition:outline-color var(--_transition),box-shadow var(--_transition);min-height:5.5rem}
.ship-calc__radio:checked+.ship-calc__pkg-card{outline:3px solid hsl(120,60%,45%) !important;outline-offset:3px}
.ship-calc__radio:focus-visible+.ship-calc__pkg-card{outline:2px solid var(--_color-primary);outline-offset:2px}
.ship-calc__pkg-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.2)}
.ship-calc__pkg-icon{width:5.5rem;height:4.5rem;flex-shrink:0}
.ship-calc__pkg-icon svg{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 2px 3px rgba(0,0,0,0.2))}
.ship-calc__pkg-text{display:flex;flex-direction:column;gap:.125rem}
.ship-calc__pkg-label{font-weight:700;font-size:1.125rem;color:var(--color-white);display:block}
.ship-calc__pkg-desc{font-size:.8125rem;font-weight:300;color:rgba(255,255,255,0.85)}
.ship-calc__zip-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}
.ship-calc__field--zip{width:100%}
.ship-calc__zip-arrow{width:3.5rem;height:1.5rem;color:var(--_color-primary)}
.ship-calc__zip-arrow svg{display:block;width:100%;height:100%}
.ship-calc__field{display:flex;flex-direction:column;gap:.375rem}
.ship-calc__label{font-size:1rem;font-weight:700;color:var(--_color-primary)}
.ship-calc__input{width:100%;padding:.875rem 1rem;font-size:1rem;font-family:inherit;font-weight:300;border:1px solid var(--_color-border);border-radius:var(--_radius);background:var(--_color-bg);color:var(--_color-text);transition:border-color var(--_transition)}
.ship-calc__input::placeholder{color:var(--_color-muted)}
.ship-calc__input:hover{border-color:var(--_color-muted)}
.ship-calc__input:focus{outline:0;border-color:var(--_color-primary);box-shadow:0 0 0 2px rgba(0,79,163,0.2)}
.ship-calc__input--error{border-color:var(--_color-error);background-color:hsl(354,100%,97%)}
.ship-calc__error{font-size:.8125rem;font-weight:300;color:var(--_color-error);min-height:1.25rem;visibility:hidden}
.ship-calc__error--visible{visibility:visible}
.ship-calc__label-notice{display:none;font-weight:400;font-size:.75rem;color:var(--_color-muted);margin-left:.25rem}
.ship-calc__label-notice--visible{display:inline}
.ship-calc__input--disabled{background-color:var(--_color-bg-alt);color:var(--_color-text);cursor:not-allowed}
.ship-calc__dims{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ship-calc__input--dim::placeholder{color:transparent}
.ship-calc__field--float{position:relative}
.ship-calc__label--float{position:absolute;left:1rem;top:35%;transform:translateY(-50%);font-size:1rem;font-weight:400;color:var(--_color-muted);background:transparent;padding:0 .25rem;pointer-events:none;transition:all .2s ease;transform-origin:left center}
.ship-calc__input--dim:focus ~ .ship-calc__label--float,.ship-calc__input--dim:not(:placeholder-shown) ~ .ship-calc__label--float{top:-0.3rem;transform:translateY(-50%) scale(0.8);font-size:.875rem;padding:.1rem .5rem;font-weight:700;color:var(--_color-primary);background-color:var(--color-white);border-top-left-radius:.3rem;border-top-right-radius:.3rem}
.ship-calc__weight-row{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:2rem}
.ship-calc__weight{display:flex;align-items:end;gap:.5rem}
.ship-calc__field--wt{display:flex;flex-direction:column;gap:.375rem}
.ship-calc__field--wt .ship-calc__label{font-size:1rem;font-weight:700;color:var(--_color-primary)}
.ship-calc__weight-unit{display:flex;align-items:flex-end;gap:.5rem}
.ship-calc__input--wt{width:6rem;text-align:center}
.ship-calc__unit-label{font-size:.875rem;color:var(--_color-muted);padding-bottom:.875rem}
.ship-calc__submit{position:relative;display:inline-flex;align-items:center;justify-content:center;justify-self:end;min-width:200px;padding:.875rem 2rem;font-size:1rem;font-weight:500;font-family:inherit;color:var(--color-white);background-color:var(--color-pink);border:0;border-radius:.25rem;cursor:pointer;transition:background-color var(--_transition)}
.ship-calc__submit:hover:not(:disabled){background-color:var(--color-pink-dark)}
.ship-calc__submit:focus-visible{outline:2px solid var(--color-pink-dark);outline-offset:2px;background-color:var(--color-pink-dark)}
.ship-calc__submit:disabled{opacity:.7;cursor:not-allowed}
.ship-calc__submit--loading .ship-calc__submit-text{visibility:hidden}
.ship-calc__submit-loader{position:absolute;display:none}
.ship-calc__submit--loading .ship-calc__submit-loader{display:block}
.ship-calc__spinner{animation:ship-calc-spin 1s linear infinite}
@keyframes ship-calc-spin{from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.ship-calc__results{margin-top:var(--margin-md);display:none}
.ship-calc__results--visible{display:block}
.ship-calc__results-list{display:flex;flex-direction:column;gap:1rem;margin-top:.625rem}
.ship-calc__card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;background:var(--color-gray-97);border:1px solid var(--_color-border);border-radius:var(--_radius);transition:box-shadow var(--_transition)}
.ship-calc__card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.ship-calc__card-carrier{display:flex;align-items:center;gap:1rem}
.ship-calc__card-logo{flex-shrink:0;width:4.5rem;height:4.5rem}
.ship-calc__card-logo svg{display:block;width:100%;height:100%;border-radius:.5rem}
.ship-calc__card-info{display:flex;flex-direction:column;gap:.125rem}
.ship-calc__card-name{font-weight:500;font-size:1.125rem;color:var(--_color-text)}
.ship-calc__card-service{font-size:.875rem;font-weight:300;color:var(--_color-muted)}
.ship-calc__card-details{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;flex:1 1 auto;justify-content:flex-end}
.ship-calc__card-pricing{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}
.ship-calc__card-badge{display:inline-block;padding:.25rem .625rem;font-size:.85rem;font-weight:500;color:var(--_color-success);border-radius:.25rem}
.ship-calc__card-prices{display:flex;align-items:baseline;gap:.5rem}
.ship-calc__card-retail{font-size:.875rem;font-weight:600;text-decoration:line-through}
.ship-calc__card-price{font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,hsl(210,100%,40%) 0,hsl(280,60%,45%) 100%);padding:.3125rem .5rem;border-radius:.3125rem;margin-top:.25rem}
.ship-calc__card-price-label{font-size:1rem;font-weight:400;color:#fff;margin-right:.25rem}
.ship-calc__card-delivery{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;min-width:6rem}
.ship-calc__card-delivery-label{font-size:.75rem;font-weight:300;color:var(--_color-muted)}
.ship-calc__card-delivery-date{font-size:.9375rem;font-weight:500;color:var(--_color-text)}
.ship-calc__status{padding:1rem;text-align:center;font-size:.9375rem;font-weight:300;border-radius:.25rem;margin-top:1rem}
.ship-calc__status:empty{display:none}
.ship-calc__status--loading{color:var(--_color-muted);background:var(--_color-bg)}
.ship-calc__status--error{color:var(--_color-error);background:hsl(354,100%,97%)}
.ship-calc__status--success{color:var(--_color-success);background:hsl(153,100%,96%)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shipnow-btn{display:flex;margin:.625rem .625rem 0 .625rem}
.shipnow-section{position:relative;display:flex;align-items:end;min-height:60px}
.shipnow-section__center{display:none}
.shipnow-section__center--visible{display:flex;justify-content:center}
.shipnow-section_end{display:flex;justify-content:flex-end}
.shipnow-section_cta{position:absolute;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem 0 1.5rem;color:#fff;text-decoration:none;font-weight:600;border-radius:4px;white-space:nowrap}
.shipnow-section_infoline__title{color:gold;margin:0}
@media(max-width:900px){.shipnow-section{position:static;flex-direction:column;align-items:center}
.shipnow-section_cta{position:static;transform:none;margin-bottom:.75rem}
}
@container shipcalc(max-width:700px){.ship-calc__title{font-size:1.5rem}
.ship-calc__pkg-options{grid-template-columns:1fr;gap:.75rem}
.ship-calc__pkg-divider{display:none}
.ship-calc__pkg-card{grid-template-columns:4rem 1fr;padding:1rem;min-height:auto}
.ship-calc__pkg-icon{width:3.5rem;height:3rem}
.ship-calc__pkg-label{font-size:1rem}
.ship-calc__zip-row{grid-template-columns:1fr;gap:.5rem}
.ship-calc__zip-arrow{justify-self:center;transform:rotate(90deg);width:2.5rem;height:1rem;margin:0}
.ship-calc__dims{grid-template-columns:1fr;gap:.75rem}
.ship-calc__weight-row{grid-template-columns:1fr;gap:1rem}
.ship-calc__submit{width:100%;justify-self:stretch}
.ship-calc__card{flex-direction:column;align-items:stretch}
.ship-calc__card-details{justify-content:space-between;padding-top:1rem;border-top:1px solid var(--_color-border)}
.ship-calc__card-pricing{align-items:flex-start}
}
@container shipcalc(max-width:480px){.ship-calc{padding:var(--margin-sm)}
.ship-calc__pkg-card{grid-template-columns:3rem 1fr;gap:.75rem}
.ship-calc__pkg-icon{width:3rem;height:2.5rem}
.ship-calc__weight{flex-direction:column;align-items:stretch;gap:.75rem}
.ship-calc__weight-unit{width:100%}
.ship-calc__input--wt{width:100%;flex:1}
.ship-calc__card-logo{width:3.5rem;height:3.5rem}
}