/* ============================================
   MEGA DROPDOWN FIX — Trideko Interior
   Paste ini ke /assets/css/components.css (paling bawah)
   atau di <style> dalam <head>
   ============================================ */

.mega-dropdown{position:absolute;top:100%;left:50%;right:auto;transform:translateX(-50%) translateY(-8px);min-width:720px;max-width:calc(100vw - 40px);background:#fff;border:2px solid #1B3A6B;border-top:none;border-radius:0 0 14px 14px;box-shadow:0 20px 60px rgba(0,0,0,.2);padding:20px;opacity:0;visibility:hidden;transition:all .25s ease;z-index:100}
.mega-menu-trigger:hover .mega-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.mega-dropdown-inner{max-width:800px;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mega-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;transition:all .2s ease;text-decoration:none;border:1px solid #E2DDD8;background:linear-gradient(145deg,#fff,#f5f3f0);box-shadow:0 2px 6px rgba(0,0,0,.06)}
.mega-card:hover{border-color:#E8612C;background:linear-gradient(135deg,rgba(232,97,44,.08),rgba(27,58,107,.06));box-shadow:0 4px 14px rgba(232,97,44,.12);transform:translateY(-2px)}
.mega-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,rgba(232,97,44,.15),rgba(232,97,44,.05));display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;transition:all .2s ease;border:1px solid rgba(232,97,44,.15)}
.mega-card:hover .mega-icon{background:linear-gradient(135deg,#E8612C,#d35400);color:#fff;border-color:#E8612C}
.mega-title{font-weight:600;font-size:14px;color:#111111;display:block;font-family:'Playfair Display',serif;transition:color .2s ease;line-height:1.3}
.mega-card:hover .mega-title{color:#E8612C}
.mega-desc{font-size:11px;color:#6B7280;margin-top:3px;display:block;line-height:1.3}
@media(max-width:1280px){.mega-dropdown{min-width:640px}}
@media(max-width:1100px){.mega-dropdown{min-width:580px}.mega-dropdown-inner{grid-template-columns:repeat(2,1fr)}}