/* The configuration divider has the same space on either side. */
.recovery-static .product-detailed-controls {
  margin-bottom: 0 !important;
  padding-bottom: 16px !important;
  gap: 0;
}
.recovery-static .product-detailed-controls__item {
  border-radius: 0;
}
.recovery-static .product-detailed-controls__item:first-child {
  border-top-left-radius: 10px;
}
.recovery-static .product-detailed-controls__item:last-child {
  border-top-right-radius: 10px;
}
.recovery-static .product-detailed-controls__item + .product-detailed-controls__item {
  margin-left: -2px;
}
.recovery-static .product-detailed-panel {
  display: flow-root !important;
  padding-top: 16px;
}
.recovery-static .product-detailed-panel .stss-configurator {
  margin-top: 0;
  margin-bottom: 0;
}
.recovery-static .product-detailed-description {
  margin: 0;
  padding-top: 16px;
}
.recovery-static .product-detailed-description > :first-child {
  margin-top: 0;
}

/* A narrow overlay scrollbar keeps the page background at full viewport width. */
@media (scripting: enabled) {
  /* The class is already in recovered HTML, so reserve the same viewport width
     before the scrollbar controller initializes and adds its overlay thumb. */
  html.recovery-static { scrollbar-width: none; }
  html.recovery-static::-webkit-scrollbar { width: 0; height: 0; }
}
.stss-page-scrollbar { position:fixed; z-index:1100; inset:0 0 0 auto; width:12px; padding:0; border:0; background:transparent; touch-action:none; user-select:none; }
.stss-page-scrollbar[hidden] { display:none; }
.stss-page-scrollbar-thumb { position:absolute; top:0; right:0; width:4px; min-height:36px; border-radius:3px 0 0 3px; background:#6f8291; transition:background-color .15s,width .15s; }
.stss-page-scrollbar:hover .stss-page-scrollbar-thumb,
.stss-page-scrollbar:focus-visible .stss-page-scrollbar-thumb,
.stss-page-scrollbar.is-dragging .stss-page-scrollbar-thumb { width:6px; background:#526b7d; }
.stss-page-scrollbar:focus-visible { outline:1px solid #f06724; outline-offset:-1px; }
.recovery-static * { scrollbar-width:thin; scrollbar-color:#9aa8b2 transparent; }
@media print { .stss-page-scrollbar { display:none; } }
@media(prefers-reduced-motion:reduce) { .stss-page-scrollbar-thumb { transition:none; } }

/* Keep the server catalog page controls inside very narrow screens. */
.recovery-static :is(.catalog-footer,.list-nav){box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:24px;margin:24px 0 0;padding:0;grid-column:1/-1}
.recovery-static :is(.catalog-footer,.list-nav)>:is(.load-more-items,.load-more-news,.btn){box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;align-self:center;width:auto;max-width:100%;min-height:44px;margin:0;padding:11px 24px;border:1px solid #f56b1c;border-radius:14px;background:#f56b1c;color:#fff;font-size:16px;font-weight:650;line-height:20px;text-decoration:none}
.recovery-static :is(.catalog-footer,.list-nav)>:is(.load-more-items,.load-more-news,.btn):hover{background:#df5910;border-color:#df5910}
.recovery-static :is(.catalog-footer,.list-nav) .pagination{box-sizing:border-box;display:flex;flex:0 0 auto;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;gap:6px;margin:0;padding:0}
.recovery-static :is(.catalog-footer,.list-nav) .pagination__link{box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:44px;height:44px;margin:0;padding:0 12px;border:1px solid #dce2e5;border-radius:13px;background:#fff;color:#35434b;font-size:16px;line-height:20px;text-decoration:none}
.recovery-static :is(.catalog-footer,.list-nav) .pagination__link.is-selected{border-color:#f56b1c;background:#f56b1c;color:#fff;font-weight:700}
.recovery-static :is(.catalog-footer,.list-nav) .pagination__link:hover:not(.is-selected){border-color:#f0a276;background:#fff7f2;color:#d95012}
.recovery-static :is(.catalog-footer,.list-nav) .pagination__link svg{width:16px;height:16px}
.recovery-static :is(.catalog-footer,.list-nav) :is(a,button):focus-visible{outline:2px solid #f56b1c;outline-offset:3px}
@media(max-width:520px){.recovery-static :is(.catalog-footer,.list-nav){margin-top:20px;gap:20px}.recovery-static :is(.catalog-footer,.list-nav) .pagination{gap:4px}}
@media (max-width: 359px) {
  .catalog-footer__pagination {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
  }

  .catalog-footer__pagination .pagination__link {
    box-sizing: border-box;
    min-width: 34px;
    margin: 0;
    padding: 8px 9px;
  }
}