/** Shopify CDN: Minification failed Line 20166:54 Unexpected "{" Line 20166:63 Expected ":" Line 20166:69 Unexpected "," **/ /* ============================================= LAURA BELLUCCI - BASE ESTABLE PIEZA 1 Objetivo: recuperar estructura móvil antes de añadir extras. No incluye favoritos ni colores en tarjetas para evitar romper el grid. ============================================= */ :root { --lb-header-h-mobile: 58px; --lb-header-h-scroll-mobile: 54px; --lb-topline-h-mobile: 30px; --lb-logo-w-mobile: 176px; --lb-logo-w-scroll-mobile: 164px; --lb-bg: #ffffff; --lb-text: #111111; } html, body, button, input, select, textarea, .header, .header *, .menu-drawer, .menu-drawer *, .product, .product *, .collection, .collection *, .card, .card *, .footer, .footer * { font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif !important; } body { background: #ffffff !important; color: #111111 !important; overflow-x: hidden !important; } /* ============================================= HEADER BASE ============================================= */ .shopify-section-group-header-group, .section-header { z-index: 10000 !important; } body.lb-home .shopify-section-group-header-group, body.lb-collection .shopify-section-group-header-group, body.lb-product .shopify-section-group-header-group, body.lb-home .section-header, body.lb-collection .section-header, body.lb-product .section-header { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; background: transparent !important; } .header-wrapper, sticky-header.header-wrapper { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; transition: background-color .24s ease, box-shadow .24s ease, height .24s ease !important; } .header { position: relative !important; display: grid !important; grid-template-columns: 48px 1fr 92px !important; align-items: center !important; min-height: var(--lb-header-h-mobile) !important; height: var(--lb-header-h-mobile) !important; width: 100% !important; max-width: none !important; padding: 0 12px !important; margin: 0 !important; overflow: visible !important; } .header header-drawer, .header .menu-drawer-container { grid-column: 1 !important; justify-self: start !important; align-self: center !important; margin: 0 !important; padding: 0 !important; display: flex !important; width: 44px !important; height: 44px !important; } .header .header__icons { grid-column: 3 !important; justify-self: end !important; align-self: center !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 2px !important; width: 92px !important; margin: 0 !important; padding: 0 !important; } .header__icon, .header__icon--menu, .header__icon--search, .header__icon--cart, .header__search, .header summary.header__icon { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; padding: 0 !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transform: none !important; } .header__icon svg, .header__icon .icon, .header__search svg, .header__search .icon, .header__icon--cart svg, .header__icon--cart .icon, .header__icon--menu svg, .header__icon--menu .icon { width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; max-width: 22px !important; max-height: 22px !important; display: block !important; transform: none !important; } .header__icon--cart svg, .header__icon--cart .icon { width: 25px !important; height: 25px !important; min-width: 25px !important; min-height: 25px !important; max-width: 25px !important; max-height: 25px !important; } .header__icon--account, .header__icons .header__icon--account { display: none !important; } /* Quitar X rara del summary cerrado */ .header__icon--menu .icon-close, .header__icon--menu svg.icon-close, #Details-menu-drawer-container summary .icon-close { display: none !important; } .lb-header-logo-center { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; z-index: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: var(--lb-logo-w-mobile) !important; max-width: calc(100vw - 160px) !important; height: 48px !important; line-height: 0 !important; overflow: visible !important; pointer-events: auto !important; } .lb-header-logo-center img, .lb-logo-hero, .lb-logo-scroll { width: 100% !important; max-width: 100% !important; height: auto !important; max-height: 48px !important; object-fit: contain !important; display: block !important; } /* Estados de logo */ .lb-logo-scroll { display: none !important; } .lb-logo-hero { display: block !important; } body.lb-product:not(.lb-page-scrolled) .lb-logo-hero, body:not(.lb-home):not(.lb-collection):not(.lb-product) .lb-logo-hero, body.lb-page-scrolled .lb-logo-hero, body.lb-drawer-open .lb-logo-hero { display: none !important; } body.lb-product:not(.lb-page-scrolled) .lb-logo-scroll, body:not(.lb-home):not(.lb-collection):not(.lb-product) .lb-logo-scroll, body.lb-page-scrolled .lb-logo-scroll, body.lb-drawer-open .lb-logo-scroll { display: block !important; } /* Iconos blancos sobre home/colección; negros en producto */ body.lb-home:not(.lb-page-scrolled):not(.lb-drawer-open) .header, body.lb-collection:not(.lb-page-scrolled):not(.lb-drawer-open) .header { color: #ffffff !important; } body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open) .header, body:not(.lb-home):not(.lb-collection):not(.lb-product) .header, body.lb-page-scrolled .header, body.lb-drawer-open .header { color: #111111 !important; } .header svg, .header svg path, .header .icon { color: currentColor !important; fill: currentColor !important; stroke: currentColor !important; } .cart-count-bubble { min-width: 16px !important; height: 16px !important; font-size: 9px !important; line-height: 16px !important; right: 2px !important; top: 4px !important; } /* Scroll: header fino */ body.lb-page-scrolled .section-header, body.lb-page-scrolled .shopify-section-group-header-group { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; } body.lb-page-scrolled .header-wrapper, body.lb-page-scrolled sticky-header.header-wrapper, body:not(.lb-home):not(.lb-collection):not(.lb-product) .header-wrapper, body:not(.lb-home):not(.lb-collection):not(.lb-product) sticky-header.header-wrapper, body.lb-drawer-open .header-wrapper, body.lb-drawer-open sticky-header.header-wrapper { background: rgba(255,255,255,.96) !important; background-color: rgba(255,255,255,.96) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; border-bottom: 1px solid rgba(0,0,0,.06) !important; box-shadow: 0 8px 22px rgba(0,0,0,.05) !important; } body.lb-page-scrolled .header { min-height: var(--lb-header-h-scroll-mobile) !important; height: var(--lb-header-h-scroll-mobile) !important; } body.lb-page-scrolled .lb-header-logo-center { width: var(--lb-logo-w-scroll-mobile) !important; height: 44px !important; } /* Announcement solo home, controlado */ .lb-topline { height: var(--lb-topline-h-mobile) !important; min-height: var(--lb-topline-h-mobile) !important; max-height: var(--lb-topline-h-mobile) !important; } /* ============================================= MENÚ HAMBURGUESA ============================================= */ body.lb-drawer-open { overflow: hidden !important; } #menu-drawer.lb-menu-drawer-fixed, .lb-menu-drawer-fixed { position: fixed !important; inset: 0 !important; width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; transform: none !important; background: #ffffff !important; color: #111111 !important; z-index: 9999 !important; overflow-y: auto !important; padding: 0 !important; margin: 0 !important; } #Details-menu-drawer-container:not([open]) #menu-drawer { display: none !important; } .lb-drawer-header { height: 62px !important; display: flex !important; align-items: center !important; justify-content: center !important; position: sticky !important; top: 0 !important; background: #ffffff !important; border-bottom: 1px solid rgba(0,0,0,.06) !important; z-index: 2 !important; } .lb-drawer-logo { width: 168px !important; height: auto !important; display: block !important; } .lb-drawer-close { position: absolute !important; top: 9px !important; right: 12px !important; width: 44px !important; height: 44px !important; border: 0 !important; background: transparent !important; color: #111111 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; } .lb-drawer-close svg, .lb-drawer-close .icon { width: 18px !important; height: 18px !important; } .menu-drawer__inner-container, .menu-drawer__navigation-container { height: auto !important; overflow: visible !important; } .lb-drawer-menu-clean { padding: 34px 24px 24px !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } .lb-drawer-menu-clean .menu-drawer__menu-item { min-height: 54px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #111111 !important; font-size: 19px !important; line-height: 1.15 !important; font-weight: 500 !important; letter-spacing: -0.02em !important; text-decoration: none !important; } .lb-drawer-utility { padding: 18px 24px 40px !important; text-align: center !important; } .lb-drawer-utility a { color: rgba(17,17,17,.72) !important; font-size: 13px !important; text-decoration: none !important; } /* ============================================= BANNERS HOME + COLECCIÓN ============================================= */ body.lb-home .banner, body.lb-home .banner:first-of-type { position: relative !important; overflow: hidden !important; } body.lb-home .banner .banner__content, body.lb-home .banner:first-of-type .banner__content { position: absolute !important; inset: 0 !important; z-index: 3 !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; text-align: center !important; padding: 0 18px 34px !important; pointer-events: none !important; } body.lb-home .banner .banner__box, body.lb-home .banner:first-of-type .banner__box { background: transparent !important; padding: 0 !important; max-width: 360px !important; pointer-events: none !important; } body.lb-home .banner .banner__heading, body.lb-home .banner:first-of-type .banner__heading { color: #ffffff !important; font-size: clamp(32px, 9vw, 48px) !important; line-height: .96 !important; font-weight: 500 !important; letter-spacing: -0.05em !important; text-shadow: 0 16px 44px rgba(0,0,0,.45) !important; } body.lb-home .banner .banner__text, body.lb-home .banner:first-of-type .banner__text { color: rgba(255,255,255,.94) !important; font-size: 10px !important; line-height: 1.45 !important; font-weight: 600 !important; letter-spacing: .08em !important; text-transform: uppercase !important; } body.lb-home .banner .banner__buttons, body.lb-home .banner:first-of-type .banner__buttons { pointer-events: auto !important; } body.lb-home .banner .banner__buttons .button, body.lb-home .banner:first-of-type .banner__buttons .button { min-height: 52px !important; width: min(340px, 84vw) !important; border-radius: 999px !important; background: rgba(20,20,20,.38) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,.58) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .14em !important; text-transform: uppercase !important; } body.lb-collection .collection-hero.collection-hero--with-image { position: relative !important; min-height: 500px !important; overflow: hidden !important; background: #111111 !important; } body.lb-collection .collection-hero--with-image .collection-hero__image-container { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; } body.lb-collection .collection-hero--with-image .collection-hero__image-container img, body.lb-collection .collection-hero--with-image .collection-hero__image-container .media img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; } body.lb-collection .collection-hero--with-image::after { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient(180deg, rgba(0,0,0,.16) 0%, rgba(0,0,0,.08) 45%, rgba(0,0,0,.58) 100%) !important; z-index: 1 !important; } body.lb-collection .collection-hero--with-image .collection-hero__inner { position: relative !important; z-index: 2 !important; min-height: 500px !important; width: 100% !important; display: flex !important; align-items: flex-end !important; justify-content: flex-start !important; padding: 120px 20px 44px !important; margin: 0 auto !important; } body.lb-collection .collection-hero__text-wrapper { max-width: 520px !important; padding: 0 !important; } body.lb-collection .collection-hero--with-image .collection-hero__title { margin: 0 !important; color: #ffffff !important; font-size: clamp(36px, 10vw, 56px) !important; line-height: .96 !important; font-weight: 500 !important; letter-spacing: -.045em !important; text-shadow: 0 16px 44px rgba(0,0,0,.5) !important; } body.lb-collection .collection-hero--with-image .collection-hero__description { margin: 14px 0 0 !important; color: rgba(255,255,255,.9) !important; font-size: 13.5px !important; line-height: 1.55 !important; text-shadow: 0 12px 34px rgba(0,0,0,.42) !important; } /* ============================================= COLECCIÓN GRID - restaurado limpio ============================================= */ body.lb-collection #product-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 10px !important; padding: 22px 10px 58px !important; margin: 0 auto !important; max-width: 1180px !important; } body.lb-collection #product-grid .grid__item { width: 100% !important; max-width: 100% !important; } body.lb-collection .card-wrapper, body.lb-collection .card { width: 100% !important; max-width: 100% !important; background: transparent !important; } body.lb-collection .card__inner { background: #f4f4f4 !important; overflow: hidden !important; --ratio-percent: 132% !important; } body.lb-collection .card__media img { object-fit: cover !important; object-position: center top !important; } body.lb-collection .card__information { padding: 10px 0 0 !important; } body.lb-collection .card__heading, body.lb-collection .card__heading a { color: #111111 !important; font-size: 11.5px !important; line-height: 1.28 !important; font-weight: 500 !important; letter-spacing: -.01em !important; text-decoration: none !important; } body.lb-collection .price { margin-top: 6px !important; color: #111111 !important; font-size: 12px !important; font-weight: 600 !important; } /* ============================================= PRODUCTO - base estable ============================================= */ body.lb-product product-info, body.lb-product .product, body.lb-product .product__info-wrapper { background: #ffffff !important; } body.lb-product product-info .page-width { max-width: 100% !important; padding: 0 !important; } body.lb-product product-info .product { display: flex !important; flex-direction: column !important; gap: 0 !important; } body.lb-product product-info .product__media-wrapper { width: 100vw !important; max-width: 100vw !important; height: 100svh !important; min-height: 100svh !important; margin-left: calc(-50vw + 50%) !important; overflow: hidden !important; background: #f3f3f3 !important; } body.lb-product .product__media-list { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; gap: 0 !important; width: 100vw !important; height: 100svh !important; padding: 0 !important; margin: 0 !important; -webkit-overflow-scrolling: touch !important; } body.lb-product .product__media-item { flex: 0 0 100vw !important; width: 100vw !important; max-width: 100vw !important; height: 100svh !important; scroll-snap-align: center !important; scroll-snap-stop: always !important; padding: 0 !important; margin: 0 !important; } body.lb-product .product-media-container, body.lb-product .product__modal-opener, body.lb-product .product__media, body.lb-product .product__media .media, body.lb-product .product__media-list .media { width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } body.lb-product .product__media img, body.lb-product .product__media-list img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center top !important; display: block !important; } body.lb-product .product__info-wrapper { width: 100% !important; max-width: 100% !important; padding: 34px 0 56px !important; } body.lb-product .product__info-container { max-width: 640px !important; margin: 0 auto !important; padding: 0 20px !important; } body.lb-product .product__title, body.lb-product .product__title h1 { text-align: center !important; font-size: clamp(22px, 6vw, 32px) !important; line-height: 1.08 !important; font-weight: 500 !important; letter-spacing: -.035em !important; margin: 0 0 12px !important; } body.lb-product .price, body.lb-product .product__tax, body.lb-product .product__description, body.lb-product .product-form__input, body.lb-product .product-form, body.lb-product .share-button { text-align: left !important; } body.lb-product .slider-buttons { display: none !important; } .lb-product-gallery-ui { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 20px !important; z-index: 5 !important; pointer-events: none !important; } .lb-gallery-floating-counter { position: absolute !important; right: 14px !important; bottom: 18px !important; min-width: 68px !important; height: 34px !important; border-radius: 999px !important; background: rgba(17,17,17,.26) !important; color: #ffffff !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; font-size: 12px !important; } .lb-gallery-nav { pointer-events: auto !important; width: 22px !important; height: 22px !important; border: 0 !important; background: transparent !important; color: #ffffff !important; font-size: 17px !important; line-height: 1 !important; padding: 0 !important; } .lb-gallery-progress { position: absolute !important; left: 14px !important; right: 96px !important; bottom: 0 !important; display: grid !important; grid-template-columns: repeat(var(--lb-media-count), 1fr) !important; gap: 4px !important; height: 2px !important; } .lb-gallery-progress-dot { display: block !important; height: 2px !important; background: rgba(255,255,255,.35) !important; border-radius: 999px !important; } .lb-gallery-progress-dot.is-active { background: #ffffff !important; } /* Variantes: restauradas y horizontales */ body.lb-product variant-selects { display: block !important; } body.lb-product .product-form__input--pill, body.lb-product .product-form__input--swatch { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; padding: 0 0 8px !important; scroll-snap-type: x proximity !important; } body.lb-product .product-form__input legend, body.lb-product .product-form__input .form__label { flex: 0 0 100% !important; width: 100% !important; display: block !important; color: #111111 !important; font-size: 12px !important; font-weight: 600 !important; margin: 0 0 8px !important; letter-spacing: .04em !important; } body.lb-product .product-form__input input[type='radio'] + label { flex: 0 0 auto !important; min-width: 44px !important; min-height: 42px !important; border-radius: 0 !important; border: 1px solid rgba(0,0,0,.16) !important; background: #ffffff !important; color: #111111 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 14px !important; font-size: 12px !important; scroll-snap-align: start !important; } body.lb-product .product-form__input input[type='radio']:checked + label { border-color: #111111 !important; box-shadow: inset 0 0 0 1px #111111 !important; } body.lb-product .product-form__submit { min-height: 54px !important; border-radius: 0 !important; background: #111111 !important; color: #ffffff !important; border: 1px solid #111111 !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .12em !important; text-transform: uppercase !important; } /* Toast carrito vacío */ .lb-empty-cart-toast { position: fixed !important; left: 50% !important; bottom: 18px !important; transform: translate(-50%, 24px) !important; z-index: 999999 !important; width: min(390px, calc(100vw - 24px)) !important; padding: 14px 16px !important; display: flex !important; align-items: center !important; gap: 12px !important; background: rgba(255,255,255,.94) !important; color: #111111 !important; border: 1px solid rgba(0,0,0,.08) !important; box-shadow: 0 24px 70px rgba(0,0,0,.18) !important; backdrop-filter: blur(18px) !important; -webkit-backdrop-filter: blur(18px) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity .25s ease, transform .25s ease !important; } .lb-empty-cart-toast.is-visible { opacity: 1 !important; transform: translate(-50%, 0) !important; } .lb-empty-cart-toast__icon { width: 32px !important; height: 32px !important; border-radius: 999px !important; background: #111111 !important; color: #ffffff !important; display:flex !important; align-items:center !important; justify-content:center !important; } .lb-empty-cart-toast__text { display:flex !important; flex-direction:column !important; gap:3px !important; } .lb-empty-cart-toast__text strong { font-size: 12.5px !important; line-height:1.25 !important; } .lb-empty-cart-toast__text span { font-size: 11px !important; color:rgba(17,17,17,.62) !important; } @media screen and (min-width: 750px) { :root { --lb-header-h-mobile: 72px; --lb-header-h-scroll-mobile: 60px; --lb-logo-w-mobile: 230px; --lb-logo-w-scroll-mobile: 210px; } .header { grid-template-columns: 70px 1fr 120px !important; padding: 0 28px !important; } .header .header__icons { width: 120px !important; } body.lb-collection #product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 34px 14px !important; padding: 34px 12px 72px !important; } } /* ============================================= PIEZA 1.1 - FIX LOGO DOBLE + CARRITO + TEXTO COLECCIÓN Mantiene la base estable y corrige solo lo reportado. ============================================= */ /* 1) Evita cualquier logo del tema antiguo. Solo usamos el logo central LB */ .header .header__heading, .header .header__heading-link, .header .header__heading-logo-wrapper, .header .header__heading-logo:not(.lb-logo-hero):not(.lb-logo-scroll) { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } /* 2) Logo central: las 2 imágenes ocupan exactamente el mismo sitio */ .lb-header-logo-center { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; z-index: 30 !important; display: grid !important; place-items: center !important; width: 186px !important; max-width: calc(100vw - 164px) !important; height: 50px !important; line-height: 0 !important; overflow: visible !important; } .lb-header-logo-center img { grid-area: 1 / 1 !important; width: 186px !important; max-width: 186px !important; height: auto !important; max-height: 50px !important; object-fit: contain !important; opacity: 0 !important; visibility: hidden !important; display: block !important; pointer-events: none !important; } /* Home y colección antes de scroll: SOLO logo blanco */ body.lb-home:not(.lb-page-scrolled):not(.lb-drawer-open) .lb-header-logo-center .lb-logo-hero, body.lb-collection:not(.lb-page-scrolled):not(.lb-drawer-open) .lb-header-logo-center .lb-logo-hero { opacity: 1 !important; visibility: visible !important; } body.lb-home:not(.lb-page-scrolled):not(.lb-drawer-open) .lb-header-logo-center .lb-logo-scroll, body.lb-collection:not(.lb-page-scrolled):not(.lb-drawer-open) .lb-header-logo-center .lb-logo-scroll { opacity: 0 !important; visibility: hidden !important; } /* Producto, scroll, drawer y páginas normales: SOLO logo negro */ body.lb-product .lb-header-logo-center .lb-logo-scroll, body.lb-page-scrolled .lb-header-logo-center .lb-logo-scroll, body.lb-drawer-open .lb-header-logo-center .lb-logo-scroll, body:not(.lb-home):not(.lb-collection):not(.lb-product) .lb-header-logo-center .lb-logo-scroll { opacity: 1 !important; visibility: visible !important; } body.lb-product .lb-header-logo-center .lb-logo-hero, body.lb-page-scrolled .lb-header-logo-center .lb-logo-hero, body.lb-drawer-open .lb-header-logo-center .lb-logo-hero, body:not(.lb-home):not(.lb-collection):not(.lb-product) .lb-header-logo-center .lb-logo-hero { opacity: 0 !important; visibility: hidden !important; } /* Al hacer scroll un poco más compacto, sin mover posición */ body.lb-page-scrolled .lb-header-logo-center { width: 176px !important; height: 46px !important; } body.lb-page-scrolled .lb-header-logo-center img { width: 176px !important; max-width: 176px !important; max-height: 46px !important; } /* 3) Carrito más grande, casi igual de visible que la lupa */ .header .header__icons, .header__icons { width: 98px !important; gap: 2px !important; } #cart-icon-bubble, .header__icon--cart { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; padding: 0 !important; } #cart-icon-bubble .svg-wrapper, .header__icon--cart .svg-wrapper { width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #cart-icon-bubble svg, .header__icon--cart svg, #cart-icon-bubble .icon, .header__icon--cart .icon { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; max-width: 28px !important; max-height: 28px !important; } .cart-count-bubble { right: 1px !important; top: 2px !important; } /* 4) Texto de colección: siempre visible y abajo de la imagen */ body.lb-collection .collection-hero.collection-hero--with-image { position: relative !important; min-height: 500px !important; overflow: hidden !important; } body.lb-collection .collection-hero--with-image .collection-hero__image-container, body.lb-collection .collection-hero--with-image .collection-hero__image-container .media { position: absolute !important; inset: 0 !important; z-index: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } body.lb-collection .collection-hero--with-image::after { z-index: 1 !important; } body.lb-collection .collection-hero--with-image .collection-hero__inner { position: relative !important; z-index: 2 !important; min-height: 500px !important; width: 100% !important; display: flex !important; align-items: flex-end !important; justify-content: flex-start !important; padding: 120px 20px 38px !important; margin: 0 auto !important; } body.lb-collection .collection-hero--with-image .collection-hero__text-wrapper { position: relative !important; z-index: 3 !important; display: block !important; visibility: visible !important; opacity: 1 !important; max-width: 560px !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; transform: none !important; } body.lb-collection .collection-hero--with-image .collection-hero__title { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 0 !important; color: #ffffff !important; font-size: clamp(36px, 10vw, 56px) !important; line-height: .96 !important; font-weight: 500 !important; letter-spacing: -.045em !important; text-shadow: 0 16px 44px rgba(0,0,0,.52) !important; } body.lb-collection .collection-hero--with-image .collection-hero__description { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 12px 0 0 !important; color: rgba(255,255,255,.92) !important; font-size: 13.5px !important; line-height: 1.55 !important; text-shadow: 0 12px 34px rgba(0,0,0,.42) !important; } @media screen and (max-width: 749px) { .header { grid-template-columns: 48px 1fr 98px !important; } .lb-header-logo-center { width: 184px !important; max-width: calc(100vw - 170px) !important; } .lb-header-logo-center img { width: 184px !important; max-width: 184px !important; } body.lb-page-scrolled .lb-header-logo-center, body.lb-page-scrolled .lb-header-logo-center img { width: 174px !important; max-width: 174px !important; } } /* ============================================= PIEZA 1.2 - AJUSTE FINO LOGO / CARRITO / TEXTO COLECCIÓN Sustituye el tamaño final sin tocar estructura estable. ============================================= */ /* LOGO MÁS GRANDE, MISMO CENTRO, SIN AGRANDAR EL HEADER */ :root { --lb-logo-w-mobile: 204px; --lb-logo-w-scroll-mobile: 188px; } .lb-header-logo-center { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: 204px !important; max-width: calc(100vw - 148px) !important; height: 52px !important; max-height: 52px !important; display: grid !important; place-items: center !important; overflow: visible !important; } .lb-header-logo-center img, .lb-header-logo-center .lb-logo-hero, .lb-header-logo-center .lb-logo-scroll { grid-area: 1 / 1 !important; width: 204px !important; max-width: 204px !important; height: auto !important; max-height: 52px !important; object-fit: contain !important; } body.lb-page-scrolled .lb-header-logo-center { width: 188px !important; max-width: calc(100vw - 152px) !important; height: 48px !important; max-height: 48px !important; } body.lb-page-scrolled .lb-header-logo-center img, body.lb-page-scrolled .lb-header-logo-center .lb-logo-hero, body.lb-page-scrolled .lb-header-logo-center .lb-logo-scroll { width: 188px !important; max-width: 188px !important; max-height: 48px !important; } /* CARRITO MÁS GRANDE: APLICA A SVG, WRAPPER Y ENLACE */ .header .header__icons, .header__icons { width: 108px !important; min-width: 108px !important; gap: 0 !important; } #cart-icon-bubble, a#cart-icon-bubble, .header__icon--cart, .header__icons .header__icon--cart { width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; max-width: 50px !important; max-height: 50px !important; padding: 0 !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 50px !important; } #cart-icon-bubble .svg-wrapper, a#cart-icon-bubble .svg-wrapper, .header__icon--cart .svg-wrapper, .header__icons .header__icon--cart .svg-wrapper { width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; max-width: 34px !important; max-height: 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; line-height: 0 !important; } #cart-icon-bubble svg, a#cart-icon-bubble svg, .header__icon--cart svg, .header__icons .header__icon--cart svg, #cart-icon-bubble .icon, a#cart-icon-bubble .icon, .header__icon--cart .icon, .header__icons .header__icon--cart .icon { width: 31px !important; height: 31px !important; min-width: 31px !important; min-height: 31px !important; max-width: 31px !important; max-height: 31px !important; transform: scale(1.14) !important; transform-origin: center center !important; display: block !important; } .header__search, .header__icon--search, .header__icons details-modal, .header__icons details-modal summary { flex: 0 0 44px !important; } .cart-count-bubble { right: 3px !important; top: 5px !important; } /* TEXTO DE COLECCIÓN MÁS ABAJO, EN LA PARTE BAJA REAL DE LA IMAGEN */ body.lb-collection .collection-hero.collection-hero--with-image { min-height: 500px !important; } body.lb-collection .collection-hero--with-image .collection-hero__inner { position: relative !important; min-height: 500px !important; padding: 90px 20px 0 !important; display: block !important; } body.lb-collection .collection-hero--with-image .collection-hero__text-wrapper { position: absolute !important; left: 20px !important; right: 20px !important; bottom: 22px !important; z-index: 3 !important; max-width: 560px !important; margin: 0 !important; padding: 0 !important; } @media screen and (max-width: 749px) { .header { grid-template-columns: 48px 1fr 108px !important; padding-left: 10px !important; padding-right: 8px !important; } .lb-header-logo-center { width: 202px !important; max-width: calc(100vw - 148px) !important; height: 52px !important; } .lb-header-logo-center img, .lb-header-logo-center .lb-logo-hero, .lb-header-logo-center .lb-logo-scroll { width: 202px !important; max-width: 202px !important; max-height: 52px !important; } body.lb-page-scrolled .lb-header-logo-center, body.lb-page-scrolled .lb-header-logo-center img, body.lb-page-scrolled .lb-header-logo-center .lb-logo-hero, body.lb-page-scrolled .lb-header-logo-center .lb-logo-scroll { width: 188px !important; max-width: 188px !important; } #cart-icon-bubble, a#cart-icon-bubble, .header__icon--cart, .header__icons .header__icon--cart { width: 50px !important; min-width: 50px !important; height: 50px !important; min-height: 50px !important; } #cart-icon-bubble svg, a#cart-icon-bubble svg, .header__icon--cart svg, .header__icons .header__icon--cart svg, #cart-icon-bubble .icon, a#cart-icon-bubble .icon, .header__icon--cart .icon, .header__icons .header__icon--cart .icon { width: 31px !important; height: 31px !important; min-width: 31px !important; min-height: 31px !important; } body.lb-collection .collection-hero.collection-hero--with-image, body.lb-collection .collection-hero--with-image .collection-hero__inner { min-height: 500px !important; } body.lb-collection .collection-hero--with-image .collection-hero__text-wrapper { left: 18px !important; right: 18px !important; bottom: 24px !important; } body.lb-collection .collection-hero--with-image .collection-hero__title { font-size: clamp(34px, 9.5vw, 50px) !important; } } /* ============================================= PIEZA 1.3 - CARRITO HEADER DEFINITIVO Archivo completo: no pegar como parche, sustituir custom.css entero. ============================================= */ /* Solo icono del carrito dentro del header en todas las páginas */ body .section-header header.header .header__icons #cart-icon-bubble, body .section-header header.header .header__icons a#cart-icon-bubble, body .section-header header.header .header__icons .header__icon--cart, body .shopify-section-group-header-group header.header .header__icons #cart-icon-bubble, body .shopify-section-group-header-group header.header .header__icons a#cart-icon-bubble, body .shopify-section-group-header-group header.header .header__icons .header__icon--cart, body header.header .header__icons #cart-icon-bubble, body header.header .header__icons a#cart-icon-bubble, body header.header .header__icons .header__icon--cart { width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; max-width: 58px !important; max-height: 58px !important; flex: 0 0 58px !important; padding: 0 !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; position: relative !important; overflow: visible !important; line-height: 0 !important; } body .section-header header.header .header__icons #cart-icon-bubble .svg-wrapper, body .section-header header.header .header__icons a#cart-icon-bubble .svg-wrapper, body .section-header header.header .header__icons .header__icon--cart .svg-wrapper, body .shopify-section-group-header-group header.header .header__icons #cart-icon-bubble .svg-wrapper, body .shopify-section-group-header-group header.header .header__icons a#cart-icon-bubble .svg-wrapper, body .shopify-section-group-header-group header.header .header__icons .header__icon--cart .svg-wrapper, body header.header .header__icons #cart-icon-bubble .svg-wrapper, body header.header .header__icons a#cart-icon-bubble .svg-wrapper, body header.header .header__icons .header__icon--cart .svg-wrapper { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; max-width: 42px !important; max-height: 42px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; line-height: 0 !important; } body .section-header header.header .header__icons #cart-icon-bubble svg, body .section-header header.header .header__icons a#cart-icon-bubble svg, body .section-header header.header .header__icons .header__icon--cart svg, body .shopify-section-group-header-group header.header .header__icons #cart-icon-bubble svg, body .shopify-section-group-header-group header.header .header__icons a#cart-icon-bubble svg, body .shopify-section-group-header-group header.header .header__icons .header__icon--cart svg, body header.header .header__icons #cart-icon-bubble svg, body header.header .header__icons a#cart-icon-bubble svg, body header.header .header__icons .header__icon--cart svg, body header.header .header__icons #cart-icon-bubble .icon, body header.header .header__icons a#cart-icon-bubble .icon, body header.header .header__icons .header__icon--cart .icon { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; max-width: 38px !important; max-height: 38px !important; transform: scale(1.22) !important; transform-origin: center center !important; display: block !important; overflow: visible !important; } /* Burbuja del número del carrito */ body header.header .header__icons #cart-icon-bubble .cart-count-bubble, body header.header .header__icons a#cart-icon-bubble .cart-count-bubble, body .section-header header.header .header__icons #cart-icon-bubble .cart-count-bubble, body .shopify-section-group-header-group header.header .header__icons #cart-icon-bubble .cart-count-bubble { position: absolute !important; top: 2px !important; right: 1px !important; min-width: 18px !important; width: auto !important; height: 18px !important; padding: 0 4px !important; font-size: 9px !important; line-height: 18px !important; display: flex !important; align-items: center !important; justify-content: center !important; } @media screen and (max-width: 749px) { body .section-header header.header .header__icons #cart-icon-bubble, body .section-header header.header .header__icons a#cart-icon-bubble, body .section-header header.header .header__icons .header__icon--cart, body .shopify-section-group-header-group header.header .header__icons #cart-icon-bubble, body .shopify-section-group-header-group header.header .header__icons a#cart-icon-bubble, body .shopify-section-group-header-group header.header .header__icons .header__icon--cart, body header.header .header__icons #cart-icon-bubble, body header.header .header__icons a#cart-icon-bubble, body header.header .header__icons .header__icon--cart { width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; max-width: 54px !important; max-height: 54px !important; flex: 0 0 54px !important; } body header.header .header__icons #cart-icon-bubble .svg-wrapper, body header.header .header__icons a#cart-icon-bubble .svg-wrapper, body header.header .header__icons .header__icon--cart .svg-wrapper { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; max-width: 40px !important; max-height: 40px !important; } body header.header .header__icons #cart-icon-bubble svg, body header.header .header__icons a#cart-icon-bubble svg, body header.header .header__icons .header__icon--cart svg, body header.header .header__icons #cart-icon-bubble .icon, body header.header .header__icons a#cart-icon-bubble .icon, body header.header .header__icons .header__icon--cart .icon { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; max-width: 36px !important; max-height: 36px !important; transform: scale(1.22) !important; } } /* ========================================================== PIEZA 2.5 - PRODUCTO MÓVIL ESTABLE + OVERLAYS SEGUROS No toca la base del header que ya quedó bien. ========================================================== */ html, body { overflow-x: hidden !important; max-width: 100% !important; } /* Home: evita parpadeo del announcement al empezar scroll */ body.lb-home .lb-top-promo { display: block !important; visibility: visible !important; opacity: 1 !important; z-index: 10040 !important; } /* Al abrir hamburguesa, búsqueda o filtros, el header/logo no debe tapar el panel */ body.lb-drawer-open .lb-top-promo, body:has(#Details-menu-drawer-container[open]) .lb-top-promo, body:has(details[open] .search-modal) .lb-top-promo, body:has(.mobile-facets__disclosure[open]) .lb-top-promo { display: none !important; } body:has(details[open] .search-modal) .header__heading, body:has(details[open] .search-modal) .header__heading-link, body:has(details[open] .search-modal) .header__heading-logo-wrapper, body:has(details[open] .search-modal) .lb-logo-hero, body:has(details[open] .search-modal) .lb-logo-scroll, body:has(.mobile-facets__disclosure[open]) .section-header, body:has(.mobile-facets__disclosure[open]) .shopify-section-group-header-group { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } body:has(details[open] .search-modal) .search-modal, body:has(.mobile-facets__disclosure[open]) .mobile-facets__inner, body:has(.mobile-facets__disclosure[open]) .mobile-facets__main { z-index: 999999 !important; } /* Producto: sobre la imagen inicial, logo e iconos en blanco como en banners */ body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open) .lb-logo-hero { display: block !important; opacity: 1 !important; visibility: visible !important; } body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open) .lb-logo-scroll { display: none !important; opacity: 0 !important; visibility: hidden !important; } body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open) .header__icon, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open) .header__icon svg, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open) .header__icon svg path, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open) .header summary, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open) .header button { color: #ffffff !important; fill: currentColor !important; stroke: currentColor !important; } /* Colección: texto más ancho sin hacerlo más grande */ body.lb-collection .collection-hero--with-image .collection-hero__title { font-weight: 700 !important; letter-spacing: -0.045em !important; transform: scaleX(1.055) !important; transform-origin: left center !important; } /* ===================== PRODUCTO: GALERÍA 100VW REAL ===================== */ body.lb-product product-info, body.lb-product product-info .page-width, body.lb-product product-info .product { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } body.lb-product product-info .product { display: block !important; } body.lb-product product-info .product__media-wrapper { position: relative !important; left: auto !important; right: auto !important; transform: none !important; width: 100vw !important; max-width: 100vw !important; min-width: 100vw !important; height: 100svh !important; min-height: 100svh !important; max-height: 100svh !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #f5f5f5 !important; } body.lb-product .lb-product-media-gallery, body.lb-product .lb-gallery-viewer, body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { position: relative !important; width: 100vw !important; max-width: 100vw !important; min-width: 100vw !important; height: 100svh !important; min-height: 100svh !important; max-height: 100svh !important; margin: 0 !important; padding: 0 !important; } body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { display: flex !important; flex-wrap: nowrap !important; gap: 0 !important; grid-template-columns: none !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-padding: 0 !important; overscroll-behavior-x: contain !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; touch-action: pan-x pan-y !important; } body.lb-product .product__media-list::-webkit-scrollbar, body.lb-product .lb-product-media-slider::-webkit-scrollbar { display: none !important; } body.lb-product .product__media-item, body.lb-product .product__media-list .grid__item, body.lb-product .product__media-list .slider__slide { flex: 0 0 100vw !important; width: 100vw !important; max-width: 100vw !important; min-width: 100vw !important; height: 100svh !important; min-height: 100svh !important; max-height: 100svh !important; margin: 0 !important; padding: 0 !important; scroll-snap-align: start !important; scroll-snap-stop: always !important; overflow: hidden !important; } body.lb-product .product-media-container, body.lb-product .product__media, body.lb-product .product__media.media, body.lb-product .product__media .media { width: 100% !important; max-width: 100% !important; min-width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: 100% !important; padding: 0 !important; margin: 0 !important; border: 0 !important; display: block !important; overflow: hidden !important; } body.lb-product .product__media img, body.lb-product .product-media-container img, body.lb-product .product__media video, body.lb-product .product-media-container video { width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center top !important; display: block !important; } /* Zoom estable sin modal nativo */ body.lb-product .product__media-item.lb-image-zoomed img { transform: scale(2.15) !important; transform-origin: var(--lb-zoom-x, 50%) var(--lb-zoom-y, 50%) !important; cursor: zoom-out !important; } body.lb-product .product__media-item img { transition: transform .22s ease !important; cursor: zoom-in !important; } body.lb-product .product__media-icon, body.lb-product .product__media-toggle, body.lb-product product-modal, body.lb-product .product-media-modal { display: none !important; } /* Producto info */ body.lb-product .product__info-wrapper { width: 100% !important; max-width: 760px !important; margin: 0 auto !important; padding: 30px 20px 58px !important; background: #ffffff !important; } body.lb-product .product__info-container { width: 100% !important; max-width: 680px !important; margin: 0 auto !important; padding: 0 !important; overflow-x: hidden !important; } body.lb-product .product__title, body.lb-product .product__title h1, body.lb-product [id^="price-"], body.lb-product .price, body.lb-product .price__container { text-align: left !important; justify-content: flex-start !important; } body.lb-product .price .price__badge-sale, body.lb-product .price .price__badge-sold-out, body.lb-product .price .price__regular .visually-hidden, body.lb-product .price .price__sale .visually-hidden, body.lb-product .price__sale .price-item--regular:empty, body.lb-product .price__sale .price-item--regular.is-hidden, body.lb-product .installment, body.lb-product .shopify-payment-button, body.lb-product .product-form__buttons + .shopify-payment-button { display: none !important; } /* Variantes: horizontal real, sin sacar la página fuera */ body.lb-product variant-selects, body.lb-product .lb-variant-selects { display: block !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; margin: 22px 0 0 !important; } body.lb-product .lb-product-option, body.lb-product .product-form__input { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 0 20px !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; } body.lb-product .lb-product-option__legend { width: 100% !important; display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 16px !important; margin: 0 0 10px !important; font-size: 11px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: rgba(17,17,17,.72) !important; } body.lb-product .lb-product-option__selected { font-size: 11px !important; font-weight: 500 !important; letter-spacing: .06em !important; text-transform: none !important; color: #111 !important; white-space: nowrap !important; } body.lb-product .lb-product-option__scroller { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-wrap: nowrap !important; gap: 10px !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior-x: contain !important; touch-action: pan-x !important; padding: 2px 0 10px !important; scrollbar-width: none !important; } body.lb-product .lb-product-option__scroller::-webkit-scrollbar { display: none !important; } body.lb-product .lb-product-option input[type="radio"] { position: absolute !important; opacity: 0 !important; pointer-events: none !important; } body.lb-product .lb-variant-option-label { flex: 0 0 auto !important; min-width: max-content !important; margin: 0 !important; cursor: pointer !important; scroll-snap-align: start !important; } body.lb-product .lb-product-option--color .lb-variant-option-label { width: 74px !important; min-width: 74px !important; max-width: 74px !important; } body.lb-product .lb-product-option--color .lb-variant-option-text { display: none !important; } body.lb-product .lb-variant-option-media { width: 74px !important; height: 92px !important; display: block !important; background: #f4f4f4 !important; border: 1px solid rgba(0,0,0,.10) !important; overflow: hidden !important; } body.lb-product .lb-variant-option-media img { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; object-position: center top !important; } body.lb-product .lb-product-option--color input:checked + .lb-variant-option-label .lb-variant-option-media, body.lb-product .lb-product-option--size input:checked + .lb-variant-option-label { border-color: #111111 !important; box-shadow: inset 0 0 0 1px #111111 !important; } body.lb-product .lb-product-option--size .lb-variant-option-label { min-width: 46px !important; height: 42px !important; padding: 0 16px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(0,0,0,.16) !important; background: #ffffff !important; color: #111 !important; font-size: 12px !important; line-height: 1 !important; letter-spacing: .05em !important; } body.lb-product .lb-product-material { width: 100% !important; display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 16px !important; margin: 0 0 22px !important; padding: 14px 0 0 !important; border-top: 1px solid rgba(0,0,0,.08) !important; color: #111 !important; } body.lb-product .lb-product-material__label { font-size: 11px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: rgba(17,17,17,.72) !important; } body.lb-product .lb-product-material__value { text-align: right !important; font-size: 12px !important; line-height: 1.3 !important; color: rgba(17,17,17,.72) !important; } body.lb-product .product-form__buttons, body.lb-product .product-form__submit { width: 100% !important; } body.lb-product .product-form__submit { min-height: 52px !important; height: 52px !important; border-radius: 0 !important; background: #111111 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; } body.lb-product .product-form__submit .svg-wrapper, body.lb-product .product-form__submit svg { width: 18px !important; height: 18px !important; } /* Avisos centrados dentro de pantalla */ .lb-empty-cart-toast, .lb-add-cart-toast, .lb-top-cart-panel { max-width: calc(100vw - 24px) !important; left: 50% !important; right: auto !important; transform: translateX(-50%) translateY(20px) !important; } .lb-empty-cart-toast.is-visible, .lb-add-cart-toast.is-visible, .lb-top-cart-panel.is-visible { transform: translateX(-50%) translateY(0) !important; } .lb-add-cart-toast { position: fixed !important; bottom: 18px !important; z-index: 999999 !important; width: min(420px, calc(100vw - 24px)) !important; padding: 14px 16px !important; background: rgba(255,255,255,.94) !important; color: #111 !important; border: 1px solid rgba(0,0,0,.08) !important; box-shadow: 0 18px 50px rgba(0,0,0,.18) !important; backdrop-filter: blur(18px) !important; -webkit-backdrop-filter: blur(18px) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity .24s ease, transform .24s ease !important; font-size: 12px !important; line-height: 1.35 !important; } .lb-add-cart-toast.is-visible { opacity: 1 !important; } /* Panel superior de bolsa: lectura segura del carrito, no añade productos */ .lb-top-cart-panel { position: fixed !important; top: 0 !important; z-index: 999998 !important; width: min(520px, 100vw) !important; max-height: 54vh !important; overflow: auto !important; background: rgba(255,255,255,.98) !important; color: #111 !important; border-bottom: 1px solid rgba(0,0,0,.08) !important; box-shadow: 0 24px 80px rgba(0,0,0,.22) !important; padding: 18px 16px 16px !important; opacity: 0 !important; pointer-events: none !important; transition: opacity .24s ease, transform .24s ease !important; } .lb-top-cart-panel.is-visible { opacity: 1 !important; pointer-events: auto !important; } .lb-top-cart-panel__header { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; margin-bottom: 14px !important; } .lb-top-cart-panel__title { margin: 0 !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; } .lb-top-cart-panel__close { border: 0 !important; background: transparent !important; width: 34px !important; height: 34px !important; font-size: 22px !important; line-height: 1 !important; } .lb-top-cart-panel__items { display: grid !important; gap: 10px !important; margin-bottom: 14px !important; } .lb-top-cart-panel__item { display: grid !important; grid-template-columns: 62px 1fr auto !important; gap: 10px !important; align-items: center !important; text-decoration: none !important; color: #111 !important; } .lb-top-cart-panel__item img { width: 62px !important; height: 78px !important; object-fit: cover !important; background: #f4f4f4 !important; } .lb-top-cart-panel__name { font-size: 12px !important; line-height: 1.35 !important; font-weight: 500 !important; } .lb-top-cart-panel__meta { margin-top: 4px !important; font-size: 11px !important; color: rgba(17,17,17,.58) !important; } .lb-top-cart-panel__price { font-size: 12px !important; font-weight: 600 !important; white-space: nowrap !important; } .lb-top-cart-panel__actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; } .lb-top-cart-panel__actions a, .lb-top-cart-panel__actions button { height: 44px !important; border: 1px solid #111 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; font-size: 11px !important; letter-spacing: .12em !important; text-transform: uppercase !important; } .lb-top-cart-panel__actions button { background: #fff !important; color: #111 !important; } .lb-top-cart-panel__actions a { background: #111 !important; color: #fff !important; } @media screen and (max-width: 749px) { body.lb-product product-info .product__media-wrapper, body.lb-product .lb-product-media-gallery, body.lb-product .lb-gallery-viewer, body.lb-product .product__media-list, body.lb-product .lb-product-media-slider, body.lb-product .product__media-item, body.lb-product .product__media-list .grid__item, body.lb-product .product__media-list .slider__slide { width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 100svh !important; min-height: 100svh !important; max-height: 100svh !important; } body.lb-product .product__info-wrapper { padding: 28px 18px 54px !important; } } /* ========================================================== LAURA BELLUCCI - PIEZA 2.6 AJUSTE FINAL MÓVIL Producto + paneles sin romper header estable. ========================================================== */ html, body { overflow-x: hidden !important; width: 100% !important; max-width: 100% !important; } /* Header: con el mínimo scroll ya cambia a estado blanco/negro */ body.lb-page-scrolled .lb-real-top-promo, body.lb-page-scrolled .lb-top-promo, body.lb-drawer-open .lb-real-top-promo, body.lb-drawer-open .lb-top-promo, body.lb-search-open .lb-real-top-promo, body.lb-search-open .lb-top-promo, body.lb-facets-open .lb-real-top-promo, body.lb-facets-open .lb-top-promo { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; } /* Logo e iconos blancos cuando están sobre imagen/banners */ body.lb-home:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center .lb-logo-hero, body.lb-collection:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center .lb-logo-hero, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center .lb-logo-hero { opacity: 1 !important; visibility: visible !important; display: block !important; } body.lb-home:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center .lb-logo-scroll, body.lb-collection:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center .lb-logo-scroll, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center .lb-logo-scroll { opacity: 0 !important; visibility: hidden !important; display: block !important; } body.lb-home:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header, body.lb-collection:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header { color: #ffffff !important; } body.lb-home:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header svg, body.lb-home:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header svg path, body.lb-collection:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header svg, body.lb-collection:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header svg path, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header svg, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header svg path { color: #ffffff !important; fill: currentColor !important; stroke: currentColor !important; } /* Drawer/search/filtros: no permitir scroll raro detrás */ body.lb-drawer-open, body.lb-search-open, body.lb-facets-open, body:has(#Details-menu-drawer-container[open]), body:has(.mobile-facets__disclosure[open]) { overflow: hidden !important; height: 100svh !important; } /* Buscador: header arriba y campo debajo, sin logo tapando */ body.lb-search-open .lb-header-logo-center, body:has(details-modal[open]) .lb-header-logo-center, body:has(.search-modal[open]) .lb-header-logo-center { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } .search-modal, .search-modal.modal__content, details-modal[open] .search-modal { position: fixed !important; top: var(--lb-header-h-scroll-mobile, 54px) !important; left: 0 !important; right: 0 !important; width: 100vw !important; max-width: 100vw !important; min-height: 92px !important; background: #ffffff !important; z-index: 9998 !important; border-bottom: 1px solid rgba(0,0,0,.08) !important; box-shadow: 0 18px 42px rgba(0,0,0,.08) !important; padding: 14px 16px 18px !important; } .search-modal .search__input, .search-modal input[type='search'] { min-height: 48px !important; border: 1px solid rgba(0,0,0,.14) !important; border-radius: 999px !important; padding: 0 46px 0 18px !important; font-size: 14px !important; background: #f7f7f7 !important; } /* Filtros colección: panel debajo del header */ .mobile-facets__wrapper .mobile-facets, .mobile-facets__inner, .mobile-facets__main { z-index: 9997 !important; } .mobile-facets__inner { top: var(--lb-header-h-scroll-mobile, 54px) !important; height: calc(100svh - var(--lb-header-h-scroll-mobile, 54px)) !important; border-radius: 18px 0 0 0 !important; box-shadow: -18px 0 50px rgba(0,0,0,.12) !important; } .mobile-facets__header { min-height: 58px !important; padding: 18px 20px !important; border-bottom: 1px solid rgba(0,0,0,.08) !important; } /* Colección: texto en mayúsculas, más ancho sin hacerlo más grande */ body.lb-collection .collection-hero--with-image .collection-hero__title, body.lb-collection .collection-hero--with-image .collection-hero__description { text-transform: uppercase !important; letter-spacing: .055em !important; } body.lb-collection .collection-hero--with-image .collection-hero__description { font-weight: 600 !important; font-size: 11.5px !important; line-height: 1.55 !important; } /* Colecciones móvil: dos tarjetas ocupando todo el ancho, sin márgenes laterales grandes */ @media screen and (max-width: 749px) { body.lb-collection #product-grid, body.lb-collection .product-grid { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: 0 !important; padding-right: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 2px !important; row-gap: 20px !important; } body.lb-collection #product-grid .grid__item, body.lb-collection .product-grid .grid__item { width: 100% !important; max-width: 100% !important; padding: 0 !important; } } /* Producto: galería real a 100vw y sin desplazamiento lateral */ body.lb-product product-info.lb-main-product-v2 .product__media-wrapper, body.lb-product product-info .product__media-wrapper, body.lb-product .product__media-wrapper { width: 100vw !important; max-width: 100vw !important; min-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; left: auto !important; right: auto !important; transform: none !important; overflow: hidden !important; } body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { width: 100vw !important; max-width: 100vw !important; min-width: 100vw !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scrollbar-width: none !important; touch-action: pan-x pan-y !important; } body.lb-product .product__media-list::-webkit-scrollbar, body.lb-product .lb-product-media-slider::-webkit-scrollbar { display: none !important; } body.lb-product .product__media-item { flex: 0 0 100vw !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; scroll-snap-align: start !important; scroll-snap-stop: always !important; } /* Zoom: quitar modal nativo y usar solo zoom propio */ body.lb-product .product__media-toggle, body.lb-product .product__media-icon, body.lb-product .product__modal-opener .product__media-icon, body.lb-product modal-opener .product__media-icon { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } body.lb-product .product__media-item.lb-image-zoomed img { transform: scale(1.78) !important; transform-origin: var(--lb-zoom-x, 50%) var(--lb-zoom-y, 50%) !important; transition: transform .28s ease !important; cursor: zoom-out !important; } body.lb-product .product__media-item img { transition: transform .28s ease !important; cursor: zoom-in !important; } /* Producto: label y valor de Color/Talla en extremos */ body.lb-product .lb-product-option__legend, body.lb-product .product-form__input legend.form__label, body.lb-product .product-form__input .form__label { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; gap: 14px !important; } body.lb-product .lb-product-option__legend span:first-child { text-align: left !important; } body.lb-product .lb-product-option__selected { margin-left: auto !important; text-align: right !important; font-weight: 500 !important; color: rgba(17,17,17,.72) !important; text-transform: none !important; letter-spacing: .02em !important; } /* Producto: scrollers de variantes estables, sin desplazar la página */ body.lb-product .lb-product-option, body.lb-product .product-form__input { width: 100% !important; max-width: 100% !important; overflow: hidden !important; contain: layout paint !important; } body.lb-product .lb-product-option__scroller { width: 100% !important; max-width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; display: flex !important; flex-wrap: nowrap !important; gap: 10px !important; padding: 0 0 10px !important; margin: 0 !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior-x: contain !important; touch-action: pan-x !important; scrollbar-width: none !important; } body.lb-product .lb-product-option__scroller::-webkit-scrollbar { display: none !important; } body.lb-product .lb-variant-option-label { flex: 0 0 auto !important; scroll-snap-align: start !important; } body.lb-product .lb-variant-option-label--color { width: 76px !important; min-width: 76px !important; max-width: 76px !important; height: 96px !important; padding: 0 !important; overflow: hidden !important; border: 1px solid rgba(0,0,0,.12) !important; background: #f5f5f5 !important; } body.lb-product .lb-variant-option-media { width: 100% !important; height: 100% !important; display: block !important; overflow: hidden !important; } body.lb-product .lb-variant-option-media img { width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; } body.lb-product .lb-variant-option-label--default, body.lb-product .lb-variant-option-label--size { min-width: 48px !important; height: 42px !important; padding: 0 16px !important; border: 1px solid rgba(0,0,0,.14) !important; background: #ffffff !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } body.lb-product .lb-variant-option-label.is-disabled { opacity: .42 !important; } /* Ocultar thumbnails/medias nativas que aparecen debajo al tocar variantes */ body.lb-product .thumbnail-slider, body.lb-product .thumbnail-list, body.lb-product .product__media-thumbnail, body.lb-product .product__media-thumbnails, body.lb-product slider-component.thumbnail-slider, body.lb-product .product__media-wrapper .slider-buttons, body.lb-product .product__media-wrapper .thumbnail-list__item { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; pointer-events: none !important; } /* Material siempre en línea */ body.lb-product .lb-product-material { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; } body.lb-product .lb-product-material__label, body.lb-product .lb-product-material__value { display: inline-block !important; margin: 0 !important; } body.lb-product .lb-product-material__value { text-align: right !important; max-width: 68% !important; } /* Botón añadir con icono controlado */ body.lb-product .product-form__submit .lb-bag-icon, body.lb-product .product-form__submit .lb-bag-icon svg, body.lb-product .product-form__submit .svg-wrapper, body.lb-product .product-form__submit .svg-wrapper svg { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; max-width: 18px !important; max-height: 18px !important; } body.lb-product .product-form__submit span { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; } /* Toast de añadir y panel superior: siempre centrados en móvil */ .lb-add-cart-toast, .lb-empty-cart-toast { left: 50% !important; right: auto !important; transform: translate(-50%, 20px) !important; width: min(392px, calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important; } .lb-add-cart-toast.is-visible, .lb-empty-cart-toast.is-visible { transform: translate(-50%, 0) !important; } .lb-top-cart-panel { position: fixed !important; top: var(--lb-header-h-scroll-mobile, 54px) !important; left: 0 !important; right: 0 !important; width: 100vw !important; max-width: 100vw !important; min-height: 46svh !important; max-height: 62svh !important; overflow: hidden !important; background: #ffffff !important; z-index: 9999 !important; box-shadow: 0 24px 70px rgba(0,0,0,.18) !important; border-radius: 0 0 22px 22px !important; transform: translateY(-110%) !important; transition: transform .32s ease !important; display: flex !important; flex-direction: column !important; } .lb-top-cart-panel.is-visible { transform: translateY(0) !important; } .lb-top-cart-panel__header { flex: 0 0 auto !important; min-height: 56px !important; padding: 16px 18px !important; border-bottom: 1px solid rgba(0,0,0,.08) !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } .lb-top-cart-panel__title { margin: 0 !important; font-size: 13px !important; letter-spacing: .12em !important; text-transform: uppercase !important; font-weight: 700 !important; } .lb-top-cart-panel__close { width: 38px !important; height: 38px !important; border: 0 !important; background: transparent !important; font-size: 28px !important; line-height: 1 !important; } .lb-top-cart-panel__items { flex: 1 1 auto !important; overflow-y: auto !important; padding: 10px 16px !important; -webkit-overflow-scrolling: touch !important; } .lb-top-cart-panel__item { display: grid !important; grid-template-columns: 64px 1fr auto !important; gap: 12px !important; align-items: center !important; padding: 10px 0 !important; color: #111111 !important; text-decoration: none !important; border-bottom: 1px solid rgba(0,0,0,.06) !important; } .lb-top-cart-panel__item img { width: 64px !important; height: 84px !important; object-fit: cover !important; object-position: center top !important; background: #f5f5f5 !important; } .lb-top-cart-panel__name { font-size: 12.5px !important; line-height: 1.3 !important; font-weight: 500 !important; } .lb-top-cart-panel__meta, .lb-top-cart-panel__price { font-size: 11.5px !important; color: rgba(17,17,17,.64) !important; } .lb-top-cart-panel__controls { margin-top: 8px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; } .lb-top-cart-panel__qty, .lb-top-cart-panel__remove { min-width: 28px !important; height: 28px !important; border: 1px solid rgba(0,0,0,.14) !important; background: #ffffff !important; color: #111111 !important; border-radius: 999px !important; font-size: 13px !important; } .lb-top-cart-panel__remove { padding: 0 10px !important; width: auto !important; } .lb-top-cart-panel__summary { padding: 12px 18px 0 !important; border-top: 1px solid rgba(0,0,0,.08) !important; font-size: 12px !important; } .lb-top-cart-panel__summary-row { display: flex !important; justify-content: space-between !important; gap: 16px !important; margin-bottom: 6px !important; } .lb-top-cart-panel__actions { flex: 0 0 auto !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; padding: 12px 16px 16px !important; } .lb-top-cart-panel__actions button, .lb-top-cart-panel__actions a { min-height: 46px !important; border-radius: 999px !important; border: 1px solid #111111 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: .1em !important; text-transform: uppercase !important; text-decoration: none !important; } .lb-top-cart-panel__actions button { background: #ffffff !important; color: #111111 !important; } .lb-top-cart-panel__actions a { background: #111111 !important; color: #ffffff !important; } /* ============================================= PIEZA 2.7 - ESTABILIDAD PRODUCTO/PANELES MÓVIL Corrige variante, buscador, filtros y menú sin tocar lo que ya funciona. ============================================= */ /* Header: en cualquier página con imagen antes de scroll, blanco */ body.lb-home:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header, body.lb-collection:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header { color: #ffffff !important; } body.lb-home:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-logo-hero, body.lb-collection:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-logo-hero, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-logo-hero { display: block !important; } body.lb-home:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-logo-scroll, body.lb-collection:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-logo-scroll, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-logo-scroll { display: none !important; } /* Al mínimo scroll, header blanco/negro y sin comerse logo/announcement */ body.lb-page-scrolled .section-header, body.lb-page-scrolled .shopify-section-group-header-group { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; } body.lb-page-scrolled .header-wrapper, body.lb-page-scrolled sticky-header.header-wrapper { background: rgba(255,255,255,.97) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; } /* Menú hamburguesa: sin scroll fantasma y sin announcement cortado */ body.lb-drawer-open { overflow: hidden !important; height: 100dvh !important; touch-action: none !important; } body.lb-drawer-open .lb-top-promo, body.lb-drawer-open .lb-real-top-promo, body.lb-drawer-open [id*="top-promo"], body.lb-drawer-open [class*="announcement"] { display: none !important; } body.lb-drawer-open #menu-drawer, body.lb-drawer-open .menu-drawer, body.lb-drawer-open .lb-menu-drawer-fixed { position: fixed !important; inset: 0 !important; width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important; overflow: hidden !important; } body.lb-drawer-open .menu-drawer__inner-container, body.lb-drawer-open .menu-drawer__navigation-container { min-height: 100dvh !important; height: 100dvh !important; overflow: hidden !important; } /* Búsqueda: header arriba, buscador debajo, sin logo ni iconos tapando */ body.lb-search-open { overflow: hidden !important; height: 100dvh !important; } body.lb-search-open .section-header, body.lb-search-open .shopify-section-group-header-group { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; background: #ffffff !important; z-index: 12000 !important; } body.lb-search-open .header-wrapper, body.lb-search-open sticky-header.header-wrapper { background: #ffffff !important; box-shadow: none !important; border-bottom: 1px solid rgba(0,0,0,.08) !important; } body.lb-search-open .lb-header-logo-center, body.lb-search-open .header header-drawer, body.lb-search-open .header .header__icons, body.lb-search-open .header__icon--menu, body.lb-search-open #cart-icon-bubble { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } body.lb-search-open .search-modal, body.lb-search-open details-modal .search-modal, body.lb-search-open .modal__content.search-modal { position: fixed !important; top: var(--lb-header-h-scroll-mobile, 54px) !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw !important; height: calc(100dvh - var(--lb-header-h-scroll-mobile, 54px)) !important; max-height: calc(100dvh - var(--lb-header-h-scroll-mobile, 54px)) !important; background: #ffffff !important; z-index: 11990 !important; overflow: hidden !important; padding: 0 !important; } body.lb-search-open .search-modal__content, body.lb-search-open .search-modal__form { width: 100% !important; max-width: 100% !important; padding: 14px 16px !important; margin: 0 !important; } body.lb-search-open .search-modal__close-button { top: 10px !important; right: 12px !important; } body.lb-search-open .search-modal__close-button + .search-modal__close-button, body.lb-search-open .search-modal__close-button[aria-hidden="true"] { display: none !important; } /* Filtros colección: panel bajo header, sin header encima del contenido */ body.lb-facets-open { overflow: hidden !important; height: 100dvh !important; } body.lb-facets-open .section-header, body.lb-facets-open .shopify-section-group-header-group { position: fixed !important; top: 0 !important; width: 100% !important; z-index: 12000 !important; background: #ffffff !important; } body.lb-facets-open .mobile-facets, body.lb-facets-open .mobile-facets__inner, body.lb-facets-open .mobile-facets__main { top: var(--lb-header-h-scroll-mobile, 54px) !important; height: calc(100dvh - var(--lb-header-h-scroll-mobile, 54px)) !important; max-height: calc(100dvh - var(--lb-header-h-scroll-mobile, 54px)) !important; } /* Colección: título y descripción en mayúsculas, ancho visual sin crecer demasiado */ body.lb-collection .collection-hero__title, body.lb-collection .collection-hero__description { text-transform: uppercase !important; letter-spacing: .08em !important; font-stretch: expanded !important; } /* Producto: bloquear desplazamiento horizontal extraño en variantes */ body.lb-product, body.lb-product main, body.lb-product product-info, body.lb-product .product, body.lb-product .product__info-wrapper, body.lb-product .product__info-container { max-width: 100vw !important; overflow-x: hidden !important; } body.lb-product .lb-product-option__legend { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; margin-bottom: 12px !important; } body.lb-product .lb-product-option__legend > span:first-child { flex: 0 0 auto !important; } body.lb-product .lb-product-option__selected { margin-left: auto !important; text-align: right !important; max-width: 60% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.lb-product .lb-product-option__scroller { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior-x: contain !important; touch-action: pan-x !important; scroll-snap-type: none !important; padding: 0 2px 8px !important; scrollbar-width: none !important; } body.lb-product .lb-product-option__scroller::-webkit-scrollbar { display: none !important; } body.lb-product .lb-product-option__scroller input[type="radio"] { position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; pointer-events: none !important; } body.lb-product .lb-variant-option-label { flex: 0 0 auto !important; scroll-snap-align: none !important; -webkit-user-select: none !important; user-select: none !important; } body.lb-product .lb-variant-option-media { width: 74px !important; height: 92px !important; display: block !important; overflow: hidden !important; background: #f4f4f4 !important; } body.lb-product .lb-variant-option-media img { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; object-position: center center !important; transform: none !important; } body.lb-product .lb-variant-option-label--color::after, body.lb-product .lb-variant-option-label--color .lb-variant-option-text { display: none !important; } body.lb-product .thumbnail-list, body.lb-product .thumbnail-slider, body.lb-product .product__media-thumbnail, body.lb-product .slider-buttons:not(.lb-gallery-ui) { display: none !important; } /* Toast y panel carrito centrados, sin salirse del móvil */ .lb-add-cart-toast, .lb-empty-cart-toast, .lb-top-cart-panel { left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: min(430px, calc(100vw - 22px)) !important; max-width: calc(100vw - 22px) !important; } .lb-top-cart-panel.is-visible { transform: translateX(-50%) translateY(0) !important; } /* Botones curvos de banner: evitar borde cuadrado al tocar */ .banner__buttons .button, .banner__buttons .button:focus, .banner__buttons .button:focus-visible, .banner__buttons .button:active { border-radius: 999px !important; outline: none !important; box-shadow: none !important; -webkit-tap-highlight-color: transparent !important; } @media screen and (max-width: 749px) { body.lb-product .product__media-wrapper, body.lb-product .product__media-list, body.lb-product .product__media-item, body.lb-product .product-media-container, body.lb-product .product__media, body.lb-product .product__media.media { max-width: 100vw !important; } } /* ========================================================== DOS RONDAS ACTUALIZADAS V1 Producto/paneles + carrito/tarjetas móvil ========================================================== */ /* Header sobre imagen: siempre blanco antes de scroll en home, colección y producto */ @media screen and (max-width: 749px) { body.lb-home:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open) .header, body.lb-collection:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open) .header, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open) .header { color: #ffffff !important; } body.lb-home:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open) .header svg, body.lb-home:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open) .header svg path, body.lb-collection:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open) .header svg, body.lb-collection:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open) .header svg path, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open) .header svg, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open) .header svg path { color: #ffffff !important; fill: currentColor !important; stroke: currentColor !important; } body.lb-home:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open) .lb-header-logo-center .lb-logo-hero, body.lb-collection:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open) .lb-header-logo-center .lb-logo-hero, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open) .lb-header-logo-center .lb-logo-hero { display: block !important; opacity: 1 !important; visibility: visible !important; } body.lb-home:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open) .lb-header-logo-center .lb-logo-scroll, body.lb-collection:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open) .lb-header-logo-center .lb-logo-scroll, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open) .lb-header-logo-center .lb-logo-scroll { display: none !important; opacity: 0 !important; visibility: hidden !important; } } /* Menú hamburguesa: sin scroll fantasma ni announcement cortado */ body.lb-drawer-open, body:has(#Details-menu-drawer-container[open]) { overflow: hidden !important; height: 100dvh !important; touch-action: none !important; } body.lb-drawer-open .lb-top-promo, body.lb-drawer-open .lb-real-top-promo, body:has(#Details-menu-drawer-container[open]) .lb-top-promo, body:has(#Details-menu-drawer-container[open]) .lb-real-top-promo, body:has(#Details-menu-drawer-container[open]) [class*='announcement'] { display: none !important; } body.lb-drawer-open #menu-drawer, body:has(#Details-menu-drawer-container[open]) #menu-drawer, body.lb-drawer-open .menu-drawer, body:has(#Details-menu-drawer-container[open]) .menu-drawer { height: 100dvh !important; max-height: 100dvh !important; overflow: hidden !important; } body.lb-drawer-open .menu-drawer__inner-container, body:has(#Details-menu-drawer-container[open]) .menu-drawer__inner-container, body.lb-drawer-open .menu-drawer__navigation-container, body:has(#Details-menu-drawer-container[open]) .menu-drawer__navigation-container { height: 100% !important; max-height: 100% !important; overflow: hidden !important; } /* Buscador móvil profesional: header arriba, buscador debajo, sin logo encima ni doble X */ @media screen and (max-width: 749px) { body.lb-search-open, body:has(details[open] .search-modal), body:has(.search-modal[open]) { overflow: hidden !important; height: 100dvh !important; } body.lb-search-open .lb-header-logo-center, body.lb-search-open .header header-drawer, body.lb-search-open .header__icons, body:has(details[open] .search-modal) .lb-header-logo-center, body:has(details[open] .search-modal) .header header-drawer, body:has(details[open] .search-modal) .header__icons { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } body.lb-search-open .header-wrapper, body.lb-search-open sticky-header.header-wrapper, body:has(details[open] .search-modal) .header-wrapper, body:has(details[open] .search-modal) sticky-header.header-wrapper { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; height: var(--lb-header-h-scroll-mobile, 54px) !important; background: #ffffff !important; z-index: 100030 !important; border-bottom: 1px solid rgba(0,0,0,.08) !important; } .search-modal, .search-modal.modal__content, details-modal[open] .search-modal { position: fixed !important; top: var(--lb-header-h-scroll-mobile, 54px) !important; left: 0 !important; right: 0 !important; width: 100vw !important; height: calc(100dvh - var(--lb-header-h-scroll-mobile, 54px)) !important; max-height: calc(100dvh - var(--lb-header-h-scroll-mobile, 54px)) !important; background: #ffffff !important; z-index: 100020 !important; overflow: auto !important; padding: 18px 16px 24px !important; } .search-modal .modal__close-button, .search-modal .search-modal__close-button, .search-modal .search__button + .modal__close-button { display: none !important; } .search-modal .field, .search-modal .search__input, .search-modal input[type='search'] { width: 100% !important; max-width: 100% !important; min-height: 48px !important; border-radius: 0 !important; background: #f6f6f6 !important; } } /* Filtros colección: panel profesional bajo header */ @media screen and (max-width: 749px) { body.lb-facets-open, body:has(.mobile-facets__disclosure[open]) { overflow: hidden !important; height: 100dvh !important; } body.lb-facets-open .section-header, body:has(.mobile-facets__disclosure[open]) .section-header, body.lb-facets-open .shopify-section-group-header-group, body:has(.mobile-facets__disclosure[open]) .shopify-section-group-header-group { position: fixed !important; top: 0 !important; background: #ffffff !important; z-index: 100030 !important; } .mobile-facets__inner, .mobile-facets__main { top: var(--lb-header-h-scroll-mobile, 54px) !important; max-height: calc(100dvh - var(--lb-header-h-scroll-mobile, 54px)) !important; height: calc(100dvh - var(--lb-header-h-scroll-mobile, 54px)) !important; overflow: auto !important; } } /* Producto: scrollers de variantes sin arrastrar toda la página */ body.lb-product .lb-product-option { width: 100% !important; max-width: 100% !important; overflow: hidden !important; } body.lb-product .lb-product-option__legend { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; gap: 16px !important; } body.lb-product .lb-product-option__selected { margin-left: auto !important; text-align: right !important; max-width: 58% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.lb-product .lb-product-option__scroller { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior-x: contain !important; overscroll-behavior-y: auto !important; touch-action: pan-x !important; scrollbar-width: none !important; padding: 2px 2px 8px !important; } body.lb-product .lb-product-option__scroller::-webkit-scrollbar { display: none !important; } body.lb-product .lb-variant-option-label { flex: 0 0 auto !important; scroll-snap-align: start !important; } /* Miniatura de color: sin recorte dentro del cuadro */ body.lb-product .lb-variant-option-label--color { width: 84px !important; min-width: 84px !important; max-width: 84px !important; padding: 0 !important; background: transparent !important; border: 0 !important; } body.lb-product .lb-variant-option-media { width: 84px !important; height: 84px !important; min-width: 84px !important; min-height: 84px !important; max-width: 84px !important; max-height: 84px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; background: #f4f4f4 !important; border: 1px solid rgba(0,0,0,.12) !important; box-sizing: border-box !important; } body.lb-product .lb-variant-option-media img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; display: block !important; transform: none !important; background: #f4f4f4 !important; } body.lb-product .lb-product-option--color input:checked + .lb-variant-option-label .lb-variant-option-media { border-color: #111111 !important; box-shadow: 0 0 0 1px #111111 inset !important; } /* Evitar miniaturas nativas que aparecen debajo al tocar variantes */ body.lb-product.lb-variant-interacting .thumbnail-list, body.lb-product.lb-variant-interacting .thumbnail-slider, body.lb-product.lb-variant-interacting .product__media-thumbnail, body.lb-product .thumbnail-list, body.lb-product .thumbnail-slider { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; } /* Carrito/drawer abierto: header limpio, logo negro, sin hamburguesa ni búsqueda */ body.lb-cart-drawer-open .section-header, body.lb-cart-drawer-open .shopify-section-group-header-group, body:has(cart-drawer.drawer.active) .section-header, body:has(cart-drawer.drawer.active) .shopify-section-group-header-group { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 100050 !important; background: #ffffff !important; } body.lb-cart-drawer-open .header-wrapper, body:has(cart-drawer.drawer.active) .header-wrapper { background: #ffffff !important; border-bottom: 1px solid rgba(0,0,0,.08) !important; box-shadow: none !important; } body.lb-cart-drawer-open .header header-drawer, body.lb-cart-drawer-open .header__search, body.lb-cart-drawer-open .header__icon--search, body:has(cart-drawer.drawer.active) .header header-drawer, body:has(cart-drawer.drawer.active) .header__search, body:has(cart-drawer.drawer.active) .header__icon--search { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } body.lb-cart-drawer-open .lb-logo-hero, body:has(cart-drawer.drawer.active) .lb-logo-hero { display: none !important; } body.lb-cart-drawer-open .lb-logo-scroll, body:has(cart-drawer.drawer.active) .lb-logo-scroll { display: block !important; opacity: 1 !important; visibility: visible !important; } body.lb-cart-drawer-open .header svg, body.lb-cart-drawer-open .header svg path, body:has(cart-drawer.drawer.active) .header svg, body:has(cart-drawer.drawer.active) .header svg path { color: #111111 !important; fill: currentColor !important; stroke: currentColor !important; } /* Tarjetas de producto móvil: dos columnas exactas, imágenes grandes y deslizable */ @media screen and (max-width: 749px) { body.lb-collection #product-grid, body.lb-collection #product-grid.grid, .collection #product-grid, .collection #product-grid.grid { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: 0 !important; padding-right: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; } body.lb-collection #product-grid .grid__item, .collection #product-grid .grid__item { width: 50vw !important; max-width: 50vw !important; padding: 0 !important; margin: 0 !important; } .card-wrapper, .product-card-wrapper, .card, .card__inner { width: 100% !important; max-width: 100% !important; } .card__information { padding-left: 10px !important; padding-right: 10px !important; text-align: left !important; } .card__heading, .card__heading a, .card-information, .card-information .price { font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif !important; text-align: left !important; } .lb-card-media-gallery { width: 100% !important; height: 100% !important; overflow: hidden !important; } .lb-card-media-track { display: flex !important; width: 100% !important; height: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; overscroll-behavior-x: contain !important; touch-action: pan-x !important; } .lb-card-media-track::-webkit-scrollbar { display: none !important; } .lb-card-media-slide { flex: 0 0 100% !important; width: 100% !important; height: 100% !important; display: block !important; scroll-snap-align: start !important; text-decoration: none !important; } .lb-card-media-image { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center top !important; display: block !important; } } /* ========================================================== LAURA BELLUCCI - PIEZA 2.8 FINAL VISUAL / MÓVIL Ajustes seguros: header, buscador, filtros, variantes, zoom y tarjetas. ========================================================== */ html, body { max-width: 100% !important; overflow-x: hidden !important; } /* Header: al mínimo scroll el announcement no debe comerse logo/banner */ body.lb-page-scrolled .lb-top-promo, body.lb-page-scrolled .lb-real-top-promo, body.lb-drawer-open .lb-top-promo, body.lb-drawer-open .lb-real-top-promo, body.lb-search-open .lb-top-promo, body.lb-search-open .lb-real-top-promo, body.lb-facets-open .lb-top-promo, body.lb-facets-open .lb-real-top-promo, body.lb-top-cart-open .lb-top-promo, body.lb-top-cart-open .lb-real-top-promo { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; overflow: hidden !important; visibility: hidden !important; } body.lb-page-scrolled .section-header, body.lb-page-scrolled .shopify-section-group-header-group, body.lb-search-open .section-header, body.lb-search-open .shopify-section-group-header-group, body.lb-facets-open .section-header, body.lb-facets-open .shopify-section-group-header-group, body.lb-top-cart-open .section-header, body.lb-top-cart-open .shopify-section-group-header-group { top: 0 !important; } /* Antes de scroll, sobre cualquier imagen/banner: blanco */ body.lb-home:not(.lb-page-scrolled):not(.lb-search-open):not(.lb-facets-open):not(.lb-drawer-open) .header, body.lb-collection:not(.lb-page-scrolled):not(.lb-search-open):not(.lb-facets-open):not(.lb-drawer-open) .header, body.lb-product:not(.lb-page-scrolled):not(.lb-search-open):not(.lb-facets-open):not(.lb-drawer-open) .header { color: #ffffff !important; } body.lb-home:not(.lb-page-scrolled):not(.lb-search-open):not(.lb-facets-open):not(.lb-drawer-open) .header svg, body.lb-home:not(.lb-page-scrolled):not(.lb-search-open):not(.lb-facets-open):not(.lb-drawer-open) .header svg path, body.lb-collection:not(.lb-page-scrolled):not(.lb-search-open):not(.lb-facets-open):not(.lb-drawer-open) .header svg, body.lb-collection:not(.lb-page-scrolled):not(.lb-search-open):not(.lb-facets-open):not(.lb-drawer-open) .header svg path, body.lb-product:not(.lb-page-scrolled):not(.lb-search-open):not(.lb-facets-open):not(.lb-drawer-open) .header svg, body.lb-product:not(.lb-page-scrolled):not(.lb-search-open):not(.lb-facets-open):not(.lb-drawer-open) .header svg path { color: #ffffff !important; fill: currentColor !important; stroke: currentColor !important; } body.lb-home:not(.lb-page-scrolled):not(.lb-search-open):not(.lb-facets-open):not(.lb-drawer-open) .lb-logo-hero, body.lb-collection:not(.lb-page-scrolled):not(.lb-search-open):not(.lb-facets-open):not(.lb-drawer-open) .lb-logo-hero, body.lb-product:not(.lb-page-scrolled):not(.lb-search-open):not(.lb-facets-open):not(.lb-drawer-open) .lb-logo-hero { display: block !important; opacity: 1 !important; visibility: visible !important; } body.lb-home:not(.lb-page-scrolled):not(.lb-search-open):not(.lb-facets-open):not(.lb-drawer-open) .lb-logo-scroll, body.lb-collection:not(.lb-page-scrolled):not(.lb-search-open):not(.lb-facets-open):not(.lb-drawer-open) .lb-logo-scroll, body.lb-product:not(.lb-page-scrolled):not(.lb-search-open):not(.lb-facets-open):not(.lb-drawer-open) .lb-logo-scroll { display: none !important; opacity: 0 !important; visibility: hidden !important; } /* Buscador: header arriba, buscador debajo, sin logo encima ni X duplicada */ body.lb-search-open { overflow: hidden !important; touch-action: none !important; } body.lb-search-open .header-wrapper, body.lb-search-open sticky-header.header-wrapper { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; z-index: 10050 !important; background: #ffffff !important; color: #111111 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; } body.lb-search-open .header header-drawer, body.lb-search-open .header .header__icons, body.lb-search-open .header__icon--search, body.lb-search-open .header__search, body.lb-search-open #cart-icon-bubble { opacity: 0 !important; pointer-events: none !important; visibility: hidden !important; } body.lb-search-open .lb-header-logo-center, body.lb-search-open .header__heading, body.lb-search-open .header__heading-link, body.lb-search-open .header__heading-logo-wrapper { opacity: 1 !important; visibility: visible !important; display: flex !important; } body.lb-search-open .lb-logo-hero { display: none !important; } body.lb-search-open .lb-logo-scroll { display: block !important; opacity: 1 !important; visibility: visible !important; } body.lb-search-open .search-modal, body.lb-search-open .search-modal.modal__content, details-modal[open] .search-modal, details[open] .search-modal { position: fixed !important; top: var(--lb-header-visible-height-mobile, 64px) !important; left: 0 !important; right: 0 !important; z-index: 10040 !important; width: 100vw !important; max-width: 100vw !important; height: calc(100dvh - var(--lb-header-visible-height-mobile, 64px)) !important; min-height: calc(100dvh - var(--lb-header-visible-height-mobile, 64px)) !important; background: #ffffff !important; overflow: auto !important; padding: 18px 18px 32px !important; border: 0 !important; } body.lb-search-open .search-modal__close-button:not(:last-child), body.lb-search-open details-modal .modal__close-button:not(:last-child) { display: none !important; } body.lb-search-open .search__input, body.lb-search-open input[type='search'] { width: 100% !important; height: 48px !important; border: 1px solid rgba(0, 0, 0, 0.14) !important; border-radius: 999px !important; padding: 0 18px !important; font-size: 14px !important; background: #f7f7f7 !important; color: #111111 !important; box-shadow: none !important; } /* Filtros: panel bajo header y sin header tapando el contenido */ body.lb-facets-open { overflow: hidden !important; touch-action: none !important; } body.lb-facets-open .header-wrapper, body.lb-facets-open sticky-header.header-wrapper { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; z-index: 10050 !important; background: #ffffff !important; color: #111111 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; } body.lb-facets-open .mobile-facets__inner, body.lb-facets-open .mobile-facets__main, body.lb-facets-open .mobile-facets__wrapper .mobile-facets { top: var(--lb-header-visible-height-mobile, 64px) !important; height: calc(100dvh - var(--lb-header-visible-height-mobile, 64px)) !important; max-height: calc(100dvh - var(--lb-header-visible-height-mobile, 64px)) !important; z-index: 10030 !important; border-radius: 0 !important; } /* Hamburguesa: sin scroll fantasma y sin announcement cortado */ body.lb-drawer-open, body:has(#Details-menu-drawer-container[open]) { overflow: hidden !important; height: 100dvh !important; touch-action: none !important; } body.lb-drawer-open #menu-drawer, body:has(#Details-menu-drawer-container[open]) #menu-drawer { position: fixed !important; inset: 0 !important; width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important; overflow: hidden !important; z-index: 10060 !important; background: #ffffff !important; } body.lb-drawer-open .menu-drawer__inner-container, body.lb-drawer-open .menu-drawer__navigation-container, body.lb-drawer-open .menu-drawer__navigation, body:has(#Details-menu-drawer-container[open]) .menu-drawer__inner-container, body:has(#Details-menu-drawer-container[open]) .menu-drawer__navigation-container, body:has(#Details-menu-drawer-container[open]) .menu-drawer__navigation { height: 100% !important; max-height: 100% !important; overflow: hidden !important; } /* Producto: miniaturas nativas que aparecen al tocar variante */ body.lb-product .thumbnail-list, body.lb-product .thumbnail-slider, body.lb-product .product__media-thumbnail, body.lb-product .slider-mobile-gutter.quick-add-hidden, body.lb-product .product__media-list + .slider-buttons { display: none !important; visibility: hidden !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; } /* Producto: scrollers de color/talla sin mover toda la página */ body.lb-product .product__info-container, body.lb-product .lb-variant-selects, body.lb-product .lb-product-option, body.lb-product .lb-product-option__scroller { max-width: 100% !important; overflow-x: hidden !important; } body.lb-product .lb-product-option__scroller { display: flex !important; flex-wrap: nowrap !important; gap: 8px !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior-x: contain !important; scroll-snap-type: x proximity !important; touch-action: pan-x !important; padding: 0 0 8px !important; } body.lb-product .lb-product-option__scroller > input, body.lb-product .lb-product-option__scroller > label { flex: 0 0 auto !important; scroll-snap-align: start !important; } /* Producto: mini foto de color sin recortar */ body.lb-product .lb-variant-option-media { width: 62px !important; height: 62px !important; min-width: 62px !important; min-height: 62px !important; max-width: 62px !important; max-height: 62px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 5px !important; background: #ffffff !important; border: 1px solid rgba(0,0,0,.12) !important; overflow: hidden !important; } body.lb-product .lb-variant-option-media img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; display: block !important; margin: auto !important; transform: none !important; } body.lb-product .lb-product-option__selected { margin-left: auto !important; text-align: right !important; max-width: 58% !important; } /* Zoom por click y por gesto de dedos */ body.lb-product .product__media-item.lb-image-zoomed { overflow: hidden !important; cursor: zoom-out !important; } body.lb-product .product__media-item.lb-image-zoomed img { transform-origin: var(--lb-zoom-x, 50%) var(--lb-zoom-y, 50%) !important; transform: scale(var(--lb-zoom-scale, 2.05)) !important; transition: transform .22s ease !important; will-change: transform !important; } body.lb-product.lb-product-image-zoom-active .product__media-list { touch-action: pan-y pinch-zoom !important; } /* Toast y panel de bolsa siempre centrados */ .lb-add-cart-toast, .lb-empty-cart-toast { left: 50% !important; right: auto !important; transform: translateX(-50%) translateY(22px) !important; width: min(420px, calc(100vw - 28px)) !important; max-width: calc(100vw - 28px) !important; } .lb-add-cart-toast.is-visible, .lb-empty-cart-toast.is-visible { transform: translateX(-50%) translateY(0) !important; } /* Colecciones: tarjetas 2 columnas, sin huecos laterales grandes */ @media screen and (max-width: 749px) { body.lb-collection #product-grid, body.lb-collection .product-grid, .collection #product-grid, .collection .product-grid { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: 0 !important; padding-right: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 0 !important; row-gap: 20px !important; } body.lb-collection #product-grid .grid__item, body.lb-collection .product-grid .grid__item, .collection #product-grid .grid__item, .collection .product-grid .grid__item { width: 50vw !important; max-width: 50vw !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; } .card-wrapper, .product-card-wrapper, .card, .card__inner, .card__media, .card__media .media { width: 100% !important; max-width: 100% !important; } } /* ========================================================== LAURA BELLUCCI - PIEZA 2.9 REPARACIÓN FINAL Solo corrige lo pendiente sin tocar lo que quedó bien. ========================================================== */ /* Al abrir paneles: header blanco/negro correcto y announcement fuera */ body.lb-drawer-open .lb-real-top-promo, body.lb-drawer-open .lb-top-promo, body.lb-search-open .lb-real-top-promo, body.lb-search-open .lb-top-promo, body.lb-facets-open .lb-real-top-promo, body.lb-facets-open .lb-top-promo, body.lb-top-cart-open .lb-real-top-promo, body.lb-top-cart-open .lb-top-promo, body:has(#Details-menu-drawer-container[open]) .lb-real-top-promo, body:has(#Details-menu-drawer-container[open]) .lb-top-promo { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; overflow: hidden !important; } body.lb-search-open .header-wrapper, body.lb-facets-open .header-wrapper, body.lb-top-cart-open .header-wrapper, body.lb-drawer-open .header-wrapper, body.lb-search-open sticky-header.header-wrapper, body.lb-facets-open sticky-header.header-wrapper, body.lb-top-cart-open sticky-header.header-wrapper, body.lb-drawer-open sticky-header.header-wrapper { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 10020 !important; background: rgba(255,255,255,.98) !important; border-bottom: 1px solid rgba(0,0,0,.08) !important; box-shadow: 0 8px 28px rgba(0,0,0,.06) !important; } body.lb-search-open .lb-logo-hero, body.lb-facets-open .lb-logo-hero, body.lb-top-cart-open .lb-logo-hero, body.lb-drawer-open .lb-logo-hero { display: none !important; } body.lb-search-open .lb-logo-scroll, body.lb-facets-open .lb-logo-scroll, body.lb-top-cart-open .lb-logo-scroll, body.lb-drawer-open .lb-logo-scroll { display: block !important; } body.lb-search-open .header, body.lb-facets-open .header, body.lb-top-cart-open .header, body.lb-drawer-open .header { color: #111111 !important; } body.lb-search-open .header svg, body.lb-search-open .header svg path, body.lb-facets-open .header svg, body.lb-facets-open .header svg path, body.lb-top-cart-open .header svg, body.lb-top-cart-open .header svg path, body.lb-drawer-open .header svg, body.lb-drawer-open .header svg path { color: #111111 !important; fill: currentColor !important; stroke: currentColor !important; } /* Bloquear scroll de fondo mientras hay panel abierto; los paneles sí scrollean */ body.lb-drawer-open, body.lb-search-open, body.lb-facets-open, body.lb-top-cart-open { overflow: hidden !important; overscroll-behavior: none !important; } /* Hamburguesa: contacto visible y sin scroll fantasma */ body.lb-drawer-open #menu-drawer, body:has(#Details-menu-drawer-container[open]) #menu-drawer { height: 100svh !important; max-height: 100svh !important; overflow: hidden !important; } #menu-drawer .menu-drawer__inner-container, #menu-drawer .menu-drawer__navigation-container { height: calc(100svh - 92px) !important; max-height: calc(100svh - 92px) !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; } #menu-drawer .menu-drawer__navigation { flex: 1 1 auto !important; overflow: hidden !important; } #menu-drawer .lb-drawer-utility, #menu-drawer .menu-drawer__utility-links { display: block !important; flex: 0 0 auto !important; padding: 18px 20px 28px !important; margin-top: auto !important; visibility: visible !important; opacity: 1 !important; } /* Buscador: header arriba, campo visible debajo, sin huecos raros */ body.lb-search-open .header__icon--menu, body.lb-search-open header-drawer, body.lb-search-open .header__icons > *:not(details-modal):not(.header__search), body.lb-search-open #cart-icon-bubble { opacity: 0 !important; pointer-events: none !important; visibility: hidden !important; } body.lb-search-open .lb-header-logo-center { opacity: 1 !important; visibility: visible !important; } body.lb-search-open .search-modal, body.lb-search-open .search-modal.modal__content, body.lb-search-open details-modal[open] .search-modal, body.lb-search-open details[open] .search-modal { position: fixed !important; display: block !important; visibility: visible !important; opacity: 1 !important; top: var(--lb-header-h-scroll-mobile, 54px) !important; left: 0 !important; right: 0 !important; width: 100vw !important; max-width: 100vw !important; min-height: 96px !important; height: auto !important; z-index: 10010 !important; background: #ffffff !important; border-bottom: 1px solid rgba(0,0,0,.08) !important; box-shadow: 0 18px 42px rgba(0,0,0,.08) !important; padding: 14px 16px 18px !important; transform: none !important; } body.lb-search-open .search-modal__content, body.lb-search-open .search-modal__form, body.lb-search-open .search { display: block !important; width: 100% !important; max-width: 100% !important; visibility: visible !important; opacity: 1 !important; } body.lb-search-open .search__input, body.lb-search-open input[type="search"] { width: 100% !important; min-height: 48px !important; display: block !important; opacity: 1 !important; visibility: visible !important; border: 1px solid rgba(0,0,0,.16) !important; border-radius: 999px !important; background: #f6f6f6 !important; padding: 0 48px 0 18px !important; color: #111 !important; font-size: 14px !important; } body.lb-search-open .search-modal__close-button, body.lb-search-open .modal__close-button, body.lb-search-open .search__button { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; } /* Filtros: header arriba, panel debajo */ body.lb-facets-open .mobile-facets__inner, body.lb-facets-open .mobile-facets, body.lb-facets-open .mobile-facets__main { top: var(--lb-header-h-scroll-mobile, 54px) !important; height: calc(100svh - var(--lb-header-h-scroll-mobile, 54px)) !important; max-height: calc(100svh - var(--lb-header-h-scroll-mobile, 54px)) !important; } /* Producto: que la galería permita bajar con un dedo; zoom solo bloquea cuando está ampliado */ body.lb-product .product__media-wrapper, body.lb-product .product__media-list, body.lb-product .product__media-item, body.lb-product .product__media-item img { touch-action: pan-x pan-y pinch-zoom !important; } body.lb-product .product__media-item.lb-image-zoomed, body.lb-product .product__media-item.lb-image-zoomed img { touch-action: none !important; } /* Miniaturas de color: centradas, sin recorte agresivo */ body.lb-product .lb-product-option--color .lb-variant-option-label, body.lb-product .lb-variant-option-label--color { width: 76px !important; min-width: 76px !important; max-width: 76px !important; height: 96px !important; overflow: hidden !important; } body.lb-product .lb-variant-option-media { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; background: #f4f4f4 !important; } body.lb-product .lb-variant-option-media img { width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; object-fit: contain !important; object-position: center center !important; display: block !important; margin: auto !important; } body.lb-product .lb-product-option input[type="radio"]:checked + .lb-variant-option-label, body.lb-product .lb-product-option input[type="radio"]:checked + .lb-variant-option-label .lb-variant-option-media, body.lb-product .lb-variant-option-label.is-selected, body.lb-product .lb-variant-option-label.is-selected .lb-variant-option-media { border-color: #111111 !important; box-shadow: inset 0 0 0 1px #111111 !important; } /* Ocultar definitivamente miniaturas nativas que aparecen debajo al tocar variantes */ body.lb-product .thumbnail-slider, body.lb-product slider-component.thumbnail-slider, body.lb-product .thumbnail-list, body.lb-product .thumbnail-list__item, body.lb-product .product__media-thumbnail, body.lb-product .product__media-thumbnails, body.lb-product .product__media-wrapper .slider-buttons:not(.lb-gallery-ui), body.lb-product .product__media-list + .slider-buttons:not(.lb-gallery-ui) { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; pointer-events: none !important; } /* Tarjetas: dos columnas reales, letra centrada y precio limpio visualmente */ @media screen and (max-width: 749px) { .product-grid, #product-grid, .collection .product-grid, .related-products .product-grid, .featured-collection .product-grid { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: 0 !important; padding-right: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 2px !important; column-gap: 2px !important; row-gap: 22px !important; } .product-grid .grid__item, #product-grid .grid__item, .related-products .grid__item, .featured-collection .grid__item { width: 100% !important; max-width: 100% !important; padding: 0 !important; } .product-card-wrapper .card__information, .product-card-wrapper .card-information, .product-card-wrapper .card__heading, .product-card-wrapper .card__heading a, .product-card-wrapper .price, .product-card-wrapper .price__container { text-align: center !important; justify-content: center !important; } .product-card-wrapper .card__information { padding-left: 6px !important; padding-right: 6px !important; } .product-card-wrapper .card__heading, .product-card-wrapper .card__heading a { font-size: 11.5px !important; line-height: 1.25 !important; font-weight: 500 !important; letter-spacing: .02em !important; } .product-card-wrapper .price, .product-card-wrapper .price-item { font-size: 11.5px !important; line-height: 1.2 !important; letter-spacing: .02em !important; } } /* ========================================================== LAURA BELLUCCI - PIEZA 3.1 ESTABILIZACIÓN REAL Repara lo que rompía scroll/zoom/variantes sin tocar base estable. ========================================================== */ /* Producto: permitir bajar la página desde la galería. */ body.lb-product .product__media-list, body.lb-product .product__media-wrapper .product__media-list, body.lb-product slider-component.product__media-list { touch-action: pan-x pan-y pinch-zoom !important; overscroll-behavior-x: contain !important; overscroll-behavior-y: auto !important; -webkit-overflow-scrolling: touch !important; } body.lb-product .product__media-item, body.lb-product .product__media, body.lb-product .product__media img, body.lb-product .lb-product-main-image { touch-action: pan-x pan-y pinch-zoom !important; -webkit-user-drag: none !important; } /* Zoom por click: suave, sin bloquear scroll vertical. */ body.lb-product .product__media-item img { transition: transform .22s ease !important; transform-origin: var(--lb-zoom-x, 50%) var(--lb-zoom-y, 50%) !important; } body.lb-product .product__media-item.lb-image-zoomed img { transform: scale(var(--lb-zoom-scale, 2.05)) !important; } /* Mantener header estable cuando hay zoom, pero sin moverlo de sitio. */ body.lb-product.lb-product-image-zoom-active .shopify-section-group-header-group, body.lb-product.lb-product-image-zoom-active .section-header, body.lb-product.lb-product-image-zoom-active .header-wrapper, body.lb-product.lb-product-image-zoom-active sticky-header.header-wrapper { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; transform: none !important; z-index: 10020 !important; } /* Variantes: miniatura más grande y llenando el marco. */ body.lb-product .lb-product-option--color .lb-variant-option-label, body.lb-product .lb-variant-option-label--color { width: 92px !important; min-width: 92px !important; height: 116px !important; padding: 0 !important; overflow: hidden !important; border: 1px solid rgba(0,0,0,.16) !important; background: #f7f7f7 !important; box-shadow: none !important; } body.lb-product .lb-product-option--color input[type="radio"]:checked + .lb-variant-option-label, body.lb-product .lb-product-option--color .lb-variant-option-label.is-selected, body.lb-product .lb-variant-option-label--color.is-selected { border-color: #111 !important; box-shadow: inset 0 0 0 1px #111 !important; } body.lb-product .lb-variant-option-media { width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: #f7f7f7 !important; overflow: hidden !important; display: block !important; } body.lb-product .lb-variant-option-media img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center center !important; display: block !important; margin: 0 !important; transform: none !important; } body.lb-product .lb-variant-option-label--color .lb-variant-option-text, body.lb-product .lb-product-option--color .lb-variant-option-text { display: none !important; } body.lb-product .lb-product-option__values { touch-action: pan-x !important; overflow-x: auto !important; overflow-y: hidden !important; overscroll-behavior-x: contain !important; -webkit-overflow-scrolling: touch !important; } /* Ocultar miniaturas nativas que aparecen fugazmente debajo al elegir variante. */ body.lb-product .thumbnail-list, body.lb-product .thumbnail-slider, body.lb-product slider-component.thumbnail-slider, body.lb-product .product__media-thumbnail, body.lb-product .product__media-thumbnails, body.lb-product .product__media-list + .slider-buttons:not(.lb-gallery-ui), body.lb-product .product__media-wrapper .slider-buttons:not(.lb-gallery-ui) { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; pointer-events: none !important; margin: 0 !important; padding: 0 !important; } /* Buscador: dejar que el buscador nativo sea usable. */ body.lb-search-open .header-wrapper, body.lb-search-open sticky-header.header-wrapper, body:has(details-modal[open]) .header-wrapper, body:has(details-modal[open]) sticky-header.header-wrapper { background: #fff !important; border-bottom: 1px solid rgba(0,0,0,.08) !important; box-shadow: 0 8px 22px rgba(0,0,0,.04) !important; } body.lb-search-open .search-modal, body:has(details-modal[open]) .search-modal { position: fixed !important; top: var(--lb-header-h-scroll-mobile, 56px) !important; left: 0 !important; right: 0 !important; width: 100vw !important; min-height: auto !important; height: auto !important; background: #fff !important; z-index: 10030 !important; padding: 12px 14px 16px !important; box-shadow: 0 18px 44px rgba(0,0,0,.12) !important; } body.lb-search-open .search-modal__content, body:has(details-modal[open]) .search-modal__content { padding: 0 !important; width: 100% !important; max-width: none !important; } body.lb-search-open .search__input, body:has(details-modal[open]) .search__input { border-radius: 999px !important; background: #f7f7f7 !important; border: 1px solid rgba(0,0,0,.14) !important; min-height: 48px !important; } body.lb-search-open .modal__close-button, body:has(details-modal[open]) .modal__close-button { display: flex !important; } /* Menú: contacto abajo y announcement oculto. */ body.lb-drawer-open .lb-real-top-promo, body.lb-drawer-open .lb-top-promo, body.lb-drawer-open .announcement-bar-section, body.lb-drawer-open .announcement-bar { display: none !important; } body.lb-drawer-open .lb-drawer-utility { display: block !important; visibility: visible !important; opacity: 1 !important; padding-bottom: 36px !important; } /* Carrito abierto: bloquear fondo, header limpio. */ body.lb-top-cart-open, body.lb-cart-drawer-open { overflow: hidden !important; overscroll-behavior: none !important; } body.lb-top-cart-open .header-wrapper, body.lb-top-cart-open sticky-header.header-wrapper, body.lb-cart-drawer-open .header-wrapper, body.lb-cart-drawer-open sticky-header.header-wrapper { background: #fff !important; border-bottom: 1px solid rgba(0,0,0,.08) !important; } /* Cards móviles: precio limpio tipo etiqueta abajo izquierda dentro de la zona de texto. */ @media screen and (max-width: 749px) { .product-card-wrapper .card__information, .product-card-wrapper .card-information { text-align: center !important; padding-left: 8px !important; padding-right: 8px !important; } .product-card-wrapper .card__heading, .product-card-wrapper .card__heading a { text-align: center !important; } .product-card-wrapper .price, .product-card-wrapper .lb-card-price-clean { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; margin-top: 6px !important; padding: 5px 10px !important; border-radius: 999px !important; background: rgba(255,255,255,.74) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; font-size: 12px !important; line-height: 1 !important; } } /* ========================================================= PIEZA 3.2 - ESTABILIZACIÓN PRODUCTO + BUSCADOR Solo corrige: scroll producto, zoom, variantes, buscador y contacto. ========================================================= */ /* Producto: liberar el scroll vertical desde la galería */ body.lb-product .product__media-list, body.lb-product .lb-product-media-slider, body.lb-product .product__media-item, body.lb-product .product__media, body.lb-product .product-media-container, body.lb-product .product__media img, body.lb-product .product-media-container img { touch-action: auto !important; overscroll-behavior: auto !important; } body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { scroll-snap-type: x proximity !important; scroll-snap-stop: normal !important; } /* Zoom por click / dedos: mantener header fijo y estable */ body.lb-product-image-zoom-active .shopify-section-group-header-group, body.lb-product-image-zoom-active .section-header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; transform: none !important; z-index: 10020 !important; } body.lb-product .product__media-item.lb-image-zoomed img { transform: scale(var(--lb-zoom-scale, 2.05)) !important; transform-origin: var(--lb-zoom-x, 50%) var(--lb-zoom-y, 50%) !important; transition: transform .22s ease !important; } /* Ocultar miniaturas nativas/fugaces del tema en producto */ body.lb-product .product__media-wrapper .thumbnail-slider, body.lb-product .product__media-wrapper slider-component.thumbnail-slider, body.lb-product .product__media-wrapper .thumbnail-list, body.lb-product .product__media-wrapper .thumbnail-list__item, body.lb-product .product__media-wrapper .product__media-thumbnail, body.lb-product .product__media-wrapper .product__media-thumbnails, body.lb-product .product__media-wrapper .slider-buttons:not(.lb-gallery-ui), body.lb-product .product__media-wrapper .slider-mobile-gutter:not(.lb-product-media-gallery):has(.thumbnail-list) { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; pointer-events: none !important; } /* Miniaturas de color: más grandes, llenando el marco y sin doble borde */ body.lb-product .lb-product-option--color .lb-variant-option-label { width: 88px !important; min-width: 88px !important; max-width: 88px !important; } body.lb-product .lb-variant-option-media { width: 88px !important; height: 110px !important; border: 1px solid rgba(0,0,0,.14) !important; box-shadow: none !important; background: #f3f3f3 !important; overflow: hidden !important; } body.lb-product .lb-variant-option-media img { width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; object-fit: cover !important; object-position: center top !important; transform: scale(1.14) !important; transform-origin: center top !important; display: block !important; } body.lb-product .lb-product-option--color input:checked + .lb-variant-option-label .lb-variant-option-media { border-color: #111 !important; box-shadow: inset 0 0 0 1px #111 !important; } body.lb-product .lb-variant-option-label.is-selected .lb-variant-option-media { border-color: #111 !important; box-shadow: inset 0 0 0 1px #111 !important; } /* Menú hamburguesa: mantener contacto visible abajo */ #menu-drawer.lb-menu-drawer-fixed, .lb-menu-drawer-fixed { display: flex !important; flex-direction: column !important; overflow: hidden !important; } #menu-drawer .menu-drawer__inner-container, #menu-drawer .menu-drawer__navigation-container { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; min-height: 0 !important; overflow: hidden !important; } #menu-drawer .menu-drawer__navigation { flex: 0 0 auto !important; } #menu-drawer .lb-drawer-utility, #menu-drawer .menu-drawer__utility-links { display: block !important; visibility: visible !important; opacity: 1 !important; margin-top: auto !important; padding: 18px 24px calc(28px + env(safe-area-inset-bottom)) !important; text-align: center !important; } #menu-drawer .lb-drawer-utility a, #menu-drawer .menu-drawer__utility-links a { display: inline-flex !important; color: rgba(17,17,17,.72) !important; } /* Buscador propio Laura Bellucci */ body.lb-custom-search-open { overflow: hidden !important; } .lb-search-panel { position: fixed !important; inset: 0 !important; z-index: 100000 !important; background: #ffffff !important; color: #111111 !important; display: none !important; flex-direction: column !important; padding: calc(64px + env(safe-area-inset-top)) 18px 24px !important; } .lb-search-panel.is-visible { display: flex !important; } .lb-search-panel__top { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; height: calc(58px + env(safe-area-inset-top)) !important; padding-top: env(safe-area-inset-top) !important; background: #ffffff !important; border-bottom: 1px solid rgba(0,0,0,.08) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 2 !important; } .lb-search-panel__logo { width: 168px !important; max-width: 46vw !important; height: auto !important; display: block !important; } .lb-search-panel__close { position: absolute !important; right: 12px !important; top: calc(7px + env(safe-area-inset-top)) !important; width: 44px !important; height: 44px !important; border: 0 !important; background: transparent !important; color: #111 !important; font-size: 30px !important; line-height: 1 !important; } .lb-search-panel__form { width: 100% !important; margin: 18px 0 0 !important; display: flex !important; align-items: center !important; gap: 10px !important; border-bottom: 1px solid rgba(0,0,0,.22) !important; padding-bottom: 10px !important; } .lb-search-panel__input { flex: 1 1 auto !important; width: 100% !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; color: #111 !important; font-size: 18px !important; line-height: 1.3 !important; letter-spacing: -0.02em !important; padding: 8px 0 !important; } .lb-search-panel__submit { border: 0 !important; background: #111 !important; color: #fff !important; border-radius: 999px !important; padding: 10px 16px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; } body.lb-custom-search-open details-modal, body.lb-custom-search-open .search-modal, body.lb-custom-search-open .modal__content.search-modal, body.lb-custom-search-open predictive-search { display: none !important; visibility: hidden !important; pointer-events: none !important; } /* Filtros: evitar zona vacía superior */ body.lb-facets-open .shopify-section-group-header-group, body.lb-facets-open .section-header { opacity: 0 !important; pointer-events: none !important; } /* ========================================================= PIEZA 3.3 - ESTABILIDAD PRODUCTO / BUSCADOR / VARIANTES Ajustes finales sin tocar lo que ya funciona. ========================================================= */ /* La galería no debe bloquear el scroll vertical de la página */ body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { touch-action: pan-x pan-y pinch-zoom !important; overscroll-behavior-y: auto !important; overscroll-behavior-x: contain !important; } body.lb-product .product__media-item, body.lb-product .product-media-container, body.lb-product .product__media { touch-action: pan-x pan-y pinch-zoom !important; } /* Zoom por click/dedos estable: solo transforma la imagen, no el header */ body.lb-product .product__media-item img { transform: translateZ(0) scale(1) !important; transition: transform .24s cubic-bezier(.22,.61,.36,1) !important; will-change: transform !important; } body.lb-product .product__media-item.lb-image-zoomed img { transform: translateZ(0) scale(var(--lb-zoom-scale, 2.05)) !important; transform-origin: var(--lb-zoom-x, 50%) var(--lb-zoom-y, 50%) !important; } /* Variantes: scroll horizontal sin sacar la página y sin bloqueo raro */ body.lb-product .lb-product-option, body.lb-product .product-form__input { overflow: hidden !important; overscroll-behavior: contain !important; } body.lb-product .lb-product-option__scroller { overflow-x: auto !important; overflow-y: hidden !important; touch-action: pan-x pan-y !important; overscroll-behavior-x: contain !important; overscroll-behavior-y: auto !important; -webkit-overflow-scrolling: touch !important; scroll-snap-type: none !important; } body.lb-product .lb-variant-option-label { -webkit-tap-highlight-color: transparent !important; user-select: none !important; } /* Miniatura de color: más grande, centrada y llenando el marco */ body.lb-product .lb-product-option--color .lb-variant-option-label { width: 82px !important; min-width: 82px !important; max-width: 82px !important; } body.lb-product .lb-variant-option-media { width: 82px !important; height: 104px !important; min-width: 82px !important; min-height: 104px !important; max-width: 82px !important; max-height: 104px !important; display: block !important; position: relative !important; overflow: hidden !important; border: 1px solid rgba(0,0,0,.18) !important; box-shadow: none !important; background: #f4f4f4 !important; } body.lb-product .lb-variant-option-media img { position: absolute !important; left: 50% !important; top: 0 !important; width: 122% !important; height: 108% !important; min-width: 122% !important; min-height: 108% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center top !important; transform: translateX(-50%) !important; display: block !important; } body.lb-product .lb-product-option--color input:checked + .lb-variant-option-label .lb-variant-option-media, body.lb-product .lb-product-option--color .lb-variant-option-label.is-selected .lb-variant-option-media { border-color: #111 !important; box-shadow: 0 0 0 1px #111 !important; } body.lb-product .lb-product-option--size input:checked + .lb-variant-option-label, body.lb-product .lb-product-option--size .lb-variant-option-label.is-selected { border-color: #111 !important; box-shadow: inset 0 0 0 1px #111 !important; background: #111 !important; color: #fff !important; } /* Ocultar definitivamente miniaturas nativas que aparecen al tocar variantes */ body.lb-product .product__media-wrapper .thumbnail-slider, body.lb-product .product__media-wrapper slider-component.thumbnail-slider, body.lb-product .product__media-wrapper .thumbnail-list, body.lb-product .product__media-wrapper .thumbnail-list__item, body.lb-product .product__media-wrapper .product__media-thumbnail, body.lb-product .product__media-wrapper .product__media-thumbnails, body.lb-product .product__media-wrapper .slider-buttons:not(.lb-gallery-ui), body.lb-product .product__media-wrapper .thumbnail, body.lb-product .product__media-wrapper [class*="thumbnail"] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; pointer-events: none !important; } /* Buscador profesional: pantalla limpia, sin footer ni huecos raros */ body.lb-custom-search-open { overflow: hidden !important; height: 100dvh !important; } .lb-search-panel { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100dvh !important; background: #fff !important; z-index: 100000 !important; display: none !important; padding: 0 20px !important; overflow: hidden !important; } .lb-search-panel.is-visible { display: block !important; } .lb-search-panel__top { height: calc(66px + env(safe-area-inset-top)) !important; padding-top: env(safe-area-inset-top) !important; display: flex !important; align-items: center !important; justify-content: center !important; border-bottom: 1px solid rgba(0,0,0,.08) !important; position: relative !important; } .lb-search-panel__logo { width: 178px !important; max-width: 48vw !important; height: auto !important; } .lb-search-panel__close { position: absolute !important; right: 2px !important; top: calc(12px + env(safe-area-inset-top)) !important; width: 44px !important; height: 44px !important; border: 0 !important; background: transparent !important; color: #111 !important; font-size: 30px !important; line-height: 1 !important; } .lb-search-panel__form { margin-top: 20px !important; } /* Contacto visible al final del menú hamburguesa */ #menu-drawer .lb-drawer-utility, #menu-drawer .menu-drawer__utility-links { display: block !important; visibility: visible !important; opacity: 1 !important; margin-top: auto !important; padding: 22px 24px calc(28px + env(safe-area-inset-bottom)) !important; } /* ========================================================== LAURA BELLUCCI - PIEZA 3.4 CIERRE PRODUCTO / VARIANTES Mantiene buscador bueno, desbloquea scroll de producto y corrige variantes. ========================================================== */ /* Producto: quitar cualquier captura agresiva de scroll en la galería */ body.lb-product .product__media-wrapper, body.lb-product product-info .product__media-wrapper, body.lb-product .product__media-list, body.lb-product slider-component.product__media-list, body.lb-product .product__media-item, body.lb-product .product__media, body.lb-product .product__media.media, body.lb-product .product__media img, body.lb-product .lb-product-main-image { touch-action: auto !important; overscroll-behavior: auto !important; -webkit-overflow-scrolling: touch !important; } body.lb-product .product__media-list, body.lb-product slider-component.product__media-list { scroll-snap-type: x proximity !important; scroll-behavior: auto !important; overflow-x: auto !important; overflow-y: visible !important; overscroll-behavior-x: auto !important; overscroll-behavior-y: auto !important; -webkit-overflow-scrolling: touch !important; } body.lb-product .product__media-item, body.lb-product .product__media-list .grid__item, body.lb-product .product__media-list .slider__slide { scroll-snap-stop: normal !important; scroll-snap-align: center !important; } body.lb-product .product__media-item.lb-image-zoomed, body.lb-product .product__media-item.lb-image-zoomed img { touch-action: none !important; } /* Header/logo no se mueven durante zoom ni pinch */ body.lb-product.lb-product-image-zoom-active .section-header, body.lb-product.lb-product-image-zoom-active .shopify-section-group-header-group, body.lb-product.lb-product-image-zoom-active .header-wrapper, body.lb-product.lb-product-image-zoom-active sticky-header.header-wrapper { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; transform: none !important; z-index: 10050 !important; } /* Variantes: selección visible estable */ body.lb-product .lb-product-option input[type="radio"]:checked + .lb-variant-option-label, body.lb-product .lb-variant-option-label.is-selected { border-color: #111 !important; box-shadow: inset 0 0 0 1px #111 !important; } body.lb-product .lb-product-option input[type="radio"]:checked + .lb-variant-option-label .lb-variant-option-media, body.lb-product .lb-variant-option-label.is-selected .lb-variant-option-media { box-shadow: inset 0 0 0 1px #111 !important; } /* Miniatura de color: ocupar el marco sin laterales blancos */ body.lb-product .lb-product-option--color .lb-variant-option-label, body.lb-product .lb-variant-option-label--color { width: 92px !important; min-width: 92px !important; height: 116px !important; padding: 0 !important; border: 1px solid rgba(0,0,0,.16) !important; background: #f3f3f3 !important; overflow: hidden !important; } body.lb-product .lb-variant-option-media { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: #f3f3f3 !important; display: block !important; overflow: hidden !important; } body.lb-product .lb-variant-option-media img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; min-width: 100% !important; min-height: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; margin: 0 !important; transform: none !important; } body.lb-product .lb-variant-option-label--color .lb-variant-option-text, body.lb-product .lb-product-option--color .lb-variant-option-text { display: none !important; } /* Scrollers de variantes: horizontal, sin arrastrar toda la página */ body.lb-product .lb-product-option__scroller { display: flex !important; flex-wrap: nowrap !important; gap: 8px !important; overflow-x: auto !important; overflow-y: hidden !important; touch-action: pan-x !important; overscroll-behavior-x: contain !important; overscroll-behavior-y: auto !important; scroll-snap-type: none !important; -webkit-overflow-scrolling: touch !important; padding-bottom: 2px !important; } /* Ocultar miniaturas nativas debajo al tocar variante */ body.lb-product .thumbnail-list, body.lb-product .thumbnail-slider, body.lb-product slider-component.thumbnail-slider, body.lb-product .product__media-thumbnail, body.lb-product .product__media-thumbnails, body.lb-product .thumbnail-list__item, body.lb-product .product__media-wrapper .slider-buttons:not(.lb-gallery-ui), body.lb-product .product__media-list + .slider-buttons:not(.lb-gallery-ui), body.lb-product.lb-variant-interacting .product__media-wrapper [class*="thumbnail"] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; pointer-events: none !important; margin: 0 !important; padding: 0 !important; } /* Menú: recuperar Contacto abajo */ #menu-drawer .lb-drawer-utility, #menu-drawer .menu-drawer__utility-links, #menu-drawer .lb-drawer-utility a { display: flex !important; visibility: visible !important; opacity: 1 !important; } #menu-drawer .lb-drawer-utility { margin-top: auto !important; padding: 22px 24px 28px !important; justify-content: center !important; } #menu-drawer .lb-drawer-utility a { color: #111 !important; font-size: 12px !important; letter-spacing: .12em !important; text-transform: uppercase !important; text-decoration: none !important; } /* ========================================================== LAURA BELLUCCI - PIEZA 3.5 Cierre scroll producto + variantes + contacto hamburguesa ========================================================== */ /* Producto: permitir que el gesto vertical atraviese la galería sin bloquear la página */ body.lb-product .product__media-list, body.lb-product .lb-product-media-slider, body.lb-product .lb-gallery-viewer { touch-action: pan-x pan-y pinch-zoom !important; overscroll-behavior-x: contain !important; overscroll-behavior-y: auto !important; -webkit-overflow-scrolling: touch !important; } body.lb-product .product__media-item { scroll-snap-stop: normal !important; } /* Evitar capas invisibles entre galería e información */ body.lb-product .product__media-wrapper::before, body.lb-product .product__media-wrapper::after, body.lb-product .product__media-list::before, body.lb-product .product__media-list::after, body.lb-product .lb-product-media-gallery::before, body.lb-product .lb-product-media-gallery::after { content: none !important; display: none !important; pointer-events: none !important; } body.lb-product .product__info-wrapper, body.lb-product .product__info-container { position: relative !important; z-index: 4 !important; pointer-events: auto !important; } /* Ocultar thumbnails nativos en cualquier lugar de producto */ body.lb-product .thumbnail-slider, body.lb-product slider-component.thumbnail-slider, body.lb-product .thumbnail-list, body.lb-product .thumbnail-list__item, body.lb-product .product__media-thumbnail, body.lb-product .product__media-thumbnails, body.lb-product .thumbnail, body.lb-product [class*="thumbnail-list"], body.lb-product [class*="product__media-thumbnail"] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; pointer-events: none !important; } /* Variantes: selección visible siempre */ body.lb-product .lb-variant-option-label.is-selected, body.lb-product .lb-product-option input[type='radio']:checked + .lb-variant-option-label, body.lb-product .lb-product-option input[type='radio']:checked + label { border-color: #111111 !important; box-shadow: inset 0 0 0 1.5px #111111 !important; } /* Miniaturas de color: llenar todo el marco, aunque recorte un poco */ body.lb-product .lb-product-option--color .lb-variant-option-label, body.lb-product .lb-variant-option-label--color { width: 78px !important; min-width: 78px !important; max-width: 78px !important; height: 98px !important; min-height: 98px !important; max-height: 98px !important; padding: 0 !important; overflow: hidden !important; border-radius: 0 !important; background: #f4f4f4 !important; display: inline-flex !important; align-items: stretch !important; justify-content: stretch !important; } body.lb-product .lb-variant-option-media { width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; display: block !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; } body.lb-product .lb-variant-option-media img { width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center center !important; display: block !important; transform: none !important; } body.lb-product .lb-variant-option-swatch { width: 100% !important; height: 100% !important; display: block !important; } /* Hamburguesa: contacto abajo fijo y clicable */ body.lb-drawer-open .menu-drawer__navigation-container, body.lb-drawer-open .menu-drawer__inner-container, body:has(#Details-menu-drawer-container[open]) .menu-drawer__navigation-container, body:has(#Details-menu-drawer-container[open]) .menu-drawer__inner-container { min-height: calc(100dvh - 92px) !important; display: flex !important; flex-direction: column !important; } body.lb-drawer-open .lb-drawer-utility, body:has(#Details-menu-drawer-container[open]) .lb-drawer-utility { display: block !important; visibility: visible !important; opacity: 1 !important; margin-top: auto !important; padding: 22px 28px calc(30px + env(safe-area-inset-bottom)) !important; pointer-events: auto !important; } body.lb-drawer-open .lb-drawer-utility a, body:has(#Details-menu-drawer-container[open]) .lb-drawer-utility a { display: inline-flex !important; color: #111111 !important; font-size: 12px !important; letter-spacing: .14em !important; text-transform: uppercase !important; text-decoration: none !important; pointer-events: auto !important; } /* ============================================= PIEZA 3.6 - CIERRE REAL PRODUCTO / VARIANTES - No toca buscador ni carrito ya estables. - Arregla scroll vertical, miniatura color y Contacto. ============================================= */ /* Producto: liberar scroll vertical desde galería y zona de variantes */ body.lb-product .product__media-wrapper, body.lb-product .lb-product-media-gallery, body.lb-product .lb-gallery-viewer, body.lb-product .product__media-list, body.lb-product .lb-product-media-slider, body.lb-product .product__media-item, body.lb-product .product-media-container, body.lb-product .product__media, body.lb-product .product__media img { touch-action: pan-x pan-y pinch-zoom !important; } body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { overscroll-behavior-x: contain !important; overscroll-behavior-y: auto !important; } body.lb-product .product__info-wrapper, body.lb-product .product__info-container { touch-action: pan-y pinch-zoom !important; overflow-x: hidden !important; } body.lb-product .lb-product-option__scroller { touch-action: pan-x pan-y !important; overscroll-behavior-x: contain !important; overscroll-behavior-y: auto !important; } /* Variantes: ocultar cualquier galería/miniatura nativa que intente aparecer dentro de la info */ body.lb-product .product__info-wrapper media-gallery, body.lb-product .product__info-wrapper .product__media-list, body.lb-product .product__info-wrapper .product__media-item, body.lb-product .product__info-wrapper .thumbnail-slider, body.lb-product .product__info-wrapper slider-component.thumbnail-slider, body.lb-product .product__info-wrapper .thumbnail-list, body.lb-product .product__info-wrapper .thumbnail-list__item, body.lb-product .product__info-wrapper .product__media-thumbnail, body.lb-product .product__info-wrapper .product__media-thumbnails, body.lb-product .product__info-wrapper .slider-buttons:not(.lb-gallery-ui), body.lb-product .product__info-wrapper [class*="thumbnail"], body.lb-product .product__info-container media-gallery, body.lb-product .product__info-container .product__media-list, body.lb-product .product__info-container .product__media-item, body.lb-product .product__info-container .thumbnail-slider, body.lb-product .product__info-container .thumbnail-list, body.lb-product .product__info-container .thumbnail-list__item, body.lb-product .product__info-container [class*="thumbnail"] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; pointer-events: none !important; margin: 0 !important; padding: 0 !important; } /* Color: recreado para que la foto llene todo el marco */ body.lb-product .lb-product-option--color .lb-variant-option-label { width: 82px !important; min-width: 82px !important; max-width: 82px !important; height: 104px !important; min-height: 104px !important; max-height: 104px !important; } body.lb-product .lb-variant-option-media { width: 82px !important; height: 104px !important; min-width: 82px !important; min-height: 104px !important; max-width: 82px !important; max-height: 104px !important; position: relative !important; display: block !important; background: #f4f4f4 !important; border: 1px solid rgba(0,0,0,.12) !important; overflow: hidden !important; box-sizing: border-box !important; } body.lb-product .lb-variant-option-media img { position: absolute !important; top: 50% !important; left: 50% !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center center !important; transform: translate(-50%, -50%) scale(1.28) !important; transform-origin: center center !important; display: block !important; } body.lb-product .lb-product-option--color input:checked + .lb-variant-option-label .lb-variant-option-media, body.lb-product .lb-product-option--color .lb-variant-option-label.is-selected .lb-variant-option-media { border-color: #111111 !important; box-shadow: inset 0 0 0 1px #111111 !important; } body.lb-product .lb-product-option--size input:checked + .lb-variant-option-label, body.lb-product .lb-product-option--size .lb-variant-option-label.is-selected { border-color: #111111 !important; box-shadow: inset 0 0 0 1px #111111 !important; } /* Contacto fijo y recreado en hamburguesa */ #menu-drawer.lb-menu-drawer-fixed, .lb-menu-drawer-fixed { display: flex !important; flex-direction: column !important; overflow: hidden !important; } #menu-drawer .menu-drawer__inner-container, #menu-drawer .menu-drawer__navigation-container { flex: 1 1 auto !important; min-height: 0 !important; height: auto !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } #menu-drawer .lb-drawer-contact-fixed { position: fixed !important; left: 0 !important; right: 0 !important; bottom: calc(22px + env(safe-area-inset-bottom)) !important; z-index: 10003 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 44px !important; color: #111111 !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .16em !important; text-transform: uppercase !important; text-decoration: none !important; pointer-events: auto !important; } #menu-drawer .lb-drawer-utility, #menu-drawer .menu-drawer__utility-links { display: none !important; } /* Dejar sitio visual para Contacto fijo */ #menu-drawer .lb-drawer-menu-clean { padding-bottom: 88px !important; } /* ========================================================== LB SCROLLED GLASS HEADER V2 Restaura el header cerrado y solo cambia el fondo al hacer scroll. ========================================================== */ body.lb-page-scrolled:not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open):not(.lb-top-cart-open):not(.lb-cart-drawer-open) .header-wrapper, body.lb-page-scrolled:not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open):not(.lb-top-cart-open):not(.lb-cart-drawer-open) sticky-header.header-wrapper { background: rgba(255, 255, 255, .56) !important; background-color: rgba(255, 255, 255, .56) !important; backdrop-filter: blur(22px) saturate(155%) !important; -webkit-backdrop-filter: blur(22px) saturate(155%) !important; border-bottom: 1px solid rgba(0, 0, 0, .075) !important; box-shadow: 0 12px 34px rgba(0, 0, 0, .07) !important; } /* Boton principal del banner home: premium glass */ body.lb-home .banner:first-of-type .banner__buttons .button, body.lb-home .banner:first-of-type .banner__buttons .button:visited { width: min(382px, 86vw) !important; min-height: 58px !important; padding: 0 26px !important; border-radius: 0 !important; background: rgba(10, 10, 10, .40) !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, .62) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 18px 46px rgba(0, 0, 0, .18) !important; backdrop-filter: blur(18px) saturate(145%) !important; -webkit-backdrop-filter: blur(18px) saturate(145%) !important; font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 12px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .20em !important; text-transform: uppercase !important; transition: transform .32s cubic-bezier(.22, .61, .36, 1), background-color .32s ease, border-color .32s ease, box-shadow .32s ease !important; } body.lb-home .banner:first-of-type .banner__buttons .button::before, body.lb-home .banner:first-of-type .banner__buttons .button::after { border-radius: 0 !important; box-shadow: none !important; } body.lb-home .banner:first-of-type .banner__buttons .button:hover, body.lb-home .banner:first-of-type .banner__buttons .button:focus-visible { transform: translateY(-2px) !important; background: rgba(10, 10, 10, .50) !important; border-color: rgba(255, 255, 255, .78) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 22px 54px rgba(0, 0, 0, .22) !important; } body.lb-home .banner:first-of-type .banner__buttons .button:active { transform: translateY(0) !important; } @media screen and (max-width: 390px) { body.lb-home .banner:first-of-type .banner__buttons .button { width: min(348px, 86vw) !important; min-height: 54px !important; font-size: 11px !important; letter-spacing: .17em !important; } } /* ========================================================== LB PREMIUM SPEC FIXES 2026-06-09 ========================================================== */ body.lb-page-scrolled:not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open):not(.lb-top-cart-open):not(.lb-cart-drawer-open) .header-wrapper, body.lb-page-scrolled:not(.lb-drawer-open):not(.lb-search-open):not(.lb-facets-open):not(.lb-top-cart-open):not(.lb-cart-drawer-open) sticky-header.header-wrapper { background: rgba(255, 255, 255, .50) !important; background-color: rgba(255, 255, 255, .50) !important; backdrop-filter: blur(24px) saturate(160%) !important; -webkit-backdrop-filter: blur(24px) saturate(160%) !important; } body.lb-home .banner:first-of-type .banner__buttons .button, body.lb-home .banner:first-of-type .banner__buttons .button:visited { min-height: 56px !important; background: rgba(10, 10, 10, .50) !important; border: 1px solid rgba(255, 255, 255, .44) !important; border-radius: 0 !important; box-shadow: 0 18px 45px rgba(0, 0, 0, .16) !important; } body.lb-facets-open { overflow: hidden !important; touch-action: none !important; } body.lb-facets-open .mobile-facets { position: fixed !important; inset: 0 !important; z-index: 10020 !important; background: rgba(255, 255, 255, .70) !important; backdrop-filter: blur(18px) saturate(145%) !important; -webkit-backdrop-filter: blur(18px) saturate(145%) !important; } body.lb-facets-open .mobile-facets__inner { width: 100% !important; max-width: none !important; height: 100dvh !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; } body.lb-facets-open .mobile-facets__main { top: 0 !important; height: 100dvh !important; max-height: 100dvh !important; overscroll-behavior: contain !important; } body.lb-facets-open .mobile-facets__header { position: sticky !important; top: 0 !important; z-index: 2 !important; margin: 0 !important; padding-top: calc(16px + env(safe-area-inset-top)) !important; background: rgba(255, 255, 255, .88) !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; border-bottom: 1px solid rgba(0, 0, 0, .08) !important; } body.lb-product .lb-product-offer, .lb-cart-item-promos { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; } body.lb-product .lb-product-offer { margin: -6px 0 10px !important; } body.lb-product .lb-product-offer[hidden] { display: none !important; } body.lb-product .lb-product-offer__badge, body.lb-product .lb-product-offer__saving, body.lb-product .lb-product-offer__percent, .lb-cart-item-promo, .lb-card-offer-mini { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 24px !important; padding: 0 9px !important; border: 1px solid rgba(17, 17, 17, .12) !important; background: rgba(17, 17, 17, .035) !important; color: rgba(17, 17, 17, .78) !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .12em !important; line-height: 1 !important; text-transform: uppercase !important; } body.lb-product .lb-product-offer__badge, .lb-cart-item-promo--offer { background: #111 !important; border-color: #111 !important; color: #fff !important; } body.lb-product .lb-product-shipping, body.lb-product .lb-stock-limited { display: inline-flex !important; align-items: center !important; margin: 0 0 12px !important; color: rgba(17, 17, 17, .66) !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .12em !important; text-transform: uppercase !important; } body.lb-product .lb-stock-limited { margin: 0 !important; color: #9a5b16 !important; } .product-card-wrapper .lb-offer-badge, .card-wrapper .lb-offer-badge { background: #111 !important; color: #fff !important; border-color: #111 !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 10px !important; letter-spacing: .12em !important; font-weight: 800 !important; } .product-card-wrapper .lb-card-price-clean--offer, .card-wrapper .lb-card-price-clean--offer { display: flex !important; flex-wrap: wrap !important; gap: 5px 8px !important; align-items: baseline !important; } .product-card-wrapper .lb-card-price-old, .card-wrapper .lb-card-price-old { color: rgba(17, 17, 17, .40) !important; font-size: 12px !important; } .product-card-wrapper .lb-card-offer-mini, .card-wrapper .lb-card-offer-mini { min-height: 20px !important; padding: 0 7px !important; font-size: 9px !important; letter-spacing: .09em !important; width: 100% !important; justify-content: flex-start !important; } .lb-cart-item-promos { margin: 8px 0 10px !important; } .lb-cart-item-promo { min-height: 22px !important; padding: 0 8px !important; font-size: 9px !important; letter-spacing: .10em !important; } .lb-cart-item-promo--stock { color: #9a5b16 !important; border-color: rgba(154, 91, 22, .22) !important; background: rgba(154, 91, 22, .06) !important; } body.lb-product .product__media-item img { will-change: transform !important; transition: transform .44s cubic-bezier(.22, .61, .36, 1) !important; } body.lb-product .product__media-item.lb-image-zoomed img { cursor: zoom-out !important; transition: transform .42s cubic-bezier(.22, .61, .36, 1), transform-origin .18s ease !important; } .template-search #product-grid .product-grid, body.template-search #product-grid .product-grid, body.search #product-grid .product-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; padding: 0 10px 32px !important; } .template-search #product-grid .grid__item, body.template-search #product-grid .grid__item, body.search #product-grid .grid__item { width: auto !important; max-width: none !important; } predictive-search .predictive-search, .predictive-search { left: 50% !important; right: auto !important; width: min(100vw, 980px) !important; max-width: 100vw !important; transform: translateX(-50%) !important; } .lb-card-media-track { scroll-behavior: smooth !important; overscroll-behavior-x: contain !important; scrollbar-width: none !important; } .lb-card-media-track::-webkit-scrollbar { display: none !important; } /* ========================================================== LB FINAL STABILITY PASS 2026-06-09 ========================================================== */ body.lb-facets-open, body:has(.mobile-facets__disclosure[open]) { overflow: hidden !important; height: 100dvh !important; } body.lb-facets-open .section-header, body.lb-facets-open .shopify-section-group-header-group, body:has(.mobile-facets__disclosure[open]) .section-header, body:has(.mobile-facets__disclosure[open]) .shopify-section-group-header-group { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } body.lb-facets-open .mobile-facets, body.lb-facets-open .mobile-facets__wrapper .mobile-facets, body:has(.mobile-facets__disclosure[open]) .mobile-facets, body:has(.mobile-facets__disclosure[open]) .mobile-facets__wrapper .mobile-facets { position: fixed !important; inset: 0 !important; top: 0 !important; bottom: 0 !important; height: 100dvh !important; max-height: 100dvh !important; margin: 0 !important; padding: 0 !important; z-index: 10020 !important; } body.lb-facets-open .mobile-facets__inner, body:has(.mobile-facets__disclosure[open]) .mobile-facets__inner { height: 100dvh !important; max-height: 100dvh !important; min-height: 100dvh !important; margin: 0 !important; padding: 0 !important; transform: none !important; } body.lb-facets-open .mobile-facets__main, body:has(.mobile-facets__disclosure[open]) .mobile-facets__main { height: calc(100dvh - 58px) !important; max-height: calc(100dvh - 58px) !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; padding-top: 0 !important; } body.lb-facets-open .mobile-facets__header, body:has(.mobile-facets__disclosure[open]) .mobile-facets__header { min-height: 58px !important; margin: 0 !important; padding: max(12px, env(safe-area-inset-top)) 16px 10px !important; } body.lb-product .product__media-list, body.lb-product .lb-product-media-slider, .lb-card-media-gallery, .lb-card-media-track { touch-action: pan-x pan-y pinch-zoom !important; overscroll-behavior-y: auto !important; -webkit-overflow-scrolling: touch !important; } body.lb-product .product__media-item.lb-image-zoomed img { transform-origin: 0 0 !important; transform: translate3d(var(--lb-zoom-tx, 0px), var(--lb-zoom-ty, 0px), 0) scale(var(--lb-zoom-scale, 2.05)) !important; transition: var(--lb-zoom-transition, none) !important; cursor: zoom-out !important; will-change: transform !important; } body.lb-product .product__media-item.lb-image-zoomed { overflow: hidden !important; } body.lb-product .product__media-item[data-lb-clone="true"] { pointer-events: auto !important; } body.lb-product .lb-product-offer__saving, .lb-card-offer-mini, .lb-cart-item-promo--saving, .lb-cart-total-saving, .lb-top-cart-panel__summary-row.lb-cart-total-saving { gap: 7px !important; border-color: rgba(21, 128, 61, .24) !important; background: rgba(21, 128, 61, .08) !important; color: #13703a !important; border-radius: 999px !important; } body.lb-product .lb-product-offer__saving strong, .lb-card-offer-mini strong, .lb-cart-item-promo--saving strong, .lb-cart-total-saving strong { color: #0f5f32 !important; font-weight: 900 !important; letter-spacing: .04em !important; white-space: nowrap !important; } body.lb-product .lb-product-offer__percent { border-color: rgba(21, 128, 61, .20) !important; background: rgba(21, 128, 61, .06) !important; color: #13703a !important; border-radius: 999px !important; } body.lb-product .price--on-sale .price-item--regular, body.lb-product .price__sale s, .product-card-wrapper .lb-card-price-old, .card-wrapper .lb-card-price-old, .cart-item__old-price, .price--on-sale s, s.price-item { color: #a7352f !important; text-decoration: line-through !important; text-decoration-color: #a7352f !important; text-decoration-thickness: 1.4px !important; opacity: .82 !important; } .lb-cart-total-saving { display: inline-flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 34px !important; margin: 8px 0 10px !important; padding: 7px 12px !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .10em !important; text-transform: uppercase !important; } .lb-cart-item-promo--saving { text-transform: uppercase !important; } .lb-summer-discover { background: #ffffff !important; } .lb-summer-discover__shade { display: none !important; background: transparent !important; } .lb-summer-discover__image { filter: none !important; } body.template-search #MainContent, body.search #MainContent { overflow-x: hidden !important; } .template-search #product-grid, body.template-search #product-grid, body.search #product-grid { width: 100% !important; max-width: 100vw !important; margin: 0 auto !important; } .template-search #product-grid .product-grid, body.template-search #product-grid .product-grid, body.search #product-grid .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .template-search #product-grid .grid__item, body.template-search #product-grid .grid__item, body.search #product-grid .grid__item { padding: 0 !important; } .lb-card-media-gallery, .lb-card-media-track { cursor: grab !important; } .lb-card-media-track { display: flex !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; } .lb-card-media-slide { flex: 0 0 100% !important; scroll-snap-align: start !important; } .card__inner .card__media, .card__inner .lb-card-media-gallery, .card__inner .lb-card-media-track { position: relative !important; z-index: 3 !important; pointer-events: auto !important; } .card__inner > .card__content { pointer-events: none !important; } .card__inner > .card__content a, .card__inner > .card__content button { pointer-events: none !important; } .card-wrapper:has(.lb-card-media-gallery) .card__heading a::after, .card-wrapper:has(.lb-card-media-gallery) .card__heading a:after { content: none !important; display: none !important; pointer-events: none !important; } .lb-carousel-card__label span:first-child { font-family: Arial, Helvetica, sans-serif !important; } .lb-carousel-section .lb-carousel-card__label { transform: translate3d(0, var(--lb-label-scroll-y, 0px), 0) !important; } .lb-carousel-section .lb-carousel-card:hover .lb-carousel-card__label, .lb-carousel-section .lb-carousel-card:focus-visible .lb-carousel-card__label { transform: translate3d(0, calc(var(--lb-label-scroll-y, 0px) + 3px), 0) scale(1.015) !important; } @media screen and (max-width: 749px) { .lb-search-panel { position: fixed !important; inset: 0 !important; width: 100vw !important; max-width: 100vw !important; min-height: 100dvh !important; margin: 0 !important; padding: calc(18px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom)) !important; overflow-y: auto !important; background: rgba(255, 255, 255, .96) !important; backdrop-filter: blur(18px) saturate(145%) !important; -webkit-backdrop-filter: blur(18px) saturate(145%) !important; transform: translateY(-100%) !important; } .lb-search-panel.is-visible { transform: translateY(0) !important; } .lb-search-panel__top, .lb-search-panel__form { width: 100% !important; max-width: 100% !important; } .lb-search-panel__form { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 12px !important; align-items: center !important; } .lb-search-panel__input { min-width: 0 !important; width: 100% !important; } .lb-search-panel__submit { white-space: nowrap !important; } } body.lb-product .lb-product-offer__saving, .lb-card-offer-mini, .lb-cart-item-promo--saving, .lb-cart-total-saving, .lb-top-cart-panel__summary-row.lb-cart-total-saving { background: linear-gradient(135deg, #0f6b3d 0%, #16834c 100%) !important; border-color: rgba(15, 107, 61, .95) !important; color: #ffffff !important; box-shadow: 0 10px 24px rgba(15, 107, 61, .20) !important; } body.lb-product .lb-product-offer__saving strong, .lb-card-offer-mini strong, .lb-cart-item-promo--saving strong, .lb-cart-total-saving strong { color: #ffffff !important; } body.lb-product .lb-product-offer__percent { display: none !important; } /* ========================================================== LB FINAL ROOT-CAUSE CONSOLIDATION 2026-06-10 Consolidates gesture surfaces and restores visual sizing. ========================================================== */ body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { scroll-snap-type: none !important; scroll-behavior: auto !important; touch-action: none !important; overscroll-behavior-x: contain !important; overscroll-behavior-y: auto !important; -webkit-overflow-scrolling: touch !important; } body.lb-product .product__media-item, body.lb-product .product__media-list .grid__item, body.lb-product .product__media-list .slider__slide { scroll-snap-align: none !important; scroll-snap-stop: normal !important; } body.lb-product .product__media-item img, .lb-card-media-image, .lb-carousel-card__image { image-rendering: auto !important; filter: none !important; transform-style: preserve-3d !important; backface-visibility: hidden !important; } body.lb-product .product__media-item.lb-image-zoomed img { transform-origin: 0 0 !important; transform: translate3d(var(--lb-zoom-tx, 0px), var(--lb-zoom-ty, 0px), 0) scale(var(--lb-zoom-scale, 2.15)) !important; transition: var(--lb-zoom-transition, none) !important; } .card-wrapper:has(.lb-card-media-gallery) .card__inner.ratio { display: block !important; position: relative !important; overflow: hidden !important; height: auto !important; } .card-wrapper:has(.lb-card-media-gallery) .card__inner.ratio::before { content: "" !important; display: block !important; width: 100% !important; padding-bottom: var(--ratio-percent) !important; } .card-wrapper:has(.lb-card-media-gallery) .card__inner > .card__media { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; z-index: 2 !important; overflow: hidden !important; } .card-wrapper:has(.lb-card-media-gallery) .card__inner > .card__content { position: absolute !important; inset: 0 !important; z-index: 4 !important; pointer-events: none !important; } .card-wrapper:has(.lb-card-media-gallery) .lb-card-media-gallery, .card-wrapper:has(.lb-card-media-gallery) .lb-card-media-track, .card-wrapper:has(.lb-card-media-gallery) .lb-card-media-slide { width: 100% !important; height: 100% !important; min-width: 100% !important; } .card-wrapper:has(.lb-card-media-gallery) .lb-card-media-track { display: flex !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scrollbar-width: none !important; } .card-wrapper:has(.lb-card-media-gallery) .lb-card-media-slide { position: relative !important; inset: auto !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; flex: 0 0 100% !important; display: block !important; scroll-snap-align: start !important; } .card-wrapper:has(.lb-card-media-gallery) .lb-card-media-image { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; object-position: center top !important; } body.template-search #product-grid.product-grid, body.template-search .template-search__results #product-grid, body.search #product-grid.product-grid, body.search .template-search__results #product-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; max-width: 100vw !important; overflow: visible !important; } #product-grid.template-search__results { display: block !important; width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: 0 !important; padding-right: 0 !important; } #product-grid.template-search__results .product-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; max-width: 100vw !important; overflow: visible !important; } body.template-search #product-grid.product-grid > .grid__item, body.template-search .template-search__results #product-grid > .grid__item, body.search #product-grid.product-grid > .grid__item, body.search .template-search__results #product-grid > .grid__item { width: auto !important; max-width: 100% !important; min-width: 0 !important; padding: 0 !important; } #product-grid.template-search__results .product-grid > .grid__item { width: auto !important; max-width: 100% !important; min-width: 0 !important; padding: 0 !important; } body.lb-facets-open, body:has(.mobile-facets__disclosure[open]) { overflow: hidden !important; height: 100dvh !important; touch-action: none !important; } body.lb-facets-open .mobile-facets, body:has(.mobile-facets__disclosure[open]) .mobile-facets { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important; margin: 0 !important; padding: 0 !important; z-index: 10020 !important; } body.lb-facets-open .mobile-facets__inner, body:has(.mobile-facets__disclosure[open]) .mobile-facets__inner { width: 100% !important; max-width: none !important; height: 100dvh !important; min-height: 100dvh !important; margin: 0 !important; padding: 0 !important; transform: none !important; } body.lb-facets-open .mobile-facets__header, body:has(.mobile-facets__disclosure[open]) .mobile-facets__header { height: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; } body.lb-facets-open .mobile-facets__heading, body.lb-facets-open .mobile-facets__count, body:has(.mobile-facets__disclosure[open]) .mobile-facets__heading, body:has(.mobile-facets__disclosure[open]) .mobile-facets__count { display: none !important; } body.lb-facets-open .mobile-facets__main, body:has(.mobile-facets__disclosure[open]) .mobile-facets__main { height: 100dvh !important; max-height: 100dvh !important; overflow-y: auto !important; padding-top: max(12px, env(safe-area-inset-top)) !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; } body.lb-facets-open .mobile-facets__close, body:has(.mobile-facets__disclosure[open]) .mobile-facets__close { display: inline-flex !important; align-items: center !important; justify-content: center !important; position: fixed !important; top: max(12px, env(safe-area-inset-top)) !important; right: 14px !important; z-index: 10035 !important; width: 42px !important; height: 42px !important; border-radius: 999px !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; color: #111111 !important; background: rgba(255, 255, 255, .82) !important; border: 1px solid rgba(17, 17, 17, .12) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .12) !important; backdrop-filter: blur(14px) saturate(145%) !important; -webkit-backdrop-filter: blur(14px) saturate(145%) !important; } body.lb-product .lb-product-offer__saving, .lb-card-offer-mini, .lb-cart-item-promo--saving, .lb-cart-total-saving, .lb-top-cart-panel__summary-row.lb-cart-total-saving { background: linear-gradient(135deg, #138447 0%, #20a25d 100%) !important; border-color: rgba(19, 132, 71, .95) !important; color: #ffffff !important; box-shadow: 0 12px 28px rgba(19, 132, 71, .24) !important; } .lb-stock-limited, .lb-cart-item-promo--stock { display: inline-flex !important; align-items: center !important; gap: 7px !important; } .lb-stock-limited__dot { width: 7px !important; height: 7px !important; flex: 0 0 7px !important; display: inline-block !important; border-radius: 999px !important; background: #e6791a !important; box-shadow: 0 0 0 0 rgba(230, 121, 26, .34) !important; animation: lb-stock-dot-pulse 2.2s ease-in-out infinite !important; } @keyframes lb-stock-dot-pulse { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(230, 121, 26, .32); } 50% { transform: scale(1.16); box-shadow: 0 0 0 6px rgba(230, 121, 26, 0); } } .cart-item__name, .lb-top-cart-panel__name { color: #111111 !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-weight: 700 !important; } .cart-drawer .cart-item__image, .lb-top-cart-panel__item img { width: 96px !important; height: 124px !important; max-width: 96px !important; object-fit: cover !important; object-position: center top !important; } body.template-cart .cart-item__image { width: 116px !important; max-width: 116px !important; height: 148px !important; object-fit: cover !important; object-position: center top !important; } body.lb-home .banner:first-of-type .banner__buttons .button, body.lb-home .banner:first-of-type .banner__buttons .button:visited { background: rgba(10, 10, 10, .50) !important; border-color: rgba(255, 255, 255, .44) !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; box-shadow: 0 18px 45px rgba(0, 0, 0, .16) !important; } /* Codex final audit refinements - 2026-06-10 */ body.lb-product .lb-product-offer__badge { display: none !important; } body.lb-product .lb-stock-limited--product-form { width: fit-content !important; margin: 12px 0 18px !important; padding: 8px 11px !important; border: 1px solid rgba(154, 91, 22, .18) !important; background: rgba(230, 121, 26, .07) !important; border-radius: 999px !important; color: #8f4f11 !important; font-size: 10.5px !important; letter-spacing: .12em !important; } .lb-cart-summary-row, .lb-cart-total-saving, .lb-top-cart-panel__summary-row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; } .lb-cart-summary-shipping { padding: 12px 0 !important; border-top: 1px solid rgba(17, 17, 17, .08) !important; border-bottom: 1px solid rgba(17, 17, 17, .08) !important; color: rgba(17, 17, 17, .72) !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important; } .cart__checkout-button, .lb-top-cart-panel__actions a { min-height: 52px !important; font-size: 12px !important; letter-spacing: .12em !important; font-weight: 800 !important; text-transform: uppercase !important; } .lb-top-cart-panel { width: min(520px, calc(100vw - 28px)) !important; height: calc(100dvh - 28px) !important; max-height: calc(100dvh - 28px) !important; top: 14px !important; right: 14px !important; border: 1px solid rgba(255, 255, 255, .52) !important; background: rgba(255, 255, 255, .78) !important; box-shadow: 0 26px 80px rgba(17, 17, 17, .18) !important; backdrop-filter: blur(28px) saturate(160%) !important; -webkit-backdrop-filter: blur(28px) saturate(160%) !important; } .lb-top-cart-panel__items { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; } .lb-top-cart-panel__promos:empty, .lb-cart-item-promos:empty { display: none !important; } @media screen and (max-width: 749px) { .lb-top-cart-panel { left: 10px !important; right: 10px !important; width: auto !important; height: calc(100dvh - 20px) !important; max-height: calc(100dvh - 20px) !important; top: 10px !important; } } .product-grid .grid__item, .template-search .grid__item { display: flex !important; align-items: stretch !important; } .product-grid .card-wrapper, .template-search .card-wrapper, .product-grid .product-card-wrapper, .template-search .product-card-wrapper, .product-grid .card, .template-search .card { width: 100% !important; height: 100% !important; } .product-grid .card__inner, .template-search .card__inner { width: 100% !important; --ratio-percent: 150% !important; min-height: 0 !important; overflow: hidden !important; } .product-grid .card__inner::before, .template-search .card__inner::before { padding-bottom: 150% !important; } .product-grid .card > .card__content, .template-search .card > .card__content { min-height: 126px !important; display: flex !important; flex-direction: column !important; } .product-grid .card__heading, .template-search .card__heading { min-height: 40px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } .product-grid .card-information, .template-search .card-information { min-height: 44px !important; } .lb-card-media-gallery, .lb-card-media-track, .lb-card-media-slide { height: 100% !important; } .lb-card-media-image { width: 100% !important; height: 100% !important; object-fit: cover !important; image-rendering: auto !important; transform: translateZ(0) !important; } @media screen and (min-width: 990px) { body.lb-drawer-open #menu-drawer, body:has(#Details-menu-drawer-container[open]) #menu-drawer { width: min(920px, 74vw) !important; max-width: min(920px, 74vw) !important; } #menu-drawer .menu-drawer__navigation { padding: clamp(34px, 5vw, 64px) clamp(44px, 6vw, 72px) !important; } #menu-drawer .lb-drawer-menu-clean .menu-drawer__menu-item { min-height: 56px !important; font-size: clamp(17px, 1.35vw, 22px) !important; letter-spacing: .13em !important; } } /* ========================================================== LB DEFINITIVE LIVE FIX 2026-06-10 Native gestures, sharper imagery, cart redesign, desktop menu. ========================================================== */ body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; touch-action: pan-x pan-y pinch-zoom !important; overscroll-behavior-x: contain !important; overscroll-behavior-y: auto !important; -webkit-overflow-scrolling: touch !important; } body.lb-product .product__media-item, body.lb-product .product__media-list .grid__item, body.lb-product .product__media-list .slider__slide { scroll-snap-align: start !important; scroll-snap-stop: always !important; } body.lb-product .product__media img, body.lb-product .product-media-container img, body.lb-product .lb-product-main-image, .lb-card-media-image, .lb-carousel-card__image { image-rendering: auto !important; filter: none !important; transform: none !important; backface-visibility: visible !important; } .lb-card-media-gallery, .lb-card-media-track { overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: none !important; scroll-behavior: auto !important; touch-action: pan-x pan-y !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; cursor: grab !important; } .lb-card-media-track { display: flex !important; width: 100% !important; max-width: none !important; min-width: 100% !important; transform: none !important; } .lb-card-media-slide { flex: 0 0 100% !important; width: 100% !important; min-width: 100% !important; scroll-snap-align: none !important; } .lb-carousel-section .lb-carousel-card__content { top: 0 !important; bottom: auto !important; min-height: 100% !important; align-items: flex-start !important; } .lb-carousel-section .lb-carousel-card__label { will-change: transform !important; transform: translate3d(0, var(--lb-label-scroll-y, 0px), 0) !important; transition: background-color .34s ease, border-color .34s ease, box-shadow .34s ease !important; } body.lb-top-cart-open::before { content: "" !important; position: fixed !important; inset: 0 !important; z-index: 999997 !important; background: rgba(17, 17, 17, .28) !important; backdrop-filter: blur(10px) saturate(120%) !important; -webkit-backdrop-filter: blur(10px) saturate(120%) !important; } .lb-top-cart-panel { position: fixed !important; inset: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)) !important; left: max(10px, env(safe-area-inset-left)) !important; right: max(10px, env(safe-area-inset-right)) !important; top: max(10px, env(safe-area-inset-top)) !important; bottom: max(10px, env(safe-area-inset-bottom)) !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; transform: none !important; opacity: 0 !important; pointer-events: none !important; z-index: 999998 !important; padding: 0 !important; border-radius: 18px !important; border: 1px solid rgba(255, 255, 255, .58) !important; background: rgba(255, 255, 255, .80) !important; color: #111111 !important; box-shadow: 0 30px 90px rgba(0, 0, 0, .24) !important; backdrop-filter: blur(30px) saturate(165%) !important; -webkit-backdrop-filter: blur(30px) saturate(165%) !important; transition: opacity .22s ease !important; } .lb-top-cart-panel.is-visible { transform: none !important; opacity: 1 !important; pointer-events: auto !important; } .lb-top-cart-panel__header { flex: 0 0 auto !important; min-height: 64px !important; padding: 18px 20px !important; border-bottom: 1px solid rgba(17, 17, 17, .08) !important; background: rgba(255, 255, 255, .42) !important; } .lb-top-cart-panel__items { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; padding: 14px 18px !important; -webkit-overflow-scrolling: touch !important; } .lb-top-cart-panel__item { display: grid !important; grid-template-columns: 86px minmax(0, 1fr) auto !important; gap: 14px !important; align-items: start !important; padding: 12px 0 !important; border-bottom: 1px solid rgba(17, 17, 17, .07) !important; } .lb-top-cart-panel__item img { width: 86px !important; height: 116px !important; max-width: 86px !important; object-fit: cover !important; object-position: center top !important; border-radius: 0 !important; } .lb-top-cart-panel__promos { margin-top: 8px !important; } .lb-cart-item-promo--saving, .lb-cart-item-promo--shipping { display: none !important; } .lb-top-cart-panel__summary { flex: 0 0 auto !important; padding: 16px 20px 6px !important; border-top: 1px solid rgba(17, 17, 17, .10) !important; background: rgba(255, 255, 255, .36) !important; } .lb-top-cart-panel__summary-row { min-height: 32px !important; margin: 0 !important; padding: 4px 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; font-size: 12px !important; letter-spacing: .08em !important; text-transform: uppercase !important; } .lb-top-cart-panel__actions { flex: 0 0 auto !important; display: grid !important; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important; gap: 10px !important; padding: 12px 20px calc(18px + env(safe-area-inset-bottom)) !important; background: rgba(255, 255, 255, .36) !important; } .lb-top-cart-panel__actions button, .lb-top-cart-panel__actions a { width: 100% !important; min-width: 0 !important; min-height: 54px !important; border-radius: 999px !important; font-size: 10.5px !important; line-height: 1.15 !important; letter-spacing: .10em !important; text-align: center !important; } .lb-top-cart-panel__actions a { background: #050505 !important; color: #ffffff !important; border-color: #050505 !important; } body.lb-product .lb-stock-limited--product-form { display: inline-flex !important; align-items: center !important; gap: 8px !important; animation: lb-stock-soft-float 2.8s ease-in-out infinite !important; } @keyframes lb-stock-soft-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-1px); } } @media screen and (min-width: 990px) { body.lb-drawer-open #menu-drawer, body:has(#Details-menu-drawer-container[open]) #menu-drawer { width: min(980px, 76vw) !important; max-width: min(980px, 76vw) !important; border-right: 1px solid rgba(17, 17, 17, .08) !important; background: rgba(255, 255, 255, .88) !important; backdrop-filter: blur(26px) saturate(150%) !important; -webkit-backdrop-filter: blur(26px) saturate(150%) !important; } #menu-drawer .menu-drawer__navigation { padding: clamp(46px, 6vw, 82px) clamp(62px, 7vw, 96px) !important; } #menu-drawer .lb-drawer-menu-clean { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: clamp(44px, 5vw, 82px) !important; row-gap: 0 !important; align-items: start !important; } #menu-drawer .lb-drawer-menu-clean .menu-drawer__menu-item { min-height: 64px !important; padding: 0 !important; border-bottom: 1px solid rgba(17, 17, 17, .10) !important; justify-content: flex-start !important; font-size: clamp(16px, 1.1vw, 20px) !important; font-weight: 500 !important; letter-spacing: .18em !important; } } /* LB definitive visible-fix pass - 2026-06-11 */ html:has(.lb-top-cart-panel.is-visible), body.lb-top-cart-open { overflow: hidden !important; height: 100dvh !important; overscroll-behavior: none !important; } body.lb-top-cart-open .lb-empty-cart-toast, body.lb-top-cart-open .lb-add-cart-toast { display: none !important; } body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { touch-action: pan-x pan-y pinch-zoom !important; overscroll-behavior-x: contain !important; overscroll-behavior-y: auto !important; scroll-snap-type: x mandatory !important; scroll-padding-inline: 0 !important; } body.lb-product .product__media-item, body.lb-product .product__media-list .slider__slide { scroll-snap-align: start !important; scroll-snap-stop: normal !important; } body.lb-product .product__media-item.lb-image-zoomed, body.lb-product .product__media-item.lb-image-zoomed img { z-index: 2 !important; } body.lb-product .product__media-item.lb-image-zoomed img { transform: scale(var(--lb-zoom-scale, 2.12)) !important; transform-origin: var(--lb-zoom-x, 50%) var(--lb-zoom-y, 50%) !important; transition: var(--lb-zoom-transition, transform .22s cubic-bezier(.22, .61, .36, 1)) !important; cursor: zoom-out !important; } body.lb-product .section-header, body.lb-product .shopify-section-group-header-group { z-index: 50 !important; } body.lb-product .product__info-container { padding-inline: clamp(18px, 5vw, 44px) !important; } body.lb-product .product__title h1 { letter-spacing: 0 !important; line-height: 1.04 !important; margin-bottom: 12px !important; } body.lb-product .product__accordion.accordion, body.lb-product .lb-product-trust-row { border-color: rgba(17, 17, 17, .08) !important; } body.lb-product .product__accordion summary { min-height: 58px !important; padding: 14px 0 !important; } body.lb-product .product__accordion .accordion__title { font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: clamp(17px, 5.6vw, 21px) !important; font-weight: 430 !important; letter-spacing: .01em !important; line-height: 1.2 !important; } .lb-product-trust-row__icon { width: 34px !important; height: 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-right: 14px !important; color: rgba(17, 17, 17, .78) !important; font-size: 22px !important; font-weight: 300 !important; } body.lb-product .product__accordion .accordion__content { color: rgba(17, 17, 17, .68) !important; font-size: 14px !important; line-height: 1.55 !important; } body.lb-product .lb-product-offer { margin: 2px 0 12px !important; } body.lb-product .lb-product-offer__saving, .lb-card-offer-mini, .lb-top-cart-panel__summary-row.lb-cart-total-saving { width: fit-content !important; min-width: 0 !important; min-height: 24px !important; padding: 5px 10px !important; border-radius: 999px !important; background: rgba(20, 124, 72, .10) !important; border: 1px solid rgba(20, 124, 72, .24) !important; color: #146c40 !important; box-shadow: none !important; gap: 6px !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .10em !important; line-height: 1 !important; } body.lb-product .lb-product-offer__saving strong, .lb-card-offer-mini strong, .lb-top-cart-panel__summary-row.lb-cart-total-saving strong { color: inherit !important; font-size: 1em !important; font-weight: 900 !important; letter-spacing: .02em !important; } .product-card-wrapper .lb-offer-badge, .card-wrapper .lb-offer-badge, .product-card-wrapper .card__badge, .card-wrapper .card__badge { display: none !important; } .product-grid .card > .card__content, .template-search .card > .card__content, .collection .card > .card__content { min-height: 108px !important; padding: 12px 10px 16px !important; } .product-card-wrapper .card__heading, .card-wrapper .card__heading { margin: 0 0 7px !important; min-height: auto !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: clamp(13px, 3.4vw, 15px) !important; font-weight: 500 !important; line-height: 1.22 !important; letter-spacing: 0 !important; } .product-card-wrapper .card-information, .card-wrapper .card-information { margin-top: 0 !important; } .product-card-wrapper .lb-card-price-clean--offer, .card-wrapper .lb-card-price-clean--offer { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 5px 8px !important; margin-top: 0 !important; } .product-card-wrapper .lb-card-price-old, .card-wrapper .lb-card-price-old { color: rgba(120, 35, 35, .62) !important; font-size: 13px !important; font-weight: 500 !important; } .product-card-wrapper .price-item, .card-wrapper .price-item { font-size: 14px !important; font-weight: 650 !important; letter-spacing: .01em !important; } .product-card-wrapper .lb-card-offer-mini, .card-wrapper .lb-card-offer-mini { width: fit-content !important; margin-top: 2px !important; min-height: 22px !important; padding: 4px 9px !important; font-size: 9.5px !important; } .lb-card-color-selector { display: flex !important; align-items: center !important; gap: 6px !important; margin-top: 9px !important; overflow-x: auto !important; scrollbar-width: none !important; } .lb-card-color-selector::-webkit-scrollbar { display: none !important; } .lb-card-color-button { width: 20px !important; height: 20px !important; min-width: 20px !important; padding: 0 !important; border-radius: 999px !important; border: 1px solid rgba(17, 17, 17, .22) !important; background: linear-gradient(135deg, rgba(255,255,255,.78), rgba(0,0,0,.08)), var(--lb-swatch-color, #f2f0eb) !important; box-shadow: inset 0 0 0 3px #fff !important; cursor: pointer !important; } .lb-card-color-button[data-color-handle*="negro"], .lb-card-color-button[data-color-handle*="black"] { --lb-swatch-color: #111; } .lb-card-color-button[data-color-handle*="blanco"], .lb-card-color-button[data-color-handle*="white"] { --lb-swatch-color: #f8f7f3; } .lb-card-color-button[data-color-handle*="azul"], .lb-card-color-button[data-color-handle*="blue"] { --lb-swatch-color: #86acd6; } .lb-card-color-button[data-color-handle*="rojo"], .lb-card-color-button[data-color-handle*="red"] { --lb-swatch-color: #b83a32; } .lb-card-color-button[data-color-handle*="rosa"], .lb-card-color-button[data-color-handle*="pink"] { --lb-swatch-color: #e8a7b9; } .lb-card-color-button[data-color-handle*="verde"], .lb-card-color-button[data-color-handle*="green"] { --lb-swatch-color: #6f8b66; } .lb-card-color-button[data-color-handle*="beige"], .lb-card-color-button[data-color-handle*="arena"] { --lb-swatch-color: #d5c0a3; } .lb-card-color-button[data-color-handle*="marron"], .lb-card-color-button[data-color-handle*="brown"] { --lb-swatch-color: #71523d; } .lb-card-color-button.is-active { border-color: #111 !important; box-shadow: inset 0 0 0 3px #fff, 0 0 0 1px #111 !important; } .lb-card-color-button span { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; } [data-lb-card-gallery], .lb-card-media-gallery { overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; touch-action: pan-x pan-y !important; scrollbar-width: none !important; } [data-lb-card-gallery]::-webkit-scrollbar, .lb-card-media-gallery::-webkit-scrollbar { display: none !important; } .lb-card-media-track { display: flex !important; width: 100% !important; transform: none !important; } .lb-card-media-slide { flex: 0 0 100% !important; min-width: 100% !important; scroll-snap-align: start !important; scroll-snap-stop: normal !important; } .lb-stock-limited--product-form, .lb-cart-item-promo--stock { width: fit-content !important; max-width: 100% !important; min-height: 24px !important; padding: 6px 10px !important; border-radius: 999px !important; background: rgba(230, 121, 26, .08) !important; border: 1px solid rgba(230, 121, 26, .20) !important; color: #8f4f11 !important; font-size: 9.5px !important; font-weight: 800 !important; letter-spacing: .11em !important; line-height: 1 !important; white-space: nowrap !important; } .lb-top-cart-panel__name { text-decoration: none !important; border: 0 !important; font-size: 14px !important; line-height: 1.25 !important; font-weight: 650 !important; letter-spacing: 0 !important; } .lb-top-cart-panel__meta, .lb-top-cart-panel__price { font-size: 12px !important; line-height: 1.35 !important; color: rgba(17, 17, 17, .58) !important; letter-spacing: .06em !important; } .lb-top-cart-panel__price { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 3px !important; color: #111 !important; font-weight: 700 !important; } .lb-top-cart-panel__price s { color: rgba(130, 45, 45, .55) !important; font-size: 11px !important; font-weight: 500 !important; } .lb-top-cart-panel__price strong { color: #111 !important; font-size: 13px !important; font-weight: 750 !important; } .lb-top-cart-panel__item { grid-template-columns: 76px minmax(0, 1fr) auto !important; gap: 12px !important; padding: 12px 0 !important; } .lb-top-cart-panel__item img { width: 76px !important; height: 100px !important; max-width: 76px !important; } .lb-top-cart-panel__controls { margin-top: 9px !important; gap: 8px !important; } .lb-top-cart-panel__qty, .lb-top-cart-panel__remove { min-height: 34px !important; } .lb-top-cart-panel__promos { margin-top: 7px !important; } .lb-top-cart-panel__summary { padding: 12px 18px 4px !important; } .lb-top-cart-panel__summary-row { min-height: 28px !important; padding: 3px 0 !important; } .lb-top-cart-panel__summary-row.lb-cart-total-saving { width: 100% !important; justify-content: space-between !important; padding: 8px 10px !important; } .lb-top-cart-panel__payments { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 6px !important; padding: 0 18px calc(12px + env(safe-area-inset-bottom)) !important; background: rgba(255, 255, 255, .36) !important; } .lb-top-cart-panel__payments span { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 22px !important; padding: 0 8px !important; border-radius: 999px !important; border: 1px solid rgba(17, 17, 17, .10) !important; background: rgba(255, 255, 255, .55) !important; color: rgba(17, 17, 17, .58) !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: .04em !important; } @media screen and (max-width: 749px) { .lb-top-cart-panel__header { min-height: 58px !important; padding: 16px 18px !important; } .lb-top-cart-panel__items { padding: 12px 16px !important; } .lb-top-cart-panel__actions { gap: 8px !important; padding: 10px 18px 8px !important; } .lb-top-cart-panel__actions button, .lb-top-cart-panel__actions a { min-height: 50px !important; font-size: 9.8px !important; letter-spacing: .09em !important; } } @media screen and (min-width: 990px) { body.lb-drawer-open #menu-drawer.lb-menu-drawer-v5 .lb-menu-body { width: min(1120px, 84vw) !important; max-width: min(1120px, 84vw) !important; margin: 0 auto !important; padding: 0 clamp(34px, 4vw, 64px) !important; background: transparent !important; } body.lb-drawer-open #menu-drawer.lb-menu-drawer-v5 .lb-menu-nav { padding: clamp(62px, 8vh, 98px) 0 0 !important; align-items: flex-start !important; justify-content: flex-start !important; } body.lb-drawer-open #menu-drawer.lb-menu-drawer-v5 .lb-menu-list { display: grid !important; grid-template-columns: repeat(2, minmax(260px, 1fr)) !important; column-gap: clamp(70px, 8vw, 150px) !important; row-gap: 0 !important; align-items: start !important; width: 100% !important; max-width: none !important; margin: 0 !important; } body.lb-drawer-open #menu-drawer.lb-menu-drawer-v5 .lb-menu-list li + li::before { left: 0 !important; width: 100% !important; max-width: 420px !important; transform: none !important; background: rgba(17, 17, 17, .12) !important; } body.lb-drawer-open #menu-drawer.lb-menu-drawer-v5 .lb-menu-link { justify-content: flex-start !important; min-height: 70px !important; padding: 0 !important; text-align: left !important; font-size: clamp(15px, 1.05vw, 18px) !important; font-weight: 480 !important; letter-spacing: .22em !important; } body.lb-drawer-open #menu-drawer.lb-menu-drawer-v5 .lb-menu-footer { justify-content: flex-start !important; padding: 28px 0 max(42px, calc(env(safe-area-inset-bottom) + 32px)) !important; } body.lb-drawer-open #menu-drawer.lb-menu-drawer-v5 .lb-menu-contact { width: min(420px, 38vw) !important; height: 54px !important; min-height: 54px !important; margin: 0 !important; border-radius: 999px !important; font-size: 13px !important; letter-spacing: .08em !important; } #menu-drawer.lb-menu-drawer-v5 .lb-menu-body { width: min(1120px, 84vw) !important; max-width: min(1120px, 84vw) !important; margin: 0 auto !important; padding: 0 clamp(34px, 4vw, 64px) !important; background: transparent !important; } #menu-drawer.lb-menu-drawer-v5 .lb-menu-nav { padding: clamp(62px, 8vh, 98px) 0 0 !important; align-items: flex-start !important; justify-content: flex-start !important; } #menu-drawer.lb-menu-drawer-v5 .lb-menu-list { display: grid !important; grid-template-columns: repeat(2, minmax(260px, 1fr)) !important; column-gap: clamp(70px, 8vw, 150px) !important; row-gap: 0 !important; align-items: start !important; width: 100% !important; max-width: none !important; margin: 0 !important; } #menu-drawer.lb-menu-drawer-v5 .lb-menu-list li { min-width: 0 !important; } #menu-drawer.lb-menu-drawer-v5 .lb-menu-list li + li::before { left: 0 !important; width: 100% !important; max-width: 420px !important; transform: none !important; background: rgba(17, 17, 17, .12) !important; } #menu-drawer.lb-menu-drawer-v5 .lb-menu-link { justify-content: flex-start !important; min-height: 70px !important; padding: 0 !important; text-align: left !important; font-size: clamp(15px, 1.05vw, 18px) !important; font-weight: 480 !important; letter-spacing: .22em !important; } #menu-drawer.lb-menu-drawer-v5 .lb-menu-footer { justify-content: flex-start !important; padding: 28px 0 max(42px, calc(env(safe-area-inset-bottom) + 32px)) !important; } #menu-drawer.lb-menu-drawer-v5 .lb-menu-contact { width: min(420px, 38vw) !important; height: 54px !important; min-height: 54px !important; margin: 0 !important; border-radius: 999px !important; font-size: 13px !important; letter-spacing: .08em !important; } body:has(#Details-menu-drawer-container[open]) #menu-drawer.lb-menu-drawer-v5 .lb-menu-body { width: min(1120px, 84vw) !important; max-width: min(1120px, 84vw) !important; margin: 0 auto !important; padding: 0 clamp(34px, 4vw, 64px) !important; background: transparent !important; } body:has(#Details-menu-drawer-container[open]) #menu-drawer.lb-menu-drawer-v5 .lb-menu-nav { padding: clamp(62px, 8vh, 98px) 0 0 !important; align-items: flex-start !important; justify-content: flex-start !important; } body:has(#Details-menu-drawer-container[open]) #menu-drawer.lb-menu-drawer-v5 .lb-menu-list { display: grid !important; grid-template-columns: repeat(2, minmax(260px, 1fr)) !important; column-gap: clamp(70px, 8vw, 150px) !important; row-gap: 0 !important; align-items: start !important; width: 100% !important; max-width: none !important; margin: 0 !important; } body:has(#Details-menu-drawer-container[open]) #menu-drawer.lb-menu-drawer-v5 .lb-menu-list li { min-width: 0 !important; } body:has(#Details-menu-drawer-container[open]) #menu-drawer.lb-menu-drawer-v5 .lb-menu-list li + li::before { left: 0 !important; width: 100% !important; max-width: 420px !important; transform: none !important; background: rgba(17, 17, 17, .12) !important; } body:has(#Details-menu-drawer-container[open]) #menu-drawer.lb-menu-drawer-v5 .lb-menu-link { justify-content: flex-start !important; min-height: 70px !important; padding: 0 !important; text-align: left !important; font-size: clamp(15px, 1.05vw, 18px) !important; font-weight: 480 !important; letter-spacing: .22em !important; } body:has(#Details-menu-drawer-container[open]) #menu-drawer.lb-menu-drawer-v5 .lb-menu-footer { justify-content: flex-start !important; padding: 28px 0 max(42px, calc(env(safe-area-inset-bottom) + 32px)) !important; } body:has(#Details-menu-drawer-container[open]) #menu-drawer.lb-menu-drawer-v5 .lb-menu-contact { width: min(420px, 38vw) !important; height: 54px !important; min-height: 54px !important; margin: 0 !important; border-radius: 999px !important; font-size: 13px !important; letter-spacing: .08em !important; } } /* LB product premium final pass - 2026-06-11 */ body.lb-product .product__media-list, body.lb-product .product__media-wrapper .product__media-list, body.lb-product slider-component.product__media-list, body.lb-product .lb-product-media-slider { scroll-snap-type: none !important; scroll-behavior: auto !important; touch-action: pan-x pan-y pinch-zoom !important; overscroll-behavior-x: contain !important; overscroll-behavior-y: auto !important; -webkit-overflow-scrolling: touch !important; } body.lb-product .product__media-list .grid__item, body.lb-product .product__media-list .slider__slide, body.lb-product .product__media-item { scroll-snap-align: none !important; scroll-snap-stop: normal !important; } body.lb-product.lb-product-image-zoom-active { overflow: auto !important; } body.lb-product .product__media-item.lb-image-zoomed, body.lb-product .product__media-item.lb-image-zoomed img { will-change: transform !important; } body.lb-product .product__media-item.lb-image-zoomed img { transform: scale(var(--lb-zoom-scale, 2.1)) !important; transform-origin: var(--lb-zoom-x, 50%) var(--lb-zoom-y, 50%) !important; transition: transform .2s cubic-bezier(.22, .61, .36, 1) !important; } body.lb-product .lb-variant-media-transitioning .product__media-item { transition: opacity .18s ease !important; } body.lb-product .lb-product-rating-strip { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 4px 0 10px !important; color: rgba(17, 17, 17, .72) !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: .02em !important; } body.lb-product .lb-product-rating-strip__stars { color: #111 !important; font-size: 11px !important; letter-spacing: .08em !important; } body.lb-product .lb-product-material { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; width: 100% !important; margin: 10px 0 16px !important; padding: 13px 0 !important; border-top: 1px solid rgba(17, 17, 17, .08) !important; border-bottom: 1px solid rgba(17, 17, 17, .08) !important; background: transparent !important; } body.lb-product .lb-product-material__label, body.lb-product .lb-product-material__value { font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 12px !important; line-height: 1.2 !important; letter-spacing: .08em !important; text-transform: uppercase !important; } body.lb-product .lb-product-material__label { color: rgba(17, 17, 17, .48) !important; font-weight: 600 !important; } body.lb-product .lb-product-material__value { color: #111 !important; font-weight: 650 !important; text-align: right !important; letter-spacing: .04em !important; } body.lb-product .lb-stock-limited--product-form { display: inline-flex !important; align-items: center !important; width: fit-content !important; max-width: 100% !important; min-height: 24px !important; margin: 12px 0 2px !important; padding: 6px 10px !important; border-radius: 999px !important; border: 1px solid rgba(196, 103, 24, .22) !important; background: rgba(196, 103, 24, .075) !important; color: #8b4a0f !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 9.5px !important; font-weight: 750 !important; letter-spacing: .10em !important; line-height: 1 !important; white-space: nowrap !important; animation: lb-stock-premium-pulse 3.2s ease-in-out infinite !important; } body.lb-product .lb-stock-limited__dot { width: 7px !important; height: 7px !important; min-width: 7px !important; border-radius: 999px !important; background: #d97918 !important; box-shadow: 0 0 0 0 rgba(217, 121, 24, .22) !important; animation: lb-stock-dot-premium 2.4s ease-in-out infinite !important; } @keyframes lb-stock-premium-pulse { 0%, 100% { transform: translateY(0); opacity: .98; } 50% { transform: translateY(-1px); opacity: 1; } } @keyframes lb-stock-dot-premium { 0%, 100% { box-shadow: 0 0 0 0 rgba(217, 121, 24, .22); } 50% { box-shadow: 0 0 0 5px rgba(217, 121, 24, 0); } } body.lb-product .lb-product-offer { margin: 3px 0 12px !important; } body.lb-product .lb-product-offer__saving { display: inline-flex !important; width: fit-content !important; min-height: 25px !important; padding: 5px 10px !important; border-radius: 999px !important; border: 1px solid rgba(33, 121, 75, .20) !important; background: rgba(33, 121, 75, .085) !important; color: #16623c !important; font-size: 10px !important; font-weight: 760 !important; letter-spacing: .08em !important; line-height: 1 !important; box-shadow: none !important; } body.lb-product .lb-product-offer__saving strong { font-size: 10.5px !important; font-weight: 850 !important; letter-spacing: .02em !important; } body.lb-product .lb-product-live-block { display: grid !important; gap: 8px !important; margin: 12px 0 18px !important; } body.lb-product .lb-product-live-proof, body.lb-product .lb-product-demand-note { display: flex !important; align-items: center !important; gap: 8px !important; color: rgba(17, 17, 17, .68) !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 12px !important; line-height: 1.35 !important; } body.lb-product .lb-product-live-proof svg { width: 16px !important; height: 16px !important; min-width: 16px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.6 !important; stroke-linecap: round !important; stroke-linejoin: round !important; opacity: .72 !important; } body.lb-product .lb-product-live-proof strong { color: #111 !important; font-weight: 650 !important; } body.lb-product .lb-product-demand-note { width: fit-content !important; padding: 8px 11px !important; border-radius: 999px !important; border: 1px solid rgba(17, 17, 17, .08) !important; background: rgba(17, 17, 17, .025) !important; color: rgba(17, 17, 17, .78) !important; font-size: 11px !important; letter-spacing: .04em !important; } body.lb-product .lb-product-review-carousel { margin: 24px 0 10px !important; padding: 0 !important; } body.lb-product .lb-product-review-carousel__head { margin-bottom: 12px !important; color: rgba(17, 17, 17, .86) !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 12px !important; font-weight: 650 !important; letter-spacing: .13em !important; line-height: 1.2 !important; text-transform: uppercase !important; } body.lb-product .lb-product-review-carousel__track { display: flex !important; gap: 10px !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 0 0 8px !important; scroll-snap-type: x proximity !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } body.lb-product .lb-product-review-carousel__track::-webkit-scrollbar { display: none !important; } body.lb-product .lb-product-review-card { flex: 0 0 min(78vw, 310px) !important; scroll-snap-align: start !important; padding: 16px 16px 15px !important; border: 1px solid rgba(17, 17, 17, .08) !important; border-radius: 8px !important; background: rgba(255, 255, 255, .72) !important; } body.lb-product .lb-product-review-card__stars { margin-bottom: 9px !important; color: #111 !important; font-size: 10px !important; letter-spacing: .08em !important; } body.lb-product .lb-product-review-card p { margin: 0 0 12px !important; color: rgba(17, 17, 17, .76) !important; font-size: 13px !important; line-height: 1.45 !important; } body.lb-product .lb-product-review-card span { color: rgba(17, 17, 17, .48) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .08em !important; text-transform: uppercase !important; } @media screen and (min-width: 750px) { body.lb-product .lb-product-review-card { flex-basis: 300px !important; } } /* LB cards premium final pass - 2026-06-11 */ .product-grid .grid__item, .template-search .grid__item, .collection .grid__item { align-items: stretch !important; } .product-grid .card, .template-search .card, .collection .card { gap: 0 !important; background: transparent !important; } .product-grid .card__inner, .template-search .card__inner, .collection .card__inner { --ratio-percent: 142% !important; overflow: hidden !important; background: #f7f7f5 !important; } .product-grid .card__inner::before, .template-search .card__inner::before, .collection .card__inner::before { padding-bottom: 142% !important; } .product-grid .card > .card__content, .template-search .card > .card__content, .collection .card > .card__content { min-height: 0 !important; padding: 8px 8px 14px !important; display: block !important; } .product-grid .card__information, .template-search .card__information, .collection .card__information { padding: 0 !important; } .product-grid .card__heading, .template-search .card__heading, .collection .card__heading, .product-grid .card__heading a, .template-search .card__heading a, .collection .card__heading a { min-height: 0 !important; margin: 0 0 5px !important; color: #111 !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: clamp(12.5px, 3.15vw, 14.5px) !important; font-weight: 520 !important; line-height: 1.18 !important; letter-spacing: 0 !important; text-align: center !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } .product-grid .card-information, .template-search .card-information, .collection .card-information { min-height: 0 !important; margin: 0 !important; display: grid !important; justify-items: center !important; gap: 5px !important; } .product-grid .lb-card-price-clean, .template-search .lb-card-price-clean, .collection .lb-card-price-clean { display: flex !important; align-items: baseline !important; justify-content: center !important; flex-wrap: wrap !important; gap: 4px 7px !important; margin: 0 !important; line-height: 1.1 !important; } .product-grid .lb-card-price-clean .price-item, .template-search .lb-card-price-clean .price-item, .collection .lb-card-price-clean .price-item { color: #111 !important; font-size: clamp(14px, 3.6vw, 16px) !important; font-weight: 720 !important; letter-spacing: .01em !important; } .product-grid .lb-card-price-old, .template-search .lb-card-price-old, .collection .lb-card-price-old { color: rgba(122, 43, 43, .58) !important; font-size: clamp(12px, 3.1vw, 13.5px) !important; font-weight: 500 !important; text-decoration-thickness: 1px !important; } .product-grid .lb-card-offer-mini, .template-search .lb-card-offer-mini, .collection .lb-card-offer-mini { width: fit-content !important; min-height: 20px !important; margin: 2px auto 0 !important; padding: 4px 8px !important; border-radius: 999px !important; border: 1px solid rgba(33, 121, 75, .20) !important; background: rgba(33, 121, 75, .08) !important; color: #16623c !important; font-size: 9px !important; font-weight: 760 !important; letter-spacing: .08em !important; line-height: 1 !important; gap: 5px !important; } .product-grid .lb-card-offer-mini strong, .template-search .lb-card-offer-mini strong, .collection .lb-card-offer-mini strong { font-size: 9.4px !important; font-weight: 850 !important; letter-spacing: .02em !important; } .lb-card-color-selector { width: 100% !important; justify-content: center !important; gap: 7px !important; margin: 6px 0 0 !important; padding: 1px 0 0 !important; } .lb-card-color-button { width: 20px !important; height: 20px !important; min-width: 20px !important; padding: 0 !important; border-radius: 999px !important; border: 1px solid rgba(17, 17, 17, .20) !important; background: var(--lb-swatch-color, #d9d9d9) !important; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .82) !important; } .lb-card-color-button.is-active { border-color: #111 !important; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .9), 0 0 0 1px rgba(17, 17, 17, .55) !important; } .lb-card-color-button span { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; } [data-lb-card-gallery], .lb-card-media-gallery { scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; overscroll-behavior-x: contain !important; } .lb-card-media-slide { scroll-snap-align: start !important; scroll-snap-stop: always !important; } .lb-card-media-image { image-rendering: auto !important; filter: none !important; transform: none !important; backface-visibility: visible !important; } @media screen and (max-width: 749px) { .product-grid .card > .card__content, .template-search .card > .card__content, .collection .card > .card__content { padding-top: 7px !important; } } /* LB cart premium final pass - 2026-06-11 */ .lb-top-cart-panel__header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; min-height: 72px !important; padding: 16px 22px !important; } .lb-top-cart-panel__brand { display: flex !important; align-items: center !important; gap: 14px !important; min-width: 0 !important; } .lb-top-cart-panel__logo { display: block !important; width: auto !important; height: 28px !important; max-width: min(188px, 44vw) !important; object-fit: contain !important; object-position: left center !important; } .lb-top-cart-panel__title { margin: 0 !important; font-size: 13px !important; line-height: 1 !important; font-weight: 750 !important; letter-spacing: .20em !important; text-transform: uppercase !important; white-space: nowrap !important; } .lb-top-cart-panel__close { flex: 0 0 auto !important; } .lb-top-cart-panel__items { padding: 16px 22px !important; } .lb-top-cart-panel__item { grid-template-columns: 98px minmax(0, 1fr) auto !important; gap: 16px !important; padding: 16px 0 !important; } .lb-top-cart-panel__image-link, .lb-top-cart-panel__image-placeholder { display: block !important; width: 98px !important; height: 132px !important; } .lb-top-cart-panel__item img { width: 98px !important; height: 132px !important; max-width: 98px !important; border-radius: 2px !important; background: rgba(17, 17, 17, .04) !important; } .lb-top-cart-panel__name { font-size: 15px !important; line-height: 1.22 !important; font-weight: 760 !important; text-transform: none !important; } .lb-top-cart-panel__meta { margin-top: 8px !important; font-size: 12.5px !important; letter-spacing: .055em !important; } .lb-top-cart-panel__price { min-width: 68px !important; padding-top: 2px !important; font-size: 13px !important; letter-spacing: .04em !important; } .lb-top-cart-panel__price s { color: rgba(118, 35, 35, .58) !important; font-size: 12px !important; text-decoration-thickness: 1.5px !important; } .lb-top-cart-panel__price strong { font-size: 14px !important; letter-spacing: .055em !important; } .lb-top-cart-panel__summary { padding: 16px 22px 8px !important; background: rgba(255, 255, 255, .48) !important; } .lb-top-cart-panel__summary-row { font-size: 12.5px !important; letter-spacing: .10em !important; } .lb-top-cart-panel__summary-row strong { font-size: 13px !important; letter-spacing: .06em !important; } .lb-top-cart-panel__summary-row.lb-cart-total-saving { border-radius: 999px !important; background: rgba(214, 242, 231, .74) !important; border: 1px solid rgba(57, 139, 102, .20) !important; color: #216244 !important; } .lb-top-cart-panel__summary-row.lb-cart-total-saving strong { color: #216244 !important; } .lb-top-cart-panel__actions { padding: 12px 22px 10px !important; } .lb-top-cart-panel__actions button, .lb-top-cart-panel__actions a { min-height: 58px !important; font-size: 10.5px !important; font-weight: 800 !important; letter-spacing: .12em !important; } .lb-top-cart-panel__payments { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 8px !important; padding: 0 22px calc(16px + env(safe-area-inset-bottom)) !important; } .lb-top-cart-panel__payments span.lb-pay-logo { min-width: 54px !important; min-height: 28px !important; padding: 0 9px !important; border-radius: 5px !important; border: 1px solid rgba(17, 17, 17, .12) !important; background: #ffffff !important; color: #111111 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, .05) !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: 0 !important; text-transform: none !important; } .lb-top-cart-panel .lb-cart-item-promo--stock { padding: 5px 9px !important; font-size: 8.6px !important; letter-spacing: .085em !important; line-height: 1 !important; gap: 6px !important; max-width: calc(100vw - 168px) !important; } .lb-top-cart-panel .lb-cart-item-promo--stock .lb-stock-limited__dot { width: 8px !important; height: 8px !important; min-width: 8px !important; } .lb-pay-logo--visa { color: #1434cb !important; font-style: italic !important; font-size: 11px !important; } .lb-pay-logo--amex { background: #2e77bc !important; color: #ffffff !important; } .lb-pay-logo--paypal { color: #003087 !important; font-size: 11px !important; } .lb-pay-logo--apple { color: #050505 !important; } .lb-pay-logo--google { color: #3c4043 !important; } .lb-top-cart-panel__payments span.lb-pay-logo--mastercard { gap: 0 !important; min-width: 58px !important; } .lb-pay-logo--mastercard i { display: block !important; width: 18px !important; height: 18px !important; border-radius: 999px !important; opacity: .92 !important; } .lb-pay-logo--mastercard i:first-child { background: #eb001b !important; margin-right: -6px !important; } .lb-pay-logo--mastercard i:last-child { background: #f79e1b !important; } @media screen and (max-width: 749px) { .lb-top-cart-panel { inset: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)) !important; border-radius: 20px !important; } .lb-top-cart-panel__header { min-height: 68px !important; padding: 14px 18px !important; } .lb-top-cart-panel__logo { height: 24px !important; max-width: 148px !important; } .lb-top-cart-panel__title { font-size: 12px !important; letter-spacing: .18em !important; } .lb-top-cart-panel__items { padding: 14px 18px !important; } .lb-top-cart-panel__item { grid-template-columns: 92px minmax(0, 1fr) auto !important; gap: 13px !important; padding: 15px 0 !important; } .lb-top-cart-panel__image-link, .lb-top-cart-panel__image-placeholder, .lb-top-cart-panel__item img { width: 92px !important; height: 124px !important; max-width: 92px !important; } .lb-top-cart-panel__actions { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important; gap: 8px !important; padding: 10px 18px 8px !important; } .lb-top-cart-panel__actions button, .lb-top-cart-panel__actions a { min-height: 54px !important; font-size: 9.6px !important; } .lb-top-cart-panel__payments { gap: 6px !important; padding: 0 18px calc(14px + env(safe-area-inset-bottom)) !important; } .lb-top-cart-panel__payments span.lb-pay-logo { min-width: 48px !important; min-height: 25px !important; padding: 0 7px !important; font-size: 9px !important; } } /* LB filters premium final pass - 2026-06-11 */ body.lb-facets-open .mobile-facets, body:has(.mobile-facets__disclosure[open]) .mobile-facets { position: fixed !important; inset: 0 !important; z-index: 10020 !important; background: rgba(255, 255, 255, .86) !important; backdrop-filter: blur(18px) saturate(145%) !important; -webkit-backdrop-filter: blur(18px) saturate(145%) !important; } body.lb-facets-open .mobile-facets__inner, body:has(.mobile-facets__disclosure[open]) .mobile-facets__inner { width: 100% !important; max-width: none !important; height: 100dvh !important; min-height: 100dvh !important; margin: 0 !important; padding: 0 !important; border: 0 !important; transform: none !important; box-shadow: none !important; } body.lb-facets-open .mobile-facets__header, body:has(.mobile-facets__disclosure[open]) .mobile-facets__header { display: flex !important; align-items: center !important; height: auto !important; min-height: 78px !important; padding: calc(16px + env(safe-area-inset-top)) 78px 16px 24px !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid rgba(17, 17, 17, .08) !important; overflow: visible !important; background: rgba(255, 255, 255, .82) !important; box-shadow: 0 12px 34px rgba(17, 17, 17, .045) !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } body.lb-facets-open .mobile-facets__header-inner, body:has(.mobile-facets__disclosure[open]) .mobile-facets__header-inner { width: 100% !important; } body.lb-facets-open .mobile-facets__heading, body:has(.mobile-facets__disclosure[open]) .mobile-facets__heading { display: block !important; margin: 0 !important; color: #111111 !important; font-size: 13px !important; font-weight: 780 !important; letter-spacing: .18em !important; line-height: 1.2 !important; text-transform: uppercase !important; } body.lb-facets-open .mobile-facets__count, body:has(.mobile-facets__disclosure[open]) .mobile-facets__count { display: none !important; } body.lb-facets-open .mobile-facets__main, body:has(.mobile-facets__disclosure[open]) .mobile-facets__main { display: flex !important; flex-direction: column !important; height: calc(100dvh - 78px) !important; max-height: calc(100dvh - 78px) !important; padding: 10px 24px 0 !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; background: rgba(255, 255, 255, .88) !important; } body.lb-facets-open .mobile-facets__details, body:has(.mobile-facets__disclosure[open]) .mobile-facets__details { border-bottom: 1px solid rgba(17, 17, 17, .08) !important; } body.lb-facets-open .mobile-facets__summary, body:has(.mobile-facets__disclosure[open]) .mobile-facets__summary { min-height: 64px !important; padding: 20px 0 !important; color: #333333 !important; font-size: 16px !important; font-weight: 520 !important; letter-spacing: .02em !important; } body.lb-facets-open .mobile-facets__summary span, body:has(.mobile-facets__disclosure[open]) .mobile-facets__summary span, body.lb-facets-open .mobile-facets__sort label, body:has(.mobile-facets__disclosure[open]) .mobile-facets__sort label { color: #333333 !important; font-size: 16px !important; font-weight: 520 !important; letter-spacing: .02em !important; } body.lb-facets-open .mobile-facets__sort, body:has(.mobile-facets__disclosure[open]) .mobile-facets__sort { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(150px, .9fr) !important; align-items: center !important; gap: 18px !important; width: 100% !important; } body.lb-facets-open .mobile-facets__sort .select, body:has(.mobile-facets__disclosure[open]) .mobile-facets__sort .select { justify-self: end !important; width: min(188px, 46vw) !important; } body.lb-facets-open .mobile-facets__sort .select__select, body:has(.mobile-facets__disclosure[open]) .mobile-facets__sort .select__select { height: 42px !important; min-height: 42px !important; padding: 0 34px 0 0 !important; border: 0 !important; background: transparent !important; color: rgba(17, 17, 17, .70) !important; font-size: 14px !important; font-weight: 540 !important; text-align: right !important; } body.lb-facets-open .mobile-facets__footer, body:has(.mobile-facets__disclosure[open]) .mobile-facets__footer { position: sticky !important; bottom: 0 !important; margin: auto -24px 0 !important; padding: 16px 24px calc(18px + env(safe-area-inset-bottom)) !important; display: grid !important; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important; gap: 14px !important; background: rgba(255, 255, 255, .88) !important; border-top: 1px solid rgba(17, 17, 17, .08) !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; } body.lb-facets-open .mobile-facets__clear, body:has(.mobile-facets__disclosure[open]) .mobile-facets__clear { min-height: 52px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #111111 !important; font-size: 13px !important; font-weight: 650 !important; letter-spacing: .08em !important; text-transform: uppercase !important; text-decoration: none !important; border: 1px solid rgba(17, 17, 17, .18) !important; border-radius: 999px !important; } body.lb-facets-open .mobile-facets__footer .button, body:has(.mobile-facets__disclosure[open]) .mobile-facets__footer .button { min-height: 52px !important; border-radius: 999px !important; background: #050505 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 760 !important; letter-spacing: .10em !important; text-transform: uppercase !important; } body.lb-facets-open .mobile-facets__close, body:has(.mobile-facets__disclosure[open]) .mobile-facets__close { top: calc(14px + env(safe-area-inset-top)) !important; right: 18px !important; width: 48px !important; height: 48px !important; background: rgba(255, 255, 255, .92) !important; box-shadow: 0 12px 30px rgba(17, 17, 17, .09) !important; } /* LB home collections and reviews final pass - 2026-06-11 */ .lb-carousel-section .lb-carousel-card__content { top: 0 !important; bottom: auto !important; height: 100% !important; min-height: 100% !important; align-items: flex-start !important; justify-content: center !important; pointer-events: none !important; } .lb-carousel-section .lb-carousel-card__label { position: relative !important; z-index: 3 !important; margin-top: 0 !important; transform: translate3d(0, var(--lb-label-scroll-y, 0px), 0) !important; will-change: transform !important; opacity: 1 !important; visibility: visible !important; } .lb-home-reviews { width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: clamp(42px, 7vw, 78px) 0 !important; background: #f7f4f0 !important; color: #111111 !important; } .lb-home-reviews__inner { width: min(1180px, calc(100vw - 36px)) !important; margin: 0 auto !important; display: grid !important; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important; gap: clamp(24px, 5vw, 58px) !important; align-items: center !important; } .lb-home-reviews__summary { max-width: 420px !important; } .lb-home-reviews__eyebrow { display: block !important; margin-bottom: 12px !important; color: rgba(17, 17, 17, .58) !important; font-size: 11px !important; font-weight: 750 !important; letter-spacing: .18em !important; line-height: 1 !important; text-transform: uppercase !important; } .lb-home-reviews h2 { margin: 0 0 10px !important; color: #111111 !important; font-size: clamp(28px, 4.4vw, 48px) !important; line-height: .98 !important; font-weight: 760 !important; letter-spacing: 0 !important; } .lb-home-reviews__stars, .lb-home-review-card__stars { color: #111111 !important; letter-spacing: .08em !important; line-height: 1 !important; } .lb-home-reviews__stars { margin-bottom: 14px !important; font-size: 14px !important; } .lb-home-reviews__summary p { margin: 0 !important; color: rgba(17, 17, 17, .64) !important; font-size: 14px !important; line-height: 1.65 !important; letter-spacing: 0 !important; } .lb-home-reviews__track { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } .lb-home-review-card { min-height: 178px !important; padding: 22px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; gap: 18px !important; border: 1px solid rgba(17, 17, 17, .08) !important; background: rgba(255, 255, 255, .68) !important; box-shadow: 0 18px 42px rgba(17, 17, 17, .045) !important; backdrop-filter: blur(14px) saturate(125%) !important; -webkit-backdrop-filter: blur(14px) saturate(125%) !important; } .lb-home-review-card__stars { font-size: 11px !important; } .lb-home-review-card p { margin: 0 !important; color: rgba(17, 17, 17, .74) !important; font-size: 13.5px !important; line-height: 1.55 !important; letter-spacing: 0 !important; } .lb-home-review-card span { display: block !important; color: #111111 !important; font-size: 11px !important; font-weight: 760 !important; letter-spacing: .12em !important; text-transform: uppercase !important; } @media screen and (max-width: 749px) { .lb-home-reviews { padding: 38px 0 42px !important; } .lb-home-reviews__inner { width: min(100vw - 28px, 560px) !important; grid-template-columns: 1fr !important; gap: 24px !important; } .lb-home-reviews__summary { max-width: none !important; text-align: left !important; } .lb-home-reviews h2 { font-size: 32px !important; } .lb-home-reviews__track { display: flex !important; gap: 10px !important; overflow-x: auto !important; margin-left: -14px !important; margin-right: -14px !important; padding: 0 14px 4px !important; scroll-snap-type: x mandatory !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; } .lb-home-reviews__track::-webkit-scrollbar { display: none !important; } .lb-home-review-card { flex: 0 0 78vw !important; min-height: 174px !important; padding: 20px !important; scroll-snap-align: start !important; } } /* Fase 1 producto: Klaviyo no debe bloquear el scroll nativo */ /* Fase 1 producto: una sola superficie de scroll vertical en móvil */ @media screen and (max-width: 749px) { body.lb-product .product__info-wrapper, body.lb-product .product__info-container { height: auto !important; max-height: none !important; overflow-x: clip !important; overflow-y: visible !important; overscroll-behavior-y: auto !important; touch-action: pan-x pan-y pinch-zoom !important; } body.lb-product .product__media-list, body.lb-product .lb-product-media-slider, body.lb-product .product__media-item, body.lb-product .product__media-item *, body.lb-product .product-media-container, body.lb-product .product__media { touch-action: auto !important; overscroll-behavior-y: auto !important; } html, body.lb-product { scroll-behavior: auto !important; overscroll-behavior-y: auto !important; } body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { scroll-behavior: auto !important; scroll-snap-type: x mandatory !important; touch-action: auto !important; -webkit-overflow-scrolling: touch !important; } body.lb-product .product__media-item, body.lb-product .product__media-list .slider__slide { scroll-snap-align: start !important; scroll-snap-stop: always !important; } } /* ========================================================== LB FINAL CONTROL PASS - 2026-06-13 Scope: product scroll/zoom, product cards, cart, benefits. This block intentionally overrides older accumulated rules. ========================================================== */ @media screen and (max-width: 749px) { html, body.lb-product { scroll-behavior: auto !important; overscroll-behavior-y: auto !important; overflow-x: hidden !important; } body.lb-product .product__info-wrapper, body.lb-product .product__info-container { height: auto !important; min-height: 0 !important; max-height: none !important; overflow-x: clip !important; overflow-y: visible !important; overscroll-behavior-y: auto !important; touch-action: pan-y pinch-zoom !important; } body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: auto !important; touch-action: pan-x pan-y pinch-zoom !important; overscroll-behavior-x: contain !important; overscroll-behavior-y: auto !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } body.lb-product .product__media-list::-webkit-scrollbar, body.lb-product .lb-product-media-slider::-webkit-scrollbar { display: none !important; } body.lb-product .product__media-item, body.lb-product .product__media-list .grid__item, body.lb-product .product__media-list .slider__slide { scroll-snap-align: start !important; scroll-snap-stop: normal !important; touch-action: pan-x pan-y pinch-zoom !important; } body.lb-product .product__media-item *, body.lb-product .product-media-container, body.lb-product .product__media { touch-action: pan-x pan-y pinch-zoom !important; } } body.lb-product.lb-product-image-zoom-active, body.lb-product.lb-product-image-zoom-active .shopify-section-group-header-group, body.lb-product.lb-product-image-zoom-active .section-header, body.lb-product.lb-product-image-zoom-active .header-wrapper { overflow: visible !important; } body.lb-product .product__media-item.lb-image-zoomed { z-index: 3 !important; cursor: zoom-out !important; } body.lb-product .product__media-item.lb-image-zoomed img { transform: scale(var(--lb-zoom-scale, 2.1)) !important; transform-origin: var(--lb-zoom-x, 50%) var(--lb-zoom-y, 50%) !important; transition: var(--lb-zoom-transition, transform .20s cubic-bezier(.22, .61, .36, 1)) !important; will-change: transform !important; } body.lb-product .lb-product-offer { margin: 6px 0 12px !important; } body.lb-product .lb-product-offer__saving { display: inline-flex !important; align-items: center !important; gap: 4px !important; min-height: 26px !important; padding: 6px 11px !important; border: 0 !important; border-radius: 999px !important; background: #28F120 !important; color: #ffffff !important; box-shadow: none !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 10.5px !important; font-weight: 850 !important; line-height: 1 !important; letter-spacing: .06em !important; } body.lb-product .lb-product-offer__saving strong { color: #ffffff !important; font-size: 10.5px !important; font-weight: 900 !important; letter-spacing: .01em !important; } body.lb-product .lb-product-offer__percent, body.lb-product .lb-product-offer__badge { display: none !important; } body.lb-product .lb-stock-limited--product-form { display: inline-flex !important; align-items: center !important; gap: 7px !important; width: fit-content !important; max-width: 100% !important; min-height: 18px !important; margin: 8px 0 12px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #111111 !important; box-shadow: none !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .095em !important; line-height: 1.1 !important; text-transform: uppercase !important; white-space: nowrap !important; } body.lb-product .lb-stock-limited__dot { width: 7px !important; height: 7px !important; min-width: 7px !important; border-radius: 999px !important; background: #FF7D05 !important; box-shadow: 0 0 0 0 rgba(255, 125, 5, .35) !important; animation: lb-stock-dot-final 2.2s ease-in-out infinite !important; } @keyframes lb-stock-dot-final { 0%, 100% { box-shadow: 0 0 0 0 rgba(255, 125, 5, .35); transform: scale(1); } 50% { box-shadow: 0 0 0 6px rgba(255, 125, 5, 0); transform: scale(1.08); } } body.lb-product .lb-product-benefits { display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; margin: 12px 0 18px !important; border-top: 1px solid rgba(17, 17, 17, .08) !important; border-bottom: 1px solid rgba(17, 17, 17, .08) !important; } body.lb-product .lb-product-benefit { display: flex !important; align-items: center !important; gap: 10px !important; min-height: 42px !important; padding: 0 !important; color: rgba(17, 17, 17, .76) !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 12px !important; line-height: 1.2 !important; letter-spacing: .03em !important; } body.lb-product .lb-product-benefit + .lb-product-benefit { border-top: 1px solid rgba(17, 17, 17, .06) !important; } body.lb-product .lb-product-benefit strong { font-weight: 650 !important; } [data-lb-card-gallery] { overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x proximity !important; scroll-behavior: auto !important; touch-action: pan-x pan-y !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } [data-lb-card-gallery]::-webkit-scrollbar { display: none !important; } [data-lb-card-gallery] .lb-card-media-track { display: flex !important; width: 100% !important; height: 100% !important; transform: none !important; } [data-lb-card-gallery] .lb-card-media-slide { flex: 0 0 100% !important; min-width: 100% !important; scroll-snap-align: start !important; scroll-snap-stop: normal !important; } .lb-card-media-image, .card__media img, .card-wrapper img { image-rendering: auto !important; transform: none !important; backface-visibility: hidden !important; } .lb-top-cart-panel { position: fixed !important; top: max(12px, env(safe-area-inset-top)) !important; right: 50% !important; bottom: max(12px, env(safe-area-inset-bottom)) !important; left: auto !important; width: min(94vw, 460px) !important; max-width: 94vw !important; height: auto !important; max-height: calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; transform: translate3d(50%, -14px, 0) scale(.985) !important; display: grid !important; grid-template-rows: auto minmax(0, 1fr) auto auto auto !important; background: rgba(255, 255, 255, .88) !important; border: 1px solid rgba(17, 17, 17, .10) !important; border-radius: 28px !important; box-shadow: 0 30px 90px rgba(17, 17, 17, .22) !important; backdrop-filter: blur(24px) saturate(145%) !important; -webkit-backdrop-filter: blur(24px) saturate(145%) !important; overflow: hidden !important; z-index: 2147483000 !important; opacity: 0 !important; pointer-events: none !important; } .lb-top-cart-panel.is-visible { transform: translate3d(50%, 0, 0) scale(1) !important; opacity: 1 !important; pointer-events: auto !important; } .lb-top-cart-panel__items { min-height: 0 !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } .lb-top-cart-panel__promos, .lb-top-cart-panel .lb-cart-item-promo--stock { display: none !important; } .lb-top-cart-panel__item { grid-template-columns: 104px minmax(0, 1fr) auto !important; gap: 12px !important; } .lb-top-cart-panel__image-link, .lb-top-cart-panel__image-placeholder, .lb-top-cart-panel__item img { width: 104px !important; height: 138px !important; border-radius: 18px !important; object-fit: cover !important; } .lb-top-cart-panel__summary-row.lb-cart-total-saving { color: #111111 !important; background: rgba(40, 241, 32, .14) !important; border-color: rgba(40, 241, 32, .35) !important; } .lb-top-cart-panel__summary-row.lb-cart-total-saving strong { color: #16a90f !important; } html:has(.lb-top-cart-panel.is-visible), body.lb-top-cart-open { overflow: hidden !important; } /* ========================================================== LB V12 SURGICAL CLEAN PASS - 2026-06-13 Scope cerrado por vídeo/texto: scroll producto, zoom, variantes, producto visual, filtros, carrito, pagos y colecciones. ========================================================== */ @media screen and (max-width: 749px) { html, body.lb-product { overflow-x: hidden !important; scroll-behavior: auto !important; overscroll-behavior-y: auto !important; height: auto !important; min-height: 100% !important; } body.lb-product main, body.lb-product .page-width, body.lb-product .product, body.lb-product .product.grid, body.lb-product .product__media-wrapper, body.lb-product .product__info-wrapper, body.lb-product .product__info-container { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; overscroll-behavior-y: auto !important; } body.lb-product .product__media-wrapper { position: relative !important; margin-bottom: 8px !important; padding-bottom: 0 !important; touch-action: pan-y pinch-zoom !important; } body.lb-product .lb-product-media-gallery, body.lb-product .lb-gallery-viewer { overflow: visible !important; contain: none !important; } body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: auto !important; touch-action: pan-y pinch-zoom !important; overscroll-behavior-x: contain !important; overscroll-behavior-y: auto !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } body.lb-product .product__media-list::-webkit-scrollbar, body.lb-product .lb-product-media-slider::-webkit-scrollbar { display: none !important; } body.lb-product .product__media-item, body.lb-product .product__media-list .grid__item, body.lb-product .product__media-list .slider__slide { scroll-snap-align: start !important; scroll-snap-stop: always !important; touch-action: pan-y pinch-zoom !important; } body.lb-product .product__media-item *, body.lb-product .product-media-container, body.lb-product .product__media { touch-action: pan-y pinch-zoom !important; } body.lb-product .product__media-item img, body.lb-product .lb-product-main-image { image-rendering: auto !important; backface-visibility: hidden !important; transform: translateZ(0) !important; } body.lb-product .product__info-wrapper { padding-top: 0 !important; margin-top: 0 !important; touch-action: pan-y pinch-zoom !important; } } body.lb-product .product__media-item.lb-image-zoomed img { transition: var(--lb-zoom-transition, transform .18s cubic-bezier(.22, .61, .36, 1)) !important; } body.lb-product .product__title { margin: 7px 0 8px !important; } body.lb-product .product__title h1, body.lb-product .product__title .h1 { margin: 0 !important; color: #111111 !important; font-size: clamp(21px, 6.1vw, 28px) !important; font-weight: 520 !important; letter-spacing: -.025em !important; line-height: 1.06 !important; } body.lb-product [id^="price-"] { margin: 0 0 4px !important; } body.lb-product [id^="price-"] .price, body.lb-product [id^="price-"] .price__container, body.lb-product [id^="price-"] .price__regular, body.lb-product [id^="price-"] .price__sale { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 6px 9px !important; margin: 0 !important; } body.lb-product [id^="price-"] .price-item, body.lb-product [id^="price-"] .price-item--regular, body.lb-product [id^="price-"] .price-item--sale { font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; line-height: 1 !important; } body.lb-product [id^="price-"] .price-item--regular, body.lb-product [id^="price-"] s.price-item, body.lb-product [id^="price-"] .price__sale .price-item--regular { color: rgba(17, 17, 17, .42) !important; font-size: 14px !important; font-weight: 430 !important; text-decoration-thickness: 1px !important; } body.lb-product [id^="price-"] .price-item--sale, body.lb-product [id^="price-"] .price__regular .price-item--regular { color: #111111 !important; font-size: 18px !important; font-weight: 620 !important; letter-spacing: -.015em !important; } body.lb-product .lb-product-offer { margin: 4px 0 7px !important; } body.lb-product .lb-product-offer__saving { display: inline-flex !important; align-items: center !important; gap: 5px !important; min-height: 24px !important; padding: 5px 9px !important; border: 1px solid rgba(96, 155, 118, .20) !important; border-radius: 999px !important; background: rgba(214, 242, 225, .74) !important; color: #2d7a48 !important; box-shadow: none !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 9.5px !important; font-weight: 780 !important; letter-spacing: .045em !important; line-height: 1 !important; } body.lb-product .lb-product-offer__saving strong { color: #1f6e3d !important; font-size: 10px !important; font-weight: 820 !important; letter-spacing: 0 !important; } body.lb-product .lb-product-shipping { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; margin: 10px 0 12px !important; padding: 10px 0 !important; border-top: 1px solid rgba(17, 17, 17, .07) !important; border-bottom: 1px solid rgba(17, 17, 17, .07) !important; color: #111111 !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 12px !important; font-weight: 650 !important; letter-spacing: .06em !important; line-height: 1.2 !important; text-transform: uppercase !important; text-align: right !important; } body.lb-product .lb-product-shipping::before { content: "ENVÍO"; color: rgba(17, 17, 17, .48) !important; font-weight: 600 !important; letter-spacing: .085em !important; } body.lb-product .lb-product-shipping { font-size: 0 !important; } body.lb-product .lb-product-shipping::after { content: "Gratis"; color: #111111 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .035em !important; text-transform: none !important; } body.lb-product .lb-product-option { margin: 12px 0 15px !important; padding: 0 !important; } body.lb-product .lb-product-option__legend { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; margin: 0 0 9px !important; padding: 0 !important; width: 100% !important; } body.lb-product .lb-product-option__legend > span:first-child { color: rgba(17, 17, 17, .48) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .085em !important; text-transform: uppercase !important; } body.lb-product .lb-product-option__selected { color: #111111 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .035em !important; text-align: right !important; } body.lb-product .lb-product-option--color .lb-variant-option-label { width: 48px !important; height: 62px !important; min-width: 48px !important; padding: 0 !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; transform: none !important; } body.lb-product .lb-product-option--color .lb-variant-option-label::before, body.lb-product .lb-product-option--color .lb-variant-option-label::after { display: none !important; } body.lb-product .lb-product-option--color .lb-variant-option-media { width: 42px !important; height: 52px !important; border: 0 !important; border-radius: 6px !important; overflow: hidden !important; box-shadow: none !important; filter: saturate(1.12) contrast(1.03) !important; } body.lb-product .lb-product-option--color input:checked + .lb-variant-option-label .lb-variant-option-media, body.lb-product .lb-product-option--color .lb-variant-option-label.is-selected .lb-variant-option-media { border: 0 !important; box-shadow: 0 6px 16px rgba(17, 17, 17, .13) !important; transform: translateY(-1px) scale(1.025) !important; } body.lb-product .lb-product-option--color .lb-variant-option-text { display: none !important; } body.lb-product .lb-stock-limited--product-form { display: inline-flex !important; align-items: center !important; gap: 7px !important; width: fit-content !important; max-width: 100% !important; min-height: 22px !important; margin: 10px 0 11px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #f06f00 !important; box-shadow: none !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 10px !important; font-weight: 850 !important; letter-spacing: .095em !important; line-height: 1.15 !important; text-transform: uppercase !important; white-space: nowrap !important; animation: lb-stock-text-visible-v12 1.8s ease-in-out infinite !important; } body.lb-product .lb-stock-limited--product-form span:last-child { color: #f06f00 !important; } body.lb-product .lb-stock-limited__dot { width: 8px !important; height: 8px !important; min-width: 8px !important; background: #ff7900 !important; box-shadow: 0 0 0 0 rgba(255, 121, 0, .55) !important; animation: lb-stock-dot-visible-v12 1.15s ease-out infinite !important; } @keyframes lb-stock-dot-visible-v12 { 0% { box-shadow: 0 0 0 0 rgba(255, 121, 0, .58); transform: scale(1); } 70% { box-shadow: 0 0 0 8px rgba(255, 121, 0, 0); transform: scale(1.22); } 100% { box-shadow: 0 0 0 0 rgba(255, 121, 0, 0); transform: scale(1); } } @keyframes lb-stock-text-visible-v12 { 0%, 100% { opacity: .92; } 50% { opacity: 1; } } body.lb-product .lb-product-benefits, body.lb-product .lb-product-review-carousel, body.lb-product .lb-product-rating-strip, body.lb-product .lb-product-material, .lb-home-reviews, .lb-home-reviews-inline { display: none !important; } body.lb-product .lb-product-live-block { margin: 7px 0 9px !important; padding: 0 !important; } body.lb-product .lb-product-live-proof { justify-content: center !important; gap: 7px !important; color: rgba(17, 17, 17, .66) !important; font-size: 11.5px !important; line-height: 1.25 !important; margin: 0 !important; } body.lb-product .lb-product-live-proof svg { width: 15px !important; height: 15px !important; min-width: 15px !important; opacity: .68 !important; } body.lb-product .lb-product-live-proof strong { color: #111111 !important; font-weight: 760 !important; } body.lb-product .lb-product-payment-strip, .lb-top-cart-panel__payments { width: 100% !important; margin: 8px 0 0 !important; padding: 0 !important; } body.lb-product .lb-product-payment-strip .list-payment, .lb-top-cart-panel__payments .list-payment { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 7px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body.lb-product .lb-product-payment-strip .list-payment__item, .lb-top-cart-panel__payments .list-payment__item { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 31px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; } body.lb-product .lb-product-payment-strip .icon, .lb-top-cart-panel__payments .icon { width: 32px !important; height: 20px !important; display: block !important; } [data-lb-card-gallery] { scroll-snap-type: x mandatory !important; touch-action: pan-y !important; overscroll-behavior-x: contain !important; } [data-lb-card-gallery] .lb-card-media-slide { scroll-snap-align: start !important; scroll-snap-stop: always !important; } .lb-card-color-selector { gap: 6px !important; padding: 4px 0 0 !important; } .lb-card-color-button { width: 18px !important; height: 18px !important; min-width: 18px !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; transform: none !important; } .lb-card-color-button::before, .lb-card-color-button::after { display: none !important; } .lb-card-color-button span { display: block !important; width: 18px !important; height: 18px !important; border-radius: 999px !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; font-size: 0 !important; background: var(--lb-swatch-color, currentColor) !important; filter: saturate(1.22) contrast(1.04) !important; } .lb-card-color-button.is-active span { transform: scale(1.12) !important; box-shadow: 0 3px 10px rgba(17, 17, 17, .16) !important; } .lb-card-color-button[data-color-handle*="azul"], .lb-card-color-button[data-color-handle*="blue"] { --lb-swatch-color: #4f9ee8; } .lb-card-color-button[data-color-handle*="rojo"], .lb-card-color-button[data-color-handle*="red"] { --lb-swatch-color: #b5141b; } .lb-card-color-button[data-color-handle*="rosa"], .lb-card-color-button[data-color-handle*="pink"] { --lb-swatch-color: #f299bd; } .lb-card-color-button[data-color-handle*="verde"], .lb-card-color-button[data-color-handle*="green"] { --lb-swatch-color: #3f8f53; } .lb-card-color-button[data-color-handle*="marron"], .lb-card-color-button[data-color-handle*="brown"] { --lb-swatch-color: #6b3f2c; } .lb-card-color-button[data-color-handle*="beige"], .lb-card-color-button[data-color-handle*="arena"] { --lb-swatch-color: #d4b48d; } .lb-top-cart-panel__brand { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 5px !important; width: 100% !important; text-align: center !important; } .lb-top-cart-panel__logo { margin: 0 auto !important; display: block !important; } .lb-top-cart-panel__title { display: block !important; width: 100% !important; margin: 0 !important; text-align: center !important; font-size: 10px !important; font-weight: 650 !important; letter-spacing: .20em !important; line-height: 1.1 !important; } .lb-top-cart-panel__summary-row.lb-cart-total-saving { min-height: 28px !important; padding: 5px 9px !important; border-radius: 10px !important; background: rgba(214, 242, 225, .74) !important; border: 1px solid rgba(96, 155, 118, .20) !important; color: #2d7a48 !important; font-size: 11px !important; } .lb-top-cart-panel__summary-row.lb-cart-total-saving strong { color: #1f6e3d !important; font-size: 11px !important; } .lb-top-cart-panel__payments { padding: 2px 12px 11px !important; margin: 0 !important; } .lb-payment-fallback { font-size: 8px !important; font-weight: 800 !important; letter-spacing: .01em !important; color: #111 !important; border-radius: 4px !important; border: 1px solid rgba(17, 17, 17, .14) !important; background: #fff !important; padding: 0 4px !important; } .lb-payment-fallback--mastercard { position: relative !important; gap: 0 !important; font-size: 0 !important; width: 32px !important; } .lb-payment-fallback--mastercard span { display: block !important; width: 12px !important; height: 12px !important; border-radius: 999px !important; opacity: .95 !important; } .lb-payment-fallback--mastercard span:first-child { background: #eb001b !important; margin-right: -4px !important; } .lb-payment-fallback--mastercard span:last-child { background: #f79e1b !important; } body.lb-facets-open .mobile-facets__header, body:has(.mobile-facets__disclosure[open]) .mobile-facets__header { min-height: 86px !important; padding: calc(12px + env(safe-area-inset-top)) 48px 9px !important; } body.lb-facets-open .mobile-facets__header-inner, body:has(.mobile-facets__disclosure[open]) .mobile-facets__header-inner { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 7px !important; } .lb-mobile-facets-brand { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 28px !important; } .lb-mobile-facets-brand img { display: block !important; width: min(152px, 48vw) !important; height: auto !important; max-height: 28px !important; object-fit: contain !important; } body.lb-facets-open .mobile-facets__heading, body:has(.mobile-facets__disclosure[open]) .mobile-facets__heading { display: block !important; margin: 0 !important; text-align: center !important; font-size: 11px !important; font-weight: 760 !important; letter-spacing: .18em !important; line-height: 1.15 !important; text-transform: uppercase !important; } body.lb-facets-open .mobile-facets__heading[hidden], body:has(.mobile-facets__disclosure[open]) .mobile-facets__heading[hidden] { display: none !important; } body.lb-facets-open .mobile-facets__footer, body:has(.mobile-facets__disclosure[open]) .mobile-facets__footer { align-items: center !important; justify-items: center !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; } body.lb-facets-open .mobile-facets__clear-wrapper, body:has(.mobile-facets__disclosure[open]) .mobile-facets__clear-wrapper, body.lb-facets-open .mobile-facets__footer .button, body:has(.mobile-facets__disclosure[open]) .mobile-facets__footer .button, body.lb-facets-open .mobile-facets__clear, body:has(.mobile-facets__disclosure[open]) .mobile-facets__clear { width: 100% !important; max-width: 170px !important; margin: 0 auto !important; text-align: center !important; justify-content: center !important; } .lb-carousel-section .lb-carousel-card__content, .collection-list .card__content, .collection-list-wrapper .card__content { display: flex !important; align-items: flex-end !important; justify-content: center !important; } .lb-carousel-section .lb-carousel-card__label, .collection-list .card__heading, .collection-list-wrapper .card__heading { margin-top: auto !important; margin-bottom: clamp(18px, 7vw, 42px) !important; } /* ========================================================== LB v13 surgical polish - product gallery, cart, cards, facets ========================================================== */ body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { scroll-snap-type: x mandatory !important; scroll-behavior: auto !important; touch-action: pan-x pan-y pinch-zoom !important; overscroll-behavior-x: contain !important; overscroll-behavior-y: auto !important; -webkit-overflow-scrolling: touch !important; } body.lb-product .product__media-item, body.lb-product .product__media-list .grid__item, body.lb-product .product__media-list .slider__slide { scroll-snap-align: start !important; scroll-snap-stop: normal !important; touch-action: pan-x pan-y pinch-zoom !important; } body.lb-product .product__media img, body.lb-product .lb-product-main-image { image-rendering: auto !important; filter: none !important; transform: none !important; backface-visibility: hidden !important; will-change: transform !important; } body.lb-product .product__media-item.lb-image-zoomed img { transform: scale(var(--lb-zoom-scale, 2.1)) !important; transform-origin: var(--lb-zoom-x, 50%) var(--lb-zoom-y, 50%) !important; transition: var(--lb-zoom-transition, transform .18s cubic-bezier(.22,.61,.36,1)) !important; } body.lb-product .product__title { margin: 4px 0 8px !important; } body.lb-product [id^="price-"] { margin: 0 0 5px !important; } body.lb-product .price--large, body.lb-product [id^="price-"] .price { margin: 0 !important; font-size: 15px !important; letter-spacing: .01em !important; } body.lb-product .price.lb-price-no-fake-compare .price__regular, body.lb-product .price.lb-price-no-fake-compare .price-item--regular { display: inline-flex !important; } body.lb-product .price.lb-price-no-fake-compare .price__sale .price-item--regular, body.lb-product .price.lb-price-no-fake-compare s, body.lb-product .price.lb-price-no-fake-compare .price__compare { display: none !important; } body.lb-product .lb-product-offer { margin: 6px 0 8px !important; gap: 6px !important; } body.lb-product .lb-product-offer__saving, .lb-card-offer-mini, .lb-top-cart-panel__summary-row.lb-cart-total-saving { background: rgba(53, 95, 62, .10) !important; border: 1px solid rgba(53, 95, 62, .22) !important; color: #355f3e !important; box-shadow: none !important; } body.lb-product .lb-product-offer__saving { min-height: 24px !important; padding: 5px 9px !important; border-radius: 999px !important; font-size: 9.5px !important; letter-spacing: .13em !important; } body.lb-product .lb-product-offer__saving strong, .lb-card-offer-mini strong, .lb-top-cart-panel__summary-row.lb-cart-total-saving strong { color: #264c31 !important; } body.lb-product .lb-product-shipping { width: 100% !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; margin: -2px 0 14px !important; padding: 0 !important; color: rgba(17, 17, 17, .68) !important; font-size: 11px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: .10em !important; text-transform: uppercase !important; background: transparent !important; border: 0 !important; } body.lb-product .lb-product-option__legend { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 100% !important; } body.lb-product .lb-product-option__selected { text-align: right !important; color: rgba(17,17,17,.72) !important; font-size: 11px !important; letter-spacing: .10em !important; } body.lb-product .lb-stock-limited--product-form { display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; width: fit-content !important; margin: 14px auto 10px !important; padding: 8px 12px !important; border-radius: 999px !important; border: 1px solid rgba(205, 102, 22, .22) !important; background: rgba(232, 127, 34, .085) !important; color: #b85d12 !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .13em !important; text-align: center !important; } body.lb-product .lb-stock-limited__dot { width: 8px !important; height: 8px !important; flex: 0 0 8px !important; background: #e8791f !important; box-shadow: 0 0 0 0 rgba(232, 121, 31, .42) !important; animation: lb-stock-dot-pulse-v13 1.35s ease-in-out infinite !important; } @keyframes lb-stock-dot-pulse-v13 { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(232,121,31,.42); } 50% { transform: scale(1.24); box-shadow: 0 0 0 8px rgba(232,121,31,0); } } body.lb-product .lb-product-live-block { margin: 8px 0 7px !important; padding: 0 !important; } body.lb-product .lb-product-live-proof { width: 100% !important; display: inline-flex !important; justify-content: flex-start !important; align-items: center !important; gap: 7px !important; padding: 0 2px !important; color: rgba(17,17,17,.68) !important; font-size: 11px !important; line-height: 1.15 !important; letter-spacing: .01em !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.lb-product .lb-product-live-proof svg { width: 15px !important; height: 15px !important; stroke: rgba(17,17,17,.66) !important; fill: none !important; stroke-width: 1.7 !important; } body.lb-product .lb-product-payment-strip { margin: 4px 0 13px !important; padding: 0 !important; } body.lb-product .lb-product-payment-strip .list-payment, .lb-top-cart-panel__payments .list-payment { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 5px !important; padding: 0 !important; margin: 0 auto !important; } body.lb-product .lb-product-payment-strip .list-payment__item, .lb-top-cart-panel__payments .list-payment__item { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; height: 20px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.lb-product .lb-product-material { margin: 16px 0 14px !important; padding: 12px 0 0 !important; border-top: 1px solid rgba(17,17,17,.08) !important; } body.lb-product .lb-product-material__label { margin-bottom: 6px !important; color: rgba(17,17,17,.48) !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .14em !important; } body.lb-product .lb-product-material__value { color: rgba(17,17,17,.72) !important; font-size: 12.5px !important; line-height: 1.45 !important; } .lb-top-cart-panel__header { justify-content: center !important; text-align: center !important; } .lb-top-cart-panel__brand { width: 100% !important; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 7px !important; padding-left: 34px !important; } .lb-top-cart-panel__logo { width: min(186px, 56vw) !important; max-height: 32px !important; object-fit: contain !important; } .lb-top-cart-panel__title { width: 100% !important; text-align: center !important; font-size: 10.5px !important; letter-spacing: .18em !important; color: rgba(17,17,17,.58) !important; } .lb-top-cart-panel__summary-row.lb-cart-total-saving { width: fit-content !important; min-width: 0 !important; margin-left: auto !important; padding: 6px 10px !important; gap: 7px !important; border-radius: 999px !important; justify-content: center !important; font-size: 10px !important; letter-spacing: .10em !important; text-transform: uppercase !important; } .lb-top-cart-panel__summary-row.lb-cart-total-saving span, .lb-top-cart-panel__summary-row.lb-cart-total-saving strong { display: inline-flex !important; width: auto !important; white-space: nowrap !important; } .lb-top-cart-panel__payments { padding: 3px 10px 12px !important; background: transparent !important; border: 0 !important; } .lb-mobile-facets-brand img { content: none !important; width: min(164px, 54vw) !important; max-height: 30px !important; object-fit: contain !important; } .lb-carousel-section .lb-carousel-card__label span:first-child { letter-spacing: .15em !important; } .product-grid .card > .card__content, .template-search .card > .card__content { min-height: 112px !important; padding: 8px 8px 10px !important; } .product-grid .card__information, .template-search .card__information { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "title price" "colors colors" !important; column-gap: 8px !important; row-gap: 6px !important; align-items: start !important; } .product-grid .card__heading, .template-search .card__heading { grid-area: title !important; min-height: 0 !important; margin: 0 !important; display: block !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; font-size: 11.2px !important; line-height: 1.2 !important; letter-spacing: .01em !important; } .product-grid .card-information, .template-search .card-information { display: contents !important; } .product-grid .lb-card-price-clean, .template-search .lb-card-price-clean { grid-area: price !important; justify-self: end !important; min-height: 0 !important; display: flex !important; align-items: flex-end !important; justify-content: flex-end !important; flex-wrap: wrap !important; gap: 3px 5px !important; margin: 0 !important; text-align: right !important; } .product-grid .lb-card-price-old, .template-search .lb-card-price-old { font-size: 10px !important; line-height: 1 !important; color: rgba(120,35,35,.55) !important; } .product-grid .price-item, .template-search .price-item { font-size: 11.8px !important; line-height: 1 !important; font-weight: 760 !important; } .product-grid .lb-card-offer-mini, .template-search .lb-card-offer-mini { order: 3 !important; min-height: 18px !important; padding: 3px 6px !important; font-size: 8.2px !important; letter-spacing: .10em !important; border-radius: 999px !important; } .product-grid .lb-card-color-selector, .template-search .lb-card-color-selector { grid-area: colors !important; justify-content: flex-start !important; margin: 1px 0 0 !important; padding: 0 !important; gap: 5px !important; } .lb-card-color-button span { background: var(--lb-swatch-color, #9a8f82) !important; filter: saturate(1.42) contrast(1.08) !important; } .lb-card-color-button[data-color-handle*="negro"], .lb-card-color-button[data-color-handle*="nero"], .lb-card-color-button[data-color-handle*="black"], .lb-card-color-button[data-color-handle*="noir"] { --lb-swatch-color: #111111; } .lb-card-color-button[data-color-handle*="blanco"], .lb-card-color-button[data-color-handle*="bianco"], .lb-card-color-button[data-color-handle*="white"] { --lb-swatch-color: #f4f0e7; } .lb-card-color-button[data-color-handle*="azul"], .lb-card-color-button[data-color-handle*="blu"], .lb-card-color-button[data-color-handle*="blue"], .lb-card-color-button[data-color-handle*="celeste"], .lb-card-color-button[data-color-handle*="navy"] { --lb-swatch-color: #2585d6; } .lb-card-color-button[data-color-handle*="rojo"], .lb-card-color-button[data-color-handle*="rosso"], .lb-card-color-button[data-color-handle*="red"], .lb-card-color-button[data-color-handle*="burgundy"], .lb-card-color-button[data-color-handle*="bordeaux"], .lb-card-color-button[data-color-handle*="wine"] { --lb-swatch-color: #a40f18; } .lb-card-color-button[data-color-handle*="rosa"], .lb-card-color-button[data-color-handle*="pink"], .lb-card-color-button[data-color-handle*="fucsia"], .lb-card-color-button[data-color-handle*="fuchsia"] { --lb-swatch-color: #ef6da8; } .lb-card-color-button[data-color-handle*="verde"], .lb-card-color-button[data-color-handle*="green"] { --lb-swatch-color: #2f8f52; } .lb-card-color-button[data-color-handle*="naranja"], .lb-card-color-button[data-color-handle*="arancione"], .lb-card-color-button[data-color-handle*="orange"] { --lb-swatch-color: #e87821; } .lb-card-color-button[data-color-handle*="amarillo"], .lb-card-color-button[data-color-handle*="giallo"], .lb-card-color-button[data-color-handle*="yellow"] { --lb-swatch-color: #eccb36; } .lb-card-color-button[data-color-handle*="morado"], .lb-card-color-button[data-color-handle*="purple"], .lb-card-color-button[data-color-handle*="viola"] { --lb-swatch-color: #7350c7; } .lb-card-color-button[data-color-handle*="beige"], .lb-card-color-button[data-color-handle*="apricot"], .lb-card-color-button[data-color-handle*="crema"], .lb-card-color-button[data-color-handle*="cream"] { --lb-swatch-color: #d6b991; } .lb-card-color-button[data-color-handle*="marron"], .lb-card-color-button[data-color-handle*="marrone"], .lb-card-color-button[data-color-handle*="brown"], .lb-card-color-button[data-color-handle*="camel"] { --lb-swatch-color: #70472f; } .lb-card-color-button[data-color-handle*="gris"], .lb-card-color-button[data-color-handle*="grigio"], .lb-card-color-button[data-color-handle*="grey"], .lb-card-color-button[data-color-handle*="gray"], .lb-card-color-button[data-color-handle*="silver"] { --lb-swatch-color: #9b9b9b; } .lb-card-color-button[data-color-handle*="oro"], .lb-card-color-button[data-color-handle*="dorado"], .lb-card-color-button[data-color-handle*="gold"] { --lb-swatch-color: #c69a2d; } .lb-card-color-button[data-color-handle*="multicolor"], .lb-card-color-button[data-color-handle*="multi"], .lb-card-color-button[data-color-handle*="print"], .lb-card-color-button[data-color-handle*="estampado"] { --lb-swatch-color: linear-gradient(135deg, #e3314f 0 25%, #f5c542 25% 50%, #2787d8 50% 75%, #2f8f52 75% 100%); } .lb-card-media-gallery, .lb-card-media-track, .lb-card-media-slide { scroll-snap-type: x mandatory !important; scroll-behavior: auto !important; touch-action: pan-x pan-y !important; } .lb-card-media-slide { flex: 0 0 100% !important; min-width: 100% !important; scroll-snap-align: start !important; scroll-snap-stop: normal !important; } .lb-card-media-image { image-rendering: auto !important; filter: none !important; backface-visibility: hidden !important; } /* v13 material section is allowed again when real material terms exist */ body.lb-product .lb-product-material { display: block !important; } /* ========================================================== LB v14 surgical repair - estabilidad final producto/carrito/tarjetas ========================================================== */ /* Producto: galería natural, continua y sin saltos agresivos */ body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { scroll-snap-type: x mandatory !important; scroll-behavior: auto !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior-x: contain !important; overscroll-behavior-y: auto !important; touch-action: pan-x pan-y pinch-zoom !important; } body.lb-product .product__media-item, body.lb-product .product__media-list .grid__item, body.lb-product .product__media-list .slider__slide { scroll-snap-align: start !important; scroll-snap-stop: normal !important; touch-action: pan-x pan-y pinch-zoom !important; } body.lb-product .product__media-item img, body.lb-product .lb-product-main-image { image-rendering: auto !important; filter: none !important; transform: scale(var(--lb-zoom-scale, 1)) !important; transform-origin: var(--lb-zoom-x, 50%) var(--lb-zoom-y, 50%) !important; transition: var(--lb-zoom-transition, transform .18s cubic-bezier(.22, .61, .36, 1)) !important; will-change: transform !important; backface-visibility: hidden !important; cursor: zoom-in !important; } body.lb-product .product__media-item.lb-image-zoomed img { cursor: zoom-out !important; } body.lb-product.lb-product-image-zoom-active .section-header, body.lb-product.lb-product-image-zoom-active .shopify-section-group-header-group, body.lb-product.lb-product-image-zoom-active .header-wrapper { z-index: 10010 !important; } /* Producto: limpiar envío gratis duplicado */ body.lb-product .lb-product-shipping { width: 100% !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: rgba(17,17,17,.62) !important; font-size: 11px !important; line-height: 1 !important; font-weight: 680 !important; letter-spacing: .08em !important; text-transform: uppercase !important; text-align: right !important; } body.lb-product .lb-product-shipping::before, body.lb-product .lb-product-shipping::after { content: none !important; display: none !important; } /* Producto: ahorras premium, discreto y limpio */ body.lb-product .lb-product-offer { margin: 5px 0 9px !important; display: flex !important; justify-content: flex-start !important; } body.lb-product .lb-product-offer__saving, .lb-card-offer-mini, .lb-top-cart-panel__saving-note.lb-cart-total-saving { background: rgba(92, 112, 88, .10) !important; border: 1px solid rgba(92, 112, 88, .24) !important; color: #4f604c !important; box-shadow: none !important; } body.lb-product .lb-product-offer__saving { min-height: 23px !important; padding: 5px 9px !important; border-radius: 999px !important; font-size: 9.2px !important; font-weight: 760 !important; letter-spacing: .115em !important; line-height: 1 !important; } body.lb-product .lb-product-offer__saving strong, .lb-card-offer-mini strong, .lb-top-cart-panel__saving-note.lb-cart-total-saving strong { color: #384a36 !important; font-weight: 820 !important; } /* Producto: stock más cerca del botón y más premium */ body.lb-product .lb-stock-limited--product-form { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; margin: 8px auto 6px !important; padding: 7px 12px !important; border-radius: 999px !important; background: rgba(232, 121, 31, .075) !important; border: 1px solid rgba(232, 121, 31, .20) !important; color: #bd6118 !important; font-size: 9.5px !important; font-weight: 820 !important; letter-spacing: .105em !important; box-shadow: 0 8px 22px rgba(232,121,31,.06) !important; } body.lb-product .lb-stock-limited--product-form::before, body.lb-product .lb-stock-limited--product-form .lb-stock-dot { animation: lb-stock-dot-pulse-v14 1.12s ease-in-out infinite !important; } @keyframes lb-stock-dot-pulse-v14 { 0%,100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(232,121,31,.40); } 50% { transform: scale(1.36); box-shadow: 0 0 0 9px rgba(232,121,31,0); } } /* Producto: ojo/personas justo entre botón y tarjetas, sin tarjetas inventadas */ body.lb-product .lb-product-live-block { margin: 7px 0 5px !important; padding: 0 !important; } body.lb-product .lb-product-live-proof { width: 100% !important; display: inline-flex !important; justify-content: flex-start !important; align-items: center !important; gap: 7px !important; padding: 0 2px !important; color: rgba(17,17,17,.64) !important; font-size: 11px !important; line-height: 1.15 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.lb-product .lb-product-payment-strip { margin: 5px 0 12px !important; padding: 0 !important; background: transparent !important; border: 0 !important; } body.lb-product .lb-product-payment-strip .list-payment, .lb-top-cart-panel__payments .list-payment { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 5px !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; } body.lb-product .lb-product-payment-strip .list-payment__item, .lb-top-cart-panel__payments .list-payment__item { width: auto !important; min-width: 0 !important; height: 20px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.lb-product .lb-product-payment-strip .icon, .lb-top-cart-panel__payments .icon { width: 32px !important; height: 20px !important; } /* Materiales: solo materiales textiles reales detectados; formato elegante */ body.lb-product .lb-product-material { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; margin: 12px 0 12px !important; padding: 10px 0 0 !important; border-top: 1px solid rgba(17,17,17,.07) !important; } body.lb-product .lb-product-material__label { margin: 0 !important; color: rgba(17,17,17,.48) !important; font-size: 11px !important; font-weight: 650 !important; letter-spacing: .09em !important; text-transform: uppercase !important; } body.lb-product .lb-product-material__value { margin: 0 !important; max-width: 68% !important; text-align: right !important; color: rgba(17,17,17,.72) !important; font-size: 11.5px !important; font-weight: 560 !important; line-height: 1.35 !important; } /* Tarjetas de producto: ocultar título duplicado sobre imagen y ordenar abajo */ .product-grid .card__inner > .card__content, .template-search .card__inner > .card__content, .collection .card__inner > .card__content { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .product-grid .card > .card__content, .template-search .card > .card__content, .collection .card > .card__content { position: relative !important; min-height: 86px !important; padding: 8px 7px 10px !important; background: #fff !important; z-index: 2 !important; } .product-grid .card > .card__content .card__information, .template-search .card > .card__content .card__information, .collection .card > .card__content .card__information { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "title price" "colors colors" !important; column-gap: 8px !important; row-gap: 6px !important; align-items: start !important; width: 100% !important; } .product-grid .card > .card__content .card__heading, .template-search .card > .card__content .card__heading, .collection .card > .card__content .card__heading { grid-area: title !important; min-width: 0 !important; margin: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; font-size: 10.8px !important; line-height: 1.15 !important; font-weight: 560 !important; letter-spacing: .005em !important; color: #111 !important; text-align: left !important; } .product-grid .card-information, .template-search .card-information, .collection .card-information { display: contents !important; } .product-grid .lb-card-price-clean, .template-search .lb-card-price-clean, .collection .lb-card-price-clean { grid-area: price !important; justify-self: end !important; min-width: 54px !important; display: inline-flex !important; flex-wrap: wrap !important; align-items: baseline !important; justify-content: flex-end !important; gap: 2px 5px !important; margin: 0 !important; text-align: right !important; } .product-grid .lb-card-price-old, .template-search .lb-card-price-old, .collection .lb-card-price-old { font-size: 9.5px !important; line-height: 1 !important; color: rgba(17,17,17,.38) !important; } .product-grid .price-item, .template-search .price-item, .collection .price-item { font-size: 11.3px !important; line-height: 1 !important; font-weight: 720 !important; color: #111 !important; } .product-grid .lb-card-offer-mini, .template-search .lb-card-offer-mini, .collection .lb-card-offer-mini { order: 3 !important; width: auto !important; min-height: 16px !important; padding: 3px 6px !important; border-radius: 999px !important; font-size: 7.5px !important; letter-spacing: .08em !important; line-height: 1 !important; justify-content: center !important; } .product-grid .lb-card-color-selector, .template-search .lb-card-color-selector, .collection .lb-card-color-selector { grid-area: colors !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; min-height: 20px !important; } .lb-card-color-button, .lb-card-color-button span { color: transparent !important; } .lb-card-color-button span { background: var(--lb-swatch-color, #9a8f82) !important; filter: saturate(1.45) contrast(1.08) !important; } /* Tarjetas: carrusel fluido sin bloqueo duro */ .lb-card-media-gallery, .lb-card-media-track, .lb-card-media-slide { scroll-snap-type: x mandatory !important; scroll-behavior: auto !important; touch-action: pan-x pan-y !important; } .lb-card-media-slide { scroll-snap-align: start !important; scroll-snap-stop: normal !important; } .lb-card-media-image { image-rendering: auto !important; filter: none !important; transform: translateZ(0) !important; backface-visibility: hidden !important; } /* Carrito: cabecera más limpia, logo grande, líneas separadoras */ .lb-top-cart-panel__header { position: relative !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; padding: 14px 42px 0 !important; min-height: 88px !important; border-bottom: 0 !important; text-align: center !important; } .lb-top-cart-panel__brand { width: 100% !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; text-align: center !important; } .lb-top-cart-panel__logo { width: min(218px, 68vw) !important; max-height: 40px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; padding-bottom: 8px !important; border-bottom: 1px solid rgba(17,17,17,.09) !important; } .lb-top-cart-panel__title { display: block !important; width: 100% !important; margin: 0 auto !important; padding: 0 0 10px !important; border-bottom: 1px solid rgba(17,17,17,.09) !important; color: rgba(17,17,17,.60) !important; font-size: 10.5px !important; font-weight: 680 !important; letter-spacing: .18em !important; line-height: 1.1 !important; text-align: center !important; text-transform: uppercase !important; } .lb-top-cart-panel__close { position: absolute !important; top: 12px !important; right: 12px !important; z-index: 2 !important; } .lb-top-cart-panel__summary { gap: 6px !important; } .lb-top-cart-panel__summary-row.lb-cart-summary-shipping, .lb-top-cart-panel__summary-row.lb-cart-summary-total { background: transparent !important; border: 0 !important; padding: 0 !important; } .lb-top-cart-panel__summary-row.lb-cart-summary-total { margin-top: 2px !important; padding-top: 8px !important; border-top: 1px solid rgba(17,17,17,.08) !important; } .lb-top-cart-panel__saving-note.lb-cart-total-saving { width: fit-content !important; margin: 2px 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 5px 8px !important; border-radius: 999px !important; font-size: 9px !important; font-weight: 760 !important; letter-spacing: .09em !important; line-height: 1 !important; text-transform: uppercase !important; } .lb-top-cart-panel__payments { margin: 0 !important; padding: 4px 12px 12px !important; background: transparent !important; border: 0 !important; } /* Filtros: ordenar por más limpio */ .mobile-facets__sort, .mobile-facets__sort .select, .mobile-facets__sort select { width: 100% !important; } .mobile-facets__sort { display: grid !important; gap: 7px !important; padding: 14px 0 !important; } .mobile-facets__sort label, .mobile-facets__sort .mobile-facets__sort-label { margin: 0 !important; color: rgba(17,17,17,.56) !important; font-size: 10px !important; font-weight: 760 !important; letter-spacing: .16em !important; text-transform: uppercase !important; } .mobile-facets__sort select, .mobile-facets__sort .select__select { min-height: 42px !important; padding: 0 42px 0 14px !important; border: 1px solid rgba(17,17,17,.16) !important; border-radius: 0 !important; background: #fff !important; color: #111 !important; font-size: 11px !important; font-weight: 560 !important; letter-spacing: .02em !important; } /* ========================================================== LB v15 - PARTE 1 / CARRITO VISUAL SOLAMENTE Objetivo: ordenar cabecera, productos y resumen sin tocar galería/producto. ========================================================== */ .lb-top-cart-panel__header { position: relative !important; display: block !important; width: 100% !important; padding: 16px 18px 0 !important; min-height: 116px !important; text-align: center !important; border-bottom: 0 !important; box-sizing: border-box !important; } .lb-top-cart-panel__brand { width: 100% !important; display: grid !important; grid-template-columns: 1fr !important; justify-items: center !important; align-items: center !important; gap: 9px !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; } .lb-top-cart-panel__logo { display: block !important; width: min(262px, 78vw) !important; max-width: 262px !important; max-height: 50px !important; height: auto !important; margin: 0 auto !important; padding: 0 0 10px !important; object-fit: contain !important; object-position: center center !important; border-bottom: 1px solid rgba(17,17,17,.10) !important; transform: none !important; } .lb-top-cart-panel__title { display: block !important; width: min(262px, 78vw) !important; max-width: 262px !important; margin: 0 auto !important; padding: 0 0 11px !important; border-bottom: 1px solid rgba(17,17,17,.10) !important; color: rgba(17,17,17,.66) !important; font-size: 10.5px !important; font-weight: 720 !important; letter-spacing: .18em !important; line-height: 1 !important; text-align: center !important; text-transform: uppercase !important; } .lb-top-cart-panel__close { position: absolute !important; top: 12px !important; right: 12px !important; width: 32px !important; height: 32px !important; display: inline-grid !important; place-items: center !important; border-radius: 50% !important; z-index: 3 !important; } .lb-top-cart-panel__items { padding: 4px 14px 0 !important; gap: 10px !important; } .lb-top-cart-panel__item { display: grid !important; grid-template-columns: 76px minmax(0, 1fr) auto !important; align-items: center !important; gap: 10px !important; width: 100% !important; padding: 10px 0 !important; border-bottom: 1px solid rgba(17,17,17,.065) !important; background: transparent !important; } .lb-top-cart-panel__image-link, .lb-top-cart-panel__image-placeholder { width: 76px !important; height: 96px !important; display: block !important; overflow: hidden !important; border-radius: 0 !important; background: #f7f4f0 !important; } .lb-top-cart-panel__item img { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; object-position: center !important; image-rendering: auto !important; } .lb-top-cart-panel__item-main { min-width: 0 !important; display: grid !important; align-content: center !important; gap: 6px !important; } .lb-top-cart-panel__name { display: block !important; max-width: 100% !important; margin: 0 !important; color: rgba(17,17,17,.88) !important; font-size: 12px !important; font-weight: 680 !important; letter-spacing: .035em !important; line-height: 1.25 !important; text-transform: uppercase !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .lb-top-cart-panel__meta { margin: 0 !important; color: rgba(17,17,17,.48) !important; font-size: 10.5px !important; font-weight: 500 !important; letter-spacing: .035em !important; line-height: 1.2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .lb-top-cart-panel__promos { display: none !important; } .lb-top-cart-panel__controls { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; margin: 0 !important; } .lb-top-cart-panel__qty, .lb-top-cart-panel__remove { min-height: 24px !important; height: 24px !important; padding: 0 8px !important; border-radius: 999px !important; font-size: 10px !important; line-height: 1 !important; } .lb-top-cart-panel__price { min-width: 58px !important; margin: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: center !important; gap: 2px !important; color: rgba(17,17,17,.86) !important; font-size: 11.5px !important; font-weight: 720 !important; line-height: 1.08 !important; text-align: right !important; white-space: nowrap !important; } .lb-top-cart-panel__price s { color: rgba(17,17,17,.36) !important; font-size: 10px !important; font-weight: 500 !important; text-decoration-thickness: 1px !important; } .lb-top-cart-panel__price strong { color: rgba(17,17,17,.88) !important; font-size: 12px !important; font-weight: 760 !important; } .lb-top-cart-panel__summary { padding: 10px 14px 4px !important; margin: 0 !important; border-top: 0 !important; } .lb-top-cart-panel__summary-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 12px !important; width: 100% !important; padding: 12px 0 0 !important; border-top: 1px solid rgba(17,17,17,.09) !important; } .lb-top-cart-panel__summary-main { min-width: 0 !important; display: grid !important; gap: 6px !important; } .lb-top-cart-panel__summary-row.lb-cart-summary-shipping, .lb-top-cart-panel__summary-row.lb-cart-summary-total { display: flex !important; justify-content: flex-start !important; align-items: baseline !important; gap: 8px !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: left !important; } .lb-top-cart-panel__summary-row.lb-cart-summary-shipping span, .lb-top-cart-panel__summary-row.lb-cart-summary-total span { min-width: 42px !important; color: rgba(17,17,17,.48) !important; font-size: 10px !important; font-weight: 650 !important; letter-spacing: .11em !important; line-height: 1 !important; text-transform: uppercase !important; } .lb-top-cart-panel__summary-row.lb-cart-summary-shipping strong, .lb-top-cart-panel__summary-row.lb-cart-summary-total strong { color: rgba(17,17,17,.88) !important; font-size: 12px !important; font-weight: 780 !important; letter-spacing: .02em !important; line-height: 1 !important; text-align: left !important; } .lb-top-cart-panel__saving-note.lb-cart-total-saving { justify-self: end !important; width: auto !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 7px 9px !important; border-radius: 999px !important; background: #f3efe7 !important; border: 1px solid rgba(139,111,72,.22) !important; color: #735d3f !important; box-shadow: none !important; font-size: 9px !important; font-weight: 760 !important; letter-spacing: .095em !important; line-height: 1 !important; text-transform: uppercase !important; white-space: nowrap !important; } .lb-top-cart-panel__saving-note.lb-cart-total-saving strong { color: #5f4d34 !important; font-weight: 820 !important; } @media screen and (max-width: 370px) { .lb-top-cart-panel__item { grid-template-columns: 68px minmax(0, 1fr) auto !important; gap: 8px !important; } .lb-top-cart-panel__image-link, .lb-top-cart-panel__image-placeholder { width: 68px !important; height: 88px !important; } .lb-top-cart-panel__name { font-size: 11.2px !important; } .lb-top-cart-panel__price { min-width: 52px !important; font-size: 10.8px !important; } } /* ========================================================== LB v16 - MICROAJUSTE CARRITO APROBADO Solo cierra detalles detectados en v15: X, imagen, rojo, resumen y badge. ========================================================== */ .lb-top-cart-panel__close { top: 17px !important; right: 12px !important; } .lb-top-cart-panel__image-link, .lb-top-cart-panel__image-placeholder { border-radius: 10px !important; background: transparent !important; box-shadow: none !important; } .lb-top-cart-panel__item img { border-radius: 10px !important; background: transparent !important; } .lb-top-cart-panel__price s { color: #a43d36 !important; opacity: 1 !important; text-decoration-color: #a43d36 !important; text-decoration-thickness: 1px !important; } .lb-top-cart-panel__summary-row.lb-cart-summary-shipping span, .lb-top-cart-panel__summary-row.lb-cart-summary-total span { color: rgba(17,17,17,.62) !important; font-size: 10.6px !important; font-weight: 780 !important; letter-spacing: .12em !important; } .lb-top-cart-panel__summary-row.lb-cart-summary-shipping strong, .lb-top-cart-panel__summary-row.lb-cart-summary-total strong { color: rgba(17,17,17,.94) !important; font-size: 13.2px !important; font-weight: 840 !important; } .lb-top-cart-panel__summary-row.lb-cart-summary-total strong { color: #111 !important; } .lb-top-cart-panel__saving-note.lb-cart-total-saving { background: #eef5f1 !important; border: 1px solid rgba(47,93,80,.22) !important; color: #2f5d50 !important; padding: 7px 10px !important; box-shadow: 0 6px 16px rgba(47,93,80,.06) !important; } .lb-top-cart-panel__saving-note.lb-cart-total-saving strong { color: #244a40 !important; } /* ========================================================== LB v17 - CARRITO FINAL MICROFIX Solo ajusta resumen + ahorro + logos de pago del carrito. ========================================================== */ .lb-top-cart-panel__summary-row.lb-cart-summary-shipping, .lb-top-cart-panel__summary-row.lb-cart-summary-total { gap: 7px !important; align-items: center !important; } .lb-top-cart-panel__summary-row.lb-cart-summary-shipping span, .lb-top-cart-panel__summary-row.lb-cart-summary-shipping strong, .lb-top-cart-panel__summary-row.lb-cart-summary-total span, .lb-top-cart-panel__summary-row.lb-cart-summary-total strong { font-family: var(--font-body-family, inherit) !important; font-size: 13px !important; line-height: 1.05 !important; letter-spacing: .045em !important; color: #111111 !important; } .lb-top-cart-panel__summary-row.lb-cart-summary-shipping span, .lb-top-cart-panel__summary-row.lb-cart-summary-total span { min-width: 0 !important; font-weight: 760 !important; text-transform: uppercase !important; } .lb-top-cart-panel__summary-row.lb-cart-summary-shipping strong, .lb-top-cart-panel__summary-row.lb-cart-summary-total strong { font-weight: 840 !important; text-transform: none !important; } .lb-top-cart-panel__summary-row.lb-cart-summary-total { margin-top: 1px !important; } .lb-top-cart-panel__saving-note.lb-cart-total-saving { background: linear-gradient(135deg, #e2f3ec 0%, #d3eadf 100%) !important; border: 1px solid rgba(28, 112, 82, .34) !important; color: #145b43 !important; padding: 8px 11px !important; box-shadow: 0 8px 18px rgba(20, 91, 67, .10) !important; transform: translateZ(0) !important; } .lb-top-cart-panel__saving-note.lb-cart-total-saving span, .lb-top-cart-panel__saving-note.lb-cart-total-saving strong { color: #145b43 !important; } .lb-top-cart-panel__saving-note.lb-cart-total-saving strong { font-size: 10px !important; font-weight: 860 !important; } .lb-top-cart-panel__payments { display: block !important; visibility: visible !important; opacity: 1 !important; min-height: 28px !important; padding: 6px 12px 12px !important; } .lb-top-cart-panel__payments .list-payment { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 5px !important; overflow: hidden !important; } .lb-top-cart-panel__payments .list-payment__item { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: 22px !important; min-width: 32px !important; padding: 0 !important; margin: 0 !important; opacity: 1 !important; visibility: visible !important; } .lb-top-cart-panel__payments .icon, .lb-top-cart-panel__payments svg { display: block !important; width: 34px !important; height: 22px !important; opacity: 1 !important; visibility: visible !important; } .lb-top-cart-panel__payments .lb-pay-card { width: 34px !important; height: 22px !important; border-radius: 4px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 7px !important; font-weight: 800 !important; letter-spacing: -.02em !important; line-height: 1 !important; text-transform: none !important; box-shadow: inset 0 0 0 1px rgba(17,17,17,.08) !important; } .lb-top-cart-panel__payments .lb-pay-card--visa { background: #ffffff !important; color: #1a1f71 !important; font-size: 8px !important; letter-spacing: .01em !important; } .lb-top-cart-panel__payments .lb-pay-card--mastercard { position: relative !important; background: #ffffff !important; gap: 0 !important; } .lb-top-cart-panel__payments .lb-pay-card--mastercard i { width: 13px !important; height: 13px !important; border-radius: 999px !important; display: block !important; } .lb-top-cart-panel__payments .lb-pay-card--mastercard i:first-child { background: #eb001b !important; margin-right: -4px !important; } .lb-top-cart-panel__payments .lb-pay-card--mastercard i:last-child { background: #f79e1b !important; } .lb-top-cart-panel__payments .lb-pay-card--amex { background: #2e77bc !important; color: #ffffff !important; font-size: 7px !important; } .lb-top-cart-panel__payments .lb-pay-card--paypal { background: #ffffff !important; color: #003087 !important; font-size: 6.5px !important; } .lb-top-cart-panel__payments .lb-pay-card--apple { background: #111111 !important; color: #ffffff !important; font-size: 7px !important; } .lb-top-cart-panel__payments .lb-pay-card--google { background: #ffffff !important; color: #444444 !important; font-size: 6.5px !important; } /* ========================================================== LB v18 - CARRITO: AHORRO POR PRODUCTO + RESUMEN LIMPIO Mantiene logos de pago v17. No toca producto, filtros ni tarjetas. ========================================================== */ .lb-top-cart-panel__price { display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: flex-start !important; gap: 5px !important; min-width: 78px !important; text-align: right !important; } .lb-top-cart-panel__price-line { display: inline-flex !important; align-items: baseline !important; justify-content: flex-end !important; gap: 6px !important; white-space: nowrap !important; width: auto !important; } .lb-top-cart-panel__price-line s, .lb-top-cart-panel__price s { color: #b5423d !important; opacity: 1 !important; font-size: 10.7px !important; font-weight: 680 !important; text-decoration-color: #b5423d !important; text-decoration-thickness: 1px !important; white-space: nowrap !important; } .lb-top-cart-panel__price-line strong, .lb-top-cart-panel__price strong { color: #111111 !important; font-size: 12.4px !important; font-weight: 850 !important; letter-spacing: .01em !important; white-space: nowrap !important; } .lb-top-cart-panel__item-saving { display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: flex-end !important; width: auto !important; max-width: max-content !important; padding: 5px 8px !important; border-radius: 999px !important; background: linear-gradient(135deg, #e0f4ea 0%, #ccebdc 100%) !important; border: 1px solid rgba(22, 128, 88, .34) !important; color: #126246 !important; box-shadow: 0 6px 14px rgba(18, 98, 70, .11) !important; font-size: 9.2px !important; font-weight: 830 !important; letter-spacing: .045em !important; line-height: 1 !important; text-transform: uppercase !important; white-space: nowrap !important; } .lb-top-cart-panel__summary-grid.lb-top-cart-panel__summary-grid--final { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: end !important; gap: 12px !important; width: 100% !important; padding: 12px 0 0 !important; border-top: 1px solid rgba(17,17,17,.09) !important; } .lb-top-cart-panel__summary-grid--final .lb-top-cart-panel__summary-row.lb-cart-summary-shipping, .lb-top-cart-panel__summary-grid--final .lb-top-cart-panel__summary-row.lb-cart-summary-total { display: inline-flex !important; align-items: baseline !important; justify-content: flex-start !important; gap: 6px !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; line-height: 1 !important; white-space: nowrap !important; } .lb-top-cart-panel__summary-grid--final .lb-cart-summary-shipping { justify-self: start !important; text-align: left !important; } .lb-top-cart-panel__summary-grid--final .lb-cart-summary-total { justify-self: end !important; text-align: right !important; } .lb-top-cart-panel__summary-grid--final .lb-cart-summary-shipping span, .lb-top-cart-panel__summary-grid--final .lb-cart-summary-shipping strong, .lb-top-cart-panel__summary-grid--final .lb-cart-summary-total span, .lb-top-cart-panel__summary-grid--final .lb-cart-summary-total strong { font-family: var(--font-body-family, inherit) !important; line-height: 1 !important; text-transform: uppercase !important; color: #111111 !important; letter-spacing: .055em !important; } .lb-top-cart-panel__summary-grid--final .lb-cart-summary-shipping span, .lb-top-cart-panel__summary-grid--final .lb-cart-summary-shipping strong, .lb-top-cart-panel__summary-grid--final .lb-cart-summary-total span { font-size: 12.2px !important; font-weight: 800 !important; } .lb-top-cart-panel__summary-grid--final .lb-cart-summary-total strong { font-size: 13.2px !important; font-weight: 880 !important; letter-spacing: .015em !important; } .lb-top-cart-panel__summary-grid--final + .lb-cart-total-saving, .lb-top-cart-panel__summary .lb-cart-total-saving, .lb-top-cart-panel__summary .lb-top-cart-panel__saving-note { display: none !important; } @media screen and (max-width: 370px) { .lb-top-cart-panel__price { min-width: 72px !important; } .lb-top-cart-panel__price-line { gap: 4px !important; } .lb-top-cart-panel__price-line s, .lb-top-cart-panel__price s { font-size: 9.8px !important; } .lb-top-cart-panel__price-line strong, .lb-top-cart-panel__price strong { font-size: 11.4px !important; } .lb-top-cart-panel__item-saving { padding: 4px 6px !important; font-size: 8.4px !important; } .lb-top-cart-panel__summary-grid.lb-top-cart-panel__summary-grid--final { gap: 8px !important; } .lb-top-cart-panel__summary-grid--final .lb-cart-summary-shipping span, .lb-top-cart-panel__summary-grid--final .lb-cart-summary-shipping strong, .lb-top-cart-panel__summary-grid--final .lb-cart-summary-total span { font-size: 10.8px !important; } .lb-top-cart-panel__summary-grid--final .lb-cart-summary-total strong { font-size: 12px !important; } } /* === v19: cierre carrito + siguiente bloque tarjetas === */ body .lb-top-cart-panel { min-height: auto !important; max-height: min(78svh, calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 10px)) !important; } body .lb-top-cart-panel.lb-top-cart-panel--compact { max-height: min(70svh, calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 10px)) !important; } body .lb-top-cart-panel__header { position: relative !important; justify-content: center !important; padding: 14px 18px 12px !important; } body .lb-top-cart-panel__brand { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; gap: 8px !important; } body .lb-top-cart-panel__logo { display: block !important; width: auto !important; height: 24px !important; max-width: 190px !important; margin: 0 auto !important; } body .lb-top-cart-panel__title { width: 100% !important; text-align: center !important; padding: 8px 0 0 !important; border-top: 1px solid rgba(17,17,17,.08) !important; } body .lb-top-cart-panel__close { position: absolute !important; top: 10px !important; right: 14px !important; } body .lb-top-cart-panel__items { flex: 1 1 auto !important; overflow-y: auto !important; overscroll-behavior: contain !important; } body .lb-top-cart-panel.lb-top-cart-panel--compact .lb-top-cart-panel__items { flex: 0 0 auto !important; overflow-y: visible !important; padding-bottom: 4px !important; } body .lb-top-cart-panel__item { grid-template-columns: 68px minmax(0,1fr) auto !important; align-items: start !important; gap: 12px !important; } body .lb-top-cart-panel__image-link, body .lb-top-cart-panel__image-placeholder { display: block !important; width: 68px !important; height: 88px !important; border-radius: 16px !important; overflow: hidden !important; background: #f5f1ec !important; } body .lb-top-cart-panel__item img { width: 68px !important; height: 88px !important; border-radius: 16px !important; background: transparent !important; } body .lb-top-cart-panel__item-main { min-width: 0 !important; } body .lb-top-cart-panel__name { display: block !important; margin: 0 0 5px !important; font-size: 12.5px !important; line-height: 1.32 !important; font-weight: 560 !important; color: #111 !important; } body .lb-top-cart-panel__meta { font-size: 11px !important; line-height: 1.35 !important; color: rgba(17,17,17,.66) !important; } body .lb-top-cart-panel__price { display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: flex-start !important; min-width: 86px !important; padding-top: 1px !important; } body .lb-top-cart-panel__price-line { display: inline-flex !important; align-items: baseline !important; justify-content: flex-end !important; gap: 6px !important; white-space: nowrap !important; } body .lb-top-cart-panel__price-line s { color: #c04545 !important; font-size: 11px !important; } body .lb-top-cart-panel__price-line strong { color: #111 !important; font-size: 12.5px !important; font-weight: 760 !important; } body .lb-top-cart-panel__item-saving { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; margin-top: 6px !important; padding: 4px 8px !important; border-radius: 999px !important; background: #dce9df !important; color: #2a6a44 !important; font-size: 9.5px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .05em !important; } body .lb-top-cart-panel__summary { padding: 10px 18px 0 !important; } body .lb-top-cart-panel__summary-grid--final { display: grid !important; grid-template-columns: 1fr auto !important; align-items: end !important; gap: 18px !important; width: min(330px, calc(100% - 48px)) !important; margin: 0 auto !important; } body .lb-top-cart-panel__summary-row { margin-bottom: 0 !important; } body .lb-cart-summary-shipping { justify-self: start !important; text-align: left !important; } body .lb-cart-summary-total { justify-self: end !important; text-align: right !important; } body .lb-cart-summary-shipping span, body .lb-cart-summary-shipping strong, body .lb-cart-summary-total span, body .lb-cart-summary-total strong { font-size: 12.8px !important; line-height: 1.15 !important; } body .lb-cart-summary-shipping span, body .lb-cart-summary-total span { color: rgba(17,17,17,.68) !important; letter-spacing: .03em !important; } body .lb-cart-summary-shipping strong, body .lb-cart-summary-total strong { color: #111 !important; font-weight: 760 !important; } body .lb-top-cart-panel__payments { padding-top: 10px !important; } /* Tarjetas: volver a una jerarquía limpia debajo de la imagen */ .product-grid .card > .card__content, .template-search .card > .card__content, .collection .card > .card__content { position: relative !important; min-height: 0 !important; padding: 10px 8px 12px !important; background: #fff !important; } .product-grid .card > .card__content .card__information, .template-search .card > .card__content .card__information, .collection .card > .card__content .card__information { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 7px !important; width: 100% !important; } .product-grid .card > .card__content .card__heading, .template-search .card > .card__content .card__heading, .collection .card > .card__content .card__heading { display: block !important; margin: 0 !important; min-width: 0 !important; font-size: 12px !important; line-height: 1.3 !important; font-weight: 560 !important; text-align: left !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .product-grid .card > .card__content .card__heading a, .template-search .card > .card__content .card__heading a, .collection .card > .card__content .card__heading a { display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .product-grid .card-information, .template-search .card-information, .collection .card-information { display: flex !important; flex-direction: column !important; gap: 7px !important; } .product-grid .lb-card-price-clean, .template-search .lb-card-price-clean, .collection .lb-card-price-clean { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 4px 7px !important; min-width: 0 !important; margin: 0 !important; text-align: left !important; } .product-grid .lb-card-price-old, .template-search .lb-card-price-old, .collection .lb-card-price-old { order: 1 !important; font-size: 10px !important; color: #c04545 !important; } .product-grid .lb-card-price-clean .price-item, .template-search .lb-card-price-clean .price-item, .collection .lb-card-price-clean .price-item { order: 2 !important; font-size: 12.4px !important; line-height: 1 !important; color: #111 !important; font-weight: 760 !important; } .product-grid .lb-card-offer-mini, .template-search .lb-card-offer-mini, .collection .lb-card-offer-mini { order: 3 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; width: fit-content !important; max-width: 100% !important; padding: 4px 8px !important; border-radius: 999px !important; background: #e6efe8 !important; color: #2d6b46 !important; font-size: 8px !important; font-weight: 800 !important; letter-spacing: .06em !important; line-height: 1 !important; } .product-grid .lb-card-offer-mini strong, .template-search .lb-card-offer-mini strong, .collection .lb-card-offer-mini strong { color: inherit !important; font-size: 9px !important; font-weight: 800 !important; } .product-grid .lb-card-color-selector, .template-search .lb-card-color-selector, .collection .lb-card-color-selector { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 6px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } .product-grid .lb-card-color-button, .template-search .lb-card-color-button, .collection .lb-card-color-button { position: relative !important; width: 14px !important; height: 14px !important; min-width: 14px !important; min-height: 14px !important; border-radius: 999px !important; border: 1px solid rgba(17,17,17,.16) !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; overflow: hidden !important; } .product-grid .lb-card-color-button span, .template-search .lb-card-color-button span, .collection .lb-card-color-button span { display: block !important; width: 100% !important; height: 100% !important; border-radius: inherit !important; background: var(--lb-swatch-color, #9a8f82) !important; color: transparent !important; text-indent: -9999px !important; filter: saturate(1.18) contrast(1.06) !important; } .product-grid .lb-card-color-button.is-active, .template-search .lb-card-color-button.is-active, .collection .lb-card-color-button.is-active { border-color: #111 !important; transform: scale(1.08) !important; } .product-grid .card__media, .template-search .card__media, .collection .card__media { background: #f8f6f2 !important; } .product-grid .lb-card-media-image, .template-search .lb-card-media-image, .collection .lb-card-media-image, .product-grid .card__media img, .template-search .card__media img, .collection .card__media img { image-rendering: auto !important; object-fit: cover !important; } [data-lb-card-gallery] { overscroll-behavior-x: contain !important; touch-action: pan-x pan-y !important; } [data-lb-card-gallery] .lb-card-media-track { scroll-snap-type: x mandatory !important; } /* === v20: microcierre carrito + tarjetas premium alineadas === */ body .lb-top-cart-panel__logo { height: 30px !important; max-width: 210px !important; } body .lb-top-cart-panel.lb-top-cart-panel--compact { max-height: min(56svh, calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 10px)) !important; } body .lb-top-cart-panel.lb-top-cart-panel--cozy { max-height: min(64svh, calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 10px)) !important; } body .lb-top-cart-panel.lb-top-cart-panel--comfy { max-height: min(71svh, calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 10px)) !important; } body .lb-top-cart-panel.lb-top-cart-panel--compact .lb-top-cart-panel__items, body .lb-top-cart-panel.lb-top-cart-panel--cozy .lb-top-cart-panel__items, body .lb-top-cart-panel.lb-top-cart-panel--comfy .lb-top-cart-panel__items { flex: 0 0 auto !important; overflow-y: visible !important; } body .lb-top-cart-panel__summary-grid--final { width: min(292px, calc(100% - 76px)) !important; gap: 12px !important; } body .lb-top-cart-panel__summary { padding-top: 12px !important; } body .lb-top-cart-panel__item-saving { background: #e7f4ea !important; color: #418561 !important; } /* Tarjetas: título más visible, más cerca de la imagen y bloque centrado */ .product-grid .card > .card__content, .template-search .card > .card__content, .collection .card > .card__content { padding: 7px 8px 12px !important; } .product-grid .card > .card__content .card__information, .template-search .card > .card__content .card__information, .collection .card > .card__content .card__information, .product-grid .card-information, .template-search .card-information, .collection .card-information { align-items: center !important; gap: 4px !important; } .product-grid .card > .card__content .card__heading, .template-search .card > .card__content .card__heading, .collection .card > .card__content .card__heading, .product-grid .card > .card__content .card__heading a, .template-search .card > .card__content .card__heading a, .collection .card > .card__content .card__heading a { text-align: center !important; font-size: 12.4px !important; line-height: 1.22 !important; font-weight: 650 !important; letter-spacing: .03em !important; text-transform: uppercase !important; } .product-grid .lb-card-price-clean, .template-search .lb-card-price-clean, .collection .lb-card-price-clean { justify-content: center !important; gap: 3px 7px !important; } .product-grid .lb-card-price-old, .template-search .lb-card-price-old, .collection .lb-card-price-old { font-size: 10.2px !important; } .product-grid .lb-card-price-clean .price-item, .template-search .lb-card-price-clean .price-item, .collection .lb-card-price-clean .price-item { font-size: 12.6px !important; } .product-grid .lb-card-offer-mini, .template-search .lb-card-offer-mini, .collection .lb-card-offer-mini { margin-top: 1px !important; background: #e7f4ea !important; color: #418561 !important; } .product-grid .lb-card-color-selector, .template-search .lb-card-color-selector, .collection .lb-card-color-selector { justify-content: center !important; gap: 7px !important; margin-top: 1px !important; } .product-grid .lb-card-color-button, .template-search .lb-card-color-button, .collection .lb-card-color-button { background: var(--lb-swatch-color, #9a8f82) !important; } .product-grid .lb-card-color-button span, .template-search .lb-card-color-button span, .collection .lb-card-color-button span { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; background: transparent !important; } /* === v21: cerrar carrito + reparar tarjetas === */ body .lb-top-cart-panel { top: calc(var(--lb-header-h-scroll-mobile, 54px) + 8px) !important; max-height: calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 8px) !important; } body .lb-top-cart-panel__logo { height: 34px !important; max-width: 230px !important; } body .lb-top-cart-panel__header { padding: 12px 18px 10px !important; } body .lb-top-cart-panel__brand { gap: 6px !important; } body .lb-top-cart-panel__title { padding-top: 6px !important; } body .lb-top-cart-panel.lb-top-cart-panel--compact { top: calc(var(--lb-header-h-scroll-mobile, 54px) + 11svh) !important; max-height: min(44svh, calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 12svh)) !important; } body .lb-top-cart-panel.lb-top-cart-panel--cozy { top: calc(var(--lb-header-h-scroll-mobile, 54px) + 7svh) !important; max-height: min(56svh, calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 8svh)) !important; } body .lb-top-cart-panel.lb-top-cart-panel--comfy { top: calc(var(--lb-header-h-scroll-mobile, 54px) + 4svh) !important; max-height: min(68svh, calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 5svh)) !important; } body .lb-top-cart-panel.lb-top-cart-panel--stacked { top: calc(var(--lb-header-h-scroll-mobile, 54px) + 4px) !important; max-height: calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 4px) !important; } body .lb-top-cart-panel.lb-top-cart-panel--compact .lb-top-cart-panel__items { flex: 0 0 auto !important; overflow-y: visible !important; } body .lb-top-cart-panel.lb-top-cart-panel--cozy .lb-top-cart-panel__items, body .lb-top-cart-panel.lb-top-cart-panel--comfy .lb-top-cart-panel__items, body .lb-top-cart-panel.lb-top-cart-panel--stacked .lb-top-cart-panel__items { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; } body .lb-top-cart-panel__summary, body .lb-top-cart-panel__actions, body .lb-top-cart-panel__payments { flex: 0 0 auto !important; } body .lb-top-cart-panel__summary-grid--final { width: min(278px, calc(100% - 92px)) !important; } body .lb-top-cart-panel__item-saving { background: #edf8ef !important; color: #56a06f !important; } /* Tarjetas premium: más seguras y mejor alineadas */ .product-grid .card > .card__content, .template-search .card > .card__content, .collection .card > .card__content { padding: 6px 10px 12px !important; } .product-grid .card > .card__content .card__information, .template-search .card > .card__content .card__information, .collection .card > .card__content .card__information, .product-grid .card-information, .template-search .card-information, .collection .card-information { width: 100% !important; align-items: center !important; justify-content: flex-start !important; gap: 3px !important; } .product-grid .card > .card__content .card__heading, .template-search .card > .card__content .card__heading, .collection .card > .card__content .card__heading { width: 100% !important; padding: 0 4px !important; } .product-grid .card > .card__content .card__heading a, .template-search .card > .card__content .card__heading a, .collection .card > .card__content .card__heading a { display: block !important; width: 100% !important; font-size: 12.2px !important; line-height: 1.2 !important; font-weight: 650 !important; text-align: center !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .product-grid .lb-card-price-clean, .template-search .lb-card-price-clean, .collection .lb-card-price-clean { width: 100% !important; justify-content: center !important; gap: 2px 7px !important; } .product-grid .lb-card-offer-mini, .template-search .lb-card-offer-mini, .collection .lb-card-offer-mini { background: #edf8ef !important; color: #56a06f !important; margin-top: 0 !important; } .product-grid .lb-card-color-selector, .template-search .lb-card-color-selector, .collection .lb-card-color-selector { width: 100% !important; justify-content: center !important; gap: 8px !important; padding-top: 1px !important; } .product-grid .lb-card-color-button, .template-search .lb-card-color-button, .collection .lb-card-color-button { border-color: rgba(17,17,17,.12) !important; filter: saturate(1.35) contrast(1.12) brightness(1.03) !important; } /* === v22: precisión carrito header + tarjetas/colores === */ body .lb-top-cart-panel__logo { height: 38px !important; max-width: 245px !important; } body .lb-top-cart-panel__header { padding: 11px 18px 5px !important; border-bottom: 1px solid rgba(17,17,17,.08) !important; } body .lb-top-cart-panel__brand { gap: 4px !important; } body .lb-top-cart-panel__title { border-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; margin: 0 !important; } body .lb-top-cart-panel.lb-top-cart-panel--stacked { top: 0 !important; max-height: 100svh !important; height: 100svh !important; border-radius: 0 0 22px 22px !important; } body .lb-top-cart-panel.lb-top-cart-panel--stacked .lb-top-cart-panel__items { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; padding-bottom: 8px !important; } /* Tarjetas v22: precio/ahorro en una línea y swatches con imagen real de variante */ .product-grid .card > .card__content .card__heading a, .template-search .card > .card__content .card__heading a, .collection .card > .card__content .card__heading a { font-size: 12px !important; padding: 0 2px !important; } .product-grid .lb-card-price-clean, .template-search .lb-card-price-clean, .collection .lb-card-price-clean { width: 100% !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 4px 6px !important; margin-top: 0 !important; } .product-grid .lb-card-offer-mini, .template-search .lb-card-offer-mini, .collection .lb-card-offer-mini { padding: 3px 6px !important; font-size: 7.5px !important; background: #edf8ef !important; color: #56a06f !important; white-space: nowrap !important; } .product-grid .lb-card-color-button, .template-search .lb-card-color-button, .collection .lb-card-color-button { background-color: var(--lb-swatch-color, #9a8f82) !important; background-image: var(--lb-swatch-image, none) !important; background-size: cover !important; background-position: center center !important; filter: saturate(1.3) contrast(1.08) brightness(1.03) !important; } .product-grid .lb-card-color-button span, .template-search .lb-card-color-button span, .collection .lb-card-color-button span { background: transparent !important; } .product-grid .lb-card-color-button.is-active, .template-search .lb-card-color-button.is-active, .collection .lb-card-color-button.is-active { outline: 1px solid #111 !important; outline-offset: 2px !important; } /* === v23: ajuste fino carrito + tarjetas === */ /* Carrito: cabecera sin línea extra, bolsa más cerca de la línea real y más aprovechamiento vertical */ body .lb-top-cart-panel { max-height: calc(100svh - 8px) !important; } body .lb-top-cart-panel__logo { height: 42px !important; max-width: 260px !important; } body .lb-top-cart-panel__header { padding: 10px 18px 2px !important; border-bottom: 1px solid rgba(17,17,17,.08) !important; } body .lb-top-cart-panel__brand { gap: 3px !important; } body .lb-top-cart-panel__title { border-top: 0 !important; padding: 0 0 2px !important; margin: 0 !important; line-height: 1.08 !important; } body .lb-top-cart-panel__items { padding-top: 5px !important; } /* Altura dinámica: ver todos los productos hasta que ya no quepan; entonces scroll interno */ body .lb-top-cart-panel.lb-top-cart-panel--compact { top: calc(var(--lb-header-h-scroll-mobile, 54px) + 9svh) !important; height: auto !important; max-height: min(58svh, calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 10svh)) !important; } body .lb-top-cart-panel.lb-top-cart-panel--cozy { top: calc(var(--lb-header-h-scroll-mobile, 54px) + 5svh) !important; height: auto !important; max-height: min(72svh, calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 6svh)) !important; } body .lb-top-cart-panel.lb-top-cart-panel--comfy { top: calc(var(--lb-header-h-scroll-mobile, 54px) + 2svh) !important; height: auto !important; max-height: min(86svh, calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 3svh)) !important; } body .lb-top-cart-panel.lb-top-cart-panel--stacked { top: 6px !important; height: calc(100svh - 12px) !important; max-height: calc(100svh - 12px) !important; border-radius: 0 0 22px 22px !important; } body .lb-top-cart-panel.lb-top-cart-panel--compact .lb-top-cart-panel__items, body .lb-top-cart-panel.lb-top-cart-panel--cozy .lb-top-cart-panel__items { flex: 0 0 auto !important; overflow-y: visible !important; } body .lb-top-cart-panel.lb-top-cart-panel--comfy .lb-top-cart-panel__items, body .lb-top-cart-panel.lb-top-cart-panel--stacked .lb-top-cart-panel__items { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; overscroll-behavior: contain !important; } body .lb-top-cart-panel__summary, body .lb-top-cart-panel__actions, body .lb-top-cart-panel__payments { flex: 0 0 auto !important; } /* Carrito: ahorro abajo derecha de cada producto, precio se queda arriba */ body .lb-top-cart-panel__item { align-items: stretch !important; } body .lb-top-cart-panel__price { align-self: stretch !important; height: 100% !important; display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: flex-start !important; } body .lb-top-cart-panel__item-saving { margin-top: auto !important; align-self: flex-end !important; background: #edf8ef !important; color: #56a06f !important; } /* Tarjetas: precio y ahorro mejor posicionados; swatches más grandes y clicables */ .product-grid .lb-card-price-clean, .template-search .lb-card-price-clean, .collection .lb-card-price-clean { display: grid !important; grid-template-columns: auto auto !important; grid-template-areas: "old current" "saving saving" !important; justify-content: center !important; align-items: center !important; column-gap: 7px !important; row-gap: 3px !important; width: 100% !important; margin-top: 0 !important; } .product-grid .lb-card-price-old, .template-search .lb-card-price-old, .collection .lb-card-price-old { grid-area: old !important; justify-self: end !important; } .product-grid .lb-card-price-clean .price-item, .template-search .lb-card-price-clean .price-item, .collection .lb-card-price-clean .price-item { grid-area: current !important; justify-self: start !important; } .product-grid .lb-card-offer-mini, .template-search .lb-card-offer-mini, .collection .lb-card-offer-mini { grid-area: saving !important; justify-self: center !important; margin-top: 0 !important; background: #edf8ef !important; color: #56a06f !important; } .product-grid .lb-card-color-selector, .template-search .lb-card-color-selector, .collection .lb-card-color-selector { gap: 8px !important; padding-top: 3px !important; } .product-grid .lb-card-color-button, .template-search .lb-card-color-button, .collection .lb-card-color-button { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; border-radius: 999px !important; cursor: pointer !important; touch-action: manipulation !important; } /* Cuando el precio/ahorro no cabe, se mantiene compacto y no invade otra tarjeta */ @media screen and (max-width: 390px) { .product-grid .lb-card-price-clean, .template-search .lb-card-price-clean, .collection .lb-card-price-clean { column-gap: 5px !important; } .product-grid .lb-card-offer-mini, .template-search .lb-card-offer-mini, .collection .lb-card-offer-mini { padding: 3px 5px !important; font-size: 7.2px !important; } } /* === v24: carrito precio/ahorro + tarjetas línea premium === */ /* Carrito: cabecera más aprovechada y solo una línea separadora real */ body .lb-top-cart-panel__header { padding: 8px 18px 1px !important; border-bottom: 1px solid rgba(17,17,17,.08) !important; min-height: 0 !important; } body .lb-top-cart-panel__brand { gap: 2px !important; } body .lb-top-cart-panel__logo { height: 44px !important; max-width: 272px !important; } body .lb-top-cart-panel__title { border-top: 0 !important; padding: 0 0 1px !important; margin: 0 !important; } body .lb-top-cart-panel__items { padding-top: 4px !important; } /* Carrito: si ocupa pantalla útil, mantener esquinas superiores también redondeadas */ body .lb-top-cart-panel.lb-top-cart-panel--stacked { top: 6px !important; height: calc(100svh - 12px) !important; max-height: calc(100svh - 12px) !important; border-radius: 22px !important; overflow: hidden !important; } /* Carrito: 3 productos deben poder verse antes de forzar scroll visual agresivo */ body .lb-top-cart-panel.lb-top-cart-panel--comfy { top: calc(var(--lb-header-h-scroll-mobile, 54px) + 1svh) !important; max-height: min(90svh, calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 2svh)) !important; } /* Carrito: precio baja junto al ahorro, a la derecha del producto */ body .lb-top-cart-panel__price { align-self: stretch !important; display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: flex-end !important; min-height: 88px !important; padding-bottom: 2px !important; } body .lb-top-cart-panel__price-line { margin-bottom: 5px !important; } body .lb-top-cart-panel__item-saving { margin-top: 0 !important; align-self: flex-end !important; } /* Tarjetas: precio tachado / precio actual / ahorro en una línea premium */ .product-grid .lb-card-price-clean, .template-search .lb-card-price-clean, .collection .lb-card-price-clean { width: 100% !important; display: grid !important; grid-template-columns: minmax(0, auto) minmax(0, auto) minmax(0, auto) !important; grid-template-areas: "old current saving" !important; justify-content: center !important; align-items: center !important; column-gap: 5px !important; row-gap: 0 !important; margin-top: 0 !important; } .product-grid .lb-card-price-clean:not(.lb-card-price-clean--offer), .template-search .lb-card-price-clean:not(.lb-card-price-clean--offer), .collection .lb-card-price-clean:not(.lb-card-price-clean--offer) { display: flex !important; justify-content: center !important; } .product-grid .lb-card-price-old, .template-search .lb-card-price-old, .collection .lb-card-price-old { grid-area: old !important; justify-self: end !important; font-size: 9.8px !important; line-height: 1 !important; color: #c04545 !important; } .product-grid .lb-card-price-clean .price-item, .template-search .lb-card-price-clean .price-item, .collection .lb-card-price-clean .price-item { grid-area: current !important; justify-self: center !important; font-size: 11.8px !important; line-height: 1 !important; font-weight: 760 !important; color: #111 !important; } .product-grid .lb-card-offer-mini, .template-search .lb-card-offer-mini, .collection .lb-card-offer-mini { grid-area: saving !important; justify-self: start !important; margin: 0 !important; padding: 3px 5px !important; min-height: 15px !important; max-width: 100% !important; border-radius: 999px !important; background: #edf8ef !important; color: #56a06f !important; font-size: 6.9px !important; letter-spacing: .04em !important; line-height: 1 !important; white-space: nowrap !important; } .product-grid .lb-card-offer-mini strong, .template-search .lb-card-offer-mini strong, .collection .lb-card-offer-mini strong { font-size: 7.4px !important; line-height: 1 !important; } /* Tarjetas: variantes de color más grandes, clicables y sin header/outline que tape */ .product-grid .lb-card-color-selector, .template-search .lb-card-color-selector, .collection .lb-card-color-selector { gap: 7px !important; padding-top: 2px !important; margin-top: 0 !important; } .product-grid .lb-card-color-button, .template-search .lb-card-color-button, .collection .lb-card-color-button { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; border-radius: 999px !important; border: 1px solid rgba(17,17,17,.14) !important; outline: 0 !important; box-shadow: none !important; overflow: hidden !important; cursor: pointer !important; touch-action: manipulation !important; } .product-grid .lb-card-color-button.is-active, .template-search .lb-card-color-button.is-active, .collection .lb-card-color-button.is-active { outline: 0 !important; border-color: #111 !important; box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(17,17,17,.62) !important; } .product-grid .lb-card-color-button span, .template-search .lb-card-color-button span, .collection .lb-card-color-button span { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; } /* En pantallas estrechas: si no entra, mantener limpio sin invadir título/colores */ @media screen and (max-width: 370px) { .product-grid .lb-card-price-clean, .template-search .lb-card-price-clean, .collection .lb-card-price-clean { column-gap: 4px !important; } .product-grid .lb-card-price-old, .template-search .lb-card-price-old, .collection .lb-card-price-old { font-size: 9.2px !important; } .product-grid .lb-card-price-clean .price-item, .template-search .lb-card-price-clean .price-item, .collection .lb-card-price-clean .price-item { font-size: 11.2px !important; } .product-grid .lb-card-offer-mini, .template-search .lb-card-offer-mini, .collection .lb-card-offer-mini { font-size: 6.4px !important; padding: 3px 4px !important; } } /* === v25: carrito sin solape + tarjetas estilo referencia === */ /* Carrito: evitar que ENVÍO/TOTAL se coma el producto con 1 producto */ body .lb-top-cart-panel.lb-top-cart-panel--compact { top: calc(var(--lb-header-h-scroll-mobile, 54px) + 7svh) !important; height: auto !important; min-height: 0 !important; max-height: min(72svh, calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 8svh)) !important; } body .lb-top-cart-panel.lb-top-cart-panel--compact .lb-top-cart-panel__items, body .lb-top-cart-panel.lb-top-cart-panel--cozy .lb-top-cart-panel__items { flex: 0 0 auto !important; min-height: 104px !important; overflow-y: visible !important; } body .lb-top-cart-panel__item { grid-template-columns: 68px minmax(0,1fr) 92px !important; align-items: stretch !important; } body .lb-top-cart-panel__item-main { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; min-height: 88px !important; } body .lb-top-cart-panel__name { margin-bottom: 6px !important; } body .lb-top-cart-panel__meta { margin-top: 0 !important; } body .lb-top-cart-panel__controls { margin-top: auto !important; padding-top: 8px !important; } body .lb-top-cart-panel__price { align-self: stretch !important; min-height: 88px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-end !important; padding: 19px 0 0 !important; } body .lb-top-cart-panel__price-line { margin: 0 !important; display: inline-flex !important; align-items: baseline !important; justify-content: flex-end !important; gap: 6px !important; } body .lb-top-cart-panel__item-saving { margin-top: auto !important; margin-bottom: 2px !important; align-self: flex-end !important; } /* Carrito: más seguridad de flujo, resumen y botones nunca encima del producto */ body .lb-top-cart-panel__summary, body .lb-top-cart-panel__actions, body .lb-top-cart-panel__payments { position: relative !important; z-index: 2 !important; background: #fff !important; } body .lb-top-cart-panel__items { position: relative !important; z-index: 1 !important; } /* Tarjetas: referencia enviada — ahorro sobre imagen abajo derecha */ .product-grid .card__inner, .template-search .card__inner, .collection .card__inner { position: relative !important; } .product-grid .card__inner .lb-card-offer-mini, .template-search .card__inner .lb-card-offer-mini, .collection .card__inner .lb-card-offer-mini { display: none !important; } .product-grid .card__media::after, .template-search .card__media::after, .collection .card__media::after { content: attr(data-lb-card-saving) !important; display: none !important; } .product-grid .card:has(.lb-card-price-clean--offer) .card__media::after, .template-search .card:has(.lb-card-price-clean--offer) .card__media::after, .collection .card:has(.lb-card-price-clean--offer) .card__media::after { display: inline-flex !important; position: absolute !important; right: 8px !important; bottom: 8px !important; z-index: 5 !important; min-height: 22px !important; padding: 5px 8px !important; border-radius: 999px !important; background: rgba(237,248,239,.96) !important; color: #56a06f !important; font-size: 8.5px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .05em !important; box-shadow: 0 8px 22px rgba(0,0,0,.10) !important; backdrop-filter: blur(6px) !important; } /* Fallback: si el navegador no soporta :has, mantener el badge sin salirse */ .product-grid .lb-card-offer-mini, .template-search .lb-card-offer-mini, .collection .lb-card-offer-mini { grid-area: saving !important; justify-self: center !important; max-width: 92px !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Tarjetas: precio limpio debajo del título, colores debajo con poca separación */ .product-grid .lb-card-price-clean, .template-search .lb-card-price-clean, .collection .lb-card-price-clean { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: baseline !important; gap: 8px !important; width: 100% !important; margin: 0 !important; } .product-grid .lb-card-price-clean .lb-card-offer-mini, .template-search .lb-card-price-clean .lb-card-offer-mini, .collection .lb-card-price-clean .lb-card-offer-mini { display: none !important; } .product-grid .card-information, .template-search .card-information, .collection .card-information, .product-grid .card > .card__content .card__information, .template-search .card > .card__content .card__information, .collection .card > .card__content .card__information { gap: 4px !important; } .product-grid .lb-card-color-selector, .template-search .lb-card-color-selector, .collection .lb-card-color-selector { padding-top: 1px !important; margin-top: 0 !important; } /* Swatches: no tapar al pulsar, pero mantener active visible */ .product-grid .lb-card-color-button.is-active, .template-search .lb-card-color-button.is-active, .collection .lb-card-color-button.is-active { outline: 0 !important; box-shadow: 0 0 0 1px rgba(17,17,17,.38) !important; transform: none !important; } /* v25 safety: media badge positioning context */ .product-grid .card__media, .template-search .card__media, .collection .card__media { position: relative !important; } /* === v26: cierre fino carrito + tarjetas === */ /* Carrito: una sola altura de producto, todo dentro del alto de la imagen */ body .lb-top-cart-panel.lb-top-cart-panel--compact { max-height: min(78svh, calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 8svh)) !important; } body .lb-top-cart-panel.lb-top-cart-panel--compact .lb-top-cart-panel__items, body .lb-top-cart-panel.lb-top-cart-panel--cozy .lb-top-cart-panel__items { min-height: 0 !important; overflow-y: visible !important; } body .lb-top-cart-panel__item { min-height: 88px !important; grid-template-columns: 68px minmax(0,1fr) 96px !important; column-gap: 12px !important; align-items: stretch !important; } body .lb-top-cart-panel__image-link, body .lb-top-cart-panel__image-placeholder, body .lb-top-cart-panel__item img { height: 88px !important; } body .lb-top-cart-panel__item-main { min-height: 88px !important; display: grid !important; grid-template-rows: auto 1fr auto !important; align-items: stretch !important; } body .lb-top-cart-panel__name { margin: 0 !important; align-self: start !important; } body .lb-top-cart-panel__meta { margin: 0 !important; display: flex !important; align-items: center !important; min-height: 22px !important; } body .lb-top-cart-panel__promos { display: none !important; } body .lb-top-cart-panel__controls { align-self: end !important; margin-top: 0 !important; padding-top: 0 !important; } body .lb-top-cart-panel__price { min-height: 88px !important; padding: 0 !important; display: grid !important; grid-template-rows: auto 1fr auto !important; align-items: stretch !important; justify-items: end !important; } body .lb-top-cart-panel__price-line { grid-row: 2 !important; align-self: center !important; justify-self: end !important; } body .lb-top-cart-panel__item-saving { grid-row: 3 !important; align-self: end !important; justify-self: end !important; margin: 0 !important; } /* Tarjetas: quitar ahorro, agrandar precios y alinear precios/colores a la derecha */ .product-grid .card__media::after, .template-search .card__media::after, .collection .card__media::after, .product-grid .lb-card-offer-mini, .template-search .lb-card-offer-mini, .collection .lb-card-offer-mini { display: none !important; content: none !important; } .product-grid .lb-card-price-clean, .template-search .lb-card-price-clean, .collection .lb-card-price-clean { width: 100% !important; display: inline-flex !important; justify-content: flex-end !important; align-items: baseline !important; gap: 8px !important; text-align: right !important; } .product-grid .lb-card-price-old, .template-search .lb-card-price-old, .collection .lb-card-price-old { font-size: 11.3px !important; color: #c04545 !important; } .product-grid .lb-card-price-clean .price-item, .template-search .lb-card-price-clean .price-item, .collection .lb-card-price-clean .price-item { font-size: 13.8px !important; font-weight: 780 !important; color: #111 !important; } .product-grid .lb-card-color-selector, .template-search .lb-card-color-selector, .collection .lb-card-color-selector { width: 100% !important; justify-content: flex-end !important; gap: 8px !important; position: relative !important; z-index: 7 !important; pointer-events: auto !important; } .product-grid .lb-card-color-button, .template-search .lb-card-color-button, .collection .lb-card-color-button { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; position: relative !important; z-index: 8 !important; pointer-events: auto !important; } .product-grid .card__content, .template-search .card__content, .collection .card__content, .product-grid .card-information, .template-search .card-information, .collection .card-information { position: relative !important; z-index: 6 !important; } .product-grid .lb-card-color-button.is-active, .template-search .lb-card-color-button.is-active, .collection .lb-card-color-button.is-active { box-shadow: 0 0 0 1px rgba(17,17,17,.30) !important; } /* === v27: correcciones finas carrito + tarjetas === */ /* Carrito: layout estable, sin variar con nº de productos */ body .lb-top-cart-panel__item { height: 88px !important; min-height: 88px !important; max-height: 88px !important; align-items: flex-start !important; } body .lb-top-cart-panel__item-main { height: 88px !important; min-height: 88px !important; max-height: 88px !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: stretch !important; } body .lb-top-cart-panel__name { flex: 0 0 auto !important; margin: 0 0 6px !important; } body .lb-top-cart-panel__meta { flex: 0 0 auto !important; min-height: 18px !important; margin: 0 !important; line-height: 1.25 !important; } body .lb-top-cart-panel__controls { flex: 0 0 auto !important; margin-top: auto !important; padding-top: 6px !important; } body .lb-top-cart-panel__price { height: 88px !important; min-height: 88px !important; max-height: 88px !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: flex-end !important; padding: 0 !important; } body .lb-top-cart-panel__price-line { flex: 0 0 auto !important; margin-top: 27px !important; line-height: 1 !important; } body .lb-top-cart-panel__item-saving { flex: 0 0 auto !important; margin-top: auto !important; margin-bottom: 0 !important; } body .lb-top-cart-panel.lb-top-cart-panel--compact .lb-top-cart-panel__items, body .lb-top-cart-panel.lb-top-cart-panel--cozy .lb-top-cart-panel__items, body .lb-top-cart-panel.lb-top-cart-panel--comfy .lb-top-cart-panel__items, body .lb-top-cart-panel.lb-top-cart-panel--stacked .lb-top-cart-panel__items { padding-bottom: 10px !important; } /* Tarjetas: precios realmente a la derecha y swatches clicables */ .product-grid .card > .card__content .card__information, .template-search .card > .card__content .card__information, .collection .card > .card__content .card__information, .product-grid .card-information, .template-search .card-information, .collection .card-information { align-items: stretch !important; } .product-grid .lb-card-price-clean, .template-search .lb-card-price-clean, .collection .lb-card-price-clean { justify-content: flex-end !important; text-align: right !important; margin-left: auto !important; padding-right: 2px !important; } .product-grid .lb-card-color-selector, .template-search .lb-card-color-selector, .collection .lb-card-color-selector { justify-content: flex-end !important; margin-left: auto !important; padding-right: 2px !important; } /* neutralizar overlays que tapan el click */ .product-grid .card__heading a, .template-search .card__heading a, .collection .card__heading a { position: relative !important; z-index: 2 !important; } .product-grid .card__content .quick-add, .template-search .card__content .quick-add, .collection .card__content .quick-add, .product-grid .card .quick-add, .template-search .card .quick-add, .collection .card .quick-add { pointer-events: none !important; } .product-grid .lb-card-color-selector *, .template-search .lb-card-color-selector *, .collection .lb-card-color-selector * { pointer-events: auto !important; } /* === v28: último ajuste carrito + tarjetas === */ body .lb-top-cart-panel.lb-top-cart-panel--compact { height: fit-content !important; max-height: min(62svh, calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 8svh)) !important; } body .lb-top-cart-panel__item { grid-template-columns: 68px minmax(0,1fr) 92px !important; } body .lb-top-cart-panel__item-main { justify-content: flex-start !important; } body .lb-top-cart-panel__name { margin: 0 0 5px !important; } body .lb-top-cart-panel__meta { display: block !important; margin-top: 18px !important; min-height: 0 !important; } body .lb-top-cart-panel__controls { margin-top: auto !important; padding-top: 0 !important; display: flex !important; justify-content: flex-start !important; align-items: center !important; gap: 8px !important; } body .lb-top-cart-panel__price { justify-content: flex-start !important; align-items: flex-end !important; } body .lb-top-cart-panel__price-line { margin-top: 38px !important; justify-content: flex-end !important; } body .lb-top-cart-panel__item-saving { align-self: flex-end !important; justify-self: flex-end !important; } /* Tarjetas */ .product-grid .lb-card-price-clean, .template-search .lb-card-price-clean, .collection .lb-card-price-clean { margin-top: -2px !important; margin-bottom: 2px !important; justify-content: flex-end !important; width: auto !important; margin-left: auto !important; } .product-grid .lb-card-color-selector, .template-search .lb-card-color-selector, .collection .lb-card-color-selector { width: auto !important; margin-left: auto !important; } .product-grid [data-lb-card-color-selector], .template-search [data-lb-card-color-selector], .collection [data-lb-card-color-selector], .product-grid [data-lb-card-color-button], .template-search [data-lb-card-color-button], .collection [data-lb-card-color-button] { touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important; } /* === v29: corrección quirúrgica carrito + tarjetas === */ /* Carrito: geometría y línea separadora fuera del contenido */ body .lb-top-cart-panel.lb-top-cart-panel--compact { top: calc(var(--lb-header-h-scroll-mobile, 54px) + 10svh) !important; } body .lb-top-cart-panel__item { position: relative !important; height: 88px !important; min-height: 88px !important; max-height: 88px !important; padding: 0 0 8px !important; border-bottom: 0 !important; overflow: visible !important; } body .lb-top-cart-panel__item::after { content: '' !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: -6px !important; height: 1px !important; background: rgba(17,17,17,.065) !important; } body .lb-top-cart-panel__item-main { height: 88px !important; min-height: 88px !important; max-height: 88px !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } body .lb-top-cart-panel__name { margin: 0 0 4px !important; } body .lb-top-cart-panel__meta { margin: 21px 0 0 !important; line-height: 1.2 !important; } body .lb-top-cart-panel__controls { margin-top: auto !important; padding-top: 0 !important; justify-content: flex-start !important; width: 100% !important; } body .lb-top-cart-panel__price { height: 88px !important; min-height: 88px !important; max-height: 88px !important; padding: 0 !important; justify-content: flex-start !important; } body .lb-top-cart-panel__price-line { margin-top: 39px !important; } body .lb-top-cart-panel__item-saving { margin-top: auto !important; } /* Tarjetas: precios más arriba y más a la derecha */ .product-grid .lb-card-price-clean, .template-search .lb-card-price-clean, .collection .lb-card-price-clean { width: 100% !important; justify-content: flex-end !important; margin-top: -5px !important; margin-right: 0 !important; padding-right: 0 !important; } .product-grid .lb-card-color-selector, .template-search .lb-card-color-selector, .collection .lb-card-color-selector { width: 100% !important; justify-content: flex-end !important; } .product-grid .lb-card-color-button, .template-search .lb-card-color-button, .collection .lb-card-color-button { z-index: 50 !important; position: relative !important; } .product-grid [data-lb-card-gallery], .template-search [data-lb-card-gallery], .collection [data-lb-card-gallery] { z-index: 1 !important; } /* === v30: carrito microajuste + tarjetas globales === */ /* Carrito: 1 producto un poco más abajo */ body .lb-top-cart-panel.lb-top-cart-panel--compact { top: calc(var(--lb-header-h-scroll-mobile, 54px) + 12svh) !important; } /* Carrito: subir Color/Talla/Cantidad para quedar en el centro real de la imagen */ body .lb-top-cart-panel__meta { margin-top: 13px !important; align-self: start !important; } body .lb-top-cart-panel__price-line { margin-top: 33px !important; } /* Carrito: conservar controles pegados a izquierda junto a imagen */ body .lb-top-cart-panel__controls { justify-content: flex-start !important; align-items: center !important; margin-left: 0 !important; } /* Tarjetas globales: aplicar a colección, búsqueda, filtros, recomendados y cualquier card de producto */ .card-wrapper .lb-card-price-clean, .product-card-wrapper .lb-card-price-clean, .card .lb-card-price-clean, .grid__item .lb-card-price-clean, .related-products .lb-card-price-clean, .complementary-products .lb-card-price-clean, .product-recommendations .lb-card-price-clean, .predictive-search .lb-card-price-clean, .template-search .lb-card-price-clean, .collection .lb-card-price-clean, .product-grid .lb-card-price-clean { width: 100% !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-end !important; align-items: baseline !important; gap: 8px !important; margin-top: -5px !important; margin-left: auto !important; padding-right: 0 !important; text-align: right !important; } .card-wrapper .lb-card-price-old, .product-card-wrapper .lb-card-price-old, .card .lb-card-price-old, .grid__item .lb-card-price-old, .related-products .lb-card-price-old, .complementary-products .lb-card-price-old, .product-recommendations .lb-card-price-old, .predictive-search .lb-card-price-old, .template-search .lb-card-price-old, .collection .lb-card-price-old, .product-grid .lb-card-price-old { font-size: 11.3px !important; color: #c04545 !important; } .card-wrapper .lb-card-price-clean .price-item, .product-card-wrapper .lb-card-price-clean .price-item, .card .lb-card-price-clean .price-item, .grid__item .lb-card-price-clean .price-item, .related-products .lb-card-price-clean .price-item, .complementary-products .lb-card-price-clean .price-item, .product-recommendations .lb-card-price-clean .price-item, .predictive-search .lb-card-price-clean .price-item, .template-search .lb-card-price-clean .price-item, .collection .lb-card-price-clean .price-item, .product-grid .lb-card-price-clean .price-item { font-size: 13.8px !important; font-weight: 780 !important; color: #111 !important; } /* Tarjetas globales: swatches a la derecha en todas las cards */ .card-wrapper .lb-card-color-selector, .product-card-wrapper .lb-card-color-selector, .card .lb-card-color-selector, .grid__item .lb-card-color-selector, .related-products .lb-card-color-selector, .complementary-products .lb-card-color-selector, .product-recommendations .lb-card-color-selector, .predictive-search .lb-card-color-selector, .template-search .lb-card-color-selector, .collection .lb-card-color-selector, .product-grid .lb-card-color-selector { width: 100% !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 8px !important; margin-left: auto !important; padding-right: 0 !important; position: relative !important; z-index: 100 !important; pointer-events: auto !important; } /* Reparar clic después de scroll: eliminar overlays por encima de swatches */ .card-wrapper .card__heading a::after, .product-card-wrapper .card__heading a::after, .card .card__heading a::after, .grid__item .card__heading a::after, .related-products .card__heading a::after, .complementary-products .card__heading a::after, .product-recommendations .card__heading a::after, .predictive-search .card__heading a::after, .template-search .card__heading a::after, .collection .card__heading a::after, .product-grid .card__heading a::after { pointer-events: none !important; } .card-wrapper .lb-card-color-button, .product-card-wrapper .lb-card-color-button, .card .lb-card-color-button, .grid__item .lb-card-color-button, .related-products .lb-card-color-button, .complementary-products .lb-card-color-button, .product-recommendations .lb-card-color-button, .predictive-search .lb-card-color-button, .template-search .lb-card-color-button, .collection .lb-card-color-button, .product-grid .lb-card-color-button { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; position: relative !important; z-index: 110 !important; pointer-events: auto !important; cursor: pointer !important; touch-action: manipulation !important; } /* Si la tarjeta tiene carrusel, que el carrusel no capture clics de la zona inferior */ .card-wrapper .card__content, .product-card-wrapper .card__content, .card .card__content, .grid__item .card__content { position: relative !important; z-index: 80 !important; } /* === v31: carrito limpio + tarjetas global final === */ /* Carrito: anular posiciones antiguas con layout absoluto dentro de la altura de imagen */ html body .lb-top-cart-panel.lb-top-cart-panel--compact { top: calc(var(--lb-header-h-scroll-mobile, 54px) + 14svh) !important; height: fit-content !important; } html body .lb-top-cart-panel.lb-top-cart-panel--compact .lb-top-cart-panel__items, html body .lb-top-cart-panel.lb-top-cart-panel--cozy .lb-top-cart-panel__items, html body .lb-top-cart-panel.lb-top-cart-panel--comfy .lb-top-cart-panel__items { flex: 0 0 auto !important; height: auto !important; min-height: 0 !important; overflow-y: visible !important; } html body .lb-top-cart-panel__item { position: relative !important; display: grid !important; grid-template-columns: 68px minmax(0, 1fr) 92px !important; column-gap: 8px !important; height: 88px !important; min-height: 88px !important; max-height: 88px !important; padding: 0 0 10px !important; align-items: start !important; border-bottom: 0 !important; overflow: visible !important; } html body .lb-top-cart-panel__item::after { content: '' !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: -7px !important; height: 1px !important; background: rgba(17,17,17,.065) !important; } html body .lb-top-cart-panel__image-link, html body .lb-top-cart-panel__image-placeholder, html body .lb-top-cart-panel__item img { width: 68px !important; height: 88px !important; } html body .lb-top-cart-panel__item-main { position: relative !important; height: 88px !important; min-height: 88px !important; max-height: 88px !important; display: block !important; min-width: 0 !important; } html body .lb-top-cart-panel__name { position: absolute !important; left: 0 !important; right: 0 !important; top: 0 !important; margin: 0 !important; line-height: 1.18 !important; max-height: 30px !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; } html body .lb-top-cart-panel__meta { position: absolute !important; left: 0 !important; right: 0 !important; top: 31px !important; margin: 0 !important; line-height: 1.2 !important; min-height: 0 !important; display: block !important; } html body .lb-top-cart-panel__controls { position: absolute !important; left: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; justify-content: flex-start !important; align-items: center !important; gap: 8px !important; width: auto !important; } html body .lb-top-cart-panel__price { position: relative !important; height: 88px !important; min-height: 88px !important; max-height: 88px !important; padding: 0 !important; display: block !important; text-align: right !important; } html body .lb-top-cart-panel__price-line { position: absolute !important; right: 0 !important; top: 31px !important; margin: 0 !important; line-height: 1 !important; display: inline-flex !important; justify-content: flex-end !important; align-items: baseline !important; gap: 6px !important; } html body .lb-top-cart-panel__item-saving { position: absolute !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; align-self: auto !important; justify-self: auto !important; } /* Tarjetas: precio a la derecha para cualquier price de cualquier tarjeta */ html body .card-wrapper .card__information, html body .product-card-wrapper .card__information, html body .card .card__information, html body .grid__item .card__information, html body .related-products .card__information, html body .product-recommendations .card__information, html body .predictive-search .card__information, html body .template-search .card__information, html body .collection .card__information { display: flex !important; flex-direction: column !important; align-items: stretch !important; } html body .card-wrapper .card-information, html body .product-card-wrapper .card-information, html body .card .card-information, html body .grid__item .card-information, html body .related-products .card-information, html body .product-recommendations .card-information, html body .predictive-search .card-information, html body .template-search .card-information, html body .collection .card-information { display: flex !important; flex-direction: column !important; align-items: stretch !important; } html body .card-wrapper .price, html body .product-card-wrapper .price, html body .card .price, html body .grid__item .price, html body .related-products .price, html body .product-recommendations .price, html body .predictive-search .price, html body .template-search .price, html body .collection .price, html body .product-grid .price, html body .card-wrapper .lb-card-price-clean, html body .product-card-wrapper .lb-card-price-clean, html body .card .lb-card-price-clean, html body .grid__item .lb-card-price-clean, html body .related-products .lb-card-price-clean, html body .product-recommendations .lb-card-price-clean, html body .predictive-search .lb-card-price-clean, html body .template-search .lb-card-price-clean, html body .collection .lb-card-price-clean, html body .product-grid .lb-card-price-clean { width: 100% !important; display: flex !important; flex-direction: row !important; justify-content: flex-end !important; align-items: baseline !important; text-align: right !important; gap: 8px !important; margin-top: -5px !important; margin-left: auto !important; margin-right: 0 !important; padding-right: 0 !important; } html body .card-wrapper .price__container, html body .product-card-wrapper .price__container, html body .card .price__container, html body .grid__item .price__container, html body .related-products .price__container, html body .product-recommendations .price__container, html body .predictive-search .price__container, html body .template-search .price__container, html body .collection .price__container { margin-left: auto !important; text-align: right !important; } html body .card-wrapper .price__regular, html body .card-wrapper .price__sale, html body .product-card-wrapper .price__regular, html body .product-card-wrapper .price__sale, html body .card .price__regular, html body .card .price__sale, html body .grid__item .price__regular, html body .grid__item .price__sale, html body .related-products .price__regular, html body .related-products .price__sale, html body .product-recommendations .price__regular, html body .product-recommendations .price__sale, html body .template-search .price__regular, html body .template-search .price__sale, html body .collection .price__regular, html body .collection .price__sale { display: inline-flex !important; justify-content: flex-end !important; align-items: baseline !important; gap: 8px !important; } /* Tarjetas: swatches siempre por encima y clicables incluso tras scroll de imagen */ html body .card__heading a::after, html body .full-unstyled-link::after { display: none !important; pointer-events: none !important; } html body .card__inner { position: relative !important; z-index: 1 !important; } html body .card > .card__content, html body .card-wrapper .card__content, html body .product-card-wrapper .card__content, html body .grid__item .card__content { position: relative !important; z-index: 200 !important; pointer-events: auto !important; } html body .card-wrapper .lb-card-color-selector, html body .product-card-wrapper .lb-card-color-selector, html body .card .lb-card-color-selector, html body .grid__item .lb-card-color-selector, html body .related-products .lb-card-color-selector, html body .product-recommendations .lb-card-color-selector, html body .predictive-search .lb-card-color-selector, html body .template-search .lb-card-color-selector, html body .collection .lb-card-color-selector, html body .product-grid .lb-card-color-selector { width: 100% !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 8px !important; margin-left: auto !important; position: relative !important; z-index: 300 !important; pointer-events: auto !important; } html body .card-wrapper .lb-card-color-button, html body .product-card-wrapper .lb-card-color-button, html body .card .lb-card-color-button, html body .grid__item .lb-card-color-button, html body .related-products .lb-card-color-button, html body .product-recommendations .lb-card-color-button, html body .predictive-search .lb-card-color-button, html body .template-search .lb-card-color-button, html body .collection .lb-card-color-button, html body .product-grid .lb-card-color-button { position: relative !important; z-index: 310 !important; pointer-events: auto !important; cursor: pointer !important; touch-action: manipulation !important; } /* === v32: cierre carrito + tarjetas global real === */ /* Carrito: que 2 y 3 productos no dejen vacío antes de ENVÍO/TOTAL */ html body .lb-top-cart-panel.lb-top-cart-panel--cozy, html body .lb-top-cart-panel.lb-top-cart-panel--comfy { height: fit-content !important; min-height: 0 !important; max-height: calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 10px) !important; } html body .lb-top-cart-panel.lb-top-cart-panel--cozy .lb-top-cart-panel__items, html body .lb-top-cart-panel.lb-top-cart-panel--comfy .lb-top-cart-panel__items { flex: 0 0 auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow-y: visible !important; } html body .lb-top-cart-panel.lb-top-cart-panel--cozy .lb-top-cart-panel__summary, html body .lb-top-cart-panel.lb-top-cart-panel--comfy .lb-top-cart-panel__summary { margin-top: 6px !important; } /* Bolsa de compras más visible dentro del carrito */ html body .lb-top-cart-panel__title { font-size: 11.8px !important; font-weight: 820 !important; letter-spacing: .18em !important; color: #111 !important; opacity: 1 !important; } /* Cart page / drawer: AHORRAS total no ocupa todo el ancho, queda como badge derecho */ html body .lb-cart-total-saving, html body cart-drawer .lb-cart-total-saving, html body .cart__footer .lb-cart-total-saving, html body .cart-drawer .lb-cart-total-saving, html body .drawer__footer .lb-cart-total-saving, html body #main-cart-footer .lb-cart-total-saving { width: fit-content !important; max-width: max-content !important; margin-left: auto !important; margin-right: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 7px !important; padding: 5px 9px !important; border-radius: 999px !important; background: #edf8ef !important; color: #56a06f !important; text-align: right !important; } html body .lb-cart-total-saving span, html body .lb-cart-total-saving strong { white-space: nowrap !important; } /* Tarjetas: precio a la derecha en absolutamente todas las cards, con o sin descuento/variante */ html body .card-wrapper .price, html body .product-card-wrapper .price, html body .card .price, html body .grid__item .price, html body .related-products .price, html body .complementary-products .price, html body .product-recommendations .price, html body .predictive-search .price, html body .template-search .price, html body .collection .price, html body .product-grid .price, html body .slider__slide .price, html body .contains-card .price, html body [class*="recommend"] .price, html body [id*="ProductGrid"] .price { width: 100% !important; display: flex !important; justify-content: flex-end !important; align-items: baseline !important; text-align: right !important; margin-left: auto !important; margin-right: 0 !important; padding-right: 0 !important; } html body .card-wrapper .price__container, html body .product-card-wrapper .price__container, html body .card .price__container, html body .grid__item .price__container, html body .related-products .price__container, html body .complementary-products .price__container, html body .product-recommendations .price__container, html body .predictive-search .price__container, html body .template-search .price__container, html body .collection .price__container, html body .product-grid .price__container, html body .slider__slide .price__container, html body .contains-card .price__container, html body [class*="recommend"] .price__container { width: 100% !important; display: flex !important; justify-content: flex-end !important; align-items: baseline !important; text-align: right !important; margin-left: auto !important; } html body .card-wrapper .price__regular, html body .card-wrapper .price__sale, html body .product-card-wrapper .price__regular, html body .product-card-wrapper .price__sale, html body .card .price__regular, html body .card .price__sale, html body .grid__item .price__regular, html body .grid__item .price__sale, html body .related-products .price__regular, html body .related-products .price__sale, html body .complementary-products .price__regular, html body .complementary-products .price__sale, html body .product-recommendations .price__regular, html body .product-recommendations .price__sale, html body .predictive-search .price__regular, html body .predictive-search .price__sale, html body .template-search .price__regular, html body .template-search .price__sale, html body .collection .price__regular, html body .collection .price__sale, html body .product-grid .price__regular, html body .product-grid .price__sale, html body .slider__slide .price__regular, html body .slider__slide .price__sale, html body .contains-card .price__regular, html body .contains-card .price__sale, html body [class*="recommend"] .price__regular, html body [class*="recommend"] .price__sale { width: auto !important; margin-left: auto !important; display: inline-flex !important; justify-content: flex-end !important; align-items: baseline !important; gap: 8px !important; text-align: right !important; } /* Card info global: no permitir que reglas antiguas centren el precio */ html body .card-wrapper .card-information, html body .product-card-wrapper .card-information, html body .card .card-information, html body .grid__item .card-information, html body .related-products .card-information, html body .complementary-products .card-information, html body .product-recommendations .card-information, html body .template-search .card-information, html body .collection .card-information, html body .product-grid .card-information, html body .slider__slide .card-information, html body .contains-card .card-information { align-items: stretch !important; text-align: right !important; } /* Swatches: que sigan clicables aunque se haya hecho scroll horizontal dentro de la tarjeta */ html body .lb-card-color-selector, html body [data-lb-card-color-selector] { position: relative !important; z-index: 999 !important; pointer-events: auto !important; touch-action: manipulation !important; } html body .lb-card-color-button, html body [data-lb-card-color-button] { position: relative !important; z-index: 1000 !important; pointer-events: auto !important; touch-action: manipulation !important; cursor: pointer !important; } html body [data-lb-card-gallery], html body .lb-card-media-track, html body .lb-card-media-slide { z-index: 1 !important; } html body .card > .card__content, html body .card-wrapper .card__content, html body .product-card-wrapper .card__content, html body .grid__item .card__content, html body .slider__slide .card__content { z-index: 900 !important; } /* === v33: cierre cart 4/5 + cart page + cards sin descuento === */ /* Carrito: 4 y 5 productos no deben abrir altura completa ni dejar vacío abajo */ html body .lb-top-cart-panel.lb-top-cart-panel--stacked.lb-top-cart-panel--four, html body .lb-top-cart-panel.lb-top-cart-panel--stacked.lb-top-cart-panel--five { height: fit-content !important; min-height: 0 !important; max-height: calc(100svh - var(--lb-header-h-scroll-mobile, 54px) - 10px) !important; } html body .lb-top-cart-panel.lb-top-cart-panel--stacked.lb-top-cart-panel--four .lb-top-cart-panel__items, html body .lb-top-cart-panel.lb-top-cart-panel--stacked.lb-top-cart-panel--five .lb-top-cart-panel__items { flex: 0 0 auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow-y: visible !important; } html body .lb-top-cart-panel.lb-top-cart-panel--many { height: calc(100svh - 12px) !important; max-height: calc(100svh - 12px) !important; } html body .lb-top-cart-panel.lb-top-cart-panel--many .lb-top-cart-panel__items { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; } /* Cart page / drawer: AHORRAS total siempre a la derecha */ html body .cart__footer .lb-cart-total-saving, html body .cart-drawer .lb-cart-total-saving, html body .drawer__footer .lb-cart-total-saving, html body #main-cart-footer .lb-cart-total-saving, html body cart-drawer .lb-cart-total-saving, html body .totals + .lb-cart-total-saving, html body .lb-cart-total-saving { display: inline-flex !important; width: fit-content !important; max-width: max-content !important; margin-left: auto !important; margin-right: 0 !important; justify-content: flex-end !important; align-items: center !important; text-align: right !important; align-self: flex-end !important; justify-self: end !important; float: right !important; clear: both !important; } /* Cart page: ÚLTIMAS UNIDADES dentro del cuadro, sin salirse */ html body .lb-cart-item-promos { display: flex !important; justify-content: flex-start !important; align-items: center !important; max-width: 100% !important; } html body .lb-cart-item-promo, html body .lb-cart-item-promo--stock { width: fit-content !important; max-width: 100% !important; min-height: 24px !important; height: auto !important; padding: 5px 8px !important; line-height: 1.15 !important; white-space: normal !important; overflow: visible !important; text-align: left !important; } html body .lb-cart-item-promo--stock span:last-child { display: inline-block !important; max-width: 100% !important; line-height: 1.15 !important; white-space: normal !important; } /* Tarjetas: precios sin descuento también a la derecha en TODAS las cards */ html body .card-information > .price, html body .card__information > .price, html body .card-wrapper .card-information > .price, html body .product-card-wrapper .card-information > .price, html body .grid__item .card-information > .price, html body .slider__slide .card-information > .price, html body .contains-card .card-information > .price, html body .related-products .card-information > .price, html body .complementary-products .card-information > .price, html body .product-recommendations .card-information > .price, html body .template-search .card-information > .price, html body .collection .card-information > .price, html body .product-grid .card-information > .price { align-self: stretch !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; text-align: right !important; justify-content: flex-end !important; } html body .card-information .price__regular, html body .card-information .price__sale, html body .card__information .price__regular, html body .card__information .price__sale, html body .card-wrapper .price__regular, html body .card-wrapper .price__sale, html body .product-card-wrapper .price__regular, html body .product-card-wrapper .price__sale, html body .grid__item .price__regular, html body .grid__item .price__sale, html body .slider__slide .price__regular, html body .slider__slide .price__sale, html body .contains-card .price__regular, html body .contains-card .price__sale, html body .related-products .price__regular, html body .related-products .price__sale, html body .complementary-products .price__regular, html body .complementary-products .price__sale, html body .product-recommendations .price__regular, html body .product-recommendations .price__sale, html body .template-search .price__regular, html body .template-search .price__sale, html body .collection .price__regular, html body .collection .price__sale, html body .product-grid .price__regular, html body .product-grid .price__sale { width: 100% !important; display: flex !important; justify-content: flex-end !important; text-align: right !important; margin-left: auto !important; } html body .card-information .price-item--regular, html body .card__information .price-item--regular, html body .card-wrapper .price-item--regular, html body .product-card-wrapper .price-item--regular, html body .grid__item .price-item--regular, html body .slider__slide .price-item--regular, html body .contains-card .price-item--regular, html body .related-products .price-item--regular, html body .complementary-products .price-item--regular, html body .product-recommendations .price-item--regular, html body .template-search .price-item--regular, html body .collection .price-item--regular, html body .product-grid .price-item--regular { display: block !important; width: 100% !important; text-align: right !important; margin-left: auto !important; } /* Swatches: máxima prioridad de toque tras scroll */ html body [data-lb-card-color-selector], html body [data-lb-card-color-button] { -webkit-user-select: none !important; user-select: none !important; pointer-events: auto !important; } /* === v34: cierre carrito 5 productos + cart page + swatches === */ /* Carrito superior: 5 productos ya usa altura máxima y scroll si hace falta, sin tapar último producto */ html body .lb-top-cart-panel.lb-top-cart-panel--stacked.lb-top-cart-panel--five { top: 6px !important; height: calc(100svh - 12px) !important; max-height: calc(100svh - 12px) !important; min-height: 0 !important; } html body .lb-top-cart-panel.lb-top-cart-panel--stacked.lb-top-cart-panel--five .lb-top-cart-panel__items { flex: 1 1 auto !important; min-height: 0 !important; max-height: none !important; overflow-y: auto !important; overscroll-behavior: contain !important; padding-bottom: 16px !important; } /* Carrito superior: ver imagen entera dentro del cuadro sin cambiar tamaño del cuadro */ html body .lb-top-cart-panel__image-link, html body .lb-top-cart-panel__image-placeholder { background: #f7f4f0 !important; } html body .lb-top-cart-panel__item img, html body .lb-top-cart-panel__image-link img { object-fit: contain !important; object-position: center center !important; background: #f7f4f0 !important; } /* Cart page/drawer: quitar AHORRAS total y limpiar Total/Envío */ html body .lb-cart-total-saving { display: none !important; } html body .cart__footer .totals, html body .cart-drawer .totals, html body .drawer__footer .totals, html body #main-cart-footer .totals, html body cart-drawer .totals { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 14px !important; text-align: right !important; } html body .cart__footer .totals__total, html body .cart-drawer .totals__total, html body .drawer__footer .totals__total, html body #main-cart-footer .totals__total, html body cart-drawer .totals__total { margin: 0 !important; color: #111 !important; font-weight: 800 !important; text-transform: uppercase !important; } html body .cart__footer .totals__total-value, html body .cart-drawer .totals__total-value, html body .drawer__footer .totals__total-value, html body #main-cart-footer .totals__total-value, html body cart-drawer .totals__total-value { margin-left: auto !important; margin-right: 0 !important; text-align: right !important; color: #111 !important; font-weight: 850 !important; } html body .lb-cart-summary-shipping span, html body .lb-cart-summary-shipping strong { color: #56a06f !important; font-weight: 850 !important; } /* Cart page: Últimas unidades siempre dentro del cuadro */ html body .lb-cart-item-promos { max-width: 100% !important; overflow: visible !important; } html body .lb-cart-item-promo--stock { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; max-width: 100% !important; min-height: 26px !important; padding: 5px 9px !important; border-radius: 999px !important; line-height: 1.12 !important; white-space: normal !important; overflow: visible !important; box-sizing: border-box !important; } html body .lb-cart-item-promo--stock span:last-child { white-space: normal !important; line-height: 1.12 !important; } /* Swatches: reset visual/touch state after gallery scroll */ html body [data-lb-card-color-selector], html body [data-lb-card-color-button] { pointer-events: auto !important; touch-action: manipulation !important; z-index: 9999 !important; } html body .lb-card-media-track, html body .lb-card-media-slide, html body [data-lb-card-gallery] { z-index: 1 !important; } html body .card__content, html body .card-wrapper .card__content, html body .product-card-wrapper .card__content, html body .grid__item .card__content { z-index: 9000 !important; pointer-events: auto !important; } /* === v35: cart page/drawer resumen + badges producto + swatches final === */ /* Cart page / cart drawer: resumen en una sola fila: envío izquierda, total+precio derecha */ html body .lb-cart-final-summary-row { width: 100% !important; display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 16px !important; margin-top: 10px !important; } html body .lb-cart-final-summary-row .lb-cart-summary-shipping { flex: 0 0 auto !important; display: inline-flex !important; align-items: baseline !important; justify-content: flex-start !important; gap: 6px !important; margin: 0 !important; color: #111 !important; text-align: left !important; } html body .lb-cart-final-summary-row .lb-cart-summary-shipping span, html body .lb-cart-final-summary-row .lb-cart-summary-shipping strong { color: #111 !important; font-weight: 800 !important; white-space: nowrap !important; } html body .lb-cart-final-summary-row .totals { flex: 1 1 auto !important; display: inline-flex !important; align-items: baseline !important; justify-content: flex-end !important; gap: 8px !important; margin: 0 !important; text-align: right !important; } html body .lb-cart-final-summary-row .totals__total, html body .lb-cart-final-summary-row .totals__total-value { margin: 0 !important; padding: 0 !important; color: #111 !important; font-weight: 850 !important; line-height: 1 !important; white-space: nowrap !important; } /* Cart page / drawer: no mostrar ahorro total */ html body .lb-cart-total-saving { display: none !important; } /* Ahorro por producto en carrito */ html body .lb-cart-item-promos--saving { margin-top: 6px !important; margin-bottom: 0 !important; } html body .lb-cart-item-promo--saving { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; width: fit-content !important; max-width: max-content !important; min-height: 22px !important; padding: 4px 8px !important; border-radius: 999px !important; border: 1px solid rgba(86,160,111,.18) !important; background: #edf8ef !important; color: #56a06f !important; font-size: 9px !important; font-weight: 850 !important; letter-spacing: .08em !important; line-height: 1 !important; white-space: nowrap !important; } html body .lb-cart-item-promo--saving strong { color: #56a06f !important; font-weight: 900 !important; } /* Últimas unidades: estirar en una línea, no partir en 2 filas */ html body .lb-cart-item-promo--stock { width: max-content !important; max-width: none !important; min-height: 24px !important; padding: 5px 9px !important; white-space: nowrap !important; line-height: 1 !important; font-size: 8.4px !important; letter-spacing: .055em !important; } html body .lb-cart-item-promo--stock span:last-child { white-space: nowrap !important; line-height: 1 !important; } /* Swatches: capa funcional independiente después de hacer scroll */ html body .lb-card-variant-preview { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; z-index: 20 !important; pointer-events: none !important; opacity: 0 !important; transition: opacity .12s ease !important; } html body .lb-card-variant-preview.is-visible { opacity: 1 !important; } html body [data-lb-card-color-selector], html body [data-lb-card-color-button] { position: relative !important; z-index: 10000 !important; pointer-events: auto !important; touch-action: manipulation !important; } /* === v36: resumen drawer/page + swatches después de scroll === */ /* Cart drawer/page: envío a la izquierda y TOTAL + precio juntos a la derecha */ html body .lb-cart-final-summary-row { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: baseline !important; gap: 14px !important; width: 100% !important; } html body .lb-cart-final-summary-row .lb-cart-summary-shipping { grid-column: 1 !important; justify-self: start !important; text-align: left !important; display: inline-flex !important; align-items: baseline !important; gap: 6px !important; margin: 0 !important; } html body .lb-cart-final-summary-row .totals { grid-column: 2 !important; justify-self: end !important; display: inline-flex !important; align-items: baseline !important; justify-content: flex-end !important; gap: 7px !important; width: auto !important; min-width: max-content !important; margin: 0 !important; text-align: right !important; } html body .lb-cart-final-summary-row .totals__total, html body .lb-cart-final-summary-row .totals__total-value { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; color: #111 !important; font-weight: 850 !important; line-height: 1 !important; } html body .lb-cart-final-summary-row .lb-cart-summary-shipping span, html body .lb-cart-final-summary-row .lb-cart-summary-shipping strong { color: #111 !important; } /* Capa final de preview de tarjeta */ html body .lb-card-variant-preview-final { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; z-index: 40 !important; pointer-events: none !important; opacity: 0 !important; transition: opacity .12s ease !important; } html body .lb-card-variant-preview-final.is-visible { opacity: 1 !important; } /* Swatches por encima siempre, también después de scroll */ html body [data-lb-card-color-selector] { position: relative !important; z-index: 20000 !important; pointer-events: auto !important; touch-action: manipulation !important; } html body [data-lb-card-color-button] { position: relative !important; z-index: 20001 !important; pointer-events: auto !important; touch-action: manipulation !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent !important; } /* === v37: swatches tarjeta independientes del scroll === */ html body .lb-card-variant-preview-direct { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; z-index: 500 !important; pointer-events: none !important; opacity: 0 !important; transition: opacity .10s ease !important; } html body .lb-card-variant-preview-direct.is-visible { opacity: 1 !important; } html body [data-lb-card-color-selector] { position: relative !important; z-index: 50000 !important; pointer-events: auto !important; touch-action: manipulation !important; } html body [data-lb-card-color-button] { position: relative !important; z-index: 50001 !important; pointer-events: auto !important; touch-action: manipulation !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent !important; } html body .card__media, html body .card-wrapper .card__media, html body .product-card-wrapper .card__media { position: relative !important; } /* === v38: swatches sin overlay y carrusel libre === */ html body .lb-card-variant-preview, html body .lb-card-variant-preview-final, html body .lb-card-variant-preview-direct { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } html body [data-lb-card-color-selector] { position: relative !important; z-index: 60000 !important; pointer-events: auto !important; touch-action: manipulation !important; } html body [data-lb-card-color-button] { position: relative !important; z-index: 60001 !important; pointer-events: auto !important; touch-action: manipulation !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent !important; } /* === v39: último intento solo tarjetas de colecciones === */ /* Colecciones: carrusel limpio sin clones ni bloqueo de click tras scroll */ html body.template-collection [data-lb-card-gallery], html body.collection [data-lb-card-gallery], html body .collection [data-lb-card-gallery], html body .product-grid [data-lb-card-gallery], html body #product-grid [data-lb-card-gallery] { overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; touch-action: pan-x pan-y !important; pointer-events: auto !important; -webkit-overflow-scrolling: touch !important; } html body.template-collection .lb-card-media-track, html body.collection .lb-card-media-track, html body .collection .lb-card-media-track, html body .product-grid .lb-card-media-track, html body #product-grid .lb-card-media-track { display: flex !important; transform: none !important; pointer-events: auto !important; } html body.template-collection .lb-card-media-slide, html body.collection .lb-card-media-slide, html body .collection .lb-card-media-slide, html body .product-grid .lb-card-media-slide, html body #product-grid .lb-card-media-slide { flex: 0 0 100% !important; min-width: 100% !important; scroll-snap-align: start !important; } html body.template-collection .lb-card-media-slide[data-lb-card-clone="true"], html body.collection .lb-card-media-slide[data-lb-card-clone="true"], html body .collection .lb-card-media-slide[data-lb-card-clone="true"], html body .product-grid .lb-card-media-slide[data-lb-card-clone="true"], html body #product-grid .lb-card-media-slide[data-lb-card-clone="true"] { display: none !important; } /* Colecciones: swatches siempre por encima del carrusel */ html body.template-collection [data-lb-card-color-selector], html body.collection [data-lb-card-color-selector], html body .collection [data-lb-card-color-selector], html body .product-grid [data-lb-card-color-selector], html body #product-grid [data-lb-card-color-selector] { position: relative !important; z-index: 60000 !important; pointer-events: auto !important; touch-action: manipulation !important; } html body.template-collection [data-lb-card-color-button], html body.collection [data-lb-card-color-button], html body .collection [data-lb-card-color-button], html body .product-grid [data-lb-card-color-button], html body #product-grid [data-lb-card-color-button] { position: relative !important; z-index: 60001 !important; pointer-events: auto !important; touch-action: manipulation !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent !important; } /* === v40: tarjetas sin scroll + variantes estables === */ /* Desactivar carrusel/scroll en TODAS las tarjetas de producto */ html body .card .lb-card-media-gallery, html body .card-wrapper .lb-card-media-gallery, html body .product-card-wrapper .lb-card-media-gallery, html body .grid__item .lb-card-media-gallery, html body .slider__slide .lb-card-media-gallery, html body .collection .lb-card-media-gallery, html body .template-search .lb-card-media-gallery, html body .product-recommendations .lb-card-media-gallery, html body .related-products .lb-card-media-gallery, html body .complementary-products .lb-card-media-gallery { overflow: hidden !important; touch-action: manipulation !important; scroll-snap-type: none !important; -webkit-overflow-scrolling: auto !important; } html body .card .lb-card-media-track, html body .card-wrapper .lb-card-media-track, html body .product-card-wrapper .lb-card-media-track, html body .grid__item .lb-card-media-track, html body .slider__slide .lb-card-media-track, html body .collection .lb-card-media-track, html body .template-search .lb-card-media-track, html body .product-recommendations .lb-card-media-track, html body .related-products .lb-card-media-track, html body .complementary-products .lb-card-media-track { display: block !important; width: 100% !important; height: 100% !important; transform: none !important; } html body .card .lb-card-media-slide, html body .card-wrapper .lb-card-media-slide, html body .product-card-wrapper .lb-card-media-slide, html body .grid__item .lb-card-media-slide, html body .slider__slide .lb-card-media-slide, html body .collection .lb-card-media-slide, html body .template-search .lb-card-media-slide, html body .product-recommendations .lb-card-media-slide, html body .related-products .lb-card-media-slide, html body .complementary-products .lb-card-media-slide { display: none !important; width: 100% !important; min-width: 100% !important; height: 100% !important; } html body .card .lb-card-media-slide:first-child, html body .card-wrapper .lb-card-media-slide:first-child, html body .product-card-wrapper .lb-card-media-slide:first-child, html body .grid__item .lb-card-media-slide:first-child, html body .slider__slide .lb-card-media-slide:first-child, html body .collection .lb-card-media-slide:first-child, html body .template-search .lb-card-media-slide:first-child, html body .product-recommendations .lb-card-media-slide:first-child, html body .related-products .lb-card-media-slide:first-child, html body .complementary-products .lb-card-media-slide:first-child { display: block !important; } html body .lb-card-variant-preview, html body .lb-card-variant-preview-final, html body .lb-card-variant-preview-direct { display: none !important; opacity: 0 !important; } html body [data-lb-card-color-selector], html body [data-lb-card-color-button] { pointer-events: auto !important; touch-action: manipulation !important; z-index: 10000 !important; } /* === v41: eliminar scroll real de TODAS las tarjetas + títulos limpios === */ html body .card .lb-card-media-gallery, html body .card-wrapper .lb-card-media-gallery, html body .product-card-wrapper .lb-card-media-gallery, html body .grid__item .lb-card-media-gallery, html body .slider__slide .lb-card-media-gallery, html body .collection .lb-card-media-gallery, html body .template-search .lb-card-media-gallery, html body .product-recommendations .lb-card-media-gallery, html body .related-products .lb-card-media-gallery, html body .complementary-products .lb-card-media-gallery, html body .card [data-lb-card-gallery], html body .card-wrapper [data-lb-card-gallery], html body .product-card-wrapper [data-lb-card-gallery], html body .grid__item [data-lb-card-gallery], html body .slider__slide [data-lb-card-gallery] { overflow: hidden !important; overflow-x: hidden !important; overflow-y: hidden !important; scroll-snap-type: none !important; scroll-behavior: auto !important; touch-action: manipulation !important; -webkit-overflow-scrolling: auto !important; scrollbar-width: none !important; } html body .card .lb-card-media-track, html body .card-wrapper .lb-card-media-track, html body .product-card-wrapper .lb-card-media-track, html body .grid__item .lb-card-media-track, html body .slider__slide .lb-card-media-track, html body .collection .lb-card-media-track, html body .template-search .lb-card-media-track, html body .product-recommendations .lb-card-media-track, html body .related-products .lb-card-media-track, html body .complementary-products .lb-card-media-track { display: block !important; width: 100% !important; min-width: 100% !important; height: 100% !important; transform: none !important; transition: none !important; } html body .card .lb-card-media-slide, html body .card-wrapper .lb-card-media-slide, html body .product-card-wrapper .lb-card-media-slide, html body .grid__item .lb-card-media-slide, html body .slider__slide .lb-card-media-slide, html body .collection .lb-card-media-slide, html body .template-search .lb-card-media-slide, html body .product-recommendations .lb-card-media-slide, html body .related-products .lb-card-media-slide, html body .complementary-products .lb-card-media-slide { display: none !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 100% !important; transform: none !important; scroll-snap-align: none !important; } html body .card .lb-card-media-slide:first-child, html body .card-wrapper .lb-card-media-slide:first-child, html body .product-card-wrapper .lb-card-media-slide:first-child, html body .grid__item .lb-card-media-slide:first-child, html body .slider__slide .lb-card-media-slide:first-child, html body .collection .lb-card-media-slide:first-child, html body .template-search .lb-card-media-slide:first-child, html body .product-recommendations .lb-card-media-slide:first-child, html body .related-products .lb-card-media-slide:first-child, html body .complementary-products .lb-card-media-slide:first-child { display: block !important; } html body .card .lb-card-media-slide:first-child img, html body .card-wrapper .lb-card-media-slide:first-child img, html body .product-card-wrapper .lb-card-media-slide:first-child img, html body .grid__item .lb-card-media-slide:first-child img, html body .slider__slide .lb-card-media-slide:first-child img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } /* === v42: ocultar duplicados de producto por color === */ html body [data-lb-duplicate-hidden="true"] { display: none !important; } /* === v43: producto galería natural + pinch zoom estable === */ /* Galería de producto: scroll nativo, sin forzar smooth durante el gesto */ body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { scroll-behavior: auto !important; scroll-snap-type: x mandatory !important; overscroll-behavior-x: contain !important; -webkit-overflow-scrolling: touch !important; touch-action: pan-x pan-y !important; } body.lb-product .product__media-item { scroll-snap-stop: normal !important; } /* Mantener header visible por encima durante zoom/gesto de dedos */ body.lb-product.lb-product-image-zoom-active .shopify-section-group-header-group, body.lb-product.lb-product-image-zoom-active .section-header, body.lb-product.lb-product-image-zoom-active sticky-header, body.lb-product.lb-product-image-zoom-active .header-wrapper { z-index: 999999 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* Zoom de producto: conservar calidad y transición natural */ body.lb-product .product__media-item.lb-image-zoomed { overflow: hidden !important; } body.lb-product .product__media-item.lb-image-zoomed img { transform-origin: var(--lb-zoom-x, 50%) var(--lb-zoom-y, 50%) !important; transform: scale(var(--lb-zoom-scale, 2.05)) !important; transition: var(--lb-zoom-transition, transform .18s cubic-bezier(.22,.61,.36,1)) !important; will-change: transform !important; backface-visibility: hidden !important; } /* === v44: producto zoom obediente + pan natural === */ /* En zoom, la imagen se puede mover con un dedo y con dos dedos en la misma dirección que los dedos */ body.lb-product .product__media-item.lb-image-zoomed img { transform: translate3d(var(--lb-zoom-tx, 0px), var(--lb-zoom-ty, 0px), 0) scale(var(--lb-zoom-scale, 2.05)) !important; transform-origin: var(--lb-zoom-x, 50%) var(--lb-zoom-y, 50%) !important; transition: var(--lb-zoom-transition, transform .16s cubic-bezier(.22,.61,.36,1)) !important; will-change: transform !important; backface-visibility: hidden !important; } /* Durante gesto de dedos, bloquear la galería para que no contradiga el movimiento de la imagen */ body.lb-product .product__media-list[data-lb-product-pinching="true"], body.lb-product .lb-product-media-slider[data-lb-product-pinching="true"] { overflow-x: hidden !important; scroll-snap-type: none !important; touch-action: none !important; } /* Galería: sensibilidad más constante, sin scroll-snap-stop agresivo */ body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { scroll-behavior: auto !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior-x: contain !important; } body.lb-product .product__media-item { scroll-snap-stop: normal !important; } /* Evitar flashes blancos si algún clon/slide queda sin opacidad durante reparación */ body.lb-product .product__media-item, body.lb-product .product__media-item .media, body.lb-product .product__media-item img { visibility: visible !important; } /* === v46: producto galería infinita limpia desde base v44 === */ /* Mantener infinito natural, sin el control v45 que forzaba retrocesos */ body.lb-product .product__media-list, body.lb-product .lb-product-media-slider { scroll-behavior: auto !important; scroll-snap-type: x mandatory !important; overscroll-behavior-x: contain !important; -webkit-overflow-scrolling: touch !important; } /* Reducir saltos de dos imágenes: cada slide pide parada */ body.lb-product .product__media-item { scroll-snap-align: start !important; scroll-snap-stop: always !important; visibility: visible !important; opacity: 1 !important; background: #f5f5f5 !important; } body.lb-product .product__media-item img { visibility: visible !important; opacity: 1 !important; background: #f5f5f5 !important; } /* === v47: nitidez retina + header de producto estable y cromatico === */ /* No alterar los pixeles originales con filtros de presentacion. */ body.lb-product .product__media img, body.lb-product .product-media-container img, body .card__media img, body .lb-card-media-image, body .banner__media img, body .collection-hero__image-container img, body .multicolumn-card__image-wrapper img, body .slideshow__media img { image-rendering: auto !important; filter: none !important; } /* El sticky nativo nunca puede dejar media cabecera fuera de pantalla. */ .shopify-section-group-header-group, .section-header, .section-header.shopify-section-header-hidden, .section-header.shopify-section-header-sticky, sticky-header.header-wrapper, .header-wrapper { transform: none !important; translate: none !important; clip-path: none !important; visibility: visible !important; opacity: 1 !important; } .section-header.shopify-section-header-hidden { top: 0 !important; } body.lb-page-scrolled .shopify-section-group-header-group, body.lb-page-scrolled .section-header { position: fixed !important; inset: 0 0 auto 0 !important; width: 100% !important; height: var(--lb-header-h-scroll-mobile, 54px) !important; min-height: var(--lb-header-h-scroll-mobile, 54px) !important; overflow: visible !important; } body.lb-page-scrolled .header-wrapper, body.lb-page-scrolled sticky-header.header-wrapper, body.lb-page-scrolled .header { height: var(--lb-header-h-scroll-mobile, 54px) !important; min-height: var(--lb-header-h-scroll-mobile, 54px) !important; max-height: var(--lb-header-h-scroll-mobile, 54px) !important; } /* En producto, antes del scroll, logo e iconos toman el color de la prenda activa. */ body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center { color: var(--lb-product-header-accent, #111111) !important; } body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center img, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center .lb-logo-hero, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center .lb-logo-scroll, html body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .section-header sticky-header.header-wrapper header.header a.lb-header-logo-center img.lb-logo-hero, html body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .section-header sticky-header.header-wrapper header.header a.lb-header-logo-center img.lb-logo-scroll { display: none !important; opacity: 0 !important; visibility: hidden !important; } body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center::before { content: "" !important; display: block !important; position: absolute !important; inset: 3px 0 !important; width: auto !important; height: auto !important; background: currentColor !important; -webkit-mask: url("/cdn/shop/files/Diseno_sin_titulo_8.png?v=1780471856") center / contain no-repeat !important; mask: url("/cdn/shop/files/Diseno_sin_titulo_8.png?v=1780471856") center / contain no-repeat !important; filter: drop-shadow(0 1px 1px rgba(255, 255, 255, .24)) !important; } body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header__icon, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header summary, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header button, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header__icon svg, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header__icon svg path, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header__icon .icon, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header summary svg, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header summary svg path { color: var(--lb-product-header-accent, #111111) !important; fill: currentColor !important; stroke: currentColor !important; filter: drop-shadow(0 1px 1px rgba(255, 255, 255, .24)) !important; } html body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header .header__icon, html body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header .header__icon svg, html body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header .header__icon svg path, html body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header summary svg, html body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header summary svg path { color: var(--lb-product-header-accent, #111111) !important; fill: var(--lb-product-header-accent, #111111) !important; stroke: var(--lb-product-header-accent, #111111) !important; } @media screen and (min-width: 990px) { body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header__inline-menu { display: none !important; } } /* v48: restaurar el header original de producto; sin color dinamico. */ body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center::before { content: none !important; display: none !important; } html body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .section-header sticky-header.header-wrapper header.header a.lb-header-logo-center img.lb-logo-hero, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center .lb-logo-hero { display: block !important; opacity: 1 !important; visibility: visible !important; } html body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .section-header sticky-header.header-wrapper header.header a.lb-header-logo-center img.lb-logo-scroll, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center .lb-logo-scroll { display: none !important; opacity: 0 !important; visibility: hidden !important; } body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header__icon, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header summary, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header button, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header svg, body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header svg path { color: #ffffff !important; fill: currentColor !important; stroke: currentColor !important; } html body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header .header__icon, html body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header .header__icon svg, html body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header .header__icon svg path, html body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header summary svg, html body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header summary svg path { color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; } @media screen and (min-width: 990px) { body.lb-product:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .header__inline-menu { display: block !important; } } /* v49: contraste automatico binario sobre la imagen de producto. */ body.lb-product.lb-header-on-light:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center .lb-logo-hero { display: none !important; opacity: 0 !important; visibility: hidden !important; } html body.lb-product.lb-header-on-light:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header a.lb-header-logo-center img.lb-logo-hero { display: none !important; opacity: 0 !important; visibility: hidden !important; } body.lb-product.lb-header-on-light:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center .lb-logo-scroll { display: block !important; opacity: 1 !important; visibility: visible !important; } html body.lb-product.lb-header-on-light:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header a.lb-header-logo-center img.lb-logo-scroll { display: block !important; opacity: 1 !important; visibility: visible !important; } body.lb-product.lb-header-on-dark:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center .lb-logo-hero { display: block !important; opacity: 1 !important; visibility: visible !important; } html body.lb-product.lb-header-on-dark:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header a.lb-header-logo-center img.lb-logo-hero { display: block !important; opacity: 1 !important; visibility: visible !important; } body.lb-product.lb-header-on-dark:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .lb-header-logo-center .lb-logo-scroll { display: none !important; opacity: 0 !important; visibility: hidden !important; } html body.lb-product.lb-header-on-dark:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header a.lb-header-logo-center img.lb-logo-scroll { display: none !important; opacity: 0 !important; visibility: hidden !important; } html body.lb-product.lb-header-on-light:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header .header__icon, html body.lb-product.lb-header-on-light:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header .header__icon svg, html body.lb-product.lb-header-on-light:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header .header__icon svg path, html body.lb-product.lb-header-on-light:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header summary svg, html body.lb-product.lb-header-on-light:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header summary svg path { color: #111111 !important; fill: #111111 !important; stroke: #111111 !important; } html body.lb-product.lb-header-on-dark:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header .header__icon, html body.lb-product.lb-header-on-dark:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header .header__icon svg, html body.lb-product.lb-header-on-dark:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header .header__icon svg path, html body.lb-product.lb-header-on-dark:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header summary svg, html body.lb-product.lb-header-on-dark:not(.lb-page-scrolled):not(.lb-drawer-open):not(.lb-search-open) .shopify-section-group-header-group.section-header sticky-header.header-wrapper header.header summary svg path { color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; } /* ========================================================== LB v52 - corrección quirúrgica tras v51 - Sin tocar tarjetas globales ni header. - Galería vuelve a posición/tamaño real; ajuste iOS solo por alto seguro. - Producto: precio antiguo visible en descuento, materiales reales, stock más cerca, ojo/personas entre botón y tarjetas y sin segunda fila duplicada. ========================================================== */ /* iPhone/iOS: no se sube el contador ni la barra; solo se evita que el alto de la galería caiga bajo la zona segura. */ @supports (-webkit-touch-callout: none) { @media screen and (max-width: 749px) { html body.lb-product product-info .product__media-wrapper, html body.lb-product .lb-product-media-gallery, html body.lb-product .lb-gallery-viewer, html body.lb-product .product__media-list, html body.lb-product .lb-product-media-slider, html body.lb-product .product__media-item, html body.lb-product .product__media-list .grid__item, html body.lb-product .product__media-list .slider__slide { height: calc(100svh - env(safe-area-inset-bottom, 0px)) !important; min-height: calc(100svh - env(safe-area-inset-bottom, 0px)) !important; max-height: calc(100svh - env(safe-area-inset-bottom, 0px)) !important; } } } /* Precio producto: antiguo rojo/tachado siempre que la variante tenga descuento real. */ html body.lb-product .lb-product-price-line .price--on-sale .price__sale s.price-item--regular, html body.lb-product .lb-product-price-line [data-lb-product-price-v52] .price__sale s.price-item--regular, html body.lb-product .lb-product-price-line .price--on-sale .price__sale .price-item--regular { display: inline !important; color: #b43f3f !important; text-decoration: line-through !important; text-decoration-color: #b43f3f !important; text-decoration-thickness: 1px !important; opacity: 1 !important; } html body.lb-product .lb-product-price-line [data-lb-product-price-v52].price--on-sale .price__regular, html body.lb-product .lb-product-price-line .price.price--on-sale .price__regular { display: none !important; } html body.lb-product .lb-product-price-line [data-lb-product-price-v52] .price-item--sale, html body.lb-product .lb-product-price-line .price--on-sale .price-item--sale { color: #111111 !important; } /* Últimas unidades: más cerca del botón y parpadea todo el aviso, no solo el punto. */ html body.lb-product .lb-stock-limited--product-form { margin: 5px auto 3px !important; animation: lbStockTextPulseV52 1.25s ease-in-out infinite !important; } html body.lb-product .lb-stock-limited--product-form, html body.lb-product .lb-stock-limited--product-form * { color: #bd6118 !important; } @keyframes lbStockTextPulseV52 { 0%, 100% { opacity: 1; } 50% { opacity: .58; } } /* Botón -> ojo/personas -> tarjetas de pago. Elimina filas duplicadas inferiores. */ html body.lb-product .lb-product-live-block { width: 100% !important; display: flex !important; justify-content: flex-start !important; align-items: center !important; margin: 6px 0 4px !important; padding: 0 !important; } html body.lb-product .lb-product-live-proof { justify-content: flex-start !important; text-align: left !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html body.lb-product .lb-product-payment-strip { margin: 4px 0 12px !important; } html body.lb-product .lb-product-payment-strip ~ .lb-product-payment-strip, html body.lb-product .product-form + .lb-product-payment-strip + .lb-product-payment-strip, html body.lb-product .product-form__buttons + .lb-product-payment-strip { display: none !important; } /* LB v54 - producto: orden correcto botón -> ojo/personas -> única fila de tarjetas. Oculta cualquier fila de pago extra inyectada dentro de la ficha de producto, sin tocar carrito ni footer. */ html body.lb-product .product__info-container > .lb-payment-strip:not(.lb-product-payment-strip), html body.lb-product .product__info-container > .lb-top-cart-panel__payments, html body.lb-product .product__info-container > [data-lb-cart-payments], html body.lb-product .product__info-container > ul.list-payment, html body.lb-product .product__info-container > .list-payment, html body.lb-product .product__info-container > .lb-product-live-block ~ .lb-payment-strip:not(.lb-product-payment-strip), html body.lb-product .product__info-container > .lb-product-live-block ~ .lb-top-cart-panel__payments, html body.lb-product .product__info-container > .lb-product-live-block ~ ul.list-payment, html body.lb-product .product__info-container > .lb-product-live-block ~ .list-payment { display: none !important; } html body.lb-product .product__info-container > .lb-product-payment-strip { display: block !important; } html body.lb-product .product-form + .lb-product-live-block { margin-top: 6px !important; } html body.lb-product .lb-product-live-block + .lb-product-payment-strip { margin-top: 4px !important; } /* LB v54 final: conserva la fila oficial de tarjetas aunque esté debajo del ojo/personas. */ html body.lb-product .lb-product-live-block + .lb-product-payment-strip, html body.lb-product .product-form + .lb-product-live-block + .lb-product-payment-strip, html body.lb-product .product-form ~ .lb-product-live-block + .lb-product-payment-strip { display: block !important; } html body.lb-product .product__info-container > .lb-product-live-block ~ .lb-payment-strip:not(.lb-product-payment-strip), html body.lb-product .product__info-container > .lb-product-live-block ~ .lb-top-cart-panel__payments, html body.lb-product .product__info-container > .lb-product-live-block ~ [data-lb-cart-payments] { display: none !important; } /* LB v55 - corrección real: mantener SOLO la fila de tarjetas pegada al botón. Orden final en producto: botón -> tarjetas oficiales -> ojo/personas -> descripción. */ html body.lb-product .product-form + .lb-product-payment-strip, html body.lb-product .product__info-container > .lb-product-payment-strip { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 7px 0 7px !important; } html body.lb-product .lb-product-payment-strip .list-payment { display: flex !important; visibility: visible !important; opacity: 1 !important; justify-content: center !important; align-items: center !important; flex-wrap: nowrap !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; } html body.lb-product .lb-product-payment-strip + .lb-product-live-block, html body.lb-product .product-form + .lb-product-payment-strip + .lb-product-live-block { display: flex !important; visibility: visible !important; opacity: 1 !important; justify-content: flex-start !important; align-items: center !important; margin: 6px 0 14px !important; padding: 0 !important; } html body.lb-product .lb-product-live-block + .lb-product-payment-strip, html body.lb-product .product__info-container > .lb-product-payment-strip ~ .lb-payment-strip, html body.lb-product .product__info-container > .lb-product-payment-strip ~ .lb-top-cart-panel__payments, html body.lb-product .product__info-container > .lb-product-payment-strip ~ [data-lb-cart-payments], html body.lb-product .product__info-container > .lb-product-payment-strip ~ ul.list-payment, html body.lb-product .product__info-container > .lb-product-payment-strip ~ .list-payment, html body.lb-product .product__info-container > .lb-product-payment-strip ~ [aria-label*="Métodos de pago"]:not(.lb-product-live-block):not(.lb-product-payment-strip) { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* LB v56 - seguridad visual: si una fila de tarjetas reaparece debajo del ojo/personas, se oculta. */ html body.lb-product .lb-product-live-block ~ .lb-product-payment-strip, html body.lb-product .lb-product-live-block ~ .lb-payment-strip, html body.lb-product .lb-product-live-block ~ [data-lb-cart-payments], html body.lb-product .lb-product-live-block ~ [data-payment-icons], html body.lb-product .lb-product-live-block ~ [class*="payment-icons"], html body.lb-product .lb-product-live-block ~ [class*="payment-method"], html body.lb-product .lb-product-live-block ~ [class*="payments"], html body.lb-product .lb-product-live-block ~ ul.list-payment, html body.lb-product .lb-product-live-block ~ .list-payment { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } html body.lb-product [data-lb-v56-keep-payment-row="true"] { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; min-height: 0 !important; overflow: visible !important; } /* LB v57 - producto: dejar solo la fila de tarjetas pegada al botón. */ html body.lb-product .lb-product-payment-strip .list-payment { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; max-height: 24px !important; } html body.lb-product .lb-product-payment-strip .list-payment__item:nth-child(n+7) { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } html body.lb-product .lb-product-payment-strip + .lb-product-live-block { display: flex !important; visibility: visible !important; opacity: 1 !important; margin: 7px 0 14px !important; } /* LB v59 - producto: mantener tarjetas pegadas al botón, quitar SOLO tarjetas repetidas y conservar ojo/personas. */ html body.lb-product .product-form + .lb-product-payment-strip, html body.lb-product .product__info-container > .lb-product-payment-strip { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; overflow: visible !important; margin: 7px 0 7px !important; padding: 0 !important; } html body.lb-product .lb-product-payment-strip .list-payment { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 5px !important; width: 100% !important; max-height: 24px !important; overflow: hidden !important; margin: 0 auto !important; padding: 0 !important; } html body.lb-product .lb-product-payment-strip .list-payment__item:nth-child(n+7), html body.lb-product .lb-product-payment-strip .list-payment > li:nth-child(n+7) { display: none !important; visibility: hidden !important; width: 0 !important; min-width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } html body.lb-product .lb-product-live-block { display: flex !important; visibility: visible !important; opacity: 1 !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; margin: 7px 0 14px !important; padding: 0 !important; clear: both !important; } html body.lb-product .lb-product-live-proof { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 5px !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; color: rgba(17,17,17,.66) !important; font-size: 11px !important; line-height: 1.25 !important; text-align: left !important; } html body.lb-product .lb-product-live-proof svg { width: 12px !important; height: 12px !important; min-width: 12px !important; stroke: rgba(17,17,17,.66) !important; fill: none !important; opacity: .72 !important; } html body.lb-product [data-lb-v59-removed-payment-row="true"], html body.lb-product .lb-product-live-block .list-payment, html body.lb-product .lb-product-live-block ul.list-payment, html body.lb-product .lb-product-live-block .lb-payment-strip, html body.lb-product .lb-product-live-block [data-lb-cart-payments], html body.lb-product .lb-product-live-block [data-payment-icons], html body.lb-product .lb-product-live-block [class*="payment-icons"], html body.lb-product .lb-product-live-block [class*="payment-method"], html body.lb-product .lb-product-live-block [class*="payments"] { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; width: 0 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } html body.lb-product .shopify-payment-button, html body.lb-product shopify-accelerated-checkout, html body.lb-product .dynamic-checkout__content, html body.lb-product .product-form__buttons + .shopify-payment-button { display: none !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* LB v60 - producto: queda solo la fila oficial de tarjetas pegada al botón. Oculta cualquier otra lista/fila de tarjetas dentro del contenido del producto. */ html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; max-height: none !important; overflow: visible !important; margin: 7px 0 7px !important; padding: 0 !important; } html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] .list-payment[data-lb-main-payment-list="true"] { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; gap: 5px !important; width: 100% !important; max-height: 24px !important; overflow: hidden !important; margin: 0 auto !important; padding: 0 !important; } html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] .list-payment[data-lb-main-payment-list="true"] > li:nth-child(n+7) { display: none !important; } html body.lb-product main .list-payment:not([data-lb-main-payment-list="true"]), html body.lb-product main ul.list-payment:not([data-lb-main-payment-list="true"]), html body.lb-product main .lb-payment-strip:not(.lb-product-payment-strip), html body.lb-product main [data-lb-cart-payments], html body.lb-product main [data-payment-icons], html body.lb-product main [class*="payment-icons"]:not(.lb-product-payment-strip):not(.lb-product-payment-strip *), html body.lb-product main [class*="payment-method"]:not(.lb-product-payment-strip):not(.lb-product-payment-strip *), html body.lb-product main [class*="payments"]:not(.lb-product-payment-strip):not(.lb-product-payment-strip *), html body.lb-product main shopify-accelerated-checkout, html body.lb-product main .shopify-payment-button, html body.lb-product main .dynamic-checkout__content { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] + .lb-product-live-block, html body.lb-product main .lb-product-live-block { display: flex !important; visibility: visible !important; opacity: 1 !important; margin: 7px 0 14px !important; } /* ========================================================== LB v61 - producto: orden definitivo y compacto Botón -> ojo/personas izquierda -> tarjetas de pago debajo. ========================================================== */ html body.lb-product product-form.product-form, html body.lb-product .product-form { margin-bottom: 0 !important; } html body.lb-product .product-form__buttons { margin-bottom: 0 !important; } html body.lb-product .product-form__submit { margin-bottom: 0 !important; } html body.lb-product .product-form + .lb-product-live-block, html body.lb-product product-form.product-form + .lb-product-live-block, html body.lb-product main .lb-product-live-block[data-lb-product-live-main="true"], html body.lb-product main .lb-product-live-block { display: flex !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; justify-content: flex-start !important; align-items: center !important; margin: 7px 0 4px !important; padding: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; clear: both !important; overflow: visible !important; } html body.lb-product main .lb-product-live-proof { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 5px !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; color: rgba(17,17,17,.68) !important; font-size: 10.5px !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-align: left !important; white-space: nowrap !important; } html body.lb-product main .lb-product-live-proof svg { display: block !important; width: 11px !important; height: 11px !important; min-width: 11px !important; stroke: rgba(17,17,17,.68) !important; fill: none !important; opacity: .8 !important; } html body.lb-product main .lb-product-live-proof strong { font-weight: 500 !important; color: rgba(17,17,17,.72) !important; } html body.lb-product main .lb-product-live-block + .lb-product-payment-strip[data-lb-product-payments-main="true"], html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 2px 0 12px !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] .list-payment, html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] ul.list-payment, html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] [data-lb-main-payment-list="true"] { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; gap: 5px !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important; max-height: 25px !important; } html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] .list-payment__item, html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] ul.list-payment > li { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: auto !important; height: 22px !important; margin: 0 !important; padding: 0 !important; } html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] .list-payment__item:nth-child(n+7), html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] ul.list-payment > li:nth-child(n+7) { display: none !important; visibility: hidden !important; width: 0 !important; min-width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] svg, html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] .icon { display: block !important; max-height: 21px !important; width: auto !important; } html body.lb-product main [data-lb-v61-hidden-extra-payment="true"], html body.lb-product main .lb-product-payment-strip:empty, html body.lb-product main .lb-payment-strip:empty, html body.lb-product main .list-payment:empty, html body.lb-product main ul.list-payment:empty { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* ========================================================== LB v63 - corrección real sobre v61 estable. Repara el desastre visual de v62: sin solapes, tarjetas legibles, stock cerca pero no encima del botón, talla más compacta. ========================================================== */ html body.lb-product .lb-stock-limited--product-form { margin: 0 auto 6px !important; transform: none !important; position: relative !important; z-index: 1 !important; } html body.lb-product .lb-stock-limited--product-form + product-form, html body.lb-product .lb-stock-limited--product-form + .product-form { margin-top: 0 !important; position: relative !important; z-index: 2 !important; } html body.lb-product .product-form__buttons, html body.lb-product .product-form__submit { margin-top: 0 !important; } html body.lb-product main .lb-product-live-block[data-lb-product-live-main="true"], html body.lb-product main .lb-product-live-block { margin: 7px 0 5px !important; padding: 0 !important; justify-content: flex-start !important; } html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] { display: block !important; width: 100% !important; margin: 2px 0 13px !important; padding: 0 !important; overflow: visible !important; max-height: none !important; background: transparent !important; } html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] .lb-premium-payment-list, html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] ul.lb-premium-payment-list, html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] [data-lb-main-payment-list="true"], html body .lb-top-cart-panel__payments .lb-premium-payment-list, html body .footer__payment .lb-premium-payment-list { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 5px !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; overflow: visible !important; max-height: none !important; list-style: none !important; } html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] .lb-premium-payment-list > li, html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] .lb-premium-payment-list > .list-payment__item, html body .lb-top-cart-panel__payments .lb-premium-payment-list > li, html body .footer__payment .lb-premium-payment-list > li { display: flex !important; align-items: center !important; justify-content: center !important; flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } html body .lb-premium-payment-list .lb-pay-card, html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] .lb-pay-card, html body .lb-top-cart-panel__payments .lb-pay-card, html body .footer__payment .lb-pay-card { display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; width: 100% !important; min-width: 0 !important; max-width: 52px !important; height: 28px !important; min-height: 28px !important; box-sizing: border-box !important; padding: 0 3px !important; border: 1px solid rgba(0,0,0,.11) !important; border-radius: 6px !important; background: #fff !important; box-shadow: 0 1px 2px rgba(0,0,0,.055) !important; overflow: hidden !important; white-space: nowrap !important; color: #111 !important; } html body .lb-premium-payment-list .lb-pay-card__text { display: inline-block !important; position: relative !important; z-index: 2 !important; max-width: 100% !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: clip !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -.03em !important; color: inherit !important; } html body .lb-premium-payment-list .lb-pay-card--visa .lb-pay-card__text { font-size: 11px !important; letter-spacing: .03em !important; color: #1a1f71 !important; } html body .lb-premium-payment-list .lb-pay-card--amex { background: #2e77bc !important; border-color: rgba(46,119,188,.22) !important; } html body .lb-premium-payment-list .lb-pay-card--amex .lb-pay-card__text { font-size: 8.5px !important; color: #fff !important; letter-spacing: .01em !important; } html body .lb-premium-payment-list .lb-pay-card--paypal .lb-pay-card__text { font-size: 7.2px !important; color: #003087 !important; } html body .lb-premium-payment-list .lb-pay-card--apple .lb-pay-card__text { font-size: 6.6px !important; color: #111 !important; } html body .lb-premium-payment-list .lb-pay-card--mastercard .lb-pay-card__text, html body .lb-premium-payment-list .lb-pay-card--maestro .lb-pay-card__text { font-size: 5.8px !important; color: #111 !important; text-shadow: 0 1px 0 rgba(255,255,255,.7) !important; } html body .lb-premium-payment-list .lb-pay-card__mark { position: absolute !important; inset: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 1 !important; opacity: .48 !important; pointer-events: none !important; } html body .lb-premium-payment-list .lb-pay-card__mark i { display: block !important; width: 17px !important; height: 17px !important; border-radius: 50% !important; margin: 0 -3px !important; } html body .lb-premium-payment-list .lb-pay-card--mastercard .lb-pay-card__mark i:first-child { background: #eb001b !important; } html body .lb-premium-payment-list .lb-pay-card--mastercard .lb-pay-card__mark i:last-child { background: #f79e1b !important; } html body .lb-premium-payment-list .lb-pay-card--maestro .lb-pay-card__mark i:first-child { background: #009ddd !important; } html body .lb-premium-payment-list .lb-pay-card--maestro .lb-pay-card__mark i:last-child { background: #ed1b2f !important; } html body .footer__payment { width: 100% !important; max-width: 430px !important; margin-left: auto !important; margin-right: auto !important; } html body .footer__payment .lb-pay-card { max-width: 64px !important; } html body.lb-product .lb-product-option, html body.lb-product .product-form__input { margin-bottom: 11px !important; } html body.lb-product .lb-product-option__legend, html body.lb-product .product-form__input .form__label.lb-product-option__legend { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; margin: 0 0 4px !important; line-height: 1.05 !important; } html body.lb-product .lb-product-option__selected { margin-left: 0 !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: .04em !important; color: rgba(17,17,17,.72) !important; } html body.lb-product .lb-product-option__scroller { padding-top: 0 !important; } @media screen and (max-width: 380px) { html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] .lb-premium-payment-list, html body .lb-top-cart-panel__payments .lb-premium-payment-list, html body .footer__payment .lb-premium-payment-list { gap: 4px !important; } html body .lb-premium-payment-list .lb-pay-card, html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] .lb-pay-card { height: 27px !important; min-height: 27px !important; border-radius: 5px !important; padding: 0 2px !important; } html body .lb-premium-payment-list .lb-pay-card--mastercard .lb-pay-card__text, html body .lb-premium-payment-list .lb-pay-card--maestro .lb-pay-card__text { font-size: 5.4px !important; } html body .lb-premium-payment-list .lb-pay-card--paypal .lb-pay-card__text, html body .lb-premium-payment-list .lb-pay-card--apple .lb-pay-card__text { font-size: 6.2px !important; } } /* ========================================================== LB v66 native product layout + payment SVG consistency - variantes: etiqueta izquierda / valor derecha - envío gratis: misma estructura visual - orden producto: botón -> personas viendo -> pagos - pagos: SVG nativos en producto, carrito y footer ========================================================== */ html body.lb-product .lb-variant-selects .lb-product-option { margin-top: 0 !important; margin-bottom: 19px !important; } html body.lb-product .lb-variant-selects .lb-product-option + .lb-product-option { margin-top: 22px !important; } html body.lb-product .lb-variant-selects .lb-product-option__legend, html body.lb-product .product-form__input .form__label.lb-product-option__legend { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; margin: 0 0 9px !important; padding: 0 !important; line-height: inherit !important; } html body.lb-product .lb-product-option__name, html body.lb-product .lb-product-option__legend > span:first-child { flex: 0 0 auto !important; text-align: left !important; } html body.lb-product .lb-product-option__selected { flex: 1 1 auto !important; margin-left: auto !important; text-align: right !important; white-space: nowrap !important; } html body.lb-product .lb-product-shipping[data-lb-free-shipping] { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; margin: 10px 0 16px !important; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: left !important; } html body.lb-product .lb-product-shipping[data-lb-free-shipping]::before, html body.lb-product .lb-product-shipping[data-lb-free-shipping]::after { content: none !important; } html body.lb-product .lb-product-shipping__label { display: inline-flex !important; align-items: center !important; gap: 6px !important; min-width: 0 !important; text-align: left !important; } html body.lb-product .lb-product-shipping__icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } html body.lb-product .lb-product-shipping__value { flex: 0 0 auto !important; margin-left: auto !important; text-align: right !important; white-space: nowrap !important; } html body.lb-product product-form.product-form + .lb-product-live-block, html body.lb-product .product-form + .lb-product-live-block { margin: 8px 0 6px !important; } html body.lb-product .lb-product-live-block + .lb-product-payment-strip[data-lb-product-payments-main="true"] { margin-top: 4px !important; } html body .lb-premium-payment-list, html body.lb-product main .lb-product-payment-strip[data-lb-product-payments-main="true"] .lb-premium-payment-list, html body .lb-top-cart-panel__payments .lb-premium-payment-list, html body .footer__payment .lb-premium-payment-list { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 7px !important; width: 100% !important; max-width: 360px !important; margin: 0 auto !important; padding: 0 !important; list-style: none !important; overflow: visible !important; max-height: none !important; } html body .lb-premium-payment-list > .list-payment__item, html body .lb-premium-payment-list > li { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: auto !important; height: auto !important; min-width: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html body .lb-premium-payment-list .icon, html body .lb-premium-payment-list .icon--full-color, html body .lb-premium-payment-list .lb-payment-svg { display: block !important; width: auto !important; height: 26px !important; max-width: 58px !important; max-height: 26px !important; image-rendering: auto !important; } html body .lb-top-cart-panel__payments { display: block !important; width: 100% !important; margin-top: 10px !important; } html body .footer__payment { width: 100% !important; max-width: 390px !important; margin-left: auto !important; margin-right: auto !important; } @media screen and (max-width: 380px) { html body .lb-premium-payment-list { gap: 5px !important; max-width: 330px !important; } html body .lb-premium-payment-list .icon, html body .lb-premium-payment-list .icon--full-color, html body .lb-premium-payment-list .lb-payment-svg { height: 24px !important; max-height: 24px !important; max-width: 52px !important; } } /* LB v67 - Mastercard/Maestro premium SVG cards with visible brand text */ html body .lb-premium-payment-list .lb-payment-svg--custom, html body .lb-premium-payment-list .lb-payment-svg--mastercard, html body .lb-premium-payment-list .lb-payment-svg--maestro { width: 58px !important; height: 34px !important; max-width: 58px !important; max-height: 34px !important; display: block !important; overflow: visible !important; background: transparent !important; } html body .lb-premium-payment-list .lb-premium-payment-item--master, html body .lb-premium-payment-list .lb-premium-payment-item--maestro { width: 58px !important; min-width: 58px !important; max-width: 58px !important; } html body .lb-top-cart-panel__payments .lb-premium-payment-list, html body .footer__payment .lb-premium-payment-list { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; } @media screen and (max-width: 380px) { html body .lb-premium-payment-list .lb-payment-svg--custom, html body .lb-premium-payment-list .lb-payment-svg--mastercard, html body .lb-premium-payment-list .lb-payment-svg--maestro { width: 52px !important; height: 31px !important; max-width: 52px !important; max-height: 31px !important; } html body .lb-premium-payment-list .lb-premium-payment-item--master, html body .lb-premium-payment-list .lb-premium-payment-item--maestro { width: 52px !important; min-width: 52px !important; max-width: 52px !important; } } /* ========================================================== LB v68 - corrección nativa de envío y alineación variantes - envío gratis fuera de la línea de precio - leyenda de opciones un poco más baja, sin cambiar fuente/color/tamaño ========================================================== */ html body.lb-product .lb-product-price-line .lb-product-shipping[data-lb-free-shipping] { display: none !important; } html body.lb-product .lb-product-shipping[data-lb-free-shipping] { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; margin: 4px 0 18px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: inherit !important; font: inherit !important; text-transform: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; text-align: left !important; white-space: nowrap !important; } html body.lb-product .lb-product-shipping[data-lb-free-shipping]::before, html body.lb-product .lb-product-shipping[data-lb-free-shipping]::after { content: none !important; display: none !important; } html body.lb-product .lb-product-shipping__label { display: inline-flex !important; align-items: center !important; gap: 6px !important; min-width: 0 !important; text-align: left !important; } html body.lb-product .lb-product-shipping__icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } html body.lb-product .lb-product-shipping__value { flex: 0 0 auto !important; margin-left: auto !important; text-align: right !important; white-space: nowrap !important; } html body.lb-product .lb-variant-selects .lb-product-option__legend, html body.lb-product .product-form__input .form__label.lb-product-option__legend { position: relative !important; top: 5px !important; margin-bottom: 13px !important; } html body.lb-product .lb-variant-selects .lb-product-option + .lb-product-option { margin-top: 24px !important; } /* ========================================================== LB v70 - Envío gratis vuelve al nivel del precio, derecha, sin icono ========================================================== */ html body.lb-product .lb-product-commerce-block { margin-bottom: 18px !important; } html body.lb-product .lb-product-price-line { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 14px !important; width: 100% !important; } html body.lb-product .lb-product-price-line > #price-{{ section.id }}, html body.lb-product .lb-product-price-line > [id^="price-"] { flex: 1 1 auto !important; min-width: 0 !important; } html body.lb-product .lb-product-price-line .lb-product-shipping[data-lb-free-shipping], html body.lb-product .lb-product-shipping.lb-product-shipping--price[data-lb-free-shipping] { display: inline-flex !important; align-items: baseline !important; justify-content: flex-end !important; flex: 0 0 auto !important; width: auto !important; max-width: 42% !important; margin: 0 0 0 auto !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: rgba(17,17,17,.62) !important; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif !important; font-size: 10px !important; line-height: 1 !important; font-weight: 680 !important; letter-spacing: .08em !important; text-transform: uppercase !important; text-align: right !important; white-space: nowrap !important; } html body.lb-product .lb-product-price-line .lb-product-shipping[data-lb-free-shipping]::before, html body.lb-product .lb-product-price-line .lb-product-shipping[data-lb-free-shipping]::after, html body.lb-product .lb-product-shipping.lb-product-shipping--price[data-lb-free-shipping]::before, html body.lb-product .lb-product-shipping.lb-product-shipping--price[data-lb-free-shipping]::after { content: none !important; display: none !important; } html body.lb-product .lb-product-price-line .lb-product-shipping__icon { display: none !important; } @media screen and (max-width: 380px) { html body.lb-product .lb-product-price-line { gap: 10px !important; } html body.lb-product .lb-product-price-line .lb-product-shipping[data-lb-free-shipping], html body.lb-product .lb-product-shipping.lb-product-shipping--price[data-lb-free-shipping] { font-size: 9px !important; letter-spacing: .065em !important; max-width: 38% !important; } }