/** Shopify CDN: Minification failed Line 3550:5012 Expected ":" **/ product-info { display: block; } .product { margin: 0; } .product.grid { gap: 0; } .product--no-media { max-width: 57rem; margin: 0 auto; } .product__media-wrapper { padding-left: 0; } @media screen and (min-width: 750px) { .product__column-sticky { display: block; position: sticky; top: 3rem; z-index: 2; } .product--thumbnail .thumbnail-list { padding-right: var(--media-shadow-horizontal-offset); } .product__info-wrapper { padding: 0 0 0 5rem; } .product__info-wrapper--extra-padding { padding: 0 0 0 8rem; } .product--right .product__info-wrapper { padding: 0 5rem 0 0; } .product--right .product__info-wrapper--extra-padding { padding: 0 8rem 0 0; } .product--right .product__media-list { margin-bottom: 2rem; } .product__media-container .slider-buttons { display: none; } .product--right .product__media-wrapper { order: 2; } } @media screen and (min-width: 990px) { .product--large:not(.product--no-media) .product__media-wrapper { max-width: 65%; width: calc(65% - var(--grid-desktop-horizontal-spacing) / 2); } .product--large:not(.product--no-media) .product__info-wrapper { padding: 0 0 0 4rem; max-width: 35%; width: calc(35% - var(--grid-desktop-horizontal-spacing) / 2); } .product--large:not(.product--no-media).product--right .product__info-wrapper { padding: 0 4rem 0 0; } .product--medium:not(.product--no-media) .product__media-wrapper, .product--small:not(.product--no-media) .product__info-wrapper { max-width: 55%; width: calc(55% - var(--grid-desktop-horizontal-spacing) / 2); } .product--medium:not(.product--no-media) .product__info-wrapper, .product--small:not(.product--no-media) .product__media-wrapper { max-width: 45%; width: calc(45% - var(--grid-desktop-horizontal-spacing) / 2); } } /* Dynamic checkout */ .shopify-payment-button__button { font-family: inherit; min-height: 4.6rem; } .shopify-payment-button__button [role='button'].focused { outline: 0.2rem solid rgba(var(--color-foreground), 0.5) !important; outline-offset: 0.3rem; box-shadow: 0 0 0 0.1rem rgba(var(--color-button), var(--alpha-button-border)), 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3) !important; } .shopify-payment-button__button [role='button']:focus:not(:focus-visible) { outline: 0; box-shadow: none !important; } .shopify-payment-button__button [role='button']:focus-visible { outline: 0.2rem solid rgba(var(--color-foreground), 0.5) !important; box-shadow: 0 0 0 0.1rem rgba(var(--color-button), var(--alpha-button-border)), 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3) !important; } .shopify-payment-button__button--unbranded { background-color: rgba(var(--color-button), var(--alpha-button-background)); color: rgb(var(--color-button-text)); font-size: 1.4rem; line-height: calc(1 + 0.2 / var(--font-body-scale)); letter-spacing: 0.07rem; } .shopify-payment-button__button--unbranded::selection { background-color: rgba(var(--color-button-text), 0.3); } .shopify-payment-button__button--unbranded:hover, .shopify-payment-button__button--unbranded:hover:not([disabled]) { background-color: rgba(var(--color-button), var(--alpha-button-background)); } .shopify-payment-button__more-options { margin: 1.6rem 0 1rem; font-size: 1.2rem; line-height: calc(1 + 0.5 / var(--font-body-scale)); letter-spacing: 0.05rem; text-decoration: underline; text-underline-offset: 0.3rem; } .shopify-payment-button__button + .shopify-payment-button__button--hidden { display: none; } /* Product form */ .product-form { display: block; } .product-form__error-message-wrapper:not([hidden]) { display: flex; align-items: flex-start; font-size: 1.3rem; line-height: 1.4; letter-spacing: 0.04rem; margin-bottom: 1.5rem; } .product-form__error-message-wrapper .svg-wrapper { flex-shrink: 0; width: 1.5rem; height: 1.5rem; margin-right: 0.7rem; margin-top: 0.25rem; } /* Form Elements */ .product-form__input { flex: 0 0 100%; padding: 0; margin: 0 0 1.2rem 0; max-width: 44rem; min-width: fit-content; border: none; } .product-form__input .form__label { padding-left: 0; } .product-form__input .select { max-width: 100%; } .product-form__input .svg-wrapper { right: 1.5rem; } .product-form__submit { margin-bottom: 1rem; } .product-form__submit[aria-disabled='true'] + .shopify-payment-button .shopify-payment-button__button[disabled], .product-form__submit[disabled] + .shopify-payment-button .shopify-payment-button__button[disabled] { cursor: not-allowed; opacity: 0.5; } @media screen and (forced-colors: active) { .product-form__submit[aria-disabled='true'] { color: Window; } } /* Overrides */ .shopify-payment-button__more-options { color: rgb(var(--color-foreground)); } .shopify-payment-button__button { font-size: 1.5rem; letter-spacing: 0.1rem; } /* Product info */ .product__info-container > * + * { margin: 1.5rem 0; } .product__info-container iframe { max-width: 100%; } .product__info-container .product-form, .product__info-container .product__description, .product__info-container .icon-with-text { margin: 2.5rem 0; } .product__text { margin-bottom: 0; } a.product__text { display: block; text-decoration: none; color: rgba(var(--color-foreground), 0.75); } .product__text.caption-with-letter-spacing { text-transform: uppercase; } .product__title { word-break: break-word; margin-bottom: 1.5rem; } .product__title > * { margin: 0; } .product__title > a { display: none; } .product__title + .product__text.caption-with-letter-spacing { margin-top: -1.5rem; } .product__text.caption-with-letter-spacing + .product__title { margin-top: 0; } .product__accordion .accordion__content { padding: 0 1rem; } .product .price .badge { margin-bottom: 0.5rem; } .product .price__container { margin-bottom: 0.5rem; } .product .price dl { margin-top: 0.5rem; margin-bottom: 0.5rem; } .product .price--sold-out .price__badge-sale { display: none; } @media screen and (min-width: 750px) { .product__info-container { max-width: 60rem; } .product__info-container .price--on-sale .price-item--regular { font-size: 1.6rem; } .product__info-container > *:first-child { margin-top: 0; } } .product__description-title { font-weight: 600; } .product--no-media .product__title, .product--no-media .product__text, .product--no-media .product__tax, .product--no-media .product__sku, .product--no-media shopify-payment-terms { text-align: center; } .product--no-media .product__media-wrapper, .product--no-media .product__info-wrapper { padding: 0; } .product__tax { margin-top: -1.4rem; } .product--no-media .share-button { max-width: 100%; } .product--no-media .product-form__quantity, .product--no-media .share-button, .product--no-media .product__view-details, .product--no-media .product__pickup-availabilities, .product--no-media .product-form { display: flex; align-items: center; justify-content: center; text-align: center; } .product--no-media .product-form { flex-direction: column; } .product--no-media .product-form > .form { max-width: 30rem; width: 100%; } .product--no-media .product-form__quantity { flex-direction: column; max-width: 100%; } .product-form__quantity .form__label { margin-bottom: 0.6rem; } .price-per-item__label.form__label { margin-bottom: 0rem; } .product-form__quantity-top .form__label { margin-bottom: 1.2rem; } .product-form__buttons { max-width: 44rem; } .product--no-media .product__info-container > modal-opener { display: block; text-align: center; } .product--no-media .product-popup-modal__button { padding-right: 0; } .product--no-media .price { text-align: center; } /* Product media */ .product__media-list video { border-radius: calc(var(--media-radius) - var(--media-border-width)); } @media screen and (max-width: 749px) { .product__media-list { margin-left: -2.5rem; margin-bottom: 3rem; width: calc(100% + 4rem); } .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) { margin-left: -1.5rem; margin-right: -1.5rem; } .slider.product__media-list::-webkit-scrollbar { height: 0.2rem; width: 0.2rem; } .product__media-list::-webkit-scrollbar-thumb { background-color: rgb(var(--color-foreground)); } .product__media-list::-webkit-scrollbar-track { background-color: rgba(var(--color-foreground), 0.2); } .product__media-list .product__media-item { width: calc(100% - 3rem - var(--grid-mobile-horizontal-spacing)); } .product--mobile-columns .product__media-item { width: calc(50% - 1.5rem - var(--grid-mobile-horizontal-spacing)); } } @media screen and (min-width: 750px) { .product--thumbnail .product__media-list, .product--thumbnail_slider .product__media-list { padding-bottom: calc(var(--media-shadow-vertical-offset) * var(--media-shadow-visible)); } .product__media-list { padding-right: calc(var(--media-shadow-horizontal-offset) * var(--media-shadow-visible)); } .product--thumbnail .product__media-item:not(.is-active), .product--thumbnail_slider .product__media-item:not(.is-active) { display: none; } .product-media-modal__content > .product__media-item--variant.product__media-item--variant { display: none; } .product-media-modal__content > .product__media-item--variant:first-child { display: block; } } @media screen and (min-width: 750px) and (max-width: 989px) { .product__media-list .product__media-item:first-child { padding-left: 0; } .product--thumbnail_slider .product__media-list { margin-left: 0; } .product__media-list .product__media-item { width: 100%; } } .product__media-icon .icon { width: 1.2rem; height: 1.4rem; } .product__media-icon, .thumbnail__badge { background-color: rgb(var(--color-background)); border-radius: 50%; border: 0.1rem solid rgba(var(--color-foreground), 0.1); color: rgb(var(--color-foreground)); display: flex; align-items: center; justify-content: center; height: 3rem; width: 3rem; position: absolute; left: 1.2rem; top: 1.2rem; z-index: 1; transition: color var(--duration-short) ease, opacity var(--duration-short) ease; } .product__media-video .product__media-icon { opacity: 1; } .product__modal-opener--image .product__media-toggle:hover { cursor: zoom-in; } .product__modal-opener:hover .product__media-icon { border: 0.1rem solid rgba(var(--color-foreground), 0.1); } @media screen and (min-width: 750px) { .grid__item.product__media-item--full { width: 100%; } .product--columns .product__media-item:not(.product__media-item--single):not(:only-child) { max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); } .product--large.product--columns .product__media-item--full .deferred-media__poster-button { height: 5rem; width: 5rem; } .product--medium.product--columns .product__media-item--full .deferred-media__poster-button { height: 4.2rem; width: 4.2rem; } .product--medium.product--columns .product__media-item--full .deferred-media__poster-button .icon { width: 1.8rem; height: 1.8rem; } .product--small.product--columns .product__media-item--full .deferred-media__poster-button { height: 3.6rem; width: 3.6rem; } .product--small.product--columns .product__media-item--full .deferred-media__poster-button .icon { width: 1.6rem; height: 1.6rem; } } @media screen and (min-width: 990px) { .product--stacked .product__media-item { max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); } .product:not(.product--columns) .product__media-list .product__media-item:first-child, .product:not(.product--columns) .product__media-list .product__media-item--full { width: 100%; max-width: 100%; } .product__modal-opener .product__media-icon { opacity: 0; } .product__modal-opener:hover .product__media-icon, .product__modal-opener:focus .product__media-icon { opacity: 1; } } .product__media-item > * { display: block; position: relative; } .product__media-toggle { display: flex; border: none; background-color: transparent; color: currentColor; padding: 0; } .product__media-toggle::after { content: ''; cursor: pointer; display: block; margin: 0; padding: 0; position: absolute; top: calc(var(--border-width) * -1); right: calc(var(--border-width) * -1); bottom: calc(var(--border-width) * -1); left: calc(var(--border-width) * -1); z-index: 2; } .product__media-toggle:focus-visible { outline: 0; box-shadow: none; } /* outline styling for Windows High Contrast Mode */ @media (forced-colors: active) { .product__media-toggle:focus-visible, .product__media-toggle:focus-visible:after { outline: transparent solid 1px; outline-offset: 2px; } } .product__media-toggle.focused { outline: 0; box-shadow: none; } .product__media-toggle:focus-visible:after { box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0rem 0.5rem rgba(var(--color-foreground), 0.5); border-radius: var(--media-radius); } .product__media-toggle.focused:after { box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0rem 0.5rem rgba(var(--color-foreground), 0.5); border-radius: var(--media-radius); } .product-media-modal { background-color: rgb(var(--color-background)); height: 100%; position: fixed; top: 0; left: 0; width: 100%; visibility: hidden; opacity: 0; z-index: -1; } .product-media-modal[open] { visibility: visible; opacity: 1; z-index: 101; } .product-media-modal__dialog { display: flex; align-items: center; height: 100vh; } .product-media-modal__content { max-height: 100vh; width: 100%; overflow: auto; } .product-media-modal__content > *:not(.active), .product__media-list .deferred-media { display: none; } @media screen and (min-width: 750px) { .product-media-modal__content { padding-bottom: 2rem; } .product-media-modal__content > *:not(.active) { display: block; } .product__modal-opener:not(.product__modal-opener--image) { display: none; } .product__media-list .deferred-media { display: block; } } @media screen and (max-width: 749px) { .product--thumbnail .is-active .product__modal-opener:not(.product__modal-opener--image), .product--thumbnail_slider .is-active .product__modal-opener:not(.product__modal-opener--image) { display: none; } .product--thumbnail .is-active .deferred-media, .product--thumbnail_slider .is-active .deferred-media { display: block; width: 100%; } } .product-media-modal__content > * { display: block; height: auto; margin: auto; } .product-media-modal__content .media { background: none; } .product-media-modal__model { width: 100%; } .product-media-modal__toggle { background-color: rgb(var(--color-background)); border: 0.1rem solid rgba(var(--color-foreground), 0.1); border-radius: 50%; color: rgba(var(--color-foreground), 0.55); display: flex; align-items: center; justify-content: center; cursor: pointer; right: 2rem; padding: 1.2rem; position: fixed; z-index: 2; top: 2rem; width: 4rem; } .product-media-modal__content .deferred-media { width: 100%; } @media screen and (min-width: 750px) { .product-media-modal__content { padding: 2rem 11rem; } .product-media-modal__content > * { width: 100%; } .product-media-modal__content > * + * { margin-top: 2rem; } .product-media-modal__toggle { right: 5rem; top: 2.2rem; } } @media screen and (min-width: 990px) { .product-media-modal__content { padding: 2rem 11rem; } .product-media-modal__content > * + * { margin-top: 1.5rem; } .product-media-modal__content { padding-bottom: 1.5rem; } .product-media-modal__toggle { right: 5rem; } } .product-media-modal__toggle:hover { color: rgba(var(--color-foreground), 0.75); } .product-media-modal__toggle .icon { height: auto; margin: 0; width: 2.2rem; } /* Product popup */ .product-popup-modal { box-sizing: border-box; opacity: 0; position: fixed; visibility: hidden; z-index: -1; margin: 0 auto; top: 0; left: 0; overflow: auto; width: 100%; background: rgba(var(--color-foreground), 0.2); height: 100%; } .product-popup-modal[open] { opacity: 1; visibility: visible; z-index: 101; } .product-popup-modal__content { border-radius: var(--popup-corner-radius); background-color: rgb(var(--color-background)); overflow: auto; height: 80%; margin: 0 auto; left: 50%; transform: translateX(-50%); margin-top: 5rem; width: 92%; position: absolute; top: 0; padding: 0 1.5rem 0 3rem; border-color: rgba(var(--color-foreground), var(--popup-border-opacity)); border-style: solid; border-width: var(--popup-border-width); box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity)); } .product-popup-modal__content.focused { box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3), var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity)); } .product-popup-modal__content:focus-visible { box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3), var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity)); } @media screen and (min-width: 750px) { .product-popup-modal__content { padding-right: 1.5rem; margin-top: 10rem; width: 70%; padding: 0 3rem; } .product-media-modal__dialog .global-media-settings--no-shadow { overflow: visible !important; } } .product-popup-modal__content img { max-width: 100%; } @media screen and (max-width: 749px) { .product-popup-modal__content table { display: block; max-width: fit-content; overflow-x: auto; white-space: nowrap; margin: 0; } .product-media-modal__dialog .global-media-settings, .product-media-modal__dialog .global-media-settings video, .product-media-modal__dialog .global-media-settings model-viewer, .product-media-modal__dialog .global-media-settings iframe, .product-media-modal__dialog .global-media-settings img { border: none; border-radius: 0; } } .product-popup-modal__opener { display: inline-block; } .product-popup-modal__button { font-size: 1.6rem; padding-right: 1.3rem; padding-left: 0; min-height: 4.4rem; text-underline-offset: 0.3rem; text-decoration-thickness: 0.1rem; transition: text-decoration-thickness var(--duration-short) ease; } .product-popup-modal__button:hover { text-decoration-thickness: 0.2rem; } .product-popup-modal__content-info { padding-right: 4.4rem; } .product-popup-modal__content-info > * { height: auto; margin: 0 auto; max-width: 100%; width: 100%; } @media screen and (max-width: 749px) { .product-popup-modal__content-info > * { max-height: 100%; } } .product-popup-modal__toggle { background-color: rgb(var(--color-background)); border: 0.1rem solid rgba(var(--color-foreground), 0.1); border-radius: 50%; color: rgba(var(--color-foreground), 0.55); display: flex; align-items: center; justify-content: center; cursor: pointer; position: sticky; padding: 1.2rem; z-index: 2; top: 1.5rem; width: 4rem; margin: 0 0 0 auto; } .product-popup-modal__toggle:hover { color: rgba(var(--color-foreground), 0.75); } .product-popup-modal__toggle .icon { height: auto; margin: 0; width: 2.2rem; } .product__media-list .media > * { overflow: hidden; } .thumbnail-list { flex-wrap: wrap; grid-gap: 1rem; } /* Fix to show some space at the end of our sliders in all browsers to be applied on thumbnails */ .slider--mobile.thumbnail-list:after { content: none; } @media screen and (min-width: 750px) { .product--stacked .thumbnail-list { display: none; } .thumbnail-list { display: grid; grid-template-columns: repeat(4, 1fr); } } .thumbnail-list_item--variant:not(:first-child) { display: none; } @media screen and (min-width: 990px) { .thumbnail-list { grid-template-columns: repeat(4, 1fr); } .product--medium .thumbnail-list { grid-template-columns: repeat(5, 1fr); } .product--large .thumbnail-list { grid-template-columns: repeat(6, 1fr); } } @media screen and (max-width: 749px) { .product__media-item { display: flex; align-items: center; } .product__modal-opener { width: 100%; } .thumbnail-slider { display: flex; align-items: center; } .thumbnail-slider .thumbnail-list.slider { display: flex; padding: 0.5rem; flex: 1; scroll-padding-left: 0.5rem; } .thumbnail-list__item.slider__slide { width: calc(33% - 0.6rem); } } @media screen and (min-width: 750px) { .product--thumbnail_slider .thumbnail-slider { display: flex; align-items: center; } .thumbnail-slider .thumbnail-list.slider--tablet-up { display: flex; padding: 0.5rem; flex: 1; scroll-padding-left: 0.5rem; } .product__media-wrapper .slider-mobile-gutter .slider-button { display: none; } .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide { width: calc(25% - 0.8rem); } .product--thumbnail_slider .slider-mobile-gutter .slider-button { display: flex; } } @media screen and (min-width: 900px) { .product--small .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide { width: calc(25% - 0.8rem); } .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide { width: calc(20% - 0.8rem); } } .thumbnail { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; padding: 0; color: rgb(var(--color-foreground)); cursor: pointer; background-color: transparent; } .thumbnail:hover { opacity: 0.7; } .thumbnail.global-media-settings img { border-radius: 0; } .thumbnail[aria-current] { box-shadow: 0 0 0rem 0.1rem rgb(var(--color-foreground)); border-color: rgb(var(--color-foreground)); } .image-magnify-full-size { cursor: zoom-out; z-index: 1; margin: 0; border-radius: calc(var(--media-radius) - var(--media-border-width)); } .image-magnify-hover { cursor: zoom-in; } .product__modal-opener--image .product__media-zoom-none, .product__media-icon--none { display: none; } .product__modal-opener > .loading__spinner { top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; display: flex; align-items: center; height: 48px; width: 48px; } .product__modal-opener .path { stroke: rgb(var(--color-button)); opacity: 0.75; } @media (hover: hover) { .product__media-zoom-hover, .product__media-icon--hover { display: none; } } @media screen and (max-width: 749px) { .product__media-zoom-hover, .product__media-icon--hover { display: flex; } } .js .product__media { overflow: hidden !important; } .thumbnail[aria-current]:focus-visible { box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0rem 0.5rem rgba(var(--color-foreground), 0.5); } .thumbnail[aria-current]:focus, .thumbnail.focused { outline: 0; box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0rem 0.5rem rgba(var(--color-foreground), 0.5); } /* outline styling for Windows High Contrast Mode */ @media (forced-colors: active) { .thumbnail[aria-current]:focus, .thumbnail.focused { outline: transparent solid 1px; } } .thumbnail[aria-current]:focus:not(:focus-visible) { outline: 0; box-shadow: 0 0 0 0.1rem rgb(var(--color-foreground)); } .thumbnail img { object-fit: cover; width: 100%; height: 100%; pointer-events: none; } .thumbnail__badge .icon { width: 1rem; height: 1rem; } .thumbnail__badge .icon-3d-model { width: 1.2rem; height: 1.2rem; } .thumbnail__badge { color: rgb(var(--color-foreground), 0.6); height: 2rem; width: 2rem; left: auto; right: calc(0.4rem + var(--media-border-width)); top: calc(0.4rem + var(--media-border-width)); } @media screen and (min-width: 750px) { .product:not(.product--small) .thumbnail__badge { height: 3rem; width: 3rem; } .product:not(.product--small) .thumbnail__badge .icon { width: 1.2rem; height: 1.2rem; } .product:not(.product--small) .thumbnail__badge .icon-3d-model { width: 1.4rem; height: 1.4rem; } } .thumbnail-list__item { position: relative; } .thumbnail-list__item::before { content: ''; display: block; padding-bottom: 100%; } .product:not(.featured-product) .product__view-details { display: none; } .product__view-details { display: block; text-decoration: none; } .product__view-details:hover { text-decoration: underline; text-underline-offset: 0.3rem; } .product__view-details .icon { width: 1.2rem; margin-left: 1.2rem; flex-shrink: 0; } /* Inventory status */ .product__inventory { display: flex; align-items: center; gap: 0.5rem; } .product__inventory .svg-wrapper, .product__inventory svg { width: 15px; height: 15px; } .product--no-media .product__inventory { justify-content: center; } /* This keeps the container from getting display: none; applied to it and to make sure we're not introducing some layout shift when switching to an unavailable variant */ .product__inventory.visibility-hidden:empty { display: block; } .product__inventory.visibility-hidden:empty::after { content: '#'; } .product__inventory .icon-inventory-status circle:first-of-type { opacity: .3; } /* Icon with text */ .icon-with-text { --icon-size: calc(var(--font-heading-scale) * 3rem); --icon-spacing: calc(var(--font-heading-scale) * 1rem); } .icon-with-text--horizontal { display: flex; justify-content: center; column-gap: 3rem; flex-direction: row; } .icon-with-text--vertical { --icon-size: calc(var(--font-heading-scale) * 2rem); } .icon-with-text .svg-wrapper { fill: rgb(var(--color-foreground)); height: var(--icon-size); width: var(--icon-size); } .icon-with-text--horizontal .svg-wrapper, .icon-with-text--horizontal img { margin-bottom: var(--icon-spacing); } .icon-with-text--vertical .svg-wrapper { min-height: var(--icon-size); min-width: var(--icon-size); margin-right: var(--icon-spacing); } .icon-with-text img { height: var(--icon-size); width: var(--icon-size); object-fit: contain; } .icon-with-text--vertical img { margin-right: var(--icon-spacing); } .icon-with-text--horizontal .h4 { padding-top: calc(var(--icon-size) + var(--icon-spacing)); text-align: center; } .icon-with-text--horizontal .svg-wrapper + .h4, .icon-with-text--horizontal img + .h4, .icon-with-text--horizontal.icon-with-text--text-only .h4 { padding-top: 0; } .icon-with-text__item { display: flex; align-items: center; } .icon-with-text--horizontal .icon-with-text__item { flex-direction: column; width: 33%; } .icon-with-text--vertical .icon-with-text__item { margin-bottom: var(--icon-size); } /* SKU block */ .product__sku.visibility-hidden::after { content: '#'; } /* Product-thumbnail snippet */ .product-media-container { --aspect-ratio: var(--preview-ratio); --ratio-percent: calc(1 / var(--aspect-ratio) * 100%); position: relative; width: 100%; max-width: calc(100% - calc(var(--media-border-width) * 2)); } .product-media-container.constrain-height { /* arbitrary offset value based on average theme spacing and header height */ --viewport-offset: 400px; --constrained-min-height: 300px; --constrained-height: max(var(--constrained-min-height), calc(100vh - var(--viewport-offset))); margin-right: auto; margin-left: auto; } .product-media-container.constrain-height.media-fit-contain { --contained-width: calc(var(--constrained-height) * var(--aspect-ratio)); width: min(var(--contained-width), 100%); } .product-media-container .media { padding-top: var(--ratio-percent); } .product-media-container.constrain-height .media { padding-top: min(var(--constrained-height), var(--ratio-percent)); } @media screen and (max-width: 749px) { .product-media-container.media-fit-cover { display: flex; align-self: stretch; } .product-media-container.media-fit-cover .media { /* allow media img element to scale relative to modal-opener/product-media-container */ position: initial; } } @media screen and (min-width: 750px) { .product-media-container { max-width: 100%; } .product-media-container:not(.media-type-image) { /* override to use actual media ratio (not poster ratio) for video/models on desktop */ --aspect-ratio: var(--ratio); } .product-media-container.constrain-height { --viewport-offset: 170px; --constrained-min-height: 500px; } .product-media-container.media-fit-cover, .product-media-container.media-fit-cover .product__modal-opener, .product-media-container.media-fit-cover .media { height: 100%; } .product-media-container.media-fit-cover .deferred-media__poster img { object-fit: cover; width: 100%; } } .product-media-container .product__modal-opener { display: block; position: relative; } @media screen and (min-width: 750px) { .product-media-container .product__modal-opener:not(.product__modal-opener--image) { display: none; } } /* Recipient form */ .recipient-form { /* (2.88[line-height] - 1.6rem) / 2 */ --recipient-checkbox-margin-top: 0.64rem; display: block; position: relative; max-width: 44rem; margin-bottom: 2.5rem; } .recipient-form-field-label { margin: 0.6rem 0; } .recipient-form-field-label--space-between { display: flex; justify-content: space-between; } .recipient-checkbox { flex-grow: 1; font-size: 1.6rem; display: flex; word-break: break-word; align-items: flex-start; max-width: inherit; position: relative; cursor: pointer; } .recipient-form > input[type='checkbox'] { position: absolute; width: 1.6rem; height: 1.6rem; margin: var(--recipient-checkbox-margin-top) 0; top: 0; left: 0; z-index: -1; appearance: none; -webkit-appearance: none; } .recipient-fields__field { margin: 0 0 2rem 0; } .recipient-fields .field__label { white-space: nowrap; text-overflow: ellipsis; max-width: calc(100% - 3.5rem); overflow: hidden; } .recipient-checkbox > svg { margin-top: var(--recipient-checkbox-margin-top); margin-right: 1.2rem; flex-shrink: 0; } .recipient-form .icon-checkmark { visibility: hidden; position: absolute; left: 0.28rem; z-index: 5; top: 0.4rem; width: 10px; height: 9px; } .recipient-form > input[type='checkbox']:checked + label .icon-checkmark { visibility: visible; } .js .recipient-fields { display: none; } .recipient-fields hr { margin: 1.6rem auto; } .recipient-form > input[type='checkbox']:checked ~ .recipient-fields { display: block; animation: animateMenuOpen var(--duration-default) ease; } .recipient-form > input[type='checkbox']:not(:checked, :disabled) ~ .recipient-fields, .recipient-email-label { display: none; } .js .recipient-email-label.required { display: inline; } .recipient-form ul { line-height: calc(1 + 0.6 / var(--font-body-scale)); padding-left: 4.4rem; text-align: left; } .recipient-form ul a { display: inline; } .recipient-form .error-message::first-letter { text-transform: capitalize; } @media screen and (forced-colors: active) { .recipient-fields > hr { border-top: 0.1rem solid rgb(var(--color-background)); } .recipient-checkbox > svg { background-color: inherit; border: 0.1rem solid rgb(var(--color-background)); } .recipient-form > input[type='checkbox']:checked + label .icon-checkmark { border: none; } } /* JuegosYK · product page refresh */ product-info > .page-width { max-width: 1280px; padding-inline: 2rem; } .jyk-breadcrumbs { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; margin:1.6rem 0 2.4rem; color:rgba(var(--color-foreground),.6); font-size:1.25rem; } .jyk-breadcrumbs a { color:inherit; text-decoration:none; } .jyk-breadcrumbs a:hover { color:rgb(var(--color-foreground)); } .jyk-product-promo { display:flex; flex-direction:column; align-items:flex-start; gap:.65rem; margin:0 0 1rem; } .jyk-product-promo__badge { display:inline-flex; align-items:center; padding:.65rem 1.2rem; border-radius:999px; background:#fff0f1; color:#e31824; font-size:1.3rem; font-weight:750; line-height:1; } .jyk-product-subtitle { margin:0; color:rgba(var(--color-foreground),.62); font-size:1.8rem; line-height:1.2; } .jyk-product-availability { display:flex; align-items:center; gap:.8rem; margin:1.2rem 0 1.8rem; padding-bottom:1.5rem; border-bottom:1px solid rgba(var(--color-foreground),.12); color:#168b36; font-size:1.45rem; } .jyk-product-availability__dot { width:1.35rem; height:1.35rem; flex:0 0 1.35rem; border-radius:50%; background:#0aa52b; box-shadow:0 0 0 .3rem #e1f7e6; } .jyk-rating { display:flex; align-items:center; flex-wrap:wrap; gap:.7rem; margin:.8rem 0 1.2rem; color:rgba(var(--color-foreground),.7); font-size:1.35rem; } .jyk-rating__stars { color:#f6aa12; font-size:2rem; letter-spacing:.12rem; line-height:1; } .jyk-rating strong { color:rgb(var(--color-foreground)); } .jyk-product-guarantees { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; width:100%; margin:1.2rem 0 1.8rem; padding:1.4rem .4rem; border-radius:1.2rem; background:#f7f9fb; } .jyk-product-guarantees > div { display:flex; align-items:center; justify-content:center; gap:.6rem; min-width:0; padding:0 .7rem; color:#263241; font-size:1.08rem; line-height:1.25; text-align:left; } .jyk-product-guarantees > div + div { border-left:1px solid #e0e6ec; } .jyk-product-guarantees > div > span:first-child { font-size:1.75rem; line-height:1; } .jyk-product-guarantees > div > span:last-child { white-space:nowrap; } .jyk-mobile-sticky-cta { display:none; } .jyk-product-trust-badges { display:none !important; } product-info .product__title h1 { margin:0; color:rgb(var(--color-foreground)); font-size:clamp(2.7rem,4vw,4.8rem); font-weight:850; letter-spacing:-.045em; line-height:.98; text-transform:uppercase; } product-info .product__info-container > * + * { margin-top:1.2rem; } product-info .product-form__input { max-width:none; margin:1.6rem 0; } product-info .product-form__input .form__label, product-info .product-form__input legend { display:block; margin-bottom:.85rem; color:rgb(var(--color-foreground)); font-size:1.5rem; font-weight:750; } product-info .product-form__input--pill input[type='radio'] + label { min-height:4.6rem; display:inline-flex; align-items:center; justify-content:center; margin:0 .65rem .7rem 0; padding:.9rem 1.4rem; border:1px solid #d3dae2; border-radius:1rem; background:#fff; color:#20262e; font-size:1.45rem; font-weight:600; transition:border-color .18s ease,box-shadow .18s ease,background .18s ease; } product-info .product-form__input--pill input[type='radio']:checked + label { border-color:#171b20; box-shadow:0 0 0 .1rem #171b20; background:#fff; } product-info .product-form__input--pill input[type='radio'] + label:hover { border-color:#e31824; } product-info .product-form__input--pill input[type='radio'] + label .label-unavailable { display:none; } product-info .product-form__input--pill { border:0; } product-info .product-form__buttons { max-width:none; } product-info .product-form__submit { min-height:5.5rem; border:0; border-radius:1rem; background:#ed101d; color:#fff; font-size:1.65rem; font-weight:800; letter-spacing:.01em; box-shadow:0 .7rem 1.8rem rgba(237,16,29,.18); } product-info .product-form__submit:hover:not([disabled]) { background:#c90d18; } product-info .shopify-payment-button { display:none !important; } product-info .product__description { color:rgba(var(--color-foreground),.72); line-height:1.6; } @media screen and (min-width:990px) { product-info .product { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); column-gap:clamp(3rem,5vw,7rem); align-items:start; } product-info .product--large:not(.product--no-media) .product__media-wrapper, product-info .product--medium:not(.product--no-media) .product__media-wrapper, product-info .product--small:not(.product--no-media) .product__media-wrapper { width:100%; max-width:none; } product-info .product--large:not(.product--no-media) .product__info-wrapper, product-info .product--medium:not(.product--no-media) .product__info-wrapper, product-info .product--small:not(.product--no-media) .product__info-wrapper { width:100%; max-width:none; padding:2rem 0 0; } product-info .product__media-wrapper media-gallery { display:grid; grid-template-columns:7.2rem minmax(0,1fr); gap:1.2rem; align-items:start; } product-info .product__media-wrapper media-gallery > slider-component:first-of-type { grid-column:2; grid-row:1; } product-info .product__media-wrapper media-gallery > .thumbnail-slider { grid-column:1; grid-row:1; } product-info .product--thumbnail .product__media-list { margin:0; padding:0; } product-info .product--thumbnail .thumbnail-slider .thumbnail-list { display:flex; flex-direction:column; gap:1rem; padding:0; } product-info .product--thumbnail .thumbnail-list__item { width:7.2rem; flex:0 0 7.2rem; } product-info .product--thumbnail .thumbnail-slider .slider-button { display:none; } product-info .product__media-wrapper .product-media-container { overflow:hidden; border-radius:1.6rem; background:#f7f9fb; } product-info .product__media-wrapper .product-media-container .media img { object-fit:contain; } } @media screen and (max-width:989px) { product-info > .page-width { padding-inline:1.2rem; } .jyk-breadcrumbs { margin:1.2rem 0 1.4rem; font-size:1.15rem; gap:.55rem; } product-info .product__info-wrapper { padding:0; } } @media screen and (max-width:749px) { product-info .product { display:block; } product-info .product__media-wrapper { margin-bottom:1.4rem; } product-info .product__media-wrapper media-gallery { display:grid; grid-template-columns:minmax(0,1fr) 5.6rem; gap:.8rem; align-items:start; } product-info .product__media-wrapper media-gallery > slider-component:first-of-type { grid-column:1; grid-row:1; min-width:0; } product-info .product__media-wrapper media-gallery > .thumbnail-slider { grid-column:2; grid-row:1; min-width:0; } product-info .product__media-list { width:100% !important; margin:0 !important; padding:0 !important; } product-info .product__media-list .product__media-item { width:100%; padding:0; } product-info .product__media-list .product__media-item:not(.is-active) { display:none; } product-info .product__media-wrapper .product-media-container { overflow:hidden; border-radius:1rem; background:#f7f9fb; } product-info .product__media-wrapper .product-media-container .media img { object-fit:contain; } product-info .thumbnail-slider { display:block; } product-info .thumbnail-slider .thumbnail-list.slider { display:flex !important; flex-direction:column; gap:.7rem; padding:0; } product-info .thumbnail-list__item.slider__slide { width:100% !important; flex:0 0 auto; } product-info .thumbnail-slider .slider-button { display:none !important; } product-info .product__media-wrapper > media-gallery > slider-component:first-of-type .slider-buttons { display:flex !important; align-items:center; justify-content:center; margin:.7rem 0 0; } product-info .product__media-wrapper > media-gallery > slider-component:first-of-type .slider-button { display:none; } product-info .product__media-wrapper > media-gallery > slider-component:first-of-type .slider-counter { margin:0; } product-info .product__info-container { padding-bottom:8rem; } product-info .product__title h1 { font-size:clamp(2.55rem,9vw,3.55rem); } .jyk-product-subtitle { font-size:1.55rem; } .jyk-product-guarantees { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem .2rem; padding:1.1rem .2rem; } .jyk-product-guarantees > div { justify-content:flex-start; padding:0 .7rem; font-size:1rem; } .jyk-product-guarantees > div:nth-child(3) { border-left:0; } .jyk-product-guarantees > div:nth-child(n+3) { padding-top:.8rem; border-top:1px solid #e0e6ec; } .jyk-mobile-sticky-cta { position:fixed; right:1.2rem; bottom:calc(1.2rem + env(safe-area-inset-bottom)); left:1.2rem; z-index:20; display:flex; align-items:center; justify-content:center; gap:.8rem; min-height:5.4rem; padding:1rem 1.4rem; border:0; border-radius:1rem; background:#ed101d; color:#fff; font-size:1.4rem; font-weight:800; box-shadow:0 .8rem 2.5rem rgba(0,0,0,.2); } .jyk-mobile-sticky-cta .svg-wrapper { width:2.1rem; height:2.1rem; } .jyk-mobile-sticky-cta svg { width:100%; height:100%; fill:currentColor; } } /* JYK: texto legible en la variante activa */ .product-form__input--pill input[type='radio'] + label, .product-form__input--pill input[type='radio']:checked + label, .product-form__input--swatch input[type='radio']:checked + label { color: #20262e !important; -webkit-text-fill-color: #20262e !important; background-color: #ffffff !important; opacity: 1 !important; } .product-form__input [data-selected-value] { color: #20262e !important; } /* JYK: etiquetas y logotipo de plataforma */ .product-info .product-form__input .form__label, .product-info .product-form__input legend, .product-info .quantity__label { text-transform: uppercase; } .jyk-platform-option { gap: 0.8rem; } .jyk-platform-option .jyk-playstation-mark { width: 2.8rem; height: 2rem; flex: 0 0 auto; fill: currentColor; } /* JYK: tipografía elegante para la información del producto */ .product-info, .product-info .product-form__input, .product-info .product-form__input--pill label, .product-info .product-form__input .form__label, .product-info .quantity__label, .jyk-mobile-sticky-cta { font-family: "Montserrat", "Avenir Next", "Segoe UI", sans-serif; letter-spacing: 0.012em; } .product-info .product-form__input--pill label, .product-info .quantity__label { font-weight: 650; } /* JYK — ficha compacta inspirada en la referencia para celulares */ @media screen and (max-width: 749px) { .product.grid { display: grid !important; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important; column-gap: .7rem !important; row-gap: 1rem !important; align-items: start !important; padding-inline: .65rem !important; } .product__media-wrapper { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; } .product__info-wrapper { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; max-width: none !important; padding: 0 !important; } .product__media-wrapper .product__column-sticky, .product__info-wrapper .product__column-sticky { position: static !important; top: auto !important; } .product__media-list { display: block !important; margin: 0 !important; overflow: visible !important; } .product__media-item { display: block !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; } .product__media { margin: 0 !important; min-height: 0 !important; border-radius: .45rem !important; overflow: hidden !important; } .product__media img { display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; object-fit: contain !important; } .product__info-container { padding: 0 !important; margin: 0 !important; } .product__info-container > * { margin-top: 0 !important; margin-bottom: .45rem !important; } .jyk-product-promo, .jyk-product-availability { display: none !important; } .product__text { margin: 0 0 .2rem !important; font-size: .72rem !important; line-height: 1.1 !important; } .product__title { margin: 0 0 .25rem !important; } .product__title h1, .product__title .h1 { margin: 0 !important; font-size: 1.42rem !important; line-height: 1.02 !important; letter-spacing: -.035em !important; } .jyk-rating-summary { margin: .3rem 0 !important; gap: .2rem !important; font-size: .92rem !important; line-height: 1.15 !important; } .jyk-rating-summary__stars { letter-spacing: .02rem !important; } .jyk-rating-summary__verified { margin-top: .15rem !important; padding: .18rem .45rem !important; border: 0 !important; border-radius: 999px !important; background: #fff0f1 !important; font-size: .67rem !important; line-height: 1.1 !important; } .jyk-rating-summary__check { width: 1.25rem !important; height: 1.25rem !important; font-size: .8rem !important; } [id^="price-"] { margin: .3rem 0 !important; } [id^="price-"] .price__container, [id^="price-"] .price__sale { display: flex !important; align-items: baseline !important; gap: .35rem !important; flex-wrap: wrap !important; } [id^="price-"] .price-item--regular { font-size: .85rem !important; } [id^="price-"] .price-item--sale { font-size: 1.55rem !important; font-weight: 800 !important; } [id^="price-"] .price__badge-sale { padding: .25rem .45rem !important; border-radius: 999px !important; background: #ed1b2f !important; color: #fff !important; font-size: .68rem !important; } variant-selects { display: block !important; margin-top: .4rem !important; } variant-selects fieldset { min-width: 0 !important; margin: 0 0 .55rem !important; padding: 0 !important; } variant-selects .form__label { margin: 0 0 .25rem !important; font-size: .73rem !important; } variant-selects input[type="radio"] + label { min-height: 34px !important; margin: .18rem .08rem 0 0 !important; padding: .45rem .32rem !important; border-radius: .45rem !important; font-size: .65rem !important; line-height: 1.15 !important; } variant-selects fieldset:first-child input[type="radio"] + label { display: block !important; width: 100% !important; } .jyk-platform-option { display: inline-flex !important; align-items: center !important; gap: .22rem !important; } .jyk-platform-option .jyk-playstation-mark { width: 1.25rem !important; height: 1.25rem !important; flex: 0 0 auto !important; } .product-form__quantity { margin: .5rem 0 !important; } .product-form__quantity .form__label { font-size: .72rem !important; } .product-form__quantity .quantity { min-height: 36px !important; } .jyk-product-actions { margin: .55rem 0 !important; } .jyk-product-actions button, .jyk-product-actions a { min-height: 38px !important; padding: .45rem .4rem !important; border-radius: 999px !important; font-size: .7rem !important; } } /* Ajuste fino de proporciones para la ficha móvil */ @media screen and (max-width: 749px) { .product__media-list, .product__media-item, .product__media { width: 100% !important; max-width: 100% !important; } .product__media-item { margin: 0 !important; } .product__title h1, .product__title .h1 { font-size: 1.7rem !important; line-height: 1.02 !important; } .product__text { font-size: .9rem !important; } } @media screen and (max-width: 749px) { .product__media-wrapper media-gallery, .product__media-wrapper .slider-mobile-gutter { width: 100% !important; margin: 0 !important; } } @media screen and (max-width: 749px) { .product__media-wrapper media-gallery { display: block !important; } .product__media-wrapper .slider-buttons { display: none !important; } } /* Reordenación móvil: información arriba y variantes debajo del juego */ @media screen and (max-width: 749px) { .product__info-wrapper, .product__info-container { display: contents !important; } .product__media-wrapper { grid-column: 1 !important; grid-row: 1 !important; } .jyk-mobile-top-info { display: flex !important; flex-direction: column !important; grid-column: 2 !important; grid-row: 1 !important; min-height: 300px !important; gap: 0 !important; } .jyk-mobile-top-info > * { flex: 0 0 auto !important; margin-bottom: .45rem !important; } .jyk-mobile-lower-info { display: flex !important; flex-direction: column !important; grid-column: 1 / -1 !important; grid-row: 2 !important; width: 100% !important; padding-top: .6rem !important; } .jyk-mobile-lower-info > * { width: 100% !important; } .product__info-container > .product__view-details { grid-column: 1 / -1 !important; } } /* Oferta y ahorro junto al precio en móvil */ @media screen and (max-width: 749px) { .jyk-mobile-offer { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: .45rem !important; margin: .15rem 0 .4rem !important; padding: .45rem .55rem !important; border-radius: .55rem !important; background: #ffe6e8 !important; color: #ed1b2f !important; font-size: .68rem !important; font-weight: 700 !important; line-height: 1.1 !important; } .jyk-mobile-offer__timer { white-space: nowrap !important; font-variant-numeric: tabular-nums !important; color: #ed1b2f !important; } .jyk-mobile-savings { display: inline-flex !important; align-items: center !important; align-self: flex-start !important; margin: -.1rem 0 .45rem !important; padding: .32rem .55rem !important; border-radius: 999px !important; background: #ed1b2f !important; color: #fff !important; font-size: .72rem !important; font-weight: 800 !important; line-height: 1.1 !important; } } /* Tipografía y escala legible para la ficha móvil */ @media screen and (max-width: 749px) { .product__info-container, .jyk-mobile-top-info, .jyk-mobile-lower-info { font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important; -webkit-font-smoothing: antialiased; } .jyk-mobile-top-info .product__text { margin: 0 0 .2rem !important; font-size: 13px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: .04em !important; } .jyk-mobile-top-info .product__title { margin: 0 0 .45rem !important; } .jyk-mobile-top-info .product__title h1 { margin: 0 !important; font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important; font-size: 23px !important; line-height: 1.08 !important; font-weight: 800 !important; letter-spacing: -.025em !important; } .jyk-rating-summary { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; margin-top: .4rem !important; font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important; font-size: 12px !important; line-height: 1.25 !important; } .jyk-rating-summary__stars { font-size: 18px !important; line-height: 1 !important; letter-spacing: 1px !important; } .jyk-rating-summary strong, .jyk-rating-summary > span:not(.jyk-rating-summary__stars) { font-size: 12px !important; line-height: 1.25 !important; } .jyk-rating-summary__verified { display: inline-flex !important; align-items: center !important; gap: .25rem !important; padding: .35rem .45rem !important; border-radius: 999px !important; font-size: 11px !important; line-height: 1.1 !important; font-weight: 700 !important; } #price-template--22871887937735__main { margin: .55rem 0 .45rem !important; } #price-template--22871887937735__main .price__container { display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: .35rem !important; } #price-template--22871887937735__main .price-item--regular, #price-template--22871887937735__main s.price-item--regular { font-size: 14px !important; line-height: 1.1 !important; } #price-template--22871887937735__main .price-item--sale, #price-template--22871887937735__main .price-item--last { font-size: 26px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: -.02em !important; } #price-template--22871887937735__main .price__badge-sale { padding: .28rem .48rem !important; border-radius: 999px !important; font-size: 10px !important; line-height: 1 !important; font-weight: 800 !important; } .jyk-mobile-offer { min-height: 30px !important; margin: .35rem 0 .45rem !important; padding: .5rem .65rem !important; border-radius: 10px !important; font-size: 12px !important; line-height: 1.15 !important; font-weight: 800 !important; } .jyk-mobile-savings { min-height: 28px !important; margin: 0 0 .65rem !important; padding: .42rem .7rem !important; font-size: 12px !important; line-height: 1.1 !important; font-weight: 800 !important; } .jyk-mobile-lower-info { padding-top: 1rem !important; } .jyk-mobile-lower-info variant-selects { font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important; } .jyk-mobile-lower-info variant-selects .form__label { margin: 0 0 .5rem !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: .01em !important; } .jyk-mobile-lower-info variant-selects fieldset { margin: 0 0 1rem !important; font-size: 16px !important; } .jyk-mobile-lower-info variant-selects label { min-height: 48px !important; padding: .65rem .75rem !important; border-radius: 12px !important; font-size: 14px !important; line-height: 1.3 !important; font-weight: 600 !important; } .jyk-mobile-lower-info variant-selects label span:not(.visually-hidden) { font-size: inherit !important; line-height: inherit !important; } .jyk-platform-option { gap: .55rem !important; } .jyk-platform-option .jyk-playstation-mark { width: 24px !important; height: 24px !important; flex: 0 0 24px !important; } .jyk-platform-option > span:not(.visually-hidden) { font-size: 15px !important; font-weight: 700 !important; } .jyk-mobile-lower-info .product-form__quantity .form__label, .jyk-mobile-lower-info quantity-input + label, .jyk-mobile-lower-info quantity-input label { font-size: 15px !important; line-height: 1.25 !important; font-weight: 800 !important; } .jyk-mobile-lower-info quantity-input { min-height: 46px !important; } .jyk-mobile-lower-info quantity-input input { font-size: 17px !important; font-weight: 700 !important; } .jyk-mobile-lower-info .jyk-product-actions { gap: .55rem !important; margin-top: .3rem !important; } .jyk-mobile-lower-info .jyk-product-actions button { min-height: 50px !important; padding: .75rem 1rem !important; border-radius: 12px !important; font-size: 15px !important; line-height: 1.15 !important; font-weight: 800 !important; } } /* Corrección de prioridad para textos y controles de variantes */ @media screen and (max-width: 749px) { .product__info-container .jyk-mobile-lower-info variant-selects fieldset.product-form__input label, .product__info-container .jyk-mobile-lower-info variant-selects fieldset.product-form__input label span:first-child { width: 100% !important; height: auto !important; min-height: 48px !important; padding: .7rem .85rem !important; font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important; font-size: 14px !important; line-height: 1.35 !important; font-weight: 600 !important; } .product__info-container .jyk-mobile-lower-info variant-selects fieldset.product-form__input label span:first-child { padding: 0 !important; min-height: 0 !important; } .product__info-container .jyk-mobile-lower-info variant-selects fieldset.product-form__input label.jyk-platform-option { min-height: 56px !important; padding: .75rem .9rem !important; font-size: 16px !important; line-height: 1.2 !important; font-weight: 700 !important; } .product__info-container .jyk-mobile-lower-info variant-selects fieldset.product-form__input label.jyk-platform-option span:first-child { min-height: 0 !important; padding: 0 !important; font-size: 16px !important; line-height: 1.2 !important; } .product__info-container .jyk-mobile-lower-info variant-selects .form__label { font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 800 !important; } .product__info-container .jyk-mobile-lower-info .jyk-product-actions button, .product__info-container .jyk-mobile-lower-info .jyk-product-actions button span { font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important; font-size: 15px !important; line-height: 1.15 !important; font-weight: 800 !important; } } /* Jerarquía de compra móvil: acciones en ficha y CTA fijo compacto */ @media screen and (max-width: 749px) { .product__info-container .jyk-mobile-lower-info .jyk-product-actions { display: grid !important; grid-template-columns: 1fr !important; gap: .65rem !important; margin: .5rem 0 1.2rem !important; } .product__info-container .jyk-mobile-lower-info .jyk-product-actions__button { width: 100% !important; min-height: 52px !important; padding: .85rem 1rem !important; border-radius: 14px !important; font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important; font-size: 15px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -.01em !important; transition: transform .18s ease, box-shadow .18s ease !important; } .product__info-container .jyk-mobile-lower-info .jyk-product-actions__button--cart { background: #fff !important; color: #171923 !important; border: 2px solid #171923 !important; box-shadow: none !important; } .product__info-container .jyk-mobile-lower-info .jyk-product-actions__button--buy { background: #ed1020 !important; color: #fff !important; border: 2px solid #ed1020 !important; box-shadow: 0 8px 18px rgba(237, 16, 32, .2) !important; } .product__info-container .jyk-mobile-lower-info .jyk-product-actions__button--whatsapp { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 46px !important; padding: .75rem 1rem !important; border: 2px solid #159447 !important; border-radius: 14px !important; background: #159447 !important; color: #fff !important; font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important; font-size: 14px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: 0 !important; box-shadow: 0 7px 16px rgba(21, 148, 71, .18) !important; } .product__info-container .jyk-mobile-lower-info .jyk-product-actions__button:hover, .product__info-container .jyk-mobile-lower-info .jyk-product-actions__button:focus-visible { transform: translateY(-1px) !important; } product-info#MainProduct-template--22871887937735__main { padding-bottom: 88px !important; } .jyk-mobile-sticky-cta { right: 10px !important; bottom: 10px !important; left: 10px !important; width: calc(100% - 20px) !important; min-height: 54px !important; padding: .8rem 1rem !important; border-radius: 14px !important; font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important; font-size: 14px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -.01em !important; box-shadow: 0 10px 26px rgba(237, 16, 32, .28) !important; } .jyk-mobile-sticky-cta .svg-wrapper { width: 22px !important; height: 22px !important; } } @media screen and (max-width: 749px) { #MainContent { padding-bottom: 84px !important; } } /* Variantes móviles proporcionales, en tarjetas de dos columnas */ @media screen and (max-width: 749px) { .product__info-container .jyk-mobile-lower-info variant-selects fieldset.product-form__input { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: stretch !important; gap: .65rem !important; width: 100% !important; } .product__info-container .jyk-mobile-lower-info variant-selects fieldset.product-form__input legend.form__label { grid-column: 1 / -1 !important; width: auto !important; margin: 0 0 .15rem !important; } .product__info-container .jyk-mobile-lower-info variant-selects fieldset.product-form__input label { grid-column: auto !important; width: auto !important; min-width: 0 !important; min-height: 60px !important; margin: 0 !important; padding: .7rem .75rem !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: .5rem !important; border: 1.5px solid #d9dee7 !important; border-radius: 12px !important; background: #fff !important; color: #171923 !important; font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important; font-size: 14px !important; line-height: 1.25 !important; font-weight: 650 !important; overflow: hidden !important; } .product__info-container .jyk-mobile-lower-info variant-selects fieldset.product-form__input input[type="radio"]:checked + label { border-color: #ed1020 !important; background: #171923 !important; color: #fff !important; box-shadow: 0 5px 12px rgba(23, 25, 35, .14) !important; } .product__info-container .jyk-mobile-lower-info variant-selects fieldset.product-form__input label span:first-child { width: 100% !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; font-size: inherit !important; line-height: inherit !important; } .product__info-container .jyk-mobile-lower-info variant-selects fieldset.product-form__input:nth-of-type(1) label { min-height: 116px !important; align-items: flex-start !important; padding: .8rem .75rem !important; font-size: 13px !important; line-height: 1.3 !important; } .product__info-container .jyk-mobile-lower-info variant-selects fieldset.product-form__input:nth-of-type(2) label.jyk-platform-option { min-height: 66px !important; padding: .75rem .85rem !important; font-size: 15px !important; font-weight: 750 !important; } .product__info-container .jyk-mobile-lower-info variant-selects fieldset.product-form__input:nth-of-type(3) label { min-height: 62px !important; justify-content: center !important; text-align: center !important; font-size: 15px !important; font-weight: 750 !important; } .product__info-container .jyk-mobile-lower-info variant-selects fieldset.product-form__input label.jyk-platform-option .jyk-playstation-mark { width: 25px !important; height: 25px !important; flex: 0 0 25px !important; } .product__info-container .jyk-mobile-lower-info #Quantity-Form-template--22871887937735__main { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: .75rem !important; width: 100% !important; margin: .15rem 0 1rem !important; } .product__info-container .jyk-mobile-lower-info #Quantity-Form-template--22871887937735__main > .quantity__label { grid-column: 1 !important; grid-row: 1 !important; margin: 0 !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 800 !important; } .product__info-container .jyk-mobile-lower-info #Quantity-Form-template--22871887937735__main > .price-per-item__container { grid-column: 2 !important; grid-row: 1 !important; margin: 0 !important; } .product__info-container .jyk-mobile-lower-info #Quantity-Form-template--22871887937735__main quantity-input { width: 174px !important; min-height: 52px !important; border: 1.5px solid #d9dee7 !important; border-radius: 12px !important; background: #fff !important; } .product__info-container .jyk-mobile-lower-info #Quantity-Form-template--22871887937735__main quantity-input .quantity__button { width: 52px !important; min-height: 52px !important; font-size: 20px !important; } .product__info-container .jyk-mobile-lower-info #Quantity-Form-template--22871887937735__main quantity-input .quantity__input { width: 68px !important; min-height: 52px !important; font-size: 19px !important; font-weight: 750 !important; } .product__info-container .jyk-mobile-lower-info .jyk-trust-custom { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; margin-top: 1rem !important; padding: .4rem !important; border-radius: 14px !important; } .product__info-container .jyk-mobile-lower-info .jyk-trust-custom__item { min-width: 0 !important; padding: .65rem .5rem !important; display: flex !important; align-items: center !important; gap: .45rem !important; } .product__info-container .jyk-mobile-lower-info .jyk-trust-custom__icon { width: 32px !important; height: 32px !important; flex: 0 0 32px !important; } .product__info-container .jyk-mobile-lower-info .jyk-trust-custom__title { display: block !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 800 !important; } .product__info-container .jyk-mobile-lower-info .jyk-trust-custom__text { display: block !important; margin-top: .18rem !important; font-size: 10px !important; line-height: 1.2 !important; } } /* Contraste final para la opción activa */ @media screen and (max-width: 749px) { .jyk-mobile-lower-info variant-selects fieldset.product-form__input input[type="radio"]:checked + label, .jyk-mobile-lower-info variant-selects fieldset.product-form__input input[type="radio"]:checked + label span, .jyk-mobile-lower-info variant-selects fieldset.product-form__input input[type="radio"]:checked + label strong { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; opacity: 1 !important; } .jyk-mobile-lower-info variant-selects fieldset.product-form__input input[type="radio"]:checked + label svg, .jyk-mobile-lower-info variant-selects fieldset.product-form__input input[type="radio"]:checked + label svg * { fill: #ffffff !important; stroke: #ffffff !important; color: #ffffff !important; } } /* Precios y oferta en una sola línea en móvil */ @media screen and (max-width: 749px) { #price-template--22871887937735__main .price { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 8px !important; width: 100% !important; } #price-template--22871887937735__main .price__container { display: flex !important; align-items: center !important; flex: 1 1 auto !important; flex-wrap: nowrap !important; width: auto !important; margin: 0 !important; min-width: 0 !important; } #price-template--22871887937735__main .price__sale { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 8px !important; width: auto !important; min-width: 0 !important; } #price-template--22871887937735__main .price__sale > span:not(.visually-hidden), #price-template--22871887937735__main .price__sale > span:not(.visually-hidden) > s { flex: 0 0 auto !important; white-space: nowrap !important; } #price-template--22871887937735__main .price__sale .price-item--regular { font-size: 17px !important; line-height: 1 !important; margin: 0 !important; } #price-template--22871887937735__main .price__sale .price-item--sale { font-size: 25px !important; line-height: 1 !important; margin: 0 !important; } #price-template--22871887937735__main .price__badge-sale { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 25px !important; margin: 0 !important; padding: 5px 9px !important; white-space: nowrap !important; font-size: 10px !important; line-height: 1 !important; } #price-template--22871887937735__main .price__badge-sold-out { display: none !important; } } /* Modo de jugar: título y explicación apilados */ @media screen and (max-width: 749px) { .jyk-mobile-lower-info variant-selects fieldset.product-form__input:has(input[id*="-1-"]) > label { flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 4px !important; padding: 12px !important; text-align: left !important; } .jyk-mobile-lower-info variant-selects fieldset.product-form__input:has(input[id*="-1-"]) > label .jyk-option-name { display: block !important; width: 100% !important; font-size: 14px !important; line-height: 1.15 !important; font-weight: 800 !important; } .jyk-mobile-lower-info variant-selects fieldset.product-form__input:has(input[id*="-1-"]) > label .jyk-option-description { display: block !important; width: 100% !important; font-size: 12px !important; line-height: 1.3 !important; font-weight: 600 !important; } } /* Orden final de precio, ahorro, reseñas y oferta en móvil */ @media screen and (max-width: 749px) { .jyk-mobile-top-info .jyk-mobile-savings { order: 2 !important; align-self: flex-start !important; margin: 6px 0 4px !important; padding: 6px 10px !important; border-radius: 8px !important; background: #fff0f1 !important; color: #d71024 !important; font-size: 13px !important; line-height: 1.1 !important; font-weight: 800 !important; } .jyk-mobile-top-info #price-template--22871887937735__main { order: 3 !important; align-self: flex-start !important; width: max-content !important; max-width: 100% !important; } #price-template--22871887937735__main .price { width: max-content !important; max-width: 100% !important; } #price-template--22871887937735__main .price__container { flex: 0 1 auto !important; width: auto !important; } #price-template--22871887937735__main .price__sale { gap: 6px !important; } #price-template--22871887937735__main .price__badge-sale { margin-left: 0 !important; } .jyk-mobile-top-info .jyk-mobile-offer { order: 4 !important; width: 100% !important; box-sizing: border-box !important; min-height: 42px !important; padding: 5px 8px !important; border-radius: 10px !important; gap: 8px !important; } .jyk-mobile-offer__label { flex: 1 1 auto !important; min-width: 0 !important; font-size: 13px !important; line-height: 1.15 !important; white-space: nowrap !important; } .jyk-mobile-offer__timer { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: 92px !important; min-width: 92px !important; height: 34px !important; padding: 0 !important; border: 0 !important; border-radius: 6px !important; background: #ed1020 !important; color: #ffffff !important; font-size: 13px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .2px !important; font-variant-numeric: tabular-nums !important; white-space: nowrap !important; } .jyk-rating-summary { display: grid !important; grid-template-columns: auto auto minmax(0, 1fr) !important; grid-template-areas: "stars score reviews" "verified verified verified" !important; align-items: center !important; column-gap: 6px !important; row-gap: 4px !important; width: 100% !important; } .jyk-rating-summary__stars { grid-area: stars !important; display: inline-block !important; width: auto !important; min-width: max-content !important; position: static !important; font-size: 16px !important; line-height: 1 !important; letter-spacing: .3px !important; color: #f2aa00 !important; } .jyk-rating-summary__stars > span { display: inline-block !important; width: auto !important; color: #f2aa00 !important; white-space: nowrap !important; } .jyk-rating-summary > strong { grid-area: score !important; } .jyk-rating-summary > span:not(.jyk-rating-summary__stars) { grid-area: reviews !important; min-width: 0 !important; } .jyk-rating-summary__verified { grid-area: verified !important; justify-self: start !important; margin: 0 !important; padding: 3px 5px !important; } .jyk-mobile-lower-info { margin-top: 18px !important; } .jyk-mobile-lower-info variant-selects label[for*="-1-0"] { position: relative !important; padding-top: 28px !important; } .jyk-mobile-lower-info variant-selects label[for*="-1-0"]::after { content: "MÁS VENDIDO" !important; position: absolute !important; top: 8px !important; right: 10px !important; display: inline-flex !important; align-items: center !important; min-height: 18px !important; padding: 3px 7px !important; border-radius: 999px !important; background: #ed1020 !important; color: #ffffff !important; font-size: 8px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .2px !important; } .jyk-mobile-lower-info variant-selects label[for*="-1-0"] .jyk-option-name { padding-right: 92px !important; } } /* Ajustes de legibilidad para contador y estrellas */ @media screen and (max-width: 749px) { .jyk-mobile-offer .jyk-mobile-offer__label { font-size: 12px !important; letter-spacing: -0.15px !important; } .jyk-mobile-offer .jyk-mobile-offer__timer { width: 90px !important; min-width: 90px !important; } .jyk-rating-summary__stars { width: auto !important; min-width: max-content !important; height: 18px !important; line-height: 18px !important; } .jyk-rating-summary__stars > span { position: static !important; display: inline-block !important; width: auto !important; } } @media screen and (max-width: 749px) { [data-url*="ea-sports-fc"] .jyk-mobile-top-info .jyk-mobile-community-proof { order: 5 !important; display: flex !important; align-items: center !important; gap: 9px !important; width: 100% !important; box-sizing: border-box !important; margin: 8px 0 0 !important; padding: 7px 9px !important; border: 1px solid #e7eaf1 !important; border-radius: 12px !important; background: linear-gradient(90deg, #ffffff 0%, #fafbfe 100%) !important; } .jyk-mobile-community-proof__avatars { display: flex !important; align-items: center !important; flex: 0 0 auto !important; padding-left: 2px !important; } .jyk-mobile-community-proof__avatar { display: grid !important; place-items: center !important; width: 28px !important; height: 28px !important; margin-left: -5px !important; border: 2px solid #ffffff !important; border-radius: 50% !important; color: #ffffff !important; font-family: inherit !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; box-shadow: 0 1px 3px rgba(25, 31, 45, 0.14) !important; } .jyk-mobile-community-proof__avatar:first-child { margin-left: 0 !important; } .jyk-mobile-community-proof__avatar--one { background: linear-gradient(135deg, #263c70, #6f8fd9) !important; } .jyk-mobile-community-proof__avatar--two { background: linear-gradient(135deg, #c77655, #f3bf86) !important; } .jyk-mobile-community-proof__avatar--three { background: linear-gradient(135deg, #166b68, #5bb6a1) !important; } .jyk-mobile-community-proof__avatar--four { background: linear-gradient(135deg, #763e6c, #d18bb2) !important; } .jyk-mobile-community-proof__count { display: grid !important; place-items: center !important; width: 30px !important; height: 30px !important; margin-left: -4px !important; border: 2px solid #ffffff !important; border-radius: 50% !important; background: #ffe5e8 !important; color: #ed1020 !important; font-family: inherit !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important; } .jyk-mobile-community-proof__copy { display: flex !important; min-width: 0 !important; flex-direction: column !important; line-height: 1.15 !important; } .jyk-mobile-community-proof__copy strong { overflow: hidden !important; color: #242735 !important; font-family: inherit !important; font-size: 12px !important; font-weight: 800 !important; white-space: nowrap !important; text-overflow: ellipsis !important; } .jyk-mobile-community-proof__copy span { margin-top: 3px !important; overflow: hidden !important; color: #788093 !important; font-family: inherit !important; font-size: 10px !important; white-space: nowrap !important; text-overflow: ellipsis !important; } } @media screen and (max-width: 749px) { .jyk-mobile-community-proof__avatar { width: 22px !important; height: 22px !important; font-size: 10px !important; } .jyk-mobile-community-proof__count { width: 24px !important; height: 24px !important; font-size: 9px !important; } .jyk-mobile-community-proof__copy strong { font-size: 11px !important; } .jyk-mobile-community-proof__copy span { font-size: 9px !important; } } @media screen and (max-width: 749px) { .jyk-mobile-community-proof { display: none !important; align-items: flex-start !important; min-height: 46px !important; } .jyk-mobile-community-proof__copy { padding-top: 1px !important; } .jyk-mobile-community-proof__copy strong, .jyk-mobile-community-proof__copy span { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; } .jyk-mobile-community-proof__copy strong { font-size: 10.5px !important; line-height: 1.15 !important; } .jyk-mobile-community-proof__copy span { font-size: 8.5px !important; line-height: 1.2 !important; } } @media screen and (max-width: 749px) { .jyk-mobile-lower-info { margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 132px !important; } [data-url*="ea-sports-fc"] .jyk-mobile-top-info .jyk-mobile-community-proof { min-height: 42px !important; margin-top: 6px !important; padding: 5px 7px !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price__badge-sale, .jyk-mobile-top-info #price-template--22871887937735__main .price__badge-sold-out { display: none !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price-item--sale, .jyk-mobile-top-info #price-template--22871887937735__main .price__sale s { font-size: 1rem !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price-item--sale::after { content: none !important; font-size: 28px !important; line-height: 1 !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price__sale s::after { content: none !important; font-size: 19px !important; line-height: 1 !important; } .jyk-mobile-top-info .jyk-mobile-savings { font-size: 1rem !important; } .jyk-mobile-top-info .jyk-mobile-savings::after { content: "🏷️ Ahorras $13.000 (26%)" !important; font-size: 15px !important; } } @media screen and (max-width: 749px) { .jyk-mobile-sticky-cta > span:last-child { font-size: 1rem !important; } .jyk-mobile-sticky-cta > span:last-child::after { content: "COMPRAR AHORA — price .price-item--sale" !important; font-size: 16px !important; line-height: 1 !important; } } @media screen and (max-width: 749px) { .jyk-mobile-lower-info variant-selects { margin-top: 0 !important; } } @media screen and (max-width: 749px) { .jyk-mobile-top-info #price-template--22871887937735__main .price__sale > span:has(s), .jyk-mobile-top-info #price-template--22871887937735__main .price__sale s { display: none !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price__sale s::after { content: none !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price__badge-sale { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-left: 8px !important; padding: 5px 10px !important; border-radius: 999px !important; background: #ed1020 !important; color: #ffffff !important; font-size: 1rem !important; font-weight: 800 !important; line-height: 1 !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price__badge-sale::before { content: none !important; font-size: 12px !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price-item--sale::after { content: none !important; font-size: 28px !important; line-height: 1 !important; } } @media screen and (max-width: 749px) { .jyk-mobile-top-info #price-template--22871887937735__main .price__regular { display: none !important; } } @media screen and (max-width: 749px) { .jyk-mobile-top-info #price-template--22871887937735__main .price__regular { display: none !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price:not(.price--on-sale) .price__sale > span:has(s), .jyk-mobile-top-info #price-template--22871887937735__main .price:not(.price--on-sale) .price__sale s { display: none !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale > span:has(s) { display: inline-flex !important; align-items: center !important; margin-right: 8px !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale s { display: inline-block !important; color: #6d7785 !important; font-size: 1rem !important; line-height: 1 !important; text-decoration: line-through !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale s::after { content: none !important; font-size: 19px !important; line-height: 1 !important; } } @media screen and (max-width: 749px) { .jyk-mobile-top-info #price-template--22871887937735__main .price__regular { display: none !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price:not(.price--on-sale) .price__sale > span:has(s), .jyk-mobile-top-info #price-template--22871887937735__main .price:not(.price--on-sale) .price__sale s { display: none !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale > span:has(s) { display: inline-flex !important; align-items: center !important; margin-right: 8px !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale s { display: inline-block !important; color: #6d7785 !important; font-size: 1rem !important; line-height: 1 !important; text-decoration: line-through !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale s::after { content: none !important; font-size: 19px !important; line-height: 1 !important; } } @media screen and (max-width: 749px) { .jyk-mobile-top-info #price-template--22871887937735__main .price { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price__container { min-width: 0 !important; flex: 0 1 auto !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price__sale { display: flex !important; align-items: baseline !important; flex-wrap: nowrap !important; gap: 6px !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale > span:has(s) { margin-right: 0 !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price-item--sale::after { font-size: 25px !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price__badge-sale { flex: 0 0 auto !important; margin-left: 0 !important; padding: 4px 8px !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price__badge-sale::before { font-size: 11px !important; } } @media screen and (max-width: 749px) { .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale s { text-decoration: line-through 1.5px rgb(127, 137, 151) !important; vertical-align: baseline !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale s::after { display: inline-block !important; color: #6d7785 !important; font-size: 19px !important; line-height: 1 !important; text-decoration-line: line-through !important; text-decoration-style: solid !important; text-decoration-color: #6d7785 !important; text-decoration-thickness: 2px !important; text-decoration-skip-ink: none !important; } } @media screen and (max-width: 749px) { .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale s { position: relative !important; display: inline-block !important; text-decoration: line-through 1.5px rgb(127, 137, 151) !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale s::before { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 50% !important; height: 2px !important; transform: translateY(-50%) !important; background: #6d7785 !important; z-index: 2 !important; pointer-events: none !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale s::after { text-decoration: line-through 1.5px rgb(127, 137, 151) !important; } } @media screen and (max-width: 749px) { .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale s::before { top: 50% !important; left: -1px !important; right: -1px !important; transform: translateY(-50%) rotate(-12deg) !important; transform-origin: center !important; } } @media screen and (max-width: 749px) { .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale s { color: #8b95a3 !important; font-weight: 500 !important; opacity: 0.92 !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale s::before { height: 1.5px !important; background: #8b95a3 !important; transform: translateY(-50%) rotate(-8deg) !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale s::after { color: #7f8997 !important; font-size: 18px !important; font-weight: 500 !important; letter-spacing: 0.01em !important; } } @media screen and (max-width: 749px) { .jyk-mobile-top-info .jyk-mobile-savings { display: none !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price { display: flex !important; align-items: flex-start !important; flex-wrap: nowrap !important; gap: 9px !important; width: 100% !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price__container { flex: 0 1 auto !important; min-width: 0 !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price__sale { display: grid !important; grid-template-columns: max-content !important; grid-template-rows: auto auto !important; align-items: start !important; justify-items: start !important; gap: 4px !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale > span:has(s) { grid-column: 1 !important; grid-row: 2 !important; display: block !important; margin: 0 !important; padding: 0 !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price .jyk-legacy-price { grid-column: 1 !important; grid-row: 1 !important; display: block !important; font-size: 1rem !important; line-height: 1 !important; color: #3f4248 !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price .jyk-legacy-price::after { content: none !important; display: inline-block !important; color: #3f4248 !important; font-size: 31px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.02em !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale s { position: relative !important; display: inline-block !important; font-size: 1rem !important; color: #7f8997 !important; font-weight: 500 !important; opacity: 0.92 !important; text-decoration: line-through 1.5px rgb(127, 137, 151) !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale s::before { display: none !important; content: none !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price.price--on-sale .price__sale s::after { content: none !important; display: inline-block !important; color: #7f8997 !important; font-size: 19px !important; font-weight: 500 !important; line-height: 1 !important; text-decoration-line: line-through !important; text-decoration-style: solid !important; text-decoration-color: #7f8997 !important; text-decoration-thickness: 1.5px !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price__badge-sale { align-self: start !important; flex: 0 0 auto !important; margin: 1px 0 0 !important; padding: 6px 9px !important; border-radius: 8px !important; background: #ed1020 !important; color: #ffffff !important; font-size: 1rem !important; font-weight: 800 !important; line-height: 1 !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price__badge-sale::before { content: "-26%" !important; font-size: 15px !important; line-height: 1 !important; } } @media screen and (max-width: 749px) { .jyk-mobile-top-info #price-template--22871887937735__main .price__badge-sale::before { content: none !important; font-size: 12px !important; letter-spacing: 0.03em !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main, .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input { margin-top: 0 !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input { margin-bottom: 18px !important; padding: 0 !important; border: 0 !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input .form__label { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 0 9px !important; padding: 0 0 7px !important; border-bottom: 1px solid #e2e6ed !important; color: #202631 !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: 0.055em !important; line-height: 1.2 !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input .form__label::before { content: "" !important; display: block !important; width: 4px !important; height: 16px !important; flex: 0 0 4px !important; border-radius: 999px !important; background: #ed1020 !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label { min-height: 112px !important; padding: 14px 12px 13px !important; border: 1px solid #d9dee7 !important; border-radius: 14px !important; background: #ffffff !important; box-shadow: 0 3px 10px rgba(24, 32, 45, 0.06) !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input input:checked + label { border: 2px solid #ed1020 !important; padding: 13px 11px 12px !important; background: #171b25 !important; box-shadow: 0 5px 14px rgba(237, 16, 32, 0.14) !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label .jyk-option-name { display: flex !important; align-items: center !important; min-height: 20px !important; width: 100% !important; color: #202631 !important; font-size: 15px !important; font-weight: 800 !important; letter-spacing: 0.02em !important; line-height: 1.25 !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input input:checked + label .jyk-option-name { color: #ffffff !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label .jyk-option-description { display: block !important; margin-top: 8px !important; color: #4c5665 !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.35 !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input input:checked + label .jyk-option-description { color: #f0f2f6 !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input input[id*="-1-0"] + label::after { top: 13px !important; right: 11px !important; padding: 4px 8px !important; border-radius: 999px !important; font-size: 9px !important; font-weight: 800 !important; line-height: 1 !important; } } @media screen and (max-width: 749px) { .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label { align-items: flex-start !important; justify-content: flex-start !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label .jyk-option-name { margin-top: 0 !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label .jyk-option-description { margin-top: 10px !important; } } @media screen and (max-width: 749px) { /* Tarjetas compactas para opciones sin descripción */ .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label.jyk-platform-option, .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label[for*="-3-"] { min-height: 78px !important; height: 78px !important; padding: 10px 12px !important; align-items: center !important; justify-content: center !important; text-align: center !important; } /* Títulos centrados en todas las variantes */ .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label .jyk-option-name { justify-content: center !important; text-align: center !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label.jyk-platform-option { gap: 8px !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.2 !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label[for*="-3-"] .jyk-option-name { width: 100% !important; min-height: 20px !important; align-items: center !important; font-size: 14px !important; line-height: 1.2 !important; } } @media screen and (max-width: 749px) { /* Distintivo compacto para conservar el título centrado sin solaparlo */ .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input input[id*="-1-0"] + label::after { padding: 3px 6px !important; font-size: 8px !important; letter-spacing: 0.04em !important; line-height: 1 !important; } } @media screen and (max-width: 749px) { .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input input[id*="-1-0"] + label::after { padding: 2px 4px !important; font-size: 7px !important; letter-spacing: 0.02em !important; } } @media screen and (max-width: 749px) { /* Tamaño de referencia para plataforma y edición */ .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label.jyk-platform-option, .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label[for*="-3-"] { min-height: 94px !important; height: 94px !important; padding: 14px 12px !important; border-radius: 14px !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label.jyk-platform-option { gap: 12px !important; font-size: 18px !important; font-weight: 800 !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .jyk-playstation-mark { width: 34px !important; height: 34px !important; flex: 0 0 34px !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label[for*="-3-"] .jyk-option-name { font-size: 18px !important; font-weight: 800 !important; } } @media screen and (max-width: 749px) { /* Ajuste proporcional: tarjetas y contenido alineados al tamaño del logo */ .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label.jyk-platform-option, .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label[for*="-3-"] { min-height: 76px !important; height: 76px !important; padding: 10px 12px !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label.jyk-platform-option { gap: 9px !important; font-size: 16px !important; line-height: 1.2 !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .jyk-playstation-mark { width: 28px !important; height: 28px !important; flex-basis: 28px !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label[for*="-3-"] .jyk-option-name { font-size: 16px !important; line-height: 1.2 !important; } } @media screen and (max-width: 749px) { /* Ajuste mínimo: solo el espacio necesario alrededor del contenido */ .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label.jyk-platform-option, .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label[for*="-3-"] { min-height: 58px !important; height: 58px !important; padding: 7px 10px !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label.jyk-platform-option { gap: 7px !important; font-size: 15px !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .jyk-playstation-mark { width: 24px !important; height: 24px !important; flex-basis: 24px !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input label[for*="-3-"] .jyk-option-name { font-size: 15px !important; } } @media screen and (max-width: 749px) { .price-item--sale.price-item--last::before, .price-item--sale.price-item--last::after, .jyk-mobile-sticky-cta::before, .jyk-mobile-sticky-cta::after, .jyk-mobile-sticky-cta > span:last-child::before, .jyk-mobile-sticky-cta > span:last-child::after { a content: none !important; } } @media screen and (max-width: 749px) { [id^="price-"] .price__sale .price-item--sale.price-item--last::after { content: none !important; } } /* JYK mobile standard layout and fixed CTA safety */ @media screen and (max-width: 749px) { html, body { overflow-x: hidden; } .product.grid--2-col-tablet { grid-template-columns: minmax(0, 1fr); } .product.grid--2-col-tablet > .grid__item, .product.grid--2-col-tablet > .product__media-wrapper, .product.grid--2-col-tablet > .product__info-wrapper { grid-column: 1 / -1; width: 100%; min-width: 0; } .jyk-mobile-top-info { grid-column: 1 / -1; width: 100%; max-width: 100%; min-width: 0; margin: 0 0 1rem; } .jyk-mobile-offer { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; align-items: center; justify-content: space-between; gap: .6rem; padding: .65rem .75rem; margin: .5rem 0 .6rem; } .jyk-mobile-offer__label { flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: clamp(.72rem, 3.2vw, .88rem); } .jyk-mobile-offer__timer { flex: 0 0 auto; min-width: 7.2rem; justify-content: center; white-space: nowrap; font-size: clamp(.75rem, 3.3vw, .9rem); } .jyk-mobile-community-proof { width: 100%; max-width: 100%; min-height: 0; box-sizing: border-box; padding: .5rem .65rem; margin: .4rem 0 .85rem; } .jyk-mobile-lower-info { grid-column: 1 / -1; width: 100%; max-width: 100%; min-width: 0; padding-bottom: 12rem; } .jyk-mobile-sticky-cta { right: max(10px, env(safe-area-inset-right)); bottom: max(10px, env(safe-area-inset-bottom)); left: max(10px, env(safe-area-inset-left)); width: auto; max-width: none; min-height: 3.5rem; box-sizing: border-box; padding: .85rem 1rem; z-index: 100; font-size: clamp(.9rem, 4vw, 1rem); } .jyk-mobile-sticky-cta > span:last-child { min-width: 0; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .product.product--mobile-hide.grid { grid-template-columns: minmax(0, 1fr) !important; } .product.product--mobile-hide.grid > .product__media-wrapper, .product.product--mobile-hide.grid > .product__info-wrapper { grid-area: auto !important; grid-column: 1 / -1 !important; width: 100% !important; min-width: 0 !important; } .jyk-mobile-top-info { grid-area: 2 / 1 / auto / -1 !important; grid-column: 1 / -1 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; } .jyk-mobile-lower-info { grid-area: 3 / 1 / auto / -1 !important; grid-column: 1 / -1 !important; padding-bottom: 12rem !important; } .jyk-product-actions__button--buy { display: none !important; } .price.price--large .price-item--sale { display: inline-block !important; font-size: 1.05rem !important; line-height: 25px !important; min-height: 25px !important; font-weight: 800 !important; vertical-align: middle !important; } #price-template--22871887937735__main .price-item--sale { display: inline-flex !important; align-items: center !important; font-size: 25px !important; line-height: 25px !important; min-height: 25px !important; font-weight: 800 !important; vertical-align: middle !important; } .jyk-mobile-top-info #price-template--22871887937735__main .price-item--sale { display: inline-flex !important; align-items: center !important; font-size: 25px !important; line-height: 25px !important; min-height: 25px !important; font-weight: 800 !important; vertical-align: middle !important; } .jyk-mobile-lower-info variant-selects input[type="radio"] + label[for*="-1-0"] { padding-top: 2.35rem !important; } .jyk-mobile-lower-info variant-selects input[type="radio"] + label[for*="-1-0"] .jyk-option-name { display: block !important; width: 100% !important; padding-right: 0 !important; text-align: center !important; } .jyk-mobile-lower-info variant-selects input[type="radio"] + label[for*="-1-0"]::after { top: 0.4rem !important; right: 50% !important; left: auto !important; transform: translateX(50%) !important; width: max-content !important; min-width: 0 !important; height: 18px !important; font-size: 7px !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input input[id*="-1-0"] + label { padding-top: 2.35rem !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input input[id*="-1-0"] + label .jyk-option-name { display: block !important; width: 100% !important; padding-right: 0 !important; text-align: center !important; } .jyk-mobile-lower-info #variant-selects-template--22871887937735__main .product-form__input input[id*="-1-0"] + label::after { top: 0.4rem !important; right: 50% !important; left: auto !important; transform: translateX(50%) !important; width: max-content !important; min-width: 0 !important; height: 18px !important; font-size: 7px !important; } .jyk-mobile-lower-info .jyk-option-name { display: block; width: 100%; padding-inline: 0; text-align: center; } }