/** Shopify CDN: Minification failed

Line 419:0 Unexpected "@media"

**/
@media screen and (max-width: 749px) {
  .collection .grid__item:only-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 989px) {
  .collection .slider.slider--tablet {
    margin-bottom: 1.5rem;
  }
}

.collection .loading-overlay {
  position: absolute;
  z-index: 1;
  width: 1.8rem;
}

@media screen and (max-width: 749px) {
  .collection .loading-overlay {
    top: 0;
    right: 0;
  }
}

@media screen and (min-width: 750px) {
  .collection .loading-overlay {
    left: 0;
  }
}

.collection .loading-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  padding: 0 1.5rem;
  opacity: 0.7;
}

@media screen and (min-width: 750px) {
  .collection .loading-overlay {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.collection.loading .loading-overlay {
  display: block;
}

.collection--empty .title-wrapper {
  margin-top: 10rem;
  margin-bottom: 15rem;
}

@media screen and (max-width: 989px) {
  .collection .slider--tablet.product-grid {
    scroll-padding-left: 1.5rem;
  }
}

.collection__description > * {
  margin: 0;
}

.collection__title.title-wrapper {
  margin-bottom: 2.5rem;
}

.collection__title .title:not(:only-child) {
  margin-bottom: 1rem;
}

@media screen and (min-width: 990px) {
  .collection__title--desktop-slider .title {
    margin-bottom: 2.5rem;
  }

  .collection__title.title-wrapper--self-padded-tablet-down {
    padding: 0 5rem;
  }

  .collection slider-component:not(.page-width-desktop) {
    padding: 0;
  }

  .collection--full-width slider-component:not(.slider-component-desktop) {
    padding: 0 1.5rem;
    max-width: none;
  }
}

.collection__view-all a:not(.link) {
  margin-top: 1rem;
}
/* ============================
   ARCHIVIST — BASE / DESKTOP
   (mantém este bloco isolado das regras .collection)
   ============================ */

/* Paleta vintage (definir só uma vez) */
:root {
  --arch-ink: #2a2a25;
  --arch-accent: #2f4f2f;   /* verde musgo */
  --arch-bg: #f7f3e7;       /* papel antigo */
  --arch-border: #d9d3c3;
  --arch-muted: #6c6a5f;
  --arch-bubble: #efe8d6;   /* bolha do Archivist */
  --arch-bubble-me: #e6efe8;/* bolha do visitante */
  --arch-shadow: 0 18px 44px rgba(0,0,0,.12);
}

/* Botão flutuante */
.arch-btn{
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9999;
  padding: 10px 12px;
  border: 1px solid var(--arch-border);
  background: #fff;
  color: var(--arch-ink);
  border-radius: 999px;
  box-shadow: 0 8px 26px rgba(0,0,0,.10);
  cursor: pointer;
  font: 600 14px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial;
}

/* Painel */
.arch-panel{
  position: fixed;
  right: 24px;
  bottom: 96px;
  width: 380px;
  max-width: 92vw;
  max-height: calc(100vh - 160px);
  background: var(--arch-bg);
  border: 1px solid var(--arch-border);
  border-radius: 14px;
  box-shadow: var(--arch-shadow);
  display: none;             /* alterna para block/flex via JS */
  z-index: 9999;
  overflow: hidden;

  display: flex;             /* layout em colunas */
  flex-direction: column;
}

/* Cabeçalho */
.arch-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  background: var(--arch-accent);
  color: #fff;
  border-bottom: 1px solid rgba(0,0,0,.06);
  font: 600 16px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial;
  flex: 0 0 auto;
}
.arch-close{
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

/* Feed */
.arch-feed{
  padding: 12px;
  line-height: 1.45;
  color: var(--arch-ink);
  overflow: auto;
  overscroll-behavior: contain;
  flex: 1 1 auto;         /* ocupa o espaço do meio */
  min-height: 140px;
  /* espaço de segurança no fundo para iOS e afins */
  padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
}
.arch-bubble{
  margin: 8px 0;
  padding: 8px 10px;
  border-radius: 10px;
  background: var(--arch-bubble);
  white-space: pre-wrap;
}
.arch-bubble.me{ background: var(--arch-bubble-me); }

/* Input (nota: font-size 16px evita zoom no iOS) */
.arch-input{
  display: flex;
  gap: 8px;
  border-top: 1px solid var(--arch-border);
  padding: 10px;
  background: rgba(255,255,255,.35);
  flex: 0 0 auto;
}
.arch-input input{
  flex: 1;
  padding: 10px;
  border: 1px solid var(--arch-border);
  border-radius: 10px;
  background: #fff;
  color: var(--arch-ink);
  font-size: 16px; /* evita zoom no iPhone */
  outline: none;
}
.arch-input button,
.arch-send,
.archivist-send,
.chat-send-button{
  padding: 0 12px;
  border: 1px solid var(--arch-border);
  border-radius: 10px;
  background: #222 !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  opacity: 1 !important;
}
.arch-input button:disabled{ opacity: .6; cursor: not-allowed; }
.arch-send:hover,
.archivist-send:hover,
.chat-send-button:hover{ background: #5A4343; }

/* ============================
   TABLET (≤ 989px)
   ============================ */
@media screen and (max-width: 989px){
  .arch-panel{
    width: 360px;
    right: 20px;
    bottom: 84px;
    max-height: calc(100vh - 140px);
  }
  .arch-btn{
    right: 20px;
    bottom: 20px;
    font-size: 13px;
    padding: 9px 11px;
  }
  .arch-head{ font-size: 15px; padding: 10px 12px; }
  .arch-input{ padding: 8px; }
  .arch-input button{ font-size: 13px; padding: 0 10px; }
}

/* ============================
   MOBILE (≤ 600px)
   ============================ */
@media screen and (max-width: 600px){
  .arch-panel{
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: min(90vw, 340px);
    height: 60vh;                     /* altura proporcional */
    max-height: 480px;                /* teto razoável */
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  }
  .arch-btn{
    right: 18px;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    font-size: 13px;
    padding: 9px 11px;
  }
  /* Mantém input a 16px para evitar zoom do iOS */
  .arch-input input{ font-size: 16px; }
}/* ==============================
   ARCHIVIST — ULTRA-PROTEGIDO
   Cola este bloco no FIM do theme.css
   ============================== */

#archivist-root,
#archivist-root * {
  box-sizing: border-box !important;
}

/* Paleta (opcional; remove se já tens) */
:root{
  --arch-ink: #2a2a25;
  --arch-accent: #2f4f2f;
  --arch-bg: #f7f3e7;
  --arch-border: #d9d3c3;
  --arch-bubble: #efe8d6;
  --arch-bubble-me: #e6efe8;
  --arch-shadow: 0 18px 44px rgba(0,0,0,.12);
}

/* Botão flutuante */
body #archivist-root .arch-btn{
  position: fixed !important;
  right: 18px !important;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 9999 !important;
  padding: 10px 12px !important;
  border: 1px solid var(--arch-border) !important;
  background: #fff !important;
  color: var(--arch-ink) !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.10) !important;
  font: 600 14px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial !important;
  cursor: pointer !important;
}

/* Painel principal */
body #archivist-root .arch-panel{
  position: fixed !important;
  right: 24px !important;
  left: auto !important;
  bottom: 96px !important;
  transform: none !important;

  width: 380px !important;
  max-width: 92vw !important;
  max-height: calc(100vh - 160px) !important;

  display: none !important;               /* o JS controla open/close */
  z-index: 9999 !important;
  overflow: hidden !important;
  background: var(--arch-bg) !important;
  border: 1px solid var(--arch-border) !important;
  border-radius: 14px !important;
  box-shadow: var(--arch-shadow) !important;

  /* layout */
  display: flex !important;
  flex-direction: column !important;
}

/* Cabeçalho */
#archivist-root .arch-head{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 14px !important;
  background: var(--arch-accent) !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
  font: 600 16px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial !important;
  flex: 0 0 auto !important;
}
#archivist-root .arch-close{
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 18px !important;
  cursor: pointer !important;
}

/* Feed */
#archivist-root .arch-feed{
  color: var(--arch-ink) !important;
  line-height: 1.45 !important;
  padding: 12px !important;
  padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  min-height: 140px !important;
  flex: 1 1 auto !important;
}
#archivist-root .arch-bubble{
  margin: 8px 0 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: var(--arch-bubble) !important;
  white-space: pre-wrap !important;
}
#archivist-root .arch-bubble.me{
  background: var(--arch-bubble-me) !important;
}

/* Input (16px evita zoom no iOS) */
#archivist-root .arch-input{
  display: flex !important;
  gap: 8px !important;
  border-top: 1px solid var(--arch-border) !important;
  padding: 10px !important;
  background: rgba(255,255,255,.35) !important;
  flex: 0 0 auto !important;
}
#archivist-root .arch-input input{
  flex: 1 1 auto !important;
  padding: 10px !important;
  border: 1px solid var(--arch-border) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--arch-ink) !important;
  font-size: 16px !important;  /* anti-zoom iPhone */
  outline: none !important;
}
#archivist-root .arch-input button,
#archivist-root .arch-send,
#archivist-root .archivist-send,
#archivist-root .chat-send-button{
  padding: 0 12px !important;
  border: 1px solid var(--arch-border) !important;
  border-radius: 10px !important;
  background: #222 !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  opacity: 1 !important;
}
#archivist-root .arch-send:hover,
#archivist-root .archivi
/* === CORREÇÃO DE ALTURA MOBILE DO ARCHIVIST === */
@media (max-width: 600px){
  body .arch-panel{
    height: 52vh !important;           /* altura fixa proporcional */
    max-height: 460px !important;      /* limite absoluto */
    top: auto !important;              /* evita colar ao topo */
    margin-top: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;       /* garante corte limpo */
  }

  /* Garante que o feed não ultrapassa a caixa */
  body .arch-feed{
    max-height: calc(52vh - 110px) !important; /* cabeçalho+input ≈ 110px */
    overflow-y: auto !important;
  }
}
/* Nudge do Archivist: discreto no mobile e acima do rodapé/cookies */
@media (max-width: 600px){
  .archivist-nudge, .arch-nudge, [data-archivist-nudge]{
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: calc(90px + env(safe-area-inset-bottom, 0px));
    z-index: 9998;
    font-size: 13px;
    padding: 10px 12px;
    border-radius: 10px;
  }
}