/*
Theme Name:         Kassavello
Description:        Kassavello Theme
Version:            1.0
Author:             wevolved

Text Domain:        Kassavello
*/

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&display=swap');

@font-face {
	font-family:'Futura LT';
	font-style: normal;
	src: url('fonts/FuturaLT-Light.woff') format('woff');
	font-display: swap;
}

/* Configurações BASE */
* {
	box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

html,
body {
	margin: 0px;
	padding: 0px;
	background-color: #f9f9f9;
}

body{position: relative;}

img {
	max-width: 100%;
}

/********* Alterar o scroll bar **********/
html::-webkit-scrollbar {
	width: 8px;
}

html::-webkit-scrollbar-track {
	background: #000 !important;
}

html::-webkit-scrollbar-thumb {
	background: #ffffff !important;
	border-radius: 10px;
}

html {
	scrollbar-color: #fff #000 !important;
}

html::-webkit-scrollbar-thumb:hover {
	background: #e0e0e0;
}

/* Firefox */
* {
	scrollbar-width: thin;

}

.produto-card-v2 .produto-item{
	width: auto;
}
.produto-card-v2 .produto-img > img {
    height: auto;
    aspect-ratio: 4 /4;
    object-fit: cover;
    object-position: center;

}

/********* FIM DE Alterar o scroll bar **********/

/* Reset comportamento de links */
a,
a:hover,
a:focus,
a:active {
	text-decoration: none;
	cursor: pointer;
	border: none;
	outline: none;
}

/**************** COMPONENTES DE FORMULARIOS **************/
input:focus,
select:focus {
	outline: none !important;
}

/* Remover incremento de número - Chrome, Safari, Edge, Opera  */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* remover espaçamentos */
.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid>li,
.vc_btn3-container {
	margin-bottom: 0px !important;
}

ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

/**************** FONTS ****************/


/* Variáveis p/ reutilizar */
:root {
	--futura: 'Futura LT', sans-serif;
	--baskerville: 'Libre Baskerville', sans-serif;
	--espaço-letra: 2px;

	--font-80: 80px;
	--font54: 54px;
	--font48: 48px;
	--font40: 40px;
	--font24: 24px;
	--font20: 20px;
	--font18: 18px;
	--font14: 16px;
	--font12: 12px;


	--line84: 84px;
	--line60: 60px;
	--line44: 44px;
	--line28: 28px;
	--line22: 22px;
	--line16: 16px;
	--line14: 16px;
	--line150: 1.5;

	--fontbold: 600;
	--fontlight: 500;

	--white-color: #ffffff;
	--branco-color: #FCFCFB;
	--areia-color: #F5F1EF;
	--beje-color: #E5DDD8;
	--cinza-claro-color: #DCDCDC;
	--cinza-color: #B6B6B5;
	--preto-claro-color: #3C3C3B;
	--black-color: #131312;
	--main-color: #D7C8BF;
	--main-dark-color: #9C755F;
	--secondary-color: #C4A295;
	--secondary-color-dark: #9C644E;
}

body {
	overflow-x: hidden;
    max-width: 100%;
    	width: 100%;
}

.container {
	width: calc(100% - 40px);
	max-width: 100%;
	margin: auto;
}

@media (max-width:400px){
	.back4 .botoes-mid.vc_row.vc_row-flex{
		flex-wrap:wrap;
	}
	
	.back4 .vc_btn3-container.vc_btn3-right{
		text-align:center;
	}
	
	.back4 > .vc_col-sm-12{
    align-items: center;
    text-align: center;
	}
}
/****************************** Menu ************************************/
header {
	z-index: 999;
	position: relative;
}
/* ================================
   KASSAVELLO PRELOADER
   ================================ */

html.wev-preloader-active,
html.wev-preloader-active body {
    overflow: hidden;
}

.wev-preloader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #9c644e;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition:
        opacity 650ms cubic-bezier(0.65, 0.05, 0.36, 1),
        visibility 650ms cubic-bezier(0.65, 0.05, 0.36, 1);
}

.wev-preloader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.wev-preloader__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 34px;
    animation: wevPreloaderEnter 850ms cubic-bezier(0.65, 0.05, 0.36, 1) both;
}

.wev-preloader__logo {
    width: clamp(140px, 16vw, 260px);
    height: auto;
    display: block;
    filter: brightness(0) invert(1);
    opacity: 0.96;
    animation: wevPreloaderLogoPulse 1800ms ease-in-out infinite;
}

.wev-preloader__line {
    position: relative;
    width: clamp(120px, 13vw, 210px);
    height: 1px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.22);
}

.wev-preloader__line span {
    position: absolute;
    inset: 0;
    width: 42%;
    height: 100%;
    background: rgba(255, 255, 255, 0.92);
    transform: translateX(-120%);
    animation: wevPreloaderLine 1200ms cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
}

@keyframes wevPreloaderEnter {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

@keyframes wevPreloaderLogoPulse {
    0%, 100% {
        opacity: 0.92;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.018);
    }
}

@keyframes wevPreloaderLine {
    0% {
        transform: translateX(-120%);
    }

    100% {
        transform: translateX(260%);
    }
}
.preto {
	background-color: var(--black-color);
	padding: 10px 40px;
	position: relative;
	display: flex;
	align-items: center;
	z-index: 2;
}

.preto a {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-weight: var(--fontlight);
	font-size: var(--font12);
	text-transform: uppercase;
	color: var(--white-color);
	text-decoration: underline;
	font-family: var(--futura);
	text-align: center;
	line-height: 1;
}

.preto a::after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 12px;
	margin-left: 10px;
	background-image: url('https://www.kassavello.com/wp-content/uploads/2025/12/arrow.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
	border: 1px;
}


.moedas {
	margin-left: auto;
	display: flex;
	align-items: center;
}

.moedas button {
	background: none;
	border: none;
	text-decoration: underline;
	cursor: pointer;
	font-family: var(--futura);
	padding: 0;
	font-weight: var(--fontlight);
	color: var(--cinza-color);
	line-height: 1;
	font-size: var(--font12);
}

.moedas button+button {
	margin-left: 10px;
}

.moedas button.active {
	color: var(--white-color);
}

.menu-toggle {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 22px;
    border: none;
    background: transparent;
    cursor: pointer;
	right: 0;
}

.menu-toggle span {
    display: block;
    height: 3px;
    background: #fff;
    border-radius: 2px;
}

.menu-wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 40px;
}

nav .logo {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99999;
}

nav .logo img {
	display: block;
	height: 80px;
	width: 100%;
}

.nav-menu,
.nav-menu-direita {
	display: flex;
	align-items: center;
	gap: 18px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-family: var(--futura);
	font-size: var(--font14);
	letter-spacing: var(--line150);
	letter-spacing: 0.1rem;
	font-weight: 600;

}

nav.nav-claro a {
	color: var(--branco-color);

}

nav.nav-escuro a {
	color: var(--secondary-color-dark);
}

.nav-menu {
	width: 282.88px;
	;
}

nav a:hover,
.nav-menu li.current-menu-item>a,
.nav-menu-direita li.current-menu-item>a,
nav[data-menu-aberto="true"] ul.nav-menu li:first-child>a {
	color: var(--cinza-color);
	text-decoration: underline #B6B6B5;
	text-underline-offset: 10px;
}

.menu-interno {
	position: absolute;
	display: flex;
	gap: 130px;
	left: 0;
	background-color: var(--secondary-color-dark);
	width: 100%;
	z-index: 0;
	height: 387px;
	top: 0;
	padding: 20px 40px;
	transform: translateY(-100%);
	opacity: 0;
transition: transform 400ms cubic-bezier(0.65, 0.05, 0.36, 1), 
            opacity 400ms cubic-bezier(0.65, 0.05, 0.36, 1);

	pointer-events: none;
}

.menu-interno.open {
	transform: translateY(0);
	opacity: 1;
	pointer-events: auto;
}

ul,
ol,
li {
	z-index: 1;
}

.nav-menu-produtos {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.nav-menu-produtos.v1 {
	margin-top: 121px;
}

.nav-menu-produtos.v2 {
	margin-top: 121px;
}

.menu-interno .nav-menu-produtos a {
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font14);
	letter-spacing: 0.1rem;
	color: var(--branco-color);
	line-height: var(--line16);
}

.escrita {
	position: absolute;
	right: 71px;
	z-index: 3;
	top: 183px;
}

.escrita h3 {
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font20);
	line-height: var(--line150);
	letter-spacing: 0.1rem;			
	color: var(--branco-color);
	text-transform: uppercase;
	margin: 0;
	width: 99%;
	max-width: 100%;
}

#pesquisar {
	width: 100%;
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--branco-color);
	padding: 4px 0;
	font-size: var(--font14);
	color: var(--branco-color);
	letter-spacing: 0.1rem;	
	outline: none;
	line-height: var(--line16);
	position: absolute;
	margin-top: 30px;
	font-family: var(--futura);
}

#pesquisar::placeholder {
	color: var(--branco-color);
	font-weight: var(--fontlight);
	letter-spacing: 2px;
}

/* ================================
   CATEGORIES / PRODUCTS PAGE V2
   ================================ */

.categorias-page-v2 {
    position: relative;
}

.categorias-page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin: 48px 0 34px;
}

.categorias-page-title {
    margin: 0;
    font-family: var(--baskerville);
    font-weight: 400;
    color: var(--secondary-color-dark);
}

.categorias-page-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.categorias-toggle-view {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border: 1px solid var(--secondary-color-dark) !important;
    color: var(--secondary-color-dark);
    background: transparent;
    font-family: var(--futura);
    font-size: var(--font14);
    line-height: var(--line150);
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    text-decoration: none;
    transition:
        background-color 400ms cubic-bezier(0.65, 0.05, 0.36, 1),
        color 400ms cubic-bezier(0.65, 0.05, 0.36, 1),
        border-color 400ms cubic-bezier(0.65, 0.05, 0.36, 1);
}

.categorias-toggle-view:hover {
    background: var(--main-dark-color);
    color: var(--branco-color);
    border-color: var(--main-dark-color);
}

/* ================================
   CATEGORIES GRID
   ================================ */

.categorias-grid-page {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 70px;
}

.categoria-card-page {
    display: block;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
}

.categoria-card-page__image {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: center;
    background-color: #f5f2ee;
    overflow: hidden;
    transition: transform 400ms cubic-bezier(0.65, 0.05, 0.36, 1);
}

.categoria-card-page__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
    opacity: 0;
    z-index: 1;
    transition: opacity 400ms cubic-bezier(0.65, 0.05, 0.36, 1);
}

.categoria-card-page__info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;

    padding: 16px;
    color: #fff;
}

.categoria-card-page__name {
    font-family: var(--baskerville);
    font-size: 15px;
    line-height: 150%;
    color: #fff;
}

.categoria-card-page__plus {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1);
}

.categoria-card-page:hover .categoria-card-page__image {
    transform: scale(1.02);
}

.categoria-card-page:hover .categoria-card-page__image::after {
    opacity: 1;
}

/* ================================
   PRODUCT FILTERS TOP
   ================================ */

.produtos-top-filtros {
    margin: 0 0 34px;
}

.produtos-filtros-form {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 18px;
}

.produtos-filtro-field {
    display: grid;
    gap: 8px;
    min-width: 220px;
}

.produtos-filtro-field label {
    font-family: var(--futura);
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    color: var(--secondary-color-dark);
}

.produtos-filtro-field select {
    width: 100%;
    height: 44px;
    padding: 0 38px 0 14px;
    border: 1px solid rgba(44, 37, 43, 0.22);
    border-radius: 0;
    background: #fff;
    color: var(--secondary-color-dark);
    font-family: var(--futura);
    font-size: 14px;
    line-height: 1;
}

.produtos-clear-filters {
    display: inline-flex;
    align-items: center;
    height: 44px;
    color: var(--secondary-color-dark);
    font-family: var(--futura);
    font-size: 13px;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* ================================
   PRODUCTS NORMAL GRID
   ================================ */

.produtos-grid-normal {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 70px;
	gap: 20px;
}



.produto-card-normal__link {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
    background: #fff;
}

.produto-card-normal__image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 330px;
    padding: 28px;
    background: #fff;
    overflow: hidden;
}

.produto-card-normal__image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    display: block;
    transition: transform 400ms cubic-bezier(0.65, 0.05, 0.36, 1);
}

.produto-card-normal__placeholder {
    width: 100%;
    height: 100%;
    background: #f5f2ee;
}

.produto-card-normal__content {
    min-height: 106px;
    padding: 20px 26px 28px;
    text-align: center;
}

.produto-card-normal__content h3 {
    margin: 0 0 12px;
    font-family: var(--futura);
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    color: var(--secondary-color-dark);
}

.produto-card-normal__content p, .produto-card-normal__price {
    margin: 0;
    font-family: var(--baskerville);
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 25px;
    color: #ffffff;
}

.produto-card-normal:hover .produto-card-normal__image img {
    transform: scale(1.035);
}

.produtos-empty-message {
    margin: 40px 0 70px;
}

/* ================================
   RESPONSIVE
   ================================ */

@media (max-width: 1200px) {
    .categorias-grid-page {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .produtos-grid-normal {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .produto-card-normal__image {
        height: 280px;
    }
}

@media (max-width: 900px) {
    .categorias-grid-page {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .produtos-grid-normal {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .categorias-page-header {
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .categorias-page-header {
        display: grid;
        gap: 18px;
        margin: 34px 0 28px;
    }

    .categorias-page-actions {
        justify-content: flex-start;
    }

    .produtos-filtros-form {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .produtos-filtro-field {
        min-width: 0;
    }

    .produto-card-normal__image {
        height: 240px;
        padding: 22px;
    }

    .produto-card-normal__content {
        padding: 18px 18px 24px;
    }
}

@media (max-width: 520px) {
    .categorias-grid-page {
        grid-template-columns: 1fr;
    }

    .produtos-grid-normal {
        grid-template-columns: 1fr;
    }
}
/* ================================
   SINGLE PRODUCT — CF7 FORM FIX
   ================================ */

.produto-single-v3__form {
    width: 100%;
    max-width: 100%;
    margin: -22px 0 38px;
    overflow: hidden;
}

.produto-single-v3__form .wpcf7 {
    width: 100%;
    max-width: 100%;
}

.produto-single-v3__form form {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.produto-single-v3__form .form-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.produto-single-v3__form .field,
.produto-single-v3__form p,
.produto-single-v3__form label,
.produto-single-v3__form span,
.produto-single-v3__form .wpcf7-form-control-wrap {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.produto-single-v3__form input,
.produto-single-v3__form textarea,
.produto-single-v3__form select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}
/* ================================
   SINGLE PRODUCT V3 — ACCORDIONS SOFT
   ================================ */

.produto-single-v3__accordions {
    width: 100%;
    max-width: 720px;
}

.produto-single-v3__accordion {
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    overflow: hidden;
}

.produto-single-v3__accordion:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.produto-single-v3__accordion summary {
    position: relative;
    list-style: none;
    cursor: pointer;
    padding: 16px 0 16px 23px;
    font-family: var(--futura);
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000;
    user-select: none;
}

.produto-single-v3__accordion summary::-webkit-details-marker {
    display: none;
}

.produto-single-v3__accordion summary::before {
    content: "+";
    position: absolute;
    left: 0;
    top: 16px;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    color: #000;
    transition: transform 280ms ease, opacity 280ms ease;
}

.produto-single-v3__accordion[open] summary::before {
    content: "−";
}

/* conteúdo animado */
.produto-single-v3__accordion-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-4px);
    padding: 0 0 0 23px;
    max-width: 620px;
    font-family: var(--baskerville);
    font-size: 15px;
    line-height: 1.7;
    color: #111;
    transition:
        max-height 420ms cubic-bezier(0.65, 0.05, 0.36, 1),
        opacity 280ms ease,
        transform 320ms ease,
        padding-bottom 320ms ease;
}
.produto-single-v3__accordion p{
    line-height: 1.7;
}
.produto-single-v3__pdf{
    color: #9c644e;
    text-decoration: underline;
}
.produto-single-v3__accordion.is-open .produto-single-v3__accordion-content {
    max-height: fit-content;
    opacity: 1;
    transform: translateY(0);
    padding-bottom: 22px;
}

.produto-single-v3__accordion-content p {
    margin: 0 0 14px;
}
.produto-single-v3__form textarea {
    min-height: 110px;
    resize: vertical;
}
/* ================================
   SINGLE PRODUCT V3 — CUSTOM ACCORDIONS
   ================================ */

.produto-single-v3__accordions {
    width: 100%;
    max-width: 720px;
}

.produto-single-v3__accordion {
    border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.produto-single-v3__accordion:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.produto-single-v3__accordion-trigger {
    position: relative;
    width: 100%;
    appearance: none;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    padding: 16px 0 16px 23px;
    font-family: var(--futura);
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000;
}

.produto-single-v3__accordion-trigger::before {
    content: "+";
    position: absolute;
    left: 0;
    top: 16px;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    color: #000;
}

.produto-single-v3__accordion.is-open .produto-single-v3__accordion-trigger::before {
    content: "−";
}

.produto-single-v3__accordion-panel {
    height: 0;
    overflow: hidden;
    transition: height 320ms cubic-bezier(0.65, 0.05, 0.36, 1);
}

.produto-single-v3__accordion-content {
    padding: 0 0 22px 23px;
    max-width: 620px;
    font-family: var(--baskerville);
    font-size: 15px;
    line-height: 1.7;
    color: #111;
}

.produto-single-v3__accordion-content p {
    margin: 0 0 14px;
}
.produto-single-v3__form input[type="checkbox"],
.produto-single-v3__form input[type="radio"] {
    width: auto !important;
}

.produto-single-v3__form .wpcf7-submit {
    width: auto !important;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}

.produto-single-v3__form .wpcf7-spinner {
    display: none;
}

/* botão / submit alinhado à direita */
.produto-single-v3__form .submit-row,
.produto-single-v3__form p:has(.wpcf7-submit) {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

/* mobile: campos um por linha */
@media (max-width: 767px) {
    .produto-single-v3__form .form-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
/* ================================
   SINGLE PRODUCT V3
   ================================ */

.produto-single-v3 {
    width: 100%;
    padding: 150px 0 0px;
    overflow-x: hidden;
}



.produto-single-v3__breadcrumb {
    margin-bottom: 56px;
}

.produto-single-v3__grid {
    display: grid;
    grid-template-columns: minmax(360px, 40%) minmax(0, 60%);
    gap: 70px;
    align-items: start;
}
.produto-single-v3__left {
    max-width: 100%;
}

.produto-single-v3__right {
    min-width: 0;
}

.produto-single-v3__title {
    margin: 0 0 8px;
    font-family: var(--futura);
    font-weight: 700;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.12;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--secondary-color-dark);
}

.produto-single-v3__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 26px;
    font-family: var(--futura);
    font-size: 14px;
    line-height: 1.4;
    color: #000;
}

.produto-single-v3__price {
    font-weight: 700;
}

.produto-single-v3__price small {
    font-weight: 400;
}

.produto-single-v3__separator {
    color: #000;
}

.produto-single-v3__shipping {
    color: #000;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.produto-single-v3__enquiry {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    min-width: 190px;
    min-height: 40px;
    padding: 10px 18px;
    margin-bottom: 46px;
    border: 0;
    border-radius: 8px;
    background: #3b3b3b;
    color: #fff;
    cursor: pointer;
    font-family: var(--futura);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-style: italic;
    transition: background-color 250ms ease, transform 250ms ease;
}

.produto-single-v3__enquiry:hover {
    background: var(--secondary-color-dark);
    transform: translateY(-1px);
}

.produto-single-v3__kv {
    font-family: var(--baskerville);
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}



/* Accordions */

.produto-single-v3__accordions {
    width: 100%;
    max-width: 720px;
}

.produto-single-v3__accordion {
    border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.produto-single-v3__accordion:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.produto-single-v3__accordion summary {
    position: relative;
    list-style: none;
    cursor: pointer;
    padding: 16px 0 16px 23px;
    font-family: var(--futura);
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000;
}

.produto-single-v3__accordion summary::-webkit-details-marker {
    display: none;
}

.produto-single-v3__accordion summary::before {
    content: "+";
    position: absolute;
    left: 0;
    top: 16px;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    color: #000;
}

.produto-single-v3__accordion[open] summary::before {
    content: "−";
}

.produto-single-v3__accordion-content {
    padding: 0 0 22px 23px;
    max-width: 620px;
    font-family: var(--baskerville);
    font-size: 12px;
    line-height: 1.2;
    color: #111;
}

.produto-single-v3__accordion-content p {
    margin: 0 0 10px;
}

.produto-single-v3__specs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.produto-single-v3__specs li {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 5px;
}

.produto-single-v3__specs span {
    font-family: var(--futura);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(0, 0, 0, 0.62);
}

.produto-single-v3__specs strong {
    font-family: var(--baskerville);
    font-weight: 400;
    color: #111;
    text-align: right;
}

.produto-single-v3__materials-link {
    color: #000;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Slider */

.produto-single-v3__slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.produto-single-v3__slides {
    position: relative;
    width: 100%;
}

.produto-single-v3__slide {
    display: none;
    width: 100%;
}

.produto-single-v3__slide.is-active {
    display: block;
}

.produto-single-v3__image-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 620px;
    background: #fff;
    overflow: hidden;
}

.produto-single-v3__image {
    width: 100%;
    height: auto;
    max-height: 720px;
    display: block;
    object-fit: contain;
}

.produto-single-v3__slider-btn {
    position: absolute;
    top: 50%;
    z-index: 4;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: 1px solid rgba(44, 37, 43, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--secondary-color-dark);
    cursor: pointer;
    font-size: 25px;
    line-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:
        background-color 250ms ease,
        color 250ms ease,
        border-color 250ms ease;
}

.produto-single-v3__slider-btn:hover {
    background: var(--secondary-color-dark);
    color: #fff;
    border-color: var(--secondary-color-dark);
}

.produto-single-v3__slider-btn--prev {
    left: 18px;
}

.produto-single-v3__slider-btn--next {
    right: 18px;
}

.produto-single-v3__slider-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18px;
    z-index: 4;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.produto-single-v3__slider-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(44, 37, 43, 0.25);
    cursor: pointer;
}

.produto-single-v3__slider-dot.is-active {
    background: var(--secondary-color-dark);
}

/* Related */

.produto-single-v3__related {
    margin-top: 90px;
    padding: 0;
}
.produto-single-v3__related .produto-nome, .produto-single-v3__related  .produto-cat{
	font-size: 12px !important;
}

/* Responsive */

@media (max-width: 1200px) {
    .produto-single-v3__grid {
        grid-template-columns: 42% 58%;
        gap: 44px;
    }

    .produto-single-v3__image-link {
        min-height: 520px;
    }
}

@media (max-width: 900px) {
.produto-single-v3__grid {
    grid-template-columns: 1fr;
    gap: 42px;

}
.produto-single-v3 {
    margin-top: 130px;
}
.produto-single-v3__left {
    order: 2;
    max-width: 100%;
}
    .produto-single-v3__image-link {
        min-height: auto;
    }
}

@media (max-width: 767px) {
    .produto-single-v3 {
        padding-top: 22px;
    }

    .produto-single-v3__breadcrumb {
        margin-bottom: 34px;
    }

    .produto-single-v3__title {
        font-size: 30px;
    }

    .produto-single-v3__enquiry {
        margin-bottom: 34px;
    }

    .produto-single-v3__accordion summary {
        font-size: 14px;
    }

    .produto-single-v3__slider-btn {
        width: 36px;
        height: 36px;
        font-size: 28px;
        line-height: 30px;
    }

    .produto-single-v3__slider-btn--prev {
        left: 10px;
    }

    .produto-single-v3__slider-btn--next {
        right: 10px;
    }
}

a{
	outline: none !important;
}



.back1 {
	position: relative;
	height: calc( 100vh + 150px );
	margin-top: -159px;
	overflow: hidden !important;
}
.single-blog-excerto .vc_row{
	margin-top: 20px;
	margin-bottom: 20px;
}
.single-blog-excerto{
	margin-bottom: 50px;
}
.single-blog-excerto h4{
	font-size: 22px;
}
.back1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 40%);
    z-index: 1;
    transition: all 400ms cubic-bezier(0.65,0.05,0.36,1);
}
.vc_custom_1780907063465 {
    margin-bottom: 50px;
}
.bespoke-link h5{

}
.back1::after {
	content: "";
	position: absolute;
	top: -10%;
	left: -10%;
	width: 120%;
	height: 120%;
	background-image: inherit;
	background-size: cover;
	background-position: center;
	z-index: 0;
	transition: transform 1200ms cubic-bezier(0.65,0.05,0.36,1);
}

.back1:hover::after {
	transform: scale(1.05);
}

.back1>* {
	position: relative;
	z-index: 1;
}



.tit-inicial {
	position: absolute;
	top: 320px;
	left: 50%;
	transform: translateX(-50%);
	width: 670px;
	max-width: 100%;
	transition: transform 400ms cubic-bezier(0.65,0.05,0.36,1);
}

.back1:hover .tit-inicial {
	transform: translateX(-50%) scale(1);
}

.tit-inicial p {
    font-family: var(--futura);
    font-weight: 500;
    font-size: 16px;
    line-height: var(--line150);
    letter-spacing: 0.1rem;
    color: var(--white-color);
}

.tit-inicial h1 {
	font-family: var(--baskerville);
	font-weight: var(--fontlight);
	font-size: var(--font40);
	line-height: var(--line150);
	color: var(--white-color);
}



.botoes-mid button,
.botoes-mid a {
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font14) !important;
	line-height: var(--line150) !important;
	letter-spacing: 0.1rem;
	white-space: nowrap;
	padding: 10px 20px !important;
	transition: all 400ms cubic-bezier(0.65,0.05,0.36,1);
	text-transform: uppercase;

}

.botao-bespoke a {
	background-color: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid var(--branco-color) !important;
	color: var(--branco-color) !important;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	text-transform: uppercase;
}


.botao-products button:hover,
.botao-products a:hover {
	border: 1px solid var(--branco-color) !important;
	background-color: var(--main-dark-color) !important;
}

.botao-bespoke:hover {
		background: #FFFFFF52 !important;
	-webkit-backdrop-filter: blur(4px) !important;
	backdrop-filter: blur(4px) !important;
}
span.retangulo-text {
    COLOR: white;
    font-size: 14px;
    text-transform: uppercase;
}
.retangulo {
    background-color: var(--main-dark-color);
    padding: 8px 12px;
    transform: rotate(-90deg);
    position: fixed;
    right: -30px;
    margin-top: 65px;
    top: 15vh;
    bottom: auto;
    z-index: 99999;
}

.retangulo-inner {
    display: flex;
    gap: 10px;
    align-items: end;
    justify-content: center;
}

.retangulo-inner img{
    transform: rotate(90deg);
}

.retangulo a {
    font-family: var(--futura);
    font-weight: var(--fontlight);
    font-size: var(--font14);
    line-height: var(--line150);
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    color: var(--branco-color);
    width: 87%;
    max-width: 100%;
    display: flex;
}

.retangulo a img {
    transform: rotate(90deg);
    transition: transform 400ms cubic-bezier(0.65,0.05,0.36,1);
    margin: 6px;
    margin-top: 21px;
}

.retangulo:hover a img {
	transform: rotate(90deg) translateY(-5px);
}

.vc_btn3.vc_btn3-style-custom {
	background-image: none !important;
}

/****************************** FOOTER ************************************/
.footer-todo {
	padding: 40px;
	background-color: var(--secondary-color-dark);
}

.footer-cima {
	display: flex;
	flex-wrap: nowrap;
	gap: 12px;
	justify-content: space-between;
}

.footer-cima>div {
	flex: 1;
}

.logo-footer {
	flex: 0 0 140px;
}

.logo-footer img {
    width: 70%;
}
.vc_general.vc_btn3 {
    width: 100%;
}
.footer-cima h6 {
	font-weight: bold;
	margin-bottom: 15px;
	font-family: var(--futura);
	font-weight: 600;
	font-size: var(--font14);
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: var(--line150);
	color: var(--branco-color);
	margin-top: 0px;
}

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

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

.nav-footer li a {
	color: var(--branco-color);
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font14);
	line-height: var(--line16);
	letter-spacing: 0.1rem;
}

.footer-bottom {
	padding: 12px 0px;
	background-color: #f9f9f9;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-bottom img {
	width: 20%;
	max-width: 100%;
	height: auto;
}

.lado5 p {
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font14);
	line-height: var(--line16);
	letter-spacing: var(--espaço-letra);
	color: var(--branco-color);
	margin-bottom: 20px;
}

.lado5 p.agree {
	width: 71%;
	max-width: 100%;
}

.lado5 a {
	color: var(--branco-color);
	text-decoration: underline;
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font12);
	line-height: var(--line14);
	letter-spacing: var(--espaço-letra);
}


.info p {
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: 10px;
	line-height: var(--line16);
	letter-spacing: var(--espaço-letra);
	text-transform: uppercase;
	color: var(--branco-color);
}

.feito a {
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: 10px;
	line-height: var(--line16);
	letter-spacing: var(--espaço-letra);
	text-transform: uppercase;
	color: var(--branco-color);
	text-decoration: underline;
}

.email {
	width: 100%;
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--branco-color);
	padding: 4px 0;
	font-size: var(--font14);
	letter-spacing: var(--espaço-letra);
	outline: none;
	line-height: var(--line16);
}

.email::placeholder {
	color: var(--branco-color);
	opacity: 1;
}

.submit {
	background-color: transparent;
	font-weight: bold;
	margin-bottom: 15px;
	font-family: var(--futura);
	font-weight: 600;
	font-size: var(--font14);
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: var(--line150);
	color: var(--branco-color);
	border: none;
	padding: 0 10px 0 0;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}


.submit-wrapper {
	position: relative;
	display: inline-block !important;
}

.submit-icon {
	position: absolute;
	top: 47%;
	right: -20px;
	width: 20px;
	height: 14px;
	background-image: url('https://www.kassavello.com/wp-content/uploads/2025/12/Frame-1261155301.svg');
	background-repeat: no-repeat;
	background-size: contain;
	transition: transform 400ms cubic-bezier(0.65,0.05,0.36,1);
}

.submit-wrapper:hover .submit-icon {
	transform: translateX(5px);
}



/********************************* BACK 2 *****************************************/
.back2 {
	padding: 80px 0px 40px 0px;
}

.back2 h2 {
	font-family: var(--futura);
	font-weight: 700;
	font-size: 18px;
	line-height: var(--line150);
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	color: var(--black-color);
	margin-bottom: 40px !important;
	padding-left: 40px;
}

.slider-produtos {
  padding-left: 25px;
  padding-right: 25px;
}

.slider-produtos .slick-list {
  overflow: visible !important;
}


.back2 .vc_column-inner {
	padding: 0 !important;
}

.slider-produtos {
	padding-bottom: 20px;
}

.slider-produtos .slick-slide {
	margin: 15px;
}

.slider-produtos .produto-item {
	position: relative;
	width: 100%;
}

.produto-item .produto-img::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(35, 17, 10, 0) 50%, rgba(35, 17, 10, 0.3) 100%);
	width: 100%;
	height: 100%;
	transition: background 400ms cubic-bezier(0.65,0.05,0.36,1);
	z-index: 2;
		


}

.produto-item {
	position: relative;
	flex-shrink: 0;
	scroll-snap-align: start;
}

.produto-item img {
	width: 100%;
	height: 100%;
}
.produto-cat{
	margin-bottom: 0;
}
.produto-info{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	z-index: 3;
	padding: 16px 20px;
	align-items: flex-end;
}

.produto-plus {
	outline: none;
	border: none;
	transform: rotate(0deg);
	transition: transform 400ms cubic-bezier(0.65,0.05,0.36,1);
}

.produto-plus:focus {
	outline: none;
}

.produto-img {
	position: relative;
	z-index: 1;
	aspect-ratio: 1/1;
}
.slide02 .produto-nome,
.produto-cat {
	font-size: 12px !important;
	line-height: 14px !important;	
}
	/* ================================
   PRODUCTS NORMAL GRID — HOVER CARD
   ================================ */

.produtos-grid-normal {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.produto-card-normal {
    position: relative;
    width: 100%;
    min-width: 0;
}

.produto-card-normal__link {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background: #f5f2ee;
}

.produto-card-normal__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: transform 550ms cubic-bezier(0.65, 0.05, 0.36, 1);
}

.produto-card-normal__placeholder {
    background: #f2f0ed;
}

.produto-card-normal__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 34px;
    background: rgba(0, 0, 0, 0.68);
    opacity: 0;
    transition: opacity 450ms cubic-bezier(0.65, 0.05, 0.36, 1);
}

.produto-card-normal__content {
    width: 100%;
    max-width: 78%;
    text-align: center;
    transform: translateY(10px);
    opacity: 0;
    transition:
        transform 450ms cubic-bezier(0.65, 0.05, 0.36, 1),
        opacity 450ms cubic-bezier(0.65, 0.05, 0.36, 1);
}

.produto-card-normal__content h3 {
    margin: 0 0 26px;
    font-family: var(--futura);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.15;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #fff;
}

.produto-card-normal__desc {
    margin: 0 auto 26px;
    max-width: 100%;
    font-family: var(--baskerville);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.45;
    color: rgb(255, 255, 255);

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.produto-card-normal__price {
    display: block;
    font-family: var(--baskerville);
}

.produto-card-normal__more {
    display: inline-block;
    font-family: var(--futura);
    font-weight: 700;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-style: italic;
    color: #ceb09ffc;
}
/* ================================
   SINGLE PRODUCT — MATERIALS GRID
   ================================ */

.produto-single-v3__materials-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    padding: 8px 0 10px;
}

.produto-single-v3__material-card {
    min-width: 0;
}

.produto-single-v3__material-image {
    width: 100%;
    aspect-ratio: 1 / 0.72;
    overflow: hidden;
    background: #f3f0ed;
}

.produto-single-v3__material-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
}

.produto-single-v3__material-name {
    margin: 7px 0 0;
    font-family: var(--futura);
    font-size: 10px;
    line-height: 1.25;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #111;
}
.produto-single-v3__material-image {
    display: block;
    cursor: zoom-in;
}

.produto-single-v3__material-image img {
    transition: transform 350ms cubic-bezier(0.65, 0.05, 0.36, 1);
}

.produto-single-v3__material-image:hover img {
    transform: scale(1.04);
}
/* se só houver nome sem imagem */
.produto-single-v3__material-card:not(:has(.produto-single-v3__material-image)) {
    padding: 8px 0;
}

@media (max-width: 767px) {
    .produto-single-v3__materials-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .produto-single-v3__material-name {
        font-size: 9px;
    }
}
.produto-card-normal__link:hover .produto-card-normal__image,
.produto-card-normal__link:focus-visible .produto-card-normal__image {
    transform: scale(1.045);
}

.produto-card-normal__link:hover .produto-card-normal__overlay,
.produto-card-normal__link:focus-visible .produto-card-normal__overlay {
    opacity: 1;
}

.produto-card-normal__link:hover .produto-card-normal__content,
.produto-card-normal__link:focus-visible .produto-card-normal__content {
    opacity: 1;
    transform: translateY(0);
}

/* tablet */
@media (max-width: 1200px) {
    .produtos-grid-normal {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    html, body {
        overflow-x: hidden;
        max-width: 100%;    
        width: 100%;
    }
    .vc_col-sm-6 .wpb_single_image .vc_figure,
    .vc_col-sm-3 .wpb_single_image .vc_figure {
        margin-bottom: 15px;
    }
}

/* mobile */
@media (max-width: 767px) {
    .produtos-grid-normal {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }
    .produto-card-normal__content {
        max-width: 90%;
    }

    .produto-card-normal__content h3 {
        margin-bottom: 16px;
        font-size: 15px;
    }

    .produto-card-normal__desc {
        margin-bottom: 16px;
        font-size: 13px;
        line-height: 1.35;
    }

    .produto-card-normal__price {
        margin-bottom: 18px;
        font-size: 13px;
    }

    .produto-card-normal__more {
        font-size: 11px;
    }
}

/* mobile pequeno */
@media (max-width: 480px) {
    .produtos-grid-normal {
        grid-template-columns: 1fr;
    }
}
	
.produto-nome,
.produto-cat {
	font-family: var(--baskerville);
	font-size: var(--font14);
	font-weight: var(--fontlight);
	line-height: var(--line150);
	letter-spacing: 0.1rem;
	color: var(--branco-color);
	margin-bottom: 0px;

}

img.produto-plus {
	width: 24px;
	height: 24px;
}



.produto-item:hover::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(rgba(35, 17, 10, 0.4));
	width: 100%;
	height: 100%;
}

.produto-item .produto-info{
	transition: all 400ms cubic-bezier(0.65, 0.05, 0.36, 1);

}

.produto-item:hover .produto-info {
	background-color: #F9F9F9;
}

.produto-item:hover .produto-info .produto-plus {
	filter: invert(1);
	transform: rotate(-90deg);
}
.produtos-grid-v2 .produto-nome, .produtos-grid-v2 .produto-cat {
    margin-top: 0;
}


.produto-item:hover .produto-info .produto-nome,
.produto-item:hover .produto-info .produto-cat,
.produto-item:hover .produto-info .produto-plus {
	color: var(--black-color) !important;
}


.categorias-homepage-wrap {
    width: 100%;
}

.categorias-homepage-top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 18px;
}

.categorias-view-more {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: inherit;
    text-decoration: none;
    font-family: var(--futura);
    font-size: var(--font14);
    line-height: var(--line150);
    letter-spacing: 0.1rem;
    text-transform: uppercase;
}

.categorias-view-more img {
    width: 16px;
    height: 16px;
    display: block;
}

.categorias-view-more:hover {
    opacity: 0.7;
}
/****************************** BACK 3 ************************************/
.back3 {
	padding-top: 80px;
	padding-bottom: 100px;
}

.back3 h2 {
	font-family: var(--futura);
	font-weight: 700;
	font-size: 18px;
	line-height: var(--line150);
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	color: var(--black-color);
	margin-bottom: 40px !important;
}

.slider-categorias {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	padding: 0;
	max-width: 100%;
	margin: 0;

}

.categoria-item {
	position: relative;
	display: block;
	text-decoration: none;
	overflow: hidden;
	border-radius: 0;
	aspect-ratio: 1/1;
	
}



.categoria-img {
	aspect-ratio: 1/1;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	background-color: var(--white-color);
	transition: all 400ms cubic-bezier(0.65,0.05,0.36,1);
}



.categoria-img::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	aspect-ratio: 1/1;
	background: linear-gradient(180deg, rgba(35, 17, 10, 0) 50%, rgba(35, 17, 10, 0.3) 100%);
	z-index: 1;
		transition: all 400ms cubic-bezier(0.65,0.05,0.36,1);

}

.categoria-img:hover::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	aspect-ratio: 1/1;
	z-index: 1;
	background: #23110A4D;
}

.categoria-info {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 16px 20px;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.categoria-nome {
	font-family: var(--baskerville);
	color: #ffffff;
	font-size: var(--font14);
	font-weight: var(--fontlight);
	display: block;
	letter-spacing:0.1rem;
	line-height: var(--line150);
}


.categoria-item:hover .produto-plus {
	transform: rotate(90deg);
}


.categoria-nome.v2 {
	color: var(--black-color);
}

.categoria-btn-plus.v2 {
	color: var(--black-color);
}


.slider-categorias.v99 .categoria-item:last-child .categoria-img{
	background-color: var(--white-color);
}

.slider-categorias.v99 .categoria-item:last-child .categoria-img::after{
	background:linear-gradient(180deg, rgba(35, 17, 10, 0) 50%, rgba(35, 17, 10, 0.3) 100%);
}

.slider-categorias.v99 .categoria-item:last-child .produto-plus{
	filter: unset;
}

.slider-categorias.v99 .categoria-item:last-child .categoria-img:hover::after {
    background: #23110A4D;
}

/************************************* BACK 4 ************************************/
.botoes-mid.v2 .vc_general.vc_btn3 {
    display: unset;
}

.wrap-container {
    display: flex;
    justify-content: center;   /* centraliza a linha inteira */
    align-items: center;
    gap: 0.4em;                /* espaço entre as palavras */
}

.wrap-container div {
	position: relative;
	display: inline-block;
	font-family: var(--baskerville);
	font-size: var(--font40);
	font-weight: var(--fontlight);
	color: var(--main-dark-color);
	text-align: center;
	line-height: 1.2;
}

.offer{
	width:60%;
	max-width: 100%;
}


.wpb_text_column.offer {
    align-self: center;
}


.line {
	height: 70px;
	width: 2px;
	background-color: var(--main-color);
	margin: 0 auto;
	margin-top: 40px;
}

.disc p {
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font20);
	line-height: var(--line150);
	text-transform: uppercase;
	color: var(--main-dark-color);
}

.wpb_text_column.disc {
    display: flex !important;
    justify-content: center;
    align-items: center;
    
}
/* ================================
   DESIGN LOGOS MARQUEE
   ================================ */

.design-logo-marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #0000000a;
    padding: 28px 0;
}

.design-logo-marquee::before,
.design-logo-marquee::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 120px;
    z-index: 2;
    pointer-events: none;
}

.design-logo-marquee::before {
    left: 0;
    background: linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);
}

.design-logo-marquee::after {
    right: 0;
    background: linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%);
}

.design-logo-marquee__track {
    display: flex;
    width: max-content;
    animation: designLogoMarquee 28s linear infinite;
}

.design-logo-marquee:hover .design-logo-marquee__track {
    animation-play-state: paused;
}

.design-logo-marquee__group {
    display: flex;
    align-items: center;
    gap: 70px;
    padding-right: 70px;
}

.design-logo-marquee__item {
    flex: 0 0 auto;
    width: 180px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.design-logo-marquee__item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
    filter: none;
    opacity: 0.9;
    transition: opacity 300ms ease, transform 300ms ease;
}

.design-logo-marquee__item:hover img {
    opacity: 1;
    transform: scale(1.04);
}

@keyframes designLogoMarquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* tablet */
@media (max-width: 1024px) {
    .design-logo-marquee__group {
        gap: 52px;
        padding-right: 52px;
    }

    .design-logo-marquee__item {
        width: 150px;
        height: 76px;
    }
}

/* mobile */
@media (max-width: 767px) {
    .design-logo-marquee {
        padding: 22px 0;
    }

    .design-logo-marquee::before,
    .design-logo-marquee::after {
        width: 60px;
    }

    .design-logo-marquee__track {
        animation-duration: 22s;
    }

    .design-logo-marquee__group {
        gap: 38px;
        padding-right: 38px;
    }

    .design-logo-marquee__item {
        width: 120px;
        height: 60px;
    }
}

.wpb_text_column.disc .wpb_wrapper {
    width: 41%;              /* ou o valor que quiser */
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
 margin-top: 40px;
    margin-bottom: 30px !important;
}

.botao-bespoke.v2 {
    display: inline-flex;
    border: 1px solid var(--secondary-color-dark);
    background: transparent;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
    transition: border-color 400ms cubic-bezier(0.65, 0.05, 0.36, 1);
}

.botao-bespoke.v2 a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 20px;
    font-family: var(--futura);
    font-weight: var(--fontlight);
    font-size: var(--font14);
    line-height: var(--line150);
    text-transform: uppercase;
    text-decoration: none;
    color: var(--secondary-color-dark) !important;
    background: transparent;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
    transition:
        background-color 400ms cubic-bezier(0.65, 0.05, 0.36, 1),
        color 400ms cubic-bezier(0.65, 0.05, 0.36, 1);
}

.botao-bespoke.v2:hover {
    border-color: var(--main-dark-color);
}

.botao-bespoke.v2:hover a {
    background-color: var(--main-dark-color) !important;
    color: var(--branco-color) !important;
}

.botoes-mid{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.botoes-mid.v2 .vc_column-inner{
	padding-left: 0px;
	padding-right: 0px;
}


/************************************* BACK 5 ************************************/
.back5 {
	margin-bottom: 80px;
	position: relative;
	overflow: hidden;
	height: 900px;
	padding:40px;
}

.back5::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #23110A47;
	pointer-events: none;
	z-index: 1;
}

.back5::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://www.kassavello.com/wp-content/uploads/2026/01/jacaranda-sideboard-ijpg76129.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
	transition: transform 1200ms cubic-bezier(0.65,0.05,0.36,1);
}

.back5:hover::before {
	transform: scale(1.05);
}


.find p {
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font20);
	line-height: var(--line150);
	color: var(--white-color);
	transition: all 400ms cubic-bezier(0.65,0.05,0.36,1);
}

.find {
	position: relative;
	z-index: 2;
	margin-bottom:20px !important
}

.find.v2 a, .find.v2 a strong {
	font-size:15px;
	padding-left:24px;
	font-weight:500;
}

 


.read {
	z-index: 2;
	position: absolute;
	top: 650px;
	right: 54px;
	transition: all 400ms cubic-bezier(0.65,0.05,0.36,1);

}
/* ================================
   HOMEPAGE TEXT INTRO
   ================================ */

.text-homepage {
    width: 100%;
    margin: 100px auto 100px auto;
    padding: 0 40px;
}

.text-homepage.vc_row-flex {
    display: flex;
    align-items: center;
}

.text-homepage > .vc_col-sm-8 {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.text-homepage .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.text-homepage .wpb_text_column {
    margin-bottom: 0 !important;
}

.text-homepage p {
    margin: 0 auto;
    max-width: 920px;
    font-family: var(--futura);
    font-weight: var(--fontlight);
    font-size: var(--font20);
    line-height: var(--line150);
    letter-spacing: 0.1rem;
    color: var(--main-dark-color);
    text-align: center;
}

.text-homepage .wpb_text_column:first-child p {
    font-family: var(--baskerville);
    font-size: 26px;
    line-height: 1.45;
    letter-spacing: 0.08rem;
    font-family: var(--baskerville);
    font-size: var(--font40);
    font-weight: var(--fontlight);
    color: var(--main-dark-color);
    color: var(--main-dark-color);
}



.text-homepage .wpb_text_column:last-child p:last-child {
    margin-bottom: 0;
}

.text-homepage .line {
    display: block;
    width: 2px;
    height: 80px;
    margin: 46px auto;
    background-color: var(--main-color);
}
/* ================================
   FOOTER NEWSLETTER INPUT FIX
   ================================ */

.lado5 .newsletter-form {
    width: 100%;
}

.lado5 .newsletter-form .wpcf7 {
    width: 100%;
}

.lado5 .newsletter-form .wpcf7-form {
    width: 100%;
}

.lado5 .newsletter-form p {
    margin: 0;
}

.lado5 .newsletter-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.lado5 .newsletter-form input.email,
.lado5 .newsletter-form input[type="email"] {
    width: 100% !important;
    max-width: 100%;
    height: 32px;
    padding: 6px 12px !important;
    box-sizing: border-box;

    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    border-bottom: 1px solid var(--branco-color) !important;
    border-radius: 0 !important;

    color: var(--branco-color) !important;
    caret-color: var(--branco-color);

    font-family: var(--futura);
    font-size: var(--font14);
    line-height: 1.2;
    letter-spacing: 0.1rem;

    outline: none !important;
    box-shadow: none !important;

    -webkit-appearance: none;
    appearance: none;
}

/* Placeholder */
.lado5 .newsletter-form input.email::placeholder,
.lado5 .newsletter-form input[type="email"]::placeholder {
    color: rgba(252, 252, 251, 0.75) !important;
    opacity: 1;
}

/* Estado focus */
.lado5 .newsletter-form input.email:focus,
.lado5 .newsletter-form input[type="email"]:focus {
    background-color: transparent !important;
    color: var(--branco-color) !important;
    border-bottom-color: var(--branco-color) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Remover azul/amarelo do autofill Chrome/Safari */
.lado5 .newsletter-form input.email:-webkit-autofill,
.lado5 .newsletter-form input.email:-webkit-autofill:hover,
.lado5 .newsletter-form input.email:-webkit-autofill:focus,
.lado5 .newsletter-form input.email:-webkit-autofill:active,
.lado5 .newsletter-form input[type="email"]:-webkit-autofill,
.lado5 .newsletter-form input[type="email"]:-webkit-autofill:hover,
.lado5 .newsletter-form input[type="email"]:-webkit-autofill:focus,
.lado5 .newsletter-form input[type="email"]:-webkit-autofill:active {
    -webkit-text-fill-color: var(--branco-color) !important;
    caret-color: var(--branco-color) !important;
    box-shadow: 0 0 0 1000px var(--secondary-color-dark) inset !important;
    -webkit-box-shadow: 0 0 0 1000px var(--secondary-color-dark) inset !important;
    border-bottom: 1px solid var(--branco-color) !important;
    transition: background-color 9999s ease-in-out 0s;
}

/* Remover azul quando o browser seleciona o texto dentro do input */
.lado5 .newsletter-form input.email::selection,
.lado5 .newsletter-form input[type="email"]::selection {
    background: rgba(252, 252, 251, 0.22);
    color: var(--branco-color);
}

/* Espaçamento do botão em relação ao input */
.lado5 .newsletter-form .submit-wrapper {
    margin-top: 20px;
}

/* Garantir que o botão não herda estilos estranhos */
.lado5 .newsletter-form .submit {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: var(--branco-color) !important;
}
/* Tablet */
@media only screen and (max-width: 991px) {
    .text-homepage {
        margin: 80px auto 80px auto;
        padding: 0 30px;
    }

    .text-homepage > .vc_col-sm-2 {
        display: none;
    }

    .text-homepage > .vc_col-sm-8 {
        width: 100% !important;
    }

    .text-homepage .wpb_text_column:first-child p {
        font-size: 23px;
        line-height: 1.4;
    }

    .text-homepage p {
        font-size: 17px;
        line-height: 1.55;
    }

    .text-homepage .line {
        height: 70px;
        margin: 38px auto;
    }
}

/* Mobile */
@media only screen and (max-width: 767px) {
    .text-homepage {
        margin: 65px auto 70px auto;
        padding: 0 25px;
    }

    .text-homepage .wpb_wrapper {
        width: 100%;
    }

    .text-homepage .wpb_text_column:first-child p {
        font-size: 22px !important;
        line-height: 1.35;
        letter-spacing: 0.05rem;
    }

    .text-homepage p {
        font-size: 15px;
        line-height: 1.55;
        letter-spacing: 0.07rem;
    }

    .text-homepage .line {
        height: 60px;
        margin: 34px auto;
    }
}

/* Mobile pequeno */
@media only screen and (max-width: 430px) {
    .text-homepage {
        margin: 55px auto 60px auto;
        padding: 0 22px;
    }

    .text-homepage .wpb_text_column:first-child p {
        font-size: 20px !important;
        line-height: 1.35;
    }

    .text-homepage p {
        font-size: 14px;
        line-height: 1.5;
    }

    .text-homepage .line {
        height: 54px;
        margin: 30px auto;
    }
}
.read a, .find a {
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font20);
	line-height: var(--line150);
	color: var(--white-color) !important;
}

.find:not(.v2) a {
    text-decoration: underline;
    text-underline-offset: 8px;
}

.back5 .vc_column-inner {
	height: 100%;
}

.back5 .wpb_wrapper {
	height: 100%;
}

.back5 .vc_column_container {
	height: 100%;
}


/* ================================
   PROJECT SINGLE — CTA SECTION
   ================================ */

.sharing-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 28px;
    text-align: center;
}

.sharing-cta h2 {
    margin: 0 !important;
}

.sharing-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 10px 22px;
    background-color: var(--secondary-color-dark);
    border: 1px solid var(--secondary-color-dark);
    color: var(--branco-color) !important;
    font-family: var(--futura);
    font-size: var(--font14);
    font-weight: var(--fontlight);
    line-height: var(--line150);
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    transition:
        background-color 400ms cubic-bezier(0.65, 0.05, 0.36, 1),
        border-color 400ms cubic-bezier(0.65, 0.05, 0.36, 1),
        padding 400ms cubic-bezier(0.65, 0.05, 0.36, 1);
}
/* ================================
   CUSTOM LIGHTBOX WITH NAVIGATION
   ================================ */
/* ================================
   MEGA MENU SEARCH BLOCK FIX
   ================================ */

.escrita {
    position: absolute;
    right: 70px;
    top: 175px;
    z-index: 3;
    width: 430px;
    max-width: calc(100vw - 80px);
}

.escrita h3 {
    width: 100%;
    max-width: 100%;
    margin: 0 0 34px 0;
    font-family: var(--futura);
    font-weight: var(--fontlight);
    font-size: var(--font20);
    line-height: var(--line150);
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    color: var(--branco-color);
}

.escrita form {
    width: 100%;
    margin: 0;
    padding: 0;
}

#pesquisar {
    position: relative !important;
    display: block;
    width: 100% !important;
    height: 38px;
    margin: 0 !important;
    padding: 7px 0 8px 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    border-bottom: 1px solid var(--branco-color) !important;
    border-radius: 0 !important;

    font-family: var(--futura);
    font-weight: var(--fontlight);
    font-size: var(--font14);
    line-height: var(--line150);
    letter-spacing: 0.1rem;

    color: var(--branco-color) !important;
    caret-color: var(--branco-color);

    outline: none !important;
    box-shadow: none !important;

    -webkit-appearance: none;
    appearance: none;
}

#pesquisar::placeholder {
    color: rgba(252, 252, 251, 0.78) !important;
    opacity: 1;
    font-family: var(--futura);
    font-weight: var(--fontlight);
    letter-spacing: 0.1rem;
}

#pesquisar:focus,
#pesquisar:active {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--branco-color) !important;
    border-bottom-color: var(--branco-color) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Remove autofill azul/amarelo do Chrome/Safari */
#pesquisar:-webkit-autofill,
#pesquisar:-webkit-autofill:hover,
#pesquisar:-webkit-autofill:focus,
#pesquisar:-webkit-autofill:active {
    -webkit-text-fill-color: var(--branco-color) !important;
    caret-color: var(--branco-color) !important;
    box-shadow: 0 0 0 1000px var(--secondary-color-dark) inset !important;
    -webkit-box-shadow: 0 0 0 1000px var(--secondary-color-dark) inset !important;
    border-bottom: 1px solid var(--branco-color) !important;
    transition: background-color 9999s ease-in-out 0s;
}

#pesquisar::selection {
    background: rgba(252, 252, 251, 0.22);
    color: var(--branco-color);
}

/* Tablet */
@media only screen and (max-width: 1250px) {
    .escrita {
        right: 35px;
        width: 360px;
        max-width: calc(100vw - 70px);
    }
}

/* Mobile/tablet menu */
@media only screen and (max-width: 991px) {
    .escrita {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        max-width: 100%;
        margin-top: 40px;
    }

    .escrita h3 {
        font-size: 18px;
        line-height: 1.45;
        margin-bottom: 24px;
    }

    #pesquisar {
        width: 100% !important;
    }
}
.custom-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
    background: rgba(0, 0, 0, 0.88);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 300ms ease,
        visibility 300ms ease;
}

.custom-lightbox.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.custom-lightbox-img {
    display: block;
    max-width: 90vw;
    max-height: 88vh;
    width: auto;
    height: auto;
    object-fit: contain;
}

.custom-lightbox-close {
    position: absolute;
    top: 28px;
    right: 34px;
    z-index: 3;
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 44px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
}

.custom-lightbox-nav {
    position: absolute;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    width: 54px;
    height: 54px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:
        background-color 300ms ease,
        border-color 300ms ease,
        transform 300ms ease;
}

.custom-lightbox-nav:hover {
    background: rgba(255, 255, 255, 0.22);
    border-color: rgba(255, 255, 255, 0.85);
}

.custom-lightbox-prev {
    left: 34px;
}

.custom-lightbox-next {
    right: 34px;
}

@media only screen and (max-width: 767px) {
    .custom-lightbox {
        padding: 48px 20px;
    }

    .custom-lightbox-img {
        max-width: 92vw;
        max-height: 78vh;
    }

    .custom-lightbox-close {
        top: 18px;
        right: 20px;
        font-size: 38px;
    }

    .custom-lightbox-nav {
        width: 42px;
        height: 42px;
        font-size: 26px;
        background: rgba(0, 0, 0, 0.35);
    }

    .custom-lightbox-prev {
        left: 14px;
    }

    .custom-lightbox-next {
        right: 14px;
    }
}
.sharing-cta__button img {
    width: 18px;
    height: auto;
    display: block;
    filter: brightness(0) invert(1);
    transition: transform 400ms cubic-bezier(0.65, 0.05, 0.36, 1);
}

.sharing-cta__button:hover {
    background-color: var(--main-dark-color);
    border-color: var(--main-dark-color);
    padding-right: 28px;
}

.sharing-cta__button:hover img {
    transform: translateX(6px);
}

@media only screen and (max-width: 767px) {
    .sharing-cta {
        padding: 60px 25px;
        gap: 24px;
    }
}
.read strong {
	display: inline-block;
	transform: translateX(-55px);
	font-style: inherit;
	font-weight: normal;
	margin-top: 20px;
	position: relative;
	transition: all 400ms cubic-bezier(0.65,0.05,0.36,1);

}

.read strong::after, .find.v2 strong::after {
    content: '';
    position: absolute;
    background-image: url('https://www.kassavello.com/wp-content/uploads/2025/12/arrow.png');
    width: 20.5px;
    height: 17.5px;
    margin-left: 14px;
    bottom: 7px;
    background-repeat: no-repeat;
}

.back5:hover .find p {
	display: inline-block;
	transform: translateX(5px);
}

.back5:hover .find strong {
	transform: translateX(45px);
}

.back5:hover .read strong {
	transform: translateX(-48px);
}

.back5:hover .read {
	transform: translateX(-5px);
}

/****************************** PAG CAT ******************************************/
.back-cat h1 {
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font20);
	line-height: var(--line150);
	text-transform: uppercase;
	color: var(--black-color);
	margin-bottom: 32px !important;
	margin-top: 80px;
}

/****************************** PAG GRELHA PRODUCTS *******************************/
.breadcrumb-produto a,
.breadcrumb-produto span {
	font-family: var(--futura);
	font-weight: var(--fontbold);
	font-size: var(--font12);
	line-height: 1;
	text-transform: uppercase;
	margin: 4px 16px;
	color: var(--cinza-color);
	letter-spacing: 0.1rem;
}

.categoria-card-page__image:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    aspect-ratio: 1/1;
    background: linear-gradient(180deg, rgba(35, 17, 10, 0) 50%, rgba(35, 17, 10, 0.3) 100%);
    z-index: 1;
    transition: all 400ms cubic-bezier(0.65,0.05,0.36,1);
}
.breadcrumb-produto a:first-child {
	margin-left: 0px;
}

.produtos-categoria,
.produto-categoria {
	margin-top: 150px;
}

.breadcrumb-produto {
	color: var(--cinza-color);
}

.categorias {
    width: 97%;
    max-width: 100%;
    margin: 40px 0;
    overflow: hidden;
}

/* O scroll horizontal fica no UL */
.lista-categorias-produtos {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0;

    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;
    list-style: none;

    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;

}

/* Chrome, Safari, Edge */
.lista-categorias-produtos::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.lista-categorias-produtos li {
    flex: 0 0 auto;
    margin-bottom: 0;
}

.lista-categorias-produtos li a {
    display: block;
    padding: 8px 16px;

    font-family: var(--baskerville);
    font-weight: var(--fontlight);
    font-size: var(--font14);
    line-height: 1.2;
    color: var(--black-color);
    text-decoration: none;
    white-space: nowrap;
}

/* A classe certa no teu HTML é is-active */
.lista-categorias-produtos li.is-active a {
    background-color: var(--secondary-color-dark);
    color: white !important;
}

.lista-categorias-produtos.v2{
	justify-content: center;
	margin-top: 40px;
}

.tit-bespoke-pieces{
	font-family: var(--baskerville);
	font-weight: var(--fontlight);
	font-size: var(--font54);
	line-height: var(--line60);
	letter-spacing: 0.1rem;
	text-align: center;
	color: var(--main-dark-color);
	margin-bottom: 40px !important;
	margin-top: 150px;
}

.des-bespoke-pieces{
font-family: var(--futura);
font-weight: var(--fontlight);
font-size: var(--font20);
line-height: var(--line150);
letter-spacing: 0.1rem;
text-align: center;
color: var(--main-dark-color);
margin-bottom: 120px !important;
}
/****************************** SINGLE PRODUCTS ************************************/
.nome-pr{
	color: var(--black-color) !important;
}

.produto-wrapper {
	display: flex;
	gap: 0px;
	align-items: flex-start;
	margin: 60px 0;
}

.produto-left {
	width: 50%;
}

.produto-right {
	width: 50%;
	text-align: right;
}

.produto-img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: top;
}

.produto-nome2 {
	font-size: var(--font24);
	font-weight: var(--fontlight);
	margin-bottom: 20px;
	color: var(--main-dark-color);
	font-family: var(--baskerville);
	line-height: var(--line28);
	letter-spacing: 2px;
}

/* Parágrafo descritivo (texto menor abaixo) */
.produto-descricao {
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font12);
	line-height: var(--line22);
	letter-spacing: 0.1rem;
	color: var(--black-color);
	width: 65%;
	max-width: 100%;
	margin-bottom: 20px;
}

/* Preço */
.produto-preco {
	font-size: var(--font18);
	font-family: var(--futura);
	font-weight: var(--fontlight);
	line-height: var(--line22);
	letter-spacing: var(--espaço-letra);
	text-transform: uppercase;
	color: var(--main-dark-color);
}

.btn-materials {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 28%;
	max-width: 100%;
	padding: 15px 20px;
	background-color: transparent;
	border: none;
	font-weight: 400;
	cursor: pointer;
	transition: all 400ms cubic-bezier(0.65,0.05,0.36,1);
	text-align: left;
	font-family: var(--futura);
	font-size: var(--font14);
	line-height: var(--line150);
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	color: #9C644E !important ;
	position: relative;
	white-space: nowrap;
}

.specs-list {
	list-style: none;
	margin: 0;
}

.specs-list li {
	display: flex;
	align-items: center;
	padding: 8px 0;
}

.spec-value {
	font-family: var(--futura);
	font-size: var(--font12);
	color: var(--black-color);
	line-height: 1;
	text-transform: uppercase;
	font-weight: var(--fontlight);
}

.materials-modal {
    position: fixed;
    z-index: 99999;
    display: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.materials-modal.is-open{
    display: block;
}

.materials-modal__overlay{
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.45);
}

.materials-modal__dialog{
    position: relative;
    z-index: 2;
    width: min(1100px, calc(100vw - 40px));
    max-height: calc(100vh - 40px);
    overflow: auto;
    margin: 2% auto;
    background: #fff;
    padding: 32px;
    box-shadow: 0 20px 60px rgba(0,0,0,.2);
}

.materials-modal__close{
    position: absolute;
    top: 25px;
    right: 30px;
    border: 0;
    background: transparent;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.materials-modal__title{
    margin-bottom: 24px;
	font-family: var(--futura);
	font-size: 30px;
	line-height: var(--line150);
	letter-spacing: 0.1rem	;
	text-transform: uppercase;
	color: var(--main-dark-color);
}

.materials-modal__content{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 24px;
}

.material-item{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.materials-modal-open{
    overflow: hidden;
}

/* Botão */
.btn-request {
	background-color: var(--secondary-color-dark);
	color: var(--branco-color);
	padding: 10px 20px;
	border: none;
	cursor: pointer;
	font-size: var(--font14);
	font-family: var(--futura);
	letter-spacing:0.1rem;
	margin-top: 40px;
	line-height: var(--line150);
	transition: all 400ms cubic-bezier(0.65,0.05,0.36,1);
}

img.material-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: 10px;
    margin-right: 20px;
    aspect-ratio: 2/2;
}

.material-name {
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font14);
	line-height: 1;
	text-transform: uppercase;
	color: var(--secondary-color-dark);
}

span.minus-icon {
	position: absolute;
	top: 13px;
	left: 4px;
	width: 20px;
	height: 20px;
}

span.minus-icon img {
	width: 11.25px;
	height: 11.25px;
}



.spec-label {
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font12);
	line-height: 1;
	text-transform: uppercase;
	color: var(--main-dark-color);
	width: 120px;
	flex-shrink: 0;
}

.specs-section .materials-content,
.specs-section .specs-list {
	display: none;
	margin-top: 8px;
}

.specs-section.active .materials-content,
.specs-section.active .specs-list {
	display: flex;
	flex-direction: column;

}

.shipping-link {
	display: flex;
	margin-top: 20px;
	color: var(--black-color);
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font12);
	line-height: 1;
	text-transform: uppercase;
	text-decoration: underline;
	width: 40%;
}

.shipping-link:hover {
	color: var(--cinza-claro-color);
	text-decoration: underline;
}

.materials-content {
	gap: 16px;
	max-height: 400px;
	overflow-y: auto;
	padding-right: 8px;
	scrollbar-color: var(--secondary-color) var(--cinza-claro-color);
	width: 42%;
	overflow-x: hidden;
}

.materials-content::-webkit-scrollbar {
	width: 8px;
}

.materials-content::-webkit-scrollbar-track {
	background: var(--cinza-claro-color);
	border-radius: 4px;
}

.materials-content::-webkit-scrollbar-thumb {
	background-color: var(--secondary-color);
	border-radius: 4px;
}

.materials-content::-webkit-scrollbar-thumb:hover {
	background-color: var(--secondary-color);
}

.btn-request.active {
	background-color: var(--areia-color);
	color: var(--secondary-color-dark);

}


.wpcf7-spinner {
	position: absolute !important;
}


.btn-request {
	display: flex;
	align-items: center;
	gap: 8px;
}

.form-request {
	margin-top: 20px;
}

/* Estrutura */
.form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.field p {
	margin: 0px;
}

.field.full {
	margin-top: 30px;
}

.field label {
	display: block;
	font-size: 10px;
	color: var(--black-color);
	margin-bottom: 6px;
	letter-spacing: 0.1rem;
	font-weight: var(--fontlight);
	line-height: var(--line14);
	font-family: var(--futura);
}

/* Inputs estilo linha */
.form-request .wpcf7 input[type="text"],
.form-request .wpcf7 .email2,
.form-request .wpcf7 textarea {
	width: 100%;
	border: none;
	border-bottom: 1px solid var(--cinza-color);
	background: transparent;
	padding: 8px 0;
	font-size: var(--font14);
	color: var(--cinza-color);
	outline: none;
	font-family: var(--futura);
	line-height: 1.5;
	letter-spacing: 0.1rem;
}

.email::placeholder{
	color: var(--branco-color) !important;
}

/* Placeholder */
.wpcf7 ::placeholder {
	color: #c2c2c2;
}

.wpcf7 textarea {
    resize: none;
    height: 45px;
    width: 100%;
}

/* Botão */
.submit-wrapper2 {
	text-align: right;
}

.botao2 {
    background-color: var(--secondary-color-dark);
    color: var(--branco-color);
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    text-transform: lowercase;
    letter-spacing: 1px;
    cursor: pointer;
    line-height: 1.2;
    font-family: var(--futura);
    position: relative;
    transform-origin: right center;
    transition: background-color 400ms cubic-bezier(0.65,0.05,0.36,1), 
	padding 400ms cubic-bezier(0.65,0.05,0.36,1);
}

/* seta */
 .botao2::after {
	content: "";
	position: absolute;
	left: 19px;
	top: 48%;

	width: 24px;
	height: 24px;
	filter: brightness(0) invert(1);
	background: url('https://www.kassavello.com/wp-content/uploads/2025/12/Arrow-1-1.svg') no-repeat center;
	background-size: contain;

	transform: translateY(-50%) rotate(180deg);

	opacity: 0;
	transform: translateY(-50%) translateX(-10px) rotate(180deg);
	transition: opacity 400ms cubic-bezier(0.65,0.05,0.36,1), 
	transform 400ms cubic-bezier(0.65,0.05,0.36,1);
}

/* hover */
 .botao2:hover {
	background-color: var(--black-color);
	padding-left: 50px;
	color: var(--white-color);

}

 .botao2:hover::after {
	opacity: 1;
}

.tit-pecas{
	font-size: var(--font20);
	line-height: var(--line150);
	text-transform: uppercase;
	font-weight: var(--fontlight);
	padding-left: 40px;
}

.produto-right .slick-slide {
    padding: 0 10px; /* 10px de cada lado do slide */
}

.conteudo,.pseudo-menu{
	padding-left: 0px;
}

.produto-categoria.v2{
	padding: 40px;
}

.produto-right .produto-img{
	margin-right: 20px;
}

.tit-pecas h2{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font20);
	line-height: 1.5;
	text-transform: uppercase;
	color: var(--black-color);
	margin-bottom: 30px;
}

.alinhar{
	margin-top: 110px;
}

.wpcf7-list-item-label{
	position: absolute;
	width: 25vw;
	height: 100%;
    top: 3px;
    left: 21px;
}

/* 🔹 Estado padrão do botão e mensagem */
.wpcf7 .submit-wrapper2 {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
    transition: all 400ms cubic-bezier(0.65,0.05,0.36,1);
}


/* 🔹 Quando o formulário é enviado com sucesso */
.wpcf7-form.sent .submit-wrapper2 {
    opacity: 0;            /* botão desaparece */
    pointer-events: none;  /* não clicável */
    transform: scale(0.8); /* efeito de encolhimento */
    transition: all 400ms cubic-bezier(0.65,0.05,0.36,1);
}

.wpcf7-form.sent .wpcf7-response-output {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition: all 400ms cubic-bezier(0.65,0.05,0.36,1);
    border-color: transparent;
    margin: 0 !important;
    padding: 0px !important;
    border: none !important;
    position: absolute;
    bottom: 5%;
    right: 0;
    font-family: var(--futura);
    color: var(--secondary-color-dark);
    font-size: 12px;
}

/* Posiciona o botão de fechar no topo direito da lightbox */
.lb-closeContainer {
    position: absolute;
    top: 10px;   /* distância do topo */
    right: 10px; /* distância da direita */
    z-index: 9999; /* garante que fique acima de tudo */
}

/* Ajustes opcionais no botão para ficar maior e mais visível */
.lb-close {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5) url('https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/images/close.png') no-repeat center center;
    background-size: 20px 20px;
    border-radius: 50%;
    cursor: pointer;
    display: block;
}


.flex-cont.v3 .field.acceptance{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

/********************************* BLOG ******************************************/
/* SLIDER STYLES */
.custom-articles-slider {
    margin-bottom: 30px;
}

.slider-item {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    border-radius: 0;
    margin-bottom: 20px;
}

.slider-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

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

.slider-thumb::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.6) 100%);
    z-index: 2;
}

.slider-info {
    position: absolute;
    bottom: 15vh;
    left: 50%;
    z-index: 3;
    color: white;
    text-align: center;
    transform: translate(-50%,0%);
}
.slider-categories {
	font-family: var(--futura);
    font-size: var(--font14);
    font-weight: var(--fontlight);
    letter-spacing:0.1rem;
    text-transform: uppercase;
    margin-bottom: 28px;
	    color: var(--white-color);
		    text-decoration: none;


}

.slider-title {
    font-size: 48px;
    font-weight: var(--fontlight);
    line-height: var(--line60);
    margin: 0 0 20px 0;
    font-family: var(--baskerville);
	    color: var(--white-color);
		    text-decoration: none;
}

.page-id-8 .container{
	margin-top: -160px;
}


.slider-subtitle {
    font-size: var(--font20);
    font-weight: var(--fontlight);
    line-height: var(--line150);
    margin: 0 auto ;
    color: var(--white-color);
	margin-bottom: 30px !important;
	font-family: var(--futura);
}

/* GRID STYLES */
.custom-articles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 40px;
}

.article-card {
    overflow: hidden;
    transition: transform 400ms cubic-bezier(0.65,0.05,0.36,1);
	margin-bottom: 80px;
}

.article-card:hover {
    transform: translateY(-5px);
}

.article-thumb {
    width: 100%;
    overflow: hidden;
}

.article-card:hover .article-thumb img {
    transform: scale(1.05);
}

.article-info {
    padding: 10px 40px 10px 0px;
}

.article-link .article-categories {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: var(--black-color);
    font-family: var(--futura);
}

.article-link .article-categories a {
    text-decoration: none;
    transition: color 400ms cubic-bezier(0.65,0.05,0.36,1);
}


.article-title {
    font-size: var(--font18);
    font-weight: 500;
    line-height: var(--line22);
    margin: 0 0 12px 0;
    letter-spacing: 0.1rem;
    color: var(--main-dark-color);
    font-family: var(--baskerville);
}

.article-link .article-title a {
    text-decoration: none;
    transition: color 400ms cubic-bezier(0.65,0.05,0.36,1);
}

.slick-prev{
	display: none !important;
}

.slick-next,
.slick-next:hover,
.slick-next:focus,
.slick-next:active {
  right: 40px;
  bottom: 40px;
  top: unset;
  width: 72px !important;
  height: 48px !important;
  background: var(--areia-color) !important;
  opacity: 1 !important;
  z-index: 9999;
  outline: none;
  box-shadow: none;
  border: none;
  border-radius: 100px;
}


/* seta */
.slick-next::before {
  content: '';
  position: absolute;
  background-image: url('https://www.kassavello.com/wp-content/uploads/2025/12/Arrow-1-2.svg');
  background-repeat: no-repeat;
  width: 72px;
  height: 40px;
  left: 24px;
  top: 21px;
}



.blog-art {
    padding: 40px 40px 60px 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.blog-art h3{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font20);
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	color: var(--black-color);
	margin: 0;
}

.article-categories {
    display: flex;
	color: var(--cinza-color);
	font-family: var(--futura);

}

.article-categories button.category-filter {
    font-size: var(--font14);
    cursor: pointer;
    color: var(--cinza-color);
    outline: none;
    border: none;
    background: transparent;
	font-weight: var(--fontlight);
	line-height: var(--line16);
	letter-spacing: 0.1rem;
	padding-right: 0;
	padding-left: 30px;
	font-family: var(--baskerville);
}


.article-categories button.category-filter.ativo {
color: var(--secondary-color-dark);
}


.article-card.is-hidden {
  display: none;
  opacity: 0;
  transform: translateY(20px);
}

.article-card.is-visible {
  display: block;
  animation: fadeUp 0.4s ease forwards;
}

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

   .loader {
            position: relative;
            width: 40px;
            height: 40px;
			margin: auto;
			margin-bottom: 40px !important;
        }

        /* Quadrados do rastro (castanho claro) */
        .trail {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: var(--main-color);
            opacity: 0;
        }

        /* Posições dos 4 quadrados */
        .trail-1 { top: 0; left: 0; }      /* Canto superior esquerdo */
        .trail-2 { top: 0; right: 0; }     /* Canto superior direito */
        .trail-3 { bottom: 0; right: 0; }  /* Canto inferior direito */
        .trail-4 { bottom: 0; left: 0; }   /* Canto inferior esquerdo */

        /* Quadrado principal (castanho escuro) */
        .square {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: var(--main-dark-color);
            top: 0;
            left: 0;
            animation: moveSquare 2s ease-in-out infinite;
        }

        @keyframes moveSquare {
            0% {
                top: 0;
                left: 0;
            }
            25% {
                top: 0;
                left: 20px;
            }
            50% {
                top: 20px;
                left: 20px;
            }
            75% {
                top: 20px;
                left: 0;
            }
            100% {
                top: 0;
                left: 0;
            }
        }

        /* Animações do rastro - aparecem conforme o quadrado passa */
        .trail-1 { 
            animation: fadeIn 2s ease-in-out infinite; 
            animation-delay: 0s; 
        }
        .trail-2 { 
            animation: fadeIn 2s ease-in-out infinite; 
            animation-delay: 0.5s; 
        }
        .trail-3 { 
            animation: fadeIn 2s ease-in-out infinite; 
            animation-delay: 1s; 
        }
        .trail-4 { 
            animation: fadeIn 2s ease-in-out infinite; 
            animation-delay: 1.5s; 
        }

        @keyframes fadeIn {
            0%, 10% {
                opacity: 0;
            }
            15%, 90% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }


.custom-articles-grid .article-thumb img {
    width: 100%;           /* ocupa toda a largura do card */
    aspect-ratio: 1 / 1;   /* força proporção quadrada */
    object-fit: cover;     /* cobre toda a área sem distorcer */
    display: block;        /* remove gaps indesejados de inline img */
	transition: transform 400ms cubic-bezier(0.65,0.05,0.36,1);
    height: 100%;
}

/****************************** SINGLE BLOG ************************************/
.single-blog-thumb {
    position: relative; 
    overflow: hidden;
	margin-bottom: 30px;
	height: 80vh;
}

.single-blog-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.single-blog-thumb::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2B0F0466;
    z-index: 1;
    pointer-events: none; 
}

.single-blog-info {
    position: absolute;
    bottom: 15vh;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, 0%);
    color: var(--branco-color);
    display: flex;
    justify-content: center;
    width: 64%;
    flex-direction: column;
}

.single-blog-categories,.single-blog-date{
	font-size: var(--font12);
	font-family: var(--futura);
	font-weight: var(--fontlight);
	text-transform: uppercase;
}

.single-blog-categories{
	margin-right:20px ;
}

.single-blog-date{
	margin-left: 20px;
}

.single-blog-title{
	font-family: var(--baskerville);
	font-size: var(--font40);
	font-weight: var(--fontlight);
	line-height: var(--line44);
	letter-spacing: 0.1rem;
	text-align: center;
	color: var(--branco-color);
	margin-bottom: 20px !important;
}

.line.v2 {
    display: block;             
    width: 2px;               
    height: 80px;               
    background-color: var(--branco-color); 
    margin: 0 auto 20px auto;   
}

.single-blog-subtitle {
    font-family: var(--futura);
    font-weight: 600;
    font-size: 12px;
    line-height: var(--line150);
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    color: var(--branco-color);
    text-align: center;
    width: 72%;
    max-width: 100%;
    margin: 0 auto;
}

.single-blog-subtitle a{
	color: var(--branco-color);
	text-decoration:underline;
	text-underline-offset:3px;
}


.flex{
	display: flex;
	margin: auto;
}

.single-blog-content{
	padding: 40px;
}

.single-blog-excerto p{
    font-family: var(--futura);
    font-weight: var(--fontlight);
    font-size: var(--font20);
    line-height: var(--line150);
    color: #000;
    max-width: 100%;
}
.single-blog-excerto a {
    color: var(--secondary-color-dark);
    text-decoration: underline;
}
.espaca50{
	padding: 25px 50px;
}
.single-blog-content img{
	width: 572px;
	margin-right: 20px;
}

.descricao-page{
	margin: 80px auto 40px auto;
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font20);
	line-height: var(--line150);
	letter-spacing: 0.1rem;
	color: var(--black-color);
	width: 54%;
	max-width: 100%;
	text-align: center;
}

.descricao-page a,.descricao-cont a,.descricao-page2 a,.descricao-page3 a,.texto-final a{
	color: var(--secondary-color-dark);
	text-decoration: underline;
}

.single-blog-excerto h6{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font18);
	line-height: var(--line22);
	letter-spacing: 0.1rem;
	color: var(--black-color);
	max-width: 100%;
	text-align: center;
	margin: auto;

}

.galeria1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 80px;
}

.galeria1 a {
    display: block;
    width: 100%;
}

.galeria1 .galeria-img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin: 0;
}
@media (max-width: 1024px) {
    .galeria1 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .galeria1 {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        margin-top: 50px;
    }
}

@media (max-width: 480px) {
    .galeria1 {
        grid-template-columns: 1fr;
    }
}
.descricao-page2{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font18);
	line-height: var(--line22);
	letter-spacing: 0.1rem;
	text-align: center;
	color: var(--black-color);
	width: 50%;
	max-width: 100%;
	margin: 60px auto 80px auto;
}

.descricao-page3{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font18);
	line-height: var(--line22);
	letter-spacing: 0.1rem;
	text-align: center;
	color: var(--black-color);
	width: 50%;
	max-width: 100%;
	margin: 80px auto;
}

.texto-final{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font18);
	line-height: var(--line22);
	letter-spacing: 0.1rem;
	text-align: center;
	color: var(--black-color);
	width: 50%;
	max-width: 100%;
	margin: 80px auto 80px auto;
}


.sharing{
background-color: var(--areia-color);
padding: 80px;
width: 100%;
}

.sharing h2{
	font-family: var(--baskerville);
	font-weight: var(--fontlight);
	font-size: var(--font54);
	line-height: var(--line60);
	letter-spacing: 0.1rem;
	color: var(--main-dark-color);
    text-align: center;
	margin-bottom: 25px;
}

.sharing h3{
	font-weight: 400;
	font-family: var(--futura);
	font-size: var(--font18);
	line-height: var(--line22);
	letter-spacing: 0.1rem;
	color: var(--main-dark-color);
	text-align: center;
	margin-bottom: 20px;
}

.social-share {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.share-copy{
	background: transparent;
	border: none;
}

.retroceder{
	position: absolute;
	top: 157px;
	left: 40px;
	z-index: 10;
}

.retroceder button {
    background-color: var(--secondary-color-dark);
    padding: 8px 10px;
    font-family: var(--futura);
    font-weight: 600;
    font-size: 10px !important;
    line-height: var(--line150);
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    outline: none;
    border: none;
    color: var(--branco-color);
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: padding 400ms cubic-bezier(0.65,0.05,0.36,1);
}

.retroceder button:hover{
	padding: 8px 15px;
}

.outros-articles{
	margin-top:110px ;
	padding: 40px 0px 40px 40px;
}

.outros-articles h2{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font20);
	line-height: var(--line150);
	text-transform: uppercase;
	color: var(--black-color);
	margin-bottom: 40px !important;
}

.custom-articles-grid.v2 {
    padding: 0px;
    width: 100%;
    display: flex;
}

.article-card.v2{
	padding-right: 20px;
}
h2.wpb_heading.wpb_singleimage_heading {
    font-size: 12px;
    text-align: center;
    font-weight: 700;
}
.article-categories.v2,.article-title.v2{
	padding-left: 10px;
}
/****************************** BESPOKE SERVICE ************************************/
.text-homepage {
    margin: 100px auto 0px auto;
}
.text-homepage p {
    position: relative;
    display: inline-block;
    font-family: var(--futura);
    font-size: 18px;
    font-weight: 100;
    color: #000000;
    text-align: center;
    margin-bottom: 15px;
    line-height: 1.2;
}
.outros-articles-nav {
    margin-top: 120px;
}

.project-nav-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.project-nav-item {
    min-height: 1px;
}

.project-nav-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.project-nav-label {
    display: block;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.7;
}

.project-nav-thumb {
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #f4f4f4;
}

.project-nav-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.project-nav-link:hover .project-nav-thumb img {
    transform: scale(1.04);
}

.project-nav-info {
    margin-top: 22px;
}
.projetos-slick-slider {
    margin-left: -10px;
    margin-right: -10px;
}

.projetos-slick-slider .slick-slide {
    padding-left: 10px;
    padding-right: 10px;
}

.projetos-slick-slider .projeto-slide {
    box-sizing: border-box;
}
.project-nav-info h3 {
    margin: 0;
}

.project-nav-info p {
    margin: 10px 0 0;
}

.project-nav-next {
    text-align: right;
}

@media (max-width: 767px) {
    .outros-articles-nav {
        margin-top: 70px;
    }

    .project-nav-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .project-nav-next {
        text-align: left;
    }
}


.bes-serv{
	margin: 150px auto 0px auto;
}
.bes-serv figure, .bes-serv figure div, .bes-serv figure div img{
	width: 100%;
}
.bes-serv h1{
	font-family: var(--baskerville);
	font-weight: var(--fontlight);
	font-size: var(--font54);
	line-height: var(--line60);
	margin-bottom: 60px !important;
	letter-spacing: 0.1rem;
	color: var(--main-dark-color);
}

.textoo.v4 h4{
    font-family: var(--baskerville);
    font-weight: var(--fontlight);

    line-height: var(--line60);
    letter-spacing: 0.1rem;
    color: var(--main-dark-color);
	margin-top:80px;
	font-size:40px;
	margin-bottom:40px !important;
}

.bes-serv p, .textoo p{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font14);
	line-height: var(--line150);
	letter-spacing:0.1rem;
	margin-bottom: 40px !important;
	max-width: 100%;
}

.bes-serv .black p{
	color: var(--black-color);
	width: 100%;
	margin-bottom: 80px !important;
}

.bes-faq h2, .bes-slide h2{
		font-family: var(--baskerville);
	font-weight: var(--fontlight);
	font-size: var(--font54);
	line-height: var(--line60);
	letter-spacing:0.1rem;
	color: var(--main-dark-color);
	margin-bottom: 40px !important;
	margin-top: 0px;
}

.vc_toggle_title{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font20);
	line-height: var(--line150);
	text-transform: uppercase;
	color: var(--secondary-color-dark);
	margin-bottom: 10px !important;
	position: relative;
}

.vc_toggle_content p{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font14);
	line-height: var(--line150);
	letter-spacing:0.1rem	;
	color: var(--black-color);
	width: 100%;
	margin-bottom: 0px !important;
}

.vc_toggle_content{
	margin-bottom:10px !important;
}

.vc_toggle{
	margin-bottom: 20px !important;
	border-bottom: 1px solid var(--beje-color);
}

.vc_toggle_title::after{
    content: "";
    background-image: url('https://www.kassavello.com/wp-content/uploads/2026/01/brown_plus.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}

.produtos-lista-normal {
    margin-bottom: 150px !important;
}
.vc_toggle_active .vc_toggle_title::after {
    background-image: url('https://www.kassavello.com/wp-content/uploads/2026/01/brown_minus.svg') !important;
   display: flex;
   justify-content: center;
   align-items: center;
}

.bes-slide h2{
	margin-top: 50px ;
}

.bes-slide a{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font14);
	line-height: var(--line150);
	letter-spacing: 0.1rem;
	margin-left: 20px;
}

.textoo{
	margin-bottom: 20px !important;
}

.textoo a{
	text-decoration: underline;
}


.bes-slide .projects h2 {
	margin-top: 80px;
}

/* Slides individuais */
.projeto-slide {
    overflow: hidden;
    transition: transform 400ms cubic-bezier(0.65,0.05,0.36,1), 
	box-shadow 400ms cubic-bezier(0.65,0.05,0.36,1);
	margin-bottom: 130px;
}

.projetos-slick-slider .slick-slide{
	margin: 0px;
}

.projeto-slide:hover {
    transform: translateY(-10px);
}

/* Imagem do projeto */
.projeto-thumb img {
    width: 100%;
    height: 100%;
	aspect-ratio: 1/1;
    display: block;
    object-fit: cover;
}

/* Título do projeto */
.projeto-titulo {
    font-family: var(--baskerville);
    font-size: var(--font18);
    font-weight: var(--fontlight);
    color:var(--main-dark-color);
    letter-spacing:0.1rem;
	line-height: var(--line22);
	margin-top: 20px;
}

/* Texto de colaboração */
.projeto-colaboracao{
    font-family:var(--futura);
    font-size: var(--font12);
    color:var(--black-color);
    line-height: 1;
	text-transform: uppercase;
	font-weight: var(--fontlight);
	padding-left: 6px;

}



.projetos-slick-slider{	
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 120px !important;
}

.projetos-slick-slider .slick-list{
	overflow: visible !important;
}

.finnish h2{
	font-family: var(--baskerville);
	font-weight: var(--fontlight);
	font-size: var(--font54);
	line-height: var(--line60);
	letter-spacing: 0.1rem;
	color: var(--main-dark-color);
	margin-top:80px ;
	margin-bottom: 20px !important;
}

.finnish p{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font14);
	line-height: var(--line150);
	letter-spacing: 0.1rem;
	color: var(--black-color);
	margin-bottom: 40px !important;
}

.filtros-categorias-pai{
			display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
}

.filtros-categorias-pai li{
	margin-right: 20px;
	font-family: var(--baskerville);
	font-weight: var(--fontlight);
	font-size: var(--font14);
	line-height: var(--line150);
	padding: 10px 20px;
}

.filtros-categorias-pai li a{
	color: var(--black-color);
	text-decoration: none;
	padding: 8px 16px;
}

.categoria-link.ativo {
	background-color: var(--secondary-color-dark);
		padding: 10px 20px;
			color: var(--branco-color);
}

.grid-categoria-filha.active a{
	background-color: unset;
}

.categorias-filho-grid{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	margin-top:80px ;
	gap:40px 20px
}


.filho-nome{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font14);
	line-height: var(--line150);
	letter-spacing: 0.1rem;
	color: var(--black-color);
	margin-top: 10px;
}

.filho-imagem-container img{
    aspect-ratio: 1/1;
    width: 100%;
}

.categorias-filhas-grids-container{
	padding: 40px;
	margin-bottom: 120px !important;
}
/****************************** BESPOKE SINGLE ************************************/

.back-claro{
	background-color: var(--areia-color);
	margin-top: 40px ;
	padding: 80px 0;
	margin-bottom:80px;
	text-align: center;
}

.back-claro p {
	font-family: var(--futura);
	font-size: var(--font14);
	font-weight: var(--fontlight);
	line-height: var(--line150);
	letter-spacing: 0.1rem;
	color: var(--main-dark-color);
	text-align: center;
	width: 47%;
	max-width: 100%;
	margin: auto;
	text-transform: uppercase;
	margin-bottom: 40px !important;
}

.btn-talk{
	background-color: var(--secondary-color-dark);
	color: var(--branco-color);
	padding: 8px 14px;
	border: none;
	cursor: pointer;

	font-size: var(--font14);
	font-family: var(--futura);
	letter-spacing: 0.1rem;
	line-height: var(--line150);

	display: inline-flex;
	align-items: center;
	gap: 8px;

	margin: 20px auto 0;
	text-decoration: none;

	transition: padding 400ms cubic-bezier(0.65,0.05,0.36,1);
	text-transform: uppercase;

	width:max-content
}

.btn-talk:hover{
	padding-right: 22px;
	color: var(--branco-color);
}

.btn-talk:focus{
	color: var(--branco-color);
}

.btn-st{
	display: inline-block;
	transition: transform 400ms cubic-bezier(0.65,0.05,0.36,1);
}

.btn-talk:hover .btn-st{
	transform: translateX(8px);
}

/****************************** BESPOKE PROJECTS ************************************/
.bes-projetos{
	position:relative;
}

.button-proj{
	position: absolute;
	top:150px;
}

.bes-projetos .button-proj a {
    padding: 8px 10px;
    background-color: var(--secondary-color-dark);
    border: none;
    font-family: var(--futura);
    font-weight: var(--fontlight);
    font-size: 10px;
    line-height: var(--line150);
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    cursor: pointer;
    color: var(--branco-color);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.button-proj strong{
	font-weight: var(--fontlight);
	transition: transform 400ms cubic-bezier(0.65,0.05,0.36,1), 
	padding 400ms cubic-bezier(0.65,0.05,0.36,1);
}
/* Movimentação do link inteiro ao hover */
.bes-projetos strong:hover {
    transform: translateX(8px); /* move o texto e a seta juntos */
    padding-right: 16px; /* se quiser efeito de "abrir espaço" na direita */
}

.button-proj img {
    vertical-align: unset;
}

.bes-projetos h1{
	font-family: var(--baskerville);
	font-weight: var(--fontlight);
	font-size: var(--font54);
	line-height: var(--line60);
	letter-spacing: 0.1rem;
	color: var(--main-dark-color);
	margin-top: 200px;
	margin-bottom:40px !important;
}

.bes-projetos .born p {
    font-family: var(--futura);
    font-weight: var(--fontlight);
    font-size: var(--font14);
    line-height: var(--line150);
    letter-spacing: 0.1rem;
    color: var(--main-dark-color);
    margin-bottom: 70px !important;
    width: 47%;
    max-width: 100%;
    margin: auto;
}


.projetos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px 6.67px;
    margin-top: 40px;
	margin-bottom: 160px !important;
}

.projeto-item {
    transition: 
	transform 400ms cubic-bezier(0.65,0.05,0.36,1), 
	box-shadow 400ms cubic-bezier(0.65,0.05,0.36,1);
}

.projeto-item:hover {
    transform: translateY(-5px);
}

.projeto-thumb.v4 img {
    margin-bottom: 20px;
}

.projeto-titulo.v4 {
    font-family: var(--baskerville);
	font-size: var(--font18);
	font-weight: var(--fontlight);
	color:var(--main-dark-color);
	letter-spacing: 0.1rem;
	line-height: var(--line22);
	margin-bottom: 10px;
}

.projeto-colaboracao.v4 {
   font-family: var(--futura);
   font-weight: var(--fontlight);
   font-size: var(--font12);
   line-height: 1.2;
   text-transform: uppercase;
   color: var(--black-color);
}

/****************************** SINGLE PROJECTS ************************************/
.galeria1.v3{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    width: 95vw;
    margin: auto;
	margin-bottom: 114px;
}

.mini-descricao.v4 {
    font-family: var(--futura);
    font-weight: var(--fontlight);
    font-size: var(--font20);
    line-height: var(--line150);
    color: var(--black-color);
    width: 71%;
    max-width: 100%;
}

.flex.v4{
	margin-bottom: 140px;
}

.galeria1.v3 .galeria-img {
    margin: 0;
    width: 100%;
    height: auto;
}

img.galeria-img.v4{
	width: 572px;
	height: auto;
}

.galeria1.v4{
    display: block;
    margin-left: auto;
	margin-top: 0;
}


.flex.v5{
	gap: 18%;
}

.descricao.descricao-page.v3{
	width: 590px;
	max-width: 100%;
	text-align: left;
	margin: 0;
}

.flex10{
    display: flex;
    flex-direction: row;
    align-content: space-between;
    justify-content: space-between;
    align-items: center;
	margin-right: 40px;
}

a.view10{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font14);
	line-height: var(--line150);
	letter-spacing: 0.1rem;
	color: var(--secondary-color-dark);
	text-transform: uppercase;
}

.custom-articles-grid.v3 {
    padding: 40px 40px 40px 0px;
}

/****************************** ABOUT US ************************************/
.about-section{
	padding-top: 145px;
	padding-bottom: 100px;
	padding-right:230px;
}

.about-section h1{
	font-family: var(--baskerville);
	font-weight: var(--fontlight);
	font-size: var(--font48);
	line-height: var(--line60);
	color: var(--secondary-color-dark);
	margin-bottom: 40px !important;
}

.about-section p{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font20);
	line-height: var(--line150);
	color: var(--black-color);
	width: 100%;
	max-width: 100%;
}

.about-section img {
    width: 100%;
    height: 70vh !important;
    object-fit: cover;
    object-position: top;
}

.about-section img .wpb_wrapper{
	display: flex;
	justify-content: flex-end;
}

.conhecer{
	background-color: var(--areia-color) ;
	padding-top: 80px;
	padding-bottom: 260px;
	padding-left: 105px;
	padding-right: 155px;
}

.conhecer h2{
	font-family: var(--baskerville);
	font-weight: var(--fontlight);
	font-size: var(--font48);
	line-height: var(--line60);
	color: var(--secondary-color-dark);
	margin-bottom: 40px !important;
}

.conhecer .vc_row.vc_inner.vc_row-fluid {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.conhecer img {
    width: 325px !important;
    max-width: 100%;
    aspect-ratio: 1/1.50;
}

.conhecer .nome p{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.1rem;
	color: var(--secondary-color-dark);
	margin: 0px !important;
}

.conhecer .nome {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.conhecer .text p{
font-family: var(--futura);
font-weight: var(--fontlight);
font-size:var(--font14);
line-height: var(--line22);
letter-spacing: 0.1rem;
color:var(--black-color);
width: 58%;
max-width: 100%;
}

.ana{
	margin-right: 250px;
}
/****************************** CONTACTS ************************************/

.flex-cont.v3 .wpcf7-list-item{
	margin: 0;
}

.flex-cont.v3{
	display: block;
	margin-top: 20px;
}

.contactos{
	padding-top: 150px;
	padding-bottom: 93px;
}

.contactos h1{
	font-family: var(--baskerville);
	font-weight: var(--fontlight);
	font-size: var(--font54);
	line-height: var(--line60);
	color: var(--main-dark-color);
	margin-bottom: 80px !important;
	letter-spacing: 0.1rem;
}
/* RESET */
.wpcf7-form p {
    margin: 0;
}

/* GRID 2 COLUNAS */
.flex-cont {
    display: flex;
    gap: 40px;
    margin-bottom: 24px;
}

#wpcf7-f491-p14-o1 .field {
    width: 100%;
    display: flex;
    flex-direction: column;
	margin-bottom: 24px;
}

/* INPUTS */
#wpcf7-f491-p14-o1 .wpcf7-form input[type="text"],
#wpcf7-f491-p14-o1 .wpcf7-form input[type="email"],
#wpcf7-f491-p14-o1 .wpcf7-form textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--cinza-color);
    background: transparent;
    padding: 10px 0;
    font-size: 14px;
    color: var(--black-color);
    outline: none;
	font-family: var(--futura);
}

/* TEXTAREA */
#wpcf7-f491-p14-o1 .wpcf7-form textarea {
    resize: none;
    margin-bottom: 30px;
	overflow-y: hidden;
	min-height: 30px;
	font-family: var(--futura);
}



#wpcf7-f491-p14-o1 .wpcf7-list-item{
	margin: 0;
}

/* BOTÃO */
#wpcf7-f491-p14-o1 .wpcf7-submit {
    background-color: var(--secondary-color-dark);
    color:var(--branco-color);
    border: none;
    padding: 10px 20px;
    font-size: var(--font14);
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    cursor: pointer;
    font-family: var(--futura);
}

#wpcf7-f491-p14-o1 form[aria-label="Formulário de contacto"] {
padding-right: 0;}

.flex-cont.v2 {
    display: flex;
    margin-bottom: 93px;
    justify-content: space-between;
}

.contactos h3{
	font-family: var(--futura);
	font-weight:600;
	font-size: var(--font12);
	line-height: 1.5;
	text-transform: uppercase;
	color: var(--main-dark-color);
	margin-bottom: 18px !important;
}

.line.a20{
	margin-top:0px;
    height: 80px;
	margin-bottom: 80px !important;
}

.colorir{
	background-color: var(--areia-color);
	padding: 160px 190px;
}

.morada-flex,.email-flex,.mobile-flex{
text-align: right;
  margin-bottom: 40px !important;

}

.morada-flex h3, .email-flex h3, .mobile-flex h3{
  font-family: var(--futura);
  font-weight: var(--fontlight);
  font-size: var(--font18);
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--secondary-color);
  letter-spacing: var(--espaço-letra);
  display: flex;
}

.morada-flex p, .email-flex a, .mobile-flex a{
  font-family: var(--baskerville);
  font-weight: var(--fontlight);
  font-size: var(--font18);
  line-height: var(--line22);
  color: var(--secondary-color-dark);
  letter-spacing: var(--espaço-letra);
  text-transform: uppercase;
}

.morada-flex .wpb_wrapper,.email-flex .wpb_wrapper,.mobile-flex .wpb_wrapper{
	width: 70%;
	margin: auto;
	max-width: 100%;
}

.cima {
margin-top: -22px;
}
/****************************** ERROR 404 ************************************/
.section-404 h1{
font-family: var(--baskerville);
font-weight: var(--fontlight);
font-size: var(--font54);
line-height: var(--line60);
letter-spacing: var(--espaço-letra);
color: var(--main-dark-color);
margin-top: 100px;
margin-bottom: 40px !important;
text-align: center;
}

.section-404 p{
font-family: var(--futura);
font-weight: var(--fontlight);
font-size: 10px;
letter-spacing: var(--espaço-letra);
color: var(--black-color);
margin-bottom: 40px !important;
text-align: center;
}

.section-404 a{
	padding: 10px 20px;
	background-color: var(--secondary-color-dark);
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font14);
    line-height: var(--line150);
	letter-spacing: 0.1rem	;
	text-transform: uppercase;
	color: var(--branco-color);
	transition: all 400ms cubic-bezier(0.65,0.05,0.36,1);
	border: 1px solid transparent; 

}

.section-404 a:hover{
	border: 1px solid var(--branco-color);
	background-color: var(--main-dark-color);
}

.section-404{
	margin-bottom: 365px !important;
}

.back{
	display: flex;
	justify-content: center;
	align-items: center;
}
/****************************** SEARCH PAGE ************************************/
.page-header h1, h2.tit-ex{
font-family: var(--futura);
font-weight: var(--fontlight);
font-size: var(--font20);
line-height: var(--line150);
letter-spacing: 0.1rem;
text-transform: uppercase;
color: var(--black-color);
}

h2.tit-ex{
	margin-bottom: 20px !important;
}

.page-header{
padding-bottom: 0px !important;
margin-bottom: 20px !important;
margin-top: 150px;
}

.wrapper-articles {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 20px; 
}

.wrapper-articles a,
.wrapper-articles article {
    display: block; 
}

.wrapper-articles.v2{
	margin-bottom:120px !important;
}

.aum-pr{
	margin-top: 80px;
}

.pagination{
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 20px;
}

.page-numbers{
	padding: 10px 20px;
	background-color: var(--secondary-color-dark);
		color: var(--branco-color);
		font-family: var(--futura);
font-size: var(--font14);
font-weight: var(--fontlight);
line-height: var(--line150);
}

.page-numbers:hover,.page-numbers:focus{
	color: var(--branco-color);
}

.page-id-14 .retangulo{
	display: none;
}

.menu-wrapper.mobile-only, .mobile-logo{
	display: none;
}


/*
.offer span{
  position: absolute;
  top: 0px;
  left: 0;
  height: 100%;
  width: 0;       
  overflow: hidden;
  color: #9c755f;
  font-family: var(--baskerville);
  font-weight: var(--fontlight);
  z-Index: 2;
  font-size: 40px; 
}

.wrap-container span{
	width: 0;
}
	*/

	.offer strong{
		display: none;
	}
/****************************** FAQS ************************************/
.faq-intro h1{
	font-family: var(--baskerville);
	font-size: var(--font54);
	font-weight: var(--fontlight);
	line-height: var(--line60);
	color: var(--main-dark-color);
	margin:150px 0px !important;
}

 .faq-intro h2, .faq-ord h2, .faq-pay h2, .faq-ship h2, .faq-mat h2 {
    font-family: var(--baskerville);
    font-weight: var(--fontlight);
    font-size: var(--font40);
    line-height: var(--line60);
    letter-spacing: 0.1rem;
    color: var(--main-dark-color);
    margin-bottom: 16px !important;
    margin-top: 0px;
}

.faq-intro h6 {
    font-family: var(--futura);
    font-size: var(--font20);
    font-weight: var(--fontlight);
    line-height: var(--line150);
    color: var(--preto-claro-color);
    margin-bottom: 32px !important;
    width: 41%;
	max-width: 100%;
}

.faq-intro .vc_toggle_content p{
    font-family: var(--futura);
    font-weight: var(--fontlight);
    font-size: var(--font14);
    line-height: var(--line150);
    letter-spacing: 0.1rem;
    color: var(--black-color);
    width: 100%;
    margin-bottom: 0px !important;
}

.faq-intro .vc_toggle_content a, .faq-mat .vc_toggle_content a{
    font-family: var(--futura);
    font-weight: var(--fontlight);
    font-size: var(--font14);
    line-height: var(--line150);
    letter-spacing: 0.1rem;
    color: var(--secondary-color-dark);
    width: 100%;
    margin-bottom: 0px !important;
    text-decoration: underline;
}

.faq-ord,.faq-pay,.faq-ship,.faq-mat {
	margin-top: 50px;
}

.faq-mat{
	margin-bottom: 120px !important;
}
/****************************** Politica de Privacidade ************************************/
.faq-mat h3{
	 font-family: var(--baskerville);
    font-weight: var(--fontlight);
    font-size: var(--font24);
    line-height: var(--line60);
    letter-spacing: 0.1rem;
    color: var(--main-dark-color);
    margin-bottom: 16px !important;
    margin-top: 0px;
}


.faq-ord h6,.faq-pay h6,.faq-ship h6,.faq-mat h6{
	  font-family: var(--futura);
    font-size: var(--font20);
    font-weight: var(--fontlight);
    line-height: var(--line150);
    color: var(--preto-claro-color);
    margin-bottom: 32px !important;
    width: 41%;
	max-width: 100%;
}

.faq-pay ul li,.faq-ord ul li, .faq-ship.v2 ul li
 {
    list-style-type: circle;
}

.custom-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.88);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    z-index: 99999;
    padding: 40px;
}

.custom-lightbox.active {
    opacity: 1;
    visibility: visible;
}

.custom-lightbox-img {
    max-width: 90vw;
    max-height: 90vh;
    object-fit: contain;
    display: block;
}

.custom-lightbox-close {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 42px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    z-index: 2;
}

.lightbox-trigger {
    display: block;
    cursor: pointer;
}

.lightbox-trigger img {
    display: block;
    width: 100%;
    height: auto;
}


a:focus-visible{
	outline: transparent !important;
}


.wevolved-slide-homepage {
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    margin-top: 0px;
    height: calc(100vh - 32px);
}

.menu-wrapper.pc,.mobile-logo{
	width: 100%;
	position: absolute;
}
.botao15 a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background-color: var(--secondary-color-dark);
    color: var(--branco-color);
    border: 1px solid transparent;
    font-family: var(--futura);
    font-weight: 400;
    font-size: var(--font14);
    line-height: var(--line150);
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color 250ms ease, border-color 250ms ease, color 250ms ease, backdrop-filter 250ms ease;
}

.botao15 a:hover {
    background-color: rgba(156, 117, 95, 1);
    border-color: rgba(252, 252, 251, 1);
    color: var(--branco-color);
}

.botao20 a {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(252, 252, 251, 1);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    color: var(--branco-color);
}

.botao20 a:hover {
    background: rgba(255, 255, 255, 0.32);
    border-color: rgba(252, 252, 251, 1);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: var(--branco-color);
}

/****************************** MEDIA QUERIES ************************************/
/* Media query para menu hamburguer */
@media print,
screen and (max-width: 1800px) {
	.slider-info{
		top:60%;
	}
	
	.about-section img {
    height: 80vh !important;
}
	
	.page-id-12 .container{
    width: calc(100% - 50px) !important;
	}
}

@media print,
screen and (max-width: 1440px) {
.about-section {
    padding: 145px 20px 100px 20px;
}

.faq-intro{
	padding: 0px 5px 0px 5px;
}

.slider-title{
	font-size: 40px;
}

.conhecer{
	padding: 80px 40px ;
}

.tit-pecas{
	padding-left: 0px;
}

	.conhecer .text p{
		width: 99%;
	}

.wrap-container{
	width: 100%;
}

.wrap-container div {
    font-size: 37px;
}
	
	.about-section p{
		width:85%;
	}

		.about-section > .vc_col-sm-6 > .vc_column-inner{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

}

@media print,
screen and (max-width: 1250px) {
	
	.about-section h1{
		margin-top:0px !important;
	}
	
	.about-section > .vc_col-sm-6 > .vc_column-inner{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

.about-section > .vc_col-sm-6:nth-child(2) > .vc_column-inner > .wpb_wrapper{
	margin-left: 31px;
}


.tit-pecas{
	padding-left: 0px;
}


	.conhecer .text p {
    width: 95%;
}

.categoria-item.categoria-plus{
	margin-right: 0px;
}


h1{
	font-size: 40px !important;
}

h2{
	font-size: 35px !important;
	line-height: 40px !important;
}

h3{
	font-size: 30px !important; 
}

h4,.morada-flex h3, .email-flex h3, .mobile-flex h3 {
	font-size: 25px !important;
}

.cima {
    margin-top: -32px;
}

h5{
	font-size: 20px !important;
}

.article-title,.projeto-titulo,.produto-nome{
	font-size: 18px !important;
}

.conhecer {
  padding: 40px;
}

.lado5 p.agree {
    width: 100%;
    max-width: 100%;
}

.article-categories button.category-filter {
    padding-left: 20px;
}

.menu-interno {
    gap: 68px;
}

	#pesquisar{
		width: 85%;
	}

.about-section img {
    height: 725px !important;
}

.materials-content {
    max-height: 400px;
	width: 50%;
}

.about-section p {
    width: 100%;
}



.menu-interno {
    justify-content: flex-start;
    align-items: stretch;
}
}

/* Media query para menu hamburguer */
@media print,
screen and (max-width: 1200px) {
.categorias {
    width: 100%;
    max-width: 100%;
    margin: 40px 0;
    overflow: hidden;
}

.menu-interno {
    gap: 13px !important;
}


.nav-menu-produtos {
    margin-top: 128px !important;
}

.cima {
    margin-top: 15px;
}

.lado5 p.agree {
    width: 100%;
    max-width: 100%;
}

.tit-pecas{
	padding-left: 0px;
}

	.nav-menu-produtos {
    gap: 18px;
    margin-top: 145px !important;
}

.menu-interno{
	gap: 100px;
}
}

/*tablet landscape or old laptop */
@media print,
screen and (max-width: 1024px) {
.faq-intro h6 {
    width: 60%;
    max-width: 100%;
}

.tit-pecas{
	padding-left: 0px;
}

.conhecer .vc_row::after, .conhecer .vc_row::before{
	display: none !important;
}

.wpcf7-list-item-label {
    top: 0px;
   width: 50vw;
}

.conhecer {
    padding-top: 80px;
    padding-bottom: 260px;
    padding-left: 40px;
    padding-right:40px;
}

.nav-menu-produtos {
    gap: 8px;
    margin-top: 170px !important;
}
	
.menu-interno {
    gap: 48px;
}

.menu-interno .nav-menu-produtos a {
    font-size: 12px;
}

.nav-menu, .nav-menu-direita {
    gap: 30px;
}

.about-section img {
    width: 100%;
    padding-left: 0px;
}

.about-section h1 {
    font-size: var(--font40);
}

.about-section {
    padding-right:0px; 
}

.about-section p {
    width: 100%;
	font-size: 19px;
}

.conhecer h2 {
    font-size: var(--font40);
}

.conhecer .text p {
    width: 100%;
}

.lado5 p.agree {
    width: 100%;
}

.morada-flex p, .email-flex a, .mobile-flex a {
    margin-left: 0px;
}

.faq-intro{
	margin-top: 50px;
}

.faq-intro h2, .faq-ord h2, .faq-pay h2, .faq-ship h2, .faq-mat h2 {
    margin-bottom: 25px !important;
}

.faq-ord h6, .faq-pay h6, .faq-ship h6, .faq-mat h6 {
    width: 60%;
    max-width: 100%;
}



.morada-flex .wpb_wrapper, .email-flex .wpb_wrapper, .mobile-flex .wpb_wrapper {
    width: 90%;
    margin: auto;
    max-width: 100%;
}

.submit{
	font-size: 13px;
}

.cat-separator{
	margin-top: 8px;
}

.ana {
    margin-right: 0px;
}

.conhecer .vc_row.vc_inner.vc_row-fluid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 100px;
}
}

/* Size considerado para Tablet */
@media only screen and (max-width: 991px) {
	.back5 {
    padding: 30px;
}
	
	.about-section img {
    height: auto !important;
}
	
.single-blog-content {
    padding: 30px;
}

	.single-blog-excerto p {
		margin-top: 20px;
	}
.espaca50 {
    padding: 0px 0px !important;
}
.single-blog-categories {
    margin-right: 5px;
    display: flex;
    align-items: flex-end;
}
.single-blog-date {
    margin-left: 5px;
	    display: flex;
    align-items: flex-end;
}
.single-blog-article .vc_custom_1780907063465 {
    padding-top: 0px !important;
}
.single-blog-article .vc_custom_1780907063465 {
    padding-top: 20px !important;
}
    .produto-card-normal__overlay {
        padding: 22px;
    }
.single-blog-categories {
    margin-right: 5px;
}
h1{
	font-size: 35px !important;
	line-height:38px !important; 
}

h2{
	font-size: 30px !important;
	line-height: 35px !important;
}

h3{
	font-size: 25px !important; 
}

h4,.morada-flex h3, .email-flex h3, .mobile-flex h3 {
	font-size: 20px !important;
}


h5{
	font-size: 18px !important;
}

p,.feito a,.article-title,.projeto-titulo,.produto-nome, .read a{
	font-size: 14px !important;
}
.logo-footer img {
    width: 100%;
    margin-bottom: 50px;
}
.categorias-page-header {
    grid-auto-flow: column;
}
.produtos-bespoke-filtros .produtos-bespoke-filtro {
    margin-left: 3px !important;
}
.categorias-toggle-view {
    padding: 7px 15px;
    font-size: 12px;
}
.logo-footer {
    margin: auto;
}
.faq-intro h6 {
    width: 80%;
    max-width: 100%;
}


.conhecer {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 30px;
    padding-right: 30px;
}

.tit-pecas{
	padding-left: 0px;
}

.produto-empty,.produto-card-v2.is-sm {
    grid-column: span 6;
	grid-row: span 2;
}



.single-blog-subtitle {
    font-family: var(--futura);
    font-weight: var(--fontlight);
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    color: var(--branco-color);
    text-align: center;
    width: 90%;
    max-width: 100%;
    margin: 0 auto;
}

.container {
    width: calc(100% - 30px);
}
.menu-toggle span {
    width: 30px;
}
.preto {
    padding: 10px 20px;
}
.back2 {
    padding: 50px 0px 0px 0px;
}
.back3 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.categoria-item {
    margin-right: 20px;
    margin-bottom: 20px;
    margin: 0 0 20px;
}
.preto a::after {  
    width: 10px;
    height: 10px;
}

.preto a {
    font-size: 10px;
}
.offer {
    width: 100%;
}


.wrap-container {
    display: block;
    gap: 0;
}
.wrap-container div {
    font-size: 29px;
}
.line {
    margin-top: 50px;
}
.wpb_text_column.disc .wpb_wrapper {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 80px !important;
}
.botoes-mid.v2 {
    margin-top: 0px;
    position: relative;
    margin-bottom: 50px;
}
.botoes-mid.v2 .vc_btn3-container.vc_btn3-inline {
    display: grid;
    vertical-align: top;
    text-align: center;
}


.back5 {
    position: relative;
    height: 500px;
}
/*.find {
    top: 30px;
    left: 30px;
}*/
.read {
    top: 360px;
    right: 30px;
}

.about-section {
    padding: 145px 10px 100px 10px;
}

.footer-bottom img {
    width: 50%;
    max-width: 200px;
    height: auto;
}

   .retroceder{
    top: 20%;
}

.colorir{
	padding: 100px 30px;
}

.footer-cima {
    display: flex;
    flex-wrap: nowrap;
    gap: 50px;
    justify-content: space-between;
    flex-direction: column;
}



.info{
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

.retroceder button {
    padding: 10px 15px;
    font-size: 12px;
}
.galeria1 .galeria-img {
    width: 100%;
    height: auto;
    margin-right: 0px;
    margin-bottom: 20px;
    aspect-ratio: auto;
}
.textoo {
    margin-bottom: 20px !important;
    padding: 0px 0px;
}
	
	.textoo.v4 h4 {
    margin-top: 40px;
    margin-bottom: 40px !important;
}
	
.bes-slide .projects h2, .bes-slide h2 {
    margin-top: 40px;
    font-size: 30px !important;
    line-height: 1.5 !important;
}
.produto-nome, .produto-cat {
    font-size: 14px;
    line-height: 1.2;
}
.custom-articles-grid {
    padding: 30px;
}
.bes-slide a {
    font-size: 14px;
    margin-left: 0px;
}
.categorias-filho-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 0;
}

.field label {
    font-size: 11px;
}

.wpcf7-list-item-label {
    width: 40vw;
}

.finnish p {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 20px !important;
}

.categorias-filhas-grids-container {
    padding: 30px;
    margin-bottom: 60px !important;
}

.filtros-categorias-pai {
    padding: 8px 30px;
}

.filtros-categorias-pai li {
    margin-right: 0px;
}

.bes-serv p {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 10px !important;
    width: 100%;
    max-width: 100%;
}
.descricao-page {
    margin: 40px auto 40px auto;
    width: 100%;
    max-width: 100%;
}

.descricao-page, .descricao-cont ,.descricao-page2,.descricao-page3,.texto-final {
    width: 100%;
}

.morada-flex .wpb_wrapper, .email-flex .wpb_wrapper, .mobile-flex .wpb_wrapper {
    width: 100%;
    margin: 0;
    max-width: 100%;
}

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

.cima {
    margin-top: 10px;
    white-space: normal;
    text-align: left;
    margin-left: 0 !important;
}

.morada-flex p, .email-flex a, .mobile-flex a {
    margin-left: 0px;
}

.lista-categorias-produtos li {
    padding: 5px 10px 5px 10px;
}


.produto-info {
    padding: 15px;
}
.produtos-grid-v2 {
    grid-template-columns: repeat(1, 1fr);
}
.produto-categoria.v2 {
    padding: 30px;
}
.produto-left {
    width: 100%;
}
.produto-descricao {
    width: 100%;
    font-size: 16px;
    line-height: 1.2;
}
.spec-label {
    width: 50%;
}
.specs-list li {
    display: flex;
    align-items: center;
    padding: 10px 0px;
}
.produto-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin: 20px 0;
    flex-direction: column-reverse;
}
span.minus-icon {
    position: relative;
    top: unset;
    left: unset;
    width: 20px;
    height: 20px;
}
.btn-materials {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    justify-content: space-between;
    max-width: 100%;
    padding: 10px 0px;
    flex-direction: row-reverse;
}
.materials-content {
    width: 100%;
    max-width: 100%;
    max-height: max-content;
}

	.slider-produtos .slick-slide {
    margin: 5px;
}
.shipping-link{
	margin-top: 43px;
}
.breadcrumb-produto a, .breadcrumb-produto span {
    font-size: 10px;
}
.disc p {
    font-size: 16px;
    line-height: 1.4;
}
.wpcf7-list-item-label {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0px;
    left: unset;
}
.produto-right .slick-slide {
    padding: 0 0px;
}
img.produto-img {
    padding: 0;
}
.produto-right .produto-img {
    margin-right: 0px;
    height: auto;
    width: 100%;
}
.flex-cont.v3 .field.acceptance {
    flex-direction: column;
	align-items: flex-start;
}
.material-name {
    white-space: nowrap;
}

.lista-categorias-produtos {
  display: flex;
  flex-wrap: nowrap; /* tudo em uma linha */
  overflow-x: auto; /* scroll horizontal */
  -webkit-overflow-scrolling: touch; /* smooth scroll no iOS */
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.lista-categorias-produtos::-webkit-scrollbar {
  display: none;
}
.lista-categorias-produtos {
  -ms-overflow-style: none; /* IE e Edge */
  scrollbar-width: none; /* Firefox */
}


  .lista-categorias-produtos li {
    flex: 0 0 auto; /* cada item mantém sua largura */
  }

  .lista-categorias-produtos li a {
    display: block;
    padding: 8px 12px;
    text-align: center;
    color: #333;
    border-radius: 6px;
    text-decoration: none;
    transition: background 400ms cubic-bezier(0.65,0.05,0.36,1), 
	color 400ms cubic-bezier(0.65,0.05,0.36,1);;
  }

  .lista-categorias-produtos li.is-active a {
    background-color:#9c644e;
    color: #fff;
  }



	.menu-wrapper.mobile-only .logo {
		display: flex;
	}

	nav {
		position: relative;
		z-index: 1000;
	}

	.menu-toggle {
		right: 40px ;
		top: 40px;
		display: flex;
		position: absolute;
		z-index: 1100;
		background: none;
		border: 0;
		width: 50px;
		height: 20px;
		flex-direction: column;
		justify-content: space-between;
		transition: all 400ms cubic-bezier(0.65,0.05,0.36,1);
	}

	.menu-toggle span {
		height: 1px;
		background: var(--areia-color);
	}

	/* Overlay */
	.menu-wrapper.mobile-only {
		position: fixed;
		inset: 0;
		background: var(--secondary-color-dark);
		color: #fff;
		flex-direction: column;
		padding: 30px 40px;
		transform: translateX(100%);
		transition: transform 400ms cubic-bezier(0.65,0.05,0.36,1);
		display: flex;
	}

	.menu-wrapper.mobile-only.active {
		transition: 0.5s;
		transform: translateX(0);
	}

	body.fixo {
    position: fixed;
  width: 100%;
}


.menu-wrapper.mobile-only .menu-item-has-children::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("https://www.kassavello.com/wp-content/uploads/2026/01/plus_icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 10px;
    right: 0;
    display: block;
    z-index: 9999;
    transition: transform 400ms cubic-bezier(0.65,0.05,0.36,1),
	background-image 400ms cubic-bezier(0.65,0.05,0.36,1);
}

.menu-toggle.active span:nth-child(3),.menu-toggle.active span:nth-child(1) {
  opacity: 0;
}


.menu-wrapper.mobile-only .menu-item-has-children {
    position: relative;
}

/* container do ícone */
.menu-wrapper.mobile-only .menu-item-has-children::before,
.menu-wrapper.mobile-only .menu-item-has-children::after {
    content: "";
    position: absolute;
    right: 0;
    top: 14px;
    width: 20px;
    height: 2px;
    background-color: #ffffff; /* cor do ícone */
    transition: transform 400ms cubic-bezier(0.65,0.05,0.36,1), 
	opacity 400ms cubic-bezier(0.65,0.05,0.36,1);
	    pointer-events: none; /* os traços não bloqueiam */

}


.menu-wrapper.mobile-only .menu-item-has-children .toggle-hitbox {
    position: absolute;
    right: 0;
    top: 14px;
    width: 30px;
    height: 30px;
    z-index: 10000;
    cursor: pointer;
}

/* traço horizontal */
.menu-wrapper.mobile-only .menu-item-has-children::before {
    transform: translateY(0);
}

/* traço vertical */
.menu-wrapper.mobile-only .menu-item-has-children::after {
    transform: rotate(90deg);
}

/* estado aberto → vira menos */
.menu-wrapper.mobile-only .menu-item-has-children.open::after {
    transform: rotate(0deg);
    opacity: 0; /* opcional — pode esconder para ficar só o traço */
}



.menu-wrapper.mobile-only .menu-item-has-children.open::before{
    background-image: url("https://www.kassavello.com/wp-content/uploads/2026/01/minus_icon.svg");
    top: 14px;

}

.menu-wrapper.mobile-only .menu-item-has-children {
    position: relative;
}


.menu-wrapper.mobile-only .sub-menu.open li{
	font-family: var(--futura);
	font-weight: var(--fontlight);
	font-size: var(--font14);
	line-height: var(--line16);
	letter-spacing: 0.1rem;

}

	/* Menus base */
	.menu-wrapper.mobile-only ul {
		padding: 0;
		margin: 0;
		width: calc(100vw - 77px);
		height: fit-content;
		position: relative;
		bottom: unset;
		right: unset !important;
		margin-top: 20%;
		transform-origin: bottom left;
		transform: none;
		display: flex;
		flex-direction: column;
		gap: 20px;
	    overflow-y: auto;
		scrollbar-width: none;       
	    -ms-overflow-style: none;
	}

	.menu-wrapper.mobile-only ul::-webkit-scrollbar {
	display: none;                
}

	.menu-wrapper.mobile-only li {
		position: relative;
		transition: 0.5s
	}

	.menu-wrapper.mobile-only a {
		text-decoration: none;
		font-size: 20px;
		display: block;
		font-family: var(--futura);
		font-weight: var(--fontlight);
		position: relative;
		width: 100%;
		transition: 0.5s;
		left: 0;
		transform-origin: bottom left;
		padding: 0px;
		text-transform:uppercase ;
	}
	.article-categories button.category-filter {
    padding: 0px 10px;

}
.menu-wrapper.mobile-only ul {
    height: 100%;
    justify-content: flex-start;
    margin-top: 150px;
}
.blog-art {
    padding: 20px 30px 20px 30px;
        gap: 30px;
    flex-direction: column;
}
	.menu-wrapper.mobile-only .sub-menu {
	display: none;  
}
.slider-info {
    width: 100%;
    padding: 30px;
}
.retangulo {
    top: 60vh;
}
.slider-subtitle {
    font-size: 16px;
    line-height: 1.1;
}
span.retangulo-text {
    font-size: 11px;
}
.menu-wrapper.mobile-only .sub-menu.open {
    display: flex;
    width: fit-content;
    padding: 0;
    left: unset !important;
    z-index: 2;
    position: relative;
    transform: none;
    margin-left: 10px;
    gap: 2px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.menu-wrapper.mobile-only .sub-menu.open a {
    font-size: 14px;
    margin-bottom: 15px !important;
}

	.menu-wrapper.pc {
		display: none;
	}

	.mobile-logo {
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 20px;
		position: absolute;
	}

	.back2 h2 {
    padding-left: 30px;
}

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

.nojq.mobile{
	display: none;
}

.produtos-lista p{
	font-size: var(--font12);
}

.conhecer img{
	width: 100% !important;
}



.nav-escuro .menu-toggle span {
    height: 1px;
    background: var(--black-color);
    width: 40px;
}

.produto-right {
    width: 100%;
    text-align: right;
}
}

/* Size considerado para Tablet modo portrait*/
@media only screen and (max-width: 767.5px) {
	.descricao p {
    max-width: 100%;
    width: 100%;
}
	
.info {   
    flex-direction: column;
}

.vc_toggle_title>h4 {
    display: flex;
    width: 90%;
    max-width: 100%;
}

.article-categories {
    display: flex;
    flex-direction: column;
}

.article-categories .cat-separator{
	display: none;
}

.article-categories button.category-filter {
    padding: 10px;
}

.article-card.v2{
	padding-right: 40px;
}

.tit-pecas{
	padding-left: 0px;
}

.article-card.v3:last-child{
	display: none;
}

	.faq-intro h6,.faq-ord h6, .faq-pay h6, .faq-ship h6, .faq-mat h6 {
    width: 80%;
    max-width: 100%;
}

.categorias-filho-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 0;
}

.materials-modal__content {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
}

.lb-close{
	position: absolute;
	right: 20px;
	bottom: 25px;
}

.lista-categorias-produtos{
	gap:0px;
}

	.botoes-mid.vc_row.vc_row-flex {
		flex-wrap: nowrap;
	}

.produtos-grid-v2 {
    gap: 5px;
    margin-bottom: 40px; 
	grid-template-columns: repeat(1, 1fr);
}

.single-blog-info {
    width: 99%;
}

.retroceder {
    top: 15%;
	left: 30px;
}

.single-blog-thumb {
    height: 100vh;
}

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

.produto-empty,.produto-card-v2.is-sm {
    grid-column: span 6;
	grid-row: span 2;
}

  /* Footer geral */
  .footer-todo {
    padding: 30px 20px 20px;
  }

  /* Footer cima: tudo em coluna */
  .footer-cima {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }

  /* Logo centralizado */
  .logo-footer {
    flex: 0 0 auto;
    margin-bottom: 20px;
    text-align: center;
  }



  /* Cada lado vira 100% da largura */
  .footer-cima > div {
    flex: 1 1 100%;
    margin-bottom: 15px;
  }

  /* Menus centralizados */
  .nav-footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .nav-footer li {
    margin-bottom: 8px;
  }

  /* Newsletter: input e botão empilhados */
  .lado5 .wpcf7 input[type="email"],
  .lado5 .wpcf7 button {
    width: 100%;
    box-sizing: border-box;
  }

  .lado5 .submit-wrapper {
    display: block;
    text-align: center;
  }

  .lado5 .submit {
    width: 100%;
    margin-bottom: 40px;
  }

  .lado5 p.agree,
  .lado5 a {
	font-size: 12px;
  }

  /* Footer info centralizado */
  .info {
	margin-top: 50px;
  }

  /* Footer bottom logos */
  .footer-bottom {
    display: flex;
    justify-content: center;
    padding: 15px 0;
  }



  .submit-icon{
	top: 43%;
  }

  .back1 {
    height:100vh;
}

.newsletter-text{
	margin-bottom: 5px !important;
}


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

.about-section img {
    width: 100%;
    height: 520px !important;
}

.conhecer .vc_row.vc_inner.vc_row-fluid {
    display: grid;
	gap: 0px;
}

.about-section {
    padding-top: 140px;
    padding-bottom: 30px; 
    padding-right: 10px; 
}

.conhecer .text p {
    margin-bottom: 50px !important;
    width: 70%;
}

.about-section figure,.about-section .vc_single_image-wrapper {
	width: 100%;
}

.about-section > .vc_col-sm-6:nth-child(2) > .vc_column-inner > .wpb_wrapper {
    margin-left: 0px; 
}

.about-section p {
    width: 85%;
    font-size: 19px;
}

.conhecer{
	padding-left: 25px;
	padding-bottom: 80px;
	padding-right: 25px;
}

.mini-descricao{
	margin-top: 30px;
	width: 92%;
	text-align: center;
}

.single-blog-content img {
    width: 100%;
    margin: auto;
}

.flex{
	display: grid;
}

.flex.v99{
	display: flex;
}
.tit-inicial {
    padding: 30px;
    white-space: normal;
}
.tit-inicial h1 {
    white-space: normal;
    margin-bottom: 50px;
}
.tit-inicial p {
    font-size: 16px;
    line-height: 1.1;
    white-space: normal;
}
.menu-toggle{
	top: 25px;
	right: 25px;
}

.bes-projetos .born p {
    width: 67%;
    max-width: 100%;
}


.bes-projetos h1 {
    margin-top: 50%;
}


.projetos-grid {
    gap: 40px;
}

.slider-produtos .slick-slide {
    margin-left: 20px;
}

.slider-produtos {
    padding-left: 13px;
    padding-right: 13px;
}

.projetos-slick-slider {
    padding-left: 15px;
    padding-right: 15px;
}

.single-blog-title{
	font-size: 35px;
}

.shipping-link {
    width: 67%;
}



.produto-right {
    width: 100%;
    display: flex;
}



.shipping-link {
    margin-bottom: 40px;
}

.galeria1.v3 {
    width: 90vw;
}

.descricao.descricao-page.v3 {
    width: 100%;
}

.galeria1.v4 {
    margin-left: 7%;
}

.mini-descricao.v4 {
    width: 100%;
}

img.galeria-img.v4{
	width: 100%;
}

.galeria1.v4{
	margin-left: 0px;
}
}


@media only screen and (max-width: 600px) {


.article-card.v2{
	padding-right: 40px;
}

.galeria1.v4 {
    margin-left: 0px;
}

.faq-ord h6, .faq-pay h6, .faq-ship h6, .faq-mat h6 {
    width: 100%;
}

.faq-intro h6 {
    width: 100%;
}

.produto-card-v2.is-sm {
    grid-column: span 6;
}

.tit-inicial h1 {
    font-size: 30px;
}

.botoes-mid button, .botoes-mid a {
    padding: 8px 10px !important;
}


.line {
    height: 59px;
}


.material-name {
    font-size: 9px;
}


.article-categories {
  overflow-y: auto;        /* mantém o scroll */
  scrollbar-width: none;  /* Firefox */
  -ms-overflow-style: none; /* IE / Edge antigo */
  width: 100%;
}

.article-categories::-webkit-scrollbar {
  width: 100%;
  height: 0;
}

.article-categories button.category-filter {
    white-space: nowrap;
}
.article-card {
    margin-bottom: 30px;
}
.custom-articles-grid {
    grid-template-columns: repeat(2, 1fr);
}

.projeto-colaboracao {
    padding-left: 0px; 
}

.single-blog-title {
    font-size: 28px;
}

.galeria1.v3 {
    width: 86.5vw;
}

.bes-serv p {
    width: 100%;
}

.tit-bespoke-pieces {
    margin-top: 112px;
}

.bes-projetos h1 {
    margin-top: 247px;
}

.mini-descricao.v4 {
    width: 100%;
}

.conhecer .text p {
    margin-bottom: 50px !important;
    width: 72%;
}

.vc_toggle_title h4 {
    width: 75%;
    display: flex !important;
	max-width: 100%;
}
}

@media only screen and (max-width:534px){


.custom-articles-grid {
    grid-template-columns: repeat(1, 1fr);
}


.page-id-75 .retroceder{
	top: 8%;
}

.bes-projetos h1 {
    margin-top: 247px;
}

.conhecer .text p {
    width: 97%;
}
}

/* Size considerado Mobile - 430px*/
@media only screen and (max-width: 430px) {

	.custom-articles-grid {
    grid-template-columns: repeat(1, 1fr) !important;
}

	.slider-produtos {
    padding-left: 15px; 
    padding-right: 15px; 
}

.projetos-slick-slider {
    padding-left: 15px;
    padding-right: 15px;
}

.bes-slide h2{
	margin-top: 80px;
}

.article-card.v2{
	padding-right: 40px;
}

.retroceder {
    left: 28px;
}

.outros-articles {
    margin-top: 30px;
    padding: 40px 0px 40px 35px !important;
    width: auto;
}

.materials-modal__content {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 24px;
}

.lista-categorias-produtos li a {
    padding: 8px 5px;
}

.faq-intro h2, .faq-ord h2, .faq-pay h2, .faq-ship h2, .faq-mat h2 {
    font-size: 30px;
}

.produto-card-v2.is-sm {
    grid-column: span 6;
}

.about-section p {
    width: 86%;
    font-size: 19px;
	padding-left: 5px;
}

.tit-inicial h1 {
    font-size: 30px;
}

.slider-categorias {
    grid-template-columns: repeat(1, 1fr);

}

.single-blog-title {
line-height: 30px;
}

.conhecer .text p {
    margin-bottom: 50px !important;
    width: 100%;
	font-size: 19px;
}

.info {
    flex-direction: column;
}

.slider-title {
    font-size: 34px;
    line-height: 44px;
}




.single-blog-title {
    font-size: 25px;
}

.flex-cont.v2 {
flex-direction: column;
}

.flex-cont.v2 .field.acceptance{
	margin-bottom:0px !important ;
}

.colorir {
    padding: 50px 30px;
}

.lista-categorias-produtos.v2 {
    display: flex;
    flex-wrap:wrap;
    overflow-x:unset;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-todo {
    padding: 30px;
}

.about-section .vc_column-inner{
	padding-left: 10px !important;
}

.conhecer {
    padding-left: 26px;
    padding-bottom: 80px;
}

.conhecer .vc_row.vc_inner.vc_row-fluid {
gap: 50px;
}

.galeria1 {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin-top: 60px;
}

.galeria1 .galeria-img{
	height: 100%;
}

.sharing h2{
	font-size: 48px;
}

.breadcrumb-produto a, .breadcrumb-produto span{
	margin-right: 5px;
	margin-left: 5px;
}

.tit-pecas{
	padding-left: 0px;
}

.conhecer .nome p{
	padding-left: 5px;
}

.conhecer .text p {
    padding-left: 5px;
}

.conhecer {
    padding-left: 25px;
}


}

/* smartphones plus */
@media only screen and (max-width: 414px) {
h1{
	font-size: 30px !important;
	line-height:38px !important; 
}

h2 {
    font-size: 16px !important;
    line-height: 16px !important;
}

h3{
	font-size: 24px !important; 
}
h3.produto-title-v2{
	font-size: 16px !important;
}
h4,.morada-flex h3, .email-flex h3, .mobile-flex h3 {
	font-size: 20px !important;
}


h5{
	font-size: 18px !important;
}


.single-blog-subtitle{
	font-size: 12px !important;
}

.single-blog-title{
	padding: 0 20px;
}

	.bes-slide h2 {
    display: flex;
	flex-direction: column;
}

	.slider-info {
    top: 57%;
}

.lista-categorias-produtos.v2 {
    display: flex;
    flex-wrap:wrap;
    overflow-x:unset;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.breadcrumb-produto a, .breadcrumb-produto span {
    margin: 4px 1px;
}

.form-request .wpcf7 input[type="text"], .form-request .wpcf7 .email2, .form-request .wpcf7 textarea {
    font-size: 12px;
}

.custom-articles-grid {
    grid-template-columns: repeat(1, 1fr) !important;
}


.produto-card-v2.is-sm {
    grid-column: span 6;
}

.preto a {
    position: absolute;
    left: 6%;
    transform: unset; 
}
}


@media only screen and (max-width: 414px) and (max-height:700px){
	.tit-inicial {
    top: 200px;
}


}


/* smartphones normais  */
@media only screen and (max-width: 378px) {

.page-id-273 .back3{
	padding-top: 120px;
}



.flex-cont{
	flex-direction: column;
}

.flex10{
	margin-right: 0px;
}

.custom-articles-grid.v3{
	padding: 0px;
}
	
.article-card.v2{
	padding-right: 0px !important;
}

.produto-card-v2.is-sm {
    grid-column: span 6;
}

.outros-articles {
    margin-top: 110px;
    padding: 40px 40px 40px 35px;
}

.tit-inicial h1 {
    font-size: 30px;
}

.nav-footer li {
    margin-bottom: 15px;
}

.produto-nome, .produto-cat {
    padding-left: 0px;
}

.menu-toggle span {
    width: 30px;
}
.preto {
    padding: 10px 20px;
}
.back2 {
    padding: 50px 0px 0px 0px;
}
.back3 {
    padding-top: 50px;
    padding-bottom: 100px;
}

.categoria-item {
    margin-right: 20px;
    margin-bottom: 20px;
    margin: 0 0 20px;
}
.preto a::after {  
    width: 10px;
    height: 10px;
}
.preto a {
    left: 20px;
    transform: translateX(0%);
}
.preto a {
    font-size: 10px;
}


.material-name {
    font-size: 8px;
}

.produto-right .produto-img {
    margin-right: 20px;
    height: 286px;
}


.vc_toggle_title::after {
    width: 11px;
    height: 11px;
}

.vc_toggle_active .vc_toggle_title::after {
    top: 64%;
}

.breadcrumb-produto a, .breadcrumb-produto span {
    margin: 4px;
}

.produto-nome2 {
    font-size: 21px;
}

.conhecer .text p {
    width: 85%;
}

.bes-projetos .born p {
    width: 100%;
}

.wrap-container div{
	padding-left: 5px;
}

.contactos h1,.bes-serv h1,.about-section h1,.bes-projetos h1 {
    font-size: 40px;
    line-height: 47px;
}

.conhecer {
    padding-left: 35px;
}

.about-section img {
    height: 460px !important;
}

.lista-categorias-produtos li a {
    padding: 8px;
}

.slider-title {
    font-size: 28px;
    line-height: 35px;
}

.galeria1.v3 {
    width: auto;
}

.slider-produtos .slick-slide {
     margin-right: 0px; 
	 margin-left: 16px;
}


.flex.v4 {
    margin-bottom: 114px;
}

.flex.v5 {
    gap: 114px;
}

.outros-articles {
    margin-top: 114px;
    padding: 0px 35px 40px 35px;
}

.outros-articles h2 {
    margin-bottom: 30px !important;
}

.faq-intro h2, .faq-ord h2, .faq-pay h2, .faq-ship h2, .faq-mat h2, .bes-faq h2, .finnish h2, .conhecer h2, .sharing h2 {
    font-size: 25px;
}

.sharing h2{
	line-height:30px ;
}

.single-blog-title {
    padding-right: 25px;
    padding-left: 25px;
}

.single-blog-thumb {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    height: 89vh;
}

.conhecer .text p {
    width: 100%;
}

.morada-flex h3, .email-flex h3, .mobile-flex h3 {
   font-size: 21px;
}

.wrap-container div,.article-title {
    font-size: 21px;
}

.disc p,.categoria-nome,.produto-nome, .produto-cat, .find p, .read a, .morada-flex p, .email-flex a, .mobile-flex a {
    font-size: 16px;
    line-height: 1.4;
}
}

/* =========================================================
   WEvolved/Kassavello — HOMEPAGE PODS SLIDER FIX
   Corrige sobreposição dos botões sobre o texto no slider.
   Manter este bloco no fim do ficheiro para ganhar prioridade.
   ========================================================= */

.wevolved-slider,
.wevolved-slider .slick-list,
.wevolved-slider .slick-track,
.wevolved-slider .slick-slide,
.wevolved-slider .slick-slide > div,
.wevolved-slide {
    height: calc(100vh - 32px);
}

.wevolved-slider {
    position: relative;
    overflow: hidden;
}

.wevolved-slide-homepage {
    position: relative;
    height: calc(100vh - 32px);
    min-height: 620px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0;
    overflow: hidden;
}

.wevolved-slide-homepage > .wpb_column {
    width: 100%;
}

.wevolved-slide-homepage > .wpb_column > .vc_column-inner {
    width: 100%;
    height: 100%;
}

.wevolved-slide-homepage > .wpb_column > .vc_column-inner > .wpb_wrapper {
    width: 100%;
    min-height: calc(100vh - 32px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 34px;
    padding: 160px 30px 90px;
}

.wevolved-slide-homepage .tit-inicial {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: min(760px, 100%);
    max-width: 100%;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center;
}

.wevolved-slide-homepage .tit-inicial p {
    margin: 0 0 20px !important;
    text-align: center;
}

.wevolved-slide-homepage .tit-inicial h1 {
    margin: 0 !important;
    text-align: center;
}

.wevolved-slide-homepage .botoes-mid {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: auto;
    max-width: 100%;
    margin: 0 auto !important;
}

.wevolved-slide-homepage .botoes-mid.vc_row {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 20px;
}

.wevolved-slide-homepage .botoes-mid::before,
.wevolved-slide-homepage .botoes-mid::after,
.wevolved-slide-homepage .tit-inicial::before,
.wevolved-slide-homepage .tit-inicial::after {
    display: none !important;
}

.wevolved-slide-homepage .botoes-mid .wpb_column {
    width: auto !important;
    float: none !important;
}

.wevolved-slide-homepage .botoes-mid .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.wevolved-slide-homepage .botoes-mid .wpb_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wevolved-slide-homepage .vc_btn3-container {
    margin: 0 !important;
}

.wevolved-slide-homepage .botao15,
.wevolved-slide-homepage .botao20 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wevolved-slide-homepage .botao15 a,
.wevolved-slide-homepage .botao20 a {
    width: auto !important;
    min-width: 150px;
    text-align: center;
}

.wevolved-slider .slick-dots {
    z-index: 20;
}

.wevolved-slider .slick-next {
    z-index: 30;
}

@media only screen and (max-width: 991px) {
    .wevolved-slide-homepage > .wpb_column > .vc_column-inner > .wpb_wrapper {
        padding: 150px 30px 90px;
        gap: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .wevolved-slider,
    .wevolved-slider .slick-list,
    .wevolved-slider .slick-track,
    .wevolved-slider .slick-slide,
    .wevolved-slider .slick-slide > div,
    .wevolved-slide {
        height: 100vh;
    }

    .wevolved-slide-homepage {
        height: 100vh;
        min-height: 640px;
    }

    .wevolved-slide-homepage > .wpb_column > .vc_column-inner > .wpb_wrapper {
        min-height: 100vh;
        padding: 140px 28px 90px;
        gap: 30px;
    }

    .wevolved-slide-homepage .tit-inicial {
        width: 100%;
    }

    .wevolved-slide-homepage .tit-inicial p {
        font-size: 16px;
        line-height: 1.25;
    }

    .wevolved-slide-homepage .tit-inicial h1 {
        margin-bottom: 0 !important;
        white-space: normal;
    }

    .wevolved-slide-homepage .botoes-mid.vc_row {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 14px;
        width: 100%;
    }

    .wevolved-slide-homepage .botoes-mid .wpb_column {
        width: 100% !important;
    }

    .wevolved-slide-homepage .botao15 a,
    .wevolved-slide-homepage .botao20 a {
        width: 100% !important;
        max-width: 260px;
    }
}

@media only screen and (max-width: 414px) and (max-height: 700px) {
    .wevolved-slide-homepage {
        min-height: 560px;
    }

    .wevolved-slide-homepage > .wpb_column > .vc_column-inner > .wpb_wrapper {
        padding-top: 110px;
        padding-bottom: 70px;
        gap: 22px;
    }
}

.back3 h4{
	font-family:var(--futura);
	font-size:16px;
	line-height:1;
	color:var(--black-color);
	margin-bottom:16px !important;
}

.textoo p:first-of-type{
	margin-bottom:10px !important;
}

.projetos_slides{
	overflow:hidden;
}

.callaction{
    text-align: center;
    margin-bottom: 100px !important;
}

.callaction a{
	text-decoration:underline;
}

@media only screen and (max-width: 500px){
	.categorias-page-header {
    display: flex;
    gap: 18px;
    flex-direction: column;
}
	
	.descricao p {
    width: 100%;
}
}


@media only screen and (max-width: 414px){
	.back5:hover .read strong {
    transform: translateX(-18px);
}
	
	.read strong {
    transform: translateX(-21px);
}
}

.descricao p {
    font-family: var(--futura);
    font-weight: var(--fontlight);
    font-size: var(--font20);
    line-height: var(--line150);
    color: #000;
    max-width: 100%;
    width: 60%;
    margin-bottom: 40px;
}

.lista p{
	margin-bottom:10px;
}

.lista{
	margin-bottom:40px;
	position:relative;
}

.callaction a{
    font-family: var(--futura);
    font-weight: var(--fontlight);
    font-size: var(--font14);
    line-height: var(--line150);
    color: var(--main-dark-color);
    letter-spacing: 0.1rem;
    margin-left: 20px;

}



@media only screen and (max-width: 360px){
	.find.v2 a, .find.v2 a strong {
    font-size: 15px;
    padding-left: 10px;
    font-weight: 500;
}
	.read strong::after, .find.v2 strong::after {
    content: '';
    position: absolute;
    background-image: url('https://www.kassavello.com/wp-content/uploads/2025/12/arrow.png');
    width: 18.5px;
    height: 14.5px;
    margin-left: 5px;
    bottom: 6px;
    background-repeat: no-repeat;
    background-size: cover;
}
}