:root{--blue:#315fdf;--pink:#d63860;--yellow:#f7ee32;--ink:#332633;--muted:#655867;--paper:#fbfaeb}
*{box-sizing:border-box}body{margin:0;background:var(--paper) url('/assets/brand/paper.webp') repeat center/1100px auto;color:var(--ink);font:1rem/1.5 'Paddy Fira Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}h1,h2,h3{font-family:'Paddy Fira Sans',Arial,sans-serif;font-weight:500;line-height:1.2;letter-spacing:-.025em;margin:0}p{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:740px;margin:auto;padding:23px 24px 12px}.brand img{width:105px;height:40px;object-fit:contain}.profile-link{font-size:.875rem;font-weight:500;color:var(--blue);text-decoration:underline;text-underline-offset:4px;min-height:40px;display:flex;align-items:center}.shell{max-width:700px;margin:auto;padding:20px 24px 30px}.welcome{position:relative;text-align:center;padding:10px 55px 22px}.welcome>span,.eyebrow{font-size:.875rem;font-weight:500;letter-spacing:.045em;color:var(--blue)}h1{font-size:clamp(2rem,6vw,2.65rem);color:var(--pink);margin:12px 0}h1 em{color:var(--blue);font-style:normal}.welcome>p{color:var(--muted);max-width:420px;margin:auto;font-size:1rem}.mascot{position:absolute;width:55px;pointer-events:none}.sun{right:0;top:32px;transform:rotate(12deg)}.cloud{left:0;top:65px;transform:rotate(-12deg);width:57px}.campaign{display:flex;gap:20px;align-items:center;padding:20px 23px;background:var(--yellow);border:1px solid #b7ac33;border-radius:20px;box-shadow:0 4px 0 #bead3722;margin:8px 0 28px;transition:transform .18s}.campaign:hover{transform:translateY(-2px)}.campaign>img{width:62px;height:62px;object-fit:contain;flex-shrink:0}.campaign .eyebrow{font-size:.875rem;letter-spacing:.03em;color:#675323}.campaign h2{font-size:1.375rem;color:#4e3785;margin:5px 0 7px}.campaign p{font-size:.875rem;color:#574a38}.campaign-action{display:block;font-size:.875rem;font-weight:500;text-decoration:underline;text-underline-offset:3px;margin-top:9px;color:#4e3785}.section-label{text-align:center;font-size:.875rem;font-weight:500;letter-spacing:.04em;color:var(--blue);margin-bottom:14px}.channel-list,.city-list,.store-list,.shop-list{display:flex;flex-direction:column;gap:13px}.channel{display:flex;align-items:center;gap:22px;padding:18px 23px;min-height:102px;border:1px solid #68576a44;border-radius:20px;box-shadow:0 4px 0 #39263e09;transition:transform .18s,border .18s}.channel:hover{transform:translateY(-2px);border-color:var(--blue)}.channel>img{width:76px;height:64px;object-fit:contain;flex-shrink:0}.channel h2{font-size:1.2rem;color:#4b3c6f;margin-bottom:7px}.channel p{font-size:.875rem;color:#5b4c60;line-height:1.4}.play{background:#ffe3a6}.perfume{background:#fddde9}.bags{background:#e1dcff}.mini{background:#d8f1e7}.ecommerce{background:#dbe7ff}.channel.ecommerce>img{height:43px}.journey-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.875rem;color:var(--muted);margin:8px 0 25px}.journey-nav a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;min-height:32px;display:flex;align-items:center}.journey-nav .divider{font-size:.875rem;color:#a899ab}.step-heading{position:relative;padding:10px 75px 26px 0}.selected-brand{display:inline-block;font-size:.875rem;background:var(--yellow);border:1px solid #b7ac33;padding:5px 11px;transform:rotate(-2deg);font-weight:500;color:#56426d;margin-bottom:6px}.step-heading h1{margin:11px 0 12px}.step-heading p{font-size:1rem;color:var(--muted)}.step-heading img{position:absolute;right:0;top:20px;width:65px;max-height:75px;object-fit:contain}.city{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 23px;min-height:75px;background:white;border:1px solid #c8bdd4;border-radius:17px;transition:background .18s}.city:hover{background:#e7e5ff}.city strong{font-family:'Paddy Fira Sans',sans-serif;font-size:1.2rem;color:#4e3e7f}.city span{font-size:.875rem;color:var(--muted);white-space:nowrap}.store-tile{display:block;background:white;border:1px solid #c8bdd4;border-radius:20px;padding:22px 24px;transition:background .18s,transform .18s}.store-tile:hover{background:#f2efff;transform:translateY(-2px)}.store-tile h2{font-size:1.35rem;line-height:1.3;color:#514088;margin-bottom:12px}.store-tile address{font-style:normal;font-size:1rem;color:var(--muted);line-height:1.5}.phone{font-size:1rem;margin-top:13px;color:#4c3c67}.phone span{font-weight:500}.store-details{display:block}.store-contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.maps-label{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:22px;background:var(--blue);color:white;padding:9px 14px;font-size:.875rem;font-weight:500}.button-icon{width:18px;height:18px;flex-shrink:0}.whatsapp-label{background:#137b43}.whatsapp-label:hover{background:#0b6033}.store-status{font-size:.875rem;line-height:1.5;margin-top:14px;padding:10px 12px;background:#fff3cd;color:#705314;border-radius:10px}.contact-label{background:#514088}.list-note{font-size:.875rem;color:var(--muted);margin:22px 0 5px;line-height:1.5}.shop{display:flex;align-items:center;gap:24px;padding:25px;background:white;border:1px solid #c8bdd4;border-radius:20px;min-height:130px;transition:transform .18s,background .18s}.shop:hover{transform:translateY(-2px);background:#f3f1ff}.shop-logo{display:flex;align-items:center;justify-content:center;width:88px;height:84px;flex-shrink:0}.shop-logo img{width:66px;height:66px;object-fit:contain}.shop.bags-shop .shop-logo img{width:84px;height:84px}.shop h2{font-size:1.4rem;color:#514088;margin-bottom:9px}.shop p{font-size:1rem;color:var(--muted)}.shop .shop-label{display:block;font-size:.875rem;font-weight:500;color:var(--blue);text-decoration:underline;text-underline-offset:3px;margin-top:13px}.empty{padding:26px;background:white;border:1px solid #c8bdd4;border-radius:20px;color:var(--muted)}.empty a{display:inline-block;margin-top:15px;color:var(--blue);text-decoration:underline}footer{text-align:center;max-width:700px;margin:0 auto;padding:10px 24px 27px;color:var(--muted);font-size:.875rem}footer p{margin:7px 0}footer a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.loading{padding:26px;color:var(--muted);font-size:1rem}.skip{position:absolute;left:12px;top:-80px;z-index:30;background:var(--yellow);padding:10px}.skip:focus{top:12px}
@media(max-width:540px){header{padding:18px 20px 8px}.brand img{width:90px;height:34px}.shell{padding:15px 20px 25px}.welcome{padding:8px 27px 19px}.welcome>span{font-size:.875rem}.welcome h1{font-size:2.1rem;line-height:1.25}.welcome .mascot{width:43px}.sun{right:-7px;top:28px}.cloud{left:-8px;top:79px}.welcome p{font-size:1rem}.campaign{padding:18px;gap:14px;margin-bottom:24px}.campaign>img{width:49px;height:49px}.campaign h2{font-size:1.25rem}.campaign p{font-size:.875rem}.section-label{font-size:.875rem}.channel{gap:18px;padding:17px 18px;min-height:94px}.channel>img{width:63px;height:61px}.channel h2{font-size:1.125rem;margin-bottom:6px;line-height:1.3}.channel p{font-size:.875rem}.channel.ecommerce>img{height:35px}.journey-nav{gap:8px;margin-top:0;margin-bottom:20px}.step-heading{padding:8px 60px 24px 0}.step-heading h1{font-size:2.1rem;line-height:1.25}.step-heading img{width:49px}.city{padding:18px 20px}.city strong{font-size:1.15rem}.store-tile{padding:22px 20px}.store-tile h2{font-size:1.3rem}.shop{padding:22px 18px;gap:18px}.shop-logo{width:67px;height:70px}.shop-logo img{width:51px;height:51px}.shop.bags-shop .shop-logo img{width:67px;height:67px}.shop h2{font-size:1.3rem}.shop p{font-size:1rem}footer{padding:8px 20px 24px}}
@media(max-width:360px){.store-contact-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}.store-contact-actions .maps-label{padding:9px 7px;flex-direction:column;gap:4px;text-align:center;line-height:1.3}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.partner-badge{display:inline-block;margin:0 0 12px;padding:4px 10px;border-radius:10px;background:#d8f1e7;color:#285742;font-size:.8rem;font-weight:500}

.offline{background:#ffe3a6}
body[data-page="offline"] .channel-list{display:grid;grid-auto-rows:1fr}
.journey-social{display:grid;gap:10px;margin-top:26px}
.journey-profile{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border:1px solid #c8bdd4;border-radius:16px;background:var(--paper);color:#514088;min-width:0}
.journey-profile>span{overflow-wrap:anywhere;font-size:1rem}
.journey-profile>div{display:flex;gap:4px;flex-shrink:0}
.journey-profile a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px}
.journey-profile a:hover{background:#dbe7ff}
.journey-profile img{width:24px;height:24px;object-fit:contain}
.account-directory-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;font-size:.875rem;color:var(--blue)}
.account-directory-links a{display:flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:360px){body[data-page="offline"] .channel{gap:14px;padding:17px 15px}body[data-page="offline"] .channel>img{width:54px;height:54px}body[data-page="offline"] .channel h2{font-size:1rem}.journey-profile{padding:10px 12px;gap:8px}.journey-profile>span{font-size:.875rem}}
/* One shared grid keeps every first-page channel card the same size. */
body[data-page="home"] .channel-list{display:grid;grid-auto-rows:1fr}
.channel>div{min-width:0}
.business{background:#e1dcff}
.channel.general-whatsapp{background:#dbe7ff;border-color:#acbee3}
.channel.general-whatsapp>img{background:var(--blue);padding:16px;border-radius:16px;width:76px;height:64px}
.channel.business>.b2b-channel-logo{width:76px;height:64px;object-fit:contain}
.social-instagram{background:#fddde9}.social-tiktok{background:#fff1b0}
.channel.social-instagram>img,.channel.social-tiktok>img{padding:13px}
.social-account-list{display:grid;gap:13px}
.social-account{display:flex;align-items:center;gap:20px;padding:22px 23px;background:white;border:1px solid #c8bdd4;border-radius:20px;min-height:116px;transition:transform .18s,background .18s}
.social-account:hover{background:#f3f1ff;transform:translateY(-2px)}
.social-account>img{width:40px;height:40px;object-fit:contain;flex-shrink:0}
.social-account>div{min-width:0}.social-account h2{font-size:1.2rem;color:#514088;margin-bottom:6px}
.social-account p{font-size:1rem;color:var(--muted);overflow-wrap:anywhere}
.social-account .account-action{display:block;margin-top:8px;font-size:.875rem;color:var(--blue);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.shop.tokopedia-shop .shop-logo img,.shop.lazada-shop .shop-logo img{border-radius:14px}
@media(max-width:540px){.channel.general-whatsapp>img{width:63px;height:61px;padding:15px}.channel.business>.b2b-channel-logo{width:63px;height:61px}.social-account{padding:20px 18px;gap:16px}.social-account h2{font-size:1.125rem}.social-account>img{width:34px;height:34px}}
@media(max-width:360px){body[data-page="home"] .channel{gap:14px;padding:17px 15px}body[data-page="home"] .channel>img{width:54px;height:54px}body[data-page="home"] .channel h2{font-size:1rem}.channel.general-whatsapp>img{padding:12px}}