/* OTOMATIK ÜRETİLDİ — scripts/generate-css-layers.mjs. KAYNAKLARI düzenle, bunu değil. */
/* Yalnız min-width>=768 sarmalayıcılı kurallar + mega menü içerikleri —
   <link media="(min-width: 768px)"> ile verilir. */
@media (min-width: 1200px){h1{
    font-size: 2.5rem;
  }}
@media (min-width: 1200px){h2{
    font-size: 2rem;
  }}
@media (min-width: 1200px){h3{
    font-size: 1.75rem;
  }}
@media (min-width: 1200px){h4{
    font-size: 1.5rem;
  }}
@media (min-width: 1200px){legend{
    font-size: 1.5rem;
  }}
@media (min-width: 768px){.container{
    max-width: 720px;
  }}
@media (min-width: 992px){.container{
    max-width: 960px;
  }}
@media (min-width: 1200px){.container{
    max-width: 1140px;
  }}
@media (min-width: 1400px){.container{
    max-width: 1320px;
  }}
@media (min-width: 992px){.d-lg-block{
    display: block !important;
  }}
@media (min-width: 992px){.d-lg-flex{
    display: flex !important;
  }}
@media (min-width: 992px){.d-lg-none{
    display: none !important;
  }}
@media (min-width: 992px){.col-lg-12{
    flex: 0 0 auto;
    width: 100%;
  }}
@media (min-width: 992px){.header-bottom-row .bottom-center-group{
    flex: auto !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    display: flex !important;
  }}
@media (min-width: 992px){.header-bottom-row .bottom-center-group .search-wrapper{
    flex: 0 560px !important;
    width: 100% !important;
    max-width: 560px !important;
    margin: 0 !important;
    transform: none !important;
  }}
@media (min-width: 992px){.bottom-center-group .search-form{
    box-shadow: none !important;
    background: #11151f !important;
    border: 1px solid #ffffff1f !important;
    border-radius: 10px !important;
  }}
@media (min-width: 992px){.bottom-center-group .search-form:focus-within{
    background: #141925 !important;
    border-color: #ffffff4d !important;
    box-shadow: 0 0 0 3px #ffffff0d !important;
  }}
@media (min-width: 992px){.bottom-center-group .search-input{
    padding: 11px 16px !important;
    font-size: 14px !important;
  }}
@media (min-width: 992px){.bottom-center-group .search-btn{
    color: #cbd5e1 !important;
    background: #222b3a !important;
    border-left: 1px solid #ffffff14 !important;
    border-radius: 0 9px 9px 0 !important;
    padding: 11px 20px !important;
    font-size: 15px !important;
  }}
@media (min-width: 992px){.bottom-center-group .search-btn:hover{
    color: #fff !important;
    box-shadow: none !important;
    background: #2c3748 !important;
    transform: none !important;
  }}
@media (min-width: 992px){.bottom-center-group .search-btn:before{
    display: none !important;
  }}
@media (min-width: 992px){html[data-theme="light"] .bottom-center-group .search-form{
    background: #fff !important;
    border-color: #d8dee9 !important;
  }}
@media (min-width: 992px){html[data-theme="light"] .bottom-center-group .search-input{
    color: #0f172a !important;
  }}
@media (min-width: 992px){html[data-theme="light"] .bottom-center-group .search-btn{
    color: #475569 !important;
    background: #eef2f7 !important;
    border-left-color: #e2e8f0 !important;
  }}
@media (min-width: 992px){html[data-theme="light"] .bottom-center-group .search-btn:hover{
    color: #0f172a !important;
    background: #e2e8f0 !important;
  }}
@media (min-width: 992px){.header-top-row{
    gap: 16px;
  }}
@media (min-width: 992px){.menu-container-center{
    flex: auto !important;
    justify-content: center !important;
    margin-left: 0 !important;
    display: flex !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
  }}
@media (min-width: 992px){.header-actions{
    margin-left: 0 !important;
  }}
@media (min-width: 992px){.menu-container-center .neon-glass-panel{
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
    display: flex !important;
    transform: translateX(-5px) !important;
  }}
@media (min-width: 992px){.rms-stat{
    border-right: 1px solid #ffffff0f;
    align-items: center;
    gap: 13px;
    padding: 18px 22px;
    display: flex;
  }}
@media (min-width: 992px){.rms-stat:last-child{
    border-right: none;
  }}
@media (min-width: 992px){.rms-ic{
    color: #22d3ee;
    background: #22d3ee1a;
    border-radius: 11px;
    flex-shrink: 0;
    place-items: center;
    width: 42px;
    height: 42px;
    font-size: 18px;
    display: grid;
  }}
@media (min-width: 992px){.rms-txt{
    flex-direction: column;
    display: flex;
  }}
@media (min-width: 992px){.rms-txt b{
    color: #22d3ee;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.1;
  }}
@media (min-width: 992px){.rms-txt span{
    color: #8b97ab;
    font-size: 12px;
  }}
@media (min-width: 992px){.rmg-ic{
    color: #fff;
    border-radius: 12px;
    flex-shrink: 0;
    place-items: center;
    width: 46px;
    height: 46px;
    font-size: 21px;
    display: grid;
  }}
@media (min-width: 992px){.rmg-valorant{
    background: linear-gradient(135deg, #ff4655, #bd3944);
  }}
@media (min-width: 992px){.rmg-steam{
    background: linear-gradient(135deg, #2a3f5a, #1b2838);
  }}
@media (min-width: 992px){.rmg-lol{
    background: linear-gradient(135deg, #c89b3c, #785a28);
  }}
@media (min-width: 992px){.rmg-ps{
    background: linear-gradient(135deg, #0070cc, #0050a0);
  }}
@media (min-width: 992px){.rmg-pubg{
    background: linear-gradient(135deg, #f2a900, #cc8f00);
  }}
@media (min-width: 992px){.rmg-xbox{
    background: linear-gradient(135deg, #107c10, #0b5e0b);
  }}
@media (min-width: 992px){.rmg-mlbb{
    background: linear-gradient(135deg, #1d4ed8, #1e3a8a);
  }}
@media (min-width: 992px){.rmg-roblox{
    background: linear-gradient(135deg, #e2241a, #a81910);
  }}
@media (min-width: 992px){.rmg-txt{
    flex-direction: column;
    display: flex;
  }}
@media (min-width: 992px){.rmg-txt b{
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
  }}
@media (min-width: 992px){.rmg-txt span{
    color: #8b97ab;
    font-size: 12px;
  }}
@media (min-width: 992px){.menu-container-center .neon-dropdown .nav-link .menu-arrow{
    transition: transform .25s;
  }}
@media (min-width: 992px){.menu-container-center .neon-dropdown:hover .nav-link .menu-arrow{
    transform: rotate(180deg);
  }}
@media (min-width: 992px){.yox-sticky-header{
    z-index: 1000;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    will-change: transform;
    background: #0b0e14f5;
    border-bottom: 1px solid #ffffff14;
    transition: transform .35s cubic-bezier(.22, 1, .36, 1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-100%);
    box-shadow: 0 6px 24px #0006;
  }}
@media (min-width: 992px){.yox-sticky-header.visible{
    transform: translateY(0);
  }}
@media (min-width: 992px){.ysh-inner{
    align-items: center;
    gap: 18px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 9px 20px;
    display: flex;
  }}
@media (min-width: 992px){.ysh-logo{
    flex-shrink: 0;
    align-items: center;
    display: flex;
  }}
@media (min-width: 992px){.ysh-logo img{
    width: auto;
    height: 38px;
  }}
@media (min-width: 992px){.ysh-search{
    background: #11151f;
    border: 1px solid #ffffff1f;
    border-radius: 10px;
    flex: auto;
    align-items: center;
    max-width: 560px;
    margin: 0 auto;
    display: flex;
    position: relative;
  }}
@media (min-width: 992px){.ysh-search #yshSearchDropdown{
    z-index: 20;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
  }}
@media (min-width: 992px){.ysh-search input{
    color: #e0e0e6;
    background: none;
    border: none;
    outline: none;
    flex: 1;
    padding: 10px 16px;
    font-size: 14px;
  }}
@media (min-width: 992px){.ysh-search input::placeholder{
    color: #9ca3af;
    opacity: .7;
  }}
@media (min-width: 992px){.ysh-search button{
    color: #cbd5e1;
    cursor: pointer;
    background: #222b3a;
    border: none;
    border-left: 1px solid #ffffff14;
    border-radius: 0 9px 9px 0;
    padding: 10px 18px;
    transition: background .2s, color .2s;
  }}
@media (min-width: 992px){.ysh-search input{
    border-radius: 9px 0 0 9px;
  }}
@media (min-width: 992px){.ysh-search button:hover{
    color: #fff;
    background: #2c3748;
  }}
@media (min-width: 992px){.ysh-actions{
    flex-shrink: 0;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    display: flex;
  }}
@media (min-width: 992px){.ysh-btn{
    color: #cbd5e1;
    cursor: pointer;
    background: #ffffff0d;
    border: 1px solid #ffffff1a;
    border-radius: 10px;
    place-items: center;
    width: 40px;
    height: 40px;
    font-size: 16px;
    text-decoration: none;
    transition: all .2s;
    display: grid;
    position: relative;
  }}
@media (min-width: 992px){.ysh-btn:hover{
    border-color: var(--yox-primary);
    color: var(--yox-primary);
    background: #09b1d026;
    transform: translateY(-2px);
  }}
@media (min-width: 992px){.ysh-cart-count{
    color: #fff;
    background: #ef4444;
    border-radius: 50px;
    place-items: center;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    font-size: 10px;
    font-weight: 700;
    display: grid;
    position: absolute;
    top: -5px;
    right: -5px;
  }}
@media (min-width: 992px){.ysh-login{
    background: linear-gradient(135deg, var(--yox-primary), var(--yox-secondary));
    color: #fff;
    white-space: nowrap;
    border-radius: 10px;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 18px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: transform .2s, box-shadow .2s;
    display: flex;
  }}
@media (min-width: 992px){.ysh-login:hover{
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 5px 16px #09b1d066;
  }}
@media (min-width: 992px){html[data-theme="light"] .yox-sticky-header{
    background: #fffffff5;
    border-bottom-color: #e2e8f0;
    box-shadow: 0 6px 24px #0f172a1a;
  }}
@media (min-width: 992px){html[data-theme="light"] .ysh-search{
    background: #fff;
    border-color: #d8dee9;
  }}
@media (min-width: 992px){html[data-theme="light"] .ysh-search input{
    color: #0f172a;
  }}
@media (min-width: 992px){html[data-theme="light"] .ysh-search button{
    color: #475569;
    background: #eef2f7;
    border-left-color: #e2e8f0;
  }}
@media (min-width: 992px){html[data-theme="light"] .ysh-btn{
    color: #475569;
    background: #f1f5f9;
    border-color: #e2e8f0;
  }}
@media (min-width: 992px){html[data-theme="light"] .ysh-btn:hover{
    border-color: var(--yox-primary);
    color: var(--yox-primary);
    background: #09b1d01f;
  }}
@media (min-width: 992px){html.yx-scrolling .menu-container-center .neon-dropdown{ pointer-events: none !important; }}
@media (min-width: 768px){footer{
                padding-bottom: 2rem; 
            }}
@media (min-width: 768px){.hero-title{
        font-size: 3rem;
    }}
@media (min-width: 768px) and (max-width: 1023px){.innovation-hub-footer{
            margin: 30px 20px;
            padding: 24px;
        }}
@media (min-width: 768px) and (max-width: 1023px){.innovation-hub-footer .footer-title{
            font-size: 20px;
        }}
@media (min-width: 768px) and (max-width: 1023px){.footer-top{
            display: flex;
            flex-direction: column;
            gap: 12px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            padding-bottom: 16px;
            margin-bottom: 16px;
        }}
@media (min-width: 768px) and (max-width: 1023px){.footer-nav-tabs{
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            justify-content: center;
        }}
@media (min-width: 768px) and (max-width: 1023px){.nav-tab{
            font-size: 12px;
            padding: 8px 12px;
        }}
@media (min-width: 768px) and (max-width: 1023px){.innovation-hub-footer .tab-pane.active{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 16px;
}}
@media (min-width: 768px) and (max-width: 1023px){.innovation-hub-footer #tab-content-kurumsal.active{
    grid-template-columns: repeat(3, 1fr);
}}
@media (min-width: 768px) and (max-width: 1023px){.footer-multi-column{
            grid-template-columns: repeat(2, 1fr);
        }}
@media (min-width: 768px) and (max-width: 1023px){.footer-column h3{
            font-size: 14px;
        }}
@media (min-width: 768px) and (max-width: 1023px){.footer-column a,.footer-column p{
            font-size: 13px;
        }}
@media (min-width: 768px) and (max-width: 1023px){.footer-bottom{
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 16px;
        }}
@media (min-width: 1024px){.innovation-hub-footer{
            max-width: 1300px;
            margin: 50px auto;
            padding: 32px 48px;
        }}
@media (min-width: 1024px){.innovation-hub-footer .footer-title{
            font-size: 24px;
        }}
@media (min-width: 1024px){.footer-top{
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            padding-bottom: 24px;
            margin-bottom: 24px;
            gap: 24px;
        }}
@media (min-width: 1024px){.footer-nav-tabs{
            display: flex;
            gap: 10px;
            justify-content: flex-end;
        }}
@media (min-width: 1024px){.nav-tab{
            font-size: 14px;
            padding: 10px 20px;
        }}
@media (min-width: 1024px){.innovation-hub-footer .tab-pane.active{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 24px;
}}
@media (min-width: 1024px){.innovation-hub-footer #tab-content-kurumsal.active{
    grid-template-columns: repeat(3, 1fr);
}}
@media (min-width: 1024px){.footer-multi-column{
            grid-template-columns: repeat(4, 1fr);
        }}
@media (min-width: 1024px){.footer-column h3{
            font-size: 16px;
            margin-bottom: 16px;
        }}
@media (min-width: 1024px){.footer-column h3:not(:first-child){
            margin-top: 24px;
        }}
@media (min-width: 1024px){#tab-content-kurumsal.active .footer-column h3:not(:first-child){
            margin-top: 0;
        }}
@media (min-width: 1024px){.footer-column a,.footer-column p{
            font-size: 14px;
        }}
@media (min-width: 1024px){.global-impact-content{
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px;
        }}
@media (min-width: 1024px){.global-impact-content i{
            font-size: 20px;
            color: #3b82f6;
        }}
@media (min-width: 1024px){.search-bar{
            position: relative;
            margin-bottom: 16px;
            max-width: 300px;
        }}
@media (min-width: 1024px){.search-bar input{
            width: 100%;
            background-color: rgba(0, 0, 0, 0.2);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 6px;
            padding: 8px 10px 8px 34px;
            color: #fff;
            font-size: 12.5px;
        }}
@media (min-width: 1024px){.search-bar i{
            position: absolute;
            left: 12px;
            top: 50%;
            transform: translateY(-50%);
            color: #a0a0c0;
        }}
@media (min-width: 1024px){.footer-toggles{
            display: flex;
            gap: 12px;
            align-items: center;
        }}
@media (min-width: 1024px){.toggle-btn{
            background: none;
            border: none;
            color: #a0a0c0;
            font-size: 18px;
            cursor: pointer;
            transition: color 0.3s ease;
        }}
@media (min-width: 1024px){.toggle-btn:hover{
            color: #fff;
        }}
@media (min-width: 1024px){.footer-bottom{
            justify-content: space-between;
            flex-wrap: wrap;
        }}
@media (min-width: 1024px){.footer-legal{
            flex-direction: row;
        }}
@media (min-width: 992px){.innovation-hub-footer #tab-content-kurumsal.active > .footer-column:nth-child(3n){
    justify-self: center;
    min-width: 230px;
  }}
@media (min-width: 768px){.innovation-hub-footer .footer-top{
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        gap: 16px;
    }}
@media (min-width: 768px){.footer-top .footer-brandmark{ justify-self: start; margin-bottom: 0; }}
@media (min-width: 768px){.footer-top .footer-nav-tabs{ justify-self: center; justify-content: center; }}
@media (min-width: 768px){.footer-top > .fbm-text-right{ justify-self: end; }}
@media (min-width: 992px){.innovation-hub-footer #tab-content-kurumsal.active > .footer-column{
        justify-self: center;
        min-width: 230px;
    }}
@media (min-width: 992px){.innovation-hub-footer #tab-content-kurumsal.active{
        grid-template-columns: repeat(3, minmax(0, 300px));
        justify-content: space-between;
    }}
@media (min-width: 992px){.innovation-hub-footer #tab-content-kurumsal.active > .footer-column,
    .innovation-hub-footer #tab-content-kurumsal.active > .footer-column:nth-child(3n){
        justify-self: stretch;
        min-width: 0;
    }}
@media (min-width: 992px){.mega-premium{
        background: linear-gradient(135deg, #0c1118 0%, #121826 100%) !important;
        border-top: 1px solid rgba(34,211,238,0.28) !important;
        border-bottom: 1px solid rgba(34,211,238,0.28) !important;
        box-shadow: 0 24px 70px rgba(0,0,0,0.6), 0 0 30px rgba(34,211,238,0.08) !important;
    }}
@media (min-width: 992px){.mega-cat-btn:hover{ background: rgba(34,211,238,0.09) !important; border-color: rgba(34,211,238,0.32) !important; color:#fff !important; }}
@media (min-width: 992px){.mega-cat-btn::before{ background: linear-gradient(180deg, #22D3EE, #09B1D0) !important; }}
@media (min-width: 992px){.mega-cat-btn:hover .cat-icon{ color: #22D3EE !important; }}
@media (min-width: 992px){.mega-cat-btn.active{ background: rgba(34,211,238,0.13) !important; border-color: rgba(34,211,238,0.45) !important; color:#fff !important; }}
@media (min-width: 992px){.mega-view-all-btn{ color: #22D3EE !important; }}
@media (min-width: 992px){.mega-category-item{ border-color: rgba(34,211,238,0.15) !important; }}
@media (min-width: 992px){.mega-category-item:hover{ border-color: rgba(34,211,238,0.42) !important; box-shadow: 0 8px 24px rgba(34,211,238,0.16) !important; }}
@media (min-width: 992px){.category-item-icon{ background: linear-gradient(135deg, rgba(34,211,238,0.22), rgba(8,145,178,0.1)) !important; border-color: rgba(34,211,238,0.32) !important; color: #22D3EE !important; }}
@media (min-width: 992px){html[data-theme="light"] .mega-premium{ background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%) !important; border-color: #d6e6ec !important; box-shadow: 0 24px 60px rgba(15,23,42,0.12) !important; }}
@media (min-width: 992px){html[data-theme="light"] .mega-sidebar{ background: #f8fafc !important; border-right-color: #e2e8f0 !important; }}
@media (min-width: 992px){html[data-theme="light"] .mega-cat-btn{ color: #475569 !important; }}
@media (min-width: 992px){html[data-theme="light"] .mega-cat-btn:hover,html[data-theme="light"] .mega-cat-btn.active{ background: rgba(8,145,178,0.08) !important; color: #0f172a !important; border-color: rgba(8,145,178,0.3) !important; }}
@media (min-width: 992px){.mega-premium{ align-items: stretch !important; }}
@media (min-width: 992px){.mega-sidebar{
        flex: 0 0 260px !important;
        width: 260px !important;
        min-width: 260px !important;
        max-width: 260px !important;
        height: auto !important;
        align-self: stretch !important;
    }}
@media (min-width: 992px){.mega-cat-btn{ font-size: 13.5px !important; padding: 12px 14px !important; }}
@media (min-width: 768px) and (max-width: 991.98px){.mobile-menu-items .mega-categories-list{ display: flex !important; visibility: visible !important; }}

/* ═══ kaynak: header.css (mega içerikleri — masaüstü nav'ından açılır) ═══ */
@media (min-width: 992px){.menu-container-center .neon-mega-menu{
    width: 100vw !important;
    box-shadow: none !important;
    background: none !important;
    border: none !important;
    margin-left: 0 !important;
    padding: 8px 0 0 !important;
    position: fixed !important;
    top: 114px !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
  }}
@media (min-width: 992px){.refmega, .refmega-promo, .refmega-stats{
    width: 96%;
    max-width: 1350px;
  }}
@media (min-width: 992px){.refmega{
    box-shadow: none !important;
    border-bottom: none !important;
    border-radius: 16px 16px 0 0 !important;
  }}
@media (min-width: 992px){.refmega-promo{
    border-top: none !important;
    border-radius: 0 !important;
  }}
@media (min-width: 992px){.refmega-stats{
    box-shadow: 0 30px 70px #0000008c, 0 0 30px #22d3ee0f;
    border-top: none !important;
    border-radius: 0 0 16px 16px !important;
  }}
@media (min-width: 992px){.refmega-promo{
    background: #0a0e16;
    border: 1px solid #22d3ee1f;
    border-radius: 16px;
    align-items: center;
    gap: 22px;
    min-height: 200px;
    padding: 28px 32px;
    display: flex;
    position: relative;
    overflow: hidden;
  }}
@media (min-width: 992px){.refmega-promo .rmp-bg{
    opacity: .5;
    z-index: 1;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    inset: 0;
  }}
@media (min-width: 992px){.refmega-promo:before{
    content: "";
    z-index: 2;
    background: linear-gradient(90deg, #0a0e16 0%, #0a0e16eb 36%, #0a0e1680 60%, #0a0e16d9 100%);
    position: absolute;
    inset: 0;
  }}
@media (min-width: 992px){.rmp-left{
    z-index: 3;
    flex-shrink: 0;
    max-width: 400px;
    position: relative;
  }}
@media (min-width: 992px){.rmp-badge{
    letter-spacing: 1px;
    color: #22d3ee;
    background: #22d3ee1a;
    border: 1px solid #22d3ee4d;
    border-radius: 50px;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 6px 13px;
    font-size: 11px;
    font-weight: 800;
    display: inline-flex;
  }}
@media (min-width: 992px){.rmp-title{
    color: #fff;
    margin: 0 0 10px;
    font-size: clamp(22px, 2.4vw, 34px);
    font-weight: 900;
    line-height: 1.1;
  }}
@media (min-width: 992px){.rmp-title span{
    color: #22d3ee;
  }}
@media (min-width: 992px){.rmp-sub{
    color: #b6c2d4;
    margin: 0 0 18px;
    font-size: 14px;
  }}
@media (min-width: 992px){.rmp-btn{
    color: #04222a;
    background: linear-gradient(135deg, #09b1d0, #22d3ee);
    border-radius: 50px;
    align-items: center;
    gap: 9px;
    padding: 12px 24px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .2s;
    display: inline-flex;
    box-shadow: 0 8px 22px #22d3ee4d;
  }}
@media (min-width: 992px){.rmp-btn:hover{
    transform: translateY(-2px);
  }}
@media (min-width: 992px){.rmp-features{
    z-index: 3;
    flex-direction: column;
    flex-shrink: 0;
    gap: 9px;
    width: 320px;
    margin-left: auto;
    display: flex;
    position: relative;
  }}
@media (min-width: 992px){.rmp-feat{
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: #0d121cb3;
    border: 1px solid #ffffff14;
    border-radius: 11px;
    align-items: center;
    gap: 12px;
    padding: 11px 14px;
    display: flex;
  }}
@media (min-width: 992px){.rmp-fic{
    color: #22d3ee;
    background: #22d3ee1f;
    border-radius: 10px;
    flex-shrink: 0;
    place-items: center;
    width: 38px;
    height: 38px;
    font-size: 16px;
    display: grid;
  }}
@media (min-width: 992px){.rmp-ft{
    flex-direction: column;
    display: flex;
  }}
@media (min-width: 992px){.rmp-ft b{
    color: #fff;
    font-size: 13px;
    font-weight: 700;
  }}
@media (min-width: 992px){.rmp-ft span{
    color: #8b97ab;
    font-size: 11.5px;
  }}
@media (min-width: 992px){.refmega-stats{
    background: #0a0e16;
    border: 1px solid #ffffff0f;
    border-radius: 16px;
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    overflow: hidden;
  }}
@media (min-width: 992px){.refmega{
    background: linear-gradient(135deg, #0f1419 0%, #161c2b 100%);
    border: 1px solid #22d3ee2e;
    border-radius: 16px;
    width: 100%;
    display: flex;
    overflow: hidden;
    box-shadow: 0 30px 70px #0000008c, 0 0 30px #22d3ee0f;
  }}
@media (min-width: 992px){.refmega-cats{
    border-right: 1px solid #ffffff0f;
    flex-direction: column;
    flex: 0 0 280px;
    gap: 4px;
    padding: 16px 12px;
    display: flex;
  }}
@media (min-width: 992px){.refmega-cat{
    color: #cbd5e1;
    border-radius: 10px;
    align-items: center;
    gap: 12px;
    padding: 11px 12px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s;
    display: flex;
  }}
@media (min-width: 992px){.refmega-cat .rm-ic{
    color: #22d3ee;
    background: #22d3ee1a;
    border-radius: 9px;
    flex-shrink: 0;
    place-items: center;
    width: 34px;
    height: 34px;
    font-size: 15px;
    display: grid;
  }}
@media (min-width: 992px){.refmega-cat .rm-name{
    flex: 1;
  }}
@media (min-width: 992px){.refmega-cat .rm-arrow{
    color: #64748b;
    font-size: 11px;
  }}
@media (min-width: 992px){.refmega-cat:hover, .refmega-cat.active{
    color: #fff;
    background: #22d3ee1a;
  }}
@media (min-width: 992px){.refmega-cat.active .rm-ic{
    color: #04222a;
    background: #22d3ee;
  }}
@media (min-width: 992px){.refmega-cat .rm-badge{
    color: #04222a;
    background: #22d3ee;
    border-radius: 20px;
    padding: 2px 9px;
    font-size: 10px;
    font-weight: 800;
  }}
@media (min-width: 992px){.refmega-center{
    flex: 1;
    min-width: 0;
    padding: 22px 26px;
  }}
@media (min-width: 992px){.refmega-title{
    color: #fff;
    margin: 0 0 18px;
    font-size: 14px;
    font-weight: 700;
  }}
@media (min-width: 992px){.refmega-games{
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 24px;
    display: grid;
  }}
@media (min-width: 992px){.refmega-game{
    border-radius: 10px;
    align-items: center;
    gap: 14px;
    padding: 10px 8px;
    text-decoration: none;
    transition: background .2s;
    display: flex;
  }}
@media (min-width: 992px){.refmega-game:hover{
    background: #ffffff0a;
  }}
@media (min-width: 992px){.refmega-allbtn{
    color: #22d3ee;
    background: #22d3ee1a;
    border: 1px solid #22d3ee40;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    max-width: 260px;
    margin: 16px auto 0;
    padding: 11px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s;
    display: flex;
  }}
@media (min-width: 992px){.refmega-allbtn:hover{
    background: #22d3ee2e;
  }}
@media (min-width: 992px){.refmega-secure{
    border-left: 1px solid #ffffff0f;
    flex: 0 0 280px;
    padding: 22px;
    position: relative;
    overflow: hidden;
  }}
@media (min-width: 992px){.rm-sec-head{
    color: #fff;
    z-index: 2;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    position: relative;
  }}
@media (min-width: 992px){.rm-sec-hic{
    color: #22d3ee;
    background: #22d3ee1f;
    border-radius: 9px;
    flex-shrink: 0;
    place-items: center;
    width: 32px;
    height: 32px;
    font-size: 15px;
    display: grid;
  }}
@media (min-width: 992px){.rm-sec-item{
    color: #cbd5e1;
    z-index: 2;
    align-items: center;
    gap: 11px;
    margin-bottom: 12px;
    font-size: 13px;
    display: flex;
    position: relative;
  }}
@media (min-width: 992px){.rm-sec-ic{
    color: #22d3ee;
    background: #22d3ee12;
    border: 1.5px solid #22d3ee73;
    border-radius: 50%;
    flex-shrink: 0;
    place-items: center;
    width: 26px;
    height: 26px;
    font-size: 11px;
    display: grid;
  }}
@media (min-width: 992px){.rm-sec-bg{
    opacity: .55;
    z-index: 0;
    background-position: top;
    background-size: cover;
    position: absolute;
    inset: 50% 0 0;
  }}
@media (min-width: 992px){.refmega-secure:after{
    content: "";
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(#141b29 0%, #141b29d9 38%, #141b2933 100%);
    position: absolute;
    inset: 0;
  }}
html[data-theme="light"] .refmega{
  background: linear-gradient(135deg, #fff, #f1f5f9);
  border-color: #d6e6ec;
  box-shadow: 0 24px 60px #0f172a24;
}
html[data-theme="light"] .refmega-cat{
  color: #475569;
}
html[data-theme="light"] .refmega-cat:hover, html[data-theme="light"] .refmega-cat.active{
  color: #0f172a;
  background: #0891b214;
}
html[data-theme="light"] .refmega-title, html[data-theme="light"] .rmg-txt b, html[data-theme="light"] .rm-sec-head{
  color: #0f172a;
}
html[data-theme="light"] .refmega-cats, html[data-theme="light"] .refmega-secure{
  border-color: #e2e8f0;
}
html[data-theme="light"] .refmega-secure:after{
  background: linear-gradient(#fff 0% 32%, #ffffff59 58%, #fff0 100%);
}
html[data-theme="light"] .rm-sec-bg{
  opacity: .85;
}
html[data-theme="light"] .rm-sec-item{
  color: #334155;
}
html[data-theme="light"] .rm-sec-ic{
  color: #0891b2;
  background: #0891b214;
  border-color: #0891b280;
}
html[data-theme="light"] .rm-sec-hic{
  color: #0891b2;
  background: #0891b21f;
}
@media (min-width: 992px){.menu-container-center .neon-dropdown:hover .neon-mega-menu{
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    height: auto !important;
    display: block !important;
    overflow: visible !important;
  }}
@media (min-width: 992px){.menu-container-center .neon-dropdown.mega-zorla-acik .neon-mega-menu{
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    height: auto !important;
    display: block !important;
    overflow: visible !important;
  }}
@media (min-width: 992px){.menu-container-center .neon-dropdown.mega-zorla-kapali:hover .neon-mega-menu,
  .menu-container-center .neon-dropdown.mega-zorla-kapali .neon-mega-menu{
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }}
html[data-theme="light"] .refmega-promo{
  background: #eef2f7;
  border-color: #d6e6ec;
}
html[data-theme="light"] .refmega-promo:before{
  background: linear-gradient(90deg, #eef2f7 0%, #eef2f7e0 32%, #eef2f740 58%, #eef2f700 100%);
}
html[data-theme="light"] .refmega-promo .rmp-bg{
  opacity: .9;
}
html[data-theme="light"] .rmp-title{
  color: #0f172a;
}
html[data-theme="light"] .rmp-sub{
  color: #475569;
}
html[data-theme="light"] .rmp-feat{
  background: #fff;
  border-color: #e2e8f0;
}
html[data-theme="light"] .rmp-ft b{
  color: #0f172a;
}
html[data-theme="light"] .refmega-stats{
  background: #f8fafc;
  border-color: #e2e8f0;
}
.menu-container-center .refmega.kcorp-t1{
  grid-template-columns: 1fr 300px;
  align-items: stretch;
  background: #0b0e14 !important;
  border: 1px solid #0000 !important;
  border-radius: 24px !important;
  display: grid !important;
  box-shadow: 0 26px 70px #0006, 0 0 60px 10px #0000006b !important;
}
html[data-theme="light"] .menu-container-center .refmega.kcorp-t1{
  background: linear-gradient(135deg, #fff, #f1f5f9) !important;
  border-color: #0f172a0d !important;
  box-shadow: 0 30px 74px #0f172a1a, 0 0 44px 4px #0f172a0f !important;
}
.menu-container-center .kcorp-left{
  flex-direction: column;
  min-width: 0;
  display: flex;
}
.menu-container-center .kcorp-cols{
  flex: 1;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}
.menu-container-center .kcorp-col{
  padding: 22px 20px 18px;
}
.menu-container-center .kcorp-head{
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #8ea3ba;
  align-items: center;
  gap: 9px;
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}
.menu-container-center .kcorp-head i{
  color: #22d3ee;
  text-align: center;
  flex-shrink: 0;
  width: 15px;
  font-size: 12.5px;
}
.menu-container-center .kcorp-link{
  color: #b3c0d1;
  letter-spacing: -.1px;
  align-items: center;
  gap: 10px;
  padding: 7px 0;
  font-size: 13.5px;
  font-weight: 500;
  text-decoration: none;
  transition: color .15s, transform .15s;
  display: flex;
}
.menu-container-center .kcorp-link i{
  text-align: center;
  color: #62748c;
  flex-shrink: 0;
  width: 15px;
  font-size: 12.5px;
  transition: color .15s;
}
.menu-container-center .kcorp-link:hover{
  color: #fff;
  transform: translateX(3px);
}
.menu-container-center .kcorp-link:hover i{
  color: #22d3ee;
}
.menu-container-center .kcorp-tools{
  background: #00000024;
  border-top: 1px solid #ffffff0f;
  padding: 16px 20px 20px;
}
.menu-container-center .kcorp-tools-head{
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #8ea3ba;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}
.menu-container-center .kcorp-tools-head i{
  color: #22d3ee;
  font-size: 13px;
}
.menu-container-center .kcorp-tools-badge{
  color: #04222a;
  letter-spacing: .3px;
  text-transform: uppercase;
  background: #22d3ee;
  border-radius: 20px;
  padding: 2px 7px;
  font-size: 9px;
  font-weight: 800;
}
.menu-container-center .kcorp-tools-grid{
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  display: grid;
}
.menu-container-center .kcorp-tool{
  color: #c3cede;
  background: #ffffff08;
  border: 1px solid #ffffff12;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background .16s, border-color .16s, transform .16s, color .16s;
  display: flex;
}
.menu-container-center .kcorp-tool i{
  color: #22d3ee;
  text-align: center;
  flex-shrink: 0;
  width: 17px;
  font-size: 14px;
}
.menu-container-center .kcorp-tool:hover{
  color: #fff;
  background: #22d3ee17;
  border-color: #22d3ee52;
  transform: translateY(-2px);
}
.menu-container-center .kcorp-feat{
  background: radial-gradient(120% 90% at 100% 0, #22d3ee1f, #0000 58%), #00000038;
  border-left: 1px solid #ffffff0f;
  flex-direction: column;
  padding: 24px 22px;
  display: flex;
}
.menu-container-center .kcorp-feat-status{
  color: #93a6ba;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 11.5px;
  font-weight: 600;
  display: inline-flex;
}
.menu-container-center .kcorp-dot{
  background: #2dd47f;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
  box-shadow: 0 0 8px #2dd47f;
}
.menu-container-center .kcorp-dot:after{
  content: "";
  background: #2dd47f;
  border-radius: 50%;
  animation: 1.9s ease-out infinite kcorpPulse;
  position: absolute;
  inset: 0;
}
.menu-container-center .kcorp-feat-title{
  color: #fff;
  letter-spacing: -.3px;
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}
.menu-container-center .kcorp-channels{
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
  display: flex;
}
.menu-container-center .kcorp-chan{
  background: #ffffff0a;
  border: 1px solid #ffffff12;
  border-radius: 11px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  text-decoration: none;
  transition: background .16s, border-color .16s, transform .16s;
  display: flex;
}
.menu-container-center .kcorp-chan:hover{
  background: #22d3ee17;
  border-color: #22d3ee52;
  transform: translateX(3px);
}
.menu-container-center .kcorp-chan:hover .kchan-go{
  color: #22d3ee;
  transform: translateX(2px);
}
html[data-theme="light"] .menu-container-center .kcorp-col{
  border-right-color: #e2e8f0;
}
html[data-theme="light"] .menu-container-center .kcorp-head{
  color: #64748b;
}
html[data-theme="light"] .menu-container-center .kcorp-head i{
  color: #0891b2;
}
html[data-theme="light"] .menu-container-center .kcorp-link{
  color: #475569;
}
html[data-theme="light"] .menu-container-center .kcorp-link i{
  color: #94a3b8;
}
html[data-theme="light"] .menu-container-center .kcorp-link:hover{
  color: #0f172a;
}
html[data-theme="light"] .menu-container-center .kcorp-link:hover i{
  color: #0891b2;
}
html[data-theme="light"] .menu-container-center .kcorp-feat{
  background: radial-gradient(120% 90% at 100% 0, #0891b21a, #0000 58%), #f1f5f9;
}
html[data-theme="light"] .menu-container-center .kcorp-feat-status{
  color: #64748b;
}
html[data-theme="light"] .menu-container-center .kcorp-feat-title{
  color: #0f172a;
}
html[data-theme="light"] .menu-container-center .kcorp-chan{
  background: #fff;
  border-color: #e2e8f0;
}
html[data-theme="light"] .menu-container-center .kcorp-chan:hover{
  background: #0891b20f;
  border-color: #0891b24d;
}
html[data-theme="light"] .menu-container-center .kcorp-tools{
  background: #f8fafc;
  border-top-color: #e2e8f0;
}
html[data-theme="light"] .menu-container-center .kcorp-tools-head{
  color: #64748b;
}
html[data-theme="light"] .menu-container-center .kcorp-tools-head i{
  color: #0891b2;
}
html[data-theme="light"] .menu-container-center .kcorp-tool{
  color: #334155;
  background: #fff;
  border-color: #e2e8f0;
}
html[data-theme="light"] .menu-container-center .kcorp-tool i{
  color: #0891b2;
}
html[data-theme="light"] .menu-container-center .kcorp-tool:hover{
  color: #0f172a;
  background: #0891b20f;
  border-color: #0891b24d;
}
@media (min-width: 992px){html.yx-scrolling .menu-container-center .neon-mega-menu,
  html.yx-scrolling .menu-container-center .neon-dropdown:hover .neon-mega-menu{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }}
@media (min-width: 769px){.yc-cmp-tbl .yc-flip{display:grid;height:auto;min-height:46px;perspective:700px}}
@media (min-width: 769px){.yc-cmp-tbl .yc-flip-front,.yc-cmp-tbl .yc-flip-back{grid-area:1/1;position:relative;inset:auto;min-height:46px}}
@media (min-width: 769px){.yc-cmp-tbl .yc-flip-back{font-size:11.5px;line-height:1.4;padding:6px 8px;overflow:visible}}
@media (min-width: 1280px){.xl\:grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }}
@media (max-width: 1279px) and (min-width: 1024px){.lg\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }}
@media (max-width: 1023px) and (min-width: 768px){.md\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }}
@media(min-width:992px){.next-gen-blog .toc-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* ═══ kaynak: a11y-kontrast.css (kopya — en son kazansın) ═══ */
/* ===========================================================================
   ERİŞİLEBİLİRLİK KONTRAST YAMASI (1 Eyl) — Lighthouse a11y raporundaki
   başarısız öğeler, AÇIK TEMADA WCAG AA (4.5:1) altında kalıyordu.
   Kabuğun EN SONUNDA yüklenir (gen-kabuk.mjs sırası) → aynı özgüllükte kazanır.
   Koyu temaya BİLEREK dokunulmaz (orada geçiyor). Palet:
     soluk gri  → #475569 (7.5:1 beyazda)
     turkuaz    → #0e7490 (4.8:1)
     turuncu    → #c2410c (4.9:1)
     yeşil      → #15803d (4.6:1)
   =========================================================================== */

/* ---- Sosyal kanıt rozetleri (psig): "N kişinin sepetinde", "Bu hafta N inceleme" ----
   3 Eyl: LH ölçümü #f7f9fb zeminde 4.41-4.48 (SINIRDA kaldı — psig animasyon/
   opacity karışımı rengi açıyor). Bir kademe koyu palet + opacity sabitleme. */
html[data-theme="light"] body .psig { color: #334155; opacity: 1; }
html[data-theme="light"] body .psig-view { color: #155e75; }
html[data-theme="light"] body .psig-rank { color: #6b21a8; }
html[data-theme="light"] body .psig-cart { color: #9a3412; }
html[data-theme="light"] body .psig-sold { color: #166534; }
html[data-theme="light"] body .psig-fav { color: #92400e; }

/* ---- c-v kalkınca axe'ın tarayabildiği bölümlerin light borçları (3 Eyl) ----
   #22d3ee cyan açık zeminlerde 1.6-1.7:1 idi; blog/corp vurguları koyultuldu. */
html[data-theme="light"] body .yc-resp,
html[data-theme="light"] body .yc-cmp-hint,
html[data-theme="light"] body .yc-cmp-y .yc-flip-front { color: #155e75; }
/* home-inline mobil bloğu !important'lı #22D3EE basıyor (satır ~233) — aynı silahla ez */
html[data-theme="light"] body .yc-cmp-tbl td.yc-cmp-y .yc-flip-front,
html[data-theme="light"] body .yc-cmp-tbl td.yc-cmp-y .yc-flip-front i { color: #155e75 !important; }
/* blok h3'ü kaynağı var(--primary)!important — aynı silahla ez (3 Eyl) */
html[data-theme="light"] body .next-gen-blog .block-txt-col h3 { color: #155e75 !important; text-shadow: none; }
html[data-theme="light"] body .next-gen-blog .text-body strong,
html[data-theme="light"] body .next-gen-blog .scrollable-text-area strong,
html[data-theme="light"] body .next-gen-blog .markdown strong,
html[data-theme="light"] body .markdown strong { color: #155e75; }
html[data-theme="light"] body .markdown a,
html[data-theme="light"] body .markdown p strong a { color: #1e40af; }
html[data-theme="light"] body .next-gen-blog .bm-item { color: #475569; }
html[data-theme="light"] body #testimonialCarouselLabel { color: #9a3412; }
/* Testimonials başlık puan hapı (eski inline #ffc107 → sınıfa taşındı) */
html[data-theme="light"] body .puan-vurgu { color: #92400e; }
.puan-vurgu { color: #ffc107; }

/* ---- MASAÜSTÜ yüzeyleri (mobilde gizli — 3 Eyl desktop koşusu bulguları) ----
   Üst bar #64748b/#0891b2 açık zeminde 4.3-4.35 SINIRDA; yorum sayısı 2.9. */
html[data-theme="light"] body .yox-topbar .tb-item,
html[data-theme="light"] body .yox-topbar .tb-link { color: #475569; }
html[data-theme="light"] body .yox-topbar .tb-promo { color: #155e75; }
html[data-theme="light"] body .store-showcase-review-count { color: #475569; }
/* Footer dil/tema toggle butonları — #64748b @#f0f0f0 4.17 sınır-altıydı (desktop) */
html[data-theme="light"] body .footer-toggles .toggle-btn { color: #475569; }

/* ---- Vitrin fiyat/stok/link (store-showcase, hop) ---- */
html[data-theme="light"] body .store-showcase-price { color: #0e7490; }
html[data-theme="light"] body .hop-price { color: #c2410c; }
html[data-theme="light"] body .hop-stock { color: #475569; }
html[data-theme="light"] body a.hop-more { color: #0e7490; }

/* ---- HomeUniverse metinleri ---- */
html[data-theme="light"] body .hu-subtitle,
html[data-theme="light"] body .hu-desc { color: #475569; }

/* ---- Bölüm rozet/alt başlıkları ---- */
html[data-theme="light"] body .yc-sec-badge { color: #0e7490; }
html[data-theme="light"] body .yc-sec-sub { color: #475569; }

/* ---- Shorts başlık vurguları + gövde ---- */
html[data-theme="light"] body .hs-t { color: #0e7490; }
html[data-theme="light"] body .hs-o { color: #c2410c; }
html[data-theme="light"] body .home-shorts p { color: #475569; }

/* ---- Yorum kartı meslek satırı / öneri "şimdi" etiketi ---- */
html[data-theme="light"] body .review-job { color: #0e7490; } /* not: theme.css !important kuralı da aynı değere çekildi */
html[data-theme="light"] body .rec-now { color: #b45309; }

/* ---- Destek/kanal bloğu ---- */
html[data-theme="light"] body .yc-pill { color: #0e7490; }
html[data-theme="light"] body .yc-support .yc-sub,
html[data-theme="light"] body .yc-sub { color: #334155; }
/* açık-yeşil chip zemininde (#dff0e2 efektif) 4.5:1 için green-800 gerekir */
html[data-theme="light"] body .yc-ch-badge.is-on { color: #166534; }
html[data-theme="light"] body a.yc-channel { color: #334155; }
html[data-theme="light"] body .views-label { color: #475569; }

/* ===========================================================================
   DOKUNMA HEDEFLERİ (touch targets): bitişik hedefler arasında ≥8px boşluk.
   Tema bağımsız.
   =========================================================================== */
body .faq-item-v3 { margin-bottom: 10px; }
body .faq-header-v3 { min-height: 48px; }
body .rec-card { margin-right: 20px; }
@media (max-width: 767px) {
  body .rec-card { margin-right: 14px; }
}