/* Ankor Produtora — a film slate on a matte table, and its pink production report */
:root {
  --table: #1c1c20; --table-2: #26262b; --board: #101012; --paint: #e9e6df; --chalk: #f3efe6; --chalk-2: #bdb8ae; --ychalk: #ffd84a;
  --pink: #f3c3cf; --pink-2: #e9adbd; --plum: #5a2440; --plum-2: #7a3c5c;
  --disp: 'Oswald', 'Arial Narrow', 'Roboto Condensed', sans-serif; --hand: 'Caveat Brush', 'Segoe Print', 'Comic Sans MS', cursive;
  --out: cubic-bezier(.16, 1, .3, 1); --snap: cubic-bezier(.7, 0, .84, 0);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--table); color: var(--chalk); font: 400 15px/1.55 var(--disp); overflow-x: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"); }
::selection { background: var(--ychalk); color: var(--board); }
a { color: inherit; }
button { font: inherit; color: inherit; }
:focus-visible { outline: 2px dashed var(--ychalk); outline-offset: 3px; }
.vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.defs { position: absolute; width: 0; height: 0; }
.chalk { font-family: var(--hand); font-weight: 400; color: var(--chalk); filter: url(#chalk); letter-spacing: .01em; }

/* ---------- table ---------- */
.table { min-height: 100vh; padding: 22px clamp(16px, 3vw, 44px) 28px; }
.tabletop { display: flex; justify-content: flex-end; align-items: center; gap: 16px; max-width: 1360px; margin: 0 auto 8px; }
.cue { margin: 0; font: 500 12px/1.3 var(--disp); letter-spacing: .2em; text-transform: uppercase; color: #9d988f; }
.switches { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.cue { margin-right: 12px !important; }
.lang { display: flex; border: 1.5px solid #55535a; }
.lang button { background: none; border: 0; padding: 6px 10px; font: 500 12px/1 var(--disp); letter-spacing: .14em; color: #a9a49b; cursor: pointer; }
.lang button[aria-pressed="true"] { background: var(--paint); color: var(--board); }
.som { display: flex; align-items: center; gap: 8px; background: none; border: 1.5px solid #55535a; padding: 5px 10px; cursor: pointer; }
.som-k { font: 500 12px/1 var(--disp); letter-spacing: .14em; text-transform: uppercase; color: #a9a49b; }
.som-v { font: 400 18px/1 var(--hand); color: var(--chalk-2); min-width: 22px; }
.som[aria-pressed="true"] .som-v { color: var(--ychalk); }

.set { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 64px); align-items: start; max-width: 1360px; margin: 0 auto; }

/* ---------- slate ---------- */
.slate { position: relative; padding-top: 92px; min-width: 0; }
.stick { position: absolute; left: 0; right: 0; top: 38px; height: 54px; padding: 0; border: 0; cursor: pointer; transform-origin: 14px 50px; transform: rotate(-7deg); transition: transform .5s var(--out); z-index: 3; }
.stick { border-radius: 4px 4px 2px 2px; background: repeating-linear-gradient(-60deg, var(--chalk) 0 30px, var(--board) 30px 60px); box-shadow: inset 0 0 0 3px var(--board), 0 6px 0 rgba(0,0,0,.35); }
.stick:hover { transform: rotate(-9deg); }
.stick:focus-visible { outline-offset: 6px; }
.stick.shut { transform: rotate(0deg); transition: transform .085s var(--snap); }
.hinge { position: absolute; left: 4px; top: 77px; width: 22px; height: 22px; border-radius: 50%; background: #3a3a40; border: 3px solid var(--board); box-shadow: inset 0 0 0 4px #7d7b80; z-index: 4; }
.stick-hint { position: absolute; right: 18px; top: 44px; z-index: 2; margin: 0; font: 400 26px/1 var(--hand); color: var(--ychalk); filter: url(#chalk); transform: rotate(-3deg); pointer-events: none; }
.stick-hint small { font: 500 11px/1 var(--disp); letter-spacing: .16em; text-transform: uppercase; color: #9d988f; filter: none; display: block; text-align: right; margin-top: 4px; }
.stick-hint::before { display: none; content: ''; position: absolute; left: -46px; top: 18px; width: 38px; height: 16px; border-bottom: 2px solid var(--ychalk); border-left: 2px solid var(--ychalk); border-radius: 0 0 0 16px; transform: rotate(18deg); }

.board { position: relative; background: var(--board); border-radius: 3px 3px 8px 8px; padding: 0 0 0; box-shadow: 0 1px 0 #2c2c31, 0 30px 50px -28px rgba(0,0,0,.8); transition: transform .32s var(--out); }
.board.jolt { animation: jolt .34s var(--out); }
@keyframes jolt { 0% { transform: translateY(0) rotate(0); } 25% { transform: translateY(5px) rotate(.35deg); } 60% { transform: translateY(-1px) rotate(-.15deg); } 100% { transform: none; } }
.lowstick { height: 54px; border-radius: 3px 3px 0 0; background: repeating-linear-gradient(60deg, var(--chalk) 0 30px, var(--board) 30px 60px); box-shadow: inset 0 0 0 3px var(--board); }

.row { display: grid; border-top: 3px solid var(--paint); }
.row:first-of-type { border-top: 0; }
.r-head { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 22px; padding: 18px 26px 16px; border-top: 0; }
.slate-logo { height: 44px; width: auto; display: block; }
.sub { margin: 0; font-size: 25px; line-height: 1.1; color: var(--chalk-2); text-align: right; }
.r1 { grid-template-columns: minmax(0, 1fr) minmax(0, 2.6fr); }
.r2 { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1.4fr) minmax(0, .8fr); }
.f { position: relative; padding: 12px 20px 14px; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.f + .f { border-left: 3px solid var(--paint); }
.lab { font: 600 13px/1 var(--disp); letter-spacing: .2em; text-transform: uppercase; color: var(--paint); }
.val { display: block; text-align: left; background: none; border: 0; padding: 2px 0 0; margin: 0; cursor: pointer; font-family: var(--hand); font-size: clamp(28px, 2.6vw, 38px); line-height: 1.1; color: var(--chalk); min-height: 1.15em; overflow-wrap: anywhere; }
.val.big { font-size: clamp(38px, 4.4vw, 66px); line-height: 1; }
.val:hover { color: #fffaf0; }
.f.on .val, .f.on .tick { color: var(--ychalk); }
.f.on .lab { color: var(--ychalk); }
.w { display: inline-block; max-width: 100%; }
.wr { animation: write .42s var(--out); }
@keyframes write { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
.f.off .val { color: #8f8c92; cursor: default; font-family: var(--disp); font-size: 13px; letter-spacing: .12em; text-transform: uppercase; filter: none; padding-top: 12px; }
.f.off .lab { color: #8f8c92; }
.n-wrap { display: flex; align-items: baseline; gap: 10px; }
.tick { background: none; border: 1.5px solid #4a494f; width: 30px; height: 30px; padding: 0; font: 400 22px/1 var(--hand); color: var(--chalk-2); cursor: pointer; flex: none; align-self: center; }
.f.off .tick { visibility: hidden; }
.inp { width: 100%; cursor: text; outline: none; font-size: clamp(22px, 2vw, 28px); padding-top: 8px; }
.inp::placeholder { color: #6f6c70; opacity: 1; }
.inp:focus-visible { outline: none; border-bottom: 2px dashed var(--ychalk); }
.take { cursor: default; font-size: clamp(40px, 4vw, 60px); line-height: 1; color: var(--chalk); }

.f-cena { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto 1fr; column-gap: 20px; }
.f-cena .lab { grid-column: 1 / -1; }
.cena { min-width: 0; }
.cena-t { margin: 6px 0 8px; font-size: clamp(21px, 1.75vw, 26px); line-height: 1.22; color: var(--chalk); max-width: 46ch; }
.cena-p { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.price { font-size: clamp(30px, 2.8vw, 42px); line-height: 1; color: var(--ychalk); }
.ex { font: 500 11px/1.2 var(--disp); letter-spacing: .16em; text-transform: uppercase; color: var(--paint); border: 1.5px solid #77757b; padding: 3px 6px; }
.cena-est { margin: 6px 0 0; font: 400 21px/1.2 var(--hand); color: var(--chalk-2); filter: url(#chalk); min-height: 0; }
.cena-est:empty { display: none; }
.fmtdraw { margin: 4px 0 0; align-self: center; width: 210px; }
.fmtdraw:empty { display: none; }
.fmtdraw svg { display: block; width: 100%; height: auto; filter: url(#chalk); }
.fmtdraw figcaption { font: 400 18px/1.15 var(--hand); color: var(--chalk-2); filter: url(#chalk); margin-top: 6px; }
.fmtdraw figcaption small { display: block; font: 500 10.5px/1.3 var(--disp); letter-spacing: .14em; text-transform: uppercase; color: #9d988f; filter: none; margin-top: 4px; }

.rail { border-top: 3px solid var(--paint); padding: 12px 22px 14px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 20px; font: 400 13px/1.45 var(--disp); letter-spacing: .06em; color: #cfcac0; text-transform: uppercase; }
.rail p { margin: 0; }
.rail a { text-decoration: none; border-bottom: 1px solid #77757b; }
.rail a:hover { color: var(--ychalk); border-color: var(--ychalk); }

/* chalk list */
.list { position: absolute; left: 12px; right: 12px; top: 64px; bottom: 12px; z-index: 5; background: var(--board); border: 3px solid var(--paint); padding: 14px 20px 16px; overflow: auto; overscroll-behavior: contain; animation: listin .3s var(--out); }
.list[hidden] { display: none; }
@keyframes listin { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }
.list-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.list-head .lab { margin: 0; color: var(--ychalk); }
.list-x { background: none; border: 1.5px solid #77757b; padding: 5px 10px; font: 500 12px/1 var(--disp); letter-spacing: .14em; text-transform: uppercase; color: var(--paint); cursor: pointer; }
.list ul { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 32px; }
.list li { break-inside: avoid; }
.list li button { display: flex; width: 100%; justify-content: space-between; align-items: baseline; gap: 14px; background: none; border: 0; border-bottom: 1px dashed #3d3c42; padding: 8px 2px 7px; text-align: left; cursor: pointer; }
.list li button .n { font: 400 25px/1.1 var(--hand); color: var(--chalk); filter: url(#chalk); }
.list li button .p { font: 400 19px/1.1 var(--hand); color: var(--chalk-2); filter: url(#chalk); white-space: nowrap; }
.list li button:hover .n, .list li button[aria-selected="true"] .n { color: var(--ychalk); }
.list .ex-l { margin: 10px 0 0; font: 500 11px/1.3 var(--disp); letter-spacing: .14em; text-transform: uppercase; color: #9d988f; }

/* ---------- report ---------- */
.report { position: relative; min-width: 0; margin-top: 20px; }
.grip { display: none; }
.sheet { background: var(--pink); color: var(--plum); padding: 26px 28px 24px; transform: rotate(1.1deg); box-shadow: 0 1px 0 var(--pink-2), 0 26px 40px -24px rgba(0,0,0,.75); position: relative;
  background-image: repeating-linear-gradient(0deg, rgba(90,36,64,.05) 0 1px, transparent 1px 4px); }
.sheet::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 8px; background: repeating-linear-gradient(90deg, var(--table) 0 6px, transparent 6px 14px); opacity: .9; }
.sheet a { color: var(--plum); }
.lh { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; align-items: start; padding: 8px 0 14px; border-bottom: 2px solid var(--plum); }
.lh-logo { height: 40px; width: auto; display: block; margin-top: 4px; }
.lh-t h2 { margin: 0 0 4px; font: 700 22px/1 var(--disp); letter-spacing: .08em; text-transform: uppercase; }
.lh-t p { margin: 0; font: 400 12.5px/1.45 var(--disp); letter-spacing: .03em; }
.takes { width: 100%; border-collapse: collapse; margin-top: 12px; table-layout: fixed; }
.takes th { font: 600 11px/1.2 var(--disp); letter-spacing: .14em; text-transform: uppercase; text-align: left; padding: 6px 4px; border-bottom: 1.5px solid var(--plum); }
.takes th:nth-child(1) { width: 13%; } .takes th:nth-child(3) { width: 30%; } .takes th:nth-child(4) { width: 22%; } .takes th:nth-child(5) { width: 30px; }
.takes td { font: 400 19px/1.15 var(--hand); padding: 7px 4px 6px; border-bottom: 1px solid rgba(90,36,64,.28); vertical-align: top; overflow-wrap: anywhere; }
.takes td.t { font-size: 24px; }
.takes td.x small { display: block; font: 500 9.5px/1.25 var(--disp); letter-spacing: .1em; text-transform: uppercase; margin-top: 2px; }
.takes tr.new td { animation: write .5s var(--out); }
.takes tr.struck td:not(.s) { text-decoration: line-through; text-decoration-thickness: 2px; color: rgba(90,36,64,.55); }
.strike { width: 26px; height: 26px; padding: 0; border: 1.5px solid var(--plum); background: none; color: var(--plum); cursor: pointer; font: 600 15px/1 var(--disp); }
.strike:hover { background: var(--plum); color: var(--pink); }
.empty { margin: 14px 0 4px; font: 400 21px/1.25 var(--hand); color: var(--plum-2); }
.empty[hidden] { display: none; }

.req { margin-top: 16px; padding-top: 14px; border-top: 2px solid var(--plum); }
.nm { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: 10px; font: 600 12px/1 var(--disp); letter-spacing: .14em; text-transform: uppercase; }
.nm input { border: 0; border-bottom: 1.5px solid var(--plum); background: transparent; font: 400 23px/1.2 var(--hand); color: var(--plum); padding: 2px 2px 3px; min-width: 0; outline: none; }
.nm input::placeholder { color: #8a5672; opacity: 1; }
.nm input:focus-visible { border-bottom: 2px dashed var(--plum); }
.comp { margin: 14px 0 12px; font: 400 14px/1.5 var(--disp); }
.acts { display: flex; flex-wrap: wrap; gap: 10px; }
.acts button { border-radius: 0; cursor: pointer; font: 600 14px/1 var(--disp); letter-spacing: .1em; text-transform: uppercase; padding: 13px 16px 12px; }
.call { background: var(--plum); color: var(--pink); border: 2px solid var(--plum); }
.call:hover { background: #431830; }
.copy { background: transparent; color: var(--plum); border: 2px solid var(--plum); }
.copy:hover { background: rgba(90,36,64,.08); }
.req :focus-visible, .sheet :focus-visible { outline-color: var(--plum); }
.aloud { margin-top: 14px; border: 1.5px dashed var(--plum); padding: 10px 12px; }
.aloud[hidden] { display: none; }
.aloud-k { margin: 0 0 6px; font: 600 11px/1.3 var(--disp); letter-spacing: .14em; text-transform: uppercase; }
.aloud pre { margin: 0; white-space: pre-wrap; font: 400 13px/1.5 var(--disp); color: var(--plum); max-height: 240px; overflow: auto; }
.small { margin-top: 16px; padding-top: 10px; border-top: 1px solid rgba(90,36,64,.35); }
.small p { margin: 0 0 4px; font: 400 12px/1.5 var(--disp); color: var(--plum); }

.tableedge { max-width: 1360px; margin: 30px auto 0; display: flex; flex-wrap: wrap; gap: 6px 26px; }
.fine { margin: 0; font: 400 12.5px/1.5 var(--disp); letter-spacing: .04em; color: #a9a49b; }
.fine a { color: #d8d3ca; }

/* seller block on this table (generated block, own look) */
footer.seller { font-family: var(--disp); }

/* ---------- narrower ---------- */
@media (max-width: 1100px) {
  .set { grid-template-columns: minmax(0, 1fr); }
  .report { max-width: 640px; }
  .slate { margin-top: max(0px, calc(12.3vw - 56px)); }
}
@media (max-width: 760px) {
  body:not(.legal) { --ck-bottom: 104px; }
  body { padding-bottom: 104px; font-size: 15px; }
  .table { padding: 14px 16px 22px; }
  .cue { font-size: 10.5px; letter-spacing: .14em; }
  .slate { padding-top: 106px; margin-top: 0; }
  .stick { top: 48px; height: 58px; transform: rotate(-5deg); transform-origin: 12px 52px; }
  .stick:hover { transform: rotate(-6deg); }
  .hinge { top: 89px; }
  .stick-hint { top: 80px; right: 10px; font-size: 20px; transform: none; }
  .stick-hint small { display: none; }
  .stick-hint::before { display: none; }
  .lowstick { height: 40px; }
  .r-head { grid-template-columns: 1fr; gap: 8px; padding: 14px 16px 12px; }
  .slate-logo { height: 34px; }
  .sub { text-align: left; font-size: 21px; }
  .r1 { grid-template-columns: minmax(0, 1fr); }
  .r1 .f + .f { border-left: 0; border-top: 3px solid var(--paint); }
  .r2 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .r2 .f:nth-child(3) { border-left: 0; }
  .r2 .f:nth-child(n+3) { border-top: 3px solid var(--paint); }
  .f { padding: 10px 14px 12px; }
  .f-cena { grid-template-columns: minmax(0, 1fr); }
  .fmtdraw { width: 100%; max-width: 230px; }
  .rail { padding: 10px 14px 12px; font-size: 12px; }
  .list { left: 6px; right: 6px; top: 46px; bottom: 6px; padding: 12px 14px; }
  .list ul { columns: 1; }
  .report { position: fixed; left: 0; right: 0; bottom: 0; margin: 0; z-index: 50; max-width: none; transform: translateY(calc(100% - 92px)); transition: transform .45s var(--out); max-height: 88vh; display: flex; flex-direction: column; }
  .report.open { transform: translateY(0); }
  .report.open .grip .last { display: none; }
  .grip { display: block; flex: none; width: 100%; text-align: left; background: var(--pink); color: var(--plum); border: 0; border-top: 3px solid var(--plum); padding: 10px 16px 8px; cursor: pointer; font: 700 15px/1.2 var(--disp); letter-spacing: .08em; text-transform: uppercase; box-shadow: 0 -14px 24px -12px rgba(0,0,0,.7); }
  .grip::after { content: ''; position: absolute; right: 18px; top: 16px; width: 10px; height: 10px; border-right: 2.5px solid var(--plum); border-top: 2.5px solid var(--plum); transform: rotate(-45deg); transition: transform .3s var(--out); }
  .report.open .grip::after { transform: rotate(135deg); top: 10px; }
  .grip b { display: inline-block; min-width: 22px; text-align: center; background: var(--plum); color: var(--pink); padding: 2px 5px; margin-left: 6px; }
  .grip .last { display: block; font: 400 19px/1.25 var(--hand); letter-spacing: 0; text-transform: none; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 26px; }
  .sheet { transform: none; overflow: auto; overscroll-behavior: contain; padding: 14px 16px 22px; box-shadow: none; }
  .sheet::before { display: none; }
  .takes th:nth-child(1) { width: 15%; } .takes th:nth-child(3) { width: 28%; } .takes th:nth-child(4) { width: 24%; }
  .takes td { font-size: 17px; }
  .tableedge { margin-top: 22px; }
}


/* ---------- legal pages (shell: privacy.html) ---------- */
body.legal { color: var(--chalk); }
.legal-top { max-width: 820px; margin: 0 auto; padding: 26px 20px 0; }
.legal-top img { height: 40px; width: auto; display: block; }
.legal-main { max-width: 820px; margin: 0 auto; padding: 18px 20px 56px; font: 400 16px/1.65 var(--disp); letter-spacing: .01em; color: #e4e0d8; }
.legal-main h1 { font: 700 clamp(30px, 5vw, 46px)/1.05 var(--disp); text-transform: uppercase; letter-spacing: .04em; color: var(--paint); margin: 18px 0 14px; padding-bottom: 12px; border-bottom: 3px solid var(--paint); }
.legal-main h2 { font: 600 19px/1.25 var(--disp); text-transform: uppercase; letter-spacing: .08em; color: var(--ychalk); margin: 30px 0 8px; }
.legal-main h3 { font: 600 16px/1.3 var(--disp); color: var(--paint); margin: 20px 0 6px; }
.legal-main a { color: var(--chalk); text-decoration-color: var(--ychalk); text-underline-offset: 3px; }
.legal-main strong, .legal-main b { color: #fff8ea; font-weight: 600; }
.legal-main code { font-size: .92em; color: var(--ychalk); }
.legal-main table { border-color: #3d3c42; }
.legal-main td, .legal-main th { border-bottom-color: #3d3c42 !important; }

/* review mode */
html.static *, html.static *::before, html.static *::after { transition: none !important; animation: none !important; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }

/* == legal == cookie banner + seller block (generated by sites/_legal/gen.py; the banner look comes from _legal/cookie-styles.css) */
.ck { position: fixed; left: 16px; bottom: 16px; z-index: 9999; max-width: 400px; font-family: inherit; font-size: 14px; line-height: 1.5; letter-spacing: 0; text-transform: none; text-align: left; }
.ck, .ck * { box-sizing: border-box; } .ck .ck-k { display: block; } .ck .ck-t, .ck .ck-p { margin: 0; } .ck .b { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 12px; }
.ck button, .ck a.more { cursor: pointer; text-decoration: none; line-height: 1.2; margin: 0; }
/* banner: ankor-produtora */
.ck { left: 18px; bottom: 18px; width: 372px; max-width: calc(100vw - 36px); padding: 0 0 0; background: #101012; color: #f3efe6; border-radius: 4px 4px 8px 8px; border: 3px solid #e9e6df; font-family: 'Oswald', 'Arial Narrow', sans-serif; box-shadow: 0 1px 0 #2c2c31, 0 22px 36px -18px rgba(0,0,0,.85); transform: rotate(-1.2deg); }
.ck::before { content: ''; position: absolute; inset: 5px; border: 1.5px solid rgba(233,230,223,.35); border-radius: 3px 3px 6px 6px; pointer-events: none; }
.ck .ck-k { display: block; margin: 14px 18px 0; padding: 0 0 6px; font: 600 11px/1.2 'Oswald', sans-serif; letter-spacing: .22em; text-transform: uppercase; color: #e9e6df; border-bottom: 3px solid #e9e6df; }
.ck .ck-t { margin: 10px 18px 0; }
.ck .ck-t b { display: block; font: 400 25px/1.08 'Caveat Brush', 'Segoe Print', cursive; color: #ffd84a; }
.ck .ck-p { margin: 6px 18px 0; font: 400 13.5px/1.5 'Oswald', sans-serif; letter-spacing: .01em; color: #d9d4ca; }
.ck .b { margin: 12px 0 0; padding: 10px 18px 12px; border-top: 3px solid #e9e6df; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.ck button.ok, .ck button.no { background: transparent; border: 2px solid #f3efe6; border-radius: 2px; padding: 7px 14px 6px; font: 400 21px/1 'Caveat Brush', 'Segoe Print', cursive; color: #f3efe6; cursor: pointer; }
.ck button.ok { border-color: #ffd84a; color: #ffd84a; }
.ck button.ok:hover { background: #ffd84a; color: #101012; }
.ck button.no:hover { background: #f3efe6; color: #101012; }
.ck a.more { margin-left: auto; font: 500 11.5px/1.2 'Oswald', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #e9e6df; text-decoration: underline; text-underline-offset: 3px; }
.ck button:focus-visible, .ck a.more:focus-visible { outline: 2px dashed #ffd84a; outline-offset: 3px; }
@media (max-width: 600px) { .ck { left: 10px; right: 10px; width: auto; max-width: none; transform: none; } .ck .ck-t b { font-size: 22px; } .ck .ck-p { font-size: 13px; } }
footer.seller { background: #141417; color: #e4e0d8; border-top: 3px solid #e9e6df; font-family: 'Oswald', 'Arial Narrow', sans-serif; letter-spacing: .02em; }
footer.seller b { color: #ffd84a; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; font-size: 11.5px; }
footer.seller strong { color: #f3efe6; }
footer.seller a { color: #f3efe6; text-decoration-color: rgba(243,239,230,.55); }
footer.seller a:focus-visible { outline: 2px dashed #ffd84a; outline-offset: 2px; }

@media (max-width: 600px) { .ck { left: 10px; right: 10px; bottom: var(--ck-bottom, 10px); width: auto; max-width: none; transform: none; } }
.seller { font-size: 12.5px; line-height: 1.6; color: inherit; padding: 22px 24px 26px; border-top: 1px solid rgba(128,128,128,.35); letter-spacing: 0; text-transform: none; font-family: inherit; }
.seller-in { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 28px; }
.seller b { display: block; font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; opacity: .7; margin-bottom: 4px; font-weight: 700; }
.seller a { color: inherit; } .seller address { font-style: normal; } .seller strong { font-weight: 700; }
.seller.panel { display: none; position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9998; background: #fff; color: #111; border-radius: 14px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.5); max-width: 940px; margin: 0 auto; border-top: 0; padding: 24px 26px 22px; }
.seller.panel:target { display: block; }
.seller .x { position: absolute; top: 6px; right: 12px; text-decoration: none; font-size: 22px; line-height: 1; padding: 6px 8px; }
.ck-page .st { padding: 10px 14px; border: 1px solid rgba(128,128,128,.4); border-radius: 8px; margin: 10px 0 14px; font-weight: 700; } .ck-page .b { display: flex; gap: 8px; flex-wrap: wrap; } .ck-page button { font: inherit; font-weight: 700; padding: 9px 16px; border-radius: 999px; border: 1px solid currentColor; background: transparent; color: inherit; cursor: pointer; }
@media (max-width: 760px) { table.lgl-t, table.lgl-t tbody, table.lgl-t tr, table.lgl-t td { display: block; width: auto; } table.lgl-t thead { display: none; } table.lgl-t tr { padding: 10px 0; border-bottom: 1px solid rgba(128,128,128,.35); } table.lgl-t td { border: 0 !important; padding: 2px 0 !important; overflow-wrap: anywhere; } table.lgl-t td::before { content: attr(data-l) ": "; font-weight: 700; } }
table.lgl-t code { overflow-wrap: anywhere; }
.lead-note.lead-note { font-size: 12px; line-height: 1.5; margin: 0; letter-spacing: 0; text-transform: none; font-weight: 400; font-style: normal; text-align: left; max-width: 62ch; } .lead-note.lead-note a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 700px) { .seller-in { grid-template-columns: 1fr; } .seller.panel { left: 8px; right: 8px; bottom: 8px; max-height: 80dvh; overflow: auto; } }