/* Craftlo v0.2.139 — combined wide-home CSS after public palette */

/* source: wide-product-compact-v02122.css */
/* Craftlo v0.2.121 — smaller square wide-home product cards.
   Goal: 10 product cards per expanded page as a compact 5 x 2 grid.
   Scope: desktop/wide homepage product cards only. */

@media (min-width:1180px){
  body.craftlo-wide-home .cl-wide-product-grid,
  body.craftlo-wide-home .cl-wide-inline-expanded .cl-wide-product-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:6px!important;
  }

  body.craftlo-wide-home .cl-wide-product{
    min-width:0!important;
    padding:5px!important;
    border-radius:13px!important;
    overflow:hidden!important;
  }

  body.craftlo-wide-home .cl-wide-product-img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }

  body.craftlo-wide-home .cl-wide-product-img img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }

  body.craftlo-wide-home .cl-wide-product-img>span{
    left:6px!important;
    top:6px!important;
    padding:3px 6px!important;
    font-size:7px!important;
    line-height:1.15!important;
  }

  body.craftlo-wide-home .cl-wide-product-img>button{
    right:6px!important;
    top:6px!important;
    width:24px!important;
    height:24px!important;
    font-size:13px!important;
  }

  body.craftlo-wide-home .cl-wide-product-copy{
    padding:7px 2px 4px!important;
  }

  body.craftlo-wide-home .cl-wide-product-copy>small{
    font-size:8px!important;
    line-height:1.2!important;
  }

  body.craftlo-wide-home .cl-wide-product-copy h3{
    height:29px!important;
    margin:3px 0 2px!important;
    font-size:10px!important;
    line-height:1.42!important;
  }

  body.craftlo-wide-home .cl-wide-product-copy p{
    margin:0 0 5px!important;
    font-size:8px!important;
    line-height:1.25!important;
  }

  body.craftlo-wide-home .cl-wide-product-copy strong{
    font-size:10px!important;
    line-height:1.15!important;
  }

  body.craftlo-wide-home .cl-wide-product-copy em{
    width:24px!important;
    height:24px!important;
    border-radius:7px!important;
    font-size:13px!important;
  }
}

/* At the narrowest wide breakpoint, keep five columns but shave spacing
   slightly so the cards still fit cleanly without changing the 1:1 image. */
@media (min-width:1180px) and (max-width:1320px){
  body.craftlo-wide-home .cl-wide-product-grid,
  body.craftlo-wide-home .cl-wide-inline-expanded .cl-wide-product-grid{
    gap:6px!important;
  }
  body.craftlo-wide-home .cl-wide-product{
    padding:5px!important;
  }
}


/* source: wide-creator-links-v02127.css */
/* Craftlo v0.2.127 — Pricing button + creator directory homepage links. */
@media(min-width:1180px){
  body.craftlo-wide-home .cl-wide-userbar{
    gap:6px!important;
  }
  body.craftlo-wide-home .cl-wide-pricing-link{
    background:var(--wide-accent)!important;
    border-color:var(--wide-accent)!important;
    color:#fff!important;
    box-shadow:0 7px 16px rgba(201,88,51,.14)!important;
  }
  body.craftlo-wide-home .cl-wide-pricing-link:hover{
    background:var(--wide-accent)!important;
    border-color:var(--wide-accent)!important;
    color:#fff!important;
    filter:brightness(.95);
  }
  body.craftlo-wide-home .cl-wide-pricing-link svg{
    stroke:#fff!important;
  }
}

/* The right rail is narrower at this breakpoint.
   Preserve one clean row by keeping Pricing visible and compacting the existing labels. */
@media(min-width:1180px) and (max-width:1420px){
  body.craftlo-wide-home .cl-wide-wishlist span,
  body.craftlo-wide-home .cl-wide-dashboard-link span{
    display:none!important;
  }
  body.craftlo-wide-home .cl-wide-wishlist,
  body.craftlo-wide-home .cl-wide-dashboard-link{
    width:34px!important;
    min-width:34px!important;
    height:36px!important;
    padding:0!important;
    justify-content:center!important;
  }
  body.craftlo-wide-home .cl-wide-pricing-link{
    padding:0 9px!important;
  }
}