/* Warranty — Figma 23:8665 @1920; 191:9463 @1300; 191:9500 @900; 191:9532 @420; 161:7586 @360 */

html:has(body.warranty-page),
body.warranty-page.product-page {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden;
  margin: 0;
  background: #fff;
}

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

.warranty-stage {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

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

@media (min-width: 1301px) {
  body.warranty-page {
    --warranty-art: 1920;
    --warranty-scale: calc(100vw / 1920);
  }
}

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

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

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

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

/* —— 1920 base (chrome ≈108) —— */
.warranty-main {
  position: relative;
  width: 1920px;
  margin: 0 auto;
  padding-bottom: 0;
  box-sizing: border-box;
  min-height: 2480px; /* footer @2588 − 108 */
}

.warranty-bc {
  position: absolute;
  left: 159px;
  top: 32px; /* 140 − 108 */
  z-index: 2;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 20px; /* Figma RAW/PIXELS 20 */
}

.warranty-bc__link {
  color: #666666;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  text-decoration: none;
}

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

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

.warranty-bc__current {
  color: #666666;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 400;
  white-space: nowrap;
}

.warranty-title {
  position: absolute;
  left: 161px;
  top: 108px; /* 216 − 108 */
  margin: 0;
  width: 289px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 32px;
  line-height: 35.2px;
  color: #262626;
  font-synthesis: none;
}

.warranty-hero {
  position: absolute;
  left: 159px;
  top: 204px; /* 312 − 108 */
  display: block;
  width: 131.25px;
  height: 131.25px;
}

.warranty-aside {
  position: absolute;
  left: 159px;
  top: 370.6px; /* 478.6 − 108 */
  width: 407.2px;
}

.warranty-aside__title {
  margin: 0 0 15px; /* 520.2 − 478.6 − 26.6 */
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 26.6px; /* Figma 23:8845 */
  color: #262626;
  font-synthesis: none;
}

.warranty-aside__text {
  margin: 0;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 25px;
  color: #262626;
  white-space: pre-line;
  font-synthesis: none;
}

.warranty-aside__text strong {
  font-weight: 700;
  font-family: Roboto, Arial, sans-serif;
}

.warranty-aside__text--mid {
  display: none;
}

.warranty-col {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.warranty-col > * {
  pointer-events: auto;
}

.warranty-block {
  position: absolute;
  box-sizing: border-box;
}

.warranty-h2 {
  margin: 0 0 24px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 26.6px;
  color: #262626;
  font-synthesis: none;
}

.warranty-p {
  margin: 0;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.4;
  color: #262626;
  white-space: pre-line;
  font-synthesis: none;
}

.warranty-p a,
.warranty-mail {
  color: #262626;
  text-decoration: underline;
}

.warranty-rich {
  margin: 0;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.4;
  color: #262626;
  font-synthesis: none;
}

.warranty-rich p {
  margin: 0;
}

.warranty-em {
  color: #258ffb; /* Figma fill #258ffb */
}

.warranty-list {
  margin: 0;
  padding: 0 0 0 30px;
  list-style: disc;
}

.warranty-list li {
  margin: 0;
  padding: 0;
}

.warranty-page .top-nav a.is-active {
  font-weight: 500;
}

.warranty-block--guarantees {
  left: 829px;
  top: 109px; /* 217 − 108 */
  width: 930px;
}

.warranty-block--dup {
  left: 829px;
  top: 612px; /* 720 − 108 */
  width: 930px;
}

.warranty-block--return {
  left: 829px;
  top: 1115px; /* 1223 − 108 */
  width: 930px;
}

.warranty-block--terms {
  left: 829px;
  top: 1478px; /* 1586 − 108 */
  width: 930px;
}

.warranty-block--how {
  left: 829px;
  top: 1701px; /* 1809 − 108 */
  width: 930px;
}

.warranty-block--money {
  left: 829px;
  top: 2008px; /* 2116 − 108 */
  width: 930px;
}

.warranty-p--money-intro {
  margin-bottom: 32px; /* 2227 − 2167 − 28 ≈ 32 */
}

.warranty-table {
  display: flex;
  gap: 215px; /* 1256 − 829 − 212 ≈ 215; use absolute cols instead */
  position: relative;
  width: 930px;
  min-height: 106px;
}

.warranty-table__col {
  position: absolute;
  top: 0;
  width: 364px;
}

.warranty-table__col:first-child {
  left: 0;
}

.warranty-table__col:last-child {
  left: 427px; /* 1256 − 829 */
  width: 351px;
}

.warranty-table__head {
  margin: 0 0 24px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  color: #262626;
  font-synthesis: none;
}

.warranty-table__cell {
  margin: 0 0 12px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.4;
  color: #262626;
  font-synthesis: none;
}

.warranty-table__cell:last-child {
  margin-bottom: 0;
}

.warranty-block--when {
  left: 829px;
  top: 2287px; /* 2395 − 108 */
  width: 733px;
}

.warranty-block--when .warranty-h2 {
  margin-bottom: 10px; /* 2432 − 2395 − 27 = 10 */
}

.warranty-block--when-dup {
  display: none;
}

.warranty-page .site-footer {
  margin-top: 0;
}

/* —— 1300 — Figma 191:9463 (chrome 108) —— */
@media (max-width: 1300px) and (min-width: 1000px) {
  .warranty-main {
    width: 1300px;
    min-height: 2660px; /* 2768 − 108 */
  }

  .warranty-bc {
    left: 19px;
    top: 28px; /* 136 − 108 */
  }

  .warranty-title {
    left: 19px;
    top: 80px; /* 188 − 108 */
  }

  .warranty-hero {
    left: 19px;
    top: 148px; /* 256 − 108 */
  }

  .warranty-aside {
    left: 19px;
    top: 314.6px; /* 422.6 − 108 */
    width: 407.2px;
  }

  .warranty-block--guarantees {
    left: 521px;
    top: 80px; /* 188 − 108 */
    width: 759px;
  }

  .warranty-block--dup {
    left: 521px;
    top: 639px; /* 747 − 108 */
    width: 759px;
  }

  .warranty-block--return {
    left: 521px;
    top: 1198px; /* 1306 − 108 */
    width: 759px;
  }

  .warranty-block--terms {
    left: 521px;
    top: 1617px; /* 1725 − 108 */
    width: 759px;
  }

  .warranty-block--how {
    left: 521px;
    top: 1840px; /* 1948 − 108 */
    width: 759px;
  }

  .warranty-block--money {
    left: 521px;
    top: 2147px; /* 2255 − 108 */
    width: 759px;
  }

  .warranty-table {
    width: 759px;
  }

  .warranty-table__col:last-child {
    left: 408px; /* 929 − 521 */
  }

  .warranty-block--when {
    left: 521px;
    top: 2454px; /* 2562 − 108 */
    width: 733px;
  }

  .warranty-block--when .warranty-h2 {
    margin-bottom: 24px; /* 2613 − 2562 − 27 */
  }
}

/* —— 900 — Figma 191:9500 (chrome 104) —— */
@media (max-width: 999px) and (min-width: 700px) {
  .warranty-main {
    width: 900px;
    min-height: 2469px; /* 2573 − 104 */
  }

  .warranty-bc {
    left: 77px;
    top: 16px; /* 120 − 104 */
  }

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

  .warranty-title {
    left: 77px;
    top: 68px; /* 172 − 104 */
  }

  .warranty-hero {
    left: 78px;
    top: 136px; /* 240 − 104 */
  }

  .warranty-aside {
    left: 78px;
    top: 302.6px; /* 406.6 − 104 */
    width: 407.2px;
  }

  .warranty-aside__title {
    margin-bottom: 10px; /* 443.2 − 406.6 − 26.6 */
  }

  .warranty-aside__text {
    font-size: 16px;
    line-height: 25px;
  }

  .warranty-aside__text--desk {
    display: none;
  }

  .warranty-aside__text--mid {
    display: block;
  }

  .warranty-h2 {
    font-size: 16px;
    line-height: 26.6px;
    margin-bottom: 24px;
  }

  .warranty-p {
    font-size: 16px;
    line-height: 1.4;
  }

  .warranty-rich {
    font-size: 16px;
  }

  .warranty-block--guarantees {
    left: 77px;
    top: 496px; /* 600 − 104 */
    width: 759px;
  }

  .warranty-block--dup {
    left: 77px;
    top: 903px; /* 1007 − 104 */
    width: 759px;
  }

  .warranty-block--return {
    left: 77px;
    top: 1310px; /* 1414 − 104 */
    width: 759px;
  }

  .warranty-block--terms {
    left: 77px;
    top: 1585px; /* 1689 − 104 */
    width: 759px;
  }

  .warranty-block--how {
    left: 77px;
    top: 1750px; /* 1854 − 104 */
    width: 759px;
  }

  .warranty-block--money {
    left: 77px;
    top: 1981px; /* 2085 − 104 */
    width: 759px;
  }

  .warranty-p--money-intro {
    margin-bottom: 48px; /* 2228 − 2136 − 44 */
  }

  .warranty-table {
    width: 759px;
  }

  .warranty-table__col:last-child {
    left: 408px; /* 485 − 77 */
  }

  .warranty-table__head {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 24px;
  }

  .warranty-block--when {
    left: 77px;
    top: 2274px; /* 2378 − 104 */
    width: 733px;
  }

  .warranty-block--when .warranty-h2 {
    margin-bottom: 24px;
  }
}

/* —— 420 — Figma 191:9532 (chrome 74) —— */
@media (max-width: 699px) and (min-width: 361px) {
  .warranty-main {
    width: 420px;
    min-height: 3044px; /* 3118 − 74 */
  }

  .warranty-bc {
    left: 12px;
    top: 24px; /* 98 − 74 */
  }

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

  .warranty-title {
    left: 12px;
    top: 76px; /* 150 − 74 */
    width: 289px;
  }

  .warranty-hero {
    left: 12px;
    top: 144px; /* 218 − 74 */
  }

  .warranty-aside {
    left: 12px;
    top: 310.6px; /* 384.6 − 74 */
    width: 391px;
  }

  .warranty-aside__title {
    margin-bottom: 9.8px; /* 421 − 384.6 − 26.6 */
  }

  .warranty-aside__text {
    font-size: 16px;
    line-height: 25px;
  }

  .warranty-aside__text--desk {
    display: none;
  }

  .warranty-aside__text--mid {
    display: block;
  }

  .warranty-h2 {
    font-size: 16px;
    line-height: 26.6px;
    margin-bottom: 12px; /* tighter on mobile stack */
  }

  .warranty-p {
    font-size: 16px;
    line-height: 1.4;
  }

  .warranty-rich {
    font-size: 16px;
  }

  .warranty-list {
    padding-left: 24px;
  }

  .warranty-block--guarantees {
    left: 12px;
    top: 479px; /* 553 − 74 */
    width: 396px;
  }

  .warranty-block--guarantees .warranty-p {
    font-size: 14px;
  }

  .warranty-block--dup {
    left: 12px;
    top: 990px; /* 1064 − 74 */
    width: 396px;
  }

  .warranty-block--return {
    left: 12px;
    top: 1589px; /* 1663 − 74 */
    width: 396px;
  }

  .warranty-block--terms {
    left: 12px;
    top: 1990px; /* 2064 − 74 */
    width: 396px;
  }

  .warranty-block--how {
    left: 12px;
    top: 2193px; /* 2267 − 74 */
    width: 396px;
  }

  .warranty-block--money {
    left: 12px;
    top: 2506px; /* 2580 − 74 */
    width: 396px;
  }

  .warranty-p--money-intro {
    margin-bottom: 32px;
  }

  /* Stack table columns */
  .warranty-table {
    display: block;
    position: relative;
    width: 396px;
    min-height: 0;
    height: auto;
  }

  .warranty-table__col {
    position: relative;
    left: 0 !important;
    width: 100% !important;
    margin-bottom: 24px;
  }

  .warranty-table__col:last-child {
    margin-bottom: 0;
  }

  .warranty-table__head {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .warranty-table__cell {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .warranty-block--when {
    left: 12px;
    top: 2879px; /* 2953 − 74 */
    width: 384px;
  }

  .warranty-block--when .warranty-h2 {
    margin-bottom: 12px;
  }
}

/* —— 360 — Figma 161:7586 (chrome 74) —— */
@media (max-width: 360px) {
  .warranty-main {
    width: 360px;
    min-height: 3415px; /* 3489 − 74 */
  }

  .warranty-bc {
    left: 16px;
    top: 25px; /* 99 − 74 */
  }

  .warranty-bc__current {
    font-weight: 400;
    color: #666666;
  }

  .warranty-title {
    left: 16px;
    top: 74px; /* 148 − 74 */
    width: 217px;
    font-size: 24px;
    line-height: 31px;
  }

  .warranty-hero {
    left: 16px;
    top: 137px; /* 211 − 74 */
  }

  .warranty-aside {
    left: 16px;
    top: 300.6px; /* 374.6 − 74 */
    width: 328px;
  }

  .warranty-aside__title {
    margin-bottom: 9.8px; /* 411 − 374.6 − 26.6 */
  }

  .warranty-aside__text {
    font-size: 14px;
    line-height: 1.5; /* Figma RAW 1.5 @360 */
  }

  .warranty-aside__text--desk {
    display: block;
  }

  .warranty-aside__text--mid {
    display: none;
  }

  .warranty-h2 {
    font-size: 16px;
    line-height: 26.6px;
    margin-bottom: 12px;
  }

  .warranty-p {
    font-size: 14px;
    line-height: 1.5; /* Figma RAW 1.5 @360 */
  }

  .warranty-rich {
    font-size: 14px;
    line-height: 1.5;
  }

  .warranty-list {
    padding-left: 24px;
  }

  .warranty-block--guarantees {
    left: 16px;
    top: 474px; /* 548 − 74 */
    width: 328px;
  }

  .warranty-block--dup {
    left: 16px;
    top: 1086px; /* 1160 − 74 */
    width: 332px;
  }

  .warranty-block--return {
    left: 16px;
    top: 1698px; /* 1772 − 74 */
    width: 328px;
  }

  .warranty-block--terms {
    left: 16px;
    top: 2100px; /* 2174 − 74 */
    width: 328px;
  }

  .warranty-block--how {
    left: 16px;
    top: 2313px; /* 2387 − 74 */
    width: 328px;
  }

  .warranty-block--how .warranty-h2 {
    width: 230px;
    margin-bottom: 12px;
  }

  .warranty-block--money {
    left: 16px;
    top: 2679px; /* 2753 − 74 */
    width: 328px;
  }

  .warranty-p--money-intro {
    margin-bottom: 38px;
    width: 247px;
  }

  .warranty-table {
    display: block;
    position: relative;
    width: 328px;
    min-height: 0;
  }

  .warranty-table__col {
    position: relative;
    left: 0 !important;
    width: 100% !important;
    margin-bottom: 20px;
  }

  .warranty-table__head {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .warranty-table__cell {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 8px;
  }

  .warranty-block--when {
    left: 16px;
    top: 3103px; /* 3177 − 74 */
    width: 304px;
  }

  .warranty-block--when .warranty-h2 {
    margin-bottom: 12px;
  }

  .warranty-block--when-dup {
    display: block;
    left: 16px;
    top: 3253px; /* 3327 − 74 */
    width: 304px;
  }

  .warranty-block--when-dup .warranty-h2 {
    margin-bottom: 12px;
  }
}