/* Tema: Orman Tapınağı. Dafium Store için çizildi; Mojang dokusu, logosu ya da yazı tipi içermez. */
:root {
    --bg: #18241a;
    --bg-alt: #1d2c20;
    --surface: #223325;
    --surface-2: #2b3f2e;
    --text: #e7f2e2;
    --muted: #a1b79a;
    --line: #33503a;
    --accent: #7cc242;
    --accent-ink: #0e1d05;
    --radius: 4px;
    --radius-sm: 3px;
    --hard-shadow: 4px 4px 0 #0d150f;
    --fx-color: #6fae3c;
    --fx-opacity: .55;
    --font-display: "Pixelify Sans", ui-rounded, system-ui, sans-serif;
}
.hero { background: linear-gradient(180deg, #102016 0%, #1d2c20 100%); }
.hero-scene .s1 { background: radial-gradient(30% 40% at 0% 0%, #2f5a2c 60%, transparent 61%), radial-gradient(35% 45% at 100% 0%, #2a5227 60%, transparent 61%), radial-gradient(25% 30% at 55% 0%, #234621 60%, transparent 61%); }
.hero-scene .s2 { background: repeating-linear-gradient(90deg, transparent 0 60px, #3f8f2a 60px 66px, transparent 66px 140px, #4f9e34 140px 145px, transparent 145px 220px); -webkit-mask: linear-gradient(180deg, #000 0%, transparent 55%); mask: linear-gradient(180deg, #000 0%, transparent 55%); transform-origin: top; animation: t-vine 5s ease-in-out infinite alternate; }
@keyframes t-vine { from { transform: skewX(3deg); } to { transform: skewX(-3deg); } }
.hero-scene .s3 { top: auto; height: 80px; background: linear-gradient(#4f9e34 0 8px, transparent 8px), repeating-conic-gradient(#6a7a63 0 25%, transparent 0 50%) 0 0 / 12px 12px, repeating-conic-gradient(#4f5b50 0 25%, transparent 0 50%) 4px 4px / 20px 20px, #5d6b5e; clip-path: polygon(0 100%, 0 40%, 20% 40%, 20% 0, 80% 0, 80% 40%, 100% 40%, 100% 100%); }
.hero-stage { background: radial-gradient(circle, rgba(124,194,66,.45) 0%, rgba(124,194,66,.12) 45%, transparent 70%); }
.hero-stage .g1 { inset: 10%; border-radius: 50%; border: 3px solid rgba(124,194,66,.35); animation: t-ring 4s ease-in-out infinite; }
.hero-stage .g2 { inset: 20%; border-radius: 50%; border: 2px dashed rgba(201,242,168,.3); animation: t-ring 4s ease-in-out infinite reverse; }
@keyframes t-ring { 50% { transform: scale(1.06); opacity: .6; } }
.site-header { border-bottom: 3px solid #3f8f2a; }
.product-card { border: 2px solid #33503a; }
.hero-title { color: #c9f2a8; }