:root{font-family:Arial,Helvetica,sans-serif;color:#41202d;background:#fff8ee}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #d02a65;outline-offset:6px}header,main,footer{width:min(100%,1500px);margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:35px 6%}.logo{font-size:43px;font-weight:900;letter-spacing:-3px;line-height:1;display:flex;flex-direction:column;color:#ff4480}.logo span{font-size:9px;letter-spacing:2px;margin-top:7px}.contact{font-size:13px;border:1px solid #e7cbd4;padding:13px 20px;border-radius:50px}main{display:grid;grid-template-columns:1fr 1fr;align-items:center;flex:1;padding:35px 6% 65px;gap:35px}.eyebrow{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:2px;font-weight:700}.eyebrow i{width:7px;height:7px;background:#ff4480;border-radius:50%}h1{font-size:clamp(58px,6.7vw,104px);letter-spacing:-.065em;line-height:1.04;margin:25px 0}em{font-style:normal;color:#ff4480}.copy p{font-size:16px;line-height:1.8;color:#88616f}.button{display:inline-flex;gap:25px;align-items:center;border-radius:50px;padding:18px 23px;color:#fff8ee;background:#41202d;font-size:13px;margin-top:15px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.art{height:540px;position:relative;isolation:isolate}.halo{position:absolute;width:95%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe9f1,#ffc7d9);top:9%;left:0;z-index:-1}.art img{position:absolute;width:34%;height:auto;filter:drop-shadow(10px 20px 12px #41202d26);animation:float 7s ease-in-out infinite}.blue{left:15%;top:1%;rotate:-14deg}.pink{left:47%;top:18%;rotate:13deg;animation-delay:-3s!important}.spark{position:absolute;right:0;top:0;font-size:75px;color:#ff4480}.sticker{position:absolute;left:0;bottom:8%;background:#dff49e;padding:21px 25px;border-radius:50%;rotate:-12deg;text-align:center;font-size:13px;line-height:1.5}.sticker b{font-size:19px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 6%;border-top:1px solid #ead9df;font-size:10px;color:#88616f;line-height:1.8}footer strong{display:block;font-weight:500}footer div>span{display:block;font-size:9px}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:700px){header{padding:25px 6%}.logo{font-size:35px}.logo span{font-size:7px}.contact{font-size:11px;padding:11px 15px}main{grid-template-columns:1fr;gap:25px;padding-top:25px;padding-bottom:35px}.copy{text-align:center}.eyebrow{justify-content:center;font-size:9px}h1{font-size:clamp(55px,13.5vw,78px);margin:20px 0}.copy p{font-size:14px}.button{font-size:12px;padding:16px 20px}.art{width:330px;max-width:100%;height:365px;margin:0 auto}.halo{top:8%;width:95%}.art img{width:34%}.spark{font-size:50px}.sticker{padding:14px 18px;font-size:10px;bottom:3%}.sticker b{font-size:15px}footer{flex-direction:column;align-items:flex-start;gap:12px}}@media(prefers-reduced-motion:reduce){.art img{animation:none}.button{transition:none}}

/* Vektorove ikone se izrisejo enotno, brez sistemskih emojijev. */
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.16em;flex-shrink:0;overflow:visible;pointer-events:none}
.button>.ui-icon,.contact>.ui-icon,.footer-column>a>.ui-icon{width:18px;height:18px}
.contact{display:inline-flex;align-items:center;gap:10px}
.spark .ui-icon{width:1em;height:1em;stroke-width:1.15}
.footer-location>.ui-icon{width:14px;height:14px;margin-right:5px}
.menu-toggle .ui-icon{width:25px;height:25px}
.dialog-close .ui-icon{width:22px;height:22px}
.card-top .ui-icon{width:18px;height:18px}
.button .ui-icon{width:18px;height:18px}

/* Instagram kontakt */
.instagram-contact{display:inline-flex;align-items:center;gap:10px;color:inherit;font-size:13px;line-height:1.5;min-height:44px}
.instagram-contact .ui-icon{width:21px;height:21px;flex-shrink:0}
.instagram-contact:hover{color:#e72f73}
.instagram-contact:focus-visible{outline:3px solid #e72f73;outline-offset:5px}

.copy>.instagram-contact{display:flex;width:max-content;max-width:100%;margin-top:16px;color:#9a3a60}.copy>.instagram-contact:hover{color:#e72f73}@media(max-width:700px){.copy>.instagram-contact{margin-left:auto;margin-right:auto;font-size:12px}}