.drsfoad-has-mega-menu { position: relative; }
.drsfoad-mega-panel { position: absolute; top: calc(100% + 12px); right: 0; z-index: 120; display: grid; grid-template-columns: 300px minmax(360px, 1fr); grid-template-areas: 'preview services'; gap: 28px; width: min(900px, calc(100vw - 32px)); max-height: calc(100vh - 120px); overflow-y: auto; padding: 24px; direction: ltr; background: #fff; border: 1px solid #e7e5df; border-radius: 4px; box-shadow: 0 20px 55px rgba(24, 35, 31, .18); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s ease, visibility .2s ease, transform .2s ease; }
.drsfoad-mega-panel::before { content: ''; position: absolute; top: -7px; right: 28px; width: 13px; height: 13px; background: #fff; border-top: 1px solid #e7e5df; border-left: 1px solid #e7e5df; transform: rotate(45deg); }
.drsfoad-has-mega-menu:hover > .drsfoad-mega-panel, .drsfoad-has-mega-menu:focus-within > .drsfoad-mega-panel { opacity: 1; visibility: visible; transform: translateY(0); }
.drsfoad-mega-preview { grid-area: preview; position: relative; min-height: 250px; overflow: hidden; background: #eef0eb; }
.drsfoad-mega-preview img { width: 100%; height: 100%; min-height: 250px; object-fit: cover; }
.drsfoad-mega-preview strong { position: absolute; right: 14px; bottom: 14px; left: 14px; padding: 8px 10px; color: #fff; background: rgba(23, 59, 53, .82); font-size: 13px; line-height: 1.6; }
.drsfoad-mega-panel .drsfoad-mega-grid { grid-area: services; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(4, auto); grid-auto-flow: column; align-content: start; gap: 2px 34px; margin: 0; padding: 0; list-style: none; direction: rtl; }
.drsfoad-mega-panel .drsfoad-mega-card { display: block; min-height: 46px; padding: 9px 10px; border-bottom: 1px solid #eeeae2; color: #173b35; background: transparent; font-size: 14px; line-height: 1.7; transition: color .15s ease, background-color .15s ease; }
.drsfoad-mega-panel .drsfoad-mega-card:hover, .drsfoad-mega-panel .drsfoad-mega-card:focus, .drsfoad-mega-panel .drsfoad-mega-card.is-preview-active { color: #c95835; background: #fff8f1; outline: none; }
.drsfoad-mega-card__image { display: none; }
.drsfoad-mega-card__content { display: block; min-width: 0; }
.drsfoad-mega-card__content strong { display: block; font-weight: 600; }
.drsfoad-mega-card__content > span { display: none; }
@media (max-width: 980px) and (min-width: 769px) { .drsfoad-mega-panel { grid-template-columns: 240px minmax(300px, 1fr); width: min(760px, calc(100vw - 32px)); gap: 20px; padding: 20px; } }
@media (max-width: 768px) {
	.drsfoad-mega-panel,
	.drsfoad-has-mega-menu:hover > .drsfoad-mega-panel,
	.drsfoad-has-mega-menu:focus-within > .drsfoad-mega-panel { display: none !important; }
	.drsfoad-has-mega-menu.is-open > .drsfoad-mega-panel { display: block !important; position: static; width: 100%; max-width: 100%; margin: 8px 0 0; padding: 8px 12px; border: 0; border-right: 2px solid var(--color-primary); border-radius: 0; box-shadow: none; transform: none; direction: rtl; opacity: 1; visibility: visible; }
	.drsfoad-has-mega-menu.is-open > .drsfoad-mega-panel::before { display: none; }
	.drsfoad-mega-preview { display: none; }
	.drsfoad-mega-panel .drsfoad-mega-grid { display: grid; grid-template-columns: 1fr; grid-template-rows: none; grid-auto-flow: row; gap: 0; width: 100%; }
	.drsfoad-mega-panel .drsfoad-mega-card { width: 100%; min-height: 44px; padding: 9px 8px; border-bottom: 1px solid rgba(23, 59, 53, .12); font-size: .9rem; }
	.main-nav .drsfoad-has-mega-menu > .sub-menu { display: none; position: static; width: 100%; min-width: 0; margin: 6px 0 0; padding: 4px 14px 0 0; border: 0; border-right: 2px solid var(--color-primary); border-radius: 0; box-shadow: none; background: transparent; }
	.main-nav .drsfoad-has-mega-menu.mobile-submenu-open > .sub-menu { display: flex; }
	.main-nav .drsfoad-has-mega-menu > .sub-menu a { padding: 8px 10px; color: var(--color-text-dark); font-size: .9rem; }
}