@import url("tokens.css");
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--ink,#14142B);background:var(--bg);line-height:1.5;font-size:16px}
a{color:var(--brand)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.fatal{background:#fee;color:#900;padding:12px;white-space:pre-wrap}

.staging-banner{background:#ffe14d;color:#222;text-align:center;font-weight:700;font-size:13px;padding:6px 10px;border-bottom:2px solid #222}
.staging-watermark{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:9999;
  font-size:min(18vw,190px);font-weight:900;letter-spacing:.08em;color:rgba(220,30,30,.11);transform:rotate(-24deg);user-select:none}

.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.hdr{display:flex;align-items:center;gap:18px;min-height:62px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-weight:800;font-size:20px}
.brand-logo{height:30px;width:auto}
.brand-word span{color:var(--brand)}
.nav{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap}
.nav a{text-decoration:none;color:var(--ink);font-weight:600;font-size:15px}
.nav a:hover{color:var(--brand)}
.lang select{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit}

.hero{padding:48px 0 28px}
.hero h1,h1,h2,h3{font-family:var(--font-h)}
.hero h1{font-size:clamp(26px,3.6vw,42px);line-height:1.15;margin:0 0 12px;max-width:900px}
.hero p{color:var(--muted);font-size:18px;max-width:780px;margin:0 0 20px}
.btn{display:inline-block;line-height:1.2;border:0;border-radius:10px;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;background:var(--brand);color:#fff}
.btn:hover{background:var(--brand-ink)}
.btn.secondary{background:#fff;color:var(--brand);border:2px solid var(--brand)}
.btn.ghost{background:transparent;color:var(--brand);padding:8px 10px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn-row{display:flex;gap:12px;flex-wrap:wrap}
.notice{background:#eef3ff;border:1px solid #c9d6ff;border-radius:10px;padding:10px 14px;font-size:14px;margin:14px 0}
.notice.warn{background:#fff6e6;border-color:#f3cf8f}
.notice.ok{background:#eaf7ef;border-color:#a8dcb9}
.notice.err{background:#fdecea;border-color:#f3b4ae}
.todo{display:inline-block;background:#ffe14d;color:#222;font-weight:700;font-size:12px;border-radius:6px;padding:2px 6px}

.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 18px;font-size:14px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.seg button{border:0;background:#fff;padding:8px 12px;font:inherit;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--brand);color:#fff;font-weight:700}

section{padding:26px 0}
h2{font-size:28px;margin:0 0 6px}
.sub{color:var(--muted);margin:0 0 10px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-card,none);padding:0}
.card .media{aspect-ratio:4/3;background:repeating-linear-gradient(45deg,#eef1f7,#eef1f7 12px,#e6eaf3 12px,#e6eaf3 24px);display:flex;align-items:center;justify-content:center;position:relative}
.card .media img,.card .media video{width:100%;height:100%;object-fit:cover;display:block}
.card .media .todo{position:absolute;left:8px;top:8px}
.card .media .ph-label{color:var(--muted);font-weight:700;font-size:15px;text-align:center;padding:0 12px}
.card .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h3{margin:0;font-size:19px}

.card ul small.fine{display:block;font-size:11.5px;line-height:1.35;color:var(--muted);opacity:.9;margin-top:2px}
.price .small.b2b-fmt{font-weight:600;color:var(--ink,#14142B)}
.card .desc{color:var(--muted);font-size:14px;margin:0}
.card ul{margin:0;padding-left:18px;font-size:13px;color:var(--muted)}
.price{margin-top:auto}
.price .big{font-size:24px;font-weight:800}
.price .small{font-size:13px;color:var(--muted)}
.card .btn{margin-top:8px;text-align:center}
.card.like{border:2px dashed var(--accent);background:#fffaf6}
.card.like .media{background:linear-gradient(135deg,#ffe8db,#fff3ea)}
.how ol{padding-left:20px}
.how li{margin:6px 0}

.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:16px 0}
label.f{display:block;font-weight:600;font-size:14px;margin:12px 0 4px}
input[type=text],input[type=email],input[type=url],select,textarea{width:100%;padding:10px 12px;border:1px solid #cfd5e1;border-radius:9px;font:inherit;background:#fff}
textarea{min-height:90px}
.check{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-size:14px}
.check input{margin-top:0;width:24px;height:24px;flex:0 0 auto}
.check{min-height:24px}
.hint{font-size:12.5px;color:var(--muted)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.err-msg{color:var(--err);font-weight:600;font-size:14px}

.steps{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 4px;padding:0;list-style:none;counter-reset:s}
.steps li{counter-increment:s;font-size:13px;padding:6px 10px;border-radius:20px;background:#e8ecf4;color:var(--muted);font-weight:600}
.steps li::before{content:counter(s) ". "}
.steps li.on{background:var(--brand);color:#fff}
.steps li.done{background:#cfe0ff;color:var(--brand-ink)}
.pkg-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.pkg-pick label{border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;display:block;background:#fff}
.pkg-pick input{margin-right:6px}
.pkg-pick label:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 2px var(--brand) inset}

table.sum{width:100%;border-collapse:collapse;font-size:14.5px}
table.sum th,table.sum td{text-align:left;padding:7px 6px;border-bottom:1px solid var(--line);vertical-align:top}
table.sum td.num{text-align:right;white-space:nowrap}
table.sum tr.total td{font-weight:800;font-size:16px}
.sub-text{background:#f3f5fa;border-left:4px solid var(--brand);padding:10px 12px;font-size:14px;margin:14px 0}

.proforma{background:#fff;border:2px solid #222;padding:22px;max-width:820px}
.proforma .nf{font-weight:900;color:var(--err);font-size:18px;border:2px solid var(--err);display:inline-block;padding:4px 10px;margin:6px 0 12px}
.proforma table{width:100%;border-collapse:collapse;font-size:14px}
.proforma td,.proforma th{border:1px solid #ccc;padding:6px 8px;text-align:left}
.hub3{margin-top:14px}
.hub3 canvas{max-width:100%;height:auto;image-rendering:pixelated;border:8px solid #fff}
.status-pill{display:inline-block;padding:4px 10px;border-radius:20px;font-weight:800;background:#fff1c2;color:#7a5200}
.status-pill.paid{background:#d9f3e2;color:#0d5b2a}
.mail-preview{white-space:pre-wrap;background:#fafafa;border:1px dashed #bbb;padding:14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;max-height:420px;overflow:auto}

.legal h1{font-size:30px}
.legal dl{display:grid;grid-template-columns:240px 1fr;gap:6px 16px}
.legal dt{font-weight:700}
.terms-doc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px}
.terms-doc h1{font-size:24px}.terms-doc h2{font-size:19px;margin-top:22px}
.terms-doc table{border-collapse:collapse;font-size:13px}.terms-doc td,.terms-doc th{border:1px solid var(--line);padding:4px 6px}

.site-footer{background:var(--ink,#14142B);color:#cbd2de;margin-top:40px;padding:26px 0 34px;font-size:13px}
.site-footer a{color:#fff}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:12px}
.foot-links .withdraw-link{background:var(--mint,#22D3A0);color:var(--ink,#14142B);padding:6px 12px;border-radius:8px;font-weight:800;text-decoration:none}
.foot-company,.foot-adr{margin:6px 0;color:#aab3c2}
@media (max-width:720px){
  .nav{order:3;width:100%;margin-left:0;gap:12px;overflow-x:auto;white-space:nowrap;padding-bottom:6px}
  .nav a{font-size:14px}
  .lang{margin-left:auto}
  .grid2{grid-template-columns:1fr}
  .legal dl{grid-template-columns:1fr}
  .hero{padding:26px 0 14px}
  .hero p{font-size:16px}
  .msg{max-width:92%}
}
@media print{
  .site-header,.site-footer,.staging-banner,.no-print,.btn{display:none!important}
  .staging-watermark{color:rgba(220,30,30,.18)}
  body{background:#fff}
}
.timeline{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:4px;font-size:14px}
.timeline li{padding:6px 10px;border-left:4px solid var(--line);background:#fafafa}
.timeline li.done{border-color:var(--ok);color:var(--ok)}
.timeline li.on{border-color:var(--brand);font-weight:800;background:#eef0ff}


.card .media{margin:0}
.card .media figcaption{position:absolute;right:8px;bottom:8px;background:rgba(20,20,43,.78);color:#fff;font:500 12px/1.2 var(--font);padding:4px 8px;border-radius:var(--r-pill,999px)}
.card .media.ph{min-height:120px}
.card .wyg{font:600 13px/1.3 var(--font);color:var(--muted);margin:10px 0 4px;text-transform:uppercase;letter-spacing:.04em}
.card .price .big.quote{font-size:22px}
.footer-logo{display:block;height:32px;width:auto;margin-bottom:14px}
h1,h2,h3,.brand-word{font-family:var(--font-h)}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}


.hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.withdraw-receipt blockquote { margin: 12px 0; padding: 12px 16px; border-left: 4px solid var(--brand, #3b5bdb); background: #f6f7fb; }
@media print { .site-header, .site-footer, .staging-banner, .staging-watermark, .no-print { display: none !important; } }

.dsa { border: 1px solid #d8dbe5; border-radius: 8px; padding: 12px 16px; margin: 12px 0; }
.dsa legend { font-weight: 600; padding: 0 6px; }


.ab-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: stretch; margin: 8px 0 16px; }
.ab-card { display: flex; flex-direction: column; gap: 6px; border: 2px solid #d8dbe5; border-radius: 10px; padding: 14px 16px; cursor: pointer; background: #fff; }
.ab-card.on { border-color: var(--brand, #3b5bdb); box-shadow: 0 0 0 3px rgba(59,91,219,.15); }
.ab-card.disabled { opacity: .6; cursor: not-allowed; }
.ab-card input[type=radio] { width: 24px; height: 24px; margin: 0; }
.ab-card .ab-t { font-size: 1.05em; } .ab-card .ab-p { font-weight: 600; }
.ab-card ul { margin: 4px 0 0 18px; padding: 0; } .ab-card li { margin: 2px 0; }
.ab-sum td { line-height: 1.45; }
dialog.modal { max-width: 720px; width: calc(100% - 32px); border: 0; border-radius: 10px; padding: 20px; box-shadow: 0 10px 40px rgba(0,0,0,.3); }
dialog.modal::backdrop { background: rgba(0,0,0,.45); }
@media (max-width: 640px) { .ab-cards { grid-template-columns: 1fr 1fr; gap: 8px; } .ab-card { padding: 10px; font-size: .92em; } }

@media (max-width: 600px) { .ab-cards.ab-stack { grid-template-columns: 1fr; grid-auto-rows: 1fr; gap: 12px; } .ab-cards.ab-stack .ab-card { padding: 14px 16px; font-size: 1em; } }

@media (max-width: 720px) {
  .site-footer nav a, .site-header nav a, .lang-select, .foot-links a { display: inline-block; min-height: 24px; padding: 4px 2px; line-height: 1.4; }
  input[type=checkbox], input[type=radio] { min-width: 24px; min-height: 24px; }
  .btn, button { min-height: 44px; }
}

a.tap { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 0; }
a.tap.edit-ico { justify-content: center; min-width: 24px; padding: 0 4px; margin: -4px 0; text-decoration: none; }
@media (max-width: 720px) { a.tap { min-height: 44px; } a.tap.edit-ico { min-width: 44px; margin: -12px 0; } }

.site-header nav a { display: inline-flex; align-items: center; min-height: 24px; }
input[type=checkbox], input[type=radio] { width: 24px; height: 24px; margin: 0; flex: 0 0 auto; }
.chk { display: inline-flex; gap: 8px; align-items: center; min-height: 24px; }

#terms-doc a { padding: 3px 0; }

#terms-doc .anchor-alias { display: block; height: 0; }
#terms-doc [id] { scroll-margin-top: 80px; }

.ab-note-below { display: none; }
@media (max-width: 600px) { .ab-cards.ab-stack + .ab-note-below { display: block; margin: 0 0 16px; } .ab-cards.ab-stack .ab-note-in-card { display: none; } }

@media (max-width: 600px) { body:has(#step) .site-header { position: static; } }
#step { overflow-anchor: none; }

.pf-annual-sum { margin: 8px 0 16px; }
.pf-annual-sum caption { text-align: left; font-weight: 600; padding: 4px 0; }
.pf-note { font-weight: 600; }


.ab-sum-below { display: none; }
@media (max-width: 600px) { form:has(.ab-cards.ab-stack) tr.ab-sum { display: none; } .ab-sum-below { display: block; margin: 0 0 16px; line-height: 1.45; } }

.offer-page{padding-top:24px;padding-bottom:48px;max-width:860px}
.offer-page .offer-lead{font-size:18px}
.offer-page .offer-cta{margin:18px 0 26px}
.offer-page .table-scroll{overflow-x:auto}
.offer-page table.offer-table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0 14px}
.offer-page table.offer-table th,.offer-page table.offer-table td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.offer-page h3{font-size:17px;margin:18px 0 6px}
.offer-page .offer-final{margin-top:32px}

.lang select, #country-select, .seg button { min-height: 44px; }
.nav a, .site-header nav a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 720px) { .site-header nav a { min-height: 44px; padding: 10px 4px; } .nav { row-gap: 0; } }

.offer-bar { background: #14142B; color: #fff; }
.offer-bar .wrap { display: flex; align-items: center; gap: 16px; min-height: 56px; padding-top: 10px; padding-bottom: 10px; }
.offer-chip { flex: none; background: #22D3A0; color: #14142B; font: 700 13px/1.2 Inter, system-ui, sans-serif; padding: 6px 10px; border-radius: 999px; }
.offer-bar-text { margin: 0; font: 500 15px/1.45 Inter, system-ui, sans-serif; color: #fff; }
.offer-bar-link { flex: none; color: #fff; display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }
@media (max-width: 600px) { .offer-bar .wrap { flex-direction: column; align-items: flex-start; gap: 8px; padding-top: 12px; padding-bottom: 2px; } .offer-bar-text { font-size: 14px; } }
.offer-block { background: #ECFBF5; border: 1px solid #B6EEDB; border-radius: 14px; padding: 14px 14px 12px; margin: 10px 0; display: grid; gap: 8px; color: #14142B; }
.offer-block p { margin: 0; font-size: 14px; line-height: 1.45; }
.offer-block-title { font: 700 15px/1.3 "Plus Jakarta Sans", system-ui, sans-serif; }
.offer-items { margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; font: 500 14px/1.4 Inter, system-ui, sans-serif; }
.offer-items li::before { content: "✓"; color: #0B7A5A; font-weight: 700; margin-right: 8px; }
.offer-fine { font-size: 13px; color: #3D4058; }
.offer-terms { color: #3D4EF0; display: inline-flex; align-items: center; min-height: 44px; }
.offer-block .offer-counter { background: #14142B; color: #fff; border-radius: 10px; padding: 10px 12px; display: grid; gap: 2px; }
.offer-block .offer-counter .offer-n { color: #22D3A0; font: 800 18px/1.2 "Plus Jakarta Sans", system-ui, sans-serif; }
.offer-block .offer-counter .offer-note { font: 500 13px/1.4 Inter, system-ui, sans-serif; color: #fff; }
.offer-dot { display: none; }
.offer-p { margin: 10px 0; font-weight: 600; }
.offer-pause { margin: 10px 0; padding: 10px 12px; border-radius: 8px; background: #fff6e6; border: 1px solid #f3cf8f; font-size: 14px; line-height: 1.45; }   
.offer-pause-quote { margin-top: 8px; }
#orders-paused .btn-row { flex-wrap: wrap; }
.card .media { position: relative; }
.offer-img-chip { position: absolute; top: 10px; left: 10px; z-index: 2; pointer-events: none; }
.offer-terms-card { display: flex; justify-content: center; text-align: center; align-items: center; min-height: 44px; margin-top: 8px; font-size: 14px; color: #3D4EF0; }
.offer-terms-card { display: flex; justify-content: center; text-align: center; align-items: center; min-height: 44px; margin-top: 8px; font-size: 14px; color: #3D4EF0; }

.brand { position: relative; }
.brand::before { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 44px; transform: translateY(-50%); }   
@media (max-width: 720px) {
  .foot-links { row-gap: 0; align-items: center; }
  .site-footer .foot-links a { display: inline-flex; align-items: center; min-height: 44px; padding-top: 0; padding-bottom: 0; }
  .site-footer .foot-links a.withdraw-link { min-height: 0; padding: 6px 12px; position: relative; }
  .site-footer .foot-links a.withdraw-link::before { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 44px; transform: translateY(-50%); }
  .check, .chk { position: relative; z-index: 0; }   
  .check::before, .chk::before { content: ''; position: absolute; z-index: -1; left: 0; right: 0; top: 50%; height: 44px; min-height: 100%; transform: translateY(-50%); }
}


.nav-toggle, .lang-switch { display: none; }
@media (max-width: 720px) {
  .hdr { flex-wrap: wrap; gap: 8px; min-height: 62px; }
  .lang { display: none; }
  .lang-switch { display: flex; align-items: center; margin-left: auto; font-weight: 700; font-size: 15px; color: var(--muted); }
  .lang-switch button { min-width: 44px; min-height: 44px; padding: 0 6px; border: 0; background: none; font: inherit; color: var(--ink); cursor: pointer; border-radius: 8px; }
  .lang-switch button[aria-pressed="true"] { color: var(--brand); text-decoration: underline; text-underline-offset: 4px; }
  .nav-toggle { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--line); border-radius: 8px; background: #fff; cursor: pointer; }
  .nav-toggle-bars, .nav-toggle-bars::before, .nav-toggle-bars::after { display: block; width: 20px; height: 2px; background: var(--ink); border-radius: 2px; position: relative; }
  .nav-toggle-bars::before, .nav-toggle-bars::after { content: ''; position: absolute; left: 0; }
  .nav-toggle-bars::before { top: -6px; } .nav-toggle-bars::after { top: 6px; }
  .site-header .nav { display: none; }
  .site-header.nav-open .nav { display: flex; flex-direction: column; order: 3; width: 100%; margin: 0; padding: 0 0 8px; gap: 0; overflow: visible; white-space: normal; border-top: 1px solid var(--line); }
  .site-header.nav-open .nav a { min-height: 44px; padding: 10px 2px; font-size: 16px; border-bottom: 1px solid var(--line); }
  .lang-switch button:focus-visible, .nav-toggle:focus-visible { outline: 3px solid var(--brand); outline-offset: 2px; }
}


.card ul, .card ul small.fine, .price .small, .hint, .steps li, .mail-preview, .terms-doc table, .site-footer, .offer-fine { font-size: 14px; }
.card .media figcaption { font-size: 14px; }
.card .wyg { font-size: 14px; }
.offer-chip { font-size: 14px; }


.table-scroll { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; }
.table-scroll:focus-visible { outline: 3px solid var(--brand); outline-offset: 2px; }
.terms-doc a, .legal a, .legal dd, .terms-doc code { overflow-wrap: anywhere; }
.terms-doc p, .terms-doc li, .terms-doc td, .terms-doc th { overflow-wrap: break-word; }


.terms-toc { border: 1px solid var(--line); border-radius: 12px; padding: 12px 18px; margin: 16px 0 24px; background: #fafbff; }
.terms-toc h2 { margin: 4px 0 8px; font-size: 18px; }
.terms-toc ul { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 28px; }
.terms-toc li { break-inside: avoid; }
.terms-toc a { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 0; }
@media (max-width: 720px) {
  .terms-toc ul { columns: 1; }
  .terms-toc a { display: flex; min-height: 44px; padding: 6px 0; }
}
@media print { .terms-toc { break-inside: avoid; } }


.pkg-bar { margin: 0 0 12px; padding: 10px 14px; border: 1px solid var(--line); border-left: 4px solid var(--brand); border-radius: 10px; background: #fafbff; font-size: 15px; line-height: 1.45; }
.pkg-bar-l { color: var(--muted); }


.foot-email { margin: 6px 0; color: #cbd2de; }
.foot-email a, .contact-email a { display: inline-flex; align-items: center; min-height: 44px; }
.contact-email { font-weight: 600; }
@media (min-width: 721px) { .foot-email a, .contact-email a { min-height: 24px; } }


html.mys-loading #site-header, html.mys-loading #offer-bar, html.mys-loading main, html.mys-loading #site-footer { visibility: hidden; }   


@media (max-width: 720px) {
  .brand { min-height: 44px; }
  .foot-links a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; box-sizing: border-box; }
  .foot-links .withdraw-link { justify-content: center; }
  .check:has(input[type="radio"]) { min-height: 44px; align-items: center; }   
  .check:has(#box4) { min-height: 44px; }
}


.terms-doc > h2:first-child, .terms-doc h2#prilog-a, .terms-doc h2#prilog-b, .terms-doc h2#annex-a, .terms-doc h2#annex-b { font-size: 24px; margin-top: 0.67em; }


html.lo-pending #offer-bar > *, html.lo-pending #cards .offer-block, html.lo-pending #cards .offer-img-chip, html.lo-pending #cards .offer-line,
html.lo-pending #cards .offer-terms-card, html.lo-pending #cards .btn-order { visibility: hidden; }
#cards .offer-counter.offer-counter-none { visibility: hidden; }

html.mys-loading body { display: flow-root; }
html.mys-wait-foot #site-footer { visibility: hidden; }   

.offer-cta-slot { display: grid; align-items: center; margin: 18px 0 26px; }
.offer-cta-slot[hidden] { display: none; }
#nav-offer.nav-offer-pending { visibility: hidden; }   
.mys-ghost { visibility: hidden !important; pointer-events: none !important; }   
.offer-cta-slot > .offer-cta, .offer-cta-slot > .offer-checking { grid-area: 1 / 1; margin: 0; }
.offer-cta-slot > .offer-cta-off, .offer-counter.offer-cta-off { visibility: hidden; }


#imp a[href^="tel:"] { display: inline-block; padding: 12px 0; }

.foot-company a[href^="tel:"] { display: inline-block; min-height: 44px; padding: 13px 0; box-sizing: border-box; vertical-align: middle; }


.card .media img.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.card .media video{position:relative;z-index:1;background:transparent}
.card .media figcaption{z-index:2}