/* Tema: Mantar Adası. Dafium Store için çizildi; Mojang dokusu, logosu ya da yazı tipi içermez. */
:root {
    --bg: #f6eef9;
    --bg-alt: #ffffff;
    --surface: #ffffff;
    --surface-2: #f1e6f6;
    --text: #3b2840;
    --muted: #86708e;
    --line: #e8d8ef;
    --accent: #d9405b;
    --accent-ink: #ffffff;
    --radius: 24px;
    --radius-sm: 16px;
    --btn-radius: 999px;
    --fx-color: #c9a7d8;
    --fx-opacity: .7;
    --font-display: "Pixelify Sans", ui-rounded, system-ui, sans-serif;
}
.hero { background: linear-gradient(180deg, #ecdcf5 0%, #f6eef9 100%); padding-bottom: 10rem; }
.hero-scene .s1 { top: auto; height: 60px; background: repeating-conic-gradient(#a58bb5 0 25%, #977ca8 0 50%) 0 0 / 14px 14px; border-radius: 50% 50% 0 0 / 30px 30px 0 0; }
.hero-scene .s2::before { content: ""; position: absolute; left: 12%; bottom: 50px; width: 46px; height: 100px; background: #f3e6d6; border-radius: 10px 10px 0 0; }
.hero-scene .s2::after { content: ""; position: absolute; left: calc(12% - 87px); bottom: 136px; width: 220px; height: 92px; border-radius: 110px 110px 20px 20px; background: radial-gradient(circle at 30% 45%, #fff 12px, transparent 13px), radial-gradient(circle at 65% 35%, #fff 16px, transparent 17px), radial-gradient(circle at 80% 70%, #fff 9px, transparent 10px), #d9405b; transform-origin: 50% 100%; animation: t-boing 2.8s cubic-bezier(.34,1.56,.64,1) infinite; }
@keyframes t-boing { 0%, 70%, 100% { transform: none; } 80% { transform: scale(1.06, .92); } 90% { transform: scale(.97, 1.04) translateY(-6px); } }
.hero-scene .s3::before, .hero-scene .s3::after { content: ""; position: absolute; right: 14%; bottom: 52px; width: 10px; height: 10px; margin-bottom: 50px; background: transparent; box-shadow: 20px 0px 0 #d9405b, 30px 0px 0 #d9405b, 40px 0px 0 #d9405b, 10px 10px 0 #d9405b, 20px 10px 0 #ffffff, 30px 10px 0 #d9405b, 40px 10px 0 #d9405b, 50px 10px 0 #d9405b, 0px 20px 0 #d9405b, 10px 20px 0 #d9405b, 20px 20px 0 #d9405b, 30px 20px 0 #d9405b, 40px 20px 0 #ffffff, 50px 20px 0 #d9405b, 60px 20px 0 #d9405b, 0px 30px 0 #d9405b, 10px 30px 0 #ffffff, 20px 30px 0 #d9405b, 30px 30px 0 #d9405b, 40px 30px 0 #d9405b, 50px 30px 0 #d9405b, 60px 30px 0 #d9405b, 20px 40px 0 #f3e6d6, 30px 40px 0 #f3e6d6, 40px 40px 0 #f3e6d6, 20px 50px 0 #f3e6d6, 30px 50px 0 #f3e6d6, 40px 50px 0 #f3e6d6; animation: t-boing 2.8s cubic-bezier(.34,1.56,.64,1) infinite; animation-delay: -1s; }
.hero-scene .s3::after { right: 24%; transform: scale(.7); transform-origin: bottom; animation-delay: -1.8s; }
.hero-title { color: #8a2b47; }
.product-card { box-shadow: 0 10px 30px rgba(140,90,160,.12); }