/* OG Multibrand — brand store styles. Brand colour comes in via --ogc-brand. */

.ogc-brand-store{max-width:1120px;margin:0 auto;padding:24px 16px 64px;font-family:inherit;color:#1a1a1a}
.ogc-breadcrumb{font-size:13px;color:#6b7280;margin-bottom:18px}
.ogc-breadcrumb a{color:#6b7280;text-decoration:none}
.ogc-breadcrumb a:hover{color:var(--ogc-brand)}
.ogc-breadcrumb span{margin:0 6px}

/* Hero */
.ogc-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ogc-brand) 16%,#fff),color-mix(in srgb,var(--ogc-brand) 6%,#fff));
  border-radius:14px;padding:40px;margin-bottom:18px}
.ogc-hero__eyebrow{display:block;letter-spacing:.18em;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--ogc-brand);margin-bottom:10px}
.ogc-hero__title{font-size:46px;line-height:1.05;margin:0 0 12px;color:var(--ogc-brand)}
.ogc-hero__tagline{font-size:16px;color:#374151;max-width:42ch;margin:0 0 22px}
.ogc-btn{display:inline-block;background:var(--ogc-brand);color:#fff;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:600;transition:transform .12s ease,opacity .12s}
.ogc-btn:hover{opacity:.92;transform:translateY(-1px);color:#fff}
.ogc-hero__media{aspect-ratio:16/10;background:#fff7;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ogc-hero__media img{width:100%;height:100%;object-fit:cover}
.ogc-hero__placeholder{color:var(--ogc-brand);font-style:italic;font-size:14px;opacity:.7}

/* Stat strip */
.ogc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0 36px}
.ogc-stat{border:1px solid #e5e7eb;border-radius:12px;padding:22px 16px;text-align:center}
.ogc-stat__value{font-size:24px;font-weight:700;color:var(--ogc-brand)}
.ogc-stat__label{font-size:13px;color:#6b7280;margin-top:4px}

/* Section titles */
.ogc-section-title{font-size:20px;margin:0 0 16px}

/* Collections */
.ogc-collections{margin-bottom:44px}
.ogc-collections__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ogc-collection{position:relative;min-height:120px;border-radius:12px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;
  text-decoration:none;color:#fff;overflow:hidden;background-size:cover;background-position:center;
  box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--ogc-brand) 55%,transparent)}
.ogc-collection__title{font-weight:700;font-size:16px}
.ogc-collection__count{font-size:13px;opacity:.9}

/* Products */
.ogc-products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ogc-product{text-decoration:none;color:#1a1a1a;display:flex;flex-direction:column;gap:6px}
.ogc-product img{width:100%;height:auto;border-radius:10px;border:1px solid #eee}
.ogc-product__title{font-size:14px;font-weight:600;margin-top:4px}
.ogc-product__price{font-size:14px;color:var(--ogc-brand)}
.ogc-bestsellers{margin-bottom:44px}

/* Story */
.ogc-story{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;
  background:color-mix(in srgb,var(--ogc-brand) 5%,#fff);border-radius:14px;padding:32px;margin-bottom:44px}
.ogc-story__media img{width:100%;border-radius:10px}
.ogc-story__text h2{margin:0 0 10px;color:var(--ogc-brand)}
.ogc-story__text p{color:#374151;line-height:1.6}

/* Other brands */
.ogc-other-brands__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ogc-other{display:flex;flex-direction:column;text-decoration:none;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff;color:#1a1a1a;transition:box-shadow .15s,transform .15s}
.ogc-other:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);transform:translateY(-2px)}
.ogc-other__media{display:block;aspect-ratio:16/10;background-size:cover;background-position:center}
.ogc-other__body{padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.ogc-other__name{font-weight:700;font-size:16px;color:#1a1a1a}
.ogc-other__desc{font-size:13px;color:#6b7280;line-height:1.4}
.ogc-other__cta{font-size:13px;font-weight:600;color:var(--ogc-brand);margin-top:6px}

/* Brands index page */
.ogc-brands-index__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1000px;margin:0 auto}
.ogc-brand-card{display:flex;flex-direction:column;text-decoration:none;border-radius:14px;overflow:hidden;border:1px solid #e5e7eb;background:#fff}
.ogc-brand-card__media{aspect-ratio:16/9;background:color-mix(in srgb,var(--ogc-card) 20%,#fff);background-size:cover;background-position:center}
.ogc-brand-card__body{padding:18px 20px;display:flex;flex-direction:column;gap:6px;border-top:4px solid var(--ogc-card)}
.ogc-brand-card__name{font-weight:800;font-size:20px;color:var(--ogc-card)}
.ogc-brand-card__tagline{font-size:14px;color:#4b5563}
.ogc-brand-card__cta{font-size:13px;font-weight:600;color:var(--ogc-card);margin-top:4px}

@media(max-width:780px){
  .ogc-hero,.ogc-story{grid-template-columns:1fr}
  .ogc-stats{grid-template-columns:repeat(2,1fr)}
  .ogc-collections__grid,.ogc-products,.ogc-other-brands__grid,.ogc-brands-index__grid{grid-template-columns:1fr 1fr}
  .ogc-hero__title{font-size:34px}
}
@media(max-width:480px){
  .ogc-products,.ogc-collections__grid{grid-template-columns:1fr}
}

/* ---- Product sections (no-slider grids: Bestsellers / New arrivals) ---- */
.ogc-product-section{margin:0 0 44px}
.ogc-product-section .ogc-section-title{margin-bottom:18px}

/* ---- Product sliders (bestsellers / new arrivals) ---- */
.ogc-slider-section{position:relative;margin:0 0 44px}
.ogc-slider-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px;gap:12px}
.ogc-slider-head .ogc-section-title{margin:0}
.ogc-slider-nav{position:static}

/* Arrows overlay the track edges, vertically centred */
.ogc-slider-prev,.ogc-slider-next{position:absolute;top:calc(50% + 18px);transform:translateY(-50%);z-index:50;width:40px;height:40px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12);cursor:pointer;font-size:20px;line-height:1;color:#222;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.ogc-slider-prev{left:-6px}
.ogc-slider-next{right:-6px}
.ogc-slider-prev:hover,.ogc-slider-next:hover{background:var(--ogc-brand);color:#fff}

/* Track: native Kapee cards (no col-* classes), horizontal scroll, no scrollbar.
   align-items:flex-start keeps each card at its natural height (flex would
   otherwise stretch them all to the tallest, breaking the layout). */
.ogc-slider__track{list-style:none;margin:0;padding:0;display:flex !important;flex-wrap:nowrap !important;align-items:flex-start !important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.ogc-slider__track::-webkit-scrollbar{display:none;width:0;height:0}
.ogc-slider__track::before,.ogc-slider__track::after{content:none !important;display:none !important}
.ogc-slider__track > li.product{flex:0 0 240px !important;width:240px !important;max-width:240px !important;margin:0 !important;float:none !important;clear:none !important;scroll-snap-align:start}

/* ---- All products grid (native WC ul.products + pagination) ---- */
.ogc-all-products{margin:0 0 44px}
.ogc-all-products .ogc-section-title{margin-bottom:18px}
.ogc-empty{color:#6b7280;font-style:italic;margin:24px 0}

/* UGC reels styling moved to assets/css/reels.css (shared with product pages). */

@media(max-width:780px){
  .ogc-slider__track > li.product{flex-basis:170px !important;width:170px !important;max-width:170px !important}
  .ogc-slider-prev,.ogc-slider-next{display:none} /* swipe on touch */
}