/* invite-hotel.ru – новая главная и карточка номера (этап 2, 13.11.2026).
   Всё внутри main.ih2, чтобы не задеть шапку и подвал сайта (invitehotel.css).
   Палитра сайта: графит #46555a, беж #dac2b1 / #efdfce, Philosopher + Open Sans. */
.ih2{--ink:#162425;--graphite:#46555a;--beige:#dac2b1;--cream:#efdfce;--sand:#f9f6f3;--line:#e5e5e5;--muted:#5f686c;--accent:#8a7768;
  --fh:'Philosopher',Georgia,serif;--fb:'Open Sans',Arial,Helvetica,sans-serif;
  font-family:var(--fb);font-size:16px;line-height:1.55;color:var(--ink);background:#fff}
.ih2 *,.ih2 *:before,.ih2 *:after{box-sizing:border-box}
/* шапка сайта на новых шаблонах – своя светлая подложка, не поверх фото */
.ih2-body header{position:relative;background:#fff;border-bottom:1px solid #e5e5e5}
.ih2-body header .topLine{background:#efdfce}
.ih2 img{max-width:100%;display:block;height:auto}
.ih2 a{color:var(--graphite)}
.ih2 h1,.ih2 h2,.ih2 h3{font-family:var(--fh);font-weight:700;line-height:1.15;margin:0 0 .5em;color:var(--ink);text-transform:none}
.ih2 h1{font-size:44px}.ih2 h2{font-size:32px;text-align:center;margin-bottom:28px}.ih2 h3{font-size:20px}
.ih2 p{margin:0 0 1em}
.ih2-w{max-width:1200px;margin:0 auto;padding:0 20px}
.ih2-s{padding:56px 0}
.ih2 .muted{color:var(--muted);font-size:14px}
.ih2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:4px;border:0;cursor:pointer;
  font:600 15px/1 var(--fb);letter-spacing:.03em;text-transform:uppercase;text-decoration:none!important;transition:.2s}
.ih2-btn-dark{background:var(--graphite);color:#fff!important}.ih2-btn-dark:hover{background:var(--ink)}
.ih2-btn-light{background:#fff;color:var(--graphite)!important;border:1px solid var(--graphite)}.ih2-btn-light:hover{background:var(--cream)}

/* первый экран */
.ih2-hero{position:relative;min-height:640px;display:flex;align-items:flex-end;color:#fff;isolation:isolate;overflow:hidden}
.ih2-hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ih2-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(22,36,37,.1) 25%,rgba(22,36,37,.78) 100%)}
.ih2-hero .ih2-w{width:100%;padding-bottom:40px}
.ih2-hero h1{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.35);margin-bottom:8px}
.ih2-hero .fact{font-family:var(--fh);font-size:22px;margin:0 0 22px;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.ih2-rating{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.93);color:var(--ink)!important;border-radius:4px;padding:8px 14px;margin-bottom:22px;text-decoration:none!important}
.ih2-rating b{font:700 24px/1 var(--fh);color:var(--graphite)}
.ih2-rating small{display:block;font-size:12px;color:var(--muted);line-height:1.2}
.ih2-search{background:#fff;border-radius:6px;padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);min-height:78px;color:var(--ink)}
.ih2-search-note{font-size:12px;color:rgba(255,255,255,.9);margin:10px 0 0;text-align:right;text-shadow:0 1px 6px rgba(0,0,0,.5)}

/* номера */
.ih2-rooms{background:var(--sand)}
.ih2-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ih2-card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.ih2-card .ph{display:block;aspect-ratio:4/3;overflow:hidden}.ih2-card .ph img{width:100%;height:100%;object-fit:cover;transition:.4s}
.ih2-card:hover .ph img{transform:scale(1.04)}
.ih2-card .body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.ih2-card h3{margin-bottom:2px}.ih2-card h3 a{color:var(--ink);text-decoration:none}
.ih2-card .sub{color:var(--muted);font-size:14px;margin-bottom:12px}
.ih2-facts{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--graphite);margin-bottom:14px}
.ih2-facts span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--beige);margin-right:7px;vertical-align:middle}
.ih2-card .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.ih2-price{font:700 22px/1 var(--fh);color:var(--ink)}.ih2-price small{font:400 13px/1.2 var(--fb);color:var(--muted);display:block;margin-top:4px}
.ih2-price.none{font:400 13px/1.3 var(--fb);color:var(--muted)}
.ih2-card .more{font-size:13px;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border-bottom:1px solid var(--beige);white-space:nowrap}
.ih2-card.pick{justify-content:center;align-items:center;text-align:center;padding:30px;border-style:dashed}
.ih2-price-note{text-align:center;font-size:13px;color:var(--muted);margin:22px 0 0}

/* отзывы */
.ih2-reviews .head{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:24px;flex-wrap:wrap}
.ih2-score{font:700 56px/1 var(--fh);color:var(--graphite)}
.ih2-score small{display:block;font:400 14px/1.3 var(--fb);color:var(--muted);margin-top:6px}
.ih2-reviews .all{text-align:center;margin-top:20px}
.ih2-rev-box{position:relative;max-height:900px;overflow:hidden;max-width:760px;margin:0 auto}
.ih2-rev-box:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}

/* о гостинице */
.ih2-about .grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px}
.ih2-about h3{margin-bottom:6px}.ih2-about p{margin:0}
.ih2-about .links{margin-top:26px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* акции */
.ih2-promo{background:var(--cream)}
.ih2-promo .ihp{margin-bottom:0;background:#fff}

/* преимущества */
.ih2-adv ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ih2-adv li{text-align:center;padding:0 10px}.ih2-adv li b{display:block;font-family:var(--fh);font-size:19px;margin:10px 0 6px}
.ih2-adv .ico{width:48px;height:48px;margin:0 auto;color:var(--graphite)}
.ih2-adv .ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.ih2-adv li p{margin:0;font-size:14px;color:var(--muted)}

/* ---------- карточка номера ---------- */
.ih2-crumbs{font-size:13px;color:var(--muted);padding:16px 0 0}.ih2-crumbs a{color:var(--muted);text-decoration:none}
.ih2-crumbs ul,.ih2-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ih2-room-head{padding:18px 0 22px}.ih2-room-head h1{font-size:38px;margin-bottom:4px}.ih2-room-head .sub{color:var(--muted);font-size:17px}
.ih2-keyfacts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.ih2-keyfacts span{background:var(--sand);border:1px solid var(--line);border-radius:30px;padding:7px 14px;font-size:14px}
.ih2-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:260px 260px;gap:8px;border-radius:8px;overflow:hidden}
.ih2-gallery a{display:block;position:relative;overflow:hidden}.ih2-gallery a:first-child{grid-row:1/3}
.ih2-gallery a:nth-child(n+6){display:none}
.ih2-gallery img{width:100%;height:100%;object-fit:cover;transition:.4s}.ih2-gallery a:hover img{transform:scale(1.04)}
.ih2-gallery .more{position:absolute;inset:0;background:rgba(22,36,37,.55);color:#fff;display:flex;align-items:center;justify-content:center;font:700 20px/1 var(--fh)}
.ih2-room-body{display:grid;grid-template-columns:1fr 340px;gap:40px}
.ih2-w.ih2-room-body{padding-top:40px;padding-bottom:56px}
.ih2-room-body h2{text-align:left;font-size:26px;margin:0 0 14px}
.ih2-am{margin-bottom:22px}.ih2-am h3{font-size:16px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.ih2-am ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;font-size:15px}
.ih2-am li:before{content:"✓";color:var(--accent);margin-right:8px}
.ih2-text ul{list-style:disc;padding-left:20px}
.ih2-text .ih2-am ul{list-style:none;padding-left:0}
.ih2-book{position:sticky;top:96px;background:var(--sand);border:1px solid var(--line);border-radius:8px;padding:26px;align-self:start}
.ih2-book .ih2-price{font-size:32px}.ih2-book .ih2-price small{font-size:13px}
.ih2-book .ih2-btn{width:100%;margin:18px 0 10px}
.ih2-book .pol{font-size:13px;color:var(--muted);margin:0;padding-left:18px;list-style:disc}.ih2-book .pol li{margin-bottom:4px}
.ih2-similar{background:var(--sand)}

.ih2-mt{margin-top:34px!important}.ih2-mt-s{margin-top:18px}
.ih2-acc{border:1px solid var(--line);border-radius:6px;background:#fff;margin:10px 0}
.ih2-acc summary{cursor:pointer;list-style:none;padding:13px 44px 13px 16px;font-weight:600;position:relative;color:var(--graphite)}
.ih2-acc summary::-webkit-details-marker{display:none}
.ih2-acc summary:after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font:400 22px/1 var(--fb);color:var(--accent)}
.ih2-acc[open] summary:after{content:"–"}
.ih2-acc-body{padding:0 16px 14px}.ih2-acc-body p{margin:0 0 .7em}.ih2-acc-body ul{margin:0 0 .8em;padding-left:20px;list-style:disc}
.ih2-acc-body li{margin-bottom:4px}.ih2-acc-body h3{font-size:16px;margin:6px 0 6px}
.ih2-note{background:var(--sand);border-radius:6px;padding:14px 16px;margin:12px 0}.ih2-note p{margin:0 0 .5em}.ih2-note p:last-child{margin:0}
.ih2-faq{max-width:820px;margin:0 auto}
.ih2-faq-s{background:var(--sand)}
.ih2-gcount{display:none}
/* текстовая страница */
.ih2-page{padding-bottom:56px}.ih2-page .ih2-text{max-width:820px}
.ih2-short h2{text-align:left;font-size:22px;margin:0 0 10px}.ih2-short ul{margin:0;padding-left:20px;list-style:disc}.ih2-short li{margin-bottom:6px}
.ih2-rules{list-style:decimal;padding-left:22px;margin:0}.ih2-page .ih2-text h2{text-align:left}.ih2-rules>li{margin-bottom:12px}.ih2-rules ul{list-style:disc;padding-left:20px;margin:6px 0 0}
.ih2-list{list-style:disc;padding-left:20px;margin:0 0 1em}.ih2-list li{margin-bottom:6px}
/* лайтбокс */
.ih2-lb{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:2000}
.ih2-lb.open{display:flex}.ih2-lb img{max-width:92vw;max-height:88vh;object-fit:contain}
.ih2-lb button{position:absolute;background:none;border:0;color:#fff;font-size:40px;cursor:pointer;padding:20px;line-height:1}
.ih2-lb .x{top:10px;right:14px}.ih2-lb .prev{left:10px;top:50%;transform:translateY(-50%)}.ih2-lb .next{right:10px;top:50%;transform:translateY(-50%)}
.ih2-lb.loading:after{content:"Загружаю фото…";position:absolute;top:18px;left:0;right:0;text-align:center;color:#ddd;font-size:13px}
html[lang=en] .ih2-lb.loading:after{content:"Loading photo…"}
.ih2-lb img{transition:opacity .2s}.ih2-lb.loading img{opacity:.75}
.ih2-lb .cnt{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#ccc;font-size:13px}

/* ---------- планшет и телефон ---------- */
@media (max-width:950px){.ih2-body main.ih2{padding-top:80px}}
@media (max-width:980px){
  .ih2-grid3{grid-template-columns:1fr 1fr}.ih2-adv ul{grid-template-columns:1fr 1fr}
  .ih2-room-body{grid-template-columns:1fr}.ih2-book{position:static}
}
@media (max-width:640px){
  .ih2 h1{font-size:30px}.ih2 h2{font-size:26px}
  .ih2-s{padding:40px 0}
  .ih2-w{padding:0 16px}
  .ih2-hero{min-height:0;padding-top:60px}.ih2-hero .ih2-w{padding-bottom:24px}.ih2-hero .fact{font-size:17px}
  .ih2-search-note{text-align:left}
  .ih2-grid3,.ih2-about .grid{grid-template-columns:1fr}
  .ih2-adv ul{gap:18px}
  .ih2-room-head h1{font-size:30px}
  .ih2-gallery{display:flex;grid-template-columns:none;grid-template-rows:none;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .ih2-gallery::-webkit-scrollbar{display:none}
  .ih2-gallery a,.ih2-gallery a:first-child,.ih2-gallery a:nth-child(n+6){display:block;flex:0 0 100%;aspect-ratio:4/3;scroll-snap-align:start;grid-row:auto}
  .ih2-gallery a:hover img{transform:none}.ih2-gallery .more{display:none}
  .ih2-gcount{display:block;text-align:center;font-size:12px;color:var(--muted);margin-top:6px}
  .ih2-w.ih2-room-body{padding-top:28px;padding-bottom:40px}
  .ih2-am ul{grid-template-columns:1fr}
}