@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&family=Prompt:wght@400;500;600;700&display=swap";.content{width:100%}.body-menu{width:100%;padding:20px;display:flex;margin-top:30px;gap:20px;flex-wrap:wrap;justify-content:center}.body-menu .size{width:100%;max-width:400px}.shop-section{max-width:100%;padding:28px 0 0}@media (min-width: 768px){.shop-section{padding:32px 80px 0}}.shop-warp{display:flex;scroll-behavior:smooth;justify-content:center;background:linear-gradient(135deg,#1a3a8f,#2952c8,#3b6fd4);box-shadow:0 2px 20px #1a3a8f66;border-radius:16px}.shop-list{display:flex;flex-wrap:wrap;flex-direction:row;gap:20px;padding:10px;width:100%;border-radius:16px;background-size:cover;background-position:center}.shop-item{width:100%;max-width:400px}@media (max-width: 712px){.shop-list{justify-content:center}}.shop-count{font-size:12px;color:#888;background:#fff;border:.5px solid rgba(0,0,0,.1);padding:3px 10px;border-radius:999px}.loading-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 0;color:#888;font-size:14px}.empty-state{text-align:center;padding:48px 0;color:#aaa;font-size:14px}.hero-section{position:relative;width:100%;height:auto}.hero-overlay{position:absolute;top:30%;left:0%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:10;width:100%;padding:0 20px;text-shadow:0 4px 15px rgba(0,0,0,.6)}@media (max-width: 670px){.hero-overlay{display:none}}.hero-title{font-size:3rem;font-weight:700;margin-bottom:10px}.hero-subtitle{font-size:1.2rem;font-weight:300}.main-container{max-width:1200px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;gap:60px}.quick-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:-80px;z-index:20;position:relative}@media (max-width: 768px){.quick-highlights{margin-top:0}}.highlight-card{background:#fff;border-radius:16px;padding:30px 20px;text-align:center;box-shadow:0 10px 30px #00000014;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease scale .3s}.highlight-card:hover{scale:1.05;box-shadow:0 15px 35px #0000001f}.icon-wrapper{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:#fff}.bg-blue{background:linear-gradient(135deg,#2d68d6,#4f9bff)}.bg-orange{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.bg-pink{background:linear-gradient(135deg,#ec4899,#f472b6)}.highlight-card h3{font-size:1.2rem;color:#1e293b;margin-bottom:5px}.highlight-card p{font-size:.9rem;color:#64748b}@media (max-width: 768px){.hero-title{font-size:2rem}.shop-banner-card{flex-direction:column;text-align:center;padding:30px 20px}.shop-image img{margin-top:30px;max-width:200px}}