@font-face {
    font-family: 'Indivisible';
    src: url('fonts/Indivisible-Regular.eot');
    src: url('fonts/Indivisible-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/Indivisible-Regular.woff2') format('woff2'),
    url('fonts/Indivisible-Regular.woff') format('woff'),
    url('fonts/Indivisible-Regular.ttf') format('truetype'),
    url('fonts/Indivisible-Regular.svg#Indivisible-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bruno Ace SC';
    src: url('fonts/BrunoAceSC-Regular.eot');
    src: url('fonts/BrunoAceSC-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/BrunoAceSC-Regular.woff2') format('woff2'),
    url('fonts/BrunoAceSC-Regular.woff') format('woff'),
    url('fonts/BrunoAceSC-Regular.ttf') format('truetype'),
    url('fonts/BrunoAceSC-Regular.svg#BrunoAceSC-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Iceland';
    src: url('fonts/Iceland-Regular.eot');
    src: url('fonts/Iceland-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/Iceland-Regular.woff2') format('woff2'),
    url('fonts/Iceland-Regular.woff') format('woff'),
    url('fonts/Iceland-Regular.ttf') format('truetype'),
    url('fonts/Iceland-Regular.svg#Iceland-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.primary-font {
    font-family: "Indivisible", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}
.secondary-font {
    font-family: "Indivisible", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 { letter-spacing: normal !important; }

.bg-card-products {
    background: rgb(1,6,10);
    background: -moz-linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(42,72,84,1) 85%);
    background: -webkit-linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(42,72,84,1) 85%);
    background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(42,72,84,1) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01060a",endColorstr="#2a4854",GradientType=1);
}
.bg-transition {
    background: rgb(42,72,84) !important;
    background: -moz-linear-gradient(180deg, rgba(42,72,84,1) 0%, rgba(244,244,244,1) 100%) !important;
    background: -webkit-linear-gradient(180deg, rgba(42,72,84,1) 0%, rgba(244,244,244,1) 100%) !important;
    background: linear-gradient(180deg, rgba(42,72,84,1) 0%, rgba(244,244,244,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a4854",endColorstr="#f4f4f4",GradientType=1) !important;
}
.card-products {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: end;

    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

    border-radius: 8px;
}

@media (max-width: 991px) {
    .card-products {
        height: 400px;
    }
}

@media (max-width: 576px) {
    .card-products {
        height: 400px;
    }
}

/* Globo Home */
.globo_vallend img {
    margin-left: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .globo_vallend img {
        margin-left: -40% !important;
        max-width: 140%;
    }
}
@media (max-width: 991px) {
    .globo_vallend { display: none; }
}
/* end Globo Home */

.hamburguer-btn.hamburguer-btn-side-header { top: 0; left: 8px; }
.sticky-wrapper.sticky-wrapper-effect-1.sticky-effect-active .sticky-body { background: var(--primary) !important; }
.page-header h1 { line-height: 1.3; }
.image_teme {
    position: fixed;
    bottom: 0;
    left: 30vh;
    z-index: 8;
}
.image_senhor { left: 40vh !important; }
.image_produtor { left: 30vh !important; }

@media (min-width: 1335px) and (max-width: 1525px) {
    .image_senhor { display: none; }
    .image_produtor { left: 16vh !important; }
}

@media (min-width: 600px) and (max-width: 1335px) {
    .image_senhor { display: none; }
    .image_produtor { display: none }
}

.image_teme img { height: 65vh; }
/* end */

/* -----------------------------------------------  */

/* Btn animation m3_purchase_checkot & inc_footer_checkout */
.containered{
    display: flex;
}
.containered span {
    opacity: 0;
    padding-left: 10px;
}

.containered a {
    width: 50px;
    height: 40px;
}


.containered a:hover{
    animation: grow 0.2s linear forwards;
}


.containered a:hover span{
    animation: showText 0.5s linear forwards;
}

.containered button {
    width: 50px;
    height: 40px;
}

.containered button:hover{
    animation: grow 0.2s linear forwards;
}

.containered button:hover span{
    animation: showText 0.5s linear forwards;
}

@keyframes grow{
    0%{
        width: 50px;
        height: 40px;
    }

    50%{
        width: 80px;
        height: 40px;
    }

    100%{
        width: auto;
        height: 40px;
    }
}

@keyframes showText{
    0%{
        opacity: 0;
    }

    50%{
        opacity: 0;
    }

    100%{
        opacity: 1;
    }
}
/* End */

/* -----------------------------------------------  */

/* Footer styles*/
#footer .link-hover-style-1:hover {
    text-decoration: underline !important;
    text-decoration-color: var(--primary);
}
#footer .footer-copyright2.footer-copyright-style-1 {}
#footer .footer-copyright2.footer-copyright-style-2 {
    background: var(--bs-gray-100) !important;
    border-top: 1px solid var(--primary-100) !important;
}
#footer .footer-copyright2 p {
    color: var(--primary) !important;
}
.social-icons.social-icons-icon-primary li a i {
    color: var(--primary);
}

.social-icons.social-icons-icon-primary li:hover a i{
    color: var(--light--100) !important;
}

/* End */

/* -----------------------------------------------  */

/* Orbitation anim */

.loader{
    position: relative;
    height: 200px;
    width: 200px;
}

.loader span{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.loader span:nth-child(1){
    background-color: rgb(223, 184, 57, 0.8);
    backdrop-filter: blur(20px);
    border-top: 0.25px solid rgba(255, 255, 255, 0.1);
    border-left: 0.25px solid rgba(255, 255, 255, 0.1);
    animation: MoveUpDown 4s linear infinite;
    box-shadow: 1px 1px 40px 10px rgba(223, 184, 57, 0.5);
    z-index: 2;
}

.loader span:nth-child(2){
    background-color: linear-gradient(45deg, #002fff, #00ff8c);
    animation: Canimtion 4s ease-in-out infinite;
}

.loader span:nth-child(3){
    background-color: radial-gradient(45deg, #fffb00, #eec043);
    animation: Canimtion 4s ease-in-out infinite;
    box-shadow: 0px 0px 60px 7px rgb(251, 255, 0);
    animation-delay: -0.9s;
}

.loader span:nth-child(4){
    background-color: linear-gradient(45deg, #ff00e0, #fffb00);
    animation: Canimtion 4s ease-in-out infinite;
    box-shadow: 0px 0px 60px 7px rgb(255, 0, 224);
    animation-delay: -1.8s;
}

.loader span:nth-child(5){
    background-color: linear-gradient(45deg, #ff00e0, #fffb00);
    animation: Canimtion 4s ease-in-out infinite;
    box-shadow: 0px 0px 60px 7px rgb(255, 0, 224);
    animation-delay: -2.7s;
}

.loader span:nth-child(6){
    background-color: linear-gradient(45deg, #ff00e0, #fffb00);
    animation: Canimtion 4s ease-in-out infinite;
    box-shadow: 0px 0px 60px 7px rgb(255, 0, 224);
    animation-delay: -3.6s;
}


.loader span:hover{
    animation-play-state: paused;
}

@keyframes MoveUpDown{
    0%, 100%{
        bottom: 0;
    }
    50%{
        bottom: 10px;
    }
}

@keyframes Canimtion{
    0%{
        transform: translate(-50px, 150px)
        scale(0.2);
        z-index: 1;
    }

    50%{
        transform: translate(50px,  -150px)
        scale(0.3) rotate(360deg);
        z-index: 1;
    }

    50.00001%{
        transform: translate(50px,  -150px)
        scale(0.3);
        z-index: 3;
    }

    100%{
        transform: translate(-50px, 150px)
        scale(0.2);
        z-index: 3;
    }
}
/* End */

/* -----------------------------------------------  */

/* Btn animation m3_purchase_checkot & inc_footer_checkout */

.payment-data-checkout-form {
    pointer-events: none; /* Prevents interaction with elements */
    opacity: 0.5; /* Makes elements appear disabled */
}


.cart-footer {
    margin: 20px;
}

/* -----------------------------------------------  */

/* Enhanced Tab Styling - Shopping Cart */
.nav-tabs .nav-link {
    background-color: transparent;
    border-bottom: 3px solid transparent;
    font-weight: 400;
    transition: all 0.3s ease;
    opacity: 0.7;
}

.nav-tabs .nav-link.active {
    background-color: #ffffff;
    border-bottom: 3px solid var(--tertiary);
    font-weight: 600;
    opacity: 1;
    box-shadow: 0 2px 8px rgba(28, 226, 171, 0.15);
}

.nav-tabs .nav-link.active i {
    color: var(--tertiary) !important;
}

.nav-tabs .nav-link:not(.active):hover {
    opacity: 0.85;
    background-color: rgba(255, 255, 255, 0.5);
}

/* Disabled tab styling */
.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link.single-item-disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}
/* End */

/* -----------------------------------------------  */

/* Prevent horizontal scrollbar on carousel interaction */
html, body {
    overflow-x: hidden !important;
    max-width: 100%;
}

body {
    position: relative;
}

/* Ensure carousel container doesn't overflow */
.bg-card-products {
    overflow: hidden;
}

.bg-card-products .container {
    overflow: hidden;
}

/* Fix owl carousel navigation overflow */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.owl-carousel .owl-nav button.owl-prev {
    left: 10px;
}

.owl-carousel .owl-nav button.owl-next {
    right: 10px;
}

/* Prevent carousel from creating horizontal scroll */
.owl-carousel {
    overflow: hidden;
}

.owl-stage-outer {
    overflow: hidden;
}
/* End */