.agreedHero{position:relative;width:100%;overflow:hidden;background:#d8bc89}
.agreedHero>.heroBase{display:block;width:100%;height:auto}
.hotspot{position:absolute;z-index:6;display:block;border:0;background:transparent;cursor:pointer}
.hotspot:focus-visible{outline:4px solid #f1b94f;outline-offset:2px}
.coverDonkey{left:24.2%;top:27%;width:20%;height:40%}
.aboutBook{left:36.6%;top:2.4%;width:5.7%;height:4%}
.aboutAuthor{left:43.6%;top:2.4%;width:6.7%;height:4%}
.topExcerpt{left:51.6%;top:2.4%;width:6.3%;height:4%}
.contact{left:65.8%;top:2.4%;width:6%;height:4%}
.topRead{left:82.1%;top:1.1%;width:15.5%;height:5.4%}
.cleanHeroNav{position:absolute;z-index:7;left:34.5%;top:1.2%;width:39.5%;height:6.2%;display:flex;align-items:center;justify-content:center;gap:clamp(30px,4.2vw,76px);background:transparent;font:600 clamp(11px,1vw,16px) Arial,sans-serif;letter-spacing:.05em}
.cleanHeroNav a{white-space:nowrap}
.cleanHeroNav a:hover,.cleanHeroNav a:focus-visible{color:#8b3d16;text-decoration:underline}
.heroContact{position:absolute;z-index:7;left:5.15%;top:7.55%;display:flex;flex-direction:column;gap:.32em;color:#f0ead9;font:600 clamp(8px,.69vw,11px)/1.25 Arial,sans-serif;letter-spacing:.12em;text-shadow:0 1px 2px rgba(45,28,12,.28)}
.heroContact a:hover,.heroContact a:focus-visible{text-decoration:underline}

/* PRVI PRIKAZ: celotna scena močno in svetlo zamegljena. */
.openingBlur{position:absolute;z-index:10;inset:-12px;background:rgba(255,239,202,.13);backdrop-filter:blur(12px) brightness(1.16);-webkit-backdrop-filter:blur(12px) brightness(1.16)}
/* Čez zameglitev položimo originalno, ostro naslovnico. */
.openingCover{position:absolute;z-index:11;left:20.117%;top:9.473%;width:27.474%;height:59.375%;object-fit:fill;filter:drop-shadow(10px 14px 9px rgba(45,28,12,.30));pointer-events:none}

.openButton{position:absolute;z-index:12;left:24.95%;top:59.7%;width:17.8%;height:5.8%;padding:4px;border:2px solid #63231d;outline:1px solid #d8ad68;outline-offset:3px;border-radius:7px;color:#fff1cf;background:linear-gradient(180deg,#b85b4d 0%,#8f342c 48%,#641d1a 100%);text-shadow:0 1px 1px #3a100d;box-shadow:inset 0 0 0 1px #e5a078,inset 0 0 0 3px #70251f,0 5px 14px #321b0d80;font:700 clamp(9px,.92vw,14px) Georgia,"Times New Roman",serif;letter-spacing:.075em;cursor:pointer;transition:.25s}
.openButton span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border:1px solid rgba(80,43,15,.72);border-radius:3px}
.openButton:hover{filter:brightness(1.14);transform:translateY(-2px)}

/* Po prvem skoku je ponovitev namerno manj opazna. */
.agreedHero.isOpen .openButton{left:26.95%;top:62.1%;width:13.8%;height:3.8%;padding:2px;opacity:.78;outline-offset:2px;font-size:clamp(7px,.67vw,10px);letter-spacing:.035em;box-shadow:inset 0 0 0 1px #d28b68,0 3px 8px #321b0d55}
.agreedHero.isOpen .openButton:hover{opacity:1}

/* Glavni naslednji korak se pokaže šele po ODPRI. */
.readBookCta{position:absolute;z-index:7;left:51.6%;top:61.2%;width:26.5%;height:6.3%;display:flex;align-items:center;justify-content:center;gap:.65em;padding:0 .7em;border:2px solid #6b241d;outline:1px solid #d8ad68;outline-offset:3px;border-radius:8px;color:#ffe2a1;background:linear-gradient(180deg,#a84435,#761f1b);box-shadow:inset 0 0 0 1px #e6a16f,0 7px 16px #321b0d66;font:700 clamp(10px,.98vw,15px) Georgia,"Times New Roman",serif;letter-spacing:.035em;text-align:center;opacity:0;visibility:hidden;transform:translateY(7px);transition:.35s}
.agreedHero.isOpen .readBookCta{opacity:1;visibility:visible;transform:none}
.readBookCta:hover{filter:brightness(1.12);transform:translateY(-2px)!important}
.readBookCta.trailerNudge{animation:trailerNudge 1.9s ease-in-out 1}
@keyframes trailerNudge{0%,100%{filter:none;box-shadow:inset 0 0 0 1px #e6a16f,0 7px 16px #321b0d66}35%,68%{filter:brightness(1.22);box-shadow:inset 0 0 0 1px #ffd9a4,0 0 0 7px rgba(255,207,108,.24),0 9px 24px #321b0d8c}}

.agreedHero .jumpingDonkey{position:fixed;z-index:100;left:23.5%;top:29.5%;width:18%;animation:agreedJump 2s linear both;transform-origin:center center}
.jumpBlackout{position:fixed;z-index:99;inset:0;background:#000;pointer-events:none;animation:fullBlackout 2s ease-in both}
@keyframes agreedJump{from{transform:scale(.16);opacity:1}to{transform:scale(25);opacity:1}}
@keyframes fullBlackout{0%,86%{opacity:0}100%{opacity:1}}

/* MOBI: ločena postavitev. PC pravila zgoraj ostanejo nespremenjena. */
@media(max-width:700px){
  .agreedHero{
    height:158vw;
    min-height:560px;
    max-height:760px;
    overflow:hidden;
    background:#d8bc89;
  }

  /* Veliko namizno grafiko približamo toliko, da je knjiga glavni motiv. */
  .agreedHero>.heroBase{
    position:absolute;
    z-index:1;
    top:0;
    left:-44vw;
    width:290vw;
    max-width:none;
    height:auto;
  }

  /* Prvi prikaz: vse razen knjige je močno in svetlo zamegljeno. */
  .openingBlur{
    z-index:10;
    inset:-18px;
    background:rgba(255,241,210,.18);
    backdrop-filter:blur(18px) brightness(1.22);
    -webkit-backdrop-filter:blur(18px) brightness(1.22);
  }

  /* Ostra originalna naslovnica ostane točno nad knjigo iz ozadja. */
  .openingCover{
    z-index:11;
    left:9.5vw;
    top:18.65vw;
    width:81vw;
    height:116.4vw;
    object-fit:fill;
    filter:drop-shadow(7px 10px 8px rgba(45,28,12,.28));
  }

  /* Na telefonu ne potrebujemo nevidnih namiznih navigacijskih območij. */
  .aboutBook,.aboutAuthor,.topExcerpt,.contact{display:none}
  .cleanHeroNav{display:none}
  .heroContact{display:flex;left:5vw;top:14.5vw;gap:.3em;font-size:clamp(8px,2.45vw,11px);line-height:1.25;letter-spacing:.12em}
  .topRead{left:61vw;top:3vw;width:36vw;height:11vw;display:flex;align-items:center;justify-content:center;border:1px solid #9d7438;border-radius:6px;color:#f0b54a;background:#211509;box-shadow:0 5px 12px rgba(43,26,11,.34);font:700 clamp(9px,2.8vw,12px) Arial,sans-serif;letter-spacing:.05em}
  .topRead:after{content:"PREBERI KNJIGO"}

  .coverDonkey{left:19vw;top:39vw;width:61vw;height:61vw}

  .openButton{
    left:29vw;
    top:96vw;
    width:42vw;
    height:10vw;
    min-height:46px;
    padding:3px;
    font-size:clamp(11px,3.3vw,15px);
    border-radius:7px;
  }

  /* Po prvem skoku ŠE ENKRAT ostane na knjigi, vendar je diskreten. */
  .agreedHero.isOpen .openButton{
    left:29vw;
    top:101vw;
    width:42vw;
    height:7.5vw;
    min-height:36px;
    padding:2px;
    opacity:.68;
    font-size:clamp(9px,2.65vw,12px);
  }

  /* Glavni naslednji korak je pod knjigo in ga je lahko zadeti s prstom. */
  .readBookCta{
    left:14vw;
    top:126vw;
    width:72vw;
    height:12vw;
    min-height:52px;
    font-size:clamp(14px,4vw,19px);
    letter-spacing:.035em;
  }


  .agreedHero .jumpingDonkey{
    position:fixed;
    left:18vw;
    top:27vh;
    width:64vw;
    max-width:none;
    animation:agreedJumpMobile 2s linear both;
    transform-origin:center center;
  }

  @keyframes agreedJumpMobile{
    from{transform:scale(.16);opacity:1}
    to{transform:scale(14);opacity:1}
  }
}

/* KRATEK FILM */
.filmSection{padding:clamp(54px,7vw,92px) clamp(18px,7vw,110px);color:#f7e7c6;background:radial-gradient(circle at 50% 0,#654221 0,#322011 55%,#1d120a 100%);text-align:center}
.filmEnglishTop{display:inline-block;margin:0 0 24px;color:#e6a94c;font:500 clamp(16px,1.5vw,22px) Arial,sans-serif}
.filmSection .sectionHeading{max-width:820px}
.filmSection .sectionHeading h2{color:#ffe1a4}
.filmSection .sectionHeading>p:last-child{color:#ead6b2}
.filmWrap{position:relative;width:min(100%,1000px);margin:0 auto}
.filmPreview{display:block;padding:0;overflow:hidden;border:6px solid #8b572d;border-radius:10px;background:#120b06;box-shadow:0 22px 45px rgba(8,4,2,.48);cursor:pointer}
.filmPreview img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.filmPreview:hover img,.filmPreview:focus-visible img{transform:scale(1.025);filter:brightness(.78)}
.filmPreview:focus-visible{outline:4px solid #f1b94f;outline-offset:4px}
.filmPlay{position:absolute;left:50%;top:50%;display:grid;width:78px;height:78px;place-items:center;padding-left:5px;border:2px solid #ffe8b5;border-radius:50%;color:#fff;background:rgba(101,31,23,.9);font:700 31px/1 Arial,sans-serif;transform:translate(-50%,-50%);box-shadow:0 8px 25px rgba(0,0,0,.45)}
.filmPreviewLabel{position:absolute;left:50%;bottom:6%;padding:.55em .9em;border-radius:999px;color:#fff1cf;background:rgba(30,18,10,.82);font:700 clamp(13px,1.2vw,18px) Arial,sans-serif;transform:translateX(-50%);white-space:nowrap}
.filmSection video{display:block;width:100%;aspect-ratio:16/9;margin:0 auto;border:6px solid #8b572d;border-radius:10px;background:#120b06;box-shadow:0 22px 45px rgba(8,4,2,.48)}
.filmTranslation{position:absolute;z-index:2;left:50%;transform:translateX(-50%);color:#ffe1a4;font:400 clamp(14px,1.35vw,21px) Georgia,"Times New Roman",serif;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .18s ease;text-shadow:0 1px 2px #000}
.filmEnglishLink{top:58%}
.filmItalianLink{top:68%}
.filmTranslation.isVisible{opacity:1;visibility:visible}
.filmEnglishTop:hover{text-decoration:underline}

.trailerModal[hidden]{display:none}.trailerModal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:clamp(14px,4vw,48px)}.trailerBackdrop{position:absolute;inset:0;background:rgba(12,7,3,.88);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.trailerDialog{position:relative;width:min(1050px,100%);overflow:hidden;border:1px solid #bd8a4b;border-radius:14px;background:#21140b;box-shadow:0 28px 80px #000;color:#f7e7c6}.trailerHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-bottom:1px solid rgba(211,166,95,.35)}.trailerHeader h2{margin:0;color:#ffe1a4;font-size:clamp(20px,2vw,30px)}.trailerYoutubeTop{padding:.65em .9em;border:1px solid #b98b53;border-radius:7px;color:#efba66;font:700 14px Arial,sans-serif;white-space:nowrap}.trailerYoutubeTop:hover,.trailerYoutubeTop:focus-visible{background:#402214;text-decoration:underline;outline:3px solid #f1b94f;outline-offset:2px}.trailerFrame{aspect-ratio:16/9;background:#000}.trailerFrame iframe{display:block;width:100%;height:100%;border:0}.trailerFooter{display:flex;justify-content:flex-end;padding:14px 18px}.trailerNext{min-width:160px;padding:13px 20px;border:1px solid #d8ad68;border-radius:7px;color:#fff1cf;background:linear-gradient(180deg,#a84435,#6e211b);box-shadow:inset 0 0 0 1px rgba(255,207,151,.28),0 5px 12px rgba(10,5,2,.24);font:700 15px Georgia,"Times New Roman",serif;letter-spacing:.055em;cursor:pointer}.trailerNext:hover,.trailerNext:focus-visible{filter:brightness(1.14);outline:3px solid #f1b94f;outline-offset:2px}.trailerOpen{overflow:hidden}

/* Na telefonu samostojen kvadratek; besedilo ostane berljivo nad modrecem. */
.whyMobile{display:none}
@media(max-width:700px){
  .readBookCta{line-height:1.15;text-align:center;padding:0 10px}
  .filmSection{padding:56px 16px}
  .filmSection video{border-width:3px;border-radius:7px}
  .filmPreview{border-width:3px;border-radius:7px}.filmPlay{width:62px;height:62px;font-size:25px}.filmPreviewLabel{bottom:5%;font-size:13px}
  .filmTranslation{left:50%;font-size:clamp(10px,3vw,14px)}
  .filmEnglishLink{top:57%}
  .filmItalianLink{top:69%}
  .whyMobile{display:block;padding:18px;background:#2b1d10}
  .whyCard{position:relative;isolation:isolate;display:flex;min-height:calc(100vw - 36px);flex-direction:column;justify-content:center;overflow:hidden;padding:28px 24px;border:1px solid #b78b50;border-radius:12px;color:#f5e8cf;text-align:center;background:#21190f url('zakaj-brez-navodil.png') 18% center/cover no-repeat;box-shadow:0 14px 32px rgba(10,5,2,.4)}
  .whyCard:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(25,18,10,.72),rgba(25,18,10,.9) 42%,rgba(25,18,10,.94))}
  .whyCard h2{margin:0 0 18px;color:#d2a563;font:700 clamp(27px,8vw,38px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:.06em}
  .whyCard p{margin:0;font-size:clamp(17px,4.8vw,21px);line-height:1.55}
  .whyPunch{display:block;margin-top:18px;color:#dc983f;font-size:clamp(21px,6vw,28px)}
}

@media(prefers-reduced-motion:reduce){.readBookCta.trailerNudge{animation:none}.filmPreview img{transition:none}}
@media(max-width:520px){.trailerHeader{align-items:flex-start;flex-direction:column}.trailerYoutubeTop{align-self:stretch;text-align:center}.trailerFooter{padding:12px}.trailerNext{width:100%}}

@media(max-width:380px){
  .agreedHero{min-height:540px}
  .readBookCta{top:128vw}
}

/* MEDITACIJA */
.meditationSection{padding:clamp(54px,7vw,96px) clamp(20px,5vw,72px);background:radial-gradient(circle at 50% 0,#6a4828 0,#352313 52%,#21160d 100%);color:#f7e7c6}
.meditationSection .sectionHeading{max-width:780px;margin:0 auto 38px;text-align:center}
.meditationSection .sectionHeading h2{margin:.2em 0 .45em;color:#ffe1a4;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,52px);line-height:1.1}
.meditationSection .sectionHeading p:last-child{font-size:clamp(16px,1.5vw,20px);line-height:1.55;color:#ead6b2}
.meditationGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.5vw,24px);max-width:1400px;margin:0 auto}
.meditationCard{display:flex;flex-direction:column;min-width:0;padding:clamp(22px,2.4vw,34px);border:1px solid rgba(231,184,105,.48);border-radius:12px;background:linear-gradient(180deg,rgba(104,69,37,.9),rgba(47,30,17,.94));box-shadow:0 14px 34px rgba(10,6,2,.3),inset 0 0 0 1px rgba(255,231,184,.06)}
.meditationImageCard{margin:0;padding:0;overflow:hidden;background:#17111f}
.meditationImageCard img{display:block;width:100%;height:100%;min-height:100%;object-fit:cover}
.meditationCard h3{margin:.15em 0 .45em;color:#ffe1a4;font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,2vw,29px);line-height:1.2}
.meditationCard>p:not(.meditationDuration){flex:1;margin:0 0 1.25em;color:#ead9ba;font-size:16px;line-height:1.5}
.meditationDuration{align-self:flex-start;margin:0 0 .65em;padding:.28em .65em;border:1px solid rgba(231,184,105,.5);border-radius:999px;color:#f2c879;font-size:13px;font-weight:700;letter-spacing:.08em}
.meditationCard audio{display:block;width:100%;margin:0 0 16px;accent-color:#a94a35}
.audioDownload{display:flex;min-height:46px;align-items:center;justify-content:center;border:1px solid #d8ad68;border-radius:7px;color:#fff1cf;background:linear-gradient(180deg,#a84435,#6e211b);box-shadow:inset 0 0 0 1px rgba(255,207,151,.28),0 5px 12px rgba(10,5,2,.24);font:700 15px Georgia,"Times New Roman",serif;letter-spacing:.055em;text-decoration:none;transition:.2s}
.audioDownload:hover,.audioDownload:focus-visible{filter:brightness(1.13);transform:translateY(-2px)}

@media(max-width:1100px){.meditationGrid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}}
@media(max-width:650px){.meditationGrid{grid-template-columns:1fr;max-width:580px}.meditationCard{padding:24px}.meditationImageCard{padding:0;aspect-ratio:1/1}.meditationSection{padding-inline:18px}}