/* Tema: Kar Köyü. Dafium Store için çizildi; Mojang dokusu, logosu ya da yazı tipi içermez. */
:root {
    --bg: #f2f7fc;
    --bg-alt: #ffffff;
    --surface: #ffffff;
    --surface-2: #eef4fa;
    --text: #1b2a3a;
    --muted: #5e7183;
    --line: #dbe6f0;
    --accent: #2f7fd6;
    --accent-ink: #ffffff;
    --radius: 14px;
    --radius-sm: 10px;
    --fx-color: #a9c9e6;
    --fx-opacity: .9;
    --font-display: "VT323", ui-monospace, monospace;
}
h1, h2, h3, .brand { font-size: 1.25em; line-height: 1.05; }
.hero { background: linear-gradient(180deg, #bcd8f1 0%, #e3eef9 70%, #f2f7fc 100%); padding-bottom: 9rem; }
.hero-scene .s1 { background: linear-gradient(135deg, transparent 49.5%, #d6e6f5 50%) 0 100% / 50% 60% no-repeat, linear-gradient(225deg, transparent 49.5%, #c8dcef 50%) 100% 100% / 55% 70% no-repeat; bottom: 40px; }
.hero-scene .s1::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 70%; background: linear-gradient(135deg, transparent 49.5%, #fff 50%, #fff 52%, transparent 52.5%) 0 0 / 50% 30% no-repeat; opacity: .6; }
.hero-scene .s2::before, .hero-scene .s2::after { content: ""; position: absolute; bottom: 46px; left: 12%; width: 9px; height: 9px; margin-bottom: 72px; background: transparent; box-shadow: 36px 0px 0 #ffffff, 45px 0px 0 #ffffff, 18px 9px 0 #ffffff, 27px 9px 0 #ffffff, 36px 9px 0 #ffffff, 45px 9px 0 #ffffff, 54px 9px 0 #ffffff, 63px 9px 0 #ffffff, 9px 18px 0 #ffffff, 18px 18px 0 #ffffff, 27px 18px 0 #ffffff, 36px 18px 0 #ffffff, 45px 18px 0 #ffffff, 54px 18px 0 #ffffff, 63px 18px 0 #ffffff, 72px 18px 0 #ffffff, 81px 18px 0 #ffffff, 0px 27px 0 #ffffff, 9px 27px 0 #ffffff, 18px 27px 0 #ffffff, 27px 27px 0 #ffffff, 36px 27px 0 #ffffff, 45px 27px 0 #ffffff, 54px 27px 0 #ffffff, 63px 27px 0 #ffffff, 72px 27px 0 #ffffff, 81px 27px 0 #ffffff, 90px 27px 0 #ffffff, 99px 27px 0 #ffffff, 9px 36px 0 #8a6242, 18px 36px 0 #8a6242, 27px 36px 0 #8a6242, 36px 36px 0 #8a6242, 45px 36px 0 #8a6242, 54px 36px 0 #8a6242, 63px 36px 0 #8a6242, 72px 36px 0 #8a6242, 81px 36px 0 #8a6242, 90px 36px 0 #8a6242, 9px 45px 0 #8a6242, 18px 45px 0 #ffd86b, 27px 45px 0 #ffd86b, 36px 45px 0 #8a6242, 45px 45px 0 #8a6242, 54px 45px 0 #8a6242, 63px 45px 0 #8a6242, 72px 45px 0 #ffd86b, 81px 45px 0 #ffd86b, 90px 45px 0 #8a6242, 9px 54px 0 #8a6242, 18px 54px 0 #ffd86b, 27px 54px 0 #ffd86b, 36px 54px 0 #8a6242, 45px 54px 0 #8a6242, 54px 54px 0 #5a3c26, 63px 54px 0 #8a6242, 72px 54px 0 #ffd86b, 81px 54px 0 #ffd86b, 90px 54px 0 #8a6242, 9px 63px 0 #8a6242, 18px 63px 0 #8a6242, 27px 63px 0 #8a6242, 36px 63px 0 #8a6242, 45px 63px 0 #8a6242, 54px 63px 0 #5a3c26, 63px 63px 0 #8a6242, 72px 63px 0 #8a6242, 81px 63px 0 #8a6242, 90px 63px 0 #8a6242, 9px 72px 0 #8a6242, 18px 72px 0 #8a6242, 27px 72px 0 #8a6242, 36px 72px 0 #8a6242, 45px 72px 0 #8a6242, 54px 72px 0 #5a3c26, 63px 72px 0 #8a6242, 72px 72px 0 #8a6242, 81px 72px 0 #8a6242, 90px 72px 0 #8a6242; }
.hero-scene .s2::after { left: auto; right: 14%; transform: scale(.8); transform-origin: bottom right; }
.hero-scene .s3::before, .hero-scene .s3::after { content: ""; position: absolute; bottom: 150px; left: calc(12% + 20px); width: 14px; height: 14px; border-radius: 50%; background: rgba(255,255,255,.85); box-shadow: 8px -14px 0 2px rgba(255,255,255,.7), -4px -30px 0 4px rgba(255,255,255,.5); animation: t-smoke 4s ease-out infinite; }
.hero-scene .s3::after { left: auto; right: calc(14% + 26px); bottom: 128px; animation-delay: -2s; }
@keyframes t-smoke { from { transform: translateY(0) scale(.6); opacity: 0; } 30% { opacity: 1; } to { transform: translateY(-70px) scale(1.4); opacity: 0; } }
.hero-scene .s4 { top: auto; height: 90px; background: radial-gradient(60% 100% at 20% 100%, #ffffff 60%, transparent 61%), radial-gradient(55% 90% at 75% 100%, #f7fbff 60%, transparent 61%); }
.hero-title { font-size: clamp(2.8rem, 9vw, 5rem); color: #234a73; }
.site-header { background: #ffffff; }
.product-card { box-shadow: 0 6px 20px rgba(47,127,214,.08); }