/* LUXURY HOUSE V5.16 — integrate 360 tours into the ORIGINAL V5.6 property layout.
   Specific to the property detail page; no global header, property data or admin changes. */
.lh-v56-detail .lh360-hero-section {
  position:relative;
  margin-top:14px;
  border:1px solid #c9c1b5;
  background:#f3f0e9;
  min-width:0;
  overflow:hidden;
}
.lh-v56-detail .lh360-hero-section:before {
  display:flex;align-items:center;
  content:'VIZITË VIRTUALE 360°  /  EKSPLORONI INTERIERIN';
  color:#5d5146;
  padding:18px 24px;
  min-height:52px;
  box-sizing:border-box;
  font:600 10px/1.5 'DM Sans',Arial,sans-serif;
  letter-spacing:.17em;
  background:#f3f0e9;
  border-bottom:1px solid #c9c1b5;
}
.lh-v56-detail .lh360-player{
  width:100%;
  height: min(65vw,650px);min-height:400px;max-height:650px;
  background:#222c2b;
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
}
.lh-v56-detail .lh360-poster{filter:brightness(.92)}
.lh-v56-detail .lh360-head{
  top:auto;bottom:114px;left:24px;
  gap:7px;max-width:calc(100% - 115px);
  text-shadow:0 1px 8px rgba(0,0,0,.65);
}
.lh-v56-detail .lh360-eyebrow{display:none}
.lh-v56-detail .lh360-scene-name{
  font:400 26px/1.14 'Playfair Display',Georgia,serif;
  letter-spacing:-.015em;
}
.lh-v56-detail .lh360-demo-flag{
  background:rgba(26,31,30,.88);
  border-left:2px solid #b08a55;
  color:#eee7da;
  padding:5px 9px;
  font:600 9px/1.4 'DM Sans',Arial,sans-serif;
  letter-spacing:.09em;
}
.lh-v56-detail .lh360-buttons{top:18px;right:18px;gap:5px;flex-direction:row}
.lh-v56-detail .lh360-btn{
  border:1px solid rgba(244,238,228,.65);
  background:rgba(31,39,38,.83);
  border-radius:0;color:#f3f0e9;
  width:40px;height:40px;
  font:400 21px/1 'DM Sans',Arial,sans-serif;
}
.lh-v56-detail .lh360-btn:hover{background:#b08a55;color:#1f2726}
.lh-v56-detail .lh360-thumbs{
  bottom:14px;left:20px;right:20px;gap:8px;
  padding:4px 0;scrollbar-color:#b08a55 transparent;
}
.lh-v56-detail .lh360-thumb{
  height:70px;flex:0 0 104px;min-width:104px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:0;background:#222c2b;
}
.lh-v56-detail .lh360-thumb.is-active{border:2px solid #d3b082}
.lh-v56-detail .lh360-thumb span{
  font:500 10px/1.2 'DM Sans',Arial,sans-serif;
  padding:19px 7px 6px;letter-spacing:.03em;
}
.lh-v56-detail .lh360-hint{display:none}
.lh-v56-detail .lh360-hotspot{
  background:#b08a55;color:#242624;
  border:1px solid #f0ede7;border-radius:0;
  padding:4px 9px 4px 5px;
  font:500 11px 'DM Sans',Arial,sans-serif;
}
.lh-v56-detail .lh360-hotspot span{border-radius:0}
.lh-v56-detail .lh360-scroll{
  background:#ebe6dd;border:0;
  display:flex;justify-content:space-between;
  color:#5b5047;padding:16px 24px;
  font:600 10px/1.6 'DM Sans',Arial,sans-serif;
  letter-spacing:.12em;
}
.lh-v56-detail .lh360-scroll:hover{color:#916d3e}
.lh-v56-detail .lh360-scroll svg{flex:0 0 18px}
.lh-v56-detail #lh360-info{height:0}
/* V5.6 photo gallery, floorplan, typography and metrics are intentionally untouched. */
@media(max-width:720px){
 .lh-v56-detail .lh360-hero-section{margin-top:12px}
 .lh-v56-detail .lh360-hero-section:before{
   min-height:44px;padding:12px 14px;
   font-size:9px;letter-spacing:.1em;
 }
 .lh-v56-detail .lh360-player{
   height: min(72svh,540px);min-height:310px;max-height:540px;
 }
 .lh-v56-detail .lh360-head{bottom:100px;left:13px;max-width:65%}
 .lh-v56-detail .lh360-scene-name{font-size:20px}
 .lh-v56-detail .lh360-demo-flag{font-size:8px;max-width:160px}
 .lh-v56-detail .lh360-buttons{top:12px;right:12px;gap:5px;flex-direction:column}
 .lh-v56-detail .lh360-btn{height:35px;width:35px;font-size:18px}
 .lh-v56-detail .lh360-thumbs{left:12px;right:12px;bottom:10px;gap:7px}
 .lh-v56-detail .lh360-thumb{height:63px;flex-basis:94px;min-width:94px}
 .lh-v56-detail .lh360-scroll{padding:13px 14px;gap:12px;font-size:9px;letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){
 .lh-v56-detail .lh360-thumb,.lh-v56-detail .lh360-btn{transition:none}
}