:root {
  --primary: #e60023;
  --accent: #ffd700;
  --dark-overlay: rgba(0,0,0,.45);
  --font: 'Kanit', sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--font);line-height:1.6;color:#222;background:#fff;width:100%;overflow-x:hidden;}

.hero{background:url('assets/kimchi.png') center/cover no-repeat;height:100vh;position:relative;}
.hero::before{content:'';position:absolute;inset:0;background:var(--dark-overlay);}
.price-tag{position:absolute;top:15px;left:15px;background:var(--primary);color:#fff;padding:.5rem .9rem;font-weight:700;font-size:1.1rem;border-radius:4px;box-shadow:0 3px 6px rgba(0,0,0,.3);z-index:5;}
@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateY(-15px);}60%{transform:translateY(-7px);}}
.price-tag.bounce{animation:bounce 3s infinite;}

.hero-content.bottom{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);text-align:center;width:90%;max-width:800px;color:#fff;}
h1{font-size:3.5rem;font-weight:800;letter-spacing:1px;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.35);}
.tagline{font-size:1.25rem;margin-bottom:1.75rem;}
.button{background:var(--accent);color:#000;padding:.85rem 1.75rem;border:none;border-radius:60px;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 4px 10px rgba(0,0,0,.25);}
@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.07);}}
.button.pulse{animation:pulse 2s infinite;}

section{padding:4rem 1rem;}
.offer{text-align:center;background:#fff8e1;}
.offer h2{font-size:2.25rem;color:var(--primary);margin-bottom:1rem;}
.offer form{max-width:600px;margin:1.25rem auto;display:flex;flex-wrap:wrap;gap:.5rem;}
.offer input[type=text],
.offer input[type=number],
.offer input[type=email]{flex:1 1 180px;padding:.85rem;border:2px solid var(--primary);border-radius:4px;font-size:1rem;}
.offer button{padding:.85rem 1.5rem;background:var(--primary);border:none;color:#fff;border-radius:4px;font-weight:700;}

.small{font-size:.9rem;color:#555;margin-top:.5rem;}

.product{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:1000px;margin:0 auto;}
.product img{width:290px;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.15);}
.product-copy{max-width:450px;}
.product-copy h3{font-size:1.75rem;color:var(--primary);margin-bottom:.75rem;}
.product-copy ul{list-style-type:disc;margin-left:1.25rem;font-size:1.05rem;}

.order{text-align:center;background:#ffe5e5;}
.order h2{font-size:2rem;color:#000;margin-bottom:1.25rem;}
.order-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap;}
.order-buttons a{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.25rem;border:2px dashed var(--primary);border-radius:40px;text-decoration:none;font-weight:700;color:#000;background:#fff;}
.order-buttons img{width:26px;height:26px;}
.order-buttons .grab{background:#16a443;color:#fff;border:none;}
.order-buttons .line{background:#00b900;color:#fff;border:none;}

.founder{display:flex;flex-direction:column;gap:2rem;align-items:center;max-width:900px;margin:0 auto;text-align:center;}
.founder img{width:240px;height:240px;border-radius:50%;object-fit:cover;box-shadow:0 4px 14px rgba(0,0,0,.15);}
.founder-copy{max-width:480px;}
.founder-copy h2{font-size:1.9rem;color:var(--primary);margin-bottom:.75rem;}

footer{padding:1.5rem 1rem;text-align:center;font-size:.9rem;background:#222;color:#fff;}

@media(min-width:768px){
  h1{font-size:5rem;}
  .product{flex-direction:row;}
  .founder{flex-direction:row;text-align:left;}
}