/** Shopify CDN: Minification failed

Line 148:0 Unexpected "{"
Line 148:1 Expected identifier but found "%"
Line 148:32 Expected identifier but found "%"
Line 524:0 Unexpected "}"
Line 687:0 Comments in CSS use "/* ... */" instead of "//"
Line 1112:0 All "@import" rules must come first

**/
/*

Please add any custom CSS code in here, it will be easier to transfer if updating themes.

We highly recommend labelling changes, or App installs, so these can also be updated or removed as needed.

*/

.page-new_artisan {
    background: #F5F5F5 !important;
}
.artist_image_block {
    padding: 0 !important;
}

.page-width {
  max-width: 90%;
  margin: 0 auto;
}

.page-width {
  padding-left: 5%;
  padding-right: 5%;

  @include media-query($small) {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.page-width-full
{
    padding-left: 0 !important;
    padding-right: 0 !important;
  
    @include media-query($small) {
    padding-left: 2px;
    padding-right: 2px;
  }
}  
  
.artist_content_block {
    padding: 0 !important;
    margin: 0 !important;
}
.artist_block {
    margin-bottom: 5%;
}
@media screen and (max-width: 589px){
.artist_block {
    margin-bottom: 5% !important;
}
.artist_block_img {
    margin-bottom: 3%;
}
.country_content_wrapper {
    padding: 1% 15px !important;
}
.new_arrial_title h4, .new_arrial_title .h4 {
    margin-bottom: 0px !important;
}  
.country_content_wrapper .h2 {
    font-size: 15px !important;
    margin: 2% 0 !important;
}
.template-page p {
    font-size: 12px !important;
}
.collapsible3 {
    font-size: 12px !important;
}

.story-content-wrapper {
    font-size: 13px;
}
  
  
.artisan_employees {
    height: 130px !important;
    padding: 5px !important;
} 
.mob-mt-30
{
  margin-top: 30px;
}  
}

.new_arrial_heading {
    margin-bottom: 0 !important;
}

.artist_block {
    background: #F5F5F5;
    padding: 2%;
}

.artist_block {
    margin-bottom: 5%;
}
.artist_block_img {
    width: 100%;
}

@media screen and (min-width: 769px){
.artist_content_block {
    padding-left: 12px !important;
}
.artisan_main_Content {
    margin: 2em 0px 1em;
}  
}
@media screen and (max-width: 991px){
.artist_image_block, .artist_content_block, .artisan_main_Content .grid-item-50  {
    width: 100% !important;
}
blockquote:not(.product-testimonial__blockquote) {
  margin: 0 !important;
  border: 0 !important;
  padding: 0 0px !important;
}
.artisan_main_Content {
    margin: 2em 0px 1em;
}  
}

.country_content_wrapper {
    background: white;
    padding: 2% 4%;
}
.country_content_wrapper .h2 {
    margin-bottom: 15px;
}
.template-page p {
    font-size: 12px;
    color: #3D4246;
}

{% comment %} COLLAPISBLE TABS {% endcomment %}


.collapsible3 {
  background-color: transparent;
  letter-spacing: 1.6px;
  font-weight: 700!important;  
  cursor: pointer;
  padding: 10px 0;
  width: 100%;
  border: none;
  border-bottom: 1px solid #dcdcdc;
  text-transform: uppercase;
  text-align: left;
  outline: none;
  font-size: 12px;
}

.active3, .collapsible3:hover {
  background-color: transparent;
}

.collapsible3:after {
    background-image: url(/cdn/shop/files/Mesa_de_trabajo_21-removebg-preview.png?v=1665857893);
    height: 16px;
    width: 21px!important;
    content: " ";
    background-size: contain;
    background-repeat: no-repeat!important;  
    float: right;
    margin-left: 5px;
}

.active3:after {
     background-image: url(/cdn/shop/files/Mesa_de_trabajo_20-removebg-preview.png?v=1665857915);
    height: 16px;
    width: 21px!important;
    content: " ";
    background-size: contain;
    background-repeat: no-repeat !important;
}

.content3 {
  padding: 10px 0 0 0;
  max-height: 0;
  font-size: 12px;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: transparent;
}

.pro_item {
    color: #3D4246;
}

.artisan_page_content {
    font-size: 12px;
    text-align: justify;
}

.artisan_page_content {
    line-height: 30px !important;
}

.artisan-info {
    text-align: center;
}

.artisan_quote {
    color: #373737;
    text-transform: uppercase;  
    line-height: 1.7em;
    text-align: center;
}

.artisan_name {
    text-align: center;
    text-transform: uppercase;
    color: #353535;
    font-weight: 500;
    font-size: 12px;
    margin: 6px auto;
    font-style: italic;
}

.artisan_page_heading {
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 1em;
}

.artisan_stats {
    margin-top: 1em;
    display: flex;
    align-items: center;
    align-content: space-between;
}

.artisan_employees {
    text-align: center;
    height: 140px;
    margin: 0 10px;
    background: white;
    width: 50%;
    padding: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.employee_number {
    font-size: 15px;
}

.large_number {
    font-size: 30px;
}
blockquote:not(.product-testimonial__blockquote) {
    border: 0 !important;
    font-size: 0.9em;
    font-style: normal;
    text-align: center;
    padding: 0 60px;
    margin: 0;
}

div#shopify-section-by-artisan {
    margin: 2% 0 4% 0 !important;
}

/******************************************** CSS FOR OTHER PAGES ******************************************/

.button, .button:before, .shopify-payment-button__button, .shopify-payment-button__button:before
{
   border-radius: 5px !important;
}

.hero-video--button .button {
    border-bottom: 1px solid white !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    min-height: auto !important;
    width: auto !important;
    min-width: auto !important;
}

.hero-video--button .button span
{
  color: white !important;
}

.hero-video--button .button:before
{
  background-color: transparent !important;
}

.index-features-block-button, .image-with-text-overlay__btn {
    border-bottom: 1px solid white !important;
    padding: 0 !important;
    border-radius: 0 !important;  
    background: transparent !important;
    min-height: auto !important;
    width: auto !important;
    min-width: auto !important;
}

.index-features-block-button:before, .image-with-text-overlay__btn:before
{
  display: none !important;
}

.collection_list_btn {
    background-color: #303030 !important;
    border-radius: 5px;
}
.collection_list_btn:before {
    display: none !important;
}
.rich-text-button {
    background-color: #cc5500 !important;
  border-radius: 5px;
}

.rich-text-button:before
{
  display: none !important;  
}
.limited_edition_tab-wrapper {
    margin-top: 15px;
}
.limited_edition_tab-wrapper .collapsible3 {
    color: inherit;
}
.story-content-wrapper {
    padding-bottom: 20px;
}
.story_tab-wrapper {
    margin-bottom: 0em;
}
.story-table-wrapper {
    margin: 0;
}

.tc-product__details {
    padding: 0;
}
.tc-product__details {
    margin: 0 !important;
}

.tc-product__detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    border-bottom: 1px solid #dcdcdc;
    padding: 10px 0;
    font-size: 12px;
    margin: 0;
}
.tc-product__detail .tc-product__label {
    width: 30%;
    margin-bottom: 0;
}
.tc-subheader {
    font-weight: bold;
    text-transform: uppercase;
}
.tc-product__detail .tc-product__description {
    padding-left: 10px;
    width: 70%;
}
.Product-Desc-Container {
    background: #ffffff !important;
    padding: 1px 20px !important;
}

@media (min-width: 769px){
.product-page-wrapper .product-section {
    max-width: 35% !important;
}  
}
a
{
color: inherit;  
}

.footer-bottom-wrapper {
    text-align: center;
}

@media screen and (min-width: 590px){
.footer-bottom-wrapper {
    padding: 60px 0 60px 0 !important;
    text-align: center;
    border-top: 1px solid #333;
}    
}

@media screen and (max-width: 589px){
.footer-bottom-wrapper {
    padding: 30px 0 30px 0 !important;
    text-align: center;
    border-top: 1px solid #333;
}
.footer-bottom-image {
   max-height: 90px !important;
}}  
.site-footer__copyright-content a {
    color: #fff;
}
.site-footer__copyright-content {
    font-size: 13px !important;
}

.site-footer__copyright--bottom {
    background: #333;
    color: white;
    text-align: center;
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 35px;
    margin: 0;
}
.footer-copyright {
    display: none !important;
}
.footer-bottom-wrapper .footer-bottom-image {
    max-height: 114px;
}
.index-navigation-list__wrapper__list__link a:hover, .index-navigation-list__wrapper__list__link a:active, .index-navigation-list__wrapper__list__link a:focus {
    color: inherit !important;
    background: transparent !important;
}
.index-rich-text__text a {
    color: inherit !important;
}
.shopify-payment-button__button {
    font-family: 'Montserrat' !important;
    font-weight: bold;
    text-transform: uppercase;
}
.notification-bar__message p {
    color: white;
}
.size_guide_link_pro {
    color: inherit !important;
}
.rte a {
    border: none !important;
}
.artisan_quote {
    font-style: italic !important;
}
.image-with-text--content a {
    text-decoration: underline !important;
}
.image-with-text--content a:hover, .pro-2-btn:hover
{
  color: inherit !important;
}/* Botón transparente - Traces of the World page */
.rich-text-button.button {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.rich-text-button.button .button-text {
  color: #000000 !important;
}
/* Botón transparente con texto negro - sección Rich Text traces-of-the-world */
#shopify-section-template--27786374938805__index_rich_text_fCBgzi .btn,
#shopify-section-template--27786374938805__index_rich_text_fCBgzi .button {
  background-color: transparent !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}

#shopify-section-template--27786374938805__index_rich_text_fCBgzi .btn:hover,
#shopify-section-template--27786374938805__index_rich_text_fCBgzi .button:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}
/* Espaciado entre secciones - homepage */
.index-section {
  padding-top: 60px;
  padding-bottom: 60px;
}.blog-category-grid__heading {
font-size: 2rem !important;
}
footer,
footer .footer-wrapper,
footer .grid__wrapper,
footer .wrapper,
footer .footer__inner,
footer .site-footer,
footer .site-footer__inner,
footer section,
.shopify-section--footer {
  background-color: transparent !important;
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  padding-top: 30px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: center !important;
  border-top: 1px solid #000000 !important;
}
}
/* Our Fibres - limitar altura imágenes */
.image-with-text__image img,
.image-with-text img {
  max-height: 750px;
  object-fit: cover;
  width: 100%;
}
.site-footer {
.footer-bottom__inner {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

}
/* === MÓVIL: Ajustes sección Features === */
@media screen and (max-width: 768px) {

  /* Imagen más grande en elementos de características */
  #shopify-section-template--27896063197365__index_features_aMi7Jt .feature-row__image,
  #shopify-section-template--27896063197365__index_features_aMi7Jt img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* Título más pequeño en móvil */
  #shopify-section-template--27896063197365__index_features_aMi7Jt h2,
  #shopify-section-template--27896063197365__index_features_aMi7Jt .section-header__title {
    font-size: 1.4rem !important;
  }

}
/* ============================================
   MÓVIL: Ajustes homepage — Traces of the World
   ============================================ */
/* ============================================
   MÓVIL: Traces of the World — BLOQUE ÚNICO
   ============================================ */
@media screen and (max-width: 768px) {

  /* 1. TÍTULOS */
  h1, h2, h3,
  .section-header__title,
  .hero__title,
  .rich-text__heading {
    font-size: 1.4rem !important;
    line-height: 1.3 !important;
  }

  /* 2. VIDEO HERO */
  #shopify-section-template--27896063197365__video_hero_7xeTHy .hero-video--wrapper,
  #shopify-section-template--27896063197365__video_hero_7xeTHy .mobile-height-550 {
    min-height: 50vh !important;
    max-height: 50vh !important;
    height: 50vh !important;
    overflow: hidden !important;
  }
  #shopify-section-template--27896063197365__video_hero_7xeTHy .hero-video--media,
  #shopify-section-template--27896063197365__video_hero_7xeTHy video {
    min-height: 50vh !important;
    max-height: 50vh !important;
    height: 50vh !important;
    width: 100% !important;
    object-fit: cover !important;
  }

  /* 3. TEXTO INTRO — sin espacio */
  #shopify-section-template--27896063197365__index_rich_text_TyKCcq {
    padding-top: 12px !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 4. SLIDESHOW ExDyEw — ocultar */
  #shopify-section-template--27896063197365__index_slideshow_ExDyEw {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  /* 5. COLECCIONES DESTACADAS — sin espacio */
  #shopify-section-template--27896063197365__index_featured_collection_PpVcqx {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  #shopify-section-template--27896063197365__index_featured_collection_PpVcqx .grid-product__image-wrap,
  #shopify-section-template--27896063197365__index_featured_collection_PpVcqx .grid-product__image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  #shopify-section-template--27896063197365__index_featured_collection_PpVcqx .grid__item {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* 6. PRODUCTOS EN 1 COLUMNA */
  .featured-collection-grid.products-per-row-2 {
    display: flex !important;
    flex-direction: column !important;
  }
  .featured-collection-grid.products-per-row-2 .grid-item-50 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* 7. VIDEO CON TEXTO (MODELO) */
  #shopify-section-template--27896063197365__homepage_video_with_text_MYW9wq {
    margin-top: 0 !important;
    padding-top: 0 !important;
    height: auto !important;
    min-height: unset !important;
  }
  #shopify-section-template--27896063197365__homepage_video_with_text_MYW9wq .homepage-image-with-text {
  max-height: 50vh !important;
  height: 50vh !important;
  overflow: hidden !important;
}

  #shopify-section-template--27896063197365__homepage_video_with_text_MYW9wq video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

}
/* 8. FUENTE TITULO BLOG "OF THE WORLD" */
.blog-category-grid__heading {
  font-family: var(--font-heading-family) !important;
  font-weight: 400 !important;
  font-size: 2rem !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
/* Accordion summary - sin negrita, fuente del cuerpo */
.accordion-wrapper summary {
  font-weight: var(--font-body-weight) !important;
  font-family: var(--font-body-family) !important;
}
.accordion-with-image-container {
  background-color: transparent !important;
}
.accordion-wrapper summary {
  font-weight: var(--font-body-weight) !important;
  font-family: var(--font-body-family) !important;
}
/* Fondo transparente del bloque acordeón */
.accordion-with-image-container {
  background-color: transparent !important;
}

/* Títulos sin negrita, fuente del cuerpo */
.accordion-wrapper summary {
  font-weight: var(--font-body-weight) !important;
  font-family: var(--font-body-family) !important;
}
// Abrir primer collapsible3 (STORY) por defecto
document.addEventListener('DOMContentLoaded', function() {
  var firstCollapsible = document.querySelector('.collapsible3');
  if (firstCollapsible) {
    firstCollapsible.classList.add('active3');
    var content = firstCollapsible.nextElementSibling;
    if (content) content.style.display = 'block';
  }
});
/* STORY abierto por defecto */
.story_tab-wrapper .content3 {
  display: block !important;
  max-height: none !important;
}
/* Títulos metafields - finos, sin negrita */
.collapsible3,
.accordion-wrapper summary,
.accordion-wrapper .accordion__header,
.limited_edition_tab-wrapper .collapsible3 {
  font-weight: 300 !important;
  letter-spacing: 0.08em;
  font-size: 12px !important;
}

/* Fondo transparente metafields */
.limited_edition_tab-wrapper,
.story_tab-wrapper,
.collapsible_block {
  background-color: transparent !important;
}
/* THE WORLD - 4 bloques full-width apilados */
.promotional-grid .grid {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.promotional-grid .grid__item {
  width: 100% !important;
  max-width: 100% !important;
}

.promotional-grid .department-image {
  height: 100vh;
}
/* Fondo igual que la página */
.accordion-with-image-container,
.limited_edition_tab-wrapper,
.story_tab-wrapper,
.collapsible_block,
.product-accordion-with-image {
  background-color: var(--color-background) !important;
}
/* Fondo igual que la página */
.accordion-with-image-container {
  background-color: #F7F6F2 !important;
}
/* Fondo sección metafields */
.accordion-with-image-container,
.limited_edition_tab-wrapper,
.story_tab-wrapper,
.collapsible_block,
.Product-Desc-Container {
  background-color: #F7F6F2 !important;
}

/* Títulos metafields - finos */
.collapsible3 {
  font-weight: 300 !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
}
/* Títulos metafields - sin negrita */
.tc-product__label,
.tc-subheader {
  font-weight: 300 !important;
  letter-spacing: 0.1em !important;
}
/* Alinear bloque metafields con la descripción */
.Product-Desc-Container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Botón Add to Cart - transparente con línea fina */
.btn--add-to-cart,
.product-form__cart-submit {
  background-color: transparent !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
  box-shadow: none !important;
}

.btn--add-to-cart:hover,
.product-form__cart-submit:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}
/* Botón Add to Cart - transparente con línea fina */
.button.button-secondary {
  background-color: transparent !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
  box-shadow: none !important;
}

.button.button-secondary:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}
/* Ocultar Buy with Shop Pay */
.shopify-payment-button {
  display: none !important;
}
/* Ocultar STORY y LIMITED EDITION ITEM */
.story_tab-wrapper,
.limited_edition_tab-wrapper {
  display: none !important;
}
/* Product recommendations - Noriha style */
.product-recommendations-noriha {
  padding: 60px 0;
}

.product-recommendations-noriha__title {
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.product-recommendations-noriha__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}

@media (max-width: 768px) {
  .product-recommendations-noriha__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* MOBILE - Títulos más grandes: THE FIBRE y FROM FIBRE TO FORM */
@media (max-width: 768px) {
  .index-features .feature-item__title {
    font-size: 2rem !important;
  }

  .image-with-text-overlay__title {
    font-size: 2rem !important;
  }
}
/* FROM FIBRE TO FORM = mismo estilo que THE FIBRE */
h2.image-with-text-overlay_title {
  font-size: 20px !important;
  font-weight: 300 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
}
/* Sobrescribir font-size de FROM FIBRE TO FORM */
.image-with-text-overlay__inner h2.image-with-text-overlay_title {
  font-size: 20px !important;
  font-weight: 300 !important;
  letter-spacing: 0.25em !important;
  line-height: 1.2 !important;
}
/* Ocultar "by Traces" en tarjetas de producto */
.product-type-vendor {
  display: none !important;
}
/* TOW — Collection: edge-to-edge + portrait ratio + cactus banner */

/* 3 columnas portrait */
@media screen and (min-width: 750px) {
  .product-item.grid-item-33,
  .product-item.grid-item-25,
  .product-item.grid-item-20 {
    width: 33.333% !important;
    padding: 2px !important;
  }
}

.product-item__image-wrapper {
  aspect-ratio: 3 / 4 !important;
  overflow: hidden;
}

.product-item__image-wrapper img,
.product-item__image-wrapper .product-item-image {
  object-fit: cover;
  object-position: top center;
  width: 100%;
  height: 100%;
}

/* Edge-to-edge grid */
.index-wrapper,
.main-content,
.collection-main-wrapper,
.collection-wrapper,
.collection-main.grid {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.collection.grid {
  gap: 4px !important;
  margin: 0 !important;
}

.collection .product-item {
  padding: 2px !important;
}

/* Cactus banner */
.editorial-image-break {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.editorial-image-break img {
  width: 100% !important;
  height: 35vw !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}
/* TOW — Override page-width padding on collection pages only */
body.template-collection .page-width,
body.template-collection .index-wrapper,
body.template-collection .main-content {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* TOW — Nuclear padding reset collection */
.index-wrapper *,
.collection-wrapper *,
.collection-main-wrapper * {
  box-sizing: border-box !important;
}

.index-wrapper {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100vw !important;
}

.collection-wrapper {
  padding: 0 !important;
  margin: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.index-rich-text {
  padding-top: 40px;
  padding-bottom: 15px;
}
.breadcrumb-back,
.breadcrumb-trail {
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 20px 40px;
  color: #888;
}
.breadcrumb-back a,
.breadcrumb-trail a {
  color: #888;
  text-decoration: none;
}
.breadcrumb-back a:hover,
.breadcrumb-trail a:hover {
  color: #000;
}
.breadcrumb-trail span {
  color: #bbb;
}
.breadcrumb-trail {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 11px !important;
  color: #888 !important;
  padding: 20px 40px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
.breadcrumb-trail a {
  color: #888 !important;
  text-decoration: none !important;
}
#shopify-section-template--27919539863733__homepage_video_with_text_MYW9wq {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.homepage-image-with-text--image-middle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#shopify-section-template--27919539863733__homepage_video_with_text_MYW9wq .homepage-image-with-text--image.grid-item-50 {
  width: 50% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

#shopify-section-template--27919539863733__homepage_video_with_text_MYW9wq .featured-content--wrapper {
  overflow: hidden !important;
  padding: 0 !important;
}
/* Fibre slide hover panel */
.slideshow-item-image {
  position: relative;
  overflow: hidden;
}

.slide-hover-panel {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 10;
  padding: 2rem;
}

.slideshow-item-image:hover .slide-hover-panel {
  opacity: 1;
}


.slide-hover-panel__content {
  color: #ffffff;
  text-align: center;
  max-width: 600px;
  font-size: 1rem;
  line-height: 1.6;
}
/* Homepage — reducir espacio entre slideshow y texto principal */
#shopify-section-template--27919539863733__index_rich_text_TyKCcq {
  padding-top: 20px !important;
  margin-top: 0 !important;
}

@media screen and (max-width: 768px) {
  #shopify-section-template--27919539863733__index_rich_text_TyKCcq {
    padding-top: 15px !important;
    margin-top: 0 !important;
  }
}
#shopify-section-template--27919539863733__homepage_video_with_text_MYW9wq .featured-content--wrapper {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Fibre modal */
.fibre-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}
.fibre-modal.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fibre-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
}
.fibre-modal__box {
  position: relative;
  background: #fff;
  max-width: 560px;
  width: 90%;
  padding: 2.5rem;
  z-index: 1;
}
.fibre-modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
}
.fibre-modal__content {
  font-size: 1rem;
  line-height: 1.7;
  color: #333;
}
footer,
footer *,
footer a,
footer a:hover,
footer h1, footer h2, footer h3, footer h4,
footer p, footer li, footer span, footer label {
  color: #707070 !important;
}
/* =============================================
   LUXURY HEADER — Traces of the World
   ============================================= */

/* Jost font */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400&display=swap');

/* Base header */
.header-wrapper,
.header {
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.75rem;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  transition: color 0.4s ease, background 0.4s ease;
}

/* Logo left, nav inline */
.header__heading {
  order: 0;
}
.header__inline-menu {
  order: 1;
}
.header__icons {
  order: 2;
  margin-left: auto;
}

/* White text over dark/hero */
.header-wrapper--border-bottom,
.shopify-section-group-header-group .header-wrapper {
  --color-foreground: 255, 255, 255;
  color: rgb(255, 255, 255);
}

/* Auto-switch to black when scrolled / over light bg */
.header-wrapper.scrolled,
.header-wrapper--light {
  --color-foreground: 0, 0, 0;
  color: rgb(0, 0, 0);
  background: rgba(255,255,255,0.95) !important;
}

/* Transparent mega menu — aggressive override */
.header__submenu,
.header__submenu.global-settings-popup,
.mega-menu,
.mega-menu__content,
.header__menu-item .header__submenu,
details[open] > .header__submenu,
.header__active-menu-item ~ .header__submenu {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-top: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Remove white panel from dropdown */
.header--fw,
.header:not(.header--logo-center) .header-logo,
[class*="navigation-logo-overlay"] {
  background: transparent !important;
  background-color: transparent !important;
}

.header__inline-menu .header__menu-item details[open] > summary ~ ul,
.header__inline-menu details[open] > .header__submenu,
[class*="overlay--enabled"] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
/* Remove background from AI gen blocks in header area */
[class*="ai_gen_block"] {
  background: transparent !important;
  background-color: transparent !important;
}

/* Override shopify editor template variables */
.header__submenu,
.header__submenu *,
details[open] .header__submenu {
  --cta_background: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
}
/* Nuclear option — transparent dropdown */
header ul,
header nav ul,
.header__submenu,
.list-menu,
.header__menu-item > ul,
details[open] > ul,
details[open] > .header__submenu {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-top: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
/* Force logo and nav inline on same line */

.header__heading {
  display: flex;
  align-items: center;
}

.header > .header__heading,
.header > .header__inline-menu {
  display: inline-flex !important;
  align-items: center !important;
}

.header {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

.header__heading {
  flex: 0 0 auto !important;
  margin-right: 2rem !important;
}

.header__inline-menu {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
}


/* Keep nav text white on hover — homepage hero */
.header__menu-item a:hover,
.header__menu-item summary:hover,
.header__menu-item a:focus,
.header__menu-item summary:focus,
.header__active-menu-item {
  color: white !important;
  opacity: 0.75 !important; /* subtle hover effect instead of color change */
}
/* White nav only on homepage hero */
body.template-index .header__menu-item > a,
body.template-index .header__menu-item > summary {
  color: white !important;
}
/* Prevent logo from turning black on hover */
.header__logo img:hover,
.header__logo a:hover img,
.header__logo:hover img {
  filter: none !important;
  opacity: 1 !important;
}
.header__icon--search { display: none; }
.header__icon--search,
.header__search-modal,
.search-modal__toggle { display: none; }
.header-search-form-wrapper { display: none; }
.header { padding-top: 0 !important; padding-bottom: 0 !important; }
.header { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; min-height: 0 !important; }
.header__heading { margin: 0 !important; padding: 0 !important; }
.header { padding-top: 2px !important; padding-bottom: 2px !important; min-height: 0 !important; }
.header__heading a:hover img,
.header__heading a:focus img { filter: none !important; opacity: 1 !important; }
.main-header-is-fullblend .header-overlay-logo--enabled .header-overlay-logo--original {
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
}
.main-header.is-fullbleed .header-logo-original { display: none !important; }
.main-header.is-fullbleed .header-logo-fullbleed { display: block !important; opacity: 1 !important; }
.site-nav__dropdown a,
.site-nav__dropdown .site-nav__link {
  color: #ffffff !important;
}
.site-header:hover .header-logo img,
.site-header--sticky .header-logo img {
  filter: none !important;
  /* o si usa un logo alternativo: */
}
/* Texto blanco en desplegable */
.navigation-dropdown-simple a {
  color: #ffffff !important;
}

/* Fix logo hover effect */
.site-header__logo img:hover,
.site-header__logo a:hover img,
header .logo img:hover {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}
.footer-bottom {
  border-top: none !important;
}
/* Header top right - text instead of icons, Jost Thin */
.site-header__icons .site-header__search,
.site-header__icons .site-header__search-toggle {
  display: none !important;
}

.site-header__icons .site-header__cart-toggle span,
.site-header__icons .site-header__account span {
  display: none !important;
}

.site-header__icons .site-header__cart-toggle::after {
  content: "Cart";
  font-family: 'Jost', sans-serif;
  font-weight: 100;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: none;
}

.site-header__icons .site-header__account::after {
  content: "Log in";
  font-family: 'Jost', sans-serif;
  font-weight: 100;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: none;
}

/* Fix logo hover */
.site-header__logo img:hover,
.site-header__logo a:hover img {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}
/* Header text links - Jost Thin */
li.header-cart a,
li.header-account a {
  font-family: 'Jost', sans-serif;
  font-weight: 100;
  font-size: 11px;
  letter-spacing: 0.1em;
}
.header--top:hover,
.site-header:hover {
  padding-top: unset !important;
  padding-bottom: unset !important;
}
/* Sticky header */
.site-header {
  position: sticky !important;
  top: 0;
  z-index: 1000;
}
/* ================================
   TRACES OF THE WORLD - CUSTOM CSS
   ================================ */

/* 1. Sticky header */
.site-header {
  position: sticky !important;
  top: 0;
  z-index: 1000;
}

/* 2. Fix logo hover */
.site-header__logo img:hover,
.site-header__logo a:hover img,
.site-header .logo img:hover {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

/* 3. Header top right - Cart & Login en Jost Thin */
li.header-cart a,
li.header-account a {
  font-family: 'Jost', sans-serif;
  font-weight: 100;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: none;
}

.header--top:hover,
.site-header:hover {
  padding-top: unset !important;
  padding-bottom: unset !important;
}

 /* =============================================
   NAVEGACIÓN → COLORES POR CONTEXTO
   ============================================= */

/* TODAS las páginas → negro por defecto */
.main-header .navigation-list-item a,
.main-header .header--font,
.main-header a.header--font,
.main-header .navigation-dropdown-simple a {
  color: #000000 !important;
}

/* Homepage (body con clase específica) → blanco */
.template-index .main-header .navigation-list-item a,
.template-index .main-header .header--font,
.template-index .main-header a.header--font,
.template-index .main-header .navigation-dropdown-simple a {
  color: #ffffff !important;
}
/* Dropdown / submenu menu font size */
.site-nav__dropdown a,
.site-nav__dropdown-link {
  font-size: 12px; /* adjust to taste */
}
/* Dropdown submenu - smaller font */
.main-navigation .site-nav__dropdown a,
.main-navigation .site-nav__dropdown-link,
.header__submenu a,
.header__submenu summary {
  font-size: 11px !important;
  letter-spacing: 0.1em;
}
/* Logo + nav inline on the same row */
.header {
  flex-wrap: nowrap !important;
  align-items: center !important;
}

.header-logo {
  flex: 0 0 auto !important;
  padding-right: 30px !important;
}

.main-navigation-wrapper {
  flex: 0 0 auto !important;
  order: 2 !important;
}



/* Menú principal - letra más pequeña */
.navigation-list-item > a,
.main-navigation .navigation-list-item > a {
  font-size: 11px !important;
}
/* Force AOS init on homepage */
body.template-index [data-aos] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
/* Fix scrollWidth error - ensure nav has width */
.header__inline-menu,
.site-nav,
.main-navigation {
  min-width: 1px !important;
  overflow: visible !important;
}
/* Force AOS visible - bypass JS init */
[data-aos] {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

/* Block LayoutHub script damage */
[data-aos] {
  opacity: 1 !important;
  transform: translateZ(0) !important;
  transition: none !important;
  visibility: visible !important;
}
/* Force hero video visible */
.hero-video--wrapper,
.homepage-sections-wrapper,
[data-aos="fade-up"],
[data-section-type="home"] [data-aos] {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}
/* Ocultar logo fullbleed en páginas interiores */
body:not(.template-index) .header-logo-fullbleed {
  display: none !important;
}
/* Fix logo en páginas interiores - override dark-mode filter */
body:not(.template-index) .ai-transparent-header-ar3dsqvhbtm1bwglnmaigenblock43d956dlk8k86.dark-mode 
.ai-transparent-header__logo-ar3dsqvhbtm1bwglnmaigenblock43d956dlk8k86 img {
  filter: brightness(1) invert(0) !important;
}
body:not(.template-index) .ai-transparent-header-ar3dsqvhbtm1bwglnmaigenblock43d956dlk8k86 img {
  filter: brightness(1) invert(0) !important;
}

h2[data-header-logo] {
  min-height: 65px;
}
.header-wrapper .header {
  padding-left: 5rem;
  padding-right: 5rem;
}
.main-header .header {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}
.ai-transparent-header-ar3dsqvhbtm1bwglnmaigenblock43d956dlk8k86:hover {
  background-color: transparent !important;
}
.header-wrapper:hover,
.header--full-width:hover {
  background-color: transparent !important;
}
.template-index .header-wrapper {
  --background-color: transparent;
}
.header-wrapper:has(.ai-transparent-header__nav-link-ar3dsqvhbtm1bwglnmaigenblock43d956dlk8k86),
.header-wrapper:has(.ai-transparent-header__nav-link-ar3dsqvhbtm1bwglnmaigenblock43d956dlk8k86).light-mode,
.header-wrapper:has(.ai-transparent-header__nav-link-ar3dsqvhbtm1bwglnmaigenblock43d956dlk8k86).dark-mode {
  background: transparent !important;
  background-color: transparent !important;
}

.main-header .site-nav__dropdown {
  background-color: #f7f6f2 !important;
}
/* Fondo blanco sólido en páginas interiores */
body:not(.template-index) .header-wrapper,
body:not(.template-index) .site-header {
  background-color: #ffffff !important;
  --background-color: #ffffff !important;
}

/* Texto oscuro en páginas interiores */
body:not(.template-index) .ai-transparent-header__nav-link-ar3dsqvhbtm1bwglnmaigenblock43d956dlk8k86,
body:not(.template-index) .ai-transparent-header__utility-link-ar3dsqvhbtm1bwglnmaigenblock43d956dlk8k86,
body:not(.template-index) .ai-transparent-header__dropdown-link-ar3dsqvhbtm1bwglnmaigenblock43d956dlk8k86 {
  color: #1a1a1a !important;
}

body:not(.template-index) .ai-transparent-header__logo-ar3dsqvhbtm1bwglnmaigenblock43d956dlk8k86 img {
  filter: brightness(1) invert(0) !important;
}
/* Texto oscuro en páginas interiores - anula dark-mode */
body:not(.template-index) .ai-transparent-header-aly9jcepxudnzde5pvaigenblock43d956dlk8k86.dark-mode .ai-transparent-header__nav-link-aly9jcepxudnzde5pvaigenblock43d956dlk8k86,
body:not(.template-index) .ai-transparent-header-aly9jcepxudnzde5pvaigenblock43d956dlk8k86.dark-mode .ai-transparent-header__utility-link-aly9jcepxudnzde5pvaigenblock43d956dlk8k86,
body:not(.template-index) .ai-transparent-header-aly9jcepxudnzde5pvaigenblock43d956dlk8k86.dark-mode .ai-transparent-header__dropdown-link-aly9jcepxudnzde5pvaigenblock43d956dlk8k86 {
  color: #1a1a1a !important;
}

body:not(.template-index) .ai-transparent-header-aly9jcepxudnzde5pvaigenblock43d956dlk8k86 img {
  filter: brightness(1) invert(0) !important;
}
/* Reducir altura del header en páginas interiores */
body:not(.template-index) .ai-transparent-header-aly9jcepxudnzde5pvaigenblock43d956dlk8k86 {
  background-color: transparent !important;
  --background-color: transparent !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: unset !important;
}

body:not(.template-index) .header-wrapper {
  background-color: transparent !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: unset !important;
}
/* Ocultar header original de Brooklyn en todas las páginas */
.site-header:not([class*="ai-transparent-header"]) {
  display: none !important;
}
header.main-header.is-fullbleed {
  display: none !important;
}
html body header.main-header.is-fullbleed {
  display: none !important;
}
/* Dropdown por encima del contenido */
.ai-transparent-header-aly9jcepxudnzde5pvaigenblock43d956dlk8k86 {
  z-index: 9999 !important;
  position: relative !important;
}
/* Dropdown por encima del contenido de la página */
.ai-transparent-header__dropdown-aly9jcepxudnzde5pvaigenblock43d956dlk8k86 {
  z-index: 99999 !important;
  position: absolute !important;
}
/* Espacio para el header transparente en páginas interiores */
body:not(.template-index) .main-content,
body:not(.template-index) main,
body:not(.template-index) #MainContent {
  padding-top: 80px !important;
}

/* Keep the desktop Home dropdown editorial and unboxed. */
@media screen and (min-width: 750px) {
  [class*="ai-transparent-header__dropdown"],
  [class*="ai-transparent-header__dropdown-content"],
  .main-header .site-nav__dropdown,
  .main-header .navigation-dropdown-simple,
  .main-header .header__submenu,
  .main-header .mega-menu,
  .main-header .mega-menu__content {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

.swatch-label {
  font-size: 12px;
  margin-left: 8px;
  vertical-align: middle;
}
.swatch-value-label {
  display: inline-block;
  font-size: 12px;
  margin-left: 8px;
  vertical-align: middle;
}
.swatch-value-label {
  display: inline-block;
  font-size: 12px;
  margin-left: 8px;
  vertical-align: middle;
}
.swatch-value-label {
  display: inline-block;
  font-size: 12px;
  margin-left: 8px;
  vertical-align: middle;
}
.swatch-value-label {
  display: inline-block;
  font-size: 12px;
  margin-left: 8px;
  vertical-align: middle;
}
.swatch-value-label {
  display: inline-block;
  font-size: 12px;
  margin-left: 8px;
  vertical-align: middle;
}
/* Blog card images - taller */
.index-blog-item--image,
.index-blog-item--image:before {
  padding-bottom: 120% !important;
}

.index-blog-item figure img {
  min-height: 400px !important;
  object-fit: cover !important;
}
/* Future Heritage - mismo ratio que thumbnails del blog */
.traces-about__media {
  aspect-ratio: 3 / 2 !important;
  overflow: hidden;
}

.traces-about__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}






/* TOW mobile type scale — compact editorial headings */
@media screen and (max-width: 768px) {
  h1, h2, h3,
  .section-header__title,
  .hero__title,
  .rich-text__heading,
  .index-features .feature-item__title,
  .image-with-text-overlay__title,
  h2.image-with-text-overlay_title,
  .image-with-text-overlay__inner h2.image-with-text-overlay_title {
    font-size: 16px !important;
    line-height: 1.3 !important;
  }
}
@media screen and (min-width: 750px) {
  body.template-index .tow-home-section.tow-home-gateway .tow-gateway {
    --tow-gateway-rail: clamp(40px, 4vw, 80px);
    width: min(100%, 1760px) !important;
  }

  body.template-index .tow-home-section.tow-home-gateway .tow-gateway__track {
    max-width: 1760px !important;
    padding-inline: var(--tow-gateway-rail) !important;
    scroll-padding-inline: var(--tow-gateway-rail) !important;
  }

  body.template-index .tow-home-section.tow-home-gateway .tow-gateway__header,
  body.template-index .tow-home-section.tow-home-gateway .tow-gateway__footer {
    width: calc(100% - (var(--tow-gateway-rail) * 2)) !important;
    max-width: 1600px !important;
  }

  body.template-index .tow-home-section.tow-home-gateway .tow-gateway__control--previous {
    left: calc((var(--tow-gateway-rail) - 36px) / 2) !important;
  }

  body.template-index .tow-home-section.tow-home-gateway .tow-gateway__control--next {
    right: calc((var(--tow-gateway-rail) - 36px) / 2) !important;
    text-shadow: none !important;
  }
}

@media screen and (min-width: 990px) {
  .traces-article__content {
    max-width: 1060px !important;
    font-size: 14px !important;
    line-height: 1.62 !important;
    column-gap: clamp(28px, 3.5vw, 50px) !important;
  }

  .traces-article__content p {
    margin-bottom: 1.05em !important;
  }

  .traces-article__content :is(li, blockquote) {
    font-size: inherit !important;
    line-height: inherit !important;
  }
}

@media screen and (max-width: 989px) {
  .traces-article__content,
  .traces-article__content p,
  .traces-article__content li {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .traces-article__content p {
    margin-bottom: 1.05em !important;
  }
}