/* =====================================================================
   AgriZameen — listing page layouts and the live map (R28, 12 Nov 2026).
   One set of blocks, five arrangements (lib/listing-layouts.php). Colours
   come from the theme tokens, so Original, Sandstone and Fresh Field all
   draw the same blocks in their own colours.
   ===================================================================== */
.ll{--ll-card:var(--th-ffffff-bg,#fff);--ll-line:rgba(0,0,0,.12);--ll-dark:var(--th-1a3c2a-bg,#1A3C2A);--ll-darktx:var(--th-f5f0e6-tx,#F5F0E6);
  --ll-ink:var(--th-0f2419-tx,#1F1A14);--ll-soft:var(--th-6b4f3a-tx,#6B4F3A);--ll-acc:var(--th-c8a951-tx,#9A6B1F);
  max-width:var(--azw-max,1200px);margin:0 auto;padding:20px var(--azw-g,24px) 48px;box-sizing:border-box;display:flex;flex-direction:column;gap:22px;color:var(--ll-ink)}
.ll *{box-sizing:border-box}
.ll h2{margin:0 0 10px;font:700 22px/1.25 'Playfair Display',Georgia,'Noto Sans Devanagari',serif}
.ll-sec{min-width:0}
.ll-k{margin:0;font:700 12px/1.3 'DM Sans',system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--ll-soft)}
.ll-nd{color:var(--ll-soft);font-weight:500}
.ll-hint{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--ll-soft)}
.ll-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--ll-dark);
  background:var(--ll-card);color:var(--ll-dark);font:700 14px/1.2 'DM Sans',system-ui,sans-serif;text-decoration:none;cursor:pointer;text-align:center}
.ll-btn-dark,.ll-btn-main{background:var(--ll-dark);color:var(--ll-darktx)}
.ll-btn-wa{border-color:#1F7A47;color:#1F5D3A}
.ll-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
/* banner: Save, Compare and Share together in the button slot */
html .pg-hero .pg-hero-btns > *,html .pg-hero :is(.pg-h1aside,.pg-hero-btn):has(.azf-h) > *:not(.azi-sr){display:inline-flex!important}
html .pg-hero .pg-hero-btns,html .pg-hero :is(.pg-h1aside,.pg-hero-btn):has(.azf-h){gap:8px!important}
html .pg-hero .pg-hero-btns,html .pg-hero :is(.pg-h1aside,.pg-hero-btn):has(.azf-h){display:flex!important;flex-wrap:nowrap!important}
html .pg-hero .pg-hero-btns > *,html .pg-hero :is(.pg-h1aside,.pg-hero-btn):has(.azf-h) > *:not(.azi-sr){height:34px!important;box-sizing:border-box!important;padding:0 14px!important;border-radius:100px!important;
  font:700 14px/1 'DM Sans','Noto Sans Devanagari',system-ui,sans-serif!important;background:var(--th-f5f0e6-bg-card,#F5F0E6)!important;color:var(--th-1a3c2a-tx-card,#1A3C2A)!important;
  border:1.5px solid var(--th-c8a951-bd,#C8A951)!important;align-items:center!important;gap:6px;white-space:nowrap!important;cursor:pointer}
html .pg-hero :is(.pg-h1aside,.pg-hero-btn):has(.azf-h) .azi-sr{position:absolute!important}
/* photos */
.ll-photos{display:grid;gap:10px}
.ll-fig{position:relative;margin:0;border-radius:14px;overflow:hidden;background:#D9C7AE;min-height:0}
.ll-fig img{display:block;width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.ll-photos--mosaic{grid-template-columns:2fr 1fr;height:360px}
.ll-ph-side{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-height:0}
.ll-photos--one{height:360px}
.ll-photos--one .ll-fig{height:100%}
.ll-photos--story .ll-ph-main{height:460px}
.ll-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.ll-thumb{flex:0 0 120px;height:80px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:none;cursor:pointer}
.ll-thumb.is-on{border-color:var(--ll-dark)}
.ll-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ll-photos--row{grid-template-columns:repeat(4,minmax(0,1fr));height:160px}
.ll-photos--row .ll-fig{height:100%}
.ll-small .ll-ph-small{height:180px;max-width:360px;border-radius:12px}
.ll-rep,.ll-own{position:absolute;left:12px;bottom:12px;background:#2A1A12;color:#FBF5EA;font:600 13px/1.2 'DM Sans',sans-serif;padding:6px 12px;border-radius:16px;max-width:calc(100% - 24px)}
.ll-own{background:rgba(255,255,255,.92);color:#2A1A12}
.ll-seeall{position:absolute;right:10px;bottom:10px;min-height:44px;padding:0 14px;border-radius:22px;border:1px solid var(--ll-dark);background:var(--ll-card);color:var(--ll-dark);font:600 13px/1 'DM Sans',sans-serif;cursor:pointer}
.ll-small .ll-seeall{position:static;margin-top:8px}
.ll-await{display:flex;align-items:center;justify-content:center;gap:8px;background:#EFE6D6;border-radius:14px;height:100%;min-height:160px;color:var(--ll-soft)}
/* the two columns: the contact card fixed on the right from the price bar down */
.ll-two{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.ll-main{display:flex;flex-direction:column;gap:22px;min-width:0}
.ll-contact{position:sticky;top:84px;align-self:start}
.ll-contact-in{background:var(--ll-card);border:1px solid var(--ll-line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}
.ll-contact h2{font-size:20px;margin:0}
.ll-fee{margin:4px 0 0;padding-top:10px;border-top:1px solid var(--ll-line);font-size:13px;line-height:1.5;color:var(--ll-soft)}
.ll-gov{margin:0;font-size:12.5px;line-height:1.45;color:var(--ll-soft)}
.ll-form .azm-card{margin:6px 0 0;padding:0;border:0;box-shadow:none;background:none}
.ll-form #enquire h3{font-size:15px}
/* price bar, badges */
.ll-pricebar{background:var(--ll-card);border:1px solid var(--ll-line);border-radius:14px;padding:16px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;align-items:center}
.ll-price{display:block;font:700 30px/1.15 'Playfair Display',Georgia,serif}
.ll-pb{display:block;color:var(--ll-soft);font-size:14px}
.ll-area{text-align:right}.ll-area b{display:block;font-size:22px}.ll-area span{color:var(--ll-soft)}
.ll-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ll-badge{background:#EFE6D6;color:#2A1A12;font:600 13px/1.3 'DM Sans',sans-serif;padding:9px 14px;border-radius:18px}
.ll-badge.is-seen{background:#2A1A12;color:#FBF5EA}
.ll-chk{display:inline-flex;align-items:center;min-height:44px;border:1px solid #1F5D3A;color:#1F5D3A;font:700 13px/1.2 'DM Sans',sans-serif;padding:8px 14px;border-radius:22px;text-decoration:none;background:var(--ll-card)}
.ll-dates{font-size:13px;color:var(--ll-soft)}
.ll-pb-row{display:flex;flex-direction:column;gap:12px}
/* tiles: two rows of three on wide screens, two columns on phones */
.ll-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ll-tile{background:var(--ll-card);border:1px solid var(--ll-line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:3px;min-width:0}
.ll-tile .ll-ic{width:22px;height:22px;color:var(--ll-acc);margin-bottom:4px}
.ll-tile b{font-size:15px;overflow-wrap:anywhere}
.ll-decl{font-size:12px;color:var(--ll-soft)}
/* the map */
.ll-maphead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.ll-maphead h2{margin:0}
.ll-map{position:relative;height:380px;border-radius:14px;overflow:hidden;border:1px solid var(--ll-line);background:#EFE6D6}
.ll-map-canvas{position:absolute;inset:0}
.ll-map-wait{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;color:var(--ll-soft);font-size:14px}
.ll-map-base{position:absolute;left:12px;top:12px;z-index:500;display:flex;border:1px solid var(--ll-dark);border-radius:22px;overflow:hidden;background:var(--ll-card)}
.ll-map-base button{height:40px;padding:0 14px;border:0;background:var(--ll-card);color:var(--ll-dark);font:600 13px/1 'DM Sans',sans-serif;cursor:pointer}
.ll-map-base button.is-on{background:var(--ll-dark);color:var(--ll-darktx)}
.ll-map .leaflet-top.leaflet-left{top:auto;bottom:24px}
.ll-lays{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ll-lay{min-height:44px;padding:6px 14px;border-radius:22px;border:1px solid #B9A58B;background:var(--ll-card);color:#2A1A12;font:500 13px/1.25 'DM Sans',sans-serif;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.ll-lay small{color:var(--ll-soft);font-size:12px}
.ll-lay[aria-pressed="true"]{background:var(--ll-dark);border-color:var(--ll-dark);color:var(--ll-darktx)}
.ll-lay[aria-pressed="true"] small{color:inherit;opacity:.85}
.ll-mapnote{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--ll-soft)}
.ll-src{display:block}
.ll-tip{background:#fff;border:1px solid #C9B79E;border-radius:6px;font:600 12px/1.2 'DM Sans',sans-serif;color:#2A1A12;padding:3px 6px;box-shadow:none}
.ll-tip-area{background:none;border:0;box-shadow:none;font:700 13px/1 'DM Sans',sans-serif;color:#5A2614}
.ll-tip-area::before,.ll-tip::before{display:none}
.ll-pop b,.ll-pop span,.ll-pop a,.ll-pop small{display:block;margin:2px 0}
.ll-mf{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:start}
.ll-mf-side{display:flex;flex-direction:column;gap:14px}
.ll-mf .ll-map{height:420px}
/* words, checks */
.ll-words{background:var(--ll-card);border:1px solid var(--ll-line);border-radius:12px;padding:16px;line-height:1.55;white-space:normal;overflow-wrap:anywhere}
.ll-chklist{list-style:none;margin:0;padding:4px 16px;background:var(--ll-card);border:1px solid var(--ll-line);border-radius:12px}
.ll-chklist li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(0,0,0,.07)}
.ll-chklist li:last-child{border-bottom:0}
.ll-chklist li.is-done b{color:#1F5D3A}.ll-chklist li.is-not b{color:var(--ll-soft);font-weight:500}
.ll-checks .azpt{margin-top:14px}
.ll-partial p{margin:0;line-height:1.55}
/* similar */
.ll-sim{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.ll-sim a{display:flex;flex-direction:column;gap:4px;background:var(--ll-card);border:1px solid var(--ll-line);border-radius:12px;padding:10px;text-decoration:none;color:inherit;height:100%}
.ll-sim-ph{position:relative;display:block;border-radius:8px;overflow:hidden;aspect-ratio:16/9}
.ll-sim-ph img{width:100%;height:100%;object-fit:cover;display:block}
.ll-sim-ph .ll-rep{font-size:11px;padding:3px 8px;left:6px;bottom:6px}
.ll-sim span{color:var(--ll-soft);font-size:13.5px}
/* around this land */
.ll-ar-line{margin:0 0 12px;padding:10px 14px;border-left:3px solid var(--ll-acc);background:var(--ll-card);font-size:13.5px;line-height:1.5}
.ll-ar-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.ll-ar-tabs [role="tab"]{min-height:44px;padding:0 16px;border-radius:22px;border:1px solid var(--ll-line);background:var(--ll-card);font:600 13.5px/1.2 'DM Sans',sans-serif;cursor:pointer;color:inherit}
.ll-ar-tabs [aria-selected="true"]{background:var(--ll-dark);color:var(--ll-darktx);border-color:var(--ll-dark)}
.ll-ar-pane[data-off]{display:none}
.ll-ar-h{display:none;margin:0 0 8px;font:700 17px/1.3 'Playfair Display',Georgia,serif}
.ll-ar-cat{margin:10px 0 6px;font:700 13px/1.3 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--ll-soft)}
.ll-ar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.ll-ar-c{background:var(--ll-card);border:1px solid var(--ll-line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;font-size:13.5px;line-height:1.45;min-width:0;overflow-wrap:anywhere}
.ll-ar-c b{font-size:15px}.ll-ar-c small{color:var(--ll-soft)}
.ll-ar-acts a{font-weight:700;margin-right:10px}
.ll-report{font-size:12.5px;color:var(--ll-soft)}
.ll-ar-all{margin:8px 0 0}
/* the photo viewer */
.ll-view{max-width:min(96vw,1100px);width:96vw;padding:0;border:0;border-radius:12px;background:#111;color:#fff}
.ll-view::backdrop{background:rgba(0,0,0,.75)}
.ll-view img{display:block;width:100%;max-height:78vh;object-fit:contain}
.ll-view-x{position:absolute;right:8px;top:8px;width:44px;height:44px;border-radius:22px;border:0;background:rgba(255,255,255,.9);font:700 22px/1 sans-serif;cursor:pointer}
.ll-view-bar{display:flex;justify-content:center;align-items:center;gap:20px;margin:8px 0}
.ll-view-bar button{width:44px;height:44px;border-radius:22px;border:0;font:700 22px/1 sans-serif;cursor:pointer}
/* the Classic page's map card */
.ll-classic-map{margin:0 0 12px}
/* phones */
@media(max-width:900px){
  .ll{padding:14px var(--azw-g,18px) 96px;gap:18px}
  .ll-two{display:flex;flex-direction:column}
  .ll-contact{position:static;order:99}
  .ll-mf{display:flex;flex-direction:column}
  .ll-mf .ll-map{height:340px}
  .ll-photos--mosaic{grid-template-columns:1fr;height:auto}
  .ll-photos--mosaic .ll-ph-main{height:260px}
  .ll-ph-side{grid-template-rows:none;grid-template-columns:1fr 1fr;height:120px}
  .ll-photos--one{height:260px}
  .ll-photos--story .ll-ph-main{height:280px}
  .ll-photos--row{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}
  .ll-photos--row .ll-fig{height:120px}
  .ll-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ll-map{height:320px}
  .ll-area{text-align:left}
  .ll-ar-tabs{display:none}
  .ll-ar-pane[data-off]{display:block}
  .ll-ar-pane + .ll-ar-pane{margin-top:16px}
  .ll-ar-h{display:block}
}
@media(min-width:901px){ .ll ~ .rv-mbar{display:none} }
/* the enquiry form inside the contact card: closed until Enquire is tapped */
.ll-form[data-closed]{display:none}
.ll-form .az-enq-wa{display:none!important}
.ll-form .azm-card{padding:0!important}
.ll-form .row{display:flex;flex-direction:column;gap:0}

/* R28: Classic listing banner -- Save and Compare sit in the button slot with no extra 4px above them on phones,
   so the Classic banner is the same height as every other banner (the banner audit, 390px) */
@media (max-width: 767px){ html body .pg-hero .pg-h1aside:has(.azf-big){margin-top:0!important} }