/** Shopify CDN: Minification failed Line 1377:91 Unexpected "/" Line 1382:71 Unexpected "/" Line 1388:70 Unexpected "/" **/ @import url('https://fonts.googleapis.com/css2?family=Allerta&family=Figtree:wght@400;600;700&family=Instrument+Serif:ital@0;1&family=Inter:wght@400;700&family=Montserrat:wght@400;500&display=swap'); /* --- Aliases Guaja --- */ :root, .guaja-root { --guaja-bg: rgb(var(--color-background)); --guaja-bg-secondary: rgb(var(--color-background-secondary)); --guaja-text: rgb(var(--color-foreground)); --guaja-text-muted: rgb(var(--color-foreground-secondary)); --guaja-heading: rgb(var(--color-heading)); --guaja-btn: rgb(var(--color-button)); --guaja-btn-text: rgb(var(--color-button-text)); --guaja-border: rgb(var(--color-border)); --guaja-radius-btn: var(--btn-border-radius); --guaja-radius-block: var(--blocks-radius); --guaja-container: var(--container-width); --guaja-font-base: var(--font-base-size); } .guaja-root :where(a, button, input, select, textarea, summary):focus-visible { outline: 2px solid rgb(var(--color-foreground)); outline-offset: 2px; } .m-svg-icon--medium { width: 18px; height: 18px; } /* --- Header: borda excepto quando transparent-on-top (home) --- */ .guaja-root m-header.guaja-header:not(.transparent-on-top) .m-header__wrapper { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } /* --- Header: badge do carrinho --- */ /* #m-theme is on , so use body#m-theme — not body #m-theme (descendant) */ body#m-theme.guaja-root m-cart-count.m-cart-count, body#m-theme.guaja-root .m-cart-count { color: var(--color-cart-wishlist-count) !important; font-size: 12px !important; font-weight: 400 !important; height: 22px !important; min-width: 22px !important; background-color: var(--bg-cart-wishlist-count) !important; position: absolute !important; top: 5px !important; right: -5px !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; border-radius: 9999px !important; border: 1px solid #33333382 !important; box-sizing: border-box !important; } body#m-theme.guaja-root m-cart-count.m-cart-count.m\:hidden, body#m-theme.guaja-root .m-cart-count.m\:hidden { display: none !important; } /* --- Complementary: ghost-only cards (imagem só, mais pequenos) --- */ body#m-theme.guaja-root .m-complementary-products .m-product-card.guaja-pcard-ghost-only .m-product-card__content { display: none !important; } body#m-theme.guaja-root .m-complementary-products .m-product-card.guaja-pcard-ghost-only .m-product-card__hover-qa, body#m-theme.guaja-root .m-complementary-products .m-product-card.guaja-pcard-ghost-only .m-product-card__tags, body#m-theme.guaja-root .m-complementary-products .m-product-card.guaja-pcard-ghost-only .m-product-card__action, body#m-theme.guaja-root .m-complementary-products .m-product-card.guaja-pcard-ghost-only .m-product-tag--soldout { display: none !important; } body#m-theme.guaja-root .m-complementary-products .m-product-card.guaja-pcard-ghost-only .guaja-pcard-gallery__nav, body#m-theme.guaja-root .m-complementary-products .m-product-card.guaja-pcard-ghost-only .guaja-pcard-gallery__segments { display: none !important; } body#m-theme.guaja-root .m-complementary-products:has(.guaja-pcard-ghost-only) .m-complementary-products__wrapper { padding: 8px !important; } body#m-theme.guaja-root .m-complementary-products:has(.guaja-pcard-ghost-only) .m-complementary-products__inner { --column-gap: 8px !important; --column-gap-mobile: 8px !important; } body#m-theme.guaja-root .m-complementary-products .m-product-card.guaja-pcard-ghost-only { max-width: 140px; margin-inline: auto; } body#m-theme.guaja-root .m-complementary-products .m-product-card.guaja-pcard-ghost-only .m-product-card__media { margin: 0; } /* Mobile: 3 colunas para fotos mais pequenas (3 produtos na mesma linha) */ @media screen and (max-width: 767px) { body#m-theme.guaja-root .m-complementary-products:has(.guaja-pcard-ghost-only) .m-complementary-products__inner.m\:grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body#m-theme.guaja-root .m-complementary-products .m-product-card.guaja-pcard-ghost-only { max-width: none; width: 100%; } } @media screen and (min-width: 768px) { body#m-theme.guaja-root .m-complementary-products .m-product-card.guaja-pcard-ghost-only { max-width: 120px; } } /* --- Header: menu (desktop + mobile drawer) — reduzir font-size --- */ /* Nota: o menu mobile usa `.m-menu-mobile__link` (ver `snippets/header-menu-drawer.liquid`). */ /* Nota 2: o tema define `font-size` em `.m-menu` e padding via `--main-link-*` (ver `assets/header.css`). */ body#m-theme.guaja-root m-header.guaja-header, body#m-theme.guaja-root m-header.guaja-header .m-menu__link, body#m-theme.guaja-root m-header.guaja-header .m-header__right, body#m-theme.guaja-root .m-menu-drawer .m-menu-mobile__link, body#m-theme.guaja-root .m-menu-drawer .m-menu-mobile__back-button span { font-family: Figtree, sans-serif !important; font-weight: 600; } body#m-theme.guaja-root .m-header__menu ul.m-menu { --main-link-px: 10px !important; --main-link-py: 12px !important; } body#m-theme.guaja-root .m-header__menu ul.m-menu>li>a.m-menu__link.m-menu__link--main, body#m-theme.guaja-root .m-header__menu ul.m-menu>li>a.m-menu__link--main { font-size: 12px !important; line-height: 1.15 !important; } body#m-theme.guaja-root .m-header__menu .m-sub-menu .m-menu__link { font-size: 13px !important; line-height: 1.2 !important; } body#m-theme.guaja-root .m-menu-drawer .m-menu-mobile__link, body#m-theme.guaja-root .m-menu-drawer .m-menu-mobile__back-button span { font-size: 12px !important; line-height: 1.15 !important; } body#m-theme.guaja-root .m-menu-drawer .m-menu-mobile__item>a { padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 14px !important; padding-right: 14px !important; } /* --- Icon box: heading clicável (mesmo URL do ícone) --- */ .guaja-root .m-icon-box__heading .guaja-icon-box__heading-link { display: inline-block; max-width: 100%; color: inherit; text-decoration: none; } .guaja-root .m-icon-box__heading .guaja-icon-box__heading-link:hover, .guaja-root .m-icon-box__heading .guaja-icon-box__heading-link:focus-visible { text-decoration: underline; text-underline-offset: 3px; } /* --- Cart / cart drawer: preço com o mesmo tamanho de m:text-sm (opções) --- */ .guaja-root .m-cart-drawer-item .m-cart-item__price, .guaja-root .m-cart .m-cart-item__price { font-size: 0.875rem; } .guaja-root .m-cart-drawer-item .m-cart-item__price .money, .guaja-root .m-cart .m-cart-item__price .money { font-size: inherit; } /* --- Cart drawer: quantity (pedido) --- */ .m-cart-drawer-item .m-quantity { margin-top: 0; background-color: transparent; color: rgb(var(--color-form-field-text)); min-height: 33px; width: 110px; } /* --- Cart drawer: título Bag + contagem --- */ .guaja-cart-drawer .m-cart-drawer__title { display: inline-flex; align-items: flex-start; gap: 0; } .guaja-cart-drawer .guaja-cart-drawer__item-count { font-size: 0.55em; font-weight: 400; line-height: 1; position: relative; top: -8px; color: #000; margin-left: 0.12em; } /* --- Cart drawer: cupão promocional (accordion) --- */ body.guaja-root .guaja-cart-drawer .guaja-cart-coupon-row, .guaja-root .guaja-cart-drawer .guaja-cart-coupon-row, .guaja-cart-drawer .guaja-cart-coupon-row { border: 0 !important; border-radius: 8px; background: #ebebeb !important; padding: 12px 14px; margin-bottom: 12px; } .guaja-root .guaja-cart-drawer .guaja-cart-coupon-row__toggle { display: flex; align-items: center; gap: 10px; width: 100%; padding: 0 !important; border: 0 !important; background: transparent !important; color: inherit; font: inherit; text-align: left; cursor: pointer; margin: 0; user-select: none; } .guaja-root .guaja-cart-drawer .guaja-cart-coupon-row__marker { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 0 !important; border-radius: 50%; font-size: 18px !important; line-height: 1; font-weight: 400; } .guaja-root .guaja-cart-drawer .guaja-cart-coupon-row__label { font-size: 13px; font-weight: 400; line-height: 1.3; color: #000; } .guaja-root .guaja-cart-drawer .guaja-cart-coupon-row__panel { margin-top: 12px; padding: 0; border: 0 !important; background: transparent !important; } .guaja-root .guaja-cart-drawer .guaja-cart-coupon-row__panel[hidden] { display: none !important; } .guaja-root .guaja-cart-drawer .guaja-cart-coupon-row.is-open .guaja-cart-coupon-row__panel { display: block; } .guaja-root .guaja-cart-drawer .guaja-cart-coupon-row__panel-content { display: flex; align-items: stretch; gap: 8px; } .guaja-root .guaja-cart-drawer .guaja-cart-coupon-row__input { flex: 1 1 0%; min-width: 0; margin: 0; padding: 8px 12px; font-size: 13px; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 6px; background: #fff; } .guaja-root .guaja-cart-drawer .guaja-cart-coupon-row__input::placeholder { color: rgba(0, 0, 0, 0.45); } .guaja-root .guaja-cart-drawer .guaja-cart-coupon-row__submit { flex-shrink: 0; min-height: 38px; padding: 8px 16px; font-size: 13px; border-radius: 6px; white-space: nowrap; } .guaja-root .guaja-cart-drawer .guaja-cart-coupon-row .m-cart-addon-message-error { margin-top: 8px; font-size: 12px; color: rgb(var(--color-error)); } body.guaja-root .guaja-cart-drawer .trustpilot-widget, .guaja-root .guaja-cart-drawer .trustpilot-widget, .guaja-cart-drawer .trustpilot-widget { padding: 20px !important; } /* --- Hero (slider + guaja-home-hero) --- */ .guaja-tpl-index .guaja-home-hero .guaja-hero-title__serif { font-family: 'Instrument Serif', Georgia, serif; font-style: italic; font-weight: 400; font-size: clamp(3rem, 8vw, 7.5rem); line-height: 1.05; letter-spacing: -0.02em; } .guaja-tpl-index .guaja-home-hero .guaja-hero-title__sans { font-family: Allerta, 'Figtree', sans-serif; font-style: normal; font-weight: 400; font-size: clamp(3rem, 8vw, 7.5rem); line-height: 1.05; letter-spacing: -0.06em; text-transform: uppercase; margin-left: 0.15em; } .guaja-tpl-index .guaja-home-hero .m-slide__description, .guaja-tpl-index .guaja-home-hero .m-richtext__description { font-family: 'Figtree', Inter, sans-serif; font-size: clamp(1rem, 2vw, 1.5rem); font-weight: 400; text-transform: capitalize; margin-top: 0.75rem; margin-bottom: 0; opacity: 0.95; } .guaja-tpl-index .guaja-home-hero .m-slide__description p, .guaja-tpl-index .guaja-home-hero .m-richtext__description p { margin: 0; } .guaja-tpl-index .guaja-home-hero .m-slide__button-first.m-button--white { background: #ffffff; color: #000000; border-color: #ffffff; border-radius: 0; min-width: 228px; font-family: Inter, sans-serif; font-size: 1rem; letter-spacing: 0.02em; } .guaja-tpl-index .guaja-home-hero .m-slide__button-first.m-button--white:hover { background: #f2f2f2; color: #000000; border-color: #f2f2f2; } /* --- Slider buttons: smaller + no black border on hover/focus --- */ .guaja-root .m-slide__button .m-button, .guaja-root .m-richtext__button.m-slide__button .m-button, .guaja-root .m-slide__button-first.m-button { font-size: 12px !important; line-height: 1.1 !important; padding: 10px 16px !important; min-width: 0 !important; letter-spacing: 0.04em; } @media screen and (max-width: 767px) { .guaja-root .m-slide__button .m-button, .guaja-root .m-richtext__button.m-slide__button .m-button, .guaja-root .m-slide__button-first.m-button { font-size: 11px !important; padding: 9px 14px !important; } } .guaja-root .m-slide__button .m-button:hover, .guaja-root .m-slide__button .m-button:focus, .guaja-root .m-slide__button .m-button:focus-visible, .guaja-root .m-slide__button .m-button:active, .guaja-root .m-richtext__button.m-slide__button .m-button:hover, .guaja-root .m-richtext__button.m-slide__button .m-button:focus, .guaja-root .m-richtext__button.m-slide__button .m-button:focus-visible, .guaja-root .m-richtext__button.m-slide__button .m-button:active, .guaja-root .m-slide__button-first.m-button:hover, .guaja-root .m-slide__button-first.m-button:focus, .guaja-root .m-slide__button-first.m-button:focus-visible, .guaja-root .m-slide__button-first.m-button:active { border-color: transparent !important; border: 1px solid transparent !important; box-shadow: none !important; outline: none !important; } /* --- Section subheading / richtext subtitle --- */ .guaja-root .m-section__subheading, .guaja-root .m-richtext__subtitle { font-weight: 500; font-size: 13px; } /* --- Grelha de produtos (featured-collection) + kicker --- */ .guaja-root.guaja-tpl-index .guaja-home-products .m-section__header, .guaja-root.guaja-tpl-index .guaja-home-products .m-section__subheading, .guaja-root.guaja-tpl-index .guaja-home-products .m-section__subheading * { font-family: Figtree, sans-serif !important; } .guaja-tpl-index .guaja-home-products .m-section__subheading strong { font-weight: 700; } @media screen and (max-width: 767px) { .guaja-root.guaja-tpl-index .guaja-home-products .m-section__subheading { text-transform: uppercase !important; letter-spacing: 0.02em !important; margin-bottom: 1rem !important; color: inherit !important; } } .guaja-tpl-index .guaja-home-products .m-section__header { text-align: left; } .guaja-tpl-index .guaja-home-products .guaja-home-products__header-row { --m-section-header-spacing-bottom: 24px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: var(--m-section-header-spacing-bottom); } .guaja-tpl-index .guaja-home-products .guaja-home-products__header-row > .m-section__header { flex: 1 1 auto; min-width: 0; margin-bottom: 0; } .guaja-tpl-index .guaja-home-products .guaja-home-products__header-row > .m-slider-controls { flex: 0 0 auto; position: relative; z-index: 2; margin: 0; pointer-events: auto; } .guaja-tpl-index .guaja-home-products .guaja-home-products__header-row .m-slider-controls__wrapper { display: inline-flex; align-items: center; gap: 60px; margin: 0; } .guaja-tpl-index .guaja-home-products .guaja-home-products__header-row .m-slider-controls__button { position: static; width: 2.25rem; height: 2.25rem; padding: 0; margin: 0; border: none; background: transparent; color: currentColor; cursor: pointer; pointer-events: auto; opacity: 1; visibility: visible; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; } .guaja-tpl-index .guaja-home-products .guaja-home-products__header-row .m-slider-controls__button:hover, .guaja-tpl-index .guaja-home-products .guaja-home-products__header-row .m-slider-controls__button:focus, .guaja-tpl-index .guaja-home-products .guaja-home-products__header-row .m-slider-controls__button:focus-visible { border: none; background: transparent; box-shadow: none; color: currentColor; } .guaja-tpl-index .guaja-home-products .guaja-home-products__header-row .m-slider-controls__button.m\:hidden, .guaja-tpl-index .guaja-home-products .guaja-home-products__header-row .m-slider-controls__button[disabled], .guaja-tpl-index .guaja-home-products .guaja-home-products__header-row .m-slider-controls__button.swiper-button-disabled { display: inline-flex; opacity: 1; visibility: visible; pointer-events: auto; } .guaja-tpl-index .guaja-home-products .guaja-home-products__header-row .m-slider-controls__button svg { width: 1.25rem; height: 1.25rem; } @media screen and (max-width: 767px) { .guaja-tpl-index .guaja-home-products .guaja-home-products__header-row { gap: 0.75rem; } .guaja-tpl-index .guaja-home-products .guaja-home-products__header-row .m-slider-controls__button { width: 1.75rem; height: 1.75rem; } .guaja-tpl-index .guaja-home-products .guaja-home-products__header-row .m-slider-controls__button svg { width: 1rem; height: 1rem; } } /* Featured collection homepage: dois cartões no mobile (FOUC + wrapper em flex vs. grid) */ @media screen and (max-width: 767px) { .guaja-tpl-index .guaja-home-products .m-mixed-layout__inner.swiper-wrapper { display: flex; } .guaja-tpl-index .guaja-home-products .m-mixed-layout__wrapper.swiper-container:not(.swiper-container-initialized) .swiper-slide { flex: 0 0 auto; width: calc((100% - var(--column-gap-mobile, 16px)) / 2); min-width: 0; max-width: calc((100% - var(--column-gap-mobile, 16px)) / 2); box-sizing: border-box; } } /* --- Três categorias (collection-list) --- */ .guaja-tpl-index .guaja-home-three-cols .m-collection-card__title { font-family: 'Figtree', Inter, sans-serif; font-weight: 700; font-size: 1rem; letter-spacing: 0.04em; text-transform: uppercase; color: #ffffff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45); } .guaja-tpl-index .guaja-home-three-cols .m-collection-card__inner { border-radius: 0; } /* --- Galeria (4 col) --- */ .guaja-tpl-index .guaja-home-gallery .m-gallery__inner { filter: grayscale(1); } .guaja-tpl-index .guaja-home-gallery .m-gallery__inner:hover { filter: grayscale(0.85); } /* --- Trust bar (icon-box, Figma frame acima do footer) --- */ .guaja-root .guaja-home-trust.m-section, .guaja-root .m-section.guaja-home-trust { background-color: #f2f2f2; } .guaja-root .guaja-home-trust .m-section-my { border-bottom: none; padding-top: 1.25rem; padding-bottom: 1.25rem; } .guaja-root .guaja-home-trust.m-icon-box--small { border-top-width: 0; border-bottom: 1px solid #dedede; } .guaja-root .guaja-home-trust .m-mixed-layout__inner { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 1rem 1.5rem; } @media screen and (max-width: 767px) { .guaja-root .guaja-home-trust .m-icon-box-section__wrapper.m-mixed-layout--mobile-scroll, .guaja-root .guaja-home-trust .m-mixed-layout--mobile-scroll { overflow-x: visible; } .guaja-root .guaja-home-trust .m-mixed-layout__inner { display: grid; grid-template-columns: 1fr 1fr; width: 100%; gap: var(--column-gap-mobile, 10px); row-gap: 0.75rem; align-items: start; justify-content: stretch; flex-wrap: unset; } .guaja-root .guaja-home-trust .m-mixed-layout__inner .m\:column { min-width: 0; width: 100%; max-width: 100%; } .guaja-root .guaja-home-trust .m-icon-box__inner { flex-direction: column; align-items: center; text-align: center; flex-wrap: nowrap; width: 100%; } .guaja-root .guaja-home-trust .m-icon-box__icon { margin-right: 0 !important; margin-bottom: 0.35rem; justify-content: center; width: 100%; } .guaja-root .guaja-home-trust .m-icon-box__content { text-align: center; width: 100%; } .guaja-root .guaja-home-trust h3.m-icon-box__heading.h4 { font-size: 10px; line-height: 1.25; } } .guaja-root h3.m-icon-box__heading.h4 { color: #000000; font-family: Figtree, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; margin: 0; } .guaja-root .guaja-home-trust.m-icon-box--small .m-icon-box__heading { font-size: 14px; line-height: normal; margin-bottom: 0; } .guaja-root .guaja-home-trust .m-icon-box__icon { color: #000000; } .guaja-root .guaja-home-trust .m-icon-box__icon img, .guaja-root .guaja-home-trust .m-icon-box__icon .m-image { max-height: 22px; width: auto; object-fit: contain; } .guaja-root .guaja-home-trust .m-icon-box__description { display: none; } /* --- Cartões de produto (todos os layouts): título + bloco preço regular --- */ @media screen and (min-width: 1024px) { .guaja-root .m-product-card .m-product-card__info { margin-top: 6px; } } .guaja-root .m-product-card .m-product-card__title { margin: 0 0 0.2rem; font-style: normal; } /* --- Product card: ATC + inline com título (mobile only) --- */ .guaja-root .guaja-pcard-atc-inline { display: none; } @media screen and (max-width: 767px) { body#m-theme.guaja-root .m-product-card__action--top .m-product-card__atc-button { display: none !important; } .guaja-root .guaja-pcard-title-row { display: flex; align-items: flex-start; gap: 8px; width: 100%; } .guaja-root .guaja-pcard-title-row .m-product-card__title { flex: 1 1 auto; min-width: 0; margin: 0; } .guaja-root .guaja-pcard-atc-inline { display: block; flex: 0 0 auto; line-height: 1; padding-right: 8px; } .guaja-root .guaja-pcard-atc-inline .m-svg-icon--medium, .guaja-root .guaja-pcard-atc-inline .m-spinner-icon, .guaja-root .guaja-pcard-atc-inline .m-tooltip__content { display: none !important; } .guaja-root .guaja-pcard-atc-inline__btn { display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; min-width: 0; min-height: 0; padding: 0; margin: 0; border: 0; background: transparent; box-shadow: none; color: #000; cursor: pointer; text-decoration: none; } /* Hit-area real (link / quick-add) — não esconder */ .guaja-root .guaja-pcard-atc-inline__btn .m-tooltip-icon { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; min-height: 22px; text-decoration: none; color: inherit; } .guaja-root .guaja-pcard-atc-inline__btn .m-tooltip-icon::before { content: '+'; font-size: 22px; line-height: 1; font-weight: 400; color: #000; } /* Fallback: produto só default variant (submit no próprio botão) */ .guaja-root .guaja-pcard-atc-inline__btn.m-add-to-cart::before { content: '+'; font-size: 22px; line-height: 1; font-weight: 400; color: #000; } } .guaja-root .m-product-card .m-product-card__reviews { margin-top: 0.25rem; margin-bottom: 0; } .guaja-root .m-product-card .m-product-card__name { color: #000000; font-family: Figtree, sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } @media screen and (max-width: 767px) { .guaja-root .m-product-card .m-product-card__name { font-size: 9px; } } .guaja-root .m-product-card .m-product-card__price { margin-top: 0; } /* Tags do cartão: container */ .m-product-card__tags { display: flex; flex-wrap: wrap; gap: 8px; position: absolute; top: 8px; left: 3px; } /* Tags do cartão: tipografia Guaja; cores vêm de m-color-* / color schemes Minimog */ .guaja-root .m-product-card .m-product-card__tags .m-product-card__tag-name { border: none !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; font-family: Inter, sans-serif; font-size: 9px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } .guaja-root .product-block-group--tags .m-product-tag { border: none !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; font-family: Inter, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } .guaja-root .m-product-tag--new, .guaja-root .m-product-tag--sale { background-color: transparent; } /* Mobile: duas tags na mesma linha, sem cobrir o wishlist */ @media screen and (max-width: 767px) { .guaja-root .m-product-card .m-product-card__tags { flex-wrap: nowrap; gap: 3px; max-width: calc(100% - 40px); overflow: hidden; } .guaja-root .m-product-card .m-product-card__tags .m-product-card__tag-name { font-size: 6px; padding: 1px 4px; white-space: nowrap; flex-shrink: 1; min-width: 0; } } /* Preço “regular” (linha visível sem promo): specs exactas no wrapper e nos spans (.money) */ .guaja-root .m-product-card .m-price__regular, .guaja-root .m-product-card .m-price__regular .m-price-item, .guaja-root .m-product-card .m-price__regular .m-price-item--regular, .guaja-root .m-product-card .m-price__regular .money { color: #6c6c6c; font-family: Inter, sans-serif; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } /* Preço em promoção (Figma): vermelho #B10000, Inter 10px uppercase */ .guaja-root .m-price__sale .m-price-item--sale, .guaja-root .m-price__sale .m-price-item--last, .guaja-root .m-price__sale .m-price-item--sale .money, .guaja-root .m-price__sale .m-price-item--last .money { color: #b10000; font-family: Inter, sans-serif; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } .guaja-root .m-product-card .m-price--on-sale s.m-price-item--regular { color: #6c6c6c; text-decoration: line-through; text-decoration-skip-ink: none; font-family: Inter, sans-serif; font-size: 10px; font-weight: 400; line-height: normal; text-transform: uppercase; } .guaja-root .m-product-card .m-price:not(.m-price--on-sale) .m-price__sale { display: none !important; } .guaja-root .m-product-card .m-product-option { display: flex; margin-bottom: 0; margin-top: 0; } .guaja-root .m-product-card [data-pcard-variant-picker] .m-product-option--content { gap: 7px; margin-top: 0.25rem; } .guaja-root .m-product-card .m-product-option--swatch .m-product-option--node__label { width: 13px; height: 13px; min-width: 13px; min-height: 13px; border-radius: 50%; box-sizing: border-box; border: 0.5px solid rgba(0, 0, 0, 0.12); } .guaja-root .m-product-card .m-product-option--node__label[data-selected='true'] { box-shadow: 0 0 0 1px #000000; } /* --- Product card: sem zoom/scale no hover (Minimog); não afectar .guaja-pcard-gallery__track --- */ .guaja-root .m-product-card .m-product-card__main-image, .guaja-root .m-product-card .m-product-card__hover-image { transform: none !important; } .guaja-root .m-product-card:hover .m-product-card__main-image, .guaja-root .m-product-card:hover .m-product-card__hover-image { transform: none !important; } .guaja-root .m-product-card .m-product-card__main-image .m-image, .guaja-root .m-product-card .m-product-card__hover-image .m-image, .guaja-root .m-product-card .m-product-card__main-image responsive-image, .guaja-root .m-product-card .m-product-card__hover-image responsive-image, .guaja-root .m-product-card .m-product-card__main-image img, .guaja-root .m-product-card .m-product-card__hover-image img { transform: none !important; } .guaja-root .m-product-card:hover .m-product-card__main-image .m-image, .guaja-root .m-product-card:hover .m-product-card__hover-image .m-image, .guaja-root .m-product-card:hover .m-product-card__main-image responsive-image, .guaja-root .m-product-card:hover .m-product-card__hover-image responsive-image, .guaja-root .m-product-card:hover .m-product-card__main-image img, .guaja-root .m-product-card:hover .m-product-card__hover-image img { transform: none !important; } @media screen and (min-width: 1024px) { .guaja-root .m-collection--wrapper { margin: 20px 0 !important; } } /* --- Coleção mobile (≤767px): toolbar, grelha, tabs swipe --- */ @media screen and (max-width: 767px) { .guaja-root.guaja-tpl-collection .m-collection-toolbar .m-svg-icon--small { width: 10px !important; height: 10px !important; } .guaja-root.guaja-tpl-collection .m-collection-toolbar .m-sidebar--open>span, .guaja-root.guaja-tpl-collection .m-collection-toolbar .m-sortby--open>span, .guaja-root.guaja-tpl-collection .m-collection-toolbar .m-toolbar--sortby .m-select-custom--trigger-text { color: #000000; font-family: Montserrat, sans-serif; font-size: 10px !important; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; } .guaja-root.guaja-tpl-collection .m-collection-toolbar .m-sidebar--open { margin-right: 0 !important; gap: 0.35rem; align-items: center; } .guaja-root .m-collection-products .m-product-item { margin-bottom: 30px !important; padding: 0 2px !important; } } /* --- Coleção: título do painel de filtros --- */ .guaja-root .m-sidebar--title { font-size: 18px; font-weight: 500; padding: 20px; color: rgb(var(--color-heading)); } span.m-facet--product-count { display: none; } /* --- Coleção: sort by no painel de filtros --- */ .guaja-root .guaja-sort-by--list { list-style: none; margin: 0; padding: 0; } .guaja-root .guaja-sort-by--item { cursor: pointer; padding: 6px 0; color: rgba(0, 0, 0, 0.6); font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.3; } .guaja-root .guaja-sort-by--item.active { color: #000000; font-weight: 700; } .guaja-root .guaja-sort-by--item:focus-visible { outline: 2px solid rgb(var(--color-foreground)); outline-offset: 2px; } /* --- Coleção (Figma 12:53): tabs horizontais + grelha; filtros off-canvas (sem coluna .m-sidebar) --- */ .guaja-root.guaja-tpl-collection .guaja-collection-layout--tabs.m-collection--wrapper { display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 1.5rem; row-gap: 0; } @media screen and (min-width: 1024px) { .guaja-root.guaja-tpl-collection .guaja-collection-layout--tabs .guaja-collection-toolbar-row { width: 100%; margin-bottom: 1rem; } .guaja-root.guaja-tpl-collection .guaja-collection-layout--tabs .guaja-collection-toolbar-row .guaja-collection-tabs { min-width: 0; margin-bottom: 0; } .guaja-root.guaja-tpl-collection .guaja-collection-layout--tabs .guaja-collection-toolbar-row .guaja-collection-tabs__list { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 1.25rem 2rem; } .guaja-root.guaja-tpl-collection .guaja-collection-layout--tabs #CollectionProductGrid { order: 2; flex: 1 1 100%; min-width: 0; width: 100%; } } .guaja-root.guaja-tpl-collection .guaja-collection-tabs__list { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 1.25rem 2rem; list-style: none; margin: 0; padding: 0; } @media screen and (min-width: 768px) { .guaja-root.guaja-tpl-collection .guaja-collection-tabs__list { flex-wrap: wrap; } } .guaja-root.guaja-tpl-collection .guaja-collection-tabs__link { display: inline-block; padding: 0.25rem 0; font-family: Figtree, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; color: rgba(0, 0, 0, 0.5); text-decoration: none; } .guaja-root.guaja-tpl-collection .guaja-collection-tabs__link:hover { color: rgba(0, 0, 0, 0.75); } .guaja-root.guaja-tpl-collection .guaja-collection-tabs__link.is-active { color: #000000; font-weight: 700; } /* Mobile: uma linha de tabs com scroll horizontal (depois das regras base) */ @media screen and (max-width: 767px) { .guaja-root.guaja-tpl-collection .guaja-collection-toolbar-row { align-items: flex-start; row-gap: 0.5rem; margin-bottom: 0.75rem; } .guaja-root.guaja-tpl-collection .guaja-collection-toolbar-row__tabs { flex: 1 1 100%; width: 100%; min-width: 0; overflow: hidden; } .guaja-root.guaja-tpl-collection .guaja-collection-tabs { width: 100%; min-width: 0; max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none; } .guaja-root.guaja-tpl-collection .guaja-collection-tabs::-webkit-scrollbar { display: none; } .guaja-root.guaja-tpl-collection .guaja-collection-tabs__list { display: flex; flex-direction: row; flex-wrap: nowrap; width: max-content; max-width: none; gap: 0.5rem 0.875rem; overflow: visible; padding-bottom: 0.125rem; } .guaja-root.guaja-tpl-collection .guaja-collection-tabs__item { flex: 0 0 auto; } .guaja-root.guaja-tpl-collection .guaja-collection-tabs__link { white-space: nowrap; font-size: 12px; padding: 0.2rem 0; } } @media screen and (max-width: 1023px) { .guaja-root.guaja-tpl-collection .guaja-collection-layout--tabs .guaja-collection-toolbar-row { width: 100%; } .guaja-root.guaja-tpl-collection .guaja-collection-layout--tabs .guaja-collection-toolbar-row .guaja-collection-tabs { flex: 1 1 100%; width: 100%; min-width: 0; margin-bottom: 0; } .guaja-root.guaja-tpl-collection .guaja-collection-layout--tabs .guaja-collection-toolbar-row__tools { width: 100%; justify-content: flex-end; } .guaja-root.guaja-tpl-collection .guaja-collection-layout--tabs #CollectionProductGrid { order: 2; flex: 1 1 100%; min-width: 0; } } /* --- Wishlist / acções topo (style 1): sempre visíveis (sem translate off-screen do tema) --- */ .guaja-root .m-product-card.m-product-card--style-1 .m-product-card__action--top, .guaja-root .m-product-card.m-product-card--style-1 .m-product-card__action--top.m-product-card__addons { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; } @media screen and (max-width: 1023px) { .guaja-root .m-product-card.m-product-card--style-1 .m-product-card__action--top, .guaja-root .m-product-card.m-product-card--style-1 .m-product-card__action--top.m-product-card__addons { flex-direction: column; top: 4px; right: 4px; left: auto; bottom: auto; } } @media screen and (min-width: 1024px) { .guaja-root .m-product-card.m-product-card--style-1 .m-product-card__action--top, .guaja-root .m-product-card.m-product-card--style-1 .m-product-card__action--top.m-product-card__addons { flex-direction: column; top: 0px; right: 0px; left: auto; bottom: auto; } } @media screen and (min-width: 1280px) { .guaja-root .m-product-card .m-product-card__action svg { width: 12px; height: 20px; } } .guaja-root .m-product-card.m-product-card--style-1 .m-wishlist-button.m-button--icon { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0.25rem; min-width: auto; min-height: auto; } .guaja-root .m-product-card .m-wishlist-button:not(.added-to-wishlist) .m-tooltip-icon--active { display: none !important; } .guaja-root .m-product-card .m-wishlist-button.added-to-wishlist .m-tooltip-icon { display: none !important; } .guaja-root .m-product-card .m-wishlist-button.added-to-wishlist .m-tooltip-icon--active { display: flex !important; align-items: center; justify-content: center; } /* Growave (SSW): ícones Guaja por baixo, hit area invisível por cima */ .guaja-root .m-product-card .guaja-wishlist-growave { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 2.25rem; min-height: 2.25rem; } .guaja-root .m-product-card .guaja-wishlist-growave__decor { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 0; } .guaja-root .m-product-card .guaja-wishlist-growave__decor--filled { display: none; } .guaja-root .m-product-card .guaja-wishlist-growave.added-to-wishlist .guaja-wishlist-growave__decor--outline { display: none; } .guaja-root .m-product-card .guaja-wishlist-growave.added-to-wishlist .guaja-wishlist-growave__decor--filled { display: flex; } .guaja-root .m-product-card .guaja-wishlist-growave__hit { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-width: 2.25rem; min-height: 2.25rem; opacity: 0; } /* PDP: wishlist à direita do ATC — Figma: ATC largo + wishlist quadrado preto; guia de tamanhos visível */ .guaja-root.guaja-tpl-product .m-product-option--label.guaja-pdp-option-label--with-sizeguide { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1rem; width: 100%; } .guaja-root.guaja-tpl-product .m-product-option--label { display: none !important; } .guaja-root.guaja-tpl-product variant-picker { display: flex; flex-direction: column; } .guaja-root.guaja-tpl-product variant-picker>.m-product-option--swatch_color { order: -1; } .guaja-root.guaja-tpl-product variant-picker .m-product-option--swatch .m-product-option--node__label[data-option-type=color], .guaja-root.guaja-tpl-product variant-picker .m-product-option--swatch .m-product-option--node__label[data-option-type=swatch_color] { width: 25px; height: 25px; } .guaja-root.guaja-tpl-product .guaja-info-tabs { margin-top: 24px; } .guaja-root.guaja-tpl-product .guaja-info-tabs .m-tabs__header { border-bottom: none; } .m-tab-header { color: #ababab; font-size: 12px !important; } .guaja-root.guaja-tpl-product .guaja-info-tabs .m-tabs__header-inner { width: 100%; justify-content: space-between; column-gap: 0; overflow: visible; } .guaja-root.guaja-tpl-product .guaja-info-tabs .m-tab-header { opacity: 1; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 500; padding: 10px 0; } .guaja-root.guaja-tpl-product .guaja-info-tabs .m-tab-header:after { content: none; display: none; } .guaja-root.guaja-tpl-product .guaja-info-tabs .m-tab-header.active { text-decoration: underline; text-underline-offset: 3px; } .guaja-root.guaja-tpl-product .guaja-info-tabs .m-tabs__content { padding-top: 22px; } .guaja-root.guaja-tpl-product .guaja-pdp-sizeguide-link { gap: 0.35rem; font-size: 0.875rem; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; color: #000 !important; background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; cursor: pointer; } .guaja-root.guaja-tpl-product .m-main-product--media.m\\:column.m\\:w-full.md\\:m\\:w-7\\/12 { padding-left: 0px; } @media screen and (min-width: 768px) { .guaja-root.guaja-tpl-product .m-main-product--media.md\\:m\\:w-7\\/12 { width: 70% !important; max-width: 70% !important; flex: 0 0 70% !important; } .guaja-root.guaja-tpl-product .m-main-product--info.md\\:m\\:w-5\\/12 { width: 30% !important; max-width: 30% !important; flex: 0 0 30% !important; } } .guaja-root.guaja-tpl-product .guaja-pdp-sizeguide-link .m-svg-icon--large { width: 1rem; height: 1rem; } /* PDP: vídeos nativos sem controls nem overlay de degradé no hover */ .guaja-root.guaja-tpl-product .m-product-media--video video { -webkit-media-controls: none; } .guaja-root.guaja-tpl-product .m-product-media--video video::-webkit-media-controls, .guaja-root.guaja-tpl-product .m-product-media--video video::-webkit-media-controls-enclosure, .guaja-root.guaja-tpl-product .m-product-media--video video::-webkit-media-controls-panel { display: none !important; } /* PDP: galeria — setas prev/next: pretas, sem fundo circular; visibilidade continua só no hover do slider (.m-product-media--slider:hover no tema) */ .guaja-root.guaja-tpl-product .m-media-gallery__wrapper .swiper-button-control { width: auto; height: auto; min-width: 2.25rem; min-height: 2.25rem; padding: 0.125rem; border-radius: 0 !important; background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; color: #000 !important; } .guaja-root.guaja-tpl-product .m-media-gallery__wrapper .swiper-button-control:hover, .guaja-root.guaja-tpl-product .m-media-gallery__wrapper .swiper-button-control:focus-visible { background: transparent !important; background-color: transparent !important; color: #000 !important; border-color: transparent !important; box-shadow: none !important; } .guaja-root.guaja-tpl-product .m-media-gallery__wrapper .swiper-button-control svg { color: inherit; } /* PDP mobile: paginação por segments (como nos product cards) */ @media screen and (max-width: 767px) { /* Galeria full-bleed à largura do ecrã */ .guaja-root.guaja-tpl-product .m-main-product--media { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-left: 0 !important; padding-right: 0 !important; } .guaja-root.guaja-tpl-product .m-main-product--media .m-media-gallery, .guaja-root.guaja-tpl-product .m-main-product--media .m-media-gallery__wrapper, .guaja-root.guaja-tpl-product .m-main-product--media .m-product-media--item, .guaja-root.guaja-tpl-product .m-main-product--media .m-product-media, .guaja-root.guaja-tpl-product .m-main-product--media .m-product-media img { width: 100%; } .guaja-root.guaja-tpl-product .m-media-gallery__wrapper { position: relative; } .guaja-root.guaja-tpl-product .m-product-media--slider__pagination.swiper-pagination.guaja-pcard-gallery__segments { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 4 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 1px !important; padding: 0 !important; margin: 0 !important; height: 2px !important; pointer-events: auto !important; } .guaja-root.guaja-tpl-product .m-product-media--slider__pagination.swiper-pagination.guaja-pcard-gallery__segments .guaja-pcard-gallery__segment { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; height: 2px !important; padding: 0 !important; margin: 0 !important; border: none !important; border-radius: 0 !important; background: #c4c4c4 !important; cursor: pointer; } .guaja-root.guaja-tpl-product .m-product-media--slider__pagination.swiper-pagination.guaja-pcard-gallery__segments .guaja-pcard-gallery__segment.is-active { background: #848484 !important; } .guaja-root.guaja-tpl-product .m-product-media--slider__pagination.swiper-pagination.guaja-pcard-gallery__segments .guaja-pcard-gallery__segment:focus-visible { outline: 2px solid rgba(0, 0, 0, 0.35); outline-offset: 2px; } } /* PDP: wishlist à direita do ATC — layout inline no Liquid, aqui só flex-child do parent */ .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row { width: 100%; flex: 1 1 100%; min-width: 0; } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .m-add-to-cart:disabled { background-color: #f3f4f6 !important; background-image: none !important; color: #000 !important; border-color: #000 !important; opacity: 1 !important; box-shadow: none !important; } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .m-add-to-cart:disabled .m-spinner-icon { color: #000 !important; } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .guaja-pdp-atc-wishlist { display: flex !important; align-items: stretch; position: static !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; } /* PDP mobile: mover wishlist para cima da imagem (e esconder ao lado do ATC) */ @media screen and (max-width: 767px) { .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .guaja-pdp-atc-wishlist { display: none !important; } .guaja-root.guaja-tpl-product .guaja-pdp-media-wishlist { position: absolute; top: 4px; right: 4px; z-index: 6; pointer-events: auto; } .guaja-root.guaja-tpl-product .guaja-pdp-media-wishlist .guaja-wishlist-bookmark { width: calc(19px * 0.7); height: calc(25px * 0.7); } .guaja-root.guaja-tpl-product .guaja-pdp-media-wishlist .m-wishlist-button.m-button--icon { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0.25rem !important; min-width: auto !important; min-height: auto !important; border-radius: 0 !important; color: inherit !important; } .guaja-root.guaja-tpl-product .guaja-pdp-media-wishlist .m-tooltip__content { display: none !important; } /* Native wishlist: show only one icon based on .added-to-wishlist */ .guaja-root.guaja-tpl-product .guaja-pdp-media-wishlist .m-wishlist-button:not(.added-to-wishlist) .m-tooltip-icon--active { display: none !important; } .guaja-root.guaja-tpl-product .guaja-pdp-media-wishlist .m-wishlist-button.added-to-wishlist .m-tooltip-icon { display: none !important; } .guaja-root.guaja-tpl-product .guaja-pdp-media-wishlist .m-wishlist-button.added-to-wishlist .m-tooltip-icon--active { display: flex !important; align-items: center; justify-content: center; } /* Growave: ícones Guaja por baixo, hit area invisível por cima; alterna outline/filled */ .guaja-root.guaja-tpl-product .guaja-pdp-media-wishlist .guaja-wishlist-growave__decor--filled { display: none; } .guaja-root.guaja-tpl-product .guaja-pdp-media-wishlist .guaja-wishlist-growave__hit { opacity: 0; } .guaja-root.guaja-tpl-product .guaja-pdp-media-wishlist .guaja-wishlist-growave.added-to-wishlist .guaja-wishlist-growave__decor--outline { display: none; } .guaja-root.guaja-tpl-product .guaja-pdp-media-wishlist .guaja-wishlist-growave.added-to-wishlist .guaja-wishlist-growave__decor--filled { display: flex; } } /* PDP desktop: não mostrar wishlist overlay (é só mobile) */ @media screen and (min-width: 768px) { .guaja-root.guaja-tpl-product .guaja-pdp-media-wishlist { display: none !important; } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .m-product-wishlist.guaja-pdp-atc-wishlist { display: flex !important; } } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .m-wishlist-button.m-button--icon { background: #000 !important; border: none !important; box-shadow: none !important; padding: 0; min-width: 48px; min-height: 48px; width: 48px !important; align-self: stretch; aspect-ratio: 1; border-radius: 0; color: #fff !important; } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .m-wishlist-button:not(.added-to-wishlist) .m-tooltip-icon--active { display: none !important; } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .m-wishlist-button.added-to-wishlist .m-tooltip-icon { display: none !important; } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .m-wishlist-button.added-to-wishlist .m-tooltip-icon--active { display: flex !important; align-items: center; justify-content: center; } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .guaja-wishlist-growave { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 0; align-self: stretch; width: auto; } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .guaja-wishlist-growave__decor { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 0; } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .guaja-wishlist-growave__decor--filled { display: none; } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .guaja-wishlist-growave.added-to-wishlist .guaja-wishlist-growave__decor--outline { display: none; } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .guaja-wishlist-growave.added-to-wishlist .guaja-wishlist-growave__decor--filled { display: flex; } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .guaja-wishlist-growave__hit { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-width: 0; min-height: 0; opacity: 0; } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .guaja-wishlist-bookmark--outline path { stroke: #fff !important; } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .guaja-wishlist-bookmark--filled path { fill: #fff !important; } .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .m-wishlist-button .m-tooltip-icon, .guaja-root.guaja-tpl-product .guaja-pdp-atc-wishlist-row .m-wishlist-button .m-tooltip-icon--active { color: #fff !important; } /* --- Galeria Guaja no product card --- */ .guaja-root .m-product-card .guaja-pcard-gallery { position: relative; width: 100%; } .guaja-root .m-product-card .guaja-pcard-gallery__viewport { position: relative; width: 100%; overflow: hidden; } .guaja-root .m-product-card .guaja-pcard-gallery__track { display: flex; flex-direction: row; width: calc(var(--guaja-pcard-slide-count, 1) * 100%); transition: transform 0.28s ease; will-change: transform; } .guaja-root .m-product-card .guaja-pcard-gallery__slide { flex: 0 0 calc(100% / var(--guaja-pcard-slide-count, 1)); width: calc(100% / var(--guaja-pcard-slide-count, 1)); box-sizing: border-box; min-width: 0; } .guaja-root .m-product-card .guaja-pcard-gallery__nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 2rem; height: 3rem; padding: 0; margin: 0; border: none; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; color: inherit; opacity: 1; transition: opacity 0.2s ease; } .guaja-root .m-product-card .guaja-pcard-gallery__nav svg { display: block; flex-shrink: 0; } @media (hover: hover) and (pointer: fine) { .guaja-root .m-product-card .guaja-pcard-gallery__nav { opacity: 0; pointer-events: none; } .guaja-root .m-product-card .guaja-pcard-gallery:hover .guaja-pcard-gallery__nav, .guaja-root .m-product-card .guaja-pcard-gallery:focus-within .guaja-pcard-gallery__nav, .guaja-root .m-product-card .m-product-card__media:hover .guaja-pcard-gallery__nav { opacity: 1; pointer-events: auto; } } .guaja-root .m-product-card .guaja-pcard-gallery__nav--prev { left: 0.25rem; } .guaja-root .m-product-card .guaja-pcard-gallery__nav--next { right: 0.25rem; } .guaja-root .m-product-card .guaja-pcard-gallery__nav:focus-visible { outline-offset: 2px; } @media screen and (max-width: 1023px) { .guaja-root .m-product-card .guaja-pcard-gallery__nav { width: 1.375rem; height: 2.25rem; } .guaja-root .m-product-card .guaja-pcard-gallery__nav svg { width: 5px; height: 10px; } .guaja-root .m-product-card .guaja-pcard-gallery__nav--prev { left: 0.125rem; } .guaja-root .m-product-card .guaja-pcard-gallery__nav--next { right: 0.125rem; } } .guaja-root .m-product-card .guaja-pcard-gallery__segments { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 1px; pointer-events: auto; } .guaja-root .m-product-card .guaja-pcard-gallery__segment { flex: 1 1 0; min-width: 0; width: auto; height: 1px; padding: 0; margin: 0; border: none; border-radius: 0; background: #c4c4c4; cursor: pointer; } .guaja-root .m-product-card .guaja-pcard-gallery__segment.is-active { background: #848484; } .guaja-root .m-product-card.guaja-pcard-has-gallery .m-product-card__hover-image { display: none !important; } /* Mobile: caixa da imagem mais alta (mais produto visível); critical-css usa --aspect-ratio-mobile ≤767px */ @media screen and (max-width: 767px) { .guaja-root .m-product-card .guaja-pcard-gallery responsive-image[style*='--aspect-ratio'], .guaja-root .m-product-card__media .m-product-card__link responsive-image[style*='--aspect-ratio'] { --aspect-ratio-mobile: 0.62; } } /* --- Footer Guaja (Figma node 12:598): fundo, 2 colunas, newsletter --- */ .guaja-root .guaja-footer .m-footer--middle.m-gradient { background-color: #f2f2f2 !important; } .guaja-root .guaja-footer .m-footer--bottom.m-gradient { background-color: #f2f2f2 !important; } /* Mobile: payment icons 40% mais pequenos (60% do tamanho original 38×24) */ @media screen and (max-width: 767px) { .guaja-root .m-payment-icons--item .icon, .guaja-root .m-payment-icons--item svg { width: 22.8px; height: 14.4px; } .guaja-root .m-footer .m-payment-icons--list { column-gap: 12px; row-gap: 10px; } } .guaja-root .guaja-footer .m-footer--middle .m-footer--block-title { color: #000000; font-family: Montserrat, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; margin-bottom: 20px; } .guaja-root .guaja-footer .m-footer--block-newsletter .m-footer--block-title { position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: baseline; width: 100%; box-sizing: border-box; text-transform: none; font-family: 'Instrument Serif', Georgia, serif; font-size: 1rem; font-weight: 400; } .guaja-root .guaja-footer .m-footer--block-newsletter .m-footer--block-title .guaja-footer-newsletter-title__serif { margin-right: 0.06em; } .guaja-root .guaja-footer .m-footer--block-newsletter .m-footer--block-title .m-accordion--item-icon { position: absolute; inset-inline-end: 0; top: 50%; transform: translateY(-50%); margin: 0; } @media screen and (max-width: 1023px) { .guaja-root .guaja-footer .m-footer--block-newsletter .m-footer--block-title { padding-inline-end: 28px; } } .guaja-root .guaja-footer .m-footer--block-content .m-link { font-family: Inter, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.5; text-transform: none; color: #000000; } .guaja-root .guaja-footer .m-footer--block-content .m-link:hover { opacity: 0.65; } .guaja-footer-newsletter-title__serif { font-family: 'Instrument Serif', Georgia, serif; font-style: italic; font-weight: 400; font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1.1; color: #000000; margin-right: 0.15em; } .guaja-footer-newsletter-title__sans { font-family: Inter, sans-serif; font-style: normal; font-weight: 700; font-size: clamp(1.15rem, 2.2vw, 2.5rem); line-height: 1.1; letter-spacing: 0.04em; text-transform: uppercase; color: #000; } @media screen and (min-width: 1024px) { .guaja-root .guaja-footer .m-footer--accordion { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start !important; justify-content: space-between !important; gap: 0 !important; } .guaja-root .guaja-footer .m-footer--block:nth-child(1), .guaja-root .guaja-footer .m-footer--block:nth-child(2), .guaja-root .guaja-footer .m-footer--block:nth-child(3) { flex: 0 0 calc(100% / 6) !important; max-width: none !important; width: calc(100% / 6) !important; } .guaja-root .guaja-footer .m-footer--block:nth-child(4) { flex: 0 0 50% !important; max-width: none !important; width: 50% !important; padding-left: 2.5rem; box-sizing: border-box; border-left: 1px solid #dedede; } .guaja-root .guaja-footer .m-footer--block-title .m-accordion--item-icon { display: none; } .guaja-root .guaja-footer .m-accordion--item-button { pointer-events: none; cursor: default; } } .guaja-root .guaja-footer .m-footer--block-newsletter .m-footer--block-content { display: flex; flex-direction: column; } .guaja-root .guaja-footer .m-footer--block-newsletter .m-newsletter-form { order: 1; width: 100%; margin-top: 0.75rem; } .guaja-root .guaja-footer .m-footer--block-newsletter .m-footer--block-newsletter-desc { order: 2; margin-top: 1rem; margin-bottom: 0; font-family: Inter, sans-serif; font-size: 11px; line-height: 1.45; color: #999999; } .guaja-root .guaja-footer .m-footer--block-newsletter .m-footer--block-newsletter-desc p { margin: 0; } .guaja-root .guaja-footer .m-newsletter-form--minimal .m-newsletter-form__wrapper { position: relative; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; justify-content: space-between; gap: 1rem; padding-bottom: 0.4rem; border-bottom: 1px solid #000000; } .guaja-root .guaja-footer .m-newsletter-form--minimal .m-newsletter-form__input-wrapper { flex: 1 1 auto; min-width: 0; background: transparent !important; border-radius: 0 !important; } .guaja-root .guaja-footer .m-newsletter-form--minimal .m-newsletter-form__input { border: none !important; padding-left: 0 !important; background: transparent !important; } .guaja-root .guaja-footer .m-newsletter-form--minimal .m-newsletter-form__button { position: static !important; height: auto !important; flex: 0 0 auto; padding: 0 !important; min-width: 0 !important; font-family: Inter, sans-serif; font-size: 15px; font-weight: 400; text-transform: none; color: #000 !important; white-space: nowrap; margin-bottom: 9px; } @media screen and (max-width: 767px) { .guaja-root .guaja-footer .m-newsletter-form--minimal .m-newsletter-form__button { font-size: 10px; } } .guaja-root .guaja-footer .m-newsletter-form--minimal .m-newsletter-form__button--text { border: none !important; } /* PDP: opção de variante com um único valor (ex. Made in Portugal + código) — fora da vista, inputs mantidos para variant-picker */ .guaja-pdp-variant-option--hidden-from-ui { 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; } .m-product-info--wrapper.m\:text-color-body { margin-top: 40px; } @media screen and (max-width: 767px) { .m-product-info--wrapper.m\:text-color-body { margin-top: 0; } } /* PDP: bullets do bloco custom_text mais apertados */ .guaja-root.guaja-tpl-product .main-product__block-custom_text .m-product-text ul { margin: 0; } .guaja-root.guaja-tpl-product .main-product__block-custom_text .m-product-text li { margin: 0; line-height: 1.25; padding-top: 0; padding-bottom: 0; } .guaja-root.guaja-tpl-product .main-product__block-custom_text .m-product-text li + li { margin-top: 2px; } .m-product-option--button .m-product-option--node__label { border-radius: 0; border-color: transparent; } .m-product-option--button .m-product-option--node__label:hover { border-color: transparent; } .m-product-option--button .m-product-option--node input:checked+label, .m-product-option--button .m-product-option--node__label[data-selected=true] { border-color: transparent; background-color: transparent; color: #000; text-decoration: underline; } /* PDP Length (Regular/Tall): inactive cinza; selected underline forte ^= cobre "Length" e "Length " (trailing space no nome Shopify) */ .guaja-root.guaja-tpl-product .m-product-option__inner[data-option-name^="Length"] .m-product-option--node__label { color: #9a9a9a; font-weight: 400; text-decoration: none; } .guaja-root.guaja-tpl-product .m-product-option__inner[data-option-name^="Length"] .m-product-option--node input:checked + label, .guaja-root.guaja-tpl-product .m-product-option__inner[data-option-name^="Length"] .m-product-option--node__label[data-selected="true"] { color: #000; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; font-weight: 600; } /* --- PDP: título + preço na mesma linha (Figma); preço Inter 16 #000 --- */ .guaja-root.guaja-tpl-product .guaja-pdp-title-price-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; width: 100%; } .guaja-root.guaja-tpl-product .guaja-pdp-title-price-row .product-block-group--title { flex: 1 1 0%; min-width: 0; } .guaja-root.guaja-tpl-product .guaja-pdp-title-price-row .product-block-group--price { flex-shrink: 0; min-width: 0; text-align: right; } .guaja-root.guaja-tpl-product .m-product-info--wrapper>.main-product__block-badge { display: none !important; } .guaja-root.guaja-tpl-product .m-main-product--media { position: relative; } .guaja-root.guaja-tpl-product .guaja-pdp-media-tags { position: absolute; top: 8px; left: 3px; z-index: 7; pointer-events: none; } /* PDP desktop: ajustar offset horizontal das tags */ @media screen and (min-width: 768px) { .guaja-root.guaja-tpl-product .guaja-pdp-media-tags { left: 5px; } } .guaja-root.guaja-tpl-product .guaja-pdp-media-tags .product-block-group--tags { pointer-events: auto; } .guaja-root.guaja-tpl-product .m-product-tax { display: none !important; } @media screen and (max-width: 767px) { .guaja-root.guaja-tpl-product .guaja-pdp-title-price-row { gap: 8px; } } .guaja-root.guaja-tpl-product .m-product-info--wrapper .m-product-title { color: #000; font-family: 'Figtree', Inter, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } @media screen and (max-width: 767px) { .guaja-root.guaja-tpl-product .m-product-info--wrapper .m-product-title { font-size: 15px; line-height: 1.25; word-break: break-word; } } .guaja-root.guaja-tpl-product .m-product-info--wrapper .product-block-group--price { color: #000; } .guaja-root.guaja-tpl-product .m-product-info--wrapper .product-block-group--price .m-price { color: inherit; } .guaja-root.guaja-tpl-product .m-product-info--wrapper .product-block-group--price .m-price-item--regular, .guaja-root.guaja-tpl-product .m-product-info--wrapper .product-block-group--price .m-price-item--sale, .guaja-root.guaja-tpl-product .m-product-info--wrapper .product-block-group--price .m-price-item--last { color: #000; font-family: Inter, sans-serif; font-size: 16px !important; font-style: normal; font-weight: 400; line-height: normal; text-transform: none; letter-spacing: normal; } .guaja-root.guaja-tpl-product .m-product-info--wrapper .product-block-group--price .m-price__sale .m-price-item--sale, .guaja-root.guaja-tpl-product .m-product-info--wrapper .product-block-group--price .m-price__sale .m-price-item--last { color: rgb(var(--color-price-sale)); } .guaja-root.guaja-tpl-product .m-product-info--wrapper .product-block-group--price s.m-price-item--regular { color: rgb(var(--color-foreground-secondary)); font-size: 14px; font-weight: 400; } @media screen and (max-width: 767px) { .guaja-root.guaja-tpl-product .m-product-info--wrapper .product-block-group--price .m-price-item--regular, .guaja-root.guaja-tpl-product .m-product-info--wrapper .product-block-group--price .m-price-item--sale, .guaja-root.guaja-tpl-product .m-product-info--wrapper .product-block-group--price .m-price-item--last { font-size: 15px !important; } } .guaja-root.guaja-tpl-product .m-product-info--wrapper .m-product-option--label .option-label--title { font-family: Inter, sans-serif; font-size: 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; } /* PDP: sem margem superior — galeria alinha ao header (Minimog product.css: margin-top 16px em ≥1024px) */ .guaja-root.guaja-tpl-product .m-main-product { margin-top: 0 !important; } @media screen and (min-width: 1024px) { .guaja-root.guaja-tpl-product .m-main-product { margin-top: 0 !important; } } /* PDP: coluna de info — padding lateral no desktop (Figma) */ @media screen and (min-width: 1024px) { .guaja-root.guaja-tpl-product .m-main-product--info { padding-left: 80px; padding-right: 100px; box-sizing: border-box; } } /* Homepage só: três coleções (guaja-home-three-cols) — CTA inside-2 transparente, texto branco, hover igual */ .guaja-root.guaja-tpl-index .guaja-home-three-cols .m-collection-card--inside-2 .m-collection-card__info a.m-button.m-button--white { background-color: transparent !important; background: transparent !important; border-color: transparent !important; color: #ffffff !important; box-shadow: none !important; } .guaja-root.guaja-tpl-index .guaja-home-three-cols .m-collection-card--inside-2 .m-collection-card__info a.m-button.m-button--white:hover, .guaja-root.guaja-tpl-index .guaja-home-three-cols .m-collection-card--inside-2 .m-collection-card__info a.m-button.m-button--white:focus, .guaja-root.guaja-tpl-index .guaja-home-three-cols .m-collection-card--inside-2 .m-collection-card__info a.m-button.m-button--white:focus-visible, .guaja-root.guaja-tpl-index .guaja-home-three-cols .m-collection-card--inside-2 .m-collection-card__info a.m-button.m-button--white:active { background-color: transparent !important; background: transparent !important; border-color: transparent !important; color: #ffffff !important; box-shadow: none !important; opacity: 1; } @media screen and (max-width: 767px) { .guaja-root .guaja-footer .m-footer--middle .m-footer--block-title { margin-bottom: 0; font-size: 10px; } .guaja-root .guaja-footer .m-footer--middle .m-footer--block { padding-top: 0; padding-bottom: 0; margin-bottom: 0; } } /* --- List of Variants (cross-product swatches) --- */ .guaja-lov .guaja-lov__node, .guaja-pcard-lov .guaja-pcard-lov__node { display: inline-flex; position: relative; text-decoration: none; cursor: pointer; } .guaja-lov .guaja-lov__node .m-product-option--node__label, .guaja-pcard-lov .guaja-pcard-lov__node .m-product-option--node__label { display: inline-block; width: var(--swatch-size, 32px); height: var(--swatch-size, 32px); border-radius: 50%; background: var(--swatch-background, transparent) center/cover no-repeat; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 2px transparent; transition: box-shadow 0.15s ease, transform 0.15s ease; } .guaja-lov .guaja-lov__node:hover .m-product-option--node__label, .guaja-pcard-lov .guaja-pcard-lov__node:hover .m-product-option--node__label { transform: scale(1.05); } .guaja-lov .guaja-lov__node.is-active .m-product-option--node__label, .guaja-pcard-lov .guaja-pcard-lov__node.is-active .m-product-option--node__label { /*box-shadow: 0 0 0 2px rgb(var(--color-foreground, 0 0 0));*/ } .guaja-pcard-lov .m-product-option--more-option { display: inline-flex; align-items: center; justify-content: center; min-width: var(--swatch-size, 32px); height: var(--swatch-size, 32px); padding: 0 6px; border-radius: 999px; font-size: 12px; line-height: 1; border: 1px solid rgba(0, 0, 0, 0.1); } /* --- Product card hover quick-add --- */ .m-product-card__hover-qa { position: absolute; left: 0; right: 0; bottom: 0; padding: 12px; background: rgba(255, 255, 255, 0.40); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); display: none; flex-direction: column; gap: 10px; z-index: 3; pointer-events: none; } @media (min-width: 1024px) { .m-product-card .m-product-card__media:hover .m-product-card__hover-qa, .m-product-card .m-product-card__media:focus-within .m-product-card__hover-qa { display: flex; } } @media (max-width: 1023px) { .m-product-card__hover-qa { display: none !important; } } .m-product-card__hover-qa form, .m-product-card__hover-qa .card-qa-form { display: flex; flex-direction: column; gap: 8px; margin: 0; pointer-events: auto; } .m-product-card__hover-qa__options, .m-product-card__hover-qa__option, .m-product-card__hover-qa__option-content, .m-product-card__hover-qa__select, .m-product-card__hover-qa__atc { pointer-events: auto; } .m-product-card__hover-qa__options { display: flex; flex-direction: column; gap: 8px; align-items: center; } .m-product-card__hover-qa__option { display: flex; flex-direction: column; gap: 4px; } .m-product-card__hover-qa__option--hidden { display: none !important; } /* Sold-out option values inside hover quick-add */ .m-product-card__hover-qa .m-product-option--node.is-soldout { pointer-events: none; cursor: not-allowed; } .m-product-card__hover-qa .m-product-option--node.is-soldout .m-product-option--node__label[data-option-type='button'], .m-product-card__hover-qa .m-product-option--node.is-soldout .m-product-option--node__label[data-option-type='borderless_button'] { opacity: 0.45; text-decoration: line-through; cursor: not-allowed; } .m-product-card__hover-qa .m-product-option--node.is-soldout .m-product-option--swatch, .m-product-card__hover-qa .m-product-option--node.is-soldout .m-product-option--node__label[data-option-type='image'] { position: relative; opacity: 0.5; } .m-product-card__hover-qa .m-product-option--node.is-soldout .m-product-option--swatch::after, .m-product-card__hover-qa .m-product-option--node.is-soldout .m-product-option--node__label[data-option-type='image']::after { content: ''; position: absolute; inset: 0; border-radius: 50%; background: linear-gradient(to top right, transparent 0, transparent calc(50% - 1px), rgba(0, 0, 0, 0.55) calc(50% - 1px), rgba(0, 0, 0, 0.55) calc(50% + 1px), transparent calc(50% + 1px), transparent 100%); pointer-events: none; } .m-product-card__hover-qa__select option:disabled { color: rgba(0, 0, 0, 0.4); text-decoration: line-through; } .m-product-card__hover-qa__option-label { display: flex; align-items: baseline; gap: 6px; font-size: 12px; line-height: 1.2; } .m-product-card__hover-qa__option-label .option-label--title { font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; } .m-product-card__hover-qa__option-content { display: inline-flex; flex-wrap: wrap; gap: 6px; justify-content: center; } .m-product-card__hover-qa .m-product-option__input { position: absolute; opacity: 0; pointer-events: none; } .m-product-card__hover-qa .m-product-option--node { position: relative; } .m-product-card__hover-qa .m-product-option--node__label[data-option-type="button"], .m-product-card__hover-qa .m-product-option--node__label[data-option-type="borderless_button"] { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 28px; padding: 0 8px; font-size: 12px; line-height: 1; cursor: pointer; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.2); background: #fff; transition: border-color 0.15s ease, background 0.15s ease; } .m-product-card__hover-qa .m-product-option--node__label[data-option-type="borderless_button"] { border-color: transparent; background: transparent; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: transparent; } .m-product-card__hover-qa .m-product-option--node__label[data-option-type="swatch_color"], .m-product-card__hover-qa .m-product-option--node__label[data-option-type="image"] { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background: var(--swatch-background, transparent) center/cover no-repeat; border: 1px solid rgba(0, 0, 0, 0.1); cursor: pointer; box-shadow: 0 0 0 2px transparent; transition: box-shadow 0.15s ease, transform 0.15s ease; } .m-product-card__hover-qa .m-product-option--node__label[data-option-type="image"] { background: var(--swatch-background, transparent) center/cover no-repeat; } .m-product-card__hover-qa .m-product-option__input:checked+.m-product-option--node__label[data-option-type="button"], .m-product-card__hover-qa .m-product-option__input:checked+.m-product-option--node__label[data-option-type="borderless_button"] { border-color: rgb(var(--color-foreground, 0 0 0)); background: rgb(var(--color-foreground, 0 0 0)); color: rgb(var(--color-background, 255 255 255)); } .m-product-card__hover-qa .m-product-option__input:checked+.m-product-option--node__label[data-option-type="borderless_button"] { background: transparent; color: rgb(var(--color-foreground, 0 0 0)); text-decoration-color: currentColor; } .m-product-card__hover-qa .m-product-option__input:checked+.m-product-option--node__label[data-option-type="swatch_color"], .m-product-card__hover-qa .m-product-option__input:checked+.m-product-option--node__label[data-option-type="image"] { box-shadow: 0 0 0 2px rgb(var(--color-foreground, 0 0 0)); } .m-product-card__hover-qa .m-product-option--swatch:hover .m-product-option--node__label, .m-product-card__hover-qa .m-product-option--node__label:hover { transform: scale(1.05); } .m-product-card__hover-qa__select { width: 100%; height: 32px; padding: 0 8px; font-size: 13px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.2); background: #fff; } .m-product-card__hover-qa__atc { width: 100%; height: 36px; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; } .m-product-card__hover-qa__atc[disabled] { opacity: 0.55; cursor: not-allowed; } /* --- Product info tabs: fit/stretch/length scales --- */ .guaja-fit-scales { display: flex; flex-direction: column; gap: 24px; margin-top: 24px; } @media screen and (max-width: 767px) { .guaja-fit-scales { padding: 20px; } } .guaja-fit-scales__row { display: flex; flex-direction: column; gap: 4px; } .guaja-fit-scales__title { font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; font-size: 13px; line-height: 1.2; margin-bottom: 4px; } .guaja-fit-scales__ends { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; } .guaja-fit-scales__end { font-size: 12px; line-height: 1.2; opacity: 0.7; } .guaja-fit-scales__end--right { text-align: right; } .guaja-fit-scales__line { position: relative; display: block; width: 100%; height: 1px; background: currentColor; opacity: 0.6; margin-top: 6px; } .guaja-fit-scales__dot { position: absolute; top: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; border-radius: 50%; border: 1px solid currentColor; background: rgb(var(--color-background, 255 255 255)); box-sizing: border-box; } /* --- Sold-out product card: overlay + top-left pill --- */ .m-product-card.m-product-card--soldout .m-product-card__media { position: relative; } .m-product-card.m-product-card--soldout .m-product-card__media::after { content: ''; position: absolute; inset: 0; background: rgba(255, 255, 255, 0.45); pointer-events: none; z-index: 1; } .m-product-card.m-product-card--soldout .m-product-card__tags { display: none !important; } .m-product-card.m-product-card--soldout .m-product-card__action--top { z-index: 2; } .m-product-card.m-product-card--soldout .m-product-tag--soldout { position: absolute; top: 50%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent !important; background-image: none !important; box-shadow: none; color: #000000; font-size: 12px; font-weight: 400; line-height: 1.2; letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; pointer-events: none; } /* --- PDP: galeria de media com altura do ecrã menos o header (header + topbar + announcement) --- */ @media screen and (min-width: 768px) { .guaja-root.guaja-tpl-product { --guaja-pdp-media-h: calc(100vh - var(--m-header-height, 57px) - var(--m-topbar-height, 0px) - var(--m-announcement-height, 37px) - var(--guaja-promo-height, 0px)); } @supports (height: 100dvh) { .guaja-root.guaja-tpl-product { --guaja-pdp-media-h: calc(100dvh - var(--m-header-height, 57px) - var(--m-topbar-height, 0px) - var(--m-announcement-height, 0px) - var(--guaja-promo-height, 0px)); } } /* Fixar a media sticky junto ao header em vez do top: 30px atual */ .guaja-root.guaja-tpl-product .m-product-media--wrapper { top: calc(var(--m-header-height, 57px) + var(--m-topbar-height, 0px) + var(--m-announcement-height, 37px)); } /* Forçar a cadeia galeria + slider para a altura calculada */ .guaja-root.guaja-tpl-product .m-media-gallery, .guaja-root.guaja-tpl-product .m-media-gallery__wrapper, .guaja-root.guaja-tpl-product .m-media-gallery__inner, .guaja-root.guaja-tpl-product .m-media-gallery__list, .guaja-root.guaja-tpl-product .m-product-media--item, .guaja-root.guaja-tpl-product .m-product-media--item .m-product-media { height: var(--guaja-pdp-media-h); } /* Preencher com corte */ .guaja-root.guaja-tpl-product .m-product-media--item .m-product-media responsive-image, .guaja-root.guaja-tpl-product .m-product-media--item .m-product-media img { height: 100%; width: 100%; object-fit: cover; } }