/* T-Shop Shop v17 — collection-first storefront */
.shop-hero-premium{
  position:relative;
  padding:54px 0 44px;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 18%,rgba(68,219,255,.22),transparent 24%),
    radial-gradient(circle at 16% 82%,rgba(255,202,76,.12),transparent 26%),
    linear-gradient(135deg,#04153b,#0a3c82 58%,#071b46);
  border-bottom:1px solid rgba(255,215,102,.18)
}
.shop-hero-premium:after{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 84% 22%,rgba(255,255,255,.24) 0 1.2%,transparent 2.2%),
    radial-gradient(circle at 71% 11%,rgba(255,255,255,.18) 0 .8%,transparent 1.8%);
  pointer-events:none
}
.shop-hero-premium h1{
  margin:6px 0 8px;
  font:700 clamp(3rem,6vw,5.4rem)/.92 Georgia,serif;
  color:#f3d27d
}
.shop-hero-premium p{max-width:700px;color:#d8e6f8;font-size:1.05rem}
.category-store{padding-top:28px!important}
.category-block{
  margin:0 0 34px;
  padding:18px;
  border:1px solid rgba(91,211,255,.22);
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 0,rgba(63,207,255,.08),transparent 24%),
    linear-gradient(180deg,rgba(5,29,68,.95),rgba(4,20,51,.96));
  box-shadow:0 16px 36px rgba(0,0,0,.2)
}
.category-block-head{
  display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px
}
.category-block-head h3{
  margin:0;
  font:700 clamp(1.5rem,2.5vw,2.2rem)/1 Georgia,serif;
  color:#f2cf73
}
.category-meta{color:#a9bfdc;font-size:.78rem;margin-top:4px}
.category-view{
  color:#42d9ff;font-weight:800;text-decoration:none;white-space:nowrap;font-size:.86rem
}
.category-products{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px
}
.category-products .product-card{height:100%}
.category-products .product-media img{aspect-ratio:1/1;object-fit:cover}
.all-products-section{
  border-top:1px solid rgba(255,215,102,.12);
  background:linear-gradient(180deg,#061a43,#081f4a)!important
}
.all-products-section .shop-toolbar{
  position:sticky;top:0;z-index:5;
  padding:12px;
  border-radius:16px;
  background:rgba(4,21,54,.9);
  backdrop-filter:blur(12px);
  border:1px solid rgba(83,204,255,.18)
}
.chips{margin:14px 0 20px}
.chip{
  border:1px solid rgba(91,211,255,.24)!important;
  background:#071d48!important;
  color:#dfeaff!important
}
.chip.active{
  background:linear-gradient(135deg,#f6d36d,#e8b948)!important;
  color:#08204b!important;
  border-color:#ffe9a5!important
}
@media(max-width:900px){
  .category-products{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .shop-hero-premium{padding:30px 0 26px}
  .shop-hero-premium h1{font-size:2.8rem}
  .shop-hero-premium p{font-size:.86rem}
  .category-store{padding-top:18px!important}
  .category-block{
    margin-bottom:18px;padding:12px;border-radius:18px
  }
  .category-block-head{align-items:center}
  .category-block-head h3{font-size:1.35rem}
  .category-meta{font-size:.68rem}
  .category-products{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:9px;
    padding-bottom:5px
  }
  .category-products .product-card{
    flex:0 0 68%;
    scroll-snap-align:start
  }
  .category-view{font-size:.74rem}
}
@media(max-width:390px){
  .category-products .product-card{flex-basis:76%}
}

/* compact mobile collection browser */
@media(max-width:700px){
  .category-block{
    padding:10px!important;
    margin-bottom:12px!important;
  }
  .category-block-head{
    margin-bottom:8px!important;
  }
  .category-products{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
    padding-bottom:0!important;
  }
  .category-products .product-card{
    min-width:0!important;
    width:auto!important;
    flex:none!important;
  }
  .category-products .product-media{
    aspect-ratio:1/1!important;
  }
  .category-products .product-info{
    padding:8px!important;
  }
  .category-products .product-info h3{
    font-size:.78rem!important;
    line-height:1.12!important;
  }
  .category-products .product-info small{
    font-size:.6rem!important;
  }
  .category-products .product-info .price{
    font-size:.8rem!important;
  }
  .category-products .product-info .btn{
    padding:7px 5px!important;
    font-size:.68rem!important;
  }
  .category-expand{
    display:block!important;
    margin-top:8px!important;
    padding:9px 10px!important;
    border-radius:10px!important;
    text-align:center!important;
    text-decoration:none!important;
    font-size:.74rem!important;
    font-weight:800!important;
    color:#f4d47d!important;
    border:1px solid rgba(244,212,125,.3)!important;
    background:rgba(5,28,69,.72)!important;
  }
}