/* Demir Konut v12.4.19 · erişilebilir ve responsive sayfa kullanım rehberi */
.tour{
  isolation:isolate;
  overscroll-behavior:contain;
}
.tour-tip{
  width:min(360px,calc(100vw - 20px));
  max-height:calc(100dvh - 20px);
  overflow:auto;
  overscroll-behavior:contain;
}
.tour-tip .tt-text{
  overflow-wrap:anywhere;
}
.tour-tip .tt-foot{
  flex-wrap:wrap;
}
.tour-tip .tt-foot .btn{
  min-width:44px;
  min-height:44px;
}
.tour-tip:focus-visible{
  outline:3px solid color-mix(in srgb,var(--accent) 76%,white);
  outline-offset:3px;
}

@media (max-width:520px){
  .tour-tip{padding:14px 12px 12px}
  .tour-tip .tt-foot{gap:8px}
  .tour-tip .tt-foot .spacer{display:none}
  .tour-tip .tt-n{flex:1 0 100%}
  .tour-tip [data-n]{flex:1}
}
@media (max-width:380px){
  .tour-tip .tt-foot .btn{flex:1 1 calc(50% - 4px)}
  .tour-tip [data-n]{flex-basis:100%}
}
@media (max-height:500px) and (orientation:landscape){
  .tour-tip{max-height:calc(100dvh - 12px);padding:10px 12px}
  .tour-tip .tt-text{font-size:13.5px}
  .tour-tip .tt-foot{margin-top:6px}
}
@media (min-width:2200px){
  .tour-tip{width:min(480px,calc(100vw - 32px));max-width:480px;padding:20px}
  .tour-tip .tt-text{font-size:17px}
  .tour-tip .tt-foot .btn{min-height:48px}
}
@media (prefers-reduced-motion:reduce){
  .tour-hole,.tour-tip{transition:none!important}
}
@media (forced-colors:active){
  .tour-hole{outline:3px solid Highlight}
  .tour-tip{border:2px solid CanvasText}
}