/* ============================================================
   tariratta — SHOP CATEGORY PAGES
   ADULT / KIDS / BABY / ACCESSORIES / ANIMAL
============================================================ */

.shop-page{
  min-height:100vh;
  background:var(--paper);
}

/* CATEGORY HERO */
.shop-hero{
  padding:34px var(--page-pad) 38px;
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.shop-hero-top{
  margin-bottom:18px;
}
.shop-hero h1{
  margin:0;
  max-width:100%;
  font:700 clamp(54px,9vw,128px)/.82 var(--sans);
  letter-spacing:-.075em;
  text-transform:uppercase;
  white-space:nowrap;
}

/* PRODUCT GRID */
.shop-products{
  padding:34px var(--page-pad) 88px;
}
.shop-products-head{
  margin-bottom:18px;
}
.shop-products-head h2{
  margin:0;
  font:700 clamp(28px,3.7vw,48px)/.9 var(--sans);
  letter-spacing:-.055em;
}

.shop-page [data-product-list]{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:52px 18px;
}

.shop-page .card{
  min-width:0;
}
.shop-page .pic{
  overflow:hidden;
}
.shop-page .pic img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  transition:transform .28s ease;
}
.shop-page .card:hover .pic img{
  transform:scale(1.012);
}

.shop-page .card-info{
  padding-top:9px;
}
.shop-page .card-topline{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.shop-page .card-size{
  font:700 8px/1.3 var(--sans);
  letter-spacing:.1em;
}
.shop-page .card-title{
  margin-top:5px;
  font:700 clamp(16px,1.7vw,23px)/1.05 var(--sans);
  letter-spacing:-.035em;
}
.shop-page .card-color{
  margin-top:5px;
  font:700 9px/1.3 var(--sans);
  letter-spacing:.1em;
}
.shop-page .card-price{
  margin-top:7px;
  font:700 12px/1 var(--sans);
}

/* EMPTY CATEGORY */
.shop-page .catalog-empty{
  grid-column:1/-1;
  min-height:44vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:60px 0;
  text-align:left;
  opacity:1;
}
.shop-page .catalog-empty .micro{
  margin-bottom:7px;
}
.shop-page .catalog-empty p{
  margin:0;
  font:700 clamp(28px,4vw,56px)/.95 var(--sans);
  letter-spacing:-.055em;
}

/* NEXT CATEGORIES */
.shop-page .continue-shopping{
  background:var(--paper);
}
.shop-page .continue-shopping .micro{
  margin-bottom:10px;
}
.shop-page .continue-shopping-links{
  margin-top:0;
  gap:8px 16px;
  font-size:12px;
}
.shop-page .continue-shopping-links span{
  opacity:.35;
}

/* HOME-style footer on shop pages */
.shop-page .playful-footer{
  border-top:1px solid var(--line);
}

@media(max-width:760px){
  .shop-hero{
    padding:26px var(--mobile-pad) 30px;
  }
  .shop-hero-top{
    margin-bottom:14px;
  }
    .shop-hero h1{
    font-size:clamp(44px,13vw,70px);
    line-height:.8;
    letter-spacing:-.07em;
  }
      
  .shop-products{
    padding:26px var(--mobile-pad) 62px;
  }
  .shop-products-head{
    margin-bottom:13px;
  }
  .shop-products-head h2{
    font-size:8vw;
  }

  .shop-page [data-product-list]{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:34px 9px;
  }
  .shop-page .card-info{
    padding-top:7px;
  }
  .shop-page .card-topline{
    display:block;
  }
  .shop-page .card-size{
    margin-top:3px;
    font-size:7px;
  }
  .shop-page .card-title{
    margin-top:4px;
    font-size:13px;
  }
  .shop-page .card-color{
    font-size:7px;
  }
  .shop-page .card-price{
    margin-top:5px;
    font-size:10px;
  }

  .shop-page .catalog-empty{
    min-height:36vh;
    padding:42px 0;
  }
  .shop-page .catalog-empty p{
    font-size:10vw;
  }

  .shop-page .continue-shopping-links{
    gap:6px 10px;
    font-size:9px;
  }
}