/* تکمیل قالب صفحه اصلی (مکمل home.css که از قالب مرجع build-my-site-easy برداشته شده) */
.hero-menu { position: absolute; top: calc(100% + 6px); inset-inline-start: 0; min-width: 210px; z-index: 60; padding: 6px; border: 1px solid var(--border); border-radius: .75rem; background: var(--background); box-shadow: 0 10px 30px rgb(0 0 0 / .08); }
.btn-ghost-light { border: 1px solid color-mix(in oklab, var(--primary-foreground) 35%, transparent); background: transparent; color: var(--primary-foreground); }
.btn-ghost-light:hover { background: color-mix(in oklab, var(--primary-foreground) 12%, transparent); }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.pt-2 { padding-top: .5rem; }
.text-start { text-align: start; }
@media (min-width: 40rem) { .sm\:col-span-2 { grid-column: span 2 / span 2; } }
@media (min-width: 64rem) { .lg\:col-span-4 { grid-column: span 4 / span 4; } }