/* OULU mobile product layout: full-bleed cover and one-row purchase controls. */
@media (max-width: 680px) {
  body[class*="item-"] .item.type-1 .item-image .item-image-inner,
  body[class*="item-"] .item.type-1 .item-image .item-image-list,
  body[class*="item-"] .item.type-1 .item-image .item-image-list .swiper-wrapper,
  body[class*="item-"] .item.type-1 .item-image .item-image-list .swiper-slide,
  body[class*="item-"] .item.type-1 .item-image .item-image-list .swiper-slide a {
    box-sizing: border-box !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    width: 100vw !important;
  }

  body[class*="item-"] .item.type-1 .item-image .item-image-list {
    overflow: hidden !important;
  }

  body[class*="item-"] .item.type-1 .item-image .item-image-list .swiper-slide img {
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100vw !important;
  }

  body[class*="item-"] .x_purchaseForm {
    align-items: flex-end !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
  }

  body[class*="item-"] .x_purchaseForm #amountSelectWrap { flex: 0 0 auto !important; }
  body[class*="item-"] .x_purchaseForm .purchaseButton { align-self: flex-end !important; margin: 0 !important; }
  body[class*="item-"] .x_purchaseForm .purchaseButton__btn { width: auto !important; }
}