:root{--turquoise:#087d93;--sand:#fff1da;--accent:#b94726;--ink:#243e4c;--muted:#536b75;--line:#dbe7e9;--width:1170px;--sea:#086b8a;--navy:#164862;--coral:#b94726;--coral-hover:#95371c;--mint:#edf8f7;--whatsapp:#17643b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:#fff;font-family:'Titillium Web','Segoe UI',sans-serif;font-size:18px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #147d88;outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.25}h2{font-size:25px}h3{font-size:21px}.container{width:min(var(--width),calc(100% - 36px));margin-inline:auto}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:absolute;z-index:1000;top:10px;left:10px;padding:12px;background:#fff;color:#111}.topbar{background:var(--turquoise);min-height:58px}.social-links{display:flex;gap:18px;justify-content:flex-end;align-items:center;min-height:58px;font-size:14px;font-weight:700;color:#fff}.header-main{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:155px}.site-brand img{display:block;width:300px;height:100px;object-fit:contain;object-position:left}.site-brand span{font-size:32px;line-height:1.1;color:#22a3d0}.site-brand strong{color:#f18b3d}.menu{display:flex;gap:35px;align-items:center;list-style:none;margin:0;padding:0}.menu a{font-size:24px;font-weight:700;color:#969696}.menu li{position:relative}.menu .sub-menu{display:none;position:absolute;z-index:2;min-width:200px;background:white;border:1px solid var(--line);padding:12px;list-style:none}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.menu-toggle{border:1px solid var(--turquoise);background:#fff;padding:7px 18px;cursor:pointer}.section-title{text-align:center;font-size:36px;font-weight:700;color:var(--accent);background:var(--sand);padding:1px 12px;margin:0 0 24px}.home-intro{margin:0 0 18px}.hotel-section{margin-bottom:35px}.hotel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 30px}.hotel-card{min-width:0}.hotel-card a{position:relative;display:block;overflow:hidden;background:#f2f4f4}.hotel-card img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.image-placeholder{display:grid;width:100%;aspect-ratio:270/250}.image-placeholder{display:grid;place-items:center;color:var(--muted);font-size:15px}.card-name{position:absolute;left:0;right:0;bottom:0;margin:0;padding:18px 10px 10px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.85));opacity:0;transition:opacity .15s;font-size:19px}.hotel-card a:hover .card-name,.hotel-card a:focus-visible .card-name{opacity:1}.guide-panels{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:45px 0}.guide-panel>h2,.hotel-contact h2{font-size:23px;border-bottom:2px solid var(--accent);padding-bottom:10px}.guide-link{padding:12px 0;border-bottom:1px solid var(--line)}.guide-link a{display:flex;align-items:center;gap:15px}.guide-link img{width:100px;height:75px;object-fit:cover}.guide-link h3{margin:0;font-size:20px}.prose{overflow-wrap:anywhere}.prose a{color:#147d88;text-decoration:underline}.prose p{margin:0 0 18px}.prose h2,.prose h3{margin-top:30px}.prose iframe{width:100%;max-width:100%;border:0}.prose img{height:auto}.home-guide{margin:45px 0}.home-guide .ortala{width:auto}.home-guide #kutular>.ortala{display:grid;grid-template-columns:1fr 1fr;gap:30px}.home-guide .kutu-baslik{font-size:25px;font-weight:700;margin:0 0 18px}.home-guide .kutu{min-width:0}.post-list{max-width:880px;margin:0 auto 40px}.post-summary{padding:25px 0;border-bottom:1px solid var(--line)}.post-summary>a img{width:220px;float:left;margin:0 25px 15px 0}.post-summary:after{content:'';display:table;clear:both}.article-page{max-width:880px;margin:0 auto 45px}.article-cover{width:100%;max-height:540px;object-fit:cover;margin-bottom:25px}.hotel-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:30px}.hotel-gallery{margin-bottom:28px}.gallery-main{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#f4f5f5}.gallery-thumbs{display:flex;gap:8px;overflow:auto;padding:10px 2px}.gallery-thumbs a{flex:0 0 80px}.gallery-thumbs img{display:block;width:80px;height:65px;object-fit:cover}.gallery-thumbs [aria-current]{outline:3px solid var(--turquoise);outline-offset:0}.hotel-contact{align-self:start;border:1px solid var(--accent);padding:18px;position:sticky;top:20px}.hotel-contact h2{margin-top:0}.phone-links{display:grid;gap:10px}.phone-link{background:#267d7c;color:#fff;padding:12px 14px;text-align:center;font-size:24px;font-weight:700;border-radius:3px}.hotel-contact p{font-size:16px}.hotel-contact dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:16px}.hotel-contact dd{margin:0}.features-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;list-style:'✓  ';padding-left:25px}.room-card{padding:15px;border:1px solid var(--line);margin-bottom:15px}.room-card img{max-width:300px}.embed-section iframe{width:100%;height:380px;border:0}.comments-section{max-width:880px;margin:35px 0}.comment-list{list-style:none;padding:0}.comment-body{border-bottom:1px solid var(--line);padding:18px 0}.comment-author img{float:left;margin-right:12px}.comment-form label{display:block}.comment-form input:not([type=checkbox]),.comment-form textarea{width:100%;padding:9px;border:1px solid #aaa}.comment-form input[type=submit]{width:auto;background:#267d7c;color:white;border:0;padding:12px 25px;cursor:pointer}.site-footer{border-top:5px solid var(--turquoise);background:#f5f7f7;margin-top:55px;padding:30px 0;color:#50575a}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px;font-size:16px}.site-footer h2{font-size:22px}.site-footer ul{padding-left:20px}.site-footer .menu{display:block}.site-footer .menu a{font-size:16px;font-weight:400;color:inherit}.site-footer li{margin-bottom:7px}.ad-slot{margin:25px auto;text-align:center;max-width:100%;overflow:hidden}.pagination{margin:25px 0}.page-numbers{display:inline-block;padding:5px 12px;border:1px solid var(--line)}
@media(min-width:901px){.menu-toggle{display:none!important}}@media(max-width:900px){.header-main{min-height:125px;flex-wrap:wrap;gap:12px}.site-brand img{width:250px;height:90px}.hotel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.menu{gap:20px}.menu a{font-size:20px}.hotel-detail-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}.section-title{font-size:31px}}/* Compact two-column mobile layout; poster proportions remain unchanged. */
@media(max-width:640px){
  body{font-size:16px;line-height:1.55}
  .container{width:calc(100% - 20px)}
  .topbar,.social-links{min-height:28px}
  .social-links{gap:14px;font-size:11px;flex-wrap:wrap}
  .social-links a{padding-block:4px}
  .header-main{min-height:88px;padding-block:8px;gap:8px 12px}
  .site-brand{min-width:0;flex:1}
  .site-brand img{width:190px;height:64px;max-width:100%}
  .site-brand span{font-size:25px}
  .menu-toggle{flex-shrink:0;min-width:66px;min-height:44px;padding:7px 10px;border-radius:4px;font-size:15px;font-weight:600;color:#246c70}
  .section-title{font-size:26px;line-height:1.25;padding:5px 8px;margin-bottom:12px}
  .home-intro{font-size:15px;line-height:1.5;margin-bottom:14px}
  .hotel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}
  .hotel-card a{height:100%;background:#f6f8f8;border-radius:3px}
  .card-name{position:static;opacity:1;background:none;color:#303c3d;font-size:14px;line-height:1.25;padding:7px 6px 8px;overflow-wrap:anywhere}
  .hotel-section{margin-bottom:24px}
  .guide-panels,.footer-grid,.home-guide #kutular>.ortala,.hotel-detail-grid{grid-template-columns:1fr}
  .guide-panels{gap:15px;margin:26px 0}
  .guide-link h3{font-size:18px}.guide-link img{width:85px;height:64px;flex-shrink:0}
  .hotel-contact{position:static;grid-row:1;padding:14px}
  .hotel-contact h2{font-size:21px}.hotel-contact dl{overflow-wrap:anywhere}
  .home-guide{margin:26px 0}.home-guide .kutu-baslik{font-size:23px}
  .hotel-detail .section-title{font-size:25px}
  .post-summary>a img{float:none;width:100%;margin:0 0 15px}
  .features-list{grid-template-columns:1fr}
  .has-js #site-navigation{display:none;width:100%}
  .has-js .menu-toggle[aria-expanded=true]+#site-navigation{display:block}
  #site-navigation .menu{display:grid;grid-template-columns:1fr;gap:0;padding:4px 0 8px}
  #site-navigation .menu a{display:block;font-size:17px;color:#526163;padding:10px 12px;border-bottom:1px solid var(--line)}
  #site-navigation .menu .sub-menu{position:static;min-width:0;margin-left:12px;border:0}
  .footer-grid{gap:10px}.site-footer{margin-top:32px;padding:20px 0}
  .gallery-main{aspect-ratio:4/3}.embed-section iframe{height:280px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(min-width:641px){.menu-toggle{display:none!important}}
.weekly-section{margin:30px 0}.weekly-grid{grid-template-columns:repeat(2,minmax(0,270px))}

/* Keep the phone panel first in reading order and constrain gallery tracks. */
.hotel-main-content{grid-column:1;grid-row:1;min-width:0}
.hotel-contact{grid-column:2;grid-row:1;min-width:0}
.hotel-detail-grid{align-items:start}
.hotel-contact h2{font-size:21px;line-height:1.3}
.phone-action{display:block;font-size:15px;line-height:1.3;font-weight:600}
.phone-number{display:block;font-size:25px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.contact-note{margin:10px 0 14px;color:var(--muted);line-height:1.4}
.contact-details summary{cursor:pointer;font-size:15px;color:#246c70;padding:8px 0;min-height:40px}
.contact-details dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.gallery-thumbs{max-width:100%;min-width:0}
.mobile-call-bar{display:none}
@media(max-width:640px){
  .hotel-detail-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
  .hotel-contact{grid-column:1;grid-row:1;margin:0;border-color:#a6d5d0;border-radius:6px;background:#f4faf9;padding:12px}
  .hotel-main-content{grid-column:1;grid-row:2}
  .hotel-contact h2{font-size:18px;border:0;margin:0 0 10px;padding:0}
  .phone-link{padding:10px 12px;border-radius:5px;display:block}
  .phone-number{font-size:26px}
  .contact-note{font-size:14px!important;margin-bottom:0}
  .contact-details summary{font-size:14px;padding-bottom:0}
  .hotel-gallery{margin-bottom:20px}.gallery-main{width:100%;height:auto;max-height:360px;aspect-ratio:auto;object-fit:contain}
  .hotel-description h2{font-size:23px;margin-top:0}
  body.has-mobile-call-bar{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .mobile-call-bar{display:block;position:fixed;z-index:20;bottom:0;left:0;right:0;background:#fff;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -3px 18px #0002}
  .mobile-call-bar .phone-link{display:flex;align-items:center;justify-content:center;gap:14px;min-height:52px;font-size:17px}
  .mobile-call-bar strong{font-size:21px}
}

/* Compact phone rows: the number leads, with a small call action. */
.hotel-contact .phone-link{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;color:#216d6c;border:1px solid #b9d8d5;padding:7px 10px;text-align:left;min-height:44px}
.hotel-contact .phone-number{font-size:22px;order:0;line-height:1.2}
.hotel-contact .phone-action{order:1;background:#267d7c;color:#fff;border-radius:4px;padding:5px 13px;font-size:14px;line-height:1.2}
@media(max-width:640px){
 .hotel-contact{padding:10px 12px}.hotel-contact h2{font-size:15px;margin-bottom:6px;color:#475b5b}
 .hotel-contact .phone-number{font-size:21px}.phone-links{gap:6px}
 .hotel-contact .contact-note{font-size:13px!important;margin:6px 0 0}
 .contact-details summary{min-height:30px;padding-top:5px;font-size:13px}
 .mobile-call-bar{padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px))}
 .mobile-call-bar .phone-link{min-height:40px;padding:0;background:transparent;color:#246c70;justify-content:space-between;gap:8px}
 .mobile-call-bar .phone-link strong{order:0;font-size:20px;line-height:1.2}
 .mobile-call-bar .phone-link span{order:1;background:#267d7c;color:#fff;border-radius:4px;font-size:14px;padding:9px 15px;font-weight:600}
 body.has-mobile-call-bar{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}
}

/* Photos first, contact immediately below on phones, then the description. */
.hotel-visuals{grid-column:1;grid-row:1;min-width:0}
.hotel-visuals .hotel-gallery{margin-bottom:0}
.hotel-main-content{grid-column:1;grid-row:2}
.hotel-contact{grid-column:2;grid-row:1 / span 2}
@media(max-width:640px){
 .hotel-detail-grid{gap:14px}
 .hotel-visuals{grid-column:1;grid-row:1}
 .hotel-contact{grid-column:1;grid-row:2}
 .hotel-main-content{grid-column:1;grid-row:3}
 .gallery-main{max-height:260px}
 .gallery-thumbs{padding:8px 2px}.gallery-thumbs img{height:56px}.gallery-thumbs a{flex-basis:72px}.gallery-thumbs img{width:72px}
}

.whatsapp-link{display:block;text-align:center;color:#17643b;border:1px solid #a6d5b8;background:#f2faf5;border-radius:4px;padding:8px 12px;font-size:15px;font-weight:600;margin-top:8px}
@media(max-width:640px){
 .mobile-call-bar.has-whatsapp{display:flex;align-items:center;gap:8px}
 .mobile-call-bar.has-whatsapp .phone-link{flex:1;min-width:0;justify-content:center}
 .mobile-call-bar.has-whatsapp .phone-link strong{display:none}
 .mobile-call-bar.has-whatsapp .phone-link span{width:100%;text-align:center;padding:10px}
 .mobile-call-bar .whatsapp-link{flex:1;margin:0;min-height:40px;line-height:22px;font-size:14px;padding:8px}
}

/* Mediterranean palette: sea blue, warm sand and compact coral call actions. */
body{background:#fffdf9}
.topbar{background:linear-gradient(110deg,#096d91,#087f83)}
.site-header{background:#fff}
.menu a{color:var(--navy)}
.menu a:hover,.menu .current-menu-item>a{color:var(--coral)}
.menu-toggle{border-color:#a9ced6;color:var(--sea);background:#f2fafb}
.section-title{color:var(--navy);background:var(--sand);border-bottom:2px solid #ecc58d;border-radius:5px}
.home-intro{color:#405e6a}
.hotel-card a{background:#fff;border-radius:5px;box-shadow:0 1px 5px #16486215}
.hotel-card a:hover,.hotel-card a:focus-visible{box-shadow:0 2px 10px #16486230}
.guide-panel>h2,.hotel-description h2,.home-guide h2,.home-guide .kutu-baslik,.embed-section h2{color:var(--navy)}
.guide-panel>h2{border-bottom-color:#e5ad63}
.guide-link a:hover,.prose a{color:var(--sea)}
.gallery-main{background:var(--mint);border-radius:5px}
.gallery-thumbs [aria-current]{outline-color:var(--sea)}
.hotel-contact{background:#fff8ec;border-color:#e6c89e;border-radius:6px}
.hotel-contact h2{color:var(--navy);border-bottom-color:#ecc58d}
.hotel-contact .phone-link{background:#fff;border-color:#d4dfe3;color:var(--navy)}
.hotel-contact .phone-action,.mobile-call-bar .phone-link span,.comment-form input[type=submit]{background:var(--coral);color:#fff}
.hotel-contact .phone-link:hover .phone-action,.mobile-call-bar .phone-link:hover span,.comment-form input[type=submit]:hover{background:var(--coral-hover)}
.hotel-contact .phone-link:hover,.mobile-call-bar .phone-link:hover{text-decoration:none}
.contact-details summary{color:var(--sea)}
.whatsapp-link{color:var(--whatsapp);border-color:#a4cdb5;background:#f0faf3}
.whatsapp-link:hover{background:#e1f3e7}
.site-footer{border-top-color:#e5ad63;background:#164862;color:#f4f8fa}
.site-footer h2,.site-footer .footer-heading{color:#ffe1ac;font-size:25px;font-weight:700;line-height:1.25;margin:0 0 14px}
.site-footer a:hover{color:#ffe1ac}
.page-numbers{border-color:#bcd2db;background:#f0f8fa;color:var(--navy)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--sea)}
@media(max-width:640px){
 #site-navigation .menu a{color:var(--navy)}
 #site-navigation .menu a:hover{background:var(--mint);color:var(--coral)}
 .card-name{color:var(--navy);background:var(--mint)}
 .hotel-contact{background:#fff8ec;border-color:#e6c89e}
 .hotel-contact h2{color:var(--navy)}
 .mobile-call-bar{background:#fffdf9;border-top:1px solid #d2e1e5;box-shadow:0 -3px 16px #16486216}
 .mobile-call-bar .phone-link{color:var(--navy)}
}

/* Unequal poster proportions must not leave a white strip below card titles. */
@media(max-width:640px){
 .hotel-card a{display:flex;flex-direction:column;background:var(--mint)}
 .hotel-card img{flex:0 0 auto}
 .hotel-card .card-name{flex:1;background:var(--mint)}
}

/* Legacy room galleries and the accessible photo viewer. */
.content-photo-grid,.hotel-description .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 26px;clear:both}
.content-photo,.hotel-description .gallery-item{margin:0;min-width:0;width:auto;float:none}
.content-photo a{display:block;background:#edf3f4;border-radius:5px;overflow:hidden;cursor:zoom-in}
.content-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.content-photo figcaption,.gallery-caption{margin:0;padding:6px 8px;font-size:14px;line-height:1.35;background:var(--mint);color:var(--navy)}
[data-lightbox],.gallery-main-link{cursor:zoom-in}
.photo-viewer{border:0;padding:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;background:#0b1c29;color:#fff;overflow:hidden}
.photo-viewer::backdrop{background:#0b1c29f5}
.photo-viewer[open]{display:flex;flex-direction:column}
.photo-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid #ffffff30;flex-shrink:0}
.photo-viewer-counter{font-size:16px;line-height:1.3}
.photo-viewer-actions{display:flex;gap:8px}
.photo-viewer button{border:1px solid #ffffff65;color:#fff;background:#ffffff15;border-radius:5px;padding:8px 12px;min-height:44px;cursor:pointer;font-size:15px}
.photo-viewer button:hover{background:#ffffff30}.photo-viewer button:focus-visible{outline:3px solid #ffd398;outline-offset:2px}
.photo-viewer-stage{flex:1;min-height:0;overflow:auto;display:grid;place-items:center;padding:12px;touch-action:pan-y}
.photo-viewer-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;min-height:0}


.photo-viewer-bottom{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:8px 14px calc(10px + env(safe-area-inset-bottom,0px));flex-shrink:0}
.photo-viewer-caption{flex:1;text-align:center;font-size:15px;line-height:1.35;margin:0;overflow-wrap:anywhere}
.photo-viewer [hidden]{display:none!important}
html.photo-viewer-open,html.photo-viewer-open body{overflow:hidden}
@media(max-width:640px){
 .content-photo-grid,.hotel-description .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .photo-viewer-toolbar{padding:8px 10px}.photo-viewer button{padding:7px 10px;font-size:14px}
 .photo-viewer-stage{padding:6px}.photo-viewer-bottom{padding-inline:10px;gap:8px}
 .photo-viewer-caption{font-size:13px}
}

.photo-viewer-stage{position:relative}
.photo-viewer-loading{display:none;position:absolute;left:0;right:0;top:45%;text-align:center;color:#fff;font-size:15px}
.photo-viewer-stage[aria-busy=true] .photo-viewer-loading{display:block}
.photo-viewer-stage[aria-busy=true] .photo-viewer-image{visibility:hidden}

/* Equal poster frames align both the artwork bottoms and the name rows. */
.hotel-card img{width:100%;height:auto;aspect-ratio:270/250;object-fit:contain;object-position:center bottom;background:var(--mint)}
@media(max-width:640px){
 .hotel-card .card-name{flex:none;min-height:0;padding:5px 6px;display:block}
}
/* Photo navigation stays at the image's left and right edges. */
.photo-viewer [data-prev],.photo-viewer [data-next]{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:44px;height:48px;min-height:48px;padding:0;font-size:30px;line-height:1;background:#0b1c29d9;border:1px solid #ffffffb3;box-shadow:0 2px 8px #0006}
.photo-viewer [data-prev]{left:10px}.photo-viewer [data-next]{right:10px}
.photo-viewer-bottom{justify-content:center;min-height:48px}
.photo-viewer-stage{padding:8px 6px}.photo-viewer-image{cursor:default}

/* Room galleries are plain adjacent photos, without cards or repeated labels. */
.content-photo-grid{gap:8px;margin:12px 0 24px;align-items:start}
.content-photo,.content-photo a{padding:0;border:0;background:transparent;border-radius:0;box-shadow:none}
.content-photo img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:2px}
.content-photo figcaption{display:none}
@media(max-width:640px){.content-photo-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact inline room slider: one photo per room group. */
.content-photo-grid.is-slider{display:block;position:relative;margin:12px 0 24px;touch-action:pan-y}
.content-photo-grid.is-slider .content-photo[hidden]{display:none!important}
.content-photo-grid.is-slider .content-photo{margin:0}
.content-photo-grid.is-slider .content-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;max-height:430px;background:#f4f7f7}
.room-gallery-controls button{position:absolute;z-index:1;top:50%;transform:translateY(-50%);width:40px;height:46px;min-height:44px;border:1px solid #ffffffa6;border-radius:4px;background:#123a52ce;color:#fff;font-size:32px;line-height:1;cursor:pointer;padding:0}
.room-gallery-controls [data-room-prev]{left:8px}.room-gallery-controls [data-room-next]{right:8px}
.room-gallery-counter{position:absolute;right:9px;bottom:8px;padding:2px 8px;border-radius:3px;background:#123a52d9;color:#fff;font-size:13px;line-height:1.6;pointer-events:none}
.room-gallery-controls[hidden]{display:none}
@media(max-width:640px){.content-photo-grid.is-slider .content-photo img{max-height:240px}.room-gallery-controls button{width:36px;height:44px}}

/* This legacy poster is wider than the others; fill only its existing frame. */
.hotel-card--seruse img{object-fit:fill}

/* Detail photos keep their real ratio, without a padded 4:3 canvas. */
.hotel-visuals .gallery-main{display:block;width:100%;height:auto;aspect-ratio:auto;max-height:none;object-fit:contain;background:transparent}
.comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start}
.comment-form-cookies-consent input{flex:0 0 auto;margin-top:6px}
.comment-form-cookies-consent label{font-size:15px;line-height:1.45}
@media(max-width:640px){.hotel-visuals .gallery-main{width:auto;max-width:100%;max-height:280px;margin-inline:auto}}

@media(max-width:640px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;padding:9px}.menu-toggle svg{display:block;flex-shrink:0}}
