/*

Theme Name: ACTOREIN

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

Version: 1.5.90

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.72s cubic-bezier(0.2, 0.7, 0.2, 1) both;

    animation-delay: var(--ac-delay, 0ms);

}



@keyframes ac-reveal {

    from { opacity: 0; translate: 0 18px; }

    to { opacity: 1; 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 Butonu */

html body .rh-hero .rh-hero__cta {

    background: #0284c7 !important;

    color: #ffffff !important;

    border: 1px solid #0284c7 !important;

    border-radius: 8px !important;

    padding: 10px 22px !important;

    font-size: 13.5px !important;

    font-weight: 700 !important;

    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;

    transition: all 0.2s ease !important;

}



html body .rh-hero .rh-hero__cta:hover {

    background: #0369a1 !important;

    color: #ffffff !important;

    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.5) !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;
    }
}