/* ==========================================================================
   Flexidream · design system
   Tokens extraidos do original (tema Minimog sobre Elementor) em 23/set/2026.
   Nao inventar valores aqui. Se mudar, mudar tambem em _captura/ESPECIFICACAO.md
   ========================================================================== */

:root{
  /* cor */
  --fd-ink:#051C2C;          /* primaria: titulos, botoes, links */
  --fd-blue:#1E2B5A;         /* azul do logo */
  --fd-text:#666666;         /* corpo */
  --fd-text-2:#7E7E7E;
  --fd-text-3:#ABABAB;
  --fd-white:#FFFFFF;
  --fd-grey:#F8F8F8;         /* faixas alternadas */
  --fd-grey-2:#F9F9FB;       /* rodape */
  --fd-line:#EDEDED;
  --fd-line-2:#E9E9E9;
  --fd-line-3:#EEEEEE;
  --fd-field:#D2D2D2;
  --fd-ok:#2E7D5B;
  --fd-err:#B3261E;

  /* tipografia */
  --fd-font:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;

  /* medida */
  --fd-container:1140px;
  --fd-radius:5px;
  --fd-gutter:24px;

  /* ritmo vertical */
  --fd-s1:8px;  --fd-s2:16px; --fd-s3:24px; --fd-s4:32px;
  --fd-s5:40px; --fd-s6:56px; --fd-s7:80px; --fd-s8:120px;

  --fd-header-h:0px; /* preenchido por JS para as ancoras */
}

/* --- reset ------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--fd-font);
  font-size:16px;
  font-weight:400;
  line-height:28px;
  color:var(--fd-text);
  background:var(--fd-white);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
button{font:inherit;color:inherit}
a{color:var(--fd-ink);text-decoration:none;transition:color .2s}
a:hover{color:#999}
h1,h2,h3,h4,h5,h6{color:var(--fd-ink);margin:0 0 var(--fd-s2);font-weight:400}
h1{font-size:38px;line-height:1.3}
h2{font-size:28px;line-height:1.43}
h3{font-size:24px;line-height:1.3;font-weight:500}
h4{font-size:16px;line-height:1.3;font-weight:500}
p{margin:0 0 var(--fd-s2)}
ul,ol{margin:0 0 var(--fd-s2);padding-left:20px}
hr{border:0;border-top:1px solid var(--fd-line);margin:var(--fd-s5) 0}

/* foco visivel: o original nao tinha nenhum */
:focus-visible{outline:2px solid var(--fd-ink);outline-offset:2px}
.fd-skip{
  position:absolute;left:-9999px;top:0;z-index:999;
  background:var(--fd-ink);color:#fff;padding:12px 20px;
}
.fd-skip:focus{left:0}

/* --- layout ------------------------------------------------------------ */
.fd-wrap{width:100%;max-width:var(--fd-container);margin:0 auto;padding:0 var(--fd-gutter)}
.fd-sec{padding:var(--fd-s7) 0}
.fd-sec--tight{padding:var(--fd-s5) 0}
.fd-sec--grey{background:var(--fd-grey)}

.fd-grid{display:grid;gap:var(--fd-s4)}
.fd-grid--2{grid-template-columns:repeat(2,1fr)}
.fd-grid--3{grid-template-columns:repeat(3,1fr)}
.fd-grid--4{grid-template-columns:repeat(4,1fr)}

/* --- botoes ------------------------------------------------------------ */
.fd-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-size:16px;font-weight:500;line-height:1;
  padding:16px 32px;border-radius:var(--fd-radius);
  border:1px solid var(--fd-ink);
  background:var(--fd-ink);color:var(--fd-white);
  cursor:pointer;text-align:center;
  transition:background .2s,color .2s,border-color .2s,opacity .2s;
}
.fd-btn:hover{background:#0b2c42;border-color:#0b2c42;color:var(--fd-white)}
.fd-btn:disabled,.fd-btn[aria-busy="true"]{opacity:.55;cursor:not-allowed}
.fd-btn--ghost{background:transparent;color:var(--fd-ink)}
.fd-btn--ghost:hover{background:var(--fd-ink);color:var(--fd-white)}
.fd-btn--block{width:100%}
.fd-btn--sm{padding:11px 22px;font-size:14px}

/* --- formularios ------------------------------------------------------- */
.fd-field{margin-bottom:var(--fd-s3)}
.fd-field label{
  display:block;font-size:14px;font-weight:500;
  color:var(--fd-ink);margin-bottom:8px;line-height:1.4;
}
.fd-field .fd-req{color:var(--fd-err)}
.fd-input,.fd-select,.fd-textarea{
  width:100%;font-family:inherit;font-size:15px;font-weight:400;line-height:1.5;
  color:var(--fd-ink);background:var(--fd-white);
  border:1px solid var(--fd-field);border-radius:var(--fd-radius);
  padding:13px 15px;transition:border-color .2s;
  -webkit-appearance:none;appearance:none;
}
.fd-select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23051C2C' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;padding-right:38px;
}
.fd-textarea{min-height:120px;resize:vertical}
.fd-input:focus,.fd-select:focus,.fd-textarea:focus{border-color:var(--fd-ink);outline:none}
.fd-input[aria-invalid="true"],.fd-select[aria-invalid="true"]{border-color:var(--fd-err)}
.fd-help{font-size:13px;line-height:1.5;margin-top:6px}
.fd-help--err{color:var(--fd-err)}

.fd-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5}
.fd-check input{margin-top:4px;flex:0 0 auto;accent-color:var(--fd-ink);width:16px;height:16px}
.fd-check a{text-decoration:underline}

/* --- topbar ------------------------------------------------------------ */
.fd-topbar{background:var(--fd-white);border-bottom:1px solid var(--fd-line);font-size:13px}
.fd-topbar .fd-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--fd-s3);min-height:38px}
.fd-topbar a{color:var(--fd-text)}
.fd-topbar a:hover{color:var(--fd-ink)}
/* O email e os icones vivem no mesmo canto mas tem regras diferentes:
   o email e texto e cresce com o conteudo, os icones sao quadrados de 20px.
   Sem esta separacao o endereço era esmagado dentro de uma caixa de icone. */
.fd-topbar__dir{display:flex;gap:18px;align-items:center;min-width:0}
.fd-topbar__email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-topbar__social{display:flex;gap:14px;align-items:center;flex:0 0 auto}
.fd-topbar__social a{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;flex:0 0 auto}
.fd-topbar__social svg{width:15px;height:15px;fill:currentColor}

/* --- header ------------------------------------------------------------ */
.fd-header{background:var(--fd-white);border-bottom:1px solid var(--fd-line);position:relative;z-index:60}
.fd-header__top{display:flex;align-items:center;justify-content:center;padding:var(--fd-s3) 0}
.fd-header__logo img{width:200px;height:auto}
.fd-header__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--fd-s3);padding-bottom:var(--fd-s2)}

.fd-nav{display:flex;align-items:center;gap:28px;margin:0 auto}
.fd-nav>li{position:relative;list-style:none}
.fd-nav a{font-size:16px;font-weight:500;line-height:22px;color:var(--fd-ink);white-space:nowrap}
.fd-nav a:hover,.fd-nav a[aria-current="page"]{color:#999}
.fd-nav__list{display:flex;align-items:center;gap:28px;margin:0;padding:0;list-style:none}
.fd-nav__caret{display:inline-block;margin-left:5px;vertical-align:1px}

/* submenu */
.fd-sub{
  position:absolute;top:100%;left:-18px;min-width:260px;
  background:var(--fd-white);border:1px solid var(--fd-line);
  padding:12px 0;margin:0;list-style:none;
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .18s,transform .18s,visibility .18s;
  box-shadow:0 12px 32px rgba(5,28,44,.08);
}
.fd-nav__item--has:hover>.fd-sub,
.fd-nav__item--has:focus-within>.fd-sub{opacity:1;visibility:visible;transform:translateY(0)}
.fd-sub li{position:relative}
.fd-sub a{display:block;padding:8px 20px;font-size:15px;font-weight:400}
.fd-sub .fd-sub{top:-12px;left:100%}

.fd-head-actions{display:flex;align-items:center;gap:18px}
.fd-iconbtn{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;background:none;border:0;border-radius:var(--fd-radius);
  cursor:pointer;color:var(--fd-ink);position:relative;
}
.fd-iconbtn:hover{background:var(--fd-grey)}
.fd-iconbtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.fd-count{
  position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;
  background:var(--fd-ink);color:#fff;border-radius:9px;
  font-size:11px;font-weight:500;line-height:18px;text-align:center;
}
.fd-burger{display:none}

/* --- breadcrumb -------------------------------------------------------- */
.fd-crumbs{font-size:14px;color:var(--fd-text-2);padding:var(--fd-s3) 0;line-height:1.6}
.fd-crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.fd-crumbs li::after{content:"/";margin-left:8px;color:var(--fd-text-3)}
.fd-crumbs li:last-child::after{content:""}
.fd-crumbs a{color:var(--fd-text-2)}
.fd-crumbs a:hover{color:var(--fd-ink)}

/* --- cabecalho de pagina ----------------------------------------------- */
.fd-pagehead{text-align:center;padding:var(--fd-s6) 0 var(--fd-s3)}
.fd-pagehead h1{margin-bottom:var(--fd-s1)}
.fd-pagehead .fd-crumbs{padding-top:0;display:flex;justify-content:center}

/* --- cartao de produto -------------------------------------------------- */
.fd-card{display:flex;flex-direction:column;height:100%}
.fd-card__media{
  position:relative;display:block;background:var(--fd-grey);
  aspect-ratio:1/1;overflow:hidden;margin-bottom:var(--fd-s2);
}
.fd-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.fd-card:hover .fd-card__media img{transform:scale(1.04)}
.fd-card__title{font-size:14px;font-weight:500;line-height:1.4;margin:0 0 4px;text-transform:uppercase;letter-spacing:.02em}
.fd-card__price{font-size:14px;color:var(--fd-text-2);margin:0 0 var(--fd-s2)}
.fd-card__add{margin-top:auto}

/* imagem em falta: 28 dos 60 produtos do original nao tem foto */
.fd-noimg{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:var(--fd-grey);color:var(--fd-text-3);
  font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:16px;
}

/* --- sidebar de categorias ---------------------------------------------- */
.fd-shop{display:grid;grid-template-columns:260px 1fr;gap:var(--fd-s6);align-items:start}
.fd-side h3{font-size:18px;font-weight:500;margin-bottom:var(--fd-s2)}
.fd-side ul{list-style:none;margin:0 0 var(--fd-s4);padding:0}
.fd-side li{margin-bottom:2px}
.fd-side a{display:block;padding:5px 0;font-size:15px;color:var(--fd-text)}
.fd-side a:hover{color:var(--fd-ink)}
.fd-side a[aria-current="page"]{color:var(--fd-ink);font-weight:500}
.fd-side ul ul{margin:2px 0 6px;padding-left:14px;border-left:1px solid var(--fd-line)}
.fd-side ul ul a{font-size:14px}

.fd-shopbar{
  display:flex;align-items:center;justify-content:space-between;gap:var(--fd-s3);
  padding-bottom:var(--fd-s3);margin-bottom:var(--fd-s4);
  border-bottom:1px solid var(--fd-line);font-size:14px;
}

/* --- pagina de produto --------------------------------------------------- */
.fd-prod{display:grid;grid-template-columns:1fr 1fr;gap:var(--fd-s6);align-items:start}
.fd-gallery__main{background:var(--fd-grey);aspect-ratio:1/1;overflow:hidden;margin-bottom:var(--fd-s2)}
.fd-gallery__main img{width:100%;height:100%;object-fit:cover}
.fd-gallery__thumbs{display:flex;gap:10px;flex-wrap:wrap}
.fd-gallery__thumbs button{
  width:78px;height:78px;padding:0;border:1px solid var(--fd-line);
  background:var(--fd-grey);cursor:pointer;overflow:hidden;
}
.fd-gallery__thumbs button[aria-pressed="true"]{border-color:var(--fd-ink)}
.fd-gallery__thumbs img{width:100%;height:100%;object-fit:cover}

.fd-prod h1{font-size:30px;margin-bottom:var(--fd-s1);text-transform:uppercase;letter-spacing:.01em}
.fd-prod__price{font-size:18px;color:var(--fd-text-2);margin-bottom:var(--fd-s3)}
.fd-prod__desc{margin-bottom:var(--fd-s4)}
.fd-prod__desc p{margin-bottom:var(--fd-s2)}
.fd-prod__meta{font-size:14px;color:var(--fd-text-2);border-top:1px solid var(--fd-line);padding-top:var(--fd-s3);margin-top:var(--fd-s4)}

.fd-qty{display:inline-flex;align-items:center;border:1px solid var(--fd-field);border-radius:var(--fd-radius);overflow:hidden}
.fd-qty button{
  width:44px;height:48px;background:none;border:0;cursor:pointer;
  font-size:18px;color:var(--fd-ink);line-height:1;
}
.fd-qty button:hover{background:var(--fd-grey)}
.fd-qty input{
  width:56px;height:48px;border:0;text-align:center;font-size:15px;
  color:var(--fd-ink);-moz-appearance:textfield;
}
.fd-qty input::-webkit-outer-spin-button,
.fd-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fd-prod__actions{display:flex;flex-direction:column;gap:12px;margin-top:var(--fd-s3)}
.fd-prod__row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}

/* --- lista de orcamento -------------------------------------------------- */
.fd-table{width:100%;border-collapse:collapse;font-size:15px}
.fd-table th{
  text-align:left;font-weight:500;color:var(--fd-ink);font-size:14px;
  padding:0 12px var(--fd-s2);border-bottom:1px solid var(--fd-line);
}
.fd-table td{padding:var(--fd-s3) 12px;border-bottom:1px solid var(--fd-line);vertical-align:middle}
.fd-table th:first-child,.fd-table td:first-child{padding-left:0}
.fd-table th:last-child,.fd-table td:last-child{padding-right:0;text-align:right}
.fd-line{display:flex;gap:var(--fd-s2);align-items:center}
.fd-line img,.fd-line .fd-noimg{width:72px;height:72px;object-fit:cover;flex:0 0 auto}
.fd-line__name{font-size:14px;font-weight:500;text-transform:uppercase;line-height:1.4}
.fd-line__rm{
  background:none;border:0;padding:0;margin-top:4px;cursor:pointer;
  font-size:13px;color:var(--fd-text-2);text-decoration:underline;
}
.fd-line__rm:hover{color:var(--fd-err)}

.fd-totals{border:1px solid var(--fd-line);padding:var(--fd-s4);background:var(--fd-grey-2)}
.fd-totals h3{font-size:20px;margin-bottom:var(--fd-s3)}
.fd-totals__row{display:flex;justify-content:space-between;gap:var(--fd-s2);padding:10px 0;font-size:15px;border-bottom:1px solid var(--fd-line)}
.fd-totals__row--strong{font-weight:500;color:var(--fd-ink);border-bottom:0}

.fd-notice{
  display:flex;gap:12px;align-items:center;
  padding:16px 20px;border:1px solid var(--fd-line);background:var(--fd-grey);
  font-size:15px;margin-bottom:var(--fd-s4);border-radius:var(--fd-radius);
}
.fd-notice--ok{border-color:rgba(46,125,91,.35);background:rgba(46,125,91,.07);color:var(--fd-ok)}
.fd-notice--err{border-color:rgba(179,38,30,.3);background:rgba(179,38,30,.06);color:var(--fd-err)}

.fd-empty{text-align:center;padding:var(--fd-s7) var(--fd-s3)}
.fd-empty h2{margin-bottom:var(--fd-s2)}
.fd-empty p{max-width:52ch;margin:0 auto var(--fd-s4)}

/* --- rodape -------------------------------------------------------------- */
.fd-footer{background:var(--fd-grey-2);border-top:1px solid var(--fd-line);padding:var(--fd-s7) 0 0;font-size:15px}
.fd-footer__cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:var(--fd-s5)}
.fd-footer h2{font-size:16px;font-weight:500;margin-bottom:var(--fd-s3)}
.fd-footer ul{list-style:none;margin:0;padding:0}
.fd-footer li{margin-bottom:10px}
.fd-footer a{color:var(--fd-text)}
.fd-footer a:hover{color:var(--fd-ink)}
.fd-footer__logo img{width:180px;margin-bottom:var(--fd-s3)}
.fd-footer__line{margin-bottom:8px;line-height:1.7}
.fd-footer__line b{color:var(--fd-ink);font-weight:500}
.fd-footer__bottom{
  margin-top:var(--fd-s6);padding:var(--fd-s3) 0;border-top:1px solid var(--fd-line);
  display:flex;align-items:center;justify-content:space-between;gap:var(--fd-s3);
  font-size:14px;color:var(--fd-text-2);
}
.fd-footer__social{display:flex;gap:16px}
.fd-footer__social svg{width:17px;height:17px;fill:currentColor}

/* --- painel lateral da lista --------------------------------------------- */
.fd-drawer{
  position:fixed;top:0;right:0;bottom:0;width:380px;max-width:92vw;
  background:#fff;z-index:120;display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .3s ease;
  box-shadow:-10px 0 40px rgba(5,28,44,.12);
}
.fd-drawer[data-open="true"]{transform:translateX(0)}
.fd-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:var(--fd-s3);border-bottom:1px solid var(--fd-line)}
.fd-drawer__head h3{margin:0;font-size:18px}
.fd-drawer__body{flex:1;overflow-y:auto;padding:var(--fd-s3)}
.fd-drawer__foot{border-top:1px solid var(--fd-line);padding:var(--fd-s3);display:flex;flex-direction:column;gap:10px}
.fd-scrim{
  position:fixed;inset:0;background:rgba(5,28,44,.42);z-index:110;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;
}
.fd-scrim[data-open="true"]{opacity:1;visibility:visible}
.fd-mini{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--fd-line)}
.fd-mini img,.fd-mini .fd-noimg{width:62px;height:62px;object-fit:cover;flex:0 0 auto}
.fd-mini__b{flex:1;min-width:0}
.fd-mini__n{font-size:13px;font-weight:500;text-transform:uppercase;line-height:1.35;margin:0 0 3px}
.fd-mini__q{font-size:13px;color:var(--fd-text-2)}

/* --- modal ---------------------------------------------------------------- */
.fd-modal{
  position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;
  padding:var(--fd-s3);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;
}
.fd-modal[data-open="true"]{opacity:1;visibility:visible}
.fd-modal__box{
  position:relative;background:#fff;width:100%;max-width:440px;
  padding:var(--fd-s5);max-height:90vh;overflow-y:auto;
}
.fd-modal__x{position:absolute;top:14px;right:14px;background:none;border:0;cursor:pointer;font-size:22px;line-height:1;color:var(--fd-ink);padding:6px}
.fd-modal h3{margin-bottom:var(--fd-s1)}
.fd-modal__sub{font-size:14px;margin-bottom:var(--fd-s4)}

/* --- banner de cookies ---------------------------------------------------- */
.fd-cookies{
  position:fixed;left:0;right:0;bottom:0;z-index:140;
  background:var(--fd-ink);color:#fff;padding:16px 0;font-size:14px;line-height:1.55;
  transform:translateY(100%);transition:transform .35s ease;
}
.fd-cookies[data-open="true"]{transform:translateY(0)}
.fd-cookies .fd-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--fd-s3);flex-wrap:wrap}
.fd-cookies a{color:#fff;text-decoration:underline}
.fd-cookies .fd-btn{background:#fff;color:var(--fd-ink);border-color:#fff;flex:0 0 auto}
.fd-cookies .fd-btn:hover{background:#e6e6e6;border-color:#e6e6e6;color:var(--fd-ink)}

/* --- barra inferior mobile ------------------------------------------------ */
.fd-tabbar{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:100;
  background:#fff;border-top:1px solid var(--fd-line);
  padding-bottom:env(safe-area-inset-bottom);
}
.fd-tabbar ul{display:flex;list-style:none;margin:0;padding:0}
.fd-tabbar li{flex:1}
.fd-tabbar a{
  display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:9px 4px;font-size:11px;color:var(--fd-text);position:relative;
}
.fd-tabbar a[aria-current="page"]{color:var(--fd-ink)}
.fd-tabbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}

/* --- utilitarios ---------------------------------------------------------- */
.fd-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.fd-center{text-align:center}
.fd-lead{font-size:18px;line-height:1.7}
.fd-muted{color:var(--fd-text-2)}
.fd-mb0{margin-bottom:0}
.fd-prose h2{margin-top:var(--fd-s5)}
.fd-prose h3{margin-top:var(--fd-s4)}
.fd-prose li{margin-bottom:8px}
.fd-prose>*:first-child{margin-top:0}

/* --- responsivo ------------------------------------------------------------ */
@media (max-width:1100px){
  .fd-nav__list{gap:20px}
  .fd-nav a{font-size:15px}
}
@media (max-width:980px){
  :root{--fd-s7:56px;--fd-s8:80px}
  h1{font-size:30px}
  h2{font-size:24px}
  .fd-shop{grid-template-columns:1fr;gap:var(--fd-s4)}
  .fd-side{display:none}
  .fd-side[data-mobile="true"]{display:block}
  .fd-prod{grid-template-columns:1fr;gap:var(--fd-s4)}
  .fd-grid--4{grid-template-columns:repeat(3,1fr)}
  .fd-footer__cols{grid-template-columns:1fr 1fr;gap:var(--fd-s4)}
  .fd-nav{display:none}
  .fd-burger{display:inline-flex}
  .fd-header__top{padding:var(--fd-s2) 0}
  .fd-header__bar{padding-bottom:var(--fd-s2)}
  .fd-topbar__social{display:none}
}
@media (max-width:760px){
  body{padding-bottom:58px}
  .fd-tabbar{display:block}
  .fd-grid--4,.fd-grid--3{grid-template-columns:repeat(2,1fr)}
  .fd-grid--2{grid-template-columns:1fr}
  .fd-footer__cols{grid-template-columns:1fr}
  .fd-footer__bottom{flex-direction:column;align-items:flex-start;gap:var(--fd-s2)}
  .fd-topbar{font-size:12px}
  .fd-topbar .fd-wrap{justify-content:center}
  .fd-shopbar{flex-direction:column;align-items:flex-start;gap:12px}
  /* iOS so evita o zoom automatico a partir de 16px */
  .fd-input,.fd-select,.fd-textarea{font-size:16px}
  .fd-table thead{display:none}
  .fd-table td{display:block;border:0;padding:6px 0;text-align:left}
  .fd-table td:last-child{text-align:left}
  .fd-table tr{display:block;padding:var(--fd-s3) 0;border-bottom:1px solid var(--fd-line)}
  .fd-table td[data-l]::before{content:attr(data-l) ": ";color:var(--fd-text-2);font-size:13px}
  .fd-table td[data-l="Produto"]::before{content:""}
}
@media (max-width:420px){
  .fd-grid--4,.fd-grid--3,.fd-grid--2{grid-template-columns:1fr}
  .fd-header__logo img{width:160px}
}

@media print{
  .fd-topbar,.fd-header__bar,.fd-tabbar,.fd-cookies,.fd-drawer,.fd-scrim{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}