.shop-page{padding-top:var(--header-height)}.shop-page__hero{background:linear-gradient(135deg, var(--green-900), var(--green-800));padding:var(--space-20) 0 var(--space-16);text-align:center}.shop-page__title{font-size:var(--fs-4xl);color:var(--white);font-weight:var(--fw-bold);margin-bottom:var(--space-3)}.shop-page__subtitle{font-size:var(--fs-lg);color:var(--green-200);opacity:.8}.shop-page__grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.shop-page__collection{border-radius:var(--radius-2xl);opacity:0;transition:all var(--duration-slow) var(--ease-out);overflow:hidden;transform:translateY(30px)scale(.97)}.shop-page__collection--visible{opacity:1;transform:translateY(0)scale(1)}.shop-page__collection-img-wrap{aspect-ratio:3/4;position:relative;overflow:hidden}.shop-page__collection-img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out)}.shop-page__collection:hover .shop-page__collection-img{transform:scale(1.08)}.shop-page__collection-overlay{padding:var(--space-8);transition:background var(--duration-normal);background:linear-gradient(#0000 0%,#1a2e1a1a 50%,#1a2e1ad9 100%);flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.shop-page__collection:hover .shop-page__collection-overlay{background:linear-gradient(#1a2e1a1a 0%,#1a2e1a4d 40%,#1a2e1ae6 100%)}.shop-page__collection-name{font-size:var(--fs-2xl);color:var(--white);font-weight:var(--fw-bold);margin-bottom:var(--space-2)}.shop-page__collection-count{font-size:var(--fs-sm);color:var(--green-300);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#7ab06e33}@media (max-width:1024px){.shop-page__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.shop-page__grid{grid-template-columns:1fr}}