#fw-section-collection-template-collection-default {

/* Añadir aviso de IVA debajo de los precios en toda la web */
.product-info__price--original::after, 
.tile__price--original::after, 
.inline-image__price--original::after,
.product-drawer__subtotal-value::after {
    content: "Excl. VAT. Calculated at checkout"; 
    display: block;
    font-size: 10px;         /* Tamaño fino y elegante */
    color: #888888;         /* Gris medio */
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 5px;
    font-weight: 400;
}

/* Ajuste específico para que el texto no se vea demasiado grande en móviles */
@media (max-width: 768px) {
    .product-info__price--original::after,
    .tile__price--original::after,
    .inline-image__price--original::after,
    .product-drawer__subtotal-value::after {
        font-size: 9px;
    }
}
}
#fw-section-hero-0 {

.hero__content {


  position: absolute;
  buttom: 5px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  text-align: center;
}

@media (max-width: 768px) {

  .hero__content {
    top: 20px;
    bottom: 10px;          /* 🔑 definimos ambos */
    height: auto;
    padding: 0 16px;

    display: flex;
    flex-direction: column;
  }

  .hero__heading {
    font-size: 24px;
    line-height: 1.2;
  }

  .hero__text {
    font-size: 14px;
    line-height: 1.4;
  }

}


}
#fw-section-collections-list-e2e43348-db96-47b2-833f-e4aea6c6a70c {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #efefef;
--color-background-rgb: 239, 239, 239;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #2d2d2d;
--color-on-background-rgb: 45, 45, 45;
--color-product-image-background: #2d2d2d;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-featured-product-33db09ca-7266-43e5-99ab-4975fff7e4ea {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #2d2d2d;
--color-on-background-rgb: 45, 45, 45;
--color-product-image-background: #2d2d2d;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
/* Añade el aviso debajo de los precios en todas las secciones */
.featured-product-info__price--original::after, 
.tile__price--original::after, 
.inline-image__price--original::after,
.product-drawer__subtotal-value::after {
    content: "Excl. VAT. Calculated at checkout";
    display: block;
    font-size: 0.65rem; /* Tamaño pequeño pero legible */
    color: #757575;    /* Gris suave para no distraer del precio */
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 4px;
    font-weight: 400;
}

/* Ajuste específico para el carrito (Drawer) para que se vea elegante */
.product-drawer__subtotal-value::after {
    font-size: 0.6rem;
    text-align: right;
}
}
#fw-section-featured-collection-7554b9a7-06db-433e-9501-a96fa9d340e4 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #f9f9f9;
--color-background-rgb: 249, 249, 249;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #2d2d2d;
--color-on-background-rgb: 45, 45, 45;
--color-product-image-background: #2d2d2d;
--color-background-brightness: 249;
background-color: var(--color-background);
color: var(--color-on-background);
/* Añade el aviso debajo de los precios en todas las secciones */
.featured-product-info__price--original::after, 
.tile__price--original::after, 
.inline-image__price--original::after,
.product-drawer__subtotal-value::after {
    content: "Excl. VAT. Calculated at checkout";
    display: block;
    font-size: 0.65rem; /* Tamaño pequeño pero legible */
    color: #757575;    /* Gris suave para no distraer del precio */
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 4px;
    font-weight: 400;
}

/* Ajuste específico para el carrito (Drawer) para que se vea elegante */
.product-drawer__subtotal-value::after {
    font-size: 0.6rem;
    text-align: right;
}
}
#fw-section-featured-product-52e18d86-00a0-491a-9791-4d6795f6b12c {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #f2f2f2;
--color-background-rgb: 242, 242, 242;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #2d2d2d;
--color-on-background-rgb: 45, 45, 45;
--color-product-image-background: #2d2d2d;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
/* Añade el aviso debajo de los precios en todas las secciones */
.featured-product-info__price--original::after, 
.tile__price--original::after, 
.inline-image__price--original::after,
.product-drawer__subtotal-value::after {
    content: "Excl. VAT. Calculated at checkout";
    display: block;
    font-size: 0.65rem; /* Tamaño pequeño pero legible */
    color: #757575;    /* Gris suave para no distraer del precio */
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 4px;
    font-weight: 400;
}

/* Ajuste específico para el carrito (Drawer) para que se vea elegante */
.product-drawer__subtotal-value::after {
    font-size: 0.6rem;
    text-align: right;
}
}
#fw-section-hero-0718279e-5b50-4c62-af05-9f039d5d4c04 {

/* Solo aplica en pantallas menores a 768px (Móviles) */
@media screen and (max-width: 767px) {

  /* 1. Configuración del contenedor padre */
  .hero__inner {
    position: relative; /* Necesario para que el hijo se posicione respecto a esto */
    display: flex;      /* Asegura que el contenido se comporte bien */
  }

  /* 2. Posicionar el contenido abajo */
  .hero__content {
    position: absolute; /* Lo saca del flujo normal para pegarlo donde queramos */
    bottom: 0px;       /* Lo coloca a 20px del borde inferior */
    left: 0;
    width: 100%;        /* Ocupa todo el ancho */
    z-index: 2;         /* Asegura que esté por encima de la imagen */
    text-align: center; /* Opcional: centra el texto para que se vea mejor */
  }

  /* 3. Cambiar el color a blanco */
  /* Usamos !important para sobrescribir el "style" que está en tu HTML */
  .hero__heading, 
  .hero__text {
    color: #ffffff !important; 
    text-shadow: 0 2px 5px rgba(0,0,0,0.5); /* Sombra suave para que se lea mejor sobre la imagen */
  }
}
}
#fw-section-featured-collection-d7f90cbe-86f7-43dc-858e-4c836591ca52 {

/* Añade el aviso debajo de los precios en todas las secciones */
.featured-product-info__price--original::after, 
.tile__price--original::after, 
.inline-image__price--original::after,
.product-drawer__subtotal-value::after {
    content: "Excl. VAT. Calculated at checkout";
    display: block;
    font-size: 0.65rem; /* Tamaño pequeño pero legible */
    color: #757575;    /* Gris suave para no distraer del precio */
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 4px;
    font-weight: 400;
}

/* Ajuste específico para el carrito (Drawer) para que se vea elegante */
.product-drawer__subtotal-value::after {
    font-size: 0.6rem;
    text-align: right;
}
}
#fw-section-hero-753d42a8-d0f0-4305-8880-9121cbcf7d96 {

/* Solo aplica en pantallas menores a 768px (Móviles) */
@media screen and (max-width: 767px) {

  /* 1. Configuración del contenedor padre */
  .hero__inner {
    position: relative; /* Necesario para que el hijo se posicione respecto a esto */
    display: flex;      /* Asegura que el contenido se comporte bien */
  }

  /* 2. Posicionar el contenido abajo */
  .hero__content {
    position: absolute; /* Lo saca del flujo normal para pegarlo donde queramos */
    bottom: 0px;       /* Lo coloca a 20px del borde inferior */
    left: 0;
    width: 100%;        /* Ocupa todo el ancho */
    z-index: 2;         /* Asegura que esté por encima de la imagen */
    text-align: center; /* Opcional: centra el texto para que se vea mejor */
  }

  /* 3. Cambiar el color a blanco */
  /* Usamos !important para sobrescribir el "style" que está en tu HTML */
  .hero__heading, 
  .hero__text {
    color: #ffffff !important; 
    text-shadow: 0 2px 5px rgba(0,0,0,0.5); /* Sombra suave para que se lea mejor sobre la imagen */
  }
}
}
#fw-section-featured-collection-4a74d542-3372-49df-9410-b21914de972c {

/* Añade el aviso debajo de los precios en todas las secciones */
.featured-product-info__price--original::after, 
.tile__price--original::after, 
.inline-image__price--original::after,
.product-drawer__subtotal-value::after {
    content: "Excl. VAT. Calculated at checkout";
    display: block;
    font-size: 0.65rem; /* Tamaño pequeño pero legible */
    color: #757575;    /* Gris suave para no distraer del precio */
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 4px;
    font-weight: 400;
}

/* Ajuste específico para el carrito (Drawer) para que se vea elegante */
.product-drawer__subtotal-value::after {
    font-size: 0.6rem;
    text-align: right;
}
}

#fw-section-featured-collection-70a9be1e-0c3c-4b58-acd8-57f177dd3e6a {

/* Añade el aviso debajo de los precios en todas las secciones */
.featured-product-info__price--original::after, 
.tile__price--original::after, 
.inline-image__price--original::after,
.product-drawer__subtotal-value::after {
    content: "Excl. VAT. Calculated at checkout";
    display: block;
    font-size: 0.65rem; /* Tamaño pequeño pero legible */
    color: #757575;    /* Gris suave para no distraer del precio */
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 4px;
    font-weight: 400;
}

/* Ajuste específico para el carrito (Drawer) para que se vea elegante */
.product-drawer__subtotal-value::after {
    font-size: 0.6rem;
    text-align: right;
}
}
#fw-section-image-with-text-e4642675-d3aa-4e97-930c-3620f1291035 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #2d2d2d;
--color-on-background-rgb: 45, 45, 45;
--color-product-image-background: #2d2d2d;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
/* 1. Ocultar "Powered by Fourthwall" manteniendo el copyright */
.footer__powered-by {
    display: none !important;
}

/* 2. Efecto de recorte y zoom para la imagen (2752x1536) */
.image-with-text__image {
    width: 100% !important;
    /* Ajusta esta altura (ej. 600px o 700px) para que la imagen se vea 
       tan grande como desees en el espacio */
    height: 650px !important; 
    object-fit: cover !important; /* Llena el espacio y recorta los sobrantes */
    object-position: center !important; /* Centra el recorte para no perder el foco */
}

/* Ajuste opcional para móviles para que no quede demasiado alta */
@media (max-width: 767px) {
    .image-with-text__image {
        height: 400px !important;
    }
}

/* Evitar que el botón de Añadir al Carrito se vuelva cuadrado o el texto se ponga en vertical */
.button[data-cart-widget="add-to-cart"],
.product-form__submit {
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: max-content !important; /* Asegura que el botón sea al menos tan ancho como el texto */
}
}

#fw-section-footer {

/* Oculta el mensaje de Fourthwall sin afectar el copyright */
.footer__powered-by {
    display: none !important;
}
}

#fw-section-header {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #303030;
--color-on-background-rgb: 48, 48, 48;
--color-product-image-background: #303030;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
/* Asegura la cuadrícula base de 3 columnas */
.grid--layout-3-cols {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important; /* Espacio entre los items */
  padding: 0 10px !important;
}

/* Habilitar la perspectiva 3D para la interacción */
.grid--waffle {
  perspective: 1500px !important; /* Añade profundidad al contenedor */
}
}


#fw-section-product-product-default {

/* Añadir aviso de IVA debajo de los precios en toda la web */
.product-info__price--original::after, 
.tile__price--original::after, 
.inline-image__price--original::after,
.product-drawer__subtotal-value::after {
    content: "Excl. VAT. Calculated at checkout"; 
    display: block;
    font-size: 10px;         /* Tamaño fino y elegante */
    color: #888888;         /* Gris medio */
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 5px;
    font-weight: 400;
}

/* Ajuste específico para que el texto no se vea demasiado grande en móviles */
@media (max-width: 768px) {
    .product-info__price--original::after,
    .tile__price--original::after,
    .inline-image__price--original::after,
    .product-drawer__subtotal-value::after {
        font-size: 9px;
    }
}
}
#fw-section-product-recommendations-product-default {

/* Añadir aviso de IVA debajo de los precios */
.featured-product-info__price--original::after, 
.tile__price--original::after, 
.inline-image__price--original::after,
.product-drawer__subtotal-value::after {
    /* Puedes cambiar el texto entre comillas por tu preferido */
    content: "Excl. VAT. Calculated at checkout"; 
    display: block;
    font-size: 10px;         /* Tamaño muy fino y elegante */
    color: #888888;         /* Gris medio */
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 5px;
    font-weight: 400;
}

/* Ajuste para que en móviles no se amontone */
@media (max-width: 768px) {
    .tile__price--original::after {
        font-size: 9px;
    }
}
}










#fw-section-password {

/* Ocultar el pie de página de Fourthwall */
.password__powered-by {
    display: none !important;
}
}