/* Business X-Ray: the only addition to the live site's navigation — a gold pill that stands apart. */
.nav__xray{display:inline-flex;align-items:center;gap:7px;font-weight:700;white-space:nowrap;color:#241a06!important;background:linear-gradient(135deg,#E3C77E 0%,#C79A3E 48%,#A3823F 100%);border-radius:999px;padding:.45em 1em!important;box-shadow:0 2px 10px rgba(163,130,63,.35),inset 0 1px 0 rgba(255,255,255,.45);text-decoration:none!important}
.nav__xray:hover{filter:brightness(1.05)}
.nav__xray[aria-current=page]{box-shadow:0 0 0 2px #1F4A3D,0 2px 10px rgba(163,130,63,.35)}
.nav__xray-dot{width:7px;height:7px;border-radius:50%;background:#1F4A3D;box-shadow:0 0 0 3px rgba(31,74,61,.18);flex:none}
.mnav-xray{display:flex!important;align-items:center;gap:9px;font-weight:700;color:#241a06!important;background:linear-gradient(135deg,#E3C77E,#C79A3E 55%,#A3823F);border-radius:12px;padding:.7em 1em!important;margin-bottom:8px}
/* Consent banner (only rendered when GA/Meta tags are configured) */
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:400;display:flex;justify-content:center;pointer-events:none}
.consent__in{pointer-events:auto;max-width:880px;width:100%;display:flex;gap:18px;align-items:center;background:rgba(18,26,22,.96);color:#EDE6D6;border:1px solid rgba(201,164,86,.45);border-radius:16px;padding:14px 18px;box-shadow:0 18px 50px rgba(0,0,0,.28);backdrop-filter:blur(6px)}
.consent__in p{margin:0;font-size:.88rem;line-height:1.5}
.consent__in b{color:#E3C77E;font-family:var(--display,serif);font-weight:600;margin-right:4px}
.consent__in a{color:#E3C77E}
.consent__b{display:flex;gap:8px;flex:none}
.consent .btn--line{color:#FBF7EE;border-color:rgba(251,247,238,.5);background:transparent}
@media(max-width:700px){.consent__in{flex-direction:column;align-items:stretch}.consent__b{justify-content:flex-end}}
@media print{.consent{display:none}}
/* The gold pill must never push the baseline menu past the screen edge (RU/ES/FR/PT labels are long). */
@media(max-width:1440px){.nav>.nav__link,.nav-shop__btn{padding-left:9px;padding-right:9px}}
@media(max-width:1320px){.nav>.nav__link:not(.nav__xray) .nav__i,.nav-shop__btn .nav__i{display:none}}
@media(max-width:1400px){.nav>.nav__link,.nav-shop__btn{font-size:.95rem;padding-left:7px;padding-right:7px}.nav>.nav__link.nav__xray{padding-left:12px;padding-right:12px}}

@media(max-width:1190px){.nav__link.nav--cards{display:none}}

.nav__link.nav__xray[aria-current]::after{display:none}

@media(max-width:1320px){.nav__link.nav--cards{display:none}}
/* ── Full Business X-Ray: a product button, not a label (owner 26.09) ─────────────────── */
.nav>.nav__link.nav__xray{display:inline-flex;align-items:center;gap:8px;padding:9px 12px 9px 14px!important;border-radius:12px;
  background:linear-gradient(180deg,#2f3a24,#1f2818)!important;color:#fbf5e8!important;font-family:var(--display);font-weight:600;font-size:.98rem;
  box-shadow:0 0 0 1.5px #C9A24E,0 6px 16px rgba(31,40,24,.28),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;cursor:pointer}
.nav>.nav__link.nav__xray:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 0 0 1.5px #E3C77E,0 10px 22px rgba(31,40,24,.34),inset 0 1px 0 rgba(255,255,255,.14);color:#fff!important;background:linear-gradient(180deg,#36432a,#232e1b)!important}
.nav>.nav__link.nav__xray:active{transform:translateY(0)}
.nav>.nav__link.nav__xray:focus-visible{outline:2px solid #C9A24E;outline-offset:3px}
.nav__xray .nav__xray-dot{display:none}
.nav__xray-ico{color:#E3C77E;flex:none}
.nav__xray-new{font:700 .6rem/1 var(--font,system-ui);letter-spacing:.1em;text-transform:uppercase;color:#241a06;background:linear-gradient(135deg,#E3C77E,#C79A3E);padding:4px 6px;border-radius:99px}
.nav__xray-arw{color:#E3C77E;transition:transform .14s ease;flex:none}
.nav__xray:hover .nav__xray-arw{transform:translateX(2px)}
@media(max-width:1280px){.nav__xray .nav__xray-new{display:none}}
.mnav-xray{display:flex!important;align-items:center;gap:8px;background:linear-gradient(180deg,#2f3a24,#1f2818)!important;color:#fbf5e8!important;border-radius:12px;box-shadow:0 0 0 1.5px #C9A24E;padding:12px 14px!important;margin-bottom:6px;font-weight:600}
.mnav-xray svg{color:#E3C77E}
/* FREE tag inside All products */
.nav-free{display:inline-block;margin-left:6px;font:700 .58rem/1 var(--font,system-ui);letter-spacing:.1em;text-transform:uppercase;color:#1F4A3D;background:#dfeee4;border:1px solid #b9d6c3;padding:3px 6px;border-radius:99px;vertical-align:2px}
.nav-shop__panel{min-width:560px}
@media(min-width:1101px){.nav>.nav__link.nav--blog{display:inline-flex!important}}
.nav>.nav__link.nav__xray{margin-right:20px}
.chip.chip--xray{background:linear-gradient(180deg,#2f3a24,#1f2818)!important;color:#fbf5e8!important;border-color:#C9A24E!important;box-shadow:0 0 0 1px #C9A24E}
.chip.chip--xray:hover{filter:brightness(1.12)}
@media(max-width:1200px){.nav>.nav__link.nav__xray{font-size:.9rem;margin-right:12px}}
.card__sub--app{flex:0 0 auto;margin:6px 0 8px;font-size:.86rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* Subscription mode: Pricing in the header; trial + pricing + how-it-works at the top of the phone menu. */
.nav__pricing{font-weight:600}
.mnav-trial{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 14px}
.mnav-trial__go{grid-column:1/-1;display:flex;justify-content:center;align-items:center;padding:13px 16px;border-radius:999px;background:linear-gradient(180deg,#b08c43,#8c6d31);color:#fff!important;font-weight:700;text-decoration:none}
.mnav-trial__lnk{display:flex;justify-content:center;padding:10px;border-radius:12px;border:1px solid rgba(140,109,49,.4);color:#2f3a24!important;font-weight:600;text-decoration:none;background:#fffdf8}
/* Sign-in / registration: a centred cream card over the brand photo. */
.auth-hero{position:relative;isolation:isolate;padding:48px 16px 64px!important}
.auth-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url(/img/home/hero-wide.webp) center/cover}
.auth-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(245,240,230,.88),rgba(245,240,230,.96))}
.auth-card{max-width:540px!important;margin:0 auto;background:#fffdf8;border-radius:22px;padding:30px 30px 26px!important;box-shadow:0 0 0 1px rgba(168,122,38,.25),0 24px 60px -30px rgba(37,36,32,.45)}
.auth-card .page-title{font-size:clamp(26px,3vw,34px);line-height:1.15}
.auth-card .form button[type=submit]{width:100%;justify-content:center;background:linear-gradient(180deg,#b08c43,#8c6d31);color:#fff;border:0}
.auth-card ul{list-style:none;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.auth-card ul li{padding:6px 12px;border-radius:999px;background:#F6EEDC;border:1px solid rgba(168,122,38,.3)}
@media(max-width:560px){.auth-card{padding:22px 18px!important}}
.footer-compact{display:flex;flex-wrap:wrap;gap:6px 4px;justify-content:center;padding:6px 0 14px}.footer-compact a{color:inherit}
/* Burger menu: the trial button must win over the generic .mobile-nav item style (it rendered white-on-white) */
.mobile-nav .mnav-trial a.mnav-trial__go,.mobile-nav a.mnav-trial__go{background:linear-gradient(180deg,#C9A456,#8C6D31)!important;color:#fff!important;border:0!important;box-shadow:0 10px 22px -12px rgba(140,109,49,.8)!important;text-align:center;justify-content:center;font-weight:700;min-height:48px}
.mobile-nav .mnav-trial a.mnav-trial__lnk{justify-content:center;align-items:center;text-align:center;background:#fffdf8!important;color:#2f3a24!important}
/* ── Plan cards (home, /x-ray, pricing): trial first, paid choice under it ───────────────────────── */
.pcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px auto 0;max-width:1180px;text-align:left}
.pcard{display:flex;flex-direction:column;gap:10px;min-width:0;padding:22px 20px 20px;border-radius:20px;background:linear-gradient(180deg,#FFFDF8,#FAF5EA);border:1px solid rgba(168,122,38,.22);box-shadow:0 18px 40px -30px rgba(37,36,32,.55)}
.pcard--pick{box-shadow:0 0 0 2px #C9A456,0 22px 44px -28px rgba(140,109,49,.6)}
.pcard--ent{background:linear-gradient(160deg,#FBF4E4,#F1E4C6)}
.pcard__k{margin:0;font:700 .72rem/1.3 var(--sans,'Instrument Sans',sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#8C6D31}
.pcard__price{margin:0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pcard__price b{font:600 2.3rem/1 'Fraunces','Playfair Display',Georgia,serif;color:#1f2a1c}
.pcard__price span{font-size:.9rem;color:#6b665b}
.pcard__price--txt b{font-size:1.65rem;line-height:1.1}
.pcard__p{margin:0;font-size:.93rem;line-height:1.45;color:#4a463d;flex:1}
.pcard__trial{margin:4px 0 0;display:block;text-align:center;text-wrap:balance;padding:7px 10px;border-radius:999px;background:#EEF3E6;border:1px solid rgba(62,94,44,.25);color:#2F4A22;font-weight:700;font-size:.8rem;text-align:center;line-height:1.25}
.pcard__trial span{color:#3E6B2C;margin-right:5px}
.pcard__trial--ent{background:#FFF8E8;border-color:rgba(168,122,38,.35);color:#7A5C22}
.pcard a.pcard__go,.pcard a.pcard__buy{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:10px 12px;border-radius:999px;font-weight:700;font-size:.88rem;line-height:1.25;text-decoration:none;box-sizing:border-box;width:100%;white-space:normal;overflow-wrap:anywhere}
.pcard a.pcard__go{background:linear-gradient(180deg,#C9A456,#8C6D31);color:#fff;box-shadow:0 10px 22px -14px rgba(140,109,49,.9)}
.pcard a.pcard__go:hover{filter:brightness(1.06)}
.pcard a.pcard__buy{background:#fffdf8;color:#1f2a1c;border:1.5px solid rgba(31,42,28,.55)}
.pcard a.pcard__buy:hover{background:#1f2a1c;color:#fff}
.pcards__incl{max-width:760px;margin:18px auto 0;text-align:center}
.pcards__incl p{margin:4px 0;color:#4a463d;font-size:.95rem;line-height:1.5}
.pcards__h{font:600 1.08rem/1.35 'Fraunces','Playfair Display',Georgia,serif!important;color:#1f2a1c!important}
.pcards__tiers{display:inline-block;margin-top:10px!important;padding:7px 16px;border-radius:999px;background:#FFF8E8;border:1px solid rgba(168,122,38,.35);font-weight:700;color:#6E5320!important}
@media(max-width:1080px){.pcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.pcards{grid-template-columns:1fr;gap:14px}.pcard{padding:20px 18px}}
/* FIX2 r2: legal links wrap in balanced lines (no single link alone on the last line) */
.footer-compact{display:block;text-align:center;text-wrap:balance;line-height:1.9}.footer-compact a{white-space:nowrap}
/* "Works with QuickBooks" corner badge on the flagship plan tiles (QBO_BADGE=1, views/cr/_qbadge.njk).
   A night-green seal with a gold medallion straddling the tile's top-right edge; on the dark "star" tile the
   cream variant with a forest outline. Tiles that carry it get a little more top room for the inner half. */
.has-qb{position:relative}
.pcard.has-qb{padding-top:36px}.plan3.has-qb{padding-top:38px}.cr .plan.has-qb,.cr .plans:has(.has-qb) .plan{padding-top:40px}.xcmp__full.has-qb{padding-top:40px}
.qbadge{position:absolute;top:-18px;right:16px;z-index:3;display:inline-flex;align-items:center;gap:9px;padding:6px 16px 6px 6px;border-radius:999px;background:linear-gradient(180deg,#1E2B24 0%,#121A16 100%);border:1px solid rgba(201,164,86,.9);box-shadow:0 0 0 3px #FAF7F2,0 14px 26px -14px rgba(18,26,22,.85),inset 0 1px 0 rgba(255,255,255,.07);white-space:nowrap;line-height:1;pointer-events:none}
.qbadge__m{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#E6C87E 0%,#B98C35 55%,#8C6419 100%);color:#121A16;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 0 1px rgba(18,26,22,.4)}
.qbadge__t{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.qbadge__t small{font:700 .58rem/1 'Instrument Sans',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#D2B066}
.qbadge__t b{font:600 1.04rem/1 'Fraunces','Playfair Display',Georgia,serif;letter-spacing:.005em;color:#FBF3DE}
.qbadge--light{background:linear-gradient(180deg,#FFFDF8 0%,#F3EAD8 100%);border:1.5px solid #1F4A3D;box-shadow:0 0 0 3px #FAF7F2,0 14px 26px -14px rgba(18,26,22,.7)}
.qbadge--light .qbadge__m{background:#1F4A3D;color:#E6C87E;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.qbadge--light .qbadge__t small{color:#7E5A17}.qbadge--light .qbadge__t b{color:#1F3A2E}
/* rows of tiles keep room for the seal that rises above each tile's top edge */
.pcards:has(.has-qb),.cr .plans:has(.has-qb),.plans3:has(.has-qb){row-gap:36px}
/* the tiles' own top-edge badges move out of the way of the seal */
.xcmp__full.has-qb .plan__badge{right:auto;left:22px}
@media(max-width:600px){.xcmp__full.has-qb .plan__badge{position:static;display:inline-block;margin:0 0 12px}}
.cr .plan.has-qb .plan__badge{position:static;align-self:flex-start;margin:0 0 12px}
/* B8-2: the in-flow "Most chosen" pill would push the star tile's title/price ~37px below its neighbours. In a
   multi-column row every other tile reserves the same pill-high row (an invisible twin), so titles, prices and
   buttons share one line again. The pill keeps to one line there; stacked (one column) nothing is reserved. */
@media(min-width:901px){
  .cr .plan.has-qb .plan__badge{white-space:nowrap}
  .cr .plans:has(.plan.has-qb .plan__badge) .plan:not(:has(.plan__badge))::before{content:'\00a0';display:block;align-self:flex-start;visibility:hidden;font:700 .7rem/1 var(--font);letter-spacing:.14em;padding:7px 11px;margin:0 0 12px;border:0}
}
/* B8-6: three plan tiles never break 2 + 1 (an orphan Lifetime tile beside an empty cell): three columns while
   they fit, then one centred column. */
@media(max-width:1100px){.cr .plans--3{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.cr .plans--3{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}
/* B9-6: the "Plus · $…" bar under the tiles keeps the tiles' 560 px column, so the block edges line up. */
.cr .plans--3+.plusbar{max-width:560px;margin-left:auto;margin-right:auto}}
/* B8-7: the plan kicker (e.g. "JUSQU'À 10 ESPACES DE TRAVAIL") keeps two lines of room in a row of cards, so the
   headline prices share one baseline whether a neighbour's name wraps or not. */
@media(min-width:641px){.pcards .pcard__k{min-height:2.6em}.plans3 .plan3__k{min-height:2.5em;line-height:1.25}}
@media(max-width:380px){.qbadge{right:10px;padding-right:12px;gap:7px}.qbadge__t b{font-size:.96rem}}
/* "i" next to the Works with QuickBooks badge (29.09): tap/click opens a short note; no JS. */
.qbadge__i{position:relative;margin-left:2px;pointer-events:auto}
.qbadge__i summary{list-style:none;cursor:pointer;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 12px/1 Georgia,serif;font-style:italic;color:#121A16;background:#E6C87E}
.qbadge__i summary::-webkit-details-marker{display:none}
.qbadge--light .qbadge__i summary{background:#1F4A3D;color:#E6C87E}
.qbadge__tip{white-space:normal;text-align:left;position:absolute;right:-10px;top:30px;width:min(280px,78vw);padding:12px 14px;border-radius:14px;background:#FFFDF8;color:#1F3A2E;border:1px solid #D8C69A;box-shadow:0 14px 30px -12px rgba(18,26,22,.45);font:400 .86rem/1.45 'Instrument Sans',system-ui,sans-serif;letter-spacing:0;text-transform:none;z-index:20}

/* 01.10.2026 (owner): All products sits in the dark-green pill (same size and look as the former X-Ray pill). */
.nav-shop{margin-right:20px}
.nav>.nav-shop>.nav__link.nav-shop__btn--pill{display:inline-flex;align-items:center;gap:8px;padding:9px 12px 9px 14px!important;border-radius:12px;
  background:linear-gradient(180deg,#2f3a24,#1f2818)!important;color:#fbf5e8!important;font-family:var(--display);font-weight:600;font-size:.98rem;letter-spacing:.06em;text-transform:uppercase;
  box-shadow:0 0 0 1.5px #C9A24E,0 6px 16px rgba(31,40,24,.28),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;cursor:pointer}
.nav>.nav-shop:hover>.nav-shop__btn--pill,.nav>.nav-shop:focus-within>.nav-shop__btn--pill{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 0 0 1.5px #E3C77E,0 10px 22px rgba(31,40,24,.34),inset 0 1px 0 rgba(255,255,255,.14);color:#fff!important;background:linear-gradient(180deg,#36432a,#232e1b)!important}
.nav-shop__btn--pill .nav__i,.nav-shop__btn--pill:hover .nav__i{color:#E3C77E!important;display:inline-flex!important}
.nav-shop__btn--pill .nav-shop__caret{color:#E3C77E}
.nav-shop__btn--pill:focus-visible{outline:2px solid #C9A24E;outline-offset:3px}
@media(max-width:1200px){.nav-shop{margin-right:12px}.nav>.nav-shop>.nav__link.nav-shop__btn--pill{font-size:.9rem}}
/* 01.10.2026 (owner): the pill keeps the exact size of the former X-Ray pill (measured on the live site:
   258×42 at ≥1281px, 212×42 at 1201–1280px, 198×40 at ≤1200px) and its gold arrow on the right. */
.nav>.nav-shop>.nav__link.nav-shop__btn--pill{min-width:258px;justify-content:center;box-sizing:border-box}
.nav-shop__arw{color:#E3C77E;flex:none;transition:transform .14s ease}
.nav-shop:hover .nav-shop__arw,.nav-shop:focus-within .nav-shop__arw{transform:translateX(2px)}
@media(max-width:1280px){.nav>.nav-shop>.nav__link.nav-shop__btn--pill{min-width:212px}}
@media(max-width:1200px){.nav>.nav-shop>.nav__link.nav-shop__btn--pill{min-width:198px}}
/* Crisis Optimizer shop tile (audit B-05): the promise is shown in full in every language, never cut at three lines;
   its price line is a sentence, so it uses the body size rather than the big price figure. */
.card--crisis .card__sub--app{display:block;-webkit-line-clamp:unset;overflow:visible}
.card--crisis .price b{font-size:.95rem;line-height:1.3;letter-spacing:0}
@media (max-width:520px){.card--crisis .price b{font-size:.8rem}.card--crisis .card__foot{gap:4px}}

/* 06.10.2026 (owner): «Videos about us» — dark-green pill identical to All products, after the YouTube icon.
   Popup ≈ a quarter of the screen with three vertical videos; the gap between the cards equals the gap
   to the frame (grid padding = grid gap). Desktop only; phones get .avm on the home page. */
.avp-wrap{position:relative;margin-left:14px}
.nav>.avp-wrap>.avp-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px!important;border-radius:12px;
  background:linear-gradient(180deg,#2f3a24,#1f2818)!important;color:#fbf5e8!important;font-family:var(--display);font-weight:600;font-size:.98rem;letter-spacing:.06em;text-transform:uppercase;
  box-shadow:0 0 0 1.5px #C9A24E,0 6px 16px rgba(31,40,24,.28),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;cursor:pointer;white-space:nowrap}
.nav>.avp-wrap>.avp-btn:hover,.nav>.avp-wrap>.avp-btn[aria-expanded="true"]{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 0 0 1.5px #E3C77E,0 10px 22px rgba(31,40,24,.34),inset 0 1px 0 rgba(255,255,255,.14);color:#fff!important;background:linear-gradient(180deg,#36432a,#232e1b)!important}
.avp-btn .nav__i{color:#E3C77E!important}
.avp-btn:focus-visible{outline:2px solid #C9A24E;outline-offset:3px}
@media(max-width:1200px){.nav>.avp-wrap>.avp-btn{font-size:.9rem}.avp-wrap{margin-left:10px}}
.avp{position:absolute;top:calc(100% + 12px);right:-40px;z-index:200;width:min(760px,56vw);padding:0;border-radius:20px;background:#FFFDF8;border:1px solid #D8C69A;
  box-shadow:0 30px 70px -20px rgba(18,26,22,.55),0 6px 18px rgba(18,26,22,.12)}
.avp[hidden]{display:none}
.avp__x{position:absolute;top:-14px;right:-14px;width:34px;height:34px;border-radius:50%;border:1px solid #C9A24E;background:#1f2818;color:#fbf5e8;font-size:21px;line-height:1;cursor:pointer;box-shadow:0 6px 14px rgba(0,0,0,.25);z-index:2}
.avids{--g:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g);padding:var(--g)}
.avids__card{position:relative;margin:0;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#111;box-shadow:0 10px 24px rgba(18,26,22,.28)}
.avids__v{display:block;width:100%;height:100%;object-fit:cover;background:#111}
.avids__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;border:2px solid #E3C77E;background:rgba(31,40,24,.82);color:#fbf5e8;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.4);transition:transform .14s ease}
.avids__play:hover{transform:translate(-50%,-50%) scale(1.08)}
.avids__card.is-on .avids__play{display:none}
.avm{display:none}
@media(max-width:1100px){.avp-wrap{display:none}
  .avm{display:block;padding:34px 0 40px;background:linear-gradient(180deg,#ece3d1 0%,#f5f0e6 100%)}
  .avm__h{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.5rem;text-align:center;margin:0 0 4px;color:#252420}
  .avids--mob{--g:12px}
  .avids--mob .avids__play{width:46px;height:46px}.avids--mob .avids__play svg{width:20px;height:20px}}
/* 07.10.2026: between 1101 and 1300px the full «Videos about us» label pushed the cart past the window edge
   (all languages at 1101px, Spanish up to 1240px). In that range the same pill says just «Videos». */
.avp-s{display:none}
@media(min-width:1101px) and (max-width:1340px){.avp-btn .avp-l{display:none}.avp-btn .avp-s{display:inline}}
/* 08.10.2026: 1301–1340px overflowed by 3–8px in every language; Dutch («Video’s over ons») up to 1380px. */
@media(min-width:1341px) and (max-width:1380px){html[lang="nl"] .avp-btn .avp-l{display:none}html[lang="nl"] .avp-btn .avp-s{display:inline}}
/* 07.10.2026: in Spanish and Portuguese the two pills are the longest; between 1101 and 1380px the header ran
   27–79px past the window and clipped the cart. Same pills, slightly tighter type in those two languages only. */
@media(min-width:1101px) and (max-width:1380px){
  html[lang="es"] .nav>.avp-wrap>.avp-btn,html[lang="pt"] .nav>.avp-wrap>.avp-btn,
  html[lang="es"] .nav-shop__btn--pill,html[lang="pt"] .nav-shop__btn--pill{font-size:.84rem;letter-spacing:.03em;padding-left:10px!important;padding-right:10px!important}
}
@media(min-width:1101px) and (max-width:1200px){
  .site-header__in{gap:12px}.nav-social{gap:6px}
  .nav>.avp-wrap>.avp-btn,.nav-shop__btn--pill{font-size:.84rem;letter-spacing:.03em;padding-left:10px!important;padding-right:10px!important}
}
@media(min-width:1101px) and (max-width:1160px){.nav-shop__btn--pill .nav-shop__arw{display:none}}
/* 08.10.2026: with the PRO crown in the header, Spanish, French and Portuguese still ran past the window at 1101px
   (12–40px) and Spanish at 1366–1440px (cart off-screen, sideways scroll). English and the other languages are
   untouched. Long languages: the «All products» pill drops its arrow and extra tracking up to 1300px, and Spanish
   keeps the short «Vídeos» label up to 1600px, where the full label fits again. */
@media(min-width:1101px) and (max-width:1300px){
  html[lang="es"] .nav-shop__btn--pill .nav-shop__arw,html[lang="fr"] .nav-shop__btn--pill .nav-shop__arw,html[lang="pt"] .nav-shop__btn--pill .nav-shop__arw{display:none}
  html[lang="es"] .nav>.nav-shop>.nav__link.nav-shop__btn--pill,html[lang="fr"] .nav>.nav-shop>.nav__link.nav-shop__btn--pill,html[lang="pt"] .nav>.nav-shop>.nav__link.nav-shop__btn--pill{letter-spacing:.01em;min-width:0}
  html[lang="es"] .nav-social,html[lang="pt"] .nav-social{gap:4px}
}
@media(min-width:1101px) and (max-width:1200px){
  html[lang="es"] .nav,html[lang="pt"] .nav{margin-left:6px}
  html[lang="es"] .nav-shop,html[lang="pt"] .nav-shop{margin-right:6px}
  html[lang="es"] .nav-social,html[lang="pt"] .nav-social{gap:2px}
  html[lang="es"] .pro-pill,html[lang="pt"] .pro-pill{margin-right:0;padding:0 10px 0 7px}
}
@media(min-width:1301px) and (max-width:1600px){html[lang="es"] .avp-btn .avp-l{display:none}html[lang="es"] .avp-btn .avp-s{display:inline}}

/* 07.10.2026: PRO crown button (header, every page) */
.pro-pill{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 13px 0 9px;border-radius:12px;text-decoration:none;font:800 14.5px/1 var(--font);letter-spacing:.12em;color:#3A2905;background:linear-gradient(180deg,#FBEBB9 0%,#E8C062 55%,#C99A3A 100%);border:1px solid #A9781F;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 14px -6px rgba(122,85,18,.65);transition:transform .2s,filter .2s;margin-right:6px}
.pro-pill:hover{transform:translateY(-1px);filter:brightness(1.05)}
.pro-pill .crown{filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}
.pro-pill--on{background:linear-gradient(180deg,#2A5B4B,#14332A);color:#F3D88E;border-color:#C99A3A}
.pro-pill:focus-visible{outline:2px solid #C9A24E;outline-offset:3px}
@media(max-width:520px){.pro-pill{height:34px;padding:0 8px 0 6px;font-size:12.5px;gap:3px;margin-right:2px;letter-spacing:.08em}.pro-pill .crown{width:18px;height:18px}}
/* Phones: the account link moves into the menu (it is there already) so the crown fits without pushing the menu button off-screen. */
@media(max-width:440px){.site-header__actions>.acc-btn{display:none}}
@media(max-width:374px){.pro-pill span{display:none}.pro-pill{padding:0 7px}}
.pro-incl{display:flex;align-items:center;gap:10px;margin:12px 0 4px;padding:11px 14px;border-radius:12px;background:linear-gradient(180deg,#FFF8E4,#F6E7BF);border:1px solid #E1C47A;color:#3D2A06;text-decoration:none;font-size:14.5px;line-height:1.35}
.pro-incl b{color:#14332A}.pro-incl span{flex:1}.pro-incl:hover{border-color:#B8892E;box-shadow:0 6px 14px -8px rgba(122,85,18,.5)}
/* ── 15.10.2026 (owner): All products browses by the NINE DIRECTIONS (left), old categories as a secondary filter
   «By format & industry kits» (right). Same cream panel, gold labels, section colours on the icons. ───────────── */
.nav-shop__panel.nsp{display:grid;grid-template-columns:minmax(282px,1fr) minmax(0,1.32fr);gap:0 14px;width:min(880px,calc(100vw - 300px));min-width:0;padding:14px 14px 12px;align-items:start}
.nsp__dirs{display:flex;flex-direction:column;gap:1px;padding:2px 12px 2px 0;border-right:1px solid rgba(163,130,63,.22)}
.nsp__more{display:flex;flex-direction:column;min-width:0}
.nsp__h{margin:2px 0 6px;padding:0 12px;font:700 .66rem/1.2 var(--font,Inter,system-ui,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#8c6d31}
.nsp__sec{margin:8px 0 2px;padding:0 12px;font:600 .72rem/1.2 var(--font,Inter,system-ui,sans-serif);letter-spacing:.04em;color:#6f6a5c}
.nsp__h+.nsp__sec{margin-top:0}
.nav-shop__item.nsp__dir{padding:8px 12px;font-family:var(--display,'Fraunces',serif);font-size:.95rem;font-weight:600;line-height:1.22;color:var(--ink)}
.nav-shop__item.nsp__dir:hover{background:linear-gradient(90deg,#f7efdc,#faf5ea);box-shadow:inset 3px 0 0 var(--c)}
.nsp__excl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 10px}
.nsp__excl .nav-shop__item--excl{grid-column:auto;margin:0;padding:8px 10px;font-size:.84rem;line-height:1.22;align-items:flex-start}
.nsp__excl .nav-shop__item--excl .nav__i{margin-top:1px}
.nsp__fmt{display:grid;grid-template-columns:1fr 1fr;gap:0 6px}
.nsp__fmt .nav-shop__item{padding:6px 10px;font-size:.84rem;font-weight:600;gap:9px}
.nsp__fmt .nav-shop__item .nav__i svg{width:16px;height:16px}
.nav-shop__item .nav__i{flex:none}
/* phone menu */
.mobile-nav .mnav-h{margin:12px 2px 6px;font:700 .7rem/1.2 var(--font,Inter,system-ui,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#8c6d31}
.mobile-nav .mnav-sec{margin:4px 2px 6px;font:600 .76rem/1.2 var(--font,Inter,system-ui,sans-serif);color:#6f6a5c}
.mobile-nav a.mnav-dir{font-family:var(--display,'Fraunces',serif);font-size:1rem;line-height:1.25}
.mobile-nav a .nav__i{flex:none}
.mnav-fmt{margin:6px 0 7px}
.mnav-fmt>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:10px 13px;border-radius:12px;cursor:pointer;
  font:700 .74rem/1.25 var(--font,Inter,system-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#6b4f19;background:#f6eedc;box-shadow:inset 0 0 0 1px rgba(163,130,63,.35)}
.mnav-fmt>summary::-webkit-details-marker{display:none}
.mnav-fmt>summary svg{flex:none;transition:transform .18s ease}
.mnav-fmt[open]>summary{margin-bottom:8px}
.mnav-fmt[open]>summary svg{transform:rotate(180deg)}
.mnav-fmt>summary:focus-visible{outline:2px solid #1F3A2E;outline-offset:2px}
/* /shop: the nine directions as the first row of filters, the old categories under «By format & industry kits» */
.chips-h{margin:14px 0 8px;font:700 .7rem/1.2 var(--font,Inter,system-ui,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#8c6d31}
.chips-h+.chips{margin-top:0}
.chips--dirs .chip--dir{font-weight:650}
.chips--dirs .chip--dir::before{content:"";flex:none;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--c,#a3823f)}
@media(max-width:1200px){.nav-shop__panel.nsp{grid-template-columns:minmax(262px,1fr) minmax(0,1.4fr)}.nsp__fmt .nav-shop__item{font-size:.8rem;padding:6px 8px;gap:8px}}