.hg-formula-wrap{background:#f5f0e8;padding:72px 20px}.hg-formula-container{max-width:1200px;margin:0 auto}.hg-formula-header{text-align:center;margin-bottom:48px}.hg-formula-eyebrow{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0d7a6e;margin:0 0 12px}.hg-formula-title{font-size:36px;font-weight:700;color:#1a1a1a;line-height:1.2;max-width:700px;margin:0 auto 16px}.hg-formula-subtitle{font-size:16px;color:#555;line-height:1.6;margin:0 auto;max-width:560px}.hg-formula-carousel-wrap{position:relative}.hg-formula-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.hg-formula-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column}.hg-formula-card-image{background:#c8e6e3;height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hg-formula-card-image img{width:100%;height:100%;object-fit:cover}.hg-formula-emoji{font-size:64px;line-height:1}.hg-formula-card-body{padding:20px 20px 24px;flex:1}.hg-formula-tag{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#0d7a6e;margin:0 0 8px}.hg-formula-name{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 10px;line-height:1.3}.hg-formula-desc{font-size:14px;color:#555;line-height:1.6;margin:0}.hg-formula-arrows{display:none}@media(max-width:768px){.hg-formula-wrap{padding:48px 0}.hg-formula-header{padding:0 20px;margin-bottom:32px}.hg-formula-title{font-size:28px}.hg-formula-grid{display:flex;flex-direction:row;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding:4px 20px 12px;scrollbar-width:none;-ms-overflow-style:none}.hg-formula-grid::-webkit-scrollbar{display:none}.hg-formula-card{flex:0 0 80vw;max-width:300px;scroll-snap-align:start}.hg-formula-arrows{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;padding:0 20px}.hg-formula-arrow{width:44px;height:44px;border-radius:50%;border:2px solid #0d7a6e;background:#fff;color:#0d7a6e;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s;flex-shrink:0}.hg-formula-arrow:hover,.hg-formula-arrow:active{background:#0d7a6e;color:#fff}.hg-formula-arrow svg{display:block}}@media(max-width:900px)and (min-width:769px){.hg-formula-grid{grid-template-columns:repeat(2,1fr)}.hg-formula-title{font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/hg-formula-section.css.map */