@charset "UTF-8";body{margin:0;font-family:system-ui,sans-serif;background:#f5f5f5;color:#222}.container{width:90%;max-width:1000px;margin:0 auto;padding:2rem 0}.btn{background-color:#2c7a7b;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.btn:hover{background-color:#285e61}.card{background:#fff;padding:1.5rem;border-radius:6px;box-shadow:0 2px 6px #0000001a;margin-bottom:1.5rem}.card h3{margin-top:0}.input{width:100%;padding:.5rem;margin-top:.3rem;border-radius:6px;border:1px solid #ccc}.text-block{margin:2rem 0}.text-block h2{margin-bottom:.5rem}.footer{background:#3e2c23;color:#f5e9dc;padding:3rem 0 1.5rem}.footer .footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer h3,.footer h4{margin-bottom:1rem;color:#fffaf3}.footer p,.footer a{font-size:.9rem;line-height:1.6;color:#f5e9dc;text-decoration:none}.footer a{display:block;margin-bottom:.5rem;transition:color .2s ease}.footer a:hover{color:#c27a3f}.footer svg{margin-right:.5rem;vertical-align:middle;stroke-width:1.5}.footer .footer-info p,.footer .footer-social a{display:flex;align-items:center}.footer .footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:2rem;padding-top:1rem;text-align:center;font-size:.8rem;opacity:.8}@media(width<=1024px){.footer .footer-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(width<=640px){.footer{padding:2rem 0 1rem}.footer .footer-grid{grid-template-columns:1fr;text-align:center}.footer .footer-info p,.footer .footer-social a{justify-content:center}}.header{background:#fffaf3;padding:1rem 0;border-bottom:1px solid #e6d5c3;position:sticky;top:0;z-index:100}.header .container{display:flex;align-items:center;justify-content:space-between}.header .logo{font-size:1.4rem;font-weight:700;text-decoration:none;color:#5a3825}.header .nav{display:flex;align-items:center}.header .nav a{margin-left:1.5rem;text-decoration:none;color:#222;font-weight:500;transition:color .2s ease}.header .nav a:hover{color:#c27a3f}.header .cta{display:flex;align-items:center;gap:.5rem;margin-left:2rem;background:#c27a3f;color:#fff;padding:.6rem 1.2rem;border-radius:6px;text-decoration:none;font-weight:600;transition:background .2s ease}.header .cta:hover{background:#a8642f}.header .cta svg{stroke-width:1.8}.header .menu-toggle{display:none;background:none;border:none;cursor:pointer}@media(width<=1024px){.header .nav{display:none;position:absolute;top:100%;left:0;width:100%;background:#fffaf3;flex-direction:column;align-items:center;padding:2rem 0;border-bottom:1px solid #e6d5c3;box-shadow:0 8px 20px #0000000d}.header .nav a{margin:1rem 0;font-size:1.1rem}.header .nav.active{display:flex}.header .cta{display:none}.header .menu-toggle{display:block}}.mobile-menu{position:fixed;top:0;right:-200%;width:280px;height:100vh;background:#fffaf3;box-shadow:-4px 0 20px #0000001a;padding:2rem;transition:right .3s ease;z-index:200;display:flex;flex-direction:column}.mobile-menu nav{margin-top:3rem;display:flex;flex-direction:column}.mobile-menu nav a{margin-bottom:1.5rem;text-decoration:none;color:#222;font-weight:500;font-size:1.1rem}.mobile-menu nav a:hover{color:#c27a3f}.mobile-menu .close-btn{align-self:flex-end;background:none;border:none;cursor:pointer}.mobile-menu.active{right:0}.about{padding:4rem 2rem}.about .about-grid{display:flex;align-items:center;gap:3rem}.about .about-grid .about-text{flex:1}.about .about-grid .about-text h2{color:#5a3825;font-size:2rem;margin-bottom:1rem}.about .about-grid .about-text p{color:#222;line-height:1.6}.about .about-grid .about-image{flex:1}.about .about-grid .about-image img{width:100%;border-radius:10px}@media(width<=768px){.about .about-grid{flex-direction:column;text-align:center}}.cta-section{padding:4rem 2rem;text-align:center;background:#c27a3f;color:#fff}.cta-section h2{font-size:2rem;margin-bottom:1rem}.cta-section p{font-size:1.1rem;margin-bottom:2rem}.cta-section .cta-btn{background:#fff;color:#c27a3f;padding:.8rem 1.6rem;border-radius:6px;text-decoration:none;font-weight:600;transition:background .2s ease,color .2s ease}.cta-section .cta-btn:hover{background:#fffaf3;color:#a8642f}.hero{display:flex;align-items:center;justify-content:space-between;padding:4rem 2rem;background:#fffaf3}.hero .hero-content{max-width:500px}.hero .hero-content h1{font-size:2.2rem;color:#5a3825;margin-bottom:1rem}.hero .hero-content p{font-size:1.1rem;margin-bottom:2rem;color:#222}.hero .hero-content .hero-cta{background:#c27a3f;color:#fff;padding:.8rem 1.6rem;border-radius:6px;text-decoration:none;font-weight:600;transition:background .2s ease}.hero .hero-content .hero-cta:hover{background:#a8642f}.hero .hero-image{width:100%;overflow:hidden;border-radius:10px}.hero .hero-image img{width:100%;height:auto;display:block}@media(width<=768px){.hero{flex-direction:column-reverse;text-align:center}.hero .hero-image img{max-width:100%;margin-bottom:2rem}}.products{padding:4rem 2rem;text-align:center}.products h2{color:#5a3825;font-size:2rem;margin-bottom:2rem}.products .products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.products .product-card{background:#fffaf3;padding:1.5rem;border-radius:10px;box-shadow:0 4px 12px #0000000d}.products .product-card img{max-width:100%;border-radius:8px;margin-bottom:1rem}.products .product-card h3{color:#5a3825;margin-bottom:.5rem}.products .product-card p{color:#222;font-size:.9rem}.testimonials{padding:4rem 2rem;text-align:center;background:#fffaf3}.testimonials h2{color:#5a3825;font-size:2rem;margin-bottom:2rem}.testimonials .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.testimonials .testimonial-card{background:#fff7ed;padding:1.5rem;border-radius:10px;box-shadow:0 4px 12px #0000000d}.testimonials .testimonial-card p{color:#222;font-style:italic;margin-bottom:1rem}.testimonials .testimonial-card h4{color:#5a3825;font-weight:600}.contact-hero{text-align:center;padding:2rem 1rem}.contact-hero h1{margin-bottom:.5rem}.contact-hero p{opacity:.8;max-width:600px;margin:0 auto}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:2rem 1rem}.contact-infos p{margin-bottom:1rem;line-height:1.6}.contact-infos a{text-decoration:none;transition:opacity .2s ease}.contact-infos a:hover{opacity:.7}.contact .horaires{list-style:none;padding:0;margin-top:1rem}.contact .horaires li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #eee}.contact .horaires li span:last-child{font-weight:500}.contact-form h2{margin-bottom:1rem}.contact-map{padding:2rem 1rem}.contact-map iframe{border-radius:8px;box-shadow:0 4px 12px #0000000d}@media(width<=768px){.contact-container{grid-template-columns:1fr}}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem;padding:2rem 0}.product-card{background:#fffaf3;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:transform .3s ease;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-5px)}.product-card .product-image{width:100%;height:180px;object-fit:cover}.product-card .product-info{padding:1rem;display:flex;flex-direction:column;flex:1}.product-card .product-info h3{font-size:1.2rem;color:#5a3825;margin-bottom:.5rem}.product-card .product-info p{font-size:.9rem;color:#222;margin-bottom:.8rem;flex:1}.product-card .product-info .price{font-weight:600;color:#2c7a7b;margin-top:auto}.hero-our-story{background:linear-gradient(#00000080,#00000080),url(/assets/hero-boulangerie.webp) center/cover no-repeat;color:#fff;text-align:center;padding:6rem 2rem}.hero-our-story h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.hero-our-story p{font-size:1.2rem;max-width:700px;margin:0 auto;line-height:1.6}.container{max-width:1100px;margin:0 auto;padding:4rem 2rem}.story-content{color:#222}.story-content h2{color:#5a3825;margin-top:3rem;margin-bottom:1rem;font-size:1.8rem}.story-content p{line-height:1.8;margin-bottom:1.5rem;font-size:1rem}.story-images{margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.story-images img{width:100%;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 8px 20px #00000014;transition:transform .3s ease}.story-images img:hover{transform:scale(1.03)}@media(max-width:768px){.hero-our-story{padding:4rem 1.5rem}.hero-our-story h1{font-size:2.2rem}.hero-our-story p{font-size:1rem}.container{padding:3rem 1.5rem}}