/* The home page on the W2 layout (1.32.0): «ماذا يحتاج بيتك؟» with its three needs, the package card beside the numbered
   villa, the three solutions, the three steps, the works, the questions beside the navy card. Brand colours on light,
   neutral sand grounds; cards with 16px corners and a soft shadow. A wide screen is laid out for itself, not a phone
   made bigger. No inline styles anywhere (CSP): the marks on the villa are placed by the classes at the end of this file. */

.w2-hero{padding:14px 0 6px;background:linear-gradient(var(--sand),var(--bg))}
.w2-grid{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.w2-r{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.w2-head h1{font-size:var(--fs-h1);line-height:1.3;color:var(--navy)}
.w2-head p{margin:4px 0 0;color:var(--muted);font-size:var(--fs-body)}
.w2-needs{display:grid;gap:8px}
.w2-need{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:12px;align-items:center;padding:10px 12px;background:#fff;border:1.5px solid var(--line);border-radius:var(--card-r);cursor:pointer}
.w2-need-ico{grid-row:span 2;width:44px;height:44px;display:grid;place-items:center}
.w2-need-ico img{width:44px;height:44px}
.w2-need b{font-size:var(--fs-body);color:var(--navy);line-height:1.4}
.w2-need small{grid-column:2;font-size:var(--fs-small);color:var(--muted);line-height:1.5}
.w2-tick{grid-column:3;grid-row:1/span 2;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--tone-plain);color:transparent}
.w2-tick .ico{width:14px;height:14px}
#need-cctv:checked~.w2-needs [for=need-cctv],#need-wifi:checked~.w2-needs [for=need-wifi],#need-build:checked~.w2-needs [for=need-build]{border-color:var(--teal);background:#F1FBF8;box-shadow:0 8px 20px -14px rgba(23,107,90,.6)}
#need-cctv:checked~.w2-needs [for=need-cctv] .w2-tick,#need-wifi:checked~.w2-needs [for=need-wifi] .w2-tick,#need-build:checked~.w2-needs [for=need-build] .w2-tick{background:var(--teal-700);color:#fff}
#need-cctv:focus-visible~.w2-needs [for=need-cctv],#need-wifi:focus-visible~.w2-needs [for=need-wifi],#need-build:focus-visible~.w2-needs [for=need-build]{outline:2px solid var(--teal-700);outline-offset:2px}
.w2-p{display:none}
#need-cctv:checked~.w2-cctv,#need-wifi:checked~.w2-wifi,#need-build:checked~.w2-build{display:grid;gap:12px}
#need-wifi:checked~.w2-all,#need-build:checked~.w2-all{display:none}
.w2-pack{display:grid;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--card-r);padding:14px;box-shadow:var(--shadow)}
.w2-pack-img{display:grid;place-items:center;background:var(--tone-plain);border-radius:12px;padding:14px;height:112px}
.w2-pack-img{overflow:hidden}
.w2-pack-img img{max-width:100%;max-height:84px;width:auto;height:auto;filter:drop-shadow(0 8px 10px rgba(31,42,75,.2))}
.w2-pack-name{font-size:var(--fs-h3);color:var(--navy)}
.w2-pack-line{margin:2px 0 0;font-size:var(--fs-small);color:var(--muted);line-height:1.6}
.w2-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:6px}
.w2-price b{font-size:var(--fs-price-hero);font-weight:700;line-height:1;color:var(--navy)}
.w2-price>span{font-size:var(--fs-item);font-weight:600;color:var(--muted)}
.w2-price small{flex-basis:100%;font-size:var(--fs-small);color:var(--teal-700)}
.w2-pick{display:grid;gap:10px}
.w2-pack .oh-field legend{color:var(--muted)}
.w2-pack .oh-opt span{background:var(--tone-plain);box-shadow:none;color:var(--navy);min-height:42px;font-size:var(--fs-body)}
.w2-pack .oh-opt input:checked+span{background:var(--navy);color:#fff;box-shadow:0 6px 14px -8px rgba(31,42,75,.7)}
.w2-pack .oh-opt input:focus-visible+span{outline-color:var(--teal-700)}
.w2-pack .oh-up.oh-up{justify-self:stretch;justify-content:center;min-height:40px;padding:6px 12px;border-radius:12px;background:var(--teal-soft);color:var(--teal-800);box-shadow:none;text-decoration:none;font-size:var(--fs-small)}
.w2-pack .oh-up[hidden]{display:none}
.w2-cta{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}
.w2-cta .btn{justify-content:center}
.w2-facts{list-style:none;margin:0;padding:10px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 16px;font-size:var(--fs-small);color:var(--muted)}
.w2-facts li{display:inline-flex;align-items:center;gap:6px}
.w2-facts .ico{width:16px;height:16px;color:var(--teal-700)}
.w2-villa{display:grid;gap:8px;align-content:start}
.w2-villa-pic{position:relative;border-radius:var(--card-r);overflow:hidden;background:var(--sand-2);aspect-ratio:16/9;box-shadow:var(--shadow)}
.w2-villa-pic img{display:block;width:100%;height:100%;object-fit:cover}
.w2-marks[hidden]{display:none}
.w2-mark{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:var(--navy-900);box-shadow:0 0 0 2px #fff,0 4px 10px rgba(31,42,75,.45);cursor:pointer}
.w2-mark .ico{width:17px;height:17px}
.w2-mark i{position:absolute;top:-7px;left:22px;min-width:17px;height:17px;padding:0 3px;border-radius:9px;background:#fff;color:var(--navy);font:700 var(--fs-small)/17px Montserrat,system-ui,sans-serif;text-align:center;box-shadow:0 0 0 1.5px var(--navy)}
.w2-mark[aria-pressed=true]{background:#fff;color:var(--teal-700);box-shadow:0 0 0 3px var(--teal),0 0 0 8px rgba(84,186,167,.35),0 4px 10px rgba(31,42,75,.45)}
.w2-mark[aria-pressed=true] i{background:var(--teal);box-shadow:0 0 0 1.5px #fff}
.w2-mark:focus-visible{outline:3px solid #FFE3A1;outline-offset:2px}
.w2-note{position:absolute;top:10px;inset-inline-start:12px;margin:0;max-width:46%;font-size:var(--fs-body);font-style:italic;font-weight:500;line-height:1.5;color:var(--navy);transform:rotate(-3deg);text-shadow:0 0 8px rgba(255,255,255,.9),0 0 2px #fff;pointer-events:none}
.w2-info{display:grid;gap:2px;margin:0;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);color:var(--navy);font-size:var(--fs-body);line-height:1.5;min-height:58px;align-content:center}
.w2-info span{color:var(--muted)}
.w2-hint{margin:0;font-size:var(--fs-small);color:var(--faint);text-align:center}
.w2-wifi .oh-top{padding:0}.w2-wifi .oh-top>.wrap{padding:0;max-width:none}
.w2-calc{display:grid;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--card-r);padding:16px;box-shadow:var(--shadow)}
.w2-calc-ico{width:84px;height:84px;border-radius:14px;display:grid;place-items:center}
.w2-calc b{font-size:var(--fs-h3);color:var(--navy)}
.w2-calc p{margin:4px 0 0;font-size:var(--fs-body);color:var(--muted);line-height:1.7}
.w2-area{color:var(--navy)!important;font-weight:600}
.w2-area .num{font-size:var(--fs-num-lg)}
.w2-area small{display:block;font-weight:400;font-size:var(--fs-small);color:var(--faint)}
.w2-all{justify-self:center;display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:var(--fs-item);font-weight:600;color:var(--teal-700)}
.w2-all .ico{width:18px;height:18px}
.w2-sec .wrap{display:grid;gap:14px}
.w2-title{text-align:center}
.w2-title h2{font-size:var(--fs-h2);color:var(--navy)}
.w2-title p{margin:4px 0 0;font-size:var(--fs-body);color:var(--muted)}
.w2-sols{display:grid;gap:10px}
.w2-sol{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;background:var(--sand);border:1px solid var(--sand-2);border-radius:var(--card-r);padding:10px;transition:border-color .15s}
.w2-sol:hover{border-color:var(--teal-line)}
.w2-sol-img{width:96px;height:96px;border-radius:12px;background:#fff;display:grid;place-items:center;padding:10px}
.w2-sol-img{overflow:hidden}
.w2-sol-img img{max-width:100%;max-height:76px;width:auto;height:auto;filter:drop-shadow(0 8px 10px rgba(31,42,75,.18))}
.w2-sol-img .ico-img{filter:none}
.w2-sol-text{display:grid;gap:2px}
.w2-sol-text b{font-size:var(--fs-h3);color:var(--navy)}
.w2-sol-text small{font-size:var(--fs-small);color:var(--muted);line-height:1.6}
.w2-sol-text em{font-style:normal;display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:var(--fs-small);font-weight:600;color:var(--teal-700)}
.w2-sol-text em .ico{width:16px;height:16px}
.w2-shots{display:grid;grid-auto-flow:column;grid-auto-columns:62%;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter) 6px}
.w2-shots::-webkit-scrollbar{display:none}
.w2-shot{position:relative;margin:0;scroll-snap-align:start;border-radius:var(--card-r);overflow:hidden;background:var(--sand-2)}
.w2-shot img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.w2-shot figcaption{position:absolute;bottom:8px;inset-inline-end:8px;padding:2px 9px;border-radius:8px;background:rgba(255,255,255,.92);color:var(--navy);font-size:var(--fs-small);font-weight:600}
.w2-end{display:grid;gap:14px}
.w2-faq .faq .card{box-shadow:none}
.w2-help{position:relative;overflow:hidden;display:grid;gap:10px;align-items:center;background:linear-gradient(135deg,var(--navy),#1d3a66);color:#fff;border-radius:var(--card-r);padding:20px 18px}
.w2-help-art{width:150px;height:auto;fill:none;stroke:rgba(255,255,255,.75);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;justify-self:end}
.w2-help h2{color:var(--teal);font-size:var(--fs-h2)}
.w2-help p{margin:4px 0 0;color:#DCE5EE;font-size:var(--fs-body)}
.w2-help-btn{margin-top:12px;background:var(--teal);color:var(--navy);min-height:44px;padding:0 20px;border-radius:13px;font-weight:700}
.foot-tag{margin:6px 0 0;color:#BFF0E3;font-size:var(--fs-small);font-style:italic}
@media (max-width:340px){.w2-head h1{font-size:var(--fs-h1)}.w2-mark{width:30px;height:30px;margin:-15px 0 0 -15px}.w2-mark i{left:18px}.w2-price b{font-size:var(--fs-price-card)}}
@media (min-width:600px){.w2-cta{grid-template-columns:1fr 1fr}.w2-calc{grid-template-columns:auto minmax(0,1fr) auto}}
@media (min-width:900px){
  .w2-hero{padding:34px 0 12px}
  .w2-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);column-gap:28px;row-gap:16px;align-items:start}
  .w2-head{grid-column:1;grid-row:1}.w2-head h1{font-size:var(--fs-h1)}.w2-head p{font-size:var(--fs-body)}
  .w2-needs{grid-column:1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr))}
  .w2-need{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;row-gap:4px;padding:16px 10px}
  .w2-need-ico{grid-row:auto}.w2-need small{grid-column:auto}
  .w2-tick{position:absolute;top:10px;inset-inline-start:10px;grid-column:auto;grid-row:auto}
  #need-cctv:checked~.w2-cctv{display:contents}
  .w2-pack{grid-column:1;grid-row:3;grid-template-columns:150px minmax(0,1fr);column-gap:16px;padding:18px}
  .w2-pack-img{grid-row:span 2;height:auto;align-self:stretch}.w2-pack-img img{max-height:110px}
  .w2-pick,.w2-pack .oh-up,.w2-cta,.w2-pack .oh-sample,.w2-facts{grid-column:1/-1}
  .w2-pick{grid-template-columns:1.4fr 1fr}
  .w2-villa{grid-column:2;grid-row:1/span 3;align-self:center}
  .w2-wifi,.w2-build{grid-column:1/-1}
  #need-wifi:checked~.w2-needs,#need-build:checked~.w2-needs,#need-wifi:checked~.w2-head,#need-build:checked~.w2-head{grid-column:1/-1}
  .w2-all{grid-column:1/-1}
  .w2-note{font-size:var(--fs-body);top:16px;inset-inline-start:18px}
  .w2-title h2{font-size:var(--fs-h2)}
  .w2-sols{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .w2-sol{grid-template-columns:120px minmax(0,1fr);padding:14px}.w2-sol-img{width:120px;height:120px}.w2-sol-img img{max-height:98px}
  .w2-shots{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;margin-inline:0;padding:0}
  .w2-end{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
  .w2-help{grid-template-columns:minmax(0,1fr) auto;padding:28px}.w2-help-art{width:200px;grid-column:2;grid-row:1}.w2-help-text{grid-column:1;grid-row:1}
}
@media (prefers-reduced-motion:reduce){.w2-sol{transition:none}}
/* ---------- the compact top (owner, after seeing 1.32.0): title, three needs, package and villa in about a screen and a half ---------- */
.w2-hero{padding:10px 0 4px}
.w2-grid{gap:10px}
.w2-head h1{font-size:var(--fs-h1);line-height:1.25}
.w2-head p{font-size:var(--fs-body);margin-top:2px}
.w2-needs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.w2-need{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;row-gap:2px;padding:8px 4px;min-height:72px;align-content:center;border-radius:14px}
.w2-need-ico{grid-row:auto;width:30px;height:30px}.w2-need-ico img{width:30px;height:30px}
.w2-need b{font-size:var(--fs-small);line-height:1.3}
.w2-need small,.w2-need .w2-tick{display:none}
.w2-pack{grid-template-columns:96px minmax(0,1fr);column-gap:12px;row-gap:10px;padding:12px}
.w2-pack-img{height:auto;align-self:stretch;padding:8px;min-height:84px}
.w2-pack-img img{max-height:72px}
.w2-pack-name{font-size:var(--fs-body)}
.w2-pack-line{font-size:var(--fs-small);margin:0;line-height:1.5}
.w2-price{margin-top:2px;gap:4px}
.w2-price b{font-size:var(--fs-price-card)}
.w2-price small{font-size:var(--fs-small)}
.w2-pick,.w2-pack .oh-up,.w2-cta,.w2-pack .oh-sample,.w2-facts{grid-column:1/-1}
.w2-pick{grid-template-columns:1.9fr 1fr;gap:10px;align-items:end}
.w2-pack .oh-field legend{font-size:var(--fs-small);margin-bottom:4px}
.w2-pack .oh-chips,.w2-pack .oh-seg{gap:4px}
.w2-pack .oh-opt span{min-height:38px;font-size:var(--fs-small);border-radius:10px;gap:3px}
.w2-pack .oh-opt span small{font-size:var(--fs-small)}
.w2-pack .oh-up.oh-up{min-height:34px;padding:4px 10px;font-size:var(--fs-small);margin-top:0}
.w2-cta{grid-template-columns:1fr 1fr;gap:8px}
.w2-cta .btn{min-height:44px;padding:0 8px;font-size:var(--fs-btn);gap:6px}
.w2-cta .btn .ico{width:17px;height:17px}
.w2-pack .oh-sample{min-height:30px;font-size:var(--fs-small)}
.w2-facts{flex-wrap:nowrap;justify-content:space-between;gap:6px;padding-top:8px;font-size:var(--fs-small);white-space:nowrap}
.w2-facts li{gap:4px}.w2-facts .ico{width:14px;height:14px}
.w2-info{min-height:50px;padding:8px 12px;font-size:var(--fs-small)}
.w2-hint{display:none}
.w2-all{min-height:34px;font-size:var(--fs-body)}
@media (max-width:340px){.w2-pack{grid-template-columns:80px minmax(0,1fr)}.w2-facts{font-size:var(--fs-small)}.w2-cta .btn{font-size:var(--fs-small)}.w2-need b{font-size:var(--fs-small)}.w2-pack .oh-opt span{font-size:var(--fs-small)}}
@media (min-width:900px){
  .w2-hero{padding:22px 0 8px}
  .w2-grid{row-gap:12px;column-gap:26px}
  .w2-head h1{font-size:var(--fs-h1)}.w2-head p{font-size:var(--fs-body)}
  .w2-need{padding:10px 8px;min-height:92px;row-gap:3px}
  .w2-need-ico{width:36px;height:36px}.w2-need-ico img{width:36px;height:36px}
  .w2-need b{font-size:var(--fs-small)}
  .w2-need small{display:block;font-size:var(--fs-small)}
  .w2-need .w2-tick{display:grid;top:8px;inset-inline-start:8px}
  .w2-pack{grid-template-columns:118px minmax(0,1fr);padding:16px;row-gap:12px}
  .w2-pack-img img{max-height:96px}
  .w2-price b{font-size:var(--fs-price-hero)}
  .w2-pack .oh-opt span{min-height:42px;font-size:var(--fs-body)}
  .w2-cta .btn{min-height:48px;font-size:var(--fs-btn)}
  .w2-facts{font-size:var(--fs-small);justify-content:flex-start;gap:18px}
  .w2-hint{display:block}
}
/* «خدماتنا» in the same manner: three cards with a device's picture, then the other services as small tiles */
#services .w2-sols{margin-bottom:10px}
.tiles6{grid-template-columns:repeat(3,minmax(0,1fr))}
.tiles6 .tile9{aspect-ratio:auto;padding:10px 4px}
.w2-help-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.w2-help-cta .w2-help-btn{margin-top:0}
.w2-help-2{min-height:44px;padding:0 16px;border-radius:13px;font-weight:600;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
@media (min-width:900px){.tiles6{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* where each camera's mark sits: one set per picture (web/villa.py holds the same numbers; a test keeps them in step) */
.w2-villa-pic{aspect-ratio:900/669}
.at-corner{left:8.6%;top:51.7%}.at-gate{left:42.8%;top:75.2%}.at-chamfer{left:61.1%;top:74.5%}.at-wall{left:93.1%;top:38.9%}.at-kitchen{left:41.5%;top:49.2%}.at-roof{left:58.6%;top:17.5%}.at-yard{left:81%;top:36.8%}.at-garage{left:29.9%;top:43.5%}
@media (min-width:900px){.w2-villa-pic{aspect-ratio:1600/893}.at-corner{left:8.6%;top:51.7%}.at-gate{left:42.8%;top:75.2%}.at-chamfer{left:61.1%;top:74.5%}.at-wall{left:93.1%;top:38.9%}.at-kitchen{left:41.5%;top:49.2%}.at-roof{left:58.6%;top:17.5%}.at-yard{left:81%;top:36.8%}.at-garage{left:29.9%;top:43.5%}}

/* 1.33.0: the interactive isometric house is back in the top of the home page, compact, under the package card (beside it on a wide screen). Its tabs are labels of the same radios as the three needs. */
.w2-scene{border-radius:var(--card-r)}
.w2-scene .hx-tabs{margin:10px 10px 0}
.w2-scene .oh-scene{margin:0;padding:4px 10px 8px}
.w2-scene .oh-info{min-height:46px;padding:7px 10px;font-size:var(--fs-small);margin-top:2px}
.w2-scene .oh-benefit{margin:6px 0 0;font-size:var(--fs-small);line-height:1.6;min-height:0}
.w2-cctv .hx-tabs label[for=need-cctv],.w2-wifi .hx-tabs label[for=need-wifi]{background:var(--teal);color:#1F2A4B;box-shadow:none}
@media (min-width:900px){.w2-scene{grid-column:2;grid-row:1/span 3;align-self:center}.w2-scene .oh-scene{align-self:stretch;padding:8px 22px 14px}.w2-scene .oh-house{display:block;max-width:440px;margin-inline:auto}}

/* «مكوّنات الباقة» inside the home page's package card: closed until asked for, so the card stays compact */
.w2-parts{grid-column:1/-1;border-top:1px solid var(--line);padding-top:8px}
.w2-parts[hidden]{display:none}
.w2-parts summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:var(--fs-item);font-weight:700;color:var(--navy);cursor:pointer;list-style:none}
.w2-parts summary::-webkit-details-marker{display:none}
.w2-parts summary .ico{width:18px;height:18px;transform:rotate(-90deg);transition:transform .2s ease}
.w2-parts[open] summary .ico{transform:rotate(90deg)}
.w2-parts .parts{margin:6px 0 0}.w2-parts .parts-h{display:none}
@media (prefers-reduced-motion:reduce){.w2-parts summary .ico{transition:none}}

/* 1.38.0: the short panel beside the 3-D house — the number, the price, one button */
.w2-mini{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:var(--card-r);box-shadow:var(--shadow)}
.w2-mini .oh-field{min-width:0;margin:0;padding:0;border:0}
.w2-mini .oh-field legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.w2-mini .oh-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.w2-mini .oh-opt span{min-height:42px;font-size:var(--fs-body)}
.w2-mini-price{display:grid;justify-items:end;gap:0;margin:0;line-height:1.2}
.w2-mini-price .w2-price{display:inline-flex;align-items:baseline;gap:4px}
.w2-mini-price .w2-price b{font-size:var(--fs-price-card);font-weight:700;color:var(--navy)}
.w2-mini-price small{font-size:var(--fs-small);color:var(--muted);white-space:nowrap}
.w2-mini>.btn{grid-column:1/-1;min-height:46px}
.w2-mini-note{grid-column:1/-1;margin:0;font-size:var(--fs-small);color:var(--muted)}
.h3-step{display:grid;grid-template-columns:48px minmax(40px,1fr) 48px;align-items:center;gap:6px;max-width:190px}
.h3-step button{display:grid;place-items:center;min-height:44px;border-radius:12px;background:var(--tone-plain,#F3EFE7);color:var(--navy)}
.h3-step button:disabled{opacity:.4}
.h3-step button .ico{width:20px;height:20px}
.h3-step output{text-align:center;font-size:var(--fs-num-lg);font-weight:700;color:var(--navy)}
.ask-last{margin-block:6px 18px}
@media (min-width:900px){.w2-mini{padding:16px}.w2-mini-price .w2-price b{font-size:var(--fs-price-card)}.w2-mini .oh-opt span{min-height:46px}}
.w2-mini .oh-opt input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.w2-mini>.oh-sample{grid-column:1/-1;justify-self:center;margin:0}

/* ── 1.38.2: the number is chosen on the house's own panel (static/villa-hud.css), so the short panel under it is the price and one button, in one row ── */
.w2-mini .oh-field{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
.w2-mini-price{justify-items:start}
.w2-mini>.btn{grid-column:auto;min-width:150px}