/** Shopify CDN: Minification failed
Line 3285:0 Unexpected "}"
**/
@font-face {
font-family: 'Inter';
src: url(...) format('woff2');
font-display: swap; /* ← klucz */
}
a:not(.a--no-hover-color):not(.btn){
--color-a: var(--color-text-link-block, var(--color-accent-section, var(--color-text-link-main)));
}
a{
color: var(--color-a, inherit);
text-decoration: none;
outline: 0;
transition: color var(--duration-medium) var(--animation-bezier);
}
@media (min-width:1025px){
a:not(.a--no-hover-color):not(.btn):hover{
--color-a-hover: var(--color-text-link-hover-block, var(--color-accent-section, var(--color-text-link-hover-main)));
}
a:hover{
color: var(--color-a-hover, inherit);
text-decoration: underline;
}
}
a.clear-underline{
text-decoration: none;
}
a[href*="tel:"]{
text-decoration: none;
}
a[href*="tel:"]:hover{
color: var(--color-text, var(--color-base-section, var(--color-base)));
}
#theme-section-sections--26991077163353__footer.section-background{
padding-bottom: 30px;
}
.container_buttons_message_share .info-popup--relocated button:hover{
transform: unset !important;
}
#theme-block-message_c3GPR3 .btn__texts span{
color: #f83469;
}
#theme-block-popup_dYwDRm .btn__texts span{
color: #fff;
}
.container_buttons_message_share .info-popup--relocated button{
background: #f83469 !important;
color: #fff !important;
}
#Share-template--26991077097817__main .btn__texts .btn__top-text{
color: #f83469;
}
.product__info__button .btn__texts span{
font-size: 10px;
text-align: left;
}
.product-card:has(card-variant-selects) .product-card__image:has(swiper-slider) .swiper-control-container__absolute{
bottom: auto !important;
}
.product-card .pieces_widget {
top: 50px;
}
infinity-button{
display: none !important;
}
.container_buttons_message_share .product__info__button .btn__texts span{
font-size: 16px !important;
}
footer localization-form{
vertical-align: middle;
margin-top: 0px !important;
}
footer .disclosure-form-field__flag{
width: 15px;
height: 15px;
}
.brick-sizes__compat {
position: relative;
display: flex;
align-items: center;
gap: 10px;
padding: 00px 30px 10px 0px;
float: right;
text-decoration: none !important;
flex-wrap: nowrap;
}
.brick-sizes__compat__text {
font-weight: 500;
font-size: 15px;
color: #1d2c54;
white-space: nowrap;
z-index: 2;
}
.brick-sizes__compat__brand {
display: inline-block;
font-family: "Arial Black", "Helvetica", sans-serif;
font-weight: 500;
font-size: 16px;
color: #fff;
background: #ff0009;
padding: 3px 10px;
border-radius: 10px;
/* letter-spacing: 0.3px; */
-webkit-text-stroke: 1px #000;
text-shadow: -1px -1px 0 #FFD500, 0.5px -0.5px 0 #FFD500, -0.5px 0.5px 0 #FFD500, 0.5px 0.5px 0 #FFD500;
box-shadow: 0 2px 0 #000;
border: 2px solid #000;
transform: rotate(-3deg);
white-space: nowrap;
z-index: 2;
flex-shrink: 0;
}
.brick-sizes__compat__arrow {
position: absolute;
left: calc(0% - 115px);
width: 130px;
bottom: 20%;
height: 65px;
pointer-events: none;
z-index: 1;
transform: rotate(235deg);
}
.brick-sizes__compat:hover .brick-sizes__compat__arrow {
animation: arrow-wiggle 0.6s ease-in-out;
}
@keyframes arrow-wiggle {
0%, 100% { transform: rotate(235deg); }
25% { transform: rotate(232deg); }
75% { transform: rotate(238deg); }
}
/* === Brick sizes — wyszarzanie nieaktywnych klocków === */
.brick-sizes__item {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
text-decoration: none !important;
transition: opacity 0.25s ease, transform 0.25s ease;
cursor: pointer;
}
/* Aktywny — wyróżniony brand color */
.brick-sizes__item.is-active {
opacity: 1;
--brick-stud-fill: #fff;
}
.brick-sizes__item.is-active .brick-sizes__icon {
color: #1d2c54;
}
.footer__follow-on-shop{
margin-top: 0px !important;
float: right;
margin-right: 30px;
}
.footer__follow-on-shop button{
height: 30px !important;
background-color: #ff006a !important;
}
.brick-sizes__item.is-active .brick-sizes__label {
color: #1d2c54;
font-weight: 700;
}
/* Nieaktywne — wyszarzone */
.brick-sizes__item.is-dimmed {
opacity: 0.6;
--brick-stud-fill: #f0f0f0;
}
.brick-sizes__item.is-dimmed .brick-sizes__icon {
color: #b0b0b0;
}
.brick-sizes__item.is-dimmed .brick-sizes__label {
color: #b0b0b0;
font-weight: 400;
}
.brick-sizes__item.is-dimmed:hover {
opacity: 1;
transform: translateY(-2px);
}
.brick-sizes__item.is-dimmed:hover .brick-sizes__icon,
.brick-sizes__item.is-dimmed:hover .brick-sizes__label {
color: #8a8a8a;
}
.brick-sizes__item.is-active:hover {
transform: translateY(-2px);
}
.brick-sizes__item.is-active:hover .brick-sizes__icon,
.brick-sizes__item.is-active:hover .brick-sizes__label {
color: #0f1a3a;
}
#tt-content-reviews{
display: none !important;
}
.cart-item__totals{
float: right;
}
@media (max-width: 576px) {
.footer__follow-on-shop {
margin-top: 5px !important;
float: inherit !important;
}
.ai-two-row-layout__heading-antlxbnbmvghnbzz5zaigenblock7c3fedcq4drwx{
margin-bottom: -15px;
}
.ai-two-row-layout__heading-antlxbnbmvghnbzz5zaigenblock7c3fedcq4drwx{
margin-bottom: -15px;
}
#theme-section-template--26991077097817__product_recommendations_KM8XAr .subheading{
font-size: 19px !important;
}
.trustoo-widget .list-review.split{
gap: 0px !important;
}
.trustoo-widget #reviews-body .star-item{
width: 20px;
height: 20px;
margin-top: 2px;
}
#reviews-footer button{
border-radius: 15px !important;
}
.swiper-control-container>*{
margin-top: 0px;
}
.product__blurbs__container {
gap: 0px !important;
}
#theme-block-blurb_npXLb8 h6:not([class^="tt-title"]):not([class^="tt-collapse"]):not([class^="tt-aside"]){
padding-bottom: 0px !important;
}
#theme-block-blurb_npXLb8 .section-text-with-icons-type-1__icon svg{
width: 25px;
height: 25px;
}
#theme-block-gallery_7KC8Yi:before,
#theme-block-media_with_text_PeGMNX:before,
#theme-block-social_mjW3DX:before,
#theme-block-tags_n6tHNq:before,
#theme-block-media_with_text_8UCif9:before {
display: none;
}
#theme-section-sections--26991077163353__footer #theme-block-media_with_text_8UCif9 {
padding-top: 30px;
}
.ai-two-row-layout__stats-heading-antlxbnbmvghnbzz5zaigenblock7c3fedcq4drwx {
font-size: 38px !important;
}
.ai-two-row-layout__row2col2-heading-antlxbnbmvghnbzz5zaigenblock7c3fedcq4drwx{
font-size: 44px !Important;
}
.ai-two-row-layout__image-wrapper-antlxbnbmvghnbzz5zaigenblock7c3fedcq4drwx{
width: 80% !important;
}
.ai-two-row-layout__top1-svg-antlxbnbmvghnbzz5zaigenblock7c3fedcq4drwx {
width: 50% !important;
}
.ai-two-row-layout__corner-image-antlxbnbmvghnbzz5zaigenblock7c3fedcq4drwx{
width: 35% !important;
height: 20% !important;
}
footer-accordion.footer__block__items {
display: block !important;
}
#theme-block-link_list_tCkgCf,
#theme-block-link_list_QJcrLk {
float: left !important;
width: 50% !important;
box-sizing: border-box;
margin-bottom: 0 !important;
}
#theme-block-link_list_tCkgCf {
padding-left: 0 !important;
}
#theme-block-link_list_QJcrLk ~ .footer__block-item {
clear: both;
}
/* === Stale otwarte + widoczne: Informacje, Obsługa, Kontakt === */
#theme-block-link_list_tCkgCf .footer__accordion__content,
#theme-block-link_list_QJcrLk .footer__accordion__content,
#theme-block-media_with_text_PeGMNX .footer__accordion__content {
display: block !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
visibility: visible !important;
opacity: 1 !important;
}
#theme-block-link_list_tCkgCf .footer__accordion__content :is(ul, li, a, span, p, h5),
#theme-block-link_list_QJcrLk .footer__accordion__content :is(ul, li, a, span, p, h5),
#theme-block-media_with_text_PeGMNX .footer__accordion__content :is(ul, li, a, span, p, h5) {
visibility: visible !important;
opacity: 1 !important;
}
#theme-block-link_list_tCkgCf .footer__accordion__content li,
#theme-block-link_list_QJcrLk .footer__accordion__content li {
display: list-item !important;
}
#theme-block-link_list_tCkgCf .footer__accordion__content a,
#theme-block-link_list_QJcrLk .footer__accordion__content a,
#theme-block-media_with_text_PeGMNX .footer__accordion__content a {
display: inline-block !important;
pointer-events: auto !important;
}
/* nagłówki bez reakcji na klik */
#theme-block-link_list_tCkgCf .footer__accordion__heading,
#theme-block-link_list_QJcrLk .footer__accordion__heading,
#theme-block-media_with_text_PeGMNX .footer__accordion__heading {
pointer-events: none !important;
cursor: default !important;
}
/* plusiki schowane */
#theme-block-link_list_tCkgCf .plusminus,
#theme-block-link_list_QJcrLk .plusminus,
#theme-block-media_with_text_PeGMNX .plusminus {
display: none !important;
}
/* === Social === */
.footer__block-social-icons {
margin-left: 20px;
}
.social__block-container {
gap: 0 !important;
}
#theme-block-social_mjW3DX {
padding: 0px;
}
#theme-block-social_mjW3DX .footer-accordion-opened-item .social__block-container {
flex-direction: row !important;
}
/* === Galeria kurierów / płatności === */
.footer .gallery__block-container.page-grid-sp-3 {
grid-template-columns: repeat(6, 1fr) !important;
--page-grid-value: 6 !important;
}
#theme-block-gallery_BReYE6 .gallery__block-container {
padding-right: 0px !important;
}
.footer .gallery__block-container .gallery__block-item:nth-child(6) {
display: none !important;
}
#theme-block-gallery_BReYE6 .gallery__block-container .gallery__block-item:nth-child(6) {
display: none !important;
}
#theme-block-gallery_7KC8Yi .gallery__block-container .gallery__block-item:nth-child(6),
#theme-block-gallery_7KC8Yi .gallery__block-container .gallery__block-item:nth-child(7) {
display: none !important;
}
.background__horizontal-line {
margin-top: 20px;
}
/* === Media with text (logo/opis) stale otwarte === */
#theme-block-media_with_text_8UCif9 .footer__accordion__content {
max-height: none !important;
height: auto !important;
overflow: visible !important;
opacity: 1 !important;
}
#theme-block-media_with_text_8UCif9 .footer__accordion__heading {
display: none !important;
}
/* === Galerie stale otwarte, bez plusa, bez klik === */
#theme-block-gallery_BReYE6 .footer__accordion__content,
#theme-block-gallery_7KC8Yi .footer__accordion__content {
max-height: none !important;
height: auto !important;
overflow: visible !important;
opacity: 1 !important;
}
#theme-block-gallery_BReYE6 .plusminus,
#theme-block-gallery_7KC8Yi .plusminus {
display: none !important;
}
#theme-block-gallery_BReYE6 .footer__accordion__heading,
#theme-block-gallery_7KC8Yi .footer__accordion__heading {
pointer-events: none !important;
cursor: default !important;
}
/* === Brick sizes compat === */
.brick-sizes__compat {
padding: 12px 8px 4px 8px;
gap: 6px;
}
.brick-sizes__compat__text {
font-size: 12px;
}
.brick-sizes__compat__brand {
font-size: 11px;
padding: 3px 8px;
}
.brick-sizes__compat__arrow {
width: 50px;
height: 50px;
left: calc(0% - 40px);
}
.brick-sizes__compat__arrow{
transform: rotate(250deg) !important;
}
.brick-sizes__compat:hover .brick-sizes__compat__arrow {
animation: unset;
}
/* === Waluta + język + copyright w jednym rzędzie === */
.footer__content-bottom--left {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap;
align-items: center;
gap: 6px;
}
/* trójka się nie kurczy poniżej swojej treści */
.footer__content-bottom--left > localization-form,
.footer__content-bottom--left > .footer__copyright {
flex: 0 0 auto;
width: auto !important;
margin: 0 !important;
white-space: nowrap;
}
/* separatory wąskie, nie zjadają miejsca */
.footer__content-bottom--left .footer__separate-line {
flex: 0 0 auto;
width: 1px !important;
height: 14px !important;
align-self: center !important;
margin: 0 6px !important;
}
.footer__content-bottom--left .footer__separate-line__hide_mobile {
display: block !important;
}
/* policies dopiero pod spód */
.footer__content-bottom--left .policies {
flex-basis: 100%;
margin-top: 4px;
}
/* drobne zmniejszenie, by trójka zmieściła się w jednej linii */
.footer__content-bottom--left localization-form .disclosure-selector,
.footer__content-bottom--left .footer__copyright {
font-size: 13px !important;
}
/* odstęp nad rzędem waluta/język/copyright */
.footer__content-bottom--left {
padding-top: 14px;
}
/* usuń ostatni separator (po copyright) */
.footer__content-bottom--left .footer__copyright + .footer__separate-line {
display: none !important;
}
#theme-section-sections--26991077163353__newsletter_signup_XjHNYt .subheading{
font-size: 24px !important;
}
footer .policies{
display: none !important;
}
.footer__content-bottom{
padding-bottom: 60px !important;
}
.container_buttons_message_share .product__info__button .btn__texts span {
font-size: 10px !important;
}
.tt-head-right{
display: none !important;
}
.sticky-cart-button{
display: none !important;
}
:not(sticky-cart-modal *) > .product-form__buttons__content {
display: flex !important;
flex-wrap: wrap !important;
align-items: center;
gap: 8px;
}
:not(sticky-cart-modal *) > .product-form__buttons__content quantity-input {
order: 1;
flex: 0 0 auto !important;
width: auto !important;
min-width: 120px !important; /* nie ściska się */
}
:not(sticky-cart-modal *) > .product-form__buttons__content .product-form__submit,
:not(sticky-cart-modal *) > .product-form__buttons__content .select-options-button {
order: 2;
flex: 0 0 auto !important;
width: auto !important;
min-width: 0;
}
:not(sticky-cart-modal *) > .product-form__buttons__content .global__tooltip--hover {
order: 3;
flex: 0 0 auto !important;
margin-left: auto !important;
}
:not(sticky-cart-modal *) > .product-form__buttons__content .shopify-payment-button {
order: 4;
flex: 0 0 100% !important;
width: 100% !important;
margin: 0 !important;
}
:not(sticky-cart-modal *) > .product-form__buttons__content .product-form__buttons__content__media {
display: contents !important;
}
sticky-cart-modal .sticky-cart {
display: flex !important;
align-items: center;
gap: 8px;
width: 100% !important;
}
/* product-form wypełnia wolną przestrzeń */
sticky-cart-modal .sticky-cart > product-form {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
}
sticky-cart-modal product-form .form,
sticky-cart-modal product-form .product-form__buttons,
sticky-cart-modal product-form .product-form__buttons__content {
width: 100% !important;
}
/* wewnątrz: ilość stała, Shop Pay wypełnia resztę */
sticky-cart-modal .product-form__buttons__content {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: 8px;
}
sticky-cart-modal quantity-input {
flex: 0 0 auto !important;
width: auto !important;
}
sticky-cart-modal .product-form__buttons__content__media {
display: contents !important;
}
sticky-cart-modal .shopify-payment-button {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
}
#theme-block-popup_dYwDRm .btn__bottom-text.is-hidden {
display: none !important;
}
#date_release_time,
#date_release_time + * ,
#delivery_calendar {
}
#date_release_time {
font-size: 0.85rem !important;
}
#date_release_time {
white-space: nowrap;
}
#delivery_calendar {
display: flex !important;
flex-wrap: nowrap !important;
gap: 3px !important;
overflow: hidden;
padding-top: 0px;
}
#delivery_calendar .delivery-calendar__day {
flex: 1 1 0 !important;
min-width: 0 !important;
padding: 4px 2px !important;
}
#delivery_calendar .dc-dow {
font-size: 0.6rem !important;
}
#delivery_calendar .dc-num {
font-size: 0.75rem !important;
}
div:has(> #date_release_time) {
font-size: 0.85rem !important;
}
.delivery-calendar{
margin-top: 6px;
}
div:has(> #date_release_time) > span {
white-space: nowrap;
font-size: 0.8rem !important;
padding-left: 5px;
}
.brick-sizes{
margin-top: 20px !important;
}
.menu-drawer .popup-modal__content__data .menu-drawer__selectors
{
padding: 10px !important;
}
}
.popup-modal__content__data .menu-drawer__navigation:not(.drawer-nav-secondary) {
display: none !important;
}
#theme-block-gallery_7KC8Yi .global__tooltip--hover{
align-self: center;
}
#theme-block-gallery_7KC8Yi .gallery__block-item .image-hover-box{
border-radius: 0px;
}
#theme-block-gallery_7KC8Yi .js img.image-show--fadein.image-loaded{
max-height: 35px;
}
/* Trustoo review images - clickable lightbox */
.tt-review-list .resource-item,
.tt-review-list .resource-item img {
pointer-events: auto !important;
cursor: zoom-in;
}
/* Overlay caption na zdjęciach produktu */
.product-media__item {
position: relative;
}
.product-media__caption {
position: absolute;
bottom: 0px;
color: #fff;
left: 0px;
max-width: min(280px, calc(100% - 48px));
background: rgb(255 255 255 / 10%);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding: 10px 10px;
border-radius: 0px 15px 0px 0px;
font-size: 12px;
line-height: 1.5;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
z-index: 2;
pointer-events: none;
font-size: 0.8rem;
color: #ffff;
line-height: 0.95rem;
}
@media (max-width: 576px) {
.product-media__caption {
bottom: 12px;
left: 12px;
right: 12px;
max-width: none;
padding: 12px 14px;
font-size: 13px;
line-height: 1.4;
border-radius: 10px;
}
.main-product__container {
gap: 0px !important;
}
footer #theme-block-link_list_QJcrLk .footer__accordion__content a{
padding: 5px !important;
}
footer #theme-block-link_list_tCkgCf .footer__accordion__content a{
padding: 5px !important;
}
.product-card__image{
height: auto !Important;
}
.product-card_title_desc {
margin-right: 10px;
width: -webkit-fill-available;
max-width: 100% !important;
}
.product-card__heading .description{
padding-right: 0px !important;
}
.save_price {
font-size: 11px;
text-align: center;
vertical-align: middle;
border: 2px solid #4ba44b;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 6px;
position: absolute;
padding-right: 6px;
bottom: -10px !important;
color: #4ba44b;
border-radius: 6px;
margin-left: 0px !important;
height: 20px;
line-height: normal;
text-align: -webkit-center;
align-content: center;
align-items: unset;
align-self: flex-end;
}
.product-card .product-card__image .card_rating{
padding-right: 7px !important;
padding: 4px !important;
border-radius: 7px !important;
}
.product-card .card_rating__stars {
width: 15px !important;
height: 15px !important;
}
.product-card .pieces_widget {
top: 35px;
padding-left: 5px !important;
padding-right: 5px !important;
}
.pieces_widget img {
max-width: 20px !important;
max-height: 20px !important;
height: 20px !important;
width: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
}
.pieces_widget span {
font-size: 10px !important;
margin-left: 0px !important;
}
.badges__container{
display: none !important;
}
.price__sale{
margin-top: 0px !important;
}
.product-card .swiper-control-container__absolute .swiper-pagination-bullets {
position: absolute;
bottom: 8px;
left: 0;
right: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
padding: 0 6px;
margin: 0;
}
.product-card__media-buttons__item{
width: 30px !important;
height: 30px !important;
}
.product-card productcard-buttons .product-card__media-buttons__item {
width: 29px !important;
height: 29px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.product-card productcard-buttons .product-card__media-buttons__item svg {
width: 16px !important;
height: 16px !important;
}
}
#lb-15min-bar {
animation: lb-bar-fade-in 0.5s ease-out;
}
@keyframes lb-bar-fade-in {
from { opacity: 0; transform: translateY(-8px); }
to { opacity: 1; transform: translateY(0); }
}
#lb-15min-bar .lb-bar__icon {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.25);
backdrop-filter: blur(4px);
border-radius: 50%;
font-size: 18px;
animation: lb-icon-bounce 2.4s ease-in-out infinite;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
#lb-15min-bar .lb-bar__icon--expired {
animation: none;
background: rgba(255, 255, 255, 0.05);
}
@keyframes lb-icon-bounce {
0%, 100% { transform: translateY(-50%) scale(1) rotate(-3deg); }
50% { transform: translateY(-55%) scale(1.08) rotate(3deg); }
}
#lb-15min-bar .lb-bar__text {
flex: 1;
min-width: 0;
}
#lb-15min-bar #lb-time {
font-variant-numeric: tabular-nums;
letter-spacing: 0.3px;
color: #fff;
}
#lb-15min-bar.lb-bar--urgent #lb-badge {
animation: lb-badge-pulse 1s ease-in-out infinite;
background: linear-gradient(135deg, #ffe4b5 0%, #ffcc99 100%) !important;
}
@keyframes lb-badge-pulse {
0%, 100% { transform: scale(1); box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 2px 8px rgba(47,36,29,.2); }
50% { transform: scale(1.06); box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 4px 16px rgba(255,140,0,.4); }
}
@media (max-width: 576px) {
#lb-15min-bar {
padding: 12px 14px 12px 50px !important;
gap: 10px !important;
font-size: 13px !important;
border-radius: 12px !important;
}
#lb-15min-bar .lb-bar__icon {
left: 10px;
width: 28px;
height: 28px;
font-size: 16px;
}
#lb-15min-bar #lb-badge {
min-width: 64px !important;
padding: 6px 10px !important;
font-size: 13px !important;
}
}
.container_buttons_message_share {
flex-wrap: wrap !important;
gap: 10px !important;
}
.container_buttons_message_share .info-popup--relocated {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
order: -1; /* zawsze pierwszy */
}
.container_buttons_message_share > .product__info__button:not(.info-popup--relocated) {
flex: 1 1 calc(50% - 5px) !important;
max-width: calc(50% - 5px) !important;
}
.container_buttons_message_share .info-popup--relocated button {
width: 100% !important;
min-height: 56px;
padding: 14px 18px !important;
border-radius: 12px !important;
display: flex !important;
align-items: center;
justify-content: center;
gap: 12px;
font-weight: 600;
transition: all 0.25s ease;
white-space: normal;
line-height: 1.3;
text-align: center;
}
.container_buttons_message_share .info-popup--relocated svg {
width: 22px !important;
height: 22px !important;
min-width: 22px;
flex-shrink: 0;
}
.container_buttons_message_share .info-popup--relocated svg path {
fill: #ffffffff !important;
}
.container_buttons_message_share .info-popup--relocated .btn__texts {
display: flex !important;
align-items: center;
justify-content: center;
width: 100%;
gap: 12px;
}
.container_buttons_message_share .info-popup--relocated .btn__top-text,
.container_buttons_message_share .info-popup--relocated .btn__bottom-text {
display: flex !important;
align-items: center;
justify-content: center;
gap: 10px;
width: auto;
font-size: 16px;
font-weight: 700;
color: #f83469;
}
/* Mobile */
@media (max-width: 576px) {
.container_buttons_message_share .info-popup--relocated button {
min-height: 50px;
padding: 12px 14px !important;
}
.container_buttons_message_share .info-popup--relocated .btn__top-text,
.container_buttons_message_share .info-popup--relocated .btn__bottom-text {
font-size: 13px;
}
.product-card .card_rating__text{
font-size: 12px !important;
}
}
#theme-block-gallery_BReYE6 .gallery__block-container{
align-items: center;
}
.product-card__heading .description {
display: block !important;
font-size: 0.7rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 90px;
}
.product-card .product-card__image:not(:has(.card_rating)) .pieces_widget {
top: 10px;
}
.product-card__interface>*:first-child:not(.product-card__media-buttons){
margin-top: 10px;
}
.product-card .product-card__image:has(.card_rating:not(:has(.card_rating__text))) .pieces_widget {
top: 10px;
}
.product-card .product-card__image:has(.card_rating:empty) .pieces_widget,
.product-card .product-card__image:not(:has(.card_rating)) .pieces_widget {
top: 10px;
}
.product-card .product-card__image .card_rating {
position: absolute;
top: 8px !important;
right: 8px;
z-index: 5;
display: inline-flex;
align-items: center;
width: fit-content;
padding: 10px;
gap: 4px;
background: #fff;
border-radius: 10px;
padding: 10px 9px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
font-size: 16px;
font-weight: 600;
color: #2d2d2d;
line-height: 1;
white-space: nowrap;
pointer-events: none;
}
/* zmień pasek 5 gwiazdek na jedną gwiazdkę */
.product-card .card_rating__stars {
position: relative;
width: 20px;
height: 20px;
background: none;
-webkit-mask: none;
mask: none;
flex: 0 0 auto;
}
.product-card .card_rating__stars::before {
content: '';
position: absolute;
inset: 0;
background: #FFA800;
-webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
}
/* schowaj wewnętrzny fill - nie potrzebujemy bo jedna gwiazdka jest pełna */
.product-card .card_rating__fill {
display: none;
}
.product-card .card_rating__text {
font-size: 15px;
color: #2d2d2d;
}
/* swatche wariantów - kwadrat 95x95, obrazek wypełnia z przycięciem */
.product-form__container__color .visual-display-swatch__image {
width: 95px;
height: 95px;
overflow: hidden;
}
.product-form__container__color .visual-display-swatch__image .image-hover-box {
width: 100%;
height: 100%;
}
/* nadpisz wewnętrzny div który ma --aspect-ratio z liquida */
.product-form__container__color .visual-display-swatch__image .image-hover-box > div {
--aspect-ratio: 1 !important;
aspect-ratio: 1 / 1 !important;
width: 100%;
height: 100%;
}
.product-form__container__color .visual-display-swatch__image-child {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
/* mobile - mniejsze, ale nadal kwadratowe */
@media (max-width: 600px) {
.product-form__container__color .visual-display-swatch__image {
width: 78px;
height: 78px;
}
}
/* swatche wariantów - kwadrat, obrazek wypełnia z przycięciem
działa zarówno na stronie produktu jak i na kartach kolekcji */
.product-form__container__color .visual-display-swatch__image {
width: 95px;
height: 95px;
overflow: hidden;
}
.product-form__container__color .visual-display-swatch__image .image-hover-box {
width: 100%;
height: 100%;
}
.product-form__container__color .visual-display-swatch__image .image-hover-box > div {
--aspect-ratio: 1 !important;
aspect-ratio: 1 / 1 !important;
width: 100%;
height: 100%;
}
.product-form__container__color .visual-display-swatch__image-child,
.product-form__container__color .visual-display-swatch__image .image-hover-box img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center;
display: block;
}
/* na kartach kolekcji typowo węższe miejsce — niech będą mniejsze */
.product-form__container__card .visual-display-swatch__image {
width: 60px;
height: 60px;
}
@media (max-width: 600px) {
.product-form__container__color .visual-display-swatch__image {
width: 78px;
height: 78px;
}
.product-form__container__card .visual-display-swatch__image {
width: 48px;
height: 48px;
}
}
/* === swatche jako overlay na dole obrazka produktu (TYLKO w karcie kolekcji) === */
/* rodzic obrazka musi mieć position: relative żeby overlay się złapał */
.product-card .product-card__image {
position: relative;
}
/* gdy karta ma swiper (czyli ma kontener swiper-slider obok kontrolek) -
przesuń strzałki do góry obrazka */
.product-card .product-card__image:has(swiper-slider) .swiper-control-container__absolute {
top: 8px;
bottom: auto;
}
.product-card .product-card__image:has(swiper-slider) .internal-swiper-button-prev,
.product-card .product-card__image:has(swiper-slider) .internal-swiper-button-next {
top: 8px;
bottom: auto;
transform: none;
}
/* domyślnie - karta ze swiperem ale bez variant pickera */
.product-card .product-card__image:has(swiper-slider) .swiper-control-container__absolute {
top: auto;
bottom: 60px;
}
/* karta ze swiperem + variant pickerem - strzałki wyżej */
.product-card:has(card-variant-selects) .product-card__image:has(swiper-slider) .swiper-control-container__absolute {
top: auto;
bottom: 125px;
}
/* fieldset zawierający swatche - przenosimy z pod ceny na obrazek */
.product-card .product-form__container__card {
position: absolute;
left: 8px;
right: 8px;
bottom: 74px;
z-index: 5;
margin: 0;
padding: 8px 10px;
background: rgba(255, 255, 255, 0.92);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
border-radius: 16px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
display: flex !important;
flex-wrap: nowrap !important;
gap: 3px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scrollbar-width: thin;
scrollbar-color: rgba(0,0,0,0.2) transparent;
/* schowaj domyślnie - pojawi się na hover karty */
opacity: 0;
transform: translateY(8px);
transition: opacity .25s ease, transform .25s ease;
pointer-events: none;
}
/* pokaż na hover całej karty */
.product-card:hover .product-form__container__card,
.product-card:focus-within .product-form__container__card {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
/* na mobile zawsze widoczne (brak hovera) */
@media (max-width: 1024px) {
.product-card .product-form__container__card {
opacity: 1;
transform: none;
pointer-events: auto;
}
}
/* pojedynczy swatch - mniejszy bo overlay */
.product-card .product-form__container__card .product-form__item {
flex: 0 0 auto;
scroll-snap-align: start;
}
.product-card .product-form__container__card .visual-display-swatch__image {
width: 44px;
height: 44px;
border-radius: 6px;
}
/* zachowaj cover + kwadrat z poprzedniego fixa */
.product-card .product-form__container__card .visual-display-swatch__image .image-hover-box,
.product-card .product-form__container__card .visual-display-swatch__image .image-hover-box > div {
width: 100%;
height: 100%;
--aspect-ratio: 1 !important;
aspect-ratio: 1 / 1 !important;
}
.product-card .product-form__container__card .visual-display-swatch__image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center;
display: block;
}
/* lepszy scrollbar na webkit (Chrome/Safari) */
.product-card .product-form__container__card::-webkit-scrollbar {
height: 4px;
}
.product-card .product-form__container__card::-webkit-scrollbar-track {
background: transparent;
}
.product-card .product-form__container__card::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.2);
border-radius: 2px;
}
/* aktywny swatch - cieńsza ramka żeby pasował do mniejszego rozmiaru */
.product-card .product-form__item__input:checked + .visual-display .color__swatch {
border-radius: 6px;
}
/* niedostępny wariant - przyciemnij */
.product-card .product-form__item__input.disabled + .visual-display .color__swatch {
opacity: 0.4;
}
/* ukryj tooltip na overlayu - na malych swatchach przeszkadza */
.product-card .product-form__container__card .global__tooltip {
display: none;
}
.delivery-calendar {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin-top: 12px;
border-radius: 10px;
}
.delivery-calendar__day {
flex: 0 0 auto;
min-width: 36px;
padding: 5px 4px 6px;
border-radius: 8px;
text-align: center;
background: #fbfbfb;
color: #9a9a9a;
border: 1px solid #f4f4f4;
font-family: inherit;
transition: transform .15s ease;
}
.delivery-calendar__day:hover {
transform: translateY(-1px);
}
.delivery-calendar__day .dc-dow {
display: block;
font-size: 9px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.4px;
opacity: 0.75;
margin-bottom: 1px;
}
.delivery-calendar__day .dc-num {
display: block;
font-size: 13px;
font-weight: 600;
line-height: 1.1;
letter-spacing: -0.2px;
}
/* odcienie zielonego — czystsze, bardziej refined */
.delivery-calendar__day--g1 {
background: #e6f4d6;
color: #3a7d18;
border-color: #d2ebb6;
}
.delivery-calendar__day--g2 {
background: #b6dc91;
color: #245807;
border-color: #9ed078;
}
.delivery-calendar__day--g3 {
background: #5fae37;
color: #fff;
border-color: #4f9a2a;
box-shadow: 0 1px 0 rgba(0,0,0,0.04);
}
.delivery-calendar__day--g3 .dc-dow {
opacity: 0.85;
}
@media (max-width: 480px) {
.delivery-calendar { gap: 3px; padding: 6px; }
.delivery-calendar__day { min-width: 32px; padding: 4px 3px 5px; }
.delivery-calendar__day .dc-num { font-size: 12px; }
.delivery-calendar__day .dc-dow { font-size: 8.5px; }
}
.brick-sizes { margin: 18px 0; }
.brick-sizes__title {
margin: 0 0 14px;
font-size: 1rem;
font-weight: 700;
color: #2d2d2d;
}
.brick-sizes__row {
display: flex;
align-items: flex-end;
justify-content: space-around;
gap: 8px;
margin-bottom: 16px;
flex-wrap: nowrap;
}
.brick-sizes__item {
flex: 1 1 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
color: #c8cad0;
text-align: center;
text-decoration: none;
transition: color .2s ease, transform .2s ease;
cursor: pointer;
}
.brick-sizes__item:hover,
.brick-sizes__item:focus,
.brick-sizes__item:focus-visible,
.brick-sizes__item:active,
.brick-sizes__item:visited {
color: #2d2d2d;
text-decoration: none;
outline: none;
}
.brick-sizes__item:hover,
.brick-sizes__item:focus-visible {
transform: scale(1.08);
}
.brick-sizes__icon {
width: calc(var(--size, 60) * 1px);
height: calc(var(--size, 60) * 1px);
display: flex;
align-items: center;
justify-content: center;
transition: transform .2s ease;
}
.brick-sizes__icon svg {
width: 100%;
height: 100%;
display: block;
overflow: visible;
}
.brick-sizes__label {
font-size: 0.9rem;
font-weight: 500;
line-height: 1;
text-decoration: none;
}
/* aktywny */
.brick-sizes__item.is-active { color: #2d2d2d; }
.brick-sizes__item.is-active .brick-sizes__label { font-weight: 700; }
/* badge jako link */
.brick-sizes__badge {
display: block;
background: linear-gradient(98.42deg, #01999C 7.7%, #FFB400 28.22%, #FE5C71 49.13%, #AE75EA 69.25%, #304FFE 89.77%);
color: #fff;
padding: 8px 24px;
border-radius: 999px;
font-weight: 700;
font-size: 1rem;
text-align: left;
text-decoration: none;
transition: background .2s ease, transform .15s ease;
}
.brick-sizes__badge:hover,
.brick-sizes__badge:focus,
.brick-sizes__badge:focus-visible,
.brick-sizes__badge:active,
.brick-sizes__badge:visited {
color: #fff;
text-decoration: none;
background: #ff006a;
outline: none;
}
.brick-sizes__badge:hover {
transform: translateY(-1px);
}
@media (max-width: 600px) {
.brick-sizes__icon {
width: calc(var(--size, 60) * 0.78px);
height: calc(var(--size, 60) * 0.78px);
}
.brick-sizes__label { font-size: 0.78rem; }
.brick-sizes__badge { font-size: 0.9rem; padding: 12px 18px; }
.brick-sizes__item:hover { transform: scale(1.05); }
}
.gravity-button{
background-color: #FF008A !important;
}
shop-pay-button,
shop-pay-button::part(button) {
--shop-pay-button-background: #FF008A !important;
--shop-pay-button-color: #fff !important;
background: #FF008A !important;
border-radius: 8px !important;
}
/* wariant A i B - shop-pay-button web component */
shop-pay-button {
--shop-pay-button-background: #FF008A !important;
--shop-pay-button-bg: #FF008A !important;
--shop-pay-button-color: #fff !important;
--shop-pay-button-border-radius: 8px !important;
--shop-pay-button-disabled-background: #FF008A !important;
--shop-pay-button-hover-background: #FF008A !important;
}
shop-pay-wallet-button {
filter: hue-rotate(79deg) saturate(2) brightness(0.95);
}
/* wariant C - klasyczny shopify-payment-button */
.shopify-payment-button__button--branded,
.shopify-payment-button__button--unbranded {
background-color: #FF008A !important;
color: #fff !important;
border-radius: 8px !important;
}
.shopify-payment-button__button--branded:hover,
.shopify-payment-button__button--unbranded:hover {
background-color: #FF008A !important;
}
/* ukryj logo "shop" jeśli go nie chcesz w kolorowym buttonie */
.shopify-payment-button__button--branded svg,
.shopify-payment-button__button--branded img {
filter: brightness(0) invert(1);
}
/* schowaj button "More payment options" pod spodem jeśli też kolor */
.shopify-payment-button__more-options { color: #2d2d2d !important;text-decoration: none !important; }
.product-card .card_rating{
margin: 0px;
position: absolute;
z-index: 9;
top: 5px;
font-size: 13px;
color: #2d2d2d;
font-weight: 500;
left: 10px;
top: 5px !important;
}
.product-card .card_rating{
background: white;
border-radius: 5px;
padding-left: 5px !important;
}
.pieces_widget{
position: absolute;
top: 50px;
font-size: 13px;
left: 10px;
position: absolute;
z-index: 9;
font-size: 13px;
color: #2d2d2d;
font-weight: 500;
left: 10px;
background: white;
border-radius: 6.5px;
padding-left: 5px;
padding-right: 10px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.card_rating {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 8px 0;
font-size: 13px;
line-height: 1;
min-height: 14px;
}
.card_rating__stars {
position: relative;
width: 80px;
height: 14px;
background: linear-gradient(90deg, #ddd 0 100%);
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat;
mask: url("data:image/svg+xml;utf8,") no-repeat;
}
.card_rating__fill {
position: absolute;
inset: 0;
background: #FFA800;
width: 0;
}
.card_rating__text { color: #555; font-weight: 500; }
.pieces_widget span{
margin-left: 5px;
vertical-align: middle;
}
.pieces_widget img{
max-width: 30px;
max-height: 30px;
height: 30px;
width: 30px;
min-width: 30px;
min-height: 30px;
}
.tt-carousel-products .pieces_widget {
top: 40px ;
left: 10px;
display: inline-flex;
align-items: center;
}
.tt-carousel-products .pieces_widget img{
width: 5px !important;
height: 5px !important;
scale: 0.8;
max-height: 10px !important;
max-width: 10px !important;
margin-left: -3px;
}
.tt-carousel-products .pieces_widget span{
margin-left: 0px;
}
h1,h2,h3,.h1,.h2,.h3{
font-family: var(--font-heading-family);
font-style: var(--font-heading-style);
font-weight: var(--font-heading-weight);
color: var(--color-heading-block, var(--color-base-section, var(--color-heading-main)));
line-height: var(--font-heading-line-height);
word-break: break-word;
}
h4,h5,h6,.h4,.h5,.h6{
font-family: var(--font-h4h5h6-family,var(--font-heading-family));
font-style: var(--font-h4h5h6-style,var(--font-heading-style));
font-weight: var(--font-h4h5h6-weight,var(--font-heading-weight));
color: var(--color-heading-block, var(--color-base-section, var(--color-heading-main)));
line-height: var(--font-heading-line-height);
word-break: break-word;
}
.section-heading-text{
color: var(--color-base-section, var(--color-heading-main));
}
.section-heading-desc-text{
color: var(--color-base-section, var(--color-base));
}
.h1,.h2,.h3,.h4,.h5,.h6{
margin: 0;
}
h1>a,h2>a,h3>a,h4>a,h5>a,h6>a,
.h1>a,.h2>a,.h3>a,.h4>a,.h5>a,.h6>a{
color: var(--color-heading-block, var(--color-base-section, var(--color-heading-main)));
}
.subheading{
color: var(--color-accent-section ,var(--color-subheading-main));
font-size: 39px;
}
@media (min-width: 1025px){
h1,h2{
--h-mt: var(--main-text-top-offset);
--h-mb: var(--main-text-bottom-offset);
}
}
@media (max-width: 1024px){
h1,h2{
--h-mt: var(--main-text-top-offset);
--h-mb: var(--main-text-bottom-offset);
}
}
h1,.h1{
font-size: calc(48px * var(--font-h1h2h3_scale, var(--font-heading-scale)));
}
h2,.h2{
font-size: calc(40px * var(--font-h1h2h3_scale, var(--font-heading-scale)));
}
h1,h2{
margin-top: var(--h-mt, 0);
margin-bottom: var(--h-mb, 0);
}
h3,.h3{
font-size: calc(32px * var(--font-h1h2h3_scale, var(--font-heading-scale)));
}
@media (max-width: 576px){
h1,.h1{
font-size: calc(36px * var(--font-h1h2h3_scale, var(--font-heading-scale)));
}
h2,.h2{
font-size: calc(32px * var(--font-h1h2h3_scale, var(--font-heading-scale)));
}
h3,.h3{
font-size: calc(28px * var(--font-h1h2h3_scale, var(--font-heading-scale)));
}
}
h4,.h4{
font-size: calc(24px * var(--font-h4h5h6_scale, var(--font-heading-scale)));
}
h5,.h5{
font-size: calc(19px * var(--font-h4h5h6_scale, var(--font-heading-scale)));
}
h6,.h6{
font-size: calc(16px * var(--font-h4h5h6_scale, var(--font-heading-scale)));
}
h3,h4,h5,h6{
--h-mt: var(--main-text-top-offset);
--h-mb: var(--main-text-bottom-offset);
margin-top: var(--h-mt);
margin-bottom: var(--h-mb);
}
.body2{
font-size: var(--font-body2-size);
line-height: var(--font-body2-line-height);
font-weight: var(--font-body-weight);
}
.body3{
font-size: var(--font-body3-size);
line-height: var(--font-body3-line-height);
font-weight: var(--font-body-weight);
}
.body3-no-scale{
font-size: var(--font-body3-size-no-scale);
line-height: var(--font-body3-line-height);
font-weight: var(--font-body-weight);
}
strong,b,.strong{
--font-body-weight-bold-value: var(--font-body-weight-bold);
font-weight: var(--font-body-weight-bold);
}
h1.strong,h2.strong,h3.strong,h4.strong,h5.strong,h6.strong,.h1.strong,.h2.strong,.h3.strong,.h4.strong,.h5.strong,.h6.strong,
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,.h1 strong,.h2 strong,.h3 strong,.h4 strong,.h5 strong,.h6 strong,
h1 b,h2 b,h3 b,h4 b,h5 b,h6 b,.h1 b,.h2 b,.h3 b,.h4 b,.h5 b,.h6 b{
font-weight: var(--font-heading-weight);
}
p{
margin: var(--main-text-top-offset) 0 0;
}
ul, ol{
margin-top:var(--main-text-top-offset);
margin-bottom:0;
padding-left: 28px;
}
.unstyle-ul{
list-style: none;
margin: 0;
padding: 0;
}
a:empty, ul:empty, dl:empty, p:empty {
display: none;
}
img{
max-width: 100%;
vertical-align: middle;
}
meta+img,p+img{
max-width: 100%;
vertical-align: middle;
margin: var(--main-text-top-offset) 0 0;
}
p span img{
max-width: 100%;
vertical-align: middle;
}
button, button:active, button:focus {
outline: none;
}
button {
border: none;
}
.section-background--small{
--section-background-spacing: var(--sections-top-spacing--small);
--section-background-spacing-mobile: var(--sections-top-spacing--small-mobile);
}
.section-background--medium{
--section-background-spacing: var(--sections-top-spacing--medium);
--section-background-spacing-mobile: var(--sections-top-spacing--medium-mobile);
}
.section-background--normal{
--section-background-spacing: var(--sections-top-spacing);
--section-background-spacing-mobile: var(--sections-top-spacing-mobile);
}
.section-background{
padding-top: var(--section-background-spacing, 0);
padding-bottom: var(--section-background-spacing, 0);
padding-left: 0;
padding-right: 0;
background: var(--color-section-background-custom, var(--color-section-background));
}
.background__horizontal-line{
width:100%;
height:1px;
background:var(--color-lines);
}
.section-background--no-color{
background: unset;
}
@media(min-width: 577px){
[class*="page-wi"] .section-background{
padding-left: 40px;
padding-right: 40px;
}
}
@media(max-width: 576px){
.section-background{
padding-top: var(--section-background-spacing-mobile, 0);
padding-bottom: var(--section-background-spacing-mobile, 0);
}
[class*="page-"].section-background--mobile-width{
padding-left: 0;
padding-right: 0;
}
[class*="page-wi"] .section-background{
padding-left: var(--grid-padding);
padding-right:var(--grid-padding);
border-radius:0;
}
.background__page-padding0{
--grid-padding: 0;
}
}
.border__radius,
.image--radius img{
border-radius: var(--radius);
}
.section-heading-container{
display:flex;
flex-direction:column;
gap:16px;
}
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt6{margin-top:6px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt13{margin-top:13px;}
.mt15{margin-top:15px;}
.mt16{margin-top:var(--main-text-section-top-offset);}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.page-content__mockup .section-heading-container+*,
.section-heading-container:not(.section-heading-container--no-bt)+*,
.mt40{margin-top:30px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb16{margin-bottom:16px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mt-first-0>*:first-child{margin-top:0;}
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.nomargin{margin: 0;}
.mt--first-child-0 > *:first-child{margin-top:0;}
.mb--last-child-0 > *:last-child{margin-bottom:0;}
.text-uppercase{text-transform: uppercase !important;}
.justify-content-center{justify-content: center !important;}
.justify-content-end{justify-content: flex-end !important;}
.align-items-start{align-items: flex-start !important;}
.align-items-center{align-items: center !important;}
.align-items-end{align-items: flex-end !important;}
.align-self-center{align-self: center !important;}
.align-self-end{align-self: flex-end !important;}
.display-block{display: block;}
.display-flex{display: flex;}
.display-inline-flex{display: inline-flex;}
.justify-content-between{justify-content: space-between;}
.position-relative{position: relative;}
.hidden, .hide{display: none !important;}
.body-bold-weight{font-weight: var(--font-body-weight-bold);}
.visibility-hidden{
visibility: hidden;
display: none !important;
}
.visibility-hidden:first-child+*:not(.visibility-hidden){
margin-top: 0;
}
@media (max-width:1024px){
.hide-st{
display:none;
}
}
.mt0{margin-top: 0px;}
.mb0{margin-bottom: 0px;}
@media (min-width:577px){
.mt--first-child-0-desktop > *:first-child{margin-top:0;}
}
blockquote{
background: rgba(var(--color-base-rgb),.05);
border-radius: var(--radius);
padding: 30px;
margin: var(--main-text-top-offset) 0 0;
}
blockquote>:first-child{
margin: 0;
}
svg.theme-icon path,
svg.theme-icon rect{
fill: var(--color-text-icons-block, var(--color-base-section, var(--color-text-icons-main)));
}
svg > *{
transition: fill var(--duration-medium) var(--animation-bezier);
}
.placeholder__svg--bg{
position: relative;
overflow: hidden;
width: 100%;
}
.placeholder__svg--bg-none{
background: rgba(0,0,0,0);
}
.icon-as-image img{
width:var(--icon-image-width, 40px);
height:auto;
}
.placeholder__svg--bg svg{
display: flex;
width: 100%;
height: auto;
}
tag-image{
display:flex;
width:100%;
}
.image-hover-box__container{
display:block;
position:relative;
overflow:hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
height: max-content;
z-index:0;
}
.image-hover-box{
display:block;
position:relative;
border-radius: var(--custom-image-radius, var(--radius));
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
z-index:0;
}
.image-hover-box>*{
pointer-events:none;
}
.change-to__small-radius .product-card swiper-slider,
.change-to__small-radius .image-hover-box,
.image-hover-box__small-radius{
border-radius: var(--radius-image);
}
.image-hover-box--circle{
border-radius: 50%!important;
}
@media (min-width:577px){
.image-aspratio-round--desktop{
border-radius: 50%!important;
}
}
@media (max-width:576px){
.image-aspratio-round--mobile{
border-radius: 50%!important;
}
}
shopify-accelerated-checkout{
text-align: center;
}
summary {
cursor: pointer;
list-style: none;
}
summary::-webkit-details-marker {
display: none;
}
[style*="--aspect-ratio"]{
position: relative;
overflow: hidden;
width: 100%;
z-index:0;
}
[style*="--aspect-ratio"] img,
[style*="--aspect-ratio"].placeholder__svg--bg svg{
backface-visibility: hidden;
transform: translateZ(0);
object-fit: cover;
object-position: var(--media-object-position, center);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index:0;
}
.image-fit-contain [style*="--aspect-ratio"] img{
object-fit: contain;
}
[style*="--aspect-ratio"]:before{
content: "";
display: block;
width: 100%;
height: 0;
padding-top: calc(100%/(0 + var(--aspect-ratio, 1 / 1)));
transition: background 1s var(--animation-bezier);
}
[style*="--aspect-ratio"].bg-preloader:before{
background:var(--color-image-preloader-bg);
}
[style*="--aspect-ratio"].bg-preloader:has(.image-loaded):before{
background:transparent;
}
@media (max-width: 576px){
[style*="--aspect-ratio-mobile"]:before{
--aspect-ratio: var(--aspect-ratio-mobile);
}
}
@media (min-width: 1025px){
.image-hover01 .image-hover-box>*,
.image-hover01-personal .image-hover-personal-element .image-hover-box>*{
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.image-hover01:not(.image-hover01-rotate-personal):hover .image-hover-box>*,
.image-hover01-personal:hover .image-hover-personal-element .image-hover-box>*{
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.image-hover01.image-hover01-rotate:hover .image-hover-box>*,
.image-hover01.image-hover01-rotate-personal:hover .image-hover-personal-element .image-hover-box>*{
-webkit-transform: scale(1.2) rotate(-10deg);
transform: scale(1.2) rotate(-10deg);
}
.image-hover02 .image-hover-box img,
.image-hover02-personal .image-hover-personal-element .image-hover-box img,
.image-hover02 .image-hover-box svg{
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.image-hover02:hover .image-hover-box img,
.image-hover02-personal:hover .image-hover-personal-element .image-hover-box img,
.image-hover02:hover .image-hover-box svg{
max-width:116%;
width:116%;
height:116%;
}
.image-hover03 .image-hover-box>*,
.image-hover03-personal .image-hover-personal-element .image-hover-box>*{
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.image-hover03:hover .image-hover-box>*,
.image-hover03-personal:hover .image-hover-personal-element .image-hover-box>*{
-webkit-transform: scale(1);
transform: scale(1);
}
.image-hover04 .image-hover-box img,
.image-hover04-personal .image-hover-personal-element .image-hover-box img,
.image-hover04 .image-hover-box svg{
max-width:116%;
width:116%;
height:116%;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.image-hover04:hover .image-hover-box img,
.image-hover04-personal:hover .image-hover-personal-element .image-hover-box img,
.image-hover04:hover .image-hover-box svg{
max-width:100%;
width:100%;
height:100%;
}
.image-hover05 .image-hover-box img,
.image-hover05-personal .image-hover-personal-element .image-hover-box img,
.image-hover05 .image-hover-box svg{
left: 0;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.image-hover05:hover .image-hover-box img,
.image-hover05-personal:hover .image-hover-personal-element .image-hover-box img,
.image-hover05:hover .image-hover-box svg{
left: -30px;
}
[class*="image-hover05"] img,
[class*="image-hover05"] .placeholder__svg--bg svg{
width: calc(100% + 30px);
max-width:unset;
}
.image-hover06 .image-hover-box>*:after,
.image-hover06-personal .image-hover-personal-element .image-hover-box>*:after{
position: absolute;
top: 0;
left: -150%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.image-hover06:hover .image-hover-box>*:after,
.image-hover06-personal:hover .image-hover-personal-element .image-hover-box>*:after{
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
1% {
left: -100%;
}
100% {
left: 125%;
}
}
@keyframes shine {
1% {
left: -100%;
}
100% {
left: 125%;
}
}
}
table{
overflow:hidden;
border: 0;
padding: 0;
background: none;
border-collapse: separate;
border-spacing: 0;
border-radius:var(--radius-table);
width: 100%;
text-align: left;
border: var(--border);
--border: 1px solid var(--color-lines);
word-break: break-word;
}
.scroll-table-mobile:not(:only-child) table,
table:not(:only-child){
margin-top:var(--main-text-top-offset);
}
dd,dl{
margin:0;
}
th{
font-weight:var(--font-body-weight-bold);
}
td{
font-weight:var(--font-body-weight);
border:none;
}
table.rounded-corners th:not(:last-child),
table.rounded-corners td:not(:last-child) {
border-right: var(--border);
}
table>thead>tr:not(:last-child)>th,
table>thead>tr:not(:last-child)>td,
table>tbody>tr:not(:last-child)>th,
table>tbody>tr:not(:last-child)>td,
table>tfoot>tr:not(:last-child)>th,
table>tfoot>tr:not(:last-child)>td,
table>thead:not(:last-child)>tr>th,
table>thead:not(:last-child)>tr>td,
table>tbody:not(:last-child)>tr>th,
table>tbody:not(:last-child)>tr>td,
table>tfoot:not(:last-child)>tr>th,
table>tfoot:not(:last-child)>tr>td,
table>tr:not(:last-child)>td,
table>tr:not(:last-child)>th,
table>thead:not(:last-child),
table>tbody:not(:last-child),
table>tfoot:not(:last-child) {
border-bottom: var(--border);
}
table th:not(:last-child),
table td:not(:last-child){
border-right: var(--border);
}
td, th {
padding:10px;
}
table h1, table h2, table h3, table h4, table h5, table h6{
margin-top: 0;
margin-bottom: 0;
}
table thead{
text-align: left;
}
@media (max-width:576px){
.scroll-table-mobile{
overflow-y: hidden;
overflow-x: auto;
width: calc(100% + 15px);
padding-right:20px;
}
.scroll-table-mobile table{
width: max-content!important;
min-width: 100%;
max-width: 767px;
}
}
.page-content__mockup img{
border-radius:var(--radius);
}
.page-content__mockup iframe{
display:block;
border-radius: var(--radius);
width: 100%;
height: auto;
aspect-ratio: 16/9;
margin-top:var(--main-text-top-offset);
}
.page-content__mockup p iframe{
margin-top:0;
}
.link{
--color-link-text:var(--color-link-button-block, var(--color-accent-section, var(--color-link-button)));
--color-link-icon:var(--color-link-button-icon-block, var(--color-accent-section, var(--color-link-button-icon)));
--color-link-text-hover:var(--color-link-button-block-hover, var(--color-base-section, var(--color-link-button-hover)));
--color-link-icon-hover:var(--color-link-button-icon-block-hover, var(--color-base-section, var(--color-link-button-icon-hover)));
cursor: pointer;
display: inline-flex;
gap:5px;
align-items: center;
border: none;
box-shadow: none;
text-decoration: none;
background-color: transparent;
position:relative;
padding: 0;
margin: 0;
text-decoration: none;
color:var(--color-link-text);
font-family:var(--font-body-family);
font-style:var(--font-body-style);
font-size:var(--font-body3-size);
line-height:var(--font-body3-line-height);
transition: color var(--duration-medium) var(--animation-bezier);
}
.link.link--medium{
font-size: var(--font-body2-size);
line-height: var(--font-body2-line-height);
gap:8px;
}
.link.link--big{
font-size: calc(19px * var(--font-h4h5h6_scale, var(--font-heading-scale)));
font-family: var(--font-h4h5h6-family,var(--font-heading-family));
font-style: var(--font-h4h5h6-style,var(--font-heading-style));
font-weight: var(--font-h4h5h6-weight,var(--font-heading-weight));
line-height: var(--font-heading-line-height);
}
.link--max-content{
width:max-content;
}
.link svg{
flex: 0 0 auto;
}
.link svg path{
fill: var(--color-link-icon);
}
.link.link-hover-span span{
position:relative;
}
.link:not(.link-hover-span):before,
.link.link-hover-span span:before{
content: "";
position: absolute;
width: 0;
height:var(--animation-underline-thin);
left: 0;
top: 100%;
background: var(--color-link-text-hover);
transition: width var(--duration-medium) var(--animation-bezier);
pointer-events:none;
}
.link.link-hover-span span span:before{
content: none;
}
.link.link-hover-span--underline span:before{
width: 100%;
background: var(--color-link-text);
}
.heading-color-block-main,
.heading-color-block-hover{
--color-heading-block:var(--color-heading-link-block, var(--color-base-section, var(--color-heading-main)));
color:var(--color-heading-block);
}
.heading-color-block-main.animation-underline{
--color-hover:var(--color-heading-block);
}
@media (min-width: 1025px){
.heading-color-block-hover {
transition: color var(--duration-medium) var(--animation-bezier);
}
.heading-color-block-hover.animation-underline{
--color-hover:var(--color-heading-hover-block, var(--color-accent-section, var(--color-accent)));
}
.hover-area:hover .link:not(.native-hover),
.link:not(:empty):not(.empty):hover{
text-decoration:none;
color:var(--color-link-text-hover);
}
.heading-color-block-hover:hover,
.hover-area:hover .heading-color-block-hover:not(.native-hover){
text-decoration:none;
color:var(--color-heading-hover-block, var(--color-accent-section, var(--color-accent)));
}
.hover-area:hover .link:not(.native-hover) svg path,
.link:hover svg path{
fill:var(--color-link-icon-hover);
}
.hover-area:hover .link:not(.native-hover):not(.link-hover-span):hover:before,
.link:not(.link-hover-span):hover:before,
.hover-area:hover .link.link-hover-span:not(.native-hover):hover span:before,
.link.link-hover-span:hover span:before{
text-decoration: none;
width: 100%;
}
.link.link-hover-span--underline:hover span:before{
width: 0%;
}
}
.link.active,
.link.link-active{
color:var(--color-link-text-hover);
}
.link.active svg path,
.link.link-active svg path{
fill:var(--color-link-icon-hover);
}
.link.link-hover-span.active span:before,
.link.link-hover-span.link-active span:before{
text-decoration: none;
width: 100%;
}
.link__base-to_accent-color{
--color-link-text: var(--color-link-button-block-inverse, var(--color-base-section, var(--color-base)));
--color-link-icon: var(--color-link-button-icon-block-inverse, var(--color-base-section, var(--color-base)));
--color-link-text-hover: var(--color-link-button-block-inverse-hover, var(--color-accent-section, var(--color-accent)));
--color-link-icon-hover: var(--color-link-button-icon-block-inverse-hover, var(--color-accent-section, var(--color-accent)));
}
.btn{
--background: var(--color-button-block, var(--color-accent-section, var(--color-button_main, var(--color-accent))));
--color:var(--color-button-text_main, var(--color-base));
--border:var(--color-button-border_main);
--background-hover: var(--color-button-hover-block, var(--color-base-section, var(--color-button-hover_main, var(--color-base))));
--background-program-hover: var(--background-hover);
--color-hover:var(--color-button-text-hover_main, var(--color-accent));
--border-hover:var(--color-button-border-hover_main);
--border-width:var(--border-button-width_main);
--border-width-hover:var(--border-button-width-hover_main);
--icon:var(--color-button-icon_main, var(--color-base));
--icon-hover:var(--color-button-icon-hover_main, var(--color-accent));
--button-opacity-hover:var(--color-button-opacity-hover_main);
--shadow-button-current:var(--shadow-button_main);
--shadow-button-current-hover:var(--shadow-button-hover_main);
--self-border-width:var(--border-button-width-value_main);
--height:40px;
position: relative;
display: inline-flex;
vertical-align:top;
justify-content: center;
align-items:center;
text-align:center;
font-family: var(--font-button-family, var(--font-body-family));
font-style: var(--font-button-style, var(--font-body-style));
font-weight: var(--font-button-weight);
font-size: calc(14px * var(--font-button_scale, var(--font-body-scale)));
line-height: var(--font-body2-line-height);
height:var(--height);
background: transparent;
color: var(--color);
border-radius: var(--radius-button);
padding: 0 20px 0;
width: auto;
text-decoration: none;
cursor: pointer;
box-shadow:var(--shadow-button-current);
transition: color var(--duration-medium) var(--animation-bezier),
box-shadow var(--duration-medium) var(--animation-bezier);
}
.btn>*{
position:relative;
z-index:1;
}
.btn-small-width{
width:max-content;
}
.btn__texts{
pointer-events:none;
position:relative;
display:flex;
justify-content:center;
align-items:center;
gap:10px;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
height:calc(var(--height) - var(--self-border-width) * 2);
z-index:1;
}
.btn--large{
--height:50px;
font-size: var(--font-body-size);
line-height: var(--font-body-line-height);
}
.btn--border{
--background: var(--color-button-block_secondary, var(--color-button_secondary, var(--color-body-background)));
--color:var(--color-button-text_secondary, var(--color-accent-section, var(--color-accent)));
--border:var(--color-button-border_secondary-block, var(--color-accent-section, var(--color-button-border_secondary, var(--color-accent))));
--background-hover: var(--color-button-hover-block_secondary, var(--color-accent-section, var(--color-button-hover_secondary, var(--color-accent))));
--color-hover:var(--color-button-text-hover_secondary, var(--color-base));
--border-hover:var(--color-button-border-hover_secondary);
--border-width:var(--border-button-width_secondary);
--border-width-hover:var(--border-button-width-hover_secondary);
--icon:var(--color-button-icon_secondary, var(--color-accent-section, var(--color-accent)));
--icon-hover:var(--color-button-icon-hover_secondary, var(--color-base));
--button-opacity-hover:var(--color-button-opacity-hover_secondary);
--shadow-button-current:var(--shadow-button_secondary);
--shadow-button-current-hover:var(--shadow-button-hover_secondary);
--self-border-width:var(--border-button-width-value_secondary);
}
.btn--tabs{
--background: var(--color-button-block_tabs, var(--color-button_tabs, var(--color-secondary-background)));
--color:var(--color-button-text-block_tabs, var(--color-base-section, var(--color-button-text_tabs, var(--color-base))));
--border:var(--color-button-border_tabs, var(--color-secondary-background));
--background-hover: var(--color-button-hover-block_tabs, var(--color-base-section, var(--color-button-hover_tabs, var(--color-base))));
--color-hover:var(--color-button-text-hover_tabs);
--border-hover:var(--color-button-border-hover_tabs);
--border-width:var(--border-button-width_tabs);
--border-width-hover:var(--border-button-width-hover_tabs);
--icon:var(--color);
--icon-hover:var(--color-hover);
--button-opacity-hover:var(--color-button-opacity-hover_tabs);
--shadow-button-current:unset;
--shadow-button-current-hover:unset;
--self-border-width:var(--border-button-width-value_tabs);
}
.btn--tabs.active{
--background: var(--color-button-hover-block_tabs, var(--color-base-section, var(--color-button-hover_tabs, var(--color-base))));
--color:var(--color-button-text-hover_tabs);
--border:var(--color-button-border-hover_tabs);
--border-width:var(--border-button-width-hover_tabs);
--button-opacity:var(--color-button-opacity-hover_tabs);
cursor: default;
pointer-events: none;
}
.btn--checkout{
--radius-button:var(--radius-button-product-page);
--background: var(--color-button-block, var(--color-accent-section, var(--color-button_checkout, var(--color-accent))));
--color:var(--color-button-text_checkout, var(--color-accent));
--border:var(--color-button-border_checkout, var(--color-accent));
--background-hover: var(--color-button-hover-block, var(--color-base-section, var(--color-button-hover_checkout, var(--color-base))));
--color-hover:var(--color-button-text-hover_checkout, var(--color-base));
--border-hover:var(--color-button-border-hover_checkout);
--border-width:var(--border-button-width_checkout);
--border-width-hover:var(--border-button-width-hover_checkout);
--icon:var(--color-button-icon_checkout, var(--color-accent));
--icon-hover:var(--color-button-icon-hover_checkout, var(--color-base));
--button-opacity-hover:var(--color-button-opacity-hover_checkout);
--shadow-button-current:var(--shadow-button_checkout);
--shadow-button-current-hover:var(--shadow-button-hover_checkout);
--self-border-width:var(--border-button-width-value_checkout);
--height:50px;
}
.btn--addtocart-page{
--radius-button:var(--radius-button-product-page);
--background: var(--color-button-block_addtocart, var(--color-accent-section, var(--color-button_addtocart, var(--color-accent))));
--color:var(--color-button-text_addtocart, var(--color-accent));
--border:var(--color-button-border_addtocart, var(--color-accent));
--background-hover: var(--color-button-hover-block_addtocart, var(--color-base-section, var(--color-button-hover_addtocart, var(--color-base))));
--color-hover:var(--color-button-text-hover_addtocart, var(--color-base));
--border-hover:var(--color-button-border-hover_addtocart);
--border-width:var(--border-button-width_addtocart);
--border-width-hover:var(--border-button-width-hover_addtocart);
--icon:var(--color-button-icon_addtocart, var(--color-accent));
--icon-hover:var(--color-button-icon-hover_addtocart, var(--color-base));
--button-opacity-hover:var(--color-button-opacity-hover_addtocart);
--shadow-button-current:var(--shadow-button_addtocart);
--shadow-button-current-hover:var(--shadow-button-hover_addtocart);
--self-border-width:var(--border-button-width-value_addtocart);
}
.btn span>svg{
max-width:20px;
max-height:20px;
}
.btn svg path{
fill: var(--icon);
transition: fill var(--duration-medium) var(--animation-bezier);
}
.btn:hover{
text-decoration: none;
}
.btn__top-text,
.btn__bottom-text{
display:flex;
justify-content:center;
align-items:center;
gap:8px;
}
.btn__top-text>svg,
.btn__bottom-text>svg{
flex:0 0 auto;
}
.btn__no-shadow{
box-shadow:unset;
}
.btn:before,
.btn:after{
content:"";
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border-radius: var(--radius-button);
background: var(--background-hover);
z-index:0;
opacity:0;
transition: all var(--duration-medium) var(--animation-bezier);
border: var(--border-width) solid var(--border);
}
.btn:after{
border: var(--border-width-hover) solid var(--border-hover);
}
.btn:before{
background: var(--background);
opacity:1;
transition: none;
}
.secondary-btn__container{
display: flex;
flex-wrap:wrap;
gap:15px;
}
@media (min-width:1025px){
.hover-area:hover .btn:not(.native-hover),
.btn:hover{
color: var(--color-hover);
box-shadow:var(--shadow-button-current-hover);
}
.hover-area:hover .btn:not(.native-hover) svg path,
.btn:hover svg path{
fill: var(--icon-hover);
}
.hover-area:hover .btn:not(.native-hover):before,
.btn:hover:before{
opacity:0;
transition: all var(--duration-medium) 100ms var(--animation-bezier);
}
.hover-area:hover .btn:not(.native-hover):after,
.btn:hover:after{
opacity:1;
}
.btn__transition-text .btn__top-text.is-visible {
position: relative;
top: 0;
padding-bottom: 1px;
}
.btn__transition-text .btn__bottom-text.is-hidden {
position: absolute;
top: 100%;
right: 0;
left: 0;
padding-bottom: 1px;
color: var(--color-hover) !important;
}
svg~.btn__bottom-text.is-hidden{
left: 30px;
}
.btn__transition-text .btn__bottom-text,
.btn__transition-text .btn__top-text {
/*transition: top 0.4s, transform 0.4s;*/
}
.hover-area:hover .btn__transition-text:not(.native-hover) .btn__bottom-text.is-hidden,
.btn__transition-text:hover .btn__bottom-text.is-hidden {
top: 50%;
transform: translate(0, -50%);
}
.hover-area:hover .btn__transition-text:not(.native-hover) .btn__top-text.is-visible,
.btn__transition-text:hover .btn__top-text.is-visible {
top: -20em;
}
}
@media (min-width:577px){
.btn-wide{
width:100%;
max-width:300px;
}
.btn-wide2{
min-width:300px;
max-width:100%;
}
}
@media (max-width:1024px){
.btn__bottom-text.is-hidden {
display:none;
}
.w-t-full{
width:100%;
max-width:100%;
}
}
@media (max-width:576px){
.btn-wide-mob,
.btn-wide,
.btn-wide2{
width:100%;
}
}
.btn[aria-disabled=true]{
cursor: not-allowed;
opacity:.3;
}
.link[aria-disabled=true]{
cursor: not-allowed;
opacity: .5;
pointer-events: none;
}
.separate-line{
height:1px;
background:var(--color-lines);
width:100%;
}
.animation-underline{
--color-hover:var(--color-animation-underline,var(--color-accent-section, var(--color-accent)));
display: inline-flex;
position: relative;
text-decoration: none;
}
.animation-underline:before{
content: "";
position: absolute;
width: 0;
height: var(--animation-underline-thin);
left: 0;
top: 100%;
background: var(--color-hover);
transition: width var(--duration-medium) var(--animation-bezier);
pointer-events:none;
}
.animation-underline--active:before{
width: 100%;
}
@media (min-width: 1025px){
.animation-underline:hover{
text-decoration:none;
}
.hover-area:hover .animation-underline:not(.native-hover):before,
.animation-underline:hover:before{
text-decoration: none;
width: 100%;
}
.hover-area:hover .animation-underline:not(.native-hover):not(.default-state):hover:before{
text-decoration: none;
width: 0;
}
.button-transition-up>*,
a.transition-up>*{
position:relative;
transition: all 0.20s ease-out;
}
.button-transition-up:hover>*,
a.transition-up:hover>*{
transform: translateY(-5px);
}
}
.badges__container{
display:none !important;
gap:3px;
flex-wrap:wrap;
pointer-events:none;
font-weight: var(--font-body-weight-bold);
}
.badges__container--gap5{
gap:5px;
}
.badges__container .badges-item__menu{
margin-left:0;
}
.badges-item__small{
border-radius:var(--radius-badge);
font-size:10px;
padding: 2px 5px 3px;
}
.badges-item__medium{
border-radius:var(--radius-badge);
font-size:12px;
padding: 7px 12px;
width:max-content;
}
.badges-item__menu{
display:inline-flex;
margin-left:5px;
vertical-align: middle;
background:var(--auto-accent-color-bg);
color:var(--auto-accent-color-text);
}
.overflow-hidden-mobile,
.overflow-hidden-tablet,
.overflow-hidden {
overflow: hidden;
}
@media (min-width: 1025px){
.hide-desktop{
display:none !important;
}
}
@media (max-width: 1024px){
.hide-mobile-xl-st{
display:none !important;
}
}
terms_and_condition-checkbox{
display:block;
}
terms_and_condition-checkbox:not(.checked)+*,
terms_and_condition-checkbox:not(.checked)~.cart__dynamic-checkout-buttons {
pointer-events: none;
opacity: .3;
}
.accent-color{
color:var(--color-accent-section, var(--color-accent));
}
.accent-to-base-color{
color:var(--color-base);
}
.w-full {width:100%;}
.h-full {height:100%;}
@media (min-width:577px){
.h-full-desktop-tablet {height:100%;}
}
@media (max-width:576px){
.w-full-mobile {
width:100%;
}
}
.shopify-challenge__message{
margin:0 0 30px;
}
.shopify-challenge__container .shopify-challenge__button{
margin:40px auto 0;
}
.shopify-challenge__container{
margin:200px auto;
}
.section__richtext__editor>:first-child{
margin-top:0;
}
.section__richtext__editor h1,
.section__richtext__editor h2,
.section__richtext__editor h3,
.section__richtext__editor h4,
.section__richtext__editor h5,
.section__richtext__editor h6{
margin: 0;
}
.section__richtext__editor ul,
.section__richtext__editor ol{
margin:0;
padding:0 0 0 40px;
max-width: max-content;
}
.text-center .section__richtext__editor ul,
.text-center .section__richtext__editor ol,
.text-center.section__richtext__editor ul,
.text-center.section__richtext__editor ol{
margin-left: auto;
margin-right: auto;
}
.section__richtext__editor>*:not(:first-child){
margin-top:16px;
}
.section__richtext__editor.section__richtext__editor--mt10>*:not(:first-child){
margin-top:10px;
}
.loading-overlay__spinner{
position:absolute;
width: 20px;
height: 20px;
display: inline-block;
z-index: 1;
}
.loading > *:not(.loading-overlay__spinner){
opacity: 0;
visibility: hidden;
}
.spinner {
animation: rotator 1.4s linear infinite;
}
@keyframes rotator {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(270deg);
}
}
.path {
stroke-dasharray: 280;
stroke-dashoffset: 0;
transform-origin: center;
stroke: var(--color-loader, var(--color-base-section, var(--color-base)));
animation: dash 1.4s ease-in-out infinite;
}
.btn .path {
stroke: var(--icon-hover);
}
@media screen and (forced-colors: active) {
.path{
stroke: CanvasText;
}
}
@keyframes dash {
0% {
stroke-dashoffset: 280;
}
50% {
stroke-dashoffset: 75;
transform: rotate(135deg);
}
100% {
stroke-dashoffset: 280;
transform: rotate(450deg);
}
}
@media (hover:hover){
.modal-close-animation svg{
transition: transform var(--duration-medium) cubic-bezier(0.5, -0.33, 0.26, 1.19);
}
.modal-close-animation:hover svg{
transform: rotate(90deg);
}
}
.themeloader_container {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
display:flex;
align-items:center;
justify-content:center;
pointer-events:none;
z-index:100;
opacity:0;
visibility:hidden;
transition: opacity var(--duration-medium) var(--animation-bezier),
visibility var(--duration-medium) var(--animation-bezier);
}
.themeloader_container--absolute {
position:absolute;
}
@media (min-width:1025px){
.themeloader_container {
left:var(--left, 0);
right:var(--right, 0);
}
}
.themeloader_container.loading_now {
opacity:1;
visibility:visible;
}
.themeloader_container__content{
transform: scale(.7);
}
.themeloader {
-webkit-animation: rotate 1.2s linear infinite normal;
animation: rotate 1.2s linear infinite normal;
position: relative;
transform-origin: 50% 50%;
transform: scale(0.7);
}
.themeloader__ball {
height: 1.75rem;
left: -0.875rem;
position: absolute;
top: -0.875rem;
transform-origin: 50% 50%;
width: 1.75rem;
}
.themeloader__ball:nth-of-type(2) {
transform: rotate(120deg);
}
.themeloader__ball:nth-of-type(3) {
transform: rotate(240deg);
}
.themeloader__ball::after {
-webkit-animation: moveAndScale 0.6s ease-in-out infinite alternate;
animation: moveAndScale 0.6s ease-in-out infinite alternate;
background-color: var(--color-accent);
border-radius: 50%;
content: "";
display: inline-block;
height: 100%;
width: 100%;
transform-origin: 50% 50%;
}
@-webkit-keyframes rotate {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes moveAndScale {
0%, 15% {
transform: translateY(0) scale(0.65);
}
100% {
transform: translateY(-150%) scale(1);
}
}
@keyframes moveAndScale {
0%, 15% {
transform: translateY(0) scale(0.65);
}
100% {
transform: translateY(-150%) scale(1);
}
}
.big-svg-icon svg{
width:40px;
height:40px;
}
.big-svg-icon__opacity-20{
opacity:0.2;
}
.color-error{
color:var(--color-error);
}
*:focus {
outline: 0;
}
*:focus-visible:not(textarea):not(input):not(select){
outline: 4px solid #0909FF;
outline-offset: 3px;
}
.breadcrumb-background{
background:var(--color-breadcrumb-background, transparent);
}
@media (min-width:1025px){
.breadcrumb .breadcrumb-background-boxed{
padding-left:20px;
padding-right:20px;
border-radius:var(--radius);
background:var(--color-breadcrumb-background, transparent);
}
}
@media (max-width:1024px){
.breadcrumb:has(.breadcrumb-background-boxed){
background:var(--color-breadcrumb-background, transparent);
}
}
.breadcrumb__container{
display: flex;
flex-wrap: wrap;
align-items: center;
row-gap: 5px;
column-gap: 21px;
padding:18px 0;
color:var(--color-breadcrumb-text, var(--color-base));
}
.breadcrumb li {
position:relative;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
}
.breadcrumb li:not(:last-child):before {
content:"";
display:flex;
position:absolute;
right:-11px;
width:1px;
height:15px;
background:var(--color-breadcrumb-line, var(--color-lines));
}
.breadcrumb__container__home svg path{
fill: var(--color-breadcrumb-text, var(--color-base));
}
.breadcrumb__container__home:hover svg path{
fill: var(--color-breadcrumb-text-hover, var(--color-accent));
}
.breadcrumb .link{
--color-link-text: var(--color-breadcrumb-text, var(--color-base));
--color-link-text-hover: var(--color-breadcrumb-text-hover, var(--color-accent));
}
body:has(header .page-wide) .breadcrumb .page-width{
width: 100%;
max-width: unset;
margin-left: unset;
margin-right: unset;
}
@media (min-width:1025px){
.content-for-layout .shopify-policy__container{
max-width: calc(var(--page-width) * 2 / 3);
width: calc(var(--page-width) * 2 / 3);
}
}
.index-top-spacing-none+[class*="top-spacing"]{
margin-top:0;
}
.footer__content{
margin-top: auto;
}
footer .image-hover-box{
max-width: 300px;
}
#theme-block-link_list_tCkgCf{
padding-left: 100px;
}
#theme-block-gallery_7KC8Yi .page-grid-5{
padding-right: 50px !important;
}
#theme-block-gallery_BReYE6 .page-grid-5{
padding-right: 50px !important;
}
#theme-block-social_mjW3DX{
padding-left: 0px;
}
footer [class*="page-grid-"].page-vertical-gap-40{
gap: 20px !important;
}
#theme-block-media_with_text_PeGMNX .media-with-text__block-item__container:first-child>*:first-child{
display: none;
}
#theme-block-media_with_text_PeGMNX .media-with-text__block-item__content{
margin-top: 0px;
}
#theme-section-sections--26991077163353__footer #theme-block-media_with_text_8UCif9{
padding-left: 0px !important;
}
shopify-accelerated-checkout,
shopify-accelerated-checkout-cart {
--shopify-accelerated-checkout-button-border-radius: var(--radius-button);
--shopify-accelerated-checkout-button-block-size:50px;
}
.cart-notification__content shopify-accelerated-checkout,
.cart-notification__content shopify-accelerated-checkout-cart {
--shopify-accelerated-checkout-button-block-size:40px;
}
#carousel_reviews {
position: relative;
border: 0.5px solid grey !important;
border-radius: 20px;
border-style: dashed;
padding-left: 20px;
}
.loaded {
filter: blur(0) !important;
opacity: 1 !important;
}
.tt-review-list_desc:before {
content: "\201C";
position: absolute;
top: -10px;
left: 0;
font-family: Arial, sans-serif;
font-size: 50px;
font-style: normal;
color: grey;
}
.tt-review-list_desc:before {
content: "\201C";
position: absolute;
top: -10px;
left: 0;
font-family: Arial, sans-serif;
font-size: 50px;
font-style: normal;
color: grey;
}
.auto_translated span:nth-of-type(1) {
font-size: 0.8rem;
font-weight: 550;
}
.auto_translated span:nth-of-type(2) {
font-size: 0.65rem;
padding-left: 10px;
}
.ainfo_desc {
font-size: 10px;
width: 300px;
line-height: 12px;
min-width: 350px;
}
.ainfo_desc {
font-size: 10px;
width: 300px;
line-height: 12px;
min-width: 350px;
display: none;
text-align: left;
height: auto;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
padding: 20px;
background: white;
margin: 10px;
position: absolute;
z-index: 99;
bottom: 120px;
border-radius: 10px;
}
.product_info_a {
text-align: center;
height: auto;
min-height: 120px;
height: 120px;
}
.key_product_info .icon_ainfo_hint {
right: -10px;
top: -10px;
}
.icon-h-07:before {
content: "\ea26";
}
.key_product_info h6:not([class^="tt-title"]):not([class^="tt-collapse"]):not([class^="tt-aside"]){
line-height: 15px;
padding-top: 0px;
font-weight: 100;
font-size: smaller;
}
.key_product_info .ainfo_noorginalbox .ainfo_img{
background: #f7f8fa;
padding: 8px;
border-radius: 7px;
height: 65px !important;
}
.key_product_info .ainfo_remotecontroll .ainfo_img{
background: #f7f8fa;
padding: 8px;
border-radius: 7px;
height: 65px !important;
}
.key_product_info .ainfo_orginalbox .ainfo_img{
background: #f7f8fa;
padding: 8px;
border-radius: 7px;
height: 65px !important;
}
.key_product_info .ainfo_figures .ainfo_img{
background: #f7f8fa;
padding: 8px;
border-radius: 7px;
height: 65px !important;
}
.key_product_info .ainfo_microblocks .ainfo_img{
background: #f7f8fa;
padding: 11px;
padding-bottom: 12px;
padding-top: 12px;
border-radius: 7px;
height: 65px !important;
}
.key_product_info .ainfo_agesuggested img{
background: #f7f8fa;
padding: 11px;
border-radius: 7px;
}
.key_product_info .ainfo_lego_compatibility .ainfo_img{
background: #f7f8fa;
padding: 8px;
border-radius: 7px;
height: 65px !important;
}
.key_product_info .ainfo_lego .ainfo_img{
background: #f7f8fa;
padding: 8px;
border-radius: 7px;
height: 65px !important;
}
.key_product_info{
display: inline-flex;
padding-top: 15px;
gap: 20px;
position: relative;
width: 100%;
margin-top: 0px !important;
}
#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810{
bottom: 15px !important;
}
#shopify-chat{
position: sticky !important;
z-index: 9999999;
}
.key_product_info .icon_ainfo_hint{
right: -10px;
top: -10px;
}
.shopify-product-form{
margin-top: 30px;
}
.save_price{
font-size: 12px;
text-align: center;
vertical-align: middle;
border: 2px solid #4ba44b;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 6px;
padding-right: 6px;
color: #4ba44b;
margin-top: -5px;
border-radius: 6px;
}
shopify-accelerated-checkout {
--shopify-accelerated-checkout-button-block-size: 50px;
}
.apple-pay--dark{
min-height: 50px;
}
.apple-pay--content{
min-height: 50px;
}
.mobile_only{display: none;}
#vstar-reviews #reviews-body .resource-item{
pointer-events: none;
}
.tt-product-single-info .btn-addtocart:hover{
border: 1px solid #808080 !important;
background: #f7f8fa;
}
.for-footer-blocks {
padding-bottom: 0px !important;
}
.tt-product-single-info .tt-wrapper .tt-row-custom-01{
display: inline-flex;
flex-direction: row;
}
.tt-product .tt-description .tt-btn-addtocart [class^="icon"]:before, .tt-product-design02 .tt-description .tt-btn-addtocart [class^="icon"]:before{
font-size: 16px !important;
}
.tt-product .tt-description .tt-btn-addtocart.thumbprod-button-bg, .tt-product-design02 .tt-description .tt-btn-addtocart.thumbprod-button-bg{
font-size: 10px !important;
}
.tt-product .tt-description .tt-title, .tt-product-design02 .tt-description .tt-title{
font-size: 0.85rem;
}
}
.promoitem1521704979930 .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper{
top: unset !important;
bottom: 25px !important;
}
.promoitem1530166022494 .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper{
bottom: 25px !important;
top: unset !important;
}
.promoitem1530166025359 .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper{
left: 25px !important;
right: unset !important;
}
.promoitem1521704977937 .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper{
left: 25px !important;
right: unset !important;
}
.ainfo_figures h2{
text-align: center;
padding-top: 8px;
top: unset !Important;
position: relative !Important;
bottom: unset !Important;
right: unset !Important;
left: unset !Important;
color: #262626;
background: #f7f8fa;
padding: 8px;
padding-left: 0px;
padding-right: 0px;
width: 55px !important;
border-radius: 7px;
height: 55px !important;
align-self: anchor-center;
font-size: 38px;
align-items: center;
align-content: center;
margin: auto;
}
.promoitem1521704975308 .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper{
left: 25px !important;
right: unset !important;
}
.borderr{
border-right: 1px solid #dbdce0;
border-bottom: unset;
}
@media (max-width: 650px){
.save_price{
margin-top: -10px !Important;
}
.wrapper_tags{
display:none !important;
}
ul.tt-options-swatch li {
margin: 10px 7px 0 !Important;
max-width: 75px !important;
}
.tt-product-single-info .tt-options-swatch {
margin-top: -3px;
margin-bottom: 20px;
}
._1ip0g65 ._1ip0g651:nth-child(2), ._1ip0g65 ._1ip0g651:nth-child(6){
display: flex !important;
}
._1ip0g65 ._1ip0g651:nth-child(2) ._7ozb2u2:nth-child(1){
width: 40% !important;
}._1ip0g65 ._1ip0g651:nth-child(2) ._7ozb2u2:nth-child(2){
width: 60% !important;
}
._1ip0g65 ._1ip0g651:nth-child(6) ._7ozb2u2:nth-child(1){
width: 30% !important;
}
._1ip0g65 ._1ip0g651:nth-child(6) ._7ozb2u2:nth-child(2){
width: 70% !important;
}
.payment_methods a img{
max-width: 50px;
}
#ShopifyChat{
scale: 0.8 !important;
bottom: 10px !important;
right: 5px !important;
}
.tt-product .tt-description .tt-price .new-price, .tt-product-design02 .tt-description .tt-price .new-price{
font-size: 16px !important;
}
.tt-product .tt-description .tt-price .old-price, .tt-product-design02 .tt-description .tt-price .old-price{
font-size: 11px !important;
}
.promoitem1521704987660{
padding-right: 5px !important;
}
.promoitem1530166022494{
padding-left: 5px !important;
}
.promoitem1521704975308{
padding-right: 0px !important;
}
.promoitem1521704977937{
padding-right: 0px !important;
}
.tt-promo-box.tt-one-child .tt-description .tt-description-wrapper{
padding: 3px 5px 0px !Important;
top: 10px !Important;
right: 10px !Important;
}
.tt-promo-box .tt-description .tt-title-small{
font-size: 10px !important;
}
.promoitem1530166022494 .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper{
bottom: 10px !important;
}
.promoitem1530166025359 .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper{
left: 10px !important;
}
.promoitem1521704975308 .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper{
left: 10px !important;
}
.promoitem1521704977937 .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper {
left: 10px !important;
}
.ht-tms--float.ht-tms--float-right{
right: unset !important;
left: var(--tms-float-x-space, 10px) !Important;
}
.ht-tms--float.ht-tms--float-bottom{
top: auto;
bottom: 5px !important;
scale: 0.6;
left: 5px !important;
}
}
.tt-swatches-container{
margin-bottom: 5px;
}
.tt-desctop-parent-multi{
display: none !important;}
@media (max-width:400px){
.mobile-wrapper-variants .tt-fixed-product-wrapper form:before{
display: none !important;
}
}
.pay_methods {
position: relative;
}
h6:not([class^="tt-title"]):not([class^="tt-collapse"]):not([class^="tt-aside"]) {
font-size: 16px;
line-height: 26px;
font-weight: 500;
padding-bottom: 15px;
}
.tt-product-single-info .tt-wrapper {
transition: none !important;
filter: blur(0) !important;
opacity: 1 !important;
}
.tags_c {
padding: 5px;
border-radius: 5px;
padding-left: 10px;
padding-right: 10px;
color: white;
font-weight: 400;
background: #ff0174;
cursor: pointer;
font-size: 0.7rem !important;
max-height: 32px;
}
.tt-product-single-info > *:nth-child(1).tt-wrapper {
margin-top: 5px;
}
.product-icon-list>.tt-rating-text {
color: rgb(119, 119, 119) !important;
}
.tt-product-single-info .tt-input-counter.style-01 input {
font-size: 14px;
height: 50px;
}
.tt-product-single-info .tt-input-counter.style-01 input{
line-height: 50px;
}
.tt-product-single-info .tt-input-counter.style-01 .plus-btn:before {
line-height: 50px;
}
.tt-input-counter.style-01 .plus-btn:before {
content: "\e9b1";
}
.tt-input-counter.style-01 span {
display: inline-block;
font-size: 27px;
line-height: 1em;
cursor: pointer;
position: absolute;
width: 49px;
height: 100%;
text-align: center;
top: 0;
color: #d8d8d8;
}
.tt-input-counter.style-01 {
position: relative;
max-width: 132px;
min-width: 132px;
}
.tt-product-single-info .btn.btn-lg .icon-shopping_basket:before {
content: '\e986';
}
@media (min-width: 651px) {
.tt-product-single-info .shopify-payment-button__button:not(.shopify-payment-button__button--branded) {
padding: 19px 7px 17px;
}
}
@media (min-width: 651px) {
.tt-product-single-info .shopify-payment-button__button:not(.shopify-payment-button__button--branded) {
padding: 18px 7px;
min-height: 50px;
height: 100%;
text-transform: uppercase;
}
}
.tt-product-single-info img {
max-width: 100%;
height: auto;
}
.tt-product-single-info .btn-addtocart {
margin-left: 10px;
background: #f7f8fa;
}
.tt-product-single-info .btn.btn-lg .icon-shopping_basket:before {
content: '\e986';
}
element.style {
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.btn.btn-lg {
font-size: 14px;
height: 50px;
}
.btn.btn-lg {
font-size: 20px ! Important;
}
.tt-product-single-info .btn-addtocart {
margin-left: 10px;
background: #f7f8fa;
}
.btn.btn-lg {
font-size: 14px;
height: 50px;
}
.btn.btn-lg {
font-size: 20px ! Important;
}
.tt-product-single-info .btn-addtocart {
margin-left: 10px;
background: #f7f8fa;
}
@media (min-width: 651px) {
.btn-addtocart {
width: 50px !important;
background: transparent;
color: black !important;
}
}
.shield_payments{
width: 20px;
height: 25px;
}
.pay_methods h6{
margin-top: 0px;
}
#theme-block-people_counter_6XpPNc{
margin-top: 0px;
}
#inventory-template--26991077097817__main{
}
.btn--addtocart-page{
max-width: 60px;
}
.btn--addtocart-page .sticky_btn_cart .btn__texts__item{
display: none;
}
.product__column__content .shopify-payment-button{
margin-top: 0px;
width: -webkit-fill-available;
}
.product__column__content .btn--addtocart-page{
--background: #f0f0f0;
--color: #333;
--icon: #333;
}
.product-tab--accordion h6{
padding-bottom: 0px !important;
}
.section-text-with-icons-type-1__icon{
width: 50px;
float: left;
}
.mt--first-child-0{
margin-top: 10px !important;
}
.sticky-cart-button .sticky_btn_cart span{
display: none;
}
.sticky-cart-button .btn__top-text span {
display: none;
}
.sticky-cart-button .btn__bottom-text span {
display: none;
}
.sticky-cart-button .sticky_btn_cart .select_options__text{
display: none;
}
.sticky-cart-button{
--background: #f0f0f0;
--icon: #333;
--color: #333;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
@media (min-width: 576px) {
.col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
}
.sticky-cart-button .product-form__submit{
min-width: 250px;
width: 250px;
}
.product__right-column .btn__texts__item{
display: none;
}
.sticky-cart .shopify-payment-button{
margin-top: 0px !important;
width: 350px !important;
}
.product__info__button{
width: min-content;
min-width: 190px;
}
.save_price {
font-size: 12px;
text-align: center;
vertical-align: middle;
border: 2px solid #4ba44b;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 6px;
padding-right: 6px;
color: #4ba44b;
margin-top: -5px;
border-radius: 6px;
height: 30px;
line-height: normal;
text-align: -webkit-center;
align-content: center;
align-items: unset;
align-self: flex-end;
}
@media (min-width: 790px) {
.tt-product-single-info .tt-price .old-price, .tt-product-single-info .tt-price .old-price .money {
color: grey !important;
font-size: 18px !important;
vertical-align: top !important;
}
}
.tt-product-single-info .tt-price {
font-size: 30px !important;
line-height: 25px !important;
font-family: Hind, sans-serif !important;
font-weight: 500 !important;
color: #ff0174 !important;
margin-top: 10px;
}
.review-item_desc {
width: 100%;
position: absolute;
top: 0px;
left: 0px;
transition: opacity 1.2s
ease-in-out;
font-size: 0.64em;
color: #6e6e6e;
padding: 5px;
max-width: 95%;
height: auto;
}
.tt-review-list_desc {
color: #2c3e50;
font-size: 20px;
line-height: 100%;
font-family: Georgia, serif;
margin-top: 7%;
margin-left: 0px;
min-height: 35px;
max-height: 100px;
height: auto;
}
.tt-review-list_desc:before {
content: "\201C";
position: absolute;
top: -10px;
left: 0;
font-family: Arial, sans-serif;
font-size: 50px;
font-style: normal;
color: grey;
}
.auto_translated span:nth-of-type(1) {
font-size: 0.8rem;
font-weight: 550;
}
.auto_translated span:nth-of-type(2) {
font-size: 0.65rem;
padding-left: 10px;
}
#carousel_reviews {
position: relative;
border: 2px solid grey;
border-radius: 20px;
border-style: dashed;
padding-left: 20px;
margin-top: 20px;
}
.auto_translated {
margin-top: auto;
padding-top: 0px;
display: flex;
position: absolute;
top: -22px;
left: 22px;
}
#variant-selects-template--26991077097817__main img{
max-height: 95px;
}
.visual-display-swatch__image{
max-height: 95px;
}
#theme-block-popup_dYwDRm{
margin-top: -10px;
}
#theme-block-text_ERLTVY .product__text__content{
margin-top: 0px !important;
}
.container_buttons_message_share{
display: inline-flex;
width: 100%;
gap: 20px;
margin-top: 20px !important;
}
.product__info__button{
width: -webkit-fill-available;
}
#theme-block-popup_dYwDRm{
width: auto;
}
.product_vendor, .product_symbol, .product_guarantee{
width: -webkit-fill-available;
}
#badge__container-template--26991077097817__main{
position: absolute;
right: 0;
z-index: 2;
padding: 10px;
}
.product-form__container .product-form__item{
width: 95px;
height: 95px;
}
#shopify-section-template--26991076639065__heading, #shopify-section-template--26991076639065__description{
display: none;
}
#theme-section-template--26991076639065__product-grid{
margin-top: 0px !important;
}
.card-price-large{
font-size: 14px !important;
line-height: 22px !important;
}
.product-card__interface .btn svg path{
fill: #333;
}
.product-card__interface .is-hidden svg path{
fill: #fff !important;
}
.product-card__interface button{
height: 60px !important;
width: 60px !important;
--background: #f7f8fa !important;
}
.product-card__content__main{
display: inline-flex;
}
.product-card__interface{
width: auto !important;
height: 60px !important;
margin-top: -10px !important;
}
.product-card__image{
height: 423px;
}
.product-card__image .swiper-slide {
height: 423px;
}
.product-card_title_desc{
margin-right: 10px;
width: -webkit-fill-available;
max-width: 80% !important;
}
.product-card__content__main .save_price{
margin-top: 0px !Important;
}
.hover-area:hover .animation-underline:not(.native-hover):before, .animation-underline:hover:before{
display: none;
}
#MainContent .grid-selector{
display: none !important;
}
.product-form__container__card.product-form__container__card--image>*{
flex: 0 0 calc((100% - 50px) / 6) !important;
}
.facets-toolbar{
grid-template-columns: 30% auto 0% !important;
}
.pieces_widget { pointer-events: auto; }
@media (max-width: 576px) {
.save_price {
position: static !important;
bottom: auto !important;
display: inline-block !important;
margin: 6px 0 0 !important;
padding: 4px 8px !important;
font-size: 12px;
line-height: 1.2;
border: 2px solid #4ba44b;
border-radius: 6px;
color: #4ba44b;
white-space: nowrap;
flex-basis: auto !important;
width: auto !important;
vertical-align: middle;
}
/* pozwól kontenerowi ceny zawijać, żeby badge zeskoczył pod spód */
.price {
flex-wrap: wrap !important;
}
.sticky-cart {
justify-content: unset !important;
}
.product-form__buttons__content{
flex-direction: row !Important;
}
.product-form__buttons__content{
min-width: 185px !Important;
}
.sticky-cart .shopify-payment-button{
width: 150px !important;
}
.sticky-cart .product-form__buttons__content .quantity{
min-width: 80px !important;
}
.sticky-cart .global__tooltip--hover{
display: none !Important;
}
.product__blurbs__container.heading-color-block-main{
font-size: 20px;
}
.product__info__button {
min-width: auto;
}
}