:root{--color-primary: #078d8d;--color-primary-accessible: #067575;--color-primary-light: #188e8e;--color-dark: #1b1b1b;--color-dark-alt: #1c1c1c;--color-text: #262626;--color-text-light: #b6b6b6;--color-bg-light: #f6f6f6;--color-border: #e4e4e4;--color-white: #ffffff;--font-family: "Raleway", sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--font-size-base: 1rem;--max-width: 960px;--border-accent: 4px solid var(--color-primary);--shadow: 0 2px 8px rgba(0, 0, 0, .1);--radius: 4px;--transition: .3s ease}@font-face{font-family:Raleway;src:url(/fonts/raleway-regular-webfont.woff2) format("woff2"),url(/fonts/raleway-regular-webfont.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--color-dark);font-family:var(--font-family);font-weight:var(--font-weight-light);font-size:var(--font-size-base);line-height:1.6;background:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}ul{list-style:none}a{text-decoration:none;color:inherit;transition:color var(--transition)}a:hover{color:var(--color-primary)}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}.skip-link{position:absolute;top:-100%;left:1rem;background:var(--color-primary);color:var(--color-white);padding:.5rem 1rem;z-index:9999;border-radius:var(--radius)}.skip-link:focus{top:.5rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}header{position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #00000026}.top-bar{background-color:var(--color-dark);border-bottom:var(--border-accent)}.top-bar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-top:.5rem;padding-bottom:.5rem}.info-list{display:flex;gap:1.5rem;flex-wrap:wrap}.info-list li{color:var(--color-text-light);font-size:.875rem;display:flex;align-items:center;gap:.4rem}.info-list a{color:var(--color-text-light);font-size:.875rem}.info-list a:hover{color:var(--color-primary)}.info-list svg{width:16px;height:16px;flex-shrink:0}.lang-list{display:flex;gap:.4rem;align-items:center}.lang-list a{display:block;width:21px;height:13px;background-image:url(/images/icons.png);opacity:1;transition:opacity var(--transition)}.lang-list a:hover,.lang-list a.active{opacity:.7}.lang-list a.flag-hr{background-position:0 0}.lang-list a.flag-de{background-position:-23px 0}.lang-list a.flag-en{background-position:-44px 0}.lang-list a.flag-it{background-position:-66px 0}.nav-bar{background:var(--color-white);border-bottom:1px solid var(--color-border)}.nav-bar .container{display:flex;justify-content:space-between;align-items:center;min-height:80px}.logo h1{font-size:1.5rem;font-weight:var(--font-weight-light);line-height:1.2}.logo h1 a{color:var(--color-dark)}.logo h1 span{display:block}.main-nav{display:none}.main-nav ul{display:flex;gap:1.25rem;align-items:center}.main-nav a{color:var(--color-dark);font-size:.9375rem;transition:color var(--transition);padding:.25rem 0;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--color-primary)}.main-nav a.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary)}.social-links{display:flex;gap:.5rem;align-items:center}.social-links a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-dark);transition:color var(--transition)}.social-links a:hover{color:var(--color-primary)}.social-links svg{width:20px;height:20px}.nav-toggle{display:flex;flex-direction:column;gap:5px;padding:.5rem;cursor:pointer}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-dark);transition:transform var(--transition),opacity var(--transition)}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:none;background:var(--color-white);border-bottom:var(--border-accent);padding:1rem}.mobile-nav.is-open{display:block}.mobile-nav ul{display:flex;flex-direction:column;gap:.25rem}.mobile-nav a{display:block;padding:.75rem 1rem;color:var(--color-dark);font-size:1.0625rem;border-radius:var(--radius);transition:background var(--transition),color var(--transition)}.mobile-nav a:hover,.mobile-nav a.active{background:var(--color-bg-light);color:var(--color-primary)}.hero-slider{position:relative;border-bottom:var(--border-accent);overflow:hidden;width:100%;height:548px}@media (max-width: 959px){.hero-slider{height:auto;aspect-ratio:16 / 9}}.hero-slider .slides{display:flex;transition:transform .6s ease;height:100%}.hero-slider .slide{min-width:100%;height:100%}.hero-slider .slide img{width:100%;height:100%;object-fit:cover}.hero-slider .welcome-text{position:absolute;top:2rem;right:2rem;font-size:clamp(2rem,5vw,4rem);color:var(--color-white);text-shadow:2px 2px 8px rgba(0,0,0,.5);z-index:2;pointer-events:none}.hero-slider .slider-dots{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:2}.hero-slider .slider-dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:background var(--transition);padding:0}.hero-slider .slider-dot.active{background:var(--color-white)}.hero-slider .slider-prev,.hero-slider .slider-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:#0006;color:var(--color-white);border:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:background var(--transition);font-size:1.25rem}.hero-slider .slider-prev:hover,.hero-slider .slider-next:hover{background:#000000b3}.hero-slider .slider-prev{left:1rem}.hero-slider .slider-next{right:1rem}.reservation-box{background:var(--color-white);box-shadow:var(--shadow);margin:-1.5rem auto 0;position:relative;z-index:3;max-width:var(--max-width);padding:1.25rem;border-radius:var(--radius)}.reservation-box>p{font-size:1.125rem;margin-bottom:.75rem}.reservation-form{display:grid;grid-template-columns:1fr;gap:.75rem}.reservation-form input,.reservation-form select{border:1px solid var(--color-primary);font-size:.9375rem;height:40px;padding:0 .75rem;border-radius:var(--radius);width:100%;background:var(--color-white)}.reservation-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23078d8d' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.reservation-form label{font-size:.8125rem;color:var(--color-text-light);display:block;margin-bottom:.25rem}.reservation-form .form-group{display:flex;flex-direction:column}.btn-primary{background-color:var(--color-primary);color:var(--color-white);font-size:1rem;font-weight:var(--font-weight-normal);padding:.625rem 2rem;border:none;border-radius:var(--radius);cursor:pointer;transition:background-color var(--transition);text-align:center;display:inline-block;letter-spacing:.05em}.btn-primary:hover{background-color:var(--color-primary-accessible)}.form-success{color:var(--color-primary);font-weight:var(--font-weight-normal);padding:.5rem 0}.honeypot{display:none!important}.text-block{color:var(--color-text);padding:2rem 0}.text-block p{margin-bottom:.75rem;text-indent:1.5rem}.ap-showcase{border-top:3px solid var(--color-primary);border-bottom:3px solid var(--color-primary);margin:4rem 0 2rem;position:relative;overflow:hidden;min-height:300px}.ap-showcase .slides-wrapper{display:flex;transition:transform .5s ease}.ap-showcase .ap-slide{min-width:100%;display:grid;grid-template-columns:1fr;gap:0}.ap-showcase .ap-slide-image{overflow:hidden}.ap-showcase .ap-slide-image img{width:100%;height:300px;object-fit:cover;display:block}.ap-showcase .ap-info{display:flex;flex-direction:column}.ap-showcase .ap-title{background-color:var(--color-bg-light);padding:1.25rem}.ap-showcase .ap-title h2{font-size:1.5rem;font-weight:var(--font-weight-light)}.ap-showcase .ap-text{padding:.75rem 1.25rem 0}.ap-showcase .ap-text p{font-size:1.125rem;line-height:1.5}.ap-showcase .amenities{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;padding:1.5rem 1.25rem;margin-top:auto}.ap-showcase .amenities li{display:flex;align-items:center;gap:.5rem;font-size:.9375rem}.ap-showcase .amenities svg{width:20px;height:20px;color:var(--color-primary);flex-shrink:0}.ap-next{position:absolute;right:.75rem;top:1rem;width:50px;height:50px;background:none;color:#b6b6b6;border:none;cursor:pointer;font-size:3rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:right var(--transition);z-index:2}.ap-next:hover{right:.5rem}.promo-section{padding:3rem 0}.promo-grid{display:grid;grid-template-columns:1fr;gap:2rem}.promo-box{text-align:center;opacity:0;transform:translateY(2rem);transition:opacity .6s ease,transform .6s ease}.promo-box.visible{opacity:1;transform:translateY(0)}.promo-box img{border:1px solid var(--color-primary);border-radius:var(--radius);width:100%;aspect-ratio:4 / 3;object-fit:cover}.promo-box h2{font-size:1.125rem;text-transform:uppercase;padding:1rem 0 .75rem;font-weight:var(--font-weight-normal)}.promo-box p{font-size:.9375rem;color:var(--color-text);line-height:1.5}.site-footer{background-color:var(--color-dark-alt);border-top:var(--border-accent);padding:2rem 0;color:var(--color-text-light)}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem}.footer-contact .info-list{flex-direction:column;gap:.75rem}.footer-contact .info-list svg{color:var(--color-text-light)}.footer-copy{text-align:center}.footer-copy p,.footer-copy a{font-size:.75rem;color:var(--color-text-light)}.footer-logo{text-align:center}.footer-logo img{max-width:150px;margin:0 auto;opacity:.7}.page-banner{background-color:var(--color-primary-light);height:115px;margin-top:1.25rem;margin-bottom:1.5rem}.page-banner .container{display:flex;align-items:stretch;gap:0;height:100%;padding:0 1rem}.page-banner .banner-img{width:170px;height:115px;background-repeat:no-repeat;background-position:center;flex-shrink:0}.page-banner.banner-smjestaj .banner-img{background-image:url(/images/csmjestaj.png)}.page-banner.banner-arta .banner-img{background-image:url(/images/carta.png)}.page-banner.banner-kako .banner-img{background-image:url(/images/ckako.png)}.page-banner.banner-kontakt .banner-img{background-image:url(/images/ckontakt.png)}.page-banner.banner-lopar .banner-img{background-image:url(/images/carta.png)}.page-banner h1{color:var(--color-white);font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-weight-light);align-self:center;padding-left:1rem;margin:0}@media (max-width: 600px){.page-banner{height:90px}.page-banner .banner-img{width:100px;height:90px;background-size:contain}}.sub-nav{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:.5rem}.sub-nav ul{display:flex;flex-wrap:wrap;gap:0;align-items:center;justify-content:flex-start}.sub-nav li{display:flex;align-items:center}.sub-nav li:not(:last-child):after{content:"*";margin:0 .85rem;color:var(--color-text-light);font-size:1.25rem}.sub-nav a{font-size:1.25rem;font-weight:var(--font-weight-light);color:var(--color-dark);padding:.25rem 0;transition:color var(--transition);white-space:nowrap}.sub-nav a:hover,.sub-nav a.active{color:var(--color-primary-light)}@media (min-width: 768px){.sub-nav a{font-size:1.4rem}.sub-nav li:not(:last-child):after{margin:0 1.1rem}}.apartment-detail{border-top:var(--border-accent);margin-bottom:4rem;overflow:hidden;scroll-margin-top:180px}.apartment-gallery,.apartment-gallery .mini-slider{position:relative;overflow:hidden}.apartment-gallery .slides{display:flex;transition:transform .5s ease}.apartment-gallery .slide{min-width:100%}.apartment-gallery img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.apartment-gallery .slider-prev,.apartment-gallery .slider-next{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:#0006;color:var(--color-white);border:none;width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.apartment-gallery .slider-prev:hover,.apartment-gallery .slider-next:hover{background:#000000b3}.apartment-gallery .slider-prev{left:1rem}.apartment-gallery .slider-next{right:1rem}.apartment-info{display:flex;flex-direction:column}.apartment-info h2{background-color:var(--color-bg-light);font-size:1.5rem;font-weight:var(--font-weight-normal);padding:1rem 1.25rem;color:var(--color-dark);margin:0}.basic-info-list{padding:1rem 1.25rem .5rem;display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;list-style:none}.basic-info-list li{display:contents;font-size:1.0625rem}.basic-info-list li:before{content:attr(data-label);color:var(--color-dark)}.basic-info-list li span{color:var(--color-primary-light);font-weight:var(--font-weight-normal);text-align:right}.amenity-grid{display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.25rem 1.5rem;margin:0;list-style:none}.amenity-grid li{display:flex;align-items:center;gap:.85rem;font-size:1rem}.amenity-grid svg{width:26px;height:26px;color:var(--color-primary);flex-shrink:0}.add-info-section{background-color:var(--color-bg-light);padding:1.25rem 2rem;display:grid;grid-template-columns:1fr;gap:1rem 2rem;margin:0;list-style:none;border-top:1px solid var(--color-border)}@media (min-width: 600px){.add-info-section{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.add-info-section{grid-template-columns:1fr 1fr 1fr}}.add-info-section li{display:flex;align-items:center;gap:.75rem;font-size:1rem}.add-info-section svg{width:22px;height:22px;color:var(--color-primary);flex-shrink:0}.book-now-circle{position:absolute;bottom:1rem;left:1rem;width:90px;height:90px;border-radius:50%;background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;text-align:center;font-size:.75rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;z-index:5;text-decoration:none;transition:transform var(--transition);line-height:1.2;box-shadow:0 2px 8px #0000004d}.book-now-circle:hover{transform:scale(1.05);color:var(--color-white)}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem}.image-grid a{overflow:hidden;display:block}.image-grid img{width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:opacity var(--transition)}.image-grid a:hover img{opacity:.7}.links-box{background-color:var(--color-bg-light);padding:1rem;margin-bottom:2rem}.links-box h3{font-size:1.25rem;border-bottom:1px solid var(--color-border);margin-bottom:.75rem;padding-bottom:.5rem}.links-list{display:grid;grid-template-columns:1fr;gap:.5rem}.links-list a{color:var(--color-text)}.links-list a:hover{color:var(--color-primary-light)}.map-container{width:100%;aspect-ratio:16 / 9;background:var(--color-bg-light);display:flex;align-items:center;justify-content:center;border-radius:var(--radius);overflow:hidden;margin-bottom:2rem}.map-container iframe{width:100%;height:100%;border:0}.map-placeholder{text-align:center;padding:2rem}.map-placeholder p{margin-bottom:1rem;color:var(--color-text-light)}.weather-widget{background-color:var(--color-primary-light);color:var(--color-white);padding:1.25rem;border-radius:var(--radius);text-align:center;min-width:140px}.weather-widget .temp{font-size:2.5rem;font-weight:var(--font-weight-bold)}.weather-widget .location{font-size:.875rem;opacity:.8}.contact-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}.contact-form-wrapper{background:var(--color-white);box-shadow:var(--shadow);padding:1.5rem;border-radius:var(--radius)}.contact-form .form-group{margin-bottom:.75rem}.contact-form label{display:block;font-size:.8125rem;color:var(--color-text-light);margin-bottom:.25rem}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--color-primary);padding:.5rem .75rem;border-radius:var(--radius);font-size:.9375rem}.contact-form textarea{height:120px;resize:vertical}.contact-info-card{background:var(--color-white);box-shadow:var(--shadow);padding:1.5rem;border-radius:var(--radius);text-align:center}.contact-info-card h2{color:var(--color-primary-light);font-size:1.5rem;border-bottom:1px solid var(--color-primary);padding-bottom:.5rem;margin-bottom:1rem}.contact-info-card .info-list{flex-direction:column;gap:.75rem;justify-content:center}.contact-info-card .info-list li{color:var(--color-primary-light);font-size:1.0625rem}.contact-info-card .info-list a{color:var(--color-primary-light)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-dark);color:var(--color-text-light);padding:1rem;z-index:9999;display:none}.cookie-banner.show{display:block}.cookie-banner .container{display:flex;flex-direction:column;gap:1rem;align-items:center}.cookie-banner p{font-size:.875rem;text-align:center}.cookie-banner .cookie-actions{display:flex;gap:.75rem}.cookie-banner .btn-accept{background:var(--color-primary);color:var(--color-white);padding:.5rem 1.5rem;border:none;border-radius:var(--radius);cursor:pointer;font-size:.875rem}.cookie-banner .btn-decline{background:transparent;color:var(--color-text-light);padding:.5rem 1.5rem;border:1px solid var(--color-text-light);border-radius:var(--radius);cursor:pointer;font-size:.875rem}.lightbox{border:none;padding:0;background:#000000e6;max-width:95vw;max-height:95vh;width:auto;height:auto}.lightbox::backdrop{background:#000000e6}.lightbox img{max-width:90vw;max-height:85vh;object-fit:contain}.lightbox .close-btn{position:absolute;top:.5rem;right:.5rem;background:#fff3;color:var(--color-white);border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}@media (min-width: 600px){.top-bar .container{flex-wrap:nowrap}.reservation-form,.promo-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.image-grid{grid-template-columns:repeat(4,1fr)}.links-list{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr 1fr}.ap-showcase .ap-slide{grid-template-columns:42% 1fr}.ap-showcase .ap-slide-image img{height:100%;min-height:320px}}@media (min-width: 960px){.nav-toggle{display:none}.main-nav{display:block}.reservation-form{grid-template-columns:repeat(4,1fr) auto;align-items:end}.promo-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 2fr 1fr;align-items:start}.footer-copy{margin-top:5rem}.apartment-detail{display:grid;grid-template-columns:1fr}.apartment-detail .apartment-gallery,.apartment-detail .apartment-info{grid-column:1 / -1}}@media (min-width: 768px){.apartment-detail{display:grid;grid-template-columns:660px 1fr;grid-template-rows:auto auto;gap:0}.apartment-detail .apartment-gallery{grid-column:1;grid-row:1}.apartment-detail .apartment-info{grid-column:2;grid-row:1}.apartment-detail .add-info-section{grid-column:1 / -1;grid-row:2}}@media (min-width: 960px){.links-list{grid-template-columns:repeat(3,1fr)}.cookie-banner .container{flex-direction:row;justify-content:space-between}.cookie-banner p{text-align:left}}@media (prefers-reduced-motion: no-preference){.promo-box{transition:opacity .6s ease,transform .6s ease}}@media (prefers-reduced-motion: reduce){.promo-box{opacity:1;transform:none;transition:none}.hero-slider .slides{transition:none}}