/* =========================================================================
   Measuring Masters — main.css
   Tema dark de topografia. Baseado no mockup mockup-dark-v1.html.
   ========================================================================= */

:root{
  --bg:#0c0f13;
  --bg-2:#12161c;
  --card:#161b22;
  --card-hover:#1b212a;
  --line:#242b35;
  --txt:#e8eaed;
  --txt-2:#9aa4b2;
  --txt-3:#5f6b7a;
  --orange:#f5821f;
  --orange-soft:rgba(245,130,31,.12);
  --green:#22c55e;
  --radius:14px;
  --font:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}

/* ===== reset / base ===== */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button{font-family:inherit}
h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.01em;line-height:1.2}
.container{max-width:1200px;margin:0 auto;padding:0 24px}

.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.skip-link{position:absolute;left:-9999px;z-index:999;background:var(--orange);color:#0c0f13;padding:10px 16px;border-radius:8px}
.skip-link:focus{left:16px;top:16px}

/* ===== botões ===== */
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;padding:14px 28px;border-radius:10px;border:none;cursor:pointer;transition:.2s;font-family:var(--font);line-height:1}
.btn-primary{background:var(--orange);color:#0c0f13}
.btn-primary:hover{background:#ff9a3d;transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--txt);border:1px solid var(--line)}
/* corrige o fundo branco do autocomplete do navegador (mantém o tema escuro) */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--txt)!important;-webkit-box-shadow:0 0 0 1000px var(--bg) inset!important;box-shadow:0 0 0 1000px var(--bg) inset!important;caret-color:var(--txt);transition:background-color 9999s ease-in-out 0s}
.btn-ghost:hover{border-color:var(--orange);color:var(--orange)}

/* ===== topbar ===== */
.topbar{background:var(--bg-2);border-bottom:1px solid var(--line);font-size:12.5px;color:var(--txt-2)}
.topbar .container{display:flex;justify-content:space-between;gap:16px;padding-top:7px;padding-bottom:7px}
.topbar b,.topbar strong{color:var(--orange);font-weight:600}

/* ===== header ===== */
#masthead{position:sticky;top:0;z-index:50;background:rgba(12,15,19,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:36px;padding:16px 24px;max-width:1200px;margin:0 auto}
.logo{display:flex;align-items:center;gap:12px;cursor:pointer}
.logo-mark{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.logo-mark svg{width:100%;height:100%;display:block}
/* logo enviada pelo WP (mantém o texto ao lado) */
.logo-mark--img{width:auto;flex-shrink:0}
/* especificidade alta de propósito: o Woo aplica `.woocommerce-page img{height:auto;max-width:100%}`
   nas páginas de loja/carrinho/checkout/conta, o que inflava a logo ao tamanho natural. */
.logo .logo-mark--img img.logo-custom,
#colophon .logo-mark--img img.logo-custom{height:100%;width:auto;max-width:170px;object-fit:contain;display:block}
.logo-text{line-height:1.15}
.logo-text strong{font-size:17px;letter-spacing:.04em;display:block}
.logo-text span{font-size:10.5px;color:var(--txt-2);font-family:var(--mono);letter-spacing:.06em}
/* logo um pouco maior e com mais destaque no header */
#masthead .logo-text strong{font-size:20px}
#masthead .logo-text span{font-size:11.5px}

nav.menu{display:flex;gap:26px;margin-left:auto;font-size:14.5px;font-weight:500;align-items:center;list-style:none}
nav.menu ul{display:none}
nav.menu a{color:var(--txt-2);transition:.2s;padding:4px 0;border-bottom:2px solid transparent;cursor:pointer}
nav.menu a:hover,nav.menu .current-menu-item>a,nav.menu .active{color:var(--txt);border-color:var(--orange)}
nav.menu li{position:relative}
/* submenu simples */
nav.menu li:hover>ul.sub-menu{display:block}
nav.menu ul.sub-menu{position:absolute;top:100%;left:0;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px;min-width:200px;flex-direction:column;gap:2px;box-shadow:0 16px 40px rgba(0,0,0,.5)}
nav.menu ul.sub-menu a{display:block;padding:8px 12px;border:none;border-radius:7px}
nav.menu ul.sub-menu a:hover{background:var(--bg-2);color:var(--orange)}

.header-icons{display:flex;gap:14px;align-items:center}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;cursor:pointer}
.header-icons svg{width:21px;height:21px;stroke:var(--txt-2);transition:.2s}
.icon-btn:hover svg{stroke:var(--orange)}
.cart-badge{position:relative}
.cart-badge[data-count]:not([data-count="0"])::after{content:attr(data-count);position:absolute;top:-7px;right:-9px;background:var(--orange);color:#000;font-size:10px;font-weight:700;min-width:16px;height:16px;padding:0 3px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--mono)}

.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;margin-left:auto}
.menu-toggle span{width:24px;height:2px;background:var(--txt);transition:.25s;border-radius:2px}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* busca no header */
.header-search{border-top:1px solid var(--line);background:var(--bg-2)}
.header-search .container{padding-top:16px;padding-bottom:16px}
.search-form{display:flex;align-items:center;gap:10px;position:relative}
.search-form .search-ico{width:18px;height:18px;stroke:var(--txt-3);position:absolute;left:14px;pointer-events:none}
.search-field{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--txt);font-family:var(--font);font-size:14px;padding:12px 16px 12px 40px;outline:none}
.search-field:focus{border-color:var(--orange)}
.search-submit{white-space:nowrap}

/* ===== hero ===== */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero svg.topo{position:absolute;inset:0;width:100%;height:100%;opacity:.7;z-index:0}
/* rede de triangulação animada (plexus) atrás do conteúdo */
.hero-plexus{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:96px 24px 110px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.coord{font-family:var(--mono);font-size:12px;color:var(--orange);letter-spacing:.12em;display:inline-flex;align-items:center;gap:8px;background:var(--orange-soft);border:1px solid rgba(245,130,31,.25);padding:6px 14px;border-radius:100px;margin-bottom:22px}
.coord::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px var(--orange)}
.hero h1{font-size:clamp(34px,4.6vw,54px);line-height:1.08;font-weight:700}
.hero h1 em{font-style:normal;color:var(--orange)}
.hero p{margin:20px 0 32px;color:var(--txt-2);font-size:17px;max-width:480px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-card{position:relative;background:linear-gradient(160deg,var(--card),var(--bg-2));border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 30px 60px rgba(0,0,0,.45);transition:.25s}
.hero-card:hover{border-color:rgba(245,130,31,.4);transform:translateY(-3px)}
.hero-card img{border-radius:12px;background:#fff;padding:18px;height:280px;object-fit:contain;width:100%}
.hero-card .tag{position:absolute;top:18px;left:18px;background:var(--orange);color:#0c0f13;font-size:11px;font-weight:700;font-family:var(--mono);padding:5px 12px;border-radius:7px;letter-spacing:.08em;z-index:2}
.hero-card h4{margin-top:18px;font-size:17px}
.hero-card .price-row{display:flex;align-items:baseline;gap:10px;margin-top:6px}
.hero-stats{display:flex;gap:0;margin-top:60px;border-top:1px solid var(--line)}
.hero-stats div{flex:1;padding:22px 24px;border-right:1px solid var(--line)}
.hero-stats div:last-child{border-right:none}
.hero-stats b{font-size:24px;font-family:var(--mono);color:var(--orange)}
.hero-stats span{display:block;font-size:13px;color:var(--txt-2);margin-top:2px}

/* ===== seções ===== */
section.block{padding:72px 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px;gap:20px}
.sec-head h2{font-size:30px}
.sec-head .kicker{font-family:var(--mono);font-size:12px;color:var(--orange);letter-spacing:.18em;text-transform:uppercase;display:block;margin-bottom:8px}
.sec-head a{font-size:14px;color:var(--txt-2);border-bottom:1px solid var(--line);padding-bottom:2px;white-space:nowrap}
.sec-head a:hover{color:var(--orange);border-color:var(--orange)}

/* ===== grade de produtos (mockup .pcard + Woo ul.products li.product) ===== */
.grid,
ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;margin:0;padding:0}
ul.products::before,ul.products::after{display:none!important}
ul.products li.product{width:auto!important;margin:0!important;float:none!important}

.pcard,
ul.products li.product{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s;position:relative;display:flex;flex-direction:column}
.pcard:hover,
ul.products li.product:hover{border-color:rgba(245,130,31,.5);transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.4)}
.pcard-link{display:flex;flex-direction:column;flex:1;color:inherit}
.pcard .ph,
ul.products li.product .ph{background:#fff;height:190px;display:flex;align-items:center;justify-content:center;padding:18px}
.pcard .ph img,
ul.products li.product .ph img{max-height:100%;width:auto;object-fit:contain;margin:0}
/* Woo insere a imagem direto no link quando não há .ph (fallback) */
ul.products li.product>a>img{background:#fff;padding:18px;height:190px;object-fit:contain;width:100%}
.offer,.onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale{position:absolute;top:12px;left:12px;right:auto;background:var(--orange);color:#0c0f13;font-family:var(--mono);font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:.08em;z-index:3;margin:0;min-height:auto;min-width:0;line-height:1.4}
.pcard .body,
ul.products li.product .body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.pcard .cat,
ul.products li.product .cat{font-family:var(--mono);font-size:10.5px;color:var(--txt-3);letter-spacing:.14em;text-transform:uppercase}
.pcard h3,
ul.products li.product .body h3{font-size:15.5px;font-weight:600;line-height:1.35;color:var(--txt)}
.price-row,.price{font-family:var(--mono)}
.price-row{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.price,
ul.products li.product .price{font-family:var(--mono);font-size:17px;font-weight:600;color:var(--orange)}
.price-old,
ul.products li.product .price del{font-family:var(--mono);font-size:12.5px;color:var(--txt-3);text-decoration:line-through;opacity:1}
ul.products li.product .price ins{text-decoration:none;color:var(--orange)}
/* botão add no card */
.pcard .add,
ul.products li.product .button{margin:0 18px 18px;margin-top:auto;background:transparent;border:1px solid var(--line);color:var(--txt);font-family:var(--font);font-weight:600;font-size:13.5px;padding:10px;border-radius:9px;cursor:pointer;transition:.2s;text-align:center;display:block}
.pcard .add:hover,
ul.products li.product .button:hover{background:var(--orange);border-color:var(--orange);color:#0c0f13}
ul.products li.product .added_to_cart{display:block;text-align:center;margin:0 18px 14px;font-size:12.5px;color:var(--orange)}

/* ===== categorias ===== */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cat-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:.25s;overflow:hidden;display:block}
.cat-card:hover{border-color:rgba(245,130,31,.5)}
.cat-card svg.ico{width:34px;height:34px;stroke:var(--orange);margin-bottom:14px}
.cat-card h3{font-size:16.5px}
.cat-card span{font-size:13px;color:var(--txt-2)}
.cat-card .n{position:absolute;top:20px;right:22px;font-family:var(--mono);font-size:11px;color:var(--txt-3)}

/* ===== youtube ===== */
.yt{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.yt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.yt-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s;display:block}
.yt-card:hover{border-color:rgba(245,130,31,.5)}
.yt-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#1d242e,#12161c);display:flex;align-items:center;justify-content:center;position:relative}
.yt-thumb .play{width:52px;height:52px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;transition:.2s}
.yt-card:hover .play{transform:scale(1.1)}
.yt-thumb .dur{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.75);font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:5px;color:var(--txt)}
.yt-card .body{padding:16px 18px}
.yt-card h4{font-size:14.5px;line-height:1.4}
.yt-card span{font-size:12px;color:var(--txt-3);font-family:var(--mono)}

/* ===== trust ===== */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.trust>div{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.trust svg{width:26px;height:26px;stroke:var(--orange);flex-shrink:0;margin-top:2px}
.trust b{font-size:14.5px;display:block}
.trust span{font-size:12.5px;color:var(--txt-2)}

/* =========================================================================
   WooCommerce — páginas
   ========================================================================= */
.woo-wrap{padding-top:40px;padding-bottom:80px}
/* Carrinho/Checkout/Conta renderizam pela page.php, cujo .entry-content tem
   max-width de blog (760px) — isso criava a "barra lateral invisível". Liberamos. */
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content,
.woocommerce-account .entry-content{max-width:none}
.woocommerce-cart .single-page,
.woocommerce-checkout .single-page,
.woocommerce-account .single-page{max-width:none}
.woocommerce-breadcrumb,.bc{font-family:var(--mono);font-size:11.5px;color:var(--txt-3);letter-spacing:.06em;padding:6px 0 0;text-transform:uppercase}
.woocommerce-breadcrumb a{color:var(--txt-3)}
.woocommerce-breadcrumb a:hover{color:var(--orange)}
.woocommerce-breadcrumb .sep{color:var(--line);margin:0 4px}

/* cabeçalho da loja */
.woocommerce-products-header{padding:10px 0 26px}
.woocommerce-products-header__title,.woocommerce-products-header .page-title{font-size:38px}
.term-description{color:var(--txt-2);margin-top:8px;max-width:680px}
.woocommerce-result-count{font-family:var(--mono);font-size:12.5px;color:var(--txt-2);margin:0 0 18px}
.woocommerce-ordering{margin:0 0 24px}
.woocommerce-ordering select,
.woo-content select{background:var(--card);border:1px solid var(--line);color:var(--txt-2);font-family:var(--font);font-size:13px;padding:9px 14px;border-radius:9px}

/* mensagens Woo (carrinho adicionado, erros) */
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:10px;color:var(--txt-2);padding:16px 18px;list-style:none;margin:0 0 22px;font-size:14px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.woocommerce-error{border-left-color:#ef4444}
.woocommerce-message{border-left-color:var(--green)}
.woocommerce-message a,.woocommerce-info a,.woocommerce-error a{color:var(--orange)}
/* a fonte de ícone "WooCommerce" muitas vezes não carrega e vira "tofu" (□) — escondemos */
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none!important}
.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{margin-left:auto}

/* paginação */
.woocommerce-pagination ul,.pagination .nav-links{display:flex;gap:8px;list-style:none;justify-content:center;margin:40px 0 0;padding:0}
.woocommerce-pagination a,.woocommerce-pagination span,
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:var(--txt-2);font-family:var(--mono);font-size:13px}
.woocommerce-pagination .current,.pagination .current{background:var(--orange-soft);border-color:var(--orange);color:var(--orange)}
.woocommerce-pagination a:hover,.pagination a:hover{border-color:var(--orange);color:var(--orange)}

/* ===== single product ===== */
.single-product div.product{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;margin-top:18px}
/* o Woo aplica width:48%;float na galeria e no resumo — dentro do nosso grid isso
   deixava cada um com ~metade da coluna. Forçamos 100% e removemos o float. */
.single-product div.product .woocommerce-product-gallery,
.single-product div.product .summary.entry-summary,
.single-product div.product .summary{width:100%!important;float:none;margin:0}
.single-product div.product .woocommerce-tabs{width:100%;float:none;clear:both}
.single-product .woocommerce-product-gallery__wrapper{background:#fff;border-radius:16px;padding:34px}
.single-product .woocommerce-product-gallery img{border-radius:8px}
.single-product .flex-control-thumbs{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;list-style:none;padding:0}
/* o flexslider força .flex-control-thumbs li{width:25%;float:left} — precisamos vencer com !important */
.single-product .flex-control-thumbs li{width:84px!important;height:84px!important;float:none!important;margin:0!important;background:#fff;border-radius:10px;border:2px solid transparent;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:8px;flex:0 0 auto}
.single-product .flex-control-thumbs li:hover{border-color:var(--line)}
.single-product .flex-control-thumbs img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain;margin:0;opacity:.65;transition:.2s}
.single-product .flex-control-thumbs .flex-active,
.single-product .flex-control-thumbs li:hover img{opacity:1}
.single-product .flex-control-thumbs .flex-active{border-color:var(--orange)}
.single-product .flex-control-thumbs .flex-active,
.single-product .flex-control-thumbs img:hover{opacity:1}
.single-product .product_title{font-size:31px;line-height:1.15;margin:6px 0 12px}
.single-product .product_meta{font-family:var(--mono);font-size:11px;color:var(--txt-3);letter-spacing:.08em;margin-top:20px}
.single-product .product_meta a{color:var(--txt-2)}
.single-product .summary .price,
.single-product p.price{font-family:var(--mono);font-size:32px;font-weight:600;color:var(--orange);margin:18px 0 6px;display:flex;align-items:baseline;gap:12px}
.single-product .summary .price del{font-size:16px;color:var(--txt-3)}
.single-product .summary .price ins{text-decoration:none}
.pix-note{font-size:13px;color:var(--green);font-weight:500;margin:0 0 6px}

/* caixas de pagamento (Pix + parcelas) — produto/carrinho/drawer */
.pay-breakdown{margin:16px 0 6px;display:flex;flex-direction:column;gap:8px}
.pb-pix{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.3);border-radius:10px;padding:12px 16px;color:var(--green);font-size:14px}
.pb-pix strong{font-family:var(--mono);font-size:17px;font-weight:600;color:var(--green)}
.pb-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:11px 16px;color:var(--txt-2);font-size:13.5px}
.pb-card strong{color:var(--txt)}

/* selos de confiança na página do produto */
.product-trust{list-style:none;margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--line);display:grid;gap:12px}
.product-trust li{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--txt-2)}
.product-trust svg{width:20px;height:20px;stroke:var(--orange);flex-shrink:0}

/* galeria com miniaturas na lateral esquerda (estilo print de referência) */
.single-product div.product .woocommerce-product-gallery{display:flex;flex-direction:row-reverse;gap:14px;align-items:flex-start}
.single-product div.product .woocommerce-product-gallery .flex-viewport,
.single-product div.product .woocommerce-product-gallery__wrapper{flex:1 1 auto;min-width:0;margin:0}
.single-product div.product ol.flex-control-thumbs{flex:0 0 100px!important;width:100px!important;display:flex!important;flex-direction:column;flex-wrap:nowrap;gap:10px;margin:0!important;padding:0;max-height:430px;overflow-y:auto}
.single-product div.product ol.flex-control-thumbs::-webkit-scrollbar{width:5px}
.single-product div.product ol.flex-control-thumbs::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.single-product .woocommerce-product-rating{margin:6px 0 4px}
/* a fonte de estrelas do Woo não carrega e mostra "SSSSS" — substituímos por ★ reais */
.woocommerce .star-rating{font-family:var(--font)!important;width:6em;letter-spacing:.12em;position:relative;display:inline-block;line-height:1}
.woocommerce .star-rating::before{content:"\2605\2605\2605\2605\2605"!important;font-family:var(--font)!important;color:var(--line);position:absolute;left:0;top:0}
.woocommerce .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}
.woocommerce .star-rating span::before{content:"\2605\2605\2605\2605\2605"!important;font-family:var(--font)!important;color:var(--orange);position:absolute;left:0;top:0}
/* avaliação dos cards (loop) também */
.woocommerce .products .star-rating{margin:0 0 8px}
.single-product .woocommerce-product-details__short-description{color:var(--txt-2);margin:18px 0;font-size:14.5px}
/* disponibilidade ("48 em estoque") compacta e discreta */
.single-product .stock{font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;margin:0 0 14px}
.single-product .stock.in-stock{color:var(--green)}
.single-product .stock.out-of-stock{color:#ef4444}
/* preço da variação escolhida */
.single-product .woocommerce-variation-price .price{font-size:26px}

/* opções de variação */
.single-product .variations{width:100%;margin:18px 0}
.single-product .variations th{text-align:left;font-size:13px;font-weight:600;color:var(--txt-2);text-transform:uppercase;letter-spacing:.08em;padding:10px 12px 10px 0;vertical-align:middle}
.single-product .variations td{padding:6px 0}
.single-product .variations select{background:var(--card);border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:11px 38px 11px 14px;font-family:var(--font);min-width:220px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;color-scheme:dark;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f5821f' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.single-product .variations select:focus{border-color:var(--orange);outline:none}
.single-product .variations select option{background:var(--card);color:var(--txt)}
.single-product .reset_variations{color:var(--txt-3);font-size:12px}

/* quantidade + add to cart */
.single-product form.cart{display:flex;gap:14px;align-items:center;margin:24px 0;flex-wrap:wrap}
.single-product .quantity{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.single-product .quantity input.qty{width:56px;height:50px;background:transparent;border:none;color:var(--txt);text-align:center;font-family:var(--mono);font-size:15px;-moz-appearance:textfield}
.single-product .quantity input.qty::-webkit-outer-spin-button,
.single-product .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.single-product form.cart .button,
.single-product .single_add_to_cart_button{background:var(--orange);color:#0c0f13;border:none;font-weight:600;font-size:16px;padding:15px 30px;border-radius:10px;cursor:pointer;transition:.2s;flex:1;min-width:200px}
.single-product .single_add_to_cart_button:hover{background:#ff9a3d}
/* estado desabilitado (produto variável sem opção escolhida): cinza, não roxo */
.single-product .single_add_to_cart_button.disabled,
.single-product .single_add_to_cart_button:disabled,
.woocommerce .single_add_to_cart_button.wc-variation-selection-needed{background:var(--line)!important;color:var(--txt-3)!important;cursor:not-allowed;opacity:1}

/* tabs do produto */
.woocommerce-tabs{grid-column:1/-1;border-top:1px solid var(--line);margin-top:40px;padding-top:0}
.woocommerce-tabs ul.tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);list-style:none;padding:0;margin:0}
.woocommerce-tabs ul.tabs li{margin:0}
.woocommerce-tabs ul.tabs li a{padding:18px 2px;font-size:14.5px;font-weight:600;color:var(--txt-2);border-bottom:2px solid transparent;display:block}
.woocommerce-tabs ul.tabs li.active a{color:var(--orange);border-color:var(--orange)}
.woocommerce-tabs .panel{padding:30px 0 10px;color:var(--txt-2);max-width:820px}
.woocommerce-tabs .panel h2{color:var(--txt);font-size:22px;margin-bottom:14px}
.woocommerce-tabs table.shop_attributes{width:100%;border-collapse:collapse}
.woocommerce-tabs table.shop_attributes th,
.woocommerce-tabs table.shop_attributes td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;font-size:14px}
.woocommerce-tabs table.shop_attributes th{color:var(--txt);width:30%}

/* avaliações */
#reviews .comment-text{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:14px}
#reviews .star-rating{color:var(--orange)}
.comment-form input,.comment-form textarea{background:var(--bg);border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:12px 14px;font-family:var(--font);width:100%}

/* produtos relacionados / upsells */
.related,.upsells{grid-column:1/-1;margin-top:56px;border-top:1px solid var(--line);padding-top:40px}
.related>h2,.upsells>h2{font-size:24px;margin-bottom:26px}

/* ===== carrinho ===== */
/* layout 2 colunas: itens à esquerda, resumo à direita */
.woocommerce-cart .entry-content .woocommerce{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start}
.woocommerce-cart .entry-content .woocommerce > .woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-cart .woocommerce-cart-form{grid-column:1;margin:0}
.woocommerce-cart .cart-collaterals{grid-column:2;width:auto;float:none;position:sticky;top:90px}
.woocommerce-cart .cart-collaterals .cart_totals{width:100%;float:none}
.woocommerce-cart .cart-collaterals .cross-sells{grid-column:1/-1}

.woocommerce-cart table.cart,
.woocommerce-checkout .shop_table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.woocommerce-cart table.cart th,
.woocommerce-checkout .shop_table th{text-align:left;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);padding:16px;border-bottom:1px solid var(--line)}
.woocommerce-cart table.cart td,
.woocommerce-checkout .shop_table td{padding:16px;border-bottom:1px solid var(--line);color:var(--txt-2);vertical-align:middle}
.woocommerce-cart table.cart img{width:64px;border-radius:8px;background:#fff;padding:6px}
.woocommerce-cart .product-name a{color:var(--txt)}
/* campo de quantidade (carrinho e produto) */
.woocommerce .quantity .qty{background:var(--bg);border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:10px;width:68px;text-align:center;font-family:var(--mono);font-size:14px;-moz-appearance:textfield}
.woocommerce .quantity .qty::-webkit-outer-spin-button,.woocommerce .quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* cupom */
.woocommerce-cart .coupon{display:flex;gap:10px}
.woocommerce-cart .coupon #coupon_code{background:var(--bg);border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:11px 14px;min-width:200px;font-family:var(--font)}
.woocommerce-cart table.cart td.actions{padding-top:20px}
.woocommerce-cart table.cart td.actions .coupon{float:none;margin-bottom:12px}
.cart_totals h2,.cart-collaterals h2{font-size:20px;margin-bottom:16px}
.cart_totals table{width:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.cart_totals th,.cart_totals td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}
.wc-proceed-to-checkout .checkout-button{background:var(--orange);color:#0c0f13;display:block;text-align:center;padding:16px;border-radius:10px;font-weight:600;font-size:16px;margin-top:16px}
/* sistema de botões Woo — precisa de especificidade alta p/ vencer o CSS do plugin.
   .button = secundário (ghost) · .button.alt = ação principal (laranja) */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{
  background:transparent;color:var(--txt);border:1px solid var(--line);border-radius:10px;font-family:var(--font);font-weight:600;padding:12px 22px;cursor:pointer;transition:.2s;text-shadow:none;box-shadow:none}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover{
  background:var(--orange-soft);border-color:var(--orange);color:var(--orange)}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt{
  background:var(--orange);color:#0c0f13;border:none}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{
  background:#ff9a3d;color:#0c0f13}
.woocommerce .button:disabled,.woocommerce .button.disabled{opacity:.5;cursor:not-allowed}

/* inputs gerais Woo */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .input-text,
.select2-container .select2-selection{background:var(--bg)!important;border:1px solid var(--line)!important;color:var(--txt)!important;border-radius:9px!important;padding:12px 14px!important;font-family:var(--font)!important;min-height:46px}
.woocommerce form .form-row label{color:var(--txt-2);font-size:13px;font-weight:500;margin-bottom:6px;display:block}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--txt);line-height:22px}
.select2-dropdown{background:var(--card);border-color:var(--line);color:var(--txt)}
.select2-results__option--highlighted{background:var(--orange)!important;color:#0c0f13!important}

/* ===== checkout multi-passo (3 etapas, 2 colunas) ===== */
.mm-checkout{max-width:1240px;margin:0 auto}
/* o checkout usa um corpo um pouco mais largo, com folga lateral */
.woocommerce-checkout .container.page-wrap{max-width:1320px}
/* esconde o título "Checkout" e o aviso de cupom do topo (já temos cupom no resumo) */
.woocommerce-checkout .page-head{display:none}
.woocommerce-checkout .woocommerce-form-coupon-toggle{display:none!important}
/* 2 colunas: passos à esquerda, resumo fixo à direita */
.mm-checkout-form{display:grid!important;grid-template-columns:1fr 460px;gap:40px;align-items:start}
.mm-co-main{min-width:0}
.mm-checkout-form #customer_details{display:block!important}
.mm-checkout-form .col2-set,.mm-checkout-form .col-1,.mm-checkout-form .col-2{width:auto!important;max-width:none!important;float:none!important;display:block!important}
.mm-checkout-form .mm-col-shipping{margin-top:22px}
.woocommerce-checkout h3{font-size:20px;margin:0 0 18px}

/* resumo fixo (direita) */
.mm-co-summary{position:sticky;top:90px}
.mm-summary-inner{background:var(--card);border:none;border-radius:var(--radius);padding:0 0 6px;overflow:hidden}
/* "Resumo do pedido" alinhado com "Seus dados"; separador full-width abaixo */
.mm-summary-inner h3{font-size:16px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--txt-2);margin:0!important;padding:28px 22px 16px;border-bottom:1px solid var(--line)}
.mm-co-summary #order_review{position:static!important;margin:0}

/* resumo harmônico: tabela sem cara de tabela; separadores vão até as bordas do card */
.mm-sum-table{width:100%;background:transparent!important;border:none!important;border-radius:0!important;border-collapse:collapse}
.mm-sum-table thead{display:none}
.mm-sum-table td,.mm-sum-table th{border:none!important;padding:0;background:transparent}
.mm-sum-table tbody tr{display:block;padding:14px 22px;border-bottom:1px solid var(--line)}
/* itens: sem separador entre produtos e mais próximos uns dos outros */
.mm-sum-table tbody tr.cart_item{padding:6px 22px;border-bottom:none}
.mm-sum-table tbody tr.cart_item:first-child{padding-top:16px}
.mm-sum-table tbody tr.cart_item:last-child{padding-bottom:16px}
.mm-sum-table tbody .product-name{display:block}
.mm-sum-table tbody .product-total{display:none}
.mm-sum-line{display:flex;align-items:center;gap:14px}
.mm-sum-thumb{flex:0 0 78px}
.mm-sum-thumb img{width:78px;height:78px;object-fit:contain;background:#fff;border-radius:9px;padding:8px;margin:0}
.mm-sum-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.mm-sum-name{font-size:13.5px;color:var(--txt);line-height:1.3}
.mm-sum-info .variation,.mm-sum-info dl{font-size:11.5px;color:var(--txt-3);margin:0}
/* linha do stepper + preço (mesma linha) */
.mm-sum-row2{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:2px}
/* preço do item: riscado + atual, colados, alinhados à direita na linha do stepper */
.mm-sum-price{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;text-align:right;white-space:nowrap;line-height:1.1}
.mm-sum-price-reg{font-size:12px;color:var(--txt-3);text-decoration:line-through}
.mm-sum-price-reg .woocommerce-Price-amount{font-family:var(--mono)}
.mm-sum-price-cur{font-size:15px;font-weight:600;color:var(--txt);font-family:var(--mono)}
.mm-sum-price-cur .woocommerce-Price-amount{font-family:var(--mono)}
/* stepper de quantidade no resumo (maior p/ toque no mobile) */
.mm-sum-stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.mm-sum-stepper.loading{opacity:.5;pointer-events:none}
.mm-sum-stepper .qbtn{background:transparent;border:none;color:var(--txt);width:36px;height:36px;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mm-sum-stepper .qbtn:hover{color:var(--orange)}
.mm-sum-stepper .qval{font-family:var(--mono);font-size:14px;min-width:30px;text-align:center}

/* totais (tfoot) */
.mm-sum-table tfoot{display:block;padding-top:12px}
.mm-sum-table tfoot tr{display:flex;justify-content:space-between;align-items:baseline;padding:3px 22px}
.mm-sum-table tfoot th{font-weight:500;color:var(--txt-2);font-size:14px;text-align:left}
.mm-sum-table tfoot td{color:var(--txt);font-size:14px;font-family:var(--mono);text-align:right}
.mm-sum-table tfoot .order-total{border-top:1px solid var(--line);margin-top:10px;padding:14px 22px 0}
.mm-sum-table tfoot .order-total th{font-weight:700;color:var(--txt);font-size:15px}
.mm-sum-table tfoot .order-total td{font-size:18px;font-weight:700;color:var(--txt)}
.mm-sum-table tfoot .mm-sum-pixdesc th,.mm-sum-table tfoot .mm-sum-pixdesc td{color:var(--green)}
.mm-sum-table tfoot .mm-sum-pixtotal th{color:var(--green);font-weight:700}
.mm-sum-table tfoot .mm-sum-pixtotal td{color:var(--green);font-weight:700;font-size:17px}
/* frete (radios) dentro do resumo */
.mm-co-summary #shipping_method{list-style:none;margin:6px 0 0;padding:0;width:100%;text-align:left}
.mm-co-summary #shipping_method li{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--txt-2);padding:4px 0}
.mm-co-summary #shipping_method label{color:var(--txt-2)}
.mm-co-summary .woocommerce-shipping-totals.shipping th{align-self:flex-start}

/* cupom no resumo */
.mm-sum-coupon{margin:0}
.mm-sum-coupon label{display:block;font-size:11px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--orange);margin-bottom:8px}
.mm-sum-coupon-row{display:flex;gap:8px;align-items:stretch}
.mm-sum-coupon-row input{flex:1;height:42px!important;background:var(--bg);border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:0 14px!important;font-family:var(--font);font-size:14px;outline:none;text-transform:uppercase}
.mm-sum-coupon-row input::placeholder{text-transform:none}
.mm-sum-coupon-row input:focus{border-color:var(--orange)}
.mm-sum-coupon-row input[readonly]{color:var(--txt-2);cursor:default;font-family:var(--mono);letter-spacing:.04em}
/* botão na MESMA altura do input (height fixo vence o .btn global) + fonte mais leve */
.mm-sum-coupon-row .mm-co-coupon-btn,.mm-sum-coupon-row .mm-co-coupon-clear{height:42px!important;padding:0 20px!important;font-size:14px!important;white-space:nowrap;display:flex;align-items:center;justify-content:center}
.mm-sum-coupon-row .mm-co-coupon-clear{background:transparent;border:1px solid var(--line);color:var(--txt-2)}
.mm-sum-coupon-row .mm-co-coupon-clear:hover{border-color:var(--orange);color:var(--txt)}
.mm-co-coupon-msg{font-size:12.5px;margin:6px 0 0!important;display:flex;align-items:center;gap:6px}
.mm-co-coupon-msg.ok{color:var(--green)}
.mm-co-coupon-msg.ok::before{content:"";width:16px;height:16px;flex:0 0 16px;border-radius:50%;background:rgba(34,197,94,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 6'/%3E%3C/svg%3E") no-repeat center}
.mm-co-coupon-msg.err{color:#ef4444}
/* cupom como linha da tabela (entre produtos e totais) */
.mm-sum-table tbody.mm-coupon-tbody tr{padding:16px 22px;border-top:1px solid var(--line)}
.mm-sum-table tbody.mm-coupon-tbody td{display:block;padding:0}
/* linha extra do total: parcelas (cartão) ou "NO PIX" (pix) */
.mm-sum-table tfoot .order-total.mm-pix-on td{color:var(--green)}
.mm-sum-table tfoot tr.mm-total-extra-row{display:block;padding:2px 22px 16px;border:none}
.mm-sum-table tfoot tr.mm-total-extra-row td{display:block;width:100%}
.mm-total-extra{text-align:right}
.mm-total-extra:empty{display:none}
.mm-total-extra .mm-te-main{display:block;font-family:var(--mono);font-size:13.5px;font-weight:600;color:var(--txt-2)}
.mm-total-extra .mm-te-sub{display:block;font-size:12px;color:var(--txt-3);margin-top:1px}
.mm-total-extra .mm-te-tag{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--green);margin-top:3px}
.mm-total-extra.is-pix .mm-te-main{color:var(--green);font-size:12px;letter-spacing:.1em}

/* selos de proteção (estilo Shopify) */
.mm-trust-seals{margin-top:0;padding:16px 22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.mm-seal-main{display:flex;align-items:center;gap:12px;color:var(--green)}
.mm-seal-main svg{width:30px;height:30px;flex-shrink:0}
.mm-seal-main strong{display:block;font-size:13.5px;color:var(--txt)}
.mm-seal-main span{font-size:12px;color:var(--txt-2)}
.mm-seal-pay .mm-seal-label{display:block;font-size:11px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--txt-3);margin-bottom:8px}
.mm-seal-pay .pay-methods .pay-chip{height:28px;min-width:40px}
.mm-seal-pay .pay-chip svg{height:16px}

/* botão "Finalizar compra" movido pra baixo do resumo; aparece só no passo 3 (pagamento) */
.mm-place-order-slot{display:none}
.mm-checkout.mm-pay-active .mm-place-order-slot{display:block;padding:16px 22px 20px;border-top:1px solid var(--line)}
.mm-place-order-slot .place-order{margin:0;padding:0;float:none}
.mm-place-order-slot .place-order::before,.mm-place-order-slot .place-order::after{display:none}

/* checkout sem distrações: rodapé enxuto (só a linha do CNPJ) */
.woocommerce-checkout .news,
.woocommerce-checkout #colophon .foot,
.woocommerce-checkout #colophon .foot-trust{display:none}
.woocommerce-checkout #colophon .copy{border-top:none;margin-top:0}

/* "Criar uma conta?" escondido — conta é criada em silêncio (e quem volta loga por código) */
.mm-checkout .woocommerce-account-fields,
.mm-checkout #createaccount,
.mm-checkout .create-account{display:none!important}

/* painel de login por código (OTP) abaixo do e-mail */
.mm-otp{margin:-4px 0 16px;padding:14px 16px;border:1px solid var(--orange);border-radius:12px;background:var(--orange-soft)}
.mm-otp-info{margin:0 0 10px;font-size:13px;color:var(--txt-2);line-height:1.4}
.mm-otp-row{display:flex;gap:8px;align-items:stretch}
.mm-otp-row input{flex:1;height:46px;background:var(--bg);border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:0 14px;font-family:var(--mono);font-size:18px;letter-spacing:.4em;text-align:center;outline:none}
.mm-otp-row input:focus{border-color:var(--orange)}
.mm-otp-row .mm-otp-verify{height:46px;padding:0 24px;white-space:nowrap;display:flex;align-items:center;justify-content:center}
.mm-otp-msg{font-size:12.5px;margin:8px 0 0}
.mm-otp-msg.ok{color:var(--green)}
.mm-otp-msg.err{color:#ef4444}
.mm-otp-actions{display:flex;gap:18px;margin-top:10px}
.mm-otp-actions button{background:none;border:none;color:var(--txt-3);font-size:12.5px;cursor:pointer;padding:0;text-decoration:underline;font-family:var(--font)}
.mm-otp-actions button:hover{color:var(--orange)}

/* barra de passos */
.mm-steps-bar{margin:0 0 34px}
.mm-steps-nav{display:flex;list-style:none;margin:0 0 14px;padding:0;gap:8px;counter-reset:s}
.mm-steps-nav li{flex:1;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--txt-3);font-family:var(--font)}
.mm-steps-nav li .n{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);font-family:var(--mono);font-size:12px;flex-shrink:0}
.mm-steps-nav li.is-active{color:var(--txt)}
.mm-steps-nav li.is-active .n{border-color:var(--orange);color:var(--orange);background:var(--orange-soft)}
.mm-steps-nav li.is-done{color:var(--txt-2);cursor:pointer}
.mm-steps-nav li.is-done .n{border-color:var(--green);color:var(--green)}
.mm-steps-prog{height:4px;background:var(--line);border-radius:4px;overflow:hidden}
.mm-steps-prog span{display:block;height:100%;background:var(--orange);border-radius:4px;transition:width .3s}

/* passo + ações */
.mm-step{animation:mmfade .25s ease}
@keyframes mmfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* títulos dos passos no mesmo estilo do "RESUMO DO PEDIDO" (mono, caixa alta) */
.mm-step-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:16px!important;margin:0 0 18px}
.mm-step-actions{display:flex;gap:12px;margin-top:16px}
.mm-step-actions .mm-next{flex:1;justify-content:center}
.mm-step-actions--back{margin-top:18px}

/* recaps (dados confirmados, com Alterar) */
.mm-recaps{display:flex;flex-direction:column;gap:10px;margin-bottom:26px}
.mm-recap{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px}
.mm-recap strong{display:block;font-size:11px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);margin-bottom:3px}
.mm-recap span{font-size:14px;color:var(--txt-2)}
.mm-recap-edit{background:none;border:1px solid var(--line);color:var(--txt-2);font-size:12.5px;padding:7px 14px;border-radius:8px;cursor:pointer;font-family:var(--font);white-space:nowrap}
.mm-recap-edit:hover{border-color:var(--orange);color:var(--orange)}
/* card de recap estilo "Seus dados" (nome + linhas com ícone + Editar lápis) */
.mm-recap-card{align-items:flex-start;padding:18px}
.mm-recap-card .mm-recap-body{display:flex;flex-direction:column;gap:7px}
.mm-recap-card .mm-recap-name{font-family:var(--font)!important;font-size:15px!important;font-weight:700!important;color:var(--txt)!important;text-transform:none!important;letter-spacing:0!important;margin:0!important}
.mm-recap-card .mm-recap-line{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--txt-2)}
.mm-recap-card .mm-recap-line svg{width:16px;height:16px;stroke:var(--txt-3);flex-shrink:0}
.mm-recap-card .mm-recap-edit{display:inline-flex;align-items:center;gap:6px}
.mm-recap-card .mm-recap-edit svg{width:15px;height:15px}
.mm-recap-card .mm-recap-name{display:flex;align-items:center;gap:8px}
.mm-recap-card .mm-recap-name svg{width:16px;height:16px;stroke:var(--txt-3);flex-shrink:0}
.mm-recap-card .mm-recap-sub{display:block;font-size:13px;color:var(--txt-2);margin-top:5px;padding-left:24px}

/* ===== timeline vertical (acordeão de 3 passos) ===== */
.mm-timeline .mm-step{position:relative;padding-left:52px;padding-bottom:28px;animation:none}
.mm-timeline .mm-step::before{content:"";position:absolute;left:16px;top:6px;bottom:0;width:2px;background:var(--orange)}
.mm-timeline .mm-step:last-child::before{display:none}
.mm-step-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.mm-step-head .mm-step-title{margin:0}
.mm-step-num{position:absolute;left:0;top:-2px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--orange);color:#0c0f13;font-family:var(--mono);font-weight:700;font-size:15px;z-index:2}
.mm-step-edit{display:none} /* o "Editar" fica dentro do card de resumo */
/* estados */
.mm-step .mm-step-recap{display:none}
.mm-step.is-done .mm-step-content{display:none}
.mm-step.is-done .mm-step-recap{display:block}
.mm-step.is-locked .mm-step-content{display:none}
.mm-step.is-locked .mm-step-recap{display:none}
.mm-step.is-locked .mm-step-num{background:var(--line);color:var(--txt-3)}
.mm-step.is-locked .mm-step-title{color:var(--txt-3)}
.mm-step.is-current .mm-step-content{display:block}

/* checkout sem distrações: topbar e menu/ícones escondidos, logo centralizada */
.woocommerce-checkout .topbar{display:none}
.woocommerce-checkout #masthead nav.menu,
.woocommerce-checkout #masthead .header-icons,
.woocommerce-checkout #masthead .menu-toggle,
.woocommerce-checkout .header-search{display:none!important}
/* checkout: logo + selo de segurança centralizados juntos, simétricos */
.woocommerce-checkout #masthead .nav{justify-content:center;gap:30px;max-width:1240px;padding-top:22px;padding-bottom:22px}
.mm-co-secure{display:flex;align-items:center;gap:12px;padding-left:30px;border-left:1px solid var(--line)}
.mm-co-secure-ico{width:40px;height:40px;flex-shrink:0}
.mm-co-secure-txt{display:flex;flex-direction:column;line-height:1.15}
.mm-co-secure-txt strong{font-size:18px;color:var(--txt);font-weight:700;letter-spacing:.02em}
.mm-co-secure-txt em{font-size:11.5px;color:var(--txt-2);font-style:normal;font-family:var(--mono);letter-spacing:.06em}
@media(max-width:640px){.mm-co-secure{padding-left:14px;gap:0}.mm-co-secure-txt{display:none}.mm-co-secure-ico{width:30px;height:30px}}

/* coluna esquerda do checkout vira um card (alinha no topo com o resumo) */
.mm-co-main{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 30px}
.woocommerce-checkout #payment,
.woocommerce-checkout #payment ul.payment_methods{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important}
/* cada método de pagamento = card; ordem: radio · ícone · nome · badge */
.woocommerce-checkout #payment ul.payment_methods li{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;border:1px solid var(--line);border-radius:12px;padding:18px;margin:0 0 10px;transition:.2s}
.woocommerce-checkout #payment ul.payment_methods li:has(input:checked){border-color:var(--orange);background:var(--orange-soft)}
.woocommerce-checkout #payment ul.payment_methods li input[type=radio]{margin:0;flex-shrink:0;accent-color:var(--orange);width:18px;height:18px;order:0}
.woocommerce-checkout #payment ul.payment_methods li label{display:inline-flex;align-items:center;gap:10px;margin:0;flex:0 1 auto;order:2;cursor:pointer}
.woocommerce-checkout #payment ul.payment_methods li label img{max-height:24px;width:auto;float:none;margin:0;display:inline-block;order:-1}
.woocommerce-checkout #payment ul.payment_methods li .payment_box,
.woocommerce-checkout #payment ul.payment_methods li .wc-saved-payment-methods{flex-basis:100%;order:5}
.mm-pay-badge{margin-left:auto;order:4;background:#0f5132;color:#fff;font-size:11px;font-weight:700;padding:6px 11px;border-radius:7px;letter-spacing:.03em;white-space:nowrap}
/* linha Entrega no resumo */
.mm-sum-table tfoot .mm-sum-entrega th,.mm-sum-table tfoot .mm-sum-entrega td{color:var(--txt-2)}
/* meios de pagamento (rodapé) — alinhados */
.foot-trust .pay-methods,.mm-seal-pay .pay-methods{align-items:center}

/* passo 1 limpo: sem título "Detalhes de cobrança", sem select de tipo de pessoa, sem optin MailPoet */
.mm-checkout .woocommerce-billing-fields > h3,
.mm-checkout #customer_details .mm-col-billing > h3{display:none}
.mm-checkout #billing_persontype_field{display:none!important}
.mm-checkout .mailpoet_woocommerce_checkout_optin_container,
.mm-checkout #mailpoet_woocommerce_checkout_optin_field{display:none!important}
/* ----- campos com rótulo DENTRO da caixa + check verde ao preencher ----- */
.mm-checkout .woocommerce-billing-fields .form-row:not(.mm-cnpj-toggle),
.mm-checkout .mm-step2-fields .form-row{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:9px 44px 8px 16px;margin:0 0 14px}
.mm-checkout .woocommerce-billing-fields .form-row:not(.mm-cnpj-toggle):focus-within,
.mm-checkout .mm-step2-fields .form-row:focus-within{border-color:var(--orange)}
.mm-checkout .woocommerce-billing-fields .form-row:not(.mm-cnpj-toggle) > label,
.mm-checkout .mm-step2-fields .form-row > label{display:block;font-size:11px;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--txt-3);margin:0 0 1px;font-weight:600}
.mm-checkout .woocommerce-billing-fields .form-row .input-text,
.mm-checkout .mm-step2-fields .form-row .input-text,
.mm-checkout .woocommerce-billing-fields .form-row select,
.mm-checkout .mm-step2-fields .form-row select{border:none!important;background:transparent!important;padding:2px 0!important;min-height:0!important;height:auto!important;color:var(--txt)!important;font-size:15px;width:100%;outline:none}
.mm-checkout .woocommerce-input-wrapper{width:100%;display:block}
/* check verde */
.mm-checkout .form-row.mm-filled::after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background-color:rgba(34,197,94,.15);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
/* campo inválido (após clicar em Continuar com dado faltando/errado) */
.mm-checkout .form-row.mm-invalid{border-color:#ef4444!important;background:rgba(239,68,68,.05)}
.mm-checkout .form-row.mm-invalid > label{color:#ef4444}
.mm-checkout .form-row.mm-invalid.mm-filled::after{display:none}
.mm-checkout .form-row.mm-invalid::after{content:"!";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:rgba(239,68,68,.15);color:#ef4444;font-family:var(--mono);font-weight:600;font-size:14px;line-height:22px;text-align:center}
/* esconde o texto "Você quis dizer..." do plugin Brazilian Market — usamos o estado vermelho no lugar */
.mm-checkout #wcbcf-mailsuggest{display:none!important}
/* remove todos os asteriscos de obrigatório */
.mm-checkout .required,.mm-checkout label .optional{display:none!important}
/* CNPJ + Inscrição Estadual menores (lado a lado) + Isento FORA da caixa, à direita.
   O Isento fica DENTRO do #billing_ie_field (estável — o plugin não mexe nos filhos
   internos do campo) e é posicionado visualmente fora, à direita, via absolute. */
.mm-checkout #billing_cnpj_field{float:left!important;width:40%!important;clear:none!important;margin:0 0 14px!important}
.mm-checkout #billing_ie_field{float:left!important;width:32%!important;clear:none!important;margin:0 0 14px 3%!important;display:block;position:relative}
.mm-checkout .mm-isento{position:absolute;left:calc(100% + 16px);top:50%;transform:translateY(-50%);white-space:nowrap}
.mm-checkout .mm-cnpj-toggle{clear:both}
/* checkboxes "Comprar com CNPJ" e "Isento" */
.mm-check{display:inline-flex!important;align-items:center;gap:10px;font-size:14px;line-height:1;color:var(--txt-2);cursor:pointer;width:auto!important;float:none!important}
.mm-check input{width:18px;height:18px;accent-color:var(--orange);margin:0!important;flex-shrink:0}
.mm-check span{display:inline-block;line-height:1;position:relative;top:1px}
.mm-cnpj-toggle{margin:0 0 12px 5px!important;clear:both;padding:6px 0 0!important;border:none!important;background:none!important}

/* passo 2: campos de endereço organizados (CEP primeiro, largura total, sem "perdidos") */
.mm-step2-fields #billing_country_field{display:none!important}
.mm-step2-fields .form-row{width:100%!important;float:none!important;clear:both}
.mm-step2-fields .woocommerce-shipping-fields,
.mm-step2-fields .woocommerce-additional-fields{margin-top:6px}
.mm-step2-fields .woocommerce-shipping-fields h3{font-size:16px}
.mm-step2-fields h3#order_review_heading{display:none}
/* cidade e estado puxam do CEP -> ocultos */
.mm-step2-fields #billing_city_field,.mm-step2-fields #billing_state_field{display:none!important}
/* CEP: caixa curta (mesmo estilo das outras); cidade/UF aparecem FORA da caixa, à direita */
.mm-step2-fields #billing_postcode_field{width:240px!important;float:none!important;clear:both;position:relative}
.mm-step2-fields #billing_postcode_field .woocommerce-input-wrapper{width:100%}
.mm-step2-fields #billing_postcode_field.mm-filled::after{display:none}
.mm-cep-loc{position:absolute;left:calc(100% + 18px);bottom:11px;white-space:nowrap;color:var(--txt);font-size:15px;font-family:var(--mono)}
/* número + complemento lado a lado, caixas de mesma altura */
.mm-step2-fields .mm-row2{display:flex;gap:14px;align-items:stretch}
.mm-step2-fields .mm-row2 .form-row{flex:1;width:auto!important;float:none!important;margin:0 0 14px!important}
/* removidos do checkout: entregar em endereço diferente + observações */
.mm-checkout .woocommerce-shipping-fields,
.mm-checkout .woocommerce-additional-fields{display:none!important}
/* o frete agora fica no passo 2 -> esconde a linha de frete do resumo */
.mm-co-summary .woocommerce-shipping-totals{display:none!important}

/* seção de frete no passo 2 (revelada ao confirmar o endereço) */
.mm-step2-frete{margin-top:6px;border-top:1px solid var(--line);padding-top:24px}
.mm-frete-title{font-size:18px;margin:0 0 4px}
.mm-frete-sub{color:var(--txt-2);font-size:13.5px;margin:0 0 16px}
.mm-frete-slot #shipping_method{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mm-frete-slot #shipping_method li{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:15px 18px;transition:.2s}
.mm-frete-slot #shipping_method li:hover{border-color:rgba(245,130,31,.5)}
.mm-frete-slot #shipping_method li:has(input:checked){border-color:var(--orange);background:var(--orange-soft)}
.mm-frete-slot #shipping_method li input{accent-color:var(--orange);width:18px;height:18px;flex-shrink:0;margin:0}
.mm-frete-slot #shipping_method li label{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;color:var(--txt);font-size:14.5px;cursor:pointer}
.mm-frete-slot #shipping_method li label .amount{font-family:var(--mono);color:var(--orange);font-weight:600;white-space:nowrap}

/* itens na revisão (passo 2) */
.mm-review-items{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.mm-review-items li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line)}
.mm-review-items li:last-child{border-bottom:none}
.mm-ri-thumb img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}
.mm-ri-name{flex:1;font-size:14px;color:var(--txt)}
.mm-ri-name em{font-style:normal;color:var(--txt-3);font-family:var(--mono);font-size:12.5px}
.mm-ri-price{font-family:var(--mono);font-weight:600;color:var(--orange)}
.woocommerce-checkout #payment{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--line);padding:18px}
/* ===== Mercado Pago: conteúdo branco preenchendo o painel, cantos redondos, sem setinha nem moldura escura ===== */
/* enxuga o marketing do MP (botão "Pague com um toque" + rodapé de privacidade) */
.mp-wallet-button-container-wrapper,.mp-privacy-policy-footer{display:none!important}
/* o conteúdo (Pix/cartão/boleto) é card branco do MP; preenche o painel até a borda, arredondado, sem moldura escura */
.woocommerce-checkout #payment div.payment_box{background:transparent!important;border:none!important;padding:0!important;flex-basis:calc(100% + 36px)!important;width:calc(100% + 36px)!important;max-width:none!important;margin:18px -18px -18px!important;border-radius:0 0 14px 14px!important;overflow:hidden}
.woocommerce-checkout #payment div.payment_box::before{display:none!important}
.woocommerce #payment .place-order .button,
.woocommerce-checkout #place_order{background:var(--orange);color:#0c0f13;width:100%;padding:16px;border-radius:10px;font-weight:700;font-size:16px;border:none;cursor:pointer}

/* ===== minha conta ===== */
/* painel (logado): navegação + conteúdo lado a lado */
.woocommerce-account.logged-in .woocommerce{display:grid;grid-template-columns:240px 1fr;gap:36px}
/* login/cadastro (deslogado): duas colunas com cards */
.woocommerce-account .u-columns.col2-set{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.woocommerce-account .col2-set .col-1,.woocommerce-account .col2-set .col-2{width:auto;max-width:none;float:none}
.woocommerce-account .col2-set h2{font-size:22px;margin-bottom:14px}
.woocommerce-account form.login,.woocommerce-account form.register{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.woocommerce-account form.login .woocommerce-Input,.woocommerce-account form.register .woocommerce-Input,
.woocommerce-account form.login input[type=text],.woocommerce-account form.login input[type=password],
.woocommerce-account form.register input[type=text],.woocommerce-account form.register input[type=email],
.woocommerce-account form.register input[type=password]{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:12px 14px;font-family:var(--font)}
.woocommerce-account .lost_password a{color:var(--orange);font-size:13px}
.woocommerce-form-login__rememberme,.woocommerce-form__label-for-checkbox{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--txt-2)}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
.woocommerce-MyAccount-navigation li a{display:block;padding:14px 18px;color:var(--txt-2);font-size:14px}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover{background:var(--bg-2);color:var(--orange)}
.woocommerce-MyAccount-content{font-size:14.5px;color:var(--txt-2)}
.woocommerce-MyAccount-content a{color:var(--orange)}

/* =========================================================================
   Blog / páginas internas
   ========================================================================= */
.page-wrap{padding:54px 0 80px}
.page-head{margin-bottom:34px}
.page-head .kicker{font-family:var(--mono);font-size:12px;color:var(--orange);letter-spacing:.18em;text-transform:uppercase;display:block;margin-bottom:8px}
.page-title{font-size:36px}
.entry-content{max-width:760px;color:var(--txt-2);font-size:16px}
.entry-content p{margin-bottom:18px}
.entry-content a{color:var(--orange)}
.entry-content h2,.entry-content h3{color:var(--txt);margin:28px 0 14px}
.post-thumb{margin:0 0 30px;border-radius:var(--radius);overflow:hidden;max-width:760px}
.post-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s}
.post-card:hover{border-color:rgba(245,130,31,.5)}
.post-card-thumb img{aspect-ratio:16/9;object-fit:cover;width:100%}
.post-card-body{padding:20px}
.post-card-body .cat{font-family:var(--mono);font-size:11px;color:var(--txt-3);text-transform:uppercase;letter-spacing:.1em}
.post-card-body h3{font-size:18px;margin:8px 0}
.post-card-body p{color:var(--txt-2);font-size:14px}
.read-more{color:var(--orange);font-size:13.5px;font-weight:600;display:inline-block;margin-top:10px}
.no-results{text-align:center;padding:60px 0}
.no-results .search-form{max-width:480px;margin:24px auto 0}
.error-404{text-align:center;padding:70px 0}
.error-404 p{color:var(--txt-2);max-width:480px;margin:14px auto 0}
.error-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:28px}
.error-actions .search-form{flex-basis:100%;max-width:480px;margin:0 auto 8px}

/* =========================================================================
   Newsletter + footer
   ========================================================================= */
.news{position:relative;overflow:hidden;border-top:1px solid var(--line);background:var(--bg-2)}
.news .container{padding:60px 24px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.news h3{font-size:26px}
.news p{color:var(--txt-2);font-size:14.5px;margin-top:6px}
.news-form{display:flex;gap:12px}
.news-form input{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--txt);font-family:var(--font);font-size:14px;padding:14px 18px;outline:none}
.news-form input:focus{border-color:var(--orange)}

#colophon{border-top:1px solid var(--line);background:var(--bg)}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding:56px 24px;max-width:1200px;margin:0 auto}
.foot h5{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--txt-3);text-transform:uppercase;margin-bottom:16px}
/* links só nas colunas — NÃO afeta a logo (que é <a>) */
.foot-col a{display:block;font-size:13.5px;color:var(--txt-2);margin-bottom:9px}
.foot-col a:hover{color:var(--orange)}
.foot .about{font-size:13.5px;color:var(--txt-2);max-width:280px;margin:0 0 18px}
/* logo do rodapé idêntica à do topo: símbolo à esquerda + texto à direita */
.foot-about .logo{display:inline-flex;align-items:center;gap:12px;margin-bottom:16px}
.copy{border-top:1px solid var(--line);padding:18px 24px;text-align:center;font-family:var(--mono);font-size:11.5px;color:var(--txt-3)}

/* ===== rodapé: meios de pagamento + segurança ===== */
.foot-trust{max-width:1200px;margin:0 auto;padding:30px 24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}
.foot-trust h5{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--txt-3);text-transform:uppercase;margin-bottom:16px}
.pay-methods{display:flex;flex-wrap:wrap;gap:8px}
.pay-chip{background:#fff;border-radius:7px;height:34px;min-width:50px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center}
.pay-chip svg{height:21px;width:auto;display:block}
.pw{font-family:Arial,Helvetica,sans-serif;font-weight:800;line-height:1;letter-spacing:.01em;font-size:13px}
.pw-visa{color:#1a1f71;font-style:italic;font-size:14px}
.pw-elo{color:#000;font-size:15px;text-transform:lowercase}
.pw-amex{color:#fff;background:#2e77bc;border-radius:3px;padding:4px 5px;font-size:9.5px;letter-spacing:.03em}
.pw-hiper{color:#b3131b;font-size:11px}
.pw-diners{color:#0079be;font-size:11px}
.security-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sec-badge{display:inline-flex;align-items:center;gap:8px}
.sec-badge img{height:46px;width:auto;background:#fff;border-radius:8px;padding:5px}
.sec-default{color:var(--green);font-size:12px;font-family:var(--mono);border:1px solid rgba(34,197,94,.3);border-radius:9px;padding:8px 12px;background:rgba(34,197,94,.06)}
.sec-default svg{width:20px;height:20px;flex-shrink:0}

/* ícones sociais */
.social-row{display:flex;gap:12px;flex-wrap:wrap}
.social-ico{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;color:var(--txt-2);transition:.2s}
.social-ico svg{width:18px;height:18px;fill:currentColor;display:block;transition:.2s}
.social-ico:hover{border-color:var(--orange);background:var(--orange-soft);color:var(--orange)}

/* ===== whatsapp flutuante ===== */
.wa{position:fixed;bottom:24px;right:24px;width:54px;height:54px;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(34,197,94,.35);z-index:60;transition:.2s}
.wa:hover{transform:scale(1.08)}
.wa svg{width:28px;height:28px;fill:#fff}

/* ===== cookie banner ===== */
.cookie-banner{position:fixed;bottom:24px;left:24px;right:auto;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;z-index:70;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.cookie-banner p{font-size:13px;color:var(--txt-2);margin-bottom:14px}
.cookie-banner a{color:var(--orange)}
.cookie-actions{display:flex;gap:10px}
.cookie-actions .btn{padding:9px 18px;font-size:13.5px}

/* ===== formulário de contato ===== */
.mm-contact{max-width:620px}
.mm-contact-form .form-row{margin:0 0 18px;display:flex;flex-direction:column}
.mm-contact-form label{color:var(--txt-2);font-size:13px;font-weight:500;margin-bottom:6px}
.mm-contact-form .input-text{background:var(--bg);border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:12px 14px;font-family:var(--font);font-size:14px;width:100%;outline:none}
.mm-contact-form .input-text:focus{border-color:var(--orange)}
.mm-contact-form textarea.input-text{resize:vertical;min-height:120px}

/* =========================================================================
   Carrinho lateral (drawer)
   ========================================================================= */
.mm-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:80;opacity:0;transition:opacity .3s}
.mm-drawer-overlay.open{opacity:1}
.mm-drawer{position:fixed;top:0;right:0;height:100%;width:400px;max-width:90vw;background:var(--bg-2);border-left:1px solid var(--line);z-index:90;transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.5)}
.mm-drawer.open{transform:translateX(0)}
.mm-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line);flex-shrink:0}
.mm-drawer-head h3{font-size:18px}
.mm-drawer-close{background:none;border:none;color:var(--txt-2);cursor:pointer;padding:4px;display:flex}
.mm-drawer-close svg{width:22px;height:22px}
.mm-drawer-close:hover{color:var(--orange)}
.mm-drawer-body{flex:1;overflow-y:auto}
.mm-drawer .widget_shopping_cart_content{padding:8px 22px 22px}

/* mini-carrinho do Woo dentro do drawer */
.mm-drawer ul.woocommerce-mini-cart{list-style:none;margin:0;padding:0}
/* !important: vence a regra do WooCommerce (.woocommerce ul.product_list_widget li img{width:32px;float:right}) que às vezes entra no DOM e bugava a thumb */
.mm-drawer li.woocommerce-mini-cart-item{display:flex!important;align-items:center;gap:14px;padding:8px 28px 8px 0!important;border-bottom:none;position:relative}
.mm-drawer .mini-thumb{flex:0 0 72px!important}
.mm-drawer .mini-thumb img{width:72px!important;height:72px!important;object-fit:contain;border-radius:9px;background:#fff;padding:8px;margin:0!important;float:none!important}
.mm-drawer .mini-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.mm-drawer .mini-name{color:var(--txt);font-size:14px;line-height:1.3;font-weight:500}
.mm-drawer a.mini-name:hover{color:var(--orange)}
.mm-drawer .mini-qty-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}
.mm-drawer .mini-stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.mm-drawer .mini-stepper.loading{opacity:.5;pointer-events:none}
.mm-drawer .mini-stepper .qbtn{background:transparent;border:none;color:var(--txt);width:36px;height:36px;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mm-drawer .mini-stepper .qbtn:hover{color:var(--orange)}
.mm-drawer .mini-stepper .qval{font-family:var(--mono);font-size:14px;min-width:30px;text-align:center}
.mm-drawer .mini-price{display:flex;flex-direction:column;align-items:flex-end;text-align:right;white-space:nowrap;line-height:1.1}
.mm-drawer .mini-price-reg{font-family:var(--mono);font-size:12px;color:var(--txt-3);text-decoration:line-through}
.mm-drawer .mini-price-cur{font-family:var(--mono);font-size:15px;color:var(--txt);font-weight:600}
.mm-drawer .mini-line-price{font-family:var(--mono);font-size:13.5px;color:var(--txt);font-weight:600}
.mm-drawer .woocommerce-mini-cart-item .variation,.mm-drawer .woocommerce-mini-cart-item dl{font-size:11.5px;color:var(--txt-3);margin:0}
.mm-drawer a.remove{position:absolute;top:16px;right:0;width:22px;height:22px;line-height:20px;text-align:center;color:var(--txt-3)!important;font-size:18px;border-radius:6px;text-decoration:none}
.mm-drawer a.remove:hover{color:#ef4444!important;background:rgba(239,68,68,.1)!important}

/* rodapé do drawer: cupom, CEP, totais e botões */
.mm-mini-foot{padding-top:16px;margin-top:8px;border-top:1px solid var(--line)}
/* cupom */
.mm-coupon{display:flex;gap:8px;margin-bottom:8px}
.mm-coupon input{flex:1;background:var(--bg);border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:11px 14px;font-family:var(--font);font-size:14px;outline:none}
.mm-coupon input:focus{border-color:var(--orange)}
.mm-coupon .mm-coupon-btn{padding:10px 18px;white-space:nowrap}
.mm-coupon-msg{font-size:12.5px;margin:0 0 12px}
.mm-coupon-msg.ok{color:var(--green)}
.mm-coupon-msg.err{color:#ef4444}
/* bloco de totais (subtotal + Pix + cartão), logo acima dos botões */
.mm-mini-totals{border-top:1px solid var(--line);padding-top:14px;margin:4px 0 16px}
.mm-mini-totals .mini-subtotal{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;margin-bottom:10px}
.mm-mini-totals .mini-subtotal strong{font-family:var(--mono);color:var(--txt);font-size:17px}
.mm-mini-totals .pay-breakdown{margin:0}
.mm-mini-cep{border-top:1px solid var(--line);padding-top:16px;margin-bottom:8px}
.mm-mini-cep label{display:block;font-size:12px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--txt-3);margin-bottom:8px}
.mm-cep-row{display:flex;gap:8px}
.mm-cep-row input{flex:1;background:var(--bg);border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:11px 14px;font-family:var(--mono);font-size:14px;outline:none}
.mm-cep-row input:focus{border-color:var(--orange)}
.mm-cep-row .mm-cep-btn{padding:10px 18px;white-space:nowrap}
.mm-ship-rates{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.mm-ship-rates li{display:flex;justify-content:space-between;font-size:13px;color:var(--txt-2)}
.mm-ship-rates .mm-ship-price{font-family:var(--mono);color:var(--txt)}
.mm-ship-empty{font-size:12.5px;color:var(--txt-3);margin:12px 0 0}
/* botões do drawer ficam FORA do wrapper .woocommerce, então precisam de estilo próprio */
.mm-drawer .woocommerce-mini-cart__buttons{display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
.mm-drawer .woocommerce-mini-cart__buttons .button{width:100%;text-align:center;display:block;padding:15px;border-radius:10px;font-family:var(--font);font-weight:600;font-size:15px;line-height:1;cursor:pointer;transition:.2s;background:transparent;color:var(--txt);border:1px solid var(--line);text-decoration:none}
.mm-drawer .woocommerce-mini-cart__buttons .button:hover{border-color:var(--orange);color:var(--orange);background:var(--orange-soft)}
.mm-drawer .woocommerce-mini-cart__buttons .checkout{order:-1;background:var(--orange);color:#0c0f13;border-color:var(--orange)}
.mm-drawer .woocommerce-mini-cart__buttons .checkout:hover{background:#ff9a3d;color:#0c0f13;border-color:#ff9a3d}
.mm-drawer .mm-empty-shop{display:inline-block;margin:16px 22px;padding:13px 22px;border-radius:10px;border:1px solid var(--line);color:var(--txt);font-weight:600;font-family:var(--font);text-decoration:none}
.mm-drawer .mm-empty-shop:hover{border-color:var(--orange);color:var(--orange)}
.mm-drawer p.woocommerce-mini-cart__empty-message{color:var(--txt-2);padding:40px 22px;text-align:center}
/* botão do produto em estado de carregamento */
.single_add_to_cart_button.loading{opacity:.7;pointer-events:none}

/* =========================================================================
   Responsivo
   ========================================================================= */
@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr;padding:56px 24px 70px}
  .grid,ul.products,.cats,.trust,.yt-grid,.post-list{grid-template-columns:repeat(2,1fr)}
  .single-product div.product{grid-template-columns:1fr}
  .news .container{grid-template-columns:1fr}
  .foot{grid-template-columns:1fr 1fr}
  .foot-trust{grid-template-columns:1fr;gap:28px}
  .woocommerce-account.logged-in .woocommerce,
  .woocommerce-account .u-columns.col2-set{grid-template-columns:1fr}
  .woocommerce-cart .woo-content .woocommerce{grid-template-columns:1fr}
  .woocommerce-cart .woocommerce-cart-form,.woocommerce-cart .cart-collaterals{grid-column:1}
  .mm-checkout-form{grid-template-columns:1fr!important}
  .mm-co-summary{position:static!important;order:-1;margin-bottom:24px}
  .menu-toggle{display:flex}
  nav.menu{display:none;position:fixed;inset:0;top:0;flex-direction:column;gap:0;background:var(--bg);padding:90px 24px 24px;z-index:40;margin:0;overflow-y:auto}
  nav.menu.open{display:flex}
  nav.menu a{font-size:18px;padding:16px 0;border-bottom:1px solid var(--line);width:100%}
  nav.menu ul.sub-menu{position:static;border:none;background:none;box-shadow:none;padding:0 0 0 16px}
  .hero-stats{flex-wrap:wrap}
  .hero-stats div{min-width:50%}
  .hero-stats div:nth-child(2){border-right:none}
}
@media(max-width:560px){
  .grid,ul.products,.cats,.trust,.yt-grid,.post-list{grid-template-columns:1fr}
  .topbar .container{font-size:11px}
  .topbar div:first-child{display:none}
  .sec-head{flex-direction:column;align-items:flex-start}
  .single-product form.cart{flex-direction:column;align-items:stretch}
  .single-product .single_add_to_cart_button{width:100%}
  .cookie-banner{left:16px;right:16px;bottom:16px;max-width:none}
  .wa{bottom:16px;right:16px}
}

/* foco acessível */
:focus-visible{outline:2px solid var(--orange);outline-offset:2px}