:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{font-family:inherit}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;background:#fef7f7}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #ffb6c133;position:sticky;top:0;z-index:1000;padding:.75rem 0}.header-content{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:1rem}.logo-section{display:flex;align-items:center;gap:1rem}.header-logo{height:50px;width:50px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,182,193,.3);box-shadow:0 2px 8px #ffb6c133}.logo-circle{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ffb6c1,pink,#ffb6c1);background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.2) 0%,transparent 50%);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 15px #ffb6c166,inset 0 1px #ffffff80;border:2px solid rgba(255,255,255,.9)}.logo-q{font-size:2rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.15);position:relative;z-index:2;font-family:Arial,Helvetica,sans-serif;letter-spacing:-1px}.logo-icon{position:absolute;top:-8px;right:-8px;font-size:1.1rem;background:#fff;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003,0 1px 3px #00000026;z-index:3;border:1px solid rgba(255,182,193,.3)}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#ff69b4,#ff1493);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.nav{display:flex;gap:2rem}.nav a{text-decoration:none;color:#333;font-weight:500;transition:color .3s;position:relative}.nav a:hover{color:#ff69b4}.nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#ff69b4,#ff1493);transition:width .3s}.nav a:hover:after{width:100%}.hero{min-height:85vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:4rem 2rem;position:relative;overflow:hidden}.hero-background{position:absolute;inset:0;background-image:url(/foto/slika1.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.hero-background:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff69b4d9,#ff1493bf)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#ffb6c126,#ff69b433);z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;display:flex;flex-direction:column;align-items:center}.hero-logo{height:100px;width:100px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #ffb6c166;margin-bottom:1.5rem;animation:fadeInUp .6s ease-out}.hero h2{font-size:3.5rem;margin-bottom:1rem;text-shadow:2px 4px 8px rgba(0,0,0,.3);animation:fadeInUp .8s ease-out;font-weight:700}.hero p{font-size:1.5rem;margin-bottom:2rem;opacity:.95;animation:fadeInUp 1s ease-out;text-shadow:1px 2px 4px rgba(0,0,0,.2)}.hero-quote{font-family:Dancing Script,Great Vibes,Brush Script MT,cursive;font-size:3rem;font-weight:500;line-height:1.5;text-align:center;color:#fff;text-shadow:2px 3px 8px rgba(0,0,0,.5);margin-bottom:2rem;letter-spacing:1px;min-height:108px}.word-hidden{opacity:0;display:inline-block}.word-visible{opacity:1;display:inline-block;animation:fadeInWord .3s ease-in}@keyframes fadeInWord{0%{opacity:0}to{opacity:1}}.cursor{animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1.2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn{padding:1rem 2rem;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s;display:inline-block;border:2px solid transparent;font-size:1rem}.btn-primary{background:#fff;color:#ff69b4;box-shadow:0 4px 15px #ffffff4d}.btn-primary:hover,.btn-primary:focus{transform:translateY(-3px);box-shadow:0 10px 25px #ffffff80;background:gold;color:#333}.btn-location{background:#fff;color:#333}.btn-location:hover,.btn-location:focus{background:#22c55e;color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #22c55e66}.btn-secondary{background:#fff;color:#ff69b4;box-shadow:0 4px 15px #ffffff4d}.btn-secondary:hover,.btn-secondary:focus{background:#20b2aa;color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #20b2aa66}.btn-tertiary{background:#fff3;color:#fff;border:2px solid white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-tertiary:hover{background:#fff;color:#ff69b4;transform:translateY(-3px);box-shadow:0 10px 25px #ffffff4d}.social-section{padding:2rem 0;background:linear-gradient(135deg,#fff5f5,#ffeef0,#fff5f5);text-align:center}.social-buttons{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:nowrap}.social-btn{display:flex;flex-direction:column;align-items:center;gap:0;padding:.75rem 1.5rem;background:#fff;border-radius:20px;text-decoration:none;color:#ff69b4;font-weight:600;font-size:1.1rem;box-shadow:0 4px 15px #ffb6c14d;transition:all .3s ease;min-width:180px;height:auto}.social-btn:hover,.social-btn:focus{transform:translateY(-5px);box-shadow:0 10px 30px #ffb6c180;padding:1.5rem 2rem;gap:.75rem;width:auto;height:auto;min-width:180px}.social-icon{width:2.5rem;height:2.5rem;object-fit:contain;display:block;transition:all .3s ease}.social-text{font-size:1rem;color:#333;max-height:0;opacity:0;overflow:hidden;transition:all .3s ease}.social-btn:hover .social-text,.social-btn:focus .social-text{max-height:50px;opacity:1}.social-instagram:hover,.social-instagram:focus{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.social-instagram:hover .social-text,.social-instagram:focus .social-text{color:#fff}.social-instagram:hover .social-icon,.social-instagram:focus .social-icon{filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.social-facebook:hover,.social-facebook:focus{background:#1877f2;color:#fff}.social-facebook:hover .social-text,.social-facebook:focus .social-text{color:#fff}.social-facebook:hover .social-icon,.social-facebook:focus .social-icon{filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.social-tiktok:hover,.social-tiktok:focus{background:#000;color:#fff}.social-tiktok:hover .social-text,.social-tiktok:focus .social-text{color:#fff}.social-tiktok:hover .social-icon,.social-tiktok:focus .social-icon{filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.menu-section{background:#fff;padding:5rem 0;position:relative}.menu-section:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,rgba(255,182,193,.1) 0%,transparent 100%)}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333;position:relative;display:inline-block;width:100%;font-weight:700}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#ff69b4,#ff1493);border-radius:2px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.2rem;margin-top:3rem}.menu-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #ffb6c11f;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;border:1px solid rgba(255,182,193,.15);cursor:pointer}.menu-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #ff69b433}.menu-item-image{width:100%;height:140px;overflow:hidden;position:relative}.menu-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.menu-item:hover .menu-item-image img{transform:scale(1.08)}.menu-item-content{padding:.9rem;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.menu-item-content h3{font-size:1rem;margin-bottom:.5rem;color:#333;font-weight:600;line-height:1.3;text-align:center}.menu-item-footer{display:flex;justify-content:center;align-items:center;margin-top:.5rem}.price{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#ff69b4,#ff1493);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.location-section{background:linear-gradient(135deg,#fff5f8,#ffeef5);padding:5rem 0;position:relative}.location-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.location-info h3{font-size:2rem;margin-bottom:1rem;color:#333;font-weight:600}.location-info p{font-size:1.2rem;color:#666;margin-bottom:.5rem}.address{font-weight:600;color:#ff69b4!important;margin-bottom:2rem!important}.location-buttons{display:flex;gap:1rem;flex-wrap:wrap}.map-container{height:400px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #ffb6c133;border:2px solid rgba(255,182,193,.3)}.map-container iframe{width:100%;height:100%}.contact-section{background:#fff;padding:5rem 0}.contact-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;text-align:center}.contact-item{padding:2rem;border-radius:15px;background:linear-gradient(135deg,#fff5f8,#ffeef5);transition:transform .3s;border:1px solid rgba(255,182,193,.2)}.contact-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #ffb6c133}.contact-item h3{font-size:1.5rem;margin-bottom:1rem;color:#333;font-weight:600}.contact-item p{font-size:1.1rem;color:#666}.footer{background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;text-align:center;padding:2rem 0}.footer p{font-weight:500}.popup-overlay{position:fixed;inset:0;background:#0009;z-index:3000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-content{position:relative;max-width:500px;width:100%;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s;overflow:hidden}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-close{position:absolute;top:1rem;right:1rem;background:#ffb6c133;border:none;width:40px;height:40px;border-radius:50%;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;transition:all .3s;z-index:10;line-height:1}.popup-close:hover{background:#ff69b4;color:#fff;transform:rotate(90deg)}.popup-header{background:linear-gradient(135deg,#ff69b4,#ff1493);padding:2rem 2rem 1.5rem;text-align:center}.popup-header h2{font-size:2rem;color:#fff;margin:0;font-weight:700;text-shadow:1px 2px 4px rgba(0,0,0,.2)}.popup-body{padding:2rem}.popup-ingredients{margin-bottom:1.5rem}.popup-ingredients h3{font-size:1.3rem;margin-bottom:1rem;color:#ff69b4;font-weight:600}.popup-ingredients p{font-size:1.1rem;color:#666;line-height:1.8}.popup-price{text-align:center;padding-top:1.5rem;border-top:2px solid #f0f0f0}.popup-price span{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#ff69b4,#ff1493);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.hero h2{font-size:2.5rem}.hero p{font-size:1.2rem}.nav{gap:1rem;font-size:.9rem}.location-content{grid-template-columns:1fr}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.header-content{flex-direction:column;align-items:flex-start}.logo-circle{width:50px;height:50px}.logo-q{font-size:2rem}.social-buttons{gap:1rem;flex-wrap:nowrap}.social-btn{min-width:auto;width:auto;flex:1;max-width:120px}}@media(max-width:480px){.hero h2,.section-title{font-size:2rem}.btn{padding:.75rem 1.5rem;font-size:.9rem}.logo{font-size:1.5rem}.social-buttons{gap:.5rem}.social-btn{padding:.5rem 1rem;min-width:auto;flex:1;max-width:100px}.social-icon{width:2rem;height:2rem}}