/* Delivery — Figma 2:2959 @1920; 190:7454 @1300; 190:7491 @900; 190:7519 @420; 161:6967 @360 */

/* —— Viewport-fit stage: scale artboard to 100vw within each Figma band —— */
html:has(body.delivery-page),
body.delivery-page.product-page {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden;
  margin: 0;
  background: #fff;
}

body.delivery-page {
  --delivery-art: 1920;
  --delivery-scale: 1;
}

.delivery-stage {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  /* height set by delivery-scale.js = artboardHeight * scale */
}

.delivery-artboard {
  width: calc(var(--delivery-art) * 1px);
  margin: 0 auto;
  transform: scale(var(--delivery-scale));
  transform-origin: top left;
  will-change: transform;
}

/* Band defaults (JS keeps --delivery-art / --delivery-scale in sync; CSS fallbacks).
   Inside a band: scale = 100vw/ART so layout fills the viewport (can be > 1). */
@media (min-width: 1301px) {
  body.delivery-page {
    --delivery-art: 1920;
    --delivery-scale: calc(100vw / 1920);
  }
}

@media (max-width: 1300px) and (min-width: 1000px) {
  body.delivery-page {
    --delivery-art: 1300;
    --delivery-scale: calc(100vw / 1300);
  }

  html:has(body.delivery-page),
  body.delivery-page.product-page {
    min-width: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 999px) and (min-width: 700px) {
  body.delivery-page {
    --delivery-art: 900;
    --delivery-scale: calc(100vw / 900);
  }

  html:has(body.delivery-page),
  body.delivery-page.product-page {
    min-width: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 699px) and (min-width: 361px) {
  body.delivery-page {
    --delivery-art: 420;
    --delivery-scale: calc(100vw / 420);
  }

  html:has(body.delivery-page),
  body.delivery-page.product-page {
    min-width: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 360px) {
  body.delivery-page {
    --delivery-art: 360;
    --delivery-scale: calc(100vw / 360);
  }

  html:has(body.delivery-page),
  body.delivery-page.product-page {
    min-width: 0 !important;
    width: 100% !important;
  }
}

.delivery-main {
  position: relative;
  width: 1920px;
  margin: 0 auto;
  padding-bottom: 0;
}

/* Breadcrumbs — same pattern as About */
.delivery-bc {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  width: auto;
  max-width: calc(100% - 161px);
  min-height: 36px;
  margin: 32px 0 0 161px; /* 35 - 3: header renders 108 vs Figma 104.5 */
  padding: 0;
  font-size: 12px;
  line-height: 14px;
}

.delivery-bc__link {
  color: #666666;
  font-weight: 300;
  line-height: 14px;
  text-decoration: none;
  border-bottom: 1px solid rgba(102, 102, 102, 0.35);
  padding-bottom: 1px;
}

.delivery-bc__link:link,
.delivery-bc__link:visited,
.delivery-bc__link:hover,
.delivery-bc__link:focus {
  color: #666666;
  text-decoration: none;
}

.delivery-bc__sep {
  display: block;
  width: 10px;
  height: 1px;
  margin: 0 16px;
  background: #dddddd;
  flex-shrink: 0;
}

.delivery-bc__current {
  color: #666666;
  font-weight: 300;
  line-height: 14px;
  border-bottom: 1px solid rgba(102, 102, 102, 0.35);
  padding-bottom: 1px;
}

/* —— Layout @1920: origin = title y=216; aside 161 / detail 830 —— */
.delivery-layout {
  position: relative;
  width: 1920px;
  min-height: 1471px; /* 1687 - 216 */
  margin-top: 40px; /* 216 - (140+36) */
}

.delivery-title {
  position: absolute;
  left: 161px;
  top: 0;
  margin: 0;
  font-size: 32px;
  font-weight: 300;
  line-height: 35.2px;
  color: #262626;
}

.delivery-aside {
  position: absolute;
  left: 161px;
  top: 58px; /* 274 - 216 */
  width: 402px;
}

.delivery-aside__icon {
  display: block;
  width: 131px;
  height: 131px;
  margin-top: 24px; /* svg @298 inside advantage @274 */
}

.delivery-aside__title {
  margin: 36px 0 0; /* 465 - (298+131) */
  font-size: 20px;
  font-weight: 300;
  line-height: 26.6px;
  color: #262626;
}

.delivery-aside__moscow,
.delivery-aside__regions {
  margin: 17.6px 0 0; /* 506.6 - (465+24) */
  font-size: 14px;
  font-weight: 300;
  line-height: 22px; /* Figma box h 66 / 3 lines */
  color: #262626;
  white-space: pre-line;
}

.delivery-aside__moscow {
  width: 332px;
  min-height: 66px;
  height: 66px;
}

.delivery-aside__moscow strong {
  font-weight: 700;
}

.delivery-aside__regions--420 {
  display: none;
}

.delivery-aside__regions--desk {
  margin-top: 34px; /* 606.6 - (506.6+66) */
  width: 402px;
  line-height: 25px; /* regions keep 25 → h≈116 */
  height: auto;
  min-height: 0;
}

.delivery-aside__moscow strong,
.delivery-sec__text strong {
  font-weight: 700;
}

.delivery-aside__icon--bottom {
  display: none;
}

/* Absolute section locks @1920 — Figma y relative to layout origin 216 */
.delivery-detail {
  position: absolute;
  left: 830px;
  top: 1px; /* 217 - 216 */
  width: 940px;
  height: 1392px;
}

.delivery-intro--1920 {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 926px;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  color: #262626;
  white-space: pre-line;
}

.delivery-sec {
  position: absolute;
  left: 0;
  width: 940px;
  margin: 0;
}

.delivery-sec__icon {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0;
  object-fit: contain;
}

.delivery-sec__body {
  margin: 12px 0 0;
}

.delivery-sec__text,
.delivery-sec__note {
  margin: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  color: #262626;
  white-space: pre-line;
}

.delivery-sec--cost { top: 124px; } /* 341 - 217 */
.delivery-sec--cost .delivery-sec__text--cost-1920 {
  width: 793px;
  line-height: 25.333px; /* Figma h 76 / 3 */
  min-height: 76px;
}
.delivery-sec--cost .delivery-sec__note--day {
  margin-top: 1px;
  width: 569px;
  line-height: 20px; /* 100% */
}

.delivery-sec--office { top: 293px; } /* 510 - 217 */
.delivery-sec--office .delivery-sec__text--office-1920 {
  width: 793px;
  line-height: 20px; /* 100% of 20 → box h 69 */
  min-height: 69px;
}

.delivery-sec--courier { top: 431px; } /* 648 - 217 */
.delivery-sec--courier .delivery-sec__text--courier-1920 {
  width: 818px;
  line-height: 20px;
  min-height: 120px;
}
.delivery-sec--courier .delivery-sec__note--ship {
  margin-top: 24px; /* 828 - (684+120) */
  width: 790px;
  line-height: 20px;
}

.delivery-sec--moscow { top: 667px; } /* 884 - 217 */
.delivery-sec--moscow .delivery-sec__text--msk-lead-1920 {
  width: 920px;
  line-height: 25px; /* Figma h 50 / 2 */
  min-height: 50px;
}
.delivery-sec--moscow .delivery-sec__text--msk-body-1920 {
  margin-top: 2px;
  width: 935px;
  line-height: 25.5px; /* Figma h 102 / 4 */
  min-height: 102px;
}
.delivery-sec--moscow .delivery-sec__text--msk-pickup-1920 {
  margin-top: 2px;
  width: 895px;
  line-height: 25.5px;
  min-height: 102px;
}

.delivery-sec--russia { top: 993px; } /* 1210 - 217 */
.delivery-sec--russia .delivery-sec__text--ru-lead { width: 925px; }
.delivery-sec--russia .delivery-sec__text--ru-1920 {
  margin-top: 1px;
  width: 905px;
}

.delivery-sec--world { top: 1252px; } /* 1469 - 217 */
.delivery-sec--world .delivery-sec__text--world-1920 { width: 929px; }

.delivery-aside__icon--bottom {
  display: block;
  position: absolute;
  left: 162px;
  top: 1454px; /* 1670 - 216 */
  width: 131px;
  height: 131px;
  margin: 0;
}

.delivery-layout {
  min-height: 1471px; /* 1687 - 216 */
}

/* Figma footer abuts content (cart overlaps); kill shared 48px gap @1920 */
.delivery-page .site-footer {
  margin-top: 0;
}

.delivery-intro--1300,
.delivery-intro--compact {
  display: none;
}

/* Hide breakpoint variants by default @1920 */
.delivery-sec__text--cost-merge,
.delivery-sec__text--office-1300,
.delivery-sec__text--office-900,
.delivery-sec__text--office-compact,
.delivery-sec__text--courier-1300,
.delivery-sec__text--courier-900,
.delivery-sec__text--courier-420,
.delivery-sec__text--courier-360,
.delivery-sec__text--msk-lead-1300,
.delivery-sec__text--msk-merged-1300,
.delivery-sec__text--msk-merged-900,
.delivery-sec__text--msk-merged-420,
.delivery-sec__text--msk-merged-360,
.delivery-sec__text--ru-1300,
.delivery-sec__text--ru-420,
.delivery-sec__text--ru-360,
.delivery-sec__text--world-1300,
.delivery-sec__text--world-compact {
  display: none;
}

/* ========== 1300 ========== */
@media (max-width: 1300px) and (min-width: 1000px) {
  html,
  body.product-page.delivery-page {
    min-width: 1300px;
    width: 1300px;
  }

  .delivery-main {
    width: 1300px;
    padding-bottom: 60px;
  }

  .delivery-bc {
    margin: 31px 0 0 19px; /* 136-105 */
  }

  .delivery-bc__current {
    color: #666666;
    font-weight: 300;
  }

  .delivery-layout {
    width: 1300px;
    min-height: 1400px;
    margin-top: 32px; /* 188 - (136+20) */
  }

  .delivery-title {
    left: 19px;
    top: 0;
  }

  .delivery-aside {
    left: 19px;
    top: 76px; /* 264 - 188 */
    width: 402px;
  }

  .delivery-aside__icon {
    margin-top: 0; /* svg is the aside top on 1300 */
  }

  .delivery-aside__title {
    margin-top: 35px; /* 430.6 - (264+131.3) ≈ 35 */
  }

  .delivery-aside__moscow {
    margin-top: 18px;
  }

  .delivery-aside__regions--desk {
    margin-top: 34px;
  }

  .delivery-detail {
    left: 478px;
    top: 1px; /* 189 - 188 */
    width: 803px;
    height: auto;
  }

  .delivery-intro--1920 { display: none; }
  .delivery-intro--1300 {
    display: block;
    position: static;
    font-size: 16px;
    line-height: 24px; /* 1.5 */
    width: 753px;
  }

  .delivery-sec {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
  }

  .delivery-aside__icon--bottom {
    display: none;
  }

  .delivery-sec__text,
  .delivery-sec__note {
    font-size: 16px;
    line-height: 24px;
  }

  .delivery-sec__text--cost-1920,
  .delivery-sec__note--day { display: none; }
  .delivery-sec__text--cost-merge {
    display: block;
    width: 793px;
    line-height: 24px;
  }

  .delivery-sec--cost { margin-top: 32px; }

  .delivery-sec__text--office-1920 { display: none; }
  .delivery-sec__text--office-1300 {
    display: block;
    width: 793px;
    line-height: 16px; /* 100% */
  }
  .delivery-sec--office { margin-top: 32px; } /* 473 - (345+96) = 32 */

  .delivery-sec__text--courier-1920 { display: none; }
  .delivery-sec__text--courier-1300 {
    display: block;
    width: 803px;
    line-height: 16px;
  }
  .delivery-sec--courier { margin-top: 41px; } /* 603 - (524+38) = 41 */
  .delivery-sec--courier .delivery-sec__note--ship {
    margin-top: 20px; /* 735 - (639+76) = 20 */
    width: 790px;
    line-height: 16px;
  }

  .delivery-sec__text--msk-lead-1920,
  .delivery-sec__text--msk-body-1920,
  .delivery-sec__text--msk-pickup-1920 { display: none; }
  .delivery-sec__text--msk-lead-1300 {
    display: block;
    width: 642px;
    line-height: 26px;
  }
  .delivery-sec__text--msk-merged-1300 {
    display: block;
    margin-top: 5px; /* 902 - (845+52) = 5 */
    width: 803px;
    line-height: 26px;
  }
  .delivery-sec--moscow { margin-top: 29px; }

  .delivery-sec__text--ru-1920 { display: none; }
  .delivery-sec__text--ru-lead { width: 740px; line-height: 26px; }
  .delivery-sec__text--ru-1300 {
    display: block;
    margin-top: 0;
    width: 740px;
    line-height: 26px;
  }
  .delivery-sec--russia { margin-top: 51px; }

  .delivery-sec__text--world-1920 { display: none; }
  .delivery-sec__text--world-1300 {
    display: block;
    width: 781px;
    line-height: 26px;
  }
  .delivery-sec--world { margin-top: 73px; }
}

/* ========== 900 ========== */
@media (max-width: 999px) and (min-width: 700px) {
  html,
  body.product-page.delivery-page {
    min-width: 900px;
    width: 900px;
  }

  .delivery-main {
    width: 900px;
    padding-bottom: 60px; /* footer y 2048 − world end ≈1988 */
  }

  .delivery-bc {
    margin: 16px 0 0 77px; /* 120 - 104 */
    min-height: 20px; /* Figma Item h=20 @900 */
  }

  .delivery-bc__current {
    color: #666666;
    font-weight: 300;
  }

  .delivery-layout {
    position: static;
    width: 900px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0 0 0 77px; /* content x=77; right edge ≈870 (w793) */
    box-sizing: border-box;
    margin-top: 32px; /* 172 - (120+20) */
  }

  .delivery-title {
    position: static;
    left: auto;
    top: auto;
    margin: 0;
    width: auto;
  }

  .delivery-aside,
  .delivery-detail {
    position: static;
    left: auto;
    top: auto;
    width: 793px;
    max-width: 100%;
    height: auto;
  }

  .delivery-sec {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    margin: 0;
  }

  .delivery-sec__body {
    margin: 12px 0 0;
  }

  .delivery-aside__icon--bottom {
    display: none;
  }

  .delivery-aside {
    margin-top: 32px; /* 240 - (172+36) */
    width: 402px;
  }

  .delivery-aside__icon {
    margin-top: 0;
  }

  .delivery-aside__title {
    margin-top: 23px; /* 394 - (240+131) */
  }

  .delivery-aside__moscow {
    margin-top: 18px; /* ≈17.6 */
    width: 331px;
    height: 66px;
    line-height: 22px;
  }

  .delivery-aside__regions--desk {
    margin-top: 21px; /* 522.4 - (435.6+66) */
    width: 402px;
    line-height: 23px;
    min-height: 116px;
    height: 116px;
  }

  .delivery-detail {
    margin-top: 40px; /* 678 - (522.4+116) */
    width: 793px;
  }

  .delivery-intro--1920,
  .delivery-intro--compact {
    display: none;
  }

  .delivery-intro--1300 {
    display: block;
    position: static;
    margin: 0;
    width: 753px;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #262626;
    white-space: pre-line;
  }

  .delivery-sec__text,
  .delivery-sec__note {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #262626;
  }

  /* cost: icon 786 → text 834 (gap 24 after icon) */
  .delivery-sec--cost {
    margin-top: 32px; /* 786 - (678+76) */
  }
  .delivery-sec--cost .delivery-sec__body {
    margin-top: 24px;
  }
  .delivery-sec__text--cost-1920,
  .delivery-sec__note--day {
    display: none;
  }
  .delivery-sec__text--cost-merge {
    display: block;
    width: 793px;
    line-height: 24px;
    min-height: 96px;
  }

  /* office: icon 962 → text 1013 */
  .delivery-sec--office {
    margin-top: 32px; /* 962 - (834+96) */
  }
  .delivery-sec--office .delivery-sec__body {
    margin-top: 27px;
  }
  .delivery-sec__text--office-1920,
  .delivery-sec__text--office-1300 {
    display: none;
  }
  .delivery-sec__text--office-900 {
    display: block;
    width: 653px;
    line-height: 19px;
    min-height: 57px;
  }

  /* courier: icon 1102 → text 1138 → note 1245 */
  .delivery-sec--courier {
    margin-top: 32px; /* 1102 - (1013+57) */
  }
  .delivery-sec--courier .delivery-sec__body {
    margin-top: 12px;
  }
  .delivery-sec__text--courier-1920,
  .delivery-sec__text--courier-1300 {
    display: none;
  }
  .delivery-sec__text--courier-900 {
    display: block;
    width: 653px;
    line-height: 19px;
    min-height: 95px;
  }
  .delivery-sec--courier .delivery-sec__note--ship {
    margin-top: 12px; /* 1245 - (1138+95) */
    width: 790px;
    line-height: 24px;
    min-height: 24px;
  }

  /* moscow: icon 1308 → lead 1344 → body 1401 */
  .delivery-sec--moscow {
    margin-top: 39px; /* 1308 - (1245+24) */
  }
  .delivery-sec--moscow .delivery-sec__body {
    margin-top: 12px;
  }
  .delivery-sec__text--msk-lead-1920,
  .delivery-sec__text--msk-body-1920,
  .delivery-sec__text--msk-pickup-1920,
  .delivery-sec__text--msk-merged-1300 {
    display: none;
  }
  .delivery-sec__text--msk-lead-1300 {
    display: block;
    width: 481px;
    line-height: 26px;
    min-height: 52px;
  }
  .delivery-sec__text--msk-merged-900 {
    display: block;
    margin-top: 5px; /* 1401 - (1344+52) */
    width: 751px;
    line-height: 26px;
    min-height: 208px;
  }

  /* russia: icon 1647 → lead 1683 → body 1709 */
  .delivery-sec--russia {
    margin-top: 38px; /* 1647 - (1401+208) */
  }
  .delivery-sec--russia .delivery-sec__body {
    margin-top: 12px;
  }
  .delivery-sec__text--ru-1920 {
    display: none;
  }
  .delivery-sec__text--ru-lead {
    display: block;
    width: 740px;
    line-height: 26px;
    min-height: 26px;
  }
  .delivery-sec__text--ru-1300 {
    display: block;
    margin-top: 0;
    width: 740px;
    line-height: 26px;
    min-height: 104px;
  }

  /* world: icon 1850 → text 1886 */
  .delivery-sec--world {
    margin-top: 37px; /* 1850 - (1709+104) */
  }
  .delivery-sec--world .delivery-sec__body {
    margin-top: 12px;
  }
  .delivery-sec__text--world-1920 {
    display: none;
  }
  .delivery-sec__text--world-1300 {
    display: block;
    width: 746px;
    line-height: 26px;
    min-height: 102px;
  }
}

/* ========== 420 ========== */
@media (max-width: 699px) and (min-width: 361px) {
  html,
  body.product-page.delivery-page {
    min-width: 420px;
    width: 420px;
  }

  .delivery-main {
    width: 420px;
    padding-bottom: 60px; /* footer 2609 − world end 2549 */
    overflow-x: hidden;
  }

  .delivery-bc {
    margin: 24px 0 0 12px; /* 98 - 74 */
    min-height: 20px;
  }

  .delivery-bc__current {
    color: #666666;
    font-weight: 300;
    border-bottom: none;
    padding-bottom: 0;
  }

  /* Delivery Figma header @420: phone → mail, no share */
  .delivery-page .header-share {
    display: none !important;
  }

  .delivery-page .contact--phone {
    order: 2;
  }

  .delivery-page .contact--mail {
    order: 3;
  }

  .delivery-layout {
    width: 420px;
    padding: 0 12px;
    margin-top: 32px; /* 150 - (98+20) */
    position: static;
    display: flex;
    flex-direction: column;
    min-height: 0;
    box-sizing: border-box;
  }

  .delivery-title {
    position: static;
    margin: 0;
    width: auto;
  }

  .delivery-aside,
  .delivery-detail {
    position: static;
    left: auto;
    top: auto;
    width: 396px;
    height: auto;
  }

  .delivery-sec {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    margin: 0;
  }

  .delivery-sec__body {
    margin: 0;
  }

  .delivery-sec__icon {
    margin: 0 0 24px; /* icon→text gap 24 @420 */
  }

  .delivery-aside__icon--bottom {
    display: none;
  }

  .delivery-aside {
    margin-top: 24px; /* 210 - (150+36) */
    width: 396px;
  }

  .delivery-aside__icon {
    margin-top: 0;
  }

  .delivery-aside__title {
    margin-top: 23px; /* 364 - (210+131) */
  }

  .delivery-aside__moscow {
    margin-top: 18px; /* 405.6 - (364+24) */
    width: 340px; /* Figma 331.3; Roboto Bold needs ~331.1 — keep one line */
    max-width: 100%;
    height: auto;
    min-height: 66px;
    line-height: 22px;
  }

  .delivery-aside__moscow strong {
    white-space: nowrap;
  }

  .delivery-aside__regions--desk {
    display: none;
  }

  .delivery-aside__regions--420 {
    display: block;
    margin-top: 17px; /* 489 - (405.6+66) */
    width: 368px;
    line-height: 21px;
    min-height: 147px;
    height: 147px;
  }

  .delivery-detail {
    margin-top: 32px; /* 668 - (489+147) */
    width: 396px;
  }

  .delivery-intro--1920,
  .delivery-intro--1300 {
    display: none;
  }

  .delivery-intro--compact {
    display: block;
    position: static;
    margin: 0;
    width: 396px;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    color: #262626;
    white-space: pre-line;
    min-height: 105px;
  }

  .delivery-sec__text,
  .delivery-sec__note {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #262626;
  }

  .delivery-sec--cost {
    margin-top: 32px; /* 805 - (668+105) */
  }
  .delivery-sec__text--cost-1920,
  .delivery-sec__note--day {
    display: none;
  }
  .delivery-sec__text--cost-merge {
    display: block;
    width: 396px;
    max-width: 100%;
    line-height: 24px;
    min-height: 168px;
  }

  .delivery-sec--office {
    margin-top: 32px; /* 1053 - (853+168) */
  }
  .delivery-sec__text--office-1920,
  .delivery-sec__text--office-1300,
  .delivery-sec__text--office-900 {
    display: none;
  }
  .delivery-sec__text--office-compact {
    display: block;
    width: 348px;
    max-width: 100%;
    line-height: 24px;
    min-height: 96px;
  }

  .delivery-sec--courier {
    margin-top: 32px; /* 1229 - (1101+96) */
  }
  .delivery-sec__text--courier-900,
  .delivery-sec__text--courier-1300,
  .delivery-sec__text--courier-1920,
  .delivery-sec__text--courier-360 {
    display: none;
  }
  /* Figma: text node 653×120 overflows artboard; line break before «Бесплатно» */
  .delivery-sec--courier .delivery-sec__text--courier-420 {
    display: block;
    width: 653px;
    max-width: none;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    white-space: pre-line;
    height: 120px;
    min-height: 120px;
    overflow: hidden;
  }
  .delivery-sec--courier .delivery-sec__note--ship {
    margin-top: 12px; /* 1409 - (1277+120) */
    width: 334px;
    max-width: 100%;
    font-size: 16px;
    line-height: 24px;
    min-height: 48px;
  }

  .delivery-sec--moscow {
    margin-top: 32px; /* 1489 - (1409+48) */
  }
  .delivery-sec__text--msk-lead-1920,
  .delivery-sec__text--msk-body-1920,
  .delivery-sec__text--msk-pickup-1920,
  .delivery-sec__text--msk-lead-1300,
  .delivery-sec__text--msk-merged-1300,
  .delivery-sec__text--msk-merged-900,
  .delivery-sec__text--msk-merged-360 {
    display: none;
  }
  .delivery-sec__text--msk-merged-420 {
    display: block;
    width: 384px;
    max-width: 100%;
    line-height: 26px;
    min-height: 468px;
  }

  .delivery-sec--russia {
    margin-top: 32px; /* 2037 - (1537+468) */
  }
  .delivery-sec__text--ru-1920,
  .delivery-sec__text--ru-lead,
  .delivery-sec__text--ru-1300,
  .delivery-sec__text--ru-360 {
    display: none;
  }
  .delivery-sec--russia .delivery-sec__text--ru-420 {
    display: block;
    width: 395px;
    max-width: 100%;
    line-height: 24px;
    min-height: 216px;
  }

  .delivery-sec--world {
    margin-top: 32px; /* 2333 - (2085+216) */
  }
  .delivery-sec__text--world-1920,
  .delivery-sec__text--world-1300 {
    display: none;
  }
  .delivery-sec--world .delivery-sec__text--world-compact {
    display: block;
    width: 395px;
    max-width: 100%;
    line-height: 24px;
    min-height: 168px;
  }
}

/* ========== 360 ========== */
@media (max-width: 360px) {
  html,
  body.product-page.delivery-page {
    min-width: 360px;
    width: 360px;
  }

  .delivery-main {
    width: 360px;
    padding-bottom: 60px; /* footer 2425 − world end 2365 */
  }

  .delivery-bc {
    margin: 25px 0 0 16px; /* 99 - 74 */
    min-height: 20px;
  }

  .delivery-bc__current {
    color: #666666;
    font-weight: 400;
    border-bottom: none;
    padding-bottom: 0;
  }

  /* Keep product.css 360 header: mail → phone → share → catalog */
  .delivery-page .header-share {
    display: inline-flex !important;
  }

  .delivery-layout {
    width: 360px;
    padding: 0 16px;
    margin-top: 29px; /* 148 - (99+20) */
    position: static;
    display: flex;
    flex-direction: column;
    min-height: 0;
    box-sizing: border-box;
    overflow: visible;
  }

  .delivery-title {
    position: static;
    margin: 0;
    width: auto;
    font-size: 24px;
    font-weight: 300;
    line-height: 31px;
  }

  .delivery-aside,
  .delivery-detail {
    position: static;
    left: auto;
    top: auto;
    width: 328px;
    height: auto;
  }

  .delivery-sec {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    margin: 0;
  }

  .delivery-sec__body {
    margin: 0;
  }

  .delivery-sec__icon {
    margin: 0 0 20px; /* icon→text gap 20 @360 */
  }

  .delivery-aside__icon--bottom {
    display: none;
  }

  .delivery-aside {
    margin-top: 16px; /* 195 - (148+31) */
    width: 328px;
  }

  .delivery-aside__icon {
    margin-top: 0;
  }

  .delivery-aside__title {
    margin-top: 24px; /* 350.6 - (195+131.3) */
    font-size: 16px;
    line-height: 24px; /* Figma h 24 */
  }

  .delivery-aside__moscow {
    margin-top: 17px; /* 391.2 - (350.6+24) */
    width: 332px; /* Figma 331.3; bold line needs ≥331.1 */
    max-width: none;
    height: auto;
    min-height: 66px;
    line-height: 22px;
  }

  .delivery-aside__moscow strong {
    white-space: nowrap;
  }

  .delivery-aside__regions--420 {
    display: none;
  }

  .delivery-aside__regions--desk {
    display: block;
    margin-top: 13px; /* 470 - (391.2+66) */
    width: 328px;
    line-height: 21px;
    min-height: 147px;
    height: 147px;
  }

  .delivery-detail {
    margin-top: 32px; /* 649 - (470+147) */
    width: 328px;
  }

  .delivery-intro--1920,
  .delivery-intro--1300 {
    display: none;
  }

  .delivery-intro--compact {
    display: block;
    position: static;
    margin: 0;
    width: 328px;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    color: #262626;
    white-space: pre-line;
    min-height: 126px;
  }

  .delivery-sec__text,
  .delivery-sec__note {
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    color: #262626;
  }

  .delivery-sec--cost {
    margin-top: 32px; /* 807 - (649+126) */
  }
  .delivery-sec__text--cost-1920,
  .delivery-sec__note--day {
    display: none;
  }
  .delivery-sec__text--cost-merge {
    display: block;
    width: 328px;
    font-size: 14px;
    line-height: 21px;
    min-height: 147px;
  }

  .delivery-sec--office {
    margin-top: 32px; /* 1030 - (851+147) */
  }
  .delivery-sec__text--office-1920,
  .delivery-sec__text--office-1300,
  .delivery-sec__text--office-900 {
    display: none;
  }
  .delivery-sec__text--office-compact {
    display: block;
    width: 313px;
    font-size: 14px;
    line-height: 21px;
    min-height: 84px;
  }

  .delivery-sec--courier {
    margin-top: 32px; /* 1190 - (1074+84) */
  }
  .delivery-sec--courier .delivery-sec__icon {
    margin-bottom: 24px; /* Figma frame h25 → text @1235; keep chain aligned */
  }
  .delivery-sec__text--courier-1920,
  .delivery-sec__text--courier-1300,
  .delivery-sec__text--courier-900 {
    display: none;
  }
  .delivery-sec__text--courier-360 {
    display: block;
    width: 328px;
    font-size: 14px;
    line-height: 21px;
    min-height: 126px;
  }
  .delivery-sec--courier .delivery-sec__note--ship {
    margin-top: 12px; /* 1373 - (1235+126) */
    width: 294px;
    font-size: 14px;
    line-height: 21px;
    min-height: 42px;
  }

  .delivery-sec--moscow {
    margin-top: 32px; /* 1447 - (1373+42) */
  }
  .delivery-sec__text--msk-lead-1920,
  .delivery-sec__text--msk-body-1920,
  .delivery-sec__text--msk-pickup-1920,
  .delivery-sec__text--msk-lead-1300,
  .delivery-sec__text--msk-merged-1300,
  .delivery-sec__text--msk-merged-900,
  .delivery-sec__text--msk-merged-420 {
    display: none;
  }
  .delivery-sec__text--msk-merged-360 {
    display: block;
    width: 328px;
    font-size: 14px;
    line-height: 21px;
    min-height: 378px;
  }

  .delivery-sec--russia {
    margin-top: 32px; /* 1901 - (1491+378) */
  }
  .delivery-sec__text--ru-1920,
  .delivery-sec__text--ru-lead,
  .delivery-sec__text--ru-1300,
  .delivery-sec__text--ru-420 {
    display: none;
  }
  .delivery-sec__text--ru-360 {
    display: block;
    width: 329px;
    font-size: 14px;
    line-height: 21px;
    min-height: 189px;
  }

  .delivery-sec--world {
    margin-top: 32px; /* 2166 - (1945+189) */
  }
  .delivery-sec--world .delivery-sec__icon {
    width: 32px;
    height: 32px;
    margin-bottom: 20px; /* 2218 - (2166+32) */
  }
  .delivery-sec__text--world-1920,
  .delivery-sec__text--world-1300 {
    display: none;
  }
  .delivery-sec__text--world-compact {
    display: block;
    width: 329px;
    font-size: 14px;
    line-height: 21px;
    min-height: 147px;
  }
}
