:root {
    --fu-orange: #ff9100;
    --fu-orange-dark: #e27d00;
    --fu-petrol: #0a3033;
    --fu-petrol-deep: #062529;
    --fu-petrol-soft: #17484b;
    --fu-cream: #f9f5f2;
    --fu-paper: #fffdfb;
    --fu-border: #dce4e2;
    --fu-muted: #617275;
    --primary: var(--fu-orange);
    --primary-dark: var(--fu-orange-dark);
    --primary-light: #ffad40;
    --accent: var(--fu-orange);
    --accent-dark: var(--fu-orange-dark);
    --secondary: var(--fu-petrol);
    --dark: var(--fu-petrol);
    --darker: var(--fu-petrol-deep);
    --graphite: var(--fu-petrol-soft);
    --light: var(--fu-cream);
    --lighter: var(--fu-paper);
    --white: var(--fu-cream);
    --gray: #8a9a9c;
    --gray-light: #dce8e6;
    --gray-dark: #31585a;
    --success: #2e7d32;
    --warning: #b45309;
    --glass-bg: rgba(10, 48, 51, .97);
    --glass-border: rgba(255, 145, 0, .2);
    --fu-ease-out: cubic-bezier(.22, 1, .36, 1);
    --fu-ease-soft: cubic-bezier(.4, 0, .2, 1);
    --transition-fast: .34s var(--fu-ease-soft);
    --transition-normal: .58s var(--fu-ease-out);
    --transition-slow: .92s var(--fu-ease-out);
}

@keyframes fuTextReveal {
    from {
        opacity: 0;
        filter: blur(5px);
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        filter: blur(0);
        transform: translateY(0);
    }
}

@keyframes fuCardReveal {
    from {
        opacity: 0;
        transform: translateY(24px) scale(.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes fuLogoReveal {
    from {
        opacity: 0;
        filter: blur(4px);
        transform: translateX(-12px);
    }
    to {
        opacity: 1;
        filter: blur(0);
        transform: translateX(0);
    }
}

@keyframes fuRuleReveal {
    from {
        opacity: 0;
        transform: scaleX(0);
    }
    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

html,
body {
    background: var(--fu-cream);
    color: var(--fu-petrol);
    font-family: "Plus Jakarta Sans", sans-serif;
}

:where(a, button, input, select, textarea):focus-visible {
    outline-color: rgba(255, 145, 0, .78);
}

.storefront-loader {
    background: var(--fu-petrol);
}

.storefront-loader-mark {
    color: var(--fu-cream);
}

.storefront-loader-mark span,
.storefront-loader-line::after {
    color: var(--fu-orange);
    background: var(--fu-orange);
}

.storefront-loader-line {
    background: var(--fu-petrol-soft);
}

.farmautil-header-wrap,
.farmautil-header-wrap.scrolled {
    background: rgba(10, 48, 51, .98);
    border-bottom-color: rgba(255, 145, 0, .24);
    box-shadow: 0 10px 32px rgba(6, 37, 41, .22);
}

.farmautil-promo-strip {
    color: var(--fu-cream);
    background: var(--fu-petrol-deep);
    border-bottom-color: rgba(255, 145, 0, .18);
}

.farmautil-brand {
    width: 205px;
    min-width: 205px;
    padding: 0;
}

.farmautil-brand-logo {
    display: block;
    width: 205px;
    height: auto;
    animation: fuLogoReveal .95s .12s both var(--fu-ease-out);
    transition: filter .62s var(--fu-ease-soft), transform .62s var(--fu-ease-out);
}

.farmautil-brand:hover .farmautil-brand-logo {
    filter: drop-shadow(0 8px 15px rgba(255, 145, 0, .2));
    transform: translateY(-1px) scale(1.012);
}

.farmautil-nav-link,
.farmautil-action-btn {
    color: #dce8e6;
}

.farmautil-nav-link {
    position: relative;
}

.farmautil-nav-link::after {
    position: absolute;
    right: 16px;
    bottom: 3px;
    left: 16px;
    height: 1px;
    content: "";
    background: var(--fu-orange);
    opacity: .8;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .58s var(--fu-ease-out);
}

.farmautil-nav-link:hover::after,
.farmautil-nav .active .farmautil-nav-link::after {
    transform: scaleX(1);
}

.farmautil-nav > .nav-item,
.farmautil-actions {
    animation: fuTextReveal .8s both var(--fu-ease-out);
}

.farmautil-nav > .nav-item:nth-child(1) {
    animation-delay: .18s;
}

.farmautil-nav > .nav-item:nth-child(2) {
    animation-delay: .24s;
}

.farmautil-nav > .nav-item:nth-child(3) {
    animation-delay: .3s;
}

.farmautil-nav > .nav-item:nth-child(4) {
    animation-delay: .36s;
}

.farmautil-nav > .nav-item:nth-child(5),
.farmautil-actions {
    animation-delay: .42s;
}

.farmautil-nav-link:hover,
.farmautil-action-btn:hover {
    color: var(--fu-orange);
    background: rgba(255, 145, 0, .11);
}

.farmautil-action-btn .cart-badge {
    background: var(--fu-orange);
    color: var(--fu-petrol);
}

.farmautil-toggler {
    border-color: rgba(249, 245, 242, .35);
}

.farmautil-search-expand .form-control {
    border-color: rgba(249, 245, 242, .24);
    background: var(--fu-petrol-deep);
    color: var(--fu-cream);
}

.farmautil-search-expand .form-control:focus {
    border-color: var(--fu-orange);
    box-shadow: 0 0 0 3px rgba(255, 145, 0, .16);
}

.heroCarousel {
    background: var(--fu-petrol-deep);
}

.heroCarousel::after {
    background: linear-gradient(90deg, rgba(6, 37, 41, .93) 0%, rgba(10, 48, 51, .67) 47%, rgba(10, 48, 51, .15) 76%), linear-gradient(0deg, var(--fu-petrol) 0%, transparent 24%);
}

.hero-slide-img {
    filter: saturate(.72) contrast(1.03) sepia(.08) hue-rotate(112deg);
}

.hero-copy,
.hero-title {
    color: var(--fu-cream);
}

.carousel-item.active .hero-kicker,
.carousel-item.active .hero-title,
.carousel-item.active .hero-subtitle,
.carousel-item.active .hero-cta {
    animation: fuTextReveal 1s both var(--fu-ease-out);
}

.carousel-item.active .hero-kicker {
    animation-delay: .18s;
}

.carousel-item.active .hero-title {
    animation-delay: .3s;
}

.carousel-item.active .hero-subtitle {
    animation-delay: .44s;
}

.carousel-item.active .hero-cta {
    animation-delay: .58s;
}

.hero-kicker {
    border-color: rgba(255, 145, 0, .48);
    background: rgba(255, 145, 0, .1);
    color: var(--fu-orange);
}

.hero-subtitle {
    color: #dce8e6;
}

.hero-cta,
.category-btn,
.promo-banner-btn,
.footer-catalog-cta,
.cart-checkout-btn,
.cart-shop-btn,
.back-to-top {
    border-color: var(--fu-orange);
    background: var(--fu-orange);
    color: var(--fu-petrol);
    box-shadow: 0 14px 34px rgba(255, 145, 0, .2);
    overflow: hidden;
    position: relative;
    isolation: isolate;
    transition: color .45s var(--fu-ease-soft), background .45s var(--fu-ease-soft), border-color .45s var(--fu-ease-soft), box-shadow .65s var(--fu-ease-out), transform .65s var(--fu-ease-out);
}

.hero-cta::before,
.category-btn::before,
.promo-banner-btn::before,
.footer-catalog-cta::before,
.cart-checkout-btn::before,
.cart-shop-btn::before {
    position: absolute;
    inset: -30% auto -30% -45%;
    z-index: -1;
    width: 34%;
    content: "";
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .38), transparent);
    transform: translateX(-180%) skewX(-18deg);
    transition: transform 1.05s var(--fu-ease-out);
}

.hero-cta:hover::before,
.category-btn:hover::before,
.promo-banner-btn:hover::before,
.footer-catalog-cta:hover::before,
.cart-checkout-btn:hover::before,
.cart-shop-btn:hover::before {
    transform: translateX(620%) skewX(-18deg);
}

.hero-cta:hover,
.category-btn:hover,
.promo-banner-btn:hover,
.footer-catalog-cta:hover,
.cart-checkout-btn:hover,
.cart-shop-btn:hover,
.back-to-top:hover {
    border-color: var(--fu-orange-dark);
    background: var(--fu-orange-dark);
    color: var(--fu-petrol-deep);
}

.farmautil-main-root,
.category-showcase,
.product-carousel-section,
.best-sellers-section,
.new-arrivals-section,
.mg-product-explorer,
.blog-section,
.news-section,
.events-section,
.community-hub,
.trust-badge-section {
    background: var(--fu-cream) !important;
}

.section-header,
.mg-explorer-title {
    color: var(--fu-petrol);
}

.section-header::after {
    background: var(--fu-orange);
    transform-origin: left center;
}

.reveal.visible .section-header,
.reveal.visible .mg-explorer-title {
    animation: fuTextReveal .95s .08s both var(--fu-ease-out);
}

.reveal.visible .section-header::after {
    animation: fuRuleReveal .9s .36s both var(--fu-ease-out);
}

.reveal.visible .row > * {
    animation: fuCardReveal .9s .16s both var(--fu-ease-out);
}

.reveal.visible .row > *:nth-child(2) {
    animation-delay: .25s;
}

.reveal.visible .row > *:nth-child(3) {
    animation-delay: .34s;
}

.reveal.visible .row > *:nth-child(4) {
    animation-delay: .43s;
}

.category-card {
    border-color: rgba(10, 48, 51, .16);
    background: var(--fu-petrol);
    box-shadow: 0 15px 38px rgba(10, 48, 51, .13);
}

.category-card:hover {
    border-color: rgba(255, 145, 0, .65);
    box-shadow: 0 20px 46px rgba(10, 48, 51, .18);
}

.category-img {
    filter: saturate(.72) contrast(1.03);
}

.category-overlay {
    background: linear-gradient(180deg, transparent 18%, rgba(6, 37, 41, .94) 92%);
}

.category-title-line,
.promo-banner-title,
.promo-banner-line {
    color: var(--fu-cream);
}

.product-card,
.blog-card,
.news-card,
.event-card,
.community-post-card,
.trust-badge-card {
    border-color: var(--fu-border);
    background: var(--fu-paper);
    color: var(--fu-petrol);
    box-shadow: 0 12px 32px rgba(10, 48, 51, .08);
    transition: border-color .58s var(--fu-ease-soft), box-shadow .72s var(--fu-ease-out), transform .72s var(--fu-ease-out);
}

.product-card:hover,
.blog-card:hover,
.news-card:hover,
.event-card:hover {
    border-color: rgba(255, 145, 0, .52);
    box-shadow: 0 20px 44px rgba(10, 48, 51, .14);
    transform: translateY(-7px);
}

.product-card,
.blog-card,
.news-card,
.event-card,
.community-post-card {
    position: relative;
    transition: border-color .58s var(--fu-ease-soft), box-shadow .72s var(--fu-ease-out), transform .72s var(--fu-ease-out);
}

.product-card::after,
.blog-card::after,
.news-card::after,
.event-card::after,
.community-post-card::after {
    position: absolute;
    inset: 0;
    border: 1px solid transparent;
    border-radius: inherit;
    content: "";
    pointer-events: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
    opacity: 0;
    transition: opacity .62s var(--fu-ease-soft);
}

.product-card:hover::after,
.blog-card:hover::after,
.news-card:hover::after,
.event-card:hover::after,
.community-post-card:hover::after {
    opacity: 1;
}

.product-card:hover .product-img,
.blog-card:hover .blog-img,
.news-card:hover .news-img,
.event-card:hover .event-img {
    transform: scale(1.035);
}

.product-img-wrap {
    background: #edf1ef;
}

.product-name,
.blog-title,
.news-title,
.event-title,
.community-post-title,
.trust-badge-title {
    color: var(--fu-petrol);
}

.product-desc,
.blog-excerpt,
.news-excerpt,
.event-desc,
.community-post-excerpt,
.trust-badge-desc.text-muted {
    color: var(--fu-muted) !important;
}

.product-category,
.product-rating,
.blog-date,
.type-badge,
.trust-badge-icon {
    color: var(--fu-orange);
}

.product-actions .btn {
    border-color: #b8c6c4;
    color: var(--fu-petrol);
}

.product-actions .btn-dark,
.product-actions .btn-dark:hover {
    border-color: var(--fu-orange);
    background: var(--fu-orange);
    color: var(--fu-petrol);
}

.product-actions .btn-dark:hover {
    background: var(--fu-orange-dark);
}

.product-actions .btn-outline-secondary.is-saved {
    border-color: var(--fu-orange);
    background: rgba(255, 145, 0, .12);
    color: var(--fu-petrol);
}

.product-actions .btn:disabled {
    border-color: #d3dcda;
    background: #e8edeb;
    color: #7c8c8e;
}

.stock-dot.in-stock {
    background: var(--success);
    box-shadow: 0 0 0 3px rgba(46, 125, 50, .14);
}

.mg-product-filters {
    border-color: var(--fu-border) !important;
    background: var(--fu-paper) !important;
}

.mg-product-filters label {
    color: var(--fu-petrol) !important;
}

.mg-product-filters select {
    border-color: #b8c6c4 !important;
    background: var(--fu-cream) !important;
    color: var(--fu-petrol) !important;
}

.promo-banner-card {
    border-color: rgba(10, 48, 51, .16);
}

.promo-banner-overlay {
    background: linear-gradient(90deg, rgba(6, 37, 41, .94), rgba(10, 48, 51, .28));
}

.trust-badge-section {
    border-color: var(--fu-border);
}

.search-results-dropdown,
.modal-content-wrapper,
.dynamic-modal-wrapper,
.mg-modal-wrapper {
    border-color: var(--fu-border);
    background: var(--fu-paper) !important;
    color: var(--fu-petrol);
    box-shadow: 0 24px 60px rgba(10, 48, 51, .22);
    transition: opacity .5s var(--fu-ease-soft), transform .68s var(--fu-ease-out), box-shadow .68s var(--fu-ease-out);
}

.search-result-row {
    border-bottom-color: var(--fu-border);
}

.search-result-row:hover {
    background: var(--fu-cream);
}

.search-result-title,
.cart-item-name,
.cart-modal-title,
.mg-quick-view-content {
    color: var(--fu-petrol);
}

.search-result-icon {
    background: rgba(255, 145, 0, .14);
    color: var(--fu-orange-dark);
}

.search-group-header,
.search-hint,
.search-no-results,
.search-popular {
    color: var(--fu-muted);
}

.cart-modal {
    color: var(--fu-petrol);
}

.cart-modal-header,
.cart-item,
.cart-summary {
    border-color: var(--fu-border);
}

.cart-clear-btn,
.bf-pix-erricon {
    color: #b42318;
}

.site-footer {
    border-top-color: rgba(255, 145, 0, .34);
    background: var(--fu-petrol);
    color: var(--fu-cream);
}

.site-footer a,
.footer-link,
.footer-sub-desc,
.footer-feature-desc,
.footer-phone-label {
    color: #cad9d7;
}

.footer-title,
.footer-feature-title,
.footer-phone {
    color: var(--fu-cream);
}

.footer-title::after,
.footer-feature-title i,
.footer-link:hover {
    color: var(--fu-orange);
    background: var(--fu-orange);
}

.copyright-bar {
    border-top-color: rgba(249, 245, 242, .12);
    background: var(--fu-petrol-deep);
}

.bf-pix-overlay {
    background: rgba(6, 37, 41, .86);
    transition: opacity .5s var(--fu-ease-soft), visibility .5s var(--fu-ease-soft), backdrop-filter .65s var(--fu-ease-soft);
}

.bf-pix-box {
    border-color: var(--fu-border);
    background: var(--fu-paper);
    color: var(--fu-petrol);
    box-shadow: 0 20px 55px rgba(6, 37, 41, .3);
    transition: opacity .5s var(--fu-ease-soft), transform .68s var(--fu-ease-out), box-shadow .68s var(--fu-ease-out);
}

.bf-pix-header h4,
.bf-pix-status {
    color: var(--fu-petrol);
}

.bf-pix-close,
.bf-pix-coderow input,
.bf-pix-copy {
    border-color: #b8c6c4;
    background: var(--fu-cream);
    color: var(--fu-petrol);
}

.bf-pix-amount,
.bf-pix-header i,
.bf-pix-okicon,
.bf-pix-oktext {
    color: var(--fu-orange-dark);
}

.bf-pix-real,
.bf-pix-codelabel,
.bf-pix-sub,
.bf-pix-waiting {
    color: var(--fu-muted);
}

.bf-pix-qrwrap {
    border: 1px solid var(--fu-border);
    background: #ffffff;
}

.bf-pix-btn {
    background: var(--fu-orange);
    color: var(--fu-petrol);
}

.bf-pix-btn:hover {
    background: var(--fu-orange-dark);
}

@media (max-width: 991px) {
    .farmautil-brand,
    .farmautil-brand-logo {
        width: 168px;
        min-width: 168px;
    }

    .farmautil-search-expand {
        right: 92px;
        overflow: hidden;
    }

    .farmautil-search-expand.open {
        width: min(200px, calc(100vw - 184px));
    }
}

@media (max-width: 575px) {
    .farmautil-brand,
    .farmautil-brand-logo {
        width: 145px;
        min-width: 145px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .farmautil-brand-logo,
    .farmautil-nav > .nav-item,
    .farmautil-actions,
    .carousel-item.active .hero-kicker,
    .carousel-item.active .hero-title,
    .carousel-item.active .hero-subtitle,
    .carousel-item.active .hero-cta,
    .reveal.visible .section-header,
    .reveal.visible .mg-explorer-title,
    .reveal.visible .section-header::after,
    .reveal.visible .row > * {
        animation: none;
        filter: none;
        opacity: 1;
        transform: none;
    }

    .hero-cta::before,
    .category-btn::before,
    .promo-banner-btn::before,
    .footer-catalog-cta::before,
    .cart-checkout-btn::before,
    .cart-shop-btn::before {
        display: none;
    }
}

@keyframes fuCurtainLine {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scaleX(0);
    }
    35% {
        opacity: 1;
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scaleX(1);
    }
}

html {
    scroll-behavior: smooth;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

::selection {
    background: rgba(255, 145, 0, .3);
    color: var(--fu-petrol-deep);
}

:where(h1, h2, h3, h4, h5, h6, .section-header, .hero-title, .promo-banner-title, .modal-title, .cart-modal-title) {
    text-wrap: balance;
}

:where(p, .hero-subtitle, .section-subtitle, .product-description, .promo-banner-line, .footer-sub-desc) {
    text-wrap: pretty;
}

:where(a, button, input, select, textarea):focus-visible {
    outline: 3px solid rgba(255, 145, 0, .92);
    outline-offset: 3px;
    box-shadow: 0 0 0 5px rgba(10, 48, 51, .22);
}

.fu-scroll-progress {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10020;
    height: 3px;
    pointer-events: none;
    background: linear-gradient(90deg, var(--fu-orange-dark), var(--fu-orange) 58%, #ffc36f);
    box-shadow: 0 2px 12px rgba(255, 145, 0, .34);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .16s linear;
}

.fu-motion-toggle {
    position: relative;
}

.fu-motion-toggle::after {
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 5px;
    height: 5px;
    content: "";
    border-radius: 50%;
    background: var(--fu-orange);
    box-shadow: 0 0 0 3px rgba(255, 145, 0, .14);
    opacity: .9;
    transition: opacity .45s var(--fu-ease-soft), transform .52s var(--fu-ease-out);
}

.fu-motion-toggle[aria-pressed="true"]::after {
    opacity: .45;
    transform: scale(.72);
}

:where(main .reveal:not(:first-child), .farmautil-main-root > section:not(:first-child)) {
    content-visibility: auto;
    contain-intrinsic-size: auto 760px;
}

:where(.product-card, .category-card, .blog-card, .news-card, .event-card, .trust-badge-card, .dynamic-modal-wrapper, .mg-modal-wrapper, .cart-modal-content, .bf-pix-box) {
    isolation: isolate;
}

html.fu-motion-ready body::before {
    position: fixed;
    inset: 0;
    z-index: 9998;
    content: "";
    pointer-events: none;
    background: radial-gradient(circle at 50% 46%, #17484b 0%, var(--fu-petrol) 38%, var(--fu-petrol-deep) 100%);
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 1.25s var(--fu-ease-soft), visibility 1.25s var(--fu-ease-soft), transform 1.45s var(--fu-ease-out);
}

html.fu-motion-ready body::after {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    width: min(190px, 48vw);
    height: 2px;
    content: "";
    pointer-events: none;
    background: linear-gradient(90deg, transparent, var(--fu-orange) 22%, var(--fu-orange) 78%, transparent);
    box-shadow: 0 0 18px rgba(255, 145, 0, .32);
    transform-origin: center;
    animation: fuCurtainLine 1.05s .08s both var(--fu-ease-out);
    transition: opacity .7s var(--fu-ease-soft), transform .9s var(--fu-ease-out), visibility .9s var(--fu-ease-soft);
}

html.fu-motion-ready.fu-motion-live body::before {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1.5%);
}

html.fu-motion-ready.fu-motion-live body::after {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scaleX(1.35);
}

html.fu-motion-ready .farmautil-brand-logo,
html.fu-motion-ready .farmautil-nav > .nav-item,
html.fu-motion-ready .farmautil-actions,
html.fu-motion-ready .carousel-item.active .hero-kicker,
html.fu-motion-ready .carousel-item.active .hero-title,
html.fu-motion-ready .carousel-item.active .hero-subtitle,
html.fu-motion-ready .carousel-item.active .hero-cta,
html.fu-motion-ready .reveal.visible .section-header,
html.fu-motion-ready .reveal.visible .mg-explorer-title,
html.fu-motion-ready .reveal.visible .section-header::after,
html.fu-motion-ready .reveal.visible .row > * {
    animation: none;
}

html.fu-motion-ready .fu-motion-item {
    opacity: 0;
    transform: translate3d(0, 13px, 0);
    will-change: opacity, transform;
    transition-delay: var(--fu-motion-delay, 0ms);
    transition-property: opacity, transform;
    transition-duration: 1.08s, 1.22s;
    transition-timing-function: var(--fu-ease-soft), var(--fu-ease-out);
}

html.fu-motion-ready .fu-motion-item.fu-motion-block {
    transform: translate3d(0, 25px, 0) scale(.985);
    transition-duration: 1.18s, 1.42s;
}

html.fu-motion-ready .fu-motion-item.fu-motion-media {
    transform: translate3d(0, 16px, 0) scale(1.025);
    transition-duration: 1.35s, 1.6s;
}

html.fu-motion-ready .fu-motion-item.fu-motion-control {
    transform: translate3d(0, 10px, 0) scale(.975);
    transition-duration: .95s, 1.12s;
}

html.fu-motion-ready .fu-motion-item.fu-motion-banner {
    transform: translate3d(0, 30px, 0) scale(.99);
    transition-duration: 1.38s, 1.7s;
}

html.fu-motion-ready .fu-motion-item.fu-motion-modal {
    transform: translate3d(0, 23px, 0) scale(.955);
    transition-duration: 1.05s, 1.32s;
}

html.fu-motion-ready .fu-motion-item.fu-motion-title {
    transform: translate3d(0, 17px, 0);
    transition-duration: 1.18s, 1.35s;
}

html.fu-motion-ready .fu-motion-item.fu-motion-section {
    transform: translate3d(0, 22px, 0);
    transition-duration: 1.28s, 1.5s;
}

html.fu-motion-ready .fu-motion-item.fu-motion-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

html.fu-motion-ready .fu-motion-item.fu-motion-reset {
    transition: none;
}

html.fu-motion-ready .fu-motion-item.fu-motion-settled {
    transition-delay: 0ms;
    transition-property: transform, box-shadow, border-color, background-color, color, opacity;
    transition-duration: .62s, .72s, .5s, .5s, .45s, .45s;
    transition-timing-function: var(--fu-ease-out), var(--fu-ease-out), var(--fu-ease-soft), var(--fu-ease-soft), var(--fu-ease-soft), var(--fu-ease-soft);
    will-change: auto;
}

html.fu-motion-ready body :where(a, button, input, select, textarea, img, .card, .product-card, .category-card, .trust-badge-card) {
    transition-timing-function: var(--fu-ease-out);
}

@media (hover: hover) and (pointer: fine) {
    html.fu-motion-ready .fu-motion-item.fu-motion-visible.product-card:hover,
    html.fu-motion-ready .fu-motion-item.fu-motion-visible.blog-card:hover,
    html.fu-motion-ready .fu-motion-item.fu-motion-visible.news-card:hover,
    html.fu-motion-ready .fu-motion-item.fu-motion-visible.event-card:hover,
    html.fu-motion-ready .fu-motion-item.fu-motion-visible.category-card:hover {
        transform: translate3d(0, -7px, 0) scale(1);
    }

    html.fu-motion-ready .product-card:hover .fu-motion-item.fu-motion-visible.product-img,
    html.fu-motion-ready .blog-card:hover .fu-motion-item.fu-motion-visible.blog-img,
    html.fu-motion-ready .news-card:hover .fu-motion-item.fu-motion-visible.news-img,
    html.fu-motion-ready .event-card:hover .fu-motion-item.fu-motion-visible.event-img {
        transform: translate3d(0, 0, 0) scale(1.035);
    }

    :where(.hero-cta, .category-btn, .promo-banner-btn, .farmautil-action-btn, .product-card, .category-card):active {
        transform: translate3d(0, 1px, 0) scale(.985);
        transition-duration: .16s;
    }
}

@media (pointer: coarse) {
    :where(a, button, input, select, textarea, .farmautil-action-btn) {
        min-height: 44px;
    }
}

@media (prefers-contrast: more) {
    :root {
        --fu-border: #708785;
        --fu-muted: #354f51;
    }

    :where(.product-card, .category-card, .blog-card, .news-card, .event-card, .trust-badge-card, .dynamic-modal-wrapper, .mg-modal-wrapper, .cart-modal-content, .bf-pix-box) {
        border-width: 2px;
    }

    .farmautil-header-wrap,
    .modal-overlay,
    .bf-pix-overlay {
        backdrop-filter: none;
    }
}

@media (prefers-reduced-transparency: reduce) {
    .farmautil-header-wrap,
    .farmautil-header-wrap.scrolled {
        background: var(--fu-petrol);
        backdrop-filter: none;
    }

    .modal-overlay,
    .bf-pix-overlay {
        backdrop-filter: none;
    }
}

html.fu-motion-disabled {
    scroll-behavior: auto;
}

html.fu-motion-disabled body::before,
html.fu-motion-disabled body::after {
    display: none;
}

html.fu-motion-disabled .fu-motion-item,
html.fu-motion-disabled .fu-motion-item.fu-motion-visible {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
}

@keyframes fuCategorySweep {
    0% {
        opacity: 0;
        transform: translate3d(-135%, 0, 0) skewX(-14deg);
    }
    32% {
        opacity: .26;
    }
    100% {
        opacity: 0;
        transform: translate3d(165%, 0, 0) skewX(-14deg);
    }
}

@keyframes fuLanguageResolve {
    0% {
        opacity: .46;
        transform: translate3d(0, 5px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.language-action {
    min-width: 42px;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 10030;
    opacity: 0;
    transform: translate3d(0, -150%, 0);
    transition: opacity .42s var(--fu-ease-soft), transform .56s var(--fu-ease-out);
}

.skip-link:focus,
.skip-link:focus-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.category-card[role="link"] {
    position: relative;
    cursor: pointer;
    user-select: none;
    transform-origin: center bottom;
    transition: transform .82s var(--fu-ease-out), border-color .62s var(--fu-ease-soft), box-shadow .82s var(--fu-ease-out);
}

.category-card[role="link"]::before {
    position: absolute;
    inset: -18% auto -18% -34%;
    z-index: 4;
    width: 34%;
    content: "";
    pointer-events: none;
    background: linear-gradient(96deg, transparent 8%, rgba(249, 245, 242, .22) 48%, transparent 92%);
    opacity: 0;
    transform: translate3d(-135%, 0, 0) skewX(-14deg);
}

.category-card[role="link"]::after {
    position: absolute;
    inset: 0;
    z-index: 3;
    content: "";
    pointer-events: none;
    border: 1px solid rgba(249, 245, 242, .08);
    border-radius: inherit;
    background: radial-gradient(circle at 76% 18%, rgba(255, 145, 0, .12), transparent 34%);
    box-shadow: inset 0 -72px 88px rgba(6, 37, 41, .2);
    transition: border-color .68s var(--fu-ease-soft), background .82s var(--fu-ease-soft), box-shadow .82s var(--fu-ease-out);
}

.category-card[role="link"] .category-img-wrap {
    position: relative;
}

.category-card[role="link"] .category-overlay {
    z-index: 5;
    opacity: 0;
    transform: translate3d(0, 14px, 0);
    transition: opacity 1.12s .18s var(--fu-ease-soft), transform 1.34s .18s var(--fu-ease-out), background .82s var(--fu-ease-soft);
}

html.fu-motion-ready .category-card[role="link"] .category-img.fu-motion-item {
    opacity: 0;
    transform: translate3d(0, 10px, 0) scale(1.09);
    transition: opacity 1.28s var(--fu-ease-soft), transform 1.72s var(--fu-ease-out);
}

html.fu-motion-ready .category-card[role="link"].fu-motion-visible .category-img.fu-motion-item.fu-motion-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

.category-card[role="link"].fu-motion-visible .category-overlay {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.category-card[role="link"].fu-motion-visible::before {
    animation: fuCategorySweep 1.85s .62s both var(--fu-ease-out);
}

html.fu-motion-ready .category-card[role="link"] .category-title-line.fu-motion-item {
    opacity: 0;
    transform: translate3d(-16px, 9px, 0);
    transition: opacity 1.02s var(--fu-ease-soft), transform 1.28s var(--fu-ease-out), letter-spacing .72s var(--fu-ease-out);
}

html.fu-motion-ready .category-card[role="link"] .category-title-line.fu-motion-item:nth-child(2) {
    transition-delay: .14s;
}

html.fu-motion-ready .category-card[role="link"] .category-title-line.fu-motion-item:nth-child(3) {
    transition-delay: .24s;
}

html.fu-motion-ready .category-card[role="link"] .category-title-line.fu-motion-item.fu-motion-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

html.fu-motion-ready .category-card[role="link"] .category-btn.fu-motion-item {
    pointer-events: none;
    opacity: 0;
    transform: translate3d(0, 12px, 0) scale(.97);
    transition: opacity .98s .28s var(--fu-ease-soft), transform 1.2s .28s var(--fu-ease-out), color .46s var(--fu-ease-soft), background-color .46s var(--fu-ease-soft), box-shadow .62s var(--fu-ease-out);
}

html.fu-motion-ready .category-card[role="link"] .category-btn.fu-motion-item.fu-motion-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

.category-card[role="link"]:focus-visible {
    outline: 3px solid var(--fu-orange);
    outline-offset: 5px;
    border-color: var(--fu-orange);
    box-shadow: 0 24px 58px rgba(10, 48, 51, .24), 0 0 0 6px rgba(255, 145, 0, .16);
}

html.fu-language-transition .farmautil-main-root :where(h1, h2, h3, h4, h5, h6, p, label, button, a, option, .category-title-line, .promo-strip-text),
html.fu-language-transition .farmautil-overlay-root :where(h1, h2, h3, h4, h5, h6, p, label, button, a) {
    animation: fuLanguageResolve .74s both var(--fu-ease-out);
}

@media (hover: hover) and (pointer: fine) {
    html.fu-motion-ready .category-card[role="link"].fu-motion-visible:hover {
        border-color: rgba(255, 145, 0, .78);
        box-shadow: 0 28px 64px rgba(10, 48, 51, .25), 0 10px 26px rgba(255, 145, 0, .08);
        transform: translate3d(0, -8px, 0) scale(1.008);
    }

    html.fu-motion-ready .category-card[role="link"].fu-motion-visible:hover .category-img.fu-motion-item.fu-motion-visible {
        transform: translate3d(0, 0, 0) scale(1.058);
    }

    .category-card[role="link"]:hover .category-overlay {
        background: linear-gradient(180deg, rgba(6, 37, 41, .04) 8%, rgba(6, 37, 41, .96) 92%);
        transform: translate3d(0, -3px, 0);
    }

    .category-card[role="link"]:hover .category-title-line {
        letter-spacing: .075em;
    }

    .category-card[role="link"]:hover .category-btn {
        background: var(--fu-orange-dark);
        box-shadow: 0 14px 30px rgba(255, 145, 0, .26);
    }
}

@media (prefers-reduced-motion: reduce) {
    .category-card[role="link"]::before {
        animation: none;
    }

    .category-card[role="link"] .category-overlay,
    html.fu-motion-ready .category-card[role="link"] .category-img.fu-motion-item,
    html.fu-motion-ready .category-card[role="link"] .category-title-line.fu-motion-item,
    html.fu-motion-ready .category-card[role="link"] .category-btn.fu-motion-item {
        opacity: 1;
        transform: none;
        transition: none;
    }

    html.fu-language-transition .farmautil-main-root *,
    html.fu-language-transition .farmautil-overlay-root * {
        animation: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    html.fu-motion-ready body::before,
    html.fu-motion-ready body::after {
        display: none;
    }

    html.fu-motion-ready .fu-motion-item,
    html.fu-motion-ready .fu-motion-item.fu-motion-block,
    html.fu-motion-ready .fu-motion-item.fu-motion-media,
    html.fu-motion-ready .fu-motion-item.fu-motion-control,
    html.fu-motion-ready .fu-motion-item.fu-motion-banner,
    html.fu-motion-ready .fu-motion-item.fu-motion-modal,
    html.fu-motion-ready .fu-motion-item.fu-motion-title,
    html.fu-motion-ready .fu-motion-item.fu-motion-section,
    html.fu-motion-ready .fu-motion-item.fu-motion-visible {
        opacity: 1;
        filter: none;
        transform: none;
        transition: none;
        will-change: auto;
    }

    .fu-scroll-progress {
        transition: none;
    }
}