.custom-navbar .brand-logo svg.icon,
.custom-navbar .nav-link:hover svg.icon {
    fill: var(--primary-color) !important;
}
.chat-card,
.custom-navbar,
.float-badge {
    backdrop-filter: blur(10px);
}
.btn-store,
a {
    text-decoration: none;
}
.back-to-top,
.input-cursor-pointer {
    cursor: pointer;
}
:root {
    --bg-color: #f8f9fa;
    --text-dark: #0f172a;
    --text-muted: #64748b;
    --primary-color: #ff4757;
    --primary-gradient: linear-gradient(135deg, #ff4757, #ff6b81);
    --hero-bg-1: #ff4757;
    --hero-bg-2: #ff6b81;
    --border-radius-lg: 24px;
    --border-radius-md: 16px;
    --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, 0.1);
}
body {
    font-family: "Plus Jakarta Sans", sans-serif;
    background-color: #fffafc;
    color: var(--text-dark);
}
@keyframes moveDots {
    0% {
        transform: translateY(0) rotate(0);
    }
    100% {
        transform: translateY(50px) rotate(10deg);
    }
}
.hero-section {
    position: relative;
    padding-bottom: 120px;
    z-index: 1;
}
.bg-red-shape,
.floating-bubble,
.hero-visual {
    position: absolute;
    z-index: 0;
}
.bg-red-shape {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--hero-bg-1), var(--hero-bg-2));
    border-radius: 0 0 50% 50%/0 0 12% 12%;
    box-shadow: 0 15px 40px rgba(15, 23, 42, 0.14);
    margin-bottom: -2px;
}
.hero-visual {
    animation: 5s ease-in-out infinite floatObjVars;
    filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.2));
    opacity: 0.9;
}
.visual-left {
    top: 25%;
    left: 2%;
    width: 250px;
    --rot: -10deg;
}
.visual-right {
    top: 30%;
    right: 2%;
    width: 280px;
    animation-delay: -2.5s;
}
.floating-bubble {
    color: rgba(255, 255, 255, 0.15);
    animation: 6s ease-in-out infinite floatObjVars;
}
.avatar-container,
.chat-card {
    position: relative;
    z-index: 10;
}
.bubble-1 {
    top: 15%;
    left: 15%;
    font-size: 4rem;
    animation-delay: 0s;
}
.bubble-2 {
    top: 40%;
    right: 15%;
    font-size: 7rem;
    animation-delay: -2s;
    --sx: -1;
}
.bubble-3 {
    bottom: 25%;
    left: 30%;
    font-size: 3rem;
    animation-delay: -4s;
}
@keyframes floatObjVars {
    0%,
    100% {
        transform: translateY(0) rotate(var(--rot, 0deg)) scaleX(var(--sx, 1));
    }
    50% {
        transform: translateY(-20px) rotate(calc(var(--rot, 0deg) + 5deg)) scaleX(var(--sx, 1));
    }
}
.custom-navbar {
    padding: 15px 30px;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 10px 30px rgba(255, 71, 87, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.8);
}
@media (max-width: 991px) {
    .custom-navbar {
        margin-top: 10px;
        border-radius: 20px;
        padding: 5px;
    }
    .navbar-collapse {
        padding-top: 15px;
    }
    .chat-card {
        padding: 20px;
    }
    .mgizle {
        display: none !important;
    }
}
@media (min-width: 991px) {
    .chat-card {
        padding: 40px;
    }
}
.btn-custom,
.btn-custom-secondary {
    padding: 14px 30px;
    font-weight: 700;
    transition: 0.3s;
}
.custom-navbar .nav-link {
    color: #555 !important;
    font-weight: 700;
    margin-left: 15px;
    transition: 0.3s;
    font-size: 1rem;
}
.custom-navbar .nav-link svg.icon {
    color: var(--primary-color) !important;
    margin-right: 6px;
    margin-top: -3px;
    font-size: 1.1rem;
    vertical-align: middle;
    transition: none;
}
.custom-navbar .nav-link:hover {
    color: var(--primary-color) !important;
    transform: translateY(-2px);
}
.custom-navbar .brand-logo {
    font-weight: 800;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.custom-navbar .brand-text {
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.custom-navbar .brand-logo svg.icon {
    margin-right: 8px;
    font-size: 1.6rem;
}
.custom-navbar .brand-logo img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
.btn-custom {
    background: var(--primary-gradient);
    color: #fff;
    border: none;
    border-radius: 50px;
    box-shadow: 0 8px 20px rgba(255, 71, 87, 0.3);
}
.btn-custom:hover {
    box-shadow: 0 12px 25px rgba(255, 71, 87, 0.5);
    color: #fff;
}
.btn-custom-secondary {
    background: #1e293b;
    color: #fff;
    border: none;
    border-radius: 50px;
    box-shadow: 0 8px 20px rgba(30, 41, 59, 0.2);
}
.chat-bubble-mini,
.float-badge {
    color: var(--text-dark);
    padding: 10px 18px;
    font-size: 0.9rem;
}
.btn-custom-secondary:hover {
    background: #0f172a;
    color: #fff;
    box-shadow: 0 12px 25px rgba(30, 41, 59, 0.4);
}
.chat-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 240, 245, 0.95));
    border-radius: var(--border-radius-lg);
    box-shadow: 0 20px 50px rgba(255, 71, 87, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.8);
}
.chat-title-styled {
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}
.custom-input-wrapper {
    background-color: #fff;
    border-radius: 12px;
    border: 2px solid #e2e8f0;
    display: flex;
    align-items: center;
    transition: 0.3s;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02);
}
.custom-input-wrapper:focus-within {
    border-color: var(--primary-color);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(255, 71, 87, 0.1);
}
.custom-input-wrapper .input-icon {
    color: var(--primary-color);
    padding: 14px 16px;
    font-size: 1.25rem;
    transition: 0.3s;
}
.custom-input-wrapper:focus-within .input-icon {
    filter: drop-shadow(0 3px 6px rgba(255, 71, 87, 0.3));
}
.custom-input-wrapper input {
    background: 0 0;
    border: none;
    box-shadow: none !important;
    font-size: 1.05rem;
}
.floating-avatar-1 {
    animation: 4s ease-in-out infinite floatAvatar;
}
.floating-avatar-2 {
    animation: 5s ease-in-out -2s infinite floatAvatar;
}
@keyframes floatAvatar {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}
@keyframes floatObj {
    0%,
    100% {
        transform: translateY(0) rotate(0);
    }
    50% {
        transform: translateY(-20px) rotate(15deg);
    }
}
.hero-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(rgba(255, 255, 255, 0.15) 2px, transparent 2px);
    background-size: 30px 30px;
    z-index: 1;
    pointer-events: none;
}
@keyframes floatSubtle {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}
.float-badge {
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 50px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
    font-weight: 800;
    z-index: 20;
    display: flex;
    align-items: center;
    gap: 10px;
    animation: 6s ease-in-out infinite floatSubtle;
}
.float-badge i {
    color: var(--primary-color);
    font-size: 1.1rem;
    background: rgba(255, 71, 87, 0.1);
    padding: 6px;
    border-radius: 50%;
}
.chat-bubble-mini {
    position: absolute;
    background: #fff;
    border-radius: 20px;
    font-weight: 800;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    z-index: 11;
}
.blog-img-wrapper,
.blog-section {
    position: relative;
    overflow: hidden;
}
.chat-bubble-mini::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fff;
    z-index: -1;
    transform: rotate(45deg);
}
.left-bubble {
    top: 10%;
    right: -25px;
}
.left-bubble::before {
    bottom: -6px;
    left: 20px;
}
.right-bubble {
    bottom: 20%;
    left: -30px;
}
.right-bubble::before {
    top: -6px;
    right: 20px;
}
.store-download-section {
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.store-badges {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: nowrap;
}
.btn-store {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 15px;
    border-radius: 14px;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border: none;
    width: 50%;
    color: #fff !important;
}
.btn-store.apple {
    background: linear-gradient(135deg, #4facfe 0, #00f2fe 100%);
}
.btn-store.apple:hover {
    box-shadow: 0 8px 25px rgba(79, 172, 254, 0.4);
    filter: brightness(1.05);
}
.btn-store.google {
    background: linear-gradient(135deg, #ff0844 0, #ffb199 100%);
}
.btn-store.google:hover {
    box-shadow: 0 8px 25px rgba(255, 8, 68, 0.4);
    filter: brightness(1.05);
}
.btn-store .icon,
.store-icon-size {
    font-size: 1.8rem;
}
.btn-store .texts {
    text-align: left;
    line-height: 1.1;
}
.btn-store .small-text {
    font-size: 0.6rem;
    display: block;
    opacity: 0.9;
    text-transform: uppercase;
    font-weight: 600;
}
.btn-store .large-text {
    font-size: 0.95rem;
    font-weight: 800;
}
@media (max-width: 576px) {
    .btn-store .texts {
        display: none;
    }
    .btn-store .icon {
        font-size: 2rem;
        margin: 0 auto;
    }
}
.blog-section {
    padding: 100px 0;
    background: #fffafc;
}
.section-tag {
    display: inline-block;
    padding: 8px 20px;
    background: rgba(255, 71, 87, 0.1);
    color: var(--primary-color);
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.85rem;
    margin-bottom: 15px;
}
.blog-card,
.sidebar-widget {
    border-radius: var(--border-radius-md);
}
.section-title {
    font-weight: 800;
    font-size: 2.5rem;
    margin-bottom: 50px;
}
.blog-card {
    background: #fff;
    overflow: hidden;
    box-shadow: var(--shadow-md);
    transition: 0.4s;
    border: 1px solid rgba(0, 0, 0, 0.05);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.blog-card:hover {
    box-shadow: var(--shadow-lg);
}
.blog-img-wrapper {
    height: 220px;
}
.blog-date,
.widget-title::after {
    position: absolute;
    background: var(--primary-gradient);
}
.blog-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s;
}
.blog-card:hover .blog-img-wrapper img {
    transform: scale(1.1);
}
.blog-date {
    bottom: 15px;
    left: 15px;
    color: #fff;
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 0.75rem;
    font-weight: 700;
}
.blog-content {
    padding: 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.blog-category {
    color: var(--primary-color);
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
}
.authorx span,
.blog-card-title {
    color: var(--text-dark);
}
.blog-card-title {
    font-weight: 800;
    font-size: 1.25rem;
    margin-bottom: 15px;
    line-height: 1.4;
}
.blog-desc {
    color: var(--text-muted);
    font-size: 0.95rem;
    margin-bottom: 20px;
    line-height: 1.6;
}
.popular-info h5 a:hover,
.read-more {
    color: var(--primary-color);
}
.authorx span,
.read-more {
    font-size: 0.85rem;
    font-weight: 700;
}
.blog-footer {
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-content-wrapper,
.sidebar-widget {
    padding: 30px;
    box-shadow: var(--shadow-sm);
    background: #fff;
}
.authorx {
    display: flex;
    align-items: center;
    gap: 10px;
}
.authorx img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}
.read-more {
    display: flex;
    align-items: center;
    gap: 5px;
}
.cat-count,
.category-list a,
.page-link-custom,
.popular-info h5 a {
    color: var(--text-dark);
}
.custom-pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 60px;
}
.page-link-custom,
.popular-item {
    display: flex;
    align-items: center;
}
.page-link-custom {
    width: 45px;
    height: 45px;
    justify-content: center;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: 700;
    transition: 0.3s;
}
.page-link-custom.active,
.page-link-custom:hover {
    background: var(--primary-gradient);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 5px 15px rgba(255, 71, 87, 0.3);
}
.page-link-custom svg {
    fill: var(--text-dark);
    transition: 0.3s;
    width: 14px;
    height: 14px;
}
.page-link-custom.active svg,
.page-link-custom:hover svg {
    fill: #fff;
}
.sidebar-widget {
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}
.page-content-wrapper {
    border-radius: var(--border-radius-md);
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.widget-title {
    font-weight: 800;
    font-size: 1.25rem;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
}
.widget-title::after {
    content: "";
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    border-radius: 2px;
}
.altbilesen ul,
.category-list,
.popular-posts {
    list-style: none;
    padding: 0;
    margin: 0;
}
.category-list li {
    margin-bottom: 12px;
}
.category-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 18px;
    background: #f8fafc;
    border-radius: 12px;
    font-weight: 600;
    font-size: 0.95rem;
}
.category-list a:hover {
    background: var(--primary-gradient);
    color: #fff !important;
    transform: translateX(1px);
}
.cat-count {
    font-size: 0.8rem;
    background: #fff;
    padding: 2px 8px;
    border-radius: 8px;
    font-weight: 800;
}
.category-list a:hover .cat-count {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}
.popular-item {
    gap: 15px;
    margin-bottom: 20px;
}
.altbilesen ul li,
.psohbets-input {
    margin-bottom: 15px;
}
.popular-item:last-child {
    margin-bottom: 0;
}
.popular-img {
    width: 70px;
    height: 70px;
    border-radius: 12px;
    object-fit: cover;
}
.popular-info h5 {
    font-size: 0.95rem;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1.4;
}
.popular-info h5 a {
    transition: color 0.3s;
}
.popular-date {
    font-size: 0.8rem;
    color: var(--text-muted);
    display: block;
}
.psohbets-widget {
    background: var(--primary-gradient);
    color: #fff;
    text-align: center;
}
.footer-nav a:hover,
.psohbets-widget .widget-title,
.share-btn:hover svg {
    color: #fff;
}
.psohbets-widget .widget-title::after {
    background: #fff;
}
.psohbets-input {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    padding: 12px 20px;
    color: #fff;
    width: 100%;
}
.psohbets-input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}
.btn-psohbets {
    background: #fff;
    color: var(--primary-color);
    border: none;
    width: 100%;
    padding: 12px;
    border-radius: 12px;
    font-weight: 800;
    transition: 0.3s;
}
.btn-psohbets:hover {
    background: var(--text-dark);
    color: #fff;
}
.footer-section {
    background: linear-gradient(180deg, #0f172a 0, #1e293b 100%);
    color: #fff;
    padding: 120px 0 30px;
    position: relative;
    overflow: hidden;
}
.footer-wave {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    line-height: 0;
    z-index: 2;
}
.footer-wave svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 80px;
}
.footer-wave .shape-fill {
    fill: #fffafc;
}
.footer-cols h4 {
    font-weight: 800;
    font-size: 1.25rem;
    margin-bottom: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-cols h4 .icon {
    color: var(--primary-color);
    font-size: 1.1rem;
}
.altbilesen ul a {
    color: #94a3b8;
    transition: 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
}
.altbilesen ul a:hover {
    color: var(--primary-color);
    transform: translateX(5px);
}
.footer-desc {
    color: #94a3b8;
    line-height: 1.8;
    margin-bottom: 30px;
}
.social-links {
    display: flex;
    gap: 12px;
    margin-bottom: 25px;
}
.social-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.social-btn:hover {
    background: var(--primary-gradient);
    transform: translateY(-3px);
    border-color: transparent;
    color: #fff !important;
}
.social-btn svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}
.footer-bottom {
    margin-top: 60px;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.footer-bottom p {
    margin: 0;
    color: #94a3b8;
    font-size: 1rem;
}
.footer-nav {
    display: flex;
    gap: 25px;
}
.footer-nav a {
    color: #94a3b8;
    font-size: 1rem;
    transition: color 0.3s;
}
svg.icon {
    width: 1.25em;
    height: 1.25em;
    vertical-align: middle;
    fill: currentColor;
}
body,
html {
    overflow-x: hidden !important;
    width: 100% !important;
}
.hero-glow {
    z-index: 1;
}
.hero-glow-1 {
    top: -50px;
    left: -100px;
    width: 400px;
    height: 400px;
    opacity: 0.2;
    filter: blur(80px);
}
.hero-glow-2 {
    bottom: -100px;
    right: -50px;
    width: 500px;
    height: 500px;
    background: #ffda79;
    opacity: 0.3;
    filter: blur(100px);
}
.hero-glow-3 {
    top: 20%;
    right: 10%;
    width: 350px;
    height: 350px;
    background: #e91e63;
    opacity: 0.25;
    filter: blur(90px);
}
.hero-glow-4 {
    bottom: 20%;
    left: 10%;
    width: 250px;
    height: 250px;
    background: #ff0844;
    opacity: 0.4;
    filter: blur(80px);
}
.hero-glow-5 {
    top: 40%;
    left: 40%;
    width: 350px;
    height: 350px;
    opacity: 0.2;
    filter: blur(70px);
    animation: 8s ease-in-out infinite floatObjVars;
}
.glass-circle {
    top: 15%;
    left: 35%;
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
    border-radius: 50%;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    animation: 5s ease-in-out infinite floatObj;
    z-index: 2;
}
.glass-rectangle {
    bottom: 25%;
    right: 25%;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    border-radius: 30px;
    transform: rotate(45deg);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    animation: 6s ease-in-out infinite reverse floatObjVars;
    z-index: 2;
}
.glass-dot {
    top: 50%;
    right: 5%;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #ffda79, #ff6b81);
    border-radius: 50%;
    animation: 4s ease-in-out infinite floatAvatar;
    z-index: 2;
    opacity: 0.8;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.bubble-z2 {
    z-index: 2;
}
.bubble-opacity-4 {
    opacity: 0.4;
}
.bubble-opacity-5 {
    opacity: 0.5;
}
.bubble-opacity-6 {
    opacity: 0.6;
}
.navbar-toggler-icon-custom {
    color: var(--primary-color);
    font-size: 1.8rem;
}
.btn-custom-rounded {
    border-radius: 30px;
}
.hero-content-container {
    z-index: 10;
    padding-top: 60px;
}
.badge-hero {
    border-color: rgba(255, 71, 87, 0.3) !important;
}
.icon-mt-fix {
    margin-top: -3px;
}
.heading-text-shadow {
    text-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.heading-dot {
    width: 12px;
    height: 12px;
    bottom: 15px;
    margin-left: 10px;
    box-shadow: 0 0 15px rgba(255, 193, 7, 0.6);
}
.avatar-img,
.avatar-img-flipped {
    width: 100%;
    aspect-ratio: 1/1;
    mix-blend-mode: multiply;
    border: 4px solid rgba(255, 255, 255, 0.4);
    object-fit: cover;
}
.hero-description {
    font-weight: 500;
    font-size: 1.15rem;
    max-width: 600px;
    line-height: 1.8;
}
.float-badge-right {
    bottom: 35%;
    right: 0;
}
.float-badge-bottom {
    animation-delay: -2.5s;
    right: auto;
    top: auto;
    bottom: auto;
}
.avatar-size {
    max-width: 120px;
}
.avatar-img-flipped {
    transform: scaleX(-1);
}
.chat-bubble-sm {
    font-size: 0.75rem;
    padding: 5px 12px;
}
.chat-bubble-left-top {
    top: -15px;
    right: -20px;
}
.chat-bubble-right-bottom {
    bottom: -15px;
    left: -25px;
}
.social-icon-img {
    width: 42px;
    height: 42px;
}
.scroll-down-btn {
    width: 64px;
    height: 64px;
    border: 3px solid rgba(255, 255, 255, 0.1);
    border-radius: 100%;
}
.chat-widget-sidebar-styled {
    background: linear-gradient(135deg, #fff 0, #fffafc 100%);
    border: 2px solid var(--primary-color);
}
.btn-alt-version {
    font-size: 0.7rem;
}
.error-404-title {
    font-size: 8rem;
    text-shadow: 0 10px 30px rgba(255, 71, 87, 0.2);
}
.error-404-subtitle,
.page-content-heading,
.post-lead {
    color: var(--text-dark);
}
.error-404-desc {
    max-width: 600px;
    color: var(--text-muted);
}
.breadcrumb-container {
    margin-top: 20px;
}
.breadcrumb-container .breadcrumb {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    padding: 10px 25px !important;
}
.post-featured-img {
    height: 450px;
    object-fit: cover;
}
.post-category-badge {
    background: rgba(255, 71, 87, 0.1);
}
.post-title {
    color: var(--text-dark);
    line-height: 1.3;
}
.post-author-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.post-content {
    line-height: 1.9;
    color: #475569;
    font-size: 1.05rem;
}
.post-blockquote {
    border-left: 5px solid var(--primary-color);
    background: rgba(255, 71, 87, 0.03);
    border-radius: 0 16px 16px 0;
    font-size: 1.2rem;
    font-style: italic;
    color: var(--text-dark);
}
.post-list {
    list-style-type: disc;
    padding-left: 20px;
}
.share-btn {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 50%;
    width: 35px;
    height: 35px;
}
.share-btn svg {
    color: #111;
}
.page-content-text {
    line-height: 1.8;
    color: var(--text-muted);
    font-size: 1.05rem;
}
.feature-card-border {
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.feature-icon {
    font-size: 2.5rem;
    color: var(--primary-color);
}
.comments-section,
.genelarka {
    background: #fff;
    border-radius: var(--border-radius-md);
    padding: 20px;
    box-shadow: var(--shadow-sm);
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}
.comment-item {
    background: #fff;
    gap: 20px;
    padding: 25px;
    border-radius: var(--border-radius-md);
    margin-bottom: 15px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shxadow: var(--shadow-sm);
}
.comment-avatar {
    object-fit: cover;
    object-fit: cover;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    flex-shrink: 0;
}
.comment-input {
    border-radius: 15px;
    padding: 14px 20px;
    border: 2px solid #e2e8f0;
    font-weight: 700;
}
.comment-list,
.comment-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.comment-list .children {
    margin-left: 30px;
    border-left: 1px solid #f1f1f1;
    padding-left: 10px;
}
#comments a {
    color: #000;
}
@media (max-width: 768px) {
    .comment-list .children {
        margin-left: 15px;
    }
    .comment-item {
        padding-left: 10px;
    }
}
.comment-item a {
    color: #212529 !important;
    text-decoration: none !important;
}
.comment-item a:hover {
    text-decoration: underline !important;
}
.comment-reply-link {
    display: inline-block;
    transition: 0.3s;
}
.aligncenter,
.back-to-top svg {
    display: block;
}
.comment-reply-link:hover {
    background-color: #eee !important;
}
.comments-section {
    margin-top: 50px;
    padding-top: 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.alignleft,
.wp-caption.alignleft {
    margin: 0.5em 1.5em 1.5em 0;
}
.alignright,
.wp-caption.alignright {
    margin: 0.5em 0 1.5em 1.5em;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.aligncenter {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
    border: 1px solid #f0f0f0;
    background: #fff;
    padding: 4px;
    text-align: center;
}
.wp-caption img {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
.wp-caption .wp-caption-text {
    font-size: 13px;
    line-height: 1.5;
    margin: 8px 0 5px;
    padding: 0 5px;
    color: #777;
    font-style: italic;
}
.clear,
.entry-content::after {
    content: "";
    display: table;
    clear: both;
}
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #ff4757;
    color: #fff;
    padding: 12px;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    display: none;
    transition:
        background-color 0.3s,
        transform 0.3s;
}
.back-to-top:hover {
    background-color: #e33948;
    transform: scale(1.1);
}


/* === Otomatik logo yedeği: özel logo yoksa devreye girer === */
.auto-brand{
    width:auto;
    height:auto;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:0;
    border-radius:0;
    background:transparent;
    border:0;
    box-shadow:none;
    overflow:visible;
    box-sizing:border-box;
    vertical-align:middle;
}
.auto-brand__icon{
    width:45px;
    height:45px;
    flex:0 0 45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    padding:3px;
    background:linear-gradient(145deg,var(--logo-icon-1,#25c7ff),var(--logo-icon-2,#f23dcc));
    box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 18px rgba(89,95,255,.35);
}
.auto-brand__icon-inner{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    background:linear-gradient(145deg,var(--logo-icon-2,#78b9ee),var(--logo-icon-1,#31588c));
    border:1px solid rgba(255,255,255,.55);
    color:#fff;
    font-size:29px;
    line-height:1;
    font-weight:900;
    text-shadow:0 2px 3px rgba(0,0,0,.38);
}
.auto-brand__copy{
    min-width:0;
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    line-height:1;
}
.auto-brand__name{
    display:block;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:21px;
    line-height:1.05;
    font-weight:900;
    letter-spacing:.4px;
    background:linear-gradient(90deg,var(--logo-text-1,#f5f8ff) 0%,var(--logo-text-2,#f33fc5) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
    text-shadow:none;
}
.auto-brand__tagline{
    max-width:100%;
    margin-top:6px;
    padding:3px 8px;
    display:inline-flex;
    align-items:center;
    gap:5px;
    border-radius:999px;
    border:1px solid var(--logo-text-1,#ff4757);
    background:var(--logo-tag-bg,#101d35);
    color:var(--logo-tag-text,#dfe7f5);
    font-size:7px;
    font-weight:800;
    letter-spacing:1.2px;
    white-space:nowrap;
}
.auto-brand__dot{
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:var(--logo-dot,#24dc81);
    box-shadow:0 0 8px rgba(36,220,129,.8);
}
.footer-section .auto-brand{
    width:auto;
    max-width:100%;
}
@media (max-width:575.98px){
    .auto-brand{width:auto;height:auto;border-radius:0;gap:8px;padding:0}
    .auto-brand__icon{width:39px;height:39px;flex-basis:39px;border-radius:12px}
    .auto-brand__icon-inner{border-radius:9px;font-size:24px}
    .auto-brand__name{font-size:17px}
    .auto-brand__tagline{font-size:6px;letter-spacing:.9px;margin-top:4px;padding:2px 6px}
    .auto-brand__dot{width:6px;height:6px;flex-basis:6px}
}


/* === Yönetim panelinden yönetilen üst alan renkleri === */
.hero-section .bg-red-shape{
    background:linear-gradient(135deg,var(--hero-bg-1),var(--hero-bg-2));
}
.hero-section .hero-pattern{
    background-image:radial-gradient(var(--hero-pattern) 2px,transparent 2px);
}
.hero-section .floating-bubble{color:var(--hero-decor)!important;}
.hero-section .custom-navbar{
    background:var(--hero-navbar-bg)!important;
    border-color:var(--hero-navbar-bg)!important;
    box-shadow:0 10px 30px rgba(15,23,42,.14);
}
.hero-section .custom-navbar .nav-link{color:var(--hero-navbar-text)!important;}
.hero-section .custom-navbar .nav-link:hover{color:var(--hero-navbar-accent)!important;}
.hero-section .custom-navbar .nav-link svg.icon,
.hero-section .navbar-toggler-icon-custom{
    color:var(--hero-navbar-accent)!important;
    fill:var(--hero-navbar-accent)!important;
}
.hero-section .custom-navbar .btn-custom{
    background:linear-gradient(135deg,var(--hero-quick-1),var(--hero-quick-2))!important;
    color:var(--hero-quick-text)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.16);
}
.hero-section .chat-card{
    background:linear-gradient(135deg,var(--hero-card-1),var(--hero-card-2))!important;
    border-color:var(--hero-card-border)!important;
    box-shadow:0 20px 50px rgba(15,23,42,.16);
}
.hero-section .chat-title-styled{
    background:linear-gradient(135deg,var(--hero-card-title-1),var(--hero-card-title-2));
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero-section .chat-card .text-muted{color:var(--hero-card-text)!important;}
.hero-section .custom-input-wrapper{
    background:var(--hero-input-bg)!important;
    border-color:var(--hero-input-border)!important;
}
.hero-section .custom-input-wrapper:focus-within{
    background:var(--hero-input-bg)!important;
    border-color:var(--hero-input-icon)!important;
    box-shadow:0 0 0 4px rgba(15,23,42,.08);
}
.hero-section .custom-input-wrapper .input-icon{
    color:var(--hero-input-icon)!important;
    fill:var(--hero-input-icon)!important;
}
.hero-section .custom-input-wrapper input,
.hero-section .custom-input-wrapper input::placeholder{color:var(--hero-input-text)!important;}
.hero-section .chat-card .btn-custom{
    background:linear-gradient(135deg,var(--hero-primary-1),var(--hero-primary-2))!important;
    color:var(--hero-primary-text)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.16);
}
.hero-section .btn-custom-secondary{
    background:var(--hero-secondary-bg)!important;
    color:var(--hero-secondary-text)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.16);
}
.hero-section .store-download-section{border-top-color:var(--hero-divider)!important;}
.hero-section .btn-store.apple{background:linear-gradient(135deg,var(--hero-store-apple-1),var(--hero-store-apple-2))!important;color:var(--hero-store-text)!important;}
.hero-section .btn-store.google{background:linear-gradient(135deg,var(--hero-store-google-1),var(--hero-store-google-2))!important;color:var(--hero-store-text)!important;}
.hero-section .badge-hero{
    background:var(--hero-badge-bg)!important;
    color:var(--hero-badge-text)!important;
    border-color:var(--hero-badge-border)!important;
}
.hero-section .badge-hero svg.icon{color:var(--hero-badge-text)!important;fill:var(--hero-badge-text)!important;}
.hero-section h1.heading-text-shadow{color:var(--hero-title-color)!important;}
.hero-section .hero-description{color:var(--hero-description-color)!important;opacity:1!important;}
.hero-section .heading-dot{background:var(--hero-dot-color)!important;box-shadow:0 0 15px rgba(15,23,42,.18);}
.hero-section .float-badge{
    background:var(--hero-float-bg)!important;
    color:var(--hero-float-text)!important;
    border-color:var(--hero-float-bg)!important;
}
.hero-section .float-badge svg.icon,
.hero-section .float-badge i{color:var(--hero-float-icon)!important;fill:var(--hero-float-icon)!important;}
.hero-section .chat-bubble-mini{background:var(--hero-bubble-bg)!important;color:var(--hero-bubble-text)!important;}
.hero-section .chat-bubble-mini::before{background:var(--hero-bubble-bg)!important;}
.hero-section .avatar-img,
.hero-section .avatar-img-flipped{border-color:var(--hero-avatar-border)!important;}

/* Sohbet giriş görünümü: yönetim panelinden seçilebilir resimli giriş */
.chat-entry-banner-link{
    display:block;
    width:100%;
    line-height:0;
    text-decoration:none;
    overflow:hidden;
    border-radius:16px;
    background:#fff;
    transition:transform .18s ease, box-shadow .18s ease;
}
.chat-entry-banner-link:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(15,23,42,.16);
}
.chat-entry-banner{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
}
@media (max-width: 576px){
    .chat-entry-banner-link{border-radius:12px}
}

/* === Modern kod tabanlı sohbet hero alanı === */
.hero-modern-column{position:relative;z-index:5}
.hero-modern-panel{
    position:relative;overflow:hidden;min-height:520px;padding:38px 34px;
    border:1px solid rgba(255,255,255,.28);border-radius:34px;
    background:radial-gradient(circle at 82% 20%,rgba(255,255,255,.20),transparent 24%),linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.06));
    box-shadow:0 28px 70px rgba(15,23,42,.22),inset 0 1px 0 rgba(255,255,255,.28);
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);isolation:isolate
}
.hero-modern-panel::before,.hero-modern-panel::after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:-1}
.hero-modern-panel::before{width:300px;height:300px;right:-95px;top:-105px;background:radial-gradient(circle,var(--hero-primary-2) 0%,transparent 68%);opacity:.22}
.hero-modern-panel::after{width:280px;height:280px;left:-115px;bottom:-135px;background:radial-gradient(circle,var(--hero-primary-1) 0%,transparent 68%);opacity:.20}
.hero-modern-copy{position:relative;z-index:3;width:58%;text-align:left}
.hero-modern-badge{display:inline-flex;align-items:center;gap:9px;padding:10px 17px;border-radius:999px;background:var(--hero-badge-bg);color:var(--hero-badge-text);border:1px solid var(--hero-badge-border);box-shadow:0 10px 26px rgba(15,23,42,.12);font-weight:800;font-size:.92rem}
.hero-modern-badge .icon{width:18px;height:18px;fill:currentColor;color:currentColor}
.hero-modern-title{margin:24px 0 14px;max-width:620px;color:var(--hero-title-color);font-size:clamp(2.2rem,4vw,4.25rem);line-height:.98;letter-spacing:-.045em;font-weight:900;text-shadow:0 8px 24px rgba(15,23,42,.12)}
.hero-modern-description{margin:0;max-width:620px;color:var(--hero-description-color);font-size:1.08rem;line-height:1.65;font-weight:600}
.hero-modern-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px}
.hero-modern-feature{min-width:0;display:flex;align-items:center;gap:10px;padding:13px 12px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.hero-modern-feature-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:rgba(255,255,255,.16);font-size:18px}
.hero-modern-feature strong,.hero-modern-feature small{display:block;color:var(--hero-title-color);line-height:1.15}
.hero-modern-feature strong{font-size:.93rem;font-weight:900}
.hero-modern-feature small{margin-top:4px;font-size:.68rem;opacity:.82;font-weight:700}
.hero-modern-actions{margin-top:26px}
.hero-modern-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:240px;padding:14px 20px;border-radius:18px;background:linear-gradient(135deg,var(--hero-primary-1),var(--hero-primary-2));color:var(--hero-primary-text)!important;text-decoration:none;font-weight:900;box-shadow:0 14px 30px rgba(15,23,42,.18);transition:transform .2s ease,box-shadow .2s ease}
.hero-modern-cta:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(15,23,42,.23)}
.hero-modern-cta .icon{width:19px;height:19px;fill:currentColor;color:currentColor}
.hero-modern-arrow{font-size:1.4rem;line-height:1;margin-left:auto}
.hero-modern-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.hero-modern-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;background:var(--hero-float-bg);color:var(--hero-float-text);border:1px solid rgba(255,255,255,.26);font-size:.78rem;font-weight:800;box-shadow:0 10px 22px rgba(15,23,42,.10)}
.hero-modern-pill .icon{width:15px;height:15px;fill:var(--hero-float-icon);color:var(--hero-float-icon)}
.hero-modern-community{position:absolute;right:18px;top:50%;width:41%;height:390px;transform:translateY(-50%)}
.hero-modern-orbit{position:absolute;left:50%;top:50%;width:270px;height:270px;border:2px dashed rgba(255,255,255,.48);border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg)}
.hero-modern-orbit::before,.hero-modern-orbit::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}
.hero-modern-orbit::before{width:145px;height:145px;right:-20px;top:-38px}.hero-modern-orbit::after{width:95px;height:95px;left:-32px;bottom:8px}
.hero-modern-avatar{position:absolute;width:132px;height:132px;z-index:3;animation:heroAvatarFloat 5s ease-in-out infinite}
.hero-modern-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:5px solid var(--hero-avatar-border);box-shadow:0 18px 38px rgba(15,23,42,.22),0 0 0 6px rgba(255,255,255,.10)}
.hero-modern-avatar-a{left:4%;top:68px}.hero-modern-avatar-b{right:1%;top:26px;animation-delay:-1.7s}.hero-modern-avatar-c{right:17%;bottom:25px;animation-delay:-3.2s}
.hero-modern-online{position:absolute;right:5px;bottom:10px;width:20px;height:20px;border:4px solid #fff;border-radius:50%;background:#22c55e;box-shadow:0 4px 10px rgba(15,23,42,.18)}
.hero-modern-speech{position:absolute;left:50%;top:-22px;transform:translateX(-50%);white-space:nowrap;padding:8px 12px;border-radius:999px;background:var(--hero-bubble-bg);color:var(--hero-bubble-text);font-weight:900;font-size:.72rem;box-shadow:0 10px 25px rgba(15,23,42,.16)}
.hero-modern-speech::after{content:"";position:absolute;left:50%;bottom:-5px;width:11px;height:11px;background:var(--hero-bubble-bg);transform:translateX(-50%) rotate(45deg)}
.hero-modern-chat-icon{position:absolute;display:grid;place-items:center;z-index:2;width:48px;height:48px;border-radius:16px;color:#fff;font-weight:900;box-shadow:0 14px 30px rgba(15,23,42,.18)}
.hero-modern-chat-icon-1{right:0;top:160px;background:linear-gradient(135deg,var(--hero-primary-1),var(--hero-primary-2));font-size:20px}
.hero-modern-chat-icon-2{left:20%;bottom:0;background:var(--hero-float-bg);color:var(--hero-float-text);font-size:16px}
@keyframes heroAvatarFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media (max-width:1199.98px){
    .hero-modern-panel{min-height:490px;padding:30px 26px}.hero-modern-copy{width:62%}.hero-modern-community{width:38%;right:6px}.hero-modern-avatar{width:112px;height:112px}.hero-modern-orbit{width:235px;height:235px}
}
@media (max-width:991.98px){
    .hero-modern-panel{min-height:auto;padding:30px 24px 320px}.hero-modern-copy{width:100%;text-align:center}.hero-modern-description{margin-left:auto;margin-right:auto}.hero-modern-features{max-width:620px;margin-left:auto;margin-right:auto}.hero-modern-actions{text-align:center}.hero-modern-pills{justify-content:center}.hero-modern-community{width:360px;height:265px;right:50%;top:auto;bottom:18px;transform:translateX(50%)}.hero-modern-orbit{width:215px;height:215px}.hero-modern-avatar{width:100px;height:100px}.hero-modern-avatar-a{left:12px;top:52px}.hero-modern-avatar-b{right:10px;top:18px}.hero-modern-avatar-c{right:105px;bottom:0}
}
@media (max-width:575.98px){
    .hero-modern-panel{padding:24px 16px 275px;border-radius:24px}.hero-modern-title{font-size:2.45rem}.hero-modern-description{font-size:.96rem}.hero-modern-features{grid-template-columns:1fr;gap:8px}.hero-modern-feature{padding:10px 12px}.hero-modern-cta{width:100%;min-width:0}.hero-modern-community{width:300px;height:225px;bottom:16px}.hero-modern-orbit{width:182px;height:182px}.hero-modern-avatar{width:82px;height:82px}.hero-modern-avatar-a{left:8px;top:48px}.hero-modern-avatar-b{right:6px;top:18px}.hero-modern-avatar-c{right:90px;bottom:0}.hero-modern-speech{font-size:.62rem;padding:6px 9px}.hero-modern-chat-icon{width:38px;height:38px;border-radius:12px}
}

/* === Resimli girişte yan yana iki ayrı kart yerine tek birleşik hero === */
.hero-row-image-mode{justify-content:center!important}
.hero-row-image-mode .hero-modern-column{max-width:1180px;margin-left:auto;margin-right:auto}
.hero-modern-panel-image-mode{
    min-height:620px;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);
    align-items:center;
    gap:34px;
    padding:42px 44px;
}
.hero-modern-panel-image-mode .hero-modern-copy{width:100%;max-width:640px}
.hero-modern-entry-visual{
    position:relative;
    display:block;
    width:min(100%,430px);
    justify-self:end;
    border-radius:26px;
    overflow:hidden;
    text-decoration:none;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.28);
    box-shadow:0 24px 58px rgba(15,23,42,.26),inset 0 1px 0 rgba(255,255,255,.28);
    transform:translateZ(0);
    transition:transform .25s ease,box-shadow .25s ease;
}
.hero-modern-entry-visual:hover{transform:translateY(-5px);box-shadow:0 32px 72px rgba(15,23,42,.33),inset 0 1px 0 rgba(255,255,255,.34)}
.hero-modern-entry-visual img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:rgba(255,255,255,.06)}
@media (max-width:991.98px){
    .hero-modern-panel-image-mode{grid-template-columns:1fr;min-height:auto;padding:30px 24px;gap:28px}
    .hero-modern-panel-image-mode .hero-modern-copy{max-width:none;text-align:center}
    .hero-modern-panel-image-mode .hero-modern-description{margin-left:auto;margin-right:auto}
    .hero-modern-panel-image-mode .hero-modern-features{max-width:650px;margin-left:auto;margin-right:auto}
    .hero-modern-panel-image-mode .hero-modern-actions{text-align:center}
    .hero-modern-panel-image-mode .hero-modern-pills{justify-content:center}
    .hero-modern-entry-visual{justify-self:center;width:min(100%,520px)}
    .hero-modern-entry-visual img{max-height:none}
}
@media (max-width:575.98px){
    .hero-modern-panel-image-mode{padding:22px 14px;border-radius:24px}
    .hero-modern-entry-visual{border-radius:20px}
}

/* =====================================================================
   HERO BIREBIR V1 — referans tasarıma yakın, tamamen HTML/CSS
   ===================================================================== */
.hero-section .hero-content-container{
    width:min(90%,1500px);
    max-width:1500px!important;
    margin-left:auto;
    margin-right:auto;
}
.hero-row-image-mode{justify-content:center!important}
.hero-row-image-mode .hero-exact-column{width:100%;max-width:none;flex:0 0 100%}
.hero-exact-column{position:relative;z-index:5}
.hero-exact-panel{
    --hex-blue-1:#087eea;
    --hex-blue-2:#1649df;
    --hex-blue-3:#4d3ff0;
    position:relative;
    overflow:hidden;
    min-height:650px;
    border-radius:36px;
    border:1.5px solid rgba(255,255,255,.36);
    background:
        radial-gradient(circle at 78% 28%,rgba(81,207,255,.30),transparent 24%),
        radial-gradient(circle at 92% 72%,rgba(217,71,255,.18),transparent 24%),
        linear-gradient(135deg,var(--hex-blue-1) 0%,var(--hex-blue-2) 52%,var(--hex-blue-3) 100%);
    box-shadow:
        0 30px 75px rgba(5,38,120,.30),
        inset 0 1px 0 rgba(255,255,255,.40),
        inset 0 0 54px rgba(255,255,255,.05);
    isolation:isolate;
}
.hero-exact-panel::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:-1;
    opacity:.42;
    background-image:radial-gradient(rgba(255,255,255,.72) 1.7px,transparent 1.7px);
    background-size:36px 36px;
    mask-image:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.08) 37%,rgba(0,0,0,.06) 66%,rgba(0,0,0,.76));
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.08) 37%,rgba(0,0,0,.06) 66%,rgba(0,0,0,.76));
}
.hero-exact-panel::after{
    content:"";
    position:absolute;
    inset:12px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:29px;
    pointer-events:none;
    box-shadow:inset 0 0 50px rgba(99,102,241,.12);
}
.hero-exact-panel-full{
    min-height:710px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(520px,.92fr);
    align-items:center;
    gap:28px;
    padding:54px 58px 50px;
}
.hero-exact-glow{position:absolute;display:block;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(2px)}
.hero-exact-glow-a{width:420px;height:420px;right:4%;top:6%;background:radial-gradient(circle,rgba(22,201,255,.23),transparent 68%)}
.hero-exact-glow-b{width:360px;height:360px;left:-10%;bottom:-28%;background:radial-gradient(circle,rgba(168,85,247,.26),transparent 70%)}
.hero-exact-wave{
    position:absolute;
    left:-3%;right:-3%;bottom:-115px;height:235px;
    border-radius:50% 50% 0 0;
    background:
        radial-gradient(ellipse at 30% 15%,rgba(117,72,255,.62),transparent 45%),
        radial-gradient(ellipse at 64% 0%,rgba(35,220,255,.52),transparent 46%),
        linear-gradient(90deg,rgba(153,52,255,.30),rgba(29,211,255,.22),rgba(241,76,255,.22));
    transform:rotate(-3deg);
    filter:blur(1px);
    opacity:.78;
    pointer-events:none;
}
.hero-exact-copy{position:relative;z-index:4;max-width:800px;text-align:left}
.hero-exact-badge{
    display:inline-flex;align-items:center;gap:12px;
    min-height:58px;padding:11px 25px;border-radius:999px;
    border:1.5px solid rgba(255,255,255,.74);
    background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.09));
    box-shadow:0 10px 30px rgba(6,39,145,.18),inset 0 1px 0 rgba(255,255,255,.36);
    color:#fff;font-size:1.17rem;font-weight:850;letter-spacing:-.01em;
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)
}
.hero-exact-badge .icon{width:24px;height:24px;fill:#fff;color:#fff;filter:drop-shadow(0 4px 8px rgba(255,255,255,.15))}
.hero-exact-title{
    max-width:810px;
    margin:34px 0 21px;
    color:#fff;
    font-size:clamp(3.9rem,5.25vw,6.25rem);
    line-height:.94;
    letter-spacing:-.055em;
    font-weight:950;
    text-wrap:balance;
    text-shadow:0 10px 28px rgba(0,22,92,.20)
}
.hero-exact-title-accent{
    position:relative;
    display:inline-block;
    color:#ff77da;
    background:linear-gradient(135deg,#ff91e6 5%,#f44bd5 48%,#b553ff 100%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
.hero-exact-title-accent::after{
    content:"";position:absolute;left:4%;right:-8%;height:7px;bottom:-12px;border-radius:999px;
    background:linear-gradient(90deg,#ff8be1,#ce55ff,#4573ff);
    transform:skewX(-18deg);opacity:.90
}
.hero-exact-description{
    max-width:760px;margin:0;color:rgba(255,255,255,.96);
    font-size:clamp(1.2rem,1.55vw,1.65rem);line-height:1.52;font-weight:600;
    text-shadow:0 5px 18px rgba(7,30,107,.18)
}
.hero-exact-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;max-width:850px}
.hero-exact-stat{
    display:flex;align-items:center;gap:17px;min-height:118px;padding:20px 22px;
    border-radius:22px;border:1.5px solid rgba(255,255,255,.32);
    background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.075));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 14px 34px rgba(6,37,127,.13);
    backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)
}
.hero-exact-stat-icon{display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;border-radius:18px;font-size:35px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.15))}
.hero-exact-stat-users .hero-exact-stat-icon{background:linear-gradient(135deg,rgba(255,127,219,.24),rgba(255,62,193,.08))}
.hero-exact-stat-rooms .hero-exact-stat-icon{background:linear-gradient(135deg,rgba(88,235,255,.25),rgba(0,191,255,.08))}
.hero-exact-stat-live .hero-exact-stat-icon{background:linear-gradient(135deg,rgba(255,221,82,.23),rgba(255,144,20,.08))}
.hero-exact-stat-copy{display:flex;min-width:0;flex-direction:column}
.hero-exact-stat-copy strong{color:#fff;font-size:2.15rem;line-height:1;font-weight:950;letter-spacing:-.03em}
.hero-exact-stat-copy small{margin-top:8px;color:rgba(255,255,255,.92);font-size:1rem;line-height:1.05;font-weight:600}
.hero-exact-actions{display:flex;align-items:center;gap:20px;margin-top:34px;flex-wrap:wrap}
.hero-exact-cta{
    position:relative;overflow:hidden;
    display:inline-flex;align-items:center;gap:17px;min-width:360px;min-height:76px;padding:16px 25px;
    border:2px solid rgba(255,255,255,.76);border-radius:28px;
    background:linear-gradient(112deg,#ff2da9 0%,#d331e7 48%,#7350ff 100%);
    color:#fff!important;text-decoration:none;font-size:1.42rem;font-weight:900;
    box-shadow:0 0 0 2px rgba(255,71,202,.18),0 0 32px rgba(255,42,188,.58),0 18px 36px rgba(38,26,161,.24),inset 0 1px 0 rgba(255,255,255,.44);
    transition:transform .22s ease,filter .22s ease
}
.hero-exact-cta::before{content:"";position:absolute;left:-20%;top:-100%;width:55%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:rotate(22deg);transition:left .5s ease}
.hero-exact-cta:hover{transform:translateY(-3px);filter:saturate(1.08)}
.hero-exact-cta:hover::before{left:115%}
.hero-exact-cta-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#fff;color:#d834e5;font-size:0;flex:0 0 45px}
.hero-exact-cta-icon::after{content:"";width:21px;height:17px;border-radius:50%;background:#e03ae3;box-shadow:7px 2px 0 -5px #fff}
.hero-exact-arrow{margin-left:auto;font-size:2rem;font-weight:400;line-height:1}
.hero-exact-pills{display:flex;gap:14px;flex-wrap:wrap}
.hero-exact-pill{
    display:inline-flex;align-items:center;gap:10px;min-height:58px;padding:13px 22px;
    border:1.5px solid rgba(255,255,255,.70);border-radius:999px;
    background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.06));
    color:#fff;font-size:1rem;font-weight:820;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 25px rgba(7,35,116,.10)
}
.hero-exact-pill .icon{width:21px;height:21px;fill:#fff;color:#fff}
.hero-exact-community{position:relative;z-index:4;min-height:560px}
.hero-exact-orbit{position:absolute;left:51%;top:51%;border-radius:50%;transform:translate(-50%,-50%) rotate(-11deg);pointer-events:none}
.hero-exact-orbit-main{width:430px;height:430px;border:2px dashed rgba(255,255,255,.78)}
.hero-exact-orbit-inner{width:300px;height:300px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle,rgba(93,211,255,.17),transparent 67%)}
.hero-exact-avatar{position:absolute;z-index:5;width:126px;height:126px;border-radius:50%;animation:heroExactFloat 6s ease-in-out infinite}
.hero-exact-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:7px solid rgba(255,255,255,.93);box-shadow:0 0 0 8px rgba(86,202,255,.36),0 22px 45px rgba(4,24,103,.30)}
.hero-exact-avatar-a{left:2%;top:118px}.hero-exact-avatar-a img{box-shadow:0 0 0 7px rgba(68,205,255,.42),0 22px 45px rgba(4,24,103,.30)}
.hero-exact-avatar-b{right:5%;top:28px;animation-delay:-1.8s}.hero-exact-avatar-b img{box-shadow:0 0 0 7px rgba(255,93,213,.44),0 22px 45px rgba(4,24,103,.30)}
.hero-exact-avatar-c{left:6%;bottom:32px;animation-delay:-3.4s}.hero-exact-avatar-c img{box-shadow:0 0 0 7px rgba(255,201,52,.46),0 22px 45px rgba(4,24,103,.30)}
.hero-exact-avatar-d{right:3%;bottom:28px;animation-delay:-4.6s}.hero-exact-avatar-d img{box-shadow:0 0 0 7px rgba(181,112,255,.47),0 22px 45px rgba(4,24,103,.30);object-position:center top}
.hero-exact-avatar-e{left:39%;top:36px;width:108px;height:108px;animation-delay:-2.6s}.hero-exact-avatar-e img{box-shadow:0 0 0 7px rgba(72,238,190,.40),0 18px 36px rgba(4,24,103,.26);object-position:center top}
.hero-exact-avatar-f{left:42%;bottom:22px;width:108px;height:108px;animation-delay:-5.1s}.hero-exact-avatar-f img{box-shadow:0 0 0 7px rgba(255,137,186,.40),0 18px 36px rgba(4,24,103,.26);object-position:center top}
.hero-exact-online{position:absolute;right:4px;bottom:16px;width:27px;height:27px;border:5px solid #fff;border-radius:50%;background:#20df78;box-shadow:0 5px 12px rgba(0,76,58,.25)}
.hero-exact-speech{
    position:absolute;left:50%;top:-34px;transform:translateX(-50%);z-index:8;white-space:nowrap;
    padding:11px 16px;border-radius:999px;background:#fff;color:#12388d;font-size:.90rem;font-weight:900;
    box-shadow:0 12px 26px rgba(5,28,103,.20)
}
.hero-exact-speech::after{content:"";position:absolute;left:50%;bottom:-7px;width:15px;height:15px;background:#fff;transform:translateX(-50%) rotate(45deg);border-radius:2px}
.hero-exact-heart{color:#ff44ad;font-size:1.18em}
.hero-exact-chatdot{display:inline-grid;place-items:center;width:29px;height:29px;margin:-6px 5px -6px -7px;border-radius:50%;background:#2196ff;color:#fff;font-size:.72rem;letter-spacing:-1px}

.hero-exact-live-status{
    position:absolute;left:50%;top:50%;z-index:7;transform:translate(-50%,-50%);
    min-width:174px;padding:12px 16px 11px 38px;border-radius:18px;
    border:1px solid rgba(255,255,255,.30);
    background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
    box-shadow:0 14px 32px rgba(4,28,105,.18),inset 0 1px 0 rgba(255,255,255,.20);
    color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)
}
.hero-exact-live-status strong{display:block;font-size:.86rem;line-height:1.1;font-weight:900}.hero-exact-live-status small{display:block;margin-top:3px;font-size:.67rem;opacity:.86;font-weight:700}
.hero-exact-live-dot{position:absolute;left:15px;top:50%;width:12px;height:12px;border-radius:50%;background:#20df78;box-shadow:0 0 0 5px rgba(32,223,120,.17),0 0 18px rgba(32,223,120,.55);transform:translateY(-50%)}
.hero-exact-mini-bubble{position:absolute;z-index:6;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 11px 26px rgba(5,28,103,.18);font-size:1rem}
.hero-exact-mini-bubble-a{left:31%;top:220px;transform:rotate(-9deg)}
.hero-exact-mini-bubble-b{right:27%;bottom:108px;color:#6e46ff;transform:rotate(8deg)}

.hero-exact-float{position:absolute;z-index:6;display:grid;place-items:center;border-radius:18px;box-shadow:0 15px 32px rgba(5,29,104,.22)}
.hero-exact-float-heart{right:-2%;top:260px;width:68px;height:68px;background:linear-gradient(135deg,#ff46bd,#ff67d1);color:#fff;font-size:2.1rem;transform:rotate(7deg)}
.hero-exact-float-chat{right:-3%;bottom:52px;width:68px;height:68px;background:linear-gradient(135deg,#2bd3ff,#49a8ff);color:#fff;font-size:1.22rem;letter-spacing:2px;transform:rotate(-3deg)}
.hero-exact-spark{position:absolute;width:46px;height:12px;border-radius:999px;background:#ffd63d;z-index:3;box-shadow:0 0 18px rgba(255,216,61,.34)}
.hero-exact-spark-a{left:0;top:270px;transform:rotate(70deg)}
.hero-exact-spark-b{right:3%;top:185px;transform:rotate(-62deg)}
@keyframes heroExactFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}

/* Loginli girişte panel daha kompakt kalsın */
.hero-row-login-mode .hero-exact-panel{min-height:590px;padding:32px 28px}
.hero-row-login-mode .hero-exact-copy{width:100%}
.hero-row-login-mode .hero-exact-title{font-size:clamp(2.5rem,3.5vw,4rem)}
.hero-row-login-mode .hero-exact-stats{gap:9px}
.hero-row-login-mode .hero-exact-stat{min-height:92px;padding:14px 12px;gap:10px}
.hero-row-login-mode .hero-exact-stat-icon{width:40px;height:40px;flex-basis:40px;font-size:24px;border-radius:12px}
.hero-row-login-mode .hero-exact-stat-copy strong{font-size:1.35rem}
.hero-row-login-mode .hero-exact-stat-copy small{font-size:.72rem}
.hero-row-login-mode .hero-exact-community{display:none}
.hero-row-login-mode .hero-exact-actions{display:block}
.hero-row-login-mode .hero-exact-cta{min-width:0;width:100%}
.hero-row-login-mode .hero-exact-pills{margin-top:12px}

@media (max-width:1399.98px){
    .hero-exact-panel-full{min-height:700px;padding:54px 48px;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr)}
    .hero-exact-title{font-size:clamp(3.5rem,5vw,5.45rem)}
    .hero-exact-stat{min-height:108px;padding:17px}.hero-exact-stat-icon{width:52px;height:52px;flex-basis:52px;font-size:31px}.hero-exact-stat-copy strong{font-size:1.85rem}
    .hero-exact-community{min-height:540px}.hero-exact-orbit-main{width:410px;height:410px}.hero-exact-orbit-inner{width:285px;height:285px}
    .hero-exact-avatar{width:116px;height:116px}.hero-exact-avatar-a{left:1%;top:108px}.hero-exact-avatar-b{right:3%;top:35px}.hero-exact-avatar-c{left:5%;bottom:25px}.hero-exact-avatar-d{right:2%;bottom:22px}.hero-exact-avatar-e{left:38%;top:38px;width:98px;height:98px}.hero-exact-avatar-f{left:41%;bottom:22px;width:98px;height:98px}.hero-exact-live-status{min-width:150px;padding-left:34px}.hero-exact-mini-bubble-a{left:29%;top:205px}.hero-exact-mini-bubble-b{right:25%;bottom:98px}
}
@media (max-width:1199.98px){
    .hero-exact-panel-full{grid-template-columns:1fr .78fr;gap:18px;padding:44px 34px;min-height:640px}
    .hero-exact-title{font-size:clamp(3.1rem,5vw,4.75rem)}
    .hero-exact-description{font-size:1.1rem}.hero-exact-stats{gap:10px}.hero-exact-stat{min-height:96px;padding:14px 12px;gap:10px}.hero-exact-stat-icon{width:44px;height:44px;flex-basis:44px;font-size:25px}.hero-exact-stat-copy strong{font-size:1.55rem}.hero-exact-stat-copy small{font-size:.76rem}
    .hero-exact-cta{min-width:300px;min-height:66px;font-size:1.18rem}.hero-exact-pill{min-height:50px;padding:10px 15px;font-size:.86rem}
    .hero-exact-community{min-height:470px}.hero-exact-orbit-main{width:340px;height:340px}.hero-exact-orbit-inner{width:240px;height:240px}.hero-exact-avatar{width:102px;height:102px}.hero-exact-avatar-e,.hero-exact-avatar-f{width:86px;height:86px}.hero-exact-speech{font-size:.72rem;padding:8px 11px}.hero-exact-live-status{min-width:138px;padding:10px 12px 9px 31px}.hero-exact-live-status strong{font-size:.72rem}.hero-exact-live-status small{font-size:.58rem}.hero-exact-float{width:48px;height:48px}
}
@media (max-width:991.98px){
    .hero-section .hero-content-container{width:min(94%,860px)}
    .hero-exact-panel-full{display:block;min-height:auto;padding:38px 26px 520px}
    .hero-exact-copy{max-width:none;text-align:center}.hero-exact-title{max-width:760px;margin-left:auto;margin-right:auto}.hero-exact-description{margin-left:auto;margin-right:auto}.hero-exact-stats{max-width:760px;margin-left:auto;margin-right:auto}.hero-exact-actions{justify-content:center}.hero-exact-pills{justify-content:center}
    .hero-exact-community{position:absolute;left:50%;bottom:24px;width:560px;height:440px;min-height:0;transform:translateX(-50%)}
}
@media (max-width:767.98px){
    .hero-exact-panel-full{padding:30px 18px 430px;border-radius:28px}.hero-exact-panel::after{inset:7px;border-radius:23px}
    .hero-exact-title{font-size:clamp(2.9rem,12vw,4rem)}.hero-exact-description{font-size:1rem}.hero-exact-badge{min-height:48px;padding:9px 17px;font-size:.95rem}
    .hero-exact-stats{grid-template-columns:1fr;gap:9px}.hero-exact-stat{min-height:74px}.hero-exact-stat-copy strong{font-size:1.45rem}.hero-exact-actions{display:block}.hero-exact-cta{width:100%;min-width:0}.hero-exact-pills{margin-top:13px}
    .hero-exact-community{width:420px;height:350px;bottom:18px}.hero-exact-orbit-main{width:290px;height:290px}.hero-exact-orbit-inner{width:205px;height:205px}.hero-exact-avatar{width:112px;height:112px}.hero-exact-avatar-a{left:4%;top:104px}.hero-exact-avatar-b{right:5%;top:28px}.hero-exact-avatar-c{left:9%;bottom:25px}.hero-exact-avatar-d{right:6%;bottom:20px}.hero-exact-avatar-e{left:39%;top:50px;width:92px;height:92px}.hero-exact-avatar-f{left:41%;bottom:30px;width:92px;height:92px}.hero-exact-live-status{min-width:132px}.hero-exact-mini-bubble-a{left:31%;top:180px}.hero-exact-mini-bubble-b{right:27%;bottom:90px}.hero-exact-online{width:20px;height:20px;border-width:4px}.hero-exact-speech{font-size:.67rem;padding:7px 10px;top:-27px}.hero-exact-float-heart{right:3%;top:166px}.hero-exact-float-chat{right:1%;bottom:25px}
}
@media (max-width:479.98px){
    .hero-exact-panel-full{padding:26px 14px 360px}.hero-exact-title{font-size:2.75rem}.hero-exact-title-accent::after{height:4px;bottom:-7px}.hero-exact-stats{grid-template-columns:repeat(3,1fr)}.hero-exact-stat{display:block;text-align:center;padding:10px 6px;min-height:108px}.hero-exact-stat-icon{margin:0 auto 7px;width:34px;height:34px;font-size:20px}.hero-exact-stat-copy strong{font-size:1.05rem}.hero-exact-stat-copy small{font-size:.62rem}.hero-exact-pill{font-size:.72rem;padding:9px 11px}.hero-exact-community{width:330px;height:290px}.hero-exact-orbit-main{width:230px;height:230px}.hero-exact-orbit-inner{width:165px;height:165px}.hero-exact-avatar{width:88px;height:88px}.hero-exact-avatar img{border-width:4px}.hero-exact-avatar-a{left:3%;top:82px}.hero-exact-avatar-b{right:5%;top:18px}.hero-exact-avatar-c{left:8%;bottom:18px}.hero-exact-avatar-d{right:5%;bottom:12px}.hero-exact-avatar-e{left:40%;top:45px;width:72px;height:72px}.hero-exact-avatar-f{left:42%;bottom:18px;width:72px;height:72px}.hero-exact-live-status{min-width:112px;padding:8px 9px 8px 27px}.hero-exact-live-status strong{font-size:.62rem}.hero-exact-live-status small{font-size:.50rem}.hero-exact-live-dot{left:10px;width:9px;height:9px}.hero-exact-mini-bubble{display:none}.hero-exact-speech{font-size:.54rem;top:-22px;padding:6px 8px}.hero-exact-float{width:38px;height:38px;border-radius:12px;font-size:.9rem}.hero-exact-float-heart{top:132px}.hero-exact-float-chat{bottom:15px}
}

/* =====================================================================
   HERO MASAUSTU KOMPAKT V2 — %100 zoomda ekrana daha rahat sığar
   Sadece masaüstünü küçültür; tablet/mobil kuralları aynen korunur.
   ===================================================================== */
@media (min-width:1200px){
    .hero-section{
        padding-bottom:72px;
    }
    .hero-content-container{
        padding-top:38px;
    }
    .hero-section .hero-content-container{
        width:min(84%,1380px);
        max-width:1380px!important;
    }
    .hero-exact-panel-full{
        min-height:580px;
        grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);
        gap:18px;
        padding:36px 42px 34px;
    }
    .hero-exact-badge{
        min-height:50px;
        padding:9px 20px;
        font-size:1rem;
    }
    .hero-exact-badge .icon{width:21px;height:21px}
    .hero-exact-title{
        margin:24px 0 15px;
        font-size:clamp(3rem,4.25vw,4.9rem);
        line-height:.95;
    }
    .hero-exact-title-accent::after{
        height:5px;
        bottom:-8px;
    }
    .hero-exact-description{
        font-size:clamp(1.02rem,1.18vw,1.26rem);
        line-height:1.4;
    }
    .hero-exact-stats{
        gap:12px;
        margin-top:25px;
        max-width:760px;
    }
    .hero-exact-stat{
        min-height:88px;
        padding:13px 15px;
        gap:11px;
        border-radius:18px;
    }
    .hero-exact-stat-icon{
        width:45px;
        height:45px;
        flex-basis:45px;
        border-radius:13px;
        font-size:26px;
    }
    .hero-exact-stat-copy strong{font-size:1.62rem}
    .hero-exact-stat-copy small{margin-top:5px;font-size:.78rem}
    .hero-exact-actions{
        margin-top:24px;
        gap:13px;
    }
    .hero-exact-cta{
        min-width:300px;
        min-height:61px;
        padding:12px 20px;
        border-radius:23px;
        font-size:1.1rem;
    }
    .hero-exact-cta-icon{
        width:38px;
        height:38px;
        flex-basis:38px;
    }
    .hero-exact-pill{
        min-height:46px;
        padding:9px 16px;
        font-size:.82rem;
    }
    .hero-exact-community{
        min-height:455px;
        transform:scale(.91);
        transform-origin:center center;
    }
    .hero-exact-orbit-main{width:350px;height:350px}
    .hero-exact-orbit-inner{width:245px;height:245px}
    .hero-exact-avatar{width:101px;height:101px}
    .hero-exact-avatar img{border-width:5px}
    .hero-exact-avatar-a{left:3%;top:98px}
    .hero-exact-avatar-b{right:5%;top:22px}
    .hero-exact-avatar-c{left:7%;bottom:27px}
    .hero-exact-avatar-d{right:4%;bottom:23px}
    .hero-exact-avatar-e{left:39%;top:29px;width:84px;height:84px}
    .hero-exact-avatar-f{left:42%;bottom:18px;width:84px;height:84px}
    .hero-exact-speech{top:-29px;padding:8px 12px;font-size:.72rem}
    .hero-exact-online{width:21px;height:21px;border-width:4px;bottom:10px}
    .hero-exact-live-status{
        min-width:142px;
        padding:9px 11px 8px 31px;
    }
    .hero-exact-live-status strong{font-size:.73rem}
    .hero-exact-live-status small{font-size:.57rem}
    .hero-exact-mini-bubble{width:32px;height:32px;border-radius:10px;font-size:.82rem}
    .hero-exact-mini-bubble-a{left:30%;top:177px}
    .hero-exact-mini-bubble-b{right:26%;bottom:83px}
    .hero-exact-float-heart{right:0;top:215px;width:52px;height:52px;font-size:1.6rem}
    .hero-exact-float-chat{right:-1%;bottom:42px;width:52px;height:52px;font-size:1rem}
    .hero-exact-spark{width:36px;height:9px}
    .hero-exact-spark-a{top:220px}
    .hero-exact-spark-b{top:150px}
}

/* Büyük ekranlarda da gereksiz yere devleşmesin */
@media (min-width:1600px){
    .hero-section .hero-content-container{
        width:min(82%,1420px);
        max-width:1420px!important;
    }
    .hero-exact-panel-full{min-height:590px}
}

/* =====================================================================
   MOBIL HERO SIRALAMA — Sohbete Katıl butonu Sohbet Odaları rozetinin üstünde
   Masaüstü/tablet yapısına dokunmaz.
   ===================================================================== */
@media (max-width:767.98px){
    .hero-exact-copy{
        display:flex;
        flex-direction:column;
        align-items:stretch;
    }

    /* Actions sarmalayıcısını görsel sıradan çıkar; CTA ve alt pill'ler ayrı sıralanır. */
    .hero-exact-actions{
        display:contents!important;
    }

    .hero-exact-cta{
        order:-20;
        width:100%;
        max-width:520px;
        min-width:0;
        margin:0 auto 18px;
    }

    .hero-exact-badge{
        order:-10;
        align-self:center;
        margin:0 auto 20px;
    }

    .hero-exact-title{order:0}
    .hero-exact-description{order:1}
    .hero-exact-stats{order:2}

    .hero-exact-pills{
        order:3;
        width:100%;
        margin-top:14px;
        justify-content:center;
    }
}

@media (max-width:479.98px){
    .hero-exact-cta{
        margin-bottom:15px;
    }
    .hero-exact-badge{
        margin-bottom:17px;
    }
}

/* =====================================================================
   MOBIL HERO SIRALAMA V2 — Sohbete Katıl, açıklamanın hemen altında
   Sohbet Odaları > Başlık > Açıklama > Sohbete Katıl > İstatistikler > Pill'ler
   ===================================================================== */
@media (max-width:767.98px){
    .hero-exact-copy{
        display:flex;
        flex-direction:column;
        align-items:stretch;
    }

    .hero-exact-actions{
        display:contents!important;
    }

    .hero-exact-badge{
        order:-10;
        align-self:center;
        margin:0 auto 20px;
    }

    .hero-exact-title{
        order:0;
    }

    .hero-exact-description{
        order:1;
        margin-bottom:18px;
    }

    .hero-exact-cta{
        order:2;
        width:100%;
        max-width:520px;
        min-width:0;
        margin:0 auto 20px;
    }

    .hero-exact-stats{
        order:3;
    }

    .hero-exact-pills{
        order:4;
        width:100%;
        margin-top:14px;
        justify-content:center;
    }
}

@media (max-width:479.98px){
    .hero-exact-description{margin-bottom:15px}
    .hero-exact-cta{margin-bottom:18px}
    .hero-exact-badge{margin-bottom:17px}
}

/* =====================================================================
   MODERN FOOTER — 2026
   ===================================================================== */
.footer-section.footer-modern{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    padding:132px 0 26px;
    background:
        radial-gradient(circle at 82% 18%, color-mix(in srgb,var(--hero-bg-2,#4f46e5) 32%,transparent) 0 1%, transparent 28%),
        radial-gradient(circle at 8% 72%, color-mix(in srgb,var(--hero-bg-1,#0ea5e9) 22%,transparent) 0 1%, transparent 30%),
        linear-gradient(145deg,#081327 0%,#0e1b35 46%,#13264a 100%);
    color:#fff;
}
.footer-modern::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-3;
    opacity:.12;
    background-image:radial-gradient(rgba(255,255,255,.72) 1px,transparent 1.5px);
    background-size:28px 28px;
    mask-image:linear-gradient(to bottom,transparent 5%,#000 28%,#000 86%,transparent 100%);
}
.footer-modern .footer-wave{z-index:4}
.footer-modern .footer-wave svg{height:82px}
.footer-modern .footer-wave .shape-fill{fill:#fffafc}
.footer-modern-container{position:relative;z-index:3}
.footer-modern-glow{
    position:absolute;
    z-index:-2;
    border-radius:50%;
    filter:blur(20px);
    opacity:.48;
    pointer-events:none;
}
.footer-modern-glow-a{
    width:360px;height:360px;right:-110px;top:105px;
    background:color-mix(in srgb,var(--hero-bg-2,#6366f1) 58%,transparent);
}
.footer-modern-glow-b{
    width:300px;height:300px;left:-120px;bottom:-70px;
    background:color-mix(in srgb,var(--hero-bg-1,#0ea5e9) 50%,transparent);
}
.footer-modern-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    margin-bottom:54px;
    padding:25px 28px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:26px;
    background:linear-gradient(120deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
    box-shadow:0 22px 65px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.10);
    backdrop-filter:blur(16px);
}
.footer-modern-cta-copy{display:flex;align-items:center;gap:18px;min-width:0}
.footer-modern-cta-icon{
    width:58px;height:58px;flex:0 0 58px;border-radius:18px;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,var(--hero-bg-1,#0ea5e9),var(--hero-bg-2,#4f46e5));
    box-shadow:0 12px 30px color-mix(in srgb,var(--hero-bg-2,#4f46e5) 28%,transparent);
}
.footer-modern-cta-icon .icon{width:27px;height:27px;color:#fff}
.footer-modern-cta small{
    display:block;margin-bottom:5px;color:#8fb7ff;font-size:.71rem;font-weight:900;letter-spacing:1.6px;
}
.footer-modern-cta h3{margin:0;color:#fff;font-size:clamp(1.2rem,2vw,1.65rem);font-weight:900;line-height:1.18}
.footer-modern-cta p{margin:7px 0 0;color:#9fb0cc;font-size:.94rem}
.footer-modern-cta-btn{
    min-width:190px;min-height:54px;padding:12px 20px;border-radius:17px;
    display:inline-flex;align-items:center;justify-content:center;gap:18px;
    color:#fff!important;font-weight:900;text-decoration:none!important;
    background:linear-gradient(135deg,var(--hero-bg-1,#0ea5e9),var(--hero-bg-2,#4f46e5));
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 13px 32px color-mix(in srgb,var(--hero-bg-2,#4f46e5) 24%,transparent);
    transition:transform .25s ease,box-shadow .25s ease;
}
.footer-modern-cta-btn:hover{transform:translateY(-3px);box-shadow:0 18px 38px color-mix(in srgb,var(--hero-bg-2,#4f46e5) 34%,transparent)}
.footer-modern-grid{
    display:grid;
    grid-template-columns:minmax(260px,1.35fr) minmax(170px,.7fr) minmax(190px,.85fr) minmax(210px,.9fr);
    gap:42px;
    align-items:start;
}
.footer-modern-brand{padding-right:18px}
.footer-modern-logo{display:inline-flex;max-width:100%;margin-bottom:20px;text-decoration:none!important}
.footer-modern-logo>img{max-width:263px;height:auto;object-fit:contain}
.footer-modern .footer-desc{max-width:390px;margin:0 0 19px;color:#9fb0cc;line-height:1.75;font-size:.95rem}
.footer-modern-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 21px}
.footer-modern-badges span{
    padding:7px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;
    background:rgba(255,255,255,.045);color:#b8c8df;font-size:.72rem;font-weight:700;
}
.footer-modern .social-links{display:flex;flex-wrap:wrap;gap:9px;margin:0}
.footer-modern .social-btn{
    width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.footer-modern .social-btn:hover{
    transform:translateY(-3px);border-color:rgba(255,255,255,.25);
    background:linear-gradient(135deg,var(--hero-bg-1,#0ea5e9),var(--hero-bg-2,#4f46e5));
}
.footer-modern .social-icon-img{width:20px;height:20px;object-fit:contain}
.footer-modern-column h4{
    margin:3px 0 22px;color:#fff;font-size:1rem;font-weight:900;display:flex;align-items:center;gap:9px;
}
.footer-modern-title-icon{
    width:29px;height:29px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;
    color:#fff;font-size:.9rem;background:linear-gradient(135deg,var(--hero-bg-1,#0ea5e9),var(--hero-bg-2,#4f46e5));
    box-shadow:0 8px 20px color-mix(in srgb,var(--hero-bg-2,#4f46e5) 20%,transparent);
}
.footer-modern-column ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.footer-modern-column ul a{
    min-height:37px;padding:7px 9px;border-radius:10px;
    display:flex;align-items:center;gap:8px;color:#9fb0cc!important;text-decoration:none!important;
    font-size:.91rem;line-height:1.35;transition:.2s ease;
}
.footer-modern-column ul a:hover{color:#fff!important;background:rgba(255,255,255,.055);transform:translateX(3px)}
.footer-modern-column ul a>span:first-child{color:#65aef8;font-weight:900}
.footer-modern-posts li a{align-items:flex-start}
.footer-modern-post-dot{
    width:8px;height:8px;flex:0 0 8px;margin-top:6px;border-radius:50%;
    background:linear-gradient(135deg,var(--hero-bg-1,#0ea5e9),var(--hero-bg-2,#4f46e5));
    box-shadow:0 0 10px color-mix(in srgb,var(--hero-bg-1,#0ea5e9) 60%,transparent);
}
.footer-modern-categories{display:flex;flex-wrap:wrap;gap:9px}
.footer-modern-categories a{
    display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:11px;
    color:#b7c6dc!important;text-decoration:none!important;font-size:.83rem;font-weight:700;
    border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);transition:.2s ease;
}
.footer-modern-categories a span{
    min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.08);color:#e9f1ff;font-size:.68rem;
}
.footer-modern-categories a:hover{color:#fff!important;border-color:rgba(255,255,255,.18);transform:translateY(-2px)}
.footer-modern-bottom{
    margin-top:44px;padding-top:23px;border-top:1px solid rgba(255,255,255,.08);
}
.footer-modern-bottom p{color:#8194b3;font-size:.88rem}
.footer-modern .footer-nav{display:flex;gap:20px;flex-wrap:wrap}
.footer-modern .footer-nav a{color:#8194b3!important;font-size:.86rem;text-decoration:none!important}
.footer-modern .footer-nav a:hover{color:#fff!important}

@media (max-width:991.98px){
    .footer-modern-grid{grid-template-columns:1.15fr .85fr;gap:35px 30px}
    .footer-modern-cta{align-items:flex-start}
}
@media (max-width:767.98px){
    .footer-section.footer-modern{padding:112px 0 22px}
    .footer-modern .footer-wave svg{height:58px}
    .footer-modern-cta{display:grid;gap:18px;padding:21px;border-radius:22px;margin-bottom:38px}
    .footer-modern-cta-copy{align-items:flex-start}
    .footer-modern-cta-icon{width:50px;height:50px;flex-basis:50px;border-radius:15px}
    .footer-modern-cta-btn{width:100%;min-width:0}
    .footer-modern-grid{grid-template-columns:1fr;gap:30px}
    .footer-modern-brand{padding-right:0}
    .footer-modern-column h4{margin-bottom:14px}
    .footer-modern-bottom{margin-top:34px;align-items:flex-start;flex-direction:column;gap:14px}
    .footer-modern .footer-nav{gap:12px 18px}
}
@media (max-width:479.98px){
    .footer-modern-cta-copy{gap:13px}
    .footer-modern-cta h3{font-size:1.1rem}
    .footer-modern-cta p{font-size:.84rem}
    .footer-modern-badges span{font-size:.66rem}
    .footer-modern .footer-nav{display:grid;gap:8px}
}

/* ==========================================================
   MODERN NAVBAR V2
   Mevcut yönetim paneli renk değişkenlerini kullanır.
   ========================================================== */
.hero-section > .container.pt-4{
    position:relative;
    z-index:40;
}

.hero-section .custom-navbar{
    position:relative;
    min-height:78px;
    padding:10px 14px 10px 18px;
    border-radius:28px!important;
    background:color-mix(in srgb,var(--hero-navbar-bg) 92%,transparent)!important;
    border:1px solid color-mix(in srgb,var(--hero-navbar-accent) 14%,transparent)!important;
    box-shadow:
        0 16px 44px rgba(15,23,42,.16),
        inset 0 1px 0 rgba(255,255,255,.82);
    backdrop-filter:blur(18px) saturate(145%);
    -webkit-backdrop-filter:blur(18px) saturate(145%);
    overflow:visible;
}

.hero-section .custom-navbar::before{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:29px;
    padding:1px;
    pointer-events:none;
    background:linear-gradient(115deg,
        color-mix(in srgb,var(--hero-navbar-accent) 30%,transparent),
        rgba(255,255,255,.92) 34%,
        transparent 62%,
        color-mix(in srgb,var(--hero-quick-2) 22%,transparent));
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
}

.hero-section .custom-navbar .brand-logo{
    position:relative;
    z-index:1;
    min-width:max-content;
    padding:3px 5px;
    border-radius:18px;
    transition:transform .22s ease,filter .22s ease;
}
.hero-section .custom-navbar .brand-logo:hover{
    transform:translateY(-1px);
    filter:drop-shadow(0 8px 12px rgba(15,23,42,.12));
}
.hero-section .custom-navbar .brand-logo img{
    max-height:54px;
    width:auto;
    object-fit:contain;
}

.hero-section .custom-navbar .navbar-collapse{
    align-items:center;
}

.hero-section .custom-navbar .navbar-nav{
    gap:6px;
    padding:5px;
    border-radius:19px;
    background:rgba(255,255,255,.34);
}

.hero-section .custom-navbar .nav-item{
    display:flex;
    align-items:center;
}

.hero-section .custom-navbar .nav-link{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:44px;
    margin-left:0!important;
    padding:9px 14px!important;
    border-radius:15px;
    color:var(--hero-navbar-text)!important;
    font-size:.94rem;
    font-weight:800;
    letter-spacing:-.015em;
    line-height:1;
    transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}
.hero-section .custom-navbar .nav-link svg.icon{
    width:20px;
    height:20px;
    margin:0!important;
    padding:3px;
    border-radius:7px;
    color:var(--hero-navbar-accent)!important;
    fill:var(--hero-navbar-accent)!important;
    background:color-mix(in srgb,var(--hero-navbar-accent) 10%,transparent);
    box-sizing:content-box;
    transition:transform .2s ease,background .2s ease;
}
.hero-section .custom-navbar .nav-link::after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    bottom:4px;
    height:2px;
    border-radius:3px;
    background:linear-gradient(90deg,var(--hero-quick-1),var(--hero-quick-2));
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .2s ease;
}
.hero-section .custom-navbar .nav-link:hover{
    color:var(--hero-navbar-accent)!important;
    background:rgba(255,255,255,.82);
    transform:translateY(-1px);
    box-shadow:0 8px 20px rgba(15,23,42,.08);
}
.hero-section .custom-navbar .nav-link:hover svg.icon{
    transform:scale(1.07);
    background:color-mix(in srgb,var(--hero-navbar-accent) 16%,transparent);
}
.hero-section .custom-navbar .nav-link:hover::after{
    transform:scaleX(1);
}

/* Ana Sayfa aktif görünümü */
body.home .hero-section .custom-navbar .navbar-nav .nav-item:first-child .nav-link{
    color:var(--hero-navbar-accent)!important;
    background:rgba(255,255,255,.9);
    box-shadow:0 7px 18px rgba(15,23,42,.07);
}
body.home .hero-section .custom-navbar .navbar-nav .nav-item:first-child .nav-link::after{
    transform:scaleX(1);
}

.hero-section .custom-navbar .btn-custom{
    position:relative;
    isolation:isolate;
    min-height:46px;
    padding:11px 22px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,var(--hero-quick-1),var(--hero-quick-2))!important;
    color:var(--hero-quick-text)!important;
    font-size:.94rem;
    font-weight:900;
    letter-spacing:-.01em;
    box-shadow:
        0 10px 24px color-mix(in srgb,var(--hero-quick-2) 26%,transparent),
        inset 0 1px 0 rgba(255,255,255,.28)!important;
    overflow:hidden;
    transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.hero-section .custom-navbar .btn-custom::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.24) 45%,transparent 72%);
    transform:translateX(-115%);
    transition:transform .55s ease;
}
.hero-section .custom-navbar .btn-custom:hover{
    transform:translateY(-2px) scale(1.015);
    filter:saturate(1.06);
    box-shadow:
        0 14px 30px color-mix(in srgb,var(--hero-quick-2) 34%,transparent),
        inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.hero-section .custom-navbar .btn-custom:hover::before{
    transform:translateX(115%);
}
.hero-section .custom-navbar .btn-custom svg.icon{
    width:18px;
    height:18px;
    margin-left:8px!important;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.16));
}

.hero-section .navbar-toggler{
    width:46px;
    height:46px;
    display:none;
    align-items:center;
    justify-content:center;
    border-radius:14px!important;
    background:color-mix(in srgb,var(--hero-navbar-accent) 10%,white)!important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hero-navbar-accent) 14%,transparent);
}
.hero-section .navbar-toggler-icon-custom{
    width:22px;
    height:22px;
}

@media (max-width:1199.98px){
    .hero-section .custom-navbar{
        padding-left:14px;
    }
    .hero-section .custom-navbar .navbar-nav{
        gap:2px;
    }
    .hero-section .custom-navbar .nav-link{
        padding:9px 10px!important;
        font-size:.88rem;
    }
    .hero-section .custom-navbar .btn-custom{
        padding:10px 17px!important;
    }
}

@media (max-width:991.98px){
    .hero-section > .container.pt-4{
        padding-top:12px!important;
    }
    .hero-section .custom-navbar{
        min-height:66px;
        margin-top:0;
        padding:8px 10px 8px 12px;
        border-radius:22px!important;
        overflow:visible;
    }
    .hero-section .custom-navbar::before{
        border-radius:23px;
    }
    .hero-section .custom-navbar .brand-logo img{
        max-height:46px;
    }
    .hero-section .navbar-toggler{
        display:flex;
        margin-left:auto;
    }
    .hero-section .custom-navbar .navbar-collapse{
        margin-top:10px;
        padding:10px;
        border-radius:18px;
        background:color-mix(in srgb,var(--hero-navbar-bg) 96%,transparent);
        border:1px solid color-mix(in srgb,var(--hero-navbar-accent) 10%,transparent);
        box-shadow:0 14px 30px rgba(15,23,42,.12);
    }
    .hero-section .custom-navbar .navbar-nav{
        gap:5px;
        padding:5px;
        background:transparent;
    }
    .hero-section .custom-navbar .nav-item,
    .hero-section .custom-navbar .nav-link{
        width:100%;
    }
    .hero-section .custom-navbar .nav-link{
        justify-content:flex-start;
        min-height:48px;
        padding:10px 12px!important;
        background:rgba(255,255,255,.56);
    }
    .hero-section .custom-navbar .nav-link::after{
        left:12px;
        right:auto;
        bottom:7px;
        width:34px;
    }
    .hero-section .custom-navbar .navbar-collapse > .d-flex{
        width:100%;
        margin-top:8px!important;
        padding-bottom:0!important;
    }
    .hero-section .custom-navbar .btn-custom{
        width:100%;
        justify-content:center;
        display:flex;
        align-items:center;
        min-height:50px;
        border-radius:15px!important;
    }
}

@media (max-width:575.98px){
    .hero-section .custom-navbar{
        min-height:60px;
        padding:7px 8px 7px 10px;
        border-radius:19px!important;
    }
    .hero-section .custom-navbar::before{border-radius:20px}
    .hero-section .custom-navbar .brand-logo{
        max-width:72%;
        padding:0;
    }
    .hero-section .custom-navbar .brand-logo img{
        max-width:100%;
        max-height:42px;
    }
    .hero-section .navbar-toggler{
        width:42px;
        height:42px;
        border-radius:13px!important;
    }
}

/* =========================================================
   MODERN BLOG SIDEBAR — Arama / Kategoriler / Popüler Yazılar
   ========================================================= */
@media (min-width: 992px){
    .blog-section .col-lg-4,
    .page-section .col-lg-4,
    .content-section .col-lg-4{
        position: relative;
    }
}

.sidebar-widget{
    position: relative;
    overflow: hidden;
    padding: 26px !important;
    margin-bottom: 22px !important;
    border: 1px solid rgba(15,23,42,.07) !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 100% 0, rgba(59,130,246,.08), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,250,252,.96)) !important;
    box-shadow: 0 16px 42px rgba(15,23,42,.08) !important;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.sidebar-widget::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg, var(--primary-color), #3b82f6 52%, #7c3aed);
    opacity:.95;
}
.sidebar-widget::after{
    content:"";
    position:absolute;
    width:110px;
    height:110px;
    right:-48px;
    top:-55px;
    border-radius:50%;
    background:linear-gradient(135deg, rgba(59,130,246,.10), rgba(124,58,237,.06));
    pointer-events:none;
}
.sidebar-widget:hover{
    transform:translateY(-3px);
    border-color:rgba(59,130,246,.14) !important;
    box-shadow:0 22px 52px rgba(15,23,42,.11) !important;
}

.sidebar-widget .widget-title{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:11px;
    margin:0 0 20px !important;
    padding:0 0 13px !important;
    font-size:1.05rem !important;
    line-height:1.25;
    font-weight:800 !important;
    letter-spacing:-.02em;
    color:#0f172a;
}
.sidebar-widget .widget-title::before{
    content:"";
    width:10px;
    height:10px;
    flex:0 0 10px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--primary-color), #6366f1);
    box-shadow:0 0 0 5px rgba(59,130,246,.08);
}
.sidebar-widget .widget-title::after{
    left:21px !important;
    bottom:0 !important;
    width:58px !important;
    height:3px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg, var(--primary-color), #6366f1) !important;
}

/* Arama kutusu */
.sidebar-widget form[role="search"]{
    position:relative;
    z-index:1;
}
.sidebar-widget form[role="search"] .custom-input-wrapper{
    min-height:54px;
    padding-left:4px;
    border:1px solid #dbe4f0 !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 8px 22px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.9) !important;
    transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.sidebar-widget form[role="search"] .custom-input-wrapper:focus-within{
    border-color:#60a5fa !important;
    box-shadow:0 0 0 4px rgba(59,130,246,.11), 0 12px 28px rgba(37,99,235,.10) !important;
    transform:translateY(-1px);
}
.sidebar-widget form[role="search"] .form-control{
    height:52px;
    padding:0 12px 0 10px;
    font-size:.92rem;
    font-weight:600;
    color:#0f172a;
}
.sidebar-widget form[role="search"] .form-control::placeholder{
    color:#94a3b8;
    font-weight:500;
}
.sidebar-widget form[role="search"] .input-icon{
    width:44px;
    height:44px;
    margin-right:5px !important;
    padding:0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    background:linear-gradient(135deg, rgba(59,130,246,.11), rgba(124,58,237,.10));
    color:#2563eb !important;
}
.sidebar-widget form[role="search"] .input-icon .icon{
    width:19px;
    height:19px;
    color:#2563eb;
    fill:currentColor;
}

/* Kategori kartları */
.sidebar-widget .category-list{
    position:relative;
    z-index:1;
    display:grid;
    gap:9px;
}
.sidebar-widget .category-list li{
    margin:0 !important;
}
.sidebar-widget .category-list a{
    min-height:49px;
    padding:10px 11px 10px 15px !important;
    border:1px solid rgba(148,163,184,.14);
    border-radius:14px !important;
    background:rgba(248,250,252,.92) !important;
    color:#1e293b !important;
    font-size:.9rem !important;
    font-weight:700 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
    transition:all .24s ease !important;
}
.sidebar-widget .category-list a::before{
    content:"";
    width:7px;
    height:7px;
    margin-right:10px;
    flex:0 0 7px;
    border-radius:50%;
    background:linear-gradient(135deg, #38bdf8, #6366f1);
    box-shadow:0 0 0 4px rgba(59,130,246,.07);
}
.sidebar-widget .category-list a:hover{
    transform:translateX(4px) !important;
    border-color:transparent;
    background:linear-gradient(135deg, #2563eb, #4f46e5) !important;
    color:#fff !important;
    box-shadow:0 10px 22px rgba(37,99,235,.20);
}
.sidebar-widget .category-list a:hover::before{
    background:#fff;
    box-shadow:0 0 0 4px rgba(255,255,255,.13);
}
.sidebar-widget .cat-count{
    min-width:30px;
    height:28px;
    padding:0 9px !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(148,163,184,.16);
    border-radius:999px !important;
    background:#fff !important;
    color:#334155 !important;
    font-size:.76rem !important;
    font-weight:800 !important;
    box-shadow:0 4px 12px rgba(15,23,42,.05);
}
.sidebar-widget .category-list a:hover .cat-count{
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.15) !important;
    color:#fff !important;
    box-shadow:none;
}

/* Popüler yazılar */
.sidebar-widget .popular-posts{
    position:relative;
    z-index:1;
    display:grid;
    gap:11px;
}
.sidebar-widget .popular-item{
    position:relative;
    gap:13px !important;
    min-height:78px;
    margin:0 !important;
    padding:10px;
    border:1px solid rgba(148,163,184,.13);
    border-radius:16px;
    background:rgba(248,250,252,.82);
    transition:transform .24s ease, box-shadow .24s ease, background .24s ease, border-color .24s ease;
}
.sidebar-widget .popular-item:hover{
    transform:translateY(-2px);
    border-color:rgba(59,130,246,.18);
    background:#fff;
    box-shadow:0 12px 28px rgba(15,23,42,.08);
}
.sidebar-widget .popular-img{
    width:66px !important;
    height:66px !important;
    flex:0 0 66px;
    border-radius:14px !important;
    object-fit:cover;
    box-shadow:0 7px 16px rgba(15,23,42,.12);
    transition:transform .28s ease;
}
.sidebar-widget .popular-item:hover .popular-img{
    transform:scale(1.04);
}
.sidebar-widget .popular-info{
    min-width:0;
    flex:1;
}
.sidebar-widget .popular-info h5{
    margin:0 0 7px !important;
    font-size:.91rem !important;
    line-height:1.35 !important;
    font-weight:800 !important;
}
.sidebar-widget .popular-info h5 a{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    color:#0f172a !important;
}
.sidebar-widget .popular-item:hover .popular-info h5 a{
    color:#2563eb !important;
}
.sidebar-widget .popular-date{
    display:inline-flex !important;
    align-items:center;
    gap:5px;
    color:#64748b !important;
    font-size:.74rem !important;
    font-weight:600;
}
.sidebar-widget .popular-date::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--primary-color), #6366f1);
}

/* Daha dengeli sidebar genişliği ve mobil görünüm */
@media (max-width: 991.98px){
    .sidebar-widget{
        padding:22px !important;
        border-radius:19px !important;
        margin-bottom:18px !important;
    }
}
@media (max-width: 575.98px){
    .sidebar-widget{
        padding:19px !important;
        border-radius:17px !important;
    }
    .sidebar-widget .widget-title{
        font-size:1rem !important;
        margin-bottom:16px !important;
    }
    .sidebar-widget .popular-img{
        width:60px !important;
        height:60px !important;
        flex-basis:60px;
    }
}

/* =========================================================
   MODERN ANA SAYFA ALT İÇERİK KARTI
   Sesli sohbet / home_content bölümü
   ========================================================= */
.genelarka{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    padding:34px 38px 36px !important;
    border:1px solid rgba(148,163,184,.16) !important;
    border-radius:26px !important;
    background:
        radial-gradient(circle at 92% 8%, rgba(59,130,246,.08), transparent 26%),
        radial-gradient(circle at 6% 96%, rgba(168,85,247,.055), transparent 24%),
        linear-gradient(180deg,#ffffff 0%,#fcfdff 100%) !important;
    box-shadow:
        0 20px 55px rgba(15,23,42,.08),
        0 2px 8px rgba(15,23,42,.03) !important;
}
.genelarka::before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,var(--primary-color),#3b82f6,#8b5cf6);
}
.genelarka::after{
    content:"";
    position:absolute;
    z-index:-1;
    top:-82px;
    right:-82px;
    width:210px;
    height:210px;
    border-radius:50%;
    border:34px solid rgba(59,130,246,.035);
    pointer-events:none;
}
.genelarka > .widget-title,
.genelarka h2.widget-title{
    position:relative;
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 24px !important;
    padding:0 0 17px !important;
    color:#0f172a !important;
    font-size:1.45rem !important;
    line-height:1.25 !important;
    font-weight:900 !important;
    letter-spacing:-.025em;
}
.genelarka > .widget-title::before,
.genelarka h2.widget-title::before{
    content:"✦";
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    background:linear-gradient(135deg,var(--primary-color),#6366f1);
    color:#fff;
    font-size:.95rem;
    box-shadow:0 10px 22px rgba(59,130,246,.22);
}
.genelarka > .widget-title::after,
.genelarka h2.widget-title::after{
    content:"";
    position:absolute;
    left:52px;
    bottom:0;
    width:72px;
    height:4px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--primary-color),#8b5cf6);
}
.genelarka .post-content{
    position:relative;
    color:#475569;
    font-size:1rem;
    line-height:1.9;
}
.genelarka .post-content p{
    margin:0 0 20px;
    color:#475569;
}
.genelarka .post-content p:first-child{
    position:relative;
    margin-bottom:22px;
    padding:20px 22px 20px 25px;
    border:1px solid rgba(59,130,246,.11);
    border-radius:17px;
    background:linear-gradient(135deg,rgba(239,246,255,.92),rgba(248,250,252,.76));
    color:#334155;
}
.genelarka .post-content p:first-child::before{
    content:"";
    position:absolute;
    left:0;
    top:17px;
    bottom:17px;
    width:4px;
    border-radius:0 5px 5px 0;
    background:linear-gradient(180deg,var(--primary-color),#8b5cf6);
}
.genelarka .post-content p:last-child{
    margin-bottom:0;
}
.genelarka .post-content h2,
.genelarka .post-content h3,
.genelarka .post-content h4{
    margin:28px 0 12px;
    color:#0f172a;
    font-weight:850;
    letter-spacing:-.02em;
}
.genelarka .post-content a{
    color:var(--primary-color);
    font-weight:750;
    text-decoration:none;
    border-bottom:1px solid rgba(59,130,246,.25);
}
.genelarka .post-content a:hover{
    border-bottom-color:currentColor;
}
.genelarka .post-content ul,
.genelarka .post-content ol{
    margin:18px 0;
    padding-left:1.35rem;
}
.genelarka .post-content li{
    margin:8px 0;
}
.genelarka .post-content blockquote{
    margin:22px 0;
    padding:18px 20px;
    border-left:4px solid var(--primary-color);
    border-radius:0 16px 16px 0;
    background:#f8fafc;
    color:#334155;
}

@media (max-width: 767.98px){
    .genelarka{
        padding:24px 20px 25px !important;
        border-radius:20px !important;
    }
    .genelarka > .widget-title,
    .genelarka h2.widget-title{
        gap:10px;
        margin-bottom:19px !important;
        padding-bottom:14px !important;
        font-size:1.18rem !important;
    }
    .genelarka > .widget-title::before,
    .genelarka h2.widget-title::before{
        width:36px;
        height:36px;
        flex-basis:36px;
        border-radius:12px;
    }
    .genelarka > .widget-title::after,
    .genelarka h2.widget-title::after{
        left:46px;
        width:58px;
        height:3px;
    }
    .genelarka .post-content{
        font-size:.95rem;
        line-height:1.8;
    }
    .genelarka .post-content p:first-child{
        padding:17px 16px 17px 20px;
        border-radius:15px;
    }
}

/* =====================================================================
   HERO RENK BAGLANTISI V2
   Yeni hero tasarimindaki sabit mavi/pembe renkleri yonetim panelindeki
   mevcut renk degiskenlerine baglar. Hazir temalar ve tek tek renk secimi
   kaydedildiginde ana sayfaya da aynen uygulanir.
   ===================================================================== */
.hero-section .hero-exact-panel{
    --hex-blue-1:var(--hero-bg-1)!important;
    --hex-blue-2:var(--hero-bg-2)!important;
    --hex-blue-3:var(--hero-bg-2)!important;
    background:
        radial-gradient(circle at 78% 28%,color-mix(in srgb,var(--hero-decor) 28%,transparent),transparent 24%),
        radial-gradient(circle at 92% 72%,color-mix(in srgb,var(--hero-primary-2) 20%,transparent),transparent 25%),
        linear-gradient(135deg,var(--hero-bg-1) 0%,color-mix(in srgb,var(--hero-bg-1) 42%,var(--hero-bg-2)) 52%,var(--hero-bg-2) 100%)!important;
    border-color:color-mix(in srgb,var(--hero-card-border) 48%,transparent)!important;
    box-shadow:
        0 30px 75px color-mix(in srgb,var(--hero-bg-2) 28%,transparent),
        inset 0 1px 0 color-mix(in srgb,var(--hero-card-border) 55%,transparent),
        inset 0 0 54px color-mix(in srgb,var(--hero-decor) 8%,transparent)!important;
}
.hero-section .hero-exact-panel::before{
    background-image:radial-gradient(color-mix(in srgb,var(--hero-pattern) 78%,transparent) 1.7px,transparent 1.7px)!important;
}
.hero-section .hero-exact-panel::after{
    border-color:color-mix(in srgb,var(--hero-card-border) 24%,transparent)!important;
    box-shadow:inset 0 0 50px color-mix(in srgb,var(--hero-primary-2) 14%,transparent)!important;
}
.hero-section .hero-exact-glow-a{
    background:radial-gradient(circle,color-mix(in srgb,var(--hero-decor) 26%,transparent),transparent 68%)!important;
}
.hero-section .hero-exact-glow-b{
    background:radial-gradient(circle,color-mix(in srgb,var(--hero-primary-2) 28%,transparent),transparent 70%)!important;
}
.hero-section .hero-exact-wave{
    background:
        radial-gradient(ellipse at 30% 15%,color-mix(in srgb,var(--hero-primary-2) 58%,transparent),transparent 45%),
        radial-gradient(ellipse at 64% 0%,color-mix(in srgb,var(--hero-decor) 48%,transparent),transparent 46%),
        linear-gradient(90deg,color-mix(in srgb,var(--hero-primary-2) 30%,transparent),color-mix(in srgb,var(--hero-bg-1) 22%,transparent),color-mix(in srgb,var(--hero-primary-1) 24%,transparent))!important;
}
.hero-section .hero-exact-badge{
    background:var(--hero-badge-bg)!important;
    color:var(--hero-badge-text)!important;
    border-color:var(--hero-badge-border)!important;
    box-shadow:0 10px 30px color-mix(in srgb,var(--hero-bg-2) 18%,transparent),inset 0 1px 0 color-mix(in srgb,var(--hero-card-border) 38%,transparent)!important;
}
.hero-section .hero-exact-badge .icon{
    color:var(--hero-badge-text)!important;
    fill:var(--hero-badge-text)!important;
}
.hero-section .hero-exact-title{color:var(--hero-title-color)!important;}
.hero-section .hero-exact-title-accent{
    background:linear-gradient(135deg,var(--hero-card-title-1) 5%,color-mix(in srgb,var(--hero-card-title-1) 45%,var(--hero-card-title-2)) 48%,var(--hero-card-title-2) 100%)!important;
    -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
.hero-section .hero-exact-title-accent::after{
    background:linear-gradient(90deg,var(--hero-card-title-1),var(--hero-card-title-2),var(--hero-navbar-accent))!important;
}
.hero-section .hero-exact-description{color:var(--hero-description-color)!important;}
.hero-section .hero-exact-stat{
    border-color:color-mix(in srgb,var(--hero-card-border) 58%,transparent)!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--hero-card-1) 20%,transparent),color-mix(in srgb,var(--hero-card-2) 12%,transparent))!important;
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--hero-card-border) 25%,transparent),0 14px 34px color-mix(in srgb,var(--hero-bg-2) 14%,transparent)!important;
}
.hero-section .hero-exact-stat-copy strong{color:var(--hero-title-color)!important;}
.hero-section .hero-exact-stat-copy small{color:var(--hero-description-color)!important;}
.hero-section .hero-exact-stat-users .hero-exact-stat-icon{
    color:var(--hero-card-title-1)!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--hero-card-title-1) 28%,transparent),color-mix(in srgb,var(--hero-card-title-2) 10%,transparent))!important;
}
.hero-section .hero-exact-stat-rooms .hero-exact-stat-icon{
    color:var(--hero-navbar-accent)!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--hero-navbar-accent) 28%,transparent),color-mix(in srgb,var(--hero-bg-1) 10%,transparent))!important;
}
.hero-section .hero-exact-stat-live .hero-exact-stat-icon{
    color:var(--hero-dot-color)!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--hero-dot-color) 28%,transparent),color-mix(in srgb,var(--hero-primary-2) 10%,transparent))!important;
}
.hero-section .hero-exact-cta{
    background:linear-gradient(112deg,var(--hero-primary-1) 0%,color-mix(in srgb,var(--hero-primary-1) 42%,var(--hero-primary-2)) 48%,var(--hero-primary-2) 100%)!important;
    color:var(--hero-primary-text)!important;
    border-color:color-mix(in srgb,var(--hero-primary-text) 76%,transparent)!important;
    box-shadow:0 0 0 2px color-mix(in srgb,var(--hero-primary-1) 18%,transparent),0 0 32px color-mix(in srgb,var(--hero-primary-2) 48%,transparent),0 18px 36px color-mix(in srgb,var(--hero-bg-2) 24%,transparent),inset 0 1px 0 color-mix(in srgb,var(--hero-primary-text) 44%,transparent)!important;
}
.hero-section .hero-exact-cta-icon{
    background:var(--hero-primary-text)!important;
    color:var(--hero-primary-2)!important;
}
.hero-section .hero-exact-cta-icon::after{
    background:var(--hero-primary-2)!important;
    box-shadow:7px 2px 0 -5px var(--hero-primary-text)!important;
}
.hero-section .hero-exact-pill{
    background:var(--hero-float-bg)!important;
    color:var(--hero-float-text)!important;
    border-color:var(--hero-badge-border)!important;
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--hero-card-border) 20%,transparent),0 12px 25px color-mix(in srgb,var(--hero-bg-2) 10%,transparent)!important;
}
.hero-section .hero-exact-pill .icon{color:var(--hero-float-icon)!important;fill:var(--hero-float-icon)!important;}
.hero-section .hero-exact-orbit-main{border-color:color-mix(in srgb,var(--hero-avatar-border) 78%,transparent)!important;}
.hero-section .hero-exact-orbit-inner{
    border-color:color-mix(in srgb,var(--hero-avatar-border) 18%,transparent)!important;
    background:radial-gradient(circle,color-mix(in srgb,var(--hero-decor) 17%,transparent),transparent 67%)!important;
}
.hero-section .hero-exact-avatar img{
    border-color:var(--hero-avatar-border)!important;
    box-shadow:0 0 0 7px color-mix(in srgb,var(--hero-navbar-accent) 34%,transparent),0 22px 45px color-mix(in srgb,var(--hero-bg-2) 30%,transparent)!important;
}
.hero-section .hero-exact-avatar-b img{box-shadow:0 0 0 7px color-mix(in srgb,var(--hero-card-title-2) 42%,transparent),0 22px 45px color-mix(in srgb,var(--hero-bg-2) 30%,transparent)!important;}
.hero-section .hero-exact-avatar-c img{box-shadow:0 0 0 7px color-mix(in srgb,var(--hero-dot-color) 46%,transparent),0 22px 45px color-mix(in srgb,var(--hero-bg-2) 30%,transparent)!important;}
.hero-section .hero-exact-avatar-d img{box-shadow:0 0 0 7px color-mix(in srgb,var(--hero-primary-2) 45%,transparent),0 22px 45px color-mix(in srgb,var(--hero-bg-2) 30%,transparent)!important;}
.hero-section .hero-exact-avatar-e img{box-shadow:0 0 0 7px color-mix(in srgb,var(--hero-navbar-accent) 38%,transparent),0 18px 36px color-mix(in srgb,var(--hero-bg-2) 26%,transparent)!important;}
.hero-section .hero-exact-avatar-f img{box-shadow:0 0 0 7px color-mix(in srgb,var(--hero-card-title-1) 38%,transparent),0 18px 36px color-mix(in srgb,var(--hero-bg-2) 26%,transparent)!important;}
.hero-section .hero-exact-online{
    background:var(--hero-dot-color)!important;
    border-color:var(--hero-avatar-border)!important;
    box-shadow:0 5px 12px color-mix(in srgb,var(--hero-dot-color) 32%,transparent)!important;
}
.hero-section .hero-exact-speech{
    background:var(--hero-bubble-bg)!important;
    color:var(--hero-bubble-text)!important;
    box-shadow:0 12px 26px color-mix(in srgb,var(--hero-bg-2) 20%,transparent)!important;
}
.hero-section .hero-exact-speech::after{background:var(--hero-bubble-bg)!important;}
.hero-section .hero-exact-heart{color:var(--hero-card-title-2)!important;}
.hero-section .hero-exact-chatdot{
    background:var(--hero-float-icon)!important;
    color:var(--hero-float-bg)!important;
}
.hero-section .hero-exact-live-status{
    border-color:color-mix(in srgb,var(--hero-badge-border) 42%,transparent)!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--hero-float-bg) 22%,transparent),color-mix(in srgb,var(--hero-float-bg) 10%,transparent))!important;
    color:var(--hero-description-color)!important;
    box-shadow:0 14px 32px color-mix(in srgb,var(--hero-bg-2) 18%,transparent),inset 0 1px 0 color-mix(in srgb,var(--hero-card-border) 20%,transparent)!important;
}
.hero-section .hero-exact-live-dot{
    background:var(--hero-dot-color)!important;
    box-shadow:0 0 0 5px color-mix(in srgb,var(--hero-dot-color) 17%,transparent),0 0 18px color-mix(in srgb,var(--hero-dot-color) 55%,transparent)!important;
}
.hero-section .hero-exact-mini-bubble{
    background:var(--hero-float-bg)!important;
    color:var(--hero-float-text)!important;
    box-shadow:0 11px 26px color-mix(in srgb,var(--hero-bg-2) 18%,transparent)!important;
}
.hero-section .hero-exact-mini-bubble-b{color:var(--hero-float-icon)!important;}
.hero-section .hero-exact-float-heart{
    background:linear-gradient(135deg,var(--hero-primary-1),var(--hero-primary-2))!important;
    color:var(--hero-primary-text)!important;
}
.hero-section .hero-exact-float-chat{
    background:linear-gradient(135deg,var(--hero-navbar-accent),var(--hero-bg-1))!important;
    color:var(--hero-primary-text)!important;
}
.hero-section .hero-exact-spark{
    background:var(--hero-dot-color)!important;
    box-shadow:0 0 18px color-mix(in srgb,var(--hero-dot-color) 34%,transparent)!important;
}