@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&family=Quicksand:wght@500;600;700&display=swap');
:root{--color-mochi-yellow:#FFE270;--color-executive-navy:#111A35;--color-blush-pink:#FFB7B2;--color-glow-cream:#FFFDF6;--color-ink-charcoal:#2D2D2D;--color-white:#FFFFFF;--font-headings:'Quicksand',sans-serif;--font-body:'Outfit',sans-serif;--shadow-soft:0 4px 20px rgba(17,26,53,0.05);--shadow-hover:0 8px 30px rgba(17,26,53,0.1);--border-radius-ui:16px;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:140px;}
body{background-color:var(--color-glow-cream);color:var(--color-ink-charcoal);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);color:var(--color-executive-navy);font-weight:700;}
a{text-decoration:none;color:inherit;transition:all .3s ease;}
img{max-width:100%;height:auto;display:block;}
ul{list-style:none;}
.container{max-width:1280px;margin:0 auto;padding:0 24px;}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:12px;font-family:var(--font-headings);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:none;gap:8px;}
.btn-primary{background:var(--color-executive-navy);color:var(--color-white);}
.btn-primary:hover{background:var(--color-mochi-yellow);color:var(--color-executive-navy);transform:translateY(-2px);box-shadow:var(--shadow-hover);}
.btn-secondary{background:transparent;color:var(--color-executive-navy);border:2px solid var(--color-executive-navy);}
.btn-secondary:hover{background:var(--color-blush-pink);border-color:var(--color-blush-pink);transform:translateY(-2px);}
.btn-outline{background:transparent;color:var(--color-executive-navy);border:2px solid var(--color-executive-navy);border-radius:24px;}
.btn-outline:hover{background:var(--color-executive-navy);color:var(--color-white);}
.btn-lg{padding:16px 36px;font-size:1.05rem;}
.icon-sm{width:16px;height:16px;}
.loading-screen{position:fixed;inset:0;background:var(--color-glow-cream);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .6s ease;}
.loading-screen.hidden{opacity:0;pointer-events:none;}
.loader-mascot{text-align:center;animation:loaderBounce 1.5s ease infinite;}
.loader-img{width:80px;height:80px;object-fit:contain;border-radius:50%;}
.loader-dots{display:flex;gap:6px;justify-content:center;margin-top:16px;}
.loader-dots span{width:8px;height:8px;border-radius:50%;background:var(--color-blush-pink);animation:dotPulse 1.4s ease infinite;}
.loader-dots span:nth-child(2){animation-delay:.2s;}
.loader-dots span:nth-child(3){animation-delay:.4s;}
.loader-text{margin-top:12px;font-family:var(--font-headings);color:var(--color-executive-navy);font-weight:600;}
@keyframes loaderBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes dotPulse{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}

.top-banner{background:linear-gradient(135deg,var(--color-blush-pink),#e8a0d4);padding:10px 0;text-align:center;position:relative;font-size:.85rem;color:var(--color-executive-navy);}
.top-banner .container{display:flex;align-items:center;justify-content:center;}
.top-banner a{color:var(--color-executive-navy);text-decoration:underline;margin-left:6px;font-weight:600;}
.close-banner{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-executive-navy);opacity:.6;}
.close-banner:hover{opacity:1;}
.main-header{background:var(--color-white);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-soft);}
.header-container{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:16px;}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.logo-mascot{width:48px;height:48px;border-radius:50%;object-fit:cover;transition:transform .3s ease;}
.logo:hover .logo-mascot{transform:rotate(-10deg) scale(1.1);}
.logo-text{display:flex;flex-direction:column;line-height:1.1;}
.logo-name{font-family:var(--font-headings);font-weight:700;font-size:1.2rem;color:var(--color-executive-navy);}
.logo-sub{font-family:var(--font-headings);font-weight:500;font-size:.75rem;color:var(--color-blush-pink);letter-spacing:2px;text-transform:uppercase;}
.search-bar{flex:1;max-width:480px;position:relative;display:flex;align-items:center;}
.search-bar input{width:100%;padding:10px 16px 10px 42px;border:2px solid #e8e6e1;border-radius:24px;font-family:var(--font-body);font-size:.9rem;background:var(--color-glow-cream);transition:all .3s ease;outline:none;}
.search-bar input:focus{border-color:var(--color-blush-pink);box-shadow:0 0 0 3px rgba(255,183,178,.2);}
.search-icon{position:absolute;left:14px;width:18px;height:18px;color:#999;pointer-events:none;}
.header-actions{display:flex;align-items:center;gap:8px;}
.header-action{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;font-size:.85rem;color:var(--color-ink-charcoal);transition:all .3s ease;}
.header-action:hover{background:var(--color-glow-cream);color:var(--color-executive-navy);}
.header-action svg{width:20px;height:20px;}
.cart-action{position:relative;}
.cart-count{position:absolute;top:2px;right:2px;background:var(--color-blush-pink);color:var(--color-executive-navy);font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.icon-btn{background:none;border:none;cursor:pointer;padding:8px;color:var(--color-ink-charcoal);}
.icon-btn svg{width:22px;height:22px;}
.main-nav{background:var(--color-white);border-top:1px solid #f0ede8;}
.main-nav .container{padding:0 24px;}
.nav-links{display:flex;align-items:center;gap:0;justify-content:center;}
.nav-link{display:block;padding:14px 18px;font-family:var(--font-headings);font-weight:600;font-size:.88rem;color:var(--color-ink-charcoal);position:relative;transition:all .3s ease;}
.nav-link::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:var(--color-blush-pink);border-radius:3px;transition:width .3s ease;}
.nav-link:hover,.nav-link.active{color:var(--color-executive-navy);}
.nav-link:hover::after,.nav-link.active::after{width:60%;}
.nav-link.highlight{color:var(--color-executive-navy);}
.nav-link.sale{color:#e85d5d;font-weight:700;}
.mobile-only{display:none;}
.hamburger{background:none;border:none;cursor:pointer;padding:8px;}

.hero-section{background:linear-gradient(135deg,#fef0f5 0%,#f3e8f9 40%,#e8dff5 100%);padding:0;overflow:hidden;position:relative;}
.hero-slide{display:none;}
.hero-slide.active{display:block;}
.hero-content{display:flex;align-items:center;max-width:1280px;margin:0 auto;padding:40px 24px;gap:40px;min-height:420px;}
.hero-text{flex:1;z-index:2;}
.hero-tag{display:inline-block;background:rgba(255,226,112,.3);color:var(--color-executive-navy);padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:16px;font-family:var(--font-headings);}
.hero-text h1{font-size:2.6rem;line-height:1.15;margin-bottom:16px;color:var(--color-executive-navy);}
.hero-text h1 strong{background:linear-gradient(135deg,var(--color-executive-navy),#2a3a6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-desc{font-size:1.05rem;color:#555;margin-bottom:28px;max-width:420px;}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;}
.hero-image{flex:1;display:flex;justify-content:center;align-items:center;}
.hero-image img{max-height:380px;object-fit:contain;animation:heroFloat 4s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(17,26,53,.12));}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hero-indicators{display:flex;justify-content:center;gap:8px;padding:16px 0 24px;background:transparent;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.indicator{width:10px;height:10px;border-radius:50%;border:2px solid var(--color-executive-navy);background:transparent;cursor:pointer;transition:all .3s ease;padding:0;}
.indicator.active{background:var(--color-executive-navy);width:28px;border-radius:8px;}
.delivery-section{padding:32px 0;}
.delivery-card{background:linear-gradient(135deg,#ffd4d0,#ffb7b2,#ff9e97);border-radius:var(--border-radius-ui);padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative;}
.delivery-img{width:160px;height:auto;object-fit:contain;border-radius:12px;}
.delivery-img-right{width:140px;opacity:.7;}
.delivery-content{text-align:center;flex:1;}
.delivery-content h2{font-size:2rem;color:var(--color-executive-navy);margin-bottom:4px;}
.delivery-content p{font-size:1.1rem;color:var(--color-executive-navy);margin-bottom:16px;opacity:.85;}
.trust-section{padding:40px 0;}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.trust-badge{text-align:center;padding:28px 20px;background:var(--color-white);border-radius:var(--border-radius-ui);box-shadow:var(--shadow-soft);transition:all .3s ease;}
.trust-badge:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);}
.trust-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#fef0f5,#f9e8f0);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
.trust-icon svg{width:24px;height:24px;color:var(--color-executive-navy);}
.trust-badge h3{font-size:.95rem;margin-bottom:6px;}
.trust-badge p{font-size:.82rem;color:#777;line-height:1.4;}

.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px;}
.section-header h2{font-size:1.5rem;}
.see-all{color:var(--color-blush-pink);font-family:var(--font-headings);font-weight:600;font-size:.9rem;transition:color .3s ease;}
.see-all:hover{color:var(--color-executive-navy);}
.carousel-controls{display:flex;align-items:center;gap:12px;}
.carousel-btn{width:36px;height:36px;border-radius:50%;border:2px solid #e0ddd6;background:var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;}
.carousel-btn:hover{border-color:var(--color-executive-navy);background:var(--color-executive-navy);color:var(--color-white);}
.carousel-btn svg{width:18px;height:18px;}
.categories-section{padding:48px 0;}
.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.category-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:var(--color-white);border-radius:var(--border-radius-ui);box-shadow:var(--shadow-soft);transition:all .4s ease;overflow:hidden;}
.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);}
.category-img-wrapper{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;}
.category-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.category-card:hover .category-img-wrapper img{transform:scale(1.08);}
.category-name{font-family:var(--font-headings);font-weight:700;font-size:.95rem;color:var(--color-executive-navy);}
.products-section{padding:48px 0;}
.products-carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px;}
.products-carousel::-webkit-scrollbar{display:none;}
.product-card{min-width:260px;max-width:260px;background:var(--color-white);border-radius:var(--border-radius-ui);box-shadow:var(--shadow-soft);transition:all .3s ease;scroll-snap-align:start;overflow:hidden;position:relative;}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);}
.product-img-wrapper{width:100%;aspect-ratio:1;overflow:hidden;background:#faf8f5;display:flex;align-items:center;justify-content:center;padding:16px;position:relative;}
.product-img-wrapper img{max-height:85%;object-fit:contain;transition:transform .4s ease;}
.product-card:hover .product-img-wrapper img{transform:scale(1.06);}
.product-wishlist{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:var(--color-white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s ease;z-index:2;}
.product-wishlist:hover{background:var(--color-blush-pink);transform:scale(1.1);}
.product-wishlist svg{width:16px;height:16px;color:var(--color-ink-charcoal);}
.product-badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:8px;font-size:.7rem;font-weight:700;font-family:var(--font-headings);z-index:2;}
.badge-new{background:#fff0e5;color:#e57a2f;}
.badge-sale{background:#ffe5e5;color:#d32f2f;}
.badge-best{background:#e5f5e5;color:#2e7d32;}
.badge-mochi{background:var(--color-mochi-yellow);color:var(--color-executive-navy);}
.product-info{padding:16px;}
.product-brand{font-size:.72rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;}
.product-name{font-family:var(--font-headings);font-weight:600;font-size:.88rem;color:var(--color-executive-navy);line-height:1.3;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.product-prices{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.product-price{font-family:var(--font-headings);font-weight:700;font-size:1.05rem;color:var(--color-executive-navy);}
.product-original-price{font-size:.85rem;color:#aaa;text-decoration:line-through;}
.product-discount{font-size:.72rem;font-weight:700;background:var(--color-executive-navy);color:var(--color-white);padding:2px 8px;border-radius:6px;}

.kbeauty-section{padding:48px 0;}
.kbeauty-banner{display:flex;align-items:center;background:linear-gradient(135deg,#fef0f5 0%,#f9e8f0 100%);border-radius:var(--border-radius-ui);overflow:hidden;gap:0;}
.kbeauty-left{flex:0 0 40%;overflow:hidden;}
.kbeauty-left img{width:100%;height:100%;object-fit:cover;min-height:360px;}
.kbeauty-right{flex:1;padding:40px;}
.kbeauty-right h2{font-size:1.6rem;margin-bottom:28px;line-height:1.3;}
.kbeauty-features{display:flex;flex-direction:column;gap:20px;margin-bottom:28px;}
.kbeauty-feature{display:flex;gap:16px;align-items:flex-start;}
.feature-icon{width:48px;height:48px;border-radius:12px;background:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-soft);}
.feature-icon svg{width:22px;height:22px;color:var(--color-executive-navy);}
.kbeauty-feature h3{font-size:.9rem;margin-bottom:2px;}
.kbeauty-feature p{font-size:.82rem;color:#777;}
.featured-section{padding:32px 0;}
.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.featured-card{border-radius:var(--border-radius-ui);padding:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;position:relative;min-height:240px;}
.featured-skincare{background:linear-gradient(135deg,#e8dff5,#d4c8f0);}
.featured-quiz{background:linear-gradient(135deg,#ffd4d0,#ffb7b2);}
.featured-text{z-index:2;}
.featured-pre{font-size:.9rem;color:var(--color-executive-navy);opacity:.8;margin-bottom:4px;}
.featured-card h2{font-size:1.5rem;color:var(--color-executive-navy);margin-bottom:8px;}
.featured-count{display:inline-block;background:rgba(255,255,255,.4);padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;margin-bottom:16px;}
.featured-desc{font-size:.88rem;color:var(--color-executive-navy);opacity:.8;margin-bottom:16px;}
.featured-product-img{max-height:180px;object-fit:contain;z-index:1;filter:drop-shadow(0 8px 20px rgba(0,0,0,.1));}
.featured-quiz-img{border-radius:50%;width:160px;height:160px;object-fit:cover;}
.quiz-section{padding:48px 0;}
.quiz-card{background:linear-gradient(135deg,var(--color-mochi-yellow),#ffd740);border-radius:var(--border-radius-ui);display:flex;align-items:center;gap:40px;padding:40px 48px;overflow:hidden;}
.quiz-mascot{width:140px;height:140px;object-fit:contain;animation:heroFloat 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));}
.quiz-content{flex:1;}
.quiz-tag{display:inline-block;background:rgba(255,255,255,.4);padding:4px 14px;border-radius:12px;font-size:.82rem;font-weight:600;margin-bottom:12px;}
.quiz-content h2{font-size:1.6rem;margin-bottom:8px;}
.quiz-content p{font-size:1rem;color:var(--color-ink-charcoal);margin-bottom:20px;max-width:480px;}

.brands-section{padding:48px 0;overflow:hidden;}
.brands-marquee{overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);}
.brands-track{display:flex;gap:40px;animation:marquee 30s linear infinite;width:max-content;}
.brand-item{font-family:var(--font-headings);font-weight:700;font-size:1.2rem;color:var(--color-executive-navy);opacity:.35;white-space:nowrap;transition:opacity .3s ease;padding:12px 0;}
.brand-item:hover{opacity:1;}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.newsletter-section{padding:48px 0;}
.newsletter-card{background:var(--color-executive-navy);border-radius:var(--border-radius-ui);display:flex;align-items:center;justify-content:space-between;padding:48px;overflow:hidden;position:relative;}
.newsletter-content{flex:1;z-index:2;}
.newsletter-content h2{color:var(--color-white);font-size:1.6rem;margin-bottom:8px;}
.newsletter-content p{color:rgba(255,255,255,.75);margin-bottom:24px;max-width:440px;}
.newsletter-form{display:flex;gap:12px;max-width:460px;}
.newsletter-form input{flex:1;padding:14px 20px;border:2px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.08);color:var(--color-white);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .3s ease;}
.newsletter-form input::placeholder{color:rgba(255,255,255,.4);}
.newsletter-form input:focus{border-color:var(--color-mochi-yellow);}
.newsletter-form .btn-primary{flex-shrink:0;}
.newsletter-decoration{position:absolute;right:40px;bottom:-10px;opacity:.15;}
.newsletter-mascot{width:200px;height:200px;object-fit:contain;}
.main-footer{background:var(--color-executive-navy);color:rgba(255,255,255,.7);padding:64px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.footer-mascot{width:48px;height:48px;border-radius:50%;object-fit:cover;}
.footer-logo .logo-name{color:var(--color-white);}
.footer-logo .logo-sub{color:var(--color-mochi-yellow);}
.footer-tagline{font-size:.88rem;line-height:1.6;margin-bottom:20px;max-width:300px;}
.footer-social{display:flex;gap:12px;}
.social-link{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;transition:all .3s ease;}
.social-link:hover{background:var(--color-mochi-yellow);color:var(--color-executive-navy);}
.social-link svg{width:18px;height:18px;}
.footer-links-group h4{color:var(--color-white);font-family:var(--font-headings);font-size:.95rem;margin-bottom:16px;}
.footer-links-group li{margin-bottom:10px;}
.footer-links-group a{font-size:.85rem;transition:color .3s ease;}
.footer-links-group a:hover{color:var(--color-mochi-yellow);}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:24px 0;flex-wrap:wrap;gap:12px;font-size:.8rem;}
.footer-legal{display:flex;gap:20px;}
.footer-legal a{font-size:.8rem;transition:color .3s ease;}
.footer-legal a:hover{color:var(--color-mochi-yellow);}

.whatsapp-float{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#25D366;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.35);z-index:90;transition:all .3s ease;animation:whatsappPulse 2s ease infinite;}
.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 24px rgba(37,211,102,.5);}
@keyframes whatsappPulse{0%,100%{box-shadow:0 4px 16px rgba(37,211,102,.35)}50%{box-shadow:0 4px 24px rgba(37,211,102,.55)}}
.back-to-top{position:fixed;bottom:24px;right:90px;width:44px;height:44px;border-radius:50%;background:var(--color-executive-navy);color:var(--color-white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .3s ease;z-index:90;box-shadow:var(--shadow-hover);}
.back-to-top.visible{opacity:1;pointer-events:auto;}
.back-to-top:hover{background:var(--color-mochi-yellow);color:var(--color-executive-navy);transform:translateY(-3px);}
.back-to-top svg{width:20px;height:20px;}

@media(max-width:1024px){
.hero-text h1{font-size:2rem;}
.hero-image img{max-height:280px;}
.trust-grid{grid-template-columns:repeat(2,1fr);}
.categories-grid{grid-template-columns:repeat(2,1fr);}
.footer-grid{grid-template-columns:repeat(2,1fr);}
.kbeauty-banner{flex-direction:column;}
.kbeauty-left{flex:none;width:100%;max-height:260px;}
.kbeauty-left img{min-height:auto;}
.featured-grid{grid-template-columns:1fr;}
}

@media(max-width:768px){
.desktop-only{display:none!important;}
.mobile-only{display:flex!important;}
.header-container{gap:8px;}
.search-bar{display:none;}
.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--color-white);box-shadow:var(--shadow-hover);z-index:99;padding:8px 0;}
.nav-links.open{display:flex;}
.nav-link{padding:12px 24px;border-bottom:1px solid #f0ede8;}
.hero-content{flex-direction:column;text-align:center;padding:32px 24px;}
.hero-text h1{font-size:1.8rem;}
.hero-desc{margin:0 auto 24px;}
.hero-buttons{justify-content:center;}
.hero-image img{max-height:220px;}
.delivery-card{flex-direction:column;text-align:center;padding:24px;}
.delivery-img,.delivery-img-right{width:100px;}
.trust-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
.trust-badge{padding:20px 14px;}
.categories-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
.product-card{min-width:220px;max-width:220px;}
.kbeauty-right{padding:24px;}
.quiz-card{flex-direction:column;text-align:center;padding:32px 24px;}
.quiz-mascot{width:100px;height:100px;}
.featured-card{flex-direction:column;text-align:center;padding:28px 20px;}
.featured-product-img{max-height:120px;}
.newsletter-card{flex-direction:column;padding:32px 24px;text-align:center;}
.newsletter-form{flex-direction:column;}
.footer-grid{grid-template-columns:1fr;gap:28px;text-align:center;}
.footer-social{justify-content:center;}
.footer-bottom{flex-direction:column;text-align:center;}
.footer-legal{justify-content:center;}
.section-header{flex-direction:column;align-items:flex-start;gap:8px;}
}

@media(max-width:480px){
.hero-text h1{font-size:1.5rem;}
.product-card{min-width:180px;max-width:180px;}
.trust-grid{grid-template-columns:1fr 1fr;gap:10px;}
.btn{padding:10px 20px;font-size:.85rem;}
}

/* Full-width Hero Slider Override */
.hero-section{position:relative;overflow:hidden;}
.hero-slider{position:relative;height:500px;}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease;z-index:0;}
.hero-slide.active{opacity:1;z-index:1;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,246,.92) 0%,rgba(255,253,246,.7) 40%,rgba(255,253,246,.1) 70%,transparent 100%);}
.hero-content{position:relative;z-index:2;display:flex;align-items:center;height:500px;}
.hero-text{max-width:520px;}
.hero-image{display:none;}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.8);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 12px rgba(0,0,0,.1);}
.hero-arrow:hover{background:var(--color-mochi-yellow);transform:translateY(-50%) scale(1.1);}
.hero-arrow svg{width:20px;height:20px;color:var(--color-executive-navy);}
.hero-prev{left:20px;}
.hero-next{right:20px;}
.hero-indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:5;}
.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:768px){
.hero-slider{height:400px;}
.hero-content{height:400px;}
.hero-overlay{background:linear-gradient(180deg,rgba(255,253,246,.95) 0%,rgba(255,253,246,.7) 60%,transparent 100%);}
.hero-text{max-width:100%;text-align:center;}
.hero-buttons{justify-content:center;}
.hero-arrow{display:none;}
.categories-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:480px){
.hero-slider{height:360px;}
.hero-content{height:360px;}
}

/* Search Dropdown */
.search-dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-radius: 0 0 16px 16px; box-shadow: 0 12px 40px rgba(0,0,0,0.12); max-height: 400px; overflow-y: auto; z-index: 1000; display: none; }
.search-dropdown.active { display: block; }
.search-dropdown-item { display: flex; align-items: center; gap: 14px; padding: 12px 20px; text-decoration: none; color: inherit; transition: background 0.15s ease; }
.search-dropdown-item:hover { background: var(--color-glow-cream); }
.sdi-img { width: 48px; height: 48px; border-radius: 10px; background: #F8F8F8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; }
.sdi-img img { width: 40px; height: 40px; object-fit: contain; }
.sdi-info { flex: 1; min-width: 0; }
.sdi-brand { font-size: 11px; color: #94A3B8; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; }
.sdi-name { font-size: 13px; font-weight: 600; color: var(--color-executive-navy); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; }
.sdi-price { font-family: var(--font-headings); font-weight: 700; font-size: 14px; color: var(--color-executive-navy); flex-shrink: 0; }
.search-no-results { padding: 24px; text-align: center; color: #94A3B8; font-size: 14px; }

/* Circular Brands Grid Redesign */
.brands-grid-circles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 36px;
  padding: 24px 0;
}

.brand-circle-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.brand-circle-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: var(--color-white);
  border: 2px solid rgba(17, 26, 53, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(17, 26, 53, 0.03);
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.brand-circle-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: grayscale(10%) contrast(95%);
  transition: all 0.4s ease;
}

.brand-circle-name {
  font-family: var(--font-headings);
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--color-executive-navy);
  text-align: center;
  transition: color 0.3s ease;
}

/* Micro-animations hover */
.brand-circle-item:hover {
  transform: translateY(-8px);
}

.brand-circle-item:hover .brand-circle-img {
  border-color: var(--color-mochi-yellow);
  box-shadow: 0 10px 25px rgba(255, 226, 112, 0.4), 0 0 0 4px rgba(255, 226, 112, 0.2);
}

.brand-circle-item:hover .brand-circle-img img {
  transform: scale(1.1) rotate(2deg);
  filter: grayscale(0%) contrast(100%);
}

.brand-circle-item:hover .brand-circle-name {
  color: var(--color-mochi-yellow);
  text-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

@media (max-width: 768px) {
  .brands-grid-circles {
    gap: 24px;
  }
  .brand-circle-img {
    width: 80px;
    height: 80px;
    padding: 12px;
  }
  .brand-circle-name {
    font-size: 0.8rem;
  }
}