/* Privacy Policy & Shipping and Returns. Locked LALA tokens only. */
body.lala.lala-policy-page .entry-header,body.lala.lala-policy-page .page-header,body.lala.lala-policy-page .single-page-header{display:none}
body.lala.lala-policy-page .site-content-container.container,body.lala.lala-policy-page #primary.content-area,body.lala.lala-policy-page #main.site-main,body.lala.lala-policy-page .hentry,body.lala.lala-policy-page .entry-content{width:100%!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important}
.lala-policy{color:var(--lala-ink);font-size:16px;line-height:1.8;padding-bottom:110px}
.lala-policy > section,.lpo-body{max-width:1120px;margin-inline:auto;padding-inline:20px}
.lala-policy p{margin:0 0 14px}

/* hero with a floating glass emblem */
.lpo-hero{text-align:center;padding-top:84px;padding-bottom:40px}
.lpo-emblem{position:relative;width:132px;height:132px;margin:0 auto 26px;display:grid;place-items:center}
.lpo-glass{position:relative;z-index:2;display:grid;place-items:center;width:96px;height:96px;border-radius:30px;
  background:linear-gradient(145deg,rgb(255 255 255 / .75),rgb(255 255 255 / .2));-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);
  border:1px solid rgb(255 255 255 / .8);box-shadow:inset 0 1px 0 rgb(255 255 255 / .9),0 26px 50px -20px color-mix(in srgb,var(--lala-accent) 55%,transparent);color:var(--lala-accent);
  animation:lpo-float 6s ease-in-out infinite;transform:rotate(-6deg)}
.lpo-glass .lala-i{width:44px;height:44px;stroke-width:1.4}
.lpo-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--lala-accent) 40%,transparent),transparent 60%);filter:blur(10px);animation:lpo-spin 9s linear infinite}
.lpo-ring-2{inset:-18px;opacity:.5;background:conic-gradient(from 180deg,transparent,#E79AAE,transparent 50%,#F2A88E,transparent);animation-duration:14s;animation-direction:reverse}
@keyframes lpo-float{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(4deg) translateY(-10px)}}
@keyframes lpo-spin{to{transform:rotate(360deg)}}
.lpo-title{font-family:var(--lala-display);font-weight:500;font-size:clamp(52px,8vw,108px);line-height:.98;letter-spacing:-.02em;margin:10px auto 22px;max-width:14ch;text-wrap:balance;
  background:linear-gradient(180deg,var(--lala-ink) 35%,color-mix(in srgb,var(--lala-accent) 75%,var(--lala-ink)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:lpo-rise 1.2s cubic-bezier(.16,1,.3,1) both}
@keyframes lpo-rise{from{opacity:0;transform:translateY(24px)}}
.lpo-intro{max-width:58ch;margin:0 auto!important;font-size:18px;color:var(--lala-muted)}

/* at a glance */
.lpo-glance{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:64px}
.lpo-gcard{position:relative;overflow:hidden;display:grid;gap:8px;align-content:start;padding:26px;border-radius:24px;background:var(--lala-surface);border:1px solid var(--lala-line);transition:transform .35s var(--lala-ease),box-shadow .35s}
.lpo-gcard::after{content:"";position:absolute;width:160px;height:160px;inset-inline-end:-60px;top:-60px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--lala-accent) 22%,transparent),transparent 70%)}
.lpo-gcard:hover{transform:translateY(-4px);box-shadow:0 24px 44px -28px rgb(43 31 51 / .4)}
.lpo-gico{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--lala-accent-soft);color:var(--lala-accent)}
.lpo-gico .lala-i{width:22px;height:22px}
.lpo-gcard b{font-family:var(--lala-display);font-size:clamp(22px,2.2vw,27px);font-weight:600;line-height:1.2;margin-top:6px}
.lpo-gcard span:last-child{font-size:14px;color:var(--lala-muted);line-height:1.6}

/* body: sticky index + numbered sections */
.lpo-body{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:start}
.lpo-toc{position:sticky;top:110px;display:grid;gap:14px;padding:22px;border-radius:22px;background:color-mix(in srgb,var(--lala-surface) 70%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--lala-line)}
.lpo-toc-label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lala-muted)}
.lpo-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.lala-policy .lpo-toc a{display:flex;gap:10px;align-items:baseline;padding:8px 10px;border-radius:12px;font-size:14px;line-height:1.4;color:var(--lala-muted);text-decoration:none;transition:background .25s,color .25s}
.lpo-toc a span{font-family:var(--lala-display);font-size:13px;font-weight:600;color:var(--lala-accent);opacity:.6}
.lala-policy .lpo-toc a:hover{color:var(--lala-ink)}
.lala-policy .lpo-toc a.is-active{background:var(--lala-accent-soft);color:var(--lala-ink);font-weight:600}
.lpo-toc a.is-active span{opacity:1}
.lpo-toc-bar{height:3px;border-radius:2px;background:var(--lala-accent-soft);overflow:hidden}
.lpo-toc-bar i{display:block;height:100%;width:0;background:var(--lala-accent);border-radius:2px;transition:width .2s linear}
.lpo-sections{display:grid;gap:16px;min-width:0}
.lpo-sec{position:relative;padding:34px 36px;border-radius:26px;background:var(--lala-surface);border:1px solid var(--lala-line);scroll-margin-top:110px;overflow:hidden}
.lpo-sec header{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.lpo-num{position:absolute;top:-14px;inset-inline-end:18px;font-family:var(--lala-display);font-size:120px;font-weight:600;line-height:1;color:var(--lala-accent-soft);pointer-events:none;user-select:none}
.lpo-sico{position:relative;display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:15px;background:var(--lala-ink);color:var(--lala-bg)}
.lpo-sico .lala-i{width:21px;height:21px}
.lpo-sec h2{position:relative;font-family:var(--lala-display);font-size:clamp(26px,2.8vw,34px);font-weight:600;line-height:1.15;margin:0;color:var(--lala-ink);text-transform:none;letter-spacing:0}
.lpo-text{position:relative;color:var(--lala-muted);font-size:16px}
.lpo-text strong{color:var(--lala-ink);font-weight:600}
.lala-policy .lpo-text a{color:var(--lala-accent);text-decoration:underline;text-underline-offset:3px;word-break:break-word}
.lpo-checks{list-style:none;margin:6px 0 18px;padding:0;display:grid;gap:10px}
.lpo-checks li{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--lala-accent-soft);color:var(--lala-ink);font-weight:500}
.lpo-checks li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--lala-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.lpo-sec-contact{background:radial-gradient(500px circle at 100% 0%,color-mix(in srgb,var(--lala-accent) 18%,transparent),transparent 70%),var(--lala-surface)}
.lpo-contact{position:relative;display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.lala-policy .lpo-contact a{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;background:var(--lala-ink);color:var(--lala-bg);text-decoration:none;font-weight:600;font-size:14px;transition:transform .25s var(--lala-ease),background .25s}
.lala-policy .lpo-contact a:nth-child(2){background:transparent;color:var(--lala-ink);border:1px solid var(--lala-ink)}
.lala-policy .lpo-contact a:hover{transform:translateY(-2px);background:var(--lala-accent);border-color:var(--lala-accent);color:var(--lala-on-accent)}
.lpo-contact .lala-i{width:18px;height:18px}

@media (max-width:900px){
  .lpo-body{grid-template-columns:1fr;gap:20px}
  .lpo-toc{position:static}
  .lpo-glance{grid-template-columns:1fr}
  .lpo-sec{padding:28px 22px}
  .lpo-num{font-size:90px}
}
@media (prefers-reduced-motion:reduce){.lpo-glass,.lpo-ring,.lpo-title{animation:none}}
html[data-theme="dark"] .lpo-glass{background:linear-gradient(145deg,rgb(255 255 255 / .14),rgb(255 255 255 / .04));border-color:rgb(255 255 255 / .18);box-shadow:inset 0 1px 0 rgb(255 255 255 / .16),0 26px 50px -20px rgb(0 0 0 / .6)}
html[data-theme="dark"] .lala-policy .lpo-text{color:var(--lala-muted)!important}
html[data-theme="dark"] .lala-policy .lpo-text strong{color:var(--lala-ink)!important}
html[data-theme="dark"] .lala-policy .lpo-sico{background:var(--lala-ink);color:var(--lala-bg)}
.lala-policy .lpo-title{text-align:center!important;display:block}
/* title: Konte resets heading margins, so centre it explicitly */
body.lala .lala-policy .lpo-title{margin-left:auto!important;margin-right:auto!important}
/* night mode: section icons and contact buttons keep their own colours (the general night text rule would wash them out) */
html[data-theme="dark"] body.lala .lala-policy .lpo-sico{background:var(--lala-accent-soft)!important;color:var(--lala-accent)!important;border:1px solid color-mix(in srgb,var(--lala-accent) 30%,transparent)}
html[data-theme="dark"] body.lala .lala-policy .lpo-sico .lala-i{stroke:var(--lala-accent)!important}
html[data-theme="dark"] body.lala .lala-policy .lpo-gico{color:var(--lala-accent)!important}
html[data-theme="dark"] body.lala .lala-policy .lpo-contact a{background:var(--lala-accent)!important;border:1px solid var(--lala-accent)!important;color:var(--lala-on-accent)!important}
html[data-theme="dark"] body.lala .lala-policy .lpo-contact a span{color:var(--lala-on-accent)!important}
html[data-theme="dark"] body.lala .lala-policy .lpo-contact a:nth-child(2){background:transparent!important;border-color:var(--lala-line)!important;color:var(--lala-ink)!important}
html[data-theme="dark"] body.lala .lala-policy .lpo-contact a:nth-child(2) span{color:var(--lala-ink)!important}
html[data-theme="dark"] body.lala .lala-policy .lpo-contact a:hover{background:var(--lala-ink)!important;border-color:var(--lala-ink)!important;color:var(--lala-bg)!important}
html[data-theme="dark"] body.lala .lala-policy .lpo-contact a:hover span{color:var(--lala-bg)!important}