/* RAMMO: reserve each fixed banner’s actual image ratio before it loads. */
section[component-id="1727483375"] img,
section[component-id="45779945"] img {
  aspect-ratio: 1879 / 435;
  width: 100%;
  height: auto;
}








/* Keep sale prices readable on the configured white product cards. */
.s-product-card-sale-price .s-product-card-price {
  color: #b42318 !important;
}








/* Reserve image space without stretching payment or brand logos. */
.product-brand img { aspect-ratio: 1440 / 473; }
salla-payments .s-payments-list-item img:not(.s-payments-sbc-image) {
  width: 40px;
  height: 24px;
  object-fit: contain;
}








/* RAMMO CLS: reserve native product component space only until hydration.
   Hydrated controls retain every original theme style and behavior. */
:is(#product-443359037, #product-1033743968, #product-614117843)
.main-content > a.tab-trigger > salla-rating-stars:not(.hydrated) {
  min-block-size: 2rem;
}
:is(#product-443359037, #product-1033743968, #product-614117843)
.sticky-product-bar salla-quantity-input:not(.hydrated) {
  min-block-size: 2.5rem;
}








/* Reserve the existing breadcrumb rows while the native component hydrates. */
body:has(:is(#product-443359037, #product-1033743968, #product-614117843))
nav.breadcrumbs > salla-breadcrumb:not(.hydrated) {
  display: block;
  min-block-size: 1.25rem;
}
@media (max-width: 480px) {
  body:has(#product-614117843) nav.breadcrumbs > salla-breadcrumb:not(.hydrated) {
    min-block-size: 2.5rem;
  }
}




/* RAMMO: preserve the original square gallery as supplemental photos load. */
#details-slider-614117843 > .s-slider-container {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto !important;
}
#details-slider-614117843 .s-slider-swiper-wrapper {
  height: 100% !important;
}
#details-slider-614117843 .swiper-slide {
  height: 100% !important;
  aspect-ratio: 1 / 1;
}
#details-slider-614117843 .swiper-slide img {
  width: 100%;
  height: 100% !important;
  object-fit: contain;
}




/* Reserve the existing size-guide photo dimensions without enlarging it. */
img[src*="OfJdiuVTly2n8LGbLix3BJlyoAABHOLU3J1AwQog"] {
  width: 720px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
}


/* RAMMO homepage CLS: reserve the two existing product rows before data arrives.
   Mobile only. Minimums stay below the measured loaded row heights;
   no fixed heights, card sizing, order, checkout or tracking changes. */
@media (max-width: 639.98px) {
  #best-offers-1-slider[component-id="1719558223"],
  #best-offers-2-slider[component-id="1055213190"] {
    --rammo-row-card-space: min(250px, calc(75vw - 2.5625rem));
  }
  #best-offers-1-slider[component-id="1719558223"] {
    min-block-size: calc(var(--rammo-row-card-space) + 14.5rem);
  }
  #best-offers-2-slider[component-id="1055213190"] {
    min-block-size: calc(var(--rammo-row-card-space) + 13.125rem);
  }
  :is(#best-offers-1-slider[component-id="1719558223"], #best-offers-2-slider[component-id="1055213190"]) .s-products-slider-card {
    max-width: 250px;
    height: auto !important;
  }
  :is(#best-offers-1-slider[component-id="1719558223"], #best-offers-2-slider[component-id="1055213190"]) .s-slider-block__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
  }
  #best-offers-1-slider[component-id="1719558223"] .s-slider-block__title {
    min-block-size: 2.6875rem;
  }
}
@media (max-width: 350px) {
  #best-offers-1-slider[component-id="1719558223"] {
    min-block-size: calc(var(--rammo-row-card-space) + 15.5rem);
  }
  #best-offers-2-slider[component-id="1055213190"] {
    min-block-size: calc(var(--rammo-row-card-space) + 14.125rem);
  }
}