/* Non-critical styles - loaded asynchronously */
.mobile-menu{display:none;background:white;padding:16px;border-top:1px solid #eee;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.mobile-menu a{display:block;padding:12px 8px;text-decoration:none;color:#333;font-weight:500;border-radius:6px;transition:background 0.2s}
.mobile-menu a:hover{background:var(--bg-light)}
@keyframes pulse{0%,100%{box-shadow:0 0 20px rgba(239,71,111,0.4)}50%{box-shadow:0 0 30px rgba(239,71,111,0.7)}}
.order-now-btn{animation:pulse 2s infinite}
.order-now-btn:hover{background:var(--pink-dark);transform:translateY(-2px);box-shadow:0 4px 25px rgba(239,71,111,0.6)}
.cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.25)}
.hero-image img:hover{transform:scale(1.02)}
.products-section{padding:60px 0}
.section-title{text-align:center;font-size:32px;font-family:Georgia,serif;color:var(--title);margin-bottom:8px}
.section-desc{text-align:center;color:#666;margin-bottom:40px}
.collections-grid{display:grid;grid-template-columns:1fr;gap:24px}
.collection-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s;cursor:pointer}
.collection-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.15)}
.card-image{aspect-ratio:4/3;overflow:hidden;background:#f5f5f5}
.card-image img,.card-image picture{width:100%;height:100%;object-fit:cover;transition:transform 0.4s;display:block}
.card-image picture img{width:100%;height:100%;object-fit:cover}
.collection-card:hover .card-image img,.collection-card:hover .card-image picture{transform:scale(1.05)}
.collection-card h3{padding:16px 16px 8px;font-size:20px;color:var(--title);font-family:Georgia,serif}
.collection-card p{padding:0 16px 16px;color:#666;font-size:14px}
.instagram-section{padding:80px 0;background:linear-gradient(135deg, #ffeef6 0%, #fff0f8 50%, #fef7fb 100%);position:relative;overflow:hidden}
.instagram-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(239,71,111,0.3), transparent)}
.instagram-content{display:grid;grid-template-columns:1fr;gap:48px;align-items:center;margin-top:48px}
.instagram-embed{display:flex;justify-content:center;align-items:center;width:100%}
.instagram-api-container{width:100%;max-width:540px;display:flex;justify-content:center}
.instagram-media{background:white!important;border:2px solid rgba(255,154,158,0.2)!important;border-radius:16px!important;box-shadow:0 8px 32px rgba(255,154,158,0.2)!important;margin:0!important;transition:all 0.3s ease!important}
.instagram-media:hover{transform:translateY(-4px)!important;box-shadow:0 12px 48px rgba(255,154,158,0.3)!important}
.instagram-cta{text-align:center;padding:32px;background:white;border-radius:24px;box-shadow:0 8px 32px rgba(239,71,111,0.1);border:1px solid rgba(239,71,111,0.1)}
.instagram-cta h3{font-size:24px;color:var(--title);margin-bottom:12px;font-family:Georgia,serif}
.instagram-cta p{color:#666;margin-bottom:24px;line-height:1.7}
.instagram-follow-btn{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%);color:white;padding:16px 32px;border-radius:50px;text-decoration:none;font-weight:700;font-size:16px;transition:all 0.3s ease;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(255,154,158,0.4);text-shadow:0 2px 4px rgba(0,0,0,0.5)}
.instagram-follow-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);opacity:0;transition:opacity 0.3s ease;border-radius:50px}
.instagram-follow-btn:hover::before{opacity:1}
.instagram-follow-btn:hover{transform:translateY(-3px);box-shadow:0 12px 48px rgba(255,154,158,0.6),0 0 40px rgba(255,107,157,0.3);text-decoration:none}
.instagram-follow-btn svg,.instagram-follow-btn span{position:relative;z-index:10;color:white!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.5))}
.instagram-follow-btn{animation:glow 3s ease-in-out infinite}
@keyframes glow{0%,100%{box-shadow:0 8px 32px rgba(255,154,158,0.4),0 0 20px rgba(255,154,158,0.2)}50%{box-shadow:0 8px 32px rgba(255,154,158,0.6),0 0 40px rgba(255,154,158,0.4),0 0 60px rgba(255,154,158,0.2)}}
.contact{padding:60px 0;text-align:center;background:var(--bg-light);border-radius:16px;margin:40px auto}
.contact h2{font-size:28px;color:var(--title);margin-bottom:12px;font-family:Georgia,serif}
.contact p{margin-bottom:20px;color:#666}
.whatsapp-btn{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:white;padding:12px 24px;border-radius:50px;text-decoration:none;font-weight:600;transition:background 0.2s,transform 0.2s;box-shadow:0 4px 12px rgba(37,211,102,0.3)}
.whatsapp-btn:hover{background:#22bf5c;transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,211,102,0.4)}
.site-footer{background:var(--title);color:white;padding:24px 0;text-align:center;margin-top:60px}
.site-footer small{opacity:0.8}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:16px}
.modal[aria-hidden="false"]{display:flex}
.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.85);backdrop-filter:blur(4px)}
.modal-content{position:relative;background:white;border-radius:16px;max-width:1000px;width:100%;max-height:90vh;overflow:auto;padding:24px;z-index:1;box-shadow:0 20px 60px rgba(0,0,0,0.3)}
.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:0;background:rgba(0,0,0,0.1);border-radius:50%;font-size:24px;cursor:pointer;transition:background 0.2s;z-index:2;color:#333}
.modal-close:hover{background:rgba(0,0,0,0.2)}
.modal-title{font-size:24px;font-family:Georgia,serif;color:var(--title);margin-bottom:20px;padding-right:40px}
.modal-images{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.modal-images img,.modal-images picture{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform 0.2s;display:block}
.modal-images img:hover,.modal-images picture:hover{transform:scale(1.02)}
.modal-images picture img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.floating-whatsapp{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 4px 20px rgba(37,211,102,0.4);z-index:999;transition:all 0.3s;animation:float 3s ease-in-out infinite}
.floating-whatsapp:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(37,211,102,0.6)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.instagram-placeholder{background:white;border-radius:16px;padding:40px 20px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.1);border:2px solid rgba(255,154,158,0.2);min-height:300px;display:flex;align-items:center;justify-content:center}
.placeholder-content .instagram-username{margin:16px 0 8px;color:#333;font-size:18px;font-weight:600}
.placeholder-content p{color:#666;margin-bottom:20px}
.load-instagram-btn{background:#E1306C;color:white;border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:background 0.3s}
.load-instagram-btn:hover{background:#C13584}
.loading-state{padding:40px;text-align:center;color:#666;font-size:16px}
.instagram-preview{background:white;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,0.1);border:2px solid rgba(255,154,158,0.2);overflow:hidden;max-width:540px;margin:0 auto}
.instagram-preview-link{display:block;text-decoration:none;color:inherit;transition:transform 0.2s}
.instagram-preview-link:hover{transform:translateY(-2px)}
.instagram-preview-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid #eee}
.instagram-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);margin-right:12px}
.instagram-info .instagram-username{margin:0;font-size:14px;font-weight:600;color:#333}
.instagram-info p{margin:0;font-size:12px;color:#666}
.instagram-logo{margin-left:auto}
.instagram-preview-content{padding:16px}
.instagram-preview-image{width:100%;height:200px;background:linear-gradient(135deg,#ffeef6 0%,#fff0f8 50%,#fef7fb 100%);border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}
.instagram-preview-image::before{content:'📸 Fresh baking photos'}
.instagram-preview-text p{margin:4px 0;color:#333;font-size:14px}
.instagram-preview-footer{padding:12px 16px;background:#f9f9f9;text-align:center;color:#666;font-size:14px;font-weight:500}
@media(min-width:768px){
.mobile-menu{display:none!important}
.collections-grid{grid-template-columns:repeat(3,1fr);gap:32px}
.instagram-content{grid-template-columns:1fr 1fr;gap:64px}
.instagram-api-container{max-width:540px}
.instagram-cta{text-align:left}
.modal-images{grid-template-columns:repeat(3,1fr);gap:16px}
.section-title{font-size:40px}
.floating-whatsapp{display:none}
}
@media(min-width:1024px){
.modal-content{padding:32px}
.modal-title{font-size:28px}
}