/* ================================
   FEATURED PROPERTY
   ================================ */
.featured-grid{ width:100%; display:flex; justify-content:space-around; gap:20px; }
.featured-item[data-format="S"]{ flex:0.27; }
.featured-item[data-format="S"] a{ width:100%; }
.featured-item[data-format="S"] .feat-hero{ border-radius:6px;}
.featured-item[data-format="S"] .feat-meta{ padding-left:20px;}

.featured-item[data-format="R2"]{ flex:0.5; background:radial-gradient(circle at 30% 25%, #3f97f0 0%, #2f7fd6 38%, #1b4f9a 100%); }
.featured-item[data-format="R2"] a{ display:flex; width:100%; gap:30px;}
.featured-item[data-format="R2"] .feat-hero{ flex: 1; border-radius:6px 0 0 6px;}
.featured-item[data-format="R2"] .feat-meta{ flex: 1;}

.featured-item[data-format="R3"]{ flex:0.75; background:radial-gradient(circle at 30% 25%, #3f97f0 0%, #2f7fd6 38%, #1b4f9a 100%); }
.featured-item[data-format="R3"] a{ display:flex; width:100%; gap:15px;}
.featured-item[data-format="R3"] .feat-hero{ flex: 0.9; border-radius:6px 0 100px 6px;}
.featured-item[data-format="R3"] .feat-wrap{ display:flex; gap:20px; flex: 0.8;}
.featured-item[data-format="R3"] .feat-meta{ flex:1; padding-right:20px; border-right:1px solid #ffffff;}
.featured-item[data-format="R3"] .feat-extras{ flex: 1;}

.featured-item[data-format="R4"]{ flex:1; background:radial-gradient(circle at 30% 25%, #3f97f0 0%, #2f7fd6 38%, #1b4f9a 100%); }
.featured-item[data-format="R4"] a{ display:flex; width:100%; gap:5px;}
.featured-item[data-format="R4"] .feat-hero{ flex: 0.5; border-radius:6px 0 100px 6px;}
.featured-item[data-format="R4"] .feat-wrap{ display:flex; flex-flow:column; padding:5px 20px 5px 10px; gap:5px; flex: 0.5;}
.featured-item[data-format="R4"] .feat-meta{ flex:0.25; padding-right:10px; padding-left:20px; border-right:1px solid rgb(255 255 255 / 38%);}
.featured-item[data-format="R4"] .feat-extras{ width:100%; display:flex; justify-content:flex-start; gap:15px; width:100%; padding-left:20px; padding-bottom:2px; border-bottom:1px solid rgb(255 255 255 / 38%);}

.featured-item { display: flex; border-radius:2px; }
.featured-item:hover{ box-shadow: 5px 5px 20px rgba(15, 23, 42, .54); transform:translateY(-3px); }
.featured-item a{ text-decoration: none;}
.feat-hero{ height:100px; max-height:100px; padding: 0; background-repeat:no-repeat; background-size:100%; background-position: center;}
.feat-meta{ height:100%; display:flex; flex-direction:column; justify-content:center; color:#fff; font-size:14px; font-weight:700; align-self:center; text-shadow:0 1px 1px rgba(0,0,0,.75),0 2px 6px rgba(0,0,0,.55);}
.feat-extras{ color: #fff; font-size: 11px; align-self:center;}
.feat-msg { display:flex; align-items:center;color:#fff; white-space:normal; overflow-wrap:anywhere; word-break:break-word; line-height:1.25; max-width:100%; height:100%; font-size:11px;}

.is-collapsed .featured-grid{ flex-direction: column; align-items:end; }
.is-collapsed .featured-item[data-format="S"]{ flex:0; width:170px;}

.is-collapsed .featured-item[data-format="R2"]{ flex:0; width:170px;}
.is-collapsed .featured-item[data-format="R2"] a{ flex-direction:column; height:160px; gap:0;}
.is-collapsed .featured-item[data-format="R2"] .feat-meta{ flex: 0; padding:10px 0;}
.is-collapsed .featured-item[data-format="R2"] .feat-hero{ flex: 1; border-radius: 6px 6px 0 0;}

.is-collapsed .featured-item[data-format="R3"]{ flex:0; width:170px;}
.is-collapsed .featured-item[data-format="R3"] a{ flex-direction:column; height:300px; gap:0;}
.is-collapsed .featured-item[data-format="R3"] .feat-wrap{ flex-direction:column; gap:0; flex: 0;}
.is-collapsed .featured-item[data-format="R3"] .feat-meta{ flex: 0; padding:20px 0; border-bottom:1px solid #ffffff; border-right:none;}
.is-collapsed .featured-item[data-format="R3"] .feat-hero{ flex: 1; border-radius: 6px 6px 50px 0;}
.is-collapsed .featured-item[data-format="R3"] .feat-extras{ display:flex; gap:10px; flex: 0; padding:10px 0;}

.is-collapsed .featured-item[data-format="R4"]{ flex:0; width:170px;}
.is-collapsed .featured-item[data-format="R4"] a{ flex-direction:column; height:450px; gap:0;}
.is-collapsed .featured-item[data-format="R4"] .feat-wrap{ flex-direction:column; gap:0; flex: 0;}
.is-collapsed .featured-item[data-format="R4"] .feat-meta{ flex: 0; padding:10px 0; border-right:none;}
.is-collapsed .featured-item[data-format="R4"] .feat-hero{ flex: 1; border-radius: 6px 6px 50px 0;}
.is-collapsed .featured-item[data-format="R4"] .feat-extras{ display:flex; gap:10px; flex: 0; padding:10px 0 10px 5px;}
.is-collapsed .featured-item[data-format="R4"] .feat-msg{ padding:10px 5px;}

@media (max-width: 768px){
  .featured-grid{ width: 600px; min-width: 100%; justify-content: flex-start;   }
  .feat-meta{ font-size:11px; font-weight:500; text-shadow:0 1px 0px rgba(0,0,0,.9);}
  .feat-hero {height: 80px; max-height: 80px;}
}