.text-primary{color:#000000;}
.text-secondary{color:#000000;}
.text-promotional{color:#b91c1b;}
.bg-primary{background-color:#000000;}
.bg-primary{color:#FFFFFF;}
.bg-secondary{background-color:#000000;}
.bg-secondary{color:#FFFFFF;}
.bg-promotional{background-color:#b91c1b;}
.bg-promotional{color:#FFFFFF;}
.border-primary{border-color:#000000;}
.border-secondary{border-color:#000000;}
.border-promotional{border-color:#b91c1b;}
.primary-button{background-color:#000000;}
.primary-button{border-color:#000000;}
.primary-button{color:#FFFFFF;}
.primary-button:hover{background-color:#FFFFFF;}
.primary-button:hover{color:#000000;}
.secondary-button{background-color:transparent;}
.secondary-button{border-color:#000000;}
.secondary-button{color:#000000;}
.secondary-button:hover{background-color:#000000;}
.secondary-button:hover{color:#FFFFFF;}
.text-link{color:#000000;}
.text-headline{color:#000000;}
.bg-headline{background-color:#000000;}
.bg-headline{color:#FFFFFF;}
.text-title{color:#000000;}
.text-rating{color:#000000;}
.text-wishlist{color:#b91c1b;}
.bg-button{background-color:#000000;}
.bg-button{color:#FFFFFF;}
.bg-rating{background-color:#000000;}
.bg-rating{color:#FFFFFF;}
.bg-wishlist{background-color:#b91c1b;}
.bg-wishlist{color:#FFFFFF;}
.text-product-title{color:#000000;}
.text-product-price{color:#000000;}
.text-product-special-price{color:#b91c1b;}
.text-product-price-badge{color:#000000;}
.text-product-highlight{color:#000000;}
.bg-product-title{background-color:#000000;}
.bg-product-title{color:#FFFFFF;}
.bg-product-price{background-color:#000000;}
.bg-product-price{color:#FFFFFF;}
.bg-product-special-price{background-color:#b91c1b;}
.bg-product-special-price{color:#FFFFFF;}
.bg-product-price-badge{background-color:#000000;}
.bg-product-price-badge{color:#FFFFFF;}
.bg-product-highlight{background-color:#000000;}
.bg-product-highlight{color:#FFFFFF;}
.primary-button{background-color:#000000;}
.primary-button{border-color:#000000;}
.primary-button{color:#FFFFFF;}
.primary-button:hover{background-color:#FFFFFF;}
.primary-button:hover{color:#000000;}
.secondary-button{background-color:transparent;}
.secondary-button{border-color:#000000;}
.secondary-button{color:#000000;}
.secondary-button:hover{background-color:#000000;}
.secondary-button:hover{color:#FFFFFF;}
.heading-font{font-family:Space Grotesk,Space Grotesk,Arial,Helvetica,sans-serif;}
.main-font{font-family:Space Grotesk,Space Grotesk,Arial,Helvetica,sans-serif;}
.product-font{font-family:Space Grotesk,Space Grotesk,Arial,Helvetica,sans-serif;}
.navigation-font{font-family:Space Grotesk,Space Grotesk,Arial,Helvetica,sans-serif;}
body{font-family:Space Grotesk,Arial,Helvetica,sans-serif;}
html{font-size:16px;}
html { scrollbar-gutter: stable; }
.oleo-header .oleo-wrapper { max-width: 1530px; margin: 0 auto; }
.on-som a { color: blue; text-decoration: underline; }
.oleo-activity-body { background-color: #FFF; padding: 12px; }
.oleo-activity-badge { border-radius: 10px; background-color: #f1f1f1; }

.oleo-product-top-carousel-component .oleo-sticker { font-family: "Space Grotesk", sans-serif; border-color: #FFF!Important; background-color: #FFF!Important; color: #111!Important; border-radius: 100%; }

.novetats-destacades.fons-parcial .oleo-container { background-color: transparent !important; background: linear-gradient(to bottom, #ffb61c 60%, transparent 10%) !important;  }


/* Cabecera fija al hacer scroll */
header,.header,#header,.main-header { position: sticky; top: 0; z-index: 9999; background: #fff; }
/* Transiciones suaves */
.header-wrapper,
.header-wrapper .logo img,
.header-wrapper .search-box,
.header-wrapper .search {
    transition: all .3s ease;
}

/* Estado reducido al hacer scroll */
.header-wrapper.header-small {
    height: 60px;
}

.header-wrapper.header-small .logo img {
    max-height: 40px;
    width: auto;
}

.header-wrapper.header-small .search-box,
.header-wrapper.header-small .search { transform: scale(.9); transform-origin: center;  }

.blog-fons .oleo-item-wrapper { background-color: #FFF; color: #000!Important; padding: 20px; }
.oleo-slider-hero-component .oleo-card-data>div { border-left: 5px solid #feaf18; }

.boto-negre .oleo-html-content { display: block; color: #FFF; padding: 20px 60px; background-color: #111; }
.boto-negre .oleo-html-content:hover { display: block; color: #111; padding: 20px 60px; background-color: #ffb61c; }

.oleo-sticker { font-family: "Space Grotesk", sans-serif; border-color: #fef8e2!Important; background-color: #fef8e2!Important; color: #b86545!Important; }

.oleo-biography-carousel-component .oleo-card-image { transition: transform 0.3s ease; padding: 3px; }
.oleo-biography-carousel-component .oleo-card-image:hover { transform: scale(1.06); }
.oleo-biography-carousel-component .oleo-figure:hover { -webkit-box-shadow: 3px 7px 15px -5px rgba(0,0,0,0.34);-moz-box-shadow: 3px 7px 15px -5px rgba(0,0,0,0.34);box-shadow: 3px 7px 15px -5px rgba(0,0,0,0.34); }

.tab-llibreria22 .gris { background-color: #f1f1f1; display: inline-flex; padding: 5px; border-radius: 50px;}
.tab-llibreria22 .gris .tab1 { background-color: #ffb61c; padding: 6px 15px; border-radius: 50px;  }
.tab-llibreria22 .gris .tab2 { background-color: #FFF;   padding: 6px 15px;  border-radius: 50px;  }
.tab-llibreria22 .gris span { color: #111; font-weight: 700;font-size: 0.8rem; }
.tab-llibreria22 .gris a {  color: #111; font-size: 0.8rem; }

.tab-llibreria22 .gris .tab2:hover { background-color: #ffb61c; color: #111; padding: 6px 15px; border-radius: 50px;  }

.tab-comics22 .gris { background-color: #f1f1f1; display: inline-flex; padding: 5px; border-radius: 50px;}
.tab-comics22 .gris .tab2 { background-color: #ffb61c; padding: 6px 15px; border-radius: 50px;  }
.tab-comics22 .gris .tab1 { background-color: #FFF; padding: 6px 15px;  border-radius: 50px;  }
.tab-comics22 .gris span { color: #000; font-weight: 700; font-size: 0.8rem; }
.tab-comics22 .gris a {  color: #000; font-size: 0.8rem; line-height: 1rem; }
.tab-comics22 .gris .tab1:hover {  background-color: #ffb61c;  }

.oleo-header { position: relative !important; }
.primary-button { background-color: #000000; color: #FFF; border-radius: 0; font-weight: 700; }
.primary-button:hover { background-color: #ffb61c; color: #000; border-radius: 0; border-color: #ffb61c; }
.secondary-button { background-color: #000000; color: #FFF; border-radius: 0; font-weight: 700; }
.secondary-button:hover { background-color: #ffb61c; color: #000; border-radius: 0; border-color: #ffb61c; }
.oleo-background { background-color: #ffb61c; height: 160px; }
.product-page .oleo-breadcrumb-wrapper { background-color: #ffb61c; }
.oleo-product-card .oleo-card-image { -webkit-box-shadow: 3px 7px 15px -5px rgba(0,0,0,0.34);-moz-box-shadow: 3px 7px 15px -5px rgba(0,0,0,0.34);box-shadow: 3px 7px 15px -5px rgba(0,0,0,0.34); }
.prose, .oleo-article-card .oleo-text, .oleo-slider-hero-component .oleo-text, .oleo-collection-carousel-component .oleo-text { font-family: 'Crimson-text', Times, serif; }


.oleo-main-menu button { color: #ffb71b; }

.oleo-search { width: 500px; }
.oleo-search-icon { background-color: #111; BORDER-RADIUS: 100PX; WIDTH: 46PX; HEIGHT: 46PX; margin-top: 13PX; MARGIN-right: 10PX; text-align: center; padding-left: 12px; }
.oleo-search-icon svg { filter: invert(1)!Important; width: 20px; height: 20px; }
.oleo-search input { position: relative !important; border-radius: 100px; -webkit-box-shadow: -3px 4px 6px -7px rgba(0, 0, 0, 0.62); box-shadow: -3px 4px 6px -7px rgba(0, 0, 0, 0.62); padding: 35px; border-color: rgba(214, 214, 214, 0.2)!Important; background-color: rgba(196, 196, 196, 0.2)!Important; }
.oleo-overlay-menu .oleo-logo img { filter: grayscale(1) invert(1); }
.oleo-overlay-menu .oleo-overlay-search input::placeholder { color: #FFF!Important; }