/* Mobile usability: container sizing, one navigation row and native-purchase access. */
body.lpmc-retail-v3 [id$="__lpmc_jjj_home_v1"] .custom-sline > .page-width {
  width: 100%;
  max-width: none;
  padding-inline: 0;
}
body.lpmc-retail-v3 [id$="__lpmc_jjj_home_v1"] .custom-sline__inner {
  min-width: 0;
  width: 100%;
  padding-block: 0;
}
body.lpmc-retail-v3 [id$="__lpmc_jjj_home_v1"] .rte {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: 1 1 auto;
}
body.lpmc-retail-v3 .lpmc-jjj-home { --jjj-shell: min(1500px, calc(100% - 76px)); }
body.lpmc-retail-v3 .lpmc-jjj-faqs { width: min(1500px, calc(100% - 76px)); }
@media (max-width: 1100px) {
  body.lpmc-retail-v3 .lpmc-jjj-home { --jjj-shell: calc(100% - 44px); }
}
@media (max-width: 820px) {
  body.lpmc-retail-v3 .lpmc-jjj-home { --jjj-shell: calc(100% - 30px); }
  body.lpmc-retail-v3 .lpmc-jjj-faqs { width: calc(100% - 30px); }
}
#lpmc-mobile-purchase { display: none; }
body.lpmc-retail-v3 .lpmc-mobile-details { width: 100%; min-width: 0; }
body.lpmc-retail-v3 .lpmc-mobile-details > summary { display: none; }
@media (max-width: 767px) {
  /* The native drawer retains all links, search and locale controls. */
  body.lpmc-retail-v3 header.header-section theme-nav-bar,
  body.lpmc-retail-v3 header.header-section .mobile-slider-navbar,
  body.lpmc-retail-v3 header.header-section .header__container-bottom {
    display: none !important;
  }
  body.lpmc-retail-v3[data-page-type="product"][data-lpmc-mobile-purchase] {
    padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.lpmc-retail-v3 #lpmc-mobile-purchase {
    position: fixed;
    z-index: 45;
    inset: auto 0 0;
    display: flex;
    box-sizing: border-box;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid #e1e1e1;
    background: #fff;
    box-shadow: 0 -3px 14px rgb(0 0 0 / 5%);
  }
  body.lpmc-retail-v3 #lpmc-mobile-purchase[hidden],
  body.lpmc-retail-v3:has(theme-header-nav-drawer.open) #lpmc-mobile-purchase,
  body.lpmc-retail-v3:has(.header-nav-drawer.open) #lpmc-mobile-purchase,
  body.lpmc-retail-v3:has(dialog[open]) #lpmc-mobile-purchase {
    display: none;
  }
  body.lpmc-retail-v3 #lpmc-mobile-purchase a {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    border: 1px solid #111;
    border-radius: 4px;
    background: #111;
    color: #fff;
    font: 600 15px/1.4 Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    overflow-wrap: anywhere;
  }
  body.lpmc-retail-v3 #lpmc-native-options { scroll-margin-block-start: 100px; }
  body.lpmc-retail-v3 .lpmc-mobile-details {
    margin-block: 12px;
    border-block: 1px solid #dedede;
    scroll-margin-block-start: 90px;
  }
  body.lpmc-retail-v3 .lpmc-mobile-details > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 56px;
    box-sizing: border-box;
    padding: 16px;
    color: #202124;
    background: #fff;
    font: 600 16px/1.5 Arial, Helvetica, sans-serif;
    cursor: pointer;
    list-style: none;
  }
  body.lpmc-retail-v3 .lpmc-mobile-details > summary::-webkit-details-marker { display: none; }
  body.lpmc-retail-v3 .lpmc-mobile-details > summary::after { content: "+"; font-size: 24px; font-weight: 400; }
  body.lpmc-retail-v3 .lpmc-mobile-details[open] > summary::after { content: "−"; }
  body.lpmc-retail-v3 #lpmc-mobile-purchase a:focus-visible,
  body.lpmc-retail-v3 .lpmc-mobile-details > summary:focus-visible {
    outline: 3px solid #2f50d3;
    outline-offset: -3px;
  }
  body.lpmc-retail-v3 .lpmc-pdp-service-strip__inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 12px; }
  body.lpmc-retail-v3 .lpmc-pdp-service-strip__item { min-height: 90px; gap: 10px; padding: 14px 8px; align-items: flex-start; }
  body.lpmc-retail-v3 .lpmc-pdp-service-strip__item:nth-child(n+3) { border-bottom: 0; }
  body.lpmc-retail-v3 .lpmc-pdp-service-strip__item svg { width: 24px; height: 24px; flex-basis: 24px; }
}