/*
 * LetzShopy Store Design CSS — Batch 2 Split
 * File: letzshopy-collections.css
 *
 * Source:
 * - Derived from tested letzshopy-store-design-batch1-clean.css
 *
 * Load scope:
 * - Dedicated Collections page only
 *
 * IMPORTANT:
 * - Keep Customizer > Additional CSS only for :root colour variables.
 * - Shared motif SVG variables live in letzshopy-store-core.css.
 * - Production-minified; major structural comments are preserved.
 */
/* =========================================================
   LETZSHOPY COLLECTIONS PAGE — V1
   Dynamic WooCommerce category grid

   Shortcode:
   [ls_collections_grid]

   Responsive plan:
   Desktop: 5 columns
   Tablet:  3 columns
   Mobile:  2 columns

   Colour ownership:
   Existing LetzShopy global tokens only
========================================================= */
/* =========================================================
   1. PAGE SHELL
========================================================= */
 .ls-collections-page{width:calc(100% - 48px);max-width:1220px;margin:56px auto 72px}
/* =========================================================
   2. PREMIUM INTRO
========================================================= */
 .ls-collections-intro{width:100%;max-width:760px;margin:0 auto 38px;text-align:center}.ls-collections-intro-kicker{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:240px;margin:0 auto 10px;padding:44px 0 34px;color:var(--ls-store-gold-dark);font-size:11px;line-height:1.15;font-weight:800;letter-spacing:.22em;text-transform:uppercase;text-align:center}.ls-collections-intro-kicker::before{content:"";position:absolute;top:0;left:50%;width:220px;height:38px;transform:translateX(-50%);background:var(--ls-store-gold-dark);-webkit-mask-image:var(--ls-motif-lotus-line);mask-image:var(--ls-motif-lotus-line);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:220px 38px;mask-size:220px 38px}.ls-collections-intro-kicker::after{content:"";position:absolute;left:50%;bottom:0;width:205px;height:27px;transform:translateX(-50%);background:var(--ls-store-gold-dark);-webkit-mask-image:var(--ls-motif-floral-divider);mask-image:var(--ls-motif-floral-divider);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:205px 27px;mask-size:205px 27px}.ls-collections-intro-title{margin:0;color:var(--ls-store-heading);font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4vw,58px);line-height:1.04;font-weight:500;letter-spacing:-.025em}.ls-collections-intro-copy{max-width:620px;margin:14px auto 0;color:var(--ls-store-text);font-size:16px;line-height:1.6;font-weight:500}
/* =========================================================
   3. GRID
========================================================= */
 .ls-collections-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 18px;width:100%}
/* =========================================================
   4. CATEGORY CARD
========================================================= */
 .ls-collection-card{min-width:0;margin:0}.ls-collection-card-link{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;color:inherit;text-decoration:none;background:color-mix( in srgb,var(--ls-store-primary) 4%,var(--ls-store-bg-inner) );border:1px solid color-mix( in srgb,var(--ls-store-gold-dark) 24%,var(--ls-store-border-soft) );border-radius:24px;box-shadow:0 10px 28px rgba(var(--ls-store-shadow-rgb),.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.ls-collection-card-link:hover,.ls-collection-card-link:focus-visible{color:inherit;text-decoration:none;transform:translateY(-4px);border-color:color-mix( in srgb,var(--ls-store-gold-dark) 52%,var(--ls-store-border-soft) );box-shadow:0 18px 38px rgba(var(--ls-store-shadow-rgb),.12)}
/* =========================================================
   5. CATEGORY IMAGE
========================================================= */
 .ls-collection-card-media{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;background:color-mix( in srgb,var(--ls-store-gold-dark) 5%,var(--ls-store-bg-inner) )}.ls-collection-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;margin:0;transition:transform .42s ease}.ls-collection-card-link:hover .ls-collection-card-image,.ls-collection-card-link:focus-visible .ls-collection-card-image{transform:scale(1.035)}
/* =========================================================
   6. CARD COPY
========================================================= */
 .ls-collection-card-body{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:116px;padding:17px 18px 18px}.ls-collection-card-title{display:-webkit-box;width:100%;margin:0 0 7px;overflow:hidden;color:var(--ls-store-heading);font-size:17px;line-height:1.28;font-weight:800;letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ls-collection-card-count{display:inline-block;margin-top:auto;padding-right:28px;color:var(--ls-store-primary);font-size:12px;line-height:1.2;font-weight:750;letter-spacing:.04em}.ls-collection-card-arrow{position:absolute;right:18px;bottom:16px;color:var(--ls-store-gold-dark);font-size:21px;line-height:1;font-weight:500;transition:transform .22s ease,color .22s ease}.ls-collection-card-link:hover .ls-collection-card-arrow,.ls-collection-card-link:focus-visible .ls-collection-card-arrow{color:var(--ls-store-primary-hover);transform:translateX(4px)}
/* =========================================================
   7. EMPTY STATE
========================================================= */
 .ls-collections-grid-empty{width:calc(100% - 48px);max-width:1220px;margin:56px auto 72px;padding:40px;color:var(--ls-store-text);text-align:center;background:var(--ls-store-bg-inner);border:1px solid var(--ls-store-border-soft);border-radius:24px}
/* =========================================================
   8. TABLET — 3 COLUMNS
========================================================= */
 @media (min-width:768px) and (max-width:1024px){.ls-collections-page{width:calc(100% - 40px);margin:46px auto 60px}.ls-collections-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ls-collections-intro{margin-bottom:32px}.ls-collection-card-title{font-size:16px}}
/* =========================================================
   9. MOBILE — 2 COLUMNS
========================================================= */
 @media (max-width:767px){.ls-collections-page{width:calc(100% - 24px);margin:32px auto 48px}.ls-collections-intro{margin-bottom:26px}.ls-collections-intro-kicker{min-width:178px;padding:34px 0 27px;font-size:9px;letter-spacing:.17em}.ls-collections-intro-kicker::before{width:158px;height:28px;-webkit-mask-size:158px 28px;mask-size:158px 28px}.ls-collections-intro-kicker::after{width:152px;height:20px;-webkit-mask-size:152px 20px;mask-size:152px 20px}.ls-collections-intro-title{font-size:34px;line-height:1.04}.ls-collections-intro-copy{margin-top:11px;font-size:13.5px;line-height:1.55}.ls-collections-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.ls-collection-card-link{border-radius:18px}.ls-collection-card-media{aspect-ratio:4 / 5}.ls-collection-card-body{min-height:96px;padding:13px 12px 14px}.ls-collection-card-title{margin-bottom:6px;font-size:14px;line-height:1.25}.ls-collection-card-count{padding-right:20px;font-size:10.5px;letter-spacing:.02em}.ls-collection-card-arrow{right:11px;bottom:13px;font-size:18px}}
/* =========================================================
   10. REDUCED MOTION
========================================================= */
 @media (prefers-reduced-motion:reduce){.ls-collection-card-link,.ls-collection-card-image,.ls-collection-card-arrow{transition:none}.ls-collection-card-link:hover,.ls-collection-card-link:focus-visible,.ls-collection-card-link:hover .ls-collection-card-image,.ls-collection-card-link:focus-visible .ls-collection-card-image{transform:none}}
/* =========================================================
   END: LETZSHOPY COLLECTIONS PAGE — V1
========================================================= */
/* =========================================================
   END FILE: LETZSHOPY COLLECTIONS PAGE
========================================================= */