/* SosyalSatis homepage light theme.
   Scoped to the homepage so platform/category pages keep their own theme. */

body.home-light-theme {
    --home-bg: #FFFFFF;
    --home-bg-soft: #E3E7FC;
    --home-card: #ffffff;
    --home-card-soft: #f3f3ef;
    --home-ink: #17191b;
    --home-muted: #6f7478;
    --home-line: #e4e3de;
    --home-line-strong: #d7d6d0;
    --home-accent: #9fe6df;
    --home-accent-2: #c8bcff;
    --home-accent-3: #bdf0cc;
    --home-shadow: 0 18px 50px rgba(26, 29, 31, .07);
    background: var(--home-bg) !important;
    color: var(--home-ink) !important;
}

body.home-light-theme,
body.home-light-theme .wrapper,
body.home-light-theme main,
body.home-light-theme #intro,
body.home-light-theme #popular-packs,
body.home-light-theme #blog,
body.home-light-theme #reviews,
body.home-light-theme #faq,
body.home-light-theme #article {
    background-color: var(--home-bg) !important;
    color: var(--home-ink) !important;
}

body.home-light-theme .path-wave::after,
body.home-light-theme .path-wave.path-wave-up::after {
    display: none !important;
}

body.home-light-theme .title-heading .title,
body.home-light-theme .title-heading h2,
body.home-light-theme .title-heading strong {
    color: var(--home-ink) !important;
}

body.home-light-theme .title-heading p,
body.home-light-theme .title-heading > span:not(.title) {
    color: var(--home-muted) !important;
}

/* Header */
body.home-light-theme .top--head-area,
body.home-light-theme header {
    background: rgba(255, 255, 255, .94) !important;
    border-color: var(--home-line) !important;
    box-shadow: none !important;
    backdrop-filter: blur(16px);
}

body.home-light-theme .top--head-area {
    background: #1b1e20 !important;
    border-bottom: 1px solid var(--home-line) !important;
}

body.home-light-theme .top--head .item {
    color: #fff !important;
}

body.home-light-theme .top--head .item i {
    color: #aeb6bf !important;
}

body.home-light-theme .top--head .item:hover {
    color: #fff !important;
}

body.home-light-theme header {
    border-bottom: 1px solid var(--home-line) !important;
}

body.home-light-theme header .navbar .nav-link,
body.home-light-theme header .navbar .nav-link span,
body.home-light-theme .navbar-action-area .navbar--action {
    color: #25282a !important;
}

body.home-light-theme header .navbar .nav-link > i,
body.home-light-theme header .navbar .nav-link > svg {
    color: #7c8387 !important;
}

body.home-light-theme header .navbar .nav-item:hover > .nav-link,
body.home-light-theme header .navbar .nav-item.active > .nav-link {
    color: #0d1113 !important;
}

body.home-light-theme header .navbar .nav-sub-content {
    border: 1px solid var(--home-line) !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 22px 55px rgba(27, 31, 33, .13) !important;
}

body.home-light-theme header .nav-sub-link {
    border-color: #ecebe7 !important;
    background: #f7f7f4 !important;
    color: #202326 !important;
}

body.home-light-theme header .nav-sub-link:hover {
    border-color: #cfcfc8 !important;
    background: #fff !important;
}

body.home-light-theme .navbar-action-area .navbar--action,
body.home-light-theme header .butto,
body.home-light-theme header .button {
    border: 1px solid #deddd8 !important;
    background: #fff !important;
    color: #181b1d !important;
    box-shadow: 0 10px 25px rgba(25, 28, 30, .08) !important;
}

body.home-light-theme .wrapper > header .navbar--action .nav-user-action .butto-login {
    border-color: #111315 !important;
    background: #111315 !important;
    color: #fff !important;
    box-shadow: 0 10px 25px rgba(17, 19, 21, .18) !important;
}

body.home-light-theme .wrapper > header .navbar--action .nav-user-action .butto-login:hover {
    border-color: #000 !important;
    background: #000 !important;
    color: #fff !important;
}

body.home-light-theme .wrapper > header .navbar--action .nav-user-action .butto-login i {
    color: currentColor !important;
}

/* Hero */
body.home-light-theme #intro .intro--well {
    background-color: var(--home-bg) !important;
    background-image:
        linear-gradient(rgba(47, 52, 55, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(47, 52, 55, .055) 1px, transparent 1px) !important;
    border-bottom: 1px solid var(--home-line) !important;
}

body.home-light-theme #intro .hero-map-lines path,
body.home-light-theme #intro .hero-map-lines circle {
    stroke: rgba(106, 118, 122, .18) !important;
}

body.home-light-theme #intro .hero-white-copy h1,
body.home-light-theme #intro .hero-title-desktop,
body.home-light-theme #intro .hero-title-mobile,
body.home-light-theme #intro .hero-underlined-phrase {
    color: var(--home-ink) !important;
}

body.home-light-theme #intro .hero-gradient-word {
    background: linear-gradient(105deg, #8176c9, #58aead 52%, #71aa7e) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

body.home-light-theme #intro .hero-underlined-phrase::after {
    opacity: .72 !important;
    filter: saturate(.75) brightness(.88);
}

body.home-light-theme #intro .hero-map-mark {
    border-color: #dcdedb !important;
    background: linear-gradient(145deg, #fff, #e9efed) !important;
    color: #2c7772 !important;
    box-shadow: 0 10px 24px rgba(48, 85, 82, .14), inset 0 1px rgba(255,255,255,.9) !important;
}

body.home-light-theme #intro .hero-white-copy > p,
body.home-light-theme #intro .hero-white-inner > p,
body.home-light-theme #intro .intro-desc {
    color: var(--home-muted) !important;
}

body.home-light-theme #intro .hero-white-rating {
    border: 1px solid var(--home-line-strong) !important;
    background: rgba(255, 255, 255, .82) !important;
    color: var(--home-ink) !important;
    box-shadow: 0 8px 24px rgba(25, 28, 30, .04) !important;
}

body.home-light-theme #intro .hero-white-rating em {
    color: var(--home-muted) !important;
}

body.home-light-theme #intro .hero-white-rating span {
    color: #69a7a3 !important;
}

body.home-light-theme #intro .hero-white-discover {
    border: 1px solid #1e2224 !important;
    background: #1b1e20 !important;
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(27, 30, 32, .14) !important;
}

body.home-light-theme #intro .hero-white-discover:hover {
    background: #303537 !important;
    transform: translateY(-2px);
}

/* Split-card homepage hero */
body.home-light-theme #intro {
    padding: 34px 0 46px !important;
}

body.home-light-theme #intro .main--intro {
    display: block !important;
    padding: 0 !important;
}

body.home-light-theme #intro .main--intro > .intro--well {
    display: none !important;
}

body.home-light-theme #intro .hero-card-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.72fr) minmax(340px, 1fr);
    gap: 24px;
    width: 100%;
    max-width: 1250px;
    min-height: 500px;
    margin: 40px auto 34px;
}

body.home-light-theme #intro .hero-card {
    position: relative;
    overflow: hidden;
    border: 1px solid #e4e3de;
    border-radius: 30px;
    box-shadow: 0 22px 65px rgba(25, 28, 30, .07);
}

body.home-light-theme #intro .hero-primary-card {
    display: grid;
    grid-template-columns: minmax(420px, 1.18fr) minmax(270px, .82fr);
    min-height: 500px;
    background: #fff;
}

body.home-light-theme #intro .hero-primary-card::before {
    content: "";
    position: absolute;
    top: -19%;
    right: -12%;
    width: 64%;
    aspect-ratio: 1;
    border-radius: 32% 0 0 55%;
    background: linear-gradient(135deg, #d7caff, #afeff0 52%, #c0ffd8);
    transform: rotate(13deg);
    opacity: .82;
}

body.home-light-theme #intro .hero-primary-copy {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 42px 0 42px 44px;
}

body.home-light-theme #intro .hero-card-eyebrow {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 9px;
    padding: 10px 15px;
    margin-bottom: 20px;
    border: 1px solid #e0ded8;
    border-radius: 999px;
    background: #f7f7f4;
    color: #555d61;
    font-size: 13px;
    font-weight: 700;
}

body.home-light-theme #intro .hero-card-eyebrow i {
    color: #7f76c9;
    font-size: 17px;
}

body.home-light-theme #intro .hero-primary-copy h1 {
    margin: 0;
    color: #17191b;
    font-size: clamp(40px, 3.25vw, 52px);
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.055em;
}

body.home-light-theme #intro .hero-primary-copy h1 strong {
    color: #ff4d42;
    font-weight: inherit;
}

body.home-light-theme #intro .hero-primary-copy > p {
    max-width: 430px;
    margin: 18px 0 0;
    color: #737a7e;
    font-size: 15px;
    line-height: 1.55;
}

body.home-light-theme #intro .hero-card-actions {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 24px;
}

body.home-light-theme #intro .hero-card-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 54px;
    padding: 0 24px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 700;
    transition: transform .2s ease, background-color .2s ease, color .2s ease;
}

body.home-light-theme #intro .hero-card-button:hover {
    transform: translateY(-2px);
}

body.home-light-theme #intro .hero-card-button-dark {
    color: #fff !important;
    background: #111315;
}

body.home-light-theme #intro .hero-card-rating {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 54px;
    padding: 0 18px;
    border: 1px solid #e1e0dc;
    border-radius: 999px;
    color: #1b1e20;
    background: rgba(255,255,255,.82);
    font-size: 13px;
    white-space: nowrap;
}

body.home-light-theme #intro .hero-card-rating b {
    color: #6aa9a4;
    font-size: 11px;
    letter-spacing: -1px;
}

body.home-light-theme #intro .hero-primary-art {
    position: relative;
    z-index: 2;
    min-width: 0;
}

body.home-light-theme #intro .hero-primary-art > img {
    position: absolute;
    z-index: 2;
    right: -10%;
    bottom: -6%;
    width: 118%;
    height: 88%;
    object-fit: contain;
    object-position: right bottom;
    filter: drop-shadow(0 25px 34px rgba(21, 25, 27, .14));
}

body.home-light-theme #intro .hero-art-bubble,
body.home-light-theme #intro .hero-art-orbit {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(215, 214, 208, .9);
    background: rgba(255,255,255,.9);
    box-shadow: 0 15px 35px rgba(24, 28, 30, .12);
    backdrop-filter: blur(12px);
}

body.home-light-theme #intro .hero-art-bubble {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    font-size: 22px;
}

body.home-light-theme #intro .bubble-instagram { top: 19%; left: 4%; color: #e1306c; }
body.home-light-theme #intro .bubble-tiktok { top: 10%; right: 9%; color: #111315; }
body.home-light-theme #intro .bubble-youtube { right: 3%; bottom: 17%; color: #ff0033; }

body.home-light-theme #intro .hero-art-orbit {
    top: 27%;
    left: 35%;
    width: 94px;
    height: 94px;
    flex-direction: column;
    border-radius: 50%;
    box-shadow: inset 0 0 0 9px #eff0ed, inset 0 0 0 16px #afeff0, 0 20px 45px rgba(25,28,30,.13);
}

body.home-light-theme #intro .hero-art-orbit strong { color: #17191b; font-size: 24px; }
body.home-light-theme #intro .hero-art-orbit small { color: #7b8286; font-size: 11px; }

body.home-light-theme #intro .hero-side-cards {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 24px;
    min-height: 500px;
}

body.home-light-theme #intro .hero-side-card {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    min-height: 0;
}

body.home-light-theme #intro .hero-side-copy {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 30px 0 30px 34px;
}

body.home-light-theme #intro .hero-side-copy > span {
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
}

body.home-light-theme #intro .hero-side-copy h2 {
    margin: 0 0 20px;
    font-size: clamp(25px, 2vw, 32px);
    line-height: 1;
}

body.home-light-theme #intro .hero-tools-card {
    color: #fff;
    background: #1b1b2b;
}

body.home-light-theme #intro .hero-tools-card::after {
    content: "";
    position: absolute;
    top: -95px;
    right: -35px;
    width: 245px;
    height: 245px;
    border-radius: 55px;
    background: #ff5a46;
    transform: rotate(18deg);
}

body.home-light-theme #intro .hero-card-button-light {
    color: #17191b !important;
    background: #fff;
}

body.home-light-theme #intro .hero-side-art {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 82px;
    transform: rotate(-10deg);
    text-shadow: 0 24px 45px rgba(0,0,0,.3);
}

body.home-light-theme #intro .hero-platforms-card {
    color: #17191b;
    background: #fff;
}

body.home-light-theme #intro .hero-platforms-card::after {
    content: "";
    position: absolute;
    right: -65px;
    bottom: -95px;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    background: linear-gradient(145deg, #ff6454, #ffd2cb);
}

body.home-light-theme #intro .hero-platforms-card .hero-side-copy > span {
    color: #ff5144;
}

body.home-light-theme #intro .hero-card-button-outline {
    min-height: 50px;
    color: #ff5144 !important;
    border: 1px solid #ff675b;
    background: #fff;
}

body.home-light-theme #intro .hero-platform-art {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.home-light-theme #intro .hero-platform-art span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    margin-left: -18px;
    border: 5px solid #fff;
    border-radius: 22px;
    color: #17191b;
    background: #f6f6f3;
    box-shadow: 0 14px 28px rgba(25,28,30,.15);
    font-size: 28px;
    transform: rotate(-8deg);
}

body.home-light-theme #intro .hero-platform-art span:nth-child(2) { z-index: 2; transform: translateY(-26px) rotate(7deg); }
body.home-light-theme #intro .hero-platform-art span:nth-child(3) { color: #ff0033; transform: translateY(28px) rotate(11deg); }

@media (max-width: 1050px) {
    body.home-light-theme #intro .hero-card-layout { grid-template-columns: 1.5fr 1fr; min-height: 480px; }
    body.home-light-theme #intro .hero-primary-card { grid-template-columns: 1.15fr .85fr; min-height: 480px; }
    body.home-light-theme #intro .hero-side-cards { min-height: 480px; }
    body.home-light-theme #intro .hero-primary-copy { padding-left: 38px; }
    body.home-light-theme #intro .hero-primary-copy h1 { font-size: 42px; }
    body.home-light-theme #intro .hero-card-rating { display: none; }
    body.home-light-theme #intro .hero-side-copy { padding-left: 28px; }
}

@media (max-width: 767px) {
    body.home-light-theme #intro { padding: 18px 0 32px !important; }
    body.home-light-theme #intro .hero-card-layout { display: flex; flex-direction: column; gap: 14px; min-height: 0; margin-top: 20px; margin-bottom: 30px; }
    body.home-light-theme #intro .hero-card { border-radius: 22px; }
    body.home-light-theme #intro .hero-primary-card { display: block; min-height: 440px; }
    body.home-light-theme #intro .hero-primary-copy { padding: 34px 25px; }
    body.home-light-theme #intro .hero-card-eyebrow { margin-bottom: 19px; font-size: 12px; }
    body.home-light-theme #intro .hero-primary-copy h1 { font-size: clamp(39px, 12vw, 54px); }
    body.home-light-theme #intro .hero-primary-copy > p { max-width: 290px; margin-top: 16px; font-size: 15px; }
    body.home-light-theme #intro .hero-card-actions { margin-top: 22px; }
    body.home-light-theme #intro .hero-card-rating { display: none; }
    body.home-light-theme #intro .hero-primary-art { position: absolute; inset: auto 0 0 0; height: 175px; }
    body.home-light-theme #intro .hero-primary-art > img { right: -13%; width: 64%; height: 112%; }
    body.home-light-theme #intro .hero-art-orbit { top: 8%; left: 22%; width: 78px; height: 78px; }
    body.home-light-theme #intro .bubble-instagram { top: 54%; left: 8%; }
    body.home-light-theme #intro .bubble-tiktok { display: none; }
    body.home-light-theme #intro .bubble-youtube { right: 8%; bottom: 16%; }
    body.home-light-theme #intro .hero-side-cards { min-height: 0; gap: 14px; }
    body.home-light-theme #intro .hero-side-card { min-height: 190px; }
    body.home-light-theme #intro .hero-side-copy { padding: 28px 0 28px 28px; }
    body.home-light-theme #intro .hero-side-copy h2 { margin-bottom: 20px; font-size: 29px; }
    body.home-light-theme #intro .hero-side-art { font-size: 80px; }
    body.home-light-theme #intro .hero-platform-art span { width: 54px; height: 54px; font-size: 23px; }
}

@media (max-width: 380px) {
    body.home-light-theme #intro .hero-primary-copy { padding: 28px 20px; }
    body.home-light-theme #intro .hero-primary-copy h1 { font-size: 38px; }
    body.home-light-theme #intro .hero-card-button { min-height: 50px; padding: 0 18px; font-size: 14px; }
    body.home-light-theme #intro .hero-side-copy { padding-left: 22px; }
}

body.home-light-theme #intro .hero-showcase-card {
    border: 1px solid var(--home-line-strong) !important;
    background: linear-gradient(155deg, rgba(255,255,255,.96), rgba(241,242,239,.91)) !important;
    color: var(--home-ink) !important;
    box-shadow: 0 25px 70px rgba(39, 43, 45, .11), inset 0 1px rgba(255,255,255,.95) !important;
}

body.home-light-theme #intro .hero-showcase-card::before,
body.home-light-theme #intro .showcase-visual {
    border-color: #dededa !important;
    background-color: rgba(247, 248, 246, .9) !important;
    color: var(--home-ink) !important;
}

body.home-light-theme #intro .showcase-visual {
    background-image:
        linear-gradient(rgba(55,60,62,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(55,60,62,.05) 1px,transparent 1px) !important;
}

body.home-light-theme #intro .hero-showcase-card h3,
body.home-light-theme #intro .hero-showcase-card strong,
body.home-light-theme #intro .reach-ring strong {
    color: #202326 !important;
}

body.home-light-theme #intro .hero-showcase-card p,
body.home-light-theme #intro .hero-showcase-card small,
body.home-light-theme #intro .showcase-visual + p {
    color: #777d80 !important;
}

body.home-light-theme #intro .platform,
body.home-light-theme #intro .secure-orbit {
    border-color: #d9dbd8 !important;
    background: #fff !important;
    box-shadow: 0 9px 22px rgba(37, 41, 43, .09) !important;
}

body.home-light-theme #intro .reach-ring {
    --ring-bg: #e6e9e7;
}

/* Social media service grid */
body.home-light-theme #intro .hero-services-heading,
body.home-light-theme #intro .hero-services-heading h2,
body.home-light-theme #intro .hero-services-heading strong {
    color: var(--home-ink) !important;
}

body.home-light-theme #intro .hero-services-heading p {
    color: var(--home-muted) !important;
}

body.home-light-theme #intro .catpi-item {
    border: 1px solid var(--home-line) !important;
    background: var(--home-card) !important;
    color: var(--home-ink) !important;
    box-shadow: 0 10px 30px rgba(28, 31, 33, .035) !important;
}

body.home-light-theme #intro .catpi-item:hover {
    border-color: #b9cbc8 !important;
    background: #fbfffe !important;
    box-shadow: 0 16px 38px rgba(45, 73, 70, .09) !important;
}

body.home-light-theme #intro .catpi-item .text,
body.home-light-theme #intro .catpi-item .text b,
body.home-light-theme #intro .catpi-item .text strong {
    color: #222527 !important;
}

body.home-light-theme #intro .catpi-item .text span {
    color: var(--home-muted) !important;
}

/* Section surfaces */
body.home-light-theme #popular-packs,
body.home-light-theme #reviews,
body.home-light-theme #article {
    background: var(--home-bg-soft) !important;
}

body.home-light-theme #blog,
body.home-light-theme #faq {
    background: var(--home-bg) !important;
}

/* Popular packages */
body.home-light-theme #popular-packs .pack-platform-filter {
    border: 1px solid var(--home-line) !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(28, 31, 33, .04) !important;
}

body.home-light-theme #popular-packs .pack-platform-tab {
    color: #767c80 !important;
}

body.home-light-theme #popular-packs .pack-platform-tab.is-active {
    background: linear-gradient(135deg, var(--home-accent-2), var(--home-accent), var(--home-accent-3)) !important;
    color: #182022 !important;
}

body.home-light-theme #popular-packs .popular-pack-item {
    border: 1px solid var(--home-line-strong) !important;
    background: var(--home-card) !important;
    color: var(--home-ink) !important;
    box-shadow: var(--home-shadow) !important;
}

body.home-light-theme #popular-packs .popular-pack-item:hover {
    border-color: #bdc9c7 !important;
    box-shadow: 0 22px 58px rgba(29, 36, 37, .10) !important;
}

body.home-light-theme #popular-packs .pack-card-head,
body.home-light-theme #popular-packs .pack-feature-list li,
body.home-light-theme #popular-packs .pack-card-footer {
    border-color: #ecebe7 !important;
}

body.home-light-theme #popular-packs .pack-card-title .platform,
body.home-light-theme #popular-packs .pack-card-title .name,
body.home-light-theme #popular-packs .pack-feature-list li,
body.home-light-theme #popular-packs .pack-card-price .price,
body.home-light-theme #popular-packs .pack-card-price strong {
    color: #202326 !important;
}

body.home-light-theme #popular-packs .pack-feature-list li i {
    background: #eef3f1 !important;
    color: #4b817d !important;
}

body.home-light-theme #popular-packs .pack-support {
    border-color: #d6e9df !important;
    background: #edf8f2 !important;
    color: #247457 !important;
}

body.home-light-theme #popular-packs .butto-popular-buy {
    border: 1px solid #d4d7d4 !important;
    background: #1d2123 !important;
    color: #fff !important;
    box-shadow: none !important;
}

/* Blog and feature cards */
body.home-light-theme #blog .mblog--item,
body.home-light-theme #blog .stat-card {
    border: 1px solid var(--home-line) !important;
    background: var(--home-card) !important;
    color: var(--home-ink) !important;
    box-shadow: 0 14px 38px rgba(28, 31, 33, .055) !important;
}

body.home-light-theme #blog .mblog--item:hover,
body.home-light-theme #blog .stat-card:hover {
    border-color: #c7d0cd !important;
    box-shadow: 0 20px 48px rgba(32, 40, 41, .09) !important;
}

body.home-light-theme #blog .mblog--item .post-detail {
    background: rgba(255, 255, 255, .97) !important;
    color: var(--home-ink) !important;
}

body.home-light-theme #blog .mblog--item .post-detail::before,
body.home-light-theme #blog .mblog--item .post-detail .date,
body.home-light-theme #blog .stat-eyebrow,
body.home-light-theme #blog .stat-card .text strong,
body.home-light-theme #blog .stat-note {
    color: var(--home-muted) !important;
}

body.home-light-theme #blog .mblog--item .post-detail span.title,
body.home-light-theme #blog .stat-card .text span,
body.home-light-theme #blog .stat-card .text b {
    color: #1c1f21 !important;
}

body.home-light-theme #blog .stat-visual {
    border-color: #e8e7e2 !important;
    background-color: #f5f5f2 !important;
}

body.home-light-theme #blog .stat-card-1 .stat-visual span {
    border-color: #f5f5f2 !important;
}

body.home-light-theme #blog .stat-card-1 .stat-visual::after,
body.home-light-theme #blog .stat-card-4 .stat-visual::after {
    color: #7a7f82 !important;
}

body.home-light-theme #blog .stat-card-3 .stat-visual::after {
    color: #202326 !important;
}

/* Reviews */
body.home-light-theme #reviews .reviews--wrapper {
    background: transparent !important;
}

body.home-light-theme #reviews .review {
    border: 1px solid var(--home-line) !important;
    background: #fff !important;
    color: var(--home-ink) !important;
    box-shadow: 0 14px 36px rgba(28, 31, 33, .05) !important;
}

body.home-light-theme #reviews .review-content,
body.home-light-theme #reviews .review .name {
    color: #25282a !important;
}

body.home-light-theme #reviews .review .statu {
    color: var(--home-muted) !important;
}

body.home-light-theme #reviews .review::before,
body.home-light-theme #reviews .review::after {
    color: #89b9b5 !important;
}

/* FAQ and article */
body.home-light-theme #faq .accordion .item,
body.home-light-theme #article .article--area {
    border: 1px solid var(--home-line) !important;
    background: var(--home-card) !important;
    color: var(--home-ink) !important;
    box-shadow: 0 12px 34px rgba(28, 31, 33, .045) !important;
}

body.home-light-theme #faq .accordion .item:hover {
    border-color: #bdcbc8 !important;
    background: #fbfdfc !important;
}

body.home-light-theme #faq .accordion .head,
body.home-light-theme #article .article--area h1,
body.home-light-theme #article .article--area h2,
body.home-light-theme #article .article--area h3,
body.home-light-theme #article .article--area strong {
    color: #1d2022 !important;
}

body.home-light-theme #faq .accordion .body,
body.home-light-theme #article .article--area,
body.home-light-theme #article .article--area p,
body.home-light-theme #article .article--area li {
    color: #676d71 !important;
}

/* Footer */
body.home-light-theme .ss-footer {
    border-top: 1px solid var(--home-line) !important;
    background: #f0f1ed !important;
    color: var(--home-ink) !important;
}

body.home-light-theme .ss-footer::before {
    background-image:
        linear-gradient(rgba(54,60,62,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(54,60,62,.045) 1px,transparent 1px) !important;
}

body.home-light-theme .ss-footer-head {
    border-color: #dcdcd6 !important;
}

body.home-light-theme .ss-footer-kicker {
    color: #438681 !important;
}

body.home-light-theme .ss-footer-brand h2,
body.home-light-theme .ss-footer-col-title,
body.home-light-theme .ss-footer-company-top b,
body.home-light-theme .ss-footer-contact b {
    color: #191c1e !important;
}

body.home-light-theme .ss-footer-brand h2 span {
    background: linear-gradient(100deg, #766ab4, #4c9995 55%, #579267) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

body.home-light-theme .ss-footer-brand p,
body.home-light-theme .ss-footer-col a,
body.home-light-theme .ss-footer-company-top small,
body.home-light-theme .ss-footer-company p,
body.home-light-theme .ss-footer-contact small,
body.home-light-theme .ss-footer-bottom {
    color: #697176 !important;
}

body.home-light-theme .ss-footer-col-title i,
body.home-light-theme .ss-footer-contact i {
    background: #e2ece9 !important;
    color: #3f827e !important;
}

body.home-light-theme .ss-footer-col a::before,
body.home-light-theme .ss-footer-col a::after {
    background: #a9bfbc !important;
}

body.home-light-theme .ss-footer-company,
body.home-light-theme .ss-footer-contact {
    border-color: #d8dad5 !important;
    background: rgba(255,255,255,.72) !important;
    box-shadow: 0 16px 42px rgba(30,34,35,.055) !important;
}

body.home-light-theme .ss-footer-contact > a,
body.home-light-theme .ss-footer-contact > div,
body.home-light-theme .ss-footer-reg,
body.home-light-theme .ss-footer-contact > * {
    border-color: #dedfd9 !important;
    color: #1c2022 !important;
}

body.home-light-theme .ss-footer-reg span {
    color: #747c80 !important;
}

body.home-light-theme .ss-footer-reg strong {
    color: #327b76 !important;
}

body.home-light-theme .ss-footer-cta {
    border-color: #b9ceca !important;
    background: #fff !important;
    color: #1b2223 !important;
    box-shadow: 0 10px 25px rgba(32,38,39,.06) !important;
}

body.home-light-theme .ss-footer-cta:hover {
    background: #dff2ee !important;
    color: #142020 !important;
}

body.home-light-theme .ss-footer-payments {
    filter: grayscale(1) brightness(.55) !important;
    opacity: .68 !important;
}

/* Remaining nested legacy surfaces and text colors */
body.home-light-theme #blog .us-data-bar,
body.home-light-theme #blog .us-data-area,
body.home-light-theme #blog .us-data-wrapper {
    background: transparent !important;
    color: var(--home-ink) !important;
}

body.home-light-theme #reviews .review-content p {
    color: #555b5f !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #555b5f !important;
}

/* Mobile drawer and bottom navigation */
body.home-light-theme .menu--control .control--area {
    border-color: var(--home-line) !important;
    background: #fbfbf9 !important;
    color: var(--home-ink) !important;
}

body.home-light-theme .menu--control .top-side {
    border-color: var(--home-line) !important;
    background: #fff !important;
}

body.home-light-theme .menu--control .content--navbar .nav-link,
body.home-light-theme .menu--control .content--navbar .nav-link span {
    color: #202426 !important;
}

body.home-light-theme .menu--control .nav-item,
body.home-light-theme .menu--control .nav-sub-content,
body.home-light-theme .menu--control .nav-sub-link {
    border-color: #e7e7e2 !important;
    background: #fbfbf9 !important;
    color: #25282a !important;
}

@media (max-width: 767px) {
    body.home-light-theme .bottom--menu .bottom--content {
        border-color: #dedfd9 !important;
        background: #fff !important;
        box-shadow: 0 12px 34px rgba(30,34,35,.15) !important;
    }

    body.home-light-theme .bottom-content-nav .bm-item .icon,
    body.home-light-theme .bottom-content-nav .bm-item .text {
        color: #626a6f !important;
    }

    body.home-light-theme .bottom-content-nav .bm-item-center::before {
        border-color: #d9dfdc !important;
        background: #fff !important;
    }

    body.home-light-theme #intro .hero-white-rating,
    body.home-light-theme #intro .hero-white-discover {
        box-shadow: 0 8px 20px rgba(30,34,35,.07) !important;
    }

    body.home-light-theme #intro .hero-showcase-cards {
        display: none !important;
    }

    body.home-light-theme #popular-packs .popular-pack-item,
    body.home-light-theme #blog .stat-card,
    body.home-light-theme #blog .mblog--item,
    body.home-light-theme #reviews .review {
        box-shadow: 0 12px 30px rgba(30,34,35,.06) !important;
    }
}

/* Hero refinement: sharper geometry and a quieter visual hierarchy */
body.home-light-theme #intro .hero-card {
    border-color: #d9d9d4;
    border-radius: 16px;
    box-shadow: 0 14px 36px rgba(25, 28, 30, .055);
}

body.home-light-theme #intro .hero-primary-card {
    grid-template-columns: minmax(430px, 1.22fr) minmax(260px, .78fr);
}

body.home-light-theme #intro .hero-primary-card::before {
    top: 0;
    right: 0;
    width: 43%;
    height: 100%;
    border-radius: 0;
    background: linear-gradient(145deg, #eef0ff 0%, #d8f4f2 100%);
    clip-path: polygon(24% 0, 100% 0, 100% 100%, 0 100%);
    transform: none;
    opacity: 1;
}

body.home-light-theme #intro .hero-primary-copy {
    align-items: flex-start;
    padding-left: 48px;
    text-align: left !important;
}

body.home-light-theme #intro .hero-card-eyebrow {
    padding: 9px 12px;
    border-radius: 8px;
    color: #555d61;
    background: #f4f4f1;
    font-weight: 600;
}

body.home-light-theme #intro .hero-primary-copy h1 {
    width: 100%;
    max-width: 470px;
    color: #17191b;
    font-size: clamp(38px, 3vw, 47px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.038em;
    text-align: left !important;
}

body.home-light-theme #intro .hero-primary-copy h1 strong {
    display: block;
    color: #ff4f43;
    font-weight: 600;
    text-align: left !important;
}

body.home-light-theme #intro .hero-primary-copy > p {
    max-width: 390px;
    color: #687075;
    line-height: 1.5;
    text-align: left !important;
}

body.home-light-theme #intro .hero-card-button,
body.home-light-theme #intro .hero-card-rating {
    min-height: 50px;
    border-radius: 9px;
}

body.home-light-theme #intro .hero-card-button {
    padding: 0 20px;
}

body.home-light-theme #intro .hero-card-button-dark:hover {
    background: #2a2e31;
}

body.home-light-theme #intro .hero-primary-art {
    margin: 30px 26px 30px 0;
    overflow: hidden;
    border: 1px solid rgba(100, 113, 118, .18);
    border-radius: 12px;
    background-color: rgba(255,255,255,.68);
    background-image:
        linear-gradient(rgba(55, 65, 70, .07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(55, 65, 70, .07) 1px, transparent 1px);
    background-size: 34px 34px;
    box-shadow: 0 16px 32px rgba(35, 46, 50, .08);
}

body.home-light-theme #intro .hero-primary-art::before {
    content: "BÜYÜME / SON 7 GÜN";
    position: absolute;
    top: 22px;
    left: 22px;
    color: #596267;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
}

body.home-light-theme #intro .hero-primary-art::after {
    content: "";
    position: absolute;
    right: 24px;
    bottom: 26px;
    left: 24px;
    height: 112px;
    background:
        linear-gradient(90deg,
            #31383c 0 9%, transparent 9% 14%,
            #485157 14% 27%, transparent 27% 32%,
            #626d73 32% 48%, transparent 48% 53%,
            #7c898e 53% 72%, transparent 72% 77%,
            #99d9d4 77% 100%);
    clip-path: polygon(0 82%,9% 82%,9% 70%,14% 70%,14% 58%,27% 58%,27% 46%,32% 46%,32% 32%,48% 32%,48% 19%,53% 19%,53% 0,72% 0,72% 100%,0 100%);
    opacity: .9;
}

body.home-light-theme #intro .hero-primary-art > img {
    display: none !important;
}

body.home-light-theme #intro .hero-art-orbit {
    top: 82px;
    left: 50%;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    transform: translateX(-50%);
    box-shadow: inset 0 0 0 8px #eef0ed, inset 0 0 0 14px #83d4cd, 0 12px 28px rgba(25,28,30,.11);
}

body.home-light-theme #intro .hero-art-bubble {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    box-shadow: 0 10px 22px rgba(24,28,30,.1);
}

body.home-light-theme #intro .bubble-instagram { top: 24px; left: auto; right: 22px; }
body.home-light-theme #intro .bubble-tiktok { top: auto; right: 22px; bottom: 22px; }
body.home-light-theme #intro .bubble-youtube { right: auto; bottom: 22px; left: 22px; }

body.home-light-theme #intro .hero-tools-card::after {
    top: 0;
    right: 0;
    width: 42%;
    height: 100%;
    border-radius: 0;
    background: #ff5848;
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%);
    transform: none;
}

body.home-light-theme #intro .hero-platforms-card::after {
    right: 0;
    bottom: 0;
    width: 42%;
    height: 100%;
    border-radius: 0;
    background: #ff8d84;
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%);
}

body.home-light-theme #intro .hero-card-button-light,
body.home-light-theme #intro .hero-card-button-outline {
    border-radius: 8px;
}

body.home-light-theme #intro .hero-card-button-outline {
    background: transparent;
}

body.home-light-theme #intro .hero-platform-art span {
    width: 54px;
    height: 54px;
    margin-left: -10px;
    border-width: 2px;
    border-radius: 10px;
    box-shadow: 0 9px 20px rgba(25,28,30,.12);
    transform: none;
}

body.home-light-theme #intro .hero-platform-art span:nth-child(2) {
    transform: translateY(-20px);
}

body.home-light-theme #intro .hero-platform-art span:nth-child(3) {
    transform: translateY(20px);
}

@media (max-width: 1050px) {
    body.home-light-theme #intro .hero-primary-card { grid-template-columns: minmax(360px, 1.2fr) minmax(220px, .8fr); }
    body.home-light-theme #intro .hero-primary-copy { padding-left: 34px; }
    body.home-light-theme #intro .hero-primary-copy h1 { font-size: 38px; }
    body.home-light-theme #intro .hero-primary-art { margin-right: 18px; }
}

@media (max-width: 767px) {
    body.home-light-theme #intro .hero-primary-copy { align-items: flex-start; padding: 30px 24px; }
    body.home-light-theme #intro .hero-primary-copy h1 { max-width: 310px; font-size: 39px; text-align: left !important; }
    body.home-light-theme #intro .hero-primary-art { inset: auto 20px 20px auto; width: 46%; height: 154px; margin: 0; }
    body.home-light-theme #intro .hero-primary-art::before { top: 14px; left: 14px; font-size: 8px; }
    body.home-light-theme #intro .hero-primary-art::after { right: 14px; bottom: 14px; left: 14px; height: 65px; }
    body.home-light-theme #intro .hero-art-orbit { top: 43px; width: 68px; height: 68px; }
    body.home-light-theme #intro .hero-art-orbit strong { font-size: 17px; }
    body.home-light-theme #intro .hero-art-bubble { display: none; }
}

/* Compact, text-led hero */
body.home-light-theme #intro {
    padding-bottom: 28px !important;
}

body.home-light-theme #intro .hero-card-layout {
    grid-template-columns: minmax(0, 1.78fr) minmax(310px, 1fr);
    gap: 16px;
    max-width: 1180px;
    min-height: 410px;
    margin-top: 28px;
    margin-bottom: 26px;
}

body.home-light-theme #intro .hero-primary-card {
    display: block;
    min-height: 410px;
    background: #fff;
}

body.home-light-theme #intro .hero-primary-card::before {
    width: 38%;
    background: linear-gradient(145deg, #e4e7ff, #ccefeb);
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%);
}

body.home-light-theme #intro .hero-primary-card::after {
    content: "SOSYALSATIŞ";
    position: absolute;
    top: 50%;
    right: -48px;
    color: rgba(23, 25, 27, .10);
    font-size: 76px;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1;
    transform: translateY(-50%) rotate(-90deg);
}

body.home-light-theme #intro .hero-primary-copy {
    width: 64%;
    min-height: 410px;
    padding: 34px 30px 34px 42px;
}

body.home-light-theme #intro .hero-card-eyebrow {
    margin-bottom: 16px;
}

body.home-light-theme #intro .hero-primary-copy h1 {
    max-width: 430px;
    font-size: clamp(36px, 2.8vw, 43px);
}

body.home-light-theme #intro .hero-primary-copy > p {
    margin-top: 15px;
}

body.home-light-theme #intro .hero-card-actions {
    margin-top: 21px;
}

body.home-light-theme #intro .hero-card-button,
body.home-light-theme #intro .hero-card-rating {
    min-height: 46px;
}

body.home-light-theme #intro .hero-side-cards {
    gap: 16px;
    min-height: 410px;
}

body.home-light-theme #intro .hero-side-card {
    min-height: 0;
}

body.home-light-theme #intro .hero-side-copy {
    padding: 24px 0 24px 28px;
}

body.home-light-theme #intro .hero-side-copy h2 {
    margin-bottom: 15px;
    font-size: 27px;
}

body.home-light-theme #intro .hero-card-button-light,
body.home-light-theme #intro .hero-card-button-outline {
    min-height: 44px;
    padding: 0 17px;
    font-size: 13px;
}

body.home-light-theme #intro .hero-side-art {
    font-size: 64px;
}

body.home-light-theme #intro .hero-platform-art span {
    width: 46px;
    height: 46px;
    font-size: 21px;
}

@media (max-width: 1050px) {
    body.home-light-theme #intro .hero-card-layout { grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr); min-height: 390px; }
    body.home-light-theme #intro .hero-primary-card,
    body.home-light-theme #intro .hero-primary-copy,
    body.home-light-theme #intro .hero-side-cards { min-height: 390px; }
    body.home-light-theme #intro .hero-primary-copy { width: 68%; padding-left: 32px; }
}

@media (max-width: 767px) {
    body.home-light-theme #intro .hero-card-layout { gap: 12px; min-height: 0; margin-top: 16px; }
    body.home-light-theme #intro .hero-primary-card { min-height: 360px; }
    body.home-light-theme #intro .hero-primary-copy { width: 82%; min-height: 360px; padding: 27px 22px; }
    body.home-light-theme #intro .hero-primary-card::before { width: 28%; }
    body.home-light-theme #intro .hero-primary-card::after { right: -54px; font-size: 56px; }
    body.home-light-theme #intro .hero-primary-copy h1 { font-size: 36px; }
    body.home-light-theme #intro .hero-primary-copy > p { max-width: 270px; }
    body.home-light-theme #intro .hero-side-cards { gap: 12px; min-height: 0; }
    body.home-light-theme #intro .hero-side-card { min-height: 168px; }
}

/* Admin-managed single hero artwork */
body.home-light-theme #intro .hero-slider-card {
    position: relative;
    width: 100%;
    max-width: 1180px;
    aspect-ratio: 1180 / 410;
    margin: 28px auto 26px;
    overflow: hidden;
    border: 1px solid #d9d9d4;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(25, 28, 30, .055);
}

body.home-light-theme #intro .hero-slider-card > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

body.home-light-theme #intro .hero-slider-placeholder {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #6d7478;
    background:
        linear-gradient(rgba(46, 54, 58, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(46, 54, 58, .045) 1px, transparent 1px),
        #f6f6f3;
    background-size: 32px 32px;
    text-align: center;
}

body.home-light-theme #intro .hero-slider-placeholder i {
    color: #899297;
    font-size: 34px;
}

body.home-light-theme #intro .hero-slider-placeholder strong {
    color: #25292b;
    font-size: 18px;
    font-weight: 600;
}

body.home-light-theme #intro .hero-slider-placeholder span {
    font-size: 13px;
}

body.home-light-theme #intro .hero-slider-content {
    position: absolute;
    z-index: 2;
    inset: 0 auto 0 0;
    display: flex;
    width: 61%;
    flex-direction: column;
    justify-content: center;
    padding: 35px 0 34px 42px;
    color: #fff;
    text-align: left;
}

body.home-light-theme #intro .hero-slider-content h1 {
    max-width: 610px;
    margin: 0;
    color: #fff !important;
    font-size: clamp(38px, 3.45vw, 50px);
    font-weight: 400;
    line-height: 1.02;
    letter-spacing: -.04em;
    text-align: left;
}

body.home-light-theme #intro .hero-slider-content h1 strong {
    color: inherit;
    font-weight: 600;
}

body.home-light-theme #intro .hero-slider-content > p {
    max-width: 610px;
    margin: 22px 0 0;
    color: rgba(255,255,255,.93) !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.012em;
    text-align: left;
}

body.home-light-theme #intro .hero-slider-actions {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-top: 28px;
}

body.home-light-theme #intro .hero-slider-socials {
    display: flex;
    align-items: center;
    padding-left: 8px;
}

body.home-light-theme #intro .hero-slider-socials a {
    display: flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    margin-left: -8px;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 50%;
    color: #151719;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    font-size: 25px;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}

body.home-light-theme #intro .hero-slider-socials a:hover,
body.home-light-theme #intro .hero-slider-socials a:focus-visible {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0,0,0,.2);
}
body.home-light-theme #intro .hero-slider-socials a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

body.home-light-theme #intro .hero-slider-socials .instagram { color: #e1306c; }
body.home-light-theme #intro .hero-slider-socials .youtube { color: #ff0033; }

body.home-light-theme #intro .hero-slider-divider {
    width: 20px;
    height: 3px;
    margin: 0 5px;
    border-radius: 2px;
    background: rgba(255,255,255,.38);
}

body.home-light-theme #intro .hero-slider-button {
    display: inline-flex;
    min-width: 224px;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 0 24px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 14px;
    color: #fff !important;
    background: rgba(255,255,255,.16);
    box-shadow: inset 0 1px rgba(255,255,255,.08);
    backdrop-filter: blur(10px);
    font-size: 15px;
    font-weight: 600;
    transition: background-color .2s ease, transform .2s ease;
}

body.home-light-theme #intro .hero-slider-button:hover {
    color: #fff !important;
    background: rgba(255,255,255,.23);
    transform: translateY(-2px);
}

body.home-light-theme #intro .hero-slider-count {
    display: flex;
    flex-direction: column;
    color: rgba(255,255,255,.52);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.05;
}

body.home-light-theme #intro .hero-slider-count strong {
    color: rgba(255,255,255,.72);
    font-size: 18px;
}

@media (max-width: 767px) {
    body.home-light-theme #intro .hero-slider-card {
        min-height: 280px;
        aspect-ratio: auto;
        margin: 16px auto 24px;
        border-radius: 10px;
    }
    body.home-light-theme #intro .hero-slider-card > img { object-position: 61% center; }
    body.home-light-theme #intro .hero-slider-card::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(20,23,25,.48), rgba(20,23,25,.10) 72%, transparent);
    }
    body.home-light-theme #intro .hero-slider-placeholder { gap: 4px; padding: 12px; }
    body.home-light-theme #intro .hero-slider-placeholder i { font-size: 24px; }
    body.home-light-theme #intro .hero-slider-placeholder strong { font-size: 13px; }
    body.home-light-theme #intro .hero-slider-placeholder span { display: none; }
    body.home-light-theme #intro .hero-slider-content { z-index: 3; width: 86%; padding: 25px 20px; }
    body.home-light-theme #intro .hero-slider-content h1 { max-width: 280px; font-size: 29px; line-height: 1.05; }
    body.home-light-theme #intro .hero-slider-content > p { max-width: 270px; margin-top: 13px; font-size: 13px; line-height: 1.4; }
    body.home-light-theme #intro .hero-slider-actions { gap: 10px; margin-top: 18px; }
    body.home-light-theme #intro .hero-slider-socials a { width: 38px; height: 38px; margin-left: -5px; font-size: 18px; }
    body.home-light-theme #intro .hero-slider-divider,
    body.home-light-theme #intro .hero-slider-count { display: none; }
    body.home-light-theme #intro .hero-slider-button { min-width: 0; min-height: 42px; padding: 0 13px; border-radius: 8px; gap: 10px; font-size: 12px; }
}

/* Platform cards: preserve brand colors and restore hover feedback */
body.home-light-theme #intro .catpi--list .catpi-item .icon,
body.home-light-theme #intro .catpi--list .catpi-item .icon i {
    color: var(--c) !important;
}

body.home-light-theme #intro .catpi--list.catpi--hor .catpi-item:hover {
    border-color: var(--c) !important;
    background: var(--c) !important;
    box-shadow: 0 14px 28px color-mix(in srgb, var(--c) 20%, transparent) !important;
    transform: translateY(-4px) !important;
}

body.home-light-theme #intro .catpi--list.catpi--hor .catpi-item:hover .icon::before {
    background: #fff !important;
    opacity: 1 !important;
}

body.home-light-theme #intro .catpi--list.catpi--hor .catpi-item:hover .text,
body.home-light-theme #intro .catpi--list.catpi--hor .catpi-item:hover .text span {
    color: #fff !important;
}

@media (prefers-reduced-motion: reduce) {
    body.home-light-theme #intro .catpi--list.catpi--hor .catpi-item:hover {
        transform: none !important;
    }
}

html:has(#social-media-services) { scroll-behavior: smooth; }
#social-media-services { scroll-margin-top: 96px; }
@media (max-width:700px) {
    #social-media-services { scroll-margin-top: 56px; }
}
@media (prefers-reduced-motion: reduce) {
    html:has(#social-media-services) { scroll-behavior: auto; }
    body.home-light-theme #intro .hero-slider-socials a { transition: none; }
}