/* PaySlashes V11 - mobile product visibility & product detail integrity.
   The home-only DOM isolation is scoped in runtime-mobile-final-20260922.css.
   This layer intentionally does not alter product records or purchase endpoints. */
:root{--ps11-ink:#132b23;--ps11-accent:#087a4b}
html body main#content{min-width:0}
html body:not(.page-home) main#content>.container,
html body:not(.page-home) main#content>.bg-gray-13,
html body:not(.page-home) main#content>.ps-home-collection{visibility:visible!important;opacity:1!important}
/* The old 628px minimum applies even to empty grids: use intrinsic sizes. */
html body .products-grid,
html body .products-row,
html body .product-grid,
html body .jumia-products-grid,
html body .ps-product-grid,
html body .ps-product-slider-shell,
html body [data-product-slider]{min-height:0!important;max-height:none!important}
/* Each real commerce card grows with its content rather than cropping it into a fixed 604px box. */
html body article.pcv2-card{
 display:flex!important;flex-direction:column!important;grid-template-rows:none!important;
 width:100%;min-width:0!important;max-width:100%!important;
 height:100%!important;min-height:0!important;max-height:none!important;
 overflow:hidden!important;isolation:isolate;
 border-radius:16px;box-shadow:0 7px 22px rgba(16,42,34,.065)
}
html body article.pcv2-card>.pcv2-media{
 display:block!important;flex:0 0 auto!important;grid-row:auto!important;
 width:100%!important;height:clamp(196px,21vw,246px)!important;
 min-height:0!important;max-height:none!important;overflow:hidden!important;
 position:relative!important;
}
html body article.pcv2-card>.pcv2-media .pcv2-image-link{display:grid!important;place-items:center!important;min-width:0!important;width:100%!important;height:100%!important}
html body article.pcv2-card .pcv2-main-img,
html body article.pcv2-card .pcv2-hover-img{
 display:block;max-width:100%!important;max-height:100%!important;
 width:100%!important;height:100%!important;object-fit:contain!important;
 object-position:center!important;padding:12px!important
}
html body article.pcv2-card>.pcv2-body{
 display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
 grid-row:auto!important;grid-template-rows:none!important;
 width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
 overflow:visible!important;padding:12px!important
}
html body article.pcv2-card .pcv2-content{
 display:flex!important;flex-direction:column!important;flex:0 0 auto!important;
 grid-template-rows:none!important;grid-row:auto!important;
 height:auto!important;min-height:0!important;max-height:none!important;
 overflow:visible!important;gap:5px!important
}
html body article.pcv2-card .pcv2-meta{min-height:0!important;height:auto!important;gap:4px!important;align-items:start!important;flex-wrap:wrap!important}
html body article.pcv2-card .pcv2-category,
html body article.pcv2-card .pcv2-brand{min-width:0!important;max-width:100%!important;height:auto!important;min-height:23px!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body article.pcv2-card h3.pcv2-title{height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;line-height:1.35!important}
html body article.pcv2-card h3.pcv2-title a{color:var(--ps11-ink)!important;font-size:clamp(13px,1.2vw,15px)!important;font-weight:800!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
html body article.pcv2-card .pcv2-spec{height:auto!important;min-height:0!important;max-height:none!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body article.pcv2-card .pcv2-price{height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;column-gap:8px!important;row-gap:3px!important;margin-top:5px!important}
html body article.pcv2-card .pcv2-current-price{font-size:clamp(16px,1.45vw,22px)!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body article.pcv2-card .pcv2-original-price{overflow-wrap:anywhere!important;white-space:normal!important}
html body article.pcv2-card .pcv2-commerce{
 display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
 grid-row:auto!important;grid-template-rows:none!important;
 height:auto!important;min-height:0!important;max-height:none!important;
 overflow:visible!important;gap:7px!important;padding-top:8px!important
}
html body article.pcv2-card .pcv2-promo,
html body article.pcv2-card .pcv2-activity{height:auto!important;min-height:0!important;max-height:none!important;flex-wrap:wrap!important}
html body article.pcv2-card .pcv2-promo.is-empty,
html body article.pcv2-card .pcv2-activity.is-empty{display:none!important}
html body article.pcv2-card .pcv2-delivery,
html body article.pcv2-card .pcv2-stock-row{
 display:flex!important;align-items:center!important;flex-wrap:wrap!important;
 height:auto!important;min-height:28px!important;max-height:none!important;
 overflow:visible!important;gap:4px!important
}
html body article.pcv2-card .pcv2-delivery span,
html body article.pcv2-card .pcv2-stock,
html body article.pcv2-card .pcv2-shipping{max-width:100%!important;min-width:0!important;height:auto!important;min-height:26px!important;max-height:none!important;overflow-wrap:anywhere!important;white-space:normal!important;line-height:1.3!important}
html body article.pcv2-card .pcv2-actions{
 display:grid!important;flex:0 0 auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 grid-template-rows:auto auto!important;align-items:stretch!important;
 gap:8px!important;margin-top:auto!important;padding-top:5px!important;
 height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important
}
html body article.pcv2-card .pcv2-actions>.pcv2-buy{grid-column:1/-1!important;grid-row:1!important}
html body article.pcv2-card .pcv2-actions>.pcv2-view{grid-column:1!important;grid-row:2!important}
html body article.pcv2-card .pcv2-actions>.pcv2-cart{grid-column:2!important;grid-row:2!important}
html body article.pcv2-card .pcv2-btn{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;min-width:0!important;height:auto!important;min-height:42px!important;
 max-height:none!important;box-sizing:border-box!important;
 white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;
 line-height:1.2!important;padding:8px 6px!important;font-size:12px!important
}
html body article.pcv2-card .pcv2-btn.is-disabled{cursor:not-allowed!important;opacity:.7!important}
html body .psqv__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;overflow-wrap:anywhere}
html body .psqv__original-price{color:#718096;font-size:.7em;font-weight:500}
html body .psqv__actions [hidden]{display:none!important}
/* Baseline catalogue columns at all viewports, without relying on a legacy
   stylesheet to set display:grid (also fixes large-tablet single-column mode). */
html body:not(.page-home) main#content .products-grid:not([data-product-slider]):not(.ps-product-slider-track){
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 align-items:stretch!important;gap:16px!important;min-width:0!important;
 height:auto!important;min-height:0!important
}
/* Legacy shop grid / related products. */
html body .products-grid>.product-card,
html body .ps-search-results-grid>article.pcv2-card{min-width:0!important;max-width:100%!important}
html body .product-card{display:flex;flex-direction:column;height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
html body .product-card .product-info{display:flex;flex-direction:column;flex:1 1 auto;min-height:0!important;height:auto!important;overflow:visible!important}
html body .product-card .product-title,
html body .product-card .product-description,
html body .product-card .product-spec-line{height:auto!important;max-height:none!important;overflow:visible!important;overflow-wrap:anywhere!important}
html body .product-card .product-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:auto!important;height:auto!important;max-height:none!important}
html body .product-card .product-actions>.product-btn{flex:1 1 130px!important;white-space:normal!important;min-height:40px!important}
html body .product-card .product-image-link{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
html body .product-card .product-image-link>img{width:100%;height:100%;max-height:100%;object-fit:contain}
/* Mobile homepage cards: two balanced readable items and all action buttons visible. */
@media(max-width:767.98px){
 html body.page-home .ps-exact-mobile-home .ps-exact-products{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;gap:10px!important;width:100%!important;max-width:100%!important;
  height:auto!important;min-height:0!important;overflow:visible!important
 }
 html body.page-home .ps-exact-mobile-home .ps-exact-product{
  display:flex!important;flex-direction:column!important;flex:0 1 auto!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:100%!important;min-height:0!important;max-height:none!important;
  padding:10px!important;overflow:hidden!important;border-radius:14px
 }
 html body.page-home .ps-exact-mobile-home .ps-exact-product__image{
  display:flex;align-items:center;justify-content:center;width:100%;height:clamp(112px,32vw,156px)!important;
  margin-bottom:7px!important;overflow:hidden
 }
 html body.page-home .ps-exact-mobile-home .ps-exact-product__image img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important}
 html body.page-home .ps-exact-mobile-home .ps-exact-product h3{font-size:13px!important;line-height:1.35!important;min-height:0!important;max-height:none!important;height:auto!important;margin-bottom:6px!important;overflow-wrap:anywhere!important;word-break:normal!important}
 html body.page-home .ps-exact-mobile-home .ps-exact-product h3 a{display:block!important;white-space:normal!important;line-height:1.35!important;overflow-wrap:anywhere!important}
 html body.page-home .ps-exact-mobile-home .ps-exact-product p{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;margin:0 0 6px!important}
 html body.page-home .ps-exact-mobile-home .ps-exact-product__price{font-size:clamp(13px,3.6vw,17px)!important;line-height:1.3!important;overflow-wrap:anywhere!important;word-break:normal!important}
 html body.page-home .ps-exact-mobile-home .ps-exact-product__price del{font-size:11px;color:#687b70;font-weight:500;white-space:normal!important}
 html body.page-home .ps-exact-mobile-home .ps-exact-product__actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto auto!important;gap:7px!important;margin-top:auto!important;padding-top:10px!important;min-width:0!important}
 html body.page-home .ps-exact-mobile-home .ps-exact-product__actions>.ps-exact-product__view{grid-column:1!important;grid-row:1!important}
 html body.page-home .ps-exact-mobile-home .ps-exact-product__actions>.ps-exact-product__cart{grid-column:2!important;grid-row:1!important}
 html body.page-home .ps-exact-mobile-home .ps-exact-product__actions>.ps-exact-product__buy{grid-column:1/-1!important;grid-row:2!important}
 html body.page-home .ps-exact-mobile-home .ps-exact-product__actions>a,
 html body.page-home .ps-exact-mobile-home .ps-exact-product__actions>span{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;height:auto!important;min-height:36px!important;line-height:1.15!important;text-align:center!important;font-size:11px!important;white-space:normal!important;overflow-wrap:anywhere!important;padding:7px 4px!important;border-radius:9px!important}
 html body.page-home .ps-exact-mobile-home .ps-exact-product__actions>.ps-exact-product__buy{background:#087a4b!important;color:#fff!important;border:1px solid #087a4b!important}
 html body.page-home .ps-exact-mobile-home .ps-exact-product__actions>.is-disabled{background:#eef1ef!important;color:#65756c!important;border:1px solid #dbe5de!important}
 html body.page-home .ps-exact-mobile-home .ps-exact-product__wish{z-index:6!important}
 /* Legacy product grid is for standard listings, not the mobile homepage's exact grid. */
 html body:not(.page-home) main#content .products-grid:not([data-product-slider]):not(.ps-product-slider-track){
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;gap:14px!important;height:auto!important;min-height:0!important
 }
 html body:not(.page-home) main#content .ps-search-results-grid>.text-center{grid-column:1/-1!important}
 html body:not(.page-home) main#content .pcv2-card>.pcv2-media{height:clamp(208px,62vw,300px)!important;flex-basis:auto!important}
 html body:not(.page-home) main#content .products-grid .product-image{height:240px!important;min-height:0!important;max-height:none!important}
 html body:not(.page-home) main#content>.container,
 html body:not(.page-home) main#content>.bg-gray-13{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 body.mobile-ux-shell .psqv__dialog{max-height:calc(100dvh - 22px)!important;overflow-y:auto!important}
}
@media(min-width:576px) and (max-width:767.98px){
 html body:not(.page-home) main#content .products-grid:not([data-product-slider]):not(.ps-product-slider-track){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body:not(.page-home) main#content .pcv2-card>.pcv2-media{height:210px!important}
}
@media(min-width:768px) and (max-width:1199.98px){
 html body:not(.page-home) main#content .products-grid:not([data-product-slider]):not(.ps-product-slider-track){grid-template-columns:repeat(2,minmax(0,1fr))!important;min-height:0!important}
 html body article.pcv2-card>.pcv2-media{height:230px!important}
}
@media(max-width:360px){
 html body.page-home .ps-exact-mobile-home .ps-exact-products{gap:8px!important}
 html body.page-home .ps-exact-mobile-home .ps-exact-product{padding:8px!important}
 html body.page-home .ps-exact-mobile-home .ps-exact-product__image{height:115px!important}
 html body.page-home .ps-exact-mobile-home .ps-exact-product__actions>a{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
 html body .pcv2-card img,html body .ps-exact-product img{transition:none!important;animation:none!important}
}