.elementor-509 .elementor-element.elementor-element-1b68e9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS */<style>
/* ===================== DPV Winter Page • Responsive Fix Pack ===================== */
/* Targets: #dpv-hero, #dpv-feature-heated, #dpv-feature-pavilion,
            #dpv-indoor-lookbook, #dpv-winter-gallery, #dpv-faq  */

/* ---------- Base tidying for all images/iframes ---------- */
#dpv-hero img, #dpv-feature-heated img, #dpv-feature-pavilion img,
#dpv-indoor-lookbook img, #dpv-winter-gallery img {
  max-width: 100%;
  height: auto;
  display: block;
}
#dpv-hero iframe, #dpv-hero .frame { width:100%; }

/* ---------- Containers: slightly wider padding on very small screens ---------- */
@media (max-width: 1220px){
  #dpv-hero .container,
  #dpv-feature-heated .container,
  #dpv-feature-pavilion .container,
  #dpv-indoor-lookbook .container,
  #dpv-winter-gallery .container,
  #dpv-faq .container { padding-left:18px !important; padding-right:18px !important; }
}

/* ===================== HERO ===================== */
@media (max-width: 1080px){
  #dpv-hero .hero{ min-height:auto; padding:48px 0; }
  #dpv-hero .grid{ grid-template-columns:1fr !important; gap:24px !important; }
  #dpv-hero .frame{ height:640px; }
}
@media (max-width: 680px){
  #dpv-hero h1{ font-size:2.2rem !important; }
  #dpv-hero .frame{ height:560px; }
}

/* ===================== FEATURE SECTIONS (Heated + Pavilion) ===================== */
@media (max-width: 1024px){
  #dpv-feature-heated .wrap,
  #dpv-feature-pavilion .wrap{ grid-template-columns:1fr !important; gap:22px !important; }
  #dpv-feature-heated .photo img,
  #dpv-feature-pavilion .photo img{ aspect-ratio: 16/10; object-fit: cover; }
}
@media (max-width: 640px){
  #dpv-feature-heated h2, #dpv-feature-pavilion h2 { font-size:1.9rem !important; }
  #dpv-feature-heated .item, #dpv-feature-pavilion .item{ font-size:.95rem !important; }
}

/* ===================== INDOOR LOOKBOOK ===================== */
@media (max-width: 1024px){
  #dpv-indoor-lookbook .top{ grid-template-columns:1fr !important; }
  #dpv-indoor-lookbook .gallery{ grid-template-columns:1fr !important; gap:12px !important; }
  #dpv-indoor-lookbook .gallery .stack{ grid-template-columns:1fr 1fr !important; grid-template-rows:auto !important; }
  #dpv-indoor-lookbook .small{ height:220px !important; }
}
@media (max-width: 640px){
  #dpv-indoor-lookbook .gallery .stack{ grid-template-columns:1fr !important; }
  #dpv-indoor-lookbook .small{ height:210px !important; }
}

/* ===================== WINTER GALLERY (masonry fix on mobile) ===================== */
/* Desktop stays as-is. On tablet/mobile we normalize to 2 columns / 1 column and reset spans */
@media (max-width: 1024px){
  #dpv-winter-gallery .grid{
    grid-template-columns:1fr 1fr !important;
    grid-auto-rows:auto !important;
  }
  #dpv-winter-gallery .wide,
  #dpv-winter-gallery .tall,
  #dpv-winter-gallery .medium,
  #dpv-winter-gallery .short{
    grid-column:auto !important; grid-row:auto !important;
  }
  #dpv-winter-gallery figure{ aspect-ratio: 4/3; }
  #dpv-winter-gallery img{ width:100%; height:100%; object-fit:cover; }
}
@media (max-width: 640px){
  #dpv-winter-gallery .grid{ grid-template-columns:1fr !important; }
  #dpv-winter-gallery figure{ aspect-ratio: 3/2; } /* a bit taller for phones */
}

/* ===================== FAQ ===================== */
@media (max-width: 920px){
  #dpv-faq h2{ font-size:1.9rem !important; }
  #dpv-faq button{ font-size:1.02rem !important; padding:16px 0 !important; }
  #dpv-faq .answer p{ font-size:.98rem !important; }
}
@media (max-width: 600px){
  #dpv-faq .container{ padding-top:56px !important; padding-bottom:56px !important; }
}

/* Small typographic nudge for readability across all sections */
@media (max-width: 640px){
  #dpv-hero p, #dpv-feature-heated p, #dpv-feature-pavilion p,
  #dpv-indoor-lookbook p, #dpv-winter-gallery p, #dpv-faq .intro{
    font-size:1rem !important; line-height:1.66 !important;
  }
}
</style>/* End custom CSS */