/* ============================================================================
   GrowCommerce UI Kit — brand palettes
   Copy the ONE block for your app into a <style> in the page <head>, AFTER
   linking growcommerce-kit.css. Override only what differs from the default.
   The kit derives every neutral from --gc-brand-hue, so usually 3-4 vars is all
   you need. Pick --gc-brand-hue close to your accent hue for a cohesive tint.
   OKLCH hue reference: rose~15, amber~75, green~150, teal~190, blue~250,
   indigo~285, violet~300, magenta~340.
   ============================================================================ */

/* GrowReview — reviews (DEFAULT, indigo→violet, amber stars) */
:root{
  --gc-accent-1:#6366f1; --gc-accent-2:#7c3aed; --gc-star:#f59e0b; --gc-brand-hue:285;
}

/* GrowWish — wishlist (rose) */
:root.gc-growwish{
  --gc-accent-1:#fb7185; --gc-accent-2:#e11d48; --gc-star:#f59e0b; --gc-brand-hue:15;
}

/* GrowRewards — loyalty points (amber + indigo) */
:root.gc-growrewards{
  --gc-accent-1:#f59e0b; --gc-accent-2:#6366f1; --gc-star:#f59e0b; --gc-brand-hue:75;
}

/* GrowLoyalty — loyalty program (emerald → teal) */
:root.gc-growloyalty{
  --gc-accent-1:#10b981; --gc-accent-2:#0d9488; --gc-star:#f59e0b; --gc-brand-hue:165;
}

/* GrowSub — subscriptions (indigo) */
:root.gc-growsub{
  --gc-accent-1:#6366f1; --gc-accent-2:#4338ca; --gc-star:#f59e0b; --gc-brand-hue:275;
}

/* GrowBundle — bundles / AOV (violet → fuchsia) */
:root.gc-growbundle{
  --gc-accent-1:#8b5cf6; --gc-accent-2:#d946ef; --gc-star:#f59e0b; --gc-brand-hue:310;
}

/* GrowCart — cart journey (sky → indigo) */
:root.gc-growcart{
  --gc-accent-1:#0ea5e9; --gc-accent-2:#6366f1; --gc-star:#f59e0b; --gc-brand-hue:235;
}

/* GrowTrack — śledzenie przesyłek (cyan → navy) */
:root.gc-growtrack{
  --gc-accent-1:#0b78d0; --gc-accent-2:#15385c; --gc-star:#f59e0b; --gc-brand-hue:225;
  --gc-grad:#0b78d0; --gc-r:8px; --gc-r-sm:8px; --gc-r-lg:8px;
}

.gc-growtrack .gc-mesh{display:none}
.gc-growtrack .gc-disp,
.gc-growtrack .gc-kicker,
.gc-growtrack .gc-plan-price,
.gc-growtrack .gc-theme-title{letter-spacing:0}
.gc-growtrack .gc-cta{background:transparent;border-width:1px 0;border-radius:0;box-shadow:none}

.gc-track-hero{
  position:relative;isolation:isolate;overflow:hidden;
  width:100vw;height:min(68vh,620px);min-height:500px;
  margin-left:calc(50% - 50vw);color:#fff;background:#10233b;
}
.gc-track-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;z-index:-2}
.gc-track-hero__shade{position:absolute;inset:0;background:rgba(7,22,40,.7);z-index:-1}
.gc-track-hero__inner{
  width:min(100%,1104px);height:100%;margin:0 auto;padding:54px 22px;
  display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
}
.gc-track-hero__eyebrow{margin:0;font-size:13px;font-weight:750;letter-spacing:0;text-transform:uppercase;color:#91d9f7}
.gc-track-hero h1{margin:10px 0 0;font-size:64px;color:#fff}
.gc-track-hero__lead{max-width:650px;margin:16px 0 0;font-size:18px;line-height:1.58;color:#edf7fc}
.gc-track-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.gc-track-hero .gc-btn{min-height:48px;background:#12b0f2;color:#071628;box-shadow:none;border:1px solid #12b0f2}
.gc-track-hero .gc-btn:hover{background:#45c4f6;border-color:#45c4f6}
.gc-track-hero .gc-track-hero__secondary{background:rgba(7,22,40,.42);border-color:rgba(255,255,255,.68);color:#fff}
.gc-track-hero .gc-track-hero__secondary:hover{background:rgba(7,22,40,.72);border-color:#fff}

@media(max-width:620px){
  .gc-growtrack .gc-bento{grid-template-columns:1fr}
  .gc-track-hero{height:500px;min-height:500px}
  .gc-track-hero__image{object-position:46% 16%}
  .gc-track-hero__inner{padding:38px 16px}
  .gc-track-hero h1{font-size:44px}
  .gc-track-hero__lead{font-size:16px;line-height:1.5}
  .gc-track-hero__actions{width:100%}
  .gc-track-hero__actions .gc-btn{flex:1 1 150px;justify-content:center;padding-left:14px;padding-right:14px}
}

/* GrowPersonalize — personalizacja produktów (violet → purple) */
:root.gc-growpersonalize{
  --gc-accent-1:#7c3aed; --gc-accent-2:#a855f7; --gc-star:#f59e0b; --gc-brand-hue:300;
}

/* SEO NoBrainer — SEO i opisy z AI (magenta → indigo) */
:root.gc-seonobrainer{
  --gc-accent-1:#d6249f; --gc-accent-2:#6366f1; --gc-star:#f59e0b; --gc-brand-hue:330;
}

/* GrowCommerce master / CSV Power Pack (magenta — house brand) */
:root.gc-house{
  --gc-accent-1:#d6249f; --gc-accent-2:#8b2fd0; --gc-star:#f59e0b; --gc-brand-hue:340;
}

/* Usage: either edit :root above directly in your copy, OR add the class to
   <html class="gc-growwish"> and ship brands.css unchanged. */
