/** Shopify CDN: Minification failed Line 386:292 Unexpected "/" **/ /* LOWPOLI Custom Styles */ @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400&family=Inter:wght@300;400;500;600;700&display=swap'); :root { --lp-branco-cal: #FAFAF8; --lp-azul-atlantico: #1A2B3C; --lp-azul-atlantico-light: #2A3D50; --lp-terracota: #C4724E; --lp-terracota-hover: #B0623F; --lp-rosa-velho: #C9A89A; --lp-dourado: #C5A55A; --lp-cinza-suave: #E8E6E1; --lp-texto-escuro: #0B0F14; --lp-texto-medio: #4A5568; --font-titulos: 'Fraunces', Georgia, serif; --font-corpo: 'Inter', -apple-system, sans-serif; } body { font-family: var(--font-corpo); color: var(--lp-azul-atlantico); background-color: var(--lp-branco-cal); line-height: 1.6; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4 { font-family: var(--font-titulos); color: var(--lp-azul-atlantico); line-height: 1.15; letter-spacing: -0.02em; font-weight: 600; } /* .header / .announcement-bar -> ver bloco NAVBAR REDESIGN no fim do ficheiro */ .header__heading { color: var(--lp-azul-atlantico); font-family: var(--font-titulos); font-weight: 700; } .header__link, .header a { color: var(--lp-azul-atlantico); text-decoration: none; font-family: var(--font-corpo); font-weight: 500; transition: color 0.2s ease; } .header__link:hover, .header a:hover { color: var(--lp-terracota); } .button--primary, .button.primary, .shopify-payment-button button { background-color: var(--lp-terracota) !important; color: white !important; border: none; font-weight: 600; padding: 0.75rem 1.5rem; border-radius: 4px; font-family: var(--font-corpo); } .button--primary:hover, .button.primary:hover, .shopify-payment-button button:hover { background-color: var(--lp-terracota-hover) !important; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(196, 114, 78, 0.25); } .button--secondary, .button.secondary { background-color: transparent; border: 2px solid var(--lp-azul-atlantico); color: var(--lp-azul-atlantico); font-weight: 600; padding: 0.75rem 1.5rem; border-radius: 4px; font-family: var(--font-corpo); } .button--secondary:hover, .button.secondary:hover { background-color: var(--lp-azul-atlantico); color: var(--lp-branco-cal); } .card__heading, .card-information__text { font-family: var(--font-titulos); color: var(--lp-azul-atlantico); } .price { color: var(--lp-azul-atlantico); font-family: var(--font-corpo); font-weight: 600; } /* .announcement-bar -> ver bloco NAVBAR REDESIGN no fim do ficheiro */ .footer, .section-footer { background-color: var(--lp-azul-atlantico); color: var(--lp-branco-cal); padding: 3rem 0 1.5rem; } .footer h2, .footer h3, .section-footer h2, .section-footer h3 { color: var(--lp-branco-cal); font-family: var(--font-titulos); font-weight: 600; font-size: 1rem; margin-bottom: 1rem; } .footer a, .section-footer a { color: rgba(255,255,255,0.7); text-decoration: none; transition: color 0.2s ease; font-size: 0.875rem; } .footer a:hover, .section-footer a:hover { color: var(--lp-terracota); } input, select, textarea { font-family: var(--font-corpo); border-radius: 4px; } input:focus, select:focus, textarea:focus { outline: none; border-color: var(--lp-terracota); box-shadow: 0 0 0 3px rgba(196, 114, 78, 0.1); } .section-header__title { font-family: var(--font-titulos); color: var(--lp-azul-atlantico); } @media (max-width: 768px) { h1 { font-size: 1.75rem; } h2 { font-size: 1.5rem; } } /* === LOWPOLI cart trust bar & free shipping bar === */ .lp-cart-extras { display: flex; flex-direction: column; gap: 14px; margin: 0 0 20px; font-family: 'Inter', sans-serif; } .lp-ship-bar { background: #F0EFEB; border-radius: 8px; padding: 14px 16px; } .lp-ship-bar__label { font-size: 0.875rem; color: #1A2B3C; margin: 0 0 8px; font-weight: 500; line-height: 1.4; } .lp-ship-bar__label strong { color: #C4724E; } .lp-ship-bar__progress { height: 6px; background: #E8E6E1; border-radius: 999px; overflow: hidden; } .lp-ship-bar__progress-fill { height: 100%; background: #C4724E; border-radius: 999px; transition: width 0.4s ease; } .lp-trust-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; } .lp-trust-item { display: flex; align-items: center; gap: 8px; padding: 9px 11px; background: #FAFAF8; border: 1px solid #E8E6E1; border-radius: 6px; font-size: 0.78rem; color: #1A2B3C; line-height: 1.2; } .lp-trust-item svg { flex-shrink: 0; color: #C4724E; } @media (max-width: 480px) { .lp-trust-grid { grid-template-columns: 1fr; } } /* hide trust extras in cart drawer & empty-cart template duplicate renders */ /* Cart drawer: keep ship bar, hide trust grid for compactness */ cart-items-component[data-drawer] .lp-trust-grid { display: none; } cart-items-component[data-drawer] .lp-cart-extras { gap: 0; margin-bottom: 12px; } /* Hide duplicate trust bar inside hidden empty-cart templates */ .cart-page__more-blocks .lp-cart-extras { display: none; } template + cart-items-component .lp-cart-extras { display: none; } /* Esconder Shop Pay / accelerated checkout em product pages (mantém no cart) */ body.template-product .accelerated-checkout-block, body.template-product-personalizado .accelerated-checkout-block, body.template-cart .accelerated-checkout-block, body.template-cart .additional-checkout-buttons, body.template-cart [class*="wallet-button"], body.template-cart .shopify-payment-button { display: none !important; } /* Template product.personalizado: esconder buy buttons + qty + price do main (configurador cuida) */ body.template-product-personalizado product-form-component, body.template-product-personalizado .product-form, body.template-product-personalizado .price, body.template-product-personalizado [class*="tax-info"], body.template-product-personalizado .product-form-buttons, body.template-product-personalizado .quantity-input, body.template-product-personalizado quantity-input-component { display: none !important; } /* (removido) header em PDP já não é navy -> ver bloco NAVBAR REDESIGN no fim */ /* Badge "X letras" no cart line item para items do configurador */ .lp-letters-badge { display: inline-block; padding: 6px 14px; background: #F0EFEB; border: 1px solid #E8E6E1; border-radius: 999px; font-size: 0.875rem; color: #1A2B3C; font-weight: 500; font-family: 'Inter', sans-serif; white-space: nowrap; } /* ============================================================ PATCH FIXES VISUAIS — Maio 2026 1) Swatch Branco visivel 2) Hero text legivel 3) CTA hero 4) Carrossel Do ateliê 5) Story column width 6) Testemunhos 7) Logo header visivel ============================================================ */ /* 1) SWATCH BRANCO — borda visivel */ button > span[style*="background-color: rgb(250, 250, 248)"], button > span[style*="background-color: rgb(255, 255, 255)"], button > span[style*="background-color: rgb(254, 254, 254)"], button > span[style*="background-color: rgb(252, 252, 252)"] { border: 1.5px solid var(--lp-azul-atlantico, #1A2B3C) !important; box-shadow: inset 0 0 0 2px #FFFFFF; } /* 2) HERO TEXT */ .banner__text, .image-banner p, section[class*="image-banner"] p, section[class*="hero"] p { font-size: 1.125rem !important; line-height: 1.5 !important; text-shadow: 0 1px 3px rgba(0,0,0,0.45), 0 0 12px rgba(0,0,0,0.25) !important; max-width: 32rem; } @media (min-width: 990px) { .banner__text, .image-banner p, section[class*="image-banner"] p { font-size: 1.25rem !important; } } /* (removido) overrides antigos da announcement bar + cart icon -> ver bloco NAVBAR REDESIGN no fim */ /* GLOBO Product Options — COR layout horizontal (Maio 2026) */ .gpo-ov-wrapper.vertical { flex-direction: row !important; flex-wrap: wrap !important; gap: 8px !important; } .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item { flex: 0 0 calc(33% - 6px) !important; max-width: calc(33% - 6px) !important; box-sizing: border-box !important; } @media (max-width: 600px) { .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item { flex: 0 0 calc(50% - 4px) !important; max-width: calc(50% - 4px) !important; } } /* GLOBO COR — estilo caixa retangular com bolinha + nome (Maio 2026) */ .gpo-ov-wrapper.vertical .gpo-ov-item { display: flex !important; align-items: center !important; gap: 10px !important; background: #ffffff !important; border: 1px solid #e5e5e5 !important; border-radius: 8px !important; padding: 10px 12px !important; cursor: pointer !important; flex: 0 0 calc(25% - 6px) !important; max-width: calc(25% - 6px) !important; transition: border-color 0.2s, box-shadow 0.2s !important; } .gpo-ov-wrapper.vertical .gpo-ov-item label { margin: 0 !important; padding: 0 !important; flex-shrink: 0 !important; width: 22px !important; height: 22px !important; } .gpo-ov-wrapper.vertical .gpo-ov-item .gpo-swatch__inner { width: 22px !important; height: 22px !important; border-radius: 50% !important; border: 1px solid rgba(0,0,0,0.12) !important; display: block !important; overflow: hidden !important; } .gpo-ov-wrapper.vertical .gpo-ov-item .swatch-image { width: 100% !important; height: 100% !important; border-radius: 50% !important; object-fit: cover !important; display: block !important; } .gpo-ov-wrapper.vertical .gpo-ov-item .gpo-ov-extend { margin: 0 !important; padding: 0 !important; flex: 1 !important; min-width: 0 !important; } .gpo-ov-wrapper.vertical .gpo-ov-item .gpo-ov-title { font-size: 13px !important; color: #1A2B3C !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; font-weight: 500 !important; } .gpo-ov-wrapper.vertical .gpo-ov-item:has(input:checked) { border-color: #C4724E !important; box-shadow: 0 0 0 1px #C4724E !important; } @media (max-width: 600px) { .gpo-ov-wrapper.vertical .gpo-ov-item { flex: 0 0 calc(50% - 4px) !important; max-width: calc(50% - 4px) !important; } } /* FINAL OVERRIDE — 4 colunas com nomes inteiros */ .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item { flex: 0 0 calc(25% - 6px) !important; max-width: calc(25% - 6px) !important; padding: 8px 10px !important; gap: 8px !important; } .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item label, .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item .gpo-swatch__inner { width: 18px !important; height: 18px !important; min-width: 18px !important; } .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item .gpo-ov-title { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; font-size: 12px !important; line-height: 1.2 !important; word-break: normal !important; } @media (max-width: 600px) { .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item { flex: 0 0 calc(50% - 4px) !important; max-width: calc(50% - 4px) !important; } } /* === GLOBO COR — réplica exata do template personalizador === */ .gpo-ov-wrapper.vertical { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 8px !important; flex-direction: unset !important; flex-wrap: unset !important; } .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item { display: flex !important; align-items: center !important; gap: 6px !important; padding: 8px !important; border: 2px solid #e5e5e5 !important; border-radius: 4px !important; background: #ffffff !important; flex: unset !important; max-width: unset !important; width: 100% !important; min-height: 38px !important; box-shadow: none !important; cursor: pointer !important; transition: border-color 0.15s, background 0.15s !important; } .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item label, .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item .gpo-swatch__inner { width: 16px !important; height: 16px !important; min-width: 16px !important; border-radius: 50% !important; } .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item .gpo-swatch__inner { border: 1px solid rgba(0,0,0,0.08) !important; } .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item .gpo-ov-title { font-size: 12px !important; line-height: 1.2 !important; color: #1A2B3C !important; white-space: normal !important; word-break: normal !important; } .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item:has(input:checked) { border-color: #C4724E !important; background: rgba(196, 114, 78, 0.06) !important; } @media (max-width: 600px) { .gpo-ov-wrapper.vertical { grid-template-columns: repeat(2, 1fr) !important; } } tirar borda extra das bolinhas, garantir clicável, altura uniforme */ .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item .gpo-swatch__inner { border: none !important; box-shadow: 0 0 0 1px rgba(0,0,0,0.05) !important; } .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item label { position: relative !important; z-index: 1 !important; } .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item input[type="radio"] { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; opacity: 0 !important; cursor: pointer !important; z-index: 2 !important; margin: 0 !important; } .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item { position: relative !important; align-items: center !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; overflow: hidden !important; } .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item .gpo-ov-extend { flex: 1 !important; min-width: 0 !important; display: flex !important; align-items: center !important; height: 100% !important; } .gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item .gpo-ov-title { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* === Bolinha sólida (sem aro) + radio clicável em toda a caixa === */.gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item .gpo-swatch__inner { box-shadow: none !important; border: none !important; outline: none !important;}.gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item .gpo-swatch__inner .swatch-image { border: none !important; outline: none !important; box-shadow: none !important;}.gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item label,.gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item .gpo-ov-extend,.gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item .gpo-ov-title,.gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item .gpo-swatch__inner,.gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item .swatch-image { pointer-events: none !important;}.gpo-ov-wrapper.vertical .gpo-swatches.image-swatches.gpo-ov-item input[type="radio"] { pointer-events: auto !important; z-index: 5 !important;}html body.template-product h1{font-family:'Inter',sans-serif !important;font-size:28px !important;line-height:1.3 !important;font-weight:600 !important;letter-spacing:-0.01em !important} body.template-product .accordion--AVFVldGxPbTZuSUZ1T__accordion_g8EVVp{display:none !important} .gpo-ov-item label,.gpo-ov-item .gpo-swatch__inner,.gpo-ov-item .swatch-image,.gpo-ov-item input{border:0 !important;outline:0 !important;box-shadow:none !important} /* ============================================================ LOWPOLI — Mobile responsive fixes (home) ============================================================ */ @media (max-width: 749px) { /* HERO: mostrar imagem completa em mobile, sem cortar */ [id$='__hero_iLBwPd'] { --hero-min-height: auto !important; } [id$='__hero_iLBwPd'] .hero { min-height: auto !important; } [id$='__hero_iLBwPd'] .hero__media-grid { aspect-ratio: auto !important; } [id$='__hero_iLBwPd'] .hero__media { object-fit: contain !important; object-position: center !important; width: 100% !important; height: auto !important; max-height: 70vh !important; } /* BADGES (icons_with_text section): 2x2 em mobile em vez de 1 coluna */ [id$='__section_PBWNYf'] .section-content-wrapper { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 24px 16px !important; } [id$='__section_PBWNYf'] .section-content-wrapper > .group-block { width: 100% !important; max-width: 100% !important; } /* Reduzir padding interno para caber 2 colunas */ [id$='__section_PBWNYf'] .section-content-wrapper > .group-block .group-block-content { padding: 0 !important; } } /* === Refinamentos mobile (home) === */ @media (max-width: 749px) { /* HERO: limitar altura + posicionar imagem para mostrar a parte importante */ [id$='__hero_iLBwPd'] .hero__media { object-fit: cover !important; object-position: center 30% !important; max-height: 50vh !important; min-height: 280px !important; } [id$='__hero_iLBwPd'] .hero__container { min-height: 280px !important; } /* BADGES: tipografia ajustada para caber em 2 colunas */ [id$='__section_PBWNYf'] .section-content-wrapper > .group-block { padding: 8px !important; min-width: 0 !important; text-align: center !important; } [id$='__section_PBWNYf'] .section-content-wrapper h1, [id$='__section_PBWNYf'] .section-content-wrapper h2, [id$='__section_PBWNYf'] .section-content-wrapper h3, [id$='__section_PBWNYf'] .section-content-wrapper h4 { font-size: 1.05rem !important; line-height: 1.2 !important; word-break: break-word !important; overflow-wrap: break-word !important; hyphens: auto !important; margin: 0 !important; } [id$='__section_PBWNYf'] .section-content-wrapper p { font-size: 0.8rem !important; line-height: 1.3 !important; word-break: break-word !important; overflow-wrap: break-word !important; margin: 4px 0 0 0 !important; } [id$='__section_PBWNYf'] .section-content-wrapper .icon-block__media { width: 24px !important; height: 24px !important; } /* 3º badge (sozinho na linha 2) ocupa as duas colunas */ [id$='__section_PBWNYf'] .section-content-wrapper > .group-block:nth-child(3):last-child { grid-column: 1 / -1 !important; } } /* === HERO: imagem clean, sem texto nem botão (mobile + desktop) === */ [id$='__hero_iLBwPd'] .hero__content-wrapper { display: none !important; } /* tirar overlay escuro para a imagem ficar mais limpa */ [id$='__hero_iLBwPd'] .overlay { display: none !important; } /* ============================================================ LOWPOLI — Página de Coleções (/collections) ============================================================ */ /* Título de cada categoria mais legível */ .collection-card .collection-card__content, .collection-card__info { text-align: center; } .collection-card [class*="collection_title"] p, .collection-card [class*="collection_title"] { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 1.05rem; color: #1A2B3C; } /* Card hover subtil */ .collection-card { transition: transform 0.25s ease, box-shadow 0.25s ease; } .collection-card:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(26,43,60,0.10); } .collection-card img, .collection-card .resource-image { border-radius: 12px; } /* Mobile: 2 colunas compactas, títulos visíveis */ @media (max-width: 749px) { .collection-card [class*="collection_title"] p, .collection-card [class*="collection_title"] { font-size: 0.9rem; } .collection-card:hover { transform: none; box-shadow: none; } } /* ============================================================ LOWPOLI — Slideshow "Mais vendidos" (homepage) ============================================================ */ /* Altura da imagem controlada (banner limpo, sem corte exagerado) */ [id$='__slideshow_Fm7hF3'] .slideshow--content-below-media slideshow-slide { grid-template-rows: clamp(200px, 32vw, 380px) 1fr !important; } [id$='__slideshow_Fm7hF3'] .slide__image-container { background-color: #F0EFEB !important; } [id$='__slideshow_Fm7hF3'] .slide__image { object-fit: contain !important; object-position: center !important; } [id$='__slideshow_Fm7hF3'] .slide__image-container--rounded { border-radius: 16px !important; } /* Conteúdo (título, texto, botão) — espaçamento mais apertado e legível */ [id$='__slideshow_Fm7hF3'] .slide__content { max-width: 560px; margin-inline: auto; } [id$='__slideshow_Fm7hF3'] .slide__content > * + * { margin-top: 0.6rem; } @media (max-width: 749px) { [id$='__slideshow_Fm7hF3'] .slideshow--content-below-media slideshow-slide { grid-template-rows: clamp(170px, 46vw, 260px) 1fr !important; } [id$='__slideshow_Fm7hF3'] .slide__content { padding-inline: 16px !important; } } /* ============================================================ NAVBAR REDESIGN - Maio 2026 Header: azul escuro -> branco cal, texto/icons azul Atlantico Announcement bar: -> azul Atlantico, texto claro Logo: versao azul (lp-logo-navy.png) trocada via CSS so no header ============================================================ */ /* 1. Cores das rows do header (color schemes -> branco cal / navy) */ #header-component, #header-component .header, #header-component .header__row, #header-component .header__navigation-bar-row { --color-background: #FAFAF8 !important; --color-background-rgb: 250 250 248 !important; --color-foreground: #1A2B3C !important; --color-foreground-rgb: 26 43 60 !important; --color-border: #ECEAE3 !important; --color-border-rgb: 236 234 227 !important; --color-submenu: #FAFAF8 !important; } /* 2. Fundo do header (underlay pinta via gradiente das color-scheme vars) */ #header-component .header__underlay-closed, #header-component .header__underlay-open { --color-scheme-top-row: #FAFAF8 !important; --color-scheme-bottom-row: #FAFAF8 !important; } /* 3. Hairline por baixo do header + sombra subtil quando fica sticky */ .header-section { border-bottom: 1px solid #ECEAE3; } #header-component[data-sticky-state='active'] { box-shadow: 0 2px 14px rgba(26, 43, 60, 0.07); } /* 4. Hover dos links do menu -> terracota (comportamento da marca) */ #header-component .menu-list__link:hover, #header-component .header a:hover, #header-component .header-actions__action:hover { color: var(--lp-terracota) !important; } /* 5. Logo: trocar o PNG branco pela versao azul (so no header) */ #header-component .header-logo__image { content: url("/cdn/shop/t/11/assets/lp-logo-navy.png?v=1778808968"); } /* 6. Announcement bar -> azul Atlantico com texto claro */ .announcement-bar, .shopify-section:has(> .announcement-bar) .section-background { --color-background: #1A2B3C !important; --color-background-rgb: 26 43 60 !important; --color-foreground: #FAFAF8 !important; --color-foreground-rgb: 250 250 248 !important; background-color: #1A2B3C !important; } .announcement-bar, .announcement-bar *, .announcement-bar a, announcement-bar-component, announcement-bar-component * { color: #FAFAF8 !important; } /* 7. Drawer mobile + paineis color-scheme dentro do header -> branco cal */ #header-component [class*="color-scheme"], #header-component .menu-drawer, #header-component .header-drawer { --color-background: #FAFAF8 !important; --color-background-rgb: 250 250 248 !important; --color-foreground: #1A2B3C !important; --color-foreground-rgb: 26 43 60 !important; } #header-component .menu-drawer { background-color: #FAFAF8 !important; } #header-component .menu-drawer__menu-item, #header-component .menu-drawer__menu-item-text { color: #1A2B3C !important; } /* === LOWPOLI - botão "Continuar a comprar" no cart drawer vazio === */ .cart-drawer .cart-items__empty-button, .cart-items__empty-button.button, a.cart-items__empty-button { background-color: var(--lp-terracota) !important; color: #ffffff !important; border: none !important; font-family: 'Inter', sans-serif !important; font-weight: 600 !important; letter-spacing: 0 !important; transition: background-color 0.2s ease, color 0.2s ease, transform 0.18s ease; } .cart-drawer .cart-items__empty-button:hover, .cart-items__empty-button.button:hover, a.cart-items__empty-button:hover, .cart-drawer .cart-items__empty-button:focus, .cart-items__empty-button.button:focus { background-color: #5C7B3A !important; color: #ffffff !important; transform: translateY(-1px); } .cart-drawer .cart-items__empty-button:active { background-color: #5C7A3F !important; color: #ffffff !important; }