/* ===== AGRINOVATIS shared site CSS (extracted from theme output) ===== */

/* ---- block: wp-emoji-styles ---- */
img.wp-smiley,
        img.emoji {
            display: inline !important;
            border: none !important;
            box-shadow: none !important;
            height: 1em !important;
            width: 1em !important;
            margin: 0 0.07em !important;
            vertical-align: -0.1em !important;
            background: none !important;
            padding: 0 !important;
        }

        /*# sourceURL=wp-emoji-styles-inline-css */

/* ---- block: wp-block-library ---- */
:root {
            --wp-block-synced-color: #7a00df;
            --wp-block-synced-color--rgb: 122, 0, 223;
            --wp-bound-block-color: var(--wp-block-synced-color);
            --wp-editor-canvas-background: #ddd;
            --wp-admin-theme-color: #007cba;
            --wp-admin-theme-color--rgb: 0, 124, 186;
            --wp-admin-theme-color-darker-10: #006ba1;
            --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
            --wp-admin-theme-color-darker-20: #005a87;
            --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
            --wp-admin-border-width-focus: 2px
        }

        @media (min-resolution:192dpi) {
            :root {
                --wp-admin-border-width-focus: 1.5px
            }
        }

        .wp-element-button {
            cursor: pointer
        }

        :root .has-very-light-gray-background-color {
            background-color: #eee
        }

        :root .has-very-dark-gray-background-color {
            background-color: #313131
        }

        :root .has-very-light-gray-color {
            color: #eee
        }

        :root .has-very-dark-gray-color {
            color: #313131
        }

        :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
            background: linear-gradient(135deg, #00d084, #0693e3)
        }

        :root .has-purple-crush-gradient-background {
            background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
        }

        :root .has-hazy-dawn-gradient-background {
            background: linear-gradient(135deg, #faaca8, #dad0ec)
        }

        :root .has-subdued-olive-gradient-background {
            background: linear-gradient(135deg, #fafae1, #67a671)
        }

        :root .has-atomic-cream-gradient-background {
            background: linear-gradient(135deg, #fdd79a, #004a59)
        }

        :root .has-nightshade-gradient-background {
            background: linear-gradient(135deg, #330968, #31cdcf)
        }

        :root .has-midnight-gradient-background {
            background: linear-gradient(135deg, #020381, #2874fc)
        }

        :root {
            --wp--preset--font-size--normal: 16px;
            --wp--preset--font-size--huge: 42px
        }

        .has-regular-font-size {
            font-size: 1em
        }

        .has-larger-font-size {
            font-size: 2.625em
        }

        .has-normal-font-size {
            font-size: var(--wp--preset--font-size--normal)
        }

        .has-huge-font-size {
            font-size: var(--wp--preset--font-size--huge)
        }

        :root .has-text-align-center {
            text-align: center
        }

        :root .has-text-align-left {
            text-align: left
        }

        :root .has-text-align-right {
            text-align: right
        }

        .has-fit-text {
            white-space: nowrap !important
        }

        #end-resizable-editor-section {
            display: none
        }

        .aligncenter {
            clear: both
        }

        .items-justified-left {
            justify-content: flex-start
        }

        .items-justified-center {
            justify-content: center
        }

        .items-justified-right {
            justify-content: flex-end
        }

        .items-justified-space-between {
            justify-content: space-between
        }

        .screen-reader-text {
            word-wrap: normal !important;
            border: 0;
            clip-path: inset(50%);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px
        }

        .screen-reader-text:focus {
            background-color: #ddd;
            clip-path: none;
            color: #444;
            display: block;
            font-size: 1em;
            height: auto;
            left: 5px;
            line-height: normal;
            padding: 15px 23px 14px;
            text-decoration: none;
            top: 5px;
            width: auto;
            z-index: 100000
        }

        html :where(.has-border-color) {
            border-style: solid
        }

        html :where([style*=border-color]) {
            border-style: solid
        }

        html :where([style*=border-top-color]) {
            border-top-style: solid
        }

        html :where([style*=border-right-color]) {
            border-right-style: solid
        }

        html :where([style*=border-bottom-color]) {
            border-bottom-style: solid
        }

        html :where([style*=border-left-color]) {
            border-left-style: solid
        }

        html :where([style*=border-width]) {
            border-style: solid
        }

        html :where([style*=border-top-width]) {
            border-top-style: solid
        }

        html :where([style*=border-right-width]) {
            border-right-style: solid
        }

        html :where([style*=border-bottom-width]) {
            border-bottom-style: solid
        }

        html :where([style*=border-left-width]) {
            border-left-style: solid
        }

        html :where(img[class*=wp-image-]) {
            height: auto;
            max-width: 100%
        }

        :where(figure) {
            margin: 0 0 1em
        }

        html :where(.is-position-sticky) {
            --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px)
        }

        @media screen and (max-width:600px) {
            html :where(.is-position-sticky) {
                --wp-admin--admin-bar--position-offset: 0px
            }
        }

        /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */

/* ---- block: global-styles ---- */
:root {
            --wp--preset--aspect-ratio--square: 1;
            --wp--preset--aspect-ratio--4-3: 4/3;
            --wp--preset--aspect-ratio--3-4: 3/4;
            --wp--preset--aspect-ratio--3-2: 3/2;
            --wp--preset--aspect-ratio--2-3: 2/3;
            --wp--preset--aspect-ratio--16-9: 16/9;
            --wp--preset--aspect-ratio--9-16: 9/16;
            --wp--preset--color--black: #000000;
            --wp--preset--color--cyan-bluish-gray: #abb8c3;
            --wp--preset--color--white: #ffffff;
            --wp--preset--color--pale-pink: #f78da7;
            --wp--preset--color--vivid-red: #cf2e2e;
            --wp--preset--color--luminous-vivid-orange: #ff6900;
            --wp--preset--color--luminous-vivid-amber: #fcb900;
            --wp--preset--color--light-green-cyan: #7bdcb5;
            --wp--preset--color--vivid-green-cyan: #00d084;
            --wp--preset--color--pale-cyan-blue: #8ed1fc;
            --wp--preset--color--vivid-cyan-blue: #0693e3;
            --wp--preset--color--vivid-purple: #9b51e0;
            --wp--preset--color--ast-global-color-0: var(--ast-global-color-0);
            --wp--preset--color--ast-global-color-1: var(--ast-global-color-1);
            --wp--preset--color--ast-global-color-2: var(--ast-global-color-2);
            --wp--preset--color--ast-global-color-3: var(--ast-global-color-3);
            --wp--preset--color--ast-global-color-4: var(--ast-global-color-4);
            --wp--preset--color--ast-global-color-5: var(--ast-global-color-5);
            --wp--preset--color--ast-global-color-6: var(--ast-global-color-6);
            --wp--preset--color--ast-global-color-7: var(--ast-global-color-7);
            --wp--preset--color--ast-global-color-8: var(--ast-global-color-8);
            --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
            --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
            --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
            --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
            --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
            --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
            --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
            --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
            --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
            --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
            --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
            --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
            --wp--preset--font-size--small: 13px;
            --wp--preset--font-size--medium: 20px;
            --wp--preset--font-size--large: 36px;
            --wp--preset--font-size--x-large: 42px;
            --wp--preset--spacing--20: 0.44rem;
            --wp--preset--spacing--30: 0.67rem;
            --wp--preset--spacing--40: 1rem;
            --wp--preset--spacing--50: 1.5rem;
            --wp--preset--spacing--60: 2.25rem;
            --wp--preset--spacing--70: 3.38rem;
            --wp--preset--spacing--80: 5.06rem;
            --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
            --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
            --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
            --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
            --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
        }

        :root {
            --wp--style--global--content-size: var(--wp--custom--ast-content-width-size);
            --wp--style--global--wide-size: var(--wp--custom--ast-wide-width-size);
        }

        :where(body) {
            margin: 0;
        }

        .wp-site-blocks>.alignleft {
            float: left;
            margin-right: 2em;
        }

        .wp-site-blocks>.alignright {
            float: right;
            margin-left: 2em;
        }

        .wp-site-blocks>.aligncenter {
            justify-content: center;
            margin-left: auto;
            margin-right: auto;
        }

        :where(.wp-site-blocks)>* {
            margin-block-start: 24px;
            margin-block-end: 0;
        }

        :where(.wp-site-blocks)> :first-child {
            margin-block-start: 0;
        }

        :where(.wp-site-blocks)> :last-child {
            margin-block-end: 0;
        }

        :root {
            --wp--style--block-gap: 24px;
        }

        :root :where(.is-layout-flow)> :first-child {
            margin-block-start: 0;
        }

        :root :where(.is-layout-flow)> :last-child {
            margin-block-end: 0;
        }

        :root :where(.is-layout-flow)>* {
            margin-block-start: 24px;
            margin-block-end: 0;
        }

        :root :where(.is-layout-constrained)> :first-child {
            margin-block-start: 0;
        }

        :root :where(.is-layout-constrained)> :last-child {
            margin-block-end: 0;
        }

        :root :where(.is-layout-constrained)>* {
            margin-block-start: 24px;
            margin-block-end: 0;
        }

        :root :where(.is-layout-flex) {
            gap: 24px;
        }

        :root :where(.is-layout-grid) {
            gap: 24px;
        }

        .is-layout-flow>.alignleft {
            float: left;
            margin-inline-start: 0;
            margin-inline-end: 2em;
        }

        .is-layout-flow>.alignright {
            float: right;
            margin-inline-start: 2em;
            margin-inline-end: 0;
        }

        .is-layout-flow>.aligncenter {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .is-layout-constrained>.alignleft {
            float: left;
            margin-inline-start: 0;
            margin-inline-end: 2em;
        }

        .is-layout-constrained>.alignright {
            float: right;
            margin-inline-start: 2em;
            margin-inline-end: 0;
        }

        .is-layout-constrained>.aligncenter {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
            max-width: var(--wp--style--global--content-size);
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .is-layout-constrained>.alignwide {
            max-width: var(--wp--style--global--wide-size);
        }

        body .is-layout-flex {
            display: flex;
        }

        .is-layout-flex {
            flex-wrap: wrap;
            align-items: center;
        }

        .is-layout-flex> :is(*, div) {
            margin: 0;
        }

        body .is-layout-grid {
            display: grid;
        }

        .is-layout-grid> :is(*, div) {
            margin: 0;
        }

        body {
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
        }

        a:where(:not(.wp-element-button)) {
            text-decoration: none;
        }

        :root :where(.wp-element-button, .wp-block-button__link) {
            background-color: #32373c;
            border-width: 0;
            color: #fff;
            font-family: inherit;
            font-size: inherit;
            font-style: inherit;
            font-weight: inherit;
            letter-spacing: inherit;
            line-height: inherit;
            padding-top: calc(0.667em + 2px);
            padding-right: calc(1.333em + 2px);
            padding-bottom: calc(0.667em + 2px);
            padding-left: calc(1.333em + 2px);
            text-decoration: none;
            text-transform: inherit;
        }

        .has-black-color {
            color: var(--wp--preset--color--black) !important;
        }

        .has-cyan-bluish-gray-color {
            color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }

        .has-white-color {
            color: var(--wp--preset--color--white) !important;
        }

        .has-pale-pink-color {
            color: var(--wp--preset--color--pale-pink) !important;
        }

        .has-vivid-red-color {
            color: var(--wp--preset--color--vivid-red) !important;
        }

        .has-luminous-vivid-orange-color {
            color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-amber-color {
            color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }

        .has-light-green-cyan-color {
            color: var(--wp--preset--color--light-green-cyan) !important;
        }

        .has-vivid-green-cyan-color {
            color: var(--wp--preset--color--vivid-green-cyan) !important;
        }

        .has-pale-cyan-blue-color {
            color: var(--wp--preset--color--pale-cyan-blue) !important;
        }

        .has-vivid-cyan-blue-color {
            color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }

        .has-vivid-purple-color {
            color: var(--wp--preset--color--vivid-purple) !important;
        }

        .has-ast-global-color-0-color {
            color: var(--wp--preset--color--ast-global-color-0) !important;
        }

        .has-ast-global-color-1-color {
            color: var(--wp--preset--color--ast-global-color-1) !important;
        }

        .has-ast-global-color-2-color {
            color: var(--wp--preset--color--ast-global-color-2) !important;
        }

        .has-ast-global-color-3-color {
            color: var(--wp--preset--color--ast-global-color-3) !important;
        }

        .has-ast-global-color-4-color {
            color: var(--wp--preset--color--ast-global-color-4) !important;
        }

        .has-ast-global-color-5-color {
            color: var(--wp--preset--color--ast-global-color-5) !important;
        }

        .has-ast-global-color-6-color {
            color: var(--wp--preset--color--ast-global-color-6) !important;
        }

        .has-ast-global-color-7-color {
            color: var(--wp--preset--color--ast-global-color-7) !important;
        }

        .has-ast-global-color-8-color {
            color: var(--wp--preset--color--ast-global-color-8) !important;
        }

        .has-black-background-color {
            background-color: var(--wp--preset--color--black) !important;
        }

        .has-cyan-bluish-gray-background-color {
            background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }

        .has-white-background-color {
            background-color: var(--wp--preset--color--white) !important;
        }

        .has-pale-pink-background-color {
            background-color: var(--wp--preset--color--pale-pink) !important;
        }

        .has-vivid-red-background-color {
            background-color: var(--wp--preset--color--vivid-red) !important;
        }

        .has-luminous-vivid-orange-background-color {
            background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-amber-background-color {
            background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }

        .has-light-green-cyan-background-color {
            background-color: var(--wp--preset--color--light-green-cyan) !important;
        }

        .has-vivid-green-cyan-background-color {
            background-color: var(--wp--preset--color--vivid-green-cyan) !important;
        }

        .has-pale-cyan-blue-background-color {
            background-color: var(--wp--preset--color--pale-cyan-blue) !important;
        }

        .has-vivid-cyan-blue-background-color {
            background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }

        .has-vivid-purple-background-color {
            background-color: var(--wp--preset--color--vivid-purple) !important;
        }

        .has-ast-global-color-0-background-color {
            background-color: var(--wp--preset--color--ast-global-color-0) !important;
        }

        .has-ast-global-color-1-background-color {
            background-color: var(--wp--preset--color--ast-global-color-1) !important;
        }

        .has-ast-global-color-2-background-color {
            background-color: var(--wp--preset--color--ast-global-color-2) !important;
        }

        .has-ast-global-color-3-background-color {
            background-color: var(--wp--preset--color--ast-global-color-3) !important;
        }

        .has-ast-global-color-4-background-color {
            background-color: var(--wp--preset--color--ast-global-color-4) !important;
        }

        .has-ast-global-color-5-background-color {
            background-color: var(--wp--preset--color--ast-global-color-5) !important;
        }

        .has-ast-global-color-6-background-color {
            background-color: var(--wp--preset--color--ast-global-color-6) !important;
        }

        .has-ast-global-color-7-background-color {
            background-color: var(--wp--preset--color--ast-global-color-7) !important;
        }

        .has-ast-global-color-8-background-color {
            background-color: var(--wp--preset--color--ast-global-color-8) !important;
        }

        .has-black-border-color {
            border-color: var(--wp--preset--color--black) !important;
        }

        .has-cyan-bluish-gray-border-color {
            border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }

        .has-white-border-color {
            border-color: var(--wp--preset--color--white) !important;
        }

        .has-pale-pink-border-color {
            border-color: var(--wp--preset--color--pale-pink) !important;
        }

        .has-vivid-red-border-color {
            border-color: var(--wp--preset--color--vivid-red) !important;
        }

        .has-luminous-vivid-orange-border-color {
            border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-amber-border-color {
            border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }

        .has-light-green-cyan-border-color {
            border-color: var(--wp--preset--color--light-green-cyan) !important;
        }

        .has-vivid-green-cyan-border-color {
            border-color: var(--wp--preset--color--vivid-green-cyan) !important;
        }

        .has-pale-cyan-blue-border-color {
            border-color: var(--wp--preset--color--pale-cyan-blue) !important;
        }

        .has-vivid-cyan-blue-border-color {
            border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }

        .has-vivid-purple-border-color {
            border-color: var(--wp--preset--color--vivid-purple) !important;
        }

        .has-ast-global-color-0-border-color {
            border-color: var(--wp--preset--color--ast-global-color-0) !important;
        }

        .has-ast-global-color-1-border-color {
            border-color: var(--wp--preset--color--ast-global-color-1) !important;
        }

        .has-ast-global-color-2-border-color {
            border-color: var(--wp--preset--color--ast-global-color-2) !important;
        }

        .has-ast-global-color-3-border-color {
            border-color: var(--wp--preset--color--ast-global-color-3) !important;
        }

        .has-ast-global-color-4-border-color {
            border-color: var(--wp--preset--color--ast-global-color-4) !important;
        }

        .has-ast-global-color-5-border-color {
            border-color: var(--wp--preset--color--ast-global-color-5) !important;
        }

        .has-ast-global-color-6-border-color {
            border-color: var(--wp--preset--color--ast-global-color-6) !important;
        }

        .has-ast-global-color-7-border-color {
            border-color: var(--wp--preset--color--ast-global-color-7) !important;
        }

        .has-ast-global-color-8-border-color {
            border-color: var(--wp--preset--color--ast-global-color-8) !important;
        }

        .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
            background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
        }

        .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
            background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
        }

        .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
            background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-orange-to-vivid-red-gradient-background {
            background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
        }

        .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
            background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
        }

        .has-cool-to-warm-spectrum-gradient-background {
            background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
        }

        .has-blush-light-purple-gradient-background {
            background: var(--wp--preset--gradient--blush-light-purple) !important;
        }

        .has-blush-bordeaux-gradient-background {
            background: var(--wp--preset--gradient--blush-bordeaux) !important;
        }

        .has-luminous-dusk-gradient-background {
            background: var(--wp--preset--gradient--luminous-dusk) !important;
        }

        .has-pale-ocean-gradient-background {
            background: var(--wp--preset--gradient--pale-ocean) !important;
        }

        .has-electric-grass-gradient-background {
            background: var(--wp--preset--gradient--electric-grass) !important;
        }

        .has-midnight-gradient-background {
            background: var(--wp--preset--gradient--midnight) !important;
        }

        .has-small-font-size {
            font-size: var(--wp--preset--font-size--small) !important;
        }

        .has-medium-font-size {
            font-size: var(--wp--preset--font-size--medium) !important;
        }

        .has-large-font-size {
            font-size: var(--wp--preset--font-size--large) !important;
        }

        .has-x-large-font-size {
            font-size: var(--wp--preset--font-size--x-large) !important;
        }

        /*# sourceURL=global-styles-inline-css */

/* ---- block: misc-1 ---- */
:root {
            --sme-navy: #0f1f3d;
            --sme-navy-mid: #162848;
            --sme-gold: #c9a227;
            --sme-gold-light: #e8c547;
            --sme-cream: #f5f0e8;
        }

        .sme-topbar {
            background: var(--sme-navy);
            color: #b8c8d8;
            font-size: 12.5px;
            padding: 0 40px;
        }

        .sme-topbar-inner {
            max-width: 1260px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 38px;
            gap: 16px;
        }

        .sme-topbar-left {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .sme-topbar-right {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .sme-topbar a {
            color: #b8c8d8;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 6px;
            transition: color .2s;
        }

        .sme-topbar a:hover {
            color: var(--sme-gold-light);
        }

        .sme-navbar {
            background: #fff;
            border-bottom: 3px solid var(--sme-gold);
            box-shadow: 0 2px 16px rgba(15, 31, 61, .1);
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        .sme-navbar-inner {
            max-width: 1260px;
            margin: 0 auto;
            padding: 0 40px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 72px;
            gap: 32px;
        }

        .sme-logo {
            display: flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
            flex-shrink: 0;
        }

        .sme-logo-mark {
            width: 46px;
            height: 46px;
            background: var(--sme-navy);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            flex-shrink: 0;
        }

        .sme-logo-mark::after {
            content: '';
            position: absolute;
            inset: 3px;
            border: 1.5px solid var(--sme-gold);
        }

        .sme-logo-initials {
            font-family: 'Playfair Display', Georgia, serif;
            color: var(--sme-gold);
            font-size: 18px;
            font-weight: 700;
            position: relative;
            z-index: 1;
        }

        .sme-logo-name {
            font-family: 'Playfair Display', Georgia, serif;
            font-size: 16px;
            font-weight: 700;
            color: var(--sme-navy);
            display: block;
            line-height: 1.2;
        }

        .sme-logo-tagline {
            font-size: 10px;
            font-weight: 600;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: var(--sme-gold);
            display: block;
            line-height: 1.4;
        }

        .sme-nav-links {
            display: flex;
            align-items: center;
            gap: 4px;
            list-style: none;
            flex: 1;
            justify-content: center;
            margin: 0;
            padding: 0;
        }

        .sme-nav-links li {
            margin: 0;
            padding: 0;
        }

        .sme-nav-links a {
            display: block;
            padding: 8px 14px;
            font-size: 13.5px;
            font-weight: 500;
            color: #4b5563;
            text-decoration: none;
            position: relative;
            transition: color .2s;
            font-family: 'Source Sans 3', sans-serif;
        }

        .sme-nav-links a::after {
            content: '';
            position: absolute;
            bottom: 2px;
            left: 14px;
            right: 14px;
            height: 2px;
            background: var(--sme-gold);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform .25s;
        }

        .sme-nav-links a:hover,
        .sme-nav-links .current-menu-item>a,
        .sme-nav-links .current_page_item>a {
            color: var(--sme-navy);
        }

        .sme-nav-links a:hover::after,
        .sme-nav-links .current-menu-item>a::after,
        .sme-nav-links .current_page_item>a::after {
            transform: scaleX(1);
        }

        .sme-btn-quote {
            background: var(--sme-navy);
            color: #fff !important;
            font-size: 12.5px;
            font-weight: 600;
            letter-spacing: .06em;
            padding: 10px 20px;
            border: 2px solid var(--sme-navy);
            cursor: pointer;
            text-transform: uppercase;
            text-decoration: none !important;
            transition: all .22s;
            white-space: nowrap;
            display: inline-block;
            font-family: 'Source Sans 3', sans-serif;
        }

        .sme-btn-quote:hover {
            background: transparent;
            color: var(--sme-navy) !important;
        }

        .sme-footer {
            background: var(--sme-navy);
            color: #b8c8d8;
            font-size: 14px;
            font-family: 'Source Sans 3', sans-serif;
        }

        .sme-footer-accent {
            height: 4px;
            background: linear-gradient(90deg, var(--sme-gold) 0%, #e8c547 50%, var(--sme-gold) 100%);
        }

        .sme-footer-body {
            max-width: 1260px;
            margin: 0 auto;
            padding: 60px 40px 40px;
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1.4fr;
            gap: 48px;
        }

        .sme-footer-col-title {
            font-family: 'Playfair Display', Georgia, serif;
            font-size: 15px;
            font-weight: 600;
            color: #fff;
            margin: 0 0 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid rgba(201, 162, 39, .3);
            position: relative;
        }

        .sme-footer-col-title::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 32px;
            height: 2px;
            background: var(--sme-gold);
        }

        .sme-footer-links {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .sme-footer-links li {
            margin: 0;
            padding: 0;
        }

        .sme-footer-links li+li {
            margin-top: 10px;
        }

        .sme-footer-links a {
            color: #8fa3bb;
            text-decoration: none;
            font-size: 13.5px;
            display: flex;
            align-items: center;
            gap: 7px;
            transition: color .2s;
        }

        .sme-footer-links a::before {
            content: '';
            display: block;
            width: 6px;
            height: 1.5px;
            background: var(--sme-gold);
            flex-shrink: 0;
            transition: width .2s;
        }

        .sme-footer-links a:hover {
            color: #fff;
        }

        .sme-footer-links a:hover::before {
            width: 12px;
        }

        .sme-footer-brand .sme-logo {
            margin-bottom: 16px;
        }

        .sme-footer-brand-desc {
            font-size: 13px;
            color: #8fa3bb;
            line-height: 1.65;
            margin: 0 0 20px;
            max-width: 280px;
        }

        .sme-certifications {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .sme-cert-badge {
            font-size: 12px;
            font-weight: 600;
            color: var(--sme-gold);
            letter-spacing: .04em;
        }

        .sme-contact-list {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .sme-contact-list li {
            font-size: 13px;
            color: #8fa3bb;
            line-height: 1.5;
            padding: 5px 0;
            display: flex;
            align-items: flex-start;
            gap: 8px;
        }

        .sme-contact-list a {
            color: #8fa3bb;
            text-decoration: none;
            transition: color .2s;
        }

        .sme-contact-list a:hover {
            color: var(--sme-gold-light);
        }

        .sme-footer-bottom {
            border-top: 1px solid rgba(255, 255, 255, .08);
            padding: 18px 40px;
        }

        .sme-footer-bottom-inner {
            max-width: 1260px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 16px;
        }

        .sme-footer-copyright {
            font-size: 12.5px;
            color: #5a7a9a;
            margin: 0;
        }

        .sme-footer-copyright strong {
            color: #8fa3bb;
        }

        .sme-footer-legal {
            display: flex;
            gap: 20px;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .sme-footer-legal a {
            font-size: 12.5px;
            color: #5a7a9a;
            text-decoration: none;
            transition: color .2s;
        }

        .sme-footer-legal a:hover {
            color: var(--sme-gold-light);
        }

        @media (max-width: 900px) {
            .sme-footer-body {
                grid-template-columns: 1fr 1fr;
                gap: 32px;
            }
            .sme-topbar-left {
                display: none;
            }
            .sme-topbar {
                padding: 0 20px;
            }
            .sme-navbar-inner {
                padding: 0 20px;
            }
        }

        @media (max-width: 600px) {
            .sme-footer-body {
                grid-template-columns: 1fr;
                padding: 40px 20px 28px;
            }
            .sme-navbar-inner {
                padding: 0 16px;
            }
            .sme-nav-links {
                display: none;
            }
            .sme-footer-bottom {
                padding: 14px 20px;
            }
        }

/* ---- block: misc-2(logo-header) ---- */
/* ===== Hide Astra default header ===== */

        #masthead,
        .site-header,
        .ast-mobile-header-wrap {
            display: none !important;
        }

        .sme-topbar *,
        .sme-header * {
            box-sizing: border-box;
        }

        /* ===== FIXED wrapper (immune to ancestor overflow) ===== */

        .sme-headwrap {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            z-index: 99999
        }

        body.admin-bar .sme-headwrap {
            top: 32px
        }

        @media screen and (max-width:782px) {
            body.admin-bar .sme-headwrap {
                top: 46px
            }
        }

        /* ===== Top bar ===== */

        .sme-topbar {
            background: #05101f;
            border-bottom: 1px solid rgba(200, 146, 42, .25);
            font-size: .78rem;
            color: #ccc
        }

        .sme-topbar-inner {
            max-width: 1280px;
            margin: 0 auto;
            padding: 6px 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            flex-wrap: wrap
        }

        .sme-topbar-left {
            display: flex;
            align-items: center;
            gap: 16px;
            flex-wrap: wrap
        }

        .sme-topbar-left a,
        .sme-topbar-left span {
            color: #ccc;
            text-decoration: none;
            white-space: nowrap;
            display: inline-flex;
            align-items: center
        }

        .sme-topbar-left a:hover {
            color: #c8922a
        }

        .sme-topbar-right {
            display: flex;
            align-items: center;
            gap: 12px
        }

        .sme-social-link {
            color: #aaa;
            text-decoration: none;
            font-size: .8rem
        }

        .sme-social-link:hover {
            color: #c8922a
        }

        .sme-cta-mini {
            background: #c8922a;
            color: #0a1628 !important;
            padding: 4px 12px;
            border-radius: 3px;
            font-weight: 600;
            text-decoration: none;
            font-size: .78rem;
            white-space: nowrap
        }

        /* ===== Header ===== */

        .sme-header {
            background: #0a1628;
            position: relative;
            box-shadow: 0 2px 12px rgba(0, 0, 0, .4)
        }

        .sme-header-inner {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 64px;
            position: relative
        }

        /* ===== Logo ===== */

        .sme-logo-wrap {
            display: flex;
            align-items: center;
            gap: 10px;
            text-decoration: none;
            flex-shrink: 0
        }

        .sme-logo-img {
            height: 48px;
            width: auto;
            display: block;
            flex-shrink: 0
        }

        .sme-logo-mark {
            width: 38px;
            height: 38px;
            background: #c8922a;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0
        }

        .sme-logo-initials {
            color: #0a1628;
            font-weight: 800;
            font-size: 1rem;
            letter-spacing: -.5px;
            font-family: serif
        }

        .sme-logo-text {
            display: flex;
            flex-direction: column
        }

        .sme-logo-name {
            color: #f7f4ef;
            font-size: .95rem;
            font-weight: 700;
            letter-spacing: .02em;
            line-height: 1.1
        }

        .sme-logo-sub {
            color: #5FA83C;
            font-size: .65rem;
            letter-spacing: .08em;
            text-transform: uppercase
        }

        /* ===== Desktop nav ===== */

        .sme-nav-links {
            display: flex;
            align-items: center;
            gap: 2px;
            list-style: none;
            margin: 0;
            padding: 0
        }

        .sme-nav-links>li>a {
            color: #f7f4ef;
            text-decoration: none;
            padding: 9px 12px;
            font-size: .875rem;
            font-weight: 500;
            letter-spacing: .02em;
            border-radius: 3px;
            transition: color .15s, background .15s;
            display: flex;
            align-items: center;
            gap: 4px;
            white-space: nowrap
        }

        .sme-nav-links>li>a:hover {
            color: #c8922a;
            background: rgba(200, 146, 42, .08)
        }

        /* ===== Hamburger ===== */

        .sme-hamburger {
            display: none;
            background: none;
            border: 1px solid rgba(255, 255, 255, .3);
            border-radius: 3px;
            width: 44px;
            height: 40px;
            cursor: pointer;
            padding: 0;
            position: relative;
            flex-shrink: 0
        }

        .sme-hamburger span {
            position: absolute;
            left: 11px;
            right: 11px;
            height: 2px;
            background: #f7f4ef;
            border-radius: 2px;
            transition: transform .25s ease, opacity .2s ease
        }

        .sme-hamburger span:nth-child(1) {
            top: 13px
        }

        .sme-hamburger span:nth-child(2) {
            top: 19px
        }

        .sme-hamburger span:nth-child(3) {
            top: 25px
        }

        .sme-hamburger.sme-active span:nth-child(1) {
            transform: translateY(6px) rotate(45deg)
        }

        .sme-hamburger.sme-active span:nth-child(2) {
            opacity: 0
        }

        .sme-hamburger.sme-active span:nth-child(3) {
            transform: translateY(-6px) rotate(-45deg)
        }

        /* ===== Dropdowns (desktop) ===== */

        .sme-has-dropdown {
            position: relative
        }

        .sme-dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 240px;
            max-height: calc(100vh - 130px);
            overflow-y: auto;
            background: #0a1628;
            border-top: 3px solid #c8922a;
            padding: 6px 0;
            z-index: 9999;
            box-shadow: 0 12px 30px rgba(0, 0, 0, .45);
            list-style: none;
            margin: 0;
            opacity: 0;
            visibility: hidden;
            transform: translateY(8px);
            transition: opacity .18s ease, transform .18s ease, visibility .18s
        }

        .sme-has-dropdown:hover>.sme-dropdown,
        .sme-has-dropdown:focus-within>.sme-dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateY(0)
        }

        .sme-nav-links>.sme-has-dropdown:last-of-type>.sme-dropdown {
            left: auto;
            right: 0
        }

        .sme-dropdown>li>a {
            display: block;
            padding: 10px 18px;
            color: #f7f4ef;
            font-size: .84rem;
            white-space: nowrap;
            border-bottom: 1px solid rgba(255, 255, 255, .06);
            text-decoration: none;
            transition: background .15s, color .15s, padding-left .15s
        }

        .sme-dropdown>li:last-child>a {
            border-bottom: none
        }

        .sme-dropdown>li>a:hover {
            background: #c8922a;
            color: #0a1628;
            padding-left: 24px
        }

        .sme-arrow {
            font-size: .6rem;
            opacity: .7;
            transition: transform .2s
        }

        .sme-has-dropdown:hover>.sme-nav-link>.sme-arrow {
            transform: rotate(180deg)
        }

        /* ===== Mobile / tablet ===== */

        @media(max-width:992px) {
            .sme-hamburger {
                display: block
            }
            .sme-nav-links {
                display: none;
                flex-direction: column;
                align-items: stretch;
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background: #0a1628;
                padding: 8px 12px 16px;
                z-index: 9997;
                border-top: 2px solid #c8922a;
                max-height: calc(100vh - 100px);
                overflow-y: auto;
                -webkit-overflow-scrolling: touch;
                box-shadow: 0 16px 30px rgba(0, 0, 0, .5)
            }
            .sme-nav-links.sme-mobile-open {
                display: flex !important
            }
            .sme-nav-links>li {
                width: 100%;
                border-bottom: 1px solid rgba(255, 255, 255, .06)
            }
            .sme-nav-links>li:last-child {
                border-bottom: none
            }
            .sme-nav-links>li>a {
                padding: 13px 10px;
                font-size: .92rem;
                justify-content: space-between
            }
            .sme-has-dropdown>.sme-dropdown {
                position: static;
                display: none;
                opacity: 1;
                visibility: visible;
                transform: none;
                max-height: none;
                overflow: visible;
                background: rgba(255, 255, 255, .04);
                border-top: none;
                border-left: 3px solid #c8922a;
                margin: 0 0 6px 10px;
                min-width: 0;
                box-shadow: none
            }
            .sme-has-dropdown.sme-open>.sme-dropdown {
                display: block
            }
            .sme-has-dropdown.sme-open>.sme-nav-link>.sme-arrow {
                transform: rotate(180deg)
            }
            .sme-dropdown>li>a {
                padding: 11px 14px;
                font-size: .86rem
            }
            .sme-dropdown>li>a:hover {
                padding-left: 18px
            }
        }

        @media(max-width:600px) {
            .sme-header-inner {
                padding: 0 14px;
                height: 58px
            }
            .sme-topbar-inner {
                padding: 6px 14px;
                justify-content: center
            }
            .sme-topbar-left {
                gap: 12px;
                justify-content: center
            }
            .sme-logo-sub {
                font-size: .6rem
            }
            .sme-nav-links {
                max-height: calc(100vh - 92px)
            }
        }

/* ---- block: wpcode-1 ---- */
/* ================================================================
   AGRINOVATIS Export — Premium Footer CSS
   CTA Band + Dark Navy 4-Col + Bottom Bar
================================================================ */

        /* --- Reset the empty colophon --- */

        #colophon.site-footer {
            padding: 0 !important;
            margin: 0 !important;
            background: transparent !important;
            border: none !important;
        }

        /* ---- CTA BAND ---- */

        .shashi-footer-cta {
            background: linear-gradient(135deg, #b8860b 0%, #D4A843 40%, #f0c65a 60%, #D4A843 80%, #b8860b 100%);
            padding: 52px 24px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .shashi-footer-cta::before {
            content: "";
            position: absolute;
            inset: 0;
            background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center;
            opacity: 0.4;
        }

        .shashi-footer-cta-inner {
            position: relative;
            z-index: 1;
            max-width: 700px;
            margin: 0 auto;
        }

        .shashi-footer-cta-label {
            display: inline-block;
            background: rgba(0, 0, 0, .15);
            color: #fff;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            padding: 4px 14px;
            border-radius: 50px;
            margin-bottom: 16px;
        }

        .shashi-footer-cta h2 {
            font-size: clamp(1.6rem, 3.5vw, 2.4rem);
            font-weight: 800;
            color: #fff;
            margin: 0 0 10px;
            line-height: 1.2;
            text-shadow: 0 2px 8px rgba(0, 0, 0, .2);
        }

        .shashi-footer-cta p {
            color: rgba(255, 255, 255, .88);
            font-size: 1rem;
            margin: 0 0 28px;
        }

        .shashi-footer-cta-btns {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            justify-content: center;
        }

        .shashi-footer-cta-btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 14px 28px;
            border-radius: 50px;
            font-size: 15px;
            font-weight: 700;
            text-decoration: none;
            transition: transform .2s, box-shadow .2s;
        }

        .shashi-footer-cta-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 28px rgba(0, 0, 0, .2);
        }

        .shashi-footer-cta-btn.primary {
            background: #fff;
            color: #1a1a2e;
        }

        .shashi-footer-cta-btn.secondary {
            background: #25D366;
            color: #fff;
        }

        /* ---- MAIN FOOTER BODY ---- */

        .shashi-footer-main {
            background: linear-gradient(160deg, #0f0f1a 0%, #1a1a2e 60%, #0d1b3e 100%);
            padding: 64px 24px 40px;
            position: relative;
        }

        .shashi-footer-main::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, #D4A843 30%, #f0c65a 50%, #D4A843 70%, transparent);
        }

        .shashi-footer-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .shashi-footer-grid {
            display: grid;
            grid-template-columns: 1.5fr 1fr 1fr 1fr;
            gap: 40px;
            margin-bottom: 48px;
        }

        /* ---- BRAND COL ---- */

        .shashi-footer-brand-name {
            font-size: 1.4rem;
            font-weight: 800;
            color: #fff;
            margin: 0 0 4px;
            letter-spacing: -.3px;
        }

        .shashi-footer-brand-tag {
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            color: #D4A843;
            margin: 0 0 16px;
        }

        .shashi-footer-brand-desc {
            font-size: 14px;
            line-height: 1.7;
            color: rgba(255, 255, 255, .6);
            margin: 0 0 24px;
            max-width: 280px;
        }

        /* Cert badges */

        .shashi-footer-certs {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 24px;
        }

        .shashi-footer-cert {
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .8px;
            text-transform: uppercase;
            padding: 5px 10px;
            border-radius: 4px;
            border: 1px solid rgba(212, 168, 67, .4);
            color: #D4A843;
            background: rgba(212, 168, 67, .08);
        }

        /* Social links */

        .shashi-footer-social {
            display: flex;
            gap: 10px;
        }

        .shashi-footer-social a {
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            background: rgba(255, 255, 255, .08);
            color: rgba(255, 255, 255, .7);
            text-decoration: none;
            transition: background .2s, color .2s, transform .2s;
        }

        .shashi-footer-social a:hover {
            background: #D4A843;
            color: #fff;
            transform: translateY(-2px);
        }

        .shashi-footer-social svg {
            width: 16px;
            height: 16px;
            fill: currentColor;
        }

        /* ---- LINKS COLS ---- */

        .shashi-footer-col-title {
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            color: #D4A843;
            margin: 0 0 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid rgba(212, 168, 67, .25);
        }

        .shashi-footer-links {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .shashi-footer-links li {
            margin-bottom: 10px;
        }

        .shashi-footer-links a {
            font-size: 14px;
            color: rgba(255, 255, 255, .6);
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 7px;
            transition: color .2s, gap .15s;
        }

        .shashi-footer-links a::before {
            content: "›";
            color: #D4A843;
            font-size: 16px;
            line-height: 1;
            transition: transform .15s;
        }

        .shashi-footer-links a:hover {
            color: #D4A843;
        }

        .shashi-footer-links a:hover::before {
            transform: translateX(3px);
        }

        /* ---- CONTACT COL ---- */

        .shashi-footer-contact-list {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .shashi-footer-contact-list li {
            display: flex;
            gap: 12px;
            margin-bottom: 16px;
        }

        .shashi-footer-contact-icon {
            width: 32px;
            height: 32px;
            min-width: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            background: rgba(212, 168, 67, .12);
            color: #D4A843;
        }

        .shashi-footer-contact-icon svg {
            width: 15px;
            height: 15px;
            fill: currentColor;
        }

        .shashi-footer-contact-text {
            font-size: 13px;
            color: rgba(255, 255, 255, .6);
            line-height: 1.6;
        }

        .shashi-footer-contact-text a {
            color: rgba(255, 255, 255, .7);
            text-decoration: none;
            transition: color .2s;
        }

        .shashi-footer-contact-text a:hover {
            color: #D4A843;
        }

        .shashi-footer-contact-text strong {
            display: block;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: .8px;
            text-transform: uppercase;
            color: #D4A843;
            margin-bottom: 2px;
        }

        /* ---- BOTTOM BAR ---- */

        .shashi-footer-divider {
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(212, 168, 67, .3), transparent);
            margin-bottom: 24px;
        }

        .shashi-footer-bottom {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 12px;
        }

        .shashi-footer-copy {
            font-size: 13px;
            color: rgba(255, 255, 255, .45);
        }

        .shashi-footer-copy span {
            color: #D4A843;
        }

        .shashi-footer-legal {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
        }

        .shashi-footer-legal a {
            font-size: 12px;
            color: rgba(255, 255, 255, .4);
            text-decoration: none;
            transition: color .2s;
        }

        .shashi-footer-legal a:hover {
            color: #D4A843;
        }

        /* ---- RESPONSIVE ---- */

        @media(max-width:1023px) {
            .shashi-footer-grid {
                grid-template-columns: 1fr 1fr;
                gap: 32px;
            }
        }

        @media(max-width:640px) {
            .shashi-footer-grid {
                grid-template-columns: 1fr;
                gap: 28px;
            }
            .shashi-footer-cta {
                padding: 40px 20px;
            }
            .shashi-footer-main {
                padding: 48px 20px 32px;
            }
            .shashi-footer-bottom {
                flex-direction: column;
                text-align: center;
            }
            .shashi-footer-legal {
                justify-content: center;
            }
        }

/* ---- block: wpcode-2 ---- */
/* ============================================================
   AGRINOVATIS Export — Premium Blog & Archive CSS
   Targets: body.blog, body.archive, body.single-post
   Astra theme 3-column grid layout
============================================================ */

        /* ---- Archive / Blog Hero Banner -------------------------------- */

        body.blog .ast-archive-description,
        body.archive .ast-archive-description {
            background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
            padding: 60px 40px;
            margin-bottom: 48px;
            text-align: center;
            position: relative;
            overflow: hidden;
            border-radius: 0 0 24px 24px;
        }

        body.blog .ast-archive-description::before,
        body.archive .ast-archive-description::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(ellipse at center, rgba(212, 168, 67, .12) 0%, transparent 65%);
            pointer-events: none;
        }

        body.blog .ast-archive-description .ast-archive-title,
        body.archive .ast-archive-description .ast-archive-title,
        body.blog .ast-archive-description h1,
        body.archive .ast-archive-description h1 {
            color: #fff !important;
            font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
            font-weight: 700 !important;
            letter-spacing: -0.02em;
            margin-bottom: 12px !important;
        }

        body.blog .ast-archive-description p,
        body.archive .ast-archive-description p {
            color: rgba(255, 255, 255, .75) !important;
            font-size: 1.1rem;
            max-width: 600px;
            margin: 0 auto;
        }

        /* ---- Blog page title (when no archive widget) ------------------ */

        body.blog .ast-page-title-wrap {
            display: none;
        }

        /* ---- Grid Container ------------------------------------------- */

        body.blog #primary,
        body.archive #primary {
            padding-top: 0;
        }

        body.blog main.ast-blog-layout-4-grid,
        body.archive main.ast-blog-layout-4-grid {
            gap: 28px !important;
        }

        /* ---- Post Cards ----------------------------------------------- */

        body.blog article.ast-article-post,
        body.archive article.ast-article-post {
            background: #fff;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 24px rgba(0, 0, 0, .07);
            transition: transform .3s ease, box-shadow .3s ease;
            border: 1px solid rgba(0, 0, 0, .06);
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        body.blog article.ast-article-post:hover,
        body.archive article.ast-article-post:hover {
            transform: translateY(-6px);
            box-shadow: 0 16px 48px rgba(0, 0, 0, .14);
        }

        /* ---- Card Featured Image placeholder (no images) -------------- */

        body.blog article.ast-article-post .ast-blog-featured-section,
        body.archive article.ast-article-post .ast-blog-featured-section {
            background: linear-gradient(135deg, #1a1a2e 0%, #0f3460 100%);
            height: 180px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }

        body.blog article.ast-article-post .ast-blog-featured-section::before,
        body.archive article.ast-article-post .ast-blog-featured-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse at 30% 50%, rgba(212, 168, 67, .2) 0%, transparent 70%);
        }

        body.blog article.ast-article-post .ast-blog-featured-section::after,
        body.archive article.ast-article-post .ast-blog-featured-section::after {
            content: '📦';
            font-size: 3rem;
            opacity: .6;
            position: relative;
            z-index: 1;
        }

        /* ---- No-image fallback banner per category -------------------- */

        body.blog article.ast-article-post.remove-featured-img-padding .ast-blog-featured-section,
        body.archive article.ast-article-post.remove-featured-img-padding .ast-blog-featured-section {
            min-height: 160px;
        }

        /* ---- Card Content Area ---------------------------------------- */

        body.blog article.ast-article-post .entry-content-wrap,
        body.archive article.ast-article-post .entry-content-wrap,
        body.blog article.ast-article-post .ast-excerpt-container,
        body.archive article.ast-article-post .ast-excerpt-container {
            padding: 24px !important;
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        /* ---- Post Category Tag ---------------------------------------- */

        body.blog .ast-post-categories-wrap,
        body.archive .ast-post-categories-wrap {
            margin-bottom: 10px;
        }

        body.blog .ast-post-categories-wrap a,
        body.archive .ast-post-categories-wrap a {
            display: inline-block;
            background: rgba(212, 168, 67, .12);
            color: #c8960a !important;
            border: 1px solid rgba(212, 168, 67, .35);
            border-radius: 50px;
            padding: 3px 12px;
            font-size: 0.72rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .8px;
            text-decoration: none !important;
            transition: background .2s, color .2s;
        }

        body.blog .ast-post-categories-wrap a:hover,
        body.archive .ast-post-categories-wrap a:hover {
            background: #D4A843;
            color: #fff !important;
        }

        /* ---- Post Title ----------------------------------------------- */

        body.blog .entry-title,
        body.archive .entry-title {
            font-size: 1.1rem !important;
            font-weight: 700 !important;
            line-height: 1.4 !important;
            margin-bottom: 10px !important;
            color: #1a1a2e !important;
        }

        body.blog .entry-title a,
        body.archive .entry-title a {
            color: #1a1a2e !important;
            text-decoration: none !important;
            transition: color .2s;
        }

        body.blog .entry-title a:hover,
        body.archive .entry-title a:hover {
            color: #D4A843 !important;
        }

        /* ---- Post Meta (date, author) --------------------------------- */

        body.blog .entry-meta,
        body.archive .entry-meta {
            font-size: 0.8rem !important;
            color: #888 !important;
            margin-bottom: 12px !important;
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
        }

        body.blog .entry-meta .posted-on,
        body.archive .entry-meta .posted-on,
        body.blog .entry-meta .byline,
        body.archive .entry-meta .byline {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        body.blog .entry-meta a,
        body.archive .entry-meta a {
            color: #888 !important;
            text-decoration: none !important;
            transition: color .2s;
        }

        body.blog .entry-meta a:hover,
        body.archive .entry-meta a:hover {
            color: #D4A843 !important;
        }

        /* ---- Post Excerpt -------------------------------------------- */

        body.blog .entry-content,
        body.archive .entry-content,
        body.blog .ast-excerpt-container p,
        body.archive .ast-excerpt-container p {
            font-size: 0.9rem !important;
            line-height: 1.7 !important;
            color: #555 !important;
            flex: 1;
        }

        /* ---- Read More Button ----------------------------------------- */

        body.blog .read-more-container,
        body.archive .read-more-container,
        body.blog .ast-post-link,
        body.archive .ast-post-link {
            margin-top: auto;
            padding-top: 16px;
        }

        body.blog .read-more-container a,
        body.archive .read-more-container a,
        body.blog .ast-post-link a,
        body.archive .ast-post-link a,
        body.blog a.more-link,
        body.archive a.more-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: linear-gradient(135deg, #D4A843 0%, #f0c65a 100%);
            color: #1a1a2e !important;
            font-size: 0.82rem;
            font-weight: 700;
            letter-spacing: .5px;
            padding: 9px 20px;
            border-radius: 50px;
            text-decoration: none !important;
            transition: transform .2s, box-shadow .2s;
            text-transform: uppercase;
        }

        body.blog a.more-link::after,
        body.archive a.more-link::after {
            content: ' →';
        }

        body.blog a.more-link:hover,
        body.archive a.more-link:hover,
        body.blog .ast-post-link a:hover,
        body.archive .ast-post-link a:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(212, 168, 67, .4);
        }

        /* ---- Pagination ----------------------------------------------- */

        body.blog .ast-pagination-wrap,
        body.archive .ast-pagination-wrap,
        body.blog .navigation.pagination,
        body.archive .navigation.pagination {
            margin-top: 48px;
            text-align: center;
        }

        body.blog .page-numbers,
        body.archive .page-numbers {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 44px;
            height: 44px;
            border-radius: 50%;
            border: 2px solid rgba(212, 168, 67, .4);
            color: #1a1a2e !important;
            font-weight: 600;
            text-decoration: none !important;
            margin: 0 4px;
            transition: all .2s;
        }

        body.blog .page-numbers.current,
        body.archive .page-numbers.current,
        body.blog .page-numbers:hover,
        body.archive .page-numbers:hover {
            background: #D4A843;
            border-color: #D4A843;
            color: #fff !important;
        }

        /* ---- Single Post -------------------------------------------- */

        body.single-post #primary {
            max-width: 820px;
            margin: 0 auto;
        }

        body.single-post .entry-header {
            margin-bottom: 32px;
        }

        body.single-post .entry-title {
            font-size: clamp(1.8rem, 4vw, 2.6rem) !important;
            font-weight: 800 !important;
            line-height: 1.25 !important;
            color: #1a1a2e !important;
            letter-spacing: -.02em;
        }

        body.single-post .entry-meta {
            display: flex;
            align-items: center;
            gap: 16px;
            flex-wrap: wrap;
            padding: 14px 0;
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee;
            margin: 16px 0 32px;
            font-size: 0.85rem;
            color: #777;
        }

        body.single-post .entry-content {
            font-size: 1.05rem !important;
            line-height: 1.8 !important;
            color: #2d2d2d !important;
        }

        body.single-post .entry-content h2 {
            font-size: 1.6rem !important;
            font-weight: 700 !important;
            color: #1a1a2e !important;
            margin-top: 40px !important;
            margin-bottom: 16px !important;
            padding-bottom: 8px;
            border-bottom: 3px solid #D4A843;
        }

        body.single-post .entry-content h3 {
            font-size: 1.25rem !important;
            font-weight: 700 !important;
            color: #1a1a2e !important;
            margin-top: 32px !important;
        }

        body.single-post .entry-content ul,
        body.single-post .entry-content ol {
            padding-left: 24px;
            margin-bottom: 20px;
        }

        body.single-post .entry-content li {
            margin-bottom: 8px;
            line-height: 1.7;
        }

        body.single-post .entry-content strong {
            color: #1a1a2e;
            font-weight: 700;
        }

        body.single-post .entry-content blockquote {
            border-left: 4px solid #D4A843;
            padding: 16px 24px;
            background: rgba(212, 168, 67, .07);
            border-radius: 0 8px 8px 0;
            margin: 24px 0;
            font-style: italic;
            color: #444;
        }

        /* ---- Post Navigation (Prev/Next) ----------------------------- */

        body.single-post .ast-article-post .nav-links {
            display: flex;
            gap: 20px;
            margin-top: 48px;
            padding-top: 32px;
            border-top: 1px solid #eee;
        }

        body.single-post .nav-links a {
            color: #D4A843 !important;
            font-weight: 600;
            text-decoration: none !important;
            transition: color .2s;
        }

        body.single-post .nav-links a:hover {
            color: #1a1a2e !important;
        }

        /* ---- Blog Page Intro Text ------------------------------------ */

        body.blog .ast-container>p:first-of-type,
        body.blog .ast-container>.wp-block-paragraph:first-of-type {
            text-align: center;
            font-size: 1.1rem;
            color: #555;
            max-width: 700px;
            margin: 0 auto 40px;
        }

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

        @media (max-width: 1023px) {
            body.blog main.ast-blog-layout-4-grid,
            body.archive main.ast-blog-layout-4-grid {
                grid-template-columns: repeat(2, 1fr) !important;
            }
        }

        @media (max-width: 600px) {
            body.blog main.ast-blog-layout-4-grid,
            body.archive main.ast-blog-layout-4-grid {
                grid-template-columns: 1fr !important;
            }
            body.blog article.ast-article-post .entry-content-wrap,
            body.archive article.ast-article-post .entry-content-wrap {
                padding: 18px !important;
            }
            body.single-post .entry-title {
                font-size: 1.6rem !important;
            }
        }

/* ---- block: wpcode-3-design-system ---- */
/* ============================================================
   AGRINOVATIS EXPORT — PREMIUM SITE-WIDE CSS DESIGN SYSTEM
   Version 1.0 | Enterprise Grade | May 2026
   ============================================================ */

        /* ------ CSS DESIGN SYSTEM VARIABLES ------ */

        :root {
            --shashi-navy: #0F3D26;
            --shashi-navy-light: #1B5E3A;
            --shashi-gold: #5FA83C;
            --shashi-gold-light: #A9D67B;
            --shashi-gold-dark: #2F6B24;
            --shashi-white: #FFFFFF;
            --shashi-off-white: #F7F9F3;
            --shashi-light-gray: #EEF3E6;
            --shashi-gray: #6B7280;
            --shashi-dark-gray: #374151;
            --shashi-black: #0A0A0A;
            --shashi-gradient-primary: linear-gradient(135deg, #0F3D26 0%, #1B5E3A 100%);
            --shashi-gradient-gold: linear-gradient(135deg, #5FA83C 0%, #A9D67B 50%, #5FA83C 100%);
            --shashi-font-display: 'Playfair Display', Georgia, serif;
            --shashi-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            --shashi-radius-sm: 4px;
            --shashi-radius-md: 8px;
            --shashi-radius-lg: 16px;
            --shashi-radius-xl: 24px;
            --shashi-radius-full: 9999px;
            --shashi-shadow-sm: 0 2px 8px rgba(15, 61, 38, 0.08);
            --shashi-shadow-md: 0 8px 32px rgba(15, 61, 38, 0.12);
            --shashi-shadow-lg: 0 20px 60px rgba(15, 61, 38, 0.18);
            --shashi-shadow-gold: 0 8px 32px rgba(95, 168, 60, 0.25);
            --shashi-transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            --shashi-transition-base: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
            --shashi-transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* ------ GLOBAL BASE ------ */

        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }

        body {
            font-family: var(--shashi-font-body);
            color: var(--shashi-dark-gray);
            background: var(--shashi-white);
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: var(--shashi-font-display);
            font-weight: 700;
            line-height: 1.2;
            color: var(--shashi-navy);
            letter-spacing: -0.02em;
        }

        img {
            max-width: 100%;
            height: auto;
        }

        a {
            transition: color var(--shashi-transition-fast);
        }

        /* ------ HEADER ------ */

        #masthead,
        .site-header,
        .ast-site-header-wrap {
            background: rgba(10, 22, 40, 0.97) !important;
            backdrop-filter: blur(20px) !important;
            -webkit-backdrop-filter: blur(20px) !important;
            border-bottom: 1px solid rgba(201, 168, 76, 0.15) !important;
            transition: all var(--shashi-transition-base) !important;
            position: sticky !important;
            top: 0 !important;
            z-index: 1000 !important;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.25) !important;
        }

        .ast-site-identity .site-title a,
        .ast-site-identity .site-title {
            font-family: var(--shashi-font-display) !important;
            font-size: 1.4rem !important;
            font-weight: 700 !important;
            color: var(--shashi-white) !important;
            text-decoration: none !important;
            letter-spacing: -0.01em !important;
        }

        /* Nav links */

        .ast-nav-menu>li>a,
        #ast-hf-menu-1 a,
        .main-navigation a {
            font-family: var(--shashi-font-body) !important;
            font-size: 0.875rem !important;
            font-weight: 500 !important;
            color: rgba(255, 255, 255, 0.85) !important;
            text-transform: uppercase !important;
            letter-spacing: 0.08em !important;
            padding: 0.5rem 1rem !important;
            transition: color var(--shashi-transition-fast) !important;
            position: relative;
        }

        .ast-nav-menu>li>a::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 2px;
            background: var(--shashi-gold);
            transition: width var(--shashi-transition-base);
            border-radius: 2px;
        }

        .ast-nav-menu>li>a:hover::after,
        .ast-nav-menu>li.current-menu-item>a::after,
        .ast-nav-menu>li.current-menu-ancestor>a::after {
            width: 80%;
        }

        .ast-nav-menu>li>a:hover,
        .ast-nav-menu>li.current-menu-item>a,
        .ast-nav-menu>li.current-menu-ancestor>a {
            color: var(--shashi-gold) !important;
        }

        .ast-nav-menu .sub-menu {
            background: var(--shashi-navy) !important;
            border: 1px solid rgba(201, 168, 76, 0.2) !important;
            border-radius: var(--shashi-radius-md) !important;
            box-shadow: var(--shashi-shadow-lg) !important;
            padding: 0.5rem 0 !important;
            min-width: 200px !important;
        }

        .ast-nav-menu .sub-menu li a {
            color: rgba(255, 255, 255, 0.8) !important;
            font-size: 0.85rem !important;
            padding: 0.6rem 1.25rem !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
            transition: all var(--shashi-transition-fast) !important;
        }

        .ast-nav-menu .sub-menu li a:hover {
            color: var(--shashi-gold) !important;
            background: rgba(201, 168, 76, 0.08) !important;
            padding-left: 1.5rem !important;
        }

        /* ------ PREMIUM BUTTON SYSTEM ------ */

        .wp-block-button__link,
        .ast-button,
        .button,
        input[type="submit"],
        button[type="submit"],
        .wpcf7-submit,
        .et_pb_button,
        a.btn {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 0.5rem !important;
            font-family: var(--shashi-font-body) !important;
            font-size: 0.875rem !important;
            font-weight: 600 !important;
            letter-spacing: 0.06em !important;
            text-transform: uppercase !important;
            padding: 0.875rem 2rem !important;
            border-radius: var(--shashi-radius-full) !important;
            background: var(--shashi-gradient-gold) !important;
            color: var(--shashi-navy) !important;
            border: none !important;
            cursor: pointer !important;
            text-decoration: none !important;
            transition: all var(--shashi-transition-base) !important;
            box-shadow: var(--shashi-shadow-gold) !important;
            position: relative !important;
            overflow: hidden !important;
        }

        .wp-block-button__link:hover,
        .ast-button:hover,
        .button:hover,
        input[type="submit"]:hover,
        button[type="submit"]:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 12px 40px rgba(201, 168, 76, 0.4) !important;
            color: var(--shashi-navy) !important;
        }

        .wp-block-button.is-style-outline .wp-block-button__link {
            background: transparent !important;
            color: var(--shashi-white) !important;
            border: 2px solid rgba(201, 168, 76, 0.6) !important;
            box-shadow: none !important;
        }

        .wp-block-button.is-style-outline .wp-block-button__link:hover {
            background: var(--shashi-gold) !important;
            color: var(--shashi-navy) !important;
        }

        /* ------ HEADINGS IN CONTENT ------ */

        .entry-content h2 {
            font-family: var(--shashi-font-display) !important;
            font-size: clamp(1.75rem, 3vw, 2.5rem) !important;
            color: var(--shashi-navy) !important;
            font-weight: 700 !important;
            letter-spacing: -0.02em !important;
            margin-bottom: 1rem !important;
        }

        .entry-content h3 {
            font-family: var(--shashi-font-display) !important;
            font-size: clamp(1.25rem, 2vw, 1.75rem) !important;
            color: var(--shashi-navy) !important;
            font-weight: 600 !important;
        }

        /* Hero headings */

        .wp-block-cover__inner-container h1,
        .wp-block-cover__inner-container h2 {
            font-family: var(--shashi-font-display) !important;
            font-size: clamp(2.5rem, 5vw, 4.5rem) !important;
            font-weight: 700 !important;
            color: var(--shashi-white) !important;
            line-height: 1.1 !important;
            letter-spacing: -0.03em !important;
        }

        /* Page titles */

        .entry-title,
        .page-title {
            font-family: var(--shashi-font-display) !important;
            font-size: clamp(1.8rem, 3vw, 2.75rem) !important;
            font-weight: 700 !important;
            color: var(--shashi-navy) !important;
            letter-spacing: -0.02em !important;
        }

        /* ------ CARDS & COLUMNS ------ */

        .wp-block-columns .wp-block-column {
            transition: transform var(--shashi-transition-base), box-shadow var(--shashi-transition-base);
        }

        .wp-block-columns .wp-block-column:hover {
            transform: translateY(-4px);
            box-shadow: var(--shashi-shadow-lg);
        }

        .wp-block-image img {
            border-radius: var(--shashi-radius-lg);
            transition: transform var(--shashi-transition-slow);
        }

        .wp-block-image:hover img {
            transform: scale(1.02);
        }

        /* ------ FORMS ------ */

        .wpcf7-form input[type="text"],
        .wpcf7-form input[type="email"],
        .wpcf7-form input[type="tel"],
        .wpcf7-form select,
        .wpcf7-form textarea,
        input[type="text"],
        input[type="email"],
        input[type="tel"],
        input[type="number"],
        select,
        textarea {
            font-family: var(--shashi-font-body) !important;
            font-size: 0.9rem !important;
            color: var(--shashi-dark-gray) !important;
            background: var(--shashi-white) !important;
            border: 1.5px solid rgba(10, 22, 40, 0.15) !important;
            border-radius: var(--shashi-radius-md) !important;
            padding: 0.75rem 1rem !important;
            width: 100% !important;
            transition: all var(--shashi-transition-fast) !important;
            outline: none !important;
            box-shadow: var(--shashi-shadow-sm) !important;
        }

        input[type="text"]:focus,
        input[type="email"]:focus,
        input[type="tel"]:focus,
        select:focus,
        textarea:focus,
        .wpcf7-form input:focus,
        .wpcf7-form textarea:focus {
            border-color: var(--shashi-gold) !important;
            box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.15) !important;
        }

        /* ------ FOOTER ------ */

        .site-footer,
        #colophon,
        .ast-site-footer {
            background: var(--shashi-navy) !important;
            color: rgba(255, 255, 255, 0.75) !important;
            border-top: 3px solid var(--shashi-gold) !important;
        }

        .site-footer a,
        #colophon a {
            color: rgba(255, 255, 255, 0.7) !important;
            text-decoration: none !important;
            transition: color var(--shashi-transition-fast) !important;
        }

        .site-footer a:hover,
        #colophon a:hover {
            color: var(--shashi-gold) !important;
        }

        .site-footer h4,
        .site-footer h5,
        #colophon h4,
        #colophon h5,
        .widget-title {
            color: var(--shashi-white) !important;
            font-family: var(--shashi-font-display) !important;
            font-size: 1rem !important;
            font-weight: 600 !important;
            letter-spacing: 0.05em !important;
            text-transform: uppercase !important;
            margin-bottom: 1.25rem !important;
            padding-bottom: 0.75rem !important;
            border-bottom: 1px solid rgba(95, 168, 60, 0.25) !important;
        }

        .ast-footer-copyright {
            background: rgba(0, 0, 0, 0.3) !important;
            color: rgba(255, 255, 255, 0.5) !important;
            font-size: 0.8rem !important;
            padding: 1rem 0 !important;
            text-align: center !important;
        }

        /* ------ BREADCRUMBS ------ */

        .ast-breadcrumbs {
            font-size: 0.8rem !important;
            color: var(--shashi-gray) !important;
            padding: 0.75rem 0 !important;
        }

        .ast-breadcrumbs a {
            color: var(--shashi-gold) !important;
        }

        .ast-breadcrumbs a:hover {
            color: var(--shashi-gold-dark) !important;
        }

        /* ------ WHATSAPP FAB ------ */

        .shashi-whatsapp-fab {
            position: fixed;
            bottom: 2rem;
            right: 2rem;
            width: 60px;
            height: 60px;
            background: #25D366;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 8px 32px rgba(37, 211, 102, 0.4);
            cursor: pointer;
            z-index: 9999;
            text-decoration: none !important;
            transition: all var(--shashi-transition-base);
            animation: shashi-pulse 2.5s infinite;
        }

        .shashi-whatsapp-fab:hover {
            transform: scale(1.1) translateY(-4px);
            box-shadow: 0 16px 48px rgba(37, 211, 102, 0.5);
        }

        .shashi-whatsapp-fab svg {
            width: 32px;
            height: 32px;
            fill: white;
        }

        .shashi-wa-tooltip {
            position: absolute;
            right: 72px;
            background: var(--shashi-navy);
            color: var(--shashi-white);
            font-size: 0.75rem;
            font-weight: 600;
            white-space: nowrap;
            padding: 0.5rem 1rem;
            border-radius: var(--shashi-radius-full);
            opacity: 0;
            pointer-events: none;
            transition: opacity var(--shashi-transition-fast);
        }

        .shashi-whatsapp-fab:hover .shashi-wa-tooltip {
            opacity: 1;
        }

        @keyframes shashi-pulse {
            0%,
            100% {
                box-shadow: 0 8px 32px rgba(37, 211, 102, 0.4);
            }
            50% {
                box-shadow: 0 8px 48px rgba(37, 211, 102, 0.7), 0 0 0 8px rgba(37, 211, 102, 0.1);
            }
        }

        /* ------ BACK TO TOP ------ */

        #shashi-back-top {
            position: fixed;
            bottom: 6.5rem;
            right: 2.1rem;
            width: 44px;
            height: 44px;
            background: var(--shashi-navy);
            border: 2px solid rgba(201, 168, 76, 0.4);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 9998;
            opacity: 0;
            transform: translateY(20px);
            transition: all var(--shashi-transition-base);
            text-decoration: none !important;
            color: var(--shashi-gold) !important;
            font-size: 1.2rem;
        }

        #shashi-back-top.visible {
            opacity: 1;
            transform: translateY(0);
        }

        #shashi-back-top:hover {
            background: var(--shashi-gold);
            color: var(--shashi-navy) !important;
            border-color: var(--shashi-gold);
        }

        /* ------ SCROLL REVEAL ------ */

        .shashi-reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.7s ease, transform 0.7s ease;
        }

        .shashi-reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* ------ GOLD DIVIDER ------ */

        .shashi-divider {
            width: 60px;
            height: 3px;
            background: var(--shashi-gradient-gold);
            border-radius: 2px;
            margin: 1rem 0 1.5rem;
            display: block;
        }

        /* ------ STAT ITEMS ------ */

        .stat-number {
            font-family: var(--shashi-font-display);
            font-size: 3rem;
            font-weight: 700;
            color: var(--shashi-gold);
            line-height: 1;
            display: block;
        }

        .stat-label {
            font-size: 0.875rem;
            color: rgba(255, 255, 255, 0.7);
            text-transform: uppercase;
            letter-spacing: 0.08em;
            display: block;
        }

        /* ------ TESTIMONIAL CARDS ------ */

        .testimonial-card {
            background: var(--shashi-white);
            border-radius: var(--shashi-radius-xl);
            padding: 2rem;
            box-shadow: var(--shashi-shadow-md);
            border-left: 4px solid var(--shashi-gold);
            position: relative;
        }

        /* ------ PRODUCT / SERVICE CARDS ------ */

        .product-card,
        .service-card,
        .feature-card {
            background: var(--shashi-white);
            border-radius: var(--shashi-radius-lg);
            padding: 1.5rem;
            box-shadow: var(--shashi-shadow-sm);
            border: 1px solid rgba(10, 22, 40, 0.06);
            transition: all var(--shashi-transition-base);
        }

        .product-card:hover,
        .service-card:hover,
        .feature-card:hover {
            box-shadow: var(--shashi-shadow-md);
            border-color: rgba(95, 168, 60, 0.25);
            transform: translateY(-4px);
        }

        /* ------ RESPONSIVE ------ */

        @media (max-width: 768px) {
            .shashi-whatsapp-fab {
                bottom: 1.25rem;
                right: 1.25rem;
                width: 54px;
                height: 54px;
            }
            #shashi-back-top {
                bottom: 5.5rem;
                right: 1.4rem;
            }
            h1 {
                font-size: 2rem !important;
            }
            h2 {
                font-size: 1.5rem !important;
            }
            h3 {
                font-size: 1.25rem !important;
            }
            .wp-block-button__link,
            .ast-button,
            input[type="submit"],
            button[type="submit"] {
                padding: 0.75rem 1.5rem !important;
                font-size: 0.8rem !important;
            }
        }

        @media print {
            .shashi-whatsapp-fab,
            #shashi-back-top {
                display: none !important;
            }
        }

        /* ═══════════════════════════════════════════════════════════
   ADVANCED CRO — Sticky Bar, Page Enhancements & Animations
   ═══════════════════════════════════════════════════════════ */

        /* ── Sticky Top Contact Bar ────────────────────────────────── */

        #shashi-top-bar {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 2rem;
            background: var(--shashi-navy);
            color: rgba(255, 255, 255, 0.9);
            font-family: var(--shashi-font-body);
            font-size: 0.78rem;
            font-weight: 500;
            letter-spacing: 0.03em;
            padding: 0.45rem 1.5rem;
            position: relative;
            z-index: 9998;
            border-bottom: 1px solid rgba(201, 168, 76, 0.2);
        }

        #shashi-top-bar a {
            color: var(--shashi-gold);
            text-decoration: none;
            transition: color var(--shashi-transition-base);
        }

        #shashi-top-bar a:hover {
            color: var(--shashi-gold-light);
        }

        #shashi-top-bar .shashi-top-bar-sep {
            color: rgba(255, 255, 255, 0.25);
        }

        @media (max-width: 600px) {
            #shashi-top-bar {
                flex-direction: column;
                gap: 0.3rem;
                padding: 0.5rem 1rem;
                font-size: 0.72rem;
            }
            #shashi-top-bar .shashi-top-bar-sep {
                display: none;
            }
        }

        /* ── Back to Top Button ─────────────────────────────────────── */

        #shashi-back-top {
            position: fixed;
            bottom: 5.5rem;
            right: 1.5rem;
            width: 44px;
            height: 44px;
            background: var(--shashi-gradient-primary);
            border: 1px solid rgba(201, 168, 76, 0.4);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--shashi-gold) !important;
            font-size: 1.4rem;
            line-height: 1;
            text-decoration: none;
            opacity: 0;
            transform: translateY(12px);
            transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
            pointer-events: none;
            z-index: 9996;
            box-shadow: var(--shashi-shadow-gold);
        }

        #shashi-back-top.visible {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }

        #shashi-back-top:hover {
            background: var(--shashi-gradient-gold);
            color: var(--shashi-navy) !important;
            box-shadow: 0 8px 24px rgba(201, 168, 76, 0.45);
            transform: translateY(-3px);
        }

        /* ── Hero Section Enhancements ───────────────────────────────── */

        .shashi-hero-stats {
            display: flex;
            gap: 2rem;
            flex-wrap: wrap;
            margin-top: 2rem;
        }

        .shashi-stat-item {
            text-align: center;
        }

        .shashi-stat-number {
            display: block;
            font-family: var(--shashi-font-display);
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--shashi-gold);
            line-height: 1;
        }

        .shashi-stat-label {
            display: block;
            font-size: 0.78rem;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: rgba(255, 255, 255, 0.7);
            margin-top: 0.3rem;
        }

        /* ── Product Grid & Cards ────────────────────────────────────── */

        .shashi-products-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 1.75rem;
            padding: 2rem 0;
        }

        .shashi-product-card {
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 2px 16px rgba(15, 61, 38, 0.08);
            transition: transform var(--shashi-transition-base), box-shadow var(--shashi-transition-base);
            position: relative;
        }

        .shashi-product-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 12px 40px rgba(10, 22, 40, 0.16);
        }

        .shashi-product-card .shashi-card-badge {
            position: absolute;
            top: 1rem;
            left: 1rem;
            background: var(--shashi-gradient-gold);
            color: var(--shashi-navy);
            font-size: 0.7rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            padding: 0.25rem 0.65rem;
            border-radius: 20px;
            z-index: 2;
        }

        .shashi-product-card img,
        .shashi-product-card .shashi-card-image {
            width: 100%;
            height: 220px;
            object-fit: cover;
            display: block;
        }

        .shashi-product-card .shashi-card-body {
            padding: 1.25rem 1.5rem 1.5rem;
        }

        .shashi-product-card .shashi-card-title {
            font-family: var(--shashi-font-display);
            font-size: 1.1rem;
            font-weight: 600;
            color: var(--shashi-navy);
            margin: 0 0 0.5rem;
            line-height: 1.3;
        }

        .shashi-product-card .shashi-card-desc {
            font-size: 0.875rem;
            color: #5a6a7e;
            line-height: 1.6;
            margin: 0 0 1rem;
        }

        .shashi-product-card .shashi-card-cta {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            font-size: 0.85rem;
            font-weight: 600;
            color: var(--shashi-gold-dark);
            text-decoration: none;
            transition: gap var(--shashi-transition-base), color var(--shashi-transition-base);
        }

        .shashi-product-card .shashi-card-cta:hover {
            gap: 0.7rem;
            color: var(--shashi-gold);
        }

        /* ── Testimonial Cards ───────────────────────────────────────── */

        .shashi-testimonials-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 1.5rem;
        }

        .shashi-testimonial-card {
            background: linear-gradient(135deg, rgba(10, 22, 40, 0.03) 0%, rgba(255, 255, 255, 1) 100%);
            border: 1px solid rgba(15, 61, 38, 0.08);
            border-radius: 12px;
            padding: 2rem;
            position: relative;
            transition: transform var(--shashi-transition-base), box-shadow var(--shashi-transition-base);
        }

        .shashi-testimonial-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 32px rgba(15, 61, 38, 0.12);
        }

        .shashi-testimonial-card::before {
            content: '\201C';
            position: absolute;
            top: 1rem;
            right: 1.5rem;
            font-family: var(--shashi-font-display);
            font-size: 4rem;
            line-height: 1;
            color: var(--shashi-gold);
            opacity: 0.3;
        }

        .shashi-testimonial-stars {
            color: var(--shashi-gold);
            font-size: 1rem;
            letter-spacing: 0.1em;
            margin-bottom: 0.75rem;
        }

        .shashi-testimonial-text {
            font-size: 0.925rem;
            line-height: 1.75;
            color: #3d4f63;
            font-style: italic;
            margin-bottom: 1.25rem;
        }

        .shashi-testimonial-author {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .shashi-testimonial-avatar {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: var(--shashi-gradient-primary);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--shashi-gold);
            font-weight: 700;
            font-size: 1rem;
            flex-shrink: 0;
        }

        .shashi-testimonial-name {
            font-weight: 600;
            color: var(--shashi-navy);
            font-size: 0.9rem;
        }

        .shashi-testimonial-company {
            font-size: 0.78rem;
            color: #7a8fa6;
        }

        /* ── RFQ / Inquiry Section ───────────────────────────────────── */

        .shashi-rfq-section {
            background: var(--shashi-gradient-primary);
            border-radius: 16px;
            padding: 3rem 2.5rem;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .shashi-rfq-section::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -10%;
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(201, 168, 76, 0.12) 0%, transparent 70%);
            pointer-events: none;
        }

        .shashi-rfq-section h2 {
            color: #fff !important;
            margin-bottom: 0.75rem;
        }

        .shashi-rfq-section p {
            color: rgba(255, 255, 255, 0.8);
            margin-bottom: 2rem;
            font-size: 1.05rem;
        }

        .shashi-rfq-buttons {
            display: flex;
            gap: 1rem;
            justify-content: center;
            flex-wrap: wrap;
        }

        /* ── FAQ Accordion ───────────────────────────────────────────── */

        .shashi-faq-item {
            border: 1px solid rgba(10, 22, 40, 0.1);
            border-radius: 10px;
            margin-bottom: 0.75rem;
            overflow: hidden;
            transition: box-shadow var(--shashi-transition-base);
        }

        .shashi-faq-item.active {
            box-shadow: 0 4px 20px rgba(10, 22, 40, 0.1);
        }

        .shashi-faq-question {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1.25rem 1.5rem;
            cursor: pointer;
            font-weight: 600;
            color: var(--shashi-navy);
            font-size: 0.95rem;
            transition: background var(--shashi-transition-base);
        }

        .shashi-faq-question:hover {
            background: rgba(10, 22, 40, 0.03);
        }

        .shashi-faq-item.active .shashi-faq-question {
            background: rgba(10, 22, 40, 0.04);
        }

        .shashi-faq-icon {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background: var(--shashi-gradient-gold);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
            font-weight: 700;
            color: var(--shashi-navy);
            flex-shrink: 0;
            transition: transform var(--shashi-transition-base);
        }

        .shashi-faq-item.active .shashi-faq-icon {
            transform: rotate(45deg);
        }

        .shashi-faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease;
            padding: 0 1.5rem;
            color: #4a5e72;
            font-size: 0.9rem;
            line-height: 1.75;
        }

        .shashi-faq-item.active .shashi-faq-answer {
            max-height: 500px;
            padding: 0 1.5rem 1.25rem;
        }

        /* ── Country Flags / Export Destinations ─────────────────────── */

        .shashi-countries-row {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem 0.75rem;
            align-items: center;
        }

        .shashi-country-chip {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            background: rgba(10, 22, 40, 0.05);
            border: 1px solid rgba(10, 22, 40, 0.1);
            border-radius: 20px;
            padding: 0.3rem 0.85rem;
            font-size: 0.78rem;
            font-weight: 500;
            color: var(--shashi-navy);
            transition: background var(--shashi-transition-base), border-color var(--shashi-transition-base);
        }

        .shashi-country-chip:hover {
            background: rgba(201, 168, 76, 0.1);
            border-color: var(--shashi-gold);
        }

        /* ── Section Headings Premium Style ─────────────────────────── */

        .shashi-section-label {
            display: inline-block;
            font-family: var(--shashi-font-body);
            font-size: 0.72rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.18em;
            color: var(--shashi-gold);
            margin-bottom: 0.75rem;
            position: relative;
            padding-left: 1.5rem;
        }

        .shashi-section-label::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 1rem;
            height: 2px;
            background: var(--shashi-gold);
        }

        /* ── Stats Counter Bar ───────────────────────────────────────── */

        .shashi-stats-bar {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1px;
            background: rgba(15, 61, 38, 0.08);
            border-radius: 12px;
            overflow: hidden;
        }

        .shashi-stats-bar .shashi-stat-cell {
            background: #fff;
            padding: 1.75rem 1.5rem;
            text-align: center;
        }

        .shashi-stats-bar .shashi-stat-cell:first-child {
            border-radius: 12px 0 0 12px;
        }

        .shashi-stats-bar .shashi-stat-cell:last-child {
            border-radius: 0 12px 12px 0;
        }

        .shashi-stats-bar .shashi-stat-n {
            display: block;
            font-family: var(--shashi-font-display);
            font-size: 2.25rem;
            font-weight: 700;
            color: var(--shashi-navy);
            line-height: 1;
        }

        .shashi-stats-bar .shashi-stat-n span {
            color: var(--shashi-gold);
        }

        .shashi-stats-bar .shashi-stat-l {
            display: block;
            font-size: 0.78rem;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: #7a8fa6;
            margin-top: 0.4rem;
        }

        @media (max-width: 768px) {
            .shashi-stats-bar {
                grid-template-columns: repeat(2, 1fr);
            }
            .shashi-stats-bar .shashi-stat-cell:first-child {
                border-radius: 12px 0 0 0;
            }
            .shashi-stats-bar .shashi-stat-cell:last-child {
                border-radius: 0 0 12px 0;
            }
            .shashi-stats-bar .shashi-stat-cell:nth-child(3) {
                border-radius: 0 0 0 12px;
            }
        }

        @media (max-width: 480px) {
            .shashi-stats-bar {
                grid-template-columns: 1fr 1fr;
            }
        }

        /* ── Enhanced Trust Bar ──────────────────────────────────────── */

        #shashi-trust-bar {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 0;
            background: var(--shashi-gradient-gold);
            padding: 0.6rem 1.5rem;
            position: relative;
            z-index: 9997;
        }

        .shashi-trust-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            font-family: var(--shashi-font-body);
            font-size: 0.75rem;
            font-weight: 600;
            color: var(--shashi-navy);
            text-transform: uppercase;
            letter-spacing: 0.06em;
            padding: 0.15rem 1rem;
            position: relative;
        }

        .shashi-trust-badge+.shashi-trust-badge::before {
            content: '|';
            position: absolute;
            left: 0;
            color: rgba(10, 22, 40, 0.25);
        }

        .shashi-trust-icon {
            font-size: 0.9rem;
        }

        @media (max-width: 640px) {
            #shashi-trust-bar {
                gap: 0.1rem;
            }
            .shashi-trust-badge {
                font-size: 0.68rem;
                padding: 0.15rem 0.5rem;
            }
        }

        /* ── Announcement Banner ─────────────────────────────────────── */

        .shashi-announcement-banner {
            background: linear-gradient(90deg, var(--shashi-navy) 0%, #1a2f5a 50%, var(--shashi-navy) 100%);
            color: rgba(255, 255, 255, 0.92);
            text-align: center;
            padding: 0.6rem 3rem;
            font-size: 0.82rem;
            font-weight: 500;
            position: relative;
            letter-spacing: 0.02em;
        }

        .shashi-announcement-banner strong {
            color: var(--shashi-gold);
        }

        .shashi-announcement-banner a {
            color: var(--shashi-gold-light);
            text-decoration: underline;
            margin-left: 0.5rem;
        }

        .shashi-announcement-close {
            position: absolute;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%);
            background: none;
            border: none;
            color: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            font-size: 1.1rem;
            line-height: 1;
            padding: 0.25rem;
            transition: color 0.2s;
        }

        .shashi-announcement-close:hover {
            color: #fff;
        }

        /* ── Page-Specific: Contact Page ─────────────────────────────── */

        .page-template-page-contact .shashi-contact-grid,
        .contact-template .shashi-contact-grid {
            display: grid;
            grid-template-columns: 1fr 1.5fr;
            gap: 3rem;
            align-items: start;
        }

        .shashi-contact-info-card {
            background: var(--shashi-gradient-primary);
            border-radius: 16px;
            padding: 2.5rem;
            color: #fff;
        }

        .shashi-contact-info-card h3 {
            color: var(--shashi-gold) !important;
            font-family: var(--shashi-font-display);
            font-size: 1.4rem;
            margin-bottom: 1.5rem;
        }

        .shashi-contact-item {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            margin-bottom: 1.25rem;
        }

        .shashi-contact-item-icon {
            width: 36px;
            height: 36px;
            border-radius: 8px;
            background: rgba(201, 168, 76, 0.15);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
            flex-shrink: 0;
        }

        .shashi-contact-item-text a {
            color: rgba(255, 255, 255, 0.9);
            text-decoration: none;
        }

        .shashi-contact-item-text a:hover {
            color: var(--shashi-gold);
        }

        /* ── Page-Specific: About Page ───────────────────────────────── */

        .shashi-timeline {
            position: relative;
            padding-left: 2rem;
        }

        .shashi-timeline::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 2px;
            background: linear-gradient(to bottom, var(--shashi-gold), transparent);
        }

        .shashi-timeline-item {
            position: relative;
            padding-bottom: 2rem;
            padding-left: 1.5rem;
        }

        .shashi-timeline-item::before {
            content: '';
            position: absolute;
            left: -2rem;
            top: 0.3rem;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: var(--shashi-gold);
            border: 2px solid #fff;
            box-shadow: 0 0 0 3px rgba(95, 168, 60, 0.25);
        }

        .shashi-timeline-year {
            font-family: var(--shashi-font-display);
            font-size: 0.85rem;
            font-weight: 700;
            color: var(--shashi-gold);
            text-transform: uppercase;
            letter-spacing: 0.1em;
            margin-bottom: 0.25rem;
        }

        .shashi-timeline-content {
            font-size: 0.9rem;
            color: #4a5e72;
            line-height: 1.65;
        }

        /* ── Certifications Section ──────────────────────────────────── */

        .shashi-certs-row {
            display: flex;
            flex-wrap: wrap;
            gap: 1.5rem;
            align-items: center;
            justify-content: center;
            padding: 2rem 0;
        }

        .shashi-cert-badge {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.5rem;
            padding: 1.5rem;
            background: #fff;
            border: 1px solid rgba(15, 61, 38, 0.08);
            border-radius: 12px;
            min-width: 120px;
            box-shadow: 0 2px 12px rgba(10, 22, 40, 0.06);
            transition: transform var(--shashi-transition-base), box-shadow var(--shashi-transition-base);
        }

        .shashi-cert-badge:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(15, 61, 38, 0.12);
        }

        .shashi-cert-badge-icon {
            font-size: 2rem;
            color: var(--shashi-gold);
        }

        .shashi-cert-badge-label {
            font-size: 0.72rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            color: var(--shashi-navy);
            text-align: center;
        }

        /* ── Mobile Global Fixes ─────────────────────────────────────── */

        @media (max-width: 768px) {
            .shashi-products-grid {
                grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
                gap: 1.25rem;
            }
            .shashi-testimonials-grid {
                grid-template-columns: 1fr;
            }
            .shashi-rfq-section {
                padding: 2rem 1.5rem;
            }
            .shashi-rfq-buttons {
                flex-direction: column;
                align-items: stretch;
            }
            .shashi-contact-grid {
                grid-template-columns: 1fr !important;
            }
            #shashi-back-top {
                bottom: 5rem;
                right: 1rem;
                width: 40px;
                height: 40px;
            }
            #shashi-whatsapp-fab {
                bottom: 1rem;
                right: 1rem;
                width: 52px;
                height: 52px;
            }
        }

        /* ── Scroll Reveal Animations ────────────────────────────────── */

        .shashi-reveal {
            opacity: 0;
            transform: translateY(24px);
            transition: opacity 0.65s cubic-bezier(0.4, 0, 0.2, 1), transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .shashi-reveal.shashi-revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .shashi-reveal:nth-child(2) {
            transition-delay: 0.1s;
        }

        .shashi-reveal:nth-child(3) {
            transition-delay: 0.2s;
        }

        .shashi-reveal:nth-child(4) {
            transition-delay: 0.3s;
        }

        .shashi-reveal:nth-child(5) {
            transition-delay: 0.4s;
        }

        .shashi-reveal:nth-child(6) {
            transition-delay: 0.5s;
        }

        /* ── Premium Image Overlay Treatment ────────────────────────── */

        .shashi-img-overlay {
            position: relative;
            overflow: hidden;
            border-radius: 12px;
        }

        .shashi-img-overlay img {
            width: 100%;
            display: block;
            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .shashi-img-overlay:hover img {
            transform: scale(1.04);
        }

        .shashi-img-overlay::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, transparent 40%, rgba(10, 22, 40, 0.55) 100%);
            pointer-events: none;
        }

        /* ── WhatsApp FAB Pulse ──────────────────────────────────────── */

        @keyframes shashi-pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
            }
            70% {
                box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
            }
        }

        #shashi-whatsapp-fab.shashi-fab-pulse {
            animation: shashi-pulse 2.5s infinite;
        }

        /* ── Premium Loading Shimmer ─────────────────────────────────── */

        @keyframes shashi-shimmer {
            0% {
                background-position: -200% 0;
            }
            100% {
                background-position: 200% 0;
            }
        }

        .shashi-skeleton {
            background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
            background-size: 200% 100%;
            animation: shashi-shimmer 1.5s infinite;
            border-radius: 6px;
        }

        /* =====================================================
   TOP CONTACT BAR — Sub-elements
   ===================================================== */

        #shashi-top-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: var(--shashi-navy, #0A1628);
            color: #b0b8cc;
            font-size: 12px;
            font-family: var(--shashi-font-body, 'Inter', sans-serif);
            padding: 6px 32px;
            position: relative;
            z-index: 10001;
            border-bottom: 1px solid rgba(201, 168, 76, 0.15);
        }

        .shashi-top-bar-left,
        .shashi-top-bar-right {
            display: flex;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
        }

        #shashi-top-bar a {
            color: #b0b8cc;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 5px;
            transition: color 0.25s ease;
        }

        #shashi-top-bar a:hover {
            color: var(--shashi-gold, #C9A84C);
        }

        #shashi-top-bar svg {
            flex-shrink: 0;
            opacity: 0.75;
        }

        .shashi-top-bar-cta {
            background: linear-gradient(135deg, var(--shashi-gold, #C9A84C), var(--shashi-gold-light, #E8C97A)) !important;
            color: var(--shashi-navy, #0A1628) !important;
            padding: 4px 14px !important;
            border-radius: 4px !important;
            font-weight: 700 !important;
            font-size: 11px !important;
            letter-spacing: 0.5px !important;
            text-transform: uppercase !important;
            transition: opacity 0.25s ease !important;
        }

        .shashi-top-bar-cta:hover {
            opacity: 0.88 !important;
        }

        /* =====================================================
   ANNOUNCEMENT BANNER — Enhanced
   ===================================================== */

        #shashi-announcement-banner {
            background: linear-gradient(135deg, #0A1628 0%, #0F2147 60%, #1a3068 100%);
            color: #e8e8f0;
            text-align: center;
            padding: 10px 60px 10px 24px;
            font-family: var(--shashi-font-body, 'Inter', sans-serif);
            font-size: 14px;
            line-height: 1.5;
            position: relative;
            z-index: 10002;
            max-height: 80px;
            overflow: hidden;
            transition: max-height 0.4s ease, padding 0.4s ease;
        }

        #shashi-announcement-banner p {
            margin: 0;
        }

        .shashi-banner-close {
            position: absolute;
            right: 16px;
            top: 50%;
            transform: translateY(-50%);
            background: none;
            border: none;
            color: #b0b8cc;
            font-size: 20px;
            cursor: pointer;
            padding: 4px 8px;
            line-height: 1;
            transition: color 0.2s;
        }

        .shashi-banner-close:hover {
            color: var(--shashi-gold, #C9A84C);
        }

        /* =====================================================
   STICKY PRODUCT CTA BAR
   ===================================================== */

        #shashi-sticky-product-cta {
            font-family: var(--shashi-font-body, 'Inter', sans-serif) !important;
        }

        #shashi-sticky-product-cta a {
            font-family: var(--shashi-font-body, 'Inter', sans-serif) !important;
        }

        /* =====================================================
   HEADER SCROLL EFFECT
   ===================================================== */

        .shashi-scrolled {
            box-shadow: 0 2px 24px rgba(15, 61, 38, 0.18) !important;
            background: rgba(10, 22, 40, 0.97) !important;
            backdrop-filter: blur(8px) !important;
        }

        .site-header,
        #masthead,
        .ast-header-wrap {
            transition: background 0.35s ease, box-shadow 0.35s ease !important;
        }

        /* =====================================================
   MOBILE ENHANCEMENTS
   ===================================================== */

        body.shashi-menu-open {
            overflow: hidden;
        }

        @media(max-width:768px) {
            #shashi-top-bar {
                flex-direction: column;
                gap: 6px;
                padding: 8px 16px;
                text-align: center;
            }
            .shashi-top-bar-right .shashi-top-bar-cta {
                display: none;
            }
            #shashi-announcement-banner {
                font-size: 12px;
                padding: 8px 50px 8px 16px;
            }
        }

        /* =====================================================
   PRODUCT GRID — enhanced cards
   ===================================================== */

        .shashi-product-card:focus-within,
        .shashi-product-card:hover {
            outline: 2px solid var(--shashi-gold, #C9A84C);
            outline-offset: -2px;
        }

        .shashi-product-card img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .shashi-product-card:hover img {
            transform: scale(1.04);
        }

        /* =====================================================
   ABOUT PAGE IMPROVEMENTS
   ===================================================== */

        .shashi-mission-vision {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 32px;
            margin: 48px 0;
        }

        .shashi-mv-card {
            background: linear-gradient(135deg, var(--shashi-navy, #0A1628), var(--shashi-navy-light, #0F2147));
            color: #fff;
            padding: 40px 32px;
            border-radius: 16px;
            border-left: 4px solid var(--shashi-gold, #C9A84C);
        }

        .shashi-mv-card h3 {
            color: var(--shashi-gold, #C9A84C);
            font-family: var(--shashi-font-display, 'Playfair Display', serif);
            font-size: 1.5rem;
            margin-bottom: 16px;
        }

        @media(max-width:768px) {
            .shashi-mission-vision {
                grid-template-columns: 1fr;
            }
        }

        /* =====================================================
   BLOG PAGE IMPROVEMENTS
   ===================================================== */

        .blog .entry-thumbnail img,
        .archive .entry-thumbnail img {
            width: 100%;
            height: 240px;
            object-fit: cover;
            border-radius: 12px 12px 0 0;
            transition: transform 0.4s ease;
        }

        .blog article:hover .entry-thumbnail img,
        .archive article:hover .entry-thumbnail img {
            transform: scale(1.03);
        }

        .blog article,
        .archive article {
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 24px rgba(15, 61, 38, 0.08);
            transition: transform 0.35s ease, box-shadow 0.35s ease;
            margin-bottom: 32px;
        }

        .blog article:hover,
        .archive article:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 40px rgba(10, 22, 40, 0.15);
        }

        /* =====================================================
   CONTACT PAGE IMPROVEMENTS
   ===================================================== */

        .page-template-contact .wpcf7-submit,
        .contact-page .wpcf7-submit,
        input[type="submit"].wpcf7-submit {
            background: linear-gradient(135deg, var(--shashi-gold, #C9A84C), var(--shashi-gold-light, #E8C97A)) !important;
            color: var(--shashi-navy, #0A1628) !important;
            font-weight: 700 !important;
            padding: 14px 40px !important;
            border: none !important;
            border-radius: 8px !important;
            font-size: 15px !important;
            cursor: pointer !important;
            transition: transform 0.25s ease, box-shadow 0.25s ease !important;
            letter-spacing: 0.5px !important;
            text-transform: uppercase !important;
        }

        input[type="submit"].wpcf7-submit:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 8px 24px rgba(201, 168, 76, 0.35) !important;
        }

        /* =====================================================
   FOOTER ENHANCEMENTS
   ===================================================== */

        .site-footer,
        #colophon,
        footer.footer {
            background: var(--shashi-navy, #0A1628) !important;
            color: #8a94ab !important;
            padding: 60px 0 0 !important;
        }

        .site-footer a,
        #colophon a {
            color: #b0b8cc !important;
            transition: color 0.25s ease !important;
        }

        .site-footer a:hover,
        #colophon a:hover {
            color: var(--shashi-gold, #C9A84C) !important;
        }

        .ast-footer-overlay {
            background: none !important;
        }

        .site-footer .ast-footer-copyright {
            border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
            margin-top: 40px !important;
            padding: 20px 0 !important;
            color: #666d7e !important;
            font-size: 13px !important;
            text-align: center !important;
        }

        /* =====================================================
   UTILITY — Selection color
   ===================================================== */

        ::selection {
            background: var(--shashi-gold, #C9A84C);
            color: var(--shashi-navy, #0A1628);
        }

        ::-webkit-scrollbar {
            width: 6px;
        }

        ::-webkit-scrollbar-track {
            background: #0A1628;
        }

        ::-webkit-scrollbar-thumb {
            background: var(--shashi-gold, #C9A84C);
            border-radius: 3px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: var(--shashi-gold-light, #E8C97A);
        }

        /* =====================================================
   THEME-SPECIFIC OVERRIDES — Matching actual classes
   ===================================================== */

        /* Product Cards (.product-card — theme native class) */

        .product-card {
            border-radius: 16px !important;
            overflow: hidden !important;
            box-shadow: 0 4px 24px rgba(15, 61, 38, 0.08) !important;
            transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
            background: #fff !important;
            position: relative !important;
        }

        .product-card:hover {
            transform: translateY(-6px) !important;
            box-shadow: 0 16px 48px rgba(10, 22, 40, 0.15), 0 4px 12px rgba(201, 168, 76, 0.12) !important;
        }

        .product-card img {
            width: 100% !important;
            height: 220px !important;
            object-fit: cover !important;
            transition: transform 0.5s ease !important;
        }

        .product-card:hover img {
            transform: scale(1.05) !important;
        }

        .product-card a,
        .product-card h3,
        .product-card h4 {
            font-family: var(--shashi-font-body, 'Inter', sans-serif) !important;
        }

        .product-card h3,
        .product-card h4 {
            color: var(--shashi-navy, #0A1628) !important;
            font-weight: 600 !important;
        }

        /* Quote CTA appended to cards */

        .shashi-card-cta {
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            color: var(--shashi-gold, #C9A84C) !important;
            font-weight: 600 !important;
            font-size: 13px !important;
            text-decoration: none !important;
            margin-top: 12px !important;
            transition: gap 0.25s ease, opacity 0.25s ease !important;
            font-family: var(--shashi-font-body, 'Inter', sans-serif) !important;
        }

        .shashi-card-cta:hover {
            gap: 10px !important;
            opacity: 0.8 !important;
        }

        /* Counter Animations (.counter-num — theme native class) */

        .counter-num {
            font-family: var(--shashi-font-display, 'Playfair Display', serif) !important;
            font-size: clamp(2rem, 4vw, 3.5rem) !important;
            font-weight: 700 !important;
            color: var(--shashi-gold, #C9A84C) !important;
            line-height: 1 !important;
            display: block !important;
        }

        .counters-grid {
            display: grid !important;
            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
            gap: 32px !important;
            text-align: center !important;
        }

        .counter-item {
            padding: 24px 16px !important;
        }

        .counter-label,
        .counter-item p,
        .counter-item span:not(.counter-num) {
            color: rgba(255, 255, 255, 0.72) !important;
            font-size: 13px !important;
            text-transform: uppercase !important;
            letter-spacing: 1px !important;
            margin-top: 8px !important;
            font-family: var(--shashi-font-body, 'Inter', sans-serif) !important;
        }

        /* Section headings consistent treatment */

        section h2,
        section .section-title {
            font-family: var(--shashi-font-display, 'Playfair Display', serif) !important;
            color: var(--shashi-navy, #0A1628) !important;
            font-size: clamp(1.8rem, 3.5vw, 2.8rem) !important;
            line-height: 1.25 !important;
            font-weight: 700 !important;
        }

        section.section-dark h2,
        section.section-royal h2,
        section.section-dark .section-title,
        section.section-royal .section-title {
            color: #fff !important;
        }

        .section-subtitle,
        section p.subtitle {
            color: #6b7280 !important;
            font-size: 1.05rem !important;
            max-width: 640px !important;
            margin: 0 auto 40px !important;
            font-family: var(--shashi-font-body, 'Inter', sans-serif) !important;
            line-height: 1.65 !important;
        }

        section.section-dark .section-subtitle,
        section.section-royal .section-subtitle {
            color: rgba(255, 255, 255, 0.7) !important;
        }

        /* Reveal animation — shashi-reveal base state */

        .shashi-reveal {
            opacity: 0;
            transform: translateY(28px);
            transition: opacity 0.65s cubic-bezier(0.4, 0, 0.2, 1), transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .shashi-reveal.shashi-revealed {
            opacity: 1 !important;
            transform: none !important;
        }

        /* Stagger reveals by nth-child */

        .shashi-reveal:nth-child(1) {
            transition-delay: 0s;
        }

        .shashi-reveal:nth-child(2) {
            transition-delay: 0.08s;
        }

        .shashi-reveal:nth-child(3) {
            transition-delay: 0.16s;
        }

        .shashi-reveal:nth-child(4) {
            transition-delay: 0.24s;
        }

        .shashi-reveal:nth-child(5) {
            transition-delay: 0.32s;
        }

        .shashi-reveal:nth-child(6) {
            transition-delay: 0.40s;
        }

        /* Service cards if they exist */

        .service-card {
            background: #fff !important;
            border-radius: 16px !important;
            padding: 32px 24px !important;
            box-shadow: 0 4px 24px rgba(15, 61, 38, 0.08) !important;
            transition: transform 0.35s ease, box-shadow 0.35s ease !important;
            border-bottom: 3px solid transparent !important;
        }

        .service-card:hover {
            transform: translateY(-5px) !important;
            box-shadow: 0 12px 40px rgba(10, 22, 40, 0.14) !important;
            border-bottom-color: var(--shashi-gold, #C9A84C) !important;
        }

        /* Process steps */

        .process-step {
            text-align: center !important;
            padding: 24px 16px !important;
            position: relative !important;
        }

        .process-step .step-num,
        .process-step .step-number {
            width: 56px !important;
            height: 56px !important;
            background: linear-gradient(135deg, var(--shashi-gold, #C9A84C), var(--shashi-gold-light, #E8C97A)) !important;
            border-radius: 50% !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            font-weight: 700 !important;
            font-size: 1.2rem !important;
            color: var(--shashi-navy, #0A1628) !important;
            margin: 0 auto 16px !important;
        }

        /* Certification / partner logos */

        .cert-item,
        .partner-logo,
        .certification-badge {
            filter: grayscale(60%) !important;
            opacity: 0.75 !important;
            transition: filter 0.3s ease, opacity 0.3s ease !important;
        }

        .cert-item:hover,
        .partner-logo:hover,
        .certification-badge:hover {
            filter: grayscale(0%) !important;
            opacity: 1 !important;
        }

        /* CTA / RFQ section buttons */

        .cta-btn,
        .rfq-btn,
        [class*="cta-button"],
        button[class*="rfq"] {
            background: linear-gradient(135deg, var(--shashi-gold, #C9A84C), var(--shashi-gold-light, #E8C97A)) !important;
            color: var(--shashi-navy, #0A1628) !important;
            font-weight: 700 !important;
            padding: 14px 36px !important;
            border-radius: 8px !important;
            border: none !important;
            cursor: pointer !important;
            font-size: 15px !important;
            letter-spacing: 0.5px !important;
            transition: transform 0.25s ease, box-shadow 0.25s ease !important;
            font-family: var(--shashi-font-body, 'Inter', sans-serif) !important;
            text-decoration: none !important;
            display: inline-block !important;
        }

        .cta-btn:hover,
        .rfq-btn:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 8px 24px rgba(201, 168, 76, 0.3) !important;
        }

        /* Hero section enhancements */

        #hero {
            position: relative !important;
            overflow: hidden !important;
        }

        .hero-content h1,
        #hero h1 {
            font-family: var(--shashi-font-display, 'Playfair Display', serif) !important;
            font-size: clamp(2.2rem, 5vw, 4rem) !important;
            line-height: 1.18 !important;
            color: #fff !important;
            font-weight: 700 !important;
        }

        .hero-content p,
        #hero .hero-subtitle,
        #hero p {
            color: rgba(255, 255, 255, 0.82) !important;
            font-size: 1.1rem !important;
            line-height: 1.7 !important;
            max-width: 580px !important;
        }

        /* Global Map section */

        #global-map,
        .section-dark {
            background: var(--shashi-gradient-primary, linear-gradient(135deg, #0A1628 0%, #0F2147 100%)) !important;
            color: #fff !important;
        }

        /* Testimonial section */

        #testimonials .testimonial-card,
        .testimonial-card {
            background: #fff !important;
            border-radius: 16px !important;
            padding: 32px 28px !important;
            box-shadow: 0 4px 24px rgba(15, 61, 38, 0.08) !important;
            position: relative !important;
            transition: transform 0.35s ease !important;
        }

        #testimonials .testimonial-card:hover {
            transform: translateY(-4px) !important;
        }

        .testimonial-card::before {
            content: '"' !important;
            font-size: 5rem !important;
            color: var(--shashi-gold, #C9A84C) !important;
            opacity: 0.2 !important;
            position: absolute !important;
            top: -10px !important;
            left: 20px !important;
            font-family: Georgia, serif !important;
            line-height: 1 !important;
        }

        @media(max-width:768px) {
            .counters-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 16px !important;
            }
            .counter-num {
                font-size: 2rem !important;
            }
            #hero h1,
            .hero-content h1 {
                font-size: clamp(1.8rem, 7vw, 2.4rem) !important;
            }
        }

        /* ════════════════════════════════════════════════════════
   SPECIFICITY FIX — Override Astra .container cascade
   Must be LAST in stylesheet so it wins the cascade
════════════════════════════════════════════════════════ */

        body .shashi-reveal,
        html body .shashi-reveal {
            opacity: 0 !important;
            transform: translateY(28px) !important;
            transition: opacity 0.65s cubic-bezier(0.4, 0, 0.2, 1), transform 0.65s cubic-bezier(0.4, 0, 0.2, 1) !important;
            will-change: opacity, transform;
        }

        body .shashi-reveal.shashi-revealed,
        html body .shashi-reveal.shashi-revealed {
            opacity: 1 !important;
            transform: none !important;
        }

        /* Counter/stat items — never hide these */

        body .shashi-stat-number.shashi-reveal,
        body .counter-num.shashi-reveal {
            opacity: 0 !important;
            transform: translateY(16px) !important;
        }

        body .shashi-stat-number.shashi-revealed,
        body .counter-num.shashi-revealed {
            opacity: 1 !important;
            transform: none !important;
        }

        /* ============================================================
   CRITICAL FIXES: WhatsApp FAB + Announcement Banner
   Appended to correct missing/broken styles
   ============================================================ */

        /* --- WhatsApp FAB --- */

        #shashi-wa-fab {
            position: fixed !important;
            bottom: 1.75rem !important;
            right: 1.75rem !important;
            z-index: 99999 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 58px !important;
            height: 58px !important;
            background: #25D366 !important;
            border-radius: 50% !important;
            color: #fff !important;
            text-decoration: none !important;
            box-shadow: 0 4px 20px rgba(37, 211, 102, 0.45) !important;
            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease !important;
            overflow: hidden !important;
        }

        #shashi-wa-fab:hover {
            transform: scale(1.12) !important;
            box-shadow: 0 8px 32px rgba(37, 211, 102, 0.6) !important;
        }

        #shashi-wa-fab svg,
        #shashi-wa-fab img {
            width: 30px !important;
            height: 30px !important;
            fill: #fff !important;
            flex-shrink: 0 !important;
        }

        @keyframes shashi-wa-pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5), 0 4px 20px rgba(37, 211, 102, 0.4);
            }
            70% {
                box-shadow: 0 0 0 14px rgba(37, 211, 102, 0), 0 4px 20px rgba(37, 211, 102, 0.4);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0), 0 4px 20px rgba(37, 211, 102, 0.4);
            }
        }

        #shashi-wa-fab.shashi-pulse {
            animation: shashi-wa-pulse 2.4s infinite !important;
        }

        /* --- Announcement Banner --- */

        #shashi-announcement-banner {
            position: sticky !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            z-index: 10002 !important;
            background: linear-gradient(90deg, #0d2137 0%, #1a3a5c 50%, #0d2137 100%) !important;
            color: #e2e8f0 !important;
            padding: 10px 48px 10px 20px !important;
            text-align: center !important;
            font-size: 0.83rem !important;
            font-family: var(--shashi-font-body, 'Inter', sans-serif) !important;
            letter-spacing: 0.02em !important;
            line-height: 1.4 !important;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25) !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 10px !important;
            box-sizing: border-box !important;
        }

        #shashi-announcement-banner p {
            margin: 0 !important;
            color: #e2e8f0 !important;
        }

        #shashi-announcement-banner a {
            color: #fbbf24 !important;
            font-weight: 600 !important;
            text-decoration: none !important;
            border-bottom: 1px solid rgba(251, 191, 36, 0.4) !important;
            transition: color 0.2s, border-color 0.2s !important;
        }

        #shashi-announcement-banner a:hover {
            color: #f59e0b !important;
            border-color: #f59e0b !important;
        }

        .shashi-announcement-close {
            position: absolute !important;
            right: 14px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            background: transparent !important;
            border: none !important;
            color: #94a3b8 !important;
            font-size: 1.2rem !important;
            line-height: 1 !important;
            cursor: pointer !important;
            padding: 4px 6px !important;
            border-radius: 4px !important;
            transition: color 0.2s, background 0.2s !important;
        }

        .shashi-announcement-close:hover {
            color: #fff !important;
            background: rgba(255, 255, 255, 0.1) !important;
        }

        /* Banner hidden state */

        #shashi-announcement-banner[style*="display:none"],
        #shashi-announcement-banner.banner-hidden {
            display: none !important;
        }

        /* Mobile adjustments */

        @media (max-width: 600px) {
            #shashi-wa-fab {
                bottom: 1.25rem !important;
                right: 1.25rem !important;
                width: 52px !important;
                height: 52px !important;
            }
            #shashi-wa-fab svg,
            #shashi-wa-fab img {
                width: 26px !important;
                height: 26px !important;
            }
            #shashi-announcement-banner {
                font-size: 0.76rem !important;
                padding: 9px 42px 9px 14px !important;
                gap: 6px !important;
            }
        }

        /* ============================================================
   FIX: Banner Close Button (JS uses .shashi-banner-close)
   + Mobile breakpoints 320px & 375px
   ============================================================ */

        /* --- Banner Close Button --- */

        .shashi-banner-close {
            position: absolute !important;
            right: 14px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            background: transparent !important;
            border: none !important;
            color: #94a3b8 !important;
            font-size: 1.2rem !important;
            cursor: pointer !important;
            padding: 4px 6px !important;
            border-radius: 4px !important;
            line-height: 1 !important;
        }

        .shashi-banner-close:hover {
            color: #fff !important;
            background: rgba(255, 255, 255, 0.1) !important;
        }

        /* ============================================================
   MOBILE — 375px (iPhone SE / most phones)
   ============================================================ */

        @media (max-width: 375px) {
            /* Hero */
            .shashi-hero__title,
            .hero-title,
            .hero h1,
            .page-hero h1 {
                font-size: clamp(1.5rem, 8vw, 2rem) !important;
                line-height: 1.2 !important;
            }
            .shashi-hero__subtitle,
            .hero-subtitle,
            .hero p {
                font-size: 0.88rem !important;
            }
            .shashi-hero__actions,
            .hero-actions {
                gap: 0.75rem !important;
                flex-direction: column !important;
                align-items: center !important;
            }
            .shashi-hero__actions .btn,
            .shashi-hero__actions a {
                width: 100% !important;
                max-width: 280px !important;
                text-align: center !important;
            }
            /* Navigation */
            .ast-mobile-menu-buttons {
                gap: 0.5rem !important;
            }
            .ast-site-header-logo img {
                max-height: 36px !important;
            }
            /* Stats / Trust bar */
            .shashi-stats,
            .trust-bar,
            .stats-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 0.75rem !important;
            }
            .shashi-stats__item,
            .stat-item {
                padding: 0.75rem 0.5rem !important;
            }
            .shashi-stats__number,
            .stat-number {
                font-size: 1.4rem !important;
            }
            /* Section headings */
            .shashi-section-header h2,
            .shashi-section-header .section-title,
            .section-header h2 {
                font-size: clamp(1.25rem, 6vw, 1.6rem) !important;
            }
            /* Product cards */
            .shashi-products-grid,
            .products-grid,
            .product-grid {
                grid-template-columns: 1fr !important;
                gap: 1rem !important;
            }
            /* Why choose us / features */
            .shashi-features-grid,
            .features-grid {
                grid-template-columns: 1fr !important;
            }
            /* CTA buttons */
            .shashi-cta-section .btn,
            .cta-section a,
            .cta-buttons a {
                width: 100% !important;
                max-width: 280px !important;
                display: block !important;
                margin: 0 auto !important;
            }
            /* Footer */
            .shashi-footer-grid,
            .footer-grid,
            .site-footer .ast-row {
                grid-template-columns: 1fr !important;
            }
            /* WhatsApp FAB */
            #shashi-wa-fab {
                bottom: 1rem !important;
                right: 1rem !important;
                width: 48px !important;
                height: 48px !important;
            }
            #shashi-wa-fab svg,
            #shashi-wa-fab img {
                width: 24px !important;
                height: 24px !important;
            }
            /* Announcement Banner */
            #shashi-announcement-banner {
                font-size: 0.72rem !important;
                padding: 8px 40px 8px 10px !important;
            }
            /* Inner page hero */
            .shashi-page-hero,
            .page-hero-section {
                padding: 2.5rem 1rem !important;
            }
            .shashi-page-hero h1,
            .page-hero-section h1 {
                font-size: clamp(1.3rem, 7vw, 1.75rem) !important;
            }
            /* About page */
            .shashi-about-grid,
            .about-grid {
                grid-template-columns: 1fr !important;
            }
            .shashi-values-grid {
                grid-template-columns: 1fr !important;
            }
            /* Contact page */
            .shashi-contact-grid,
            .contact-grid {
                grid-template-columns: 1fr !important;
            }
            /* Blog */
            .shashi-blog-grid,
            .blog-grid,
            .posts-grid {
                grid-template-columns: 1fr !important;
            }
            /* RFQ form */
            .shashi-rfq-grid,
            .rfq-grid {
                grid-template-columns: 1fr !important;
            }
            .shashi-form-row,
            .form-row {
                flex-direction: column !important;
            }
        }

        /* ============================================================
   MOBILE — 320px (older small phones)
   ============================================================ */

        @media (max-width: 320px) {
            /* Tighten all horizontal padding */
            .container,
            .ast-container,
            .site-content,
            .entry-content {
                padding-left: 12px !important;
                padding-right: 12px !important;
            }
            /* Prevent horizontal overflow */
            body {
                overflow-x: hidden !important;
            }
            img,
            video,
            iframe {
                max-width: 100% !important;
            }
            /* Hero shrink more */
            .shashi-hero__title,
            .hero-title,
            .hero h1,
            .page-hero h1 {
                font-size: clamp(1.3rem, 9vw, 1.7rem) !important;
            }
            .shashi-hero__subtitle,
            .hero-subtitle {
                font-size: 0.82rem !important;
            }
            /* Stats 1-col on 320 */
            .shashi-stats,
            .trust-bar,
            .stats-grid {
                grid-template-columns: repeat(2, 1fr) !important;
            }
            .shashi-stats__number,
            .stat-number {
                font-size: 1.25rem !important;
            }
            /* Navigation logo */
            .ast-site-header-logo img {
                max-height: 32px !important;
            }
            /* Section headings */
            .shashi-section-header h2,
            .section-header h2 {
                font-size: 1.2rem !important;
            }
            /* Announcement banner */
            #shashi-announcement-banner {
                font-size: 0.68rem !important;
                padding: 7px 36px 7px 8px !important;
            }
            /* Back to top — move up from FAB */
            #shashi-back-to-top {
                bottom: 5rem !important;
                right: 0.75rem !important;
            }
            #shashi-wa-fab {
                bottom: 0.75rem !important;
                right: 0.75rem !important;
            }
            /* Table overflow */
            table {
                display: block !important;
                overflow-x: auto !important;
            }
        }

/* ---- block: wp-custom-css ---- */
/* ================================================================
   AGRINOVATIS Export — Additional CSS
   Paste this entire file into Appearance → Additional CSS
   All homepage section styles are here.
   ================================================================ */

        /* ── Custom Properties ─────────────────────────────────────────── */

        :root {
            --gold: #c9a84c;
            --gold-light: #e0c06b;
            --gold-dark: #a8883a;
            --saffron: #e8940a;
            --saffron-500: #e8940a;
            --navy: #0a0e1a;
            --navy-800: #0d1120;
            --navy-700: #111827;
            --gray-900: #111827;
            --gray-800: #1f2937;
            --gray-700: #374151;
            --gray-600: #4b5563;
            --gray-500: #6b7280;
            --gray-400: #9ca3af;
            --gray-300: #d1d5db;
            --gray-200: #e5e7eb;
            --gray-100: #f3f4f6;
            --white: #ffffff;
            --text-on-dark: rgba(255, 255, 255, .88);
            --text-muted: rgba(255, 255, 255, .58);
            --section-radius: 0px;
            --transition: 0.3s ease;
        }

        /* ── Reset / Base ──────────────────────────────────────────────── */

        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }

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

        /* ── Container ─────────────────────────────────────────────────── */

        .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 1.5rem;
        }

        /* ── Section Wrappers ──────────────────────────────────────────── */

        .section-light {
            background: #ffffff;
            color: var(--gray-700);
        }

        .section-dark {
            background: var(--navy);
            color: var(--text-on-dark);
        }

        .section-royal {
            background: linear-gradient(135deg, #0a0e1a 0%, #12173a 50%, #0c1028 100%);
            color: var(--text-on-dark);
        }

        .section-pad {
            padding-top: 5rem;
            padding-bottom: 5rem;
        }

        section {
            padding: 4.5rem 0;
        }

        /* ── Typography Utilities ──────────────────────────────────────── */

        .tag {
            display: inline-flex;
            align-items: center;
            gap: .4rem;
            font-size: .75rem;
            font-weight: 700;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--gold);
            margin-bottom: .75rem;
        }

        .section-title {
            font-family: 'Playfair Display', Georgia, serif;
            font-size: clamp(1.75rem, 4vw, 2.6rem);
            font-weight: 800;
            line-height: 1.2;
            margin: 0 0 1rem;
            color: inherit;
        }

        .section-light .section-title {
            color: var(--gray-900);
        }

        .section-dark .section-title {
            color: var(--white);
        }

        .section-royal .section-title {
            color: var(--white);
        }

        .section-title span {
            color: var(--gold);
        }

        .section-sub {
            font-size: 1.05rem;
            line-height: 1.7;
            color: var(--gray-500);
            max-width: 640px;
        }

        .section-dark .section-sub,
        .section-royal .section-sub {
            color: var(--text-muted);
        }

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

        /* ── Buttons ───────────────────────────────────────────────────── */

        .btn {
            display: inline-flex;
            align-items: center;
            gap: .5rem;
            padding: .8rem 1.75rem;
            border-radius: 2rem;
            font-family: inherit;
            font-size: .9375rem;
            font-weight: 600;
            cursor: pointer;
            text-decoration: none;
            border: 2px solid transparent;
            transition: all var(--transition);
            white-space: nowrap;
        }

        .btn svg {
            flex-shrink: 0;
            transition: transform .25s;
        }

        .btn:hover svg {
            transform: translateX(3px);
        }

        .btn-primary {
            background: linear-gradient(135deg, var(--saffron) 0%, #c97b06 100%);
            color: #fff;
            border-color: transparent;
            box-shadow: 0 4px 18px rgba(232, 148, 10, .35);
        }

        .btn-primary:hover {
            background: linear-gradient(135deg, #f0a020 0%, #d98b08 100%);
            box-shadow: 0 6px 24px rgba(232, 148, 10, .5);
            color: #fff;
            text-decoration: none;
        }

        .btn-outline {
            background: transparent;
            border-color: var(--gold);
            color: var(--gold);
        }

        .btn-outline:hover {
            background: var(--gold);
            color: #fff;
            text-decoration: none;
        }

        .btn-navy {
            background: var(--navy);
            color: #fff;
            border-color: var(--navy);
        }

        .btn-navy:hover {
            background: var(--navy-800);
            border-color: var(--navy-800);
            color: #fff;
            text-decoration: none;
        }

        .btn-outline-navy {
            background: transparent;
            border-color: var(--navy);
            color: var(--navy);
        }

        .btn-outline-navy:hover {
            background: var(--navy);
            color: #fff;
            text-decoration: none;
        }

        /* ── Scroll-reveal (injected by JS, kept here for reference) ───── */

        .reveal,
        .reveal-left,
        .reveal-right {
            opacity: 0;
            transition: opacity .65s ease, transform .65s ease;
        }

        .reveal {
            transform: translateY(28px);
        }

        .reveal-left {
            transform: translateX(-36px);
        }

        .reveal-right {
            transform: translateX(36px);
        }

        .reveal.visible,
        .reveal-left.visible,
        .reveal-right.visible {
            opacity: 1;
            transform: none;
        }

        /* ================================================================
   1. HERO
   ================================================================ */

        #hero {
            position: relative;
            overflow: hidden;
            padding: 0;
        }

        .hero-glow-light-1,
        .hero-glow-light-2 {
            position: absolute;
            border-radius: 50%;
            pointer-events: none;
            z-index: 0;
        }

        .hero-glow-light-1 {
            width: 700px;
            height: 700px;
            background: radial-gradient(circle, rgba(201, 168, 76, .08) 0%, transparent 70%);
            top: -200px;
            right: -100px;
        }

        .hero-glow-light-2 {
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(232, 148, 10, .06) 0%, transparent 70%);
            bottom: -100px;
            left: -50px;
        }

        .hero-content {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3rem;
            align-items: center;
            min-height: 88vh;
            padding: 6rem 0 3rem;
        }

        /* Hero Left */

        .hero-live-badge {
            display: inline-flex;
            align-items: center;
            gap: .5rem;
            padding: .35rem .9rem;
            border-radius: 2rem;
            border: 1px solid rgba(201, 168, 76, .3);
            background: rgba(201, 168, 76, .08);
            font-size: .8125rem;
            font-weight: 600;
            color: var(--gold);
            margin-bottom: 1.5rem;
        }

        .hero-badge-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #22c55e;
            animation: pulse-dot 1.8s ease-in-out infinite;
        }

        @keyframes pulse-dot {
            0%,
            100% {
                box-shadow: 0 0 0 0 rgba(34, 197, 94, .6);
            }
            50% {
                box-shadow: 0 0 0 6px rgba(34, 197, 94, 0);
            }
        }

        .hero-title {
            font-family: 'Playfair Display', Georgia, serif;
            font-size: clamp(2.4rem, 5vw, 3.8rem);
            font-weight: 900;
            line-height: 1.1;
            color: var(--gray-900);
            margin: 0 0 1.5rem;
        }

        .hero-title em {
            font-style: italic;
            background: linear-gradient(135deg, var(--gold) 0%, var(--saffron) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hero-desc {
            font-size: 1.0625rem;
            line-height: 1.7;
            color: var(--gray-600);
            margin-bottom: 1.75rem;
            max-width: 520px;
        }

        /* Hero Search */

        .hero-search-bar {
            display: flex;
            align-items: center;
            gap: 0;
            background: #fff;
            border: 1.5px solid var(--gray-200);
            border-radius: 2.5rem;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0, 0, 0, .07);
            margin-bottom: 1rem;
        }

        .hero-search-input {
            flex: 1;
            border: none;
            outline: none;
            padding: .875rem 1rem;
            font-size: .9375rem;
            font-family: inherit;
            color: var(--gray-700);
            background: transparent;
        }

        .hero-search-cat {
            border: none;
            border-left: 1px solid var(--gray-200);
            outline: none;
            padding: .875rem 1rem;
            font-size: .875rem;
            font-family: inherit;
            background: var(--gray-100);
            color: var(--gray-700);
            cursor: pointer;
        }

        .hero-search-btn {
            display: flex;
            align-items: center;
            gap: .4rem;
            padding: .875rem 1.25rem;
            background: linear-gradient(135deg, var(--saffron), #c97b06);
            color: #fff;
            border: none;
            font-size: .9rem;
            font-weight: 600;
            font-family: inherit;
            cursor: pointer;
            transition: background var(--transition);
            white-space: nowrap;
        }

        .hero-search-btn:hover {
            background: linear-gradient(135deg, #f0a020, #d98b08);
        }

        /* Hero Tags */

        .hero-tags {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: .5rem;
            margin-bottom: 1.75rem;
            font-size: .8125rem;
        }

        .hero-tag-label {
            color: var(--gray-500);
            font-weight: 500;
        }

        .hero-tag {
            padding: .25rem .7rem;
            border-radius: 1rem;
            border: 1px solid var(--gray-300);
            color: var(--gray-700);
            text-decoration: none;
            font-size: .8125rem;
            transition: all var(--transition);
        }

        .hero-tag:hover {
            border-color: var(--gold);
            color: var(--gold);
            text-decoration: none;
        }

        .hero-cta-row {
            display: flex;
            flex-wrap: wrap;
            gap: .75rem;
            margin-bottom: 1.75rem;
        }

        .hero-certs-row {
            display: flex;
            flex-wrap: wrap;
            gap: .5rem;
        }

        .hero-cert-badge {
            display: flex;
            align-items: center;
            gap: .3rem;
            font-size: .78rem;
            font-weight: 600;
            color: var(--gray-600);
            background: var(--gray-100);
            padding: .3rem .7rem;
            border-radius: 1rem;
            border: 1px solid var(--gray-200);
        }

        .hero-cert-check {
            color: #16a34a;
        }

        /* Hero Right — Globe Visual */

        .hero-right {
            display: flex;
            justify-content: center;
        }

        .hero-visual-card {
            position: relative;
            width: 100%;
            max-width: 520px;
        }

        .hero-globe-container {
            position: relative;
            width: 100%;
            aspect-ratio: 1/1;
        }

        .globe-ring {
            position: absolute;
            inset: 0;
            border-radius: 50%;
            border: 1px solid rgba(201, 168, 76, .15);
            animation: globe-ring-pulse 3s ease-in-out infinite;
        }

        .globe-ring:nth-child(1) {
            inset: -8%;
            animation-delay: 0s;
        }

        .globe-ring:nth-child(2) {
            inset: -18%;
            animation-delay: 1s;
        }

        .globe-ring:nth-child(3) {
            inset: -28%;
            animation-delay: 2s;
        }

        @keyframes globe-ring-pulse {
            0%,
            100% {
                opacity: .3;
            }
            50% {
                opacity: .7;
            }
        }

        .hero-globe {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            display: block;
        }

        /* Floating Cards */

        .floating-card {
            position: absolute;
            background: #fff;
            border: 1px solid var(--gray-200);
            border-radius: 1rem;
            padding: .75rem 1rem;
            box-shadow: 0 8px 32px rgba(0, 0, 0, .12);
            min-width: 155px;
            animation: float-y 4s ease-in-out infinite;
            z-index: 2;
        }

        .floating-card-1 {
            top: 12%;
            left: -10%;
            animation-delay: 0s;
        }

        .floating-card-2 {
            bottom: 22%;
            left: -8%;
            animation-delay: 1.3s;
        }

        .floating-card-3 {
            top: 28%;
            right: -10%;
            animation-delay: 2.6s;
        }

        @keyframes float-y {
            0%,
            100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-8px);
            }
        }

        .fc-label {
            font-size: .7rem;
            font-weight: 600;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: var(--gray-500);
            margin-bottom: .25rem;
        }

        .fc-value {
            font-size: .9rem;
            font-weight: 700;
            color: var(--gray-900);
            margin-bottom: .15rem;
        }

        .fc-value span {
            color: var(--saffron);
        }

        .fc-trend {
            font-size: .75rem;
            color: #16a34a;
            font-weight: 600;
        }

        /* Hero Counters Strip */

        .hero-counters {
            background: var(--navy);
            padding: 2rem 0;
        }

        .counters-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1rem;
            text-align: center;
        }

        .counter-item {
            padding: .5rem;
        }

        .counter-num {
            display: block;
            font-family: 'Playfair Display', serif;
            font-size: clamp(1.8rem, 3.5vw, 2.6rem);
            font-weight: 800;
            color: var(--gold);
            line-height: 1;
            margin-bottom: .35rem;
        }

        .counter-label {
            font-size: .8rem;
            color: rgba(255, 255, 255, .65);
            font-weight: 500;
            letter-spacing: .04em;
        }

        /* ================================================================
   2. TRUSTED BY
   ================================================================ */

        #trusted {
            padding: 2.5rem 0;
            background: var(--gray-100);
        }

        .trusted-header {
            text-align: center;
            margin-bottom: 1.5rem;
            font-size: .8125rem;
            font-weight: 600;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: var(--gray-500);
        }

        .logo-track-wrapper {
            overflow: hidden;
            mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
            -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
            margin-bottom: 1.5rem;
        }

        .logo-track {
            display: flex;
            gap: 2rem;
            animation: logo-scroll 28s linear infinite;
            width: max-content;
        }

        .logo-track:hover {
            animation-play-state: paused;
        }

        @keyframes logo-scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }

        .logo-item {
            flex-shrink: 0;
            padding: .6rem 1.5rem;
            background: #fff;
            border: 1px solid var(--gray-200);
            border-radius: .5rem;
            font-size: .875rem;
            font-weight: 600;
            color: var(--gray-600);
            white-space: nowrap;
            box-shadow: 0 1px 4px rgba(0, 0, 0, .05);
        }

        .countries-strip {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: .75rem;
        }

        .country-flag {
            display: flex;
            align-items: center;
            gap: .35rem;
            font-size: .8125rem;
            font-weight: 500;
            color: var(--gray-600);
            padding: .3rem .75rem;
            border-radius: 1rem;
            background: #fff;
            border: 1px solid var(--gray-200);
        }

        /* ================================================================
   3. ABOUT
   ================================================================ */

        .about-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: center;
        }

        .about-image-wrap {
            position: relative;
        }

        .about-main-img {
            border-radius: 1.25rem;
            overflow: hidden;
            box-shadow: 0 24px 60px rgba(0, 0, 0, .13);
        }

        .about-main-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .about-badge-float {
            position: absolute;
            background: #fff;
            border: 1px solid var(--gray-200);
            border-radius: .875rem;
            padding: .75rem 1.1rem;
            box-shadow: 0 8px 28px rgba(0, 0, 0, .1);
            text-align: center;
        }

        .about-badge-float.top-right {
            top: -1rem;
            right: -1.5rem;
        }

        .about-badge-float.bottom-left {
            bottom: -1rem;
            left: -1.5rem;
        }

        .about-badge-float .num {
            display: block;
            font-size: 1.5rem;
            font-weight: 800;
            color: var(--gold);
            font-family: 'Playfair Display', serif;
        }

        .about-badge-float .lbl {
            font-size: .75rem;
            font-weight: 600;
            color: var(--gray-500);
        }

        .about-features {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            margin-top: 2rem;
        }

        .about-feature {
            display: flex;
            align-items: flex-start;
            gap: .875rem;
            padding: 1rem;
            background: var(--gray-100);
            border-radius: .75rem;
            border: 1px solid var(--gray-200);
        }

        .about-feature-icon {
            font-size: 1.4rem;
            flex-shrink: 0;
        }

        .about-feature-title {
            font-weight: 700;
            font-size: .9rem;
            color: var(--gray-900);
            margin-bottom: .2rem;
        }

        .about-feature-desc {
            font-size: .8125rem;
            color: var(--gray-500);
            line-height: 1.5;
        }

        /* ================================================================
   4. SERVICES
   ================================================================ */

        .services-header {
            text-align: center;
            margin-bottom: 3rem;
        }

        .services-header .section-sub {
            margin: 0 auto;
        }

        .services-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
        }

        .service-card {
            background: var(--gray-100);
            border: 1px solid var(--gray-200);
            border-radius: 1.25rem;
            padding: 1.75rem 1.5rem;
            transition: all var(--transition);
            position: relative;
            overflow: hidden;
        }

        .service-card::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(201, 168, 76, .06) 0%, transparent 70%);
            opacity: 0;
            transition: opacity var(--transition);
        }

        .service-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 16px 40px rgba(0, 0, 0, .1);
            border-color: rgba(201, 168, 76, .3);
        }

        .service-card:hover::before {
            opacity: 1;
        }

        .service-number {
            font-family: 'Playfair Display', serif;
            font-size: 2.5rem;
            font-weight: 800;
            color: rgba(201, 168, 76, .15);
            line-height: 1;
            margin-bottom: .5rem;
            position: relative;
            z-index: 1;
        }

        .service-icon {
            font-size: 1.75rem;
            margin-bottom: 1rem;
            position: relative;
            z-index: 1;
        }

        .service-title {
            font-weight: 700;
            font-size: 1rem;
            color: var(--gray-900);
            margin: 0 0 .6rem;
            position: relative;
            z-index: 1;
        }

        .service-desc {
            font-size: .875rem;
            color: var(--gray-600);
            line-height: 1.6;
            margin-bottom: 1.25rem;
            position: relative;
            z-index: 1;
        }

        .service-link {
            display: inline-flex;
            align-items: center;
            gap: .35rem;
            font-size: .875rem;
            font-weight: 600;
            color: var(--gold);
            text-decoration: none;
            position: relative;
            z-index: 1;
            transition: gap var(--transition);
        }

        .service-link:hover {
            gap: .6rem;
            text-decoration: none;
            color: var(--saffron);
        }

        .service-link svg {
            width: 14px;
            height: 14px;
        }

        /* ================================================================
   5. PRODUCTS
   ================================================================ */

        .products-header {
            text-align: center;
            margin-bottom: 2rem;
        }

        .filter-tabs {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: .5rem;
            margin-bottom: 2.5rem;
        }

        .filter-tab {
            padding: .55rem 1.25rem;
            border-radius: 2rem;
            border: 1.5px solid var(--gray-300);
            background: transparent;
            font-family: inherit;
            font-size: .875rem;
            font-weight: 600;
            color: var(--gray-600);
            cursor: pointer;
            transition: all var(--transition);
        }

        .filter-tab:hover {
            border-color: var(--gold);
            color: var(--gold);
        }

        .filter-tab.active {
            background: var(--gold);
            border-color: var(--gold);
            color: #fff;
            box-shadow: 0 4px 14px rgba(201, 168, 76, .35);
        }

        .products-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
        }

        .product-card {
            position: relative;
            border-radius: 1.25rem;
            overflow: hidden;
            aspect-ratio: 3/4;
            cursor: pointer;
            transition: transform .35s ease, box-shadow .35s ease;
        }

        .product-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 48px rgba(0, 0, 0, .18);
        }

        .product-card-bg {
            position: absolute;
            inset: 0;
            background: var(--gray-800);
        }

        .product-card-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .5s ease;
        }

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

        .product-card-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .1) 55%, transparent 100%);
        }

        .product-card-content {
            position: absolute;
            inset: 0;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 1.25rem;
            z-index: 2;
        }

        .product-tag {
            display: inline-block;
            padding: .25rem .65rem;
            background: rgba(201, 168, 76, .9);
            color: #fff;
            font-size: .7rem;
            font-weight: 700;
            letter-spacing: .06em;
            text-transform: uppercase;
            border-radius: 1rem;
            margin-bottom: .5rem;
            align-self: flex-start;
        }

        .product-title {
            font-family: 'Playfair Display', serif;
            font-size: 1.1rem;
            font-weight: 700;
            color: #fff;
            margin: 0 0 .25rem;
        }

        .product-meta {
            font-size: .75rem;
            color: rgba(255, 255, 255, .7);
            margin-bottom: .75rem;
        }

        .product-cta {
            opacity: 0;
            transform: translateY(8px);
            transition: all .25s ease;
        }

        .product-card:hover .product-cta {
            opacity: 1;
            transform: translateY(0);
        }

        /* Hide products when filtered */

        .product-card.hidden {
            display: none;
        }

        /* ================================================================
   6. WHY CHOOSE US
   ================================================================ */

        .why-us-header {
            text-align: center;
            margin-bottom: 3rem;
        }

        .why-us-header .section-sub {
            margin: 0 auto;
        }

        .why-us-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5rem;
            margin-bottom: 3rem;
        }

        .why-card {
            background: rgba(255, 255, 255, .05);
            border: 1px solid rgba(255, 255, 255, .08);
            border-radius: 1.25rem;
            padding: 2rem 1.5rem;
            transition: all var(--transition);
        }

        .why-card:hover {
            background: rgba(255, 255, 255, .09);
            border-color: rgba(201, 168, 76, .3);
            transform: translateY(-4px);
        }

        .why-icon {
            font-size: 2rem;
            margin-bottom: 1rem;
        }

        .why-title {
            font-weight: 700;
            font-size: 1rem;
            color: var(--gold);
            margin: 0 0 .6rem;
        }

        .why-desc {
            font-size: .875rem;
            color: var(--text-muted);
            line-height: 1.65;
        }

        .partner-badges {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: .75rem;
            padding-top: 2rem;
            border-top: 1px solid rgba(255, 255, 255, .08);
        }

        .partner-badge {
            display: flex;
            align-items: center;
            gap: .4rem;
            padding: .5rem 1.1rem;
            border-radius: 2rem;
            border: 1px solid rgba(201, 168, 76, .2);
            background: rgba(201, 168, 76, .06);
            font-size: .8125rem;
            font-weight: 600;
            color: var(--gold);
        }

        /* ================================================================
   7. GLOBAL MAP
   ================================================================ */

        .globe-wrap {
            position: relative;
            max-width: 640px;
            margin: 2.5rem auto;
            text-align: center;
        }

        #globe-canvas {
            width: 100%;
            aspect-ratio: 1/1;
            border-radius: 50%;
            display: block;
        }

        .globe-hint {
            font-size: .8125rem;
            color: var(--text-muted);
            margin-top: .75rem;
        }

        /* Ship popup */

        .ship-popup {
            position: absolute;
            top: 5%;
            left: 5%;
            background: #fff;
            border-radius: 1rem;
            padding: 1.25rem;
            box-shadow: 0 16px 48px rgba(0, 0, 0, .2);
            min-width: 220px;
            z-index: 10;
            animation: popup-in .25s ease;
        }

        @keyframes popup-in {
            from {
                opacity: 0;
                transform: scale(.92);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        .ship-popup-close {
            position: absolute;
            top: .5rem;
            right: .75rem;
            background: none;
            border: none;
            font-size: 1rem;
            cursor: pointer;
            color: var(--gray-500);
            padding: .15rem;
        }

        .ship-popup-header {
            display: flex;
            align-items: center;
            gap: .75rem;
            margin-bottom: .75rem;
        }

        .ship-popup-icon {
            font-size: 1.5rem;
        }

        .ship-popup-name {
            font-weight: 700;
            font-size: .9rem;
            color: var(--gray-900);
        }

        .ship-popup-route {
            font-size: .8rem;
            color: var(--gray-500);
        }

        .ship-popup-table-head {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            font-size: .7rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .06em;
            color: var(--gray-500);
            border-bottom: 1px solid var(--gray-200);
            padding-bottom: .4rem;
            margin-bottom: .4rem;
        }

        .ship-popup-cargo {
            font-size: .825rem;
            color: var(--gray-700);
        }

        .map-legend {
            display: flex;
            justify-content: center;
            gap: 2rem;
            flex-wrap: wrap;
            margin-top: 1rem;
        }

        .map-legend-item {
            display: flex;
            align-items: center;
            gap: .5rem;
            font-size: .875rem;
            color: var(--text-muted);
        }

        .legend-dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
        }

        .legend-dot.export {
            background: var(--gold);
        }

        .legend-dot.import {
            background: #38bdf8;
        }

        .legend-dot.hub {
            background: #86efac;
        }

        /* ================================================================
   8. PROCESS TIMELINE
   ================================================================ */

        .process-header {
            text-align: center;
            margin-bottom: 3.5rem;
        }

        .process-track {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 1rem;
            position: relative;
        }

        .process-track::before {
            content: '';
            position: absolute;
            top: 2rem;
            left: 3.5%;
            right: 3.5%;
            height: 2px;
            background: linear-gradient(90deg, var(--gold) 0%, var(--saffron) 100%);
            z-index: 0;
        }

        .process-step {
            text-align: center;
            position: relative;
            z-index: 1;
        }

        .process-num {
            width: 4rem;
            height: 4rem;
            border-radius: 50%;
            background: #fff;
            border: 2px solid var(--gold);
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1rem;
            box-shadow: 0 4px 16px rgba(201, 168, 76, .2);
        }

        .process-icon-sm {
            font-size: 1.35rem;
        }

        .process-title {
            font-weight: 700;
            font-size: .875rem;
            color: var(--gray-900);
            margin: 0 0 .4rem;
        }

        .process-desc {
            font-size: .77rem;
            color: var(--gray-500);
            line-height: 1.5;
        }

        /* ================================================================
   9. CERTIFICATIONS
   ================================================================ */

        .certs-inner {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: center;
        }

        .certs-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1rem;
        }

        .cert-badge {
            background: var(--gray-100);
            border: 1px solid var(--gray-200);
            border-radius: 1rem;
            padding: 1.25rem 1rem;
            text-align: center;
            transition: all var(--transition);
        }

        .cert-badge:hover {
            border-color: var(--gold);
            box-shadow: 0 6px 20px rgba(201, 168, 76, .15);
            transform: translateY(-3px);
        }

        .cert-icon {
            font-size: 1.75rem;
            margin-bottom: .5rem;
        }

        .cert-name {
            font-weight: 800;
            font-size: .9375rem;
            color: var(--gray-900);
            margin-bottom: .2rem;
        }

        .cert-org {
            font-size: .75rem;
            color: var(--gray-500);
        }

        /* ================================================================
   10. TESTIMONIALS
   ================================================================ */

        .testimonials-header {
            text-align: center;
            margin-bottom: 2.5rem;
        }

        .testimonials-slider {
            overflow: hidden;
            border-radius: 1.5rem;
        }

        .testimonials-track {
            display: flex;
            transition: transform .5s cubic-bezier(.25, .46, .45, .94);
        }

        .testimonial-card {
            flex: 0 0 100%;
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 2rem;
            align-items: stretch;
            background: var(--gray-100);
            border: 1px solid var(--gray-200);
            border-radius: 1.5rem;
            padding: 2.5rem;
        }

        .stars {
            font-size: 1.1rem;
            color: var(--gold);
            margin-bottom: .75rem;
        }

        .testimonial-text {
            font-size: 1rem;
            line-height: 1.75;
            color: var(--gray-700);
            font-style: italic;
            margin-bottom: 1.5rem;
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            gap: .875rem;
        }

        .author-avatar {
            width: 2.75rem;
            height: 2.75rem;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--gold), var(--saffron));
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .825rem;
            font-weight: 700;
            color: #fff;
            flex-shrink: 0;
        }

        .author-name {
            font-weight: 700;
            font-size: .9375rem;
            color: var(--gray-900);
        }

        .author-role {
            font-size: .8rem;
            color: var(--gray-500);
        }

        .author-flag {
            font-size: 1.25rem;
            margin-left: auto;
        }

        .testimonial-visual {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 1.25rem;
            padding: 1.5rem 1.5rem 1.5rem 2rem;
            border-left: 1px solid var(--gray-200);
            min-width: 160px;
        }

        .testi-stat-num {
            font-family: 'Playfair Display', serif;
            font-size: 1.75rem;
            font-weight: 800;
            color: var(--gold);
        }

        .testi-stat-lbl {
            font-size: .75rem;
            color: var(--gray-500);
            font-weight: 500;
        }

        /* Slider Controls */

        .slider-controls {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 1rem;
            margin-top: 1.5rem;
        }

        .slider-btn {
            width: 2.75rem;
            height: 2.75rem;
            border-radius: 50%;
            border: 1.5px solid var(--gray-300);
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all var(--transition);
            color: var(--gray-700);
        }

        .slider-btn svg {
            width: 18px;
            height: 18px;
        }

        .slider-btn:hover {
            border-color: var(--gold);
            color: var(--gold);
            box-shadow: 0 4px 14px rgba(201, 168, 76, .2);
        }

        .slider-dots {
            display: flex;
            gap: .5rem;
        }

        .slider-dot {
            width: .65rem;
            height: .65rem;
            border-radius: 50%;
            border: none;
            background: var(--gray-300);
            cursor: pointer;
            transition: all var(--transition);
            padding: 0;
        }

        .slider-dot.active {
            background: var(--gold);
            width: 1.75rem;
            border-radius: .4rem;
        }

        /* ================================================================
   11. STATS
   ================================================================ */

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 2rem;
            text-align: center;
        }

        .stat-item {
            padding: 1rem;
        }

        .stat-icon {
            font-size: 2rem;
            margin-bottom: .75rem;
        }

        .stat-num {
            display: block;
            font-family: 'Playfair Display', serif;
            font-size: clamp(2rem, 3.5vw, 2.75rem);
            font-weight: 800;
            color: var(--gold);
            line-height: 1;
            margin-bottom: .4rem;
        }

        .stat-label {
            font-size: .8rem;
            color: var(--text-muted);
            font-weight: 500;
            letter-spacing: .04em;
        }

        /* ================================================================
   12. CTA SECTION
   ================================================================ */

        .cta-inner {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: center;
        }

        .cta-features {
            margin-top: 1.5rem;
            display: flex;
            flex-direction: column;
            gap: .65rem;
        }

        .cta-feature {
            display: flex;
            align-items: center;
            gap: .75rem;
            font-size: .9375rem;
            color: var(--text-on-dark);
        }

        .cta-feature-check {
            width: 1.4rem;
            height: 1.4rem;
            border-radius: 50%;
            background: rgba(34, 197, 94, .15);
            border: 1px solid rgba(34, 197, 94, .4);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .75rem;
            color: #4ade80;
            flex-shrink: 0;
        }

        .cta-right h3 {
            font-family: 'Playfair Display', serif;
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--white);
            margin-bottom: 1.25rem;
        }

        .cta-buttons {
            display: flex;
            flex-direction: column;
            gap: .75rem;
        }

        .cta-btn-wa {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .75rem;
            padding: 1rem 1.5rem;
            background: #25d366;
            color: #fff;
            text-decoration: none;
            border-radius: 2rem;
            font-weight: 700;
            font-size: .9375rem;
            transition: all var(--transition);
            box-shadow: 0 4px 18px rgba(37, 211, 102, .3);
        }

        .cta-btn-wa:hover {
            background: #1ebe5b;
            box-shadow: 0 6px 24px rgba(37, 211, 102, .45);
            text-decoration: none;
            color: #fff;
        }

        .cta-divider {
            text-align: center;
            font-size: .8rem;
            color: var(--text-muted);
            position: relative;
        }

        .cta-divider::before,
        .cta-divider::after {
            content: '';
            position: absolute;
            top: 50%;
            width: 40%;
            height: 1px;
            background: rgba(255, 255, 255, .15);
        }

        .cta-divider::before {
            left: 0;
        }

        .cta-divider::after {
            right: 0;
        }

        /* ================================================================
   13. INSIGHTS / BLOG
   ================================================================ */

        .insights-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-bottom: 2.5rem;
            gap: 1rem;
        }

        .insights-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5rem;
        }

        .insight-card {
            background: #fff;
            border: 1px solid var(--gray-200);
            border-radius: 1.25rem;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            transition: all var(--transition);
        }

        .insight-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 16px 40px rgba(0, 0, 0, .1);
            border-color: rgba(201, 168, 76, .2);
        }

        .insight-thumb {
            height: 180px;
            background: var(--gray-800);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 3.5rem;
        }

        .ic-1 {
            background: linear-gradient(135deg, #14532d, #166534);
        }

        .ic-2 {
            background: linear-gradient(135deg, #0c4a6e, #075985);
        }

        .ic-3 {
            background: linear-gradient(135deg, #7c2d12, #9a3412);
        }

        .insight-body {
            padding: 1.5rem;
            flex: 1;
        }

        .insight-meta {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: .5rem;
            margin-bottom: .75rem;
            font-size: .75rem;
            color: var(--gray-500);
        }

        .insight-category {
            background: rgba(201, 168, 76, .12);
            color: var(--gold-dark);
            padding: .2rem .6rem;
            border-radius: 1rem;
            font-weight: 600;
            font-size: .7rem;
        }

        .insight-meta time {
            color: var(--gray-500);
        }

        .insight-title {
            font-family: 'Playfair Display', serif;
            font-size: 1.05rem;
            font-weight: 700;
            color: var(--gray-900);
            margin: 0 0 .6rem;
            line-height: 1.4;
        }

        .insight-excerpt {
            font-size: .875rem;
            color: var(--gray-600);
            line-height: 1.6;
        }

        .insight-footer {
            padding: 1rem 1.5rem;
            border-top: 1px solid var(--gray-100);
        }

        .insight-read {
            display: inline-flex;
            align-items: center;
            gap: .35rem;
            font-size: .875rem;
            font-weight: 600;
            color: var(--gold);
            text-decoration: none;
            transition: gap .2s;
        }

        .insight-read:hover {
            gap: .6rem;
            text-decoration: none;
            color: var(--saffron);
        }

        .insight-read svg {
            width: 14px;
            height: 14px;
        }

        /* ================================================================
   14. RFQ FORM
   ================================================================ */

        .rfq-inner {
            display: grid;
            grid-template-columns: 1fr 1.4fr;
            gap: 4rem;
            align-items: start;
        }

        .rfq-contact-item {
            display: flex;
            align-items: flex-start;
            gap: .875rem;
            padding: 1rem 0;
            border-bottom: 1px solid var(--gray-200);
        }

        .rfq-icon {
            font-size: 1.25rem;
            margin-top: .1rem;
        }

        .rfq-label {
            font-size: .75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .06em;
            color: var(--gray-500);
            margin-bottom: .15rem;
        }

        .rfq-value {
            font-size: .9375rem;
            color: var(--gray-700);
            font-weight: 500;
        }

        .rfq-value a {
            color: var(--saffron);
            text-decoration: none;
        }

        .rfq-value a:hover {
            text-decoration: underline;
        }

        /* Form */

        .rfq-form {
            background: var(--gray-100);
            border: 1px solid var(--gray-200);
            border-radius: 1.5rem;
            padding: 2rem;
        }

        .rfq-form h3 {
            font-family: 'Playfair Display', serif;
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--gray-900);
            margin: 0 0 1.5rem;
        }

        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }

        .form-group {
            display: flex;
            flex-direction: column;
            gap: .4rem;
            margin-bottom: 1rem;
        }

        .form-group label {
            font-size: .8125rem;
            font-weight: 600;
            color: var(--gray-700);
        }

        .form-group input,
        .form-group select,
        .form-group textarea {
            padding: .75rem 1rem;
            border: 1.5px solid var(--gray-300);
            border-radius: .625rem;
            font-size: .9375rem;
            font-family: inherit;
            color: var(--gray-800);
            background: #fff;
            transition: border-color var(--transition), box-shadow var(--transition);
            width: 100%;
            -webkit-appearance: none;
            appearance: none;
        }

        .form-group input:focus,
        .form-group select:focus,
        .form-group textarea:focus {
            outline: none;
            border-color: var(--gold);
            box-shadow: 0 0 0 3px rgba(201, 168, 76, .12);
        }

        .form-group textarea {
            min-height: 110px;
            resize: vertical;
        }

        .file-upload {
            border: 2px dashed var(--gray-300);
            border-radius: .875rem;
            padding: 1.25rem;
            text-align: center;
            cursor: pointer;
            transition: all var(--transition);
            margin-bottom: 1rem;
        }

        .file-upload:hover {
            border-color: var(--gold);
            background: rgba(201, 168, 76, .03);
        }

        .file-upload-icon {
            font-size: 1.5rem;
            display: block;
            margin-bottom: .4rem;
        }

        .file-upload-text {
            font-size: .875rem;
            color: var(--gray-600);
        }

        .form-submit-row {
            display: flex;
            gap: 1rem;
        }

        /* Form error/success messaging */

        .form-error-msg {
            color: #dc2626;
            font-size: .875rem;
            margin-top: .5rem;
        }

        .form-success-msg {
            text-align: center;
            padding: 2.5rem 1rem;
            color: #16a34a;
            font-size: 1rem;
            font-weight: 600;
        }

        .form-success-msg svg {
            display: block;
            margin: 0 auto 1rem;
            width: 48px;
            height: 48px;
            color: #16a34a;
        }

        /* ================================================================
   FLOATING BUTTONS
   ================================================================ */

        /* WhatsApp float */

        .whatsapp-float {
            position: fixed;
            bottom: 5rem;
            right: 1.5rem;
            width: 3.5rem;
            height: 3.5rem;
            border-radius: 50%;
            background: #25d366;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 20px rgba(37, 211, 102, .45);
            z-index: 1000;
            text-decoration: none;
            transition: all var(--transition);
            animation: wa-pulse 2.5s ease-in-out infinite;
        }

        .whatsapp-float:hover {
            background: #1ebe5b;
            transform: scale(1.1);
            box-shadow: 0 6px 28px rgba(37, 211, 102, .6);
            text-decoration: none;
        }

        .whatsapp-float svg {
            width: 24px;
            height: 24px;
            fill: #fff;
        }

        @keyframes wa-pulse {
            0%,
            100% {
                box-shadow: 0 4px 20px rgba(37, 211, 102, .45);
            }
            50% {
                box-shadow: 0 4px 30px rgba(37, 211, 102, .7);
            }
        }

        /* Scroll to top */

        .scroll-top-btn {
            position: fixed;
            bottom: 1.5rem;
            right: 1.5rem;
            width: 3rem;
            height: 3rem;
            border-radius: 50%;
            background: var(--navy);
            border: 1.5px solid rgba(201, 168, 76, .4);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 999;
            opacity: 0;
            transform: translateY(12px);
            transition: all var(--transition);
            color: var(--gold);
            box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
        }

        .scroll-top-btn.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .scroll-top-btn:hover {
            background: var(--gold);
            color: #fff;
            border-color: var(--gold);
        }

        .scroll-top-btn svg {
            width: 18px;
            height: 18px;
        }

        /* ================================================================
   RESPONSIVE
   ================================================================ */

        @media (max-width: 1100px) {
            .services-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .stats-grid {
                grid-template-columns: repeat(3, 1fr);
            }
            .process-track {
                grid-template-columns: repeat(4, 1fr);
            }
            .process-track::before {
                display: none;
            }
        }

        @media (max-width: 900px) {
            .hero-content {
                grid-template-columns: 1fr;
                min-height: unset;
                padding: 4rem 0 2rem;
            }
            .hero-right {
                max-width: 420px;
                margin: 0 auto;
                width: 100%;
            }
            .floating-card-1 {
                top: 5%;
                left: 0;
            }
            .floating-card-3 {
                right: 0;
            }
            .about-grid {
                grid-template-columns: 1fr;
            }
            .about-badge-float.top-right {
                top: -.5rem;
                right: 0;
            }
            .about-badge-float.bottom-left {
                bottom: -.5rem;
                left: 0;
            }
            .about-features {
                grid-template-columns: 1fr;
            }
            .why-us-grid {
                grid-template-columns: 1fr 1fr;
            }
            .certs-inner {
                grid-template-columns: 1fr;
                gap: 2rem;
            }
            .cta-inner {
                grid-template-columns: 1fr;
                gap: 2rem;
            }
            .rfq-inner {
                grid-template-columns: 1fr;
                gap: 2rem;
            }
            .testimonial-card {
                grid-template-columns: 1fr;
            }
            .testimonial-visual {
                border-left: none;
                border-top: 1px solid var(--gray-200);
                flex-direction: row;
                padding: 1rem 0 0;
                min-width: unset;
            }
            .testi-stat {
                flex: 1;
                text-align: center;
            }
        }

        @media (max-width: 640px) {
            section {
                padding: 3rem 0;
            }
            .section-pad {
                padding-top: 3rem;
                padding-bottom: 3rem;
            }
            .hero-title {
                font-size: 2.2rem;
            }
            .hero-search-bar {
                flex-direction: column;
                border-radius: 1rem;
            }
            .hero-search-input,
            .hero-search-cat,
            .hero-search-btn {
                width: 100%;
                border-radius: 0;
                border-left: none;
                border-top: 1px solid var(--gray-200);
            }
            .hero-search-btn {
                border-radius: 0 0 1rem 1rem;
            }
            .counters-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .services-grid {
                grid-template-columns: 1fr;
            }
            .products-grid {
                grid-template-columns: 1fr 1fr;
            }
            .why-us-grid {
                grid-template-columns: 1fr;
            }
            .stats-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .insights-grid {
                grid-template-columns: 1fr;
            }
            .certs-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .process-track {
                grid-template-columns: repeat(2, 1fr);
            }
            .form-row {
                grid-template-columns: 1fr;
            }
            .insights-header {
                flex-direction: column;
                align-items: flex-start;
            }
            .floating-card {
                display: none;
            }
        }

        /* ==========================================================
   ASTRA FULL-WIDTH OVERRIDE — makes homepage sections 100vw
   ========================================================== */

        /* Remove container padding so sections reach screen edges */

        .home #content .ast-container,
        .page-id-12 #content .ast-container {
            padding-left: 0 !important;
            padding-right: 0 !important;
            max-width: 100% !important;
        }

        .home #primary,
        .page-id-12 #primary {
            max-width: 100%;
            width: 100%;
        }

        .home .entry-content,
        .page-id-12 .entry-content {
            padding: 0 !important;
            margin: 0 !important;
            max-width: none !important;
        }

        /* Hide page title and entry-header completely */

        .home .entry-header,
        .page-id-12 .entry-header {
            display: none !important;
            height: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        /* Ensure sections fill full width */

        .home .entry-content>section,
        .home .entry-content>div,
        .page-id-12 .entry-content>section,
        .page-id-12 .entry-content>div {
            width: 100%;
            max-width: 100%;
        }

        /* Nav section — our custom nav replaces Astra header on homepage */

        .home #masthead,
        .page-id-12 #masthead {
            display: none !important;
        }

        /* Remove admin bar top offset from hero */

        .home #hero,
        .page-id-12 #hero {
            margin-top: 0;
        }

        /* Fix scroll-top button positioning */

        .scroll-top-btn {
            position: fixed;
            bottom: 2rem;
            right: 2rem;
            z-index: 9999;
        }

        /* Fix: Remove whitespace between header and hero */

        .home .content-area.primary,
        .page-id-12 .content-area.primary {
            margin-top: 0 !important;
        }

        .home .hero-content,
        .page-id-12 .hero-content {
            padding-top: 24px !important;
        }

        }

        }

        /* Fix: Remove extra whitespace on right side in mobile view */

        html,
        body {
            overflow-x: hidden;
            max-width: 100%;
        }

        * {
            box-sizing: border-box;
        }

        }

        }

        /* ============================================
   Fix: Comprehensive mobile responsive layouts
   ============================================ */

        /* Clip globe rings inside their container */

        .hero-globe-container {
            overflow: hidden !important;
        }

        @media (max-width: 768px) {
            /* Hero section - single column, hide globe */
            .hero-content {
                grid-template-columns: 1fr !important;
                min-height: auto !important;
                padding: 2rem 0 !important;
            }
            .hero-right {
                display: none !important;
            }
            /* Counters - 2 columns */
            .counters-grid {
                grid-template-columns: 1fr 1fr !important;
            }
            /* About - single column */
            .about-grid {
                grid-template-columns: 1fr !important;
            }
            .about-features {
                grid-template-columns: 1fr 1fr !important;
            }
            /* Services - 2 columns */
            .services-grid {
                grid-template-columns: 1fr 1fr !important;
            }
            /* Products - 2 columns */
            .products-grid {
                grid-template-columns: 1fr 1fr !important;
            }
            /* Why Us - single column */
            .why-us-grid {
                grid-template-columns: 1fr !important;
            }
            /* Process track - 3 columns */
            .process-track {
                grid-template-columns: repeat(3, 1fr) !important;
            }
            /* Certs sections */
            .certs-inner {
                grid-template-columns: 1fr !important;
            }
            .certs-grid {
                grid-template-columns: 1fr 1fr !important;
            }
            /* Testimonials - single column */
            .testimonial-card {
                grid-template-columns: 1fr !important;
            }
            /* Stats - 2 columns */
            .stats-grid {
                grid-template-columns: 1fr 1fr !important;
            }
            /* CTA - single column */
            .cta-inner {
                grid-template-columns: 1fr !important;
            }
            /* Insights - 2 columns */
            .insights-grid {
                grid-template-columns: 1fr 1fr !important;
            }
            /* RFQ form - single column */
            .rfq-inner {
                grid-template-columns: 1fr !important;
            }
            /* Form rows - single column */
            .form-row {
                grid-template-columns: 1fr !important;
            }
            /* Footer - 2 columns */
            .sme-footer-body {
                grid-template-columns: 1fr 1fr !important;
            }
        }

        @media (max-width: 480px) {
            /* Reduce to single column on smallest screens */
            .counters-grid,
            .about-features,
            .services-grid,
            .products-grid,
            .certs-grid,
            .insights-grid,
            .stats-grid {
                grid-template-columns: 1fr !important;
            }
            /* Process track - 2 columns */
            .process-track {
                grid-template-columns: 1fr 1fr !important;
            }
            /* Footer - single column */
            .sme-footer-body {
                grid-template-columns: 1fr !important;
            }
        }

        /* ===== Mobile Hamburger Menu ===== */

        @media (max-width: 768px) {
            .sme-navbar .sme-btn-quote {
                display: none !important;
            }
            .sme-navbar {
                position: relative;
            }
            #sme-hamburger-btn {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 5px;
                width: 44px;
                height: 44px;
                padding: 0;
                background: none;
                border: 2px solid #c8a84b;
                border-radius: 6px;
                cursor: pointer;
                flex-shrink: 0;
            }
            .sme-ham-bar {
                display: block;
                width: 22px;
                height: 2px;
                background: #0f1f3d;
                border-radius: 2px;
                transition: transform 0.3s ease, opacity 0.3s ease;
            }
            #sme-hamburger-btn.sme-hamburger-btn--open .sme-ham-bar:nth-child(1) {
                transform: translateY(7px) rotate(45deg);
            }
            #sme-hamburger-btn.sme-hamburger-btn--open .sme-ham-bar:nth-child(2) {
                opacity: 0;
                transform: scaleX(0);
            }
            #sme-hamburger-btn.sme-hamburger-btn--open .sme-ham-bar:nth-child(3) {
                transform: translateY(-7px) rotate(-45deg);
            }
            #sme-mobile-nav {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background: #fff;
                border-top: 3px solid #c8a84b;
                box-shadow: 0 8px 24px rgba(15, 31, 61, 0.12);
                z-index: 999;
                padding: 4px 0 8px;
            }
            #sme-mobile-nav.sme-mobile-nav--open {
                display: block;
            }
            #sme-mobile-nav ul {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
                flex-direction: column;
            }
            #sme-mobile-nav li {
                border-bottom: 1px solid #f0f0f0;
            }
            #sme-mobile-nav li:last-child {
                border-bottom: none;
            }
            #sme-mobile-nav a {
                display: block;
                padding: 14px 20px;
                font-size: 15px;
                font-weight: 500;
                color: #0f1f3d;
                text-decoration: none;
            }
            #sme-mobile-nav a:hover,
            #sme-mobile-nav a:active {
                background: #faf7f0;
                color: #c8a84b;
            }
        }

        @media (min-width: 769px) {
            #sme-hamburger-btn {
                display: none !important;
            }
            #sme-mobile-nav {
                display: none !important;
            }
        }

        /* ===== Fix section sub-headline alignment (desktop) ===== */

        /* About section - center tag, H2 title, and subtitle paragraph */

        #about .about-content .tag,
        #about .about-content .section-title,
        #about .about-content p,
        #about .about-content .section-subtitle {
            text-align: center;
        }

        /* Certifications section - center tag, H2 title, and subtitle */

        #certifications .certs-text .tag,
        #certifications .certs-text .section-title,
        #certifications .certs-text p,
        #certifications .certs-text .section-subtitle {
            text-align: center;
        }

        /* CTA section - center tag, H2 title */

        #cta-section .cta-left .tag,
        #cta-section .cta-left .section-title,
        #cta-section .cta-left .section-subtitle {
            text-align: center;
        }

        /* RFQ section - center tag, H2 title */

        #rfq .rfq-left .tag,
        #rfq .rfq-left .section-title,
        #rfq .rfq-left .section-subtitle {
            text-align: center;
        }

        /* Insights section - restructure header to center title above cards */

        @media (min-width: 769px) {
            #insights .insights-header {
                flex-direction: column;
                align-items: center;
                text-align: center;
                gap: 12px;
            }
            #insights .insights-header>* {
                text-align: center;
            }
            #insights .insights-header .tag,
            #insights .insights-header .section-title,
            #insights .insights-header h2 {
                text-align: center;
                width: 100%;
            }
        }

        /* ===== End section sub-headline alignment fix ===== */

        /* Fix .tag (inline-flex) centering — target parent containers */

        #certifications .certs-text,
        #about .about-content,
        #cta-section .cta-left,
        #rfq .rfq-left {
            text-align: center;
        }

        /* Insights section - center the tag pill within its container */

        @media (min-width: 769px) {
            #insights .insights-header .tag {
                display: block;
                margin-left: auto;
                margin-right: auto;
                width: fit-content;
            }
        }

        /* Fix .section-sub paragraph centering in full-width sections */

        .products-header .section-sub,
        .text-center .section-sub,
        .process-header .section-sub,
        .testimonials-header .section-sub {
            margin-left: auto;
            margin-right: auto;
        }

        /* ===== Service Pages ===== */

        .page-hero {
            background: linear-gradient(135deg, #0a1628 0%, #1a2a4a 50%, #0d2444 100%);
            padding: 80px 0 60px;
            text-align: center;
            position: relative;
            overflow: hidden
        }

        .page-hero::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse at center top, rgba(201, 168, 76, .15) 0%, transparent 60%)
        }

        .page-hero .container {
            position: relative;
            z-index: 1
        }

        .page-hero .tag {
            justify-content: center;
            margin: 0 auto 16px
        }

        .page-hero h1 {
            font-size: clamp(2rem, 4vw, 3rem);
            font-weight: 700;
            color: #fff;
            margin-bottom: 20px;
            line-height: 1.2
        }

        .page-hero h1 span {
            color: var(--gold, #c9a84c)
        }

        .page-hero .hero-sub {
            font-size: 1.125rem;
            color: rgba(255, 255, 255, .8);
            max-width: 640px;
            margin: 0 auto 32px;
            line-height: 1.7
        }

        .page-hero .hero-cta {
            display: flex;
            gap: 16px;
            justify-content: center;
            flex-wrap: wrap
        }

        .breadcrumb-bar {
            background: #f8f9fa;
            border-bottom: 1px solid #e9ecef;
            padding: 10px 0;
            font-size: .875rem;
            color: #6c757d
        }

        .breadcrumb-bar a {
            color: var(--ast-global-color-0, #046bd2);
            text-decoration: none
        }

        .breadcrumb-bar span {
            margin: 0 6px
        }

        .overview-section {
            padding: 80px 0;
            background: #fff
        }

        .overview-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center
        }

        .overview-text h2 {
            font-size: clamp(1.5rem, 3vw, 2.25rem);
            font-weight: 700;
            color: #0a1628;
            margin-bottom: 16px
        }

        .overview-text p {
            color: #4a5568;
            line-height: 1.8;
            margin-bottom: 16px
        }

        .overview-stats {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
            margin-top: 32px
        }

        .stat-box {
            background: linear-gradient(135deg, #0a1628, #1a2a4a);
            border-radius: 12px;
            padding: 24px;
            text-align: center
        }

        .stat-box .stat-num {
            font-size: 2rem;
            font-weight: 700;
            color: var(--gold, #c9a84c)
        }

        .stat-box .stat-label {
            font-size: .875rem;
            color: rgba(255, 255, 255, .7);
            margin-top: 4px
        }

        .overview-visual {
            background: linear-gradient(135deg, #f0f4ff, #e8f0fe);
            border-radius: 20px;
            padding: 40px;
            display: flex;
            flex-direction: column;
            gap: 16px
        }

        .overview-feature {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            background: #fff;
            border-radius: 12px;
            padding: 16px 20px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, .06)
        }

        .overview-feature .feat-icon {
            width: 44px;
            height: 44px;
            border-radius: 10px;
            background: linear-gradient(135deg, #046bd2, #045cb4);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            flex-shrink: 0
        }

        .overview-feature h4 {
            font-size: .95rem;
            font-weight: 600;
            color: #0a1628;
            margin-bottom: 4px
        }

        .overview-feature p {
            font-size: .85rem;
            color: #6b7280;
            margin: 0;
            line-height: 1.5
        }

        .srv-grid-section {
            padding: 80px 0;
            background: #f8f9fa
        }

        .srv-grid-section .section-header {
            text-align: center;
            margin-bottom: 48px
        }

        .srv-grid-section .section-sub {
            max-width: 640px;
            margin: 0 auto;
            text-align: center
        }

        .srv-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px
        }

        .srv-card {
            background: #fff;
            border-radius: 16px;
            padding: 32px;
            box-shadow: 0 2px 12px rgba(0, 0, 0, .06);
            transition: transform .2s, box-shadow .2s;
            border-top: 3px solid transparent
        }

        .srv-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 32px rgba(0, 0, 0, .12);
            border-top-color: var(--gold, #c9a84c)
        }

        .srv-card .card-icon {
            width: 56px;
            height: 56px;
            border-radius: 14px;
            background: linear-gradient(135deg, #0a1628, #1a2a4a);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            margin-bottom: 20px
        }

        .srv-card h3 {
            font-size: 1.125rem;
            font-weight: 600;
            color: #0a1628;
            margin-bottom: 12px
        }

        .srv-card p {
            font-size: .9rem;
            color: #6b7280;
            line-height: 1.7;
            margin: 0
        }

        .proc-section {
            padding: 80px 0;
            background: #fff
        }

        .proc-section .section-header {
            text-align: center;
            margin-bottom: 48px
        }

        .proc-section .section-sub {
            max-width: 640px;
            margin: 0 auto;
            text-align: center
        }

        .proc-steps-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
            position: relative
        }

        .proc-steps-grid::before {
            content: '';
            position: absolute;
            top: 40px;
            left: 10%;
            right: 10%;
            height: 2px;
            background: linear-gradient(90deg, #c9a84c, #046bd2);
            z-index: 0
        }

        .proc-step {
            text-align: center;
            position: relative;
            z-index: 1
        }

        .proc-num {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: linear-gradient(135deg, #0a1628, #1a2a4a);
            border: 3px solid var(--gold, #c9a84c);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.75rem;
            margin: 0 auto 20px;
            box-shadow: 0 4px 16px rgba(0, 0, 0, .15)
        }

        .proc-step h3 {
            font-size: 1rem;
            font-weight: 600;
            color: #0a1628;
            margin-bottom: 8px;
            text-align: center
        }

        .proc-step p {
            font-size: .875rem;
            color: #6b7280;
            line-height: 1.6;
            text-align: center
        }

        .why-section {
            padding: 80px 0;
            background: linear-gradient(135deg, #0a1628, #1a2a4a)
        }

        .why-section .section-header {
            text-align: center;
            margin-bottom: 48px
        }

        .why-section .section-title {
            color: #fff;
            text-align: center
        }

        .why-section .section-sub {
            color: rgba(255, 255, 255, .75);
            max-width: 640px;
            margin: 0 auto;
            text-align: center
        }

        .why-section .tag {
            border-color: rgba(201, 168, 76, .5);
            background: rgba(201, 168, 76, .1)
        }

        .why-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px
        }

        .why-card {
            background: rgba(255, 255, 255, .06);
            border: 1px solid rgba(255, 255, 255, .1);
            border-radius: 16px;
            padding: 32px;
            text-align: center;
            transition: background .2s
        }

        .why-card:hover {
            background: rgba(255, 255, 255, .1)
        }

        .why-card .why-icon {
            font-size: 2.5rem;
            margin-bottom: 16px
        }

        .why-card h3 {
            font-size: 1.1rem;
            font-weight: 600;
            color: #fff;
            margin-bottom: 12px
        }

        .why-card p {
            font-size: .9rem;
            color: rgba(255, 255, 255, .7);
            line-height: 1.7;
            margin: 0
        }

        .faq-section {
            padding: 80px 0;
            background: #f8f9fa
        }

        .faq-section .section-header {
            text-align: center;
            margin-bottom: 48px
        }

        .faq-section .section-sub {
            max-width: 640px;
            margin: 0 auto;
            text-align: center
        }

        .faq-list {
            max-width: 800px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 16px
        }

        .faq-item {
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, .06)
        }

        .faq-q {
            padding: 20px 24px;
            font-weight: 600;
            color: #0a1628;
            font-size: 1rem;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            user-select: none
        }

        .faq-q::after {
            content: '+';
            font-size: 1.5rem;
            color: var(--gold, #c9a84c);
            flex-shrink: 0;
            transition: transform .2s;
            margin-left: 16px
        }

        .faq-item.open .faq-q::after {
            transform: rotate(45deg)
        }

        .faq-a {
            padding: 0 24px;
            max-height: 0;
            overflow: hidden;
            transition: max-height .3s ease, padding .3s ease;
            color: #4a5568;
            font-size: .95rem;
            line-height: 1.8
        }

        .faq-item.open .faq-a {
            max-height: 400px;
            padding: 0 24px 20px
        }

        .page-cta-section {
            padding: 80px 0;
            background: #fff
        }

        .page-cta-box {
            background: linear-gradient(135deg, #046bd2, #0a1628);
            border-radius: 24px;
            padding: 60px;
            text-align: center;
            position: relative;
            overflow: hidden
        }

        .page-cta-box::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse at center, rgba(201, 168, 76, .15) 0%, transparent 70%)
        }

        .page-cta-box>* {
            position: relative;
            z-index: 1
        }

        .page-cta-box h2 {
            font-size: clamp(1.5rem, 3vw, 2.25rem);
            font-weight: 700;
            color: #fff;
            margin-bottom: 16px
        }

        .page-cta-box p {
            color: rgba(255, 255, 255, .8);
            max-width: 560px;
            margin: 0 auto 32px
        }

        .cta-btn-group {
            display: flex;
            gap: 16px;
            justify-content: center;
            flex-wrap: wrap
        }

        .btn-outline-white {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 14px 28px;
            border: 2px solid rgba(255, 255, 255, .6);
            border-radius: 8px;
            color: #fff;
            text-decoration: none;
            font-weight: 600;
            font-size: .95rem;
            transition: all .2s
        }

        .btn-outline-white:hover {
            background: rgba(255, 255, 255, .1);
            border-color: #fff
        }

        @media(max-width:768px) {
            .overview-grid,
            .why-grid {
                grid-template-columns: 1fr
            }
            .srv-grid {
                grid-template-columns: 1fr
            }
            .proc-steps-grid {
                grid-template-columns: 1fr 1fr
            }
            .proc-steps-grid::before {
                display: none
            }
            .page-cta-box {
                padding: 40px 24px
            }
            .page-hero {
                padding: 60px 0 40px
            }
        }