/* ===== Tiny Surprise Co – shared theme (glass) ===== */
:root{
  --bg:#FDEFF4;--ink:#2A1F5C;--muted:#6B5F93;--berry:#E8457A;--berry-dark:#B82F5C;
  --butter:#FFC857;--mint:#8FD6BD;--card:#fff;--line:#F3D3DF;
  --glass:rgba(255,255,255,.55);--glass-strong:rgba(255,255,255,.72);--edge:rgba(255,255,255,.75);
  --shadow:0 12px 36px rgba(42,31,92,.10);
  --display:"Caprasimo","Cooper Black",Georgia,serif;
  --body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:17px/1.6 var(--body);background:linear-gradient(180deg,#FFF5F8 0%,#FDEFF4 45%,#F6EEFB 100%);background-attachment:fixed;overflow-x:hidden}
a{color:var(--berry-dark)}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.1;margin:0 0 .4em}
h1{font-size:clamp(2.3rem,7vw,3.4rem)}
h2{font-size:clamp(1.8rem,5vw,2.4rem);margin-top:1.2em}
h3{font-size:1.3rem}
.wrap{max-width:1440px;margin:0 auto;padding:0 24px}

/* background colour blobs */
.blobs{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.blobs i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:drift 22s ease-in-out infinite alternate}
.blobs i:nth-child(1){width:46vmax;height:46vmax;background:#F7A8C2;top:-14vmax;left:-12vmax}
.blobs i:nth-child(2){width:36vmax;height:36vmax;background:#FFE3A3;top:28vh;right:-14vmax;animation-delay:-7s}
.blobs i:nth-child(3){width:38vmax;height:38vmax;background:#BFE9DA;bottom:-18vmax;left:18vw;animation-delay:-13s}
@keyframes drift{to{transform:translate(4vmax,3vmax) scale(1.08)}}

/* glass panels */
.glass{background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--edge);box-shadow:var(--shadow)}

/* buttons */
.btn{display:inline-block;border:0;cursor:pointer;font:700 1rem/1 var(--body);padding:15px 26px;border-radius:999px;background:var(--berry);color:#fff;text-decoration:none;box-shadow:0 5px 0 var(--berry-dark);transition:transform .08s,box-shadow .08s}
.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--berry-dark)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn.dark{background:var(--ink);box-shadow:0 5px 0 #15103A}
.btn.glassy{background:var(--glass-strong);color:var(--ink);box-shadow:0 5px 0 rgba(42,31,92,.15);border:1px solid var(--edge)}
.btn.small{padding:10px 18px;font-size:.92rem}
.btn:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--mint);outline-offset:3px}

/* header (built by site.js) */
header.bar{position:sticky;top:10px;z-index:20;max-width:1440px;width:calc(100% - 32px);margin:10px auto 0;padding:10px 14px 10px 20px;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:12px}
header.bar.static{position:relative;top:0}
.bar .logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:1.25rem;color:var(--ink);text-decoration:none;white-space:nowrap}
.bar .logo img{width:34px;height:34px;border-radius:10px}
.bar nav{display:flex;align-items:center;gap:6px}
.bar nav a{color:var(--ink);text-decoration:none;font-weight:600;padding:8px 12px;border-radius:999px;white-space:nowrap}
.bar nav a:hover{background:rgba(255,255,255,.7)}
.bar .cta-s{background:var(--ink);color:#fff!important;padding:10px 18px}
.bar .cta-s:hover{background:#3a2d7a!important}
.menu-btn{display:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--ink);color:#fff;cursor:pointer;align-items:center;justify-content:center;flex:none}
.menu-btn svg{width:22px;height:22px}
@media(max-width:720px){
  .bar .logo{font-size:1.1rem}
  .menu-btn{display:inline-flex}
  .bar nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;padding:10px;border-radius:24px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--edge);box-shadow:var(--shadow)}
  .bar.open nav{display:flex}
  .bar nav a{padding:14px 16px;font-size:1.05rem}
  .bar .cta-s{text-align:center;margin-top:4px}
}

/* footer (built by site.js) */
footer.site{margin-top:56px;padding:28px 20px 40px;text-align:center;color:var(--muted);font-size:.92rem}
footer.site nav{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 16px;margin-bottom:8px}
footer.site nav a{color:var(--ink);font-weight:600;text-decoration:none}
footer.site nav a:hover{text-decoration:underline}

/* text pages (terms, refund, privacy, contact) */
.page{padding-top:36px}
.doc{border-radius:28px;padding:32px clamp(20px,5vw,48px);max-width:860px;margin:0 auto}
.doc h1{font-size:clamp(2rem,6vw,2.8rem)}
.doc h2{font-size:1.4rem;margin-top:1.6em}
.doc .updated{color:var(--muted);font-size:.92rem}
.doc ul{padding-left:1.2em}

details{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--edge);border-radius:18px;padding:16px 20px;margin-bottom:10px}
summary{cursor:pointer;font-weight:700}
details p{margin:.6em 0 0;color:var(--muted)}

@media (prefers-reduced-motion: reduce){.blobs i{animation:none}html{scroll-behavior:auto}}