@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Roboto:wght@400;500;700&display=swap');
.ww-brand{font-family:'Roboto',Arial,sans-serif;color:#000;background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased;margin:0;overflow:hidden;}
.ww-brand *{box-sizing:border-box;}
.ww-brand a{color:inherit;text-decoration:none;}
.ww-brand img{display:block;max-width:100%;}
.ww-brand .ww-wrap{max-width:1080px;margin:0 auto;padding:0 16px;}
.ww-brand .ww-h{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;font-size:30px;line-height:1.25;margin:0 0 12px;text-align:center;}
.ww-brand .ww-lead{font-size:16px;line-height:24px;text-align:center;max-width:640px;margin:0 auto 32px;color:#333;}
.ww-brand .ww-center{text-align:center;margin:0;}
.ww-brand .ww-btn{display:inline-block;font-family:'Roboto',Arial,sans-serif;font-size:16px;line-height:34px;padding:6px 24px;min-width:179px;text-align:center;border:1px solid #000;background:#000;color:#fff;transition:background .2s,color .2s;}
.ww-brand .ww-btn:hover{background:#333;border-color:#333;}
.ww-brand .ww-btn-outline{background:#fff;color:#000;}
.ww-brand .ww-btn-outline:hover{background:#000;color:#fff;border-color:#000;}
.ww-brand .ww-btn-white{background:#fff;color:#000;border-color:#fff;}
.ww-brand .ww-btn-white:hover{background:#000;color:#fff;border-color:#000;}

/* header */
.ww-brand .ww-top{background:#fff;border-bottom:1px solid #e5e5e5;font-size:14px;line-height:17px;}
.ww-brand .ww-top .ww-wrap{display:flex;justify-content:space-between;align-items:center;min-height:32px;max-width:none;padding:0 32px;}
.ww-brand .ww-top span{color:#333;}
.ww-brand .ww-top a{font-weight:700;}
.ww-brand .ww-head{background:#000;color:#fff;}
.ww-brand .ww-head .ww-wrap{max-width:none;padding:0 32px;display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:24px;}
.ww-brand .ww-logo{display:block;width:267px;flex:0 0 267px;}
.ww-brand .ww-logo-svg{display:block;width:267px;height:40px;}
.ww-brand .ww-nav{display:flex;gap:32px;list-style:none;margin:0;padding:0;}
.ww-brand .ww-nav a{font-weight:700;font-size:14px;line-height:48px;display:block;border-bottom:2px solid transparent;}
.ww-brand .ww-nav a:hover{border-bottom-color:#fff;}
.ww-brand .ww-count{font-size:14px;color:#fff;white-space:nowrap;}

/* hero */
.ww-brand .ww-hero{position:relative;width:100%;padding-top:56.27%;background:#e9dfcd url('/shop-data/campaign/woodwick/ww-8d59e85e.jpg') center/cover no-repeat;overflow:hidden;container-type:inline-size;}
.ww-brand .ww-hero-text{position:absolute;left:12%;top:50%;transform:translateY(-50%);width:40%;max-width:540px;}
.ww-brand .ww-hero h1{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;font-size:3.1cqw;line-height:1.3;margin:0 0 1.6cqw;color:#000;}
.ww-brand .ww-hero h1 em{font-style:italic;}
.ww-brand .ww-hero p{font-size:1.4cqw;line-height:1.5;margin:0 0 2.2cqw;color:#000;}
.ww-brand .ww-hero-mobile{display:none;}

/* three round tiles */
.ww-brand .ww-tiles{padding:48px 0 56px;}
.ww-brand .ww-tiles .ww-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ww-brand .ww-tile{text-align:center;padding:0 8px;}
.ww-brand .ww-tile-img{display:block;width:100%;max-width:328px;margin:0 auto 24px;border-radius:50%;overflow:hidden;aspect-ratio:1/1;background:#efe6d6;}
.ww-brand .ww-tile-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.ww-brand .ww-tile:hover .ww-tile-img img{transform:scale(1.04);}
.ww-brand .ww-tile h3{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;font-size:30px;line-height:1.25;margin:0 0 6px;}
.ww-brand .ww-tile p{font-size:14px;line-height:21px;color:#555;margin:0 0 16px;}

/* season band */
.ww-brand .ww-season{display:flex;background:#5D4121;color:#fff;}
.ww-brand .ww-season-text{flex:0 0 50%;display:flex;flex-direction:column;justify-content:center;padding:64px 12% 64px 12.5%;}
.ww-brand .ww-season h2{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;font-size:36px;line-height:45px;margin:0 0 8px;}
.ww-brand .ww-season p{font-size:16px;line-height:24px;margin:0 0 32px;}
.ww-brand .ww-season-img{flex:0 0 50%;aspect-ratio:713/568;overflow:hidden;background:#efe6d6;}
.ww-brand .ww-season-img img{width:100%;height:100%;object-fit:cover;}

/* product sections */
.ww-brand .ww-sec{padding:56px 0 64px;}
.ww-brand .ww-sec-grey{background:#f7f7f7;}
.ww-brand .ww-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px;}
.ww-brand .ww-card{display:block;background:#fff;padding:0 0 12px;}
.ww-brand .ww-card-img{display:block;aspect-ratio:1/1;overflow:hidden;background:#fff;margin-bottom:12px;}
.ww-brand .ww-card-img img{width:100%;height:100%;object-fit:contain;transition:transform .4s;}
.ww-brand .ww-card:hover .ww-card-img img{transform:scale(1.05);}
.ww-brand .ww-card-name{display:block;font-size:16px;line-height:24px;font-weight:400;padding:0 16px;}
.ww-brand .ww-card:hover .ww-card-name{text-decoration:underline;}
.ww-brand .ww-card-sub{display:block;font-size:12px;line-height:18px;color:#333;padding:0 16px;}

/* fragrance families */
.ww-brand .ww-fam{padding:56px 0 64px;background:#f7f7f7;}
.ww-brand .ww-fam-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.ww-brand .ww-fam a{display:block;text-align:center;background:#fff;padding:16px 8px 18px;}
.ww-brand .ww-fam-img{display:block;width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto 12px;background:#efe6d6;}
.ww-brand .ww-fam-img img{width:100%;height:100%;object-fit:cover;}
.ww-brand .ww-fam strong{display:block;font-family:'Libre Baskerville',Georgia,serif;font-weight:400;font-size:16px;line-height:22px;}
.ww-brand .ww-fam span{display:block;font-size:12px;line-height:18px;color:#333;margin-top:2px;}

/* story */
.ww-brand .ww-story{padding:64px 0 0;}
.ww-brand .ww-story-intro{max-width:760px;margin:0 auto 48px;text-align:center;padding:0 16px;}
.ww-brand .ww-story-intro .ww-kicker{display:block;font-size:14px;line-height:18px;letter-spacing:.08em;text-transform:uppercase;color:#5D4121;margin-bottom:12px;}
.ww-brand .ww-story-intro h2{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;font-size:36px;line-height:45px;margin:0 0 16px;}
.ww-brand .ww-story-intro p{font-size:16px;line-height:24px;color:#333;margin:0;}
.ww-brand .ww-row{display:flex;background:#000;color:#fff;}
.ww-brand .ww-row-rev{flex-direction:row-reverse;}
.ww-brand .ww-row-text{flex:0 0 50%;display:flex;flex-direction:column;justify-content:center;padding:56px 12% 56px 12.5%;}
.ww-brand .ww-row-rev .ww-row-text{padding:56px 12.5% 56px 12%;}
.ww-brand .ww-row-year{font-family:'Libre Baskerville',Georgia,serif;font-size:36px;line-height:45px;margin:0 0 8px;}
.ww-brand .ww-row h3{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;font-size:30px;line-height:37px;margin:0 0 16px;}
.ww-brand .ww-row p{font-size:16px;line-height:24px;margin:0 0 28px;}
.ww-brand .ww-row-img{flex:0 0 50%;aspect-ratio:713/568;overflow:hidden;background:#111;}
.ww-brand .ww-row-img img{width:100%;height:100%;object-fit:cover;}
.ww-brand .ww-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:56px 16px;max-width:1080px;margin:0 auto;}
.ww-brand .ww-fact{text-align:center;padding:24px 12px;background:#f7f7f7;}
.ww-brand .ww-fact strong{display:block;font-family:'Libre Baskerville',Georgia,serif;font-weight:400;font-size:30px;line-height:1.2;margin-bottom:6px;color:#5D4121;}
.ww-brand .ww-fact span{font-size:14px;line-height:21px;color:#333;}

/* cta */
.ww-brand .ww-cta{background:#000;color:#fff;text-align:center;padding:64px 16px;}
.ww-brand .ww-cta h2{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;font-size:36px;line-height:45px;margin:0 0 12px;}
.ww-brand .ww-cta p{font-size:16px;line-height:24px;margin:0 0 32px;color:#ddd;}

@media (max-width:1000px){
  .ww-brand .ww-head .ww-wrap,.ww-brand .ww-top .ww-wrap{padding:0 16px;}
  .ww-brand .ww-nav{gap:20px;}
  .ww-brand .ww-cards{grid-template-columns:repeat(3,1fr);gap:16px;}
  .ww-brand .ww-fam-grid{grid-template-columns:repeat(3,1fr);}
  .ww-brand .ww-season-text,.ww-brand .ww-row-text,.ww-brand .ww-row-rev .ww-row-text{padding:40px 6%;}
  .ww-brand .ww-facts{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:760px){
  .ww-brand .ww-count,.ww-brand .ww-top span{display:none;}
  .ww-brand .ww-head .ww-wrap{flex-wrap:wrap;padding:12px 16px;gap:0 20px;}
  .ww-brand .ww-logo{width:200px;flex:0 0 200px;}
  .ww-brand .ww-logo-svg{width:200px;height:30px;}
  .ww-brand .ww-nav{flex-wrap:wrap;gap:0 18px;width:100%;}
  .ww-brand .ww-nav a{line-height:36px;font-size:13px;}
  .ww-brand .ww-hero{padding-top:0;background:none;}
  .ww-brand .ww-hero::before{content:"";display:block;width:100%;aspect-ratio:1/1;background:#e9dfcd url('/shop-data/campaign/woodwick/ww-8d59e85e.jpg') 78% center/cover no-repeat;}
  .ww-brand .ww-hero-text{position:static;transform:none;width:auto;max-width:none;padding:28px 16px 32px;text-align:center;}
  .ww-brand .ww-hero h1{font-size:30px;margin-bottom:12px;}
  .ww-brand .ww-hero p{font-size:16px;margin-bottom:20px;}
  .ww-brand .ww-tiles .ww-wrap{grid-template-columns:1fr;gap:36px;}
  .ww-brand .ww-tile-img{max-width:260px;}
  .ww-brand .ww-season,.ww-brand .ww-row,.ww-brand .ww-row-rev{flex-direction:column;}
  .ww-brand .ww-season-text,.ww-brand .ww-row-text,.ww-brand .ww-row-rev .ww-row-text{padding:36px 20px;text-align:center;}
  .ww-brand .ww-season-img,.ww-brand .ww-row-img{flex:none;width:100%;}
  .ww-brand .ww-season h2,.ww-brand .ww-row-year{font-size:30px;line-height:38px;}
  .ww-brand .ww-row h3{font-size:24px;line-height:30px;}
  .ww-brand .ww-cards{grid-template-columns:repeat(2,1fr);gap:12px;}
  .ww-brand .ww-card-name,.ww-brand .ww-card-sub{padding:0 6px;}
  .ww-brand .ww-fam-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .ww-brand .ww-btn{min-width:0;padding:6px 20px;}
  .ww-brand .ww-story-intro h2,.ww-brand .ww-cta h2{font-size:28px;line-height:36px;}
}
@media (max-width:520px){
  .ww-brand .ww-h{font-size:24px;}
  .ww-brand .ww-tile h3{font-size:24px;}
  .ww-brand .ww-facts{grid-template-columns:1fr 1fr;gap:10px;padding:40px 12px;}
  .ww-brand .ww-fact strong{font-size:24px;}
}

/* ---------- 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(.ww-brand-wrapper) h1.ph-main,
body:has(.ww-brand-wrapper) h1.ph-page { display: none; }
/* Obsahový sloupec šablony je úzký, brand page potřebuje plnou šířku. */
.max-w-xl:has(.ww-brand-wrapper) { max-width: none; }
/* Šablona má vlastní pravidlo pro h1–h4 (Myriad) a to přebije dědění z wrapperu. */
.ww-brand :where(h1, h2, h3, h4, h5, h6) { font-family: 'Libre Baskerville', Georgia, serif; }

/* ---------- produkty vždy na čistě bílé (pravidlo e-shopu) ---------- */
/* Balíček střídal produktové sekce na šedém #F7F7F7; karty dostanou jemný rámeček. */
.ww-brand .ww-sec-grey { background: #fff; }
.ww-brand .ww-card { border: 1px solid #ececec; }

/* ---------- mřížky: 2 / 3 / 4 / 5 v řadě (zlomy šablony Upgates) ---------- */
/* Balíček měl 4, pod 1000 px 3 a pod 760 px 2. Produktové karty jdou mobile-first
   2 → 3 (≥992) → 4 (≥1204) → 5 (≥1502), šest vonných rodin 2 → 3 → 6. */
.ww-brand .ww-cards { grid-template-columns: repeat(2, 1fr); gap: 12px; }
.ww-brand .ww-fam-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (min-width: 992px) {
  .ww-brand .ww-cards { grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .ww-brand .ww-fam-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }
}
@media (min-width: 1204px) {
  .ww-brand .ww-cards { grid-template-columns: repeat(4, 1fr); }
  .ww-brand .ww-fam-grid { grid-template-columns: repeat(6, 1fr); }
}
@media (min-width: 1502px) { .ww-brand .ww-cards { grid-template-columns: repeat(5, 1fr); } }
/* Logo 267 px + šest položek menu zaberou na tabletu celou šířku a doplněk vpravo
   („Od roku 2006") by wrapper s overflow:hidden ořízl (kontrola_mobil.py, 768 px).
   Balíček ho skrýval až pod 760 px. */
@media (max-width: 1100px) { .ww-brand .ww-count { display: none; } }