/* Tema: Köy Pazarı. Dafium Store için çizildi; Mojang dokusu, logosu ya da yazı tipi içermez. */
:root {
    --bg: #f6eddc;
    --bg-alt: #fff8ea;
    --surface: #fffaf0;
    --surface-2: #f1e3c6;
    --text: #3a2814;
    --muted: #87704f;
    --line: #e3cfa6;
    --accent: #1fa65a;
    --accent-ink: #ffffff;
    --radius: 4px;
    --radius-sm: 3px;
    --hard-shadow: 4px 4px 0 #d8c296;
    --font-display: "Pixelify Sans", ui-rounded, system-ui, sans-serif;
}
.site-header { border-top: 18px solid; border-image: repeating-linear-gradient(90deg, #c8402f 0 28px, #fff4e0 28px 56px) 18; }
.hero { background: repeating-linear-gradient(90deg, #f1e3c6 0 38px, #ead9b6 38px 40px); }
.hero-scene .s1 { top: auto; height: 40px; background: repeating-linear-gradient(90deg, #9b6a3c 0 38px, #845a33 38px 40px); }
.hero-stage .g1::before { content: ""; position: absolute; left: 8%; right: 8%; top: 6%; height: 64px; background: repeating-linear-gradient(90deg, #1fa65a 0 30px, #fff4e0 30px 60px); clip-path: polygon(0 0, 100% 0, 96% 100%, 4% 100%); transform-origin: top; animation: t-awning 3s ease-in-out infinite alternate; }
@keyframes t-awning { to { transform: scaleY(1.06) skewX(-2deg); } }
.hero-stage .g1::after { content: ""; position: absolute; left: 12%; right: 12%; top: calc(6% + 64px); bottom: 8%; background: repeating-linear-gradient(0deg, #9b6a3c 0 16px, #845a33 16px 18px); }
.hero-stage .g2::before { content: ""; position: absolute; left: 16%; bottom: 10%; width: 7px; height: 7px; margin-bottom: 35px; background: transparent; box-shadow: 14px 0px 0 #1fa65a, 21px 0px 0 #1fa65a, 7px 7px 0 #1fa65a, 14px 7px 0 #7ff0ad, 21px 7px 0 #1fa65a, 28px 7px 0 #1fa65a, 0px 14px 0 #1fa65a, 7px 14px 0 #7ff0ad, 14px 14px 0 #1fa65a, 21px 14px 0 #1fa65a, 28px 14px 0 #1fa65a, 35px 14px 0 #1fa65a, 0px 21px 0 #1fa65a, 7px 21px 0 #1fa65a, 14px 21px 0 #1fa65a, 21px 21px 0 #1fa65a, 28px 21px 0 #7ff0ad, 35px 21px 0 #1fa65a, 7px 28px 0 #1fa65a, 14px 28px 0 #1fa65a, 21px 28px 0 #7ff0ad, 28px 28px 0 #1fa65a, 14px 35px 0 #1fa65a, 21px 35px 0 #1fa65a; animation: t-hop 1.6s cubic-bezier(.34,1.56,.64,1) infinite; filter: drop-shadow(0 0 8px rgba(31,166,90,.6)); }
.hero-stage .g2::after { content: ""; position: absolute; right: 18%; bottom: 10%; width: 7px; height: 7px; margin-bottom: 42px; background: transparent; box-shadow: 0px 0px 0 #3b2410, 7px 0px 0 #3b2410, 14px 0px 0 #3b2410, 21px 0px 0 #3b2410, 28px 0px 0 #3b2410, 35px 0px 0 #3b2410, 42px 0px 0 #3b2410, 49px 0px 0 #3b2410, 0px 7px 0 #3b2410, 7px 7px 0 #9b6a3c, 14px 7px 0 #9b6a3c, 21px 7px 0 #9b6a3c, 28px 7px 0 #9b6a3c, 35px 7px 0 #9b6a3c, 42px 7px 0 #9b6a3c, 49px 7px 0 #3b2410, 0px 14px 0 #3b2410, 7px 14px 0 #9b6a3c, 14px 14px 0 #9b6a3c, 21px 14px 0 #9b6a3c, 28px 14px 0 #9b6a3c, 35px 14px 0 #9b6a3c, 42px 14px 0 #9b6a3c, 49px 14px 0 #3b2410, 0px 21px 0 #3b2410, 7px 21px 0 #3b2410, 14px 21px 0 #3b2410, 21px 21px 0 #f2c14e, 28px 21px 0 #f2c14e, 35px 21px 0 #3b2410, 42px 21px 0 #3b2410, 49px 21px 0 #3b2410, 0px 28px 0 #3b2410, 7px 28px 0 #9b6a3c, 14px 28px 0 #9b6a3c, 21px 28px 0 #f2c14e, 28px 28px 0 #f2c14e, 35px 28px 0 #9b6a3c, 42px 28px 0 #9b6a3c, 49px 28px 0 #3b2410, 0px 35px 0 #3b2410, 7px 35px 0 #9b6a3c, 14px 35px 0 #9b6a3c, 21px 35px 0 #9b6a3c, 28px 35px 0 #9b6a3c, 35px 35px 0 #9b6a3c, 42px 35px 0 #9b6a3c, 49px 35px 0 #3b2410, 0px 42px 0 #3b2410, 7px 42px 0 #3b2410, 14px 42px 0 #3b2410, 21px 42px 0 #3b2410, 28px 42px 0 #3b2410, 35px 42px 0 #3b2410, 42px 42px 0 #3b2410, 49px 42px 0 #3b2410; }
@keyframes t-hop { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-26px); } }
.hero-title { color: #6b3f12; }
.price strong { color: #1fa65a; }