/* Mak-C POP: flowing orange, rainbow colour, bubbles and a playful voice.
   Original background supplied in Drive; the clean header and silent film remain. */
:root{--ink:#123c68;--muted:#46617a;--p-green:#123c68;--p-orange:#ff7900;--line:#dae6ed;--kids-cyan:#00abc9;--kids-blue:#1756a0;--kids-yellow:#ffdb35;--kids-display:Fredoka,Arial,sans-serif}
.site-header{border-bottom:0!important}.site-header:after{content:"";height:4px;position:absolute;bottom:0;inset-inline:0;background:linear-gradient(90deg,#ed2027 0%,#ff7900 23%,#ffdc24 42%,#55b741 60%,#00abc9 78%,#6860bc 100%)}
.site-header .desktop-nav{font-size:13px;gap:28px}.site-header .desktop-nav a:hover,.site-header .desktop-nav a[aria-current=page]{color:#006c86}.site-header .adult-link{color:#46617a}.site-header .language summary{color:var(--ink)}
.campaign-hero{background:#174d7b}.campaign-shade{background:linear-gradient(90deg,#0b254f65,transparent 85%),linear-gradient(0deg,#0b254fe8 0%,#0b254f4a 52%,#0b254f00 83%)}
.campaign-copy h1{font-family:var(--kids-display);font-weight:600;letter-spacing:-.025em;font-size:clamp(58px,5.8vw,92px);line-height:1.04;max-width:1200px}.campaign-copy h1>span:last-child{color:#ffdd3b}.campaign-copy .p-kicker{font-size:11px;letter-spacing:.12em}.campaign-intro{font-size:15px;max-width:530px}.campaign-copy{padding-bottom:121px}.campaign-bottom{bottom:32px}.campaign-scroll{font-size:10px;letter-spacing:.09em}.p-hero-toggle{background:#0c2f5a55}
.p-button{border-radius:28px;background:#164f91;border-color:#164f91;font-size:13px;min-height:54px;padding-inline:26px;box-shadow:0 4px 0 #092f6325}.p-button:hover{background:#103c70}.p-button-light{color:#123c68;background:#ffdb35;border-color:#ffdb35;box-shadow:0 4px 0 #fcb52960}.p-button-light:hover{background:#ffe773}.p-link{font-size:13px}.p-kicker{font-size:11px;letter-spacing:.12em}
.kids-play{position:relative;background:#ff9000 url('/assets/mak-c-pop-orange-background.webp') left center/110% auto no-repeat;padding:85px 0 100px;isolation:isolate;overflow:hidden;color:#123c68;scroll-margin-top:92px}.kids-play:before,.kids-play:after{content:"";position:absolute;z-index:-1;border-radius:50%;border:2px solid #ffffff50;box-shadow:inset -12px -14px 30px #ffdb3555,inset 8px 7px 15px #fff7;pointer-events:none}.kids-play:before{width:150px;height:150px;left:-52px;top:210px}.kids-play:after{width:85px;height:85px;right:35px;bottom:20px}.kids-ribbon{position:absolute;inset:0 0 auto;height:10px;background:linear-gradient(90deg,#ed2027 0%,#ff7800 23%,#ffdf24 42%,#55bd45 60%,#00abc9 78%,#7363c0 100%)}
.kids-play-head{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end;margin-bottom:44px}.kids-play-head h2{font:600 clamp(40px,4vw,64px)/1.08 var(--kids-display);letter-spacing:-.025em;margin:0}.kids-play-head>p{font-size:15px;line-height:1.8;margin:0;max-width:440px}.kids-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.kids-activity{color:var(--ink);background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;box-shadow:0 8px 0 #bf5f001a;transition:transform .2s}.kids-activity:hover{transform:translateY(-5px)}.kids-activity-art{height:230px;background:#bfeef8;display:grid;place-items:center;padding:25px;overflow:hidden;position:relative}.kids-activity-1 .kids-activity-art{background:#e9dfff}.kids-activity-2 .kids-activity-art{background:#fff1a3}.kids-activity-art>img{height:220px;width:168px;object-fit:contain;transform:rotate(7deg);filter:drop-shadow(3px 7px 0 #123c6818)}.kids-activity-copy{padding:25px 27px 29px}.kids-activity-copy h3{font:600 28px/1.15 var(--kids-display);letter-spacing:-.02em;margin:0 0 12px}.kids-activity-copy>p{font-size:13px;line-height:1.7;min-height:44px;margin:0 0 20px}.kids-activity-action{display:flex;align-items:center;justify-content:space-between;font:600 12px/1.5 var(--font);border-top:1px solid var(--line);padding-top:17px;min-height:44px}.kids-activity-action>span{font-size:23px}
.kids-match{display:flex;align-items:center;justify-content:center;width:100%;gap:12px}.kids-match>span{display:grid;place-items:center;flex-shrink:0;width:100px;height:140px;border-radius:12px;background:#fff;transform:rotate(-12deg);box-shadow:0 6px 0 #123c6812}.kids-match>span>svg{width:105px;height:105px}.kids-match>span.kids-card-back{background:#1756a0;color:#fff;font:600 75px/1 var(--kids-display);transform:rotate(12deg);border:6px solid #fff}.kids-colour-wheel{width:185px;height:185px;position:relative;display:grid;place-items:center}.kids-colour-wheel>span{position:absolute;width:48px;height:48px;border-radius:50%;background:#f9346e;left:0;top:0}.kids-colour-wheel>span:nth-child(2){background:#ffce32;left:auto;right:0;top:15px}.kids-colour-wheel>span:nth-child(3){background:#5dbf5b;left:auto;right:15px;top:auto;bottom:0}.kids-colour-wheel>span:nth-child(4){background:#00abc9;top:auto;bottom:15px}.kids-colour-wheel svg{width:155px;height:155px;z-index:1;transform:rotate(-8deg)}
.p-section-head h2,.p-flavour-head h2,.p-family-copy h2,.p-help-head h2{font-family:var(--kids-display);font-weight:600;letter-spacing:-.02em;line-height:1.08}.p-range-name h3{font-family:var(--kids-display);font-weight:500;letter-spacing:-.015em}.p-range-image{border-radius:18px;background:#fff1bc}.p-tone-1{background:#d8f3f3}.p-tone-2{background:#ffe1e9}.p-range-number{color:#345875}.p-range-type{font-size:10px}.p-range-view{font-size:12px}.p-collection-note{font-size:12px;line-height:1.8}.p-range-image img{filter:drop-shadow(6px 12px 10px #16385b18)}.p-section-intro>p{font-size:15px}.p-facts dd{font-family:var(--kids-display);color:#006d88}.p-facts dt{font-size:12px}
.p-flavour-world{background:#086e91;color:#fff;position:relative;overflow:hidden}.p-flavour-world:before{content:"";position:absolute;top:-110px;right:-100px;width:340px;height:340px;border-radius:50%;border:35px solid #00a9c633;pointer-events:none}.p-flavour-head .p-kicker,.p-flavour-index h3>span{color:#ffdf4d}.p-flavour-head>div:last-child>p,.p-flavour-index a{color:#fff}.p-flavour-head>div:last-child>p{font-size:15px}.p-flavour-index h3{font-family:var(--kids-display);font-size:25px;font-weight:500}.p-flavour-index a{font-size:14px;min-height:46px}.p-flavour-index a:hover{color:#ffea85}.p-family-image{border-radius:22px}.p-family-copy>p:not(.p-kicker){font-size:15px}.p-help-head .p-kicker{color:#006d88}.p-help-list h3{font-family:var(--kids-display);font-size:25px;letter-spacing:-.015em}.p-help-list p{font-size:13px}
.complete-intro{background:#fff3ca;border-color:#ffe6ab}.complete-intro h1,.detail-copy h1,.complete-section-head h2,.complete-band h2,.family-activity-grid h2,.family-idea-list h3,.complete-range-card h3,.flavour-directory h3{font-family:var(--kids-display);letter-spacing:-.025em}.complete-intro .eyebrow{color:#855000}.detail-visual,.complete-range-card,.finder-controls,.finder-choices button,.finder-types button,.finder-result-grid article,.contact-topic-grid article{border-radius:18px}.detail-flavours button{border-radius:22px;min-height:44px;font-size:12px}.detail-information,.family-ideas,.complete-band,.feedback-guide,.label-guide{background:#e5f5f9}.detail-visual,.complete-range-card .range-card-art{background:#fff1bc}.complete-range-card:nth-child(3n+2) .range-card-art{background:#d8f3f3}.complete-range-card:nth-child(3n) .range-card-art{background:#ffe1e9}.finder-choices button[aria-pressed=true],.finder-types button[aria-pressed=true]{background:#c8f1f7;border-color:#006c89}.all-flavours{background:#eef9fb}.complete-footer{background:#123c68;color:#fff;border-top:8px solid #00abc9}.complete-footer p,.footer-complete-bottom{color:#e1effb}.complete-footer nav a{color:#fff}.complete-footer a:hover{color:#ffe14f}.footer-complete-bottom{border-color:#ffffff35}.complete-footer .brand{background:#fff;border-radius:10px;padding:0 8px}
html[lang=ar]{--kids-display:Beiruti,Arial,sans-serif}html[lang=ar] .campaign-copy h1{font-size:clamp(76px,7.1vw,114px);letter-spacing:0}html[lang=ar] .kids-play-head h2{font-size:76px;letter-spacing:0}html[lang=ar] .kids-play-head>p{font-size:24px}html[lang=ar] .kids-activity-copy h3{font-size:39px;letter-spacing:0}html[lang=ar] .kids-activity-copy>p{font-size:22px;min-height:66px}html[lang=ar] .kids-activity-action{font-size:21px}html[lang=ar] .site-header .desktop-nav{font-size:22px}html[lang=ar] .p-range-type,html[lang=ar] .p-range-view,html[lang=ar] .p-collection-note{font-size:18px}html[lang=ar] .p-facts dt{font-size:20px}html[lang=ar] .p-flavour-index a{font-size:24px}html[lang=ar] .p-flavour-index h3{font-size:33px}html[lang=ar] .p-help-list h3{font-size:34px}html[lang=ar] .p-help-list p{font-size:22px}html[lang=ar] .p-flavour-head>div:last-child>p,html[lang=ar] .p-section-intro>p,html[lang=ar] .p-family-copy>p:not(.p-kicker){font-size:24px}
@media(max-width:1100px){.kids-activity-grid{gap:20px}.kids-match>span{width:80px;height:120px}.kids-activity-copy{padding:24px 20px}.kids-activity-copy h3{font-size:25px}.kids-activity-art{height:215px;padding:20px}.kids-play-head{gap:6%}.kids-play-head h2{font-size:48px}}
@media(max-width:800px){.kids-play{padding-block:70px;background-size:auto 135%}.kids-play-head{grid-template-columns:1fr;gap:20px;margin-bottom:34px}.kids-play-head>p{max-width:550px}.kids-activity-grid{grid-template-columns:1fr;gap:24px}.kids-activity{display:grid;grid-template-columns:.8fr 1fr;border-radius:18px}.kids-activity-art{height:100%;min-height:235px}.kids-activity-copy{padding:28px}.kids-activity-copy>p{min-height:0}.kids-match>span{width:80px;height:115px}.kids-match{gap:8px}.kids-activity-art>img{height:195px}.campaign-copy h1{font-size:58px}.kids-play-head h2{font-size:48px}html[lang=ar] .kids-play-head h2{font-size:69px}}
@media(max-width:560px){.campaign-copy h1{font-size:46px;letter-spacing:-.025em;line-height:1.05}.campaign-copy{padding-top:180px;padding-bottom:120px}.campaign-copy .p-kicker{font-size:9px}.campaign-intro{font-size:13px;line-height:1.7}.campaign-actions{gap:16px 22px}.p-button{font-size:12px;padding-inline:22px;gap:22px;min-height:52px}.p-link{font-size:12px}.campaign-scroll{font-size:9px}.campaign-bottom{bottom:24px}.kids-play{padding-block:60px}.kids-play-head h2{font-size:40px}.kids-play-head>p{font-size:13px;line-height:1.8}.kids-activity{grid-template-columns:1fr}.kids-activity-art{height:210px;min-height:0}.kids-activity-copy{padding:25px}.kids-activity-copy h3{font-size:29px}.kids-activity-copy>p{font-size:13px;margin-bottom:20px}.kids-activity-action{font-size:12px}.kids-match>span{width:100px;height:140px}.kids-match{gap:12px}.p-section-intro>p,.p-flavour-head>div:last-child>p,.p-family-copy>p:not(.p-kicker){font-size:13px}.p-range-name h3{font-size:28px}.p-range-view,.p-collection-note{font-size:11px}.p-facts dt{font-size:11px}.p-range-type{font-size:9px}.p-flavour-index a{font-size:12px}.p-flavour-index h3{font-size:25px}.p-help-list h3{font-size:25px}.p-help-list p{font-size:12px}.p-kicker{font-size:10px}.complete-intro h1{font-size:43px}html[lang=fr] .campaign-copy h1{font-size:37px;letter-spacing:-.025em}html[lang=es] .campaign-copy h1{font-size:44px}html[lang=ar] .campaign-copy h1{font-size:63px;letter-spacing:0}html[lang=ar] .kids-play-head h2{font-size:59px}html[lang=ar] .kids-play-head>p{font-size:22px}html[lang=ar] .kids-activity-copy h3{font-size:38px}html[lang=ar] .kids-activity-copy>p{font-size:22px;min-height:0}html[lang=ar] .kids-activity-action{font-size:21px}html[lang=ar] .p-button,html[lang=ar] .p-link{font-size:20px}html[lang=ar] .campaign-intro{font-size:22px}html[lang=ar] .p-range-type{font-size:16px}html[lang=ar] .p-range-view,html[lang=ar] .p-collection-note{font-size:18px}html[lang=ar] .p-facts dt{font-size:18px}html[lang=ar] .p-flavour-index a{font-size:21px}html[lang=ar] .p-flavour-index h3{font-size:32px}html[lang=ar] .p-help-list h3{font-size:33px}html[lang=ar] .p-help-list p{font-size:21px}html[lang=ar] .p-section-intro>p,html[lang=ar] .p-flavour-head>div:last-child>p,html[lang=ar] .p-family-copy>p:not(.p-kicker){font-size:22px}}
@media(max-width:360px){.campaign-copy h1{font-size:39px}.p-button{font-size:11px;padding-inline:18px;gap:18px}.p-link{font-size:11px;gap:16px}.campaign-intro{font-size:12px}.kids-play-head h2{font-size:36px}.p-range-type{font-size:8px}.kids-activity-copy{padding:23px}.p-flavour-index a{font-size:11px}html[lang=fr] .campaign-copy h1{font-size:32px}html[lang=es] .campaign-copy h1{font-size:38px}html[lang=ar] .campaign-copy h1{font-size:57px}html[lang=ar] .campaign-intro{font-size:21px}html[lang=ar] .p-button,html[lang=ar] .p-link{font-size:18px}}
@media(prefers-reduced-motion:reduce){.kids-activity{transition:none}.kids-activity:hover{transform:none}}

/* Carry the POP palette through existing games and consumer controls. */
.complete-page .button{background:#1756a0;border-color:#1756a0;color:#fff;border-radius:28px}.complete-page .button:hover{background:#123c68}.play-page .fruit-card:not(.revealed):not(.matched){background-color:#1756a0;border-color:#123c68}.play-page .fruit-card{border-radius:15px}.play-page .eyebrow{color:#006d88}.complete-page :focus-visible{outline-color:#1756a0}.p-hero-toggle:focus-visible{outline-color:#fff}