/* Clear Bay Shipping: one isolated presentation layer; legacy Shipping DOM remains intact below it. */
.shipping-page main > :not(.clear-bay-shipping-stage) { display: none !important; }
.shipping-page main#top > .hero,
.shipping-page main#top > .trust-strip,
.shipping-page main#top > .section,
.shipping-page main#top > .section.order-tracking,
.shipping-page main#top > .section.logistics,
.shipping-page main#top > .section.customization,
.shipping-page main#top > .section.contact { display: none !important; }
.shipping-page .clear-bay-shipping-stage { overflow: hidden; background: #fffaf1; color: #073d63; }

.shipping-page .shipping-page-hero {
  position: relative;
  isolation: isolate;
  aspect-ratio: 2048 / 816;
  min-height: 570px;
  overflow: hidden;
  background: #c9f0ff;
}
.shipping-page .shipping-page-hero-media {
  position: absolute;
  z-index: -2;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.shipping-page .shipping-page-hero-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.shipping-page .shipping-page-hero::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, rgba(230,249,255,.08) 0%, rgba(255,255,255,0) 42%, rgba(255,255,255,.08) 100%);
}

.shipping-page .shipping-panel {
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 28px;
  background: rgba(255,253,247,.84);
  box-shadow: 0 18px 42px rgba(7,61,99,.14);
  backdrop-filter: blur(9px);
}
.shipping-page .shipping-page-hero-copy {
  position: absolute;
  top: 10%;
  right: clamp(8%, 10vw, 12%);
  width: min(38%, 570px);
  padding: clamp(24px, 2.4vw, 42px);
}
.shipping-page .shipping-page-kicker,
.shipping-page .shipping-status-card__eyebrow,
.shipping-page .shipping-process__heading > p {
  margin: 0 0 12px;
  color: #0796bc;
  font: 800 clamp(13px, 1.05vw, 17px)/1.15 Arial, sans-serif;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.shipping-page .shipping-page-hero h1,
.shipping-page .shipping-process h2 {
  margin: 0;
  color: #073d63;
  font-family: "Trebuchet MS", "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: 800;
  letter-spacing: -.05em;
  line-height: 1.05;
  text-wrap: balance;
}
.shipping-page .shipping-page-hero h1 { font-size: clamp(34px, 3.55vw, 58px); }
.shipping-page .shipping-page-hero-copy > p:not(.shipping-page-kicker) {
  margin: 17px 0 0;
  color: #174f6d;
  font-size: clamp(15px, 1.24vw, 19px);
  font-weight: 650;
  line-height: 1.48;
}
.shipping-page .shipping-page-hero-copy .primary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  margin-top: 24px;
  padding: 0 29px;
  color: #fff;
  border: 0;
  border-radius: 999px;
  background: #ff8179;
  box-shadow: none;
  font: 800 16px/1 Arial, sans-serif;
  text-decoration: none;
}
.shipping-page .shipping-page-hero-copy .primary-action:hover,
.shipping-page .shipping-page-hero-copy .primary-action:focus-visible { background: #ed6f68; transform: translateY(-1px); }

.shipping-page .shipping-status-card {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: auto;
  padding: 19px 21px;
  border: 1px solid rgba(250,197,88,.42);
  border-radius: 26px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 16px 32px rgba(6,68,95,.14);
}
.shipping-page .shipping-status-card__icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff0bf url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23e8aa00' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.25'%3E%3Cpath d='M16 28c6.6 0 12-5.4 12-12S22.6 4 16 4C10.9 4 6.5 7.2 4.8 11.7'/%3E%3Cpath d='M4 5v7h7'/%3E%3Cpath d='M16 10v7l4.5 2.7'/%3E%3C/svg%3E") center / 25px 25px no-repeat;
}
.shipping-page .shipping-status-card h2 { margin: 0; font-size: clamp(17px, 1.38vw, 22px); line-height: 1.14; }
.shipping-page .shipping-status-card > div > p:last-child { margin: 7px 0 0; color: #285e79; font-size: clamp(12px, .95vw, 15px); font-weight: 600; line-height: 1.38; }

.shipping-page .shipping-page-doodle { position: absolute; display: block; pointer-events: none; background-position: center; background-repeat: no-repeat; background-size: contain; }
.shipping-page .shipping-page-doodle--heart { top: 17%; right: 48%; width: 38px; height: 38px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ff8179' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.25'%3E%3Cpath d='M16 26S4 19 4 11c0-3 2.5-5 5.5-5 2.4 0 4.5 1.5 6.5 4 2-2.5 4.1-4 6.5-4C25.5 6 28 8 28 11c0 8-12 15-12 15Z'/%3E%3C/svg%3E"); }
.shipping-page .shipping-page-doodle--paw { right: 8%; bottom: 13%; width: 32px; height: 32px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%2378d8dc'%3E%3Ccircle cx='7.4' cy='10.3' r='3.1'/%3E%3Ccircle cx='13.1' cy='6.7' r='3.1'/%3E%3Ccircle cx='18.9' cy='6.7' r='3.1'/%3E%3Ccircle cx='24.6' cy='10.3' r='3.1'/%3E%3Cpath d='M16 14c-4.9 0-8.4 3.5-8.4 7.5 0 3.6 2.8 5 8.4 5s8.4-1.4 8.4-5c0-4-3.5-7.5-8.4-7.5Z'/%3E%3C/svg%3E"); }

.shipping-page .shipping-process {
  position: relative;
  z-index: 1;
  width: min(1160px, calc(100% - 48px));
  margin: 0 auto;
  padding: clamp(34px, 4vw, 58px);
  border: 1px solid rgba(7,150,188,.16);
  border-radius: 32px;
  background: #fffaf1;
  box-shadow: 0 16px 36px rgba(7,61,99,.08);
}
.shipping-page .shipping-process__intro { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(300px,.92fr); align-items: center; gap: clamp(24px,4vw,56px); }
.shipping-page .shipping-process__heading { max-width: 560px; margin: 0; text-align: left; }
.shipping-page .shipping-process h2 { font-size: clamp(28px, 2.65vw, 43px); }
.shipping-page .shipping-process__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 34px 0 0; padding: 0; list-style: none; }
.shipping-page .shipping-process__steps li { position: relative; min-height: 138px; padding: 25px 21px 22px 77px; border: 1px solid rgba(7,150,188,.17); border-radius: 23px; background: #fff; box-shadow: 0 10px 22px rgba(7,61,99,.06); }
.shipping-page .shipping-process__steps li:nth-child(2) { border-color: rgba(255,129,121,.28); }
.shipping-page .shipping-process__steps li:nth-child(3) { border-color: rgba(232,170,0,.27); }
.shipping-page .shipping-process__number { position: absolute; top: 23px; left: 20px; display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: #dff8fa; color: #0796bc; font: 800 17px/1 Arial, sans-serif; }
.shipping-page .shipping-process__steps li:nth-child(2) .shipping-process__number { background: #fff0ed; color: #ff8179; }
.shipping-page .shipping-process__steps li:nth-child(3) .shipping-process__number { background: #fff4cf; color: #d69d00; }
.shipping-page .shipping-process__steps strong { display: block; color: #073d63; font: 800 18px/1.18 Arial, sans-serif; }
.shipping-page .shipping-process__steps p { margin: 8px 0 0; color: #285e79; font-size: 14px; font-weight: 600; line-height: 1.42; }
.shipping-page .clear-bay-footer { margin-top: 0 !important; padding-top: 46px !important; }
.shipping-page .clear-bay-footer::before { display: none !important; }

@media (max-width: 900px) {
  .shipping-page .shipping-page-hero { min-height: 740px; aspect-ratio: auto; overflow: hidden; }
  .shipping-page .shipping-page-hero-media { top: 125px; bottom: 0; height: auto; }
  .shipping-page .shipping-page-hero-image { object-position: center; }
  .shipping-page .shipping-page-hero::after { background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.12) 46%, rgba(255,255,255,.25)); }
  .shipping-page .shipping-panel { border-radius: 23px; backdrop-filter: blur(7px); }
  .shipping-page .shipping-page-hero-copy { top: 23px; right: 14px; left: 14px; width: auto; padding: 21px 18px; text-align: center; }
  .shipping-page .shipping-page-kicker { margin-bottom: 7px; font-size: 12px; }
  .shipping-page .shipping-page-hero h1 { margin-inline: auto; font-size: clamp(28px, 8vw, 39px); }
  .shipping-page .shipping-page-hero-copy > p:not(.shipping-page-kicker) { margin: 10px auto 0; font-size: 14px; }
  .shipping-page .shipping-page-hero-copy .primary-action { width: min(246px, 100%); min-height: 45px; margin-top: 15px; font-size: 14px; }
  .shipping-page .shipping-status-card { padding: 16px; gap: 13px; }
  .shipping-page .shipping-status-card__icon { flex-basis: 38px; width: 38px; height: 38px; background-size: 22px 22px; }
  .shipping-page .shipping-status-card__eyebrow { margin-bottom: 5px; font-size: 10px; }
  .shipping-page .shipping-status-card h2 { font-size: 16px; }
  .shipping-page .shipping-status-card > div > p:last-child { font-size: 12px; }
  .shipping-page .shipping-page-doodle--heart { top: 49%; right: 11%; width: 29px; height: 29px; }
  .shipping-page .shipping-page-doodle--paw { right: 10%; bottom: 26%; width: 27px; height: 27px; }
  .shipping-page .shipping-process { width: calc(100% - 28px); margin: 0 auto; padding: 29px 15px 18px; border-radius: 25px; }
  .shipping-page .shipping-process__intro { grid-template-columns: 1fr; gap: 18px; }
  .shipping-page .shipping-process__heading { max-width: 315px; margin: 0 auto; text-align: center; }
  .shipping-page .shipping-process__heading > p { margin-bottom: 8px; font-size: 11px; }
  .shipping-page .shipping-process h2 { font-size: 27px; }
  .shipping-page .shipping-process__steps { grid-template-columns: 1fr; gap: 11px; margin-top: 24px; }
  .shipping-page .shipping-process__steps li { min-height: 0; padding: 18px 16px 18px 67px; border-radius: 18px; }
  .shipping-page .shipping-process__number { top: 17px; left: 16px; width: 37px; height: 37px; font-size: 15px; }
  .shipping-page .shipping-process__steps strong { font-size: 16px; }
  .shipping-page .shipping-process__steps p { font-size: 12px; }
  .shipping-page .clear-bay-footer { padding-top: 36px !important; }
  .shipping-page .clear-bay-footer::before { display: none !important; }
}