/* ============================================================================
   UsePiri · ajustes da loja sobre o CSS do frontend aprovado (Webflow).
   Só o que a exportação não cobre: estados dinâmicos (Alpine), acessibilidade,
   filtros/abas/modais sem as interações do Webflow Designer e as jornadas
   (sacola, checkout, conta) que herdam a tipografia do site.
   ========================================================================== */
[x-cloak]{display:none!important}
.piri-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.piri-skip{position:absolute;left:-9999px;top:0;z-index:2147483647;background:#000;color:#fff;padding:.5rem 1rem;border-radius:0 0 .5rem 0}
.piri-skip:focus{left:0}
.piri-cover{width:100%;height:100%;object-fit:cover}
.piri-empty-state{padding:4rem 0;text-align:center}
.piri-form-status:empty{display:none}
.piri-form-status{margin-top:.5rem;color:#5e5e5e}
.piri-form-status.is-error{color:#b3261e}
.piri-form-status.is-ok{color:#2e7d32}
.piri-nav-link{text-decoration:none}
/* Alinhamentos que a exportação atribuía a IDs fixos dos blocos de contato. */
.section_contact .contact_contact-list{align-items:stretch}
.section_contact .contact_item{align-items:flex-start}
/* O conteúdo institucional legado mantém suas quebras sem impor outro tema. */
.section-termos .rr-inst-passos li>b{display:block}
.section-termos .rr-inst-acoes{display:flex;flex-wrap:wrap;gap:1rem}
.section-termos .rr-inst-destaque,.section-termos .rr-inst-nota,.section-termos .rr-inst-ajuda{margin-block:1.5rem}
.section-termos .rr-inst-destaque__v{margin-right:.35em}
.section-termos a{text-decoration:underline;text-underline-offset:.15em}

/* Navegação: o link da conta e a sacola ficam juntos; o contador some quando vazio. */
.display-inlineflex-3{align-items:center}
/* Mini-carrinho: segue o mockup (imagem 140px, um .mini-cart_items por item); só a rolagem é nossa, discreta. */
.piri-mini-cart__lista{max-height:52vh;overflow:auto;padding-right:.25rem;scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent}
.piri-mini-cart__lista::-webkit-scrollbar{width:6px}.piri-mini-cart__lista::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:999px}
.piri-mini-cart__lista .mini-cart_items{max-height:none;overflow:visible}
.mini-cart_image-wrapper a{display:block;line-height:0}
.add-to-cart_quantity-field{-moz-appearance:textfield}
.add-to-cart_quantity-field::-webkit-outer-spin-button,.add-to-cart_quantity-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* Cards: a hover-image só existe quando o produto tem segunda foto. */
.card-product:hover .products-image-02{display:block}
.card-product .tag-card{position:absolute;top:1rem;right:1rem}

/* Filtros da listagem: acordeões e painel móvel sem depender das interações do Webflow. */
.accordian-head{cursor:pointer}
.accordian-wrap .chevron-icon{transition:transform .2s ease}
.filters_item .w-checkbox{cursor:pointer}
.filters_item .w-checkbox-input--inputType-custom.w--redirected-checked{background-color:#000;border-color:#000}
.filters_tablet-filters-button{cursor:pointer}
@media (max-width:991px){
  .filters_filters-wrpr{display:none}
  .filters_filters-wrpr.is-open{display:flex;position:fixed;inset:0;transform:none;z-index:9999;overflow:auto;background:#fff;padding:5rem 5% 2rem}
  .filters_filters-wrpr.is-open .filters_tablet-modal-menu{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;bottom:0;background:#fff;padding:1rem 0}
  .filters_filters-wrpr.is-open .filters_tablet-modal-close-button{display:block;position:fixed;top:1.25rem;right:1.25rem}
  .filters_tablet-filters-button{display:flex}
}
.dropdown-ordenar .w-dropdown-list.w--open{min-width:12rem}

/* Página do produto: miniaturas, estados e modal do guia de tamanhos. */
.product_thumbnails-container .product-slider_lightbox-link{opacity:.6;cursor:pointer}
.product_thumbnails-container .product-slider_lightbox-link.is-active,.product_thumbnails-container .product-slider_lightbox-link:hover{opacity:1}
.product-slider_slide .image-5{width:100%;height:100%;object-fit:cover}
.add-to-cart_quantity-button{cursor:pointer;background:none;border:0;padding:0}
.button.is-cart:disabled{opacity:.5;cursor:not-allowed}
.piri-swatches{display:flex;flex-wrap:wrap;gap:.5rem}
.piri-swatch{width:1.9rem;height:1.9rem;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #dcdcdc;cursor:pointer;padding:0}
.piri-swatch[aria-pressed="true"]{box-shadow:0 0 0 2px #000}
.piri-swatch:disabled{opacity:.35;cursor:not-allowed}
.piri-sizes{display:flex;flex-wrap:wrap;gap:.5rem}
.piri-size{min-width:2.6rem;height:2.4rem;padding:0 .6rem;border:1px solid #dcdcdc;border-radius:.4rem;background:#fff;font:inherit;font-size:.85rem;cursor:pointer}
.piri-size[aria-pressed="true"]{border-color:#000;box-shadow:inset 0 0 0 1px #000}
.piri-size:disabled{color:#bdbdbd;text-decoration:line-through;cursor:not-allowed}
.variant-label strong{font-weight:600}
.modal-wrapper.is-open{display:flex}
.modal-wrapper .modal-content{max-height:90vh;overflow:auto}
.modal-close-btn-copy{cursor:pointer}
.frete-valores{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:center}
.frete-form-wrp[hidden],.resultado-frete-wrp[hidden]{display:none}
.piri-product-message{margin-top:.75rem;font-size:.9rem;color:#2e7d32}
.piri-product-message.is-error{color:#b3261e}
/* O título usa os tamanhos responsivos do CSS aprovado: 2.3 / 1.9 / 1.5rem. */
.data-table__body-row{display:grid}
.data-table__head-row{display:grid}

/* Conteúdo de páginas (CMS) e jornadas herdam a tipografia do site. */
.rich-text.w-richtext h1{font-size:2.5rem}
.section-account .field.w-input{margin-bottom:1rem}
.login-footer-wrap{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;flex-wrap:wrap}
.login-footer-wrap a,.login-footer-wrap button{background:none;border:0;padding:0;font:inherit;color:#333;cursor:pointer;text-decoration:none}
.login-footer-wrap a:hover,.login-footer-wrap button:hover{text-decoration:underline}
.piri-alert{padding:.75rem 1rem;border-radius:.5rem;margin:0 0 1rem;font-size:.9rem;display:flex;gap:.5rem;align-items:flex-start}
.piri-alert svg{width:1.1rem;height:1.1rem;flex:none;fill:none;stroke:currentColor;stroke-width:2}
.piri-alert-error{background:#fdecea;color:#8e2b21}
.piri-alert-success{background:#e4efe8;color:#2e5c3d}
.piri-field-hint{font-size:.8rem;color:#5e5e5e;margin:-.5rem 0 1rem}
.piri-field-hint.is-err{color:#b3261e}
.piri-field-hint.is-ok{color:#2e7d32}
.piri-password{position:relative}
.piri-password .field{padding-right:2.75rem}
.piri-password-toggle{position:absolute;right:.6rem;top:.55rem;background:none;border:0;cursor:pointer;color:#5e5e5e;width:1.6rem;height:1.6rem;padding:0}
.piri-password-toggle svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:1.8}
.field.is-error{border-color:#b3261e}
.field.is-ok{border-color:#2e7d32}
.w-checkbox.piri-check{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 1rem}
.w-checkbox.piri-check input{position:static;opacity:1;width:1rem;height:1rem;margin:0}

/* Carrinho: estados do Alpine sobre a marcação do frontend aprovado. */
.cart3_item .remove-button-2{cursor:pointer}
.cart3_footer .button.is-secondary:disabled{opacity:.5;cursor:not-allowed}
.piri-cart-empty{padding:3rem 1rem;text-align:center}
.piri-cart-empty .button{margin-top:1rem;display:inline-block}
.cupom-resultado[hidden]{display:none}
.frete-alerta p,.frete-resuiltado p{margin:0}
.button-group-cart .button.is-text{cursor:pointer;background:none;border:0}

/* Pedidos na conta (frontend aprovado: order-wrap) */
.order-wrap-2{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border-radius:1rem;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.order-wrap-2 + .order-wrap-2{margin-top:1rem}
.order-wrapper-2{margin-top:.5rem}
.piri-account-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.5rem}
.piri-account-tabs button{font:inherit;font-size:.8rem;letter-spacing:.05rem;text-transform:uppercase;padding:.6rem 1rem;border:1px solid #333;border-radius:2rem;background:#fff;cursor:pointer}
.piri-account-tabs button.is-active{background:#333;color:#fff}
.piri-account-tabs a{font:inherit;font-size:.8rem;letter-spacing:.05rem;text-transform:uppercase;padding:.6rem 1rem;border:1px solid #333;border-radius:2rem;background:#fff;color:#333;text-decoration:none}

/* Vídeo do bloco institucional */
.promotion-banner .background-video video,.promotion-banner .background-video img{width:100%;height:100%;object-fit:cover}

@media (prefers-reduced-motion: reduce){.scrolling-text{animation:none!important}}

/* Aviso de cookies (markup legado em runtime-footer.php) sobre o visual do frontend aprovado */
#rr-lgpd-banner{background:#fff;color:#333;border-top:1px solid #e6e6e6;box-shadow:0 -4px 16px rgba(0,0,0,.08);font-family:'Satoshi Variable',sans-serif}
#rr-lgpd-banner p a{color:#000;text-decoration:underline}
#rr-lgpd-banner button{font:inherit;font-size:.8rem;letter-spacing:.05rem;text-transform:uppercase;height:40px;padding:0 1.125rem;border-radius:2rem;cursor:pointer}
#rr-lgpd-banner [data-lgpd-accept=essential]{background:#fff;color:#000;border:1px solid #333}
#rr-lgpd-banner [data-lgpd-accept=all]{background:#000;color:#fff;border:1px solid #000}

/* Conta · chrome do frontend aprovado (section_order3 / account7_component) com os painéis das jornadas */
.piri-account-wide{width:auto;max-width:100%;grid-column:1 / -1}
.section_order3 .account7_component{width:100%}
/* Sem o vão do mockup acima da conta/favoritos: 73px + 7.2rem viram 3rem, na linha das telas de login (4rem). */
.section_order3 .account7_component.container-large.padding-top{padding-top:0}
.section_order3 .account7_content-left.vertical.left{padding-top:3rem}
@media (max-width:767px){.section_order3 .account7_content-left.vertical.left{padding-top:2rem;padding-bottom:3rem}}
.piri-account-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;width:100%}
.piri-account-head h1{margin:0 0 .25rem}
.piri-account-layout{width:100%}
.piri-account-tabs button svg,.piri-account-tabs a svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;vertical-align:-2px;margin-right:.35rem}

/* Formulários de conta (login-wrap / field) */
.login-wrap label{display:block;margin-bottom:.35rem}
.login-wrap .field.w-input{margin-bottom:1rem}
.login-wrap .button.is-form-submit:disabled{opacity:.6;cursor:not-allowed}
.login-wrap .login-footer-wrap a{cursor:pointer}
.piri-field-row{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
@media (max-width:479px){.piri-field-row{grid-template-columns:1fr}}
.field.w-input.is-error{border-color:#b3261e}
.field.w-input.is-ok{border-color:#2e7d32}

/* Carrinho · estados sobre o cart3_component */
.piri-frete-opcao{cursor:pointer}
.piri-frete-opcao.is-selected .text-resultado-frete{font-weight:700}
.text-preco.is-discount{color:#2e7d32}
.desconto-valor.is-error .text-resultado-frete{color:#b3261e}
.button.is-secondary.is-disabled{opacity:.5;pointer-events:none}
.piri-cart-stock.is-low{color:#b3261e}
.section_cart .button.is-text{cursor:pointer;background:none;border:0;padding:0}
.section_cart .piri-alert{justify-content:space-between}

/* PDP: narrativa, informações do catálogo e galeria do frontend aprovado. */
@media(max-width:767px){.piri-size-section .piri-measure-layout{grid-template-columns:1fr;gap:2rem;padding:1rem}}
@media(max-width:767px){.piri-size-dialog{width:calc(100vw - 24px);padding:1.25rem;border-radius:16px;max-height:92dvh}.piri-size-dialog-header{top:-1.25rem}.piri-measure-layout{grid-template-columns:1fr;gap:1.5rem}.piri-measure-figure{padding:1rem}.piri-measure-figure svg,.piri-measure-figure img{max-height:220px}.piri-measure-table th,.piri-measure-table td{padding:.875rem .75rem}.piri-size-section-header{align-items:flex-start}.piri-measure-tabs button{padding-inline:1rem}.piri-size-section{padding-block:2rem}}
.piri-product-eyebrow{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#666}
.piri-product-eyebrow span{margin:0 .5rem}
.piri-details-link{font-size:.875rem;text-decoration:underline;text-underline-offset:4px;margin-top:.5rem;display:inline-block}
.piri-selection-status{font-size:.875rem;color:#555;margin:0 0 .75rem}
.piri-gallery-controls{position:absolute;inset:auto 1rem 1rem;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.8rem;color:#555;pointer-events:none}
.piri-gallery-controls button{pointer-events:auto}
.piri-gallery-controls button{width:44px;height:44px;border:1px solid #ddd;border-radius:50%;background:#fff;color:#111;cursor:pointer;font-size:1.2rem}
.piri-pdp .piri-product-stage{position:relative;min-width:0;flex:1}
.piri-pdp .lightbox-link-zoom{border:0;cursor:zoom-in;top:1rem;right:1rem;z-index:2}
.piri-pdp .product_thumbnails-container{width:120px;flex:0 0 120px;gap:1.25rem}
.piri-pdp .product_thumbnails-container .product-slider_lightbox-link{display:block;width:100%;aspect-ratio:1;flex:none;margin-top:0;border:1px solid transparent;border-radius:1rem;overflow:hidden}
.piri-pdp .product_thumbnails-container .product-slider_lightbox-link.is-active{border-color:#222}
.piri-pdp .product_lightbox-image{width:100%;height:100%;object-fit:cover}
.piri-pdp .piri-swatch{width:36px;height:36px;margin:4px}
.piri-pdp .piri-size{min-width:44px;height:44px;font-size:1rem}
.piri-pdp-details{scroll-margin-top:6rem}
.piri-pdp-details .detalhes-produtos_list{align-items:start}
.piri-pdp-details .detalhes-produtos_item h3{margin-bottom:1rem}
.piri-pdp-details .detalhes-produtos_item p,.piri-care-list{font-size:1rem;line-height:1.5}
.piri-care-list{padding-left:1.25rem;margin:0}
.piri-care-list li+li{margin-top:.4rem}
.piri-pdp-details .detalhes-produtos-image-wrapper{aspect-ratio:3/2;overflow:hidden;height:auto}
.piri-pdp-details .detalhes-produtos-image-wrapper img{width:100%;height:100%;object-fit:cover}
.piri-product-facts{display:flex;flex-wrap:wrap;gap:1rem 2rem;border-block:1px solid #dedede;padding:1.25rem 0;color:#666;font-size:.85rem}
.piri-size-assistance{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:#f7f5f1;padding:2rem;margin:2.5rem 0;scroll-margin-top:6rem}
.piri-size-assistance h2{margin:.75rem 0 1rem}
.piri-size-assistance p{line-height:1.7;margin-bottom:1rem}
.piri-zoom{border:0;padding:1rem;background:#faf9f6;width:min(1000px,95vw);max-width:95vw;max-height:95dvh;margin:auto;color:#222}
.piri-zoom::backdrop{background:rgba(0,0,0,.8)}
.piri-zoom>img{display:block;width:100%;height:calc(90dvh - 100px);object-fit:contain}
.piri-zoom-close{position:absolute;right:1rem;top:1rem;z-index:1;width:44px;height:44px;border:1px solid #ddd;border-radius:50%;background:#fff;cursor:pointer}
body:has(.piri-zoom[open]){overflow:hidden}
.piri-pdp button:focus-visible,.piri-pdp a:focus-visible{outline:2px solid #111;outline-offset:4px}
@media(max-width:767px){.piri-size-assistance{grid-template-columns:1fr;gap:1rem;padding:1.5rem}.piri-gallery-controls{gap:.75rem}.piri-gallery-controls>span:last-child{max-width:9rem}.piri-pdp-details .detalhes-produtos_list{grid-template-columns:1fr;gap:2.5rem}.piri-pdp-details .detalhes-produtos-image-wrapper{aspect-ratio:4/3}}
@media(max-width:767px){.piri-pdp .product_images-wrapper>.row{display:flex;flex-direction:column;gap:1rem}.piri-pdp .piri-product-stage{width:100%;flex:auto;order:1}.piri-pdp .product_thumbnails-container{display:flex;flex-direction:row;width:100%;flex:auto;overflow-x:auto;padding:3px;max-width:100%;order:2}.piri-pdp .product_thumbnails-container .product-slider_lightbox-link{width:64px;height:80px;flex:0 0 64px}}

/* ── Resultado do frete na PDP (esqueleto do frontend aprovado, apresentação da loja) ─────────────
   O bloco .frete-resuiltado do mockup mostrava três textos soltos por linha. Aqui ele vira um cartão:
   cabeçalho com o CEP, transportadora e empresa, previsão de chegada, preço em destaque e etiquetas
   "mais barato"/"mais rápido". Só tokens da vitrine (tokens-vars.css) e cores do próprio Webflow. */
.frete-resuiltado.piri-frete{gap:0;padding:0;background:var(--bg-light-elevated,#fff);border:1px solid var(--border-subtle,#e5e1d6);border-radius:.8rem;box-shadow:var(--shadow-card,0 2px 6px -1px rgb(0 0 0/.06));overflow:hidden;animation:piri-frete-entra .32s var(--easing-out,ease-out) both}
@keyframes piri-frete-entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.frete-resuiltado.piri-frete{animation:none}}
.piri-frete__cabeca{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;background:var(--bg-sunken,#f3f0e9);border-bottom:1px solid var(--border-subtle,#e5e1d6);font-size:.85rem;color:var(--fg-muted,#54503f)}
.piri-frete__cabeca-icone{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:999px;background:var(--bg-light-elevated,#fff);color:var(--fg-base,#000);flex:none}
.piri-frete__cabeca-texto{flex:1;min-width:0}
.piri-frete__cabeca-texto strong{color:var(--fg-base,#000);font-weight:600;letter-spacing:.02em}
.piri-frete__cabeca-qtd{font-size:.75rem;white-space:nowrap;color:var(--fg-muted,#54503f)}
.piri-frete .line-divider{margin:0;background:var(--border-subtle,#e5e1d6)}
.piri-frete > div:last-of-type .line-divider{display:none}
.frete-valores.piri-frete__opcao{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.8rem 1rem;transition:background .18s ease}
.frete-valores.piri-frete__opcao:hover{background:var(--bg-sunken,#f3f0e9)}
.piri-frete__servico,.piri-frete__prazo{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.piri-frete__nome{font-weight:700;font-size:.95rem;color:var(--fg-base,#000);line-height:1.2}
.piri-frete__empresa{font-size:.75rem;color:var(--fg-muted,#54503f);letter-spacing:.04em;text-transform:uppercase}
.piri-frete__etiquetas{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem}
.piri-frete__etiquetas:empty{display:none}
.piri-frete__etiqueta{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.4}
.piri-frete__etiqueta.is-barato{background:var(--feedback-success-bg-on-light,#eef2e5);color:var(--feedback-success-on-light,#4a6128)}
.piri-frete__etiqueta.is-rapido{background:var(--feedback-info-bg-on-light,#e8eef7);color:var(--feedback-info-on-light,#2b4f8a)}
.piri-frete__dias{font-weight:500;color:var(--fg-base,#000);font-size:.9rem}
.piri-frete__chegada{font-size:.78rem;color:var(--fg-muted,#54503f)}
.piri-frete__preco{font-weight:700;font-size:1.05rem;color:var(--fg-base,#000);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.piri-frete__opcao.is-gratis .piri-frete__preco{color:var(--feedback-success-on-light,#4a6128)}
.piri-frete__opcao.is-barato .piri-frete__preco{color:var(--feedback-success-on-light,#4a6128)}
.piri-frete__nota{display:flex;gap:.4rem;align-items:flex-start;margin:0;padding:.6rem 1rem .7rem;background:var(--bg-sunken,#f3f0e9);border-top:1px solid var(--border-subtle,#e5e1d6);color:var(--fg-muted,#54503f);line-height:1.35}
.piri-frete__nota svg{flex:none;margin-top:.1rem}
@media screen and (max-width:479px){
  .frete-valores.piri-frete__opcao{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"servico preco" "prazo prazo";gap:.4rem .8rem;padding:.75rem .9rem}
  .piri-frete__servico{grid-area:servico}.piri-frete__preco{grid-area:preco;align-self:start}.piri-frete__prazo{grid-area:prazo;flex-direction:row;flex-wrap:wrap;gap:.25rem .6rem;align-items:baseline}
  .piri-frete__cabeca{padding:.6rem .9rem}
}

/* ── Carrinho (cart.html aprovado) ──────────────────────────────────────────────────────────────
   A imagem do item fica dentro de um link; sem isto o flex encolhe o link e a foto perde o 10rem×10rem
   do mockup (e a largura total no celular). O X de remover e o resto seguem o CSS do Webflow. */
.cart2_column-content-wrapper > .piri-cart-image-link{flex:none;display:block;line-height:0}
.piri-cart-image-link .cart2_image{display:block}
@media screen and (max-width:479px){.cart2_column-content-wrapper > .piri-cart-image-link{width:100%}}
.piri-cart-stock.is-low{color:#b3261e}

/* ── Carrinho · camada da loja sobre o cart.html (frete grátis, cupom, seleção de frete, desfazer, celular) ── */
.piri-cart-item--entra{animation:piri-frete-entra .28s var(--easing-out,ease-out) both}
.piri-cart-item--sai{opacity:0;transform:translateX(12px);transition:opacity .22s ease,transform .22s ease}
.piri-cart-item.is-esgotado .cart2_image{filter:grayscale(1);opacity:.7}
.piri-cart-item__total{animation:piri-cart-pulsa .35s ease}
@keyframes piri-cart-pulsa{0%{color:var(--feedback-success-on-light,#4a6128)}100%{color:inherit}}
.add-to-cart_quantity-button:disabled{opacity:.35;cursor:not-allowed}
.piri-cart-frete-gratis{width:100%;padding:.75rem .9rem;border-radius:.6rem;background:var(--bg-sunken,#f3f0e9);border:1px solid var(--border-subtle,#e5e1d6)}
.piri-cart-frete-gratis__texto{display:flex;gap:.5rem;align-items:center;font-size:.85rem;color:var(--fg-muted,#54503f);line-height:1.3}
.piri-cart-frete-gratis__texto strong{color:var(--fg-base,#000);font-weight:700}
.piri-cart-frete-gratis__barra{height:6px;margin-top:.55rem;border-radius:999px;background:var(--border-subtle,#e5e1d6);overflow:hidden}
.piri-cart-frete-gratis__fill{height:100%;border-radius:999px;background:var(--fg-base,#000);transition:width .45s var(--easing-out,ease-out)}
.piri-cart-frete-gratis.is-ok{background:var(--feedback-success-bg-on-light,#eef2e5);border-color:color-mix(in srgb,var(--feedback-success-on-light,#4a6128) 30%,transparent)}
.piri-cart-frete-gratis.is-ok .piri-cart-frete-gratis__fill,.piri-cart-frete-gratis.is-ok .piri-cart-frete-gratis__texto{color:var(--feedback-success-on-light,#4a6128)}
.piri-cart-frete-gratis.is-ok .piri-cart-frete-gratis__fill{background:var(--feedback-success-on-light,#4a6128)}
.piri-cart-cupom-codigo{font-family:var(--font-family-body,inherit);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.piri-cart-cupom{background:var(--feedback-success-bg-on-light,#eef2e5)}
.piri-cart-cupom .text-resultado-frete{color:var(--feedback-success-on-light,#4a6128)}
.piri-cart-cupom__acoes{display:flex;justify-content:space-between;gap:.75rem;align-items:center}
.piri-cart-link{border:0;background:none;padding:0;font:inherit;font-size:.8rem;font-weight:600;text-decoration:underline;text-underline-offset:2px;color:var(--fg-muted,#54503f);cursor:pointer}
.piri-cart-link:hover{color:var(--fg-base,#000)}
.piri-cart-dica{margin:0;color:var(--fg-muted,#54503f)}
.piri-cart-economia{display:block;margin-top:.15rem;font-size:.75rem;font-weight:500;color:var(--feedback-success-on-light,#4a6128)}
/* frete no carrinho: mesmo cartão da PDP, com seleção */
.frete-form-crt .frete-resuiltado.piri-frete{margin-top:.25rem}
.piri-frete__opcao.piri-frete-opcao{grid-template-columns:auto minmax(0,1.4fr) minmax(0,1fr) auto;cursor:pointer;outline:0}
.piri-frete__opcao.piri-frete-opcao:focus-visible{box-shadow:inset 0 0 0 2px var(--fg-base,#000)}
.piri-frete__check{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border-strong,#38342a);color:transparent;background:var(--bg-light-elevated,#fff);transition:background .18s ease,color .18s ease,border-color .18s ease;flex:none}
.piri-frete__opcao.is-selected{background:var(--bg-sunken,#f3f0e9)}
.piri-frete__opcao.is-selected .piri-frete__check{background:var(--fg-base,#000);border-color:var(--fg-base,#000);color:#fff}
.piri-frete__opcao.is-selected .piri-frete__nome::after{content:" · selecionado";font-weight:500;font-size:.75rem;color:var(--fg-muted,#54503f)}
.piri-frete--carregando .piri-frete__esqueleto{height:56px;margin:.5rem 1rem;border-radius:.5rem;background:linear-gradient(90deg,var(--bg-sunken,#f3f0e9) 25%,#fff 50%,var(--bg-sunken,#f3f0e9) 75%);background-size:200% 100%;animation:piri-brilho 1.2s linear infinite}
@keyframes piri-brilho{to{background-position:-200% 0}}
.piri-frete__spinner{width:14px;height:14px;border:2px solid var(--fg-base,#000);border-right-color:transparent;border-radius:50%;animation:piri-gira .8s linear infinite;display:block}
@keyframes piri-gira{to{transform:rotate(360deg)}}
.frete-alerta .button.is-text{margin-top:.4rem}
/* selos, diálogo, desfazer, barra do celular */
.piri-cart-selos{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1rem;justify-content:center}
.piri-cart-selos li{display:inline-flex;gap:.35rem;align-items:center;font-size:.75rem;color:var(--fg-muted,#54503f)}
.piri-cart-dialog{border:0;border-radius:1rem;padding:1.5rem;max-width:26rem;width:calc(100% - 2rem);box-shadow:0 20px 60px rgb(0 0 0/.25);background:#fff;color:var(--fg-base,#000)}
.piri-cart-dialog::backdrop{background:rgb(0 0 0/.45)}
.piri-cart-dialog h2{margin:0 0 .5rem}
.piri-cart-dialog p{margin:0 0 1.25rem;color:var(--fg-muted,#54503f)}
.piri-cart-dialog__acoes{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}
.piri-cart-undo{position:fixed;left:50%;bottom:1.5rem;z-index:60;transform:translateX(-50%);display:flex;align-items:center;gap:1rem;padding:.75rem 1.1rem;border-radius:999px;background:#111;color:#fff;font-size:.9rem;box-shadow:0 10px 30px rgb(0 0 0/.3);max-width:calc(100% - 2rem)}
.piri-cart-undo button{border:0;background:none;font:inherit;font-weight:700;color:#fff;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.piri-cart-undo__fechar{text-decoration:none!important;font-size:1.2rem;line-height:1;opacity:.7}
.piri-cart-bar{display:none}
@media screen and (max-width:767px){
  .piri-cart-bar{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--border-subtle,#e5e1d6);box-shadow:0 -8px 24px rgb(0 0 0/.08)}
  .piri-cart-bar__total{display:flex;flex-direction:column;line-height:1.15}
  .piri-cart-bar__rotulo{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted,#54503f)}
  .piri-cart-bar strong{font-size:1.05rem}
  .piri-cart-bar .button{flex:1;text-align:center}
  .piri-cart-undo{bottom:5.5rem}
  .piri-frete__opcao.piri-frete-opcao{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"check servico preco" "check prazo prazo"}
  .piri-frete__opcao.piri-frete-opcao .piri-frete__check{grid-area:check}
}
@media(prefers-reduced-motion:reduce){.piri-cart-item--entra,.piri-cart-item__total,.piri-frete__esqueleto,.piri-frete__spinner{animation:none}}

/* Menu de categorias: abre ao passar o mouse (data-hover no header) com entrada suave.
   O webflow.js só troca display; a animação cobre a abertura, e no celular (menu
   colapsado) o wrapper é estático e a animação não roda. */
@media(min-width:992px){
  .navbar-dropdown-wrapper.w--open{animation:piri-menu-entra .22s cubic-bezier(.2,.7,.2,1) both}
  /* O painel fixo começa abaixo do gatilho. Esta ponte mantém o hover
     durante a travessia, inclusive quando o cursor se move devagar. */
  .navbar-dropdown-wrapper::before{content:"";position:absolute;left:0;right:0;top:-.75rem;height:.75rem}
  .navbar-dropdown .w-dropdown-toggle{transition:color .18s ease}
}
@media(min-width:992px) and (max-width:1399px){
  .navbar-container-links{gap:0;width:100%;justify-content:space-between}
  .button-small.transparent.nav{padding-left:.375rem;padding-right:.375rem}
  .navbar-container-links .button_text{letter-spacing:.04em}
}
@keyframes piri-menu-entra{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.piri-faq{max-width:880px;margin:32px auto}
.piri-faq__item{border-bottom:1px solid #d8d5cd;padding:8px 0}
.piri-faq__item summary{cursor:pointer;padding:16px 8px;font-size:18px;font-weight:600;line-height:1.5}
.piri-faq__item summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.piri-faq__answer{padding:0 8px 24px;line-height:1.7;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.navbar-dropdown-wrapper.w--open{animation:none}}

/* ── Guia de tamanhos (tabela de medidas UsePiri): link do mockup, modal e seção ────────────────────────────
   O componente em si vive em assets/piri/medidas.css; aqui só o encaixe na PDP. */
.piri-link-medidas{border:0;background:none;padding:0;cursor:pointer;text-align:left;margin-top:.5rem}
.piri-link-medidas p{margin:0}
.piri-size-dialog{width:min(1160px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:24px;padding:0;background:transparent;color:inherit}
.piri-size-dialog::backdrop{background:rgba(0,0,0,.7)}
.piri-size-dialog__fechar{position:sticky;top:12px;float:right;margin:12px 12px -48px 0;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18);display:grid;place-items:center;cursor:pointer;padding:0}
.piri-size-dialog__fechar img{width:20px;height:20px;display:block}
.piri-size-dialog .pm{box-shadow:none}
body:has(.piri-size-dialog[open]){overflow:hidden}
.piri-guia-tamanhos.guia-de-tamanhos{display:block;padding:0;border:0;border-radius:0;margin:2rem 0 clamp(2rem,3.5vw,3rem)}
.piri-guia-tamanhos .pm{max-width:none}
@media screen and (max-width:767px){
  .piri-size-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px}
  .pm__esq,.pm__dir{min-width:0;flex-basis:100%}
  .pm__esq{border-right:0;border-bottom:1px solid var(--pm-borda-2,#f1eeea)}
  .pm__titulo{font-size:30px}
}

/* Estado vazio do catálogo (busca, estampa/categoria sem peças, filtros sem resultado, erro da API): só o essencial, centrado. */
.piri-vazio{max-width:34rem;margin:3.5rem auto 4rem;padding:0 1rem;text-align:center;animation:piri-vazio-entra .3s ease-out both}
.piri-vazio__selo{width:4.5rem;height:4.5rem;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#b58f66;border:1px solid #e6dccb;background:#fff}
.piri-vazio__selo svg{width:2rem;height:2rem}
.piri-vazio__selo.has-estampa{border:2px solid #b58f66;overflow:hidden}
.piri-vazio__selo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.piri-vazio.is-erro .piri-vazio__selo{color:#b9552c;border-color:#efc9b8}
.piri-vazio__titulo{margin:0 auto .5rem;max-width:26ch;line-height:1.25}
.piri-vazio__texto{max-width:42ch;margin:0 auto 1.5rem;line-height:1.6}
.piri-vazio__acoes{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}
.piri-vazio__btn.button{width:auto;min-width:11rem;padding:.8rem 1.5rem;border:1px solid #1a1a1a;background:#fff;color:#1a1a1a;border-radius:999px;transition:background .18s ease,color .18s ease}
.piri-vazio__btn.button.is-primario{background:#1a1a1a;color:#fff}
.piri-vazio__btn.button:hover{background:#b58f66;border-color:#b58f66;color:#fff}
@keyframes piri-vazio-entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:767px){.piri-vazio{margin:2.5rem auto 3rem}.piri-vazio__acoes{flex-direction:column;align-items:stretch}.piri-vazio__btn.button{min-width:0}}
@media(prefers-reduced-motion:reduce){.piri-vazio{animation:none}}

/* Filtro de preço: o "Aplicar" acompanha os campos (mesma altura, raio e borda) em vez do botão azul do modal. */
.filter-check-bb .piri-price-apply.button-6{display:inline-flex;align-items:center;justify-content:center;gap:0;width:100%;min-height:2.5rem;height:auto;margin-top:.6rem;padding:.55rem 1rem;background:#fff;color:#1a1a1a;border:1px solid #000000a6;border-radius:.8rem;font-family:Quicksand,sans-serif;font-size:.8rem;font-weight:600;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;text-align:center;white-space:nowrap;transition:background .18s ease,color .18s ease}
/* A coluna de filtros do Webflow é uma caixa de rolagem de 100vh que começa abaixo do cabeçalho: em telas baixas
   o fim da lista (Remover filtros) ficava cortado até rolar a própria coluna. No desktop ela flui com a página. */
@media(min-width:992px){.filters2_scroll-wrapper{height:auto;max-height:none;overflow:visible;padding-bottom:1.5rem}}
.filter-check-bb .piri-price-apply.button-6:hover,.filter-check-bb .piri-price-apply.button-6:focus-visible{background:#1a1a1a;color:#fff}

/* ─── Busca em dock no cabeçalho (11/09/2026, decisão do owner) ────────────────
   Botão redondo que se expande no campo em pílula com leve mola; X ou Esc fecham.
   Substitui o campo sempre visível do mockup. No celular a busca segue no menu. */
.piri-dock{position:relative;display:flex;align-items:center;gap:.5rem;min-height:2.75rem;padding-top:.5rem}
.piri-dock__abrir{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;padding:0;border:1px solid #e2e2e2;border-radius:50%;background:#fff;color:#1a1a1a;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .3s cubic-bezier(.2,1.3,.3,1),opacity .18s ease}
.piri-dock__abrir svg{width:1.25rem;height:1.25rem}
.piri-dock__abrir:hover{background:#f5f5f5;border-color:#cfcfcf}
.piri-dock__abrir:active{transform:scale(.92)}
.piri-dock__abrir:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}
.piri-dock .search2.piri-dock__campo{position:absolute;left:0;top:.5rem;width:2.75rem;max-width:2.75rem;height:2.75rem;padding:0;margin:0;border:1px solid #e2e2e2;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;opacity:0;pointer-events:none;transition:max-width .45s cubic-bezier(.2,1.25,.3,1),opacity .2s ease}
.piri-dock .search2.piri-dock__campo .search-icon{left:.9rem;pointer-events:none}
.piri-dock .search2.piri-dock__campo .search-input-01{width:100%;height:100%;border:0;background:transparent;padding:0 2.75rem 0 2.6rem;font-size:.9rem;color:#1a1a1a}
.piri-dock .search2.piri-dock__campo .search-input-01:focus{outline:none;box-shadow:none}
.piri-dock__fechar{position:absolute;right:.35rem;top:50%;transform:translateY(-50%) scale(0);width:2rem;height:2rem;padding:0;border:0;border-radius:50%;background:transparent;color:#1a1a1a;display:grid;place-items:center;cursor:pointer;transition:transform .3s cubic-bezier(.2,1.3,.3,1) .12s,background .18s ease}
.piri-dock__fechar svg{width:1rem;height:1rem}
.piri-dock__fechar:hover{background:#f0f0f0;transform:translateY(-50%) scale(1.1)}
.piri-dock__fechar:active{transform:translateY(-50%) scale(.9)}
.piri-dock__fechar:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}
.piri-dock.is-aberta .piri-dock__abrir{opacity:0;transform:scale(0);pointer-events:none}
.piri-dock.is-aberta .search2.piri-dock__campo{max-width:min(20rem,100%);width:min(20rem,100%);opacity:1;pointer-events:auto}
.piri-dock.is-aberta .piri-dock__fechar{transform:translateY(-50%) scale(1)}
@media(prefers-reduced-motion:reduce){.piri-dock__abrir,.piri-dock .search2.piri-dock__campo,.piri-dock__fechar{transition:none}}
.piri-newsletter-consent { display: flex; align-items: flex-start; gap: 8px; margin-top: 12px; font-size: 13px; line-height: 1.5; }
.piri-newsletter-consent input { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px; }
.accordian-head[type="button"], .product-slider_lightbox-link[type="button"] { background: transparent; border: 0; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.product-slider_lightbox-link[type="button"] { padding: 0; }
.accordian-head[type="button"] { width: 100%; }
.piri-about-story{padding-top:96px}
@media(max-width:991px){.piri-about-story{padding-top:64px}}
@media(max-width:767px){.piri-about-story{padding-top:48px}}