:root{--navy:#0b2347;--orange:#ff653b;--cream:#f4eee6;--line:#dfe5eb;--muted:#64758a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:#fff}a{color:inherit}header{height:92px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:50}header img{width:225px;height:auto}header nav{display:flex;align-items:center;gap:24px}header nav a{text-decoration:none;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.lang{color:var(--orange)}.crumb{max-width:1240px;margin:auto;padding:22px 4vw 0;font-size:10px;color:var(--muted)}.crumb a{text-decoration:none}.brand-hero{max-width:1320px;margin:22px auto 0;min-height:660px;display:grid;grid-template-columns:.92fr 1.08fr;background:var(--navy);color:#fff;overflow:hidden}.brand-hero-copy{padding:70px 5vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.17em;color:var(--orange);text-transform:uppercase}.brand-hero h1{font-size:clamp(48px,6vw,88px);line-height:.92;letter-spacing:-.055em;margin:14px 0 24px}.brand-hero p{max-width:610px;color:#d4deea;line-height:1.72;font-size:16px}.brand-hero .btn{align-self:flex-start;margin-top:18px;padding:14px 20px;border-radius:999px;background:var(--orange);text-decoration:none;font-size:11px;font-weight:900}.brand-hero-media{min-height:660px;background:#eee;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-hero-media>img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.tabasco-hero{background:#f8efe3}.tabasco-lineup{display:flex;align-items:end;justify-content:center;padding:40px}.tabasco-lineup img{width:28%;height:72%;object-fit:contain;margin:0 -2.5%;filter:drop-shadow(0 18px 16px rgba(0,0,0,.2))}.brand-main{max-width:1240px;margin:auto;padding:84px 4vw}.section-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:end;margin-bottom:36px}.section-head h2{font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.045em;margin:8px 0}.section-head p{margin:0;color:var(--muted);line-height:1.7}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.product-card img{width:100%;height:430px;object-fit:cover;object-position:center 26%;display:block;background:#f5f5f5}.product-copy{padding:22px}.product-copy span{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--orange)}.product-copy h3{font-size:22px;margin:7px 0}.product-copy p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.trade{margin-top:70px;background:var(--cream);border-radius:26px;padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.trade h2{font-size:38px;margin:8px 0}.trade p{color:var(--muted);line-height:1.65}.trade-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trade-points div{background:#fff;border-radius:14px;padding:18px}.trade-points b,.trade-points span{display:block}.trade-points b{font-size:12px}.trade-points span{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.45}.related{padding:78px 4vw;background:var(--navy);color:#fff}.related-inner{max-width:1240px;margin:auto}.related h2{font-size:38px}.related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.related-grid a{padding:20px;border:1px solid rgba(255,255,255,.23);border-radius:14px;text-decoration:none}.related-grid b,.related-grid span{display:block}.related-grid span{color:#c8d3df;font-size:10px;margin-top:6px}.contact{max-width:1240px;margin:80px auto;padding:50px 4vw;background:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:30px}.contact h2{font-size:40px;margin:0}.contact a{background:var(--orange);color:#fff;padding:15px 22px;border-radius:999px;text-decoration:none;font-size:11px;font-weight:900}footer{padding:32px 4vw;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}footer img{width:170px}footer a{text-decoration:none;font-weight:900}.hotchip-theme .brand-hero{background:#9e1218}.jelly-theme .brand-hero{background:#6b2a95}.sovora-theme .brand-hero{background:#111}.ultrapop-theme .brand-hero{background:#e62b33}.tabasco-theme .brand-hero{background:#0b2c56}@media(max-width:900px){header{height:auto;min-height:82px}header nav a:not(.lang){display:none}.brand-hero{grid-template-columns:1fr}.brand-hero-copy{padding:50px 7vw}.brand-hero-media{min-height:520px}.section-head,.trade{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.contact{margin:40px 4vw}.tabasco-lineup{min-height:520px}}@media(max-width:560px){header img{width:190px}.brand-hero h1{font-size:52px}.brand-hero-media{min-height:420px}.brand-main{padding:58px 5vw}.product-grid{grid-template-columns:1fr}.product-card img{height:auto;aspect-ratio:3/4}.trade{padding:28px 20px}.trade-points{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.contact{flex-direction:column;align-items:flex-start}.tabasco-lineup{padding:12px;min-height:420px}}

/* V43 — larger information text and real product packshots on brand pages. */
header nav a{font-size:13px}.crumb{font-size:12px}.eyebrow{font-size:12px;line-height:1.45}.brand-hero .btn,.contact a{font-size:13px}.section-head p,.trade p{font-size:16px}.product-copy span{font-size:11px}.product-copy p{font-size:14px}.trade-points b{font-size:14px}.trade-points span{font-size:12px;line-height:1.55}.related-grid span{font-size:12px;line-height:1.45}footer{font-size:12px}
.hotchip-theme .brand-hero-media,.jelly-theme .brand-hero-media{background:radial-gradient(circle at 50% 42%,#ffbc24,#b4261c 72%)}
.jelly-theme .brand-hero-media{background:radial-gradient(circle at 50% 38%,#58d9f4,#e73a99 62%,#6b2a95)}
.hotchip-theme .brand-hero-media>img,.hotchip-theme .product-card:first-child img{content:url("assets/hotchip-challenge-packshot.png");object-fit:contain;object-position:center;padding:28px}
.jelly-theme .brand-hero-media>img,.jelly-theme .product-card:first-child img{content:url("assets/jellypop-twister-packshot.png");object-fit:contain;object-position:center;padding:24px}
@media(max-width:560px){header nav a{font-size:12px}.crumb{font-size:12px}.product-copy p,.trade-points span,.related-grid span{font-size:13px}}

/* V44 — every portfolio page uses isolated products on a branded background. */
.brand-hero-media>img,.product-card img{object-fit:contain!important;object-position:center!important;padding:32px!important}
.brand-hero-media>img{padding:48px!important;filter:drop-shadow(0 22px 18px rgba(4,20,40,.24))}
.product-card img{filter:drop-shadow(0 15px 12px rgba(4,20,40,.18))}
.ultrapop-theme .brand-hero-media{background:radial-gradient(circle at 50% 38%,#fff 0 20%,#dcecf5 64%,#afcadf)}
.ultrapop-theme .brand-hero-media>img{content:url("assets/ultrapop-noodles-packshot.png")}
.ultrapop-theme .product-card:nth-child(1) img{content:url("assets/ultrapop-bobasan-packshot.png")}
.ultrapop-theme .product-card:nth-child(2) img{content:url("assets/v32-ultra-ice-tea.png")}
.ultrapop-theme .product-card:nth-child(3) img{content:url("assets/real-ultrapop-komesan.png")}
.ultrapop-theme .product-card:nth-child(4) img{content:url("assets/real-ultrapop-chipsan.png")}
.ultrapop-theme .product-card:nth-child(5) img{content:url("assets/ultrapop-noodles-packshot.png")}
.ultrapop-theme .product-card:nth-child(6) img{content:url("assets/ultrapop-gummy-packshot.png")}
.ultrapop-theme .product-card:nth-child(7) img{content:url("assets/ultrapop-cereals-packshot.png")}
.ultrapop-theme .product-card img{background:radial-gradient(circle at 50% 38%,#fff,#e7f0f7 72%,#c8dceb)!important}

.sovora-theme .brand-hero-media{background:radial-gradient(circle at 50% 38%,#fff7b8,#f5d741 72%,#d4a91f)}
.sovora-theme .brand-hero-media>img{content:url("assets/sovora-cups-packshot.png")}
.sovora-theme .product-card:nth-child(1) img{content:url("assets/sovora-xxlong-70g-original-ratio-v47.png")}
.sovora-theme .product-card:nth-child(2) img{content:url("assets/sovora-caramelized-popcorn-90g-range.png")}
.sovora-theme .product-card:nth-child(3) img{content:url("assets/sovora-popcorn-cherry.png")}
.sovora-theme .product-card:nth-child(4) img{content:url("assets/sovora-cups-packshot.png")}
.sovora-theme .product-card:nth-child(5) img{content:url("assets/sovora-microwave-packshot.png")}
.sovora-theme .product-card:nth-child(6) img{content:url("assets/sovora-popcorn-bag-packshot.png")}
.sovora-theme .product-card img{background:radial-gradient(circle at 50% 38%,#fffdf0,#fff0a2 65%,#f3d34a)!important}

.hotchip-theme .brand-hero-media{background:radial-gradient(circle at 50% 38%,#ffbf24,#ed5c17 62%,#8b1119)!important}
.hotchip-theme .brand-hero-media>img{content:url("assets/hotchip-challenge-packshot.png")}
.hotchip-theme .product-card:nth-child(1) img{content:url("assets/hotchip-challenge-packshot.png")}
.hotchip-theme .product-card:nth-child(2) img{content:url("assets/jellypop-mr-twister-jaune-120g.png")}
.hotchip-theme .product-card:nth-child(3) img{content:url("assets/hotchip-stripz-packshot.png")}
.hotchip-theme .product-card:nth-child(4) img{content:url("assets/hotchip-crunchez-packshot.png")}
.hotchip-theme .product-card:nth-child(5) img{content:url("assets/hotchip-jerky-packshot.png")}
.hotchip-theme .product-card:nth-child(6) img{content:url("assets/hotchip-potato-packshot.png")}
.hotchip-theme .product-card:nth-child(7) img{content:url("assets/hotchip-popcorn-packshot.png")}
.hotchip-theme .product-card:nth-child(8) img{content:url("assets/hotchip-sauces-packshot.png")}
.hotchip-theme .product-card img{background:radial-gradient(circle at 50% 38%,#ffc32c,#ed6419 60%,#9e1518)!important}

.jelly-theme .brand-hero-media{background:radial-gradient(circle at 50% 38%,#55d8f4,#e73a99 62%,#6b2a95)!important}
.jelly-theme .brand-hero-media>img{content:url("assets/jellypop-twister-packshot.png")}
.jelly-theme .product-card:nth-child(1) img{content:url("assets/jellypop-twister-packshot.png")}
.jelly-theme .product-card:nth-child(2) img{content:url("assets/jellypop-twister-90-packshot.png")}
.jelly-theme .product-card img{background:radial-gradient(circle at 50% 38%,#69dcf4,#e9439f 64%,#7b319a)!important}

@media(max-width:560px){.brand-hero-media>img{padding:26px!important}.product-card img{padding:22px!important}}

/* V45 - logos officiels et listes de saveurs lisibles. */
.brand-logo-title{margin:14px 0 26px!important;line-height:1!important;letter-spacing:0!important;max-width:470px}
.brand-logo-title img{display:block;width:auto;height:auto;max-width:100%;max-height:118px;object-fit:contain;object-position:left center}
.ultrapop-theme .brand-logo-title img{width:380px;max-height:105px}
.sovora-theme .brand-logo-title img{width:340px;max-height:108px}
.hotchip-theme .brand-logo-title img{width:430px;max-height:112px}
.jelly-theme .brand-logo-title img{width:300px;max-height:150px}
.tabasco-theme .brand-logo-title img{width:210px;max-height:150px}
.product-copy p{font-size:14px!important;line-height:1.62!important}
.product-copy p b{color:var(--navy);font-weight:900}
.hotchip-theme .brand-logo-title img,.sovora-theme .brand-logo-title img,.ultrapop-theme .brand-logo-title img{filter:drop-shadow(0 6px 8px rgba(0,0,0,.15))}
@media(max-width:560px){
  .brand-logo-title{margin:10px 0 20px!important}
  .brand-logo-title img{max-width:88%;max-height:100px}
  .jelly-theme .brand-logo-title img,.tabasco-theme .brand-logo-title img{max-height:118px}
  .product-copy p{font-size:14px!important}
}

/* V46 - new catalogue products and bottle-free ULTRAPOP presentation. */
.ultrapop-theme .brand-hero-media>img{max-width:92%;max-height:88%}
.caramel-90g-card img{padding:20px!important;filter:none!important;border-radius:0!important}
.twister-yellow-card img{padding:26px!important;filter:drop-shadow(0 14px 12px rgba(65,18,4,.22))!important}
@media(max-width:560px){
  .caramel-90g-card img{padding:14px!important}
  .twister-yellow-card img{padding:20px!important}
}

/* V46.1 - coloured brand universes across the complete portfolio pages. */
body.ultrapop-theme{background:linear-gradient(180deg,#eef7fc 0%,#dcecf7 58%,#c7dfef 100%)}
body.sovora-theme{background:linear-gradient(180deg,#fff9dc 0%,#fff0a9 58%,#f5d965 100%)}
body.hotchip-theme{background:linear-gradient(180deg,#fff0d1 0%,#ffc96d 58%,#f18a3e 100%)}
body.jelly-theme{background:linear-gradient(180deg,#fff0fa 0%,#f7c7ec 52%,#c99be6 100%)}
body.tabasco-theme{background:linear-gradient(180deg,#fff7eb 0%,#f5dfc2 58%,#e9c18f 100%)}

.brand-main{background:transparent}
.product-card{box-shadow:0 16px 34px rgba(11,35,71,.11)}
.product-copy{min-height:174px}
.ultrapop-theme .product-card,.ultrapop-theme .product-copy{background:#e9f5fc;border-color:#a9cfe5}
.sovora-theme .product-card,.sovora-theme .product-copy{background:#fff4b8;border-color:#e7c638}
.hotchip-theme .product-card,.hotchip-theme .product-copy{background:#fff0d5;border-color:#e8782c}
.jelly-theme .product-card,.jelly-theme .product-copy{background:#ffe6f7;border-color:#d86bb2}
.tabasco-theme .product-card,.tabasco-theme .product-copy{background:#fff0dc;border-color:#dcb37f}

.tabasco-theme .product-card img{background:radial-gradient(circle at 50% 38%,#fff8ec,#f5d6ad 68%,#e4b36e)!important}
.ultrapop-theme .trade,.ultrapop-theme .contact{background:#d3eaf7}
.sovora-theme .trade,.sovora-theme .contact{background:#ffe98a}
.hotchip-theme .trade,.hotchip-theme .contact{background:#ffd08a}
.jelly-theme .trade,.jelly-theme .contact{background:#f4b9e3}
.tabasco-theme .trade,.tabasco-theme .contact{background:#efd2ac}
.trade-points div{background:rgba(255,255,255,.68)}

.ultrapop-theme footer{background:#d9edf8}
.sovora-theme footer{background:#ffe982}
.hotchip-theme footer{background:#ffc16b}
.jelly-theme footer{background:#edb0db}
.tabasco-theme footer{background:#edcfa8}

@media(max-width:560px){
  .product-copy{min-height:0}
  .product-card{box-shadow:0 12px 24px rgba(11,35,71,.12)}
}