/* ==========================================================================
   Dujkin Dvor — client styles layered on top of the Terreno design system
   Palette: stone #FAF9F6 · Adriatic #0F4C6E · sand #C9A886
            wine #7A1E1E · deep navy #0D1B24
   ========================================================================== */

/* ---------- Header: restore the original centered wordmark size ---------- */
.mdl-header{
  --header-logo-w:23.4rem !important;
}
@media (max-width: 1279px){
  .mdl-header{
    --header-logo-w:16.63rem !important;
  }
}
@media (max-width: 767px){
  .mdl-header{
    --header-logo-w:14.3rem !important;
  }
}

.dd-header-logo{
  display:block;
  width:var(--header-logo-w);
  max-width:100%;
  aspect-ratio:775 / 138;
  background-color:currentColor;
  -webkit-mask:url("../images/dujkin/logo-main-wine.png") center / contain no-repeat;
  mask:url("../images/dujkin/logo-main-wine.png") center / contain no-repeat;
  transition:width .3s ease;
}

/* Header uses one crisp, static wordmark; the full-screen loader handles the intro. */
.dd-footer-logo{
  display:block;
  width:100%;
  aspect-ratio:775 / 138;
  background-color:currentColor;
  -webkit-mask:url("../images/dujkin/logo-main-wine.png") center / contain no-repeat;
  mask:url("../images/dujkin/logo-main-wine.png") center / contain no-repeat;
}

/* ---------- Header: centred wordmark, no section menu -------------------- */
.mdl-header{
  position:sticky !important;
  top:0;
  z-index:1000 !important;
  background-color:var(--home-active-bg,#FAF9F6) !important;
  color:var(--home-active-color,#7A1E1E) !important;
  isolation:isolate;
  --dd-sticky-header-h:9.2rem;
}
body.idp0 #panels .panel_header > .mdl-header,
body.idp0.js-header-scroll-colors #panels .panel_header > .mdl-header{
  background:var(--home-active-bg,var(--header-scroll-bgcolor,#FAF9F6)) !important;
  color:var(--home-active-color,var(--header-scroll-color,#7A1E1E)) !important;
}
body.idp0 #panels .panel_header > .mdl-header::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:var(--home-active-bg,var(--header-scroll-bgcolor,#FAF9F6));
  pointer-events:none;
}
.mdl-header .module-content{position:relative;align-items:center}
.mdl-header .module-content .primary-content{
  position:static;
  justify-content:center;
  align-items:center;
  max-width:none;
}

.mdl-header .module-content .logo-link{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  z-index:5;
}

.mdl-header .module-content .primary-content>.dd-header-spacer{
  flex:1 1 0;
  min-width:0;
  box-sizing:border-box;
}

.dd-language-switch{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.65rem;
  padding:.35rem;
}
.dd-language-button{
  display:grid;
  place-items:center;
  width:5rem;
  height:3rem;
  padding:0;
  border:.15rem solid rgba(122,30,30,.28);
  border-radius:.25rem;
  background:#FAF9F6;
  cursor:pointer;
  transform:scale(.84);
  transform-origin:center;
  opacity:.72;
  filter:grayscale(.78) brightness(.8);
  transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s ease,opacity .22s ease,box-shadow .22s ease;
}
.dd-language-button img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}
.dd-language-button.is-active{
  transform:scale(1.06);
  opacity:1;
  filter:none;
  box-shadow:none;
}
.dd-language-button:hover,.dd-language-button:focus-visible{
  transform:scale(1.14);
  opacity:1;
  filter:none;
  z-index:2;
}
.dd-language-button:focus-visible{outline:.2rem solid #7A1E1E;outline-offset:.3rem}
.dd-language-button,
.dd-roko-actions .dd-language-button{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
.dd-language-button img{border-radius:0 !important}
.dd-language-button.is-active{box-shadow:none !important}
@media(max-width:767px){
  .dd-language-switch{gap:.3rem;padding:.2rem}
  .dd-language-button{width:4.4rem;height:2.6rem}
}

/* ---------- Smooth scrolling --------------------------------------------- */
html{
  scroll-behavior:smooth;
}

/* ---------- Responsive Hero Image ---------------------------------------- */
.dd-hero-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 10%;
}
.dd-hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.dd-hero-video--desktop{
  display:block !important;
  top:0;
  height:100%;
}

.dd-hero-video--mobile{
  display:none !important;
}

.no-mobile{
  display:block !important;
}

.only-mobile{
  display:none !important;
}


/* ---------- Hero .m-bg figure (video container) fills module-content ------ */
.mdl-hero .module-content > .m-bg{
  position:absolute;
  inset:0;
  margin:0;
  padding:0;
  overflow:hidden;
  z-index:0;
}

/* ---------- Hero to story transition ------------------------------------- */
.mdl-hero{
  position:relative;
  overflow:visible;
  height:auto;
}

.mdl-hero .module-content{
  position:relative;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding-bottom:8rem;
}

/* A restrained wine-toned image wash keeps the hero copy readable without a card. */
.mdl-hero .module-content::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(65,16,18,.66) 0%,
    rgba(65,16,18,.48) 38%,
    rgba(65,16,18,.2) 72%,
    rgba(65,16,18,.08) 100%);
}

.mdl-hero .module-content > .text-content{
  position:relative;
  z-index:4;
  text-shadow:0 2px 18px rgba(28,8,9,.48);
}

.dd-hero-transition{
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  width:100%;
  pointer-events:none;
  z-index:3;
}

/* Bring the hero image up to the navigation edge and let the reservation
   bar finish flush with the bottom of the video. */
@media (min-width: 768px){
  .mdl-hero{
    margin-top:0 !important;
  }

  .mdl-hero .module-content{
    overflow:visible;
  }

  .mdl-hero .module-content::before{
    top:clamp(-18rem, -16vh, -12rem);
  }

  .mdl-hero .module-content > .m-bg{
    top:clamp(-18rem, -16vh, -12rem);
    height:calc(100% + clamp(12rem, 16vh, 18rem));
    overflow:hidden;
  }

  .mdl-hero .module-content > .text-content{
    margin-bottom:-3rem;
  }
}

.dd-hero-transition{
  display:none !important;
}

.dd-hero-transition-fade{
  width:100%;
  height:clamp(12rem, 18vh, 22rem);
  background:linear-gradient(180deg, 
    rgba(250, 249, 246, 0) 0%, 
    rgba(250, 249, 246, 0.18) 32%, 
    rgba(250, 249, 246, 0.65) 68%, 
    rgba(250, 249, 246, 0.94) 88%, 
    #FAF9F6 100%);
}

.dd-hero-transition-wave{
  width:100%;
  line-height:0;
  margin-top:-1px;
}

.dd-hero-transition-wave svg{
  display:block;
  width:100%;
  height:clamp(3.5rem, 5vw, 6.5rem);
}

/* ---------- Hero reservation bar ----------------------------------------- */
.mdl-hero .search-form.dd-search-form{
  width:min(122rem, calc(100vw - 6rem));
  max-width:100%;
  padding:0;
  border:0.2rem solid var(--current-scheme-color, #7A1E1E);
  background-color:#FAF9F6;
  color:#0D1B24;
}

.dd-finder{
  display:grid;
  grid-template-columns:1.05fr .8fr .75fr 1fr 1.1fr auto;
  align-items:stretch;
  width:100%;
  background:#FAF9F6;
}

.dd-field{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.55rem;
  min-width:0;
  padding:1.35rem 2rem 1.25rem;
  border-right:.1rem solid rgba(122,30,30,.22);
}

.dd-field > span{
  font-family:"PP Monument Extended", sans-serif;
  font-size:1rem;
  line-height:1.2;
  font-weight:400;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#7A1E1E;
  white-space:nowrap;
}

.dd-field input,
.dd-field select{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-width:0;
  min-height:2.4rem;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#0D1B24;
  font-family:"Montserrat", sans-serif;
  font-size:1.7rem;
  line-height:1.25;
  font-weight:500;
  outline:none;
  cursor:pointer;
}

.dd-field input[type="date"],
.dd-field input[type="text"],
.dd-field input[type="tel"]{
  color-scheme:light;
}

.dd-field input[type="date"]{cursor:text}

.dd-field select{
  background-image:linear-gradient(45deg, transparent 50%, #7A1E1E 50%),
                   linear-gradient(135deg, #7A1E1E 50%, transparent 50%);
  background-position:calc(100% - 1.1rem) 50%, calc(100% - .6rem) 50%;
  background-size:.5rem .5rem, .5rem .5rem;
  background-repeat:no-repeat;
  padding-right:2.2rem;
}

.dd-field input::placeholder{color:rgba(13,27,36,.55)}

.dd-submit{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:17rem;
  padding:0 3rem;
  border:0;
  background:#7A1E1E;
  color:#FAF9F6;
  font-family:"PP Monument Extended", sans-serif;
  font-size:1.45rem;
  line-height:1.2;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background-color .25s ease, color .25s ease;
}

.dd-submit:hover,
.dd-submit:focus-visible{
  background:#0F4C6E;
  color:#FAF9F6;
}

.dd-form-note{
  grid-column:1 / -1;
  margin:0;
  padding:.8rem 2.2rem;
  border-top:.1rem solid rgba(122,30,30,.18);
  font-family:"Montserrat", sans-serif;
  font-size:1.05rem;
  line-height:1.4;
  color:rgba(13,27,36,.7);
  text-align:left;
}

.dd-form-note a{color:#7A1E1E;text-decoration:underline;text-underline-offset:.2em}

@media (max-width: 1180px) and (min-width: 768px){
  .mdl-hero .search-form.dd-search-form{width:min(92rem, calc(100vw - 5.8rem))}
  .dd-finder{grid-template-columns:repeat(3, 1fr)}
  .dd-field{padding:1.15rem 1.6rem}
  .dd-field:nth-child(3){border-right:0}
  .dd-field:nth-child(4),
  .dd-field:nth-child(5){border-top:.1rem solid rgba(122,30,30,.22)}
  .dd-field:nth-child(5){border-right:0}
  .dd-submit{min-width:0;min-height:5.6rem;padding:0 2.2rem}
}

@media (max-width: 767px){
  .no-mobile{
    display:none !important;
  }
  .only-mobile{
    display:block !important;
  }

  .dd-hero-image{
    object-position:center;
  }

  .dd-hero-video--desktop{
    display:none !important;
  }

  .dd-hero-video--mobile{
    display:block !important;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 30%;
  }


  /* Full hero video viewport on mobile — unobstructed! */
  .mdl-hero{
    height:auto !important;
    min-height:0 !important;
  }

  .mdl-hero .module-content{
    height:84svh !important;
    min-height:84svh !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    padding:calc(var(--header-h, 6rem) + 1.6rem) 2rem 2rem !important;
    position:relative;
  }

  .mdl-hero .module-content > .text-content{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    margin:0 auto !important;
    z-index:4;
    position:relative;
  }

  .mdl-hero .module-content .subtitle{
    font-size:1.3rem !important;
    letter-spacing:.18em !important;
    margin-bottom:.6rem !important;
    text-shadow:0 1px 8px rgba(0,0,0,0.6);
  }

  .mdl-hero .module-content .title h1{
    font-size:clamp(3.4rem, 9vw, 4.8rem) !important;
    line-height:1.04 !important;
    text-shadow:0 2px 14px rgba(0,0,0,0.65);
  }

  /* Dedicated mobile reservation block placed BELOW the hero video */
  .dd-mobile-reservation{
    display:block !important;
    background-color:#FAF9F6;
    color:#7A1E1E;
    padding:3.8rem 2.2rem 4.5rem;
    position:relative;
    z-index:5;
  }

  .dd-mobile-res-header{
    text-align:center;
    margin-bottom:2.2rem;
  }

  .dd-mobile-res-tag{
    display:inline-block;
    font-family:"PP Monument Extended", sans-serif;
    font-size:1.1rem;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:#7A1E1E;
    margin-bottom:.8rem;
  }

  .dd-mobile-res-title{
    font-family:"WT Central Avenue", sans-serif;
    font-size:clamp(2.4rem, 6.4vw, 3.2rem);
    font-weight:700;
    line-height:1.12;
    text-transform:uppercase;
    color:#7A1E1E;
    margin:0;
  }

  .dd-mobile-reservation .dd-search-form{
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    border:0.2rem solid #7A1E1E !important;
    box-shadow:0 1rem 3.5rem rgba(122,30,30,.1);
  }

  .dd-finder{grid-template-columns:1fr 1fr}
  .dd-field{padding:1rem 1.3rem .95rem}
  .dd-field:nth-child(2n){border-right:0}
  .dd-field:nth-child(n+3){border-top:.1rem solid rgba(122,30,30,.22)}
  .dd-field:nth-child(5){grid-column:1 / -1;border-right:0}
  .dd-submit{grid-column:1 / -1;min-height:5.4rem;min-width:0;padding:0 2rem}
  .dd-form-note{padding:.8rem 1.3rem}
  .dd-field > span{font-size:.95rem}
  .dd-field input,.dd-field select{font-size:1.5rem}
}

/* ---------- Circular reservation badge with dynamic themes --------------- */
.dd-badge{
  --badge-bg:#FAF9F6;
  --badge-color:#7A1E1E;
  width:13.5rem;
  height:13.5rem;
  margin:0;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  position:fixed !important;
  top:calc(var(--dd-sticky-header-h, 9.2rem) + 1.2rem) !important;
  right:2rem !important;
  bottom:auto !important;
  left:auto !important;
  z-index:1100 !important;
  text-decoration:none;
  filter:drop-shadow(0 .8rem 2.4rem rgba(13,27,36,.22));
  transition:transform .3s cubic-bezier(.16,1,.3,1), filter .3s ease;
}

.dd-badge:hover{
  transform:scale(1.06);
  filter:drop-shadow(0 1.2rem 3rem rgba(13,27,36,.32));
}

.dd-badge-inner{
  position:relative;
  width:100%;
  height:100%;
}

.dd-badge-svg{
  display:block;
  width:100%;
  height:100%;
}

.dd-badge-bg{
  fill:var(--badge-bg);
  stroke:var(--badge-color);
  transition:fill .5s cubic-bezier(.16,1,.3,1), stroke .5s cubic-bezier(.16,1,.3,1);
}

.dd-badge-text{
  fill:var(--badge-color);
  paint-order:stroke;
  stroke:var(--badge-color);
  stroke-width:.22px;
  transition:fill .5s cubic-bezier(.16,1,.3,1);
}

.dd-badge-ring{
  transform-origin:80px 80px;
  animation:dd-spin 26s linear infinite;
}

@keyframes dd-spin{
  to{
    transform:rotate(360deg);
  }
}

.dd-badge-center{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:7.48rem;
  height:7.48rem;
  pointer-events:none;
}

.dd-badge-icon{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  background-color:var(--badge-color);
  opacity:0;
  transform:scale(0.8);
  transition:opacity .45s ease, transform .45s cubic-bezier(.16,1,.3,1), background-color .5s ease;
  pointer-events:none;
}

.dd-badge-icon.is-active{
  opacity:1;
  transform:scale(1);
}

.dd-badge-icon--boat{
  inset:-20%;
  width:140%;
  height:140%;
  -webkit-mask:url("../images/dujkin/icon-boat.png") center / 115% 115% no-repeat;
  mask:url("../images/dujkin/icon-boat.png") center / 115% 115% no-repeat;
}

.dd-badge-icon--pot{
  -webkit-mask:url("../images/dujkin/icon-pot.png") center / 180% 180% no-repeat;
  mask:url("../images/dujkin/icon-pot.png") center / 180% 180% no-repeat;
}

.dd-badge-icon--pot.is-active{
  transform:translate(-.15rem,-.15rem) scale(1);
}

.dd-badge-icon--olive{
  -webkit-mask:url("../images/dujkin/icon-olive.png") center / 180% 180% no-repeat;
  mask:url("../images/dujkin/icon-olive.png") center / 180% 180% no-repeat;
}

.dd-badge-icon--olive.is-active{
  transform:scale(1.2);
}

.dd-badge-icon--wine{
  -webkit-mask:url("../images/dujkin/icon-wine.png") center / 175% 175% no-repeat;
  mask:url("../images/dujkin/icon-wine.png") center / 175% 175% no-repeat;
}

/* Theme presets matching sections */
.dd-badge[data-theme="stone"]{
  --badge-bg:#FAF9F6;
  --badge-color:#7A1E1E;
}

.dd-badge[data-theme="wine"]{
  --badge-bg:#7A1E1E;
  --badge-color:#FAF9F6;
}

.dd-badge[data-theme="blue"]{
  --badge-bg:#0F4C6E;
  --badge-color:#FAF9F6;
}

@media (max-width: 767px){
  .mdl-header{--dd-sticky-header-h:7rem}
  .dd-badge{
    width:10rem;
    height:10rem;
    top:calc(var(--dd-sticky-header-h) + .8rem) !important;
    right:1rem !important;
  }
  .dd-badge-center{
    width:5.5rem;
    height:5.5rem;
  }
}

@media (prefers-reduced-motion: reduce){
  .dd-badge-ring{
    animation:none;
  }
}

/* ==========================================================================
   Story — 2 images left, text centre, 3 images right
   ========================================================================== */
.mdl-seo-full.dd-story{
  background-color:#FAF9F6 !important;
  color:#7A1E1E !important;
  padding:0;
  min-height:0;
  overflow:visible;
  scroll-margin-top:calc(var(--header-h, 9rem));
}

.mdl-seo-full.dd-story .module-content{
  max-width:none;
  width:100%;
  min-height:0;
  margin:0;
  padding:0;
  text-align:left;
}

.dd-story-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(40rem,56rem) minmax(0,1fr);
  align-items:start;
  column-gap:clamp(2rem,3vw,4.5rem);
  max-width:168rem;
  min-height:0;
  margin:0 auto;
  padding:clamp(3.5rem,5vh,6rem) clamp(2.4rem,4vw,8rem) clamp(8rem,12vh,14rem);
}

.dd-story-col{
  display:flex;
  flex-direction:column;
  gap:clamp(2.4rem,4vh,5rem);
}

.dd-story-col--left{
  padding-top:1.5rem;
  transition:transform 1s cubic-bezier(.16,1,.3,1), opacity 1s cubic-bezier(.16,1,.3,1);
}
.dd-story-col--right{
  padding-top:clamp(6rem,11vh,12rem);
  transition:transform 1s cubic-bezier(.16,1,.3,1) .15s, opacity 1s cubic-bezier(.16,1,.3,1) .15s;
}

.dd-story-figure{
  position:relative;
  overflow:hidden;
  margin:0;
  background:#7A1E1E;
}

.dd-story-figure img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .9s cubic-bezier(.2,.7,.2,1);
}

.dd-story-figure:hover img{transform:scale(1.035)}

/* 3D floating paper effect -------------------------------------------- */
.dd-paper{
  --paper-r:0deg;
  --paper-tx:0rem;
  --paper-ty:0rem;
  --paper-shade:rgba(122,30,30,.1);
  transform:rotate(var(--paper-r)) translate(var(--paper-tx), var(--paper-ty));
  box-shadow:inset 0 0 0 .8rem var(--paper-shade);
  border-radius:.4rem;
  transition:
    transform .9s cubic-bezier(.16,1,.3,1),
    box-shadow .9s cubic-bezier(.16,1,.3,1);
  will-change:transform;
}

.dd-paper:hover{
  transform:
    rotate(calc(var(--paper-r) * 0.4))
    translate(calc(var(--paper-tx) * 0.5), calc(var(--paper-ty) * 0.5))
    translateY(-1.2rem) scale(1.025);
  box-shadow:inset 0 0 0 .8rem var(--paper-shade);
}


.dd-story-figure--tall{aspect-ratio:4 / 5}
.dd-story-figure--square{
  width:78%;
  margin-left:auto;
  aspect-ratio:1 / 1;
}

.dd-story-col--right .dd-story-figure:nth-child(1){
  width:88%;
  aspect-ratio:1 / 1;
}
.dd-story-col--right .dd-story-figure:nth-child(2){
  width:100%;
  aspect-ratio:4 / 3;
}
.dd-story-col--right .dd-story-figure:nth-child(3){
  width:72%;
  margin-left:auto;
  aspect-ratio:4 / 5;
}

.dd-story-body{
  align-self:start;
  position:sticky;
  top:calc(var(--header-h, 9rem) + 2.5rem);
  padding-top:clamp(1rem, 2vh, 2.5rem);
  max-width:56rem;
  transition:transform .9s cubic-bezier(.16,1,.3,1) .08s, opacity .9s cubic-bezier(.16,1,.3,1) .08s;
}

/* Scroll reveal transition from hero */
.dd-story .dd-story-body,
.dd-story .dd-story-col--left,
.dd-story .dd-story-col--right{
  opacity:0;
  transform:translateY(3rem);
  will-change:opacity, transform;
}

.dd-story .dd-story-pretitle,
.dd-story .dd-story-title,
.dd-story .dd-story-text p{
  opacity:0;
  transform:translateY(1.8rem);
  transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);
}
.dd-story .dd-story-pretitle{transition-delay:.08s}
.dd-story .dd-story-title{transition-delay:.2s}
.dd-story .dd-story-text p:nth-child(1){transition-delay:.34s}
.dd-story .dd-story-text p:nth-child(2){transition-delay:.46s}
.dd-story .dd-story-text p:nth-child(3){transition-delay:.58s}
.dd-story.is-visible .dd-story-pretitle,
.dd-story.is-visible .dd-story-title,
.dd-story.is-visible .dd-story-text p{opacity:1;transform:translateY(0)}

.dd-story.is-visible .dd-story-body,
.dd-story.is-visible .dd-story-col--left,
.dd-story.is-visible .dd-story-col--right{
  opacity:1;
  transform:translateY(0);
}

@media (prefers-reduced-motion: reduce){
  .dd-story .dd-story-body,
  .dd-story .dd-story-col--left,
  .dd-story .dd-story-col--right{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}

.dd-story-pretitle{
  font-family:"Blitz Script", cursive;
  font-size:clamp(4.8rem,6.2vw,7.4rem);
  line-height:1;
  margin-bottom:2.6rem;
  transform:rotate(-6deg);
  transform-origin:left center;
}

.dd-story-title{
  font-family:"WT Central Avenue", sans-serif;
  font-weight:700;
  font-size:clamp(3.4rem,4.4vw,5.6rem);
  line-height:1.02;
  letter-spacing:.01em;
  text-transform:uppercase;
  margin:0 0 3.4rem;
}

.dd-story-text{
  font-size:1.85rem;
  line-height:1.68;
  max-width:50rem;
}

.dd-story-text p{margin:0 0 2rem}
.dd-story-text p:last-child{margin-bottom:0}

.dd-story-link{
  margin-top:3rem;
  display:inline-block;
}

/* Keep the story copy in view while the image columns scroll past it. */
@media (min-width: 1024px){
  .dd-story-body{
    position:sticky;
    top:calc(var(--header-h, 9rem) + 1.5rem);
    margin-left:clamp(2.8rem, 3vw, 4rem);
    padding-top:0;
  }
  .dd-story-pretitle{
    font-size:clamp(3rem, 6vh, 5rem);
    margin-bottom:1.2rem;
  }
  .dd-story-title{
    font-size:clamp(3rem, 5.5vh, 4.6rem);
    line-height:1;
    margin-bottom:1.8rem;
  }
  .dd-story-text{
    max-width:50rem;
    font-size:clamp(1.9rem, 1.15vw, 2.2rem);
    line-height:1.55;
  }
  .dd-story-text p{margin-bottom:1.5rem}
}

@media (max-width: 1023px){
  .dd-story-grid{
    grid-template-columns:1fr 1fr;
    min-height:0;
    row-gap:5rem;
    padding:9rem clamp(2.4rem,5vw,5rem) 9rem;
  }
  .dd-story-body{
    grid-column:1 / -1;
    grid-row:1;
    position:static;
    padding-top:0;
    max-width:none;
  }
  .dd-story-title{max-width:70rem}
  .dd-story-col--left{grid-row:2;padding-top:0}
  .dd-story-col--right{grid-row:3;padding-top:0}
}

@media (max-width: 767px){
  .dd-story-grid{
    grid-template-columns:1fr;
    row-gap:4rem;
    padding:6.4rem 2.3rem 7rem;
  }
  .dd-story-body{grid-row:1}
  .dd-story-col{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1.2rem;
  }
  .dd-story-col--left{grid-row:2}
  .dd-story-col--right{grid-row:3;grid-template-columns:1fr 1fr}
  .dd-story-figure,
  .dd-story-figure--square,
  .dd-story-col--right .dd-story-figure:nth-child(1),
  .dd-story-col--right .dd-story-figure:nth-child(2){
    width:100%;
    margin-left:0;
    aspect-ratio:4 / 5;
  }
  .dd-story-col--right .dd-story-figure:nth-child(3){
    grid-column:1 / -1;
    width:100%;
    margin-left:0;
    aspect-ratio:16 / 10;
  }
  .dd-story-title{font-size:3.6rem;margin-bottom:2.6rem}
  .dd-story-text{font-size:1.7rem}
}

/* ==========================================================================
   Menu — rotating card images + PDF button at the end of the section
   ========================================================================== */
.dd-menu-pdf{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  margin-top:0;
  min-height:7.82rem;
  padding:0 4.76rem;
  font-size:1.7em;
}

#meni .module-header{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1.6rem;
}

#meni .module-header .group{display:contents}
#meni .module-header .pretitle{order:1}
#meni .module-header .title{order:2}
#meni .module-header .text{order:3}
#meni .module-header .pretitle h3{
  font-family:"Blitz Script",cursive;
  font-size:clamp(3.8rem,4.6vw,5.6rem);
  font-weight:400;
  line-height:1;
  text-transform:none;
  transform:rotate(-6deg);
  transform-origin:left center;
}
#meni .module-header .title h2{font-size:clamp(3.8rem,5.2vw,7.2rem);line-height:.98}

#meni .module-header .text{
  max-width:82rem;
  font-size:clamp(1.6rem,1.4vw,2rem);
  line-height:1.55;
  text-wrap:pretty;
}

#meni .module-header .text p{margin:0}

.dd-menu-footer{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3rem;
  padding:clamp(1.5rem,2.5vw,3rem) 0 1rem;
}
.dd-delivery-order{max-width:70rem;text-align:center}
.dd-delivery-title{font-family:"WT Central Avenue",sans-serif;font-size:clamp(2.8rem,3vw,4.2rem);line-height:1.05;font-weight:700;text-transform:uppercase;margin:0 0 1rem}
.dd-delivery-copy{font-size:1.7rem;line-height:1.5;margin:0 auto 2rem;max-width:58rem}
.dd-delivery-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1.2rem}
.dd-delivery-links > a[href*="glovoapp"]{
  --c:#00785F;
  --bg-c:#FFC244;
  --border-c:#FFC244;
  --hover-c:#FAF9F6;
  background-color:#FFC244;
  color:#0D1B24;
}
.dd-delivery-links > a[href*="glovoapp"]:hover,
.dd-delivery-links > a[href*="glovoapp"].hover{
  background-color:#00785F;
  color:#FAF9F6;
}
.dd-delivery-links > a[href*="wolt.com"]{
  --c:#0077B5;
  --bg-c:#009DE0;
  --border-c:#009DE0;
  --hover-c:#FAF9F6;
  background-color:#009DE0;
  color:#0D1B24;
}
.dd-delivery-links > a[href*="wolt.com"]:hover,
.dd-delivery-links > a[href*="wolt.com"].hover{
  background-color:#0077B5;
  color:#FAF9F6;
}
.dd-delivery-links > a:focus-visible{outline:.25rem solid currentColor;outline-offset:.3rem}

@media (max-width:767px){
  #meni .module-header .text{max-width:100%}
  .dd-menu-footer{padding:1.5rem 0 0}
}

.dd-price{
  margin-top:1.2rem;
  font-family:"PP Monument Extended", sans-serif;
  font-size:1.2rem;
  line-height:1.4;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.75;
}

#meni .area-image .top-menu{display:none !important}

.mdl-destacados .destacado-item .area-image .swiper-slide img{
  transition:opacity .35s ease,transform .6s cubic-bezier(.2,.7,.2,1);
}
#meni .area-image .swiper-slide .image{
  position:relative;
  overflow:hidden;
  border-radius:.4rem;
  --paper-r:0deg;
  --paper-tx:0rem;
  --paper-ty:0rem;
  --paper-shade:rgba(15,76,110,.12);
  transform:rotate(var(--paper-r)) translate(var(--paper-tx),var(--paper-ty));
  box-shadow:inset 0 0 0 .55rem var(--paper-shade);
  transition:transform .9s cubic-bezier(.16,1,.3,1),box-shadow .9s cubic-bezier(.16,1,.3,1);
}
#meni .destacado-item:nth-child(odd) .area-image .swiper-slide .image{--paper-r:-1.2deg;--paper-tx:-.15rem;--paper-ty:.1rem}
#meni .destacado-item:nth-child(even) .area-image .swiper-slide .image{--paper-r:1.2deg;--paper-tx:.15rem;--paper-ty:-.1rem}
#meni .area-image:hover .swiper-slide .image{
  transform:rotate(calc(var(--paper-r) * .35)) translateY(-.35rem) scale(1.012);
  box-shadow:inset 0 0 0 .55rem var(--paper-shade);
}
#meni .area-image:hover .swiper-slide img{transform:scale(1.045)}
#meni .destacado-item:nth-child(5) .area-image .swiper-slide img{object-position:center 65%}
#meni .destacado-item:nth-child(5) .area-image .image{aspect-ratio:3/2}
#meni .destacado-item:nth-child(5) .area-image .swiper-slide img{width:100%;height:100%;object-fit:cover!important;object-position:center 50%!important}

/* ==========================================================================
   Catering — wine-red section living off six rotating photos
   ========================================================================== */
.dd-catering{
  position:relative;
  background-color:#7A1E1E !important;
  color:#FAF9F6 !important;
  padding:clamp(6rem,8vh,10rem) clamp(2.4rem,4vw,6rem) clamp(5rem,7vh,9rem);
  overflow:hidden;
}

/* Subtle textured overlay to break the flat red */
.dd-catering::before{
  display:none;
}

.dd-catering > *{
  position:relative;
  z-index:1;
}

.dd-catering-inner{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(34rem,.92fr);
  align-items:center;
  column-gap:clamp(4rem,6vw,9rem);
  row-gap:clamp(5rem,8vh,9rem);
  max-width:150rem;
  margin:0 auto;
}

.dd-catering-head{align-self:end}

.dd-catering-pretitle{
  font-family:"Blitz Script", cursive;
  font-size:clamp(3.8rem,4.6vw,5.6rem);
  line-height:1;
  margin-bottom:2.4rem;
  transform:rotate(-6deg);
  transform-origin:left center;
}

.dd-catering-title{
  font-family:"WT Central Avenue", sans-serif;
  font-weight:700;
  font-size:clamp(4.4rem,6.2vw,9rem);
  line-height:.94;
  letter-spacing:.01em;
  text-transform:uppercase;
  margin:0 0 2rem;
}

.dd-catering-intro{
  max-width:66rem;
  font-size:1.9rem;
  line-height:1.55;
}

.dd-catering-intro p{margin:0 0 1.8rem}
.dd-catering-intro p:last-child{margin-bottom:0}

.dd-catering-stage{
  position:relative;
  grid-column:2;
  grid-row:1 / span 2;
  align-self:center;
  justify-self:center;
  width:min(56rem, 100%);
  aspect-ratio:4 / 5;
  margin:0;
}

.dd-catering-cards{
  position:absolute;
  inset:0;
  width:100%;
  --card-ar:0.8;
  aspect-ratio:4 / 5;
}

.dd-catering-stamp{
  position:absolute;
  z-index:4;
  right:-2.4rem;
  bottom:3.2rem;
  display:grid;
  place-items:center;
  width:24rem;
  height:24rem;
  border-radius:50%;
  background:#FAF9F6;
  color:#7A1E1E;
  box-shadow:0 1.2rem 4rem rgba(13,27,36,.28);
}

.dd-catering-stamp .circular-text{
  position:absolute;
  inset:0;
  width:100%;
  --circle-radius:92px;
}

.dd-catering-stamp .circular-text g{
  font-family:"PP Monument Extended", sans-serif;
  font-size:1.25rem;
  line-height:1.5rem;
}

.dd-catering-stamp-mark{
  display:block;
  width:15rem;
  height:15rem;
  background:#7A1E1E;
  -webkit-mask:url("../images/dujkin/catering-icon.png") center / contain no-repeat;
  mask:url("../images/dujkin/catering-icon.png") center / contain no-repeat;
}

.dd-catering-services{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3.6rem 4rem;
  margin:0;
  padding:4.6rem 0 0;
  border-top:.1rem solid rgba(250,249,246,.3);
  list-style:none;
}

.dd-catering-services li{min-width:0}

.dd-catering-num{
  display:block;
  font-family:"PP Monument Extended", sans-serif;
  font-size:1.15rem;
  letter-spacing:.16em;
  opacity:.65;
  margin-bottom:1rem;
}

.dd-catering-services h3{
  font-family:"WT Central Avenue", sans-serif;
  font-size:2.8rem;
  line-height:1.05;
  font-weight:700;
  text-transform:uppercase;
  margin:0 0 1.2rem;
}

.dd-catering-services p{
  margin:0;
  font-size:1.65rem;
  line-height:1.55;
  opacity:.88;
}

.dd-catering-cta{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:3rem;
  padding-top:4.4rem;
  border-top:.1rem solid rgba(250,249,246,.3);
}

.dd-catering-cta-text{max-width:52rem}

.dd-catering-cta-text h3{
  font-family:"WT Central Avenue", sans-serif;
  font-size:3.2rem;
  line-height:1.05;
  font-weight:700;
  text-transform:uppercase;
  margin:0 0 1rem;
}

.dd-catering-cta-text p{
  margin:0;
  font-size:1.65rem;
  line-height:1.5;
  opacity:.85;
}

.dd-catering-cta-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1.4rem;
}

.dd-catering-phone{
  font-family:"Montserrat", sans-serif;
  font-size:1.4rem;
  color:inherit;
  text-decoration:underline;
  text-underline-offset:.25em;
  opacity:.8;
}

@media (max-width: 1023px){
  .dd-catering-inner{
    grid-template-columns:1fr;
    row-gap:6rem;
  }
  .dd-catering-stage{
    grid-column:1;
    grid-row:2;
    width:min(48rem, 88%);
  }
  .dd-catering-services{grid-row:3}
  .dd-catering-cta{grid-row:4}
  .dd-catering-stamp{right:-1rem;bottom:2rem;width:20rem;height:20rem}
  .dd-catering-stamp .circular-text{--circle-radius:76px}
}

@media (max-width: 767px){
  .dd-catering{padding:7rem 2.3rem 7rem}
  .dd-catering-title{font-size:4.2rem;margin-bottom:1.6rem}
  .dd-catering-intro{font-size:1.7rem}
  .dd-catering-stage{width:100%}
  .dd-catering-stamp{width:16rem;height:16rem;right:0;bottom:1rem}
  .dd-catering-stamp .circular-text{--circle-radius:60px}
  .dd-catering-stamp .circular-text g{font-size:1rem}
  .dd-catering-stamp-mark{width:10.4rem;height:10.4rem}
  .dd-catering-services{grid-template-columns:1fr;gap:2.8rem;padding-top:3.6rem}
  .dd-catering-services h3{font-size:2.4rem}
  .dd-catering-cta{padding-top:3.6rem}
  .dd-catering-cta-text h3{font-size:2.6rem}
}

/* ==========================================================================
   Event, food and wine features — regular flow, no scroll-pinned slides
   ========================================================================== */
#dogadaj.dd-features{
  height:auto !important;
  min-height:0;
  padding:clamp(5rem,7vw,10rem) clamp(2.4rem,4vw,7rem);
  background:transparent;
}
.dd-features-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(2rem,3vw,4.8rem);
  width:min(100%,168rem);
  margin:0 auto;
}
.dd-feature-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.dd-feature-image{
  width:100%;
  aspect-ratio:1.2 / 1;
  margin:0 0 clamp(1.8rem,2vw,2.8rem);
  overflow:hidden;
  background:rgba(250,249,246,.12);
}
.dd-feature-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .75s cubic-bezier(.16,1,.3,1);
}
.dd-feature-image:hover img{transform:scale(1.035)}
.dd-feature-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;width:100%}
.dd-feature-copy h2{
  margin:0 0 1.4rem;
  max-width:44rem;
  font:700 clamp(2.6rem,2.5vw,4rem)/1.02 "WT Central Avenue",sans-serif;
  text-transform:uppercase;
}
.dd-feature-copy p{
  margin:0 0 2.2rem;
  max-width:48rem;
  font:clamp(1.6rem,1.35vw,1.9rem)/1.5 "Tiempos Text",Georgia,serif;
}
.dd-feature-copy .m-button-lines{margin-top:auto}
.dd-feature-copy .dd-event-more{margin-top:1.6rem}
@media(max-width:900px){
  .dd-features-grid{grid-template-columns:1fr 1fr;row-gap:4rem}
  .dd-feature-card:first-child{grid-column:1 / -1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:2.4rem}
  .dd-feature-card:first-child .dd-feature-image{margin:0}
}
@media(max-width:600px){
  #dogadaj.dd-features{padding:5rem 2.3rem 6rem}
  .dd-features-grid{grid-template-columns:1fr;gap:4rem}
  .dd-feature-card:first-child{grid-column:auto;display:flex;align-items:flex-start;gap:0}
  .dd-feature-card:first-child .dd-feature-image{margin-bottom:1.8rem}
  .dd-feature-copy h2{font-size:3rem}
}

/* Roko i Cicibela event page */
.dd-roko-page{background:#7A1E1E;color:#FAF9F6;min-height:100vh}
.dd-roko-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:2.4rem clamp(2rem,5vw,7rem);border-bottom:1px solid rgba(250,249,246,.25)}
.dd-roko-header a{color:inherit;text-decoration:none;font-family:"PP Monument Extended",sans-serif;text-transform:uppercase;letter-spacing:.08em}
.dd-roko-logo{display:block;width:clamp(26rem,32vw,42rem);aspect-ratio:775/138;background:#FAF9F6;-webkit-mask:url("../images/dujkin/logo-main-wine.png") center/contain no-repeat;mask:url("../images/dujkin/logo-main-wine.png") center/contain no-repeat}
.dd-roko-logo-link{grid-column:2;grid-row:1;display:block}
.dd-roko-header>a:first-child{grid-column:1;grid-row:1;justify-self:start}
.dd-roko-actions{grid-column:3;grid-row:1;display:flex;justify-content:flex-end;align-items:center;gap:1.4rem}
.dd-roko-actions .dd-language-switch{gap:.35rem;padding:.2rem}
.dd-roko-actions .dd-language-button{border-color:rgba(250,249,246,.5);background:rgba(250,249,246,.96)}
.dd-roko-actions .dd-language-button:not(.is-active){opacity:.62;filter:grayscale(.65) brightness(.8)}
.dd-roko-actions .dd-language-button:hover,.dd-roko-actions .dd-language-button:focus-visible{opacity:1;filter:none}
.dd-roko-main{max-width:160rem;margin:auto;padding:clamp(3.5rem,5vw,7rem) clamp(2rem,5vw,7rem) 9rem}
.dd-roko-heading{margin:0 0 clamp(3rem,5vw,6rem);max-width:90rem}
.dd-roko-heading .eyebrow{font:1.2rem "PP Monument Extended",sans-serif;letter-spacing:.16em;text-transform:uppercase;opacity:.75;margin:0 0 1.2rem}
.dd-roko-heading h1{font:clamp(4.8rem,7vw,9rem)/.98 "WT Central Avenue",sans-serif;text-transform:uppercase;margin:0 0 1.6rem}
.dd-roko-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(34rem,.75fr);gap:clamp(3rem,6vw,8rem);align-items:start}
.dd-roko-gallery{min-width:0}
.dd-roko-card-stack{position:relative;width:min(100%,58rem);aspect-ratio:4/5;margin:1rem auto 2rem}
.dd-roko-card{position:absolute;inset:0;width:100%;height:100%;padding:1.2rem;border:0;background:#FAF9F6;box-shadow:0 1.4rem 4rem rgba(13,27,36,.24);cursor:pointer;transition:transform .7s ease,opacity .7s ease;}
.dd-roko-card img{display:block;width:100%;height:100%;object-fit:cover}
.dd-roko-card:nth-child(1){z-index:5;transform:rotate(-3deg)}
.dd-roko-card:nth-child(2){z-index:4;transform:translate(1.2rem,1.1rem) rotate(2.5deg) scale(.985)}
.dd-roko-card:nth-child(3){z-index:3;transform:translate(-1.2rem,1.8rem) rotate(-5deg) scale(.97)}
.dd-roko-card:nth-child(4){z-index:2;transform:translate(1.8rem,2.6rem) rotate(5deg) scale(.955)}
.dd-roko-card:nth-child(5){z-index:1;transform:translate(-1.8rem,3.2rem) rotate(-7deg) scale(.94)}
.dd-roko-card.is-leaving{opacity:0;transform:translate(2rem,-2rem) rotate(9deg) scale(.88)}
.dd-roko-copy{max-width:62rem;padding-top:.4rem}
.dd-roko-copy h2{font:1.6rem "PP Monument Extended",sans-serif;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.6rem}
.dd-roko-copy h2:not(:first-child){margin-top:3.2rem}
.dd-roko-copy p{font:clamp(1.7rem,1.5vw,2.1rem)/1.55 "Tiempos Text",Georgia,serif;margin:0 0 1.5rem}
.dd-roko-meta{font:1.2rem "PP Monument Extended",sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin:0}
.dd-roko-back{display:inline-flex;margin-top:2.5rem;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.5rem;font:1.2rem "PP Monument Extended",sans-serif;text-transform:uppercase;letter-spacing:.1em}
.dd-roko-footer{max-width:146rem;margin:0 auto;padding:2rem clamp(2rem,5vw,7rem) 3rem;border-top:1px solid rgba(250,249,246,.25);text-align:center}
.dd-roko-footer a{color:inherit;text-decoration:underline;text-underline-offset:.25em;font:1.05rem "PP Monument Extended",sans-serif;letter-spacing:.05em}
@media(max-width:800px){.dd-roko-layout{grid-template-columns:1fr;gap:3.5rem}.dd-roko-heading{margin-bottom:3rem}.dd-roko-heading h1{font-size:5rem}.dd-roko-card-stack{width:min(88%,48rem)}.dd-roko-header{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:1.4rem;padding:1.8rem 2rem}.dd-roko-logo-link{grid-column:1/-1;grid-row:1;justify-self:center}.dd-roko-header>a:first-child{grid-column:1;grid-row:2;align-self:center}.dd-roko-actions{grid-column:2;grid-row:2;gap:.5rem}.dd-roko-actions>a{font-size:.9rem}.dd-roko-logo{width:clamp(21rem,58vw,32rem)}}
@media(max-width:600px){
  .dd-roko-main{padding:3.2rem 1.8rem 6rem}
  .dd-roko-header{padding:1.4rem 1.5rem;gap:1.1rem}
  .dd-roko-logo{width:min(66vw,27rem)}
  .dd-roko-header>a:first-child{font-size:1rem}
  .dd-roko-actions .dd-language-button{width:3.8rem;height:2.5rem}
  .dd-roko-actions{gap:.35rem}
  .dd-roko-heading .eyebrow{font-size:1rem;line-height:1.5}
  .dd-roko-heading h1{font-size:clamp(3.8rem,12vw,5rem);overflow-wrap:anywhere}
  .dd-roko-meta{font-size:1rem;line-height:1.6}
  .dd-roko-layout{gap:2.4rem}
  .dd-roko-card-stack{width:min(88%,38rem);margin:0 auto 1.8rem}
  .dd-roko-card{padding:.8rem}
  .dd-roko-copy h2{font-size:1.35rem;line-height:1.4}
  .dd-roko-copy p{font-size:1.65rem;line-height:1.6}
  .dd-roko-back{font-size:1.05rem;line-height:1.5}
  .dd-roko-footer{padding:1.8rem 1.5rem calc(2.5rem + env(safe-area-inset-bottom, 0px))}
  .dd-roko-footer a{font-size:1rem;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){.dd-roko-card{transition:none}}

@media (max-width: 767px){
  .dd-event-gallery{margin-top:2.4rem}
  .dd-event-gallery-grid{gap:.5rem}
}

/* ==========================================================================
   Gallery heading — keep the script title on two lines
   ========================================================================== */
.mdl-destacados-barrio{
  background-color:#FAF9F6 !important;
  color:#7A1E1E !important;
}

.mdl-destacados-barrio .headingContainer{
  max-width:none;
  width:100%;
}

.mdl-destacados-barrio .headingContainer .m-script-xl{
  font-size:clamp(7rem, 9vw, 13.5rem);
  line-height:1.04;
  white-space:nowrap;
  transform:rotate(-7deg);
  text-align:center;
}

.mdl-destacados-barrio .headingContainer .dd-heading-line2{
  padding-left:8rem;
}

/* One slow rightward photo strip, matching the site's restrained image motion. */
.mdl-destacados-barrio .dd-gallery-marquee{overflow:hidden;margin:clamp(1.5rem,2.5vw,3rem) calc(-1 * var(--px, 4rem))}
.mdl-destacados-barrio .dd-gallery-track{display:flex;width:max-content;animation:dd-gallery-right 140s linear infinite;will-change:transform}
.mdl-destacados-barrio .dd-gallery-set{display:flex;flex:none;align-items:center;gap:clamp(2rem,3vw,5rem);padding:2.5rem clamp(2rem,3vw,5rem)}
.mdl-destacados-barrio .dd-gallery-set figure{flex:0 0 clamp(24rem,28vw,42rem);aspect-ratio:1/1;margin:0;padding:.35rem .7rem;overflow:visible;background:#FAF9F6}
.mdl-destacados-barrio .dd-gallery-set figure:nth-child(3n + 1){aspect-ratio:4/5;--paper-r:-3deg;--paper-tx:0rem;--paper-ty:.3rem}
.mdl-destacados-barrio .dd-gallery-set figure:nth-child(3n + 2){flex-basis:clamp(22rem,24vw,36rem);aspect-ratio:1/1;--paper-r:2.5deg;--paper-tx:0rem;--paper-ty:-.2rem}
.mdl-destacados-barrio .dd-gallery-set figure:nth-child(3n){flex-basis:clamp(28rem,34vw,50rem);aspect-ratio:4/3;--paper-r:-1.5deg;--paper-tx:0rem;--paper-ty:.2rem}
.mdl-destacados-barrio .dd-gallery-set img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.mdl-destacados-barrio .dd-gallery-set figure:hover img{transform:scale(1.04)}
@keyframes dd-gallery-right{from{transform:translateX(-33.333333%)}to{transform:translateX(0)}}
@media(max-width:767px){
  .mdl-destacados-barrio .dd-gallery-set{gap:.8rem;padding-right:.8rem}
  .mdl-destacados-barrio .dd-gallery-set{padding:1.5rem 1.5rem}
  .mdl-destacados-barrio .dd-gallery-set figure,
  .mdl-destacados-barrio .dd-gallery-set figure:nth-child(3n + 2){flex-basis:68vw;padding:.3rem .55rem}
  .mdl-destacados-barrio .dd-gallery-set figure:nth-child(3n){flex-basis:82vw;padding:.3rem .55rem}
}
@media(prefers-reduced-motion:reduce){.mdl-destacados-barrio .dd-gallery-track{animation:none}}

@media (max-width: 1023px){
  .mdl-destacados-barrio .headingContainer .m-script-xl{
    font-size:clamp(5.4rem, 10vw, 9rem);
  }
  .mdl-destacados-barrio .headingContainer .dd-heading-line2{padding-left:5rem}
}

@media (max-width: 767px){
  .mdl-destacados-barrio .headingContainer .m-script-xl{
    font-size:clamp(3.8rem, 9vw, 5.8rem);
    line-height:1.15;
    transform:rotate(-4deg);
    white-space:nowrap;
  }
  .mdl-destacados-barrio .headingContainer .dd-heading-line2{padding-left:0}
}

/* ---------- Footer ------------------------------------------------------- */
.mdl-footer.color-scheme-burgundy{
  background-color:#7A1E1E !important;
  color:#FAF9F6 !important;
  padding-top:0 !important;
}

.mdl-footer.color-scheme-burgundy main .footer-logo{display:none}
.mdl-footer.color-scheme-burgundy main .main-content-wrapper{
  margin-top:0;
  padding-top:clamp(4rem,5vw,7rem);
}
.mdl-footer.color-scheme-burgundy .nav-legal .dd-hours-row{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1.6rem;
  padding:.65rem 0;
  border-bottom:1px solid rgba(250,249,246,.24);
}
.mdl-footer.color-scheme-burgundy .nav-legal .dd-hours-days{opacity:.86}
.mdl-footer.color-scheme-burgundy .nav-legal .dd-hours-times{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}
.mdl-footer.color-scheme-burgundy .nav-legal .dd-hours-kitchen{margin:.9rem 0 1.2rem;opacity:.78;font-size:.92em}

@media(min-width:1024px){
  .mdl-footer.color-scheme-burgundy main .main-content.module-content-limit{
    display:grid;
    grid-template-columns:minmax(22rem,1.2fr) minmax(15rem,1fr) minmax(15rem,.9fr) minmax(22rem,1.2fr);
    grid-template-areas:"contact menu social hours" "copyright copyright copyright copyright";
    align-items:start;
    gap:0 clamp(3rem,5vw,8rem);
    width:100%;
    max-width:180rem;
    margin:0 auto;
  }
  .mdl-footer.color-scheme-burgundy main .footer-area-nav{display:contents}
  .mdl-footer.color-scheme-burgundy main .footer-area-contact{grid-area:contact;padding-right:clamp(2rem,3vw,5rem);border-right:1px solid rgba(250,249,246,.55)}
  .mdl-footer.color-scheme-burgundy main .footer-area-nav::before{display:none}
  .mdl-footer.color-scheme-burgundy main .footer-area-nav .nav-menu{grid-area:menu}
  .mdl-footer.color-scheme-burgundy main .footer-area-nav .nav-social{grid-area:social}
  .mdl-footer.color-scheme-burgundy main .footer-area-nav .nav-legal{grid-area:hours}
  .mdl-footer.color-scheme-burgundy main .footer-area-nav .nav-item .nav-title{margin-bottom:1.8rem}
  .mdl-footer.color-scheme-burgundy main .footer-area-copyright{
    grid-area:copyright;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    gap:2rem;
    margin-top:5rem;
    padding-top:2rem;
    border-top:1px solid rgba(250,249,246,.35);
    text-align:left;
  }
}

@media(min-width:768px) and (max-width:1023px){
  .mdl-footer.color-scheme-burgundy main .main-content.module-content-limit{display:grid;grid-template-columns:1fr 2fr;gap:4rem 5rem}
  .mdl-footer.color-scheme-burgundy main .footer-area-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
  .mdl-footer.color-scheme-burgundy main .footer-area-nav::before{display:none}
  .mdl-footer.color-scheme-burgundy main .footer-area-copyright{grid-column:1/-1;margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(250,249,246,.35)}
}

.mdl-destacados-barrio .ctaContainer > .m-button{
  min-height:7.82rem;
  padding:0 4.76rem;
  font-size:1.7em;
}

.dd-catering-cta-actions > .m-button{
  min-height:7.82rem;
  padding:0 4.76rem;
  font-size:1.7em;
}

@media(max-width:767px){
  .mdl-destacados-barrio .ctaContainer > .m-button{
    min-height:5.4rem;
    padding:0 2.4rem;
    font-size:1.2em;
  }
  .dd-catering-cta-actions > .m-button{
    min-height:5.4rem;
    padding:0 2.4rem;
    font-size:1.2em;
  }
}

.mdl-footer.color-scheme-burgundy .default-hover:hover{color:#C9A886}
.mdl-footer.color-scheme-burgundy .footer-area-copyright .devs,
.mdl-footer.color-scheme-burgundy .footer-area-copyright .devs a{white-space:nowrap}
.mdl-footer.color-scheme-burgundy .footer-area-copyright .devs{flex:0 0 auto;font-size:clamp(1rem,1vw,1.35rem)}
.mdl-footer.color-scheme-burgundy .dd-ater-credit{
  display:inline-flex;
  align-items:center;
  gap:.9rem;
  padding:.8rem 1.2rem;
  border:.1rem solid rgba(250,249,246,.75);
  background:#7A1E1E;
  color:#FAF9F6;
  font-family:"PP Monument Extended",sans-serif;
  font-size:1rem;
  line-height:1;
  letter-spacing:.1em;
  text-decoration:none;
  transition:background-color .38s ease,color .38s ease,border-color .38s ease,transform .38s cubic-bezier(.2,.7,.2,1);
}
.mdl-footer.color-scheme-burgundy .dd-ater-credit-brand{display:inline-flex;align-items:center;gap:.25rem}
.mdl-footer.color-scheme-burgundy .dd-ater-credit-brand img{display:block;width:auto;height:1.7rem;max-width:3.2rem;object-fit:contain}
.mdl-footer.color-scheme-burgundy .dd-ater-credit-brand span{font-size:.95em}
.mdl-footer.color-scheme-burgundy .dd-ater-credit:hover,
.mdl-footer.color-scheme-burgundy .dd-ater-credit:focus-visible{
  background:#0D1B24;
  border-color:#0D1B24;
  color:#FAF9F6;
  transform:translateY(-.2rem);
}
.mdl-footer.color-scheme-burgundy .dd-ater-credit:focus-visible{outline:.2rem solid #FAF9F6;outline-offset:.3rem}

.mdl-footer.color-scheme-burgundy .footer-area-copyright{gap:1rem}
.dd-business-legal{max-width:100%;margin:0 auto;font-size:.9em;line-height:1.7;text-transform:none}
.dd-business-legal a{color:inherit;text-decoration:underline;text-underline-offset:.22em}
.dd-business-legal a:hover{color:#C9A886}
@media(max-width:767px){
  .dd-business-legal{padding:0 1rem}
}

/* ---------- Small utility ------------------------------------------------ */
#top,
#tradicija,
#meni,
#catering,
#dogadaj,
#galerija,
#kontakt,
#rezervacija{scroll-margin-top:calc(var(--header-h, 9rem) + 2rem)}

.dd-anchor{display:block;position:relative;top:calc(-1 * var(--header-h, 9rem))}
.dd-nowrap{white-space:nowrap}

/* Keep one continuous canvas behind every homepage section while its palette
   blends with scroll through --home-active-bg. */
html:has(body.idp0),
body.idp0,
body.idp0 #panels{
  background-color:var(--home-active-bg,#FAF9F6) !important;
}
body.idp0 #panels [class*="color-scheme-"]:not(.mdl-header){
  background-color:transparent !important;
}

/* Keep the entire sticky header as an opaque, section-colored layer. */
body.idp0 #panels > .panel_header{
  position:relative;
  z-index:1000;
}
body.idp0 #panels > .panel_header > .mdl-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:1000 !important;
  isolation:isolate;
  background:var(--dd-header-live-bg,var(--home-active-bg,#FAF9F6)) !important;
  color:var(--dd-header-live-color,var(--home-active-color,#7A1E1E)) !important;
}
body.idp0 #panels > .panel_header{
  height:var(--dd-header-height, 18rem);
}
body.idp0 #panels > .panel_header > .mdl-header > .module-content{
  position:relative;
  z-index:1;
}

/* Three-second icon sequence; the final wordmark opens the page from its center. */
html.dd-loader-active,
html.dd-loader-active body{overflow:hidden !important}
.dd-loader{
  --loader-red:#7A1E1E;
  --loader-icon:#C66F66;
  position:fixed;
  inset:0;
  z-index:2147483647;
  display:grid;
  place-items:center;
  overflow:hidden;
  pointer-events:auto;
}
.dd-loader-surface{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
.dd-loader-surface::before,
.dd-loader-surface::after{
  content:"";
  position:absolute;
  top:0;bottom:0;
  width:50.1%;
  background:var(--loader-red);
  transition:transform 1.05s cubic-bezier(.76,0,.24,1);
  will-change:transform;
}
.dd-loader-surface::before{left:0}
.dd-loader-surface::after{right:0}
.dd-loader.is-opening .dd-loader-surface::before{transform:translateX(-101%)}
.dd-loader.is-opening .dd-loader-surface::after{transform:translateX(101%)}
.dd-loader-stage{
  position:relative;
  z-index:1;
  width:clamp(15rem,30vmin,32rem);
  aspect-ratio:1;
}
.dd-loader-note{
  position:absolute;
  left:50%;
  right:auto;
  bottom:calc(1.4rem + env(safe-area-inset-bottom, 0px));
  width:min(52rem,calc(100vw - 4rem));
  z-index:2;
  margin:0;
  color:#FAF9F6;
  font:1.1rem/1.4 "Montserrat",sans-serif;
  letter-spacing:.02em;
  text-align:center;
  transform:translateX(-50%);
  opacity:.78;
}
.dd-loader-icon{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  background:var(--loader-icon);
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  opacity:0;
  filter:blur(.8rem);
  transform:translateY(1.2rem) scale(.88);
  transition:opacity .24s ease,transform .42s cubic-bezier(.22,1,.36,1),filter .3s ease;
  will-change:opacity,transform,filter;
}
.dd-loader-icon--pot{-webkit-mask-image:url("../images/dujkin/icon-pot.png");mask-image:url("../images/dujkin/icon-pot.png");-webkit-mask-size:180% 180%;mask-size:180% 180%}
.dd-loader-icon--olive{-webkit-mask-image:url("../images/dujkin/icon-olive.png");mask-image:url("../images/dujkin/icon-olive.png");-webkit-mask-size:180% 180%;mask-size:180% 180%}
.dd-loader-icon--wine{-webkit-mask-image:url("../images/dujkin/icon-wine.png");mask-image:url("../images/dujkin/icon-wine.png");-webkit-mask-size:155% 155%;mask-size:155% 155%}
.dd-loader-icon--boat{-webkit-mask-image:url("../images/dujkin/icon-boat.png");mask-image:url("../images/dujkin/icon-boat.png");-webkit-mask-size:115% 115%;mask-size:115% 115%}
.dd-loader-icon.is-active{
  opacity:1;
  filter:blur(0);
  transform:translateY(0) scale(1);
}
.dd-loader-logo{
  position:absolute;
  left:50%;top:50%;
  display:block;
  width:clamp(24rem,36vmin,46rem);
  aspect-ratio:775 / 138;
  background:#FAF9F6;
  -webkit-mask:url("../images/dujkin/logo-main-wine.png") center / contain no-repeat;
  mask:url("../images/dujkin/logo-main-wine.png") center / contain no-repeat;
  opacity:0;
  filter:blur(.8rem);
  transform:translate(-50%,-50%) scale(.82);
  transition:opacity .5s ease,filter .6s ease,transform .72s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform,filter;
}
.dd-loader-logo.is-active{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)}
.dd-loader.is-opening .dd-loader-logo{
  opacity:0;
  filter:blur(.25rem);
  transform:translate(-50%,-50%) scaleX(1.7) scaleY(1.16);
  transition:opacity .42s ease,filter .8s ease,transform 1.05s cubic-bezier(.22,1,.36,1);
}
@media(max-width:767px){
  .dd-loader-stage{width:clamp(15rem,34vmin,25rem)}
  .dd-loader-logo{width:min(76vw,34rem)}
}
@media(prefers-reduced-motion:reduce){
  .dd-loader-icon,.dd-loader-logo{filter:none;transition-duration:.12s}
  .dd-loader-surface::before,.dd-loader-surface::after{transition-duration:.25s}
  .dd-loader.is-opening .dd-loader-logo{transition-duration:.25s}
}

/* ---------- Final mobile layout pass ------------------------------------- */
@media (max-width: 767px){
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
    overscroll-behavior-x:none;
  }
  #panels{width:100%;max-width:100%;overflow-x:clip}
  img,video,svg{max-width:100%}

  /* Compact, predictable sticky header with clear space for both controls. */
  body.idp0 #panels > .panel_header{height:7.2rem !important}
  body.idp0 #panels > .panel_header > .mdl-header{height:7.2rem !important}
  .mdl-header{--header-logo-w:clamp(16rem,48vw,18.5rem) !important;--dd-sticky-header-h:7.2rem}
  .mdl-header .module-content{height:7.2rem !important;min-height:7.2rem !important;padding:0 1.2rem !important}
  .mdl-header .module-content .nav-social{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);gap:.5rem}
  .mdl-header .module-content .nav-social .m-button{width:3.4rem;height:3.4rem;min-width:3.4rem;padding:.65rem}
  .mdl-header .module-content .primary-content{width:100%;height:100%;margin:0}
  .mdl-header .module-content .logo-link{position:absolute !important;inset:auto !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;width:var(--header-logo-w);max-width:var(--header-logo-w);z-index:5}
  .mdl-header .module-content .right-content{display:block !important;position:absolute;right:1rem;top:calc(50% + 2.2rem);bottom:auto !important;transform:translateY(-50%);margin:0;z-index:20;visibility:visible !important;opacity:1 !important}
  .mdl-header .nav-lang,
  .mdl-header .right-content .nav-lang,
  .mdl-header.loaded.sticky .nav-lang{display:block !important;visibility:visible !important;opacity:1 !important;transition:opacity .22s ease,visibility .22s ease,transform .22s ease}
  .mdl-header .module-content .nav-social{transition:opacity .22s ease,visibility .22s ease,transform .22s ease}
  body.dd-mobile-header-scrolled .mdl-header .nav-lang,
  body.dd-mobile-header-scrolled .mdl-header.loaded.sticky .nav-lang{visibility:hidden !important;opacity:0 !important;transform:translateY(-.5rem);pointer-events:none}
  body.dd-mobile-header-scrolled .mdl-header .module-content .nav-social{visibility:hidden;opacity:0;transform:translate(-.5rem,-50%);pointer-events:none}
  .dd-language-switch{gap:.45rem;padding:.25rem}
  .dd-language-button{width:3.9rem;height:2.6rem;transform:scale(.9);opacity:.78;filter:grayscale(.08) brightness(.96);transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s ease,opacity .22s ease}
  .dd-language-button.is-active{transform:scale(1.08);opacity:1;filter:none}
  .dd-language-button:hover,.dd-language-button:focus-visible{transform:scale(1.12);opacity:1;filter:none}

  /* Keep the reservation seal clear of hero copy and leave room for its CTA. */
  .dd-badge{width:7.6rem;height:7.6rem;top:auto !important;right:1.2rem !important;bottom:calc(1.2rem + env(safe-area-inset-bottom, 0px)) !important}
  .dd-badge-center{width:4.4rem;height:4.4rem}
  .dd-badge-ring{animation-duration:36s}

  .mdl-hero .module-content{height:78svh !important;min-height:54rem !important;max-height:82rem;padding:calc(7.2rem + 2.8rem) 2rem 3rem !important}
  .mdl-hero .module-content::before{display:none !important}
  .mdl-hero .module-content .title{display:none !important}
  .mdl-hero .module-content .title h1{max-width:34rem;font-size:clamp(3.4rem,10vw,4.8rem) !important;line-height:1.02 !important}
  .mdl-hero .module-content .subtitle{display:none !important}

  .dd-mobile-reservation{padding:4.8rem 1.8rem 5.2rem}
  .dd-mobile-res-header{margin-bottom:2.4rem}
  .dd-mobile-res-title{font-size:clamp(2.6rem,7.5vw,3.4rem)}
  .dd-mobile-reservation .dd-search-form{box-shadow:none}
  .dd-finder{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .dd-field{padding:1.2rem 1rem;min-height:7.3rem}
  .dd-field > span{font-size:.92rem;letter-spacing:.1em}
  .dd-field input,.dd-field select{font-size:1.6rem;min-height:2.8rem}
  .dd-submit{min-height:5.6rem;font-size:1.25rem}
  .dd-form-note{font-size:1.15rem;line-height:1.5;padding:1rem 1.2rem;overflow-wrap:anywhere}

  .dd-story-grid{padding:5.2rem 2rem 6rem;row-gap:3rem}
  .dd-story-col--left{display:none}
  .dd-story-col--right{grid-row:2}
  .dd-story-col--right .dd-story-figure:nth-child(3){display:none}
  .dd-story-pretitle{font-size:4.3rem;margin-bottom:1.8rem}
  .dd-story-title{font-size:clamp(3.2rem,9vw,4rem);line-height:1.02;margin-bottom:2rem}
  .dd-story-text{font-size:1.75rem;line-height:1.58}
  .dd-story-text p{margin-bottom:1.7rem}
  .dd-story-col{gap:1rem}
  .dd-story-figure{box-shadow:inset 0 0 0 .45rem rgba(122,30,30,.1)}

  #meni{padding-left:2rem;padding-right:2rem}
  #meni .module-header{gap:1.2rem;margin-bottom:3rem}
  #meni .module-header .pretitle h3{font-size:4rem}
  #meni .module-header .title h2{font-size:clamp(3.4rem,9vw,4.4rem);line-height:1.02;overflow-wrap:anywhere}
  #meni .module-header .text{font-size:1.7rem;line-height:1.55}
  #meni .destacado-item{min-width:0}
  #meni .destacado-item .area-content{padding-top:1.5rem}
  #meni .destacado-item .area-content .title{font-size:2.4rem;line-height:1.1}
  #meni .destacado-item .area-content p{font-size:1.55rem;line-height:1.5}
  .dd-price{font-size:1.1rem}
  .dd-menu-footer{gap:2.2rem;padding-top:2.4rem}
  .dd-delivery-title{font-size:3rem}
  .dd-delivery-copy{font-size:1.6rem}
  .dd-delivery-links{gap:.8rem}
  .dd-menu-pdf{width:100%;min-height:5.6rem;padding:0 1.5rem;font-size:1.2em}

  .dd-catering{padding:5.5rem 2rem 5.5rem}
  .dd-catering-inner{row-gap:3.6rem}
  .dd-catering-pretitle{font-size:4rem}
  .dd-catering-title{font-size:clamp(3.4rem,9vw,4.4rem);line-height:1.02}
  .dd-catering-intro{font-size:1.7rem;line-height:1.55}
  .dd-catering-stage{width:100%;margin:0 auto}
  .dd-catering-stamp{width:12.5rem;height:12.5rem;right:.3rem;bottom:.7rem}
  .dd-catering-stamp .circular-text{--circle-radius:46px}
  .dd-catering-stamp .circular-text g{font-size:.82rem}
  .dd-catering-stamp-mark{width:8rem;height:8rem}
  .dd-catering-services{gap:2.2rem;padding-top:1rem}
  .dd-catering-services h3{font-size:2.2rem}
  .dd-catering-services p{font-size:1.55rem;line-height:1.5}
  .dd-catering-cta{gap:2rem;padding-top:1rem}
  .dd-catering-cta-text h3{font-size:2.4rem}
  .dd-catering-cta-text p{font-size:1.6rem;line-height:1.5}
  .dd-catering-cta-actions{width:100%;align-items:stretch}
  .dd-catering-cta-actions > .m-button{width:100%;min-height:5.6rem;padding:0 1rem}
  .dd-catering-phone{text-align:center}

  #dogadaj.dd-features{padding:5rem 2rem 5.5rem}
  .dd-features-grid{gap:3.6rem}
  .dd-feature-image{aspect-ratio:4/3;margin-bottom:1.6rem}
  .dd-feature-copy h2{font-size:clamp(2.8rem,8vw,3.4rem);line-height:1.03}
  .dd-feature-copy p{font-size:1.65rem;line-height:1.52}
  .dd-feature-copy .m-button-lines{margin-top:1rem}
  #dogadaj.dd-features .dd-feature-card:nth-child(3) .dd-feature-copy .m-button-lines{
    min-height:4.8rem;
    height:auto;
    padding:.8rem 0;
    font-size:1.8rem;
    line-height:2.2rem;
  }

  .mdl-destacados-barrio .headingContainer{padding:0 1.8rem}
  .mdl-destacados-barrio .headingContainer .m-script-xl{font-size:clamp(3.2rem,9vw,4.6rem);white-space:normal;line-height:1.05}
  .mdl-destacados-barrio .headingContainer .dd-heading-line2{padding-left:0}
  .mdl-destacados-barrio .dd-gallery-set{gap:.7rem;padding:1.2rem 1.2rem}
  .mdl-destacados-barrio .dd-gallery-set figure,
  .mdl-destacados-barrio .dd-gallery-set figure:nth-child(3n+2){flex-basis:72vw}
  .mdl-destacados-barrio .dd-gallery-set figure:nth-child(3n){flex-basis:86vw}
  .mdl-destacados-barrio .dd-gallery-track{animation-duration:180s}
  /* Mobile gallery: one calm, swipeable photo row instead of the busy moving collage. */
  .mdl-destacados-barrio .dd-gallery-marquee{
    overflow-x:auto;
    overflow-y:hidden;
    margin:2.4rem -2rem 2rem;
    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .mdl-destacados-barrio .dd-gallery-marquee::-webkit-scrollbar{display:none}
  .mdl-destacados-barrio .dd-gallery-track{width:max-content;animation:none;will-change:auto}
  .mdl-destacados-barrio .dd-gallery-set{
    display:flex;
    gap:1.2rem;
    width:max-content;
    padding:1.2rem 2rem 1.8rem;
  }
  .mdl-destacados-barrio .dd-gallery-set[aria-hidden="true"]{display:none}
  .mdl-destacados-barrio .dd-gallery-set figure,
  .mdl-destacados-barrio .dd-gallery-set figure:nth-child(3n + 1),
  .mdl-destacados-barrio .dd-gallery-set figure:nth-child(3n + 2),
  .mdl-destacados-barrio .dd-gallery-set figure:nth-child(3n){
    flex:0 0 min(78vw,34rem);
    aspect-ratio:4/3;
    padding:.35rem;
    scroll-snap-align:center;
    --paper-r:0deg;
    --paper-tx:0rem;
    --paper-ty:0rem;
  }
  .mdl-destacados-barrio .dd-gallery-set img{border-radius:.2rem}
  .mdl-destacados-barrio .ctaContainer{padding:0 2rem}
  .mdl-destacados-barrio .ctaContainer > .m-button{width:100%;max-width:38rem}

  .mdl-footer.color-scheme-burgundy main .main-content-wrapper{padding:3.2rem 2rem 2rem}
  .mdl-footer.color-scheme-burgundy main .main-content.module-content-limit{display:flex;flex-direction:column;gap:2rem;width:100%;padding:0}
  .mdl-footer.color-scheme-burgundy main .footer-area-contact{width:100%;padding-bottom:1.5rem;border-bottom:1px solid rgba(250,249,246,.35)}
  .mdl-footer.color-scheme-burgundy main .footer-area-contact .cta{display:none}
  .mdl-footer.color-scheme-burgundy main .footer-area-contact p{margin:0 0 .9rem}
  .mdl-footer.color-scheme-burgundy main .footer-area-contact p:last-of-type{margin-bottom:0}
  .mdl-footer.color-scheme-burgundy main .footer-area-nav{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem 1.4rem;width:100%}
  .mdl-footer.color-scheme-burgundy main .footer-area-nav::before{display:none}
  .mdl-footer.color-scheme-burgundy main .footer-area-nav .nav-item{min-width:0}
  .mdl-footer.color-scheme-burgundy main .footer-area-nav .nav-item .nav-title{margin-bottom:1rem}
  .mdl-footer.color-scheme-burgundy main .footer-area-nav .nav-legal{grid-column:1/-1}
  .mdl-footer.color-scheme-burgundy main .footer-area-nav ul{padding-left:0}
  .mdl-footer.color-scheme-burgundy main .footer-area-nav li{overflow-wrap:anywhere;margin-bottom:.35rem}
  .mdl-footer.color-scheme-burgundy main .footer-area-nav .nav-legal .dd-hours-row{gap:1rem;padding:.5rem 0}
  .mdl-footer.color-scheme-burgundy main .footer-area-copyright{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;width:100%;margin:0;padding-top:1.5rem;border-top:1px solid rgba(250,249,246,.35);text-align:left}
  .mdl-footer.color-scheme-burgundy main .footer-area-copyright p{max-width:100%;margin:0;white-space:normal}
  .mdl-footer.color-scheme-burgundy .dd-business-legal{padding:0;font-size:1.05rem;line-height:1.55}
  .mdl-footer.color-scheme-burgundy .footer-area-copyright .devs{white-space:normal}
}

@media (max-width: 380px){
  .mdl-header{--header-logo-w:clamp(15rem,47vw,17rem) !important}
  .mdl-header .module-content .logo-link{width:var(--header-logo-w);max-width:var(--header-logo-w)}
  .mdl-header .module-content .nav-social .m-button{width:3rem;height:3rem;min-width:3rem}
  .dd-language-button{width:3.8rem;height:2.5rem}
  .dd-badge{width:6.8rem;height:6.8rem}
  .dd-badge-center{width:3.9rem;height:3.9rem}
  .dd-story-grid{padding-right:1.7rem;padding-left:1.7rem}
  .dd-finder{grid-template-columns:1fr}
  .dd-field:nth-child(n){grid-column:1;border-right:0;border-top:.1rem solid rgba(122,30,30,.22)}
  .dd-field:first-child{border-top:0}
  .dd-submit{grid-column:1}
  .dd-form-note{grid-column:1}
}

/* Keep the gallery's stone panel visible between the red features and footer. */
body.idp0 #panels .panel_destacadosbarrio > .mdl-destacados-barrio{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  background-color:#FAF9F6 !important;
  color:#7A1E1E !important;
}
@media(max-width:767px){
  body.idp0 #panels .panel_destacadosbarrio .dd-gallery-marquee{
    display:block !important;
    visibility:visible !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
  }
  body.idp0 #panels .panel_destacadosbarrio .dd-gallery-set:first-child{
    display:flex !important;
  }
  body.idp0 #panels .panel_destacadosbarrio .dd-gallery-set[aria-hidden="true"]{
    display:none !important;
  }
}