/* --- применяется ТОЛЬКО на страницах локаций (класс от JS) -------- */
/* --ml-pad объявляем здесь, чтобы им мог пользоваться и #header
   (он вне #miners-location-mount, где переменная тоже задана) */
.ml-location-page{ --ml-pad:clamp(20px,5vw,64px); }
.ml-location-page .content,
.ml-location-page .content-inner{
   width:100% !important; max-width:none !important;
   margin:0 !important; padding:0 !important;
}
.ml-location-page .overall-wrapper{
   background-color: black;
}
/* служебный заголовок страницы ("The Miners Florentinum NEW") прячем —
   роль h1 на локации играет крупный заголовок в hero */
.ml-location-page header[itemprop="headline"]{display:none}

/* ===== прозрачный site-header поверх hero (только локации) ======== */
.ml-location-page #header{
  position:absolute !important; top:0; left:0; width:100%;
  background:none !important; box-shadow:none !important; z-index:100;
}
/* ВСЁ в шапке — белое (ковровый селектор, чтобы ничего не проскочило) */
.ml-location-page #header,
.ml-location-page #header *{ color:#fff !important; }

.ml-location-page #header .site-name img{ filter:brightness(0) invert(1) }
.ml-location-page #header svg:not(.shp-flag),
.ml-location-page #header .header-top .languagesMenu .languagesMenu__content .languagesMenu__header--actual:after,
.ml-location-page #header .header-top .languagesMenu .languagesMenu__flags:after { filter:brightness(0) invert(1) }

.ml-location-page #header .btn-icon,
.ml-location-page #header .responsive-tools > a,
.ml-location-page #header .top-navigation-tools .top-nav-button-login,
.ml-location-page #header .navigation-buttons .btn-icon{ filter:brightness(0) invert(1) }

/* ===================== САМ БЛОК ЛОКАЦИИ ============================ */
#miners-location-mount{
  --ml-orange:#F5481C; --ml-black:#0E0E0E; --ml-white:#fff;
  --ml-grey:#6A6A6A; --ml-line:#E4E4E4;
  --ml-display:inherit; --ml-body:inherit;
  --ml-pad:clamp(20px,5vw,64px);
  font-family:var(--ml-body); color:var(--ml-black); line-height:1.45;
  width:100%;
}

/* ресет против стилей темы Shoptet */
#miners-location-mount *,#miners-location-mount *::before,#miners-location-mount *::after{box-sizing:border-box}
#miners-location-mount h1,#miners-location-mount h2,#miners-location-mount h3,
#miners-location-mount h4,#miners-location-mount h5,#miners-location-mount p{margin:0;padding:0}
.ml-location-page .content-wrapper-in, .ml-location-page #header .navigation-wrapper{max-width: none !important;}
/* паддинг шапки задаём только на десктопе; на мобилке НЕ трогаем —
   отдаём выравнивание дефолтным стилям Shoptet (наш большой var(--ml-pad)
   там ломал раскладку). Порог 992px — обычная точка, где Shoptet
   переключает шапку в мобильный режим; подкрути, если у вас другой. */
@media (min-width: 992px){
  .ml-location-page #header .navigation-wrapper{ padding: var(--ml-pad) !important; }
}
#miners-location-mount ul{margin:0;padding:0;list-style:none}
#miners-location-mount a{text-decoration:none;color:inherit}
#miners-location-mount img{display:block;max-width:100%;height:auto}
#miners-location-mount button{font:inherit;color:inherit;line-height:1.45}

#miners-location-mount .ml-h{font-family:var(--ml-display);font-weight:800;letter-spacing:-.02em;font-size:clamp(3.4rem,8.5vw,6.6rem);line-height:.9;text-transform:uppercase;margin:0 0 .55em;color:var(--ml-black)}

/* --- HERO --------------------------------------------------------- */
#miners-location-mount .ml-hero{position:relative;min-height:clamp(480px,82vh,900px);display:flex;align-items:flex-end;color:#fff;overflow:hidden}
#miners-location-mount .ml-hero__media{position:absolute;inset:0;background:#222 center/cover no-repeat}
#miners-location-mount .ml-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 35%,rgba(0,0,0,.6) 100%)}
#miners-location-mount .ml-hero__inner{position:relative;width:100%;padding:10px clamp(20px, 5vw, 64px)}
#miners-location-mount .ml-crumb{font-size:2rem;opacity:.85;margin-bottom:1em;color:#fff}
#miners-location-mount .ml-hero__title{display:flex;flex-direction:column;margin:0}
#miners-location-mount .ml-hero__top{font-family:var(--ml-display);font-weight:800;font-size:clamp(2.2rem,5.5vw,4.6rem);line-height:1;letter-spacing:-.01em;color:#fff}
#miners-location-mount .ml-hero__main{font-family:var(--ml-display);font-weight:800;font-size:clamp(4.6rem,17vw,17rem);line-height:.82;letter-spacing:-.04em;color:#fff}

/* --- META --------------------------------------------------------- */
#miners-location-mount .ml-meta{background:var(--ml-black);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);align-items:start;gap:clamp(20px,4vw,48px);padding:clamp(28px,4vw,52px) var(--ml-pad)}
#miners-location-mount .ml-meta__c {border-top: 2px solid #fff;}
#miners-location-mount .ml-meta__c h4{padding-top:1.1em;font-size:2.5rem;font-weight:700;margin:0 0 1em;color:#fff}
#miners-location-mount .ml-meta__c p{margin:.25em 0 !important; font-size:2rem;color:#cfcfcf}
#miners-location-mount .ml-hrs{display:flex;justify-content:space-between;gap:1em}
#miners-location-mount .ml-rate{font-size:2.5rem;font-weight:700;line-height:1;color:#fff}
#miners-location-mount .ml-stars{color:var(--ml-orange);letter-spacing:2px;margin:.2em 0;font-size:2.5rem}
#miners-location-mount .ml-rev{font-size:2rem;color:#cfcfcf}
#miners-location-mount .ml-meta__cta{display:flex;flex-direction:column;gap:12px;justify-content:flex-end;align-self:stretch}
#miners-location-mount .ml-btn{display:block;text-align:center;font-weight:700;padding:16px 24px;font-size:2.5rem;transition:transform .12s}
#miners-location-mount .ml-btn:hover{transform:translateY(-1px)}
#miners-location-mount .ml-btn--orange{background:var(--ml-orange);color:#fff}
#miners-location-mount .ml-btn--ghost{background:#fff;color:var(--ml-black)}

/* --- MARQUEE (бесшовно, добивается в JS до ширины экрана) --------- */
#miners-location-mount .ml-mq{background:var(--ml-orange);color:var(--ml-black);overflow:hidden;white-space:nowrap;padding:12px 0;font-family:var(--ml-display);font-weight:800;font-size:clamp(1.5rem,3.2vw,2.3rem);text-transform:lowercase}
#miners-location-mount .ml-mq__track{display:inline-flex;align-items:center;animation:ml-scroll 30s linear infinite;will-change:transform}
#miners-location-mount .ml-mq__group{display:inline-flex;align-items:center;flex:none}
#miners-location-mount .ml-mq__i{padding:0 .5em}
#miners-location-mount .ml-mq__dot{opacity:.55;padding:0 .2em}
@keyframes ml-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* --- ABOUT -------------------------------------------------------- */
#miners-location-mount .ml-about{display:grid;grid-template-columns:1fr 1fr}
#miners-location-mount .ml-about__img img{width:100%;height:100%;object-fit:cover}
#miners-location-mount .ml-about__body{padding:var(--ml-pad)}
#miners-location-mount .ml-about__title{font-family:var(--ml-display);font-weight:800;font-size:clamp(3.4rem,7vw,5.8rem);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;margin:0 0 .5em;color:var(--ml-black)}
#miners-location-mount .ml-accent{color:var(--ml-orange)}
#miners-location-mount .ml-about__text p{margin:0 0 1em;max-width:50ch;font-size:2rem;color:#2b2b2b}
#miners-location-mount .ml-hls{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:2.2em 0;border-top:2px solid var(--ml-line);padding-top:1.6em}
#miners-location-mount .ml-hl{padding-left:16px}
#miners-location-mount .ml-hl+.ml-hl{border-left:2px solid var(--ml-line)}
#miners-location-mount .ml-hl h5{margin:.6em 0 .5em;font-size:2.3rem;font-weight:700;color:var(--ml-black)}
#miners-location-mount .ml-hl p{margin:0;font-size:2rem;color:#444}
#miners-location-mount .ml-ic{width:50px;height:50px;fill:var(--ml-orange);color:var(--ml-orange)}
#miners-location-mount .ml-stats{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ml-black)}
#miners-location-mount .ml-stat{display:flex;align-items:center;gap:14px;padding:18px 22px}
#miners-location-mount .ml-stat:nth-child(1),#miners-location-mount .ml-stat:nth-child(2){border-bottom:1px solid var(--ml-line)}
#miners-location-mount .ml-stat:nth-child(odd){border-right:1px solid var(--ml-line)}
#miners-location-mount .ml-stat__l{font-size:2rem;color:var(--ml-black)}
#miners-location-mount .ml-stat__v{margin-left:auto;font-weight:700;font-size:2.5rem;color:var(--ml-black)}

/* --- LOOK INSIDE (галерея img) ----------------------------------- */
#miners-location-mount .ml-look{padding:clamp(40px,7vw,90px) var(--ml-pad)}
#miners-location-mount .ml-look__main{position:relative;aspect-ratio:16/7;background:#111;overflow:hidden}
#miners-location-mount .ml-look__main img{width:100%;height:100%;object-fit:cover}
#miners-location-mount .ml-look__main--tour iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#miners-location-mount .ml-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
#miners-location-mount .ml-thumb{border:0;padding:0;cursor:pointer;background:none;opacity:.7;transition:opacity .15s}
#miners-location-mount .ml-thumb:hover,#miners-location-mount .ml-thumb.is-active{opacity:1}
#miners-location-mount .ml-thumb img{aspect-ratio:4/3;object-fit:cover;width:100%}

/* --- OFFER / MENU (фикс. высота фото + sticky) ------------------- */
#miners-location-mount .ml-offer{display:grid;grid-template-columns:1fr 1fr;align-items:start}
#miners-location-mount .ml-offer__left{padding:var(--ml-pad)}
#miners-location-mount .ml-offer__img{position:sticky;top:0;align-self:start}
#miners-location-mount .ml-offer__img img{width:100%;height:clamp(480px,90vh,860px);object-fit:cover}
#miners-location-mount .ml-acc{border-bottom:1px solid var(--ml-line)}
#miners-location-mount .ml-acc:first-child{border-top:1px solid var(--ml-line)}
#miners-location-mount .ml-acc__head{width:100%;background:none;border:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-weight:700;font-size:2.5rem;text-transform:lowercase;color:var(--ml-black)}
#miners-location-mount .ml-acc__sign{font-size:2.5rem;line-height:1}
#miners-location-mount .ml-acc__body{display:none;padding-bottom:18px}
#miners-location-mount .ml-acc.is-open .ml-acc__body{display:block}
#miners-location-mount .ml-sub{font-weight:700;font-size:2.5rem;margin:16px 0 6px;text-transform:lowercase;color:var(--ml-black)}
#miners-location-mount .ml-item{display:flex;justify-content:space-between;gap:16px;padding:4px 0;font-size:1.5rem;color:var(--ml-black)}
#miners-location-mount .ml-item__n sup{font-size:.65em;color:var(--ml-grey)}
#miners-location-mount .ml-item__p{white-space:nowrap;font-weight:700;}
#miners-location-mount .ml-closing{max-width:44ch;margin: 2.4em 0px 0 0 !important;font-size:2rem;color:#2b2b2b}

/* --- RESPONSIVE --------------------------------------------------- */
@media (max-width:920px){
 #miners-location-mount .ml-meta{grid-template-columns:1fr 1fr}
 #miners-location-mount .ml-about,#miners-location-mount .ml-offer{grid-template-columns:1fr}
 #miners-location-mount .ml-about__img{order:-1;max-height:60vh}
 #miners-location-mount .ml-offer__img{position:static}
 #miners-location-mount .ml-offer__img img{height:clamp(360px,55vh,520px)}
 #miners-location-mount .ml-hls{grid-template-columns:1fr}
 #miners-location-mount .ml-hl+.ml-hl{border-left:0;border-top:1px solid var(--ml-line);padding-top:1em}
 #miners-location-mount .ml-thumbs{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
 #miners-location-mount .ml-meta{grid-template-columns:1fr}
 #miners-location-mount .ml-stats{grid-template-columns:1fr}
 #miners-location-mount .ml-stat:nth-child(odd){border-right:0}
 #miners-location-mount .ml-stat:not(:last-child){border-bottom:1px solid var(--ml-line)}
}