/* Auto-generated by scripts/css_mechanical_split.py
   Source: property_detail_part_07.css
   Part 2/2 - load order critical.
   Do not reorder or merge without re-running the splitter. */

    [data-gallery-open]{
      max-width:calc(100% - 104px) !important;
      font-size:14px !important;
      min-height:42px !important;
      padding-left:16px !important;
      padding-right:16px !important;
    }

    .property-gallery-counter,
    .gallery-counter,
    .photo-gallery-counter,
    .property-photo-counter,
    [data-gallery-counter]{
      min-height:38px !important;
      padding-left:14px !important;
      padding-right:14px !important;
      font-size:14px !important;
    }
  }

  @media (max-width:430px){
    .property-gallery-open,
    .gallery-open,
    .photo-gallery-open,
    .property-photo-open,
    [data-open-gallery],
    [data-gallery-open]{
      max-width:calc(100% - 92px) !important;
      font-size:13px !important;
    }
  }


@media (max-width: 760px){
    html,
    body{
      overflow-x:hidden !important;
    }

    main,
    .container,
    .page-shell,
    .detail-shell,
    main.container{
      width:100% !important;
      max-width:100% !important;
      padding-left:12px !important;
      padding-right:12px !important;
      margin-left:auto !important;
      margin-right:auto !important;
      box-sizing:border-box !important;
      overflow-x:hidden !important;
    }

    .hero-shell,
    .property-detail-premium-hero,
    .property-hero-shell-fix{
      width:100% !important;
      max-width:100% !important;
      padding:14px !important;
      border-radius:20px !important;
      margin-bottom:16px !important;
      box-sizing:border-box !important;
      overflow:hidden !important;
    }

    .property-hero-layout-fix,
    .property-detail-hero-grid{
      display:flex !important;
      flex-direction:column !important;
      gap:14px !important;
      width:100% !important;
      max-width:100% !important;
      min-width:0 !important;
    }

    .property-hero-copy-fix,
    .property-hero-box-fix,
    .property-detail-price-box,
    .property-detail-cta-card{
      width:100% !important;
      max-width:100% !important;
      min-width:0 !important;
      margin:0 !important;
      box-sizing:border-box !important;
    }

    .property-detail-title,
    .hero-shell h1{
      font-size:clamp(25px, 7.5vw, 34px) !important;
      line-height:1.06 !important;
      max-width:100% !important;
      overflow-wrap:break-word !important;
    }

    .property-detail-location,
    .property-detail-excerpt,
    .hero-shell .lead{
      max-width:100% !important;
      font-size:14px !important;
      line-height:1.5 !important;
    }

    #detailSplit{
      display:grid !important;
      grid-template-columns:1fr !important;
      gap:16px !important;
      width:100% !important;
      max-width:100% !important;
      margin:0 !important;
      padding:0 !important;
      box-sizing:border-box !important;
      overflow:hidden !important;
    }

    #detailMainColumn,
    #detailAside{
      width:100% !important;
      max-width:100% !important;
      min-width:0 !important;
      margin:0 !important;
      box-sizing:border-box !important;
      overflow:visible !important;
    }

    #detailMainStage{
      position:relative !important;
      width:100% !important;
      max-width:100% !important;
      aspect-ratio:4 / 3 !important;
      height:auto !important;
      min-height:0 !important;
      max-height:none !important;
      border-radius:18px !important;
      background:#fff !important;
      overflow:hidden !important;
      line-height:0 !important;
      box-sizing:border-box !important;
    }

    #detailMainStage > img#detailMainImage,
    img#detailMainImage{
      position:absolute !important;
      inset:0 !important;
      display:block !important;
      width:100% !important;
      height:100% !important;
      max-width:100% !important;
      max-height:100% !important;
      min-width:0 !important;
      min-height:0 !important;
      object-fit:contain !important;
      object-position:center center !important;
      background:#fff !important;
      transform:none !important;
      border-radius:18px !important;
    }

    #detailThumbs{
      display:flex !important;
      flex-direction:row !important;
      flex-wrap:nowrap !important;
      align-items:center !important;
      gap:8px !important;
      width:100% !important;
      max-width:100% !important;
      margin-top:8px !important;
      box-sizing:border-box !important;
      overflow-x:auto !important;
      overflow-y:hidden !important;
      -webkit-overflow-scrolling:touch !important;
      scrollbar-width:thin !important;
    }