*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 "Public Sans",Arial,sans-serif;color:#666;background:#fff}
h2,h3{line-height:1.3;margin:0 0 .6em}
h2{font-size:32px;color:#000}
h3{font-size:27.2px}
a{color:#33b1db}
.inner{max-width:1160px;margin:0 auto;padding:0 20px}
.center{text-align:center}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:60px 0;overflow:hidden;background:#000}
.slides,.slide,.hero-shade{position:absolute;inset:0}
.slide{background-size:cover;background-position:center;opacity:0;animation:fade 16s infinite}
.slide.s2{animation-delay:8s}
@keyframes fade{0%{opacity:0}8%,50%{opacity:1}58%,100%{opacity:0}}
.hero-shade{background:rgba(0,0,0,.55)}
.hero-inner{position:relative;width:100%}
.logo{display:block;margin:0 auto 36px;max-width:70vw;height:auto}
.hero h2,.hero h3,.hero p{color:#ffe733}
.hero p{font-size:16px}
@media(prefers-reduced-motion:reduce){.slide{animation:none}.slide.s1{opacity:1}}
.cart{display:inline-flex;margin-top:24px;width:100px;height:100px;border-radius:50%;border:2px solid #fb0;color:#fb0;align-items:center;justify-content:center;transition:background .2s,color .2s}
.cart:hover{background:#fb0;color:#000}
.refunds{padding:70px 0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.pic img{width:100%;max-width:500px;height:auto;display:block;margin:0 auto;border-radius:8px}
.btn{display:inline-block;background:#f7bc20;color:#fff;font-size:23px;padding:12px 32px;text-decoration:none;margin-top:12px}
.btn:hover{filter:brightness(.95)}
.contact{padding:30px 0 80px}
footer{background:#286e73;padding:40px 0}
.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.foot img{display:block;height:auto}
.foot nav a{color:#fff;font-size:14.4px;text-decoration:none;margin-left:24px}
.foot nav a:hover{text-decoration:underline}
@media(max-width:768px){.two{grid-template-columns:1fr}h2{font-size:26px}h3{font-size:22px}.foot nav a{margin:0 24px 0 0}}