/* =====================================================
   LUXVEN HOME (Black/White/Gold) — CLEAN FINAL
   - Match Single Property look
   - No duplicates / No conflicts
   - Stable toggles (no page shake)
===================================================== */

.lx-home{ background:#fff; }

/* =========================
   HERO
========================= */
.lx-hero{ padding:54px 0 30px; }

.lx-hero-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
  display:grid;
  grid-template-columns: 1.15fr .85fr;  /* default split */
  gap:24px;
  align-items:stretch;
}

@media (max-width:980px){
  .lx-hero-inner{ grid-template-columns:1fr; }
}

.lx-hero-copy{ padding:6px 0; }
.lx-hero-copy h1{
  margin:0 0 12px;
  font-size:46px;
  line-height:1.04;
  letter-spacing:-.03em;
  color: var(--lux-black);
}
.lx-hero-copy p{
  margin:0;
  max-width:58ch;
  color: var(--lux-muted);
  font-size:16px;
  line-height:1.55;
}

/* =========================
   OPTION A: WIDE SEARCH (full width under title)
   لو عايز البحث ياخد عرض أكبر:
   - ضيف class="is-wide-search" على .lx-hero-inner في PHP
========================= */
.lx-hero-inner.is-wide-search{
  grid-template-columns: 1fr;
  gap:14px;
  align-items:start;
}
.lx-hero-inner.is-wide-search .lx-searchbox{
  max-width: 980px;
}

/* =========================
   SEARCH BOX
========================= */
.lx-searchbox{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;

  background:#fff;
  border:1px solid var(--lux-border);
  border-radius:22px;
  padding:18px;
  box-shadow: var(--lux-shadow-md);

  align-self: start; /* avoids odd vertical stretching */

  /* FIX: keep button inside card even if theme adds width */
  overflow: hidden;
}

/* Tabs wrapper */
.lx-search-tabs{
  display:flex;
  gap:8px;
  margin-bottom:12px;

  background: rgba(0,0,0,.02);
  border:1px solid var(--lux-border);
  padding:5px;
  border-radius:999px;
}

/* Tabs */
.lx-searchbox .lx-tab{
  flex:1;
  border:0;
  background:transparent;
  padding:9px 12px;
  min-height:38px;
  border-radius:999px;

  cursor:pointer;
  font-weight:900;
  font-size:12.5px;
  letter-spacing:.3px;
  color: rgba(0,0,0,.70);

  transition: background .18s ease, box-shadow .18s ease, color .18s ease;
}

.lx-searchbox .lx-tab:hover{
  background: rgba(0,0,0,.03);
}

.lx-searchbox .lx-tab.active{
  background: var(--lux-black);
  color: var(--lux-gold-solid);
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
}

/* Form */
.lx-search-form{
  display:grid;

  /* FIX: allow input to shrink + button to size itself */
  grid-template-columns: minmax(0, 1fr) auto;

  gap:12px;
  align-items:stretch;
  width:100%;
  max-width:100%;
}

@media (max-width:980px){
  .lx-search-form{ grid-template-columns:1fr; }
}

/* Field */
.lx-field{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;

  min-height:46px;
  padding:12px 14px;

  border:1px solid var(--lux-border);
  border-radius:16px;
  background:#fff;

  min-width:0;
}

.lx-field:focus-within{
  border-color: rgba(202,162,74,.65);
  box-shadow: 0 0 0 4px rgba(202,162,74,.14);
}

.lx-pin{ font-size:14px; opacity:.55; }

#lx-location{
  border:0 !important;
  outline:0 !important;
  width:100%;
  min-width:0;
  background:transparent;

  font-size:14px;
  font-weight:850;
  color: rgba(0,0,0,.82);
}
#lx-location::placeholder{
  color: rgba(0,0,0,.38);
  font-weight:750;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Suggestions */
.lx-suggest{
  position:absolute;
  left:0; right:0;
  top: calc(100% + 10px);

  background:#fff;
  border:1px solid var(--lux-border);
  border-radius:16px;
  box-shadow: 0 22px 65px rgba(0,0,0,.14);
  overflow:hidden;

  display:none;
  z-index:1000;
}
.lx-suggest.open{ display:block; }

.lx-suggest a{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;

  text-decoration:none;
  color:#111;
  font-weight:850;
}
.lx-suggest a:hover{ background: rgba(0,0,0,.03); }
.lx-suggest small{ opacity:.6; font-weight:850; }

/* Search button — force GP override */
.lx-searchbox .lx-btn{
  appearance:none;
  -webkit-appearance:none;
  border:0 !important;

  min-height:46px;
  border-radius:16px;

  background: var(--lux-black) !important;
  color: var(--lux-gold-solid) !important;

  font-weight:950;
  letter-spacing:.2px;
  white-space:nowrap;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  box-shadow: 0 14px 30px rgba(0,0,0,.12);

  /* FIX: stay inside its grid column */
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.lx-searchbox .lx-btn:hover{
  background: var(--lux-black-light) !important;
}

.lx-searchbox button.lx-btn{
  padding:12px 16px !important;
  line-height:1 !important;
}

@media (max-width:980px){
  .lx-searchbox .lx-btn{ width:100%; }
}

/* AI strip */
.lx-ai-strip{
  margin-top:14px;
  padding:12px;

  border-radius:16px;
  background: rgba(202,162,74,.08);
  border:1px solid rgba(202,162,74,.20);

  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
@media (max-width:520px){
  .lx-ai-strip{ flex-direction:column; align-items:flex-start; }
}
.lx-ai-strip span{
  color: rgba(0,0,0,.70);
  font-weight:800;
}
.lx-ai-btn{
  text-decoration:none;
  font-weight:950;
  color: var(--lux-black);
  background: var(--lux-gold-shine);
  padding:9px 12px;
  border-radius:999px;
  box-shadow: 0 14px 30px rgba(202,162,74,0.18);
}

/* =========================
   SECTIONS
========================= */
.lx-section,
.lx-home-section{ padding:32px 0; }

.lx-section-head,
.lx-home-head{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
}

.lx-section-head h2,
.lx-home-h2{
  margin:0 0 6px;
  font-size:22px;
  color: var(--lux-black);
  letter-spacing:-.2px;
}

.lx-section-head p,
.lx-home-sub{
  margin:0;
  color: var(--lux-muted);
  font-size:13px;
  line-height:1.55;
}

/* section head with tabs */
.lx-home-head{
  display:flex;
  gap:14px;
  align-items:flex-end;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:12px;
}

.lx-home-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

/* IMPORTANT: stop "shake" بسبب hover translateY على tabs */
.lx-home-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  height:38px;
  padding:0 14px;

  border-radius:999px;
  border:1px solid var(--lux-border);
  background:#fff;

  color:#111;
  font-size:13px;
  font-weight:900;
  text-decoration:none;

  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
  transform:none !important; /* يمنع تنفيض */
}

.lx-home-tab:hover{
  border-color: rgba(202,162,74,.45);
  box-shadow: 0 10px 26px rgba(0,0,0,.05);
}

.lx-home-tab.is-active{
  background: var(--lux-black);
  color: var(--lux-gold-solid);
  border-color: rgba(202,162,74,.55);
}

/* =========================
   UNIFIED CARD GRID
========================= */
.lx-cards-grid,
.lx-placeholder,
.lx-home-grid{
  max-width:1200px;
  margin:16px auto 0;
  padding:0 16px;

  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:14px;

  /* keep area stable when switching panes */
  min-height: 210px;
}

@media (max-width:980px){
  .lx-cards-grid, .lx-placeholder, .lx-home-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 190px;
  }
}
@media (max-width:520px){
  .lx-cards-grid, .lx-placeholder, .lx-home-grid{
    grid-template-columns: 1fr;
    min-height: 160px;
  }
}

/* Card */
.lx-card{
  display:block;
  border:1px solid var(--lux-border);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  text-decoration:none;
  color:inherit;
  box-shadow: var(--lux-shadow-sm);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  min-width:0;
}
.lx-card:hover{
  transform: translateY(-2px);
  box-shadow: var(--lux-shadow-md);
  border-color: rgba(202,162,74,.45);
}

.lx-card-media{
  height:150px;
  background: linear-gradient(135deg, rgba(0,0,0,.06), rgba(0,0,0,.02));
}
.lx-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.lx-card-body{ padding:12px 12px 14px; }

.lx-card-title{
  font-size:14px;
  font-weight:950;
  color: var(--lux-black);
  line-height:1.25;
  margin:0 0 6px;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.lx-card-meta{
  font-size:12px;
  font-weight:900;
  color: rgba(0,0,0,.58);
}

/* Placeholder skeleton */
.lx-placeholder-card{
  height:220px;
  border-radius:18px;
  border:1px solid var(--lux-border);
  background: linear-gradient(90deg, rgba(0,0,0,.05), rgba(0,0,0,.02), rgba(0,0,0,.05));
  background-size:200% 100%;
  animation: lxsh 1.6s infinite;
}
@keyframes lxsh{ 0%{background-position:0 0} 100%{background-position:200% 0} }

/* View all */
.lx-center{
  max-width:1200px;
  margin:16px auto 0;
  padding:0 16px;
  text-align:center;
}

/* =========================
   Toggle panes (NO nested grid)
   IMPORTANT: only ONE definition
========================= */
.lx-grid-pane{ display: contents; }
.lx-grid-pane[hidden]{ display:none !important; }

/* =====================================================
   HOME: LuxvenGPT strip (desktop fix - no balloon)
   Put at END
===================================================== */

.lx-ai-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 14px !important;
  border-radius:16px !important;
  background: rgba(202,162,74,.08) !important;
  border: 1px solid rgba(202,162,74,.20) !important;
}

.lx-ai-strip span{
  font-weight:850;
  color: rgba(0,0,0,.72);
  line-height:1.4;
}

/* زر LuxvenGPT = pill راقي (مش دائرة) */
.lx-ai-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;

  padding:10px 14px !important;
  border-radius:999px !important;

  background: var(--lux-black) !important;
  color: var(--lux-gold-solid) !important;
  border: 1px solid rgba(202,162,74,.55) !important;

  font-weight:950 !important;
  text-decoration:none !important;

  box-shadow: 0 12px 26px rgba(0,0,0,.10) !important;
}

.lx-ai-btn:hover{
  background: var(--lux-black-light) !important;
}

.lx-ai-btn .lx-ai-arrow{
  font-weight:950;
  opacity:.9;
}

/* Mobile stacking */
@media (max-width:520px){
  .lx-ai-strip{ flex-direction:column; align-items:flex-start; }
  .lx-ai-btn{ width:100%; justify-content:center; }
}

/* Hero background subtle luxury */
.lx-hero{
  position: relative;
  overflow:hidden;
}

.lx-hero::before{
  content:"";
  position:absolute;
  inset:-80px;
  background:
    radial-gradient(600px 300px at 20% 30%, rgba(202,162,74,.10), transparent 60%),
    radial-gradient(600px 300px at 70% 40%, rgba(0,0,0,.06), transparent 65%),
    linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
  pointer-events:none;
}

.lx-hero-inner{
  position:relative; /* فوق الخلفية */
}

/* =====================================================
   LUXVEN HOME PREMIUM OVERLAY (SAFE)
   - Visual luxury polish only (no layout changes)
===================================================== */

/* Hero text readability on bright images */
.lx-hero,
.lx-home .lx-hero{
  position: relative;
}
.lx-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(90deg, rgba(11,11,12,.70) 0%, rgba(11,11,12,.35) 38%, rgba(11,11,12,0) 65%);
  opacity:.22;
}

/* Cards: calmer shadows & border */
.lx-home .lx-card,
.lx-home .lx-card *{
  -webkit-font-smoothing: antialiased;
}
.lx-home .lx-card{
  border: 1px solid var(--lux-border, rgba(0,0,0,.08));
  box-shadow: 0 12px 34px rgba(0,0,0,.04);
  transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}
.lx-home .lx-card:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 44px rgba(0,0,0,.06);
  border-color: rgba(202,162,74,.22);
}

/* Buttons: premium */
.lx-home .lx-btn,
.lx-home button,
.lx-home a.button{
  transition: transform .18s ease, box-shadow .22s ease, filter .22s ease;
}
.lx-home .lx-btn:hover{
  transform: translateY(-1px);
  filter: contrast(1.03);
}
/* =================================================
   LuxvenGPT Unified CSS - Final Optimized Version
==================================================== */

/* Lock scroll when modal is open */
body.lxgpt-open { overflow: hidden; }

/* Modal Container */
.lxgpt-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
}
.lxgpt-modal[hidden] { display: none !important; }

/* Backdrop */
.lxgpt-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0,0,0,0.45) !important;
}

/* Main Card */
.lxgpt-card {
    position: relative !important;
    width: min(500px, 92vw) !important; /* Width adjusted for chat feel */
    max-height: calc(100vh - 40px) !important;
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border-radius: 20px !important;
    border: 1px solid rgba(0,0,0,.1) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.2) !important;
    overflow: hidden !important;
}

/* Top Header */
.lxgpt-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(0,0,0,.06);
    flex: 0 0 auto;
}
.lxgpt-brand { display: flex; align-items: center; gap: 8px; font-size: 16px; }
.lxgpt-dot {
    width: 10px; height: 10px; border-radius: 50%;
    background: #caa24a; /* Luxven Gold */
}
.lxgpt-x {
    border: 0; background: transparent; cursor: pointer;
    font-size: 20px; color: #999; transition: color 0.2s;
}
.lxgpt-x:hover { color: #000; }

/* Hero Section */
.lxgpt-hero {
    padding: 24px 20px 10px;
    text-align: center;
    flex: 0 0 auto;
}
.lxgpt-hero-ico { font-size: 32px; margin-bottom: 8px; }
.lxgpt-hero h3 { margin: 0; font-size: 20px; font-weight: 800; color: #000; }
.lxgpt-hero p { margin: 6px 0 0; color: rgba(0,0,0,.5); font-size: 14px; }

/* Chat Area */
.lxgpt-chat {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 20px;
    background: #fff;
    -webkit-overflow-scrolling: touch;
}

/* Messages */
.lxgpt-msg {
    max-width: 85%;
    padding: 12px 16px;
    border-radius: 18px;
    margin: 8px 0;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
}
.lxgpt-msg.bot {
    background: #f8f8f8;
    color: #000;
    border: 1px solid #eee;
    margin-right: auto;
    border-bottom-left-radius: 4px;
}
.lxgpt-msg.user {
    background: #0b0b0c;
    color: #caa24a;
    margin-left: auto;
    border-bottom-right-radius: 4px;
}

/* Suggestion Chips */
.lxgpt-chips {
    padding: 0 20px 10px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.lxgpt-chip {
    padding: 8px 16px;
    border-radius: 10px;
    border: 1px solid #eee;
    background: #fff;
    color: #caa24a;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
}
.lxgpt-chip:hover { background: #fcfcfc; border-color: #caa24a; }

/* Bottom Area (Form) */
/* --- حاوية النموذج السفلي --- */
.lxgpt-bottom {
    padding: 15px 20px 20px !important;
    border-top: 1px solid rgba(0,0,0,0.08) !important;
    background: #fff !important;
}

.lxgpt-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important; /* مسافة متناسقة بين الحقل والأزرار */
}

/* --- حقل الإدخال --- */
.lxgpt-input {
    width: 100% !important;
    height: 50px !important; /* الارتفاع الموحد */
    background: #f8f9fa !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 0 15px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    box-sizing: border-box !important;
    outline: none !important;
}

.lxgpt-input:focus {
    border-color: #caa24a !important;
    background: #fff !important;
}

/* --- حاوية الأزرار --- */
.lxgpt-actions {
    display: flex !important;
    flex-direction: row !important; /* وضعهم بجانب بعض */
    gap: 10px !important;
    height: 50px !important; /* نفس ارتفاع الحقل تماماً */
    width: 100% !important;
}

/* --- زر مسح المحادثة (Clear Chat) --- */
.lxgpt-clear {
    flex: 1 !important; /* يأخذ كل المساحة المتاحة جهة اليسار */
    height: 100% !important; /* يملأ ارتفاع الحاوية (50px) */
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    color: #caa24a !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.lxgpt-clear:hover {
    background: #fcfcfc !important;
    border-color: #caa24a !important;
}

/* --- زر الإرسال (Send) --- */
.lxgpt-send {
    width: 75px !important; /* عرض ثابت لزر الإرسال */
    height: 100% !important; /* يملأ ارتفاع الحاوية ليتساوى مع زر المسح */
    background: #0b0b0c !important;
    border: none !important;
    border-radius: 12px !important;
    color: #caa24a !important;
    font-size: 20px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.1s ease !important;
}

.lxgpt-send:active {
    transform: scale(0.95) !important;
}

/* --- تعديلات الشاشات الصغيرة (Mobile) --- */
@media (max-width: 720px) {
    .lxgpt-card {
        width: 95vw !important;
        height: 90vh !important;
    }
    
    .lxgpt-input, 
    .lxgpt-actions {
        height: 48px !important; /* تصغير بسيط جداً ليناسب الموبايل مع الحفاظ على التساوي */
    }
}

.lxgpt-hero-ico svg {
    display: block;
    margin: 0 auto 15px;
    filter: drop-shadow(0 0 5px rgba(202, 162, 74, 0.3));
    animation: ai-glow 3s ease-in-out infinite;
}

@keyframes ai-glow {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.8; }
}
/* =========================
   NEW PROJECTS GRID
   شبكة عرض المشاريع
========================= */

.lx-projects-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:20px;
}


/* =========================
   PROJECT CARD
   الكارت الأساسي للمشروع
========================= */

.lx-project-card{
  background:#fff;
  border:1px solid #eee;
  border-radius:10px;
  overflow:hidden;
  transition:transform .2s, box-shadow .2s;
}

.lx-project-card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 20px rgba(0,0,0,.08);
}


/* =========================
   PROJECT IMAGE
   صورة المشروع
========================= */

.lx-project-image img{
  width:100%;
  height:200px;
  object-fit:cover;
  display:block;
}


/* =========================
   CARD BODY
   محتوى الكارت
========================= */

.lx-project-body{
  padding:14px;
}


/* =========================
   PROJECT TITLE
   اسم المشروع
========================= */

.lx-project-title{
  font-size:18px;
  font-weight:600;
  margin-bottom:6px;
  line-height:1.3;
  color:#111;
}


/* =========================
   PROJECT LOCATION
   موقع المشروع
========================= */

.lx-project-meta{
  color:#777;
  font-size:14px;
  margin-bottom:8px;
}


/* =========================
   PROJECT PRICE
   سعر الإطلاق
========================= */

.lx-project-price{
  font-weight:700;
  font-size:16px;
  color:#000;
  margin-bottom:8px;
}


/* =========================
   PROJECT DETAILS
   باقي المعلومات
   Payment Plan
   Handover
   Type
========================= */

.lx-project-details{
  font-size:13px;
  line-height:1.6;
  color:#444;
  margin-top:6px;
}

.lx-project-row{
  display:flex;
  gap:6px;
  margin-bottom:3px;
}

.lx-project-row strong{
  font-weight:600;
  color:#222;
}


/* =========================
   RESPONSIVE
   تحسين العرض للموبايل
========================= */

@media (max-width:768px){

  .lx-project-title{
    font-size:16px;
  }

  .lx-project-price{
    font-size:15px;
  }

  .lx-project-meta{
    font-size:13px;
  }

}

.lx-term-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

.lx-term-card-top{
  padding:14px 16px 10px;
}

.lx-term-card .lx-card-title{
  font-size:16px;
  font-weight:800;
  line-height:1.35;
  color:#111;
  margin-bottom:4px;
}

.lx-term-card .lx-card-meta{
  font-size:13px;
  color:rgba(0,0,0,.62);
}

.lx-term-card .lx-card-media{
  margin-top:0;
}

.lx-term-card .lx-card-media img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
}

@media (max-width:768px){
  .lx-term-card .lx-card-media img{
    height:180px;
  }
}
/* =========================
   Home Developers Logos
========================= */

.lx-home-developers .lx-home-sub{
  max-width:780px;
}

.lx-dev-logos-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}

.lx-dev-logo-card{
  display:block;
  text-decoration:none;
}

.lx-dev-logo-inner{
  height:116px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:18px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.lx-dev-logo-inner:hover{
  border-color:rgba(202,162,74,.55);
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  transform:translateY(-2px);
}

.lx-dev-logo-inner img{
  max-width:100%;
  max-height:72px;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}

.lx-dev-logo-text{
  text-align:center;
  font-weight:700;
  font-size:14px;
  line-height:1.4;
  color:var(--lux-text);
}

@media (max-width:1100px){
  .lx-dev-logos-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (max-width:768px){
  .lx-dev-logos-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }

  .lx-dev-logo-inner{
    height:98px;
    padding:14px;
    border-radius:14px;
  }

  .lx-dev-logo-inner img{
    max-height:58px;
  }
}