/* ==========================================================
   Expresso Rapido — thème « pop galerie »
   1. Base commune à tout le site  2. Page d'accueil
   ========================================================== */

:root {
  --er-paper:   #fff9f0;
  --er-paper-2: #fff1dc;
  --er-ink:     #141414;
  --er-ink-2:   #4b4740;
  --er-ink-3:   #8d877d;
  --er-line:    rgba(20,20,20,.1);
  --er-orange:  #ff5a1f;
  --er-turq:    #12b5c9;
  --er-yellow:  #ffd23f;
  --er-green:   #2bb24c;
  --er-cobalt:  #2747d9;
  --er-rose:    #ff4f8b;
  --er-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --er-sans:    'DM Sans', system-ui, sans-serif;
  --er-script:  'Lobster', cursive;
  --er-border:  1.5px solid var(--er-ink);
  --er-ease:    cubic-bezier(.2,.7,.2,1);
  --er-pop:     cubic-bezier(.34,1.56,.64,1);
}

/* ── 1. Base commune ─────────────────────────────────────── */
body { background: var(--er-paper); color: var(--er-ink-2); font-family: var(--er-sans); }
body, button, input, select, textarea, .ast-button, .ast-custom-button { font-family: var(--er-sans); }
h1, h2, h3, h4, h5, h6, .entry-title, .site-title, .woocommerce-loop-product__title, .product_title {
  font-family: var(--er-display); color: var(--er-ink); letter-spacing: -.02em;
}

/* En-tête Astra */
.ast-primary-header-bar, .main-header-bar {
  background: rgba(255,249,240,.9) !important;
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--er-line) !important;
}
.main-header-menu > .menu-item { display: flex; align-items: center; }
.main-header-menu .menu-link {
  font-family: var(--er-sans); font-weight: 700; color: var(--er-ink) !important;
  border-radius: 999px; transition: background .2s;
}
.main-header-menu > .menu-item > .menu-link { line-height: 1.2 !important; padding: 10px 16px !important; }
.main-header-menu > .menu-item > .menu-link:hover,
.main-header-menu > .current-menu-item > .menu-link { background: var(--er-paper-2); }
.main-header-menu .sub-menu { border: var(--er-border) !important; border-radius: 14px; overflow: hidden; }

/* Boutons WooCommerce et Astra */
.woocommerce a.button, .woocommerce button.button, .woocommerce .button.alt,
.wp-block-button__link, .ast-button {
  font-family: var(--er-sans) !important; font-weight: 700 !important;
  border-radius: 999px !important; border: var(--er-border) !important;
  background: var(--er-orange) !important; color: #fff !important;
  box-shadow: 4px 4px 0 var(--er-ink); transition: transform .3s var(--er-pop), box-shadow .3s var(--er-ease);
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .wp-block-button__link:hover, .ast-button:hover {
  transform: translate(-2px,-2px); box-shadow: 5px 5px 0 var(--er-ink);
}

:focus-visible { outline: 3px solid var(--er-cobalt); outline-offset: 3px; }

/* ── 2. Page d'accueil ───────────────────────────────────── */
/* L'en-tête transparent d'Astra recouvrait le haut des pages : il reprend sa place normale. */
.ast-theme-transparent-header #masthead { position: relative; }
/* Astra place le contenu dans un conteneur étroit : l'accueil prend toute la largeur. */
.home .site-content > .ast-container { max-width: none; padding: 0; display: block; }
.home .site-content { background: var(--er-paper); }

.er-home { overflow-x: clip; font-size: 17px; line-height: 1.6; }
.er-home img { display: block; max-width: 100%; height: auto; }
.er-home a { text-decoration: none; }
.er-container { width: min(1240px, 100% - 40px); margin-inline: auto; }

/* Boutons */
.er-btn {
  display: inline-flex; align-items: center; gap: 10px; padding: 16px 26px; border-radius: 999px;
  font-family: var(--er-sans); font-weight: 700; font-size: 16px; line-height: 1.2; border: var(--er-border);
  transition: transform .3s var(--er-pop), box-shadow .3s var(--er-ease), background .2s;
}
.er-btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.er-btn-main { background: var(--er-orange); color: #fff !important; box-shadow: 4px 4px 0 var(--er-ink); }
.er-btn-main:hover { transform: translate(-2px,-2px); box-shadow: 5px 5px 0 var(--er-ink); }
.er-btn-alt { background: #fff; color: var(--er-ink) !important; }
.er-btn-alt:hover { background: var(--er-yellow); transform: rotate(-2deg); }
.er-btn-dark { background: var(--er-ink); color: #fff !important; }
.er-btn-dark:hover { transform: scale(1.04); }
.er-btn-sm { padding: 10px 20px; }
.er-icon-btn {
  width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; border: var(--er-border);
  color: var(--er-ink); transition: transform .3s var(--er-pop), background .2s;
}
.er-icon-btn:hover { transform: rotate(-8deg) scale(1.06); background: var(--er-yellow); }
.er-icon-btn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* Haut de page */
.er-hero { position: relative; padding: clamp(50px, 7vw, 90px) 0 clamp(70px, 9vw, 120px); }
.er-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 40px; align-items: center; }
.er-kicker {
  display: inline-flex; align-items: center; gap: 10px; margin: 0; padding: 8px 16px; border-radius: 999px;
  background: #fff; border: var(--er-border); font-weight: 700; font-size: 14px; color: var(--er-ink); box-shadow: 4px 4px 0 var(--er-ink);
}
.er-kicker i { width: 10px; height: 10px; border-radius: 50%; background: var(--er-green); }
.er-hero h1 {
  font-family: var(--er-display); font-weight: 800; color: var(--er-ink);
  font-size: clamp(3.2rem, 8.4vw, 7.4rem); line-height: .9; letter-spacing: -.045em; margin: 28px 0 26px;
}
.er-word { position: relative; display: inline-block; color: var(--er-orange); }
.er-word svg { position: absolute; left: -2%; bottom: -.12em; width: 104%; height: .32em; overflow: visible; }
.er-word path { fill: none; stroke: var(--er-turq); stroke-width: 7; stroke-linecap: round; stroke-dasharray: 600; stroke-dashoffset: 600; animation: er-draw 1.4s .6s var(--er-ease) forwards; }
@keyframes er-draw { to { stroke-dashoffset: 0; } }
.er-hero-sub { max-width: 520px; font-size: 1.15rem; margin: 0; }
.er-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.er-trust { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 40px 0 0; padding: 0; list-style: none; font-size: 14px; font-weight: 700; color: var(--er-ink); }
.er-trust li { display: inline-flex; align-items: center; gap: 8px; }
.er-trust li::before { content: "✓"; color: var(--er-green); font-size: 16px; }
.er-blob { position: absolute; z-index: 0; width: 380px; height: 380px; border-radius: 50%; background: var(--er-yellow); right: -120px; top: -60px; opacity: .55; pointer-events: none; }
.er-hero .er-container { position: relative; z-index: 1; }

.er-collage { position: relative; height: clamp(440px, 48vw, 620px); }
.er-frame {
  position: absolute; background: #fff; padding: 10px; border-radius: 6px; border: var(--er-border);
  box-shadow: 5px 6px 0 var(--er-ink); will-change: transform; transition: transform .8s var(--er-ease);
  transform: rotate(var(--r)) translate(var(--px, 0), var(--py, 0)); animation: er-bob 6s ease-in-out infinite alternate;
}
.er-frame img { width: 100%; height: 100%; object-fit: cover; border-radius: 2px; }
.er-frame:hover { z-index: 9; }
.er-cap {
  position: absolute; left: 12px; bottom: -16px; padding: 4px 10px; border-radius: 999px; background: var(--er-yellow);
  border: var(--er-border); font-size: 12px; font-weight: 700; color: var(--er-ink); white-space: nowrap;
}
.er-f1 { width: 46%; height: 60%; left: 4%; top: 6%; --r: -7deg; z-index: 2; }
.er-f2 { width: 42%; height: 58%; right: 2%; top: 0; --r: 6deg; z-index: 1; animation-delay: -2s; }
.er-f3 { width: 38%; height: 50%; left: 34%; bottom: 0; --r: -2deg; z-index: 3; animation-delay: -4s; }
.er-f4 { width: 26%; aspect-ratio: 1; height: auto; right: 0; bottom: 8%; --r: 9deg; z-index: 4; animation-delay: -1s; }
@keyframes er-bob { to { translate: 0 -12px; } }
.er-sticker {
  position: absolute; z-index: 6; left: -2%; bottom: 6%; width: 132px; height: 132px; border-radius: 50%;
  background: var(--er-turq); border: var(--er-border); display: grid; place-items: center; box-shadow: 4px 4px 0 var(--er-ink);
}
.er-sticker svg { position: absolute; inset: 6px; width: calc(100% - 12px); height: calc(100% - 12px); animation: er-spin 18s linear infinite; }
.er-sticker text { font-family: var(--er-display); font-weight: 800; font-size: 11.5px; letter-spacing: .14em; fill: var(--er-ink); text-transform: uppercase; }
.er-sticker b { font-size: 34px; color: var(--er-ink); }
@keyframes er-spin { to { transform: rotate(360deg); } }

/* Bandeau défilant */
.er-band { background: var(--er-ink); color: #fff; padding: 20px 0; overflow: hidden; transform: rotate(-1.5deg); margin: 0 -20px; }
.er-band-track { display: flex; width: max-content; animation: er-slide 36s linear infinite; }
.er-band span { display: inline-flex; align-items: center; gap: 22px; padding-right: 22px; font-family: var(--er-display); font-weight: 800; font-size: clamp(1.4rem, 2.6vw, 2.2rem); letter-spacing: -.02em; white-space: nowrap; }
.er-band span::after { content: "✺"; font-size: .7em; }
.er-band span:nth-child(4n+1)::after { color: var(--er-orange); }
.er-band span:nth-child(4n+2)::after { color: var(--er-yellow); }
.er-band span:nth-child(4n+3)::after { color: var(--er-turq); }
.er-band span:nth-child(4n)::after   { color: var(--er-green); }
@keyframes er-slide { to { transform: translateX(-50%); } }

/* Sections */
.er-block { padding: clamp(80px, 10vw, 130px) 0; }
.er-tight { padding-top: 0; }
.er-head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 44px; }
.er-tag { display: inline-block; font-family: var(--er-script); font-size: 26px; color: var(--er-orange); margin-bottom: 6px; }
.er-title { font-family: var(--er-display); font-weight: 800; color: var(--er-ink); font-size: clamp(2.4rem, 5.4vw, 4.4rem); line-height: .95; letter-spacing: -.04em; margin: 0; }
.er-title em { font-style: normal; color: var(--er-cobalt); }

/* Dernier tableau */
.er-spot { display: grid; grid-template-columns: .9fr 1.1fr; border: var(--er-border); border-radius: 36px; overflow: hidden; background: var(--er-green); box-shadow: 6px 7px 0 var(--er-ink); }
.er-spot-art { padding: clamp(28px, 4vw, 54px); display: grid; place-items: center; background: radial-gradient(circle at 30% 30%, #3fd062, var(--er-green) 70%); }
.er-spot-art img { width: auto; max-width: min(100%, 420px); max-height: 520px; border: 10px solid #fff; border-radius: 4px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.5); transform: rotate(-3deg); transition: transform .8s var(--er-ease); }
.er-spot:hover .er-spot-art img { transform: rotate(0) scale(1.03); }
.er-spot-body { background: #fff; padding: clamp(32px, 5vw, 70px); display: flex; flex-direction: column; justify-content: center; gap: 20px; border-left: var(--er-border); }
.er-spot-body h2 { font-weight: 800; font-size: clamp(2.4rem, 4.6vw, 3.8rem); line-height: .95; letter-spacing: -.04em; margin: 0; }
.er-spot-body p { margin: 0; }
.er-new { align-self: flex-start; padding: 6px 14px; border-radius: 999px; background: var(--er-rose); color: #fff; font-weight: 700; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; border: var(--er-border); transform: rotate(-3deg); }
.er-specs { display: flex; flex-wrap: wrap; gap: 8px; }
.er-specs span { padding: 6px 12px; border-radius: 999px; background: var(--er-paper-2); font-size: 14px; font-weight: 700; color: var(--er-ink); }
.er-price-row { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 6px; }
.er-price { font-family: var(--er-display); font-weight: 800; font-size: 2.6rem; color: var(--er-ink); letter-spacing: -.03em; line-height: 1; }

/* Galerie */
.er-filters { display: flex; flex-wrap: wrap; gap: 10px; }
.er-filter {
  padding: 10px 18px; border-radius: 999px; border: var(--er-border); font-weight: 700; font-size: 15px; color: var(--er-ink);
  background: #fff; cursor: pointer; line-height: 1.2; transition: transform .3s var(--er-pop), background .2s, color .2s;
}
.er-filter:hover { transform: translateY(-2px); background: #fff; color: var(--er-ink); }
.er-filter[aria-pressed="true"] { background: var(--er-ink); color: #fff; }
.er-filter b { opacity: .5; margin-left: 6px; }
.er-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }
.er-card {
  position: relative; display: flex; flex-direction: column; background: #fff; border: var(--er-border); border-radius: 22px; overflow: hidden;
  transition: transform .45s var(--er-pop), box-shadow .45s var(--er-ease);
}
.er-card:hover { transform: translate(-4px,-6px) rotate(-1deg); box-shadow: 5px 6px 0 var(--er-ink); }
.er-card:nth-child(even):hover { transform: translate(-4px,-6px) rotate(1deg); }
.er-card.er-hide { display: none; }
.er-card-img { position: relative; aspect-ratio: 4/5; background: #fff; display: grid; place-items: center; padding: 18px; border-bottom: var(--er-border); overflow: hidden; }
.er-card-img img { width: 100%; height: 100%; object-fit: contain; transition: transform .8s var(--er-ease); }
.er-card:hover .er-card-img img { transform: scale(1.06); }
.er-card[data-c="tableaux"] .er-card-img { padding: 0; }
.er-card[data-c="tableaux"] .er-card-img img { object-fit: cover; }
.er-badge { position: absolute; top: 12px; left: 12px; z-index: 2; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; border: var(--er-border); color: var(--er-ink); background: var(--c); }
.er-card .add {
  position: absolute; right: 12px; top: calc(100% - 100px); z-index: 2; width: 46px; height: 46px; border-radius: 50%;
  display: grid; place-items: center; background: var(--er-orange); color: #fff; border: var(--er-border);
  transform: scale(.6) rotate(-90deg); opacity: 0; transition: transform .4s var(--er-pop), opacity .3s;
}
.er-card .add svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; }
.er-card:hover .add, .er-card .add:focus-visible { transform: none; opacity: 1; }
.er-card .add.loading { opacity: .6; }
.er-card .add.added { background: var(--er-green); opacity: 1; transform: none; }
.er-card .added_to_cart { display: none; } /* WooCommerce ajoute un lien « Voir le panier » : le message suffit */
.er-card-body { padding: 16px 18px 18px; display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.er-card-body h3 { font-weight: 600; font-size: 1.12rem; line-height: 1.15; margin: 0; letter-spacing: -.01em; }
.er-card-body h3 a { color: var(--er-ink); }
.er-p { font-family: var(--er-display); font-weight: 800; font-size: 1.1rem; color: var(--er-ink); white-space: nowrap; }
.er-more { display: flex; justify-content: center; margin-top: 50px; }

/* Catégories */
.er-cats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.er-cat {
  position: relative; overflow: hidden; border: var(--er-border); border-radius: 28px; background: var(--c); padding: 26px; min-height: 300px;
  display: flex; flex-direction: column; justify-content: space-between; transition: transform .45s var(--er-pop), box-shadow .45s;
}
.er-cat:hover { transform: rotate(-2deg) translateY(-6px); box-shadow: 5px 6px 0 var(--er-ink); }
.er-cat:nth-child(even):hover { transform: rotate(2deg) translateY(-6px); }
.er-cat h3 { position: relative; z-index: 1; max-width: 75%; font-weight: 800; font-size: 2rem; line-height: .95; letter-spacing: -.03em; margin: 0; }
.er-cat p { position: relative; z-index: 1; align-self: flex-start; margin: 0; padding: 6px 12px; border-radius: 999px; background: #fff; border: var(--er-border); font-weight: 700; color: var(--er-ink); font-size: 14px; }
.er-cat img { position: absolute; right: -10%; bottom: -16%; width: 54%; transform: rotate(10deg); border: 6px solid #fff; border-radius: 4px; box-shadow: 0 20px 40px -12px rgba(0,0,0,.4); transition: transform .8s var(--er-ease); }
.er-cat:hover img { transform: rotate(4deg) translateY(-10px); }

/* Livres */
.er-books {
  position: relative; background: var(--er-cobalt); color: #fff; border-radius: 44px; overflow: hidden; padding: clamp(40px, 6vw, 90px);
  display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(30px, 5vw, 80px); align-items: center; border: var(--er-border); box-shadow: 6px 7px 0 var(--er-ink);
}
.er-books::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,210,63,.35) 2px, transparent 2.5px); background-size: 26px 26px; opacity: .5; pointer-events: none; }
.er-book3d { position: relative; perspective: 1200px; display: grid; place-items: center; }
.er-book3d img { width: min(100%, 290px); border-radius: 4px 10px 10px 4px; transform: rotateY(-22deg) rotateX(4deg); box-shadow: 30px 30px 60px -20px rgba(0,0,0,.6); transition: transform .9s var(--er-ease); }
.er-books:hover .er-book3d img { transform: rotateY(-6deg) rotateX(1deg) translateY(-8px); }
.er-books-body { position: relative; }
.er-books .er-tag { color: var(--er-yellow); }
.er-books h2 { color: #fff; font-weight: 800; font-size: clamp(2.6rem, 5.4vw, 4.6rem); line-height: .92; letter-spacing: -.04em; margin: 0 0 20px; }
.er-books p { color: rgba(255,255,255,.85); font-size: 1.08rem; max-width: 540px; margin: 0; }
.er-formats { display: flex; flex-wrap: wrap; gap: 14px; margin: 30px 0; }
.er-format { flex: 1 1 200px; padding: 18px 20px; border-radius: 20px; background: rgba(255,255,255,.1); border: 1.5px solid rgba(255,255,255,.35); color: #fff; transition: background .25s, transform .3s var(--er-pop); }
.er-format:hover { background: var(--er-yellow); color: var(--er-ink); transform: translateY(-4px); }
.er-format small { display: block; font-size: 13px; font-weight: 700; opacity: .8; text-transform: uppercase; letter-spacing: .08em; }
.er-format b { font-family: var(--er-display); font-weight: 800; font-size: 1.9rem; }
.er-others { display: flex; align-items: center; gap: 14px; font-weight: 700; font-size: 14px; }
.er-others img { width: 54px; height: auto; border-radius: 3px; border: 2px solid #fff; transition: transform .3s var(--er-pop); }
.er-others a:hover img { transform: translateY(-4px) rotate(-4deg); }

/* L'artiste */
.er-about { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(30px, 6vw, 90px); align-items: center; }
.er-about-art { position: relative; max-width: 440px; justify-self: center; width: 100%; }
.er-about-art img { width: 100%; background: #fff; padding: 24px; border: var(--er-border); border-radius: 30px; box-shadow: 6px 7px 0 var(--er-orange); transform: rotate(-2deg); }
.er-bubble { position: absolute; right: -6%; top: 8%; padding: 14px 20px; background: #fff; border: var(--er-border); border-radius: 22px 22px 22px 4px; font-family: var(--er-script); font-size: 24px; color: var(--er-ink); transform: rotate(6deg); box-shadow: 4px 4px 0 var(--er-ink); }
.er-quote { font-family: var(--er-display); font-weight: 600; font-size: clamp(1.7rem, 3vw, 2.5rem); line-height: 1.12; letter-spacing: -.025em; color: var(--er-ink); margin: 18px 0 26px; }
.er-quote mark { background: linear-gradient(transparent 58%, var(--er-yellow) 58%); color: inherit; padding: 0 .1em; }
.er-about p { margin: 0 0 14px; }
.er-socials { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 30px; }

/* Suivre l'atelier */
.er-news { background: var(--er-yellow); border: var(--er-border); border-radius: 40px; padding: clamp(40px, 6vw, 80px); display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; box-shadow: 6px 7px 0 var(--er-ink); }
.er-news h2 { font-weight: 800; font-size: clamp(2.2rem, 4.6vw, 3.8rem); line-height: .95; letter-spacing: -.04em; margin: 0; }
.er-news p { color: var(--er-ink); margin: 14px 0 0; font-weight: 500; }
.er-news-actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* Message « ajouté au panier » */
.er-toast {
  position: fixed; left: 50%; bottom: 24px; z-index: 9999; transform: translate(-50%, calc(100% + 40px)); padding: 14px 22px;
  border-radius: 999px; background: var(--er-ink); color: #fff; font-weight: 700; font-size: 15px;
  box-shadow: 0 16px 40px -12px rgba(0,0,0,.5); transition: transform .5s var(--er-pop); white-space: nowrap;
}
.er-toast.er-show { transform: translate(-50%, 0); }

/* Apparitions au défilement (seulement si le script est actif) */
.er-js .er-reveal { opacity: 0; transform: translateY(30px); transition: opacity .9s var(--er-ease), transform .9s var(--er-ease); }
.er-js .er-reveal.er-visible { opacity: 1; transform: none; }

/* ── 3. Boutique, catégories et fiches produit ───────────── */
/* Plus de grand cadre blanc : la boutique s'affiche sur le fond crème. */
.woocommerce.ast-separate-container .ast-woocommerce-container,
.woocommerce-page.ast-separate-container .ast-woocommerce-container,
.ast-separate-container.woocommerce .site-main > .ast-woocommerce-container {
  background: transparent; padding: 0; box-shadow: none;
}
.woocommerce .site-content { background: var(--er-paper); }
.woocommerce-breadcrumb { font-size: 14px !important; color: var(--er-ink-3) !important; }
.woocommerce-breadcrumb a { color: var(--er-ink-2) !important; }
.woocommerce-products-header__title.page-title {
  font-weight: 800 !important; font-size: clamp(2.6rem, 6vw, 4.6rem) !important; line-height: .95 !important;
  letter-spacing: -.04em !important; color: var(--er-ink) !important; margin: 10px 0 24px !important;
}
.woocommerce-products-header__title.page-title::before {
  content: "La boutique"; display: block; font-family: var(--er-script); font-weight: 400; font-size: 26px; letter-spacing: 0; color: var(--er-orange); margin-bottom: 22px; line-height: 1.2;
}
/* Texte de présentation des catégories : le chapeau en gras se détache du paragraphe */
.term-description { max-width: 720px; margin-bottom: 30px; }
.term-description p { margin: 0 0 1em; line-height: 1.7; }
.term-description strong:first-child, .term-description em:first-child, .term-description b:first-child {
  display: block; margin-bottom: 18px; font-size: 1.15rem; line-height: 1.45; color: var(--er-ink);
}

/* Barre de catégories */
.er-shop-cats { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 26px; width: 100%; }
.er-shop-cats a {
  padding: 10px 18px; border-radius: 999px; border: var(--er-border); background: #fff; color: var(--er-ink) !important;
  font-weight: 700; font-size: 15px; line-height: 1.2; text-decoration: none; transition: transform .3s var(--er-pop), background .2s;
}
.er-shop-cats a:hover { transform: translateY(-2px); }
.er-shop-cats a[aria-current="page"] { background: var(--er-ink); color: #fff !important; }

/* Compteur et tri */
.ast-shop-toolbar-container { align-items: center; margin-bottom: 30px !important; }
.woocommerce-result-count { font-weight: 700; color: var(--er-ink-2); }
.woocommerce-ordering select, .woocommerce .orderby, .wppp-select, .form-wppp-select select {
  border: var(--er-border) !important; border-radius: 999px !important; background-color: #fff !important;
  padding: 8px 36px 8px 16px !important; font-weight: 700; color: var(--er-ink) !important; height: auto !important;
}

/* Cartes produit (boutique, catégories, « Vous aimerez aussi ») */
.woocommerce ul.products { gap: 26px; }
.woocommerce ul.products li.product {
  position: relative; background: #fff; border: var(--er-border); border-radius: 22px; overflow: hidden; padding: 0 !important;
  transition: transform .45s var(--er-pop), box-shadow .45s var(--er-ease);
}
.woocommerce ul.products li.product:hover { transform: translate(-4px,-6px) rotate(-1deg); box-shadow: 5px 6px 0 var(--er-ink); }
.woocommerce ul.products li.product:nth-child(even):hover { transform: translate(-4px,-6px) rotate(1deg); }
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap { position: relative; margin: 0; border-bottom: var(--er-border); background: #fff; overflow: hidden; }
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap > a:first-child { display: block; aspect-ratio: 4/5; padding: 18px; }
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap img {
  width: 100% !important; height: 100% !important; object-fit: contain; margin: 0 !important; transition: transform .8s var(--er-ease);
}
.woocommerce ul.products li.product:hover .astra-shop-thumbnail-wrap img { transform: scale(1.06); }
.woocommerce ul.products li.product.product_cat-tableaux .astra-shop-thumbnail-wrap > a:first-child { padding: 0; }
.woocommerce ul.products li.product.product_cat-tableaux .astra-shop-thumbnail-wrap img { object-fit: cover; }
/* Les couvertures de livres restent entières, posées sur un fond crème */
.woocommerce ul.products li.product.product_cat-livres .astra-shop-thumbnail-wrap > a:first-child { background: var(--er-paper-2); padding: 22px 18px; }
.woocommerce ul.products li.product.product_cat-livres .astra-shop-thumbnail-wrap img { filter: drop-shadow(0 12px 18px rgba(0,0,0,.25)); }
.woocommerce ul.products li.product .er-badge { z-index: 3; }
.woocommerce ul.products li.product .astra-shop-summary-wrap { padding: 16px 18px 18px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-weight: 600 !important; font-size: 1.12rem !important; line-height: 1.15 !important; color: var(--er-ink) !important; margin: 0 0 6px !important; padding: 0 !important;
}
.woocommerce ul.products li.product .price {
  font-family: var(--er-display); font-weight: 800 !important; font-size: 1.1rem !important; color: var(--er-ink) !important; margin: 0 !important;
}
.woocommerce ul.products li.product .ast-woo-product-category { font-size: 12px; color: var(--er-ink-3); }
/* Bouton panier rond d'Astra sur la carte */
.woocommerce ul.products li.product .ast-on-card-button {
  top: auto !important; bottom: 12px !important; right: 12px !important; width: 46px !important; height: 46px !important;
  border-radius: 50% !important; background: var(--er-orange) !important; color: #fff !important; border: var(--er-border) !important;
  display: grid !important; place-items: center; opacity: 0; transform: scale(.6) rotate(-90deg); transition: transform .4s var(--er-pop), opacity .3s !important;
}
.woocommerce ul.products li.product:hover .ast-on-card-button, .woocommerce ul.products li.product .ast-on-card-button:focus-visible { opacity: 1; transform: none; }
.woocommerce ul.products li.product .ast-on-card-button svg { fill: currentColor; width: 18px; height: 18px; }
.woocommerce ul.products li.product .ast-on-card-button.added { background: var(--er-green) !important; opacity: 1; transform: none; }
.woocommerce ul.products li.product .ast-card-action-tooltip { display: none !important; }

/* Pagination */
.woocommerce nav.woocommerce-pagination ul { border: 0 !important; display: flex; justify-content: center; gap: 8px; }
.woocommerce nav.woocommerce-pagination ul li { border: 0 !important; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  min-width: 44px; height: 44px; display: grid !important; place-items: center; border-radius: 999px; border: var(--er-border) !important;
  background: #fff; color: var(--er-ink) !important; font-weight: 700;
}
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--er-ink) !important; color: #fff !important; }

/* Fiche produit */
.single-product .site-main div.product.type-product { display: grid !important; width: 100%; grid-template-columns: 1fr 1fr; gap: clamp(30px, 5vw, 70px); align-items: start; }
.single-product .site-main div.product.type-product > * { min-width: 0; } /* sinon le diaporama de la galerie déborde */
.single-product div.product .woocommerce-product-gallery,
.single-product div.product .summary { width: 100% !important; float: none !important; margin: 0 !important; }
.single-product div.product .woocommerce-tabs, .single-product div.product .related, .single-product div.product .upsells { grid-column: 1 / -1; }
.single-product .site-main div.product.type-product { background: transparent !important; padding: 0 !important; }
/* Image principale encadrée (diaporama d'Astra, ou image seule) */
.single-product .woocommerce-product-gallery .flex-viewport,
.single-product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
  background: #fff; border: var(--er-border); border-radius: 24px; box-shadow: 6px 7px 0 var(--er-ink);
}
.single-product .ast-single-product-thumbnails img { border: var(--er-border); border-radius: 12px; }
.single-product .woocommerce-product-gallery__image img { border-radius: 8px; }
.single-product .flex-control-thumbs { display: flex; gap: 10px; margin-top: 18px !important; }
.single-product .flex-control-thumbs li { width: 74px !important; float: none !important; }
.single-product .flex-control-thumbs img { border: var(--er-border); border-radius: 12px; opacity: .65 !important; transition: opacity .2s, transform .3s var(--er-pop); }
.single-product .flex-control-thumbs img.flex-active, .single-product .flex-control-thumbs img:hover { opacity: 1 !important; transform: translateY(-3px); }
.single-product .woocommerce-product-gallery__trigger { background: #fff !important; border: var(--er-border); border-radius: 50% !important; }
.single-product .summary .single-product-category a {
  display: inline-block; padding: 6px 14px; border-radius: 999px; background: var(--er-paper-2); color: var(--er-ink) !important;
  font-size: 13px; font-weight: 700; text-decoration: none; margin: 10px 0 4px;
}
.single-product .summary .product_title {
  font-weight: 800 !important; font-size: clamp(2.4rem, 4.6vw, 3.8rem) !important; line-height: .95 !important; letter-spacing: -.04em !important; margin: 10px 0 18px !important;
}
.single-product .summary .price, .single-product .summary .price .amount {
  font-family: var(--er-display); font-weight: 800 !important; font-size: 2.4rem !important; color: var(--er-ink) !important; letter-spacing: -.03em;
}
.single-product .woocommerce-product-details__short-description ul { list-style: none; margin: 18px 0; padding: 0; display: grid; gap: 8px; }
.single-product .woocommerce-product-details__short-description li { position: relative; padding-left: 24px; }
.single-product .woocommerce-product-details__short-description li::before { content: "✺"; position: absolute; left: 0; color: var(--er-orange); }
.single-product .ast-stock-detail { margin: 6px 0 18px; }
.single-product .ast-stock-avail { display: none; }
.single-product .stock.in-stock {
  display: inline-block; padding: 6px 14px; border-radius: 999px; background: #e3f6e8; color: #17793a !important; font-weight: 700; border: 1.5px solid #17793a;
}
.single-product .stock.out-of-stock { display: inline-block; padding: 6px 14px; border-radius: 999px; background: #fde7e7; color: #b42318 !important; font-weight: 700; }
.single-product form.cart { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 10px 0 22px !important; }
.single-product form.cart .quantity input.qty { border: var(--er-border) !important; border-radius: 999px !important; height: 56px; width: 80px; text-align: center; font-weight: 700; }
.single-product .single_add_to_cart_button { padding: 18px 34px !important; font-size: 17px !important; }
.er-trust-product { margin: 0 0 26px !important; }
.single-product .product_meta { font-size: 14px; color: var(--er-ink-3); border-top: 1px solid var(--er-line); padding-top: 16px; }
.single-product .product_meta > span { display: block; margin-bottom: 4px; }
.single-product .product_meta a { color: var(--er-ink-2) !important; }

/* Onglets (description) */
.woocommerce-tabs { margin-top: 30px; }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0 !important; margin: 0 0 20px !important; display: flex; gap: 10px; border: 0 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border: var(--er-border) !important; border-radius: 999px !important; background: #fff !important; margin: 0 !important; padding: 0 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 10px 20px !important; font-weight: 700 !important; color: var(--er-ink) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--er-ink) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #fff !important; }
.woocommerce div.product .woocommerce-tabs .panel { background: #fff; border: var(--er-border); border-radius: 24px; padding: clamp(22px, 4vw, 40px) !important; }
.woocommerce div.product .woocommerce-tabs .panel > h2:first-child { display: none; }
.single-product .related > h2, .single-product .upsells > h2 {
  font-weight: 800 !important; font-size: clamp(2rem, 4vw, 3rem) !important; letter-spacing: -.04em; margin: 50px 0 26px !important;
}

/* Panier et commande */
.woocommerce-cart.ast-separate-container .ast-article-single,
.woocommerce-checkout.ast-separate-container .ast-article-single,
.woocommerce-account.ast-separate-container .ast-article-single { background: transparent; padding-left: 0; padding-right: 0; }
.woocommerce-cart .entry-title, .woocommerce-checkout .entry-title, .woocommerce-account .entry-title {
  font-weight: 800 !important; font-size: clamp(2.4rem, 5vw, 4rem) !important; letter-spacing: -.04em; color: var(--er-ink) !important;
}
.woocommerce-cart .site-main, .woocommerce-checkout .site-main { padding-top: 10px; }
.woocommerce table.shop_table { border: var(--er-border) !important; border-radius: 22px !important; overflow: hidden; background: #fff; border-collapse: separate !important; }
.woocommerce table.shop_table th { font-family: var(--er-display); color: var(--er-ink); }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-color: var(--er-line) !important; }
.woocommerce-cart .site-main a:not(.button):not(.checkout-button), .woocommerce-checkout .site-main a:not(.button) { color: var(--er-ink); font-weight: 600; }
.woocommerce-cart .site-main a.remove { color: var(--er-ink-3) !important; }
.woocommerce-cart table.cart img { border-radius: 10px; border: 1px solid var(--er-line); }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-checkout #order_review, .woocommerce-checkout .woocommerce-billing-fields {
  background: #fff; border: var(--er-border); border-radius: 24px; padding: clamp(18px, 3vw, 30px);
}
.woocommerce .cart-collaterals .cart_totals table.shop_table { border: 0 !important; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce .coupon input.input-text, .select2-container .select2-selection {
  border: var(--er-border) !important; border-radius: 14px !important; background: #fff !important; min-height: 48px;
}
.woocommerce-message, .woocommerce-info { border: var(--er-border) !important; border-radius: 16px !important; background: #fff !important; }
.woocommerce-message::before, .woocommerce-info::before { color: var(--er-green) !important; }

/* ── 4. Actualité, articles et pages ─────────────────────── */
.blog .site-content > .ast-container { max-width: none; padding: 0; display: block; }
.er-blog-head { padding-bottom: 40px; }
.er-blog-intro { max-width: 560px; font-size: 1.12rem; margin: 18px 0 0; }
.er-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.er-post {
  position: relative; display: flex; flex-direction: column; background: #fff; border: var(--er-border); border-radius: 26px; overflow: hidden;
  transition: transform .45s var(--er-pop), box-shadow .45s var(--er-ease);
}
.er-post:hover { transform: translate(-4px,-6px) rotate(-.6deg); box-shadow: 5px 6px 0 var(--er-ink); }
.er-post-img { position: relative; display: block; aspect-ratio: 4/3; background: var(--c); border-bottom: var(--er-border); overflow: hidden; }
.er-post-img img, .er-post-img video { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .8s var(--er-ease); }
.er-post:hover .er-post-img video { transform: scale(1.05); }
.er-post:hover .er-post-img img { transform: scale(1.05); }
.er-post-placeholder { display: grid; place-items: center; height: 100%; font-family: var(--er-display); font-weight: 800; font-size: 7rem; color: var(--er-ink); opacity: .85; }
.er-post-video { left: auto; right: 12px; }
.er-post-body { padding: 22px 24px 26px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.er-post-body time { font-size: 13px; font-weight: 700; color: var(--er-orange); text-transform: uppercase; letter-spacing: .08em; }
.er-post-body h2 { font-weight: 800; font-size: 1.5rem; line-height: 1.08; letter-spacing: -.02em; margin: 0; }
.er-post-body h2 a { color: var(--er-ink); }
.er-post-body p { margin: 0; font-size: .98rem; }
.er-post-more { margin-top: auto; padding-top: 8px; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--er-ink) !important; }
.er-post-more svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s var(--er-ease); }
.er-post:hover .er-post-more svg { transform: translateX(4px); }
/* Le dernier article en grand, sur toute la largeur */
.er-post-featured { grid-column: 1 / -1; flex-direction: row; }
.er-post-featured .er-post-img { flex: 1.2; aspect-ratio: auto; min-height: 380px; border-bottom: 0; border-right: var(--er-border); }
.er-post-featured .er-post-body { flex: 1; justify-content: center; padding: clamp(28px, 4vw, 54px); }
.er-post-featured .er-post-body h2 { font-size: clamp(2rem, 3.6vw, 3rem); }
.er-blog .nav-links { display: flex; gap: 8px; justify-content: center; }
.er-blog .page-numbers { min-width: 44px; height: 44px; display: grid; place-items: center; border-radius: 999px; border: var(--er-border); background: #fff; color: var(--er-ink); font-weight: 700; }
.er-blog .page-numbers.current { background: var(--er-ink); color: #fff; }

/* Articles et pages : plus de cadre blanc, une lecture confortable */
.single-post.ast-separate-container .ast-article-single,
.page:not(.home):not(.woocommerce-page).ast-separate-container .ast-article-single,
.single-post .ast-article-single, .page:not(.home):not(.woocommerce-page) .ast-article-single { background: transparent !important; }
.single-post .entry-title, .page:not(.home):not(.woocommerce-page) .entry-header .entry-title {
  font-weight: 800 !important; font-size: clamp(2.4rem, 5.4vw, 4.2rem) !important; line-height: .98 !important; letter-spacing: -.04em; color: var(--er-ink) !important;
}
.single-post .entry-content { max-width: 760px; margin-inline: auto; font-size: 1.08rem; line-height: 1.75; }
.single-post .entry-header { max-width: 760px; margin-inline: auto; text-align: left; }
.single-post .entry-meta, .single-post .entry-meta a { color: var(--er-ink-3) !important; font-size: 14px; }
.single-post .post-thumb img, .single-post .entry-content img, .single-post .entry-content video, .single-post .entry-content iframe {
  border: var(--er-border); border-radius: 20px; box-shadow: 5px 6px 0 var(--er-ink); height: auto;
}
.single-post .post-thumb { max-width: 900px; margin: 0 auto 30px; }
.entry-content a:not(.wp-block-button__link):not(.button):not(.uagb-buttons-repeater) {
  color: var(--er-ink) !important; text-decoration: underline; text-decoration-color: var(--er-orange); text-decoration-thickness: 2px; text-underline-offset: 3px;
}
.entry-content a:not(.wp-block-button__link):not(.button):hover { background: var(--er-yellow); }
.single-post .entry-content h2, .single-post .entry-content h3 { font-weight: 800; letter-spacing: -.03em; margin-top: 1.6em; }
.single-post .post-navigation { max-width: 760px; margin: 40px auto 0; }
.single-post .post-navigation a { display: block; padding: 18px 22px; background: #fff; border: var(--er-border); border-radius: 18px; color: var(--er-ink) !important; transition: transform .3s var(--er-pop); }
.single-post .post-navigation a:hover { transform: translateY(-3px); }
.single-post .comments-area { max-width: 760px; margin-inline: auto; background: #fff; border: var(--er-border); border-radius: 24px; padding: clamp(20px, 3vw, 34px); }

/* Page « À propos » (contenu Spectra) */
.page-id-12 .entry-header { display: none; }
.page-id-12 .site-content .ast-container { max-width: 1240px; }
.page-id-12 .wp-block-uagb-container.uagb-is-root-container { background: transparent !important; padding-top: clamp(30px, 6vw, 80px) !important; }
.page-id-12 .wp-block-uagb-image img {
  border: var(--er-border); border-radius: 30px !important; box-shadow: 6px 7px 0 var(--er-orange) !important; transform: rotate(-2deg); background: #fff;
}
.page-id-12 .uagb-ifb-title-prefix { font-family: var(--er-script) !important; font-size: 26px !important; font-weight: 400 !important; color: var(--er-orange) !important; text-transform: none !important; letter-spacing: 0 !important; }
.page-id-12 h3.uagb-ifb-title { font-family: var(--er-display) !important; font-weight: 800 !important; font-size: clamp(2.4rem, 5vw, 4rem) !important; line-height: .95 !important; letter-spacing: -.04em !important; color: var(--er-ink) !important; }
.page-id-12 .uagb-ifb-desc, .page-id-12 .uagb-ifb-desc p { font-family: var(--er-sans) !important; font-size: 1.05rem !important; line-height: 1.7 !important; color: var(--er-ink-2) !important; }
.page-id-12 .uagb-ifb-desc strong, .page-id-12 .uagb-ifb-desc b { color: var(--er-ink); background: linear-gradient(transparent 60%, var(--er-yellow) 60%); }
.page-id-12 .uagb-heading-text { font-family: var(--er-display) !important; font-weight: 800 !important; font-size: clamp(2.2rem, 4.6vw, 3.6rem) !important; letter-spacing: -.04em !important; color: var(--er-ink) !important; }
/* L'image restait invisible : l'animation d'apparition de Spectra ne se déclenchait pas. */
.page-id-12 .wp-block-uagb-image { opacity: 1 !important; }
/* Frise « Mon parcours » : chaque étape devient une carte */
.page-id-12 .wp-block-uagb-container:has(> .wp-block-uagb-info-box h5.uagb-ifb-title) {
  background: #fff !important; border: var(--er-border) !important; border-radius: 22px !important; box-shadow: none !important;
  transition: transform .4s var(--er-pop), box-shadow .4s var(--er-ease);
}
.page-id-12 .wp-block-uagb-container:has(> .wp-block-uagb-info-box h5.uagb-ifb-title):hover { transform: translateY(-4px) rotate(-.5deg); box-shadow: 5px 6px 0 var(--er-ink) !important; }
.page-id-12 h5.uagb-ifb-title { font-family: var(--er-display) !important; font-weight: 800 !important; font-size: 1.3rem !important; color: var(--er-ink) !important; letter-spacing: -.02em; }
.page-id-12 .uagb-ifb-icon-wrap svg { fill: var(--er-orange) !important; }
.page-id-12 .uagb-ifb-icon-wrap .uagb-ifb-icon { background: var(--er-paper-2) !important; border-radius: 50%; }

/* ── 5. Pied de page (couleurs d'origine d'Astra) ────────── */
/* Le bandeau « newsletter » n'a pas encore de formulaire : on le masque pour l'instant. */
.site-above-footer-wrap { display: none !important; }
/* Les liens du menu sur une seule ligne horizontale */
#astra-footer-menu { flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 8px 32px; }
#astra-footer-menu .menu-item { width: auto; }
#astra-footer-menu .menu-link { padding: 0 !important; white-space: nowrap; font-weight: 600; }
.site-footer-primary-section-2 { justify-content: center !important; }
/* Les icônes des réseaux sociaux empilées */
.footer-social-inner-wrap { display: flex !important; flex-direction: column !important; align-items: center; gap: 14px; }
.footer-social-inner-wrap .ast-builder-social-element { margin: 0 !important; transition: transform .3s var(--er-pop); }
.footer-social-inner-wrap .ast-builder-social-element:hover { transform: scale(1.15) rotate(-8deg); }

/* ── Écrans plus petits ──────────────────────────────────── */
@media (max-width: 1060px) {
  .er-posts { grid-template-columns: repeat(2, 1fr); }
  .er-post-featured { flex-direction: column; }
  .er-post-featured .er-post-img { min-height: 280px; border-right: 0; border-bottom: var(--er-border); }
  .single-product .site-main div.product.type-product { grid-template-columns: 1fr; }
  .er-hero-grid, .er-spot, .er-books, .er-about, .er-news { grid-template-columns: 1fr; }
  .er-spot-body { border-left: 0; border-top: var(--er-border); }
  .er-grid { grid-template-columns: repeat(3, 1fr); }
  .er-cats { grid-template-columns: repeat(2, 1fr); }
  .er-collage { max-width: 620px; margin-inline: auto; width: 100%; height: min(640px, 100vw); }
}
@media (max-width: 640px) {
  .er-posts { grid-template-columns: 1fr; }
  #astra-footer-menu { flex-wrap: wrap !important; justify-content: center; }
  .footer-social-inner-wrap { flex-direction: row !important; justify-content: center; }
  .site-footer-primary-section-3, .site-footer-primary-section-3 > div { justify-content: center !important; width: 100%; }
  .woocommerce ul.products { gap: 14px; }
  .woocommerce ul.products li.product .ast-on-card-button { opacity: 1; transform: none; width: 40px !important; height: 40px !important; }
  .woocommerce ul.products li.product .astra-shop-summary-wrap { padding: 12px 14px 14px; padding-right: 58px; }
  .er-shop-cats { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; }
  .er-shop-cats a { white-space: nowrap; }
  .er-home { font-size: 16px; }
  .er-container { width: calc(100% - 32px); }
  .er-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .er-card-body { flex-direction: column; gap: 4px; padding: 12px 14px 14px; }
  .er-card-body h3 { font-size: 1rem; }
  .er-card .add { opacity: 1; transform: none; width: 40px; height: 40px; top: auto; bottom: 12px; }
  .er-card-body { padding-right: 60px; }
  .er-cats { grid-template-columns: 1fr; }
  .er-cat { min-height: 220px; }
  .er-collage { height: 118vw; }
  .er-sticker { width: 104px; height: 104px; }
  .er-sticker text { font-size: 9.5px; }
  .er-bubble { right: 0; }
}
@media (max-width: 380px) {
  .er-hero h1 { font-size: 2.9rem; }
  .er-btn { padding: 14px 20px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .er-home *, .er-home *::before, .er-home *::after { animation: none !important; transition: none !important; }
  .er-js .er-reveal { opacity: 1; transform: none; }
  .er-word path { stroke-dashoffset: 0; }
}