/**
 * Prvi Korak Attractions v0.8.2
 * Wayo Destinations source-derived layout rules scoped to this CPT.
 * Wayo: 1.4fr/.5fr/1fr archive, 150×180 header trio,
 * 280×350 hover photo, 70/30 single content, sticky sidebar.
 */
.pk-attractions{--pk-at-bg:#eef2f2;--pk-at-dark:#313432;--pk-at-blue:var(--pk-primary,#529cb0);--pk-at-deep:var(--pk-deep,#0a3248);--pk-at-orange:var(--pk-accent,#da6f4d);--pk-at-light:#eef2f2;color:var(--pk-at-dark);background:var(--pk-at-bg);font-family:var(--pk-font-body,'Geist',sans-serif);overflow:clip}
.pk-attractions *, .pk-attractions *::before,.pk-attractions *::after{box-sizing:border-box}
.pk-attractions .section{position:relative;padding:80px 0}
.pk-attractions .base-container.pk-attr-container{width:100%;max-width:1440px;margin:0 auto;padding:0 15px;position:relative}
.pk-attractions .section.inner-hero{padding-top:160px;padding-bottom:80px}
.pk-attractions .section.without-top-space{padding-top:0}
.pk-attractions .hero-heading,.pk-attractions .inner-heading,.pk-attractions h2.destination-title-main,.pk-attractions h3,.pk-attractions h2.style-h4,.pk-attractions .style-h6{font-family:var(--pk-font-heading,'Big Shoulders',sans-serif);font-weight:700;text-transform:uppercase}
.pk-attractions .hero-heading{color:var(--pk-at-dark);font-size:150px;line-height:.82;letter-spacing:-3.4px;margin:0;overflow-wrap:normal}
.pk-attractions .hero-heading.align-left{text-align:left}
.pk-attractions .destination-banner-content{display:flex;justify-content:space-between;align-items:center;min-height:220px;gap:35px}
.pk-attractions .destination-banner-title-wrapper{max-width:650px;flex:1 1 55%;min-width:0}
.pk-attractions .destination-image-box.pk-attr-hero-images{width:150px;height:180px;position:relative;right:90px;flex:0 0 150px;z-index:1}
.pk-attractions .center-image-wrapper{position:absolute;inset:0;width:150px;height:180px}
.pk-attractions .left-image-wrapper{width:150px;height:180px;position:absolute;bottom:40px;right:90px;transform:translateY(25px) rotate(-3deg);animation:pk-at-arrive-left .8s cubic-bezier(.16,1,.3,1) both}
.pk-attractions .right-image-wrapper{width:150px;height:180px;position:absolute;top:40px;left:90px;transform:translateY(-25px) rotate(3deg);animation:pk-at-arrive-right .8s cubic-bezier(.16,1,.3,1) both}
.pk-attractions .destination-image{border-radius:2px;object-fit:cover;object-position:left center;width:100%;height:100%;position:absolute;inset:0}
@keyframes pk-at-arrive-left{from{opacity:0;translate:-30px 30px}to{opacity:1;translate:0 0}}
@keyframes pk-at-arrive-right{from{opacity:0;translate:30px -30px}to{opacity:1;translate:0 0}}
.pk-attractions .collection-item-destination-main{list-style:none;border-top:1px solid rgba(49,52,50,.2)}
.pk-attractions .collection-item-destination-main:last-child{border-bottom:1px solid rgba(49,52,50,.2)}
.pk-attractions .destination-item{display:flex;justify-content:space-between;align-items:center;padding:30px 0;min-height:225px;text-decoration:none;color:inherit;transition:none;outline-offset:4px}
.pk-attractions .destination-item-grid{width:100%;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.5fr) minmax(0,1fr);grid-template-rows:auto;gap:16px;align-items:center}
.pk-attractions .destination-left-box{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;row-gap:20px;min-width:0}
.pk-attractions .raiting-destination-wrap,.pk-attractions .raiting-wrap{display:flex;align-items:center;justify-content:flex-start;gap:8px}
.pk-attractions .raiting-image{display:block;max-width:90px;height:18px;width:auto;object-fit:contain}
.pk-attractions .pk-attr-stars{color:var(--pk-at-orange);font-size:18px;letter-spacing:1px;white-space:nowrap}
.pk-attractions .raiting-text{color:var(--pk-at-orange);font-weight:500;font-size:16px}
.pk-attractions .title-destination-wrap{display:flex;flex-direction:column;row-gap:15px}
.pk-attractions h2.destination-title-main{color:var(--pk-at-dark);font-size:42px;line-height:.9;letter-spacing:-.42px;margin:0;transition:color .25s ease}
.pk-attractions .destination-item:is(:hover,:focus-visible) h2.destination-title-main{color:var(--pk-at-orange)}
.pk-attractions .duration{font-size:16px;font-weight:500;color:var(--pk-at-dark)}
.pk-attractions .paragraph-destination{display:flex;flex-direction:column;max-width:500px;row-gap:12px}
.pk-attractions .paragraph-destination p{font-size:16px;line-height:1.35;color:var(--pk-text,#595c66);margin:0}
.pk-attractions .image-destination-box{z-index:10;position:relative;display:flex;justify-content:center;align-items:center;min-height:150px;transform:translate3d(0,0,0);pointer-events:none}
.pk-attractions .image-destination-wrapper{position:absolute;border-radius:2px;width:280px;height:350px;overflow:hidden;opacity:0;transform:scale(.7);transition:opacity .42s ease,transform .65s cubic-bezier(.16,1,.3,1);pointer-events:none;box-shadow:0 12px 45px rgba(0,0,0,.12)}
.pk-attractions .destination-item:is(:hover,:focus-visible) .image-destination-wrapper{opacity:1;transform:scale(1)}
.pk-attractions .image-destination{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:2px;transform:scale(1.3);transition:transform .7s cubic-bezier(.16,1,.3,1)}
.pk-attractions .destination-item:is(:hover,:focus-visible) .image-destination{transform:scale(1)}
.pk-attractions .destination-right-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;align-content:center;max-width:320px;gap:4px;margin-left:auto}
.pk-attractions .tag{font-size:14px;font-weight:400;border-radius:8px;padding:4px 12px;line-height:1.35;background:rgba(255,255,255,.6);backdrop-filter:blur(5px);color:var(--pk-at-dark)}
.pk-attractions .tag.stroke{border:1px solid rgba(49,52,50,.2)}
.pk-attractions .pk-attr-pagination{display:flex;justify-content:center;margin-top:44px}
.pk-attractions .pk-attr-pagination ul{display:flex;align-items:center;gap:12px;list-style:none;padding:0;margin:0}
.pk-attractions .pk-attr-pagination a,.pk-attractions .pk-attr-pagination span{color:var(--pk-at-dark);text-decoration:none;font-weight:600}
.pk-attractions .pk-attr-pagination .current{color:var(--pk-at-orange)}
.pk-attractions .pk-attr-empty{text-align:center;margin:40px 0 70px}
/* Single hero */
.pk-attractions .section.destination-inner-hero{background:var(--pk-at-blue);padding-top:160px;padding-bottom:80px;overflow:hidden}
.pk-attractions .destination-hero-wrapper{display:flex;flex-direction:column;align-items:center;gap:50px;width:100%}
.pk-attractions .destination-title-hero-wrapper{text-align:center;max-width:650px}
.pk-attractions .inner-heading{color:var(--pk-at-light);font-size:90px;line-height:.86;letter-spacing:-1.4px;margin:0}
.pk-attractions .destination-image-grid{width:100%;display:flex;justify-content:center;align-items:center;gap:40px}
.pk-attractions .subtitle-destination-hero{display:flex;align-items:center;justify-content:center;text-align:center;width:250px;flex:0 1 250px;min-width:0}
.pk-attractions .subtitle-destination-hero p{color:var(--pk-at-light);font-size:18px;line-height:1.35;font-weight:400;margin:0}
.pk-attractions .hero-image-rotate-wrapper{display:flex;justify-content:center;align-items:center;position:relative;flex:0 0 auto}
.pk-attractions .rotate-wrap{perspective:200vw;width:280px;height:320px;margin:0 auto}
.pk-attractions .rotate-outside{perspective:200vw;width:100%;height:100%}
.pk-attractions .rotate-inside{width:100%;height:100%;position:relative;transform-style:preserve-3d;will-change:transform;transform:rotateX(0deg)}
.pk-attractions .rotate-image{position:absolute;inset:0;overflow:hidden;width:100%;height:100%;border-radius:2px;backface-visibility:hidden;transform:rotateX(180deg)}
.pk-attractions .rotate-image.back{transform:rotateX(0deg)}
.pk-attractions .image-cover-rotate{width:100%;height:100%;object-fit:cover;border-radius:2px}
/* Single two-column, faithful 70/30 and sticky card */
.pk-attractions .section.pk-attr-description-section{padding-top:100px;padding-bottom:130px}
.pk-attractions .destination-description-section{display:flex;justify-content:flex-start;align-items:flex-start;width:100%}
.pk-attractions .rich-text-destination-wrapper{width:70%;min-width:0;padding-right:80px;margin-top:-30px}
.pk-attractions .rich-text-style{font-size:16px;line-height:1.5;color:var(--pk-at-dark)}
.pk-attractions .rich-text-style h2,.pk-attractions .rich-text-style h3{font-family:var(--pk-font-heading,'Big Shoulders',sans-serif);font-size:42px;line-height:1;letter-spacing:-.5px;font-weight:700;text-transform:uppercase;margin:38px 0 20px}
.pk-attractions .rich-text-style p{font-size:16px;line-height:1.5;color:var(--pk-text,#595c66);margin:0 0 16px}
.pk-attractions .rich-text-style ul,.pk-attractions .rich-text-style ol{padding-left:22px;margin:0 0 24px}
.pk-attractions .rich-text-style li{font-size:16px;line-height:1.45;margin-bottom:10px;color:var(--pk-text,#595c66)}
.pk-attractions .rich-text-style .pk-attr-fullwidth-image{max-width:100%;margin:40px 0 45px}
.pk-attractions .pk-attr-fullwidth-image img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:2px}
.pk-attractions .tags-box{display:flex;flex-direction:column;gap:20px;margin-top:20px}
.pk-attractions .tags-box .style-h4{font-family:var(--pk-font-heading,'Big Shoulders',sans-serif);text-transform:uppercase;font-weight:700;font-size:34px;line-height:1;margin:0}
.pk-attractions .tags-wrapper{display:flex;flex-wrap:wrap;gap:4px;max-width:450px}
.pk-attractions .destination-sidebar{background:#dfe9e7;border-radius:2px;display:flex;flex-direction:column;gap:20px;position:sticky;top:100px;width:30%;padding:30px 20px;overflow:hidden}
.pk-attractions .sidebar-content-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;gap:20px}
.pk-attractions .sidebar-title-wrapper{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.pk-attractions .sidebar-title-wrapper .style-h4{font-size:34px;line-height:1;text-transform:uppercase;margin:0;color:var(--pk-at-dark)}
.pk-attractions .sidebar-title-wrapper p{white-space:pre-line;margin:0;font-size:16px;line-height:1.4;color:var(--pk-text,#595c66)}
.pk-attractions .sidebar-keys-wrapper{display:flex;flex-direction:column;gap:15px}
.pk-attractions .key-item{display:flex;flex-direction:column;gap:8px}
.pk-attractions .key-title{display:flex;align-items:center;gap:12px}
.pk-attractions .key-icon{color:var(--pk-at-orange);width:30px;height:30px;flex:0 0 30px}
.pk-attractions .key-title .style-h6{font-size:20px;font-weight:600;margin:0;line-height:1.2;color:var(--pk-at-dark)}
.pk-attractions .key-description{padding-left:42px}
.pk-attractions .key-description p{font-size:18px;line-height:1.35;margin:0}
.pk-attractions .image-sidebar{position:absolute;opacity:.15;width:95%;height:auto;left:2.5%;top:0;pointer-events:none}
.pk-attractions .sidebar-button-wrapper{width:100%}
.pk-attractions .pk-attr-button{font-family:var(--pk-font-heading,'Big Shoulders',sans-serif);font-size:16px;line-height:1;text-transform:uppercase;font-weight:700;background:var(--pk-at-dark);color:#fff;display:flex;justify-content:center;align-items:center;padding:14px 16px;text-decoration:none;border-radius:3px;overflow:hidden;min-height:46px;transition:background .25s ease}
.pk-attractions .pk-attr-button-clip{height:16px;overflow:hidden;display:block}
.pk-attractions .pk-attr-button-clip>span{display:block;transition:transform .35s cubic-bezier(.23,1,.32,1)}
.pk-attractions .pk-attr-button:hover,.pk-attractions .pk-attr-button:focus-visible{background:var(--pk-at-orange)}
.pk-attractions .pk-attr-button:hover .pk-attr-button-clip>span{transform:translateY(-2px)}
@media(min-width:1280px){.pk-attractions .base-container.pk-attr-container{padding-inline:20px}.pk-attractions .rich-text-destination-wrapper{padding-right:100px}.pk-attractions .destination-sidebar{padding-inline:30px}.pk-attractions .section.destination-inner-hero{padding-top:140px}.pk-attractions .destination-hero-wrapper{gap:80px}}
@media(min-width:1440px){.pk-attractions .base-container.pk-attr-container{padding-inline:40px}.pk-attractions .hero-heading{font-size:172px}.pk-attractions .rotate-wrap{width:300px;height:340px}.pk-attractions .destination-image-grid{gap:80px}.pk-attractions .destination-sidebar{top:140px}}
@media(max-width:1279px){.pk-attractions .hero-heading{font-size:clamp(70px,10vw,140px)}.pk-attractions .destination-title-hero-wrapper{max-width:500px}.pk-attractions .destination-image-grid{gap:24px}}
@media(max-width:991px){.pk-attractions .section{padding-block:75px}.pk-attractions .section.inner-hero,.pk-attractions .section.destination-inner-hero{padding-top:140px}.pk-attractions .hero-heading{font-size:clamp(68px,10vw,100px)}.pk-attractions .destination-image-box.pk-attr-hero-images{right:30px}.pk-attractions .destination-item-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:20px}.pk-attractions .destination-right-box{grid-column:1/-1;justify-content:flex-start;margin-left:0;max-width:none}.pk-attractions .image-destination-box{justify-content:flex-end;min-height:145px}.pk-attractions .image-destination-wrapper{width:min(230px,100%);height:240px;opacity:1;transform:scale(1);position:relative}.pk-attractions .image-destination{transform:scale(1)}.pk-attractions .destination-image-grid{gap:20px}.pk-attractions .rotate-wrap{width:230px;height:270px}.pk-attractions .subtitle-destination-hero{flex-basis:180px}.pk-attractions .destination-description-section{gap:20px}.pk-attractions .rich-text-destination-wrapper{width:60%;padding-right:20px}.pk-attractions .destination-sidebar{width:40%;padding:22px;top:85px}}
@media(max-width:767px){.pk-attractions .section.inner-hero,.pk-attractions .section.destination-inner-hero{padding-top:120px;padding-bottom:65px}.pk-attractions .hero-heading{font-size:70px;line-height:.86;letter-spacing:-2.5px}.pk-attractions .destination-banner-content{flex-direction:column;align-items:flex-start;gap:35px}.pk-attractions .destination-image-box.pk-attr-hero-images{align-self:center;right:0;width:150px;flex:0 0 180px;margin:40px 0 50px}.pk-attractions .destination-item-grid{grid-template-columns:minmax(0,1fr);gap:20px}.pk-attractions .image-destination-box{grid-row:2;min-height:0;justify-content:stretch}.pk-attractions .image-destination-wrapper{width:100%;height:250px}.pk-attractions .destination-right-box{grid-row:3;grid-column:1}.pk-attractions .destination-title-main{font-size:34px!important}.pk-attractions .destination-image-grid{flex-direction:column;gap:22px}.pk-attractions .rotate-wrap{width:260px;height:290px}.pk-attractions .subtitle-destination-hero{width:100%;max-width:350px;flex-basis:auto}.pk-attractions .inner-heading{font-size:70px}.pk-attractions .destination-description-section{display:block}.pk-attractions .rich-text-destination-wrapper{width:100%;margin-top:0;padding:0}.pk-attractions .destination-sidebar{width:100%;position:relative;top:auto;margin-top:45px}.pk-attractions .section.pk-attr-description-section{padding:65px 0}.pk-attractions .rich-text-style h3{font-size:34px}}
@media(max-width:479px){.pk-attractions .hero-heading{font-size:60px;letter-spacing:-2px}.pk-attractions .base-container.pk-attr-container{padding-inline:15px}.pk-attractions .inner-heading{font-size:60px}.pk-attractions .destination-image-box.pk-attr-hero-images{margin:25px 0 45px}.pk-attractions .section.destination-inner-hero{padding-top:115px}.pk-attractions .rotate-wrap{width:240px;height:270px}}
@media(prefers-reduced-motion:reduce){.pk-attractions .rotate-inside,.pk-attractions .image-destination,.pk-attractions .image-destination-wrapper,.pk-attractions .left-image-wrapper,.pk-attractions .right-image-wrapper{animation:none!important;transform:none!important;transition:none!important}.pk-attractions .rotate-image{transform:none}.pk-attractions .rotate-image.back{display:none}}

/* v0.8.5 — archive hero animation and cursor-following destination preview.
   Keep the original Wayo layout classes and desktop/mobile breakpoints. */
.pk-attractions-archive .pk-attr-hero-word-mask {
  display:inline-block;
  position:relative;
  vertical-align:baseline;
  overflow:clip;
}
.pk-attractions-archive .pk-attr-hero-word { display:inline-block; }
.pk-attractions-archive.pk-attr-entrance-ready .pk-attr-hero-word {
  animation:pk-attr-word-rise .92s cubic-bezier(.19,1,.22,1) both;
  animation-delay:calc(.08s + var(--pk-attr-word-index,0) * .17s);
}
@keyframes pk-attr-word-rise {
  from {transform:translate3d(0,110%,0);opacity:0}
  to {transform:translate3d(0,0,0);opacity:1}
}
/* Center image reveals first, then left and right photos fan into place. */
.pk-attractions-archive .left-image-wrapper,
.pk-attractions-archive .right-image-wrapper {animation:none}
.pk-attractions-archive.pk-attr-entrance-ready .center-image-wrapper {
  animation:pk-attr-center-photo .95s cubic-bezier(.16,1,.3,1) .28s both;
}
.pk-attractions-archive.pk-attr-entrance-ready .left-image-wrapper {
  animation:pk-attr-left-photo .95s cubic-bezier(.16,1,.3,1) .38s both;
}
.pk-attractions-archive.pk-attr-entrance-ready .right-image-wrapper {
  animation:pk-attr-right-photo .95s cubic-bezier(.16,1,.3,1) .58s both;
}
@keyframes pk-attr-center-photo {from {opacity:0;transform:translate3d(0,35px,0) scale(.86)}to {opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes pk-attr-left-photo {from {opacity:0;transform:translate3d(55px,40px,0) scale(.82)}to {opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes pk-attr-right-photo {from {opacity:0;transform:translate3d(-55px,-30px,0) scale(.82)}to {opacity:1;transform:translate3d(0,0,0) scale(1)}}

/* Exactly the source dimensions above 1280: 180×200 and stagger 120/60. */
@media(min-width:1280px) {
  .pk-attractions-archive .destination-image-box.pk-attr-hero-images {width:180px;height:200px;flex-basis:180px;right:120px}
  .pk-attractions-archive .center-image-wrapper {width:180px;height:200px}
  .pk-attractions-archive .left-image-wrapper {width:180px;height:200px;bottom:60px;right:120px}
  .pk-attractions-archive .right-image-wrapper {width:180px;height:200px;top:60px;left:120px}
}
@media(min-width:768px) and (max-width:991px) {
  .pk-attractions-archive .destination-image-box.pk-attr-hero-images {width:100px;height:120px;flex-basis:100px;right:70px}
  .pk-attractions-archive .center-image-wrapper {width:100px;height:120px}
  .pk-attractions-archive .left-image-wrapper {width:100px;height:120px;right:70px}
  .pk-attractions-archive .right-image-wrapper {width:100px;height:120px;left:70px}
}
@media(max-width:767px) {
  .pk-attractions-archive .destination-image-box.pk-attr-hero-images {
    width:100%;height:auto;right:auto;flex:0 0 auto;align-self:stretch;
    display:flex;align-items:center;justify-content:flex-start;
    padding:0 0 40px;margin:0 0 25px;
  }
  .pk-attractions-archive .left-image-wrapper,
  .pk-attractions-archive .center-image-wrapper,
  .pk-attractions-archive .right-image-wrapper {
    position:relative;inset:auto;flex:0 0 36.5%;width:36.5%;height:120px;
  }
  .pk-attractions-archive .center-image-wrapper {top:20px;left:-20px}
  .pk-attractions-archive .right-image-wrapper {left:-40px}
  .pk-attractions-archive .destination-image {position:static;display:block;width:100%;height:100%}
}
@media(min-width:992px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  /* The moving preview is attached to the viewport, not the center grid column. */
  .pk-attractions-archive .destination-item:hover .image-destination-wrapper {opacity:0;transform:scale(.7)}
  .pk-attractions-archive .destination-item:hover .image-destination {transform:scale(1.3)}
}
.pk-attr-cursor-preview {
  position:fixed;top:0;left:0;z-index:90;width:280px;height:350px;
  overflow:hidden;border-radius:2px;pointer-events:none;opacity:0;
  transform:translate3d(-1000px,-1000px,0);
  scale:.7;
  transform-origin:center center;
  transition:opacity .28s ease,scale .5s cubic-bezier(.16,1,.3,1);
  will-change:transform,opacity,scale;
}
.pk-attr-cursor-preview img {
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transform:scale(1.3);transition:transform .7s cubic-bezier(.16,1,.3,1);
}
.pk-attr-cursor-preview.is-visible {opacity:1;scale:1}
.pk-attr-cursor-preview.is-visible img {transform:scale(1)}
@media(max-width:991px), (hover:none), (pointer:coarse) {
  .pk-attr-cursor-preview{display:none!important}
}
@media(prefers-reduced-motion:reduce) {
  .pk-attractions-archive .pk-attr-hero-word,
  .pk-attractions-archive .center-image-wrapper,
  .pk-attractions-archive .left-image-wrapper,
  .pk-attractions-archive .right-image-wrapper {animation:none!important;opacity:1!important;transform:none!important}
  .pk-attr-cursor-preview {display:none!important}
}


/* v0.8.6 — Wayo original 3D hero flip, triggered in view.
   Animation timing is calculated with the exact published Webflow IX2
   swingFromTo easing in attractions.js, not from scroll position. */
.pk-attractions-single .rotate-inside {
  animation: none;
  transform-style: preserve-3d;
  will-change: auto;
}
.pk-attractions-single .pk-attr-flip-active .rotate-inside {
  will-change: transform;
}
.pk-attractions-single .rotate-image,
.pk-attractions-single .rotate-image.back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media (prefers-reduced-motion: reduce) {
  .pk-attractions-single .rotate-inside,
  .pk-attractions-single .pk-attr-flip-active .rotate-inside {
    animation: none !important;
    transform: none !important;
    will-change: auto;
  }
}