:root {
  --hellen-gold: #d6a43d;
  --hellen-gold-2: #f0c76a;
  --ink: #17110f;
  --ink-2: #241a17;
  --cream: #f5efe7;
  --paper: #fffdf9;
  --muted: #a99a8d;
  --page-ratio: 1.06383;
  --page-w: clamp(300px, 39vw, 670px);
  --page-h: calc(var(--page-w) / var(--page-ratio));
  --radius: 8px;
}

* { box-sizing: border-box; }
html { background: #120d0c; scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--cream);
  background:
    radial-gradient(circle at 50% -10%, rgba(209, 154, 59, .12), transparent 34%),
    linear-gradient(155deg, #120d0c 0%, #201713 52%, #0f0b0a 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}
button, input { font: inherit; }
button { color: inherit; }

.catalog-page { min-height: 100svh; }
.catalog-hero {
  position: relative;
  min-height: 100svh;
  padding: 26px clamp(18px, 3vw, 48px) 34px;
  isolation: isolate;
  overflow: hidden;
}
.catalog-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  opacity: .35;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(circle at center, #000 10%, transparent 72%);
}
.ambient {
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  filter: blur(80px);
  opacity: .12;
  z-index: -2;
  pointer-events: none;
}
.ambient-a { background: #db9d36; left: -160px; top: 18%; }
.ambient-b { background: #744733; right: -140px; bottom: -80px; }

.catalog-header {
  max-width: 1560px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(180px, .75fr) minmax(320px, 1.5fr) minmax(300px, .8fr);
  align-items: center;
  gap: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(240, 199, 106, .18);
}
.brand-lockup { display: inline-flex; flex-direction: column; align-items: flex-start; line-height: 1; }
.brand-mark {
  font-size: clamp(25px, 2.4vw, 39px);
  font-weight: 900;
  letter-spacing: -.035em;
  background: linear-gradient(180deg, #ffda7e 0%, #b97818 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 5px 16px rgba(213, 160, 58, .1));
}
.brand-sub { margin-top: 5px; font-size: 11px; color: #c0aa90; letter-spacing: .11em; }
.catalog-heading { text-align: center; }
.catalog-heading .eyebrow { color: var(--hellen-gold-2); font-size: 10px; font-weight: 800; letter-spacing: .24em; }
.catalog-heading h1 { margin: 4px 0 2px; font-size: clamp(25px, 3vw, 42px); font-weight: 600; letter-spacing: -.035em; }
.catalog-heading p { margin: 0 auto; max-width: 680px; color: #bbaa9d; font-size: 13px; line-height: 1.5; }
.header-actions { display: flex; justify-content: flex-end; gap: 8px; }
.icon-button {
  height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid rgba(240, 199, 106, .18);
  border-radius: 999px;
  color: #d7cbc0;
  background: rgba(255,255,255,.035);
  text-decoration: none;
  cursor: pointer;
  transition: .2s ease;
  backdrop-filter: blur(12px);
}
.icon-button:hover { color: #fff7e7; border-color: rgba(240, 199, 106, .46); background: rgba(215, 164, 61, .08); transform: translateY(-1px); }
.icon-button svg { width: 16px; height: 16px; fill: currentColor; }
.icon-button span { font-size: 12px; font-weight: 700; }

.catalog-workspace { max-width: 1560px; margin: 0 auto; position: relative; }
.book-zone { position: relative; display: flex; flex-direction: column; align-items: center; padding-top: 20px; }
.book-instruction {
  position: absolute;
  top: 36px;
  right: 4%;
  z-index: 30;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 13px;
  color: #e1d0b6;
  font-size: 11px;
  background: rgba(21, 15, 13, .82);
  border: 1px solid rgba(240, 199, 106, .2);
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(0,0,0,.22);
  animation: hintFloat 2.6s ease-in-out infinite;
  transition: opacity .4s ease, transform .4s ease;
}
.book-instruction.is-hidden { opacity: 0; transform: translateY(-8px); pointer-events: none; }
.hint-corner { width: 12px; height: 12px; border-top: 2px solid var(--hellen-gold-2); border-right: 2px solid var(--hellen-gold-2); border-radius: 1px; }
@keyframes hintFloat { 50% { transform: translateY(-4px); } }

.book-wrap {
  position: relative;
  width: calc(var(--page-w) * 2 + 56px);
  height: calc(var(--page-h) + 58px);
  display: grid;
  place-items: center;
  perspective: 2600px;
  filter: drop-shadow(0 38px 50px rgba(0,0,0,.45));
  transition: transform .2s ease;
}
.book-wrap::before {
  content: "";
  position: absolute;
  width: 92%;
  height: 34px;
  bottom: 14px;
  left: 4%;
  border-radius: 50%;
  background: rgba(0,0,0,.44);
  filter: blur(20px);
  z-index: -1;
}
.book {
  position: relative;
  width: calc(var(--page-w) * 2);
  height: var(--page-h);
  transform-style: preserve-3d;
  border-radius: var(--radius);
  touch-action: none;
  user-select: none;
  cursor: grab;
}
.book:active { cursor: grabbing; }
.book::before {
  content: "";
  position: absolute;
  inset: -7px -8px -10px;
  z-index: -4;
  border-radius: 12px;
  background: linear-gradient(145deg, #7d5a30 0%, #2b1a13 30%, #0e0907 100%);
  box-shadow: inset 0 0 0 1px rgba(255,213,127,.18), 0 18px 42px rgba(0,0,0,.3);
}
.book::after {
  content: "";
  position: absolute;
  inset: -2px;
  z-index: -3;
  border-radius: 9px;
  box-shadow: inset 0 0 0 1px rgba(220, 190, 133, .12);
  pointer-events: none;
}

.page-stack {
  position: absolute;
  top: 4px;
  width: var(--page-w);
  height: calc(var(--page-h) + 8px);
  z-index: -2;
  background:
    repeating-linear-gradient(to bottom, #e8e2d9 0 1px, #f8f4ed 1px 3px);
  border-radius: 5px;
  box-shadow: inset 0 -4px 10px rgba(83,63,46,.12);
}
.stack-left { left: -4px; transform: skewY(.08deg); }
.stack-right { right: -4px; transform: skewY(-.08deg); }
.base-page, .flip-sheet {
  position: absolute;
  top: 0;
  width: var(--page-w);
  height: var(--page-h);
}
.base-page {
  overflow: hidden;
  background: var(--paper);
  box-shadow: inset 0 0 0 1px rgba(84, 64, 47, .08);
}
.base-left { left: 0; border-radius: 6px 1px 1px 6px; }
.base-right { left: 50%; border-radius: 1px 6px 6px 1px; }
.base-page img, .sheet-face img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: fill;
  pointer-events: none;
  -webkit-user-drag: none;
}
.paper-surface.blank-page {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 30% 20%, rgba(214,164,61,.06), transparent 34%),
    linear-gradient(135deg, #f7f1e8 0%, #ece2d5 100%);
}
.blank-brand { color: rgba(109, 75, 47, .12); font-size: clamp(24px, 4vw, 58px); font-weight: 900; letter-spacing: -.04em; }
.spine {
  position: absolute;
  left: 50%;
  top: -1px;
  width: 28px;
  height: calc(100% + 2px);
  transform: translateX(-50%);
  z-index: 11;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(32,17,11,.16) 23%, rgba(255,255,255,.12) 48%, rgba(30,17,12,.18) 72%, transparent);
  mix-blend-mode: multiply;
}
.base-left::after, .base-right::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.base-left::after { background: linear-gradient(90deg, transparent 78%, rgba(56,36,24,.11) 100%); }
.base-right::after { background: linear-gradient(90deg, rgba(56,36,24,.13) 0%, transparent 20%); }

.flip-sheet {
  left: 50%;
  z-index: 20;
  transform-origin: left center;
  transform-style: preserve-3d;
  pointer-events: none;
  display: none;
  will-change: transform;
}
.flip-sheet.is-active { display: block; }
.flip-sheet.is-prev { left: 0; transform-origin: right center; }
.sheet-face {
  position: absolute;
  inset: 0;
  overflow: hidden;
  backface-visibility: hidden;
  background: var(--paper);
  box-shadow: 0 4px 16px rgba(35, 24, 17, .18);
}
.sheet-front { transform: rotateY(0deg); }
.sheet-back { transform: rotateY(180deg); }
.flip-sheet:not(.is-prev) .sheet-front { border-radius: 1px 6px 6px 1px; }
.flip-sheet:not(.is-prev) .sheet-back { border-radius: 6px 1px 1px 6px; }
.flip-sheet.is-prev .sheet-front { border-radius: 6px 1px 1px 6px; }
.flip-sheet.is-prev .sheet-back { border-radius: 1px 6px 6px 1px; }
.page-gloss {
  position: absolute;
  inset: 0;
  opacity: .0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,.28), transparent 16%, transparent 75%, rgba(0,0,0,.12));
  transition: opacity .1s linear;
}
.flip-sheet.is-active .page-gloss { opacity: .55; }

.corner-hotspot {
  position: absolute;
  bottom: 0;
  z-index: 25;
  width: 13%;
  height: 24%;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.hotspot-left { left: 0; }
.hotspot-right { right: 0; }
.corner-hotspot::after {
  content: "";
  position: absolute;
  width: 38px;
  height: 38px;
  bottom: 0;
  opacity: 0;
  transition: .2s ease;
}
.hotspot-left::after { left: 0; background: radial-gradient(circle at 0 100%, rgba(214,164,61,.34), transparent 70%); }
.hotspot-right::after { right: 0; background: radial-gradient(circle at 100% 100%, rgba(214,164,61,.34), transparent 70%); }
.corner-hotspot:hover::after { opacity: 1; }

.catalog-controls {
  width: min(720px, 92vw);
  min-height: 54px;
  margin-top: 8px;
  padding: 7px 9px;
  display: grid;
  grid-template-columns: 42px 1fr auto 42px;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(240, 199, 106, .16);
  border-radius: 16px;
  background: rgba(18, 13, 12, .68);
  box-shadow: 0 16px 40px rgba(0,0,0,.16);
  backdrop-filter: blur(16px);
}
.nav-button {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(240, 199, 106, .18);
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  cursor: pointer;
  transition: .2s ease;
}
.nav-button:hover:not(:disabled) { background: rgba(214,164,61,.12); border-color: rgba(240,199,106,.42); transform: translateY(-1px); }
.nav-button:disabled { opacity: .26; cursor: default; }
.nav-button svg { width: 18px; height: 18px; fill: currentColor; }
.page-readout { min-width: 0; }
.page-readout > span { display: block; margin-bottom: 6px; text-align: center; font-weight: 750; font-size: 12px; letter-spacing: .07em; color: #e7dac8; }
.progress-track { height: 3px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.08); }
.progress-bar { height: 100%; width: 1.25%; border-radius: inherit; background: linear-gradient(90deg, #a86c1c, #f0c76a); transition: width .3s ease; }
.jump-form { display: flex; align-items: center; gap: 7px; }
.jump-form label { color: #9e8d80; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.jump-form input {
  width: 58px;
  height: 36px;
  border: 1px solid rgba(240,199,106,.14);
  border-radius: 10px;
  outline: none;
  color: #f5eee4;
  text-align: center;
  background: rgba(255,255,255,.045);
}
.jump-form input:focus { border-color: rgba(240,199,106,.5); box-shadow: 0 0 0 3px rgba(214,164,61,.08); }
.microcopy { margin: 9px 0 0; color: #77695f; font-size: 10px; letter-spacing: .03em; }

.thumbs-panel {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 80;
  width: min(390px, 92vw);
  height: 100dvh;
  padding: 20px 14px 18px;
  transform: translateX(-102%);
  transition: transform .28s cubic-bezier(.2,.8,.2,1);
  background: rgba(19, 13, 11, .97);
  border-right: 1px solid rgba(240,199,106,.18);
  box-shadow: 24px 0 70px rgba(0,0,0,.45);
  backdrop-filter: blur(18px);
}
.thumbs-panel.is-open { transform: translateX(0); }
.thumbs-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 5px 15px; }
.thumbs-top strong { display: block; font-size: 17px; }
.thumbs-top span { display: block; margin-top: 3px; color: #8e7e71; font-size: 11px; }
.close-thumbs { width: 36px; height: 36px; border: 1px solid rgba(240,199,106,.16); border-radius: 50%; background: transparent; cursor: pointer; font-size: 24px; line-height: 1; }
.thumbs-grid {
  height: calc(100% - 68px);
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding: 0 5px 14px;
  scrollbar-width: thin;
  scrollbar-color: #5d4837 transparent;
}
.thumb {
  position: relative;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  background: #fff;
  cursor: pointer;
  transition: .18s ease;
}
.thumb:hover { transform: translateY(-2px); border-color: rgba(240,199,106,.55); box-shadow: 0 8px 20px rgba(0,0,0,.24); }
.thumb.is-current { outline: 2px solid var(--hellen-gold); outline-offset: 2px; }
.thumb img { width: 100%; aspect-ratio: 1.06383; object-fit: fill; display: block; }
.thumb span {
  position: absolute;
  right: 6px;
  bottom: 6px;
  min-width: 25px;
  padding: 4px 6px;
  border-radius: 7px;
  background: rgba(20,14,12,.82);
  color: #f2e5d4;
  font-size: 9px;
  font-weight: 800;
  text-align: center;
}

body.is-flipping .book-instruction { opacity: 0; }
body.is-fullscreen .catalog-header { opacity: .15; transition: opacity .2s ease; }
body.is-fullscreen .catalog-header:hover { opacity: 1; }

@media (max-width: 1100px) {
  :root { --page-w: clamp(290px, 43vw, 530px); }
  .catalog-header { grid-template-columns: auto 1fr auto; }
  .catalog-heading p { display: none; }
  .icon-button span { display: none; }
  .icon-button { width: 42px; padding: 0; justify-content: center; }
}

@media (max-width: 760px) {
  :root { --page-w: min(46vw, 340px); }
  .catalog-hero { padding: 16px 10px 24px; }
  .catalog-header { grid-template-columns: 1fr auto; gap: 12px; padding: 0 4px 14px; }
  .brand-lockup { display: none; }
  .catalog-heading { text-align: left; }
  .catalog-heading h1 { font-size: 24px; }
  .catalog-heading .eyebrow { font-size: 9px; }
  .header-actions { gap: 5px; }
  .book-zone { padding-top: 14px; }
  .book-wrap { width: calc(var(--page-w) * 2 + 20px); height: calc(var(--page-h) + 34px); }
  .book-instruction { display: none; }
  .catalog-controls { grid-template-columns: 40px 1fr 40px; gap: 7px; width: 96vw; }
  .jump-form { display: none; }
  .microcopy { font-size: 9px; }
}

@media (max-width: 480px) {
  :root { --page-w: 46.5vw; }
  .catalog-header { align-items: end; }
  .catalog-heading h1 { font-size: 20px; }
  .header-actions .icon-button:first-child { display: none; }
  .book-wrap { transform: translateY(4px); }
  .catalog-controls { margin-top: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* HELLEN SITE INTEGRATION — catalogo.html */
:root{
  --red:#a80f20;
  --red-dark:#790b17;
  --ink:#191817;
  --muted:#6e6964;
  --cream:#f5f1eb;
  --paper:#fff;
  --line:rgba(25,24,23,.12);
  --max:1240px;
  --shadow:0 22px 60px rgba(30,24,20,.12);
  --hellen-gold:#a80f20;
  --hellen-gold-2:#c2152a;
}
html{background:var(--cream)}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 82% 18%,rgba(168,15,32,.07),transparent 28%),
    linear-gradient(180deg,#fff 0%,var(--cream) 58%,#eee8e0 100%);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}

/* Mesmo cabeçalho da Home */
.site-header{
  position:fixed;
  z-index:100;
  top:0;
  left:0;
  right:0;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
  box-shadow:0 8px 30px rgba(0,0,0,.05);
}
.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center}
.brand-logo{display:block;width:190px;height:auto;filter:none}
.nav-links{display:flex;align-items:center;gap:18px;color:var(--ink);font-size:.9rem;font-weight:650}
.nav-links a{position:relative}
.nav-links a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:currentColor;transition:.25s}
.nav-links a:not(.nav-cta):hover::after,.nav-links a.active:not(.nav-cta)::after{width:100%}
.nav-links a.active{color:var(--red)}
.nav-cta{border:1px solid #1f8f4e;padding:12px 18px;border-radius:999px}
.catalog-cta{background:#1f8f4e;border-color:#1f8f4e;color:#fff!important;transition:.25s ease}
.catalog-cta:hover{background:#18763f;border-color:#18763f;transform:translateY(-1px)}
.menu-btn{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);align-items:center;justify-content:center;cursor:pointer}

.catalog-page{min-height:100svh}
.catalog-hero{padding:126px clamp(18px,3vw,48px) 46px;min-height:100svh}
.catalog-hero::before{opacity:.34;background-image:linear-gradient(rgba(25,24,23,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(25,24,23,.025) 1px,transparent 1px)}
.ambient{opacity:.10;filter:blur(95px)}
.ambient-a{background:var(--red);left:-160px;top:14%}
.ambient-b{background:#b9a79a;right:-140px;bottom:-80px}

.catalog-header{border-bottom:1px solid var(--line);padding-bottom:24px}
.back-site{color:var(--red);font-size:12px;font-weight:800;text-decoration:none;margin-bottom:8px}
.brand-sub{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.11em}
.catalog-heading .eyebrow{color:var(--red);font-weight:850}
.catalog-heading h1{color:var(--ink);font-weight:750}
.catalog-heading p{color:var(--muted)}
.icon-button{border:1px solid var(--line);color:var(--ink);background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(30,24,20,.05)}
.icon-button:hover{color:var(--red);border-color:rgba(168,15,32,.35);background:#fff;transform:translateY(-1px)}

.book-instruction{color:var(--ink);background:rgba(255,255,255,.92);border-color:rgba(168,15,32,.18);box-shadow:0 12px 40px rgba(30,24,20,.10)}
.hint-corner{border-color:var(--red)}
.book-wrap{filter:drop-shadow(0 38px 50px rgba(30,24,20,.22))}
.book-wrap::before{background:rgba(30,24,20,.22)}
.book::before{background:linear-gradient(145deg,#3b3835 0%,#201f1d 42%,#0d0d0d 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 18px 42px rgba(0,0,0,.22)}
.book::after{box-shadow:inset 0 0 0 1px rgba(168,15,32,.08)}
.paper-surface.blank-page{background:radial-gradient(circle at 30% 20%,rgba(168,15,32,.05),transparent 34%),linear-gradient(135deg,#fff 0%,#f4efe9 100%)}
.blank-brand{color:rgba(168,15,32,.10)}
.hotspot-left::after{background:radial-gradient(circle at 0 100%,rgba(168,15,32,.30),transparent 70%)}
.hotspot-right::after{background:radial-gradient(circle at 100% 100%,rgba(168,15,32,.30),transparent 70%)}

.catalog-controls{border:1px solid var(--line);background:rgba(255,255,255,.90);box-shadow:0 16px 40px rgba(30,24,20,.08)}
.nav-button{border:1px solid var(--line);background:#fff;color:var(--ink)}
.nav-button:hover:not(:disabled){background:rgba(168,15,32,.06);border-color:rgba(168,15,32,.28);color:var(--red)}
.page-readout>span{color:var(--ink)}
.progress-track{background:rgba(25,24,23,.09)}
.progress-bar{background:linear-gradient(90deg,var(--red-dark),var(--red))}
.jump-form label{color:var(--muted)}
.jump-form input{border:1px solid var(--line);color:var(--ink);background:#fff}
.jump-form input:focus{border-color:rgba(168,15,32,.48);box-shadow:0 0 0 3px rgba(168,15,32,.07)}
.microcopy{color:var(--muted)}

.thumbs-panel{background:rgba(255,255,255,.98);border-right:1px solid var(--line);box-shadow:24px 0 70px rgba(30,24,20,.18)}
.thumbs-top strong{color:var(--ink)}
.thumbs-top span{color:var(--muted)}
.close-thumbs{border:1px solid var(--line);color:var(--ink);background:#fff}
.thumbs-grid{scrollbar-color:var(--red) transparent}
.thumb{border-color:var(--line)}
.thumb:hover{border-color:rgba(168,15,32,.45);box-shadow:0 8px 20px rgba(30,24,20,.12)}
.thumb.is-current{outline-color:var(--red)}
.thumb span{background:rgba(25,24,23,.82);color:#fff}

.site-footer{background:#0e0e0e;color:#aaa49f;padding:26px 0}
.site-footer-inner{width:min(calc(100% - 40px),var(--max));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.76rem}
.site-footer-copy{display:flex;align-items:center;gap:20px;min-width:0}
.site-footer-copy img{display:block;width:260px;max-width:42vw;height:auto;object-fit:contain}
.site-footer a{color:#fff;font-weight:700}

@media(max-width:1100px){
  .nav-links{gap:18px;font-size:.84rem}
  .nav-cta{padding:11px 14px}
}
@media(max-width:980px){
  .nav-links{position:absolute;left:20px;right:20px;top:76px;display:none;flex-direction:column;align-items:stretch;background:#fff;color:var(--ink)!important;padding:18px;border-radius:22px;box-shadow:var(--shadow)}
  .nav-links.open{display:flex}
  .nav-links .nav-cta{text-align:center;background:#1f8f4e;color:#fff;border-color:#1f8f4e}
  .nav-links a:not(.nav-cta)::after{display:none}
  .menu-btn{display:flex}
}
@media(max-width:760px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .nav{height:72px}.brand-logo{width:150px}
  .catalog-hero{padding:104px 10px 30px}
  .catalog-header{padding:0 4px 16px}
  .site-footer-inner{width:min(calc(100% - 28px),var(--max));flex-direction:column;align-items:flex-start}
  .site-footer-copy{flex-direction:column;align-items:flex-start;gap:12px}
  .site-footer-copy img{width:230px;max-width:80vw}
}

/* Hellen AI Green CTA */
@keyframes hellenAIGreen{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes hellenAIScan{0%{transform:translateX(-180%) skewX(-18deg);opacity:0}18%{opacity:.72}45%,100%{transform:translateX(320%) skewX(-18deg);opacity:0}}
.catalog-cta{position:relative!important;isolation:isolate;overflow:hidden;border:1px solid rgba(125,255,177,.58)!important;background:linear-gradient(115deg,#0a5b36 0%,#159557 24%,#24c974 47%,#0f7f49 70%,#39df88 100%)!important;background-size:280% 280%!important;color:#fff!important;box-shadow:0 7px 24px rgba(23,166,91,.28),inset 0 1px 0 rgba(255,255,255,.26);text-shadow:0 1px 8px rgba(0,0,0,.16);animation:hellenAIGreen 5.5s ease-in-out infinite;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease!important;will-change:background-position,transform}
.catalog-cta::before{content:"";position:absolute;z-index:-1;top:-55%;bottom:-55%;left:-22%;width:34%;background:linear-gradient(90deg,transparent,rgba(220,255,234,.58),transparent);filter:blur(1px);animation:hellenAIScan 3.8s ease-in-out infinite;pointer-events:none}
.catalog-cta::after{content:"";position:absolute;inset:1px;z-index:-2;border-radius:inherit;background:radial-gradient(circle at 50% -30%,rgba(210,255,229,.3),transparent 45%);pointer-events:none}
.catalog-cta:hover{transform:translateY(-2px) scale(1.015)!important;filter:saturate(1.12) brightness(1.06);box-shadow:0 11px 34px rgba(22,188,98,.4),0 0 0 4px rgba(54,219,131,.1),inset 0 1px 0 rgba(255,255,255,.36)!important}
.catalog-cta:active{transform:translateY(0) scale(.99)!important}
@media(max-width:1100px){.catalog-cta{font-size:.78rem!important;padding:10px 13px!important;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.catalog-cta,.catalog-cta::before{animation:none!important}}
/* /Hellen AI Green CTA */