@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;1,500&display=swap');

h1 { font-family: Roboto, "regular", sans-serif; }

body::before {
  content: "Doprava zadarmo pri nákupe nad 49,99€";
  display: block;
  width: 100%;
  text-align: center;
  background: #FCbb00;
  color: #fff;
  font-size: 16px;
  font-weight: 480;
  padding: 1px 0;
  position: relative;  
  z-index: 30;          
}
#header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: #ffffffff;
}
 #header .container{min-height:10px}

.navigation-in > ul > li > a:hover,
.navigation-in > ul > li.exp > a:hover,
.navigation-in a:hover {
  background-color: #FCbb00 !important;
  color: #000 !important;
  transform: scale(1.08);
}
.btn, .btn.btn-primary, .btn.btn-cart { 
  background: #111; 
  color: #fff; 
  border: 2px solid #111 !important; 
  border-radius: 1px !important; 
  text-transform: uppercase; 
  font-weight: 700; 
  letter-spacing: 2px;
   } 
  body {
    background: #fff !important;
  }
  .btn:hover, .btn.btn-primary:hover, .btn.btn-cart:hover { 
  background: #66ff66 !important;
  transform: scale(1.08) !important;
  color: #FFF !important;
  border: 2px solid #fff !important; 
  }
.p {
  transition: transform 0.7s ease !important;
}
.p:hover {
  transform: scale(1.07) !important;
}
.p-short-description,
.p-short-description * {
  font-family: 'open Sans', sans-serif !important;
}
.description-inner,
.description-inner *,
.basic-description,
.basic-description * {
  font-family: 'Lato', sans-serif !important;
}
.video-hero {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  height: 100vh;
  min-height: 480px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 40px;
}
.video-hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.video-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.35) 35%, rgba(0,0,0,.55));
  z-index: 1;
}
.video-hero__content {
  position: relative;
  z-index: 2;
  max-width: 900px;
  padding: 0 20px;
  color: #fff;
}
.video-hero__title {
  font-size: clamp(1.8rem, 5vw, 3.5rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: .02em;
  color: #fff;
  margin: 0 0 16px;
  text-transform: uppercase;
}
.video-hero__subtitle {
  font-size: clamp(1rem, 2vw, 1.25rem);
  margin: 0 auto 28px;
  max-width: 640px;
  opacity: .92;
}
.video-hero__buttons {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}
.video-hero__btn {
  display: inline-block;
  padding: 14px 32px;
  font-size: .95rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 4px;
  transition: all .25s ease;
}
.video-hero__btn--primary { background: #f2b705; color: #111; }
.video-hero__btn--primary:hover { background: #ffca28; color: #111; text-decoration: none; }
.video-hero__btn--secondary { background: transparent; color: #fff; border: 2px solid #fff; }
.video-hero__btn--secondary:hover { background: #fff; color: #111; text-decoration: none; }

@media (max-width: 767px) {
  .video-hero { height: 70vh; min-height: 420px; }
  .video-hero__btn { width: 100%; max-width: 320px; }
}
@media (min-width: 992px) {
  .has-video-hero #header,
  .has-video-hero #header .container,
  .has-video-hero #header > div,
  .has-video-hero .header-top,
  .has-video-hero #navigation,
  .has-video-hero #navigation .container,
  .has-video-hero .navigation-in,
  .has-video-hero .navigation-in ul {
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
  }
.has-video-hero .top-navigation-bar,
.has-video-hero .top-navigation-bar .container,
.has-video-hero .top-navigation-bar div {
  background: #f2b705 !important;
}
.has-video-hero .top-navigation-bar,
.has-video-hero .top-navigation-bar a,
.has-video-hero .top-navigation-bar span {
  color: #111 !important;
}
  .has-video-hero #header,
  .has-video-hero #navigation {
    position: relative;
    z-index: 20;
  }
  .has-video-hero #navigation a,
  .has-video-hero .navigation-in a,
  .has-video-hero #header a,
  .has-video-hero #header .site-name a {
    color: #fff !important;
  }
  .has-video-hero #navigation a:hover,
  .has-video-hero .navigation-in a:hover {
    color: #f2b705 !important; /* žltá z loga */
  }
  .has-video-hero .navigation-in ul ul {
    background: #1a1a1a !important;
  }
}
.has-video-hero .menu-helper,
.has-video-hero .menu-helper > span,
.has-video-hero #header .search,
.has-video-hero #header .search-trigger,
.has-video-hero #header .login-trigger,
.has-video-hero #header .popup-widget-trigger,
.has-video-hero #header .navigation-buttons,
.has-video-hero #header .navigation-buttons > a,
.has-video-hero #header .cart-trigger {
  background: transparent !important;
  box-shadow: none !important;
}
.has-video-hero .menu-helper,
.has-video-hero .menu-helper span,
.has-video-hero #header .navigation-buttons a {
  color: #fff !important;
}
.has-video-hero .menu-helper ul,
.has-video-hero .menu-helper .menu-level-2 {
  background: #1a1a1a !important;
}
.has-video-hero #header a,
.has-video-hero #header button,
.has-video-hero #navigation a,
.has-video-hero #navigation button {
  background-color: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
}

.db-story{
  --db-ink:#2A2320;
  --db-muted:#6B615B;
  --db-gold:#A8722A;
  --db-line:#E0D8CC;
  --db-card:#F7F4EF;
  --db-bg:#FCFAF8;
  background:var(--db-bg);
  padding:72px 20px 80px;
  color:var(--db-ink);
  -webkit-font-smoothing:antialiased;
}
.db-story *{box-sizing:border-box;}

.db-story__head{
  max-width:640px;margin:0 auto 56px;text-align:center;
}
.db-story__title{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(30px,4.5vw,44px);
  font-weight:500;line-height:1.2;margin:0 0 14px;color:var(--db-ink);
}
.db-story__lede{
  font-size:16px;line-height:1.7;color:var(--db-muted);margin:0;
}

/* ---------- časová os ---------- */
.db-line{
  position:relative;max-width:1000px;margin:0 auto;
}
.db-line::before{
  content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;
  background:var(--db-line);transform:translateX(-50%);
}

.db-item{
  display:grid;grid-template-columns:1fr 72px 1fr;align-items:center;
  margin-bottom:56px;
}
.db-item:last-child{margin-bottom:0;}
.db-item__card{grid-column:1;}
.db-item__spacer{grid-column:3;}
.db-item--right .db-item__card{grid-column:3;}
.db-item--right .db-item__spacer{grid-column:1;}

/* uzol na čiare — plamienok */
.db-item__node{
  grid-column:2;justify-self:center;
  width:14px;height:14px;border-radius:50%;
  background:var(--db-gold);
  box-shadow:0 0 0 6px var(--db-bg),0 0 0 8px var(--db-line);
  position:relative;z-index:2;
}

.db-card{
  background:var(--db-card);
  border-radius:18px;
  padding:16px 16px 22px;
  overflow:hidden;
}
.db-card img{
  display:block;width:100%;height:230px;object-fit:cover;
  border-radius:12px;margin-bottom:18px;
  /* zjednotenie farebnosti fotiek — uprav podľa potreby */
  filter:saturate(.88) contrast(1.02);
}
.db-card p{
  margin:0;padding:0 6px;
  font-size:16px;line-height:1.65;color:var(--db-ink);text-align:center;
}

/* ---------- citát ---------- */
.db-quote{
  max-width:820px;margin:72px auto 0;
  background:#fff;border-radius:20px;
  padding:44px 40px;text-align:center;
}
.db-quote blockquote{
  margin:0;font-family:'Cormorant Garamond',Georgia,serif;
  font-style:italic;font-weight:500;
  font-size:clamp(21px,2.6vw,30px);line-height:1.4;color:var(--db-ink);
}
.db-quote cite{
  display:block;margin-top:18px;font-style:normal;
  font-size:13px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--db-gold);
}

/* ---------- animácia ---------- */
.db-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease;}
.db-reveal.is-in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .db-reveal{opacity:1;transform:none;transition:none;}
}

/* ---------- mobil ---------- */
@media (max-width:820px){
  .db-story{padding:52px 16px 60px;}
  .db-line::before{left:9px;}
  .db-item{grid-template-columns:20px 1fr;gap:0 20px;margin-bottom:36px;}
  .db-item .db-item__card,
  .db-item--right .db-item__card{grid-column:2;}
  .db-item__spacer{display:none;}
  .db-item__node{grid-column:1;justify-self:start;width:12px;height:12px;}
  .db-card img{height:190px;}
  .db-card p{font-size:15px;text-align:left;padding:0 4px;}
  .db-quote{padding:32px 22px;margin-top:48px;}
}