/*
Theme Name: Petoona
Theme URI: https://petoona.com.br
Description: Tema personalizado da loja Petoona — e-commerce de produtos para pets. Construído sob medida a partir do design do Figma, com suporte a WooCommerce. Leve, rápido e fiel ao layout.
Author: Petoona
Version: 0.2.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: petoona
*/

/* =========================================================
   TOKENS (Figma)
   ========================================================= */
:root{
  --c-primary:#e8501c; --c-primary-600:#cf4516;
  --c-teal:#15b6a6; --c-yellow:#ffc233; --c-purple:#7c5cfc; --c-pink:#ff6fb5;
  --c-green:#1ebe5d;
  --c-ink:#2b1b17; --c-muted:#7a6a63;
  --c-bg:#fff7f1; --c-peach:#ffe9dd; --c-surface:#fff; --c-line:#f0e3da;
  --font-head:'Poppins',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-5:40px;--s-6:48px;--s-8:64px;--s-10:80px;--s-12:96px;
  --container:1240px; --radius:18px; --radius-sm:12px; --radius-pill:999px;
  --shadow:0 10px 30px rgba(43,27,23,.08); --shadow-lg:0 18px 50px rgba(43,27,23,.12);
}

/* =========================================================
   RESET / BASE
   ========================================================= */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);color:var(--c-ink);background:var(--c-bg);line-height:1.6;font-size:16px}
h1,h2,h3,h4,h5{font-family:var(--font-head);font-weight:700;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2.2rem,4.5vw,3.4rem)}
h2{font-size:clamp(1.7rem,3.2vw,2.3rem)}
h3{font-size:clamp(1.1rem,2vw,1.35rem)}
p{margin:0 0 1em}
a{color:var(--c-primary);text-decoration:none}
a:hover{text-decoration:none;opacity:.92}
img{max-width:100%;height:auto;display:block}
ul{margin:0;padding:0;list-style:none}
.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;line-height:1}

.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--s-3)}
.section{padding:var(--s-10) 0}
.eyebrow-tag{display:inline-block;font-family:var(--font-head);font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--c-primary);background:#fff;border:1px solid var(--c-line);padding:6px 14px;border-radius:var(--radius-pill);margin-bottom:14px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:var(--s-5)}
.section-head .titles{max-width:60ch}
.link-more{font-family:var(--font-head);font-weight:600;white-space:nowrap;color:var(--c-primary)}

/* Botões */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:600;font-size:1rem;padding:14px 28px;border-radius:var(--radius-pill);border:2px solid transparent;cursor:pointer;transition:.2s;line-height:1}
.btn-primary{background:var(--c-primary);color:#fff}
.btn-primary:hover{background:var(--c-primary-600)}
.btn-outline{background:transparent;color:var(--c-ink);border-color:var(--c-ink)}
.btn-outline:hover{background:var(--c-ink);color:#fff}
.btn-light{background:#fff;color:var(--c-ink)}

/* =========================================================
   TOPBAR + HEADER
   ========================================================= */
.topbar{background:var(--c-ink);color:#fff;font-size:.85rem}
.topbar .container{display:flex;align-items:center;justify-content:center;gap:10px;height:42px;text-align:center}
.topbar .material-symbols-outlined{font-size:18px;vertical-align:middle}
.site-header{background:var(--c-surface);position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(43,27,23,.05)}
.site-header .container{display:flex;align-items:center;gap:var(--s-3);height:84px}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:800;font-size:1.6rem;color:var(--c-ink);flex:0 0 auto}
.brand-logo{height:44px;width:auto}
.brand-mark{width:44px;height:44px;border-radius:12px;background:var(--c-primary);display:grid;place-items:center;color:#fff;font-size:22px}
.main-nav{flex:1 1 auto}
.main-nav ul{display:flex;gap:var(--s-3);align-items:center}
.main-nav a{color:var(--c-ink);font-weight:500;font-size:.98rem}
.main-nav a:hover{color:var(--c-primary)}
.header-search{flex:0 1 320px;display:flex;align-items:center;gap:8px;background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--radius-pill);padding:10px 18px;color:var(--c-muted)}
.header-search input{border:0;background:transparent;outline:0;width:100%;font-family:var(--font-body);color:var(--c-ink)}
.header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.icon-btn{width:44px;height:44px;border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--c-peach);color:var(--c-primary)}
.cart-btn{display:inline-flex;align-items:center;gap:8px;background:var(--c-primary);color:#fff;border-radius:var(--radius-pill);padding:0 18px;height:44px;font-family:var(--font-head);font-weight:700}
.cart-btn .cart-count{background:rgba(255,255,255,.25);border-radius:var(--radius-pill);min-width:22px;height:22px;display:grid;place-items:center;font-size:.8rem;padding:0 6px}
.nav-toggle{display:none;background:none;border:0;font-size:28px;color:var(--c-ink);cursor:pointer}

/* =========================================================
   HERO
   ========================================================= */
.hero{background:linear-gradient(180deg,var(--c-peach) 0%,var(--c-bg) 75%)}
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:var(--s-6);padding:var(--s-10) 0 var(--s-12)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--c-line);color:var(--c-primary);font-family:var(--font-head);font-weight:600;font-size:.85rem;padding:8px 16px;border-radius:var(--radius-pill);box-shadow:var(--shadow)}
.eyebrow .material-symbols-outlined{font-size:18px}
.hero-copy h1{margin:var(--s-3) 0}
.lead{font-size:1.15rem;color:var(--c-muted);max-width:50ch}
.hero-cta{display:flex;gap:var(--s-2);margin:var(--s-4) 0 var(--s-5);flex-wrap:wrap}
.hero-trust{display:flex;gap:var(--s-4);flex-wrap:wrap}
.hero-trust .ht{display:flex;align-items:center;gap:10px}
.hero-trust .ht .material-symbols-outlined{color:var(--c-primary)}
.hero-trust strong{font-family:var(--font-head);display:block;font-size:.95rem}
.hero-trust small{color:var(--c-muted)}
.hero-card{position:relative;background:var(--c-surface);border-radius:32px;box-shadow:var(--shadow-lg);display:grid;place-items:center;aspect-ratio:1/.92;overflow:hidden}
.hero-card .bg-blob{position:absolute;inset:auto -10% -20% auto;width:70%;height:70%;background:var(--c-peach);border-radius:50%}
.hero-dog{font-size:clamp(140px,18vw,260px);position:relative;z-index:1;filter:drop-shadow(0 18px 36px rgba(43,27,23,.18))}
.offer-badge{position:absolute;top:22px;right:22px;z-index:2;width:84px;height:84px;border-radius:50%;background:var(--c-primary);color:#fff;display:grid;place-items:center;text-align:center;font-family:var(--font-head);font-weight:800;line-height:1;box-shadow:var(--shadow);transform:rotate(8deg)}
.offer-badge b{font-size:1.5rem;display:block}
.offer-badge span{font-size:.8rem}

/* =========================================================
   REELS
   ========================================================= */
.reels-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s-2)}
.reel{aspect-ratio:9/14;border-radius:var(--radius);background:var(--c-peach);position:relative;display:grid;place-items:center;font-size:64px;overflow:hidden;box-shadow:var(--shadow)}
.reel:nth-child(2){background:#e8f7f4}.reel:nth-child(3){background:#efeaff}.reel:nth-child(4){background:#fff2cc}.reel:nth-child(5){background:#ffe9f3}
.reel .play{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;color:var(--c-ink)}

/* =========================================================
   PRODUTOS (cards) — Woo + custom
   ========================================================= */
.products-grid,.woocommerce ul.products{display:grid !important;grid-template-columns:repeat(4,1fr);gap:var(--s-3);margin:0;padding:0}
.product-card,.woocommerce ul.products li.product{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);padding:14px;transition:.2s;margin:0 !important;width:auto !important;text-align:left}
.product-card:hover,.woocommerce ul.products li.product:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.product-card .thumb,.woocommerce ul.products li.product img{background:var(--c-bg);border-radius:var(--radius-sm);margin-bottom:12px;aspect-ratio:1;object-fit:cover;display:grid;place-items:center;font-size:64px}
.product-card h3,.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1rem;font-family:var(--font-head);margin:6px 0}
.stars{color:var(--c-yellow);font-size:.9rem;letter-spacing:1px}
.pri