
/* V152 - Semi-full desktop experiment
   1600px maximum shell, 5 product cards on large desktop. */
:root{
  --v152-shell:1600px;
  --v152-gutter:24px;
}

/* ===== Large desktop: semi-full 1600 + 5 cards ===== */
@media(min-width:1500px){
  .v117-shell,
  .v117-navrow,
  .v117-home,
  .home-page,
  .home-main,
  .public-container,
  .breadcrumbs,
  .product-list-page,
  .v120-product-page,
  .article-detail,
  .news-detail,
  .contact-page,
  .policy-page{
    width:min(var(--v152-shell),calc(100% - 48px))!important;
    max-width:var(--v152-shell)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Home: 5 products / row */
  .v117-product-grid,
  .v117-featured .v117-product-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:17px!important;
    width:100%!important;
    max-width:none!important;
  }

  /* Product listing: keep sidebar and use 5 cards in content area */
  .product-list-page.v137-product-list-page,
  .product-list-page.v136-product-list-page{
    width:min(var(--v152-shell),calc(100% - 48px))!important;
    max-width:var(--v152-shell)!important;
  }

  .product-list-page .v136-list-layout{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:235px minmax(0,1fr)!important;
    gap:22px!important;
  }

  .product-list-page.v137-product-list-page .product-grid.v137-product-grid,
  .product-list-page.v136-product-list-page .product-grid.v136-product-grid,
  .product-list-page .product-grid.v135-product-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
    max-width:none!important;
  }

  /* Product detail uses the wider canvas without over-stretching copy */
  .v120-product-page{
    width:min(var(--v152-shell),calc(100% - 48px))!important;
    max-width:var(--v152-shell)!important;
  }

  .v120-product-page .v120-product-hero{
    grid-template-columns:minmax(0,500px) minmax(500px,1fr) 275px!important;
    gap:26px!important;
  }

  /* Related products: 5 / row */
  .v120-product-page .v120-related-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
    max-width:none!important;
  }
}

/* ===== Normal desktop: 4 cards ===== */
@media(min-width:1200px) and (max-width:1499px){
  .v117-shell,
  .v117-navrow,
  .product-list-page,
  .v120-product-page,
  .breadcrumbs{
    width:calc(100% - 40px)!important;
    max-width:1380px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .v117-product-grid,
  .v117-featured .v117-product-grid,
  .product-list-page.v137-product-list-page .product-grid.v137-product-grid,
  .product-list-page.v136-product-list-page .product-grid.v136-product-grid,
  .product-list-page .product-grid.v135-product-grid,
  .v120-product-page .v120-related-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* ===== Tablet: 3 cards where space allows ===== */
@media(min-width:768px) and (max-width:1199px){
  .v117-product-grid,
  .v117-featured .v117-product-grid,
  .product-list-page.v137-product-list-page .product-grid.v137-product-grid,
  .product-list-page.v136-product-list-page .product-grid.v136-product-grid,
  .product-list-page .product-grid.v135-product-grid,
  .v120-product-page .v120-related-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .product-list-page .v136-list-layout{
    grid-template-columns:210px minmax(0,1fr)!important;
    gap:18px!important;
  }
}

/* ===== Mobile: keep 2 cards ===== */
@media(max-width:767px){
  .v117-product-grid,
  .v117-featured .v117-product-grid,
  .product-list-page.v137-product-list-page .product-grid.v137-product-grid,
  .product-list-page.v136-product-list-page .product-grid.v136-product-grid,
  .product-list-page .product-grid.v135-product-grid,
  .v120-product-page .v120-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Long text should not become hard to read on 1600px screens */
@media(min-width:1200px){
  .product-content-render,
  .article-detail .prose,
  .news-detail .prose,
  .v120-content-main{
    max-width:1050px!important;
  }
}
