*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:Arial,sans-serif;color:#2f241b;background:#fff;overflow-x:hidden}button{font-family:inherit}img{max-width:100%;display:block}a{text-decoration:none}#root{width:100%;min-height:100vh}.app{width:100%;min-height:100vh;overflow-x:hidden}.section{width:100%}.container{width:90%;max-width:1200px;margin:0 auto}::selection{background:#e6a23c;color:#fff}@media (max-width: 600px){body,.app{width:100%;overflow-x:hidden}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#fffaf0f5;border-bottom:1px solid rgba(47,36,27,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{width:90%;max-width:1200px;height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;cursor:pointer}.brand img{width:52px;height:52px;object-fit:contain}.brand span{font-size:20px;font-weight:800;letter-spacing:1px;color:#2f241b}.nav-links{display:flex;align-items:center;gap:8px}.nav-links button{padding:10px 15px;border:none;background:transparent;color:#2f241b;font-size:14px;font-weight:600;cursor:pointer;border-radius:20px;transition:.3s ease}.nav-links button:hover{color:#d28b24;background:#fff1d7}.nav-links .contact-nav{margin-left:8px;padding:11px 20px;background:#e6a23c;color:#fff;border-radius:25px}.nav-links .contact-nav:hover{background:#cf8d28;color:#fff}.menu-button{display:none;border:none;background:transparent;font-size:28px;color:#2f241b;cursor:pointer}@media (max-width: 900px){.nav-container{width:88%}.nav-links{gap:2px}.nav-links button{padding:9px 10px;font-size:13px}}@media (max-width: 700px){.nav-container{height:70px}.brand img{width:45px;height:45px}.brand span{font-size:18px}.menu-button{display:block}.nav-links{position:absolute;top:70px;left:5%;right:5%;padding:15px;display:none;flex-direction:column;align-items:stretch;gap:5px;background:#fff;border-radius:15px;box-shadow:0 15px 30px #00000026}.nav-links.active{display:flex}.nav-links button{width:100%;padding:13px;text-align:center}.nav-links .contact-nav{margin-left:0}}@media (max-width: 400px){.brand span{font-size:16px}.menu-button{font-size:25px}}.hero{position:relative;min-height:100vh;padding:120px 8% 70px;display:flex;align-items:center;overflow:hidden;background:#fffaf0}.hero-container{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;position:relative;z-index:2}.hero-content{max-width:600px}.small-title{margin-bottom:18px;font-size:13px;font-weight:700;letter-spacing:2px;color:#d28b24}.hero-content h1{margin:0 0 25px;font-size:60px;line-height:1.08;font-weight:800;color:#2f241b}.hero-content h1 span{display:block;color:#d28b24}.hero-text{max-width:520px;margin-bottom:35px;font-size:17px;line-height:1.8;color:#555}.hero-buttons{display:flex;align-items:center;gap:15px}.primary-button,.secondary-button{padding:14px 24px;border-radius:30px;font-size:15px;font-weight:600;cursor:pointer;transition:.3s ease}.primary-button{border:none;background:#e6a23c;color:#fff}.primary-button span{margin-left:8px;font-size:18px}.primary-button:hover{background:#cf8d28;transform:translateY(-2px)}.secondary-button{border:1px solid #d28b24;background:transparent;color:#2f241b}.secondary-button:hover{background:#d28b24;color:#fff}.hero-visual{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}.hero-circle{position:absolute;width:390px;height:390px;border-radius:50%;background:#f3d29d;opacity:.7}.hero-snack-card{position:relative;z-index:2;width:340px;height:380px;padding:20px;display:flex;align-items:center;justify-content:center;border-radius:30px;background:#fff;box-shadow:0 20px 45px #00000026;transform:rotate(2deg)}.snack-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:22px;background:#f8e4c1}.snack-placeholder span{font-size:110px}.floating-label{position:absolute;right:-35px;bottom:30px;padding:15px 20px;border-radius:15px;background:#2f241b;color:#fff;box-shadow:0 10px 25px #0003;transform:rotate(-2deg)}.floating-label strong{display:block;font-size:18px;color:#e6a23c}.floating-label small{display:block;margin-top:3px;font-size:11px;color:#ddd}.hero-decoration{position:absolute;border-radius:50%;pointer-events:none}.decoration-one{width:180px;height:180px;top:80px;left:-70px;background:#f5d9a8;opacity:.35}.decoration-two{width:220px;height:220px;right:-80px;bottom:-70px;background:#e6a23c;opacity:.15}@media (max-width: 900px){.hero{padding:120px 6% 70px}.hero-container{gap:35px}.hero-content h1{font-size:46px}.hero-text{font-size:15px}.hero-circle{width:320px;height:320px}.hero-snack-card{width:280px;height:330px}.floating-label{right:-20px}}@media (max-width: 700px){.hero{min-height:auto;padding:110px 6% 70px}.hero-container{grid-template-columns:1fr;text-align:center;gap:55px}.hero-content{max-width:100%}.small-title{font-size:11px}.hero-content h1{font-size:40px}.hero-text{margin-left:auto;margin-right:auto;font-size:15px}.hero-buttons{justify-content:center;flex-wrap:wrap}.hero-visual{min-height:390px}.hero-circle{width:300px;height:300px}.hero-snack-card{width:260px;height:310px}.floating-label{right:0;bottom:20px}}@media (max-width: 450px){.hero{padding:100px 5% 55px}.hero-content h1{font-size:34px}.hero-text{font-size:14px}.primary-button,.secondary-button{padding:12px 20px;font-size:13px}.hero-visual{min-height:340px}.hero-circle{width:250px;height:250px}.hero-snack-card{width:220px;height:270px}.snack-placeholder span{font-size:80px}.floating-label{right:-5px;padding:12px 15px}.floating-label strong{font-size:16px}}.hero-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:22px}.highlights{width:100%;padding:32px 8%;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;background:#2f241b;color:#fff}.highlight-item{display:flex;align-items:center;justify-content:center;gap:15px}.highlight-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e6a23c;color:#fff;font-size:20px}.highlight-item strong{display:block;margin-bottom:4px;font-size:15px;font-weight:700}.highlight-item span{display:block;font-size:12px;color:#d6d6d6}@media (max-width: 900px){.highlights{padding:28px 6%;gap:18px}.highlight-item{gap:10px}.highlight-icon{width:42px;height:42px;font-size:18px}.highlight-item strong{font-size:13px}.highlight-item span{font-size:11px}}@media (max-width: 650px){.highlights{grid-template-columns:1fr;padding:35px 8%;gap:25px}.highlight-item{justify-content:flex-start}}@media (max-width: 400px){.highlights{padding:30px 6%}.highlight-icon{width:40px;height:40px}.highlight-item strong{font-size:14px}.highlight-item span{font-size:11px}}.about{width:100%;padding:100px 8%;background:#fff}.about>.section-tag{max-width:1200px;margin:0 auto 35px;font-size:13px;font-weight:700;letter-spacing:2px;color:#d28b24}.about-grid{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.about-image{position:relative;width:100%;min-height:450px;display:flex;align-items:center;justify-content:center;overflow:visible}.about-photo{position:relative;z-index:2;width:100%;max-width:520px;height:450px;object-fit:cover;display:block;border-radius:25px;box-shadow:0 20px 40px #0000001f}.about-pattern{position:absolute;z-index:1;width:88%;height:88%;border-radius:35px;background:#f7dfb5;transform:rotate(-4deg);opacity:.7}.about-badge{position:absolute;z-index:3;right:-20px;bottom:15px;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#e6a23c;color:#fff;box-shadow:0 12px 25px #00000026}.about-badge strong{font-size:34px;line-height:1;font-weight:800}.about-badge span{margin-top:8px;font-size:13px;font-weight:700}.about-content{width:100%}.about-content h2{margin-bottom:25px;font-size:44px;line-height:1.15;font-weight:800;color:#2f241b}.about-content h2 span{display:block;color:#d28b24}.about-content p{max-width:560px;margin-bottom:18px;font-size:16px;line-height:1.8;color:#5f5f5f}.company-details{margin-top:35px;display:flex;gap:35px;flex-wrap:wrap}.company-details div{display:flex;flex-direction:column;gap:5px}.company-details strong{font-size:18px;color:#2f241b}.company-details span{font-size:12px;color:#777}@media (max-width: 900px){.about{padding:80px 6%}.about-grid{gap:40px}.about-photo{height:380px}.about-image{min-height:380px}.about-content h2{font-size:36px}.about-badge{width:100px;height:100px;right:-10px}.about-badge strong{font-size:28px}}@media (max-width: 700px){.about{padding:65px 6%}.about-grid{grid-template-columns:1fr;gap:50px}.about-image{min-height:350px}.about-photo{width:100%;height:350px;max-width:500px}.about-pattern{width:90%;height:90%}.about-badge{right:0;bottom:5px;width:95px;height:95px}.about-content h2{font-size:32px}.about-content p{font-size:15px}.company-details{justify-content:center;gap:25px}}@media (max-width: 450px){.about{padding:55px 5%}.about-image{min-height:290px}.about-photo{height:290px}.about-pattern{border-radius:25px}.about-badge{width:85px;height:85px}.about-badge strong{font-size:24px}.about-badge span{font-size:10px}.about-content h2{font-size:28px}.company-details{gap:20px}}.products{padding:100px 8%;background:#fffaf0}.products-heading{max-width:1200px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.products-heading .section-tag{margin-bottom:15px;font-size:13px;font-weight:700;letter-spacing:2px;color:#d28b24}.products-heading h2{margin:0;font-size:45px;line-height:1.15;font-weight:800;color:#2f241b}.products-heading h2 span{display:block;color:#d28b24}.products-heading>p{max-width:390px;margin:0;font-size:15px;line-height:1.8;color:#666}.category-buttons{max-width:1200px;margin:0 auto 45px;display:flex;flex-wrap:wrap;gap:10px}.category{padding:10px 18px;border:1px solid #e1c99f;border-radius:25px;background:transparent;color:#5a4028;font-size:13px;font-weight:600;cursor:pointer;transition:.3s ease}.category:hover{background:#f7e4c3}.category.active{background:#e6a23c;border-color:#e6a23c;color:#fff}.product-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.product-card{overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 8px 25px #00000014;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #00000021}.product-image{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#f3e4cd}.product-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s ease}.product-card:hover .product-image img{transform:scale(1.06)}.product-number{position:absolute;top:12px;right:12px;min-width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0 8px;border-radius:20px;background:#2f241bd9;color:#fff;font-size:11px;font-weight:700}.product-info{padding:18px}.product-info>span{display:block;margin-bottom:7px;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#d28b24}.product-info h3{margin:0;font-size:17px;font-weight:700;color:#2f241b}@media (max-width: 1100px){.products{padding:85px 6%}.product-grid{grid-template-columns:repeat(3,1fr);gap:22px}.products-heading h2{font-size:40px}}@media (max-width: 800px){.products{padding:75px 6%}.products-heading{flex-direction:column;align-items:flex-start;gap:20px}.products-heading h2{font-size:36px}.products-heading>p{max-width:600px}.product-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 550px){.products{padding:60px 5%}.products-heading{margin-bottom:30px}.products-heading .section-tag{font-size:11px}.products-heading h2{font-size:31px}.products-heading>p{font-size:14px}.category-buttons{margin-bottom:30px;gap:8px}.category{padding:8px 13px;font-size:11px}.product-grid{grid-template-columns:repeat(2,1fr);gap:14px}.product-info{padding:13px}.product-info>span{font-size:8px}.product-info h3{font-size:14px}.product-number{top:8px;right:8px;min-width:28px;height:28px;font-size:9px}}@media (max-width: 380px){.products{padding:50px 4%}.products-heading h2{font-size:28px}.product-grid{gap:10px}.product-info{padding:11px}.product-info h3{font-size:13px}}.contact{padding:100px 8%;background:#fffaf0}.contact-container{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.contact-content{max-width:600px}.contact-content .section-tag{margin-bottom:18px;font-size:13px;font-weight:700;letter-spacing:2px;color:#d28b24}.contact-content h2{margin:0 0 20px;font-size:48px;line-height:1.15;font-weight:800}.contact-content h2 span{display:block;color:#d28b24}.contact-content>p{margin-bottom:35px;font-size:16px;line-height:1.8;color:#555}.contact-details{display:flex;flex-direction:column;gap:22px}.contact-detail{display:flex;align-items:center;gap:16px}.contact-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e6a23c;color:#fff;font-size:20px}.contact-detail small{display:block;margin-bottom:5px;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#888}.contact-detail strong{display:block;font-size:15px;font-weight:600;color:#2f241b}.contact-card{min-height:390px;padding:40px;display:flex;flex-direction:column;justify-content:center;border-radius:25px;background:#2f241b;color:#fff;box-shadow:0 15px 35px #00000026}.contact-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.contact-card-top span{font-size:12px;font-weight:700;letter-spacing:2px;color:#e6a23c}.contact-card-top div{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;font-size:20px}.contact-card h3{margin-bottom:20px;font-size:32px;line-height:1.2}.contact-card p{margin-bottom:30px;font-size:15px;line-height:1.8;color:#ddd}.contact-card button{width:fit-content;padding:13px 22px;border:none;border-radius:25px;background:#e6a23c;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.contact-card button:hover{background:#cf8d28}@media (max-width: 900px){.contact{padding:80px 6%}.contact-container{grid-template-columns:1fr;gap:50px}.contact-content{max-width:700px}}@media (max-width: 600px){.contact{padding:60px 5%}.contact-content h2{font-size:36px}.contact-content>p{font-size:14px}.contact-detail{align-items:flex-start}.contact-icon{width:44px;height:44px}.contact-detail strong{font-size:14px}.contact-card{min-height:auto;padding:30px 25px}.contact-card h3{font-size:28px}}@media (max-width: 400px){.contact{padding:50px 5%}.contact-content h2{font-size:30px}.contact-card{padding:25px 20px}}.footer{background:#2f241b;color:#fff;padding-top:60px}.footer-container{max-width:1200px;margin:auto;padding:0 8% 50px;display:flex;justify-content:space-between;align-items:flex-start;gap:60px}.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand img{width:70px;height:70px;object-fit:contain}.footer-brand p{margin:0;font-size:15px;line-height:1.7;color:#ddd}.footer-links{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer-links button{border:none;background:transparent;color:#fff;font-size:14px;font-weight:600;cursor:pointer;padding:8px 4px}.footer-links button:hover{color:#e6a23c}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);max-width:1200px;margin:auto;padding:20px 8%;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-bottom p{margin:0;font-size:13px;color:#bbb}@media (max-width: 900px){.footer-container{padding-left:6%;padding-right:6%;gap:35px}.footer-links{gap:15px}.footer-bottom{padding-left:6%;padding-right:6%}}@media (max-width: 650px){.footer{padding-top:45px}.footer-container{flex-direction:column;align-items:center;text-align:center;padding-bottom:35px}.footer-brand{flex-direction:column;gap:12px}.footer-links{justify-content:center;gap:10px 20px}.footer-bottom{flex-direction:column;text-align:center;padding-top:18px;padding-bottom:18px}}@media (max-width: 400px){.footer-brand img{width:60px;height:60px}.footer-brand p{font-size:14px}.footer-links button{font-size:13px}.footer-bottom p{font-size:12px}}