.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}
:root{color-scheme:light;--paper:#fbf8f2;--ink:#211b1a;--muted:#655c58;--rose:#f2b9d3;--rose-light:#f8d9e8;--rose-deep:#d779a4;--line:rgba(47,34,38,.34);--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans","Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}
.site-header{min-height:66px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.wordmark{font-family:var(--serif);font-size:25px;white-space:nowrap}.wordmark span{color:var(--rose-deep);font-style:italic}.main-nav,.header-actions{display:flex;align-items:center;gap:clamp(16px,2.3vw,34px)}.main-nav a{font-size:12px;transition:color .2s}.main-nav a:hover,.text-link:hover{color:var(--rose-deep)}.header-actions{gap:20px}.language-switch{display:flex;gap:2px}.language-switch button{border:0;background:transparent;color:var(--muted);padding:7px 5px;cursor:pointer;font-size:10px}.language-switch button.active{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--rose-deep);text-underline-offset:4px}.button{min-height:45px;padding:0 21px;border:1px solid var(--ink);border-radius:99px;background:var(--rose-light);color:var(--ink);display:inline-flex;justify-content:center;align-items:center;gap:18px;font-size:12px;transition:background .2s,transform .2s;cursor:pointer}.button:hover{background:var(--rose);transform:translateY(-2px)}.button-small{min-height:36px;padding:0 17px}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:min(620px,70vw);border-bottom:1px solid var(--line)}.hero-photo{min-height:470px;position:relative;overflow:hidden;background:#e5d9d8}.hero-photo img{object-position:50% 46%;transition:transform 1s}.photo-note{position:absolute;left:22px;bottom:20px;padding:9px 13px;background:rgba(251,248,242,.88);border-radius:99px;font-size:10px}.hero-copy{min-height:470px;padding:clamp(48px,8vw,120px) 12% 72px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden}.eyebrow{font-size:9px;letter-spacing:.12em;font-weight:600}.hero-copy .eyebrow{color:var(--muted)}h1,h2,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400}.hero h1{margin:22px 0 20px;font-size:clamp(49px,6vw,84px);line-height:.99}.pink-period{color:var(--rose-deep)}.hero-copy>p{max-width:350px;margin:0 0 28px;color:var(--muted);font-size:13px;line-height:1.8}.hero-stamp{position:absolute;right:9%;bottom:10%;width:94px;height:94px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(10deg);border:1px solid var(--rose-deep);border-radius:50%;color:var(--rose-deep);font-family:var(--serif)}.hero-stamp span{font-size:10px}.hero-stamp strong{font-weight:400;font-style:italic;font-size:18px}.hero-stamp i{position:absolute;top:-7px;right:7px;font-style:normal;font-size:21px}
.booking-ribbon{overflow:hidden;background:var(--rose-light);border-bottom:1px solid var(--line);height:39px;display:flex;align-items:center}.ribbon-track{flex:0 0 auto;min-width:100%;display:flex;align-items:center;justify-content:space-around;gap:34px;white-space:nowrap;animation:marquee 24s linear infinite}.ribbon-track span{font-family:var(--serif);font-size:12px}.ribbon-track b{color:var(--rose-deep);font-size:14px}@keyframes marquee{to{transform:translateX(-25%)}}
.section-pad{padding:110px 8%}.welcome{min-height:490px;display:grid;grid-template-columns:1fr minmax(250px,1.1fr) 1fr;gap:clamp(25px,5vw,76px);align-items:center;position:relative;overflow:hidden}.welcome-image{position:relative;height:255px}.welcome-image-left{transform:rotate(-4deg)}.welcome-image-right{transform:rotate(4deg);margin-top:65px}.welcome-image img{box-shadow:10px 12px 0 var(--rose-light)}.image-caption{position:absolute;bottom:-25px;left:3px;color:var(--muted);font-family:var(--serif);font-size:12px;font-style:italic}.welcome-copy{text-align:center;z-index:1}.welcome-copy h2,.services-heading h2,.gallery-heading h2,.story-copy h2,.contact h2{font-size:clamp(37px,4.4vw,60px);line-height:1.04;margin:16px 0 18px}.welcome-copy h2 em,.services-heading h2 em,.gallery-heading h2 em,.story-copy h2 em,.contact h2 em{font-weight:400}.welcome-copy p{color:var(--muted);font-size:12px;line-height:1.9}.text-link{display:inline-flex;align-items:center;gap:14px;margin-top:5px;font-size:12px;border-bottom:1px solid var(--rose-deep);padding-bottom:5px}.welcome-sparkle{color:var(--rose-deep);position:absolute;top:13%;right:30%;font-size:26px}
.services{padding:74px 8% 86px;background:var(--rose-light);border-block:1px solid var(--line)}.services-heading{margin:0 auto 29px;max-width:1080px}.services-heading h2{margin-bottom:0}.service-list{max-width:1080px;margin:0 auto;border-top:1px solid var(--line)}.service-item{border-bottom:1px solid var(--line)}.service-item summary{display:grid;grid-template-columns:58px 1fr 30px;align-items:center;min-height:77px;cursor:pointer;list-style:none}.service-item summary::-webkit-details-marker{display:none}.service-number{color:var(--muted);font-size:10px}.service-name{font-family:var(--serif);font-size:clamp(27px,3.5vw,44px);line-height:1.15}.service-plus{font-size:24px;font-weight:300;text-align:center;transition:transform .2s}.service-item[open] .service-plus{transform:rotate(45deg)}.service-detail{padding:0 60px 22px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted);font-size:12px}.service-detail p{max-width:500px;margin:0;line-height:1.7}.service-detail a{color:var(--ink);white-space:nowrap;border-bottom:1px solid var(--rose-deep);padding-bottom:3px}
.gallery{padding-top:100px;padding-bottom:100px}.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:33px}.gallery-heading h2{margin-bottom:0}.gallery-mark{color:var(--rose-deep);font-family:var(--serif);font-size:56px;font-style:italic;line-height:1}.gallery-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr 1.15fr;gap:14px;align-items:start}.gallery-item{margin:0;min-width:0}.gallery-item img{aspect-ratio:.78;object-fit:cover;background:#eadcdd}.gallery-item:nth-child(even){margin-top:46px}.gallery-item:nth-child(2) img,.gallery-item:nth-child(4) img{aspect-ratio:.82}.gallery-item figcaption{margin-top:10px;color:var(--muted);font-family:var(--serif);font-size:12px;font-style:italic}
.about-story{min-height:470px;display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}.story-photo{min-height:390px;background:#e9e0df}.story-copy{padding:75px clamp(34px,9vw,120px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.story-copy h2{margin-top:18px}.story-copy p{max-width:390px;color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:23px}.button-outline{background:transparent}
.contact{display:grid;grid-template-columns:1fr .8fr;gap:12%;align-items:center}.contact-intro p{max-width:330px;color:var(--muted);line-height:1.7}.contact-card{padding:28px 32px;background:var(--rose-light);border:1px solid var(--line)}.contact-row{display:grid;grid-template-columns:minmax(92px,.7fr) 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.contact-row:first-child{padding-top:0}.contact-row:last-child{padding-bottom:0;border-bottom:0}.contact-label{color:var(--muted)}.contact-value{font-family:var(--serif);font-size:16px}
.site-footer{padding:25px 5.2%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;border-top:1px solid var(--line)}.site-footer p,.site-footer small{color:var(--muted);font-size:10px;margin:0}.back-top{justify-self:center;font-size:11px}
.site-footer .footer-credit,.site-footer .footer-credit a{color:var(--rose-deep);font-weight:700}
.wordmark{font-family:"Unbounded",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}
.wordmark span{font-style:normal}
.hero-copy .eyebrow,.hero-copy h1,.hero-copy>p,.site-header .wordmark,.site-header .language-switch button{text-shadow:none}
@media(min-width:1500px){.hero{min-height:650px}}@media(max-width:900px){.site-header{padding-inline:4%;gap:14px}.main-nav{gap:15px}.header-actions{gap:10px}.hero-copy{padding-inline:9%}.hero-stamp{width:78px;height:78px;right:6%}.welcome{padding-inline:6%;gap:24px}.welcome-image{height:210px}.section-pad{padding-inline:6%}}
@media(max-width:680px){body{font-size:13px}.site-header{min-height:60px;padding-inline:20px}.wordmark{font-size:23px}.menu-toggle{width:40px;height:40px;display:grid;align-content:center;gap:5px;padding:8px;border:0;background:transparent;cursor:pointer}.menu-toggle span{width:22px;height:1px;background:var(--ink)}.main-nav{display:none;position:absolute;top:59px;left:0;right:0;padding:19px 22px 23px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:18px}.main-nav.is-open{display:flex}.header-actions{margin-left:auto;gap:9px}.language-switch{gap:0}.language-switch button{padding-inline:4px;font-size:9px}.button-small{min-height:34px;padding-inline:12px;font-size:10px}.hero{grid-template-columns:1fr}.hero-photo{min-height:380px;height:105vw;max-height:540px}.hero-copy{min-height:360px;padding:54px 9% 70px}.hero h1{font-size:clamp(52px,14vw,76px)}.hero-stamp{bottom:8%}.section-pad{padding:75px 7%}.welcome{grid-template-columns:1fr 1fr;gap:30px 20px;padding-top:76px;padding-bottom:83px}.welcome-copy{grid-column:1/-1;grid-row:1;max-width:420px;justify-self:center}.welcome-image{height:190px}.welcome-image-right{margin-top:14px}.welcome-sparkle{top:4%;right:14%}.services{padding:65px 7% 70px}.service-item summary{min-height:68px;grid-template-columns:37px 1fr 25px}.service-name{font-size:clamp(26px,7.4vw,36px)}.service-detail{padding:0 0 19px 37px;align-items:flex-start;flex-direction:column;gap:12px}.gallery-heading{align-items:center}.gallery-mark{font-size:42px}.gallery-grid{grid-template-columns:1fr 1fr;gap:24px 12px}.gallery-item:nth-child(even){margin-top:0}.gallery-item:nth-child(2),.gallery-item:nth-child(4){margin-top:34px}.gallery-item img,.gallery-item:nth-child(2) img,.gallery-item:nth-child(4) img{aspect-ratio:.82}.about-story{grid-template-columns:1fr}.story-photo{min-height:340px;height:90vw;max-height:480px}.story-copy{padding:60px 8% 68px}.contact{grid-template-columns:1fr;gap:30px}.contact h2{font-size:46px}.site-footer{padding:23px 7%;grid-template-columns:1fr auto;gap:13px}.site-footer p{grid-column:1;grid-row:2}.back-top{justify-self:end;grid-column:2;grid-row:1}.site-footer small{grid-column:2;grid-row:2;justify-self:end}}
@media(max-width:680px){.service-price{align-self:flex-start}}
.service-price{padding:8px 11px;background:#bd5c88;color:#fff;font-size:11px;font-weight:600;white-space:nowrap;border-radius:4px}.contact-map{height:240px;margin-top:22px;overflow:hidden;border:1px solid var(--line)}.contact-map iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:680px){.contact-map{height:210px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.hero-photo img{height:calc(100% - 20px);margin-top:20px}
.gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-item:nth-child(even){margin-top:30px}}
@media(max-width:680px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item:nth-child(even){margin-top:0}.gallery-item:nth-child(5){grid-column:1/-1;width:72%;justify-self:center}}
.welcome{display:grid;grid-template-columns:minmax(0,720px);justify-content:center;min-height:460px;padding:100px 24px;background-image:url("IMG_5525.webp");background-size:cover;background-position:center 48%;position:relative;isolation:isolate}
.welcome::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,249,252,.9),rgba(255,246,250,.82),rgba(255,249,252,.9))}
.welcome-copy{max-width:680px;margin:auto;padding:24px;text-shadow:0 1px 0 rgba(255,255,255,.75)}
@media(max-width:680px){.welcome{grid-template-columns:minmax(0,1fr);min-height:420px;padding:72px 24px;background-position:54% center}.welcome-copy{padding:18px 8px}}
.welcome{background-image:url("pozadina.webp");background-position:center 52%;isolation:auto}
.welcome::before{content:none}
.welcome-copy{text-shadow:0 0 3px #fff,0 0 10px rgba(255,248,252,.98),0 0 22px rgba(255,248,252,.92)}
.welcome-copy p{font-size:13px;font-weight:600;color:#211b1a;text-shadow:0 0 3px #fff,0 0 8px #fff,0 0 18px rgba(255,255,255,.98),0 0 30px rgba(255,245,250,.88)}
.site-header{position:absolute;top:0;right:0;left:0;z-index:20;background:transparent;border-bottom:0}
.hero{padding-top:0;background:var(--paper)}
.hero-copy{background-image:url("pozadina.webp");background-size:cover;background-position:center;}
.hero-copy .eyebrow,.hero-copy h1,.hero-copy>p{ text-shadow:0 0 4px rgba(255,255,255,.96),0 0 16px rgba(255,248,252,.95),0 0 28px rgba(255,248,252,.8)}
.hero-photo img{transform-origin:center 55%;animation:hero-image-enter 1.3s cubic-bezier(.2,.7,.2,1) both}
@keyframes hero-image-enter{from{opacity:0;transform:scale(1.08) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}
html.js .welcome-copy{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
html.js .welcome.is-visible .welcome-copy{opacity:1;transform:translateY(0)}
@media(max-width:680px){.hero{padding-top:0}.site-header{min-height:60px}.hero-copy{background-position:62% center}}
@media(prefers-reduced-motion:reduce){.hero-photo img,html.js .welcome-copy{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}
.site-header .wordmark{color:var(--paper);text-shadow:0 1px 8px rgba(0,0,0,.7)}
.site-header .language-switch button{color:var(--paper);text-shadow:0 1px 6px rgba(0,0,0,.75)}
.site-header .language-switch button.active{text-decoration-color:var(--rose)}
.hero{display:block;position:relative;isolation:isolate;height:clamp(620px,76vh,780px);min-height:620px;padding:0;overflow:hidden;background:#262127}
.hero-photo{position:absolute;inset:0;z-index:-1;min-height:0;background:#262127}
.hero-photo img{width:100%;height:100%;margin:0;object-fit:cover;object-position:center 48%;filter:brightness(.62)}
.hero-copy{width:min(660px,58%);height:100%;min-height:0;padding:100px 8% 64px;justify-content:center;background:none;color:#fff}
.hero-copy .eyebrow,.hero-copy h1,.hero-copy>p{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.75),0 0 20px rgba(0,0,0,.4)}
.hero-copy .hero-stamp{color:var(--rose-light);border-color:var(--rose-light)}
@media(max-width:680px){.hero{height:720px;min-height:620px}.hero-photo{height:auto;max-height:none}.hero-photo img{object-position:55% center}.hero-copy{width:100%;padding:100px 8% 72px}.hero-copy>p{max-width:310px}.hero-stamp{right:8%;bottom:7%}}
.price-list{display:grid;gap:11px;padding:4px 24px 24px 58px}.price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;font-size:12px}.price-name{color:var(--muted);line-height:1.5}.price-amount{min-width:98px;padding:8px 10px;background:#bd5c88;border-radius:4px;color:#fff;font-size:11px;font-weight:600;text-align:center;white-space:nowrap}
@media(max-width:680px){.price-list{gap:10px;padding:4px 0 22px 37px}.price-row{gap:10px;font-size:11px}.price-amount{min-width:84px;padding:7px 8px;font-size:10px}}
.hero{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;text-align:center}
.hero-photo img{filter:brightness(.48);object-position:center 52%}
.hero-copy{grid-column:1;width:min(760px,88%);height:auto;min-height:0;margin:auto;padding:150px 24px 90px;align-items:center;text-align:center;background:none;color:#fff}
.hero-copy .eyebrow,.hero-copy h1,.hero-copy>p{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.85),0 0 24px rgba(0,0,0,.65)}
.hero-copy>p{max-width:560px}
.hero h1{font-size:clamp(54px,8vw,92px)}
.contact{background:none;border-block:1px solid var(--line)}
.contact::before{content:none}
.contact-intro .eyebrow,.contact-intro h2{color:var(--ink);text-shadow:none}
.contact-intro p{color:var(--muted);text-shadow:none}
.contact-card{background:var(--rose-light);border-color:var(--line);color:var(--ink);backdrop-filter:none}
.contact-card .contact-label{color:var(--muted)}
.contact-card .contact-value{color:var(--ink)}
.contact-card .contact-row{border-color:var(--line)}
.contact-card .contact-map{border-color:var(--line)}
@media(min-width:681px){.contact{column-gap:4%}}
.contact-card .contact-value{font-weight:600}
@media(max-width:680px){.hero-copy{width:100%;padding:130px 8% 90px}.hero-copy>p{max-width:340px}.hero h1{font-size:clamp(46px,12vw,64px)}}
.hero .hero-copy .eyebrow,.hero .hero-copy h1,.hero .hero-copy>p,.site-header .wordmark,.site-header .language-switch button{text-shadow:none!important}
@media(min-width:681px){.contact{column-gap:1%}}
.contact-card .contact-value{font-weight:400}
.services{background:#f0efed;border-block:1px solid #b5b0ad}
.services-heading,.service-list{max-width:760px}
.services-hint{margin:10px 0 0;color:var(--muted);font-size:12px}
.service-list{border-top:0}
.service-item{margin:36px auto 42px;border:0}
.service-item summary{position:relative;display:flex;justify-content:center;min-height:24px;list-style:none}
.service-item summary::before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid #77716e}
.service-number{display:none}
.service-name{position:relative;z-index:1;padding:0 18px;background:#f0efed;font-family:var(--serif);font-size:14px;font-weight:500;line-height:1.3;text-align:center;text-transform:uppercase}
.service-plus{position:absolute;right:12px;z-index:2;padding-left:8px;background:#f0efed;font-size:18px}
.price-list{gap:0;margin-top:0;padding:20px 28px;border:1px solid #77716e;background:#faf9f7}
.price-row{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:9px 8px;border-bottom:1px solid rgba(80,72,68,.16);font-family:var(--serif);font-size:15px}
.price-row:last-child{border-bottom:0}
.price-name{color:var(--ink);line-height:1.45}
.price-amount{min-width:88px;padding:0;background:transparent;border-radius:0;color:var(--ink);font-family:var(--serif);font-size:15px;font-weight:400;text-align:right}
@media(max-width:680px){.service-item{margin:28px auto 34px}.service-name{padding-inline:12px;font-size:12px}.service-plus{right:4px;font-size:16px}.price-list{padding:16px 12px}.price-row{gap:10px;padding:9px 2px;font-size:12px}.price-amount{min-width:74px;font-size:12px}}
.services-heading h2{color:var(--rose-deep)}

/* Galerija - editorial image cards (LUME inspiracija) */
.gallery.section-pad{padding-top:90px;padding-bottom:100px}
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.gallery-grid .gallery-item{
  position:relative;
  grid-column:span 2;
  margin:0;
  min-width:0;
  overflow:hidden;
  border-radius:18px;
  isolation:isolate;
  background:#e9dfdd;
  aspect-ratio:1.48;
}
.gallery-grid .gallery-item:nth-child(4),
.gallery-grid .gallery-item:nth-child(5){grid-column:span 3}
.gallery-grid .gallery-item:nth-child(even),
.gallery-grid .gallery-item:nth-child(2),
.gallery-grid .gallery-item:nth-child(4),
.gallery-grid .gallery-item:nth-child(5){margin-top:0;width:auto;justify-self:stretch}
.gallery-grid .gallery-item img,
.gallery-grid .gallery-item:nth-child(2) img,
.gallery-grid .gallery-item:nth-child(4) img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  border-radius:0;
  aspect-ratio:auto;
  object-fit:cover;
  transition:transform .5s ease;
}
.gallery-grid .gallery-item::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(180deg,transparent 44%,rgba(14,12,12,.64) 100%);
  pointer-events:none;
}
.gallery-grid .gallery-item figcaption{
  position:absolute;
  z-index:1;
  inset:auto 15px 14px;
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:12px;
  margin:0;
  color:#fff;
  font-family:var(--sans,Arial,sans-serif);
  font-style:normal;
  font-size:clamp(12px,1vw,15px);
  font-weight:400;
  line-height:1.35;
  text-shadow:0 1px 7px rgba(0,0,0,.24);
}
.gallery-grid .gallery-arrow{
  flex:none;
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  font-size:21px;
  line-height:1;
  color:#fff;
}
@media(hover:hover){
  .gallery-grid .gallery-item:hover img{transform:scale(1.055)}
}
@media(max-width:900px){
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  .gallery-grid .gallery-item,
  .gallery-grid .gallery-item:nth-child(4),
  .gallery-grid .gallery-item:nth-child(5){grid-column:auto;aspect-ratio:1.2}
  .gallery-grid .gallery-item:nth-child(5){grid-column:1/-1;aspect-ratio:2.25}
}
@media(max-width:680px){
  .gallery.section-pad{padding-top:65px;padding-bottom:75px}
  .gallery-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .gallery-grid .gallery-item,
  .gallery-grid .gallery-item:nth-child(4),
  .gallery-grid .gallery-item:nth-child(5){
    grid-column:1/-1;
    width:100%;
    margin:0;
    aspect-ratio:1.56;
    border-radius:17px;
  }
  .gallery-grid .gallery-item figcaption{inset:auto 15px 14px;font-size:14px}
}

/* Cenovnik ostaje centriran ispod naslova; nazivi pocinju levo na liniji. */
.services-heading{text-align:center}
.service-list{margin-left:auto;margin-right:auto}
.service-item summary{justify-content:flex-start}
.service-item .service-name{text-align:left;padding-left:0;padding-right:18px}
@media(max-width:680px){.service-item .service-name{padding-left:0;padding-right:12px}}


/* Dekorativni providni SALON G tekst u pozadini cenovnika */
.services{
  position:relative;
  overflow:hidden;
}
.services::after{
  content:"SALON G";
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  font-family:var(--serif);
  font-size:clamp(100px, 17vw, 240px);
  line-height:.78;
  letter-spacing:.08em;
  color:rgba(226, 144, 176, 0.18);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
  z-index:0;
}
.services > *{
  position:relative;
  z-index:1;
}
@media(max-width:680px){
  .services::after{
    bottom:10px;
    font-size:clamp(56px, 21vw, 110px);
    letter-spacing:.06em;
    color:rgba(226, 144, 176, 0.16);
  }
}


/* Kontakt + footer u LUME / editorial pink stilu */
.contact{
  position:relative;
  grid-template-columns:minmax(280px,.78fr) minmax(320px,1fr);
  gap:5.5%;
  padding-top:95px;
  padding-bottom:55px;
  background:#ef5b93;
  border-top:1px solid rgba(255,255,255,.22);
  border-bottom:0;
  overflow:hidden;
  isolation:isolate;
}
.contact::after{
  content:"SALON G";
  position:absolute;
  left:2.5%;
  bottom:-16px;
  z-index:0;
  font-family:var(--serif);
  font-size:clamp(92px, 16vw, 235px);
  line-height:.8;
  letter-spacing:.04em;
  color:rgba(255, 206, 223, .22);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}
.contact > *{position:relative; z-index:1}
.contact-intro .eyebrow,
.contact-intro h2,
.contact-intro p,
.contact .contact-label,
.contact .contact-value,
.contact .contact-value:hover,
.contact .contact-value:visited{
  color:#fff;
}
.contact-intro .eyebrow{
  opacity:.82;
}
.contact-intro p,
.contact .contact-label,
.site-footer p,
.site-footer small,
.site-footer .footer-credit,
.site-footer .footer-credit a,
.site-footer .back-top{
  color:rgba(255,255,255,.82);
}
.contact-intro h2{
  max-width:420px;
  margin-bottom:18px;
}
.contact-intro p{
  max-width:360px;
  font-size:12px;
  line-height:1.9;
}
.contact-card{
  padding:14px 0 0;
  background:transparent;
  border:0;
  color:#fff;
}
.contact-row{
  grid-template-columns:minmax(88px,.62fr) 1fr;
  gap:18px;
  padding:13px 0;
  border-bottom:1px solid rgba(255,255,255,.26);
}
.contact-label{
  font-size:10px;
  text-transform:none;
  opacity:.88;
}
.contact-value{
  font-family:var(--sans);
  font-size:12px;
  line-height:1.55;
  font-weight:500;
}
.contact-map{
  margin-top:18px;
  height:188px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:0;
  overflow:hidden;
  box-shadow:none;
}
.contact-map iframe{
  filter:grayscale(.03) saturate(.92) brightness(.98);
}
.site-footer{
  position:relative;
  padding:20px 5.2% 26px;
  background:#ef5b93;
  border-top:1px solid rgba(255,255,255,.22);
  color:#fff;
  grid-template-columns:1fr auto auto;
  align-items:start;
}
.site-footer p,
.site-footer small{
  font-size:10px;
  letter-spacing:.02em;
}
.site-footer .back-top{
  font-size:10px;
  text-transform:none;
}
.site-footer .footer-credit a{
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
@media(min-width:681px){
  .contact-card{max-width:520px; justify-self:end; width:100%;}
}
@media(max-width:900px){
  .contact{grid-template-columns:1fr;gap:28px;padding-top:80px;padding-bottom:46px}
  .contact-card{max-width:none}
}
@media(max-width:680px){
  .contact{
    padding:72px 7% 42px;
    gap:24px;
  }
  .contact::after{
    left:4%;
    bottom:6px;
    font-size:clamp(56px, 24vw, 102px);
    color:rgba(255, 206, 223, .20);
  }
  .contact h2{font-size:42px}
  .contact-intro p{max-width:100%}
  .contact-row{grid-template-columns:1fr;gap:6px;padding:11px 0}
  .contact-value{font-size:13px}
  .contact-map{height:170px;margin-top:16px}
  .site-footer{
    padding:16px 7% 22px;
    grid-template-columns:1fr;
    gap:10px;
  }
  .site-footer p,.site-footer small,.site-footer .back-top{grid-column:auto!important;grid-row:auto!important;justify-self:start}
}


/* Kontrastniji kontakt: čitljivija tipografija i bele linije */
.contact .contact-card .contact-row{
  border-bottom:1px solid rgba(255,255,255,.88);
  padding-top:18px;
  padding-bottom:18px;
}
.contact .contact-card .contact-row:first-child{padding-top:12px}
.contact .contact-card .contact-label{
  color:#fff;
  opacity:1;
  font-family:var(--sans);
  font-size:13px;
  font-weight:500;
  line-height:1.5;
}
.contact .contact-card .contact-value,
.contact .contact-card .contact-value:visited{
  color:#fff;
  font-family:var(--sans);
  font-size:16px;
  font-weight:600;
  line-height:1.5;
  text-shadow:0 1px 1px rgba(100,0,44,.12);
}
.contact .contact-map{border:1px solid rgba(255,255,255,.9)}
@media(max-width:680px){
  .contact .contact-card .contact-row{padding-top:15px;padding-bottom:15px}
  .contact .contact-card .contact-label{font-size:13px}
  .contact .contact-card .contact-value{font-size:15px}
}

/* Elegantna, čitljiva tipografija u pink kontakt sekciji */
.contact .contact-card .contact-label,
.contact .contact-card .contact-value,
.contact .contact-card .contact-value:visited,
.contact-intro p,
.contact-intro .eyebrow,
.site-footer,
.site-footer a{
  font-family:"Jost", "DM Sans", sans-serif;
}
.contact .contact-card .contact-label{font-size:14px;font-weight:400;letter-spacing:.015em}
.contact .contact-card .contact-value,
.contact .contact-card .contact-value:visited{font-size:17px;font-weight:500;letter-spacing:.005em}
.contact .contact-card .contact-row{border-bottom:1px solid #fff}
.contact .contact-intro h2{font-family:var(--serif)}
.contact-intro p{font-size:14px;font-weight:400}
.site-footer p,.site-footer small,.site-footer .back-top{font-size:12px;font-weight:400}
@media(max-width:680px){
  .contact .contact-card .contact-label{font-size:13px}
  .contact .contact-card .contact-value,
  .contact .contact-card .contact-value:visited{font-size:16px}
}


/* Brendovi koje koristimo */
.brands{
  background:var(--paper);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding-top:88px;
  padding-bottom:88px;
}
.brands-heading{
  max-width:720px;
  margin:0 auto 34px;
  text-align:center;
}
.brands-heading h2{
  margin:14px 0 14px;
  font-size:clamp(36px,4.2vw,58px);
  line-height:1.04;
}
.brands-heading h2 em{font-weight:400}
.brands-text{
  max-width:560px;
  margin:0 auto;
  color:var(--muted);
  line-height:1.8;
  font-size:13px;
}
.brands-grid{
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.brand-card{
  min-height:140px;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f3f1ee;
  border:1px solid rgba(47,34,38,.12);
  border-radius:24px;
  overflow:hidden;
}
.brand-card img{
  width:100%;
  height:100%;
  max-height:120px;
  object-fit:contain;
}
.brand-card-dark{
  background:#000;
  border-color:#000;
}
.brands-grid .brand-card:last-child{
  grid-column:2/span 1;
}
@media(max-width:900px){
  .brands-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .brands-grid .brand-card:last-child{grid-column:auto;}
}
@media(max-width:680px){
  .brands{padding-top:68px;padding-bottom:68px;}
  .brands-heading{margin-bottom:26px;text-align:left;}
  .brands-text{margin:0;max-width:100%;font-size:12px;}
  .brands-grid{grid-template-columns:1fr;gap:14px;}
  .brand-card{min-height:118px;border-radius:20px;padding:14px;}
  .brand-card img{max-height:96px;}
}


/* Proizvodi kojima verujemo - transparentni logotipi, jedan horizontalni red */
.brands{padding:57px 6% 63px;background:#fbf8f2;border-top:1px solid rgba(47,34,38,.12);border-bottom:0}
.brands h2{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.17em;color:#89817f;text-align:center;margin:0 0 34px;line-height:1.6}
.brands-grid{width:min(1200px,100%);max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,2.2vw,30px);align-items:center}
.brands-grid .brand-card,.brands-grid .brand-card:last-child{grid-column:auto;min-width:0;width:100%;height:100px;min-height:0;margin:0;padding:5px;border:0;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center}
.brands-grid .brand-card img{width:100%;height:100%;max-height:86px;object-fit:contain;display:block}
@media(max-width:680px){.brands{padding:42px 4% 48px}.brands h2{text-align:center;font-size:10px;letter-spacing:.1em;margin-bottom:23px}.brands-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.brands-grid .brand-card,.brands-grid .brand-card:last-child{min-height:0;height:54px;padding:0}.brands-grid .brand-card img{max-height:50px}}


/* Optimizacija i animacije ujednačene na Safari/iOS, Android i desktop */
html{scroll-padding-top:30px}
.gallery-arrow{font-size:0!important;width:20px!important;height:20px!important;background-position:center;background-size:18px 18px;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E")}
.brands-window{width:100%;overflow:hidden}
.brands-grid{display:flex!important;width:100%;max-width:1200px;gap:0!important;transform:none}
.brands-set{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,28px);width:100%;flex-shrink:0}
.brands-copy{display:none}
.brands-set .brand-card{flex:1 1 0;min-width:0}
@media(max-width:680px){
 .brands{padding:44px 0 48px}
 .brands h2{margin-bottom:28px;padding:0 15px;font-size:12px;letter-spacing:.11em}
 .brands-grid{width:max-content;max-width:none;animation:brand-flow 28s linear infinite;will-change:transform}
 .brands-set{width:max-content;gap:22px;flex:none;padding-right:22px}
 .brands-copy{display:flex}
 .brands-set .brand-card,.brands-set .brand-card:last-child{flex:0 0 155px;height:100px!important;padding:0 5px}
 .brands-set .brand-card img{max-height:90px!important;max-width:100%;object-fit:contain}
}
@keyframes brand-flow{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
/* reveal on scroll, no invisible content if script disabled */
.js .scroll-reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js .scroll-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
@media(prefers-reduced-motion:reduce){
 .brands-grid{animation:none!important}
 .js .scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}
}


/* Recenzije klijentkinja: responzivne kartice. */
.reviews.section-pad{
  padding:84px 7% 78px;
  background:#f8f1ef;
  border-top:1px solid rgba(47,34,38,.12);
  border-bottom:1px solid rgba(47,34,38,.12);
}
.reviews-inner{width:min(1180px,100%);margin-inline:auto}
.reviews-top{
  display:flex;justify-content:space-between;align-items:end;
  gap:35px;margin-bottom:38px;
}
.reviews-heading .eyebrow{color:#956b7f;letter-spacing:.17em}
.reviews-heading h2{
  margin:17px 0 0;
  font-size:clamp(40px,4.5vw,62px);
  line-height:1.09;
  letter-spacing:-.015em;
  text-wrap:balance;
}
.reviews-heading h2 em{color:var(--rose-deep);font-weight:400}
.reviews-intro{max-width:255px;margin:0 0 6px;color:var(--muted);font-size:13px;line-height:1.9}
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.review-card{
  min-width:0;min-height:345px;
  padding:26px 25px 24px;
  border:1px solid #e5d5d8;
  border-radius:6px;
  background:#fffdfb;
  display:flex;flex-direction:column;
  transition:transform .25s ease,box-shadow .25s ease;
}
.review-card:nth-child(2){background:#fbebef;border-color:#ecd4df}
.review-card:nth-child(3){background:#f5eeea}
.review-card:hover{transform:translateY(-4px);box-shadow:0 14px 27px rgba(73,37,46,.07)}
.review-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;color:#9e8587}
.review-card-number{font-size:10px;letter-spacing:.14em;font-weight:600}
.review-card-star{font-size:22px;line-height:1;color:#cf8da9}
.review-service{color:#ae5a80;font-size:10px;font-weight:600;letter-spacing:.095em;line-height:1.6;text-transform:uppercase}
.review-quote{
  flex:1;
  margin:13px 0 30px;
  font-family:var(--serif);
  font-size:clamp(18px,1.58vw,22px);
  line-height:1.55;
  font-weight:400;
  overflow-wrap:break-word;
}
.review-card-bottom{display:flex;align-items:center;gap:15px;color:#8b7b78;font-size:10px;letter-spacing:.025em}
.review-line{flex:1;height:1px;background:#e2d4d2}
.reviews-footer{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:29px}
.reviews-thanks{color:#83726e;font-size:11px;line-height:1.65}
.reviews-action{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:6px;border-bottom:1px solid var(--rose-deep);font-size:12px;font-weight:600;white-space:nowrap;transition:color .2s}
.reviews-action:hover{color:var(--rose-deep)}
@media(max-width:960px){
 .reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .review-card:last-child{grid-column:1 / -1;min-height:255px}
 .review-card{min-height:345px}
 .review-quote{font-size:22px}
}
@media(max-width:680px){
 .reviews.section-pad{padding:62px 6% 60px}
 .reviews-top{display:block;margin-bottom:26px}
 .reviews-heading h2{font-size:clamp(37px,10vw,50px);margin-top:13px}
 .reviews-intro{max-width:360px;margin:17px 0 0;font-size:12px}
 .reviews-grid{grid-template-columns:1fr;gap:13px}
 .review-card,.review-card:last-child{grid-column:auto;min-height:0;padding:23px 21px 22px}
 .review-card-head{margin-bottom:23px}
 .review-quote{font-size:clamp(19px,5.7vw,23px);line-height:1.55;margin-bottom:27px}
 .reviews-footer{flex-direction:column;align-items:flex-start;gap:17px;margin-top:24px}
 .reviews-thanks{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.review-card{transition:none}.review-card:hover{transform:none}}

/* Mobilni brendovi: statična čitljiva mreža umesto marquée koja odseca logotipe. */
@media(max-width:680px){
  .brands{padding:54px 6% 62px}
  .brands h2{padding:0;margin:0 auto 25px;max-width:320px;font-size:11px;line-height:1.5;letter-spacing:.12em}
  .brands-window{width:100%;overflow:visible}
  .brands-grid{
    display:block!important;
    width:min(440px,100%);
    max-width:100%;
    margin:0 auto;
    animation:none!important;
    transform:none!important;
    will-change:auto;
  }
  .brands-set{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:12px;
    width:100%;
    padding:0;
    justify-content:center;
  }
  .brands-copy{display:none!important}
  .brands-set .brand-card,
  .brands-set .brand-card:last-child{
    flex:initial;
    width:100%;
    height:96px!important;
    min-width:0;
    margin:0;
    padding:14px 15px;
    border:1px solid rgba(47,34,38,.1);
    border-radius:15px;
    background:#fff;
    box-sizing:border-box;
  }
  .brands-set .brand-card:last-child{
    grid-column:1 / -1;
    width:calc(50% - 6px);
    justify-self:center;
  }
  .brands-set .brand-card img{
    width:100%;
    height:100%;
    max-height:65px!important;
    max-width:100%;
    object-fit:contain;
  }
}
@media(max-width:350px){
  .brands-set{gap:9px}
  .brands-set .brand-card,.brands-set .brand-card:last-child{height:82px!important;padding:12px}
  .brands-set .brand-card:last-child{width:calc(50% - 4.5px)}
}


/* Novogodišnji popup */
.holiday-popup{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:22px;opacity:0;visibility:hidden;pointer-events:none;z-index:1200;transition:opacity .28s ease,visibility .28s ease}
.holiday-popup.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.holiday-popup__backdrop{position:absolute;inset:0;background:rgba(91,48,67,.36);backdrop-filter:blur(5px)}
.holiday-popup__falling{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.holiday-popup__emoji{position:absolute;top:-12%;left:var(--left);font-size:clamp(18px,2.5vw,31px);opacity:.92;animation:holiday-fall var(--duration,11s) linear infinite;animation-delay:var(--delay,0s);filter:drop-shadow(0 8px 15px rgba(135,72,95,.16))}
@keyframes holiday-fall{0%{transform:translate3d(0,-15vh,0) rotate(0deg)}100%{transform:translate3d(20px,118vh,0) rotate(360deg)}}
.holiday-popup__dialog{position:relative;z-index:1;width:min(540px,100%);padding:34px 28px 28px;border:1px solid rgba(193,122,152,.26);border-radius:28px;background:linear-gradient(180deg,rgba(255,243,248,.98) 0%,rgba(255,250,252,.98) 100%);box-shadow:0 24px 80px rgba(111,54,79,.2),0 0 0 1px rgba(255,255,255,.7) inset;text-align:center;overflow:hidden}
.holiday-popup__dialog::before{content:"";position:absolute;inset:auto auto -72px -72px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(244,191,214,.34) 0%,rgba(244,191,214,0) 72%);pointer-events:none}
.holiday-popup__dialog::after{content:"";position:absolute;inset:-76px -76px auto auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(237,210,220,.44) 0%,rgba(237,210,220,0) 72%);pointer-events:none}
.holiday-popup__close{position:absolute;z-index:5;top:12px;right:12px;width:42px;height:42px;border:0;border-radius:999px;background:rgba(255,255,255,.78);color:#8d5f75;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 8px 22px rgba(125,76,97,.12);transition:transform .2s ease, background .2s ease, color .2s ease}
.holiday-popup__close:hover{transform:scale(1.04);background:#fff;color:var(--rose-deep)}
.holiday-popup__eyebrow{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.72);color:#9c6e83;font-size:11px;font-weight:700;letter-spacing:.14em}
.holiday-popup__title{position:relative;z-index:1;margin:0 0 14px;font-family:"Playfair Display",serif;font-size:clamp(32px,4vw,44px);line-height:1.14;color:#3a2830}
.holiday-popup__text{position:relative;z-index:1;max-width:390px;margin:0 auto 22px;color:#7a656c;font-size:15px;line-height:1.75}
.holiday-popup__cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;justify-content:center;padding:14px 24px;border-radius:999px;background:linear-gradient(135deg,var(--rose-deep),#d789aa);color:#fff;font-size:14px;font-weight:600;box-shadow:0 18px 34px rgba(182,102,136,.24);transition:transform .2s ease,box-shadow .2s ease}
.holiday-popup__cta:hover{transform:translateY(-1px);box-shadow:0 22px 40px rgba(182,102,136,.29)}
.review-author{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rose-deep)}
@media(max-width:680px){.holiday-popup{padding:16px}.holiday-popup__dialog{padding:30px 20px 22px;border-radius:24px}.holiday-popup__title{font-size:clamp(28px,8.8vw,36px)}.holiday-popup__text{font-size:14px;line-height:1.65}.holiday-popup__cta{width:100%}.holiday-popup__close{top:10px;right:10px;width:38px;height:38px}.holiday-popup__emoji{font-size:22px}}
@media(prefers-reduced-motion:reduce){.holiday-popup,.holiday-popup__close,.holiday-popup__cta{transition:none}.holiday-popup__emoji{animation:none;opacity:.7}}

body.popup-open{overflow:hidden}


/* Ukrasne šare kao SVG, identične na Safari, iOS, Android i desktop pregledačima. */
.ribbon-track .ribbon-flower{display:block;flex:none;width:17px;height:17px;object-fit:contain;transform:rotate(-11deg)}
.review-card-flower{width:23px;height:23px;display:block;flex:none}
.holiday-popup__emoji{display:block;width:clamp(19px,2.5vw,31px);height:clamp(19px,2.5vw,31px);object-fit:contain}
@media(max-width:680px){.holiday-popup__emoji{width:23px;height:23px}}

/* Instagram - raskošna ružičasta, ali jednostavan moderan raspored. */
.instagram-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:86px max(6%,calc((100% - 1240px)/2)) 84px;
  border-block:1px solid rgba(155,92,125,.18);
  background:radial-gradient(ellipse 35% 75% at 5% 10%,rgba(255,255,255,.65),transparent 90%),
             radial-gradient(ellipse 34% 80% at 96% 90%,rgba(240,131,179,.42),transparent 90%),
             linear-gradient(112deg,#fff1f7 0%,#f7d1e2 42%,#f2b2d1 100%);
}
.instagram-section::before{
  content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.48);border-radius:50%;top:-320px;left:38%;pointer-events:none;
}
.instagram-section::after{
  content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(255,255,255,.35);border-radius:50%;bottom:-490px;right:-90px;pointer-events:none;
}
.instagram-inner{width:100%;max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(26px,5vw,90px);position:relative;z-index:1}
.instagram-content{max-width:565px;position:relative;z-index:2}
.instagram-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:.18em;color:#93526f}
.instagram-dot{display:block;width:8px;height:8px;background:#dd6a9d;border-radius:50%;box-shadow:0 0 0 5px rgba(244,146,189,.25)}
.instagram-content h2{font-family:var(--serif);font-weight:400;color:#37212c;font-size:clamp(45px,4.4vw,70px);line-height:1.04;letter-spacing:-.035em;margin:23px 0 19px}
.instagram-content h2 em{color:#bd5f8e;font-weight:400;letter-spacing:-.05em}
.instagram-content>p{color:#6c5260;font-size:14px;line-height:1.95;max-width:425px;margin-bottom:31px}
.instagram-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 22px 13px 16px;min-height:55px;border-radius:99px;background:#38232e;color:#fff;box-shadow:0 13px 30px rgba(92,46,68,.2);font-size:13px;font-weight:600;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;max-width:100%}
.instagram-button:hover{background:#9f4f74;transform:translateY(-3px);box-shadow:0 17px 34px rgba(92,46,68,.24)}
.instagram-button:focus-visible{outline:3px solid #912f61;outline-offset:5px}
.instagram-button-icon{display:grid;place-items:center;width:29px;height:29px;background:rgba(255,255,255,.13);border-radius:50%;flex:none}
.instagram-button-icon svg{width:18px;height:18px}
.instagram-button-arrow{margin-left:8px;font-size:16px}
.instagram-handle{display:block;color:#916a7b;margin-top:20px;font-size:10px;letter-spacing:.13em;font-weight:600}
.instagram-handle span{margin-inline:8px;color:#c78faa}
.instagram-visual{height:440px;min-width:0;position:relative;isolation:isolate}
.instagram-orbit{position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.6);border-radius:50%;pointer-events:none}
.instagram-orbit-one{width:330px;height:330px;top:16px;left:calc(50% - 165px)}
.instagram-orbit-two{width:410px;height:410px;top:-25px;left:calc(50% - 205px)}
.instagram-photo{position:absolute;margin:0;background:#fff;padding:7px;border-radius:19px;box-shadow:0 19px 55px rgba(125,67,94,.23);overflow:hidden;transition:transform .3s ease}
.instagram-photo img{width:100%;height:100%;display:block;border-radius:13px;object-fit:cover}
.instagram-photo-main{width:42%;height:73%;left:30%;top:10%;z-index:3;transform:rotate(5deg)}
.instagram-photo-left{width:35%;height:57%;left:7%;top:28%;z-index:2;transform:rotate(-13deg)}
.instagram-photo-right{width:37%;height:59%;right:4%;top:24%;z-index:1;transform:rotate(15deg)}
.instagram-photo-main img{object-position:center 37%}
.instagram-photo-left img{object-position:57% center}
.instagram-photo-right img{object-position:center center}
.instagram-photo-main:hover{transform:rotate(2deg) translateY(-7px)}
.instagram-photo-left:hover{transform:rotate(-8deg) translateY(-7px)}
.instagram-photo-right:hover{transform:rotate(11deg) translateY(-7px)}
.instagram-floating-flower{position:absolute;width:56px;height:56px;right:3%;top:5%;transform:rotate(19deg);z-index:5;filter:drop-shadow(0 5px 9px rgba(157,78,111,.18))}
.instagram-floating-flower img{width:100%;height:100%}
.instagram-sticker{position:absolute;z-index:5;left:6%;bottom:3%;width:104px;height:104px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);background:#fff8fb;color:#9c4e76;text-align:center;font-family:"Jost",sans-serif;font-size:12px;font-weight:700;letter-spacing:.11em;box-shadow:0 12px 30px rgba(121,63,91,.17)}
.instagram-sticker span{font-family:var(--serif);font-size:17px;font-weight:400;letter-spacing:0;line-height:1.3;font-style:italic}
@media(max-width:960px){
  .instagram-section{padding:76px 5% 74px}
  .instagram-inner{gap:18px}
  .instagram-content h2{font-size:clamp(39px,5vw,55px)}
  .instagram-visual{height:380px}
}
@media(max-width:680px){
  .instagram-section{padding:65px 6% 55px}
  .instagram-inner{grid-template-columns:1fr;gap:22px}
  .instagram-content{max-width:none}
  .instagram-content h2{font-size:clamp(39px,10vw,54px);margin:18px 0}
  .instagram-content>p{font-size:13px;line-height:1.8;margin-bottom:24px}
  .instagram-button{font-size:12px;padding:12px 17px 12px 14px;min-height:52px}
  .instagram-handle{margin-top:16px}
  .instagram-visual{width:min(500px,100%);height:310px;margin:5px auto 0}
  .instagram-photo{padding:5px;border-radius:13px}
  .instagram-photo img{border-radius:9px}
  .instagram-floating-flower{width:40px;height:40px;right:2%;top:3%}
  .instagram-sticker{width:74px;height:74px;font-size:9px;left:3%;bottom:0}
  .instagram-sticker span{font-size:12px}
  .instagram-orbit-one{width:240px;height:240px;top:12px;left:calc(50% - 120px)}
  .instagram-orbit-two{width:300px;height:300px;top:-18px;left:calc(50% - 150px)}
}
@media(max-width:350px){.instagram-section{padding:55px 5% 49px}.instagram-button{font-size:11px;gap:9px}.instagram-visual{height:268px}.instagram-sticker{left:1%}}
@media(prefers-reduced-motion:reduce){.instagram-button,.instagram-photo{transition:none}}


/* Instagram section with real post screenshots */
.instagram-post-card{background:#fff;border:1px solid rgba(255,255,255,.65);padding:8px;border-radius:20px;overflow:hidden}
.instagram-post-card img{border-radius:14px;object-fit:cover;object-position:center top;background:#f7eef3}
.instagram-photo-main{width:44%;height:76%;left:29%;top:10%;z-index:3;transform:rotate(4deg)}
.instagram-photo-left{width:34%;height:56%;left:4%;top:30%;z-index:2;transform:rotate(-10deg)}
.instagram-photo-right{width:34%;height:56%;right:4%;top:27%;z-index:1;transform:rotate(10deg)}
.instagram-photo-main img,.instagram-photo-left img,.instagram-photo-right img{object-position:center top}
@media(max-width:1024px){.instagram-photo-main{width:46%;left:27%;height:75%}.instagram-photo-left{width:33%;left:3%}.instagram-photo-right{width:33%;right:3%}}
@media(max-width:680px){.instagram-visual{height:334px}.instagram-photo-main{width:46%;height:73%;left:28%;top:11%}.instagram-photo-left{width:34%;height:52%;left:2%;top:31%}.instagram-photo-right{width:34%;height:52%;right:2%;top:28%}.instagram-post-card{padding:5px;border-radius:14px}.instagram-post-card img{border-radius:10px}.instagram-sticker{width:76px;height:76px}}
@media(max-width:350px){.instagram-visual{height:292px}}


/* Prave fotografije i HTML/CSS prikaz Instagram objava – bez screenshotova interfejsa.
   Ostaju originalna roze sekcija, njene dimenzije i raspored kartica. */
.instagram-photo.ig-native-post{
  display:flex;
  flex-direction:column;
  padding:0;
  background:#fff;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 20px 50px rgba(123,65,94,.24);
  overflow:hidden;
}
.ig-native-head{
  min-height:37px;
  padding:6px 9px;
  display:flex;
  align-items:center;
  gap:6px;
  flex:none;
  color:#29232a;
  background:#fff;
}
.ig-native-avatar{
  width:23px;
  height:23px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#a84f7c;
  background:linear-gradient(140deg,#f8d5e6,#f4b0d0);
  border:1px solid #ee9cbd;
  font-family:var(--serif);
  font-size:15px;
  line-height:1;
  flex:none;
}
.ig-native-user{font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ig-native-menu{font-size:17px;line-height:1;letter-spacing:.035em;margin-left:auto}
.ig-native-image{width:100%;min-height:0;flex:1;overflow:hidden;background:#f6e0eb}
.ig-native-post .ig-native-image img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center center;border-radius:0;display:block}
.ig-native-footer{padding:7px 9px 9px;flex:none;background:#fff}
.ig-native-icons{display:flex;gap:7px;align-items:center;color:#252128;margin-bottom:4px}
.ig-native-icons > span{width:15px;height:15px;display:block;flex:none}
.ig-native-icons svg{width:100%;height:100%;display:block}
.ig-native-icons .ig-native-save{margin-left:auto}
.ig-native-caption{display:block;color:#40323a;font-size:10px;line-height:1.35;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Različiti položaji, ista kompozicija kao u prethodnoj verziji. */
.instagram-photo-main.ig-native-post{height:77%}
.instagram-photo-left.ig-native-post,.instagram-photo-right.ig-native-post{height:60%}
@media(max-width:680px){
  .ig-native-head{min-height:27px;padding:4px 5px;gap:4px}
  .ig-native-avatar{width:17px;height:17px;font-size:11px}
  .ig-native-user{font-size:7px}
  .ig-native-menu{font-size:12px}
  .ig-native-footer{padding:4px 5px 5px}
  .ig-native-icons{gap:4px;margin-bottom:2px}
  .ig-native-icons > span{width:11px;height:11px}
  .ig-native-caption{font-size:7px}
}

/* Hand-drawn pink accent inspired by the hero reference. */
.hero h1{font-size:clamp(46px,6.2vw,76px);line-height:1.08;text-wrap:balance}
.pov-circle{position:relative;display:inline-block;isolation:isolate;white-space:nowrap}
.pov-circle::before{content:"";position:absolute;inset:-.06em -.15em -.04em -.13em;border:3px solid #f2b9d3;border-radius:48% 54% 45% 51%;transform:rotate(-12deg);z-index:-1;pointer-events:none}
@media(max-width:680px){.hero h1{font-size:clamp(39px,10.5vw,60px)}}

/* White review cards with black typography, without reviewer images. */
.reviews.section-pad{background:#fff;color:#000;border-color:#e8e8e8}
.reviews-heading .eyebrow,.reviews-heading h2 em,.reviews-intro,.reviews-thanks,.reviews-action{color:#000}
.reviews-grid{grid-template-columns:minmax(0,1fr);gap:28px;max-width:860px;margin-inline:auto}
.reviews .review-card{min-height:0;padding:30px 38px;border:1px solid #ededed;border-radius:0;background:#fff;color:#000;box-shadow:0 9px 26px rgba(0,0,0,.14)}
.reviews .review-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.reviews .review-card-head{justify-content:flex-start;flex-wrap:wrap;gap:10px 18px;margin-bottom:18px;color:#000;font-size:13px}
.reviews .review-author{color:#000;font-size:18px;letter-spacing:0;text-transform:none;font-weight:500;text-decoration:underline;text-underline-offset:4px}
.reviews .review-service{color:#000;font-size:10px;letter-spacing:.08em}
.reviews .review-quote{margin:12px 0 0;font-family:var(--sans);font-size:clamp(18px,2.2vw,25px);line-height:1.5;color:#000}
.reviews-action{border-color:#000}
.reviews-action:hover{color:#000}
@media(max-width:680px){.reviews-grid{gap:20px}.reviews .review-card{padding:24px}.reviews .review-quote{font-size:18px}.reviews .review-card-head{margin-bottom:16px}}

/* Three reviews in one row on larger screens. */
@media(min-width:901px){
 .reviews-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:22px;align-items:stretch}
 .reviews .review-card{padding:28px 24px}
 .reviews .review-card:last-child{grid-column:auto}
 .reviews .review-card-head{align-items:flex-start;flex-direction:column;gap:8px}
 .reviews .review-quote{font-size:19px}
}

/* Start festive emoji mid-fall as soon as the popup opens. */
.holiday-popup__emoji{display:flex;align-items:center;justify-content:center;width:auto;height:auto;line-height:1.2;animation-play-state:paused}
.holiday-popup.is-visible .holiday-popup__emoji{animation-play-state:running}
@media(max-width:680px){.holiday-popup__emoji{width:auto;height:auto}}
@media(prefers-reduced-motion:reduce){.holiday-popup__emoji{top:calc(8% + var(--left) * .8);animation:none}}

/* Plain Instagram background without decorative patterns. */
.instagram-section{background:#fff1f7}
.instagram-section::before,.instagram-section::after{content:none;display:none}

/* White and pink stripes behind transparent brand logos. */
.brands{background:repeating-linear-gradient(90deg,#fff 0,#fff 36px,#fbe4ee 36px,#fbe4ee 72px)}
@media(max-width:680px){
 .brands-set .brand-card,.brands-set .brand-card:last-child{background:transparent;border:0;border-radius:0;box-shadow:none}
}