/*



Theme Name: ACTOREIN



Description: Disenfection özgün header ve footer tasarımı, ACTOPIM uyumlu.



Version: 1.6.01


Text Domain: actorein



Requires at least: 6.0



Requires PHP: 7.4



*/







/* ============================================================



   MODULE: reference.css



   ============================================================ */



/* ============================================================



   ACTOREIN - Combined Stylesheet



   (style + header + slider + categories)



============================================================ */



/* ============================================================



   EDS FOOTER - Material Design Module



   Modules:



   1. Material tokens



   2. Layout



   3. Brand module



   4. Footer widgets module



   5. List module



   6. Buttons module (contained / outlined)



   7. Footer bottom module + FAB



   8. Ripple



   9. Responsive



============================================================ */







/* ---------- 1. Modern Design Tokens ---------- */



:root {



    --acto-navy: #0a2540;



    --acto-navy-2: #0f3057;



    --acto-primary: #0284c7;



    --acto-primary-hover: #0369a1;



    --acto-primary-light: #e0f2fe;



    --acto-sky: #38bdf8;



    --acto-sky-dark: #0284c7;



    --acto-ink: #0f172a;



    --acto-muted: #64748b;



    --acto-line: #e2e8f0;







    --md-primary: #0a2540;



    --md-primary-dark: #07192b;



    --md-primary-light: #e0f2fe;



    --md-secondary: #0284c7;



    --md-secondary-dark: #0369a1;



    --md-on-primary: #ffffff;



    --md-surface: #ffffff;



    --md-background: #f8fafc;



    --md-on-surface: #0f172a;



    --md-on-surface-medium: #475569;



    --md-on-surface-disabled: #94a3b8;



    --md-outline: #e2e8f0;







    --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;



    --font-heading: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif;



    --acto-font-display: var(--font-heading);







    --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);



    --shadow-sm: 0 2px 4px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);



    --shadow-md: 0 6px 16px -2px rgba(15, 23, 42, 0.06), 0 2px 6px -1px rgba(15, 23, 42, 0.03);



    --shadow-lg: 0 12px 28px -4px rgba(15, 23, 42, 0.08), 0 4px 10px -2px rgba(15, 23, 42, 0.03);



    --shadow-xl: 0 24px 44px -8px rgba(15, 23, 42, 0.10), 0 8px 16px -4px rgba(15, 23, 42, 0.04);



    --shadow-glow: 0 10px 25px -4px rgba(2, 132, 199, 0.25);







    --md-elev-1: var(--shadow-sm);



    --md-elev-2: var(--shadow-md);



    --md-elev-4: var(--shadow-lg);



    --md-elev-6: var(--shadow-xl);







    --md-elev-1: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);



    --md-elev-2: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);



    --md-elev-4: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);



    --md-elev-6: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);







    --md-radius: 8px;



    --md-radius-sm: 4px;



    --md-radius-pill: 999px;







    --eds-container: var(--nc-container);



}







/* ---------- 2. Layout ---------- */



* { margin: 0; padding: 0; box-sizing: border-box; }







body {



    font-family: var(--font-sans);



    color: var(--md-on-surface-medium);



    background: var(--md-background);



    overflow-x: clip;



    -webkit-font-smoothing: antialiased;



}







a { text-decoration: none; color: inherit; }



ul { list-style: none; }



img { max-width: 100%; display: block; }







.eds-container {



    width: 100%;



    max-width: var(--eds-container);



    margin: 0 auto;



    padding: 0 40px;



}







/* ---------- 3. Brand module ---------- */



.eds-brand { display: inline-block; text-align: center; }







.eds-brand__mark {



    display: block;



    width: 66px;



    height: 50px;



    margin: 0 auto 4px;



    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'><g fill='%2310384F'><path d='M50 4l3.2 6.5 7.2 1L55 17l1.2 7.1L50 20.8 43.8 24 45 17l-5.4-5.5 7.2-1z'/><path d='M28 14l2.4 4.8 5.3.8-3.8 3.7.9 5.2-4.8-2.5-4.8 2.5.9-5.2-3.8-3.7 5.3-.8z'/><path d='M72 14l2.4 4.8 5.3.8-3.8 3.7.9 5.2-4.8-2.5-4.8 2.5.9-5.2-3.8-3.7 5.3-.8z'/><path d='M14 34l2 4 4.4.6-3.2 3.1.8 4.4-4-2.1-4 2.1.8-4.4-3.2-3.1 4.4-.6z'/><path d='M86 34l2 4 4.4.6-3.2 3.1.8 4.4-4-2.1-4 2.1.8-4.4-3.2-3.1 4.4-.6z'/></g></svg>");



    background-repeat: no-repeat;



    background-position: center;



    background-size: contain;



}







.eds-brand__logo {



    display: block;



    font-size: 34px;



    font-weight: 500;



    letter-spacing: 2px;



    color: var(--md-primary);



    line-height: 1;



}







.eds-brand__tagline {



    display: block;



    margin-top: 4px;



    font-size: 9px;



    font-weight: 500;



    letter-spacing: 1.2px;



    text-transform: uppercase;



    color: var(--md-on-surface-disabled);



    line-height: 1.4;



}







.eds-brand--small .eds-brand__mark { width: 52px; height: 40px; }



.eds-brand--small .eds-brand__logo { font-size: 24px; }



.eds-brand--small .eds-brand__tagline { font-size: 7.5px; }







/* ---------- 4. Footer widgets module ---------- */



.eds-footer { background: var(--md-surface); }







.eds-footer__widgets {



    position: relative;



    background: var(--md-background);



    border-top: 1px solid var(--md-outline);



    padding: 34px 0 38px;



    overflow: hidden;



}







.eds-footer__bg {



    position: absolute;



    top: 0;



    right: 0;



    width: 45%;



    height: 100%;



    background-image: url("assets/images/footer-artwork.jpg");



    background-size: cover;



    background-position: center;



    opacity: 0.08;



    pointer-events: none;



}







.eds-footer__grid {



    position: relative;



    z-index: 2;



    display: grid;



    grid-template-columns: 1fr 1fr 1fr 1.15fr;



    gap: 24px;



}







/* widget column (clean, no card) */



.eds-widget {



    background: transparent;



    border-radius: 0;



    box-shadow: none;



    padding: 0;



}







.eds-widget--brand {



    text-align: center;



    padding-top: 0;



}







.eds-widget__title {



    font-size: 16px;



    font-weight: 500;



    color: var(--md-primary);



    margin-bottom: 8px;



}







.eds-widget__title--spaced { margin-top: 14px; }







/* ---------- 5. List module ---------- */



.eds-list--lines li { border-bottom: 1px solid var(--md-outline); }







.eds-list--lines li a {



    display: block;



    padding: 6px 0;



    font-size: 15px;



    color: var(--md-on-surface-medium);



    transition: color 0.2s ease;



}







.eds-list--lines li a:hover {



    color: var(--md-primary);



}







.eds-list--social { margin-top: 2px; }







.eds-list--social li {



    width: fit-content;



    min-width: 92px;



    border-bottom: 1px solid var(--md-outline);



}







.eds-list--social li a {



    display: inline-flex;



    align-items: center;



    gap: 9px;



    padding: 5px 0;



    font-size: 15px;



    color: var(--md-on-surface-medium);



    transition: color 0.2s ease;



}







.eds-social-ico {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    flex: 0 0 auto;



    color: var(--md-primary);



    transition: color 0.2s ease;



}







.eds-list--social li a:hover {



    color: var(--md-secondary-dark);



}







.eds-list--social li a:hover .eds-social-ico { color: var(--md-secondary-dark); }







/* ---------- 6. Buttons module ---------- */



.eds-cta {



    display: flex;



    flex-direction: column;



    gap: 10px;



    width: 100%;



    max-width: 300px;



    margin: 18px auto 0;



}







.eds-btn {



    display: block;



    padding: 11px 20px;



    font-size: 13px;



    font-weight: 500;



    letter-spacing: 0.8px;



    text-transform: uppercase;



    text-align: center;



    border-radius: var(--md-radius-sm);



    transition: box-shadow 0.22s ease, background 0.22s ease, transform 0.22s ease, border-color 0.22s ease;



}







.eds-btn--primary {



    background: var(--md-primary);



    color: var(--md-on-primary);



    box-shadow: var(--md-elev-2);



}







.eds-btn--primary:hover {



    background: var(--md-primary-dark);



    box-shadow: var(--md-elev-6);



    transform: translateY(-1px);



}







.eds-btn--ghost {



    background: transparent;



    color: var(--md-primary);



    border: 1px solid rgba(16, 56, 79, 0.5);



}







.eds-btn--ghost:hover {



    background: var(--md-primary-light);



    border-color: var(--md-primary);



    box-shadow: var(--md-elev-1);



}







/* ---------- 7. Footer bottom module + FAB ---------- */



.eds-footer__bottom {



    background: var(--md-surface);



    padding: 16px 0;



    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.06);



}







.eds-footer__bottom-grid {



    display: flex;



    align-items: center;



    gap: 24px;



}







.eds-footer__bottom .eds-brand { flex: 0 0 auto; }







.eds-copyright {



    flex: 1;



    font-size: 13.5px;



    line-height: 1.6;



    color: var(--md-on-surface-medium);



}







.eds-copyright a {



    color: var(--md-primary);



    font-weight: 500;



}







.eds-copyright a:hover { text-decoration: underline; }







/* Material FAB */



.eds-back-to-top {



    flex: 0 0 auto;



    width: 50px;



    height: 50px;



    border-radius: 50%;



    border: none;



    background: var(--md-secondary);



    color: var(--md-on-primary);



    cursor: pointer;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    box-shadow: var(--md-elev-6);



    transition: background 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;



}







.eds-back-to-top:hover {



    background: var(--md-secondary-dark);



    box-shadow: var(--md-elev-6);



    transform: translateY(-4px) scale(1.05);



}







/* ---------- 8. Ripple ---------- */



.md-ripple {



    position: relative;



    overflow: hidden;



    -webkit-tap-highlight-color: transparent;



}







.md-ripple .md-ripple__wave {



    position: absolute;



    border-radius: 50%;



    background: currentColor;



    opacity: 0.28;



    transform: scale(0);



    animation: md-ripple 0.6s ease-out;



    pointer-events: none;



}







@keyframes md-ripple {



    to { transform: scale(2.5); opacity: 0; }



}







/* ---------- 9. Responsive ---------- */



@media (max-width: 1100px) {



    .eds-footer__grid {



        grid-template-columns: 1fr 1fr;



        gap: 24px;



    }



}







@media (max-width: 640px) {



    .eds-container { padding: 0 20px; }



    .eds-footer__widgets { padding: 26px 0; }



    .eds-footer__grid { grid-template-columns: 1fr; }



    .eds-footer__bottom-grid {



        flex-direction: column;



        text-align: center;



    }



    .eds-footer__bottom .eds-brand,



    .eds-copyright { text-align: center; }



}











/* ============================================================



   NANOCARE HEADER - Material Design Module



   Modules:



   1. Material tokens (color / elevation / shape)



   2. Top app bar (primary)



   3. Navigation bar (surface) + logo + tabs



   4. Social icon buttons



   5. Ripple



   6. Responsive



============================================================ */







/* ---------- 1. Material tokens ---------- */



:root {



    /* color roles */



    --md-primary: #10384F;



    --md-primary-dark: #0b2a3c;



    --md-primary-light: #e7eff3;



    --md-secondary: #1c5a78;



    --md-secondary-dark: #14425b;



    --md-on-primary: #ffffff;



    --md-surface: #ffffff;



    --md-background: #fafafa;



    --md-on-surface: #212121;



    --md-on-surface-medium: #5f6368;



    --md-outline: #e0e0e0;







    --md-twitter: #1da1f2;



    --md-facebook: #3b5998;



    --md-pinterest: #bd081c;



    --md-linkedin: #0077b5;







    /* elevation (dp) */



    --md-elev-1: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);



    --md-elev-2: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);



    --md-elev-4: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);



    --md-elev-6: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);



    --md-elev-8: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);







    /* shape */



    --md-radius: 8px;



    --md-radius-sm: 4px;



    --md-radius-pill: 999px;







    --nc-container: 1180px;



    --section-y: 40px;



}







.nc-container {



    width: 100%;



    max-width: var(--nc-container);



    margin: 0 auto;



    padding: 0 40px;



}







/* ---------- 2. Top app bar ---------- */



.nc-topbar {



    background: var(--md-primary);



    color: var(--md-on-primary);



    box-shadow: var(--md-elev-2);



    position: relative;



    z-index: 60;



}







.nc-topbar__inner {



    display: flex;



    align-items: center;



    gap: 32px;



    min-height: 60px;



}







.nc-topbar__contact,



.nc-topbar__brochure {



    display: flex;



    align-items: center;



    gap: 10px;



    padding: 6px 10px;



    border-radius: var(--md-radius-sm);



    color: var(--md-on-primary);



    transition: background 0.2s ease;



}







.nc-topbar__contact:hover,



.nc-topbar__brochure:hover {



    background: rgba(255, 255, 255, 0.12);



}







.nc-topbar__icon {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    color: #9cc0d1;



}







.nc-topbar__icon svg { width: 20px; height: 20px; }







.nc-topbar__text {



    display: flex;



    flex-direction: column;



    line-height: 1.2;



}







.nc-topbar__text small {



    font-size: 10.5px;



    font-weight: 400;



    letter-spacing: 0.4px;



    color: #cfe1e9;



}







.nc-topbar__text strong {



    font-size: 16px;



    font-weight: 500;



    letter-spacing: 0.2px;



    color: #ffffff;



}







.nc-topbar__actions {



    margin-left: auto;



    display: flex;



    align-items: center;



    gap: 4px;



}







.nc-action {



    display: flex;



    flex-direction: column;



    align-items: center;



    gap: 2px;



    min-width: 64px;



    padding: 7px 8px;



    border-radius: var(--md-radius);



    color: #cfe1e9;



    transition: color 0.2s ease, background 0.2s ease;



}







.nc-action:hover {



    color: #ffffff;



    background: rgba(255, 255, 255, 0.12);



}







.nc-action__icon {



    display: inline-flex;



}







.nc-action__icon svg { width: 20px; height: 20px; }







.nc-action__label {



    font-size: 11px;



    font-weight: 500;



}







/* raised "home" action (Material contained button) */



.nc-action--home {



    justify-content: center;



    align-self: stretch;



    min-width: 80px;



    margin: 5px 4px;



    padding: 8px 12px;



    background: var(--md-secondary);



    color: var(--md-on-primary);



    border-radius: var(--md-radius);



    box-shadow: var(--md-elev-2);



    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;



}







.nc-action--home:hover {



    background: var(--md-secondary-dark);



    color: #ffffff;



    box-shadow: var(--md-elev-4);



    transform: translateY(-1px);



}







.nc-action--home .nc-action__label {



    font-size: 13px;



    font-weight: 500;



}







/* ---------- 3. Navigation bar ---------- */



.nc-navbar {



    background: var(--md-surface);



    box-shadow: var(--md-elev-1);



    position: relative;



    z-index: 9;



}







.nc-navbar__inner {



    display: flex;



    align-items: center;



    gap: 40px;



    min-height: 76px;



    position: relative;



}







/* logo */



.nc-logo {



    display: inline-flex;



    align-items: center;



    gap: 10px;



    flex: 0 0 auto;



}







.nc-logo__mark {



    position: relative;



    width: 34px;



    height: 24px;



}







.nc-logo__shape {



    position: absolute;



    top: 0;



    width: 20px;



    height: 24px;



    border-radius: 10px 10px 0 0;



    transform: rotate(45deg);



}







.nc-logo__shape--a {



    left: 2px;



    background: #4e93b0;



}







.nc-logo__shape--b {



    left: 12px;



    background: var(--md-primary);



}







.nc-logo__text {



    font-size: 26px;



    font-weight: 500;



    color: var(--md-on-surface);



    letter-spacing: 0.2px;



}







.nc-logo__text strong {



    color: var(--md-secondary);



    font-weight: 500;



}







/* tabs */



.nc-menu {



    flex: 1;



}







.nc-menu ul {



    display: flex;



    align-items: center;



    gap: 2px;



}







.nc-menu ul li {



    position: relative;



}







.nc-menu ul li a {



    position: relative;



    display: block;



    padding: 10px 16px;



    font-size: 14px;



    font-weight: 500;



    letter-spacing: 0.5px;



    text-transform: uppercase;



    color: var(--md-on-surface-medium);



    border-radius: var(--md-radius-sm);



    transition: color 0.2s ease, background 0.2s ease;



}







.nc-menu ul li a:hover {



    color: var(--md-primary);



    background: var(--md-primary-light);



}







.nc-menu ul li + li a::before {



    content: "";



    position: absolute;



    left: 0;



    top: 50%;



    transform: translateY(-50%);



    width: 1px;



    height: 14px;



    background: var(--md-outline);



}







/* ---------- 4. Social icon buttons ---------- */



.nc-social {



    display: flex;



    align-items: center;



    gap: 8px;



    flex: 0 0 auto;



}







.nc-social__link {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    width: 38px;



    height: 38px;



    border-radius: var(--md-radius-pill);



    color: #ffffff;



    box-shadow: var(--md-elev-1);



    transition: box-shadow 0.2s ease, transform 0.2s ease, filter 0.2s ease;



}







.nc-social__link:hover {



    box-shadow: var(--md-elev-4);



    transform: translateY(-2px);



    filter: brightness(1.05);



}







.nc-social__link--twitter { background: var(--md-twitter); }



.nc-social__link--facebook { background: var(--md-facebook); }



.nc-social__link--pinterest { background: var(--md-pinterest); }



.nc-social__link--linkedin { background: var(--md-linkedin); }







/* ---------- 4b. Services mega menu ---------- */



.nc-menu ul li.nc-menu__item--mega {



    position: static;



}







.nc-menu ul li a.nc-menu__trigger {



    display: inline-flex;



    align-items: center;



    gap: 5px;



}







.nc-menu__caret {



    transition: transform 0.25s ease;



}







.nc-menu__item--mega:hover .nc-menu__caret,



.nc-menu__item--mega.is-open .nc-menu__caret {



    transform: rotate(180deg);



}







.nc-mega {



    position: absolute;



    top: 100%;



    left: 0;



    right: 0;



    width: auto;



    max-width: 900px;



    margin: 0 auto;



    padding-top: 0;



    background: var(--md-surface);



    box-shadow: var(--md-elev-8);



    opacity: 0;



    visibility: hidden;



    transform: translateY(10px);



    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;



    z-index: 30;



    overflow: hidden;



    border-radius: 0 0 12px 12px;



}







.nc-menu__item--mega.is-open .nc-mega,



.nc-menu__item--mega.is-open .nc-mega,



.nc-menu__item--mega.is-open .nc-mega {



    opacity: 1;



    visibility: visible;



    transform: translateY(0);



}







.nc-mega__inner {



    width: 100%;



    padding: 0;



}







/* tabs + panels: full-width split */



.nc-mega__tabs-wrap {



    display: grid;



    grid-template-columns: 220px 1fr;



    background: var(--md-surface);



}







/* left: category rail (plain text, no pill) */



.nc-mega__tabs {



    display: flex;



    flex-direction: column;



    padding: 10px 0;



    background: var(--md-surface);



    border-right: 1px solid var(--md-outline);



}







.nc-mega__tabs-title {



    font-size: 9.5px;



    font-weight: 700;



    letter-spacing: 1.3px;



    text-transform: uppercase;



    color: var(--md-on-surface-medium);



    padding: 2px 18px 8px;



}







.nc-mega__tab {



    display: block;



    width: 100%;



    padding: 8px 18px;



    text-align: left;



    font-family: inherit;



    font-size: 12.5px;



    font-weight: 400;



    line-height: 1.3;



    color: var(--md-on-surface-medium);



    background: transparent;



    border: none;



    border-left: 2px solid transparent;



    border-radius: 0;



    cursor: pointer;



    transition: color 0.18s ease, border-color 0.18s ease;



}







.nc-mega__tab:hover { color: var(--md-primary); }







.nc-mega__tab.is-active {



    color: var(--md-primary);



    font-weight: 600;



    border-left-color: var(--md-primary);



}







/* right: content panels */



.nc-mega__panels {



    padding: 20px 28px;



}







.nc-mega__panel { display: none; }







.nc-mega__panel.is-active {



    display: block;



    animation: nc-fade 0.22s ease;



}







@keyframes nc-fade {



    from { opacity: 0; transform: translateY(5px); }



    to { opacity: 1; transform: translateY(0); }



}







.nc-mega__panel h4 {



    font-size: 16px;



    font-weight: 600;



    color: var(--md-on-surface);



    margin-bottom: 5px;



}







.nc-mega__panel p {



    font-size: 12px;



    line-height: 1.55;



    color: var(--md-on-surface-medium);



    max-width: 620px;



    margin-bottom: 12px;



}







/* product showcase: 3 columns */



.nc-mega__products {



    display: grid;



    grid-template-columns: repeat(3, 1fr);



    gap: 12px;



    margin-bottom: 12px;



}







.nc-mega__product {



    display: flex;



    flex-direction: column;



    gap: 6px;



}







.nc-mega__product img {



    width: 100%;



    height: 62px;



    object-fit: cover;



    border-radius: 6px;



    background: #eef2f4;



}







.nc-mega__product span {



    font-size: 12px;



    font-weight: 500;



    line-height: 1.25;



    color: var(--md-on-surface);



    transition: color 0.15s ease;



}







.nc-mega__product:hover span { color: var(--md-primary); }







.nc-mega__panel-link {



    display: inline-flex;



    align-items: center;



    gap: 5px;



    font-size: 12.5px;



    font-weight: 600;



    color: var(--md-primary);



}







.nc-mega__panel-link::after {



    content: "→";



    transition: transform 0.2s ease;



}







.nc-mega__panel-link:hover::after { transform: translateX(3px); }







/* ---------- 5. Ripple ---------- */



.md-ripple {



    position: relative;



    overflow: hidden;



    -webkit-tap-highlight-color: transparent;



}







.md-ripple .md-ripple__wave {



    position: absolute;



    border-radius: 50%;



    background: currentColor;



    opacity: 0.28;



    transform: scale(0);



    animation: md-ripple 0.6s ease-out;



    pointer-events: none;



}







@keyframes md-ripple {



    to {



        transform: scale(2.5);



        opacity: 0;



    }



}







/* ---------- 6. Responsive ---------- */



@media (max-width: 1100px) {



    .nc-topbar__inner { gap: 20px; }



    .nc-topbar__text strong { font-size: 20px; }



    .nc-menu ul li a { padding: 10px 10px; font-size: 13px; }



    .nc-mega__tabs-wrap { grid-template-columns: 200px 1fr; }



    .nc-mega__panels { padding: 18px 22px; }



    .nc-mega__products { grid-template-columns: 1fr 1fr; }



}







@media (max-width: 900px) {



    .nc-topbar__brochure { display: none; }



    .nc-action__label { display: none; }



    .nc-action { min-width: auto; }



    .nc-menu { display: none; }



    .nc-menu.is-open {



        display: block;



        position: absolute;



        top: 100%;



        left: 0;



        right: 0;



        background: var(--md-surface);



        box-shadow: var(--md-elev-8);



        padding: 8px 20px 14px;



        z-index: 20;



        border-radius: 0 0 var(--md-radius) var(--md-radius);



    }



    .nc-navbar__inner { position: relative; }



    .nc-menu.is-open ul { flex-direction: column; align-items: stretch; }



    .nc-menu.is-open ul li a::before { display: none; }



    .nc-menu.is-open ul li a { padding: 14px 12px; }







    /* mega menu collapses into an accordion-style block */



    .nc-menu.is-open .nc-menu__item--mega { position: static; }



    .nc-mega {



        position: static;



        top: auto;



        left: auto;



        width: auto;



        max-width: none;



        margin: 0;



        padding-top: 0;



        background: transparent;



        box-shadow: none;



        opacity: 1;



        visibility: visible;



        transform: none;



        max-height: 0;



        overflow: hidden;



        transition: max-height 0.3s ease;



    }



    .nc-menu__item--mega.is-open .nc-mega { max-height: 2600px; }



    .nc-mega__inner { box-shadow: none; padding: 0; background: transparent; max-width: none; }



    .nc-mega__tabs-wrap {



        grid-template-columns: 1fr;



        border-radius: 12px;



    }



    .nc-mega__tabs {



        flex-direction: row;



        overflow-x: auto;



        padding: 10px;



    }



    .nc-mega__tabs-title { display: none; }



    .nc-mega__tab {



        flex: 0 0 auto;



        width: auto;



        white-space: nowrap;



        padding: 10px 14px;



        border-left: none;



        border-bottom: 3px solid transparent;



    }



    .nc-mega__tab.is-active { border-bottom-color: var(--md-primary); }



    .nc-mega__panels { padding: 18px 18px; }



    .nc-mega__products { grid-template-columns: 1fr 1fr; }



}







@media (max-width: 640px) {



    .nc-container { padding: 0 20px; }



    .nc-mega__products { grid-template-columns: 1fr; }



    .nc-mega__product img { height: 110px; }



    .nc-topbar__contact .nc-topbar__text small { display: none; }



    .nc-topbar__text strong { font-size: 17px; }



    .nc-social { margin-left: auto; }



}











/* ============================================================



   ACTO BANNER - Static Image Module



============================================================ */







.acto-banner {



    width: 100%;



    background: #0b2a3c;



}







.acto-banner img {



    display: block;



    width: 100%;



    height: 540px;



    object-fit: cover;



}







@media (max-width: 900px) {



    .acto-banner img { height: 420px; }



}







@media (max-width: 640px) {



    .acto-banner img { height: 300px; }



}







/* ============================================================



   ACTO PAGE HERO



============================================================ */



.acto-page-hero {



    position: relative;



    z-index: 2;



    background: linear-gradient(135deg, #0b2a3c 0%, #10384F 55%, #1c5a78 100%);



    color: #ffffff;



    text-align: center;



    padding: var(--section-y) 0;



}







.acto-page-hero__content {



    display: flex;



    flex-direction: column;



    align-items: center;



}







.acto-crumbs {



    display: none !important;



}







.acto-page-hero h1 {



    font-size: 40px;



    font-weight: 700;



    letter-spacing: -0.8px;



    margin-bottom: 16px;



}







.acto-page-hero p {



    font-size: 16px;



    line-height: 1.7;



    color: rgba(255, 255, 255, 0.85);



    max-width: 720px;



    margin: 0 auto;



}







/* ============================================================



   ACTO SUBNAV (horizontal quick links)



============================================================ */



.acto-subnav {



    background: #ffffff;



    border-bottom: 1px solid var(--md-outline);



}







.acto-subnav__list {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 18px;



    overflow-x: auto;



}







.acto-subnav__list li { flex: 0 0 auto; }







.acto-subnav__list a {



    display: block;



    padding: 16px 0;



    font-size: 14px;



    font-weight: 500;



    color: var(--md-on-surface-medium);



    white-space: nowrap;



    border-bottom: 3px solid transparent;



    transition: color 0.2s ease, border-color 0.2s ease;



}







.acto-subnav__list a:hover { color: var(--md-primary); }







.acto-subnav__list a.is-active {



    color: var(--md-primary);



    font-weight: 600;



    border-bottom-color: var(--md-primary);



}







/* product tabs: icon + full width */



.acto-subnav--product .acto-subnav__list {



    justify-content: space-between;



    gap: 0;



    overflow-x: visible;



}



.acto-subnav--product .acto-subnav__list li { flex: 1 1 0; min-width: 0; }



.acto-subnav--product .acto-subnav__list a {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    width: 100%;



    gap: 6px;



    padding: 15px 8px;



    font-size: 12.5px;



}



.acto-subnav--product .acto-subnav__list a svg {



    width: 15px;



    height: 15px;



    flex: 0 0 auto;



}



@media (max-width: 900px) {



    .acto-subnav--product .acto-subnav__list { overflow-x: auto; }



    .acto-subnav--product .acto-subnav__list li { flex: 0 0 auto; }



    .acto-subnav--product .acto-subnav__list a { width: auto; padding: 14px 12px; font-size: 13px; gap: 7px; }



    .acto-subnav--product .acto-subnav__list a svg { width: 16px; height: 16px; }



}







/* ============================================================



   ACTO ABOUT



============================================================ */



.acto-about { padding: 72px 0 88px; background: #ffffff; }







.acto-about__grid {



    display: grid;



    grid-template-columns: 1.1fr 0.9fr;



    gap: 48px;



    align-items: center;



}







.acto-about__eyebrow {



    display: inline-block;



    font-size: 12px;



    font-weight: 700;



    letter-spacing: 1.6px;



    text-transform: uppercase;



    color: var(--md-primary);



    margin-bottom: 12px;



}







.acto-about__body h2 {



    font-size: 32px;



    font-weight: 700;



    letter-spacing: -0.5px;



    line-height: 1.2;



    color: var(--md-on-surface);



    margin-bottom: 16px;



}







.acto-about__body p {



    font-size: 15px;



    line-height: 1.75;



    color: var(--md-on-surface-medium);



    margin-bottom: 16px;



}







.acto-about__stats {



    display: flex;



    gap: 40px;



    margin-top: 26px;



    padding-top: 24px;



    border-top: 1px solid var(--md-outline);



}







.acto-about__stats li { display: flex; flex-direction: column; }







.acto-about__stats strong {



    font-size: 30px;



    font-weight: 700;



    line-height: 1;



    color: var(--md-primary);



}







.acto-about__stats span {



    font-size: 13px;



    color: var(--md-on-surface-medium);



    margin-top: 6px;



}







.acto-about__media img {



    width: 100%;



    height: 100%;



    max-height: 420px;



    object-fit: cover;



    border-radius: 14px;



    display: block;



}







/* long-form content */



.acto-about__content {



    margin: 60px auto 0;



}







.acto-about__content h3 {



    font-size: 22px;



    font-weight: 700;



    color: var(--md-on-surface);



    margin: 36px 0 12px;



}







.acto-about__content h3:first-child { margin-top: 0; }







.acto-about__content p {



    font-size: 15px;



    line-height: 1.8;



    color: var(--md-on-surface-medium);



    margin-bottom: 14px;



}







.acto-about__checks {



    display: grid;



    grid-template-columns: 1fr 1fr;



    gap: 10px 28px;



    margin: 10px 0 6px;



}







.acto-about__checks li {



    position: relative;



    padding-left: 26px;



    font-size: 14px;



    line-height: 1.6;



    color: var(--md-on-surface);



}







.acto-about__checks li::before {



    content: "\2713";



    position: absolute;



    left: 0;



    top: 0;



    color: var(--md-primary);



    font-weight: 700;



}







/* active nav link */



.nc-menu ul li a.is-current { color: var(--md-primary); font-weight: 600; }







@media (max-width: 900px) {



    .acto-page-hero { padding: 64px 0 88px; }



    .acto-page-hero h1 { font-size: 34px; }



    .acto-about { padding: 48px 0; }



    .acto-about__grid { grid-template-columns: 1fr; gap: 28px; }



    .acto-about__body h2 { font-size: 26px; }



    .acto-subnav__list { gap: 22px; }



}







@media (max-width: 640px) {



    .acto-page-hero h1 { font-size: 28px; }



    .acto-page-hero p { font-size: 14px; }



    .acto-subnav__list { justify-content: flex-start; }



    .acto-about__grid { gap: 22px; }



    .acto-about__body h2 { font-size: 22px; }



    .acto-about__stats { gap: 26px; }



    .acto-about__media img { max-height: 260px; }



    .acto-about__content { margin-top: 40px; }



    .acto-about__content h3 { font-size: 19px; margin-top: 28px; }



    .acto-about__checks { grid-template-columns: 1fr; }



}



/* ============================================================



   TOPBAR DROPDOWNS (app download + other websites)



============================================================ */



.nc-app { position: relative; }







.nc-app__menu {



    position: absolute;



    top: calc(100% + 8px);



    left: 0;



    min-width: 250px;



    background: #ffffff;



    border-radius: 12px;



    box-shadow: 0 16px 40px rgba(10, 30, 45, 0.28);



    padding: 10px;



    display: flex;



    flex-direction: column;



    gap: 4px;



    opacity: 0;



    visibility: hidden;



    transform: translateY(8px);



    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;



    z-index: 50;



}







.nc-app:hover .nc-app__menu,



.nc-app:focus-within .nc-app__menu {



    opacity: 1;



    visibility: visible;



    transform: translateY(0);



}







.nc-store {



    display: flex;



    align-items: center;



    gap: 12px;



    padding: 8px 10px;



    border-radius: 8px;



    transition: background 0.15s ease;



}







.nc-store:hover { background: var(--md-primary-light); }







.nc-store__ico {



    flex: 0 0 auto;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    width: 34px;



    height: 34px;



    border-radius: 8px;



    background: var(--md-primary-light);



    color: var(--md-primary);



}







.nc-store__text { display: flex; flex-direction: column; line-height: 1.25; }



.nc-store__text small { font-size: 11px; color: #7a848c; }



.nc-store__text strong { font-size: 13.5px; font-weight: 600; color: #1c2b3a; }







.nc-sites { position: relative; }







.nc-sites__menu {



    position: absolute;



    top: calc(100% + 8px);



    right: 0;



    min-width: 220px;



    background: #ffffff;



    border-radius: 12px;



    box-shadow: 0 16px 40px rgba(10, 30, 45, 0.28);



    padding: 8px;



    display: flex;



    flex-direction: column;



    gap: 2px;



    opacity: 0;



    visibility: hidden;



    transform: translateY(8px);



    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;



    z-index: 50;



}







.nc-sites:hover .nc-sites__menu,



.nc-sites:focus-within .nc-sites__menu {



    opacity: 1;



    visibility: visible;



    transform: translateY(0);



}







.nc-sites__title {



    font-size: 11px;



    font-weight: 700;



    letter-spacing: 1px;



    text-transform: uppercase;



    color: #7a848c;



    padding: 8px 12px 6px;



}







.nc-sites__menu a {



    display: block;



    padding: 9px 12px;



    border-radius: 8px;



    font-size: 13.5px;



    font-weight: 500;



    color: #1c2b3a;



    transition: background 0.15s ease, color 0.15s ease;



}







.nc-sites__menu a:hover { background: var(--md-primary-light); color: var(--md-primary); }



/* ============================================================



   ACTO CONTENT TABS (hash-based)



============================================================ */



.acto-tabs { padding: var(--section-y) 0; background: #ffffff; }







.acto-tabpanel { display: none; }







.acto-tabpanel.is-active {



    display: block;



    animation: nc-fade 0.25s ease;



}







.acto-tabpanel__title {



    font-size: 28px;



    font-weight: 700;



    letter-spacing: -0.4px;



    color: var(--md-on-surface);



    margin-bottom: 18px;



}







.acto-tabpanel h3 {



    font-size: 22px;



    font-weight: 700;



    color: var(--md-on-surface);



    margin: 30px 0 12px;



}







.acto-tabpanel h3:first-child { margin-top: 0; }







.acto-tabpanel p {



    font-size: 15px;



    line-height: 1.8;



    color: var(--md-on-surface-medium);



    margin-bottom: 14px;



}







.acto-contact {



    display: grid;



    gap: 14px;



    margin-top: 12px;



}







.acto-contact li {



    display: grid;



    grid-template-columns: 140px 1fr;



    gap: 16px;



    padding-bottom: 14px;



    border-bottom: 1px solid var(--md-outline);



    font-size: 15px;



    color: var(--md-on-surface);



}







.acto-contact li span { font-weight: 600; color: var(--md-on-surface-medium); }



.acto-contact li a { color: var(--md-primary); }



.acto-contact li a:hover { text-decoration: underline; }







@media (max-width: 640px) {



    .acto-tabs { padding: 40px 0 56px; }



    .acto-tabpanel__title { font-size: 22px; }



    .acto-tabpanel h3 { font-size: 19px; }



    .acto-contact li { grid-template-columns: 1fr; gap: 4px; }



}



/* ============================================================



   ACTO PRODUCTS (listing)



============================================================ */



.acto-products { padding: 48px 0 80px; background: #f5f7f8; }







.acto-products__grid {



    display: grid;



    grid-template-columns: repeat(4, 1fr);



    gap: 22px;



}







/* Modern Clean Product Card (Non-flipping) */



.product-card {



    position: relative;



    display: flex;



    flex-direction: column;



    background: #ffffff;



    border: 1px solid var(--md-outline);



    border-radius: 20px;



    overflow: hidden;



    box-shadow: 0 2px 10px rgba(10, 37, 64, 0.03);



    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;



    perspective: none;



}



.product-card:hover {



    transform: translateY(-6px);



    border-color: #bae6fd;



    box-shadow: 0 20px 40px -8px rgba(10, 37, 64, 0.1);



}



.product-card__inner {



    position: relative;



    display: flex;



    flex-direction: column;



    height: 100%;



    transform: none;



    transition: none;



}



.product-card:hover .product-card__inner { transform: none; }



.product-card__face {



    position: relative;



    display: flex;



    flex-direction: column;



    height: 100%;



}



.product-card__face--front {



    position: relative;



    display: flex;



    flex-direction: column;



    height: 100%;



    background: transparent;



    border: none;



}



.product-card__face--back {



    display: none !important;



}







.product-card__media { height: 200px; overflow: hidden; background: #eef2f4; }







.product-card__media img {



    width: 100%;



    height: 100%;



    object-fit: cover;



    display: block;



    transition: transform 0.5s ease;



}







.product-card:hover .product-card__media img { transform: scale(1.06); }







.product-card__body {



    display: flex;



    flex-direction: column;



    gap: 8px;



    padding: 18px 18px 20px;



    flex: 1;



}







.product-card__cat {



    align-self: flex-start;



    font-size: 10.5px;



    font-weight: 700;



    letter-spacing: 0.8px;



    text-transform: uppercase;



    color: var(--md-primary);



    background: var(--md-primary-light);



    padding: 4px 10px;



    border-radius: 999px;



}







.product-card h3 { font-size: 16px; font-weight: 700; letter-spacing: -0.2px; color: var(--md-on-surface); }







.product-card p { font-size: 13px; line-height: 1.6; color: var(--md-on-surface-medium); flex: 1; }







.product-card__more { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 13px; font-weight: 700; color: var(--md-primary); }



.product-card__more::after { content: "\2192"; transition: transform 0.2s ease; }



.product-card:hover .product-card__more::after { transform: translateX(4px); }







/* ============================================================



   ACTO PRODUCT DETAIL



============================================================ */



.acto-product { padding: 32px 0 64px; background: #ffffff; }







.acto-product__top {



    display: grid;



    grid-template-columns: 1fr 1fr;



    gap: 48px;



    align-items: start;



    margin-top: 22px;



}







.acto-product__media {



    background: #eef2f4;



    border-radius: 16px;



    overflow: hidden;



}







.acto-product__media img {



    width: 100%;



    display: block;



    aspect-ratio: 1 / 1;



    object-fit: cover;



}







.acto-product__cat {



    font-size: 12px;



    font-weight: 700;



    letter-spacing: 1.2px;



    text-transform: uppercase;



    color: var(--md-primary);



}







.acto-product__info h1 {



    font-size: 32px;



    font-weight: 700;



    letter-spacing: -0.4px;



    color: var(--md-on-surface);



    margin: 10px 0 14px;



}







.acto-product__desc {



    font-size: 15px;



    line-height: 1.8;



    color: var(--md-on-surface-medium);



    margin-bottom: 22px;



}







.acto-product__meta { display: grid; gap: 10px; margin-bottom: 24px; }







.acto-product__meta li {



    display: grid;



    grid-template-columns: 150px 1fr;



    gap: 16px;



    padding-bottom: 10px;



    border-bottom: 1px solid var(--md-outline);



    font-size: 14px;



    color: var(--md-on-surface);



}







.acto-product__meta li span { font-weight: 600; color: var(--md-on-surface-medium); }







.acto-product__actions { display: flex; gap: 12px; flex-wrap: wrap; }



.acto-product__actions .eds-btn { display: inline-block; width: auto; }







.acto-product__content { margin-top: 52px; }







.acto-product__content h3 {



    font-size: 22px;



    font-weight: 700;



    color: var(--md-on-surface);



    margin: 30px 0 12px;



}







.acto-product__content h3:first-child { margin-top: 0; }







.acto-product__content p {



    font-size: 15px;



    line-height: 1.8;



    color: var(--md-on-surface-medium);



    margin-bottom: 14px;



}







.acto-related { padding: var(--section-y) 0; background: transparent; }







.acto-related h2 {



    font-size: 24px;



    font-weight: 700;



    letter-spacing: -0.3px;



    color: var(--md-on-surface);



    margin-bottom: 24px;



}







.acto-related__grid {



    display: grid;



    grid-template-columns: repeat(4, 1fr);



    gap: 22px;



}







@media (max-width: 1100px) {



    .acto-products__grid { grid-template-columns: repeat(3, 1fr); }



    .acto-related__grid { grid-template-columns: repeat(3, 1fr); }



}







@media (max-width: 900px) {



    .acto-products { padding: 36px 0 60px; }



    .acto-products__grid { grid-template-columns: repeat(2, 1fr); }



    .acto-product__top { grid-template-columns: 1fr; gap: 28px; }



    .acto-product__info h1 { font-size: 26px; }



    .acto-related__grid { grid-template-columns: repeat(2, 1fr); }



}







@media (max-width: 640px) {



    .acto-products__grid { grid-template-columns: 1fr; }



    .acto-related__grid { grid-template-columns: 1fr; }



    .acto-product__meta li { grid-template-columns: 1fr; gap: 2px; }



}



.acto-crumbs--dark { justify-content: flex-start; color: var(--md-on-surface-medium); }



.acto-crumbs--dark a { color: var(--md-primary); }







/* ============================================================



   ACTOREIN HEADER + HERO — Redesign



============================================================ */



:root {



    --acto-navy: #0b2a3c;



    --acto-navy-2: #0d3446;



    --acto-sky: #4bb6e4;



    --acto-sky-dark: #1d7fb0;



    --acto-ink: #33454f;



    --acto-muted: #7a8b95;



    --acto-line: #e6ecef;



    --acto-font-display: "Poppins", "Roboto", sans-serif;



}







/* ---------- Top bar ---------- */



.nc-topbar {



    background: var(--acto-navy-2);



    box-shadow: none;



    position: relative;



    z-index: 60;



}







.nc-topbar__cut,



.nc-topbar__cut2 {



    position: absolute;



    top: 0;



    right: 0;



    height: 100%;



    pointer-events: none;



}







.nc-topbar__cut {



    width: max(46%, 560px);



    background: #ffffff;



    clip-path: polygon(80px 0, 100% 0, 100% 100%, 0 100%);



    z-index: 1;



}







.nc-topbar__cut2 {



    width: max(48%, 580px);



    background: rgba(75, 182, 228, 0.45);



    clip-path: polygon(104px 0, 100% 0, 100% 100%, 24px 100%);



    z-index: 0;



}







.nc-topbar__inner {



    gap: 34px;



    min-height: 66px;



}







.nc-topbar__text strong { font-size: 17px; }







/* right side actions on the light cut */



.nc-topbar__actions {



    margin-left: auto;



    gap: 22px;



    position: relative;



    z-index: 3;



}







.nc-tool {



    display: inline-flex;



    align-items: center;



    gap: 8px;



    font-size: 13.5px;



    font-weight: 500;



    color: var(--acto-ink);



    padding: 6px 2px;



    transition: color 0.2s ease;



}







.nc-tool svg { width: 18px; height: 18px; }



.nc-tool:hover { color: var(--acto-sky-dark); }







/* language pill */



.nc-lang-wrap { position: relative; }







.nc-lang {



    display: inline-flex;



    align-items: center;



    gap: 7px;



    padding: 6px 12px 6px 10px;



    border: none;



    border-radius: 999px;



    background: transparent;



    color: var(--acto-ink);



    font: inherit;



    font-size: 13px;



    font-weight: 600;



    cursor: pointer;



    transition: background 0.2s ease, color 0.2s ease;



}







.nc-lang:hover { background: #f2f7f9; color: var(--acto-sky-dark); }



.nc-lang__flag {



    width: 22px;



    height: 15px;



    border-radius: 3px;



    overflow: hidden;



    display: inline-flex;



    flex: 0 0 auto;



}



.nc-lang__flag svg { width: 100%; height: 100%; display: block; }



.nc-lang__caret { opacity: 0.9; transition: transform 0.25s ease; }



.nc-lang-wrap.is-open .nc-lang__caret { transform: rotate(180deg); }







/* language dropdown */



.nc-lang__menu {



    position: absolute;



    top: calc(100% + 10px);



    right: 0;



    min-width: 190px;



    background: #ffffff;



    border-radius: 12px;



    box-shadow: 0 16px 40px rgba(10, 30, 45, 0.28);



    padding: 6px;



    display: flex;



    flex-direction: column;



    gap: 2px;



    opacity: 0;



    visibility: hidden;



    transform: translateY(8px);



    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;



    z-index: 50;



}







.nc-lang-wrap.is-open .nc-lang__menu {



    opacity: 1;



    visibility: visible;



    transform: translateY(0);



}







.nc-lang__menu a {



    display: flex;



    align-items: center;



    gap: 10px;



    padding: 9px 12px;



    border-radius: 8px;



    font-size: 13.5px;



    font-weight: 500;



    color: #1c2b3a;



    transition: background 0.15s ease, color 0.15s ease;



}







.nc-lang__menu-flag {



    width: 22px;



    height: 15px;



    border-radius: 3px;



    overflow: hidden;



    display: inline-flex;



    flex: 0 0 auto;



}







.nc-lang__menu-flag svg { width: 100%; height: 100%; display: block; }







.nc-lang__menu-code { margin-left: auto; font-size: 12px; font-weight: 600; color: #8b9aa4; }



.nc-lang__menu a:hover { background: #f2f7f9; color: var(--acto-sky-dark); }



.nc-lang__menu a.is-active { background: var(--md-primary-light); color: var(--acto-sky-dark); }







/* ---------- Navigation bar ---------- */



.nc-navbar {



    position: relative;



    background: #ffffff;



    box-shadow: none;



    border-bottom: 1px solid var(--acto-line);



    z-index: 50;



}







.nc-navbar__inner {



    position: relative;



    display: flex;



    align-items: center;



    gap: 18px;



    min-height: 80px;



}







.nc-brand {



    display: flex;



    align-items: center;



    gap: 12px;



    flex: 0 0 auto;



}







.nc-logo__text {



    font-family: var(--acto-font-display);



    font-size: 23px;



    font-weight: 600;



    color: var(--acto-navy);



}







.nc-logo__text strong { color: var(--acto-sky-dark); }







.nc-menu {



    min-width: 0;



    flex: 1 1 auto;



    display: flex;



    justify-content: center;



}







.nc-menu ul { flex-wrap: nowrap; }







.nc-menu ul li a {



    display: inline-flex;



    align-items: center;



    gap: 5px;



    padding: 12px 11px;



    font-size: 12px;



    font-weight: 600;



    letter-spacing: 0.3px;



    color: #3d4d57;



    white-space: nowrap;



}







.nc-menu ul li a:hover {



    color: var(--acto-sky-dark);



    background: transparent;



}







.nc-menu ul li + li a::before {



    background: var(--acto-line);



    height: 16px;



}







/* ---------- Navbar tools (search + icons) ---------- */



.nc-tools {



    margin-left: auto;



    display: flex;



    align-items: center;



    gap: 9px;



    flex: 0 0 auto;



}







.nc-search {



    position: relative;



    display: flex;



    align-items: center;



}







.nc-search__btn {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    width: 46px;



    height: 46px;



    flex: 0 0 auto;



    border: none;



    border-radius: 999px;



    background: transparent;



    color: var(--acto-ink);



    cursor: pointer;



    transition: color 0.2s ease, background 0.2s ease;



}







.nc-search__btn:hover,



.nc-search.is-open .nc-search__btn { color: var(--acto-sky-dark); background: #f2f7f9; }



.nc-search__btn svg { width: 20px; height: 20px; }







/* tooltip under the search icon */



.nc-search::after {



    content: "Ara";



    position: absolute;



    top: calc(100% + 7px);



    left: 50%;



    transform: translate(-50%, -6px);



    padding: 6px 10px;



    border-radius: 7px;



    background: #0f2c4a;



    color: #ffffff;



    font-size: 11px;



    font-weight: 600;



    letter-spacing: 0.3px;



    line-height: 1;



    white-space: nowrap;



    box-shadow: 0 8px 18px rgba(10, 30, 45, 0.22);



    opacity: 0;



    visibility: hidden;



    pointer-events: none;



    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;



    z-index: 80;



}



.nc-search::before {



    content: "";



    position: absolute;



    top: calc(100% + 2px);



    left: 50%;



    transform: translateX(-50%);



    border: 5px solid transparent;



    border-bottom-color: #0f2c4a;



    opacity: 0;



    visibility: hidden;



    pointer-events: none;



    transition: opacity 0.18s ease, visibility 0.18s;



    z-index: 80;



}



.nc-search:hover::after,



.nc-search:focus-within::after {



    opacity: 1;



    visibility: visible;



    transform: translate(-50%, 0);



}



.nc-search:hover::before,



.nc-search:focus-within::before {



    opacity: 1;



    visibility: visible;



}



.nc-search.is-open::after,



.nc-search.is-open::before {



    opacity: 0;



    visibility: hidden;



}







/* dropdown panel (tooltip-like, opens below) */



.nc-search__panel {



    position: absolute;



    top: calc(100% + 12px);



    right: 0;



    width: 340px;



    height: 52px;



    display: flex;



    align-items: center;



    gap: 10px;



    padding: 0 18px;



    background: #ffffff;



    border: 1px solid var(--acto-line);



    border-radius: 999px;



    box-shadow: 0 22px 50px rgba(10, 30, 45, 0.20);



    opacity: 0;



    visibility: hidden;



    transform: translateY(-8px);



    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;



    z-index: 60;



}







.nc-search.is-open .nc-search__panel {



    opacity: 1;



    visibility: visible;



    transform: translateY(0);



}







.nc-search__panel-icon { width: 18px; height: 18px; color: #8b9aa4; flex: 0 0 auto; }







.nc-search__input {



    width: 100%;



    height: 100%;



    padding: 0;



    border: none;



    outline: none;



    background: transparent;



    font: inherit;



    font-size: 14px;



    color: var(--acto-ink);



}







.nc-search__input::placeholder { color: #98a6af; }







.nc-iconbtn {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    width: 43px;



    height: 43px;



    border-radius: 12px;



    border: 1px solid var(--acto-line);



    background: #ffffff;



    color: var(--acto-ink);



    cursor: pointer;



    transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;



}







.nc-iconbtn svg { width: 19px; height: 19px; }







.nc-iconbtn:hover {



    color: var(--acto-sky-dark);



    border-color: #cfe0e8;



    background: #f2f7f9;



}







.nc-iconbtn--solid {



    background: var(--acto-navy);



    border-color: var(--acto-navy);



    color: #ffffff;



}







.nc-iconbtn--solid:hover {



    background: #14425b;



    border-color: #14425b;



    color: #ffffff;



}







.nc-burger { display: none; }







/* ---------- Hero ---------- */



.acto-hero {



    position: relative;



    background: #ffffff;



    color: #0f2c4a;



    z-index: 2;



    overflow: hidden;



}







.acto-hero__media {



    position: absolute;



    inset: 0;



    background:



        url("assets/images/hero-bg.jpg") right center / cover no-repeat,



        url("https://picsum.photos/seed/actoclean/1920/900") right center / cover no-repeat;



}







.acto-hero__shade {



    position: absolute;



    inset: 0;



    background: linear-gradient(90deg, #ffffff 0%, #ffffff 30%, rgba(255, 255, 255, 0.72) 44%, rgba(255, 255, 255, 0) 62%);



}







.acto-hero__inner {



    position: relative;



    z-index: 2;



    display: flex;



    align-items: center;



    padding: 96px 0 78px;



    min-height: 468px;



}







.acto-hero__content { max-width: 620px; }







.acto-hero__title {



    font-family: "Inter", "Roboto", sans-serif;



    font-size: clamp(46px, 5.6vw, 84px);



    font-weight: 800;



    line-height: 0.98;



    letter-spacing: -1.5px;



    color: #0f2c4a;



}







.acto-hero__title span { display: block; color: #1a73c7; }







.acto-hero__rule {



    display: block;



    width: 54px;



    height: 4px;



    margin: 26px 0 22px;



    border-radius: 2px;



    background: #1a73c7;



}







.acto-hero__desc {



    font-size: 16px;



    line-height: 1.7;



    color: #4a5b6a;



    max-width: 540px;



}







.acto-hero__actions {



    display: flex;



    flex-wrap: wrap;



    gap: 14px;



    margin-top: 30px;



}







.acto-hero__btn {



    display: inline-flex;



    align-items: center;



    gap: 10px;



    padding: 16px 32px;



    border-radius: 999px;



    font-size: 15px;



    font-weight: 600;



    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;



}







.acto-hero__btn--solid {



    background: #1a73c7;



    color: #ffffff;



    box-shadow: 0 12px 26px rgba(26, 115, 199, 0.28);



}







.acto-hero__btn--solid:hover { background: #155ca0; transform: translateY(-2px); }







.acto-hero__arrow { color: #ffffff; transition: transform 0.2s ease; }







.acto-hero__btn--solid:hover .acto-hero__arrow { transform: translateX(4px); }







.acto-hero__btn--outline {



    border: 1.5px solid #d3dee7;



    color: #0f2c4a;



    background: #ffffff;



}







.acto-hero__btn--outline:hover {



    border-color: #1a73c7;



    color: #1a73c7;



    transform: translateY(-2px);



}







/* ---------- Hero slider controls ---------- */



.acto-hero__media { transition: opacity 0.35s ease; }







.acto-hero__controls {



    position: absolute;



    left: 0;



    right: 0;



    bottom: 26px;



    z-index: 4;



}







.acto-hero__controls-inner {



    display: flex;



    align-items: center;



    justify-content: flex-end;



    gap: 14px;



}







.acto-hero__navbtn {



    width: 44px;



    height: 44px;



    flex: 0 0 auto;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    border-radius: 50%;



    border: 1px solid #cdd9e3;



    background: #ffffff;



    color: #0f2c4a;



    cursor: pointer;



    box-shadow: 0 6px 16px rgba(15, 44, 74, 0.10);



    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;



}







.acto-hero__navbtn:hover {



    background: #1a73c7;



    border-color: #1a73c7;



    color: #ffffff;



    transform: translateY(-1px);



}







.acto-hero__dots { display: flex; align-items: center; gap: 8px; }







.acto-hero__dot {



    width: 9px;



    height: 9px;



    padding: 0;



    border: none;



    border-radius: 999px;



    background: #c6d3dd;



    cursor: pointer;



    transition: width 0.25s ease, background 0.25s ease;



}







.acto-hero__dot:hover { background: #9db4c4; }



.acto-hero__dot.is-active { width: 26px; background: #1a73c7; }







.acto-hero__content.is-anim { animation: acto-hero-in 0.6s ease; }







@keyframes acto-hero-in {



    from { opacity: 0; transform: translateY(12px); }



    to { opacity: 1; transform: none; }



}







/* ---------- Kullanım alanları (sectors) ---------- */



.acto-sectors {



    background: #ffffff;



    padding: var(--section-y) 0;



}







.acto-sectors__row {



    display: grid;



    grid-template-columns: repeat(8, 1fr);



}







.acto-sectors__row li {



    border-right: 1px solid #e8edf1;



}







.acto-sectors__row li:last-child { border-right: none; }







.acto-sectors__row a {



    display: flex;



    flex-direction: column;



    align-items: center;



    gap: 16px;



    padding: 14px 12px 10px;



    text-align: center;



}







.acto-sectors__icon {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    width: 84px;



    height: 84px;



    border-radius: 50%;



    background: #eaf3fb;



    color: #1a73c7;



    transition: background 0.2s ease, transform 0.2s ease;



}







.acto-sectors__icon svg { width: 34px; height: 34px; }







.acto-sectors__label {



    font-size: 14px;



    font-weight: 700;



    line-height: 1.3;



    color: #0f2c4a;



    transition: color 0.2s ease;



}







.acto-sectors__row a:hover .acto-sectors__icon { background: #d9eafb; transform: translateY(-3px); }



.acto-sectors__row a:hover .acto-sectors__label { color: #1a73c7; }







/* ---------- Responsive ---------- */



@media (max-width: 1160px) {



    .nc-search__panel { width: 300px; }



    .nc-menu ul li a { padding: 12px 11px; font-size: 12px; }



    .nc-tools { gap: 8px; }



}







@media (max-width: 1100px) {



    .nc-topbar__text strong { font-size: 15px; }



    .nc-menu ul li a { padding: 12px 12px; font-size: 12px; }



    .acto-sectors__row { grid-template-columns: repeat(4, 1fr); }



    .acto-sectors__row li:nth-child(4n) { border-right: none; }



}







@media (max-width: 900px) {



    .nc-topbar__actions { gap: 14px; }



    .nc-tool span { display: none; }



    .nc-app__trigger { display: none; }



    .nc-burger { display: inline-flex; }







    .nc-menu { display: none; }



    .nc-menu.is-open {



        display: block;



        position: absolute;



        top: 100%;



        left: 0;



        right: 0;



        background: #ffffff;



        box-shadow: var(--md-elev-8);



        padding: 8px 20px 14px;



        z-index: 20;



        border-radius: 0 0 var(--md-radius) var(--md-radius);



    }



    .nc-navbar__inner { position: relative; }



    .nc-menu.is-open ul { flex-direction: column; align-items: stretch; }



    .nc-menu.is-open ul li a::before { display: none; }



    .nc-menu.is-open ul li a { padding: 14px 12px; }



    .nc-menu.is-open .nc-menu__item--mega { position: static; }



    .nc-menu.is-open .nc-mega {



        position: static;



        left: auto;



        right: auto;



        max-width: none;



        margin: 0;



        opacity: 1;



        visibility: visible;



        transform: none;



        max-height: 0;



        overflow: hidden;



        transition: max-height 0.3s ease;



        box-shadow: none;



        border-radius: 0;



    }



    .nc-menu.is-open .nc-menu__item--mega.is-open .nc-mega { max-height: 2600px; }



    .nc-menu.is-open .nc-mega__tabs-wrap { grid-template-columns: 1fr; }



    .nc-menu.is-open .nc-mega__tabs {



        flex-direction: row;



        overflow-x: auto;



        padding: 10px;



    }



    .nc-menu.is-open .nc-mega__tabs-title { display: none; }



    .nc-menu.is-open .nc-mega__tab {



        flex: 0 0 auto;



        width: auto;



        white-space: nowrap;



        padding: 10px 14px;



        border-left: none;



        border-bottom: 3px solid transparent;



    }



    .nc-menu.is-open .nc-mega__tab.is-active { border-bottom-color: var(--md-primary); }







    .acto-hero__inner { padding: 64px 0 104px; min-height: 0; }



}







@media (max-width: 640px) {



    .nc-topbar__contact .nc-topbar__text small { display: none; }



    .nc-topbar__cut { width: 52%; clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%); }



    .nc-topbar__cut2 { width: 54%; clip-path: polygon(68px 0, 100% 0, 100% 100%, 16px 100%); }



    .nc-topbar__inner { gap: 16px; }



    .nc-topbar__contact { padding: 6px 4px; }







    .nc-navbar__inner { gap: 8px; }



    .nc-brand { gap: 8px; flex: 1 1 auto; }



    .nc-logo__text { font-size: 20px; }



    .nc-tools { gap: 5px; flex: 0 0 auto; }



    .nc-search__btn { width: 40px; height: 40px; }



    .nc-iconbtn { width: 40px; height: 40px; border-radius: 11px; }



    .nc-lang { padding: 5px 9px 5px 8px; font-size: 12px; gap: 5px; }



    .nc-search__panel { width: 240px; }







    .acto-hero__inner { padding: 46px 0 92px; }



    .acto-hero__controls { bottom: 18px; }



    .acto-hero__navbtn { width: 40px; height: 40px; }



    .acto-hero__title { letter-spacing: -1px; }



    .acto-hero__rule { margin: 18px 0 16px; }



    .acto-hero__desc { font-size: 14px; }



    .acto-hero__btn { padding: 13px 22px; font-size: 13.5px; }







    .acto-sectors__row { grid-template-columns: repeat(2, 1fr); }



    .acto-sectors__row li:nth-child(2n) { border-right: none; }



    .acto-sectors__icon { width: 64px; height: 64px; }



    .acto-sectors__icon svg { width: 28px; height: 28px; }



}







/* ============================================================



   LOGO PARTNER MARK



============================================================ */



.logo-country-mark {



    display: inline-flex;



    align-items: center;



    gap: 14px;



    flex: 0 0 auto;



    text-decoration: none;



    cursor: pointer;



    transition: opacity 0.2s ease;



}



.logo-country-mark:hover {



    opacity: 0.88;



}







.logo-country-divider {



    width: 1px;



    height: 50px;



    background: #e2e8ed;



}







.logo-partner-mark { display: inline-flex; align-items: center; }







.logo-ikbaal-mark-image {



    height: 48px;



    width: auto;



    display: block;



    object-fit: contain;



}







/* ============================================================



   PRODUCTS MEGA MENU (redesign)



============================================================ */



.nc-menu ul li.nc-menu__item--mega { position: static; }







.nc-mega {



    left: 0;



    right: 0;



    width: auto;



    max-width: none;



    margin: 0;



    padding-top: 0;



    transform: translateY(10px);



    background: #ffffff;



    border-radius: 0 0 16px 16px;



    box-shadow: 0 30px 60px rgba(10, 30, 45, 0.16);



    overflow: hidden;



}







.nc-menu__item--mega.is-open .nc-mega,



.nc-menu__item--mega.is-open .nc-mega,



.nc-menu__item--mega.is-open .nc-mega {



    transform: translateY(0);



}







.nc-mega__cols {



    display: grid;



    grid-template-columns: 256px minmax(0, 1fr);



}







/* left: categories rail */



.nc-mega__cats {



    padding: 24px 18px;



    border-right: 1px solid #eef1f4;



}







.nc-mega__cats-title {



    font-family: "Inter", "Roboto", sans-serif;



    font-size: 17px;



    font-weight: 700;



    color: #0f2c4a;



    padding: 0 10px;



    margin-bottom: 12px;



}







.nc-mega__cat {



    display: flex;



    align-items: center;



    gap: 12px;



    width: 100%;



    padding: 9px 10px;



    border: none;



    border-radius: 10px;



    background: transparent;



    font: inherit;



    font-size: 13px;



    font-weight: 500;



    color: #3d4d57;



    text-align: left;



    cursor: pointer;



    transition: background 0.15s ease, color 0.15s ease;



}







.nc-mega__cat-icon { display: inline-flex; flex: 0 0 auto; color: #8b9aa4; transition: color 0.15s ease; }



.nc-mega__cat-label { flex: 1; line-height: 1.3; }



.nc-mega__cat-arrow { color: #b7c5cf; font-size: 15px; line-height: 1; }







.nc-mega__cat:hover { background: #f4f8fb; color: #1a73c7; }



.nc-mega__cat:hover .nc-mega__cat-icon { color: #1a73c7; }







.nc-mega__cat.is-active { background: #eaf3fb; color: #1a73c7; font-weight: 600; }



.nc-mega__cat.is-active .nc-mega__cat-icon { color: #1a73c7; }







/* center: panel */



.nc-mega__panels {



    padding: 26px 30px;



    min-height: 430px;



}







.nc-mega__panel h3 {



    font-family: "Inter", "Roboto", sans-serif;



    font-size: 22px;



    font-weight: 700;



    color: #0f2c4a;



    margin-bottom: 10px;



}







.nc-mega__panel-rule {



    display: block;



    width: 44px;



    height: 3px;



    border-radius: 2px;



    background: #1a73c7;



    margin-bottom: 14px;



}







.nc-mega__panel p {



    font-size: 12.5px;



    line-height: 1.6;



    color: #5b6b78;



    max-width: 620px;



    margin-bottom: 18px;



}







.nc-mega__grid {



    display: grid;



    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);



    gap: 14px;



}







.nc-mega__item {



    position: relative;



    display: flex;



    gap: 14px;



    padding: 12px;



    border: 1px solid #e9eef2;



    border-radius: 12px;



    background: #ffffff;



    min-width: 0;



    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;



}







.nc-mega__item:hover {



    border-color: #cfe2f5;



    box-shadow: 0 12px 28px rgba(16, 56, 79, 0.10);



    transform: translateY(-2px);



}







.nc-mega__item-media {



    flex: 0 0 auto;



    width: 68px;



    height: 68px;



    border-radius: 10px;



    overflow: hidden;



    background: #f2f6f9;



}







.nc-mega__item-media img { width: 100%; height: 100%; object-fit: cover; display: block; }







.nc-mega__item-body { display: flex; flex-direction: column; gap: 4px; padding-right: 24px; min-width: 0; }



.nc-mega__item-title { font-size: 13px; font-weight: 700; color: #0f2c4a; line-height: 1.25; }



.nc-mega__item-desc { font-size: 11.5px; line-height: 1.5; color: #6b7a86; overflow-wrap: anywhere; }







.nc-mega__item-go {



    position: absolute;



    right: 12px;



    bottom: 12px;



    width: 26px;



    height: 26px;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    border-radius: 50%;



    background: #eaf3fb;



    color: #1a73c7;



    font-size: 13px;



    transition: background 0.2s ease, color 0.2s ease;



}







.nc-mega__item:hover .nc-mega__item-go { background: #1a73c7; color: #ffffff; }







/* right: aside */



.nc-mega__aside {



    display: flex;



    flex-direction: column;



    gap: 14px;



    padding: 24px 20px;



    border-left: 1px solid #eef1f4;



    background: #fbfcfd;



}







.nc-mega__brochure {



    display: flex;



    align-items: center;



    gap: 12px;



    padding: 14px;



    border: 1px solid #eef1f4;



    border-radius: 12px;



    background: #ffffff;



    transition: box-shadow 0.2s ease;



}







.nc-mega__brochure:hover { box-shadow: 0 12px 26px rgba(16, 56, 79, 0.08); }







.nc-mega__brochure-icon {



    width: 40px;



    height: 40px;



    flex: 0 0 auto;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    border-radius: 10px;



    background: #eaf3fb;



    color: #1a73c7;



}







.nc-mega__brochure-text { display: flex; flex-direction: column; }



.nc-mega__brochure-text strong { font-size: 13px; font-weight: 700; color: #0f2c4a; }



.nc-mega__brochure-text small { font-size: 11px; color: #7a8b95; }







.nc-mega__arrow { margin-left: auto; color: #b7c5cf; font-size: 16px; }







.nc-mega__allbtn {



    margin-top: auto;



    display: flex;



    align-items: center;



    gap: 10px;



    padding: 15px 16px;



    border-radius: 12px;



    background: #1a73c7;



    color: #ffffff;



    font-size: 14px;



    font-weight: 600;



    transition: background 0.2s ease, transform 0.2s ease;



}







.nc-mega__allbtn:hover { background: #155ca0; transform: translateY(-1px); }



.nc-mega__all-icon { display: inline-flex; }



.nc-mega__allbtn .nc-mega__arrow { color: #cfe2f5; }







/* reset inherited top-menu link styles inside the mega panel */



.nc-mega a { text-transform: none; letter-spacing: normal; white-space: normal; }



.nc-mega .nc-mega__item {



    display: grid;



    grid-template-columns: 68px minmax(0, 1fr);



    align-items: start;



    gap: 14px;



    padding: 12px;



    border-radius: 12px;



    font-size: 13px;



    text-transform: none;



    letter-spacing: normal;



    white-space: normal;



    font-weight: 400;



}



.nc-mega .nc-mega__item:hover { background: #ffffff; }



.nc-mega__item-body { min-width: 0; }



.nc-mega .nc-mega__brochure {



    display: flex;



    align-items: center;



    gap: 12px;



    padding: 14px;



    border-radius: 12px;



    text-transform: none;



    letter-spacing: normal;



    white-space: normal;



}



.nc-mega .nc-mega__brochure:hover { background: #ffffff; }



.nc-mega .nc-mega__allbtn {



    display: flex;



    align-items: center;



    gap: 10px;



    padding: 15px 16px;



    border-radius: 12px;



    font-size: 14px;



    font-weight: 600;



    text-transform: none;



    letter-spacing: normal;



    white-space: normal;



}



.nc-mega .nc-mega__allbtn:hover { background: #155ca0; }







@media (max-width: 1200px) {



    .nc-mega__cols { grid-template-columns: 232px 1fr; }



    .nc-mega__aside { display: none; }



    .nc-mega__panels { padding: 22px 22px; }



}







@media (max-width: 900px) {



    .nc-menu.is-open .nc-menu__item--mega.is-open .nc-mega { max-height: 4200px; }



    .nc-mega__cols { grid-template-columns: 1fr; }



    .nc-mega__cats {



        flex-direction: row;



        display: flex;



        overflow-x: auto;



        padding: 12px;



        border-right: none;



        border-bottom: 1px solid #eef1f4;



    }



    .nc-mega__cats-title { display: none; }



    .nc-mega__cat {



        flex: 0 0 auto;



        width: auto;



        white-space: nowrap;



        padding: 9px 14px;



    }



    .nc-mega__cat-arrow { display: none; }



    .nc-mega__panels { min-height: 0; padding: 18px 16px; }



    .nc-mega__grid { grid-template-columns: 1fr; }



}







@media (max-width: 400px) {



    .nc-search__btn { width: 38px; height: 38px; }



    .nc-iconbtn { width: 38px; height: 38px; }



}







@media (max-width: 640px) {



    .nc-mega__item-media { width: 58px; height: 58px; }



}







@media (max-width: 900px) {



    .nc-logo__text { font-size: 24px !important; }



    .nc-logo__mark { transform: scale(1.1); transform-origin: left center; }



    .logo-country-mark { display: inline-flex !important; gap: 9px; flex: 0 0 auto; }



    .logo-country-divider { height: 36px; }



    .logo-ikbaal-mark-image { height: 36px !important; }



    .nc-menu.is-open {



        transform: none;



        height: auto;



    }



    .nc-menu.is-open .nc-mega {



        width: auto;



        transform: none;



    }



}







/* mobile header fit */



@media (max-width: 640px) {



    .nc-brand { flex: 0 0 auto !important; }



    .nc-navbar__inner { gap: 8px !important; }



    .nc-tools { margin-left: auto; gap: 6px !important; }



    .nc-search__btn { width: 40px !important; height: 40px !important; }



    .nc-iconbtn { width: 40px !important; height: 40px !important; }



    .nc-lang-wrap { display: none !important; }



}



html { overflow-x: clip; }



body { max-width: 100vw; }







/* ============================================================



   HEADER v2 — centered menu / compact mega / bottom sheet



============================================================ */



.nc-navbar__inner {



    position: relative;



    display: grid;



    grid-template-columns: auto 1fr auto;



    align-items: center;



    gap: 16px;



    min-height: 80px;



}



.nc-brand { grid-column: 1; display: flex; align-items: center; gap: 12px; min-width: 0; }



.nc-tools { grid-column: 3; margin-left: 0; justify-self: end; display: flex; align-items: center; gap: 9px; }







/* compact mega menu */



.nc-mega__cols { grid-template-columns: 232px minmax(0, 1fr); }



.nc-mega__cats { padding: 18px 14px; }



.nc-mega__cats-title { font-size: 15px; margin-bottom: 8px; padding: 0 8px; }



.nc-mega__cat { padding: 7px 9px; font-size: 11.5px; gap: 10px; }



.nc-mega__cat-icon svg { width: 17px; height: 17px; }



.nc-mega__cat-arrow { font-size: 13px; }



.nc-mega__panels { min-height: 350px; padding: 22px 26px; }



.nc-mega__panel h3 { font-size: 20px; }



.nc-mega__panel p { font-size: 12px; margin-bottom: 14px; }



.nc-mega__item { padding: 10px; }



.nc-mega__item-media { width: 60px; height: 60px; }







/* language dropdown — centered items */



.nc-lang__menu a { justify-content: center; position: relative; }



.nc-lang__menu-code { position: absolute; right: 14px; margin-left: 0; }







/* ---------- Mobile bottom sheet ---------- */



.nc-sheet { position: fixed; inset: 0; z-index: 200; visibility: hidden; pointer-events: none; }



.nc-sheet.is-open { visibility: visible; pointer-events: auto; }



.nc-sheet__overlay { position: absolute; inset: 0; background: rgba(8,30,45,0.5); opacity: 0; transition: opacity 0.3s ease; }



.nc-sheet.is-open .nc-sheet__overlay { opacity: 1; }



.nc-sheet__panel {



    position: absolute; left: 0; right: 0; bottom: 0;



    background: #ffffff;



    border-radius: 22px 22px 0 0;



    padding: 10px 20px 30px;



    max-height: 88vh;



    overflow-y: auto;



    transform: translateY(100%);



    transition: transform 0.34s cubic-bezier(.22,.61,.36,1);



    box-shadow: 0 -20px 50px rgba(8,30,45,0.25);



}



.nc-sheet.is-open .nc-sheet__panel { transform: translateY(0); }



.nc-sheet__handle { display: block; width: 44px; height: 4px; border-radius: 2px; background: #d5dee5; margin: 4px auto 14px; }



.nc-sheet__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }



.nc-sheet__title { font-family: "Inter", "Roboto", sans-serif; font-size: 18px; font-weight: 700; color: #0f2c4a; }



.nc-sheet__close { width: 38px; height: 38px; border-radius: 50%; border: none; background: #f2f6f9; color: #33454f; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }



.nc-sheet__search { display: flex; align-items: center; gap: 10px; height: 52px; padding: 0 16px; border: 1px solid var(--acto-line); border-radius: 14px; background: #f7fafb; margin-bottom: 18px; }



.nc-sheet__search svg { width: 18px; height: 18px; color: #8b9aa4; flex: 0 0 auto; }



.nc-sheet__search input { flex: 1; border: none; outline: none; background: transparent; font: inherit; font-size: 14px; color: var(--acto-ink); }



.nc-sheet__links { display: flex; flex-direction: column; margin-bottom: 20px; }



.nc-sheet__links a { padding: 15px 4px; font-size: 15px; font-weight: 600; color: #0f2c4a; border-bottom: 1px solid #eef1f4; }



.nc-sheet__links a:last-child { border-bottom: none; }



.nc-sheet__lang-title { display: block; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #8b9aa4; margin-bottom: 10px; }



.nc-sheet__lang-list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }



.nc-sheet__lang-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #eef1f4; border-radius: 10px; background: #ffffff; font: inherit; font-size: 13px; color: #33454f; cursor: pointer; text-align: left; }



.nc-sheet__lang-item.is-active { border-color: #1a73c7; background: #eaf3fb; color: #1a73c7; font-weight: 600; }



.nc-sheet__flag { width: 22px; height: 15px; border-radius: 3px; overflow: hidden; display: inline-flex; flex: 0 0 auto; }



.nc-sheet__flag svg { width: 100%; height: 100%; display: block; }



.nc-sheet__code { margin-left: auto; color: #9aa7b0; font-weight: 600; font-size: 12px; }







@media (min-width: 901px) { .nc-sheet { display: none !important; } }



@media (max-width: 900px) {



    .nc-search, .nc-lang-wrap { display: none !important; }



    .nc-tools { gap: 8px; }



}



@media (max-width: 900px) {



    .nc-navbar__inner { display: block; }



    .nc-tools { position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin: 0; }



    .nc-brand { padding-right: 56px; }



}







/* ============================================================



   HEADER v3 — perfectly centered menu, redesigned sheet



============================================================ */



.nc-menu {



    grid-column: 2;



    display: flex;



    align-items: center;



    justify-content: center;



    z-index: 6;



}



.nc-mega.is-open { opacity: 1; visibility: visible; transform: translateY(0); }







/* redesigned bottom sheet menu */



.nc-sheet__nav { display: flex; flex-direction: column; margin-bottom: 18px; }



.nc-sheet__nav a { display: flex; align-items: center; gap: 14px; padding: 13px 4px; border-bottom: 1px solid #eef1f4; }



.nc-sheet__nav a:last-child { border-bottom: none; }



.nc-sheet__nav-ico { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 12px; background: #eaf3fb; color: #1a73c7; }



.nc-sheet__nav-label { flex: 1; font-size: 15px; font-weight: 600; color: #0f2c4a; }



.nc-sheet__nav-chev { color: #b7c5cf; font-size: 18px; }



.nc-sheet__contact { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 20px; }



.nc-sheet__contact-item { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid #eef1f4; border-radius: 12px; background: #fbfcfd; }



.nc-sheet__contact-text { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }



.nc-sheet__contact-text small { font-size: 11px; color: #8b9aa4; }



.nc-sheet__contact-text strong { font-size: 13px; color: #0f2c4a; }



.nc-sheet__lang-list { grid-template-columns: 1fr 1fr; }







/* bigger logo + partner on mobile */



@media (max-width: 900px) {



    .nc-logo__text { font-size: 30px !important; }



    .nc-logo__mark { transform: scale(1.3); transform-origin: left center; }



    .logo-country-mark { display: inline-flex !important; gap: 12px; flex: 0 0 auto; }



    .logo-country-divider { height: 46px; }



    .logo-ikbaal-mark-image { height: 46px !important; }



    .nc-brand { padding-right: 60px; }



}



@media (max-width: 400px) {



    .nc-logo__text { font-size: 24px !important; }



    .logo-ikbaal-mark-image { height: 38px !important; }



}



@media (max-width: 900px) {



    .logo-country-divider { display: none !important; }



    .logo-country-mark { gap: 0 !important; }



    .nc-brand { border-right: none !important; }



}



@media (max-width: 900px) { .nc-menu { display: none !important; } }







/* mobile: slim header (top bar removed, brand vertically centered) */



@media (max-width: 900px) {



    .nc-topbar { display: none !important; }



    .nc-navbar__inner { display: flex !important; align-items: center; }



}







/* ============================================================



   FOOTER — mobile accordion



============================================================ */



@media (max-width: 900px) {



    .eds-widget__title {



        position: relative;



        padding: 13px 30px 13px 0;



        margin-bottom: 0;



        cursor: pointer;



        border-bottom: 1px solid var(--md-outline);



        -webkit-tap-highlight-color: transparent;



    }



    .eds-widget__title--spaced { margin-top: 0; }



    .eds-widget__title::after {



        content: "";



        position: absolute;



        right: 6px;



        top: 50%;



        width: 8px;



        height: 8px;



        border-right: 2px solid #9aa7b0;



        border-bottom: 2px solid #9aa7b0;



        transform: translateY(-70%) rotate(45deg);



        transition: transform 0.25s ease;



    }



    .eds-widget__title.is-open::after { transform: translateY(-30%) rotate(-135deg); }



    .eds-widget__title + .eds-list {



        display: none;



        padding-top: 8px;



    }



    .eds-widget__title.is-open + .eds-list { display: block; animation: eds-acc 0.25s ease; }



    .eds-widget--contact .eds-list--lines li:first-child a { padding-top: 2px; }



}







@keyframes eds-acc {



    from { opacity: 0; transform: translateY(-4px); }



    to { opacity: 1; transform: translateY(0); }



}



/* mobile footer — compact, no wasted space */



@media (max-width: 900px) {



    .eds-footer__widgets { padding: 10px 0 18px; }



    .eds-widget__title:first-of-type { border-top: none; }



    .eds-widget--brand { padding-top: 20px; }



    .eds-brand__mark { width: 54px; height: 42px; }



    .eds-brand__logo { font-size: 28px; }



    .eds-cta { margin-top: 14px; gap: 8px; }



    .eds-btn { padding: 10px 18px; }



    .eds-footer__bottom { padding: 14px 0; }



    .eds-footer__bottom .eds-brand { display: none; }



    .eds-footer__bottom-grid { gap: 10px; }



    .eds-footer__grid { gap: 0; }



}



/* mobile: categories strip edge-to-edge (no side gaps) */



@media (max-width: 900px) {



    .acto-sectors .nc-container { padding-left: 0 !important; padding-right: 0 !important; }



    .acto-sectors__row a { padding-left: 8px; padding-right: 8px; }



    .acto-sectors { padding: 18px 0 30px; }



}



/* mobile categories — remove inner left/right padding of each icon */



@media (max-width: 900px) {



    .acto-sectors__row a { padding-left: 0 !important; padding-right: 0 !important; }



    .acto-sectors__row li { padding: 0; }



    .acto-sectors__icon { width: 60px; height: 60px; }



    .acto-sectors__icon svg { width: 30px; height: 30px; }



}



/* mobile categories — tighter icon circle (less inner padding) */



@media (max-width: 900px) {



    .acto-sectors__icon { width: 54px; height: 54px; }



    .acto-sectors__icon svg { width: 32px; height: 32px; }



}



/* mobile categories — 3 columns */



@media (max-width: 640px) {



    .acto-sectors__row { grid-template-columns: repeat(3, 1fr); }



    .acto-sectors__row li { border-right: 1px solid #e8edf1; }



    .acto-sectors__row li:nth-child(4n) { border-right: 1px solid #e8edf1; }



    .acto-sectors__row li:nth-child(3n),



    .acto-sectors__row li:last-child { border-right: none; }



    .acto-sectors__label { font-size: 12.5px; }



    .acto-sectors__icon { width: 52px; height: 52px; }



    .acto-sectors__icon svg { width: 30px; height: 30px; }



}



/* ============================================================



   PROMO TABBED CAROUSEL



============================================================ */



.acto-promo {



    background: transparent;



    padding: 0;



    margin: 0;



}



.acto-promo .nc-container {



    max-width: 100%;



    padding-left: 0;



    padding-right: 0;



}



.acto-promo__tabs {



    display: flex;



    justify-content: center;



    align-items: center;



    gap: 4px;



    flex-wrap: wrap;



    margin-bottom: 18px;



}



.acto-promo__tab {



    font-family: inherit;



    font-size: 14px;



    font-weight: 600;



    line-height: 1.2;



    color: rgba(255,255,255,0.92);



    background: transparent;



    border: none;



    border-radius: 100px;



    padding: 10px 20px;



    cursor: pointer;



    position: relative;



    transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;



}



.acto-promo__tab:hover { color: #fff; }



.acto-promo__tab.is-active {



    background: #ffffff;



    color: #484848;



    box-shadow: 0 1px 5px rgba(130,130,130,0.26);



}



.acto-promo__tab.is-active::after {



    content: "";



    position: absolute;



    left: calc(50% - 5px);



    bottom: -4px;



    width: 0;



    height: 0;



    border-top: 5px solid #ffffff;



    border-left: 5px solid transparent;



    border-right: 5px solid transparent;



}



.acto-promo__panel { display: none; }



.acto-promo__panel.is-active { display: block; animation: acto-fade 0.3s ease; }



@keyframes acto-fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }







.acto-carousel { position: relative; }



.acto-carousel__track {



    position: relative;



    border-radius: 0;



    background: #0b2a3c;



    padding: 0;



    box-shadow: none;



    overflow: hidden;



}



.acto-carousel__slide { display: none; }



.acto-carousel__slide.is-active { display: block; position: relative; min-height: 480px; animation: acto-fade 0.5s ease; }



.acto-carousel__detail {



    position: absolute;



    inset: 0;



    z-index: 2;



    max-width: 660px;



    padding: 0 3.5em;



    display: flex;



    flex-direction: column;



    justify-content: center;



    background: linear-gradient(90deg, rgba(8,32,46,0.94) 0%, rgba(8,32,46,0.74) 45%, rgba(8,32,46,0) 100%);



}



.acto-carousel__share { display: none; }



.acto-carousel__media { position: absolute; inset: 0; }



.acto-carousel__media img { width: 100%; height: 100%; object-fit: cover; display: block; }



.acto-carousel__title {



    font-size: 15px;



    font-weight: 600;



    line-height: 1.3;



    letter-spacing: 1.6px;



    text-transform: uppercase;



    color: rgba(255,255,255,0.78);



}



.acto-carousel__text {



    margin-top: 12px;



    font-size: 44px;



    font-weight: 800;



    line-height: 1.1;



    letter-spacing: -0.4px;



    color: #ffffff;



}



.acto-carousel__btn {



    background: #ffffff;



    color: #0b2a3c;



    padding: 13px 28px;



    border-radius: 100px;



    font-size: 14px;



    font-weight: 700;



    display: inline-block;



    margin-top: 30px;



    align-self: flex-start;



    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;



}



.acto-carousel__btn:hover { background: #1d7fb0; color: #ffffff; transform: translateY(-2px); }







.acto-carousel__controls { position: absolute; inset: 0; z-index: 6; margin: 0; pointer-events: none; }



.acto-carousel__nav {



    position: absolute;



    top: auto;



    bottom: 24px;



    pointer-events: auto;



    width: 54px;



    height: 54px;



    border-radius: 50%;



    border: none;



    background: rgba(255,255,255,0.9);



    color: #0b2a3c;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    cursor: pointer;



    box-shadow: 0 6px 18px rgba(0,0,0,0.22);



    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;



}



.acto-carousel__nav--prev { left: auto; right: 94px; }



.acto-carousel__nav--next { right: 28px; left: auto; }



.acto-carousel__nav:hover { background: #1d7fb0; color: #ffffff; transform: scale(1.07); }



.acto-carousel__thumbs {



    position: absolute;



    left: 50%;



    bottom: 24px;



    transform: translateX(-50%);



    display: flex;



    align-items: center;



    gap: 8px;



    padding: 6px 8px;



    border-radius: 100px;



    background: rgba(8,32,46,0.4);



    backdrop-filter: blur(6px);



    pointer-events: auto;



}



.acto-carousel__thumb {



    width: 56px;



    height: 38px;



    border-radius: 8px;



    overflow: hidden;



    border: 2px solid transparent;



    padding: 0;



    background: rgba(255,255,255,0.35);



    cursor: pointer;



    opacity: 0.62;



    transition: opacity 0.2s ease, border-color 0.2s ease;



}



.acto-carousel__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }



.acto-carousel__thumb.is-active { border-color: #ffffff; opacity: 1; }







@media (max-width: 991px) {



    .acto-promo { background: transparent; padding: 10px 0; margin: 0.6em 0 0; }



    .acto-promo__tabs { margin-bottom: 12px; gap: 2px; }



    .acto-promo__tab { color: #7d7d7d; font-size: 14px; padding: 5px 10px; }



    .acto-promo__tab.is-active { background: transparent; box-shadow: none; font-size: 20px; color: #484848; }



    .acto-promo__tab.is-active::after { display: none; }



    .acto-carousel__track { box-shadow: none; padding: 0; background: #0b2a3c; border-radius: 12px; }



    .acto-carousel__slide.is-active { display: block; min-height: 0; }



    .acto-carousel__media { position: relative; inset: auto; }



    .acto-carousel__media img { min-height: 220px; height: 220px; }



    .acto-carousel__detail {



        position: relative;



        inset: auto;



        max-width: none;



        padding: 1.3em;



        background: radial-gradient(circle, #1c5a78 0%, #0b2a3c 100%);



        justify-content: flex-start;



    }



    .acto-carousel__share { display: none; }



    .acto-carousel__title { color: #ffffff; font-weight: 600; font-size: 13px; letter-spacing: 1.2px; }



    .acto-carousel__text { color: #ffffff; font-size: 24px; }



    .acto-carousel__btn { display: none; }



    .acto-carousel__controls { display: none; }



}



/* categories — tile design */



.acto-sectors__row {



    grid-template-columns: repeat(4, 1fr);



    gap: 16px;



}



.acto-sectors__row li { border-right: none; }



.acto-sectors__row a {



    flex-direction: row;



    align-items: center;



    justify-content: flex-start;



    gap: 16px;



    padding: 18px 20px !important;



    text-align: left;



    border-radius: 16px;



    background: #f6f9fc;



    border: 1px solid #e8eff5;



    min-height: 92px;



    transition: background 0.25s ease, border-color 0.25s ease,



                transform 0.25s ease, box-shadow 0.25s ease;



}



.acto-sectors__icon {



    position: relative;



    width: 54px;



    height: 54px;



    flex: 0 0 auto;



    border-radius: 16px;



    background: #ffffff;



    border: 1px solid #e2edf4;



    color: #1d7fb0 !important;



    box-shadow: 0 6px 14px rgba(16, 56, 79, 0.06);



    transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease,



                box-shadow 0.25s ease, border-color 0.25s ease;



}



.acto-sectors__icon::after { display: none; }



.acto-sectors__icon svg { width: 26px; height: 26px; stroke-width: 1.8; }



.acto-sectors__label {



    font-weight: 600;



    font-size: 15px;



    line-height: 1.35;



}



.acto-sectors__row a:hover {



    background: #ffffff;



    border-color: #cfe3ee;



    transform: translateY(-4px);



    box-shadow: 0 14px 28px rgba(16, 56, 79, 0.1);



}



.acto-sectors__row a:hover .acto-sectors__icon {



    background: linear-gradient(135deg, #4bb6e4 0%, #1d7fb0 100%);



    color: #ffffff !important;



    border-color: transparent;



    box-shadow: 0 10px 20px rgba(29, 127, 176, 0.35);



}



.acto-sectors__row a:hover .acto-sectors__label { color: #1d7fb0; }



@media (max-width: 991px) {



    .acto-sectors .nc-container { padding-left: 20px !important; padding-right: 20px !important; }



    .acto-sectors__row { grid-template-columns: repeat(2, 1fr); }



}



@media (max-width: 600px) {



    .acto-sectors__row { grid-template-columns: repeat(2, 1fr); }



}



/* ============================================================



   STATS / NUMBERS



============================================================ */



.acto-stats {



    background: linear-gradient(135deg, #0b2a3c 0%, #10384F 55%, #1c5a78 100%);



    color: #ffffff;



    padding: var(--section-y) 0;



}



.acto-stats__head {



    max-width: 720px;



    margin: 0 0 38px;



    text-align: left;



}



.acto-stats__eyebrow {



    display: inline-block;



    font-size: 12px;



    font-weight: 700;



    letter-spacing: 1.6px;



    text-transform: uppercase;



    color: #7fc4e6;



    margin-bottom: 10px;



}



.acto-stats__head h2 {



    font-size: 30px;



    font-weight: 700;



    letter-spacing: -0.4px;



    line-height: 1.2;



}



.acto-stats__grid {



    display: grid;



    grid-template-columns: repeat(4, 1fr);



    gap: 22px;



}



.acto-stats__item {



    text-align: center;



    padding: 26px 16px;



    border-radius: 18px;



    background: rgba(255, 255, 255, 0.06);



    border: 1px solid rgba(255, 255, 255, 0.12);



    transition: background 0.25s ease, transform 0.25s ease, border-color 0.25s ease;



}



.acto-stats__item:hover {



    background: rgba(255, 255, 255, 0.1);



    border-color: rgba(75, 182, 228, 0.5);



    transform: translateY(-4px);



}



.acto-stats__num {



    display: block;



    font-family: "Inter", "Poppins", "Roboto", sans-serif;



    font-size: 50px;



    font-weight: 800;



    line-height: 1;



    letter-spacing: -1px;



    color: #ffffff;



}



.acto-stats__num::after { content: "+"; color: #4bb6e4; }



.acto-stats__label {



    display: block;



    margin-top: 12px;



    font-size: 14px;



    font-weight: 600;



    letter-spacing: 0.2px;



    color: rgba(255, 255, 255, 0.82);



}



@media (max-width: 900px) {



    .acto-stats__grid { grid-template-columns: repeat(2, 1fr); }



    .acto-stats__num { font-size: 40px; }



    .acto-stats__head h2 { font-size: 22px; }



}



/* ============================================================



   BRAND LOGOS



============================================================ */



.acto-brands {



    background: #f5f7f8;



    padding: var(--section-y) 0;



}



.acto-brands__title {



    text-align: left;



    font-size: 12px;



    font-weight: 700;



    letter-spacing: 1.8px;



    text-transform: uppercase;



    color: #8b9aa4;



    margin-bottom: 30px;



}



.acto-brands__row {



    display: grid;



    grid-template-columns: repeat(6, 1fr);



    gap: 16px;



}



.acto-brands__item {



    display: flex;



    align-items: center;



    justify-content: center;



    padding: 20px 14px;



    background: #ffffff;



    border: 1px solid var(--md-outline);



    border-radius: 14px;



    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;



}



.acto-brands__item:hover { border-color: #cfe0e8; box-shadow: 0 14px 28px rgba(16, 56, 79, 0.08); transform: translateY(-3px); }



.acto-brands__logo {



    display: inline-flex;



    align-items: center;



    gap: 9px;



    font-family: "Inter", "Poppins", "Roboto", sans-serif;



    font-size: 15px;



    font-weight: 800;



    letter-spacing: 0.3px;



    color: #8b9aa4;



    cursor: default;



    transition: color 0.25s ease;



}



.acto-brands__logo sup { font-size: 0.5em; top: -0.8em; }



.acto-brands__mark {



    width: 28px;



    height: 28px;



    flex: 0 0 auto;



    border-radius: 8px;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    background: var(--md-primary-light);



    color: var(--md-primary);



    transition: background 0.25s ease, color 0.25s ease;



}



.acto-brands__mark svg { width: 16px; height: 16px; }



.acto-brands__item:hover .acto-brands__logo { color: var(--md-primary); }



.acto-brands__item:hover .acto-brands__mark { background: linear-gradient(135deg, #4bb6e4, #1d7fb0); color: #ffffff; }



@media (max-width: 991px) {



    .acto-brands__row { grid-template-columns: repeat(3, 1fr); }



}



@media (max-width: 560px) {



    .acto-brands__row { grid-template-columns: repeat(2, 1fr); }



}



/* ============================================================



   CONTACT PAGE



============================================================ */



.acto-contactpage { padding: var(--section-y) 0; background: #ffffff; }



.acto-contactpage__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }



.acto-contactpage__eyebrow {



    display: inline-block;



    font-size: 12px;



    font-weight: 700;



    letter-spacing: 1.6px;



    text-transform: uppercase;



    color: var(--md-primary);



    margin-bottom: 10px;



}



.acto-contactpage h2 {



    font-size: 26px;



    font-weight: 700;



    letter-spacing: -0.3px;



    color: var(--md-on-surface);



    margin-bottom: 20px;



}



.acto-cinfo { display: flex; flex-direction: column; gap: 16px; }



.acto-cinfo li { display: flex; gap: 14px; align-items: flex-start; }



.acto-cinfo__ico {



    width: 46px;



    height: 46px;



    flex: 0 0 auto;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    border-radius: 13px;



    background: linear-gradient(135deg, #4bb6e4 0%, #1d7fb0 100%);



    color: #ffffff;



    box-shadow: 0 8px 18px rgba(29,127,176,0.24);



}



.acto-cinfo__text { display: flex; flex-direction: column; gap: 3px; padding-top: 2px; }



.acto-cinfo__text small {



    font-size: 11.5px;



    font-weight: 700;



    letter-spacing: 0.6px;



    text-transform: uppercase;



    color: var(--md-on-surface-disabled);



}



.acto-cinfo__text strong,



.acto-cinfo__text a { font-size: 15px; font-weight: 600; line-height: 1.45; color: var(--md-on-surface); }



.acto-cinfo__text a:hover { color: var(--md-primary); }







.acto-form { display: flex; flex-direction: column; gap: 12px; }



.acto-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }



.acto-form input,



.acto-form textarea {



    width: 100%;



    padding: 13px 16px;



    border: 1px solid var(--md-outline);



    border-radius: 10px;



    font: inherit;



    font-size: 14px;



    color: var(--md-on-surface);



    background: #ffffff;



    outline: none;



    transition: border-color 0.2s ease, box-shadow 0.2s ease;



}



.acto-form input:focus,



.acto-form textarea:focus { border-color: var(--md-primary); box-shadow: 0 0 0 3px rgba(16,56,79,0.08); }



.acto-form textarea { resize: vertical; min-height: 120px; }



.acto-form__submit { border: 0; cursor: pointer; align-self: flex-start; width: auto; }



.acto-form__note { font-size: 12px; line-height: 1.5; color: var(--md-on-surface-disabled); }







.acto-contactpage__map {



    margin-top: 48px;



    border-radius: 16px;



    overflow: hidden;



    box-shadow: 0 16px 40px rgba(16,56,79,0.14);



    line-height: 0;



}



.acto-contactpage__map iframe { width: 100%; height: 400px; border: 0; display: block; }







@media (max-width: 900px) {



    .acto-contactpage { padding: 40px 0 60px; }



    .acto-contactpage__grid { grid-template-columns: 1fr; gap: 32px; }



    .acto-contactpage__map { margin-top: 32px; }



    .acto-contactpage__map iframe { height: 300px; }



}



@media (max-width: 640px) {



    .acto-form__row { grid-template-columns: 1fr; }



}



/* ============================================================



   USAGE AREAS PAGE



============================================================ */



.acto-area { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center; margin-top: 26px; }



.acto-area__media { order: 1; }



.acto-area__media img { width: 100%; height: 100%; max-height: 380px; object-fit: cover; border-radius: 14px; display: block; }



.acto-area__body { order: 2; }



.acto-area__body h3 { font-size: 20px; font-weight: 700; color: var(--md-on-surface); margin-bottom: 14px; }



.acto-area__btn { display: inline-block; width: auto; margin-top: 18px; }



@media (max-width: 900px) {



    .acto-area { grid-template-columns: 1fr; gap: 24px; }



    .acto-area__media { order: 0; }



    .acto-area__media img { max-height: 260px; }



}



/* ============================================================



   PRODUCT DETAIL



============================================================ */



.acto-pd { padding: var(--section-y) 0; background: #ffffff; }



.acto-pd--flush { padding-top: 0; }



.acto-page-hero__eyebrow {



    display: inline-block;



    font-size: 12px;



    font-weight: 700;



    letter-spacing: 1.6px;



    text-transform: uppercase;



    color: #7fc4e6;



    margin-bottom: 10px;



}



.acto-pd__grid { display: grid; grid-template-columns: minmax(0, 430px) 1fr; gap: 44px; align-items: start; }



.acto-pd__panels h1 { font-size: 30px; font-weight: 800; letter-spacing: -0.6px; line-height: 1.2; color: var(--md-on-surface); margin-bottom: 14px; }



.acto-pd-featurelist { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 30px; margin-top: 4px; }



.acto-pd-featurelist li {



    display: flex;



    align-items: center;



    gap: 11px;



    font-size: 14px;



    line-height: 1.5;



    color: var(--md-on-surface-medium);



}



.acto-pd-featurelist__ico {



    width: 34px;



    height: 34px;



    flex: 0 0 auto;



    border-radius: 10px;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    background: var(--md-primary-light);



    color: var(--md-primary);



    transition: background 0.2s ease, color 0.2s ease;



}



.acto-pd-featurelist__ico svg { width: 17px; height: 17px; }



.acto-pd-featurelist li:hover .acto-pd-featurelist__ico { background: linear-gradient(135deg, #4bb6e4, #1d7fb0); color: #ffffff; }



@media (max-width: 900px) {



    .acto-pd-featurelist { grid-template-columns: 1fr; gap: 12px; }



}



.acto-pd__panels .acto-pd-specs-block__list { grid-template-columns: 1fr; }



.acto-pd__panels .acto-pd-buy__grid { grid-template-columns: repeat(2, 1fr); }



.acto-pd__gallery { position: sticky; top: 104px; }



.acto-pd__main { background: #f2f6f9; border-radius: 16px; overflow: hidden; }



.acto-pd__main img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; }



.acto-pd__thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 8px; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; }



.acto-pd__thumb { padding: 0; border: none; border-radius: 0; overflow: hidden; background: #ffffff; cursor: pointer; transition: all 0.2s ease; position: relative; }



.acto-pd__thumb.is-active { box-shadow: inset 0 0 0 2.5px var(--md-primary); z-index: 2; }



.acto-pd__thumb img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; }



.acto-pd__cat { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--md-primary); margin-bottom: 10px; }



.acto-pd__info h1 { font-size: 34px; font-weight: 800; letter-spacing: -0.6px; color: var(--md-on-surface); margin-bottom: 14px; }



.acto-pd__desc { font-size: 15px; line-height: 1.75; color: var(--md-on-surface-medium); margin-bottom: 18px; }



.acto-pd__badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; margin-bottom: 20px; }



.acto-pd__badge { font-size: 12px; font-weight: 600; color: var(--md-primary); background: var(--md-primary-light); border: 1px solid #d5e3ea; padding: 5px 12px; border-radius: 999px; }



.acto-pd__specs { display: flex; flex-direction: column; margin-bottom: 22px; }



.acto-pd__specs li { display: grid; grid-template-columns: 150px 1fr; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--md-outline); font-size: 14px; }



.acto-pd__specs li span { color: var(--md-on-surface-disabled); font-weight: 600; }



.acto-pd__specs li strong { color: var(--md-on-surface); font-weight: 600; }



.acto-pd__actions { display: flex; gap: 12px; flex-wrap: wrap; }



.acto-pd__actions .eds-btn { display: inline-block; width: auto; }







.acto-pd-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 46px; }



.acto-pd-feature { display: flex; flex-direction: column; gap: 4px; padding: 20px; border: 1px solid var(--md-outline); border-radius: 14px; background: #fbfcfd; }



.acto-pd-feature__ico { width: 46px; height: 46px; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #4bb6e4, #1d7fb0); color: #ffffff; margin-bottom: 8px; }



.acto-pd-feature strong { font-size: 15px; color: var(--md-on-surface); }



.acto-pd-feature small { font-size: 12.5px; line-height: 1.5; color: var(--md-on-surface-medium); }







.acto-pd-details { display: grid; grid-template-columns: 1.4fr 1fr; gap: 44px; margin-top: 52px; }



.acto-pd-details__main h3,



.acto-pd-details__side h3 { font-size: 21px; font-weight: 700; color: var(--md-on-surface); margin: 24px 0 12px; }



.acto-pd-details__main h3:first-child,



.acto-pd-details__side h3:first-child { margin-top: 0; }



.acto-pd-details__main p { font-size: 15px; line-height: 1.8; color: var(--md-on-surface-medium); margin-bottom: 14px; }



.acto-pd-details__side { background: #f7fafb; border: 1px solid var(--md-outline); border-radius: 16px; padding: 26px; align-self: start; }



.acto-pd__side-btn { display: inline-block; width: auto; margin-top: 16px; }







/* gallery arrows + tag */



.acto-pd__main { position: relative; }



.acto-pd__arrow {



    position: absolute;



    top: 50%;



    transform: translateY(-50%);



    width: 44px;



    height: 44px;



    border-radius: 50%;



    border: none;



    background: rgba(255, 255, 255, 0.92);



    color: var(--md-primary);



    display: inline-flex;



    align-items: center;



    justify-content: center;



    font-size: 24px;



    line-height: 1;



    cursor: pointer;



    box-shadow: 0 8px 20px rgba(16, 56, 79, 0.18);



    z-index: 2;



    transition: background 0.2s ease, color 0.2s ease;



}



.acto-pd__arrow:hover { background: var(--md-primary); color: #ffffff; }



.acto-pd__arrow--prev { left: 14px; }



.acto-pd__arrow--next { right: 14px; }



.acto-pd__tag {



    position: absolute;



    top: 14px;



    left: 14px;



    z-index: 2;



    font-size: 11px;



    font-weight: 700;



    letter-spacing: 0.6px;



    text-transform: uppercase;



    color: #ffffff;



    background: rgba(16, 56, 79, 0.75);



    padding: 5px 11px;



    border-radius: 999px;



}







/* read more */



.acto-pd__desc--clamp {



    display: -webkit-box;



    -webkit-line-clamp: 3;



    -webkit-box-orient: vertical;



    overflow: hidden;



    margin-bottom: 8px;



}



.acto-pd__desc--clamp.is-open { -webkit-line-clamp: unset; display: block; overflow: visible; }



.acto-pd__more {



    display: inline-flex;



    align-items: center;



    gap: 6px;



    margin-bottom: 20px;



    border: none;



    background: transparent;



    color: var(--md-primary);



    font: inherit;



    font-size: 13.5px;



    font-weight: 700;



    cursor: pointer;



    padding: 0;



}



.acto-pd__more span { display: inline-block; transition: transform 0.2s ease; }



.acto-pd__more.is-open span { transform: rotate(180deg); }







.acto-pd__actions .acto-pd__buy { display: inline-flex; align-items: center; gap: 8px; width: auto; }







/* category chips */



.acto-pd__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }



.acto-pd__chip {



    font-size: 12.5px;



    font-weight: 600;



    color: var(--md-on-surface-medium);



    background: #f2f6f9;



    border: 1px solid var(--md-outline);



    padding: 7px 14px;



    border-radius: 999px;



    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;



}



.acto-pd__chip:hover { color: var(--md-primary); border-color: #cfe0e8; background: var(--md-primary-light); }







/* tabs */



.acto-pd-tabs { margin-top: 52px; }



.acto-pd-tabs__nav { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid var(--md-outline); margin-bottom: 26px; }



.acto-pd-tabs__tab {



    font: inherit;



    font-size: 14px;



    font-weight: 600;



    color: var(--md-on-surface-medium);



    background: transparent;



    border: none;



    border-bottom: 2px solid transparent;



    padding: 12px 16px;



    margin-bottom: -1px;



    cursor: pointer;



    transition: color 0.2s ease, border-color 0.2s ease;



}



.acto-pd-tabs__tab:hover { color: var(--md-primary); }



.acto-pd-tabs__tab.is-active { color: var(--md-primary); border-bottom-color: var(--md-primary); }



.acto-pd-tabs__panel { display: none; }



.acto-pd-tabs__panel.is-active { display: block; animation: acto-fade 0.3s ease; }



.acto-pd-tabs__panel h3 { font-size: 21px; font-weight: 700; color: var(--md-on-surface); margin-bottom: 12px; }



.acto-pd-tabs__panel h4 { font-size: 16px; font-weight: 700; color: var(--md-on-surface); margin: 18px 0 8px; }



.acto-pd-tabs__panel p { font-size: 15px; line-height: 1.8; color: var(--md-on-surface-medium); margin-bottom: 14px; max-width: 840px; }



.acto-pd-tabs__panel .acto-about__checks { max-width: 840px; }



.acto-pd-tabs__inci { font-size: 14px; line-height: 1.8; color: #45535c; background: #f7fafb; border: 1px solid var(--md-outline); border-radius: 12px; padding: 18px 20px; max-width: 840px; }







/* technical specs */



.acto-pd-specs-block { margin-top: 52px; }



.acto-pd-specs-block h2,



.acto-pd-docs h2,



.acto-pd-buy h2 { font-size: 24px; font-weight: 700; color: var(--md-on-surface); margin-bottom: 18px; }



.acto-pd-specs-block__list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 34px; }



.acto-pd-specs-block__list li { position: relative; padding-left: 26px; font-size: 14.5px; line-height: 1.6; color: var(--md-on-surface-medium); }



.acto-pd-specs-block__list li::before {



    content: "";



    position: absolute;



    left: 0;



    top: 8px;



    width: 9px;



    height: 9px;



    border-radius: 50%;



    background: linear-gradient(135deg, #4bb6e4, #1d7fb0);



}







/* documents */



.acto-pd-docs { margin-top: 44px; }



.acto-pd-doc {



    display: flex;



    align-items: center;



    gap: 16px;



    max-width: 560px;



    padding: 18px 22px;



    border: 1px solid var(--md-outline);



    border-radius: 16px;



    background: #fbfcfd;



    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;



}



.acto-pd-doc:hover { border-color: #cfe0e8; box-shadow: 0 12px 26px rgba(16, 56, 79, 0.08); transform: translateY(-2px); }



.acto-pd-doc__ico { width: 48px; height: 48px; flex: 0 0 auto; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #4bb6e4, #1d7fb0); color: #ffffff; }



.acto-pd-doc__body { display: flex; flex-direction: column; min-width: 0; }



.acto-pd-doc__body strong { font-size: 15px; color: var(--md-on-surface); }



.acto-pd-doc__body small { font-size: 12.5px; color: var(--md-on-surface-medium); }



.acto-pd-doc__action { margin-left: auto; font-size: 13px; font-weight: 700; color: var(--md-primary); }







/* where to buy */



.acto-pd-buy { margin-top: 44px; }



.acto-pd-buy__note { font-size: 14px; color: var(--md-on-surface-medium); margin-bottom: 20px; }



.acto-pd-buy__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }



.acto-pd-buy__card {



    display: flex;



    align-items: center;



    gap: 14px;



    padding: 16px 18px;



    border: 1px solid var(--md-outline);



    border-radius: 16px;



    background: #ffffff;



    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;



}



.acto-pd-buy__card:hover { border-color: #cfe0e8; box-shadow: 0 14px 28px rgba(16, 56, 79, 0.1); transform: translateY(-3px); }



.acto-pd-buy__ico {



    width: 46px;



    height: 46px;



    flex: 0 0 auto;



    border-radius: 13px;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    background: var(--md-primary-light);



    color: var(--md-primary);



    transition: background 0.2s ease, color 0.2s ease;



}



.acto-pd-buy__ico svg { width: 22px; height: 22px; }



.acto-pd-buy__card:hover .acto-pd-buy__ico { background: linear-gradient(135deg, #4bb6e4, #1d7fb0); color: #ffffff; }



.acto-pd-buy__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }



.acto-pd-buy__store { font-size: 14px; font-weight: 700; color: var(--md-on-surface); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.acto-pd-buy__product { font-size: 12px; color: var(--md-on-surface-medium); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.acto-pd-buy__go { margin-left: auto; font-size: 12px; font-weight: 700; color: var(--md-primary); white-space: nowrap; flex: 0 0 auto; }







@media (max-width: 900px) {



    .acto-pd__grid { grid-template-columns: 1fr; gap: 26px; }



    .acto-pd__gallery { position: static; }



    .acto-pd__info h1 { font-size: 26px; }



    .acto-pd-features { grid-template-columns: 1fr 1fr; }



    .acto-pd-details { grid-template-columns: 1fr; gap: 26px; }



    .acto-pd-tabs { margin-top: 40px; }



    .acto-pd-specs-block__list { grid-template-columns: 1fr; }



    .acto-pd-buy__grid { grid-template-columns: repeat(2, 1fr); }



}



@media (max-width: 640px) {



    .acto-pd { padding: 16px 0 52px; }



    .acto-pd__specs li { grid-template-columns: 1fr; gap: 2px; }



    .acto-pd-features { grid-template-columns: 1fr; }



    .acto-pd-tabs__nav { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }



    .acto-pd-tabs__tab { white-space: nowrap; padding: 11px 12px; }



    .acto-pd-buy__grid { grid-template-columns: 1fr; }



    .acto-pd-buy h2, .acto-pd-docs h2, .acto-pd-specs-block h2 { font-size: 20px; }



}



/* ============================================================



   PRODUCTS CAROUSEL (tabbed)



============================================================ */



.acto-products { padding: var(--section-y) 0; background: #ffffff; }



.acto-products__head { text-align: center; margin-bottom: 22px; }



.acto-products__head h2 { font-size: 30px; font-weight: 700; letter-spacing: -0.4px; color: var(--md-on-surface); }



.acto-products__head p { margin-top: 8px; font-size: 15px; color: var(--md-on-surface-medium); }



.acto-products__tabs { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; }



.acto-products__tab {



    font-family: inherit;



    font-size: 13.5px;



    font-weight: 600;



    color: var(--md-on-surface-medium);



    background: #f2f6f9;



    border: 1px solid var(--md-outline);



    border-radius: 999px;



    padding: 9px 20px;



    cursor: pointer;



    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;



}



.acto-products__tab:hover { color: var(--md-primary); border-color: #cfe0e8; }



.acto-products__tab.is-active { background: var(--md-primary); border-color: var(--md-primary); color: #ffffff; }



.acto-products__panel { display: none; }



.acto-products__panel.is-active { display: block; animation: acto-fade 0.3s ease; }







.acto-pcarousel { position: relative; }



.acto-pcarousel__viewport { overflow: hidden; }



.acto-pcarousel__track { display: flex; gap: 20px; transition: transform 0.45s ease; }



.acto-pcarousel__track .product-card { flex: 0 0 calc((100% - 60px) / 4); min-width: 0; }



.acto-pcarousel__nav {



    position: absolute;



    top: 50%;



    transform: translateY(-50%);



    width: 46px;



    height: 46px;



    border-radius: 50%;



    border: 1px solid var(--md-outline);



    background: #ffffff;



    color: var(--md-primary);



    display: inline-flex;



    align-items: center;



    justify-content: center;



    cursor: pointer;



    box-shadow: 0 8px 20px rgba(16, 56, 79, 0.16);



    z-index: 3;



    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;



}



.acto-pcarousel__nav:hover { background: var(--md-primary); color: #ffffff; }



.acto-pcarousel__nav--prev { left: -12px; }



.acto-pcarousel__nav--next { right: -12px; }



.acto-pcarousel__nav:disabled { opacity: 0.35; cursor: default; box-shadow: none; }



.acto-pcarousel__dots { display: flex; justify-content: center; gap: 8px; margin-top: 22px; }



.acto-pcarousel__dot { width: 9px; height: 9px; padding: 0; border: none; border-radius: 999px; background: #cfd9e0; cursor: pointer; transition: width 0.25s ease, background 0.25s ease; }



.acto-pcarousel__dot.is-active { width: 24px; background: var(--md-primary); }







@media (max-width: 1100px) {



    .acto-pcarousel__track .product-card { flex: 0 0 calc((100% - 40px) / 3); }



}



@media (max-width: 900px) {



    .acto-products { padding: 46px 0; }



    .acto-pcarousel__track .product-card { flex: 0 0 calc((100% - 20px) / 2); }



    .acto-pcarousel__nav--prev { left: 0; }



    .acto-pcarousel__nav--next { right: 0; }



}



@media (max-width: 640px) {



    .acto-products__head h2 { font-size: 22px; }



    .acto-pcarousel__track .product-card { flex: 0 0 100%; }



    .acto-pcarousel__nav { width: 40px; height: 40px; }



}



/* products head — title left, arrows right */



.acto-products__head {



    display: flex;



    align-items: flex-end;



    justify-content: space-between;



    gap: 20px;



    text-align: left;



    margin-bottom: 22px;



}



.acto-products__head-text h2 { font-size: 30px; font-weight: 700; letter-spacing: -0.4px; color: var(--md-on-surface); }



.acto-products__head-text p { margin-top: 6px; font-size: 15px; color: var(--md-on-surface-medium); }



.acto-products__head-nav { display: flex; gap: 10px; flex: 0 0 auto; }



.acto-products__nav {



    width: 46px;



    height: 46px;



    border-radius: 50%;



    border: 1px solid var(--md-outline);



    background: #ffffff;



    color: var(--md-primary);



    display: inline-flex;



    align-items: center;



    justify-content: center;



    cursor: pointer;



    box-shadow: 0 8px 20px rgba(16, 56, 79, 0.14);



    transition: background 0.2s ease, color 0.2s ease;



}



.acto-products__nav:hover { background: var(--md-primary); color: #ffffff; }



.acto-products__nav:disabled { opacity: 0.35; cursor: default; box-shadow: none; }



@media (max-width: 640px) {



    .acto-products__head { align-items: center; }



    .acto-products__head-text h2 { font-size: 22px; }



    .acto-products__nav { width: 42px; height: 42px; }



}



/* ============================================================



   USAGE AREAS — detail + charts



============================================================ */



.acto-ua__eyebrow { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; color: var(--md-primary); margin-bottom: 10px; }



.acto-ua__title { font-size: 30px; font-weight: 700; letter-spacing: -0.4px; color: var(--md-on-surface); margin-bottom: 12px; }



.acto-ua__lead { font-size: 16px; line-height: 1.8; color: var(--md-on-surface-medium); max-width: 880px; margin-bottom: 30px; }







.acto-ua__hero { display: grid; grid-template-columns: 1.5fr 1fr; gap: 24px; align-items: stretch; margin-bottom: 42px; }



.acto-ua__hero-media { border-radius: 16px; overflow: hidden; min-height: 300px; background: #eef2f4; }



.acto-ua__hero-media img { width: 100%; height: 100%; object-fit: cover; display: block; }



.acto-ua__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }



.acto-ua__stat { border: 1px solid var(--md-outline); border-radius: 14px; padding: 18px; background: #fbfcfd; display: flex; flex-direction: column; gap: 5px; }



.acto-ua__stat strong { font-size: 19px; font-weight: 800; color: var(--md-primary); line-height: 1.15; }



.acto-ua__stat span { font-size: 12.5px; line-height: 1.45; color: var(--md-on-surface-medium); }







.acto-ua__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; margin-bottom: 44px; }



.acto-ua__cols h3,



.acto-ua__chart h3 { font-size: 20px; font-weight: 700; color: var(--md-on-surface); margin-bottom: 16px; }



.acto-ua__chart { margin-bottom: 38px; }



.acto-ua__chart-note { font-size: 12px; font-style: italic; color: var(--md-on-surface-disabled); margin-top: 14px; }



.acto-ua__cta { display: inline-block; width: auto; }







.acto-chart { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }



.acto-chart__row {



    display: grid;



    grid-template-columns: 1fr auto;



    grid-template-areas: "label val" "bar bar";



    gap: 12px;



    align-items: center;



    padding: 16px 18px 18px;



    background: #fbfcfd;



    border: 1px solid var(--md-outline);



    border-radius: 14px;



}



.acto-chart__label { grid-area: label; font-size: 13.5px; font-weight: 600; color: var(--md-on-surface); }



.acto-chart__val { grid-area: val; font-size: 20px; font-weight: 800; color: var(--md-primary); line-height: 1; text-align: right; }



.acto-chart__bar {



    grid-area: bar;



    position: relative;



    height: 16px;



    border-radius: 999px;



    background: #e9eff3;



    box-shadow: inset 0 1px 2px rgba(16, 56, 79, 0.08);



    overflow: hidden;



}



.acto-chart__bar > span {



    display: block;



    height: 100%;



    border-radius: 999px;



    background: linear-gradient(90deg, #4bb6e4, #1d7fb0);



    box-shadow: 0 1px 3px rgba(29, 127, 176, 0.35);



}







@media (max-width: 900px) {



    .acto-ua__title { font-size: 24px; }



    .acto-ua__lead { font-size: 15px; }



    .acto-ua__hero { grid-template-columns: 1fr; }



    .acto-ua__hero-media { min-height: 220px; }



    .acto-ua__cols { grid-template-columns: 1fr; gap: 28px; }



    .acto-chart { grid-template-columns: 1fr; }



}



@media (max-width: 640px) {



    .acto-ua__stats { grid-template-columns: 1fr 1fr; }



    .acto-ua__stat { padding: 14px; }



    .acto-ua__stat strong { font-size: 17px; }



    .acto-chart { grid-template-columns: 1fr; }



}



/* ua hero: avoid stretched stat cards */



.acto-ua__hero { align-items: start; }



.acto-ua__hero-media { aspect-ratio: 16 / 10; min-height: 0; }



.acto-ua__hero-media img { height: 100%; }



.acto-ua__stats { align-content: start; }



@media (max-width: 900px) { .acto-ua__hero-media { aspect-ratio: 16 / 10; } }







/* ============================================================



   HOMEPAGE EXTRA SECTIONS



   why / mission / showcase / certs / clients / video /



   testimonials / news / faq / cta



============================================================ */



.acto-sec-head { text-align: left; max-width: 720px; margin: 0 0 40px; }



.acto-sec-head h2 { font-size: 30px; font-weight: 700; letter-spacing: -0.5px; line-height: 1.2; color: var(--md-on-surface); }



.acto-sec-head p { margin-top: 10px; font-size: 15px; line-height: 1.7; color: var(--md-on-surface-medium); }



.acto-sec-head--between { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; max-width: none; text-align: left; }



.acto-sec-eyebrow { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; color: var(--md-primary); margin-bottom: 10px; }







/* why us */



.acto-why { padding: var(--section-y) 0; background: #ffffff; }



.acto-why__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }



.acto-why__card { padding: 26px 22px; border: 1px solid var(--md-outline); border-radius: 18px; background: #fbfcfd; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease; }



.acto-why__card:hover { transform: translateY(-5px); box-shadow: 0 18px 36px rgba(16, 56, 79, 0.1); border-color: #cfe0e8; background: #ffffff; }



.acto-why__ico { width: 52px; height: 52px; border-radius: 15px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #4bb6e4, #1d7fb0); color: #ffffff; margin-bottom: 16px; }



.acto-why__ico svg { width: 25px; height: 25px; }



.acto-why__card h3 { font-size: 16px; font-weight: 700; color: var(--md-on-surface); margin-bottom: 8px; }



.acto-why__card p { font-size: 13.5px; line-height: 1.6; color: var(--md-on-surface-medium); }







/* mission */



.acto-mission { padding: var(--section-y) 0; background: #f5f7f8; }



.acto-mission__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }



.acto-mission__media img { width: 100%; border-radius: 20px; display: block; aspect-ratio: 4 / 3; object-fit: cover; }



.acto-mission__body h2 { font-size: 32px; font-weight: 700; letter-spacing: -0.5px; line-height: 1.2; color: var(--md-on-surface); margin-bottom: 16px; }



.acto-mission__body p { font-size: 15px; line-height: 1.8; color: var(--md-on-surface-medium); margin-bottom: 14px; }



.acto-mission__body .eds-btn { margin-top: 8px; }







/* category showcase */



.acto-showcase { padding: var(--section-y) 0; background: #ffffff; }



.acto-showcase__row { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; margin-top: 34px; }



.acto-showcase__row--rev .acto-showcase__media { order: 2; }



.acto-showcase__media img { width: 100%; border-radius: 20px; aspect-ratio: 4 / 3; object-fit: cover; display: block; }



.acto-showcase__tag { display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: 2px; color: #b3c4cf; margin-bottom: 8px; }



.acto-showcase__body h3 { font-size: 26px; font-weight: 700; letter-spacing: -0.4px; color: var(--md-on-surface); margin-bottom: 12px; }



.acto-showcase__body p { font-size: 15px; line-height: 1.8; color: var(--md-on-surface-medium); margin-bottom: 16px; }



.acto-showcase__link { font-size: 14px; font-weight: 700; color: var(--md-primary); }



.acto-showcase__link::after { content: " \2192"; }







/* certifications */



.acto-certs { padding: 42px 0; background: #f5f7f8; text-align: center; }



.acto-certs__row { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 20px; }



.acto-certs__row li { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; background: #ffffff; border: 1px solid var(--md-outline); font-size: 13.5px; font-weight: 700; color: var(--md-on-surface); }



.acto-certs__ico { display: inline-flex; color: var(--md-primary); }



.acto-certs__ico svg { width: 17px; height: 17px; }







/* clients / sectors */



.acto-clients { padding: var(--section-y) 0; background: #ffffff; }



.acto-clients__title {



    text-align: left;



    font-family: var(--font-heading);



    font-size: 32px;



    font-weight: 800;



    letter-spacing: -0.03em;



    text-transform: none;



    color: #0a2540;



    margin-bottom: 26px;



}



.acto-clients__row { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; }



.acto-clients__row li {



    display: flex;



    flex-direction: column;



    align-items: center;



    gap: 13px;



    text-align: center;



    padding: 26px 14px;



    border: 1px solid var(--md-outline);



    border-radius: 18px;



    background: #fbfcfd;



    font-size: 14px;



    font-weight: 700;



    color: var(--md-on-surface);



    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;



}



.acto-clients__row li:hover { transform: translateY(-4px); border-color: #cfe0e8; box-shadow: 0 14px 28px rgba(16, 56, 79, 0.08); background: #ffffff; }



.acto-clients__ico {



    width: 54px;



    height: 54px;



    border-radius: 16px;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    background: var(--md-primary-light);



    color: var(--md-primary);



    transition: background 0.25s ease, color 0.25s ease;



}



.acto-clients__ico svg { width: 26px; height: 26px; }



.acto-clients__row li:hover .acto-clients__ico { background: linear-gradient(135deg, #4bb6e4, #1d7fb0); color: #ffffff; }



@media (max-width: 991px) {



    .acto-clients__row { grid-template-columns: repeat(3, 1fr); }



}



@media (max-width: 560px) {



    .acto-clients__row { grid-template-columns: repeat(2, 1fr); }



}







/* video */



.acto-video { padding: var(--section-y) 0; background: #ffffff; }



.acto-video__banner { position: relative; display: block; border-radius: 22px; overflow: hidden; }



.acto-video__banner img { width: 100%; height: 420px; object-fit: cover; display: block; }



.acto-video__banner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8, 32, 46, 0.12), rgba(8, 32, 46, 0.6)); }



.acto-video__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 84px; height: 84px; border-radius: 50%; background: rgba(255, 255, 255, 0.95); color: var(--md-primary); display: inline-flex; align-items: center; justify-content: center; z-index: 2; transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease; }



.acto-video__play svg { width: 30px; height: 30px; margin-left: 4px; }



.acto-video__banner:hover .acto-video__play { transform: translate(-50%, -50%) scale(1.07); background: var(--md-primary); color: #ffffff; }



.acto-video__caption { position: absolute; left: 34px; bottom: 28px; z-index: 2; color: #ffffff; font-size: 18px; font-weight: 700; letter-spacing: 0.3px; }







/* testimonials */



.acto-testimonials { padding: var(--section-y) 0; background: #f5f7f8; }



.acto-testimonials__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }



.acto-testimonial { margin: 0; padding: 28px 26px; border-radius: 18px; background: #ffffff; border: 1px solid var(--md-outline); }



.acto-testimonial__stars { color: #f5a623; font-size: 16px; letter-spacing: 2px; display: block; margin-bottom: 12px; }



.acto-testimonial p { font-size: 14.5px; line-height: 1.7; color: var(--md-on-surface-medium); margin-bottom: 18px; }



.acto-testimonial footer { display: flex; flex-direction: column; }



.acto-testimonial footer strong { font-size: 14px; color: var(--md-on-surface); }



.acto-testimonial footer small { font-size: 12.5px; color: var(--md-on-surface-disabled); }







/* news */



.acto-news { padding: var(--section-y) 0; background: #ffffff; }



.acto-news__all { font-size: 14px; font-weight: 700; color: var(--md-primary); white-space: nowrap; }



.acto-news__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }



.acto-news__card { display: flex; flex-direction: column; border: 1px solid var(--md-outline); border-radius: 18px; overflow: hidden; background: #ffffff; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; }



.acto-news__card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(16, 56, 79, 0.14); border-color: #cfe0e8; }



.acto-news__media { height: 190px; overflow: hidden; background: #eef2f4; }



.acto-news__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }



.acto-news__card:hover .acto-news__media img { transform: scale(1.06); }



.acto-news__body { padding: 18px 20px 22px; }



.acto-news__date { font-size: 12px; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase; color: var(--md-primary); }



.acto-news__body h3 { font-size: 16px; font-weight: 700; line-height: 1.35; color: var(--md-on-surface); margin: 8px 0; }



.acto-news__body p { font-size: 13.5px; line-height: 1.6; color: var(--md-on-surface-medium); }







/* faq */



.acto-faq { padding: var(--section-y) 0; background: #f5f7f8; }



.acto-faq__list { max-width: 860px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }



.acto-faq__item { background: #ffffff; border: 1px solid var(--md-outline); border-radius: 14px; overflow: hidden; }



.acto-faq__item summary { list-style: none; cursor: pointer; padding: 18px 22px; font-size: 15px; font-weight: 600; color: var(--md-on-surface); display: flex; align-items: center; justify-content: space-between; gap: 16px; }



.acto-faq__item summary::-webkit-details-marker { display: none; }



.acto-faq__item summary::after { content: "+"; font-size: 22px; font-weight: 400; color: var(--md-primary); line-height: 1; }



.acto-faq__item[open] summary::after { content: "\2212"; }



.acto-faq__item p { padding: 0 22px 20px; font-size: 14.5px; line-height: 1.75; color: var(--md-on-surface-medium); }







/* cta */



.acto-cta { padding: var(--section-y) 0; background: #ffffff; }



.acto-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 44px 48px; border-radius: 24px; background: linear-gradient(135deg, #0b2a3c 0%, #10384F 55%, #1c5a78 100%); color: #ffffff; }



.acto-cta__inner h2 { font-size: 28px; font-weight: 700; letter-spacing: -0.4px; line-height: 1.25; max-width: 620px; }



.acto-cta__inner p { margin-top: 8px; font-size: 15px; color: rgba(255, 255, 255, 0.8); }



.acto-cta__actions { display: flex; gap: 12px; flex: 0 0 auto; }



.acto-cta .eds-btn--ghost { color: #ffffff; border-color: rgba(255, 255, 255, 0.6); }







@media (max-width: 991px) {



    .acto-why__grid { grid-template-columns: 1fr 1fr; }



    .acto-testimonials__grid { grid-template-columns: 1fr; }



    .acto-news__grid { grid-template-columns: 1fr 1fr; }



    .acto-cta__inner { flex-direction: column; align-items: flex-start; padding: 36px 30px; }



}



@media (max-width: 700px) {



    .acto-why__grid { grid-template-columns: 1fr; }



    .acto-mission__grid, .acto-showcase__row { grid-template-columns: 1fr; gap: 24px; }



    .acto-showcase__row--rev .acto-showcase__media { order: 0; }



    .acto-news__grid { grid-template-columns: 1fr; }



    .acto-sec-head h2 { font-size: 23px; }



    .acto-mission__body h2 { font-size: 25px; }



    .acto-video__banner img { height: 260px; }



}



/* ============================================================



   STICKY HEADER



============================================================ */



.nc-header {



    position: sticky;



    top: calc(-1 * var(--nc-topbar-h, 60px));



    z-index: 100;



}







h1 { font-size: 32px !important; }



h2 { font-size: 32px !important; }



h3 { font-size: 32px !important; }



h4 { font-size: 18px !important; }



h5 { font-size: 16px !important; }



h6 { font-size: 14px !important; }







.acto-carousel__title { font-size: 13px !important; }



.eds-widget__title { font-size: 16px !important; }







@media (max-width: 900px) {



    h1 { font-size: 30px !important; }



    h2 { font-size: 24px !important; }



    h3 { font-size: 20px !important; }



    h4 { font-size: 17px !important; }



    h5 { font-size: 15px !important; }



}







@media (max-width: 600px) {



    h1 { font-size: 26px !important; }



    h2 { font-size: 21px !important; }



    h3 { font-size: 18px !important; }



    h4 { font-size: 16px !important; }



}



















/* ============================================================



   ACTOREIN MODERN DESIGN REFRESH (2026 HEALTH-TECH SYSTEM)



   Modules:



   1. Typography & Global Polish



   2. Modern Header & Topbar



   3. Glass Navbar & Menu



   4. Floating Mega Menu



   5. Hero / Promo Carousel



   6. Bento Sectors Grid



   7. Modern Product Cards & Showcase



   8. Why Us Bento Grid



   9. Mission & About Sections



   10. High-Tech Stats Counter



   11. Testimonials & Social Proof



   12. FAQ Accordion



   13. Brands & Partners



   14. Modern Footer



   15. Inner Pages (Hero, Subnav, Contact, Product Detail)



   16. Micro-animations & Responsiveness



============================================================ */







/* ---------- 1. Typography & Global Polish ---------- */



html {



    scroll-behavior: smooth;



}







body {



    font-family: var(--font-sans) !important;



    color: #334155 !important;



    background-color: #f8fafc !important;



    -webkit-font-smoothing: antialiased;



    -moz-osx-font-smoothing: grayscale;



    text-rendering: optimizeLegibility;



}







h1, h2, h3, h4, h5, h6 {



    font-family: var(--font-heading) !important;



    font-weight: 700 !important;



    color: #0a2540 !important;



    letter-spacing: -0.025em !important;



}







h1 { font-size: 32px !important; line-height: 1.2 !important; }



h2 { font-size: 32px !important; line-height: 1.25 !important; }



h3 { font-size: 32px !important; line-height: 1.3 !important; }



h4 { font-size: 18px !important; }



h5 { font-size: 16px !important; }



h6 { font-size: 14px !important; }







p {



    line-height: 1.65;



}







::selection {



    background: #bae6fd;



    color: #0369a1;



}







::-webkit-scrollbar {



    width: 9px;



    height: 9px;



}



::-webkit-scrollbar-track {



    background: #f1f5f9;



}



::-webkit-scrollbar-thumb {



    background: #cbd5e1;



    border-radius: 999px;



}



::-webkit-scrollbar-thumb:hover {



    background: #94a3b8;



}







/* Base Buttons Polish */



.eds-btn {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    gap: 8px;



    font-family: var(--font-sans);



    font-size: 14px;



    font-weight: 600;



    padding: 12px 26px;



    border-radius: 999px;



    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);



    cursor: pointer;



    text-decoration: none;



    box-shadow: 0 2px 6px rgba(10, 37, 64, 0.08);



}







.eds-btn--primary {



    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;



    color: #ffffff !important;



    border: none !important;



    box-shadow: 0 8px 20px -4px rgba(2, 132, 199, 0.4) !important;



}







.eds-btn--primary:hover {



    background: linear-gradient(135deg, #0369a1 0%, #075985 100%) !important;



    transform: translateY(-2px);



    box-shadow: 0 12px 26px -4px rgba(2, 132, 199, 0.5) !important;



}







.eds-btn--ghost {



    background: transparent !important;



    color: #0a2540 !important;



    border: 1.5px solid #cbd5e1 !important;



}







.eds-btn--ghost:hover {



    background: #f1f5f9 !important;



    border-color: #94a3b8 !important;



    transform: translateY(-2px);



}







/* Section Eyebrow Badge */



.acto-sec-eyebrow,



.acto-about__eyebrow,



.acto-contactpage__eyebrow,



.acto-stats__eyebrow,



.acto-ua__eyebrow {



    display: inline-flex !important;



    align-items: center !important;



    gap: 6px !important;



    font-family: var(--font-sans) !important;



    font-size: 11.5px !important;



    font-weight: 700 !important;



    letter-spacing: 0.1em !important;



    text-transform: uppercase !important;



    color: #0284c7 !important;



    background: #e0f2fe !important;



    padding: 5px 14px !important;



    border-radius: 999px !important;



    margin-bottom: 14px !important;



    box-shadow: 0 1px 3px rgba(2, 132, 199, 0.1) !important;



}







.acto-sec-head {



    margin-bottom: 46px !important;



}



.acto-sec-head h2 {



    font-size: 34px !important;



    font-weight: 800 !important;



    color: #0a2540 !important;



    letter-spacing: -0.03em !important;



}



.acto-sec-head p {



    font-size: 15.5px !important;



    color: #64748b !important;



    max-width: 600px !important;



    margin: 12px auto 0 !important;



}







/* ---------- 2. Modern Header & Topbar ---------- */



.nc-header {



    position: sticky;



    top: calc(-1 * var(--nc-topbar-h, 60px));



    z-index: 100;



    transition: box-shadow 0.3s ease;



}







.nc-topbar {



    background: linear-gradient(135deg, #07192b 0%, #0a2540 60%, #0c3356 100%) !important;



    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;



    position: relative;



    overflow: visible;



    z-index: 70;



}







/* Softer, modern angled highlight cut */



.nc-topbar__cut {



    width: max(46%, 560px) !important;



    background: rgba(255, 255, 255, 0.95) !important;



    backdrop-filter: blur(12px) !important;



    -webkit-backdrop-filter: blur(12px) !important;



    clip-path: polygon(60px 0, 100% 0, 100% 100%, 0 100%) !important;



}







.nc-topbar__cut2 {



    width: max(48%, 585px) !important;



    background: rgba(56, 189, 248, 0.35) !important;



    clip-path: polygon(80px 0, 100% 0, 100% 100%, 20px 100%) !important;



}







.nc-topbar__inner {



    min-height: 58px !important;



}







/* Live Pulse on 7/24 Support */



.nc-topbar__contact {



    display: inline-flex !important;



    align-items: center !important;



    gap: 12px !important;



    padding: 7px 14px !important;



    border-radius: 999px !important;



    background: rgba(255, 255, 255, 0.08) !important;



    border: 1px solid rgba(255, 255, 255, 0.12) !important;



    transition: all 0.25s ease !important;



}



.nc-topbar__contact:hover {



    background: rgba(255, 255, 255, 0.16) !important;



    border-color: rgba(56, 189, 248, 0.4) !important;



    transform: translateY(-1px);



}







.nc-topbar__contact .nc-topbar__icon {



    position: relative;



    color: #38bdf8 !important;



}



.nc-topbar__contact .nc-topbar__icon::after {



    content: "";



    position: absolute;



    top: -2px;



    right: -2px;



    width: 8px;



    height: 8px;



    border-radius: 50%;



    background: #10b981;



    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.3);



    animation: none;



}



@keyframes livePulseDot {



    0%, 100% { transform: scale(1); opacity: 1; }



    50% { transform: scale(1.3); opacity: 0.6; }



}







.nc-topbar__text small {



    font-size: 11px !important;



    color: #94a3b8 !important;



    font-weight: 500 !important;



    text-transform: uppercase !important;



    letter-spacing: 0.05em !important;



}



.nc-topbar__text strong {



    font-size: 16px !important;



    font-weight: 700 !important;



    color: #ffffff !important;



    letter-spacing: 0.02em !important;



}







/* ActoPIM Button */



.nc-topbar__brochure {



    display: inline-flex !important;



    align-items: center !important;



    gap: 10px !important;



    padding: 7px 14px !important;



    border-radius: 999px !important;



    background: rgba(255, 255, 255, 0.06) !important;



    border: 1px solid rgba(255, 255, 255, 0.1) !important;



    transition: all 0.25s ease !important;



}



.nc-topbar__brochure:hover {



    background: rgba(255, 255, 255, 0.14) !important;



    transform: translateY(-1px);



}



.nc-topbar__brochure .nc-topbar__icon {



    color: #38bdf8 !important;



}







/* Right Side Actions on White Cut */



.nc-topbar__actions .nc-tool {



    font-family: var(--font-sans) !important;



    font-size: 13.5px !important;



    font-weight: 600 !important;



    color: #334155 !important;



    padding: 6px 12px !important;



    border-radius: 999px !important;



    transition: all 0.2s ease !important;



}



.nc-topbar__actions .nc-tool:hover {



    color: #0284c7 !important;



    background: #f1f5f9 !important;



}







.nc-sites__menu {



    border-radius: 16px !important;



    box-shadow: 0 20px 45px rgba(10, 37, 64, 0.16) !important;



    border: 1px solid #e2e8f0 !important;



    padding: 8px !important;



}



.nc-sites__menu a {



    border-radius: 10px !important;



    font-weight: 500 !important;



    transition: all 0.15s ease !important;



}



.nc-sites__menu a:hover {



    background: #f0f9ff !important;



    color: #0284c7 !important;



}







/* ---------- 3. Glass Navbar & Menu ---------- */



.nc-navbar {



    background: rgba(255, 255, 255, 0.94) !important;



    backdrop-filter: blur(16px) !important;



    -webkit-backdrop-filter: blur(16px) !important;



    border-bottom: 1px solid rgba(226, 232, 240, 0.85) !important;



    box-shadow: 0 4px 20px -4px rgba(10, 37, 64, 0.04) !important;



}







.nc-navbar__inner {



    min-height: 78px !important;



}







/* Logo */



.nc-logo__text {



    font-family: var(--font-heading) !important;



    font-size: 26px !important;



    font-weight: 800 !important;



    letter-spacing: -0.03em !important;



    color: #0a2540 !important;



}



.nc-logo__text strong {



    color: #0284c7 !important;



}



.logo-country-mark {



    display: inline-flex !important;



    align-items: center !important;



    gap: 10px !important;



}



.logo-country-divider {



    height: 48px !important;



    background: #e2e8f0 !important;



}



.logo-ikbaal-mark-image {



    height: 56px !important;



    border-radius: 8px !important;



}



@media (max-width: 640px) {



    .logo-ikbaal-mark-image { height: 42px !important; }



    .logo-country-divider { height: 34px !important; }



}







/* Remove old divider bars between nav items */



.nc-menu ul li + li a::before {



    display: none !important;



}







/* Nav Menu Items as Interactive Pills */



.nc-menu ul {



    gap: 4px !important;



}



.nc-menu ul li a {



    font-family: var(--font-sans) !important;



    font-size: 14px !important;



    font-weight: 600 !important;



    color: #334155 !important;



    padding: 9px 18px !important;



    border-radius: 999px !important;



    letter-spacing: 0 !important;



    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;



}



.nc-menu ul li a:hover,



.nc-menu ul li.is-open > a {



    color: #0284c7 !important;



    background: #f0f9ff !important;



    transform: translateY(-1px);



}



.nc-menu__caret {



    transition: transform 0.25s ease !important;



}



.nc-menu__item--mega.is-open .nc-menu__caret {



    transform: rotate(180deg) !important;



}







/* Search Tool Button */



.nc-search__btn {



    width: 42px !important;



    height: 42px !important;



    border-radius: 50% !important;



    background: #f8fafc !important;



    border: 1px solid #e2e8f0 !important;



    color: #475569 !important;



    transition: all 0.2s ease !important;



}



.nc-search__btn:hover,



.nc-search.is-open .nc-search__btn {



    background: #f0f9ff !important;



    color: #0284c7 !important;



    border-color: #bae6fd !important;



}



.nc-search__panel {



    border-radius: 999px !important;



    box-shadow: 0 20px 45px rgba(10, 37, 64, 0.16) !important;



    border: 1px solid #cbd5e1 !important;



    background: #ffffff !important;



}







/* Language Pill Button */



.nc-lang {



    height: 42px !important;



    padding: 0 15px !important;



    background: #f8fafc !important;



    border: 1px solid #e2e8f0 !important;



    border-radius: 999px !important;



    color: #334155 !important;



    transition: all 0.2s ease !important;



}



.nc-lang:hover,



.nc-lang-wrap.is-open .nc-lang {



    background: #f0f9ff !important;



    color: #0284c7 !important;



    border-color: #bae6fd !important;



}



.nc-lang__menu {



    border-radius: 16px !important;



    box-shadow: 0 20px 50px rgba(10, 37, 64, 0.18) !important;



    border: 1px solid #e2e8f0 !important;



    padding: 8px !important;



}



.nc-lang__menu a {



    border-radius: 10px !important;



    padding: 8px 12px !important;



    font-weight: 500 !important;



}



.nc-lang__menu a:hover {



    background: #f0f9ff !important;



    color: #0284c7 !important;



}



.nc-lang__menu a.is-active {



    background: #e0f2fe !important;



    color: #0284c7 !important;



    font-weight: 700 !important;



}







/* Burger Mobile Button */



.nc-burger {



    width: 44px !important;



    height: 44px !important;



    border-radius: 14px !important;



    background: #0a2540 !important;



    border: none !important;



    color: #ffffff !important;



    box-shadow: 0 4px 12px rgba(10, 37, 64, 0.15) !important;



}







/* ---------- 4. Floating Mega Menu ---------- */



.nc-mega {



    border-radius: 0 0 24px 24px !important;



    box-shadow: 0 32px 64px -16px rgba(10, 37, 64, 0.18), 0 0 0 1px rgba(226, 232, 240, 0.85) !important;



    backdrop-filter: blur(20px) !important;



    -webkit-backdrop-filter: blur(20px) !important;



    border-top: 1px solid #e2e8f0 !important;



}







.nc-mega__cats {



    padding: 22px 16px !important;



    border-right: 1px solid #e2e8f0 !important;



    background: #fafcff !important;



}



.nc-mega__cats-title {



    font-family: var(--font-heading) !important;



    font-size: 13px !important;



    font-weight: 700 !important;



    text-transform: uppercase !important;



    letter-spacing: 0.08em !important;



    color: #0284c7 !important;



    padding: 0 10px !important;



    margin-bottom: 12px !important;



}



.nc-mega__cat {



    padding: 9px 12px !important;



    border-radius: 12px !important;



    font-size: 13px !important;



    font-weight: 500 !important;



    color: #334155 !important;



    transition: all 0.2s ease !important;



}



.nc-mega__cat:hover {



    background: #f0f9ff !important;



    color: #0284c7 !important;



}



.nc-mega__cat.is-active {



    background: #e0f2fe !important;



    color: #0284c7 !important;



    font-weight: 700 !important;



    box-shadow: inset 3px 0 0 #0284c7 !important;



}



.nc-mega__cat.is-active .nc-mega__cat-icon {



    color: #0284c7 !important;



}







.nc-mega__panels {



    padding: 28px 32px !important;



}



.nc-mega__panel h3 {



    font-size: 22px !important;



    font-weight: 800 !important;



    color: #0a2540 !important;



    margin-bottom: 8px !important;



}



.nc-mega__panel-rule {



    width: 48px !important;



    height: 3px !important;



    border-radius: 999px !important;



    background: linear-gradient(90deg, #0284c7, #38bdf8) !important;



    margin-bottom: 14px !important;



}



.nc-mega__panel p {



    font-size: 13px !important;



    color: #64748b !important;



    line-height: 1.6 !important;



}







.nc-mega__item {



    border: 1px solid #e2e8f0 !important;



    border-radius: 16px !important;



    background: #ffffff !important;



    padding: 12px !important;



    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;



}



.nc-mega__item:hover {



    border-color: #bae6fd !important;



    box-shadow: 0 12px 28px -4px rgba(10, 37, 64, 0.08) !important;



    transform: translateY(-2px) !important;



}



.nc-mega__item-media {



    border-radius: 10px !important;



    overflow: hidden !important;



    background: #f8fafc !important;



}



.nc-mega__item-title {



    font-weight: 700 !important;



    color: #0a2540 !important;



    font-size: 14px !important;



}



.nc-mega__item-desc {



    color: #64748b !important;



    font-size: 12px !important;



}



.nc-mega__item-go {



    color: #0284c7 !important;



    transition: transform 0.2s ease !important;



}



.nc-mega__item:hover .nc-mega__item-go {



    transform: translateX(3px) !important;



}







.nc-mega__aside {



    padding: 24px 20px !important;



    border-left: 1px solid #e2e8f0 !important;



    background: #fafcff !important;



}



.nc-mega__brochure {



    border-radius: 16px !important;



    border: 1px solid #e2e8f0 !important;



    background: #ffffff !important;



    padding: 16px !important;



    transition: all 0.2s ease !important;



}



.nc-mega__brochure:hover {



    border-color: #bae6fd !important;



    box-shadow: 0 8px 20px rgba(10, 37, 64, 0.06) !important;



}



.nc-mega__brochure-icon {



    border-radius: 12px !important;



    background: #e0f2fe !important;



    color: #0284c7 !important;



}



.nc-mega__allbtn {



    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;



    border-radius: 14px !important;



    font-weight: 700 !important;



    box-shadow: 0 8px 20px -4px rgba(2, 132, 199, 0.35) !important;



    transition: all 0.2s ease !important;



}



.nc-mega__allbtn:hover {



    background: linear-gradient(135deg, #0369a1 0%, #075985 100%) !important;



    transform: translateY(-2px) !important;



    box-shadow: 0 12px 26px -4px rgba(2, 132, 199, 0.45) !important;



}







/* ---------- 5. Hero / Promo Carousel ---------- */



.acto-promo {



    margin-top: 0 !important;



}



.acto-carousel__track {



    background: #07192b !important;



}



.acto-carousel__slide.is-active {



    min-height: 520px !important;



}



.acto-carousel__detail {



    max-width: 680px !important;



    padding: 0 4em !important;



    background: linear-gradient(90deg, rgba(7, 25, 43, 0.95) 0%, rgba(7, 25, 43, 0.82) 45%, rgba(7, 25, 43, 0.25) 75%, transparent 100%) !important;



}



/* Slider text aligned with the header container content edge (background stays full-bleed) */



@media (min-width: 992px) {



    .acto-carousel__detail {



        max-width: none !important;



        padding-left: max(40px, calc((100% - var(--nc-container)) / 2 + 40px)) !important;



        padding-right: 40px !important;



    }



    .acto-carousel__thumbs {



        left: max(40px, calc((100% - var(--nc-container)) / 2 + 40px)) !important;



        transform: none !important;



    }



    .acto-carousel__nav--next {



        right: max(40px, calc((100% - var(--nc-container)) / 2 + 40px)) !important;



        left: auto !important;



    }



    .acto-carousel__nav--prev {



        right: calc(max(40px, calc((100% - var(--nc-container)) / 2 + 40px)) + 66px) !important;



        left: auto !important;



    }



}



.acto-carousel__title {



    font-family: var(--font-sans) !important;



    font-size: 12.5px !important;



    font-weight: 700 !important;



    letter-spacing: 0.14em !important;



    text-transform: uppercase !important;



    color: #38bdf8 !important;



    display: inline-flex !important;



    align-items: center !important;



    gap: 8px !important;



    background: rgba(56, 189, 248, 0.12) !important;



    padding: 6px 14px !important;



    border-radius: 999px !important;



    width: fit-content !important;



    border: 1px solid rgba(56, 189, 248, 0.25) !important;



}



.acto-carousel__text {



    font-family: var(--font-heading) !important;



    font-size: 46px !important;



    font-weight: 800 !important;



    line-height: 1.15 !important;



    letter-spacing: -0.03em !important;



    color: #ffffff !important;



    margin-top: 16px !important;



    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important;



}



.acto-carousel__btn {



    background: #ffffff !important;



    color: #0a2540 !important;



    font-family: var(--font-sans) !important;



    font-size: 14.5px !important;



    font-weight: 700 !important;



    padding: 14px 34px !important;



    border-radius: 999px !important;



    margin-top: 32px !important;



    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25) !important;



    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;



}



.acto-carousel__btn:hover {



    background: #0284c7 !important;



    color: #ffffff !important;



    transform: translateY(-2px) !important;



    box-shadow: 0 14px 30px rgba(2, 132, 199, 0.45) !important;



}







.acto-carousel__nav {



    width: 48px !important;



    height: 48px !important;



    border-radius: 50% !important;



    background: rgba(255, 255, 255, 0.88) !important;



    backdrop-filter: blur(8px) !important;



    -webkit-backdrop-filter: blur(8px) !important;



    border: 1px solid rgba(255, 255, 255, 0.9) !important;



    color: #0a2540 !important;



    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;



    transition: all 0.2s ease !important;



}



.acto-carousel__nav:hover {



    background: #0284c7 !important;



    color: #ffffff !important;



    transform: scale(1.08) !important;



}



.acto-carousel__thumbs {



    background: rgba(7, 25, 43, 0.55) !important;



    backdrop-filter: blur(12px) !important;



    -webkit-backdrop-filter: blur(12px) !important;



    border-radius: 999px !important;



    padding: 6px 10px !important;



    border: 1px solid rgba(255, 255, 255, 0.15) !important;



}



.acto-carousel__thumb {



    border-radius: 999px !important;



    width: 32px !important;



    height: 8px !important;



    border: none !important;



    background: rgba(255, 255, 255, 0.4) !important;



    transition: all 0.25s ease !important;



}



.acto-carousel__thumb img {



    display: none !important;



}



.acto-carousel__thumb.is-active {



    width: 48px !important;



    background: #38bdf8 !important;



    box-shadow: 0 0 10px rgba(56, 189, 248, 0.6) !important;



}







/* ---------- 6. Bento Sectors Grid ---------- */



.acto-sectors {



    padding: 48px 0 !important;



    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%) !important;



}



.acto-sectors__head {



    max-width: 720px;



    margin: 0 0 40px;



    text-align: left;



}



.acto-sectors__head h2 {



    font-family: var(--font-heading) !important;



    font-size: 32px !important;



    font-weight: 800 !important;



    letter-spacing: -0.03em !important;



    color: #0a2540 !important;



    margin: 0 0 12px;



}



.acto-sectors__head h2::after {



    content: "";



    display: block;



    width: 56px;



    height: 4px;



    margin: 16px 0 0;



    border-radius: 999px;



    background: linear-gradient(90deg, #0284c7, #38bdf8);



}



/* Accent underline for all section headings (same as categories) */



.acto-sec-head h2::after,



.acto-mission__body h2::after,



.acto-stats__head h2::after,



.acto-clients__title::after,



.acto-brands__title::after {



    content: "";



    display: block;



    width: 56px;



    height: 4px;



    margin: 14px 0 0;



    border-radius: 999px;



    background: linear-gradient(90deg, #0284c7, #38bdf8);



}



.acto-sectors__head p {



    font-size: 15px !important;



    line-height: 1.7 !important;



    color: #64748b !important;



    margin: 0 !important;



}



.acto-sectors__row li {



    border-right: none !important;



}



.acto-sectors__row {



    gap: 16px !important;



}



.acto-sectors__row a {



    position: relative;



    gap: 14px !important;



    overflow: hidden !important;



    border-radius: 20px !important;



    background: #ffffff !important;



    border: 1px solid #e6edf3 !important;



    box-shadow: 0 2px 10px rgba(10, 37, 64, 0.04) !important;



    padding: 26px 16px 22px !important;



    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;



}



.acto-sectors__row a::before {



    content: "";



    position: absolute;



    top: 0;



    left: 0;



    right: 0;



    height: 3px;



    border-radius: 20px 20px 0 0;



    background: linear-gradient(90deg, #0284c7, #38bdf8);



    transform: scaleX(0);



    transform-origin: left;



    transition: transform 0.3s ease;



}



.acto-sectors__row a:hover {



    background: #ffffff !important;



    border-color: #bae6fd !important;



    transform: translateY(-6px) !important;



    box-shadow: 0 22px 40px -12px rgba(2, 132, 199, 0.22) !important;



}



.acto-sectors__row a:hover::before {



    transform: scaleX(1);



}



.acto-sectors__icon {



    width: 60px !important;



    height: 60px !important;



    border-radius: 18px !important;



    background: linear-gradient(135deg, #eff6ff 0%, #e0f2fe 100%) !important;



    color: #0284c7 !important;



    border: 1px solid #dbeafe !important;



    box-shadow: 0 6px 14px rgba(2, 132, 199, 0.08) !important;



    transition: all 0.28s ease !important;



}



.acto-sectors__icon svg {



    width: 28px !important;



    height: 28px !important;



}



.acto-sectors__row a:hover .acto-sectors__icon {



    background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%) !important;



    color: #ffffff !important;



    border-color: transparent !important;



    transform: translateY(-2px) scale(1.05) !important;



    box-shadow: 0 12px 24px rgba(2, 132, 199, 0.35) !important;



}



.acto-sectors__label {



    font-family: var(--font-sans) !important;



    font-size: 14.5px !important;



    font-weight: 700 !important;



    line-height: 1.3 !important;



    color: #0f172a !important;



    transition: color 0.2s ease !important;



}



.acto-sectors__row a:hover .acto-sectors__label {



    color: #0284c7 !important;



}







/* ============================================================



   MODERN ÜRÜN KATEGORİLERİ SECTION



   ============================================================ */



.acto-categories {



    padding: 72px 0 80px !important;



    background: #ffffff !important;



}



.acto-categories__head {



    display: flex !important;



    align-items: flex-end !important;



    justify-content: space-between !important;



    gap: 24px !important;



    margin-bottom: 36px !important;



}



.acto-categories__head-text {



    max-width: 660px;



}



.acto-categories__eyebrow {



    display: inline-flex;



    align-items: center;



    font-size: 11.5px;



    font-weight: 700;



    letter-spacing: 0.1em;



    text-transform: uppercase;



    color: #0284c7;



    background: #e0f2fe;



    padding: 4px 12px;



    border-radius: 999px;



    margin-bottom: 12px;



}



.acto-categories__head-text h2 {



    font-family: var(--font-heading) !important;



    font-size: 32px !important;



    font-weight: 800 !important;



    color: #0f172a !important;



    letter-spacing: -0.03em !important;



    margin: 0 0 10px !important;



    line-height: 1.25 !important;



}



.acto-categories__head-text p {



    font-size: 15px !important;



    color: #64748b !important;



    line-height: 1.6 !important;



    margin: 0 !important;



}



.acto-categories__all-link {



    display: inline-flex !important;



    align-items: center !important;



    gap: 8px !important;



    font-size: 14px !important;



    font-weight: 700 !important;



    color: #0284c7 !important;



    text-decoration: none !important;



    padding: 10px 18px !important;



    border-radius: 10px !important;



    background: #f0f9ff !important;



    border: 1px solid #bae6fd !important;



    transition: all 0.2s ease !important;



    flex-shrink: 0;



}



.acto-categories__all-link:hover {



    background: #0284c7 !important;



    color: #ffffff !important;



    border-color: #0284c7 !important;



    transform: translateY(-2px);



    box-shadow: 0 6px 16px rgba(2, 132, 199, 0.25) !important;



}



.acto-categories__grid {



    display: grid !important;



    grid-template-columns: repeat(4, 1fr) !important;



    gap: 20px !important;



}



.acto-cat-card {



    display: flex !important;



    flex-direction: column !important;



    background: #ffffff !important;



    border: 1px solid #e2e8f0 !important;



    border-radius: 16px !important;



    padding: 24px !important;



    text-decoration: none !important;



    color: inherit !important;



    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;



    position: relative !important;



    overflow: hidden !important;



}



.acto-cat-card::before {



    content: "";



    position: absolute;



    top: 0;



    left: 0;



    right: 0;



    height: 3px;



    background: linear-gradient(90deg, #0284c7, #38bdf8);



    opacity: 0;



    transition: opacity 0.25s ease;



}



.acto-cat-card:hover {



    transform: translateY(-5px) !important;



    border-color: #0284c7 !important;



    box-shadow: 0 16px 32px -8px rgba(2, 132, 199, 0.14) !important;



}



.acto-cat-card:hover::before {



    opacity: 1;



}



.acto-cat-card__top {



    display: flex !important;



    align-items: center !important;



    justify-content: space-between !important;



    margin-bottom: 18px !important;



}



.acto-cat-card__icon {



    width: 48px !important;



    height: 48px !important;



    border-radius: 12px !important;



    background: #f0f9ff !important;



    border: 1px solid #e0f2fe !important;



    color: #0284c7 !important;



    display: inline-flex !important;



    align-items: center !important;



    justify-content: center !important;



    transition: all 0.25s ease !important;



}



.acto-cat-card:hover .acto-cat-card__icon {



    background: #0284c7 !important;



    color: #ffffff !important;



    border-color: #0284c7 !important;



    transform: scale(1.06);



}



.acto-cat-card__icon svg {



    width: 24px;



    height: 24px;



}



.acto-cat-card__badge {



    font-size: 10.5px !important;



    font-weight: 700 !important;



    letter-spacing: 0.04em !important;



    text-transform: uppercase !important;



    color: #475569 !important;



    background: #f1f5f9 !important;



    border: 1px solid #e2e8f0 !important;



    padding: 3px 9px !important;



    border-radius: 6px !important;



}



.acto-cat-card__body {



    flex: 1 !important;



    margin-bottom: 18px !important;



}



.acto-cat-card__body h3 {



    font-family: var(--font-heading) !important;



    font-size: 16.5px !important;



    font-weight: 700 !important;



    color: #0f172a !important;



    margin: 0 0 8px !important;



    line-height: 1.35 !important;



    transition: color 0.2s ease !important;



}



.acto-cat-card:hover .acto-cat-card__body h3 {



    color: #0284c7 !important;



}



.acto-cat-card__body p {



    font-size: 13px !important;



    line-height: 1.6 !important;



    color: #64748b !important;



    margin: 0 !important;



}



.acto-cat-card__footer {



    display: flex !important;



    align-items: center !important;



    padding-top: 14px !important;



    border-top: 1px solid #f1f5f9 !important;



}



.acto-cat-card__action {



    display: inline-flex !important;



    align-items: center !important;



    gap: 6px !important;



    font-size: 12.5px !important;



    font-weight: 700 !important;



    color: #0284c7 !important;



    transition: gap 0.2s ease !important;



}



.acto-cat-card:hover .acto-cat-card__action {



    gap: 9px !important;



}



@media (max-width: 1024px) {



    .acto-categories__grid {



        grid-template-columns: repeat(2, 1fr) !important;



        gap: 16px !important;



    }



}



@media (max-width: 768px) {



    .acto-categories {



        padding: 48px 0 54px !important;



    }



    .acto-categories__head {



        flex-direction: column !important;



        align-items: flex-start !important;



        gap: 16px !important;



    }



    .acto-categories__all-link {



        width: 100% !important;



        justify-content: center !important;



    }



}



@media (max-width: 600px) {



    .acto-categories__grid {



        grid-template-columns: 1fr !important;



        gap: 14px !important;



    }



    .acto-cat-card {



        padding: 20px !important;



    }



}







/* ---------- 7. Modern Product Cards & Showcase (Clean, Minimal, Zero-Gradient) ---------- */



.acto-products {



    padding: 72px 0 80px !important;



    background: #f8fafc !important;



    border-top: 1px solid #edf2f7 !important;



    border-bottom: 1px solid #edf2f7 !important;



}







.acto-products__head {



    display: flex !important;



    align-items: flex-end !important;



    justify-content: space-between !important;



    gap: 24px !important;



    margin-bottom: 24px !important;



}







.acto-products__head-text {



    max-width: 720px;



}







.acto-products__eyebrow {



    display: inline-flex;



    align-items: center;



    gap: 6px;



    font-size: 11.5px;



    font-weight: 700;



    letter-spacing: 0.1em;



    text-transform: uppercase;



    color: #0284c7;



    background: #e0f2fe;



    padding: 4px 12px;



    border-radius: 999px;



    margin-bottom: 12px;



}







.acto-products__head-text h2 {



    font-family: var(--font-heading) !important;



    font-size: 32px !important;



    font-weight: 800 !important;



    color: #0f172a !important;



    letter-spacing: -0.03em !important;



    margin: 0 0 10px !important;



    line-height: 1.25 !important;



}



.acto-products__head-text h2::after {



    display: none !important;



}







.acto-products__head-text p {



    font-size: 15px !important;



    color: #64748b !important;



    line-height: 1.6 !important;



    margin: 0 !important;



}







/* Toolbar: Tabs on Left, Arrows on Right */



.acto-products__bar {



    display: flex !important;



    align-items: center !important;



    justify-content: space-between !important;



    gap: 16px !important;



    margin-bottom: 24px !important;



    flex-wrap: wrap !important;



}







.acto-products__bar .acto-products__head-nav {



    display: flex !important;



    align-items: center !important;



    gap: 8px !important;



    flex-shrink: 0;



}







.acto-products__nav {



    width: 42px !important;



    height: 42px !important;



    border-radius: 50% !important;



    border: 1.5px solid #cbd5e1 !important;



    background: #ffffff !important;



    color: #0f172a !important;



    display: inline-flex !important;



    align-items: center !important;



    justify-content: center !important;



    cursor: pointer !important;



    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;



    transition: all 0.2s ease !important;



}



.acto-products__nav:hover {



    background: #0284c7 !important;



    color: #ffffff !important;



    border-color: #0284c7 !important;



    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25) !important;



    transform: translateY(-1px);



}



.acto-products__nav:disabled {



    opacity: 0.3 !important;



    cursor: not-allowed !important;



    transform: none !important;



    box-shadow: none !important;



}







/* Category Filter Tabs (Modern Segmented Control) */



.acto-products__tabs {



    background: #ffffff !important;



    border: 1px solid #e2e8f0 !important;



    border-radius: 12px !important;



    padding: 5px !important;



    gap: 4px !important;



    display: inline-flex !important;



    margin-bottom: 0 !important;



    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;



}







.acto-products__tab {



    font-family: var(--font-sans) !important;



    font-size: 13.5px !important;



    font-weight: 600 !important;



    color: #64748b !important;



    background: transparent !important;



    border: none !important;



    border-radius: 8px !important;



    padding: 8px 20px !important;



    cursor: pointer !important;



    transition: all 0.2s ease !important;



}



.acto-products__tab:hover {



    color: #0284c7 !important;



    background: #f8fafc !important;



}



.acto-products__tab.is-active {



    background: #0284c7 !important;



    color: #ffffff !important;



    font-weight: 700 !important;



    box-shadow: 0 2px 6px rgba(2, 132, 199, 0.25) !important;



}







/* Product Carousel Track & Cards */



.acto-pcarousel__viewport {



    overflow: hidden !important;



    padding: 6px 4px 16px !important;



    margin: -6px -4px -16px !important;



}



.acto-pcarousel__track {



    display: flex !important;



    gap: 20px !important;



    transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1) !important;



    will-change: transform;



}



.acto-pcarousel__track .product-card {



    flex: 0 0 calc((100% - 60px) / 4) !important;



    min-width: 0 !important;



    border-radius: 16px !important;



    border: 1px solid #e2e8f0 !important;



    background: #ffffff !important;



    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04) !important;



    overflow: hidden !important;



    display: flex !important;



    flex-direction: column !important;



    text-decoration: none !important;



    color: inherit !important;



    position: relative !important;



    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;



}



.acto-pcarousel__track .product-card:hover {



    transform: translateY(-5px) !important;



    border-color: #0284c7 !important;



    box-shadow: 0 14px 28px -6px rgba(2, 132, 199, 0.18) !important;



}



@media (max-width: 1100px) {



    .acto-pcarousel__track .product-card { flex: 0 0 calc((100% - 40px) / 3) !important; }



}



@media (max-width: 900px) {



    .acto-pcarousel__track .product-card { flex: 0 0 calc((100% - 20px) / 2) !important; }



}



@media (max-width: 640px) {



    .acto-pcarousel__track { gap: 16px !important; }



    .acto-pcarousel__track .product-card { flex: 0 0 100% !important; }



}







/* Modern Product Card Media & Floating Tag */



.product-card__media {



    position: relative !important;



    height: 200px !important;



    background: #ffffff !important;



    padding: 0 !important;



    display: flex !important;



    align-items: center !important;



    justify-content: center !important;



    overflow: hidden !important;



    border-bottom: 1px solid #f1f5f9 !important;



}



.product-card__tag {



    position: absolute !important;



    top: 12px !important;



    left: 12px !important;



    z-index: 5 !important;



    background: #f0fdf4 !important;



    color: #16a34a !important;



    border: 1px solid #bbf7d0 !important;



    font-size: 11px !important;



    font-weight: 700 !important;



    text-transform: uppercase !important;



    letter-spacing: 0.04em !important;



    padding: 3px 9px !important;



    border-radius: 6px !important;



    white-space: nowrap !important;



    line-height: 1.4 !important;



    pointer-events: none !important;



}



.product-card__media img {



    width: 100% !important;



    height: 100% !important;



    object-fit: cover !important;



    display: block !important;



    margin: 0 !important;



    transition: transform 0.3s ease !important;



}



.product-card:hover .product-card__media img {



    transform: scale(1.05) !important;



}







.product-card__body {



    padding: 20px !important;



    display: flex !important;



    flex-direction: column !important;



    flex: 1 !important;



    gap: 6px !important;



    background: #ffffff !important;



}







.product-card__specs {



    font-size: 11px;



    font-weight: 600;



    color: #0284c7;



    background: #e0f2fe;



    padding: 2px 8px;



    border-radius: 4px;



    display: inline-flex;



    align-self: flex-start;



    margin-bottom: 2px;



}







.product-card h3 {



    font-size: 16px !important;



    font-weight: 800 !important;



    color: #0f172a !important;



    letter-spacing: -0.01em !important;



    margin: 2px 0 4px !important;



    line-height: 1.35 !important;



}







.product-card p {



    font-size: 13px !important;



    color: #64748b !important;



    line-height: 1.5 !important;



    flex: 1 !important;



    margin: 0 0 16px !important;



}







.product-card__footer {



    padding-top: 12px !important;



    border-top: 1px solid #f1f5f9 !important;



    margin-top: auto !important;



    display: flex !important;



    align-items: center !important;



    justify-content: space-between !important;



}







.product-card__more {



    color: #0284c7 !important;



    font-size: 13px !important;



    font-weight: 700 !important;



    display: inline-flex !important;



    align-items: center !important;



    gap: 6px !important;



    transition: gap 0.2s ease, color 0.2s ease !important;



}



.product-card__more svg {



    transition: transform 0.2s ease;



}



.product-card:hover .product-card__more {



    color: #0369a1 !important;



    gap: 8px !important;



}



.product-card:hover .product-card__more svg {



    transform: translateX(2px);



}







/* Pagination Dots */



.acto-pcarousel__dots {



    display: flex;



    justify-content: center;



    gap: 8px;



    margin-top: 28px;



}



.acto-pcarousel__dot {



    width: 8px !important;



    height: 8px !important;



    border-radius: 999px !important;



    background: #cbd5e1 !important;



    border: none !important;



    padding: 0 !important;



    cursor: pointer !important;



    transition: all 0.2s ease !important;



}



.acto-pcarousel__dot.is-active {



    width: 24px !important;



    background: #0284c7 !important;



}







/* Bottom Discovery Banner */



.acto-products__bottom {



    margin-top: 40px;



    background: #ffffff;



    border: 1px solid #e2e8f0;



    border-radius: 14px;



    padding: 22px 28px;



    display: flex;



    align-items: center;



    justify-content: space-between;



    flex-wrap: wrap;



    gap: 16px;



    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03);



}



.acto-products__bottom-text strong {



    display: block;



    font-size: 15px;



    font-weight: 700;



    color: #0f172a;



    margin-bottom: 2px;



}



.acto-products__bottom-text span {



    font-size: 13px;



    color: #64748b;



}



.acto-products__bottom-btn {



    background: #0284c7;



    color: #ffffff;



    padding: 10px 22px;



    border-radius: 8px;



    font-size: 13.5px;



    font-weight: 700;



    text-decoration: none;



    display: inline-flex;



    align-items: center;



    gap: 8px;



    transition: background 0.2s ease, transform 0.2s ease;



}



.acto-products__bottom-btn:hover {



    background: #0369a1;



    transform: translateY(-1px);



}



@media (max-width: 768px) {



    .acto-products__head {



        flex-direction: column;



        align-items: flex-start !important;



    }



    .acto-products__head-nav {



        align-self: flex-end;



    }



    .acto-products__bottom {



        flex-direction: column;



        align-items: flex-start;



    }



}







/* ---------- 8. Why Us Bento Grid ---------- */



.acto-why {



    padding: 60px 0 !important;



    background: #ffffff !important;



}



.acto-why__grid {



    gap: 20px !important;



}



.acto-why__card {



    border-radius: 20px !important;



    border: 1px solid #e2e8f0 !important;



    background: #ffffff !important;



    padding: 30px 24px !important;



    box-shadow: 0 2px 10px rgba(10, 37, 64, 0.03) !important;



    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;



}



.acto-why__card:hover {



    transform: translateY(-6px) !important;



    border-color: #bae6fd !important;



    box-shadow: 0 20px 40px -8px rgba(10, 37, 64, 0.09) !important;



}



.acto-why__ico {



    width: 56px !important;



    height: 56px !important;



    border-radius: 16px !important;



    background: linear-gradient(135deg, #0284c7 0%, #38bdf8 100%) !important;



    color: #ffffff !important;



    box-shadow: 0 10px 20px -4px rgba(2, 132, 199, 0.3) !important;



    margin-bottom: 20px !important;



}



.acto-why__card h3 {



    font-size: 17.5px !important;



    font-weight: 800 !important;



    color: #0a2540 !important;



    margin-bottom: 8px !important;



}



.acto-why__card p {



    font-size: 13.5px !important;



    color: #64748b !important;



    line-height: 1.6 !important;



}







/* ---------- 9. Mission & About Sections ---------- */



.acto-mission {



    padding: 48px 0 !important;



    background: #f8fafc !important;



}



.acto-mission__media img {



    border-radius: 24px !important;



    box-shadow: 0 20px 40px -8px rgba(10, 37, 64, 0.12) !important;



    border: 1px solid #e2e8f0 !important;



}



.acto-mission__body h2 {



    font-size: 34px !important;



    font-weight: 800 !important;



    letter-spacing: -0.03em !important;



    color: #0a2540 !important;



}



.acto-mission__body p {



    font-size: 15px !important;



    color: #475569 !important;



    line-height: 1.75 !important;



}







/* Clients/Sectors List */



.acto-clients {



    padding: 48px 0 !important;



    background: #ffffff !important;



}



.acto-clients__title {



    text-align: left !important;



    font-family: var(--font-heading) !important;



    font-size: 32px !important;



    font-weight: 800 !important;



    letter-spacing: -0.03em !important;



    text-transform: none !important;



    color: #0a2540 !important;



    margin-bottom: 26px !important;



}



.acto-clients__row li {



    border-radius: 18px !important;



    border: 1px solid #e2e8f0 !important;



    background: #ffffff !important;



    padding: 24px 16px !important;



    box-shadow: 0 2px 8px rgba(10, 37, 64, 0.03) !important;



    transition: all 0.25s ease !important;



}



.acto-clients__row li:hover {



    transform: translateY(-4px) !important;



    border-color: #bae6fd !important;



    box-shadow: 0 14px 30px rgba(10, 37, 64, 0.08) !important;



}



.acto-clients__ico {



    width: 52px !important;



    height: 52px !important;



    border-radius: 14px !important;



    background: #f0f9ff !important;



    color: #0284c7 !important;



    border: 1px solid #e0f2fe !important;



}



.acto-clients__row li:hover .acto-clients__ico {



    background: linear-gradient(135deg, #0284c7 0%, #38bdf8 100%) !important;



    color: #ffffff !important;



    border-color: transparent !important;



    box-shadow: 0 8px 18px rgba(2, 132, 199, 0.3) !important;



}







/* ---------- 10. High-Tech Stats Counter ---------- */



.acto-stats {



    background: radial-gradient(circle at 10% 20%, rgba(14, 165, 233, 0.18), transparent 45%),



                radial-gradient(circle at 90% 80%, rgba(2, 132, 199, 0.18), transparent 45%),



                linear-gradient(135deg, #07192b 0%, #0a2540 50%, #0f3057 100%) !important;



    padding: 48px 0 !important;



    position: relative;



    overflow: hidden;



}



.acto-stats__head h2 {



    font-size: 34px !important;



    font-weight: 800 !important;



    letter-spacing: -0.03em !important;



    color: #ffffff !important;



}



.acto-stats__item {



    border-radius: 20px !important;



    background: rgba(255, 255, 255, 0.05) !important;



    backdrop-filter: blur(12px) !important;



    -webkit-backdrop-filter: blur(12px) !important;



    border: 1px solid rgba(255, 255, 255, 0.12) !important;



    padding: 32px 20px !important;



    transition: all 0.25s ease !important;



}



.acto-stats__item:hover {



    background: rgba(255, 255, 255, 0.08) !important;



    border-color: rgba(56, 189, 248, 0.45) !important;



    transform: translateY(-4px) !important;



    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.2) !important;



}



.acto-stats__num {



    font-family: var(--font-heading) !important;



    font-size: 54px !important;



    font-weight: 800 !important;



    letter-spacing: -0.04em !important;



    color: #ffffff !important;



    font-variant-numeric: tabular-nums !important;



}



.acto-stats__num::after {



    color: #38bdf8 !important;



}



.acto-stats__label {



    font-family: var(--font-sans) !important;



    font-size: 14.5px !important;



    font-weight: 600 !important;



    color: #cbd5e1 !important;



    margin-top: 10px !important;



}







/* ---------- 11. Testimonials & Social Proof ---------- */



.acto-testimonials {



    padding: 48px 0 !important;



    background: #f8fafc !important;



}



.acto-testimonials__grid {



    gap: 22px !important;



}



.acto-testimonial {



    border-radius: 20px !important;



    border: 1px solid #e2e8f0 !important;



    background: #ffffff !important;



    padding: 32px 28px !important;



    box-shadow: 0 4px 16px rgba(10, 37, 64, 0.04) !important;



    transition: all 0.25s ease !important;



}



.acto-testimonial:hover {



    transform: translateY(-4px) !important;



    box-shadow: 0 16px 36px rgba(10, 37, 64, 0.08) !important;



    border-color: #bae6fd !important;



}



.acto-testimonial__stars {



    color: #f59e0b !important;



    font-size: 16px !important;



    letter-spacing: 3px !important;



    margin-bottom: 14px !important;



}



.acto-testimonial p {



    font-size: 14.5px !important;



    line-height: 1.7 !important;



    color: #475569 !important;



    margin-bottom: 20px !important;



    font-style: normal !important;



}



.acto-testimonial footer strong {



    font-size: 14.5px !important;



    font-weight: 700 !important;



    color: #0a2540 !important;



}



.acto-testimonial footer small {



    font-size: 12.5px !important;



    color: #64748b !important;



}







/* ---------- 12. FAQ Accordion ---------- */



.acto-faq {



    padding: 60px 0 !important;



    background: #ffffff !important;



}



.acto-faq__list {



    gap: 14px !important;



    max-width: 820px !important;



}



.acto-faq__item {



    border-radius: 16px !important;



    border: 1px solid #e2e8f0 !important;



    background: #ffffff !important;



    box-shadow: 0 2px 8px rgba(10, 37, 64, 0.02) !important;



    transition: all 0.25s ease !important;



}



.acto-faq__item:hover {



    border-color: #cbd5e1 !important;



}



.acto-faq__item[open] {



    border-color: #bae6fd !important;



    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.08) !important;



}



.acto-faq__item summary {



    padding: 20px 24px !important;



    font-family: var(--font-sans) !important;



    font-size: 15.5px !important;



    font-weight: 700 !important;



    color: #0a2540 !important;



    transition: color 0.2s ease !important;



}



.acto-faq__item summary:hover {



    color: #0284c7 !important;



}



.acto-faq__item summary::after {



    color: #0284c7 !important;



    font-size: 22px !important;



    font-weight: 600 !important;



}



.acto-faq__item p {



    padding: 0 24px 22px !important;



    font-size: 14.5px !important;



    line-height: 1.75 !important;



    color: #64748b !important;



}







/* ---------- 13. Brands & Partners ---------- */



.acto-brands {



    padding: 48px 0 !important;



    background: #f8fafc !important;



}



.acto-brands__title {



    text-align: left !important;



    font-family: var(--font-heading) !important;



    font-size: 32px !important;



    font-weight: 800 !important;



    letter-spacing: -0.03em !important;



    text-transform: none !important;



    color: #0a2540 !important;



    margin-bottom: 26px !important;



}



.acto-brands__item {



    border-radius: 16px !important;



    border: 1px solid #e2e8f0 !important;



    background: #ffffff !important;



    padding: 20px 16px !important;



    box-shadow: 0 2px 8px rgba(10, 37, 64, 0.02) !important;



    transition: all 0.25s ease !important;



}



.acto-brands__item:hover {



    border-color: #bae6fd !important;



    transform: translateY(-4px) !important;



    box-shadow: 0 14px 28px rgba(10, 37, 64, 0.08) !important;



}



.acto-brands__logo {



    font-family: var(--font-heading) !important;



    font-size: 14.5px !important;



    font-weight: 800 !important;



    color: #0a2540 !important;



}







/* ---------- 14. Modern Footer ---------- */



.eds-footer {



    background: #07192b !important;



    color: #cbd5e1 !important;



}



.eds-footer__widgets {



    background: #0a2239 !important;



    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;



    padding: 28px 0 26px !important;



}



.eds-widget__title {



    font-family: var(--font-heading) !important;



    font-size: 16px !important;



    font-weight: 700 !important;



    color: #ffffff !important;



    letter-spacing: -0.01em !important;



    margin-bottom: 12px !important;



}



.eds-list--lines li {



    margin-bottom: 6px !important;



    border-bottom: none !important;



}



.eds-list--lines a {



    color: #cbd5e1 !important;



    font-size: 14px !important;



    line-height: 1.5 !important;



    transition: all 0.2s ease !important;



}



.eds-footer .eds-list--lines a {



    padding: 3px 0 !important;



}



.eds-list--lines a:hover {



    color: #38bdf8 !important;



    padding-left: 3px;



}



/* Footer Social Media Icons — Horizontal Row, ONLY Icons */



.eds-list--social {



    display: flex !important;



    flex-wrap: wrap !important;



    flex-direction: row !important;



    align-items: center !important;



    gap: 8px !important;



    margin-top: 10px !important;



    padding: 0 !important;



    list-style: none !important;



}



.eds-list--social li {



    display: inline-flex !important;



    margin: 0 !important;



    padding: 0 !important;



    border-bottom: none !important;



}



.eds-list--social li a {



    padding: 7px 14px !important;



    border-radius: 999px !important;



    background: rgba(56, 189, 248, 0.1) !important;



    border: 1px solid rgba(56, 189, 248, 0.28) !important;



    display: inline-flex !important;



    align-items: center !important;



    gap: 8px !important;



    color: #e2e8f0 !important;



    font-size: 13.5px !important;



    font-weight: 500 !important;



    line-height: 1 !important;



    text-decoration: none !important;



    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;



    cursor: pointer !important;



}



.eds-list--social li a:hover {



    background: #0284c7 !important;



    border-color: #38bdf8 !important;



    color: #ffffff !important;



    transform: translateY(-2px) !important;



    box-shadow: 0 8px 20px rgba(2, 132, 199, 0.45) !important;



}



.eds-footer .eds-social-ico {



    width: 17px !important;



    height: 17px !important;



    display: inline-flex !important;



    align-items: center !important;



    justify-content: center !important;



    flex: 0 0 auto !important;



    color: #38bdf8 !important;



    margin: 0 !important;



}



.eds-list--social li a:hover .eds-social-ico { color: #ffffff !important; }



.eds-footer .eds-social-ico svg {



    width: 17px !important;



    height: 17px !important;



    display: block !important;



    color: inherit !important;



    stroke: currentColor !important;



}



.eds-footer .eds-social-ico svg[fill="currentColor"] {



    fill: currentColor !important;



    stroke: none !important;



}







/* Footer Brand Mark (5 Stars) */



.eds-footer .eds-brand__mark {



    display: block !important;



    width: 54px !important;



    height: 40px !important;



    margin: 0 auto 6px !important;



    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'><g fill='%2338bdf8'><path d='M50 4l3.2 6.5 7.2 1L55 17l1.2 7.1L50 20.8 43.8 24 45 17l-5.4-5.5 7.2-1z'/><path d='M28 14l2.4 4.8 5.3.8-3.8 3.7.9 5.2-4.8-2.5-4.8 2.5.9-5.2-3.8-3.7 5.3-.8z'/><path d='M72 14l2.4 4.8 5.3.8-3.8 3.7.9 5.2-4.8-2.5-4.8 2.5.9-5.2-3.8-3.7 5.3-.8z'/><path d='M14 34l2 4 4.4.6-3.2 3.1.8 4.4-4-2.1-4 2.1.8-4.4-3.2-3.1 4.4-.6z'/><path d='M86 34l2 4 4.4.6-3.2 3.1.8 4.4-4-2.1-4 2.1.8-4.4-3.2-3.1 4.4-.6z'/></g></svg>") !important;



    background-repeat: no-repeat !important;



    background-position: center !important;



    background-size: contain !important;



    filter: drop-shadow(0 2px 10px rgba(56, 189, 248, 0.45)) !important;



}







/* Contact Info Glowing Icons */



.eds-widget--contact .eds-list--lines li {



    margin-bottom: 8px !important;



}



.eds-widget--contact .eds-list--lines li a {



    display: flex !important;



    align-items: flex-start !important;



    gap: 12px !important;



    line-height: 1.5 !important;



}



.eds-widget--contact .eds-list--lines li:nth-child(1) a::before {



    content: "";



    display: inline-block;



    width: 18px;



    height: 18px;



    margin-top: 3px;



    flex: 0 0 auto;



    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s7-5.5 7-11a7 7 0 0 0-14 0c0 5.5 7 11 7 11z'/><circle cx='12' cy='10' r='2.5'/></svg>") center / contain no-repeat;



}



.eds-widget--contact .eds-list--lines li:nth-child(2) a::before {



    content: "";



    display: inline-block;



    width: 18px;



    height: 18px;



    margin-top: 2px;



    flex: 0 0 auto;



    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 13v-1a8 8 0 0 1 16 0v1'/><path d='M4 13a2 2 0 0 1 2 2v2a2 2 0 0 1-4 0v-2a2 2 0 0 1 2-2z'/><path d='M20 13a2 2 0 0 1 2 2v2a2 2 0 0 1-4 0v-2a2 2 0 0 1 2-2z'/><path d='M18 19a4 4 0 0 1-4 2h-2'/></svg>") center / contain no-repeat;



}



.eds-widget--contact .eds-list--lines li:nth-child(3) a::before {



    content: "";



    display: inline-block;



    width: 18px;



    height: 18px;



    margin-top: 2px;



    flex: 0 0 auto;



    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/></svg>") center / contain no-repeat;



}







.eds-brand__logo {



    font-family: var(--font-heading) !important;



    color: #ffffff !important;



    font-weight: 800 !important;



    font-size: 27px !important;



    letter-spacing: -0.02em !important;



}



.eds-brand__tagline {



    color: #94a3b8 !important;



    letter-spacing: 0.12em !important;



}







.eds-cta {



    display: flex !important;



    flex-direction: column !important;



    gap: 8px !important;



    margin-top: 14px !important;



}



.eds-cta .eds-btn--primary {



    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;



}



.eds-cta .eds-btn--ghost {



    color: #ffffff !important;



    border-color: rgba(255, 255, 255, 0.2) !important;



}



.eds-cta .eds-btn--ghost:hover {



    background: rgba(255, 255, 255, 0.1) !important;



}







.eds-footer__bottom {



    background: #061524 !important;



    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;



    padding: 14px 0 !important;



}



.eds-copyright {



    color: #64748b !important;



    font-size: 13px !important;



}



.eds-copyright a {



    color: #94a3b8 !important;



    transition: color 0.2s ease !important;



}



.eds-copyright a:hover {



    color: #38bdf8 !important;



}







.eds-back-to-top {



    position: fixed !important;



    right: 28px !important;



    bottom: 28px !important;



    z-index: 90 !important;



    width: 46px !important;



    height: 46px !important;



    border-radius: 50% !important;



    background: #0284c7 !important;



    color: #ffffff !important;



    border: 1px solid rgba(255, 255, 255, 0.2) !important;



    box-shadow: 0 8px 20px rgba(2, 132, 199, 0.35) !important;



    transition: all 0.2s ease !important;



    cursor: pointer;



    display: inline-flex !important;



    align-items: center !important;



    justify-content: center !important;



}



@media (max-width: 640px) {



    .eds-back-to-top {



        right: 16px !important;



        bottom: 16px !important;



        width: 42px !important;



        height: 42px !important;



    }



}



.eds-back-to-top svg {



    width: 20px !important;



    height: 20px !important;



    stroke: #ffffff !important;



    display: block !important;



}



.eds-back-to-top:hover {



    background: #38bdf8 !important;



    color: #07192b !important;



    transform: translateY(-3px) !important;



    box-shadow: 0 12px 26px rgba(56, 189, 248, 0.5) !important;



}







/* ---------- 15. Inner Pages Polish ---------- */



/* Page Hero */



.acto-page-hero {



    background: linear-gradient(135deg, #07192b 0%, #0a2540 60%, #0f3559 100%) !important;



    padding: 56px 0 50px !important;



    color: #ffffff !important;



    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;



}



.acto-crumbs {



    display: inline-flex !important;



    align-items: center !important;



    gap: 8px !important;



    font-size: 13px !important;



    color: #94a3b8 !important;



    margin-bottom: 14px !important;



}



.acto-crumbs a {



    color: #38bdf8 !important;



    transition: color 0.2s ease !important;



}



.acto-crumbs a:hover {



    color: #ffffff !important;



}



.acto-page-hero h1 {



    font-size: 32px !important;



    font-weight: 800 !important;



    color: #ffffff !important;



    letter-spacing: -0.03em !important;



    margin-bottom: 12px !important;



}



.acto-page-hero p {



    font-size: 16px !important;



    color: #cbd5e1 !important;



    max-width: 740px !important;



    line-height: 1.7 !important;



}







/* Sticky Quick Links Subnav */



.acto-subnav {



    background: rgba(255, 255, 255, 0.95) !important;



    backdrop-filter: blur(16px) !important;



    -webkit-backdrop-filter: blur(16px) !important;



    border-bottom: 1px solid #e2e8f0 !important;



    padding: 12px 0 !important;



    position: sticky !important;



    top: 78px !important;



    z-index: 40 !important;



    box-shadow: 0 4px 16px rgba(10, 37, 64, 0.03) !important;



}



.acto-subnav__list {



    display: flex !important;



    gap: 6px !important;



    overflow-x: auto !important;



    scrollbar-width: none !important;



    padding: 4px 0 !important;



}



.acto-subnav__list::-webkit-scrollbar {



    display: none !important;



}



.acto-subnav__list a {



    font-family: var(--font-sans) !important;



    font-size: 13px !important;



    font-weight: 600 !important;



    padding: 8px 18px !important;



    border-radius: 999px !important;



    background: transparent !important;



    color: #64748b !important;



    white-space: nowrap !important;



    transition: all 0.2s ease !important;



}



.acto-subnav__list a:hover {



    color: #0284c7 !important;



    background: #f0f9ff !important;



}



.acto-subnav__list a.is-active {



    background: #0284c7 !important;



    color: #ffffff !important;



    font-weight: 700 !important;



    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;



}







/* Contact Page Polish */



.acto-contactpage {



    padding: 60px 0 !important;



    background: #f8fafc !important;



}



.acto-contactpage__info {



    border-radius: 24px !important;



    border: 1px solid #e2e8f0 !important;



    background: #ffffff !important;



    padding: 36px 32px !important;



    box-shadow: 0 4px 16px rgba(10, 37, 64, 0.04) !important;



}



.acto-cinfo li {



    display: flex !important;



    align-items: flex-start !important;



    gap: 16px !important;



    padding: 16px 0 !important;



    border-bottom: 1px solid #f1f5f9 !important;



}



.acto-cinfo li:last-child {



    border-bottom: none !important;



}



.acto-cinfo__ico {



    width: 44px !important;



    height: 44px !important;



    border-radius: 12px !important;



    background: #f0f9ff !important;



    color: #0284c7 !important;



    display: inline-flex !important;



    align-items: center !important;



    justify-content: center !important;



    flex: 0 0 auto !important;



    border: 1px solid #e0f2fe !important;



}







.acto-contactpage__form {



    border-radius: 24px !important;



    border: 1px solid #e2e8f0 !important;



    background: #ffffff !important;



    padding: 36px 32px !important;



    box-shadow: 0 4px 16px rgba(10, 37, 64, 0.04) !important;



}



.acto-form input,



.acto-form textarea {



    font-family: var(--font-sans) !important;



    border: 1px solid #cbd5e1 !important;



    border-radius: 12px !important;



    padding: 14px 18px !important;



    font-size: 14px !important;



    background: #f8fafc !important;



    color: #0f172a !important;



    transition: all 0.2s ease !important;



}



.acto-form input:focus,



.acto-form textarea:focus {



    outline: none !important;



    border-color: #0284c7 !important;



    background: #ffffff !important;



    box-shadow: 0 0 0 4px rgba(2, 132, 199, 0.12) !important;



}



.acto-form__submit {



    margin-top: 10px !important;



    width: 100% !important;



}



.acto-contactpage__map {



    border-radius: 20px !important;



    overflow: hidden !important;



    border: 1px solid #e2e8f0 !important;



    box-shadow: 0 4px 16px rgba(10, 37, 64, 0.04) !important;



    margin-top: 40px !important;



}







/* Product Detail Polish */



.acto-pd__panels h1 {



    font-size: 32px !important;



    line-height: 1.2 !important;



    font-weight: 800 !important;



    letter-spacing: -0.03em !important;



    color: #0a2540 !important;



}



.acto-pd__gallery {



    position: sticky;



    top: 104px !important;



}



.acto-pd__main {



    position: relative !important;



    border-radius: 20px !important;



    border: 1px solid #e2e8f0 !important;



    background: #ffffff !important;



    padding: 0 !important;



    box-shadow: 0 4px 16px rgba(10, 37, 64, 0.04) !important;



    overflow: hidden !important;



    user-select: none !important;



    -webkit-user-select: none !important;



    touch-action: pan-y !important;



    cursor: grab;



}



.acto-pd__main.is-dragging {



    cursor: grabbing;



}



.acto-pd__track {



    display: flex !important;



    width: 100% !important;



    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;



    will-change: transform;



}



.acto-pd__slide {



    flex: 0 0 100% !important;



    width: 100% !important;



    min-width: 100% !important;



    aspect-ratio: 1 / 1 !important;



    display: flex !important;



    align-items: center !important;



    justify-content: center !important;



    padding: 0 !important;



    background: #ffffff !important;



    box-sizing: border-box !important;



}



.acto-pd__slide img {



    width: 100% !important;



    height: 100% !important;



    object-fit: cover !important;



    display: block !important;



    pointer-events: none !important;



}



.acto-pd__arrow {



    position: absolute !important;



    top: 50% !important;



    transform: translateY(-50%) !important;



    width: 42px !important;



    height: 42px !important;



    border-radius: 50% !important;



    border: 1px solid #e2e8f0 !important;



    background: rgba(255, 255, 255, 0.96) !important;



    color: #0f172a !important;



    display: inline-flex !important;



    align-items: center !important;



    justify-content: center !important;



    cursor: pointer !important;



    box-shadow: 0 4px 14px rgba(10, 37, 64, 0.1) !important;



    z-index: 10 !important;



    transition: all 0.2s ease !important;



}



.acto-pd__arrow:hover {



    background: #0284c7 !important;



    color: #ffffff !important;



    border-color: #0284c7 !important;



    box-shadow: 0 6px 16px rgba(2, 132, 199, 0.3) !important;



    transform: translateY(-50%) scale(1.05) !important;



}



.acto-pd__arrow:active {



    transform: translateY(-50%) scale(0.95) !important;



}



.acto-pd__arrow--prev { left: 12px !important; }



.acto-pd__arrow--next { right: 12px !important; }







.acto-pd__tag {



    position: absolute !important;



    top: 14px !important;



    left: 14px !important;



    z-index: 10 !important;



    font-size: 11px !important;



    font-weight: 700 !important;



    letter-spacing: 0.05em !important;



    text-transform: uppercase !important;



    color: #0284c7 !important;



    background: #e0f2fe !important;



    border: 1px solid #bae6fd !important;



    padding: 4px 12px !important;



    border-radius: 999px !important;



}



.acto-pd__counter {



    position: absolute !important;



    bottom: 14px !important;



    right: 14px !important;



    z-index: 10 !important;



    font-size: 11.5px !important;



    font-weight: 700 !important;



    color: #475569 !important;



    background: rgba(255, 255, 255, 0.92) !important;



    border: 1px solid #e2e8f0 !important;



    padding: 3px 10px !important;



    border-radius: 999px !important;



    backdrop-filter: blur(4px) !important;



}



.acto-pd__thumbs {



    display: grid !important;



    grid-template-columns: repeat(4, 1fr) !important;



    gap: 10px !important;



    margin-top: 12px !important;



    border: none !important;



    background: transparent !important;



}



.acto-pd__thumb {



    padding: 0 !important;



    border-radius: 10px !important;



    border: 2px solid transparent !important;



    overflow: hidden !important;



    background: #ffffff !important;



    cursor: pointer !important;



    aspect-ratio: 1 / 1 !important;



    display: flex !important;



    align-items: center !important;



    justify-content: center !important;



    transition: all 0.2s ease !important;



    position: relative !important;



    box-shadow: 0 1px 4px rgba(10, 37, 64, 0.06) !important;



}



.acto-pd__thumb img {



    width: 100% !important;



    height: 100% !important;



    object-fit: cover !important;



    display: block !important;



    pointer-events: none !important;



}



.acto-pd__thumb:hover {



    border-color: #bae6fd !important;



}



.acto-pd__thumb.is-active {



    border-color: #0284c7 !important;



    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.28) !important;



    z-index: 2 !important;



}



.acto-pd-featurelist li {



    padding: 12px 16px !important;



    border-radius: 12px !important;



    background: #f8fafc !important;



    border: 1px solid #f1f5f9 !important;



    margin-bottom: 10px !important;



}



.acto-pd-featurelist__ico {



    color: #0284c7 !important;



}



.acto-pd__buy {



    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;



    box-shadow: 0 8px 20px -4px rgba(2, 132, 199, 0.4) !important;



}







/* Mobile Bottom Sheet Menu Polish */



.nc-sheet__panel {



    border-radius: 24px 24px 0 0 !important;



    box-shadow: 0 -20px 60px rgba(10, 37, 64, 0.3) !important;



}



.nc-sheet__nav a {



    border-radius: 14px !important;



    padding: 12px !important;



    transition: background 0.2s ease !important;



}



.nc-sheet__nav a:hover {



    background: #f0f9ff !important;



}



.nc-sheet__nav-ico {



    border-radius: 12px !important;



    background: #e0f2fe !important;



    color: #0284c7 !important;



}







/* Responsive polish */



@media (max-width: 900px) {



    .acto-carousel__slide.is-active {



        min-height: 420px !important;



    }



    .acto-carousel__text {



        font-size: 30px !important;



    }



    .acto-carousel__detail {



        padding: 2em 1.5em !important;



    }



    .acto-sec-head h2 {



        font-size: 26px !important;



    }



}







/* ---------- 17. Blog ---------- */



.acto-blog {



    padding: 48px 0 !important;



    background: #ffffff !important;



}



.acto-blog__head {



    max-width: 720px;



    margin: 0 0 32px;



    text-align: left;



}



.acto-blog__head h2 {



    font-family: var(--font-heading) !important;



    font-size: 32px !important;



    font-weight: 800 !important;



    letter-spacing: -0.03em !important;



    color: #0a2540 !important;



    margin: 0 0 12px;



}



.acto-blog__head h2::after {



    content: "";



    display: block;



    width: 56px;



    height: 4px;



    margin: 16px 0 0;



    border-radius: 999px;



    background: linear-gradient(90deg, #0284c7, #38bdf8);



}



.acto-blog__head p {



    font-size: 15px !important;



    line-height: 1.7 !important;



    color: #64748b !important;



    margin: 0 !important;



}







/* featured */



.blog-featured {



    display: grid;



    grid-template-columns: 1.15fr 1fr;



    border-radius: 24px;



    overflow: hidden;



    border: 1px solid #e2e8f0;



    background: #ffffff;



    box-shadow: 0 8px 30px -10px rgba(10, 37, 64, 0.12);



    margin-bottom: 44px;



    transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;



}



.blog-featured:hover {



    transform: translateY(-4px);



    border-color: #bae6fd;



    box-shadow: 0 24px 50px -14px rgba(10, 37, 64, 0.2);



}



.blog-featured__media {



    min-height: 360px;



    background: #eef2f4;



    overflow: hidden;



}



.blog-featured__media img {



    width: 100%;



    height: 100%;



    object-fit: cover;



    display: block;



    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);



}



.blog-featured:hover .blog-featured__media img {



    transform: scale(1.04);



}



.blog-featured__body {



    padding: 44px 40px;



    display: flex;



    flex-direction: column;



    justify-content: center;



    gap: 14px;



}







/* grid */



.acto-blog__grid {



    display: grid;



    grid-template-columns: repeat(3, 1fr);



    gap: 26px;



}



.blog-card {



    display: flex;



    flex-direction: column;



    border-radius: 20px;



    overflow: hidden;



    border: 1px solid #e2e8f0;



    background: #ffffff;



    box-shadow: 0 2px 10px rgba(10, 37, 64, 0.03);



    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);



}



.blog-card:hover {



    transform: translateY(-6px);



    border-color: #bae6fd;



    box-shadow: 0 20px 40px -8px rgba(10, 37, 64, 0.12);



}



.blog-card__media {



    height: 200px;



    overflow: hidden;



    background: #eef2f4;



}



.blog-card__media img {



    width: 100%;



    height: 100%;



    object-fit: cover;



    display: block;



    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);



}



.blog-card:hover .blog-card__media img {



    transform: scale(1.06);



}



.blog-card__body {



    padding: 22px 24px 26px;



    display: flex;



    flex-direction: column;



    gap: 10px;



    flex: 1;



}



.blog-card__cat {



    align-self: flex-start;



    font-family: var(--font-sans);



    font-size: 11px;



    font-weight: 700;



    letter-spacing: 0.06em;



    text-transform: uppercase;



    color: #0284c7;



    background: #e0f2fe;



    padding: 4px 12px;



    border-radius: 999px;



}



.blog-card__title,



.blog-card h3 {



    font-family: var(--font-heading) !important;



    font-size: 16.5px !important;



    font-weight: 700 !important;



    color: #0a2540 !important;



    letter-spacing: -0.015em !important;



    line-height: 1.4 !important;



    margin: 0 !important;



    transition: color 0.2s ease !important;



}



.blog-card:hover .blog-card__title,



.blog-card:hover h3 {



    color: #0284c7 !important;



}



.blog-featured .blog-card__title,



.blog-featured h3 {



    font-size: 22px !important;



    line-height: 1.35 !important;



}



.blog-card__excerpt {



    font-size: 13.5px;



    line-height: 1.65;



    color: #64748b;



    margin: 0;



    flex: 1;



}



.blog-card__meta {



    display: inline-flex;



    align-items: center;



    gap: 8px;



    font-size: 12.5px;



    font-weight: 500;



    color: #94a3b8;



}



.blog-card__meta::before {



    content: "";



    width: 6px;



    height: 6px;



    border-radius: 50%;



    background: #38bdf8;



}



.blog-card__more {



    color: #0284c7;



    font-size: 13.5px;



    font-weight: 700;



    display: inline-flex;



    align-items: center;



    gap: 6px;



    margin-top: auto;



    padding-top: 8px;



}



.blog-card__more::after {



    content: "\2192";



    transition: transform 0.2s ease;



}



.blog-card:hover .blog-card__more::after,



.blog-featured:hover .blog-card__more::after {



    transform: translateX(4px);



}







@media (max-width: 991px) {



    .blog-featured {



        grid-template-columns: 1fr;



    }



    .blog-featured__media {



        min-height: 240px;



    }



    .blog-featured__body {



        padding: 32px 28px;



    }



    .acto-blog__grid {



        grid-template-columns: repeat(2, 1fr);



    }



}



@media (max-width: 640px) {



    .acto-blog__grid {



        grid-template-columns: 1fr;



    }



}







/* ---------- 18. Blog Detail ---------- */



.acto-article {



    padding: 48px 0 !important;



    background: #ffffff !important;



}



.acto-article__layout {



    display: grid;



    grid-template-columns: minmax(0, 1fr) 320px;



    gap: 48px;



    align-items: start;



}



.acto-article__media {



    border-radius: 24px;



    overflow: hidden;



    margin: 0 0 32px;



    border: 1px solid #e2e8f0;



}



.acto-article__media img {



    width: 100%;



    height: auto;



    display: block;



}



.acto-article__meta {



    display: flex;



    flex-wrap: wrap;



    align-items: center;



    gap: 16px;



    font-size: 13.5px;



    color: #64748b;



    margin-bottom: 24px;



}



.acto-article__meta-item {



    display: inline-flex;



    align-items: center;



    gap: 8px;



}



.acto-article__meta-item svg {



    width: 16px;



    height: 16px;



    color: #0284c7;



}



.acto-page-hero .acto-article__meta {



    color: rgba(255, 255, 255, 0.78) !important;



    margin-bottom: 0;



    margin-top: 16px;



}



.acto-page-hero .acto-article__meta-item svg {



    color: #38bdf8;



}



.acto-page-hero .blog-card__cat {



    margin-bottom: 16px;



}







.acto-prose {



    color: #334155;



    font-size: 16px;



    line-height: 1.85;



}



.acto-prose > p {



    margin: 0 0 20px;



}



.acto-prose h2 {



    font-family: var(--font-heading);



    font-size: 26px;



    font-weight: 800;



    letter-spacing: -0.02em;



    color: #0a2540;



    margin: 38px 0 16px;



}



.acto-prose h3 {



    font-family: var(--font-heading);



    font-size: 19px;



    font-weight: 700;



    color: #0a2540;



    margin: 28px 0 12px;



}



.acto-prose strong {



    color: #0a2540;



}



.acto-prose ul {



    list-style: none;



    margin: 0 0 22px;



    padding: 0;



    display: flex;



    flex-direction: column;



    gap: 10px;



}



.acto-prose ul li {



    position: relative;



    padding-left: 30px;



}



.acto-prose ul li::before {



    content: "";



    position: absolute;



    left: 0;



    top: 10px;



    width: 8px;



    height: 8px;



    border-radius: 50%;



    background: #0284c7;



}



.acto-prose blockquote {



    margin: 30px 0;



    padding: 24px 28px;



    border-left: 4px solid #0284c7;



    background: #f8fafc;



    border-radius: 0 16px 16px 0;



    font-size: 17px;



    font-style: italic;



    color: #0a2540;



}







.acto-article__tags {



    display: flex;



    flex-wrap: wrap;



    gap: 10px;



    margin: 34px 0 28px;



}



.acto-article__tag {



    font-family: var(--font-sans);



    font-size: 12.5px;



    font-weight: 600;



    color: #0284c7;



    background: #e0f2fe;



    padding: 6px 14px;



    border-radius: 999px;



}







.acto-author {



    display: flex;



    align-items: center;



    gap: 16px;



    padding: 24px;



    border: 1px solid #e2e8f0;



    border-radius: 20px;



    background: #f8fafc;



}



.acto-author__avatar {



    width: 56px;



    height: 56px;



    border-radius: 50%;



    flex: 0 0 auto;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    background: linear-gradient(135deg, #0284c7, #38bdf8);



    color: #ffffff;



    font-family: var(--font-heading);



    font-weight: 800;



    font-size: 20px;



}



.acto-author__name {



    font-family: var(--font-heading);



    font-size: 16px;



    font-weight: 800;



    color: #0a2540;



}



.acto-author__role {



    font-size: 13px;



    color: #64748b;



    margin-top: 2px;



}







/* sidebar */



.acto-side {



    display: flex;



    flex-direction: column;



    gap: 28px;



    position: sticky;



    top: 104px !important;



}



.acto-side__block {



    border: 1px solid #e2e8f0;



    border-radius: 20px;



    padding: 24px;



    background: #ffffff;



}



.acto-side__title {



    font-family: var(--font-heading);



    font-size: 16px;



    font-weight: 800;



    color: #0a2540;



    margin: 0 0 16px;



    padding-bottom: 12px;



    border-bottom: 1px solid #f1f5f9;



}



.acto-side__posts {



    display: flex;



    flex-direction: column;



    gap: 16px;



}



.acto-side__post {



    display: flex;



    gap: 12px;



    align-items: center;



}



.acto-side__post-media {



    width: 64px;



    height: 64px;



    border-radius: 12px;



    overflow: hidden;



    flex: 0 0 auto;



    background: #eef2f4;



}



.acto-side__post-media img {



    width: 100%;



    height: 100%;



    object-fit: cover;



    display: block;



}



.acto-side__post-title {



    font-size: 13.5px;



    font-weight: 700;



    line-height: 1.4;



    color: #0a2540;



    transition: color 0.2s ease;



}



.acto-side__post:hover .acto-side__post-title {



    color: #0284c7;



}



.acto-side__post-date {



    font-size: 12px;



    color: #94a3b8;



    margin-top: 4px;



}



.acto-side__cats {



    display: flex;



    flex-wrap: wrap;



    gap: 8px;



}



.acto-side__cats a {



    font-size: 12.5px;



    font-weight: 600;



    color: #334155;



    background: #f1f5f9;



    padding: 6px 14px;



    border-radius: 999px;



    transition: all 0.2s ease;



}



.acto-side__cats a:hover {



    background: #e0f2fe;



    color: #0284c7;



}







.acto-related {



    margin-top: 44px;



    padding-top: 32px;



    border-top: 1px solid #e2e8f0;



}



.acto-related__head {



    margin-bottom: 18px;



}



.acto-related__eyebrow {



    font-size: 11px;



    font-weight: 700;



    color: #0284c7;



    letter-spacing: 0.08em;



    text-transform: uppercase;



    display: block;



    margin-bottom: 4px;



}



.acto-related__head h2 {



    font-family: var(--font-heading) !important;



    font-size: 20px !important;



    font-weight: 800 !important;



    color: #0f172a !important;



    letter-spacing: -0.02em !important;



    margin: 0 !important;



}



.acto-related__grid {



    display: grid;



    grid-template-columns: repeat(3, 1fr);



    gap: 16px;



}



.acto-related__card {



    display: flex;



    flex-direction: column;



    background: #ffffff;



    border: 1px solid #e2e8f0;



    border-radius: 14px;



    overflow: hidden;



    text-decoration: none;



    color: inherit;



    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03);



    transition: all 0.25s ease;



}



.acto-related__card:hover {



    transform: translateY(-4px);



    border-color: #0284c7;



    box-shadow: 0 12px 24px -6px rgba(15, 23, 42, 0.08);



}



.acto-related__media {



    height: 120px;



    overflow: hidden;



    background: #f1f5f9;



}



.acto-related__media img {



    width: 100%;



    height: 100%;



    object-fit: cover;



    display: block;



    transition: transform 0.3s ease;



}



.acto-related__card:hover .acto-related__media img {



    transform: scale(1.05);



}



.acto-related__body {



    padding: 14px 16px;



    display: flex;



    flex-direction: column;



    gap: 6px;



    flex: 1;



}



.acto-related__meta {



    font-size: 11.5px;



    color: #64748b;



    font-weight: 600;



}



.acto-related__title {



    font-size: 14px !important;



    font-weight: 700 !important;



    color: #0f172a !important;



    line-height: 1.4 !important;



    margin: 0 !important;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



    overflow: hidden;



}



.acto-related__more {



    font-size: 12px;



    font-weight: 700;



    color: #0284c7;



    margin-top: auto;



    padding-top: 6px;



    display: inline-flex;



    align-items: center;



    gap: 4px;



    transition: gap 0.2s ease;



}



.acto-related__card:hover .acto-related__more {



    gap: 7px;



    color: #0369a1;



}







@media (max-width: 991px) {



    .acto-article__layout {



        grid-template-columns: 1fr;



        gap: 40px;



    }



    .acto-side {



        position: static;



    }



    .acto-related__grid {



        grid-template-columns: repeat(2, 1fr);



    }



}



@media (max-width: 640px) {



    .acto-related__grid {



        grid-template-columns: 1fr;



    }



}







/* ============================================================



   19. Product Detail Tabs — modern redesign



   ============================================================ */



.pdt-title {



    font-family: var(--font-heading) !important;



    font-size: 32px !important;



    font-weight: 800 !important;



    letter-spacing: -0.03em !important;



    line-height: 1.2 !important;



    color: #0a2540 !important;



    margin: 0 0 24px !important;



}



.pdt-chip {



    display: inline-flex;



    align-items: center;



    font-family: var(--font-sans);



    font-size: 11.5px;



    font-weight: 700;



    letter-spacing: 0.06em;



    text-transform: uppercase;



    color: #0284c7;



    background: #e0f2fe;



    padding: 6px 14px;



    border-radius: 999px;



    margin-bottom: 14px;



}



.acto-pd__panels .pdt-lead {



    font-size: 15.5px;



    line-height: 1.75;



    color: #475569;



    margin: 0 0 22px;



}







/* features grid */



.pdt-features {



    display: grid;



    grid-template-columns: repeat(2, 1fr);



    gap: 10px;



}



.pdt-feature {



    display: flex;



    align-items: center;



    gap: 11px;



    padding: 12px 14px;



    border-radius: 12px;



    border: 1px solid #e2e8f0;



    background: #ffffff;



    box-shadow: 0 2px 8px rgba(10, 37, 64, 0.03);



    transition: all 0.22s ease;



}



.pdt-feature:hover {



    border-color: #bae6fd;



    box-shadow: 0 12px 24px -10px rgba(2, 132, 199, 0.22);



    transform: translateY(-2px);



}



.pdt-feature__ico {



    flex: 0 0 auto;



    width: 34px;



    height: 34px;



    border-radius: 10px;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    background: linear-gradient(135deg, #0284c7, #0ea5e9);



    color: #ffffff;



    box-shadow: 0 4px 10px rgba(2, 132, 199, 0.24);



}



.pdt-feature__ico svg { width: 17px; height: 17px; }



.pdt-feature__body { display: flex; flex-direction: column; gap: 1px; min-width: 0; }



.pdt-feature__body strong { font-size: 13.5px; font-weight: 700; color: #0a2540; line-height: 1.35; }



.pdt-feature__body span { font-size: 11.5px; color: #64748b; line-height: 1.4; }







/* highlights */



.pdt-highlights {



    display: grid;



    grid-template-columns: repeat(3, 1fr);



    gap: 12px;



    margin: 0 0 24px;



}



.pdt-highlight {



    padding: 18px 14px;



    border-radius: 16px;



    background: #f8fafc;



    border: 1px solid #eef2f7;



    text-align: center;



}



.pdt-highlight strong {



    display: block;



    font-family: var(--font-heading);



    font-size: 22px;



    font-weight: 800;



    color: #0284c7;



    letter-spacing: -0.02em;



}



.pdt-highlight span { font-size: 12px; font-weight: 600; color: #64748b; }







/* info card */



.pdt-card {



    border: 1px solid #e2e8f0;



    border-radius: 18px;



    padding: 24px 26px;



    background: #f8fafc;



}



.pdt-card__label {



    display: inline-block;



    font-family: var(--font-heading);



    font-size: 12px;



    font-weight: 800;



    letter-spacing: 0.16em;



    color: #94a3b8;



    text-transform: uppercase;



    margin-bottom: 12px;



}



.acto-pd__panels .pdt-card p { font-size: 14.5px; line-height: 1.8; color: #334155; margin: 0; }







/* steps */



.pdt-steps {



    list-style: none;



    margin: 0 0 24px;



    padding: 0;



    display: flex;



    flex-direction: column;



    gap: 14px;



    counter-reset: pdtstep;



}



.pdt-steps li {



    position: relative;



    padding-left: 58px;



    min-height: 42px;



    display: flex;



    align-items: center;



    font-size: 14.5px;



    line-height: 1.6;



    color: #334155;



}



.pdt-steps li::before {



    counter-increment: pdtstep;



    content: counter(pdtstep);



    position: absolute;



    left: 0;



    top: 0;



    width: 42px;



    height: 42px;



    border-radius: 12px;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    background: #e0f2fe;



    color: #0284c7;



    font-family: var(--font-heading);



    font-weight: 800;



    font-size: 16px;



}



.pdt-mini { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }



.pdt-mini__item {



    padding: 18px 20px;



    border-radius: 16px;



    border: 1px solid #e2e8f0;



    background: #ffffff;



}



.pdt-mini__item span {



    display: block;



    font-size: 11.5px;



    font-weight: 700;



    letter-spacing: 0.06em;



    text-transform: uppercase;



    color: #94a3b8;



    margin-bottom: 6px;



}



.pdt-mini__item strong { font-size: 15px; font-weight: 700; color: #0a2540; }







/* warnings */



.pdt-warn {



    display: grid;



    grid-template-columns: 1fr 1fr;



    gap: 10px;



}



.pdt-warn__item {



    display: flex;



    align-items: center;



    gap: 12px;



    padding: 14px 18px;



    border-radius: 14px;



    background: #fff7ed;



    border: 1px solid #fed7aa;



    font-size: 14px;



    font-weight: 500;



    color: #9a3412;



}



.pdt-warn__item svg { width: 18px; height: 18px; flex: 0 0 auto; color: #ea580c; }







/* specs */



.pdt-specs {



    list-style: none;



    margin: 0;



    padding: 0;



    display: grid;



    grid-template-columns: repeat(2, 1fr);



    gap: 12px;



}



.pdt-specs li {



    display: flex;



    align-items: flex-start;



    gap: 12px;



    padding: 16px 18px;



    border-radius: 14px;



    border: 1px solid #e2e8f0;



    background: #ffffff;



    font-size: 13.5px;



    line-height: 1.5;



    color: #334155;



}



.pdt-specs li svg { width: 18px; height: 18px; flex: 0 0 auto; color: #0284c7; margin-top: 1px; }







/* documents */



.pdt-docs { display: flex; flex-direction: column; gap: 12px; }



.pdt-doc {



    display: flex;



    align-items: center;



    gap: 16px;



    padding: 18px 20px;



    border-radius: 16px;



    border: 1px solid #e2e8f0;



    background: #ffffff;



    transition: all 0.22s ease;



}



.pdt-doc:hover {



    border-color: #bae6fd;



    box-shadow: 0 14px 28px -12px rgba(2, 132, 199, 0.28);



    transform: translateY(-2px);



}



.pdt-doc__ico {



    width: 48px;



    height: 48px;



    flex: 0 0 auto;



    border-radius: 14px;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    background: #e0f2fe;



    color: #0284c7;



}



.pdt-doc__ico svg { width: 22px; height: 22px; }



.pdt-doc__body { display: flex; flex-direction: column; min-width: 0; }



.pdt-doc__body strong { font-size: 15px; font-weight: 700; color: #0a2540; }



.pdt-doc__body small { font-size: 12.5px; color: #64748b; }



.pdt-doc__action {



    margin-left: auto;



    font-size: 13px;



    font-weight: 700;



    color: #0284c7;



    display: inline-flex;



    align-items: center;



    gap: 6px;



    white-space: nowrap;



}







/* stores */



.pdt-stores { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }



.pdt-store {



    display: flex;



    align-items: center;



    gap: 14px;



    padding: 16px 18px;



    border-radius: 16px;



    border: 1px solid #e2e8f0;



    background: #ffffff;



    transition: all 0.22s ease;



}



.pdt-store:hover {



    border-color: #bae6fd;



    box-shadow: 0 14px 28px -12px rgba(2, 132, 199, 0.28);



    transform: translateY(-2px);



}



.pdt-store__ico {



    width: 44px;



    height: 44px;



    flex: 0 0 auto;



    border-radius: 12px;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    background: #f1f5f9;



    color: #0284c7;



}



.pdt-store__ico svg { width: 20px; height: 20px; }



.pdt-store__body { display: flex; flex-direction: column; min-width: 0; }



.pdt-store__name { font-size: 14px; font-weight: 700; color: #0a2540; }



.pdt-store__product { font-size: 12px; color: #64748b; }



.pdt-store__go {



    margin-left: auto;



    font-size: 12.5px;



    font-weight: 700;



    color: #0284c7;



    display: inline-flex;



    align-items: center;



    gap: 4px;



    white-space: nowrap;



}







@media (max-width: 720px) {



    .pdt-features,



    .pdt-highlights,



    .pdt-specs,



    .pdt-mini,



    .pdt-stores,



    .pdt-warn {



        grid-template-columns: 1fr;



    }



}







/* ============================================================



   20. Product Detail — bottom fixed tab bar (Apple glass)



   ============================================================ */



.acto-subnav--product {



    position: fixed !important;



    top: auto !important;



    left: 50% !important;



    right: auto !important;



    bottom: 18px !important;



    transform: translateX(-50%) !important;



    width: min(var(--nc-container), calc(100vw - 32px)) !important;



    max-width: calc(100vw - 32px) !important;



    z-index: 95 !important;



    background: rgba(255, 255, 255, 0.55) !important;



    backdrop-filter: blur(22px) saturate(180%) !important;



    -webkit-backdrop-filter: blur(22px) saturate(180%) !important;



    border: 1px solid rgba(255, 255, 255, 0.7) !important;



    border-radius: 999px !important;



    padding: 6px 10px !important;



    box-shadow: 0 12px 34px rgba(10, 37, 64, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;



    opacity: 0;



    visibility: hidden;



    transition: opacity 0.28s ease, visibility 0.28s ease;



}



.acto-subnav--product.is-visible {



    opacity: 1;



    visibility: visible;



}



.acto-subnav--product .eds-container {



    max-width: none !important;



    padding: 0 !important;



    width: 100% !important;



}



.acto-subnav--product .acto-subnav__list {



    justify-content: center !important;



    flex-wrap: nowrap !important;



    gap: 4px !important;



    padding: 0 !important;



}



.acto-subnav--product .acto-subnav__list a svg {



    width: 16px;



    height: 16px;



}







body.has-pdt-bar .eds-back-to-top {



    bottom: 96px !important;



}







@media (max-width: 900px) {



    .acto-subnav--product .acto-subnav__list {



        justify-content: flex-start !important;



    }



}







/* ============================================================



   21. Product Detail — all sections visible (anchor navigation)



   ============================================================ */



.acto-pd__panels .acto-tabpanel {



    display: block !important;



    animation: none !important;



    scroll-margin-top: 120px;



}



.acto-pd__panels .acto-tabpanel + .acto-tabpanel {



    margin-top: 44px;



    padding-top: 44px;



    border-top: 1px solid #eef2f7;



}



.acto-pd__panels .acto-tabpanel h1.pdt-title {



    scroll-margin-top: 120px;



}







/* ============================================================



   22. Categories — mobile 2 columns, no overflow



   ============================================================ */



@media (max-width: 900px) {



    .acto-sectors .nc-container {



        padding-left: 16px !important;



        padding-right: 16px !important;



    }



    .acto-sectors__row {



        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;



        width: 100% !important;



    }



    .acto-sectors__row li {



        min-width: 0 !important;



        width: 100% !important;



        border-right: none !important;



    }



    .acto-sectors__row a {



        min-width: 0 !important;



        width: 100% !important;



    }



    .acto-sectors__label {



        white-space: normal !important;



        overflow-wrap: anywhere;



    }



}







/* ============================================================



   23. Label "pills" removed from markup; keep plain styling



   ============================================================ */



/* Homepage slider title — plain text, no pill */



.acto-carousel__title {



    background: none !important;



    border: none !important;



    padding: 0 !important;



    border-radius: 0 !important;



    box-shadow: none !important;



}







/* Section eyebrow labels — plain text, no pill */



.acto-sec-eyebrow,



.acto-about__eyebrow,



.acto-contactpage__eyebrow,



.acto-stats__eyebrow,



.acto-ua__eyebrow,



.acto-page-hero__eyebrow {



    background: none !important;



    padding: 0 !important;



    border-radius: 0 !important;



    box-shadow: none !important;



}







/* ============================================================



   24. Footer — mobile flexible:



       accordion menus (2 columns, independent),



       "Bizi takip edin" always visible at the bottom



   ============================================================ */



@media (max-width: 900px) {



    /* ordering — social block last, independent from accordion */



    .eds-footer__grid {



        display: flex !important;



        flex-direction: column;



        gap: 0 !important;



    }



    .eds-widget--contact { display: contents; }



    .eds-widget--contact > .eds-widget__title { order: 1; }



    .eds-widget--contact > .eds-list--lines { order: 2; }



    .eds-widget--specialties { order: 3; }



    .eds-widget--links { order: 4; }



    .eds-widget--brand { order: 5; }



    .eds-widget--contact > .eds-widget__title--spaced { order: 6; }



    .eds-widget--contact > .eds-list--social { order: 7; }







    /* accordion titles */



    .eds-widget__title {



        position: relative;



        padding: 15px 30px 15px 0;



        margin-bottom: 0;



        cursor: pointer;



        border-bottom: 1px solid rgba(255, 255, 255, 0.1);



        -webkit-tap-highlight-color: transparent;



    }



    .eds-widget__title::after {



        content: "";



        position: absolute;



        right: 6px;



        top: 50%;



        width: 8px;



        height: 8px;



        border-right: 2px solid #7f93a6;



        border-bottom: 2px solid #7f93a6;



        transform: translateY(-70%) rotate(45deg);



        transition: transform 0.25s ease;



    }



    .eds-widget__title.is-open::after { transform: translateY(-30%) rotate(-135deg); }







    .eds-widget__title + .eds-list {



        display: none;



        padding-top: 10px;



    }



    .eds-widget__title.is-open + .eds-list { display: block; }







    /* opened menu lists — 2 columns */



    .eds-widget--specialties .eds-widget__title.is-open + .eds-list--lines,



    .eds-widget--links .eds-widget__title.is-open + .eds-list--lines {



        display: grid !important;



        grid-template-columns: 1fr 1fr;



        column-gap: 18px;



        row-gap: 2px;



    }







    /* "Bizi takip edin" — NOT accordion, always visible */



    .eds-widget__title--spaced {



        cursor: default;



        border-bottom: none;



        padding-right: 0;



        margin-top: 18px;



    }



    .eds-widget__title--spaced::after { display: none !important; }



    .eds-widget__title--spaced + .eds-list--social {



        display: flex !important;



        padding-top: 10px;



    }







    .eds-footer__widgets { padding: 16px 0 20px !important; }



}







/* ============================================================



   25. Product Detail — İçindekiler (INCI) card



   ============================================================ */



.pdt-ing {



    border: 1px solid #e2e8f0;



    border-radius: 20px;



    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);



    padding: 24px 26px;



    box-shadow: 0 4px 16px rgba(10, 37, 64, 0.04);



}



.pdt-ing__head {



    display: flex;



    align-items: center;



    gap: 14px;



    padding-bottom: 18px;



    margin-bottom: 18px;



    border-bottom: 1px solid #eef2f7;



}



.pdt-ing__ico {



    width: 46px;



    height: 46px;



    flex: 0 0 auto;



    border-radius: 14px;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    background: linear-gradient(135deg, #0284c7, #0ea5e9);



    color: #ffffff;



    box-shadow: 0 6px 14px rgba(2, 132, 199, 0.28);



}



.pdt-ing__ico svg { width: 22px; height: 22px; }



.pdt-ing__headtext { display: flex; flex-direction: column; gap: 2px; }



.pdt-ing__headtext strong {



    font-family: var(--font-heading);



    font-size: 16px;



    font-weight: 800;



    color: #0a2540;



    letter-spacing: -0.01em;



}



.pdt-ing__headtext span { font-size: 12.5px; color: #64748b; }







.pdt-ing__list {



    list-style: none;



    margin: 0 0 16px;



    padding: 0;



    display: grid;



    grid-template-columns: 1fr 1fr;



    gap: 8px 28px;



    counter-reset: ing;



}



.pdt-ing__list li {



    display: flex;



    align-items: baseline;



    gap: 10px;



    padding: 7px 0;



    font-size: 14px;



    line-height: 1.5;



    color: #334155;



    border-bottom: 1px dashed #e2e8f0;



}



.pdt-ing__idx {



    flex: 0 0 auto;



    min-width: 18px;



    font-family: var(--font-heading);



    font-size: 12px;



    font-weight: 800;



    color: #0284c7;



}



.acto-pd__panels .pdt-ing__note {



    margin: 0;



    font-size: 12.5px;



    line-height: 1.6;



    color: #94a3b8;



    font-style: italic;



}







@media (max-width: 720px) {



    .pdt-ing { padding: 20px; }



    .pdt-ing__list { grid-template-columns: 1fr; gap: 4px; }



}







/* ============================================================



   26. Kurumsal — quick menu (icon above label, clean tabs)



   ============================================================ */



.acto-subnav--corp .acto-subnav__list {



    display: flex !important;



    justify-content: stretch !important;



    gap: 8px !important;



    padding: 0 !important;



    flex-wrap: nowrap !important;



}



.acto-subnav--corp .acto-subnav__list li {



    flex: 1 1 0;



    min-width: 0;



}



.acto-subnav--corp .acto-subnav__list a {



    display: flex !important;



    flex-direction: column !important;



    align-items: center !important;



    justify-content: center !important;



    gap: 7px !important;



    min-height: 76px;



    padding: 12px 8px !important;



    border-radius: 16px !important;



    background: transparent !important;



    color: #64748b !important;



    font-family: var(--font-sans) !important;



    font-size: 12.5px !important;



    font-weight: 600 !important;



    line-height: 1.2 !important;



    text-align: center;



    white-space: normal !important;



    overflow-wrap: anywhere;



    box-shadow: none !important;



    transition: all 0.2s ease !important;



}



.acto-subnav--corp .acto-subnav__list a:hover {



    background: #f0f9ff !important;



    color: #0284c7 !important;



}



.acto-subnav--corp .acto-subnav__list a.is-active {



    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;



    color: #ffffff !important;



    box-shadow: 0 10px 22px -8px rgba(2, 132, 199, 0.55) !important;



}



.acto-subnav--corp .acto-subnav__ico {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    color: currentColor;



}



.acto-subnav--corp .acto-subnav__ico svg {



    width: 24px !important;



    height: 24px !important;



}



.acto-subnav--corp .acto-subnav__list a > svg {



    width: 24px !important;



    height: 24px !important;



}



@media (max-width: 900px) {



    .acto-subnav--corp .acto-subnav__list {



        justify-content: flex-start !important;



        gap: 6px !important;



    }



    .acto-subnav--corp .acto-subnav__list li {



        flex: 0 0 auto;



    }



    .acto-subnav--corp .acto-subnav__list a {



        min-width: 96px;



    }



}







/* ============================================================



   27. Header search — full-screen popup



   ============================================================ */



.nc-search__panel {



    position: fixed !important;



    inset: 0 !important;



    z-index: 99999 !important;



    display: flex !important;



    flex-direction: column !important;



    align-items: center !important;



    justify-content: flex-start !important;



    width: 100vw !important;



    height: 100vh !important;



    max-height: 100vh !important;



    min-width: 0 !important;



    margin: 0 !important;



    padding: 12vh 24px 60px !important;



    background: rgba(255, 255, 255, 0.98) !important;



    backdrop-filter: blur(24px) saturate(180%) !important;



    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;



    border: none !important;



    border-radius: 0 !important;



    box-shadow: none !important;



    transform: none !important;



    opacity: 0;



    visibility: hidden;



    pointer-events: none;



    transition: opacity 0.25s ease, visibility 0.25s ease;



    overflow-y: auto !important;



    overflow-x: hidden !important;



    -webkit-overflow-scrolling: touch;



}



.nc-search__panel.is-open {



    opacity: 1 !important;



    visibility: visible !important;



    pointer-events: auto !important;



}



.nc-search__panel::before {



    content: "Ne arıyorsunuz?";



    display: block !important;



    flex: 0 0 auto !important;



    font-family: var(--font-heading);



    font-size: 28px;



    font-weight: 800;



    letter-spacing: -0.02em;



    color: #0a2540;



    margin-bottom: 22px;



    text-align: center;



}



.nc-search__panel-icon { display: none !important; }



.nc-search__input {



    display: block !important;



    flex: 0 0 60px !important;



    width: min(720px, 100%) !important;



    height: 60px !important;



    min-height: 60px !important;



    max-height: 60px !important;



    padding: 0 28px !important;



    font-size: 18px !important;



    font-family: inherit !important;



    line-height: normal !important;



    box-sizing: border-box !important;



    color: #0a2540 !important;



    background: #ffffff !important;



    border: 2px solid #e2e8f0 !important;



    border-radius: 999px !important;



    box-shadow: 0 16px 40px -12px rgba(10, 37, 64, 0.15) !important;



    outline: none !important;



    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;



}



.nc-search__input:focus {



    border-color: #0284c7 !important;



    box-shadow: 0 20px 45px -10px rgba(2, 132, 199, 0.3) !important;



}



.nc-search__close {



    position: fixed;



    top: 24px;



    right: 28px;



    width: 48px;



    height: 48px;



    border-radius: 50%;



    border: 1px solid #e2e8f0;



    background: #ffffff;



    color: #0a2540;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    cursor: pointer;



    box-shadow: 0 8px 20px rgba(10, 37, 64, 0.1);



    transition: all 0.2s ease;



}



.nc-search__close:hover {



    background: #0284c7;



    color: #ffffff;



    border-color: #0284c7;



}



@media (max-width: 640px) {



    .nc-search__panel { padding-top: 10vh !important; }



    .nc-search__panel::before { font-size: 22px; margin-bottom: 16px; }



    .nc-search__input {



        flex: 0 0 52px !important;



        height: 52px !important;



        min-height: 52px !important;



        max-height: 52px !important;



        font-size: 16px !important;



        padding: 0 20px !important;



    }



    .nc-search__close { top: 16px; right: 16px; width: 42px; height: 42px; }



}







/* search results & suggestions */



.nc-search__results {



    width: min(720px, 100%) !important;



    margin-top: 24px !important;



    flex: 0 0 auto !important;



    padding-bottom: 40px !important;



}



.nc-search__state {



    font-size: 12px;



    font-weight: 700;



    letter-spacing: 0.08em;



    text-transform: uppercase;



    color: #94a3b8;



    margin-bottom: 14px;



}



.nc-search__cats {



    display: flex;



    flex-wrap: wrap;



    gap: 18px;



}



.nc-search__cat {



    border: none;



    background: none;



    padding: 0;



    font: inherit;



    font-size: 14px;



    font-weight: 600;



    color: #0284c7;



    cursor: pointer;



    border-bottom: 1px solid rgba(2, 132, 199, 0.35);



    transition: color 0.2s ease, border-color 0.2s ease;



}



.nc-search__cat:hover {



    color: #0369a1;



    border-bottom-color: #0369a1;



}



.nc-search__item {



    display: flex;



    align-items: center;



    gap: 14px;



    padding: 10px 12px;



    border-radius: 14px;



    transition: background 0.18s ease;



}



.nc-search__item:hover { background: #f0f9ff; }



.nc-search__item-media {



    width: 46px;



    height: 46px;



    flex: 0 0 auto;



    border-radius: 12px;



    overflow: hidden;



    background: #eef2f4;



}



.nc-search__item-media img {



    width: 100%;



    height: 100%;



    object-fit: cover;



    display: block;



}



.nc-search__item-body {



    display: flex;



    flex-direction: column;



    gap: 2px;



    min-width: 0;



}



.nc-search__item-body strong {



    font-size: 14.5px;



    font-weight: 700;



    color: #0a2540;



}



.nc-search__item-body span {



    font-size: 12.5px;



    color: #64748b;



    white-space: nowrap;



    overflow: hidden;



    text-overflow: ellipsis;



}



.nc-search__item-cat {



    margin-left: auto;



    font-size: 12px;



    font-weight: 600;



    color: #94a3b8;



    white-space: nowrap;



}



.nc-search__item-go {



    color: #0284c7;



    font-size: 16px;



    line-height: 1;



}







/* ============================================================



   28. Header Apple glass on scroll



   ============================================================ */



.nc-header.is-scrolled .nc-navbar {



    background: rgba(255, 255, 255, 0.68) !important;



    backdrop-filter: blur(26px) saturate(180%) !important;



    -webkit-backdrop-filter: blur(26px) saturate(180%) !important;



    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;



    box-shadow: 0 12px 30px -14px rgba(10, 37, 64, 0.25) !important;



}



.nc-navbar {



    transition: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;



}







/* ============================================================



   29. Back-to-top button — "Yukarı çık" label (floating)



   ============================================================ */



.eds-back-to-top {



    overflow: visible !important;



    opacity: 0 !important;



    visibility: hidden !important;



    pointer-events: none !important;



    transition: opacity 0.25s ease, visibility 0.25s ease,



                background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;



}



.eds-back-to-top.is-visible {



    opacity: 1 !important;



    visibility: visible !important;



    pointer-events: auto !important;



}







/* ============================================================



   30. Fix: stray mega-menu line inside mobile header



   (mobile uses the bottom sheet, so the mega panel must be hidden)



   ============================================================ */



@media (max-width: 900px) {



    .nc-mega {



        display: none !important;



    }



}







/* ============================================================



   30b. Remove "back to top" button completely on mobile



   ============================================================ */



@media (max-width: 900px) {



    .eds-back-to-top {



        display: none !important;



    }



}







/* ============================================================



   31. Mobile promo slider — image with overlay content + dots



   ============================================================ */



@media (max-width: 991px) {



    .acto-promo {



        padding: 0 !important;



        margin: 8px 0 0 !important;



    }



    .acto-carousel__track {



        background: #07192b !important;



        border-radius: 20px !important;



        overflow: hidden !important;



        box-shadow: 0 18px 42px -20px rgba(7, 25, 43, 0.55) !important;



    }



    .acto-carousel__slide.is-active {



        position: relative !important;



        display: block !important;



        min-height: 0 !important;



    }



    .acto-carousel__media {



        position: absolute !important;



        inset: 0 !important;



        z-index: 1 !important;



    }



    .acto-carousel__media img {



        width: 100% !important;



        height: 100% !important;



        min-height: 0 !important;



        object-fit: cover !important;



    }



    .acto-carousel__detail {



        position: relative !important;



        inset: auto !important;



        z-index: 2 !important;



        max-width: none !important;



        min-height: 400px !important;



        padding: 26px 22px 62px !important;



        background: linear-gradient(180deg, rgba(7, 25, 43, 0) 0%, rgba(7, 25, 43, 0.35) 42%, rgba(7, 25, 43, 0.85) 74%, rgba(7, 25, 43, 0.97) 100%) !important;



        display: flex !important;



        flex-direction: column !important;



        justify-content: flex-end !important;



        align-items: flex-start !important;



    }



    .acto-carousel__title {



        font-size: 11px !important;



        letter-spacing: 0.12em !important;



        padding: 5px 12px !important;



        background: rgba(56, 189, 248, 0.16) !important;



        backdrop-filter: blur(6px) !important;



        -webkit-backdrop-filter: blur(6px) !important;



    }



    .acto-carousel__text {



        font-size: 31px !important;



        line-height: 1.12 !important;



        margin-top: 12px !important;



        max-width: 12ch !important;



    }



    .acto-carousel__btn {



        display: inline-flex !important;



        align-items: center !important;



        justify-content: center !important;



        margin-top: 20px !important;



        padding: 13px 30px !important;



        font-size: 14px !important;



        background: #ffffff !important;



        color: #0a2540 !important;



        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important;



    }



    .acto-carousel__controls {



        display: block !important;



    }



    .acto-carousel__nav {



        display: none !important;



    }



    .acto-carousel__thumbs {



        left: 50% !important;



        transform: translateX(-50%) !important;



        bottom: 18px !important;



        padding: 6px 10px !important;



        background: rgba(7, 25, 43, 0.5) !important;



    }



    .acto-carousel__thumb {



        width: 26px !important;



        height: 7px !important;



        background: rgba(255, 255, 255, 0.45) !important;



    }



    .acto-carousel__thumb.is-active {



        width: 40px !important;



        background: #38bdf8 !important;



    }



}







/* ============================================================



   32. Mobile "Ürün Kategorilerimiz" — equal 2-col cards,



       icon on top / label below



   ============================================================ */



@media (max-width: 900px) {



    .acto-sectors {



        padding: 40px 0 !important;



    }



    .acto-sectors__head {



        margin-bottom: 24px !important;



    }



    .acto-sectors__row {



        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;



        gap: 12px !important;



    }



    .acto-sectors__row li {



        display: flex !important;



        min-width: 0 !important;



    }



    .acto-sectors__row a {



        flex-direction: column !important;



        align-items: center !important;



        justify-content: center !important;



        text-align: center !important;



        gap: 12px !important;



        width: 100% !important;



        height: 100% !important;



        min-height: 138px !important;



        padding: 20px 12px !important;



        border-radius: 18px !important;



        background: #ffffff !important;



        border: 1px solid #e6edf3 !important;



        box-shadow: 0 2px 10px rgba(10, 37, 64, 0.04) !important;



    }



    .acto-sectors__icon {



        width: 54px !important;



        height: 54px !important;



        border-radius: 16px !important;



        background: linear-gradient(135deg, #eff6ff 0%, #e0f2fe 100%) !important;



        border: 1px solid #dbeafe !important;



        color: #0284c7 !important;



    }



    .acto-sectors__icon svg {



        width: 26px !important;



        height: 26px !important;



    }



    .acto-sectors__label {



        font-size: 13.5px !important;



        line-height: 1.3 !important;



        white-space: normal !important;



        overflow-wrap: break-word !important;



        word-break: normal !important;



        text-align: center !important;



        max-width: 100% !important;



    }



}







/* ============================================================



   KULLANIM ALANLARI (USAGE AREAS) PAGE ENHANCEMENTS



   ============================================================ */



/* Subnav enhancement with icons */



.acto-subnav__list {



    display: flex !important;



    gap: 8px !important;



    overflow-x: auto !important;



    scrollbar-width: thin;



    padding: 12px 4px !important;



    align-items: center !important;



}



.acto-subnav__list li {



    flex-shrink: 0 !important;



}



.acto-subnav__list a {



    display: inline-flex !important;



    align-items: center !important;



    gap: 8px !important;



    padding: 10px 18px !important;



    border-radius: 999px !important;



    background: #f1f5f9 !important;



    color: #475569 !important;



    font-size: 13.5px !important;



    font-weight: 600 !important;



    text-decoration: none !important;



    transition: all 0.25s ease !important;



    border: 1px solid transparent !important;



}



.acto-subnav__list a svg {



    width: 17px;



    height: 17px;



    stroke-width: 2;



    transition: transform 0.25s ease;



}



.acto-subnav__list a:hover {



    background: #e2e8f0 !important;



    color: #0284c7 !important;



}



.acto-subnav__list a.is-active {



    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;



    color: #ffffff !important;



    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;



    border-color: transparent !important;



}



.acto-subnav__list a.is-active svg {



    stroke: #ffffff;



    transform: scale(1.1);



}







/* Page Hero stats */



.acto-ua-hero-kpis {



    display: grid;



    grid-template-columns: repeat(4, 1fr);



    gap: 16px;



    margin-top: 28px;



    padding: 18px 24px;



    background: rgba(255, 255, 255, 0.9);



    backdrop-filter: blur(8px);



    border: 1px solid #e2e8f0;



    border-radius: 16px;



    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);



}



.acto-ua-hero-kpi {



    text-align: center;



}



.acto-ua-hero-kpi strong {



    display: block;



    font-size: 22px;



    font-weight: 800;



    color: #0284c7;



    line-height: 1.2;



}



.acto-ua-hero-kpi span {



    font-size: 12.5px;



    color: #64748b;



    font-weight: 600;



}







/* Modernized Hero Media and Stats */



.acto-ua__hero-media {



    position: relative;



    border-radius: 18px !important;



    overflow: hidden;



    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);



}



.acto-ua__media-tag {



    position: absolute;



    top: 14px;



    left: 14px;



    background: rgba(15, 23, 42, 0.85);



    backdrop-filter: blur(6px);



    color: #ffffff;



    font-size: 11px;



    font-weight: 700;



    text-transform: uppercase;



    letter-spacing: 0.5px;



    padding: 5px 12px;



    border-radius: 999px;



    border: 1px solid rgba(255, 255, 255, 0.2);



}



.acto-ua__stat {



    border: 1px solid #e2e8f0 !important;



    background: #ffffff !important;



    border-radius: 16px !important;



    padding: 20px 18px !important;



    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02) !important;



    transition: all 0.25s ease !important;



    position: relative;



    overflow: hidden;



}



.acto-ua__stat:hover {



    border-color: #bae6fd !important;



    transform: translateY(-2px);



    box-shadow: 0 8px 20px rgba(2, 132, 199, 0.1) !important;



}



.acto-ua__stat strong {



    font-size: 21px !important;



    color: #0284c7 !important;



}







/* Enhanced Risk & Solutions cards */



.acto-ua__card {



    background: #ffffff;



    border-radius: 18px;



    padding: 24px;



    border: 1px solid #e2e8f0;



    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);



}



.acto-ua__card-head {



    display: flex;



    align-items: center;



    gap: 12px;



    margin-bottom: 18px;



    padding-bottom: 14px;



    border-bottom: 1px solid #f1f5f9;



}



.acto-ua__card-head-icon {



    width: 36px;



    height: 36px;



    border-radius: 10px;



    display: flex;



    align-items: center;



    justify-content: center;



}



.acto-ua__card-head-icon--risk {



    background: #fef2f2;



    color: #ef4444;



}



.acto-ua__card-head-icon--solution {



    background: #f0fdf4;



    color: #16a34a;



}



.acto-ua__card-head h3 {



    margin: 0 !important;



    font-size: 18px !important;



    font-weight: 700 !important;



    color: #0f172a !important;



}



.acto-ua__card ul {



    list-style: none;



    padding: 0;



    margin: 0;



    display: flex;



    flex-direction: column;



    gap: 12px;



}



.acto-ua__card li {



    display: flex;



    align-items: flex-start;



    gap: 10px;



    font-size: 14px;



    line-height: 1.55;



    color: #334155;



}



.acto-ua__card li svg {



    flex-shrink: 0;



    width: 18px;



    height: 18px;



    margin-top: 2px;



}







/* 3-Step Protocol Workflow */



.acto-ua__protocol {



    margin: 36px 0;



    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);



    border-radius: 20px;



    padding: 28px;



    border: 1px solid #e2e8f0;



}



.acto-ua__protocol-head {



    margin-bottom: 22px;



}



.acto-ua__protocol-head h3 {



    font-size: 19px !important;



    font-weight: 700 !important;



    color: #0f172a !important;



    margin: 0 0 6px !important;



}



.acto-ua__protocol-head p {



    font-size: 14px;



    color: #64748b;



    margin: 0;



}



.acto-ua__protocol-steps {



    display: grid;



    grid-template-columns: repeat(3, 1fr);



    gap: 20px;



}



.acto-ua__step-card {



    background: #ffffff;



    border-radius: 14px;



    padding: 20px;



    border: 1px solid #e2e8f0;



    position: relative;



    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);



}



.acto-ua__step-num {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    width: 28px;



    height: 28px;



    border-radius: 999px;



    background: #e0f2fe;



    color: #0284c7;



    font-weight: 800;



    font-size: 13px;



    margin-bottom: 10px;



}



.acto-ua__step-card h4 {



    font-size: 15px;



    font-weight: 700;



    color: #0f172a;



    margin: 0 0 8px;



}



.acto-ua__step-card p {



    font-size: 13px;



    line-height: 1.5;



    color: #64748b;



    margin: 0;



}







/* Featured Products in Sector */



.acto-ua__featured-products {



    margin: 36px 0;



}



.acto-ua__featured-products-head {



    display: flex;



    align-items: center;



    justify-content: space-between;



    margin-bottom: 20px;



}



.acto-ua__featured-products-head h3 {



    font-size: 19px !important;



    font-weight: 700 !important;



    color: #0f172a !important;



    margin: 0 !important;



}



.acto-ua__featured-grid {



    display: grid;



    grid-template-columns: repeat(3, 1fr);



    gap: 18px;



}



.acto-ua__product-card {



    display: flex;



    gap: 16px;



    background: #ffffff;



    border: 1px solid #e2e8f0;



    border-radius: 16px;



    padding: 16px;



    text-decoration: none !important;



    color: inherit;



    transition: all 0.25s ease;



    align-items: center;



}



.acto-ua__product-card:hover {



    border-color: #bae6fd;



    transform: translateY(-3px);



    box-shadow: 0 10px 25px rgba(2, 132, 199, 0.12);



}



.acto-ua__product-thumb {



    width: 68px;



    height: 68px;



    border-radius: 12px;



    overflow: hidden;



    background: #f8fafc;



    flex-shrink: 0;



    border: 1px solid #eef2f6;



}



.acto-ua__product-thumb img {



    width: 100%;



    height: 100%;



    object-fit: contain;



}



.acto-ua__product-info {



    flex-grow: 1;



    min-width: 0;



}



.acto-ua__product-cat {



    font-size: 11px;



    font-weight: 700;



    color: #0284c7;



    text-transform: uppercase;



    letter-spacing: 0.5px;



    margin-bottom: 2px;



}



.acto-ua__product-title {



    font-size: 14px;



    font-weight: 700;



    color: #0f172a;



    margin: 0 0 4px;



    white-space: nowrap;



    overflow: hidden;



    text-overflow: ellipsis;



}



.acto-ua__product-desc {



    font-size: 12px;



    color: #64748b;



    margin: 0;



    line-height: 1.4;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



    overflow: hidden;



}



.acto-ua__product-arrow {



    color: #0284c7;



    font-size: 16px;



    font-weight: bold;



    flex-shrink: 0;



}







/* Panel Actions */



.acto-ua__actions {



    display: flex;



    align-items: center;



    gap: 16px;



    flex-wrap: wrap;



    margin-top: 30px;



}



.acto-ua__btn-secondary {



    display: inline-flex;



    align-items: center;



    gap: 8px;



    padding: 12px 24px;



    border-radius: 12px;



    background: #f1f5f9;



    color: #0f172a;



    font-weight: 600;



    font-size: 14px;



    text-decoration: none;



    border: 1px solid #e2e8f0;



    transition: all 0.2s ease;



}



.acto-ua__btn-secondary:hover {



    background: #e2e8f0;



    color: #0284c7;



}







/* Consultation Banner Below Tabs */



.acto-ua-advisory {



    background: linear-gradient(135deg, #091e2f 0%, #10384f 100%);



    border-radius: 24px;



    padding: 44px;



    color: #ffffff;



    margin: 60px auto 40px;



    display: grid;



    grid-template-columns: 1.3fr 1fr;



    gap: 40px;



    align-items: center;



    box-shadow: 0 20px 40px rgba(9, 30, 47, 0.2);



}



.acto-ua-advisory h3 {



    font-size: 26px;



    font-weight: 800;



    margin: 0 0 14px;



    line-height: 1.3;



}



.acto-ua-advisory p {



    font-size: 15px;



    line-height: 1.6;



    color: #cbd5e1;



    margin: 0 0 24px;



}



.acto-ua-advisory-perks {



    display: flex;



    flex-direction: column;



    gap: 12px;



    margin-bottom: 28px;



}



.acto-ua-advisory-perk {



    display: flex;



    align-items: center;



    gap: 10px;



    font-size: 14px;



    color: #e2e8f0;



}



.acto-ua-advisory-perk svg {



    color: #38bdf8;



    flex-shrink: 0;



}



.acto-ua-advisory-card {



    background: rgba(255, 255, 255, 0.07);



    border: 1px solid rgba(255, 255, 255, 0.15);



    border-radius: 18px;



    padding: 28px;



    backdrop-filter: blur(8px);



}



.acto-ua-advisory-card h4 {



    font-size: 18px;



    font-weight: 700;



    margin: 0 0 8px;



    color: #ffffff;



}



.acto-ua-advisory-card p {



    font-size: 13.5px;



    color: #94a3b8;



    margin-bottom: 20px;



}







/* FAQ Accordion */



.acto-ua-faq {



    margin: 50px 0;



}



.acto-ua-faq-head {



    text-align: center;



    max-width: 680px;



    margin: 0 auto 36px;



}



.acto-ua-faq-head h2 {



    font-size: 26px;



    font-weight: 800;



    color: #0f172a;



    margin: 0 0 10px;



}



.acto-ua-faq-head p {



    font-size: 15px;



    color: #64748b;



    margin: 0;



}



.acto-ua-faq-list {



    max-width: 860px;



    margin: 0 auto;



    display: flex;



    flex-direction: column;



    gap: 14px;



}



.acto-ua-faq-item {



    background: #ffffff;



    border: 1px solid #e2e8f0;



    border-radius: 14px;



    padding: 18px 22px;



    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);



}



.acto-ua-faq-item summary {



    font-size: 15.5px;



    font-weight: 700;



    color: #0f172a;



    cursor: pointer;



    list-style: none;



    display: flex;



    justify-content: space-between;



    align-items: center;



}



.acto-ua-faq-item summary::-webkit-details-marker {



    display: none;



}



.acto-ua-faq-item summary::after {



    content: "+";



    font-size: 20px;



    font-weight: 400;



    color: #0284c7;



    transition: transform 0.2s ease;



}



.acto-ua-faq-item[open] summary::after {



    content: "−";



}



.acto-ua-faq-item p {



    margin: 12px 0 0;



    font-size: 14px;



    line-height: 1.6;



    color: #475569;



    border-top: 1px solid #f1f5f9;



    padding-top: 12px;



}







/* Responsive queries */



@media (max-width: 900px) {



    .acto-ua-hero-kpis { grid-template-columns: repeat(2, 1fr); }



    .acto-ua__protocol-steps { grid-template-columns: 1fr; }



    .acto-ua__featured-grid { grid-template-columns: 1fr; }



    .acto-ua-advisory { grid-template-columns: 1fr; padding: 28px; }



}



@media (max-width: 600px) {



    .acto-ua-hero-kpis { grid-template-columns: 1fr 1fr; padding: 14px; }



    .acto-ua__actions { flex-direction: column; align-items: stretch; }



    .acto-ua__actions .eds-btn, .acto-ua__actions .acto-ua__btn-secondary { width: 100%; justify-content: center; text-align: center; }



}







/* ============================================================



   GLOBAL SCROLL & HEADER OFFSET FIX



   Ensures sticky header (~78px-80px) never overlaps top sections,



   sticky sidebars, galleries, or target anchors when scrolling.



   ============================================================ */



html {



    scroll-behavior: smooth;



    scroll-padding-top: 104px;



}







section,



article,



.acto-tabpanel,



[id],



h1, h2, h3, h4 {



    scroll-margin-top: 104px;



}







/* Dual sticky offset for corporate pages with sticky subnav */



.acto-subnav--corp ~ section,



.acto-subnav:not(.acto-subnav--product) ~ .acto-tabs,



.acto-subnav:not(.acto-subnav--product) ~ section {



    scroll-margin-top: 164px;



}







/* Product detail sticky gallery & content top spacing */



.acto-pd__gallery {



    position: sticky !important;



    top: 104px !important;



    z-index: 30 !important;



}







.acto-side {



    position: sticky !important;



    top: 104px !important;



    z-index: 30 !important;



}







.acto-tabs {



    padding-top: 40px !important;



}







.acto-pd__grid {



    padding-top: 8px;



}







.acto-pd__panels .acto-tabpanel {



    scroll-margin-top: 104px !important;



}







/* ============================================================



   Homepage promo hero slider — refined design



   ============================================================ */



.acto-carousel { isolation: isolate; }



.acto-carousel__media { overflow: hidden !important; }



.acto-carousel__media img {



    transform: scale(1.02) !important;



    will-change: transform;



}



.acto-carousel__slide.is-active .acto-carousel__media img {



    animation: acto-kenburns 7s ease-out forwards;



}



@keyframes acto-kenburns {



    from { transform: scale(1.02); }



    to { transform: scale(1.12); }



}







.acto-carousel__counter {



    position: absolute;



    top: 22px;



    right: 24px;



    z-index: 7;



    font-family: var(--font-sans);



    font-size: 13px;



    font-weight: 700;



    letter-spacing: 0.06em;



    color: #ffffff;



    background: rgba(7, 25, 43, 0.45);



    border: 1px solid rgba(255, 255, 255, 0.22);



    backdrop-filter: blur(10px);



    -webkit-backdrop-filter: blur(10px);



    padding: 7px 14px;



    border-radius: 999px;



    pointer-events: none;



}



.acto-carousel__counter b {



    color: #38bdf8;



    font-weight: 800;



}







@media (min-width: 992px) {



    .acto-promo {



        padding: 0 !important;



        background: #ffffff !important;



    }



    .acto-promo .nc-container {



        max-width: 100% !important;



        padding-left: 0 !important;



        padding-right: 0 !important;



        margin: 0 !important;



    }



    .acto-promo .acto-carousel {



        border-radius: 0 !important;



        overflow: hidden !important;



        box-shadow: none !important;



    }



    .acto-carousel__track {



        border-radius: 0 !important;



        background: #07192b !important;



    }







    /* Full-screen image with centered content */



    .acto-carousel__slide.is-active {



        display: block !important;



        min-height: clamp(540px, 78vh, 780px) !important;



    }



    .acto-carousel__detail {



        position: absolute !important;



        inset: 0 !important;



        max-width: none !important;



        padding: 0 24px !important;



        display: flex !important;



        flex-direction: column !important;



        align-items: center !important;



        justify-content: center !important;



        text-align: center !important;



        background: linear-gradient(180deg, rgba(7, 25, 43, 0.5) 0%, rgba(7, 25, 43, 0.38) 42%, rgba(7, 25, 43, 0.62) 100%) !important;



    }



    .acto-carousel__title {



        margin: 0 auto !important;



    }



    .acto-carousel__text {



        font-size: clamp(34px, 4.6vw, 62px) !important;



        line-height: 1.1 !important;



        max-width: 18ch !important;



        margin: 20px auto 0 !important;



        text-align: center !important;



    }



    .acto-carousel__btn {



        align-self: center !important;



        margin-top: 34px !important;



    }







    /* Minimal chrome: only dots at bottom, no arrows */



    .acto-carousel__nav {



        display: none !important;



    }



    .acto-carousel__controls {



        inset: 0 !important;



        pointer-events: none !important;



    }



    .acto-carousel__thumbs {



        left: 50% !important;



        transform: translateX(-50%) !important;



        bottom: 34px !important;



    }



    .acto-carousel__counter {



        display: none !important;



    }



}







/* ============================================================



   All products grid — redesigned product cards (urunler.html)



   ============================================================ */



.acto-products__grid {



    gap: 24px !important;



}



.acto-products__grid .product-card {



    position: relative;



    display: flex;



    flex-direction: column;



    border-radius: 16px !important;



    border: 1px solid #e9eef3 !important;



    background: #ffffff !important;



    overflow: hidden !important;



    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;



    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;



}



.acto-products__grid .product-card:hover {



    transform: translateY(-5px) !important;



    border-color: #cfe8fb !important;



    box-shadow: 0 26px 44px -24px rgba(2, 132, 199, 0.45) !important;



}







.acto-products__grid .product-card__media {



    position: relative !important;



    height: auto !important;



    aspect-ratio: 4 / 3 !important;



    padding: 0 !important;



    background: #f4f7fa !important;



    border-bottom: none !important;



    overflow: hidden !important;



}



.acto-products__grid .product-card__media img {



    width: 100% !important;



    height: 100% !important;



    object-fit: cover !important;



    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;



}



.acto-products__grid .product-card:hover .product-card__media img {



    transform: scale(1.06) !important;



}







.acto-products__grid .product-card__body {



    display: flex !important;



    flex-direction: column !important;



    padding: 16px 16px 18px !important;



    gap: 6px !important;



    background: #ffffff !important;



}







/* Category label (from data-cat) */



.acto-products__grid .product-card__body::before {



    content: "";



    font-size: 10.5px;



    font-weight: 700;



    letter-spacing: 0.07em;



    text-transform: uppercase;



    color: #0284c7;



    margin-bottom: 1px;



}



.acto-products__grid .product-card[data-cat="el-cilt"] .product-card__body::before { content: "El ve Cilt"; }



.acto-products__grid .product-card[data-cat="zemin-yuzey"] .product-card__body::before { content: "Zemin ve Yüzey"; }



.acto-products__grid .product-card[data-cat="hizli-yuzey"] .product-card__body::before { content: "Hızlı Yüzey"; }



.acto-products__grid .product-card[data-cat="alkolsuz"] .product-card__body::before { content: "Alkolsüz"; }



.acto-products__grid .product-card[data-cat="hidrojen"] .product-card__body::before { content: "Hidrojen Peroksit"; }



.acto-products__grid .product-card[data-cat="tibbi-cihaz"] .product-card__body::before { content: "Tıbbi Cihaz"; }



.acto-products__grid .product-card[data-cat="temizlik"] .product-card__body::before { content: "Temizlik ve Bakım"; }



.acto-products__grid .product-card[data-cat="hemodiyaliz"] .product-card__body::before { content: "Hemodiyaliz"; }







.acto-products__grid .product-card h3 {



    font-size: 15.5px !important;



    font-weight: 800 !important;



    letter-spacing: -0.01em !important;



    color: #0f172a !important;



    line-height: 1.3 !important;



    margin: 0 !important;



}



.acto-products__grid .product-card p {



    font-size: 12.5px !important;



    color: #64748b !important;



    line-height: 1.5 !important;



    margin: 0 !important;



    flex: 1 !important;



    display: -webkit-box !important;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



    overflow: hidden;



}



.acto-products__grid .product-card__more {



    margin-top: 12px !important;



    align-self: flex-start !important;



    display: inline-flex !important;



    align-items: center !important;



    gap: 6px !important;



    font-size: 12.5px !important;



    font-weight: 700 !important;



    color: #0284c7 !important;



    background: transparent !important;



    border: 0 !important;



    padding: 0 !important;



    border-radius: 0 !important;



}



.acto-products__grid .product-card__more::after {



    content: "\2192";



    transition: transform 0.2s ease;



}



.acto-products__grid .product-card:hover .product-card__more {



    color: #0369a1 !important;



}



.acto-products__grid .product-card:hover .product-card__more::after {



    transform: translateX(4px);



}







/* Mega menu category chevrons — visible on hover/active */



.nc-mega__cat-arrow {



    color: #94a3b8 !important;



    transition: color 0.15s ease, transform 0.15s ease !important;



}



.nc-mega__cat:hover .nc-mega__cat-arrow,



.nc-mega__cat.is-active .nc-mega__cat-arrow {



    color: #0284c7 !important;



    transform: translateX(2px);



}







/* Mega menu product card "go" arrow — keep arrow visible on blue hover */



.nc-mega__item-go {



    background: #eaf3fb !important;



    color: #0284c7 !important;



}



.nc-mega__item:hover .nc-mega__item-go {



    background: #0284c7 !important;



    color: #ffffff !important;



    transform: translateX(3px) !important;



}







/* Contact map — get directions button */.acto-contactpage__map {



    position: relative !important;



}



.acto-contactpage__directions {



    position: absolute;



    right: 16px;



    top: 16px;



    z-index: 2;



    display: inline-flex;



    align-items: center;



    gap: 8px;



    line-height: 1.2;



    background: #0284c7;



    color: #ffffff;



    font-size: 14px;



    font-weight: 700;



    padding: 12px 20px;



    border-radius: 999px;



    text-decoration: none;



    box-shadow: 0 12px 26px -8px rgba(2, 132, 199, 0.55);



    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;



}



.acto-contactpage__directions svg {



    width: 18px;



    height: 18px;



}



.acto-contactpage__directions:hover {



    background: #0369a1;



    transform: translateY(-2px);



    box-shadow: 0 16px 30px -8px rgba(2, 132, 199, 0.65);



}



@media (max-width: 640px) {



    .acto-contactpage__directions {



        right: 12px;



        top: 12px;



        font-size: 13px;



        padding: 10px 16px;



    }



}







/* ============================================================



   Header language dropdown — compact, no inner gaps



   ============================================================ */



.nc-lang__menu {



    top: calc(100% + 6px) !important;



    min-width: 176px !important;



    padding: 0 !important;



    gap: 0 !important;



    border-radius: 14px !important;



    border: 1px solid #e2e8f0 !important;



    overflow: hidden !important;



    box-shadow: 0 20px 50px rgba(10, 37, 64, 0.18) !important;



}



.nc-lang__menu a {



    display: flex !important;



    align-items: center !important;



    justify-content: flex-start !important;



    gap: 10px !important;



    padding: 10px 14px !important;



    border-radius: 0 !important;



    font-size: 13.5px !important;



    font-weight: 500 !important;



    color: #1c2b3a !important;



    border-bottom: 1px solid #f1f5f9 !important;



}



.nc-lang__menu a:last-child {



    border-bottom: 0 !important;



}



.nc-lang__menu a:hover {



    background: #f0f9ff !important;



    color: #0284c7 !important;



}



.nc-lang__menu a.is-active {



    background: #e0f2fe !important;



    color: #0284c7 !important;



    font-weight: 700 !important;



}



.nc-lang__menu-code {



    position: static !important;



    right: auto !important;



    margin-left: auto !important;



}







/* ============================================================



   Real logo image (actorein_logo.png)



   ============================================================ */



.nc-logo__img {



    height: 74px;



    width: auto;



    display: block;



}



.nc-navbar__inner {



    min-height: 96px !important;



}



.eds-brand__img {



    height: 92px;



    width: auto;



    display: block;



    margin: 0 auto 8px;



}



.eds-brand--small .eds-brand__img {



    height: 60px;



    margin-bottom: 2px;



}



@media (max-width: 900px) {



    .nc-logo__img { height: 56px; }



}







/* ============================================================



   Product gallery — zoom button + lightbox (hover magnifier)



   ============================================================ */



.acto-pd__zoom {



    position: absolute;



    left: 14px;



    bottom: 14px;



    z-index: 12;



    display: inline-flex;



    align-items: center;



    gap: 7px;



    border: 0;



    cursor: pointer;



    background: rgba(255, 255, 255, 0.92);



    color: #0a2540;



    font-family: var(--font-sans);



    font-size: 12.5px;



    font-weight: 700;



    padding: 9px 14px;



    border-radius: 999px;



    box-shadow: 0 8px 22px rgba(10, 37, 64, 0.22);



    -webkit-backdrop-filter: blur(8px);



    backdrop-filter: blur(8px);



    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;



}



.acto-pd__zoom:hover {



    background: #0284c7;



    color: #ffffff;



    transform: translateY(-2px);



}



.acto-pd__zoom svg { width: 16px; height: 16px; }



.acto-pd__main { cursor: zoom-in; }



.acto-pd__main.is-dragging { cursor: grabbing; }







.acto-pd__lightbox {



    position: fixed;



    inset: 0;



    z-index: 2147483000;



    background: rgba(6, 20, 33, 0.93);



    display: none;



    align-items: center;



    justify-content: center;



    padding: 40px;



}



.acto-pd__lightbox.is-open { display: flex; }



.acto-pd__lightbox img {



    max-width: 92vw;



    max-height: 92vh;



    object-fit: contain;



    border-radius: 12px;



    cursor: default;



    user-select: none;



    -webkit-user-drag: none;



}



.acto-pd__lb-close {



    position: absolute;



    top: 20px;



    right: 22px;



    width: 46px;



    height: 46px;



    border-radius: 50%;



    border: 0;



    cursor: pointer;



    background: rgba(255, 255, 255, 0.16);



    color: #ffffff;



    font-size: 24px;



    line-height: 1;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    transition: background 0.2s ease;



}



.acto-pd__lb-close:hover { background: rgba(255, 255, 255, 0.3); }



.acto-pd__lb-hint {



    position: absolute;



    bottom: 22px;



    left: 50%;



    transform: translateX(-50%);



    color: rgba(255, 255, 255, 0.82);



    font-family: var(--font-sans);



    font-size: 12.5px;



    font-weight: 600;



    white-space: nowrap;



}



@media (max-width: 640px) {



    .acto-pd__lightbox { padding: 14px; }



    .acto-pd__lb-hint { font-size: 11px; }



    .acto-pd__zoom span { display: none; }



    .acto-pd__zoom { padding: 10px; }



}







/* Hover zoom (doğrudan galeri görselinde) */



.acto-pd__slide img {



    transition: transform 0.18s ease !important;



}



.acto-pd__main.is-zooming .acto-pd__slide.is-active img {



    transition: none !important;



}



.acto-pd__main.is-zooming {



    cursor: crosshair;



}







/* Footer "Bizi takip edin" — sadece beyaz ikonlar */



.eds-footer .eds-list--social li {



    width: auto !important;



    min-width: 0 !important;



    border-bottom: 0 !important;



}



.eds-footer .eds-list--social {



    flex-wrap: nowrap !important;



    gap: 6px !important;



}



.eds-footer .eds-list--social li a {



    font-size: 0 !important;



    padding: 9px !important;



    background: transparent !important;



    border: 0 !important;



    color: #ffffff !important;



    gap: 0 !important;



}



.eds-footer .eds-list--social li a .eds-social-ico,



.eds-footer .eds-social-ico {



    color: #ffffff !important;



    width: 20px !important;



    height: 20px !important;



}



.eds-footer .eds-social-ico svg {



    width: 20px !important;



    height: 20px !important;



    color: #ffffff !important;



}



.eds-footer .eds-list--social li a:hover {



    background: rgba(255, 255, 255, 0.14) !important;



    border: 0 !important;



    transform: translateY(-2px) !important;



    box-shadow: none !important;



}



.eds-footer .eds-list--social li a:hover .eds-social-ico {



    color: #ffffff !important;



}







/* Header topbar social icons */



.nc-socials {



    display: inline-flex;



    align-items: center;



    gap: 2px;



}



.nc-social {



    width: 34px;



    height: 34px;



    border-radius: 10px;



    display: inline-flex;



    align-items: center;



    justify-content: center;



    color: #334155;



    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;



}



.nc-social:hover {



    background: #f1f5f9;



    color: #0284c7;



    transform: translateY(-1px);



}



.nc-social svg {



    width: 17px;



    height: 17px;



}







/* ============================================================



   MOBILE MENU v4 — fullscreen editorial panel (no bottom sheet)



============================================================ */



@media (max-width: 900px) {



    .nc-sheet {



        position: fixed !important;



        inset: 0 !important;



        z-index: 320 !important;



        visibility: hidden;



        pointer-events: none;



        overflow: hidden;



        transition: visibility 0s linear 0.42s;



    }



    .nc-sheet.is-open { visibility: visible; pointer-events: auto; transition: visibility 0s linear 0s; }



    .nc-sheet__overlay {



        position: absolute;



        inset: 0;



        background: rgba(6, 19, 32, 0.55);



        opacity: 0;



        transition: opacity 0.35s ease;



    }



    .nc-sheet.is-open .nc-sheet__overlay { opacity: 1; }







    .nc-sheet__panel {



        position: absolute !important;



        inset: 0 !important;



        width: 100% !important;



        height: 100% !important;



        max-height: none !important;



        display: flex !important;



        flex-direction: column;



        padding: 0 !important;



        border-radius: 0 !important;



        background: #eef3f8 !important;



        box-shadow: none !important;



        overflow: hidden !important;



        transform: translateX(100%);



        transition: transform 0.42s cubic-bezier(.22,.61,.36,1);



    }



    .nc-sheet.is-open .nc-sheet__panel { transform: translateX(0); }







    .nc-sheet__handle,



    .nc-sheet__head,



    .nc-sheet__title { display: none !important; }







    /* ---- Hero band ---- */



    .nc-sheet__hero {



        position: relative;



        flex: 0 0 auto;



        padding: calc(18px + env(safe-area-inset-top)) 22px 28px;



        background:



            radial-gradient(90% 70% at 100% 0%, rgba(56, 189, 248, 0.45) 0%, rgba(56, 189, 248, 0) 60%),



            radial-gradient(120% 120% at 0% 100%, rgba(14, 116, 181, 0.35) 0%, rgba(14, 116, 181, 0) 55%),



            linear-gradient(150deg, #04121f 0%, #0a2540 55%, #0b3054 100%);



        color: #ffffff;



        border-radius: 0 0 34px 34px;



        overflow: hidden;



        box-shadow: 0 24px 48px -22px rgba(4, 18, 31, 0.65);



    }



    .nc-sheet__hero::before {



        content: "";



        position: absolute;



        top: -70px;



        right: -40px;



        width: 210px;



        height: 210px;



        border-radius: 50%;



        background: radial-gradient(circle, rgba(125, 211, 252, 0.22) 0%, rgba(125, 211, 252, 0) 70%);



        pointer-events: none;



    }



    .nc-sheet__hero::after {



        content: "";



        position: absolute;



        right: -70px;



        bottom: -100px;



        width: 210px;



        height: 210px;



        border: 1px solid rgba(255, 255, 255, 0.12);



        border-radius: 50%;



        pointer-events: none;



    }



    .nc-sheet__hero-top {



        position: relative;



        z-index: 1;



        display: flex;



        align-items: center;



        justify-content: space-between;



        gap: 16px;



    }



    .nc-sheet__brand {



        display: inline-flex;



        align-items: center;



        padding: 7px 12px;



        border-radius: 12px;



        background: #ffffff;



        box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.5);



    }



    .nc-sheet__brand-img { height: 30px; width: auto; display: block; }



    .nc-sheet__close {



        width: 44px !important;



        height: 44px !important;



        flex: 0 0 auto;



        display: inline-flex;



        align-items: center;



        justify-content: center;



        border-radius: 14px !important;



        border: 1px solid rgba(255, 255, 255, 0.22) !important;



        background: rgba(255, 255, 255, 0.1) !important;



        color: #ffffff !important;



        cursor: pointer;



        -webkit-backdrop-filter: blur(6px);



        backdrop-filter: blur(6px);



        transition: background 0.2s ease, transform 0.2s ease;



    }



    .nc-sheet__close:active { transform: scale(0.94); background: rgba(255, 255, 255, 0.2) !important; }



    .nc-sheet__hero-copy {



        position: relative;



        z-index: 1;



        margin-top: 26px;



    }



    .nc-sheet__eyebrow {



        display: block;



        font-size: 10px;



        font-weight: 800;



        letter-spacing: 4px;



        text-transform: uppercase;



        color: rgba(125, 211, 252, 0.75);



    }



    .nc-sheet__heading {



        margin: 6px 0 0;



        font-family: "Plus Jakarta Sans", "Inter", sans-serif;



        font-size: 30px;



        font-weight: 800;



        letter-spacing: -0.8px;



        line-height: 1.1;



        color: #ffffff;



    }



    .nc-sheet__heading::after {



        content: "";



        display: block;



        width: 34px;



        height: 3px;



        margin-top: 12px;



        border-radius: 3px;



        background: linear-gradient(90deg, #38bdf8, #7dd3fc);



    }



    .nc-sheet__search {



        position: relative;



        z-index: 1;



        display: flex !important;



        align-items: center;



        gap: 10px;



        height: 50px !important;



        margin: 18px 0 0 !important;



        padding: 0 16px !important;



        border: 1px solid rgba(255, 255, 255, 0.16) !important;



        border-radius: 14px !important;



        background: rgba(255, 255, 255, 0.08) !important;



        -webkit-backdrop-filter: blur(8px);



        backdrop-filter: blur(8px);



        transition: border-color 0.2s ease, background 0.2s ease;



    }



    .nc-sheet__search:focus-within {



        border-color: rgba(125, 211, 252, 0.6) !important;



        background: rgba(255, 255, 255, 0.12) !important;



    }



    .nc-sheet__search svg { width: 18px; height: 18px; color: #7dd3fc !important; flex: 0 0 auto; }



    .nc-sheet__search input {



        flex: 1;



        min-width: 0;



        border: none !important;



        outline: none;



        background: transparent !important;



        font: inherit;



        font-size: 14px;



        color: #ffffff !important;



    }



    .nc-sheet__search input::placeholder { color: rgba(255, 255, 255, 0.55); }







    /* ---- Scrollable body ---- */



    .nc-sheet__body {



        flex: 1 1 auto;



        overflow-y: auto;



        -webkit-overflow-scrolling: touch;



        overscroll-behavior: contain;



        padding: 24px 20px calc(30px + env(safe-area-inset-bottom));



        background:



            radial-gradient(120% 55% at 100% 0%, #e2eef9 0%, rgba(226, 238, 249, 0) 60%),



            linear-gradient(180deg, #f3f8fc 0%, #eaf1f8 100%);



    }



    .nc-sheet__kicker {



        display: flex;



        align-items: center;



        gap: 12px;



        margin: 0 0 12px;



        font-size: 10.5px;



        font-weight: 800;



        letter-spacing: 2px;



        text-transform: uppercase;



        color: #7b8ea3;



    }



    .nc-sheet__kicker::after {



        content: "";



        flex: 1;



        height: 1px;



        background: #d6e2ee;



    }



    .nc-sheet__kicker:not(:first-child) { margin-top: 24px; }







    /* ---- Navigation cards ---- */



    .nc-sheet__nav {



        display: flex !important;



        flex-direction: column;



        gap: 0;



        margin: 0 0 2px !important;



        padding: 0 !important;



        counter-reset: ncsheet;



        border-top: 1px solid #dde8f2;



    }



    .nc-sheet__nav ul { list-style: none; margin: 0; padding: 0; }



    .nc-sheet__nav > ul > li { border-bottom: 1px solid #dde8f2; }



    .nc-sheet__nav a {



        position: relative;



        display: flex !important;



        align-items: center;



        gap: 14px;



        margin: 0 -6px;



        padding: 15px 12px !important;



        border: 0 !important;



        border-radius: 12px !important;



        background: transparent !important;



        box-shadow: none !important;



        font-size: 17px;



        font-weight: 700;



        letter-spacing: -0.2px;



        color: #0a2540 !important;



        text-decoration: none;



        transition: background 0.2s ease, color 0.2s ease;



    }



    .nc-sheet__nav > ul > li > a::before {



        counter-increment: ncsheet;



        content: "0" counter(ncsheet);



        width: 24px;



        flex: 0 0 auto;



        font-size: 10px;



        font-weight: 800;



        letter-spacing: 1px;



        color: #9db0c2;



        transition: color 0.2s ease;



    }



    .nc-sheet__nav > ul > li > a::after {



        content: "";



        margin-left: auto;



        width: 8px;



        height: 8px;



        border-right: 1.6px solid #9db0c2;



        border-top: 1.6px solid #9db0c2;



        transform: rotate(45deg);



        transition: transform 0.2s ease, border-color 0.2s ease;



    }



    .nc-sheet__nav a:active,



    .nc-sheet__nav a:hover {



        background: #eaf5fd !important;



        color: #0284c7 !important;



    }



    .nc-sheet__nav > ul > li > a:active::before,



    .nc-sheet__nav > ul > li > a:hover::before { color: #0284c7; }



    .nc-sheet__nav > ul > li > a:active::after,



    .nc-sheet__nav > ul > li > a:hover::after {



        border-color: #0284c7;



        transform: translateX(3px) rotate(45deg);



    }



    .nc-sheet__nav .sub-menu {



        display: flex;



        flex-direction: column;



        gap: 1px;



        margin: 0 0 12px 30px !important;



        padding-left: 16px !important;



        border-left: 1px solid #d7e4ef;



    }



    .nc-sheet__nav .sub-menu a {



        margin: 0;



        padding: 8px 6px !important;



        border: none !important;



        border-radius: 8px !important;



        background: transparent !important;



        box-shadow: none !important;



        font-size: 13px;



        font-weight: 600;



        letter-spacing: 0;



        color: #4a6076 !important;



    }



    .nc-sheet__nav .sub-menu a::before,



    .nc-sheet__nav .sub-menu a::after { display: none !important; content: none !important; }







    /* ---- Quick access ---- */



    .nc-sheet__contact {



        display: flex !important;



        flex-direction: column !important;



        gap: 10px !important;



        margin: 0 !important;



    }



    .nc-sheet__contact-item {



        position: relative;



        display: flex !important;



        align-items: center;



        gap: 13px;



        min-width: 0;



        padding: 14px 16px !important;



        border: 1px solid #dde8f2 !important;



        border-radius: 16px !important;



        background: #ffffff !important;



        box-shadow: 0 12px 26px -20px rgba(10, 37, 64, 0.6);



        text-decoration: none;



        transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;



    }



    .nc-sheet__contact-item::after {



        content: "";



        margin-left: auto;



        width: 7px;



        height: 7px;



        flex: 0 0 auto;



        border-right: 1.6px solid #a6b8c8;



        border-top: 1.6px solid #a6b8c8;



        transform: rotate(45deg);



    }



    .nc-sheet__contact-item:active { transform: scale(0.99); border-color: #bae6fd !important; }



    .nc-sheet__contact-item--primary {



        border: 0 !important;



        background: linear-gradient(135deg, #071c2e 0%, #0a2b4a 55%, #0e5488 100%) !important;



        box-shadow: 0 16px 32px -16px rgba(7, 28, 46, 0.7);



    }



    .nc-sheet__contact-item--primary::after { border-color: rgba(255, 255, 255, 0.55); }



    .nc-sheet__nav-ico {



        width: 44px !important;



        height: 44px !important;



        flex: 0 0 auto;



        display: inline-flex;



        align-items: center;



        justify-content: center;



        border-radius: 13px !important;



        background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%) !important;



        color: #0369a1 !important;



    }



    .nc-sheet__contact-item--primary .nc-sheet__nav-ico {



        background: rgba(255, 255, 255, 0.12) !important;



        color: #7dd3fc !important;



        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);



    }



    .nc-sheet__contact-text {



        display: flex;



        flex-direction: column;



        line-height: 1.35;



        min-width: 0;



    }



    .nc-sheet__contact-text small {



        font-size: 9.5px;



        font-weight: 800;



        letter-spacing: 1.4px;



        text-transform: uppercase;



        color: #8aa0b4;



    }



    .nc-sheet__contact-text strong {



        font-size: 14px;



        font-weight: 700;



        letter-spacing: -0.1px;



        color: #102a43;



        white-space: nowrap;



        overflow: hidden;



        text-overflow: ellipsis;



    }



    .nc-sheet__contact-item--primary .nc-sheet__contact-text small { color: rgba(255, 255, 255, 0.55); }



    .nc-sheet__contact-item--primary .nc-sheet__contact-text strong {



        color: #ffffff;



        font-size: 16px;



        letter-spacing: 0.3px;



    }







    /* ---- Language strip ---- */



    .nc-sheet__lang-list {



        display: flex !important;



        flex-wrap: nowrap;



        gap: 8px;



        overflow-x: auto;



        margin: 0 -20px !important;



        padding: 2px 20px 6px !important;



        scrollbar-width: none;



        -webkit-overflow-scrolling: touch;



    }



    .nc-sheet__lang-list::-webkit-scrollbar { display: none; }



    .nc-sheet__lang-item {



        display: inline-flex !important;



        align-items: center;



        gap: 8px;



        flex: 0 0 auto;



        padding: 8px 13px !important;



        border: 1px solid #dde8f2 !important;



        border-radius: 999px !important;



        background: #ffffff !important;



        font: inherit;



        font-size: 12.5px;



        font-weight: 600;



        color: #415a72 !important;



        cursor: pointer;



        transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;



    }



    .nc-sheet__lang-item.is-active {



        background: #0a2540 !important;



        border-color: #0a2540 !important;



        color: #ffffff !important;



    }



    .nc-sheet__flag {



        width: 22px !important;



        height: 15px !important;



        border-radius: 3px;



        overflow: hidden;



        display: inline-flex;



        flex: 0 0 auto;



        box-shadow: 0 0 0 1px rgba(10, 37, 64, 0.08);



    }



    .nc-sheet__flag svg { width: 100%; height: 100%; display: block; }



    .nc-sheet__code { display: none !important; }







    /* ---- Footer meta ---- */



    .nc-sheet__footer {



        display: flex;



        flex-direction: column;



        align-items: center;



        gap: 12px;



        margin-top: 26px;



        padding-top: 20px;



        border-top: 1px solid #dde8f2;



    }



    .nc-sheet__socials { display: flex; gap: 8px; }



    .nc-sheet__socials a {



        width: 38px;



        height: 38px;



        display: inline-flex;



        align-items: center;



        justify-content: center;



        border: 1px solid #dde8f2;



        border-radius: 12px;



        background: #ffffff;



        color: #415a72;



        transition: color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;



    }



    .nc-sheet__socials a:active {



        color: #0284c7;



        border-color: #bae6fd;



        transform: translateY(-1px);



    }



    .nc-sheet__tagline {



        font-size: 9.5px;



        font-weight: 800;



        letter-spacing: 2.6px;



        text-transform: uppercase;



        color: #9fb0c0;



    }







    .nc-sheet.is-open .nc-sheet__hero { animation: ncsheet-hero-in 0.45s cubic-bezier(.22,.61,.36,1) both; }



    .nc-sheet.is-open .nc-sheet__kicker,



    .nc-sheet.is-open .nc-sheet__nav,



    .nc-sheet.is-open .nc-sheet__contact,



    .nc-sheet.is-open .nc-sheet__lang-list,



    .nc-sheet.is-open .nc-sheet__footer { animation: ncsheet-body-in 0.5s cubic-bezier(.22,.61,.36,1) both; }



    .nc-sheet.is-open .nc-sheet__nav { animation-delay: 0.06s; }



    .nc-sheet.is-open .nc-sheet__contact { animation-delay: 0.12s; }



    .nc-sheet.is-open .nc-sheet__lang-list { animation-delay: 0.18s; }



    .nc-sheet.is-open .nc-sheet__footer { animation-delay: 0.24s; }



}







@keyframes ncsheet-hero-in {



    from { opacity: 0; transform: translateY(-10px); }



    to { opacity: 1; transform: translateY(0); }



}



@keyframes ncsheet-body-in {



    from { opacity: 0; transform: translateY(14px); }



    to { opacity: 1; transform: translateY(0); }



}







/* ============================================================



   MOBILE MENU v5 — compact flat side drawer



============================================================ */



@media (max-width: 900px) {



    .nc-sheet__overlay { background: rgba(6, 19, 32, 0.42) !important; }







    .nc-sheet__panel {



        left: auto !important;



        right: 0 !important;



        width: min(90vw, 400px) !important;



        height: 100% !important;



        border-radius: 22px 0 0 22px !important;



        background: #ffffff !important;



        box-shadow: -24px 0 60px -30px rgba(6, 24, 42, 0.55) !important;



    }







    /* ---- Compact flat header ---- */



    .nc-sheet__hero {



        padding: calc(14px + env(safe-area-inset-top)) 16px 16px !important;



        background: #0a2540 !important;



        border-radius: 22px 0 0 0 !important;



        box-shadow: none !important;



    }



    .nc-sheet__hero::before,



    .nc-sheet__hero::after { display: none !important; content: none !important; }







    .nc-sheet__brand {



        padding: 6px 11px !important;



        border-radius: 10px !important;



        box-shadow: none !important;



    }



    .nc-sheet__brand-img { height: 34px !important; }







    .nc-sheet__close {



        width: 38px !important;



        height: 38px !important;



        border-radius: 11px !important;



        background: rgba(255, 255, 255, 0.1) !important;



        border-color: rgba(255, 255, 255, 0.16) !important;



    }







    .nc-sheet__search {



        height: 44px !important;



        margin: 12px 0 0 !important;



        border-radius: 11px !important;



        border: 1px solid #1d4a70 !important;



        background: #123a5c !important;



    }



    .nc-sheet__search:focus-within {



        border-color: #3b82b8 !important;



        background: #164468 !important;



    }



    .nc-sheet__search input { font-size: 13px !important; }







    /* ---- Compact body ---- */



    .nc-sheet__body {



        padding: 14px 16px calc(20px + env(safe-area-inset-bottom)) !important;



        background: #f6f8fb !important;



    }







    .nc-sheet__kicker {



        margin-bottom: 6px !important;



        font-size: 9.5px !important;



        letter-spacing: 1.6px !important;



    }



    .nc-sheet__kicker:not(:first-child) { margin-top: 16px !important; }







    /* ---- Flat nav list ---- */



    .nc-sheet__nav { border-top: 0 !important; }



    .nc-sheet__nav a {



        margin: 0 !important;



        padding: 11px 6px !important;



        gap: 10px !important;



        border-radius: 8px !important;



        font-size: 14.5px !important;



    }



    .nc-sheet__nav > ul > li > a::before { display: none !important; content: none !important; }



    .nc-sheet__nav > ul > li > a::after {



        width: 6px;



        height: 6px;



        border-width: 1.5px;



    }



    .nc-sheet__nav > ul > li.menu-item-has-children > a::after { transform: rotate(135deg); }



    .nc-sheet__nav > ul > li.menu-item-has-children.is-open > a::after { transform: rotate(-45deg); }



    .nc-sheet__nav > ul > li.menu-item-has-children > a:hover::after,



    .nc-sheet__nav > ul > li.menu-item-has-children > a:active::after { transform: rotate(135deg); }



    .nc-sheet__nav > ul > li.menu-item-has-children.is-open > a:hover::after,



    .nc-sheet__nav > ul > li.menu-item-has-children.is-open > a:active::after { transform: rotate(-45deg); }







    .nc-sheet__nav.is-accordion .sub-menu {



        display: none !important;



        margin: 0 0 8px 8px !important;



        padding-left: 12px !important;



    }



    .nc-sheet__nav.is-accordion > ul > li.is-open > .sub-menu { display: flex !important; }



    .nc-sheet__nav .sub-menu a {



        padding: 6px 4px !important;



        font-size: 12.5px !important;



    }



    .nc-sheet__nav .sub-menu a.nc-sheet__sub-all {



        color: #0284c7 !important;



        font-weight: 700;



        font-size: 12px !important;



        border-bottom: 1px solid #e4ebf2 !important;



        border-radius: 0 !important;



        margin-bottom: 2px;



    }



    .nc-sheet__nav a:active,



    .nc-sheet__nav a:hover { background: transparent !important; color: #0284c7 !important; }







    /* ---- Flat quick access ---- */



    .nc-sheet__contact { gap: 8px !important; }



    .nc-sheet__contact-item {



        padding: 10px 12px !important;



        gap: 10px !important;



        border-radius: 12px !important;



        box-shadow: none !important;



    }



    .nc-sheet__contact-item::after { width: 6px; height: 6px; border-width: 1.5px; }



    .nc-sheet__contact-item--primary {



        background: #0a2540 !important;



        box-shadow: none !important;



    }



    .nc-sheet__nav-ico {



        width: 36px !important;



        height: 36px !important;



        border-radius: 10px !important;



        background: #e8f1f8 !important;



        color: #0b5c8a !important;



    }



    .nc-sheet__contact-item--primary .nc-sheet__nav-ico {



        background: #123a5c !important;



        color: #7dd3fc !important;



        box-shadow: none !important;



    }



    .nc-sheet__nav-ico svg { width: 17px; height: 17px; }



    .nc-sheet__contact-text small { font-size: 9px !important; letter-spacing: 1.1px !important; }



    .nc-sheet__contact-text strong { font-size: 12.5px !important; }



    .nc-sheet__contact-item--primary .nc-sheet__contact-text strong { font-size: 14px !important; }







    /* ---- Language grid ---- */



    .nc-sheet__lang-list {



        display: grid !important;



        grid-template-columns: 1fr 1fr;



        gap: 6px !important;



        margin: 0 !important;



        padding: 0 !important;



        overflow: visible !important;



    }



    .nc-sheet__lang-item {



        justify-content: flex-start;



        width: 100%;



        padding: 8px 10px !important;



        gap: 7px !important;



        font-size: 12px !important;



        border-radius: 10px !important;



        background: #ffffff !important;



        border: 1px solid #e2eaf2 !important;



    }



    .nc-sheet__lang-item.is-active {



        background: #0a2540 !important;



        border-color: #0a2540 !important;



    }



    .nc-sheet__flag { width: 18px !important; height: 12px !important; }



    .nc-sheet__code {



        display: inline !important;



        margin-left: auto !important;



        font-size: 9px !important;



        font-weight: 800;



        letter-spacing: 0.4px;



        color: #9fb0c0 !important;



    }



    .nc-sheet__lang-item.is-active .nc-sheet__code { color: rgba(255, 255, 255, 0.6) !important; }







    .nc-sheet__footer { display: none !important; }



}







/* ============================================================



   HOME CATEGORIES — swipe carousel on mobile



============================================================ */



@media (max-width: 700px) {



    .rh-categories .rh-categories__wrap { padding: 0 24px; }







    .rh-categories .rh-categories__stack {



        display: flex !important;



        flex-direction: row !important;



        align-items: stretch !important;



        gap: 12px !important;



        margin: 0 -24px !important;



        padding: 0 24px 10px !important;



        overflow-x: auto !important;



        overflow-y: hidden !important;



        scroll-snap-type: x mandatory;



        scroll-padding-left: 24px;



        scroll-behavior: smooth;



        overscroll-behavior-x: contain;



        -webkit-overflow-scrolling: touch;



        scrollbar-width: none;



    }



    .rh-categories .rh-categories__stack::-webkit-scrollbar { display: none; }







    .rh-categories .rh-categories__stack > .rh-categories__row {



        display: contents !important;



        position: static !important;



        background: transparent !important;



        padding: 0 !important;



    }







    .rh-categories .rh-categories__stack .rh-categories__card {



        flex: 0 0 82% !important;



        max-width: 330px;



        min-height: 200px !important;



        scroll-snap-align: start;



        scroll-snap-stop: always;



    }







    .rh-categories .rh-categories__intro { margin-bottom: 20px !important; }



}







/* ============================================================



   HOME PRODUCT FILTER — mobile dropdown



============================================================ */



.rh-products__filterbar { position: relative; margin-bottom: 0; }



.rh-products__filter-toggle { display: none; }







@media (max-width: 700px) {



    .rh-products .rh-products__filterbar { margin-bottom: 16px; }







    .rh-products .rh-products__filter-toggle {



        width: 100%;



        display: flex;



        align-items: center;



        gap: 10px;



        padding: 10px 14px;



        border: 1px solid #dde6ec;



        border-radius: 10px;



        background: #fff;



        color: #102d43;



        font: inherit;



        text-align: left;



        cursor: pointer;



    }



    .rh-products .rh-products__filter-toggle > svg:first-child { color: #0082a8; flex: 0 0 auto; }



    .rh-products__filter-toggle-text {



        display: flex;



        flex-direction: column;



        min-width: 0;



        line-height: 1.3;



    }



    .rh-products__filter-toggle-text small {



        font: 700 9px Inter, sans-serif;



        letter-spacing: 1px;



        text-transform: uppercase;



        color: #8aa0b4;



    }



    .rh-products__filter-current {



        font: 700 13px "Plus Jakarta Sans", sans-serif;



        color: #102d43;



        white-space: nowrap;



        overflow: hidden;



        text-overflow: ellipsis;



    }



    .rh-products__filter-caret {



        margin-left: auto;



        flex: 0 0 auto;



        color: #7b8ea3;



        transition: transform 0.2s ease;



    }



    .rh-products__filterbar.is-open .rh-products__filter-caret { transform: rotate(180deg); }







    .rh-products .rh-products__filters {



        display: none;



        position: absolute;



        top: calc(100% + 6px);



        left: 0;



        right: 0;



        z-index: 40;



        flex-direction: column;



        flex-wrap: nowrap;



        gap: 2px;



        max-height: 58vh;



        overflow-y: auto;



        margin: 0;



        padding: 6px;



        border: 1px solid #dde6ec;



        border-radius: 12px;



        background: #fff;



        box-shadow: 0 18px 36px -18px rgba(10, 37, 64, 0.45);



        -webkit-overflow-scrolling: touch;



    }



    .rh-products__filterbar.is-open .rh-products__filters { display: flex; }







    .rh-products .rh-products__filters button {



        width: 100%;



        padding: 11px 12px;



        border: 0;



        border-radius: 8px;



        background: transparent;



        color: #4a6076;



        font: 600 12px/1.35 Inter, sans-serif;



        text-align: left;



        cursor: pointer;



    }



    .rh-products .rh-products__filters button + button { border-top: 1px solid #eef3f7; }



    .rh-products .rh-products__filters button[aria-pressed="true"] {



        background: #0a2540;



        color: #fff;



    }



}







/* ============================================================



   HOME USAGE AREAS — mobile carousel cards



============================================================ */



@media (max-width: 700px) {



    .rh-areas .rh-areas__wrap { gap: 24px; }







    .rh-areas .rh-areas__directory {



        display: flex;



        flex-direction: row;



        align-items: flex-start;



        gap: 12px;



        margin: 0 -24px;



        padding: 2px 24px 14px;



        overflow-x: auto;



        overflow-y: hidden;



        scroll-snap-type: x mandatory;



        scroll-padding-left: 24px;



        scroll-behavior: smooth;



        overscroll-behavior-x: contain;



        -webkit-overflow-scrolling: touch;



        scrollbar-width: none;



        border-top: 0;



    }



    .rh-areas .rh-areas__directory::-webkit-scrollbar { display: none; }







    .rh-areas .rh-areas__entry {



        --ra-accent: #0a2540;



        --ra-bg: #f4f9fd;



        flex: 0 0 84%;



        max-width: 330px;



        scroll-snap-align: start;



        scroll-snap-stop: always;



        border: 1px solid #dce7ee;



        border-radius: 18px;



        background: var(--ra-bg);



        overflow: hidden;



        box-shadow: 0 12px 28px -20px rgba(10, 37, 64, 0.5);



    }



    .rh-areas .rh-areas__entry:nth-child(2) { --ra-accent: #0f766e; --ra-bg: #f1faf7; }



    .rh-areas .rh-areas__entry:nth-child(3) { --ra-accent: #7c3aed; --ra-bg: #f7f3fe; }



    .rh-areas .rh-areas__entry:nth-child(4) { --ra-accent: #b45309; --ra-bg: #fdf7ee; }



    .rh-areas .rh-areas__entry:nth-child(5) { --ra-accent: #0369a1; --ra-bg: #eff7fc; }



    .rh-areas .rh-areas__entry:nth-child(6) { --ra-accent: #be123c; --ra-bg: #fdf2f5; }



    .rh-areas .rh-areas__entry[open] {



        border-color: var(--ra-accent);



    }







    .rh-areas .rh-areas__entry summary {



        display: flex;



        align-items: center;



        gap: 0;



        padding: 14px;



        min-height: 0;



        grid-template-columns: none;



        color: #102d43;



        cursor: default;



    }



    .rh-areas .rh-areas__number { display: none !important; }



    .rh-areas .rh-areas__toggle { display: none !important; }



    .rh-areas .rh-areas__name {



        font: 700 16px/1.35 "Plus Jakarta Sans", sans-serif;



        letter-spacing: -0.02em;



        color: #102d43;



    }



    .rh-areas .rh-areas__entry[open] summary { color: #102d43; }



    .rh-areas .rh-areas__entry[open] .rh-areas__number {



        background: var(--ra-accent);



        color: #ffffff;



    }



    .rh-areas .rh-areas__entry summary:hover .rh-areas__name { color: var(--ra-accent); }







    .rh-areas .rh-areas__toggle {



        width: 24px;



        height: 24px;



        flex: 0 0 24px;



        margin-left: auto;



        border: 1px solid #e1eaf1;



        border-radius: 50%;



    }



    .rh-areas .rh-areas__toggle::before,



    .rh-areas .rh-areas__toggle::after {



        top: 11px;



        left: 5px;



        width: 12px;



        background: #8aa0b4;



    }



    .rh-areas .rh-areas__entry[open] .rh-areas__toggle {



        border-color: var(--ra-accent);



        background: #f4f9fd;



    }



    .rh-areas .rh-areas__entry[open] .rh-areas__toggle::before,



    .rh-areas .rh-areas__entry[open] .rh-areas__toggle::after {



        background: var(--ra-accent);



    }







    .rh-areas .rh-areas__reveal {



        display: flex;



        align-items: flex-start;



        gap: 12px;



        padding: 0 14px 16px;



        grid-template-columns: none;



    }



    .rh-areas .rh-areas__wrap .rh-areas__illustration {



        display: inline-flex !important;



        align-items: center;



        justify-content: center;



        flex: 0 0 44px;



        width: 44px;



        height: 44px;



        min-height: 44px;



        margin: 2px 0 0;



        padding: 0;



        border: 1px solid rgba(10, 37, 64, 0.08);



        border-radius: 13px;



        background: #ffffff;



        color: var(--ra-accent);



        overflow: visible;



    }



    .rh-areas .rh-areas__wrap .rh-areas__illustration::before { content: none; }



    .rh-areas .rh-areas__reveal .rh-areas__illustration svg {



        width: 24px;



        height: 24px;



        stroke-width: 1.3;



        opacity: 1;



    }



    .rh-areas .rh-areas__detail {



        flex: 1;



        min-width: 0;



        align-self: auto;



    }



    .rh-areas .rh-areas__detail p {



        margin: 0 0 14px;



        font-size: 12.5px;



        line-height: 1.7;



        color: #5b7183;



    }



    .rh-areas .rh-areas__detail a {



        display: inline-flex;



        align-items: center;



        gap: 8px;



        padding: 9px 14px;



        border: 1px solid rgba(10, 37, 64, 0.08);



        border-radius: 999px;



        background: #ffffff;



        color: var(--ra-accent);



        font: 700 11px/1.3 Inter, sans-serif;



        text-decoration: none;



    }



}







/* Home product filters: single scrollable row on desktop. */



@media (min-width: 701px) {



    .rh-products .rh-products__filters {



        display: flex !important;



        flex-wrap: nowrap !important;



        align-items: center;



        gap: 8px !important;



        overflow-x: auto !important;



        overflow-y: hidden !important;



        padding: 2px 2px 8px !important;



        scrollbar-width: thin;



        scrollbar-color: #c7d9e5 transparent;



        -webkit-overflow-scrolling: touch;



        scroll-snap-type: x proximity;



    }



    .rh-products .rh-products__filters button {



        flex: 0 0 auto !important;



        white-space: nowrap !important;



        scroll-snap-align: start;



    }



    .rh-products .rh-products__filters::-webkit-scrollbar { height: 6px; }



    .rh-products .rh-products__filters::-webkit-scrollbar-track { background: transparent; }



    .rh-products .rh-products__filters::-webkit-scrollbar-thumb {



        background: #c7d9e5;



        border-radius: 999px;



    }



    .rh-products .rh-products__filters::-webkit-scrollbar-thumb:hover { background: #a9c2d3; }



}







/* ============================================================



   MODULE: actopim-form.css



   ============================================================ */



/* ACTOPIM forms inherit the ACTOREIN contact design. Higher specificity



   overrides the shortcode's embedded stylesheet without editing the plugin. */



.actorein-content .actopim-form-wrap {



    box-sizing: border-box;



    width: 100%;



    max-width: 760px;



    margin: 24px auto;



    padding: 24px;



    border: 1px solid #e2e8f0;



    border-radius: 24px;



    background: #fff;



    box-shadow: 0 4px 16px rgba(10,37,64,.04);



    color: #0a2540;



    font-family: var(--font-sans, 'Inter', sans-serif);



}



.actorein-content .acto-contactpage__form .actopim-form-wrap {



    max-width: none;



    margin: 0;



    padding: 0;



    border: 0;



    border-radius: 0;



    box-shadow: none;



}



.actorein-content .actopim-form-wrap .actopim-form-title {



    margin: 0 0 12px;



    color: #0a2540;



    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;



    font-size: clamp(22px, 3vw, 28px);



    font-weight: 800;



    letter-spacing: -.03em;



    line-height: 1.25;



}



.actorein-content .actopim-form-wrap .actopim-form-desc {



    margin: 0 0 16px;



    color: #62768a;



    font-size: 14px;



    line-height: 1.75;



}



.actorein-content .actopim-form-wrap .actopim-form-grid { gap: 12px; }



.actorein-content .actopim-form-wrap .actopim-form-group { min-width: 0; }



.actorein-content .actopim-form-wrap .actopim-form-group label {



    margin-bottom: 5px;



    color: #0a2540;



    font-size: 13px;



    font-weight: 600;



    line-height: 1.5;



}



.actorein-content .actopim-form-wrap .actopim-form-group input:not([type='checkbox']):not([type='radio']):not([type='hidden']),



.actorein-content .actopim-form-wrap .actopim-form-group textarea,



.actorein-content .actopim-form-wrap .actopim-form-group select,



.actorein-content .actopim-form-wrap .actopim-product-dropdown-toggle {



    box-sizing: border-box;



    width: 100%;



    min-width: 0;



    min-height: 42px;



    padding: 10px 13px;



    border: 1px solid #cbd5e1;



    border-radius: 12px;



    background: #f8fafc;



    color: #0f172a;



    font-family: inherit;



    font-size: 14px;



    line-height: 1.5;



    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;



}



.actorein-content .actopim-form-wrap .actopim-form-group textarea { min-height: 100px; resize: vertical; }



.actorein-content .actopim-form-wrap input::placeholder,



.actorein-content .actopim-form-wrap textarea::placeholder { color: #7b8b9c; opacity: 1; }



.actorein-content .actopim-form-wrap .actopim-form-group input:focus,



.actorein-content .actopim-form-wrap .actopim-form-group textarea:focus,



.actorein-content .actopim-form-wrap .actopim-form-group select:focus,



.actorein-content .actopim-form-wrap .actopim-product-dropdown-toggle:focus-visible {



    outline: 2px solid transparent;



    border-color: #0284c7;



    background: #fff;



    box-shadow: 0 0 0 4px rgba(2,132,199,.12);



}



.actorein-content .actopim-form-wrap .actopim-checkbox-item,



.actorein-content .actopim-form-wrap .actopim-radio-item,



.actorein-content .actopim-form-wrap .actopim-product-option {



    display: flex;



    align-items: flex-start;



    gap: 10px;



    font-weight: 400;



    cursor: pointer;



}



.actorein-content .actopim-form-wrap input[type='checkbox'],



.actorein-content .actopim-form-wrap input[type='radio'] {



    flex: 0 0 18px;



    width: 18px;



    height: 18px;



    margin: 2px 0 0;



    accent-color: #0284c7;



}



.actorein-content .actopim-form-wrap .actopim-form-submit {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    width: 100%;



    min-height: 42px;



    margin-top: 16px;



    padding: 10px 20px;



    border: 1px solid #0284c7;



    border-radius: 12px;



    background: #0284c7;



    color: #fff;



    font-family: inherit;



    font-size: 14px;



    font-weight: 700;



    line-height: 1.5;



    box-shadow: 0 4px 14px rgba(2,132,199,.18);



    cursor: pointer;



    transition: background .2s ease, box-shadow .2s ease;



}



.actorein-content .actopim-form-wrap .actopim-form-submit:hover { background: #0369a1; border-color: #0369a1; transform: none; }



.actorein-content .actopim-form-wrap .actopim-form-submit:focus-visible { outline: 3px solid #7dd3fc; outline-offset: 3px; }



.actorein-content .actopim-form-wrap .actopim-form-submit:disabled { opacity: .65; cursor: wait; box-shadow: none; }



.actorein-content .actopim-form-wrap .actopim-product-dropdown-panel { border-color: #e2e8f0; border-radius: 12px; box-shadow: 0 12px 32px rgba(10,37,64,.1); }



.actorein-content .actopim-form-wrap .actopim-product-option:hover { border-color: #0284c7; background: #f0f9ff; }



.actorein-content .actopim-form-wrap .actopim-product-dropdown-text { overflow-wrap: anywhere; }



.actorein-content .actopim-form-wrap .actopim-form-note { color: #62768a; line-height: 1.65; }



.actorein-content .actopim-form-wrap .actopim-form-message { border-radius: 12px; font-family: inherit; }



@media (max-width: 640px) {



    .actorein-content .actopim-form-wrap { width: 100%; max-width: 100%; padding: 20px 16px; border-radius: 18px; }



    .actorein-content .actopim-form-wrap .actopim-form-group input:not([type='checkbox']):not([type='radio']):not([type='hidden']),



    .actorein-content .actopim-form-wrap .actopim-form-group textarea,



    .actorein-content .actopim-form-wrap .actopim-form-group select,



    .actorein-content .actopim-form-wrap .actopim-product-dropdown-toggle { font-size: 16px; }



}



@media (prefers-reduced-motion: reduce) {



    .actorein-content .actopim-form-wrap * { transition: none !important; }



}



/* Compact layout and persistent field validation. */



.actorein-content .actopim-form-wrap .actopim-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; }



.actorein-content .actopim-form-wrap .actopim-form-group:has(textarea),



.actorein-content .actopim-form-wrap .actopim-form-group:has(input[type='checkbox']),



.actorein-content .actopim-form-wrap .actopim-form-group:has(.actopim-product-dropdown),



.actorein-content .actopim-form-wrap .actopim-form-group:has(.actopim-radio-list) { grid-column: 1 / -1; }



.actorein-content .actopim-form-wrap .actorein-field-error { margin: 5px 0 0; color: #b91c1c; font-size: 12px; line-height: 1.45; }



.actorein-content .actopim-form-wrap .actorein-form-errors { margin: 0 0 14px; padding: 10px 12px; border: 1px solid #fecaca; border-radius: 10px; background: #fef2f2; color: #991b1b; font-size: 13px; line-height: 1.5; }



.actorein-content .actopim-form-wrap .has-error [aria-invalid='true']:not([type='checkbox']):not([type='radio']) { border-color: #dc2626; }



.actorein-content .actopim-form-wrap .has-error input[type='checkbox'],



.actorein-content .actopim-form-wrap .has-error input[type='radio'] { outline: 1px solid #dc2626; outline-offset: 2px; }



.actorein-content .actopim-form-wrap .actorein-field-error[hidden],



.actorein-content .actopim-form-wrap .actorein-form-errors[hidden] { display: none; }



@media (max-width: 640px) {



    .actorein-content .actopim-form-wrap .actopim-form-grid { grid-template-columns: minmax(0, 1fr); }



}







/* ============================================================



   MODULE: style.css (Core Theme Styles)



   ============================================================ */



.actorein-content{width:100%;max-width:none;margin:0;padding:0;min-height:40vh}



.actorein-content>article,.actorein-page-content{width:100%;max-width:none;margin:0;padding:0}



.actorein-page-content>.alignfull{width:100%;max-width:none;margin-left:0;margin-right:0}



.skip-link{position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}



.skip-link:focus{inset-inline-start:12px;top:12px;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;z-index:100000;background:#fff;padding:12px}



body.admin-bar .nc-header{top:32px}



@media(max-width:782px){body.admin-bar .nc-header{top:46px}}



.actorein-catalog{margin:0;padding:0;background:#fff}



.actorein-catalog .acto-products__grid .product-card__media{padding:8px!important;aspect-ratio:1 / 1!important;box-sizing:border-box;background:#fff!important}



.actorein-catalog .acto-products__grid .product-card__media img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}



.actorein-catalog .acto-products__grid .product-card:hover .product-card__media img{transform:none!important}



.actorein-catalog .product-card__body:before{content:none!important}



.actorein-catalog__placeholder{display:grid;place-items:center;width:100%;height:100%;color:#718096;font-weight:700}



.actorein-catalog__empty{padding:32px 0;text-align:center;color:#62768a}



.actorein-catalog__empty[hidden]{display:none}



.nc-search__item-media--icon{display:flex!important;align-items:center!important;justify-content:center!important;color:#0a2540;line-height:1}



.nc-search__item-media--icon svg{display:block!important;width:28px!important;height:28px!important;flex:0 0 28px;margin:0!important}







/* WordPress-managed navigation. */



.nc-menu__trigger::after{content:none}.nc-menu__trigger .nc-menu__caret{display:inline-block;width:14px;height:14px;flex:0 0 14px;margin-left:7px;vertical-align:middle}



.actorein-mega-all{display:inline-block;margin-top:20px;color:#0f2c4a;font-weight:600}



.nc-sheet__nav ul{list-style:none;margin:0;padding:0}



.nc-sheet__nav .sub-menu{padding-left:16px}



.nc-sheet__nav .sub-menu a{font-size:13px;padding:10px 4px}



.nc-menu li{position:relative}



.nc-menu .nc-mega__grid a::before{display:none}



.nc-mega:focus-within{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}











/* Menu titles are uppercased on the server with the current language. */



.nc-header .nc-menu > ul > li > a { text-transform: none !important; }







/* Product catalog: spacious imagery, editorial type and integrated action. */



.actorein-catalog .acto-products { padding: 16px 0 56px !important; background: #fff !important; }



.actorein-catalog .acto-subnav { margin-bottom: 0 !important; }



.actorein-catalog .acto-products__grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px !important; margin-top: 0 !important; }



.actorein-catalog .acto-products__grid .ac-product {



    display: flex;



    flex-direction: column;



    min-width: 0;



    padding: 0;



    overflow: hidden !important;



    border: 1px solid #dde5ec !important;



    border-radius: 4px !important;



    background: #fff !important;



    color: #102c43;



    text-decoration: none;



    box-shadow: none !important;



    transform: none !important;



    transition: border-color .2s ease, box-shadow .2s ease !important;



}



.actorein-catalog .acto-products__grid .ac-product:hover {



    transform: none !important;



    border-color: #87b9d1 !important;



    box-shadow: 0 12px 28px rgba(10,37,64,.07) !important;



}



.actorein-catalog .ac-product::before,



.actorein-catalog .ac-product::after { content: none !important; }



.actorein-catalog .ac-product:focus-visible { outline: 3px solid #0284c7; outline-offset: 4px; }



.ac-product__visual {



    display: flex;



    align-items: center;



    justify-content: center;



    position: relative;



    aspect-ratio: 1.12;



    padding: 12px;



    box-sizing: border-box;



    overflow: hidden;



    background: linear-gradient(145deg,#f8fafb,#edf3f6);



    border-bottom: 1px solid #e8eef2;



}



.actorein-catalog .ac-product__visual img {



    display: block;



    width: 100%;



    height: 100%;



    max-height: 100%;



    object-fit: contain;



    object-position: center;



    mix-blend-mode: multiply;



    transform: none !important;



}



.ac-product__content { display: flex; flex: 1; flex-direction: column; padding: 14px 18px; }



.ac-product__meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 12px; margin-bottom: 6px; line-height: 1.5; }



.ac-product__brand { color: #007ca8; font-size: 11px; font-weight: 800; letter-spacing: .08em; }



.ac-product__category { color: #718390; font-size: 11px; }



.actorein-catalog .acto-products__grid .ac-product h3 {



    margin: 0 !important;



    color: #102c43 !important;



    font-family: 'Plus Jakarta Sans','Inter',sans-serif;



    font-size: 18px !important;



    font-weight: 700 !important;



    letter-spacing: -.035em !important;



    line-height: 1.35 !important;



    overflow-wrap: anywhere;



}



.actorein-catalog .acto-products__grid .ac-product p {



    display: -webkit-box !important;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



    overflow: hidden;



    margin: 0 !important;



    color: #687c8c !important;



    font-size: 13px !important;



    line-height: 1.75 !important;



    flex: none !important;



}



.ac-product__description:empty { display: none !important; }



.ac-product__action {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 16px;



    margin-top: auto;



    padding: 12px 18px;



    border-top: 1px solid #e8eef2;



    background: #fff;



    color: #163d55;



    font-size: 12px;



    font-weight: 600;



    transition: color .2s ease,background .2s ease;



}



.ac-product__action svg { flex-shrink: 0; transition: transform .2s ease; }



.ac-product:hover .ac-product__action,



.ac-product:focus-visible .ac-product__action { background: #0284c7; color: #fff; }



.ac-product:hover .ac-product__action svg { transform: translateX(3px); }



@media (max-width: 1000px) { .actorein-catalog .acto-products__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px !important; } }



@media (max-width: 600px) {



    .actorein-catalog .acto-products { padding-top: 12px !important; }



    .actorein-catalog .acto-products__grid { grid-template-columns: minmax(0,1fr); gap: 20px !important; }



    .ac-product__content { padding: 14px 16px; }



    .ac-product__action { padding: 12px 16px; }



}



@media (prefers-reduced-motion: reduce) {



    .actorein-catalog .acto-products__grid .ac-product,



    .ac-product__action,.ac-product__action svg { transition: none !important; }



}



/* A compact navigation bar while scrolling. */



.nc-header .nc-navbar__inner { transition: min-height .2s ease; }



.nc-header .nc-logo__img { transition: height .2s ease; }



.nc-header.is-scrolled .nc-navbar__inner { min-height: 64px !important; padding-top: 0; padding-bottom: 0; }



.nc-header.is-scrolled .nc-logo__img { height: 58px !important; width: auto; }



.nc-header.is-scrolled .logo-ikbaal-mark-image { height: 38px !important; width: auto; }



.nc-header.is-scrolled .logo-country-divider { height: 32px !important; }



.nc-header.is-scrolled .nc-menu > ul > li > a { padding-top: 7px !important; padding-bottom: 7px !important; }



body.admin-bar .nc-header { top: calc(32px - var(--nc-topbar-h, 0px)); }



@media (max-width: 900px) {



    .nc-header.is-scrolled .nc-navbar__inner { min-height: 60px !important; }



    .nc-header.is-scrolled .nc-logo__img { height: 52px !important; }



    .nc-header.is-scrolled .logo-ikbaal-mark-image { height: 32px !important; }



}



@media (max-width: 782px) { body.admin-bar .nc-header { top: calc(46px - var(--nc-topbar-h, 0px)); } }



@media (max-width: 600px) { body.admin-bar .nc-header.is-scrolled { top: calc(-1 * var(--nc-topbar-h, 0px)); } }



@media (prefers-reduced-motion: reduce) { .nc-header .nc-navbar__inner,.nc-header .nc-logo__img { transition: none; } }



/* Keep the full logo inside the compact header. */



.nc-header.is-scrolled .nc-logo { display: flex; align-items: center; height: 64px; flex-shrink: 0; }



.nc-header.is-scrolled .nc-logo .nc-logo__img { position: static; display: block; height: 60px !important; width: auto !important; max-height: 100%; transform: none; }



@media (max-width: 900px) {



    .nc-header.is-scrolled .nc-logo { height: 60px; }



    .nc-header.is-scrolled .nc-logo .nc-logo__img { height: 56px !important; }



}



/* Catalog filters stay in the page flow and wrap instead of scrolling. */



.actorein-catalog > .acto-subnav { position: relative !important; top: auto !important; overflow: visible !important; z-index: 40 !important; }



.actorein-catalog #urunFiltre { flex-wrap: wrap !important; overflow: visible !important; white-space: normal !important; height: auto !important; max-height: none !important; }



.actorein-catalog #urunFiltre li { max-width: 100%; }



.actorein-catalog #urunFiltre a { white-space: normal !important; overflow-wrap: anywhere; }



/* Right aligned brand selector with multiple selections. */



.actorein-catalog .ac-catalog-toolbar { display: flex; align-items: center; gap: 20px; padding-top: 12px; padding-bottom: 12px; }



.actorein-catalog #urunFiltre { flex: 1; min-width: 0; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; margin: 0 !important; padding: 4px !important; }



.actorein-catalog #urunFiltre a { white-space: nowrap !important; }



.ac-brand-filter { position: relative; flex: 0 0 auto; margin-left: auto; z-index: 30; font-family: var(--font-sans,'Inter',sans-serif); }



.ac-brand-filter summary { display: flex; align-items: center; gap: 9px; min-height: 42px; padding: 9px 14px; box-sizing: border-box; border: 1px solid #dce5ec; border-radius: 10px; background: #fff; color: #173a52; font-size: 13px; font-weight: 600; cursor: pointer; list-style: none; }



.ac-brand-filter summary::-webkit-details-marker { display: none; }



.ac-brand-filter summary:focus-visible { outline: 3px solid #7dd3fc; outline-offset: 2px; }



.ac-brand-filter[open] summary { border-color: #0284c7; background: #f5fbff; }



.ac-brand-filter[open] .ac-brand-filter__caret { transform: rotate(180deg); }



.ac-brand-filter__count { display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 3px; border-radius: 6px; background: #0284c7; color: #fff; font-size: 11px; }



.ac-brand-filter__count[hidden] { display: none; }



.ac-brand-filter__panel { position: absolute; right: 0; top: calc(100% + 10px); width: 280px; max-width: calc(100vw - 32px); box-sizing: border-box; padding: 16px; border: 1px solid #dfe8ef; border-radius: 14px; background: #fff; box-shadow: 0 16px 40px rgba(10,37,64,.14); }



.ac-brand-filter__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #edf2f6; font-size: 13px; color: #173a52; }



.ac-brand-filter__clear { padding: 4px; border: 0; background: none; color: #0284c7; font: inherit; font-size: 12px; cursor: pointer; }



.ac-brand-filter__options { display: grid; gap: 3px; max-height: 320px; overflow-y: auto; }



.ac-brand-filter__options label { display: flex; align-items: center; gap: 10px; padding: 9px 7px; border-radius: 7px; color: #334c60; font-size: 13px; cursor: pointer; }



.ac-brand-filter__options label:hover,.ac-brand-filter__options label:has(:checked) { background: #f0f8fd; }



.ac-brand-filter__options input { width: 17px; height: 17px; margin: 0; accent-color: #0284c7; flex-shrink: 0; }



@media (max-width: 600px) {



    .actorein-catalog .ac-catalog-toolbar { gap: 10px; flex-wrap: wrap; }



    .actorein-catalog #urunFiltre { flex-basis: 100%; }



    .ac-brand-filter { margin-left: auto; }



}



/* Roomier compact header, with the logo contained inside the row. */



.nc-header.is-scrolled .nc-navbar__inner { min-height: 80px !important; }



.nc-header.is-scrolled .nc-logo { height: 80px; }



.nc-header.is-scrolled .nc-logo .nc-logo__img { height: 74px !important; max-height: 100%; }



.nc-header.is-scrolled .logo-ikbaal-mark-image { height: 46px !important; }



.nc-header.is-scrolled .logo-country-divider { height: 40px !important; }



@media (max-width: 900px) {



    .nc-header.is-scrolled .nc-navbar__inner { min-height: 72px !important; }



    .nc-header.is-scrolled .nc-logo { height: 72px; }



    .nc-header.is-scrolled .nc-logo .nc-logo__img { height: 66px !important; }



    .nc-header.is-scrolled .logo-ikbaal-mark-image { height: 38px !important; }



    .nc-header.is-scrolled .logo-country-divider { height: 34px !important; }



}



/* Keep the open brand panel above the product grid without making it sticky. */



.actorein-catalog > .acto-products { position: relative; z-index: 0; }



.actorein-catalog .ac-catalog-toolbar { overflow: visible; }



.ac-brand-filter__panel { z-index: 1; }







/* Compact catalog filter toolbar. */



.actorein-catalog > .acto-subnav { padding: 0 !important; }



.actorein-catalog .ac-catalog-toolbar { min-height: 54px; padding-top: 8px; padding-bottom: 8px; gap: 12px; }



.actorein-catalog #urunFiltre.acto-subnav__list:not(:has(li)) { display: none !important; }



.actorein-catalog #urunFiltre a { padding: 7px 12px !important; font-size: 12px !important; }



.actorein-catalog .ac-brand-filter summary { min-height: 36px; padding: 7px 11px; font-size: 12px; gap: 7px; border-radius: 8px; }



@media (max-width: 600px) {



    .actorein-catalog .ac-catalog-toolbar { gap: 8px; }



    .actorein-catalog #urunFiltre { flex-basis: auto; }



}



.ac-product__meta:not(:has(span)) { display: none; }







/* Shorter footer through side-by-side menu items, with full-size typography. */



.eds-footer .eds-footer__widgets { padding: 28px 0 !important; }



.eds-footer .eds-footer__grid { gap: 24px; align-items: start; }



.eds-footer .eds-widget { min-width: 0; }



.eds-footer .eds-widget__title { font-size: 16px !important; margin-bottom: 12px !important; line-height: 1.5; }



.eds-footer .eds-widget__title--spaced { margin-top: 18px; }



.eds-footer .eds-list--lines li { margin-bottom: 0 !important; min-width: 0; }



.eds-footer .eds-list--lines a { padding: 5px 0 !important; font-size: 14px !important; line-height: 1.6 !important; overflow-wrap: break-word; }



.eds-footer .eds-brand__img { height: 80px; width: auto; margin-bottom: 8px; }



.eds-footer .eds-brand__tagline { font-size: 12px; letter-spacing: .06em !important; }



.eds-footer .eds-cta { margin-top: 14px !important; gap: 8px !important; }



.eds-footer .eds-cta .eds-btn { min-height: 40px; padding: 10px 16px; font-size: 14px; }



.eds-footer .eds-list--social { margin-top: 8px !important; gap: 8px !important; }



.eds-footer .eds-list--social li a { padding: 8px 12px !important; font-size: 14px !important; }



.eds-footer .eds-footer__bottom { padding: 12px 0 !important; }



.eds-footer .eds-footer__bottom-grid { grid-template-columns: 1fr auto; gap: 16px; }



.eds-footer .eds-footer__bottom .eds-brand { display: none; }



.eds-footer .eds-copyright { margin: 0; font-size: 12px; line-height: 1.7; }



.eds-footer .eds-back-to-top { width: 40px; height: 40px; }



@media (min-width: 901px) {



    .eds-footer .eds-footer__grid { grid-template-columns: 1.15fr 1.8fr 1.35fr 1.05fr; }



    .eds-footer .eds-widget--specialties > .eds-list,



    .eds-footer .eds-widget--links > .eds-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 20px; row-gap: 2px; align-items: start; }



}



@media (min-width: 901px) and (max-width: 1150px) {



    .eds-footer .eds-footer__grid { grid-template-columns: 1fr 1.4fr; gap: 24px 36px; }



    .eds-footer .eds-widget--brand { text-align: left; }



    .eds-footer .eds-widget--brand .eds-brand { text-align: left; }



    .eds-footer .eds-widget--brand .eds-brand__img { margin-left: 0; }



    .eds-footer .eds-cta { flex-direction: row !important; flex-wrap: wrap; }



}



@media (max-width: 900px) {



    .eds-footer .eds-footer__widgets { padding: 16px 0 20px !important; }



    .eds-footer .eds-footer__grid { gap: 0; }



    .eds-footer .eds-widget__title { margin-bottom: 0 !important; }



    .eds-footer .eds-widget__title--spaced { margin-top: 16px; }



    .eds-footer .eds-brand__img { height: 72px; }



}



/* Consistent footer lists and separate accessible social icon buttons. */



.eds-footer .eds-list--social { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; }



.eds-footer .eds-list--social li { flex: 0 0 38px; }



.eds-footer .eds-list--social li a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 38px; height: 38px; padding: 0 !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 10px !important; background: rgba(255,255,255,.04) !important; }



.eds-footer .eds-list--social li a:hover { background: #0284c7 !important; border-color: #0284c7 !important; }



.eds-footer .eds-list--social a:focus-visible { outline: 2px solid #38bdf8; outline-offset: 3px; }



.eds-footer .eds-list--social .eds-social-ico { display: flex !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; }



.eds-footer .eds-list--social .eds-social-ico svg { display: block !important; width: 18px !important; height: 18px !important; }



@media (min-width: 1151px) {



    .eds-footer .eds-footer__grid { grid-template-columns: 1.3fr 2.5fr .95fr 1.1fr; gap: 28px; }



    .eds-footer .eds-widget--specialties > .eds-list { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 24px; }



    .eds-footer .eds-widget--links > .eds-list { grid-template-columns: 1fr; }



}



.eds-footer .eds-widget--specialties > .eds-list > li,



.eds-footer .eds-widget--links > .eds-list > li { align-self: start; }



.eds-footer .eds-widget--specialties .eds-list a,



.eds-footer .eds-widget--links .eds-list a { display: block; padding: 6px 0 !important; }



/* Product sections and sticky gallery clear the actual header and admin bar. */



body.single-product .acto-pd__panels [data-panel],



body.single-product .acto-pd__panels [id] { scroll-margin-top: var(--actorein-header-offset, 120px) !important; }



@media (min-width: 901px) {



    body.single-product .acto-pd__gallery { top: var(--actorein-header-offset, 120px) !important; }



}



/* Clear, single-line utility bar without rounded pills or angled panels. */



.nc-header .nc-topbar { background: #0a2540 !important; }



.nc-header .nc-topbar__cut,.nc-header .nc-topbar__cut2 { display: none !important; }



.nc-header .nc-topbar__inner { min-height: 40px !important; gap: 24px; padding-top: 0; padding-bottom: 0; }



.nc-header .nc-topbar__contact,



.nc-header .nc-topbar__brochure { min-height: 40px; gap: 9px !important; padding: 4px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; }



.nc-header .nc-topbar__contact:hover,



.nc-header .nc-topbar__brochure:hover { background: transparent !important; transform: none !important; }



.nc-header .nc-topbar__text { flex-direction: row; align-items: baseline; gap: 8px; white-space: nowrap; }



.nc-header .nc-topbar__text small { color: #b9cbd9 !important; font-size: 11px !important; letter-spacing: 0 !important; text-transform: none !important; }



.nc-header .nc-topbar__text strong { color: #fff !important; font-size: 14px !important; line-height: 1.4; letter-spacing: 0 !important; }



.nc-header .nc-topbar__icon svg { width: 17px; height: 17px; }



.nc-header .nc-topbar__contact .nc-topbar__icon::after { content: none; }



.nc-header .nc-topbar__actions { margin-left: auto; gap: 16px; }



.nc-header .nc-topbar__actions .nc-tool { min-height: 36px; padding: 4px 0 !important; color: #e0eaf2 !important; font-size: 12px !important; border-radius: 0 !important; background: transparent !important; }



.nc-header .nc-topbar__actions .nc-tool:hover { color: #38bdf8 !important; background: transparent !important; }



.nc-header .nc-topbar .nc-social { color: #e0eaf2 !important; border-radius: 0 !important; background: transparent !important; }



.nc-header .nc-topbar .nc-social:hover { color: #38bdf8 !important; }



.nc-header .nc-topbar .nc-social svg { width: 15px; height: 15px; }



@media (max-width: 1100px) { .nc-header .nc-topbar .nc-app { display: none; } }



.acto-subnav--product li[hidden] { display: none !important; }







/* Search headings and tooltips follow the active Polylang language. */



.nc-search__panel::before { content: attr(data-search-title); }



.nc-search::after { content: attr(data-search-label); }







/* Non-obscuring video loading badge; preserve the original gallery structure. */



.acto-pd__slide.ac-video-host { position: relative; }



.acto-pd__slide.ac-video-host > video { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; }



.ac-video__status { position: absolute; top: 12px; left: 12px; right: 12px; bottom: auto; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 8px; width: fit-content; max-width: calc(100% - 24px); padding: 8px 11px; border-radius: 8px; background: rgba(255,255,255,.94); box-shadow: 0 2px 8px rgba(10,37,64,.08); color: #173a52; text-align: left; font: 500 12px/1.4 var(--font-sans,'Inter',sans-serif); pointer-events: none; }



.ac-video__status[hidden],.ac-video__spinner[hidden] { display: none !important; }



.ac-video__spinner { flex: 0 0 16px; width: 16px; height: 16px; border: 2px solid #dcebf3; border-top-color: #0284c7; border-radius: 50%; animation: ac-video-spin .8s linear infinite; }



@keyframes ac-video-spin { to { transform: rotate(360deg); } }



@media (prefers-reduced-motion: reduce) { .ac-video__spinner { animation: none; } }



/* Corporate pages: a single shared container and compact edge-to-edge tabs. */



.actorein-corporate-pages .ac-corporate-pages-nav { position: relative !important; top: auto !important; padding: 8px 0 !important; }



.actorein-corporate-pages .ac-corporate-pages-nav > .eds-container,



.actorein-corporate-pages .ac-corporate-content > .eds-container { box-sizing: border-box; width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 40px !important; }



.actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; width: 100%; gap: 8px !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; }



.actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li { display: block; flex: 0 0 auto !important; min-width: 0; width: auto !important; margin: 0 !important; }



.actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list a { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; width: auto !important; height: 40px !important; min-height: 40px !important; padding: 8px 12px !important; border-radius: 9px !important; text-align: center; white-space: nowrap !important; line-height: 1.3 !important; }











.actorein-corporate-pages .ac-corporate-pages-nav li.current-menu-item > a,



.actorein-corporate-pages .ac-corporate-pages-nav li.is-active > a { background: #0284c7 !important; color: #fff !important; border-color: #0284c7 !important; }



.actorein-corporate-pages .ac-corporate-content { width: 100%; margin: 0 !important; padding: 24px 0 28px !important; background: #fff; }



.ac-corporate-content > .eds-container { color: #475569; font-size: 16px; line-height: 1.8; }



.ac-corporate-content h2,.ac-corporate-content h3 { color: #0a2540; line-height: 1.3; }



.ac-corporate-content h2 { margin: 0 0 20px; font-size: clamp(26px,3vw,36px); }



.ac-corporate-content h3 { margin: 26px 0 12px; font-size: 22px; }



.ac-corporate-content p { margin-bottom: 18px; }



.actorein-corporate-pages .ac-corporate-content .actopim-corporate-section,



.actorein-corporate-pages .ac-corporate-content .corporate-content,



.actorein-corporate-pages .ac-corporate-content .acto-tabs,



.actorein-corporate-pages .ac-corporate-content .eds-container.acto-tabpanel { width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }



.actorein-corporate-pages .ac-corporate-content .corporate-content > p:has(> meta) { display: none; margin: 0 !important; padding: 0 !important; }



.actorein-corporate-pages .ac-corporate-content .acto-about__checks li { position: relative; padding-left: 26px; line-height: 1.7; }



.actorein-corporate-pages .ac-corporate-content .acto-about__checks li::before { content: '✓' !important; position: absolute; top: 0; left: 0; width: 18px; color: #0284c7; font-weight: 700; }



@media (max-width: 900px) {



    .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list { justify-content: space-between !important; overflow-x: auto !important; overflow-y: hidden !important; }



}



@media (max-width: 640px) {



    .actorein-corporate-pages .ac-corporate-pages-nav > .eds-container,



    .actorein-corporate-pages .ac-corporate-content > .eds-container { padding: 0 20px !important; }



    .actorein-corporate-pages .ac-corporate-content { padding: 18px 0 22px !important; }



}



/* Usage-area pages: Akici, kesinlikle ice girmeyen & catismayan sekme duzeni */



.actorein-usage-pages .ac-corporate-pages-nav .acto-subnav__list {



    display: flex !important;



    flex-wrap: wrap !important;



    gap: 10px !important;



    align-items: center !important;



    justify-content: flex-start !important;



    overflow-x: visible !important;



}



.actorein-usage-pages .ac-corporate-pages-nav .acto-subnav__list li {



    flex: 0 0 auto !important;



    width: auto !important;



    min-width: 0 !important;



    max-width: none !important;



    margin: 0 !important;



    padding: 0 !important;



}



.actorein-usage-pages .ac-corporate-pages-nav .acto-subnav__list a {



    display: inline-flex !important;



    align-items: center !important;



    justify-content: center !important;



    gap: 8px !important;



    padding: 9px 18px !important;



    height: auto !important;



    min-height: 40px !important;



    font-size: 13.5px !important;



    font-weight: 600 !important;



    white-space: nowrap !important;



    border-radius: 999px !important;



    box-sizing: border-box !important;



}



@media(max-width: 900px) {



    .actorein-usage-pages .ac-corporate-pages-nav .acto-subnav__list {



        flex-wrap: nowrap !important;



        overflow-x: auto !important;



        -webkit-overflow-scrolling: touch !important;



        padding-bottom: 6px !important;



    }



}/* Paired category and brand dropdowns. */



.actorein-catalog #urunFiltre.ac-category-filter { flex: 0 1 auto; overflow: visible !important; padding: 0 !important; margin: 0 !important; }



.actorein-catalog .ac-catalog-toolbar { justify-content: flex-end; }



.actorein-catalog .ac-brand-filter { margin-left: 0; }



.actorein-catalog .ac-category-filter .ac-brand-filter__panel { width: 380px; }



.actorein-catalog .ac-brand-filter[open] { z-index: 40; }



@media(max-width:600px) { .actorein-catalog .ac-catalog-toolbar { justify-content: flex-start; } .actorein-catalog .ac-category-filter .ac-brand-filter__panel { left: 0; right: auto; } }







.nc-search__close svg { display: block; width: 28px; height: 28px; flex: 0 0 28px; }



/* Keep the product gallery and its thumbnails inside the visible viewport. */



body.single-product .acto-pd__gallery { min-width: 0; align-self: start; }



body.single-product .acto-pd__thumbs { display: flex !important; flex-wrap: nowrap !important; gap: 10px !important; overflow-x: auto !important; overflow-y: hidden !important; border: 0 !important; padding: 2px 0 6px; }



body.single-product .acto-pd__thumb { flex: 0 0 76px !important; width: 76px !important; height: 76px !important; min-width: 0; }



body.single-product .acto-pd__thumb img { width: 100%; height: 100%; object-fit: contain !important; }



@media (min-width: 901px) {



 body.single-product .acto-pd__main { height: min(430px, calc(100dvh - var(--actorein-header-offset,120px) - 156px)); min-height: 200px; }



 body.single-product .acto-pd__track { height: 100%; }



 body.single-product .acto-pd__slide { height: 100%; aspect-ratio: auto !important; }



 body.single-product .acto-pd__slide img { object-fit: contain !important; }



}



@media (max-width: 900px) {



 body.single-product .acto-pd__gallery { position: relative !important; top: auto !important; z-index: auto !important; }



 body.single-product .acto-pd__main { max-width: 100%; }



 body.single-product .acto-pd__slide img { object-fit: contain !important; }



}



/* Compact desktop mega menu; long category lists scroll inside the panel. */



@media (min-width: 901px) {



 .nc-header .nc-mega { border-radius: 0 0 14px 14px !important; }



 .nc-header .nc-mega__inner { padding-top: 0 !important; padding-bottom: 0 !important; }



 .nc-header .nc-mega__cols { grid-template-columns: 280px minmax(0,1fr); height: min(380px, calc(100dvh - var(--actorein-header-offset,140px) - 24px)); }



 .nc-header .nc-mega__cats { min-height: 0; overflow-y: auto; padding: 12px 10px !important; }



 .nc-header .nc-mega__cats-title { margin: 0 0 7px !important; padding: 0 8px !important; font-size: 11px !important; }



 .nc-header .nc-mega__cat { padding: 6px 8px !important; gap: 7px; border-radius: 7px !important; font-size: 12px !important; line-height: 1.35; }



 .nc-header .nc-mega__cat-icon { font-size: 15px; }



 .nc-header .nc-mega__panels { min-height: 0; overflow-y: auto; padding: 16px 20px !important; }



 .nc-header .nc-mega__panel h3 { font-size: 18px !important; line-height: 1.3; margin: 0 0 7px !important; }



 .nc-header .nc-mega__panel-rule { margin-bottom: 12px !important; height: 2px !important; }



 .nc-header .nc-mega__panel > p:empty { display: none; }



 .nc-header .nc-mega__grid { gap: 8px !important; }



 .nc-header .nc-mega__item { padding: 8px !important; gap: 9px !important; align-items: center; border-radius: 9px !important; }



 .nc-header .nc-mega__item-media { width: 46px !important; height: 50px !important; flex: 0 0 46px; border-radius: 6px !important; }



 .nc-header .nc-mega__item-media img { object-fit: contain; }



 .nc-header .nc-mega__item-title { font-size: 12px !important; line-height: 1.4; }



 .nc-header .nc-mega__item-desc { display: none; }



 .nc-header .actorein-mega-all { margin-top: 12px; font-size: 12px; }



}



@media (min-width: 1200px) { .nc-header .nc-mega__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }



/* Gallery translations use physical left/right offsets even on RTL pages. */



html[dir="rtl"] .acto-pd__main,



html[dir="rtl"] .acto-pd__track,



html[dir="rtl"] .acto-pd__thumbs,



html[dir="rtl"] .acto-slider-list { direction: ltr; }



html[dir="rtl"] .acto-pd__slide { direction: ltr; }



html[dir="rtl"] .acto-pd__zoom { direction: rtl; }



/* Keep the gallery counter compact and clear of native video controls. */



body.single-product .acto-pd__counter { width: max-content !important; max-width: max-content; pointer-events: none; direction: ltr; white-space: nowrap; }



body.single-product .acto-pd__main:has(.acto-pd__slide.is-active video) .acto-pd__counter { top: 14px !important; bottom: auto !important; }



/* Consistent, readable navigation sizes in the header and compact mega menu. */



@media(min-width:901px) {



 .nc-header .nc-menu > ul { gap: 10px !important; }



 .nc-header .nc-menu > ul > li > a,



 .nc-header.is-scrolled .nc-menu > ul > li > a { min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; padding: 10px 14px !important; font-size: 16px !important; font-weight: 600; line-height: 1.4 !important; }



 .nc-header .nc-mega__cat { min-height: 42px; width: 100%; box-sizing: border-box; font-size: 14px !important; line-height: 1.45 !important; padding: 8px 10px !important; }



 .nc-header .nc-mega__item { min-height: 72px; box-sizing: border-box; }



 .nc-header .nc-mega__item-title { font-size: 14px !important; line-height: 1.45 !important; }



 .nc-header .nc-mega__grid { grid-auto-rows: 1fr; }



}



@media(min-width:901px) and (max-width:1150px) {



 .nc-header .nc-menu > ul { gap: 2px !important; }



 .nc-header .nc-menu > ul > li > a,



 .nc-header.is-scrolled .nc-menu > ul > li > a { font-size: 14px !important; padding-inline: 9px !important; }



}







/* ============================================================



   CORPORATE / USAGE QUICK LINKS — mobile accordion



============================================================ */



.acto-subnav__toggle { display: none; }







@media (max-width: 900px) {



    .actorein-corporate-pages .ac-corporate-pages-nav {



        padding: 8px 0 !important;



    }



    .actorein-corporate-pages .ac-corporate-pages-nav > .eds-container {



        display: block;



    }







    .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__toggle {



        width: 100%;



        display: flex;



        align-items: center;



        justify-content: space-between;



        gap: 12px;



        padding: 12px 14px;



        border: 1px solid #dbe6ee;



        border-radius: 10px;



        background: #ffffff;



        color: #0a2540;



        font: 700 12px/1.2 Inter, sans-serif;



        letter-spacing: 0.05em;



        text-transform: uppercase;



        cursor: pointer;



        -webkit-tap-highlight-color: transparent;



    }



    .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__toggle svg {



        flex: 0 0 auto;



        color: #0284c7;



        transition: transform 0.22s ease;



    }



    .actorein-corporate-pages .ac-corporate-pages-nav.is-open .acto-subnav__toggle svg {



        transform: rotate(180deg);



    }







    .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list {



        display: none !important;



        flex-direction: column !important;



        align-items: stretch !important;



        gap: 4px !important;



        width: 100% !important;



        margin: 8px 0 0 !important;



        padding: 6px !important;



        overflow: visible !important;



        border: 1px solid #e2eaf2;



        border-radius: 12px;



        background: #ffffff;



        box-shadow: 0 16px 32px -20px rgba(10, 37, 64, 0.5);



    }



    .actorein-corporate-pages .ac-corporate-pages-nav.is-open .acto-subnav__list {



        display: flex !important;



    }







    .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li {



        display: block;



        flex: 0 0 auto !important;



        width: 100% !important;



        min-width: 0;



        margin: 0 !important;



    }



    .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list a {



        display: flex !important;



        flex-direction: row !important;



        align-items: center !important;



        justify-content: flex-start !important;



        width: 100% !important;



        height: auto !important;



        min-height: 42px !important;



        padding: 11px 16px !important;



        border-radius: 8px !important;



        text-align: left !important;



        white-space: normal !important;



        font-size: 13px !important;



        line-height: 1.35 !important;



        box-sizing: border-box !important;



    }



    .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list {



        box-sizing: border-box !important;



        max-width: 100% !important;



    }



    .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__ico {



        flex: 0 0 18px !important;



        width: 18px !important;



        height: 18px !important;



    }



    .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__ico svg {



        width: 18px !important;



        height: 18px !important;



    }



    .actorein-corporate-pages { overflow-x: clip; }



}







/* ============================================================



   PRODUCT DETAIL — complete mobile refresh (<=900px)



============================================================ */



@media (max-width: 900px) {



    body.single-product .acto-tabs { padding: 14px 0 30px !important; background: #f4f8fb !important; }



    body.single-product .acto-tabs > .eds-container { padding: 0 16px !important; }







    body.single-product .acto-pd__grid {



        display: grid !important;



        grid-template-columns: minmax(0, 1fr) !important;



        gap: 14px !important;



        padding-top: 0 !important;



        width: 100% !important;



        max-width: 640px !important;



        margin-inline: auto !important;



    }







    /* gallery first, then product info, then remaining sections */



    body.single-product .acto-pd__gallery {



        position: static !important;



        top: auto !important;



        z-index: auto !important;



        order: 1;



        width: 100% !important;



        max-width: 500px !important;



        min-width: 0 !important;



        justify-self: center !important;



    }



    body.single-product .acto-pd__panels { display: contents !important; }



    body.single-product .acto-pd__panels #aciklama { order: 2; }



    body.single-product .acto-pd__panels #teknik { order: 3; }



    body.single-product .acto-pd__panels #icerik { order: 4; }



    body.single-product .acto-pd__panels #dokumanlar { order: 5; }



    body.single-product .acto-pd__panels #nereden { order: 6; }



    body.single-product .acto-pd__panels .acto-tabpanel { order: 7; }







    /* gallery */



    body.single-product .acto-pd__main {



        border: 1px solid #e3edf4 !important;



        border-radius: 18px !important;



        background: #ffffff !important;



        box-shadow: 0 10px 26px -22px rgba(10, 37, 64, 0.55) !important;



    }



    body.single-product .acto-pd__slide { aspect-ratio: 1 / 1 !important; }



    body.single-product .acto-pd__slide img,



    body.single-product .acto-pd__slide video {



        width: 100% !important;



        height: 100% !important;



        object-fit: contain !important;



    }



    body.single-product .acto-pd__arrow { display: none !important; }



    body.single-product .acto-pd__counter {



        bottom: 10px !important;



        right: 10px !important;



        font-size: 10px !important;



        padding: 3px 8px !important;



    }



    body.single-product .acto-pd__zoom {



        left: 10px !important;



        bottom: 10px !important;



        padding: 7px 10px !important;



        font-size: 10px !important;



        border-radius: 999px !important;



    }



    body.single-product .acto-pd__zoom svg { width: 14px; height: 14px; }



    body.single-product .acto-pd__thumbs {



        display: flex !important;



        flex-wrap: nowrap !important;



        gap: 8px !important;



        margin-top: 8px !important;



        padding: 2px 0 4px !important;



        overflow-x: auto !important;



        overflow-y: hidden !important;



        border: 0 !important;



        scrollbar-width: none;



    }



    body.single-product .acto-pd__thumbs::-webkit-scrollbar { display: none; }



    body.single-product .acto-pd__thumb {



        flex: 0 0 64px !important;



        width: 64px !important;



        height: 64px !important;



        aspect-ratio: auto !important;



        border-radius: 10px !important;



        border: 2px solid #e8f0f6 !important;



        background: #ffffff !important;



    }



    body.single-product .acto-pd__thumb img { object-fit: contain !important; padding: 4px; }



    body.single-product .acto-pd__thumb.is-active {



        border-color: #0284c7 !important;



        box-shadow: 0 4px 12px -4px rgba(2, 132, 199, 0.4) !important;



    }







    /* section cards */



    body.single-product .acto-pd__panels .acto-tabpanel,



    body.single-product .acto-pd__panels .acto-tabpanel + .acto-tabpanel {



        margin: 0 !important;



        padding: 16px !important;



        border: 1px solid #e6eef5 !important;



        border-radius: 16px !important;



        background: #ffffff !important;



        scroll-margin-top: 92px !important;



        width: 100% !important;



        min-width: 0 !important;



        max-width: 100% !important;



        box-sizing: border-box !important;



    }



    body.single-product .acto-pd__panels .actorein-field,



    body.single-product .acto-pd__panels .actopim-bullets,



    body.single-product .acto-pd__panels .actopim-bullets li {



        min-width: 0 !important;



        max-width: 100% !important;



        overflow-wrap: anywhere;



    }



    body.single-product .acto-pd__panels .actorein-field {



        overflow-x: auto;



        -webkit-overflow-scrolling: touch;



    }



    body.single-product .acto-pd__panels .rg-table {



        width: 100% !important;



        min-width: 520px;



        border-collapse: collapse;



        font-size: 11.5px;



        line-height: 1.5;



    }



    body.single-product .acto-pd__panels .rg-table th,



    body.single-product .acto-pd__panels .rg-table td {



        padding: 8px 9px;



        border-bottom: 1px solid #e7eef4;



        text-align: left !important;



        vertical-align: top;



    }



    body.single-product .acto-pd__panels .rg-table th {



        background: #f2f8fc;



        color: #0a2540;



        font-size: 10px;



        font-weight: 800;



        letter-spacing: 0.03em;



        text-transform: uppercase;



        white-space: nowrap;



    }



    body.single-product .acto-pd__panels #aciklama {



        padding: 4px 2px 0 !important;



        border: 0 !important;



        background: transparent !important;



    }







    /* product info */



    body.single-product .acto-pd__panels h1.pdt-title {



        margin: 0 0 6px !important;



        font-size: 25px !important;



        line-height: 1.18 !important;



        letter-spacing: -0.02em !important;



    }



    body.single-product .acto-pd__panels h2.pdt-title {



        margin: 0 0 12px !important;



        font-size: 16px !important;



        line-height: 1.3 !important;



        letter-spacing: -0.01em !important;



    }



    body.single-product .acto-pd__panels .pdt-lead {



        margin: 0 0 12px !important;



        font-size: 13.5px !important;



        line-height: 1.6 !important;



        color: #5f7486 !important;



    }



    body.single-product .acto-pd__panels .acto-pd__desc,



    body.single-product .actorein-field p {



        font-size: 13px !important;



        line-height: 1.8 !important;



        color: #4b6477 !important;



    }



    body.single-product .acto-pd__panels .acto-pd__desc { margin-bottom: 0 !important; }



    body.single-product .acto-pd__more {



        margin-top: 10px !important;



        padding: 8px 14px !important;



        border: 1px solid #d8e8f3 !important;



        border-radius: 999px !important;



        background: #f2f9fe !important;



        color: #0369a1 !important;



        font-size: 11px !important;



        font-weight: 700 !important;



        text-decoration: none !important;



    }







    /* technical checklist */



    body.single-product .acto-pd__panels .actopim-bullets li {



        position: relative;



        margin: 0 0 8px !important;



        padding: 9px 12px !important;



        border: 1px solid #e6eff6 !important;



        border-radius: 10px !important;



        background: #f6fbfe !important;



        color: #405a6e !important;



        font-size: 12.5px !important;



        line-height: 1.65 !important;



    }







    /* documents compact */



    body.single-product .actorein-field--dokumanlar .acto-doc-manager .acto-acc-header {



        padding: 11px 12px !important;



    }



    body.single-product .actorein-field--dokumanlar .acto-doc-manager .acto-acc-info { gap: 11px !important; }



    body.single-product .actorein-field--dokumanlar .acto-doc-manager .acto-icon-wrap {



        width: 38px !important;



        height: 38px !important;



        padding: 2px !important;



    }



    body.single-product .actorein-field--dokumanlar .acto-doc-manager .acto-v-details b { font-size: 13.5px !important; }



    body.single-product .actorein-field--dokumanlar .acto-doc-manager .acto-v-meta span { font-size: 10px !important; }



    body.single-product .actorein-field--dokumanlar .acto-doc-manager .acto-scroll-container {



        max-height: none !important;



        padding: 0 12px 12px !important;



    }



    body.single-product .actorein-field--dokumanlar .acto-doc-manager .acto-file-row {



        padding: 10px 12px !important;



    }



    body.single-product .actorein-field--dokumanlar .acto-doc-manager .acto-btn-download {



        padding: 8px 12px !important;



        font-size: 10px !important;



    }







    /* Quick links: sticky tab strip under the header (not a floating dock). */



    body.single-product .acto-subnav--product {



        position: sticky !important;



        top: var(--actorein-header-height, 96px) !important;



        bottom: auto !important;



        left: auto !important;



        right: auto !important;



        transform: none !important;



        width: 100% !important;



        max-width: none !important;



        margin: 0 !important;



        padding: 0 !important;



        border: 0 !important;



        border-bottom: 1px solid #e4edf4 !important;



        border-radius: 0 !important;



        background: rgba(255, 255, 255, 0.96) !important;



        box-shadow: 0 6px 16px -14px rgba(10, 37, 64, 0.45) !important;



        opacity: 1 !important;



        visibility: visible !important;



        pointer-events: auto !important;



        z-index: 45;



        backdrop-filter: blur(10px);



        -webkit-backdrop-filter: blur(10px);



    }



    body.single-product .acto-subnav--product .eds-container { padding-inline: 16px !important; max-width: none !important; }



    body.single-product .acto-subnav--product .acto-subnav__list {



        display: flex !important;



        align-items: center !important;



        justify-content: flex-start !important;



        gap: 4px !important;



        padding: 6px 0 !important;



        overflow-x: auto !important;



        scrollbar-width: none;



    }



    body.single-product .acto-subnav--product .acto-subnav__list::-webkit-scrollbar { display: none; }



    body.single-product .acto-subnav--product .acto-subnav__list li { flex: 0 0 auto !important; }



    body.single-product .acto-subnav--product .acto-subnav__list a {



        display: inline-flex !important;



        flex-direction: row !important;



        align-items: center !important;



        gap: 7px !important;



        min-height: 38px !important;



        padding: 8px 12px !important;



        border-radius: 9px !important;



        background: transparent !important;



        color: #5a7184 !important;



        font-size: 11.5px !important;



        font-weight: 600 !important;



        line-height: 1.2 !important;



        white-space: nowrap !important;



        box-shadow: none !important;



    }



    body.single-product .acto-subnav--product .acto-subnav__list a svg { width: 15px !important; height: 15px !important; flex: 0 0 auto; }



    body.single-product .acto-subnav--product .acto-subnav__list a.is-active { background: #0a2540 !important; color: #ffffff !important; }



    body.single-product .acto-subnav--product .acto-subnav__list a.is-active svg { stroke: #ffffff; }



    body.single-product .actorein-product-reference { padding-bottom: 32px; }



}







/* Narrow phones: documents & where-to-buy keep their content readable. */



@media (max-width: 480px) {



    body.single-product .actorein-field--dokumanlar .acto-doc-manager .acto-acc-header,



    body.single-product .actorein-field--nereden .acto-link-manager .acto-acc-header {



        align-items: flex-start !important;



        gap: 8px !important;



        padding: 10px !important;



    }



    body.single-product .actorein-field--dokumanlar .acto-acc-info,



    body.single-product .actorein-field--nereden .acto-acc-info {



        flex: 1 1 auto !important;



        min-width: 0 !important;



        align-items: flex-start !important;



        gap: 10px !important;



    }



    body.single-product .actorein-field--dokumanlar .acto-icon-wrap,



    body.single-product .actorein-field--nereden .acto-v-thumb-wrap {



        flex: 0 0 40px !important;



        width: 40px !important;



        height: 40px !important;



        padding: 2px !important;



    }



    body.single-product .actorein-field--dokumanlar .acto-v-details,



    body.single-product .actorein-field--nereden .acto-v-details {



        flex: 1 1 auto;



        min-width: 0;



    }



    body.single-product .actorein-field--dokumanlar .acto-v-details b,



    body.single-product .actorein-field--nereden .acto-v-details b {



        font-size: 13px !important;



        line-height: 1.35 !important;



        overflow-wrap: anywhere;



    }



    body.single-product .actorein-field--dokumanlar .acto-v-meta,



    body.single-product .actorein-field--nereden .acto-v-meta {



        display: flex !important;



        flex-wrap: wrap !important;



        gap: 3px 8px !important;



        margin-top: 3px;



    }



    body.single-product .actorein-field--dokumanlar .acto-v-meta span,



    body.single-product .actorein-field--nereden .acto-v-meta span {



        padding-right: 0 !important;



        border-right: 0 !important;



        font-size: 9.5px !important;



        line-height: 1.5 !important;



    }



    body.single-product .actorein-field--dokumanlar .acto-acc-icon,



    body.single-product .actorein-field--nereden .acto-acc-icon {



        flex: 0 0 24px;



        width: 24px;



        height: 24px;



    }







    body.single-product .actorein-field--dokumanlar .acto-file-row {



        flex-direction: column !important;



        align-items: flex-start !important;



        gap: 8px !important;



    }



    body.single-product .actorein-field--dokumanlar .acto-lang-info {



        flex-wrap: wrap;



        gap: 8px !important;



    }



    body.single-product .actorein-field--dokumanlar .acto-btn-download {



        width: 100% !important;



        justify-content: center !important;



    }







    body.single-product .actorein-field--nereden .acto-vendor-row {



        flex-wrap: wrap !important;



        gap: 8px !important;



        padding: 10px !important;



    }



    body.single-product .actorein-field--nereden .acto-site-info {



        gap: 8px !important;



        min-width: 0;



    }



    body.single-product .actorein-field--nereden .acto-site-logo {



        width: 36px !important;



        flex: 0 0 36px;



    }



    body.single-product .actorein-field--nereden .acto-site-name {



        font-size: 11.5px !important;



        overflow-wrap: anywhere;



    }



    body.single-product .actorein-field--nereden .acto-buy-now {



        padding: 8px 12px !important;



        border-radius: 8px;



        font-size: 10px !important;



    }



}







/* Product detail: no floating accessibility shortcut. */



body.single-product .ac-access-floating { display: none !important; }







/* Product detail: wide specification tables become readable stacked rows. */



@media (max-width: 700px) {



    body.single-product .acto-pd__panels table {



        display: block !important;



        width: 100% !important;



        min-width: 0 !important;



        border: 0 !important;



        border-collapse: collapse !important;



    }



    body.single-product .acto-pd__panels table thead { display: none !important; }



    body.single-product .acto-pd__panels table tbody,



    body.single-product .acto-pd__panels table tr,



    body.single-product .acto-pd__panels table td {



        display: block !important;



        width: 100% !important;



        min-width: 0 !important;



    }



    body.single-product .acto-pd__panels table tr {



        margin: 0 0 8px !important;



        padding: 7px 10px !important;



        border: 1px solid #e6eff6 !important;



        border-radius: 10px !important;



        background: #ffffff !important;



    }



    body.single-product .acto-pd__panels table td {



        display: flex !important;



        align-items: baseline !important;



        justify-content: space-between !important;



        gap: 12px !important;



        padding: 5px 0 !important;



        border: 0 !important;



        text-align: left !important;



        font-size: 11.5px !important;



        line-height: 1.55 !important;



    }



    body.single-product .acto-pd__panels table td::before {



        content: attr(data-title) !important;



        flex: 0 0 auto;



        color: #6b8396;



        font-size: 9px;



        font-weight: 800;



        letter-spacing: 0.03em;



        line-height: 1.6;



        text-transform: uppercase;



    }



    body.single-product .acto-pd__panels table td:not([data-title])::before { content: none !important; }



}







/* ---------------------------------------------------------------------------



   Modern cursor and brand-coloured scrollbar



   --------------------------------------------------------------------------- */







/* Brand-blue arrow with a white outline so it stays visible on dark surfaces. */



html,



body { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M6 3L19.5 14.8L13.7 15.9L17.4 23.2L14 24.7L10.2 17.2L6 21.9Z' fill='%230284c7' stroke='%23fff' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E") 6 3, auto; }







/* Keep the text caret where people actually type. */



input[type="text"],



input[type="search"],



input[type="email"],



input[type="tel"],



input[type="url"],



input[type="password"],



input[type="number"],



input[type="date"],



input[type="datetime-local"],



input[type="month"],



input[type="time"],



input[type="week"],



textarea,



[contenteditable="true"] { cursor: text; }







/* OS accessibility settings always win over the decorative cursor. */



@media (forced-colors: active) { html, body { cursor: auto; } }



@media (prefers-contrast: more) { html, body { cursor: auto; } }







/* Scrollbar: floating brand pill on a transparent track, so it fits every surface. */



:root {



    --ac-scroll-track: transparent;



    --ac-scroll-thumb-a: #38bdf8;



    --ac-scroll-thumb-b: #0284c7;



    --ac-scroll-thumb-hover-a: #0284c7;



    --ac-scroll-thumb-hover-b: #0369a1;



}



::-webkit-scrollbar { width: 14px; height: 14px; }



::-webkit-scrollbar-button { display: none; width: 0; height: 0; }



::-webkit-scrollbar-track,



::-webkit-scrollbar-corner { background: var(--ac-scroll-track); }



::-webkit-scrollbar-thumb {



    border: 3px solid var(--ac-scroll-track);



    border-radius: 999px;



    background-color: var(--ac-scroll-thumb-b);



    background-image: linear-gradient(180deg, var(--ac-scroll-thumb-a), var(--ac-scroll-thumb-b));



    background-clip: padding-box;



}



::-webkit-scrollbar-thumb:hover {



    background-image: linear-gradient(180deg, var(--ac-scroll-thumb-hover-a), var(--ac-scroll-thumb-hover-b));



}



/* Thin component scrollbars keep their own compact thumb instead of the inset pill. */



.rh-products .rh-products__filters::-webkit-scrollbar-thumb { border: 0; }



@supports (-moz-appearance: none) {



    html { scrollbar-width: thin; scrollbar-color: var(--ac-scroll-thumb-b) var(--ac-scroll-track); }



}







/* Usage-area cards share the row height on small screens instead of collapsing



   to their own content length. */



@media (max-width: 900px) {



    html body :is(.ac-usage-card, .ac-usage-product, .ac-usage-item, .acto-ua__card, .usage-card) {



        height: 100% !important;



        align-self: stretch !important;



    }



    html body :is(.ac-usage-grid, .ac-usage-cards, .ac-usage-list, .acto-ua__grid, .acto-ua__cards) {



        align-items: stretch !important;



    }



}







/* Anchored sections must clear the sticky header on every breakpoint. The page



   content hard-codes 104px, which is shorter than the mobile header. */



html { scroll-padding-top: var(--actorein-header-offset, 128px) !important; }



section, article, [id], h1, h2, h3, h4 { scroll-margin-top: var(--actorein-header-offset, 128px) !important; }







/* Corporate stats: equal columns that never overflow the viewport on phones. */



@media (max-width: 1200px) {



    html body .acto-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }



}



@media (max-width: 600px) {



    html body .acto-stats__grid { gap: 14px !important; }



    html body .acto-stats__item { min-width: 0 !important; padding: 22px 12px !important; }



    html body .acto-stats__num { font-size: 40px !important; }



    html body .acto-stats__label { font-size: 12.5px !important; overflow-wrap: anywhere; }



}







/* Areas-of-use rail (horizontal cards): every card takes the height of the tallest



   card in the row instead of collapsing to its own content. */



.rh-areas .rh-areas__directory { align-items: stretch !important; padding-top: 8px !important; }



.rh-areas .rh-areas__entry { align-self: stretch !important; }



.rh-areas .rh-areas__entry[open] .rh-areas__reveal { height: auto; }







/* Areas of use: neutral cards instead of a different pastel tint per area. */



.rh-areas .rh-areas__entry,



.rh-areas .rh-areas__entry:nth-child(n) {



    --ra-bg: #ffffff;



    --ra-accent: #0a2540;



    background: #ffffff !important;



    border-color: #dfe7ed !important;



}



.rh-areas .rh-areas__entry[open] { border-color: #0a2540 !important; }



.rh-areas .rh-areas__entry[open] .rh-areas__toggle { background: #ffffff !important; }



html.ac-access-dark .rh-areas .rh-areas__entry,



html.ac-access-dark .rh-areas .rh-areas__entry:nth-child(n) {



    --ra-bg: var(--ac-dark-surface);



    --ra-accent: var(--ac-dark-link);



    background: var(--ac-dark-surface) !important;



    border-color: var(--ac-dark-border) !important;



}



html.ac-access-dark .rh-areas .rh-areas__entry[open] { border-color: var(--ac-dark-link) !important; }



html.ac-access-dark .rh-areas .rh-areas__entry[open] .rh-areas__toggle { background: var(--ac-dark-control) !important; }







/* Areas of use: 3D depth — raised cards that tilt towards the pointer. */



.rh-areas .rh-areas__directory { perspective: 1400px; }



.rh-areas .rh-areas__entry {



    transform-style: preserve-3d;



    box-shadow: 0 1px 2px rgba(10, 37, 64, 0.06), 0 14px 30px -18px rgba(10, 37, 64, 0.35);



    transition: transform .3s ease, box-shadow .3s ease, border-color .2s ease;



    will-change: transform;



}



@media (hover: hover) and (pointer: fine) {



    .rh-areas .rh-areas__entry:hover {



        transform: translateY(-6px) rotateX(3deg) rotateY(-3deg);



        box-shadow: 0 28px 52px -22px rgba(10, 37, 64, 0.45), 0 6px 14px rgba(10, 37, 64, 0.08);



    }



    .rh-areas .rh-areas__entry:nth-child(even):hover {



        transform: translateY(-6px) rotateX(3deg) rotateY(3deg);



    }



}



html.ac-access-dark .rh-areas .rh-areas__entry { box-shadow: 0 18px 36px -20px rgba(0, 0, 0, 0.7); }



html.ac-access-dark .rh-areas .rh-areas__entry:hover { box-shadow: 0 30px 56px -24px rgba(0, 0, 0, 0.85); }



@media (prefers-reduced-motion: reduce) {



    .rh-areas .rh-areas__entry { transition: none; transform: none; }



}







/* Home product showcase: carousel only on phones, the grid stays on web/tablet. */



.rh-carousel { display: none; align-items: center; justify-content: center; gap: 12px; margin-top: 18px; }



.rh-carousel[hidden] { display: none !important; }



@media (max-width: 700px) {



    .rh-carousel { display: flex; }



    html body .rh-products--carousel .rh-products__grid {



        display: flex !important;



        flex-wrap: nowrap !important;



        grid-template-columns: none !important;



        gap: 16px !important;



        overflow-x: auto !important;



        overflow-y: hidden;



        padding-bottom: 6px;



        scroll-snap-type: x mandatory;



        scroll-behavior: smooth;



        scrollbar-width: none;



        -webkit-overflow-scrolling: touch;



    }



    html body .rh-products--carousel .rh-products__grid::-webkit-scrollbar { display: none; }



    html body .rh-products--carousel .rh-products__grid > .rh-products__card {



        flex: 0 0 100% !important;



        width: 100% !important;



        max-width: 100% !important;



        min-width: 0 !important;



        scroll-snap-align: center;



        scroll-snap-stop: always;



    }



    /* Areas of use stay a vertical stack on phones: no rail, no dots. */



    html body .rh-areas .rh-areas__directory {



        display: flex !important;



        flex-direction: column !important;



        gap: 12px !important;



        overflow: visible !important;



        margin: 0 !important;



        padding: 0 !important;



        scroll-snap-type: none !important;



    }



    html body .rh-areas .rh-areas__directory > .rh-areas__entry {



        flex: 0 0 auto !important;



        width: 100% !important;



        max-width: none !important;



        scroll-snap-align: none !important;



    }



}



@media (prefers-reduced-motion: reduce) {



    html body .rh-products--carousel .rh-products__grid { scroll-behavior: auto; }



}



.rh-carousel__nav { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; padding: 0; border: 1px solid #d7e3ec; border-radius: 50%; background: #fff; color: #0a2540; cursor: pointer; transition: border-color .2s ease, color .2s ease, background-color .2s ease; }



.rh-carousel__nav:hover:not(:disabled) { border-color: #0284c7; color: #0284c7; }



.rh-carousel__nav:disabled { opacity: .4; cursor: default; }



.rh-carousel__nav svg { display: block; }



.rh-carousel__dots { display: flex; align-items: center; gap: 6px; }



.rh-carousel__dot { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 999px; background: #c3d3df; cursor: pointer; transition: width .2s ease, background-color .2s ease; }



.rh-carousel__dot.is-active { width: 22px; background: #0284c7; }



html.ac-access-dark .rh-carousel__nav { background: var(--ac-dark-control); border-color: var(--ac-dark-border); color: var(--ac-dark-text); }



html.ac-access-dark .rh-carousel__nav:hover:not(:disabled) { border-color: var(--ac-dark-link); color: var(--ac-dark-link); }



html.ac-access-dark .rh-carousel__dot { background: var(--ac-dark-line); }



html.ac-access-dark .rh-carousel__dot.is-active { background: var(--ac-dark-link); }



html.ac-access-contrast .rh-carousel__nav { background: #fff; border-color: #000; color: #000; }



html.ac-access-contrast.ac-access-dark .rh-carousel__nav { background: #000; border-color: #fff; color: #fff; }







/* Product / usage step galleries built in the editor: two cards per row on phones. */



@media (max-width: 700px) {



    #content div[style*="minmax(250px"] {



        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;



        gap: 10px !important;



    }



    #content div[style*="minmax(250px"] > div { padding: 8px !important; }



    #content div[style*="minmax(250px"] img { width: 100% !important; height: auto !important; }



    #content div[style*="minmax(250px"] h5,



    #content div[style*="minmax(250px"] p { font-size: 11.5px !important; line-height: 1.5 !important; }



}







/* Quick links subnav (corporate / usage pages): leading icons, even gaps. */



.acto-subnav__list { gap: 10px; }



.acto-subnav__list a { display: inline-flex; align-items: center; gap: 8px; }



.acto-subnav__ico { display: inline-flex; flex: 0 0 16px; align-items: center; justify-content: center; width: 16px; height: 16px; color: #0284c7; }



.acto-subnav__ico svg { display: block; width: 16px; height: 16px; }



html.ac-access-dark .acto-subnav__ico { color: var(--ac-dark-link); }







/* Technical specifications tab: first four bullets plus a read-more toggle on phones. */



@media (max-width: 900px) {



    #teknik ul.pdt-specs.is-collapsed > li:nth-child(n+5),



    #teknik ul.actopim-bullets.is-collapsed > li:nth-child(n+5),



    .actorein-field--teknik ul.pdt-specs.is-collapsed > li:nth-child(n+5),



    .actorein-field--teknik ul.actopim-bullets.is-collapsed > li:nth-child(n+5),



    .acto-pane[id^="pspec-specs-"] ul.actopim-bullets.is-collapsed > li:nth-child(n+5) { display: none !important; }



    .actopim-bullets-more { display: flex; width: 100%; box-sizing: border-box; align-items: center; justify-content: center; margin-top: 10px; padding: 9px 16px; border: 1px solid #cfe3ef; border-radius: 0; background: #f4faff; color: #0369a1; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.3; cursor: pointer; transition: background-color .2s ease, border-color .2s ease; }



    .actopim-bullets-more:hover { background: #e6f4fd; border-color: #0284c7; }



}



@media (min-width: 901px) {



    .actopim-bullets-more { display: none !important; }



}



html.ac-access-dark .actopim-bullets-more { background: var(--ac-dark-control); border-color: var(--ac-dark-border); color: var(--ac-dark-link); }







/* Quick links accordion: identical icon column and inset on every row, including



   the first item (which some menu markup renders with its own padding). */



@media (max-width: 900px) {



    html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list {



        margin: 0 !important;



        padding: 6px !important;



    }



    html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list > li {



        margin: 0 !important;



        padding: 0 !important;



    }



    html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list a {



        display: grid !important;



        grid-template-columns: 18px minmax(0, 1fr) !important;



        align-items: center !important;



        column-gap: 10px !important;



        padding: 11px 16px !important;



        margin: 0 !important;



        box-sizing: border-box !important;



        text-align: left !important;



    }



    html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list a > svg {



        justify-self: center !important;



        width: 18px !important;



        height: 18px !important;



    }



    html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__ico {



        width: 18px !important;



        height: 18px !important;



        justify-self: center;



    }



    html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__label {



        min-width: 0;



    }



}







/* Product detail breadcrumb */



.ac-product-breadcrumb { padding: 12px 0; background: #f8fbfd; border-bottom: 1px solid #eef3f7; }



.ac-product-breadcrumb .eds-container { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 12px; line-height: 1.5; color: #64798b; }



.ac-product-breadcrumb a { color: #0a6f96; font-weight: 600; text-decoration: none; }



.ac-product-breadcrumb a:hover { color: #0284c7; text-decoration: underline; text-underline-offset: 3px; }



.ac-product-breadcrumb__sep { color: #a9bdcc; }



.ac-product-breadcrumb [aria-current="page"] { color: #334c60; font-weight: 600; overflow-wrap: anywhere; }



html.ac-access-dark .ac-product-breadcrumb { background: #0f1f2e; border-bottom-color: var(--ac-dark-border); }



html.ac-access-dark .ac-product-breadcrumb a { color: var(--ac-dark-link); }



html.ac-access-dark .ac-product-breadcrumb [aria-current="page"] { color: var(--ac-dark-text); }







/* ============================================================



   MODULE: header-design.css



   ============================================================ */



/* Spacious single-row header with separate brand, navigation and utility zones. */



.nc-header .nc-topbar { background: #eef3f7 !important; border-bottom: 1px solid #dfe8ee !important; }



.nc-header .nc-topbar__inner { min-height: 38px !important; }



.nc-header .nc-topbar__text small { color: #64798b !important; font-size: 11px !important; }



.nc-header .nc-topbar__text strong { color: #0a2540 !important; font-size: 14px !important; }



.nc-header .nc-topbar__icon { color: #0284c7 !important; }



.nc-header .nc-topbar__actions .nc-tool,.nc-header .nc-topbar .nc-social { color: #344d60 !important; }



.nc-header .nc-navbar,.nc-header.is-scrolled .nc-navbar { background: #fff !important; border-bottom: 1px solid #d8e4eb !important; box-shadow: 0 8px 24px #0a254008 !important; }



.nc-header .nc-navbar__inner { min-height: 104px !important; gap: 24px !important; }



.nc-header .nc-brand { position: relative; padding-block: 16px; padding-inline-end: 24px; border: 0 !important; }



.nc-header .nc-brand::before { content: ''; position: absolute; inset: 0 0 0 -100vw; background: #f5f9fb; border-inline-end: 1px solid #e0eaf0; z-index: -1; }



.nc-header .nc-logo__img { height: 70px; width: auto; }



.nc-header .nc-tools { gap: 0 !important; padding: 5px; border: 1px solid #d8e4eb; border-radius: 12px; background: #f5f9fb; }



.nc-header .nc-search__btn { width: 46px !important; height: 46px !important; border: 0 !important; border-radius: 8px !important; background: #0a2540 !important; color: #fff !important; }



.nc-header .nc-search__btn svg { width: 17px !important; height: 17px !important; flex: 0 0 17px; }



.nc-header .nc-lang { min-height: 46px !important; padding: 10px 14px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; }



@media (min-width: 901px) {



    .nc-header .nc-navbar__inner { display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto; isolation: isolate; }



    .nc-header .nc-menu { justify-self: stretch; background: transparent; }



    .nc-header .nc-menu > ul { width: 100%; justify-content: center; gap: clamp(4px, 1vw, 16px) !important; }



    .nc-header .nc-menu > ul > li > a,.nc-header.is-scrolled .nc-menu > ul > li > a { min-height: 48px; padding: 12px 10px !important; font-size: 15px !important; font-weight: 600; background: transparent !important; border-radius: 0 !important; }



    .nc-header .nc-menu > ul > li > a::before { content: none !important; }



    .nc-header .nc-menu > ul > li > a { position: relative; }



    .nc-header .nc-menu > ul > li > a::after { content: ''; position: absolute; left: 10px; right: 10px; bottom: 5px; top: auto; width: auto; height: 1px; border-radius: 50%; background: linear-gradient(90deg, transparent, #0284c7 25%, #0284c7 75%, transparent); opacity: .8; transform: scaleX(0) !important; transform-origin: center; transition: transform .3s ease !important; pointer-events: none; }



    .nc-header .nc-menu > ul > li > a:hover::after,



    .nc-header .nc-menu > ul > li > a:focus-visible::after,



    .nc-header .nc-menu > ul > li.current-menu-item > a::after,



    .nc-header .nc-menu > ul > li.current-menu-ancestor > a::after { transform: scaleX(1) !important; }



    .nc-header .nc-menu > ul > li > a:hover { color: #007ca8 !important; }



    .nc-header.is-scrolled .nc-navbar__inner { min-height: 96px !important; }



    .nc-header.is-scrolled .nc-logo__img { height: 62px; }



}



@media (min-width: 901px) and (max-width: 1150px) {



    .nc-header .nc-navbar__inner { gap: 14px !important; }



    .nc-header .nc-brand { padding-inline-end: 14px; }



    .nc-header .nc-logo__img { height: 62px; }



    .nc-header .nc-menu > ul > li > a,.nc-header.is-scrolled .nc-menu > ul > li > a { font-size: 14px !important; padding-inline: 8px !important; }



}



html[dir="rtl"] .nc-header .nc-brand::before { inset: 0 -100vw 0 0; }



html[dir="rtl"] .nc-header .nc-menu > ul > li > a::after { transform-origin: center; }



@media (prefers-reduced-motion: reduce) { .nc-header .nc-menu > ul > li > a::after { transition: none !important; } }



@media (max-width: 900px) {



    .nc-header .nc-navbar__inner { min-height: 88px !important; gap: 12px !important; isolation: isolate; }



    .nc-header .nc-brand { padding-block: 12px; padding-inline-end: 10px; }



    .nc-header .nc-brand::before { content: none; }



    .nc-header .nc-logo__img { height: 56px; }



    .nc-header .nc-tools { padding: 0; border: 0; background: transparent; gap: 6px !important; }



    .nc-header .nc-search__btn { width: 42px !important; height: 42px !important; }



    .nc-header .nc-burger { border-radius: 8px !important; }



}



@media (max-width: 480px) { .nc-header .nc-logo__img { height: 48px; } .nc-header .nc-lang { padding-inline: 8px !important; } }







/* Bigger brand logo on mobile */



@media (max-width: 900px) {



    .nc-header .nc-navbar__inner { min-height: 128px !important; }



    .nc-header .nc-brand { padding-block: 8px; min-width: 0; }



    .nc-header .nc-logo { flex: 0 0 auto; }



    .nc-header .nc-logo__img { height: 100px; width: auto; }



    .nc-header .logo-ikbaal-mark-image { height: 64px !important; }



    .nc-header.is-scrolled .nc-navbar__inner { min-height: 110px !important; }



    .nc-header.is-scrolled .nc-logo .nc-logo__img { height: 86px !important; }



}



@media (max-width: 480px) {



    .nc-header .nc-navbar__inner { min-height: 118px !important; }



    .nc-header .nc-logo__img { height: 92px; }



    .nc-header .logo-ikbaal-mark-image { height: 58px !important; }



    .nc-header.is-scrolled .nc-navbar__inner { min-height: 102px !important; }



    .nc-header.is-scrolled .nc-logo .nc-logo__img { height: 80px !important; }



}



@media (max-width: 360px) {



    .nc-header .nc-navbar__inner { min-height: 108px !important; }



    .nc-header .nc-logo__img { height: 84px; }



    .nc-header .logo-ikbaal-mark-image { height: 52px !important; }



    .nc-header.is-scrolled .nc-logo .nc-logo__img { height: 74px !important; }



}



/* Phones: hide the secondary partner mark so the main logo and menu button fit. */



@media (max-width: 500px) {



    .nc-header .logo-country-mark { display: none !important; }



    .nc-header .nc-brand { padding-inline-end: 8px; }



}







/* Compact mobile header: smaller logo, symmetric padding, no tall empty band. */



@media (max-width: 900px) {



    .nc-header .nc-navbar__inner { min-height: 96px !important; padding-block: 10px; }



    .nc-header .nc-brand { padding-block: 0 !important; }



    .nc-header .nc-logo__img { height: 72px !important; }



    .nc-header .logo-ikbaal-mark-image { height: 46px !important; }



    .nc-header.is-scrolled .nc-navbar__inner { min-height: 84px !important; }



    .nc-header.is-scrolled .nc-logo .nc-logo__img { height: 64px !important; }



}



@media (max-width: 480px) {



    .nc-header .nc-navbar__inner { min-height: 88px !important; }



    .nc-header .nc-logo__img { height: 68px !important; }



    .nc-header.is-scrolled .nc-navbar__inner { min-height: 78px !important; }



    .nc-header.is-scrolled .nc-logo .nc-logo__img { height: 60px !important; }



}



@media (max-width: 360px) {



    .nc-header .nc-navbar__inner { min-height: 84px !important; }



    .nc-header .nc-logo__img { height: 64px !important; }



    .nc-header.is-scrolled .nc-navbar__inner { min-height: 74px !important; }



    .nc-header.is-scrolled .nc-logo .nc-logo__img { height: 58px !important; }



}







/* ============================================================



   MODULE: language-dialog.css



   ============================================================ */



/* Apple-inspired language sidebar (right-hand glass panel). */







.ac-language-dialog {



    position: fixed;



    inset: auto;



    width: min(360px, calc(100vw - 24px));



    height: auto;



    max-height: min(70vh, 620px);



    margin: 0;



    padding: 0;



    display: none;



    flex-direction: column;



    overflow: hidden;



    border: 1px solid rgba(255, 255, 255, 0.62);



    border-radius: 24px;



    transform-origin: top right;



    background: rgba(248, 248, 250, 0.66);



    -webkit-backdrop-filter: blur(44px) saturate(180%);



    backdrop-filter: blur(44px) saturate(180%);



    box-shadow:



        0 40px 90px -28px rgba(10, 30, 55, 0.5),



        0 2px 8px rgba(10, 30, 55, 0.06),



        inset 0 1px 0 rgba(255, 255, 255, 0.7);



    color: #1d1d1f;



    font-family: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;



    -webkit-font-smoothing: antialiased;



    -moz-osx-font-smoothing: grayscale;



    text-rendering: optimizeLegibility;



}







.ac-language-dialog[open] {



    display: flex;



    animation: ac-language-in 0.42s cubic-bezier(0.32, 0.72, 0, 1);



}







.ac-language-dialog:focus { outline: none; }







.ac-language-dialog::backdrop {



    background: rgba(12, 22, 38, 0.1);



    -webkit-backdrop-filter: blur(2px) saturate(115%);



    backdrop-filter: blur(2px) saturate(115%);



    animation: ac-language-fade 0.3s ease both;



}







html:has(.ac-language-dialog[open]) { overflow: hidden; }







@keyframes ac-language-in {



    from { opacity: 0; transform: translateY(-8px) scale(0.985); }



    to { opacity: 1; transform: none; }



}







@keyframes ac-language-in-rtl {



    from { opacity: 0; transform: translateY(-8px) scale(0.985); }



    to { opacity: 1; transform: none; }



}







@keyframes ac-language-fade {



    from { opacity: 0; }



    to { opacity: 1; }



}







/* Header */







.ac-language-dialog__head {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 16px;



    margin: 0;



    padding: 20px 16px 10px;



    border: 0;



}







.ac-language-dialog__head h2 {



    margin: 0;



    color: #1d1d1f;



    font-size: 21px !important;



    font-weight: 600 !important;



    line-height: 1.25 !important;



    letter-spacing: -0.022em;



}







.ac-language-dialog__close {



    display: grid;



    place-items: center;



    flex: 0 0 auto;



    width: 30px;



    height: 30px;



    padding: 0;



    border: 0;



    border-radius: 50%;



    background: rgba(120, 120, 128, 0.16);



    color: #3c3c43;



    font: 400 17px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;



    cursor: pointer;



    transition: background-color 0.16s ease, transform 0.16s ease;



    -webkit-tap-highlight-color: transparent;



}







.ac-language-dialog__close:hover { background: rgba(120, 120, 128, 0.26); }



.ac-language-dialog__close:active { transform: scale(0.94); }







/* Grouped language list */







.ac-language-grid {



    display: flex;



    flex: 1 1 auto;



    flex-direction: column;



    min-height: 0;



    margin: 0 16px 16px;



    padding: 0;



    overflow-x: hidden;



    overflow-y: auto;



    overscroll-behavior: contain;



    border: 1px solid rgba(60, 60, 67, 0.1);



    border-radius: 18px;



    background: rgba(255, 255, 255, 0.66);



    -webkit-backdrop-filter: blur(20px);



    backdrop-filter: blur(20px);



    scrollbar-width: thin;



    scrollbar-color: rgba(60, 60, 67, 0.28) transparent;



}







.ac-language-grid::-webkit-scrollbar { width: 6px; }



.ac-language-grid::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(60, 60, 67, 0.24); }



.ac-language-grid::-webkit-scrollbar-track { background: transparent; }







.ac-language-grid a {



    position: relative;



    display: grid;



    grid-template-columns: 26px minmax(0, 1fr) auto 18px;



    align-items: center;



    gap: 12px;



    min-height: 52px;



    padding: 8px 16px;



    border: 0;



    background: transparent;



    color: #1d1d1f;



    font-size: 15px;



    font-weight: 500;



    line-height: 1.3;



    letter-spacing: -0.01em;



    text-align: start;



    text-decoration: none;



    transition: background-color 0.14s ease;



    -webkit-tap-highlight-color: transparent;



}







.ac-language-grid a + a { box-shadow: inset 0 1px 0 rgba(60, 60, 67, 0.16); }



.ac-language-grid a:hover { background: rgba(120, 120, 128, 0.13); }



.ac-language-grid a:active { background: rgba(120, 120, 128, 0.2); }



.ac-language-grid a[hidden] { display: none !important; }







.ac-language-grid .nc-lang__menu-flag {



    display: block;



    width: 26px;



    height: 18px;



    overflow: hidden;



    border-radius: 4px;



    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);



}







.ac-language-grid .nc-lang__menu-flag svg { display: block; width: 100%; height: 100%; }







.ac-language-grid .nc-lang__menu-name {



    min-width: 0;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    text-align: start;



}







html:not([dir="rtl"]) .ac-language-grid .nc-lang__menu-name[dir="rtl"] { text-align: left; }



html[dir="rtl"] .ac-language-grid .nc-lang__menu-name:not([dir="rtl"]) { text-align: right; }







.ac-language-grid .nc-lang__menu-code {



    margin: 0;



    color: #6e6e73;



    font-size: 11.5px;



    font-weight: 600;



    letter-spacing: 0.045em;



    text-transform: uppercase;



}







/* Selected language: blue tick replaces the trailing code. */



.ac-language-grid a::after {



    content: "";



    width: 18px;



    height: 18px;



    justify-self: end;



    background-color: transparent;



    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;



    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;



    opacity: 0;



    transform: scale(0.7);



    transition: opacity 0.18s ease, transform 0.2s cubic-bezier(0.32, 0.72, 0, 1);



}







.ac-language-grid a[aria-current="true"] .nc-lang__menu-code { display: none; }



.ac-language-grid a[aria-current="true"] .nc-lang__menu-name { font-weight: 600; }







.ac-language-grid a[aria-current="true"]::after {



    background-color: #0071e3;



    opacity: 1;



    transform: none;



}







/* Focus */







.ac-language-dialog :is(a, button):focus-visible {



    outline: 2px solid #0071e3;



    outline-offset: 2px;



}







.ac-language-grid a:focus-visible { outline-offset: -2px; }







html.ac-access-dark:not(.ac-access-contrast) .ac-language-dialog :is(a, button):focus-visible {



    outline-color: #0a84ff;



}







/* Small screens: the panel stays a sidebar, just closer to the edges. */



@media (max-width: 520px) {



    .ac-language-dialog {



        width: calc(100vw - 16px);



        max-height: calc(100vh - 16px);



        max-height: calc(100dvh - 16px);



        border-radius: 26px;



    }







    .ac-language-dialog__head { padding: 18px 14px 8px; }



    .ac-language-grid { margin: 0 12px 12px; border-radius: 16px; }



    .ac-language-grid a { min-height: 50px; padding-inline: 14px; }



}







/* RTL */







html[dir="rtl"] .ac-language-dialog,



html[lang^="fa"] .ac-language-dialog {



    direction: rtl;



    transform-origin: top left;



    animation-name: ac-language-in-rtl;



}







/* Dark accessibility mode */







html.ac-access-dark:not(.ac-access-contrast) .ac-language-dialog {



    border-color: rgba(255, 255, 255, 0.12);



    background: rgba(28, 28, 30, 0.82);



    box-shadow:



        0 40px 90px -28px rgba(0, 0, 0, 0.7),



        inset 0 1px 0 rgba(255, 255, 255, 0.08);



    color: #f5f5f7;



}







html.ac-access-dark:not(.ac-access-contrast) .ac-language-dialog__head h2 { color: #f5f5f7; }







html.ac-access-dark:not(.ac-access-contrast) .ac-language-dialog__close {



    background: rgba(120, 120, 128, 0.32);



    color: #f5f5f7;



}







html.ac-access-dark:not(.ac-access-contrast) .ac-language-grid {



    border-color: rgba(255, 255, 255, 0.12);



    background: rgba(255, 255, 255, 0.06);



    scrollbar-color: rgba(255, 255, 255, 0.25) transparent;



}







html.ac-access-dark:not(.ac-access-contrast) .ac-language-grid a { color: #f5f5f7; }



html.ac-access-dark:not(.ac-access-contrast) .ac-language-grid a + a { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14); }



html.ac-access-dark:not(.ac-access-contrast) .ac-language-grid a:hover { background: rgba(255, 255, 255, 0.1); }



html.ac-access-dark:not(.ac-access-contrast) .ac-language-grid .nc-lang__menu-code { color: #98989d; }



html.ac-access-dark:not(.ac-access-contrast) .ac-language-grid .nc-lang__menu-flag { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }



html.ac-access-dark:not(.ac-access-contrast) .ac-language-grid a[aria-current="true"]::after { background-color: #0a84ff; }



html.ac-access-dark:not(.ac-access-contrast) .ac-language-grid::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.24); }







/* High-contrast mode */







html.ac-access-contrast .ac-language-grid { background: #fff; border-color: #000; }



html.ac-access-contrast .ac-language-grid a + a { border-top: 2px solid #000; box-shadow: none; }



html.ac-access-contrast .ac-language-grid a[aria-current="true"]::after { background-color: #000; }



html.ac-access-contrast .ac-language-dialog__close { border: 2px solid #000; }







html.ac-access-contrast.ac-access-dark .ac-language-grid { background: #000; border-color: #fff; }



html.ac-access-contrast.ac-access-dark .ac-language-grid a + a { border-top-color: #fff; }



html.ac-access-contrast.ac-access-dark .ac-language-grid a[aria-current="true"]::after { background-color: #fff; }



html.ac-access-contrast.ac-access-dark .ac-language-dialog__close { border-color: #fff; }







/* Motion preferences */







@media (prefers-reduced-motion: reduce) {



    .ac-language-dialog[open],



    .ac-language-dialog::backdrop { animation: none; }



    .ac-language-grid a,



    .ac-language-grid a::after,



    .ac-language-dialog__close { transition: none; }



}







html.ac-access-motion .ac-language-dialog,



html.ac-access-motion .ac-language-dialog *,



html.ac-access-motion .ac-language-dialog::backdrop {



    animation: none !important;



    transition: none !important;



}







/* The header trigger opens the dialog; the caret is no longer needed. */



.nc-lang .nc-lang__caret { display: none; }







/* ============================================================



   MODULE: footer.css



   ============================================================ */



.af-footer { background: #f0f5f8; color: #344d60; border-top: 1px solid #dbe6ed; }



.af-container { width: 100%; max-width: var(--nc-container); margin: 0 auto; padding: 0 40px; }



.af-intro { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 24px 0 20px; border-bottom: 1px solid #d3e0e8; }



.af-intro p { max-width: 660px; margin: 0; color: #0a2540; font-family: 'Caveat', 'Segoe Print', cursive; font-weight: 600; font-size: clamp(32px, 3.6vw, 46px); line-height: 1.25; letter-spacing: normal; }



.af-intro p > span { color: #0284c7; }



.af-intro__message { min-width: 0; }



.af-signature { display: block; width: 145px; max-width: 100%; height: auto; margin-top: 2px; color: #0a2540; }



.af-signature path { stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }



.af-signature.is-pending path,.af-signature.is-drawing path { stroke-dasharray: 1 1; stroke-dashoffset: 1; }



.af-signature.is-drawing path { animation: af-sign var(--sign-duration, .6s) linear var(--sign-delay, 0s) forwards; }



.af-signature .af-signature__underline { stroke-width: 1.2; }



@keyframes af-sign { to { stroke-dashoffset: 0; } }



@media (prefers-reduced-motion: reduce) { .af-signature.is-drawing path,.af-signature.is-pending path { animation: none; stroke-dashoffset: 0; } }



html.ac-access-motion .af-signature path { animation: none !important; stroke-dashoffset: 0 !important; }



.af-intro > a { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; flex-shrink: 0; padding: 16px 22px; border-radius: 5px; background: #0a2540; color: #fff; font-size: 13px; font-weight: 600; }



.af-intro > a:hover { background: #0369a1; }



.af-intro > a span { font-size: 22px; }



.af-footer__widgets { padding: 48px 0 52px; }



.af-footer__bg { display: none; }



.af-footer__grid { display: grid; grid-template-columns: 1.05fr 1fr 1.1fr .75fr; gap: 36px; align-items: start; }



.af-widget { min-width: 0; }



.af-widget--brand { order: -1; text-align: start; justify-self: stretch; padding: 0; }



.af-widget__title { margin: 0 0 19px; color: #0a2540 !important; font-size: 13px !important; line-height: 1.5; font-weight: 700; letter-spacing: 0 !important; }



.af-widget__title--spaced { margin: 26px 0 12px; }



.af-list { margin: 0; padding: 0; list-style: none; }



.af-list--lines li + li { margin-top: 11px; }



.af-list--lines a { display: inline-block; font-size: 12px; line-height: 1.8; color: #526a7b; overflow-wrap: anywhere; }



.af-list--lines a:hover { color: #007ca8; text-decoration: underline; text-underline-offset: 4px; }



.af-list--social { display: flex; flex-wrap: wrap; gap: 8px; }



.af-list--social a { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #cadbe6; border-radius: 50%; color: #0a2540; }



.af-list--social a:hover { background: #0a2540; border-color: #0a2540; color: #fff; }



.af-social-ico { display: flex; }



.af-brand { display: block; width: 240px; max-width: 100%; margin: 0; padding: 0; text-align: start; }



.af-brand__img { display: block; width: 100%; height: auto; margin: 0; padding: 0; object-fit: contain; object-position: left center; }



.af-ownership { width: 240px; max-width: 100%; margin: 10px 0 0; color: #647c8c; font-size: 11px; line-height: 1.6; text-align: center; }



.af-cta { display: flex; flex-direction: column; align-items: center; width: 240px; max-width: 100%; gap: 24px; margin-top: 16px; text-align: center; }



.af-btn { color: #0a2540; font-size: 12px; font-weight: 700; border-bottom: 1px solid #b8cdd9; padding-bottom: 8px; }



.af-btn:hover { color: #0284c7; }



.af-footer__bottom-grid { display: flex; align-items: center; gap: 24px; padding: 12px 0; border-top: 1px solid #d3e0e8; }



.af-footer__legal { min-width: 0; margin-inline-end: auto; }



.af-copyright { margin: 0; margin-inline-end: auto; font-size: 10px; line-height: 1.8; color: #647c8c; }



.af-privacy { font-size: 11px; color: #526a7b; }



.af-browser-note { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; margin: 2px 0 0; padding: 0; color: #647c8c; font-size: 10px; line-height: 1.6; text-align: start; }



.af-browser-icons { display: inline-flex; align-items: center; gap: 5px; direction: ltr; }



.af-browser-icons svg { display: block; width: 15px; height: 15px; }



.af-footer .ac-settings-trigger { width: auto; min-height: 44px; height: auto; gap: 9px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #0a2540; box-shadow: none; direction: ltr; text-align: start; }



.af-footer .ac-settings-trigger > svg { flex: 0 0 42px; width: 42px; height: 42px; padding: 9px; box-sizing: border-box; border-radius: 50%; background: #0284c7; color: #fff; }



.af-access-label { max-width: 220px; font-size: 11px; line-height: 1.5; unicode-bidi: plaintext; }



.af-footer a:focus-visible { outline: 3px solid #0284c7; outline-offset: 5px; }



.af-more { margin-top: 16px; padding: 6px 0; border: 0; border-bottom: 1px solid #b8cdd9; background: transparent; color: #007ca8; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }



.af-more:hover { color: #0a2540; }



.af-more:focus-visible { outline: 3px solid #0284c7; outline-offset: 4px; }



.af-more[hidden],#af-product-types > li[hidden] { display: none !important; }



html[lang^="fa"] .af-footer { direction: rtl; text-align: right; }



html[lang^="fa"] .af-intro p { font-family: Tahoma, Arial, sans-serif; letter-spacing: normal; }



@media (max-width: 1000px) {



    .af-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 48px; }



    .af-intro { gap: 24px; }



}



@media (max-width: 640px) {



    .af-container { padding: 0 20px; }



    .af-intro { align-items: flex-start; flex-direction: column; gap: 16px; padding: 20px 0; }



    .af-footer__widgets { padding: 32px 0; }



    .af-footer__grid { gap: 30px 20px; }



    .af-brand { width: 200px; }



    .af-ownership { width: 200px; }



    .af-cta { width: 200px; }



    .af-footer__bottom-grid { flex-wrap: wrap; gap: 16px; }



    .af-footer__legal { flex-basis: 100%; order: 0; }



    .af-footer .ac-settings-trigger { order: 1; margin-inline-start: auto; }



    .af-privacy { order: 2; flex-basis: 100%; }



}



@media (max-width: 380px) { .af-footer__grid { grid-template-columns: 1fr; } }



.af-signature.af-signature--author{width:max-content;max-width:100%;font-family:'Caveat','Segoe Print',cursive;font-size:27px;font-weight:600;line-height:1.3;margin-top:5px;padding-inline-start:5px;white-space:nowrap}



.af-signature--author.is-pending{opacity:0;clip-path:none}



.af-signature--author.is-drawing{opacity:1;animation:af-author-write 2s ease-out forwards}



@keyframes af-author-write{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}



@media(prefers-reduced-motion:reduce){.af-signature--author.is-pending,.af-signature--author.is-drawing{animation:none;clip-path:none}}



html.ac-access-motion .af-signature--author{animation:none!important;clip-path:none!important}







html.ac-access-dark:not(.ac-access-contrast) .af-signature--author{color:#d7eaf6!important}



@media(prefers-reduced-motion:reduce){.af-signature--author.is-pending{opacity:1}}



html.ac-access-motion .af-signature--author{opacity:1!important}







/* ============================================================



   MOBILE — compact footer with collapsible widgets



============================================================ */



@media (max-width: 640px) {



    .af-footer .af-container { padding: 0 18px; }







    /* compact intro */



    .af-intro { gap: 10px; padding: 16px 0 14px; }



    .af-intro p { font-size: 22px; line-height: 1.3; }



    .af-intro > a {



        align-self: stretch;



        justify-content: center;



        gap: 18px;



        padding: 11px 16px;



        border-radius: 6px;



        font-size: 11.5px;



    }



    .af-intro > a span { font-size: 18px; }







    /* widgets */



    .af-footer__widgets { padding: 16px 0 20px; }



    .af-footer__grid { grid-template-columns: 1fr; gap: 0; }







    /* brand row: logo + CTA */



    .af-widget--brand {



        order: -1;



        display: flex;



        align-items: center;



        justify-content: space-between;



        gap: 14px;



        padding: 0 0 15px;



        text-align: start;



    }



    .af-brand { width: 148px; }



    .af-ownership { display: none; }



    .af-cta { width: auto; margin: 0; align-items: flex-end; gap: 0; }



    .af-btn { padding-bottom: 5px; font-size: 10.5px; white-space: nowrap; }







    /* collapsible sections */



    .af-widget--contact,



    .af-widget--specialties,



    .af-widget--links {



        padding: 0;



        border-bottom: 1px solid #d3e0e8;



    }



    .af-widget__title,



    .af-widget__title--spaced {



        position: relative;



        margin: 0 !important;



        padding: 13px 24px 13px 0;



        font-size: 11.5px !important;



        letter-spacing: 0.04em !important;



        text-transform: uppercase;



        cursor: pointer;



        -webkit-tap-highlight-color: transparent;



    }



    .af-widget__title::after {



        content: "";



        position: absolute;



        right: 4px;



        top: 50%;



        width: 7px;



        height: 7px;



        border-right: 2px solid #7b8ea3;



        border-bottom: 2px solid #7b8ea3;



        transform: translateY(-70%) rotate(45deg);



        transition: transform 0.22s ease;



    }



    .af-widget__title.is-open::after { transform: translateY(-30%) rotate(-135deg); }



    .af-widget__title + .af-list { padding: 0 0 14px; }



    .af-widget__title--spaced { border-top: 1px solid #e4edf2; margin-top: 2px !important; }







    .af-list--lines li + li { margin-top: 7px; }



    .af-list--lines a { font-size: 11.5px; line-height: 1.65; }



    .af-list--social { gap: 7px; padding: 0 0 14px; }



    .af-list[hidden] { display: none !important; }



    .af-list--social a { width: 32px; height: 32px; }



    .af-list--social svg { width: 16px; height: 16px; }



    .af-more { margin-top: 10px; font-size: 11px; }



    .af-list[hidden] ~ .af-more { display: none !important; }







    /* bottom bar */



    .af-footer__bottom-grid { gap: 10px; padding: 12px 0; }



    .af-copyright { font-size: 9px; line-height: 1.6; }



    .af-privacy { font-size: 10px; }



    .af-browser-note { display: none; }



    .af-footer .ac-settings-trigger { min-height: 36px; gap: 0; }



    .af-footer .ac-settings-trigger > svg {



        flex-basis: 34px;



        width: 34px;



        height: 34px;



        padding: 8px;



    }



    .af-access-label { display: none; }



}







/* Quick links: leading icons and an even vertical rhythm. */



.af-widget--links .af-list--lines { display: flex; flex-direction: column; gap: 12px; }



.af-widget--links .af-list--lines li + li { margin-top: 0; }



.af-widget--links .af-list--lines a { display: flex; align-items: flex-start; gap: 9px; line-height: 1.55; }



.af-list__ico { display: inline-flex; flex: 0 0 16px; align-items: center; justify-content: center; width: 16px; height: 16px; margin-top: 1px; color: #007ca8; }



.af-list__ico svg { display: block; width: 16px; height: 16px; }



.af-list__label { min-width: 0; }



html.ac-access-dark .af-list__ico { color: var(--ac-dark-link); }







/* ============================================================



   MODULE: settings.css



   ============================================================ */



.ac-settings-trigger { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; flex-shrink: 0; border: 1px solid #0284c7; border-radius: 50%; padding: 0; background: #0284c7; color: #fff; cursor: pointer; box-shadow: 0 4px 14px #0a254026; }



.ac-settings-trigger:hover { background: #0369a1; }



.ac-settings-trigger:hover { text-decoration: underline; text-underline-offset: 4px; }



.ac-access-floating { position: fixed; right: 18px; bottom: 18px; z-index: 1000; }



.ac-access-floating[hidden] { display: none !important; }



.ac-access-floating .af-access-label { display: none; }



/* Enlarged text must reflow instead of overlapping fixed-height containers. */



html.ac-text-scaled body :is(main,.af-footer) :is(h1,h2,h3,h4,h5,h6,p,li,a,label,td,th,button) { overflow-wrap: anywhere; }



html.ac-text-scaled .nc-header .nc-topbar__inner { flex-wrap: wrap; height: auto !important; gap: 8px 20px; }



html.ac-text-scaled .nc-header .nc-topbar__text { white-space: normal; flex-wrap: wrap; }



html.ac-text-scaled .nc-header .nc-topbar__actions { flex-wrap: wrap; }



html.ac-text-scaled .ac-corporate-pages-nav .acto-subnav__list a { height: auto !important; min-height: 46px !important; white-space: normal !important; }



html.ac-text-scaled body :is(.product-card__body,.ac-product__content) p { display: block !important; -webkit-line-clamp: unset !important; max-height: none !important; }



html.ac-text-scaled .af-footer__bottom-grid { flex-wrap: wrap; }



html.ac-text-scaled .af-access-label { max-width: 280px; }



@media(min-width:901px) {



    /* Keep the navigation on the logo row: shrink and scroll it instead of dropping to a second row. */



    .nc-header.ac-header-overflow .nc-navbar__inner { grid-template-columns: auto minmax(0, 1fr) auto !important; }



    .nc-header.ac-header-overflow .nc-brand { grid-column: 1; grid-row: 1; }



    .nc-header.ac-header-overflow .nc-tools { grid-column: 3 !important; grid-row: 1; }



    .nc-header.ac-header-overflow .nc-menu { display: flex !important; grid-column: 2; grid-row: 1; min-width: 0; width: auto; padding: 0; border-top: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }



    .nc-header.ac-header-overflow .nc-menu::-webkit-scrollbar { display: none; }



    .nc-header.ac-header-overflow .nc-menu > ul { display: flex; flex-wrap: nowrap !important; justify-content: flex-start !important; gap: 2px !important; width: auto; }



    .nc-header.ac-header-overflow .nc-menu > ul > li > a { white-space: nowrap !important; height: auto !important; padding-inline: 6px !important; }



    .nc-header.ac-header-overflow .nc-burger { display: none !important; }



}



html.ac-text-scaled body main :is(.acto-carousel__text,.acto-hero__title,.rh-hero h1,.rh-hero h2) { font-size: clamp(26px,5vw,64px) !important; line-height: 1.2 !important; overflow-wrap: anywhere; }



html.ac-access-simple-font body :is(h1,h2,h3,h4,h5,h6,p,a,li,span,strong,small,button,input,textarea,select,label,td,th) { font-family: Arial,Tahoma,sans-serif !important; letter-spacing: normal !important; }



.ac-settings-trigger:focus-visible { outline: 3px solid #0284c7; outline-offset: 4px; }



html.ac-readable #content :is(p, li, dd, dt, td, th, blockquote, figcaption),



html.ac-readable .acto-pd__panels :is(p, li, dd, dt, td, th, blockquote, figcaption) {



    font-size: 19px !important;



    line-height: 1.95 !important;



    letter-spacing: .018em !important;



    word-spacing: .05em !important;



}



html.ac-readable #content :is(p, li, dd, dt, blockquote, figcaption) :is(span, a, strong, em, small, b, i) {



    font-size: inherit !important;



    line-height: inherit !important;



}



html.ac-readable #content p + p { margin-top: 1.1em !important; }



html.ac-readable #content a,



html.ac-readable .acto-pd__panels a {



    text-decoration: underline !important;



    text-decoration-thickness: 1.5px !important;



    text-underline-offset: 3px !important;



}



html[lang^="fa"].ac-readable #content :is(p, li, dd, dt, td, th, blockquote, figcaption) {



    letter-spacing: normal !important;



    word-spacing: normal !important;



}



@media (forced-colors: active) { .ac-settings__option input { appearance: auto; } }



html.ac-access-large-text body :is(p, li, td, th, dd, dt, label, input, textarea, select),html.ac-access-large-text body a:not(:has(img)):not(:has(svg)) { font-size: max(1.125rem, 18px) !important; }



html.ac-access-spacing body :is(p, li, td, th, dd, dt) { line-height: 2 !important; }



html.ac-access-links body a { text-decoration: underline !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px; }



html.ac-access-links body a:focus-visible { outline: 3px solid #0284c7 !important; outline-offset: 4px; }



html.ac-access-motion *,html.ac-access-motion *::before,html.ac-access-motion *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }



html.ac-access-motion { scroll-behavior: auto !important; }



html.ac-access-contrast body,html.ac-access-contrast body :is(header, footer, main, section, article, nav, aside, div, p, li, h1, h2, h3, h4, h5, h6, span, a, button, input, textarea, select, label, td, th, dialog):not(:where(.acto-carousel, .acto-carousel *, .acto-hero, .acto-hero *, .acto-pd__main, .acto-pd__main *, .acto-pd__lightbox, .acto-pd__lightbox *)) { background-color: #fff !important; background-image: none !important; color: #000 !important; border-color: #000 !important; text-shadow: none !important; box-shadow: none !important; }



html.ac-access-contrast :is(.acto-carousel, .acto-hero) :is(h1, h2, h3, p, a, button) { background: #fff !important; color: #000 !important; text-shadow: none !important; }



html.ac-access-contrast :is(.acto-carousel__dot, .acto-hero__dot) { background: #fff !important; border: 2px solid #000 !important; }



html.ac-access-contrast :is(.acto-carousel__dot, .acto-hero__dot).is-active { background: #000 !important; border-color: #fff !important; }



html.ac-access-contrast body a { color: #003b80 !important; text-decoration: underline !important; }







/* Apply reading controls to nested text as well as its outer paragraph. */



html.ac-readable body :is(main, .acto-pd__panels) :is(p, li, td, th, dd, dt),



html.ac-access-large-text body :is(main, .acto-pd__panels) :is(p, li, td, th, dd, dt) { font-size: 20px !important; line-height: 1.85 !important; }



html:is(.ac-readable, .ac-access-large-text) body :is(main, .acto-pd__panels) :is(p, li, td, th, dd, dt) :is(span, a, strong, em, small) { font-size: inherit !important; line-height: inherit !important; }



html.ac-access-spacing body :is(main, .acto-pd__panels) :is(p, li, td, th, dd, dt),



html.ac-access-spacing body :is(main, .acto-pd__panels) :is(p, li, td, th, dd, dt) :is(span, a, strong, em, small) { line-height: 2.1 !important; }



html.ac-readable body main :is(p, li) a { text-decoration: underline !important; text-underline-offset: 4px; }







/* Dark surfaces preserve product photography and carousel backgrounds. */



html.ac-access-dark {



    color-scheme: dark;



    --ac-dark-bg: #101e2e;



    --ac-dark-deep: #0c1726;



    --ac-dark-surface: #142438;



    --ac-dark-card: #192c40;



    --ac-dark-control: #20364c;



    --ac-dark-btn: #203b54;



    --ac-dark-tile: #1e3a55;



    --ac-dark-tile-2: #1b3750;



    --ac-dark-active: #0d3a52;



    --ac-dark-hover: #1c3650;



    --ac-dark-hover-2: #27455f;



    --ac-dark-border: #34495f;



    --ac-dark-border-2: #3a526a;



    --ac-dark-line: #526b82;



    --ac-dark-text: #e6edf5;



    --ac-dark-muted: #b5c5d5;



    --ac-dark-link: #85d8ff;



    --acto-ink: var(--ac-dark-text);



    --acto-muted: var(--ac-dark-muted);



    --md-on-surface: var(--ac-dark-text);



    --md-on-surface-medium: var(--ac-dark-muted);



    --md-surface: var(--ac-dark-surface);



    --md-background: var(--ac-dark-deep);



    --acto-line: var(--ac-dark-border);



}



/* "Very dark" variant: the same structure with deeper surfaces, so depth and borders stay visible. */



html.ac-access-dark.ac-access-darker {



    --ac-dark-bg: #05090f;



    --ac-dark-deep: #03060a;



    --ac-dark-surface: #0b1219;



    --ac-dark-card: #101922;



    --ac-dark-control: #16212c;



    --ac-dark-btn: #15222e;



    --ac-dark-tile: #17242f;



    --ac-dark-tile-2: #14202b;



    --ac-dark-active: #0a2b3d;



    --ac-dark-hover: #121e29;



    --ac-dark-hover-2: #1a2b38;



    --ac-dark-border: #26343f;



    --ac-dark-border-2: #2d3b46;



    --ac-dark-line: #3d505e;



    --ac-dark-text: #eaf2f8;



    --ac-dark-muted: #b9c8d4;



    --ac-dark-link: #8fd9ff;



    --ac-scroll-thumb-a: #7dd3fc;



    --ac-scroll-thumb-b: #0284c7;



    --ac-scroll-thumb-hover-a: #bae6fd;



    --ac-scroll-thumb-hover-b: #38bdf8;



}



html.ac-access-dark body,



html.ac-access-dark body :is(header, footer, main, section, article, nav, aside, dialog, div):not(:where(.acto-carousel *, .acto-carousel, .acto-hero *, .acto-hero, .acto-pd__main *, .acto-pd__main, .acto-pd__track, .acto-pd__slide, .acto-pd__lightbox, .acto-pd__lightbox *)) { background-color: var(--ac-dark-bg) !important; color: var(--ac-dark-text) !important; border-color: var(--ac-dark-border) !important; }



html.ac-access-dark body :is(p, h1, h2, h3, h4, h5, h6, li, label, span, strong, small, td, th) { color: var(--ac-dark-text) !important; }



html.ac-access-dark body :is(a, button, input, textarea, select) { color: var(--ac-dark-text) !important; border-color: var(--ac-dark-line) !important; }



html.ac-access-dark body :is(button, input, textarea, select) { background-color: var(--ac-dark-control) !important; }



html.ac-access-dark body a { color: var(--ac-dark-link) !important; }



html.ac-access-dark .nc-brand::before { background: var(--ac-dark-bg) !important; }



html.ac-access-dark .ac-product__visual,html.ac-access-dark .acto-pd__main { background: #fff !important; }







/* Nested layout wrappers must not become separate opaque rectangles. */



html.ac-access-dark:not(.ac-access-contrast) body div:not(:where(.acto-carousel, .acto-carousel *, .acto-hero, .acto-hero *, .acto-pd__main, .acto-pd__main *, .acto-pd__lightbox, .acto-pd__lightbox *)) { background: transparent !important; }



html.ac-access-dark:not(.ac-access-contrast) body :is(.nc-navbar, .nc-topbar, .nc-sheet, .nc-mega, .nc-sites__menu, .nc-lang__menu, .nc-search__panel, .nc-search__results, .ac-language-dialog) { background: var(--ac-dark-bg) !important; }



html.ac-access-dark:not(.ac-access-contrast) body :is(.acto-cat-card, .ac-product, .product-card, .ac-usage-card, .ac-usage-product, .acto-news-card, .blog-card, .acto-ua-faq-item) { background: var(--ac-dark-card) !important; border-color: var(--ac-dark-border-2) !important; color: var(--ac-dark-text) !important; }



html.ac-access-dark:not(.ac-access-contrast) body :is(.acto-cat-card, .ac-product, .product-card) :is(h2, h3, p, span, strong, a) { color: var(--ac-dark-text) !important; background-color: transparent !important; }



html.ac-access-dark:not(.ac-access-contrast) body :is(a[class*="btn"], button, .acto-cat-card__icon, .acto-cat-card__badge) { background: var(--ac-dark-btn) !important; color: #fff !important; border-color: var(--ac-dark-line) !important; }



html.ac-access-dark:not(.ac-access-contrast) body a[class*="btn"] :is(span, strong, small) { color: inherit !important; background: transparent !important; }



html.ac-access-dark body :is(.nc-topbar__cut, .nc-topbar__cut2) { display: none !important; }



html.ac-access-dark:not(.ac-access-contrast) body :is(.ac-product__visual, .product-card__media) { background: #fff !important; }



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-brand::before { background: var(--ac-dark-bg) !important; }



html.ac-access-dark:not(.ac-access-contrast) body .acto-categories__all-link { background: var(--ac-dark-btn) !important; color: #fff !important; border-color: var(--ac-dark-line) !important; }



html.ac-access-dark:not(.ac-access-contrast) body .acto-categories__all-link :is(span, strong) { color: inherit !important; }







/* Dark mode completeness: lists, tables, panels and form fields carry their own light



   backgrounds with high specificity, which left light text on white boxes.



   Add [data-ac-dark-keep] to any element that must keep its own surface in dark mode. */



html.ac-access-dark:not(.ac-access-contrast) #content :is(section, article, aside, nav, header, footer, ul, ol, li, dl, dt, dd, form, fieldset, figure, figcaption, table, thead, tbody, tfoot, tr, td, th, caption, blockquote, details, summary, address):not(:where(.acto-carousel, .acto-carousel *, .acto-hero, .acto-hero *, .acto-pd__main, .acto-pd__main *, .acto-pd__lightbox, .acto-pd__lightbox *, .acto-pd__track, .acto-pd__track *, .acto-pd__slide, .acto-pd__slide *, .ac-product__visual, .ac-product__visual *, .product-card__media, .product-card__media *)):not([data-ac-dark-keep]) {



    background-color: var(--ac-dark-surface) !important;



    color: var(--ac-dark-text) !important;



    border-color: var(--ac-dark-border) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body :is(.acto-products, .acto-products__bottom, .acto-products__tabs, .ac-corporate-content, .acto-subnav, .acto-subnav__toggle, .acto-subnav__list, .acto-tabpanel, .acto-form, .acto-contactpage__form, .acto-contactpage__info, .acto-faq, .acto-faq__item, .acto-blog, .blog-card, .blog-featured, .acto-about, .acto-mission, .acto-showcase, .acto-cta, .acto-video, .acto-news, .acto-news__card, .acto-brands, .acto-clients, .acto-sectors, .acto-why, .acto-why__card, .acto-testimonials, .acto-testimonial, .acto-promo, .acto-article, .acto-author, .acto-related__card, .acto-side__block, .acto-cat-card, .ac-usage-card, .ac-usage-product, .acto-ua__card, .acto-ua__product-card, .acto-ua__step-card, .acto-ua-faq-item, .acto-ua__stat, .pdt-card, .pdt-doc, .pdt-feature, .pdt-highlight, .pdt-mini__item, .pdt-store, .pdt-specs li, .acto-pd-buy__card, .acto-pd__chip, .acto-pd-featurelist li, .ac-product__action, .ac-catalog-toolbar, .ac-brand-filter, .ac-brand-filter summary, .ac-brand-filter__panel, .ac-brand-filter__options label, .ac-filter-chip, .ac-filter-search, .acto-sectors__row a, .acto-side__cats a, .acto-brands__item, .rh-products .rh-products__filter-toggle, .rh-products .rh-products__filters, .rh-products .rh-products__filters button, .rh-products__card, .rh-categories__card, .rh-categories__action, .rh-areas .rh-areas__detail a):not([data-ac-dark-keep]) {



    background-color: var(--ac-dark-surface) !important;



    color: var(--ac-dark-text) !important;



    border-color: var(--ac-dark-border) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body :is(.rh-categories__icon, .rh-areas__illustration):not([data-ac-dark-keep]) {



    background-color: var(--ac-dark-tile-2) !important;



    color: var(--ac-dark-link) !important;



}



/* Product packshots blend into a light plate in the light design; on a dark card that



   multiply blend turns them black, so keep their photo plate white. */



html.ac-access-dark:not(.ac-access-contrast) body :is(.rh-products__media, .rh-hero__visual) {



    background-color: #fff !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .rh-hero__visual img {



    mix-blend-mode: normal !important;



}



/* Quick-link docks (product tabs, corporate/usage menus): the pills keep a light fill



   in the light theme, which leaves their light labels unreadable in dark mode. */



html.ac-access-dark:not(.ac-access-contrast) body .acto-subnav,



html.ac-access-dark:not(.ac-access-contrast) body .acto-subnav--product {



    background-color: var(--ac-dark-surface) !important;



    border-color: var(--ac-dark-border) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .acto-subnav__list a {



    background-color: var(--ac-dark-tile) !important;



    background-image: none !important;



    color: var(--ac-dark-text) !important;



    border-color: transparent !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .acto-subnav__list a:hover {



    background-color: var(--ac-dark-hover-2) !important;



    color: var(--ac-dark-link) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .acto-subnav__list a:is(.is-active, [aria-current]) {



    background-color: #0284c7 !important;



    background-image: none !important;



    color: #fff !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .acto-subnav__list a:is(.is-active, [aria-current]) svg {



    stroke: #fff !important;



}



html.ac-access-dark:not(.ac-access-contrast) #content :is(p, h1, h2, h3, h4, h5, h6, span, strong, em, b, i, small, label, li, dt, dd, td, th, figcaption, blockquote, time, address, summary, legend, caption):not([data-ac-dark-keep]) {



    color: var(--ac-dark-text) !important;



}



html.ac-access-dark:not(.ac-access-contrast) #content :is(input, textarea, select):not([data-ac-dark-keep]) {



    background-color: var(--ac-dark-control) !important;



    color: var(--ac-dark-text) !important;



    border-color: var(--ac-dark-line) !important;



}



html.ac-access-dark:not(.ac-access-contrast) #content .ac-brand-filter__options label:has(:checked) {



    background-color: var(--ac-dark-active) !important;



    border-color: #0284c7 !important;



}



html.ac-access-dark:not(.ac-access-contrast) #content a:not(:where(.acto-subnav__list a)):not([data-ac-dark-keep]) { color: var(--ac-dark-link) !important; }



html.ac-access-dark:not(.ac-access-contrast) #content :is(a[class*="btn"], button, .ac-product__action a, .acto-products__tab, .ac-filter-chip, .acto-subnav__list a.is-active):not([data-ac-dark-keep]) { color: #fff !important; }



/* Light gradients would keep their pale fill behind the new dark text colours. */



html.ac-access-dark:not(.ac-access-contrast) #content :is(.acto-sectors, .pdt-ing, .acto-ua__protocol) { background-image: none !important; }



/* Header overlays live outside #content. */



html.ac-access-dark:not(.ac-access-contrast) body :is(.nc-menu, .nc-menu.is-open, .nc-sheet, .nc-sheet__nav, .nc-sheet__lang-list, .nc-mega, .nc-mega__cats, .nc-mega__panel, .nc-sites__menu, .nc-lang__menu, .nc-search__panel, .nc-search__shell):not([data-ac-dark-keep]) {



    background-color: var(--ac-dark-bg) !important;



    color: var(--ac-dark-text) !important;



    border-color: var(--ac-dark-border) !important;



}



/* Language picker: Apple-style drawer. */



html.ac-access-dark:not(.ac-access-contrast) body .ac-language-dialog {



    background-color: rgba(28, 28, 30, 0.86) !important;



    border-color: rgba(255, 255, 255, 0.12) !important;



    color: var(--ac-dark-text) !important;



    box-shadow: 0 40px 90px -28px rgba(0, 0, 0, 0.75) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .ac-language-dialog__head { border-color: transparent !important; }



html.ac-access-dark:not(.ac-access-contrast) body .ac-language-dialog__close {



    background-color: rgba(120, 120, 128, 0.32) !important;



    border-color: transparent !important;



    color: var(--ac-dark-text) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .ac-language-grid {



    background-color: rgba(255, 255, 255, 0.06) !important;



    border-color: rgba(255, 255, 255, 0.12) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .ac-language-grid a {



    background-color: transparent !important;



    border-color: transparent !important;



    color: var(--ac-dark-text) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .ac-language-grid a:hover {



    background-color: rgba(255, 255, 255, 0.1) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .ac-language-grid a.is-active {



    background-color: rgba(10, 132, 255, 0.14) !important;



    border-color: transparent !important;



    color: #fff !important;



    box-shadow: none !important;



}



html.ac-access-dark:not(.ac-access-contrast) body :is(.nc-sheet__lang-item, .nc-sheet__contact-item, .nc-sheet__socials a, .nc-sheet__close) {



    background-color: var(--ac-dark-surface) !important;



    border-color: var(--ac-dark-border) !important;



    color: var(--ac-dark-text) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-sheet__lang-item.is-active {



    background-color: var(--ac-dark-active) !important;



    border-color: #0284c7 !important;



    color: #fff !important;



}



/* Document tiles: the light icon plate turns dark while the document icon stays visible. */



html.ac-access-dark:not(.ac-access-contrast) #content .pdt-doc__ico:not([data-ac-dark-keep]) {



    background-color: var(--ac-dark-tile) !important;



    color: var(--ac-dark-link) !important;



}



/* The logo artwork includes a dark-blue tagline below the white plate. A light backing



   keeps that text legible on the dark header and footer. */



html.ac-access-dark .nc-logo,



html.ac-access-dark .nc-sheet__brand-img,



html.ac-access-dark .af-brand__img {



    background-color: #fff !important;



    border-radius: 10px;



}



/* Very dark mode: align the overlays that carry their own dark palette. */



html.ac-access-dark.ac-access-darker body .nc-mega__item,



html.ac-access-dark.ac-access-darker body .nc-mega__cat,



html.ac-access-dark.ac-access-darker body .nc-mega__panel {



    background-color: var(--ac-dark-surface) !important;



    border-color: var(--ac-dark-border) !important;



}



html.ac-access-dark.ac-access-darker body .nc-search__panel .nc-search__item,



html.ac-access-dark.ac-access-darker body .nc-search__panel .nc-search__top,



html.ac-access-dark.ac-access-darker body .nc-search__panel .nc-search__item-media {



    background-color: var(--ac-dark-surface) !important;



    border-color: var(--ac-dark-border) !important;



}



html.ac-access-dark.ac-access-darker body .nc-search__panel .nc-search__input,



html.ac-access-dark.ac-access-darker body .nc-search__panel .nc-search__scroll {



    background-color: var(--ac-dark-bg) !important;



}







/* High contrast has priority when both visual modes are enabled. */



html.ac-access-contrast.ac-access-dark body,



html.ac-access-contrast.ac-access-dark body :is(header, footer, main, section, article, nav, aside, div, p, li, h1, h2, h3, h4, h5, h6, span, a, button, input, textarea, select, label, td, th, dialog):not(:where(.acto-carousel, .acto-carousel *, .acto-hero, .acto-hero *, .acto-pd__main, .acto-pd__main *, .acto-pd__lightbox, .acto-pd__lightbox *)) { background-color: #000 !important; color: #fff !important; border-color: #fff !important; }



html.ac-access-contrast.ac-access-dark body a { color: #ffed70 !important; }



/* Gentle motion on the accessibility symbol; the button and label stay fixed. */



.ac-settings-trigger>svg{transform-origin:50% 55%;animation:none}



@keyframes ac-access-greet{0%,62%,100%{transform:translateY(0) rotate(0)}70%{transform:translateY(-2px) rotate(-9deg)}78%{transform:translateY(-2px) rotate(9deg)}86%{transform:translateY(-1px) rotate(-5deg)}94%{transform:translateY(0) rotate(0)}}



.ac-settings-trigger:hover>svg,.ac-settings-trigger:focus-visible>svg,.ac-settings-trigger[aria-expanded=true]>svg{animation-play-state:paused}



@media(prefers-reduced-motion:reduce){.ac-settings-trigger>svg{animation:none!important;transform:none!important}}



html.ac-access-motion .ac-settings-trigger>svg{animation:none!important;transform:none!important}







/* Letter spacing: text only, and never for connected Arabic script. */



html.ac-access-letter body :is(#content, main, .af-footer, .acto-pd__panels) :is(p, li, td, th, dd, dt, blockquote, figcaption) { letter-spacing: .08em !important; }



html.ac-access-letter body :is(#content, main, .af-footer, .acto-pd__panels) :is(h1, h2, h3, h4, h5, h6) { letter-spacing: .05em !important; }



html[lang^="fa"].ac-access-letter body :is(#content, main, .af-footer, .acto-pd__panels) :is(p, li, td, th, dd, dt, blockquote, figcaption, h1, h2, h3, h4, h5, h6) { letter-spacing: normal !important; }







/* Underline every heading so the document outline is easy to follow. */



html.ac-access-headings body :is(h1, h2, h3, h4, h5, h6) { text-decoration: underline !important; text-decoration-color: #0284c7 !important; text-decoration-thickness: 3px !important; text-underline-offset: .22em !important; }



html.ac-access-dark.ac-access-headings body :is(h1, h2, h3, h4, h5, h6) { text-decoration-color: var(--ac-dark-link) !important; }



html.ac-access-contrast.ac-access-headings body :is(h1, h2, h3, h4, h5, h6) { text-decoration-color: currentColor !important; }







/* Larger click areas for the controls people actually tap. */



html.ac-access-targets body :is(button, [role="button"], summary, input[type="submit"], input[type="button"], input[type="reset"], .ac-settings-trigger, a[class*="btn"]) { min-width: 48px !important; min-height: 48px !important; }



html.ac-access-targets body :is(.nc-menu > ul > li > a, .nc-tools a, .af-footer__legal a, .af-privacy, .af-list--social a) { display: inline-flex; align-items: center; min-height: 48px !important; }







/* A thicker, high-contrast keyboard focus ring. */



html.ac-access-focus body :focus-visible { outline: 4px solid #0284c7 !important; outline-offset: 3px !important; }



html.ac-access-focus body :focus-visible { box-shadow: 0 0 0 8px #ffffffb3 !important; }



html.ac-access-dark.ac-access-focus body :focus-visible { outline-color: var(--ac-dark-link) !important; box-shadow: 0 0 0 8px #101e2eb3 !important; }



html.ac-access-contrast.ac-access-focus body :focus-visible { outline-color: #000 !important; box-shadow: 0 0 0 8px #fff !important; }



html.ac-access-contrast.ac-access-dark.ac-access-focus body :focus-visible { outline-color: #fff !important; box-shadow: 0 0 0 8px #000 !important; }







/* Grayscale keeps shapes readable without colour reliance. */



html.ac-access-grayscale body :is(img, picture, video, iframe, canvas, svg) { filter: grayscale(1) !important; }







/* Dashed frames expose the page's section boundaries. */



html.ac-access-outline #content,



html.ac-access-outline #content :is(section, article, .acto-page-hero, .ac-corporate-content, .acto-products, .rh-hero, .rh-categories, .rh-products, .rh-areas, .rh-guide, .acto-about, .acto-mission, .acto-why, .acto-news, .acto-faq, .acto-brands, .acto-clients, .acto-sectors, .acto-testimonials, .acto-cta, .acto-video, .acto-blog, .acto-article, .acto-contactpage, .acto-pd__panels),



html.ac-access-outline .af-footer { outline: 3px dashed #0284c7 !important; outline-offset: -4px !important; }



html.ac-access-dark.ac-access-outline #content,



html.ac-access-dark.ac-access-outline #content :is(section, article, .acto-page-hero, .ac-corporate-content, .acto-products, .rh-hero, .rh-categories, .rh-products, .rh-areas, .rh-guide, .acto-about, .acto-mission, .acto-why, .acto-news, .acto-faq, .acto-brands, .acto-clients, .acto-sectors, .acto-testimonials, .acto-cta, .acto-video, .acto-blog, .acto-article, .acto-contactpage, .acto-pd__panels),



html.ac-access-dark.ac-access-outline .af-footer { outline-color: var(--ac-dark-link) !important; }



html.ac-access-contrast.ac-access-outline #content,



html.ac-access-contrast.ac-access-outline #content :is(section, article, .acto-page-hero, .ac-corporate-content, .acto-products, .rh-hero, .rh-categories, .rh-products, .rh-areas, .rh-guide, .acto-about, .acto-mission, .acto-why, .acto-news, .acto-faq, .acto-brands, .acto-clients, .acto-sectors, .acto-testimonials, .acto-cta, .acto-video, .acto-blog, .acto-article, .acto-contactpage, .acto-pd__panels),



html.ac-access-contrast.ac-access-outline .af-footer { outline-color: #000 !important; }



html.ac-access-contrast.ac-access-dark.ac-access-outline #content,



html.ac-access-contrast.ac-access-dark.ac-access-outline #content :is(section, article, .acto-page-hero, .ac-corporate-content, .acto-products, .rh-hero, .rh-categories, .rh-products, .rh-areas, .rh-guide, .acto-about, .acto-mission, .acto-why, .acto-news, .acto-faq, .acto-brands, .acto-clients, .acto-sectors, .acto-testimonials, .acto-cta, .acto-video, .acto-blog, .acto-article, .acto-contactpage, .acto-pd__panels),



html.ac-access-contrast.ac-access-dark.ac-access-outline .af-footer { outline-color: #fff !important; }







/* A large custom pointer: arrow for the page, target for interactive elements. */



html.ac-access-cursor,



html.ac-access-cursor body { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath d='M8.25 4.13L26.81 20.35L18.84 21.86L23.93 31.9L19.25 33.96L14.03 23.65L8.25 30.11Z' fill='%230284c7' stroke='%23fff' stroke-width='2.3' stroke-linejoin='round'/%3E%3C/svg%3E") 8 4, auto !important; }



html.ac-access-cursor body :is(input, textarea) { cursor: text !important; }



html.ac-access-cursor body :is(a, button, summary, label, select, [role="button"], [class*="card"], input[type="checkbox"], input[type="radio"], input[type="submit"], input[type="reset"], input[type="button"], .ac-settings__option) { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='15' fill='%230284c7' fill-opacity='.22' stroke='%230284c7' stroke-width='3.5'/%3E%3Ccircle cx='22' cy='22' r='3.5' fill='%230284c7'/%3E%3C/svg%3E") 22 22, pointer !important; }







/* Reading guide line that follows the pointer. */



.ac-reading-guide { position: fixed; top: 0; left: 0; z-index: 2147483000; display: block; width: 100%; height: 3px; border-radius: 3px; background: #0284c7; box-shadow: 0 0 0 1px #fff, 0 8px 20px #0284c74d; opacity: 0; pointer-events: none; will-change: transform; }



.ac-reading-guide.is-visible { opacity: 1; }



html.ac-access-dark .ac-reading-guide { background: var(--ac-dark-link) !important; box-shadow: 0 0 0 1px var(--ac-dark-bg), 0 8px 20px #00000080 !important; }



html.ac-access-contrast .ac-reading-guide { background: #000 !important; box-shadow: 0 0 0 2px #fff !important; }



html.ac-access-contrast.ac-access-dark .ac-reading-guide { background: #fff !important; box-shadow: 0 0 0 2px #000 !important; }







@media print { .ac-reading-guide { display: none !important; } }







/* The scrollbar follows the selected visual mode. */



html.ac-access-dark {



    --ac-scroll-thumb-a: #7dd3fc;



    --ac-scroll-thumb-b: #0284c7;



    --ac-scroll-thumb-hover-a: #bae6fd;



    --ac-scroll-thumb-hover-b: #38bdf8;



}



html.ac-access-contrast {



    --ac-scroll-track: #fff;



    --ac-scroll-thumb-a: #000;



    --ac-scroll-thumb-b: #000;



    --ac-scroll-thumb-hover-a: #000;



    --ac-scroll-thumb-hover-b: #000;



}



html.ac-access-contrast.ac-access-dark {



    --ac-scroll-track: #000;



    --ac-scroll-thumb-a: #fff;



    --ac-scroll-thumb-b: #fff;



    --ac-scroll-thumb-hover-a: #fff;



    --ac-scroll-thumb-hover-b: #fff;



}







/* Manual right-to-left mode from the accessibility panel. */



html.ac-access-rtl { direction: rtl; }



html.ac-access-rtl body { direction: rtl; text-align: right; }



html.ac-access-rtl .ac-access-floating { right: auto; left: 18px; }



html.ac-access-rtl .ac-font-size__controls,



html.ac-access-rtl .af-browser-icons,



html.ac-access-rtl .ac-settings__option input { direction: ltr; }



html.ac-access-rtl .skip-link:focus { left: auto; right: 12px; }



html.ac-access-rtl .ac-product__action svg,



html.ac-access-rtl .acto-cat-card__footer svg,



html.ac-access-rtl .rh-categories__action b,



html.ac-access-rtl .acto-subnav__list a > svg:last-child { transform: scaleX(-1); }



html.ac-access-rtl .nc-logo,



html.ac-access-rtl .nc-brand { direction: ltr; }



html.ac-access-rtl :is(.acto-carousel, .acto-pd__track, .acto-pd__main, .acto-pd__thumbs, .actorein-table-scroll, .af-browser-icons) { direction: ltr; }



html.ac-access-rtl :is(input[type="tel"], input[type="email"], input[type="url"], input[type="number"], input[type="password"]) { direction: ltr; text-align: left; }







/* Device preview: the current page rendered inside a phone/tablet sized frame. */



.ac-preview { position: fixed; inset: 0; z-index: 2147483002; display: flex; flex-direction: column; background: #0b1a28; }



.ac-preview__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; background: #0a2540; color: #fff; border-bottom: 1px solid #1d3b55; }



.ac-preview__devices { display: flex; align-items: center; gap: 4px; min-width: 0; max-width: calc(100% - 48px); padding: 4px; border: 1px solid #ffffff26; border-radius: 999px; background: #ffffff10; overflow-x: auto; scrollbar-width: none; }



.ac-preview__devices::-webkit-scrollbar { display: none; }



.ac-preview__device { padding: 7px 12px; border: 0; border-radius: 999px; background: transparent; color: #cfe2f0; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; transition: background-color .18s ease, color .18s ease; }



.ac-preview__device:hover { background: #ffffff1f; color: #fff; }



.ac-preview__device.is-active { background: #0284c7; color: #fff; }



.ac-preview__back { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 8px 14px; border: 1px solid #ffffff38; border-radius: 999px; background: #ffffff14; color: #fff; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; transition: background-color .18s ease, border-color .18s ease; }



.ac-preview__back:hover { background: #ffffff26; border-color: #ffffff66; }



.ac-preview__stage { flex: 1; min-height: 0; display: flex; justify-content: center; padding: 16px; background: #0f2233; overflow: auto; }



.ac-preview__frame { width: 390px; max-width: 100%; height: 100%; border: 0; border-radius: 16px; background: #fff; box-shadow: 0 24px 60px #00000066; }



.ac-preview--tablet .ac-preview__frame { width: 820px; }



html.ac-previewing,



html.ac-previewing body { overflow: hidden !important; }



@media (max-width: 520px) { .ac-preview__stage { padding: 8px; } .ac-preview__bar { padding: 8px 12px; } .ac-preview__device { padding: 6px 9px; font-size: 11px; } }







/* ============================================================



   Accessibility settings — macOS-style settings window



   A centred, rounded window with a translucent-looking sidebar,



   iOS switches, grouped rows and a live pane that swaps in place.



   The dialog is only the full-window stage; the visible frame is



   .ac-settings__window so backdrop clicks can close it.



   ============================================================ */



#ac-settings {



    --as-window: #ffffff;



    --as-sidebar: #f2f2f4;



    --as-content: #ffffff;



    --as-card: #ffffff;



    --as-foot: #fbfbfd;



    --as-border: #00000014;



    --as-sep: #00000010;



    --as-text: #1d1d1f;



    --as-muted: #6e6e73;



    --as-faint: #86868b;



    --as-hover: #00000007;



    --as-nav-hover: #0000000a;



    --as-accent: #0284c7;



    --as-link: #0284c7;



    --as-nav-active-bg: #0284c7;



    --as-nav-active-text: #ffffff;



    --as-track: #e3e3e8;



    --as-track-on: #0284c7;



    --as-knob: #ffffff;



    --as-count-bg: #00000014;



    --as-control-border: #0000001f;



    --as-btn-hover: #00000008;



    --as-shadow: 0 0 0 .5px #0b1b2b29, 0 28px 70px -12px #06121f59, 0 10px 26px -14px #06121f40;







    position: fixed;



    inset: 0;



    display: none;



    width: 100% !important;



    max-width: none !important;



    height: 100%;



    height: 100dvh;



    max-height: none !important;



    margin: 0 !important;



    padding: 24px;



    border: 0 !important;



    border-radius: 0;



    background: transparent !important;



    box-shadow: none !important;



    color: var(--as-text);



    overflow: hidden;



    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;



    -webkit-font-smoothing: antialiased;



    text-rendering: optimizeLegibility;



}



#ac-settings[open] { display: flex; align-items: center; justify-content: center; }



#ac-settings::backdrop { background: #06121f59; }



/* Keep the page still behind the sheet, like a system settings window. */



html:has(#ac-settings[open]) { overflow: hidden; }



#ac-settings .ac-settings__window {



    display: flex;



    width: min(900px, 100%);



    max-width: 100%;



    height: min(600px, 100%);



    max-height: 100%;



    min-width: 0;



    min-height: 0;



    background: var(--as-window) !important;



    border-radius: 14px;



    box-shadow: var(--as-shadow);



    overflow: hidden;



    animation: ac-settings-window-in .26s cubic-bezier(.22,.61,.36,1) both;



}



@keyframes ac-settings-window-in {



    from { opacity: 0; transform: translateY(10px) scale(.985); }



    to { opacity: 1; transform: none; }



}







/* Structural wrappers never paint their own surface: the window, sidebar and



   content supply the colour, so dark-mode page rules cannot create bands. */



#ac-settings :is(.ac-settings__titlebar, .ac-settings__nav, .ac-settings__panes, .ac-settings__pane, .ac-settings__pane-head, .ac-settings__row) {



    background-color: transparent !important;



}







/* Sidebar */



#ac-settings .ac-settings__sidebar {



    display: flex;



    flex: 0 0 216px;



    flex-direction: column;



    width: 216px;



    min-width: 0;



    min-height: 0;



    padding: 13px 10px 10px;



    background: var(--as-sidebar) !important;



    border-inline-end: 1px solid var(--as-border) !important;



}



#ac-settings .ac-settings__titlebar {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 8px;



    padding: 0 2px 12px 8px;



}



#ac-settings .ac-settings__window-title {



    min-width: 0;



    overflow: hidden;



    font-size: 12px;



    font-weight: 600;



    line-height: 1.3;



    letter-spacing: .01em;



    color: var(--as-muted) !important;



    text-overflow: ellipsis;



    white-space: nowrap;



}



#ac-settings .ac-settings__close {



    display: grid;



    flex: 0 0 26px;



    place-items: center;



    width: 26px;



    height: 26px;



    padding: 0;



    border: 0;



    border-radius: 50%;



    background: var(--as-count-bg) !important;



    color: var(--as-muted) !important;



    cursor: pointer;



    transition: background-color .15s ease, color .15s ease;



}



#ac-settings .ac-settings__close:hover { background: var(--as-nav-hover) !important; color: var(--as-text) !important; }



#ac-settings .ac-settings__close svg { display: block; }



#ac-settings .ac-settings__nav {



    display: flex;



    flex: 1 1 auto;



    flex-direction: column;



    gap: 2px;



    min-height: 0;



    overflow-y: auto;



}



#ac-settings .ac-settings__nav-item {



    display: flex;



    align-items: center;



    gap: 9px;



    width: 100%;



    min-height: 32px;



    padding: 6px 10px;



    border: 0;



    border-radius: 7px;



    background: transparent !important;



    color: var(--as-text) !important;



    font-family: inherit;



    font-size: 13px;



    font-weight: 500;



    line-height: 1.3;



    text-align: start;



    cursor: pointer;



    transition: background-color .15s ease, color .15s ease;



}



#ac-settings .ac-settings__nav-item:hover { background: var(--as-nav-hover) !important; }



#ac-settings .ac-settings__nav-item.is-active {



    background: var(--as-nav-active-bg) !important;



    color: var(--as-nav-active-text) !important;



    box-shadow: 0 1px 3px #0284c73d;



}



#ac-settings .ac-settings__nav-icon {



    display: inline-flex;



    flex: 0 0 18px;



    align-items: center;



    justify-content: center;



    width: 18px;



    height: 18px;



    color: var(--as-muted) !important;



    transition: color .15s ease;



}



#ac-settings .ac-settings__nav-icon svg { display: block; width: 16px; height: 16px; }



#ac-settings .ac-settings__nav-item.is-active .ac-settings__nav-icon { color: var(--as-nav-active-text) !important; }



#ac-settings .ac-settings__nav-label {



    flex: 1 1 auto;



    min-width: 0;



    overflow: hidden;



    color: inherit !important;



    text-overflow: ellipsis;



    white-space: nowrap;



}



#ac-settings .ac-settings__group-count {



    flex: 0 0 auto;



    min-width: 17px;



    padding: 0 5px;



    border-radius: 9px;



    background: var(--as-count-bg) !important;



    color: var(--as-muted) !important;



    font-size: 10.5px;



    font-variant-numeric: tabular-nums;



    font-weight: 700;



    line-height: 16px;



    text-align: center;



}



#ac-settings .ac-settings__nav-item.is-active .ac-settings__group-count {



    background: transparent !important;



    color: inherit !important;



    box-shadow: inset 0 0 0 1px currentColor;



}



#ac-settings .ac-settings__group-count[hidden] { display: none !important; }







/* Content pane */



#ac-settings .ac-settings__content {



    display: flex;



    flex: 1 1 auto;



    flex-direction: column;



    min-width: 0;



    min-height: 0;



    background: var(--as-content) !important;



}



#ac-settings .ac-settings__panes {



    flex: 1 1 auto;



    min-height: 0;



    padding: 24px 28px 26px;



    overflow-y: auto;



    overscroll-behavior: contain;



    scrollbar-color: #c7c7cc transparent;



    scrollbar-width: thin;



}



#ac-settings .ac-settings__panes::-webkit-scrollbar { width: 10px; }



#ac-settings .ac-settings__panes::-webkit-scrollbar-track { background: transparent; }



#ac-settings .ac-settings__panes::-webkit-scrollbar-thumb {



    border: 3px solid transparent;



    border-radius: 10px;



    background: #c7c7cc;



    background-clip: content-box;



}



#ac-settings .ac-settings__panes::-webkit-scrollbar-thumb:hover { background: #a1a1a6; background-clip: content-box; }



#ac-settings .ac-settings__pane { display: block; max-width: 640px; }



#ac-settings .ac-settings__pane[hidden] { display: none !important; }



#ac-settings .ac-settings__pane.is-active { animation: ac-settings-pane-in .2s ease; }



@keyframes ac-settings-pane-in {



    from { opacity: .3; transform: translateY(3px); }



    to { opacity: 1; transform: none; }



}



#ac-settings .ac-settings__pane:focus-visible { outline-offset: -2px; }



#ac-settings .ac-settings__pane-head { margin: 0 0 18px; }



#ac-settings .ac-settings__pane-title {



    margin: 0 0 3px !important;



    color: var(--as-text) !important;



    font-family: inherit !important;



    font-size: 20px !important;



    font-weight: 700 !important;



    letter-spacing: -.012em !important;



    line-height: 1.25 !important;



}



#ac-settings .ac-settings__pane-desc {



    margin: 0;



    color: var(--as-muted) !important;



    font-size: 12.5px;



    line-height: 1.5;



}







/* Grouped rows */



#ac-settings .ac-settings__group {



    margin: 0 0 16px;



    background: var(--as-card) !important;



    border: 1px solid var(--as-border) !important;



    border-radius: 12px;



    overflow: hidden;



}



#ac-settings .ac-settings__row {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 12px 14px;



    flex-wrap: wrap;



    padding: 11px 14px;



    border-bottom: 1px solid var(--as-sep) !important;



}



#ac-settings .ac-settings__row-label {



    color: var(--as-text) !important;



    font-size: 13px;



    font-weight: 500;



}



#ac-settings .ac-settings__option {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 16px;



    min-height: 44px;



    padding: 9px 14px;



    border-bottom: 1px solid var(--as-sep) !important;



    color: var(--as-text) !important;



    font-size: 13px;



    font-weight: 500;



    line-height: 1.35;



    cursor: pointer;



    transition: background-color .12s ease;



}



#ac-settings .ac-settings__option:last-child { border-bottom: 0 !important; }



#ac-settings .ac-settings__option:hover { background: var(--as-hover) !important; }



#ac-settings .ac-settings__option--sub { padding-inline-start: 40px; }



#ac-settings .ac-settings__option-label {



    display: inline-flex;



    align-items: center;



    gap: 10px;



    min-width: 0;



}



#ac-settings .ac-settings__option-text {



    display: flex;



    flex-direction: column;



    gap: 2px;



    min-width: 0;



}



#ac-settings .ac-settings__option-name {



    color: inherit !important;



    font-size: 13px;



    font-weight: 500;



    line-height: 1.35;



}



#ac-settings .ac-settings__option-help {



    color: var(--as-muted) !important;



    font-size: 11.5px;



    font-weight: 400;



    line-height: 1.45;



}



#ac-settings .ac-settings__icon {



    display: inline-flex;



    flex: 0 0 18px;



    align-items: center;



    justify-content: center;



    width: 18px;



    height: 18px;



    color: var(--as-faint) !important;



    transition: color .15s ease;



}



#ac-settings .ac-settings__icon svg { display: block; width: 16px; height: 16px; }



#ac-settings .ac-settings__option:hover .ac-settings__icon { color: var(--as-text) !important; }



#ac-settings .ac-settings__option:has(input:checked) .ac-settings__icon { color: var(--as-accent) !important; }







/* iOS-style switches */



#ac-settings .ac-settings__option input[type="checkbox"] {



    position: relative;



    flex: 0 0 40px;



    width: 40px;



    height: 24px;



    margin: 0;



    padding: 0;



    border: 0 !important;



    border-radius: 12px;



    background: var(--as-track) !important;



    box-shadow: inset 0 0 0 .5px var(--as-control-border);



    cursor: pointer;



    -webkit-appearance: none !important;



    appearance: none !important;



    transition: background-color .2s ease;



}



#ac-settings .ac-settings__option input[type="checkbox"]::after {



    content: "";



    position: absolute;



    top: 2px;



    left: 2px;



    width: 20px;



    height: 20px;



    border-radius: 50%;



    background: var(--as-knob) !important;



    box-shadow: 0 1px 2px #0000002e, 0 0 0 .5px #0000000f;



    transition: transform .2s cubic-bezier(.3,.9,.35,1);



}



#ac-settings .ac-settings__option input[type="checkbox"]:checked { background: var(--as-track-on) !important; }



#ac-settings .ac-settings__option input[type="checkbox"]:checked::after { transform: translateX(16px); }



/* Mirror the switch knob in right-to-left documents, including the manual RTL toggle. */



html[dir="rtl"] #ac-settings .ac-settings__option input[type="checkbox"]::after,



html[lang^="fa"] #ac-settings .ac-settings__option input[type="checkbox"]::after { left: auto; right: 2px; }



html[dir="rtl"] #ac-settings .ac-settings__option input[type="checkbox"]:checked::after,



html[lang^="fa"] #ac-settings .ac-settings__option input[type="checkbox"]:checked::after { transform: translateX(-16px); }







/* Text-size stepper */



#ac-settings .ac-font-size__controls {



    display: flex;



    flex-wrap: wrap;



    align-items: center;



    gap: 10px;



    direction: ltr;



}



#ac-settings .ac-font-size__stepper {



    display: inline-flex;



    align-items: stretch;



    overflow: hidden;



    background: var(--as-card) !important;



    border: 1px solid var(--as-control-border) !important;



    border-radius: 8px;



}



#ac-settings .ac-font-size__stepper > * + * { border-inline-start: 1px solid var(--as-sep) !important; }



#ac-settings .ac-font-size__stepper button {



    min-width: 36px;



    min-height: 30px;



    padding: 4px 9px;



    border: 0 !important;



    border-radius: 0;



    background: transparent !important;



    color: var(--as-text) !important;



    font-family: inherit;



    font-size: 13px;



    font-weight: 600;



    line-height: 1;



    cursor: pointer;



    transition: background-color .12s ease;



}



#ac-settings .ac-font-size__stepper button:hover { background: var(--as-btn-hover) !important; }



#ac-settings .ac-font-size__stepper button:disabled { opacity: .35; cursor: default; background: transparent !important; }



#ac-settings .ac-font-size__stepper output {



    display: inline-flex;



    align-items: center;



    justify-content: center;



    min-width: 52px;



    padding: 0 6px;



    color: var(--as-text) !important;



    font-size: 12px;



    font-variant-numeric: tabular-nums;



    font-weight: 600;



}



#ac-settings .ac-settings__linkbtn {



    padding: 4px 2px;



    border: 0;



    border-radius: 5px;



    background: transparent !important;



    color: var(--as-link) !important;



    font-family: inherit;



    font-size: 12px;



    font-weight: 600;



    line-height: 1.3;



    cursor: pointer;



}



#ac-settings .ac-settings__linkbtn:hover { text-decoration: underline; text-underline-offset: 2px; }







/* Footer */



#ac-settings .ac-settings__foot {



    display: flex;



    flex: 0 0 auto;



    flex-wrap: wrap;



    align-items: center;



    justify-content: space-between;



    gap: 8px 18px;



    padding: 11px 28px;



    background: var(--as-foot) !important;



    border-top: 1px solid var(--as-border) !important;



}



#ac-settings .ac-settings__reset {



    display: inline-flex;



    align-items: center;



    gap: 6px;



    padding: 4px 0;



    border: 0;



    background: transparent !important;



    color: var(--as-link) !important;



    font-family: inherit;



    font-size: 12.5px;



    font-weight: 600;



    line-height: 1.3;



    cursor: pointer;



}



#ac-settings .ac-settings__reset span { color: inherit !important; font-size: inherit; }



#ac-settings .ac-settings__reset svg { display: block; flex: 0 0 auto; }



#ac-settings .ac-settings__reset:hover { text-decoration: underline; text-underline-offset: 2px; }



#ac-settings .ac-settings__note {



    margin: 0 !important;



    color: var(--as-muted) !important;



    font-size: 11px !important;



    line-height: 1.45 !important;



}







/* Keyboard focus inside the window */



#ac-settings :is(button, input, output):focus-visible {



    outline: 2px solid var(--as-link) !important;



    outline-offset: 2px;



}



#ac-settings .ac-settings__nav-item.is-active:focus-visible { outline-color: var(--as-nav-active-text) !important; }







@media (prefers-reduced-motion: reduce) {



    #ac-settings .ac-settings__window,



    #ac-settings .ac-settings__pane { animation: none !important; }



}







/* Small screens: the window becomes a full-screen sheet and the sidebar



   turns into a horizontally scrollable pill strip. */



@media (max-width: 720px) {



    #ac-settings { padding: 0; }



    #ac-settings .ac-settings__window {



        flex-direction: column;



        width: 100%;



        height: 100%;



        max-height: 100%;



        border-radius: 0;



    }



    #ac-settings .ac-settings__sidebar {



        flex: 0 0 auto;



        width: 100%;



        height: auto;



        padding: 10px 12px 0;



        border-inline-end: 0 !important;



        border-bottom: 1px solid var(--as-border) !important;



    }



    #ac-settings .ac-settings__titlebar { padding: 0 0 8px 2px; }



    #ac-settings .ac-settings__nav {



        flex: 0 0 auto;



        flex-direction: row;



        gap: 6px;



        padding: 0 0 10px;



        overflow-x: auto;



        overflow-y: hidden;



        scrollbar-width: none;



    }



    #ac-settings .ac-settings__nav::-webkit-scrollbar { display: none; }



    #ac-settings .ac-settings__nav-item {



        flex: 0 0 auto;



        width: auto;



        min-height: 30px;



        padding: 5px 11px;



        border-radius: 999px;



    }



    #ac-settings .ac-settings__nav-item.is-active { border-radius: 999px; }



    #ac-settings .ac-settings__nav-label { overflow: visible; text-overflow: clip; }



    #ac-settings .ac-settings__panes { padding: 18px 16px 20px; }



    #ac-settings .ac-settings__pane { max-width: none; }



    #ac-settings .ac-settings__pane-title { font-size: 18px !important; }



    #ac-settings .ac-settings__row--font { flex-direction: column; align-items: flex-start; }



    #ac-settings .ac-settings__foot { padding: 10px 16px; }



}







/* Dark mode: same structure, macOS dark surfaces. */



html.ac-access-dark:not(.ac-access-contrast) #ac-settings {



    --as-window: #1c1c1e;



    --as-sidebar: #232325;



    --as-content: #1c1c1e;



    --as-card: #262628;



    --as-foot: #202022;



    --as-border: #ffffff1f;



    --as-sep: #ffffff14;



    --as-text: #f2f2f7;



    --as-muted: #a1a1a6;



    --as-faint: #8e8e93;



    --as-hover: #ffffff0a;



    --as-nav-hover: #ffffff0f;



    --as-accent: #2f9fe0;



    --as-link: #6cc0ea;



    --as-nav-active-bg: #0a84ff;



    --as-nav-active-text: #ffffff;



    --as-track: #3a3a3c;



    --as-track-on: #0a84ff;



    --as-knob: #ffffff;



    --as-count-bg: #ffffff1f;



    --as-control-border: #ffffff26;



    --as-btn-hover: #ffffff14;



    --as-shadow: 0 0 0 .5px #ffffff2e, 0 30px 80px -12px #000000cc, 0 12px 30px -16px #000000cc;



}



html.ac-access-dark:not(.ac-access-contrast) #ac-settings .ac-settings__panes { scrollbar-color: #5a5a5e transparent; }



html.ac-access-dark:not(.ac-access-contrast) #ac-settings .ac-settings__panes::-webkit-scrollbar-thumb {



    background: #5a5a5e;



    background-clip: content-box;



}



html.ac-access-dark:not(.ac-access-contrast) #ac-settings .ac-settings__panes::-webkit-scrollbar-thumb:hover {



    background: #6f6f75;



    background-clip: content-box;



}



html.ac-access-dark.ac-access-darker:not(.ac-access-contrast) #ac-settings {



    --as-window: #0f0f11;



    --as-sidebar: #161618;



    --as-content: #0f0f11;



    --as-card: #1b1b1e;



    --as-foot: #131315;



    --as-border: #ffffff1f;



    --as-sep: #ffffff12;



    --as-muted: #9d9da3;



    --as-faint: #8b8b90;



    --as-nav-hover: #ffffff12;



    --as-hover: #ffffff09;



    --as-track: #34343a;



    --as-shadow: 0 0 0 .5px #ffffff26, 0 30px 90px -10px #000000e6, 0 12px 34px -16px #000000e6;



}







/* High contrast: flat black and white, with outlines instead of soft fills. */



html.ac-access-contrast #ac-settings {



    --as-window: #ffffff;



    --as-sidebar: #ffffff;



    --as-content: #ffffff;



    --as-card: #ffffff;



    --as-foot: #ffffff;



    --as-border: #000000;



    --as-sep: #000000;



    --as-text: #000000;



    --as-muted: #000000;



    --as-faint: #000000;



    --as-hover: #f2f2f2;



    --as-nav-hover: #f2f2f2;



    --as-accent: #000000;



    --as-link: #003b80;



    --as-nav-active-bg: #000000;



    --as-nav-active-text: #ffffff;



    --as-track: #ffffff;



    --as-track-on: #000000;



    --as-knob: #ffffff;



    --as-count-bg: #00000014;



    --as-control-border: #000000;



    --as-btn-hover: #f2f2f2;



    --as-shadow: 0 0 0 2px #000000;



}



html.ac-access-contrast.ac-access-dark #ac-settings {



    --as-window: #000000;



    --as-sidebar: #000000;



    --as-content: #000000;



    --as-card: #000000;



    --as-foot: #000000;



    --as-border: #ffffff;



    --as-sep: #ffffff;



    --as-text: #ffffff;



    --as-muted: #ffffff;



    --as-faint: #ffffff;



    --as-hover: #1a1a1a;



    --as-nav-hover: #1a1a1a;



    --as-accent: #ffffff;



    --as-link: #ffed70;



    --as-nav-active-bg: #ffffff;



    --as-nav-active-text: #000000;



    --as-track: #000000;



    --as-track-on: #ffffff;



    --as-knob: #000000;



    --as-count-bg: #ffffff1f;



    --as-control-border: #ffffff;



    --as-btn-hover: #1a1a1a;



    --as-shadow: 0 0 0 2px #ffffff;



}



/* High contrast repaints every text node; keep the window's own layering. */



html.ac-access-contrast #ac-settings :is(p, span, label, output, small, strong, em, b, i, h2, h3) { background-color: transparent !important; }



html.ac-access-contrast #ac-settings .ac-settings__window { box-shadow: 0 0 0 2px var(--as-text) !important; }



html.ac-access-contrast #ac-settings .ac-settings__option input[type="checkbox"] {



    background: var(--as-card) !important;



    box-shadow: inset 0 0 0 2px var(--as-text) !important;



}



html.ac-access-contrast #ac-settings .ac-settings__option input[type="checkbox"]::after {



    background: var(--as-text) !important;



    box-shadow: none !important;



}



html.ac-access-contrast #ac-settings .ac-settings__option input[type="checkbox"]:checked { background: var(--as-text) !important; }



html.ac-access-contrast #ac-settings .ac-settings__option input[type="checkbox"]:checked::after { background: var(--as-card) !important; }



html.ac-access-contrast #ac-settings .ac-settings__nav-item.is-active { box-shadow: none; }







/* ============================================================



   MODULE: skeleton-layout.css



   ============================================================ */



.ac-exact-skeleton{position:absolute;display:block;overflow:hidden;pointer-events:none;background:#e2eaf1!important}



.ac-exact-skeleton.surface{background:#f4f7fa!important;border:1px solid #dce6ef;box-sizing:border-box}



.ac-exact-skeleton.media{background:#e8f0f5!important;border:1px solid #dce6ef;box-sizing:border-box}



.ac-exact-skeleton:not(.surface)::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 12%,#ffffffa6 50%,transparent 88%);transform:translateX(-110%);animation:none}



@keyframes ac-exact-shimmer{0%{transform:translateX(-110%);opacity:0}15%,75%{opacity:1}100%{transform:translateX(110%);opacity:0}}



html.ac-access-dark .ac-exact-skeleton{background:#294057!important}html.ac-access-dark .ac-exact-skeleton.surface{background:#152b3f!important;border-color:#34495f}html.ac-access-dark .ac-exact-skeleton.media{background:#233c52!important;border-color:#34495f}



html.ac-access-dark .ac-exact-skeleton::after{background:linear-gradient(100deg,transparent 12%,#94b6d02e 50%,transparent 88%)}



@media(prefers-reduced-motion:reduce){.ac-exact-skeleton::after{animation:none!important;content:none!important}}



html.ac-access-motion .ac-exact-skeleton::after{animation:none!important;content:none!important}



.ac-exact-skeleton.media{display:flex;align-items:center;justify-content:center}



.ac-exact-skeleton.media .ac-exact-skeleton__logo{position:relative;display:block;width:clamp(56px,9vw,140px)!important;max-width:60%!important;height:auto!important;max-height:55%!important;object-fit:contain!important;opacity:.5;filter:grayscale(.25);pointer-events:none;margin:0!important;padding:0!important;border:0!important;background:transparent!important;z-index:1}



html.ac-access-dark .ac-exact-skeleton.media .ac-exact-skeleton__logo{opacity:.75}



.ac-exact-skeleton.icon{display:flex;align-items:center;justify-content:center;background:#e2ecf3!important}



html.ac-access-dark .ac-exact-skeleton.icon{background:#243c53!important}



/* The site favicon keeps its own shape inside icon placeholders at any size. */



.ac-exact-skeleton.icon .ac-exact-skeleton__favicon{position:relative;display:block;width:auto!important;height:auto!important;max-width:72%!important;max-height:72%!important;object-fit:contain!important;opacity:.52;filter:grayscale(.2);pointer-events:none;margin:0!important;padding:0!important;border:0!important;background:transparent!important;z-index:1}



html.ac-access-dark .ac-exact-skeleton.icon .ac-exact-skeleton__favicon{opacity:.72}



/* Put the moving highlight above the brand mark as well as its placeholder. */



.ac-exact-skeleton.media::after,.ac-exact-skeleton.icon::after{z-index:2;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.12) 35%,rgba(255,255,255,.78) 50%,rgba(255,255,255,.12) 65%,transparent 80%)}



html.ac-access-dark .ac-exact-skeleton.media::after,html.ac-access-dark .ac-exact-skeleton.icon::after{background:linear-gradient(105deg,transparent 20%,rgba(192,226,247,.05) 35%,rgba(216,240,255,.38) 50%,rgba(192,226,247,.05) 65%,transparent 80%)}



/* Start the highlight partway through its sweep so fast loads still show it. */



.ac-exact-skeleton.media,.ac-exact-skeleton.icon{isolation:isolate}



.ac-exact-skeleton:not(.surface)::after{z-index:3;opacity:1;mix-blend-mode:normal;animation: none;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.22) 40%,rgba(255,255,255,.92) 50%,rgba(255,255,255,.22) 60%,transparent 72%)!important}



html.ac-access-dark .ac-exact-skeleton:not(.surface)::after{background:linear-gradient(105deg,transparent 25%,rgba(178,220,249,.15) 40%,rgba(224,244,255,.68) 50%,rgba(178,220,249,.15) 60%,transparent 75%)!important}



@keyframes ac-brand-shimmer{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}



@media(prefers-reduced-motion:reduce){.ac-exact-skeleton:not(.surface)::after{animation:none!important;content:none!important}}



html.ac-access-motion .ac-exact-skeleton:not(.surface)::after{animation:none!important;content:none!important}







/* ============================================================



   MODULE: page-tabs.css



   ============================================================ */



.ac-corporate-content { position: relative; }



.ac-corporate-content.is-page-loading > .eds-container { pointer-events: none; }



.ac-page-loading { position: absolute; inset: 0 0 auto; height: 2px; overflow: hidden; background: transparent !important; pointer-events: none; z-index: 5; }



.ac-page-loading__spinner { position: absolute; display: block; inset: 0 auto 0 0; width: 32%; height: 2px; background: linear-gradient(90deg, transparent, #0284c7, #38bdf8, transparent) !important; animation: none; }



.ac-page-loading__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }



.ac-page-error { max-width: 1100px; margin: 0 auto 20px; padding: 14px 20px; background: #fff5ec; color: #743b18; border: 1px solid #e9cbb4; border-radius: 5px; font-size: 14px; }



.ac-page-error a { color: inherit; text-decoration: underline; }



@keyframes ac-page-glide { from { transform: translateX(-100%); } to { transform: translateX(415%); } }



@media(prefers-reduced-motion:reduce) { .ac-page-loading__spinner { animation: none; width: 100%; } }



html.ac-access-motion .ac-page-loading__spinner { animation: none; width: 100%; }



html.ac-access-dark body .ac-page-loading { background: transparent !important; }



.actorein-corporate-pages .ac-corporate-content .acto-tabpanel[hidden]{display:none!important}



/* Skeleton replaces the outgoing content while the next tab is requested. */



.ac-corporate-content.is-page-loading>.eds-container{display:none!important}



.ac-corporate-content .ac-page-loading{position:relative;inset:auto;height:auto;min-height:350px;width:min(calc(100% - var(--actorein-gutter, 16px)*2),var(--actorein-container, 1180px));max-width:var(--actorein-container, 1180px);margin:0 auto;padding:8px 0 26px;overflow:hidden;background:transparent!important;box-sizing:border-box}



.ac-page-skeleton{display:flex;flex-direction:column;gap:12px;max-width:920px}



.ac-page-skeleton__bar{position:relative;display:block;height:13px;width:100%;flex-shrink:0;border-radius:5px;background:#e8eff4!important;overflow:hidden}



.ac-page-skeleton__bar::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#ffffffa6,transparent);animation:none}



.ac-page-skeleton__bar.title{height:30px;width:52%;margin-bottom:14px}



.ac-page-skeleton__bar.subtitle{height:21px;width:34%;margin-bottom:5px}



.ac-page-skeleton__bar.short{width:65%}.ac-page-skeleton__bar.medium{width:83%}



.ac-page-skeleton__bar.gap{height:14px;background:transparent!important}.ac-page-skeleton__bar.gap::after{display:none}



@keyframes ac-skeleton-shimmer{to{transform:translateX(100%)}}



html.ac-access-dark .ac-page-skeleton__bar{background:#253d52!important}



html.ac-access-dark .ac-page-skeleton__bar::after{background:linear-gradient(90deg,transparent,#48667f66,transparent)}



html.ac-access-contrast .ac-page-skeleton__bar:not(.gap){border:1px solid currentColor}



@media(max-width:700px){.ac-corporate-content .ac-page-loading{padding-inline:0;min-height:320px}.ac-page-skeleton__bar.title{width:75%}.ac-page-skeleton__bar.subtitle{width:50%}}



@media(prefers-reduced-motion:reduce){.ac-page-skeleton__bar::after{animation:none;transform:none;background:none}}



html.ac-access-motion .ac-page-skeleton__bar::after{animation:none;transform:none;background:none}



/* Measured page layout: one calm highlight moves across the whole skeleton. */



.ac-page-skeleton.ac-page-skeleton--layout{position:relative;display:block;max-width:none;overflow:hidden;isolation:isolate}



.ac-page-skeleton--layout .ac-layout-shape{position:absolute;display:block;background:#e5edf3!important;border-radius:4px}



.ac-page-skeleton--layout .ac-layout-shape.heading{background:#dbe6ee!important;border-radius:5px}



.ac-page-skeleton--layout .ac-layout-shape.media{background:linear-gradient(135deg,#e3edf4,#eef4f8)!important;border:1px solid #dbe7ef;border-radius:12px}



.ac-page-skeleton--layout .ac-layout-shape.block{border-radius:8px}



.ac-page-skeleton--layout::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 30%,#ffffff70 48%,transparent 67%);transform:translateX(-100%);animation:none}



@keyframes ac-skeleton-layout{to{transform:translateX(100%)}}



html.ac-access-dark .ac-page-skeleton--layout .ac-layout-shape{background:#233a50!important}



html.ac-access-dark .ac-page-skeleton--layout .ac-layout-shape.heading{background:#2c465e!important}



html.ac-access-dark .ac-page-skeleton--layout .ac-layout-shape.media{background:linear-gradient(135deg,#233a50,#192e43)!important;border-color:#344d63}



html.ac-access-dark .ac-page-skeleton--layout::after{background:linear-gradient(105deg,transparent 30%,#64859f25 48%,transparent 67%)}



html.ac-access-contrast .ac-layout-shape{border:1px solid currentColor}



@media(prefers-reduced-motion:reduce){.ac-page-skeleton--layout::after{animation:none;background:none}}



html.ac-access-motion .ac-page-skeleton--layout::after{animation:none;background:none}







/* Soft highlights stay inside the placeholders, rather than sweeping empty space. */



.ac-page-skeleton--layout::after{content:none!important}



.ac-page-skeleton--layout .ac-layout-shape{overflow:hidden;isolation:isolate}



.ac-page-skeleton--layout .ac-layout-shape::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 12%,rgba(255,255,255,.15) 30%,rgba(255,255,255,.7) 50%,rgba(255,255,255,.15) 70%,transparent 88%);transform:translate3d(-110%,0,0);animation:none}



.ac-page-skeleton--layout .ac-layout-shape.media::after{animation-duration:2.8s;background:linear-gradient(110deg,transparent 10%,#ffffff40 50%,transparent 90%)}



.ac-page-skeleton__bar::after{animation: none;background:linear-gradient(100deg,transparent 12%,#ffffffb3 50%,transparent 88%)}



.ac-page-loading .ac-page-skeleton{animation:ac-skeleton-appear .18s ease-out both}



.ac-corporate-content.is-content-entering>.eds-container{animation:ac-content-arrive .26s cubic-bezier(.2,.65,.3,1) both}



@keyframes ac-soft-shimmer{0%{transform:translate3d(-110%,0,0);opacity:0}12%{opacity:1}78%{opacity:1}90%,100%{transform:translate3d(110%,0,0);opacity:0}}



@keyframes ac-skeleton-appear{from{opacity:0}to{opacity:1}}



@keyframes ac-content-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}



html.ac-access-dark .ac-page-skeleton--layout .ac-layout-shape::after{background:linear-gradient(100deg,transparent 12%,#94b6d00a 30%,#94b6d02e 50%,#94b6d00a 70%,transparent 88%)}



@media(prefers-reduced-motion:reduce){.ac-page-skeleton--layout .ac-layout-shape::after,.ac-page-skeleton__bar::after{animation:none!important;content:none}.ac-page-loading .ac-page-skeleton,.ac-corporate-content.is-content-entering>.eds-container{animation:none!important}}



html.ac-access-motion .ac-page-skeleton--layout .ac-layout-shape::after,html.ac-access-motion .ac-page-skeleton__bar::after{animation:none!important;content:none}



html.ac-access-motion .ac-page-loading .ac-page-skeleton,html.ac-access-motion .ac-corporate-content.is-content-entering>.eds-container{animation:none!important}



/* Card shells retain the real layout around their text and image placeholders. */



.ac-page-skeleton--layout .ac-layout-shape.card{background:#f3f6f9!important;border:1px solid #dfe8ef;box-shadow:0 2px 5px #173b5204}



.ac-page-skeleton--layout .ac-layout-shape.card::after{content:none}



.ac-page-skeleton--layout .ac-layout-shape.icon{border-radius:9px;background:#dce8f0!important}



html.ac-access-dark .ac-page-skeleton--layout .ac-layout-shape.card{background:#14283b!important;border-color:#2d4358}



html.ac-access-dark .ac-page-skeleton--layout .ac-layout-shape.icon{background:#2a435b!important}



html.ac-access-contrast .ac-page-skeleton--layout .ac-layout-shape.card{border:1px solid currentColor}







/* ============================================================



   MODULE: gallery-lightbox.css



   ============================================================ */



.acto-pd__lb-nav { position: absolute; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 1px solid #ffffff60; border-radius: 50%; background: #0a2540cc; color: #fff; font: 38px/1 Arial, sans-serif; cursor: pointer; z-index: 1; direction: ltr; }



.acto-pd__lb-prev { left: 20px; }



.acto-pd__lb-next { right: 20px; }



.acto-pd__lb-nav:hover { background: #0284c7; }



.acto-pd__lb-nav[hidden] { display: none !important; }



.acto-pd__lb-count { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); color: #fff; background: #0a2540cc; padding: 6px 14px; border-radius: 20px; font-size: 13px; direction: ltr; }



.acto-pd__lightbox button:focus-visible { outline: 3px solid #38bdf8; outline-offset: 4px; }



.acto-pd__lightbox img { max-width: calc(100vw - 150px); max-height: calc(100dvh - 110px); }



@media(max-width:640px) { .acto-pd__lb-prev { left: 8px; } .acto-pd__lb-next { right: 8px; } .acto-pd__lb-nav { width: 40px; height: 40px; } .acto-pd__lightbox img { max-width: calc(100vw - 104px); } }







/* ============================================================



   MODULE: document-viewer.css



   ============================================================ */



.ac-reader { position: fixed; inset: 0; width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; background: transparent; color: #15334a; overflow: hidden; z-index: 2147483100; }



.ac-reader::backdrop { background: rgba(5,22,37,.58); backdrop-filter: blur(3px); }



.ac-reader__shell { position: absolute; top: 0; right: 0; display: flex; flex-direction: column; width: min(1040px,92vw); height: 100%; background: #f1f5f9; box-shadow: -16px 0 60px rgba(0,0,0,.16); font-family: var(--font-sans,'Inter',sans-serif); animation: ac-reader-enter .22s ease-out; }



.ac-reader.is-expanded .ac-reader__shell,.ac-reader__shell:fullscreen { width: 100vw; height: 100dvh; }



.ac-reader__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 66px; padding: 12px 20px; background: #fff; border-bottom: 1px solid #e1e9ef; }



.ac-reader__title { min-width: 0; font-size: 16px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.ac-reader__button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; padding: 0; border: 1px solid #dbe5ed; border-radius: 8px; background: #fff; color: #15334a; font: 500 22px/1 sans-serif; cursor: pointer; }



.ac-reader__button:hover { background: #eaf6fd; border-color: #8bc8e8; }



.ac-reader__button:disabled { opacity: .35; cursor: default; }



.ac-reader :focus-visible { outline: 3px solid #38bdf8; outline-offset: 2px; }



.ac-reader__toolbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 12px 20px; background: #fff; border-bottom: 1px solid #e1e9ef; }



.ac-reader__select { flex: 1; min-width: 140px; width: 150px; height: 36px; padding: 0 30px 0 10px; border: 1px solid #dbe5ed; border-radius: 8px; color: #15334a; background: #f8fafc; font: inherit; font-size: 12px; }



.ac-reader__download { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 14px; border-radius: 8px; background: #0284c7; color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; }



.ac-reader__notice { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 13px 20px; color: #34576e; background: #eaf5fc; font-size: 13px; }



.ac-reader__notice[hidden],.ac-reader__spinner[hidden] { display: none; }



.ac-reader__spinner { width: 17px; height: 17px; flex-shrink: 0; border: 2px solid #c6e1ee; border-top-color: #0284c7; border-radius: 50%; animation: ac-reader-spin .8s linear infinite; }



.ac-reader__stage { display: flex; flex: 1; min-height: 0; align-items: center; justify-content: flex-start; overflow: auto; padding: 20px 24px; perspective: 1800px; background: radial-gradient(ellipse at center,#e7edf2,#d8e2e9); }



.ac-reader__book { position: relative; display: flex; flex: 0 0 auto; margin: auto; align-items: flex-start; box-shadow: 0 12px 35px rgba(24,47,65,.2); perspective: 1600px; }



.ac-reader__canvas { display: block; flex-shrink: 0; background: #fff; }



.ac-reader__book.is-spread::after { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 24px; transform: translateX(-50%); pointer-events: none; background: linear-gradient(90deg,transparent,rgba(0,0,0,.12),rgba(255,255,255,.35),transparent); }



.ac-reader__leaf { position: absolute; top: 0; z-index: 2; backface-visibility: hidden; box-shadow: -4px 0 16px rgba(0,0,0,.12); pointer-events: none; }



.ac-reader__foot { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 12px 20px; border-top: 1px solid #dbe5ed; background: #fff; }



.ac-reader__page { display: flex; align-items: center; gap: 6px; color: #536d80; font-size: 12px; white-space: nowrap; }



.ac-reader__page input { width: 56px; height: 34px; border: 1px solid #dbe5ed; border-radius: 7px; text-align: center; color: #15334a; background: #fff; font: inherit; }



.ac-reader__original { margin-left: auto; color: #0284c7; font-size: 12px; text-decoration: underline; }



@keyframes ac-reader-enter { from { transform: translateX(40px); opacity: .4; } to { transform: translateX(0); opacity: 1; } }



@keyframes ac-reader-spin { to { transform: rotate(360deg); } }



@media (max-width: 700px) { .ac-reader__shell { width: 100vw; } .ac-reader__head,.ac-reader__toolbar,.ac-reader__foot { padding: 10px 12px; } .ac-reader__head { min-height: 56px; } .ac-reader__select { flex-basis: calc(100% - 50px); } .ac-reader__original { flex-basis: 100%; margin: 0; text-align: center; } .ac-reader__foot { flex-wrap: wrap; gap: 8px; } }



@media (prefers-reduced-motion: reduce) { .ac-reader__shell,.ac-reader__spinner { animation: none; } }



/* Keep every edge reachable when zoomed, with mouse drag and native touch pan. */



.ac-reader__stage { align-items: flex-start; overscroll-behavior: contain; touch-action: pan-x pan-y; }



.ac-reader__stage.is-pannable { cursor: grab; }



.ac-reader__stage.is-panning { cursor: grabbing; user-select: none; }



.ac-reader__canvas { user-select: none; -webkit-user-drag: none; }







/* ============================================================



   MODULE: 404.css



   ============================================================ */



.ac-error { background: #f7fafc; position: relative; isolation: isolate; overflow: hidden; }



.ac-error::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 15% 45%, #e0f2f7 0, transparent 60%); }



.ac-error__inner { padding-top: 100px; padding-bottom: 110px; min-height: 620px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 48px; }



.ac-error__art { position: relative; display: flex; min-width: 0; min-height: 350px; align-items: center; justify-content: center; flex-direction: column; }



.ac-error__copy { min-width: 0; width: 100%; }



@media (min-width: 801px) {



    .ac-error__art { align-items: flex-start; }



    .ac-error__orbit { left: 0; }



    .ac-error__caption { align-self: flex-start; margin-inline-start: 80px; }



}



.ac-error__orbit { position: absolute; width: 320px; height: 320px; border: 1px solid #c9e2ed; border-radius: 50%; transform: rotate(-28deg); }



.ac-error__orbit::before { content: ''; position: absolute; inset: 27px -45px; border: 1px dashed #bcdce7; border-radius: 50%; }



.ac-error__orbit::after { content: ''; position: absolute; width: 12px; height: 12px; border: 4px solid #f7fafc; box-sizing: content-box; background: #0284c7; border-radius: 50%; top: 24px; left: 38px; }



.ac-error__number { position: relative; display: flex; align-items: center; color: #0a2540; font-family: var(--font-heading, sans-serif); font-size: clamp(130px, 15vw, 210px); font-weight: 800; line-height: 1.1; letter-spacing: -.085em; }



.ac-error__zero { position: relative; color: #0284c7; }



.ac-error__spark { position: absolute; display: grid; place-items: center; left: 50%; top: 50%; width: 45px; height: 45px; border-radius: 50%; background: #f7fafc; color: #0284c7; transform: translate(-40%, -35%) rotate(-12deg); font: 400 36px/1 sans-serif; letter-spacing: 0; }



.ac-error__caption { position: relative; margin-top: 28px; color: #647c8f; font-size: 10px; font-weight: 700; letter-spacing: .25em; }



.ac-error__caption span { margin: 0 12px; color: #0284c7; }



.ac-error__eyebrow { display: block; margin-bottom: 18px; color: #007ca8; font-size: 12px; font-weight: 700; letter-spacing: .08em; }



.ac-error .ac-error__copy h1 { margin: 0 0 20px; font-size: clamp(30px, 3.4vw, 44px); line-height: 1.2; letter-spacing: -.045em; }



.ac-error__copy p { max-width: 430px; margin: 0 0 30px; color: #64748b; font-size: 15px; line-height: 1.85; }



.ac-error__button { display: inline-flex; align-items: center; gap: 12px; padding: 17px 22px; border: 1px solid #0a2540; border-radius: 5px; background: #0a2540; color: #fff; font-size: 13px; font-weight: 600; transition: background .2s, border-color .2s; }



.ac-error__button > span { margin-inline-start: 20px; font-size: 20px; line-height: 1; }



.ac-error__copy[dir="rtl"] .ac-error__button > span { transform: scaleX(-1); }



.ac-error__button:hover { background: #0369a1; border-color: #0369a1; color: #fff; }



.ac-error__links { margin-top: 34px; padding-top: 25px; border-top: 1px solid #dce5eb; display: flex; flex-wrap: wrap; gap: 16px 28px; }



.ac-error__links > span { flex-basis: 100%; color: #687c8c; font-size: 12px; }



.ac-error__links a { display: inline-flex; gap: 12px; align-items: center; color: #0a2540; font-size: 12px; font-weight: 600; }



.ac-error__links a:hover { color: #0284c7; text-decoration: underline; text-underline-offset: 4px; }



.ac-error a:focus-visible { outline: 3px solid #0284c7; outline-offset: 5px; }



@media (max-width: 800px) {



    .ac-error__inner { grid-template-columns: 1fr; gap: 36px; padding-top: 48px; padding-bottom: 64px; text-align: center; }



    .ac-error__art { min-height: 260px; }



    .ac-error__number { font-size: 160px; }



    .ac-error__orbit { width: 230px; height: 230px; }



    .ac-error__orbit::before { inset: 20px -25px; }



    .ac-error__copy { max-width: 480px; margin: auto; }



    .ac-error__copy p { margin-inline: auto; }



    .ac-error__links { justify-content: center; }



}



@media (prefers-reduced-motion: reduce) { .ac-error__button { transition: none; } }







/* ============================================================



   MODULE: language-transition.css



   ============================================================ */



.ac-language-loading{position:fixed;inset:0;z-index:2147482000;overflow:hidden;background:#fff;pointer-events:auto;isolation:isolate}



.ac-language-loading__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}



.ac-language-loading__shape{position:absolute;display:block;overflow:hidden;border-radius:5px;background:#e4edf3}



.ac-language-loading__shape.is-media{border-radius:12px;background:#edf3f7;border:1px solid #dce7ef}



.ac-language-loading__shape::after,.ac-language-loading__fallback::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 12%,#ffffffb3 50%,transparent 88%);transform:translateX(-110%);animation:none}



.ac-language-loading.is-empty{padding:45px max(24px,calc((100vw - 1100px)/2))}



.ac-language-loading__fallback{position:relative;display:block;overflow:hidden;height:15px;background:#e4edf3;border-radius:5px;margin-bottom:18px;width:100%}



.ac-language-loading__fallback:first-of-type{height:32px;width:55%;margin-bottom:32px}.ac-language-loading__fallback:nth-of-type(3n){width:70%}



html.ac-access-dark .ac-language-loading{background:#101e2e!important}html.ac-access-dark .ac-language-loading__shape,html.ac-access-dark .ac-language-loading__fallback{background:#253d52!important;border-color:#34495f!important}



html.ac-access-dark .ac-language-loading__shape::after,html.ac-access-dark .ac-language-loading__fallback::after{background:linear-gradient(100deg,transparent 12%,#94b6d02e 50%,transparent 88%)}



@keyframes ac-language-shimmer{0%{transform:translateX(-110%);opacity:0}12%,78%{opacity:1}90%,100%{transform:translateX(110%);opacity:0}}



@media(prefers-reduced-motion:reduce){.ac-language-loading__shape::after,.ac-language-loading__fallback::after{animation:none;background:none}}



html.ac-access-motion .ac-language-loading__shape::after,html.ac-access-motion .ac-language-loading__fallback::after{animation:none;background:none}



.ac-language-loading__shape{z-index:1}



.ac-language-loading__shape.is-card{z-index:0;border:1px solid #d3e1eb;background:#f4f7fa;box-shadow:0 2px 8px #173b5206}



.ac-language-loading__shape.is-card::after{content:none}



html.ac-access-dark .ac-language-loading__shape.is-card{background:#14283b!important;border-color:#344d63!important}



html.ac-access-contrast .ac-language-loading__shape.is-card{border:1px solid currentColor}







/* ============================================================



   MODULE: rh-slider.css



   ============================================================ */



/* Manual navigation for the rh-hero slider (arrows, dots, pause, swipe hint). */







.rh-hero { position: relative; }



.rh-hero .rh-hero__slide { touch-action: pan-y pinch-zoom; }



.rh-hero .rh-hero__slide[hidden] { display: none !important; }







/* The copy band uses the header container's content width and left edge.



   The export ships 1180px + 40px inner padding, which pushed the text



   40px right of the logo/navigation. Keep the right gutter for the



   absolutely positioned controls. */



.rh-hero .rh-hero__copy {



  box-sizing: border-box;



  width: min(calc(100% - var(--actorein-gutter, 2rem) * 2), var(--actorein-container, 1180px)) !important;



  max-width: var(--actorein-container, 1180px) !important;



  margin-inline: auto !important;



  padding-inline-start: 0 !important;



}







@media (max-width: 760px) {



  .rh-hero .rh-hero__copy { padding-inline-end: 24px !important; }



}







/* The controls were pinned to a fixed 1100px rail. On wider headers that



   rail sits inside the container, so the arrow landed on the CTA. Pin the



   group to the header container's right edge instead. */



.rh-hero .rh-hero__controls {



  right: max(var(--actorein-gutter, 2rem), calc((100% - var(--actorein-container, 1180px)) / 2)) !important;



}







.rh-hero .rh-hero__overlay[data-rh-injected] {



  position: absolute;



  inset: 0;



  z-index: 4;



  pointer-events: none;



}







.rh-hero .rh-hero__overlay[data-rh-injected] > * { pointer-events: auto; }







/* Arrows */







.rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__nav {



  position: absolute;



  bottom: 18px;



  display: grid;



  place-items: center;



  width: 46px;



  height: 46px;



  padding: 0;



  border: 1px solid rgba(10, 37, 64, 0.12);



  border-radius: 50%;



  background: rgba(255, 255, 255, 0.94);



  color: #0a2540;



  box-shadow: 0 14px 30px -18px rgba(10, 37, 64, 0.65);



  cursor: pointer;



  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;



  -webkit-tap-highlight-color: transparent;



}







.rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__nav svg { display: block; }







.rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__nav--prev { inset-inline-start: 18px; }



.rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__nav--next { inset-inline-end: 18px; }







@media (hover: hover) and (pointer: fine) {



  .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__nav:hover {



    background: #0284c7;



    border-color: #0284c7;



    color: #fff;



    box-shadow: 0 18px 34px -16px rgba(2, 132, 199, 0.7);



  }



}







.rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__nav:focus-visible,



.rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__pause:focus-visible,



.rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__dots button:focus-visible {



  outline: 3px solid #0284c7;



  outline-offset: 3px;



}







html[dir="rtl"] .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__nav svg,



html.ac-access-rtl .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__nav svg {



  transform: scaleX(-1);



}







/* Dots */







.rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__dots {



  position: absolute;



  left: 50%;



  bottom: 18px;



  transform: translateX(-50%);



  display: flex;



  align-items: center;



  gap: 8px;



  max-width: calc(100% - 140px);



  padding: 8px 14px;



  border-radius: 999px;



  background: rgba(10, 37, 64, 0.26);



  -webkit-backdrop-filter: blur(8px);



  backdrop-filter: blur(8px);



}







.rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__dots button {



  width: 8px;



  height: 8px;



  padding: 0;



  border: 0;



  border-radius: 999px;



  background: rgba(255, 255, 255, 0.5);



  cursor: pointer;



  transition: width 0.2s ease, background-color 0.2s ease;



  -webkit-tap-highlight-color: transparent;



}







.rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__dots button:hover {



  background: rgba(255, 255, 255, 0.82);



}







.rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__dots button.is-active,



.rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__dots button[aria-current="true"] {



  width: 26px;



  background: #fff;



}







/* Autoplay toggle */







.rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__pause {



  position: absolute;



  inset-inline-end: 18px;



  top: 18px;



  display: grid;



  place-items: center;



  width: 38px;



  height: 38px;



  padding: 0;



  border: 1px solid rgba(255, 255, 255, 0.35);



  border-radius: 50%;



  background: rgba(10, 37, 64, 0.42);



  color: #fff;



  cursor: pointer;



  -webkit-backdrop-filter: blur(8px);



  backdrop-filter: blur(8px);



  transition: background-color 0.18s ease, border-color 0.18s ease;



  -webkit-tap-highlight-color: transparent;



}







.rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__pause svg { display: block; }







@media (hover: hover) and (pointer: fine) {



  .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__pause:hover {



    background: rgba(2, 132, 199, 0.92);



    border-color: rgba(2, 132, 199, 0.92);



  }



}







/* Mobile */







@media (max-width: 720px) {



  .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__nav {



    bottom: 10px;



    width: 40px;



    height: 40px;



  }







  .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__nav svg { width: 18px; height: 18px; }



  .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__nav--prev { inset-inline-start: 10px; }



  .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__nav--next { inset-inline-end: 10px; }







  .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__dots {



    bottom: 16px;



    max-width: calc(100% - 110px);



    padding: 6px 10px;



    gap: 6px;



  }







  .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__dots button.is-active,



  .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__dots button[aria-current="true"] { width: 22px; }







  .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__pause {



    top: 10px;



    width: 34px;



    height: 34px;



    inset-inline-end: 10px;



  }



}







/* Dark / contrast accessibility modes */







html.ac-access-dark .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__nav {



  background: var(--ac-dark-control, #132b41);



  border-color: var(--ac-dark-border, #2c4760);



  color: var(--ac-dark-text, #f4f8fb);



}







html.ac-access-dark .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__dots {



  background: rgba(0, 0, 0, 0.35);



}







html.ac-access-dark .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__pause {



  background: var(--ac-dark-control, #132b41);



  border-color: var(--ac-dark-border, #2c4760);



  color: var(--ac-dark-text, #f4f8fb);



}







html.ac-access-contrast .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__nav,



html.ac-access-contrast .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__pause {



  background: #fff;



  border: 2px solid #000;



  color: #000;



}







html.ac-access-contrast .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__dots {



  background: #fff;



  border: 2px solid #000;



}







html.ac-access-contrast .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__dots button {



  background: #666;



}







html.ac-access-contrast .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__dots button[aria-current="true"] {



  background: #000;



}







html.ac-access-contrast.ac-access-dark .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__nav,



html.ac-access-contrast.ac-access-dark .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__pause {



  background: #000;



  border-color: #fff;



  color: #fff;



}







html.ac-access-contrast.ac-access-dark .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__dots {



  background: #000;



  border-color: #fff;



}







html.ac-access-contrast.ac-access-dark .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__dots button { background: #999; }



html.ac-access-contrast.ac-access-dark .rh-hero .rh-hero__overlay[data-rh-injected] .rh-hero__dots button[aria-current="true"] { background: #fff; }







/* Motion preferences / reduced-motion setting */







@media (prefers-reduced-motion: reduce) {



  .rh-hero .rh-hero__overlay[data-rh-injected] * {



    transition: none !important;



    animation: none !important;



  }



}







html.ac-access-motion .rh-hero .rh-hero__overlay[data-rh-injected] * {



  transition: none !important;



  animation: none !important;



}







/* ============================================================



   MODULE: mega-menu.css



   ============================================================ */



/* Category directory and product preview, inside the header container. */



@media(min-width:901px){



.nc-header .nc-mega{width:calc(100% - 48px)!important;max-width:1376px!important;top:calc(100% + 8px);border:1px solid #dce7ed!important;border-radius:18px!important;background:#fff;box-shadow:0 24px 65px #0a254029!important;overflow:hidden;max-height:calc(100dvh - var(--ac-mega-top,180px) - 24px);overflow-y:auto;overscroll-behavior:contain}



.nc-header .nc-mega::before{content:'';position:absolute;top:-10px;left:0;right:0;height:10px}



.nc-header .nc-mega__inner{padding:0!important}



.ac-mega-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;border-bottom:1px solid #e1eaf0;color:#0a2540;font-size:14px;font-weight:700}



.ac-mega-head>a{display:inline-flex;align-items:center;gap:18px;font-size:12px;color:#007eaf;text-decoration:none}



.nc-header .nc-mega__cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}



.nc-header .nc-mega__cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding:24px!important;background:#fff!important;border:0!important;border-inline-end:1px solid #e1eaf0!important}



.nc-header .nc-mega__cats-title{display:none}



.nc-header .nc-mega__cat{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 12px;gap:10px;min-height:64px;padding:12px!important;border:1px solid #e1eaf0!important;border-radius:10px!important;font-size:12px!important;line-height:1.5;text-align:start;box-shadow:none!important;background:transparent!important;color:#40586b!important}



.nc-header .nc-mega__cat-icon{display:grid;place-items:center;width:32px;height:36px;color:#7091a6}



.nc-header .nc-mega__cat-label{line-height:1.5;overflow-wrap:anywhere}



.nc-header .nc-mega__cat:hover{border-color:#8bcde5!important;background:#f6fbfd!important}



.nc-header .nc-mega__cat.is-active{border-color:#008fc5!important;color:#006f98!important;background:#edf9fd!important;box-shadow:none!important}



.nc-header .nc-mega__cat.is-active .nc-mega__cat-icon{color:#008fc5!important}



.nc-header .nc-mega__panels{min-height:0!important;padding:24px!important;background:#f5f8fa}



.nc-header .nc-mega__panel h3{font-size:20px!important;line-height:1.4;margin:0 0 16px!important;letter-spacing:-.025em}



.nc-header .nc-mega__panel-rule{display:none}



.nc-header .nc-mega__panel>p:empty{display:none}



.nc-header .nc-mega__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}



.nc-header .nc-mega__item{display:flex;align-items:center;gap:12px;padding:12px!important;border-radius:10px!important;min-height:82px;border:1px solid #e1eaf0!important;background:#fff!important}



.nc-header .nc-mega__item:hover{transform:none!important;box-shadow:none!important;border-color:#008fc5!important}



.nc-header .nc-mega__item-media{width:48px;height:60px;flex:0 0 48px;border-radius:6px!important;background:#f5f8fa!important}



.nc-header .nc-mega__item-media img{object-fit:contain}



.nc-header .nc-mega__item-body{padding-inline:0!important;min-width:0;flex:1}



.nc-header .nc-mega__item-title{font-size:12px!important;line-height:1.5;overflow-wrap:anywhere}



.nc-header .nc-mega__item-desc{display:none}



.nc-header .nc-mega__item-go{display:none}



.nc-header .actorein-mega-all{display:flex;align-items:center;justify-content:space-between;padding:14px 0 0;margin-top:18px;border-top:1px solid #dce6ed;font-size:12px;font-weight:700;color:#007da9;text-decoration:none}



.nc-header .nc-mega :is(a,button):focus-visible{outline:2px solid #008fc5;outline-offset:3px}



}



html.ac-access-dark .nc-header .nc-mega__cats,html.ac-access-dark .nc-header .nc-mega{background:#142438!important}



html.ac-access-dark .nc-header .nc-mega__cat{color:#d8e8f5!important;border-color:#34495f!important}



html.ac-access-dark .nc-header .nc-mega__cat.is-active{background:#173d53!important;color:#8cddff!important;border-color:#58c9f3!important}



html.ac-access-dark .nc-header .nc-mega__item{background:#102032!important;border-color:#34495f!important}



html.ac-access-contrast .nc-header .nc-mega__cat.is-active{outline:2px solid currentColor!important;text-decoration:underline}



@media(min-width:901px) and (max-width:1100px){.nc-header .nc-mega__cols{grid-template-columns:1.1fr 1fr!important}.nc-header .nc-mega__cats,.nc-header .nc-mega__panels{padding:18px!important}.nc-header .nc-mega__grid{grid-template-columns:1fr}.nc-header .nc-mega__cat{grid-template-columns:minmax(0,1fr) 12px;min-height:68px}.nc-header .nc-mega__cat-icon{display:none}}



@media(prefers-reduced-motion:reduce){.nc-header .nc-mega,.nc-header .nc-mega *{transition:none!important}}



@media(min-width:901px){.nc-header .nc-mega__cols{height:auto!important}.nc-header .nc-mega__cats,.nc-header .nc-mega__panels{overflow:visible!important}.nc-header .nc-mega__cats{grid-auto-rows:minmax(64px,auto)}.nc-header .nc-mega__cat{height:auto!important;max-height:none!important;align-items:center}.nc-header .nc-mega__cat-label{white-space:normal;overflow:visible}}



/* Keep the category directory compact even when text enlargement is active. */



@media(min-width:901px){



.nc-header .nc-mega .ac-mega-head{padding:13px 22px}



.nc-header .nc-mega .nc-mega__cols{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;height:min(330px,calc(100dvh - var(--ac-mega-top,180px) - 85px))!important;min-height:0}



.nc-header .nc-mega .nc-mega__cats{padding:14px!important;gap:4px 12px;grid-auto-rows:auto;align-content:start;overflow-y:auto!important}



.nc-header .nc-mega .nc-mega__cat{display:flex;gap:8px;min-height:48px;padding:7px 9px!important;border:0!important;border-bottom:1px solid #e1eaf0!important;border-radius:0!important;background:transparent!important;align-items:center}



.nc-header .nc-mega .nc-mega__cat-label{font-size:12px!important;line-height:1.4!important;flex:1}



.nc-header .nc-mega .nc-mega__cat-icon{width:24px;height:24px;flex:0 0 24px}



.nc-header .nc-mega .nc-mega__cat-icon svg{width:16px;height:16px}



.nc-header .nc-mega .nc-mega__cat.is-active{background:#edf9fd!important;border-radius:6px!important;box-shadow:inset 2px 0 #008fc5!important}



.nc-header .nc-mega .nc-mega__panels{padding:18px!important;overflow-y:auto!important}



.nc-header .nc-mega .nc-mega__panel h3{font-size:17px!important;line-height:1.4!important;margin-bottom:12px!important}



.nc-header .nc-mega .nc-mega__grid{gap:6px!important;grid-template-columns:repeat(2,minmax(0,1fr))}



.nc-header .nc-mega .nc-mega__item{min-height:62px;padding:8px!important;gap:8px!important}



.nc-header .nc-mega .nc-mega__item-title{font-size:12px!important;line-height:1.4!important}



.nc-header .nc-mega .nc-mega__item-media{width:34px!important;height:44px!important;flex:0 0 34px}



.nc-header .nc-mega .actorein-mega-all{margin-top:12px;padding-top:10px;font-size:12px!important;line-height:1.5}



html.ac-access-dark .nc-header .nc-mega .nc-mega__cat-label{color:#d8e8f5!important}



html.ac-access-dark .nc-header .nc-mega .nc-mega__cat.is-active{background:#173d53!important}



}



@media(min-width:901px){.nc-header .nc-mega .nc-mega__cats{grid-auto-rows:max-content;align-items:start}.nc-header .nc-mega .nc-mega__cat{align-self:stretch;flex-shrink:0;min-height:max-content!important}.nc-header .nc-mega .nc-mega__cat-label{display:block;padding-block:3px}.nc-header .nc-mega .nc-mega__cat-arrow{flex:0 0 10px}}







/* ============================================================



   MEGA MENU — bigger product cards, tooltip pointer and the



   Apple-style 3D unfold of the whole panel.



   The pointer lives on ::after so the panel shell must stay



   unclipped; the inner element takes over the scrolling.



   ============================================================ */



@media(min-width:901px){



.nc-header .nc-mega{



	left:0;right:0;



	overflow:visible!important;



	max-height:none!important;



	border-radius:20px!important;



	transform-origin:var(--ac-mega-tip-x,50%) 0;



	transform:perspective(1400px) rotateX(-10deg) translateY(-14px) scale(.96)!important;



	opacity:0!important;



	visibility:hidden!important;



	pointer-events:none;



	will-change:transform,opacity;



	transition:opacity .2s ease,visibility .22s,transform .26s cubic-bezier(.4,0,.2,1)!important;



}



.nc-header .nc-mega.is-open,



.nc-header .nc-mega:focus-within,



.nc-header .nc-menu__item--mega.is-open .nc-mega,



.nc-header .nc-menu__item--mega.is-open .nc-mega,



.nc-header .nc-menu__item--mega.is-open .nc-mega{



	opacity:1!important;



	visibility:visible!important;



	pointer-events:auto;



	transform:perspective(1400px) rotateX(0deg) translateY(0) scale(1)!important;



	transition:opacity .24s ease,visibility .34s,transform .54s cubic-bezier(.22,1.18,.32,1)!important;



}



/* Tooltip beak, centred under the "Ürünler" trigger by header JS. */



.nc-header .nc-mega::after{



	content:'';



	position:absolute;



	top:-9px;



	left:var(--ac-mega-tip-x,50%);



	z-index:4;



	width:20px;height:20px;



	margin-left:-10px;



	border-top:1px solid #dce7ed;



	border-left:1px solid #dce7ed;



	border-radius:5px 0 0 0;



	background:#fff;



	box-shadow:-7px -7px 18px #0a25400d;



	transform:rotate(45deg) scale(.55);



	opacity:0;



	pointer-events:none;



	transition:opacity .16s ease,transform .28s cubic-bezier(.4,0,.2,1);



}



.nc-header .nc-mega.is-open::after,



.nc-header .nc-mega:focus-within::after,



.nc-header .nc-menu__item--mega.is-open .nc-mega::after,



.nc-header .nc-menu__item--mega.is-open .nc-mega::after,



.nc-header .nc-menu__item--mega.is-open .nc-mega::after{



	opacity:1;



	transform:rotate(45deg) scale(1);



	transition:opacity .2s ease .1s,transform .45s cubic-bezier(.22,1.2,.32,1) .08s;



}



/* The shell no longer scrolls, the content does. */



.nc-header .nc-mega__inner{



	max-height:calc(100dvh - var(--ac-mega-top,180px) - 26px);



	overflow-y:auto;



	overflow-x:hidden;



	overscroll-behavior:contain;



	border-radius:inherit;



	scrollbar-width:thin;



}



/* Roomier panel so the larger cards breathe; the category rail keeps a



   single readable column and hands the rest of the width to the products. */



.nc-header .nc-mega .nc-mega__cols{



	grid-template-columns:300px minmax(0,1fr)!important;



	height:min(500px,calc(100dvh - var(--ac-mega-top,180px) - 70px))!important;



}



.nc-header .nc-mega .nc-mega__cats{



	grid-template-columns:1fr!important;



	grid-auto-rows:auto!important;



	gap:0!important;



	padding:14px!important;



}



.nc-header .nc-mega .nc-mega__panels{padding:20px!important}



.nc-header .nc-mega .nc-mega__panel h3{font-size:20px!important;line-height:1.35!important;margin:0 0 14px!important}



.nc-header .nc-mega .nc-mega__panel p{margin-bottom:12px!important}



.nc-header .nc-mega .actorein-mega-all{margin-top:10px!important;padding-top:10px!important}



.nc-header .nc-mega .nc-mega__grid{gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}



/* Bigger product tiles: taller card, portrait media frame, stronger title. */



.nc-header .nc-mega .nc-mega__item{



	min-height:98px;



	padding:12px 14px!important;



	gap:14px!important;



	align-items:center;



	border-radius:13px!important;



}



.nc-header .nc-mega .nc-mega__item:hover{



	transform:translateY(-3px)!important;



	box-shadow:0 16px 32px -14px #0a254033!important;



	border-color:#8bcde5!important;



}



.nc-header .nc-mega .nc-mega__item-media{



	display:grid;



	place-items:center;



	width:66px!important;height:76px!important;



	flex:0 0 66px!important;



	padding:5px;



	border-radius:9px!important;



	overflow:hidden;



	background:linear-gradient(180deg,#f8fbfd,#edf4f8)!important;



}



.nc-header .nc-mega .nc-mega__item-media img{



	display:block;



	width:100%!important;height:100%!important;



	object-fit:contain!important;



	transition:transform .35s cubic-bezier(.22,1,.36,1);



}



.nc-header .nc-mega .nc-mega__item:hover .nc-mega__item-media img{transform:scale(1.06)}



.nc-header .nc-mega .nc-mega__item-title{font-size:13.5px!important;line-height:1.35!important;font-weight:700!important;color:#0a2540!important}



/* Trigger reads as pressed while its panel is open. */



.nc-header .nc-menu__item--mega.is-open > a,



.nc-header .nc-menu__item--mega:hover > a{



	background:#eaf7fe!important;



	color:#007ca8!important;



	border-radius:8px;



}



}



/* Cards rise into place after the panel lands; fill-mode keeps a plain



   hover transform once the animation is over. */



@keyframes ac-mega-card-in{



	from{opacity:0;transform:translateY(12px) scale(.97)}



	to{opacity:1;transform:none}



}



@media(min-width:901px){



.nc-header .nc-mega.is-open .nc-mega__item,



.nc-header .nc-menu__item--mega.is-open .nc-mega .nc-mega__item{



	animation:ac-mega-card-in .5s cubic-bezier(.22,1.1,.32,1) backwards;



}



.nc-header .nc-mega__grid .nc-mega__item:nth-child(2){animation-delay:.05s}



.nc-header .nc-mega__grid .nc-mega__item:nth-child(3){animation-delay:.1s}



.nc-header .nc-mega__grid .nc-mega__item:nth-child(4){animation-delay:.15s}



.nc-header .nc-mega__grid .nc-mega__item:nth-child(5){animation-delay:.2s}



.nc-header .nc-mega__grid .nc-mega__item:nth-child(6){animation-delay:.25s}



.nc-header .nc-mega__grid .nc-mega__item:nth-child(n+7){animation-delay:.3s}



}



html.ac-access-dark .nc-header .nc-mega::after{background:var(--ac-dark-bg,#101e2e);border-color:var(--ac-dark-border,#34495f);box-shadow:-7px -7px 18px #00000040}



html.ac-access-dark .nc-header .nc-menu__item--mega.is-open > a,



html.ac-access-dark .nc-header .nc-menu__item--mega:hover > a{background:#173d53!important;color:#8cddff!important}



html.ac-access-dark .nc-header .nc-mega .nc-mega__item-media{background:linear-gradient(180deg,#0d1b2a,#152a3d)!important}



html.ac-access-contrast .nc-header .nc-mega::after{border-color:currentColor}



@media(min-width:901px) and (max-width:1100px){



.nc-header .nc-mega .nc-mega__cols{grid-template-columns:264px minmax(0,1fr)!important}



}



@media(prefers-reduced-motion:reduce){



.nc-header .nc-mega,



.nc-header .nc-mega.is-open,



.nc-header .nc-mega:focus-within,



.nc-header .nc-menu__item--mega.is-open .nc-mega,



.nc-header .nc-menu__item--mega.is-open .nc-mega,



.nc-header .nc-menu__item--mega.is-open .nc-mega{transform:none!important}



.nc-header .nc-mega::after,



.nc-header .nc-mega.is-open::after{transform:rotate(45deg)!important}



.nc-header .nc-mega .nc-mega__item,



.nc-header .nc-mega .nc-mega__item-media img{animation:none!important;transition:none!important}



}







/* ============================================================



   MODULE: search-modal.css



   ============================================================ */



/* ==========================================================================



   ACTOREIN — Search modal



   Apple-style sidebar: translucent light rail, quiet group labels, rounded



   selection, and a clean results canvas. Full-height drawer on every screen.



   ========================================================================== */







/* 1. Overlay and shell ---------------------------------------------------- */



.nc-search__panel.nc-search__panel {



    position: fixed !important;



    inset: 0 !important;



    z-index: 99999 !important;



    display: flex !important;



    flex-direction: row !important;



    align-items: stretch !important;



    justify-content: flex-end !important;



    width: 100vw !important;



    height: 100vh !important;



    height: 100dvh !important;



    max-height: 100dvh !important;



    min-height: 0 !important;



    margin: 0 !important;



    padding: 0 !important;



    overflow: hidden !important;



    border: 0 !important;



    border-radius: 0 !important;



    background: rgba(7, 12, 20, .45) !important;



    -webkit-backdrop-filter: blur(12px) saturate(125%) !important;



    backdrop-filter: blur(12px) saturate(125%) !important;



    opacity: 0;



    visibility: hidden;



    pointer-events: none;



    transition: opacity .3s ease, visibility .3s ease;



}



.nc-search__panel::before {



    content: none !important;



    display: none !important;



}



.nc-search__panel.is-open {



    opacity: 1 !important;



    visibility: visible !important;



    pointer-events: auto !important;



}







.nc-search__panel .nc-search__shell {



    position: relative;



    display: grid !important;



    grid-template-columns: 252px minmax(0, 1fr);



    grid-template-rows: minmax(0, 1fr);



    width: min(1060px, 100%) !important;



    height: 100vh !important;



    height: 100dvh !important;



    min-height: 0 !important;



    margin: 0 !important;



    padding: 0 !important;



    overflow: hidden !important;



    border: 0 !important;



    border-radius: 0 !important;



    border-start-start-radius: 20px;



    border-end-start-radius: 20px;



    background: #fff !important;



    color: #1d1d1f;



    box-shadow: -32px 0 90px rgba(4, 12, 24, .42);



    transform: translateX(34px);



    transition: transform .44s cubic-bezier(.22, .9, .24, 1);



}



.nc-search__panel.is-open .nc-search__shell {



    transform: translateX(0);



}







/* 2. Sidebar -------------------------------------------------------------- */



.nc-search__side {



    display: flex;



    flex-direction: column;



    min-height: 0;



    padding: 26px 12px 14px;



    background: linear-gradient(180deg, #f4f4f6 0%, #eeeef1 100%);



    border-inline-end: 1px solid rgba(0, 0, 0, .085);



    overflow-y: auto;



    overscroll-behavior: contain;



    scrollbar-width: none;



}



.nc-search__side::-webkit-scrollbar { width: 0; }







.nc-search__brand {



    display: flex;



    align-items: center;



    gap: 9px;



    flex: 0 0 auto;



    padding: 0 10px 22px;



}



.nc-search__wordmark {



    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;



    font-size: 11px;



    font-weight: 700;



    line-height: 1;



    letter-spacing: .17em;



    color: #1d1d1f;



}







.nc-search__side-nav {



    display: flex;



    flex-direction: column;



    min-height: 0;



}



.nc-search__group-label {



    margin: 0 10px 5px;



    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;



    font-size: 11px;



    font-weight: 600;



    line-height: 1.3;



    letter-spacing: .005em;



    color: #86868b;



}



.nc-search__group-label--quick { margin-top: 0; }







.nc-search__side .nc-search__filters,



.nc-search__side .nc-search__suggestions {



    display: flex;



    flex-direction: column;



    gap: 1px;



    width: 100%;



    margin: 0;



    padding: 0;



    border: 0;



}



.nc-search__side .nc-search__filters { margin-bottom: 22px; }







.nc-search__side .nc-search__filter,



.nc-search__side .nc-search__chip {



    display: flex;



    align-items: center;



    gap: 9px;



    width: 100%;



    min-height: 31px;



    padding: 6px 10px;



    border: 0;



    border-radius: 7px;



    background: transparent;



    color: #1d1d1f;



    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;



    font-size: 13px;



    font-weight: 500;



    line-height: 1.25;



    letter-spacing: -.005em;



    text-align: start;



    cursor: pointer;



    -webkit-tap-highlight-color: transparent;



    transition: background-color .14s ease, color .14s ease, box-shadow .14s ease;



}



.nc-search__side .nc-search__filter svg,



.nc-search__side .nc-search__chip svg {



    width: 16px;



    height: 16px;



    flex: 0 0 16px;



    color: #737378;



    transition: color .14s ease;



}



.nc-search__side .nc-search__filter:hover,



.nc-search__side .nc-search__chip:hover { background: rgba(0, 0, 0, .05); }



.nc-search__side .nc-search__filter:active,



.nc-search__side .nc-search__chip:active { background: rgba(0, 0, 0, .085); }



.nc-search__side .nc-search__filter[aria-pressed=true] {



    background: #0a84ff;



    color: #fff;



    box-shadow: 0 1px 2px rgba(10, 132, 255, .3);



}



.nc-search__side .nc-search__filter[aria-pressed=true] svg { color: #fff; }



.nc-search__side .nc-search__filter:focus-visible,



.nc-search__side .nc-search__chip:focus-visible {



    outline: 3px solid rgba(10, 132, 255, .45);



    outline-offset: 1px;



}



.nc-search__suggestions[hidden],



.nc-search__group-label[hidden] { display: none !important; }







.nc-search__side-foot {



    display: flex;



    align-items: center;



    gap: 7px;



    flex: 0 0 auto;



    margin-top: auto;



    padding: 16px 10px 2px;



    border-top: 1px solid rgba(0, 0, 0, .07);



    color: #86868b;



    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;



    font-size: 11px;



    line-height: 1.3;



}



.nc-search__kbd {



    display: inline-grid;



    place-items: center;



    min-width: 21px;



    height: 18px;



    padding: 0 5px;



    border: 1px solid rgba(0, 0, 0, .12);



    border-radius: 4.5px;



    background: rgba(255, 255, 255, .8);



    box-shadow: 0 1px 0 rgba(0, 0, 0, .04);



    color: #6e6e73;



    font-size: 10px;



    font-weight: 600;



    line-height: 1;



    letter-spacing: .04em;



    text-transform: uppercase;



}







/* 3. Content header ------------------------------------------------------- */



.nc-search__main {



    display: flex;



    flex-direction: column;



    min-width: 0;



    min-height: 0;



    height: 100%;



    background: #fff;



    overflow: hidden;



}



.nc-search__top {



    flex: 0 0 auto;



    padding: 20px 34px 0;



    border: 0;



    background: #fff;



}



.nc-search__toolbar {



    display: flex;



    align-items: center;



    justify-content: flex-end;



    height: 32px;



    margin-bottom: 14px;



}



.nc-search__panel .nc-search__close {



    position: static !important;



    inset: auto !important;



    display: grid !important;



    place-items: center;



    width: 32px !important;



    height: 32px !important;



    min-width: 32px;



    margin: 0 !important;



    padding: 0 !important;



    border: 0 !important;



    border-radius: 50% !important;



    background: #f2f2f4 !important;



    color: #6e6e73 !important;



    box-shadow: none !important;



    cursor: pointer;



    transition: background-color .16s ease, color .16s ease;



}



.nc-search__panel .nc-search__close:hover {



    background: #e7e7ea !important;



    color: #1d1d1f !important;



}



.nc-search__panel .nc-search__close:focus-visible {



    outline: 3px solid rgba(10, 132, 255, .5);



    outline-offset: 2px;



}



.nc-search__close svg { display: block; width: 14px; height: 14px; }







.nc-search__panel .nc-search__heading {



    max-width: 22ch;



    margin: 0 0 7px;



    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;



    font-size: clamp(26px, 2.9vw, 34px);



    font-weight: 600;



    line-height: 1.12;



    letter-spacing: -.04em;



    color: #1d1d1f;



}



.nc-search__panel .nc-search__intro {



    margin: 0 0 20px;



    color: #86868b;



    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;



    font-size: 13px;



    line-height: 1.45;



    letter-spacing: -.005em;



}







.nc-search__field {



    display: flex;



    align-items: center;



    gap: 10px;



    height: 46px;



    margin: 0;



    padding: 0 12px 0 14px;



    border: 1px solid rgba(0, 0, 0, .06);



    border-radius: 12px;



    background: #f5f5f7;



    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;



}



.nc-search__field:focus-within {



    border-color: #0071e3;



    background: #fff;



    box-shadow: 0 0 0 4px rgba(0, 113, 227, .14);



}



.nc-search__field-icon {



    display: grid;



    place-items: center;



    flex: 0 0 17px;



    color: #8e8e93;



}



.nc-search__field-icon svg { display: block; width: 17px; height: 17px; }







.nc-search__panel .nc-search__input {



    display: block !important;



    flex: 1 1 auto !important;



    width: 100% !important;



    min-width: 0 !important;



    height: 100% !important;



    min-height: 0 !important;



    max-height: none !important;



    margin: 0 !important;



    padding: 0 !important;



    border: 0 !important;



    border-radius: 0 !important;



    background: transparent !important;



    box-shadow: none !important;



    color: #1d1d1f !important;



    font-family: inherit !important;



    font-size: 15px !important;



    font-weight: 400;



    line-height: 1.4 !important;



    outline: 0 !important;



}



.nc-search__panel .nc-search__input::placeholder { color: #8e8e93 !important; opacity: 1; }



.nc-search__panel .nc-search__input:focus {



    border: 0 !important;



    background: transparent !important;



    box-shadow: none !important;



    outline: 0 !important;



}







.nc-search__panel .nc-search__clear {



    position: static;



    inset: auto;



    display: inline-grid;



    place-items: center;



    flex: 0 0 22px;



    width: 22px;



    height: 22px;



    padding: 0;



    border: 0;



    border-radius: 50%;



    background: rgba(0, 0, 0, .09);



    color: #6e6e73;



    cursor: pointer;



    transition: background-color .15s ease, color .15s ease;



}



.nc-search__panel .nc-search__clear:hover {



    background: rgba(0, 0, 0, .16);



    color: #1d1d1f;



}



.nc-search__panel .nc-search__clear:focus-visible {



    outline: 3px solid rgba(10, 132, 255, .5);



    outline-offset: 2px;



}



.nc-search__clear svg { display: block; width: 9px; height: 9px; }



.nc-search__clear[hidden] { display: none !important; }







/* 4. Results -------------------------------------------------------------- */



.nc-search__scroll {



    flex: 1 1 auto;



    min-height: 0;



    padding: 20px 34px 40px;



    background: #fff;



    overflow-y: auto;



    overscroll-behavior: contain;



    scrollbar-width: thin;



    scrollbar-color: rgba(0, 0, 0, .2) transparent;



}



.nc-search__scroll::-webkit-scrollbar { width: 8px; }



.nc-search__scroll::-webkit-scrollbar-thumb {



    border: 2px solid #fff;



    border-radius: 99px;



    background: rgba(0, 0, 0, .18);



    background-clip: padding-box;



}



.nc-search__panel .nc-search__count {



    margin: 0 0 14px;



    color: #86868b;



    font-size: 12px;



    font-weight: 500;



    letter-spacing: -.005em;



}



.nc-search__panel .nc-search__results {



    display: grid;



    grid-template-columns: repeat(2, minmax(0, 1fr));



    gap: 16px;



    width: 100% !important;



    margin: 0 !important;



    padding: 0 !important;



}



.nc-search__panel .nc-search__item {



    position: relative;



    display: flex;



    flex-direction: column;



    align-items: stretch;



    gap: 0;



    margin: 0;



    padding: 0 !important;



    overflow: hidden;



    border: 1px solid #e9e9ee;



    border-radius: 14px;



    background: #fff;



    box-shadow: 0 1px 1px rgba(0, 0, 0, .02);



    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;



}



.nc-search__panel .nc-search__item:hover {



    border-color: rgba(0, 0, 0, .08);



    background: #fff !important;



    box-shadow: 0 14px 34px -12px rgba(10, 25, 45, .22);



    transform: translateY(-2px);



}



.nc-search__panel .nc-search__item:focus-visible {



    border-color: transparent;



    outline: 3px solid rgba(0, 113, 227, .5);



    outline-offset: 2px;



}



.nc-search__panel .nc-search__item-media {



    display: flex;



    align-items: center;



    justify-content: center;



    flex: 0 0 162px;



    width: 100%;



    height: 162px;



    padding: 18px;



    border: 0;



    border-bottom: 1px solid #f0f0f3;



    border-radius: 0;



    background: #f5f5f7;



}



.nc-search__panel .nc-search__item-media img {



    width: 100%;



    height: 100%;



    object-fit: contain;



    mix-blend-mode: multiply;



}



.nc-search__panel .nc-search__item-media--icon svg {



    width: 40px !important;



    height: 40px !important;



    color: #a1a1a6;



}



.nc-search__panel .nc-search__item-body {



    display: flex;



    flex-direction: column;



    align-items: flex-start;



    gap: 6px;



    min-width: 0;



    padding: 14px 18px 18px;



}



.nc-search__panel .nc-search__item-cat {



    display: inline-block;



    margin: 0;



    padding: 0;



    border: 0;



    background: transparent;



    color: #0071e3;



    font-size: 10.5px;



    font-weight: 600;



    line-height: 1.2;



    letter-spacing: .02em;



    text-transform: uppercase;



}



.nc-search__panel .nc-search__item-body strong {



    display: block;



    padding: 0;



    color: #1d1d1f;



    font-size: 14px;



    font-weight: 600;



    line-height: 1.4;



    letter-spacing: -.01em;



    overflow-wrap: anywhere;



}



.nc-search__panel .nc-search__item-body > span:not(.nc-search__item-cat) {



    display: -webkit-box;



    overflow: hidden;



    padding-inline-end: 2px;



    color: #6e6e73;



    font-size: 12px;



    line-height: 1.5;



    white-space: normal;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 2;



}



.nc-search__panel .nc-search__item-go {



    position: absolute;



    inset-inline-end: 16px;



    bottom: 16px;



    color: #0071e3;



    font-size: 15px;



    line-height: 1;



    transition: transform .2s ease;



}



.nc-search__panel .nc-search__item:hover .nc-search__item-go { transform: translateX(2px); }







/* 5. Empty / loading states ------------------------------------------------ */



.nc-search__panel .nc-search__state {



    display: flex;



    flex-direction: column;



    align-items: center;



    justify-content: center;



    gap: 14px;



    grid-column: 1 / -1;



    min-height: 300px;



    padding: 48px 12%;



    border: 0;



    border-radius: 0;



    background: transparent;



    color: #86868b;



    font-size: 13px;



    line-height: 1.55;



    letter-spacing: 0;



    text-align: center;



    text-transform: none;



}



.nc-search__panel .nc-search__state::before {



    content: '';



    display: block;



    width: 30px;



    height: 30px;



    flex: 0 0 30px;



    background: currentColor;



    opacity: .42;



    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat;



    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat;



}



.nc-search__results[aria-busy=true] .nc-search__state::before {



    width: 18px;



    height: 18px;



    flex: 0 0 18px;



    border: 2px solid rgba(0, 113, 227, .2);



    border-top-color: #0071e3;



    border-radius: 50%;



    background: transparent;



    opacity: 1;



    -webkit-mask: none;



    mask: none;



    animation: search-turn .7s linear infinite;



}



@keyframes search-turn { to { transform: rotate(360deg); } }







/* 6. Dark appearance ------------------------------------------------------ */



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel.nc-search__panel {



    background: rgba(0, 0, 0, .58) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__shell {



    background: #1c1c1e !important;



    color: #f5f5f7 !important;



    border-color: #3a3a3c !important;



    box-shadow: -32px 0 90px rgba(0, 0, 0, .58);



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__side {



    background: linear-gradient(180deg, #242426 0%, #1f1f21 100%) !important;



    border-color: rgba(255, 255, 255, .09) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__brand,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__side-nav,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__side .nc-search__filters,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__side .nc-search__suggestions,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__side-foot {



    background: transparent !important;



    border-color: transparent !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__wordmark,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__heading,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__item-body strong {



    color: #f5f5f7 !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__group-label,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__intro,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__count,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__side-foot {



    color: #98989d !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__side .nc-search__filter,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__side .nc-search__chip {



    border: 0 !important;



    background: transparent !important;



    color: #e5e5ea !important;



    box-shadow: none !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__side .nc-search__filter svg,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__side .nc-search__chip svg {



    color: #a1a1a6 !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__side .nc-search__filter:hover,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__side .nc-search__chip:hover {



    background: rgba(255, 255, 255, .08) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__side .nc-search__filter[aria-pressed=true] {



    background: #0a84ff !important;



    color: #fff !important;



    box-shadow: 0 1px 2px rgba(0, 0, 0, .4) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__side .nc-search__filter[aria-pressed=true] svg {



    color: #fff !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__side-foot {



    border-top: 1px solid rgba(255, 255, 255, .1) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__kbd {



    border-color: rgba(255, 255, 255, .16) !important;



    background: #2c2c2e !important;



    box-shadow: 0 1px 0 rgba(0, 0, 0, .35);



    color: #d1d1d6 !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__main,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__top,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__scroll {



    background: #1c1c1e !important;



    border-color: #3a3a3c !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__toolbar,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__results,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__suggestions {



    background: transparent !important;



    border-color: transparent !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__close {



    border: 0 !important;



    background: #2c2c2e !important;



    color: #d1d1d6 !important;



    box-shadow: none !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__close:hover {



    background: #3a3a3c !important;



    color: #fff !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__field {



    border: 1px solid #3a3a3c !important;



    background: #2c2c2e !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__field:focus-within {



    border-color: #0a84ff !important;



    background: #2c2c2e !important;



    box-shadow: 0 0 0 4px rgba(10, 132, 255, .22);



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__field-icon { color: #98989d !important; }



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__input {



    border: 0 !important;



    background: transparent !important;



    color: #f5f5f7 !important;



    box-shadow: none !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__input::placeholder {



    color: #98989d !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__clear {



    border: 0 !important;



    background: rgba(255, 255, 255, .14) !important;



    color: #d1d1d6 !important;



    box-shadow: none !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__clear:hover {



    background: rgba(255, 255, 255, .24) !important;



    color: #fff !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__item {



    border-color: #3a3a3c !important;



    background: #2c2c2e !important;



    box-shadow: none;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__item:hover {



    border-color: #48484a !important;



    background: #2c2c2e !important;



    box-shadow: 0 14px 34px -12px rgba(0, 0, 0, .65);



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__item-media {



    border-color: #3a3a3c !important;



    background: #fff !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__item-media img {



    mix-blend-mode: normal;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__item-cat,



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__item-go {



    color: #64b5ff !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__item-body > span:not(.nc-search__item-cat) {



    color: #a1a1a6 !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__panel .nc-search__state {



    border: 0 !important;



    background: transparent !important;



    color: #98989d !important;



}



/* Mobile controls: segmented filters in the header, quick searches above results. */



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__top .nc-search__filters {



    border-color: #3a3a3c !important;



    background: #2c2c2e !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__top .nc-search__filters .nc-search__filter {



    border: 0 !important;



    background: transparent !important;



    color: #98989d !important;



    box-shadow: none !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__top .nc-search__filters .nc-search__filter[aria-pressed=true] {



    background: #636366 !important;



    color: #fff !important;



    box-shadow: 0 1px 3px rgba(0, 0, 0, .4) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__scroll .nc-search__suggestions .nc-search__chip {



    border: 1px solid #3a3a3c !important;



    background: #2c2c2e !important;



    color: #e5e5ea !important;



    box-shadow: none !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__scroll .nc-search__suggestions .nc-search__chip svg {



    color: #98989d !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__scroll {



    scrollbar-color: rgba(255, 255, 255, .24) transparent;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-search__scroll::-webkit-scrollbar-thumb {



    border-color: #1c1c1e;



    background: rgba(255, 255, 255, .24);



    background-clip: padding-box;



}







/* 7. High contrast -------------------------------------------------------- */



html.ac-access-contrast .nc-search__panel .nc-search__filter[aria-pressed=true],



html.ac-access-contrast .nc-search__panel .nc-search__chip:focus-visible {



    background: #000 !important;



    color: #fff !important;



    outline: 3px solid currentColor;



    outline-offset: 2px;



    text-decoration: underline;



}







/* 8. Responsive ----------------------------------------------------------- */



@media (max-width: 900px) {



    .nc-search__panel .nc-search__shell {



        grid-template-columns: minmax(0, 1fr);



        width: 100% !important;



        border-radius: 0;



    }



    .nc-search__side { display: none !important; }



    .nc-search__top { padding: 16px 22px 0; }



    .nc-search__toolbar { height: 30px; margin-bottom: 12px; }



    .nc-search__panel .nc-search__close { width: 30px !important; height: 30px !important; min-width: 30px; }



    .nc-search__panel .nc-search__heading { font-size: clamp(24px, 5vw, 30px); letter-spacing: -.035em; }



    .nc-search__panel .nc-search__intro { margin-bottom: 16px; font-size: 12.5px; }



    .nc-search__field { height: 44px; border-radius: 11px; }



    .nc-search__panel .nc-search__filters {



        display: flex;



        flex-direction: row;



        gap: 4px;



        width: 100%;



        margin: 14px 0 0;



        padding: 3px;



        border: 1px solid rgba(0, 0, 0, .04);



        border-radius: 10px;



        background: #f2f2f4;



    }



    .nc-search__panel .nc-search__filters .nc-search__filter {



        flex: 1 1 0;



        justify-content: center;



        gap: 0;



        min-height: 30px;



        padding: 5px 8px;



        border: 0;



        border-radius: 8px;



        background: transparent;



        color: #6e6e73;



        font-size: 12px;



        font-weight: 600;



        box-shadow: none;



    }



    .nc-search__panel .nc-search__filters .nc-search__filter svg { display: none; }



    .nc-search__panel .nc-search__filters .nc-search__filter[aria-pressed=true] {



        background: #fff;



        color: #1d1d1f;



        box-shadow: 0 1px 3px rgba(0, 0, 0, .14), 0 0 0 .5px rgba(0, 0, 0, .04);



    }



    .nc-search__scroll { padding: 16px 22px 32px; }



    .nc-search__panel .nc-search__suggestions {



        display: flex;



        flex-wrap: wrap;



        gap: 7px;



        margin: 0 0 16px;



        padding: 0;



    }



    .nc-search__panel .nc-search__suggestions .nc-search__chip {



        display: inline-flex;



        width: auto;



        min-height: 28px;



        padding: 5px 11px;



        border: 1px solid #e3e3e8;



        border-radius: 999px;



        background: #fff;



        color: #1d1d1f;



        font-size: 11.5px;



        font-weight: 500;



        gap: 6px;



    }



    .nc-search__panel .nc-search__suggestions .nc-search__chip svg {



        width: 13px;



        height: 13px;



        flex: 0 0 13px;



        color: #8e8e93;



    }



    .nc-search__panel .nc-search__results { gap: 12px; }



    .nc-search__panel .nc-search__item-media { flex-basis: 150px; height: 150px; padding: 14px; }



}







@media (max-width: 640px) {



    .nc-search__top { padding: 14px 18px 0; }



    .nc-search__scroll { padding: 14px 18px 28px; }



    .nc-search__panel .nc-search__heading { font-size: 26px; max-width: none; }



    .nc-search__panel .nc-search__results { grid-template-columns: minmax(0, 1fr); gap: 10px; }



    .nc-search__panel .nc-search__item {



        flex-direction: row;



        align-items: stretch;



        border-radius: 12px;



    }



    .nc-search__panel .nc-search__item-media {



        flex: 0 0 88px;



        width: 88px;



        height: auto;



        min-height: 88px;



        padding: 8px;



        border-bottom: 0;



        border-inline-end: 1px solid #f0f0f3;



    }



    .nc-search__panel .nc-search__item-body {



        justify-content: center;



        flex: 1 1 auto;



        padding: 12px 14px;



        gap: 4px;



    }



    .nc-search__panel .nc-search__item-cat { font-size: 9.5px; }



    .nc-search__panel .nc-search__item-body strong { font-size: 13px; }



    .nc-search__panel .nc-search__item-body > span:not(.nc-search__item-cat) { font-size: 11.5px; }



    .nc-search__panel .nc-search__item-go { display: none; }



    .nc-search__panel .nc-search__state { min-height: 200px; padding: 36px 18px; }



}







@media (max-width: 380px) {



    .nc-search__panel .nc-search__filters .nc-search__filter { font-size: 11px; padding-inline: 4px; }



    .nc-search__top { padding-inline: 14px; }



    .nc-search__scroll { padding-inline: 14px; }



}







/* 9. RTL, Persian, motion ------------------------------------------------ */



html[dir=rtl] .nc-search__panel .nc-search__shell { box-shadow: 32px 0 90px rgba(4, 12, 24, .42); }



html[dir=rtl] .nc-search__panel .nc-search__item-go { transform: scaleX(-1); }



html[dir=rtl] .nc-search__panel .nc-search__item:hover .nc-search__item-go { transform: scaleX(-1) translateX(2px); }



html[dir=rtl] .nc-search__panel .nc-search__item-cat,



html[lang^="fa"] .nc-search__panel .nc-search__item-cat { margin-inline: 0; }



html[lang^="fa"] .nc-search__field .nc-search__input {



    padding-inline: 0 !important;



    font-family: inherit !important;



    text-align: start;



}



html[lang^="fa"] .nc-search__panel .nc-search__close {



    position: static !important;



    inset: auto !important;



}



html[lang^="fa"] .nc-search__panel .nc-search__heading {



    letter-spacing: normal;



    line-height: 1.35;



}







@media (prefers-reduced-motion: reduce) {



    .nc-search__panel .nc-search__shell,



    .nc-search__panel .nc-search__item,



    .nc-search__panel .nc-search__item-go { transition: none; }



    .nc-search__panel .nc-search__item:hover { transform: none; }



    .nc-search__results[aria-busy=true] .nc-search__state::before { animation: none; }



}







/* Quick-search chips use real product titles; keep long names inside the panel. */



.nc-search__panel .nc-search__chip { max-width: 100%; }



.nc-search__panel .nc-search__chip-text {



    display: block;



    min-width: 0;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



}







/* ============================================================



   MODULE: persian.css



   ============================================================ */



/* Persian layout: mirror interface chrome while isolating LTR names and numbers. */



html[lang^="fa"] body { font-family: Tahoma, Arial, sans-serif; line-height: 1.8; }



html[lang^="fa"] h1,html[lang^="fa"] h2,html[lang^="fa"] h3,html[lang^="fa"] button,html[lang^="fa"] input,html[lang^="fa"] summary,



html[lang^="fa"] .nc-menu a,html[lang^="fa"] .nc-mega__cat,html[lang^="fa"] .acto-subnav a { font-family: Tahoma, Arial, sans-serif !important; letter-spacing: normal !important; text-transform: none !important; }



html[lang^="fa"] .nc-search__panel { direction: rtl; }



html[lang^="fa"] .nc-search__panel::before { direction: rtl; unicode-bidi: plaintext; font-family: Tahoma, Arial, sans-serif !important; letter-spacing: normal !important; line-height: 1.7; }



html[lang^="fa"] .nc-search__input { direction: rtl; text-align: right; font-family: Tahoma, Arial, sans-serif; padding-inline: 28px !important; }



html[lang^="fa"] .nc-search__input::placeholder { text-align: right; }



html[lang^="fa"] .nc-search__results { direction: rtl; text-align: right; }



html[lang^="fa"] .nc-search__state { letter-spacing: normal; text-transform: none; line-height: 1.9; }



html[lang^="fa"] .nc-search__close { right: auto; left: 28px; }



html[lang^="fa"] .nc-search__item-go,html[lang^="fa"] .nc-mega__item-go,html[lang^="fa"] .nc-mega__cat-arrow,html[lang^="fa"] .ac-product__action svg { transform: scaleX(-1); }



html[lang^="fa"] .nc-lang__menu { right: auto; left: 0; text-align: right; }



html[lang^="fa"] .nc-lang__menu-code,html[lang^="fa"] .nc-sheet__code { margin-left: 0; margin-right: auto; direction: ltr; unicode-bidi: isolate; }



html[lang^="fa"] .nc-topbar__text strong,html[lang^="fa"] a[href^="tel:"],html[lang^="fa"] a[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; }



html[lang^="fa"] .nc-mega__cats { border-right: 0 !important; border-left: 1px solid #e2e8f0; text-align: right; }



html[lang^="fa"] .nc-mega__cat { text-align: right; line-height: 1.8; }



html[lang^="fa"] .nc-mega__panel,html[lang^="fa"] .acto-pd__panels { text-align: right; }



html[lang^="fa"] .nc-mega__item-body { min-width: 0; text-align: start; }



html[lang^="fa"] .nc-mega__item-title,html[lang^="fa"] .ac-product__title,html[lang^="fa"] .acto-v-details b { direction: ltr; unicode-bidi: isolate; text-align: start; }



html[lang^="fa"] .ac-brand-filter__panel { right: auto; left: 0; direction: rtl; text-align: right; }



html[lang^="fa"] .ac-brand-filter__options label { line-height: 1.9; }



html[lang^="fa"] .acto-v-meta,html[lang^="fa"] .acto-pd__counter { direction: ltr; unicode-bidi: isolate; }



html[lang^="fa"] .acto-pd__counter { right: auto; left: 16px; }



html[lang^="fa"] .acto-pd__zoom { left: auto; right: 16px; }



html[lang^="fa"] .pdt-doc__body { text-align: start; min-width: 0; }



html[lang^="fa"] [data-auto-direction] { unicode-bidi: plaintext; text-align: start; }



html[lang^="fa"] .actorein-table-scroll { direction: ltr; }



html[lang^="fa"] .acto-pd__thumbs,html[lang^="fa"] .acto-pd__track,html[lang^="fa"] .acto-pd__main { direction: ltr; }



@media(max-width:640px) { html[lang^="fa"] .nc-search__close { left:16px; } html[lang^="fa"] .ac-category-filter .ac-brand-filter__panel { left: auto; right: 0; } }



html[lang^="fa"] .nc-search__state { font-size: 14px; }



html[lang^="fa"] .nc-search__input { font-size: 18px !important; }



html[lang^="fa"] .nc-search__panel::before { font-size: 30px !important; }



@media(max-width:640px){html[lang^="fa"] .nc-search__panel::before{font-size:24px !important}html[lang^="fa"] .nc-search__input{font-size:16px !important}}



/* Put card navigation at the RTL trailing edge, away from the packshot. */



html[lang^="fa"] .nc-mega__item-body { flex: 1; padding-right: 0; padding-left: 36px; }



html[lang^="fa"] .nc-mega__item-go { right: auto !important; left: 10px !important; top: 50%; bottom: auto; direction: ltr; unicode-bidi: isolate; transform: translateY(-50%) scaleX(-1) !important; }



html[lang^="fa"] .nc-mega__item:hover .nc-mega__item-go { transform: translateY(-50%) translateX(-3px) scaleX(-1) !important; }



html[lang^="fa"] .nc-mega__cat-arrow { direction: ltr; unicode-bidi: isolate; transform: scaleX(-1) !important; }



html[lang^="fa"] .nc-mega__cat:hover .nc-mega__cat-arrow,



html[lang^="fa"] .nc-mega__cat.is-active .nc-mega__cat-arrow { transform: translateX(-2px) scaleX(-1) !important; }







html[lang^="fa"] body.single-product .acto-pd__counter { right: auto !important; left: 14px !important; }







/* Latin product names keep their reading direction but align with Persian content. */



html[lang^="fa"] body.single-product .acto-pd__panels h1,



html[lang^="fa"] body.single-product .acto-pd__info h1,



html[lang^="fa"] body.single-product .acto-product__info h1,



html[lang^="fa"] body.single-product .pdt-title {



    text-align: right !important;



}







/* ============================================================



   MODULE: container-layout.css



   ============================================================ */



/* Container geometry matched to aclind.com source CSS (2026-10-23).



   The maximum is the content width, without a second inner gutter. */



:root {



    --actorein-container: 1180px;



    --actorein-gutter: clamp(1.1rem, 2.4vw, 2rem);



    --nc-container: var(--actorein-container);



    --eds-container: var(--actorein-container);



}







@media (max-width: 1376px) {



    :root { --actorein-gutter: 1rem; }



}







@media (min-width: 1800px) {



    :root { --actorein-container: min(1440px, calc(100vw - 80px)); }



}







body .nc-container,



body .af-footer .af-container,



body .eds-container:not(.acto-tabpanel),



body .actorein-corporate-pages .ac-corporate-pages-nav > .eds-container,



body .actorein-corporate-pages .ac-corporate-content > .eds-container:not(.acto-tabpanel),



body.single-product .acto-tabs > .eds-container,



body.single-product .acto-subnav--product .eds-container,



body .actorein-catalog .acto-page-hero .eds-container,



body .actorein-catalog .acto-products .eds-container {



    box-sizing: border-box;



    width: min(calc(100% - var(--actorein-gutter) * 2), var(--actorein-container)) !important;



    max-width: var(--actorein-container) !important;



    margin-inline: auto !important;



    padding-inline: 0 !important;



}







/* Embedded tab panels use the outer container's full content area. */



body .actorein-corporate-pages .ac-corporate-content .eds-container.acto-tabpanel {



    width: 100% !important;



    max-width: none !important;



    margin-inline: 0 !important;



    padding-inline: 0 !important;



}







/* The promo background spans the viewport; only its own layout controls its edge. */



body .acto-promo .nc-container {



    width: 100% !important;



    max-width: none !important;



}







/* ============================================================



   UNIFORM BODY WIDTH



   Every non-slider section uses exactly the header container's



   content box. The exported homepage sections ship their own



   1180px + 40px values, so this normalization is intentionally



   !important. The hero slider keeps its own full-bleed geometry.



   ============================================================ */



body :is(.rh-categories__wrap, .rh-products__wrap, .rh-areas__wrap) {



    box-sizing: border-box;



    width: min(calc(100% - var(--actorein-gutter) * 2), var(--actorein-container)) !important;



    max-width: var(--actorein-container) !important;



    margin-inline: auto !important;



    padding-inline: 0 !important;



}







/* Swipe rows still bleed to the viewport edge, while their first card



   starts on the shared content edge. */



@media (max-width: 700px) {



    body .rh-categories .rh-categories__stack,



    body .rh-areas .rh-areas__directory {



        margin-inline: calc(var(--actorein-gutter) * -1) !important;



        padding-inline: var(--actorein-gutter) !important;



        scroll-padding-inline: var(--actorein-gutter) !important;



    }



}







/* Section containers that add their own gutter on top of the shared one. */



body .actorein-catalog .ac-catalog-toolbar,



body .acto-sectors .nc-container {



    padding-inline: 0 !important;



}







@media (min-width: 992px) {



    body .acto-carousel__detail {



        padding-left: max(var(--actorein-gutter), calc((100% - var(--actorein-container)) / 2)) !important;



    }



    body .acto-carousel__thumbs {



        left: max(var(--actorein-gutter), calc((100% - var(--actorein-container)) / 2)) !important;



    }



    body .acto-carousel__nav--next {



        right: max(var(--actorein-gutter), calc((100% - var(--actorein-container)) / 2)) !important;



    }



    body .acto-carousel__nav--prev {



        right: calc(max(var(--actorein-gutter), calc((100% - var(--actorein-container)) / 2)) + 66px) !important;



    }



}







/* Brand logos: the row must fill the header container even when the



   exported markup ships five logos inside a six-column grid. */



body .acto-brands__row {



    display: flex;



    gap: 16px;



}







body .acto-brands__row > .acto-brands__item {



    flex: 1 1 0;



    min-width: 0;



}







body .acto-brands__item > img {



    max-width: 100%;



    height: auto;



}







@media (max-width: 991px) {



    body .acto-brands__row {



        display: grid;



        grid-template-columns: repeat(3, minmax(0, 1fr));



    }



}







@media (max-width: 560px) {



    body .acto-brands__row {



        grid-template-columns: repeat(2, minmax(0, 1fr));



    }



}







/* ============================================================



   MODULE: areas-glass.css



   ============================================================ */



/* ============================================================



   HOME USAGE AREAS — Apple-glass accordion



   Replaces the flat white rows with translucent, blur-backed



   cards while keeping the native <details> behaviour.



   ============================================================ */







/* The global canvas provides the soft backdrop; the section itself stays



   transparent so the areas blend into the neighbouring sections. */



.rh-areas {



    position: relative;



    isolation: isolate;



    overflow: clip;



    background: transparent !important;



}







.rh-areas__wrap {



    position: relative;



    z-index: 1;



}







/* Glass card. */



body .rh-areas .rh-areas__entry,



body .rh-areas .rh-areas__entry:nth-child(n) {



    --ra-bg: transparent;



    --ra-accent: #0a84ff;



    position: relative;



    border: 1px solid rgba(255, 255, 255, 0.72) !important;



    border-radius: 22px !important;



    background: rgba(255, 255, 255, 0.5) !important;



    -webkit-backdrop-filter: blur(26px) saturate(170%);



    backdrop-filter: blur(26px) saturate(170%);



    box-shadow:



        0 20px 45px -32px rgba(10, 37, 64, 0.55),



        inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;



    overflow: hidden;



    transition: background-color 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;



}







@media (hover: hover) and (pointer: fine) {



    body .rh-areas .rh-areas__entry:hover {



        background: rgba(255, 255, 255, 0.64) !important;



        border-color: rgba(255, 255, 255, 0.92) !important;



        box-shadow:



            0 28px 55px -30px rgba(10, 37, 64, 0.5),



            inset 0 1px 0 #ffffff !important;



        transform: translateY(-2px) !important;



    }



}







body .rh-areas .rh-areas__entry[open] {



    background: rgba(255, 255, 255, 0.76) !important;



    border-color: rgba(255, 255, 255, 0.95) !important;



    box-shadow:



        0 32px 66px -34px rgba(10, 37, 64, 0.52),



        inset 0 1px 0 #ffffff !important;



}







/* ---------- Desktop / tablet layout ---------- */



@media (min-width: 701px) {



    body .rh-areas .rh-areas__directory {



        display: flex !important;



        flex-direction: column !important;



        align-items: stretch !important;



        gap: 10px !important;



        margin: 0 !important;



        padding: 0 !important;



        overflow: visible !important;



        border: 0 !important;



        background: transparent !important;



        scroll-snap-type: none !important;



    }







    body .rh-areas .rh-areas__entry {



        align-self: stretch !important;



        flex: 0 0 auto !important;



        max-width: none !important;



    }







    body .rh-areas .rh-areas__entry summary {



        display: grid !important;



        grid-template-columns: 38px minmax(0, 1fr) 20px !important;



        align-items: center !important;



        gap: 14px !important;



        min-height: 0 !important;



        padding: 17px 20px !important;



        list-style: none !important;



        color: #1d1d1f !important;



        cursor: pointer !important;



    }







    body .rh-areas .rh-areas__entry summary::-webkit-details-marker { display: none !important; }







    body .rh-areas .rh-areas__entry summary::after {



        content: '';



        justify-self: end;



        width: 9px;



        height: 9px;



        margin-inline-end: 4px;



        border-right: 1.7px solid #86868b;



        border-bottom: 1.7px solid #86868b;



        transform: rotate(45deg);



        transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.2s ease;



    }







    body .rh-areas .rh-areas__entry[open] summary::after {



        transform: rotate(-135deg);



        border-color: #0a2540;



    }







    body .rh-areas .rh-areas__number {



        display: grid !important;



        place-items: center;



        width: 38px !important;



        height: 38px !important;



        flex: 0 0 38px !important;



        border-radius: 12px !important;



        background: rgba(10, 37, 64, 0.06) !important;



        color: #425466 !important;



        font: 600 11px/1 Inter, "SF Pro Text", sans-serif !important;



        font-variant-numeric: tabular-nums;



        letter-spacing: 0.04em;



        transition: background-color 0.24s ease, color 0.24s ease;



    }







    body .rh-areas .rh-areas__entry[open] .rh-areas__number {



        background: #0a2540 !important;



        color: #ffffff !important;



    }







    body .rh-areas .rh-areas__name {



        color: #1d1d1f !important;



        font: 600 16px/1.35 "Plus Jakarta Sans", "SF Pro Text", Inter, sans-serif !important;



        letter-spacing: -0.018em !important;



    }







    body .rh-areas .rh-areas__entry summary:hover .rh-areas__name { color: #0a2540 !important; }







    body .rh-areas .rh-areas__reveal {



        display: grid !important;



        grid-template-columns: 64px minmax(0, 1fr) !important;



        align-items: start !important;



        gap: 18px !important;



        margin: 0 !important;



        padding: 18px 20px 20px !important;



        border-top: 1px solid rgba(10, 37, 64, 0.08) !important;



        background: transparent !important;



        animation: ac-areas-reveal 0.38s cubic-bezier(0.22, 1, 0.36, 1) both;



    }







    body .rh-areas .rh-areas__illustration {



        display: grid !important;



        place-items: center;



        width: 64px !important;



        height: 64px !important;



        min-height: 64px !important;



        margin: 0 !important;



        padding: 0 !important;



        border: 1px solid rgba(255, 255, 255, 0.85) !important;



        border-radius: 18px !important;



        background: rgba(255, 255, 255, 0.7) !important;



        color: #0a84ff !important;



        box-shadow:



            0 14px 28px -20px rgba(10, 37, 64, 0.5),



            inset 0 1px 0 #ffffff !important;



        overflow: visible !important;



    }







    body .rh-areas .rh-areas__illustration::before { content: none !important; }







    body .rh-areas .rh-areas__illustration svg {



        width: 30px !important;



        height: 30px !important;



        opacity: 1 !important;



        stroke-width: 1.3;



    }







    body .rh-areas .rh-areas__detail {



        align-self: center !important;



        min-width: 0;



    }







    body .rh-areas .rh-areas__detail p {



        margin: 0 0 14px !important;



        color: #5f6b76 !important;



        font: 13.5px/1.75 Inter, "SF Pro Text", sans-serif !important;



        max-width: 62ch;



    }







    body .rh-areas .rh-areas__detail a {



        display: inline-flex !important;



        align-items: center;



        gap: 8px;



        padding: 9px 16px !important;



        border: 0 !important;



        border-radius: 999px !important;



        background: #0071e3 !important;



        color: #ffffff !important;



        font: 600 12px/1.2 Inter, "SF Pro Text", sans-serif !important;



        text-decoration: none !important;



        box-shadow: 0 10px 22px -12px rgba(0, 113, 227, 0.8);



        transition: background-color 0.2s ease, transform 0.2s ease;



    }







    body .rh-areas .rh-areas__detail a:hover {



        background: #0060c0 !important;



        transform: translateY(-1px);



    }



}







@keyframes ac-areas-reveal {



    from { opacity: 0; transform: translateY(-6px); }



    to { opacity: 1; transform: translateY(0); }



}







/* ---------- Dark appearance ---------- */



html.ac-access-dark:not(.ac-access-contrast) .rh-areas {



    background: transparent !important;



}







html.ac-access-dark:not(.ac-access-contrast) body .rh-areas .rh-areas__entry,



html.ac-access-dark:not(.ac-access-contrast) body .rh-areas .rh-areas__entry:nth-child(n) {



    border-color: rgba(255, 255, 255, 0.12) !important;



    background: rgba(28, 28, 30, 0.6) !important;



    box-shadow:



        0 24px 50px -30px rgba(0, 0, 0, 0.8),



        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;



}







html.ac-access-dark:not(.ac-access-contrast) body .rh-areas .rh-areas__entry[open] {



    border-color: rgba(255, 255, 255, 0.18) !important;



    background: rgba(36, 36, 38, 0.78) !important;



}







html.ac-access-dark:not(.ac-access-contrast) body .rh-areas .rh-areas__entry summary { color: #f5f5f7 !important; }



html.ac-access-dark:not(.ac-access-contrast) body .rh-areas .rh-areas__name { color: #f5f5f7 !important; }



html.ac-access-dark:not(.ac-access-contrast) body .rh-areas .rh-areas__entry summary:hover .rh-areas__name { color: #ffffff !important; }



html.ac-access-dark:not(.ac-access-contrast) body .rh-areas .rh-areas__entry summary::after { border-color: #98989d; }



html.ac-access-dark:not(.ac-access-contrast) body .rh-areas .rh-areas__entry[open] summary::after { border-color: #f5f5f7; }



html.ac-access-dark:not(.ac-access-contrast) body .rh-areas .rh-areas__number { background: rgba(255, 255, 255, 0.1) !important; color: #d1d1d6 !important; }



html.ac-access-dark:not(.ac-access-contrast) body .rh-areas .rh-areas__entry[open] .rh-areas__number { background: #0a84ff !important; color: #ffffff !important; }



html.ac-access-dark:not(.ac-access-contrast) body .rh-areas .rh-areas__reveal { border-top-color: rgba(255, 255, 255, 0.12) !important; }



html.ac-access-dark:not(.ac-access-contrast) body .rh-areas .rh-areas__detail p { color: #98989d !important; }



html.ac-access-dark:not(.ac-access-contrast) body .rh-areas .rh-areas__illustration {



    border-color: rgba(255, 255, 255, 0.12) !important;



    background: rgba(255, 255, 255, 0.06) !important;



    color: #0a84ff !important;



    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .rh-areas .rh-areas__detail a:not([data-ac-dark-keep]) {



    background: #0a84ff !important;



    color: #ffffff !important;



}







html.ac-access-dark:not(.ac-access-contrast) body .rh-areas .rh-areas__detail a:not([data-ac-dark-keep]):hover {



    background: #0071e3 !important;



    color: #ffffff !important;



}







/* ---------- Forced contrast ---------- */



html.ac-access-contrast .rh-areas {



    background: #ffffff !important;



}







html.ac-access-contrast body .rh-areas .rh-areas__entry,



html.ac-access-contrast body .rh-areas .rh-areas__entry[open],



html.ac-access-contrast body .rh-areas .rh-areas__entry:nth-child(n) {



    border: 2px solid #000000 !important;



    border-radius: 0 !important;



    background: #ffffff !important;



    box-shadow: none !important;



    -webkit-backdrop-filter: none !important;



    backdrop-filter: none !important;



    transform: none !important;



}







html.ac-access-contrast body .rh-areas .rh-areas__name,



html.ac-access-contrast body .rh-areas .rh-areas__entry summary { color: #000000 !important; }



html.ac-access-contrast body .rh-areas .rh-areas__number { background: #000000 !important; color: #ffffff !important; border-radius: 0 !important; }



html.ac-access-contrast body .rh-areas .rh-areas__reveal { border-top: 2px solid #000000 !important; }



html.ac-access-contrast body .rh-areas .rh-areas__detail p { color: #000000 !important; }



html.ac-access-contrast body .rh-areas .rh-areas__illustration { border: 2px solid #000000 !important; border-radius: 0 !important; background: #ffffff !important; color: #000000 !important; box-shadow: none !important; }



html.ac-access-contrast body .rh-areas .rh-areas__detail a { background: #000000 !important; color: #ffffff !important; border-radius: 0 !important; box-shadow: none !important; }



html.ac-access-contrast body .rh-areas .rh-areas__entry summary::after { border-color: #000000 !important; }







html.ac-access-contrast.ac-access-dark .rh-areas { background: #000000 !important; }



html.ac-access-contrast.ac-access-dark body .rh-areas .rh-areas__entry,



html.ac-access-contrast.ac-access-dark body .rh-areas .rh-areas__entry[open],



html.ac-access-contrast.ac-access-dark body .rh-areas .rh-areas__entry:nth-child(n) {



    background: #000000 !important;



    border-color: #ffffff !important;



}



html.ac-access-contrast.ac-access-dark body .rh-areas .rh-areas__name,



html.ac-access-contrast.ac-access-dark body .rh-areas .rh-areas__entry summary { color: #ffffff !important; }



html.ac-access-contrast.ac-access-dark body .rh-areas .rh-areas__number { background: #ffffff !important; color: #000000 !important; }



html.ac-access-contrast.ac-access-dark body .rh-areas .rh-areas__reveal,



html.ac-access-contrast.ac-access-dark body .rh-areas .rh-areas__entry summary::after { border-color: #ffffff !important; }



html.ac-access-contrast.ac-access-dark body .rh-areas .rh-areas__detail p { color: #ffffff !important; }



html.ac-access-contrast.ac-access-dark body .rh-areas .rh-areas__illustration { border-color: #ffffff !important; background: #000000 !important; color: #ffffff !important; }



html.ac-access-contrast.ac-access-dark body .rh-areas .rh-areas__detail a { background: #ffffff !important; color: #000000 !important; }







/* ---------- Motion preferences ---------- */



@media (prefers-reduced-motion: reduce) {



    body .rh-areas .rh-areas__entry,



    body .rh-areas .rh-areas__entry summary::after,



    body .rh-areas .rh-areas__detail a { transition: none !important; }



    body .rh-areas .rh-areas__reveal { animation: none !important; }



}







html.ac-access-motion body .rh-areas .rh-areas__entry,



html.ac-access-motion body .rh-areas .rh-areas__entry summary::after,



html.ac-access-motion body .rh-areas .rh-areas__detail a { transition: none !important; }



html.ac-access-motion body .rh-areas .rh-areas__reveal { animation: none !important; }







/* ============================================================



   MODULE: products-glass.css



   ============================================================ */



/* ============================================================



   HOME PRODUCT SHOWCASE — Apple-glass product cards



   Loaded after the base / exported product showcase styles.



   ============================================================ */







.rh-products {



    position: relative;



    isolation: isolate;



    overflow: clip;



    padding: 72px 0 !important;



    background: transparent !important;



}







.rh-products__wrap {



    position: relative;



    z-index: 1;



}







/* ---------- Head ---------- */



body .rh-products .rh-products__head {



    align-items: flex-end;



    gap: 24px;



    margin-bottom: 26px;



}







body .rh-products .rh-products__head small {



    color: #0071e3 !important;



    font: 600 10px/1.5 Inter, "SF Pro Text", sans-serif !important;



    letter-spacing: 0.14em !important;



    text-transform: uppercase;



}







body .rh-products h2 {



    margin: 10px 0 0 !important;



    color: #1d1d1f !important;



    font: 600 clamp(28px, 3.2vw, 42px)/1.15 "Plus Jakarta Sans", "SF Pro Display", Inter, sans-serif !important;



    letter-spacing: -0.042em !important;



}







body .rh-products .rh-products__head > a {



    display: inline-flex;



    align-items: center;



    gap: 8px;



    padding: 0 !important;



    border: 0 !important;



    color: #0071e3 !important;



    font: 500 13px/1.4 Inter, "SF Pro Text", sans-serif !important;



    text-decoration: none;



}







body .rh-products .rh-products__head > a:hover { text-decoration: underline; text-underline-offset: 3px; }







/* ---------- Filters ---------- */



body .rh-products .rh-products__filters { gap: 8px !important; }







body .rh-products .rh-products__filters button {



    padding: 9px 16px !important;



    border: 1px solid rgba(255, 255, 255, 0.72) !important;



    border-radius: 999px !important;



    background: rgba(255, 255, 255, 0.48) !important;



    -webkit-backdrop-filter: blur(16px) saturate(160%);



    backdrop-filter: blur(16px) saturate(160%);



    color: #425466 !important;



    font: 600 11.5px/1.2 Inter, "SF Pro Text", sans-serif !important;



    letter-spacing: -0.005em;



    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);



    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;



}







body .rh-products .rh-products__filters button:hover {



    background: rgba(255, 255, 255, 0.7) !important;



    color: #1d1d1f !important;



}







body .rh-products .rh-products__filters button[aria-pressed="true"] {



    background: #0a2540 !important;



    border-color: #0a2540 !important;



    color: #ffffff !important;



    box-shadow: 0 10px 22px -14px rgba(10, 37, 64, 0.8);



}







body .rh-products .rh-products__filter-toggle {



    border: 1px solid rgba(255, 255, 255, 0.75) !important;



    border-radius: 999px !important;



    background: rgba(255, 255, 255, 0.55) !important;



    -webkit-backdrop-filter: blur(18px) saturate(160%);



    backdrop-filter: blur(18px) saturate(160%);



    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;



}







@media (max-width: 900px) {



    body .rh-products .rh-products__filters {



        border: 1px solid rgba(255, 255, 255, 0.8) !important;



        border-radius: 18px !important;



        background: rgba(255, 255, 255, 0.88) !important;



        -webkit-backdrop-filter: blur(26px) saturate(170%);



        backdrop-filter: blur(26px) saturate(170%);



        box-shadow: 0 24px 48px -26px rgba(10, 37, 64, 0.4) !important;



    }







    body .rh-products .rh-products__filters button { border: 0 !important; border-radius: 10px !important; background: transparent !important; box-shadow: none; }



    body .rh-products .rh-products__filters button[aria-pressed="true"] { background: #0a2540 !important; }



}







/* ---------- Product cards ---------- */



body .rh-products .rh-products__grid { gap: 18px !important; }







body .rh-products .rh-products__card {



    position: relative;



    padding: 16px !important;



    border: 1px solid rgba(255, 255, 255, 0.72) !important;



    border-radius: 24px !important;



    background: rgba(255, 255, 255, 0.5) !important;



    -webkit-backdrop-filter: blur(26px) saturate(165%);



    backdrop-filter: blur(26px) saturate(165%);



    box-shadow:



        0 24px 48px -38px rgba(10, 37, 64, 0.6),



        inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;



    transition: background-color 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;



}







body .rh-products .rh-products__card[hidden] { display: none !important; }







@media (hover: hover) and (pointer: fine) {



    body .rh-products .rh-products__card:hover {



        background: rgba(255, 255, 255, 0.68) !important;



        border-color: rgba(255, 255, 255, 0.95) !important;



        box-shadow:



            0 32px 60px -34px rgba(10, 37, 64, 0.5),



            inset 0 1px 0 #ffffff !important;



        transform: translateY(-4px) !important;



    }



}







body .rh-products .rh-products__media {



    border-radius: 16px !important;



    background:



        radial-gradient(120% 120% at 28% 8%, #ffffff 0%, #eef5f9 100%) !important;



    box-shadow:



        inset 0 0 0 1px rgba(10, 37, 64, 0.04),



        inset 0 1px 0 #ffffff;



}







body .rh-products .rh-products__media img {



    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);



}







body .rh-products .rh-products__card:hover .rh-products__media img { transform: scale(1.05); }







body .rh-products .rh-products__info small {



    color: #0071e3 !important;



    font: 600 10px/1.45 Inter, "SF Pro Text", sans-serif !important;



    letter-spacing: 0.085em !important;



    text-transform: uppercase;



}







body .rh-products h3 {



    color: #1d1d1f !important;



    font: 600 17px/1.35 "Plus Jakarta Sans", "SF Pro Display", Inter, sans-serif !important;



    letter-spacing: -0.022em !important;



    margin: 8px 0 8px !important;



}







body .rh-products .rh-products__info p {



    color: #6e6e73 !important;



    font: 12.5px/1.65 Inter, "SF Pro Text", sans-serif !important;



    margin-bottom: 16px !important;



}







body .rh-products .rh-products__info > span {



    color: #0071e3 !important;



    font: 600 10.5px/1.2 Inter, "SF Pro Text", sans-serif !important;



    letter-spacing: 0.08em;



}







body .rh-products .rh-products__info b {



    display: grid;



    place-items: center;



    width: 34px !important;



    height: 34px !important;



    border: 0 !important;



    border-radius: 50% !important;



    background: rgba(0, 113, 227, 0.1) !important;



    color: #0071e3 !important;



    font-size: 16px !important;



    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;



}







body .rh-products .rh-products__card:hover .rh-products__info b {



    background: #0071e3 !important;



    color: #ffffff !important;



    transform: translate(2px, -2px);



}







@media (min-width: 901px) {



    body .rh-products .rh-products__card {



        grid-template-columns: 168px minmax(0, 1fr) !important;



        gap: 22px !important;



    }







    body .rh-products .rh-products__media {



        min-height: 184px !important;



        padding: 12px !important;



    }







    body .rh-products .rh-products__media img { height: 160px !important; }







    body .rh-products .rh-products__info { padding: 8px 8px 8px 0 !important; }







    body .rh-products h3 { font-size: 19px !important; line-height: 1.3 !important; }



}







/* ---------- Mobile carousel controls ---------- */



body .rh-products .rh-carousel__nav {



    width: 44px !important;



    height: 44px !important;



    border: 1px solid rgba(255, 255, 255, 0.8) !important;



    background: rgba(255, 255, 255, 0.6) !important;



    -webkit-backdrop-filter: blur(18px) saturate(160%);



    backdrop-filter: blur(18px) saturate(160%);



    color: #1d1d1f !important;



    box-shadow: 0 14px 28px -20px rgba(10, 37, 64, 0.6);



}







body .rh-products .rh-carousel__nav:hover:not(:disabled) {



    background: #0071e3 !important;



    border-color: #0071e3 !important;



    color: #ffffff !important;



}







body .rh-products .rh-carousel__dot { background: rgba(10, 37, 64, 0.18) !important; }



body .rh-products .rh-carousel__dot.is-active { background: #0071e3 !important; }







html[dir="rtl"] body .rh-products .rh-carousel__nav svg,



html[lang^="fa"] body .rh-products .rh-carousel__nav svg { transform: scaleX(-1); }







/* ---------- Dark appearance ---------- */



html.ac-access-dark:not(.ac-access-contrast) .rh-products {



    background: transparent !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-products h2 { color: #f5f5f7 !important; }



html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__head > a { color: #0a84ff !important; }



html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__head small { color: #0a84ff !important; }







html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__card {



    border-color: rgba(255, 255, 255, 0.12) !important;



    background: rgba(28, 28, 30, 0.6) !important;



    box-shadow:



        0 28px 54px -34px rgba(0, 0, 0, 0.85),



        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__card:hover {



    border-color: rgba(255, 255, 255, 0.2) !important;



    background: rgba(38, 38, 40, 0.76) !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__media {



    background: #f2f2f7 !important;



    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__info small { color: #0a84ff !important; }



html.ac-access-dark:not(.ac-access-contrast) #content .rh-products h3 { color: #f5f5f7 !important; }



html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__info p { color: #98989d !important; }



html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__info > span { color: #0a84ff !important; }



html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__info b {



    background: rgba(10, 132, 255, 0.16) !important;



    color: #0a84ff !important;



}



html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__card:hover .rh-products__info b {



    background: #0a84ff !important;



    color: #ffffff !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__filters:not([data-ac-dark-keep]) {



    border-color: transparent !important;



    background: transparent !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__filters button:not([data-ac-dark-keep]) {



    border-color: rgba(255, 255, 255, 0.12) !important;



    background: rgba(255, 255, 255, 0.08) !important;



    color: #e5e5ea !important;



    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__filter-toggle:not([data-ac-dark-keep]) {



    border-color: rgba(255, 255, 255, 0.12) !important;



    background: rgba(255, 255, 255, 0.08) !important;



    color: #e5e5ea !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__filters button[aria-pressed="true"] {



    background: #0a84ff !important;



    border-color: #0a84ff !important;



    color: #ffffff !important;



}







@media (max-width: 900px) {



    html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__filters:not([data-ac-dark-keep]) {



        border-color: rgba(255, 255, 255, 0.12) !important;



        background: rgba(28, 28, 30, 0.94) !important;



    }



}







/* Keep the card accents on pages where #content dark text rules apply. */



html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__info small { color: #0a84ff !important; }



html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__info > span { color: #0a84ff !important; }



html.ac-access-dark:not(.ac-access-contrast) #content .rh-products h3 { color: #f5f5f7 !important; }



html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__info p { color: #98989d !important; }



html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-carousel__nav {



    border-color: rgba(255, 255, 255, 0.14) !important;



    background: rgba(255, 255, 255, 0.1) !important;



    color: #f5f5f7 !important;



}



html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-carousel__dot { background: rgba(255, 255, 255, 0.24) !important; }



html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-carousel__dot.is-active { background: #0a84ff !important; }







/* ---------- Forced contrast ---------- */



html.ac-access-contrast .rh-products { background: #ffffff !important; }



html.ac-access-contrast body .rh-products .rh-products__card {



    border: 2px solid #000000 !important;



    border-radius: 0 !important;



    background: #ffffff !important;



    box-shadow: none !important;



    -webkit-backdrop-filter: none !important;



    backdrop-filter: none !important;



    transform: none !important;



}



html.ac-access-contrast body .rh-products h2,



html.ac-access-contrast body .rh-products h3,



html.ac-access-contrast body .rh-products .rh-products__info p { color: #000000 !important; }



html.ac-access-contrast body .rh-products .rh-products__info small,



html.ac-access-contrast body .rh-products .rh-products__info > span,



html.ac-access-contrast body .rh-products .rh-products__head small,



html.ac-access-contrast body .rh-products .rh-products__head > a { color: #000000 !important; }



html.ac-access-contrast body .rh-products .rh-products__media { background: #ffffff !important; box-shadow: none !important; border: 2px solid #000000; }



html.ac-access-contrast body .rh-products .rh-products__filters button,



html.ac-access-contrast body .rh-products .rh-products__filter-toggle {



    border: 2px solid #000000 !important;



    border-radius: 0 !important;



    background: #ffffff !important;



    color: #000000 !important;



    box-shadow: none !important;



    -webkit-backdrop-filter: none !important;



    backdrop-filter: none !important;



}



html.ac-access-contrast body .rh-products .rh-products__filters button[aria-pressed="true"] { background: #000000 !important; color: #ffffff !important; }



html.ac-access-contrast body .rh-products .rh-products__info b { border: 2px solid #000000 !important; background: #ffffff !important; color: #000000 !important; border-radius: 0 !important; }



html.ac-access-contrast body .rh-products .rh-carousel__nav { border: 2px solid #000000 !important; background: #ffffff !important; color: #000000 !important; }



html.ac-access-contrast body .rh-products .rh-carousel__dot { background: #000000 !important; }



html.ac-access-contrast body .rh-products .rh-carousel__dot.is-active { background: #000000 !important; }







html.ac-access-contrast.ac-access-dark .rh-products { background: #000000 !important; }



html.ac-access-contrast.ac-access-dark body .rh-products .rh-products__card { background: #000000 !important; border-color: #ffffff !important; }



html.ac-access-contrast.ac-access-dark body .rh-products h2,



html.ac-access-contrast.ac-access-dark body .rh-products h3,



html.ac-access-contrast.ac-access-dark body .rh-products .rh-products__info p { color: #ffffff !important; }



html.ac-access-contrast.ac-access-dark body .rh-products .rh-products__info small,



html.ac-access-contrast.ac-access-dark body .rh-products .rh-products__info > span,



html.ac-access-contrast.ac-access-dark body .rh-products .rh-products__head small,



html.ac-access-contrast.ac-access-dark body .rh-products .rh-products__head > a { color: #ffffff !important; }



html.ac-access-contrast.ac-access-dark body .rh-products .rh-products__media { background: #000000 !important; border-color: #ffffff; }



html.ac-access-contrast.ac-access-dark body .rh-products .rh-products__filters button,



html.ac-access-contrast.ac-access-dark body .rh-products .rh-products__filter-toggle { background: #000000 !important; border-color: #ffffff !important; color: #ffffff !important; }



html.ac-access-contrast.ac-access-dark body .rh-products .rh-products__filters button[aria-pressed="true"] { background: #ffffff !important; color: #000000 !important; }



html.ac-access-contrast.ac-access-dark body .rh-products .rh-products__info b { background: #000000 !important; border-color: #ffffff !important; color: #ffffff !important; }







/* ---------- Motion preferences ---------- */



@media (prefers-reduced-motion: reduce) {



    body .rh-products .rh-products__card,



    body .rh-products .rh-products__media img,



    body .rh-products .rh-products__info b,



    body .rh-products .rh-products__filters button { transition: none !important; }



    body .rh-products .rh-products__card:hover { transform: none !important; }



}







html.ac-access-motion body .rh-products .rh-products__card,



html.ac-access-motion body .rh-products .rh-products__media img,



html.ac-access-motion body .rh-products .rh-products__info b,



html.ac-access-motion body .rh-products .rh-products__filters button { transition: none !important; }



html.ac-access-motion body .rh-products .rh-products__card:hover { transform: none !important; }







/* ============================================================



   MODULE: sections-canvas.css



   ============================================================ */



/* ============================================================



   UNIFIED APPLE-GLASS CANVAS



   One quiet background for the whole page, transparent sections



   and glass surfaces for every home section. Loaded last.



   ============================================================ */







html { background: #f2f4f7; }







html body {



    background:



        radial-gradient(1200px 820px at 5% -10%, rgba(188, 214, 236, 0.28) 0%, rgba(188, 214, 236, 0) 62%),



        radial-gradient(1000px 760px at 100% 3%, rgba(190, 228, 211, 0.22) 0%, rgba(190, 228, 211, 0) 60%),



        linear-gradient(180deg, #f8f9fb 0%, #eef2f6 52%, #f4f6f8 100%) !important;



    background-attachment: fixed;



    background-repeat: no-repeat;



}







/* Every light home section lets the canvas show through. */



html body :is(.rh-hero, .rh-categories, .rh-products, .rh-areas, .acto-brands) {



    background: transparent !important;



}







/* Hero image fades gently into the page instead of cutting hard. */



html body .rh-hero .rh-hero__visual { position: relative; }







html body .rh-hero .rh-hero__visual::after {



    content: '';



    position: absolute;



    inset-inline: 0;



    bottom: 0;



    height: 64px;



    background: linear-gradient(180deg, rgba(248, 249, 251, 0) 0%, rgba(248, 249, 251, 0.72) 100%);



    pointer-events: none;



}







/* Keep the sticky category rows readable while the page scrolls. */



@media (min-width: 701px) {



    html body .rh-categories .rh-categories__row {



        background: rgba(245, 247, 250, 0.78) !important;



        -webkit-backdrop-filter: blur(14px) saturate(140%);



        backdrop-filter: blur(14px) saturate(140%);



    }



}







/* ---------- Category cards ---------- */



html body .rh-categories .rh-categories__card {



    border: 1px solid rgba(255, 255, 255, 0.72) !important;



    border-radius: 24px !important;



    background: rgba(255, 255, 255, 0.5) !important;



    -webkit-backdrop-filter: blur(24px) saturate(165%);



    backdrop-filter: blur(24px) saturate(165%);



    box-shadow:



        0 24px 48px -38px rgba(10, 37, 64, 0.55),



        inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;



    transition: background-color 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;



}







@media (hover: hover) and (pointer: fine) {



    html body .rh-categories .rh-categories__card:hover {



        background: rgba(255, 255, 255, 0.68) !important;



        border-color: rgba(255, 255, 255, 0.95) !important;



        transform: translateY(-4px) !important;



        box-shadow:



            0 30px 58px -34px rgba(10, 37, 64, 0.5),



            inset 0 1px 0 #ffffff !important;



    }



}







html body .rh-categories .rh-categories__icon {



    border: 1px solid rgba(255, 255, 255, 0.75) !important;



    background: rgba(255, 255, 255, 0.58) !important;



    box-shadow:



        0 12px 26px -20px rgba(10, 37, 64, 0.5),



        inset 0 1px 0 #ffffff;



}







html body .rh-categories .rh-categories__action b {



    border-color: rgba(255, 255, 255, 0.8) !important;



    background: rgba(255, 255, 255, 0.55) !important;



    -webkit-backdrop-filter: blur(10px);



    backdrop-filter: blur(10px);



}







/* ---------- Brand logos ---------- */



html body .acto-brands .acto-brands__item {



    border: 1px solid rgba(255, 255, 255, 0.72) !important;



    border-radius: 20px !important;



    background: rgba(255, 255, 255, 0.5) !important;



    -webkit-backdrop-filter: blur(22px) saturate(160%);



    backdrop-filter: blur(22px) saturate(160%);



    box-shadow:



        0 20px 44px -34px rgba(10, 37, 64, 0.55),



        inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;



    transition: background-color 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;



}







@media (hover: hover) and (pointer: fine) {



    html body .acto-brands .acto-brands__item:hover {



        background: rgba(255, 255, 255, 0.7) !important;



        border-color: rgba(255, 255, 255, 0.95) !important;



        transform: translateY(-3px) !important;



        box-shadow:



            0 26px 50px -32px rgba(10, 37, 64, 0.5),



            inset 0 1px 0 #ffffff !important;



    }



}







/* ---------- Dark statistics panel ---------- */



html body .acto-stats {



    width: min(calc(100% - 40px), 1440px) !important;



    margin: 32px auto !important;



    padding: 48px 0 !important;



    border: 1px solid rgba(255, 255, 255, 0.14);



    border-radius: 34px !important;



    background:



        linear-gradient(135deg, rgba(8, 28, 43, 0.97) 0%, rgba(16, 56, 79, 0.94) 55%, rgba(28, 90, 120, 0.92) 100%) !important;



    box-shadow:



        0 36px 80px -44px rgba(6, 20, 34, 0.75),



        inset 0 1px 0 rgba(255, 255, 255, 0.12);



    overflow: hidden;



    color: #ffffff;



}







html body .acto-stats .acto-stats__item { border-radius: 20px; }







@media (max-width: 700px) {



    html body .acto-stats {



        width: calc(100% - 24px) !important;



        margin: 24px auto !important;



        padding: 36px 0 !important;



        border-radius: 26px !important;



    }



}







/* ---------- Dark canvas ---------- */



html.ac-access-dark {



    background: #0a141d !important;



}







html.ac-access-dark body {



    background:



        radial-gradient(1200px 820px at 5% -10%, rgba(24, 68, 98, 0.5) 0%, rgba(24, 68, 98, 0) 62%),



        radial-gradient(1000px 760px at 100% 3%, rgba(18, 68, 56, 0.35) 0%, rgba(18, 68, 56, 0) 60%),



        linear-gradient(180deg, #0a141d 0%, #0d1a26 52%, #0b1721 100%) !important;



}







html.ac-access-dark:not(.ac-access-contrast) body .rh-hero .rh-hero__visual::after {



    background: linear-gradient(180deg, rgba(10, 20, 29, 0) 0%, rgba(10, 20, 29, 0.82) 100%);



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-categories .rh-categories__row {



    background: rgba(10, 20, 30, 0.82) !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-categories .rh-categories__card {



    border-color: rgba(255, 255, 255, 0.12) !important;



    background: rgba(28, 28, 30, 0.6) !important;



    box-shadow:



        0 26px 50px -34px rgba(0, 0, 0, 0.85),



        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-categories .rh-categories__card:hover {



    border-color: rgba(255, 255, 255, 0.2) !important;



    background: rgba(38, 38, 40, 0.76) !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-categories .rh-categories__icon {



    border-color: rgba(255, 255, 255, 0.12) !important;



    background: rgba(255, 255, 255, 0.08) !important;



    color: #0a84ff !important;



    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-categories .rh-categories__action b {



    border-color: rgba(255, 255, 255, 0.16) !important;



    background: rgba(255, 255, 255, 0.08) !important;



    color: #0a84ff !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .acto-brands .acto-brands__item {



    border-color: rgba(255, 255, 255, 0.14) !important;



    background: rgba(255, 255, 255, 0.9) !important;



    box-shadow:



        0 24px 48px -34px rgba(0, 0, 0, 0.85),



        inset 0 1px 0 #ffffff !important;



}







html.ac-access-dark:not(.ac-access-contrast) body .acto-stats {



    background:



        linear-gradient(135deg, rgba(5, 17, 27, 0.98) 0%, rgba(10, 36, 52, 0.96) 55%, rgba(18, 60, 82, 0.94) 100%) !important;



    border-color: rgba(255, 255, 255, 0.1);



    box-shadow: 0 36px 80px -44px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.08);



}







/* ---------- Forced contrast ---------- */



html.ac-access-contrast body {



    background: #ffffff !important;



}







html.ac-access-contrast body .rh-hero .rh-hero__visual::after { content: none !important; }







html.ac-access-contrast body .rh-categories .rh-categories__row { background: #ffffff !important; }







html.ac-access-contrast body .rh-categories .rh-categories__card,



html.ac-access-contrast body .acto-brands .acto-brands__item {



    border: 2px solid #000000 !important;



    border-radius: 0 !important;



    background: #ffffff !important;



    box-shadow: none !important;



    -webkit-backdrop-filter: none !important;



    backdrop-filter: none !important;



    transform: none !important;



}







html.ac-access-contrast body .rh-categories .rh-categories__icon,



html.ac-access-contrast body .rh-categories .rh-categories__action b {



    border: 2px solid #000000 !important;



    border-radius: 0 !important;



    background: #ffffff !important;



    color: #000000 !important;



    box-shadow: none !important;



}







html.ac-access-contrast body .acto-stats {



    border: 2px solid #000000 !important;



    border-radius: 0 !important;



    background: #ffffff !important;



    color: #000000 !important;



    box-shadow: none !important;



}







html.ac-access-contrast body .acto-stats :is(h2, .acto-stats__num, .acto-stats__label) { color: #000000 !important; }







html.ac-access-contrast.ac-access-dark body {



    background: #000000 !important;



}







html.ac-access-contrast.ac-access-dark body .rh-categories .rh-categories__card,



html.ac-access-contrast.ac-access-dark body .acto-brands .acto-brands__item {



    background: #000000 !important;



    border-color: #ffffff !important;



}







html.ac-access-contrast.ac-access-dark body .rh-categories .rh-categories__icon,



html.ac-access-contrast.ac-access-dark body .rh-categories .rh-categories__action b {



    background: #000000 !important;



    border-color: #ffffff !important;



    color: #ffffff !important;



}







html.ac-access-contrast.ac-access-dark body .acto-stats {



    background: #000000 !important;



    border-color: #ffffff !important;



    color: #ffffff !important;



}







html.ac-access-contrast.ac-access-dark body .acto-stats :is(h2, .acto-stats__num, .acto-stats__label) { color: #ffffff !important; }







/* ---------- Motion preferences ---------- */



@media (prefers-reduced-motion: reduce) {



    html body .rh-categories .rh-categories__card,



    html body .acto-brands .acto-brands__item { transition: none !important; }



    html body .rh-categories .rh-categories__card:hover,



    html body .acto-brands .acto-brands__item:hover { transform: none !important; }



}







html.ac-access-motion body .rh-categories .rh-categories__card,



html.ac-access-motion body .acto-brands .acto-brands__item { transition: none !important; }



html.ac-access-motion body .rh-categories .rh-categories__card:hover,



html.ac-access-motion body .acto-brands .acto-brands__item:hover { transform: none !important; }







/* ============================================================



   MODULE: stats-glass.css



   ============================================================ */



/* ============================================================



   STATS BAND — light Apple-glass edition



   Replaces the dark full-width block with four translucent



   counters on the shared page canvas.



   ============================================================ */







html body .acto-stats {



    position: relative;



    width: auto !important;



    max-width: none !important;



    margin: 0 !important;



    padding: 78px 0 66px !important;



    border: 0 !important;



    border-radius: 0 !important;



    background: transparent !important;



    box-shadow: none !important;



    overflow: visible !important;



    color: #1d1d1f !important;



}







html body .acto-stats__head {



    max-width: 760px !important;



    margin: 0 0 30px !important;



    padding: 0 !important;



    text-align: left !important;



}







html body .acto-stats__head::before {



    content: '';



    display: block;



    width: 34px;



    height: 2px;



    margin-bottom: 18px;



    border-radius: 999px;



    background: #0071e3;



}







html body .acto-stats__head h2 {



    margin: 0 !important;



    color: #1d1d1f !important;



    font: 600 clamp(30px, 3.4vw, 44px)/1.14 "Plus Jakarta Sans", "SF Pro Display", Inter, sans-serif !important;



    letter-spacing: -0.042em !important;



}







/* The legacy sheet adds a second underline below the heading; the glass



   version already uses the short accent line above it. */



html body .acto-stats__head h2::after {



    content: none !important;



    display: none !important;



}







html body .acto-stats__grid {



    display: grid !important;



    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;



    gap: 16px !important;



    margin: 0 !important;



    padding: 0 !important;



    list-style: none;



}







html body .acto-stats__item {



    position: relative;



    padding: 28px 24px 26px !important;



    border: 1px solid rgba(255, 255, 255, 0.72) !important;



    border-radius: 24px !important;



    background: rgba(255, 255, 255, 0.5) !important;



    -webkit-backdrop-filter: blur(24px) saturate(165%);



    backdrop-filter: blur(24px) saturate(165%);



    box-shadow:



        0 24px 48px -38px rgba(10, 37, 64, 0.55),



        inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;



    text-align: left !important;



    transition: background-color 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;



}







@media (hover: hover) and (pointer: fine) {



    html body .acto-stats__item:hover {



        background: rgba(255, 255, 255, 0.68) !important;



        border-color: rgba(255, 255, 255, 0.96) !important;



        transform: translateY(-4px) !important;



        box-shadow:



            0 32px 58px -36px rgba(10, 37, 64, 0.5),



            inset 0 1px 0 #ffffff !important;



    }



}







html body .acto-stats__num {



    display: block !important;



    margin: 0 0 10px !important;



    color: #0a2540 !important;



    font: 700 clamp(38px, 4vw, 54px)/1 "Plus Jakarta Sans", "SF Pro Display", Inter, sans-serif !important;



    font-variant-numeric: tabular-nums;



    letter-spacing: -0.055em !important;



}







html body .acto-stats__num::after {



    content: '+';



    margin-inline-start: 2px;



    color: #0071e3;



    font-weight: 500;



}







html body .acto-stats__label {



    display: block !important;



    margin: 0 !important;



    color: #6e6e73 !important;



    font: 600 11px/1.45 Inter, "SF Pro Text", sans-serif !important;



    letter-spacing: 0.075em !important;



    text-transform: uppercase;



}







@media (max-width: 900px) {



    html body .acto-stats { padding: 56px 0 46px !important; }



    html body .acto-stats__head { margin-bottom: 22px !important; }



    html body .acto-stats__head h2 { font-size: 28px !important; }



    html body .acto-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }



    html body .acto-stats__item { padding: 22px 20px 20px !important; border-radius: 20px !important; }



    html body .acto-stats__num { font-size: 38px !important; }



    html body .acto-stats__label { font-size: 10px !important; }



}







@media (max-width: 420px) {



    html body .acto-stats__grid { grid-template-columns: minmax(0, 1fr) !important; }



}







/* ---------- Dark appearance ---------- */



html.ac-access-dark:not(.ac-access-contrast) #content .acto-stats {



    background: transparent !important;



    color: #f5f5f7 !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .acto-stats__head h2 { color: #f5f5f7 !important; }







html.ac-access-dark:not(.ac-access-contrast) #content .acto-stats__item {



    border-color: rgba(255, 255, 255, 0.12) !important;



    background: rgba(28, 28, 30, 0.6) !important;



    box-shadow:



        0 26px 50px -36px rgba(0, 0, 0, 0.85),



        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .acto-stats__item:hover {



    border-color: rgba(255, 255, 255, 0.2) !important;



    background: rgba(38, 38, 40, 0.76) !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .acto-stats__num { color: #f5f5f7 !important; }



html.ac-access-dark:not(.ac-access-contrast) #content .acto-stats__num::after { color: #0a84ff; }



html.ac-access-dark:not(.ac-access-contrast) #content .acto-stats__label { color: #98989d !important; }







/* ---------- Forced contrast ---------- */



html.ac-access-contrast body .acto-stats {



    background: #ffffff !important;



    color: #000000 !important;



}







html.ac-access-contrast body .acto-stats__head h2 { color: #000000 !important; }







html.ac-access-contrast body .acto-stats__item {



    border: 2px solid #000000 !important;



    border-radius: 0 !important;



    background: #ffffff !important;



    box-shadow: none !important;



    -webkit-backdrop-filter: none !important;



    backdrop-filter: none !important;



    transform: none !important;



}







html.ac-access-contrast body .acto-stats__num,



html.ac-access-contrast body .acto-stats__num::after,



html.ac-access-contrast body .acto-stats__label { color: #000000 !important; }







html.ac-access-contrast.ac-access-dark body .acto-stats {



    background: #000000 !important;



    color: #ffffff !important;



}







html.ac-access-contrast.ac-access-dark body .acto-stats__item {



    background: #000000 !important;



    border-color: #ffffff !important;



}







html.ac-access-contrast.ac-access-dark body .acto-stats__head h2,



html.ac-access-contrast.ac-access-dark body .acto-stats__num,



html.ac-access-contrast.ac-access-dark body .acto-stats__num::after,



html.ac-access-contrast.ac-access-dark body .acto-stats__label { color: #ffffff !important; }







/* ---------- Motion preferences ---------- */



@media (prefers-reduced-motion: reduce) {



    html body .acto-stats__item { transition: none !important; }



    html body .acto-stats__item:hover { transform: none !important; }



}







html.ac-access-motion body .acto-stats__item { transition: none !important; }



html.ac-access-motion body .acto-stats__item:hover { transform: none !important; }







/* ============================================================



   MODULE: rtl.css



   ============================================================ */



/* ============================================================



   ACTOREIN — RTL corrections



   Loaded after every component stylesheet (priority 200), so it



   can mirror the physical left/right values those files rely on.



   Applies to the Persian locale (lang="fa") and to the manual



   right-to-left switch in the accessibility panel (dir="rtl").



   ============================================================ */







/* A real RTL document even when WordPress cannot infer it. */



:is(html[dir="rtl"], html[lang^="fa"]) { direction: rtl; }



:is(html[dir="rtl"], html[lang^="fa"]) body { direction: rtl; }







/* Latin identifiers keep their own direction. */



:is(html[dir="rtl"], html[lang^="fa"]) :is(



    input[type="tel"],



    input[type="email"],



    input[type="url"],



    input[type="number"],



    input[type="password"],



    .af-browser-icons



) { direction: ltr; text-align: left; }







/* ============================================================



   1. MOBILE HEADER



   The actions are absolutely anchored to the right for LTR; on



   RTL they must sit on the left, away from the logo.



   ============================================================ */



@media (max-width: 900px) {



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-tools {



        right: auto;



        left: 0;



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-brand {



        padding-right: 0;



        padding-left: 60px;



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-logo__mark {



        transform-origin: right center;



    }



}







@media (max-width: 640px) {



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-brand {



        padding-right: 0;



        padding-left: 56px;



    }



}







/* ============================================================



   2. MOBILE MENU DRAWER



   The drawer opens from the right in LTR; mirror its side,



   rounded corners, shadow and slide-in direction.



   ============================================================ */



@media (max-width: 900px) {



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__panel {



        left: 0 !important;



        right: auto !important;



        border-radius: 0 22px 22px 0 !important;



        box-shadow: 24px 0 60px -30px rgba(6, 24, 42, 0.55) !important;



        transform: translateX(-100%);



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet.is-open .nc-sheet__panel {



        transform: translateX(0);



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__hero {



        border-radius: 0 22px 0 0 !important;



    }







    /* Chevrons point towards the trailing edge (left). */



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__nav > ul > li > a::after {



        margin-left: 0;



        margin-right: auto;



        border-right: 0;



        border-left: 1.5px solid #9db0c2;



        transform: rotate(-45deg);



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__nav > ul > li > a:hover::after,



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__nav > ul > li > a:active::after {



        transform: translateX(-3px) rotate(-45deg);



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__nav > ul > li.menu-item-has-children > a::after {



        transform: rotate(-135deg);



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__nav > ul > li.menu-item-has-children.is-open > a::after {



        transform: rotate(45deg);



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__nav > ul > li.menu-item-has-children > a:hover::after,



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__nav > ul > li.menu-item-has-children > a:active::after {



        transform: rotate(-135deg);



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__nav > ul > li.menu-item-has-children.is-open > a:hover::after,



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__nav > ul > li.menu-item-has-children.is-open > a:active::after {



        transform: rotate(45deg);



    }







    /* Sub-menus indent from the reading side. */



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__nav .sub-menu {



        margin: 0 30px 12px 0 !important;



        padding-left: 0 !important;



        padding-right: 16px !important;



        border-left: 0;



        border-right: 1px solid #d7e4ef;



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__nav.is-accordion .sub-menu {



        margin: 0 8px 8px 0 !important;



        padding-left: 0 !important;



        padding-right: 12px !important;



    }







    /* Quick-access chevrons and language codes follow the trailing edge. */



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__contact-item::after {



        margin-left: 0;



        margin-right: auto;



        border-right: 0;



        border-left: 1.6px solid #a6b8c8;



        transform: rotate(-45deg);



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__contact-item--primary::after {



        border-left-color: rgba(255, 255, 255, 0.55);



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__code {



        margin-left: 0 !important;



        margin-right: auto !important;



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__lang-item,



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-sheet__contact-item {



        text-align: start;



    }



}







/* ============================================================



   3. MOBILE FOOTER ACCORDION



   ============================================================ */



:is(html[dir="rtl"], html[lang^="fa"]) .af-brand__img { object-position: right center; }







@media (max-width: 640px) {



    :is(html[dir="rtl"], html[lang^="fa"]) .af-widget__title {



        padding: 13px 0 13px 24px;



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .af-widget__title::after {



        right: auto;



        left: 4px;



        border-right: 0;



        border-left: 2px solid #7b8ea3;



        transform: translateY(-70%) rotate(-45deg);



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .af-widget__title.is-open::after {



        transform: translateY(-30%) rotate(135deg);



    }



}







/* ============================================================



   4. CATALOG & HOME PRODUCT GRIDS



   ============================================================ */



@media (max-width: 700px) {



    :is(html[dir="rtl"], html[lang^="fa"]) .actorein-catalog .acto-page-hero__content {



        text-align: right !important;



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .actorein-catalog .ac-catalog-toolbar .ac-brand-filter summary .ac-brand-filter__caret {



        margin-left: 0 !important;



        margin-right: auto !important;



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .rh-products .rh-products__filter-toggle,



    :is(html[dir="rtl"], html[lang^="fa"]) .rh-products .rh-products__filters button {



        text-align: right;



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .rh-products__filter-caret {



        margin-left: 0;



        margin-right: auto;



    }



    :is(html[dir="rtl"], html[lang^="fa"]) .rh-categories .rh-categories__stack,



    :is(html[dir="rtl"], html[lang^="fa"]) .rh-areas .rh-areas__directory {



        scroll-padding-inline: var(--actorein-gutter, 16px);



    }



}







/* Dropdown panels that hang off a trigger on the left. */



:is(html[dir="rtl"], html[lang^="fa"]) .ac-brand-filter__panel {



    right: auto;



    left: 0;



}







/* List-view accent rail moves to the reading edge. */



:is(html[dir="rtl"], html[lang^="fa"]) .actorein-catalog[data-view="list"] .acto-products__grid .ac-product::before {



    inset: 0 0 0 auto;



}







/* Row arrows point into the reading direction. */



:is(html[dir="rtl"], html[lang^="fa"]) .ac-product__action svg {



    transform: scaleX(-1);



}



:is(html[dir="rtl"], html[lang^="fa"]) .ac-product:hover .ac-product__action svg,



:is(html[dir="rtl"], html[lang^="fa"]) .ac-product:focus-visible .ac-product__action svg,



:is(html[dir="rtl"], html[lang^="fa"]) .actorein-catalog[data-view="list"] .ac-product:hover .ac-product__action svg {



    transform: translateX(-3px) scaleX(-1);



}







/* Section headings that are explicitly left aligned in the LTR sheets. */



:is(html[dir="rtl"], html[lang^="fa"]) :is(



    .acto-sec-head,



    .acto-sec-head--between,



    .acto-sectors__head,



    .acto-stats__head,



    .acto-brands__title,



    .acto-clients__title,



    .acto-blog__head,



    .acto-products__head



) {



    text-align: start !important;



}







/* ============================================================



   5. SEARCH OVERLAY



   ============================================================ */



:is(html[dir="rtl"], html[lang^="fa"]) .nc-search__panel .nc-search__shell {



    transform: translateX(-40px);



}



:is(html[dir="rtl"], html[lang^="fa"]) .nc-search__panel.is-open .nc-search__shell {



    transform: translateX(0);



}



:is(html[dir="rtl"], html[lang^="fa"]) .nc-search__close {



    right: auto;



    left: 28px;



}



:is(html[dir="rtl"], html[lang^="fa"]) .nc-search__item-cat {



    margin-left: 0;



    margin-right: auto;



}







@media (max-width: 600px) {



    :is(html[dir="rtl"], html[lang^="fa"]) .nc-search__close {



        right: auto;



        left: 16px;



    }



}







/* ============================================================



   6. ACCESSIBILITY PANEL, LANGUAGE DRAWER, FLOATING TRIGGERS



   ============================================================ */



/* The settings window handles its own RTL layout in settings.css. */







/* The language drawer uses logical inset properties, so it mirrors on its own. */







/* Desktop dropdowns open towards the page instead of off it. */



:is(html[dir="rtl"], html[lang^="fa"]) .nc-lang__menu,



:is(html[dir="rtl"], html[lang^="fa"]) .nc-sites__menu {



    right: auto;



    left: 0;



    text-align: right;



}



:is(html[dir="rtl"], html[lang^="fa"]) .nc-lang__menu-code {



    margin-left: 0 !important;



    margin-right: auto !important;



}







/* ============================================================



   7. PRODUCT DETAIL



   ============================================================ */



:is(html[dir="rtl"], html[lang^="fa"]) .acto-pd__arrow--prev {



    left: auto !important;



    right: 12px !important;



}



:is(html[dir="rtl"], html[lang^="fa"]) .acto-pd__arrow--next {



    right: auto !important;



    left: 12px !important;



}



:is(html[dir="rtl"], html[lang^="fa"]) .acto-pd__arrow svg {



    transform: scaleX(-1);



}



:is(html[dir="rtl"], html[lang^="fa"]) .acto-pd__tag {



    left: auto !important;



    right: 14px !important;



}



:is(html[dir="rtl"], html[lang^="fa"]) .acto-pd__zoom {



    left: auto !important;



    right: 14px !important;



}



:is(html[dir="rtl"], html[lang^="fa"]) .acto-pd__counter {



    right: auto !important;



    left: 14px !important;



}







/* Bullets and steps that are pinned to the left edge. */



:is(html[dir="rtl"], html[lang^="fa"]) .acto-pd-specs-block__list li,



:is(html[dir="rtl"], html[lang^="fa"]) .acto-about__checks li {



    padding-left: 0;



    padding-right: 26px;



}



:is(html[dir="rtl"], html[lang^="fa"]) .acto-pd-specs-block__list li::before,



:is(html[dir="rtl"], html[lang^="fa"]) .acto-about__checks li::before {



    left: auto;



    right: 0;



}



:is(html[dir="rtl"], html[lang^="fa"]) .pdt-steps li {



    padding-left: 0;



    padding-right: 58px;



}



:is(html[dir="rtl"], html[lang^="fa"]) .pdt-steps li::before {



    left: auto;



    right: 0;



}



:is(html[dir="rtl"], html[lang^="fa"]) .acto-prose ul li {



    padding-left: 0;



    padding-right: 30px;



}



:is(html[dir="rtl"], html[lang^="fa"]) .acto-prose ul li::before {



    left: auto;



    right: 0;



}







/* Rows whose action is pushed to the far edge with an auto margin. */



:is(html[dir="rtl"], html[lang^="fa"]) :is(



    .acto-pd-doc__action,



    .pdt-doc__action,



    .pdt-store__go,



    .acto-pd-buy__go



) {



    margin-left: 0;



    margin-right: auto;



}







:is(html[dir="rtl"], html[lang^="fa"]) .ac-product-breadcrumb__sep {



    display: inline-block;



    transform: scaleX(-1);



}







/* Mobile product detail micro-adjustments. */



@media (max-width: 900px) {



    :is(html[dir="rtl"], html[lang^="fa"]) body.single-product .acto-pd__counter {



        right: auto !important;



        left: 10px !important;



    }



    :is(html[dir="rtl"], html[lang^="fa"]) body.single-product .acto-pd__zoom {



        left: auto !important;



        right: 10px !important;



    }



    :is(html[dir="rtl"], html[lang^="fa"]) body.single-product .acto-pd__panels .rg-table :is(th, td) {



        text-align: right !important;



    }



}







/* ============================================================



   8. MISC. PHYSICAL POSITIONS



   ============================================================ */



:is(html[dir="rtl"], html[lang^="fa"]) .eds-back-to-top {



    right: auto !important;



    left: 16px !important;



}



:is(html[dir="rtl"], html[lang^="fa"]) .acto-contactpage__directions {



    right: auto;



    left: 16px;



}



@media (max-width: 640px) {



    :is(html[dir="rtl"], html[lang^="fa"]) .acto-contactpage__directions {



        right: auto;



        left: 12px;



    }



}







/* ============================================================



   MODULE: mobile-menu.css



   ============================================================ */



/* ============================================================



   ACTOREIN — Apple-style mobile menu (<= 900px)



   Full-screen sheet, large typography, hairline lists and a



   quiet top bar. Loaded after every other sheet (priority 210)



   so it owns the mobile menu look in LTR and RTL alike.



   ============================================================ */



@media (max-width: 900px) {



    :root { --mm-pad: max(20px, calc((100% - 640px) / 2)); }







    /* ---------- Surface ---------- */



    body .nc-sheet .nc-sheet__overlay {



        background: rgba(8, 19, 31, 0.18) !important;



    }







    body .nc-sheet .nc-sheet__panel {



        inset: 0 !important;



        width: 100% !important;



        height: 100dvh !important;



        max-height: none !important;



        padding: 0 !important;



        border-radius: 0 !important;



        background: #ffffff !important;



        box-shadow: none !important;



        opacity: 0;



        transform: translateY(-14px);



        transition: opacity 0.24s ease, transform 0.4s cubic-bezier(0.32, 0.72, 0, 1);



        font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Inter, sans-serif;



        -webkit-font-smoothing: antialiased;



    }



    body .nc-sheet.is-open .nc-sheet__panel {



        opacity: 1;



        transform: translateY(0);



    }







    /* ---------- Top bar ---------- */



    body .nc-sheet .nc-sheet__hero {



        flex: 0 0 auto;



        padding: calc(8px + env(safe-area-inset-top)) var(--mm-pad) 4px !important;



        background: transparent !important;



        border-radius: 0 !important;



        box-shadow: none !important;



        color: #1d1d1f;



    }



    body .nc-sheet .nc-sheet__hero::before,



    body .nc-sheet .nc-sheet__hero::after {



        display: none !important;



        content: none !important;



    }



    body .nc-sheet .nc-sheet__hero-top { align-items: center; min-height: 52px; }







    body .nc-sheet .nc-sheet__brand {



        padding: 4px 0 !important;



        background: transparent !important;



        border-radius: 0 !important;



        box-shadow: none !important;



    }



    body .nc-sheet .nc-sheet__brand-img { height: 44px !important; width: auto; max-width: 100%; }







    body .nc-sheet .nc-sheet__close {



        width: 44px !important;



        height: 44px !important;



        border: 0 !important;



        border-radius: 50% !important;



        background: transparent !important;



        color: #1d1d1f !important;



        box-shadow: none !important;



        -webkit-backdrop-filter: none;



        backdrop-filter: none;



        transition: background 0.15s ease, opacity 0.15s ease;



    }



    body .nc-sheet .nc-sheet__close svg { width: 19px; height: 19px; }



    body .nc-sheet .nc-sheet__close:hover,



    body .nc-sheet .nc-sheet__close:active {



        background: rgba(0, 0, 0, 0.05) !important;



        transform: none !important;



    }







    /* ---------- Search ---------- */



    body .nc-sheet .nc-sheet__search {



        height: 44px !important;



        margin: 12px 0 0 !important;



        padding: 0 12px !important;



        border: 0 !important;



        border-radius: 10px !important;



        background: #f5f5f7 !important;



        -webkit-backdrop-filter: none;



        backdrop-filter: none;



    }



    body .nc-sheet .nc-sheet__search:focus-within {



        background: #f0f0f2 !important;



        border: 0 !important;



    }



    body .nc-sheet .nc-sheet__search svg { width: 16px; height: 16px; color: #6e6e73 !important; }



    body .nc-sheet .nc-sheet__search input {



        font-size: 16px !important;



        color: #1d1d1f !important;



        text-align: start;



    }



    body .nc-sheet .nc-sheet__search input::placeholder {



        color: #6e6e73 !important;



        opacity: 1;



    }







    /* ---------- Scroll body ---------- */



    body .nc-sheet .nc-sheet__body {



        flex: 1 1 auto;



        padding: 6px var(--mm-pad) calc(26px + env(safe-area-inset-bottom)) !important;



        background: #ffffff !important;



        -webkit-overflow-scrolling: touch;



    }







    body .nc-sheet .nc-sheet__kicker {



        margin: 24px 0 4px !important;



        font-size: 12px !important;



        font-weight: 600 !important;



        line-height: 1.4 !important;



        letter-spacing: 0 !important;



        text-transform: none !important;



        color: #6e6e73 !important;



    }



    body .nc-sheet .nc-sheet__kicker::after { display: none !important; content: none !important; }



    body .nc-sheet .nc-sheet__body > .nc-sheet__kicker:first-of-type { display: none !important; }







    /* ---------- Primary navigation ---------- */



    body .nc-sheet .nc-sheet__nav {



        margin: 0 !important;



        padding: 0 !important;



        border-top: 0 !important;



    }



    body .nc-sheet .nc-sheet__nav > ul > li {



        border-bottom: 1px solid #d2d2d7 !important;



    }



    body .nc-sheet .nc-sheet__nav > ul > li:first-child {



        border-top: 1px solid #d2d2d7 !important;



    }



    body .nc-sheet .nc-sheet__nav > ul > li > a {



        margin: 0 !important;



        padding: 15px 0 !important;



        min-height: 58px;



        gap: 12px !important;



        border: 0 !important;



        border-radius: 0 !important;



        background: transparent !important;



        color: #1d1d1f !important;



        font-size: 26px !important;



        font-weight: 600 !important;



        letter-spacing: -0.022em !important;



        line-height: 1.2 !important;



        text-transform: none !important;



        -webkit-tap-highlight-color: transparent;



    }



    body .nc-sheet .nc-sheet__nav > ul > li > a:active { opacity: 0.55; }



    body .nc-sheet .nc-sheet__nav > ul > li > a::before { display: none !important; content: none !important; }



    body .nc-sheet .nc-sheet__nav > ul > li:not(.menu-item-has-children) > a::after {



        display: none !important;



        content: none !important;



    }



    body .nc-sheet .nc-sheet__nav > ul > li > a::after {



        width: 7px !important;



        height: 7px !important;



        border-width: 1.4px !important;



        border-color: #c7c7cc !important;



    }







    /* Sub-links: quiet, one step smaller. */



    body .nc-sheet .nc-sheet__nav .sub-menu {



        margin: 0 0 8px !important;



        padding-inline-start: 18px !important;



        padding-inline-end: 0 !important;



        border: 0 !important;



        gap: 0 !important;



    }



    body .nc-sheet .nc-sheet__nav .sub-menu a {



        padding: 9px 0 !important;



        min-height: 0;



        font-size: 16px !important;



        font-weight: 400 !important;



        letter-spacing: -0.01em !important;



        color: #424245 !important;



    }



    body .nc-sheet .nc-sheet__nav .sub-menu a.nc-sheet__sub-all {



        padding: 10px 0 !important;



        border-bottom: 1px solid #e8e8ed !important;



        color: #0071e3 !important;



        font-size: 15px !important;



        font-weight: 500 !important;



    }







    /* ---------- Quick access ---------- */



    body .nc-sheet .nc-sheet__contact {



        gap: 0 !important;



        margin: 0 !important;



    }



    body .nc-sheet .nc-sheet__contact-item,



    body .nc-sheet .nc-sheet__contact-item--primary {



        padding: 14px 0 !important;



        gap: 12px !important;



        border: 0 !important;



        border-bottom: 1px solid #d2d2d7 !important;



        border-radius: 0 !important;



        background: transparent !important;



        box-shadow: none !important;



        min-height: 0;



    }



    body .nc-sheet .nc-sheet__contact-item:first-child {



        border-top: 1px solid #d2d2d7 !important;



    }



    body .nc-sheet .nc-sheet__contact-item:active { opacity: 0.55; transform: none !important; }







    body .nc-sheet .nc-sheet__nav-ico,



    body .nc-sheet .nc-sheet__contact-item--primary .nc-sheet__nav-ico {



        width: 22px !important;



        height: 22px !important;



        flex: 0 0 22px !important;



        border-radius: 0 !important;



        background: transparent !important;



        color: #0071e3 !important;



        box-shadow: none !important;



    }



    body .nc-sheet .nc-sheet__nav-ico svg { width: 20px; height: 20px; }







    body .nc-sheet .nc-sheet__contact-text small {



        font-size: 12px !important;



        font-weight: 500 !important;



        letter-spacing: 0 !important;



        text-transform: none !important;



        color: #6e6e73 !important;



    }



    body .nc-sheet .nc-sheet__contact-text strong,



    body .nc-sheet .nc-sheet__contact-item--primary .nc-sheet__contact-text strong {



        font-size: 16px !important;



        font-weight: 600 !important;



        letter-spacing: -0.01em !important;



        color: #1d1d1f !important;



    }



    body .nc-sheet .nc-sheet__contact .nc-sheet__contact-item::after {



        width: 6px !important;



        height: 6px !important;



        border-width: 1.4px !important;



        border-color: #c7c7cc !important;



    }







    /* ---------- Language ---------- */



    body .nc-sheet .nc-sheet__lang-list {



        display: grid !important;



        grid-template-columns: repeat(2, minmax(0, 1fr));



        gap: 6px !important;



        margin: 0 !important;



        padding: 0 !important;



        overflow: visible !important;



    }



    body .nc-sheet .nc-sheet__lang-item {



        width: 100% !important;



        justify-content: flex-start !important;



        padding: 10px 12px !important;



        gap: 8px !important;



        border: 0 !important;



        border-radius: 9px !important;



        background: #f5f5f7 !important;



        color: #1d1d1f !important;



        font-size: 14px !important;



        font-weight: 500 !important;



        letter-spacing: -0.01em !important;



        -webkit-tap-highlight-color: transparent;



    }



    body .nc-sheet .nc-sheet__lang-item:active { opacity: 0.6; }



    body .nc-sheet .nc-sheet__lang-item.is-active {



        background: #1d1d1f !important;



        color: #ffffff !important;



        font-weight: 600 !important;



    }



    body .nc-sheet .nc-sheet__flag {



        width: 20px !important;



        height: 14px !important;



        border-radius: 2px !important;



        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);



    }



    body .nc-sheet .nc-sheet__code { display: none !important; }







    body .nc-sheet .nc-sheet__footer { display: none !important; }







    /* ---------- Entrance ---------- */



    @media (prefers-reduced-motion: no-preference) {



        body .nc-sheet.is-open .nc-sheet__nav > ul > li {



            animation: mm-rise 0.5s cubic-bezier(0.32, 0.72, 0, 1) both;



        }



        body .nc-sheet.is-open .nc-sheet__nav > ul > li:nth-child(1) { animation-delay: 0.02s; }



        body .nc-sheet.is-open .nc-sheet__nav > ul > li:nth-child(2) { animation-delay: 0.05s; }



        body .nc-sheet.is-open .nc-sheet__nav > ul > li:nth-child(3) { animation-delay: 0.08s; }



        body .nc-sheet.is-open .nc-sheet__nav > ul > li:nth-child(4) { animation-delay: 0.11s; }



        body .nc-sheet.is-open .nc-sheet__nav > ul > li:nth-child(5) { animation-delay: 0.14s; }



        body .nc-sheet.is-open .nc-sheet__nav > ul > li:nth-child(n + 6) { animation-delay: 0.17s; }



    }



    @keyframes mm-rise {



        from { opacity: 0; transform: translateY(10px); }



        to { opacity: 1; transform: translateY(0); }



    }



    html.ac-access-motion body .nc-sheet .nc-sheet__nav > ul > li { animation: none !important; }



    @media (prefers-reduced-motion: reduce) {



        body .nc-sheet .nc-sheet__panel { transition: opacity 0.01s linear; transform: none; }



        body .nc-sheet .nc-sheet__nav > ul > li { animation: none !important; }



    }







    /* ---------- Persian ---------- */



    html[lang^="fa"] body .nc-sheet .nc-sheet__panel { font-family: Tahoma, Arial, sans-serif; }



    html[lang^="fa"] body .nc-sheet .nc-sheet__nav > ul > li > a {



        letter-spacing: normal !important;



        font-size: 24px !important;



    }



    html[lang^="fa"] body .nc-sheet .nc-sheet__search input { font-size: 16px !important; }







    /* ---------- Dark appearance ---------- */



    html.ac-access-dark body .nc-sheet .nc-sheet__panel { background: #000000 !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__body { background: #000000 !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__hero { color: #f5f5f7; }



    html.ac-access-dark body .nc-sheet .nc-sheet__close { color: #f5f5f7 !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__close:hover,



    html.ac-access-dark body .nc-sheet .nc-sheet__close:active { background: rgba(255, 255, 255, 0.1) !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__search { background: #1d1d1f !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__search svg { color: #86868b !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__search:focus-within { background: #232325 !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__search input { color: #f5f5f7 !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__search input::placeholder { color: #86868b !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__nav > ul > li,



    html.ac-access-dark body .nc-sheet .nc-sheet__contact-item,



    html.ac-access-dark body .nc-sheet .nc-sheet__contact-item:first-child {



        border-color: #424245 !important;



    }



    html.ac-access-dark body .nc-sheet .nc-sheet__nav > ul > li > a { color: #f5f5f7 !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__nav > ul > li > a::after { border-color: #86868b !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__nav .sub-menu a { color: #a1a1a6 !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__nav .sub-menu a.nc-sheet__sub-all {



        color: #2997ff !important;



        border-color: #424245 !important;



    }



    html.ac-access-dark body .nc-sheet .nc-sheet__contact-text strong,



    html.ac-access-dark body .nc-sheet .nc-sheet__contact-item--primary .nc-sheet__contact-text strong { color: #f5f5f7 !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__contact-text small { color: #86868b !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__nav-ico,



    html.ac-access-dark body .nc-sheet .nc-sheet__contact-item--primary .nc-sheet__nav-ico { color: #2997ff !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__contact .nc-sheet__contact-item::after { border-color: #86868b !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__lang-item { background: #1d1d1f !important; color: #f5f5f7 !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__lang-item.is-active { background: #f5f5f7 !important; color: #000000 !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__kicker { color: #86868b !important; }



    html.ac-access-dark body .nc-sheet .nc-sheet__flag { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14); }



    html.ac-access-dark body .nc-sheet .nc-sheet__overlay { background: rgba(0, 0, 0, 0.5) !important; }







    /* ---------- Forced contrast ---------- */



    html.ac-access-contrast body .nc-sheet .nc-sheet__nav > ul > li,



    html.ac-access-contrast body .nc-sheet .nc-sheet__contact-item { border-color: currentColor !important; }



    html.ac-access-contrast body .nc-sheet .nc-sheet__lang-item { border: 1px solid currentColor !important; }



}







/* ============================================================



   MODULE: settings-sheet.css



   ============================================================ */



/* ============================================================



   ACTOREIN — Accessibility settings sidebar



   The macOS-style window becomes a full-height right sidebar:



   compact header with the section tabs on top, settings below.



   Loaded after settings.css (priority 215).



   ============================================================ */



@media (min-width: 721px) {



    #ac-settings[open] {



        align-items: stretch;



        justify-content: flex-end;



        padding: 0;



    }



    /* Anchored to the physical right edge in every language. */



    html[dir="rtl"] #ac-settings[open],



    html[lang^="fa"] #ac-settings[open] { direction: ltr; }



    html[dir="rtl"] #ac-settings .ac-settings__window,



    html[lang^="fa"] #ac-settings .ac-settings__window { direction: rtl; }







    #ac-settings .ac-settings__window {



        flex-direction: column;



        width: min(420px, 100%);



        height: 100vh;



        height: 100dvh;



        max-height: none;



        border-radius: 18px 0 0 18px;



        box-shadow: -28px 0 80px rgba(6, 18, 31, 0.38);



        animation: ac-settings-sheet-in 0.42s cubic-bezier(0.22, 0.9, 0.24, 1) both;



    }



    @keyframes ac-settings-sheet-in {



        from { opacity: 0; transform: translateX(100%); }



        to { opacity: 1; transform: none; }



    }







    #ac-settings .ac-settings__sidebar {



        flex: 0 0 auto;



        width: 100%;



        height: auto;



        padding: 10px 12px 0;



        border-inline-end: 0 !important;



        border-bottom: 1px solid var(--as-border) !important;



    }



    #ac-settings .ac-settings__titlebar { padding: 0 0 8px 2px; }







    /* Four tabs in a 2×2 grid: every section is visible and tappable. */



    #ac-settings .ac-settings__nav {



        display: grid;



        flex: 0 0 auto;



        grid-template-columns: repeat(2, minmax(0, 1fr));



        gap: 6px;



        min-height: 0;



        padding: 0 0 10px;



        overflow: visible;



    }



    #ac-settings .ac-settings__nav-item {



        justify-content: flex-start;



        width: 100%;



        min-width: 0;



        min-height: 32px;



        padding: 6px 10px;



        border-radius: 9px;



    }



    #ac-settings .ac-settings__nav-item.is-active { border-radius: 9px; }



    #ac-settings .ac-settings__nav-label {



        overflow: hidden;



        text-overflow: ellipsis;



        white-space: nowrap;



    }







    #ac-settings .ac-settings__panes { padding: 18px 16px 20px; }



    #ac-settings .ac-settings__pane { max-width: none; }



    #ac-settings .ac-settings__pane-title { font-size: 18px !important; }



    #ac-settings .ac-settings__row--font { flex-direction: column; align-items: flex-start; }



    #ac-settings .ac-settings__foot { padding: 10px 16px; }



}







/* Use the site's typefaces instead of the Apple system stack. */



#ac-settings {



    font-family: var(--font-sans, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);



}



#ac-settings :is(button, input, select, textarea, output) { font-family: inherit; }



#ac-settings :is(.ac-settings__pane-title, .ac-settings__window-title) {



    font-family: var(--font-heading, "Plus Jakarta Sans", "Inter", sans-serif) !important;



}



#ac-settings .ac-settings__pane-title { letter-spacing: -0.02em; }







@media (prefers-reduced-motion: reduce) {



    #ac-settings .ac-settings__window { animation: none !important; }



}



html.ac-access-motion #ac-settings .ac-settings__window { animation: none !important; }







/* ============================================================



   MODULE: mega-menu-apple.css



   ============================================================ */



/* ============================================================



   ACTOREIN — Apple-style mega menu



   Same language as the search drawer: quiet grey rail, hairline



   separators, large headings and flat link lists instead of



   bordered cards. Loaded after mega-menu.css (priority 220).



   ============================================================ */



@media (min-width: 901px) {



    body .nc-header .nc-mega {



        left: 0 !important;



        right: 0 !important;



        width: auto !important;



        max-width: none !important;



        top: calc(100% + 10px) !important;



        margin: 0 !important;



        border: 1px solid rgba(0, 0, 0, 0.08) !important;



        border-radius: 20px !important;



        background: #ffffff !important;



        box-shadow: 0 30px 80px -24px rgba(6, 18, 31, 0.35), 0 2px 6px rgba(0, 0, 0, 0.04) !important;



        overflow: visible !important;



        max-height: none !important;



        opacity: 0 !important;



        visibility: hidden !important;



        pointer-events: none;



        transform: translateY(-8px) scale(0.995) !important;



        transform-origin: var(--ac-mega-tip-x, 50%) 0;



        transition: opacity 0.18s ease, visibility 0.22s, transform 0.3s cubic-bezier(0.22, 0.9, 0.24, 1) !important;



        will-change: opacity, transform;



    }



    body .nc-header .nc-mega.is-open,



    body .nc-header .nc-menu__item--mega.is-open .nc-mega,



    body .nc-header .nc-menu__item--mega.is-open .nc-mega,



    body .nc-header .nc-menu__item--mega.is-open .nc-mega {



        opacity: 1 !important;



        visibility: visible !important;



        pointer-events: auto;



        transform: none !important;



        transition: opacity 0.24s ease, visibility 0.3s, transform 0.4s cubic-bezier(0.22, 0.9, 0.24, 1) !important;



    }



    /* Tooltip beak under the "Ürünler" trigger, tinted to the panel edge. */



    body .nc-header .nc-mega::after {



        display: block !important;



        content: '' !important;



        top: -8px;



        width: 18px;



        height: 18px;



        margin-left: -9px;



        border-top: 1px solid rgba(0, 0, 0, 0.08);



        border-left: 1px solid rgba(0, 0, 0, 0.08);



        border-radius: 4px 0 0 0;



        background: #ffffff;



        box-shadow: none;



    }







    /* The panel itself scrolls as one calm sheet. */



    body .nc-header .nc-mega .nc-mega__inner {



        max-height: min(680px, calc(100dvh - var(--ac-mega-top, 180px) - 40px));



        overflow-y: auto;



        overflow-x: hidden;



        overscroll-behavior: contain;



        border-radius: inherit;



        scrollbar-width: thin;



        scrollbar-color: rgba(0, 0, 0, 0.18) transparent;



    }







    /* ---------- Slim caption bar ---------- */



    body .nc-header .nc-mega .ac-mega-head {



        position: sticky;



        top: 0;



        z-index: 2;



        display: flex;



        align-items: center;



        justify-content: space-between;



        gap: 20px;



        padding: 12px 22px;



        border-bottom: 1px solid rgba(0, 0, 0, 0.08);



        background: #ffffff;



        color: #86868b;



        font-size: 11px;



        font-weight: 600;



        line-height: 1.3;



        letter-spacing: 0.005em;



    }



    body .nc-header .nc-mega .ac-mega-head > a {



        display: inline-flex;



        align-items: center;



        gap: 8px;



        color: #0071e3;



        font-size: 13px;



        font-weight: 500;



        text-decoration: none;



    }



    body .nc-header .nc-mega .ac-mega-head > a:hover { text-decoration: underline; text-underline-offset: 3px; }







    /* ---------- Two-pane body ---------- */



    body .nc-header .nc-mega .nc-mega__cols {



        grid-template-columns: 252px minmax(0, 1fr) !important;



        height: auto !important;



        min-height: 0 !important;



    }







    /* Left rail mirrors the search sidebar. */



    body .nc-header .nc-mega .nc-mega__cats {



        display: flex !important;



        flex-direction: column !important;



        gap: 1px !important;



        padding: 12px 10px !important;



        background: linear-gradient(180deg, #f4f4f6 0%, #eeeef1 100%) !important;



        border: 0 !important;



        border-inline-end: 1px solid rgba(0, 0, 0, 0.085) !important;



        overflow: visible !important;



    }



    body .nc-header .nc-mega .nc-mega__cats-title,



    body .nc-header .nc-mega .nc-mega__cats-title { display: none !important; }







    body .nc-header .nc-mega .nc-mega__cat {



        display: flex !important;



        align-items: center;



        gap: 9px !important;



        width: 100% !important;



        min-height: 34px !important;



        height: auto !important;



        padding: 7px 10px !important;



        border: 0 !important;



        border-radius: 7px !important;



        background: transparent !important;



        color: #1d1d1f !important;



        font-size: 13px !important;



        font-weight: 500 !important;



        line-height: 1.3 !important;



        letter-spacing: -0.005em !important;



        text-align: start;



        box-shadow: none !important;



        transition: background-color 0.14s ease, color 0.14s ease, box-shadow 0.14s ease;



    }



    body .nc-header .nc-mega .nc-mega__cat:hover { background: rgba(0, 0, 0, 0.05) !important; color: #1d1d1f !important; }



    body .nc-header .nc-mega .nc-mega__cat:active { background: rgba(0, 0, 0, 0.085) !important; }



    body .nc-header .nc-mega .nc-mega__cat.is-active {



        background: #ffffff !important;



        color: #1d1d1f !important;



        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 0 0 0.5px rgba(0, 0, 0, 0.04) !important;



    }



    body .nc-header .nc-mega .nc-mega__cat-icon {



        display: grid;



        place-items: center;



        width: 20px !important;



        height: 20px !important;



        flex: 0 0 20px !important;



        color: #737378 !important;



    }



    body .nc-header .nc-mega .nc-mega__cat-icon svg { width: 16px; height: 16px; }



    body .nc-header .nc-mega .nc-mega__cat.is-active .nc-mega__cat-icon { color: #0071e3 !important; }



    body .nc-header .nc-mega .nc-mega__cat-label {



        flex: 1 1 auto;



        min-width: 0;



        font-size: 13px !important;



        line-height: 1.35 !important;



        white-space: normal;



        overflow-wrap: anywhere;



    }



    body .nc-header .nc-mega .nc-mega__cat-arrow {



        display: block !important;



        flex: 0 0 10px;



        color: #c7c7cc !important;



        font-size: 13px;



        line-height: 1;



        text-align: end;



        opacity: 1;



    }



    body .nc-header .nc-mega .nc-mega__cat:hover .nc-mega__cat-arrow,



    body .nc-header .nc-mega .nc-mega__cat.is-active .nc-mega__cat-arrow { color: #86868b !important; }







    /* Content pane. */



    body .nc-header .nc-mega .nc-mega__panels {



        padding: 24px 26px 22px !important;



        background: #ffffff !important;



        min-height: 0 !important;



        overflow: visible !important;



    }



    body .nc-header .nc-mega .nc-mega__panel h3 {



        margin: 0 0 4px !important;



        font-size: 24px !important;



        font-weight: 600 !important;



        line-height: 1.25 !important;



        letter-spacing: -0.03em !important;



        color: #1d1d1f !important;



    }



    body .nc-header .nc-mega .nc-mega__panel-rule { display: none !important; }



    body .nc-header .nc-mega .nc-mega__panel > p {



        display: -webkit-box;



        -webkit-line-clamp: 2;



        -webkit-box-orient: vertical;



        max-width: 62ch;



        margin: 0 0 16px !important;



        overflow: hidden;



        color: #86868b !important;



        font-size: 13.5px !important;



        font-weight: 400 !important;



        line-height: 1.5 !important;



        letter-spacing: -0.005em;



    }



    body .nc-header .nc-mega .nc-mega__panel > p:empty { display: none !important; }







    /* Flat link lists, not cards; product rows get a taller portrait frame. */



    body .nc-header .nc-mega .nc-mega__grid {



        display: grid !important;



        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;



        gap: 8px 22px !important;



    }



    body .nc-header .nc-mega .nc-mega__item {



        display: flex !important;



        align-items: center;



        gap: 16px !important;



        min-height: 78px;



        padding: 12px !important;



        border: 0 !important;



        border-radius: 10px !important;



        background: transparent !important;



        box-shadow: none !important;



        transform: none !important;



        transition: background-color 0.14s ease;



    }



    body .nc-header .nc-mega .nc-mega__item:has(.nc-mega__item-media) {



        min-height: 136px;



        padding: 12px 16px !important;



    }



    body .nc-header .nc-mega .nc-mega__item:hover {



        background: #f5f5f7 !important;



        border: 0 !important;



        box-shadow: none !important;



        transform: none !important;



    }



    body .nc-header .nc-mega .nc-mega__item-media {



        display: grid;



        place-items: center;



        width: 96px !important;



        height: 118px !important;



        flex: 0 0 96px !important;



        padding: 7px;



        border: 0 !important;



        border-radius: 10px !important;



        background: #f5f5f7 !important;



        overflow: hidden;



    }



    body .nc-header .nc-mega .nc-mega__item-media img {



        width: 100% !important;



        height: 100% !important;



        object-fit: contain !important;



        mix-blend-mode: multiply;



        transition: transform 0.3s ease;



    }



    body .nc-header .nc-mega .nc-mega__item:hover .nc-mega__item-media img { transform: scale(1.04); }



    body .nc-header .nc-mega .nc-mega__item-body {



        display: flex;



        flex-direction: column;



        flex: 1 1 auto;



        min-width: 0;



        gap: 1px;



        padding: 0 !important;



    }



    body .nc-header .nc-mega .nc-mega__item-title {



        color: #1d1d1f !important;



        font-size: 15px !important;



        font-weight: 600 !important;



        line-height: 1.4 !important;



        letter-spacing: -0.01em !important;



        overflow-wrap: anywhere;



    }



    body .nc-header .nc-mega .nc-mega__item-desc {



        display: -webkit-box !important;



        -webkit-line-clamp: 2;



        -webkit-box-orient: vertical;



        overflow: hidden;



        color: #86868b !important;



        font-size: 12.5px !important;



        line-height: 1.45 !important;



    }



    body .nc-header .nc-mega .nc-mega__item-desc:empty { display: none !important; }



    body .nc-header .nc-mega .nc-mega__item-go {



        position: static !important;



        inset: auto !important;



        display: block !important;



        margin-inline-start: auto;



        transform: none !important;



        font-size: 18px;



        line-height: 1;



        color: #86868b !important;



        opacity: 1;



        transition: color 0.14s ease;



    }



    body .nc-header .nc-mega .nc-mega__item:hover .nc-mega__item-go,



    body .nc-header .nc-mega .nc-mega__item:focus-visible .nc-mega__item-go { color: #0071e3 !important; }







    body .nc-header .nc-mega .actorein-mega-all {



        display: flex !important;



        align-items: center;



        justify-content: space-between;



        gap: 16px;



        margin-top: 14px !important;



        padding-top: 12px !important;



        border-top: 1px solid rgba(0, 0, 0, 0.08);



        color: #0071e3 !important;



        font-size: 13px !important;



        font-weight: 500 !important;



        line-height: 1.3;



        text-decoration: none;



    }



    body .nc-header .nc-mega .actorein-mega-all:hover { text-decoration: underline; text-underline-offset: 3px; }







    /* Focus rings match the search drawer. */



    body .nc-header .nc-mega :is(a, button):focus-visible {



        outline: 3px solid rgba(0, 113, 227, 0.5) !important;



        outline-offset: 1px;



    }







    /* The open trigger keeps the header underline, without a filled pill. */



    body .nc-header .nc-menu__item--mega.is-open > a,



    body .nc-header .nc-menu__item--mega:hover > a {



        background: transparent !important;



        color: #007ca8 !important;



        border-radius: 0 !important;



    }



    body .nc-header .nc-menu__item--mega.is-open > a::after {



        transform: scaleX(1) !important;



    }



}







/* ---------- Dark appearance, matching the search drawer ---------- */



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega {



    background: #1c1c1e !important;



    border-color: #3a3a3c !important;



    box-shadow: 0 30px 80px -24px rgba(0, 0, 0, 0.72), 0 0 0 0.5px rgba(255, 255, 255, 0.06) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega::after {



    background: #1c1c1e;



    border-color: #3a3a3c;



    box-shadow: none;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .ac-mega-head {



    background: #1c1c1e;



    border-bottom-color: #3a3a3c;



    color: #98989d;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .ac-mega-head > a { color: #0a84ff; }



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .nc-mega__cats {



    background: linear-gradient(180deg, #242426 0%, #1f1f21 100%) !important;



    border-inline-end-color: rgba(255, 255, 255, 0.09) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .nc-mega__cat { color: #e5e5ea !important; }



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .nc-mega__cat:hover {



    background: rgba(255, 255, 255, 0.08) !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .nc-mega__cat.is-active {



    background: #3a3a3c !important;



    color: #ffffff !important;



    box-shadow: none !important;



}



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .nc-mega__cat-icon { color: #a1a1a6 !important; }



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .nc-mega__cat.is-active .nc-mega__cat-icon { color: #0a84ff !important; }



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .nc-mega__panels { background: #1c1c1e !important; }



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .nc-mega__panel h3 { color: #f5f5f7 !important; }



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .nc-mega__panel > p { color: #98989d !important; }



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .nc-mega__item:hover { background: #2c2c2e !important; }



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .nc-mega__item-title { color: #f5f5f7 !important; }



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .nc-mega__item-desc { color: #98989d !important; }



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .nc-mega__item-media { background: #ffffff !important; }



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .nc-mega__item-go { color: #0a84ff !important; }



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-mega .actorein-mega-all {



    color: #0a84ff !important;



    border-top-color: #3a3a3c;



}







/* ---------- Forced contrast ---------- */



html.ac-access-contrast body .nc-header .nc-mega { border-color: currentColor !important; }



html.ac-access-contrast body .nc-header .nc-mega::after { border-color: currentColor !important; background: #fff; }



html.ac-access-contrast.ac-access-dark body .nc-header .nc-mega::after { background: #000; }



html.ac-access-contrast body .nc-header .nc-mega .nc-mega__cat.is-active { outline: 2px solid currentColor !important; }



html.ac-access-contrast body .nc-header .nc-mega .nc-mega__item:hover { outline: 1px solid currentColor; }







/* ---------- RTL arrow ---------- */



html[dir="rtl"] body .nc-header .nc-mega .nc-mega__grid .nc-mega__item-go { transform: scaleX(-1) !important; }



html[lang^="fa"] body .nc-header .nc-mega .nc-mega__grid .nc-mega__item-go { transform: scaleX(-1) !important; }







/* ---------- Small desktop ---------- */



@media (min-width: 901px) and (max-width: 1100px) {



    body .nc-header .nc-mega .nc-mega__cols { grid-template-columns: 220px minmax(0, 1fr) !important; }



    body .nc-header .nc-mega .nc-mega__panels { padding: 18px !important; }



    body .nc-header .nc-mega .nc-mega__grid { grid-template-columns: minmax(0, 1fr) !important; }



}







/* ---------- Motion preferences ---------- */



@media (prefers-reduced-motion: reduce) {



    body .nc-header .nc-mega,



    body .nc-header .nc-mega.is-open,



    body .nc-header .nc-menu__item--mega.is-open .nc-mega,



    body .nc-header .nc-menu__item--mega.is-open .nc-mega,



    body .nc-header .nc-menu__item--mega.is-open .nc-mega {



        transform: none !important;



        transition: opacity 0.01s linear !important;



    }



    body .nc-header .nc-mega .nc-mega__item,



    body .nc-header .nc-mega .nc-mega__item-media img { transition: none !important; }



}



html.ac-access-motion body .nc-header .nc-mega,



html.ac-access-motion body .nc-header .nc-mega .nc-mega__item,



html.ac-access-motion body .nc-header .nc-mega .nc-mega__item-media img {



    transition: none !important;



    animation: none !important;



}







/* ============================================================



   MODULE: home-categories-glass.css



   ============================================================ */



/* ============================================================



   ACTOREIN — Homepage product categories, Apple-glass edition



   Translucent tiles over a soft colour field: frosted surfaces,



   hairline highlights and a quiet lift on hover.



   Loaded last (priority 230) so it governs the exported markup.



   ============================================================ */



body .rh-categories {



    position: relative;



    isolation: isolate;



    overflow: clip !important;



    padding: 64px 0 76px !important;



    background: transparent !important;



}







body .rh-categories::before,



body .rh-categories::after {



    content: none !important;



    display: none !important;



}







body .rh-categories .rh-categories__wrap {



    position: relative;



    z-index: 1;



    width: min(calc(100% - var(--actorein-gutter, 16px) * 2), var(--actorein-container, 1180px)) !important;



    max-width: var(--actorein-container, 1180px) !important;



    margin-inline: auto !important;



    padding-inline: 0 !important;



}







/* ---------- Intro ---------- */



body .rh-categories .rh-categories__intro {



    align-items: flex-end !important;



    gap: 24px !important;



    margin-bottom: 30px !important;



}



body .rh-categories .rh-categories__intro small {



    display: inline-flex;



    align-items: center;



    padding: 6px 12px;



    border: 1px solid rgba(255, 255, 255, 0.78);



    border-radius: 999px;



    background: rgba(255, 255, 255, 0.55);



    -webkit-backdrop-filter: blur(12px) saturate(160%);



    backdrop-filter: blur(12px) saturate(160%);



    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 10px 24px -18px rgba(10, 37, 64, 0.45);



    color: #0b6f92 !important;



    font: 700 10px/1.4 Inter, sans-serif !important;



    letter-spacing: 0.14em !important;



    text-transform: uppercase;



}



body .rh-categories h2 {



    margin: 14px 0 0 !important;



    color: #0e2b40 !important;



    font: 600 clamp(30px, 3vw, 40px)/1.15 var(--font-heading, "Plus Jakarta Sans", sans-serif) !important;



    letter-spacing: -0.04em !important;



}



body .rh-categories .rh-categories__all {



    display: inline-flex;



    align-items: center;



    gap: 10px;



    padding: 11px 17px;



    border: 1px solid rgba(255, 255, 255, 0.82) !important;



    border-radius: 999px;



    background: rgba(255, 255, 255, 0.55);



    -webkit-backdrop-filter: blur(14px) saturate(160%);



    backdrop-filter: blur(14px) saturate(160%);



    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 12px 26px -18px rgba(10, 37, 64, 0.45);



    color: #0f2b40 !important;



    font: 600 12px/1 Inter, sans-serif !important;



    text-decoration: none !important;



    white-space: nowrap;



    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;



}



body .rh-categories .rh-categories__all:hover {



    background: rgba(255, 255, 255, 0.82);



    transform: translateY(-1px);



    box-shadow: inset 0 1px 0 #ffffff, 0 16px 30px -18px rgba(10, 37, 64, 0.5);



}







/* ---------- Grid: all ten groups, two calm rows ---------- */



body .rh-categories .rh-categories__stack { gap: 16px !important; }



body .rh-categories .rh-categories__row {



    display: grid !important;



    position: static !important;



    top: auto !important;



    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;



    gap: 16px !important;



    padding: 0 !important;



    background: transparent !important;



}







/* ---------- Glass tiles ---------- */



body .rh-categories .rh-categories__card {



    position: relative;



    display: flex;



    flex-direction: column;



    min-height: 252px;



    min-width: 0;



    padding: 22px !important;



    border: 1px solid rgba(255, 255, 255, 0.74) !important;



    border-radius: 22px !important;



    background: linear-gradient(155deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.4) 100%) !important;



    -webkit-backdrop-filter: blur(18px) saturate(180%);



    backdrop-filter: blur(18px) saturate(180%);



    box-shadow:



        0 26px 52px -32px rgba(10, 37, 64, 0.35),



        inset 0 1px 0 rgba(255, 255, 255, 0.92),



        inset 0 -1px 0 rgba(255, 255, 255, 0.22);



    color: #102d43 !important;



    text-decoration: none;



    overflow: hidden;



    transition: transform 0.26s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.26s ease, border-color 0.26s ease, background 0.26s ease;



}



/* Highlight sweep inside the glass. */



body .rh-categories .rh-categories__card::after {



    content: "";



    position: absolute;



    inset: 0;



    border-radius: inherit;



    background: radial-gradient(120% 78% at 12% 0%, rgba(255, 255, 255, 0.62) 0%, rgba(255, 255, 255, 0) 58%);



    opacity: 0.9;



    pointer-events: none;



}



body .rh-categories .rh-categories__card > *:not(.rh-categories__index) { position: relative; z-index: 1; }



body .rh-categories .rh-categories__card:hover {



    transform: translateY(-5px);



    border-color: rgba(255, 255, 255, 0.96) !important;



    background: linear-gradient(155deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.56) 100%) !important;



    box-shadow:



        0 42px 72px -34px rgba(10, 37, 64, 0.4),



        inset 0 1px 0 #ffffff,



        inset 0 -1px 0 rgba(255, 255, 255, 0.35);



}







body .rh-categories .rh-categories__icon {



    display: grid;



    place-items: center;



    width: 58px;



    height: 58px;



    margin-bottom: 20px;



    border: 1px solid rgba(255, 255, 255, 0.9);



    border-radius: 18px;



    background: linear-gradient(150deg, rgba(255, 255, 255, 0.88) 0%, rgba(224, 242, 254, 0.55) 100%);



    box-shadow: 0 14px 26px -18px rgba(2, 132, 199, 0.55), inset 0 1px 0 #ffffff;



    color: #0b6f92 !important;



    -webkit-backdrop-filter: blur(6px);



    backdrop-filter: blur(6px);



    transition: transform 0.26s ease, box-shadow 0.26s ease;



}



body .rh-categories .rh-categories__icon svg { width: 32px; height: 32px; }



body .rh-categories .rh-categories__card:hover .rh-categories__icon {



    transform: translateY(-2px);



    box-shadow: 0 18px 32px -18px rgba(2, 132, 199, 0.6), inset 0 1px 0 #ffffff;



}







body .rh-categories .rh-categories__index {



    top: 22px !important;



    right: auto !important;



    inset-inline-end: 20px !important;



    z-index: 2;



    color: rgba(16, 45, 67, 0.34) !important;



    font: 600 10px/1 Inter, sans-serif !important;



    letter-spacing: 0.04em;



}







body .rh-categories .rh-categories__card h3 {



    margin: 0 0 18px !important;



    color: #102d43 !important;



    font: 600 15.5px/1.45 var(--font-heading, "Plus Jakarta Sans", sans-serif) !important;



    letter-spacing: -0.025em !important;



}







body .rh-categories .rh-categories__action {



    display: flex;



    align-items: center;



    justify-content: space-between;



    gap: 12px;



    margin-top: auto;



    padding-top: 14px !important;



    border-top: 1px solid rgba(255, 255, 255, 0.62);



    color: #5b7183 !important;



    font: 500 10.5px/1.4 Inter, sans-serif !important;



    letter-spacing: 0.02em;



}



body .rh-categories .rh-categories__action strong {



    display: grid;



    place-items: center;



    flex: 0 0 30px;



    width: 30px;



    height: 30px;



    border: 1px solid rgba(255, 255, 255, 0.85);



    border-radius: 50%;



    background: rgba(255, 255, 255, 0.52);



    box-shadow: inset 0 1px 0 #ffffff, 0 8px 16px -12px rgba(10, 37, 64, 0.45);



    color: #0b6f92 !important;



    font-size: 15px;



    font-weight: 400;



    line-height: 1;



    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;



}



body .rh-categories .rh-categories__card:hover .rh-categories__action strong {



    border-color: #0f2b40;



    background: #0f2b40;



    color: #ffffff !important;



    transform: translateX(1px);



}







body .rh-categories a:focus-visible {



    outline: 3px solid rgba(2, 132, 199, 0.55);



    outline-offset: 3px;



    border-radius: 22px;



}







/* ---------- Responsive ---------- */



@media (max-width: 1200px) {



    body .rh-categories .rh-categories__row { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }



}



@media (max-width: 1000px) {



    body .rh-categories .rh-categories__row { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }



    body .rh-categories .rh-categories__card { min-height: 236px; padding: 18px !important; }



    body .rh-categories .rh-categories__card h3 { font-size: 14.5px !important; }



}



@media (max-width: 700px) {



    body .rh-categories { padding: 42px 0 52px !important; }



    body .rh-categories .rh-categories__intro {



        align-items: flex-start !important;



        flex-direction: column !important;



        gap: 16px !important;



        margin-bottom: 22px !important;



    }



    body .rh-categories .rh-categories__row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }



    body .rh-categories .rh-categories__stack { gap: 12px !important; }



    body .rh-categories .rh-categories__card { min-height: 212px; padding: 16px !important; border-radius: 18px !important; }



    body .rh-categories .rh-categories__icon { width: 50px; height: 50px; border-radius: 15px; margin-bottom: 16px; }



    body .rh-categories .rh-categories__icon svg { width: 28px; height: 28px; }



    body .rh-categories .rh-categories__index { top: 18px !important; inset-inline-end: 14px !important; }



    body .rh-categories .rh-categories__card h3 { font-size: 13.5px !important; margin-bottom: 14px !important; }



    body .rh-categories .rh-categories__action { font-size: 9.5px !important; }



    body .rh-categories .rh-categories__action strong { width: 26px; height: 26px; flex-basis: 26px; }



}



@media (max-width: 400px) {



    body .rh-categories .rh-categories__row { grid-template-columns: minmax(0, 1fr) !important; }



    body .rh-categories .rh-categories__card { min-height: 0; }



}







/* ---------- Dark appearance ---------- */



html.ac-access-dark:not(.ac-access-contrast) body #content .rh-categories {



    background: transparent !important;



}



html.ac-access-dark body .rh-categories::before { opacity: 0.3; }



html.ac-access-dark body .rh-categories::after { opacity: 0.24; }



html.ac-access-dark body .rh-categories h2,



html.ac-access-dark body .rh-categories .rh-categories__card h3 { color: #f5f5f7 !important; }



html.ac-access-dark body .rh-categories .rh-categories__card {



    background: linear-gradient(155deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.035) 100%) !important;



    border-color: rgba(255, 255, 255, 0.14) !important;



    box-shadow:



        0 26px 60px -34px #000000,



        inset 0 1px 0 rgba(255, 255, 255, 0.18),



        inset 0 -1px 0 rgba(255, 255, 255, 0.05);



}



html.ac-access-dark body .rh-categories .rh-categories__card::after {



    background: radial-gradient(120% 78% at 12% 0%, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 58%);



}



html.ac-access-dark body .rh-categories .rh-categories__card:hover {



    background: linear-gradient(155deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.06) 100%) !important;



    border-color: rgba(255, 255, 255, 0.22) !important;



}



html.ac-access-dark body .rh-categories .rh-categories__icon {



    border-color: rgba(255, 255, 255, 0.16);



    background: rgba(255, 255, 255, 0.07);



    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);



    color: #7dd3fc !important;



}



html.ac-access-dark body .rh-categories .rh-categories__index { color: rgba(255, 255, 255, 0.34) !important; }



html.ac-access-dark body .rh-categories .rh-categories__action {



    border-top-color: rgba(255, 255, 255, 0.12);



    color: #a7bac8 !important;



}



html.ac-access-dark body .rh-categories .rh-categories__action strong {



    border-color: rgba(255, 255, 255, 0.18);



    background: rgba(255, 255, 255, 0.08);



    color: #7dd3fc !important;



}



html.ac-access-dark body .rh-categories .rh-categories__all {



    border-color: rgba(255, 255, 255, 0.18) !important;



    background: rgba(255, 255, 255, 0.08);



    color: #f5f5f7 !important;



}



html.ac-access-dark body .rh-categories .rh-categories__intro small {



    border-color: rgba(255, 255, 255, 0.16);



    background: rgba(255, 255, 255, 0.08);



    color: #7dd3fc !important;



}







/* ---------- High contrast ---------- */



html.ac-access-contrast body .rh-categories .rh-categories__card { border-color: currentColor !important; }



html.ac-access-contrast body .rh-categories .rh-categories__action strong { border-color: currentColor !important; }







/* ---------- Motion ---------- */



@media (prefers-reduced-motion: reduce) {



    body .rh-categories .rh-categories__card,



    body .rh-categories .rh-categories__icon,



    body .rh-categories .rh-categories__action strong,



    body .rh-categories .rh-categories__all { transition: none !important; }



    body .rh-categories .rh-categories__card:hover { transform: none; }



}



html.ac-access-motion body .rh-categories .rh-categories__card,



html.ac-access-motion body .rh-categories .rh-categories__card:hover { transform: none !important; }







/* ============================================================



   MODULE: motion-glass.css



   ============================================================ */



/* ============================================================



   MOTION LAYER — clean, clinical movement



   Suspended bubbles, soft light sweeps and restrained reveals.



   Loaded after every surface sheet; never changes layout.



   ============================================================ */







/* ---------- Header accent ---------- */



html body .nc-header::after {



    content: '';



    position: absolute;



    inset-inline: 0;



    bottom: 0;



    height: 1px;



    z-index: 3;



    background: linear-gradient(90deg, rgba(0, 113, 227, 0) 0%, rgba(0, 113, 227, 0.55) 35%, rgba(23, 195, 162, 0.6) 65%, rgba(23, 195, 162, 0) 100%);



    background-size: 220% 100%;



    animation: none;



    pointer-events: none;



}







/* ---------- Section ambience ---------- */



.ac-has-bubbles {



    position: relative;



    isolation: isolate;



}







.ac-has-bubbles > :not(.ac-bubbles):not(.rh-hero__controls):not(style):not(script) {



    position: relative;



    z-index: 1;



}







.ac-bubbles {



    position: absolute;



    inset: 0;



    z-index: 0;



    overflow: hidden;



    pointer-events: none;



}







.ac-bubbles::before {



    content: '';



    position: absolute;



    inset: -22%;



    background:



        radial-gradient(38% 42% at 16% 24%, rgba(56, 189, 248, 0.2) 0%, rgba(56, 189, 248, 0) 70%),



        radial-gradient(36% 40% at 84% 66%, rgba(45, 212, 191, 0.16) 0%, rgba(45, 212, 191, 0) 72%);



    filter: blur(34px);



    opacity: 0.75;



    animation: none;



    will-change: transform;



}







.ac-bubbles::after {



    content: '';



    position: absolute;



    inset: -80px;



    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180' fill='none' stroke='%230091b8' stroke-width='1'%3E%3Cpath d='M43 20h22l11 19-11 19H43L32 39z' opacity='.55'/%3E%3Cpath d='M128 108h22l11 19-11 19h-22l-11-19z' opacity='.4'/%3E%3Cpath d='M105 35v18M96 44h18' opacity='.5'/%3E%3Cpath d='M46 118v14M39 125h14' opacity='.4'/%3E%3Ccircle cx='150' cy='48' r='3' opacity='.5'/%3E%3Ccircle cx='22' cy='86' r='2' opacity='.4'/%3E%3C/svg%3E");



    background-size: 180px 180px;



    opacity: 0.2;



    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000000 20%, #000000 80%, transparent 100%);



    mask-image: linear-gradient(180deg, transparent 0%, #000000 20%, #000000 80%, transparent 100%);



    animation: none;



    pointer-events: none;



}







@keyframes ac-pattern-drift {



    0% { transform: translate3d(0, 0, 0); }



    100% { transform: translate3d(180px, -180px, 0); }



}







.ac-bubbles span {



    position: absolute;



    top: var(--ac-top, 50%);



    left: var(--ac-left, 50%);



    width: 22px;



    height: 22px;



    border: 1px solid rgba(0, 148, 210, 0.32);



    border-radius: 50%;



    background:



        radial-gradient(circle at 30% 26%, rgba(255, 255, 255, 0.88) 0%, rgba(126, 211, 255, 0.22) 52%, rgba(126, 211, 255, 0) 72%);



    box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.65), 0 0 10px rgba(23, 184, 216, 0.08);



    opacity: 0.28;



    animation: none;



    will-change: transform, opacity;



}







.ac-bubbles span::after {



    content: '';



    position: absolute;



    top: 17%;



    left: 19%;



    width: 22%;



    height: 22%;



    border-radius: 50%;



    background: rgba(255, 255, 255, 0.9);



    pointer-events: none;



}







@keyframes ac-aurora {



    0% { transform: translate3d(-3%, -2%, 0) scale(1); }



    100% { transform: translate3d(4%, 3%, 0) scale(1.12); }



}







@keyframes ac-bubble-rise {



    0% { transform: translate3d(0, 24px, 0) scale(0.84); opacity: 0; }



    12% { opacity: var(--ac-opacity, 0.26); }



    82% { opacity: var(--ac-opacity, 0.26); }



    100% { transform: translate3d(var(--ac-drift, 28px), -52vh, 0) scale(1.08); opacity: 0; }



}







/* ---------- Reveal on scroll ---------- */



[data-ac-reveal].ac-inview {



    animation: ac-reveal 0.32s cubic-bezier(0.2, 0.7, 0.2, 1) both;



    animation-delay: var(--ac-delay, 0ms);



}







@keyframes ac-reveal {
    from { translate: var(--ac-enter-x, 12px) 0; }
    to { translate: 0 0; }
}







/* ---------- Hero ---------- */



html body #content .rh-hero .rh-hero__slide:not([hidden]) .rh-hero__visual img {



    animation: none;



    transform-origin: center;



}







@keyframes ac-kenburns {



    from { scale: 1; translate: 0 0; }



    to { scale: 1.045; translate: 0 -0.6%; }



}







html body #content .rh-hero .rh-hero__visual::before {



    content: '';



    position: absolute;



    inset: 0;



    z-index: 2;



    background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, 0.2) 50%, transparent 62%);



    transform: translateX(-130%);



    animation: none;



    pointer-events: none;



}







@keyframes ac-hero-sheen {



    0%, 62% { transform: translateX(-130%); }



    82%, 100% { transform: translateX(130%); }



}







html body #content .rh-hero .rh-hero__tag {



    display: inline-flex !important;



    align-items: center;



    gap: 7px;



}







html body #content .rh-hero .rh-hero__tag::before {



    content: '';



    width: 6px;



    height: 6px;



    flex: 0 0 6px;



    border-radius: 50%;



    background: #17b8d8;



    box-shadow: 0 0 0 0 rgba(23, 184, 216, 0.45);



    animation: none;



}







@keyframes ac-pulse-dot {



    0% { box-shadow: 0 0 0 0 rgba(23, 184, 216, 0.4); }



    70% { box-shadow: 0 0 0 8px rgba(23, 184, 216, 0); }



    100% { box-shadow: 0 0 0 0 rgba(23, 184, 216, 0); }



}







html body #content .rh-hero .rh-hero__cta {



    position: relative;



    overflow: hidden;



    animation: none;



}







@keyframes ac-cta-glow {



    0%, 100% { box-shadow: 0 0 0 0 rgba(23, 184, 216, 0.18); }



    50% { box-shadow: 0 0 0 6px rgba(23, 184, 216, 0), 0 12px 26px -16px rgba(23, 184, 216, 0.5); }



}







html body #content .rh-hero .rh-hero__cta::after {



    content: '';



    position: absolute;



    inset: 0;



    background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, 0.24) 50%, transparent 70%);



    transform: translateX(-130%);



    transition: transform 0.65s ease;



    pointer-events: none;



}







html body #content .rh-hero .rh-hero__cta:hover::after {



    transform: translateX(130%);



}







html body #content .rh-hero .rh-hero__dots button[aria-current='true'] {



    animation: none;



}







@keyframes ac-dot-pulse {



    0%, 100% { box-shadow: 0 0 0 0 rgba(0, 134, 179, 0.35); }



    50% { box-shadow: 0 0 0 4px rgba(0, 134, 179, 0); }



}







/* Corporate/product hero: brighter bubbles against the dark panel. */



html body .acto-page-hero {



    overflow: hidden;



}







html body .acto-page-hero .ac-bubbles span {



    border-color: rgba(170, 240, 255, 0.45) !important;



    background:



        radial-gradient(circle at 30% 26%, rgba(255, 255, 255, 0.62) 0%, rgba(120, 220, 255, 0.18) 52%, rgba(120, 220, 255, 0) 72%) !important;



    box-shadow:



        inset 0 0 20px rgba(255, 255, 255, 0.42),



        0 0 14px rgba(120, 220, 255, 0.12) !important;



}







html body .acto-page-hero::before,



html body .acto-page-hero::after {



    content: '';



    position: absolute;



    z-index: 0;



    bottom: -50px;



    width: 110px;



    height: 110px;



    border: 1px solid rgba(170, 240, 255, 0.32);



    border-radius: 50%;



    background:



        radial-gradient(circle at 30% 26%, rgba(255, 255, 255, 0.3) 0%, rgba(120, 220, 255, 0.08) 55%, rgba(120, 220, 255, 0) 74%);



    box-shadow: inset 0 0 22px rgba(255, 255, 255, 0.2);



    opacity: 0;



    animation: none;



    pointer-events: none;



}







html body .acto-page-hero::before {



    left: 8%;



    animation-delay: -4s;



}







html body .acto-page-hero::after {



    right: 10%;



    width: 64px;



    height: 64px;



    animation-duration: 10s;



    animation-delay: -7s;



}







@keyframes ac-corporate-bubble {



    0% { transform: translateY(60px) scale(0.8); opacity: 0; }



    12% { opacity: 0.55; }



    78% { opacity: 0.34; }



    100% { transform: translateY(-240px) scale(1.12); opacity: 0; }



}







/* ---------- Section kickers + category cards ---------- */



html body .rh-categories .rh-categories__intro small,



html body .rh-products .rh-products__head small,



html body .rh-areas .rh-areas__copy small {



    display: inline-flex !important;



    align-items: center;



    gap: 7px;



}







html body .rh-categories .rh-categories__intro small::before,



html body .rh-products .rh-products__head small::before,



html body .rh-areas .rh-areas__copy small::before,



html body .acto-brands .acto-brands__title::before {



    content: '';



    width: 6px;



    height: 6px;



    flex: 0 0 6px;



    border-radius: 50%;



    background: #17b8d8;



    box-shadow: 0 0 0 0 rgba(23, 184, 216, 0.4);



    animation: none;



}







/* A clean gradient rule under the section titles. */



html body .rh-categories h2::after,



html body .rh-products h2::after,



html body .rh-areas h2::after {



    content: '';



    display: block;



    width: 62px;



    height: 3px;



    margin-top: 16px;



    border-radius: 999px;



    background: linear-gradient(90deg, #0071e3 0%, #17c3a2 50%, #0071e3 100%);



    background-size: 220% 100%;



    animation: none;



}







html body .rh-categories .rh-categories__icon {



    animation: none;



}







html body .rh-categories .rh-categories__card:nth-child(2n) .rh-categories__icon {



    animation-delay: -2.1s;



}







html body .rh-categories .rh-categories__card:nth-child(3n) .rh-categories__icon {



    animation-delay: -3.7s;



}







@keyframes ac-icon-bob {



    0%, 100% { transform: translateY(0) rotate(0deg); }



    50% { transform: translateY(-3px) rotate(-2deg); }



}







html body .rh-categories .rh-categories__card:hover .rh-categories__icon {



    animation-play-state: paused;



    transform: translateY(-4px) rotate(-3deg);



    transition: transform 0.28s ease;



}







html body .rh-categories .rh-categories__card:hover {



    box-shadow:



        0 30px 60px -36px rgba(0, 113, 227, 0.3),



        inset 0 1px 0 #ffffff !important;



}







html body .rh-categories .rh-categories__action svg,



html body .rh-products .rh-products__info b svg {



    transition: transform 0.25s ease;



}







html body .rh-categories .rh-categories__card:hover .rh-categories__action svg {



    transform: translateX(3px);



}







/* ---------- Product showcase ---------- */



html body .rh-products .rh-products__media {



    position: relative;



    overflow: hidden;



}







html body .rh-products .rh-products__media::after {



    content: '';



    position: absolute;



    inset: 0;



    z-index: 2;



    background: linear-gradient(112deg, transparent 34%, rgba(255, 255, 255, 0.34) 50%, transparent 66%);



    transform: translateX(-135%);



    transition: transform 0.7s ease;



    pointer-events: none;



}







html body .rh-products .rh-products__card:hover .rh-products__media::after {



    transform: translateX(135%);



}







html body .rh-products .rh-products__card:hover {



    box-shadow:



        0 32px 60px -36px rgba(0, 113, 227, 0.32),



        inset 0 1px 0 #ffffff !important;



}







html body .rh-products .rh-products__info b svg {



    transition: transform 0.25s ease;



}







html body .rh-products .rh-products__card:hover .rh-products__info b svg {



    transform: translateX(3px);



}







/* ---------- Areas accordion ---------- */



html body .rh-areas .rh-areas__illustration svg {



    animation: none;



}







html body .rh-areas .rh-areas__entry:nth-child(2n) .rh-areas__illustration svg {



    animation-delay: -2.8s;



}







@keyframes ac-float {



    0%, 100% { transform: translateY(0) rotate(0deg); }



    50% { transform: translateY(-5px) rotate(1.2deg); }



}







html body .rh-areas .rh-areas__entry[open] {



    box-shadow:



        0 30px 60px -36px rgba(0, 113, 227, 0.28),



        inset 0 1px 0 #ffffff !important;



}







html body .rh-areas .rh-areas__entry[open] .rh-areas__number {



    animation: none;



}







@keyframes ac-number-pulse {



    0%, 100% { box-shadow: 0 0 0 0 rgba(0, 113, 227, 0.22); }



    50% { box-shadow: 0 0 0 6px rgba(0, 113, 227, 0); }



}







/* ---------- Stats ---------- */



html body .acto-stats__head::before {



    background: linear-gradient(90deg, #0071e3 0%, #17c3a2 50%, #0071e3 100%) !important;



    background-size: 220% 100% !important;



    animation: none;



}







@keyframes ac-gradient-line {



    0% { background-position: 0% 50%; }



    100% { background-position: 220% 50%; }



}







html body .acto-stats__item::after {



    content: '';



    position: absolute;



    inset: auto 24px 0;



    height: 1px;



    background: linear-gradient(90deg, transparent, rgba(0, 113, 227, 0.4), transparent);



    opacity: 0;



    transition: opacity 0.3s ease;



}







html body .acto-stats__item:hover::after {



    opacity: 1;



}







/* ---------- Brand rail ---------- */



html body .acto-brands .acto-brands__row {



    animation: none;



}







@keyframes ac-brand-drift {



    0%, 100% { transform: translateX(0); }



    50% { transform: translateX(-7px); }



}







html body .acto-brands .acto-brands__item img {



    animation: none;



}







html body .acto-brands .acto-brands__item:nth-child(2n) img { animation-delay: -2.2s; }



html body .acto-brands .acto-brands__item:nth-child(3n) img { animation-delay: -4.1s; }







@keyframes ac-logo-bob {



    0%, 100% { transform: translateY(0); }



    50% { transform: translateY(-3px); }



}







html body .acto-brands .acto-brands__item:hover img {



    animation-play-state: paused;



    transform: scale(1.04);



    transition: transform 0.25s ease;



}







html body .acto-brands .acto-brands__item:hover {



    box-shadow:



        0 28px 54px -36px rgba(0, 113, 227, 0.28),



        inset 0 1px 0 #ffffff !important;



}







/* ---------- Catalog cards ---------- */



html body .actorein-catalog .ac-product__visual::after {



    content: '';



    position: absolute;



    inset: 0;



    z-index: 2;



    background: linear-gradient(112deg, transparent 36%, rgba(255, 255, 255, 0.32) 50%, transparent 64%);



    transform: translateX(-135%);



    transition: transform 0.7s ease;



    pointer-events: none;



}







html body .actorein-catalog .ac-product:hover .ac-product__visual::after {



    transform: translateX(135%);



}







html body .actorein-catalog .ac-product:hover .ac-product__action svg {



    animation: none;



}







@keyframes ac-arrow-nudge {



    0%, 100% { transform: translateX(0); }



    50% { transform: translateX(3px); }



}







/* ---------- Dark surface ---------- */



html.ac-access-dark .ac-bubbles span {



    border-color: rgba(120, 220, 255, 0.18);



    background:



        radial-gradient(circle at 30% 26%, rgba(255, 255, 255, 0.24) 0%, rgba(80, 190, 255, 0.1) 55%, rgba(80, 190, 255, 0) 74%);



    box-shadow: inset 0 0 16px rgba(140, 220, 255, 0.18);



}







html.ac-access-dark .ac-bubbles::before {



    opacity: 0.48;



}







/* ---------- Forced contrast ---------- */



html.ac-access-contrast .ac-bubbles,



html.ac-access-contrast .rh-hero__visual::before,



html.ac-access-contrast .acto-page-hero::before,



html.ac-access-contrast .acto-page-hero::after,



html.ac-access-contrast .nc-header::after {



    display: none !important;



}







html.ac-access-contrast .rh-categories h2::after,



html.ac-access-contrast .rh-products h2::after,



html.ac-access-contrast .rh-areas h2::after {



    background: #000000 !important;



    animation: none !important;



}







html.ac-access-contrast.ac-access-dark .rh-categories h2::after,



html.ac-access-contrast.ac-access-dark .rh-products h2::after,



html.ac-access-contrast.ac-access-dark .rh-areas h2::after {



    background: #ffffff !important;



}







html.ac-access-contrast [data-ac-reveal].ac-inview {



    animation: none !important;



}







/* ---------- Motion preferences ---------- */



@media (prefers-reduced-motion: reduce) {



    .ac-bubbles,



    html body #content .rh-hero .rh-hero__visual::before,



    html body .acto-page-hero::before,



    html body .acto-page-hero::after {



        display: none !important;



    }







    .ac-bubbles span,



    html body .nc-header::after,



    html body #content .rh-hero .rh-hero__cta,



    html body .acto-brands .acto-brands__row,



    html body .rh-categories h2::after,



    html body .rh-products h2::after,



    html body .rh-areas h2::after,



    html body #content .rh-hero .rh-hero__slide:not([hidden]) .rh-hero__visual img,



    html body #content .rh-hero .rh-hero__tag::before,



    html body .rh-categories .rh-categories__icon,



    html body .rh-areas .rh-areas__illustration svg,



    html body .acto-brands .acto-brands__item img,



    html body .acto-stats__head::before,



    html body #content .rh-hero .rh-hero__dots button[aria-current='true'] {



        animation: none !important;



    }







    [data-ac-reveal].ac-inview {



        animation: none !important;



    }



}







html.ac-access-motion .ac-bubbles,



html.ac-access-motion body #content .rh-hero .rh-hero__visual::before,



html.ac-access-motion body .acto-page-hero::before,



html.ac-access-motion body .acto-page-hero::after {



    display: none !important;



}







html.ac-access-motion .ac-bubbles span,



html.ac-access-motion body .nc-header::after,



html.ac-access-motion body #content .rh-hero .rh-hero__cta,



html.ac-access-motion body .acto-brands .acto-brands__row,



html.ac-access-motion body .rh-categories h2::after,



html.ac-access-motion body .rh-products h2::after,



html.ac-access-motion body .rh-areas h2::after,



html.ac-access-motion body #content .rh-hero .rh-hero__slide:not([hidden]) .rh-hero__visual img,



html.ac-access-motion body #content .rh-hero .rh-hero__tag::before,



html.ac-access-motion body .rh-categories .rh-categories__icon,



html.ac-access-motion body .rh-areas .rh-areas__illustration svg,



html.ac-access-motion body .acto-brands .acto-brands__item img,



html.ac-access-motion body .acto-stats__head::before,



html.ac-access-motion body #content .rh-hero .rh-hero__dots button[aria-current='true'] {



    animation: none !important;



}







html.ac-access-motion [data-ac-reveal].ac-inview {



    animation: none !important;



}







/* ============================================================



   MODULE: cleaning-vibrancy.css



   ============================================================ */



/* ============================================================



   CLEAN-PRODUCT VIBRANCY



   Aqua/mint accents inspired by hygiene products: coloured icon



   wells, glossy packshots and a pointer-following clean shine.



   Loaded after the motion layer.



   ============================================================ */







:root {



    --ac-aqua: #00a8c8;



    --ac-aqua-deep: #007a99;



    --ac-mint: #17c3a2;



    --ac-sky: #38bdf8;



}







/* ---------- Category numbers: keep the cards clean ---------- */



html body .rh-categories .rh-categories__index {



    display: none !important;



}







/* ---------- Packshots stay neutral and readable ---------- */



html body .rh-products .rh-products__media {



    background: #f8fafc !important;



    box-shadow: inset 0 -22px 32px -32px rgba(10, 37, 64, 0.1) !important;



}







html body .rh-products .rh-products__media::before,



html body .rh-products .rh-products__media::after {



    content: none !important;



    display: none !important;



}







html body .actorein-catalog:not([data-view="list"]):not([data-view="compact"]) .ac-product__visual {



    background: radial-gradient(120% 100% at 50% 0%, #ffffff 0%, #f5f7f9 100%) !important;



    box-shadow: inset 0 -22px 32px -32px rgba(10, 37, 64, 0.08) !important;



}







html body .actorein-catalog:not([data-view="list"]):not([data-view="compact"]) .ac-product__visual::before,



html body .actorein-catalog:not([data-view="list"]):not([data-view="compact"]) .ac-product__visual::after {



    content: none !important;



    display: none !important;



}







/* ---------- Colour lives on the card, not over the packshot ---------- */



html body .rh-products .rh-products__card {



    border: 1px solid rgba(255, 255, 255, 0.72);



    transition: background-color 0.26s ease, border-color 0.26s ease, box-shadow 0.26s ease, transform 0.26s ease;



}







html body .rh-products .rh-products__card:hover {



    border-color: rgba(0, 168, 200, 0.3) !important;



    background: linear-gradient(135deg, rgba(255, 255, 255, 0.74) 0%, rgba(232, 250, 255, 0.56) 100%) !important;



    box-shadow:



        0 32px 60px -38px rgba(0, 168, 200, 0.38),



        inset 0 1px 0 #ffffff !important;



}







html body .rh-products .rh-products__info::before {



    content: '';



    display: block;



    width: 28px;



    height: 2px;



    margin-bottom: 7px;



    border-radius: 999px;



    display: none !important; content: none !important;



    opacity: 0.8;



    transition: width 0.3s ease;



}







html body .rh-products .rh-products__card:hover .rh-products__info::before {



    width: 46px;



}







html body .actorein-catalog:not([data-view="list"]):not([data-view="compact"]) .ac-product__content::before {



    content: '';



    display: block;



    width: 28px;



    height: 2px;



    margin: 0 0 2px;



    border-radius: 999px;



    display: none !important; content: none !important;



    opacity: 0.8;



    transition: width 0.3s ease;



}







html body .actorein-catalog:not([data-view="list"]):not([data-view="compact"]) .ac-product:hover .ac-product__content::before {



    width: 46px;



}







html body .actorein-catalog:not([data-view="list"]):not([data-view="compact"]) .ac-product:hover {



    border-color: rgba(0, 168, 200, 0.32) !important;



    background: linear-gradient(135deg, rgba(255, 255, 255, 0.74) 0%, rgba(232, 250, 255, 0.56) 100%) !important;



    box-shadow:



        0 32px 60px -40px rgba(0, 168, 200, 0.4),



        inset 0 1px 0 #ffffff !important;



}







/* ---------- Category icons become clean colour wells ---------- */



html body .rh-categories .rh-categories__icon {



    border: 1px solid rgba(255, 255, 255, 0.7) !important;



    background: linear-gradient(135deg, #00a8c8 0%, #17c3a2 100%) !important;



    color: #ffffff !important;



    box-shadow:



        0 16px 30px -18px rgba(0, 168, 200, 0.62),



        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;



}







html body .rh-categories .rh-categories__card:nth-child(5n + 2) .rh-categories__icon {



    background: linear-gradient(135deg, #0071e3 0%, #38bdf8 100%) !important;



    box-shadow:



        0 16px 30px -18px rgba(0, 113, 227, 0.55),



        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;



}







html body .rh-categories .rh-categories__card:nth-child(5n + 3) .rh-categories__icon {



    background: linear-gradient(135deg, #12b886 0%, #38d9a9 100%) !important;



    box-shadow:



        0 16px 30px -18px rgba(18, 184, 134, 0.5),



        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;



}







html body .rh-categories .rh-categories__card:nth-child(5n + 4) .rh-categories__icon {



    background: linear-gradient(135deg, #0ea5e9 0%, #67e8f9 100%) !important;



    box-shadow:



        0 16px 30px -18px rgba(14, 165, 233, 0.5),



        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;



}







html body .rh-categories .rh-categories__card:nth-child(5n + 5) .rh-categories__icon {



    background: linear-gradient(135deg, #0f766e 0%, #2dd4bf 100%) !important;



    box-shadow:



        0 16px 30px -18px rgba(15, 118, 110, 0.5),



        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;



}







html body .rh-categories .rh-categories__card:hover .rh-categories__icon {



    transform: translateY(-4px) rotate(-3deg) scale(1.04) !important;



}







/* ---------- Category card pointer sheen ---------- */



html body .rh-categories .rh-categories__card::before {



    content: '';



    position: absolute;



    inset: 0;



    z-index: 0;



    border-radius: inherit;



    background:



        radial-gradient(240px circle at var(--ac-px, 50%) var(--ac-py, 50%), rgba(255, 255, 255, 0.7) 0%, rgba(56, 189, 248, 0.16) 42%, rgba(56, 189, 248, 0) 70%);



    opacity: 0;



    transition: opacity 0.28s ease;



    pointer-events: none;



}







html body .rh-categories .rh-categories__card:hover::before {



    opacity: 1;



}







html body .rh-categories .rh-categories__card > * {



    position: relative;



    z-index: 1;



}







html body .rh-categories .rh-categories__card:hover {



    border-color: rgba(0, 168, 200, 0.35) !important;



}







/* ---------- Product packshots ---------- */



html body .rh-products .rh-products__media {



    background: #f8fafc !important;



    box-shadow: inset 0 -22px 32px -32px rgba(10, 37, 64, 0.1) !important;



}







html body .rh-products .rh-products__info small {



    display: inline-flex !important;



    align-self: flex-start;



    padding: 4px 9px;



    border: 1px solid rgba(0, 168, 200, 0.2);



    border-radius: 999px;



    background: rgba(0, 168, 200, 0.09);



    color: var(--ac-aqua-deep) !important;



    font-weight: 700 !important;



    letter-spacing: 0.055em;



    line-height: 1.4;



}







html body .actorein-catalog:not([data-view="list"]):not([data-view="compact"]) .ac-product__visual {



    background: radial-gradient(120% 100% at 50% 0%, #ffffff 0%, #f5f7f9 100%) !important;



    box-shadow: inset 0 -22px 32px -32px rgba(10, 37, 64, 0.08) !important;



}







html body .actorein-catalog:not([data-view="list"]):not([data-view="compact"]) .ac-product__badge {



    display: inline-flex !important;



    align-items: center;



    gap: 5px;



    border-color: rgba(0, 168, 200, 0.28) !important;



    background: rgba(232, 250, 255, 0.82) !important;



    color: #006b8a !important;



}







html body .actorein-catalog:not([data-view="list"]):not([data-view="compact"]) .ac-product__badge::before {



    content: '';



    width: 4px;



    height: 4px;



    flex: 0 0 4px;



    border-radius: 50%;



    background: #00a8c8;



    box-shadow: 0 0 0 0 rgba(0, 168, 200, 0.4);



    animation: none;



}







/* ---------- Product filters ---------- */



html body .rh-products .rh-products__filters button[aria-pressed="true"] {



    border-color: transparent !important;



    background: linear-gradient(135deg, #0a2540 0%, #007da8 100%) !important;



    color: #ffffff !important;



    box-shadow: 0 10px 22px -16px rgba(0, 113, 227, 0.55) !important;



}







html body .rh-products .rh-products__filters button:hover:not([aria-pressed="true"]) {



    border-color: rgba(0, 168, 200, 0.3) !important;



    color: var(--ac-aqua-deep) !important;



}







/* ---------- Hero CTA in the clean palette ---------- */



html body #content .rh-hero .rh-hero__cta {



    border-color: transparent !important;



    background: linear-gradient(135deg, #0a2540 0%, #007da8 100%) !important;



    box-shadow: 0 14px 28px -18px rgba(0, 113, 227, 0.55);



}







html body #content .rh-hero .rh-hero__cta:hover {



    background: linear-gradient(135deg, #0071e3 0%, #17c3a2 100%) !important;



}







/* ---------- Areas illustrations ---------- */



html body .rh-areas .rh-areas__illustration {



    box-shadow:



        0 24px 54px -34px rgba(0, 168, 200, 0.42),



        inset 0 0 42px rgba(23, 195, 162, 0.1) !important;



}







html body .rh-areas .rh-areas__illustration svg {



    filter: drop-shadow(0 10px 20px rgba(0, 113, 227, 0.16));



}







html body .rh-areas .rh-areas__entry[open] {



    background: linear-gradient(135deg, rgba(255, 255, 255, 0.74) 0%, rgba(232, 250, 255, 0.6) 100%) !important;



    border-color: rgba(0, 168, 200, 0.26) !important;



}







/* ---------- Stats numbers in aqua gradient ---------- */



html body .acto-stats__num {



    background: linear-gradient(110deg, #0a2540 0%, #0071e3 52%, #17c3a2 100%) !important;



    background-size: 180% 100% !important;



    -webkit-background-clip: text !important;



    background-clip: text !important;



    -webkit-text-fill-color: transparent !important;



    color: transparent !important;



    animation: none;



}







html body .acto-stats__num::after {



    -webkit-text-fill-color: #0071e3 !important;



    color: #0071e3 !important;



}







@keyframes ac-number-wash {



    0% { background-position: 0% 50%; }



    100% { background-position: 100% 50%; }



}







@supports not ((-webkit-background-clip: text) or (background-clip: text)) {



    html body .acto-stats__num {



        background: none !important;



        -webkit-text-fill-color: #0a2540 !important;



        color: #0a2540 !important;



        animation: none !important;



    }



}







/* ---------- Brand tiles ---------- */



html body .acto-brands .acto-brands__item {



    background: linear-gradient(145deg, rgba(255, 255, 255, 0.66) 0%, rgba(232, 250, 255, 0.5) 100%) !important;



}







html body .acto-brands .acto-brands__item:hover {



    border-color: rgba(0, 168, 200, 0.32) !important;



}







/* ---------- Dark appearance ---------- */



html.ac-access-dark:not(.ac-access-contrast) #content .rh-categories .rh-categories__icon {



    border-color: rgba(255, 255, 255, 0.22) !important;



    color: #ffffff !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-categories .rh-categories__card::before {



    background:



        radial-gradient(240px circle at var(--ac-px, 50%) var(--ac-py, 50%), rgba(120, 220, 255, 0.18) 0%, rgba(56, 189, 248, 0.1) 42%, rgba(56, 189, 248, 0) 70%);



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__media,



html.ac-access-dark:not(.ac-access-contrast) #content .actorein-catalog:not([data-view="list"]):not([data-view="compact"]) .ac-product__visual {



    background: #f2f2f7 !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-products .rh-products__info small {



    border-color: rgba(10, 132, 255, 0.32);



    background: rgba(10, 132, 255, 0.14);



    color: #a9d8ff !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .actorein-catalog:not([data-view="list"]):not([data-view="compact"]) .ac-product__badge {



    border-color: rgba(255, 255, 255, 0.3) !important;



    background: rgba(255, 255, 255, 0.82) !important;



    color: #006b8a !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .rh-areas .rh-areas__entry[open] {



    background: linear-gradient(135deg, rgba(34, 34, 36, 0.88) 0%, rgba(10, 44, 56, 0.82) 100%) !important;



    border-color: rgba(10, 132, 255, 0.3) !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .acto-stats__num {



    background: linear-gradient(110deg, #f5f5f7 0%, #7fd7ff 55%, #5eead4 100%) !important;



    -webkit-background-clip: text !important;



    background-clip: text !important;



    -webkit-text-fill-color: transparent !important;



    color: transparent !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .acto-stats__num::after {



    -webkit-text-fill-color: #0a84ff !important;



    color: #0a84ff !important;



}







html.ac-access-dark:not(.ac-access-contrast) #content .acto-brands .acto-brands__item {



    background: rgba(255, 255, 255, 0.9) !important;



}







/* ---------- Forced contrast ---------- */



html.ac-access-contrast body .rh-categories .rh-categories__card::before,



html.ac-access-contrast body .rh-products .rh-products__media::before,



html.ac-access-contrast body .actorein-catalog .ac-product__visual::before {



    display: none !important;



}







html.ac-access-contrast body .rh-categories .rh-categories__icon {



    border: 2px solid #000000 !important;



    border-radius: 0 !important;



    background: #ffffff !important;



    color: #000000 !important;



    box-shadow: none !important;



}







html.ac-access-contrast.ac-access-dark body .rh-categories .rh-categories__icon {



    border-color: #ffffff !important;



    background: #000000 !important;



    color: #ffffff !important;



}







html.ac-access-contrast body .acto-stats__num {



    background: none !important;



    -webkit-text-fill-color: #000000 !important;



    color: #000000 !important;



    animation: none !important;



}







html.ac-access-contrast body .acto-stats__num::after {



    -webkit-text-fill-color: #000000 !important;



    color: #000000 !important;



}







html.ac-access-contrast.ac-access-dark body .acto-stats__num,



html.ac-access-contrast.ac-access-dark body .acto-stats__num::after {



    -webkit-text-fill-color: #ffffff !important;



    color: #ffffff !important;



}







/* ---------- Motion preferences ---------- */



@media (prefers-reduced-motion: reduce) {



    html body .acto-stats__num,



    html body .actorein-catalog .ac-product__badge::before {



        animation: none !important;



    }



}







html.ac-access-motion body .acto-stats__num,



html.ac-access-motion body .actorein-catalog .ac-product__badge::before {



    animation: none !important;



}







/* ============================================================



   MODULE: product-cards-v3.css



   ============================================================ */



/* ============================================================



   PRODUCT CARDS — informative light cards



   Full-width columns, rectangular packshot, real feature list.



   No status badges, no icons, no hover effects, no dark stage.



   ============================================================ */







.ac-bubbles .ac-sparkle {



    position: absolute;



    z-index: 0;



    display: block;



    width: var(--ac-sparkle-size, 46px);



    height: var(--ac-sparkle-size, 46px);



    background: url('assets/images/actorein-sparkle.png') center / contain no-repeat;



    opacity: var(--ac-sparkle-opacity, 0.08);



    animation: none;



    pointer-events: none;



    will-change: transform, opacity;



}







@keyframes ac-sparkle-float {



    0% { transform: translate3d(0, 0, 0) rotate(0deg) scale(1); }



    100% { transform: translate3d(12px, -16px, 0) rotate(14deg) scale(1.08); }



}







html body .acto-page-hero .eds-container {



    position: relative;



}







html body .acto-page-hero .eds-container::before {



    content: '';



    position: absolute;



    z-index: 0;



    top: 50%;



    inset-inline-end: 4%;



    width: 92px;



    height: 92px;



    transform: translateY(-50%);



    background: url('assets/images/actorein-sparkle.png') center / contain no-repeat;



    opacity: 0.09;



    pointer-events: none;



}







html body .acto-page-hero__content {



    position: relative;



    z-index: 1;



}







/* ---------- Light sections ---------- */



html body .rh-products,



html body .rh-products {



    padding: 56px 0 64px !important;



}







/* ---------- Catalog: two full-width columns ---------- */



/* ---------- Catalog card ---------- */



/* Real feature list, set as an infographic. */



/* No motion, no hover, no pointer effects. */



/* ---------- Homepage product cards ---------- */



html body .rh-products .rh-products__grid {



    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;



    gap: 16px !important;



}







html body .rh-products .rh-products__card {



    position: relative;



    display: grid !important;



    grid-template-columns: 160px minmax(0, 1fr) !important;



    align-items: center !important;



    gap: 14px !important;



    width: auto !important;



    min-width: 0;



    min-height: 0;



    padding: 14px !important;



    overflow: hidden;



    border: 0 !important;



    border-radius: 22px !important;



    background: rgba(255, 255, 255, 0.62) !important;



    -webkit-backdrop-filter: blur(20px) saturate(150%);



    backdrop-filter: blur(20px) saturate(150%);



    box-shadow:



        0 20px 40px -34px rgba(10, 37, 64, 0.5),



        inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;



    color: #1d1d1f;



    transform: none !important;



}







html body .rh-products .rh-products__card::before,



html body .rh-products .rh-products__card::after {



    content: none !important;



    display: none !important;



}







html body .rh-products .rh-products__media {



    width: 100% !important;



    height: 190px !important;



    min-height: 190px !important;



    margin: 0 !important;



    padding: 12px !important;



    overflow: hidden !important;



    border: 0 !important;



    border-radius: 16px !important;



    background: #f7fafc !important;



    box-shadow: inset 0 0 30px rgba(10, 37, 64, 0.035) !important;



}







html body .rh-products .rh-products__media::before,



html body .rh-products .rh-products__media::after {



    content: none !important;



    display: none !important;



}







html body .rh-products .rh-products__media img {



    display: block;



    width: 100% !important;



    height: 100% !important;



    max-height: 100% !important;



    object-fit: contain !important;



    mix-blend-mode: multiply;



    border-radius: 0 !important;



    transform: none !important;



}







html body .rh-products .rh-products__info {



    display: flex !important;



    flex: 1 1 auto;



    flex-direction: column !important;



    min-width: 0;



    padding: 0 !important;



}







html body .rh-products .rh-products__info::before {



    content: none !important;



    display: none !important;



}







html body .rh-products .rh-products__info small {



    display: block !important;



    margin: 0 0 3px !important;



    padding: 0 !important;



    border: 0 !important;



    background: none !important;



    color: #007a99 !important;



    font: 700 8.5px/1.4 Inter, "SF Pro Text", sans-serif !important;



    letter-spacing: 0.08em !important;



    text-transform: uppercase;



}







html body .rh-products h3 {



    margin: 0 0 3px !important;



    color: #1d1d1f !important;



    font: 600 17px/1.25 "Plus Jakarta Sans", "SF Pro Display", Inter, sans-serif !important;



    letter-spacing: -0.025em !important;



    overflow-wrap: anywhere;



}







html body .rh-products .rh-products__info p {



    display: -webkit-box !important;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



    overflow: hidden;



    margin: 0 0 8px !important;



    color: #6e6e73 !important;



    font: 400 11.5px/1.5 Inter, "SF Pro Text", sans-serif !important;



}







html body .rh-products__features {



    display: grid !important;



    gap: 0 !important;



    margin: 2px 0 6px !important;



    padding: 0 !important;



    list-style: none !important;



    counter-reset: rh-feature;



}







html body .rh-products__features li {



    counter-increment: rh-feature;



    display: grid !important;



    grid-template-columns: 22px minmax(0, 1fr);



    gap: 6px;



    padding: 4px 0;



    border-top: 1px solid rgba(10, 37, 64, 0.08);



    color: #536e82;



    font: 400 10px/1.4 Inter, "SF Pro Text", sans-serif;



}







html body .rh-products__features li::before {



    content: counter(rh-feature, decimal-leading-zero);



    color: #00a8c8;



    font: 700 8px/1.4 Inter, "SF Pro Text", sans-serif;



}







html body .rh-products .rh-products__info > span {



    display: flex !important;



    justify-content: flex-start;



    align-items: center;



    gap: 8px !important;



    margin-top: auto !important;



    padding-top: 8px;



    border-top: 1px solid rgba(10, 37, 64, 0.08);



    color: #0071e3 !important;



    font: 600 8.5px/1.2 Inter, "SF Pro Text", sans-serif !important;



    letter-spacing: 0.07em;



    text-transform: uppercase;



}







html body .rh-products .rh-products__info b {



    display: none !important;



}







html body .rh-products .rh-products__card,



html body .rh-products .rh-products__card *,



html body .rh-products .rh-products__card::before,



html body .rh-products .rh-products__card::after {



    transition: none !important;



    animation: none !important;



}







html body .rh-products .rh-products__card:hover {



    transform: none !important;



    background: rgba(255, 255, 255, 0.62) !important;



    box-shadow:



        0 20px 40px -34px rgba(10, 37, 64, 0.5),



        inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;



}







html body .rh-products .rh-products__card:hover img {



    transform: none !important;



}







/* ---------- Responsive ---------- */



@media (max-width: 1000px) {



    html body #content.actorein-catalog:not([data-view="list"]):not([data-view="compact"]) .acto-products__grid {



        grid-template-columns: minmax(0, 1fr) !important;



    }







    html body .rh-products .rh-products__grid {



        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;



    }



}







@media (max-width: 700px) {



    html body #content.actorein-catalog:not([data-view="list"]):not([data-view="compact"]) .ac-product {



        grid-template-columns: 1fr !important;



        grid-template-rows: auto auto auto !important;



        gap: 0 !important;



        padding: 14px !important;



        border-radius: 20px !important;



    }







    html body #content.actorein-catalog:not([data-view="list"]):not([data-view="compact"]) .ac-product__visual {



        grid-column: 1 !important;



        grid-row: 1 !important;



        width: 100% !important;



        height: 200px !important;



        margin: 0 0 10px !important;



    }







    html body #content.actorein-catalog:not([data-view="list"]):not([data-view="compact"]) .ac-product__content {



        grid-column: 1 !important;



        grid-row: 2 !important;



    }







    html body #content.actorein-catalog:not([data-view="list"]):not([data-view="compact"]) .ac-product__action {



        grid-column: 1 !important;



        grid-row: 3 !important;



    }







    html body .rh-products .rh-products__grid {



        grid-template-columns: minmax(0, 1fr) !important;



    }







    html body .rh-products .rh-products__media {



        height: 190px !important;



    }







    html body .acto-page-hero .eds-container::before {



        width: 58px;



        height: 58px;



        inset-inline-end: 2%;



    }



}







/* ---------- RTL mobile hardening ---------- */



@media (max-width: 900px) {



    html[dir="rtl"],



    html[dir="rtl"] body,



    html[dir="rtl"] #content {



        max-width: 100%;



        overflow-x: clip;



    }







    html[dir="rtl"] .ac-product,



    html[dir="rtl"] .ac-product__content,



    html[dir="rtl"] .ac-product__list-details,



    html[dir="rtl"] .ac-product__list-features,



    html[dir="rtl"] .rh-products__card,



    html[dir="rtl"] .rh-products__info,



    html[dir="rtl"] .rh-products__features {



        min-width: 0 !important;



        max-width: 100% !important;



    }







    html[dir="rtl"] .ac-product__list-category,



    html[dir="rtl"] .ac-product__list-description,



    html[dir="rtl"] .ac-product__list-features li,



    html[dir="rtl"] .rh-products__info small,



    html[dir="rtl"] .rh-products__info p,



    html[dir="rtl"] .rh-products__features li {



        min-width: 0 !important;



        overflow-wrap: anywhere;



    }



}







@media (max-width: 420px) {



    html body .rh-products .rh-products__card {



        grid-template-columns: 130px minmax(0, 1fr) !important;



        gap: 10px !important;



    }







    html body .rh-products .rh-products__media {



        height: 170px !important;



        min-height: 170px !important;



    }



}







/* ---------- Dark appearance ---------- */



/* ---------- Forced contrast ---------- */



html.ac-access-contrast body .ac-bubbles .ac-sparkle,



html.ac-access-contrast body .acto-page-hero .eds-container::before {



    display: none !important;



}







html.ac-access-contrast body .ac-product__visual,



html.ac-access-contrast body .rh-products__media {



    border: 2px solid #000000 !important;



    border-radius: 0 !important;



    background: #ffffff !important;



    box-shadow: none !important;



}







html.ac-access-contrast body .ac-product h3,



html.ac-access-contrast body .ac-product__list-category,



html.ac-access-contrast body .ac-product__list-brand,



html.ac-access-contrast body .ac-product__list-description,



html.ac-access-contrast body .ac-product__list-features li,



html.ac-access-contrast body .ac-product__action,



html.ac-access-contrast body .rh-products h3,



html.ac-access-contrast body .rh-products__info small,



html.ac-access-contrast body .rh-products__info p,



html.ac-access-contrast body .rh-products__info > span {



    color: #000000 !important;



}







html.ac-access-contrast.ac-access-dark body .ac-product h3,



html.ac-access-contrast.ac-access-dark body .ac-product__list-category,



html.ac-access-contrast.ac-access-dark body .ac-product__list-brand,



html.ac-access-contrast.ac-access-dark body .ac-product__list-description,



html.ac-access-contrast.ac-access-dark body .ac-product__list-features li,



html.ac-access-contrast.ac-access-dark body .ac-product__action,



html.ac-access-contrast.ac-access-dark body .rh-products h3,



html.ac-access-contrast.ac-access-dark body .rh-products__info small,



html.ac-access-contrast.ac-access-dark body .rh-products__info p,



html.ac-access-contrast.ac-access-dark body .rh-products__info > span {



    color: #ffffff !important;



}







/* ============================================================



   MODULE: mobile-performance.css



   ============================================================ */



/* ============================================================



   MOBILE PERFORMANCE LAYER



   Phones keep the visual language but drop the expensive parts:



   backdrop filters, blurred aurora, bubble fields, orbit rings



   and continuous animations. Loaded last, mobile only.



   ============================================================ */







@media (max-width: 900px) {



    /* Phones use zero backdrop filters: the sticky header alone would



       otherwise blur the whole page on every scroll frame. */



    *,



    *::before,



    *::after {



        -webkit-backdrop-filter: none !important;



        backdrop-filter: none !important;



    }







    html body .nc-navbar,



    html body .nc-header.is-scrolled .nc-navbar,



    html body .nc-topbar__cut {



        background: #ffffff !important;



    }







    html body .acto-subnav {



        background: #ffffff !important;



    }







    html body .ac-language-dialog,



    html body .ac-language-grid {



        background: #ffffff !important;



    }







    /* Fixed backgrounds and backdrop blur are the main scroll costs. */



    html body {



        background-attachment: scroll !important;



    }







    html body .ac-product,



    html body .rh-products__card,



    html body .rh-categories .rh-categories__card,



    html body .acto-stats .acto-stats__item,



    html body .acto-brands .acto-brands__item,



    html body .rh-areas .rh-areas__entry,



    html body .rh-areas .rh-areas__entry:nth-child(n),



    html body .actorein-catalog .eds-container.ac-catalog-toolbar,



    html body .actorein-catalog .ac-brand-filter__panel,



    html body .actorein-catalog .ac-catalog-view,



    html body .actorein-catalog .ac-filter-chip,



    html body .actorein-catalog .ac-filter-search,



    html body .actorein-catalog .ac-catalog-toolbar .ac-brand-filter summary {



        -webkit-backdrop-filter: none !important;



        backdrop-filter: none !important;



    }







    /* Opaque-enough surfaces so the removed blur is not missed. */



    html body .rh-categories .rh-categories__card {



        background: rgba(255, 255, 255, 0.9) !important;



    }







    html body .acto-stats .acto-stats__item {



        background: rgba(255, 255, 255, 0.9) !important;



    }







    html body .acto-brands .acto-brands__item {



        background: rgba(255, 255, 255, 0.9) !important;



    }







    html body .rh-areas .rh-areas__entry:nth-child(n) {



        background: rgba(255, 255, 255, 0.9) !important;



    }







    html body .rh-areas .rh-areas__entry[open] {



        background: rgba(245, 253, 255, 0.96) !important;



    }







    html body .actorein-catalog .eds-container.ac-catalog-toolbar {



        background: rgba(255, 255, 255, 0.94) !important;



    }







    html body .actorein-catalog .ac-brand-filter__panel {



        background: #ffffff !important;



    }







    html body .actorein-catalog .ac-catalog-view {



        background: rgba(255, 255, 255, 0.82) !important;



    }







    html body .actorein-catalog .ac-brand-filter summary {



        background: rgba(255, 255, 255, 0.86) !important;



    }







    html body .actorein-catalog .ac-filter-chip {



        background: rgba(0, 113, 227, 0.08) !important;



    }







    /* No ambient fields or sparkles on phones. */



    .ac-bubbles,



    .ac-bubbles::before,



    .ac-bubbles::after,



    .ac-bubbles .ac-sparkle {



        display: none !important;



    }







    /* Kill continuous paint-heavy animations. */



    html body .nc-header::after,



    html body #content .rh-hero .rh-hero__visual img,



    html body #content .rh-hero .rh-hero__visual::before,



    html body #content .rh-hero .rh-hero__tag::before,



    html body #content .rh-hero .rh-hero__cta,



    html body #content .rh-hero .rh-hero__dots button[aria-current="true"],



    html body .rh-categories .rh-categories__icon,



    html body .rh-categories h2::after,



    html body .rh-products h2::after,



    html body .rh-areas h2::after,



    html body .rh-areas .rh-areas__illustration svg,



    html body .rh-areas .rh-areas__entry[open] .rh-areas__number,



    html body .acto-stats__head::before,



    html body .acto-stats__num,



    html body .acto-brands .acto-brands__row,



    html body .acto-brands .acto-brands__item img,



    html body .ac-product__visual::after,



    html body .rh-products__media::after,



    html body .ac-product__visual::before,



    html body .rh-products__media::before,



    html body .actorein-catalog .ac-product__badge::before,



    html body .acto-page-hero::before,



    html body .acto-page-hero::after,



    html body .acto-page-hero .eds-container::before {



        animation: none !important;



    }







    /* The reveal effect is nice on desktop, wasted work on a phone. */



    [data-ac-reveal].ac-inview {



        animation: none !important;



    }







    /* Lighter shadows keep the depth without repainting large areas. */



    .ac-product,



    .rh-products__card,



    .rh-categories__card,



    .acto-stats__item,



    .acto-brands__item,



    .rh-areas__entry,



    html body .actorein-catalog .eds-container.ac-catalog-toolbar {



        box-shadow:



            0 8px 18px -14px rgba(10, 37, 64, 0.45),



            inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;



    }







    .ac-product,



    .rh-products__card {



        box-shadow:



            0 18px 34px -24px rgba(2, 12, 20, 0.65),



            inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;



    }







    /* Decorative orbit rings are static/no-op here. */



    .ac-product__visual::after,



    .rh-products__media::after {



        border-color: rgba(127, 231, 255, 0.2);



    }







    /* Keep images decoding work predictable. */



    .ac-product__visual img,



    .rh-products__media img {



        transform: none !important;



        mix-blend-mode: normal !important;



    }



}







/* Small phones: even fewer paint layers. */



@media (max-width: 620px) {



    html body .rh-categories h2::after,



    html body .rh-products h2::after,



    html body .rh-areas h2::after {



        background-size: 100% 100% !important;



    }







    .ac-product,



    .rh-products__card {



        box-shadow: 0 12px 24px -20px rgba(2, 12, 20, 0.6) !important;



    }



}







/* ============================================================



   MODULE: catalog-flat.css



   ============================================================ */



/* ============================================================



   ACTOREIN — PRODUCTS PAGE, FLAT MODERN EDITION



   No gradients, no glass, solid surfaces. Loaded last (priority 320)



   so it overrides catalog-glass, cleaning-vibrancy and product-cards-v3.



   ============================================================ */









/* ==========================================================================

   ACTOREIN CATALOG: MODERN 2-COLUMN SIDEBAR + PRODUCTS GRID ARCHITECTURE

   ========================================================================== */



/* Background & Main Layout */

html body:has(#content.actorein-catalog),

html body #content.actorein-catalog {

    background: #f8fafc !important;

    background-image: none !important;

}



html body #content.actorein-catalog .acto-products.ac-catalog-section {

    padding: 32px 0 80px 0 !important;

    background: transparent !important;

}



html body #content.actorein-catalog .ac-catalog-layout {

    display: grid !important;

    grid-template-columns: 290px minmax(0, 1fr) !important;

    gap: 32px !important;

    align-items: start !important;

}



/* ---------- 1. SOL KENAR CUBUGU (SIDEBAR FILTRE) ---------- */

html body #content.actorein-catalog .ac-catalog-sidebar {

    position: sticky !important;

    top: 96px !important;

    z-index: 30 !important;

    display: block !important;

    width: 100% !important;

    max-width: 290px !important;

}



html body #content.actorein-catalog .ac-catalog-sidebar__inner {

    display: flex !important;

    flex-direction: column !important;

    gap: 20px !important;

    padding: 22px 18px !important;

    border-radius: 16px !important;

    background: #ffffff !important;

    border: 1px solid #e2e8f0 !important;

    box-shadow: 0 4px 20px rgba(10, 37, 64, 0.04) !important;

    box-sizing: border-box !important;

}



/* Sidebar Baslik Satiri */

html body #content.actorein-catalog .ac-sidebar-header {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    padding-bottom: 12px !important;

    border-bottom: 1.5px solid #f1f5f9 !important;

}



html body #content.actorein-catalog .ac-sidebar-header__title {

    display: inline-flex !important;

    align-items: center !important;

    gap: 8px !important;

    color: #0a2540 !important;

    font-family: var(--font-heading, "Plus Jakarta Sans", sans-serif) !important;

    font-size: 15px !important;

    font-weight: 700 !important;

    letter-spacing: -0.2px !important;

}



html body #content.actorein-catalog .ac-sidebar-header__title svg {

    stroke: #0284c7 !important;

}



html body #content.actorein-catalog .ac-sidebar-close {

    display: none !important;

}



/* Sidebar Arama Kutusu Widget'i */

html body #content.actorein-catalog .ac-sidebar-widget--search {

    display: flex !important;

    flex-direction: column !important;

    gap: 8px !important;

    border-top: none !important;

    padding-top: 0 !important;

}



html body #content.actorein-catalog .ac-sidebar-widget--search .ac-sidebar-widget__title {

    display: block !important;

    margin: 0 !important;

    font-size: 11.5px !important;

    font-weight: 800 !important;

    color: #0a2540 !important;

    letter-spacing: 0.6px !important;

    text-transform: uppercase !important;

}



html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search {

    position: relative !important;

    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

}



html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search__icon {

    position: absolute !important;

    left: 12px !important;

    right: auto !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    color: #64748b !important;

    width: 15px !important;

    height: 15px !important;

    pointer-events: none !important;

    z-index: 3 !important;

    margin: 0 !important;

    padding: 0 !important;

}



html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search__input {

    display: block !important;

    width: 100% !important;

    height: 40px !important;

    padding: 6px 34px 6px 36px !important;

    border: 1.5px solid #cbd5e1 !important;

    border-radius: 10px !important;

    background: #f8fafc !important;

    color: #0a2540 !important;

    font-size: 13px !important;

    font-weight: 500 !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    transition: all 0.2s ease !important;

}



html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search__input:focus {

    background: #ffffff !important;

    border-color: #0284c7 !important;

    outline: none !important;

    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.14) !important;

}



html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search__clear {

    position: absolute !important;

    right: 8px !important;

    left: auto !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 20px !important;

    height: 20px !important;

    border-radius: 50% !important;

    background: #e2e8f0 !important;

    border: none !important;

    color: #475569 !important;

    font-size: 13px !important;

    cursor: pointer !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    line-height: 1 !important;

    z-index: 3 !important;

    margin: 0 !important;

    padding: 0 !important;

}



html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search__clear[hidden] {

    display: none !important;

}



/* Sidebar Filtre Bloklari (Kategoriler & Markalar) */

html body #content.actorein-catalog .ac-sidebar-widget {

    display: flex !important;

    flex-direction: column !important;

    border-top: 1px solid #f1f5f9 !important;

    padding-top: 16px !important;

    margin: 0 !important;

}



html body #content.actorein-catalog .ac-sidebar-widget__head {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    margin-bottom: 10px !important;

}



html body #content.actorein-catalog .ac-sidebar-widget__title {

    display: inline-flex !important;

    align-items: center !important;

    gap: 6px !important;

    margin: 0 !important;

    font-size: 11.5px !important;

    font-weight: 800 !important;

    color: #0a2540 !important;

    letter-spacing: 0.6px !important;

    text-transform: uppercase !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__clear {

    background: none !important;

    border: none !important;

    padding: 0 !important;

    color: #64748b !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    cursor: pointer !important;

    text-transform: uppercase !important;

    letter-spacing: 0.3px !important;

    transition: color 0.18s ease !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__clear:hover {

    color: #0284c7 !important;

    text-decoration: underline !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__count {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-width: 17px !important;

    height: 17px !important;

    padding: 0 5px !important;

    border-radius: 999px !important;

    background: #0284c7 !important;

    color: #ffffff !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__count[hidden] {

    display: none !important;

}



/* CRITICAL: Panel is STATIC inside sidebar, never pop up or absolute */

html body #content.actorein-catalog .ac-catalog-sidebar .ac-brand-filter__panel,

html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__panel,

html body #content.actorein-catalog .ac-brand-filter__panel {

    position: static !important;

    inset: auto !important;

    top: auto !important;

    left: auto !important;

    right: auto !important;

    bottom: auto !important;

    display: block !important;

    width: 100% !important;

    max-width: 100% !important;

    max-height: none !important;

    margin: 0 !important;

    padding: 0 !important;

    border: none !important;

    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    overflow: visible !important;

    z-index: auto !important;

}



/* Filter Search Input (within categories) */

html body #content.actorein-catalog .ac-sidebar-widget .ac-filter-search {

    display: block !important;

    width: 100% !important;

    height: 34px !important;

    padding: 4px 10px !important;

    border: 1px solid #cbd5e1 !important;

    border-radius: 8px !important;

    background: #f8fafc !important;

    font-size: 12px !important;

    margin: 0 0 8px 0 !important;

    box-sizing: border-box !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-filter-search:focus {

    background: #ffffff !important;

    border-color: #0284c7 !important;

    outline: none !important;

}



/* Dikey Secenek Listesi: NEVER A 3-COLUMN GRID, ALWAYS VERTICAL COLUMN */

html body #content.actorein-catalog .ac-catalog-sidebar .ac-brand-filter__options,

html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options,

html body #content.actorein-catalog .ac-brand-filter__options {

    display: flex !important;

    flex-direction: column !important;

    grid-template-columns: none !important;

    gap: 3px !important;

    max-height: 280px !important;

    overflow-y: auto !important;

    padding: 0 2px 0 0 !important;

    margin: 0 !important;

    scrollbar-width: thin !important;

    scrollbar-color: #cbd5e1 transparent !important;

}



html body #content.actorein-catalog .ac-catalog-sidebar .ac-brand-filter__options::-webkit-scrollbar {

    width: 4px !important;

}



html body #content.actorein-catalog .ac-catalog-sidebar .ac-brand-filter__options::-webkit-scrollbar-thumb {

    background: #cbd5e1 !important;

    border-radius: 4px !important;

}



/* Single Option Label */

html body #content.actorein-catalog .ac-catalog-sidebar .ac-sidebar-option,

html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label,

html body #content.actorein-catalog .ac-brand-filter__options label {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    min-height: 34px !important;

    padding: 6px 8px !important;

    border: 1px solid transparent !important;

    border-radius: 8px !important;

    background: transparent !important;

    cursor: pointer !important;

    transition: all 0.15s ease !important;

    user-select: none !important;

    margin: 0 !important;

    box-sizing: border-box !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label:hover {

    background: #f0f9ff !important;

    border-color: #e0f2fe !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label[hidden] {

    display: none !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options input[type="checkbox"] {

    width: 16px !important;

    height: 16px !important;

    margin: 0 8px 0 0 !important;

    accent-color: #0284c7 !important;

    cursor: pointer !important;

    flex-shrink: 0 !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label .ac-sidebar-option__text,

html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label > span {

    flex: 1 1 auto !important;

    font-size: 13px !important;

    color: #334155 !important;

    font-weight: 500 !important;

    line-height: 1.3 !important;

    min-width: 0 !important;

    transition: color 0.15s ease !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label:has(input:checked) {

    background: #e0f2fe !important;

    border-color: #bae6fd !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label:has(input:checked) .ac-sidebar-option__text,

html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label:has(input:checked) > span {

    color: #0284c7 !important;

    font-weight: 700 !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options .ac-filter-option__count {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-width: 20px !important;

    height: 18px !important;

    padding: 0 5px !important;

    border-radius: 999px !important;

    background: #f1f5f9 !important;

    color: #64748b !important;

    font-size: 10.5px !important;

    font-weight: 700 !important;

    margin-left: 6px !important;

    flex-shrink: 0 !important;

    transition: all 0.15s ease !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label:has(input:checked) .ac-filter-option__count {

    background: #0284c7 !important;

    color: #ffffff !important;

}





/* ---------- 2. SAG ANA VITRIN ALANI (MAIN CONTENT) ---------- */

html body #content.actorein-catalog .ac-catalog-main {

    display: flex !important;

    flex-direction: column !important;

    min-width: 0 !important;

}



/* Ust Durum ve Kontrol Bari */

html body #content.actorein-catalog .ac-catalog-main__header {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    flex-wrap: wrap !important;

    gap: 12px !important;

    margin-bottom: 22px !important;

    padding: 12px 18px !important;

    border: 1px solid #e2e8f0 !important;

    border-radius: 14px !important;

    background: #ffffff !important;

    box-shadow: 0 2px 10px rgba(10, 37, 64, 0.03) !important;

}



html body #content.actorein-catalog .ac-catalog-main__header-start {

    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

}



html body #content.actorein-catalog .ac-sidebar-toggle-btn {

    display: none !important;

}



html body #content.actorein-catalog .ac-catalog-count {

    display: inline-flex !important;

    align-items: center !important;

    padding: 5px 12px !important;

    border-radius: 999px !important;

    background: #f8fafc !important;

    border: 1px solid #e2e8f0 !important;

    color: #0a2540 !important;

    font-size: 12.5px !important;

    font-weight: 700 !important;

    white-space: nowrap !important;

}



/* Dinamik Aktif Etiketler (.ac-filter-selected) */

html body #content.actorein-catalog .ac-catalog-controls {

    display: flex !important;

    flex: 1 1 auto !important;

    padding: 0 !important;

    border: none !important;

    background: transparent !important;

    box-shadow: none !important;

}



html body #content.actorein-catalog .ac-filter-selected {

    display: flex !important;

    flex-wrap: wrap !important;

    gap: 6px !important;

    align-items: center !important;

    margin: 0 !important;

    padding: 0 !important;

    border: none !important;

}



html body #content.actorein-catalog .ac-filter-selected[hidden] {

    display: none !important;

}



html body #content.actorein-catalog .ac-filter-chip {

    display: inline-flex !important;

    align-items: center !important;

    gap: 5px !important;

    height: 28px !important;

    padding: 0 10px !important;

    border-radius: 999px !important;

    background: #e0f2fe !important;

    border: 1px solid #bae6fd !important;

    color: #0284c7 !important;

    font-size: 11.5px !important;

    font-weight: 700 !important;

    cursor: pointer !important;

    transition: all 0.15s ease !important;

}



html body #content.actorein-catalog .ac-filter-chip:hover {

    background: #bae6fd !important;

    border-color: #7dd3fc !important;

}



html body #content.actorein-catalog .ac-filter-chip--search {

    background: #f1f5f9 !important;

    border-color: #cbd5e1 !important;

    color: #475569 !important;

}



/* Gorunum Secici (Grid / List) */

html body #content.actorein-catalog .ac-catalog-main__header-end {

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin-left: auto !important;

}



html body #content.actorein-catalog .ac-catalog-view {

    display: inline-flex !important;

    gap: 2px !important;

    padding: 2px !important;

    border: 1px solid #e2e8f0 !important;

    border-radius: 8px !important;

    background: #f8fafc !important;

    margin: 0 !important;

}



html body #content.actorein-catalog .ac-catalog-view label {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 28px !important;

    height: 28px !important;

    border-radius: 6px !important;

    cursor: pointer !important;

    color: #64748b !important;

    transition: all 0.15s ease !important;

    padding: 0 !important;

    background: transparent !important;

}



html body #content.actorein-catalog .ac-catalog-view input {

    position: absolute !important;

    width: 1px !important;

    height: 1px !important;

    opacity: 0 !important;

    pointer-events: none !important;

}



html body #content.actorein-catalog .ac-catalog-view label:has(input:checked) {

    background: #0a2540 !important;

    color: #ffffff !important;

}





/* ---------- 3. URUN KARTLARI (3 KOLONLU MODERN VITRIN) ---------- */

html body #content.actorein-catalog .acto-products__grid {

    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 22px !important;

    margin: 0 !important;

    padding: 0 !important;

}



/* Tekil Urun Karti Formu */

html body #content.actorein-catalog .acto-products__grid .product-card.ac-product {

    position: relative !important;

    display: flex !important;

    flex-direction: column !important;

    min-width: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    border: 1px solid #e2e8f0 !important;

    border-radius: 16px !important;

    background: #ffffff !important;

    box-shadow: 0 4px 18px rgba(10, 37, 64, 0.04) !important;

    text-decoration: none !important;

    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;

    box-sizing: border-box !important;

}



html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover {

    transform: translateY(-6px) !important;

    border-color: #7dd3fc !important;

    box-shadow: 0 18px 36px -8px rgba(2, 132, 199, 0.18), 0 0 0 1px rgba(56, 189, 248, 0.3) !important;

}



/* Urun Gorsel Alani */

html body #content.actorein-catalog .ac-product__visual {

    position: relative !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 200px !important;

    max-height: 200px !important;

    aspect-ratio: auto !important;

    margin: 0 !important;

    padding: 16px !important;

    overflow: hidden !important;

    background: radial-gradient(circle at 50% 40%, #ffffff 0%, #f4f8fb 70%, #ebf3f7 100%) !important;

    border: none !important;

    border-bottom: 1px solid #f1f5f9 !important;

    box-sizing: border-box !important;

}



html body #content.actorein-catalog .ac-product__visual img {

    display: block !important;

    width: auto !important;

    height: auto !important;

    max-width: 85% !important;

    max-height: 165px !important;

    object-fit: contain !important;

    filter: drop-shadow(0 8px 16px rgba(10, 37, 64, 0.1)) !important;

    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;

}



html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__visual img {

    transform: scale(1.06) translateY(-4px) !important;

}



/* Kategori Rozeti */

html body #content.actorein-catalog .ac-product__badge {

    position: absolute !important;

    top: 10px !important;

    left: 10px !important;

    z-index: 5 !important;

    display: inline-flex !important;

    align-items: center !important;

    gap: 4px !important;

    padding: 3px 9px !important;

    border-radius: 999px !important;

    background: rgba(255, 255, 255, 0.94) !important;

    backdrop-filter: blur(6px) !important;

    -webkit-backdrop-filter: blur(6px) !important;

    border: 1px solid rgba(2, 132, 199, 0.25) !important;

    color: #0284c7 !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    letter-spacing: 0.3px !important;

    text-transform: uppercase !important;

    box-shadow: 0 2px 8px rgba(10, 37, 64, 0.05) !important;

}



/* Urun Bilgi & Icerik Alani */

html body #content.actorein-catalog .ac-product__content {

    display: flex !important;

    flex-direction: column !important;

    flex: 1 1 auto !important;

    padding: 16px 18px !important;

    box-sizing: border-box !important;

}



html body #content.actorein-catalog .ac-product__meta-row {

    margin-bottom: 6px !important;

    min-height: 16px !important;

}



html body #content.actorein-catalog .ac-product__list-brand,

html body #content.actorein-catalog .ac-product__list-category {

    font-size: 11px !important;

    font-weight: 700 !important;

    letter-spacing: 0.6px !important;

    text-transform: uppercase !important;

    color: #0284c7 !important;

}



/* Urun Basligi */

html body #content.actorein-catalog .acto-products__grid .ac-product h3.ac-product__title {

    color: #0a2540 !important;

    font-size: 15.5px !important;

    font-weight: 700 !important;

    line-height: 1.35 !important;

    letter-spacing: -0.2px !important;

    margin: 0 0 14px 0 !important;

    min-height: 42px !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;

    overflow: hidden !important;

}



/* Aksiyon / Detay Buton Seridi */

html body #content.actorein-catalog .ac-product__action {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    margin-top: auto !important;

    padding: 8px 12px !important;

    border-radius: 9px !important;

    background: #f8fafc !important;

    border: 1px solid #e2e8f0 !important;

    transition: all 0.22s ease !important;

}



html body #content.actorein-catalog .ac-product__action-label {

    font-size: 12px !important;

    font-weight: 700 !important;

    color: #0a2540 !important;

    transition: color 0.2s ease !important;

}



html body #content.actorein-catalog .ac-product__action-icon {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 24px !important;

    height: 24px !important;

    border-radius: 50% !important;

    background: #0284c7 !important;

    color: #ffffff !important;

    transition: all 0.2s ease !important;

}



html body #content.actorein-catalog .ac-product__action-icon svg {

    stroke: #ffffff !important;

}



html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__action {

    background: #0284c7 !important;

    border-color: #0284c7 !important;

}



html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__action-label {

    color: #ffffff !important;

}



html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__action-icon {

    background: #ffffff !important;

    color: #0284c7 !important;

    transform: translateX(3px) !important;

}



html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__action-icon svg {

    stroke: #0284c7 !important;

}



/* Liste Gorunumu (List View Mode) */

html body #content.actorein-catalog[data-view="list"] .acto-products__grid {

    grid-template-columns: 1fr !important;

    gap: 16px !important;

}



html body #content.actorein-catalog[data-view="list"] .product-card.ac-product {

    flex-direction: row !important;

    align-items: center !important;

}



html body #content.actorein-catalog[data-view="list"] .ac-product__visual {

    width: 200px !important;

    height: 150px !important;

    flex-shrink: 0 !important;

    border-bottom: none !important;

    border-right: 1px solid #f1f5f9 !important;

}



html body #content.actorein-catalog[data-view="list"] .ac-product__content {

    flex: 1 1 auto !important;

}





/* ---------- 4. RESPONSIVE UYUM ---------- */

@media (max-width: 1100px) {

    html body #content.actorein-catalog .ac-catalog-layout {

        grid-template-columns: 250px minmax(0, 1fr) !important;

        gap: 24px !important;

    }

    html body #content.actorein-catalog .acto-products__grid {

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 18px !important;

    }

}



@media (max-width: 900px) {

    html body #content.actorein-catalog .ac-catalog-layout {

        grid-template-columns: 1fr !important;

        gap: 20px !important;

    }

    html body #content.actorein-catalog .ac-sidebar-toggle-btn {

        display: inline-flex !important;

        align-items: center !important;

        gap: 8px !important;

        height: 36px !important;

        padding: 0 16px !important;

        border-radius: 10px !important;

        background: #0284c7 !important;

        color: #ffffff !important;

        border: none !important;

        font-size: 13px !important;

        font-weight: 700 !important;

        cursor: pointer !important;

        box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25) !important;

    }

    html body #content.actorein-catalog .ac-sidebar-toggle-btn svg {

        stroke: #ffffff !important;

    }

    html body #content.actorein-catalog .ac-sidebar-close {

        display: inline-flex !important;

        align-items: center !important;

        justify-content: center !important;

        width: 32px !important;

        height: 32px !important;

        border-radius: 8px !important;

        border: 1px solid #e2e8f0 !important;

        background: #f8fafc !important;

        font-size: 20px !important;

        cursor: pointer !important;

        color: #64748b !important;

    }

    html body #content.actorein-catalog .ac-catalog-sidebar {

        display: none !important;

    }

    html body #content.actorein-catalog .ac-catalog-sidebar.is-open {

        display: block !important;

        position: fixed !important;

        top: 0 !important;

        left: 0 !important;

        width: 100vw !important;

        height: 100vh !important;

        background: rgba(10, 37, 64, 0.65) !important;

        backdrop-filter: blur(4px) !important;

        -webkit-backdrop-filter: blur(4px) !important;

        z-index: 999999 !important;

        padding: 24px 16px !important;

        box-sizing: border-box !important;

        overflow-y: auto !important;

    }

    html body #content.actorein-catalog .ac-catalog-sidebar.is-open .ac-catalog-sidebar__inner {

        max-width: 420px !important;

        margin: 40px auto !important;

        max-height: calc(100vh - 100px) !important;

        overflow-y: auto !important;

        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35) !important;

    }

}



@media (max-width: 580px) {

    html body #content.actorein-catalog .acto-products__grid {

        grid-template-columns: 1fr !important;

        gap: 16px !important;

    }

    html body #content.actorein-catalog .ac-product__visual {

        height: 180px !important;

    }

}





/* Performance: static decoration, short interaction feedback on constrained devices. */



html body .ac-bubbles { display: none !important; }



html body [data-ac-reveal] { opacity: 1 !important; transform: none !important; animation: none !important; }



html.ac-low-motion { scroll-behavior: auto !important; }



html.ac-low-motion body *,



html.ac-low-motion body *::before,



html.ac-low-motion body *::after {



    -webkit-backdrop-filter: none !important;



    backdrop-filter: none !important;



    will-change: auto !important;



    animation-duration: .16s !important;



    animation-delay: 0s !important;



    transition-duration: .12s !important;



    transition-delay: 0s !important;



}



html.ac-low-motion body .ac-video__spinner,



html.ac-low-motion body .ac-reader__spinner,



html.ac-low-motion body .nc-search__state::before { animation-duration: .8s !important; }



@media (prefers-reduced-motion: reduce) {



    html { scroll-behavior: auto !important; }



    html body *, html body *::before, html body *::after {



        animation: none !important;



        transition: none !important;



    }



}







/* Mega menu: a fixed, centered SVG arrow in both product/link render paths. */



html body .nc-header .nc-mega .nc-mega__item-go {



    position: static !important;



    inset: auto !important;



    display: inline-flex !important;



    align-items: center !important;



    justify-content: center !important;



    flex: 0 0 28px !important;



    width: 28px !important;



    height: 28px !important;



    min-width: 28px !important;



    padding: 0 !important;



    margin-inline-start: auto;



    border-radius: 50%;



    background: #eaf3fb !important;



    color: #0071e3 !important;



    opacity: 1 !important;



    visibility: visible !important;



    transform: none !important;



}



html body .nc-header .nc-mega .nc-mega__item-go svg {



    display: block !important;



    flex: 0 0 18px !important;



    width: 18px !important;



    height: 18px !important;



    margin: 0 !important;



    padding: 0 !important;



    fill: none !important;



    stroke: currentColor !important;



    opacity: 1 !important;



    visibility: visible !important;



}



html body .nc-header .nc-mega .nc-mega__item:hover .nc-mega__item-go,



html body .nc-header .nc-mega .nc-mega__item:focus-visible .nc-mega__item-go {



    background: #0071e3 !important;



    color: #ffffff !important;



}



html[dir="rtl"] body .nc-header .nc-mega .nc-mega__item-go,



html[lang^="fa"] body .nc-header .nc-mega .nc-mega__item-go {



    transform: scaleX(-1) !important;



}







/* Filter visibility must override every grid/list/compact display rule. */



html body #content.actorein-catalog .acto-products__grid .product-card[hidden] {



    display: none !important;



}



html body #content.actorein-catalog .actorein-catalog__empty[hidden] { display: none !important; }



html body #content.actorein-catalog .ac-catalog-results { position: relative; min-width: 0; }



html body #content.actorein-catalog .acto-products__grid.is-filtering { visibility: hidden; }



html body #content.actorein-catalog .ac-catalog-skeleton {



    position: absolute; inset: 0 0 auto; display: grid;



    grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;



    pointer-events: none; background: #fff;



}



html body #content.actorein-catalog .ac-catalog-skeleton[hidden] { display: none !important; }



html body #content.actorein-catalog .ac-catalog-skeleton__card {



    height: 260px; border: 1px solid #e9eff5; border-radius: 12px;



    background: linear-gradient(#eef2f6, #eef2f6) center 18px / calc(100% - 36px) 168px no-repeat,



        linear-gradient(#e2e8f0, #e2e8f0) 18px 204px / 65% 14px no-repeat,



        linear-gradient(#eef2f6, #eef2f6) 18px 230px / 42% 10px no-repeat, #fff;



}



@media (max-width: 900px) {



    html body #content.actorein-catalog .ac-catalog-skeleton { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }



}



@media (max-width: 480px) {



    html body #content.actorein-catalog .ac-catalog-skeleton__card { height: 220px; background-size: calc(100% - 24px) 140px, 65% 14px, 42% 10px; background-position: center 12px, 12px 174px, 12px 198px; }



}











/* Isolated shortcode grid; no shared showcase section styles. */



html :is(#content, body) .rh-products__dynamic.acto-product-showcase { background: transparent !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; }



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__filterbar, html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__filters { background: transparent !important; box-shadow: none !important; }



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__filterbar { margin-bottom: 28px !important; }



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 28px !important; align-items: stretch; overflow: visible !important; }



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__card {



 display: flex !important; flex-direction: column !important; align-items: stretch !important;



 width: auto !important; min-width: 0; height: auto !important; min-height: 0 !important;



 padding: 0 !important; gap: 0 !important; border: 0 !important; border-radius: 0 !important;



 background: transparent !important; box-shadow: none !important; overflow: visible !important;



 backdrop-filter: none !important; -webkit-backdrop-filter: none !important; text-decoration: none; transform: none !important;



}



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__card[hidden] { display: none !important; }



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__card:focus-visible { outline: 2px solid #0284c7; outline-offset: 6px; }



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__media {



 display: flex !important; align-items: center; justify-content: center; box-sizing: border-box;



 width: 100% !important; height: 300px !important; min-height: 0 !important; padding: 8px !important;



 margin: 0 !important; border: 1px solid rgba(93,131,155,.12) !important; border-radius: 14px !important;



 background: #ffffff !important; box-shadow: none !important;



}



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__media img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; transform: none !important; mix-blend-mode: normal !important; }



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__info { display: flex !important; flex-direction: column !important; align-items: flex-start; padding: 18px 0 0 !important; gap: 8px !important; flex: 1; min-width: 0; background: transparent !important; }



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__info small { display: block !important; background: none !important; padding: 0 !important; margin: 0 !important; color: #647d8f !important; font: 500 11px/1.5 var(--font-sans) !important; letter-spacing: 0 !important; text-transform: none !important; }



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__info h3 { color: #0a2540 !important; margin: 0 0 14px !important; font: 700 19px/1.35 var(--font-heading) !important; letter-spacing: -.02em !important; overflow-wrap: anywhere; }



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__info > .acto-showcase__link {



 display: inline-flex !important; align-items: center !important; justify-content: flex-start !important;



 gap: 10px !important; width: auto !important; max-width: 100%; padding: 0 !important; margin-top: auto !important;



 border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #007eaf !important;



 font: 600 12px/1.5 var(--font-sans) !important; letter-spacing: 0 !important;



}



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .acto-showcase__link svg { display: block !important; flex: 0 0 18px; width: 18px !important; height: 18px !important; stroke: currentColor; }



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__card::before, html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__card::after,



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__media::before, html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__media::after,



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__info::before, html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__info::after,



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .acto-showcase__link::before, html :is(#content, body) .rh-products__dynamic.acto-product-showcase .acto-showcase__link::after,



html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__features { content: none !important; display: none !important; }



@media(max-width:1000px) {



 html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 24px !important; }



}



@media(max-width:540px) {



 html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__grid { gap: 22px 14px !important; }



 html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__media { height: 210px !important; padding: 6px !important; }



 html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__media img { height: 100% !important; }



 html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__info h3 { font-size: 16px !important; }



}



@media(max-width:340px) { html :is(#content, body) .rh-products__dynamic.acto-product-showcase .rh-products__grid { grid-template-columns: minmax(0,1fr) !important; } }



html.ac-access-dark :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-products__info h3 { color:#edf5fa !important; }



html.ac-access-dark :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-products__info small { color:#b0c3d1 !important; }



html[dir="rtl"] :is(#content,body) .rh-products__dynamic.acto-product-showcase .acto-showcase__link svg { transform:scaleX(-1); }







/* Settings viewport geometry must remain stable when direction changes. */



#ac-settings, #ac-settings *, #ac-settings *::before, #ac-settings *::after { box-sizing: border-box; }



#ac-settings .ac-settings__titlebar { position: relative; min-height: 48px; padding-inline: 4px 56px; flex-shrink: 0; }



#ac-settings .ac-settings__close {



 position: absolute; inset-block-start: 0; inset-inline-end: 0;



 display: grid !important; place-items: center; width: 44px; height: 44px; min-width: 44px;



 flex: 0 0 44px; z-index: 10; pointer-events: auto; touch-action: manipulation;



}



#ac-settings .ac-settings__close svg { width: 18px; height: 18px; pointer-events: none; }



#ac-settings .ac-settings__close:focus-visible { outline: 2px solid var(--as-accent); outline-offset: -3px; }



@media(max-width:720px) {



 html #ac-settings { inset: 0 !important; width: 100% !important; max-width: 100% !important; height: 100vh; height: 100dvh; padding: 0 !important; overflow: hidden; }



 html #ac-settings[open] { align-items: stretch; justify-content: center; }



 html #ac-settings .ac-settings__window {



  width: 100% !important; max-width: 100% !important; min-width: 0; height: 100% !important;



  max-height: 100% !important; margin: 0; flex-direction: column; transform: none !important;



 }



 html #ac-settings .ac-settings__sidebar {



  width: 100% !important; max-width: 100%; flex: 0 0 auto; min-width: 0;



  padding: max(10px,env(safe-area-inset-top)) 12px 0;



 }



 html #ac-settings .ac-settings__titlebar { min-height: 48px; padding: 0; padding-inline: 4px 56px; }



 html #ac-settings .ac-settings__window-title { white-space: normal; overflow-wrap: anywhere; text-align: start; }



 html #ac-settings .ac-settings__content { min-height: 0; min-width: 0; width: 100%; flex: 1 1 auto; overflow: hidden; }



 html #ac-settings .ac-settings__panes { min-width: 0; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }



 html #ac-settings .ac-settings__nav { min-width: 0; max-width: 100%; overscroll-behavior-inline: contain; }



 html #ac-settings .ac-settings__foot { padding-bottom: max(12px,env(safe-area-inset-bottom)); flex-shrink: 0; }



 html[dir="rtl"] #ac-settings .ac-settings__window { direction: rtl; text-align: start; }



 html[dir="rtl"] #ac-settings :is(.ac-settings__row,.ac-settings__option,.ac-settings__pane-head) { text-align: start; }



 html[dir="rtl"] #ac-settings .ac-settings__nav-item { text-align: start; }



 html[dir="rtl"] .nc-sheet :is(.nc-sheet__nav,.nc-sheet__footer) { direction: rtl; text-align: start; }



 html[dir="rtl"] .ac-brand-filter__panel { inset-inline-start: 0; inset-inline-end: auto; max-width: 100%; text-align: start; }



 html[dir="rtl"] .rh-products__dynamic .rh-products__info { text-align: start; }



}







/* Larger mobile drawer logo, with a reserved 44px close target. */



@media(max-width:900px) {



 html body .nc-sheet .nc-sheet__hero-top { display:flex; align-items:center; justify-content:space-between; gap:16px; min-width:0; min-height:72px; }



 html body .nc-sheet .nc-sheet__brand { display:flex; align-items:center; flex:0 1 auto; min-width:0; max-width:calc(100% - 60px); padding:0 !important; }



 html body .nc-sheet .nc-sheet__brand-img { display:block; height:64px !important; width:auto !important; max-width:100% !important; object-fit:contain; }



 html body .nc-sheet .nc-sheet__close { flex:0 0 44px; min-width:44px; }



}



@media(max-width:360px) { html body .nc-sheet .nc-sheet__brand-img { height:56px !important; } }







/* Transparent logo treatments and readable country branding in dark appearance. */



.acto-country-badge { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; width:104px; color:#111; line-height:1; }



.acto-country-badge__dots { display:flex; justify-content:center; gap:4px; }



.acto-country-badge__dots i { display:block; width:24px; height:24px; border-radius:50%; background:#000; }



.acto-country-badge__dots i:nth-child(2) { background:#e50019; }



.acto-country-badge__dots i:nth-child(3) { background:#ffce00; }



.acto-country-badge__label { color:inherit !important; font:700 10px/1.2 var(--font-sans); white-space:nowrap; }



html.ac-access-dark :is(.nc-logo,.nc-logo__img,.nc-sheet__brand,.nc-sheet__brand-img,.af-brand__img) { background:transparent !important; border-radius:0; box-shadow:none !important; }



html.ac-access-dark :is(.nc-logo__img,.nc-sheet__brand-img,.af-brand__img) { filter:grayscale(1) invert(1) brightness(2) !important; mix-blend-mode:screen !important; }



html.ac-access-dark .acto-country-badge { color:#e5edf5; }



html.ac-access-dark .acto-country-badge__dots i:first-child { box-shadow:inset 0 0 0 1px #64748b; }



html.ac-access-dark .nc-header .logo-country-divider { background:#52677b !important; }



/* Keep generous hit targets while drawing only a small slide indicator. */



html.ac-access-dark body #content .rh-hero .rh-hero__dots { background:transparent !important; border:0 !important; box-shadow:none !important; gap:2px; }



html.ac-access-dark body #content .rh-hero .rh-hero__dots button {



 position:relative; display:grid; place-items:center; flex:0 0 32px; width:32px !important; height:32px !important; min-width:32px !important; min-height:32px !important;



 margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:4px !important; font-size:0 !important;



}



html.ac-access-dark body #content .rh-hero .rh-hero__dots button::before { content:none !important; }



html.ac-access-dark body #content .rh-hero .rh-hero__dots button::after { content:'' !important; position:static !important; display:block; width:20px; height:3px; border-radius:3px; background:#647d93 !important; transform:none !important; animation:none !important; }



html.ac-access-dark body #content .rh-hero .rh-hero__dots button[aria-current="true"]::after,



html.ac-access-dark body #content .rh-hero .rh-hero__dots button.is-active::after { background:#38bdf8 !important; }



html.ac-access-dark body #content .rh-hero .rh-hero__dots button:focus-visible { outline:2px solid #7dd3fc; outline-offset:-2px; }







/* Header labels must stay legible on dark surfaces. */



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-menu > ul > li > a { color:#e5edf5 !important; }



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-menu > ul > li > a:hover,



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-menu > ul > li > a:focus-visible { color:#7dd3fc !important; }



html.ac-access-dark:not(.ac-access-contrast) body .nc-header .nc-topbar__contact strong { color:#e5edf5 !important; }







/* Company directory: a restrained system-style popover, shared with mobile. */



html body .nc-sites { --sites-bg:#fff; --sites-text:#1d1d1f; --sites-muted:#777d87; --sites-border:#e8ebef; --sites-hover:#f5f7fa; --sites-icon:#edf5fc; }



html body .nc-sites__trigger { display:inline-flex; align-items:center; gap:8px; border:0; background:transparent; color:inherit; font:inherit; cursor:pointer; }



html body .nc-sites .nc-sites__menu {



 inset-inline-end:0; inset-inline-start:auto; left:auto; right:auto; inset-block-start:calc(100% + 12px);



 width:620px; min-width:0; max-width:calc(100vw - 32px); max-height:min(720px,80dvh);



 padding:0; gap:0; overflow-y:auto; overscroll-behavior:contain;



 border:1px solid var(--sites-border) !important; border-radius:22px;



 background:var(--sites-bg) !important; color:var(--sites-text) !important;



 box-shadow:0 16px 55px -12px rgba(14,31,53,.22),0 2px 8px rgba(14,31,53,.04);



 backdrop-filter:none !important; -webkit-backdrop-filter:none !important;



 opacity:0; visibility:hidden; pointer-events:none; transform:none; transition:none;



}



html body .nc-sites:hover .nc-sites__menu,



html body .nc-sites:focus-within .nc-sites__menu { opacity:0; visibility:hidden; pointer-events:none; transform:none; }



html body .nc-sites.is-open .nc-sites__menu { opacity:1; visibility:visible; pointer-events:auto; transform:none; }



.acto-sites-heading { padding:24px 24px 18px; border-bottom:1px solid var(--sites-border); text-align:start; }



.acto-sites-eyebrow { display:block; color:#0284c7; font:700 10px/1.4 var(--font-sans); letter-spacing:.14em; margin-bottom:6px; }



.acto-sites-heading h2 { margin:0; font:650 21px/1.25 var(--font-heading); letter-spacing:-.03em; color:var(--sites-text) !important; }



.acto-sites-directory { padding:8px 12px 14px; text-align:start; }



.acto-sites-group { padding:12px 0 10px; margin:0; background:transparent !important; }



.acto-sites-group + .acto-sites-group { border-top:1px solid var(--sites-border); }



.acto-sites-group h3 { margin:0 12px 9px; color:var(--sites-muted) !important; font:600 11px/1.5 var(--font-sans); letter-spacing:.02em; }



.acto-sites-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px 8px; }



html body :is(.nc-sites__menu,.acto-sites-mobile) .acto-site-link {



 display:flex; align-items:center; gap:10px; min-width:0; min-height:64px; padding:10px 12px;



 border:0; border-radius:12px; color:var(--sites-text) !important; background:transparent !important;



 text-decoration:none; transform:none; transition:background-color .12s ease;



}



html body :is(.nc-sites__menu,.acto-sites-mobile) .acto-site-link:hover { background:var(--sites-hover) !important; }



html body :is(.nc-sites__menu,.acto-sites-mobile) .acto-site-link:focus-visible { outline:2px solid #0284c7; outline-offset:-2px; }



.acto-site-icon { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border-radius:10px; background:var(--sites-icon) !important; color:#027fae !important; font:700 11px/1 var(--font-sans); }



.acto-site-copy { min-width:0; flex:1; }



.acto-site-copy strong { display:block; color:var(--sites-text) !important; font:600 12px/1.4 var(--font-sans); }



.acto-site-copy small { display:block; color:var(--sites-muted) !important; font:400 10px/1.5 var(--font-sans); overflow-wrap:anywhere; direction:ltr; text-align:start; }



.acto-site-arrow { flex:0 0 14px; color:var(--sites-muted); }



.acto-sites-mobile { --sites-bg:#fff; --sites-text:#1d1d1f; --sites-muted:#777d87; --sites-border:#e8ebef; --sites-hover:#f5f7fa; --sites-icon:#edf5fc; margin-block:18px 8px; border-top:1px solid var(--sites-border); }



.acto-sites-mobile > summary { display:flex; justify-content:space-between; align-items:center; min-height:48px; padding:10px 4px; cursor:pointer; list-style:none; color:var(--sites-text); font:600 14px/1.4 var(--font-sans); }



.acto-sites-mobile > summary::-webkit-details-marker { display:none; }



.acto-sites-mobile > summary > span { font-size:22px; font-weight:400; }



.acto-sites-mobile[open] > summary > span { transform:rotate(45deg); }



.acto-sites-mobile .acto-sites-directory { padding:0; }



.acto-sites-mobile .acto-sites-links { grid-template-columns:minmax(0,1fr); }



html.ac-access-dark body :is(.nc-sites,.acto-sites-mobile) { --sites-bg:#172331; --sites-text:#f1f5f9; --sites-muted:#a0adbb; --sites-border:#304052; --sites-hover:#223346; --sites-icon:#213c53; }



html.ac-access-dark body .nc-sites .nc-sites__menu { background:var(--sites-bg) !important; color:var(--sites-text) !important; border-color:var(--sites-border) !important; }



html[dir="rtl"] .acto-site-arrow { transform:scaleX(-1); }



@media(prefers-reduced-motion:reduce) { html body :is(.nc-sites__menu,.acto-sites-mobile) .acto-site-link { transition:none; } }







/* Compact viewport-anchored directory; icons never load until the panel opens. */



html body .nc-sites .nc-sites__menu {



 position:fixed !important; box-sizing:border-box; inset:auto !important;



 left:var(--sites-left,12px) !important; right:auto !important; top:var(--sites-top,60px) !important;



 width:440px !important; max-width:calc(100vw - 24px) !important;



 max-height:min(520px,var(--sites-height,70dvh)) !important; border-radius:16px !important;



 overflow-x:hidden; overflow-y:auto;



}



html body .nc-sites .acto-sites-heading { padding:15px 18px 12px; }



html body .nc-sites .acto-sites-heading h2 { font-size:16px !important; line-height:1.3 !important; }



html body .nc-sites .acto-sites-eyebrow { font-size:9px !important; margin-bottom:4px; }



html body :is(.nc-sites,.acto-sites-mobile) .acto-sites-directory { padding:4px 8px 8px; }



html body :is(.nc-sites,.acto-sites-mobile) .acto-sites-group { padding:9px 0 7px; }



html body :is(.nc-sites,.acto-sites-mobile) .acto-sites-group h3 { margin:0 9px 5px; font-size:10px !important; }



html body :is(.nc-sites,.acto-sites-mobile) .acto-sites-links { gap:2px; }



html body :is(.nc-sites__menu,.acto-sites-mobile) .acto-site-link { min-height:48px; gap:8px; padding:7px 9px; border-radius:9px; }



html body :is(.nc-sites,.acto-sites-mobile) .acto-site-icon { position:relative; flex:0 0 28px; width:28px; height:28px; border-radius:8px; font-size:9px; }



html body :is(.nc-sites,.acto-sites-mobile) .acto-site-icon img { display:none; width:18px !important; height:18px !important; object-fit:contain; filter:none !important; mix-blend-mode:normal !important; }



html body :is(.nc-sites,.acto-sites-mobile) .acto-site-icon.has-favicon img { display:block; }



html body :is(.nc-sites,.acto-sites-mobile) .acto-site-icon.has-favicon .acto-site-initials { display:none; }



html body :is(.nc-sites,.acto-sites-mobile) .acto-site-copy strong { font-size:11px !important; line-height:1.4 !important; }



html body :is(.nc-sites,.acto-sites-mobile) .acto-site-copy small { font-size:9px !important; line-height:1.4 !important; }



html body :is(.nc-sites,.acto-sites-mobile) .acto-site-arrow { width:12px; flex-basis:12px; }







/* Compact two-column language selector: ten languages in five rows. */



html body .ac-language-dialog, html body .ac-language-dialog * { box-sizing:border-box; }



html body .ac-language-dialog { border-radius:16px; backdrop-filter:none; -webkit-backdrop-filter:none; background:#f5f7fa; }



html body .ac-language-dialog__head { padding:10px 12px 8px; gap:8px; flex-shrink:0; }



html body .ac-language-dialog__head h2 { font-size:16px !important; line-height:1.3 !important; }



html body .ac-language-dialog__close { width:36px; height:36px; flex:0 0 36px; }



html body .ac-language-grid {



 display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr));



 flex:0 1 auto; gap:4px; margin:0 8px 8px; padding:4px;



 border-radius:12px; background:transparent; border:0;



 backdrop-filter:none; -webkit-backdrop-filter:none; overflow-y:auto;



}



html body .ac-language-grid a {



 display:grid; grid-template-columns:20px minmax(0,1fr) 14px; align-items:center;



 gap:7px; min-height:44px; padding:7px 8px; border:0 !important; border-radius:8px;



 font-size:12px !important; line-height:1.3 !important; box-shadow:none !important;



}



html body .ac-language-grid a + a { box-shadow:none !important; }



html body .ac-language-grid a[aria-current="true"] { background:rgba(0,113,227,.08); }



html body .ac-language-grid .nc-lang__menu-flag { width:20px; height:14px; border-radius:3px; }



html body .ac-language-grid .nc-lang__menu-name { font-size:12px !important; }



html body .ac-language-grid .nc-lang__menu-code { display:none !important; }



html body .ac-language-grid a::after { width:14px; height:14px; grid-column:3; }



html body .ac-language-grid a[hidden] { display:none !important; }



@media(max-height:400px) and (min-width:600px) {



 html body .ac-language-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px; }



 html body .ac-language-grid a { min-height:36px; padding-block:4px; }



}







/* Mobile category selector: opaque overlay above product photos. */



@media(max-width:700px) {



 html :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-products__filterbar { position:relative; min-width:0; }



 html :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-products__filters {



  position:absolute !important; inset:auto !important; top:calc(100% + 8px) !important; inset-inline:0 !important; z-index:100; width:100%; box-sizing:border-box;



  margin:0 !important; padding:6px !important; gap:2px;



  background:#fff !important; border:1px solid #dce6ef !important; border-radius:12px;



  box-shadow:0 5px 16px rgba(10,37,64,.07) !important;



  max-height:min(360px,50dvh); overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;



 }



 html :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-products__filterbar:not(.is-open) .rh-products__filters { display:none !important; }



 html :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-products__filterbar.is-open .rh-products__filters { display:flex !important; }



 html :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-products__filters button { text-align:start; min-height:44px; color:#304b62 !important; background:transparent !important; padding:10px 12px; }



 html :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-products__filters button[aria-pressed="true"] { color:#fff !important; background:#027fae !important; }



 html :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-products__filter-caret { margin-left:0; margin-inline-start:auto; }



 html.ac-access-dark :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-products__filters { background:#172b40 !important; border-color:#344d63 !important; }



 html.ac-access-dark :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-products__filters button { color:#e3edf5 !important; }



}







/* The shortcode grid becomes a native swipe carousel on phones. */



@media(max-width:700px) {



 html :is(#content,body) .rh-products--carousel .rh-products__dynamic.acto-product-showcase .rh-products__grid {



  display:flex !important; flex-flow:row nowrap !important; grid-template-columns:none !important;



  gap:16px !important; width:100%; max-width:100%; min-width:0; box-sizing:border-box;



  overflow-x:auto !important; overflow-y:hidden !important; padding:0 0 8px !important;



  scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none;



  touch-action:pan-x pan-y pinch-zoom; -webkit-overflow-scrolling:touch;



 }



 html :is(#content,body) .rh-products--carousel .rh-products__dynamic.acto-product-showcase .rh-products__grid > .rh-products__card {



  flex:0 0 100% !important; width:100% !important; max-width:100% !important; min-width:0 !important;



  box-sizing:border-box; scroll-snap-align:start; scroll-snap-stop:always;



 }



 html :is(#content,body) .rh-products--carousel .rh-products__dynamic.acto-product-showcase .rh-products__grid > .rh-products__card[hidden] { display:none !important; }



 html :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-carousel { display:flex; max-width:100%; }



 html :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-carousel[hidden] { display:none !important; }



 html :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-carousel__dots { display:flex; flex-wrap:nowrap; min-width:0; max-width:60%; overflow-x:auto; scrollbar-width:none; }



 html :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-carousel__dot { flex-shrink:0; }



 html :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-products__grid::-webkit-scrollbar { display:none; }



}



@media(prefers-reduced-motion:reduce) {



 html :is(#content,body) .rh-products--carousel .rh-products__dynamic.acto-product-showcase .rh-products__grid { scroll-behavior:auto !important; }



}







@media(max-width:700px) {



 html :is(#content,body) .rh-products__dynamic.acto-product-showcase { overflow:visible !important; }



 html :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-products__filterbar { z-index:20; }



 html :is(#content,body) .rh-products__dynamic.acto-product-showcase .rh-products__grid { position:relative; z-index:0; }



}







/* Mobile navbar branding: matching height and aligned caption baselines. */



@media(max-width:900px) {



 html body .nc-header .nc-brand { display:flex !important; align-items:center !important; gap:14px !important; min-width:0; max-width:calc(100% - 60px); padding-inline:0 !important; }



 html body .nc-header .nc-logo { display:flex; align-items:center; flex:0 1 auto; min-width:0; height:60px; padding:0 !important; }



 html body .nc-header .nc-logo .nc-logo__img,



 html body .nc-header.is-scrolled .nc-logo .nc-logo__img { height:60px !important; width:auto !important; max-width:100%; object-fit:contain; }



 html body .nc-header .logo-country-mark { display:inline-flex !important; align-items:center; flex:0 0 auto; gap:0 !important; height:60px; margin:0 !important; padding:0 !important; }



 html body .nc-header .logo-country-divider { display:none !important; }



 html body .nc-header .acto-country-badge { width:110px; height:60px; box-sizing:border-box; justify-content:flex-end; gap:5px; padding-bottom:3px; }



 html body .nc-header .acto-country-badge__dots { gap:4px; }



 html body .nc-header .acto-country-badge__dots i { width:32px; height:32px; }



 html body .nc-header .acto-country-badge__label { font-size:10px; line-height:12px; }



}



@media(max-width:360px) {



 html body .nc-header .nc-brand { gap:10px !important; }



 html body .nc-header .nc-logo,



 html body .nc-header .logo-country-mark { height:52px; }



 html body .nc-header .nc-logo .nc-logo__img,



 html body .nc-header.is-scrolled .nc-logo .nc-logo__img { height:52px !important; }



 html body .nc-header .acto-country-badge { width:92px; height:52px; gap:4px; }



 html body .nc-header .acto-country-badge__dots i { width:26px; height:26px; }



 html body .nc-header .acto-country-badge__label { font-size:9px; line-height:11px; }



}







/* Mobile showcase heading and catalogue link share the reading-side alignment. */



@media(max-width:700px) {



 html body .rh-products .rh-products__head {



  display:flex !important; flex-direction:column !important; align-items:flex-start !important;



  justify-content:flex-start !important; gap:18px !important; text-align:start !important;



 }



 html body .rh-products .rh-products__head > :not(a) { width:100%; min-width:0; text-align:start !important; }



 html body .rh-products .rh-products__head h2 { text-align:start !important; }



 html body .rh-products .rh-products__head > a {



  align-self:flex-start !important; margin:0 !important; margin-inline:0 !important;



  width:auto !important; text-align:start !important; justify-content:flex-start !important;



 }



}







/* Mobile catalogue: full-size packshots on white, without duplicate filter UI. */



@media(max-width:700px) {



 html body #content.actorein-catalog .ac-category-pills,



 html body #content.actorein-catalog .ac-catalog-count { display:none !important; }



 html body #content.actorein-catalog[data-view] .acto-products__grid .ac-product { padding:0 !important; }



 html body #content.actorein-catalog[data-view] .acto-products__grid .ac-product .ac-product__visual {



  display:flex !important; align-items:center; justify-content:center;



  width:100% !important; height:clamp(220px,60vw,300px) !important; min-height:0 !important;



  box-sizing:border-box; padding:8px !important; margin:0 !important; border:0 !important;



  border-radius:0 !important; background:#fff !important; background-image:none !important;



  box-shadow:none !important; overflow:hidden;



 }



 html body #content.actorein-catalog[data-view] .acto-products__grid .ac-product .ac-product__visual img {



  display:block !important; width:100% !important; height:100% !important;



  min-width:0 !important; max-width:100% !important; max-height:100% !important;



  object-fit:contain !important; object-position:center; mix-blend-mode:normal !important;



  filter:none !important; transform:none !important;



 }



 html body #content.actorein-catalog[data-view] .acto-products__grid .ac-product .ac-product__visual::before,



 html body #content.actorein-catalog[data-view] .acto-products__grid .ac-product .ac-product__visual::after { content:none !important; display:none !important; }



}







/* Transparent hover bridge across the navbar-to-mega-menu gap. */



@media(min-width:901px) {



 html body .nc-header .nc-mega::before {



  content:'' !important; display:block !important; position:absolute;



  top:-20px; inset-inline:0; height:20px; background:transparent;



  pointer-events:auto;



 }



}







/* Hero banners retain their native image ratio; exported dimensions can be stale. */



html body #content .rh-hero { height:auto !important; min-height:0 !important; max-height:none !important; }



html body #content .rh-hero .rh-hero__slide { height:auto !important; min-height:0 !important; max-height:none !important; }



html body #content .rh-hero .rh-hero__slide .rh-hero__visual {



 position:relative !important; width:100% !important; height:auto !important;



 min-height:0 !important; max-height:none !important; aspect-ratio:auto !important;



 padding:0 !important; line-height:0; overflow:visible !important;



}



html body #content .rh-hero .rh-hero__slide .rh-hero__visual img {



 display:block !important; position:static !important; inset:auto !important;



 width:100% !important; height:auto !important; min-height:0 !important;



 max-width:100% !important; max-height:none !important; aspect-ratio:auto !important;



 object-fit:contain !important; object-position:center !important; transform:none !important;



}







/* Larger catalogue packshots: use the image area rather than thumbnail caps. */



@media(min-width:701px) {



 html body #content.actorein-catalog[data-view="grid"] .acto-products__grid .ac-product .ac-product__visual {



  height:280px !important; padding:10px !important; background:#fff !important; box-sizing:border-box;



 }



 html body #content.actorein-catalog[data-view="compact"] .acto-products__grid .ac-product .ac-product__visual {



  height:220px !important; padding:8px !important; background:#fff !important; box-sizing:border-box;



 }



 html body #content.actorein-catalog[data-view="list"] .acto-products__grid .ac-product { grid-template-columns:200px minmax(0,1fr) !important; }



 html body #content.actorein-catalog[data-view="list"] .acto-products__grid .ac-product .ac-product__visual {



  width:200px !important; height:200px !important; padding:8px !important; background:#fff !important; box-sizing:border-box;



 }



 html body #content.actorein-catalog[data-view] .acto-products__grid .ac-product .ac-product__visual img {



  display:block !important; width:100% !important; height:100% !important;



  max-width:100% !important; max-height:100% !important; object-fit:contain !important;



  mix-blend-mode:normal !important; transform:none !important;



 }



}











/* ACTOREIN editorial banner: native ratio, quiet copy, unified navigation. */



html body #content .rh-hero { --banner-ink:#0a2c43; --banner-muted:#526e82; --banner-panel:rgba(255,255,255,.93); --banner-edge:rgba(255,255,255,.75); position:relative !important; isolation:isolate; }



html body #content .rh-hero .rh-hero__slide { position:relative !important; }



html body #content .rh-hero .rh-hero__copy {



 position:absolute !important; inset:auto !important; inset-inline-start:clamp(64px,5.5vw,112px) !important;



 top:50% !important; bottom:auto !important; transform:translateY(-50%) !important;



 width:clamp(280px,31vw,440px) !important; max-width:calc(100% - 128px); min-height:0 !important;



 display:flex !important; flex-direction:column !important; align-items:flex-start !important;



 gap:18px !important; margin:0 !important; padding:26px 28px !important;



 border:1px solid var(--banner-edge) !important; border-radius:18px !important;



 background:var(--banner-panel) !important; color:var(--banner-ink) !important;



 box-shadow:0 12px 42px -28px rgba(9,35,58,.28); z-index:3;



}



html body #content .rh-hero .ac-banner-eyebrow { display:flex; align-items:center; gap:8px; color:#008eb1 !important; font:700 9px/1.4 var(--font-sans); letter-spacing:.14em; }



html body #content .rh-hero .ac-banner-eyebrow::before { content:''; width:18px; height:2px; background:#008eb1; }



html body #content .rh-hero .rh-hero__copy :is(h1,h2) { color:#ffffff !important; font-family:var(--font-heading) !important; font-size:clamp(24px,2.5vw,38px) !important; font-weight:650 !important; line-height:1.12 !important; letter-spacing:-.04em !important; margin:0 !important; }



html body #content .rh-hero .rh-hero__copy p { color:var(--banner-muted) !important; font-size:12px !important; line-height:1.7 !important; margin:12px 0 0 !important; max-width:35ch; }



html body #content .rh-hero .rh-hero__cta { display:inline-flex !important; align-items:center; justify-content:space-between; gap:22px; min-height:40px !important; width:auto !important; padding:10px 15px !important; background:#0a2c43 !important; color:#fff !important; border:0 !important; border-radius:8px !important; font-size:11px !important; font-weight:600; text-decoration:none; cursor:pointer; }



html body #content .rh-hero .rh-hero__cta:hover { background:#007f9f !important; }



html body #content .rh-hero .rh-hero__controls { display:none !important; }



html body #content .rh-hero .ac-banner-tools { position:absolute; inset:0; z-index:4; pointer-events:none; }



html body #content .rh-hero .ac-banner-tools button { cursor:pointer !important; touch-action:manipulation; }



html body #content .rh-hero .ac-banner-tools :is([data-rh-prev],[data-rh-next]) {



 position:absolute !important; top:50% !important; bottom:auto !important; transform:translateY(-50%) !important;



 display:grid; place-items:center; width:42px !important; height:42px !important; min-width:42px;



 padding:0 !important; margin:0 !important; border:1px solid rgba(255,255,255,.8) !important;



 border-radius:50% !important; background:rgba(255,255,255,.92) !important; color:#0a2c43 !important;



 box-shadow:0 2px 12px rgba(8,30,48,.08); pointer-events:auto;



}



html body #content .rh-hero .ac-banner-tools [data-rh-prev] { inset-inline-start:12px !important; inset-inline-end:auto !important; }



html body #content .rh-hero .ac-banner-tools [data-rh-next] { inset-inline-end:12px !important; inset-inline-start:auto !important; }



html body #content .rh-hero .ac-banner-tools :is([data-rh-prev],[data-rh-next]):hover { background:#0a2c43 !important; color:#fff !important; }



html body #content .rh-hero .ac-banner-tools button:active { box-shadow:inset 0 2px 5px rgba(0,0,0,.2) !important; }



html body #content .rh-hero .ac-banner-tools button:focus-visible, html body #content .rh-hero .rh-hero__cta:focus-visible { outline:2px solid #00a4cc; outline-offset:3px; }



html body #content .rh-hero .ac-banner-tools button svg { display:block; width:17px; height:17px; }



html body #content .rh-hero .ac-banner-dock {



 position:absolute; inset-inline-end:64px; bottom:20px; display:flex; align-items:center; gap:13px;



 min-height:42px; padding:5px 6px 5px 15px; border:1px solid rgba(255,255,255,.65);



 border-radius:24px; background:var(--banner-panel); color:var(--banner-ink); pointer-events:auto;



}



html body #content .rh-hero .ac-banner-status { font:600 10px/1 var(--font-sans); min-width:30px; letter-spacing:.06em; direction:ltr; }



html body #content .rh-hero .ac-banner-tools .ac-banner-dock .rh-hero__dots { position:static !important; inset:auto !important; transform:none !important; display:flex !important; gap:6px !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }



html body #content .rh-hero .ac-banner-tools .ac-banner-dock .rh-hero__dots button { display:block; width:6px !important; height:6px !important; min-width:6px !important; min-height:6px !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:6px; background:#a0b0bc !important; font-size:0 !important; }



html body #content .rh-hero .ac-banner-tools .ac-banner-dock .rh-hero__dots button[aria-current="true"] { width:18px !important; background:#008eb1 !important; }



html body #content .rh-hero .ac-banner-tools .ac-banner-dock .rh-hero__dots button::after { display:none !important; }



html body #content .rh-hero .ac-banner-tools .ac-banner-dock [data-rh-pause] { position:static !important; inset:auto !important; transform:none !important; display:grid; place-items:center; width:30px !important; height:30px !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:50%; background:rgba(106,137,160,.12) !important; color:var(--banner-ink) !important; }



html.ac-access-dark body #content .rh-hero { --banner-ink:#eff7fb; --banner-muted:#c1d1dc; --banner-panel:rgba(12,35,54,.94); --banner-edge:#385267; }



@media(max-width:700px) {



 html body #content .rh-hero .rh-hero__copy { inset-inline-start:48px !important; top:auto !important; bottom:12px !important; transform:none !important; width:calc(100% - 96px) !important; max-width:none !important; padding:10px 12px !important; border-radius:10px !important; gap:6px !important; }



 html body #content .rh-hero .ac-banner-eyebrow { font-size:7px; letter-spacing:.08em; gap:5px; }



 html body #content .rh-hero .rh-hero__copy :is(h1,h2) { font-size:16px !important; line-height:1.15 !important; }



 html body #content .rh-hero .rh-hero__copy p { display:none !important; }



 html body #content .rh-hero .rh-hero__cta { min-height:0 !important; padding:0 !important; background:transparent !important; color:#008eb1 !important; font-size:10px !important; gap:12px; }



 html body #content .rh-hero .ac-banner-tools :is([data-rh-prev],[data-rh-next]) { width:34px !important; height:34px !important; min-width:34px; }



 html body #content .rh-hero .ac-banner-tools [data-rh-prev] { inset-inline-start:6px !important; }



 html body #content .rh-hero .ac-banner-tools [data-rh-next] { inset-inline-end:6px !important; }



 html body #content .rh-hero .ac-banner-dock { top:8px; bottom:auto; inset-inline-end:10px; padding:3px 4px 3px 10px; min-height:30px; gap:8px; }



 html body #content .rh-hero .ac-banner-tools .ac-banner-dock [data-rh-pause] { width:24px !important; height:24px !important; }



 html body #content .rh-hero .ac-banner-status { font-size:9px; min-width:24px; }



}



@media(max-width:380px) { html body #content .rh-hero .ac-banner-eyebrow { display:none; } html body #content .rh-hero .rh-hero__copy { padding:8px 10px !important; } }







/* Caption rail keeps the full banner image unobstructed. */



html body #content .rh-hero { background:var(--banner-panel); }



html body #content .rh-hero .rh-hero__copy { position:relative!important; inset:auto!important; top:auto!important; bottom:auto!important; transform:none!important; width:100%!important; max-width:none!important; box-sizing:border-box; min-height:132px!important; padding:24px clamp(28px,5vw,96px)!important; padding-inline-end:300px!important; flex-direction:row!important; justify-content:space-between!important; align-items:center!important; gap:32px!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; backdrop-filter:none!important; text-align:start!important; }



html body #content .rh-hero .ac-banner-eyebrow { display:none!important; }



html body #content .rh-hero .rh-hero__copy > div { min-width:0; }



html body #content .rh-hero .rh-hero__copy :is(h1,h2) { font-size:clamp(24px,2.2vw,36px)!important; font-weight:600!important; line-height:1.15!important; letter-spacing:-.035em!important; text-shadow:0 2px 10px rgba(0, 0, 0, 0.55)!important; color:#ffffff !important; }



html body #content .rh-hero .rh-hero__copy p { margin-top:8px!important; font-size:13px!important; line-height:1.6!important; max-width:65ch; color:var(--banner-muted)!important; text-shadow:none!important; }



html body #content .rh-hero .rh-hero__cta { flex-shrink:0; background:transparent!important; color:var(--banner-ink)!important; border:0!important; border-bottom:1px solid currentColor!important; border-radius:0!important; padding:8px 0!important; gap:24px; font-size:12px!important; box-shadow:none!important; }



html body #content .rh-hero .rh-hero__cta:hover { background:transparent!important; color:#008eb1!important; }



html body #content .rh-hero .ac-banner-tools :is([data-rh-prev],[data-rh-next]) { top:40%!important; background:rgba(255,255,255,.94)!important; border:0!important; color:#0a2c43!important; box-shadow:0 2px 12px #0a2c4312!important; }



html body #content .rh-hero .ac-banner-dock { top:auto!important; bottom:45px!important; inset-inline-end:clamp(28px,5vw,96px)!important; background:transparent!important; border:0!important; padding:0!important; box-shadow:none!important; color:var(--banner-ink)!important; }



@media(max-width:900px) {



 html body #content .rh-hero .rh-hero__copy { padding:20px 24px 64px!important; min-height:155px!important; gap:16px!important; }



 html body #content .rh-hero .ac-banner-dock { bottom:14px!important; inset-inline-end:24px!important; }



}



@media(max-width:700px) {



 html body #content .rh-hero .rh-hero__copy { padding:18px 20px 54px!important; min-height:130px!important; }



 html body #content .rh-hero .rh-hero__copy :is(h1,h2) { font-size:22px!important; }



 html body #content .rh-hero .rh-hero__copy p { display:none!important; }



 html body #content .rh-hero .rh-hero__cta { font-size:11px!important; min-height:36px!important; gap:12px; }



 html body #content .rh-hero .ac-banner-dock { bottom:12px!important; inset-inline-end:20px!important; }



 html body #content .rh-hero .ac-banner-tools :is([data-rh-prev],[data-rh-next]) { top:28%!important; }



}



/* Caption and navigation use the navbar's shared container geometry. */



html body #content .rh-hero .rh-hero__copy {



 width:min(calc(100% - var(--actorein-gutter) * 2),var(--actorein-container))!important;



 max-width:var(--actorein-container)!important; margin-inline:auto!important;



 padding:24px 0!important; padding-inline-end:220px!important;



}



html body #content .rh-hero .ac-banner-dock {



 inset-inline-end:max(var(--actorein-gutter),calc((100% - var(--actorein-container)) / 2))!important;



}



@media(max-width:900px) {



 html body #content .rh-hero .rh-hero__copy { padding:20px 0 64px!important; }



}



@media(max-width:700px) {



 html body #content .rh-hero .rh-hero__copy { padding:18px 0 54px!important; }



}







/* Theme-owned product description expansion, including connector-rendered markup. */



body.single-product [data-ac-description-open="true"] {



 display:block!important; max-height:none!important; height:auto!important;



 overflow:visible!important; -webkit-line-clamp:unset!important; line-clamp:unset!important;



 -webkit-mask-image:none!important; mask-image:none!important;



}



body.single-product .acto-pd__more { cursor:pointer; touch-action:manipulation; }



body.single-product .acto-pd__more:focus-visible { outline:2px solid #008eb1; outline-offset:4px; }



body.single-product .acto-pd__more.is-open span { transform:none; }







body.single-product .acto-pd__more[hidden] { display:none!important; }







/* Lightbox controls remain legible immediately, without hover or focus. */



html body .acto-pd__lightbox.is-open .acto-pd__lb-nav:not([hidden]) {



 display:grid!important; visibility:visible!important; opacity:1!important;



 background:#183d56!important; color:#fff!important; border:1px solid #8da7b9!important;



 box-shadow:0 4px 18px #0003!important; filter:none!important;



 pointer-events:auto!important; z-index:3; cursor:pointer; touch-action:manipulation;



 transition:background-color .15s ease;



}



html body .acto-pd__lightbox.is-open .acto-pd__lb-nav:hover,



html body .acto-pd__lightbox.is-open .acto-pd__lb-nav:focus-visible { background:#007fa5!important; color:#fff!important; }



html body .acto-pd__lightbox .acto-pd__lb-nav svg { display:block; width:24px; height:24px; opacity:1!important; color:inherit!important; pointer-events:none; }



html body .acto-pd__lightbox .acto-pd__lb-close { z-index:4; opacity:1!important; color:#fff!important; background:#254357!important; }



html body .acto-pd__lightbox .acto-pd__lb-count { z-index:3; color:#fff!important; background:#183d56!important; }







/* Usage directory shares the navbar container, without a second inner gutter. */



html body .ac-use { width:100%; max-width:none; padding-inline:0!important; box-sizing:border-box; }



html body .ac-use > .ac-use__wrap {



 box-sizing:border-box!important;



 width:min(calc(100% - var(--actorein-gutter,16px) * 2),var(--actorein-container,1180px))!important;



 max-width:var(--actorein-container,1180px)!important;



 margin-inline:auto!important; padding-inline:0!important;



}



html body :is(.nc-container,.eds-container) .ac-use > .ac-use__wrap { width:100%!important; }



html body .ac-use__intro, html body .ac-use__directory { min-width:0; }



.ac-reader__stage { touch-action:none; }







/* Mobile page picker: current title and readable rows, including icon-free tabs. */



@media(max-width:900px) {



 html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__toggle {



  text-transform:none!important; letter-spacing:normal!important; font-size:14px!important;



  line-height:1.45!important; text-align:start!important; min-height:48px;



 }



 html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__current {



  flex:1 1 auto; min-width:0; white-space:normal; word-break:normal; overflow-wrap:break-word;



 }



 html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list a {



  display:flex!important; flex-direction:row!important; gap:10px!important;



  text-align:start!important; white-space:normal!important; word-break:normal!important;



  text-transform:none!important; letter-spacing:normal!important; line-height:1.5!important;



 }



 html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__label {



  display:block!important; flex:1 1 0%; min-width:0!important; width:auto!important;



  white-space:normal!important; word-break:normal!important; overflow-wrap:break-word;



 }



 html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__ico,



 html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list a > svg {



  flex:0 0 18px!important; width:18px!important; min-width:18px!important;



 }



}







/* Gesture scroll offsets must be immediate and independent of browser anchoring. */



.ac-reader__stage { scroll-behavior:auto!important; overflow-anchor:none; }



.ac-reader__book { overflow-anchor:none; }



.ac-reader__book.is-pinching { will-change:transform; backface-visibility:hidden; }



@media(max-width:900px) {



 html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list > li > a {



  padding-inline:16px!important;



 }



}







/* PDF pages use physical scroll coordinates even on RTL sites. */



.ac-reader__stage { direction:ltr; scrollbar-gutter:stable; }



html body > .nc-sheet { position:fixed!important; inset:0!important; z-index:2147483001!important; }



html body > .nc-sheet.is-open { visibility:visible!important; opacity:1!important; pointer-events:auto!important; }



.ac-reader__stage.is-touch-view { overflow:hidden!important; }







/* PDF loading preview: static page shapes, no spinner or continuous animation. */



.ac-reader__stage { position:relative; }



.ac-reader__notice.is-quiet { position:absolute!important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); border:0; white-space:nowrap; }



.ac-reader__skeleton { position:absolute; inset:20px 24px; display:flex; justify-content:center; align-items:stretch; gap:2px; pointer-events:none; }



.ac-reader__skeleton[hidden] { display:none!important; }



.ac-reader__skeleton-page { box-sizing:border-box; display:flex; flex-direction:column; gap:clamp(10px,2vh,20px); height:100%; max-width:50%; aspect-ratio:210/297; padding:clamp(18px,3vw,40px); background:#fff; border:1px solid #dce5eb; box-shadow:0 8px 24px #183d5614; overflow:hidden; }



.ac-reader__skeleton.is-single .ac-reader__skeleton-page { max-width:100%; }



.ac-reader__skeleton.is-single .ac-reader__skeleton-page + .ac-reader__skeleton-page { display:none; }



.ac-reader__skeleton-heading,.ac-reader__skeleton-line { display:block; flex-shrink:0; height:10px; width:100%; border-radius:4px; background:#e8eef2; }



.ac-reader__skeleton-heading { width:60%; height:20px; margin-bottom:12px; background:#dce6ec; }



.ac-reader__skeleton-line:nth-child(3n) { width:82%; }



.ac-reader__skeleton-line:last-child { width:55%; }



@media(max-width:619px) { .ac-reader__skeleton-page { max-width:100%; } .ac-reader__skeleton-page + .ac-reader__skeleton-page { display:none; } }



html.ac-access-dark body .ac-reader .ac-reader__skeleton-page { background:#fff!important; border-color:#dce5eb!important; }







/* ============================================================



   MODULE: surface-cleaner-vibrancy.css



   Kurumsal & Ferah Yuzey Temizleyici Tasarimi (Dengeli & Profesyonel)



   ============================================================ */







/* ---------- 1. Corporate & Fresh Hygiene Color Tokens ---------- */



:root {



    --acto-navy-deep: #07192b;



    --acto-navy: #0a2540;



    --acto-navy-light: #0f3559;



    



    --sc-ocean: #0284c7;



    --sc-ocean-hover: #0369a1;



    --sc-ocean-light: #e0f2fe;



    --sc-ocean-glow: rgba(2, 132, 199, 0.18);







    --sc-aqua: #0891b2;



    --sc-aqua-deep: #0e7490;



    --sc-aqua-light: #e0f7fa;



    --sc-aqua-glow: rgba(8, 145, 178, 0.18);







    --sc-teal: #0f766e;



    --sc-teal-light: #e6fffa;







    --sc-slate-dark: #0f172a;



    --sc-slate: #334155;



    --sc-slate-medium: #475569;



    --sc-slate-light: #64748b;



    --sc-border: #e2e8f0;







    --sc-grad-clean: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);



    --sc-grad-navy: linear-gradient(135deg, #07192b 0%, #0a2540 60%, #0f3559 100%);



    --sc-grad-aqua: linear-gradient(135deg, #0284c7 0%, #0891b2 100%);



    --sc-grad-surface: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);



    --sc-shine: linear-gradient(90deg, #0284c7 0%, #38bdf8 50%, #0284c7 100%);



}







/* ---------- 2. Topbar & Header: Prestijli & Net ---------- */



html body .nc-header .nc-topbar {



    background: #f8fafc !important;



    border-bottom: 1px solid #e2e8f0 !important;



}







html body .nc-header .nc-topbar::after {



    content: '';



    display: block;



    height: 2px;



    background: #0284c7;



}







html body .nc-header .nc-topbar a,



html body .nc-header .nc-topbar span {



    color: #475569 !important;



}







html body .nc-header .nc-topbar a:hover {



    color: #0284c7 !important;



}







@media (min-width: 1024px) {



    html body .nc-header .nc-menu > ul > li > a {



        position: relative;



        font-weight: 600 !important;



        color: #0a2540 !important;



        transition: color 0.2s ease !important;



    }



    html body .nc-header .nc-menu > ul > li > a::after {



        content: '';



        position: absolute;



        bottom: 2px;



        left: 50%;



        width: 0;



        height: 2.5px !important;



        background: #0284c7 !important;



        border-radius: 999px;



        transform: translateX(-50%);



        transition: width 0.22s ease-out;



    }



    html body .nc-header .nc-menu > ul > li:hover > a,



    html body .nc-header .nc-menu > ul > li.is-active > a {



        color: #0284c7 !important;



    }



    html body .nc-header .nc-menu > ul > li:hover > a::after,



    html body .nc-header .nc-menu > ul > li.is-active > a::after {



        width: calc(100% - 16px);



    }



}







html body .nc-header .nc-search__btn {



    background: #0284c7 !important;



    border: 1px solid #0284c7 !important;



    color: #ffffff !important;



    transition: all 0.2s ease;



}



html body .nc-header .nc-search__btn:hover {



    background: #0369a1 !important;



    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.3) !important;



}







/* ---------- 3. Clean Background Canvas ---------- */



html body,



html body #content,



html body #content.actorein-catalog {



    background: #f8fafc !important;



}







/* ---------- 4. Hero Banner: Agirbasli Kurumsal Derinlik ---------- */



html body #content .rh-hero,



html body .acto-page-hero {



    position: relative;



    background: linear-gradient(135deg, #07192b 0%, #0a2540 60%, #0f3559 100%) !important;



    box-shadow: 0 8px 24px rgba(7, 25, 43, 0.12) !important;



    border-bottom: 2px solid #0284c7 !important;



}







html body #content .rh-hero .ac-banner-eyebrow,



html body .acto-page-hero__eyebrow {



    display: none !important;



}







html body #content .rh-hero .rh-hero__cta {



    background: #0284c7 !important;



    color: #ffffff !important;



    border: 1px solid #0284c7 !important;



    font-weight: 700 !important;



    box-shadow: 0 4px 16px rgba(2, 132, 199, 0.3) !important;



}



html body #content .rh-hero .rh-hero__cta:hover {



    background: #0369a1 !important;



    transform: translateY(-2px);



    box-shadow: 0 8px 22px rgba(2, 132, 199, 0.4) !important;



}







/* ---------- 5. Dengeli Kurumsal Kategori Kartlari (Home Categories) ---------- */



html body .rh-categories .rh-categories__intro small {



    background: #e0f2fe !important;



    border: 1px solid #bae6fd !important;



    color: #0369a1 !important;



    font-weight: 700 !important;



}







html body .rh-categories .rh-categories__card {



    border: 1px solid #e2e8f0 !important;



    border-radius: 16px !important;



    background: #ffffff !important;



    box-shadow: 0 4px 16px rgba(10, 37, 64, 0.04) !important;



    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;



}







html body .rh-categories .rh-categories__card:hover {



    transform: translateY(-4px) !important;



    border-color: #bae6fd !important;



    box-shadow: 0 12px 28px rgba(2, 132, 199, 0.12) !important;



}







/* Kurumsal tonlarda ahenkli ikon rozetleri (Gokkusagi/Cocuksu renkler kaldirildi) */



html body .rh-categories .rh-categories__card:nth-child(even) .rh-categories__icon {



    background: linear-gradient(135deg, #0a2540 0%, #0f3559 100%) !important;



    box-shadow: 0 8px 18px rgba(10, 37, 64, 0.25) !important;



    color: #ffffff !important;



}







html body .rh-categories .rh-categories__card:nth-child(odd) .rh-categories__icon {



    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;



    box-shadow: 0 8px 18px rgba(2, 132, 199, 0.28) !important;



    color: #ffffff !important;



}







html body .rh-categories .rh-categories__card h3,



html body .rh-categories .rh-categories__card .rh-categories__name {



    color: #0a2540 !important;



    font-weight: 700 !important;



}







html body .rh-categories .rh-categories__all {



    background: #ffffff !important;



    border: 1px solid #cbd5e1 !important;



    color: #0a2540 !important;



    font-weight: 600 !important;



}



html body .rh-categories .rh-categories__all:hover {



    background: #0284c7 !important;



    color: #ffffff !important;



    border-color: #0284c7 !important;



    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.25) !important;



}







/* ---------- 6. Catalog Page Hero ---------- */



html body #content.actorein-catalog .acto-page-hero {



    background: linear-gradient(135deg, #07192b 0%, #0a2540 60%, #0f3559 100%) !important;



    padding: 44px 0 38px !important;



}



html body #content.actorein-catalog .acto-page-hero h1 {



    color: #ffffff !important;



    font-weight: 800 !important;



}







/* ---------- 7. Filter Toolbar & Category Pills ---------- */



html body #content.actorein-catalog .acto-products__toolbar {



    background: #ffffff !important;



    border: 1px solid #e2e8f0 !important;



    border-radius: 14px !important;



    box-shadow: 0 2px 10px rgba(10, 37, 64, 0.04) !important;



}







html body #content.actorein-catalog .acto-products__categories .swiper-slide a {



    background: #ffffff !important;



    border: 1px solid #e2e8f0 !important;



    color: #475569 !important;



    font-weight: 600 !important;



    border-radius: 999px !important;



}







html body #content.actorein-catalog .acto-products__categories .swiper-slide a:hover {



    background: #e0f2fe !important;



    border-color: #7dd3fc !important;



    color: #0284c7 !important;



}







html body #content.actorein-catalog .acto-products__categories .swiper-slide.is-active a,



html body #content.actorein-catalog .acto-products__categories .swiper-slide.current-cat a {



    background: #0284c7 !important;



    border-color: #0284c7 !important;



    color: #ffffff !important;



    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25) !important;



}







/* ---------- 8. Product Cards: Net, Beyaz & Kurumsal ---------- */



html body #content.actorein-catalog .acto-product-card {



    background: #ffffff !important;



    border: 1px solid #e2e8f0 !important;



    border-radius: 16px !important;



    box-shadow: 0 4px 16px rgba(10, 37, 64, 0.04) !important;



    transition: all 0.25s ease !important;



}







html body #content.actorein-catalog .acto-product-card:hover {



    transform: translateY(-4px) !important;



    border-color: #bae6fd !important;



    box-shadow: 0 12px 28px rgba(2, 132, 199, 0.12) !important;



}







html body #content.actorein-catalog .acto-product-card .acto-product-card__title a {



    color: #0a2540 !important;



    font-weight: 700 !important;



}



html body #content.actorein-catalog .acto-product-card .acto-product-card__title a:hover {



    color: #0284c7 !important;



}







html body #content.actorein-catalog .acto-product-card .acto-product-card__btn {



    background: #0284c7 !important;



    color: #ffffff !important;



    border-radius: 8px !important;



    font-weight: 600 !important;



}



html body #content.actorein-catalog .acto-product-card .acto-product-card__btn:hover {



    background: #0369a1 !important;



}







/* ---------- 9. Footer: Okunabilir, Ferah Kristal Zemin (Aydınlık Mod) ---------- */



html:not(.ac-access-dark) body .af-footer {



    background: linear-gradient(180deg, #f0fdfa 0%, #f1f8fc 45%, #e8f3fa 100%) !important;



    border-top: 2px solid #0284c7 !important;



    color: #1e3a5f !important;



    box-shadow: 0 -4px 20px rgba(2, 132, 199, 0.06) !important;



}







html:not(.ac-access-dark) body .af-footer h3,



html:not(.ac-access-dark) body .af-footer .af-footer__title,



html:not(.ac-access-dark) body .af-footer .af-col__title {



    color: #072a44 !important;



    font-weight: 800 !important;



}







html:not(.ac-access-dark) body .af-footer p,



html:not(.ac-access-dark) body .af-footer span,



html:not(.ac-access-dark) body .af-footer .af-desc {



    color: #334e68 !important;



}







html:not(.ac-access-dark) body .af-footer a {



    color: #0f4c81 !important;



    font-weight: 600 !important;



}







html:not(.ac-access-dark) body .af-footer a:hover {



    color: #0284c7 !important;



}







html:not(.ac-access-dark) body .af-bottom,



html:not(.ac-access-dark) body .af-footer__bottom {



    background: rgba(255, 255, 255, 0.7) !important;



    border-top: 1px solid rgba(2, 132, 199, 0.18) !important;



    color: #486581 !important;



}







/* ---------- 10. Footer: Karanlık Mod Uyumu (Dark Mode) ---------- */



html.ac-access-dark body .af-footer,



html[data-theme="dark"] body .af-footer,



body.dark-mode .af-footer {



    background: linear-gradient(180deg, #07192b 0%, #0a2540 50%, #061524 100%) !important;



    border-top: 2px solid #0284c7 !important;



    color: #cbd5e1 !important;



    box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.45) !important;



}







/* Footer Üst Mesaj / Intro Alanı */



html.ac-access-dark body .af-footer .af-intro,



html[data-theme="dark"] body .af-footer .af-intro,



body.dark-mode .af-footer .af-intro {



    border-bottom: 1px solid rgba(56, 189, 248, 0.2) !important;



}







html.ac-access-dark body .af-footer .af-intro p,



html[data-theme="dark"] body .af-footer .af-intro p,



body.dark-mode .af-footer .af-intro p {



    color: #ffffff !important;



}







html.ac-access-dark body .af-footer .af-intro p > span,



html[data-theme="dark"] body .af-footer .af-intro p > span,



body.dark-mode .af-footer .af-intro p > span {



    color: #38bdf8 !important;



}







html.ac-access-dark body .af-footer .af-intro > a,



html[data-theme="dark"] body .af-footer .af-intro > a,



body.dark-mode .af-footer .af-intro > a {



    background: #0284c7 !important;



    color: #ffffff !important;



    border: 1px solid #38bdf8 !important;



    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;



    transition: all 0.2s ease !important;



}







html.ac-access-dark body .af-footer .af-intro > a:hover,



html[data-theme="dark"] body .af-footer .af-intro > a:hover,



body.dark-mode .af-footer .af-intro > a:hover {



    background: #0369a1 !important;



    color: #ffffff !important;



    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.5) !important;



}







/* Footer Başlıklar */



html.ac-access-dark body .af-footer h3,



html.ac-access-dark body .af-footer .af-widget__title,



html.ac-access-dark body .af-footer .af-footer__title,



html.ac-access-dark body .af-footer .af-col__title,



html[data-theme="dark"] body .af-footer h3,



html[data-theme="dark"] body .af-footer .af-widget__title,



body.dark-mode .af-footer h3,



body.dark-mode .af-footer .af-widget__title {



    color: #ffffff !important;



    font-weight: 700 !important;



    letter-spacing: -0.01em !important;



}







/* Footer Paragraf, Metinler & Kurumsal Açıklamalar */



html.ac-access-dark body .af-footer p,



html.ac-access-dark body .af-footer span:not(.af-browser-icons *),



html.ac-access-dark body .af-footer .af-desc,



html.ac-access-dark body .af-footer .af-ownership,



html[data-theme="dark"] body .af-footer p,



body.dark-mode .af-footer p {



    color: #cbd5e1 !important;



}







/* Footer Bağlantıları (Menüler & Adres) */



html.ac-access-dark body .af-footer a,



html[data-theme="dark"] body .af-footer a,



body.dark-mode .af-footer a {



    color: #94a3b8 !important;



    font-weight: 500 !important;



    transition: color 0.15s ease !important;



}







html.ac-access-dark body .af-footer a:hover,



html.ac-access-dark body .af-footer a:focus-visible,



html[data-theme="dark"] body .af-footer a:hover,



body.dark-mode .af-footer a:hover {



    color: #38bdf8 !important;



    text-decoration: underline !important;



    text-underline-offset: 4px;



}







/* Sosyal Medya İkon Butonları */



html.ac-access-dark body .af-footer .af-list--social a,



html[data-theme="dark"] body .af-footer .af-list--social a,



body.dark-mode .af-footer .af-list--social a {



    background: rgba(255, 255, 255, 0.06) !important;



    border: 1px solid rgba(255, 255, 255, 0.18) !important;



    color: #e2e8f0 !important;



    transition: all 0.2s ease !important;



}







html.ac-access-dark body .af-footer .af-list--social a:hover,



html[data-theme="dark"] body .af-footer .af-list--social a:hover,



body.dark-mode .af-footer .af-list--social a:hover {



    background: #0284c7 !important;



    border-color: #0284c7 !important;



    color: #ffffff !important;



    transform: translateY(-2px);



}







/* "Daha Fazla Gör" Butonu */



html.ac-access-dark body .af-footer .af-more,



html[data-theme="dark"] body .af-footer .af-more,



body.dark-mode .af-footer .af-more {



    color: #38bdf8 !important;



    border-bottom: 1px solid rgba(56, 189, 248, 0.45) !important;



}







html.ac-access-dark body .af-footer .af-more:hover,



html[data-theme="dark"] body .af-footer .af-more:hover,



body.dark-mode .af-footer .af-more:hover {



    color: #ffffff !important;



    border-bottom-color: #ffffff !important;



}







/* CTA "Ürünleri Keşfet" Linki */



html.ac-access-dark body .af-footer .af-btn,



html[data-theme="dark"] body .af-footer .af-btn,



body.dark-mode .af-footer .af-btn {



    color: #38bdf8 !important;



    border-bottom: 1px solid rgba(56, 189, 248, 0.45) !important;



}







html.ac-access-dark body .af-footer .af-btn:hover,



html[data-theme="dark"] body .af-footer .af-btn:hover,



body.dark-mode .af-footer .af-btn:hover {



    color: #ffffff !important;



    border-bottom-color: #ffffff !important;



}







/* Marka Logosu: Karanlık Zemin Üzerinde Beyaz */



html.ac-access-dark body .af-footer .af-brand__img,



html[data-theme="dark"] body .af-footer .af-brand__img,



body.dark-mode .af-footer .af-brand__img {



    background: transparent !important;



    filter: grayscale(1) invert(1) brightness(2) !important;



    mix-blend-mode: screen !important;



}







/* Footer Alt Bilgi Alanı (Bottom Grid & Legal) */



html.ac-access-dark body .af-footer .af-footer__bottom,



html.ac-access-dark body .af-footer .af-bottom,



html[data-theme="dark"] body .af-footer .af-footer__bottom,



body.dark-mode .af-footer .af-footer__bottom {



    background: rgba(3, 10, 18, 0.65) !important;



    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;



    color: #94a3b8 !important;



}







html.ac-access-dark body .af-footer .af-footer__bottom-grid,



html[data-theme="dark"] body .af-footer .af-footer__bottom-grid,



body.dark-mode .af-footer .af-footer__bottom-grid {



    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;



}







html.ac-access-dark body .af-footer .af-copyright,



html.ac-access-dark body .af-footer .af-privacy,



html.ac-access-dark body .af-footer .af-browser-note,



html[data-theme="dark"] body .af-footer .af-copyright,



body.dark-mode .af-footer .af-copyright {



    color: #94a3b8 !important;



}







html.ac-access-dark body .af-footer .af-privacy:hover,



html[data-theme="dark"] body .af-footer .af-privacy:hover,



body.dark-mode .af-footer .af-privacy:hover {



    color: #38bdf8 !important;



}







/* Erişilebilirlik Ayarlar Butonu */



html.ac-access-dark body .af-footer .ac-settings-trigger,



html[data-theme="dark"] body .af-footer .ac-settings-trigger,



body.dark-mode .af-footer .ac-settings-trigger {



    color: #e2e8f0 !important;



}







html.ac-access-dark body .af-footer .ac-settings-trigger .af-access-label,



html[data-theme="dark"] body .af-footer .ac-settings-trigger .af-access-label,



body.dark-mode .af-footer .ac-settings-trigger .af-access-label {



    color: #cbd5e1 !important;



}







html.ac-access-dark body .af-footer .ac-settings-trigger:hover .af-access-label,



html[data-theme="dark"] body .af-footer .ac-settings-trigger:hover .af-access-label,



body.dark-mode .af-footer .ac-settings-trigger:hover .af-access-label {



    color: #ffffff !important;



}







/* Çok Koyu Mod (Darker) Varyantı */



html.ac-access-dark.ac-access-darker body .af-footer {



    background: linear-gradient(180deg, #03060a 0%, #060b12 60%, #020408 100%) !important;



    border-top-color: #0369a1 !important;



}







html.ac-access-dark.ac-access-darker body .af-footer .af-footer__bottom,



html.ac-access-dark.ac-access-darker body .af-footer .af-bottom {



    background: #020408 !important;



}







/* ============================================================



   MODULE: corporate-vibrancy.css



   Kurumsal / Corporate Sayfalari Dengeli, Sade & Guven Veren Tasarim



   ============================================================ */







/* ---------- 1. Corporate Page Hero (Ciddi & Prestijli) ---------- */



html body .actorein-corporate-pages .acto-page-hero {



    position: relative !important;



    background: linear-gradient(135deg, #07192b 0%, #0a2540 60%, #0f3559 100%) !important;



    padding: 52px 0 48px !important;



    margin-bottom: 0 !important;



    overflow: hidden !important;



    border-bottom: 2px solid #0284c7 !important;



}







html body .actorein-corporate-pages .acto-page-hero::before {



    display: none !important;



}







html body .actorein-corporate-pages .acto-page-hero__content {



    position: relative !important;



    z-index: 2 !important;



    max-width: 1180px !important;



    margin: 0 auto !important;



}







html body .actorein-corporate-pages .acto-page-hero__content h1 {



    font-size: 36px !important;



    font-weight: 700 !important;



    letter-spacing: -0.5px !important;



    line-height: 1.25 !important;



    color: #ffffff !important;



    margin: 0 !important;



    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;



}







/* ---------- 2. Corporate Subnav / Tabs (Sade, Net Kurumsal Sekmeler) ---------- */



html body .actorein-corporate-pages .acto-subnav--corp.ac-corporate-pages-nav {



    background: #ffffff !important;



    border-bottom: 1px solid #e2e8f0 !important;



    padding: 10px 0 !important;



    margin: 0 0 36px 0 !important;



    box-shadow: 0 2px 6px rgba(10, 37, 64, 0.03) !important;



    position: relative !important;



    z-index: 10 !important;



}







html body .actorein-corporate-pages .ac-corporate-pages-nav .eds-container {



    width: 100% !important;



    max-width: var(--actorein-container, 1180px) !important;



    margin: 0 auto !important;



    padding: 0 20px !important;



    box-sizing: border-box !important;



}







html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list {



    display: flex !important;



    flex-wrap: wrap !important;



    gap: 8px !important;



    align-items: center !important;



    padding: 0 !important;



    margin: 0 !important;



    list-style: none !important;



}







html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li {



    margin: 0 !important;



    padding: 0 !important;



    list-style: none !important;



}







html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li a {



    display: inline-flex !important;



    align-items: center !important;



    gap: 8px !important;



    padding: 8px 18px !important;



    font-size: 13.5px !important;



    font-weight: 600 !important;



    color: #475569 !important;



    background: #f8fafc !important;



    border: 1px solid #e2e8f0 !important;



    border-radius: 999px !important;



    text-decoration: none !important;



    transition: all 0.2s ease !important;



    white-space: nowrap !important;



}







html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li a .acto-subnav__ico svg {



    stroke: #64748b !important;



    transition: stroke 0.2s ease !important;



}







html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li a:hover {



    background: #e0f2fe !important;



    border-color: #7dd3fc !important;



    color: #0284c7 !important;



}







html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li a:hover .acto-subnav__ico svg {



    stroke: #0284c7 !important;



}







/* Active tab style: Net Kurumsal Lacivert */



html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li.current-menu-item a,



html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li.is-active a,



html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li a[aria-current="page"],



html body .actorein-corporate-pages[data-corporate-section="hakkimizda"] .ac-corporate-pages-nav a[data-corporate-section="hakkimizda"],



html body .actorein-corporate-pages[data-corporate-section="tesisler"] .ac-corporate-pages-nav a[data-corporate-section="tesisler"],



html body .actorein-corporate-pages[data-corporate-section="sozlesmeli-uretim"] .ac-corporate-pages-nav a[data-corporate-section="sozlesmeli-uretim"],



html body .actorein-corporate-pages[data-corporate-section="arge"] .ac-corporate-pages-nav a[data-corporate-section="arge"],



html body .actorein-corporate-pages[data-corporate-section="politika"] .ac-corporate-pages-nav a[data-corporate-section="politika"] {



    background: #0a2540 !important;



    color: #ffffff !important;



    border-color: #0a2540 !important;



    box-shadow: 0 4px 12px rgba(10, 37, 64, 0.2) !important;



}







html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li.current-menu-item a .acto-subnav__ico svg,



html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li.is-active a .acto-subnav__ico svg,



html body .actorein-corporate-pages[data-corporate-section="hakkimizda"] .ac-corporate-pages-nav a[data-corporate-section="hakkimizda"] .acto-subnav__ico svg,



html body .actorein-corporate-pages[data-corporate-section="tesisler"] .ac-corporate-pages-nav a[data-corporate-section="tesisler"] .acto-subnav__ico svg,



html body .actorein-corporate-pages[data-corporate-section="sozlesmeli-uretim"] .ac-corporate-pages-nav a[data-corporate-section="sozlesmeli-uretim"] .acto-subnav__ico svg,



html body .actorein-corporate-pages[data-corporate-section="arge"] .ac-corporate-pages-nav a[data-corporate-section="arge"] .acto-subnav__ico svg,



html body .actorein-corporate-pages[data-corporate-section="politika"] .ac-corporate-pages-nav a[data-corporate-section="politika"] .acto-subnav__ico svg {



    stroke: #ffffff !important;



}







/* ---------- 3. Container Genisligi & Hiyerarsi (1180px) ---------- */



html body .actorein-corporate-pages .ac-corporate-content {



    padding-top: 0 !important;



    padding-bottom: 60px !important;



    background: transparent !important;



}







html body .actorein-corporate-pages .ac-corporate-content > .eds-container {



    width: 100% !important;



    max-width: var(--actorein-container, 1180px) !important;



    margin-left: auto !important;



    margin-right: auto !important;



    padding-left: var(--actorein-gutter, 20px) !important;



    padding-right: var(--actorein-gutter, 20px) !important;



    box-sizing: border-box !important;



}







html body .actorein-corporate-pages .actopim-corporate-section,



html body .actorein-corporate-pages .corporate-content,



html body .actorein-corporate-pages .acto-tabs,



html body .actorein-corporate-pages .acto-tabpanel,



html body .actorein-corporate-pages .eds-container.acto-tabpanel {



    width: 100% !important;



    max-width: 100% !important;



    margin: 0 !important;



    padding: 0 !important;



    border: none !important;



    background: transparent !important;



    box-shadow: none !important;



    box-sizing: border-box !important;



}







/* ---------- 4. Hakkimizda Hero Grid & Unified Stats ---------- */



html body .actorein-corporate-pages .acto-about {



    width: 100% !important;



    display: block !important;



}







html body .actorein-corporate-pages .acto-about__grid {



    display: grid !important;



    grid-template-columns: 1.15fr 0.85fr !important;



    gap: 44px !important;



    align-items: center !important;



    background: #ffffff !important;



    border: 1px solid #e2e8f0 !important;



    border-top: 3px solid #0284c7 !important;



    border-radius: 16px !important;



    padding: 44px 48px !important;



    box-shadow: 0 4px 20px rgba(10, 37, 64, 0.05) !important;



    box-sizing: border-box !important;



}







html body .actorein-corporate-pages .acto-about__body h2 {



    font-size: 32px !important;



    font-weight: 700 !important;



    letter-spacing: -0.5px !important;



    line-height: 1.3 !important;



    margin: 0 0 16px 0 !important;



    color: #0a2540 !important;



}







html body .actorein-corporate-pages .acto-about__body p {



    font-size: 15.5px !important;



    line-height: 1.8 !important;



    color: #334155 !important;



    margin: 0 0 16px 0 !important;



}







/* Tek Tip, Kurumsal Executive Istatistik Kartlari */



html body .actorein-corporate-pages .acto-about__stats {



    display: grid !important;



    grid-template-columns: repeat(3, 1fr) !important;



    gap: 16px !important;



    margin: 32px 0 0 0 !important;



    padding: 0 !important;



    list-style: none !important;



}







html body .actorein-corporate-pages .acto-about__stats li,



html body .actorein-corporate-pages .acto-about__stats .acto-about__stat {



    background: #f8fafc !important;



    border: 1px solid #e2e8f0 !important;



    border-top: 3px solid #0284c7 !important;



    border-radius: 12px !important;



    padding: 18px 14px !important;



    text-align: center !important;



    box-shadow: 0 2px 8px rgba(10, 37, 64, 0.03) !important;



    transition: transform 0.2s ease, box-shadow 0.2s ease !important;



    display: flex !important;



    flex-direction: column !important;



    justify-content: center !important;



    align-items: center !important;



}







html body .actorein-corporate-pages .acto-about__stats li:hover,



html body .actorein-corporate-pages .acto-about__stats .acto-about__stat:hover {



    transform: translateY(-2px) !important;



    box-shadow: 0 6px 16px rgba(2, 132, 199, 0.1) !important;



}







html body .actorein-corporate-pages .acto-about__stats strong {



    font-size: 30px !important;



    font-weight: 800 !important;



    line-height: 1.1 !important;



    margin-bottom: 6px !important;



    letter-spacing: -0.5px !important;



    color: #0a2540 !important;



    display: block !important;



}







html body .actorein-corporate-pages .acto-about__stats span {



    font-size: 12px !important;



    color: #64748b !important;



    font-weight: 600 !important;



    line-height: 1.4 !important;



    text-transform: uppercase !important;



    letter-spacing: 0.5px !important;



    display: block !important;



}







/* Hero Media / Gorsel */



html body .actorein-corporate-pages .acto-about__media {



    border-radius: 14px !important;



    overflow: hidden !important;



    border: 1px solid #e2e8f0 !important;



    box-shadow: 0 8px 24px rgba(10, 37, 64, 0.08) !important;



    margin: 0 !important;



}







html body .actorein-corporate-pages .acto-about__media img {



    width: 100% !important;



    height: 100% !important;



    object-fit: cover !important;



    border-radius: 13px !important;



    display: block !important;



}







/* ---------- 5. Hakkimizda Ic Bolumleri (Tek Tip & Prestijli Kurumsal Kartlar) ---------- */



html body .actorein-corporate-pages .acto-about__content {



    margin-top: 40px !important;



    display: block !important;



}







/* Tum h3 Basliklari: Tutarlı, Agirbasli Kurumsal Vurgu */



html body .actorein-corporate-pages .acto-about__content h3 {



    background: #f8fafc !important;



    border: 1px solid #e2e8f0 !important;



    border-left: 4px solid #0284c7 !important;



    color: #0a2540 !important;



    font-size: 20px !important;



    font-weight: 700 !important;



    padding: 13px 20px !important;



    border-radius: 8px !important;



    margin: 36px 0 14px 0 !important;



    box-sizing: border-box !important;



}







/* Metin Paragraflari: Temiz, Profesyonel Beyaz Kartlar */



html body .actorein-corporate-pages .acto-about__content p {



    background: #ffffff !important;



    border: 1px solid #e2e8f0 !important;



    border-radius: 10px !important;



    padding: 20px 24px !important;



    margin: 0 0 14px 0 !important;



    font-size: 15px !important;



    line-height: 1.8 !important;



    color: #334155 !important;



    box-shadow: 0 2px 6px rgba(10, 37, 64, 0.02) !important;



    box-sizing: border-box !important;



    transition: border-color 0.2s ease !important;



}







html body .actorein-corporate-pages .acto-about__content p:hover {



    border-color: #cbd5e1 !important;



}







/* ---------- 6. Diger Sekmeler Icin Kontrol Listesi & Iletisim ---------- */



html body .actorein-corporate-pages .acto-tabpanel__title {



    font-size: 26px !important;



    font-weight: 700 !important;



    color: #0a2540 !important;



    margin-bottom: 20px !important;



    padding-bottom: 12px !important;



    border-bottom: 2px solid #e2e8f0 !important;



}







html body .actorein-corporate-pages .acto-about__checks {



    display: grid !important;



    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;



    gap: 12px !important;



    list-style: none !important;



    padding: 0 !important;



    margin: 24px 0 !important;



}







html body .actorein-corporate-pages .acto-about__checks li {



    background: #ffffff !important;



    border: 1px solid #e2e8f0 !important;



    border-left: 3px solid #0284c7 !important;



    border-radius: 8px !important;



    padding: 14px 18px 14px 38px !important;



    position: relative !important;



    font-size: 14px !important;



    color: #1e293b !important;



    font-weight: 500 !important;



    line-height: 1.5 !important;



    box-shadow: 0 2px 6px rgba(10, 37, 64, 0.02) !important;



}







html body .actorein-corporate-pages .acto-about__checks li::before {



    content: '✓' !important;



    position: absolute !important;



    left: 14px !important;



    top: 50% !important;



    transform: translateY(-50%) !important;



    color: #0284c7 !important;



    font-weight: 700 !important;



    font-size: 15px !important;



}







html body .actorein-corporate-pages .acto-contact {



    display: grid !important;



    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;



    gap: 16px !important;



    list-style: none !important;



    padding: 0 !important;



    margin: 24px 0 !important;



}







html body .actorein-corporate-pages .acto-contact li {



    background: #ffffff !important;



    border: 1px solid #e2e8f0 !important;



    border-left: 3px solid #0a2540 !important;



    border-radius: 8px !important;



    padding: 16px 18px !important;



    box-shadow: 0 2px 6px rgba(10, 37, 64, 0.02) !important;



    font-size: 14px !important;



    color: #334155 !important;



}







html body .actorein-corporate-pages .acto-contact li span {



    display: block !important;



    font-size: 11.5px !important;



    text-transform: uppercase !important;



    font-weight: 700 !important;



    color: #0284c7 !important;



    letter-spacing: 0.5px !important;



    margin-bottom: 4px !important;



}







html body .actorein-corporate-pages .acto-contact li a {



    color: #0a2540 !important;



    font-weight: 600 !important;



    text-decoration: none !important;



}







html body .actorein-corporate-pages .acto-contact li a:hover {



    color: #0284c7 !important;



    text-decoration: underline !important;



}







/* ---------- 7. Responsive Duzenlemeler ---------- */



@media (max-width: 900px) {



    html body .actorein-corporate-pages .acto-about__grid {



        grid-template-columns: 1fr !important;



        gap: 28px !important;



        padding: 24px 20px !important;



    }



    



    html body .actorein-corporate-pages .acto-about__media {



        order: -1 !important;



        max-height: 280px !important;



    }



    



    html body .actorein-corporate-pages .acto-about__stats {



        grid-template-columns: 1fr !important;



        gap: 10px !important;



    }







    html body .actorein-corporate-pages .acto-about__body h2 {



        font-size: 24px !important;



    }







    html body .actorein-corporate-pages .acto-about__content p {



        padding: 16px 18px !important;



    }



}







/* ============================================================



   MODULE: advanced-products-and-usage.css



   Bastan Asagi Yenilenmis, Modern, Ferah Urunler & Filtreleme Mimarisi (v1.5.60)



   ============================================================ */







/* ---------- 1. Kullanim Alanlari (Applications) Sekmelerinin Catisma Onleyicisi ---------- */



html body .actorein-usage-pages .ac-corporate-pages-nav,



html body .actorein-corporate-pages .ac-corporate-pages-nav,



html body .acto-subnav--corp {



    background: #ffffff !important;



    border-bottom: 1px solid #e2e8f0 !important;



    padding: 12px 0 !important;



    margin-bottom: 36px !important;



    box-shadow: 0 2px 8px rgba(10, 37, 64, 0.03) !important;



    position: relative !important;



    z-index: 15 !important;



}







html body .actorein-usage-pages .acto-subnav__list,



html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list,



html body #ac-usage-quicklinks,



html body #ac-corporate-quicklinks {



    display: flex !important;



    flex-wrap: wrap !important;



    gap: 10px !important;



    align-items: center !important;



    justify-content: flex-start !important;



    padding: 0 !important;



    margin: 0 !important;



    list-style: none !important;



    width: 100% !important;



}







html body .actorein-usage-pages .acto-subnav__list li,



html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li,



html body #ac-usage-quicklinks li,



html body #ac-corporate-quicklinks li {



    flex: 0 0 auto !important;



    width: auto !important;



    min-width: 0 !important;



    max-width: none !important;



    margin: 0 !important;



    padding: 0 !important;



    list-style: none !important;



}







html body .actorein-usage-pages .acto-subnav__list li a,



html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li a,



html body #ac-usage-quicklinks li a,



html body #ac-corporate-quicklinks li a {



    display: inline-flex !important;



    align-items: center !important;



    justify-content: center !important;



    gap: 8px !important;



    padding: 9px 20px !important;



    font-size: 13.5px !important;



    font-weight: 600 !important;



    color: #475569 !important;



    background: #f8fafc !important;



    border: 1px solid #e2e8f0 !important;



    border-radius: 999px !important;



    white-space: nowrap !important;



    text-decoration: none !important;



    box-shadow: 0 1px 3px rgba(10, 37, 64, 0.03) !important;



    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;



    height: auto !important;



    min-height: 40px !important;



    box-sizing: border-box !important;



}







html body .actorein-usage-pages .acto-subnav__list li a:hover,



html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li a:hover,



html body #ac-usage-quicklinks li a:hover,



html body #ac-corporate-quicklinks li a:hover {



    background: #e0f2fe !important;



    border-color: #7dd3fc !important;



    color: #0284c7 !important;



    transform: translateY(-1px) !important;



    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.12) !important;



}







html body .actorein-usage-pages .acto-subnav__list li.is-active a,



html body .actorein-usage-pages .acto-subnav__list li.current-menu-item a,



html body .actorein-usage-pages .acto-subnav__list li a[aria-current="page"],



html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li.is-active a,



html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li.current-menu-item a,



html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__list li a[aria-current="page"] {



    background: #0a2540 !important;



    color: #ffffff !important;



    border-color: #0a2540 !important;



    font-weight: 700 !important;



    box-shadow: 0 4px 14px rgba(10, 37, 64, 0.22) !important;



}







/* Kullanim Alanlari Kartlari (.acd) */



html body .acd { width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; }



html body .acd .acd-lead {



    background: #ffffff !important;



    border: 1px solid #e2e8f0 !important;



    border-left: 4px solid #0284c7 !important;



    border-radius: 14px !important;



    padding: 24px 28px !important;



    margin: 0 0 40px 0 !important;



    color: #1e293b !important;



    font-size: 16px !important;



    line-height: 1.85 !important;



    box-shadow: 0 4px 18px rgba(10, 37, 64, 0.04) !important;



}



html body .acd .acd-grid {



    display: grid !important;



    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;



    gap: 24px !important;



    margin: 0 0 48px 0 !important;



}



html body .acd .acd-card {



    background: #ffffff !important;



    border: 1px solid #e2e8f0 !important;



    border-top: 3px solid #0284c7 !important;



    border-radius: 16px !important;



    padding: 30px 28px !important;



    box-shadow: 0 4px 18px rgba(10, 37, 64, 0.04) !important;



    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;



}



html body .acd .acd-card:hover {



    transform: translateY(-4px) !important;



    border-color: #bae6fd !important;



    box-shadow: 0 14px 32px rgba(10, 37, 64, 0.08) !important;



}



html body .acd .acd-num {



    display: inline-flex !important;



    align-items: center !important;



    justify-content: center !important;



    width: 38px !important;



    height: 38px !important;



    border-radius: 10px !important;



    background: #e0f2fe !important;



    color: #0284c7 !important;



    font-size: 13.5px !important;



    font-weight: 800 !important;



    margin: 0 0 18px 0 !important;



    border: 1px solid #bae6fd !important;



}



html body .acd .acd-card h2 {



    color: #0a2540 !important;



    font-size: 20px !important;



    font-weight: 700 !important;



    line-height: 1.35 !important;



    margin: 0 0 14px 0 !important;



}



html body .acd .acd-card p {



    color: #475569 !important;



    font-size: 15px !important;



    line-height: 1.8 !important;



    margin: 0 !important;



}







/* ============================================================



   2. URUNLER KATALOG SAYFASI (https://actorein.com/urunler/)



   SIFIRDAN BASTAN ASAGI YENILENMIS, FERAH & MODERN TASARIM



   ============================================================ */



html body #content.actorein-catalog {



    background: #f8fafc !important;



    color: #0f172a !important;



    padding-bottom: 80px !important;



}







/* ---------- Hero Banner (Kurumsal, Ferah & Derin) ---------- */



html body #content.actorein-catalog .acto-page-hero {



    position: relative !important;



    background: linear-gradient(135deg, #07192b 0%, #0a2540 60%, #0f3559 100%) !important;



    padding: 48px 0 42px !important;



    border-bottom: 3px solid #0284c7 !important;



    box-shadow: 0 8px 24px rgba(7, 25, 43, 0.12) !important;



}







html body #content.actorein-catalog .ac-hero-compact {



    display: flex !important;



    flex-direction: column !important;



    gap: 12px !important;



}







html body #content.actorein-catalog .ac-hero-breadcrumb {



    display: flex !important;



    align-items: center !important;



    gap: 8px !important;



    font-size: 12.5px !important;



    color: #94a3b8 !important;



}



html body #content.actorein-catalog .ac-hero-breadcrumb a {



    color: #cbd5e1 !important;



    text-decoration: none !important;



}



html body #content.actorein-catalog .ac-hero-breadcrumb a:hover {



    color: #38bdf8 !important;



}







html body #content.actorein-catalog .ac-hero-heading-row {



    display: flex !important;



    align-items: center !important;



    gap: 16px !important;



    flex-wrap: wrap !important;



}







html body #content.actorein-catalog .ac-hero-title {



    color: #ffffff !important;



    font-size: 36px !important;



    font-weight: 800 !important;



    letter-spacing: -0.6px !important;



    margin: 0 !important;



}







html body #content.actorein-catalog .ac-hero-counter {



    display: inline-flex !important;



    align-items: center !important;



    padding: 6px 16px !important;



    border-radius: 999px !important;



    background: rgba(56, 189, 248, 0.18) !important;



    border: 1px solid rgba(56, 189, 248, 0.4) !important;



    color: #7dd3fc !important;



    font-size: 12.5px !important;



    font-weight: 700 !important;



    letter-spacing: 0.3px !important;



}







/* ============================================================



   MODULE: catalog-sidebar-modern.css



   Modern 2 Kolonlu Mimari: Sol Kenar Cubugu (Sidebar Filtre) + Sag Urun Vitrini



   ============================================================ */







/* Ana Katalog Bolumu & Grid Duzeni */



html body #content.actorein-catalog .acto-products.ac-catalog-section {



    padding: 36px 0 80px 0 !important;



    background: #f8fafc !important;



}







html body #content.actorein-catalog .ac-catalog-layout {



    display: grid !important;



    grid-template-columns: 290px minmax(0, 1fr) !important;



    gap: 36px !important;



    align-items: start !important;



}







/* ---------- 1. SOL KENAR CUBUGU (SIDEBAR FILTRE) ---------- */



html body #content.actorein-catalog .ac-catalog-sidebar {



    position: sticky !important;



    top: 96px !important;



    z-index: 25 !important;



}







html body #content.actorein-catalog .ac-catalog-sidebar__inner {



    display: flex !important;



    flex-direction: column !important;



    gap: 22px !important;



    padding: 24px 20px !important;



    border-radius: 20px !important;



    background: #ffffff !important;



    border: 1px solid #e2e8f0 !important;



    box-shadow: 0 4px 20px rgba(10, 37, 64, 0.04) !important;



    box-sizing: border-box !important;



}







/* Sidebar Baslik Satiri */



html body #content.actorein-catalog .ac-sidebar-header {



    display: flex !important;



    align-items: center !important;



    justify-content: space-between !important;



    padding-bottom: 14px !important;



    border-bottom: 1.5px solid #f1f5f9 !important;



}







html body #content.actorein-catalog .ac-sidebar-header__title {



    display: inline-flex !important;



    align-items: center !important;



    gap: 10px !important;



    color: #0a2540 !important;



    font-family: var(--font-heading, "Plus Jakarta Sans", sans-serif) !important;



    font-size: 16px !important;



    font-weight: 700 !important;



    letter-spacing: -0.2px !important;



}







html body #content.actorein-catalog .ac-sidebar-header__title svg {



    stroke: #0284c7 !important;



}







html body #content.actorein-catalog .ac-sidebar-close {



    display: none !important;



}







/* Sidebar Arama Kutusu Widget'i */



html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search {



    position: relative !important;



    width: 100% !important;



}







html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search__icon {



    position: absolute !important;



    left: 14px !important;



    top: 50% !important;



    transform: translateY(-50%) !important;



    color: #64748b !important;



    width: 16px !important;



    height: 16px !important;



    pointer-events: none !important;



}







html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search__input {



    width: 100% !important;



    height: 44px !important;



    padding: 8px 36px 8px 38px !important;



    border: 1.5px solid #cbd5e1 !important;



    border-radius: 12px !important;



    background: #f8fafc !important;



    color: #0a2540 !important;



    font-size: 13.5px !important;



    font-weight: 500 !important;



    box-sizing: border-box !important;



    transition: all 0.2s ease !important;



}







html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search__input:focus {



    background: #ffffff !important;



    border-color: #0284c7 !important;



    outline: none !important;



    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.14) !important;



}







html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search__clear {



    position: absolute !important;



    right: 10px !important;



    top: 50% !important;



    transform: translateY(-50%) !important;



    width: 22px !important;



    height: 22px !important;



    border-radius: 50% !important;



    background: #e2e8f0 !important;



    border: none !important;



    color: #475569 !important;



    font-size: 14px !important;



    cursor: pointer !important;



    display: inline-flex !important;



    align-items: center !important;



    justify-content: center !important;



    line-height: 1 !important;



}







/* Sidebar Filtre Bloklari (Kategoriler & Markalar) */



html body #content.actorein-catalog .ac-sidebar-widget {



    display: flex !important;



    flex-direction: column !important;



    border-top: 1px solid #f1f5f9 !important;



    padding-top: 18px !important;



}







html body #content.actorein-catalog .ac-sidebar-widget:first-of-type {



    border-top: none !important;



    padding-top: 0 !important;



}







html body #content.actorein-catalog .ac-sidebar-widget__head {



    display: flex !important;



    align-items: center !important;



    justify-content: space-between !important;



    margin-bottom: 12px !important;



}







html body #content.actorein-catalog .ac-sidebar-widget__title {



    display: inline-flex !important;



    align-items: center !important;



    gap: 8px !important;



    margin: 0 !important;



    font-size: 13px !important;



    font-weight: 800 !important;



    color: #0a2540 !important;



    letter-spacing: 0.5px !important;



    text-transform: uppercase !important;



}







html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__clear {



    background: none !important;



    border: none !important;



    padding: 0 !important;



    color: #64748b !important;



    font-size: 11.5px !important;



    font-weight: 600 !important;



    cursor: pointer !important;



    text-transform: uppercase !important;



    letter-spacing: 0.3px !important;



    transition: color 0.18s ease !important;



}







html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__clear:hover {



    color: #0284c7 !important;



    text-decoration: underline !important;



}







html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__count {



    display: inline-flex !important;



    align-items: center !important;



    justify-content: center !important;



    min-width: 18px !important;



    height: 18px !important;



    padding: 0 6px !important;



    border-radius: 999px !important;



    background: #0284c7 !important;



    color: #ffffff !important;



    font-size: 10.5px !important;



    font-weight: 700 !important;



    line-height: 1 !important;



}







/* Filtre Arama Kutucugu */



html body #content.actorein-catalog .ac-filter-search {



    width: 100% !important;



    height: 36px !important;



    padding: 6px 12px !important;



    border: 1px solid #cbd5e1 !important;



    border-radius: 8px !important;



    background: #f8fafc !important;



    font-size: 12.5px !important;



    margin-bottom: 10px !important;



    box-sizing: border-box !important;



}







html body #content.actorein-catalog .ac-filter-search:focus {



    background: #ffffff !important;



    border-color: #0284c7 !important;



    outline: none !important;



}







/* Dikey Secenek Listesi (Kategoriler & Markalar) */



html body #content.actorein-catalog .ac-brand-filter__options {



    display: flex !important;



    flex-direction: column !important;



    gap: 4px !important;



    max-height: 340px !important;



    overflow-y: auto !important;



    padding-right: 4px !important;



    scrollbar-width: thin !important;



    scrollbar-color: #cbd5e1 transparent !important;



}







html body #content.actorein-catalog .ac-brand-filter__options::-webkit-scrollbar {



    width: 4px !important;



}







html body #content.actorein-catalog .ac-brand-filter__options::-webkit-scrollbar-thumb {



    background: #cbd5e1 !important;



    border-radius: 4px !important;



}







html body #content.actorein-catalog .ac-sidebar-option {



    display: flex !important;



    align-items: center !important;



    justify-content: space-between !important;



    padding: 8px 10px !important;



    border-radius: 8px !important;



    cursor: pointer !important;



    transition: all 0.15s ease !important;



    user-select: none !important;



    margin: 0 !important;



}







html body #content.actorein-catalog .ac-sidebar-option:hover {



    background: #f0f9ff !important;



}







html body #content.actorein-catalog .ac-sidebar-option input[type="checkbox"] {



    width: 17px !important;



    height: 17px !important;



    margin: 0 10px 0 0 !important;



    accent-color: #0284c7 !important;



    cursor: pointer !important;



    flex-shrink: 0 !important;



}







html body #content.actorein-catalog .ac-sidebar-option__text {



    flex: 1 1 auto !important;



    font-size: 13.5px !important;



    color: #334155 !important;



    font-weight: 500 !important;



    line-height: 1.35 !important;



    transition: color 0.18s ease !important;



}







html body #content.actorein-catalog .ac-sidebar-option:has(input:checked) {



    background: #e0f2fe !important;



}







html body #content.actorein-catalog .ac-sidebar-option:has(input:checked) .ac-sidebar-option__text {



    color: #0284c7 !important;



    font-weight: 700 !important;



}







html body #content.actorein-catalog .ac-sidebar-option .ac-filter-option__count {



    display: inline-flex !important;



    align-items: center !important;



    justify-content: center !important;



    min-width: 22px !important;



    height: 19px !important;



    padding: 0 6px !important;



    border-radius: 999px !important;



    background: #f1f5f9 !important;



    color: #64748b !important;



    font-size: 11px !important;



    font-weight: 700 !important;



    margin-left: 8px !important;



    flex-shrink: 0 !important;



    transition: all 0.18s ease !important;



}







html body #content.actorein-catalog .ac-sidebar-option:has(input:checked) .ac-filter-option__count {



    background: #0284c7 !important;



    color: #ffffff !important;



}











/* ---------- 2. SAG ANA VITRIN ALANI (MAIN CONTENT) ---------- */



html body #content.actorein-catalog .ac-catalog-main {



    display: flex !important;



    flex-direction: column !important;



    min-width: 0 !important;



}







/* Ust Durum ve Kontrol Bari */



html body #content.actorein-catalog .ac-catalog-main__header {



    display: flex !important;



    align-items: center !important;



    justify-content: space-between !important;



    flex-wrap: wrap !important;



    gap: 14px !important;



    margin-bottom: 24px !important;



    padding: 14px 20px !important;



    border: 1px solid #e2e8f0 !important;



    border-radius: 16px !important;



    background: #ffffff !important;



    box-shadow: 0 2px 10px rgba(10, 37, 64, 0.03) !important;



}







html body #content.actorein-catalog .ac-catalog-main__header-start {



    display: flex !important;



    align-items: center !important;



    gap: 12px !important;



}







html body #content.actorein-catalog .ac-sidebar-toggle-btn {



    display: none !important;



}







html body #content.actorein-catalog .ac-catalog-count {



    padding: 6px 14px !important;



    border-radius: 999px !important;



    background: #f8fafc !important;



    border: 1px solid #e2e8f0 !important;



    color: #0a2540 !important;



    font-size: 13px !important;



    font-weight: 700 !important;



    white-space: nowrap !important;



}







/* Dinamik Aktif Etiketler (.ac-filter-selected) */



html body #content.actorein-catalog .ac-catalog-controls {



    display: flex !important;



    flex: 1 1 auto !important;



    padding: 0 !important;



    border: none !important;



    background: transparent !important;



    box-shadow: none !important;



}







html body #content.actorein-catalog .ac-filter-selected {



    display: flex !important;



    flex-wrap: wrap !important;



    gap: 8px !important;



    align-items: center !important;



    margin: 0 !important;



    padding: 0 !important;



}







html body #content.actorein-catalog .ac-filter-chip {



    display: inline-flex !important;



    align-items: center !important;



    gap: 6px !important;



    height: 30px !important;



    padding: 0 12px !important;



    border-radius: 999px !important;



    background: #e0f2fe !important;



    border: 1px solid #bae6fd !important;



    color: #0284c7 !important;



    font-size: 12px !important;



    font-weight: 700 !important;



    cursor: pointer !important;



    transition: all 0.18s ease !important;



}







html body #content.actorein-catalog .ac-filter-chip:hover {



    background: #bae6fd !important;



    border-color: #7dd3fc !important;



    color: #0369a1 !important;



}







html body #content.actorein-catalog .ac-filter-chip--search {



    background: #f1f5f9 !important;



    border-color: #cbd5e1 !important;



    color: #475569 !important;



}







html body #content.actorein-catalog .ac-filter-chip--search:hover {



    background: #e2e8f0 !important;



    color: #0f172a !important;



}







/* Gorunum Secici (Grid / List) */



html body #content.actorein-catalog .ac-catalog-main__header-end {



    display: flex !important;



    align-items: center !important;



    gap: 10px !important;



    margin-left: auto !important;



}







html body #content.actorein-catalog .ac-catalog-view {



    display: inline-flex !important;



    gap: 4px !important;



    padding: 3px !important;



    border: 1px solid #e2e8f0 !important;



    border-radius: 10px !important;



    background: #f8fafc !important;



    margin: 0 !important;



}







html body #content.actorein-catalog .ac-catalog-view label {



    display: inline-flex !important;



    align-items: center !important;



    justify-content: center !important;



    width: 32px !important;



    height: 32px !important;



    border-radius: 7px !important;



    cursor: pointer !important;



    color: #64748b !important;



    transition: all 0.18s ease !important;



}







html body #content.actorein-catalog .ac-catalog-view label:has(input:checked) {



    background: #0a2540 !important;



    color: #ffffff !important;



}











/* ---------- 3. URUN KARTLARI (SIFIRDAN BASTAN ASAGI YENILENMIS MODERN MIMARI) ---------- */



html body #content.actorein-catalog .acto-products__grid {



    display: grid !important;



    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;



    gap: 24px !important;



    margin: 0 !important;



    padding: 0 !important;



}







/* Tekil Urun Karti Formu: Yuvarlak, Zarif Golgeli, Havali */



html body #content.actorein-catalog .acto-products__grid .product-card.ac-product {



    position: relative !important;



    display: flex !important;



    flex-direction: column !important;



    min-width: 0 !important;



    padding: 0 !important;



    overflow: hidden !important;



    border: 1px solid #e2e8f0 !important;



    border-radius: 18px !important;



    background: #ffffff !important;



    box-shadow: 0 4px 18px rgba(10, 37, 64, 0.04) !important;



    text-decoration: none !important;



    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;



    box-sizing: border-box !important;



}







/* Hover Yukselme & Isiltili Mavi Golge */



html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover {



    transform: translateY(-6px) !important;



    border-color: #7dd3fc !important;



    box-shadow: 0 18px 36px -8px rgba(2, 132, 199, 0.18), 0 0 0 1px rgba(56, 189, 248, 0.3) !important;



}







/* Urun Gorsel Alani: Ferah, Temiz & 210px Sabit Orantili */



html body #content.actorein-catalog .ac-product__visual {



    position: relative !important;



    display: flex !important;



    align-items: center !important;



    justify-content: center !important;



    width: 100% !important;



    height: 210px !important;



    max-height: 210px !important;



    aspect-ratio: auto !important;



    margin: 0 !important;



    padding: 20px !important;



    overflow: hidden !important;



    background: radial-gradient(circle at 50% 40%, #ffffff 0%, #f4f8fb 70%, #edf3f7 100%) !important;



    border: none !important;



    border-bottom: 1px solid #f1f5f9 !important;



    box-sizing: border-box !important;



}







html body #content.actorein-catalog .ac-product__visual img {



    display: block !important;



    width: auto !important;



    height: auto !important;



    max-width: 85% !important;



    max-height: 170px !important;



    object-fit: contain !important;



    filter: drop-shadow(0 8px 16px rgba(10, 37, 64, 0.1)) !important;



    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;



}







html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__visual img {



    transform: scale(1.06) translateY(-4px) !important;



}







/* Kategori Rozeti: Sol Ustte Yuvarlak, Isiltili & Gorunur */



html body #content.actorein-catalog .ac-product__badge {



    position: absolute !important;



    top: 12px !important;



    left: 12px !important;



    z-index: 5 !important;



    display: inline-flex !important;



    align-items: center !important;



    gap: 4px !important;



    padding: 4px 10px !important;



    border-radius: 999px !important;



    background: rgba(255, 255, 255, 0.94) !important;



    backdrop-filter: blur(6px) !important;



    -webkit-backdrop-filter: blur(6px) !important;



    border: 1px solid rgba(2, 132, 199, 0.25) !important;



    color: #0284c7 !important;



    font-size: 10.5px !important;



    font-weight: 700 !important;



    letter-spacing: 0.3px !important;



    text-transform: uppercase !important;



    box-shadow: 0 2px 8px rgba(10, 37, 64, 0.05) !important;



}







/* Urun Bilgi & Icerik Alani */



html body #content.actorein-catalog .ac-product__content {



    display: flex !important;



    flex-direction: column !important;



    flex: 1 1 auto !important;



    padding: 18px 20px !important;



    box-sizing: border-box !important;



}







/* Marka / Ust Bilgi Satiri */



html body #content.actorein-catalog .ac-product__meta-row {



    margin-bottom: 6px !important;



    min-height: 16px !important;



}







html body #content.actorein-catalog .ac-product__list-brand,



html body #content.actorein-catalog .ac-product__list-category {



    font-size: 11px !important;



    font-weight: 700 !important;



    letter-spacing: 0.6px !important;



    text-transform: uppercase !important;



    color: #0284c7 !important;



}







/* Urun Basligi (2 Satir Hizalama & Agirbasli Lacivert) */



html body #content.actorein-catalog .acto-products__grid .ac-product h3.ac-product__title {



    color: #0a2540 !important;



    font-size: 16px !important;



    font-weight: 700 !important;



    line-height: 1.35 !important;



    letter-spacing: -0.2px !important;



    margin: 0 0 16px 0 !important;



    min-height: 44px !important;



    display: -webkit-box !important;



    -webkit-line-clamp: 2 !important;



    -webkit-box-orient: vertical !important;



    overflow: hidden !important;



}







/* Aksiyon / Detay Buton Seridi */



html body #content.actorein-catalog .ac-product__action {



    display: flex !important;



    align-items: center !important;



    justify-content: space-between !important;



    margin-top: auto !important;



    padding: 9px 14px !important;



    border-radius: 10px !important;



    background: #f8fafc !important;



    border: 1px solid #e2e8f0 !important;



    transition: all 0.22s ease !important;



}







html body #content.actorein-catalog .ac-product__action-label {



    font-size: 12.5px !important;



    font-weight: 700 !important;



    color: #0a2540 !important;



    transition: color 0.2s ease !important;



}







html body #content.actorein-catalog .ac-product__action-icon {



    display: inline-flex !important;



    align-items: center !important;



    justify-content: center !important;



    width: 26px !important;



    height: 26px !important;



    border-radius: 50% !important;



    background: #0284c7 !important;



    color: #ffffff !important;



    transition: all 0.2s ease !important;



}







html body #content.actorein-catalog .ac-product__action-icon svg {



    stroke: #ffffff !important;



}







/* Karta Hover Olunca Aksiyon Seridi Parlasin */



html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__action {



    background: #0284c7 !important;



    border-color: #0284c7 !important;



}







html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__action-label {



    color: #ffffff !important;



}







html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__action-icon {



    background: #ffffff !important;



    color: #0284c7 !important;



    transform: translateX(3px) !important;



}







html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__action-icon svg {



    stroke: #0284c7 !important;



}







/* Liste Gorunumu (List View Mode) */



html body #content.actorein-catalog[data-view="list"] .acto-products__grid {



    grid-template-columns: 1fr !important;



    gap: 16px !important;



}







html body #content.actorein-catalog[data-view="list"] .product-card.ac-product {



    flex-direction: row !important;



    align-items: center !important;



}







html body #content.actorein-catalog[data-view="list"] .ac-product__visual {



    width: 220px !important;



    height: 160px !important;



    flex-shrink: 0 !important;



    border-bottom: none !important;



    border-right: 1px solid #f1f5f9 !important;



}







html body #content.actorein-catalog[data-view="list"] .ac-product__content {



    flex: 1 1 auto !important;



}











/* ---------- 4. RESPONSIVE UYUM ---------- */



@media (max-width: 1100px) {



    html body #content.actorein-catalog .ac-catalog-layout {



        grid-template-columns: 260px minmax(0, 1fr) !important;



        gap: 24px !important;



    }



    html body #content.actorein-catalog .acto-products__grid {



        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;



        gap: 20px !important;



    }



}







@media (max-width: 900px) {



    html body #content.actorein-catalog .ac-catalog-layout {



        grid-template-columns: 1fr !important;



        gap: 20px !important;



    }



    html body #content.actorein-catalog .ac-sidebar-toggle-btn {



        display: inline-flex !important;



        align-items: center !important;



        gap: 8px !important;



        height: 36px !important;



        padding: 0 16px !important;



        border-radius: 10px !important;



        background: #0284c7 !important;



        color: #ffffff !important;



        border: none !important;



        font-size: 13px !important;



        font-weight: 700 !important;



        cursor: pointer !important;



        box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25) !important;



    }



    html body #content.actorein-catalog .ac-sidebar-toggle-btn svg {



        stroke: #ffffff !important;



    }



    html body #content.actorein-catalog .ac-sidebar-close {



        display: inline-flex !important;



        align-items: center !important;



        justify-content: center !important;



        width: 32px !important;



        height: 32px !important;



        border-radius: 8px !important;



        border: 1px solid #e2e8f0 !important;



        background: #f8fafc !important;



        font-size: 20px !important;



        cursor: pointer !important;



        color: #64748b !important;



    }



    html body #content.actorein-catalog .ac-catalog-sidebar {



        display: none !important;



    }



    html body #content.actorein-catalog .ac-catalog-sidebar.is-open {



        display: block !important;



        position: fixed !important;



        top: 0 !important;



        left: 0 !important;



        width: 100vw !important;



        height: 100vh !important;



        background: rgba(10, 37, 64, 0.65) !important;



        backdrop-filter: blur(4px) !important;



        -webkit-backdrop-filter: blur(4px) !important;



        z-index: 999999 !important;



        padding: 24px 16px !important;



        box-sizing: border-box !important;



        overflow-y: auto !important;



    }



    html body #content.actorein-catalog .ac-catalog-sidebar.is-open .ac-catalog-sidebar__inner {



        max-width: 420px !important;



        margin: 40px auto !important;



        max-height: calc(100vh - 100px) !important;



        overflow-y: auto !important;



        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35) !important;



    }



}







@media (max-width: 580px) {



    html body #content.actorein-catalog .acto-products__grid {



        grid-template-columns: 1fr !important;



        gap: 16px !important;



    }



    html body #content.actorein-catalog .ac-product__visual {



        height: 190px !important;



    }



}











/* ============================================================



   MODULE: home-slider-and-stats-fix.css



   Homepage Slider Okunurluk & 2. Kisim (Stats/Neden ACTO) Yenilemesi



   ============================================================ */







/* ---------- 1. Slider: Kristal Netliginde Beyaz Metinler & Yuksek Kontrast ---------- */



html body .rh-hero .rh-hero__copy {



    color: #ffffff !important;



}







html body #content .rh-hero .rh-hero__copy :is(h1, h2),



html body #content .rh-hero .rh-hero__copy :is(h1, h2, h3, .rh-hero__title),



html body .rh-hero .rh-hero__copy :is(h1, h2, h3, .rh-hero__title) {



    color: #ffffff !important;



    font-weight: 700 !important;



    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55) !important;



    letter-spacing: -0.02em !important;



}







html body #content .rh-hero .rh-hero__copy p,



html body #content .rh-hero .rh-hero__copy .rh-hero__desc,



html body .rh-hero .rh-hero__copy p,



html body .rh-hero .rh-hero__copy .rh-hero__desc {



    display: block !important;



    color: #f1f5f9 !important;



    font-size: 14px !important;



    line-height: 1.6 !important;



    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5) !important;



    opacity: 0.95 !important;



    margin-top: 6px !important;



}







/* Slider CTA: match the specificity of the earlier banner overrides. */
html body #content .rh-hero .rh-hero__cta {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex-shrink: 0;
    gap: 12px;
    width: auto !important;
    max-width: 100%;
    min-height: 46px !important;
    padding: 12px 24px !important;
    background: #0284c7 !important;
    color: #ffffff !important;
    border: 1px solid #0284c7 !important;
    border-radius: 8px !important;
    font-family: inherit;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    touch-action: manipulation;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.3) !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

html body #content .rh-hero .rh-hero__cta:hover {
    background: #0369a1 !important;
    border-color: #0369a1 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.4) !important;
}

html body #content .rh-hero .rh-hero__cta:focus-visible {
    outline: 3px solid #0284c7;
    outline-offset: 4px;
}

html body #content .rh-hero .rh-hero__cta svg {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}

@media (prefers-reduced-motion: reduce) {
    html body #content .rh-hero .rh-hero__cta,
    html body #content .rh-hero .rh-hero__cta::after {
        transition: none !important;
        transform: none !important;
    }
}

/* Slider Sayaci & Kontroller */



html body .rh-hero .ac-banner-status,



html body .rh-hero .ac-banner-dock,



html body .rh-hero [data-rh-status] {



    color: #ffffff !important;



    font-weight: 700 !important;



    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;



}







html body .rh-hero .ac-banner-dock [data-rh-pause],



html body .rh-hero .rh-hero__overlay [data-rh-pause] {



    background: rgba(255, 255, 255, 0.18) !important;



    border: 1px solid rgba(255, 255, 255, 0.4) !important;



    color: #ffffff !important;



}







html body .rh-hero .ac-banner-dock [data-rh-pause] svg {



    fill: #ffffff !important;



    stroke: #ffffff !important;



}







html body .rh-hero .rh-hero__dots button[aria-current="true"],



html body .rh-hero .ac-banner-dock .rh-hero__dots button[aria-current="true"] {



    background: #0284c7 !important;



    box-shadow: 0 0 8px rgba(2, 132, 199, 0.6) !important;



}







/* ---------- 2. 2. Kisim (Stats & Neden ACTO) Tamamen Yenilenmis Kurumsal Tasarim ---------- */



html body .acto-stats {



    padding: 60px 0 54px !important;



    background: transparent !important;



    position: relative !important;



}







html body .acto-stats__head {



    max-width: 820px !important;



    margin: 0 0 32px !important;



    text-align: left !important;



}







html body .acto-stats__head::before {



    content: '' !important;



    display: block !important;



    width: 36px !important;



    height: 3px !important;



    margin-bottom: 16px !important;



    border-radius: 999px !important;



    background: #0284c7 !important;



}







html body .acto-stats__head h2 {



    font-size: clamp(24px, 2.5vw, 32px) !important;



    font-weight: 700 !important;



    color: #0a2540 !important;



    line-height: 1.3 !important;



    letter-spacing: -0.4px !important;



    margin: 0 !important;



}







html body .acto-stats__grid {



    display: grid !important;



    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;



    gap: 20px !important;



    margin: 0 !important;



    padding: 0 !important;



    list-style: none !important;



}







/* 4 Adet Kart: Zarif, Orantili & Modern */



html body .acto-stats__item {



    position: relative !important;



    background: #ffffff !important;



    border: 1px solid #e2e8f0 !important;



    border-top: 3px solid #0284c7 !important;



    border-radius: 16px !important;



    padding: 26px 22px 24px !important;



    box-shadow: 0 4px 18px rgba(10, 37, 64, 0.04) !important;



    display: flex !important;



    flex-direction: column !important;



    justify-content: space-between !important;



    text-align: left !important;



    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;



    box-sizing: border-box !important;



    backdrop-filter: none !important;



    -webkit-backdrop-filter: none !important;



}







html body .acto-stats__item:hover {



    transform: translateY(-4px) !important;



    border-color: #bae6fd !important;



    box-shadow: 0 14px 30px rgba(10, 37, 64, 0.08) !important;



}







/* Kart Basligi: Asla Kelimeleri Bolmeyen, Orantili Font Boyutu */



html body .acto-stats__num {



    display: block !important;



    margin: 0 0 12px 0 !important;



    color: #0a2540 !important;



    font-family: var(--font-heading, "Plus Jakarta Sans", sans-serif) !important;



    font-size: clamp(18px, 1.4vw, 22px) !important;



    font-weight: 700 !important;



    line-height: 1.35 !important;



    letter-spacing: -0.2px !important;



    white-space: normal !important;



    word-break: normal !important;



    overflow-wrap: normal !important;



    hyphens: none !important;



    -webkit-hyphens: none !important;



}







/* Kelimelerin sonuna gereksiz yere eklenen '+' simgesini KALDIR */



html body .acto-stats__num::after {



    content: none !important;



    display: none !important;



}







/* Kart Alt Aciklamasi: Duzenli & Okunabilir */



html body .acto-stats__label {



    display: block !important;



    margin: 0 !important;



    padding-top: 14px !important;



    border-top: 1px solid #f1f5f9 !important;



    color: #64748b !important;



    font-size: 11.5px !important;



    font-weight: 700 !important;



    line-height: 1.5 !important;



    letter-spacing: 0.6px !important;



    text-transform: uppercase !important;



}







/* Responsive Uyum */



@media (max-width: 900px) {



    html body .acto-stats { padding: 44px 0 38px !important; }



    html body .acto-stats__grid {



        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;



        gap: 14px !important;



    }



    html body .acto-stats__item {



        padding: 20px 18px !important;



    }



    html body .acto-stats__num {



        font-size: 18px !important;



    }



}







@media (max-width: 500px) {



    html body .acto-stats__grid {



        grid-template-columns: 1fr !important;



    }



}



/* FINAL_CATALOG_SIDEBAR_OVERRIDE_V1564 */

/* ==========================================================================

   ACTOREIN CATALOG: BÜYÜK VE NET ÜRÜNLER + DOĞAL BEYAZ ZEMİN + ERİŞİLEBİLİR SİDEBAR

   ========================================================================== */



/* Background & Main Layout */

html body:has(#content.actorein-catalog),

html body #content.actorein-catalog {

    background: #f8fafc !important;

    background-image: none !important;

}



html body #content.actorein-catalog .acto-products.ac-catalog-section {

    padding: 32px 0 80px 0 !important;

    background: transparent !important;

}



html body #content.actorein-catalog .ac-catalog-layout {

    display: grid !important;

    grid-template-columns: 280px minmax(0, 1fr) !important;

    gap: 32px !important;

    align-items: start !important;

}



/* ---------- 1. SOL KENAR CUBUGU (HER EKRANDA 100% ERİŞİLEBİLİR & SCROLLABLE) ---------- */

html body #content.actorein-catalog .ac-catalog-sidebar {

    position: sticky !important;

    top: 90px !important;

    max-height: calc(100vh - 105px) !important;

    display: flex !important;

    flex-direction: column !important;

    align-self: start !important;

    width: 100% !important;

    max-width: 280px !important;

    z-index: 30 !important;

}



html body #content.actorein-catalog .ac-catalog-sidebar__inner {

    display: flex !important;

    flex-direction: column !important;

    gap: 16px !important;

    padding: 20px 18px !important;

    border-radius: 14px !important;

    background: #ffffff !important;

    border: 1px solid #e2e8f0 !important;

    box-shadow: 0 2px 12px rgba(10, 37, 64, 0.04) !important;

    box-sizing: border-box !important;

    max-height: calc(100vh - 105px) !important;

    overflow-y: auto !important;

    overscroll-behavior: contain !important;

    scrollbar-width: thin !important;

    scrollbar-color: #cbd5e1 transparent !important;

}



html body #content.actorein-catalog .ac-catalog-sidebar__inner::-webkit-scrollbar {

    width: 5px !important;

}



html body #content.actorein-catalog .ac-catalog-sidebar__inner::-webkit-scrollbar-thumb {

    background: #cbd5e1 !important;

    border-radius: 4px !important;

}



/* Sidebar Baslik */

html body #content.actorein-catalog .ac-sidebar-header {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    padding-bottom: 12px !important;

    border-bottom: 1.5px solid #f1f5f9 !important;

    flex-shrink: 0 !important;

}



html body #content.actorein-catalog .ac-sidebar-header__title {

    display: inline-flex !important;

    align-items: center !important;

    gap: 8px !important;

    color: #0a2540 !important;

    font-family: var(--font-heading, "Plus Jakarta Sans", sans-serif) !important;

    font-size: 15px !important;

    font-weight: 700 !important;

    letter-spacing: -0.2px !important;

}



html body #content.actorein-catalog .ac-sidebar-header__title svg {

    stroke: #0284c7 !important;

}



html body #content.actorein-catalog .ac-sidebar-close {

    display: none !important;

}



/* Sidebar Arama Kutusu */

html body #content.actorein-catalog .ac-sidebar-widget--search {

    display: flex !important;

    flex-direction: column !important;

    gap: 8px !important;

    border-top: none !important;

    padding-top: 0 !important;

    flex-shrink: 0 !important;

}



html body #content.actorein-catalog .ac-sidebar-widget--search .ac-sidebar-widget__title {

    display: block !important;

    margin: 0 !important;

    font-size: 11px !important;

    font-weight: 800 !important;

    color: #0a2540 !important;

    letter-spacing: 0.6px !important;

    text-transform: uppercase !important;

}



html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search {

    position: relative !important;

    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

}



html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search__icon {

    position: absolute !important;

    left: 12px !important;

    right: auto !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    color: #64748b !important;

    width: 15px !important;

    height: 15px !important;

    pointer-events: none !important;

    z-index: 3 !important;

    margin: 0 !important;

    padding: 0 !important;

}



html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search__input {

    display: block !important;

    width: 100% !important;

    height: 38px !important;

    padding: 6px 34px 6px 36px !important;

    border: 1.5px solid #cbd5e1 !important;

    border-radius: 8px !important;

    background: #f8fafc !important;

    color: #0a2540 !important;

    font-size: 13px !important;

    font-weight: 500 !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    transition: all 0.2s ease !important;

}



html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search__input:focus {

    background: #ffffff !important;

    border-color: #0284c7 !important;

    outline: none !important;

    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.14) !important;

}



html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search__clear {

    position: absolute !important;

    right: 8px !important;

    left: auto !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 20px !important;

    height: 20px !important;

    border-radius: 50% !important;

    background: #e2e8f0 !important;

    border: none !important;

    color: #475569 !important;

    font-size: 13px !important;

    cursor: pointer !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    line-height: 1 !important;

    z-index: 3 !important;

    margin: 0 !important;

    padding: 0 !important;

}



html body #content.actorein-catalog .ac-sidebar-widget--search .ac-catalog-search__clear[hidden] {

    display: none !important;

}



/* Sidebar Filtre Bloklari */

html body #content.actorein-catalog .ac-sidebar-widget {

    display: flex !important;

    flex-direction: column !important;

    border-top: 1px solid #f1f5f9 !important;

    padding-top: 14px !important;

    margin: 0 !important;

    flex-shrink: 0 !important;

}



html body #content.actorein-catalog .ac-sidebar-widget__head {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    margin-bottom: 10px !important;

}



html body #content.actorein-catalog .ac-sidebar-widget__title {

    display: inline-flex !important;

    align-items: center !important;

    gap: 6px !important;

    margin: 0 !important;

    font-size: 11px !important;

    font-weight: 800 !important;

    color: #0a2540 !important;

    letter-spacing: 0.6px !important;

    text-transform: uppercase !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__clear {

    background: none !important;

    border: none !important;

    padding: 0 !important;

    color: #64748b !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    cursor: pointer !important;

    text-transform: uppercase !important;

    letter-spacing: 0.3px !important;

    transition: color 0.18s ease !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__clear:hover {

    color: #0284c7 !important;

    text-decoration: underline !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__count {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-width: 17px !important;

    height: 17px !important;

    padding: 0 5px !important;

    border-radius: 999px !important;

    background: #0284c7 !important;

    color: #ffffff !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__count[hidden] {

    display: none !important;

}



/* Panel is ALWAYS static inside sidebar */

html body #content.actorein-catalog .ac-catalog-sidebar .ac-brand-filter__panel,

html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__panel,

html body #content.actorein-catalog .ac-brand-filter__panel {

    position: static !important;

    inset: auto !important;

    top: auto !important;

    left: auto !important;

    right: auto !important;

    bottom: auto !important;

    display: block !important;

    width: 100% !important;

    max-width: 100% !important;

    max-height: none !important;

    margin: 0 !important;

    padding: 0 !important;

    border: none !important;

    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    overflow: visible !important;

    z-index: auto !important;

}



/* Filter Search Input (within categories) */

html body #content.actorein-catalog .ac-sidebar-widget .ac-filter-search {

    display: block !important;

    width: 100% !important;

    height: 32px !important;

    padding: 4px 10px !important;

    border: 1px solid #cbd5e1 !important;

    border-radius: 7px !important;

    background: #f8fafc !important;

    font-size: 12px !important;

    margin: 0 0 8px 0 !important;

    box-sizing: border-box !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-filter-search:focus {

    background: #ffffff !important;

    border-color: #0284c7 !important;

    outline: none !important;

}



/* Dikey Secenek Listesi */

html body #content.actorein-catalog .ac-catalog-sidebar .ac-brand-filter__options,

html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options,

html body #content.actorein-catalog .ac-brand-filter__options {

    display: flex !important;

    flex-direction: column !important;

    grid-template-columns: none !important;

    gap: 2px !important;

    max-height: 220px !important;

    overflow-y: auto !important;

    padding: 0 4px 0 0 !important;

    margin: 0 !important;

    scrollbar-width: thin !important;

    scrollbar-color: #cbd5e1 transparent !important;

}



html body #content.actorein-catalog .ac-catalog-sidebar .ac-brand-filter__options::-webkit-scrollbar {

    width: 4px !important;

}



html body #content.actorein-catalog .ac-catalog-sidebar .ac-brand-filter__options::-webkit-scrollbar-thumb {

    background: #cbd5e1 !important;

    border-radius: 4px !important;

}



/* Single Option Label */

html body #content.actorein-catalog .ac-catalog-sidebar .ac-sidebar-option,

html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label,

html body #content.actorein-catalog .ac-brand-filter__options label {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    min-height: 32px !important;

    padding: 6px 8px !important;

    border: 1px solid transparent !important;

    border-radius: 7px !important;

    background: transparent !important;

    cursor: pointer !important;

    transition: all 0.15s ease !important;

    user-select: none !important;

    margin: 0 !important;

    box-sizing: border-box !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label:hover {

    background: #f0f9ff !important;

    border-color: #e0f2fe !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label[hidden] {

    display: none !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options input[type="checkbox"] {

    width: 16px !important;

    height: 16px !important;

    margin: 0 8px 0 0 !important;

    accent-color: #0284c7 !important;

    cursor: pointer !important;

    flex-shrink: 0 !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label .ac-sidebar-option__text,

html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label > span {

    flex: 1 1 auto !important;

    font-size: 13px !important;

    color: #334155 !important;

    font-weight: 500 !important;

    line-height: 1.3 !important;

    min-width: 0 !important;

    transition: color 0.15s ease !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label:has(input:checked) {

    background: #e0f2fe !important;

    border-color: #bae6fd !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label:has(input:checked) .ac-sidebar-option__text,

html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label:has(input:checked) > span {

    color: #0284c7 !important;

    font-weight: 700 !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options .ac-filter-option__count {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-width: 20px !important;

    height: 18px !important;

    padding: 0 5px !important;

    border-radius: 999px !important;

    background: #f1f5f9 !important;

    color: #64748b !important;

    font-size: 10.5px !important;

    font-weight: 700 !important;

    margin-left: 6px !important;

    flex-shrink: 0 !important;

    transition: all 0.15s ease !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label:has(input:checked) .ac-filter-option__count {

    background: #0284c7 !important;

    color: #ffffff !important;

}





/* ---------- 2. SAG ANA VITRIN ALANI (MAIN CONTENT) ---------- */

html body #content.actorein-catalog .ac-catalog-main {

    display: flex !important;

    flex-direction: column !important;

    min-width: 0 !important;

}



/* Ust Durum ve Kontrol Bari */

html body #content.actorein-catalog .ac-catalog-main__header {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    flex-wrap: wrap !important;

    gap: 12px !important;

    margin-bottom: 22px !important;

    padding: 12px 18px !important;

    border: 1px solid #e2e8f0 !important;

    border-radius: 12px !important;

    background: #ffffff !important;

    box-shadow: 0 1px 4px rgba(10, 37, 64, 0.03) !important;

}



html body #content.actorein-catalog .ac-catalog-main__header-start {

    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

}



html body #content.actorein-catalog .ac-sidebar-toggle-btn {

    display: none !important;

}



html body #content.actorein-catalog .ac-catalog-count {

    display: inline-flex !important;

    align-items: center !important;

    padding: 5px 12px !important;

    border-radius: 999px !important;

    background: #f8fafc !important;

    border: 1px solid #e2e8f0 !important;

    color: #0a2540 !important;

    font-size: 12.5px !important;

    font-weight: 700 !important;

    white-space: nowrap !important;

}



/* Dinamik Aktif Etiketler (.ac-filter-selected) */

html body #content.actorein-catalog .ac-catalog-controls {

    display: flex !important;

    flex: 1 1 auto !important;

    padding: 0 !important;

    border: none !important;

    background: transparent !important;

    box-shadow: none !important;

}



html body #content.actorein-catalog .ac-filter-selected {

    display: flex !important;

    flex-wrap: wrap !important;

    gap: 6px !important;

    align-items: center !important;

    margin: 0 !important;

    padding: 0 !important;

    border: none !important;

}



html body #content.actorein-catalog .ac-filter-selected[hidden] {

    display: none !important;

}



html body #content.actorein-catalog .ac-filter-chip {

    display: inline-flex !important;

    align-items: center !important;

    gap: 5px !important;

    height: 28px !important;

    padding: 0 10px !important;

    border-radius: 999px !important;

    background: #e0f2fe !important;

    border: 1px solid #bae6fd !important;

    color: #0284c7 !important;

    font-size: 11.5px !important;

    font-weight: 700 !important;

    cursor: pointer !important;

    transition: all 0.15s ease !important;

}



html body #content.actorein-catalog .ac-filter-chip:hover {

    background: #bae6fd !important;

    border-color: #7dd3fc !important;

}



html body #content.actorein-catalog .ac-filter-chip--search {

    background: #f1f5f9 !important;

    border-color: #cbd5e1 !important;

    color: #475569 !important;

}



/* Gorunum Secici (Grid / List) */

html body #content.actorein-catalog .ac-catalog-main__header-end {

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin-left: auto !important;

}



html body #content.actorein-catalog .ac-catalog-view {

    display: inline-flex !important;

    gap: 2px !important;

    padding: 2px !important;

    border: 1px solid #e2e8f0 !important;

    border-radius: 8px !important;

    background: #f8fafc !important;

    margin: 0 !important;

}



html body #content.actorein-catalog .ac-catalog-view label {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 28px !important;

    height: 28px !important;

    border-radius: 6px !important;

    cursor: pointer !important;

    color: #64748b !important;

    transition: all 0.15s ease !important;

    padding: 0 !important;

    background: transparent !important;

}



html body #content.actorein-catalog .ac-catalog-view input {

    position: absolute !important;

    width: 1px !important;

    height: 1px !important;

    opacity: 0 !important;

    pointer-events: none !important;

}



html body #content.actorein-catalog .ac-catalog-view label:has(input:checked) {

    background: #0a2540 !important;

    color: #ffffff !important;

}





/* ---------- 3. URUN KARTLARI (BÜYÜK ÜRÜNLER, SAF BEYAZ ZEMİN, SIFIR SAHTE GÖLGE) ---------- */

html body #content.actorein-catalog .acto-products__grid {

    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 24px !important;

    margin: 0 !important;

    padding: 0 !important;

}



/* Tekil Urun Karti: 1px Minimalist Cizgi, Prestijli Duruş */

html body #content.actorein-catalog .acto-products__grid .product-card.ac-product {

    position: relative !important;

    display: flex !important;

    flex-direction: column !important;

    min-width: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    border: 1px solid #e5e7eb !important;

    border-radius: 12px !important;

    background: #ffffff !important;

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;

    text-decoration: none !important;

    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;

    box-sizing: border-box !important;

}



html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover {

    transform: translateY(-4px) !important;

    border-color: #0284c7 !important;

    box-shadow: 0 12px 28px -4px rgba(10, 37, 64, 0.1) !important;

}



/* Urun Gorsel Alani: 260px Geniş & Yüksek Alan, Saf Beyaz Zemin, Kesinlikle Sahte Gölge Yok */

html body #content.actorein-catalog .ac-product__visual {

    position: relative !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 260px !important;

    max-height: 260px !important;

    aspect-ratio: auto !important;

    margin: 0 !important;

    padding: 16px !important;

    background: #ffffff !important;

    border: none !important;

    border-bottom: 1px solid #f1f5f9 !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

}



html body #content.actorein-catalog .ac-product__visual img {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    max-width: 100% !important;

    max-height: 230px !important;

    object-fit: contain !important;

    filter: none !important;

    -webkit-filter: none !important;

    box-shadow: none !important;

    transform: none !important;

    transition: transform 0.25s ease !important;

}



html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__visual img {

    transform: scale(1.04) !important;

}



/* Tum gereksiz cizgileri, gradient cizgilerini ve pseudo-elementleri kaldir */

html body #content.actorein-catalog .ac-product__badge,

html body #content.actorein-catalog .ac-product__badge::before,

html body #content.actorein-catalog .ac-product__badge::after,

html body #content.actorein-catalog .ac-product__content::before,

html body #content.actorein-catalog .ac-product__content::after,

html body #content.actorein-catalog .ac-product::before,

html body #content.actorein-catalog .ac-product::after,

html body #content.actorein-catalog .acto-products__grid .product-card.ac-product::before,

html body #content.actorein-catalog .acto-products__grid .product-card.ac-product::after,

html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__content::before,

html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__content::after,

html body .actorein-catalog .ac-product__content::before,

html body .actorein-catalog .ac-product__content::after,

html body .actorein-catalog .ac-product:hover .ac-product__content::before,

html body .actorein-catalog .ac-product:hover .ac-product__content::after {

    display: none !important;

    content: none !important;

    width: 0 !important;

    height: 0 !important;

    border: none !important;

    background: none !important;

    box-shadow: none !important;

    opacity: 0 !important;

}



/* Urun Bilgi & Tipografi Alani */

html body #content.actorein-catalog .ac-product__content {

    display: flex !important;

    flex-direction: column !important;

    flex: 1 1 auto !important;

    padding: 16px 20px 20px !important;

    box-sizing: border-box !important;

}



/* Kategori Etiketi: Modern & Kurumsal Minimalist Rozet (Pill Badge) */

html body #content.actorein-catalog .ac-product__category {

    display: inline-flex !important;

    align-items: center !important;

    width: fit-content !important;

    max-width: 100% !important;

    padding: 4px 10px !important;

    border-radius: 6px !important;

    background: #f1f5f9 !important;

    border: 1px solid #e2e8f0 !important;

    color: #475569 !important;

    font-size: 11px !important;

    font-weight: 600 !important;

    letter-spacing: 0.4px !important;

    text-transform: uppercase !important;

    line-height: 1.2 !important;

    margin: 0 0 10px 0 !important;

    white-space: nowrap !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    transition: all 0.2s ease !important;

}



html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__category {

    background: #e0f2fe !important;

    border-color: #bae6fd !important;

    color: #0284c7 !important;

}



/* Net, Dengeli Kurumsal Lacivert Urun Basligi */

html body #content.actorein-catalog .acto-products__grid .ac-product h3.ac-product__title {

    color: #0a2540 !important;

    font-family: var(--font-heading, "Plus Jakarta Sans", sans-serif) !important;

    font-size: 16px !important;

    font-weight: 700 !important;

    line-height: 1.36 !important;

    letter-spacing: -0.2px !important;

    margin: 0 0 16px 0 !important;

    min-height: 44px !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;

    overflow: hidden !important;

    transition: color 0.2s ease !important;

}



html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover h3.ac-product__title {

    color: #0284c7 !important;

}



/* Aksiyon Butonu */

html body #content.actorein-catalog .ac-product__footer {

    margin-top: auto !important;

}



html body #content.actorein-catalog .ac-product__btn {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 8px !important;

    width: 100% !important;

    height: 42px !important;

    padding: 0 16px !important;

    border-radius: 8px !important;

    background: #f8fafc !important;

    border: 1px solid #e2e8f0 !important;

    color: #0a2540 !important;

    font-size: 13px !important;

    font-weight: 700 !important;

    letter-spacing: 0.3px !important;

    transition: all 0.2s ease !important;

    box-sizing: border-box !important;

}



html body #content.actorein-catalog .ac-product__btn svg {

    stroke: #0284c7 !important;

    transition: transform 0.2s ease, stroke 0.2s ease !important;

}



html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__btn {

    background: #0284c7 !important;

    border-color: #0284c7 !important;

    color: #ffffff !important;

}



html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__btn svg {

    stroke: #ffffff !important;

    transform: translateX(4px) !important;

}



/* Liste Gorunumu (List View Mode) */

html body #content.actorein-catalog[data-view="list"] .acto-products__grid {

    grid-template-columns: 1fr !important;

    gap: 16px !important;

}



html body #content.actorein-catalog[data-view="list"] .product-card.ac-product {

    flex-direction: row !important;

    align-items: center !important;

}



html body #content.actorein-catalog[data-view="list"] .ac-product__visual {

    width: 220px !important;

    height: 180px !important;

    flex-shrink: 0 !important;

    border-bottom: none !important;

    border-right: 1px solid #f1f5f9 !important;

}



html body #content.actorein-catalog[data-view="list"] .ac-product__content {

    flex: 1 1 auto !important;

}



html body #content.actorein-catalog[data-view="list"] .ac-product__footer {

    margin-top: 14px !important;

    max-width: 200px !important;

}





/* ---------- 4. RESPONSIVE UYUM ---------- */

@media (max-width: 1100px) {

    html body #content.actorein-catalog .ac-catalog-layout {

        grid-template-columns: 250px minmax(0, 1fr) !important;

        gap: 24px !important;

    }

    html body #content.actorein-catalog .acto-products__grid {

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 18px !important;

    }

}



@media (max-width: 900px) {

    html body #content.actorein-catalog .ac-catalog-layout {

        grid-template-columns: 1fr !important;

        gap: 20px !important;

    }

    html body #content.actorein-catalog .ac-sidebar-toggle-btn {

        display: inline-flex !important;

        align-items: center !important;

        gap: 8px !important;

        height: 36px !important;

        padding: 0 16px !important;

        border-radius: 8px !important;

        background: #0284c7 !important;

        color: #ffffff !important;

        border: none !important;

        font-size: 13px !important;

        font-weight: 700 !important;

        cursor: pointer !important;

        box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25) !important;

    }

    html body #content.actorein-catalog .ac-sidebar-toggle-btn svg {

        stroke: #ffffff !important;

    }

    html body #content.actorein-catalog .ac-sidebar-close {

        display: inline-flex !important;

        align-items: center !important;

        justify-content: center !important;

        width: 32px !important;

        height: 32px !important;

        border-radius: 8px !important;

        border: 1px solid #e2e8f0 !important;

        background: #f8fafc !important;

        font-size: 20px !important;

        cursor: pointer !important;

        color: #64748b !important;

    }

    html body #content.actorein-catalog .ac-catalog-sidebar {

        display: none !important;

    }

    html body #content.actorein-catalog .ac-catalog-sidebar.is-open {

        display: block !important;

        position: fixed !important;

        top: 0 !important;

        left: 0 !important;

        width: 100vw !important;

        height: 100vh !important;

        background: rgba(10, 37, 64, 0.65) !important;

        backdrop-filter: blur(4px) !important;

        -webkit-backdrop-filter: blur(4px) !important;

        z-index: 999999 !important;

        padding: 24px 16px !important;

        box-sizing: border-box !important;

        overflow-y: auto !important;

    }

    html body #content.actorein-catalog .ac-catalog-sidebar.is-open .ac-catalog-sidebar__inner {

        max-width: 420px !important;

        margin: 40px auto !important;

        max-height: calc(100vh - 100px) !important;

        overflow-y: auto !important;

        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35) !important;

    }

}



@media (max-width: 580px) {

    html body #content.actorein-catalog .acto-products__grid {

        grid-template-columns: 1fr !important;

        gap: 16px !important;

    }

    html body #content.actorein-catalog .ac-product__visual {

        height: 230px !important;

    }

}



/* ==========================================================================

   FINAL CRITICAL FILTER & VISIBILITY OVERRIDES (V1565)

   Guarantees that [hidden] ALWAYS hides items, beating any display:flex !important

   ========================================================================== */

html body #content.actorein-catalog .acto-products__grid .product-card[hidden],

html body #content.actorein-catalog .acto-products__grid .product-card.ac-product[hidden],

html body #content.actorein-catalog .acto-products__grid > [hidden],

html body #content.actorein-catalog .product-card[hidden],

html body #content.actorein-catalog [hidden] {

    display: none !important;

    visibility: hidden !important;

    opacity: 0 !important;

    pointer-events: none !important;

}



html body #content.actorein-catalog .actorein-catalog__empty[hidden] {

    display: none !important;

}



html body #content.actorein-catalog .ac-filter-selected[hidden] {

    display: none !important;

}



html body #content.actorein-catalog .ac-catalog-search__clear[hidden] {

    display: none !important;

}



html body #content.actorein-catalog .ac-brand-filter__count[hidden] {

    display: none !important;

}



html body #content.actorein-catalog .ac-sidebar-widget .ac-brand-filter__options label[hidden] {

    display: none !important;

}




/* Cleaning planner — scoped, responsive and compatible with site containers. */
html body .ac-plan {
 --plan-ink:#0a2c43;--plan-muted:#5c7485;--plan-edge:#d9e6ed;--plan-paper:#fff;--plan-soft:#f2f7fa;
 width:min(calc(100% - var(--actorein-gutter,16px)*2),var(--actorein-container,1180px));
 margin:0 auto;padding:56px 0;box-sizing:border-box;color:var(--plan-ink);font-family:var(--font-sans,Arial,sans-serif);
}
html body :is(.eds-container,.nc-container) .ac-plan {width:100%;}
html body .ac-plan * {box-sizing:border-box;}
html body .ac-plan [hidden] {display:none!important;}
html body .ac-plan .ac-plan__head {max-width:760px;margin-bottom:30px;}
html body .ac-plan .ac-plan__eyebrow {display:block;color:#008aab;font-size:11px;font-weight:700;letter-spacing:.14em;margin-bottom:12px;}
html body .ac-plan h2 {margin:0 0 16px;font-size:clamp(28px,3.3vw,44px);font-weight:650;line-height:1.15;letter-spacing:-.04em;color:var(--plan-ink);}
html body .ac-plan p {font-size:14px;line-height:1.75;color:var(--plan-muted);margin:0;}
html body .ac-plan .ac-plan__steps {display:flex;gap:12px;list-style:none;padding:0;margin:0 0 28px;}
html body .ac-plan .ac-plan__steps li {display:flex;align-items:center;gap:10px;flex:1;min-width:0;border-bottom:2px solid var(--plan-edge);padding:0 0 14px;color:var(--plan-muted);font-size:13px;font-weight:600;}
html body .ac-plan .ac-plan__steps b {display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--plan-soft);font-size:12px;}
html body .ac-plan .ac-plan__steps [aria-current] {color:var(--plan-ink);border-color:#008faf;}
html body .ac-plan .ac-plan__steps [aria-current] b,
html body .ac-plan .ac-plan__steps .is-complete b {background:#0a2c43;color:#fff;}
html body .ac-plan .ac-plan__status:empty {display:none;}
html body .ac-plan .ac-plan__status:not(:empty) {padding:12px 16px;margin-bottom:18px;border-inline-start:3px solid #008faf;background:var(--plan-soft);}
html body .ac-plan .ac-plan__fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
html body .ac-plan label {display:flex;flex-direction:column;gap:8px;min-width:0;font-size:13px;line-height:1.5;font-weight:600;color:var(--plan-ink);}
html body .ac-plan :is(input:not([type=checkbox]),select,textarea) {display:block;width:100%;max-width:100%;min-width:0;min-height:48px;border:1px solid var(--plan-edge);border-radius:10px;background:var(--plan-paper);color:var(--plan-ink);padding:12px 14px;font:400 14px/1.5 var(--font-sans,Arial,sans-serif);box-shadow:none;}
html body .ac-plan textarea {resize:vertical;min-height:95px;}
html body .ac-plan :is(input,select,textarea,button,a):focus-visible {outline:2px solid #008faf;outline-offset:3px;}
html body .ac-plan fieldset {min-width:0;border:0;padding:0;margin:0;}
html body .ac-plan legend {font-size:20px;line-height:1.4;font-weight:650;padding:0 0 12px;color:var(--plan-ink);}
html body .ac-plan .ac-plan__areas {margin-top:32px;}
html body .ac-plan .ac-plan__areas > div {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;}
html body .ac-plan .ac-plan__areas label {display:flex;flex-direction:row;align-items:center;gap:14px;padding:18px;border:1px solid var(--plan-edge);border-radius:12px;background:var(--plan-paper);cursor:pointer;}
html body .ac-plan .ac-plan__areas label:has(input:checked) {border-color:#008faf;background:var(--plan-soft);}
html body .ac-plan input[type=checkbox] {position:static!important;opacity:1!important;appearance:auto;accent-color:#008faf;flex:0 0 19px;width:19px;height:19px;margin:0;}
html body .ac-plan .ac-plan__areas strong {display:block;font-size:14px;font-weight:600;}
html body .ac-plan .ac-plan__areas small {display:block;margin-top:4px;color:var(--plan-muted);font-size:11px;font-weight:400;}
html body .ac-plan .ac-plan__actions {display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px;}
html body .ac-plan button {display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;width:auto;max-width:100%;padding:12px 20px;border:1px solid #0a2c43;border-radius:9px;background:#0a2c43;color:#fff;font:600 13px/1.5 var(--font-sans,Arial,sans-serif);cursor:pointer;touch-action:manipulation;box-shadow:none;}
html body .ac-plan button:hover {background:#006f91;border-color:#006f91;}
html body .ac-plan button.ac-plan__secondary {color:var(--plan-ink);background:var(--plan-paper);border-color:var(--plan-edge);}
html body .ac-plan button.ac-plan__text-button {background:transparent;color:var(--plan-muted);border-color:transparent;padding-inline:8px;}
html body .ac-plan .ac-plan__config {display:grid;gap:28px;margin-top:24px;}
html body .ac-plan .ac-plan__area-config {background:var(--plan-paper);border:1px solid var(--plan-edge);border-radius:16px;padding:24px;}
html body .ac-plan .ac-plan__area-config legend {float:inline-start;width:100%;margin-bottom:6px;}
html body .ac-plan .ac-plan__area-config .ac-plan__fields {clear:both;}
html body .ac-plan .ac-plan__wide {grid-column:1/-1;}
html body .ac-plan .ac-plan__source {margin-top:20px;padding:16px 18px;background:var(--plan-soft);border-radius:10px;}
html body .ac-plan .ac-plan__source strong {font-size:12px;}
html body .ac-plan .ac-plan__source p {font-size:13px;margin:8px 0 12px;max-height:12em;overflow:auto;}
html body .ac-plan a {color:#007e9f;text-decoration:underline;text-underline-offset:3px;font-size:13px;overflow-wrap:anywhere;}
html body .ac-plan .ac-plan__note {padding:14px 18px;border-inline-start:3px solid #00a4b6;background:var(--plan-soft);font-size:13px;}
html body .ac-plan .ac-plan__result {outline:0;}
html body .ac-plan .ac-plan__result h3 {font-size:30px;line-height:1.25;letter-spacing:-.03em;margin:0 0 14px;color:var(--plan-ink);}
html body .ac-plan .ac-plan__company {font-size:18px;font-weight:600;color:var(--plan-ink);}
html body .ac-plan .ac-plan__meta {font-size:12px;margin:8px 0 18px;}
html body .ac-plan .ac-plan__table {width:100%;border-collapse:collapse;table-layout:fixed;margin:24px 0;}
html body .ac-plan .ac-plan__table :is(th,td) {padding:16px 14px;border:1px solid var(--plan-edge);text-align:start;vertical-align:top;overflow-wrap:anywhere;font-size:13px;line-height:1.6;color:var(--plan-ink);}
html body .ac-plan .ac-plan__table th {background:var(--plan-soft);font-weight:600;}
html body .ac-plan .ac-plan__table td small {display:block;font-size:11px;margin-top:8px;color:var(--plan-muted);}
html body .ac-plan .ac-plan__sources h4 {font-size:20px;margin:30px 0 14px;}
html body .ac-plan .ac-plan__citation {padding:16px 0;border-bottom:1px solid var(--plan-edge);}
html body .ac-plan .ac-plan__citation p {font-size:13px;margin:8px 0;}
html body .ac-plan .ac-plan__url {display:block;color:var(--plan-muted);overflow-wrap:anywhere;font-size:11px;}
html body .ac-plan .ac-plan__sources + .ac-plan__note {margin-top:24px;}
html body .ac-plan .ac-plan__print-help {margin-top:12px;font-size:12px;}
html body .ac-plan .ac-plan__sr {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
html.ac-access-dark body .ac-plan {--plan-ink:#edf5fa;--plan-muted:#b5c9d7;--plan-edge:#355064;--plan-paper:#142b3e;--plan-soft:#1b354b;}
@media(max-width:700px) {
 html body .ac-plan {padding-block:32px;}
 html body .ac-plan .ac-plan__fields,html body .ac-plan .ac-plan__areas > div {grid-template-columns:1fr;}
 html body .ac-plan .ac-plan__steps {gap:8px;}
 html body .ac-plan .ac-plan__steps li {flex-direction:column;align-items:flex-start;gap:8px;font-size:11px;}
 html body .ac-plan :is(input:not([type=checkbox]),select,textarea) {font-size:16px;}
 html body .ac-plan .ac-plan__area-config {padding:18px 16px;}
 html body .ac-plan .ac-plan__table,html body .ac-plan .ac-plan__table tbody {display:block;}
 html body .ac-plan .ac-plan__table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
 html body .ac-plan .ac-plan__table tr {display:block;margin-bottom:16px;border:1px solid var(--plan-edge);border-radius:12px;overflow:hidden;}
 html body .ac-plan .ac-plan__table td {display:block;width:100%;border:0;border-bottom:1px solid var(--plan-edge);padding:12px 16px;}
 html body .ac-plan .ac-plan__table td:last-child {border-bottom:0;}
 html body .ac-plan .ac-plan__table td::before {content:attr(data-label);display:block;font-size:10px;font-weight:700;color:var(--plan-muted);margin-bottom:5px;}
}

/* Guided product finder: questions first, automatic product recommendations. */
html body .ac-plan .ac-plan__businesses {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:12px;}
html body .ac-plan .ac-plan__business-option {position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;min-height:150px;padding:24px;border:1px solid var(--plan-edge);border-radius:16px;background:var(--plan-paper);cursor:pointer;}
html body .ac-plan .ac-plan__business-option input[type=radio] {position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden;clip-path:inset(50%);}
html body .ac-plan .ac-plan__business-option:has(input:checked) {border-color:#008eaa;background:var(--plan-soft);box-shadow:inset 0 0 0 1px #008eaa;}
html body .ac-plan .ac-plan__business-option:focus-within {outline:2px solid #008eaa;outline-offset:3px;}
html body .ac-plan .ac-plan__business-option strong {font-size:16px;line-height:1.4;font-weight:600;}
html body .ac-plan .ac-plan__business-icon {display:grid;place-items:center;width:46px;height:46px;background:var(--plan-soft);border-radius:12px;color:#0086a6;}
html body .ac-plan .ac-plan__business-icon svg {width:28px;height:28px;}
html body .ac-plan .ac-plan__choice-mark {display:none;position:absolute;inset-inline-end:16px;top:16px;color:#0086a6;}
html body .ac-plan .ac-plan__business-option:has(input:checked) .ac-plan__choice-mark {display:block;}
html body .ac-plan .ac-plan__question {font-size:clamp(22px,2.5vw,30px);line-height:1.35;margin:0 0 12px;outline:0;}
html body .ac-plan .ac-plan__needs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;}
html body .ac-plan .ac-plan__need {display:flex;flex-direction:row;align-items:flex-start;gap:14px;padding:20px;border:1px solid var(--plan-edge);border-radius:12px;background:var(--plan-paper);cursor:pointer;}
html body .ac-plan .ac-plan__need:has(input:checked) {border-color:#0086a6;background:var(--plan-soft);}
html body .ac-plan .ac-plan__need input {margin-top:3px;}
html body .ac-plan .ac-plan__need strong {display:block;font-size:14px;font-weight:600;line-height:1.5;}
html body .ac-plan .ac-plan__need small {display:block;font-size:12px;line-height:1.65;font-weight:400;color:var(--plan-muted);margin-top:5px;}
html body .ac-plan .ac-plan__answer-chips {display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 28px;}
html body .ac-plan .ac-plan__answer-chips span {font-size:11px;line-height:1.5;padding:7px 12px;border:1px solid var(--plan-edge);border-radius:24px;}
html body .ac-plan .ac-plan__recommendations {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
html body .ac-plan .ac-plan__recommendation {min-width:0;padding:24px;border:1px solid var(--plan-edge);border-radius:16px;background:var(--plan-paper);}
html body .ac-plan .ac-plan__product-top {display:flex;gap:20px;align-items:center;margin-bottom:22px;}
html body .ac-plan .ac-plan__product-image {display:grid;place-items:center;flex:0 0 100px;width:100px;height:125px;background:#fff;border-radius:12px;overflow:hidden;}
html body .ac-plan .ac-plan__product-image img {display:block;width:100%;height:100%;object-fit:contain;padding:6px;}
html body .ac-plan .ac-plan__product-image > span {display:grid;place-items:center;width:60px;height:60px;background:#edf5f8;border-radius:50%;color:#0086a6;font-size:20px;font-weight:600;}
html body .ac-plan .ac-plan__product-top h4 {font-size:22px;line-height:1.25;margin:0;letter-spacing:-.03em;overflow-wrap:anywhere;}
html body .ac-plan .ac-plan__product-top > div:last-child {min-width:0;}
html body .ac-plan .ac-plan__why {display:block;font-size:12px;margin-bottom:12px;color:#0086a6;}
html body .ac-plan .ac-plan__reasons {list-style:none;padding:0;margin:0 0 20px;}
html body .ac-plan .ac-plan__reasons li {margin:0 0 14px;padding:0;}
html body .ac-plan .ac-plan__reasons b {display:block;font-size:12px;font-weight:600;line-height:1.5;}
html body .ac-plan .ac-plan__reasons p {font-size:13px;margin-top:4px;}
html body .ac-plan a.ac-plan__product-link {display:inline-flex;gap:14px;font-weight:600;}
html body .ac-plan .ac-plan__recommendation-source {margin-top:20px;border-top:1px solid var(--plan-edge);padding-top:14px;}
html body .ac-plan .ac-plan__recommendation-source summary {cursor:pointer;font-size:12px;color:var(--plan-muted);}
html body .ac-plan .ac-plan__recommendation-source p {margin:10px 0;font-size:12px;}
html body .ac-plan .ac-plan__recommendation-source a {display:block;margin:8px 0;font-size:11px;}
html body .ac-plan .ac-plan__recommendation > .ac-plan__url {margin-top:16px;}
html body .ac-plan .ac-plan__result > .ac-plan__note {margin-top:24px;}
html body .ac-plan .ac-plan__unavailable {margin-top:16px;padding:14px;border:1px dashed var(--plan-edge);border-radius:10px;font-size:12px;}
@media(max-width:700px){
 html body .ac-plan .ac-plan__businesses {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
 html body .ac-plan .ac-plan__business-option {min-height:145px;padding:18px 14px;gap:12px;}
 html body .ac-plan .ac-plan__business-option strong {font-size:14px;}
 html body .ac-plan .ac-plan__needs,html body .ac-plan .ac-plan__recommendations {grid-template-columns:1fr;}
 html body .ac-plan .ac-plan__recommendation {padding:20px 16px;}
 html body .ac-plan .ac-plan__product-image {flex-basis:85px;width:85px;height:110px;}
 html body .ac-plan .ac-plan__product-top {gap:14px;}
 html body .ac-plan .ac-plan__product-top h4 {font-size:20px;}
}


/* ==========================================================================
   ACTOREIN - URUN KARTLARI YENILEME (V2)
   Gorsel odakli, yumusak kosele, sade kurumsal kart tasarimi.
   ========================================================================== */
html body #content.actorein-catalog .acto-products__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
}
html body #content.actorein-catalog .acto-products__grid .product-card.ac-product {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e6edf3 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(10, 37, 64, .04) !important;
    text-decoration: none !important;
    transition: transform .35s cubic-bezier(.2,.7,.2,1), border-color .35s ease, box-shadow .35s ease !important;
    box-sizing: border-box !important;
}
html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover {
    transform: translateY(-6px) !important;
    border-color: #cfe3ef !important;
    box-shadow: 0 22px 40px -18px rgba(10, 37, 64, .22) !important;
}
html body #content.actorein-catalog .ac-product__visual {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 280px !important;
    max-height: 280px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 26px !important;
    background: linear-gradient(160deg, #f9fcfe 0%, #eef5f9 100%) !important;
    border: none !important;
    border-bottom: 1px solid #f0f5f8 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
html body #content.actorein-catalog .ac-product__visual::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 62%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
html body #content.actorein-catalog .ac-product__visual::after {
    content: none !important;
    display: none !important;
}
html body #content.actorein-catalog .ac-product__visual img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 228px !important;
    object-fit: contain !important;
    filter: none !important;
    -webkit-filter: none !important;
    box-shadow: none !important;
    transform: none !important;
    transition: transform .45s cubic-bezier(.2,.7,.2,1) !important;
}
html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__visual img {
    transform: scale(1.06) translateY(-2px) !important;
}
html body #content.actorein-catalog .ac-product__visual > .ac-product__category {
    position: absolute !important;
    z-index: 2 !important;
    top: 16px !important;
    left: 16px !important;
    right: auto !important;
    bottom: auto !important;
    display: inline-block !important;
    width: auto !important;
    max-width: calc(100% - 76px) !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .9) !important;
    border: 1px solid rgba(10, 37, 64, .08) !important;
    box-shadow: 0 2px 8px rgba(10, 37, 64, .06) !important;
    color: #4a6577 !important;
    font-family: var(--font-heading, "Plus Jakarta Sans", sans-serif) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .6px !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: background .3s ease, color .3s ease, border-color .3s ease !important;
}
html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__visual > .ac-product__category {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #fff !important;
}
html body #content.actorein-catalog .ac-product__visual > .ac-product__arrow {
    position: absolute !important;
    z-index: 2 !important;
    right: 16px !important;
    bottom: 16px !important;
    top: auto !important;
    left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: 1px solid rgba(10, 37, 64, .08) !important;
    box-shadow: 0 4px 14px rgba(10, 37, 64, .08) !important;
    color: #0a2540 !important;
    transition: background .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease !important;
}
html body #content.actorein-catalog .ac-product__visual > .ac-product__arrow svg {
    transition: transform .3s ease !important;
}
html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__visual > .ac-product__arrow {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #fff !important;
    transform: scale(1.08) !important;
    box-shadow: 0 10px 22px rgba(2, 132, 199, .35) !important;
}
html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__visual > .ac-product__arrow svg {
    transform: translate(2px, -2px) !important;
}
html body #content.actorein-catalog .ac-product__content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding: 20px 22px 22px !important;
    box-sizing: border-box !important;
}
html body #content.actorein-catalog .ac-product__brand {
    display: block !important;
    margin: 0 0 8px !important;
    color: #8ba0b0 !important;
    font-family: var(--font-heading, "Plus Jakarta Sans", sans-serif) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    line-height: 1.4 !important;
}
html body #content.actorein-catalog .acto-products__grid .ac-product h3.ac-product__title {
    color: #0a2540 !important;
    font-family: var(--font-heading, "Plus Jakarta Sans", sans-serif) !important;
    font-size: 16.5px !important;
    font-weight: 700 !important;
    line-height: 1.42 !important;
    letter-spacing: -.2px !important;
    margin: 0 0 18px 0 !important;
    min-height: 47px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color .3s ease !important;
}
html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover h3.ac-product__title {
    color: #0284c7 !important;
}
html body #content.actorein-catalog .ac-product__footer {
    margin-top: auto !important;
    padding-top: 14px !important;
    border-top: 1px dashed #e8eff4 !important;
}
html body #content.actorein-catalog .ac-product__btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0277a8 !important;
    font-family: var(--font-heading, "Plus Jakarta Sans", sans-serif) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    letter-spacing: .2px !important;
    transition: color .3s ease !important;
    box-sizing: border-box !important;
}
html body #content.actorein-catalog .ac-product__btn svg {
    stroke: #0277a8 !important;
    transition: transform .3s ease, stroke .3s ease !important;
}
html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__btn {
    color: #0a2540 !important;
}
html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__btn svg {
    stroke: #0284c7 !important;
    transform: translateX(4px) !important;
}
html body #content.actorein-catalog[data-view="list"] .acto-products__grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
}
html body #content.actorein-catalog[data-view="list"] .product-card.ac-product {
    flex-direction: row !important;
    align-items: stretch !important;
}
html body #content.actorein-catalog[data-view="list"] .ac-product__visual {
    width: 240px !important;
    height: auto !important;
    min-height: 180px !important;
    max-height: none !important;
    flex-shrink: 0 !important;
    padding: 20px !important;
    border-bottom: none !important;
    border-right: 1px solid #f0f5f8 !important;
}
html body #content.actorein-catalog[data-view="list"] .ac-product__visual img {
    max-height: 180px !important;
}
html body #content.actorein-catalog[data-view="list"] .ac-product__content {
    flex: 1 1 auto !important;
    justify-content: center !important;
}
html body #content.actorein-catalog[data-view="list"] .ac-product__footer {
    margin-top: 16px !important;
    max-width: none !important;
}
html body #content.actorein-catalog[data-view="list"] .ac-product__visual > .ac-product__category {
    top: 12px !important;
    left: 12px !important;
    padding: 5px 10px !important;
}
html body #content.actorein-catalog[data-view="list"] .ac-product__visual > .ac-product__arrow {
    display: none !important;
}
@media (max-width: 1100px) {
    html body #content.actorein-catalog .acto-products__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }
    html body #content.actorein-catalog .ac-product__visual { height: 250px !important; }
    html body #content.actorein-catalog .ac-product__visual img { max-height: 200px !important; }
}
@media (max-width: 640px) {
    html body #content.actorein-catalog .acto-products__grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
    html body #content.actorein-catalog .ac-product__visual { height: 240px !important; }
    html body #content.actorein-catalog .ac-product__visual img { max-height: 195px !important; }
    html body #content.actorein-catalog[data-view="list"] .product-card.ac-product {
        flex-direction: column !important;
    }
    html body #content.actorein-catalog[data-view="list"] .ac-product__visual {
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid #f0f5f8 !important;
    }
    html body #content.actorein-catalog .ac-product__content { padding: 18px !important; }
}

/* Product finder: automatic primary navigation accent. */
html body .nc-header .nc-menu > ul > li > a.ac-finder-nav,
html body .nc-sheet .nc-sheet__nav a.ac-finder-nav {
    display:flex; align-items:center; justify-content:center; gap:8px;
    padding:10px 15px !important; border:1px solid #b9deeb;
    border-radius:999px; background:#eaf6fa; color:#006a88 !important;
    font-size:13px !important; line-height:1.4; text-transform:none;
}
html body .nc-header .nc-menu > ul > li > a.ac-finder-nav::after { display:none !important; }
html body .nc-header .nc-menu > ul > li > a.ac-finder-nav:hover,
html body .nc-sheet .nc-sheet__nav a.ac-finder-nav:hover { background:#d9eff6; border-color:#0086aa; }
html body a.ac-finder-nav:focus-visible { outline:3px solid #008fbb; outline-offset:4px; }
html body a.ac-finder-nav .ac-finder-nav__icon { position:static; width:18px; height:18px; flex:0 0 18px; opacity:1; }
html body a.ac-finder-nav .ac-finder-nav__label { min-width:0; overflow-wrap:anywhere; }
html body .nc-sheet .nc-sheet__nav a.ac-finder-nav { justify-content:flex-start; margin-block:8px; border-radius:14px; padding:14px 16px !important; }
html.ac-access-dark body .nc-header .nc-menu > ul > li > a.ac-finder-nav,
html.ac-access-dark body .nc-sheet .nc-sheet__nav a.ac-finder-nav { background:#153a4d; border-color:#34667b; color:#9de5f5 !important; }
html.ac-access-contrast body a.ac-finder-nav { border:2px solid currentColor; }
/* Kart icinde kategori/marka satiri (gorsel uzerinde degil) */
html body #content.actorein-catalog .ac-product__content .ac-product__meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 12px 0 !important;
}
html body #content.actorein-catalog .ac-product__content .ac-product__category {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 5px 11px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #eef6fb !important;
    border: 1px solid #dcebf4 !important;
    box-shadow: none !important;
    color: #0a6f96 !important;
    font-family: var(--font-heading, "Plus Jakarta Sans", sans-serif) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .5px !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: background .3s ease, color .3s ease, border-color .3s ease !important;
}
html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__content .ac-product__category {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #fff !important;
}
html body #content.actorein-catalog .ac-product__content .ac-product__brand {
    display: inline-block !important;
    margin: 0 !important;
    color: #8ba0b0 !important;
    font-family: var(--font-heading, "Plus Jakarta Sans", sans-serif) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .8px !important;
    text-transform: uppercase !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}
html body #content.actorein-catalog[data-view="list"] .ac-product__content .ac-product__category {
    top: auto !important;
    left: auto !important;
    padding: 5px 11px !important;
}

/* ==========================================================================
   ACTOREIN - KOMPAKT URUN KARTI (V3)
   Daha az dikey alan, sade tipografi, gorsel on planda.
   ========================================================================== */
html body #content.actorein-catalog .acto-products__grid {
    gap: 18px !important;
}
html body #content.actorein-catalog .acto-products__grid .product-card.ac-product {
    border-radius: 14px !important;
}
html body #content.actorein-catalog .ac-product__visual {
    height: 190px !important;
    max-height: 190px !important;
    padding: 16px !important;
    background: #f8fbfd !important;
}
html body #content.actorein-catalog .ac-product__visual img {
    max-height: 158px !important;
}
html body #content.actorein-catalog .ac-product__content {
    padding: 14px 16px 15px !important;
}
html body #content.actorein-catalog .ac-product__content .ac-product__meta {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin: 0 0 8px 0 !important;
    min-width: 0 !important;
}
html body #content.actorein-catalog .ac-product__content .ac-product__category {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #0a7ea4 !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    letter-spacing: .7px !important;
    text-transform: uppercase !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
}
html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__content .ac-product__category {
    background: transparent !important;
    border: 0 !important;
    color: #0284c7 !important;
}
html body #content.actorein-catalog .ac-product__content .ac-product__brand {
    display: inline-block !important;
    margin: 0 !important;
    color: #a3b1bd !important;
    font-size: 9.5px !important;
    font-weight: 600 !important;
    letter-spacing: .7px !important;
    text-transform: uppercase !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
}
html body #content.actorein-catalog .ac-product__content .ac-product__brand::before {
    content: "\00b7" !important;
    margin-right: 8px !important;
    color: #c3ced7 !important;
}
html body #content.actorein-catalog .acto-products__grid .ac-product h3.ac-product__title {
    font-size: 14.5px !important;
    line-height: 1.38 !important;
    margin: 0 0 12px 0 !important;
    min-height: 0 !important;
    -webkit-line-clamp: 2 !important;
}
html body #content.actorein-catalog .ac-product__footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}
html body #content.actorein-catalog .ac-product__btn {
    gap: 6px !important;
    font-size: 11.5px !important;
    letter-spacing: .3px !important;
    text-transform: uppercase !important;
}
html body #content.actorein-catalog .ac-product__btn svg {
    width: 13px !important;
    height: 13px !important;
}
html body #content.actorein-catalog .ac-product__arrow {
    display: none !important;
}
@media (max-width: 1100px) {
    html body #content.actorein-catalog .ac-product__visual {
        height: 180px !important;
        max-height: 180px !important;
    }
    html body #content.actorein-catalog .ac-product__visual img {
        max-height: 148px !important;
    }
}
@media (max-width: 640px) {
    html body #content.actorein-catalog .ac-product__visual {
        height: 200px !important;
        max-height: 200px !important;
    }
    html body #content.actorein-catalog .ac-product__visual img {
        max-height: 168px !important;
    }
    html body #content.actorein-catalog .ac-product__content {
        padding: 14px 16px !important;
    }
}

/* Subtle finder border shimmer; no script, flashing, or layout movement. */
html body .nc-header .nc-menu > ul > li > a.ac-finder-nav,
html body .nc-sheet .nc-sheet__nav a.ac-finder-nav { position:relative; isolation:isolate; }
@supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) {
    html body .nc-header .nc-menu > ul > li > a.ac-finder-nav::before,
    html body .nc-sheet .nc-sheet__nav a.ac-finder-nav::before {
        content:""; display:block; position:absolute; inset:-1px;
        width:auto; height:auto; border-radius:inherit; padding:1.5px;
        pointer-events:none; transform:none; opacity:.65;
        background:linear-gradient(110deg,transparent 35%,#36b7d0 46%,#c5f5ff 50%,#36b7d0 54%,transparent 65%) 180% 0 / 300% 100%;
        -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
        -webkit-mask-composite:xor;
        mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
        mask-composite:exclude;
        animation:ac-finder-border-shimmer 6s linear infinite;
    }
}
@keyframes ac-finder-border-shimmer {
    from { background-position:150% 0; }
    to { background-position:-150% 0; }
}
@media (prefers-reduced-motion:reduce) {
    html body .nc-header .nc-menu > ul > li > a.ac-finder-nav::before,
    html body .nc-sheet .nc-sheet__nav a.ac-finder-nav::before { animation:none; display:none; }
}
html.ac-access-contrast body .nc-header .nc-menu > ul > li > a.ac-finder-nav::before,
html.ac-access-contrast body .nc-sheet .nc-sheet__nav a.ac-finder-nav::before { animation:none; display:none; }
/* ==========================================================================
   ACTOREIN - URUN BULUCU ALAN HARITASI (oda / koltuk secimi mantigi)
   ========================================================================== */
html body .ac-plan .ac-plan__map-help {
    margin: 0 0 16px;
    font-size: 13px;
    line-height: 1.6;
    color: var(--plan-muted);
}
html body .ac-plan .ac-plan__space-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px;
}
html body .ac-plan .ac-plan__space-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    width: auto;
    padding: 8px 16px;
    border: 1px solid var(--plan-edge);
    border-radius: 999px;
    background: var(--plan-paper);
    color: var(--plan-muted);
    font: 600 12.5px/1.3 var(--font-sans, Arial, sans-serif);
    cursor: pointer;
    box-shadow: none;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}
html body .ac-plan .ac-plan__space-tab:hover {
    border-color: #008eaa;
    color: var(--plan-ink);
}
html body .ac-plan .ac-plan__space-tab.is-active,
html body .ac-plan .ac-plan__space-tab[aria-selected="true"] {
    background: #0a2c43;
    border-color: #0a2c43;
    color: #fff;
}
html body .ac-plan .ac-plan__map-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
    color: var(--plan-ink);
    font-size: 13px;
    letter-spacing: .02em;
}
html body .ac-plan .ac-plan__map-head strong {
    font-size: 14px;
    font-weight: 650;
}
html body .ac-plan .ac-plan__zone-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
html body .ac-plan .ac-plan__zone {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    min-height: 116px;
    padding: 16px 16px 14px;
    border: 1px solid var(--plan-edge);
    border-radius: 14px;
    background: var(--plan-paper);
    color: var(--plan-ink);
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease;
}
html body .ac-plan .ac-plan__zone:hover {
    border-color: #8fc7d6;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -14px rgba(10, 44, 67, .45);
}
html body .ac-plan .ac-plan__zone.is-selected,
html body .ac-plan .ac-plan__zone:has(.ac-plan__zone-input:checked) {
    border-color: #008eaa;
    background: var(--plan-soft);
    box-shadow: inset 0 0 0 1px #008eaa;
}
html body .ac-plan .ac-plan__zone-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    overflow: hidden;
    clip-path: inset(50%);
}
html body .ac-plan .ac-plan__zone:focus-within {
    outline: 2px solid #008eaa;
    outline-offset: 3px;
}
html body .ac-plan .ac-plan__zone-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--plan-soft);
    color: #0086a6;
    transition: background .2s ease, color .2s ease;
}
html body .ac-plan .ac-plan__zone.is-selected .ac-plan__zone-icon,
html body .ac-plan .ac-plan__zone:has(.ac-plan__zone-input:checked) .ac-plan__zone-icon {
    background: #0a2c43;
    color: #fff;
}
html body .ac-plan .ac-plan__zone-copy {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
html body .ac-plan .ac-plan__zone-copy strong {
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
    color: var(--plan-ink);
}
html body .ac-plan .ac-plan__zone-copy small {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.45;
    color: var(--plan-muted);
}
html body .ac-plan .ac-plan__zone .ac-plan__choice-mark {
    position: absolute;
    inset-inline-end: 12px;
    top: 12px;
    display: none;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #008eaa;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}
html body .ac-plan .ac-plan__zone.is-selected .ac-plan__choice-mark,
html body .ac-plan .ac-plan__zone:has(.ac-plan__zone-input:checked) .ac-plan__choice-mark {
    display: grid;
}
html body .ac-plan .ac-plan__extras {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px dashed var(--plan-edge);
}
html body .ac-plan .ac-plan__extras-title {
    display: block;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--plan-muted);
}
html body .ac-plan .ac-plan__extras .ac-plan__need {
    margin-bottom: 10px;
}
@media (max-width: 900px) {
    html body .ac-plan .ac-plan__zone-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 560px) {
    html body .ac-plan .ac-plan__zone-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    html body .ac-plan .ac-plan__zone {
        min-height: 0;
        flex-direction: row;
        align-items: center;
    }
    html body .ac-plan .ac-plan__zone .ac-plan__choice-mark {
        position: static;
        margin-inline-start: auto;
    }
}
html.ac-access-dark body .ac-plan .ac-plan__zone {
    border-color: var(--plan-edge);
}

/* ==========================================================================
   ACTOREIN - URUN BULUCU ALAN HARITASI (V2 - tam genislik)
   ========================================================================== */
html body .ac-plan {
    width: 100% !important;
    max-width: 100% !important;
}
html body .ac-plan .ac-plan__needs {
    display: block !important;
    margin-top: 18px !important;
}
html body .ac-plan .ac-plan__space-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 16px !important;
}
html body .ac-plan .ac-plan__space-tab {
    min-height: 40px !important;
    padding: 9px 18px !important;
    border-radius: 10px !important;
    border: 1px solid var(--plan-edge) !important;
    background: var(--plan-paper) !important;
    color: var(--plan-muted) !important;
    font: 600 13px/1.3 var(--font-sans, Arial, sans-serif) !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: background .2s ease, color .2s ease, border-color .2s ease !important;
}
html body .ac-plan .ac-plan__space-tab:hover {
    border-color: #0a7ea4 !important;
    color: var(--plan-ink) !important;
}
html body .ac-plan .ac-plan__space-tab.is-active,
html body .ac-plan .ac-plan__space-tab[aria-selected="true"] {
    background: #0a2c43 !important;
    border-color: #0a2c43 !important;
    color: #fff !important;
}
html body .ac-plan .ac-plan__map {
    width: 100% !important;
    padding: 18px !important;
    border: 1px solid var(--plan-edge) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #f7fbfd 0%, #eef5f9 100%) !important;
}
html body .ac-plan .ac-plan__map-head {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
    color: var(--plan-ink) !important;
}
html body .ac-plan .ac-plan__map-head strong {
    font-size: 14px !important;
    font-weight: 650 !important;
}
html body .ac-plan .ac-plan__zone-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
}
html body .ac-plan .ac-plan__zone {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 16px !important;
    border: 1px solid #dfeaf1 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--plan-ink) !important;
    cursor: pointer !important;
    box-shadow: 0 1px 2px rgba(10, 44, 67, .04) !important;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
html body .ac-plan .ac-plan__zone:hover {
    border-color: #9ccbd9 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 22px -16px rgba(10, 44, 67, .5) !important;
}
html body .ac-plan .ac-plan__zone.is-selected,
html body .ac-plan .ac-plan__zone:has(.ac-plan__zone-input:checked) {
    border-color: #0a7ea4 !important;
    background: #eaf6fb !important;
    box-shadow: inset 0 0 0 1px #0a7ea4 !important;
}
html body .ac-plan .ac-plan__zone:focus-within {
    outline: 2px solid #0a7ea4 !important;
    outline-offset: 3px !important;
}
html body .ac-plan .ac-plan__zone-icon {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background: #eef6fb !important;
    color: #0a7ea4 !important;
    transition: background .2s ease, color .2s ease !important;
}
html body .ac-plan .ac-plan__zone.is-selected .ac-plan__zone-icon,
html body .ac-plan .ac-plan__zone:has(.ac-plan__zone-input:checked) .ac-plan__zone-icon {
    background: #0a2c43 !important;
    color: #fff !important;
}
html body .ac-plan .ac-plan__zone-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    min-width: 0 !important;
}
html body .ac-plan .ac-plan__zone-copy strong {
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    color: var(--plan-ink) !important;
}
html body .ac-plan .ac-plan__zone-copy small {
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    color: var(--plan-muted) !important;
}
html body .ac-plan .ac-plan__zone .ac-plan__choice-mark {
    position: absolute !important;
    inset-inline-end: 10px !important;
    top: 10px !important;
    display: none !important;
    place-items: center !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: #0a7ea4 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}
html body .ac-plan .ac-plan__zone.is-selected .ac-plan__choice-mark,
html body .ac-plan .ac-plan__zone:has(.ac-plan__zone-input:checked) .ac-plan__choice-mark {
    display: grid !important;
}
html body .ac-plan .ac-plan__extras {
    margin-top: 20px !important;
    padding-top: 16px !important;
    border-top: 1px dashed var(--plan-edge) !important;
}
html body .ac-plan .ac-plan__extras-title {
    display: block !important;
    margin: 0 0 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    color: var(--plan-muted) !important;
}
@media (max-width: 900px) {
    html body .ac-plan .ac-plan__zone-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 560px) {
    html body .ac-plan .ac-plan__zone-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    html body .ac-plan .ac-plan__zone {
        flex-direction: row !important;
        align-items: center !important;
    }
    html body .ac-plan .ac-plan__zone .ac-plan__choice-mark {
        position: static !important;
        margin-inline-start: auto !important;
    }
    html body .ac-plan .ac-plan__map {
        padding: 12px !important;
    }
}

/* Finder stays last; reserve space for branding and tools with long translations. */
@media (min-width:901px) {
    html body .nc-header:has(.ac-finder-nav) .nc-navbar__inner {
        display:grid !important; grid-template-columns:auto minmax(0,1fr) auto !important;
        column-gap:clamp(12px,1.4vw,26px) !important;
    }
    html body .nc-header:has(.ac-finder-nav) .nc-brand { grid-column:1; grid-row:1; min-width:0; }
    html body .nc-header:has(.ac-finder-nav) .nc-tools { grid-column:3 !important; grid-row:1; min-width:0; }
    html body .nc-header:has(.ac-finder-nav) .nc-menu {
        grid-column:2; grid-row:1; min-width:0 !important; width:100% !important;
        margin:0 !important; padding:0 !important; overflow:visible !important;
    }
    html body .nc-header:has(.ac-finder-nav) .nc-menu > ul {
        display:flex !important; flex-wrap:nowrap !important; justify-content:center !important;
        align-items:center !important; gap:6px clamp(4px,.7vw,14px) !important;
        width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important;
    }
    html body .nc-header:has(.ac-finder-nav) .nc-menu > ul > li { flex:0 1 auto; min-width:0; }
    html body .nc-header:has(.ac-finder-nav) .nc-menu > ul > li > a {
        padding:10px 6px !important; font-size:clamp(12px,.88vw,15px) !important;
        white-space:normal !important; overflow-wrap:anywhere; line-height:1.4 !important;
    }
    html body .nc-header:has(.ac-finder-nav) .nc-menu > ul > li > a.ac-finder-nav {
        padding:10px 13px !important; border-radius:999px !important;
        text-transform:none !important; font-size:clamp(12px,.84vw,14px) !important;
    }
}
/* Corporate quick links: a single native horizontal scroll row. */
html body .actorein-corporate-pages .ac-corporate-pages-nav > .eds-container { min-width:0; }
html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__toggle { display:none !important; }
html body .actorein-corporate-pages .ac-corporate-pages-nav #ac-corporate-quicklinks.acto-subnav__list {
    display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
    align-items:center !important; justify-content:flex-start !important;
    position:static !important; width:100% !important; max-width:100% !important; min-width:0 !important;
    height:auto !important; max-height:none !important;
    overflow-x:auto !important; overflow-y:hidden !important;
    gap:10px !important; margin:0 !important; padding:4px 2px 9px !important;
    opacity:1 !important; visibility:visible !important; transform:none !important;
    scrollbar-width:thin; scrollbar-color:#9bbbc9 transparent;
    overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch;
}
html body .actorein-corporate-pages .ac-corporate-pages-nav #ac-corporate-quicklinks > li { flex:0 0 auto !important; width:auto !important; }
html body .actorein-corporate-pages .ac-corporate-pages-nav #ac-corporate-quicklinks > li > a {
    white-space:nowrap !important; width:auto !important; height:auto !important;
    min-height:40px !important; padding:9px 18px !important;
}
html body #ac-corporate-quicklinks::-webkit-scrollbar { height:4px; }
html body #ac-corporate-quicklinks::-webkit-scrollbar-thumb { background:#9bbbc9; border-radius:4px; }
html body .actorein-corporate-pages .ac-corporate-pages-nav .ac-corp-scroll.has-overflow {
    display:grid !important; grid-template-columns:32px minmax(0,1fr) 32px;
    align-items:center; gap:8px; direction:ltr;
}
html body .ac-corporate-pages-nav .ac-corp-scroll .ac-corp-scroll__arrow {
    display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px;
    padding:0; border:1px solid #c6dbe6; border-radius:50%; background:#edf7fb;
    color:#007f9e; font-size:20px; line-height:1; cursor:pointer;
}
html body .ac-corporate-pages-nav .ac-corp-scroll .ac-corp-scroll__arrow[hidden] { display:none; }
html body .ac-corporate-pages-nav .ac-corp-scroll .ac-corp-scroll__arrow:disabled { opacity:.3; cursor:default; }
html body .ac-corporate-pages-nav .ac-corp-scroll .ac-corp-scroll__arrow:focus-visible { outline:2px solid #008bad; outline-offset:3px; }
html[dir="rtl"] body .ac-corp-scroll #ac-corporate-quicklinks,
html.ac-access-rtl body .ac-corp-scroll #ac-corporate-quicklinks { direction:rtl; }
html.ac-access-dark body .ac-corporate-pages-nav .ac-corp-scroll .ac-corp-scroll__arrow { background:#183b50; border-color:#436274; color:#9de5f5; }
/* Center the desktop navigation and keep translated labels on one line. */
@media(min-width:901px){
 html body .nc-header:has(.ac-finder-nav) .nc-menu { display:flex !important; justify-content:center !important; }
 html body .nc-header:has(.ac-finder-nav) .nc-menu > ul {
    flex-wrap:nowrap !important; justify-content:center !important;
    width:max-content !important; max-width:none !important; flex:0 0 auto;
    gap:clamp(4px,.65vw,12px) !important;
 }
 html body .nc-header:has(.ac-finder-nav) .nc-menu > ul > li { flex:0 0 auto !important; }
 html body .nc-header:has(.ac-finder-nav) .nc-menu > ul > li > a {
    white-space:nowrap !important; overflow-wrap:normal !important;
    font-size:clamp(12px,.88vw,14px) !important; padding-inline:6px !important;
 }
 html body .nc-header.ac-nav-compact:has(.ac-finder-nav) .nc-menu > ul { gap:3px !important; }
 html body .nc-header.ac-nav-compact:has(.ac-finder-nav) .nc-menu > ul > li > a {
    font-size:12px !important; padding-inline:4px !important;
 }
 html body .nc-header.ac-nav-compact:has(.ac-finder-nav) .nc-menu > ul > li > a.ac-finder-nav { padding-inline:9px !important; }
 html body .nc-header.ac-nav-collapsed:has(.ac-finder-nav) .nc-menu { display:none !important; }
 html body .nc-header.ac-nav-collapsed:has(.ac-finder-nav) .nc-burger { display:inline-flex !important; }
}
/* Urun bulucu: header ile ayni container genisligi */
html body .ac-plan {
    width: min(calc(100% - var(--actorein-gutter, 16px) * 2), var(--nc-container, 1180px)) !important;
    max-width: var(--nc-container, 1180px) !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
}

/* Footer legal disclaimer */
.af-disclaimer {
    max-width: 680px;
    margin: 6px 0 8px;
    font-size: 10px;
    line-height: 1.7;
    color: #647c8c;
}
html.ac-access-dark body .af-footer .af-disclaimer,
html[data-theme="dark"] body .af-footer .af-disclaimer,
body.dark-mode .af-footer .af-disclaimer {
    color: #b9cbd8;
}
@media (max-width: 760px) {
    .af-disclaimer { font-size: 9.5px; line-height: 1.6; }
}
/* Visible current page in Corporate and Areas of Use; outrank base ID rules. */
html body .actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks) > li:is(.is-active,.current-menu-item) > a,
html body .actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks) > li > a[aria-current="page"] {
    background:#0086b5 !important; color:#fff !important; border-color:#0086b5 !important;
    font-weight:700 !important; box-shadow:0 3px 10px rgb(0 134 181 / 18%) !important;
}
html body .actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks) > li:is(.is-active,.current-menu-item) > a :is(span,svg),
html body .actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks) > li > a[aria-current="page"] :is(span,svg) { color:inherit !important; }
html.ac-access-dark body .actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks) > li:is(.is-active,.current-menu-item) > a,
html.ac-access-dark body .actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks) > li > a[aria-current="page"] { background:#087fa8 !important; color:#fff !important; border-color:#49bcd6 !important; }
html.ac-access-contrast body .actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks) > li > a[aria-current="page"] { outline:2px solid currentColor; outline-offset:2px; text-decoration:underline !important; }
/* Usage introduction spans the full width of its site container. */
html body .acd { width:100% !important; max-width:none !important; box-sizing:border-box; }
html body p.acd-lead {
    display:block; width:100% !important; max-width:none !important;
    box-sizing:border-box; grid-column:1 / -1; flex-basis:100%;
    margin-inline:0 !important;
}
@media (hover:hover) and (pointer:fine){
 html body .ac-corporate-pages-nav .ac-tabs-draggable,
 html body .ac-corporate-pages-nav .ac-tabs-draggable a { cursor:grab; }
 html body .ac-corporate-pages-nav .ac-tabs-draggable.is-dragging,
 html body .ac-corporate-pages-nav .ac-tabs-draggable.is-dragging a { cursor:grabbing; user-select:none; }
}
/* Mobile restores the page picker; desktop keeps the draggable scroll strip. */
@media(max-width:900px){
 html body .actorein-corporate-pages .ac-corporate-pages-nav > .eds-container,
 html body .actorein-corporate-pages .ac-corporate-pages-nav .ac-corp-scroll.has-overflow {
    display:block !important; position:relative; min-width:0;
 }
 html body .actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__toggle {
    display:flex !important; align-items:center; justify-content:space-between;
    width:100%; gap:12px; min-height:48px; cursor:pointer;
 }
 html body .actorein-corporate-pages .ac-corporate-pages-nav .ac-corp-scroll__arrow { display:none !important; }
 html body .actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks).acto-subnav__list {
    display:none !important; position:absolute !important; inset-inline:16px; top:calc(100% + 6px);
    z-index:30; width:auto !important; max-width:none !important;
    flex-direction:column !important; flex-wrap:nowrap !important; align-items:stretch !important;
    gap:5px !important; padding:8px !important; margin:0 !important;
    max-height:60vh !important; max-height:60dvh !important;
    overflow-x:hidden !important; overflow-y:auto !important;
    background:#fff; border:1px solid #dce6ee; border-radius:14px;
    box-shadow:0 12px 28px rgb(10 37 64 / 14%); cursor:default;
 }
 html body .actorein-corporate-pages .ac-corporate-pages-nav.is-open :is(#ac-corporate-quicklinks,#ac-usage-quicklinks).acto-subnav__list { display:flex !important; }
 html body .actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks) > li { width:100% !important; }
 html body .actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks) > li > a {
    display:flex !important; width:100% !important; justify-content:flex-start !important;
    white-space:normal !important; text-align:start !important; padding:11px 14px !important;
    line-height:1.4 !important; border-radius:9px !important; box-sizing:border-box; cursor:pointer;
 }
 html.ac-access-dark body .actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks).acto-subnav__list { background:#132b3d; border-color:#345064; }
}
/* Catalog filters: mobile bottom sheet. Keep this after the desktop sidebar overrides. */
@media (max-width: 900px) {
    body.ac-filter-sheet-open { overflow: hidden !important; }
    html body #content.actorein-catalog .ac-catalog-sidebar {
        display: none !important;
    }
    html body #content.actorein-catalog .ac-catalog-sidebar.is-open {
        display: flex !important;
        flex-direction: column !important;
        position: fixed !important;
        inset: 0 !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: 100dvh !important;
        max-height: none !important;
        padding: 0 !important;
        margin: 0 !important;
        align-items: stretch !important;
        justify-content: flex-end !important;
        background: rgba(10, 37, 64, .6) !important;
        z-index: 999999 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    html body #content.actorein-catalog .ac-catalog-sidebar.is-open .ac-catalog-sidebar__inner {
        width: 100% !important;
        max-width: none !important;
        max-height: min(85dvh, 760px) !important;
        margin: 0 !important;
        padding-bottom: max(20px, env(safe-area-inset-bottom)) !important;
        border-radius: 20px 20px 0 0 !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }
}

/* Catalog cards: three columns and a consistent product action. */
@media (min-width: 901px) {
    html body #content.actorein-catalog[data-view="grid"] .acto-products__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }
    html body #content.actorein-catalog .acto-products__grid .product-card.ac-product {
        border-radius: 18px !important;
        border-color: #dce8ef !important;
        box-shadow: 0 4px 18px rgba(10, 37, 64, .055) !important;
    }
    html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:is(:hover, :focus-visible) {
        border-color: #80c4df !important;
        box-shadow: 0 16px 34px rgba(10, 37, 64, .13) !important;
    }
    html body #content.actorein-catalog .ac-product__visual {
        height: 210px !important;
        max-height: none !important;
        padding: 18px !important;
        background: #f5f9fb !important;
    }
    html body #content.actorein-catalog .ac-product__visual img {
        max-height: 174px !important;
    }
    html body #content.actorein-catalog .ac-product__content {
        padding: 18px !important;
    }
    html body #content.actorein-catalog .acto-products__grid .ac-product h3.ac-product__title {
        font-size: 16px !important;
        line-height: 1.4 !important;
        min-height: 45px !important;
        margin-bottom: 16px !important;
    }
    html body #content.actorein-catalog .ac-product__footer {
        margin-top: auto !important;
        padding-top: 14px !important;
        border-top: 1px solid #e9f0f4 !important;
    }
    html body #content.actorein-catalog[data-view="list"] .ac-product__visual {
        width: 235px !important;
        height: auto !important;
        min-height: 210px !important;
    }
}
html body #content.actorein-catalog .ac-product__footer {
    width: 100% !important;
}
html body #content.actorein-catalog .ac-product__btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 42px !important;
    height: auto !important;
    padding: 10px 13px !important;
    border: 1px solid #cae4f2 !important;
    border-radius: 9px !important;
    background: #eef8fc !important;
    color: #075985 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-transform: none !important;
    box-sizing: border-box !important;
}
html body #content.actorein-catalog .ac-product__btn svg {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 auto !important;
    stroke: currentColor !important;
}
html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:is(:hover, :focus-visible) .ac-product__btn {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #fff !important;
}
html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:is(:hover, :focus-visible) .ac-product__btn svg {
    stroke: currentColor !important;
}
@media (max-width: 900px) {
    html body #content.actorein-catalog .ac-catalog-view {
        display: none !important;
    }
}

/* Keep the complete footer readable on narrow screens. */
@media (max-width: 640px) {
    html body .af-footer .af-widget--brand {
        flex-wrap: wrap;
        align-items: center;
    }
    html body .af-footer .af-ownership {
        display: block;
        order: 3;
        flex: 0 0 100%;
        width: 100%;
        max-width: none;
        margin: 0;
        text-align: start;
    }
    html body .af-footer .af-footer__bottom-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: start;
        padding: 18px 0 max(20px, env(safe-area-inset-bottom));
    }
    html body .af-footer .af-footer__legal {
        grid-column: 1 / -1;
        min-width: 0;
        margin: 0;
    }
    html body .af-footer .af-browser-note {
        display: flex;
        margin-top: 8px;
    }
    html body .af-footer .af-privacy {
        grid-column: 1;
        min-width: 0;
        flex-basis: auto;
        align-self: center;
        overflow-wrap: anywhere;
    }
    html body .af-footer .ac-settings-trigger {
        grid-column: 2;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        margin: 0;
        max-width: 100%;
    }
    html body .af-footer .ac-settings-trigger .af-access-label {
        display: inline;
        font-size: 10px;
    }
}

/* One mobile filter control above the products, with an action inside the sheet. */
html body #content.actorein-catalog .ac-filter-apply {
    display: none !important;
}

/* Corporate events page: polished container and adaptable event cards. */
html body .actorein-corporate-pages .ac-corporate-content--events {
    background: #f5f9fc !important;
    padding-block: clamp(28px, 4vw, 64px) !important;
}
html body .actorein-corporate-pages .ac-corporate-content--events > .eds-container {
    max-width: 1180px;
}
html body .ac-corporate-content--events :is(.actopim-events, .actopim-events-wrap, .actopim-events-wrapper, .events-container) {
    width: 100%;
    min-width: 0;
}
html body .ac-corporate-content--events :is(.actopim-event-card, .event-card, .events-card, article[class*="event"]) {
    overflow: hidden;
    border: 1px solid #dce8f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(10, 37, 64, .06);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
html body .ac-corporate-content--events :is(.actopim-event-card, .event-card, .events-card, article[class*="event"]):hover {
    transform: translateY(-3px);
    border-color: #a8d5e8;
    box-shadow: 0 16px 34px rgba(10, 37, 64, .12);
}
html body .ac-corporate-content--events :is(.actopim-event-card, .event-card, .events-card, article[class*="event"]) img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
html body .ac-corporate-content--events :is(h2, h3, h4) {
    color: #0a2540;
    line-height: 1.3;
    text-wrap: balance;
}
html body .ac-corporate-content--events :is(p, li) {
    color: #4b6476;
    line-height: 1.7;
}
html body .ac-corporate-content--events a:focus-visible {
    outline: 3px solid #0284c7;
    outline-offset: 3px;
}
html body .ac-corporate-content--events :is(.event-card, .events-card, .actopim-event-card) :is(a.button, .button, .event-button, .read-more) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 9px;
    background: #0284c7;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}
@media (max-width: 640px) {
    html body .actorein-corporate-pages .ac-corporate-content--events {
        padding-block: 24px 48px !important;
    }
    html body .ac-corporate-content--events :is(.actopim-events-grid, .events-grid, .event-grid) {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}
@media (max-width: 900px) {
    html body #content.actorein-catalog .ac-catalog-main__header {
        position: sticky !important;
        top: 72px !important;
        z-index: 40 !important;
        padding: 10px !important;
    }
    html body #content.actorein-catalog .ac-sidebar-toggle-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        min-height: 44px !important;
        height: auto !important;
        padding: 10px 14px !important;
        border: 0 !important;
        border-radius: 9px !important;
        background: #0284c7 !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        cursor: pointer !important;
        box-shadow: none !important;
    }
    html body #content.actorein-catalog .ac-sidebar-toggle-btn svg {
        stroke: currentColor !important;
    }
    html body #content.actorein-catalog > .ac-catalog-sidebar.is-open {
        z-index: 999999 !important;
    }
    html body #content.actorein-catalog .ac-catalog-sidebar.is-open .ac-sidebar-option {
        min-height: 44px !important;
        pointer-events: auto !important;
    }
    html body #content.actorein-catalog .ac-catalog-sidebar.is-open .ac-sidebar-option input[type="checkbox"] {
        width: 20px !important;
        height: 20px !important;
        pointer-events: auto !important;
    }
    html body #content.actorein-catalog .ac-catalog-sidebar.is-open .ac-filter-apply {
        display: flex !important;
        position: sticky !important;
        bottom: 0 !important;
        z-index: 3 !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        min-height: 48px !important;
        margin-top: auto !important;
        padding: 12px 16px !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: #0284c7 !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        cursor: pointer !important;
        box-shadow: 0 -8px 16px rgba(255,255,255,.9) !important;
    }
}

html body #content.actorein-catalog .ac-filter-sheet__scroll {
    display: contents;
}
@media (max-width: 900px) {
    html body #content.actorein-catalog .ac-catalog-sidebar.is-open .ac-catalog-sidebar__inner {
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        padding-bottom: max(14px, env(safe-area-inset-bottom)) !important;
        isolation: isolate !important;
    }
    html body #content.actorein-catalog .ac-catalog-sidebar.is-open .ac-filter-sheet__scroll {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        gap: 16px !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }
    html body #content.actorein-catalog .ac-catalog-sidebar.is-open .ac-filter-apply {
        position: relative !important;
        bottom: auto !important;
        z-index: 2147483647 !important;
        flex: 0 0 auto !important;
        margin-top: 0 !important;
        box-shadow: 0 -8px 18px rgba(255,255,255,.95) !important;
        pointer-events: auto !important;
    }
}

/* All corporate content cards stack on mobile, including imported ACTOPIM layouts. */
@media (max-width: 960px) {
    html body #content.actorein-corporate-pages:not(.actorein-usage-pages) .ac-corporate-content :is(
        [class*="grid"], [class*="cards"], [style*="grid-template-columns"],
        .acto-about__stats, .acto-about__checks, .acto-contact
    ),
    html body #content.actorein-corporate-pages:not(.actorein-usage-pages) .ac-corporate-content :has(> [class*="card"]) {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-flow: row !important;
        flex-direction: column !important;
        gap: 12px !important;
        min-width: 0 !important;
    }
    html body #content.actorein-corporate-pages:not(.actorein-usage-pages) .ac-corporate-content :is([class*="card"], .acto-about__stats > li, .acto-about__checks > li) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-column: auto !important;
        box-sizing: border-box !important;
    }
}

/* Usage-area cards: one compact card per row on mobile. */
@media (max-width: 960px) {
    html body #content.actorein-usage-pages .ac-corporate-content :is(
        [class*="grid"], [class*="cards"], [style*="grid-template-columns"],
        .ac-usage-list, .acto-ua__protocol-steps, .acto-ua-hero-kpis
    ),
    html body #content.actorein-usage-pages .ac-corporate-content :has(> [class*="card"]) {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-flow: row !important;
        flex-direction: column !important;
        gap: 12px !important;
        min-width: 0 !important;
    }
    html body #content.actorein-usage-pages .ac-corporate-content :is(
        [class*="card"], .ac-usage-product, .ac-usage-item
    ) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        grid-column: auto !important;
        box-sizing: border-box !important;
    }
    html body #content.actorein-usage-pages .ac-corporate-content :is(
        .ac-usage-card, .ac-usage-product, .ac-usage-item, .acto-ua__card,
        .usage-card, .acto-ua__step-card, .acto-ua-advisory-card
    ) { padding: 16px !important; }
}

.af-impressum { color: #526a7b; font-size: 11px; }
.ac-impressum { padding: 40px 0 64px; background: #f5f9fc; color: #34566b; font-family: var(--font-sans, Inter, sans-serif); }
.ac-impressum__heading { margin-bottom: 24px; }
.ac-impressum__heading h1 { margin: 0 0 8px; color: #0a2540; font-size: clamp(26px, 4vw, 38px); }
.ac-impressum__heading p { margin: 0; }
.ac-impressum__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.ac-impressum__grid > section { padding: 22px; border: 1px solid #dce8f0; border-radius: 14px; background: #fff; }
.ac-impressum__grid h2 { margin: 0 0 14px; color: #0a2540; font-size: 18px; }
.ac-impressum address { font-style: normal; line-height: 1.7; }
.ac-impressum p, .ac-impressum dl { font-size: 14px; line-height: 1.7; }
.ac-impressum dt { font-weight: 600; }
.ac-impressum dd { margin: 0 0 10px; }
.ac-impressum a { color: #0277a8; overflow-wrap: anywhere; }
.ac-impressum__source { margin-top: 22px; }
@media (max-width: 640px) {
    .ac-impressum { padding: 24px 0 40px; }
    .ac-impressum__grid { grid-template-columns: minmax(0,1fr); gap: 12px; }
    .ac-impressum__grid > section { padding: 18px; }
    html body .af-footer .af-impressum { grid-column: 1; grid-row: 2; align-self: center; }
    html body .af-footer .af-privacy { grid-row: 3; }
    html body .af-footer .ac-settings-trigger { grid-row: 2 / 4; align-self: center; }
}

/* A compact cookie information strip above the header's contact bar. */
html body .nc-header .ac-cookie-notice {
    display: block;
    position: relative;
    background: #eaf5fb;
    color: #24485f;
    border-bottom: 1px solid #cde4f1;
    font-family: var(--font-sans, Inter, sans-serif);
}
html body .nc-header .ac-cookie-notice[hidden] { display: none !important; }
html body .nc-header .ac-cookie-notice__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-block: 10px;
}
html body .nc-header .ac-cookie-notice p { margin: 0; font-size: 12px; line-height: 1.6; }
html body .nc-header .ac-cookie-notice strong { color: #0a3e5a; margin-inline-end: 7px; }
html body .nc-header .ac-cookie-notice a { color: #006fa5; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
html body .nc-header .ac-cookie-notice button {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 7px 16px;
    border: 1px solid #027aad;
    border-radius: 8px;
    background: #027aad;
    color: #fff;
    font: 700 12px/1.4 var(--font-sans, Inter, sans-serif);
    cursor: pointer;
}
html body .nc-header .ac-cookie-notice :is(a,button):focus-visible { outline: 3px solid #0284c7; outline-offset: 3px; }
@media(max-width:640px) {
    html body .nc-header .ac-cookie-notice__inner { align-items: flex-start; gap: 10px; padding-block: 10px; }
    html body .nc-header .ac-cookie-notice p { font-size: 11px; }
    html body .nc-header .ac-cookie-notice strong { display: block; }
    html body .nc-header .ac-cookie-notice button { min-height: 44px; padding-inline: 12px; }
}

/* A speech-bubble pointer anchors the language popover to its trigger. */
html body .ac-language-dialog { overflow: visible !important; }
html body .ac-language-dialog::before {
    content: '';
    position: absolute;
    left: calc(var(--ac-language-arrow-x, 50%) - 7px);
    top: -7px;
    width: 14px;
    height: 14px;
    background: #f5f7fa;
    border-top: 1px solid #dce4ec;
    border-left: 1px solid #dce4ec;
    transform: rotate(45deg);
    pointer-events: none;
}
html body .ac-language-dialog[data-arrow-side="bottom"]::before {
    top: auto;
    bottom: -7px;
    transform: rotate(225deg);
}
html.ac-access-dark body .ac-language-dialog::before {
    background: var(--ac-dark-bg, #132b3d);
    border-color: var(--ac-dark-border, #345064);
}

/* Accessible upcoming-events switch. */
html body .actopim-events .ac-events-upcoming {
    position: relative;
    display: inline-flex;
    flex-basis: 100%;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding-top: 10px;
    border-top: 1px solid #e5edf3;
    color: #34566b;
    font: 600 13px/1.4 var(--font-sans, Inter, sans-serif);
    cursor: pointer;
}
html body .actopim-events .ac-events-upcoming input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}
html body .actopim-events .ac-events-upcoming__track {
    display: block;
    flex: 0 0 42px;
    width: 42px;
    height: 24px;
    padding: 3px;
    border-radius: 999px;
    background: #bacbd7;
    box-sizing: border-box;
}
html body .actopim-events .ac-events-upcoming__track::after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px #0a254033;
}
html body .actopim-events .ac-events-upcoming input:checked + .ac-events-upcoming__track { background: #0284c7; }
html body .actopim-events .ac-events-upcoming input:checked + .ac-events-upcoming__track::after { transform: translateX(18px); }
html body .actopim-events .ac-events-upcoming input:focus-visible + .ac-events-upcoming__track { outline: 3px solid #0284c7; outline-offset: 3px; }
html body .actopim-events .ac-events-empty { padding: 24px; text-align: center; }
html body .actopim-events .ac-events-empty[hidden] { display: none !important; }

/* ACTOPIM events: theme typography, compact spacing, filters and detail dialog. */
html body #content.actorein-corporate-pages:has(.ac-corporate-content--events) .acto-page-hero {
    padding: 28px 0 24px !important;
}
html body #content.actorein-corporate-pages .ac-corporate-content--events {
    padding: 16px 0 56px !important;
    font-family: var(--font-sans, Inter, sans-serif) !important;
}
html body .ac-corporate-content--events .actopim-events {
    font-family: var(--font-sans, Inter, sans-serif) !important;
    color: #0a2540 !important;
}
html body .ac-corporate-content--events .actopim-events__filters {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 0 0 22px !important;
    padding: 14px !important;
    border: 1px solid #dce8f0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 4px 16px rgba(10,37,64,.04) !important;
}
html body .ac-corporate-content--events .actopim-events__tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    min-width: 0 !important;
}
html body .ac-corporate-content--events .actopim-events__tabs button {
    min-height: 40px !important;
    padding: 8px 13px !important;
    border: 1px solid #d8e5ed !important;
    border-radius: 9px !important;
    background: #f6fafc !important;
    color: #34566b !important;
    font: 700 12px/1.3 var(--font-sans, Inter, sans-serif) !important;
    cursor: pointer !important;
}
html body .ac-corporate-content--events .actopim-events__tabs button:is(.is-active, :hover, :focus-visible) {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #fff !important;
}
html body .ac-corporate-content--events .actopim-events__country {
    min-width: 180px !important;
    min-height: 40px !important;
    padding: 8px 32px 8px 12px !important;
    border: 1px solid #cddfea !important;
    border-radius: 9px !important;
    background-color: #fff !important;
    color: #0a2540 !important;
    font: 600 13px/1.3 var(--font-sans, Inter, sans-serif) !important;
    cursor: pointer !important;
}
html body .ac-corporate-content--events .actopim-events__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: stretch !important;
}
html body .ac-corporate-content--events .actopim-event-card[hidden],
html body .actopim-event-modal[hidden] { display: none !important; }
html body .ac-corporate-content--events .actopim-event-card {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    margin: 0 !important;
    border-radius: 16px !important;
    font-family: var(--font-sans, Inter, sans-serif) !important;
}
html body .ac-corporate-content--events .actopim-event-card__image {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #eaf2f7 !important;
}
html body .ac-corporate-content--events .actopim-event-card__image > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}
html body .ac-corporate-content--events :is(.actopim-event-card__image, .actopim-event-modal header) > b {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    z-index: 1 !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: #e0f2fe !important;
    color: #075985 !important;
    font: 700 11px/1.2 var(--font-sans, Inter, sans-serif) !important;
}
html body .ac-corporate-content--events .actopim-event-card__image > b.is-ended {
    background: #e9eef2 !important;
    color: #536777 !important;
}
html body .ac-corporate-content--events .actopim-event-card__body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    padding: 18px !important;
    text-align: start !important;
}
html body .ac-corporate-content--events .actopim-event-card__body > b {
    position: static !important;
    align-self: flex-start !important;
    margin: 0 0 12px !important;
    padding: 5px 9px !important;
    border-radius: 6px !important;
    background: #e0f2fe !important;
    color: #075985 !important;
    font: 700 10px/1.3 var(--font-sans, Inter, sans-serif) !important;
}
html body .ac-corporate-content--events .actopim-event-card__body > b.is-ended {
    background: #eef2f5 !important;
    color: #607585 !important;
}
html body .ac-corporate-content--events .actopim-event-card__body h3 {
    margin: 0 0 14px !important;
    color: #0a2540 !important;
    text-align: start !important;
    font: 700 17px/1.4 var(--font-heading, 'Plus Jakarta Sans', sans-serif) !important;
}
html body .ac-corporate-content--events .actopim-event-card__body ul {
    display: grid !important;
    gap: 8px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    list-style: none !important;
}
html body .ac-corporate-content--events .actopim-event-card__body li {
    position: relative !important;
    padding-inline-start: 23px !important;
    margin: 0 !important;
    color: #52697a !important;
    font: 500 12px/1.5 var(--font-sans, Inter, sans-serif) !important;
    overflow-wrap: anywhere !important;
}
html body .ac-corporate-content--events .actopim-event-card__body li::before {
    content: '' !important;
    position: absolute !important;
    inset-inline-start: 0 !important;
    top: 2px !important;
    width: 15px !important;
    height: 15px !important;
    background: #54869e !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M7 3v4M17 3v4'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body .ac-corporate-content--events .actopim-event-card__body li:nth-child(2)::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
html body .ac-corporate-content--events .actopim-event-card__body li:nth-child(3)::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M3 3h8l10 10-8 8L3 11Z'/%3E%3Ccircle cx='8' cy='8' r='1'/%3E%3C/svg%3E");
}
html body .ac-corporate-content--events .actopim-event-card__body li img.emoji {
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    vertical-align: -2px !important;
}
html body .ac-corporate-content--events .actopim-event-card__body > button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 42px !important;
    margin-top: auto !important;
    padding: 9px 14px !important;
    border: 1px solid #0284c7 !important;
    border-radius: 9px !important;
    background: #0284c7 !important;
    color: #fff !important;
    font: 700 12px/1.3 var(--font-sans, Inter, sans-serif) !important;
    cursor: pointer !important;
}
html body .ac-corporate-content--events .actopim-event-card__body > button:hover {
    background: #036b9f !important;
}
body.ac-event-modal-open { overflow: hidden !important; }
html body > .actopim-event-modal.is-open {
    display: flex !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    background: rgba(7, 25, 43, .72) !important;
    box-sizing: border-box !important;
}
html body > .actopim-event-modal .actopim-event-modal__dialog {
    width: min(100%, 760px) !important;
    max-height: min(90dvh, 900px) !important;
    overflow-y: auto !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 30px 80px rgba(0,0,0,.28) !important;
    font-family: var(--font-sans, Inter, sans-serif) !important;
}
html body > .actopim-event-modal .actopim-event-modal__dialog > header {
    position: relative !important;
    min-height: 210px !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: #eaf2f7 !important;
}
html body > .actopim-event-modal [data-close-event-modal] {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 2 !important;
    width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #0a2540 !important;
    font: 26px/1 var(--font-sans, Inter, sans-serif) !important;
    cursor: pointer !important;
}
html body > .actopim-event-modal .actopim-event-modal__body {
    padding: 24px !important;
    color: #4b6476 !important;
    font: 400 14px/1.7 var(--font-sans, Inter, sans-serif) !important;
}
html body > .actopim-event-modal .actopim-event-modal__body h2 {
    margin: 0 0 14px !important;
    color: #0a2540 !important;
    font: 700 clamp(22px, 3vw, 30px)/1.3 var(--font-heading, 'Plus Jakarta Sans', sans-serif) !important;
}
html body > .actopim-event-modal .actopim-event-modal__body ul {
    padding-left: 20px !important;
}
html body > .actopim-event-modal .actopim-event-modal__action {
    display: inline-flex !important;
    min-height: 42px !important;
    align-items: center !important;
    padding: 10px 18px !important;
    border-radius: 9px !important;
    background: #0284c7 !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
@media (max-width: 960px) {
    html body .ac-corporate-content--events .actopim-events__grid { grid-template-columns: minmax(0,1fr) !important; gap: 14px !important; }
    html body .ac-corporate-content--events .actopim-event-card__image { aspect-ratio: auto !important; }
    html body .ac-corporate-content--events .actopim-event-card__body { padding: 16px !important; }
}
@media (max-width: 640px) {
    html body #content.actorein-corporate-pages:has(.ac-corporate-content--events) .acto-page-hero { padding: 20px 0 !important; }
    html body #content.actorein-corporate-pages .ac-corporate-content--events { padding: 12px 0 42px !important; }
    html body .ac-corporate-content--events .actopim-events__filters { padding: 10px !important; }
    html body .ac-corporate-content--events .actopim-events__tabs { flex-wrap: nowrap !important; width: 100% !important; overflow-x: auto !important; padding-bottom: 3px !important; }
    html body .ac-corporate-content--events .actopim-events__tabs button { flex: 0 0 auto !important; }
    html body .ac-corporate-content--events .actopim-events__country { width: 100% !important; }
    html body .ac-corporate-content--events .actopim-events__grid { grid-template-columns: minmax(0,1fr) !important; gap: 16px !important; }
    html body > .actopim-event-modal.is-open { align-items: flex-end !important; padding: 0 !important; }
    html body > .actopim-event-modal .actopim-event-modal__dialog { max-height: 92dvh !important; border-radius: 18px 18px 0 0 !important; }
    html body > .actopim-event-modal .actopim-event-modal__dialog > header { min-height: 150px !important; }
    html body > .actopim-event-modal .actopim-event-modal__body { padding: 18px !important; }
}

/* Filtered cards must stay hidden even when the gallery forces a flex layout. */
html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-event-card[hidden] {
    display: none !important;
}

/* Event gallery: equal image stages and aligned content, regardless of poster ratio. */
html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-events__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    align-items: stretch !important;
    gap: 20px !important;
}
html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-event-card {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    align-items: stretch !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 3px 14px rgba(10,37,64,.045) !important;
    transform: none !important;
}
html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-event-card__image {
    width: 100% !important;
    height: 210px !important;
    min-height: 0 !important;
    flex: 0 0 210px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #e1eaf0 !important;
    background: #f5f8fa !important;
}
html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-event-card__image > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    align-self: center !important;
}
html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-event-card__body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    gap: 12px !important;
    padding: 18px !important;
}
html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-event-card__body > :is(b,h3,ul) {
    grid-column: 1 !important;
    margin: 0 !important;
}
html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-event-card__body > b {
    justify-self: start !important;
}
html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-event-card__body > h3 {
    min-height: 48px !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
}
html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-event-card__body > button {
    align-self: stretch !important;
    width: 100% !important;
    margin: auto 0 0 !important;
    padding-inline: 18px !important;
    white-space: nowrap !important;
}
@media (max-width: 960px) {
    html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-events__grid {
        grid-template-columns: minmax(0,1fr) !important;
        gap: 14px !important;
    }
    html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-event-card {
        grid-template-columns: minmax(0,1fr) !important;
        min-height: 0 !important;
    }
    html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-event-card__image {
        width: 100% !important;
        height: 200px !important;
        flex-basis: 200px !important;
        min-height: 0 !important;
        border-inline-end: 0 !important;
        border-bottom: 1px solid #e1eaf0 !important;
    }
    html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-event-card__image > img {
        height: 100% !important;
    }
    html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-event-card__body {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding: 16px !important;
    }
    html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-event-card__body > button {
        width: 100% !important;
        align-self: stretch !important;
    }
}

/* Keep portrait photographs from stretching a whole event row. */
html body .ac-corporate-content--events .actopim-events__grid {
    align-items: start !important;
}
html body .ac-corporate-content--events .actopim-events__grid .actopim-event-card {
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
}
html body .ac-corporate-content--events .actopim-event-card .actopim-event-card__image {
    height: 190px !important;
    aspect-ratio: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f1f5f8 !important;
}
html body .ac-corporate-content--events .actopim-event-card .actopim-event-card__image > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}
html body .ac-corporate-content--events .actopim-event-card .actopim-event-card__body {
    flex: 0 0 auto !important;
    min-height: 0 !important;
}
html body .ac-corporate-content--events .actopim-event-card .actopim-event-card__body > button {
    margin-top: 0 !important;
}
html body > .actopim-event-modal.is-open {
    top: var(--ac-event-top, 0px) !important;
    bottom: auto !important;
    width: 100% !important;
    height: var(--ac-event-vh, 100dvh) !important;
    margin: 0 !important;
}
html body > .actopim-event-modal.is-open .actopim-event-modal__dialog {
    position: relative !important;
    inset: auto !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
}
@media (max-width: 640px) {
    html body > .actopim-event-modal.is-open {
        padding: 0 !important;
        align-items: flex-end !important;
    }
    html body > .actopim-event-modal.is-open .actopim-event-modal__dialog {
        width: 100% !important;
        max-height: calc(var(--ac-event-vh, 100dvh) - 16px) !important;
        height: auto !important;
        padding: 0 !important;
        border: 0 !important;
    }
    html body > .actopim-event-modal.is-open .actopim-event-modal__body {
        padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
    }
}

/* White quote CTA and softly tinted content sections. */
html body .af-footer .af-intro > a,
html body .af-footer .af-intro > a:visited,
html body .af-footer .af-intro > a:hover,
html body .af-footer .af-intro > a:focus-visible,
html body .af-footer .af-intro > a > span {
    color: #ffffff !important;
}

html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content {
    background-color: #f4f8fc;
}
html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content .rh-categories {
    background: linear-gradient(135deg, #eef8fc 0%, #e6f3f8 100%) !important;
    border-block: 1px solid #dcecf3;
}
html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content .rh-products {
    background: linear-gradient(160deg, #f4f7fd 0%, #eaf0fa 100%) !important;
    border-block: 1px solid #dfe7f3;
}
html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content .rh-areas {
    background: linear-gradient(135deg, #eef9f6 0%, #e5f3ef 100%) !important;
    border-block: 1px solid #d8ebe5;
}
html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content .rh-guide {
    background: linear-gradient(135deg, #f1f7fc 0%, #e6f0f8 100%) !important;
    border-block: 1px solid #dce8f2;
}
html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content .ac-corporate-content {
    background: linear-gradient(180deg, #f6fafc 0%, #edf4f9 100%) !important;
}
/* Each content section has its own visual language. */
html body #content .ac-clean-section { position: relative; isolation: isolate; }
html body #content .ac-clean-atmosphere {
    position: absolute; inset: 0; z-index: -1; overflow: hidden;
    border-radius: inherit; pointer-events: none; user-select: none;
}
.ac-clean-detail { position: absolute; display: block; }

/* Categories: fine turquoise contours along the outside edge. */
.rh-categories .ac-clean-detail--one {
    inset: -100px -160px -100px 58%; opacity: .65;
    background: repeating-radial-gradient(ellipse at 100% 45%, transparent 0 34px, rgba(0,145,165,.1) 35px 36px, transparent 37px 65px);
    mask-image: linear-gradient(90deg, transparent, #000);
    animation: ac-contour-drift 24s ease-in-out infinite alternate;
}
.rh-categories .ac-clean-detail--two {
    width: 35%; height: 3px; top: 0; left: 0;
    background: linear-gradient(90deg, #10a8b0, transparent); opacity: .65;
}

/* Products: a precise blue technical grid, fading toward the cards. */
.rh-products .ac-clean-detail--one {
    inset: 0; opacity: .55;
    background-image: linear-gradient(rgba(57,109,166,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(57,109,166,.09) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: linear-gradient(180deg, #000, transparent 65%);
}
.rh-products .ac-clean-detail--two {
    top: 0; right: 8%; width: 130px; height: 180px;
    background: linear-gradient(180deg, rgba(72,129,206,.12), transparent);
    transform: skewX(-24deg);
    animation: ac-panel-breathe 14s ease-in-out infinite;
}

/* Applications: an airy mint dotted texture and soft edge lighting. */
.rh-areas .ac-clean-detail--one {
    inset: 0; background: radial-gradient(rgba(22,137,108,.16) 1px, transparent 1.5px);
    background-size: 22px 22px; opacity: .6;
    mask-image: linear-gradient(90deg, #000, transparent 28%, transparent 72%, #000);
}
.rh-areas .ac-clean-detail--two {
    inset: 0; background: radial-gradient(ellipse at 0 80%, rgba(41,188,151,.12), transparent 45%);
    animation: ac-panel-breathe 18s ease-in-out infinite;
}

/* Guide: warm paper tones, with editorial diagonal strokes. */
.rh-guide .ac-clean-detail--one {
    top: 0; bottom: 0; right: 0; width: 30%;
    background: repeating-linear-gradient(135deg, transparent 0 22px, rgba(166,134,83,.08) 23px 24px, transparent 25px 46px);
    mask-image: linear-gradient(90deg, transparent, #000);
}
.rh-guide .ac-clean-detail--two {
    left: 0; top: 0; width: 100%; height: 2px;
    background: linear-gradient(90deg, transparent, #d8c4a1, transparent);
}

/* Numbers: a subtle illuminated baseline, keeping figures dominant. */
.acto-stats .ac-clean-detail--one {
    inset: 0; background: linear-gradient(0deg, rgba(33,146,193,.09), transparent 65%);
}
.acto-stats .ac-clean-detail--two {
    left: 12%; right: 12%; bottom: 0; height: 2px;
    background: linear-gradient(90deg, transparent, #36a9c5, transparent);
    animation: ac-panel-breathe 12s ease-in-out infinite;
}

/* Brands: quiet corner accents around a clean white canvas. */
.acto-brands .ac-clean-detail--one,
.acto-brands .ac-clean-detail--two {
    width: 64px; height: 64px; border: 1px solid rgba(55,127,157,.16);
}
.acto-brands .ac-clean-detail--one { left: 3%; top: 24px; border-right: 0; border-bottom: 0; }
.acto-brands .ac-clean-detail--two { right: 3%; bottom: 24px; border-left: 0; border-top: 0; }

/* Corporate pages: understated blue corner geometry. */
.ac-corporate-content .ac-clean-detail--one {
    right: -90px; top: 35px; width: 270px; height: 270px;
    border: 1px solid rgba(59,119,173,.12); transform: rotate(35deg);
}
.ac-corporate-content .ac-clean-detail--two {
    right: -115px; top: 70px; width: 270px; height: 270px;
    border: 1px solid rgba(59,119,173,.08); transform: rotate(35deg);
}

/* Distinct section palettes, keeping backgrounds light enough for dark text. */
html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content .rh-categories { background: #eef8f9 !important; border-color: #dceef0; }
html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content .rh-products { background: #f0f4fb !important; border-color: #e0e8f3; }
html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content .rh-areas { background: #f0f8f3 !important; border-color: #dfede4; }
html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content .rh-guide { background: #faf7f0 !important; border-color: #ede7da; }
html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content .acto-stats { background: #eef5fa !important; }
html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content .acto-brands { background: #fff !important; }
html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content .ac-corporate-content { background: #f7f9fc !important; }
@keyframes ac-contour-drift { from { transform: translate3d(0,-12px,0); } to { transform: translate3d(-18px,12px,0); } }
@keyframes ac-panel-breathe { 0%, 100% { opacity: .3; } 50% { opacity: .8; } }
html body #content .ac-clean-section:not(.ac-clean-inview) .ac-clean-detail { animation-play-state: paused; }
@media(max-width:700px) { .ac-clean-atmosphere { opacity: .55; } }
@media(prefers-reduced-motion:reduce) { .ac-clean-detail { animation: none !important; } }
html.ac-access-motion .ac-clean-detail { animation: none !important; }
@media print { html body #content .ac-clean-atmosphere { display: none !important; } }
html.ac-access-contrast body #content .ac-clean-atmosphere,
html.ac-access-dark body #content .ac-clean-atmosphere,
html[data-theme="dark"] body #content .ac-clean-atmosphere,
html body.dark-mode #content .ac-clean-atmosphere { display: none !important; }
/* Corporate tabs: an always exposed horizontal scroll track, without arrows. */
html body #content.actorein-corporate-pages .ac-corporate-pages-nav .acto-subnav__toggle,
html body #content.actorein-corporate-pages .ac-corporate-pages-nav .ac-corp-scroll__arrow {
    display: none !important;
}
html body #content.actorein-corporate-pages .ac-corporate-pages-nav > .eds-container,
html body #content.actorein-corporate-pages .ac-corporate-pages-nav .ac-corp-scroll {
    display: block !important;
    min-width: 0;
}
html body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks).acto-subnav__list,
html body #content.actorein-corporate-pages .ac-corporate-pages-nav.is-open :is(#ac-corporate-quicklinks,#ac-usage-quicklinks).acto-subnav__list {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    box-sizing: border-box;
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    scrollbar-width: auto !important;
    scrollbar-color: #008eaf #dceaf0 !important;
    scrollbar-gutter: stable;
    gap: 10px !important;
    margin: 0 !important;
    padding: 6px 2px 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}
html body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks) > li {
    flex: 0 0 auto !important;
    width: auto !important;
}
html body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks) > li > a {
    width: auto !important;
    white-space: nowrap !important;
}
html body #content :is(#ac-corporate-quicklinks,#ac-usage-quicklinks)::-webkit-scrollbar {
    display: block !important;
    height: 10px !important;
}
html body #content :is(#ac-corporate-quicklinks,#ac-usage-quicklinks)::-webkit-scrollbar-track {
    background: #dceaf0 !important;
    border-radius: 999px;
}
html body #content :is(#ac-corporate-quicklinks,#ac-usage-quicklinks)::-webkit-scrollbar-thumb {
    background: #008eaf !important;
    border: 2px solid #dceaf0;
    border-radius: 999px;
}
html body #content :is(#ac-corporate-quicklinks,#ac-usage-quicklinks)::-webkit-scrollbar-thumb:hover {
    background: #006f8a !important;
}
/* Language picker: centered, spacious card with searchable language tiles. */
html body dialog#ac-language-dialog {
    --lang-paper: #ffffff; --lang-ink: #15354b; --lang-muted: #61788b;
    --lang-line: #e0eaf0; --lang-tile: #f6f9fc; --lang-selected: #e9f7fa;
    position: fixed !important; inset: auto; margin: 0;
    width: min(340px, calc(100vw - 24px));
    max-width: none !important; height: fit-content;
    max-height: calc(100dvh - 24px);
    padding: 0 !important; overflow: auto !important;
    border: 1px solid var(--lang-line) !important; border-radius: 24px !important;
    background: var(--lang-paper) !important; color: var(--lang-ink) !important;
    box-shadow: 0 28px 90px rgba(10,37,58,.24) !important;
}
html body dialog#ac-language-dialog::before { display: none !important; }
html body dialog#ac-language-dialog::backdrop { background: rgba(12,31,49,.44); backdrop-filter: blur(6px); }
html body #ac-language-dialog .ac-language-dialog__head {
    display: flex; align-items: center; justify-content: space-between;
    gap: 20px; padding: 26px 28px 20px !important;
    background: linear-gradient(125deg, var(--lang-selected), var(--lang-paper));
    border-bottom: 1px solid var(--lang-line) !important;
}
html body #ac-language-dialog .ac-language-dialog__head h2 {
    margin: 0; color: var(--lang-ink) !important;
    font: 700 24px/1.25 var(--font-sans, sans-serif) !important;
    letter-spacing: -.035em; text-align: start;
}
html body #ac-language-dialog .ac-language-dialog__close {
    display: grid; place-items: center; flex: 0 0 40px;
    width: 40px; height: 40px; padding: 0;
    border: 1px solid var(--lang-line); border-radius: 12px;
    background: var(--lang-paper) !important; color: var(--lang-muted) !important;
    font: 400 26px/1 sans-serif; cursor: pointer;
}
html body #ac-language-dialog .ac-language-dialog__close:hover { color: #007f9d !important; background: var(--lang-selected) !important; }
.ac-language-dialog__search { padding: 20px 28px 6px; }
html body #ac-language-dialog .ac-language-dialog__search input {
    width: 100%; min-width: 0; height: 48px; padding: 12px 16px;
    border: 1px solid var(--lang-line); border-radius: 12px;
    background: var(--lang-tile); color: var(--lang-ink);
    font: 400 14px/1.4 var(--font-sans, sans-serif); box-shadow: none;
}
html body #ac-language-dialog .ac-language-dialog__search input::placeholder { color: var(--lang-muted); }
html body #ac-language-dialog .ac-language-grid {
    display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important; padding: 16px 28px 28px !important; margin: 0 !important;
    max-height: none !important; overflow: visible !important; background: transparent !important;
}
html body #ac-language-dialog .ac-language-grid a {
    display: grid !important; grid-template-columns: 32px minmax(0,1fr) 18px !important;
    align-items: center; gap: 12px; min-height: 66px !important;
    padding: 14px !important; border: 1px solid var(--lang-line) !important;
    border-radius: 14px !important; background: var(--lang-paper) !important;
    color: var(--lang-ink) !important; text-decoration: none;
    transform: none !important; box-shadow: none !important;
    transition: background-color .16s ease, border-color .16s ease;
}
html body #ac-language-dialog .ac-language-grid a:hover {
    border-color: #8fcbd7 !important; background: var(--lang-tile) !important;
}
html body #ac-language-dialog .ac-language-grid a[aria-current="true"] {
    border-color: #008da8 !important; background: var(--lang-selected) !important;
    box-shadow: inset 3px 0 #008da8 !important;
}
html body #ac-language-dialog .ac-language-grid .nc-lang__menu-flag { width: 30px; height: 21px; border-radius: 5px; object-fit: cover; }
html body #ac-language-dialog .ac-language-grid .nc-lang__menu-name { font-size: 14px !important; font-weight: 600; color: inherit !important; }
html body #ac-language-dialog .ac-language-grid a::after { grid-column: 3; color: #008da8; }
html body #ac-language-dialog .ac-language-grid a[hidden] { display: none !important; }
html body #ac-language-dialog :is(a,button,input):focus-visible { outline: 3px solid #008da8; outline-offset: 3px; }
.ac-language-dialog__empty { margin: 0; padding: 6px 28px 28px; color: var(--lang-muted); font-size: 14px; }
html.ac-access-dark body dialog#ac-language-dialog,
html[data-theme="dark"] body dialog#ac-language-dialog,
html body.dark-mode dialog#ac-language-dialog {
    --lang-paper: #142938; --lang-ink: #edf6fc; --lang-muted: #a4b9c9;
    --lang-line: #304b60; --lang-tile: #1b3548; --lang-selected: #183f4b;
}
@media(max-width:480px) {
    html body dialog#ac-language-dialog { border-radius: 20px !important; }
    html body #ac-language-dialog .ac-language-dialog__head { padding: 20px !important; }
    html body #ac-language-dialog .ac-language-dialog__head h2 { font-size: 21px !important; }
    .ac-language-dialog__search { padding: 16px 20px 4px; }
    html body #ac-language-dialog .ac-language-grid { padding: 14px 20px 20px !important; gap: 8px !important; }
    html body #ac-language-dialog .ac-language-grid a { grid-template-columns: 26px minmax(0,1fr) !important; gap: 8px; padding: 10px !important; min-height: 60px !important; }
    html body #ac-language-dialog .ac-language-grid a::after { display: none; }
    html body #ac-language-dialog .ac-language-grid .nc-lang__menu-flag { width: 26px; height: 18px; }
    html body #ac-language-dialog .ac-language-grid .nc-lang__menu-name { font-size: 12px !important; }
}
@media(max-width:340px) { html body #ac-language-dialog .ac-language-grid { grid-template-columns: minmax(0,1fr) !important; } }
/* Compact language popover anchored below the language trigger. */
html body dialog#ac-language-dialog {
    inset: auto;
    left: auto; top: auto;
    right: auto !important; bottom: auto !important;
    margin: 0 !important;
    width: min(340px, calc(100vw - 24px));
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 24px);
    border-radius: 16px !important;
    box-shadow: 0 12px 38px rgba(10,37,58,.18) !important;
}
html body dialog#ac-language-dialog::backdrop {
    background: transparent;
    backdrop-filter: none;
}
html body #ac-language-dialog .ac-language-dialog__head {
    padding: 13px 14px 11px !important; gap: 10px;
}
html body #ac-language-dialog .ac-language-dialog__head h2 {
    font-size: 16px !important; letter-spacing: -.02em;
}
html body #ac-language-dialog .ac-language-dialog__close {
    flex-basis: 30px; width: 30px; height: 30px; border-radius: 9px; font-size: 22px;
}
html body #ac-language-dialog .ac-language-dialog__search { padding: 10px 14px 2px; }
html body #ac-language-dialog .ac-language-dialog__search input {
    height: 36px; padding: 8px 11px; border-radius: 9px; font-size: 12px;
}
html body #ac-language-dialog .ac-language-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    padding: 10px 14px 14px !important; gap: 6px !important;
}
html body #ac-language-dialog .ac-language-grid a {
    grid-template-columns: 22px minmax(0,1fr) !important;
    min-height: 43px !important; gap: 8px;
    padding: 9px !important; border-radius: 9px !important;
}
html body #ac-language-dialog .ac-language-grid .nc-lang__menu-flag { width: 22px; height: 15px; border-radius: 3px; }
html body #ac-language-dialog .ac-language-grid .nc-lang__menu-name { font-size: 12px !important; }
html body #ac-language-dialog .ac-language-grid a::after { display: none !important; }
html body #ac-language-dialog .ac-language-dialog__empty { padding: 4px 14px 14px; font-size: 12px; }
/* Main header links only; dropdown panels keep their existing design. */
@media (min-width: 901px) {
    html body .nc-header .nc-menu > ul > li > a:not(.ac-finder-nav) {
        position: relative;
        border-radius: 9px;
        font-weight: 600 !important;
        letter-spacing: -.015em;
        text-decoration: none;
        background: transparent;
        transition: color .18s ease, background-color .18s ease !important;
    }
    html body .nc-header .nc-menu > ul > li:hover > a:not(.ac-finder-nav),
    html body .nc-header .nc-menu > ul > li > a:not(.ac-finder-nav):focus-visible {
        color: #007f9f !important;
        background: #edf7fa;
    }
    html body .nc-header .nc-menu > ul > li:is(.current-menu-item,.current-menu-ancestor,.current_page_item,.is-active,.is-open) > a:not(.ac-finder-nav),
    html body .nc-header .nc-menu > ul > li > a:not(.ac-finder-nav):is(.is-current,[aria-current="page"]) {
        color: #00758f !important;
        background: #e6f3f7;
    }
    html body .nc-header .nc-menu > ul > li > a:not(.ac-finder-nav)::after {
        content: '';
        position: absolute;
        top: auto;
        bottom: 3px;
        left: 50%;
        right: auto;
        width: 18px !important;
        height: 2px !important;
        border-radius: 2px;
        background: #0098b4 !important;
        opacity: 0;
        transform: translateX(-50%) scaleX(.4) !important;
        transition: opacity .18s ease, transform .18s ease !important;
        pointer-events: none;
    }
    html body .nc-header .nc-menu > ul > li:hover > a:not(.ac-finder-nav)::after,
    html body .nc-header .nc-menu > ul > li:is(.current-menu-item,.current-menu-ancestor,.current_page_item,.is-active,.is-open) > a:not(.ac-finder-nav)::after,
    html body .nc-header .nc-menu > ul > li > a:not(.ac-finder-nav):is(:focus-visible,.is-current,[aria-current="page"])::after {
        opacity: 1;
        transform: translateX(-50%) scaleX(1) !important;
    }
    html body .nc-header .nc-menu > ul > li > a:focus-visible {
        outline: 2px solid #0098b4;
        outline-offset: 3px;
    }
    html.ac-access-dark body .nc-header .nc-menu > ul > li:hover > a:not(.ac-finder-nav),
    html.ac-access-dark body .nc-header .nc-menu > ul > li:is(.current-menu-item,.current-menu-ancestor,.current_page_item,.is-active,.is-open) > a:not(.ac-finder-nav),
    html.ac-access-dark body .nc-header .nc-menu > ul > li > a:not(.ac-finder-nav):is(:focus-visible,.is-current,[aria-current="page"]) {
        color: #9ae4f2 !important;
        background: #193d50;
    }
}
@media (prefers-reduced-motion: reduce) {
    html body .nc-header .nc-menu > ul > li > a,
    html body .nc-header .nc-menu > ul > li > a::after { transition: none !important; }
}

/* ============================================================
   MODULE: dynamic-motion-system.css
   Balanced, modern motion across scroll reveals, cards, buttons,
   hero banners, ambient backgrounds, and navigation popovers.
   ============================================================ */

/* ---------- 1. Top Scroll Progress Indicator ---------- */
.ac-scroll-progress {
    position: fixed;
    top: 0;
    inset-inline: 0;
    height: 3px;
    z-index: 2147483640;
    pointer-events: none;
    background: transparent;
    overflow: hidden;
}
.ac-scroll-progress__bar {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #0284c7 0%, #38bdf8 50%, #00b4d8 100%);
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.55);
    transform-origin: 0 50%;
    transform: scaleX(var(--ac-scroll-ratio, 0));
    transition: transform 0.08s linear;
}
html[dir="rtl"] .ac-scroll-progress__bar,
html.ac-access-rtl .ac-scroll-progress__bar {
    transform-origin: 100% 50%;
}

/* ---------- 2. Scroll Reveal & Staggered Entrances ---------- */
@keyframes ac-reveal-rise {
    from { transform: translate3d(var(--ac-enter-x, 12px), 0, 0); }
    to { transform: translate3d(0, 0, 0); }
}

html.ac-motion-ready:not(.ac-access-motion) .ac-reveal-pending {
    opacity: 1 !important;
    transform: none !important;
}

html.ac-motion-ready:not(.ac-access-motion) .ac-reveal-play {
    animation: ac-reveal-rise 0.32s cubic-bezier(0.22, 1, 0.36, 1) var(--ac-delay, 0ms) both !important;
}

/* ---------- 3. Hero Slider & Page Hero Motion ---------- */
@keyframes ac-hero-kenburns {
    0% { transform: scale(1) translate3d(0, 0, 0); }
    100% { transform: scale(1.055) translate3d(-0.8%, -0.5%, 0); }
}

@keyframes ac-hero-copy-in {
    from { transform: translate3d(var(--ac-enter-x, 12px), 0, 0); }
    to { transform: translate3d(0, 0, 0); }
}

@keyframes ac-page-hero-glow {
    0% { transform: translate3d(-15%, -10%, 0) rotate(0deg) scale(1); opacity: 0.45; }
    50% { transform: translate3d(10%, 8%, 0) rotate(6deg) scale(1.12); opacity: 0.75; }
    100% { transform: translate3d(-5%, -6%, 0) rotate(-4deg) scale(0.96); opacity: 0.45; }
}

html:not(.ac-access-motion):not(.ac-low-motion) body .rh-hero .rh-hero__slide:not([hidden]) .rh-hero__visual img {
    animation: ac-hero-kenburns 12s ease-out forwards;
    will-change: transform;
}

html:not(.ac-access-motion) body .rh-hero .rh-hero__slide:not([hidden]) .rh-hero__copy :is(h1, h2, .rh-hero__title) {
    animation: ac-hero-copy-in 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html:not(.ac-access-motion) body .rh-hero .rh-hero__slide:not([hidden]) .rh-hero__copy :is(p, .rh-hero__desc) {
    animation: ac-hero-copy-in 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
}
html:not(.ac-access-motion) body .rh-hero .rh-hero__slide:not([hidden]) .rh-hero__copy .rh-hero__cta {
    animation: ac-hero-copy-in 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
}

html:not(.ac-access-motion) body .acto-page-hero {
    overflow: hidden;
}
html:not(.ac-access-motion) body .acto-page-hero::after {
    content: '';
    position: absolute;
    inset: -40% -10%;
    pointer-events: none;
    background:
        radial-gradient(circle at 78% 35%, rgba(56, 189, 248, 0.18) 0%, transparent 42%),
        radial-gradient(circle at 22% 75%, rgba(2, 132, 199, 0.15) 0%, transparent 48%);
    animation: ac-page-hero-glow 16s ease-in-out infinite alternate;
    z-index: 0;
}
html body .acto-page-hero > .eds-container {
    position: relative;
    z-index: 1;
}

/* ---------- 4. Enhanced Section Atmosphere Animations ---------- */
@keyframes ac-grid-float {
    0% { background-position: 0 0, 0 0; }
    100% { background-position: 52px 26px, 52px 26px; }
}
@keyframes ac-dots-drift {
    0% { background-position: 0 0; }
    100% { background-position: 22px 22px; }
}
@keyframes ac-geo-spin {
    0% { transform: rotate(35deg) translate3d(0, 0, 0); }
    50% { transform: rotate(43deg) translate3d(-10px, 8px, 0); }
    100% { transform: rotate(35deg) translate3d(0, 0, 0); }
}
@keyframes ac-line-sweep {
    0% { transform: scaleX(0.65); opacity: 0.45; }
    50% { transform: scaleX(1.08); opacity: 0.9; }
    100% { transform: scaleX(0.65); opacity: 0.45; }
}

html:not(.ac-access-motion):not(.ac-low-motion) body #content .rh-categories.ac-clean-inview .ac-clean-detail--two {
    transform-origin: left center;
    animation: ac-line-sweep 8s ease-in-out infinite;
}
html:not(.ac-access-motion):not(.ac-low-motion) body #content .rh-products.ac-clean-inview .ac-clean-detail--one {
    animation: ac-grid-float 22s linear infinite;
}
html:not(.ac-access-motion):not(.ac-low-motion) body #content .rh-areas.ac-clean-inview .ac-clean-detail--one {
    animation: ac-dots-drift 18s linear infinite;
}
html:not(.ac-access-motion):not(.ac-low-motion) body #content .ac-corporate-content.ac-clean-inview .ac-clean-detail--one {
    animation: ac-geo-spin 20s ease-in-out infinite;
}
html:not(.ac-access-motion):not(.ac-low-motion) body #content .ac-corporate-content.ac-clean-inview .ac-clean-detail--two {
    animation: ac-geo-spin 26s ease-in-out infinite reverse;
}

/* ---------- 5. Interactive Cards: Lift, Image Zoom & Cursor Spotlight ---------- */
html body .rh-categories .rh-categories__card,
html body .rh-products .rh-products__card,
html body .rh-areas .rh-areas__entry,
html body .acto-stats .acto-stats__item,
html body .acto-brands .acto-brands__item,
html body #content.actorein-catalog .acto-products__grid .product-card.ac-product,
html body .ac-corporate-content--events .actopim-event-card {
    position: relative;
    transition:
        transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.28s ease,
        background-color 0.28s ease !important;
}

/* Cursor-reactive soft spotlight on interactive cards (desktop pointer) */
@media (hover: hover) and (pointer: fine) {
    html:not(.ac-access-contrast) body :is(
        .rh-categories .rh-categories__card,
        .rh-products .rh-products__card,
        .acto-stats .acto-stats__item,
        #content.actorein-catalog .acto-products__grid .product-card.ac-product
    )::after {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: inherit;
        pointer-events: none;
        background: radial-gradient(
            320px circle at var(--ac-spot-x, 50%) var(--ac-spot-y, 50%),
            rgba(2, 132, 199, 0.085),
            transparent 70%
        );
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: 0;
    }
    html:not(.ac-access-contrast) body :is(
        .rh-categories .rh-categories__card,
        .rh-products .rh-products__card,
        .acto-stats .acto-stats__item,
        #content.actorein-catalog .acto-products__grid .product-card.ac-product
    ):hover::after {
        opacity: 1;
    }

    html body .rh-categories .rh-categories__card:hover {
        transform: translate3d(0, -7px, 0) !important;
        box-shadow: 0 18px 36px -6px rgba(2, 132, 199, 0.16), 0 6px 14px -3px rgba(10, 37, 64, 0.06) !important;
        border-color: #7dd3fc !important;
    }
    html body .rh-categories .rh-categories__card .rh-categories__icon {
        transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.36s ease !important;
    }
    html body .rh-categories .rh-categories__card:hover .rh-categories__icon {
        transform: scale(1.1) rotate(-5deg) !important;
        box-shadow: 0 12px 24px rgba(2, 132, 199, 0.34) !important;
    }

    /* Home Products & Catalog Products */
    html body .rh-products .rh-products__card:hover,
    html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover {
        transform: translate3d(0, -7px, 0) !important;
        box-shadow: 0 20px 38px -8px rgba(10, 37, 64, 0.14), 0 6px 16px -4px rgba(2, 132, 199, 0.1) !important;
        border-color: #7dd3fc !important;
    }
    html body .rh-products .rh-products__media img,
    html body #content.actorein-catalog .ac-product__visual img,
    html body .ac-corporate-content--events .actopim-event-card__image > img {
        transition: transform 0.48s cubic-bezier(0.22, 1, 0.36, 1), filter 0.35s ease !important;
    }
    html body .rh-products .rh-products__card:hover .rh-products__media img,
    html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__visual img,
    html body .ac-corporate-content--events .actopim-event-card:hover .actopim-event-card__image > img {
        transform: scale(1.065) translate3d(0, -2px, 0) !important;
    }

    /* Usage Areas Cards */
    html body .rh-areas .rh-areas__entry:hover {
        transform: translate3d(0, -4px, 0) !important;
        box-shadow: 0 14px 30px -6px rgba(16, 168, 176, 0.14), 0 4px 12px rgba(10, 37, 64, 0.05) !important;
    }
    html body .rh-areas .rh-areas__illustration svg {
        transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }
    html body .rh-areas .rh-areas__entry:hover .rh-areas__illustration svg {
        transform: scale(1.06) rotate(2deg) !important;
    }

    /* Stats & Brands Cards */
    html body .acto-stats .acto-stats__item:hover {
        transform: translate3d(0, -6px, 0) !important;
        box-shadow: 0 18px 34px -6px rgba(2, 132, 199, 0.14), 0 4px 12px rgba(10, 37, 64, 0.05) !important;
    }
    html body .acto-brands .acto-brands__item:hover {
        transform: translate3d(0, -5px, 0) scale(1.02) !important;
        box-shadow: 0 14px 28px -6px rgba(10, 37, 64, 0.1) !important;
        border-color: #93c5fd !important;
    }
    html body .acto-brands .acto-brands__item img {
        transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }
    html body .acto-brands .acto-brands__item:hover img {
        transform: scale(1.07) !important;
    }

    /* Event Cards & Corporate/Usage Cards */
    html body #content.actorein-corporate-pages .ac-corporate-content--events [data-actopim-events] .actopim-event-card:hover {
        transform: translate3d(0, -6px, 0) !important;
        box-shadow: 0 18px 36px -6px rgba(10, 37, 64, 0.13) !important;
        border-color: #7dd3fc !important;
    }
    html body .ac-corporate-content :is(.ac-usage-card, .ac-usage-product, .ac-usage-item, .acto-ua__card, .acto-ua__step-card) {
        transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.32s ease, border-color 0.25s ease !important;
    }
    html body .ac-corporate-content :is(.ac-usage-card, .ac-usage-product, .ac-usage-item, .acto-ua__card, .acto-ua__step-card):hover {
        transform: translate3d(0, -4px, 0) !important;
        box-shadow: 0 14px 28px -6px rgba(10, 37, 64, 0.1) !important;
    }
}

/* ---------- 6. Button Shimmer & Icon Micro-Motion ---------- */
html body #content .rh-hero .rh-hero__cta,
html body .rh-categories .rh-categories__all,
html body #content.actorein-catalog .ac-product__btn,
html body .af-footer .af-intro > a,
html body .af-footer .af-btn {
    position: relative;
    overflow: hidden;
    transition:
        transform 0.24s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.24s ease,
        background-color 0.22s ease,
        border-color 0.22s ease,
        color 0.22s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    html body #content .rh-hero .rh-hero__cta::before,
    html body .af-footer .af-intro > a::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -120%;
        width: 65%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent);
        transform: skewX(-20deg);
        transition: left 0.55s cubic-bezier(0.22, 1, 0.36, 1);
        pointer-events: none;
    }
    html body #content .rh-hero .rh-hero__cta:hover::before,
    html body .af-footer .af-intro > a:hover::before {
        left: 140%;
    }
    html body #content .rh-hero .rh-hero__cta:hover,
    html body .rh-categories .rh-categories__all:hover,
    html body .af-footer .af-intro > a:hover {
        transform: translate3d(0, -2px, 0) !important;
    }
}

html body #content .rh-hero .rh-hero__cta svg,
html body .rh-products .acto-showcase__link svg,
html body #content.actorein-catalog .ac-product__btn svg,
html body .rh-categories .rh-categories__all svg {
    transition: transform 0.26s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
html body #content .rh-hero .rh-hero__cta:hover svg,
html body .rh-products .rh-products__card:hover .acto-showcase__link svg,
html body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__btn svg,
html body .rh-categories .rh-categories__all:hover svg {
    transform: translateX(4px) !important;
}
html[dir="rtl"] body #content .rh-hero .rh-hero__cta:hover svg,
html[dir="rtl"] body .rh-products .rh-products__card:hover .acto-showcase__link svg,
html[dir="rtl"] body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__btn svg {
    transform: translateX(-4px) !important;
}

/* ---------- 7. Header, Mega Menu & Popover Transitions ---------- */
@keyframes ac-popover-enter {
    0% {
        opacity: 0;
        transform: translate3d(0, 8px, 0) scale(0.98);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

html:not(.ac-access-motion) body dialog#ac-language-dialog[open],
html:not(.ac-access-motion) body .nc-sites.is-open .nc-sites__menu,
html:not(.ac-access-motion) body .nc-mega.is-open {
    animation: ac-popover-enter 0.22s cubic-bezier(0.22, 1, 0.36, 1) both;
}

html body .nc-header .nc-logo__img {
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (hover: hover) and (pointer: fine) {
    html body .nc-header .nc-logo:hover .nc-logo__img {
        transform: scale(1.03);
    }
}

/* ---------- 8. Reduced Motion & Accessibility Safeguards ---------- */
@media (prefers-reduced-motion: reduce) {
    .ac-scroll-progress__bar,
    .ac-reveal-pending,
    .ac-reveal-play,
    html body .rh-hero .rh-hero__slide:not([hidden]) .rh-hero__visual img,
    html body .rh-hero .rh-hero__slide:not([hidden]) .rh-hero__copy :is(h1, h2, p, .rh-hero__title, .rh-hero__desc, .rh-hero__cta),
    html body .acto-page-hero::after,
    html body dialog#ac-language-dialog[open],
    html body .nc-sites.is-open .nc-sites__menu,
    html body .nc-mega.is-open {
        animation: none !important;
        transition: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
}
html.ac-access-motion .ac-reveal-pending,
html.ac-access-motion .ac-reveal-play,
html.ac-access-motion .acto-page-hero::after,
html.ac-access-motion dialog#ac-language-dialog[open],
html.ac-access-motion .nc-sites.is-open .nc-sites__menu,
html.ac-access-motion .nc-mega.is-open {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
}


/* ============================================================
   MODULE: clean-containers-and-product-finder.css
   1. Site-wide hygienic/clean-tech container surfaces & bubble details
   2. Modern, self-explanatory "Find Your Product" (.ac-plan) wizard UI
   ============================================================ */

/* ---------- 1. Site-Wide Clean Atmosphere & Container Surfaces ---------- */
@keyframes ac-bubble-rise {
    0% {
        transform: translate3d(0, 14px, 0) scale(0.92);
        opacity: 0.25;
    }
    50% {
        transform: translate3d(-10px, -12px, 0) scale(1.06);
        opacity: 0.65;
    }
    100% {
        transform: translate3d(8px, -28px, 0) scale(0.95);
        opacity: 0.25;
    }
}

/* Third atmosphere layer: hygienic water-droplet / bubble rings */
html body #content .ac-clean-section .ac-clean-detail--three {
    inset: 0;
    pointer-events: none;
    background-image:
        radial-gradient(circle at 14% 28%, rgba(56, 189, 248, 0.14) 0, rgba(56, 189, 248, 0.14) 5px, transparent 6px),
        radial-gradient(circle at 86% 22%, rgba(14, 165, 233, 0.12) 0, rgba(14, 165, 233, 0.12) 8px, transparent 9px),
        radial-gradient(circle at 78% 76%, rgba(6, 182, 212, 0.12) 0, rgba(6, 182, 212, 0.12) 6px, transparent 7px),
        radial-gradient(circle at 22% 82%, rgba(56, 189, 248, 0.1) 0, rgba(56, 189, 248, 0.1) 10px, transparent 11px);
    animation: ac-bubble-rise 16s ease-in-out infinite alternate;
}

/* Atmosphere details for newly decorated sections (Catalog, Product Detail, Impressum, Product Finder) */
.ac-catalog-section .ac-clean-detail--one,
.acto-pd .ac-clean-detail--one,
.ac-plan .ac-clean-detail--one {
    inset: 0;
    opacity: 0.5;
    background-image:
        radial-gradient(circle at 92% 12%, rgba(56, 189, 248, 0.14) 0%, transparent 38%),
        radial-gradient(circle at 8% 88%, rgba(2, 132, 199, 0.1) 0%, transparent 42%);
}
.ac-catalog-section .ac-clean-detail--two,
.acto-pd .ac-clean-detail--two,
.ac-impressum .ac-clean-detail--two,
.ac-plan .ac-clean-detail--two {
    top: 0;
    left: 8%;
    right: 8%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.45), transparent);
}

/* Hygienic glass/water-clean container framing across the entire site */
html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content :is(
    .rh-categories .rh-categories__card,
    .rh-products .rh-products__card,
    .rh-areas .rh-areas__entry,
    .rh-guide .rh-guide__card,
    .acto-stats .acto-stats__item,
    .acto-brands .acto-brands__item,
    #content.actorein-catalog .ac-catalog-sidebar__inner,
    #content.actorein-catalog .ac-catalog-main__header,
    #content.actorein-catalog .acto-products__grid .product-card.ac-product,
    .acto-pd .acto-pd__media,
    .acto-pd .acto-pd__info,
    .acto-pd .acto-pd__panels .acto-tabpanel,
    .ac-impressum .ac-impressum__grid > section,
    .ac-corporate-content .acto-ua__card,
    .ac-corporate-content .acto-ua__step-card,
    .ac-corporate-content .ac-usage-card,
    .ac-corporate-content .ac-usage-product,
    .ac-corporate-content .ac-usage-item
) {
    border-color: #d6e9f5 !important;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 250, 254, 0.94) 100%);
    box-shadow:
        0 10px 28px -10px rgba(2, 132, 199, 0.08),
        0 2px 8px rgba(10, 37, 64, 0.03),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}



/* Material Design 3 (M3) Tonal Segmented Filter Tabs for Home Products */
html body #content :is(.rh-products, .rh-products__dynamic, .acto-product-showcase) .rh-products__filterbar {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    backdrop-filter: none !important;
    margin-bottom: 26px !important;
}

@media (min-width: 701px) {
    html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content :is(.rh-products, .rh-products__dynamic, .acto-product-showcase) .rh-products__filters {
        display: inline-flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 4px !important;
        width: fit-content !important;
        max-width: 100% !important;
        padding: 5px !important;
        border-radius: 14px !important;
        border: 1px solid rgba(2, 132, 199, 0.14) !important;
        background: #dceaf5 !important;
        box-shadow: inset 0 1px 2px rgba(10, 37, 64, 0.06) !important;
    }

    html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content :is(.rh-products, .rh-products__dynamic, .acto-product-showcase) .rh-products__filters button {
        position: relative !important;
        min-height: 38px !important;
        padding: 8px 16px !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        color: #334e68 !important;
        font: 600 13px/1.25 var(--font-sans, Inter, sans-serif) !important;
        letter-spacing: 0.005em !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        cursor: pointer !important;
        transition:
            background-color 0.2s cubic-bezier(0.2, 0, 0, 1),
            color 0.2s cubic-bezier(0.2, 0, 0, 1),
            box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1),
            transform 0.15s cubic-bezier(0.2, 0, 0, 1) !important;
    }

    html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content :is(.rh-products, .rh-products__dynamic, .acto-product-showcase) .rh-products__filters button:hover:not([aria-pressed="true"]) {
        background: rgba(2, 132, 199, 0.11) !important;
        color: #0a2540 !important;
    }

    html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content :is(.rh-products, .rh-products__dynamic, .acto-product-showcase) .rh-products__filters button:active {
        transform: scale(0.97) !important;
    }

    html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content :is(.rh-products, .rh-products__dynamic, .acto-product-showcase) .rh-products__filters button[aria-pressed="true"] {
        background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
        color: #ffffff !important;
        box-shadow:
            0 2px 6px rgba(2, 132, 199, 0.32),
            0 1px 2px rgba(10, 37, 64, 0.12) !important;
    }
}

@media (max-width: 700px) {
    html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content :is(.rh-products, .rh-products__dynamic, .acto-product-showcase) .rh-products__filter-toggle {
        border: 1px solid rgba(2, 132, 199, 0.2) !important;
        border-radius: 14px !important;
        background: #dceaf5 !important;
        color: #0a2540 !important;
        box-shadow: inset 0 1px 2px rgba(10, 37, 64, 0.05) !important;
        backdrop-filter: none !important;
    }
    html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content :is(.rh-products, .rh-products__dynamic, .acto-product-showcase) .rh-products__filters {
        background: #eaf3fa !important;
        border: 1px solid #c5d9e8 !important;
        border-radius: 14px !important;
        box-shadow: 0 12px 28px -6px rgba(10, 37, 64, 0.18) !important;
    }
    html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content :is(.rh-products, .rh-products__dynamic, .acto-product-showcase) .rh-products__filters button:hover:not([aria-pressed="true"]) {
        background: rgba(2, 132, 199, 0.1) !important;
    }
}

html.ac-access-dark:not(.ac-access-contrast) body #content :is(.rh-products, .rh-products__dynamic, .acto-product-showcase) .rh-products__filters {
    display: inline-flex !important;
    padding: 5px !important;
    border-radius: 14px !important;
    border: 1px solid #29465b !important;
    background: #152a3a !important;
}
html.ac-access-dark:not(.ac-access-contrast) body #content :is(.rh-products, .rh-products__dynamic, .acto-product-showcase) .rh-products__filters button:not([aria-pressed="true"]) {
    background: transparent !important;
    border: 0 !important;
    color: #b8cfe0 !important;
    box-shadow: none !important;
}
html.ac-access-dark:not(.ac-access-contrast) body #content :is(.rh-products, .rh-products__dynamic, .acto-product-showcase) .rh-products__filters button:hover:not([aria-pressed="true"]) {
    background: rgba(56, 189, 248, 0.12) !important;
    color: #ffffff !important;
}
html.ac-access-dark:not(.ac-access-contrast) body #content :is(.rh-products, .rh-products__dynamic, .acto-product-showcase) .rh-products__filters button[aria-pressed="true"] {
    background: #0284c7 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
}

html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content.actorein-catalog .ac-catalog-main__header,
html:not(.ac-access-dark):not(.ac-access-contrast):not([data-theme="dark"]) body:not(.dark-mode) #content.actorein-catalog .ac-catalog-sidebar__inner {
    border-radius: 20px !important;
    border: 1px solid #d4e8f4 !important;
    box-shadow:
        0 14px 32px -12px rgba(2, 132, 199, 0.09),
        inset 0 1px 0 #ffffff !important;
}

/* ---------- 2. Modernized "Find Your Product" (.ac-plan) Interface ---------- */
html body #content .ac-plan {
    --plan-bg: #f6fbfe;
    --plan-paper: #ffffff;
    --plan-ink: #0a2540;
    --plan-muted: #526b7d;
    --plan-edge: #d5e8f3;
    --plan-accent: #0284c7;
    --plan-accent-strong: #0369a1;
    --plan-soft: #e6f6fe;
    position: relative;
    margin-block: clamp(24px, 3.5vw, 48px) !important;
    padding: clamp(22px, 3.5vw, 42px) !important;
    border-radius: 26px !important;
    border: 1px solid #cbe4f3 !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(56, 189, 248, 0.10) 0%, transparent 45%),
        radial-gradient(circle at 0% 100%, rgba(14, 165, 233, 0.08) 0%, transparent 45%),
        linear-gradient(180deg, #ffffff 0%, #f4fafe 100%) !important;
    box-shadow:
        0 22px 54px -16px rgba(2, 132, 199, 0.13),
        0 4px 16px rgba(10, 37, 64, 0.04),
        inset 0 1px 0 #ffffff !important;
    overflow: hidden;
}

html body #content .ac-plan::before {
    content: '';
    position: absolute;
    top: 0;
    inset-inline: 0;
    height: 4px;
    background: linear-gradient(90deg, #0284c7 0%, #38bdf8 50%, #06b6d4 100%);
    pointer-events: none;
}

/* Header */
html body .ac-plan .ac-plan__head {
    max-width: 720px;
    margin: 0 0 26px !important;
}
html body .ac-plan .ac-plan__head .ac-plan__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 13px;
    margin-bottom: 12px;
    border-radius: 999px;
    border: 1px solid #bae6fd;
    background: #e0f2fe;
    color: #0369a1;
    font: 700 11px/1.2 var(--font-sans, Inter, sans-serif);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
html body .ac-plan .ac-plan__head .ac-plan__eyebrow::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0284c7;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.2);
}
html body .ac-plan .ac-plan__head h2 {
    margin: 0 0 10px !important;
    color: var(--plan-ink);
    font: 800 clamp(24px, 3vw, 34px)/1.2 var(--font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    letter-spacing: -0.025em;
}
html body .ac-plan .ac-plan__head p {
    margin: 0 !important;
    color: var(--plan-muted);
    font-size: clamp(14px, 1.1vw, 16px) !important;
    line-height: 1.65 !important;
}

/* Interactive 3-Step Progress Bar */
html body .ac-plan .ac-plan__steps {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    list-style: none !important;
}
html body .ac-plan .ac-plan__steps > li {
    position: relative;
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    padding: 14px 16px !important;
    border: 1px solid #d8e8f2 !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.85) !important;
    color: var(--plan-muted) !important;
    transition:
        border-color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}
html body .ac-plan .ac-plan__steps > li > b {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
    border: 1px solid #cbe0ec !important;
    background: #f0f7fb !important;
    color: #466378 !important;
    font: 800 13px/1 var(--font-sans, Inter, sans-serif) !important;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease !important;
}
html body .ac-plan .ac-plan__step-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
}
html body .ac-plan .ac-plan__step-copy strong {
    font: 700 13.5px/1.3 var(--font-sans, Inter, sans-serif) !important;
    color: var(--plan-ink) !important;
}
html body .ac-plan .ac-plan__step-copy small {
    font: 400 11.5px/1.35 var(--font-sans, Inter, sans-serif) !important;
    color: var(--plan-muted) !important;
}
html body .ac-plan .ac-plan__steps > li[aria-current="step"] {
    border-color: #0284c7 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px -10px rgba(2, 132, 199, 0.22), inset 0 0 0 1px #0284c7 !important;
}
html body .ac-plan .ac-plan__steps > li[aria-current="step"] > b {
    border-color: #0284c7 !important;
    background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3) !important;
}
html body .ac-plan .ac-plan__steps > li.is-complete {
    border-color: #86efac !important;
    background: #f0fdf4 !important;
    cursor: pointer !important;
}
html body .ac-plan .ac-plan__steps > li.is-complete:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px -8px rgba(16, 185, 129, 0.25) !important;
}
html body .ac-plan .ac-plan__steps > li.is-complete > b {
    border-color: #10b981 !important;
    background: #10b981 !important;
    color: #ffffff !important;
}

/* Step 1: Workplace Cards */
html body .ac-plan fieldset {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body .ac-plan fieldset > legend {
    margin: 0 0 16px !important;
    padding: 0 !important;
    color: var(--plan-ink) !important;
    font: 700 clamp(17px, 2vw, 21px)/1.35 var(--font-heading, 'Plus Jakarta Sans', sans-serif) !important;
}
html body .ac-plan .ac-plan__businesses {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 14px !important;
}
html body .ac-plan .ac-plan__business-option {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 20px 18px !important;
    border: 1.5px solid #d5e7f2 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(10, 37, 64, 0.03) !important;
    transition:
        transform 0.26s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.22s ease,
        background-color 0.22s ease,
        box-shadow 0.26s ease !important;
}
html body .ac-plan .ac-plan__business-option > input[type="radio"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
html body .ac-plan .ac-plan__business-option:hover {
    transform: translateY(-4px) !important;
    border-color: #7dd3fc !important;
    box-shadow: 0 14px 28px -10px rgba(2, 132, 199, 0.16) !important;
}
html body .ac-plan .ac-plan__business-option.is-selected,
html body .ac-plan .ac-plan__business-option:has(input:checked) {
    border-color: #0284c7 !important;
    background: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    box-shadow: 0 14px 28px -10px rgba(2, 132, 199, 0.22), inset 0 0 0 1px #0284c7 !important;
}
html body .ac-plan .ac-plan__business-icon {
    display: grid !important;
    place-items: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    background: #e8f5fc !important;
    color: #0284c7 !important;
    transition: transform 0.26s ease, background-color 0.22s ease, color 0.22s ease !important;
}
html body .ac-plan .ac-plan__business-option:hover .ac-plan__business-icon {
    transform: scale(1.06);
}
html body .ac-plan .ac-plan__business-option.is-selected .ac-plan__business-icon,
html body .ac-plan .ac-plan__business-option:has(input:checked) .ac-plan__business-icon {
    background: #0284c7 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 14px rgba(2, 132, 199, 0.3) !important;
}
html body .ac-plan .ac-plan__business-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
}
html body .ac-plan .ac-plan__business-copy strong {
    font: 700 15px/1.3 var(--font-sans, Inter, sans-serif) !important;
    color: var(--plan-ink) !important;
}
html body .ac-plan .ac-plan__business-desc {
    font: 400 12px/1.45 var(--font-sans, Inter, sans-serif) !important;
    color: var(--plan-muted) !important;
}
html body .ac-plan .ac-plan__business-option .ac-plan__choice-mark {
    position: absolute !important;
    top: 14px !important;
    inset-inline-end: 14px !important;
    display: grid !important;
    place-items: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    border: 1.5px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: transparent !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    transition: all 0.2s ease !important;
}
html body .ac-plan .ac-plan__business-option.is-selected .ac-plan__choice-mark,
html body .ac-plan .ac-plan__business-option:has(input:checked) .ac-plan__choice-mark {
    border-color: #0284c7 !important;
    background: #0284c7 !important;
    color: #ffffff !important;
}

/* Step 2: Context Header, Space Tabs with Badges, Grouped Rooms & Live Bar */
html body .ac-plan .ac-plan__step2-head {
    margin-bottom: 14px !important;
}
html body .ac-plan .ac-plan__step2-head h3 {
    margin: 0 0 6px !important;
    color: var(--plan-ink) !important;
    font: 700 clamp(18px, 2vw, 22px)/1.3 var(--font-heading, 'Plus Jakarta Sans', sans-serif) !important;
}
html body .ac-plan .ac-plan__step2-head p {
    margin: 0 !important;
    color: var(--plan-muted) !important;
    font-size: 13.5px !important;
}
html body .ac-plan .ac-plan__context-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 12px 16px !important;
    margin: 0 0 18px !important;
    border-radius: 14px !important;
    border: 1px solid #cde4f2 !important;
    background: #eef8fd !important;
}
html body .ac-plan .ac-plan__context-info {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: var(--plan-muted) !important;
}
html body .ac-plan .ac-plan__context-info strong {
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: #0284c7 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}
html body .ac-plan .ac-plan__context-change {
    padding: 6px 12px !important;
    border-radius: 9px !important;
    border: 1px solid #b6d8ec !important;
    background: #ffffff !important;
    color: #0369a1 !important;
    font: 600 12px/1.3 var(--font-sans, Inter, sans-serif) !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, border-color 0.2s ease !important;
}
html body .ac-plan .ac-plan__context-change:hover {
    background: #e0f2fe !important;
    border-color: #0284c7 !important;
}

/* Space Tabs with live badge */
html body .ac-plan .ac-plan__space-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 16px !important;
}
html body .ac-plan .ac-plan__space-tab {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 8px 15px !important;
    border-radius: 12px !important;
    border: 1px solid #d4e6f1 !important;
    background: #ffffff !important;
    color: #3b5568 !important;
    font: 600 13px/1.2 var(--font-sans, Inter, sans-serif) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
html body .ac-plan .ac-plan__space-tab:hover {
    border-color: #0284c7 !important;
    color: #0284c7 !important;
}
html body .ac-plan .ac-plan__space-tab.has-selection:not(.is-active) {
    border-color: #38bdf8 !important;
    background: #f0f9ff !important;
    color: #0369a1 !important;
}
html body .ac-plan .ac-plan__space-tab.is-active,
html body .ac-plan .ac-plan__space-tab[aria-selected="true"] {
    background: #0a2540 !important;
    border-color: #0a2540 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px -4px rgba(10, 37, 64, 0.25) !important;
}
html body .ac-plan .ac-plan__tab-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 2px 7px !important;
    border-radius: 999px !important;
    background: #edf4f8 !important;
    color: #526b7d !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}
html body .ac-plan .ac-plan__space-tab.has-selection:not(.is-active) .ac-plan__tab-badge {
    background: #0284c7 !important;
    color: #ffffff !important;
}
html body .ac-plan .ac-plan__space-tab.is-active .ac-plan__tab-badge {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}

/* Space Group inside Map */
html body .ac-plan .ac-plan__map {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    padding: 20px !important;
    border-radius: 20px !important;
    border: 1px solid #d5e8f3 !important;
    background: linear-gradient(180deg, #f8fcff 0%, #eff7fc 100%) !important;
}
html body .ac-plan .ac-plan__space-group + .ac-plan__space-group {
    padding-top: 18px !important;
    border-top: 1px dashed #cbe0ec !important;
}
html body .ac-plan .ac-plan__map-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
}
html body .ac-plan .ac-plan__map-title strong {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--plan-ink) !important;
}
html body .ac-plan .ac-plan__space-toggle {
    padding: 5px 11px !important;
    border-radius: 8px !important;
    border: 1px solid #c5deed !important;
    background: #ffffff !important;
    color: #0284c7 !important;
    font: 600 11.5px/1.3 var(--font-sans, Inter, sans-serif) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
html body .ac-plan .ac-plan__space-toggle:hover {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #ffffff !important;
}
html body .ac-plan .ac-plan__space-toggle.is-all-selected {
    background: #e0f2fe !important;
    border-color: #7dd3fc !important;
    color: #0369a1 !important;
}

/* Live Selection & Product Counter Bar */
html body .ac-plan .ac-plan__live-bar {
    margin-top: 18px !important;
    padding: 16px 18px !important;
    border-radius: 16px !important;
    border: 1px solid #cbe3f2 !important;
    background: #ffffff !important;
    box-shadow: 0 8px 24px -12px rgba(2, 132, 199, 0.14) !important;
}
html body .ac-plan .ac-plan__live-stats {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}
html body .ac-plan .ac-plan__live-pill {
    display: inline-flex !important;
    align-items: center !important;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
    font: 700 12px/1.3 var(--font-sans, Inter, sans-serif) !important;
}
html body .ac-plan .ac-plan__live-pill.is-active {
    background: #e0f2fe !important;
    color: #0369a1 !important;
}
html body .ac-plan .ac-plan__live-pill--products.is-active {
    background: #dcfce7 !important;
    color: #047857 !important;
}
html body .ac-plan .ac-plan__live-clear {
    margin-inline-start: auto !important;
    padding: 5px 11px !important;
    border-radius: 8px !important;
    border: 1px solid #fecdd3 !important;
    background: #fff1f2 !important;
    color: #be123c !important;
    font: 600 11.5px/1.3 var(--font-sans, Inter, sans-serif) !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}
html body .ac-plan .ac-plan__live-clear:hover {
    background: #ffe4e6 !important;
}
html body .ac-plan .ac-plan__live-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid #edf4f8 !important;
}
html body .ac-plan .ac-plan__live-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    border: 1px solid #bae6fd !important;
    background: #f0f9ff !important;
    color: #0369a1 !important;
    font: 600 12px/1.2 var(--font-sans, Inter, sans-serif) !important;
    cursor: pointer !important;
    transition: all 0.18s ease !important;
}
html body .ac-plan .ac-plan__live-chip:hover {
    background: #e0f2fe !important;
    border-color: #0284c7 !important;
}
html body .ac-plan .ac-plan__live-chip b {
    font-size: 14px !important;
    line-height: 1 !important;
    color: #0284c7 !important;
}
html body .ac-plan .ac-plan__live-empty {
    margin: 10px 0 0 !important;
    font-size: 12.5px !important;
    color: var(--plan-muted) !important;
}

/* Actions & Primary Buttons */
html body .ac-plan .ac-plan__actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 22px !important;
}
html body .ac-plan .ac-plan__actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 46px !important;
    padding: 11px 22px !important;
    border-radius: 12px !important;
    font: 700 13.5px/1.2 var(--font-sans, Inter, sans-serif) !important;
    cursor: pointer !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease !important;
}
html body .ac-plan .ac-plan__actions button:is([data-plan-next], [data-plan-generate], [data-plan-print]) {
    border: 1px solid #0284c7 !important;
    background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px -8px rgba(2, 132, 199, 0.45) !important;
}
html body .ac-plan .ac-plan__actions button:is([data-plan-next], [data-plan-generate], [data-plan-print]):hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 28px -8px rgba(2, 132, 199, 0.55) !important;
}
html body .ac-plan .ac-plan__btn-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.24) !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
}

/* Step 3: Recommendations Summary & Product Cards */
html body .ac-plan .ac-plan__summary-head {
    padding: 20px 22px !important;
    margin-bottom: 20px !important;
    border-radius: 18px !important;
    border: 1px solid #cde4f2 !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%) !important;
}
html body .ac-plan .ac-plan__summary-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
}
html body .ac-plan .ac-plan__summary-head h3 {
    margin: 0 0 12px !important;
    color: var(--plan-ink) !important;
    font: 800 clamp(20px, 2.4vw, 26px)/1.25 var(--font-heading, 'Plus Jakarta Sans', sans-serif) !important;
}
html body .ac-plan .ac-plan__summary-head .ac-plan__meta {
    margin: 0 !important;
    padding: 4px 11px !important;
    border-radius: 999px !important;
    background: #dcfce7 !important;
    color: #047857 !important;
    font: 700 12px/1.3 var(--font-sans, Inter, sans-serif) !important;
}
html body .ac-plan .ac-plan__answer-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}
html body .ac-plan .ac-plan__answer-chips span {
    padding: 5px 11px !important;
    border-radius: 999px !important;
    border: 1px solid #bae6fd !important;
    background: #ffffff !important;
    color: #0369a1 !important;
    font: 600 12px/1.3 var(--font-sans, Inter, sans-serif) !important;
}

html body .ac-plan .ac-plan__recommendations {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 18px !important;
}
html body .ac-plan .ac-plan__recommendation {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 22px !important;
    border-radius: 20px !important;
    border: 1px solid #d4e7f3 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 26px -10px rgba(10, 37, 64, 0.07) !important;
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease, border-color 0.25s ease !important;
}
html body .ac-plan .ac-plan__recommendation:hover {
    transform: translateY(-5px) !important;
    border-color: #7dd3fc !important;
    box-shadow: 0 18px 36px -10px rgba(2, 132, 199, 0.16) !important;
}
html body .ac-plan .ac-plan__product-top {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #edf4f8 !important;
}
html body .ac-plan .ac-plan__product-image {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 92px !important;
    width: 92px !important;
    height: 92px !important;
    padding: 8px !important;
    border-radius: 16px !important;
    border: 1px solid #e2eef6 !important;
    background: linear-gradient(180deg, #f8fcff 0%, #eef6fb 100%) !important;
    overflow: hidden !important;
}
html body .ac-plan .ac-plan__product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.35s ease !important;
}
html body .ac-plan .ac-plan__recommendation:hover .ac-plan__product-image img {
    transform: scale(1.07) !important;
}
html body .ac-plan .ac-plan__product-heading h4 {
    margin: 4px 0 0 !important;
    color: var(--plan-ink) !important;
    font: 700 17px/1.35 var(--font-heading, 'Plus Jakarta Sans', sans-serif) !important;
}
html body .ac-plan .ac-plan__why {
    display: block !important;
    margin: 0 0 10px !important;
    color: #466378 !important;
    font: 700 11.5px/1.3 var(--font-sans, Inter, sans-serif) !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}
html body .ac-plan .ac-plan__reasons {
    display: grid !important;
    gap: 8px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    list-style: none !important;
}
html body .ac-plan .ac-plan__reasons li {
    padding: 10px 12px !important;
    border-radius: 12px !important;
    background: #f5fafe !important;
    border-inline-start: 3px solid #0284c7 !important;
}
html body .ac-plan .ac-plan__reasons li b {
    display: block !important;
    margin-bottom: 2px !important;
    color: var(--plan-ink) !important;
    font-size: 12.5px !important;
}
html body .ac-plan .ac-plan__reasons li p {
    margin: 0 !important;
    color: var(--plan-muted) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}
html body .ac-plan .ac-plan__product-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    margin-top: auto !important;
    padding: 10px 16px !important;
    border-radius: 11px !important;
    border: 1px solid #bae6fd !important;
    background: #f0f9ff !important;
    color: #0369a1 !important;
    font: 700 13px/1.2 var(--font-sans, Inter, sans-serif) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
html body .ac-plan .ac-plan__product-link:hover {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #ffffff !important;
}
html body .ac-plan .ac-plan__url {
    display: none !important;
}
@media print {
    html body .ac-plan .ac-plan__url {
        display: block !important;
    }
}

/* Responsive adjustments for Product Finder */
@media (max-width: 820px) {
    html body .ac-plan .ac-plan__steps {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px !important;
    }
    html body .ac-plan .ac-plan__recommendations {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* Dark mode support for Product Finder */
html.ac-access-dark body #content .ac-plan,
html[data-theme="dark"] body #content .ac-plan,
html body.dark-mode #content .ac-plan {
    background: #102534 !important;
    border-color: #2b485d !important;
}
html.ac-access-dark body .ac-plan :is(
    .ac-plan__steps > li,
    .ac-plan__business-option,
    .ac-plan__map,
    .ac-plan__live-bar,
    .ac-plan__summary-head,
    .ac-plan__recommendation
) {
    background: #163042 !important;
    border-color: #2f4f66 !important;
    color: #eaf4fb !important;
}
/* Dark mode: corporate tabs, about-us cards and header contrast. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages {
    background: var(--ac-dark-bg, #101e2d) !important;
    color: #e4edf5 !important;
    color-scheme: dark;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .ac-corporate-content {
    background: var(--ac-dark-bg, #101e2d) !important;
    border-color: var(--ac-dark-border, #30485d) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .ac-corporate-pages-nav {
    background: var(--ac-dark-surface, #152638) !important;
    border-color: var(--ac-dark-border, #30485d) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks) > li > a {
    background: var(--ac-dark-control, #20364b) !important;
    border-color: var(--ac-dark-border-2, #3c566d) !important;
    color: #e0ecf6 !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks) > li > a:hover {
    background: var(--ac-dark-hover, #28485e) !important;
    border-color: #58bdd4 !important;
    color: #ffffff !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks) > li:is(.current-menu-item,.current_page_item,.is-active) > a,
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks) > li > a[aria-current="page"] {
    background: #087fa0 !important;
    border-color: #55c9e0 !important;
    color: #ffffff !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks) > li > a :is(span,svg) {
    color: inherit !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .ac-corporate-pages-nav #ac-corporate-quicklinks {
    scrollbar-color: #49bed6 var(--ac-dark-control, #233b50) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content #ac-corporate-quicklinks::-webkit-scrollbar-track { background: #233b50 !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content #ac-corporate-quicklinks::-webkit-scrollbar-thumb {
    background: #49bed6 !important;
    border-color: #233b50 !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages :is(.acto-about__grid,.acto-about__content p,.acto-about__checks li,.acto-about__stats li) {
    background: var(--ac-dark-card, #182b3d) !important;
    border-color: var(--ac-dark-border, #365067) !important;
    color: #d7e4ef !important;
    box-shadow: none !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .acto-about__grid { border-top-color: #29b4d2 !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .acto-about__content :is(h2,h3,h4) {
    background: var(--ac-dark-control, #20364b) !important;
    border-color: var(--ac-dark-border, #365067) !important;
    border-left-color: #29b4d2 !important;
    color: #f1f7fc !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages :is(.acto-about__body,.acto-about__content,.acto-about__stats,.acto-about__checks) :is(p,li,span,small,strong,b,em) {
    color: #d7e4ef !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages :is(.acto-about__body h2,.acto-tabpanel__title,.acto-about__stats strong) {
    color: #f1f7fc !important;
    border-color: var(--ac-dark-border, #365067) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .acto-about__media { border-color: var(--ac-dark-border, #365067) !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .acto-about__content p:hover { border-color: #54839b !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .acto-about__content a { color: #7cdded !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-header .nc-topbar :is(.nc-tool,.nc-social,.nc-topbar__icon,.nc-topbar__text small) {
    color: #b9cedf !important;
    opacity: 1;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-header .nc-topbar :is(.nc-tool,.nc-social) :is(span,svg) { color: inherit !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-header .nc-topbar :is(.nc-tool,.nc-social):hover { color: #7cdded !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-header .nc-topbar .nc-topbar__text strong { color: #f1f7fc !important; }
/* Keep the reader's transparent overlay separate from its dark panel. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body dialog.ac-reader {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color-scheme: dark;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body dialog.ac-reader::backdrop {
    background: rgba(3,12,22,.6);
    backdrop-filter: blur(3px);
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .ac-reader .ac-reader__shell {
    background: var(--ac-dark-bg, #142638) !important;
    color: #e5eef6 !important;
    box-shadow: -16px 0 60px rgba(0,0,0,.35);
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .ac-reader :is(.ac-reader__head,.ac-reader__toolbar,.ac-reader__foot) {
    background: #172c3e !important;
    border-color: #365168 !important;
    color: #e5eef6 !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .ac-reader .ac-reader__stage {
    background: radial-gradient(ellipse at center,#263e51,#172838) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .ac-reader :is(.ac-reader__book,.ac-reader__skeleton) { background: transparent !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .ac-reader :is(.ac-reader__canvas,.ac-reader__leaf,.ac-reader__skeleton-page) {
    background: #fff !important;
    color-scheme: light;
    filter: none !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .ac-reader :is(.ac-reader__button,.ac-reader__select,.ac-reader__page input) {
    background: #223f55 !important;
    border-color: #55748c !important;
    color: #f0f6fb !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .ac-reader .ac-reader__button:hover:not(:disabled) { background: #2e546c !important; border-color: #70cbe0 !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .ac-reader :is(.ac-reader__title,.ac-reader__page,.ac-reader__page span) { color: #e5eef6 !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .ac-reader .ac-reader__download { background: #087da5 !important; color: #fff !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .ac-reader .ac-reader__original { color: #83def0 !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .ac-reader .ac-reader__notice { background: #1d3d50 !important; color: #d4eef6 !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .ac-reader .ac-reader__skeleton-line { background: #e8eef2 !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .ac-reader .ac-reader__skeleton-heading { background: #dce6ec !important; }
/* Catalog dark mode: consistent surfaces and readable filters/card actions. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog { background: #101e2d !important; color: #e5eef6 !important; color-scheme: dark; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-catalog-section { background: #101e2d !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog :is(.ac-catalog-layout,.ac-catalog-main,.ac-catalog-controls,.ac-catalog-main__header-start,.ac-catalog-main__header-end,.acto-products__grid,.ac-catalog-sidebar,.ac-sidebar-widget,.ac-sidebar-widget__head,.ac-brand-filter,.ac-brand-filter__panel,.ac-brand-filter__options,.ac-filter-selected) {
    background: transparent !important; border-color: var(--ac-dark-border, #365067) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog :is(.ac-catalog-sidebar__inner,.ac-catalog-main__header,.actorein-catalog__empty-box) {
    background: var(--ac-dark-card, #182c3e) !important; border-color: var(--ac-dark-border, #365067) !important; color: #e5eef6 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog :is(.ac-sidebar-header,.ac-sidebar-widget__head) { border-color: var(--ac-dark-border, #365067) !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog :is(.ac-sidebar-header__title,.ac-sidebar-widget__title,.ac-sidebar-option__text,.ac-sidebar-widget__title span) { color: #e0ecf5 !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-catalog-sidebar .ac-sidebar-option {
    background: transparent !important; color: #d8e7f3 !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-catalog-sidebar .ac-sidebar-option:hover,
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-catalog-sidebar .ac-sidebar-option:has(input:checked) { background: #25475b !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-catalog-sidebar .ac-sidebar-option input[type="checkbox"] {
    accent-color: #21b5d2; border-color: #8ba8bc !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog :is(.ac-catalog-search,.ac-catalog-search__input,.ac-filter-search) {
    background: var(--ac-dark-deep, #102334) !important; color: #e5eef6 !important; border-color: #4a687f !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog input::placeholder { color: #a9bfd0 !important; opacity: 1; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog :is(.ac-catalog-search__icon,.ac-brand-filter__clear) { color: #80d9eb !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog :is(.ac-brand-filter__clear,.ac-catalog-search__clear) { background: transparent !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog :is(.ac-filter-option__count,.ac-brand-filter__count,.ac-catalog-count,.ac-filter-chip) {
    background: #254258 !important; color: #e3f3fc !important; border-color: #44667d !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-catalog-main__header :is(p,span) { color: #dcebf5 !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .acto-products__grid .product-card.ac-product {
    background: var(--ac-dark-card, #182c3e) !important; border-color: var(--ac-dark-border, #365067) !important; color: #e5eef6 !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.13) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover { border-color: #49b6cf !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog :is(.ac-product__content,.ac-product__meta,.ac-product__footer) {
    background: transparent !important; border-color: var(--ac-dark-border, #365067) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .acto-products__grid .product-card.ac-product h3.ac-product__title { color: #f0f6fb !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .acto-products__grid .product-card.ac-product .ac-product__category { color: #80d9eb !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-product__brand { color: #b8cfdf !important; }
/* Neutral photo backgrounds keep packaging and transparent product images legible. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-product__visual { background: #edf2f5 !important; border-color: var(--ac-dark-border, #365067) !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-product__visual img { filter: none !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .acto-products__grid .product-card.ac-product .ac-product__btn {
    background: #234a61 !important; color: #e2f7ff !important; border-color: #437c98 !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .acto-products__grid .product-card.ac-product .ac-product__btn :is(span,svg) { color: inherit !important; background: transparent !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .acto-products__grid .product-card.ac-product:hover .ac-product__btn {
    background: #087da1 !important; color: #fff !important; border-color: #59c2d9 !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-catalog-view { background: var(--ac-dark-deep, #102334) !important; border-color: var(--ac-dark-border, #365067) !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-catalog-view label { background: transparent !important; color: #c7dce9 !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-catalog-view label:has(input:checked) { background: #2a536d !important; color: #fff !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog :is(.ac-filter-apply,.actorein-catalog__reset-btn,.ac-sidebar-toggle-btn) {
    background: #087da1 !important; color: #fff !important; border-color: #4caac2 !important; box-shadow: none !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-hero-breadcrumb { background: transparent !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-brand-filter__options { scrollbar-color: #648da6 var(--ac-dark-surface, #142b3d) !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-brand-filter__options::-webkit-scrollbar-track { background: var(--ac-dark-surface, #142b3d) !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-brand-filter__options::-webkit-scrollbar-thumb { background: #648da6 !important; }
@media (max-width:900px) {
    html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-catalog-sidebar.is-open .ac-catalog-sidebar__inner { background: var(--ac-dark-card, #182c3e) !important; }
    html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-filter-sheet__scroll { background: transparent !important; }
}
/* Desktop product section navigation stays just beneath the header. */
@media (min-width: 901px) {
    html body .acto-subnav--product {
        position: fixed !important;
        top: calc(var(--actorein-header-height, 112px) + 8px) !important;
        bottom: auto !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: min(1180px, calc(100vw - 48px)) !important;
        max-width: calc(100vw - 48px) !important;
        margin: 0 !important;
        border-radius: 14px !important;
        z-index: 95 !important;
    }
}
/* Product navigation: full-width header strip with simple underline tabs. */
html body .acto-subnav.acto-subnav--product {
    --pd-nav-paper: #ffffff;
    --pd-nav-ink: #334e63;
    --pd-nav-line: #dce7ef;
    --pd-nav-hover: #f0f8fb;
    --pd-nav-accent: #008db4;
    box-sizing: border-box;
    border: 0 !important;
    border-bottom: 1px solid var(--pd-nav-line) !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: var(--pd-nav-paper) !important;
    box-shadow: 0 5px 14px rgba(0,20,35,.06) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
@media(min-width:901px) {
    html body .acto-subnav.acto-subnav--product {
        position: fixed !important;
        top: var(--actorein-header-height,112px) !important;
        bottom: auto !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }
}
html body .acto-subnav.acto-subnav--product .eds-container {
    box-sizing: border-box;
    width: min(calc(100% - var(--actorein-gutter, 16px) * 2), var(--actorein-container, 1440px)) !important;
    max-width: var(--actorein-container, 1440px) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}
html body .acto-subnav.acto-subnav--product .acto-subnav__list {
    display: flex !important;
    flex-flow: row nowrap !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto;
}
html body .acto-subnav.acto-subnav--product .acto-subnav__list li { flex: 1 0 auto !important; margin: 0 !important; }
html body .acto-subnav.acto-subnav--product .acto-subnav__list a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px !important;
    min-height: 52px !important;
    height: auto !important;
    padding: 14px 20px !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--pd-nav-ink) !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;
    transform: none !important;
}
html body .acto-subnav.acto-subnav--product .acto-subnav__list a:hover {
    background: var(--pd-nav-hover) !important;
    color: var(--pd-nav-accent) !important;
}
html body .acto-subnav.acto-subnav--product .acto-subnav__list a.is-active {
    background: var(--pd-nav-hover) !important;
    color: var(--pd-nav-accent) !important;
    border-bottom-color: var(--pd-nav-accent) !important;
}
html body .acto-subnav.acto-subnav--product .acto-subnav__list a :is(span,svg) {
    color: inherit !important;
    background: transparent !important;
}
html body .acto-subnav.acto-subnav--product .acto-subnav__list a svg { width: 16px !important; height: 16px !important; stroke: currentColor !important; }
html body .acto-subnav.acto-subnav--product .acto-subnav__list a:focus-visible { outline: 2px solid var(--pd-nav-accent); outline-offset: -4px; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body .acto-subnav.acto-subnav--product {
    --pd-nav-paper: #122536;
    --pd-nav-ink: #d7e5f0;
    --pd-nav-line: #334c60;
    --pd-nav-hover: #1b3649;
    --pd-nav-accent: #72d7eb;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body .acto-subnav.acto-subnav--product .eds-container {
    background: transparent !important;
}
@media(max-width:900px) {
    html body .acto-subnav.acto-subnav--product .acto-subnav__list a { min-height: 46px !important; padding: 12px 15px !important; font-size: 12px !important; }
}
/* Prompt mobile entrances; retain explicit reduced-motion preferences. */
@media (max-width: 900px), (pointer: coarse) {
    html.ac-motion-ready:not(.ac-access-motion) .ac-reveal-play {
        animation-duration: 0.3s !important;
    }
    html:not(.ac-access-motion) [data-ac-reveal].ac-inview {
        animation-duration: 0.3s;
        animation-delay: 0ms;
    }
}

/* Dark surfaces must win over the mobile performance and light card rules. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-header :is(.nc-navbar,.nc-topbar) {
    background: var(--ac-dark-bg, #142638) !important;
    color: #eaf2f8 !important;
    border-color: var(--ac-dark-border, #365067) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-header .nc-brand::before {
    background: var(--ac-dark-bg, #142638) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-header .acto-country-badge__label {
    color: #d1e3ef !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .rh-categories .rh-categories__intro small {
    background: var(--ac-dark-active, #193b50) !important;
    border-color: var(--ac-dark-line, #3d7188) !important;
    color: #b8efff !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .rh-categories .rh-categories__all {
    background: var(--ac-dark-btn, #20465e) !important;
    border-color: var(--ac-dark-line, #52778e) !important;
    color: #f1f7fc !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .rh-categories .rh-categories__all :is(span,svg) {
    color: inherit !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .rh-categories .rh-categories__all:is(:hover,:focus-visible) {
    background: var(--ac-dark-hover-2, #2b5872) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .rh-categories .rh-categories__card {
    background: var(--ac-dark-card, #1b3042) !important;
    border-color: var(--ac-dark-border-2, #3c5366) !important;
    color: #eaf2f8 !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .rh-categories .rh-categories__card :is(h3,p,span,small,strong,.rh-categories__name) {
    color: #eaf2f8 !important;
}


/* Mobile menu: consistent dark surfaces and legible controls. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet .nc-sheet__panel {
    background: var(--ac-dark-bg, #142638) !important;
    color: #eaf2f8 !important;
    color-scheme: dark;
    scrollbar-width: thin;
    scrollbar-color: var(--ac-dark-line, #52778e) var(--ac-dark-bg, #142638);
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet :is(.nc-sheet__body,.nc-sheet__hero,.nc-sheet__nav,.nc-sheet__nav ul,.nc-sheet__nav li,.nc-sheet__contact,.nc-sheet__contact-text,.acto-sites-mobile) {
    background: transparent !important;
    border-color: var(--ac-dark-border, #365067) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet .nc-sheet__search {
    background: var(--ac-dark-control, #20394d) !important;
    border: 1px solid var(--ac-dark-line, #456276) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet .nc-sheet__search:focus-within {
    border-color: #7cdded !important;
    box-shadow: 0 0 0 2px rgba(124,221,237,.18) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet .nc-sheet__search input {
    background: transparent !important;
    color: #f1f7fc !important;
    min-width: 0;
    text-overflow: ellipsis;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet .nc-sheet__search input::placeholder {
    color: #b9cddb !important;
    opacity: 1;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet :is(.nc-sheet__search svg,.nc-sheet__kicker,.nc-sheet__contact-text small,.nc-sheet__code) {
    color: #b9cddb !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet :is(.nc-sheet__nav a,.nc-sheet__contact-text strong,.acto-sites-mobile > summary) {
    color: #eaf2f8 !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet :is(.nc-sheet__close,.nc-sheet__contact-item,.nc-sheet__lang-item) {
    background: var(--ac-dark-control, #20394d) !important;
    border-color: var(--ac-dark-line, #456276) !important;
    color: #eaf2f8 !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet .nc-sheet__lang-item.is-active {
    background: var(--ac-dark-hover-2, #2b5872) !important;
    border-color: #7cdded !important;
    color: #fff !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet .nc-sheet__lang-item :is(span,.nc-sheet__code) {
    color: inherit !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet .nc-sheet__nav > ul > li > a::after {
    border-color: #b9cddb !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet .nc-sheet__nav a.ac-finder-nav {
    background: var(--ac-dark-btn, #20465e) !important;
    border-color: var(--ac-dark-line, #52778e) !important;
    color: #b8efff !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet :is(.nc-sheet__body,.nc-sheet__nav) {
    scrollbar-width: thin;
    scrollbar-color: var(--ac-dark-line, #52778e) var(--ac-dark-bg, #142638);
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet :is(.nc-sheet__panel,.nc-sheet__body,.nc-sheet__nav)::-webkit-scrollbar {
    width: 5px;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet :is(.nc-sheet__panel,.nc-sheet__body,.nc-sheet__nav)::-webkit-scrollbar-thumb {
    background: var(--ac-dark-line, #52778e);
    border-radius: 8px;
}


/* Compact mobile catalog controls, with a full 44px touch target. */
@media (max-width: 900px) {
    html:not(.ac-access-contrast) body #content.actorein-catalog .ac-catalog-main .ac-catalog-main__header.ac-catalog-main__header {
        min-height: 0 !important;
        padding: 4px 0 !important;
        gap: 8px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
        top: auto !important;
    }
    html body #content.actorein-catalog #ac-sidebar-toggle-btn {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 12px !important;
        gap: 6px !important;
        border: 1px solid #c9dce5 !important;
        border-radius: 8px !important;
        background: #f1f7fa !important;
        color: #234b61 !important;
        font-size: 13px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        box-shadow: none !important;
    }
    html body #content.actorein-catalog #ac-sidebar-toggle-btn svg {
        width: 15px !important;
        height: 15px !important;
        flex: 0 0 15px !important;
        color: inherit !important;
    }
    html body #content.actorein-catalog #ac-sidebar-toggle-btn span {
        color: inherit !important;
        font: inherit !important;
    }
    html body #content.actorein-catalog #ac-sidebar-toggle-btn:focus-visible {
        outline: 2px solid #008eaf;
        outline-offset: 3px;
    }
    html:not(.ac-access-contrast) body #content.actorein-catalog .ac-catalog-main .ac-catalog-count {
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        font-weight: 500 !important;
        white-space: normal !important;
    }
    html body #content.actorein-catalog .ac-catalog-main__header-start {
        min-width: 0;
        gap: 10px !important;
        flex-wrap: wrap;
    }
    html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .ac-catalog-main .ac-catalog-main__header.ac-catalog-main__header {
        background: var(--ac-dark-bg, #142638) !important;
    }
    html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog #ac-sidebar-toggle-btn {
        background: var(--ac-dark-control, #20394d) !important;
        border-color: var(--ac-dark-line, #456276) !important;
        color: #dcebf5 !important;
    }
    html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog #ac-sidebar-toggle-btn[aria-expanded="true"] {
        background: var(--ac-dark-hover-2, #2b5872) !important;
        border-color: #7cdded !important;
    }
}


/* Layout wrappers inherit their section instead of painting dark rectangles. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-header :is(.nc-container,.nc-navbar__inner,.nc-menu,.nc-menu > ul,.nc-menu > ul > li,.nc-tools) {
    background: transparent !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .rh-categories :is(.eds-container,.rh-categories__inner,.rh-categories__head,.rh-categories__intro,.rh-categories__row,.rh-categories__grid,.rh-categories__track,.rh-categories__action) {
    background: transparent !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .rh-categories {
    background: var(--ac-dark-surface, #142438) !important;
}
/* The deeper variant shares every surface token, including section backgrounds. */
html.ac-access-dark.ac-access-darker:not(.ac-access-contrast) body,
html.ac-access-dark.ac-access-darker:not(.ac-access-contrast) body #content {
    background: var(--ac-dark-bg) !important;
}
html.ac-access-dark.ac-access-darker:not(.ac-access-contrast) body #content :is(.rh-categories,.rh-products,.rh-areas,.rh-guide,.acto-stats,.acto-brands,.ac-corporate-content,.acto-products,.acto-page-hero),
html.ac-access-dark.ac-access-darker:not(.ac-access-contrast) body .af-footer {
    background: var(--ac-dark-surface) !important;
    border-color: var(--ac-dark-border) !important;
}
html.ac-access-dark.ac-access-darker:not(.ac-access-contrast) body #content :is(.eds-container,.nc-container,.ac-catalog-layout,.ac-catalog-main,.ac-catalog-controls,.acto-products__grid) {
    background: transparent !important;
}
html.ac-access-dark.ac-access-darker:not(.ac-access-contrast) body #content :is(.rh-products__card,.rh-guide__card,.rh-areas__entry,.acto-stats__item,.acto-brands__item,.ac-usage-card,.ac-usage-product,.acto-ua__card,.acto-ua__step-card,.actopim-event-card) {
    background: var(--ac-dark-card) !important;
    border-color: var(--ac-dark-border-2) !important;
}


/* Device preview is an opaque workspace, unaffected by page theme surfaces. */
html.ac-previewing body .ac-preview.ac-preview {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    isolation: isolate;
    background: #0b121b !important;
    color: #eaf2f8 !important;
}
html.ac-previewing body .ac-preview .ac-preview__bar {
    flex: 0 0 auto;
    position: relative;
    flex-wrap: wrap;
    background: #162b3e !important;
    color: #eaf2f8 !important;
    border-color: #365067 !important;
    z-index: 1;
}
html.ac-previewing body .ac-preview .ac-preview__stage {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: auto !important;
    background: #0b121b !important;
    padding: 20px !important;
    box-sizing: border-box;
}
html.ac-previewing body .ac-preview .ac-preview__devices {
    background: #102131 !important;
    border-color: #456276 !important;
    max-width: 100%;
}
html.ac-previewing body .ac-preview :is(.ac-preview__device,.ac-preview__back) {
    min-height: 40px;
    background: #20394d !important;
    color: #eaf2f8 !important;
    border-color: #52778e !important;
}
html.ac-previewing body .ac-preview .ac-preview__device.is-active {
    background: #007c9e !important;
    color: #fff !important;
}
html.ac-previewing body .ac-preview .ac-preview__frame {
    flex: 0 0 auto;
    display: block;
    width: 390px;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    background: #fff !important;
}
html.ac-previewing body .ac-preview.ac-preview--tablet .ac-preview__frame { width: 820px; }
html.ac-previewing body > #wpadminbar { display: none !important; }
@media (max-width: 520px) {
    html.ac-previewing body .ac-preview .ac-preview__stage { padding: 8px !important; }
}


/* Mobile catalog: readable heading, clean controls and two product columns. */
@media (max-width: 900px) {
    html body #content.actorein-catalog > .acto-page-hero {
        height: auto !important;
        min-height: 0 !important;
        margin-top: 0 !important;
        padding: 28px 0 !important;
        overflow: visible !important;
    }
    html body #content.actorein-catalog .acto-page-hero .ac-hero-heading-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }
    html body #content.actorein-catalog .acto-page-hero h1.ac-hero-title {
        width: 100% !important;
        font-size: clamp(25px, 6.5vw, 32px) !important;
        line-height: 1.18 !important;
        text-align: start !important;
        overflow-wrap: anywhere;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }
    html body #content.actorein-catalog .ac-hero-breadcrumb {
        flex-wrap: wrap !important;
        line-height: 1.5 !important;
    }
    html body #content.actorein-catalog .ac-catalog-main .ac-catalog-main__header {
        position: relative !important;
        top: auto !important;
        align-items: flex-start !important;
        flex-wrap: wrap !important;
        margin-bottom: 16px !important;
    }
    html body #content.actorein-catalog .ac-catalog-main .ac-catalog-main__header-start .ac-catalog-count {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }
    html body #content.actorein-catalog[data-view="grid"] .acto-products__grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    html body #content.actorein-catalog[data-view="grid"] .acto-products__grid .product-card.ac-product {
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
        width: 100% !important;
        border-radius: 12px !important;
    }
    html body #content.actorein-catalog[data-view="grid"] .ac-product__visual {
        width: 100% !important;
        height: clamp(140px, 38vw, 210px) !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 12px !important;
        box-sizing: border-box !important;
    }
    html body #content.actorein-catalog[data-view="grid"] .ac-product__visual img {
        width: 100% !important;
        height: 100% !important;
        max-height: 180px !important;
        object-fit: contain !important;
    }
    html body #content.actorein-catalog[data-view="grid"] .ac-product__content {
        flex: 1 !important;
        min-width: 0 !important;
        padding: 12px 10px !important;
    }
    html body #content.actorein-catalog[data-view="grid"] .ac-product__meta {
        flex-wrap: wrap !important;
        gap: 4px !important;
    }
    html body #content.actorein-catalog[data-view="grid"] .acto-products__grid .ac-product h3.ac-product__title {
        font-size: 13px !important;
        line-height: 1.35 !important;
        overflow-wrap: anywhere;
    }
    html body #content.actorein-catalog[data-view="grid"] .ac-product__footer { margin-top: auto !important; }
    html body #content.actorein-catalog[data-view="grid"] .ac-product__btn {
        min-width: 0 !important;
        padding: 9px 6px !important;
        font-size: 11px !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
    }
}


/* Home product showcase: one photo plate, no rectangular text backgrounds. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .rh-products__dynamic.acto-product-showcase :is(.rh-products__grid,.rh-products__card,.rh-products__info) {
    background: transparent !important;
    box-shadow: none !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .rh-products__dynamic.acto-product-showcase .rh-products__media {
    background: #fff !important;
    border: 1px solid var(--ac-dark-border, #34495f) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    padding: 10px !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .rh-products__dynamic.acto-product-showcase .rh-products__media img {
    background: #fff !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .rh-products__dynamic.acto-product-showcase .rh-products__info :is(h3,small,.acto-showcase__link) {
    background: transparent !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .rh-products__dynamic.acto-product-showcase .rh-products__info h3 {
    color: var(--ac-dark-text, #e6edf5) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .rh-products__dynamic.acto-product-showcase .rh-products__info small {
    color: var(--ac-dark-muted, #b5c5d5) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .rh-products__dynamic.acto-product-showcase .rh-products__info > .acto-showcase__link {
    color: var(--ac-dark-link, #85d8ff) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .rh-products__dynamic.acto-product-showcase .acto-showcase__link svg {
    color: inherit !important;
}


/* Mega menu uses the same surface palette in dark and very dark modes. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #actorein-products-menu {
    background: var(--ac-dark-surface, #142438) !important;
    border-color: var(--ac-dark-border, #34495f) !important;
    color: var(--ac-dark-text, #e6edf5) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #actorein-products-menu::after {
    background: var(--ac-dark-surface, #142438) !important;
    border-color: var(--ac-dark-border, #34495f) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #actorein-products-menu :is(.nc-mega__inner,.nc-mega__cols,.nc-mega__panels,.nc-mega__panel,.nc-mega__grid,.nc-mega__item-body) {
    background: transparent !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #actorein-products-menu :is(.ac-mega-head,.nc-mega__cats) {
    background: var(--ac-dark-bg, #101e2e) !important;
    border-color: var(--ac-dark-border, #34495f) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #actorein-products-menu .nc-mega__cat {
    background: transparent !important;
    color: var(--ac-dark-text, #e6edf5) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #actorein-products-menu .nc-mega__cat:is(:hover,.is-active,:focus-visible) {
    background: var(--ac-dark-active, #0d3a52) !important;
    color: var(--ac-dark-link, #85d8ff) !important;
    box-shadow: inset 3px 0 var(--ac-dark-link, #85d8ff) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #actorein-products-menu .nc-mega__cat :is(span,svg) {
    background: transparent !important;
    color: inherit !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #actorein-products-menu .nc-mega__item {
    background: var(--ac-dark-card, #192c40) !important;
    border: 1px solid var(--ac-dark-border, #34495f) !important;
    color: var(--ac-dark-text, #e6edf5) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #actorein-products-menu .nc-mega__item:is(:hover,:focus-visible) {
    background: var(--ac-dark-hover, #1c3650) !important;
    border-color: var(--ac-dark-link, #85d8ff) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #actorein-products-menu :is(.nc-mega__panel h3,.nc-mega__item-title) {
    background: transparent !important;
    color: var(--ac-dark-text, #e6edf5) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #actorein-products-menu :is(.nc-mega__panel > p,.nc-mega__item-desc) {
    background: transparent !important;
    color: var(--ac-dark-muted, #b5c5d5) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #actorein-products-menu :is(.actorein-mega-all,.ac-mega-head > a,.nc-mega__item-go) {
    background: transparent !important;
    color: var(--ac-dark-link, #85d8ff) !important;
    border-color: var(--ac-dark-border, #34495f) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #actorein-products-menu .nc-mega__item-go svg {
    color: inherit !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #actorein-products-menu .nc-mega__item-media {
    background: #fff !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #actorein-products-menu .nc-mega__item-media img {
    filter: none !important;
    mix-blend-mode: normal !important;
}


/* White menu tooltip pointer stays visible on both dark palettes. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body .nc-header #actorein-products-menu::after {
    background: #fff !important;
    border-color: #fff !important;
    box-shadow: -2px -2px 6px rgba(0,0,0,.18) !important;
    z-index: 3;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body .nc-header #actorein-products-menu::before {
    background: transparent !important;
    border: 0 !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body .nc-header .nc-search::after {
    background: #fff !important;
    color: #142638 !important;
    border-color: #fff !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body .nc-header .nc-search::before {
    border-bottom-color: #fff !important;
}


/* Compact pointer: a small triangle above the panel, without a hanging diamond. */
@media (min-width: 901px) {
    html body .nc-header #actorein-products-menu::after {
        top: -6px !important;
        left: var(--ac-mega-tip-x, 50%) !important;
        width: 12px !important;
        height: 6px !important;
        margin-left: -6px !important;
        border: 0 !important;
        border-radius: 0 !important;
        clip-path: polygon(50% 0, 100% 100%, 0 100%);
        transform: none !important;
        box-shadow: none !important;
        transition: opacity .15s ease !important;
        pointer-events: none !important;
    }
}


/* Short directional entrances stay fully visible, with no staggered wait. */
html[dir="rtl"] { --ac-enter-x: -12px; }
@media (max-width: 900px), (pointer: coarse) {
    html { --ac-enter-x: 6px; }
    html[dir="rtl"] { --ac-enter-x: -6px; }
    html.ac-motion-ready:not(.ac-access-motion) .ac-reveal-play {
        animation-duration: .22s !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    [data-ac-reveal].ac-inview { animation: none !important; translate: none !important; }
}
html.ac-access-motion [data-ac-reveal].ac-inview { animation: none !important; translate: none !important; }


/* Catalog result count is quiet supporting text beneath the page title. */
html body #content.actorein-catalog .acto-page-hero .ac-hero-heading-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
}
html:not(.ac-access-contrast) body #content.actorein-catalog .acto-page-hero .ac-hero-heading-row .ac-hero-counter {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #bfd0df !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-catalog .acto-page-hero .ac-hero-heading-row .ac-hero-counter {
    color: var(--ac-dark-muted, #b5c5d5) !important;
}


/* Content appears directly, without entrance movement or fading. */
html.ac-motion-ready body :is(.ac-reveal-pending,.ac-reveal-play),
html body [data-ac-reveal].ac-inview {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    will-change: auto !important;
}
html body .rh-hero .rh-hero__slide:not([hidden]) .rh-hero__copy :is(h1,h2,p,.rh-hero__title,.rh-hero__desc,.rh-hero__cta) {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
}


/* Cards enter from alternating sides without fading. */
@keyframes ac-card-side-in {
    from { translate: var(--ac-card-side, -48px) 0; }
    to { translate: 0 0; }
}
@media (prefers-reduced-motion: no-preference) {
    html.ac-motion-ready:not(.ac-access-motion) body .ac-reveal-play:is(.rh-categories__card,.rh-products__card,.rh-areas__entry,.rh-guide__card,.acto-stats__item,.acto-brands__item,.product-card.ac-product,.actopim-event-card,.ac-usage-card,.ac-usage-product,.ac-usage-item,.acto-ua__card,.acto-ua__step-card) {
        animation: none !important;
        transform-origin: center center;
    }
}
@media (max-width: 900px), (pointer: coarse) {
    html.ac-motion-ready:not(.ac-access-motion) body .ac-reveal-play:is(.rh-categories__card,.rh-products__card,.rh-areas__entry,.rh-guide__card,.acto-stats__item,.acto-brands__item,.product-card.ac-product,.actopim-event-card,.ac-usage-card,.ac-usage-product,.ac-usage-item,.acto-ua__card,.acto-ua__step-card) { animation-duration: .36s !important; }
}
html.ac-access-motion body .ac-reveal-play { scale: 1 !important; }
@media (prefers-reduced-motion: reduce) {
    html body .ac-reveal-play { scale: 1 !important; }
}


/* Applications: readable introduction and consistent dark card surfaces. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-usage-pages :is(.ac-corporate-content > .eds-container,.acd,.acd-grid,.ac-corporate-pages-nav > .eds-container,#ac-usage-quicklinks,#ac-usage-quicklinks > li) {
    background: transparent !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-usage-pages .acd .acd-lead {
    background: var(--ac-dark-card, #192c40) !important;
    color: var(--ac-dark-text, #e6edf5) !important;
    border-color: var(--ac-dark-border, #34495f) !important;
    border-inline-start-color: var(--ac-dark-link, #85d8ff) !important;
    box-shadow: none !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-usage-pages .acd .acd-lead :is(span,strong,a) {
    background: transparent !important;
    color: inherit !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-usage-pages .acd .acd-card {
    background: var(--ac-dark-card, #192c40) !important;
    border-color: var(--ac-dark-border-2, #3a526a) !important;
    color: var(--ac-dark-text, #e6edf5) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-usage-pages .acd .acd-card h2 {
    font-size: clamp(22px, 1.8vw, 28px) !important;
    line-height: 1.25 !important;
    background: transparent !important;
    color: var(--ac-dark-text, #e6edf5) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-usage-pages .acd .acd-card p {
    background: transparent !important;
    color: var(--ac-dark-muted, #b5c5d5) !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-usage-pages .acd .acd-card .acd-num {
    background: var(--ac-dark-active, #0d3a52) !important;
    border-color: var(--ac-dark-border-2, #3a526a) !important;
    color: var(--ac-dark-link, #85d8ff) !important;
}


/* Alternate the entry direction within each card row. */
html body .ac-reveal-play:nth-child(odd) { --ac-card-side: -48px; }
html body .ac-reveal-play:nth-child(even) { --ac-card-side: 48px; }
@media (max-width: 900px), (pointer: coarse) {
    html body .ac-reveal-play:nth-child(odd) { --ac-card-side: -24px; }
    html body .ac-reveal-play:nth-child(even) { --ac-card-side: 24px; }
}


/* Corporate layout wrappers inherit the page surface; only cards paint a fill. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .ac-corporate-content > .eds-container,
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(.eds-container,.ac-corp-scroll,.ac-tabs-draggable,.acto-subnav__list,.acto-subnav__list > li),
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .ac-corporate-content :is(.acto-about__grid,.acto-about__body,.acto-about__content,.acto-about__checks,.acto-about__stats,.acto-about__content > p) {
    background: transparent !important;
    box-shadow: none !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages #ac-corporate-quicklinks > li,
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages #ac-usage-quicklinks > li {
    background: transparent !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .ac-corporate-content :is(.acto-about__checks,.acto-about__stats) > li {
    background: var(--ac-dark-card, #192c40) !important;
    border-color: var(--ac-dark-border-2, #3a526a) !important;
    color: var(--ac-dark-text, #e6edf5) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content.actorein-corporate-pages .ac-corporate-content > .eds-container > :is(h2,h3,p) {
    background: transparent !important;
}


/* Flat surfaces throughout the theme, including hover and focus states. */
html body:not(#ac-shadow-override):not(#ac-shadow-override) :is(.nc-header,.nc-header *,.nc-header *::before,.nc-header *::after,#content,#content *,#content *::before,#content *::after,.af-footer,.af-footer *,.af-footer *::before,.af-footer *::after,.ac-preview,.ac-preview *) {
    box-shadow: none !important;
    text-shadow: none !important;
}
/* Preserve a visible keyboard focus indicator without a shadow ring. */
html body :is(.nc-header,#content,.af-footer,.ac-preview) :is(a,button,input,select,textarea,[tabindex]):focus-visible {
    outline: 2px solid currentColor !important;
    outline-offset: 3px !important;
}


/* Hero arrows keep a dark glyph on a white button in both dark palettes. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body #content .rh-hero .rh-hero__nav {
    background: #fff !important;
    color: #142638 !important;
    border: 1px solid #8da3b4 !important;
    opacity: 1 !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body #content .rh-hero .rh-hero__nav :is(svg,path) {
    color: #142638 !important;
    stroke: #142638 !important;
    fill: none !important;
    opacity: 1 !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body #content .rh-hero .rh-hero__nav:hover {
    background: #e2f3f8 !important;
    border-color: #007c9e !important;
}


/* Target actual slider controls, including buttons supplied by exported content. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body .rh-hero :is([data-rh-prev],[data-rh-next]) {
    background: #fff !important;
    color: #142638 !important;
    border: 1px solid #8da3b4 !important;
    opacity: 1 !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body .rh-hero :is([data-rh-prev],[data-rh-next]) :is(svg,path,polyline,line) {
    display: block !important;
    visibility: visible !important;
    color: #142638 !important;
    stroke: #142638 !important;
    stroke-width: 2.2 !important;
    fill: none !important;
    opacity: 1 !important;
    filter: none !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body .rh-hero :is([data-rh-prev],[data-rh-next]) svg {
    width: 20px !important;
    height: 20px !important;
}


/* Finder controls share the selected dark palette instead of light badge fills. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan {
    --plan-ink: var(--ac-dark-text, #e6edf5);
    --plan-muted: var(--ac-dark-muted, #b5c5d5);
    --plan-edge: var(--ac-dark-border, #34495f);
    --plan-paper: var(--ac-dark-card, #192c40);
    --plan-soft: var(--ac-dark-control, #20364c);
    background: var(--ac-dark-surface, #142438) !important;
    border-color: var(--plan-edge) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan :is(.ac-plan__business-option,.ac-plan__zone,.ac-plan__need,.ac-plan__recommendation,.ac-plan__steps > li) {
    background: var(--plan-paper) !important;
    border-color: var(--plan-edge) !important;
    color: var(--plan-ink) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan :is(.ac-plan__eyebrow,.ac-plan__business-icon,.ac-plan__zone-icon,.ac-plan__steps > li > b,.ac-plan__tab-badge) {
    background: var(--plan-soft) !important;
    color: var(--ac-dark-link, #85d8ff) !important;
    border-color: var(--plan-edge) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan :is(.ac-plan__business-icon,.ac-plan__zone-icon) :is(svg,path) {
    color: inherit !important;
    stroke: currentColor !important;
    fill: none !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan .ac-plan__choice-mark {
    background: var(--plan-soft) !important;
    color: transparent !important;
    border-color: var(--ac-dark-line, #526b82) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan :is(.is-selected,:has(> input:checked)) > .ac-plan__choice-mark {
    background: #087fa0 !important;
    border-color: #7cdded !important;
    color: #fff !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan :is(.ac-plan__business-option,.ac-plan__zone,.ac-plan__need):is(.is-selected,:has(input:checked)),
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan .ac-plan__steps > li[aria-current="step"] {
    background: var(--ac-dark-active, #0d3a52) !important;
    border-color: var(--ac-dark-link, #85d8ff) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan .ac-plan__steps > li[aria-current="step"] > b {
    background: #087fa0 !important;
    color: #fff !important;
}


/* Product finder: a focused three-step flow with expandable cleaning areas. */
html body #content .ac-plan.ac-plan--clear-flow {
    --finder-paper: #fff; --finder-soft: #f5f8fa; --finder-line: #d5e2e9;
    --finder-ink: #143449; --finder-muted: #587083; --finder-selected: #e9f7fb;
    max-width: 1120px !important; margin: 28px auto !important;
    padding: 32px !important; background: var(--finder-paper) !important;
    border: 1px solid var(--finder-line) !important; border-radius: 20px !important;
}
html body #content .ac-plan.ac-plan--clear-flow::before,
html body #content .ac-plan.ac-plan--clear-flow::after { display: none !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__head { margin-bottom: 24px !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__eyebrow { display: none !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__head h2 { font-size: clamp(26px,3vw,36px) !important; line-height: 1.2 !important; margin-bottom: 10px !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__head p { font-size: 16px !important; line-height: 1.6 !important; max-width: 760px; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__steps { gap: 16px !important; margin-bottom: 32px !important; background: transparent !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__steps > li {
    padding: 10px 0 !important; border: 0 !important; border-bottom: 2px solid var(--finder-line) !important;
    border-radius: 0 !important; background: transparent !important; gap: 10px !important;
}
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__steps > li[aria-current="step"] { border-bottom-color: #0088b0 !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__steps > li > b { width: 30px !important; height: 30px !important; min-width: 30px !important; border-radius: 50% !important; font-size: 14px !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__step-copy small { display: none !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__step-copy strong { font-size: 14px !important; }
html body #content .ac-plan.ac-plan--clear-flow :is(.ac-plan__question,legend) { font-size: 24px !important; line-height: 1.3 !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__businesses { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 12px !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__business-option { min-height: 150px !important; padding: 20px !important; gap: 12px !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__context-bar {
    background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--finder-line) !important;
    padding: 0 0 16px !important; margin-bottom: 20px !important; border-radius: 0 !important;
}
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__context-value { background: transparent !important; color: var(--finder-ink) !important; padding: 0 !important; border-radius: 0 !important; }
html body #content .ac-plan.ac-plan--clear-flow :is(.ac-plan__context-change,.ac-plan__space-toggle) {
    background: transparent !important; color: #007c9e !important; border: 1px solid var(--finder-line) !important;
    min-height: 40px !important; padding: 8px 12px !important; font-size: 13px !important;
}
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__map { padding: 0 !important; gap: 12px !important; background: transparent !important; border: 0 !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__space-group {
    padding: 0 !important; margin: 0 !important; border: 1px solid var(--finder-line) !important;
    background: var(--finder-paper) !important; border-radius: 12px !important; overflow: hidden;
}
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__group-summary {
    display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 16px 20px;
    background: var(--finder-soft) !important; color: var(--finder-ink) !important; cursor: pointer; list-style: none;
}
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__group-summary::-webkit-details-marker { display: none; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__group-summary::after { content: '+'; margin-inline-start: auto; font-size: 24px; line-height: 1; }
html body #content .ac-plan.ac-plan--clear-flow details[open] > .ac-plan__group-summary::after { content: '−'; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__group-summary strong { font-size: 17px !important; color: inherit !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__group-count { font-size: 12px !important; color: #007c9e !important; background: transparent !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__group-count[hidden] { display: none !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__map-head { padding: 16px 20px 0 !important; margin: 0 !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__map-title { max-width: 65%; font-size: 13px; color: var(--finder-muted) !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__space-group > .ac-plan__zone-grid { padding: 16px 20px 20px !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__zone-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__zone {
    flex-direction: row !important; align-items: center !important; min-height: 80px !important;
    padding: 14px !important; gap: 12px !important; border-radius: 10px !important;
    background: var(--finder-paper) !important; border: 1px solid var(--finder-line) !important;
}
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__zone-icon { display: none !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__zone-copy { flex: 1; min-width: 0; padding-inline-end: 28px; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__zone-copy strong { font-size: 14px !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__zone-copy small { font-size: 12px !important; line-height: 1.5 !important; color: var(--finder-muted) !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__zone:is(.is-selected,:has(input:checked)) { background: var(--finder-selected) !important; border-color: #0088b0 !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__zone .ac-plan__choice-mark { top: calc(50% - 12px) !important; inset-inline-end: 14px !important; border-radius: 6px !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__live-bar { background: var(--finder-soft) !important; border: 1px solid var(--finder-line) !important; border-radius: 12px !important; margin-top: 20px !important; }
html body #content .ac-plan.ac-plan--clear-flow .ac-plan__actions { border-top: 1px solid var(--finder-line); padding-top: 20px !important; margin-top: 20px !important; display: flex !important; justify-content: space-between !important; gap: 12px !important; }
html body #content .ac-plan.ac-plan--clear-flow [data-plan-generate] { min-height: 48px !important; padding: 12px 20px !important; background: #007fa5 !important; color: #fff !important; font-size: 15px !important; }
html body #content .ac-plan.ac-plan--clear-flow [data-plan-generate]:disabled { opacity: .45 !important; cursor: not-allowed !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan.ac-plan--clear-flow {
    --finder-paper: var(--ac-dark-card); --finder-soft: var(--ac-dark-surface); --finder-line: var(--ac-dark-border);
    --finder-ink: var(--ac-dark-text); --finder-muted: var(--ac-dark-muted); --finder-selected: var(--ac-dark-active);
    background: var(--ac-dark-bg) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan.ac-plan--clear-flow :is(.ac-plan__context-change,.ac-plan__space-toggle,.ac-plan__group-count) { color: var(--ac-dark-link) !important; }
@media (max-width: 700px) {
    html body #content .ac-plan.ac-plan--clear-flow { padding: 20px 16px !important; margin: 16px auto !important; border-radius: 14px !important; }
    html body #content .ac-plan.ac-plan--clear-flow .ac-plan__businesses { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    html body #content .ac-plan.ac-plan--clear-flow .ac-plan__steps { gap: 8px !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
    html body #content .ac-plan.ac-plan--clear-flow .ac-plan__steps > li { flex-direction: column !important; align-items: flex-start !important; }
    html body #content .ac-plan.ac-plan--clear-flow .ac-plan__step-copy strong { font-size: 12px !important; }
    html body #content .ac-plan.ac-plan--clear-flow .ac-plan__zone-grid { grid-template-columns: minmax(0,1fr) !important; }
    html body #content .ac-plan.ac-plan--clear-flow .ac-plan__actions { flex-wrap: wrap !important; }
    html body #content .ac-plan.ac-plan--clear-flow [data-plan-generate] { flex: 1; }
}


/* Search backdrop and drawer are distinct opaque surfaces in both dark palettes. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-search__panel.nc-search__panel {
    background: rgba(3, 10, 18, .58) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-search__panel.nc-search__panel .nc-search__shell {
    background: var(--ac-dark-surface, #142438) !important;
    color: var(--ac-dark-text, #e6edf5) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-search__panel.nc-search__panel .nc-search__side {
    background: var(--ac-dark-card, #192c40) !important;
    border-color: var(--ac-dark-border, #34495f) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-search__panel.nc-search__panel :is(.nc-search__main,.nc-search__top,.nc-search__scroll) {
    background: var(--ac-dark-surface, #142438) !important;
    border-color: var(--ac-dark-border, #34495f) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-search__panel.nc-search__panel :is(.nc-search__toolbar,.nc-search__results,.nc-search__suggestions,.nc-search__state) {
    background: transparent !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-search__panel.nc-search__panel .nc-search__field {
    background: var(--ac-dark-control, #20364c) !important;
    border-color: var(--ac-dark-line, #526b82) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-search__panel.nc-search__panel .nc-search__input {
    background: transparent !important;
    color: var(--ac-dark-text, #e6edf5) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-search__panel.nc-search__panel .nc-search__item {
    background: var(--ac-dark-card, #192c40) !important;
    border-color: var(--ac-dark-border, #34495f) !important;
}

/* Highlighter sweep: draw a translucent stroke behind the heading once. */
@keyframes ac-heading-highlight-draw {
    from { background-size: 0% 40%; }
    to { background-size: 100% 40%; }
}
html body #content :is(h1,h2) > .ac-heading-highlight,
html body .nc-search__heading > .ac-heading-highlight {
    display: inline;
    color: inherit !important;
    background-color: transparent !important;
    background-image: linear-gradient(rgba(0,163,202,.27),rgba(0,163,202,.27)) !important;
    background-repeat: no-repeat !important;
    background-position: 0 85% !important;
    background-size: 0% 40%;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
@media (prefers-reduced-motion: no-preference) {
    html:not(.ac-access-motion) body #content :is(h1,h2).ac-heading-highlight--play > .ac-heading-highlight,
    html:not(.ac-access-motion) body .nc-search__heading.ac-heading-highlight--play > .ac-heading-highlight {
        animation: ac-heading-highlight-draw .8s ease-out .15s forwards !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    html body #content :is(h1,h2) > .ac-heading-highlight,
    html body .nc-search__heading > .ac-heading-highlight { background-size: 100% 40% !important; animation: none !important; }
}
html.ac-access-motion body #content :is(h1,h2) > .ac-heading-highlight,
html.ac-access-motion body .nc-search__heading > .ac-heading-highlight { background-size: 100% 40% !important; animation: none !important; }
html.ac-access-contrast body .ac-heading-highlight { background-image: none !important; animation: none !important; }


/* A narrow scroll track without the platform arrow buttons. */
html body #content.actorein-corporate-pages .ac-corporate-pages-nav #ac-corporate-quicklinks.acto-subnav__list {
    overflow-x: auto !important;
    scrollbar-width: thin !important;
    scrollbar-color: #5993a5 transparent !important;
    scrollbar-gutter: auto !important;
    padding-bottom: 10px !important;
}
html body #content.actorein-corporate-pages .ac-corporate-pages-nav #ac-corporate-quicklinks::-webkit-scrollbar { height: 4px !important; }
html body #content.actorein-corporate-pages .ac-corporate-pages-nav #ac-corporate-quicklinks::-webkit-scrollbar-track { background: transparent !important; }
html body #content.actorein-corporate-pages .ac-corporate-pages-nav #ac-corporate-quicklinks::-webkit-scrollbar-thumb { background: #5993a5 !important; border: 0 !important; border-radius: 8px !important; }
html body #content.actorein-corporate-pages .ac-corporate-pages-nav #ac-corporate-quicklinks::-webkit-scrollbar-button { display: none !important; width: 0 !important; height: 0 !important; }
/* Heading text stays flat in all themes and interaction states. */
html body:not(#ac-shadow-override):not(#ac-shadow-override) #content :is(h1,h2,h3,h4,h5,h6),
html body:not(#ac-shadow-override):not(#ac-shadow-override) #content :is(h1,h2,h3,h4,h5,h6) * {
    text-shadow: none !important;
    box-shadow: none !important;
    filter: none !important;
}



/* Match the header container alignment without adding inner padding or shadow. */
html body #content.actorein-corporate-pages .ac-corporate-content > .eds-container {
    width: min(calc(100% - var(--actorein-gutter) * 2), var(--actorein-container)) !important;
    max-width: var(--actorein-container) !important;
    margin-inline: auto !important;
    padding: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-sizing: border-box !important;
}


/* One shared alignment for header, corporate navigation and page content. */
html body #content.actorein-corporate-pages :is(.ac-corporate-content,.ac-corporate-pages-nav) > .eds-container {
    width: min(calc(100% - var(--actorein-gutter) * 2), var(--actorein-container)) !important;
    max-width: var(--actorein-container) !important;
    margin-inline: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
html body #content.actorein-corporate-pages .ac-corporate-content .acto-about__grid {
    width: 100% !important;
    padding: 0 !important;
    margin-inline: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html body #content.actorein-corporate-pages .ac-corporate-content .acto-about {
    padding-inline: 0 !important;
    background: transparent !important;
}
html body #content.actorein-corporate-pages .ac-corporate-content .acto-about__content p {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html body #content.actorein-corporate-pages .ac-corporate-pages-nav .ac-corp-scroll {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}
html body #content.actorein-corporate-pages .ac-corporate-pages-nav #ac-corporate-quicklinks.acto-subnav__list {
    padding-inline: 0 !important;
    margin-inline: 0 !important;
}
html body #content.actorein-corporate-pages .ac-clean-atmosphere,
html body #content.actorein-corporate-pages .ac-corporate-content > .eds-container::before,
html body #content.actorein-corporate-pages .ac-corporate-content > .eds-container::after {
    display: none !important;
}


/* A moving water capsule, with no blur or drop shadows. */
html body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks).ac-liquid-tabs {
    position: relative !important;
    isolation: isolate;
    --liquid-fill: #d5f3fa;
    --liquid-rim: #66bfd5;
    --liquid-text: #005e7a;
}
html body #content.actorein-corporate-pages .ac-corporate-pages-nav .ac-liquid-tabs::before {
    content: '';
    position: absolute;
    left: 0; top: var(--liquid-y, 0px);
    width: var(--liquid-width, 0px); height: var(--liquid-height, 0px);
    transform: translateX(var(--liquid-x, 0px));
    border: 1px solid var(--liquid-rim);
    border-radius: 999px;
    box-sizing: border-box;
    background: linear-gradient(160deg, rgba(255,255,255,.8), transparent 55%), var(--liquid-fill) !important;
    pointer-events: none;
    z-index: 0;
    visibility: hidden;
    transition: transform .55s cubic-bezier(.2,.85,.3,1.1), width .45s cubic-bezier(.2,.85,.3,1), top .3s, height .3s;
}
html body #content.actorein-corporate-pages .ac-corporate-pages-nav .ac-liquid-tabs.ac-liquid-ready::before { visibility: visible; }
html body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks).ac-liquid-tabs.ac-liquid-tabs > li {
    position: relative;
    z-index: 1;
    background: transparent !important;
}
html body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks).ac-liquid-tabs.ac-liquid-tabs > li > a,
html body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks).ac-liquid-tabs.ac-liquid-tabs > li:is(.is-active,.current-menu-item,.current_page_item) > a,
html body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks).ac-liquid-tabs.ac-liquid-tabs > li > a:is([aria-current="page"],.ac-liquid-picked,:hover) {
    background: transparent !important;
    border-color: transparent !important;
    position: relative;
    overflow: hidden;
    transition: color .2s ease !important;
}
html body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks).ac-liquid-tabs.ac-liquid-tabs > li:is(.is-active,.current-menu-item,.current_page_item) > a,
html body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks).ac-liquid-tabs.ac-liquid-tabs > li > a:is([aria-current="page"],.ac-liquid-picked) {
    color: var(--liquid-text) !important;
}
@keyframes ac-liquid-stretch {
    0%,100% { scale: 1 1; }
    35% { scale: 1.07 .9; }
    70% { scale: .99 1.04; }
}
@keyframes ac-liquid-wave {
    from { scale: .15; opacity: .65; }
    to { scale: 2.2; opacity: 0; }
}
html body #content.actorein-corporate-pages .ac-corporate-pages-nav .ac-liquid-tabs.ac-liquid-moving::before { animation: ac-liquid-stretch .55s ease-out; }
html body #content.actorein-corporate-pages .ac-corporate-pages-nav .ac-liquid-tabs.ac-liquid-moving .ac-liquid-picked::after {
    content: ''; position: absolute; inset: -35%; border: 1px solid var(--liquid-rim); border-radius: 50%;
    pointer-events: none; animation: ac-liquid-wave .55s ease-out both;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body #content.actorein-corporate-pages .ac-corporate-pages-nav .ac-liquid-tabs {
    --liquid-fill: #16465a; --liquid-rim: #4ba9c2; --liquid-text: #c0f3ff;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body #content.actorein-corporate-pages .ac-corporate-pages-nav .ac-liquid-tabs::before {
    background: linear-gradient(160deg, rgba(143,222,242,.16), transparent 60%), var(--liquid-fill) !important;
}
@media (prefers-reduced-motion: reduce) {
    html body #content .ac-liquid-tabs::before,
    html body #content .ac-liquid-tabs .ac-liquid-picked::after { animation: none !important; transition: none !important; }
}
html.ac-access-motion body #content .ac-liquid-tabs::before,
html.ac-access-motion body #content .ac-liquid-tabs .ac-liquid-picked::after { animation: none !important; transition: none !important; }

html.ac-access-contrast body #content .ac-liquid-tabs::before { display: none !important; }
html.ac-access-contrast body #content .ac-liquid-tabs a[aria-current="page"] { outline: 2px solid currentColor !important; outline-offset: -3px; }


/* Waterline renderer replaces the CSS capsule; no positional CSS transitions. */
html body #content.actorein-corporate-pages .ac-corporate-pages-nav .ac-water-tabs::before { display: none !important; animation: none !important; transition: none !important; }
html body #content.actorein-corporate-pages .ac-corporate-pages-nav .ac-water-tabs .ac-liquid-picked::after { display: none !important; }
html body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks).ac-water-tabs > li.ac-water-layer {
    position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;
    min-width: 0 !important; padding: 0 !important; margin: 0 !important;
    border: 0 !important; background: transparent !important; pointer-events: none !important;
    z-index: 0 !important; list-style: none !important; overflow: visible !important;
}
html body #content .ac-water-tabs .ac-water-canvas {
    position: absolute !important; left: -14px !important; top: -14px !important;
    max-width: none !important; max-height: none !important;
    padding: 0 !important; margin: 0 !important; border: 0 !important;
    pointer-events: none !important; background: transparent !important;
    filter: none !important; transition: none !important; transform: none !important;
}
html body #content .ac-water-tabs .ac-water-drop {
    display: none !important; position: absolute !important; left: 0;
    border: 1px solid var(--liquid-rim); border-radius: 999px;
    pointer-events: none; background: linear-gradient(150deg,rgba(255,255,255,.75),transparent 60%),var(--liquid-fill) !important;
    transition: none !important; transform-origin: center;
}
html body #content .ac-water-tabs.ac-water-fallback .ac-water-canvas { display: none !important; }
html body #content .ac-water-tabs.ac-water-fallback .ac-water-drop { display: block !important; }
html body #content .ac-water-tabs .ac-water-icon { display: inline-flex; flex: 0 0 auto; position: relative; background: transparent !important; color: inherit !important; }
html body #content .ac-water-tabs .ac-water-icon svg { transform-origin: center; }

.ac-water-icon[data-fx="pop"] svg{animation:nvPop .5s cubic-bezier(.3,1.6,.5,1) both}

@keyframes nvPop{0%{transform:scale(.72)}60%{transform:scale(1.2)}100%{transform:translateY(-1px) scale(1.08)}}

.ac-water-icon[data-fx="plane"] svg{animation:nvPlane 1.15s cubic-bezier(.55,0,.3,1) both}

@keyframes nvPlane{0%{transform:none}30%{transform:translate(3px,-3px) rotate(-10deg)}65%{transform:translate(-1px,1px) rotate(3deg)}100%{transform:translateY(-1px) scale(1.08)}}

.ac-water-icon[data-fx="plane"]::after{content:"";position:absolute;left:55%;top:48%;height:2px;width:46px;border-radius:2px;transform-origin:0 50%;

  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.95));animation:nvTrail 1.15s ease-out both;pointer-events:none}

@keyframes nvTrail{0%,8%{opacity:0;transform:rotate(-22deg) scaleX(0)}30%{opacity:.9;transform:rotate(-22deg) scaleX(1)}55%,100%{opacity:0;transform:rotate(-22deg) translateX(30px) scaleX(.2)}}

.ac-water-icon[data-fx="drop"] svg{animation:nvDrop .95s cubic-bezier(.4,0,.3,1) both;transform-origin:50% 100%}

@keyframes nvDrop{0%{transform:translateY(-1px)}26%{transform:translateY(-13px) scale(.88,1.12)}46%{transform:translateY(3px) scale(1.3,.68)}62%{transform:translateY(-3px) scale(.92,1.08)}80%{transform:translateY(0) scale(1.04,.97)}100%{transform:translateY(-1px) scale(1.08)}}

.ac-water-icon[data-fx="drop"]::before,.ac-water-icon[data-fx="drop"]::after{content:"";position:absolute;bottom:0;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:currentColor;opacity:0;pointer-events:none}

.ac-water-icon[data-fx="drop"]::before{animation:nvSplashL .95s ease-out both}

.ac-water-icon[data-fx="drop"]::after{animation:nvSplashR .95s ease-out both}

@keyframes nvSplashL{0%,44%{opacity:0;transform:none}50%{opacity:.9;transform:translate(-5px,-6px)}75%,100%{opacity:0;transform:translate(-11px,1px) scale(.4)}}

@keyframes nvSplashR{0%,44%{opacity:0;transform:none}50%{opacity:.9;transform:translate(5px,-7px)}75%,100%{opacity:0;transform:translate(12px,1px) scale(.4)}}

.ac-water-icon[data-fx="spin"] svg{animation:nvSpin 1s cubic-bezier(.2,.75,.25,1) both}

@keyframes nvSpin{0%{transform:perspective(80px) rotateY(0)}100%{transform:perspective(80px) rotateY(360deg) translateY(-1px) scale(1.08)}}

.ac-water-icon[data-fx="glow"] svg{animation:nvHop .8s cubic-bezier(.3,1.4,.5,1) both;transform-origin:50% 100%}

@keyframes nvHop{0%{transform:none}30%{transform:translateY(-5px) scale(1.04,.96)}55%{transform:translateY(0) scale(1.12,.88)}75%{transform:translateY(-2px) scale(.98,1.04)}100%{transform:translateY(-1px) scale(1.08)}}

.ac-water-icon[data-fx="glow"] .nv-door{animation:nvDoor 1.3s ease both}

@keyframes nvDoor{0%{fill:transparent}30%{fill:#FFF3A8}100%{fill:rgba(126,232,255,.6)}}

.ac-water-icon[data-fx="wave"] svg{animation:nvWave .9s ease-in-out both;transform-origin:50% 92%}

@keyframes nvWave{0%{transform:none}20%{transform:rotate(-15deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(4deg)}100%{transform:translateY(-1px) scale(1.08)}}



@media (prefers-reduced-motion: reduce) {
    html body #content .ac-water-tabs .ac-water-icon svg,
    html body #content .ac-water-tabs .ac-water-icon::before,
    html body #content .ac-water-tabs .ac-water-icon::after { animation: none !important; }
}
html.ac-access-motion body #content .ac-water-tabs .ac-water-icon svg,
html.ac-access-motion body #content .ac-water-tabs .ac-water-icon::before,
html.ac-access-motion body #content .ac-water-tabs .ac-water-icon::after { animation: none !important; }
html.ac-access-contrast body #content .ac-water-tabs .ac-water-layer { visibility: hidden !important; }


/* Programmatic page-title focus is not an input field border. */
html body #content.actorein-corporate-pages .acto-page-hero h1[tabindex="-1"]:focus {
    outline: none !important;
}
@media (max-width: 900px) {
    html:not(.ac-access-contrast) body #content.actorein-catalog.actorein-catalog .ac-catalog-main .ac-catalog-main__header.ac-catalog-main__header {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 0 16px !important;
        gap: 10px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        position: relative !important;
        top: auto !important;
    }
    html body #content.actorein-catalog .ac-catalog-main .ac-catalog-main__header-start {
        display: flex !important;
        width: 100% !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
    }
    html body #content.actorein-catalog .ac-catalog-main .ac-catalog-main__header-start .ac-catalog-count {
        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        text-align: end !important;
    }
    html body #content.actorein-catalog .ac-catalog-main .ac-catalog-controls {
        width: 100% !important;
        flex: 0 0 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
    }
    html body #content.actorein-catalog .ac-catalog-main .ac-catalog-controls:empty { display: none !important; }
    html body #content.actorein-catalog .ac-catalog-main .ac-filter-selected {
        width: 100% !important;
        justify-content: flex-start !important;
        gap: 6px !important;
    }
    html body #content.actorein-catalog .ac-catalog-main .ac-filter-chip {
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
        font-size: 12px !important;
        line-height: 1.4 !important;
        padding: 6px 10px !important;
    }
    html body #content.actorein-catalog .ac-catalog-main__header-end:has(.ac-catalog-view) { display: none !important; }
}


/* Selected tab icons inherit the readable label color, rather than stale white. */
html body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks).ac-water-tabs > li > a :is(.acto-subnav__ico,.ac-water-icon),
html body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks).ac-water-tabs > li > a :is(.acto-subnav__ico,.ac-water-icon) svg {
    color: inherit !important;
    stroke: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
}
html body #content.actorein-corporate-pages .ac-corporate-pages-nav :is(#ac-corporate-quicklinks,#ac-usage-quicklinks).ac-water-tabs > li > a svg :is(path,line,polyline,rect,circle) {
    stroke: currentColor !important;
    opacity: 1 !important;
}
html body #content .ac-water-tabs .ac-water-icon { min-width: 18px; min-height: 18px; overflow: visible; }



/* ---------- OpenRouter product finder assistant ---------- */

html body .ac-plan .ac-plan__ai {

    margin: 0 0 34px;

    padding: 26px;

    border: 1px solid var(--plan-edge);

    border-radius: 18px;

    background: var(--plan-soft);

}

html body .ac-plan .ac-plan__ai-title {

    margin: 0 0 8px;

    color: var(--plan-ink);

    font-size: clamp(20px, 2.2vw, 26px);

    line-height: 1.3;

    letter-spacing: -.02em;

}

html body .ac-plan .ac-plan__ai-intro { max-width: 720px; margin-bottom: 18px; }

html body .ac-plan .ac-plan__ai-form { display: grid; gap: 10px; }

html body .ac-plan .ac-plan__ai-label { font-size: 13px; }

html body .ac-plan .ac-plan__ai-form .ac-plan__actions { margin-top: 4px; }

html body .ac-plan .ac-plan__ai-form textarea { background: var(--plan-paper); }

html body .ac-plan .ac-plan__ai-status:not(:empty) {

    padding: 12px 16px;

    margin: 16px 0 0;

    border-inline-start: 3px solid #008faf;

    background: var(--plan-paper);

}

html body .ac-plan .ac-plan__ai-results { margin-top: 22px; }

html body .ac-plan .ac-plan__ai-results:empty { display: none; }

html body .ac-plan .ac-plan__ai-answer {

    margin-bottom: 20px;

    padding: 18px 20px;

    border: 1px solid var(--plan-edge);

    border-radius: 14px;

    background: var(--plan-paper);

}

html body .ac-plan .ac-plan__ai-answer strong { display: block; margin-bottom: 6px; color: #0086a6; font-size: 12px; }

html body .ac-plan .ac-plan__ai-answer p { font-size: 14px; }

html body .ac-plan .ac-plan__ai-reason { font-size: 13px; margin: 0 0 18px; }

html body .ac-plan .ac-plan__ai-empty { padding: 14px 18px; border-inline-start: 3px solid #00a4b6; background: var(--plan-paper); font-size: 13px; }

html body .ac-plan .ac-plan__ai-results > .ac-plan__note { margin-top: 20px; }

html body .ac-plan .ac-plan__ai-submit:disabled { opacity: .6; cursor: progress; }

@media (max-width: 640px) {

    html body .ac-plan .ac-plan__ai { padding: 20px 16px; }

}


/* Home product category buttons use the same Waterline renderer as page tabs. */
html body #content .rh-products__dynamic.acto-product-showcase .rh-products__filters.ac-water-tabs {
    position: relative !important;
    isolation: isolate;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    --liquid-fill: #d5f3fa; --liquid-rim: #66bfd5; --liquid-text: #005e7a;
    scrollbar-width: thin;
}
html body #content .rh-products__dynamic.acto-product-showcase .rh-products__filters.ac-water-tabs > .ac-water-layer {
    display: block !important;
    position: absolute !important; inset: 0 !important;
    width: 100% !important; height: 100% !important;
    min-width: 0 !important; padding: 0 !important; margin: 0 !important;
    border: 0 !important; background: transparent !important;
    pointer-events: none !important; z-index: 0 !important;
    overflow: visible !important;
}
html body #content .rh-products__dynamic.acto-product-showcase .rh-products__filters.ac-water-tabs.ac-water-tabs > button[data-home-filter] {
    position: relative;
    z-index: 1;
    flex: 0 0 auto !important;
    min-height: 44px !important;
    padding: 10px 16px !important;
    white-space: nowrap !important;
    background: transparent !important;
    border-color: transparent !important;
    border-radius: 999px !important;
    color: #496477 !important;
}
html body #content .rh-products__dynamic.acto-product-showcase .rh-products__filters.ac-water-tabs.ac-water-tabs > button[data-home-filter]:is([aria-pressed="true"],.ac-liquid-picked) {
    color: var(--liquid-text) !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body #content .rh-products__dynamic.acto-product-showcase .rh-products__filters.ac-water-tabs {
    --liquid-fill: #16465a; --liquid-rim: #4ba9c2; --liquid-text: #c0f3ff;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body #content .rh-products__dynamic.acto-product-showcase .rh-products__filters.ac-water-tabs.ac-water-tabs > button[data-home-filter] {
    background: transparent !important; color: #bdd2df !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body #content .rh-products__dynamic.acto-product-showcase .rh-products__filters.ac-water-tabs.ac-water-tabs > button[data-home-filter]:is([aria-pressed="true"],.ac-liquid-picked) { color: var(--liquid-text) !important; }
html.ac-access-contrast body #content .rh-products__filters.ac-water-tabs > button[aria-pressed="true"] { outline: 2px solid currentColor !important; outline-offset: -3px; }



/* ---------- AI-first product finder ---------- */

html body .ac-plan.ac-plan--ai { max-width: 1080px; }

html body .ac-plan--ai .ac-plan__head { max-width: 820px; margin-bottom: 26px; }

html body .ac-plan--ai .ac-plan__head--ai h2 { margin-bottom: 12px; }

html body .ac-plan--ai .ac-plan__ai {

    margin: 0;

    padding: clamp(22px, 4vw, 40px);

    border: 1px solid var(--plan-edge);

    border-radius: 24px;

    background:

        radial-gradient(120% 140% at 0% 0%, rgba(0, 143, 175, .10), transparent 55%),

        var(--plan-paper);

    box-shadow: 0 24px 60px -40px rgba(10, 44, 67, .55);

}

html body .ac-plan--ai .ac-plan__ai-form { gap: 12px; }

html body .ac-plan--ai .ac-plan__ai-label { font-size: 15px; font-weight: 600; }

html body .ac-plan--ai .ac-plan__ai-input {

    min-height: 128px;

    padding: 18px 20px;

    border-radius: 16px;

    font-size: 16px;

    line-height: 1.6;

    background: var(--plan-paper);

}

html body .ac-plan--ai .ac-plan__ai-actions {

    display: flex;

    align-items: center;

    gap: 16px;

    flex-wrap: wrap;

}

html body .ac-plan--ai .ac-plan__ai-submit { min-height: 50px; padding: 14px 26px; border-radius: 12px; font-size: 14px; }

html body .ac-plan--ai .ac-plan__ai-hint { color: var(--plan-muted); font-size: 11px; }

html body .ac-plan--ai .ac-plan__ai-examples { margin-top: 22px; display: grid; gap: 10px; }

html body .ac-plan--ai .ac-plan__ai-examples-label { color: var(--plan-muted); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

html body .ac-plan--ai .ac-plan__ai-chips { display: flex; flex-wrap: wrap; gap: 8px; }

html body .ac-plan--ai .ac-plan__ai-chip {

    min-height: 0;

    padding: 9px 14px;

    border: 1px solid var(--plan-edge);

    border-radius: 999px;

    background: var(--plan-paper);

    color: var(--plan-ink);

    font-size: 12px;

    font-weight: 500;

    gap: 0;

}

html body .ac-plan--ai .ac-plan__ai-chip:hover { background: var(--plan-soft); border-color: #008faf; color: var(--plan-ink); }

html body .ac-plan--ai .ac-plan__ai-status:not(:empty) { margin-top: 22px; border-radius: 12px; }

html body .ac-plan--ai .ac-plan__ai-results { margin-top: 28px; }

html body .ac-plan--ai .ac-plan__ai-answer { padding: 20px 22px; border-radius: 16px; }

html body .ac-plan--ai .ac-plan__ai-results .ac-plan__recommendations { gap: 18px; }

html body .ac-plan--ai .ac-plan__ai-results .ac-plan__recommendation { border-radius: 18px; }

@media (max-width: 640px) {

    html body .ac-plan--ai .ac-plan__ai { padding: 20px 16px; border-radius: 18px; }

    html body .ac-plan--ai .ac-plan__ai-input { min-height: 110px; }

}


/* Applications use the same always-visible mobile tab strip as corporate pages. */
@media (max-width: 900px) {
    html body #content.actorein-usage-pages .ac-corporate-pages-nav #ac-usage-quicklinks.acto-subnav__list {
        display: flex !important;
        position: relative !important;
        inset: auto !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 6px 0 10px !important;
        margin: 0 !important;
        gap: 8px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        visibility: visible !important;
        opacity: 1 !important;
        scrollbar-width: thin !important;
    }
    html body #content.actorein-usage-pages .ac-corporate-pages-nav #ac-usage-quicklinks > li:not(.ac-water-layer) {
        flex: 0 0 auto !important;
        width: auto !important;
    }
    html body #content.actorein-usage-pages .ac-corporate-pages-nav #ac-usage-quicklinks > li > a {
        width: auto !important;
        min-height: 44px !important;
        white-space: nowrap !important;
    }
html body #content.actorein-usage-pages .ac-corporate-pages-nav .acto-subnav__toggle { display: none !important; }



/* ---------- AI product finder chat ---------- */

html body .ac-plan .ac-plan__ai-results[data-ai-log] {

    display: flex; flex-direction: column; gap: 12px;

    max-height: min(52vh, 480px); overflow-y: auto;

    margin: 0 0 18px; padding: 4px 4px 6px;

    scroll-behavior: smooth;

}

html body .ac-plan .ac-plan__ai-results[data-ai-log]:empty { display: none; }

html body .ac-plan .ac-plan__msg {

    max-width: 88%; padding: 14px 18px; border-radius: 18px;

    font-size: 14px; line-height: 1.65; overflow-wrap: anywhere;

}

html body .ac-plan .ac-plan__msg-text { margin: 0; white-space: pre-wrap; }

html body .ac-plan .ac-plan__msg--user {

    align-self: flex-end; background: #0a2c43; color: #fff;

    border-bottom-right-radius: 6px;

}

html body .ac-plan .ac-plan__msg--assistant {

    align-self: flex-start; background: var(--plan-soft);

    border: 1px solid var(--plan-edge); color: var(--plan-ink);

    border-bottom-left-radius: 6px;

}

html body .ac-plan .ac-plan__msg--user .ac-plan__msg-text { color: #fff; }

html body .ac-plan .ac-plan__msg .ac-plan__chat-cards { margin-top: 16px; grid-template-columns: 1fr; gap: 14px; }

html body .ac-plan .ac-plan__msg .ac-plan__recommendation { padding: 16px; border-radius: 14px; background: var(--plan-paper); }

html body .ac-plan .ac-plan__msg .ac-plan__product-image { flex-basis: 78px; width: 78px; height: 98px; }

html body .ac-plan .ac-plan__msg .ac-plan__note { margin-top: 14px; font-size: 12px; }

html body .ac-plan .ac-plan__ai-reset {

    min-height: 0; padding: 0; border: 0; background: transparent;

    color: var(--plan-muted); font-size: 12px; font-weight: 600;

    text-decoration: underline; text-underline-offset: 3px;

}

html body .ac-plan .ac-plan__ai-reset:hover { background: transparent; color: #008faf; }

html body .ac-plan .ac-plan__ai-empty { margin: 0; padding: 0; border: 0; background: transparent; font-size: 13px; color: var(--plan-muted); }

@media (max-width: 600px) {

    html body .ac-plan .ac-plan__ai-results[data-ai-log] { max-height: 60vh; }

    html body .ac-plan .ac-plan__msg { max-width: 94%; padding: 12px 14px; }

}
}


/* Reference-inspired mascot composer; no model picker or unsupported tools. */
html body #content .ac-plan.ac-plan--mascot {
    --mascot-paper: #fff; --mascot-ink: #18181b; --mascot-muted: #71717a;
    --mascot-line: #e4e4e7; --mascot-soft: #f4f4f5; --mascot-frame: #e4e4e7;
    position: relative; max-width: var(--actorein-container) !important;
    width: min(calc(100% - var(--actorein-gutter) * 2), var(--actorein-container)) !important;
    box-sizing: border-box !important;
    margin: 44px auto !important; padding: 16px 0 !important;
    background: transparent !important; border: 0 !important; border-radius: 0 !important;
}
html body #content .ac-plan.ac-plan--mascot::before,
html body #content .ac-plan.ac-plan--mascot::after { display: none !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__head--ai {
    padding: 0 0 0 112px !important; min-height: 94px;
    display: flex; flex-direction: column; justify-content: center;
    margin: 0 0 22px !important; background: transparent !important;
    transition: padding .35s ease;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__head--ai .ac-plan__eyebrow { display: none !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__head--ai h2 { color: var(--mascot-ink) !important; font-size: clamp(23px,3vw,30px) !important; line-height: 1.25 !important; margin: 0 0 8px !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__head--ai p { color: var(--mascot-muted) !important; font-size: 14px !important; line-height: 1.6 !important; margin: 0 !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai { padding: 0 !important; border: 0 !important; background: transparent !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-form {
    padding: 22px !important; border: 1px solid var(--mascot-line) !important;
    border-radius: 24px !important; background: var(--mascot-paper) !important;
    display: block !important; transition: border-color .2s ease;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-form:focus-within { border-color: #008eaf !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-label { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); }
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-input {
    display: block; width: 100% !important; min-height: 100px !important; max-height: 200px;
    padding: 0 !important; border: 0 !important; border-radius: 0 !important;
    background: transparent !important; color: var(--mascot-ink) !important;
    resize: none !important; font: 500 16px/1.65 var(--font-sans, sans-serif) !important;
    outline: none !important; outline-offset: 0 !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-input::placeholder { color: var(--mascot-muted) !important; opacity: 1; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-actions { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px; margin-top: 16px !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__send-controls { display: flex; align-items: center; gap: 12px; background: transparent !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-submit {
    display: grid !important; place-items: center !important; flex: 0 0 40px;
    width: 40px !important; min-width: 40px !important; height: 40px !important; min-height: 40px !important;
    padding: 0 !important; border: 0 !important; border-radius: 50% !important;
    background: var(--mascot-ink) !important; color: var(--mascot-paper) !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-submit svg { width: 20px; height: 20px; color: inherit !important; stroke: currentColor !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-submit:disabled { background: var(--mascot-soft) !important; color: var(--mascot-muted) !important; opacity: .65 !important; cursor: not-allowed; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-stop { padding: 8px 12px !important; border: 1px solid var(--mascot-line) !important; border-radius: 20px !important; background: var(--mascot-soft) !important; color: var(--mascot-ink) !important; font-size: 13px !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-stop[hidden] { display: none !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-hint { color: var(--mascot-muted) !important; font-size: 11px !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-examples { margin-top: 22px !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-chip { padding: 9px 13px !important; border-radius: 999px !important; background: var(--mascot-paper) !important; border-color: var(--mascot-line) !important; color: var(--mascot-muted) !important; font-size: 12px !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__mascot { position: absolute; top: 26px; left: 0; width: 92px; height: 70px; pointer-events: none; transition: left .4s cubic-bezier(.2,.8,.3,1); z-index: 2; background: transparent !important; }
html body #content .ac-plan.ac-plan--mascot.is-writing .ac-plan__mascot { left: calc(100% - 92px); }
html body #content .ac-plan.ac-plan--mascot.is-writing .ac-plan__head--ai { padding: 0 112px 0 0 !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot { position: relative; width: 88px; height: 64px; background: transparent !important; animation: ac-robot-float 2.8s ease-in-out infinite; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-head { position: absolute; top: 8px; width: 88px; height: 58px; padding: 6px; box-sizing: border-box; border: 2px solid var(--mascot-line) !important; border-radius: 13px; background: var(--mascot-frame) !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-screen { display: flex; align-items: center; justify-content: center; gap: 15px; height: 100%; border-radius: 8px; background: #050505 !important; overflow: hidden; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-screen::after { content: ''; position: absolute; inset: 7px; pointer-events: none; background: repeating-linear-gradient(transparent 0 2px,rgba(0,0,0,.5) 2px 4px); }
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-eye { width: 10px; height: 18px; background: #34d399 !important; border-radius: 2px; translate: var(--robot-eye-x,0px) var(--robot-eye-y,0px); animation: ac-robot-blink 4.6s infinite; transition: translate .12s ease-out; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-antenna::before,
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-antenna::after { content: ''; position: absolute; top: 0; width: 14px; height: 15px; background: var(--mascot-frame); border: 1px solid var(--mascot-line); border-radius: 6px 6px 0 0; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-antenna::before { left: 10px; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-antenna::after { right: 10px; }
html body #content .ac-plan.ac-plan--mascot.is-thinking .ac-plan__robot-eye { background: #fbbf24 !important; animation: ac-robot-think .8s ease-in-out infinite; }
html body #content .ac-plan.ac-plan--mascot.is-thinking .ac-plan__robot-eye:nth-child(2) { animation-delay: .15s; }
@keyframes ac-robot-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes ac-robot-blink { 0%,43%,48%,100% { scale: 1 1; } 45%,46% { scale: 1 .15; } }
@keyframes ac-robot-think { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan.ac-plan--mascot {
    --mascot-paper: #18181b; --mascot-ink: #f4f4f5; --mascot-muted: #a1a1aa;
    --mascot-line: #3f3f46; --mascot-soft: #27272a; --mascot-frame: #3f3f46;
    background: transparent !important;
}
@media (max-width: 600px) {
    html body #content .ac-plan.ac-plan--mascot { margin: 26px auto !important; }
    html body #content .ac-plan.ac-plan--mascot .ac-plan__head--ai { padding-left: 98px !important; min-height: 104px; }
    html body #content .ac-plan.ac-plan--mascot.is-writing .ac-plan__head--ai { padding: 0 98px 0 0 !important; }
    html body #content .ac-plan.ac-plan--mascot .ac-plan__head--ai h2 { font-size: 22px !important; }
    html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-form { padding: 18px !important; border-radius: 20px !important; }
}
@media (prefers-reduced-motion: reduce) {
    html body #content .ac-plan--mascot :is(.ac-plan__robot,.ac-plan__robot-eye,.ac-plan__mascot) { animation: none !important; transition: none !important; }
}
html.ac-access-motion body #content .ac-plan--mascot :is(.ac-plan__robot,.ac-plan__robot-eye,.ac-plan__mascot) { animation: none !important; transition: none !important; }

@media (prefers-reduced-motion: no-preference) {
    html:not(.ac-access-motion) body #content .ac-plan--mascot .ac-plan__robot { animation-duration: 2.8s !important; }
    html:not(.ac-access-motion) body #content .ac-plan--mascot .ac-plan__robot-eye { animation-duration: 4.6s !important; }
    html:not(.ac-access-motion) body #content .ac-plan--mascot.is-thinking .ac-plan__robot-eye { animation-duration: .8s !important; }
}


/* Application tabs remain visible below the measured header while scrolling. */
html body #content.actorein-usage-pages {
    overflow: visible !important;
}
html body #content.actorein-usage-pages > .ac-corporate-pages-nav {
    display: block !important;
    position: sticky !important;
    top: var(--actorein-header-height, 96px) !important;
    z-index: 60 !important;
    overflow: visible !important;
    margin-bottom: 0 !important;
    padding: 8px 0 !important;
}
html body #content.actorein-usage-pages .ac-corporate-pages-nav #ac-usage-quicklinks.acto-subnav__list {
    display: flex !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 56px !important;
    max-height: none !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: auto !important;
    scrollbar-color: #5993a5 transparent !important;
    padding: 4px 0 10px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    border: 0 !important;
}
html body #content.actorein-usage-pages .ac-corporate-pages-nav #ac-usage-quicklinks > li:not(.ac-water-layer) {
    display: block !important;
    width: auto !important;
    flex: 0 0 auto !important;
}
html body #content.actorein-usage-pages .ac-corporate-pages-nav #ac-usage-quicklinks > li > a {
    display: flex !important;
    width: auto !important;
    min-height: 44px !important;
    white-space: nowrap !important;
}
html body #content.actorein-usage-pages .ac-corporate-pages-nav #ac-usage-quicklinks::-webkit-scrollbar { display: block !important; height: 4px !important; }
html body #content.actorein-usage-pages .ac-corporate-pages-nav #ac-usage-quicklinks::-webkit-scrollbar-track { background: transparent !important; }
html body #content.actorein-usage-pages .ac-corporate-pages-nav #ac-usage-quicklinks::-webkit-scrollbar-thumb { background: #5993a5 !important; border: 0 !important; border-radius: 8px; }
html body #content.actorein-usage-pages .ac-corporate-pages-nav #ac-usage-quicklinks::-webkit-scrollbar-button { display: none !important; width: 0 !important; height: 0 !important; }

html body #content.actorein-usage-pages .ac-corporate-pages-nav .acto-subnav__toggle { display: none !important; }



html body .ac-plan .ac-plan__ai-actions { flex-wrap: wrap; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-reset { color: var(--mascot-muted) !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-reset:hover { color: #008faf !important; }



/* AI thinking skeleton */

html body .ac-plan .ac-plan__msg--thinking { width: min(320px, 88%); }

html body .ac-plan .ac-plan__skeleton { display: grid; gap: 9px; margin-bottom: 12px; }

html body .ac-plan .ac-plan__skeleton-line {

    display: block; height: 10px; border-radius: 6px;

    background: linear-gradient(90deg, var(--plan-edge) 25%, var(--plan-soft) 37%, var(--plan-edge) 63%);

    background-size: 400% 100%;

    animation: ac-skeleton 1.4s ease-in-out infinite;

}

html body .ac-plan .ac-plan__skeleton-line:nth-child(2) { width: 82%; }

html body .ac-plan .ac-plan__skeleton-line:nth-child(3) { width: 64%; }

html body .ac-plan .ac-plan__thinking-text { margin: 0; font-size: 12px; color: var(--plan-muted); }

@keyframes ac-skeleton { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }

html body #content .ac-plan.ac-plan--mascot .ac-plan__skeleton-line {

    background: linear-gradient(90deg, var(--mascot-line) 25%, var(--mascot-soft) 37%, var(--mascot-line) 63%);

    background-size: 400% 100%;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__thinking-text { color: var(--mascot-muted); }

@media (prefers-reduced-motion: reduce) { html body .ac-plan .ac-plan__skeleton-line { animation: none; } }

html.ac-access-motion body .ac-plan .ac-plan__skeleton-line { animation: none !important; }



/* Robot expressions */

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-screen { position: relative; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-mouth {

    position: absolute; left: 50%; bottom: 9px; width: 14px; height: 7px;

    border-bottom: 2px solid #34d399; border-radius: 0 0 12px 12px;

    transform: translateX(-50%); transition: all .2s ease; pointer-events: none;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-blush {

    position: absolute; bottom: 11px; width: 12px; height: 6px; border-radius: 50%;

    background: #fb7185; opacity: 0; transition: opacity .2s ease; pointer-events: none;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-blush--left { left: 10px; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-blush--right { right: 10px; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-eye { position: relative; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-eye::before {

    content: ''; position: absolute; left: 50%; top: -6px; width: 16px; height: 2px;

    background: #ef4444; border-radius: 2px; opacity: 0;

    transform: translateX(-50%); transition: opacity .2s ease;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-eye:nth-child(1)::before { transform: translateX(-50%) rotate(18deg); }

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-eye:nth-child(2)::before { transform: translateX(-50%) rotate(-18deg); }

html body #content .ac-plan.ac-plan--mascot.is-thinking .ac-plan__robot-mouth {

    width: 8px; height: 8px; border: 2px solid #fbbf24; border-radius: 50%; background: transparent;

}

html body #content .ac-plan.ac-plan--mascot.is-happy .ac-plan__robot-eye { background: #34d399 !important; }

html body #content .ac-plan.ac-plan--mascot.is-happy .ac-plan__robot-mouth {

    width: 18px; height: 9px; border: 0; border-bottom: 2px solid #34d399; border-radius: 0 0 12px 12px;

}

html body #content .ac-plan.ac-plan--mascot.is-happy .ac-plan__robot-blush { opacity: .55; }

html body #content .ac-plan.ac-plan--mascot.is-angry .ac-plan__robot-eye { background: #ef4444 !important; height: 12px; }

html body #content .ac-plan.ac-plan--mascot.is-angry .ac-plan__robot-eye::before { opacity: 1; }

html body #content .ac-plan.ac-plan--mascot.is-angry .ac-plan__robot-mouth {

    width: 16px; height: 8px; border: 0; border-top: 2px solid #ef4444;

    border-radius: 12px 12px 0 0; bottom: 8px;

}

html body #content .ac-plan.ac-plan--mascot.is-angry .ac-plan__robot-antenna::before,

html body #content .ac-plan.ac-plan--mascot.is-angry .ac-plan__robot-antenna::after { background: #7f1d1d; border-color: #ef4444; }

html body #content .ac-plan.ac-plan--mascot.is-embarrassed .ac-plan__robot-eye { background: #f472b6 !important; translate: 0 3px !important; }

html body #content .ac-plan.ac-plan--mascot.is-embarrassed .ac-plan__robot-mouth {

    width: 10px; height: 4px; border: 0; border-bottom: 2px solid #f472b6; border-radius: 0 0 8px 8px;

}

html body #content .ac-plan.ac-plan--mascot.is-embarrassed .ac-plan__robot-blush { opacity: .8; }

@media (prefers-reduced-motion: reduce) {

    html body #content .ac-plan.ac-plan--mascot :is(.ac-plan__robot-mouth,.ac-plan__robot-blush,.ac-plan__robot-eye::before) { transition: none; }

}



/* Chat readability and compact composer */

html body #content .ac-plan .ac-plan__ai-results[data-ai-log] { gap: 14px; padding: 4px 2px 8px; }

html body #content .ac-plan .ac-plan__msg {

    max-width: 82%; padding: 13px 17px; border-radius: 18px;

    font-size: 14px; line-height: 1.65;

}

html body #content .ac-plan .ac-plan__msg--assistant {

    background: var(--plan-soft) !important;

    border: 1px solid var(--plan-edge) !important;

    color: var(--plan-ink) !important;

}

html body #content .ac-plan .ac-plan__msg--user {

    background: #0a2c43 !important; color: #fff !important; border: 0 !important;

}

html body #content .ac-plan .ac-plan__msg--user .ac-plan__msg-text { color: #fff !important; }

html body #content .ac-plan .ac-plan__ai-reset {

    background: transparent !important; border: 0 !important; box-shadow: none !important;

    color: var(--plan-muted) !important; min-height: 0 !important; padding: 0 !important;

    font-size: 12px !important; font-weight: 600 !important;

    text-decoration: underline; text-underline-offset: 3px;

}

html body #content .ac-plan .ac-plan__ai-reset:hover { background: transparent !important; color: #008faf !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-input { min-height: 72px !important; max-height: 160px !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-form { padding: 18px 20px !important; }

@media (max-width: 600px) {

    html body #content .ac-plan .ac-plan__msg { max-width: 92%; padding: 11px 14px; }

}



/* ---------- Final chat clarity + robot face ---------- */

html body #content .ac-plan .ac-plan__ai-results[data-ai-log] {

    width: 100%; padding: 18px; max-height: 440px;

    border: 1px solid var(--mascot-line, var(--plan-edge));

    border-radius: 20px;

    background: var(--mascot-soft, var(--plan-soft));

}

html body #content .ac-plan .ac-plan__msg-meta { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }

html body #content .ac-plan .ac-plan__msg--user .ac-plan__msg-meta { justify-content: flex-end; }

html body #content .ac-plan .ac-plan__msg-avatar {

    display: grid; place-items: center; width: 22px; height: 22px;

    border-radius: 50%; font-size: 9px; font-weight: 800;

    background: var(--mascot-soft, var(--plan-soft));

    color: #0086a6; border: 1px solid var(--mascot-line, var(--plan-edge));

}

html body #content .ac-plan .ac-plan__msg-avatar--user { background: #008faf; color: #fff; border-color: #008faf; }

html body #content .ac-plan .ac-plan__msg-author {

    font-size: 10px; font-weight: 800; letter-spacing: .08em;

    text-transform: uppercase;

    color: var(--mascot-muted, var(--plan-muted)) !important;

}

html body #content .ac-plan .ac-plan__msg--user .ac-plan__msg-author { color: rgba(255,255,255,.72) !important; }



/* Robot idle speech bubble */

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-speech {

    position: absolute; bottom: calc(100% + 8px); left: 0; z-index: 4;

    width: max-content; max-width: 250px; padding: 8px 12px;

    border: 1px solid var(--mascot-line, var(--plan-edge));

    border-radius: 14px 14px 14px 4px;

    background: var(--mascot-paper, var(--plan-paper));

    color: var(--mascot-ink, var(--plan-ink));

    font-size: 12px; line-height: 1.45; font-weight: 600;

    box-shadow: 0 12px 30px -20px rgba(10, 44, 67, .55);

    opacity: 0; transform: translateY(6px); pointer-events: none;

    transition: opacity .2s ease, transform .2s ease;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-speech::after {

    content: ''; position: absolute; left: 12px; bottom: -5px;

    width: 8px; height: 8px; background: inherit;

    border-right: 1px solid var(--mascot-line, var(--plan-edge));

    border-bottom: 1px solid var(--mascot-line, var(--plan-edge));

    transform: rotate(45deg);

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-speech.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 600px) {

    html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-speech { max-width: 210px; font-size: 11px; }

}
html body #content .ac-plan .ac-plan__msg {

    max-width: 78%; padding: 13px 17px; border-radius: 16px;

}

html body #content .ac-plan .ac-plan__msg--assistant {

    align-self: flex-start; max-width: 80%;

    background: var(--mascot-paper, var(--plan-paper)) !important;

    border: 1px solid var(--mascot-line, var(--plan-edge)) !important;

    border-bottom-left-radius: 6px;

}

html body #content .ac-plan .ac-plan__msg--assistant :is(p,span) { color: var(--mascot-ink, var(--plan-ink)) !important; }

html body #content .ac-plan .ac-plan__msg--user {

    align-self: flex-end; max-width: 68%;

    background: #0a2c43 !important; border: 0 !important;

    border-bottom-right-radius: 6px;

}

html body #content .ac-plan .ac-plan__msg--user :is(p,span) { color: #fff !important; -webkit-text-fill-color: #fff !important; }



/* Robot: dot eyes and expressions */

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-screen {

    background: radial-gradient(circle at 50% 35%, #10231e, #050505 72%) !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-eye {

    width: 9px !important; height: 9px !important; border-radius: 50% !important;

    background: #34d399 !important;

    box-shadow: 0 0 8px rgba(52,211,153,.85);

}

html body #content .ac-plan.ac-plan--mascot.is-thinking .ac-plan__robot-eye {

    background: #fbbf24 !important; box-shadow: 0 0 8px rgba(251,191,36,.9);

}

html body #content .ac-plan.ac-plan--mascot.is-happy .ac-plan__robot-eye {

    background: #34d399 !important; box-shadow: 0 0 11px rgba(52,211,153,.95);

}

html body #content .ac-plan.ac-plan--mascot.is-angry .ac-plan__robot-eye {

    width: 10px !important; height: 10px !important;

    background: #ef4444 !important; box-shadow: 0 0 11px rgba(239,68,68,.95);

}

html body #content .ac-plan.ac-plan--mascot.is-embarrassed .ac-plan__robot-eye {

    background: #f472b6 !important; box-shadow: 0 0 9px rgba(244,114,182,.9);

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-puff {

    position: absolute; top: 0; left: 72px; z-index: 3;

    padding: 4px 8px; pointer-events: none;

    border: 1px solid var(--mascot-line, var(--plan-edge));

    border-radius: 12px 12px 12px 4px;

    background: var(--mascot-paper, var(--plan-paper));

    color: var(--mascot-ink, var(--plan-ink));

    font-size: 11px; font-weight: 800; font-style: italic; letter-spacing: .04em;

    opacity: 0; transform: translateY(6px) scale(.9);

    transition: opacity .2s ease, transform .2s ease;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-puff::after {

    content: ''; position: absolute; left: -4px; bottom: 3px;

    width: 7px; height: 7px; background: inherit;

    border-left: 1px solid var(--mascot-line, var(--plan-edge));

    border-bottom: 1px solid var(--mascot-line, var(--plan-edge));

    transform: rotate(45deg);

}

html body #content .ac-plan.ac-plan--mascot.is-angry .ac-plan__robot-puff {

    opacity: 1; transform: translateY(0) scale(1);

    animation: ac-puff .55s ease-in-out infinite alternate;

}

@keyframes ac-puff {

    from { transform: translateY(0) scale(1); }

    to { transform: translateY(-3px) scale(1.05); }

}

@media (prefers-reduced-motion: reduce) {

    html body #content .ac-plan.ac-plan--mascot.is-angry .ac-plan__robot-puff { animation: none; }

}

html.ac-access-motion body #content .ac-plan.ac-plan--mascot.is-angry .ac-plan__robot-puff { animation: none !important; }

html body #content .ac-plan .ac-plan__msg--assistant .ac-plan__msg-author { color: var(--mascot-muted, var(--plan-muted)) !important; }

html body #content .ac-plan .ac-plan__msg--user .ac-plan__msg-author { color: rgba(255,255,255,.72) !important; }



/* Keep the robot bubbles above neighbouring/sticky layers */

html body #content .ac-plan.ac-plan--mascot,

html body #content .ac-plan.ac-plan--mascot .ac-plan__mascot { overflow: visible !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__mascot { z-index: 500 !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-speech { z-index: 520 !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-hearts { z-index: 515 !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-puff { z-index: 520 !important; }



/* Petting the robot */

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-head {

    pointer-events: auto; cursor: pointer; touch-action: manipulation;

    transition: filter .2s ease;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-head:hover { filter: brightness(1.05); }

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-hearts {

    position: absolute; inset: 0; z-index: 5;

    pointer-events: none; overflow: visible;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-heart {

    position: absolute; top: 24px; left: 50%;

    font-size: 16px; line-height: 1;

    transform: translate(-50%, 0) scale(.6);

    opacity: 0; animation: ac-heart-float 1.25s ease-out forwards;

    filter: drop-shadow(0 3px 5px rgba(10, 44, 67, .18));

    will-change: transform, opacity;

}

@keyframes ac-heart-float {

    0% { opacity: 0; transform: translate(-50%, 0) scale(.6); }

    20% { opacity: 1; }

    100% { opacity: 0; transform: translate(calc(-50% + var(--heart-x, 0px)), -82px) scale(1.05); }

}

@keyframes ac-robot-pet {

    0%, 100% { scale: 1; }

    40% { scale: 1.07; }

}

html body #content .ac-plan.ac-plan--mascot.is-petted .ac-plan__robot {

    animation: ac-robot-float 2.8s ease-in-out infinite, ac-robot-pet .34s ease-in-out 3;

}

@media (prefers-reduced-motion: reduce) {

    html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-heart { animation: none; opacity: 1; }

    html body #content .ac-plan.ac-plan--mascot.is-petted .ac-plan__robot { animation: none; }

}

html.ac-access-motion body #content .ac-plan.ac-plan--mascot .ac-plan__robot-heart { animation: none !important; opacity: 1; }

html.ac-access-motion body #content .ac-plan.ac-plan--mascot.is-petted .ac-plan__robot { animation: none !important; }

html body #content .ac-plan .ac-plan__marketplace-note {
    margin: 12px 0 0 !important; padding: 10px 0 0 !important;
    border-top: 1px solid var(--plan-edge, #d9e6ed);
    color: var(--plan-muted, #5c7485) !important;
    background: transparent !important; font-size: 13px !important; line-height: 1.5 !important;
}
html body #content .ac-plan .ac-plan__marketplaces { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; background: transparent !important; }
html body #content .ac-plan .ac-plan__marketplace-link { padding: 8px 10px; border: 1px solid var(--plan-edge, #d9e6ed); border-radius: 8px; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }


/* Usage categories need a scroll track only when their content overflows. */
html body #content.actorein-usage-pages .ac-corporate-pages-nav #ac-usage-quicklinks::-webkit-scrollbar {
    height: 4px !important;
}
html body #content.actorein-usage-pages .ac-corporate-pages-nav #ac-usage-quicklinks::-webkit-scrollbar-button {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}
@media (max-width: 900px) {
    html body #content.actorein-usage-pages .ac-corporate-pages-nav #ac-usage-quicklinks.acto-subnav__list {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin !important;
    }
}


/* Conversation: both speakers on the left, clearly separated message bubbles. */
html body #content .ac-plan .ac-plan__ai-results[data-ai-log] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 18px !important;
    width: 100% !important;
    box-sizing: border-box;
    padding: 20px 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    scrollbar-width: thin;
}
html body #content .ac-plan .ac-plan__ai-results[data-ai-log] > .ac-plan__msg {
    position: relative;
    flex: 0 0 auto;
    align-self: flex-start !important;
    width: fit-content !important;
    min-width: 140px;
    max-width: min(84%, 960px) !important;
    margin: 0 !important;
    padding: 14px 18px !important;
    border-radius: 18px 18px 18px 5px !important;
    box-sizing: border-box;
}
html body #content .ac-plan .ac-plan__ai-results[data-ai-log] > .ac-plan__msg::before {
    content: ''; position: absolute; left: -7px; bottom: 10px;
    width: 8px; height: 12px; background: inherit !important;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    pointer-events: none;
}
html body #content .ac-plan .ac-plan__msg .ac-plan__msg-meta {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 9px !important;
    background: transparent !important;
}
html body #content .ac-plan .ac-plan__msg .ac-plan__msg-author {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: .01em !important;
}
html body #content .ac-plan .ac-plan__msg--assistant .ac-plan__msg-avatar {
    background: #0086a6 !important;
    color: #fff !important;
    border: 0 !important;
}
html body #content .ac-plan .ac-plan__msg--user .ac-plan__msg-avatar {
    background: #fff !important;
    color: #0a2c43 !important;
    -webkit-text-fill-color: #0a2c43 !important;
    border: 0 !important;
}
html body #content .ac-plan .ac-plan__ai-results[data-ai-log] > .ac-plan__msg--user {
    background: #0a2c43 !important;
    color: #fff !important;
}
html body #content .ac-plan .ac-plan__msg .ac-plan__msg-text {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    text-align: start !important;
}
html body #content .ac-plan .ac-plan__ai-results[data-ai-log] > .ac-plan__msg:has(.ac-plan__chat-cards) {
    width: min(100%, 960px) !important;
    max-width: 100% !important;
}
@media (max-width: 600px) {

    html body #content .ac-plan .ac-plan__ai-results[data-ai-log] { gap: 14px !important; padding: 16px 8px !important; }

    html body #content .ac-plan .ac-plan__ai-results[data-ai-log] > .ac-plan__msg { max-width: 95% !important; padding: 12px 14px !important; }

}



/* Bigger robot face + ticklish belly */

html body #content .ac-plan.ac-plan--mascot .ac-plan__mascot {

    width: 112px !important; height: 100px !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot {

    width: 108px !important; height: 96px !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-head {

    top: 8px !important; width: 108px !important; height: 64px !important;

    padding: 5px !important; border-radius: 16px !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-screen {

    gap: 22px !important; border-radius: 10px !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-eye {

    width: 11px !important; height: 11px !important; border-radius: 50% !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-mouth {

    width: 20px !important; height: 9px !important; bottom: 9px !important;

    border-bottom-width: 3px !important; border-radius: 0 0 14px 14px !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-blush {

    width: 14px !important; height: 7px !important; bottom: 12px !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-blush--left { left: 12px !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-blush--right { right: 12px !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-eye::before {

    width: 18px !important; top: -7px !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-puff { left: 88px !important; top: 2px !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-heart { top: 30px !important; font-size: 18px !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__head--ai {

    padding-left: 132px !important; min-height: 118px !important;

}

html body #content .ac-plan.ac-plan--mascot.is-writing .ac-plan__mascot { left: calc(100% - 112px) !important; }

html body #content .ac-plan.ac-plan--mascot.is-writing .ac-plan__head--ai { padding: 0 132px 0 0 !important; }



html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-body {

    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);

    width: 56px; height: 24px; z-index: 3;

    border: 2px solid var(--mascot-line, var(--plan-edge));

    border-radius: 0 0 16px 16px;

    background: var(--mascot-frame, var(--plan-soft));

    pointer-events: auto; cursor: pointer;

    transition: filter .2s ease;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-body::before {

    content: ''; position: absolute; left: 50%; top: 7px; transform: translateX(-50%);

    width: 18px; height: 5px; border-radius: 4px;

    background: var(--mascot-line, var(--plan-edge)); opacity: .55;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-body:hover { filter: brightness(1.06); }



@keyframes ac-robot-tickle {

    0%, 100% { rotate: 0deg; }

    25% { rotate: -4deg; }

    75% { rotate: 4deg; }

}

html body #content .ac-plan.ac-plan--mascot.is-tickled .ac-plan__robot {

    animation: ac-robot-float 2.8s ease-in-out infinite, ac-robot-tickle .18s ease-in-out 8;

}

html body #content .ac-plan.ac-plan--mascot.is-tickled .ac-plan__robot-eye {

    width: 13px !important; height: 4px !important; border-radius: 6px !important;

    background: #34d399 !important; box-shadow: none !important;

}

html body #content .ac-plan.ac-plan--mascot.is-tickled .ac-plan__robot-mouth {

    width: 18px !important; height: 14px !important;

    border: 0 !important; border-radius: 50% !important; background: #34d399 !important;

}

html body #content .ac-plan.ac-plan--mascot.is-tickled .ac-plan__robot-blush { opacity: .9 !important; }

@media (prefers-reduced-motion: reduce) {

    html body #content .ac-plan.ac-plan--mascot.is-tickled .ac-plan__robot { animation: none; }

}

html.ac-access-motion body #content .ac-plan.ac-plan--mascot.is-tickled .ac-plan__robot { animation: none !important; }

@media (max-width: 600px) {

    html body #content .ac-plan.ac-plan--mascot .ac-plan__mascot { width: 104px !important; height: 94px !important; }

    html body #content .ac-plan.ac-plan--mascot .ac-plan__robot { width: 100px !important; height: 90px !important; }

    html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-head { width: 100px !important; height: 60px !important; }

    html body #content .ac-plan.ac-plan--mascot .ac-plan__head--ai { padding-left: 118px !important; min-height: 112px !important; }

    html body #content .ac-plan.ac-plan--mascot.is-writing .ac-plan__mascot { left: calc(100% - 104px) !important; }

    html body #content .ac-plan.ac-plan--mascot.is-writing .ac-plan__head--ai { padding: 0 118px 0 0 !important; }

    html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-puff { left: 82px !important; }

}

/* The newest assistant reply has its own smiling robot profile avatar. */
html body #content .ac-plan .ac-plan__msg .ac-plan__msg-avatar.ac-chat-robot {
    display: inline-flex !important;
    width: 40px !important; height: 38px !important; flex: 0 0 40px;
    background: transparent !important; border: 0 !important; border-radius: 0 !important;
    padding: 0 !important; overflow: visible !important;
}
html body #content .ac-plan .ac-chat-robot svg { width: 40px !important; height: 38px !important; overflow: visible; }
html body #content .ac-plan .ac-chat-robot__antenna { fill: none !important; stroke: #8c9ca9 !important; stroke-width: 2; }
html body #content .ac-plan .ac-chat-robot__frame { fill: var(--mascot-frame,#e4e4e7) !important; stroke: #8c9ca9 !important; stroke-width: 1; }
html body #content .ac-plan .ac-chat-robot__screen { fill: #071310 !important; stroke: none !important; }
html body #content .ac-plan .ac-chat-robot__eyes { fill: #34d399 !important; transform-box: fill-box; transform-origin: center; }
html body #content .ac-plan .ac-chat-robot__smile { fill: none !important; stroke: #34d399 !important; stroke-width: 2; stroke-linecap: round; }
@keyframes ac-chat-robot-hello { 0%,100% { transform: rotate(0); } 25% { transform: rotate(-8deg); } 60% { transform: rotate(6deg); } }
@keyframes ac-chat-robot-blink { 0%,43%,49%,100% { transform: scaleY(1); } 45%,47% { transform: scaleY(.12); } }
@keyframes ac-chat-robot-smile { from { stroke-dashoffset: 18; } to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: no-preference) {

    html:not(.ac-access-motion) body #content .ac-plan .is-latest-reply .ac-chat-robot svg { animation: ac-chat-robot-hello .75s ease-out both !important; transform-origin: center bottom; }

    html:not(.ac-access-motion) body #content .ac-plan .is-latest-reply .ac-chat-robot__eyes { animation: ac-chat-robot-blink 4.5s ease-in-out infinite !important; }

    html:not(.ac-access-motion) body #content .ac-plan .is-latest-reply .ac-chat-robot__smile { stroke-dasharray: 18; animation: ac-chat-robot-smile .5s ease-out both, ac-chat-robot-talk .3s ease-in-out 5 .5s !important; transform-box: fill-box; transform-origin: center; }

}

@keyframes ac-chat-robot-talk {

    0%, 100% { transform: scaleY(1); }

    50% { transform: scaleY(.25); }

}



/* Main mascot moves its mouth while its speech bubble is visible */

html body #content .ac-plan.ac-plan--mascot.is-talking:not(.is-tickled):not(.is-thinking):not(.is-angry) .ac-plan__robot-mouth {

    width: 15px !important; height: 6px !important;

    border: 0 !important; border-radius: 50% !important;

    background: #34d399 !important;

    animation: ac-robot-talk .26s ease-in-out infinite;

}

@keyframes ac-robot-talk {

    0%, 100% { height: 4px; width: 15px; }

    50% { height: 13px; width: 11px; }

}

@media (prefers-reduced-motion: reduce) {

    html body #content .ac-plan.ac-plan--mascot.is-talking .ac-plan__robot-mouth { animation: none; }

}

html.ac-access-motion body #content .ac-plan.ac-plan--mascot.is-talking .ac-plan__robot-mouth { animation: none !important; }

/* Home category tabs: no filled track or active capsule. */
html body #content .rh-products__dynamic.acto-product-showcase #rh-products-filter-panel.rh-products__filters {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
html body #content .rh-products__dynamic.acto-product-showcase #rh-products-filter-panel.rh-products__filters > button[data-home-filter],
html body #content .rh-products__dynamic.acto-product-showcase #rh-products-filter-panel.rh-products__filters > button[data-home-filter]:is(:hover,:focus,[aria-pressed="true"]) {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #496477 !important;
}
html body #content .rh-products__dynamic.acto-product-showcase #rh-products-filter-panel.rh-products__filters > button[data-home-filter][aria-pressed="true"] {
    color: #007e9f !important;
    border-bottom-color: #008faf !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body #content .rh-products__dynamic.acto-product-showcase #rh-products-filter-panel.rh-products__filters > button[data-home-filter] { color: #bdd2df !important; }
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)) body #content .rh-products__dynamic.acto-product-showcase #rh-products-filter-panel.rh-products__filters > button[data-home-filter][aria-pressed="true"] { color: #85d8ff !important; border-bottom-color: #85d8ff !important; }


/* User messages sit on the right; assistant replies remain on the left. */
html body #content .ac-plan .ac-plan__ai-results[data-ai-log] > .ac-plan__msg.ac-plan__msg--user {
    align-self: flex-end !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    border-radius: 18px 18px 5px 18px !important;
}
html body #content .ac-plan .ac-plan__ai-results[data-ai-log] > .ac-plan__msg.ac-plan__msg--user::before {
    left: auto !important;
    right: -7px !important;
    clip-path: polygon(0 0,100% 100%,0 100%);
}
html body #content .ac-plan .ac-plan__ai-results[data-ai-log] > .ac-plan__msg.ac-plan__msg--assistant {

    align-self: flex-start !important;

    margin-left: 0 !important;

    margin-right: auto !important;

}



/* Compact finder layout */

html body #content .ac-plan.ac-plan--mascot { margin: 24px auto !important; padding: 8px 0 !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__head--ai {

    padding-left: 112px !important; min-height: 88px !important; margin-bottom: 8px !important;

}

html body #content .ac-plan .ac-plan__ai-results[data-ai-log] {

    gap: 14px !important; padding: 4px 0 8px !important; max-height: 420px !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-form { padding: 16px 18px !important; }



/* Cute, compact robot face */

html body #content .ac-plan.ac-plan--mascot .ac-plan__mascot {

    width: 88px !important; height: 84px !important; top: 16px !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot {

    width: 84px !important; height: 80px !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-head {

    top: 6px !important; width: 84px !important; height: 64px !important;

    padding: 4px !important; border-radius: 24px !important;

    box-shadow: 0 6px 18px -12px rgba(10, 44, 67, .45);

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-head {

    background: #0b1512 !important;

    border: 2px solid var(--mascot-line, var(--plan-edge)) !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-screen {

    gap: 16px !important; border-radius: 18px !important;

    background: transparent !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-screen::after { display: none !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-eye {

    width: 9px !important; height: 9px !important; border-radius: 50% !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-mouth {

    width: 16px !important; height: 7px !important; bottom: 8px !important;

    border-bottom-width: 2px !important; border-radius: 0 0 12px 12px !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-blush {

    width: 11px !important; height: 5px !important; bottom: 10px !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-blush--left { left: 10px !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-blush--right { right: 10px !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-eye::before {

    width: 15px !important; top: -6px !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-puff { left: 64px !important; top: 2px !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-heart { top: 26px !important; font-size: 17px !important; }

html body #content .ac-plan.ac-plan--mascot.is-writing .ac-plan__mascot { left: calc(100% - 88px) !important; }

html body #content .ac-plan.ac-plan--mascot.is-writing .ac-plan__head--ai { padding: 0 112px 0 0 !important; }

@media (max-width: 600px) {

    html body #content .ac-plan.ac-plan--mascot { margin: 18px auto !important; }

    html body #content .ac-plan.ac-plan--mascot .ac-plan__head--ai { padding-left: 100px !important; min-height: 84px !important; }

    html body #content .ac-plan.ac-plan--mascot .ac-plan__mascot { width: 82px !important; height: 80px !important; top: 14px !important; }

    html body #content .ac-plan.ac-plan--mascot .ac-plan__robot { width: 78px !important; height: 76px !important; }

    html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-head { width: 78px !important; height: 60px !important; }

    html body #content .ac-plan.ac-plan--mascot.is-writing .ac-plan__mascot { left: calc(100% - 82px) !important; }

    html body #content .ac-plan.ac-plan--mascot.is-writing .ac-plan__head--ai { padding: 0 100px 0 0 !important; }

    html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-puff { left: 58px !important; }

}

/* Keep large recommendation replies inside the conversation, above the composer. */
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-results[data-ai-log] {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(60vh, 620px) !important;
    max-height: min(60dvh, 620px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    contain: layout paint;
    isolation: isolate;
    margin: 0 !important;
    box-sizing: border-box !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-results[data-ai-log] > .ac-plan__msg {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    min-height: auto !important;
    overflow-wrap: anywhere;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-form {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__msg .ac-plan__chat-cards { min-width: 0 !important; max-width: 100% !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__msg .ac-plan__recommendation { min-width: 0 !important; max-width: 100% !important; }
@media (max-width: 600px) {

    html body #content .ac-plan.ac-plan--mascot .ac-plan__msg .ac-plan__chat-cards { grid-template-columns: minmax(0,1fr) !important; }

}



/* Legal notice under the AI finder */

html body #content .ac-plan .ac-plan__legal {

    max-width: 860px;

    margin: 18px 0 0 !important;

    padding: 12px 0 0 !important;

    border-top: 1px solid var(--mascot-line, var(--plan-edge)) !important;

    color: var(--mascot-muted, var(--plan-muted)) !important;

    font-size: 11px !important;

    line-height: 1.6 !important;

}

/* Latest chat avatar is the same mascot, including expressions and pointer reactions. */
html body #content .ac-plan.ac-plan--mascot .ac-plan__msg .ac-plan__msg-avatar.ac-chat-robot:has(.ac-chat-mascot) {
 position: relative !important; width: 50px !important; height: 48px !important; flex: 0 0 50px !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__msg .ac-chat-mascot.ac-plan__mascot {
 position: absolute !important; left: 0 !important; right: auto !important; top: 0 !important;
 margin: 0 !important; transform: scale(.55) !important; transform-origin: top left !important;
 transition: none !important; pointer-events: auto !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__msg .ac-chat-mascot .ac-plan__robot-head { box-shadow: none !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__msg .ac-chat-mascot .ac-plan__robot-speech {
 display: none !important;
}

/* A little breathing room below the header, preserving container alignment. */
html body #content .ac-plan.ac-plan--mascot { margin-top: 96px !important; }
@media (max-width: 600px) {

 html body #content .ac-plan.ac-plan--mascot { margin-top: 88px !important; }

}



/* Playful cleaning robot chat */

html body #content .ac-plan .ac-plan__msg-fun {

    display: inline-flex; align-items: center;

    margin-inline-start: 4px; padding: 2px 7px;

    border-radius: 999px;

    background: var(--mascot-soft, var(--plan-soft));

    color: #0086a6;

    font-size: 9px; font-weight: 800; letter-spacing: .02em;

    line-height: 1.4; white-space: nowrap;

}

html body #content .ac-plan .ac-chat-robot__bubble {

    fill: #7be0f2 !important;

    transform-box: fill-box; transform-origin: center;

}

@media (prefers-reduced-motion: no-preference) {

    html:not(.ac-access-motion) body #content .ac-plan .is-latest-reply .ac-chat-robot__bubble {

        animation: ac-chat-bubble 1.7s ease-in-out infinite;

    }

    html:not(.ac-access-motion) body #content .ac-plan .is-latest-reply .ac-chat-robot__bubble:nth-of-type(2) { animation-delay: .22s; }

    html:not(.ac-access-motion) body #content .ac-plan .is-latest-reply .ac-chat-robot__bubble:nth-of-type(3) { animation-delay: .44s; }

}

@keyframes ac-chat-bubble {

    0%, 100% { transform: translateY(0) scale(.9); opacity: .45; }

    50% { transform: translateY(-2px) scale(1.2); opacity: 1; }

}

@media (max-width: 600px) {

    html body #content .ac-plan .ac-plan__msg-fun { white-space: normal; font-size: 9px; }

}



/* Gemini-style composer */

html body #content .ac-plan .ac-plan__ai-heading { display: grid; gap: 2px; margin: 0 0 10px !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-label {

    position: static !important; width: auto !important; height: auto !important;

    margin: 0 !important; overflow: visible !important; clip-path: none !important;

    font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important;

    color: var(--mascot-ink, var(--plan-ink)) !important;

}

html body #content .ac-plan .ac-plan__ai-help {

    margin: 0 !important; font-size: 12px !important; line-height: 1.5 !important;

    color: var(--mascot-muted, var(--plan-muted)) !important;

}

html body #content .ac-plan .ac-plan__ai-examples {

    display: grid !important; gap: 8px !important; margin: 0 0 12px !important;

}

html body #content .ac-plan .ac-plan__ai-examples-label {

    font-size: 10px !important; font-weight: 800 !important; letter-spacing: .08em !important;

    text-transform: uppercase !important; color: var(--mascot-muted, var(--plan-muted)) !important;

}

html body #content .ac-plan .ac-plan__ai-chips {

    display: flex !important; flex-wrap: wrap !important; gap: 8px !important;

    padding: 0 !important;

}

html body #content .ac-plan .ac-plan__ai-chip {

    flex: 0 0 auto !important; white-space: nowrap !important;

    padding: 8px 12px !important; font-size: 11px !important;

    border-radius: 999px !important;

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-form {

    box-shadow: 0 18px 45px -34px rgba(10, 44, 67, .45);

}

html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-examples { margin: 0 0 12px !important; }

html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-chip { padding: 8px 12px !important; font-size: 11px !important; border-radius: 999px !important; }

@media (max-width: 720px) {

    html body #content .ac-plan .ac-plan__ai-chips {

        flex-wrap: nowrap !important; overflow-x: auto !important;

        padding-bottom: 4px !important; scrollbar-width: thin;

    }

    html body #content .ac-plan.ac-plan--mascot .ac-plan__ai-form { padding: 14px 16px !important; }

}

/* ==========================================================================
   ACTOREIN CHAT IMPROVEMENTS - AUTHENTIC PRESERVATION (v1.6.01)
   ========================================================================== */

/* 1. Chat results naturally expand without inner vertical scroll box */
html body #content .ac-plan--ai .ac-plan__ai-results {
    max-height: none !important;
    overflow-y: visible !important;
}

/* 2. Textarea comfortable input height */
html body #content .ac-plan--ai .ac-plan__ai-input {
    min-height: 84px !important;
}

/* 3. Dynamic Thinking Rotating Indicator */
html body #content .ac-plan .ac-plan__msg--thinking {
    border-left: 3px solid #f59e0b !important;
}
html body #content .ac-plan .ac-plan__thinking-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 8px !important;
}
html body #content .ac-plan .ac-plan__thinking-text {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #b45309 !important;
    transition: opacity 0.2s ease !important;
}
html body #content .ac-plan .ac-plan__thinking-dots i {
    display: inline-block !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #f59e0b !important;
    margin: 0 1.5px !important;
    animation: acDotBounce 1.2s infinite ease-in-out both !important;
}
html body #content .ac-plan .ac-plan__thinking-dots i:nth-child(1) { animation-delay: -0.32s !important; }
html body #content .ac-plan .ac-plan__thinking-dots i:nth-child(2) { animation-delay: -0.16s !important; }

@keyframes acDotBounce {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1); }
}

/* 4. Copy Answer Button */
html body #content .ac-plan .ac-plan__msg-actions {
    display: flex !important;
    align-items: center !important;
    margin-top: 8px !important;
    padding-top: 6px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}
html body #content .ac-plan .ac-plan__msg-copy-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: transparent !important;
    border: 1px solid var(--mascot-line, #e2e8f0) !important;
    border-radius: 6px !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    color: var(--mascot-muted, #64748b) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
html body #content .ac-plan .ac-plan__msg-copy-btn:hover {
    border-color: #008ba8 !important;
    color: #008ba8 !important;
}
html body #content .ac-plan .ac-plan__msg-copy-btn.is-copied {
    border-color: #10b981 !important;
    color: #10b981 !important;
}

/* Closed event details and filtered cards must never enter the page layout. */
html body .actopim-event-modal[hidden],
html body #content .actopim-events .actopim-event-card[hidden] { display: none !important; }

/* Corporate content ends at its final block, without stacked bottom spacing. */
html body #content.actorein-corporate-pages {
 padding-bottom: 0 !important; margin-bottom: 0 !important;
}
html body #content.actorein-corporate-pages > .ac-corporate-content {
 padding-bottom: 0 !important; margin-bottom: 0 !important;
 min-height: 0 !important;
}
html body #content.actorein-corporate-pages .ac-corporate-content > .eds-container,
html body #content.actorein-corporate-pages .ac-corporate-content > .eds-container > :last-child,
html body #content.actorein-corporate-pages .ac-corporate-content .actopim-corporate-section:last-child,
html body #content.actorein-corporate-pages .ac-corporate-content .corporate-content:last-child,
html body #content.actorein-corporate-pages .ac-corporate-content .acto-about:last-child {
 margin-bottom: 0 !important; padding-bottom: 0 !important;
}
html body #content.actorein-corporate-pages .ac-corporate-content .corporate-content > :last-child {
 margin-bottom: 0 !important;
}

/* Finder CTA: continuous blue-to-turquoise gradient border. */
html:not(.ac-access-contrast) body .nc-header .nc-menu > ul > li > a.ac-finder-nav,
html:not(.ac-access-contrast) body .nc-sheet .nc-sheet__nav a.ac-finder-nav {
 --ac-finder-fill: #fff;
 border: 2px solid transparent !important;
 background: linear-gradient(var(--ac-finder-fill), var(--ac-finder-fill)) padding-box,
             linear-gradient(115deg, #2863df 0%, #009bc4 48%, #24cfb4 100%) border-box !important;
 box-shadow: none !important;
}
html:not(.ac-access-contrast) body .nc-header .nc-menu > ul > li > a.ac-finder-nav::before,
html:not(.ac-access-contrast) body .nc-sheet .nc-sheet__nav a.ac-finder-nav::before { display: none !important; }
html:not(.ac-access-contrast) body .nc-header .nc-menu > ul > li > a.ac-finder-nav:hover,
html:not(.ac-access-contrast) body .nc-sheet .nc-sheet__nav a.ac-finder-nav:hover { --ac-finder-fill: #f0fbff; }
html:is(.ac-access-dark,.ac-access-darker,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-header .nc-menu > ul > li > a.ac-finder-nav,
html:is(.ac-access-dark,.ac-access-darker,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet .nc-sheet__nav a.ac-finder-nav { --ac-finder-fill: var(--ac-dark-bg, #101e2d); }
html:is(.ac-access-dark,.ac-access-darker,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-header .nc-menu > ul > li > a.ac-finder-nav:hover,
html:is(.ac-access-dark,.ac-access-darker,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-sheet .nc-sheet__nav a.ac-finder-nav:hover { --ac-finder-fill: var(--ac-dark-surface, #152638); }

/* ==========================================================================
   ACTOREIN AI ASSISTANT — modern AI-site experience
   Clean, spacious assistant layout with a friendly mascot.
   ========================================================================== */

html body #content .ac-plan.ac-plan--mascot.ac-ai {
    --ai-accent: #0891b2;
    --ai-accent-soft: rgba(8, 145, 178, .12);
    --ai-grad: linear-gradient(120deg, #2563eb 0%, #0891b2 55%, #14b8a6 100%);
    --ai-surface: var(--plan-paper, #fff);
    --ai-soft: var(--plan-soft, #f4f7f9);
    --ai-line: var(--plan-edge, #e2e8ee);
    --ai-ink: var(--plan-ink, #0f172a);
    --ai-muted: var(--plan-muted, #64748b);
    position: relative !important;
    display: block !important;
    width: min(calc(100% - var(--actorein-gutter, 16px) * 2), var(--nc-container, 1180px)) !important;
    max-width: var(--nc-container, 1180px) !important;
    margin: 10px auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai::before,
html body #content .ac-plan.ac-plan--mascot.ac-ai::after { display: none !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-clean-atmosphere,
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-clean-detail { display: none !important; }

/* ---- Hero / welcome screen ---- */
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
    padding: 8px 8px 14px !important;
    text-align: center !important;
    background: transparent !important;
    border-radius: 0 !important;
    transition: padding .3s ease;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__hero .ac-ai__mascot {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    display: grid !important;
    place-items: center !important;
    width: 84px !important;
    height: 76px !important;
    margin: 0 auto !important;
    pointer-events: none !important;
    z-index: 1 !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__hero .ac-ai__mascot .ac-plan__robot-speech { display: none !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__hero-copy {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 4px 10px !important;
    border: 1px solid var(--ai-line) !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--ai-accent) !important;
    font: 800 10px/1.4 var(--font-sans, Inter, sans-serif) !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__badge svg { width: 14px !important; height: 14px !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__hero-copy h2 {
    margin: 0 !important;
    max-width: 22ch !important;
    color: var(--ai-ink) !important;
    font: 800 clamp(22px, 3.2vw, 30px)/1.15 var(--font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    letter-spacing: -.03em !important;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__hero-copy h2 {
        background: var(--ai-grad) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
    }
}
html.ac-access-contrast body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__hero-copy h2 {
    background: none !important;
    -webkit-text-fill-color: var(--ai-ink) !important;
    color: var(--ai-ink) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__hero-copy > p {
    margin: 0 !important;
    max-width: 620px !important;
    color: var(--ai-muted) !important;
    font: 400 clamp(13px, 1.4vw, 14.5px)/1.55 var(--font-sans, Inter, sans-serif) !important;
}

/* Once a conversation starts, the hero becomes a compact header. */
html body #content .ac-plan.ac-plan--mascot.ac-ai.has-conversation .ac-ai__hero {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    margin: 0 0 8px !important;
    padding: 0 2px 4px !important;
    text-align: left !important;
    background: transparent !important;
    border-radius: 0 !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai.has-conversation .ac-ai__hero .ac-ai__mascot { width: 84px !important; height: 76px !important; margin: 0 !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai.has-conversation .ac-ai__hero-copy { align-items: flex-start !important; gap: 2px !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai.has-conversation .ac-ai__badge { display: none !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai.has-conversation .ac-ai__hero-copy h2 { max-width: none !important; font-size: 19px !important; letter-spacing: -.02em !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai.has-conversation .ac-ai__hero-copy > p { display: none !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai.has-conversation .ac-ai__suggestions { display: none !important; }

/* ---- Shell ---- */
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    height: auto !important;
    max-height: none !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__dock {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
}

/* ---- Conversation thread ---- */
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-results[data-ai-log] { display: none !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai.has-conversation .ac-plan__ai-results[data-ai-log] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: 100% !important;
    max-height: min(60vh, 560px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    margin: 0 !important;
    padding: 4px 2px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    scrollbar-width: thin;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-results[data-ai-log] > .ac-plan__msg {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-results[data-ai-log] > .ac-plan__msg::before { display: none !important; }

html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-results[data-ai-log] > .ac-plan__msg.ac-plan__msg--assistant {
    align-self: flex-start !important;
    width: min(100%, 820px) !important;
    max-width: min(100%, 820px) !important;
    margin: 0 !important;
    padding: 13px 15px !important;
    border: 1px solid var(--ai-line) !important;
    border-radius: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-results[data-ai-log] > .ac-plan__msg.ac-plan__msg--assistant :is(p, span) { color: var(--ai-ink) !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-results[data-ai-log] > .ac-plan__msg.ac-plan__msg--assistant .ac-plan__msg-author { color: var(--ai-muted) !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-results[data-ai-log] > .ac-plan__msg.ac-plan__msg--assistant .ac-plan__msg-text {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: var(--ai-ink) !important;
    font: 400 15.5px/1.7 var(--font-sans, Inter, sans-serif) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-results[data-ai-log] > .ac-plan__msg.ac-plan__msg--user {
    align-self: flex-end !important;
    width: fit-content !important;
    max-width: min(82%, 620px) !important;
    margin: 0 0 0 auto !important;
    padding: 10px 14px !important;
    border: 0 !important;
    border-radius: 16px 16px 5px 16px !important;
    background: var(--ai-grad) !important;
    color: #fff !important;
    box-shadow: 0 16px 34px -26px rgba(8, 145, 178, .85) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-results[data-ai-log] > .ac-plan__msg.ac-plan__msg--user :is(p, span) { color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-results[data-ai-log] > .ac-plan__msg.ac-plan__msg--user .ac-plan__msg-meta { justify-content: flex-end !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-results[data-ai-log] > .ac-plan__msg.ac-plan__msg--user .ac-plan__msg-text {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    font: 400 15px/1.6 var(--font-sans, Inter, sans-serif) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__msg-meta { gap: 8px !important; margin: 0 0 10px !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__msg-author {
    font: 700 11px/1.4 var(--font-sans, Inter, sans-serif) !important;
    letter-spacing: .02em !important;
    text-transform: none !important;
}

/* ---- Product cards inside replies ---- */
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__chat-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 12px !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__recommendation {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid var(--ai-line) !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__recommendation:hover {
    transform: translateY(-2px) !important;
    border-color: var(--ai-accent) !important;
    box-shadow: 0 16px 34px -26px rgba(15, 23, 42, .5) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__product-top {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 8px !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid var(--ai-line) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__product-image {
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    padding: 3px !important;
    border-radius: 10px !important;
    border: 1px solid var(--ai-line) !important;
    background: transparent !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__product-heading { min-width: 0 !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__product-heading h4 {
    margin: 2px 0 0 !important;
    font: 700 14.5px/1.35 var(--font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    color: var(--ai-ink) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__why {
    margin: 0 0 6px !important;
    color: var(--ai-muted) !important;
    font: 800 10px/1.3 var(--font-sans, Inter, sans-serif) !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-reason {
    margin: 0 0 12px !important;
    color: var(--ai-muted) !important;
    font: 400 12.5px/1.55 var(--font-sans, Inter, sans-serif) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__product-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 38px !important;
    margin-top: auto !important;
    padding: 8px 14px !important;
    border: 1px solid var(--ai-line) !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--ai-accent) !important;
    font: 700 12px/1.2 var(--font-sans, Inter, sans-serif) !important;
    text-decoration: none !important;
    transition: all .2s ease !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__product-link:hover {
    background: var(--ai-grad) !important;
    border-color: transparent !important;
    color: #fff !important;
}

/* ---- Suggestion chips ---- */
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-examples {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-examples-label {
    font: 700 10px/1.4 var(--font-sans, Inter, sans-serif) !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: var(--ai-muted) !important;
    text-align: center !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    overflow: visible !important;
    padding: 0 !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-chip.ac-ai__card {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: left !important;
    padding: 8px 14px !important;
    border: 1px solid var(--ai-line) !important;
    border-radius: 999px !important;
    background: var(--ai-surface) !important;
    color: var(--ai-muted) !important;
    font: 500 12.5px/1.4 var(--font-sans, Inter, sans-serif) !important;
    transform: none !important;
    box-shadow: none !important;
    transition: border-color .2s ease, color .2s ease, background .2s ease !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-chip.ac-ai__card:hover {
    transform: none !important;
    border-color: var(--ai-accent) !important;
    background: var(--ai-soft) !important;
    color: var(--ai-accent) !important;
    box-shadow: none !important;
}

/* ---- Composer (AI prompt box) ---- */
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__composer {
    position: relative !important;
    padding: 18px 20px 14px !important;
    border: 1.5px solid transparent !important;
    border-radius: 30px !important;
    background:
        linear-gradient(var(--ai-surface), var(--ai-surface)) padding-box,
        linear-gradient(120deg, rgba(37, 99, 235, .55), rgba(8, 145, 178, .55) 50%, rgba(20, 184, 166, .6)) border-box !important;
    box-shadow: 0 18px 45px -32px rgba(8, 145, 178, .45) !important;
    transition: box-shadow .25s ease, background .25s ease !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__composer::before {
    content: '' !important;
    position: absolute !important;
    inset: -1px !important;
    z-index: -1 !important;
    border-radius: inherit !important;
    background: linear-gradient(120deg, rgba(37, 99, 235, .28), rgba(8, 145, 178, .28) 50%, rgba(20, 184, 166, .3)) !important;
    filter: blur(18px) !important;
    opacity: 0 !important;
    transition: opacity .25s ease !important;
    pointer-events: none !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__composer:hover {
    box-shadow: 0 22px 55px -32px rgba(8, 145, 178, .55) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__composer:focus-within {
    background:
        linear-gradient(var(--ai-surface), var(--ai-surface)) padding-box,
        linear-gradient(120deg, #2563eb, #0891b2 50%, #14b8a6) border-box !important;
    box-shadow: 0 0 0 4px var(--ai-accent-soft), 0 24px 60px -30px rgba(8, 145, 178, .55) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__composer:focus-within::before { opacity: 1 !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__composer-head {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__composer-head .ac-plan__ai-label,
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__composer-head .ac-plan__ai-help {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip-path: none !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__composer-body {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-input {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-height: 68px !important;
    max-height: 190px !important;
    padding: 8px 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--ai-ink) !important;
    resize: none !important;
    outline: none !important;
    font: 400 16.5px/1.6 var(--font-sans, Inter, sans-serif) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-input::placeholder { color: var(--ai-muted) !important; opacity: 1 !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__composer-body .ac-plan__send-controls {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    padding-bottom: 4px !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-actions.ac-ai__composer-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 12px 0 0 !important;
    padding-top: 12px !important;
    border-top: 1px solid var(--ai-line) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-reset.ac-ai__reset {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 0 !important;
    padding: 6px 11px !important;
    border: 1px solid var(--ai-line) !important;
    border-radius: 999px !important;
    background: var(--ai-soft) !important;
    color: var(--ai-muted) !important;
    font: 600 12px/1.2 var(--font-sans, Inter, sans-serif) !important;
    text-decoration: none !important;
    transition: all .2s ease !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-reset.ac-ai__reset:hover {
    border-color: var(--ai-accent) !important;
    background: transparent !important;
    color: var(--ai-accent) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-reset.ac-ai__reset svg { width: 14px !important; height: 14px !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-hint {
    flex: 1 1 auto !important;
    text-align: right !important;
    color: var(--ai-muted) !important;
    font: 400 11px/1.4 var(--font-sans, Inter, sans-serif) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-submit {
    display: grid !important;
    place-items: center !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: var(--ai-grad) !important;
    color: #fff !important;
    box-shadow: 0 14px 26px -14px rgba(8, 145, 178, .9) !important;
    transition: transform .15s ease, opacity .2s ease, box-shadow .2s ease !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-submit:not(:disabled):hover {
    transform: translateY(-1px) scale(1.04) !important;
    box-shadow: 0 18px 32px -14px rgba(8, 145, 178, .95) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-submit:disabled {
    background: var(--ai-soft) !important;
    border: 1px solid var(--ai-line) !important;
    color: var(--ai-muted) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-submit svg { width: 20px !important; height: 20px !important; stroke: currentColor !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-stop {
    padding: 8px 12px !important;
    border: 1px solid var(--ai-line) !important;
    border-radius: 999px !important;
    background: var(--ai-soft) !important;
    color: var(--ai-ink) !important;
    font: 600 12px/1.2 var(--font-sans, Inter, sans-serif) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-stop[hidden] { display: none !important; }

/* ---- Status + legal ---- */
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-status:not(:empty) {
    margin: 0 !important;
    padding: 12px 16px !important;
    border: 1px solid var(--ai-line) !important;
    border-inline-start: 3px solid var(--ai-accent) !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--ai-ink) !important;
    font-size: 13px !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__legal {
    max-width: 660px !important;
    margin: 14px auto 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    text-align: center !important;
    color: var(--ai-muted) !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__note { margin: 6px auto 0 !important; text-align: center !important; }

/* ---- Thinking indicator ---- */
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-results[data-ai-log] > .ac-plan__msg.ac-plan__msg--thinking {
    width: min(100%, 820px) !important;
    max-width: min(100%, 820px) !important;
    margin: 0 !important;
    border: 1px solid var(--ai-line) !important;
    border-left: 3px solid var(--ai-accent) !important;
    border-radius: 14px !important;
    background: transparent !important;
    padding: 13px 15px !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__thinking-text { color: var(--ai-accent) !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__thinking-dots i { background: var(--ai-accent) !important; }

/* ---- Responsive ---- */
@media (max-width: 1024px) {
    html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-chips { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 720px) {
    html body #content .ac-plan.ac-plan--mascot.ac-ai { margin: 8px auto !important; }
    html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__hero { padding: 6px 4px 12px !important; }
    html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__hero-copy h2 { font-size: clamp(21px, 6vw, 26px) !important; }
    html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-chips { grid-template-columns: minmax(0, 1fr) !important; }
    html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__chat-cards { grid-template-columns: minmax(0, 1fr) !important; }
    html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-hint { display: none !important; }
    html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__composer { padding: 13px 13px 10px !important; border-radius: 20px !important; }
    html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__composer-head .ac-plan__ai-help { display: none !important; }
    html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__ai-submit { width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; }
    html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__msg--user { max-width: 92% !important; }
    html body #content .ac-plan.ac-plan--mascot.ac-ai.has-conversation .ac-ai__hero { gap: 10px !important; }
    html body #content .ac-plan.ac-plan--mascot.ac-ai.has-conversation .ac-ai__hero .ac-ai__mascot { width: 78px !important; height: 72px !important; }
}
@media (prefers-reduced-motion: reduce) {
    html body #content .ac-plan.ac-plan--mascot.ac-ai :is(.ac-plan__ai-chip.ac-ai__card, .ac-plan__recommendation, .ac-plan__ai-submit, .ac-ai__composer) { transition: none !important; }
}

/* ---- Assistant capabilities under the name ---- */
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__caps {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__caps li {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 5px 11px !important;
    border: 1px solid var(--ai-line) !important;
    border-radius: 999px !important;
    background: var(--ai-soft) !important;
    color: var(--ai-muted) !important;
    font: 600 11.5px/1.3 var(--font-sans, Inter, sans-serif) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__caps li::before {
    content: '' !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: var(--ai-grad) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai.has-conversation .ac-ai__caps { display: none !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai.has-conversation .ac-ai__example-rail { display: none !important; }

/* ---- Finder menu CTA: rotating labels with reserved width ---- */
html body a.ac-finder-nav .ac-finder-nav__rotator {
    display: inline-grid !important;
    grid-template-columns: 1fr !important;
    align-items: center !important;
    vertical-align: middle !important;
}
html body a.ac-finder-nav .ac-finder-nav__phrase {
    grid-area: 1 / 1 !important;
    opacity: 0;
    transition: opacity .35s ease;
    white-space: nowrap !important;
}
html body a.ac-finder-nav .ac-finder-nav__phrase.is-active { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
    html body a.ac-finder-nav .ac-finder-nav__phrase { transition: none !important; }
}
html.ac-access-motion body a.ac-finder-nav .ac-finder-nav__phrase { transition: none !important; }

/* ---- Compact example-question rail ---- */
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__example-rail {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__example-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 14px 6px !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__example-track::-webkit-scrollbar { display: none !important; }
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__example-chip {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    padding: 7px 12px !important;
    border: 1px solid var(--ai-line) !important;
    border-radius: 999px !important;
    background: var(--ai-surface) !important;
    color: var(--ai-muted) !important;
    font: 500 12px/1.3 var(--font-sans, Inter, sans-serif) !important;
    cursor: pointer !important;
    transition: border-color .2s ease, color .2s ease, background .2s ease !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__example-chip:hover {
    border-color: var(--ai-accent) !important;
    color: var(--ai-accent) !important;
    background: var(--ai-soft) !important;
}

/* ---- Search modal: AI shortcut banner ---- */
.nc-search__panel .nc-search__ai {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin: 14px 0 0;
    padding: 12px 14px;
    border: 1px solid rgba(8, 145, 178, .3);
    border-radius: 12px;
    background: linear-gradient(120deg, rgba(37, 99, 235, .07), rgba(20, 184, 166, .09));
}
.nc-search__panel .nc-search__ai-icon {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: linear-gradient(120deg, #2563eb, #0891b2 55%, #14b8a6);
    color: #fff;
}
.nc-search__panel .nc-search__ai-icon svg { width: 18px; height: 18px; }
.nc-search__panel .nc-search__ai-text {
    flex: 1 1 200px;
    min-width: 0;
    margin: 0;
    color: #0a2c43;
    font: 600 13px/1.4 var(--font-sans, Inter, sans-serif);
}
.nc-search__panel .nc-search__ai-link {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 13px;
    border-radius: 999px;
    background: #0a2c43;
    color: #fff;
    font: 700 12px/1.2 var(--font-sans, Inter, sans-serif);
    text-decoration: none;
    transition: background .2s ease, transform .2s ease;
}
.nc-search__panel .nc-search__ai-link:hover {
    background: #0891b2;
    color: #fff;
    transform: translateY(-1px);
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-search__panel .nc-search__ai {
    border-color: rgba(75, 169, 194, .4);
    background: linear-gradient(120deg, rgba(37, 99, 235, .16), rgba(20, 184, 166, .16));
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body .nc-search__panel .nc-search__ai-text { color: #e6f0f7; }
@media (max-width: 640px) {
    .nc-search__panel .nc-search__ai { gap: 10px; padding: 11px 12px; }
    .nc-search__panel .nc-search__ai-text { flex-basis: 100%; }
    .nc-search__panel .nc-search__ai-link { width: 100%; justify-content: center; }
}

/* ==========================================================================
   ACTOREIN AI — prominent, detailed robot mascot
   ========================================================================== */

html body #content .ac-plan.ac-plan--mascot .ac-plan__robot {
    position: relative !important;
    width: 140px !important;
    height: 152px !important;
    background: transparent !important;
    animation: ac-robot-float 3.4s ease-in-out infinite !important;
    transform-origin: center bottom !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot::after {
    content: '' !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -8px !important;
    width: 106px !important;
    height: 16px !important;
    transform: translateX(-50%) !important;
    border-radius: 50% !important;
    background: rgba(10, 44, 67, .2) !important;
    filter: blur(7px) !important;
    z-index: 0 !important;
    pointer-events: none !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-head {
    position: absolute !important;
    top: 16px !important;
    left: 0 !important;
    width: 140px !important;
    height: 96px !important;
    padding: 6px !important;
    box-sizing: border-box !important;
    border: 2px solid #9db4c4 !important;
    border-radius: 30px !important;
    background: linear-gradient(160deg, #fdfeff 0%, #e6f1f8 55%, #cfe3ef 100%) !important;
    box-shadow: 0 20px 34px -20px rgba(10, 44, 67, .55), inset 0 2px 0 rgba(255, 255, 255, .95), inset 0 -6px 14px rgba(70, 116, 143, .14) !important;
    z-index: 4 !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-screen {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 26px !important;
    height: 100% !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 50% 28%, #16453c 0%, #07211c 55%, #04110e 100%) !important;
    box-shadow: inset 0 0 22px rgba(74, 222, 128, .22) !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-screen::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: repeating-linear-gradient(transparent 0 3px, rgba(0, 0, 0, .18) 3px 4px) !important;
    opacity: .4 !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-eye {
    position: relative !important;
    width: 15px !important;
    height: 20px !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #b7f7c9, #34d399 70%, #10b981) !important;
    box-shadow: 0 0 14px rgba(52, 211, 153, .95) !important;
    translate: var(--robot-eye-x, 0px) var(--robot-eye-y, 0px);
    animation: ac-robot-blink 4.6s infinite !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-mouth {
    position: absolute !important;
    left: 50% !important;
    bottom: 15px !important;
    width: 26px !important;
    height: 11px !important;
    border: 0 !important;
    border-bottom: 3px solid #34d399 !important;
    border-radius: 0 0 16px 16px !important;
    background: transparent !important;
    transform: translateX(-50%) !important;
    box-shadow: 0 4px 10px -4px rgba(52, 211, 153, .8) !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-blush {
    position: absolute !important;
    bottom: 17px !important;
    width: 16px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #fb7185 !important;
    opacity: .5 !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-blush--left { left: 16px !important; right: auto !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-blush--right { right: 16px !important; left: auto !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-antenna::before,
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-antenna::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    width: 16px !important;
    height: 24px !important;
    background: linear-gradient(180deg, #fdfeff, #cfe3ef) !important;
    border: 2px solid #9db4c4 !important;
    border-radius: 9px 9px 5px 5px !important;
    box-shadow: 0 6px 12px -8px rgba(10, 44, 67, .5) !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-antenna::before { left: 20px !important; right: auto !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-antenna::after { right: 20px !important; left: auto !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-arm {
    position: absolute !important;
    top: 92px !important;
    width: 18px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #eef6fb, #cfe3ef) !important;
    border: 2px solid #9db4c4 !important;
    z-index: 2 !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-arm--left { left: -6px !important; transform: rotate(14deg) !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-arm--right { right: -6px !important; transform: rotate(-14deg) !important; }
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-body {
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
    width: 96px !important;
    height: 54px !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, #fdfeff, #d7e9f3 60%, #c4dbe9) !important;
    border: 2px solid #9db4c4 !important;
    box-shadow: 0 18px 26px -20px rgba(10, 44, 67, .55), inset 0 2px 0 rgba(255, 255, 255, .9) !important;
    z-index: 3 !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-badge {
    position: absolute !important;
    left: 50% !important;
    top: 10px !important;
    transform: translateX(-50%) !important;
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    padding: 3px !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    background: #fff !important;
    border: 1px solid rgba(157, 180, 196, .7) !important;
    box-shadow: 0 4px 10px -6px rgba(10, 44, 67, .5) !important;
    overflow: hidden !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-badge img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 4px !important;
}
html body #content .ac-plan.ac-plan--mascot .ac-plan__robot-badge::after { display: none !important; content: none !important; }

/* Larger, more prominent placement in the AI hero. */
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__hero .ac-ai__mascot {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 150px !important;
    height: 160px !important;
    transform: none !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai.has-conversation .ac-ai__hero .ac-ai__mascot {
    width: 112px !important;
    height: 124px !important;
    transform: scale(.8) !important;
    transform-origin: center center !important;
}
/* Chat avatar uses the same detailed mascot, scaled to fit. */
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-plan__msg .ac-chat-mascot.ac-plan__mascot {
    transform: scale(.36) !important;
    transform-origin: top left !important;
}

/* Dark theme robot surfaces. */
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan.ac-plan--mascot .ac-plan__robot-head,
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan.ac-plan--mascot .ac-plan__robot-body {
    background: linear-gradient(160deg, #2c4859 0%, #1a303f 60%, #132535 100%) !important;
    border-color: #43657c !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan.ac-plan--mascot .ac-plan__robot-antenna::before,
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan.ac-plan--mascot .ac-plan__robot-antenna::after,
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan.ac-plan--mascot .ac-plan__robot-arm {
    background: linear-gradient(180deg, #2c4859, #16293a) !important;
    border-color: #43657c !important;
}
html:is(.ac-access-dark,[data-theme="dark"],:has(body.dark-mode)):not(.ac-access-contrast) body #content .ac-plan.ac-plan--mascot .ac-plan__robot-badge {
    background: #e8f1f7 !important;
    border-color: rgba(120, 150, 170, .8) !important;
}

@media (max-width: 720px) {
    html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__hero .ac-ai__mascot {
        width: 124px !important;
        height: 132px !important;
        transform: scale(.86) !important;
        transform-origin: center center !important;
    }
    html body #content .ac-plan.ac-plan--mascot.ac-ai.has-conversation .ac-ai__hero .ac-ai__mascot {
        width: 104px !important;
        height: 116px !important;
        transform: scale(.74) !important;
        transform-origin: center center !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    html body #content .ac-plan.ac-plan--mascot .ac-plan__robot { animation: none !important; }
}

/* ---- AI header status line ---- */
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__online {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 2px 0 0 !important;
    color: var(--ai-muted) !important;
    font: 600 11.5px/1.35 var(--font-sans, Inter, sans-serif) !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__online-dot {
    flex: 0 0 7px !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #22c55e !important;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, .16) !important;
    animation: ac-ai-online-pulse 2.4s ease-in-out infinite !important;
}
@keyframes ac-ai-online-pulse {
    0%, 100% { box-shadow: 0 0 0 3px rgba(34, 197, 94, .16); }
    50% { box-shadow: 0 0 0 6px rgba(34, 197, 94, .05); }
}
html body #content .ac-plan.ac-plan--mascot.ac-ai.has-conversation .ac-ai__hero {
    border-bottom: 1px solid var(--ai-line) !important;
    padding-bottom: 10px !important;
}
html body #content .ac-plan.ac-plan--mascot.ac-ai.has-conversation .ac-ai__hero-copy > .ac-ai__online {
    display: inline-flex !important;
}
@media (prefers-reduced-motion: reduce) {
    html body #content .ac-plan.ac-plan--mascot.ac-ai .ac-ai__online-dot { animation: none !important; }
}