.links-body{background:var(--cream);color:var(--plum);min-height:100vh;position:relative;isolation:isolate}.links-body:before{content:"";position:absolute;top:0;left:0;right:0;height:365px;background:var(--plum);border-radius:0 0 38% 0;z-index:-1}.links-wrap{width:min(calc(100% - 32px),560px);margin:0 auto;padding-bottom:55px}.link-profile{color:white;text-align:center;padding:28px 0 22px}.back-home{display:inline-flex;font-weight:800;font-size:11px;color:#d3f2ec;padding:8px 13px;border:1px solid #ffffff4d;border-radius:50px;margin-bottom:30px}.back-home:hover{color:white;background:#ffffff12}.brand-badge{background:#fffdf7;border-radius:20px;width:116px;height:94px;display:grid;place-items:center;margin:0 auto 22px;box-shadow:0 16px 30px #0e08132a;transform:rotate(-3deg)}.brand-badge img{width:95px;height:70px;object-fit:contain}.link-kicker{font-size:10px;letter-spacing:.15em;color:#8ce9db;font-weight:900}.link-profile h1{font-size:clamp(30px,6.5vw,40px);font-weight:900;margin:12px auto}.link-profile h1 em{font-style:normal;color:#ffb982}.link-profile p{max-width:420px;font-size:13px;color:#e9dce7;margin:0 auto;line-height:1.8}.link-group{background:#fffefa;border:1px solid #e6ddd8;border-radius:20px;padding:23px 24px;margin-top:17px;box-shadow:0 10px 32px #2c1c2d0a}.link-group-heading{display:flex;align-items:center;gap:10px;margin-bottom:17px}.link-group-heading h2{font-size:17px;letter-spacing:-.03em;margin:0;flex:1}.link-group-heading>span:last-child{color:#726871;font-size:10px;font-weight:900}.group-dot{width:10px;height:10px;border-radius:50%;flex:none}.mint-dot{background:#24ad9d}.peach-dot{background:#ef9c56}.purple-dot{background:#8f72c7}.link-button{display:flex;align-items:center;gap:12px;border:1px solid #e6ddd9;border-radius:12px;padding:17px;background:#fff;min-height:79px;margin-top:9px;transition:transform .18s,border-color .18s,background .18s}.link-button:hover{transform:translateY(-2px);border-color:#2a8980;background:#fcfffd}.link-label{flex:1;display:block;min-width:0}.link-label b,.link-label small{display:block}.link-label b{font-size:13px;font-weight:900}.link-label small{color:#6e606c;font-size:11px;margin-top:3px}.link-arrow{border-radius:9px;width:31px;height:31px;display:grid;place-items:center;background:#f1eee9;color:#46344a;font-size:16px;font-weight:800}.featured-link{border-color:#a6dacd;background:#effbf5}.brand-tile{height:35px;width:35px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:16px;font-weight:900;flex:none}.brand-tile.shopee{background:#dc5f2c}.brand-tile.tiktok{background:#242424}.brand-tile.tokopedia{background:#21845e}.brand-tile.lazada{background:#824dcb}.shop-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}.shop-links .link-button{min-height:88px;margin:0;padding:13px;gap:8px}.shop-links .link-arrow{display:none}.shop-links .link-label b{font-size:12px}.shop-links .link-label small{font-size:10px}.social-links{display:flex;gap:8px;flex-wrap:wrap}.social-links a{padding:9px 12px;border:1px solid #ded2d7;background:#f8f3f0;border-radius:9px;font-size:11px;font-weight:900}.social-links a:hover{background:#e2f7ed;border-color:#2a8980}.whatsapp-link{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 21px;background:#2cae95;color:#0d342e;border-radius:13px;font-weight:900;font-size:13px;margin-top:19px}.whatsapp-link span{font-size:20px}.whatsapp-link:hover{background:#72e8d3}.links-footer{text-align:center;margin-top:28px}.links-footer p{font-size:12px;color:#6b5f69;margin:0 0 8px}.links-footer a{font-size:12px;font-weight:900;color:#2e675d}.links-footer small{display:block;color:#746b73;font-size:10px;margin-top:16px}@media(max-width:425px){.links-body:before{height:340px}.link-profile{padding-top:17px}.back-home{margin-bottom:23px}.link-profile h1{font-size:30px}.link-profile p{font-size:12px}.link-group{padding:18px 15px}.shop-links .link-button{padding:10px}.shop-links .link-label b{font-size:11px}.shop-links .link-label small{font-size:9px}}@media(max-width:345px){.shop-links{grid-template-columns:1fr}.shop-links .link-arrow{display:grid}}

/* v1.1.1: hero background follows real content height, not a hard-coded 340px shape.
   The previous curved pseudo-element crossed white text on cream at small widths. */
.links-body::before{display:none}
.link-profile{position:relative;isolation:isolate;z-index:0;padding-top:30px;padding-bottom:59px}
.link-profile::before{content:"";position:absolute;inset:0 calc(50% - 50vw) 0;background:var(--plum);border-radius:0 0 28px 28px;z-index:-1;pointer-events:none}
.link-profile p{position:relative;z-index:1;color:#f1e3f0}
.links-wrap{position:relative}
.link-group:first-of-type{margin-top:22px}
@media(max-width:425px){.link-profile{padding-top:21px;padding-bottom:48px}}