@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@font-face {
    font-family: "Bebas Neue";
    src: url("/aimeos/1.d/fonts/BebasNeue-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root {
	--separar-letras-tienda: 0.1em;
	--fuente-tienda: "Bebas Neue";
    --rosado-tienda: rgb(224, 125, 169);
    --rojo-tienda:rgb(124, 34, 72);
    --rosado-claro-tienda: rgba(224, 125, 169, 0.5);
    --fondo-tienda: rgb(244, 241, 234);
    --negro-tienda: rgb(54, 54, 54);
	--principal-color-tienda: var(--rosado-tienda);
    --rojo-secondary-tienda: #eed6d6;
    --blanco-tienda: #ffffff;
    --blanco-secondary-tienda: #fffbf8;
}
.categories-lists.show{
	padding-bottom: 15px;
}

/* ICONOS EN LOS PRODUCTO A COMPRAR */
.catalog-list-items .addbasket .btn-primary::before{
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="white" class="size-6"><path stroke="white" stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" /></svg>') !important;
    display: block;
    width: 24px;
    height: 24px;
}

body{
	background-color: #fff !important; 
}

.shadow-tienda{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* ESTADO DEL PRODUCTO AL OBSERVARLO */
.aimeos .product .stock-actual .stockitem{
	background: transparent !important;
}

/* VENTANA FONDO EN EL MENÚ Y CARRITO DE COMPRA */
.aimeos-overlay, .aimeos-overlay-offscreen{
	/* height: 100% !important; */
}

/* CANCELAR BUSQUEDA EN TODOS LOS CATALOGOS */
.modal_filter .row .aimeos .btnmodalsearch{
    display: none;
}

/* BOTÓN DE GUARDAR OPCION EN CATEGORÍA */
.aimeos .btn-primary, .aimeos .btn-primary:visited{
    background: var(--rosado-tienda) !important;
    border-color: var(--rosado-tienda) !important;
}

/* BOTÓN AL ABRIR EL CARRITO DE COMPRA */
.aimeos .button-group .btn,
.basket-mini-product .btn-primary{
    border: none;
    color: #fff;
    background: var(--rosado-tienda) !important;
}

/* BOTÓN DE COMPRA */
.pay-confirm{
    background: var(--rosado-tienda) !important;
}

/* BOTÓN AL MIRAR LOS PRODUCTOS */
.aimeos.catalog-detail .btn-primary{
    background: var(--rosado-tienda) !important;
    border: none !important;
}

/* ESTILOS DEL BOTÓN AL BRIR EL CARRITO DE COMPRA */
.aimeos .btn-primary:hover,
.aimeos .btn-primary:active,
.aimeos .btn-primary:focus{
    border-color: #fff !important;
    color: #fff;
    font-weight: 500;
    background: var(--rosado-tienda) !important;
}

/* SE EXTIENDE LA VENTA QUE SE DESPLIEGA DEL CARRITO */
.basket-mini .zeynep.opened{
    height: 100vh;
}

svg{
    stroke: var(--rosado-tienda) !important;
}

/* FIN DE LOS ESTILOS AGREGADOS PARA ESTA TIENDA */

.aimeos .common-summary-detail .product-item .col-4 .row.g-0 {
    flex-wrap: nowrap !important;
}

.aimeos .common-summary-detail .product-item .col-4 .row.g-0 .image {
    width: 100%;
    max-width: 6rem;
}

.extras-list {
    display: flex;
    gap: 1em;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    background: #e6e6e6;
    padding: 5px 10px;
    margin: 5px 4px;
    border-radius: 5px;
    color: black;
    font-size: 14px;
    font-weight: 600;
    width: 48%;
}

.contenedorImagenes {
    width: 10%;
    display: block;
    margin: 0;
    z-index: 20;
}

#sliderItems2,
#sliderItems {
    width: auto;
    display: block;
    margin: 0;
    z-index: 20;
}

#sliderItems .slider-container,
#sliderItems2 .slider-container {
    flex-direction: column;
    display: flex;
    margin: auto;
    gap: 1rem;
}

#sliderPrincipal {
    height: 500px;
}

.extras-list input[type="checkbox"] {
    margin: 0;
}

.extras-box {
    padding: 5px 0px;
    border: 2px dashed #b8b8b8;
    margin: 10px 0px;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
}

.select-item.extras .select-name {
    padding: 0 !important;
    font-weight: 500;
    text-transform: capitalize;
    color: #000;
}

.extras-qty {
    padding: 4px 10px !important;
    border: 1px solid #0000004d !important;
    border-radius: 5px !important;
    margin: 0 !important;
}

.extras-list label {
    display: flex;
    width: 100%;
    align-items: center;
    cursor: pointer;
}

.extras-list input[type="checkbox"] {
    margin: 0;
    cursor: pointer;
}

.cheknew {
    width: 20px;
    /* Ajusta el tamaño según sea necesario */
    height: 20px;
    background-color: white;
    border: 1px solid #0006;
    display: inline-block;
    cursor: pointer;
    border-radius: 10px;
}

.catalog-filter-tree .zeynep .list-container {
    margin: 0;
}

.cheknew.checked {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IndoaXRlIiBjbGFzcz0ic2l6ZS02IiBzdHlsZT0iYmFja2dyb3VuZDojMDBkNjcyOyI+CiAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJtNC41IDEyLjc1IDYgNiA5LTEzLjUiIC8+Cjwvc3ZnPgo=");
}

.checkbox-option {
    display: flex;
    gap: 7px;
    align-items: center;
}

.catalog-list-items .basket .selection input[type="number"] {
    width: 38% !important;
}

.catalog-detail-basket .selection input[type="number"] {
    width: 38% !important;
}

/* Menu categorias */

.catalog-filter-tree
    .zeynep.list-container
    .list-container
    .cat-item
    .item-links {
    position: relative;
}

.catalog-filter-tree
    .zeynep.list-container
    .list-container
    .cat-item
    .item-links
    .next {
    top: 0 !important;
    margin-top: 0px !important;
    width: 16.66666667% !important;
    background-color: transparent;
}

/* Slide product home */

.container-xl .catalog-list.swiffy-slider .slider-nav,
.container-xxl .catalog-list.swiffy-slider .slider-nav {
    top: 40%;
    bottom: 60%;
    height: fit-content;
}

/* Menu carrito */

.newlogin
    .basket-mini
    .basket-mini-product
    .basket
    .basket-body
    .product-item
    .image
    img {
    padding-right: 5px !important;
}

@media (max-width: 768px) {
    .contenedorImagenes {
        width: 100%;
    }

    .divs-product .catalog-detail-image {
        margin: 0;
        border-bottom: 1px solid #cbcbcb;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    #sliderItems2 img {
        height: 80px;
    }

    .image-single.slider-container {
        margin: 0 0rem !important;
    }

    #sliderItems2 {
        width: 100%;
    }

    #sliderItems {
        margin: 0;
    }

    #sliderItems {
        width: 10%;
        display: block;
        margin: 0;
        z-index: 20;
    }

    #sliderItems .slider-container,
    #sliderItems2 .slider-container {
        flex-direction: row;
        margin: 0 0rem !important;
        justify-content: center;
    }

    .extras-qty {
        width: 25%;
    }

    .extras-list {
        width: 100%;
    }
}

/* Tablets en vertical (portrait) */
@media (min-width: 768px) and (max-width: 991px) {
    .extras-list {
        width: 100%;
    }
}

body {
    background-image: none !important;
}

.termis {
    display: none;
}

body > .content,
body .main-section {
    margin-top: 0rem !important;
}

.section.aimeos.catalog-list.megamenu
    .container-xxl
    .catalog-list-head
    .head-image
    img {
    display: none;
}

.aimeos,
.aimeos h1,
.aimeos h2,
.aimeos h3,
.aimeos h4 {
    letter-spacing: 0px !important;
}

.section.aimeos.catalog-list.megamenu
    .catalog-list-items
    .addbasket
    .btn-primary,
.cms-content .catalog-list-items .addbasket .btn-primary {
    width: fit-content !important;
    margin: 0;
    border-radius: 25px;
    line-height: 0;
    padding: 10px;
    margin-right: 5px;
}

.catalog-list-items.list .product .list-column .addbasket .btn-primary {
    background-color: var(--ai-primary);
    border-color: var(--principal-color-tienda) !important;
    justify-content: center !important;
    display: flex;
    color: white;
}

.catalog-list-items.list .product .list-column .addbasket .btn-primary::before {
    filter: invert(100);
}

.catalog-list-items.list
    .product
    .list-column
    .addbasket
    .btn-primary.btn-primary:hover {
    background-color: var(--principal-color-tienda) !important;
    border-color: var(--principal-color-tienda) !important;
}

.redmasiva-slider .offer {
    display: flex;
}

.aimeos .product .addbasket .input-group {
    justify-content: end;
}

/* Estilos de div content confirm */
.cms-content .offer,
.section.aimeos.catalog-list.megamenu .offer {
    display: flex;
}

.cms-content .offer .section,
.section.aimeos.catalog-list.megamenu .offer .section {
    width: 100%;
    text-align: left;
}

.list-container .cat-item {
    font-size: 13px;
    border-bottom: 1px solid #d5d5d5;
}

.liflex {
    display: flex;
    align-items: baseline;
    padding: 3px 10px;
    border-radius: 5px;
}

.liflex:hover {
    background: #efefef;
}

.section.aimeos.checkout-confirm {
    height: calc(100vh - 131px);
    padding: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.section.aimeos.checkout-confirm .container-xxl {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    text-align: center;
}

#h1-checkout-confirm {
    padding-top: 10px;
}

#button-checkout-confirm {
    margin-top: 5px;
}

#button-checkout-confirm a {
    padding: 10px 20px;
    background-color: black;
    color: white;
    border-radius: 25px;
    margin-top: 9px;
    border: 2px solid #37ba73;
}

.section.aimeos.checkout-confirm .container-xxl .confirshop {
    display: none;
}

/* Estilos de collapse metodo de envio nacional */

#container-options-envio-nacional {
    padding-left: 8px;
    padding-right: 8px;
}

#container-options-envio-nacional-interno {
    padding: 10px;
    border: 1px solid #ccc;
}

#showMoreOptions {
    font-size: 110%;
    padding-left: 16px;
    display: flex;
    align-items: center;
    column-gap: 1.7rem;
}

#showMoreOptions img {
    width: 40px;
}

#showMoreText {
    margin-top: revert;
    margin-bottom: revert;
}

#iconMoreOptions {
    width: 20px;
    min-width: 20px;
}

#showMoreDescription {
    margin-top: 0;
    margin-bottom: 0.5rem;
    padding-left: 17px;
    font-weight: bold;
}

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

.slider-container {
    position: relative;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
}

.slider-container .slides-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slider-container .mySlides-categ {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.slider-container .fade-categ img {
    width: 100%;
    height: auto;
}

.slider-container .content-button-categ {
    text-align: center;
    margin-top: 10px;
}

.slider-container .prev,
.slider-container .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    transition: 0.1s ease-out;
    border-radius: 5px 0px 0px 5px;
    user-select: none;
    background: #0000;
}

.slider-container .next {
    right: 0;
    border-radius: 0 5px 5px 0;
}

.slider-container .prev:hover,
.slider-container .next:hover {
    background-color: #f000;
    transform: scale(1.4);
}

/* Slideshow container */
.slideshow-container {
    display: flex;
    max-width: 100%;
    position: relative;
    margin: auto;
}

.slideshow-container .mySlides {
    position: relative;
    display: flex;
    justify-content: left;
    width: 100%;
}

.slideshow-container .mySlides img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.slideshow-container .content-button {
    position: absolute;
    /* z-index: 99999; */
    top: 30%;
    margin-left: 60px;
}

.slideshow-container .text-slider {
    color: white;
    padding-bottom: 20px;
    line-height: 1;
}

.slideshow-container .text-slider1 {
    font-size: 225%;
}

.slideshow-container .text-slider2 {
    font-size: 225%;
    font-weight: bold;
}

.slideshow-container .mySlides .content-button a {
    background-color: transparent;
    padding: 15px;
    border-color: white;
    border-style: solid;
    color: white !important;
    border-width: 2px !important;
}

/* Next & previous buttons */
.slideshow-container .prev,
.slideshow-container .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -30px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.slideshow-container .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slideshow-container .prev,
.slideshow-container .next {
    background-color: #00000069;
}

/* Caption text
      .text {
        color: #f2f2f2;
        font-size: 15px;
        padding: 8px 12px;
        position: absolute;
        bottom: 8px;
        width: 100%;
        text-align: center;
      }*/

/* Number text (1/3 etc) */
.slideshow-container .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.slideshow-container .dot-slider-new {
    display: none;
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.slideshow-container .mySlides.fade:not(.show) {
    opacity: 100;
}

.slideshow-container .mySlides .active,
.slideshow-container .dot-slider-new:hover {
    background-color: #717171;
}

/* Fading animation */
.slideshow-container .mySlides.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

.product-list .input-group input {
    display: none;
}

.catalog-list-items .addbasket input[type="number"] {
    width: 100% !important;
    padding: 0.275rem 0.5rem;
    margin-bottom: 10px;
}

.vmovil {
    display: none;
}

.header-text {
    display: none;
}

.catalog-list-head,
.catalog-list-footer {
    padding: 0px !important;
}

.catalog-stage-breadcrumb.container-xxl {
    max-width: 1200px;
}

.catalog-stage-breadcrumb ol {
    padding-inline-start: 0rem !important;
}

.row.form-item.form-group.salutation.optional,
.row.form-item.form-group.company.optional,
.row.form-item.form-group.postal.mandatory,
.row.form-item.form-group.countryid.optional,
.row.form-item.form-group.languageid.mandatory,
.row.form-item.form-group.vatid.optional {
    display: none;
}

.checkout-standard .item-service .description .price-value {
    display: none !important;
}

figure.table {
    margin: 0px;
    border-collapse: collapse;
    width: 20%;
}

figure.table table {
    width: 100%;
    border-collapse: collapse;
}

figure.table td,
figure.table th {
    border: 1px solid #ddd;
    padding: 0px 8px;
    text-align: center;
}

figure.table tr:nth-child(odd) {
    background-color: #f2f2f2;
}

figure.table tr:hover {
    background-color: #ddd;
}

figure.table th {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #4caf50;
    color: white;
}

.catalog-detail-additional.content-block {
    display: none;
}

.catalog-detail .catalog-detail-actions {
    padding-bottom: 40px !important;
}

.aimeos.catalog-detail {
    padding-bottom: 40px;
}

.catalog-list-items.product-list.slider-container {
    margin-left: 0px;
    margin-right: 0px;
    display: grid;
    grid-auto-columns: 300px;
    align-items: flex-start;
    margin-bottom: 0% !important;
    overflow: auto;
}

.basket.col-sm-12 {
    width: 100%;
    border: 1px;
    border-top: 0px;
    border-style: solid;
    border-color: #cdcdcd;
    background: #f8f8f8;
    border-radius: 0px 0px 5px 5px;
}

.aimeos .common-summary-detail .headline {
    background: #f8f8f8 !important;
}

.aimeos .common-summary-detail .total {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.item.payment.col-sm-6 .header,
.item.delivery.col-sm-6 .header {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 5px 5px 0px 0px;
    background: #f8f8f8;
}

.item.payment.col-sm-6 .content,
.item.delivery.col-sm-6 .content {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 0px 0px 5px 5px;
    margin: 0px;
    border-top: 0px;
}

.checkout-confirm-basic {
    border: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    border-bottom-style: solid;
    border-color: #cdcdcd;
    border-bottom-color: rgb(205, 205, 205);
    border-radius: 5px 5px 0px 0px;
    background: #f8f8f8;
}

.checkout-confirm-detail.common-summary .header {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 5px 5px 0px 0px;
    background: #f8f8f8;
    margin-top: 20px !important;
}

.item.coupon.col-sm-4 .content {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 0px 0px 5px 5px;
    margin: 0px;
    border-top: 0px;
    height: 35%;
}

/*page-catalog-home*/
.page-catalog-home .cms-content .row.g-0 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 10px;
    margin-bottom: 6%;
}

.logo-pc {
    display: flex;
}

.logo-movil {
    display: none;
}

.new-cate {
    margin: 2% 0 4% 0;
}

.aimeos .product .text-list .name {
    font-size: 105% !important;
    line-height: 1.4;
    font-weight: 700;
    text-transform: capitalize !important;
}

.aimeos h1,
.aimeos h2 {
    text-transform: none !important;
}

.titulo-cat h1 {
    font-size: 173%;
    font-weight: bold;
    text-align: center;
}

.category {
    flex: 0 0 20%;
    /* Ajusta esto según el tamaño deseado */
    margin: 5px;
    box-sizing: border-box !important;
}

.content-button-categ {
    background-color: #1c1c1c;
    color: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px 0px;
    margin-top: 0px !important;
}

.hover-lift img {
    transition: transform 0.2s ease-in-out;
}

.hover-lift:hover img {
    transform: translateY(-5px);
}

/* Estilo de texto en metodo pago movil Banesco */

.section.checkout-standard-payment .item.item-service.row .description ul {
    margin-top: revert;
}

.section.checkout-standard-payment .item.item-service.row .description li {
    font-size: 14px;
}

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

.catalog-home .stage-text .btn {
    display: grid !important;
    justify-content: center !important;
    padding: 6px 10px !important;
}

.home-gallery.home.slider-container {
    border-radius: 6px 6px 0 0;
}

.catalog-home .stage-image {
    min-height: 300px !important;
}

.navbar.navbar-expand-md.navbar-top {
    background-color: #282828;
    position: relative;
    z-index: 5;
    min-height: 0px !important;
    padding: 10px 15px 10px 15px;
    position: absolute;
}

.newdiv {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    align-items: center !important;
}

.navbar-brand {
    padding: 0px 12px 0px 0px;
    text-decoration: none;
    white-space: nowrap;
    width: fit-content;
    height: 40px;
}

.newboton {
    text-align: center;
    align-content: end;
    margin-left: 20px;
    margin-right: 30px;
}

.navbar-toggler {
    background-color: transparent;
    color: white;
    border: none;
    font-size: 16px;
    cursor: pointer;
    outline: none;
    position: relative;
}

.navbar-toggler::before {
    opacity: 0;
}

.navbar-toggler::after {
    transform: translateY(-50%);
    /* Centrar verticalmente */
    color: #fff;
    /* Color de texto blanco */
}

.collapse {
    display: none;
    position: relative;
    top: 0;
    width: auto;
    height: 100%;
    background-color: transparent;
    overflow-y: auto;
    transition: left 0.3s;
    z-index: 7;
    align-content: center;
}

.collapse.show {
    display: block;
    left: 0;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fff' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border: 0px !important;
}

.section.aimeos.catalog-filter-home {
    width: 65%;
}

.catalog-filter-search .search-lists .input-grou {
    display: flex;
    width: 750px;
    align-items: center;
    justify-content: end;
    background: #fff;
    border-radius: 20px;
    height: 43px;
    border: 2px solid #000;
}

.catalog-filter-search .search-lists .input-grou .form-control {
    flex-grow: 1;
    flex-grow: 1;
    padding-left: 6%;
    border: none;
    border-radius: 20px;
	outline: none !important;
}

.catalog-filter-search .search-lists .input-grou .btn {
    flex-shrink: 0;
}

.catalog-filter-search .search-lists .input-grou .btn.reset {
    background-color: transparent;
    color: inherit;
    border: none;
}

.catalog-filter-search .search-lists .input-grou .btn.btn-search {
    background-color: transparent;
    color: black;
    border: none;
}

.catalog-filter-search .search-lists .input-grou .btn.btn-search {
    background-color: transparent;
    color: black;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23111' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z' /%3E%3C/svg%3E");
    /* Ícono SVG como fondo */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
}

.catalog-filter-search .search-lists .input-grou .btn.btn-search {
    min-width: 40px;
}

.locale-select {
    display: none !important;
}

.container-fluid
    .section.aimeos.catalog-filter
    .catalog-filter-search
    .search-lists
    .input-grou {
    width: 100%;
    height: fit-content;
    width: 100% !important;
}

.container-fluid
    .catalog-filter-search
    .search-lists
    .input-grou
    .btn.btn-search {
    margin: 0px;
}

.container-fluid
    .catalog-filter-search
    .search-lists
    .input-grou
    .form-control {
    width: 100%;
    padding: 8px;
    border-radius: 20px;
}

.container-fluid .btn.reset {
    display: none;
}

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

.search-lists {
    display: flex;
    justify-content: center;
}

.col-sm {
    flex: 1 0 0%;
}

.catalog-list.swiffy-slider {
    --swiffy-slider-item-count: 6 !important;
}

.slider-nav {
    z-index: 500;
}

.product-info {
    display: none !important;
}

.text-list {
    display: grid !important;
    justify-content: center;
}

.text-item {
    font-size: 13px;
    display: grid;
    justify-content: center;
}

.catalog-list .offer .section {
    justify-content: center !important;
}

.catalog-list .offer {
    margin-top: 0rem !important;
    display: flex;
    grid-template-columns: 2fr 1fr;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

.catalog-list-items .basket {
    width: fit-content !important;
}

.sugg_box {
    overflow: hidden;
    position: relative;
    margin: 20px 0px;
    margin-bottom: 40px;
}

.sugg_content {
    display: flex;
    width: max-content;
    transition: transform 0.5s ease;
}

.sugg_content input {
    display: none;
}

.sugg_content .basket .items-attribute {
    display: none;
}

.sugg_content .addbasket button {
    width: 50px;
    border-radius: 40px;
    height: 50px;
    background: white;
    border: 1px solid white;
}

.sugg_content .product.row.rmcard {
    margin: 0;
}

.sugg_content .product.row.rmcard {
    flex-direction: column;
    justify-content: space-between;
}

.sugg_content .addbasket .btn-primary::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0yLjI1IDNoMS4zODZjLjUxIDAgLjk1NS4zNDMgMS4wODcuODM1bC4zODMgMS40MzdNNy41IDE0LjI1YTMgMyAwIDAgMC0zIDNoMTUuNzVtLTEyLjc1LTNoMTEuMjE4YzEuMTIxLTIuMyAyLjEtNC42ODQgMi45MjQtNy4xMzhhNjAuMTE0IDYwLjExNCAwIDAgMC0xNi41MzYtMS44NE03LjUgMTQuMjUgNS4xMDYgNS4yNzJNNiAyMC4yNWEuNzUuNzUgMCAxIDEtMS41IDAgLjc1Ljc1IDAgMCAxIDEuNSAwWm0xMi43NSAwYS43NS43NSAwIDEgMS0xLjUgMCAuNzUuNzUgMCAwIDEgMS41IDBaIiAvPgo8L3N2Zz4K") !important;
    filter: invert(0);
    display: block;
    width: 24px;
    height: 24px;
}

.sugg_content .media-item {
    position: relative;
}

.sugg_content .stock-list {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: max-content;
}

.sugg_content .addbasket .btn-primary:hover {
    background: white;
    border: 1px solid var(--ai-primary);
}

.sugg_box .col-12 {
    padding: 0;
}

.sugg_box .navigation svg {
    width: 35px;
    padding: 5px;
    color: white;
    background: var(--ai-primary-alt);
    border-radius: 5px;
}

.sugg_content .list-column:first-child {
    border: 0 !important;
}

.sugg_box .navigation {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 30%;
    z-index: 5;
    left: 0;
}

.sugg_title {
    margin: 30px 0 0 0px;
    border-bottom: 1px solid #d4d4d4;
}

.sugg_title h4 {
    font-size: 18px;
    font-weight: 600;
}

.sugg_content .btn.btn-primary.btn-action {
    background: white !important;
    width: fit-content;
    border: 1px solid white !important;
    border-radius: 30px;
    padding: 10px;
    height: 45px;
}

.sugg_content .stocklevel.stock-out {
    background-color: #ff4141 !important;
    color: #00000091;
    font-size: small !important;
    font-weight: 600;
}

.sugg_content .stocklevel.stock-low {
    background-color: #ffca2c !important;
    color: #00000091;
    font-size: small !important;
    font-weight: 600;
}

.sugg_content .stocklevel.stock-unlimited {
    background-color: #47ff7e !important;
    color: #00000091;
    font-size: small !important;
    font-weight: 600;
}

.sugg_content .btn.btn-primary.btn-action {
    background: white !important;
    width: fit-content;
    border: 1px solid white !important;
    border-radius: 30px;
    padding: 10px;
}

.sugg_content .btn.btn-primary.btn-action:hover {
    border: 1px solid var(--ai-primary) !important;
}

.sugg_content .stock-unlimited.stock-unlimited.stock-unlimited {
    background-color: #7bff7b;
}

.sugg_content .stock-low.stock-low.stock-low {
    background-color: #ffde7b;
}

.sugg_content .stock-out.stock-out.stock-out {
    background-color: #ff947b;
}

.sugg_content .stocklevel.stocklevel.stocklevel {
    display: block ruby;
    font-size: 12px;
}

.sugg_content .product.row.rmcard .list-column {
    width: 100% !important;
}

.sugg_content.sugg_content .product .text-list {
    margin-top: 0;
}

.aimeos .product .price-item:first-of-type {
    display: contents;
}

.aimeos .product .price-list {
    margin-inline-start: 0px !important;
}

.aimeos .product .price-item.default .value {
    font-size: 100%;
}

.aimeos .product .text-list {
    display: grid !important;
    justify-content: center !important;
}

.aimeos .product .text-list .text-item {
    display: grid !important;
    justify-content: center !important;
}

.aimeos.catalog-detail .btn-primary,
.aimeos.catalog-detail
    .btn-primary:visited
    .aimeos
    .catalog-list-items
    .btn-primary {
    background-color: var(--ai-primary);
    /* var(--ai-primary) */
    border: 1px solid var(--ai-primary) !important;
    color: var(--ai-bg);
    letter-spacing: 1.5px;
    border-radius: 30px;
}

#confoto {
    padding-right: 0px;
    position: relative;
    overflow: hidden;
    width: 50%;
}

#confoto img {
    transition: transform 0.3s ease;
    display: block;
    width: 100%;
    height: 100%;
}

#confoto:hover img {
    transform: scale(1.1);
}

#confoto::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
}

#confoto:hover::before {
    opacity: 1;
}

#sinfoto {
    background-color: #000;
    padding-left: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 6rem;
    padding-right: 2rem;
    width: 100%;
}

#confoto {
    padding-right: 0px;
    position: relative;
    overflow: hidden;
}

#confoto img {
    transition: transform 0.3s ease;
    display: block;
    width: 100%;
    height: 100%;
}

#confoto:hover img {
    transform: scale(1.1);
}

#confoto::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
}

#confoto:hover::before {
    opacity: 1;
}

#iml18l {
    color: #fff;
    border-bottom: 1px solid;
}

#textonew {
    color: #fff;
}

#sinfoto .btn {
    padding: 10px 25px;
    width: auto;
    max-width: 50%;
    vertical-align: top;
    border-radius: var(--ai-radius);
    margin: 0.5rem 0;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent !important;
    letter-spacing: 1.5px;
}

#newcolletion .row {
    display: flex;
    margin-top: 5rem;
    margin-bottom: 5rem;
    --bs-gutter-x: 0rem;
    margin-right: 0px;
    margin-left: 0px;
}

#endimg {
    position: relative;
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 5rem;
}

#endimg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.6;
    background: rgba(0, 0, 0, 0.5);
    transition: background 0.3s, border-radius 0.3s, opacity 0.9s;
    z-index: 1;
}

#endimg:hover::before {
    opacity: 0.8;
}

#endimg img {
    display: block;
    width: 100%;
    height: auto;
    transition: border-radius 0.3s;
}

#ihm2rf {
    position: absolute;
    color: #fff !important;
    z-index: 100;
    border-bottom: 1px solid !important;
    font-weight: bold;
}

#iaws0l {
    position: absolute;
    top: 17rem;
    color: #fff;
    z-index: 100;
}

#endimg .btn {
    position: absolute;
    top: 20rem;
    z-index: 100;
}

#endimg .btn {
    position: absolute;
    top: 20rem;
    z-index: 100;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent !important;
    padding: 12px 0px;
}

#endimg .btn:hover {
    color: #000;
    background-color: #fff !important;
}

#colecction .row.g-0 {
    flex-wrap: inherit !important;
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

#fotoone,
#i8o2m,
#icr94,
#tryen {
    position: relative;
    display: inline-block;
}

#fotoone::before,
#i8o2m::before,
#icr94::before,
#tryen::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 0.3s;
    z-index: 1;
    opacity: 0.6;
    border-radius: 10px;
}

#fotoone:hover::before,
#i8o2m:hover::before,
#icr94:hover::before,
#tryen:hover::before {
    opacity: 0.8;
}

#fotoone img,
#i8o2m img,
#icr94 img,
#tryen img {
    display: block;
    width: 100%;
    height: 100%;
}

#fotoone .btn,
#i8o2m .btn,
#icr94 .btn,
#tryen .btn {
    margin: 0 auto;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    display: grid;
    justify-content: center;
}

#productsx {
    margin-top: 4rem;
    max-width: none;
}

.newlogin .nav-link {
    color: var(--ai-primary);
}

.navbar-nav .login > .nav-link,
.navbar-nav .register > .nav-link,
.navbar-nav .profile > .nav-link {
    padding: 0em !important;
    display: flex;
    gap: 5px;
}

#final .row.g-0 {
    display: flex;
    flex-wrap: inherit !important;
}

.navbar .catalog-filter-search .value {
    position: inherit !important;
}

#final {
    margin-top: 5rem;
    margin-bottom: 2rem;
}

.social {
    display: flex;
}

footer .social p {
    margin-bottom: 0rem;
    color: #fff;
}

footer .social p a {
    letter-spacing: 6.5px;
    padding: 0px;
}

.col-sm-6.footer-center .footer-block {
    display: flex;
    gap: 25px;
}

footer .footer-right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

footer .footer-left {
    display: flex;
    justify-content: center;
    width: 0%;
}

footer .footer-center {
    display: flex;
    justify-content: end;
    width: 100%;
}

footer {
    padding: 1rem 0 0 0 !important;
}

.aimeos .product .stock-actual .stockitem {
    z-index: 99;
    background: white;
    padding: 2px 5px;
    font-size: 14px;
    gap: 4px;
    border-radius: 10px;
    border: 1px solid #a5a5a5;
    margin: 8px;
    display: none;
}

.aimeos .product .stock-actual .stockitem:hover {
    display: flex;
}

.aimeos .product .stocklevel {
    display: none;
}

.stockitem.stockitem {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}

.aimeos .product .stocktext {
    display: flex;
}

.rmcard {
    position: relative;
}

.media-item img,
.row.g-0 img {
    border-radius: 10px;
}

.page-catalog-home > .content,
.page-catalog-home .main-section {
    margin-top: 0rem !important;
    box-sizing: inherit;
    max-width: 1400px;
    margin: 0 auto;
}

@media (max-width: 992px) {
    .page-catalog-tree .container-xxl .catalog-filter-search .search-lists {
        display: block !important;
    }

    .page-catalog-tree .container-xxl .pc_filter {
        display: none;
    }

    .page-catalog-tree
        .container-xxl
        .catalog-filter-search
        .search-lists
        .input-grou
        .form-control {
        width: 100%;
        padding: 8px;
        border-radius: 20px;
        margin-top: 0px !important;
    }

    .page-catalog-tree .container-xxl .filter_button {
        display: flex;
        color: #000;
        gap: 5px;
    }

    .modal_filter .filter-options {
        background: #0000007d;
        width: 100%;
        position: fixed;
        height: 100%;
        top: 0;
        z-index: 20;
        transform: translateX(-100%);
        pointer-events: auto;
        transition: transform 0.5s;
        left: 0;
    }

    .modal_filter .filter-options.show {
        display: block;
        left: 0;
        transform: translateX(0%);
    }

    .modal_filter .filter-options-over {
        width: 80%;
        background: #fff;
        height: 100%;
    }

    .icon_space {
        display: flex;
        justify-content: space-between;
        padding: 15px 20px;
        border-bottom: 1px solid #e5e5e5;
        align-items: center;
    }

    .button_close {
        color: #000;
    }

    .button_close svg {
        width: 30px;
    }

    .conten_modal {
        position: relative;
        top: 1%;
        padding: 0px 9px;
    }

    .page-catalog-tree .container-xxl .filter_button svg {
        width: 20px;
        color: #000;
    }

    .catalog-filter-tree .zeynep,
    .catalog-filter-tree .zeynep .submenu {
        transition: transform 0.5s !important;
    }

    .page-catalog-home > .content,
    .page-catalog-home .main-section {
        margin-top: 0rem !important;
        box-sizing: inherit;
        max-width: 1400px;
        margin: 0 auto;
    }

    .home-gallery.home.slider-container {
        border-radius: 0px 0px 0 0;
    }
}

.page-catalog-home .container-fluid,
.page-catalog-home .container-xl {
    --bs-gutter-x: none;
    max-width: none;
}

.page-catalog-home .row {
    --bs-gutter-x: 0rem;
}

/*page-catalog-detail*/
.page-catalog-detail .content {
    margin: 0;
}

.page-catalog-detail .media-item {
}

.section.checkout-standard-payment .table {
    margin: 0 0 0;
}

.section.checkout-standard-payment .table tr:nth-child(1) {
    background: #e7e7e7;
}

.section.checkout-standard-payment .table td {
    border: 1px solid #c5c5c5;
    padding: 2px 10px;
    font-size: 14px;
}

.catalog-filter-tree .opened .level-1 {
    display: block !important;
    width: inherit;
    margin: 0px !important;
}

@media (min-width: 767px) {
    .catalog-filter-tree .zeynep .next::before {
        font: normal normal normal 14px/1 bootstrap-icons;
        content: "\f285";
    }

    .catalog-filter-tree .zeynep .back,
    .catalog-filter-tree .zeynep .close,
    .catalog-filter-tree .zeynep .name,
    .catalog-filter-tree .zeynep .next {
        line-height: var(--bs-body-line-height);
        text-align: center;
        font-size: 125%;
        cursor: pointer;
    }

    .catalog-filter-tree .zeynep .header {
        color: black;
    }

    .catalog-filter-tree .zeynep .close::before {
        font: normal normal normal 14px/1 bootstrap-icons;
        content: "\f659";
    }

    .catalog-filter-tree .zeynep .item-links .name {
        padding: 0.5rem 1rem !important;
        text-align: start;
    }

    .catalog-filter-tree .zeynep .back,
    .catalog-filter-tree .zeynep .close,
    .catalog-filter-tree .zeynep .name,
    .catalog-filter-tree .zeynep .next {
        line-height: var(--bs-body-line-height);
        text-align: center;
        font-size: 125%;
        cursor: pointer;
        padding: 0.5rem;
    }

    .catalog-filter-tree .zeynep.opened,
    .catalog-filter-tree .zeynep.opened .submenu.opened {
        transform: translateX(20rem);
        pointer-events: auto;
    }

    .catalog-filter-tree .zeynep,
    .catalog-filter-tree .zeynep .submenu {
        left: -20rem;
        right: unset;
    }

    .catalog-filter-tree .zeynep,
    .catalog-filter-tree .zeynep .submenu {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 20rem;
        z-index: 1031;
        pointer-events: none;
        background-color: var(--ai-bg);
        -webkit-overflow-scrolling: touch;
        transition: transform 0.25s;
        overflow: hidden auto;
    }

    .catalog-filter-tree a.cat-link,
    .catalog-filter-tree a.cat-link:link,
    .catalog-filter-tree a.cat-link:visited {
        color: var(--ai-primary) !important;
    }

    .catalog-filter-tree .zeynep .header {
        display: flex;
        color: var(--ai-bg);
        background-color: var(--ai-secondary);
    }

    .navbar .collapse {
        display: contents;
        position: inherit;
    }

    .catalog-filter-tree .level-1 {
        display: none !important;
    }

    .catalog-filter-tree .zeynep .next {
        color: var(--ai-primary);
    }

    .catalog-filter-tree .menu {
        display: block !important;
        padding: 0px !important;
    }

    .catalog-filter-tree .menu::before {
        line-height: var(--bs-body-line-height) !important;
        font: normal normal normal 14px/1 bootstrap-icons;
        font-size: 14px;
        line-height: 1;
        content: "\f479";
        font-size: 175%;
    }

    .catalog-filter-tree .menu {
        cursor: pointer;
        color: #333 !important;
    }

    .aimeos a:link:not(.btn),
    .aimeos a:visited:not(.btn),
    .basket-mini .menu::after {
        color: #333;
    }
}

.basket-standard-coupon .btn-primary.btn-primary,
.basket-standard-coupon .btn-primary.btn-primary:hover {
    background: #333;
    color: white;
    font-size: 15px;
}

.input-group.coupon-new {
    display: flex !important;
}

.basket-standard-coupon .coupon-new .coupon-code {
    width: fit-content !important;
    padding: 10px 20px;
    height: max-content;
    line-height: normal;
    margin: 0;
    border-radius: 0;
}

.basket-standard-coupon.basket-standard-coupon {
    background: #eee;
    border: 3px dashed #000;
    border-radius: 20px;
    display: none;
}

/** .section.aimeos.basket-standard .basket-standard-coupon.basket-standard-coupon {
        display: none;
      } */
.basket-standard-coupon .coupon-new .btn.btn {
    width: fit-content !important;
    margin: 0;
}

.input-group.coupon-new {
    border-radius: 40px;
    overflow: hidden;
}

.basket-standard-coupon .input-group.input-group {
    border-bottom: 0;
}

@media (min-width: 992px) {
    body > .content,
    body .main-section {
        margin-top: 1rem;
    }
}

.navbar .collapse.show {
    display: block;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.footer-right .social .facebook::before,
.footer-right .social .twitter::before,
.footer-right .social .instagram::before,
.footer-right .social .youtube::before {
    vertical-align: top;
}

.footer-block {
    margin: 0px;
    align-content: center;
}

footer .container-fluid {
    display: grid;
    max-width: 1400px !important;
}

.catalog-list-items .addbasket .btn-primary {
    width: 100% !important;
}

.aimeos .btn {
    --bs-btn-padding-y: 0.525rem;
    max-width: 100%;
}

div.catalog-detail-basket form.basket div.addbasket div.input-group .btn {
    max-width: 70%;
}

.common-summary-address.row {
    margin-bottom: 1rem;
}

.common-summary-additional.row {
    margin-top: 1rem;
}

.item.payment.\31 .col-sm-6 .header,
.item.delivery.\31 .col-sm-6 .header {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 5px 5px 0px 0px;
    background: #f8f8f8;
}

.item.payment.\31 .col-sm-6 .content,
.item.delivery.\31 .col-sm-6 .content {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 0px 0px 5px 5px;
    margin: 0px;
    border-top: 0px;
}

.common-summary-address .item.delivery.\31 .col-sm-6 .content {
    height: 71%;
}

.aimeos .minibutton {
    background-color: transparent;
}

.item.coupon.\31 .col-sm-4 .header,
.item.customerref.col-sm-4 .header,
.item.comment.col-sm-4 .header {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 5px 5px 0px 0px;
    background: #f8f8f8;
}

.item.coupon.\31 .col-sm-4 .content,
.item.customerref.col-sm-4 .content,
.item.comment.col-sm-4 .content {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 0px 0px 5px 5px;
    margin: 0px;
    border-top: 0px;
}

.common-summary-additional.row .item.coupon.\31 .col-sm-4 .content {
    min-height: 46%;
}

.common-summary-detail.row {
    padding-left: 10px;
    padding-right: 10px;
}

.common-summary-detail.row .basket.table-responsive {
    padding-left: 15px;
    padding-right: 15px;
    border: 1px;
    border-top: 0px;
    border-style: solid;
    border-color: #cdcdcd;
    background: #f8f8f8;
    border-radius: 0px 0px 5px 5px;
}

.common-summary-detail.row .basket.table-responsive .row.g-0.headline {
    background: #f8f8f8;
    border: 1px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-style: solid;
    border-color: #cdcdcd;
}

.common-summary-detail.row .basket.table-responsive .total.row.g-0 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.common-summary-detail.row .header {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 5px 5px 0px 0px;
    background: #f8f8f8;
}

.aimeos .common-summary-detail .total {
    background-color: transparent !important;
}

@media only screen and (max-width: 768px) {
    .checkout-standard-summary-option {
        margin-top: 2rem !important;
    }

    .checkout-standard .steps {
        font-size: 80%;
    }

    .common-summary-additional.row,
    .common-summary-service.row,
    .common-summary-address.row {
        gap: 15px !important;
    }

    .common-summary-address .item.delivery.\31 .col-sm-6 .content {
        height: 50px;
    }

    .navbar-expand-md .navbar-collapse {
        height: 32px !important;
        overflow-y: clip;
        justify-content: left;
        background-color: transparent;
        position: inherit;
        width: 25%;
    }

    .newlogin {
        height: 37px;
        width: 25%;
        justify-content: right;
    }

    .newboton {
        margin-left: 0px;
    }

    .section.aimeos.catalog-filter-home {
        width: 0%;
    }

    .page-catalog-home > .content,
    .page-catalog-home .main-section {
        margin-top: 0rem !important;
    }

    .home-gallery.home.slider-container {
        border-radius: 0px;
    }

    .page-catalog-home .container-fluid,
    .page-catalog-home .container-xl {
        max-width: 100%;
        margin: 0 auto;
    }

    .page-catalog-home .cms-content .row.g-0 {
        display: grid !important;
        gap: 12px;
        margin: 2rem auto;
        margin-bottom: 20% !important;
    }

    .aimeos.cms-page.container-fluid .cms-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .catalog-list.swiffy-slider {
        --swiffy-slider-item-count: 2 !important;
    }

    #newcolletion .row {
        display: block;
    }

    #confoto {
        width: 100%;
    }

    #sinfoto {
        width: 100%;
        align-items: center;
        padding-bottom: 2rem;
        padding-right: 0rem;
        padding-left: 0rem;
    }

    #textonew {
        text-align: center;
        display: grid;
        padding: 0 20px 0 20px;
    }

    #sinfoto .btn {
        max-width: 100%;
    }

    footer .footer-right {
        justify-content: center;
    }

    footer .footer-center {
        justify-content: center;
    }

    footer .container-fluid {
        padding-top: 0.8rem;
    }

    footer p a {
        padding: 0.5rem 0;
    }

    .catalog-home .stage-image {
        width: auto;
        height: 400px;
        object-position: center;
    }

    .aimeos .common-summary-detail .product-item .col-4 {
        width: 100% !important;
        margin-top: 10px !important;
    }

    .image.col-11.col-lg-3 {
        width: 50% !important;
    }

    .details.col-12.col-lg-8 {
        width: 50%;
    }

    .minibutton.change.up {
        text-align: center !important;
        padding: 0px;
        min-width: 1.75rem;
    }

    .minibutton.change.down {
        text-align: center !important;
        padding: 0px;
        min-width: 1.75rem;
    }

    .col-8.col-md-6.offset-4.offset-md-6 {
        width: 100%;
    }

    .offset-4 {
        margin-left: 0px !important;
    }

    .unitprice.col-3 {
        display: none;
    }

    .addbasket .input-group {
        display: block !important;
    }

    .form-control.input-lg {
        margin-bottom: 15px !important;
        width: 100% !important;
    }

    .btn.btn-primary.btn-lg.btn-action {
        max-width: 100% !important;
        width: 100%;
        font-size: 95%;
    }

    .btn.btn-default.btn-lg.btn-back {
        max-width: 100% !important;
        width: 100%;
        font-size: 95%;
    }

    .catalog-filter-search .search-lists {
        display: block !important;
    }

    .vmovil {
        width: 100%;
        justify-content: center;
    }

    /* Estilo para ocultar el grupo de entrada por defecto */
    .search-lists .input-grou {
        max-height: 57px;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
        display: flex !important;
    }

    /* Estilo para mostrar el grupo de entrada cuando uno de sus descendientes está enfocado */
    .search-lists .input-grou:focus-within {
        max-height: 150px;
        /* Ajusta este valor según el tamaño de tus elementos */
    }

    .catalog-filter-search .search-lists .input-grou {
        min-width: 300px !important;
    }

    aside:nth-child(1) {
        margin-top: 0rem !important;
    }

    .catalog-list-type {
        display: flex !important;
        width: 100% !important;
        align-items: center !important;
    }

    .aimeos .pagination {
        text-align: left !important;
        width: 70% !important;
    }

    .aimeos .sort {
        margin: 0 5% !important;
    }

    .aimeos .sort a,
    .aimeos .sort a:link,
    .aimeos .sort a:visited {
        padding-right: 7px !important;
        padding: 0px;
    }

    .filtros {
        width: 26% !important;
    }

    .catalog-list-type .type-item {
        padding: 0.2rem !important;
    }

    div.catalog-detail-basket form.basket div.addbasket div.input-group .btn {
        max-width: 1000% !important;
    }

    .aimeos .common-summary-detail .quantity,
    .aimeos .common-summary-detail .quantity {
        text-align: left !important;
    }

    .footer-block {
        margin-bottom: 0rem;
        text-align: center;
    }

    .logo-pc {
        display: none !important;
    }

    .logo-movil {
        display: flex !important;
        margin: 0 auto;
        width: 50%;
        justify-content: center;
    }

    .navbar-brand {
        padding: 0px;
        margin-right: 0px;
    }

    .newdiv {
        width: 100%;
        padding-bottom: 3px;
    }

    .slideshow-container {
        display: flex;
        max-width: 100%;
        position: relative;
        margin: auto;
    }

    .mySlides {
        position: relative;
        display: flex;
        justify-content: center !important;
        width: 100%;
    }

    .mySlides img {
        width: 100%;
        height: 350px;
        object-fit: cover;
    }

    .content-button {
        position: absolute;
        /* z-index: 99999; */
        top: 45%;
        margin-left: 0px !important;
        display: flex;
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center;
    }

    .text-slider {
        color: white;
        padding-bottom: 20px;
        text-align: center;
        line-height: 1.6;
    }

    .text-slider1 {
        font-size: 170%;
        margin-bottom: 0px;
    }

    .text-slider2 {
        font-size: 170%;
        font-weight: bold;
        margin-bottom: 0px;
    }

    .mySlides .content-button a {
        background-color: transparent;
        padding: 15px;
        border-color: white;
        border-style: solid;
        color: white !important;
        border-width: 2px;
    }
}

/* Next & previous buttons */
.slideshow-container .prev,
.slideshow-container .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -30px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.slideshow-container .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slideshow-container .prev,
.slideshow-container .next {
    background-color: #00000069;
}

/* Caption text
      .text {
        color: #f2f2f2;
        font-size: 15px;
        padding: 8px 12px;
        position: absolute;
        bottom: 8px;
        width: 100%;
        text-align: center;
      }*/

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot-slider-new {
    display: none;
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.mySlides.fade:not(.show) {
    opacity: 100;
}

.mySlides .active,
.dot-slider-new:hover {
    background-color: #717171;
}

/* Fading animation */
.mySlides.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .slideshow-container .prev,
    .slideshow-container .next,
    .text {
        font-size: 11px;
    }
}

.catalog-detail-basket .select-option:checked + .select-label {
    color: #0058ff !important;
}

.catalog-list-items.list
    .product.row
    .list-column.col-6
    .basket
    .addbasket
    .input-group
    .btn.btn-primary.btn-action {
    width: 100% !important;
    margin: 0 auto;
    border-radius: 25px;
}

.navbar.navbar-expand-md.navbar-top .filter_button {
    display: none;
}

.filter_button {
    display: none;
}

.aimeos .product .stock-list {
    margin: 0 0rem !important;
}

body {
    background-image: none !important;
}

.cms-content #colla,
.cms-content #zarci,
.cms-content #set {
    padding-left: 5%;
    padding-right: 5%;
}

.catalog-detail-basic .short {
    display: block !important;
}

.catalog-filter-tree .zeynep .header {
    background-color: var(--rosado-tienda) !important;
}

.basket-mini .zeynep .header {
    background-color: var(--rosado-tienda) !important;
}

.basket-mini .zeynep .header{
    font-family: "Bebas Neue";
}
.basket-mini .basket .basket-header{
    gap: 10px;
}

.termis {
    display: none;
}

.cat-item.disabled {
    background-color: white;
}

.cat-item {
    text-transform: capitalize;
}

body > .content,
body .main-section {
    margin-top: 0rem !important;
}

.section.aimeos.catalog-list.megamenu
    .container-xxl
    .catalog-list-head
    .head-image
    img {
    display: none;
}

.aimeos,
.aimeos h1,
.aimeos h2,
.aimeos h3,
.aimeos h4 {
    letter-spacing: 0px !important;
    text-transform: none !important;
    /* Asegúrate de que no se aplique capitalize a todo el texto */
}

.aimeos::first-letter,
.aimeos h1::first-letter,
.aimeos h2::first-letter,
.aimeos h3::first-letter,
.aimeos h4::first-letter {
    text-transform: uppercase !important;
}

.aimeos .form-item label {
    letter-spacing: 0px !important;
}

.checkout-standard-address .item-address .values {
    letter-spacing: 0px !important;
}

/* Estilos de div content confirm */
.section.aimeos.checkout-confirm {
    height: calc(100vh - 131px);
    padding: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.section.aimeos.checkout-confirm .container-xxl {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    text-align: center;
}

#h1-checkout-confirm {
    padding-top: 10px;
}

#button-checkout-confirm {
    margin-top: 5px;
}

#button-checkout-confirm a {
    padding: 10px 20px;
    background-color: black;
    color: white;
    border-radius: 25px;
    margin-top: 9px;
    border: 2px solid #37ba73;
}

.section.aimeos.checkout-confirm .container-xxl .confirshop {
    display: none;
}

/* Estilos de collapse metodo de envio nacional */
#container-options-envio-nacional {
    padding-left: 8px;
    padding-right: 8px;
}

#container-options-envio-nacional-interno {
    padding: 10px;
    border: 1px solid #ccc;
}

#showMoreOptions {
    font-size: 110%;
    padding-left: 16px;
    display: flex;
    align-items: center;
    column-gap: 1.7rem;
}

#showMoreOptions img {
    width: 40px;
}

#showMoreText {
    margin-top: revert;
    margin-bottom: revert;
}

#iconMoreOptions {
    width: 20px;
    min-width: 20px;
}

#showMoreDescription {
    margin-top: 0;
    margin-bottom: 0.5rem;
    padding-left: 17px;
    font-weight: bold;
}

.slider-container {
    position: relative;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
}

.slider-container .slides-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.cms-content h2 {
    font-size: 26px;
    font-weight: 700;
}

.select-entry {
    margin-bottom: 5px !important;
}

.slider-container .content-button-categ {
    text-align: center;
    margin-top: 10px;
}

.catalog-detail-basket .radio .select-label,
.catalog-list-items .basket .radio .select-label {
    padding: 0 !important;
}

.aimeos.aimeos-container .catalog-list .offer {
    display: block;
}

.selcode {
    color: black;
    font-weight: 700;
    font-size: 14px;
}

.catalog-detail-basket .select-name.select-name {
    padding-inline-start: 0;
}

.catalog-detail-basket .media-item > img,
.catalog-list-items .basket .media-item > img {
    height: 3rem !important;
    width: 3rem !important;
}

.aimeos.aimeos-container .button-group .btn-primary:hover {
    color: white;
}

.slider-container .prev,
.slider-container .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 6px;
    margin-top: 0px;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    transition: 0.1s ease-out;
    border-radius: 5px 0px 0px 5px;
    user-select: none;
    background: #00000000;
    margin-left: 20px;
    margin-right: 20px;
}

.slider-container .next {
    right: 0;
    border-radius: 0 5px 5px 0;
}

.slider-container .prev:hover,
.slider-container .next:hover {
    background-color: #f000;
}

.swiffy-slider .slider-nav {
    opacity: 1;
    visibility: visible;
}

/* Slideshow container */
.slideshow-container {
    display: flex;
    max-width: 100%;
    position: relative;
    margin: auto;
}

.slideshow-container .mySlides {
    position: relative;
    display: flex;
    justify-content: left;
    width: 100%;
}

.slideshow-container .mySlides img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.slideshow-container .content-button {
    position: absolute;
    top: 30%;
    margin-left: 60px;
}

.slideshow-container .text-slider {
    color: white;
    padding-bottom: 20px;
    line-height: 1;
}

.slideshow-container .text-slider1 {
    font-size: 225%;
}

.slideshow-container .text-slider2 {
    font-size: 225%;
    font-weight: bold;
}

.slideshow-container .mySlides .content-button a {
    background-color: transparent;
    padding: 15px;
    border-color: white;
    border-style: solid;
    color: white !important;
    border-width: 2px !important;
}

/* Next & previous buttons */
.slideshow-container .prev,
.slideshow-container .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -30px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.slideshow-container .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slideshow-container .prev,
.slideshow-container .next {
    background-color: #00000069;
}

/* Number text (1/3 etc) */
.slideshow-container .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.slideshow-container .dot-slider-new {
    display: none;
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.slideshow-container .mySlides.fade:not(.show) {
    opacity: 100;
}

.slideshow-container .mySlides .active,
.slideshow-container .dot-slider-new:hover {
    background-color: #717171;
}

/* Fading animation */
.slideshow-container .mySlides.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

.product-list .input-group input {
    display: none;
}

.catalog-list-items .addbasket input[type="number"] {
    width: 100% !important;
    padding: 0.275rem 0.5rem;
    margin-bottom: 10px;
}

.header-text {
    display: none;
}

.catalog-list-head,
.catalog-list-footer {
    padding: 0px !important;
}

.catalog-stage-breadcrumb.container-xxl {
    max-width: 1200px;
}

.catalog-stage-breadcrumb ol {
    padding-inline-start: 0rem !important;
}

.row.form-item.form-group.salutation.optional,
.row.form-item.form-group.company.optional,
.row.form-item.form-group.postal.mandatory,
.row.form-item.form-group.countryid.optional,
.row.form-item.form-group.languageid.mandatory,
.row.form-item.form-group.vatid.optional {
    display: none;
}

.checkout-standard .item-service .description .price-value {
    display: none !important;
}

figure.table {
    margin: 0px;
    border-collapse: collapse;
    width: 20%;
}

figure.table table {
    width: 100%;
    border-collapse: collapse;
}

figure.table td,
figure.table th {
    border: 1px solid #ddd;
    padding: 0px 8px;
    text-align: center;
}

figure.table tr:nth-child(odd) {
    background-color: #f2f2f2;
}

figure.table tr:hover {
    background-color: #ddd;
}

figure.table th {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #4caf50;
    color: white;
}

.catalog-detail-additional.content-block {
    display: none;
}

.catalog-detail .catalog-detail-actions {
    padding-bottom: 40px !important;
}

.aimeos.catalog-detail {
    padding-bottom: 40px;
}

.basket.col-sm-12 {
    width: 100%;
    border: 1px;
    border-top: 0px;
    border-style: solid;
    border-color: #cdcdcd;
    background: #f8f8f8;
    border-radius: 0px 0px 5px 5px;
}

.aimeos .common-summary-detail .headline {
    background: #f8f8f8 !important;
}

.aimeos .common-summary-detail .total {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.item.payment.col-sm-6 .header,
.item.delivery.col-sm-6 .header {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 5px 5px 0px 0px;
    background: #f8f8f8;
}

.item.payment.col-sm-6 .content,
.item.delivery.col-sm-6 .content {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 0px 0px 5px 5px;
    margin: 0px;
    border-top: 0px;
}

.checkout-confirm-basic {
    border: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    border-bottom-style: solid;
    border-color: #cdcdcd;
    border-bottom-color: rgb(205, 205, 205);
    border-radius: 5px 5px 0px 0px;
    background: #f8f8f8;
}

.checkout-confirm-detail.common-summary .header {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 5px 5px 0px 0px;
    background: #f8f8f8;
    margin-top: 20px !important;
}

.item.coupon.col-sm-4 .content {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 0px 0px 5px 5px;
    margin: 0px;
    border-top: 0px;
    height: 35%;
}

/*page-catalog-home*/
.page-catalog-home .cms-content .row.g-0 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 10px;
    margin-bottom: 6%;
}

.logo-pc {
    display: flex;
}

.logo-movil {
    display: none;
}

.new-cate {
    margin: 2% 0 4% 0;
}

.titulo-cat h1 {
    font-size: 173%;
    text-align: center;
    padding-bottom: 1%;
}

.content-button-categ {
    background-color: #254142;
    color: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px 0px;
    margin-top: 0px !important;
}

.hover-lift img {
    transition: transform 0.2s ease-in-out;
}

.hover-lift:hover img {
    transform: translateY(-5px);
}

/* Estilo de texto en metodo pago movil Banesco */
.section.checkout-standard-payment .item.item-service.row .description ul {
    margin-top: revert;
}

.section.checkout-standard-payment .item.item-service.row .description li {
    font-size: 14px;
}

.catalog-home .stage-text .btn {
    display: grid !important;
    justify-content: center !important;
    padding: 6px 10px !important;
}

.home-gallery.home.slider-container {
    border-radius: 6px 6px 0 0;
}

.catalog-home .stage-image {
    min-height: 300px !important;
}

.navbar.navbar-expand-md.navbar-top {
    background-color: #fff;
    position: relative;
    z-index: 5;
    min-height: 0px !important;
    padding: 11px 15px 5px 15px;
}

.page-catalog-home .navbar.navbar-expand-md.navbar-top {
}

.page-catalog-home .navbar.navbar-expand-md.navbar-top.scroll {
    background-color: #fff0 !important;
}

.section.aimeos.catalog-filter {
    margin: auto;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
}

.escritorio {
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    background: #000000b0;
    height: 100vh;
    padding: 8rem 0;
    z-index: 10;
}

#navbar-top .catalog-filter {
    margin: 0;
    margin-right: auto;
    opacity: 0;
}

/* Estado final: completamente oculto. Sin animación aquí. */
.hidden {
    display: none;
}

/* Clases para disparar las animaciones */
.fade-in {
    animation: fadeUp 0.5s ease-out;
}

.fade-out {
    animation: fadeDown 0.5s ease-out forwards;
    /* forwards es clave para que mantenga el estado final */
}

/* Tus Keyframes (fadeDown está corregido para que realmente oculte) */
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(80px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(80px);
        visibility: hidden;
        /* Oculta el elemento al final de la animación */
    }
}

#navbar-top {
    order: 1;
    display: contents;
}

.page-catalog-home .logo-pc {
    order: 1;
}

.logo-pc {
    order: -2;
}

#menurm {
    order: 2;
    margin: 0 auto !important;
    width: 100%;
    display: flex;
    justify-content: center;
}

.newlogin {
    order: 3;
}

.navbar.navbar-expand-md.navbar-top {
    display: block;
}

.newdiv.menucenter .boxmenux {
    display: none;
}

.page-catalog-home .newdiv.menucenter .boxmenux {
    display: flex;
    width: 70%;
    flex-wrap: wrap;
    gap: 0.5rem 1.2rem;
    justify-content: start;
    margin-top: 0.5rem;
    text-transform: capitalize;
    font-size: 14px;
}

.linkmenu {
    padding: 2px 20px;
    border-radius: 0;
    transition: color 0.3s ease-in-out;
    position: relative;
    /* Crea el contexto de posicionamiento para ::after */
    overflow: hidden;
    /* Asegura que el relleno no se salga */
    z-index: 1;
    color: var(--blanco-tienda);
    display: inline-block;
}

.submenu .linkmenu {
    color: var(--blanco-tienda);
    padding: 5px;
    padding: 5px 20px;
}

.submenu .menu-item a:hover {
    background-color: inherit;
    color: var(--blanco-secondary-tienda);
}

.linkmenu::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    /* Ancho inicial de cero, está "escondido" */
    height: 2px;
    background-color: var(--blanco-tienda);
    /* El color del relleno */
    z-index: -1;
    /* Se coloca DETRÁS del texto del enlace */
    transition: width 0.3s ease-in-out;
    /* ¡La animación principal! */
}

.linkmenu:hover::after {
    width: 100%;
    /* El pseudo-elemento crece hasta ocupar el 100% del ancho */
}

#openModalBtn {
    background: transparent;
    border: none;
}

.page-catalog-home #openModalBtn svg {
    stroke: var(--blanco-tienda);
}

#openModalBtn svg {
    stroke: var(--blanco-tienda);
}

.navbar-brand {
    filter: invert(0);
}

.navbar-brand img {
    padding: 0px;
}

.basket-mini .menu::after {
    filter: invert(0);
    width: 28px !important;
    height: 28px !important;
}

.navbar.scroll {
    background-color: #fff !important;
}



footer {
    /* background-color: #333 !important; */
}

.newdiv {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    align-items: center !important;
}

.navbar-brand {
    padding: 0px 12px 0px 0px;
    text-decoration: none;
    white-space: nowrap;
    width: fit-content;
    height: 62px;
}

.page-catalog-tree .container-fluid,
.page-catalog-list .container-fluid {
    max-width: 1200px;
}

.container-fluid .catalog-filter .container-xxl {
    padding-right: 0;
    padding-left: 0;
}

.newboton {
    text-align: center;
    align-content: end;
    margin-left: 20px;
    margin-right: 30px;
}

.navbar-toggler {
    background-color: transparent;
    color: white;
    border: none;
    font-size: 16px;
    cursor: pointer;
    outline: none;
    position: relative;
}

.navbar-toggler::before {
    opacity: 0;
}

.navbar-toggler::after {
    transform: translateY(-50%);
    /* Centrar verticalmente */
    color: #fff;
    /* Color de texto blanco */
}

.collapse {
    display: none;
    position: relative;
    top: 0;
    width: auto;
    height: 100%;
    background-color: transparent;
    overflow-y: auto;
    transition: left 0.3s;
    z-index: 7;
    align-content: center;
}

.collapse.show {
    display: block;
    left: 0;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fff' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border: 0px !important;
}

.section.aimeos.catalog-filter-home {
    width: 65%;
}

.catalog-filter-search .search-lists .input-grou {
    display: flex;
    width: 750px;
    align-items: center;
    justify-content: end;
    background: #fff;
    border-radius: 20px;
    height: 43px;
    border: 2px solid var(--principal-color-tienda);
}

.catalog-filter-search .search-lists .input-grou .form-control {
    flex-grow: 1;
    flex-grow: 1;
    padding-left: 6%;
    border: none;
    border-radius: 20px;
}

.catalog-filter-search .search-lists .input-grou .btn {
    flex-shrink: 0;
}

.catalog-filter-search .search-lists .input-grou .btn.reset {
    background-color: transparent;
    color: inherit;
    border: none;
}

.catalog-filter-search .search-lists .input-grou .btn.btn-search {
    background-color: transparent;
    color: black;
    border: none;
}

.catalog-filter-search .search-lists .input-grou .btn.btn-search {
    background-color: transparent;
    color: black;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23111' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z' /%3E%3C/svg%3E");
    /* Ícono SVG como fondo */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
}

.catalog-filter-search .search-lists .input-grou .btn.btn-search {
    min-width: 40px;
}

.locale-select {
    display: none !important;
}

.container-fluid
    .section.aimeos.catalog-filter
    .catalog-filter-search
    .search-lists
    .input-grou {
    width: 100%;
    height: fit-content;
    width: 100% !important;
}

.container-fluid
    .catalog-filter-search
    .search-lists
    .input-grou
    .btn.btn-search {
    margin: 0px;
}

.container-fluid
    .catalog-filter-search
    .search-lists
    .input-grou
    .form-control {
    width: 100%;
    padding: 8px;
    border-radius: 20px;
}

.container-fluid .btn.reset {
    display: none;
}

.catalog-list-head img {
    max-height: 140px;
    display: block;
    margin: auto;
}

.catalog-filter-category,
.catalog-filter-supplier,
.catalog-filter-price {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-radius: 15px;
}

.catalog-filter-category .categories-lists::-webkit-scrollbar,
.catalog-filter-supplier .supplier-lists::-webkit-scrollbar{
	width: 2px;
}
.catalog-filter-category .categories-lists::-webkit-scrollbar-thumb,
.catalog-filter-supplier .supplier-lists::-webkit-scrollbar-thumb{
	background: var(--rosado-tienda);
	border-radius: 4px;
}

.catalog-filter-category .categories-lists,
.catalog-filter-supplier .supplier-lists{
    border: none;
    border-radius: 15px;
	overflow-y:auto;
	overflow-x: hidden;
}

.profile .dropdown-menu {
    background-color: white !important;
}

.navbar-nav .dropdown-item:focus,
.dropdown-item:hover {
    background-color: #d6d6d6 !important;
}

.dropdown-item {
    padding: 0px 20px;
}

.login .dropdown-menu.dropdown-menu-end {
    box-shadow: 0 5px 10px 0 #00000082;
    border: 1px solid #c6c6c6;
}

.search-lists {
    display: flex;
    justify-content: center;
}

.col-sm {
    flex: 1 0 0%;
}

.catalog-list.swiffy-slider {
    --swiffy-slider-item-count: 6 !important;
}

.slider-nav {
    z-index: 500;
}

.product-info {
    display: none !important;
}

.text-list {
    display: grid !important;
    justify-content: center;
}

.text-item {
    font-size: 13px;
    display: grid;
    justify-content: center;
}

.catalog-list .offer .section {
    justify-content: left !important;
}

.catalog-list .offer {
    margin-top: 0rem !important;
}

.aimeos .product .price-list {
    margin-inline-start: 0px !important;
}

.aimeos .product .price-item.default .value {
    font-size: 1em;
    color: #333;
    font-weight: 500;
}

.aimeos .product .text-list {
    display: grid !important;
    justify-content: left !important;
}

.aimeos .product .text-list .text-item {
    font-size: 12px;
    margin: 0 0 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    display: -webkit-box !important;
    text-align: left;
}

#confoto {
    padding-right: 0px;
    position: relative;
    overflow: hidden;
    width: 50%;
}

#confoto img {
    transition: transform 0.3s ease;
    display: block;
    width: 100%;
    height: 100%;
}

#confoto:hover img {
    transform: scale(1.1);
}

#confoto::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
}

#confoto:hover::before {
    opacity: 1;
}

#iejgzh {
    margin-bottom: 0px;
    width: 70%;
    text-align: end;
    margin-top: 10px;
}

#sinfoto {
    background-color: #254142;
    padding-left: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 6rem;
    padding-right: 4rem;
    width: 100%;
}

#confoto {
    padding-right: 0px;
    position: relative;
    overflow: hidden;
}

#confoto img {
    transition: transform 0.3s ease;
    display: block;
    width: 100%;
    height: 100%;
}

#confoto:hover img {
    transform: scale(1.1);
}

#confoto::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
}

#confoto:hover::before {
    opacity: 1;
}

#iml18l {
    color: #fff;
    border-bottom: 1px solid;
}

#textonew {
    color: #fff;
}

#sinfoto .btn {
    padding: 10px 25px;
    width: auto;
    max-width: 50%;
    vertical-align: top;
    border-radius: var(--ai-radius);
    margin: 0.5rem 0;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent !important;
    letter-spacing: 1.5px;
}

#newcolletion .row {
    display: flex;
    margin-top: 5rem;
    margin-bottom: 5rem;
    --bs-gutter-x: 0rem;
    margin-right: 0px;
    margin-left: 0px;
}

#endimg {
    position: relative;
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 5rem;
}

#endimg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.6;
    background: rgba(0, 0, 0, 0.5);
    transition: background 0.3s, border-radius 0.3s, opacity 0.9s;
    z-index: 1;
}

#endimg:hover::before {
    opacity: 0.8;
}

#endimg img {
    display: block;
    width: 100%;
    height: auto;
    transition: border-radius 0.3s;
}

#ihm2rf {
    position: absolute;
    color: #fff !important;
    z-index: 100;
    border-bottom: 1px solid !important;
    font-weight: bold;
}

#iaws0l {
    position: absolute;
    top: 17rem;
    color: #fff;
    z-index: 100;
}

#endimg .btn {
    position: absolute;
    top: 20rem;
    z-index: 100;
}

#endimg .btn {
    position: absolute;
    top: 20rem;
    z-index: 100;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent !important;
    padding: 12px 0px;
}

#endimg .btn:hover {
    color: #000;
    background-color: #fff !important;
}

#colecction .row.g-0 {
    flex-wrap: inherit !important;
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

#fotoone,
#i8o2m,
#icr94,
#tryen {
    position: relative;
    display: inline-block;
}

#fotoone::before,
#i8o2m::before,
#icr94::before,
#tryen::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 0.3s;
    z-index: 1;
    opacity: 0.6;
    border-radius: 10px;
}

#fotoone:hover::before,
#i8o2m:hover::before,
#icr94:hover::before,
#tryen:hover::before {
    opacity: 0.8;
}

#fotoone img,
#i8o2m img,
#icr94 img,
#tryen img {
    display: block;
    width: 100%;
    height: 100%;
}

#fotoone .btn,
#i8o2m .btn,
#icr94 .btn,
#tryen .btn {
    margin: 0 auto;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    display: grid;
    justify-content: center;
}

#productsx {
    margin-top: 4rem;
    max-width: none;
}

#final .row.g-0 {
    display: flex;
    flex-wrap: inherit !important;
}

.navbar .catalog-filter-search .value {
    position: inherit !important;
}

#final {
    margin-top: 5rem;
    margin-bottom: 2rem;
}

.social {
    display: flex;
}

footer .social p {
    margin-bottom: 0rem;
    color: #fff;
}

footer .social p a {
    letter-spacing: 6.5px;
    padding: 0px;
}

.col-sm-6.footer-center .footer-block {
    display: flex;
    gap: 25px;
}

footer .footer-right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

footer .footer-left {
    display: flex;
    justify-content: center;
    width: 0%;
}

footer .footer-center {
    display: flex;
    justify-content: end;
    width: 100%;
}

footer {
    padding: 1rem 0 0 0 !important;
}

.aimeos .product .stock-actual .stockitem {
    z-index: 99;
    background: white;
    padding: 2px 5px;
    font-size: 14px;
    gap: 4px;
    border-radius: 10px;
    border: 1px solid #a5a5a5;
    margin: 8px;
    display: none;
}

.aimeos .product .stock-actual .stockitem:hover {
    display: flex;
}

.aimeos .product .stocklevel {
    display: none;
}

.stockitem.stockitem {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}

.aimeos .product .stocktext {
    display: flex;
}

.rmcard {
    position: relative;
}

.media-item img,
.row.g-0 img {
    border-radius: 10px;
}

.page-catalog-home > .content,
.page-catalog-home .main-section {
    margin-top: 0rem !important;
    box-sizing: inherit;
    max-width: 100%;
    margin: 0 auto;
}

@media (max-width: 992px) {
    .catalog-filter-tree .zeynep,
    .catalog-filter-tree .zeynep .submenu {
        transition: transform 0.5s !important;
    }

    .page-catalog-home > .content,
    .page-catalog-home .main-section {
        margin-top: 0rem !important;
        box-sizing: inherit;
        max-width: 1400px;
        margin: 0 auto;
    }

    .home-gallery.home.slider-container {
        border-radius: 0px 0px 0 0;
    }

    body > .content,
    body .main-section {
        margin-top: 1rem;
    }
}

.page-catalog-home .container-fluid,
.page-catalog-home .container-xl {
    --bs-gutter-x: none;
    max-width: none;
}

.page-catalog-home .row {
    --bs-gutter-x: 0rem;
}

/*page-catalog-detail*/
.page-catalog-detail .content {
    margin: 0;
}

.section.checkout-standard-payment .table {
    margin: 0 0 0;
}

.section.checkout-standard-payment .table tr:nth-child(1) {
    background: #e7e7e7;
}

.section.checkout-standard-payment .table td {
    border: 1px solid #c5c5c5;
    padding: 2px 10px;
    font-size: 14px;
}

.catalog-filter-tree .opened .level-1 {
    display: block !important;
    width: inherit;
    margin: 0px !important;
}

@media (min-width: 767px) {
    .basket-mini .zeynep {
        width: 450px !important;
        right: -450px !important;
    }

    .catalog-filter-tree .zeynep .next::before {
        font: normal normal normal 14px/1 bootstrap-icons;
        content: "\f285";
    }

    .catalog-filter-tree .zeynep .back,
    .catalog-filter-tree .zeynep .close,
    .catalog-filter-tree .zeynep .name,
    .catalog-filter-tree .zeynep .next {
        line-height: var(--bs-body-line-height);
        text-align: center;
        font-size: 125%;
        cursor: pointer;
    }

    .catalog-filter-tree .zeynep .header {
        color: white;
    }

    .catalog-filter-tree .zeynep .close::before {
        font: normal normal normal 14px/1 bootstrap-icons;
        content: "\f659";
    }

    .catalog-filter-tree .zeynep .item-links .name {
        padding: 0.5rem 1rem !important;
        text-align: start;
    }

    .catalog-filter-tree .zeynep .back,
    .catalog-filter-tree .zeynep .close,
    .catalog-filter-tree .zeynep .name,
    .catalog-filter-tree .zeynep .next {
        line-height: var(--bs-body-line-height);
        text-align: center;
        font-size: 125%;
        cursor: pointer;
        padding: 0.5rem;
    }

    .catalog-filter-tree .zeynep.opened,
    .catalog-filter-tree .zeynep.opened .submenu.opened {
        transform: translateX(20rem);
        pointer-events: auto;
    }

    .catalog-filter-tree .zeynep,
    .catalog-filter-tree .zeynep .submenu {
        left: -20rem;
        right: unset;
    }

    .catalog-filter-tree .zeynep,
    .catalog-filter-tree .zeynep .submenu {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 20rem;
        z-index: 1031;
        pointer-events: none;
        background-color: var(--ai-bg);
        -webkit-overflow-scrolling: touch;
        transition: transform 0.25s;
        overflow: hidden auto;
    }

    .catalog-filter-tree a.cat-link,
    .catalog-filter-tree a.cat-link:link,
    .catalog-filter-tree a.cat-link:visited {
        color: var(--ai-primary) !important;
    }

    .catalog-filter-tree .zeynep .header {
        display: flex;
        color: var(--ai-bg);
        background-color: var(--ai-secondary);
    }

    .navbar .collapse {
        display: contents;
        position: inherit;
    }

    .catalog-filter-tree .level-1 {
        display: none !important;
    }

    .catalog-filter-tree .zeynep .next {
        color: var(--ai-primary);
    }

    .catalog-filter-tree .menu {
        display: block !important;
        padding: 0px !important;
    }

    .catalog-filter-tree .menu::before {
        line-height: var(--bs-body-line-height) !important;
        font: normal normal normal 14px/1 bootstrap-icons;
        font-size: 14px;
        line-height: 1;
        content: "\f479";
        font-size: 175%;
    }

    .catalog-filter-tree .menu {
        cursor: pointer;
        color: #333 !important;
    }
}

.navbar .collapse.show {
    display: block;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.footer-right .social .facebook::before,
.footer-right .social .twitter::before,
.footer-right .social .instagram::before,
.footer-right .social .youtube::before {
    vertical-align: top;
}

.footer-block {
    margin: 0px;
    align-content: center;
}

footer .container-fluid {
    display: grid;
    max-width: 1400px !important;
}

.catalog-list-items .addbasket .btn-primary {
    width: 100% !important;
    border-radius: 25px;
}

.aimeos .btn {
    --bs-btn-padding-y: 0.525rem;
    max-width: 100%;
}

div.catalog-detail-basket form.basket div.addbasket div.input-group .btn {
    max-width: 70%;
}

.common-summary-address.row {
    margin-bottom: 1rem;
}

.common-summary-additional.row {
    margin-top: 1rem;
}

.item.payment.\31 .col-sm-6 .header,
.item.delivery.\31 .col-sm-6 .header {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 5px 5px 0px 0px;
    background: #f8f8f8;
}

.item.payment.\31 .col-sm-6 .content,
.item.delivery.\31 .col-sm-6 .content {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 0px 0px 5px 5px;
    margin: 0px;
    border-top: 0px;
}

.common-summary-address .item.delivery.\31 .col-sm-6 .content {
    height: 71%;
}

.aimeos .minibutton {
    background-color: transparent;
}

.item.coupon.\31 .col-sm-4 .header,
.item.customerref.col-sm-4 .header,
.item.comment.col-sm-4 .header {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 5px 5px 0px 0px;
    background: #f8f8f8;
}

.item.coupon.\31 .col-sm-4 .content,
.item.customerref.col-sm-4 .content,
.item.comment.col-sm-4 .content {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 0px 0px 5px 5px;
    margin: 0px;
    border-top: 0px;
}

.common-summary-additional.row .item.coupon.\31 .col-sm-4 .content {
    min-height: 46%;
}

.common-summary-detail.row {
    padding-left: 10px;
    padding-right: 10px;
}

.common-summary-detail.row .basket.table-responsive {
    padding-left: 15px;
    padding-right: 15px;
    border: 1px;
    border-top: 0px;
    border-style: solid;
    border-color: #cdcdcd;
    background: #f8f8f8;
    border-radius: 0px 0px 5px 5px;
}

.common-summary-detail.row .basket.table-responsive .row.g-0.headline {
    background: #f8f8f8;
    border: 1px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-style: solid;
    border-color: #cdcdcd;
}

.common-summary-detail.row .basket.table-responsive .total.row.g-0 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.common-summary-detail.row .header {
    border: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 5px 5px 0px 0px;
    background: #f8f8f8;
}

.aimeos .common-summary-detail .total {
    background-color: transparent !important;
}

.catalog-filter .filter-options {
    display: none;
}

@media only screen and (max-width: 768px) {
    .basket-mini .zeynep {
        width: 95% !important;
        right: -95% !important;
    }

    .basket.table-responsive
        .total.row.g-0
        .col-8.col-md-6.offset-4.offset-md-6
        .row.g-0.price-total
        .total-text.col-3 {
        text-align: center;
    }

    .catalog-filter-tree .menu {
        padding: 0rem !important;
    }

    .catalog-filter .header-name {
        font-size: 100% !important;
        padding: 0rem 0.75rem !important;
    }

    #set {
        margin-top: 16%;
        margin-bottom: 10%;
    }

    #newcolletion .row {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .checkout-standard-summary-option {
        margin-top: 2rem !important;
    }

    .checkout-standard .steps {
        font-size: 80%;
    }

    .common-summary-additional.row,
    .common-summary-service.row,
    .common-summary-address.row {
        gap: 15px !important;
    }

    .common-summary-address .item.delivery.\31 .col-sm-6 .content {
        height: auto;
    }

    .navbar-expand-md .navbar-collapse {
        height: 32px !important;
        overflow-y: clip;
        justify-content: left;
        background-color: transparent;
        position: inherit;
        width: 25%;
    }

    .newlogin {
        height: 37px;
        width: 25%;
        justify-content: right;
    }

    .newboton {
        margin-left: 0px;
    }

    .section.aimeos.catalog-filter-home {
        width: 0%;
    }

    .page-catalog-home > .content,
    .page-catalog-home .main-section {
        margin-top: 0rem !important;
    }

    .home-gallery.home.slider-container {
        border-radius: 0px;
    }

    .page-catalog-home .container-fluid,
    .page-catalog-home .container-xl {
        max-width: 100%;
        margin: 0 auto;
    }

    .page-catalog-home .cms-content .row.g-0 {
        display: grid !important;
        gap: 12px;
        margin: 2rem auto;
        margin-bottom: 20% !important;
    }

    .aimeos.cms-page.container-fluid .cms-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .catalog-list.swiffy-slider {
        --swiffy-slider-item-count: 2 !important;
    }

    #newcolletion .row {
        display: block;
    }

    #confoto {
        width: 100%;
    }

    #sinfoto {
        width: 100%;
        align-items: center;
        padding-bottom: 2rem;
        padding-right: 0rem;
        padding-left: 0rem;
    }

    #textonew {
        text-align: center;
        display: grid;
        padding: 0 20px 0 20px;
    }

    #sinfoto .btn {
        max-width: 100%;
    }

    footer .footer-right {
        justify-content: center;
    }

    footer .footer-center {
        justify-content: center;
    }

    footer .container-fluid {
        padding-top: 0.8rem;
    }

    footer p a {
        padding: 0.5rem 0;
    }

    .catalog-home .stage-image {
        width: auto;
        height: 400px;
        object-position: center;
    }

    .aimeos .common-summary-detail .product-item .col-4 {
        width: 100% !important;
        margin-top: 10px !important;
    }

    .image.col-11.col-lg-3 {
        width: 50% !important;
    }

    .details.col-12.col-lg-8 {
        width: 50%;
    }

    .minibutton.change.up {
        text-align: center !important;
        padding: 0px;
        min-width: 1.75rem;
    }

    .minibutton.change.down {
        text-align: center !important;
        padding: 0px;
        min-width: 1.75rem;
    }

    .col-8.col-md-6.offset-4.offset-md-6 {
        width: 100%;
    }

    .offset-4 {
        margin-left: 0px !important;
    }

    .unitprice.col-3 {
        display: none;
    }

    .addbasket .input-group {
        display: block !important;
    }

    .form-control.input-lg {
        margin-bottom: 15px !important;
        width: 100% !important;
    }

    .btn.btn-primary.btn-lg.btn-action {
        max-width: 100% !important;
        width: 100%;
        font-size: 95%;
    }

    .btn.btn-default.btn-lg.btn-back {
        max-width: 100% !important;
        width: 100%;
        font-size: 95%;
    }

    .catalog-filter-search .search-lists {
        display: block !important;
    }

    .vmovil {
        width: 100%;
        justify-content: center;
    }

    .search-lists .input-grou {
        max-height: 57px;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
        display: flex !important;
    }

    .search-lists .input-grou:focus-within {
        max-height: 150px;
        /* Ajusta este valor según el tamaño de tus elementos */
    }

    .catalog-filter-search .search-lists .input-grou {
        width: fit-content !important;
    }

    aside:nth-child(1) {
        margin-top: 0rem !important;
    }

    .catalog-list-type {
        display: flex !important;
        width: 100% !important;
        align-items: center !important;
    }

    .aimeos .pagination {
        text-align: left !important;
        width: 70% !important;
    }

    .aimeos .sort {
        margin: 0 5% !important;
    }

    .aimeos .sort a,
    .aimeos .sort a:link,
    .aimeos .sort a:visited {
        padding-right: 7px !important;
        padding: 0px;
    }

    .filtros {
        width: 26% !important;
    }

    .catalog-list-type .type-item {
        padding: 0.2rem !important;
    }

    div.catalog-detail-basket form.basket div.addbasket div.input-group .btn {
        max-width: 1000% !important;
    }

    .aimeos .common-summary-detail .quantity,
    .aimeos .common-summary-detail .quantity {
        text-align: left !important;
    }

    .footer-block {
        margin-bottom: 0rem;
        text-align: center;
    }

    .logo-pc {
        display: none !important;
    }

    .logo-movil {
        display: flex !important;
        margin: 0 auto;
        width: 50%;
        justify-content: center;
    }

    .navbar-brand {
        padding: 0px;
        margin-right: 0px;
    }

    .newdiv {
        width: 100%;
        padding-bottom: 3px;
    }

    .slideshow-container {
        display: flex;
        max-width: 100%;
        position: relative;
        margin: auto;
    }

    .mySlides {
        position: relative;
        display: flex;
        justify-content: center !important;
        width: 100%;
    }

    .mySlides img {
        width: 100%;
        height: 350px;
        object-fit: cover;
    }

    .content-button {
        position: absolute;
        /* z-index: 99999; */
        top: 45%;
        margin-left: 0px !important;
        display: flex;
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center;
    }

    .text-slider {
        color: white;
        padding-bottom: 20px;
        text-align: center;
        line-height: 1.6;
    }

    .text-slider1 {
        font-size: 170%;
        margin-bottom: 0px;
    }

    .text-slider2 {
        font-size: 170%;
        font-weight: bold;
        margin-bottom: 0px;
    }

    .mySlides .content-button a {
        background-color: transparent;
        padding: 15px;
        border-color: white;
        border-style: solid;
        color: white !important;
        border-width: 2px;
    }

    /*Filtro de productos modal*/
    .filter_button {
        display: block;
    }

    .pc_filter {
        display: none;
    }

    .navbar.navbar-expand-md.navbar-top .filter_button {
        display: none;
    }

    .modal_filter .catalog-filter .filter-options {
        display: block;
    }

    .modal_filter .filter-options-over {
        width: 80%;
        background: #fff;
        height: 100%;
    }

    .modal_filter .filter-options {
        background: #0000007d;
        width: 100%;
        position: fixed;
        height: 100%;
        top: 0;
        z-index: 20;
        transform: translateX(-100%);
        pointer-events: auto;
        transition: transform 0.5s;
        left: 0;
    }

    .modal_filter .filter-options.show {
        display: block;
        left: 0;
        transform: translateX(0%);
        /* Mueve el menú a la vista */
    }

    .conten_modal {
        position: relative;
        top: 1%;
        padding: 0px 9px;
    }

    .filter_button svg {
        width: 20px;
    }

    .button_close svg {
        width: 30px;
    }

    .filter_button {
        display: flex;
        padding-bottom: 10px;
        color: #000;
        gap: 5px;
        width: fit-content;
    }

    .icon_space {
        display: flex;
        justify-content: space-between;
        padding: 15px 20px;
        border-bottom: 1px solid #e5e5e5;
        align-items: center;
    }

    .button_close {
        color: #000;
    }
}

/* Next & previous buttons */
.slideshow-container .prev,
.slideshow-container .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -30px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.slideshow-container .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slideshow-container .prev,
.slideshow-container .next {
    background-color: #00000069;
}

/* Caption text
      .text {
        color: #f2f2f2;
        font-size: 15px;
        padding: 8px 12px;
        position: absolute;
        bottom: 8px;
        width: 100%;
        text-align: center;
      }*/

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot-slider-new {
    display: none;
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.mySlides.fade:not(.show) {
    opacity: 100;
}

.mySlides .active,
.dot-slider-new:hover {
    background-color: #717171;
}

.cms-content {
    margin: auto;
    width: 100%;
    max-width: 1200px;
}

/* Fading animation */
.mySlides.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .slideshow-container .prev,
    .slideshow-container .next,
    .text {
        font-size: 11px;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .image-doc {
        flex: 0 0 50% !important;
    }

    .catalog-list.swiffy-slider {
        --swiffy-slider-item-count: 4 !important;
    }

    footer {
        padding: 1rem 1rem 0 1rem !important;
    }

    #newcolletion .row {
        display: block !important;
    }

    #confoto {
        width: 100% !important;
    }

    #sinfoto {
        padding-top: 2rem !important;
        padding-bottom: 3rem !important;
    }
}

.catalog-list-items .basket .select-option:checked + .select-label {
    border: 1px solid blue !important;
    background-color: #fff !important;
    color: blue !important;
    border-radius: 10px;
}

.catalog-list-items .addbasket .btn-pin.active,
.catalog-list-items .addbasket .btn-primary:hover,
.catalog-list-items .addbasket .btn-pin:hover {
    background-color: (--principal-color-tienda) !important;
    border: 1px solid var(--principal-color-tienda) !important;
}

.minibutton {
    width: 44px;
}

.aimeos.aimeos-container {
    border-radius: 20px;
}

.rmcard .text-list .text-item.text-item {
    display: none !important;
}

.aimeos .product .text-list {
    margin-top: 1rem;
}

.aimeos.aimeos-container.aimeos.aimeos-container {
    /* position: fixed; */
    /* top: 2em !important; */
}

.overlay-active {
    /* overflow:hidden; */
}

.aimeos .form-control,
.aimeos .form-select,
.aimeos input,
.aimeos textarea {
    border: 1px solid #cacaca;
    border-radius: 10px;
    margin-top: 5px;
}

.aimeos .product .addbasket input {
    border: 1px solid #cacaca;
    padding: 10px 20px;
}

.catalog-list-items .basket .radio .select-label {
    border: 1px solid #cacaca;
    border-radius: 10px;
}

.select-value ul {
    margin-top: 5px;
}

.aimeos .minibutton {
    min-width: 40px;
    width: 40px;
}

.aimeos-overlay,
.aimeos-overlay-offscreen {
    background-color: rgba(0, 0, 0, 0.85);
}

/*
      .rmcard .basket {
        position: absolute;
        bottom: 96px;
      right: 8px;
      }
      .catalog-list-items .basket.basket{
      width: 100%;
        justify-content: end;
        display: flex;
      }
      */
.button-group .btn {
    border-radius: 40px;
}

.aimeos.aimeos-container .list-column:first-child {
    border-right: 1px solid #cacaca;
}

.col-2.close.col-2.close {
    color: white !important;
}

.basket-standard-coupon.basket-standard-coupon .header h2 {
    text-transform: uppercase !important;
    font-size: 14px;
    font-weight: 700;
}

.coupon-detail {
    padding: 0 15px;
    border-top: 1px solid #bebebe;
    margin-top: 20px;
}

.coupon-detail .name {
    margin-top: 10px !important;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}

.minibutton.delete {
    background: #ff4141;
    border-radius: 10px;
    display: inline-grid;
}

.bulk-content .row.details {
    padding: 0px 0px 5px 0px;
}

.coupon-detail .attr-item {
    background: #42ffaf;
    display: flex;
    border: 1px dashed #0000008f;
    border-radius: 5px;
    overflow: hidden;
    font-size: 14px;
    padding: 5px 10px !important;
    justify-content: space-between;
}

.minibutton.delete:after {
    color: white !important;
}

.coupon-detail .basket-standard-coupon .attr-list {
    margin: 0;
}

.basket-standard-coupon .attr-list {
    width: 100%;
}

.basket-standard-coupon .attr-list {
    margin: 0px;
}

.currencyamount {
    color: #00ce20;
}

.sugg_box {
    overflow: hidden;
    position: relative;
    margin: 20px 0px;
    margin-bottom: 40px;
}

.sugg_content {
    display: flex;
    width: max-content;
    transition: transform 0.5s ease;
}

.sugg_content input {
    display: none;
}

.sugg_content .offer {
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-content: center;
    align-items: center;
}

.sugg_content .basket .items-attribute {
    display: none;
}

.sugg_content .addbasket button {
    width: 50px;
    border-radius: 40px;
    height: 50px;
    background: white;
    border: 1px solid white;
}

.sugg_content .product.row.rmcard {
    margin: 0;
}

.sugg_content .product.row.rmcard {
    flex-direction: column;
    justify-content: space-between;
}

.sugg_content .addbasket .btn-primary::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0yLjI1IDNoMS4zODZjLjUxIDAgLjk1NS4zNDMgMS4wODcuODM1bC4zODMgMS40MzdNNy41IDE0LjI1YTMgMyAwIDAgMC0zIDNoMTUuNzVtLTEyLjc1LTNoMTEuMjE4YzEuMTIxLTIuMyAyLjEtNC42ODQgMi45MjQtNy4xMzhhNjAuMTE0IDYwLjExNCAwIDAgMC0xNi41MzYtMS44NE03LjUgMTQuMjUgNS4xMDYgNS4yNzJNNiAyMC4yNWEuNzUuNzUgMCAxIDEtMS41IDAgLjc1Ljc1IDAgMCAxIDEuNSAwWm0xMi43NSAwYS43NS43NSAwIDEgMS0xLjUgMCAuNzUuNzUgMCAwIDEgMS41IDBaIiAvPgo8L3N2Zz4K") !important;
    filter: invert(0);
    display: block;
    width: 24px;
    height: 24px;
}

.sugg_content .media-item {
    position: relative;
}

.sugg_content .stock-list {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.sugg_content .addbasket .btn-primary:hover {
    background: white;
    border: 1px solid var(--ai-primary);
}

.sugg_box .col-12 {
    padding: 0;
}

.sugg_box .navigation svg {
    width: 35px;
    padding: 5px;
    color: white;
    background: var(--ai-primary-alt);
    border-radius: 5px;
}

.sugg_content .list-column:first-child {
    border: 0 !important;
}

.sugg_box .navigation {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 30%;
    z-index: 5;
    left: 0;
}

.sugg_title {
    margin: 30px 0 0 0px;
    border-bottom: 1px solid #d4d4d4;
}

.sugg_title h4 {
    font-size: 18px;
    font-weight: 600;
}

.sugg_content a.btn-primary {
    background: white !important;
    width: fit-content;
    border: 1px solid white !important;
    border-radius: 30px;
    padding: 10px;
}

.sugg_content a.btn-primary:hover {
    border: 1px solid var(--ai-primary) !important;
}

.sugg_content .stock-unlimited.stock-unlimited.stock-unlimited {
    background-color: #7bff7b;
}

.sugg_content .stock-low.stock-low.stock-low {
    background-color: #ffde7b;
}

.sugg_content .stock-out.stock-out.stock-out {
    background-color: #ff947b;
}

.sugg_content .stocklevel.stocklevel.stocklevel {
    display: block ruby;
    font-size: 12px;
}

.sugg_content .product.row.rmcard .list-column {
    width: 100% !important;
}

.sugg_content.sugg_content .product .text-list {
    margin-top: 10px;
}

.nuevo-carrusel {
    display: block;
    width: 100%;
}

.nuevo-image-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 500px;
}

.nuevo-image-container {
    display: flex;
    transition: transform 0.5s ease;
    height: 100%;
}

.nuevo-image-doc {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    box-sizing: border-box;
    padding: 1px;
    height: 100%;
    overflow: hidden;
}

.nuevo-image-doc img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.nuevo-prev,
.nuevo-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 10px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    background-color: rgba(0, 0, 0, 0.5);
}

.nuevo-next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.nuevo-prev:hover,
.nuevo-next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.nuevo-image-doc {
    position: relative;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    box-sizing: border-box;
    padding: 1px;
    height: 100%;
    overflow: hidden;
}

.nuevo-image-doc img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: brightness(80%);
    transition: filter 0.3s ease;
}

.nuevo-image-doc:hover img {
    filter: brightness(100%);
}

.completed-div {
    display: block;
    width: 100%;
}

.primer-div {
    width: 100%;
    text-align: center;
    background-color: #fff3d3;
    padding: 4px 0;
    border: 3px solid #000;
    border-left: 0px;
    border-right: 0px;
}

.primer-div span {
    font-size: 15px;
    color: #004040;
}

.slider-container .fade-categ img {
    width: 100%;
    height: auto;
    border-radius: 8px 8px 0 0;
}

.hover-lift img {
    transition: transform 0.2s ease-in-out;
}

.hover-lift:hover img {
    transform: translateY(-5px);
    border-radius: 8px;
}

.slider-container .mySlides-categ {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.slider-container {
    position: relative;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
}

.slides-wrapper-cat {
    overflow-x: auto;
    overflow: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.slides-track {
    display: flex;
    flex-wrap: nowrap;
    width: fit-content;
}

.category.category {
    margin: 0;
    scroll-snap-align: start;
    display: inline-block;
    flex: 0 0 auto;
}

.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    background-color: rgba(0, 0, 0, 0.5);
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.img-container {
    height: 140px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    overflow: hidden;
}

.content-button-categ {
    background-color: #0000;
    text-transform: capitalize;
    font-weight: 500;
    color: var(--ai-primary);
}

.navfootermobile {
    display: none;
}

#navbar-top .section.aimeos.catalog-filter {
    display: none;
}

@media (max-width: 768px) {
    #menurm {
        display: none;
    }

    #navbar-top .section.aimeos.catalog-filter {
        display: block;
    }

    .navfootermobile {
        /* Posicionamiento fijo en la parte inferior */
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;

        /* Diseño y apariencia */
        height: 60px;
        /* Altura de la barra */
        background-color: #ffffff;
        box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
        /* Sombra para separarlo del contenido */

        /* Alineación de los elementos internos (los enlaces) */
        /* display: flex; */
        display: none;
        justify-content: space-around;
        /* Distribuye los enlaces equitativamente */
        align-items: center;
        z-index: 6;
    }

    /* Estilos para cada enlace del menú */
    .navfootermobile a {
        /* Organiza el icono y el texto en una columna */
        display: flex;
        flex-direction: column;
        align-items: center;

        /* Apariencia del texto y color */
        color: #858585;
        /* Color gris oscuro para el icono y texto */
        text-decoration: none;
        font-size: 12px;
        font-weight: 600;

        /* Para que ocupe todo el espacio disponible */
        flex-grow: 1;
        padding: 5px 0;
    }

    /* Opcional: Cambia el color del enlace activo o al pasar el ratón */
    .navfootermobile a:hover,
    .navfootermobile a.active {
        /* Puedes añadir una clase "active" con JavaScript */
        color: #000;
        /* Un color de realce, como azul */
    }

    /* Estilos para los iconos SVG */
    .navfootermobile svg {
        width: 24px;
        height: 24px;
    }

    .page-catalog-home .newdiv.menucenter .boxmenux,
    .newdiv.menucenter .boxmenux {
        display: none;
    }

    .logo-movil img {
        padding: 0.4rem;
    }

    .logo-movil {
        order: 2;
    }

    #navbar-top {
        order: 1;
        display: contents;
    }

    .section.aimeos.catalog-filter {
        flex-direction: column;
        align-items: end;
    }

    .escritorio {
        padding: 3rem 0;
    }

    .autocomplete {
        width: 90% !important;
    }

    .btnmodalsearch {
        order: -1;
    }

    #navbar-top .catalog-filter {
        opacity: 1;
    }

    .page-catalog-home #navbar-top .catalog-filter-tree .menu.menu {
        color: #fff !important;
    }

    #navbar-top .catalog-filter-tree .menu.menu {
        color: #fff !important;
    }

    #navbar-top .section.aimeos.catalog-filter .btnmodalsearch {
        display: none;
    }

    .newlogin {
        order: 3;
    }

    .vmovil {
        max-width: 1200px;
        margin: 0 auto;
        width: 100%;
        align-items: center !important;
    }

    .nav-button .size-6 {
        width: 13px;
    }

    .nav-item.login.profile a span {
        display: none;
    }

    .nav-button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(255, 255, 255, 0.7);
        border: none;
        padding: 6px 8px;
        cursor: pointer;
        z-index: 10;
        display: block;
    }

    .slider {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .contenedor_divider {
        display: inline-block;
        width: 100%;
    }

    .diver_one {
        display: inline-block;
        width: 100%;
        height: auto;
    }

    .texto_divider {
        width: 100%;
    }

    .parrafo1_divider {
        font-size: 35px;
    }

    .parrafo2_divider {
        width: 100%;
        font-size: 12px;
    }

    .slides-wrapper-cat {
        overflow-x: auto;
    }

    .img-container {
        height: 130px;
    }

    .nuevo-image-doc {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0px;
    }
}

.slider-container .prev,
.slider-container .next {
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0px;
}

.size-6 {
    width: 30px;
}

.only-mobile {
    display: none;
}

.only-desktop {
    display: block;
    width: 100%;
}

@media (max-width: 767px) {
    .only-mobile {
        display: block;
    }

    .only-desktop {
        display: none;
    }
}

.diver_one.conten1_video {
    position: relative;
}

.diver_one.conten1_video::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.21) 0%,
        rgba(0, 0, 0, 0.12) 100%
    );
    z-index: 1;
    pointer-events: none;
}

.letra_nori_cla {
    width: 100%;
    position: relative;
    height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

.ttitle_divider {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.ttitle_divider.active {
    opacity: 1;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

.icon--root {
    width: 15px;
}

.banner_divider {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.franja_divider {
    text-align: center;
    padding: 10px 0px;
    background: var(--blanco-secondary-tienda-tienda);
    color: var(--rojo-tienda);
    width: 100%;
    font-size: 16px;
    display: flex;
    font-weight: 600;
    /* border-bottom: 1px solid #f6f6f640; */
}

.page-catalog-tree .section.catalog-filter-attribute {
    display: none;
}

.page-catalog-tree .col-lg-9 {
    display: flex;
    flex-direction: column;
}

.page-catalog-tree .section.aimeos.catalog-session {
    margin-top: auto;
    margin-bottom: 0;
}

.contenedor_imgene_videos {
    width: 100%;
    height: auto;
    max-height: 600px;
    display: flex;
    align-items: stretch;
}

.conten1_video,
.conten1_imagen {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* #Principalimagen {
	  max-width: 100%;
	  height: auto;
	} */
#Principalimagen {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.sombe_1.prue {
    font-size: 20px;
    font-weight: bold;
}

.texto_sombra {
    position: absolute;
    top: 69%;
    left: 50%;
    transform: translate(-50%, 20px);
    z-index: 6;
    color: #fff;
    text-align: center;
    width: 92%;
    opacity: 1;
    animation: slideIn 1s forwards;
    display: grid;
}

@keyframes slideIn {
    0% {
        transform: translate(-50%, 20px);
        opacity: 0;
    }

    100% {
        transform: translate(-50%, 0);
        opacity: 1;
    }
}

.sombe_1 {
    font-size: 16px;
}

.sobre_2 {
    font-size: 30px !important;
    color: #fff !important;
    font-weight: bold !important;
    margin-bottom: 0px !important;
}

.button_divider {
    background: #fff;
    color: #000;
    border: 0;
    margin: auto;
    margin-top: 2%;
    padding: 7px 20px;
    font-size: 15px;
    font-weight: bold;
}

.embla__pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 24px 10px;
    align-items: center;
}

.embla__dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ccc;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    backface-visibility: hidden;
    -webkit-appearance: none;
    /* Elimina estilos predeterminados de botones en iOS */
    appearance: none;
    /* Para navegadores modernos */
    display: block;
    /* Asegura que el tamaño no dependa del contenido */
    box-sizing: border-box;
    /* Incluye padding y border en el tamaño total */
    line-height: 0;
    /* Elimina el impacto de line-height */
    padding: 0;
    /* Asegura que no haya padding */
}

.embla__dot.active {
    background-color: #60083b;
    transform: scale(1.1);
}

.embla__dot.inactive {
    background-color: #ccc;
}

.price-input input[type="number"]::-webkit-outer-spin-button,
.price-input input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.price-input input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield !important;
}

@media (min-width: 769px) {
    .embla__pagination {
        display: none;
    }
}

@media (min-width: 600px) and (max-width: 1024px) {
    .contenedor_imgene_videos {
        height: 316px;
    }

    .texto_sombra {
        top: 70%;
        width: 100%;
    }

    .sombe_1.prue {
        font-size: 16px;
    }

    .sombe_1 {
        font-size: 10px;
    }

    .button_divider {
        padding: 5px 20px;
        font-size: 11px;
    }
}

@media (max-width: 768px) {
    .icon--root {
        width: 12px;
    }

    .franja_divider {
        padding: 9px 20px !important;
        font-size: 13px !important;
    }

    .contenedor_imgene_videos {
        display: flex;
        flex-direction: row;
        overflow: hidden;
        height: auto;
        width: 300%;
        transition: transform 0.5s ease-in-out;
    }

    .conten1_video,
    .conten1_imagen {
        width: 100%;
        height: 502px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .video1,
    #Principalimagen {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .texto_sombra {
        top: 64%;
    }

    .sombe_1 {
        font-size: 13px;
    }

    .button_divider {
        padding: 6px 20px;
        font-size: 13px;
    }

    .sombe_1.prue {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .sugg_content.sugg_content .list-column.list-column {
        border-top: 0;
        border-bottom: 0;
        margin: 0;
    }

    .sugg_content .media-list {
        height: 200px;
    }

    .sugg_content a {
        margin: 0px;
    }

    .sugg_content .product .media-item {
        width: 100%;
        height: 200px;
        /* Altura fija o mínima */
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        background-color: #f5f5f5;
        /* Color de fondo para imágenes pequeñas */
    }

    .sugg_content .product.row.rmcard {
        justify-content: flex-start;
    }

    .sugg_content .product .media-item img {
        width: auto;
        height: 100%;
        /* Ajusta la altura para llenar el contenedor */
        object-fit: cover;
        /* Escala la imagen para cubrir el contenedor */
    }

    .input-group.coupon-new {
        border-radius: 0;
    }

    .btn.btn-primary.btn-lg.btn-action,
    .btn.btn-default.btn-lg.btn-back {
        margin: 0px;
        margin-bottom: 10px;
    }

    .basket-standard-coupon.basket-standard-coupon .header h2 {
        text-transform: uppercase !important;
        font-size: 12px;
        font-weight: 700;
    }

    .input-group.coupon-new {
        gap: 10px;
    }

    .basket-standard-coupon .coupon-new .coupon-code,
    .basket-standard-coupon .coupon-new .btn.btn {
        width: 100% !important;
        border-radius: 40px;
    }

    .navbar-brand img {
        width: auto;
        height: 100%;
    }

    .catalog-list-items.list .product.product {
        display: block;
    }

    .catalog-list-items.list .product .list-column.list-column {
        position: relative;
        margin: auto;
        width: 100%;
    }

    .aimeos.aimeos-container.aimeos.aimeos-container {
        padding: 30px 5px;
    }

    .aimeos .common-summary-detail .product-item {
        padding: 1rem 0 !important;
    }

    .aimeos .order .price {
        font-size: 14px;
    }

    .aimeos.aimeos-container .list-column:first-child {
        width: 45% !important;
        border-right: 0;
    }

    .aimeos.aimeos-container .list-column:last-child {
        border-top: 1px solid #cacaca;
        border-bottom: 1px solid #cacaca;
        margin: 10px 0px !important;
    }

    .aimeos.aimeos-container .catalog-list-items .basket {
        overflow: scroll;
        height: 220px;
    }

    .catalog-filter-tree .menu.menu,
    .basket-mini .menu::after {
        color: #333 !important;
    }

    .btn.btn-primary {
        border-radius: 40px;
    }
}