:root{
    --charcoal:#181410;
    --charcoal-2:#1f1a15;
    --bone:#EDE6D6;
    --bone-dim:#d9d0bb;
    --ember:#B4552B;
    --ember-bright:#d06a3a;
    --forest:#333B2E;
    --bronze:#7C6A42;
    --leather:#4A4038;
    --line: rgba(237,230,214,0.14);
    --line-dark: rgba(24,20,16,0.14);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bone);
    color:var(--charcoal);
    font-family:'Work Sans', sans-serif;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.serif{ font-family:'Fraunces', serif; font-weight:600; letter-spacing:-0.01em; }
  a{ color:inherit; text-decoration:none; }
  img,svg{ display:block; max-width:100%; }
  .wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }
  @media(max-width:640px){ .wrap{ padding:0 20px; } }

  /* ---------- NAV ---------- */
  header{
    position:sticky; top:0; z-index:50;
    background:rgba(24,20,16,0.92);
    backdrop-filter: blur(6px);
    border-bottom:1px solid var(--line);
  }
  nav{ display:flex; align-items:center; justify-content:space-between; padding:18px 32px; max-width:1180px; margin:0 auto; }
  .brand{ display:flex; align-items:center; gap:10px; color:var(--bone); font-family:'Fraunces',serif; font-weight:600; font-size:1.15rem; }
  .brand-mark{ width:28px; height:28px; flex:none; border-radius:50%; object-fit:cover; }
  .navlinks{ display:flex; gap:30px; }
  .navlinks a{ color:var(--bone-dim); font-size:0.92rem; transition:color .15s; }
  .navlinks a:hover{ color:var(--ember-bright); }
  .navcta{
    color:var(--bone) !important; border:1px solid var(--line); padding:8px 16px; border-radius:2px; font-size:0.88rem;
  }
  .navcta:hover{ border-color:var(--ember); color:var(--ember-bright) !important; }
  .lang-switch{ display:flex; gap:2px; border:1px solid var(--line); border-radius:2px; overflow:hidden; margin-right:16px; }
  .lang-switch button{
    background:none; border:none; color:var(--bone-dim); font-size:0.8rem; font-family:'Work Sans',sans-serif;
    padding:7px 11px; cursor:pointer; letter-spacing:0.02em;
  }
  .lang-switch button.lang-active{ background:var(--ember); color:var(--bone); }
  .lang-switch button:not(.lang-active):hover{ color:var(--bone); }
  @media(max-width:820px){ .lang-switch{ margin-right:8px; } }
  .navtoggle{ display:none; background:none; border:none; color:var(--bone); font-size:1.5rem; cursor:pointer; }
  @media(max-width:820px){
    .navlinks{ display:none; }
    .navtoggle{ display:block; }
  }

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    display:flex;
    align-items:center;
    height:680px;
    background-color:#0b0906;
    background-image:
      linear-gradient(100deg, rgba(7,5,4,0.78) 0%, rgba(7,5,4,0.58) 28%, rgba(7,5,4,0.32) 48%, rgba(7,5,4,0.12) 62%, rgba(7,5,4,0) 72%),
      url('images/logo.png'),
      radial-gradient(ellipse 460px 460px at 82% 48%, rgba(7,5,4,0.55) 0%, rgba(7,5,4,0.28) 55%, rgba(7,5,4,0) 75%),
      url('images/hero-forest.jpg');
    background-size: cover, contain, cover, cover;
    background-position: center, right center, right center, center 30%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    color:var(--bone);
    overflow:hidden;
    padding:110px 0 90px;
    border-bottom:1px solid var(--line);
  }
  @media(max-width:900px){
    .hero{ height:640px; background-position: center, center 14%, center 14%, center 35%; background-size: cover, 92% auto, cover, cover; }
  }
  .hero::before{
    content:"";
    position:absolute; inset:0;
    background-image:
      repeating-linear-gradient(115deg, rgba(237,230,214,0.025) 0px, rgba(237,230,214,0.025) 1px, transparent 1px, transparent 60px);
    pointer-events:none;
  }
  .hero-grid{
    position:relative;
    max-width:460px;
  }
  .eyebrow{
    color:var(--ember-bright);
    font-size:0.85rem;
    font-family:'Fraunces',serif;
    font-style:italic;
    font-weight:500;
    margin-bottom:18px;
    opacity:0;
    animation: rise .7s ease forwards .1s;
  }
  .hero h1{
    font-size:clamp(2.4rem, 5.2vw, 4.2rem);
    line-height:1.03;
    text-shadow: 0 2px 16px rgba(0,0,0,0.55);
    opacity:0;
    animation: rise .8s ease forwards .25s;
  }
  .hero p.lead{
    margin-top:22px;
    max-width:46ch;
    color:var(--bone-dim);
    font-size:1.08rem;
    text-shadow: 0 1px 10px rgba(0,0,0,0.5);
    opacity:0;
    animation: rise .8s ease forwards .45s;
  }
  .hero-actions{
    margin-top:34px;
    display:flex; gap:16px; flex-wrap:wrap;
    opacity:0;
    animation: rise .8s ease forwards .6s;
  }
  @keyframes rise{ from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:translateY(0);} }

  .btn{
    display:inline-flex; align-items:center; gap:8px;
    padding:13px 24px; font-size:0.95rem; font-weight:500;
    border-radius:2px; cursor:pointer; border:1px solid transparent;
  }
  .btn-primary{
    background:rgba(180,85,43,0.82);
    backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
    color:var(--bone);
    border:1px solid rgba(237,230,214,0.18);
  }
  .btn-primary:hover{ background:rgba(208,106,58,0.92); }
  .btn-ghost{
    background:rgba(24,20,16,0.4);
    backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
    border-color:rgba(237,230,214,0.3);
    color:var(--bone);
  }
  .btn-ghost:hover{ background:rgba(24,20,16,0.6); border-color:var(--ember); color:var(--ember-bright); }

  /* ---------- SECTION SCAFFOLDING ---------- */
  section{ padding:88px 0; }
  .section-dark{ background:var(--charcoal); color:var(--bone); }
  .section-forest{ background:var(--forest); color:var(--bone); }
  .kicker{
    font-family:'Fraunces',serif; font-style:italic; font-weight:500;
    color:var(--ember); font-size:0.95rem; margin-bottom:10px;
  }
  .section-dark .kicker, .section-forest .kicker{ color:var(--ember-bright); }
  .section-head{
    display:flex; justify-content:space-between; align-items:flex-end; gap:24px;
    margin-bottom:52px; padding-bottom:24px; border-bottom:1px solid var(--line-dark);
  }
  .section-dark .section-head, .section-forest .section-head{ border-bottom:1px solid var(--line); }
  .section-head h2{ font-size:clamp(1.8rem,3vw,2.6rem); }
  .section-head p{ max-width:34ch; color:var(--leather); font-size:0.98rem; }
  .section-dark .section-head p, .section-forest .section-head p{ color:var(--bone-dim); }
  @media(max-width:700px){ .section-head{ flex-direction:column; align-items:flex-start; gap:14px; } }

  /* ---------- GALLERY ---------- */
  .gallery-grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
  }
  .gallery-grid > div:nth-child(1){ grid-column:span 2; grid-row:span 2; }
  @media(max-width:800px){
    .gallery-grid{ grid-template-columns:repeat(2,1fr); }
    .gallery-grid > div:nth-child(1){ grid-column:span 2; grid-row:span 1; }
  }
  .gplate{
    aspect-ratio:1/1; position:relative; overflow:hidden;
    border:1px solid var(--line-dark);
  }
  .gallery-grid > div:nth-child(1) .gplate{ aspect-ratio:auto; height:100%; min-height:280px; }
  .gplate svg{ width:60%; height:60%; opacity:0.9; }
  .gplate{ display:flex; align-items:center; justify-content:center; }
  .gplate-cap{
    position:absolute; left:0; right:0; bottom:0; padding:10px 14px;
    font-size:0.8rem; color:var(--bone); background:linear-gradient(to top, rgba(24,20,16,0.75), transparent);
  }

  /* ---------- KNIVES / PRODUCT CARDS ---------- */
  .product-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line-dark); border:1px solid var(--line-dark); }
  @media(max-width:900px){ .product-grid{ grid-template-columns:repeat(2,1fr); } }
  @media(max-width:560px){ .product-grid{ grid-template-columns:1fr; } }

  /* Category filter tabs */
  .cat-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:26px; }
  .cat-tab{
    background:none; border:1px solid var(--line); color:var(--bone-dim);
    padding:8px 16px; font-size:0.84rem; border-radius:20px; cursor:pointer;
    font-family:'Work Sans',sans-serif; transition:all .15s;
  }
  .cat-tab:hover{ border-color:var(--ember); color:var(--bone); }
  .cat-tab.active{ background:var(--ember); border-color:var(--ember); color:var(--bone); }
  .empty-cat-msg{ color:var(--bone-dim); font-size:0.92rem; padding:34px 0; text-align:center; }

  /* Compact knife lineup */
  .compact-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
  @media(max-width:900px){ .compact-grid{ grid-template-columns:repeat(3,1fr); } }
  @media(max-width:640px){ .compact-grid{ grid-template-columns:repeat(2,1fr); } }
  .knife-card-compact{
    display:block; width:100%; text-align:left; background:var(--bone);
    border:1px solid var(--line-dark); padding:0; margin:0; cursor:pointer;
    font-family:inherit; color:var(--charcoal);
  }
  .knife-card-compact:hover{ border-color:var(--ember); }
  .kcc-thumb{ aspect-ratio:1/1; background:var(--charcoal-2); overflow:hidden; display:flex; align-items:center; justify-content:center; }
  .kcc-thumb img{ width:100%; height:100%; object-fit:cover; }
  .kcc-thumb svg{ width:56%; }
  .kcc-info{ padding:12px 14px 15px; }
  .kcc-tag{ font-size:0.68rem; text-transform:uppercase; letter-spacing:0.04em; color:var(--bronze); display:block; margin-bottom:4px; }
  .kcc-info h3{ font-size:0.94rem; margin-bottom:6px; line-height:1.25; }
  .kcc-price{ font-family:'Fraunces',serif; font-weight:600; font-size:0.92rem; }

  /* Detail modal (quick view) */
  .detail-overlay{
    position:fixed; inset:0; background:rgba(11,9,6,0.92); z-index:250;
    display:flex; align-items:flex-start; justify-content:center;
    padding:60px 20px 40px; overflow-y:auto;
    opacity:0; pointer-events:none; transition:opacity .18s ease;
  }
  .detail-overlay.open{ opacity:1; pointer-events:auto; }
  .detail-panel{ position:relative; width:100%; max-width:480px; }
  .detail-close{
    position:absolute; top:-42px; right:0; background:none; border:none; color:var(--bone);
    font-size:2rem; line-height:1; cursor:pointer; padding:4px 8px; z-index:2;
  }
  .detail-close:hover{ color:var(--ember-bright); }
  .detail-body .product-card{ padding:30px 26px 26px; }
  @media(max-width:560px){ .detail-overlay{ padding:50px 14px 30px; } }
  .product-card{ background:var(--bone); padding:30px 26px 26px; color:var(--charcoal); }
  .product-thumb{ aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; background:var(--charcoal-2); margin-bottom:20px; overflow:hidden; }
  .product-thumb svg{ width:56%; }
  .product-thumb img.main-img{ width:100%; height:100%; object-fit:cover; cursor:zoom-in; }
  .main-thumb{ margin-bottom:10px; }
  .thumb-strip{ display:flex; gap:8px; margin-bottom:18px; }
  .thumb{
    flex:1; aspect-ratio:1/1; padding:0; border:2px solid transparent; border-radius:2px;
    background:var(--charcoal-2); cursor:pointer; overflow:hidden; opacity:0.65;
  }
  .thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
  .thumb:hover{ opacity:0.9; }
  .thumb.active{ opacity:1; border-color:var(--ember); }

  /* ---------- LIGHTBOX ---------- */
  body.lb-open{ overflow:hidden; }
  .lightbox-overlay{
    position:fixed; inset:0; background:rgba(11,9,6,0.94); z-index:300;
    display:flex; align-items:center; justify-content:center; padding:60px 24px;
    opacity:0; pointer-events:none; transition:opacity .18s ease;
  }
  .lightbox-overlay.open{ opacity:1; pointer-events:auto; }
  .lightbox-img-wrap{ position:relative; max-width:min(880px, 92vw); }
  .lightbox-img{ max-width:100%; max-height:80vh; display:block; margin:0 auto; border:1px solid var(--line); background:var(--charcoal-2); }
  .lightbox-close{
    position:absolute; top:-42px; right:0; background:none; border:none; color:var(--bone);
    font-size:2rem; line-height:1; cursor:pointer; padding:4px 8px;
  }
  .lightbox-close:hover{ color:var(--ember-bright); }
  .lightbox-nav{
    position:absolute; top:50%; transform:translateY(-50%);
    background:rgba(24,20,16,0.75); border:1px solid var(--line); color:var(--bone);
    width:44px; height:44px; border-radius:50%; cursor:pointer; font-size:1.4rem;
    display:flex; align-items:center; justify-content:center;
  }
  .lightbox-nav:hover{ border-color:var(--ember); color:var(--ember-bright); }
  .lightbox-prev{ left:-14px; }
  .lightbox-next{ right:-14px; }
  @media(max-width:700px){ .lightbox-prev{ left:6px; } .lightbox-next{ right:6px; } }
  .lightbox-counter{
    position:absolute; bottom:-30px; left:50%; transform:translateX(-50%);
    color:var(--bone-dim); font-size:0.82rem; letter-spacing:0.02em;
  }
  .card-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
  .product-card h3{ font-size:1.15rem; margin-bottom:6px; }
  .product-card .tag{ font-size:0.78rem; color:var(--bronze); margin-bottom:10px; display:block; }
  .card-top .tag{ margin-bottom:0; }
  .stock{ font-size:0.74rem; color:var(--leather); border:1px solid var(--line-dark); padding:2px 8px; border-radius:2px; }
  .stock.in-stock{ color:#3f6b3f; border-color:rgba(63,107,63,0.35); }
  .product-card p{ font-size:0.92rem; color:var(--leather); margin-bottom:16px; }
  .specs-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:8px 14px;
    font-size:0.82rem; color:var(--leather);
    border-top:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark);
    padding:14px 0; margin-bottom:14px;
  }
  .specs-grid > div{ display:flex; flex-direction:column; gap:2px; }
  .spec-label{ font-size:0.7rem; text-transform:uppercase; letter-spacing:0.04em; color:var(--bronze); }
  .product-card .row{ display:flex; justify-content:space-between; align-items:center; font-size:0.9rem; border-top:1px solid var(--line-dark); padding-top:14px; }
  .specs-grid + .row{ border-top:none; padding-top:0; }
  .price{ font-family:'Fraunces',serif; font-weight:600; font-size:1.05rem; }

  /* ---------- STEEL SECTION ---------- */
  .steel-list{ display:grid; grid-template-columns: repeat(2, 1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
  @media(max-width:700px){ .steel-list{ grid-template-columns:1fr; } }
  .steel-row{ background:var(--charcoal); padding:26px 28px; display:flex; gap:20px; }
  .steel-num{ font-family:'Fraunces',serif; font-style:italic; color:var(--ember-bright); font-size:1.1rem; flex:none; width:34px; }
  .steel-row h4{ font-family:'Fraunces',serif; font-size:1.05rem; margin-bottom:6px; color:var(--bone); }
  .steel-row p{ color:var(--bone-dim); font-size:0.88rem; }
  .steel-row .prop{ display:inline-block; margin-top:10px; font-size:0.75rem; color:var(--bronze); border:1px solid var(--line); padding:3px 8px; border-radius:2px; margin-right:6px; }
  .datasheet-link{
    display:inline-block; margin-top:10px; font-size:0.75rem; color:var(--bone-dim);
    text-decoration:underline; text-underline-offset:2px;
  }
  .datasheet-link:hover{ color:var(--ember-bright); }

  /* ---------- AXES + ACCESSORIES (split) ---------- */
  .split{ display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid var(--line-dark); }
  @media(max-width:800px){ .split{ grid-template-columns:1fr; } }
  .split.split-single{ grid-template-columns:1fr; }
  .split-panel{ padding:52px 44px; }
  .split-panel:first-child{ border-right:1px solid var(--line-dark); background:var(--bone); }
  @media(max-width:800px){ .split-panel:first-child{ border-right:none; border-bottom:1px solid var(--line-dark); } }
  .split-panel:last-child{ background:#e3dac4; }
  .split-icon{ width:64px; height:64px; margin-bottom:22px; }
  .split-panel h3{ font-size:1.5rem; margin-bottom:12px; }
  .split-panel p{ color:var(--leather); max-width:40ch; margin-bottom:20px; }
  .mini-list{ list-style:none; font-size:0.9rem; color:var(--leather); }
  .mini-list li{ padding:8px 0; border-top:1px solid var(--line-dark); display:flex; justify-content:space-between; }
  .mini-list li:last-child{}

  /* ---------- ABOUT / VIKING BAND ---------- */
  .band{ background:var(--forest); color:var(--bone); padding:80px 0; text-align:left; }
  .band .wrap{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
  @media(max-width:800px){ .band .wrap{ grid-template-columns:1fr; gap:32px; } }
  .band h2{ font-size:clamp(1.8rem,3vw,2.4rem); margin-bottom:18px; }
  .band p{ color:var(--bone-dim); }
  .rune-strip{ display:flex; gap:18px; opacity:0.85; }
  .rune-strip svg{ width:32px; height:32px; }

  /* ---------- FOOTER ---------- */
  footer{ background:var(--charcoal); color:var(--bone-dim); padding:60px 0 30px; border-top:1px solid var(--line); }
  .foot-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; margin-bottom:50px; }
  @media(max-width:800px){ .foot-grid{ grid-template-columns:1fr 1fr; } }
  .foot-grid h5{ color:var(--bone); font-size:0.85rem; text-transform:none; margin-bottom:16px; font-family:'Fraunces',serif; font-style:italic; font-weight:500; }
  .foot-grid ul{ list-style:none; }
  .foot-grid li{ margin-bottom:10px; font-size:0.88rem; }
  .foot-grid li a:hover{ color:var(--ember-bright); }
  .foot-brand{ font-family:'Fraunces',serif; font-weight:600; color:var(--bone); font-size:1.1rem; margin-bottom:12px; }
  .foot-bottom{ display:flex; justify-content:space-between; padding-top:24px; border-top:1px solid var(--line); font-size:0.8rem; flex-wrap:wrap; gap:10px; }

  ::selection{ background:var(--ember); color:var(--bone); }
  :focus-visible{ outline:2px solid var(--ember-bright); outline-offset:2px; }
  @media (prefers-reduced-motion: reduce){
    *{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; }
    html{ scroll-behavior:auto; }
  }

/* ============================================================
   NOVO — componentes acrescentados na versão PHP
   (loja, carrinho, checkout, conta, notícias, formulários)
   ============================================================ */

/* ---------- utilitários ---------- */
.muted{ color:var(--leather); font-size:0.9rem; }
.section-dark .muted, .section-forest .muted{ color:var(--bone-dim); }
.center{ text-align:center; }
.mt-8{ margin-top:8px; } .mt-16{ margin-top:16px; } .mt-24{ margin-top:24px; } .mt-40{ margin-top:40px; }
.mb-16{ margin-bottom:16px; } .mb-24{ margin-bottom:24px; }
.row-between{ display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media(max-width:800px){ .grid-2, .grid-3{ grid-template-columns:1fr; } }
.badge{ font-size:0.72rem; letter-spacing:0.04em; text-transform:uppercase; padding:3px 9px; border-radius:2px; border:1px solid var(--line-dark); color:var(--bronze); }
.badge.ok{ color:#3f6b3f; border-color:rgba(63,107,63,0.4); }
.badge.warn{ color:#9a6a20; border-color:rgba(154,106,32,0.4); }
.badge.err{ color:#9b3b2a; border-color:rgba(155,59,42,0.4); }

/* ---------- avisos (flash) ---------- */
.flash-stack{ position:fixed; top:84px; right:24px; z-index:400; display:flex; flex-direction:column; gap:10px; max-width:360px; }
.flash{ padding:14px 18px; border-radius:2px; font-size:0.9rem; box-shadow:0 8px 28px rgba(11,9,6,0.28); border-left:3px solid; background:var(--bone); color:var(--charcoal); }
.flash.success{ border-color:#3f6b3f; }
.flash.error{ border-color:#9b3b2a; }
.flash.info{ border-color:var(--ember); }
@media(max-width:600px){ .flash-stack{ left:14px; right:14px; max-width:none; } }

/* ---------- navegação (extras) ---------- */
.navlinks a.active{ color:var(--ember-bright); }
.cart-pill{ display:inline-flex; align-items:center; gap:7px; }
.cart-count{ background:var(--ember); color:var(--bone); border-radius:10px; font-size:0.72rem; padding:1px 7px; line-height:1.5; }
.mobile-menu{ display:none; background:var(--charcoal-2); border-bottom:1px solid var(--line); padding:12px 0; }
.mobile-menu.open{ display:block; }
.mobile-menu a{ display:block; color:var(--bone-dim); padding:11px 32px; font-size:0.95rem; }
.mobile-menu a:hover{ color:var(--ember-bright); }

/* ---------- formulários ---------- */
.field{ margin-bottom:16px; }
.field label{ display:block; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.05em; color:var(--bronze); margin-bottom:6px; }
.field input[type=text], .field input[type=email], .field input[type=password], .field input[type=tel],
.field input[type=number], .field input[type=url], .field input[type=date], .field input[type=datetime-local],
.field select, .field textarea{
  width:100%; padding:11px 13px; font-family:'Work Sans',sans-serif; font-size:0.95rem;
  background:var(--bone); color:var(--charcoal); border:1px solid var(--line-dark); border-radius:2px;
}
.section-dark .field input, .section-dark .field select, .section-dark .field textarea{
  background:rgba(237,230,214,0.05); color:var(--bone); border-color:var(--line);
}
.field textarea{ min-height:120px; resize:vertical; }
.field input:focus, .field select:focus, .field textarea:focus{ outline:none; border-color:var(--ember); }
.field .hint{ font-size:0.78rem; color:var(--leather); margin-top:5px; }
.check{ display:flex; align-items:flex-start; gap:10px; font-size:0.9rem; margin-bottom:14px; }
.check input{ margin-top:3px; flex:none; }
.hp{ position:absolute; left:-9999px; }
.btn-block{ width:100%; justify-content:center; }
.btn-sm{ padding:8px 14px; font-size:0.85rem; }
.btn-solid{ background:var(--ember); color:var(--bone); border-color:var(--ember); }
.btn-solid:hover{ background:var(--ember-bright); }
.btn-line{ background:none; border:1px solid var(--line-dark); color:var(--charcoal); }
.btn-line:hover{ border-color:var(--ember); color:var(--ember); }
.btn-danger{ background:none; border:1px solid rgba(155,59,42,0.5); color:#9b3b2a; }
.btn-danger:hover{ background:#9b3b2a; color:var(--bone); }

/* ---------- página de produto ---------- */
.product-page{ display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:start; }
@media(max-width:860px){ .product-page{ grid-template-columns:1fr; gap:28px; } }
.product-page .thumb-strip{ margin-bottom:0; }
.product-buy{ border-top:1px solid var(--line-dark); margin-top:22px; padding-top:22px; }
.qty-row{ display:flex; gap:12px; align-items:flex-end; }
.qty-row .field{ width:110px; margin-bottom:0; }
.crumbs{ font-size:0.82rem; color:var(--leather); margin-bottom:20px; }
.crumbs a:hover{ color:var(--ember); }

/* ---------- tabelas ---------- */
.table{ width:100%; border-collapse:collapse; font-size:0.9rem; }
.table th{ text-align:left; font-size:0.72rem; text-transform:uppercase; letter-spacing:0.05em; color:var(--bronze); padding:10px 12px; border-bottom:1px solid var(--line-dark); font-weight:500; }
.table td{ padding:14px 12px; border-bottom:1px solid var(--line-dark); vertical-align:middle; }
.table tr:hover td{ background:rgba(124,106,66,0.05); }
.table .num{ text-align:right; font-variant-numeric:tabular-nums; }
.table img.mini{ width:56px; height:56px; object-fit:cover; border:1px solid var(--line-dark); }
@media(max-width:700px){ .table-wrap{ overflow-x:auto; } .table{ min-width:620px; } }

/* ---------- carrinho e checkout ---------- */
.checkout-grid{ display:grid; grid-template-columns:1.4fr 1fr; gap:44px; align-items:start; }
@media(max-width:900px){ .checkout-grid{ grid-template-columns:1fr; } }
.summary-box{ border:1px solid var(--line-dark); padding:26px 24px; background:#e3dac4; position:sticky; top:96px; }
.summary-box h3{ font-size:1.1rem; margin-bottom:18px; }
.summary-line{ display:flex; justify-content:space-between; padding:9px 0; font-size:0.9rem; color:var(--leather); }
.summary-line.total{ border-top:1px solid var(--line-dark); margin-top:10px; padding-top:14px; font-family:'Fraunces',serif; font-weight:600; font-size:1.1rem; color:var(--charcoal); }
.pay-option{ border:1px solid var(--line-dark); padding:18px 20px; margin-bottom:12px; cursor:pointer; display:block; background:var(--bone); }
.pay-option:hover{ border-color:var(--ember); }
.pay-option input{ margin-right:10px; }
.pay-option.selected{ border-color:var(--ember); box-shadow:inset 0 0 0 1px var(--ember); }
.pay-option .pay-name{ font-family:'Fraunces',serif; font-weight:600; }
.pay-extra{ margin-top:14px; padding-top:14px; border-top:1px solid var(--line-dark); }
.pay-status{ padding:18px 20px; border:1px solid var(--line-dark); background:#e3dac4; font-size:0.92rem; }
.spinner{ display:inline-block; width:14px; height:14px; border:2px solid var(--bronze); border-top-color:transparent; border-radius:50%; animation:spin 0.8s linear infinite; vertical-align:-2px; margin-right:8px; }
@keyframes spin{ to{ transform:rotate(360deg); } }

/* ---------- conta ---------- */
.account-grid{ display:grid; grid-template-columns:220px 1fr; gap:40px; align-items:start; }
@media(max-width:800px){ .account-grid{ grid-template-columns:1fr; gap:24px; } }
.side-nav{ list-style:none; border:1px solid var(--line-dark); }
.side-nav li + li{ border-top:1px solid var(--line-dark); }
.side-nav a{ display:block; padding:13px 16px; font-size:0.92rem; }
.side-nav a:hover{ background:rgba(124,106,66,0.07); color:var(--ember); }
.side-nav a.active{ background:var(--ember); color:var(--bone); }
.panel{ border:1px solid var(--line-dark); padding:28px 26px; margin-bottom:24px; }
.panel h3{ font-size:1.1rem; margin-bottom:18px; padding-bottom:12px; border-bottom:1px solid var(--line-dark); }

/* ---------- notícias ---------- */
.post-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
@media(max-width:900px){ .post-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .post-grid{ grid-template-columns:1fr; } }
.post-card{ border:1px solid var(--line-dark); background:var(--bone); display:flex; flex-direction:column; }
.post-card:hover{ border-color:var(--ember); }
.post-card .cover{ aspect-ratio:16/10; background:var(--charcoal-2); overflow:hidden; }
.post-card .cover img{ width:100%; height:100%; object-fit:cover; }
.post-card .body{ padding:18px 20px 22px; }
.post-card h3{ font-size:1.05rem; margin-bottom:8px; }
.post-date{ font-size:0.76rem; text-transform:uppercase; letter-spacing:0.04em; color:var(--bronze); margin-bottom:8px; display:block; }
.post-article{ max-width:70ch; margin:0 auto; }
.post-article p{ margin-bottom:18px; }
.post-article h2, .post-article h3{ margin:32px 0 14px; }
.post-article img{ margin:24px 0; border:1px solid var(--line-dark); }

/* ---------- paginação ---------- */
.pager{ display:flex; gap:6px; justify-content:center; margin-top:40px; }
.pager a, .pager span{ padding:8px 14px; border:1px solid var(--line-dark); font-size:0.88rem; }
.pager a:hover{ border-color:var(--ember); color:var(--ember); }
.pager .current{ background:var(--ember); color:var(--bone); border-color:var(--ember); }

/* ---------- páginas simples ---------- */
.page-head{ padding:70px 0 0; }
.page-head h1{ font-size:clamp(2rem,4vw,3rem); }
.error-page{ min-height:60vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:16px; }
.error-page .code{ font-family:'Fraunces',serif; font-size:5rem; color:var(--ember); line-height:1; }