/*
Theme Name: Meow
Theme URI: https://example.com/meow
Author: HM
Author URI: https://example.com
Description: A minimalist dark glassmorphism single-column WordPress blog theme.
Version: 1.0.6
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meow
Tags: blog, customizer, dark, one-column
*/

 :root {
  --mw-bg: #050814;
  --mw-bg-2: #09111f;
  --mw-card: rgba(22, 32, 52, 0.72);
  --mw-card-2: rgba(28, 43, 68, 0.80);
  --mw-post-card: rgba(24, 35, 56, 0.80);
  --mw-border: rgba(210, 228, 255, 0.22);
  --mw-border-strong: rgba(255, 255, 255, 0.30);
  --mw-text: #f7f9ff;
  --mw-muted: #b8c3d7;
  --mw-accent: #86b7ff;
  --mw-accent-2: #c69cff;
  --mw-radius: 24px;
  --mw-radius-md: 22px;
  --mw-radius-sm: 16px;
  --mw-width: min(1280px, calc(100vw - 64px));
}
* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-size: 14px;
  min-height: 100vh;
  color: var(--mw-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  background:
    radial-gradient(circle at 18% 6%, rgba(88, 166, 255, 0.22), transparent 31%),
    radial-gradient(circle at 78% 0%, rgba(192, 132, 252, 0.18), transparent 28%),
    radial-gradient(circle at 70% 88%, rgba(70, 210, 255, 0.10), transparent 30%),
    linear-gradient(135deg, var(--mw-bg), var(--mw-bg-2) 52%, #03050d);
  line-height: 1.7;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05), transparent 42%),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.06), transparent 45%);
}

a { color: inherit; text-decoration: none; }
a:hover { color: var(--mw-accent); }
img { max-width: 100%; height: auto; display: block; }

.meow-wrap {
  width: var(--mw-width);
  margin: 48px auto;
}

.meow-glass {
  transition: border-radius 0.2s ease, box-shadow 0.2s ease;
  background: var(--mw-card);
  border: 1px solid var(--mw-border);
  border-radius: var(--mw-radius);
  box-shadow: 0 18px 55px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.site-header {
  position: relative;
  z-index: 1000;
  overflow: visible;
  width: var(--mw-width);
  margin: 36px auto 36px;
  padding: 14px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
}

.site-branding { display: flex; align-items: center; min-width: 0; }
.site-title {
  margin: 0;
  font-size: clamp(18px, 1.61vw, 24px);
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1;
  text-shadow: 0 8px 24px rgba(255,255,255,0.14);
}
.site-description { display: none; }

.menu-toggle {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--mw-radius-sm);
  color: var(--mw-text);
  background: transparent;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}
.menu-toggle:hover { background: rgba(255,255,255,0.06); }

.main-navigation { position: relative; z-index: 1001; }
.primary-menu {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  min-width: 220px;
  z-index: 1002;
  margin: 0;
  padding: 18px;
  list-style: none;
  background: rgba(18, 29, 50, 0.88);
  border: 1px solid var(--mw-border);
  border-radius: var(--mw-radius-md);
  box-shadow: 0 18px 45px rgba(0,0,0,0.32);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.main-navigation.is-open .primary-menu,
.main-navigation:focus-within .primary-menu { display: block; }
.primary-menu li + li { margin-top: 8px; }
.primary-menu a {
  display: block;
  padding: 10px 12px;
  color: var(--mw-text);
  border-radius: var(--mw-radius-sm);
  font-size: 13.8px;
}
.primary-menu a:hover { background: rgba(255,255,255,0.07); }

.page-title,
.section-title {
  width: var(--mw-width);
  margin: 0 auto 20px;
  font-size: clamp(16px, 1.5vw, 23px);
  line-height: 1.2;
}

.posts-list {
  width: var(--mw-width);
  margin: 0 auto;
  display: grid;
  gap: 18px;
}

.posts-shell {
  padding: 0;
  background: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.post-card {
  position: relative;
  background: var(--mw-post-card);
  border-color: var(--mw-border-strong);
  z-index: 1;
  width: 100%;
  min-height: 0;
  display: block;
  padding: 18px 24px;
}
.post-content {
  min-width: 0;
}
.minimal-post-card .post-content {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.post-title {
  margin: 0;
  font-size: clamp(15px, 1.32vw, 20px);
  line-height: 1.45;
  font-weight: 650;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.post-title a {
  display: inline;
}
.post-date {
  flex: 0 0 auto;
  padding-top: 2px;
  color: var(--mw-muted);
  font-size: 12px;
  line-height: 1.45;
  white-space: nowrap;
}
.post-date::before { content: none; }
.post-thumbnail,
.post-excerpt,
.post-meta,
.post-category {
  display: none !important;
}

.site-footer {
  position: relative;
  z-index: 1;
  width: var(--mw-width);
  margin: 24px auto 48px;
  padding: 28px;
  text-align: center;
  color: var(--mw-muted);
}
.footer-icons {
  margin-top: 14px;
  display: flex;
  justify-content: center;
  gap: 28px;
  opacity: 0.8;
}
.footer-icons span { font-size: 15px; }

.content-area,
.entry-content-wrap {
  width: var(--mw-width);
  margin: 0 auto;
}
.entry-content-wrap {
  padding: 34px;
}
.entry-content { color: #d5deed; font-size: 13.8px; }
.entry-content h1, .entry-content h2, .entry-content h3 { color: var(--mw-text); line-height: 1.3; }

.meow-pagination {
  width: var(--mw-width);
  margin: 24px auto;
}
.meow-pagination ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  list-style: none;
}
.meow-pagination .page-numbers {
  min-width: 32px;
  height: 32px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--mw-border);
  border-radius: var(--mw-radius-sm);
  color: var(--mw-muted);
  background: rgba(24, 35, 56, 0.58);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  font-size: 13.8px;
}
.meow-pagination a.page-numbers:hover,
.meow-pagination .page-numbers.current {
  color: var(--mw-text);
  background: linear-gradient(135deg, rgba(88, 166, 255, 0.22), rgba(198, 156, 255, 0.18));
}
.nav-links { display: none; }

@media (max-width: 760px) {
  :root { --mw-width: min(100% - 36px, 760px); }
  .meow-wrap, .site-header { margin-top: 28px; }
  .site-header { padding: 12px 18px; min-height: 48px; }
  .post-card { padding: 16px 18px; }
  .minimal-post-card .post-content { gap: 10px; }
  .post-date { font-size: 11.5px; }
  .primary-menu { min-width: 190px; }
}


/* meow v1.0.7 */
.posts-wrapper,
.posts-container,
.posts-list {
    background: rgba(255,255,255,0.02);
    border-radius: 28px;
    padding: 28px;
    backdrop-filter: blur(24px);
}

.post-row {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 24px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    background: transparent !important;
    box-shadow: none !important;
}

.post-row:last-child {
    border-bottom: none;
}

.post-row .post-date {
    opacity: .55;
    white-space: nowrap;
}

.post-row .post-title,
.post-row h2,
.post-row h3 {
    margin: 0;
    line-height: 1.6;
    word-break: break-word;
}

@media (max-width:768px){
    .post-row{
        grid-template-columns:1fr;
        gap:8px;
    }
}


/* meow v1.0.8 flat article list */
.post-row,
article,
.post,
.posts-list article,
.posts-wrapper article {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.posts-wrapper,
.posts-container,
.posts-list {
    background: rgba(255,255,255,0.04) !important;
    border-radius: 30px !important;
    padding: 30px !important;
}



/* meow v1.0.9 remove article row borders */
.post-row,
article,
.post,
.posts-list article,
.posts-wrapper article {
    border: none !important;
    outline: none !important;
}

.post-row {
    border-bottom: none !important;
}



/* meow v1.1.0 remove footer copyright/card area */
.site-footer,
.footer,
.footer-card,
.copyright,
.site-info {
    display: none !important;
}






/* meow v1.1.2 real fixed floating navbar */

.site-header,
.header,
.navbar,
.nav-card,
.site-nav,
.meow-nav {
    position: fixed !important;
    top: 18px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(92%, 980px) !important;
    z-index: 99999 !important;
}

body {
    padding-top: 120px !important;
}

@media (max-width: 768px) {
    body {
        padding-top: 100px !important;
    }

    .site-header,
    .header,
    .navbar,
    .nav-card,
    .site-nav,
    .meow-nav {
        width: calc(100% - 24px) !important;
        top: 12px !important;
    }
}








/* meow v1.2.8 clean TOP + compact menu fix */

/* TOP button: inside nav, directly before menu button */
.meow-nav-top-btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.96) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    backdrop-filter: blur(24px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .25s ease, visibility .25s ease !important;
    margin-left: auto !important;
    margin-right: 10px !important;
    padding: 0 !important;
    z-index: 100000 !important;
}

.meow-nav-top-btn.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Compact expanded menu */
.main-navigation.is-open,
.main-navigation.active,
.main-navigation.toggled,
.main-navigation.toggled-on,
.site-navigation.is-open,
.site-navigation.active {
    width: max-content !important;
    min-width: 132px !important;
    max-width: min(78vw, 240px) !important;
}

.main-navigation.is-open ul,
.main-navigation.active ul,
.main-navigation.toggled ul,
.main-navigation.toggled-on ul,
.site-navigation.is-open ul,
.site-navigation.active ul,
.nav-menu.is-open,
.nav-menu.active,
.menu.is-open,
.menu.active {
    width: max-content !important;
    min-width: 132px !important;
    max-width: min(78vw, 240px) !important;
    padding: 14px !important;
    box-sizing: border-box !important;
}

.main-navigation.is-open li,
.main-navigation.active li,
.main-navigation.toggled li,
.main-navigation.toggled-on li,
.site-navigation.is-open li,
.site-navigation.active li {
    width: auto !important;
}

.main-navigation.is-open a,
.main-navigation.active a,
.main-navigation.toggled a,
.main-navigation.toggled-on a,
.site-navigation.is-open a,
.site-navigation.active a {
    white-space: nowrap !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
}

/* X close button */


.main-navigation.is-open 

@media (max-width: 768px) {
    .meow-nav-top-btn {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        font-size: 9px !important;
        margin-right: 8px !important;
    }

    .main-navigation.is-open ul,
    .main-navigation.active ul,
    .main-navigation.toggled ul,
    .main-navigation.toggled-on ul,
    .site-navigation.is-open ul,
    .site-navigation.active ul {
        min-width: 120px !important;
        max-width: min(72vw, 220px) !important;
    }
}


/* meow v1.2.9 exact menu/top fix */

/* make nav controls align: TOP left of menu */
.main-navigation {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.meow-nav-top-btn {
    order: 1 !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.96) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    backdrop-filter: blur(24px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .25s ease, visibility .25s ease !important;
    margin: 0 !important;
    padding: 0 !important;
}

.meow-nav-top-btn.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.menu-toggle {
    order: 2 !important;
}



/* compact dropdown: override original min-width:190px */
.main-navigation .primary-menu {
    right: 0 !important;
    left: auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
}

.main-navigation.is-open .primary-menu {
    display: block !important;
    width: max-content !important;
    min-width: 118px !important;
    max-width: min(72vw, 210px) !important;
    padding: 44px 10px 10px !important;
    box-sizing: border-box !important;
}

.main-navigation.is-open .primary-menu li {
    width: auto !important;
    margin: 0 !important;
}

.main-navigation.is-open .primary-menu li + li {
    margin-top: 6px !important;
}

.main-navigation.is-open .primary-menu a {
    display: block !important;
    width: auto !important;
    white-space: nowrap !important;
    padding: 8px 12px !important;
}

/* X button fixed to the top-right of the opened menu panel */
.main-navigation.is-open 

@media(max-width:768px){
    .meow-nav-top-btn {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        font-size: 9px !important;
    }

    .main-navigation.is-open .primary-menu {
        min-width: 112px !important;
        max-width: min(70vw, 196px) !important;
    }
}



/* meow v1.3.0 final menu click/top fix */

/* TOP button sits directly before menu button */
.main-navigation {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.meow-nav-top-btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.96) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    backdrop-filter: blur(24px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .25s ease, visibility .25s ease !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 1 !important;
}

.meow-nav-top-btn.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.menu-toggle {
    order: 2 !important;
}

/* compact dropdown */
.main-navigation .primary-menu {
    right: 0 !important;
    left: auto !important;
    min-width: 0 !important;
}

.main-navigation.is-open .primary-menu {
    display: block !important;
    width: max-content !important;
    min-width: 112px !important;
    max-width: min(70vw, 205px) !important;
    padding: 44px 10px 10px !important;
    box-sizing: border-box !important;
}

.main-navigation.is-open .primary-menu li {
    width: auto !important;
    margin: 0 !important;
}

.main-navigation.is-open .primary-menu li + li {
    margin-top: 6px !important;
}

.main-navigation.is-open .primary-menu a {
    display: block !important;
    width: auto !important;
    white-space: nowrap !important;
    padding: 8px 12px !important;
}

@media(max-width:768px){
    .meow-nav-top-btn {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        font-size: 9px !important;
    }

    .main-navigation.is-open .primary-menu {
        min-width: 108px !important;
        max-width: min(68vw, 190px) !important;
    }
}


/* meow v1.3.3 real compact dropdown menu */

.main-navigation .primary-menu {
    min-width: unset !important;
    width: fit-content !important;
    inline-size: fit-content !important;
    max-width: min(68vw, 180px) !important;
    padding: 10px !important;
    right: 0 !important;
    left: auto !important;
    box-sizing: border-box !important;
}

.main-navigation.is-open .primary-menu,
.main-navigation:focus-within .primary-menu {
    display: inline-block !important;
    min-width: unset !important;
    width: fit-content !important;
    inline-size: fit-content !important;
    max-width: min(68vw, 180px) !important;
    padding: 10px !important;
}

.main-navigation .primary-menu li,
.main-navigation.is-open .primary-menu li {
    display: block !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.main-navigation .primary-menu li + li,
.main-navigation.is-open .primary-menu li + li {
    margin-top: 6px !important;
}

.main-navigation .primary-menu a,
.main-navigation.is-open .primary-menu a {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    .main-navigation .primary-menu,
    .main-navigation.is-open .primary-menu,
    .main-navigation:focus-within .primary-menu {
        max-width: min(64vw, 160px) !important;
        padding: 9px !important;
    }

    .main-navigation .primary-menu a,
    .main-navigation.is-open .primary-menu a {
        padding: 7px 11px !important;
    }
}



/* meow v1.3.4 deep space iOS color system */

:root {
    --mw-bg: #0b0e13 !important;
    --mw-bg-soft: #11151c !important;
    --mw-card: rgba(255,255,255,0.055) !important;
    --mw-card-strong: rgba(255,255,255,0.075) !important;
    --mw-border: rgba(255,255,255,0.12) !important;
    --mw-border-strong: rgba(255,255,255,0.18) !important;
    --mw-text: rgba(255,255,255,0.92) !important;
    --mw-muted: rgba(255,255,255,0.58) !important;
    --mw-accent: #c7d7ff !important;
}

html,
body {
    background:
        radial-gradient(circle at 50% -10%, rgba(75, 102, 150, 0.20), transparent 42%),
        linear-gradient(180deg, #11151c 0%, #0b0e13 100%) !important;
    color: var(--mw-text) !important;
}

body::before {
    background:
        radial-gradient(circle at 20% 0%, rgba(132, 160, 220, 0.10), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(120, 135, 180, 0.08), transparent 30%) !important;
}

.meow-glass,
.site-header,
.posts-wrapper,
.posts-container,
.posts-list,
.primary-menu,
.pagination,
.page-numbers,
.nav-links,
.entry-content,
.single-post .post,
.page .post,
.comments-area {
    background: rgba(255,255,255,0.055) !important;
    border-color: rgba(255,255,255,0.12) !important;
    box-shadow:
        0 18px 55px rgba(0,0,0,0.30),
        inset 0 1px 0 rgba(255,255,255,0.09) !important;
}

.site-header {
    border-color: rgba(255,255,255,0.18) !important;
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.04) inset,
        0 10px 36px rgba(0,0,0,0.32),
        inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

.primary-menu {
    background: rgba(17,21,28,0.84) !important;
    border-color: rgba(255,255,255,0.14) !important;
}

.primary-menu a:hover,
.menu-toggle:hover,
.meow-nav-top-btn:hover,
.page-numbers:hover {
    background: rgba(255,255,255,0.08) !important;
}

a:hover,
.site-title a:hover,
.post-title a:hover {
    color: #d7e2ff !important;
}

.post-date,
.entry-meta,
.wp-block-post-date,
.site-description {
    color: rgba(255,255,255,0.58) !important;
}

.meow-nav-top-btn,
.menu-toggle {
    background: rgba(255,255,255,0.075) !important;
    color: rgba(255,255,255,0.94) !important;
}



/* meow v1.3.5 more breathing space below floating navbar */

.meow-wrap,
.site-main,
.content-area,
.posts-wrapper,
.posts-container,
.posts-list {
    margin-top: 88px !important;
}

@media (max-width: 768px) {
    .meow-wrap,
    .site-main,
    .content-area,
    .posts-wrapper,
    .posts-container,
    .posts-list {
        margin-top: 64px !important;
    }
}



/* meow v1.3.6 ultra narrow inner spacing */

/* big shared cards */
.posts-wrapper,
.posts-container,
.posts-list,
.site-main,
.content-area,
.single-post .post,
.page .post,
.entry-content,
.page .entry-content,
.single .entry-content {
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
}

/* homepage rows align full width */
.post-row,
.posts-list article,
.posts-wrapper article,
.posts-container article {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* date + title alignment */
.post-row {
    grid-template-columns: 102px minmax(0,1fr) !important;
    column-gap: 10px !important;
}

/* article/page content should fill card */
.entry-header,
.entry-title,
.entry-meta,
.entry-content > *,
.page .entry-content > *,
.single .entry-content > * {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* narrow typography alignment */
.entry-title,
.post-title,
.post-row .post-title {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* safer wrapping */
.post-row .post-title,
.entry-title,
.entry-content {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

@media (max-width:768px){

    .posts-wrapper,
    .posts-container,
    .posts-list,
    .site-main,
    .content-area,
    .single-post .post,
    .page .post,
    .entry-content,
    .page .entry-content,
    .single .entry-content {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .post-row {
        grid-template-columns: 82px minmax(0,1fr) !important;
        column-gap: 8px !important;
    }
}



/* meow v1.3.7 nav back arrow */

.meow-back-btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.075) !important;
    color: rgba(255,255,255,.94) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    backdrop-filter: blur(24px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    order: 0 !important;
    transition:
        background .2s ease,
        transform .2s ease !important;
}

.meow-back-btn:hover {
    background: rgba(255,255,255,.11) !important;
    transform: translateX(-1px) !important;
}

.main-navigation {
    gap: 8px !important;
}

@media(max-width:768px){

    .meow-back-btn {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        font-size: 14px !important;
    }

}



/* meow v1.3.8 inline pagination inside posts card */

/* remove standalone pagination card look */
.pagination,
.nav-links {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* add bottom breathing room inside shared posts card */
.posts-wrapper,
.posts-container,
.posts-list {
    padding-bottom: 42px !important;
}

/* move pagination inside article card area */
.posts-wrapper .pagination,
.posts-container .pagination,
.posts-list .pagination,
.posts-wrapper .nav-links,
.posts-container .nav-links,
.posts-list .nav-links {
    margin-top: 26px !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

/* pagination circles */
.page-numbers {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.92) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 4px 18px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}

.page-numbers:hover {
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.16) !important;
    transform: translateY(-1px) !important;
}

.page-numbers.current {
    background: rgba(255,255,255,.14) !important;
    border-color: rgba(255,255,255,.22) !important;
}

@media(max-width:768px){

    .posts-wrapper,
    .posts-container,
    .posts-list {
        padding-bottom: 34px !important;
    }

    .posts-wrapper .pagination,
    .posts-container .pagination,
    .posts-list .pagination,
    .posts-wrapper .nav-links,
    .posts-container .nav-links,
    .posts-list .nav-links {
        margin-top: 22px !important;
        gap: 8px !important;
    }

    .page-numbers {
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
    }
}



/* meow v1.3.9 minimal glass comments */

.meow-comments {
    width: var(--mw-width);
    margin: 34px auto 0 !important;
    padding: 18px 18px 20px !important;
    box-sizing: border-box !important;
    background: rgba(255,255,255,0.055) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: var(--mw-radius) !important;
}

.meow-comment-list {
    list-style: none !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}

.meow-comment {
    margin: 0 !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

.meow-comment:last-child {
    border-bottom: 0 !important;
}

.meow-comment-body {
    background: transparent !important;
    padding: 0 !important;
}

.meow-comment-author {
    color: rgba(255,255,255,0.88) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
}

.meow-comment-text,
.meow-comment-text p {
    color: rgba(255,255,255,0.72) !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

.meow-comment-form {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
}

.meow-comment-form p {
    margin: 0 !important;
}

.comment-form-comment {
    grid-column: 1 / -1 !important;
}

.meow-comment-form input,
.meow-comment-form textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    outline: none !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,0.045) !important;
    color: rgba(255,255,255,0.92) !important;
    padding: 12px 14px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    -webkit-backdrop-filter: blur(18px) !important;
    backdrop-filter: blur(18px) !important;
}

.meow-comment-form textarea {
    min-height: 112px !important;
    resize: vertical !important;
}

.meow-comment-form input::placeholder,
.meow-comment-form textarea::placeholder {
    color: rgba(255,255,255,0.42) !important;
}

.meow-comment-form input:focus,
.meow-comment-form textarea:focus {
    border-color: rgba(255,255,255,0.22) !important;
    background: rgba(255,255,255,0.065) !important;
}

.meow-comment-form .form-submit {
    grid-column: 1 / -1 !important;
    display: flex !important;
    justify-content: flex-start !important;
}

.meow-comment-form .submit {
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.10) !important;
    color: rgba(255,255,255,0.94) !important;
    padding: 10px 18px !important;
    cursor: pointer !important;
    font-size: 13px !important;
    -webkit-backdrop-filter: blur(18px) !important;
    backdrop-filter: blur(18px) !important;
}

.meow-comment-form .submit:hover {
    background: rgba(255,255,255,0.14) !important;
}

.comment-reply-title,
.comment-notes,
.required-field-message,
.logged-in-as,
.no-comments {
    display: none !important;
}

@media (max-width: 768px) {
    .meow-comments {
        padding: 12px !important;
        margin-top: 26px !important;
    }

    .meow-comment-form {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .meow-comment-form input,
    .meow-comment-form textarea {
        border-radius: 16px !important;
        padding: 11px 12px !important;
    }
}



/* meow v1.4.1 ensure comments area is visible */
.meow-comments,
#comments {
    display: block !important;
}

.comments-area.meow-comments {
    display: block !important;
}



/* meow v1.4.2 clean homepage pagination inside posts card */

.posts-list.posts-shell {
    padding-bottom: 18px !important;
}

.posts-list.posts-shell .meow-pagination {
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 18px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.posts-list.posts-shell .meow-pagination ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.posts-list.posts-shell .meow-pagination li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.posts-list.posts-shell .meow-pagination .page-numbers {
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,.065) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.82) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    backdrop-filter: blur(18px) !important;
}

.posts-list.posts-shell .meow-pagination .page-numbers.current {
    background: rgba(255,255,255,.14) !important;
    border-color: rgba(255,255,255,.20) !important;
    color: rgba(255,255,255,.96) !important;
}

.posts-list.posts-shell .meow-pagination a.page-numbers:hover {
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.16) !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 768px) {
    .posts-list.posts-shell .meow-pagination {
        margin-top: 20px !important;
        padding-top: 14px !important;
    }

    .posts-list.posts-shell .meow-pagination ul {
        gap: 7px !important;
    }

    .posts-list.posts-shell .meow-pagination .page-numbers {
        width: 29px !important;
        height: 29px !important;
        min-width: 29px !important;
        font-size: 11px !important;
    }
}



/* meow v1.4.4 final homepage inline pagination */

main#primary > .meow-pagination,
main#primary > .pagination,
main#primary > .nav-links {
    display: none !important;
}

.posts-list.posts-shell {
    padding-bottom: 18px !important;
}

.posts-list.posts-shell .meow-pagination-inline {
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 18px 0 0 !important;
    border-top: 1px solid rgba(255,255,255,0.055) !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.posts-list.posts-shell .meow-pagination-inline .page-numbers {
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,.065) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.82) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    backdrop-filter: blur(18px) !important;
}

.posts-list.posts-shell .meow-pagination-inline .page-numbers.current {
    background: rgba(255,255,255,.14) !important;
    border-color: rgba(255,255,255,.20) !important;
    color: rgba(255,255,255,.96) !important;
}

.posts-list.posts-shell .meow-pagination-inline a.page-numbers:hover {
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.16) !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 768px) {
    .posts-list.posts-shell .meow-pagination-inline {
        margin-top: 20px !important;
        padding-top: 14px !important;
        gap: 7px !important;
    }

    .posts-list.posts-shell .meow-pagination-inline .page-numbers {
        width: 29px !important;
        height: 29px !important;
        min-width: 29px !important;
        font-size: 11px !important;
    }
}



/* meow v1.4.5 redesigned glass comments */

.meow-comments {
    width: var(--mw-width) !important;
    margin: 34px auto 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    background: rgba(255,255,255,0.045) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: var(--mw-radius) !important;
    box-shadow:
        0 18px 55px rgba(0,0,0,0.28),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;
    -webkit-backdrop-filter: blur(22px) !important;
    backdrop-filter: blur(22px) !important;
}

.meow-comment-list,
.meow-comment-list .children {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.meow-comment-list {
    margin-bottom: 14px !important;
}

.meow-comment-list .children {
    margin-left: 42px !important;
    margin-top: 10px !important;
    padding-left: 12px !important;
    border-left: 1px solid rgba(255,255,255,0.07) !important;
}

.meow-comment {
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
}

.meow-comment-body {
    display: flex !important;
    gap: 11px !important;
    padding: 12px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,0.038) !important;
    border: 1px solid rgba(255,255,255,0.085) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.055) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    backdrop-filter: blur(18px) !important;
}

.meow-comment-avatar {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
}

.meow-comment-avatar img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    display: block !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    background: rgba(255,255,255,0.08) !important;
}

.meow-comment-main {
    min-width: 0 !important;
    flex: 1 !important;
}

.meow-comment-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 6px !important;
}

.meow-comment-author {
    color: rgba(255,255,255,0.9) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.meow-comment-reply a,
#cancel-comment-reply-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.065) !important;
    color: rgba(255,255,255,0.62) !important;
    font-size: 11px !important;
    text-decoration: none !important;
}

.meow-comment-reply a:hover,
#cancel-comment-reply-link:hover {
    background: rgba(255,255,255,0.10) !important;
    color: rgba(255,255,255,0.92) !important;
}

.meow-comment-text,
.meow-comment-text p {
    color: rgba(255,255,255,0.72) !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
    margin: 0 !important;
    overflow-wrap: anywhere !important;
}

.meow-comment-panel {
    margin-top: 14px !important;
    padding: 12px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,0.032) !important;
    border: 1px solid rgba(255,255,255,0.075) !important;
}

.meow-comment-form {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
}

.meow-comment-form p {
    margin: 0 !important;
}

.comment-form-comment {
    grid-column: 1 / -1 !important;
    order: -1 !important;
}

.meow-comment-form input,
.meow-comment-form textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255,255,255,0.095) !important;
    outline: none !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,0.045) !important;
    color: rgba(255,255,255,0.92) !important;
    -webkit-text-fill-color: rgba(255,255,255,0.92) !important;
    padding: 12px 14px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.045) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    backdrop-filter: blur(18px) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.meow-comment-form textarea {
    min-height: 118px !important;
    resize: vertical !important;
}

.meow-comment-form input:-webkit-autofill,
.meow-comment-form textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px rgba(18,21,28,0.95) inset !important;
    -webkit-text-fill-color: rgba(255,255,255,0.92) !important;
    caret-color: #fff !important;
}

.meow-comment-form input::placeholder,
.meow-comment-form textarea::placeholder {
    color: rgba(255,255,255,0.38) !important;
    -webkit-text-fill-color: rgba(255,255,255,0.38) !important;
}

.meow-comment-form input:focus,
.meow-comment-form textarea:focus {
    border-color: rgba(255,255,255,0.20) !important;
    background: rgba(255,255,255,0.062) !important;
}

.meow-comment-form .form-submit {
    grid-column: 1 / -1 !important;
    display: flex !important;
    justify-content: flex-start !important;
}

.meow-comment-form .submit {
    width: auto !important;
    min-width: 74px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.105) !important;
    color: rgba(255,255,255,0.94) !important;
    -webkit-text-fill-color: rgba(255,255,255,0.94) !important;
    padding: 10px 18px !important;
    cursor: pointer !important;
    font-size: 13px !important;
}

.meow-comment-form .submit:hover {
    background: rgba(255,255,255,0.15) !important;
}

.comment-reply-title,
.comment-notes,
.required-field-message,
.logged-in-as,
.no-comments,
.form-allowed-tags {
    display: none !important;
}

#respond {
    margin: 0 !important;
}

@media (max-width: 768px) {
    .meow-comments {
        padding: 10px !important;
        margin-top: 26px !important;
    }

    .meow-comment-body {
        gap: 9px !important;
        padding: 10px !important;
        border-radius: 20px !important;
    }

    .meow-comment-avatar,
    .meow-comment-avatar img {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
    }

    .meow-comment-list .children {
        margin-left: 22px !important;
        padding-left: 10px !important;
    }

    .meow-comment-form {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .meow-comment-form input,
    .meow-comment-form textarea {
        border-radius: 16px !important;
        padding: 11px 12px !important;
    }
}



/* meow v1.4.6 unify single/page content cards with homepage card */

.single .entry-content-wrap,
.single-post .entry-content-wrap,
.page .entry-content-wrap {
    width: var(--mw-width) !important;
    margin: 0 auto !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    background: rgba(255,255,255,0.055) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: var(--mw-radius) !important;
    box-shadow:
        0 18px 55px rgba(0,0,0,0.30),
        inset 0 1px 0 rgba(255,255,255,0.09) !important;
    -webkit-backdrop-filter: blur(22px) !important;
    backdrop-filter: blur(22px) !important;
}

/* remove nested card feeling inside article/page */
.single .entry-content,
.single-post .entry-content,
.page .entry-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* title/meta align with homepage ultra-narrow card edge */
.single .post-title,
.single-post .post-title,
.page .post-title,
.single .post-meta,
.single-post .post-meta {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* subtle spacing inside unified card */
.single .post-title,
.single-post .post-title,
.page .post-title {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.single .post-meta,
.single-post .post-meta {
    margin-bottom: 16px !important;
}

/* all content children fill card width */
.single .entry-content > *,
.single-post .entry-content > *,
.page .entry-content > * {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* keep media/images clean inside glass card */
.single .entry-content img,
.single-post .entry-content img,
.page .entry-content img {
    border-radius: 18px !important;
}

/* consistent top spacing under fixed navbar */
.single .site-main,
.single-post .site-main,
.page .site-main {
    margin-top: 88px !important;
}

@media (max-width: 768px) {
    .single .entry-content-wrap,
    .single-post .entry-content-wrap,
    .page .entry-content-wrap {
        padding: 5px !important;
    }

    .single .site-main,
    .single-post .site-main,
    .page .site-main {
        margin-top: 64px !important;
    }

    .single .entry-content img,
    .single-post .entry-content img,
    .page .entry-content img {
        border-radius: 16px !important;
    }
}



/* meow v1.4.8 reply relationship + round avatars */

.meow-comment-avatar,
.meow-comment-parent-avatar {
    border-radius: 999px !important;
    overflow: hidden !important;
}

.meow-comment-avatar img,
.meow-comment-parent-avatar img,
.comment-author img,
.avatar {
    border-radius: 999px !important;
    overflow: hidden !important;
}

.meow-comment-author-line {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
}

.meow-reply-word {
    color: rgba(255,255,255,0.38) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.meow-comment-parent-avatar {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
}

.meow-comment-parent-avatar img {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
}

.meow-comment-parent {
    color: rgba(255,255,255,0.78) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.meow-comment-author {
    color: rgba(255,255,255,0.92) !important;
}

@media (max-width: 768px) {
    .meow-comment-author-line {
        gap: 6px !important;
    }

    .meow-comment-parent-avatar,
    .meow-comment-parent-avatar img {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
    }
}



/* meow v1.5.0 social dock */

.meow-social-dock {
    width: var(--mw-width) !important;
    margin: 22px auto 40px !important;
    padding: 14px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    box-sizing: border-box !important;
}

.meow-social-btn {
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    background: rgba(255,255,255,.055) !important;
    color: rgba(255,255,255,.92) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    -webkit-backdrop-filter: blur(18px) !important;
    backdrop-filter: blur(18px) !important;
}

.meow-social-btn:hover {
    background: rgba(255,255,255,.10) !important;
    transform: translateY(-1px) !important;
}

.meow-social-popover {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0,0,0,.32) !important;
    padding: 18px !important;
}

.meow-social-popover[hidden] {
    display: none !important;
}

.meow-social-popover-card {
    width: 100% !important;
    max-width: 320px !important;
    padding: 18px !important;
    position: relative !important;
    text-align: center !important;
}

.meow-social-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    border: 0 !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.82) !important;
    cursor: pointer !important;
}

.meow-social-popover-head {
    color: rgba(255,255,255,.96) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
}

.meow-social-popover-qr {
    display: flex;
    justify-content: center;
    margin-bottom: 14px;
}

.meow-social-popover-qr img {
    width: 180px !important;
    height: 180px !important;
    object-fit: cover !important;
    border-radius: 22px !important;
}

.meow-social-popover-value {
    color: rgba(255,255,255,.72) !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
    overflow-wrap: anywhere !important;
}

.meow-social-popover-link {
    min-height: 36px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    background: rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.95) !important;
}

@media (max-width:768px){

    .meow-social-dock {
        margin: 18px auto 28px !important;
        padding: 10px !important;
        gap: 8px !important;
    }

    .meow-social-btn {
        width: 38px !important;
        height: 38px !important;
        font-size: 13px !important;
    }

}