/** Shopify CDN: Minification failed

Line 11:0 All "@import" rules must come first

**/
:root {

    --drawer-transition-timing: cubic-bezier(0.645, 0.045, 0.355, 1);
}

@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: 'Monotype Sabon';
    src: url('/cdn/shop/files/MonotypeSabon.eot');
    src: url('/cdn/shop/files/MonotypeSabon.eot?#iefix') format('embedded-opentype'),
        url('/cdn/shop/files/MonotypeSabon.woff2') format('woff2'),
        url('/cdn/shop/files/MonotypeSabon.woff') format('woff'),
        url('/cdn/shop/files/MonotypeSabon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('/cdn/shop/files/AvenirNextCyr-Regular.eot?v=1761322194');
    src: url('/cdn/shop/files/AvenirNextCyr-Regular.eot?#iefix') format('embedded-opentype'),
        url('/cdn/shop/files/AvenirNextCyr-Regular.woff2?v=1761322195') format('woff2'),
        url('/cdn/shop/files/AvenirNextCyr-Regular.ttf?v=1761322194') format('woff'),
        url('/cdn/shop/files/AvenirNextCyr-Regular.ttf?v=1761322194') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.cart__item__title a,
body {
    font-family: 'Avenir Next Cyr';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}




/*h2:not(.text-products__heading), .h2:not(.text-products__heading){
    font-size: 20px; 
    font-weight: 400;
}*/
p, .p{
    margin: 0 0 1.15em; 
}
h1, .h1, 
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6{
    font-family: 'Monotype Sabon', serif;
}

.radio__legend__value,
.form__wrapper--classic .radio__legend,
.radio__buttons .option-title,
.tab-link , .tab-link span{
    font-family: 'Poppins', sans-serif;
}
/* GENERAL */
/*------------------------------------------------ */
.main-content{
    position: relative;
    /*z-index: 999999;*/
}
.center{
    text-align: center;
    display: block;
}
h2.page__heading.blog__title {
    margin-top: 1.5rem;
}
.Link--underline{
    text-decoration: underline;
}
p{
    line-height: 24px;
}
.hero__content__wrapper{
    display: flex;
}
.is-collection-page h2.hero__title {
    display: block;
    text-align: center;
}
.text-left h2.hero__title{
    text-align: left;
}
[data-scrollable] {
    overflow: auto;
}


.predictive-search__item mark {
    color: #fff;
}
.is-default-page .hero__content{
    width: 100%;
}

/* HEADER  */
/*------------------------------------------------ */
.header__desktop__bar__r.above {
    flex-direction: column;
    text-align: right;
}
.social_r {
    text-align: right;
    display: flex;
    justify-content: end;
    padding-bottom: 10px;
}
.header__desktop__buttons{
    justify-content: end;
}
body .popout-header{
    width: auto;
}
.social_r .socials {
    padding-right: 20px;
}
.header__mobile__button a#swym-inject-header, 
img.popout__flag {
    display: none;
}
a#broadcast-mobile.swym-header-launcher {
    margin: 0 !important;
}
/*announcement-bar.announcement__bar-outer {
    display: flex;
    justify-content: space-between;
    align-items: center;    
}*/
.top-element { 
    flex: 1;
}
.wholesale-top{
    text-align: right;
    font-weight: 500;
}
.wholesale-top a:hover{
    text-decoration: underline;
    
}

body .swym-button-bar .swym-btn-container .swym-add-to-wishlist.swym-icontext:after{
    left: 10px;
}
.swym-header-launcher-icon svg{
    width: 27px;
    height: 27px;
}
.swym-header-launcher-icon svg path{ 
    stroke-width: 1.5px;
}
.header__desktop__bar__r{
    flex-flow: column nowrap;
}
.header__desktop__button.header-localization {    
    margin: 0 0 auto auto;
}

span.swym-header-launcher-badge {
    background: #f8e4d8 !important;
    border-radius: 50%;
    width: 17px;
    min-height: 17px;
    top: 0 !important;
}
span.swym-header-launcher-badge span {
    color: #212121;
    font-size: 10px;
    font-weight: 500; 
}
.navlink__cart__content .icon {
    --icon-size: 27px;
}
.navlink__cart__content .icon svg {
    width: 27px;
    height: 27px;
}

.search-popdown__close,
.search-popdown, 
.search-popdown__main {
    height: 0 !important;
}
.search-popdown__close{
    display: none;
}

input#gl-d-searchbox-input {
    font-family: var(--FONT-STACK-NAV);
    font-style: var(--FONT-STYLE-NAV);
    font-weight: var(--FONT-WEIGHT-NAV-BOLD);
    letter-spacing: var(--LETTER-SPACING-NAV);
    font-size: var(--font-body-medium);
}
.gl-fullscreen-initial-content,
.gl-fullscreen-layer .gl-fullscreen-header{
    background: #fff;
}

.gl-filter-search-fullscreen .gl-fullscreen-layer .gl-list__title {
    font-size: 18px;
    font-weight: 700;
    font-family: var(--FONT-STACK-BODY) !important;
    font-style: var(--FONT-STYLE-BODY) !important;
    color: var(--COLOR-TEXT) !important;
    font-weight: 600 !important;
    text-transform: none !important;
    font-size: var(--font-body-small) !important;
    text-transform: uppercase !important;
}

.gl-list  .gl-card-title a {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 10px;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Máximo 2 líneas */
    -webkit-box-orient: vertical;
    color: rgb(69, 69, 69);
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 400;
}
span.gl-card-price {
    color: #9d9d9d;
    margin-top: auto;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: normal;
}
body .gl-fullscreen-layer .gl-fullscreen-results__meta a{
    color: initial;
}

/* HOME PAGE */
/*------------------------------------------------ */

h2.logos__title.subheading {
    font-size: 26.45px;
}
body .logos__logo{
    padding: 0 5px;
}
.view-all-button {
    text-align: center;
    padding-top: 45px;
    display: block;
    padding-bottom: 30px;
}

svg.icon.icon-pinterest {
    fill: #000000;
    stroke-width: 0;
    width: 24px;
    height: 24px;
    margin-top: -6px;
}
.collection-item__info {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) !important;
    width: 100%;
}

/* CSS para cuando el heading está debajo de la imagen */
.collection-item--heading-below .collection-item__content {
    display: block;
}

.collection-item__info--below {
    position: static !important;
    transform: none !important;
    left: auto !important; 
    bottom: auto !important;
    width: auto !important;
    text-align: center;
    padding: 15px 0 0 0;
}

.collection-item:hover .collection-item__info--below span,
.collection-item__info--below span:hover{
    background: none !important;
}
.collection-item__info--below span {
    display: block;    
    color: inherit;
    text-decoration: none;
}

/* BLOG */
/*------------------------------------------------ */

.article__hero h2.article__title {
    font-size: 56px;
    line-height: 1.2;
}
.article__content.rte p , .article__content div{
    font-family: 'Monotype Sabon', serif;
    font-size: 20px;
    letter-spacing: normal;
    font-weight: 400;
    color: rgb(39, 28, 24);
    line-height: 32px;
}
.sidebar h3.widget__title.h4 {
    font-size: 22px;
}

/* COLLECTIONs */
/*------------------------------------------------ */
.is-collection-page h1.hero__title {
    text-align: center;
}
/*.filter-group__body label,
a.collection__sidebar__link, 
summary.filter-group__heading {
    text-transform: uppercase;
}*/
.is-collection-page .hero__description.rte div {
    line-height: 28px;
}

body.is-collection-page   .product-information .price{
    font-size: 14px;
}
#gf-tree .gf-label{
    margin-right: 8px;
}

div#gf-tree {
    height: auto !important;
}

/* COLLECTION LIST */ 

/*.index-collections-list .grid__heading-holder {
    display: flex;
    justify-content: space-between;
}
.index-collections-list .grid__heading-text {
    text-align: left;
    margin: 0; 
}*/
/* FAQ */
#faq-frequently-asked-questions-the-print-emporium h2 b{
    font-weight: 400;
}
.yotpo-reviews-star-ratings-widget{
   justify-content: start !important;   
}
span.yotpo-sr-vertical-border {
  height: 17px;
  margin-top: 3px;
}


/* PRODUCT PAGE */
.yotpo-bottom-line-summary {
    padding-right: 0px !important;
}

.yotpo-new-review-btn-wrapper #yotpo-main-widget-btn{
  background-color: rgb(0 0 0) !important;
}
body .yotpo-bottom-line .yotpo-bottom-line-right-panel{
    padding-right: 0;
}
body .yotpo-bottom-line .yotpo-bottom-line-left-panel.yotpo-bottom-line-score{
    color: #000;
}
.swym-button-bar.swym-wishlist-button-bar .swym-btn-container,
body .swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-icontext,
.swym-button-bar.swym-wishlist-button-bar {
    width: 100%;
}
body .swym-button-bar .swym-btn-container .swym-add-to-wishlist.swym-icontext:after{
    position: inherit;
}
p.zip-container,
p.afterpay-paragraph {
    text-align: center;
}
p.afterpay-paragraph a {
    background: no-repeat;
    text-decoration: none;
}

body span.swym-wishlist-cta {
    color: #333333;
    font-family: var(--BTN-FONT-STACK);
    font-size: var(--BTN-FONT-SIZE) !important;
    letter-spacing: var(--BTN-LETTER-SPACING);
}
body .product-upsell__btn{
    color: #000;
}
p.afterpay-paragraph {    
    margin-bottom: 0;
}
p.afterpay-paragraph a {
    margin-bottom: 0 !important;
}
.afterpay-widget {
    padding-top: 5px;
}
.product__submit__item--inline .select-popout__toggle{
    text-align: center;
} 

.product__block.product__text.block-padding{
    padding-top: 16px;    
}

.swym-button-bar.swym-wishlist-button-bar.swym-inject {
    grid-column: 1 / 3; 
}

/* MODAL ZOOM PRODUCT PAGE */
.pswp__caption__center {
    font-family: 'Monotype Sabon', serif;
}
body .pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__button--arrow--right .icon, 
body .pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__button--arrow--left .icon, 
body .pswp-zoom-gallery .pswp__button--arrow--right .icon, 
body .pswp-zoom-gallery .pswp__button--arrow--left .icon{
    stroke: #000;
} 

/*body .product__submit__buttons,
body .product__submit__item--inline{
    display: block; 
}*/

/*.product__submit__item--inline .select-popout {    
    margin: 0 auto 1rem;
    max-width: 150px;
} 

.product__submit__item--inline .select-popout {
    height: 100%;
}*/
body #insta-feed h2,
h2.related-products__heading {
    font-size: initial;
}

/* COLECTION */

.right-filter-items{ 
    display: flex;
}
.z-index-overlay{
    z-index: 999999;
}
.Drawer__Content{
    height: 100%;
}
.spf-has-filter.spf-layout-theme body .checked .gf-Checkbox:after{
    background: #040404 !important;
}
#subcollection-drawer-class{ 
right: 0;
left: auto;
background: #fff;
position: fixed;
top: 0;
height: 100vh;
z-index: 9999999 ; 
transition: transform .5s var(--drawer-transition-timing),visibility .5s var(--drawer-transition-timing) !important;
box-shadow: none;
touch-action: manipulation;
  line-height: 1.65;
}
button.CollectionToolbar__Item.CollectionToolbar__Item--filter.Heading.sidebar-title {
    padding: 1rem 2rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 14px;
}

#subcollection-drawer-class:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  box-shadow: 2px 0 10px #36363633, -2px 0 10px #36363633;
  opacity: 0;
  transition: opacity .5s var(--drawer-transition-timing);
}
.PageOverlay-sub {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    background: #363636;
    transition: opacity .3s ease-in-out,visibility .3s ease-in-out;
    z-index: 99;
}

.toggle-subcolletion{
    visibility:visible;
    transition: transform .5s var(--drawer-transition-timing),visibility .5s var(--drawer-transition-timing) !important;
    transform:translate(100%);
}
.is-visible-sub{
    opacity: .5;
    visibility: visible;
}

.Drawer__Main.sub_main {
    padding-top: 35px;
    padding-left: 60px;
    padding-right: 60px;
    height: 100%;
}
.Drawer__Header {
    display: flex;
    align-items: center;
    position: relative;
    /* height: 50px; */
    /* max-height: 60px; */
    background: inherit;
    text-align: center;
    z-index: 1;
    justify-content: center;
    padding: 25px 20px;
    text-transform: uppercase;
    gap: 3rem;
    box-shadow: 0 -1px #ddd inset;
    letter-spacing: 3px;
}
.Drawer__Main {
    flex: 1 1 auto;
}

.Linklist__Item {
    position: relative;
    display: block;
    margin-bottom: 12px;
    width: 100%;
    line-height: 1.5;
    text-align: left;
    transition: all .2s ease-in-out;
}
.Icon {
    display: inline-block;
    height: 1em;
    width: 1em;
    fill: currentColor;
    vertical-align: middle;
    stroke-width: 1px;
    background: none;
    pointer-events: none;
}

body.no-scroll-body{
    overflow: hidden;
}
body .navlink--cart--icon .header__cart__status{
    color: #212121;
    right: -5px;
    top: -4px;
}
.popout-header button.popout__toggle {
    padding-right: 0;
}
li.sidebar__item.link--add a, li.sidebar__item.link--add span {
    text-transform: capitalize;
}

body .sidebar__item.link--remove a:after, 

body .sidebar__item input:checked~label:after {
    background: #060606;
    box-shadow: inset 0 0 0 2px var(--COLOR-BG);
}
.sidebar__item{
    text-transform: capitalize;
}
body .is-loading.btn,
body .is-added.btn[data-add-to-cart], body .is-added.btn {
    color: initial;
    background-color: #222222 !important;
}


body .radio__fieldset .radio__button input:checked~label {
    border-color: #222222;
    background: #222222;
    color: #fff;
}

body#about-our-art-the-print-emporium .rte img{
    margin: 10px auto;
    display: block;
}
#faq-frequently-asked-questions-the-print-emporium p a span{
    text-decoration: none !important;
}
body .product-item__swatches__holder {
    pointer-events: none;
}


body .article__hero .article__image .image__fill img{
    object-fit: cover;
}

/* CART PAGE */
h3.upcart-upsell-item-title.styles_itemTitle__,
.styles_itemTitle__ {
    font-size: 14px !important;
    line-height: 1.4;
    margin-bottom: 10px;
    height: auto; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #454545;
    text-transform: capitalize;
    letter-spacing: 1px !important; 
}  
div.product-upsell {
    background: transparent;
}
p.product-upsell__title.h3 {
    font-size: 14px;
    line-height: 1.4;
    font-family: "Avenir Next Cyr";
}
.product-upsell__image__thumb .image-wrapper--cover img{
    object-fit: contain;
}
p.product-upsell__price {
    color: #9d9d9d;
    margin-top: auto;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-size: 12px;
}

.lb-addon-title {
    font-family: 'Poppins', sans-serif;
    text-align: center;
}

.lb-embed {
    padding: 1rem;
}
.lb-long-card.lb-long-cta-button {
    border: 0 !important;
}
.lb-long-card.lb-long-cta-button{
    align-items: center;
}
.lb-addon-title{
    font-size: 18px !important;
    font-weight: 500 !important;
}

.lb-card-title.lb-title-ld{
    font-size: 14px !important;
    line-height: 1.4;
    margin-bottom: 5px;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #454545;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.lb-price-sale-price{
    color: #9d9d9d;
    margin-top: auto;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-size: 12px !important;
}

/* Custom Content - Auto Height Adaptation */
.brick__section:not([class*="screen-height"]):not([class*="height-hero"]) .brick__block .image__hero__frame:not(.image-height) {
    height: auto;
    min-height: 300px; /* Altura mínima para evitar colapso */
}

/* Override theme.css rules that force height: 100% when height classes are present */
@media only screen and (min-width: 750px) {
    .brick__section[class*="screen-height"] .brick__block__image .image__hero__frame:not(.image-height),
    .brick__section[class*="height-hero"] .brick__block__image .image__hero__frame:not(.image-height) {
        height: auto !important;
    }
    
    /* Force height classes to work on brick sections */
    .brick__section.screen-height-full,
    .brick__section.screen-height-three-quarters,
    .brick__section.screen-height-two-thirds,
    .brick__section.screen-height-one-half,
    .brick__section.screen-height-one-third,
    .brick__section.seven-fifty-height-hero,
    .brick__section.sixty-fifty-height-hero,
    .brick__section.five-fifty-height-hero,
    .brick__section.four-fifty-height-hero {
        display: flex !important;
        flex-direction: row !important;
    }
    
    .brick__section.screen-height-full .brick__block__image,
    .brick__section.screen-height-three-quarters .brick__block__image,
    .brick__section.screen-height-two-thirds .brick__block__image,
    .brick__section.screen-height-one-half .brick__block__image,
    .brick__section.screen-height-one-third .brick__block__image,
    .brick__section.seven-fifty-height-hero .brick__block__image,
    .brick__section.sixty-fifty-height-hero .brick__block__image,
    .brick__section.five-fifty-height-hero .brick__block__image,
    .brick__section.four-fifty-height-hero .brick__block__image {
        display: flex !important;
        flex: 1 !important;
    }
    
    .brick__section.screen-height-full .brick__block__image .image__hero__frame,
    .brick__section.screen-height-three-quarters .brick__block__image .image__hero__frame,
    .brick__section.screen-height-two-thirds .brick__block__image .image__hero__frame,
    .brick__section.screen-height-one-half .brick__block__image .image__hero__frame,
    .brick__section.screen-height-one-third .brick__block__image .image__hero__frame,
    .brick__section.seven-fifty-height-hero .brick__block__image .image__hero__frame,
    .brick__section.sixty-fifty-height-hero .brick__block__image .image__hero__frame,
    .brick__section.five-fifty-height-hero .brick__block__image .image__hero__frame,
    .brick__section.four-fifty-height-hero .brick__block__image .image__hero__frame {
        height: auto !important;
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
    }
}

@media only screen and (max-width: 749px) {
    .brick__section[class*="screen-height"] .brick__block__image .image__hero__frame:not(.image-height--mobile),
    .brick__section[class*="height-hero"] .brick__block__image .image__hero__frame:not(.image-height--mobile) {
        height: auto !important;
    }
}

.brick__section:not([class*="screen-height"]):not([class*="height-hero"]) .brick__block .image__hero__frame:not(.image-height) .image__hero__pane {
    position: relative;
    width: 100%;
    height: auto;
    min-height: inherit;
}

.brick__section:not([class*="screen-height"]):not([class*="height-hero"]) .brick__block .image__hero__frame:not(.image-height) .image__hero__scale {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: calc(1 / var(--aspect-ratio, 1.5) * 100%);
}

.brick__section:not([class*="screen-height"]):not([class*="height-hero"]) .brick__block .image__hero__frame:not(.image-height) .image__hero__scale img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Apply focal point to images in auto-adapt mode */
.brick__section:not([class*="screen-height"]):not([class*="height-hero"]) .brick__block .image__hero__frame:not(.image-height) .image__fill img {
    object-position: var(--focal-point, center) !important;
}

/* Alternative selector for focal point */
.brick__section.auto-adapt-height .brick__block .image__fill img {
    object-position: var(--focal-point, center) !important;
}

/* Global focal point application - more direct approach */
.image__hero__frame[style*="--focal-point"] .image__fill img {
    object-position: var(--focal-point, center) !important;
}





/* ENQUIRES CSS */
header.PageHeader{
    margin: 35px auto;
    text-align: center;
}
.PageContent--narrow {
    max-width: 1000px;
    margin: 35px auto;
}

.PageContent--narrow img {
    margin: 0 auto;
    display: block;
}
.Form--spacingTight .Form__Item {
    margin-bottom: 15px;
}
.Form__FloatingLabel {
    position: absolute;
    bottom: calc(100% - 8px);
    left: 10px;
    padding: 0 5px;
    line-height: normal;
    color: var(--text-color-light);
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
    opacity: 0;
    background: rgba(var(--background-rgb), 0);
    pointer-events: none;
    transform: translateY(3px);
    transition: all .3s 
ease-in-out;
}
.Form__Input, .Form__Textarea, .spr-form-input-text, .spr-form-input-email, .spr-form-input-textarea {
    -webkit-appearance: none;
    display: block;
    padding: 12px 14px;
    border-radius: 0;
    border: 1px solid #dddddd;
    width: 100%;
    line-height: normal;
    resize: none;
    transition: border-color .1s 
ease-in-out;
    background: transparent;
}

button.Form__Submit.Button.Button--primary.Button--full{
    background-color: #000;
    color: #fff;
    transition: color .5s;
    padding: 14px 28px;
}
/* Mobile responsive adjustments */
@media only screen and (max-width: 749px) {
    .brick__section:not([class*="screen-height"]):not([class*="height-hero"]) .brick__block .image__hero__frame:not(.image-height--mobile) {
        min-height: 250px;
    }
    
    .brick__section:not([class*="screen-height"]):not([class*="height-hero"]) .brick__block .image__hero__frame:not(.image-height--mobile) .image__hero__scale {
        padding-top: calc(1 / var(--aspect-ratio-mobile, var(--aspect-ratio, 1.2)) * 100%);
    }
}

/* Ensure equal height columns when content is auto-adapting */
@media only screen and (min-width: 750px) {
    .brick__section.auto-adapt-height {
        display: flex;
        align-items: stretch;
    }
    
    .brick__section.auto-adapt-height .brick__block {
        display: flex;
        flex-direction: column;
        flex: 1;
    }
    
    .brick__section.auto-adapt-height .brick__block__image {
        display: flex;
        flex: 1;
    }
    
    .brick__section.auto-adapt-height .image__hero__frame {
        display: flex;
        flex: 1;
        min-height: auto;
    }
}
body .swatch__button input:checked~label {
    overflow: initial;
    box-shadow: 0 0 0 1px #000;
}


/* MULTICOLUMN LINK WRAPPER */
/*------------------------------------------------ */
.column__link-wrapper {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.column__link-wrapper:hover {
    transform: translateY(-2px);
    text-decoration: none;
    color: inherit;
}

.column__link-wrapper:focus {
    outline: 2px solid var(--COLOR-PRIMARY, #000);
    outline-offset: 2px;
    text-decoration: none;
}

.column__link-wrapper .column__heading {
    transition: color 0.2s ease;
}

.column__link-wrapper:hover .column__heading {
    color: var(--COLOR-PRIMARY, #000);
}

.column__link-wrapper .column__content {
    pointer-events: none;
}

.column__link-wrapper .column__image {
    transition: transform 0.2s ease;
}



/* Estilos para botón dentro del enlace de columna */
.column__link-wrapper .column__btn .btn {
    pointer-events: none;
    cursor: inherit;
}


/* FOOTER */
.footer__quicklinks a{
    text-transform: capitalize;
}
/* RESPONSIVE  */
/*------------------------------------------------ */
@media screen and (min-width: 969px) {
    details.footer__block.footer__block--text {
        padding-right: 8%;
    }

    .header__desktop__bar__r .header__desktop__buttons--icons {
        margin-right: -10px;
    }
}


@media screen and (min-width: 769px) {
    /*h2:not(.text-products__heading), .h2:not(.text-products__heading){
        font-size: 20px; 
        font-weight: 400;
    }*/
    .is-collection-page .hero__description {
        max-width: 820px;
        margin: 0 auto;
    }

    /* COLLECTION */
    #subcollection-drawer-class {
        width: 400px;
      }
    /* FOOTER */
    details.footer__block.footer__block--social{
        display: none;
    }
    body .brick__section {
        flex-wrap: nowrap;
        align-items: center;
    }

}


/***/
@media screen and (max-width: 968px) {
    .empty-top.top-element, .wholesale-top.top-element{
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .hide-mobile {
        display: none;
    }
    span.swym-header-launcher-icon svg {
        width: 20px;
    }
    .header__mobile__right {     
        gap: 8px;
    }
    .navlink .icon {
        --icon-size: 20px; 
    }
    body .navlink--cart--icon .header__cart__status{
        top: -9px;
    }
    .header__mobile__button .navlink{
        padding-right: 0 !important;
    }
    .navlink__cart__content{
        padding-right: 10px;
    }

    span.swym-header-launcher-icon {
        display: flex;
        padding: 0;
    }

    .navlink.navlink--cart.navlink--cart--icon {
        padding: 0;
    }
    .navlink.navlink--cart.navlink--cart--icon {
        padding: 0;
    }
    /* COLLECTION */
    nav.collection__nav.collection__nav--sort.collection__nav--filter * {
        flex: 1 1 auto;
    }
    nav.collection__nav.collection__nav--sort.collection__nav--filter {
        gap: 0;
        justify-content: center;
    }
    button.CollectionToolbar__Item.CollectionToolbar__Item--filter.Heading.sidebar-title {
        padding: 1rem 0.5rem;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        font-size: 12px;
    }
    button.popout__toggle.popout__toggle--filters {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .popout--sort .popout__toggle {
        font-size: 12px;
    }
    button.popout__toggle.popout__toggle--filters{
        width: 100%;
    }
    body .Drawer__Content{
      height: 76%;
      overflow: scroll;
    }
    body .Drawer__Main.sub_main{
        padding-left: 0;
        padding-right: 0;
        overflow: scroll;
    }
    .header__desktop__bar__r .header__desktop__buttons--icons{
        margin-right: -11px;
    }

    body .collection-item__info {
        padding: 10px 8px;
    }
    .grid-item.collection-item a { 
        word-wrap: normal;
        font-size: 13px; 
    } 
    /* FOOTER */
    .text-social {
        display: none;
    }


    /* BLOG */
    /*------------------------------------------------ */

    .article__hero h2.article__title {
        font-size: 28px;
        line-height: 1.2;
    }
    .article__content.rte p, .article__content div{
        font-size: 17px;
        line-height: 27px;
    }

    .widget__recent h2.article__title{
        font-size: 18px;
        line-height: 28px;
    }

    /**/
    div .logos__title {
        margin-bottom: 10px;
    }
    
    .logos__img{
        max-width: 90px;
        display: flex;
        align-items: center;
    }
}

/* ================ ImageHero CSS Fix ================ */
/* Fix for missing ImageHero CSS that causes height 0 when parallax is enabled */

.ImageHero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    height: auto;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ImageHero--large {
    min-height: 500px;
}

.ImageHero--small {
    min-height: 300px;
}

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

.ImageHero__Image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ImageHero__Image--parallax {
    height: 120%;
    top: -10%;
    transform: translateZ(0);
    will-change: transform;
}

.ImageHero__Wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

.ImageHero__Block {
    background: rgba(255, 255, 255, 0.9);
    padding: 2rem;
    border-radius: 8px;
    max-width: 600px;
    margin: 0 auto;
}

.ImageHero__Block--small {
    max-width: 400px;
}

.ImageHero__Block--large {
    max-width: 800px;
}

.ImageHero__BlockHeading {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.ImageHero__BlockContent {
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

.ImageHero__BlockLink {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    background: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.ImageHero__BlockLink:hover {
    background: #333;
}

.ImageHero__ContentOverlay {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
    text-align: center;
}


.yotpo-review-votes-wrapper.top-margin {
    display: none;
}
.yotpo-review-center-panel{
    padding: 1rem;
}
.yotpo-thumbnail-container.clickable-thumbnails {
    padding-top: 1rem !important;
}

.yotpo-head{
    margin: 1rem !important; 
}
.yotpo-headline {
    display: none !important;
}

/* Mobile responsive adjustments */
@media only screen and (max-width: 749px) {
    .ImageHero {
        min-height: 300px;
    }
    
    .ImageHero--large {
        min-height: 400px;
    }
    
    .ImageHero--small {
        min-height: 250px;
    }
    
    .ImageHero__Wrapper,
    .ImageHero__ContentOverlay {
        padding: 1rem;
    }
    
    .ImageHero__Block {
        padding: 1.5rem;
    }
    
    .ImageHero__BlockHeading {
        font-size: 1.25rem;
    }

    body .yotpo-display-l .yotpo-seo-page-layout .yotpo-bottomline-container[data-v-4e56e6dd]{
        gap: 15px;
    }

    body .yotpo-bottom-line .yotpo-bottom-line-left-panel.yotpo-bottom-line-score[data-v-40c00a09]{
        font-size: 42px;
    }

    body .yotpo-bottom-line-text{
        font-size: 12px;
    }
    .yotpo-display-s .yotpo-bottomline-container[data-v-4e56e6dd]{
        flex-direction: column;
    }
    .yotpo-review {
        flex-direction: column !important;
    }

    .yotpo-review-title {
        margin-left: 0 !important; 
        padding-top: 0px;
        margin-bottom: 5px !important;
    }

    .yotpo-date-format {
        margin-top: -0.2rem;
        display: block;
    }
    div.yotpo-seo-page-layout{
        margin: auto 0px; 
    }

    body .yotpo-display-s .yotpo-review .yotpo-review-center-panel .yotpo-review-star-rating{
        margin-bottom: 2px; 
    }

    .yotpo-review-center-panel {
        padding: 0 1rem !important;
    }

    .yotpo-review-rating-title {
        flex-direction: column !important;
        display: flex;
        gap: 1px;
        text-align: left;
        margin-top: 1px;
    }
    body .yotpo-display-s .yotpo-review .yotpo-review-center-panel{ 
        margin-top: 0px;  
    } 
    .yotpo-review-content {
        margin-top: 2px !important;
    }
}

/* ============================================
   FIX: Prevent Collection Product Images from Cropping
   Change object-fit from 'cover' to 'contain' to show full images
   ============================================ */

/* Override fit-cover class for product grid images */
.product-item__image .fit-cover,
.product-item__bg .fit-cover,
.product-item__bg__inner .fit-cover,
.product-item__bg__under .fit-cover {
    object-fit: contain !important;
    background-color: #ffffff;
}

/* Override image-wrapper--cover for product grid */
.product-item__image .image-wrapper--cover img,
.product-item__bg .image-wrapper--cover img,
.product-item__bg__inner .image-wrapper--cover img,
.product-item__bg__under .image-wrapper--cover img {
    object-fit: contain !important;
}

/* Add clean background to image wrapper containers */
.product-item__image .image-wrapper--cover,
.product-item__bg .image-wrapper--cover,
.product-item__bg__inner .image-wrapper--cover,
.product-item__bg__under .image-wrapper--cover {
    background-color: #ffffff;
}

/* Ensure this also works with Globo Filter product cards */
.spf-product-card .fit-cover,
.spf-product-card__image .fit-cover,
.gl-product-item .fit-cover {
    object-fit: contain !important;
    background-color: #ffffff;
}

.spf-product-card .image-wrapper--cover img,
.spf-product-card__image .image-wrapper--cover img,
.gl-product-item .image-wrapper--cover img {
    object-fit: contain !important;
}


