/* custom_style.css
   Extracted and preserved styles for the Property Types category block.
   Keep this file loaded after your main Bootstrap / template CSS so styles cascade correctly.
*/

/* Core layout spacing preserved */
.container-xxl.py-5 {
  /* relying on Bootstrap utilities; no overrides here */
}

/* Category item card (matches original look) */
.cat-item {
  text-decoration: none;
  transition: transform .18s ease-in-out, box-shadow .18s ease-in-out;
  display: block;
  color: inherit;
}

/* light background, subtle shadow on hover */
.cat-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  text-decoration: none;
}

/* internal rounded padding container */
.cat-item .rounded.p-4 {
  padding: 1.5rem; /* preserve original p-4 feel */
}

/* icon wrapper and image sizing */
.cat-item .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}
.cat-item .icon img.img-fluid {
  max-width: 72px; /* similar visible size */
  height: auto;
  display: block;
}

/* title & count styling */
.cat-item h6 {
  margin: .25rem 0 .5rem;
  font-size: 1rem;
  font-weight: 600;
}
.cat-item span {
  color: #6c757d; /* muted text */
  font-size: 0.9rem;
  display: block;
}

/* responsive tweaks (keep exactly the same grid behaviour) */
@media (max-width: 767.98px) {
  .cat-item .icon img.img-fluid {
    max-width: 56px;
  }
}

/* Preserve rounded corners used by 'rounded' utility if not provided */
.rounded {
  border-radius: 0.5rem;
}

/* Keep bg-light consistent if needed override */
.bg-light {
  background-color: #f8f9fa !important;
}

/* small helper to keep vertical rhythm */
.container .row.g-4 {
  gap: 1.5rem;
}

/* If your template uses wow or aos animations, do not overwrite them; only ensure the element visibility */
.wow, [data-aos] {
  visibility: visible;
}


/* css/custom_style.css */

/* property card base */
.property-item {
  background: #ffffff;
  transition: transform .3s ease;
}
.property-item:hover {
  transform: translateY(-6px);
}

/* image container */
.property-item .position-relative img.img-fluid {
  width: 100%;
  height: auto;
  display: block;
}

/* badges */
.property-item .bg-primary.position-absolute.start-0.top-0 {
  font-size: 0.85rem;
  line-height: 1;
  border-radius: .375rem;
}
.property-item .bg-white.rounded-top.position-absolute.start-0.bottom-0 {
  font-size: 0.85rem;
  line-height: 1;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}

/* spacing inside card */
.property-item .p-4 {
  padding: 1rem !important;
}
.property-item .p-4.pb-0 {
  padding-bottom: 0 !important;
}

/* small spec boxes */
.property-item .d-flex.border-top small {
  font-size: 0.9rem;
}

/* ensure anchor titles look identical */
.property-item a.d-block.h5 {
  color: inherit;
  text-decoration: none;
}

/* maintain existing wow/AOS animations' visibility fallback */
.wow {
  visibility: visible;
}

/* preserve rounded & overflow behavior (explicit) */
.property-item.rounded {
  border-radius: .5rem;
  overflow: hidden;
}

/* Buttons */
.btn-outline-primary.active {
  background-color: #147FB5;
  border-color: #147FB5;
  color: #FFFFFF;
}

/* Utility adjustments just in case */
.container-xxl.py-5 { padding-top: 3rem; padding-bottom: 3rem; }

/* keep nav-pill appearance identical */
.nav-pills .btn { border-radius: .375rem; padding: .5rem 1rem; }

/* small responsiveness guard (keeps exact spacing like original) */
@media (max-width: 576px) {
  .nav-pills.d-inline-flex { display: block !important; text-align: center; }
}

.amani-pd{background:#fff;color:#10213d;padding:24px 0 60px;font-family:Heebo,sans-serif}
.amani-pd *{box-sizing:border-box}
.amani-pd-shell{width:min(1420px,calc(100% - 64px));margin:0 auto}
.amani-pd-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px;font-size:14px}
.amani-pd-crumbs{display:flex;align-items:center;gap:12px;color:#26364c}
.amani-pd-crumbs a,.amani-pd-back{color:#0E2E50;text-decoration:none}
.amani-pd-back{display:flex;align-items:center;gap:8px;font-weight:600}
.amani-pd-grid{display:grid;grid-template-columns:minmax(0,1.96fr) minmax(350px,1fr);gap:34px;align-items:start}
.amani-pd-hero{position:relative;width:100%;aspect-ratio:2.08/1;border-radius:9px;overflow:hidden;background:#edf2f5;box-shadow:0 1px 6px #172b4d14}
/* Keep the original photo fully visible. Fill the unused sides with a
   softened copy of the SAME photo, never by enlarging/distorting the subject. */
.amani-pd-hero{isolation:isolate}
.amani-pd-hero>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.amani-pd-hero>.amani-pd-soft-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(26px) brightness(.75) saturate(.9);transform:scale(1.1);pointer-events:none;z-index:0}
.amani-pd-hero>#amani-pd-main-image{position:relative;z-index:1;object-fit:contain}
.amani-pd-hero>.amani-pd-photo-nav,.amani-pd-hero>.amani-pd-fullscreen,.amani-pd-hero>.amani-pd-count{z-index:2}
.amani-pd-photo-nav,.amani-pd-fullscreen{position:absolute;border:0;background:#17283aE8;color:#fff;display:grid;place-items:center;cursor:pointer}
.amani-pd-photo-nav{top:50%;width:47px;height:47px;border-radius:50%;transform:translateY(-50%)}
.amani-pd-photo-nav.prev{left:18px}.amani-pd-photo-nav.next{right:18px}
.amani-pd-fullscreen{right:18px;bottom:18px;width:43px;height:43px;border-radius:11px}
.amani-pd-count{position:absolute;left:20px;bottom:18px;background:#17283aE8;color:#fff;padding:8px 14px;border-radius:20px;font-size:13px}
.amani-pd-thumbs-wrap{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:10px;align-items:center;margin:13px -10px 28px}
.amani-pd-thumb-nav{width:38px;height:38px;border:1px solid #e0e7ee;border-radius:50%;background:#f8fafc;color:#20334b}
.amani-pd-thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:89px;gap:6px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.amani-pd-thumbs::-webkit-scrollbar{display:none}
.amani-pd-thumb{width:89px;height:72px;padding:0;border:2px solid transparent;border-radius:7px;overflow:hidden;background:#edf1f4}
.amani-pd-thumb.active{border-color:#147FB5;box-shadow:0 0 0 1px #147FB5}
.amani-pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.amani-pd-tabs{display:flex;gap:12px;border-bottom:1px solid #dce4eb;margin-bottom:35px}
.amani-pd-tabs button{border:0;background:#f3f6f9;color:#31445c;border-radius:7px 7px 0 0;padding:12px 21px;font-weight:500;margin-bottom:-1px}
.amani-pd-tabs button i{margin-right:9px}.amani-pd-tabs button.active{background:#147FB5;color:#fff;border-bottom:2px solid #147FB5}
.amani-pd-panel.hidden{display:none}.amani-pd-panel h2,.amani-pd-units h2{font:700 22px Inter,sans-serif;margin:0 0 14px;color:#10213d}
.amani-pd-panel p{font-size:15px;line-height:1.75;color:#52647c;margin:0 0 12px}
.amani-pd-panel iframe{width:100%;height:330px;border:0;border-radius:9px}
.amani-pd-features{display:grid;grid-template-columns:1fr 1fr;gap:9px}.amani-pd-features div{background:#f7f9fb;padding:10px 12px;border-radius:7px;color:#43556b}.amani-pd-features i{color:#147FB5;margin-right:8px}
.amani-pd-right{display:grid;gap:22px}.amani-pd-card{border:1px solid #DCE8F3;border-radius:10px}
.amani-pd-summary{padding:23px;background:linear-gradient(135deg,#FFFFFF,#F4F9FE)}
.amani-pd-status,.amani-pd-inline-status{display:inline-flex;background:#E8F3FB;color:#0E5A8A;padding:5px 11px;border-radius:8px;font-size:13px}
.amani-pd-summary h1{font:700 30px/1.15 Inter,sans-serif;letter-spacing:-.025em;margin:13px 0 11px;color:#10213d}
.amani-pd-location{display:flex;gap:9px;align-items:center;color:#53647a;margin:0}.amani-pd-location i{color:#147FB5}
.amani-pd-summary hr{border:0;border-top:1px solid #D9E7F4;margin:25px 0}
.amani-pd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.amani-pd-stats div{min-width:0}.amani-pd-stats strong{display:block;font-size:13px;white-space:nowrap}.amani-pd-stats strong i{margin-right:5px}.amani-pd-stats span{display:block;color:#617086;font-size:12px;margin-top:8px;white-space:nowrap}
.amani-pd-price{font:800 31px/1 Inter,sans-serif;color:#10213d}.amani-pd-period{color:#617086;margin:8px 0 21px}
.amani-pd-enquire,.amani-pd-call{min-height:48px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:600}
.amani-pd-enquire{background:#147FB5;color:#fff}.amani-pd-call{margin-top:10px;border:1px solid #147FB5;background:#fff;color:#17334a}
.amani-pd-quick{padding:20px;background:#f8fafc;border-color:#e3e9ef}.amani-pd-quick h2{font:700 18px Inter,sans-serif;margin:0 0 14px}.amani-pd-quick h2 span{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;border-radius:7px;background:#E8F3FB;color:#147FB5}
.amani-pd-quick dl{margin:0;background:#fff}.amani-pd-quick dl>div{display:grid;grid-template-columns:45% 55%;align-items:center;min-height:36px;padding:5px 9px;border-bottom:1px solid #E3EAF3}.amani-pd-quick dl>div:last-child{border-bottom:0}.amani-pd-quick dt{font-weight:400;color:#637188}.amani-pd-quick dd{margin:0;color:#172943;font-weight:500}
.amani-pd-units{margin-top:38px}.amani-pd-unit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.amani-pd-unit-grid article{border:1px solid #e2e8ee;border-radius:9px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:10px}.amani-pd-unit-grid span,.amani-pd-unit-grid small{display:block;color:#68788d}.amani-pd-unit-grid button{grid-column:1/-1;border:1px solid #147FB5;background:#fff;color:#147FB5;border-radius:6px;padding:7px}
@media(min-width:992px){.amani-pd-right{position:sticky;top:90px}}
@media(max-width:1199px){.amani-pd-grid{grid-template-columns:minmax(0,1.7fr) minmax(330px,1fr)}.amani-pd-stats{grid-template-columns:1fr 1fr;row-gap:16px}}
@media(max-width:991px){.amani-pd-shell{width:min(100% - 32px,850px)}.amani-pd-grid{grid-template-columns:1fr}.amani-pd-hero{aspect-ratio:16/9}.amani-pd-right{grid-row:auto}.amani-pd-stats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.amani-pd{padding-top:16px}.amani-pd-shell{width:calc(100% - 20px)}.amani-pd-toolbar{align-items:flex-start;flex-direction:column;margin-bottom:18px}.amani-pd-crumbs{flex-wrap:wrap}.amani-pd-hero{aspect-ratio:4/3}.amani-pd-photo-nav{width:38px;height:38px}.amani-pd-thumbs-wrap{grid-template-columns:32px minmax(0,1fr) 32px;margin-left:0;margin-right:0}.amani-pd-thumb-nav{width:32px;height:32px}.amani-pd-thumbs{grid-auto-columns:76px}.amani-pd-thumb{width:76px;height:60px}.amani-pd-tabs{overflow-x:auto}.amani-pd-tabs button{white-space:nowrap;padding:10px 13px}.amani-pd-stats{grid-template-columns:1fr 1fr}.amani-pd-summary h1{font-size:25px}.amani-pd-features,.amani-pd-unit-grid{grid-template-columns:1fr}}

/* AMANI_PROPERTY_TYPES_SURGICAL */
#property-type-section .amani-property-types {
  padding: 54px 0 58px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfefd 100%);
}
#property-type-section .amani-property-types-heading {
  max-width: 720px;
  margin-bottom: 34px;
}
#property-type-section .amani-property-types-kicker {
  display: inline-block;
  margin-bottom: 9px;
  color: #147FB5;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
#property-type-section .amani-property-types-heading h1 {
  margin: 0 0 11px;
  color: #0d3158;
  font-size: clamp(32px, 3.1vw, 44px);
  line-height: 1.08;
  letter-spacing: -.02em;
}
#property-type-section .amani-property-types-heading p {
  max-width: 680px;
  margin: 0 auto;
  color: #687686;
  font-size: 15px;
  line-height: 1.7;
}
#property-type-section .amani-property-types-grid .cat-item {
  height: 100%;
  padding: 10px !important;
  border: 1px solid #DCE8F3;
  border-radius: 14px !important;
  background: #F6FAFE !important;
  box-shadow: 0 7px 22px rgba(15, 51, 79, .045);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
#property-type-section .amani-property-types-grid .cat-item > .rounded {
  min-height: 188px;
  padding: 24px 16px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #D4E4F1;
  border-radius: 10px !important;
  background: #fff;
}
#property-type-section .amani-property-types-grid .cat-item:hover,
#property-type-section .amani-property-types-grid .cat-item:focus {
  transform: translateY(-4px);
  border-color: #a8ded0;
  background: #EFF6FD !important;
  box-shadow: 0 13px 30px rgba(15, 51, 79, .09);
}
#property-type-section .amani-property-types-grid .cat-item .icon {
  width: 72px;
  height: 72px;
  margin: 0 0 15px !important;
  display: grid;
  place-items: center;
  border: 1px solid #B9D8EE;
  border-radius: 50%;
  background: #F8FBFF;
}
#property-type-section .amani-property-types-grid .cat-item .icon img {
  max-width: 50px;
  max-height: 50px;
  object-fit: contain;
}
#property-type-section .amani-property-types-grid .cat-item h6 {
  margin: 0 0 6px;
  color: #102f52;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}
#property-type-section .amani-property-types-grid .cat-item span {
  color: #147FB5;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  #property-type-section .amani-property-types {
    padding: 40px 0 44px;
  }
  #property-type-section .amani-property-types-heading {
    margin-bottom: 26px;
  }
}

/* AMANI_LIST_PROPERTY_ENQUIRY */
body.amani-modal-open{overflow:hidden}
.amani-list-modal{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:22px}
.amani-list-modal.open{display:flex}
.amani-list-modal__backdrop{position:absolute;inset:0;background:rgba(8,27,45,.68);backdrop-filter:blur(4px)}
.amani-list-modal__dialog{position:relative;width:min(760px,100%);max-height:calc(100vh - 44px);overflow:auto;padding:30px;border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(4,24,42,.28)}
.amani-list-modal__close{position:absolute;top:16px;right:18px;width:38px;height:38px;border:0;border-radius:50%;background:#EEF5FB;color:#173653;font-size:25px;line-height:1}
.amani-list-modal__intro{padding-right:48px;margin-bottom:23px}
.amani-list-modal__intro>span{color:#147FB5;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.amani-list-modal__intro h2{margin:6px 0 8px;color:#0e3157;font-size:30px;line-height:1.15}
.amani-list-modal__intro p{margin:0;color:#687686;line-height:1.6}
.amani-list-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.amani-list-form-grid label{display:block;margin:0;color:#29435c;font-size:13px;font-weight:600}
.amani-list-form-grid label>span{display:block;margin-bottom:6px}
.amani-list-form-grid input,.amani-list-form-grid select,.amani-list-form-grid textarea{width:100%;border:1px solid #D7E4F0;border-radius:9px;background:#FBFDFF;color:#18324c;padding:11px 12px;outline:none}
.amani-list-form-grid input:focus,.amani-list-form-grid select:focus,.amani-list-form-grid textarea:focus{border-color:#147FB5;box-shadow:0 0 0 3px rgba(0,167,123,.1)}
.amani-list-form-wide{grid-column:1/-1}
.amani-list-form-submit{width:100%;margin-top:16px;padding:13px 18px;border:0;border-radius:9px;background:#147FB5;color:#fff;font-weight:700}
.amani-list-form-submit:disabled{opacity:.65}
.amani-list-form-feedback{min-height:0;margin-top:12px;font-size:13px}
.amani-list-form-feedback.success{padding:10px 12px;border-radius:8px;background:#EAF5FD;color:#08704f}
.amani-list-form-feedback.error{padding:10px 12px;border-radius:8px;background:#fff0f0;color:#9d2929}
.amani-list-form-privacy{margin:10px 0 0;text-align:center;color:#7b8792;font-size:11px}
@media(max-width:650px){.amani-list-modal{padding:10px}.amani-list-modal__dialog{padding:24px 18px}.amani-list-form-grid{grid-template-columns:1fr}.amani-list-form-wide{grid-column:auto}.amani-list-modal__intro h2{font-size:25px}}



/* Photo categories use existing gallery metadata; no fabricated room labels. */
.amani-pd-room-filters { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 10px; }
.amani-pd-room-filter { background:#F3F8FD; border:1px solid #A8CFE8; color:#1E4F78; border-radius:22px; padding:8px 15px; cursor:pointer; font-size:13px; font-weight:600; }
.amani-pd-room-filter.active, .amani-pd-room-filter:hover { background:#147FB5; border-color:#147FB5; color:white; }
.amani-pd-thumb[hidden] { display:none !important; }

/* Photo categories integrated with existing Description and Features tabs */
.amani-pd-tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px}
.amani-pd-tabs button[data-gallery-filter]{border:1px solid #A8CFE8;border-radius:7px;padding:10px 14px}
.amani-pd-photo-panel-preview{max-width:100%;margin:14px 0;border-radius:10px;overflow:hidden;background:#EEF5FB}
.amani-pd-photo-panel-preview img{display:block;width:100%;max-height:430px;object-fit:contain}
@media(max-width:700px){.amani-pd-tabs{flex-wrap:nowrap;overflow-x:auto;gap:5px}.amani-pd-tabs button{flex:0 0 auto}}


/* AMANI_PROPERTY_LISTING_POLISH */
.amani-listing{padding:28px 0 64px;background:linear-gradient(180deg,#f7fbff 0%,#ffffff 22%,#f8fbff 100%);}
.amani-listing-shell{width:min(1400px,calc(100% - 48px));margin:0 auto;}
.amani-listing-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:28px;align-items:stretch;margin-bottom:26px;}
.amani-listing-intro,.amani-listing-overview{background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);border:1px solid #d8e6f2;border-radius:22px;box-shadow:0 16px 40px rgba(14,46,80,.08);}
.amani-listing-intro{padding:30px 32px 28px;}
.amani-listing-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#eaf5fd;color:#147FB5;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px;box-shadow:inset 0 0 0 1px rgba(20,127,181,.12);}
.amani-listing-intro h1{margin:0 0 10px;color:#0E2E50;font-size:clamp(2.3rem,4vw,3.5rem);line-height:1.03;letter-spacing:-.03em;font-weight:800;font-family:Inter,Heebo,sans-serif;}
.amani-listing-intro p{margin:0;max-width:62ch;color:#56687e;font-size:1.02rem;line-height:1.8;}
.amani-listing-overview{padding:24px 26px;display:flex;flex-direction:column;justify-content:center;}
.amani-listing-overview-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #e2edf6;}
.amani-listing-overview-head span{color:#0E2E50;font-size:1rem;font-weight:800;letter-spacing:-.01em;}
.amani-listing-overview-head i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eaf5fd;color:#147FB5;font-size:18px;}
.amani-listing-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.amani-listing-metrics div{padding:16px 14px;border-radius:16px;background:#ffffff;box-shadow:inset 0 0 0 1px #e1ecf5,0 8px 20px rgba(14,46,80,.05);}
.amani-listing-metrics strong{display:block;margin-bottom:5px;color:#0E2E50;font-size:1.5rem;line-height:1;font-weight:800;font-family:Inter,Heebo,sans-serif;}
.amani-listing-metrics span{display:block;color:#62758a;font-size:.92rem;font-weight:600;}
.amani-listing-filterbar{margin-bottom:26px;padding:20px 22px;border:1px solid #d8e6f2;border-radius:20px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);box-shadow:0 14px 34px rgba(14,46,80,.06);}
.amani-listing-filter-label{display:block;margin-bottom:14px;color:#0E2E50;font-size:1rem;font-weight:800;letter-spacing:-.01em;}
.amani-listing-tabs{display:flex;flex-wrap:wrap;gap:10px;row-gap:12px;margin:0;padding:0;list-style:none;}
.amani-listing-tabs .nav-link,.amani-listing-tabs .btn{padding:11px 18px;border-radius:12px;border:1px solid #147FB5;background:#ffffff;color:#0E2E50 !important;font-weight:700;font-size:.96rem;line-height:1.2;box-shadow:0 3px 10px rgba(14,46,80,.03);transition:all .2s ease;}
.amani-listing-tabs .nav-link:hover,.amani-listing-tabs .btn:hover{background:#eff7fd;color:#147FB5 !important;border-color:#147FB5;box-shadow:0 10px 20px rgba(20,127,181,.12);}
.amani-listing-tabs .nav-link.active,.amani-listing-tabs .show>.nav-link,.amani-listing-tabs .btn.active,.amani-listing-tabs .show>.btn{background:#147FB5 !important;border-color:#147FB5 !important;color:#FFFFFF !important;box-shadow:0 12px 24px rgba(20,127,181,.28);}
.amani-listing-tabs .nav-link.active:focus,.amani-listing-tabs .btn.active:focus{box-shadow:0 0 0 .22rem rgba(20,127,181,.22),0 12px 24px rgba(20,127,181,.28);}
@media (max-width: 991.98px){.amani-listing-shell{width:min(100% - 26px,1100px);}.amani-listing-top{grid-template-columns:1fr;gap:18px;}.amani-listing-intro,.amani-listing-overview,.amani-listing-filterbar{padding-left:22px;padding-right:22px;}}
@media (max-width: 575.98px){.amani-listing{padding:18px 0 48px;}.amani-listing-shell{width:calc(100% - 18px);}.amani-listing-intro{padding:22px 18px 20px;}.amani-listing-overview,.amani-listing-filterbar{padding:18px 16px;}.amani-listing-intro h1{font-size:2.2rem;}.amani-listing-metrics{grid-template-columns:1fr;}.amani-listing-tabs{gap:8px;}.amani-listing-tabs .nav-link,.amani-listing-tabs .btn{padding:10px 14px;font-size:.92rem;}}


/* Amani property status tabs: strictly scoped 3-column card grid. */
.amani-status-property-grid > [class*="col-"]:not(.col-12) { display: flex; min-width: 0; }
.amani-status-property-grid .amani-status-property-card {
  display: flex; flex-direction: column; width: 100%; height: 100%;
}
.amani-status-property-grid .amani-status-property-card > .position-relative > a { display: block; }
.amani-status-property-grid .amani-status-property-card > .position-relative > a > img {
  display: block; width: 100%; height: 245px; object-fit: cover;
}
.amani-status-property-grid .amani-status-property-card > .p-4 { flex: 1 0 auto; }
.amani-status-property-grid .amani-status-property-card > .d-flex.border-top { margin-top: auto; }
.amani-status-property-grid .amani-status-property-card > .p-3.border-top { margin-top: 0; }
@media (min-width: 992px) {
  .amani-status-property-grid > [class*="col-"]:not(.col-12) { flex: 0 0 33.333333%; width: 33.333333%; max-width: 33.333333%; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .amani-status-property-grid > [class*="col-"]:not(.col-12) { flex: 0 0 50%; width: 50%; max-width: 50%; }
}
@media (max-width: 767.98px) {
  .amani-status-property-grid > [class*="col-"]:not(.col-12) { flex: 0 0 100%; width: 100%; max-width: 100%; }
}

/* AMANI_UNIT_SPECIFIC_VISITS_V1: available-unit tabs and compact selection cards */
.amani-pd .amani-pd-availability-tab{background:#e2f1fe;color:#11558e;border:1px solid #b4d8fa;font-weight:800}
.amani-pd .amani-pd-availability-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;margin-left:6px;background:#fff;border-radius:8px;color:#0a5799}
.amani-pd .amani-pd-availability-tab.active .amani-pd-availability-count{background:#fff;color:#135c9f}
.amani-pd-available-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin:4px 0 20px}
.amani-pd-available-heading h2{margin:4px 0 8px}
.amani-pd-available-heading p{margin:0}
.amani-pd-available-kicker{font-size:11px!important;font-weight:850;letter-spacing:.10em;color:#1264a6!important}
.amani-pd-available-total{white-space:nowrap;background:#e8f6ed;color:#167049;font-size:12px;font-weight:800;padding:7px 12px;border-radius:999px}
.amani-pd-availability-types{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.amani-pd-availability-types button{border:1px solid #d4e6f5;border-radius:999px;padding:8px 14px;background:#f2f7fc;color:#215476;cursor:pointer;font-size:13px;font-weight:750}
.amani-pd-availability-types button.active{color:#fff;background:#135c9f;border-color:#135c9f}
.amani-pd-availability-types button span{font-size:11px;opacity:.76;margin-left:4px}
.amani-pd-available-card{align-items:center;background:linear-gradient(145deg,#fff,#f3f9fe);border:1px solid #cbdfee!important;box-shadow:0 6px 22px #173f640b}
.amani-pd-available-card .amani-pd-unit-title{display:grid;align-content:start;gap:5px}
.amani-pd-unit-title>strong{font-size:18px;color:#153558;line-height:1.25}
.amani-pd-available-pill{width:fit-content;font-size:11px!important;font-weight:800!important;color:#166b45!important;background:#e0f6e9;border-radius:999px;padding:4px 9px;margin-bottom:5px}
.amani-pd-available-card .amani-pd-unit-price{text-align:right;white-space:nowrap}
.amani-pd-available-card .amani-pd-unit-price b{font-size:16px;color:#12578f}
.amani-pd-available-card [data-unit-select]{background:#135c9f!important;color:#fff!important;border-color:#135c9f!important;text-align:center;min-height:42px;cursor:pointer;transition:filter .16s}
.amani-pd-available-card [data-unit-select]:hover{filter:brightness(1.12)}
.amani-pd-unavailable-note{color:#52667b;font-size:13px;line-height:1.55;margin:8px 0 0}
#quote-form-placeholder:not(:empty){scroll-margin-top:100px;margin-top:20px}
#quote-form-placeholder .amani-contact-methods{display:flex;gap:8px;flex-wrap:wrap}
#quote-form-placeholder #quote-form-container.show{display:block;border:1px solid #d4e5f5;border-radius:15px;padding:19px;background:#f7fbff;box-shadow:0 10px 27px #103c620c}
#quote-form-placeholder #quote-form-container:not(.show){display:none}
#quote-form-placeholder #quote-form button[type=submit]:disabled{opacity:.55;cursor:wait}
@media(max-width:620px){.amani-pd-available-heading{flex-direction:column}.amani-pd-available-card .amani-pd-unit-price{text-align:left;white-space:normal}}
.amani-pd-enquire[data-view-available]{border:1px solid #1265aa;border-radius:9px;cursor:pointer;box-shadow:0 7px 17px #124f8619;background:linear-gradient(115deg,#2684ca,#135994);color:#fff;font-weight:800;padding:10px 14px}
.amani-pd-enquire[data-view-available]:hover{filter:brightness(1.06)}
.amani-pd-enquire[data-view-available]:focus-visible,.amani-pd-available-card button:focus-visible,.amani-pd-availability-types button:focus-visible{outline:3px solid #76baff;outline-offset:3px}
