/* =========================================================
HASERE MARKET — KULLANIM KILAVUZU STANDALONE
hm-guide.css | v2.0 | 2026-10-09

Bu dosya hm-hub.css'e BAGIMLI DEGILDIR.
Tum kılavuz sayfaları yalnız hm-guide.css + hm-guide.js ile çalışır.
========================================================= */

.hm-guide{
  --g:#285b2b;
  --g2:#315f34;
  --gs:#eef5ea;
  --b:#dce6d9;
  --b2:#dfe7dc;
  --t:#5e6a5d;
  --m:#6f7b6e;
  --o:#f47b20;
  width:100%;
  max-width:none;
  margin:0;
  overflow:visible;
  color:#2f3830;
  font-family:Arial,Helvetica,sans-serif!important;
}
.hm-guide*,.hm-guide*::before,.hm-guide*::after{
  box-sizing:border-box;
  font-family:Arial,Helvetica,sans-serif!important;
}
.hm-guide p{font-size:13px;line-height:1.58;}
.hm-guide strong{font-weight:700;}
.hm-guide img{max-width:100%;}

/* Breadcrumb */
.hm-guide__breadcrumb{margin:0 0 9px;color:#667265;font-size:11px;}
.hm-guide__breadcrumb ol{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;}
.hm-guide__breadcrumb li{display:flex;align-items:center;}
.hm-guide__breadcrumb li+li::before{content:"/";margin:0 8px;color:#9aa59a;}
.hm-guide__breadcrumb a{color:#617061;text-decoration:none;}
.hm-guide__breadcrumb a:hover{text-decoration:underline;}

/* QR önü */
.hm-gel-public-hero{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(500px,.84fr);
  gap:12px;
  align-items:stretch;
  margin-top:8px;
}
.hm-gel-public-copy{
  padding:18px 19px;
  border:1px solid #dbe5d8;
  border-radius:15px;
  background:linear-gradient(135deg,#f7faf5 0%,#fff 100%);
}
.hm-gel-public-copy__top{display:flex;align-items:center;gap:11px;}
.hm-gel-public-copy__icon{
  width:44px;height:44px;flex:0 0 44px;
  display:flex;align-items:center;justify-content:center;
  border-radius:11px;background:#eaf3e6;
}
.hm-gel-public-copy__icon img{width:32px;height:32px;object-fit:contain;}
.hm-gel-public-copy h2{margin:0;color:#24552a;font-size:25px;line-height:1.15;}
.hm-gel-public-copy__lead{
  margin-top:10px!important;
  color:#566455;
  font-size:13.7px!important;
  line-height:1.56;
}
.hm-gel-public-copy__note{
  margin-top:12px;padding:9px 11px;
  border-left:3px solid var(--o);
  border-radius:8px;background:#fffaf4;
  color:#655f57;font-size:12px;line-height:1.48;
}
.hm-gel-general-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;margin-top:11px;
}
.hm-gel-general-point{
  padding:9px 10px;border:1px solid #e2e9df;
  border-radius:9px;background:#f8faf7;
}
.hm-gel-general-point strong{display:block;color:#315f34;font-size:12px;}
.hm-gel-general-point span{
  display:block;margin-top:3px;color:#737d72;font-size:10.8px;line-height:1.38;
}

/* QR önü görsel scroller */
.hm-gel-public-media{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid #dbe5d8;
  border-radius:15px;
  background:#f5f8f3;
  display:flex;
  flex-direction:column;
}
.hm-gel-public-media__rail{width:100%;min-width:0;}
.hm-gel-public-media__track{display:flex;flex-wrap:nowrap;width:100%;}
.hm-gel-public-media__item{
  flex:0 0 100%;
  width:100%;
  min-width:100%;
  scroll-snap-align:start;
}
.hm-gel-public-media__item button{
  display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;
}
.hm-gel-public-media__item img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:3/2;
  object-fit:contain;
  background:#f7f8f5;
}
.hm-gel-public-media__caption{
  padding:8px 10px;border-top:1px solid #e2e8df;
  background:#fff;color:#687468;font-size:10.8px;line-height:1.4;
}
.hm-gel-public-media__hint{
  padding:7px 10px 8px;background:#f5f8f3;
  color:#728071;font-size:10px;text-align:center;
}

/* QR önü alt kartlar */
.hm-gel-public-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:11px;
}
.hm-gel-card{
  padding:13px 14px;border:1px solid #dfe7dc;border-radius:12px;background:#fff;
}
.hm-gel-card h2{margin:0 0 7px;color:#2b5d30;font-size:18px;line-height:1.2;}
.hm-gel-card p{margin:0 0 8px;color:#606d5f;}
.hm-gel-card p:last-child{margin-bottom:0;}
.hm-gel-keypoints{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;margin-top:10px;
}
.hm-gel-keypoint{
  padding:9px 10px;border:1px solid #e2e9df;border-radius:9px;background:#f8faf7;
}
.hm-gel-keypoint strong{display:block;color:#315f34;font-size:12px;}
.hm-gel-keypoint span{
  display:block;margin-top:3px;color:#737d72;font-size:10.8px;line-height:1.38;
}

/* Erişim kapısı */
.hm-guide-private{display:none;}
.hm-guide-customer-gate{display:block;}
.hm-guide-access-ok .hm-guide-private{display:block;}
.hm-guide-access-ok .hm-guide-customer-gate{display:none;}
.hm-guide-customer-gate{
  margin:16px 0 13px;padding:18px;
  border:1px solid #d4e2d0;border-radius:14px;
  background:linear-gradient(135deg,#eef6ea,#fbfdf9);
}
.hm-guide-customer-gate h2{margin:0;color:#285b2b;font-size:20px;line-height:1.22;}
.hm-guide-customer-gate p{margin-top:8px;color:#5f6b5e;font-size:13px;}
.hm-guide-customer-gate__note{
  margin-top:12px;padding:10px 11px;
  border-left:3px solid var(--o);
  border-radius:7px;background:#fffaf5;
  color:#655e55;font-size:12px;line-height:1.5;
}

/* QR arkası başlangıç */
.hm-gel-private-start{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);
  gap:10px;align-items:stretch;margin:15px 0 10px;
}
.hm-gel-private-intro{
  min-height:190px;padding:16px 17px;
  border:1px solid #cfe0ca;border-radius:12px;background:#f3f8f0;
  display:flex;flex-direction:column;justify-content:center;
}
.hm-gel-private-intro strong{display:block;color:#285b2b;font-size:15px;}
.hm-gel-private-intro p{margin-top:7px;color:#5e6b5d;}
.hm-gel-private-intro__hint{
  margin-top:10px;padding-top:9px;border-top:1px solid #dce8d8;
  color:#687668;font-size:11.5px;line-height:1.45;
}
.hm-gel-private-map{
  min-width:0;min-height:190px;overflow:hidden;
  border:1px solid #dfe7dc;border-radius:12px;background:#f5f8f3;
  display:grid;grid-template-rows:minmax(0,1fr) auto;
}
.hm-gel-private-map button{
  display:block;width:100%;height:100%;padding:0;border:0;overflow:hidden;
  background:#edf4ea;cursor:zoom-in;
}
.hm-gel-private-map img{display:block;width:100%;height:100%;object-fit:cover;}
.hm-gel-private-map__caption{
  padding:7px 10px;color:#687468;font-size:10.5px;
  background:#fff;border-top:1px solid #e2e8df;
}

/* Akordiyon */
.hm-gel-steps{display:flex;flex-direction:column;gap:8px;}
.hm-gel-step{overflow:hidden;border:1px solid var(--b);border-radius:12px;background:#fff;}
.hm-gel-step>summary{
  cursor:pointer;list-style:none;min-height:58px;
  display:grid;grid-template-columns:34px minmax(0,1fr) 24px;
  align-items:center;gap:9px;padding:10px 12px;background:#f8faf7;
}
.hm-gel-step>summary::-webkit-details-marker{display:none;}
.hm-gel-step>summary::after{
  content:"+";
  width:23px;height:23px;
  display:flex;align-items:center;justify-content:center;justify-self:end;
  border-radius:50%;background:#eaf3e7;color:#305f34;font-size:17px;
}
.hm-gel-step[open]>summary{background:#eef5ea;border-bottom:1px solid var(--b);}
.hm-gel-step[open]>summary::after{content:"-";}
.hm-gel-step__number{
  width:31px;height:31px;display:flex;align-items:center;justify-content:center;
  border-radius:9px;background:#fff;border:1px solid #d8e4d4;
  color:#2d6031;font-size:12px;font-weight:700;
}
.hm-gel-step__title strong{display:block;color:#285b2b;font-size:13.2px;}
.hm-gel-step__title span{display:block;margin-top:2px;color:#707b6f;font-size:10.8px;}
.hm-gel-step__body{padding:13px 14px 14px;}
.hm-gel-step__body p{margin:0 0 9px;color:#5e6a5d;}
.hm-gel-tip{
  margin:10px 0;padding:10px 11px;border-left:3px solid #5d8758;
  border-radius:8px;background:#f5f9f3;color:#5c685b;font-size:12px;line-height:1.48;
}
.hm-gel-warning{
  margin:10px 0;padding:10px 11px;border-left:3px solid var(--o);
  border-radius:8px;background:#fff9f2;color:#655f58;font-size:12px;line-height:1.48;
}

/* Standalone rail */
.hm-guide__rail{
  position:relative;
  width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.hm-guide__rail::-webkit-scrollbar{display:none;}
.hm-guide__rail-track{
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
  width:max-content;
  min-width:100%;
  align-items:flex-start;
}
.hm-guide__rail-progress{
  position:relative;height:4px;margin:8px 3px 0;
  border-radius:999px;background:#e5ece2;overflow:hidden;
}
.hm-guide__rail-progress span{
  position:absolute;top:0;left:0;height:100%;width:24%;
  border-radius:999px;background:#91b18c;
}
.hm-gel-gallery{position:relative;margin-top:11px;}
.hm-gel-gallery__title{
  margin:0 0 8px;padding-right:74px;
  color:#315f34;font-size:11.8px;font-weight:700;
}
.hm-gel-media{
  flex:0 0 300px;
  width:300px;max-width:300px;min-width:300px;
  overflow:hidden;border:1px solid #dfe7dc;border-radius:10px;
  background:#fff;scroll-snap-align:start;
}
.hm-gel-media button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;}
.hm-gel-media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
.hm-gel-media__caption{
  min-height:38px;padding:7px 8px;color:#697468;font-size:10.5px;line-height:1.35;
}

/* Tek ok takımı — yalnız hm-guide.js üretir */
.hm-guide__rail-controls{
  position:absolute;top:8px;right:8px;z-index:8;
  display:flex;gap:6px;
}
.hm-guide__rail-button{
  width:28px;height:28px;padding:0;
  border:1px solid #d8e4d4;border-radius:50%;
  background:rgba(255,255,255,.96);
  color:#2f6033;font-size:17px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;box-shadow:0 1px 5px rgba(20,60,30,.08);
}
.hm-guide__rail-button:disabled{opacity:.3;cursor:default;}

/* Masaüstü akordiyon içi */
@media(min-width:761px){
  .hm-gel-step__body:not(.hm-gel-step__body--text-only){
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
    gap:16px;align-items:stretch;padding:14px;
  }
  .hm-gel-step__copy{
    grid-column:1;min-width:0;width:100%;height:100%;
    padding:14px 16px;border:1px solid #e0e8dd;border-radius:11px;background:#fff;
  }
  .hm-gel-step__visuals{
    grid-column:2;min-width:0;width:100%;height:100%;display:flex;
  }
  .hm-gel-step__visuals .hm-gel-gallery{
    width:100%;height:100%;margin:0;padding:10px;
    display:flex;flex-direction:column;
    border:1px solid #e0e8dd;border-radius:11px;background:#f7faf5;overflow:hidden;
  }
  .hm-gel-step__visuals .hm-guide__rail{flex:1 1 auto;}
}

/* Özet */
.hm-gel-checklist{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;margin-top:10px;
}
.hm-gel-check{
  padding:9px 10px;border:1px solid #e0e8dd;border-radius:9px;
  background:#f9fbf8;color:#606d5f;font-size:11px;
}
.hm-gel-final-note{
  margin-top:13px;padding:14px;border:1px solid #d3e1cf;
  border-radius:12px;background:#f2f7ef;
}
.hm-gel-final-note h2{margin:0;color:#285b2b;font-size:17px;}

/* Standalone lightbox */
.hm-guide__lightbox{
  position:fixed;inset:0;z-index:2147483000;
  display:none;align-items:center;justify-content:center;
  padding:18px;background:rgba(25,39,27,.82);
}
.hm-guide__lightbox.is-open{display:flex;}
.hm-guide__lightbox-panel{
  position:relative;
  width:min(1100px,calc(100vw - 36px));
  max-height:calc(100dvh - 36px);
  padding:46px 14px 14px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  overflow:hidden;border-radius:14px;background:#fff;
}
.hm-guide__lightbox-image{
  display:block;width:auto;height:auto;max-width:100%;
  max-height:calc(100dvh - 125px);object-fit:contain;
}
.hm-guide__lightbox-close{
  position:absolute;top:9px;right:10px;z-index:3;
  min-height:30px;padding:5px 9px;
  border:1px solid #d7e2d4;border-radius:999px;
  background:#fff;color:#285b2b;cursor:pointer;
}
.hm-guide__lightbox-caption{
  max-width:900px;margin:8px auto 0;text-align:center;
  color:#5f6b5e;font-size:12px;
}

/* Google yorum bandı */
.hm-google-review-band{
  margin:18px 0 4px;padding:18px 20px;
  display:grid;grid-template-columns:58px minmax(0,1fr) auto;
  gap:18px;align-items:center;
  border:1px solid #dce7d8;border-radius:14px;
  background:linear-gradient(135deg,#f7fbf5 0%,#fffaf5 100%);
}
.hm-google-review-band__g{width:52px;height:52px;object-fit:contain;}
.hm-google-review-band__copy h2{margin:0 0 7px;color:#0b542e;font-size:20px;}
.hm-google-review-band__copy p{margin:0;color:#4c5a50;}
.hm-google-review-band__actions{display:flex;align-items:center;gap:14px;}
.hm-google-review-band__qr-link{
  display:block;padding:6px;border:1px solid #d7e2d4;
  border-radius:10px;background:#fff;line-height:0;
}
.hm-google-review-band__qr{display:block;width:112px;height:112px;}
.hm-google-review-band__button{
  display:inline-flex;align-items:center;gap:9px;
  min-height:48px;padding:11px 15px;
  border:1px solid #d9e3d6;border-radius:10px;background:#fff;
  color:#174b2e!important;font-weight:700;text-decoration:none!important;
}
.hm-google-review-band__button img{width:27px;height:27px;}

@media(max-width:1050px){
  .hm-gel-public-hero{grid-template-columns:1fr;}
}

@media(max-width:760px){
  .hm-gel-public-copy{padding:11px;}
  .hm-gel-public-copy h2{font-size:21px;}
  .hm-gel-general-points,
  .hm-gel-public-grid,
  .hm-gel-keypoints,
  .hm-gel-checklist{grid-template-columns:1fr;}

  .hm-guide-customer-gate{padding:13px;}

  .hm-gel-private-start{grid-template-columns:1fr;}
  .hm-gel-private-intro{min-height:0;}
  .hm-gel-private-map{min-height:0;display:block;}
  .hm-gel-private-map img{width:100%;height:auto;object-fit:contain;}

  .hm-gel-step__body:not(.hm-gel-step__body--text-only){
    display:flex;flex-direction:column;padding:10px;
  }
  .hm-gel-step__copy{order:1;padding:0;border:0;background:transparent;}
  .hm-gel-step__visuals{order:2;display:block;}
  .hm-gel-step__visuals .hm-gel-gallery{
    margin-top:11px;padding:0;border:0;background:transparent;
  }
  .hm-gel-media{
    flex:0 0 78vw;width:78vw;max-width:300px;min-width:0;
  }

  .hm-guide__rail-controls{display:none;}

  .hm-guide__lightbox{padding:8px;}
  .hm-guide__lightbox-panel{
    width:calc(100vw - 16px);
    max-height:calc(100dvh - 16px);
    padding:42px 8px 9px;
  }
  .hm-guide__lightbox-image{max-height:calc(100dvh - 105px);}
  .hm-guide p{font-size:12px;}

  .hm-google-review-band{
    grid-template-columns:44px minmax(0,1fr);
    gap:12px;padding:15px;
  }
  .hm-google-review-band__actions{
    grid-column:1/-1;width:100%;
    justify-content:center;flex-wrap:wrap;
  }
  .hm-google-review-band__qr{width:104px;height:104px;}
}

/* =========================================================
   V2.1 — PILOT YERLESIM DUZELTMELERI
   2026-10-09
   ========================================================= */

/* Masaüstü QR önü: sağ görsel alanı sol bilgi bloğunu büyütmesin.
   Görsel alanı kontrollü yükseklikte kalır; rail kendi içinde kayar. */
@media (min-width:1051px){
  .hm-gel-public-hero{
    align-items:stretch !important;
  }

  .hm-gel-public-copy{
    height:100% !important;
  }

  .hm-gel-public-media{
    height:100% !important;
    max-height:540px !important;
    min-height:0 !important;
  }

  .hm-gel-public-media__rail{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
  }

  .hm-gel-public-media__track{
    height:100% !important;
    min-height:0 !important;
  }

  .hm-gel-public-media__item{
    height:100% !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
  }

  .hm-gel-public-media__item button{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#f7f8f5 !important;
  }

  .hm-gel-public-media__item img{
    width:100% !important;
    height:100% !important;
    max-height:455px !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
  }

  .hm-gel-public-media__caption,
  .hm-gel-public-media__hint,
  .hm-gel-public-media .hm-guide__rail-progress{
    flex:0 0 auto !important;
  }
}

/* Masaüstü akordiyonlar:
   DOM'da görsel önce, metin sonra gelse bile ikisini AYNI satıra sabitle.
   Metin solda, görsel sağda. */
@media (min-width:761px){
  .hm-gel-step__body:not(.hm-gel-step__body--text-only){
    display:grid !important;
    grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr) !important;
    grid-template-rows:1fr !important;
    gap:16px !important;
    align-items:stretch !important;
    padding:14px !important;
  }

  .hm-gel-step__copy{
    grid-column:1 !important;
    grid-row:1 !important;
    min-width:0 !important;
    width:100% !important;
    height:100% !important;
    align-self:stretch !important;
    padding:14px 16px !important;
    border:1px solid #e0e8dd !important;
    border-radius:11px !important;
    background:#fff !important;
  }

  .hm-gel-step__visuals{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
    width:100% !important;
    height:100% !important;
    align-self:stretch !important;
    display:flex !important;
  }

  .hm-gel-step__visuals .hm-gel-gallery{
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:10px !important;
    display:flex !important;
    flex-direction:column !important;
    border:1px solid #e0e8dd !important;
    border-radius:11px !important;
    background:#f7faf5 !important;
    overflow:hidden !important;
  }

  .hm-gel-step__visuals .hm-guide__rail{
    width:100% !important;
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  .hm-gel-step__visuals .hm-guide__rail-track{
    min-width:100% !important;
    width:max-content !important;
    align-items:flex-start !important;
  }

  .hm-gel-step__copy > *:first-child{
    margin-top:0 !important;
  }

  .hm-gel-step__copy > *:last-child{
    margin-bottom:0 !important;
  }
}

/* Mobil akış onaylı düzende kalır: metin üstte, görseller altta. */
@media (max-width:760px){
  .hm-gel-step__body:not(.hm-gel-step__body--text-only){
    display:flex !important;
    flex-direction:column !important;
  }

  .hm-gel-step__copy{
    order:1 !important;
  }

  .hm-gel-step__visuals{
    order:2 !important;
  }

  .hm-gel-public-media{
    max-height:none !important;
  }

  .hm-gel-public-media__item img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:3/2 !important;
    object-fit:contain !important;
  }
}

/* =========================================================
   V2.2 — FINAL GORSEL / MOBIL OK DUZELTMESI
   2026-10-09
   ========================================================= */

/* QR önü rail: generic max-content rail kuralını burada ez.
   Track tam panel genişliğinde başlar; her slayt panel genişliği kadar olur. */
.hm-gel-public-media__rail{
  width:100% !important;
  min-width:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
}

.hm-gel-public-media__track{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  min-width:100% !important;
  max-width:none !important;
  gap:0 !important;
  align-items:stretch !important;
}

.hm-gel-public-media__item{
  flex:0 0 100% !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  height:auto !important;
  scroll-snap-align:start !important;
}

.hm-gel-public-media__item button{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
}

.hm-gel-public-media__item img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
  aspect-ratio:3 / 2 !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
}

/* Masaüstü QR önü sağ panel: görsel çerçeveye tam oturur, kesilmez. */
@media (min-width:1051px){
  .hm-gel-public-media{
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
  }

  .hm-gel-public-media__rail{
    flex:0 0 auto !important;
  }

  .hm-gel-public-media__item img{
    height:auto !important;
    max-height:none !important;
    aspect-ratio:3 / 2 !important;
    object-fit:contain !important;
  }
}

/* Mobil: QR önü görsel ekran genişliğine doğal biçimde oturur.
   Devasa native boyuta çıkmasına izin verilmez. */
@media (max-width:760px){
  .hm-gel-public-media{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    overflow:hidden !important;
  }

  .hm-gel-public-media__rail{
    width:100% !important;
    max-width:100% !important;
  }

  .hm-gel-public-media__track{
    width:100% !important;
    min-width:100% !important;
  }

  .hm-gel-public-media__item{
    flex:0 0 100% !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
  }

  .hm-gel-public-media__item img{
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    aspect-ratio:3 / 2 !important;
    object-fit:contain !important;
  }

  /* Tarif bloklarında mobilde okları tekrar göster. */
  .hm-gel-gallery > .hm-guide__rail-controls{
    display:flex !important;
    top:6px !important;
    right:6px !important;
  }

  /* QR önü mobil okları da tek takım halinde görünür. */
  .hm-gel-public-media > .hm-guide__rail-controls{
    display:flex !important;
    top:6px !important;
    right:6px !important;
  }

  .hm-guide__rail-button{
    width:26px !important;
    height:26px !important;
    font-size:16px !important;
  }

  .hm-gel-gallery__title{
    padding-right:68px !important;
  }
}