/* Shared native service chapter. No mockup raster, map or unverified tariff. */
body:has(.sea-service-page) { background:#f7faf9; }
body .sea-service-page { width:min(calc(100% - 112px),1680px); max-width:1680px; margin-inline:auto; padding:28px 0 64px; color:#0b2433; }
.sea-service-page .mv-page-breadcrumbs { display:flex; gap:8px; margin:0 0 32px; padding:0; font-size:13px; }
.sea-service-page a { color:#0077b3; text-underline-offset:4px; }
.sea-service-hero { display:grid; grid-template-columns:1.15fr 1fr; gap:64px; align-items:center; }
.sea-service-kicker { margin:0 0 16px; color:#536b7b; font-size:13px; }
.sea-service-page h1 { max-width:13ch; margin:0; font-size:clamp(36px,4.2vw,60px); line-height:1.08; letter-spacing:-.035em; }
.sea-service-lead { max-width:52ch; margin:24px 0; font-size:18px; line-height:1.65; color:#536b7b; }
.sea-service-page a.sea-service-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:50px; padding:12px 22px; border-radius:8px; color:#f7faf9; background:#0077b3; font-size:16px; font-weight:650; text-decoration:none; transition:background-color 180ms ease; }
.sea-service-note { padding:36px; border-radius:16px; background:#edf3f5; }
.sea-service-page h2 { margin:0 0 24px; font-size:30px; line-height:1.2; letter-spacing:-.025em; }
.sea-service-note h2 { margin-bottom:16px; font-size:26px; }
.sea-service-note p { margin:0 0 20px; font-size:16px; line-height:1.65; color:#536b7b; }
.sea-service-note > .dashicons { display:block; width:36px; height:36px; font-size:36px; color:#0077b3; margin-bottom:24px; }
.sea-service-note > a { display:inline-flex; gap:8px; min-height:44px; align-items:center; font-weight:600; }
.sea-delivery-route ol { padding:0; margin:24px 0 0; list-style:none; }
.sea-delivery-route li { display:flex; align-items:center; gap:20px; padding:18px 0; }
.sea-delivery-route li + li { border-top:1px solid #d5e0e4; }
.sea-delivery-route li .dashicons { flex:0 0 44px; width:44px; height:44px; padding:10px; font-size:24px; color:#0077b3; background:#f7faf9; border-radius:50%; }
.sea-delivery-route strong,.sea-delivery-route small { display:block; }
.sea-delivery-route strong { font-size:17px; }
.sea-delivery-route small { margin-top:4px; font-size:14px; color:#536b7b; }
.sea-service-section { margin-top:64px; padding-top:32px; border-top:1px solid #d5e0e4; }
.sea-service-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin:0; padding:0; list-style:none; }
.sea-service-steps li > span { color:#0077b3; font-size:14px; font-variant-numeric:tabular-nums; }
.sea-service-steps h3 { margin:16px 0 12px; font-size:21px; line-height:1.3; }
.sea-service-steps p { margin:0; max-width:42ch; color:#536b7b; font-size:16px; line-height:1.65; }
.sea-service-answers { display:grid; grid-template-columns:1fr 1.5fr; gap:40px; }
.sea-service-answers details { border-bottom:1px solid #d5e0e4; padding:0 0 16px; margin-bottom:16px; }
.sea-service-answers summary { padding:8px 0; cursor:pointer; font-size:18px; font-weight:600; min-height:44px; }
.sea-service-answers details p { margin:8px 0 0; max-width:65ch; color:#536b7b; font-size:16px; line-height:1.65; }
.sea-service-page :is(a,summary):focus-visible { outline:2px solid #0077b3; outline-offset:4px; }
.sea-contact-hero { align-items:start; }
.sea-contact-channels { max-width:540px; margin-top:28px; }
.sea-service-page a.sea-contact-channel { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:76px; padding:16px 0; border-bottom:1px solid #d5e0e4; text-decoration:none; color:#0b2433; transition:color 180ms ease; }
.sea-contact-channel small { display:block; margin-bottom:6px; font-size:13px; color:#536b7b; }
.sea-contact-channel strong { font-size:22px; line-height:1.35; overflow-wrap:anywhere; }
.sea-contact-channel--phone strong { font-size:clamp(22px,2.3vw,32px); font-variant-numeric:tabular-nums; }
.sea-contact-channel > :last-child { flex-shrink:0; color:#0077b3; }
.sea-contact-pending { max-width:48ch; padding:20px; border-radius:12px; background:#edf3f5; color:#536b7b; line-height:1.6; }
.sea-contact-topics,.sea-service-policy { display:grid; grid-template-columns:1fr 1.5fr; gap:40px; }
.sea-contact-topics dl { margin:0; }
.sea-contact-topics dl > div { display:grid; grid-template-columns:140px 1fr; gap:24px; padding:24px 0; border-bottom:1px solid #d5e0e4; }
.sea-contact-topics dl > div:first-child { padding-top:0; }
.sea-contact-topics dt { font-weight:650; font-size:18px; }
.sea-contact-topics dd { margin:0; color:#536b7b; line-height:1.65; }
.sea-contact-topics dd a { display:flex; align-items:center; gap:8px; width:fit-content; min-height:44px; margin-top:8px; font-weight:600; }
.sea-service-checklist { margin:0; padding-left:20px; color:#0b2433; }
.sea-service-checklist li { padding:6px 0; line-height:1.5; }
.sea-service-policy p { margin:0; max-width:65ch; color:#536b7b; line-height:1.65; }
.sea-service-status { display:block; margin-top:16px; font-size:13px; color:#536b7b; }
.sea-seller-details { display:grid; grid-template-columns:1fr 1.5fr; gap:40px; scroll-margin-top:120px; }
.sea-seller-details > div p { max-width:32ch; color:#536b7b; line-height:1.6; }
.sea-seller-details dl { min-width:0; margin:0; }
.sea-seller-details dl > div { display:grid; grid-template-columns:minmax(120px, .7fr) minmax(0,1.3fr); gap:24px; padding:16px 0; border-bottom:1px solid #d5e0e4; }
.sea-seller-details dl > div:first-child { padding-top:0; }
.sea-seller-details dt { color:#536b7b; font-size:14px; line-height:1.6; }
.sea-seller-details dd { margin:0; line-height:1.6; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
@media(max-width:760px) { .sea-seller-details { grid-template-columns:1fr; gap:24px; scroll-margin-top:100px; } .sea-seller-details dl > div { grid-template-columns:1fr; gap:4px; } }
@media(hover:hover) and (pointer:fine) { .sea-service-page a.sea-contact-channel:hover { color:#0077b3; } }
@media(max-width:760px) { .sea-contact-topics,.sea-service-policy { grid-template-columns:1fr; gap:8px; } .sea-contact-topics dl > div { grid-template-columns:1fr; gap:8px; padding:20px 0; } .sea-contact-channels { margin-top:20px; } }
@media(prefers-reduced-motion:reduce) { .sea-service-page a.sea-contact-channel { transition:none; } }
@media(hover:hover) and (pointer:fine) { .sea-service-page a.sea-service-button:hover { background:#005f91; } .sea-service-answers summary:hover { color:#0077b3; } }
@media(max-width:1100px) { body .sea-service-page { width:calc(100% - 64px); } .sea-service-hero { gap:32px; } .sea-service-note { padding:28px; } .sea-service-steps { gap:24px; } }
@media(max-width:760px) { body .sea-service-page { width:calc(100% - 32px); padding:20px 0 40px; } .sea-service-hero,.sea-service-answers { grid-template-columns:1fr; gap:28px; } .sea-service-page h1 { max-width:18ch; } .sea-service-lead { font-size:16px; margin:20px 0; } .sea-service-section { margin-top:40px; padding-top:24px; } .sea-service-steps { grid-template-columns:1fr; gap:24px; } .sea-service-steps h3 { margin-top:8px; } .sea-service-page h2 { font-size:26px; } }
@media(prefers-reduced-motion:reduce) { .sea-service-page a.sea-service-button { transition:none; } }

/* Delivery and wholesale use the same wide commerce shell as home/catalog. */
body .sea-service-page {
  inline-size:min(calc(100% - 112px),1680px) !important;
  max-inline-size:1680px !important;
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-hero {
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:clamp(48px,5vw,96px);
  min-block-size:clamp(440px,34vw,560px);
  align-items:stretch;
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-hero > div:first-child {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding-block:clamp(40px,5vw,76px);
}

:is(.mv-page-delivery,.mv-page-wholesale) h1 {
  max-inline-size:14ch;
  font-size:clamp(48px,5vw,72px);
  line-height:1.01;
  letter-spacing:-.045em;
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-lead {
  max-inline-size:58ch;
  margin-block:28px;
  font-size:clamp(17px,1.35vw,20px);
  line-height:1.55;
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-note {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-self:stretch;
  padding:clamp(36px,4vw,60px);
  border-radius:20px;
  background:#e7f2f6;
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-note > .dashicons {
  margin-block-end:30px;
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-note h2 {
  max-inline-size:18ch;
  font-size:clamp(28px,2.4vw,38px);
  line-height:1.12;
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-note p {
  max-inline-size:52ch;
  font-size:17px;
  line-height:1.6;
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-section {
  margin-block-start:clamp(68px,7vw,104px);
  padding-block-start:clamp(32px,3vw,48px);
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-section > h2 {
  margin-block-end:32px;
  font-size:clamp(30px,2.6vw,40px);
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-steps {
  gap:clamp(28px,4vw,64px);
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-steps li {
  padding-block-start:20px;
  border-block-start:1px solid #d5e0e4;
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-steps li > span {
  display:block;
  font-size:13px;
  font-weight:650;
  letter-spacing:.08em;
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-steps h3 {
  margin-block:20px 12px;
  font-size:clamp(20px,1.6vw,24px);
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-answers {
  grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr);
  gap:clamp(48px,6vw,112px);
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-answers details {
  margin:0;
  padding:0;
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-answers summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-block-size:66px;
  padding-block:16px;
  list-style:none;
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-answers summary::-webkit-details-marker {
  display:none;
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-answers summary::after {
  flex:0 0 24px;
  color:#0077b3;
  content:'+';
  font-size:22px;
  font-weight:400;
  text-align:center;
  transition:transform 160ms cubic-bezier(.23,1,.32,1);
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-answers details[open] summary::after {
  transform:rotate(45deg);
}

:is(.mv-page-delivery,.mv-page-wholesale) .sea-service-answers details p {
  padding:0 48px 22px 0;
}

@media(max-width:1100px) {
  body .sea-service-page {
    inline-size:calc(100% - 64px) !important;
  }

  :is(.mv-page-delivery,.mv-page-wholesale) .sea-service-hero {
    grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
    gap:36px;
  }
}

@media(max-width:900px) {
  :is(.mv-page-delivery,.mv-page-wholesale) .sea-service-hero {
    grid-template-columns:1fr;
    gap:24px;
    min-block-size:0;
  }

  :is(.mv-page-delivery,.mv-page-wholesale) .sea-service-hero > div:first-child {
    padding-block:28px 16px;
  }

  :is(.mv-page-delivery,.mv-page-wholesale) .sea-service-note {
    min-block-size:0;
  }
}

@media(max-width:760px) {
  body .sea-service-page {
    inline-size:calc(100% - 32px) !important;
  }

  :is(.mv-page-delivery,.mv-page-wholesale) h1 {
    font-size:clamp(38px,12vw,50px);
  }

  :is(.mv-page-delivery,.mv-page-wholesale) .sea-service-lead {
    margin-block:20px 24px;
    font-size:16px;
  }

  :is(.mv-page-delivery,.mv-page-wholesale) .sea-service-note {
    padding:28px 24px;
    border-radius:14px;
  }

  :is(.mv-page-delivery,.mv-page-wholesale) .sea-service-note h2 {
    font-size:27px;
  }

  :is(.mv-page-delivery,.mv-page-wholesale) .sea-service-note p {
    font-size:15px;
  }

  :is(.mv-page-delivery,.mv-page-wholesale) .sea-service-section {
    margin-block-start:48px;
    padding-block-start:28px;
  }

  :is(.mv-page-delivery,.mv-page-wholesale) .sea-service-section > h2 {
    margin-block-end:20px;
  }

  :is(.mv-page-delivery,.mv-page-wholesale) .sea-service-answers {
    grid-template-columns:1fr;
    gap:8px;
  }

  :is(.mv-page-delivery,.mv-page-wholesale) .sea-service-answers summary {
    min-block-size:60px;
    font-size:16px;
  }
}

@media(prefers-reduced-motion:reduce) {
  :is(.mv-page-delivery,.mv-page-wholesale) .sea-service-answers summary::after {
    transition:none;
  }
}
