/* ShopeeFast | Refinamento responsivo 31/10/2026.
   Carrega por ultimo para proteger o layout mobile sem mudar a identidade visual. */
:root { -webkit-text-size-adjust:100%; text-size-adjust:100%; }

/* Tabs nunca devem encolher a ponto de esconder os nomes. */
.category-strip {
  display:flex;
  flex-flow:row nowrap;
  gap:9px;
  min-width:0;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  scroll-padding-inline:2px;
}
.cat-filter {
  display:inline-flex;
  flex:0 0 auto;
  width:auto;
  min-width:max-content;
  min-height:43px;
  align-items:center;
  justify-content:center;
  gap:8px;
  line-height:1.2;
  white-space:nowrap;
  scroll-snap-align:start;
  text-align:center;
}
.cat-filter-icon {display:inline-block;flex:none;font-size:1.18em;line-height:1;font-family:system-ui,"Apple Color Emoji","Segoe UI Emoji",sans-serif}
.cat-filter-label {display:inline-block;white-space:nowrap;overflow:visible}
.category-mobile-hint {display:none}

/* Imagens comuns: sem margin branca externa, enquadramento central. */
.product-card.has-photo .product-art,
.product-card.has-photo .product-image-link {min-width:0}
.product-card.has-photo .product-art img.product-main-image {display:block}

/* Imagens verticais: preservar informacoes de cartazes, mas tornar o painel mais alto. */
@media (max-width:800px) {
  .product-card.photo-poster .product-art {aspect-ratio:3/4;background:#231a2d}
  .product-card.photo-poster .product-image-link {background:#251b30}
  .product-card.photo-poster .product-art img.product-main-image {object-fit:contain;object-position:center center;transform:none;filter:none}
  .product-card.photo-poster:hover .product-art img.product-main-image {transform:none}
  .product-card.photo-poster .product-art img.product-ambient-image {opacity:.62;filter:blur(22px) saturate(.9) brightness(.5)}
}

/* Mobile: os filtros precisam continuar legiveis e alcancaveis pelo dedo. */
@media (max-width:600px) {
  .filter-deck, .filter-search, .filter-selects {min-width:0}
  .filter-search input {min-width:0}
  .hint-slash {display:none}
  .filter-selects {width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .filter-selects label {min-width:0}
  .filter-selects select {max-width:100%;width:100%;height:49px;font-size:13px;line-height:1.25;padding:0 24px 0 10px;text-overflow:ellipsis;border-radius:11px}
  .category-strip {margin-top:2px;padding:3px 0 10px;gap:9px;scrollbar-width:none}
  .category-strip::-webkit-scrollbar {display:none}
  .cat-filter {padding:10px 14px;min-height:44px;font-size:12px;letter-spacing:0;border-radius:14px;overflow:hidden}
  .cat-filter-icon {font-size:17px}
  .category-mobile-hint {display:flex;align-items:center;justify-content:flex-end;gap:5px;margin:-3px 0 16px;font-size:10px;font-weight:600;color:#aca5bc;letter-spacing:.02em}
  .category-mobile-hint span {font-size:15px;color:var(--acid)}
  .catalog-meta {gap:12px;flex-wrap:wrap}
  .catalog-meta button {min-height:32px}
  .product-art {isolation:isolate}
  .product-card.has-photo .product-image-link {inset:0;border-radius:0;box-shadow:none}
  .product-card.has-photo .product-art img.product-main-image {width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
  .product-card.has-photo:hover .product-art img.product-main-image {transform:none}
  .product-card.photo-poster .product-art img.product-main-image {object-fit:contain}
  .product-card .product-number {font-size:8px;letter-spacing:.06em;max-width:43%}
  .product-card .product-tag {font-size:7px;letter-spacing:.05em;max-width:52%;text-align:center}
  .product-title {overflow-wrap:break-word;hyphens:auto;line-height:1.13;letter-spacing:-.045em}
  .product-bottom {align-items:stretch;gap:9px}
  .product-price {line-height:1.2}
  .product-price-note {line-height:1.4;white-space:normal}

  /* Os icones verdes vinham do emoji Unicode no iOS, nao de uma figura planejada. */
  .manifesto {position:relative;isolation:isolate}
  .manifesto::before {display:none!important;content:none!important;animation:none!important}
  .manifesto .section-wrap {padding-top:76px;padding-bottom:76px}
  .manifesto .section-eyebrow {position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:8px;letter-spacing:.1em;margin-bottom:40px}
  .manifesto .section-eyebrow > span:first-child {font-family:Arial,sans-serif;font-size:15px;line-height:1;animation:none}
  .manifesto .section-eyebrow .eyebrow-rule {min-width:35px;flex:0 0 35px}
  .manifesto-small {position:relative;z-index:1;letter-spacing:.12em;font-size:10px;line-height:1.5;margin:0 0 16px}
  .manifesto-statement {position:relative;z-index:1;transform:none!important;will-change:auto;font-size:clamp(41px,10.6vw,59px);line-height:1.08;letter-spacing:-.07em;overflow-wrap:normal;margin:0 0 32px;max-width:100%}
  .manifesto-statement em {display:inline-block}
  .manifesto-row {position:relative;z-index:1;display:block;max-width:100%}
  .manifesto-row .manifesto-asterisk {display:none!important}
  .manifesto-row p {max-width:100%;font-size:15px;line-height:1.65;letter-spacing:0;margin:0}
  .manifesto-link {position:relative;z-index:1;gap:15px;margin-top:61px;padding-top:23px;font-size:clamp(23px,7vw,32px);line-height:1.18;letter-spacing:-.055em}
  .manifesto-link b {flex:none;font-size:1.1em;animation:none}
}
@media (max-width:380px) {
  .identity-word {font-size:19px}
  .header {padding-left:14px;padding-right:14px}
  .header .nav-actions {gap:6px}
  .section-wrap {padding-left:16px;padding-right:16px}
  .product-grid {gap:8px}
  .product-title {font-size:17px}
  .product-card.has-offer .product-visit {font-size:9px}
  .manifesto-statement {font-size:clamp(39px,10.6vw,49px)}
}
@media (max-width:350px) {
  /* Telefones Android muito estreitos: uma coluna evita textos espremidos. */
  .product-grid {grid-template-columns:minmax(0,1fr)}
  .product-art {aspect-ratio:1.15}
  .product-card.photo-poster .product-art {aspect-ratio:3/4}
  .filter-selects {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .manifesto-statement {font-size:37px;line-height:1.1}
}
@media (hover:none),(pointer:coarse) {
  .cat-filter:hover {transform:none}
  .product-card:hover {transform:none;box-shadow:none}
}
@media (prefers-reduced-motion:reduce) {
  .category-strip {scroll-behavior:auto}
  .manifesto-statement {transform:none!important}
}