/* JIRNO: one product per row / slide on phones. Desktop stays unchanged. */
@media (max-width:767px) {
  :is(#content,#jirno-home) .products.products-block {
    width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important;
  }
  :is(#content,#jirno-home) .products.products-block>.product,
  #content .products.products-inline>.product {
    flex:0 0 100%!important; width:100%!important; max-width:100%!important;
    min-width:0; margin:0 0 16px!important; padding:0!important;
  }
  :is(#content,#jirno-home) .products.products-block .slider-group-products {
    width:100%!important; min-width:0; padding:0!important;
  }
  :is(#content,#jirno-home) .products.products-block .swiper-container {width:100%!important; padding:0!important}
  :is(#content,#jirno-home) .products.products-block .swiper-wrapper {align-items:stretch}
  :is(#content,#jirno-home) .products.products-block .swiper-slide {
    width:100%!important; height:auto!important; padding:0!important; margin:0!important;
  }
  :is(#content,#jirno-home) .products.products-block .swiper-slide>.product {
    display:flex!important; width:100%!important; max-width:100%!important;
    height:100%!important; margin:0!important; padding:0!important;
  }
  :is(#content,#jirno-home) .products.products-block .product>.p {
    display:flex!important; flex-direction:column; width:100%!important;
    min-width:0; height:100%!important; padding:0!important;
  }
  :is(#content,#jirno-home) .products.products-block .p>a.image {
    width:100%!important; height:clamp(190px,60vw,280px)!important; max-height:none!important;
    display:flex!important; align-items:center; justify-content:center;
  }
  :is(#content,#jirno-home) .products.products-block .p>a.image img {
    max-width:100%!important; max-height:100%!important; object-fit:contain;
  }
  :is(#content,#jirno-home) .products.products-block .p-in {
    display:flex!important; flex-direction:column; flex:1 0 auto!important;
    width:100%!important; min-width:0; padding:16px!important;
  }
  :is(#content,#jirno-home) .products.products-block .p .name {
    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;
    overflow:hidden; line-height:1.4; min-height:4.2em; max-height:4.2em;
  }
  :is(#content,#jirno-home) .products.products-block .p-bottom {margin-top:auto!important}
  :is(#content,#jirno-home) .products.products-block .product-btn {
    position:static!important; display:block!important;
    width:calc(100% - 32px)!important; margin:0 16px 16px!important;
  }
  #jirno-auto-related .jar-grid.products.products-block {
    grid-auto-columns:100%!important; width:100%!important; margin-left:0!important; margin-right:0!important;
  }
  #jirno-auto-related .jar-grid.products.products-block>.product {margin-bottom:0!important}
}

@media(max-width:767px){#jirno-home .products.products-block{scroll-snap-type:x mandatory;scroll-padding-inline:0}#jirno-home .products.products-block>.product{scroll-snap-align:start}}

/* Two-column catalogue; equal rows and stable price alignment. */
@media(max-width:767px){
 #content .products.products-block.products-page{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:1fr;gap:12px!important;overflow:visible!important;
 }
 #content .products.products-block.products-page>.product{
  display:flex!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
 }
 #content .products.products-block.products-page .p>a.image{height:clamp(140px,38vw,190px)!important}
 #content .products.products-block.products-page .p-in{padding:12px!important}
 #content .products.products-block.products-page .product-btn{width:calc(100% - 24px)!important;margin:0 12px 12px!important}
 #content .products.products-block.products-page .p-bottom>[data-micro="offer"]{flex-direction:column!important;align-items:stretch!important}
 #content .products.products-block.products-page .prices,
 #content .products.products-block.products-page .p-tools{width:100%!important;text-align:left!important}
 #content .products.products-block.products-page .p-tools{margin-top:6px;min-height:2.6em}
 #content .products.products-block.products-page .availability{text-align:left!important}
 :is(#content,#jirno-home) .products.products-block .prices{align-items:flex-start!important;text-align:left!important}
 :is(#content,#jirno-home) .products.products-block .prices .price-final{
  margin-left:0!important;margin-right:0!important;align-self:flex-start!important;text-align:left!important;
 }
 :is(#content,#jirno-home) .products.products-block .prices .price-additional{
  margin-left:0!important;margin-right:0!important;align-self:flex-start!important;text-align:left!important;
 }
 .jirno-product-dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;margin:8px 0 20px;padding:0;clear:both}
 .jirno-product-dots button{display:grid;place-items:center;min-width:28px;width:28px;height:32px;min-height:32px;padding:0;border:0;border-radius:16px;background:transparent;cursor:pointer;box-shadow:none}
 .jirno-product-dots button:before{content:'';width:8px;height:8px;border-radius:8px;background:#c4dce5;transition:width .2s,background-color .2s}
 .jirno-product-dots button[aria-current="true"]:before{width:18px;background:#007fa8}
 .jirno-product-dots button:focus-visible{outline:2px solid #007fa8;outline-offset:1px}
 #jirno-group-34 .jirno-product-dots button:before{background:#607582}
 #jirno-group-34 .jirno-product-dots button[aria-current="true"]:before{background:#6bd7f8}
}
@media(min-width:768px){.jirno-product-dots{display:none!important}}

/* Two products per mobile homepage page, matching the catalogue cards. */
@media(max-width:767px){
 #jirno-home .products.products-block{gap:12px!important;align-items:stretch!important}
 #jirno-home .products.products-block>.product{
  flex:0 0 calc((100% - 12px)/2)!important;width:calc((100% - 12px)/2)!important;
  max-width:calc((100% - 12px)/2)!important;scroll-snap-align:none;
 }
 #jirno-home .products.products-block>.product:nth-child(2n+1){scroll-snap-align:start}
 #jirno-home .products.products-block .p>a.image{height:clamp(140px,38vw,190px)!important}
 #jirno-home .products.products-block .p-in{padding:12px!important}
 #jirno-home .products.products-block .product-btn{width:calc(100% - 24px)!important;margin:0 12px 12px!important}
 #jirno-home .products.products-block .p-bottom>[data-micro="offer"]{flex-direction:column!important;align-items:stretch!important}
 #jirno-home .products.products-block .prices,#jirno-home .products.products-block .p-tools{width:100%!important;text-align:left!important}
 #jirno-home .products.products-block .p-tools{margin-top:6px;min-height:2.6em}
 #jirno-home .products.products-block .availability{text-align:left!important}
 #jirno-home .products.products-block .swiper-wrapper{gap:0!important}
 #jirno-home .products.products-block .swiper-slide{width:calc((100% - 12px)/2)!important;margin-right:12px!important}
}
/* Replace the visible -> hidden keyframe jump with a prepared one-shot transition. */
#jirno-home .jirno-revealing{animation:none!important}
@media(prefers-reduced-motion:no-preference){
 #jirno-home .jirno-entrance{transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}
 #jirno-home .jirno-entrance-pending{opacity:0!important;transform:translateY(12px)!important;transition:none!important}
}

/* Keep Apollo's actual Swiper translation when resizing into the phone layout. */
@media(max-width:767px){#jirno-home .products.products-block .swiper-wrapper{
 transform:translate3d(var(--jirno-swiper-shift,0px),0,0)!important;
 transition-property:transform!important;transition-duration:var(--jirno-swiper-duration,0ms)!important;
}}
@media(max-width:767px) and (prefers-reduced-motion:reduce){#jirno-home .products.products-block .swiper-wrapper{transition-duration:0ms!important}}