/* Index page: Hero + Slogan */
.section-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background-color:#fff5f8;background-image:url('../img/hero-bg-illust.png');background-size:cover;background-position:center;background-repeat:no-repeat;padding:100px 24px 80px;overflow:hidden}
.hero-content{position:relative;z-index:5;text-align:center;max-width:900px}
.hero-title{font-family:'Fredoka One','Quicksand',sans-serif;font-size:clamp(4.5rem,14vw,8rem);font-weight:700;color:#EB9A80;line-height:1.05;margin-bottom:16px;letter-spacing:4px}
.hero-subtitle{font-family:'Inter','Quicksand',sans-serif;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:500;color:#8b6a7a;letter-spacing:1px}
.hero-deco{position:absolute;pointer-events:none;z-index:0;opacity:0.25}
.deco-blob{background:rgba(255,218,220,0.5);border-radius:50%}
.deco-blob-tl{width:180px;height:180px;top:8%;left:5%;border-radius:50% 50% 40% 60%/60% 40% 50% 50%}
.deco-blob-br{width:200px;height:200px;bottom:5%;right:3%;background:rgba(255,210,215,0.45);border-radius:40% 60% 50% 50%/50% 50% 40% 60%}
.deco-dot{width:8px;height:8px;background:rgba(232,150,160,0.6);border-radius:50%}
.deco-dot-1{top:22%;left:18%}
.deco-dot-2{top:38%;left:22%}
.deco-dot-3{top:42%;right:25%}
.deco-dot-4{bottom:42%;right:20%}
.deco-dot-5{bottom:38%;left:25%}
.deco-percent{font-size:48px;color:rgba(245,182,193,0.4);top:28%;right:18%;font-weight:300}
.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:#b83d5a;font-size:0.85rem;letter-spacing:2px;animation:bounce 2s ease-in-out infinite;text-decoration:none;z-index:10}
.scroll-hint i{display:block;margin-top:8px;font-size:1.2rem}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}
.section-slogan{min-height:100vh;padding:100px 40px 80px;display:flex;align-items:center;background:linear-gradient(180deg,#fffafb 0%,#fff3f6 35%,#ffecf1 70%,#ffe5eb 100%)}
.slogan-wrapper{display:flex;align-items:center;justify-content:center;gap:60px;max-width:1200px;margin:0 auto;flex-wrap:wrap}
.product-images{flex:1;min-width:320px;max-width:480px;display:flex;flex-direction:column;gap:24px;align-items:center}
.product-images img{width:100%;height:auto;border-radius:20px;box-shadow:0 12px 32px rgba(235,154,128,0.18);object-fit:cover}
.slogan-box{flex:1;min-width:320px}
.slogan-label{font-size:0.85rem;color:#9e6b78;letter-spacing:4px;margin-bottom:20px;text-transform:uppercase}
.slogan-text{font-family:'Quicksand',sans-serif;font-size:2.8rem;font-weight:700;color:#8b3a52;line-height:1.3;letter-spacing:2px;text-transform:uppercase}
.slogan-text span{display:block;background:linear-gradient(135deg,#e85a7a,#d9466a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.slogan-desc{margin-top:24px;font-size:1.05rem;color:#6b4a55;line-height:1.8}
.nav-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.nav-button{background:rgba(255,250,251,0.9);border:2px solid #f0c4d0;color:#b83d5a;padding:18px 20px;border-radius:50px;text-decoration:none;font-weight:600;font-size:0.95rem;transition:all 0.25s;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px rgba(235,154,128,0.12)}
.nav-button:hover{background:linear-gradient(135deg,#e85a7a,#d9466a);color:white;border-color:transparent;transform:translateY(-3px);box-shadow:0 8px 24px rgba(232,90,122,0.25)}
.footer-brand{margin-top:56px;text-align:center}
.footer-brand .logo-text{font-family:'Quicksand',sans-serif;font-size:1.8rem;font-weight:700;color:#8b3a52;letter-spacing:4px}
.footer-brand .tagline{font-size:0.85rem;color:#9e6b78;margin-top:8px;letter-spacing:2px;text-transform:uppercase}
@media (max-width:768px){.hero-title{font-size:clamp(3rem,12vw,4.5rem)}.slogan-text{font-size:2rem}.slogan-wrapper{flex-direction:column}.product-images{grid-template-columns:1fr}.nav-buttons{grid-template-columns:1fr}}