.wc-block-components-product-sale-badge {
background-color: #eff6a5; color: #1e2566;  font-family: 'Rubik', sans-serif; font-weight: 500;
font-size: 0.75rem; text-transform: uppercase;
letter-spacing: 1px;  padding: 8px 16px;
border-radius: 20px; border: none;  position: absolute;
top: 15px;
left: 15px;
z-index: 10;
box-shadow: 0 4px 10px rgba(30, 37, 102, 0.15);
} .button-up {
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.button-up:hover {
transform: translateY(-4px) scale(1.02); }
.button-up:active {
transform: translateY(-1px); } .relative {
position: relative;
} .miniaturas {     }
.wc-block-product-gallery-thumbnails__image, .wc-block-woocommerce-product-gallery-large-image__image {   border-radius: 8px;
}
.wc-block-product-gallery-thumbnails__thumbnail{
border: none;
} .mini-cart-button {
border-radius: 25px;
} .main-pic {
border-radius: 28px;
padding-bottom: 14px;
}
.main-pic-div {
padding-bottom: 50px;
}
.prev-next-button, .wc-block-components-quantity-selector__button {
width: 50px; height: 50px; border-radius: 50%;
}
.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill, .wc-block-components-quantity-selector  {
border-radius: 28px;
}
.thumbnail-pic {
display: flex;
justify-content: center; align-items: center; }
.wc-block-product-gallery-thumbnails__scrollable {
display: flex;
justify-content: center; align-items: center; gap: 12px; border-radius: 28px;
}
.wc-block-product-gallery-thumbnails__thumbnail {
display: flex;
justify-content: center;
align-items: center;
} .faq-question {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
text-align: left;
padding: 1rem;
font-size: 1.1rem;
background: none;
border: none;
outline: none;
cursor: pointer;
font-weight: bold;
transition: background 0.2s;
gap: 1em;
}
.faq-question-text {
flex: 1;
}
.faq-arrow {
display: flex;
align-items: center;
transition: transform 0.3s;
}
.faq-item.active .faq-arrow {
transform: rotate(90deg);
}
.faq-accordion {
max-width: 864px;
margin: 2rem auto;
padding: 1rem;
}
.faq-item {
border-bottom: 1px solid #ddd;
}
.faq-question:hover {
background-color: #f9f9f9;
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
padding: 0 1rem;
}
.faq-item.active .faq-answer {
max-height: 500px; padding-bottom: 1rem;
}
@media (max-width: 600px) {
.faq-question {
font-size: 1rem;
padding: 0.9rem;
}
.faq-answer {
padding: 0 0.8rem;
}
} .feature-rolling-wrapper {
overflow: hidden;
width: 100%; padding: 15px 0;
position: relative;
}
.feature-rolling {
display: flex;
animation: scroll-left linear infinite;
animation-duration: 30s;
flex-direction: row;
gap: 70px;
flex: 0 1 auto;
}
.feature-item { align-items: center;
display: flex;
flex-direction: row;
flex-shrink: 0;
min-width: 250px;
}
.feature-item img {
filter: invert(89%) sepia(23%) saturate(579%) hue-rotate(25deg) brightness(103%) contrast(92%);
scale: 70%;
}
.feature-item span {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.9rem !important;
}
.feature-item strong {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.9rem !important;
}
.feature-item img::after {
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background-color: #74a724;
opacity: 0.6; pointer-events: none;
}
.feature-text {
display: flex;
flex-direction: column;
}
@keyframes scroll-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
} #logo .wp-block-image.size-full a {
width: 100%;
} #hero-bar {
transition: transform 0.2s ease;
position: relative;
z-index: 1;
}
#hero-bar:hover {
opacity: 0.9; } .box-shadow-1 {
box-shadow: 0 .25rem .5rem #4038331a;
}
.box-shadow-2 { box-shadow: 0 8px 15px #00000026;
}
.box-shadow-3 { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
.box-shadow-3:hover {
transform: translateY(-5px) !important;
box-shadow: 0 12px 30px rgba(114, 104, 225, 0.3);
} .current-price-highlight .woocommerce-Price-amount {
color: #7268e1;
font-size: clamp(1.3rem, 1.3rem + ((1vw - 0.2rem) * 0.156), 1.125rem) !important;
} .wp-block-template-part {
position: sticky;
top: 0;
z-index: 9999;
} .top-arrow {
cursor: pointer;
}
.top-hero {
transition: opacity 0.5s ease;
opacity: 1;
text-decoration: none;
}
.top-hero.fade-out {
opacity: 0;
}
.top-hero a {
text-decoration: none;
} nav a::after {
content: '';
position: absolute;
width: 0;
height: 2px;
left: 0;
bottom: 4px;
background-color: #6770C1;
opacity: 0;
transition: all 0.3s ease;
}
nav a:hover::after {
width: 100%;
opacity: 1;
} #top-nav .wp-block-navigation-item__content:hover {
color: #7268e1 !important;
} .custom-bars {
margin: 20px 0;
}
.bar-item {
margin-bottom: 15px;
}
.bar-label {
display: block;
margin-bottom: 5px;
font-weight: 600;
}
.bar-background {
background: #f0f0f0;
height: 8px;
border-radius: 6px;
overflow: hidden;
}
.bar-fill {
background: #7268e1; height: 100%;
border-radius: 6px;
transition: width 0.5s ease;
}            .woocommerce {    --radius: 28px;          } .woocommerce-MyAccount-navigation {
background: linear-gradient(180deg, rgba(114,104,225,0.03), transparent 40%), var(--wp--preset--color--secondary-3);
border-radius: var(--radius);
padding: 1rem 0.5rem;
box-shadow: 0 6px 18px rgba(30,37,102,0.06); top: 2rem;  }          .woocommerce-MyAccount-navigation a {
display: flex;
align-items: center;  padding: 1rem 1.2rem;
border-radius: var(--radius);
color: var(--wp--preset--color--secondary);  position: relative; } .woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation a:focus {
background: rgba(114,104,225,0.06);
transform: translateY(-1px);
} .woocommerce-MyAccount-navigation li.is-active > a {
background: linear-gradient(90deg, rgba(114,104,225,0.08), rgba(143,129,232,0.03));
color: var(--wp--preset--color--primary);
box-shadow: inset 3px 0 0 var(--wp--preset--color--primary);
} .woocommerce-MyAccount-navigation li.is-active > a::before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--wp--preset--color--primary);
margin-right: 0.75rem; } .woocommerce-MyAccount-content {   box-shadow: 0 10px 30px rgba(30,37,102,0.05);
line-height: 1.6;   }                                                                                          .woocommerce #customer_login {
display: flex;  color: #1e2566; align-items: flex-start; flex-wrap: wrap; } .woocommerce #customer_login .u-column1 {
margin-right: 2rem;
}
.woocommerce #customer_login .u-column1,
.woocommerce #customer_login .u-column2 {
flex: 1 1 300px; background: #eff6a5;
padding: 2rem;
border-radius: 28px;
box-shadow: 0 10px 30px rgba(30,37,102,0.05);
display: flex;
flex-direction: column; } .woocommerce #customer_login h2 {
color: #1e2566;
font-weight: 700;
margin-bottom: 1rem;
} .woocommerce #customer_login form {
display: flex;
flex-direction: column;
gap: 1rem;
} .woocommerce #customer_login input[type="text"],
.woocommerce #customer_login input[type="password"],
.woocommerce #customer_login input[type="email"] {
width: 100%;
padding: 0.75rem 1rem;
border-radius: 28px;
border: 1px solid #d1d5db;
font-size: 1rem;
transition: border 0.2s ease, box-shadow 0.2s ease;
}
.woocommerce #customer_login input[type="text"]:focus,
.woocommerce #customer_login input[type="password"]:focus,
.woocommerce #customer_login input[type="email"]:focus {
outline: none;
border-color: #7268e1;
box-shadow: 0 0 0 3px rgba(114,104,225,0.15);
} .woocommerce #customer_login label {
font-weight: 600;
margin-bottom: 0.25rem;
display: block;
color: #24304b;
} .woocommerce #customer_login .woocommerce-form__label-for-checkbox {
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 500;
} .woocommerce #customer_login button.woocommerce-button {
background: #7268e1;
color: white;
font-weight: 700;
border-radius: 28px;
padding: 0.7rem 1.2rem;
border: none;
cursor: pointer;
transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease;
}
.woocommerce #customer_login button.woocommerce-button:hover {
transform: translateY(-2px);
opacity: 0.98;
box-shadow: 0 6px 18px rgba(114,104,225,0.12);
} .woocommerce #customer_login .lost_password a,
.woocommerce #customer_login .woocommerce-privacy-policy-link {
color: #7268e1;
text-decoration: underline;
text-underline-offset: 2px;
font-weight: 500;
}
.woocommerce #customer_login .woocommerce-privacy-policy-text p {
color: #24304b;
font-size: 0.9rem;
margin-top: 0.5rem;
} .woocommerce #customer_login .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce #customer_login .woocommerce-notices-wrapper .woocommerce-info,
.woocommerce #customer_login .woocommerce-notices-wrapper .woocommerce-error {
border-radius: 28px;
padding: 0.9rem 1rem;
margin-bottom: 1rem;
font-weight: 600;
box-shadow: 0 6px 18px rgba(30,37,102,0.03);
}
.woocommerce #customer_login .woocommerce-notices-wrapper .woocommerce-message {
background: linear-gradient(90deg, rgba(239,246,165,0.25), rgba(239,246,165,0.12));
color: #1e2566;
border-left: 4px solid #eff6a5;
}
.woocommerce #customer_login .woocommerce-notices-wrapper .woocommerce-error {
background: #fff3f3;
color: #6b1e1e;
border-left: 4px solid rgba(255,0,0,0.15);
}
.woocommerce #customer_login .woocommerce-notices-wrapper .woocommerce-info {
background: rgba(114,104,225,0.04);
color: #1e2566;
border-left: 4px solid #7268e1;
}