/* ========================================================================== BLINDAGEM DIRIGIDA CONTRA O CSS DA PAGINA HOSPEDEIRA O trecho vem do tema t/8 (Horizon); a pagina roda Dawn (t/3) + GemPages. Os dois usam os MESMOS nomes de classe genericos, entao regras de fora atingiam elementos de dentro do wrapper. Auditoria por CDP em 390/768/1440 listou 16 seletores externos que alcancam o trecho -- nenhum com !important -- e sao exatamente os neutralizados abaixo. Efeitos concretos que isto corrige: .badge -> letter-spacing 1.6px esticava "Jour 1"/"Jour 60" .button -> line-height do Dawn no CTA div:empty -> apagava a linha divisoria do antes/depois h2/.h2, .page-width, .color-scheme-* -> tipografia, largura e cor :where() zera a especificidade do argumento: a regra toda vale (0,1,0,0). Isso e' mais que qualquer seletor externo (no maximo (0,0,1,0)) e MENOS que as regras do proprio trecho, que vem abaixo com (0,1,0,1) ou (0,1,1,0). Nao usar :is() aqui -- ele herdaria a especificidade do argumento mais forte e passaria por cima do CSS do trecho. ========================================================================== */ :is(#lyn-tp,#lyn-tp2) :where(.badge,.button,.button-label,.button--full-width,.color-scheme-1,.color-scheme-2,.color-scheme-3,.page-width,h1,h2,h3,h4,h5,h6,.h0,.h1,.h2,.h3,.h4,.h5,.h6,hr){all:revert} :is(#lyn-tp,#lyn-tp2) :where(a,ul,dl,div,section,article,p,h1,h2,h3,h4,h5,h6,span,li):empty{display:revert} /* ===== material symbols @font-face (global) ===== */ @font-face { font-family: 'Material Symbols Rounded'; font-style: normal; font-weight: 200; src: url('/assets/lym/tp/material-symbols-rounded.woff2') format('woff2'); } /* ===== material symbols classe (escopada) ===== */ :is(#lyn-tp,#lyn-tp2) .material-symbols-rounded{ font-family: 'Material Symbols Rounded'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } /* ===== reset.css (t/8, escopado) ===== */ :is(#lyn-tp,#lyn-tp2), :is(#lyn-tp,#lyn-tp2) *{box-sizing:border-box;margin:0} :is(#lyn-tp,#lyn-tp2){display:flex;flex-direction:column;margin:0;min-height:100svh} :is(#lyn-tp,#lyn-tp2):has(dialog[scroll-lock][open],details[scroll-lock][open]){overflow:hidden} :is(#lyn-tp,#lyn-tp2) img, :is(#lyn-tp,#lyn-tp2) picture, :is(#lyn-tp,#lyn-tp2) video, :is(#lyn-tp,#lyn-tp2) canvas, :is(#lyn-tp,#lyn-tp2) svg{display:block;max-width:100%;height:auto} :is(#lyn-tp,#lyn-tp2) input, :is(#lyn-tp,#lyn-tp2) textarea, :is(#lyn-tp,#lyn-tp2) select{font:inherit;border-radius:var(--inputs-border-radius)} :is(#lyn-tp,#lyn-tp2) select{background-color:var(--color-background);color:currentcolor} :is(#lyn-tp,#lyn-tp2) dialog{background-color:var(--color-background);color:var(--color-foreground);border:0} :is(#lyn-tp,#lyn-tp2) p{text-wrap:pretty} :is(#lyn-tp,#lyn-tp2) p, :is(#lyn-tp,#lyn-tp2) h1, :is(#lyn-tp,#lyn-tp2) h2, :is(#lyn-tp,#lyn-tp2) h3, :is(#lyn-tp,#lyn-tp2) h4, :is(#lyn-tp,#lyn-tp2) h5, :is(#lyn-tp,#lyn-tp2) h6{overflow-wrap:break-word} :is(#lyn-tp,#lyn-tp2) p:empty{display:none} :is(#lyn-tp,#lyn-tp2) :is(p,h1,h2,h3,h4,h5,h6):first-child, :is(#lyn-tp,#lyn-tp2) :empty:first-child+:where(p,h1,h2,h3,h4,h5,h6){margin-block-start:0} :is(#lyn-tp,#lyn-tp2) :is(p,h1,h2,h3,h4,h5,h6):last-child, :is(#lyn-tp,#lyn-tp2) :where(p,h1,h2,h3,h4,h5,h6)+:has(+:empty:last-child){margin-block-end:0} /* ===== base.css (t/8, escopado) ===== */ :is(#lyn-tp,#lyn-tp2){background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-body--family);overflow-x:hidden} :is(#lyn-tp,#lyn-tp2) .design-mode-message-container{padding:var(--padding-lg) 0} :is(#lyn-tp,#lyn-tp2) .design-mode-message{display:block;text-align:center;padding:var(--padding-md);background-color:var(--toast-notification-background-color--error);color:var(--toast-notification-color--error);border-radius:var(--card-border-radius)} :is(#lyn-tp,#lyn-tp2) .page-width{width:100%;max-width:var(--page-width);margin:0 auto;padding:0 var(--page-margin-mobile)} :is(#lyn-tp,#lyn-tp2) .shopify-section{overflow-x:hidden} @media not (max-width:750px){ :is(#lyn-tp,#lyn-tp2) .page-width{padding:0 var(--page-margin-desktop)} :is(#lyn-tp,#lyn-tp2) .page-width--narrow{max-width:900px} } :is(#lyn-tp,#lyn-tp2) dialog:not([open]){display:none} :is(#lyn-tp,#lyn-tp2) .overflow-hidden{overflow:hidden!important} :is(#lyn-tp,#lyn-tp2) .hidden{display:none!important} @media not (min-width:750px){ :is(#lyn-tp,#lyn-tp2) .mobile-hide{display:none!important} } @media not (max-width:750px){ :is(#lyn-tp,#lyn-tp2) .desktop-hide{display:none!important} } :is(#lyn-tp,#lyn-tp2) .stretched-link{position:relative;cursor:pointer} :is(#lyn-tp,#lyn-tp2) .stretched-link__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0} :is(#lyn-tp,#lyn-tp2) .stretched-link a:not(.stretched-link__overlay), :is(#lyn-tp,#lyn-tp2) .stretched-link button, :is(#lyn-tp,#lyn-tp2) .stretched-link input, :is(#lyn-tp,#lyn-tp2) .stretched-link select, :is(#lyn-tp,#lyn-tp2) .stretched-link summary{position:relative;z-index:1} :is(#lyn-tp,#lyn-tp2) .rte>*{margin-block:var(--margin-md)} :is(#lyn-tp,#lyn-tp2) .text-center{text-align:center} :is(#lyn-tp,#lyn-tp2) .link{color:var(--color-foreground);text-decoration:underline;cursor:pointer} :is(#lyn-tp,#lyn-tp2) p, :is(#lyn-tp,#lyn-tp2) ul li, :is(#lyn-tp,#lyn-tp2) ol li, :is(#lyn-tp,#lyn-tp2) .paragraph, :is(#lyn-tp,#lyn-tp2) .text-block.paragraph>*, :is(#lyn-tp,#lyn-tp2) .accordion__content.paragraph>*{font-family:var(--font-body--family);font-style:var(--font-body--style);font-weight:var(--font-body--weight);font-size:var(--font-body--size);line-height:var(--font-body--line-height);letter-spacing:var(--font-body--letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} :is(#lyn-tp,#lyn-tp2) strong{font-weight:600} :is(#lyn-tp,#lyn-tp2) button{font-family:var(--font-body--family)} :is(#lyn-tp,#lyn-tp2) h1, :is(#lyn-tp,#lyn-tp2) .h1, :is(#lyn-tp,#lyn-tp2) .text-block.h1>*, :is(#lyn-tp,#lyn-tp2) .accordion__heading-title.h1>*{font-family:var(--font-h1--family);font-style:var(--font-h1--style);font-weight:var(--font-h1--weight);font-size:var(--font-h1--size);line-height:var(--font-h1--line-height);letter-spacing:var(--font-h1--letter-spacing);text-transform:var(--font-h1--case);color:var(--color-foreground);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto} :is(#lyn-tp,#lyn-tp2) h2, :is(#lyn-tp,#lyn-tp2) .h2, :is(#lyn-tp,#lyn-tp2) .text-block.h2>*, :is(#lyn-tp,#lyn-tp2) .accordion__heading-title.h2>*{font-family:var(--font-h2--family);font-style:var(--font-h2--style);font-weight:var(--font-h2--weight);font-size:var(--font-h2--size);line-height:var(--font-h2--line-height);letter-spacing:var(--font-h2--letter-spacing);text-transform:var(--font-h2--case);color:var(--color-foreground);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto} :is(#lyn-tp,#lyn-tp2) h3, :is(#lyn-tp,#lyn-tp2) .h3, :is(#lyn-tp,#lyn-tp2) .text-block.h3>*, :is(#lyn-tp,#lyn-tp2) .accordion__heading-title.h3>*{font-family:var(--font-h3--family);font-style:var(--font-h3--style);font-weight:var(--font-h3--weight);font-size:var(--font-h3--size);line-height:var(--font-h3--line-height);letter-spacing:var(--font-h3--letter-spacing);text-transform:var(--font-h3--case);color:var(--color-foreground);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto} :is(#lyn-tp,#lyn-tp2) h4, :is(#lyn-tp,#lyn-tp2) .h4, :is(#lyn-tp,#lyn-tp2) .text-block.h4>*, :is(#lyn-tp,#lyn-tp2) .accordion__heading-title.h4>*{font-family:var(--font-h4--family);font-style:var(--font-h4--style);font-weight:var(--font-h4--weight);font-size:var(--font-h4--size);line-height:var(--font-h4--line-height);letter-spacing:var(--font-h4--letter-spacing);text-transform:var(--font-h4--case);color:var(--color-foreground);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto} :is(#lyn-tp,#lyn-tp2) h5, :is(#lyn-tp,#lyn-tp2) .h5, :is(#lyn-tp,#lyn-tp2) .text-block.h5>*, :is(#lyn-tp,#lyn-tp2) .accordion__heading-title.h5>*{font-family:var(--font-h5--family);font-style:var(--font-h5--style);font-weight:var(--font-h5--weight);font-size:var(--font-h5--size);line-height:var(--font-h5--line-height);letter-spacing:var(--font-h5--letter-spacing);text-transform:var(--font-h5--case);color:var(--color-foreground);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto} :is(#lyn-tp,#lyn-tp2) h6, :is(#lyn-tp,#lyn-tp2) .h6, :is(#lyn-tp,#lyn-tp2) .text-block.h6>*, :is(#lyn-tp,#lyn-tp2) .accordion__heading-title.h6>*{font-family:var(--font-h6--family);font-style:var(--font-h6--style);font-weight:var(--font-h6--weight);font-size:var(--font-h6--size);line-height:var(--font-h6--line-height);letter-spacing:var(--font-h6--letter-spacing);text-transform:var(--font-h6--case);color:var(--color-foreground);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto} :is(#lyn-tp,#lyn-tp2) .text-block>*, :is(#lyn-tp,#lyn-tp2) .text-block>.metafield-rich_text_field>*{margin-block:var(--margin-md) 0} :is(#lyn-tp,#lyn-tp2) .text-block>*:first-child, :is(#lyn-tp,#lyn-tp2) .text-block>.metafield-rich_text_field>*:first-child{margin-top:0} :is(#lyn-tp,#lyn-tp2) .text-block>*:last-child, :is(#lyn-tp,#lyn-tp2) .text-block>.metafield-rich_text_field>*:last-child{margin-bottom:0} :is(#lyn-tp,#lyn-tp2) .variant_label{margin:0;font-size:var(--font-body--size);font-family:var(--font-body--family);font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-foreground);margin-bottom:var(--margin-sm)} @media(prefers-reduced-motion:no-preference){ :is(#lyn-tp,#lyn-tp2){scroll-behavior:smooth} } :is(#lyn-tp,#lyn-tp2), :is(#lyn-tp,#lyn-tp2) *{scrollbar-width:thin;scrollbar-color:rgba(1,1,1,.25) transparent} :is(#lyn-tp,#lyn-tp2) ::-webkit-scrollbar{width:12px} :is(#lyn-tp,#lyn-tp2) ::-webkit-scrollbar-track{background-color:transparent} :is(#lyn-tp,#lyn-tp2) ::-webkit-scrollbar-thumb{background-color:#01010140;border-radius:20px;border:3px solid white;transition:background-color .2s} :is(#lyn-tp,#lyn-tp2) ::-webkit-scrollbar-thumb:hover{background-color:#0101014d} :is(#lyn-tp,#lyn-tp2) ::-webkit-scrollbar-corner{background-color:transparent} :is(#lyn-tp,#lyn-tp2) .card{border-radius:var(--card-border-radius);padding:var(--card-padding)} :is(#lyn-tp,#lyn-tp2) .card--with-border{border:var(--container-border-width) solid var(--color-border)} :is(#lyn-tp,#lyn-tp2) .card>.card{padding:calc(var(--card-padding) * .75)} :is(#lyn-tp,#lyn-tp2) .card .image-block__image, :is(#lyn-tp,#lyn-tp2) .card .placeholder-image, :is(#lyn-tp,#lyn-tp2) .card>.card{border-radius:calc(var(--card-border-radius) - (var(--card-padding) * .5))} :is(#lyn-tp,#lyn-tp2) .card>.card .image-block__image, :is(#lyn-tp,#lyn-tp2) .card>.card .placeholder-image{border-radius:calc(var(--card-border-radius) - (var(--card-padding) * .67))} :is(#lyn-tp,#lyn-tp2) .icon{font-size:calc(var(--icon-size) * 1px)!important;font-variation-settings:"FILL" var(--icon-fill),"wght" var(--icon-weight),"GRAD" 0,"opsz" var(--icon-size);color:inherit} :is(#lyn-tp,#lyn-tp2) .button, :is(#lyn-tp,#lyn-tp2) button.shopify-payment-button__button{-webkit-appearance:none;appearance:none;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:var(--inputs-min-height);min-width:var(--inputs-min-width);max-width:max-content;font-size:var(--button-font-size);outline:1px solid transparent;transition:all var(--animation-speed-medium) var(--animation-easing);padding:var(--button-padding-vertical) var(--button-padding-horizontal);color:var(--color-primary-button-text);background-color:var(--color-primary-button-background);border:var(--button-primary-border-width) solid var(--color-primary-button-border);border-radius:var(--button-border-radius);font-weight:var(--button-primary-font-weight);text-transform:var(--button-primary-text-transform);letter-spacing:var(--button-letter-spacing);text-align:center} :is(#lyn-tp,#lyn-tp2) .button.button--checkout{font-size:var(--font-body--size-small)} /* ========================================================================== CONSERTO 10/09/2026 — a linha verde de largura total e o botao de compra que nao clicava. O `all:revert` da blindagem acima devolve TUDO, nao so' o `line-height` do Dawn que eu queria neutralizar em `.button`. Junto foi o `position:relative`. Os pseudo-elementos `.button::before` e `.button::after` do Dawn continuam `position:absolute` — pseudo-elemento nao e' alcancado por `:where(.button)`, precisa de seletor proprio. Sem ancestral posicionado, os dois passaram a resolver contra o BLOCO INICIAL, que e' o viewport: viraram retangulos de 1440x900 e 1438x898 pintando sobre a pagina inteira. Medido em producao, /es/products/ld em 1440x900: 20 de 20 pontos varridos (x=100..1300, y=120..700) devolviam `A.button` cuja caixa real esta' em 8158px. A borda desse retangulo e' a linha verde; o retangulo inteiro e' o que roubava o clique do `.gp-button-atc`. O `all:revert` FICA — a auditoria com e sem a regra mostrou que dos 16 seletores neutralizados so' `.button` e `.button--full-width` perdiam algo estrutural (`position`), e ele resolve 15 colisoes reais. Sem `!important`: este seletor e' (1,0,1) contra os (1,0,0) da blindagem, e vem depois. ========================================================================== */ :is(#lyn-tp,#lyn-tp2) .button, :is(#lyn-tp,#lyn-tp2) .button--full-width, :is(#lyn-tp,#lyn-tp2) button.shopify-payment-button__button{position:relative} :is(#lyn-tp,#lyn-tp2) .button:hover, :is(#lyn-tp,#lyn-tp2) button.shopify-payment-button__button:hover{opacity:.75} :is(#lyn-tp,#lyn-tp2) button.shopify-payment-button__button:hover:not([disabled]){color:var(--color-primary-button-text);background-color:var(--color-primary-button-background);border:var(--button-primary-border-width) solid var(--color-primary-button-border)} :is(#lyn-tp,#lyn-tp2) .button:has(.price-container){padding:var(--button-padding-vertical)} :is(#lyn-tp,#lyn-tp2) .button span{pointer-events:none} :is(#lyn-tp,#lyn-tp2) .button:disabled, :is(#lyn-tp,#lyn-tp2) .button[disabled], :is(#lyn-tp,#lyn-tp2) .button[aria-disabled=true], :is(#lyn-tp,#lyn-tp2) button.shopify-payment-button__button[disabled], :is(#lyn-tp,#lyn-tp2) button.shopify-payment-button__button[aria-disabled=true]{opacity:.5;cursor:not-allowed} :is(#lyn-tp,#lyn-tp2) .button .icon{font-size:18px!important} :is(#lyn-tp,#lyn-tp2) .button--secondary, :is(#lyn-tp,#lyn-tp2) .accelerated-checkout--secondary button.shopify-payment-button__button{color:var(--color-secondary-button-text);background-color:var(--color-secondary-button-background);border:var(--button-secondary-border-width) solid var(--color-secondary-button-border);font-weight:var(--button-secondary-font-weight);text-transform:var(--button-secondary-text-transform)} :is(#lyn-tp,#lyn-tp2) .accelerated-checkout--secondary button.shopify-payment-button__button:hover:not([disabled]){color:var(--color-secondary-button-text);background-color:var(--color-secondary-button-background);border:var(--button-secondary-border-width) solid var(--color-secondary-button-border)} :is(#lyn-tp,#lyn-tp2) .button--icon-only{padding:0;min-width:var(--inputs-min-height)} :is(#lyn-tp,#lyn-tp2) .button--no-border{border:none} :is(#lyn-tp,#lyn-tp2) .button--full-width, :is(#lyn-tp,#lyn-tp2) .accelerated-checkout--full-width button.shopify-payment-button__button{width:100%;max-width:100%} :is(#lyn-tp,#lyn-tp2) .button--small{padding:calc(var(--button-padding-vertical) / 2) calc(var(--button-padding-horizontal) * var(--small-multiplier));min-height:calc(var(--small-multiplier) * var(--inputs-min-height));min-width:calc(var(--small-multiplier) * var(--inputs-min-width));border-radius:calc(var(--small-multiplier) * var(--button-border-radius))} :is(#lyn-tp,#lyn-tp2) .button--small.button--icon-only{padding:0;min-width:calc(var(--small-multiplier) * var(--inputs-min-height));min-height:calc(var(--small-multiplier) * var(--inputs-min-height));max-width:calc(var(--small-multiplier) * var(--inputs-min-height));max-height:calc(var(--small-multiplier) * var(--inputs-min-height))} :is(#lyn-tp,#lyn-tp2) .button__content{display:flex;align-items:center;gap:var(--gap-sm);flex-wrap:wrap} :is(#lyn-tp,#lyn-tp2) .select-wrapper{position:relative;display:inline-block} :is(#lyn-tp,#lyn-tp2) .select-wrapper--full-width{width:100%} :is(#lyn-tp,#lyn-tp2) .select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--inputs-min-height);min-width:var(--inputs-min-width);padding:var(--inputs-padding);padding-right:calc(var(--inputs-padding) * 2.5);border:var(--inputs-border-width) solid var(--color-input-border);border-radius:var(--inputs-border-radius);color:var(--color-input-text);background-color:var(--color-input-background);cursor:pointer;font-size:var(--inputs-font-size);width:100%} :is(#lyn-tp,#lyn-tp2) .select:not(:disabled):hover, :is(#lyn-tp,#lyn-tp2) .select:not(:disabled):focus, :is(#lyn-tp,#lyn-tp2) .select:focus-visible, :is(#lyn-tp,#lyn-tp2) .select:focus{outline:none;margin:0;box-shadow:none} :is(#lyn-tp,#lyn-tp2) .select--small{height:calc(var(--small-multiplier) * var(--inputs-min-height));padding:0 var(--inputs-padding);padding-right:calc(var(--inputs-padding) * 2.5);border-radius:calc(var(--small-multiplier) * var(--inputs-border-radius))} :is(#lyn-tp,#lyn-tp2) .select--full-width{width:100%} :is(#lyn-tp,#lyn-tp2) .select:disabled{opacity:.5;cursor:not-allowed} :is(#lyn-tp,#lyn-tp2) .select-wrapper__icon{position:absolute;top:50%;right:var(--inputs-padding);transform:translateY(-50%);pointer-events:none;color:var(--color-input-text);height:20px} :is(#lyn-tp,#lyn-tp2) .select-wrapper__icon .icon{font-size:20px!important} :is(#lyn-tp,#lyn-tp2) .badges{display:flex;flex-wrap:wrap;gap:var(--gap-sm)} :is(#lyn-tp,#lyn-tp2) .badge{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-primary-badge-background);color:var(--color-primary-badge-text);border:var(--badge-primary-border-width) solid var(--color-primary-badge-border);border-radius:var(--badge-border-radius);font-size:var(--font-body--size-small);line-height:normal;font-weight:var(--badge-font-weight);text-transform:var(--badge-text-transform);padding:var(--padding-xxs) var(--padding-sm)} :is(#lyn-tp,#lyn-tp2) .badge:not(:has(.badge__text:empty)){gap:var(--gap-xs)} :is(#lyn-tp,#lyn-tp2) .badge .icon{font-size:14px!important;font-variation-settings:"FILL" var(--icon-fill),"wght" var(--icon-weight),"GRAD" 0,"opsz" 14} :is(#lyn-tp,#lyn-tp2) .badge--secondary{background-color:var(--color-secondary-badge-background);color:var(--color-secondary-badge-text);border:var(--badge-secondary-border-width) solid var(--color-secondary-badge-border)} :is(#lyn-tp,#lyn-tp2) .badge--small{padding:var(--padding-xxxs) var(--padding-xs)} @keyframes modalSlideInTop{0%{transform:translateY(200%)}to{transform:translateY(0)}} @keyframes modalSlideOutTop{0%{transform:translateY(0)}to{transform:translateY(200%)}} @keyframes modalSlideInBottom{0%{transform:translateY(-200%)}to{transform:translateY(0)}} @keyframes modalSlideOutBottom{0%{transform:translateY(0)}to{transform:translateY(-200%)}} @keyframes modalSlideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}} @keyframes modalSlideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}} @keyframes modalSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}} @keyframes modalSlideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}} @keyframes backdropFilter{0%{-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1)}to{-webkit-backdrop-filter:brightness(.75);backdrop-filter:brightness(.75)}} :is(#lyn-tp,#lyn-tp2) .accordion-animation details::details-content, :is(#lyn-tp,#lyn-tp2) .accordion-animation details .accordion__content{block-size:0;overflow-y:clip;opacity:0;interpolate-size:allow-keywords;transition:content-visibility var(--animation-speed-fast) allow-discrete,padding-block var(--animation-speed-fast) var(--animation-easing),opacity var(--animation-speed-fast) var(--animation-easing),block-size var(--animation-speed-fast) var(--animation-easing)} :is(#lyn-tp,#lyn-tp2) .accordion-animation details[open]::details-content, :is(#lyn-tp,#lyn-tp2) .accordion-animation details[open] .accordion__content{opacity:1;block-size:auto} @starting-style{ :is(#lyn-tp,#lyn-tp2) .accordion-animation details[open]::details-content, :is(#lyn-tp,#lyn-tp2) .accordion-animation details[open] .accordion__content{block-size:0;opacity:0;overflow-y:clip} } :is(#lyn-tp,#lyn-tp2) .product-price-container:has(.unit-price:not(:empty)){display:flex;flex-direction:column;gap:var(--gap-xs)} :is(#lyn-tp,#lyn-tp2) .price-container{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-sm);-webkit-font-smoothing:initial;-moz-osx-font-smoothing:initial} :is(#lyn-tp,#lyn-tp2) .price-container .prices{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-xs)} :is(#lyn-tp,#lyn-tp2) .price-container .compare-at-price, :is(#lyn-tp,#lyn-tp2) .price-container .price{text-wrap-mode:nowrap} :is(#lyn-tp,#lyn-tp2) .price-container .compare-at-price{text-decoration:line-through;text-decoration-thickness:1.5px;opacity:.7} :is(#lyn-tp,#lyn-tp2) .unit-price{font-size:var(--font-body--size-small);opacity:.7} :is(#lyn-tp,#lyn-tp2) .dialog-modal{box-shadow:var(--modal-shadow);margin:auto var(--margin-md);padding:var(--padding-lg);max-width:var(--modal-width);min-width:50%;max-height:var(--modal-max-height)} :is(#lyn-tp,#lyn-tp2) .dialog-modal:focus-visible, :is(#lyn-tp,#lyn-tp2) .dialog-modal:focus{outline:none} @media not (min-width:750px){ :is(#lyn-tp,#lyn-tp2) .dialog-modal{padding:var(--padding-lg) var(--padding-md) var(--padding-md)} :is(#lyn-tp,#lyn-tp2) .dialog-modal--top{margin:0 auto;width:100%;max-width:100%} :is(#lyn-tp,#lyn-tp2) .dialog-modal--top.card{border-top-right-radius:0;border-top-left-radius:0} :is(#lyn-tp,#lyn-tp2) .dialog-modal--bottom{margin:auto 0 0;width:100%;max-width:100%} :is(#lyn-tp,#lyn-tp2) .dialog-modal--bottom.card{border-bottom-right-radius:0;border-bottom-left-radius:0} } :is(#lyn-tp,#lyn-tp2) .dialog-modal::-webkit-scrollbar-track{margin:var(--margin-md) 0} @media not (max-width:750px){ :is(#lyn-tp,#lyn-tp2) .dialog-modal{margin:10% auto} } :is(#lyn-tp,#lyn-tp2) .dialog-modal__content>*{margin-block:var(--margin-md)} :is(#lyn-tp,#lyn-tp2) .dialog-modal__content>*:first-child{margin-block-start:0} :is(#lyn-tp,#lyn-tp2) .dialog-modal__content .spinner .path{stroke:var(--color-foreground)} :is(#lyn-tp,#lyn-tp2) .dialog-modal__close{position:absolute;top:var(--padding-md);right:var(--padding-md)} @media not (min-width:750px){ :is(#lyn-tp,#lyn-tp2) .dialog-modal__close{position:absolute;top:var(--padding-sm);right:var(--padding-sm)} } :is(#lyn-tp,#lyn-tp2) .dialog-modal::backdrop{transition:backdrop-filter var(--animation-speed-medium) var(--animation-easing);-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);background:rgba(var(--color-shadow))} :is(#lyn-tp,#lyn-tp2) .dialog-modal[open]{animation:modalSlideInTop var(--animation-speed-medium) var(--animation-easing) forwards} :is(#lyn-tp,#lyn-tp2) .dialog-modal--top[open]{animation:modalSlideInBottom var(--animation-speed-medium) var(--animation-easing) forwards} :is(#lyn-tp,#lyn-tp2) .dialog-modal[open]::backdrop{animation:backdropFilter var(--animation-speed-medium) var(--animation-easing) forwards;transition:opacity var(--animation-speed-medium) var(--animation-easing)} :is(#lyn-tp,#lyn-tp2) .dialog-modal.dialog-modal--closing{animation:modalSlideOutTop var(--animation-speed-medium) var(--animation-easing) forwards} :is(#lyn-tp,#lyn-tp2) .dialog-modal--top.dialog-modal--closing{animation:modalSlideOutBottom var(--animation-speed-medium) var(--animation-easing) forwards} :is(#lyn-tp,#lyn-tp2) .list-unstyled{list-style:none;padding:0;margin:0} :is(#lyn-tp,#lyn-tp2) .toast-notification{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--toast-notification-transition-duration);box-shadow:var(--modal-shadow);padding:var(--padding-md);gap:var(--gap-md);align-items:center;min-width:var(--toast-notification-min-width);width:max-content;max-width:calc(100% - 64px);display:flex;justify-content:space-between;z-index:var(--toast-notification-z-index);left:50%;top:100%;transform:translate(-50%) translateY(0);position:fixed;font-size:var(--font-body--size)} :is(#lyn-tp,#lyn-tp2) .toast-notification.active{transform:translate(-50%) translateY(calc(-100% - 20px))} :is(#lyn-tp,#lyn-tp2) .toast-notification .icon-container{height:var(--toast-notification-icon-size)} :is(#lyn-tp,#lyn-tp2) .toast-notification .icon-container .icon{font-size:var(--toast-notification-icon-size)!important} :is(#lyn-tp,#lyn-tp2) .toast-notification .icon-success, :is(#lyn-tp,#lyn-tp2) .toast-notification .icon-error, :is(#lyn-tp,#lyn-tp2) .toast-notification .icon-warning, :is(#lyn-tp,#lyn-tp2) .toast-notification .icon-info{display:none} :is(#lyn-tp,#lyn-tp2) .toast-notification.success{background-color:var(--toast-notification-background-color--success);color:var(--toast-notification-color--success)} :is(#lyn-tp,#lyn-tp2) .toast-notification.success .icon-success{display:block} :is(#lyn-tp,#lyn-tp2) .toast-notification.error{background-color:var(--toast-notification-background-color--error);color:var(--toast-notification-color--error)} :is(#lyn-tp,#lyn-tp2) .toast-notification.error .icon-error{display:block} :is(#lyn-tp,#lyn-tp2) .toast-notification.warning{background-color:var(--toast-notification-background-color--warning);color:var(--toast-notification-color--warning)} :is(#lyn-tp,#lyn-tp2) .toast-notification.warning .icon-warning{display:block} :is(#lyn-tp,#lyn-tp2) .toast-notification.info{background-color:var(--toast-notification-background-color--info);color:var(--toast-notification-color--info)} :is(#lyn-tp,#lyn-tp2) .toast-notification.info .icon-info{display:block} :is(#lyn-tp,#lyn-tp2) dropdown-component{position:relative} :is(#lyn-tp,#lyn-tp2) dropdown-component .dropdown-toggle{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-size:var(--font-body--size);color:inherit;padding:0;transition:var(--animation-link-hover)} :is(#lyn-tp,#lyn-tp2) dropdown-component .dropdown-toggle:hover{opacity:var(--opacity-link-hover)} :is(#lyn-tp,#lyn-tp2) dropdown-component .dropdown-toggle .icon--keyboard_arrow_down{transition:transform var(--animation-speed) var(--animation-easing);font-size:20px!important} :is(#lyn-tp,#lyn-tp2) dropdown-component .dropdown-content{top:calc(100% + var(--padding-xs));left:0;min-width:200px;width:max-content;background-color:var(--color-background);color:var(--color-foreground);border-radius:var(--card-border-radius);transform:translateY(-10px);border:var(--container-border-width) solid var(--color-border);padding:var(--padding-xs);position:absolute;opacity:0;visibility:hidden;transition:opacity var(--animation-speed) var(--animation-easing),visibility var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing),width var(--animation-speed) var(--animation-easing);z-index:100} :is(#lyn-tp,#lyn-tp2) dropdown-component .dropdown-content.dropdown-content--open-left{right:0;left:auto} :is(#lyn-tp,#lyn-tp2) dropdown-component[data-open=true] .dropdown-toggle .icon--keyboard_arrow_down{transform:rotate(180deg)} :is(#lyn-tp,#lyn-tp2) dropdown-component[data-open=true] .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)} :is(#lyn-tp,#lyn-tp2) .shopify-policy__container{padding-top:var(--padding-lg);padding-bottom:var(--padding-lg)} :is(#lyn-tp,#lyn-tp2) .shopify-policy__title{margin-bottom:var(--margin-xl);text-align:left!important} :is(#lyn-tp,#lyn-tp2) .textfields-group{display:flex;flex-direction:row;align-items:center;gap:var(--gap-sm)} @media not (min-width:750px){ :is(#lyn-tp,#lyn-tp2) .textfields-group{flex-direction:column;gap:var(--gap-md)} } :is(#lyn-tp,#lyn-tp2) .form-success, :is(#lyn-tp,#lyn-tp2) .form-error{font-size:var(--font-body--size);display:flex;align-items:center;gap:var(--gap-sm);text-align:left!important;padding:var(--padding-sm);border-radius:var(--inputs-border-radius)} :is(#lyn-tp,#lyn-tp2) .form-success .icon, :is(#lyn-tp,#lyn-tp2) .form-error .icon{font-size:var(--font-body--size-emphasized)!important} :is(#lyn-tp,#lyn-tp2) .form-success{color:var(--color-success);background-color:color-mix(in srgb,var(--color-success) 15%,transparent)} :is(#lyn-tp,#lyn-tp2) .form-error{color:var(--color-error);background-color:color-mix(in srgb,var(--color-error) 15%,transparent)} /* ===== slider.css (t/8, escopado) ===== */ :is(#lyn-tp,#lyn-tp2) lyn-slider-component{display:block;width:100%} :is(#lyn-tp,#lyn-tp2) .splide__container{box-sizing:border-box;position:relative} :is(#lyn-tp,#lyn-tp2) .splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important} :is(#lyn-tp,#lyn-tp2) .splide.is-initialized:not(.is-active) .splide__list{display:block} :is(#lyn-tp,#lyn-tp2) .splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none} :is(#lyn-tp,#lyn-tp2) .splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto} :is(#lyn-tp,#lyn-tp2) .splide:not(.is-overflow) .splide__pagination{display:none} :is(#lyn-tp,#lyn-tp2) .splide__progress__bar{width:0} :is(#lyn-tp,#lyn-tp2) .splide{position:relative;visibility:hidden} :is(#lyn-tp,#lyn-tp2) .splide.is-initialized, :is(#lyn-tp,#lyn-tp2) .splide.is-rendered{visibility:visible} :is(#lyn-tp,#lyn-tp2) .splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative} :is(#lyn-tp,#lyn-tp2) .splide__slide img{vertical-align:bottom} :is(#lyn-tp,#lyn-tp2) .splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px} :is(#lyn-tp,#lyn-tp2) .splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} :is(#lyn-tp,#lyn-tp2) .splide__toggle.is-active .splide__toggle__play, :is(#lyn-tp,#lyn-tp2) .splide__toggle__pause{display:none} :is(#lyn-tp,#lyn-tp2) .splide__toggle.is-active .splide__toggle__pause{display:inline} :is(#lyn-tp,#lyn-tp2) .splide__track{position:relative;z-index:0} @keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}} :is(#lyn-tp,#lyn-tp2) .splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none} :is(#lyn-tp,#lyn-tp2) .splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0} :is(#lyn-tp,#lyn-tp2) .splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1} :is(#lyn-tp,#lyn-tp2) .splide--rtl{direction:rtl} :is(#lyn-tp,#lyn-tp2) .splide__track--ttb>.splide__list{display:block} :is(#lyn-tp,#lyn-tp2) .splide__arrow{-ms-flex-align:center;align-items:center;background:var(--color-secondary-button-background);border:1px solid var(--color-secondary-button-border);border-radius:var(--button-border-radius);cursor:pointer;display:-ms-flexbox;display:flex;height:40px;width:40px;-ms-flex-pack:center;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);z-index:1;transition:opacity .1s linear} :is(#lyn-tp,#lyn-tp2) .splide__arrows--with-pagination .splide__arrow{transform:translateY(calc(-50% - 12px))} :is(#lyn-tp,#lyn-tp2) .splide__arrow .icon--arrow_back, :is(#lyn-tp,#lyn-tp2) .splide__arrow .icon--arrow_forward{color:var(--color-secondary-button-text)} :is(#lyn-tp,#lyn-tp2) .splide__arrow:disabled{opacity:0} :is(#lyn-tp,#lyn-tp2) .splide__arrow--prev{left:1em} :is(#lyn-tp,#lyn-tp2) .splide__arrow--prev svg{transform:scaleX(-1)} :is(#lyn-tp,#lyn-tp2) .splide__arrow--next{right:1em} :is(#lyn-tp,#lyn-tp2) .splide__pagination{bottom:calc(-1 * var(--margin-lg));left:0;padding:0 1em;position:absolute;right:0;z-index:1} :is(#lyn-tp,#lyn-tp2) .splide__pagination__page{border:0;display:inline-block;padding:0;position:relative;transition:transform .2s linear;background:var(--color-primary-button-background);opacity:.6;height:2px;margin:3px;width:12px;box-shadow:0 0 4px .5px rgba(from var(--color-primary-button-text) r g b / .2);border-radius:var(--button-border-radius)} :is(#lyn-tp,#lyn-tp2) .splide__pagination__page.is-active{z-index:1;background:var(--color-primary-button-background);opacity:1} :is(#lyn-tp,#lyn-tp2) .splide__pagination__page:hover{cursor:pointer;opacity:.9} :is(#lyn-tp,#lyn-tp2) .splide__pagination__page:focus-visible{outline:3px solid var(--color-primary-button-text);outline-offset:3px} :is(#lyn-tp,#lyn-tp2) .splide.is-focus-in .splide__pagination__page:focus{outline:3px solid var(--color-primary-button-text);outline-offset:3px} :is(#lyn-tp,#lyn-tp2) .splide__progress__bar{background:#ccc;height:3px} :is(#lyn-tp,#lyn-tp2) .splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)} :is(#lyn-tp,#lyn-tp2) .splide__slide:focus{outline:0} @supports (outline-offset: -3px){ :is(#lyn-tp,#lyn-tp2) .splide__slide:focus-visible{outline:3px solid var(--color-primary-button-text);outline-offset:-3px} } @media(-ms-high-contrast:none){ :is(#lyn-tp,#lyn-tp2) .splide__slide:focus-visible{border:3px solid var(--color-primary-button-text)} } @supports (outline-offset: -3px){ :is(#lyn-tp,#lyn-tp2) .splide.is-focus-in .splide__slide:focus{outline:3px solid var(--color-primary-button-text);outline-offset:-3px} } @media(-ms-high-contrast:none){ :is(#lyn-tp,#lyn-tp2) .splide.is-focus-in .splide__slide:focus{border:3px solid var(--color-primary-button-text)} :is(#lyn-tp,#lyn-tp2) .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:var(--color-primary-button-text)} } :is(#lyn-tp,#lyn-tp2) .splide__toggle{cursor:pointer} :is(#lyn-tp,#lyn-tp2) .splide__toggle:focus-visible{outline:3px solid var(--color-primary-button-text);outline-offset:3px} :is(#lyn-tp,#lyn-tp2) .splide.is-focus-in .splide__toggle:focus{outline:3px solid var(--color-primary-button-text);outline-offset:3px} :is(#lyn-tp,#lyn-tp2) .splide__track--nav>.splide__list>.splide__slide{border:1px solid transparent;cursor:pointer} :is(#lyn-tp,#lyn-tp2) .splide__track--nav>.splide__list>.splide__slide.is-active{border:var(--inputs-border-width) solid rgba(0,0,0,1)} :is(#lyn-tp,#lyn-tp2) .splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em} :is(#lyn-tp,#lyn-tp2) .splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)} :is(#lyn-tp,#lyn-tp2) .splide__arrows--rtl .splide__arrow--next{left:1em;right:auto} :is(#lyn-tp,#lyn-tp2) .splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)} :is(#lyn-tp,#lyn-tp2) .splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)} :is(#lyn-tp,#lyn-tp2) .splide__arrows--ttb .splide__arrow--prev{top:1em} :is(#lyn-tp,#lyn-tp2) .splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)} :is(#lyn-tp,#lyn-tp2) .splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto} :is(#lyn-tp,#lyn-tp2) .splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)} :is(#lyn-tp,#lyn-tp2) .splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} @media not (min-width:750px){ :is(#lyn-tp,#lyn-tp2) .slider-component--65-percent .splide__list{width:calc(100vw - 35%)} :is(#lyn-tp,#lyn-tp2) .slider-component--85-percent .splide__list{width:calc(100vw - 15%)} } /* ===== head