@font-face{font-family:Roboto;src:url('assets/Roboto-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Roboto;src:url('assets/Roboto-Bold.ttf') format('truetype');font-weight:700;font-display:swap}*{box-sizing:border-box}body{margin:0;color:#080808;background:#fff;font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:1.4}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #bc854d;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}body>header,body>main,body>footer{max-width:1280px;margin-inline:auto}.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}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:#fff;color:#000;padding:12px}.skip-link:focus{top:12px}.button{display:inline-block;background:#000;color:#fff;border:0;border-radius:12px;padding:13px 18px;text-decoration:none;font-size:16px;line-height:1.4}.button:hover{background:#333}.site-header{height:148px;display:flex;align-items:center;justify-content:space-between;padding:0 80px 0 112px;gap:28px}.brand{display:block;flex:none}.brand img{width:80px;height:66px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:26px}.site-header nav>a{text-underline-offset:3px;white-space:nowrap}.menu-toggle{display:none}footer{background:#000;color:#919191;text-align:center;padding:40px 20px 94px;min-height:377px}footer h2{font-size:24px;color:#f5f5f5;margin:0 0 8px}footer p{font-size:16px;line-height:1.5;margin:0 0 24px}footer a{text-decoration:none}footer .email{text-decoration:underline;text-underline-offset:3px}.socials{display:flex;gap:20px;justify-content:center;margin-top:52px}.socials span{display:block;width:24px;height:24px}.socials svg{width:100%;height:100%}.home{background:#080808}.home-header{height:190px;display:grid;place-items:center}.home-header img{width:380px;height:140px;object-fit:contain}.home-hero{position:relative;height:970px;background:url('assets/naslovnica.webp') center top/cover no-repeat}.home-links{position:absolute;left:8.1%;top:49.6%;display:flex;flex-direction:column;gap:56px;z-index:1}.home-links a{display:grid;place-items:center;width:400px;min-height:90px;padding:18px;background:#ddd0c3b3;border-radius:12px;text-decoration:none;font-size:34px}.home-links a:hover{background:#eee0d3de}.portrait-link{position:absolute;right:0;top:0;width:51%;height:100%}.home-book{height:200px;text-align:center;padding-top:38px}.home-book button{background:#505050;color:white;border:0;border-radius:12px;padding:13px 22px;font-size:34px;line-height:1.2}.home-book button:hover{background:#666}.service-row{background:#000;padding:60px 48px}.service-row:nth-of-type(even){background:#202020}.service-row.row-0{padding-top:120px}.service-grid{display:flex;justify-content:center;align-items:flex-start;gap:32px}.service-card{background:white;color:black;border-radius:16px;overflow:hidden;flex:1;min-width:0;max-width:362px}.service-card>img{width:100%;aspect-ratio:1.5;object-fit:cover;height:auto}.card-body{padding:24px}.card-body h2{font-size:24px;line-height:1.24;font-weight:700;margin-bottom:12px}.card-body p{color:#555;font-size:18px;line-height:1.4;margin-bottom:26px}.detail-link{border:0;background:none;padding:4px 0;font-size:16px;font-weight:700;text-align:left}.detail-link:hover{text-decoration:underline;text-underline-offset:4px}.cosmetics footer{border-top:1px solid #777}.sound-hero{width:100%;height:680px;object-fit:cover;object-position:center}.sound-grid{padding:98px 64px 142px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.sound-grid .service-card{max-width:none;border-radius:0}.sound-grid .service-card>img{aspect-ratio:2/3;border-radius:30px}.sound-grid .service-card:last-child>img{aspect-ratio:0.76}.sound-grid .card-body{padding:30px 0 0}.sound-grid h2{font-size:36px;line-height:1.2;margin-bottom:32px}.sound-grid p{font-size:18px;line-height:1.45;margin-bottom:30px}.about{display:grid;grid-template-columns:500px minmax(0,1fr);gap:48px;padding:102px 64px 120px}.about>img{width:500px;height:750px;object-fit:cover;border-radius:32px}.about-text{padding-top:56px}.about h1{font-size:38px;line-height:1.2;margin-bottom:80px;letter-spacing:-.7px}.about p{font-size:22px;line-height:1.32;color:#777;margin-bottom:32px}.about strong{color:#080808;font-weight:700}dialog{border:0;border-radius:20px;padding:0;width:min(760px,calc(100% - 32px));max-height:88dvh;box-shadow:0 25px 100px #0005;color:#161616}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-inner{padding:52px 44px 40px}.dialog-inner h2{font-size:28px;line-height:1.2;margin:0 36px 30px 0}.dialog-inner h3{font-size:19px;margin:26px 0 10px}.dialog-inner p{font-size:17px;line-height:1.65;margin:0 0 16px}.dialog-inner>.button{margin-top:20px}.close-dialog{position:sticky;display:block;float:right;top:12px;margin:12px 12px -56px 0;width:40px;height:40px;border-radius:50%;border:1px solid #ddd;background:white;font-size:28px;line-height:1;z-index:1}.booking .button{display:block;text-align:center;margin:14px 0}.booking .email{display:block;text-align:center;margin:24px 0}.modal-open{overflow:hidden}
@media(min-width:769px) and (max-width:1150px){.site-header{padding:0 40px}.site-header nav{gap:18px}.service-row{padding-inline:36px}.service-grid{gap:24px}.card-body{padding:20px}.card-body h2{font-size:21px}.card-body p{font-size:16px}.about{grid-template-columns:43% 1fr;padding-inline:40px;gap:36px}.about>img{height:auto;aspect-ratio:2/3}.about h1{font-size:32px;margin-bottom:50px}.about p{font-size:19px}.about-text{padding-top:30px}.home-hero{height:76vw}.home-links a{width:32vw;font-size:28px}.sound-grid h2{font-size:28px}}
@media(max-width:768px){.site-header{height:auto;min-height:108px;padding:22px 24px;flex-wrap:wrap;gap:18px}.brand img{width:62px;height:52px}.menu-toggle{display:flex;align-items:center;gap:14px;border:1px solid #ddd;border-radius:8px;background:#fff;padding:10px 14px}.site-header nav{display:none;flex-basis:100%;align-items:stretch;flex-direction:column;gap:4px;padding:8px 0}.site-header nav.open{display:flex}.site-header nav>a{padding:12px 4px}.site-header nav .button{margin-top:8px;text-align:center}footer{min-height:377px;padding:52px 20px 94px}footer h2{font-size:24px}footer p{font-size:14px;line-height:1.5}.socials{margin-top:56px}.home-header{height:190px}.home-header img{width:250px;height:110px}.home-hero{height:870px;background-size:auto 970px;background-position:left top}.home-links{left:0;top:308px;width:100%;align-items:center;gap:98px}.home-links a{width:200px;min-height:90px;font-size:16px;border-radius:12px}.portrait-link{display:none}.home-book{height:230px;padding-top:66px}.home-book button{font-size:16px;width:200px;min-height:67px;padding:14px 8px}.service-row,.service-row.row-0{padding:40px 24px}.service-grid{display:grid;grid-template-columns:1fr;gap:30px;max-width:440px;margin:auto}.service-card{max-width:none;width:100%;border-radius:16px}.card-body{padding:24px}.card-body h2{font-size:23px}.card-body p{font-size:17px;margin-bottom:24px}.detail-link{min-height:44px}.sound-hero{height:340px;object-position:48% center}.sound-grid{grid-template-columns:1fr;padding:48px 24px 64px;gap:52px;max-width:490px;margin:auto}.sound-grid .service-card>img{aspect-ratio:3/4;border-radius:24px}.sound-grid .service-card:last-child>img{aspect-ratio:1}.sound-grid .card-body{padding-top:24px}.sound-grid h2{font-size:30px;margin-bottom:20px}.sound-grid p{font-size:17px;margin-bottom:22px}.about{grid-template-columns:1fr;padding:32px 24px 64px;gap:36px;max-width:600px}.about>img{width:100%;height:auto;aspect-ratio:2/3;border-radius:24px}.about-text{padding:0}.about h1{font-size:32px;margin-bottom:32px}.about p{font-size:19px;line-height:1.5;margin-bottom:24px}.dialog-inner{padding:54px 24px 28px}.dialog-inner h2{font-size:24px}.dialog-inner p{font-size:16px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,color .15s}dialog[open]{animation:appear .15s ease-out}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
/* Full-width backgrounds; content retains the reference's readable measure. */
body>footer{max-width:none;width:100%}
.home>main,.cosmetics>main,.sound>main{max-width:none;width:100%}
.service-grid{max-width:1184px;margin-inline:auto}
.sound-grid{max-width:1280px;margin-inline:auto}
@media(max-width:768px){.service-grid{max-width:440px}.sound-grid{max-width:490px}}
/* V2 reference: six service groups, alternating relaxation cards, mobile portrait. */
.cosmetics .service-row{background:#000}
.cosmetics .service-row+.service-row{border-top:1px solid #333}
.cosmetics footer{border-top:0}
.detail-link{font-weight:400}
.home-book{height:112px}
.home footer{min-height:350px;padding-bottom:68px}
.sound>main{background:#000}
.sound-grid{padding:60px 64px;gap:32px;align-items:start}
.sound-grid .service-card{border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.sound-grid .service-card>img,.sound-grid .service-card:last-child>img{aspect-ratio:2/3;width:100%;height:auto;border-radius:0}
.sound-grid .card-body{padding:24px}
.sound-grid h2{font-size:36px;line-height:1.2;margin-bottom:12px}
.sound-grid p{font-size:18px;line-height:1.45;margin-bottom:28px}
.sound footer{border-top:1px solid #777}
.dialog-inner h4{font-size:18px;margin:24px 0 10px}
.dialog-inner .treatment-heading{border-top:1px solid #ddd;padding-top:26px;margin-top:36px;font-size:23px}
@media(max-width:768px){.home-hero{background-position:78% top;background-size:auto 870px}.home-book{height:164px;padding-top:66px}.home footer{padding-top:40px}.sound-grid{padding:40px 24px;gap:32px}.sound-grid h2{font-size:30px}.sound-grid p{font-size:17px}.sound-grid .service-card>img,.sound-grid .service-card:last-child>img{aspect-ratio:2/3}}
.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:32px auto 0;font-size:14px}.legal-links a{text-decoration:underline;text-underline-offset:4px}.legal-content{padding:52px 40px 80px;max-width:900px;line-height:1.7}.legal-content h1{font-size:38px;line-height:1.2;margin-bottom:28px}.legal-content h2{font-size:24px;margin:34px 0 12px}.legal-content p{margin-bottom:18px}.legal-content a{overflow-wrap:anywhere;text-underline-offset:3px}.legal-draft{padding:20px;background:#fff5e8;border-left:4px solid #af7a37}.legal-data dt{font-weight:bold;margin-top:16px}.legal-data dd{margin:4px 0}.legal-date{font-size:14px;color:#666;margin-top:40px}.cookie-notice{position:fixed;z-index:5;bottom:20px;left:20px;right:20px;max-width:760px;margin-inline:auto;display:flex;align-items:center;gap:24px;background:#fff;color:#171717;border:1px solid #ddd;border-radius:16px;padding:20px 24px;box-shadow:0 8px 40px #0004}.cookie-notice p{font-size:14px;margin-top:5px;line-height:1.5}.cookie-notice .button{flex:none;font-size:14px}.cookie-notice[hidden]{display:none}@media(max-width:768px){.legal-content{padding:32px 24px 56px}.legal-content h1{font-size:30px}.cookie-notice{left:12px;right:12px;bottom:12px;padding:16px;gap:12px}.cookie-notice strong{font-size:15px}.cookie-notice p{font-size:13px}}
footer .company-line{font-size:13px;line-height:1.5;margin:30px 0 0;color:#aaa}.company-line+.legal-links{margin-top:14px}
