@import url('/wp-content/plugins/hgr-snooky-clean-home/public/public-fonts/css/poppins.css');
@import url('/wp-content/plugins/hgr-snooky-clean-home/public/public-fonts/css/outfit.css');

.hgr-snooky-brand-preview {
    --snooky-purple: #603085;
    --snooky-pink: #e5097f;
    margin: 0;
    color: #252226;
    background: #fff;
    font: 400 1rem/1.55 Poppins, Arial, sans-serif;
}

.hgr-snooky-brand-preview .hgr-preview-inner {
    box-sizing: border-box;
    width: min(100%, 1320px);
    padding-inline: clamp(16px, 4vw, 48px);
    margin-inline: auto;
}

.hgr-snooky-brand-preview :is(header, footer) a { color: inherit; }
.hgr-snooky-brand-preview :is(header, footer) a:hover { text-decoration: underline; }
.hgr-snooky-brand-preview a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.hgr-snooky-brand-preview .hgr-preview-skip { position: absolute; inset-inline-start: 16px; transform: translateY(-200%); }
.hgr-snooky-brand-preview .hgr-preview-skip:focus { z-index: 2; transform: none; background: #fff; padding: 8px; }

.hgr-snooky-brand-preview .mt-top-header { background: var(--snooky-purple); color: #fff; font-size: .875rem; }
.hgr-snooky-brand-preview :is(.mt-top-header, .mt-copyright) .hgr-preview-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 20px;
    padding-block: 10px;
}
.hgr-snooky-brand-preview :is(.mt-top-head-list, .mt-navbar, .mt-eco-head-icon) { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; }
.hgr-snooky-brand-preview .hgr-preview-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 22px;
    padding-block: 12px;
}
.hgr-snooky-brand-preview .mt-header { border-bottom: 1px solid #eee8f2; }
.hgr-snooky-brand-preview .mt-head-logo img { display: block; width: 140px; height: auto; }
.hgr-snooky-brand-preview .mt-navbar { font-size: .9375rem; }
.hgr-snooky-brand-preview .mt-eco-head-icon [aria-current="page"] {
    color: var(--snooky-purple);
    text-decoration: underline;
    text-decoration-color: var(--snooky-pink);
    text-underline-offset: .3em;
}
.hgr-snooky-brand-preview .hgr-preview-content { min-height: 50vh; padding-block: 40px; }
.hgr-snooky-brand-preview h1 { margin: 0 0 24px; font: 700 clamp(2rem, 5vw, 3rem)/1.2 Outfit, Arial, sans-serif; }
.hgr-snooky-brand-preview .mt-footer { background: #202020; color: #fff; }
.hgr-snooky-brand-preview .mt-copyright .hgr-preview-inner { justify-content: flex-start; padding-block: 20px; }

@media (max-width: 740px) {
    .hgr-snooky-brand-preview .hgr-preview-nav .mt-navbar { flex-basis: 100%; order: 1; }
    .hgr-snooky-brand-preview .mt-head-logo img { width: 106px; }
    .hgr-snooky-brand-preview .hgr-preview-content { padding-block: 28px; }
}