/* hotels61 · f / «Речной журнал»
   Гермес, 07.11.2026. Единственное изменение относительно dizajn-f-osnova.
   Manrope из основы + системная Georgia. Без новых изображений и внешних ресурсов. */
:root,body.variant-B{
 --paper:#f5f2ec;--surface:#fffdf9;--ink:#182f3e;--muted:#52606a;
 --accent:#193f54;--soft:#eae5db;--line:#d8d2c7;--radius:5px;
 --bronze:#80542c;--midnight:#102633;--pale:#e9d6b8;
 --map-bg:#f0ece3;--map-grid:#d6cfc1;
}
body{font-family:Manrope,Arial,sans-serif;font-size:17px;line-height:1.65;background:var(--paper);color:var(--ink)}
::selection{background:#dfc39b;color:#102633}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;line-height:1.1}
h2{font-size:clamp(34px,3.3vw,50px)}
p{ text-wrap:pretty }
.wrap,.mini-site .wrap{max-width:1280px;width:calc(100% - 96px)}
a,button,input{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #a16b31;outline-offset:4px;box-shadow:0 0 0 2px #fff}
.media-stage:focus-visible,.mini-slides:focus-visible,.mini-photo-open:focus-visible,.mini-tabbar a:focus-visible{outline-offset:-5px;box-shadow:inset 0 0 0 2px #fff}
.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:750;line-height:1.7;color:var(--bronze)}
.button{border-radius:3px;min-height:54px;padding:14px 23px;font-size:14px;font-weight:750;letter-spacing:.01em;background:var(--accent);border:1px solid var(--accent);color:#fff;box-shadow:none}
.button:hover{background:#102633;border-color:#102633;transform:none;box-shadow:0 6px 18px #10263318}
.button span{font-size:22px;transition:transform .2s}
.button:hover span{transform:translate(2px,-2px)}
.header{background:var(--surface);border-bottom:1px solid var(--line)}
.header-inner{height:94px;gap:24px}
.brand{font-size:32px;letter-spacing:-.07em;color:var(--ink)}
.brand span{color:var(--bronze)}
.brand small{font-size:10px;letter-spacing:.025em;color:var(--muted);line-height:1.5}
.header nav{gap:30px;font-size:13px;color:var(--ink)}
.header nav a{position:relative;padding:14px 0;min-height:48px}
.header nav a::after{content:'';position:absolute;bottom:6px;left:0;right:100%;height:1px;background:var(--bronze);transition:right .22s}
.header nav a:hover{text-decoration:none;color:var(--bronze)}
.header nav a:hover::after{right:0}
.header-book{min-height:46px;padding:10px 18px;background:transparent;color:var(--ink);border-color:#9e9587;font-size:13px;gap:22px}
.header-book:hover{color:#fff}
/* Главная: журнальный разворот; единая фотография справа, спокойная тёмная наборная полоса слева. */
.full-site.variant-B .hero{display:block;isolation:isolate;position:relative;min-height:630px;padding:0;margin-block:24px 48px;border-radius:4px;overflow:hidden;background:var(--midnight);box-shadow:0 16px 42px #10263312}
.full-site.variant-B .hero-photo{position:absolute;inset:0;height:100%;width:100%;z-index:-2;border-radius:0}
.full-site.variant-B .hero-photo picture,.full-site.variant-B .hero-photo img{height:100%;width:100%;object-fit:cover;object-position:70% 54%}
.full-site.variant-B .hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102633 0%,#102633fa 30%,#102633ef 45%,#10263375 68%,#10263312 100%);pointer-events:none}
.hero-noch .full-site.variant-B .hero-photo::after{background:linear-gradient(90deg,#0b1b29 0%,#0b1b29fa 30%,#0b1b29f2 45%,#0b1b2999 68%,#0b1b291f 100%)}
.full-site.variant-B .hero-copy{position:relative;z-index:1;max-width:720px;padding:54px 58px 60px;color:#fff}
.full-site.variant-B .hero .eyebrow{color:#e9d6b8;font-size:11px;letter-spacing:.13em;max-width:560px;padding-left:34px;position:relative}
.full-site.variant-B .hero .eyebrow::before{content:'';position:absolute;left:0;top:.85em;width:21px;height:1px;background:#e9d6b8}
.full-site.variant-B .hero h1.refined-main-h1{font-family:Georgia,'Times New Roman',serif;font-size:52px;font-weight:400;line-height:1.12;letter-spacing:-.035em;max-width:610px;margin:27px 0 24px;text-wrap:balance}
.full-site.variant-B .hero-lead{font-size:16px;line-height:1.8;color:#edf0f1;max-width:455px}
.full-site.variant-B .hero-book{background:#ead6b5;color:#102633;border-color:#ead6b5;min-width:238px;margin-top:28px;font-size:15px}
.full-site.variant-B .hero-book:hover{background:#fff4df;border-color:#fff4df}
.full-site.variant-B .hero-foot{color:#e2e7ea;font-size:11px;letter-spacing:.045em;margin-top:17px}
.full-site.variant-B .photo-caption.hero-credit{position:absolute;inset:auto 18px 18px auto;max-width:335px;padding:10px 14px;font:11px/1.65 Manrope,Arial,sans-serif;text-align:left;background:#102633f5;color:#fff;opacity:1;border:1px solid #ffffff50;border-radius:2px;z-index:3}
.hero-credit a{text-decoration:underline;text-underline-offset:3px;color:#fff}
/* Лояльность: привилегии, а не ряд рекламных плашек. */
.full-site.variant-B .direct{background:#eae5db;padding:58px 0 48px;border-block:1px solid #d8d2c7}
.section-top{gap:48px;align-items:end;margin-bottom:34px}
.section-top h2{font-weight:400;letter-spacing:-.035em;margin-top:12px}
.section-top>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:365px}
.owner-loyalty-benefit{background:var(--midnight);color:#fff;border-left:3px solid #bc9565;border-radius:2px;padding:25px 32px;margin-bottom:30px;display:grid;grid-template-columns:1fr 1.5fr;gap:32px;align-items:center}
.owner-loyalty-benefit>p{font-size:17px;font-weight:600;line-height:1.7;margin:0;color:#f5f0e7}
.owner-loyalty-times{gap:26px}
.owner-loyalty-times p{display:flex;flex-direction:column;align-items:start;gap:2px}
.owner-loyalty-times span{font-size:13px;color:#e4e8e9}
.owner-loyalty-times strong{font-family:Georgia,serif;font-size:40px;font-weight:400;line-height:1.2;color:#ead6b5;letter-spacing:-.03em}
.levels{border-color:#b9ad9c;gap:0;grid-template-columns:repeat(7,minmax(0,1fr))}
.levels li,.levels li:first-child{padding:24px 18px 6px;border-color:#cec5b6}
.levels span{font-size:12px;color:var(--ink)}
.levels strong{font-family:Georgia,serif;font-size:39px;font-weight:400;letter-spacing:-.045em;color:var(--ink);margin:10px 0}
.levels strong small{font-family:Manrope,Arial,sans-serif;font-size:18px}
.levels em{font-size:12px;color:var(--muted)}
/* Навигация-подборки и каталог: один отель — одна горизонтальная полоса. */
.collections{gap:0;padding-block:30px 0;display:flex;border-bottom:1px solid var(--line)}
.collections a{flex:1;justify-content:space-between;min-height:64px;padding:14px 18px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;font-size:13px;gap:14px;color:var(--ink)}
.collections a:first-child{padding-left:0}.collections a:last-child{border-right:0}
.collections a span{color:var(--bronze);font-size:22px}
.collections a:hover,.collections a[aria-current=page]{background:#eae5db;border-color:var(--line);color:var(--ink)}
.full-site .catalog{padding-block:45px 78px}
.toolbar{gap:24px;align-items:center}
.filters{gap:7px;flex-wrap:wrap}
.filters button{font-size:12px;letter-spacing:.015em;font-weight:650;padding:12px 15px;min-height:46px;border:1px solid #b8afa1;border-radius:3px;background:transparent;color:var(--ink)}
.filters button:hover{background:#e5ded2;border-color:var(--ink)}
.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.search-label{max-width:270px}
input[type=search]{border:1px solid #b8afa1;border-radius:3px;background:var(--surface);font-size:14px;min-height:48px;padding:12px 15px}
input[type=search]::placeholder{color:#596772;opacity:1}
.result-count{font-size:12px;letter-spacing:.03em;color:var(--muted);margin:25px 0 20px}
.full-site .cards{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.full-site .card{display:grid;grid-template-columns:36% minmax(0,1fr) 228px;min-height:378px;border:1px solid #d7cfc1;border-radius:4px;background:var(--surface);box-shadow:0 8px 25px #10263306;overflow:hidden;isolation:isolate}
.full-site .card:hover{border-color:#ad9677;box-shadow:0 10px 30px #10263310}
.full-site .card .media{display:flex;flex-direction:column;grid-row:auto;height:auto;min-height:0;background:#eae5db}
.full-site .card .media-stage{height:auto;min-height:360px;flex:1}
.full-site .card-copy{padding:28px 28px 25px;min-width:0}
.card-meta{font-size:10px;letter-spacing:.11em;line-height:1.6;color:var(--bronze);font-weight:700}
.card-meta span{color:var(--bronze);font:28px/1 Georgia,serif;letter-spacing:-.04em;opacity:1}
.full-site .card h3{font-family:Georgia,serif;font-size:39px;font-weight:400;min-height:0;margin:15px 0 10px;line-height:1.12;letter-spacing:-.045em}
.full-site .character{min-height:0;font-size:15px;line-height:1.7;margin:0 0 14px;color:var(--muted)}
.card address{font-size:13px;line-height:1.6;color:var(--ink);margin-bottom:18px}
.full-site .facts{font-size:13px;line-height:1.65;gap:8px;color:var(--ink)}
.facts li{position:relative;padding-left:13px}
.facts li::before{content:'';position:absolute;left:0;top:.65em;width:4px;height:4px;background:var(--bronze)}
.rating{margin-top:19px;font-size:11px;line-height:1.8;color:var(--muted)}
.rating b{font-weight:750;color:var(--ink)}
.rating small{display:block;font-size:10px;color:var(--muted);opacity:1}
.full-site .card-booking{display:flex;flex-direction:column;grid-column:auto;justify-content:center;align-items:stretch;gap:13px;padding:28px 20px;background:#f1ede5;border-left:1px solid var(--line);border-top:0;margin:0;text-align:center;min-width:0}
.rooms-total{font-family:Georgia,serif;font-size:26px;font-weight:400;line-height:1.3;color:var(--ink)}
.card-booking p{font-family:Georgia,serif;font-size:17px;color:var(--muted);line-height:1.5}
.full-site .card-booking .official{font-size:13px;gap:12px;padding:12px 14px;min-height:50px;width:100%}
.full-site .card-booking .more-hotel{border:1px solid #9e9587;background:transparent;color:var(--ink);border-radius:3px;font-size:12px;min-height:46px;margin:0;padding:10px 8px}
.card-booking .more-hotel:hover{background:#e3dacb;border-color:var(--ink)}
.card-booking small{font-size:10px;line-height:1.5;color:var(--muted);opacity:1}
.full-site .card-booking .map-link{font-size:11px;line-height:1.6;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;text-underline-offset:4px}
.photo-tools{left:16px;right:16px;bottom:16px}
.photo-tools .photo-count{background:#102633ed;border:1px solid #ffffff60;color:#fff;padding:8px 11px;border-radius:2px;font-size:11px;opacity:1}
.full-site .photo-tools button{background:#102633ed;color:#fff;border:1px solid #ffffff60;border-radius:2px;width:44px;height:44px}
.full-site .photo-tools button:hover{background:#193f54;color:#fff;border-color:#ead6b5}
.photo-switch{background:var(--surface);border-color:var(--line);padding:8px;min-height:60px;gap:8px}
.photo-switch button{border-radius:2px;min-height:44px;border-color:#b8afa1;color:var(--ink);background:transparent;font-size:13px}
.photo-switch button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.page-intro{position:relative;padding:56px 0 43px;margin-bottom:12px;border-bottom:1px solid #b9ad9c}
.page-intro::before{content:'';display:block;width:44px;height:2px;background:var(--bronze);margin-bottom:24px}
.page-intro .eyebrow{color:var(--bronze)}
.page-intro h1{font-size:clamp(36px,4.2vw,60px);font-weight:400;line-height:1.14;max-width:1050px;margin:18px 0 22px}
.page-intro>p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--muted);max-width:730px}
/* Отдельные места: та же редакционная система, а не второй чужой сайт. */
.mini-crumbs{font-size:12px;gap:12px;line-height:1.6;padding-block:24px;color:var(--muted)}
.mini-hero{grid-template-columns:1fr 1.08fr;gap:62px;align-items:center;padding-block:14px 58px}
.mini-hero-photo{order:2;height:485px;border-radius:3px 55px 3px 3px;box-shadow:0 14px 36px #10263312;border:1px solid #c9bdac}
.mini-hero-copy{order:1;min-width:0}
.mini-hero h1{font-size:46px;font-weight:400;letter-spacing:-.035em;line-height:1.13;margin:22px 0 24px}
.mini-hero .eyebrow{color:var(--bronze);font-size:11px;letter-spacing:.13em}
.mini-character{font-size:18px;line-height:1.8;color:var(--muted);max-width:480px}
.mini-hero-actions{margin-top:26px;gap:17px}
.mini-book{min-width:250px;min-height:56px;font-size:15px}
.mini-official{font-size:13px;color:var(--muted);min-height:30px;line-height:1.7}
.mini-down{font-size:12px;font-weight:650;min-height:44px;margin-top:16px;color:var(--ink)}
.mini-photo-label{display:block;background:#102633ee;color:#fff;padding:10px 13px;left:15px;right:auto;bottom:15px;font-size:11px;max-width:calc(100% - 30px);border:1px solid #ffffff60;border-radius:2px}
.mini-tabbar{background:var(--surface);border-block:1px solid var(--line)}
.mini-tabbar>.wrap{gap:30px;scroll-padding:8px}
.mini-tabbar a{min-height:62px;font-size:12px;letter-spacing:.02em;color:var(--ink);border-bottom:2px solid transparent}
.mini-tabbar a:hover{border-color:var(--bronze);color:var(--bronze)}
.mini-section{padding-block:74px}
.mini-section-head{align-items:start;gap:40px;margin-bottom:34px}
.mini-section h2{font-size:44px;font-weight:400;line-height:1.14;letter-spacing:-.035em}
.mini-section-head h2{margin-top:12px}
.mini-section-head>p{font-size:15px;line-height:1.8;color:var(--muted)}
.mini-soft{background:#eae5db}
.mini-about{gap:80px;grid-template-columns:.85fr 1.15fr}
.mini-about h2{font-weight:400;max-width:480px}
.mini-prose{font-size:18px;line-height:1.9;color:var(--muted)}
.mini-prose p+p{margin-top:20px}
.mini-gallery{gap:22px}
.mini-gallery .mini-photo-open{border-radius:3px;overflow:hidden;box-shadow:none}
.mini-gallery figcaption{font-size:12px;line-height:1.7;color:var(--muted);padding-top:12px}
.mini-rooms{gap:32px}
.mini-room{border:1px solid #d7cfc1;border-radius:4px;background:var(--surface);box-shadow:0 8px 25px #10263306}
.mini-room h3{font-size:31px;font-weight:400;line-height:1.18;letter-spacing:-.035em;min-height:2.45em;margin-top:12px}
.mini-room-copy{padding:29px 30px}
.mini-room dl{font-size:16px;margin:24px 0;line-height:1.7}
.mini-room dl>div{grid-template-columns:105px minmax(0,1fr);border-color:var(--line)}
.mini-room dt{font-size:11px;letter-spacing:.04em;color:var(--muted)}
.mini-room dd{color:var(--ink)}
.mini-room-book{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:700;border-top:1px solid #cfc1ab;padding-top:16px;color:var(--accent);line-height:1.7}
.mini-gallery-tools{left:16px;right:16px;bottom:16px}
.mini-gallery-tools button,.mini-gallery-tools span{background:#102633ed;color:#fff;border:1px solid #ffffff60;border-radius:2px}
.mini-gallery-tools button{min-width:44px;min-height:44px}
.mini-gallery-tools span{font-size:11px;padding:8px 13px}
.mini-info-grid{gap:70px}
.mini-info-grid h3{font-size:30px;font-weight:400;letter-spacing:-.03em}
.mini-info-grid p{font-size:16px;line-height:1.85;color:var(--ink)}
.mini-amenities{font-size:16px;line-height:1.8;color:var(--ink)}
.mini-amenities li{padding-block:12px;border-bottom:1px solid #d1c7b6}
.mini-rules{gap:24px;border-block:1px solid #c8bba6;padding-block:28px}
.mini-rules span{font-size:12px;color:var(--muted);margin-bottom:12px;line-height:1.7}
.mini-rules b{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.4;color:var(--ink)}
.owner-pet-rule,.owner-child-rule{font-size:15px;line-height:1.8;color:var(--muted)}
.mini-caption{color:var(--muted);font-size:13px;line-height:1.8}
.refined-near{background:var(--midnight);color:#fff}
.refined-near .eyebrow{color:#e9d6b8}
.refined-near .mini-section-head>p{color:#d7e0e6}
.nearby-grid{gap:16px}
.nearby-grid>li{background:#193442;border:1px solid #536572;border-radius:3px;padding:25px 24px;min-height:113px;gap:20px}
.nearby-grid a{font-size:16px;line-height:1.6;font-weight:500;color:#fff;text-decoration:none}
.nearby-grid a:hover{text-decoration:underline;text-underline-offset:4px}
.nearby-grid strong{font-family:Georgia,serif;font-size:28px;font-weight:400;color:#ead6b5;letter-spacing:-.025em}
.nearby-note,.nearby-note>a{color:#d7e0e6;font-size:12px;line-height:1.9}
.mini-map-picture{border-radius:3px;border-color:#c6b99f}
.mini-map-picture>span{background:var(--surface);color:var(--ink)}
.mini-map-grid address{font-family:Georgia,serif;font-size:25px;line-height:1.5}
.mini-other{gap:18px}
.mini-other>a{border-radius:3px;border-color:#c9bdac;background:var(--surface);padding:26px}
.mini-other>a:hover{background:#eae5db;border-color:var(--bronze);transform:none}
.mini-other strong{font-family:Georgia,serif;font-weight:400;font-size:27px;line-height:1.2}
.mini-other span{font-size:11px;color:var(--muted)}
.mini-loyalty{background:var(--midnight);color:#fff;border-top:2px solid #b9976c;padding-block:37px}
.mini-loyalty p{color:#e7ecef;font-size:14px;line-height:1.9}
.mini-loyalty p.owner-loyalty-line{color:#ead6b5;font-size:17px;font-weight:600;line-height:1.8}
.mini-loyalty a{font-size:12px;color:#fff;min-height:44px;display:flex;align-items:center}
.mini-lightbox,.lightbox{background:var(--midnight);color:#fff;border-radius:4px;border:1px solid #b9976c}
/* Карты, сравнение и служебные страницы — общая визуальная речь. */
.variant-B .map-section,.map-section{background:#eae5db;border-block:1px solid #d8d2c7;padding-block:65px}
.map-section h2,.closing h2{font-weight:400;letter-spacing:-.035em}
.address-list li{border-color:#cfc3b2}
.address-list small{color:var(--muted)}
.ymap{border-radius:3px;border-color:#c9bdac}
.ymap-city{background:var(--midnight);color:#fff;border-radius:2px}
.ymap-open{background:#fffdf9;color:var(--ink);border-radius:2px;border:1px solid #a99e8d;box-shadow:none}
.map-link{color:var(--accent)}
.ymap-note,.map-note{color:var(--muted)}
.closing{padding-block:74px}
.closing p{color:var(--muted)}
.comparison-table{background:var(--surface);font-size:14px;line-height:1.8}
.comparison-table thead{background:var(--midnight);color:#fff}
.comparison-table th,.comparison-table td{border-color:var(--line);padding:20px}
.comparison-table tbody th{font-weight:700;color:var(--ink)}
.comparison-table tbody tr:nth-child(even){background:#f0ece4}
.other-parking h2{font-weight:400}
.other-parking small{color:var(--muted)}
.privacy-content{max-width:950px}
.privacy-content h2{font-size:34px;font-weight:400;letter-spacing:-.025em}
.privacy-content h3{font-size:26px;font-weight:400}
.privacy-content p,.privacy-content li{font-size:17px;line-height:1.9;color:var(--ink)}
.footer{background:var(--midnight);color:#e7ecef;border-top:3px solid #b9976c;padding-block:48px}
.footer .brand{color:#fff}.footer .brand span{color:#e9d6b8}
.footer p,.footer .footer-note,.footer small{color:#d6e0e6;opacity:1;font-size:13px;line-height:1.9}
.footer a{color:#fff}.footer a:hover{color:#ead6b5}
.footer .footer-nav{gap:4px}
.footer-nav a{min-height:40px;display:flex;align-items:center;font-size:12px}
/* Мягкое появление только на первом экране; без движения при ограничении анимации. */
@media(prefers-reduced-motion:no-preference){.hero-copy,.mini-hero-copy{animation:f-enter .42s ease-out both}@keyframes f-enter{from{transform:translateY(8px);opacity:.8}to{transform:translateY(0);opacity:1}}}
@media(min-width:1051px){.nearby-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){
 .wrap,.mini-site .wrap{width:calc(100% - 56px)}.header nav{gap:18px}
 .full-site .card{grid-template-columns:33% minmax(0,1fr) 200px}.full-site .card-copy{padding:24px}.full-site .card-booking{padding:24px 16px}
 .full-site.variant-B .hero-copy{padding:48px;max-width:660px}.full-site.variant-B .hero h1.refined-main-h1{font-size:46px}
 .mini-hero{gap:38px}.mini-hero h1{font-size:39px}.mini-hero-photo{height:450px}.mini-rooms{gap:24px}
}
@media(max-width:950px){
 .header nav{display:none}.header-inner{height:84px}
 .full-site .card{grid-template-columns:38% minmax(0,1fr)}.full-site .card .media{grid-row:1/3}.full-site .card .media-stage{min-height:320px}
 .full-site .card-booking{display:grid;grid-template-columns:1fr 1fr;grid-column:2;gap:12px;text-align:left;border-left:0;border-top:1px solid var(--line);padding:20px 24px}
 .full-site .card-booking .rooms-total{grid-column:1/-1}.full-site .card-booking .more-hotel{margin:0}.full-site .card-booking .map-link{grid-column:1/-1;justify-content:start}.full-site .card-booking p,.full-site .card-booking small{display:none}
 .full-site .card h3{font-size:33px}.collections{flex-wrap:wrap}.collections a{flex:auto;min-width:30%;min-height:58px;padding-inline:14px}.collections a:first-child{padding-left:14px}
 .owner-loyalty-benefit{grid-template-columns:1fr;gap:20px}.levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 0}
 .toolbar{align-items:stretch}.search-label{max-width:none}.mini-about,.mini-info-grid{gap:36px}.mini-hero{gap:30px}.mini-hero h1{font-size:34px}.mini-character{font-size:16px}
}
@media(max-width:760px){
 .wrap,.mini-site .wrap{width:calc(100% - 36px)}.header-inner{height:78px;gap:12px}.brand{font-size:28px}.brand small{font-size:8px;letter-spacing:0}
 .header-book{min-height:44px;padding:9px 12px;font-size:11px;gap:13px}.header-book span{font-size:18px}
 .full-site.variant-B .hero{min-height:0;margin-block:16px 30px;border-radius:3px}
 .full-site.variant-B .hero-copy{padding:33px 23px 105px;max-width:none}
 .full-site.variant-B .hero .eyebrow{font-size:9px;letter-spacing:.1em;line-height:1.8;max-width:none;padding-left:26px}
 .full-site.variant-B .hero .eyebrow::before{width:16px;top:.9em}
 .full-site.variant-B .hero h1.refined-main-h1{font-size:32px;line-height:1.15;letter-spacing:-.04em;margin:23px 0 22px;max-width:none;text-wrap:balance}
 .full-site.variant-B .hero-lead{font-size:14px;line-height:1.8;max-width:470px}
 .full-site.variant-B .hero-book{margin-top:24px;min-height:52px;min-width:222px;font-size:14px}
 .full-site.variant-B .hero-foot{font-size:10px;letter-spacing:.01em;margin-top:16px}
 .full-site.variant-B .hero-photo img{object-position:68% center}
 .full-site.variant-B .hero-photo::after{background:linear-gradient(90deg,#102633f5,#102633c9),linear-gradient(0deg,#102633aa,#10263355)}
 .hero-noch .full-site.variant-B .hero-photo::after{background:linear-gradient(90deg,#0b1b29f5,#0b1b29dc),linear-gradient(0deg,#0b1b29c0,#0b1b2966)}
 .full-site.variant-B .photo-caption.hero-credit{inset:auto 14px 16px 14px;max-width:none;padding:8px 10px;font-size:10px;line-height:1.65}
 .full-site.variant-B .direct{padding-block:35px}.section-top{display:block;margin-bottom:25px}.section-top h2{font-size:33px}.section-top>p{font-size:14px;line-height:1.8;margin-top:20px;max-width:none}
 .owner-loyalty-benefit{padding:22px;gap:20px;margin-bottom:24px}.owner-loyalty-benefit>p{font-size:16px}.owner-loyalty-times{grid-template-columns:1fr 1fr;gap:16px}.owner-loyalty-times span{font-size:11px}.owner-loyalty-times strong{font-size:34px}
 .levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.levels li,.levels li:first-child,.levels li:nth-child(5){padding:20px 16px}.levels strong{font-size:36px}.levels em{font-size:11px}
 .collections{padding-top:20px}.collections a{font-size:12px;min-width:46%;border-bottom:1px solid var(--line);padding:13px 10px;min-height:56px}.collections a:nth-child(even){border-right:0}.collections a:last-child{flex-basis:100%;border-bottom:0}
 .full-site .catalog{padding-block:30px 45px}.toolbar{gap:16px}.filters{gap:7px}.filters button{font-size:11px;min-height:44px;padding:10px 12px}.search-label{width:100%}input[type=search]{font-size:14px}
 .result-count{font-size:11px;margin-block:21px 18px}.full-site .cards{gap:24px}
 .full-site .card{display:flex;flex-direction:column;min-height:0;border-radius:3px}.full-site .card .media{grid-row:auto;display:block;height:auto;flex:none}
 .full-site .card .media-stage{height:235px;min-height:235px;flex:none}.full-site .photo-switch{display:flex}.photo-switch button{flex:1}
 .full-site .card-copy{padding:24px 22px}.full-site .card h3{font-size:35px;margin:14px 0 10px}.card-meta{font-size:10px}.card-meta span{font-size:27px}.full-site .character{font-size:15px;margin-bottom:15px}
 .card address{font-size:13px}.full-site .facts{font-size:13px;line-height:1.75;gap:9px}.rating{font-size:11px}.rating small{font-size:10px}
 .full-site .card-booking{display:grid;grid-template-columns:1fr;gap:12px;padding:21px 22px;border-left:0;border-top:1px solid var(--line);text-align:left}
 .full-site .card-booking .rooms-total{font-size:24px;grid-column:1/-1}.full-site .card-booking .official{font-size:14px;min-height:52px}.full-site .card-booking .more-hotel{font-size:13px;min-height:48px}.full-site .card-booking .map-link{font-size:12px;justify-content:center;min-height:44px}
 .page-intro{padding-block:33px 30px;margin-bottom:10px}.page-intro::before{margin-bottom:20px}.page-intro h1{font-size:32px;line-height:1.16;letter-spacing:-.04em;margin:19px 0}.page-intro>p:not(.eyebrow){font-size:15px;line-height:1.8}
 .mini-crumbs{font-size:11px;padding-block:16px;gap:9px}.mini-hero{grid-template-columns:minmax(0,1fr);gap:23px;padding-block:0 32px}.mini-hero-photo{order:0;height:205px;border-radius:3px 36px 3px 3px}.mini-hero-copy{order:1}
 .mini-hero h1{font-size:31px;line-height:1.13;letter-spacing:-.035em;margin:13px 0 17px}.mini-hero .eyebrow{font-size:10px}.mini-character{font-size:15px;line-height:1.7}
 .mini-hero-actions{margin-top:20px;gap:12px;align-items:stretch}.mini-book{min-height:52px;min-width:0;width:100%;font-size:14px}.mini-official{font-size:12px;min-height:36px;justify-content:center}.mini-down{min-height:40px;font-size:12px;margin-top:7px}
 .mini-photo-label{font-size:10px;padding:8px 10px;bottom:12px;left:12px}.mini-tabbar>.wrap{gap:24px}.mini-tabbar a{font-size:11px;min-height:56px}
 .mini-section{padding-block:44px}.mini-section h2{font-size:33px;line-height:1.15}.mini-section-head{display:block;margin-bottom:26px}.mini-section-head>p{font-size:14px;margin-top:18px}.mini-about{grid-template-columns:minmax(0,1fr);gap:24px}.mini-prose{font-size:16px;line-height:1.9}
 .mini-gallery{gap:20px 12px}.mini-gallery figcaption{font-size:11px;padding-top:8px}.mini-gallery figure:first-child .mini-photo-open{height:235px}.mini-gallery .mini-photo-open{height:160px}
 .mini-rooms{grid-template-columns:minmax(0,1fr);gap:25px}.mini-room-copy{padding:24px 22px}.mini-room h3{font-size:28px;line-height:1.2;min-height:0}.mini-room dl{font-size:15px;margin-block:23px}.mini-room dl>div{grid-template-columns:78px minmax(0,1fr);gap:14px}.mini-room dt{font-size:10px}.mini-room-book{font-size:12px;line-height:1.8}
 .mini-info-grid{grid-template-columns:minmax(0,1fr);gap:30px}.mini-info-grid h3{font-size:28px}.mini-info-grid p,.mini-amenities{font-size:15px}.mini-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px;padding-block:25px}.mini-rules b{font-size:25px}.mini-rules span{font-size:11px}
 .owner-pet-rule,.owner-child-rule{font-size:14px}.mini-caption{font-size:12px}
 .nearby-grid{grid-template-columns:minmax(0,1fr);gap:12px}.nearby-grid>li{padding:20px;min-height:102px;gap:14px}.nearby-grid a{font-size:15px}.nearby-grid strong{font-size:26px}.nearby-note,.nearby-note>a{font-size:11px}
 .mini-map-grid address{font-size:23px}.mini-other{gap:12px}.mini-other>a{padding:20px}.mini-other strong{font-size:23px}.mini-other span{font-size:10px}
 .mini-loyalty{padding-block:30px}.mini-loyalty>.wrap{gap:18px}.mini-loyalty p{font-size:13px;line-height:1.9}.mini-loyalty p.owner-loyalty-line{font-size:15px;line-height:1.8}.mini-loyalty a{font-size:12px}
 .variant-B .map-section,.map-section{padding-block:40px}.closing{padding-block:46px}.closing h2{font-size:33px}.closing p{font-size:15px}
 .footer{padding-block:35px}.footer>.wrap{gap:28px}.footer p,.footer .footer-note{font-size:12px}.footer-nav a{min-height:42px;font-size:12px}
 .privacy-content h2{font-size:29px}.privacy-content h3{font-size:24px}.privacy-content p,.privacy-content li{font-size:16px}
}
@media(max-width:380px){.full-site.variant-B .hero-copy{padding-inline:20px}.full-site.variant-B .hero h1.refined-main-h1{font-size:30px}.mini-hero h1,.page-intro h1{font-size:30px}.mini-hero-photo{height:190px}.brand{font-size:26px}.brand small{font-size:7.5px}.header-book{font-size:10px;padding-inline:10px;gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* claude__ 08.11: заставка главной — как в варианте d (слово владельца 08.11: «мне понравилось очень… фотография… моста… верхний блок вот этот используй»);
   остальное оформление — f «Речной журнал». Правила ниже перекрывают заставку f той же специфичностью. */
.full-site.variant-B .hero{min-height:660px;border-radius:28px;margin-block:22px 48px;background:#0e1d2b;box-shadow:0 30px 60px -30px rgba(14,29,43,.6)}
.full-site.variant-B .hero-photo img{object-position:50% 56%}
.full-site.variant-B .hero-photo::after{background:linear-gradient(90deg,rgba(9,20,31,.88) 0%,rgba(9,20,31,.62) 40%,rgba(9,20,31,.12) 78%),linear-gradient(0deg,rgba(9,20,31,.55),transparent 40%)}
.hero-noch .full-site.variant-B .hero-photo::after{background:linear-gradient(90deg,rgba(6,14,24,.9) 0%,rgba(6,14,24,.55) 42%,rgba(6,14,24,0) 80%),linear-gradient(0deg,rgba(6,14,24,.5),transparent 40%)}
.full-site.variant-B .hero-copy{padding:72px 64px;max-width:760px}
.full-site.variant-B .hero .eyebrow{color:#c9a25a;max-width:none;padding-left:0;letter-spacing:.22em;font-size:11px;font-weight:700}
.full-site.variant-B .hero .eyebrow::before{content:'';position:static;display:inline-block;width:28px;height:1px;background:currentColor;vertical-align:middle;margin-right:12px;transform:translateY(-2px)}
.full-site.variant-B .hero h1.refined-main-h1{font-family:Georgia,"Times New Roman","Noto Serif",serif;font-size:60px;line-height:1.06;letter-spacing:-.015em;font-weight:400;max-width:660px;margin:23px 0}
.full-site.variant-B .hero-lead{color:#e7e4dc;font-size:18px;line-height:1.65;max-width:480px}
.full-site.variant-B .hero-book{background:#c9a25a;border-color:#c9a25a;color:#13202c;border-radius:999px;min-width:236px;margin-top:28px;font-size:16px;box-shadow:0 14px 30px -14px rgba(201,162,88,.9)}
.full-site.variant-B .hero-book span{color:#13202c}
.full-site.variant-B .hero-book:hover{background:#d8b66f;border-color:#d8b66f}
.full-site.variant-B .hero-foot{color:#cfd3d6;letter-spacing:.14em;text-transform:uppercase;font-size:10px;margin-top:20px}
.full-site.variant-B .photo-caption.hero-credit{inset:auto 30px 25px auto;max-width:340px;padding:0;background:none;border:0;box-shadow:none;text-align:right;font-size:11px;color:#e9e6de;text-shadow:0 1px 3px rgba(0,0,0,.6)}
@media(max-width:1200px){.full-site.variant-B .hero h1.refined-main-h1{font-size:52px}}
@media(max-width:950px){.full-site.variant-B .hero-copy{padding:48px 40px}.full-site.variant-B .hero h1.refined-main-h1{font-size:46px}}
@media(max-width:600px){
  .full-site.variant-B .hero{min-height:600px;border-radius:18px;margin-block:12px 28px}
  .full-site.variant-B .hero-photo img{object-position:55% center}
  .full-site.variant-B .hero-photo::after,.hero-noch .full-site.variant-B .hero-photo::after{background:linear-gradient(180deg,rgba(9,20,31,.35) 0%,rgba(9,20,31,.78) 45%,rgba(9,20,31,.92) 100%)}
  .full-site.variant-B .hero-copy{padding:34px 22px 84px;max-width:none}
  .full-site.variant-B .hero .eyebrow{font-size:9px;letter-spacing:.16em;line-height:1.7}
  .full-site.variant-B .hero h1.refined-main-h1{font-size:min(38px,9.4vw);line-height:1.1;margin:20px 0 16px}
  .full-site.variant-B .hero-lead{font-size:15px;line-height:1.6}
  .full-site.variant-B .hero-book{margin-top:22px;min-height:52px;min-width:215px;font-size:15px}
  .full-site.variant-B .photo-caption.hero-credit{inset:auto 22px 20px 22px;max-width:none;text-align:left;font-size:10px}
}
@media(max-width:380px){.full-site.variant-B .hero-copy{padding-inline:20px}.full-site.variant-B .hero h1.refined-main-h1{font-size:min(34px,9.4vw)}}