html.theme-flat-pop { --fp-black: #0f172a; --fp-ink: #1e293b; --fp-white: #ffffff; --fp-primary: #ff2a7a; --fp-primary-dark: #d81b60; --fp-primary-soft: #fff0f5; --fp-primary-pale: #fdf2f8; --fp-accent-sub: #fce4ec; --fp-yellow: #facc15; --fp-mint: #10b981; --fp-mint-soft: #ecfdf5; --fp-slate-soft: #f8fafc; --fp-area-default: #e91e63; --fp-area-default-bg: #fce4ec; --fp-area-purple: #9c27b0; --fp-area-purple-bg: #f3e5f5; --fp-area-brown: #4e342e; --fp-area-brown-bg: #d7ccc8; --fp-area-pink: #eb6ea0; --fp-area-pink-bg: #fce4ec; --fp-area-red: #d32f2f; --fp-area-red-bg: #ffebee; --fp-area-orange: #f57c00; --fp-area-orange-bg: #fff3e0; --fp-area-blue: #1976d2; --fp-area-blue-bg: #e3f2fd; --fp-area-green: #007e58; --fp-area-green-bg: #e0f2f1; --fp-area-green-light: #558b2f; --fp-area-green-light-bg: #dcedc8; --fp-border: 2.5px solid var(--fp-black); --fp-border-sm: 2px solid var(--fp-black); --fp-border-lg: 3px solid var(--fp-black); --fp-shadow-xs: 2px 2px 0 var(--fp-black); --fp-shadow-sm: 3px 3px 0 var(--fp-black); --fp-shadow-md: 4px 4px 0 var(--fp-black); --fp-shadow-lg: 6px 6px 0 var(--fp-black); --fp-radius-sm: 10px; --fp-radius-md: 14px; --fp-radius-lg: 18px; --fp-radius-pill: 999px; } html.theme-flat-pop body, html.theme-flat-pop body.portal-simple-body { color: var(--fp-ink) !important; } html.theme-flat-pop .site-header { background: var(--fp-white) !important; border-bottom: var(--fp-border-lg) !important; box-shadow: none !important; } html.theme-flat-pop .logo-location { background: #333333 !important; color: var(--fp-white) !important; border: var(--fp-border-sm) !important; border-radius: 6px !important; padding: 3px 12px !important; font-weight: 900 !important; box-shadow: var(--fp-shadow-xs) !important; } html.theme-flat-pop .main-nav { background: transparent !important; border: none !important; box-shadow: none !important; gap: 8px !important; align-items: center !important; padding: 4px 0 !important; } html.theme-flat-pop .main-nav .nav-item { background: var(--fp-white) !important; color: var(--fp-black) !important; border: var(--fp-border-sm) !important; border-radius: var(--fp-radius-pill) !important; height: 40px !important; padding: 0 15px !important; font-weight: 800 !important; font-size: 13.5px !important; box-shadow: var(--fp-shadow-xs) !important; transition: transform 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease, color 0.12s ease !important; } html.theme-flat-pop .main-nav .nav-item::after { display: none !important; } html.theme-flat-pop .main-nav .nav-item i { color: var(--fp-primary) !important; font-size: 16px !important; } html.theme-flat-pop .main-nav .nav-item:hover, html.theme-flat-pop .main-nav .nav-item.active { background: var(--fp-primary) !important; color: var(--fp-white) !important; transform: translate(-1.5px, -1.5px) !important; box-shadow: var(--fp-shadow-sm) !important; } html.theme-flat-pop .main-nav .nav-item:hover i, html.theme-flat-pop .main-nav .nav-item.active i { color: var(--fp-white) !important; } html.theme-flat-pop .main-nav .nav-item:active { transform: translate(1px, 1px) !important; box-shadow: 1px 1px 0 var(--fp-black) !important; } html.theme-flat-pop .bottom-nav { background: var(--fp-white) !important; border-top: var(--fp-border-lg) !important; box-shadow: none !important; backdrop-filter: none !important; } html.theme-flat-pop .bottom-nav-item, html.theme-flat-pop .bottom-nav-item:hover, html.theme-flat-pop .bottom-nav-item:focus, html.theme-flat-pop .bottom-nav-item:active { background: transparent !important; color: var(--fp-black) !important; font-weight: 800 !important; transform: none !important; box-shadow: none !important; } html.theme-flat-pop .bottom-nav-item i, html.theme-flat-pop .bottom-nav-item:hover i, html.theme-flat-pop .bottom-nav-item:focus i, html.theme-flat-pop .bottom-nav-item:active i { background: transparent !important; color: var(--fp-black) !important; border: none !important; padding: 0 !important; box-shadow: none !important; } @media (max-width: 991.98px), (hover: none) { html.theme-flat-pop .main-nav .nav-item:hover, html.theme-flat-pop .main-nav .nav-item:active { background: var(--fp-white) !important; color: var(--fp-black) !important; transform: none !important; box-shadow: var(--fp-shadow-xs) !important; } html.theme-flat-pop .main-nav .nav-item:hover i, html.theme-flat-pop .main-nav .nav-item:active i { color: var(--fp-primary) !important; } html.theme-flat-pop .drawer-nav-item:hover, html.theme-flat-pop .drawer-nav-item:active { background: var(--fp-white) !important; transform: none !important; box-shadow: var(--fp-shadow-xs) !important; } } html.theme-flat-pop .menu-drawer { background: transparent !important; border: none !important; box-shadow: none !important; } html.theme-flat-pop .drawer-content { background: var(--fp-white) !important; border: 2px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .drawer-header { background: var(--fp-primary) !important; border-bottom: 2px solid var(--fp-black) !important; color: var(--fp-white) !important; } html.theme-flat-pop .drawer-header-title, html.theme-flat-pop .drawer-header-title h3, html.theme-flat-pop .drawer-header-title i { color: var(--fp-white) !important; } html.theme-flat-pop .drawer-close { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 50% !important; color: var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .drawer-nav-item { background: var(--fp-white) !important; border: var(--fp-border-sm) !important; border-radius: var(--fp-radius-md) !important; margin: 8px 12px !important; box-shadow: var(--fp-shadow-xs) !important; color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .area-main-content { background: var(--fp-white) !important; border: 2px solid var(--fp-black) !important; box-shadow: none !important; overflow: hidden !important; } html.theme-flat-pop .content-header, html.theme-flat-pop .area-main-content .content-header { background: var(--fp-primary) !important; color: var(--fp-white) !important; border: none !important; border-bottom: 2px solid var(--fp-black) !important; border-radius: 0 !important; box-shadow: none !important; text-shadow: none !important; } html.theme-flat-pop .content-header h1, html.theme-flat-pop .content-header .section-title { color: var(--fp-white) !important; text-shadow: none !important; } html.theme-flat-pop .portal-area-banner { background: var(--fp-primary) !important; border: var(--fp-border-lg) !important; border-radius: var(--fp-radius-lg) !important; box-shadow: var(--fp-shadow-lg) !important; } html.theme-flat-pop .portal-area-banner .banner-speech-pill { background: var(--fp-white) !important; color: var(--fp-primary) !important; border: var(--fp-border-sm) !important; box-shadow: var(--fp-shadow-xs) !important; font-weight: 900 !important; } html.theme-flat-pop .portal-card { background: var(--fp-white) !important; border: var(--fp-border-lg) !important; border-radius: var(--fp-radius-lg) !important; box-shadow: var(--fp-shadow-lg) !important; transition: transform 0.15s ease, box-shadow 0.15s ease !important; } html.theme-flat-pop .portal-card:hover { transform: translate(-3px, -3px) !important; box-shadow: 9px 9px 0 var(--fp-black) !important; } html.theme-flat-pop .portal-card .card-thumb-wrapper { border-bottom: var(--fp-border) !important; } html.theme-flat-pop .portal-card .card-en-sticker { border: var(--fp-border-sm) !important; box-shadow: var(--fp-shadow-xs) !important; font-weight: 900 !important; } html.theme-flat-pop .portal-card .card-arrow-circle { border: var(--fp-border-sm) !important; box-shadow: var(--fp-shadow-xs) !important; } html.theme-flat-pop .portal-card .card-sub-areas { border: 1.5px solid var(--fp-black) !important; color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .top-hero { border-bottom: var(--fp-border-lg) !important; } html.theme-flat-pop .top-news-accordion-container { background: var(--fp-white) !important; border-bottom: var(--fp-border) !important; box-shadow: none !important; } html.theme-flat-pop .top-compact-news-badge { background: var(--fp-primary) !important; color: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: 1.5px 1.5px 0 var(--fp-black) !important; font-weight: 900 !important; } html.theme-flat-pop .top-news-marquee-box .news-date { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .top-news-marquee-box .news-link { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .top-news-toggle-btn { background: var(--fp-primary-soft) !important; color: var(--fp-primary) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: 2px 2px 0 var(--fp-black) !important; font-weight: 900 !important; } html.theme-flat-pop .top-news-toggle-btn:hover { background: var(--fp-primary) !important; color: var(--fp-white) !important; } html.theme-flat-pop .btn-all-news-archive { background: var(--fp-primary-soft) !important; color: var(--fp-black) !important; border: 2px solid var(--fp-black) !important; border-radius: var(--fp-radius-pill) !important; box-shadow: var(--fp-shadow-xs) !important; font-weight: 900 !important; } html.theme-flat-pop .story-ring { background: var(--fp-area-default) !important; border: none !important; padding: 4px !important; box-shadow: none !important; } html.theme-flat-pop .story-ring.purple-theme { background: var(--fp-area-purple) !important; } html.theme-flat-pop .story-ring.brown-theme { background: var(--fp-area-brown) !important; } html.theme-flat-pop .story-ring.pink-theme { background: var(--fp-area-pink) !important; } html.theme-flat-pop .story-ring.red-theme { background: var(--fp-area-red) !important; } html.theme-flat-pop .story-ring.orange-theme { background: var(--fp-area-orange) !important; } html.theme-flat-pop .story-ring.blue-theme { background: var(--fp-area-blue) !important; } html.theme-flat-pop .story-ring.green-theme { background: var(--fp-area-green) !important; } html.theme-flat-pop .story-ring.green-light-theme { background: var(--fp-area-green-light) !important; } html.theme-flat-pop .story-ring .story-img, html.theme-flat-pop .story-ring.pink-theme .story-img, html.theme-flat-pop .story-ring.purple-theme .story-img, html.theme-flat-pop .story-ring.brown-theme .story-img, html.theme-flat-pop .story-ring.red-theme .story-img, html.theme-flat-pop .story-ring.green-theme .story-img, html.theme-flat-pop .story-ring.green-light-theme .story-img, html.theme-flat-pop .story-ring.orange-theme .story-img, html.theme-flat-pop .story-ring.blue-theme .story-img { border: none !important; } html.theme-flat-pop .story-item:hover .story-ring { transform: translateY(-2px) !important; box-shadow: none !important; } html.theme-flat-pop .story-area-badge { background: var(--fp-area-default) !important; color: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: var(--fp-radius-pill) !important; font-weight: 900 !important; box-shadow: none !important; } html.theme-flat-pop .story-area-badge.purple-theme { background: var(--fp-area-purple) !important; } html.theme-flat-pop .story-area-badge.brown-theme { background: var(--fp-area-brown) !important; } html.theme-flat-pop .story-area-badge.pink-theme { background: var(--fp-area-pink) !important; } html.theme-flat-pop .story-area-badge.red-theme { background: var(--fp-area-red) !important; } html.theme-flat-pop .story-area-badge.orange-theme { background: var(--fp-area-orange) !important; } html.theme-flat-pop .story-area-badge.blue-theme { background: var(--fp-area-blue) !important; } html.theme-flat-pop .story-area-badge.green-theme { background: var(--fp-area-green) !important; } html.theme-flat-pop .story-area-badge.green-light-theme { background: var(--fp-area-green-light) !important; } html.theme-flat-pop .story-name { color: var(--fp-black) !important; font-weight: 900 !important; } html.theme-flat-pop .story-shop { color: #475569 !important; font-weight: 700 !important; } html.theme-flat-pop a[href*="buyback-campaign"]:not(.mp2-nav-banner-item) { background: #e11d48 !important; border: var(--fp-border-lg) !important; border-radius: var(--fp-radius-lg) !important; box-shadow: var(--fp-shadow-lg) !important; } html.theme-flat-pop a[href*="buyback-campaign"]:not(.mp2-nav-banner-item) .badge { border: 1.5px solid var(--fp-black) !important; box-shadow: 1.5px 1.5px 0 var(--fp-black) !important; } html.theme-flat-pop a[href*="buyback-campaign"]:not(.mp2-nav-banner-item) .btn { background: var(--fp-white) !important; color: #be123c !important; border: 2px solid var(--fp-black) !important; box-shadow: var(--fp-shadow-sm) !important; font-weight: 900 !important; } html.theme-flat-pop .mp2-post-review-container a[href*="buyback-campaign"] { background: #fff5f8 !important; border: 1.5px solid var(--fp-black) !important; border-radius: 10px !important; box-shadow: none !important; transition: background-color 0.14s ease !important; } @media (hover: hover) { html.theme-flat-pop .mp2-post-review-container a[href*="buyback-campaign"]:hover { background: #ffe4ef !important; } } html.theme-flat-pop .mp2-post-review-container a[href*="buyback-campaign"] .badge { background: #e11d48 !important; color: var(--fp-white) !important; border: 1px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .mp2-home a.mp2-nav-banner-item { background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important; } html.theme-flat-pop .station-sign-btn { background: var(--fp-white) !important; border: var(--fp-border-lg) !important; border-radius: var(--fp-radius-md) !important; box-shadow: var(--fp-shadow-md) !important; padding: 0 !important; transition: transform 0.14s ease, box-shadow 0.14s ease !important; } html.theme-flat-pop .station-sign-btn::before, html.theme-flat-pop .station-sign-btn::after { display: none !important; } html.theme-flat-pop .station-sign-btn:hover { transform: translate(-2.5px, -2.5px) !important; box-shadow: var(--fp-shadow-lg) !important; } html.theme-flat-pop .station-sign-btn:active { transform: translate(1.5px, 1.5px) !important; box-shadow: 1.5px 1.5px 0 var(--fp-black) !important; } html.theme-flat-pop .station-sign-btn .sign-content { background: var(--fp-white) !important; box-shadow: none !important; border-radius: 11px !important; padding: 14px 10px 28px 10px !important; transition: background-color 0.14s ease !important; } html.theme-flat-pop .station-sign-btn.theme-purple:hover .sign-content { background: var(--fp-area-purple-bg) !important; } html.theme-flat-pop .station-sign-btn.theme-brown:hover .sign-content { background: var(--fp-area-brown-bg) !important; } html.theme-flat-pop .station-sign-btn.theme-pink:hover .sign-content { background: var(--fp-area-pink-bg) !important; } html.theme-flat-pop .station-sign-btn.theme-red:hover .sign-content { background: var(--fp-area-red-bg) !important; } html.theme-flat-pop .station-sign-btn.theme-orange:hover .sign-content { background: var(--fp-area-orange-bg) !important; } html.theme-flat-pop .station-sign-btn.theme-blue:hover .sign-content { background: var(--fp-area-blue-bg) !important; } html.theme-flat-pop .station-sign-btn.theme-green:hover .sign-content { background: var(--fp-area-green-bg) !important; } html.theme-flat-pop .station-sign-btn.theme-green-light:hover .sign-content { background: var(--fp-area-green-light-bg) !important; } html.theme-flat-pop .station-sign-btn .sign-kana, html.theme-flat-pop #searchModalArea .station-sign-btn .sign-kana { background: var(--fp-slate-soft) !important; color: var(--fp-black) !important; border: 1.5px solid var(--fp-black) !important; border-radius: var(--fp-radius-pill) !important; padding: 2px 10px !important; font-weight: 900 !important; opacity: 1 !important; margin-bottom: 10px !important; box-shadow: 1.5px 1.5px 0 var(--fp-black) !important; line-height: 1.3 !important; } html.theme-flat-pop .station-sign-btn.theme-purple .sign-kana, html.theme-flat-pop #searchModalArea .station-sign-btn.theme-purple .sign-kana { background: var(--fp-area-purple-bg) !important; } html.theme-flat-pop .station-sign-btn.theme-brown .sign-kana, html.theme-flat-pop #searchModalArea .station-sign-btn.theme-brown .sign-kana { background: var(--fp-area-brown-bg) !important; } html.theme-flat-pop .station-sign-btn.theme-pink .sign-kana, html.theme-flat-pop #searchModalArea .station-sign-btn.theme-pink .sign-kana { background: var(--fp-area-pink-bg) !important; } html.theme-flat-pop .station-sign-btn.theme-red .sign-kana, html.theme-flat-pop #searchModalArea .station-sign-btn.theme-red .sign-kana { background: var(--fp-area-red-bg) !important; } html.theme-flat-pop .station-sign-btn.theme-orange .sign-kana, html.theme-flat-pop #searchModalArea .station-sign-btn.theme-orange .sign-kana { background: var(--fp-area-orange-bg) !important; } html.theme-flat-pop .station-sign-btn.theme-blue .sign-kana, html.theme-flat-pop #searchModalArea .station-sign-btn.theme-blue .sign-kana { background: var(--fp-area-blue-bg) !important; } html.theme-flat-pop .station-sign-btn.theme-green .sign-kana, html.theme-flat-pop #searchModalArea .station-sign-btn.theme-green .sign-kana { background: var(--fp-area-green-bg) !important; } html.theme-flat-pop .station-sign-btn.theme-green-light .sign-kana, html.theme-flat-pop #searchModalArea .station-sign-btn.theme-green-light .sign-kana { background: var(--fp-area-green-light-bg) !important; } html.theme-flat-pop .station-sign-btn .sign-kanji { color: var(--fp-black) !important; font-weight: 900 !important; text-shadow: none !important; margin-bottom: 4px !important; } @media (max-width: 768px) { html.theme-flat-pop .station-sign-btn .sign-content { padding: 10px 6px 20px 6px !important; } html.theme-flat-pop .station-sign-btn .sign-kana, html.theme-flat-pop #searchModalArea .station-sign-btn .sign-kana { padding: 1.5px 8px !important; margin-bottom: 7px !important; } html.theme-flat-pop .station-sign-btn .sign-kanji { margin-bottom: 3px !important; } } html.theme-flat-pop .station-sign-btn .sign-romaji { color: #475569 !important; font-weight: 800 !important; opacity: 1 !important; } html.theme-flat-pop .station-sign-btn .sign-line, html.theme-flat-pop #searchModalArea .station-sign-btn .sign-line { border-top: 2.5px solid var(--fp-black) !important; box-shadow: none !important; border-radius: 0 !important; height: 14px !important; } html.theme-flat-pop .station-sign-btn.theme-purple .sign-line, html.theme-flat-pop #searchModalArea .station-sign-btn.theme-purple .sign-line { background: var(--fp-area-purple) !important; } html.theme-flat-pop .station-sign-btn.theme-brown .sign-line, html.theme-flat-pop #searchModalArea .station-sign-btn.theme-brown .sign-line { background: var(--fp-area-brown) !important; } html.theme-flat-pop .station-sign-btn.theme-pink .sign-line, html.theme-flat-pop #searchModalArea .station-sign-btn.theme-pink .sign-line { background: var(--fp-area-pink) !important; } html.theme-flat-pop .station-sign-btn.theme-red .sign-line, html.theme-flat-pop #searchModalArea .station-sign-btn.theme-red .sign-line { background: var(--fp-area-red) !important; } html.theme-flat-pop .station-sign-btn.theme-orange .sign-line, html.theme-flat-pop #searchModalArea .station-sign-btn.theme-orange .sign-line { background: var(--fp-area-orange) !important; } html.theme-flat-pop .station-sign-btn.theme-blue .sign-line, html.theme-flat-pop #searchModalArea .station-sign-btn.theme-blue .sign-line { background: var(--fp-area-blue) !important; } html.theme-flat-pop .station-sign-btn.theme-green .sign-line, html.theme-flat-pop #searchModalArea .station-sign-btn.theme-green .sign-line { background: var(--fp-area-green) !important; } html.theme-flat-pop .station-sign-btn.theme-green-light .sign-line, html.theme-flat-pop #searchModalArea .station-sign-btn.theme-green-light .sign-line { background: var(--fp-area-green-light) !important; } html.theme-flat-pop .area-section { border-top: var(--fp-border-lg) !important; border-bottom: var(--fp-border-lg) !important; padding-top: 24px !important; padding-bottom: 24px !important; position: relative !important; } html.theme-flat-pop .area-section.default-gradient { background: linear-gradient(180deg, var(--fp-area-default) 0%, var(--fp-area-default) 68%, var(--fp-black) 68%, var(--fp-black) calc(68% + 3px), var(--fp-area-default-bg) calc(68% + 3px), var(--fp-area-default-bg) 100%) !important; } html.theme-flat-pop .area-section.pink-gradient { background: linear-gradient(180deg, var(--fp-area-pink) 0%, var(--fp-area-pink) 68%, var(--fp-black) 68%, var(--fp-black) calc(68% + 3px), var(--fp-area-pink-bg) calc(68% + 3px), var(--fp-area-pink-bg) 100%) !important; } html.theme-flat-pop .area-section.purple-gradient { background: linear-gradient(180deg, var(--fp-area-purple) 0%, var(--fp-area-purple) 68%, var(--fp-black) 68%, var(--fp-black) calc(68% + 3px), var(--fp-area-purple-bg) calc(68% + 3px), var(--fp-area-purple-bg) 100%) !important; } html.theme-flat-pop .area-section.brown-gradient { background: linear-gradient(180deg, var(--fp-area-brown) 0%, var(--fp-area-brown) 68%, var(--fp-black) 68%, var(--fp-black) calc(68% + 3px), var(--fp-area-brown-bg) calc(68% + 3px), var(--fp-area-brown-bg) 100%) !important; } html.theme-flat-pop .area-section.red-gradient { background: linear-gradient(180deg, var(--fp-area-red) 0%, var(--fp-area-red) 68%, var(--fp-black) 68%, var(--fp-black) calc(68% + 3px), var(--fp-area-red-bg) calc(68% + 3px), var(--fp-area-red-bg) 100%) !important; } html.theme-flat-pop .area-section.green-gradient { background: linear-gradient(180deg, var(--fp-area-green) 0%, var(--fp-area-green) 68%, var(--fp-black) 68%, var(--fp-black) calc(68% + 3px), var(--fp-area-green-bg) calc(68% + 3px), var(--fp-area-green-bg) 100%) !important; } html.theme-flat-pop .area-section.green-light-gradient { background: linear-gradient(180deg, var(--fp-area-green-light) 0%, var(--fp-area-green-light) 68%, var(--fp-black) 68%, var(--fp-black) calc(68% + 3px), var(--fp-area-green-light-bg) calc(68% + 3px), var(--fp-area-green-light-bg) 100%) !important; } html.theme-flat-pop .area-section.orange-gradient { background: linear-gradient(180deg, var(--fp-area-orange) 0%, var(--fp-area-orange) 68%, var(--fp-black) 68%, var(--fp-black) calc(68% + 3px), var(--fp-area-orange-bg) calc(68% + 3px), var(--fp-area-orange-bg) 100%) !important; } html.theme-flat-pop .area-section.blue-gradient { background: linear-gradient(180deg, var(--fp-area-blue) 0%, var(--fp-area-blue) 68%, var(--fp-black) 68%, var(--fp-black) calc(68% + 3px), var(--fp-area-blue-bg) calc(68% + 3px), var(--fp-area-blue-bg) 100%) !important; } html.theme-flat-pop .area-section-title h1 { color: var(--fp-white) !important; font-weight: 900 !important; text-shadow: 3px 3px 0 var(--fp-black), -1.5px -1.5px 0 var(--fp-black), 1.5px -1.5px 0 var(--fp-black), -1.5px 1.5px 0 var(--fp-black), 1.5px 1.5px 0 var(--fp-black) !important; letter-spacing: 0.05em !important; } html.theme-flat-pop .area-section-title p { display: inline-block !important; background: var(--fp-white) !important; color: var(--fp-black) !important; border: 2px solid var(--fp-black) !important; border-radius: var(--fp-radius-pill) !important; padding: 2px 16px !important; font-weight: 900 !important; font-size: 13.5px !important; box-shadow: var(--fp-shadow-xs) !important; margin-top: 6px !important; } html.theme-flat-pop .area-card, html.theme-flat-pop .review-card { background: var(--fp-white) !important; border: var(--fp-border) !important; border-radius: var(--fp-radius-md) !important; box-shadow: var(--fp-shadow-md) !important; transition: transform 0.14s ease, box-shadow 0.14s ease !important; } html.theme-flat-pop .area-card:hover, html.theme-flat-pop .review-card:hover { transform: translate(-2.5px, -2.5px) !important; box-shadow: var(--fp-shadow-lg) !important; } html.theme-flat-pop .area-card-image, html.theme-flat-pop .review-card-image { border-bottom: var(--fp-border) !important; } html.theme-flat-pop .area-card-avatar { border: 2px solid var(--fp-black) !important; box-shadow: 1.5px 1.5px 0 var(--fp-black) !important; } html.theme-flat-pop .area-card-title { color: var(--fp-black) !important; font-weight: 900 !important; } html.theme-flat-pop .review-card-area-badge { background: var(--fp-area-default) !important; color: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 6px !important; font-weight: 900 !important; box-shadow: 1.5px 1.5px 0 var(--fp-black) !important; } html.theme-flat-pop .review-card-area-badge.pink-theme { background: var(--fp-area-pink) !important; } html.theme-flat-pop .review-card-area-badge.purple-theme { background: var(--fp-area-purple) !important; } html.theme-flat-pop .review-card-area-badge.brown-theme { background: var(--fp-area-brown) !important; } html.theme-flat-pop .review-card-area-badge.red-theme { background: var(--fp-area-red) !important; } html.theme-flat-pop .review-card-area-badge.green-theme { background: var(--fp-area-green) !important; } html.theme-flat-pop .review-card-area-badge.green-light-theme { background: var(--fp-area-green-light) !important; } html.theme-flat-pop .review-card-area-badge.orange-theme { background: var(--fp-area-orange) !important; } html.theme-flat-pop .review-card-area-badge.blue-theme { background: var(--fp-area-blue) !important; } html.theme-flat-pop .review-card-content { background: var(--fp-white) !important; } html.theme-flat-pop .review-card-text { color: var(--fp-black) !important; font-weight: 700 !important; } html.theme-flat-pop .review-card-remaining { background: var(--fp-primary-soft) !important; color: var(--fp-primary) !important; padding: 1px 6px !important; border-radius: var(--fp-radius-pill) !important; border: 1px solid var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .area-action-btn { background: var(--fp-white) !important; color: var(--fp-primary) !important; border: var(--fp-border) !important; border-radius: var(--fp-radius-pill) !important; box-shadow: var(--fp-shadow-md) !important; font-weight: 900 !important; padding: 12px 30px !important; transition: transform 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease !important; } html.theme-flat-pop .area-action-btn:hover { background: var(--fp-primary) !important; color: var(--fp-white) !important; transform: translate(-2px, -2px) !important; box-shadow: var(--fp-shadow-lg) !important; } html.theme-flat-pop .area-action-btn:active { transform: translate(1.5px, 1.5px) !important; box-shadow: 1.5px 1.5px 0 var(--fp-black) !important; } html.theme-flat-pop .ranking-filter-section { background: var(--fp-slate-soft) !important; border: none !important; border-bottom: 2px solid var(--fp-black) !important; border-radius: 0 !important; box-shadow: none !important; } html.theme-flat-pop .ranking-tab-btn { background: var(--fp-white) !important; color: var(--fp-black) !important; border: 1.5px solid var(--fp-black) !important; border-radius: var(--fp-radius-pill) !important; box-shadow: none !important; font-weight: 700 !important; transition: transform 0.12s ease, background-color 0.12s ease, color 0.12s ease !important; } @media (hover: hover) { html.theme-flat-pop .ranking-tab-btn:hover:not(.active) { background: var(--fp-primary-soft) !important; color: var(--fp-primary) !important; border-color: var(--fp-black) !important; transform: translateY(-1px) !important; box-shadow: none !important; } } html.theme-flat-pop .ranking-tab-btn.active { background: var(--fp-primary) !important; color: var(--fp-white) !important; border-color: var(--fp-black) !important; box-shadow: none !important; font-weight: 800 !important; } @media (max-width: 575.98px) { html.theme-flat-pop .scroll-indicator.scroll-left { background: linear-gradient(to right, var(--fp-slate-soft) 60%, transparent) !important; border-left: none !important; color: var(--fp-primary) !important; } html.theme-flat-pop .scroll-indicator.scroll-right { background: linear-gradient(to left, var(--fp-slate-soft) 60%, transparent) !important; border-right: none !important; color: var(--fp-primary) !important; } } html.theme-flat-pop .therapist-part-card, html.theme-flat-pop .therapist-card { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; padding: 0 !important; overflow: hidden !important; transition: transform 0.14s ease !important; } @media (hover: hover) { html.theme-flat-pop .therapist-part-card:hover, html.theme-flat-pop .therapist-card:hover { transform: translateY(-2px) !important; box-shadow: none !important; border-color: var(--fp-black) !important; } } @media (hover: none) { html.theme-flat-pop .therapist-part-card:hover, html.theme-flat-pop .therapist-card:hover { transform: none !important; box-shadow: none !important; border-color: var(--fp-black) !important; } } html.theme-flat-pop .therapist-part-card-image-wrapper, html.theme-flat-pop .therapist-card-image-wrapper { border-radius: 0 !important; border-bottom: 1.5px solid var(--fp-black) !important; } html.theme-flat-pop .therapist-part-rank-badge, html.theme-flat-pop .therapist-card-rank-badge, html.theme-flat-pop .therapist-card-area-badge { border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; font-weight: 800 !important; } html.theme-flat-pop .therapist-card-area-badge { background: var(--fp-white) !important; color: var(--fp-primary) !important; } html.theme-flat-pop .bg-gold { background: #fbbf24 !important; color: var(--fp-black) !important; } html.theme-flat-pop .bg-silver { background: #e2e8f0 !important; color: var(--fp-black) !important; } html.theme-flat-pop .bg-bronze { background: #d97706 !important; color: var(--fp-white) !important; } html.theme-flat-pop .bg-rank-default { background: var(--fp-primary) !important; color: var(--fp-white) !important; } html.theme-flat-pop .therapist-card-favorite, html.theme-flat-pop .therapist-part-favorite, html.theme-flat-pop .favorite-btn { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .therapist-part-review-badge, html.theme-flat-pop .therapist-card-review-badge { background: var(--fp-black) !important; color: var(--fp-white) !important; border: 1px solid rgba(255, 255, 255, 0.45) !important; box-shadow: none !important; font-weight: 700 !important; } html.theme-flat-pop .therapist-part-review-badge i, html.theme-flat-pop .therapist-card-review-badge i { color: #fbbf24 !important; } html.theme-flat-pop .therapist-part-review-badge.review-wanted, html.theme-flat-pop .therapist-card-review-badge.review-wanted { background: var(--fp-white) !important; color: var(--fp-primary) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .therapist-part-review-badge.review-wanted i, html.theme-flat-pop .therapist-card-review-badge.review-wanted i { color: var(--fp-primary) !important; } html.theme-flat-pop .therapist-part-name, html.theme-flat-pop .therapist-card-name { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .therapist-part-shop-name, html.theme-flat-pop .therapist-card-shop-name { color: #475569 !important; font-weight: 600 !important; } html.theme-flat-pop .therapist-part-tag, html.theme-flat-pop .therapist-card-tag { border: 1.5px solid var(--fp-black) !important; font-weight: 700 !important; } html.theme-flat-pop .therapist-part-tag.premium, html.theme-flat-pop .therapist-card-tag.premium { background: var(--fp-primary) !important; color: var(--fp-white) !important; } html.theme-flat-pop .therapist-part-tag.recommend, html.theme-flat-pop .therapist-card-tag.recommend { background: #4caf50 !important; color: var(--fp-white) !important; } html.theme-flat-pop .therapist-part-tag.category, html.theme-flat-pop .therapist-card-tag.category { background: var(--fp-slate-soft) !important; color: var(--fp-black) !important; } html.theme-flat-pop .therapist-part-rating { background: var(--fp-primary-soft) !important; border: 1px solid var(--fp-black) !important; border-radius: 6px !important; box-shadow: none !important; } html.theme-flat-pop .therapist-part-rating-label { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .therapist-part-rating-stars, html.theme-flat-pop .therapist-part-rating-score { color: var(--fp-primary) !important; font-weight: 800 !important; } html.theme-flat-pop .search-result-info { background: var(--fp-slate-soft) !important; border: none !important; border-bottom: 2px solid var(--fp-black) !important; border-radius: 0 !important; box-shadow: none !important; } html.theme-flat-pop .search-condition-btn { background: var(--fp-black) !important; color: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: var(--fp-radius-pill) !important; box-shadow: 2px 2px 0 rgba(15, 23, 42, 0.22) !important; } @media (hover: hover) { html.theme-flat-pop .search-condition-btn:hover { background: var(--fp-primary) !important; color: var(--fp-white) !important; border-color: var(--fp-black) !important; transform: translate(-1px, -1px) !important; box-shadow: 2.5px 2.5px 0 var(--fp-black) !important; } } html.theme-flat-pop .result-count-number { color: var(--fp-primary) !important; } html.theme-flat-pop .sort-select { background-color: var(--fp-white) !important; color: var(--fp-black) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 8px !important; box-shadow: 1.5px 1.5px 0 var(--fp-black) !important; } html.theme-flat-pop .shop-search-card { background-color: #fff5f8 !important; background-image: radial-gradient(circle, rgba(255, 42, 122, 0.16) 1.25px, transparent 0) !important; background-size: 12px 12px !important; border: 2px solid var(--fp-black) !important; border-radius: 16px !important; box-shadow: 3px 3px 0 var(--fp-black) !important; transition: transform 0.14s ease, box-shadow 0.14s ease !important; } @media (hover: hover) { html.theme-flat-pop .shop-search-card:hover { transform: translate(-1.5px, -1.5px) !important; box-shadow: 4.5px 4.5px 0 var(--fp-black) !important; border-color: var(--fp-black) !important; } } @media (hover: none) { html.theme-flat-pop .shop-search-card:hover { transform: none !important; box-shadow: 3px 3px 0 var(--fp-black) !important; border-color: var(--fp-black) !important; } } html.theme-flat-pop .shop-badge { border: 1.5px solid var(--fp-black) !important; border-radius: 6px !important; box-shadow: none !important; } html.theme-flat-pop .shop-badge.campaign { background: #fff3e0 !important; color: #c2410c !important; } html.theme-flat-pop .shop-badge.recommend { background: #e0f2fe !important; color: #0369a1 !important; } html.theme-flat-pop .shop-badge.review-bonus { background: var(--fp-white) !important; color: var(--fp-primary) !important; } html.theme-flat-pop .shop-card-header { background: var(--fp-area-default) !important; border-bottom: 2px solid var(--fp-black) !important; } html.theme-flat-pop .shop-card-header.purple-theme { background: var(--fp-area-purple) !important; } html.theme-flat-pop .shop-card-header.brown-theme { background: var(--fp-area-brown) !important; } html.theme-flat-pop .shop-card-header.pink-theme { background: var(--fp-area-pink) !important; } html.theme-flat-pop .shop-card-header.red-theme { background: var(--fp-area-red) !important; } html.theme-flat-pop .shop-card-header.orange-theme { background: var(--fp-area-orange) !important; } html.theme-flat-pop .shop-card-header.blue-theme { background: var(--fp-area-blue) !important; } html.theme-flat-pop .shop-card-header.green-theme { background: var(--fp-area-green) !important; } html.theme-flat-pop .shop-card-header.green-light-theme { background: var(--fp-area-green-light) !important; } html.theme-flat-pop .shop-card-name, html.theme-flat-pop .shop-card-name a, html.theme-flat-pop .shop-search-card:hover .shop-card-name a { color: var(--fp-white) !important; } html.theme-flat-pop .shop-card-name a::after, html.theme-flat-pop .shop-search-card:hover .shop-card-name a::after { color: rgba(255, 255, 255, 0.9) !important; } @media (hover: hover) { html.theme-flat-pop .shop-card-name a:hover { color: var(--fp-white) !important; opacity: 0.88 !important; } } html.theme-flat-pop .shop-card-area { background: var(--fp-white) !important; color: var(--fp-black) !important; border: 1.5px solid var(--fp-black) !important; border-radius: var(--fp-radius-pill) !important; padding: 2px 8px !important; font-weight: 800 !important; box-shadow: 1.5px 1.5px 0 var(--fp-black) !important; } html.theme-flat-pop .shop-favorite-btn { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: 1.5px 1.5px 0 var(--fp-black) !important; } html.theme-flat-pop .shop-card-meta-row { border-top: none !important; padding-top: 0 !important; } html.theme-flat-pop .shop-review-count { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .shop-detail-item { background: var(--fp-white) !important; color: var(--fp-black) !important; border: 1px solid var(--fp-black) !important; border-radius: 6px !important; font-weight: 800 !important; } html.theme-flat-pop .shop-detail-item i { color: var(--fp-primary) !important; } html.theme-flat-pop .shop-therapist-thumb { border: 1.5px solid var(--fp-black) !important; border-radius: 6px !important; box-shadow: none !important; } html.theme-flat-pop .thumb-review-badge { background: var(--fp-black) !important; color: var(--fp-white) !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; box-shadow: none !important; } html.theme-flat-pop .pagination-link:not(.pagination-prev):not(.pagination-next):not(.active) { background: var(--fp-white) !important; color: var(--fp-black) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 8px !important; box-shadow: 2px 2px 0 var(--fp-black) !important; } @media (hover: hover) { html.theme-flat-pop .pagination-link:not(.pagination-prev):not(.pagination-next):hover:not(.disabled):not(.active) { background: var(--fp-primary-soft) !important; color: var(--fp-primary) !important; border-color: var(--fp-black) !important; transform: translate(-1px, -1px) !important; box-shadow: 3px 3px 0 var(--fp-black) !important; } } html.theme-flat-pop .pagination-item.active .pagination-link, html.theme-flat-pop .pagination-link.active, html.theme-flat-pop .pagination-link.active:not(.pagination-prev):not(.pagination-next) { background: var(--fp-primary) !important; color: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 8px !important; box-shadow: 2px 2px 0 var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .pagination-prev, html.theme-flat-pop .pagination-next { background: transparent !important; border: none !important; box-shadow: none !important; color: var(--fp-black) !important; } html.theme-flat-pop .view-toggle-btn { background: var(--fp-white) !important; color: var(--fp-black) !important; border: 1.5px solid var(--fp-black) !important; border-radius: var(--fp-radius-pill) !important; box-shadow: none !important; } @media (hover: hover) { html.theme-flat-pop .view-toggle-btn:hover:not(.active) { background: var(--fp-primary-soft) !important; color: var(--fp-primary) !important; border-color: var(--fp-black) !important; } } html.theme-flat-pop .view-toggle-btn.active { background: var(--fp-primary) !important; color: var(--fp-white) !important; border-color: var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .therapist-search-card { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; transition: transform 0.14s ease !important; } @media (hover: hover) { html.theme-flat-pop .therapist-search-card:hover { transform: translateY(-2px) !important; box-shadow: none !important; border-color: var(--fp-black) !important; } } @media (hover: none) { html.theme-flat-pop .therapist-search-card:hover { transform: none !important; box-shadow: none !important; border-color: var(--fp-black) !important; } } html.theme-flat-pop .therapist-search-card-image-wrapper { border-radius: 0 !important; border-bottom: 1.5px solid var(--fp-black) !important; } html.theme-flat-pop .therapist-search-favorite, html.theme-flat-pop .therapist-detail-favorite { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .therapist-search-review-badge, html.theme-flat-pop .therapist-detail-review-badge { background: var(--fp-black) !important; color: var(--fp-white) !important; border: 1px solid rgba(255, 255, 255, 0.45) !important; box-shadow: none !important; } html.theme-flat-pop .therapist-search-review-badge.review-wanted, html.theme-flat-pop .therapist-detail-review-badge.review-wanted { background: var(--fp-white) !important; color: var(--fp-primary) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .therapist-search-card-info { background: var(--fp-white) !important; } html.theme-flat-pop .therapist-search-shop-name, html.theme-flat-pop .therapist-detail-shop-name { color: #475569 !important; font-weight: 600 !important; } html.theme-flat-pop .therapist-search-name, html.theme-flat-pop .therapist-detail-name { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .therapist-search-rating-carousel { background: var(--fp-primary-soft) !important; border: 1px solid var(--fp-black) !important; border-radius: 6px !important; box-shadow: none !important; } html.theme-flat-pop .therapist-detail-card { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 12px !important; box-shadow: none !important; transition: transform 0.14s ease !important; } @media (hover: hover) { html.theme-flat-pop .therapist-detail-card:hover { transform: translateY(-2px) !important; box-shadow: none !important; border-color: var(--fp-black) !important; } } @media (hover: none) { html.theme-flat-pop .therapist-detail-card:hover { transform: none !important; box-shadow: none !important; border-color: var(--fp-black) !important; } } html.theme-flat-pop .therapist-detail-image-wrapper { border-radius: 0 !important; border-right: 1.5px solid var(--fp-black) !important; } html.theme-flat-pop .therapist-detail-card .therapist-rating-grid { background: #fff5f8 !important; border-radius: 0 !important; padding: 3px !important; } html.theme-flat-pop .therapist-detail-card .therapist-rating-row { background: var(--fp-white) !important; border: 1px solid #f9a8d4 !important; border-radius: 5px !important; box-shadow: none !important; } html.theme-flat-pop .therapist-detail-card .therapist-rating-row:nth-child(2) { border-top-right-radius: 8px !important; } html.theme-flat-pop .therapist-detail-bottom { background: var(--fp-white) !important; border-top: 1.5px solid var(--fp-black) !important; } html.theme-flat-pop .therapist-detail-btn { background: var(--fp-primary-soft) !important; color: var(--fp-black) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 6px !important; box-shadow: none !important; font-weight: 700 !important; } html.theme-flat-pop .therapist-detail-btn i { color: var(--fp-primary) !important; } @media (hover: hover) { html.theme-flat-pop .therapist-detail-card:hover .therapist-detail-btn { background: var(--fp-primary) !important; color: var(--fp-white) !important; border-color: var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .therapist-detail-card:hover .therapist-detail-btn i { color: var(--fp-white) !important; } } html.theme-flat-pop .review-search-card { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 12px !important; box-shadow: none !important; overflow: hidden !important; } html.theme-flat-pop .review-search-card:hover { box-shadow: none !important; border-color: var(--fp-black) !important; } html.theme-flat-pop .review-search-card .review-card-image-wrapper { border-right: 1.5px solid var(--fp-black) !important; } html.theme-flat-pop .review-search-card .review-card-image { border-bottom: none !important; } html.theme-flat-pop .review-search-card .review-card-content { background: var(--fp-white) !important; padding-top: 0 !important; } html.theme-flat-pop .review-search-card .review-card-evidence-bar { background: #00c853 !important; color: var(--fp-white) !important; border-bottom: 1.5px solid var(--fp-black) !important; font-weight: 700 !important; } html.theme-flat-pop .review-search-card .review-card-evidence-bar.unconfirmed { background: #b3b3b3 !important; color: var(--fp-white) !important; } html.theme-flat-pop .review-card-shop-link { color: #475569 !important; font-weight: 700 !important; } html.theme-flat-pop .review-card-name-link { color: var(--fp-black) !important; font-weight: 800 !important; } @media (hover: hover) { html.theme-flat-pop .review-card-shop-link:hover, html.theme-flat-pop .review-card-name-link:hover { color: var(--fp-primary) !important; } } html.theme-flat-pop .review-search-card .review-card-area-badge { border: 1px solid var(--fp-black) !important; border-radius: 4px !important; box-shadow: none !important; font-weight: 800 !important; } html.theme-flat-pop .review-card-rating-carousel { background: var(--fp-primary-soft) !important; border: 1px solid var(--fp-black) !important; border-radius: 6px !important; box-shadow: none !important; } html.theme-flat-pop .review-card-rating-carousel .rating-carousel-label { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .review-card-rating-carousel .rating-carousel-stars i, html.theme-flat-pop .review-card-rating-carousel .rating-carousel-score { color: var(--fp-primary) !important; } html.theme-flat-pop .review-search-card .review-card-text { color: var(--fp-black) !important; font-weight: 500 !important; } html.theme-flat-pop .review-card-price { color: var(--fp-primary) !important; font-weight: 800 !important; } html.theme-flat-pop button.review-card-btn, html.theme-flat-pop .review-card-btn { background: var(--fp-primary-soft) !important; color: var(--fp-black) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 6px !important; box-shadow: none !important; font-weight: 700 !important; } @media (hover: hover) { html.theme-flat-pop .review-search-card:hover .review-card-btn { background: var(--fp-primary-soft) !important; border-color: var(--fp-black) !important; color: var(--fp-black) !important; } html.theme-flat-pop button.review-card-btn:hover, html.theme-flat-pop .review-card-btn:hover { background: var(--fp-primary) !important; color: var(--fp-white) !important; border-color: var(--fp-black) !important; } } html.theme-flat-pop .review-detail-modal-dialog { border: 2px solid var(--fp-black) !important; border-radius: 14px !important; box-shadow: none !important; } html.theme-flat-pop .review-detail-modal-close { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; color: var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .modal-kuchikomi-card { border: 1.5px solid var(--fp-black) !important; border-radius: 10px !important; box-shadow: none !important; } html.theme-flat-pop .modal-kuchikomi-card .review-card-evidence-bar { border-bottom: 1.5px solid var(--fp-black) !important; } html.theme-flat-pop .modal-therapist-info { background: var(--fp-slate-soft) !important; border-bottom: 1.5px solid var(--fp-black) !important; } html.theme-flat-pop .modal-therapist-image { border: 1.5px solid var(--fp-black) !important; } html.theme-flat-pop .modal-kuchikomi-card .review-favorite-btn { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .modal-kuchikomi-card .kuchikomi-rating-row { background: #fff5f8 !important; border: 1px solid #f9a8d4 !important; border-radius: 5px !important; } html.theme-flat-pop .modal-kuchikomi-card .kuchikomi-content { background: var(--fp-slate-soft) !important; border: 1px solid #cbd5e1 !important; border-radius: 6px !important; } html.theme-flat-pop .therapist-detail-section { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 14px !important; box-shadow: none !important; } html.theme-flat-pop .therapist-main-image { border: 1.5px solid var(--fp-black) !important; border-radius: 12px !important; box-shadow: none !important; } html.theme-flat-pop .sub-image { border: 1.5px solid var(--fp-black) !important; border-radius: 8px !important; box-shadow: none !important; } html.theme-flat-pop .sub-image.active { border: 2px solid var(--fp-primary) !important; } html.theme-flat-pop .sub-image.is-empty { border: 1.5px dashed #cbd5e1 !important; } html.theme-flat-pop .therapist-name-block { border-bottom: 1.5px solid var(--fp-black) !important; } html.theme-flat-pop .therapist-name { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .therapist-favorite-btn { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .badge-link-shop { background: var(--fp-primary-soft) !important; color: var(--fp-primary) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; font-weight: 700 !important; } html.theme-flat-pop .badge-link-official { background: #3b82f6 !important; color: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; font-weight: 700 !important; } @media (hover: hover) { html.theme-flat-pop .badge-link-shop:hover { background: var(--fp-primary) !important; color: var(--fp-white) !important; border-color: var(--fp-black) !important; } html.theme-flat-pop .badge-link-official:hover { background: #2563eb !important; color: var(--fp-white) !important; border-color: var(--fp-black) !important; box-shadow: none !important; } } html.theme-flat-pop .therapist-detail-section .therapist-ratings { background: #fff5f8 !important; border: 1.5px solid var(--fp-black) !important; border-radius: 12px !important; box-shadow: none !important; } html.theme-flat-pop .therapist-detail-section .therapist-rating-row { background: var(--fp-white) !important; border: 1px solid #f9a8d4 !important; border-radius: 8px !important; box-shadow: none !important; } html.theme-flat-pop .therapist-features { background: var(--fp-slate-soft) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 10px !important; box-shadow: none !important; } html.theme-flat-pop .therapist-ai-summary-text { background: var(--fp-white) !important; color: var(--fp-black) !important; border: 1px solid #cbd5e1 !important; border-left: 3px solid var(--fp-primary) !important; } html.theme-flat-pop .kuchikomi-section .section-title, html.theme-flat-pop .related-therapists-section .section-title { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .kuchikomi-post-btn { background: var(--fp-primary) !important; color: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: var(--fp-radius-pill) !important; box-shadow: none !important; font-weight: 700 !important; } @media (hover: hover) { html.theme-flat-pop .kuchikomi-post-btn:hover { background: var(--fp-primary-dark) !important; color: var(--fp-white) !important; transform: translateY(-1px) !important; box-shadow: none !important; } } html.theme-flat-pop .kuchikomi-card { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 12px !important; box-shadow: none !important; } html.theme-flat-pop .kuchikomi-card:hover { transform: none !important; box-shadow: none !important; } html.theme-flat-pop .kuchikomi-card .review-card-evidence-bar { background: #00c853 !important; color: var(--fp-white) !important; border-bottom: 1.5px solid var(--fp-black) !important; font-weight: 700 !important; } html.theme-flat-pop .kuchikomi-card .review-card-evidence-bar.unconfirmed { background: #b3b3b3 !important; color: var(--fp-white) !important; } html.theme-flat-pop .kuchikomi-header { border-bottom: 1px solid #cbd5e1 !important; } html.theme-flat-pop .kuchikomi-card .review-favorite-btn { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .kuchikomi-card .kuchikomi-rating-row { background: #fff5f8 !important; border: 1px solid #f9a8d4 !important; border-radius: 6px !important; box-shadow: none !important; } html.theme-flat-pop .kuchikomi-card .kuchikomi-rating-label { color: var(--fp-black) !important; font-weight: 700 !important; } html.theme-flat-pop .kuchikomi-card .kuchikomi-text { color: var(--fp-black) !important; } html.theme-flat-pop .kuchikomi-payment-info { background: var(--fp-slate-soft) !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; } html.theme-flat-pop .option-tag { box-shadow: none !important; } html.theme-flat-pop .no-reviews-message { background: #fff5f8 !important; border: 1.5px dashed var(--fp-primary) !important; border-radius: 12px !important; } html.theme-flat-pop .no-reviews-action-btn { background: var(--fp-white) !important; color: var(--fp-primary) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .related-therapist-card { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; transition: transform 0.14s ease !important; } @media (hover: hover) { html.theme-flat-pop .related-therapist-card:hover { transform: translateY(-2px) !important; box-shadow: none !important; border-color: var(--fp-black) !important; } } @media (hover: none) { html.theme-flat-pop .related-therapist-card:hover { transform: none !important; box-shadow: none !important; border-color: var(--fp-black) !important; } } html.theme-flat-pop .related-therapist-card-image-wrapper { border-radius: 0 !important; border-bottom: 1.5px solid var(--fp-black) !important; } html.theme-flat-pop .related-therapist-review-badge { background: var(--fp-black) !important; color: var(--fp-white) !important; border: 1px solid rgba(255, 255, 255, 0.45) !important; box-shadow: none !important; } html.theme-flat-pop .related-therapist-review-badge.review-wanted { background: var(--fp-white) !important; color: var(--fp-primary) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .related-therapist-card-info { background: var(--fp-white) !important; } html.theme-flat-pop .related-therapist-shop-name { color: #475569 !important; font-weight: 600 !important; } html.theme-flat-pop .related-therapist-name { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .related-therapist-rating-carousel { background: var(--fp-primary-soft) !important; border: 1px solid var(--fp-black) !important; border-radius: 6px !important; box-shadow: none !important; } html.theme-flat-pop .shop-detail-header { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 14px !important; box-shadow: none !important; } html.theme-flat-pop .shop-detail-header > img.img-fluid { border-bottom: 1.5px solid var(--fp-black) !important; } html.theme-flat-pop .shop-detail-image { border: 1.5px solid var(--fp-black) !important; border-radius: 10px !important; box-shadow: none !important; } html.theme-flat-pop .shop-area-badge { background: var(--fp-area-default) !important; color: var(--fp-white) !important; border: 1px solid var(--fp-black) !important; border-radius: 4px !important; box-shadow: none !important; font-weight: 800 !important; } html.theme-flat-pop .shop-area-badge.pink-theme { background: var(--fp-area-pink) !important; } html.theme-flat-pop .shop-area-badge.purple-theme { background: var(--fp-area-purple) !important; } html.theme-flat-pop .shop-area-badge.brown-theme { background: var(--fp-area-brown) !important; } html.theme-flat-pop .shop-area-badge.red-theme { background: var(--fp-area-red) !important; } html.theme-flat-pop .shop-area-badge.orange-theme { background: var(--fp-area-orange) !important; } html.theme-flat-pop .shop-area-badge.blue-theme { background: var(--fp-area-blue) !important; } html.theme-flat-pop .shop-area-badge.green-theme { background: var(--fp-area-green) !important; } html.theme-flat-pop .shop-area-badge.green-light-theme { background: var(--fp-area-green-light) !important; } html.theme-flat-pop .shop-category-badge { background: var(--fp-slate-soft) !important; color: var(--fp-black) !important; border: 1px solid var(--fp-black) !important; border-radius: 4px !important; font-weight: 700 !important; } html.theme-flat-pop .shop-detail-header .shop-favorite-btn { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .shop-detail-name { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .shop-rating-stars i, html.theme-flat-pop .shop-rating-score, html.theme-flat-pop .shop-budget-label i, html.theme-flat-pop .shop-budget-value { color: var(--fp-primary) !important; } html.theme-flat-pop .shop-features { background: var(--fp-slate-soft) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 10px !important; box-shadow: none !important; } html.theme-flat-pop .shop-ai-summary-text { background: var(--fp-white) !important; color: var(--fp-black) !important; border: 1px solid #cbd5e1 !important; border-left: 3px solid var(--fp-primary) !important; } html.theme-flat-pop #therapists.shop-detail-section, html.theme-flat-pop #reviews.shop-detail-section { background: transparent !important; border: none !important; border-radius: 0 !important; padding: 0 !important; box-shadow: none !important; } html.theme-flat-pop .shop-detail-section .section-header { background: var(--fp-primary) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 10px !important; box-shadow: none !important; } html.theme-flat-pop .shop-detail-section .section-header .section-title { color: var(--fp-white) !important; font-weight: 800 !important; } html.theme-flat-pop .shop-detail-section .section-count { background: var(--fp-white) !important; color: var(--fp-black) !important; border: 1.5px solid var(--fp-black) !important; font-weight: 800 !important; box-shadow: none !important; } html.theme-flat-pop .review-search-card .review-card-shop { color: #475569 !important; font-weight: 700 !important; } html.theme-flat-pop .review-search-card .review-card-name { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .notices-main-card { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 14px !important; box-shadow: none !important; padding: 14px 16px !important; } @media (max-width: 576px) { html.theme-flat-pop .notices-main-card { padding: 10px 8px !important; } } html.theme-flat-pop .archive-header-box { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 12px !important; box-shadow: none !important; } html.theme-flat-pop .archive-title { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .archive-title i { color: var(--fp-primary) !important; } html.theme-flat-pop .archive-badge-total { background: var(--fp-primary) !important; color: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; font-weight: 800 !important; box-shadow: none !important; } html.theme-flat-pop .notice-empty-box { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 12px !important; box-shadow: none !important; } html.theme-flat-pop .public-notice-accordion .accordion-item { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 12px !important; box-shadow: none !important; } html.theme-flat-pop .public-notice-accordion .accordion-item:hover { border-color: var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .public-notice-accordion .accordion-button { background: var(--fp-white) !important; color: var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .public-notice-accordion .accordion-button:not(.collapsed) { background: #fff5f8 !important; border-bottom: 1.5px solid var(--fp-black) !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } html.theme-flat-pop .public-notice-accordion .accordion-button::after { opacity: 1 !important; } html.theme-flat-pop .notice-date-badge { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .public-notice-accordion .badge.bg-danger-subtle { background: var(--fp-primary) !important; color: var(--fp-white) !important; border: 1px solid var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .public-notice-accordion .badge.bg-secondary-subtle { background: var(--fp-slate-soft) !important; color: var(--fp-black) !important; border: 1px solid var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .notice-item-title { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .public-notice-accordion .accordion-button:not(.collapsed) .notice-item-title { color: var(--fp-primary) !important; } html.theme-flat-pop .public-notice-accordion .accordion-body { background: var(--fp-white) !important; color: var(--fp-black) !important; } html.theme-flat-pop .notice-back-home, html.theme-flat-pop .plans-back-home { background: var(--fp-white) !important; color: var(--fp-black) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 8px !important; font-weight: 800 !important; box-shadow: none !important; } @media (hover: hover) { html.theme-flat-pop .notice-back-home:hover, html.theme-flat-pop .plans-back-home:hover { background: var(--fp-primary) !important; color: var(--fp-white) !important; border-color: var(--fp-black) !important; } } html.theme-flat-pop .plans-main-card { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 14px !important; box-shadow: none !important; } html.theme-flat-pop .plans-page-header { border-bottom: 1.5px solid var(--fp-black) !important; } html.theme-flat-pop .plans-mypage-btn { background: var(--fp-white) !important; color: var(--fp-black) !important; border: 1.5px solid var(--fp-black) !important; font-weight: 800 !important; box-shadow: none !important; } @media (hover: hover) { html.theme-flat-pop .plans-mypage-btn:hover { background: var(--fp-primary) !important; color: var(--fp-white) !important; border-color: var(--fp-black) !important; } } html.theme-flat-pop .plan-launch-banner { background: #fff5f8 !important; border: 1.5px solid var(--fp-black) !important; border-radius: 12px !important; box-shadow: none !important; } html.theme-flat-pop .plan-launch-badge { background: var(--fp-primary) !important; color: var(--fp-white) !important; border: 1px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .plan-launch-banner .badge.bg-white { background: var(--fp-white) !important; color: var(--fp-black) !important; border: 1px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .plan-assurance-box { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 8px !important; } html.theme-flat-pop .plan-current-status { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 12px !important; box-shadow: none !important; } html.theme-flat-pop .plan-status-icon { background: var(--fp-primary-soft) !important; color: var(--fp-primary) !important; border: 1.5px solid var(--fp-black) !important; } html.theme-flat-pop .plan-current-status .badge { border: 1px solid var(--fp-black) !important; } html.theme-flat-pop .plan-current-status .btn { border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; font-weight: 800 !important; } html.theme-flat-pop .plan-current-status .btn.text-white { background: var(--fp-primary) !important; } html.theme-flat-pop .plan-tier-card { border: 1.5px solid var(--fp-black) !important; border-radius: 12px !important; box-shadow: none !important; } html.theme-flat-pop .plan-tier-free { background: #f8fafc !important; } html.theme-flat-pop .plan-tier-light { background: #f0f9ff !important; } html.theme-flat-pop .plan-tier-standard { background: #fff5f8 !important; } html.theme-flat-pop .plan-tier-vip { background: #fffbeb !important; } @media (hover: hover) { html.theme-flat-pop .plan-tier-card:hover { transform: translateY(-2px) !important; box-shadow: none !important; border-color: var(--fp-black) !important; } } @media (hover: none) { html.theme-flat-pop .plan-tier-card:hover { transform: none !important; box-shadow: none !important; border-color: var(--fp-black) !important; } } html.theme-flat-pop .plan-tier-ribbon { border: 1px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .plan-tier-vip .plan-tier-ribbon { background: #f59e0b !important; color: var(--fp-white) !important; } html.theme-flat-pop .plan-tier-highlight-box { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 8px !important; } html.theme-flat-pop .plan-tier-card .border-top { border-top: 1.5px dashed #94a3b8 !important; } html.theme-flat-pop .plan-tier-card .btn { border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; font-weight: 800 !important; } html.theme-flat-pop .plan-compare-table-wrap { border: 1.5px solid var(--fp-black) !important; border-radius: 12px !important; box-shadow: none !important; } html.theme-flat-pop .plan-compare-table thead th { border-bottom: 1.5px solid var(--fp-black) !important; } html.theme-flat-pop .plan-compare-table th, html.theme-flat-pop .plan-compare-table td { border-bottom: 1px solid #cbd5e1 !important; border-right: 1px solid #cbd5e1 !important; } html.theme-flat-pop .plan-compare-table th:first-child, html.theme-flat-pop .plan-compare-table td:first-child { border-right: 1.5px solid var(--fp-black) !important; color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .plan-compare-table tr:last-child th, html.theme-flat-pop .plan-compare-table tr:last-child td { border-bottom: none !important; } html.theme-flat-pop .plan-compare-table th:last-child, html.theme-flat-pop .plan-compare-table td:last-child { border-right: none !important; } html.theme-flat-pop .plan-compare-table .badge { border: 1px solid var(--fp-black) !important; } html.theme-flat-pop .plan-faq-section { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 12px !important; box-shadow: none !important; } html.theme-flat-pop .plan-faq-item { background: var(--fp-slate-soft) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 8px !important; } html.theme-flat-pop .area-sidebar { background: var(--fp-white) !important; border: 2px solid var(--fp-black) !important; border-radius: 12px !important; box-shadow: none !important; } html.theme-flat-pop .sidebar-title { color: var(--fp-black) !important; font-weight: 800 !important; border-bottom: 2px solid var(--fp-black) !important; } html.theme-flat-pop .sidebar-title i { color: var(--fp-primary) !important; } html.theme-flat-pop .sidebar-area-btn { position: relative !important; overflow: hidden !important; background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 8px !important; padding: 9px 6px 15px 6px !important; box-shadow: none !important; transition: transform 0.14s ease, background-color 0.14s ease !important; } html.theme-flat-pop .sidebar-area-btn::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; height: 6px !important; background: var(--fp-area-default) !important; border-top: 1.5px solid var(--fp-black) !important; } html.theme-flat-pop .sidebar-area-btn.theme-purple::after { background: var(--fp-area-purple) !important; } html.theme-flat-pop .sidebar-area-btn.theme-brown::after { background: var(--fp-area-brown) !important; } html.theme-flat-pop .sidebar-area-btn.theme-pink::after { background: var(--fp-area-pink) !important; } html.theme-flat-pop .sidebar-area-btn.theme-red::after { background: var(--fp-area-red) !important; } html.theme-flat-pop .sidebar-area-btn.theme-orange::after { background: var(--fp-area-orange) !important; } html.theme-flat-pop .sidebar-area-btn.theme-blue::after { background: var(--fp-area-blue) !important; } html.theme-flat-pop .sidebar-area-btn.theme-green::after { background: var(--fp-area-green) !important; } html.theme-flat-pop .sidebar-area-btn.theme-green-light::after { background: var(--fp-area-green-light) !important; } html.theme-flat-pop .sidebar-area-name, html.theme-flat-pop .sidebar-area-btn:hover .sidebar-area-name { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .sidebar-area-sub, html.theme-flat-pop .sidebar-area-btn:hover .sidebar-area-sub { color: #475569 !important; font-weight: 600 !important; } @media (hover: hover) { html.theme-flat-pop .sidebar-area-btn:hover { transform: translateY(-1.5px) !important; border-color: var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .sidebar-area-btn.theme-purple:hover { background: var(--fp-area-purple-bg) !important; } html.theme-flat-pop .sidebar-area-btn.theme-brown:hover { background: var(--fp-area-brown-bg) !important; } html.theme-flat-pop .sidebar-area-btn.theme-pink:hover { background: var(--fp-area-pink-bg) !important; } html.theme-flat-pop .sidebar-area-btn.theme-red:hover { background: var(--fp-area-red-bg) !important; } html.theme-flat-pop .sidebar-area-btn.theme-orange:hover { background: var(--fp-area-orange-bg) !important; } html.theme-flat-pop .sidebar-area-btn.theme-blue:hover { background: var(--fp-area-blue-bg) !important; } html.theme-flat-pop .sidebar-area-btn.theme-green:hover { background: var(--fp-area-green-bg) !important; } html.theme-flat-pop .sidebar-area-btn.theme-green-light:hover { background: var(--fp-area-green-light-bg) !important; } } @media (hover: none) { html.theme-flat-pop .sidebar-area-btn:hover { transform: none !important; background: var(--fp-white) !important; border-color: var(--fp-black) !important; box-shadow: none !important; } } html.theme-flat-pop .sidebar-mini-list { gap: 8px !important; } html.theme-flat-pop .sidebar-mini-item { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 10px !important; padding: 8px 10px !important; box-shadow: none !important; transition: transform 0.14s ease, background-color 0.14s ease !important; } @media (hover: hover) { html.theme-flat-pop .sidebar-mini-item:hover { background: #fff5f8 !important; border-color: var(--fp-black) !important; transform: translateY(-1px) !important; box-shadow: none !important; } } @media (hover: none) { html.theme-flat-pop .sidebar-mini-item:hover { background: var(--fp-white) !important; border-color: var(--fp-black) !important; transform: none !important; box-shadow: none !important; } } html.theme-flat-pop .sidebar-mini-avatar { border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .sidebar-mini-rank { background: var(--fp-primary) !important; color: var(--fp-white) !important; border: 1px solid var(--fp-black) !important; font-weight: 800 !important; box-shadow: none !important; } html.theme-flat-pop .sidebar-mini-item:nth-child(1) .sidebar-mini-rank { background: #fbbf24 !important; color: var(--fp-black) !important; } html.theme-flat-pop .sidebar-mini-item:nth-child(2) .sidebar-mini-rank { background: #e2e8f0 !important; color: var(--fp-black) !important; } html.theme-flat-pop .sidebar-mini-item:nth-child(3) .sidebar-mini-rank { background: #d97706 !important; color: var(--fp-white) !important; } html.theme-flat-pop .sidebar-mini-name { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .sidebar-mini-name small { color: #64748b !important; font-weight: 600 !important; } html.theme-flat-pop .sidebar-mini-shop { color: #475569 !important; font-weight: 600 !important; } html.theme-flat-pop .sidebar-mini-rating i { color: var(--fp-primary) !important; } html.theme-flat-pop .sidebar-mini-score { color: var(--fp-black) !important; font-weight: 800 !important; } html.theme-flat-pop .sidebar-mini-reviews { color: #64748b !important; font-weight: 600 !important; } html.theme-flat-pop .fav-shop-card { background-color: #fff5f8 !important; background-image: radial-gradient(circle, rgba(255, 42, 122, 0.16) 1.25px, transparent 0) !important; background-size: 12px 12px !important; border: 1.5px solid var(--fp-black) !important; border-radius: 14px !important; box-shadow: none !important; transition: transform 0.14s ease !important; } @media (hover: hover) { html.theme-flat-pop .fav-shop-card:hover { transform: translateY(-2px) !important; border-color: var(--fp-black) !important; box-shadow: none !important; } } @media (hover: none) { html.theme-flat-pop .fav-shop-card:hover { transform: none !important; border-color: var(--fp-black) !important; box-shadow: none !important; } } html.theme-flat-pop .fav-shop-header { background: var(--fp-area-default) !important; border-bottom: 1.5px solid var(--fp-black) !important; margin: -12px -14px 8px -14px !important; padding: 8px 12px !important; } @media (max-width: 480px) { html.theme-flat-pop .fav-shop-card { border-radius: 12px !important; } html.theme-flat-pop .fav-shop-header { margin: -10px -10px 7px -10px !important; padding: 7px 10px !important; } } html.theme-flat-pop .fav-shop-header.purple-theme { background: var(--fp-area-purple) !important; } html.theme-flat-pop .fav-shop-header.brown-theme { background: var(--fp-area-brown) !important; } html.theme-flat-pop .fav-shop-header.pink-theme { background: var(--fp-area-pink) !important; } html.theme-flat-pop .fav-shop-header.red-theme { background: var(--fp-area-red) !important; } html.theme-flat-pop .fav-shop-header.orange-theme { background: var(--fp-area-orange) !important; } html.theme-flat-pop .fav-shop-header.blue-theme { background: var(--fp-area-blue) !important; } html.theme-flat-pop .fav-shop-header.green-theme { background: var(--fp-area-green) !important; } html.theme-flat-pop .fav-shop-header.green-light-theme { background: var(--fp-area-green-light) !important; } html.theme-flat-pop .fav-shop-name, html.theme-flat-pop .fav-shop-name a, html.theme-flat-pop .fav-shop-name a:hover { color: var(--fp-white) !important; font-weight: 800 !important; } @media (hover: hover) { html.theme-flat-pop .fav-shop-name a:hover { opacity: 0.88 !important; } } html.theme-flat-pop .fav-shop-card .fav-shop-area-badge { background: var(--fp-white) !important; color: var(--fp-black) !important; border: 1px solid var(--fp-black) !important; border-radius: var(--fp-radius-pill) !important; padding: 1.5px 7px !important; font-weight: 800 !important; box-shadow: none !important; } html.theme-flat-pop .fav-shop-action-btn, html.theme-flat-pop .fav-shop-action-btn:hover { background: var(--fp-white) !important; border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; } html.theme-flat-pop .fav-shop-stars, html.theme-flat-pop .fav-shop-score { color: var(--fp-primary) !important; font-weight: 800 !important; } html.theme-flat-pop .fav-shop-meta-item { color: var(--fp-black) !important; font-weight: 700 !important; } html.theme-flat-pop .fav-shop-meta-item i { color: var(--fp-primary) !important; } html.theme-flat-pop .fav-shop-bottom-row { border-top: 1px dashed rgba(15, 23, 42, 0.25) !important; } html.theme-flat-pop .fav-shop-therapist-thumb { border: 1.5px solid var(--fp-black) !important; border-radius: 8px !important; box-shadow: none !important; } html.theme-flat-pop .fav-shop-thumb-review-badge { background: var(--fp-black) !important; color: var(--fp-white) !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; box-shadow: none !important; } html.theme-flat-pop .fav-shop-detail-link { background: var(--fp-white) !important; color: var(--fp-black) !important; border: 1.5px solid var(--fp-black) !important; border-radius: 6px !important; font-weight: 800 !important; box-shadow: none !important; } @media (hover: hover) { html.theme-flat-pop .fav-shop-detail-link:hover { background: var(--fp-primary) !important; color: var(--fp-white) !important; border-color: var(--fp-black) !important; box-shadow: none !important; } } html.theme-flat-pop .fav-empty-box { border: 1.5px solid var(--fp-black) !important; box-shadow: none !important; }