@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Roboto:wght@400;500;700&display=swap');
/* ---------- scoped reset & tokeny (yankeecandle.com: černá, bílá, krémová kampaně) ---------- */
.yc-brand{
  --yc-black:#000;--yc-cream:#E8D3C0;--yc-cream2:#F3E9E0;--yc-terra:#C2703E;--yc-terra2:#A85A2E;--yc-grey:#F4F4F4;--yc-muted:#4E616A;
  font-family:'Roboto','Roboto-Regular',Arial,sans-serif;color:#000;font-size:16px;line-height:1.5;max-width:1400px;margin:0 auto;background:#fff;
}
.yc-brand *,.yc-brand *::before,.yc-brand *::after{box-sizing:border-box;margin:0;padding:0;}
.yc-brand img{max-width:100%;height:auto;display:block;}
.yc-brand a{text-decoration:none;color:inherit;}
.yc-brand .yc-wrap{max-width:1280px;margin:0 auto;padding:0 24px;}
.yc-brand .yc-h2{font-family:'Poppins','Poppins-Regular',Arial,sans-serif;font-weight:700;font-size:30px;line-height:1.2;text-align:center;margin-bottom:28px;}
.yc-brand .yc-btn{display:inline-block;background:#000;color:#fff;font-size:16px;font-weight:400;padding:16px 24px;line-height:1.2;transition:background .2s;}
.yc-brand .yc-btn:hover{background:#333;}
.yc-brand .yc-btn-sm{padding:10px 24px;font-size:14px;}

/* ---------- černá hlavička (72px, bílá tučná navigace 14px) ---------- */
.yc-brand .yc-header{background:#000;color:#fff;}
.yc-brand .yc-header .yc-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px;}
.yc-brand .yc-logo{width:220px;height:24px;color:#fff;display:block;}
.yc-brand .yc-nav{list-style:none;display:flex;gap:0 4px;flex-wrap:wrap;}
.yc-brand .yc-nav a{display:block;font-weight:700;font-size:14px;padding:10px 9px;border-bottom:2px solid transparent;}
.yc-brand .yc-nav a:hover{border-bottom-color:#fff;}
.yc-brand .yc-header-note{font-size:12px;color:#BDBDBD;}

/* ---------- hero: oficiální fotografie kampaně 1920:1080, anglický text vlevo překrytý panelem v barvě pozadí ---------- */
.yc-brand .yc-hero{position:relative;width:100%;padding-top:56.25%;background:url('/shop-data/campaign/yankeecandle/yc-hero.jpg') center/cover no-repeat;overflow:hidden;container-type:inline-size;}
.yc-brand .yc-hero-cover{position:absolute;left:9%;top:19%;width:33.5%;height:52%;background:linear-gradient(to bottom,#EBD8C7 0%,#E9D6C7 55%,#EADCCD 100%);filter:blur(.7cqw);}
.yc-brand .yc-hero-text{position:absolute;left:11%;top:50%;transform:translateY(-50%);width:26%;text-align:center;}
.yc-brand .yc-hero-text h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:2.7cqw;line-height:1.15;color:#000;margin-bottom:1.2cqw;}
.yc-brand .yc-hero-text .yc-kicker{display:block;font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:1.4cqw;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.3cqw;}
.yc-brand .yc-hero-text p{font-family:'Poppins',Arial,sans-serif;font-size:1.05cqw;font-weight:500;margin-bottom:1.4cqw;}
.yc-brand .yc-hero-text .yc-btn{font-size:1cqw;padding:.75cqw 2.6cqw;}

/* ---------- naplňte si domov: čtyři čtvercové dlaždice s popiskem ---------- */
.yc-brand .yc-section{padding:56px 0;}
.yc-brand .yc-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.yc-brand .yc-tile{display:block;text-align:center;}
.yc-brand .yc-tile-img{display:flex;aspect-ratio:1/1;align-items:center;justify-content:center;overflow:hidden;background:var(--yc-cream2);margin-bottom:14px;}
.yc-brand .yc-tile-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s;}
.yc-brand .yc-tile-prod img{object-fit:contain;padding:10%;mix-blend-mode:multiply;}
.yc-brand .yc-tile:hover .yc-tile-img img{transform:scale(1.04);}
.yc-brand .yc-tile strong{display:block;font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:18px;margin-bottom:4px;}
.yc-brand .yc-tile span{display:block;font-size:14px;color:var(--yc-muted);}

/* ---------- produktové mřížky ---------- */
.yc-brand .yc-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.yc-brand .yc-card{display:block;text-align:center;}
.yc-brand .yc-card-img{display:flex;aspect-ratio:1/1;align-items:center;justify-content:center;overflow:hidden;background:#fff;border:1px solid #EEE;}
.yc-brand .yc-card-img img{width:100%;height:100%;object-fit:contain;padding:8%;transition:transform .3s;}
.yc-brand .yc-card:hover .yc-card-img img{transform:scale(1.05);}
.yc-brand .yc-card h3{font-size:16px;font-weight:700;margin-top:12px;line-height:1.35;}
.yc-brand .yc-card-sub{display:block;font-size:14px;color:var(--yc-muted);margin-top:2px;}
.yc-brand .yc-more{text-align:center;margin-top:32px;}
.yc-brand .yc-alt{background:var(--yc-grey);}

/* ---------- vůně: chipy nejoblíbenějších vůní ---------- */
.yc-brand .yc-scents{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.yc-brand .yc-scent{border:1px solid #000;padding:10px 18px;font-size:14px;font-weight:500;transition:background .2s,color .2s;}
.yc-brand .yc-scent:hover{background:#000;color:#fff;}

/* ---------- příběh značky (krémová sekce) ---------- */
.yc-brand .yc-story{background:var(--yc-cream2);padding:64px 0;}
.yc-brand .yc-story-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start;}
.yc-brand .yc-story h2{font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:30px;line-height:1.2;margin-bottom:18px;}
.yc-brand .yc-story h2 em{font-family:Georgia,'Times New Roman',serif;font-style:normal;font-weight:400;display:block;font-size:24px;color:var(--yc-terra2);margin-bottom:6px;}
.yc-brand .yc-story p{color:#333;margin-bottom:14px;}
.yc-brand .yc-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.yc-brand .yc-fact{background:#fff;padding:22px 20px;border-top:3px solid var(--yc-terra);}
.yc-brand .yc-fact b{display:block;font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:30px;line-height:1;margin-bottom:8px;}
.yc-brand .yc-fact span{font-size:14px;color:#333;}
.yc-brand .yc-cta{background:#000;color:#fff;text-align:center;padding:56px 24px;}
.yc-brand .yc-cta .yc-h2{color:#fff;margin-bottom:20px;}
.yc-brand .yc-cta .yc-btn{background:#fff;color:#000;}
.yc-brand .yc-cta .yc-btn:hover{background:var(--yc-cream);}

/* ---------- responzivita ---------- */
@media (max-width:1000px){
  .yc-brand .yc-tiles,.yc-brand .yc-cards{grid-template-columns:repeat(2,1fr);}
  .yc-brand .yc-story-inner{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .yc-brand .yc-header .yc-wrap{height:auto;padding:12px 24px;flex-wrap:wrap;}
  .yc-brand .yc-header-note{display:none;}
  .yc-brand .yc-logo{width:180px;height:20px;}
  .yc-brand .yc-hero{padding-top:0;background:var(--yc-cream);}
  .yc-brand .yc-hero::before{content:"";display:block;width:100%;padding-top:100%;background:url('/shop-data/campaign/yankeecandle/yc-hero.jpg') right center/cover no-repeat;}
  .yc-brand .yc-hero-cover{display:none;}
  .yc-brand .yc-hero-text{position:static;transform:none;width:100%;padding:28px 24px 32px;}
  .yc-brand .yc-hero-text .yc-kicker{font-size:14px;}
  .yc-brand .yc-hero-text h1{font-size:30px;margin-bottom:12px;}
  .yc-brand .yc-hero-text p{font-size:15px;margin-bottom:16px;}
  .yc-brand .yc-hero-text .yc-btn{font-size:14px;padding:10px 24px;}
  .yc-brand .yc-h2{font-size:24px;}
}
@media (max-width:520px){
  .yc-brand .yc-tiles,.yc-brand .yc-cards,.yc-brand .yc-facts{grid-template-columns:1fr;}
  .yc-brand .yc-nav a{font-size:13px;padding:8px 6px;}
}

/* ---------- guardy šablony Upgates (stejné jako u ostatních brand pages) ---------- */
/* Šablona kategorie vykresluje nad obsahem vlastní H1 s názvem stránky; hero má svůj
   titulek. Selektor míří na `ph-page` i na starší `ph-main`, šablona třídu přejmenovala. */
body:has(.yc-brand-wrapper) h1.ph-main,
body:has(.yc-brand-wrapper) h1.ph-page { display: none; }
/* Obsahový sloupec šablony je úzký, brand page potřebuje plnou šířku. */
.max-w-xl:has(.yc-brand-wrapper) { max-width: none; }
/* Šablona má vlastní pravidlo pro h1–h4 (Myriad) a to přebije dědění z wrapperu. */
.yc-brand :where(h2, h3, h4, h5, h6) { font-family: 'Poppins', Arial, sans-serif; }
.yc-brand .yc-card h3 { font-family: 'Roboto', Arial, sans-serif; }
.yc-brand .yc-hero-text h1 { font-family: Georgia, 'Times New Roman', serif; }

/* ---------- hero: fotka je retušovaná, panel přes anglický text už není potřeba ---------- */
.yc-brand .yc-hero-cover { display: none; }

/* ---------- produkty vždy na čistě bílé (pravidlo e-shopu) ---------- */
/* Balíček střídal sekce na šedém #F4F4F4 (i ty s produktovými kartami) a produktovou
   dlaždici na krémové. Šedý zůstává jen pás s vybranými vůněmi, ten produkty nemá. */
.yc-brand .yc-alt { background: #fff; }
.yc-brand .yc-scents-band { background: var(--yc-grey); }
.yc-brand .yc-tile-prod { background: #fff; border: 1px solid #EEE; }

/* ---------- mřížky: 2 / 3 / 4 / 5 v řadě (zlomy šablony Upgates) ---------- */
/* Balíček měl pevně 4, pod 1000 px 2 a pod 520 px 1. Produktové karty jdou mobile-first
   2 → 3 (≥992) → 4 (≥1204) → 5 (≥1502), sada čtyř dlaždic 2 → 4. */
.yc-brand .yc-cards { grid-template-columns: repeat(2, 1fr); gap: 12px; }
.yc-brand .yc-tiles { grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (min-width: 992px) {
  .yc-brand .yc-cards { grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .yc-brand .yc-tiles { grid-template-columns: repeat(4, 1fr); gap: 24px; }
}
@media (min-width: 1204px) { .yc-brand .yc-cards { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 1502px) { .yc-brand .yc-cards { grid-template-columns: repeat(5, 1fr); } }
@media (max-width: 991px) {
  .yc-brand .yc-tile strong { font-size: 15px; }
  .yc-brand .yc-card h3 { font-size: 14px; }
}