/* Founárna – Inspirace V5 STABLE
   Nejstabilnější řešení:
   - nepoužívá žádné generované/ořezané obrázky z předchozích balíčků
   - používá existující Shoptet category thumb obrázky z founarna.cz
   - žádná deformace: obrázky jsou contain, bez crop/cover, bez změny poměru stran
   - light/dark řeší jen barvy HTML/CSS, ne jiné obrázky
*/

#fhc-home,#fhs-home,#fpx-home,#fad-home,#fth-home,#fh-final-home,
#fst-home,#fsg-home,#fsg2-home,#fsg3-home,#fog-home,#fog5-home,
#fcc-home,#fcc2-home,#fcc3-home,#frc-home,#frc2-home,#frc3-home,
#frc4-home,#frc5-home,#frc6-home,#frc7-home,#frc8-home,#frc9-home,
#frc10-home,#frc11-home,#frc12-home,#frc13-home,#frc14-home,
#founarna-final-v15,#founarna-final-v16,#founarna-home-v1,#founarna-home-v2,
#founarna-inspire-v1,#founarna-inspire-v2,#founarna-inspire-v3,#founarna-inspire-v4{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
}

#founarna-inspire-v5,
#founarna-inspire-v5 *{
  box-sizing:border-box;
}

#founarna-inspire-v5{
  --fi-page:#f5f1ea;
  --fi-hero:#ede5d9;
  --fi-card:#f0e8dc;
  --fi-soft:#eadfce;
  --fi-border:#ded2c1;
  --fi-text:#171717;
  --fi-muted:#5c564d;
  --fi-chip:#f8f1e6;
  --fi-chip-text:#5c554d;
  --fi-accent:#f2c43d;
  --fi-accent-hover:#e8b82a;
  --fi-shadow:0 18px 50px rgba(49,35,14,.10);
  --fi-card-shadow:0 10px 28px rgba(49,35,14,.075);

  width:100%;
  max-width:1440px;
  margin:24px auto 42px;
  padding:0 16px 2px;
  background:transparent!important;
  color:var(--fi-text);
  clear:both;
  font-family:inherit;
}

#founarna-inspire-v5.fi-theme-dark{
  --fi-page:#0b0e12;
  --fi-hero:#11161d;
  --fi-card:#151b23;
  --fi-soft:#1b222c;
  --fi-border:#29313d;
  --fi-text:#f4f1eb;
  --fi-muted:#b9b5ae;
  --fi-chip:#1e2530;
  --fi-chip-text:#e5e0d8;
  --fi-shadow:0 20px 58px rgba(0,0,0,.35);
  --fi-card-shadow:0 12px 32px rgba(0,0,0,.30);
}

.fi-stage{
  width:100%;
  padding:22px;
  border-radius:34px;
  background:var(--fi-page)!important;
}

/* HERO */
.fi-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(360px,.92fr) minmax(520px,1.08fr);
  align-items:center;
  gap:34px;
  min-height:390px;
  padding:44px 52px;
  border-radius:30px;
  background:
    radial-gradient(circle at 82% 28%, rgba(242,196,61,.16), transparent 34%),
    linear-gradient(135deg, var(--fi-hero), var(--fi-soft))!important;
  border:1px solid var(--fi-border);
  box-shadow:var(--fi-shadow);
  overflow:hidden;
}

.fi-title{
  margin:0 0 16px;
  max-width:650px;
  font-size:clamp(42px,4.1vw,70px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:950;
  color:var(--fi-text)!important;
}

.fi-subtitle{
  margin:0 0 20px;
  max-width:610px;
  font-size:18px;
  line-height:1.5;
  color:var(--fi-muted)!important;
}

.fi-brand-label{
  margin:0 0 10px;
  font-size:13px;
  font-weight:850;
  letter-spacing:.01em;
  color:var(--fi-text)!important;
}

.fi-brands{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  max-width:650px;
  margin:0 0 26px;
  padding:0;
  list-style:none;
}

.fi-brands li{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:4px 10px;
  border-radius:999px;
  background:var(--fi-chip)!important;
  border:1px solid var(--fi-border);
  color:var(--fi-chip-text)!important;
  font-size:12px;
  line-height:1;
  font-weight:750;
  white-space:nowrap;
}

.fi-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  min-height:56px;
  padding:14px 30px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--fi-accent),var(--fi-accent-hover))!important;
  color:#171717!important;
  text-decoration:none!important;
  font-size:17px;
  font-weight:900;
  box-shadow:0 14px 30px rgba(185,135,22,.20);
}

.fi-button::after{
  content:"→";
  font-size:22px;
  line-height:1;
}

.fi-hero-art{
  position:relative;
  min-height:290px;
}

.fi-hero-bubble{
  position:absolute;
  border-radius:999px;
  background:rgba(255,255,255,.36);
  border:1px solid rgba(255,255,255,.18);
}

.fi-theme-dark .fi-hero-bubble{
  background:rgba(255,255,255,.045);
}

.fi-hero-product{
  position:absolute;
  display:block;
  object-fit:contain!important;
  width:auto!important;
  height:auto!important;
  max-width:30%;
  max-height:62%;
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.22));
  transform:translateZ(0);
}

.fi-hero-product--1{left:4%;bottom:20%;max-width:32%}
.fi-hero-product--2{left:28%;top:4%;max-width:28%}
.fi-hero-product--3{left:50%;bottom:23%;max-width:24%}
.fi-hero-product--4{right:6%;top:8%;max-width:27%}
.fi-hero-product--5{right:22%;bottom:2%;max-width:29%}

.fi-hero-bubble--1{left:0;top:10%;width:58%;height:68%}
.fi-hero-bubble--2{right:3%;top:4%;width:38%;height:48%}
.fi-hero-bubble--3{right:18%;bottom:4%;width:48%;height:32%}

/* CARDS */
.fi-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}

.fi-card{
  position:relative;
  min-height:255px;
  display:block;
  padding:28px;
  border-radius:28px;
  background:
    radial-gradient(circle at 82% 78%, rgba(242,196,61,.12), transparent 36%),
    var(--fi-card)!important;
  border:1px solid var(--fi-border);
  box-shadow:var(--fi-card-shadow);
  text-decoration:none!important;
  color:var(--fi-text)!important;
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.fi-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--fi-shadow);
}

.fi-card-copy{
  position:relative;
  z-index:2;
  max-width:58%;
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.fi-card h3{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.025em;
  color:var(--fi-text)!important;
}

.fi-card p{
  margin:0 0 20px;
  font-size:15.5px;
  line-height:1.42;
  color:var(--fi-muted)!important;
}

.fi-arrow{
  margin-top:auto;
  display:inline-flex;
  width:40px;
  height:40px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(180deg,var(--fi-accent),var(--fi-accent-hover))!important;
  color:#171717!important;
  font-size:21px;
  font-weight:900;
  box-shadow:0 10px 22px rgba(185,135,22,.16);
}

.fi-product{
  position:absolute;
  z-index:1;
  right:22px;
  bottom:18px;
  width:38%;
  max-width:190px;
  height:auto;
  max-height:76%;
  object-fit:contain!important;
  filter:drop-shadow(0 22px 24px rgba(0,0,0,.22));
  transform:translateZ(0);
}

.fi-card--charging .fi-product,
.fi-card--audio .fi-product,
.fi-card--car .fi-product,
.fi-card--summer .fi-product{
  width:42%;
  max-width:205px;
}

.fi-card--watch .fi-product,
.fi-card--tablet .fi-product{
  width:40%;
  max-width:200px;
}

/* Tablet */
@media (max-width:1120px){
  #founarna-inspire-v5{
    padding-left:10px;
    padding-right:10px;
  }

  .fi-stage{
    padding:14px;
  }

  .fi-hero{
    grid-template-columns:1fr;
    padding:36px 34px 28px;
  }

  .fi-title{max-width:760px}
  .fi-subtitle{max-width:720px}
  .fi-hero-art{min-height:250px}
}

/* Mobile */
@media (max-width:767px){
  #founarna-inspire-v5{
    margin:12px auto 30px;
    padding:0 8px;
  }

  .fi-stage{
    padding:8px;
    border-radius:22px;
  }

  .fi-hero{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    min-height:auto;
    gap:16px;
    padding:22px 18px 18px;
    border-radius:20px;
  }

  .fi-title{
    font-size:clamp(32px,9.2vw,46px);
    line-height:1;
    max-width:98%;
    margin-bottom:13px;
  }

  .fi-subtitle{
    font-size:14px;
    line-height:1.42;
    margin-bottom:14px;
    max-width:98%;
  }

  .fi-brand-label{
    font-size:12px;
    margin-bottom:8px;
  }

  .fi-brands{
    flex-wrap:wrap;
    overflow:visible;
    gap:6px;
    margin-bottom:16px;
    padding-bottom:0;
    max-width:100%;
  }

  .fi-brands li{
    font-size:11px;
    min-height:24px;
    padding:4px 9px;
  }

  .fi-button{
    min-height:48px;
    padding:12px 18px;
    font-size:15px;
    gap:10px;
    align-self:flex-start;
  }

  .fi-hero-art{
    min-height:180px;
  }

  .fi-hero-product{
    max-height:66%;
    filter:drop-shadow(0 14px 16px rgba(0,0,0,.22));
  }

  .fi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:8px;
  }

  .fi-card{
    min-height:226px;
    padding:15px 12px 12px;
    border-radius:18px;
  }

  .fi-card-copy{
    max-width:68%;
    min-height:140px;
  }

  .fi-card h3{
    font-size:17px;
    line-height:1.12;
    margin-bottom:7px;
  }

  .fi-card p{
    font-size:12px;
    line-height:1.34;
    margin-bottom:8px;
  }

  .fi-arrow{
    width:31px;
    height:31px;
    font-size:17px;
  }

  .fi-product{
    right:9px;
    bottom:10px;
    width:45%;
    max-width:115px;
    max-height:46%;
    filter:drop-shadow(0 14px 15px rgba(0,0,0,.22));
  }

  .fi-card--charging .fi-product,
  .fi-card--audio .fi-product,
  .fi-card--car .fi-product,
  .fi-card--summer .fi-product{
    width:48%;
    max-width:120px;
  }
}