/* ---------- scoped reset & tokeny (eu.puma.com: #191919, #FAFAFA, #767676) ---------- */
.pum-brand{
  --pum-black:#191919;--pum-grey:#767676;--pum-light:#FAFAFA;--pum-line:#E5E5E5;
  font-family:'Barlow','FFDINforPuma',Inter,Arial,sans-serif;color:var(--pum-black);font-size:16px;line-height:1.5;
  max-width:1400px;margin:0 auto;background:#fff;
}
.pum-brand *,.pum-brand *::before,.pum-brand *::after{box-sizing:border-box;margin:0;padding:0;}
.pum-brand img{max-width:100%;height:auto;display:block;}
.pum-brand a{text-decoration:none;color:inherit;}
.pum-brand .pum-wrap{max-width:1280px;margin:0 auto;padding:0 24px;}
.pum-brand .pum-h2{font-size:32px;font-weight:700;text-transform:uppercase;line-height:1.1;margin-bottom:24px;}
/* černá hranatá tlačítka předlohy */
.pum-brand .pum-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--pum-black);color:#fff;border:1px solid var(--pum-black);font-weight:700;font-size:16px;text-transform:uppercase;padding:8px 20px;line-height:1.4;transition:background .2s,color .2s;}
.pum-brand .pum-btn:hover{background:#fff;color:var(--pum-black);}
.pum-brand .pum-btn-sm{font-weight:400;text-transform:none;border-radius:2px;height:40px;padding:0 16px;}
.pum-brand .pum-btn-white{background:#fff;color:var(--pum-black);border-color:#fff;}
.pum-brand .pum-btn-white:hover{background:var(--pum-black);color:#fff;}

/* ---------- servisní lišta + černá hlavička ---------- */
.pum-brand .pum-topbar{text-align:center;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:9px 16px;}
.pum-brand .pum-header{background:var(--pum-black);color:#fff;}
.pum-brand .pum-header .pum-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px;}
.pum-brand .pum-nav{list-style:none;display:flex;gap:0 24px;flex-wrap:wrap;}
.pum-brand .pum-nav a{font-weight:700;font-size:16px;text-transform:uppercase;padding:6px 0;border-bottom:2px solid transparent;}
.pum-brand .pum-nav a:hover{border-bottom-color:#fff;}
.pum-brand .pum-logo{width:40px;height:31px;color:#fff;display:block;}
.pum-brand .pum-header-note{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#BDBDBD;}

/* ---------- hero 1280:444 (centrovaný bílý text, černá tlačítka) ---------- */
.pum-brand .pum-hero{position:relative;width:100%;padding-top:34.7%;background:url('https://images.puma.com/image/upload/c_scale,f_auto,q_auto:best,w_1280,t_white_blk_50/cms/images/9b19c7cf0a843dfa073b1742509ff3ea6ffd576c?_a=BAMAPqkS0') center/cover no-repeat;container-type:inline-size;}
.pum-brand .pum-hero-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:0 6%;text-shadow:0 1px 8px rgba(0,0,0,.35);}
.pum-brand .pum-hero-text h1{font-size:2.5cqw;font-weight:700;text-transform:uppercase;line-height:1.1;margin-bottom:.6cqw;}
.pum-brand .pum-hero-text p{font-size:1.25cqw;font-weight:700;text-transform:uppercase;margin-bottom:.3cqw;}
.pum-brand .pum-hero-text .pum-sub2{font-weight:400;margin-bottom:1.6cqw;}
.pum-brand .pum-hero-btns{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;}
.pum-brand .pum-hero-btns .pum-btn{font-size:1.25cqw;padding:.6cqw 1.6cqw;text-shadow:none;}

/* ---------- produktový karusel (karty 1:1 na #FAFAFA, název 16px/700) ---------- */
.pum-brand .pum-section{padding:48px 0;}
.pum-brand .pum-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.pum-brand .pum-card{display:block;}
.pum-brand .pum-card-img{display:flex;aspect-ratio:1/1;background:var(--pum-light);align-items:center;justify-content:center;overflow:hidden;}
.pum-brand .pum-card-img img{width:100%;height:100%;object-fit:contain;padding:6%;mix-blend-mode:multiply;transition:transform .3s;}
.pum-brand .pum-card:hover .pum-card-img img{transform:scale(1.04);}
.pum-brand .pum-card h3{font-size:16px;font-weight:700;margin-top:12px;line-height:1.3;}
.pum-brand .pum-card-sub{display:block;font-size:14px;color:var(--pum-grey);margin-top:2px;}

/* ---------- dlaždice New & Featured / Lifestyle (čtvercové, titulek verzálky) ---------- */
.pum-brand .pum-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.pum-brand .pum-tiles-2{grid-template-columns:1fr 1fr;}
.pum-brand .pum-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
.pum-brand .pum-tile-img{display:flex;width:100%;aspect-ratio:1/1;background:var(--pum-light);align-items:center;justify-content:center;overflow:hidden;margin-bottom:8px;}
.pum-brand .pum-tile-img img{width:100%;height:100%;object-fit:contain;padding:8%;mix-blend-mode:multiply;transition:transform .35s;}
.pum-brand .pum-tile-official img{object-fit:cover;padding:0;mix-blend-mode:normal;}
.pum-brand .pum-tile:hover .pum-tile-img img{transform:scale(1.03);}
.pum-brand .pum-tile-title{font-size:16px;font-weight:700;text-transform:uppercase;}
.pum-brand .pum-tile-sub{font-size:16px;color:var(--pum-black);margin-bottom:6px;}

/* ---------- příběh značky (černý pás jako patička předlohy) ---------- */
.pum-brand .pum-story{background:var(--pum-black);color:#fff;padding:64px 0;}
.pum-brand .pum-story-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start;}
.pum-brand .pum-story .pum-h2{margin-bottom:16px;}
.pum-brand .pum-story p{color:#D9D9D9;margin-bottom:14px;}
.pum-brand .pum-story p strong{color:#fff;}
.pum-brand .pum-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.pum-brand .pum-fact{border-top:2px solid #fff;padding-top:14px;}
.pum-brand .pum-fact b{display:block;font-size:34px;font-weight:700;line-height:1;margin-bottom:8px;text-transform:uppercase;}
.pum-brand .pum-fact span{color:#BDBDBD;font-size:14px;}
.pum-brand .pum-story-logo{width:64px;height:49px;color:#fff;margin-bottom:20px;}
.pum-brand .pum-cta{text-align:center;padding:48px 24px 64px;}
.pum-brand .pum-cta .pum-h2{margin-bottom:20px;}

/* ---------- responzivita ---------- */
@media (max-width:1000px){
  .pum-brand .pum-cards{grid-template-columns:repeat(2,1fr);}
  .pum-brand .pum-story-inner{grid-template-columns:1fr;}
  .pum-brand .pum-h2{font-size:26px;}
}
@media (max-width:760px){
  .pum-brand .pum-header .pum-wrap{height:auto;padding:12px 24px;flex-wrap:wrap;}
  .pum-brand .pum-header-note{display:none;}
  .pum-brand .pum-nav{gap:0 14px;}
  .pum-brand .pum-nav a{font-size:14px;}
  .pum-brand .pum-hero{padding-top:0;background:none;}
  .pum-brand .pum-hero::before{content:"";display:block;width:100%;padding-top:60%;background:url('https://images.puma.com/image/upload/c_scale,f_auto,q_auto:best,w_1280,t_white_blk_50/cms/images/9b19c7cf0a843dfa073b1742509ff3ea6ffd576c?_a=BAMAPqkS0') center/cover no-repeat;}
  .pum-brand .pum-hero-text{position:static;color:var(--pum-black);text-shadow:none;padding:24px 20px 8px;}
  .pum-brand .pum-hero-text h1{font-size:28px;margin-bottom:8px;}
  .pum-brand .pum-hero-text p{font-size:15px;}
  .pum-brand .pum-hero-text .pum-sub2{margin-bottom:16px;}
  .pum-brand .pum-hero-btns .pum-btn{font-size:15px;padding:8px 18px;}
  .pum-brand .pum-tiles,.pum-brand .pum-tiles-2{grid-template-columns:1fr;}
}
@media (max-width:520px){
  .pum-brand .pum-cards,.pum-brand .pum-facts{grid-template-columns:1fr;}
}

/* Šablona e-shopu vykresluje název kategorie jako vlastní nadpis nad obsahem. Hero má
   vlastní <h1> Forever Faster, takže by byl nadpis na stránce dvakrát — skrýváme ten
   šablonový. Selektor míří na `ph-page` i na starší `ph-main`, šablona třídu přejmenovala. */
body:has(.pum-brand-wrapper) h1.ph-main,
body:has(.pum-brand-wrapper) h1.ph-page { display: none; }
/* Obsahový sloupec šablony je úzký, brand page potřebuje plnou šířku. */
.max-w-xl:has(.pum-brand-wrapper) { max-width: none; }