/* КОИНРУС — премиальное оформление кнопок, cookie-баннера и всплывающих окон.
   Подключается после tokens.css. 2026-11-09 */
:root{
  --pr-gold:linear-gradient(115deg,#9c7420 0%,#c9a03c 18%,#ecd38a 36%,#fff4cc 50%,#e2c06c 64%,#b88d2e 82%,#94701f 100%);
  --pr-gold-text:#241a06;
  --pr-ink:#16120b;
  --pr-ink-2:#2a2316;
  --pr-line:rgba(201,160,60,.55);
  --pr-glow:0 8px 22px rgba(156,116,32,.30),0 2px 6px rgba(60,40,8,.18);
  --pr-glow-h:0 14px 32px rgba(156,116,32,.42),0 3px 8px rgba(60,40,8,.22);
}
@keyframes prSheen{0%{transform:translateX(-160%) skewX(-22deg)}22%,100%{transform:translateX(260%) skewX(-22deg)}}
@keyframes prFlow{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@keyframes prFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes prGlow{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}
@keyframes prIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}

/* ---------- Основная кнопка: металлическое золото с бликом ---------- */
.btn:not(.btn-ghost):not(.btn-outline):not(.btn-cart--sm),.pd-reserve,.reserve-btn,.contact-submit,.v2-pe-link:not(.v2-pe-link--alt),.nx-box .btn{
  position:relative;overflow:hidden;isolation:isolate;
  background:var(--pr-gold)!important;background-size:220% 100%!important;background-position:0% 50%!important;
  color:var(--pr-gold-text)!important;
  border:1px solid rgba(140,100,25,.45)!important;
  box-shadow:var(--pr-glow),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 5px rgba(110,78,14,.28)!important;
  text-shadow:0 1px 0 rgba(255,246,214,.55);
  font-weight:700;letter-spacing:.06em;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,background-position .9s ease!important;
}
.btn:not(.btn-ghost):not(.btn-outline):not(.btn-cart--sm)::after,.pd-reserve::after,.reserve-btn::after,.contact-submit::after,.v2-pe-link:not(.v2-pe-link--alt)::after{
  content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:38%;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
  animation:prSheen 5.5s cubic-bezier(.4,0,.2,1) infinite;
}
.pd-actions .btn-cart::after{animation-delay:1.4s}
.cookie-actions .btn::after{animation-delay:.8s}
.btn:not(.btn-ghost):not(.btn-outline):not(.btn-cart--sm):hover,.pd-reserve:hover,.reserve-btn:hover,.contact-submit:hover,.v2-pe-link:not(.v2-pe-link--alt):hover{
  background-position:100% 50%!important;transform:translateY(-2px);
  box-shadow:var(--pr-glow-h),inset 0 1px 0 rgba(255,255,255,.8),inset 0 -2px 5px rgba(110,78,14,.3)!important;
}
.btn:active,.pd-reserve:active,.reserve-btn:active,.contact-submit:active,.v2-pe-link:active{transform:translateY(0) scale(.985)}
.btn:focus-visible,.pd-reserve:focus-visible,.v2-pe-link:focus-visible,.contact-submit:focus-visible{outline:2px solid #9c7420;outline-offset:3px}

/* ---------- Вторая кнопка на странице товара: «В корзину» — чёрное с золотом ---------- */
.pd-actions .btn.btn-cart:not(.btn-ghost):not(.btn-outline):not(.btn-cart--sm){
  background:linear-gradient(160deg,var(--pr-ink-2),var(--pr-ink))!important;background-size:100% 100%!important;
  color:#f3dc95!important;text-shadow:none;
  border:1px solid var(--pr-line)!important;
  box-shadow:0 8px 22px rgba(22,18,11,.25),inset 0 1px 0 rgba(255,230,160,.18)!important;
}
.pd-actions .btn-cart .icon{color:#e9c869}
.pd-actions .btn.btn-cart:not(.btn-ghost):not(.btn-outline):not(.btn-cart--sm):hover{box-shadow:0 14px 30px rgba(22,18,11,.32),0 0 0 1px rgba(233,200,105,.6),inset 0 1px 0 rgba(255,230,160,.25)!important;color:#fff1c2!important}
.pd-actions .btn.btn-cart::after{background:linear-gradient(90deg,transparent,rgba(243,220,149,.35),transparent)}

/* ---------- Второстепенные кнопки ---------- */
.btn-ghost,.v2-pe-link--alt{
  background:linear-gradient(180deg,#fffdf6,#f5eedb)!important;color:var(--pr-ink)!important;
  border:1px solid var(--pr-line)!important;box-shadow:0 2px 8px rgba(60,40,8,.08),inset 0 1px 0 #fff!important;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important;
}
.btn-ghost:hover,.v2-pe-link--alt:hover{border-color:#b88d2e!important;transform:translateY(-1px);box-shadow:0 8px 18px rgba(156,116,32,.18),inset 0 1px 0 #fff!important}

/* ---------- Cookie-баннер: тёмное стекло и золото ---------- */
.cookie-banner .cookie-card{
  position:relative;background:linear-gradient(155deg,rgba(32,26,16,.97),rgba(16,13,8,.97))!important;
  border:1px solid transparent!important;border-radius:18px!important;color:#e9e1cc;
  box-shadow:0 24px 60px rgba(10,8,4,.45),0 0 0 1px rgba(233,200,105,.08)!important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;
}
.cookie-banner .cookie-card::before{content:"";position:absolute;inset:0;border-radius:18px;padding:1px;pointer-events:none;
  background:linear-gradient(135deg,rgba(236,211,138,.85),rgba(156,116,32,.25) 40%,rgba(236,211,138,.6));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.cookie-banner .cookie-card::after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-110px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(233,200,105,.22),transparent 65%)}
.cookie-banner .cookie-ic{background:var(--pr-gold)!important;border:0!important;color:#3a2a08!important;box-shadow:0 0 0 4px rgba(233,200,105,.12),0 6px 16px rgba(0,0,0,.35);position:relative;overflow:hidden}
.cookie-banner .cookie-ic::after{content:"";position:absolute;inset:-30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:prSheen 4.5s ease-in-out infinite}
.cookie-banner .cookie-body b{color:#f6e3a6!important;font-family:var(--font-head);font-size:17px;letter-spacing:.01em}
.cookie-banner .cookie-body p{color:#cfc6b1!important}
.cookie-banner .cookie-links a{color:#e3c46f!important;text-decoration:none!important;border-bottom:1px solid rgba(227,196,111,.35)}
.cookie-banner .cookie-links a:hover{color:#fff1c2!important;border-color:#fff1c2}
.cookie-banner #cookieReject{background:transparent!important;color:#e9e1cc!important;border:1px solid rgba(233,200,105,.4)!important;box-shadow:none!important}
.cookie-banner #cookieReject:hover{border-color:#e9c869!important;color:#fff!important;background:rgba(233,200,105,.08)!important}
.cookie-banner.visible{animation:prIn .55s cubic-bezier(.2,.8,.2,1)}

/* ---------- Всплывающее окно «Купить или продать монету?» ---------- */
.v2-exit{background:radial-gradient(ellipse at center,rgba(30,24,12,.55),rgba(12,10,6,.78))!important}
.v2-exit .v2-exit-card{
  position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 70% at 50% 0%,#fff8e3 0%,#fffdf8 45%,#f7f0de 100%)!important;
  border:1px solid transparent!important;border-radius:24px!important;
  box-shadow:0 40px 90px rgba(12,9,4,.45),0 0 0 1px rgba(201,160,60,.25)!important;
  animation:prIn .5s cubic-bezier(.2,.8,.2,1)!important;
}
.v2-exit .v2-exit-card::before{content:"";position:absolute;inset:0;border-radius:24px;padding:1.5px;pointer-events:none;
  background:linear-gradient(140deg,#ecd38a,#9c7420 30%,#fff4cc 52%,#b88d2e 75%,#ecd38a);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.v2-exit .v2-exit-card::after{content:"";position:absolute;left:50%;top:-140px;width:420px;height:300px;margin-left:-210px;pointer-events:none;z-index:-1;
  background:radial-gradient(closest-side,rgba(233,200,105,.38),transparent);animation:prGlow 5s ease-in-out infinite}
.v2-exit .v2-exit-ic.has-img{position:relative;width:112px!important;height:112px!important;margin-bottom:10px}
.v2-exit .v2-exit-ic.has-img img{mix-blend-mode:multiply;animation:prFloat 4.5s ease-in-out infinite}
.v2-exit .v2-exit-ic.has-img::after{content:"";position:absolute;left:50%;bottom:-6px;width:70%;height:12px;margin-left:-35%;border-radius:50%;background:radial-gradient(closest-side,rgba(120,85,20,.25),transparent)}
.v2-exit .v2-exit-card h3{position:relative;z-index:1;font-size:26px!important;
  background:linear-gradient(100deg,#7a5a14,#b88d2e 30%,#d9b55a 50%,#9c7420 70%,#6e5011);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.v2-exit .v2-exit-card p{position:relative;z-index:1;color:#5a5244!important;font-size:14px!important}
.v2-exit .v2-exit-actions{position:relative;z-index:1;gap:12px!important;margin-top:20px!important}
.v2-exit .v2-pe-link{min-width:290px;justify-content:center;padding:14px 26px!important;border-radius:999px!important;font-size:13.5px!important;text-transform:uppercase;letter-spacing:.06em}
.v2-exit .v2-pe-link--alt{background:linear-gradient(160deg,var(--pr-ink-2),var(--pr-ink))!important;color:#f3dc95!important;border:1px solid var(--pr-line)!important}
.v2-exit .v2-pe-link--alt:hover{color:#fff1c2!important;box-shadow:0 12px 26px rgba(22,18,11,.3)!important}
.v2-exit .v2-exit-alt{color:#8a6d1f!important;border-bottom-color:rgba(138,109,31,.4)!important;font-weight:600}
.v2-exit .v2-exit-close{z-index:2;background:rgba(255,255,255,.75)!important;border:1px solid rgba(201,160,60,.35)!important;color:#6e5011!important;transition:transform .3s ease,background .3s ease}
.v2-exit .v2-exit-close:hover{transform:rotate(90deg);background:#fff!important}

/* ---------- Окно связи (после «Забронировать») ---------- */
.contact-modal-overlay{background:radial-gradient(ellipse at center,rgba(30,24,12,.55),rgba(12,10,6,.78))!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.contact-modal{position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 60% at 50% 0%,#fff8e3 0%,#fffdf8 45%,#f7f0de 100%)!important;
  border:1px solid transparent!important;border-radius:24px!important;box-shadow:0 40px 90px rgba(12,9,4,.45)!important}
.contact-modal::before{content:"";position:absolute;inset:0;border-radius:24px;padding:1.5px;pointer-events:none;
  background:linear-gradient(140deg,#ecd38a,#9c7420 30%,#fff4cc 52%,#b88d2e 75%,#ecd38a);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.contact-modal::after{content:"";position:absolute;left:50%;top:-140px;width:420px;height:300px;margin-left:-210px;pointer-events:none;z-index:-1;
  background:radial-gradient(closest-side,rgba(233,200,105,.34),transparent);animation:prGlow 5s ease-in-out infinite}
.contact-modal-badge.has-img img{animation:prFloat 4.5s ease-in-out infinite}
.contact-modal-title{background:linear-gradient(100deg,#7a5a14,#b88d2e 30%,#d9b55a 50%,#9c7420 70%,#6e5011);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.contact-modal-phone,.contact-option{background:linear-gradient(180deg,#fffdf6,#f6efdc)!important;border:1px solid rgba(201,160,60,.35)!important;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important}
.contact-modal-phone:hover,.contact-option:hover{border-color:#c9a03c!important;transform:translateY(-2px);box-shadow:0 12px 26px rgba(156,116,32,.18)!important}
.contact-modal-phone-icon{background:var(--pr-gold)!important;color:#3a2a08!important;border:0!important;box-shadow:0 4px 12px rgba(156,116,32,.3)}
.contact-modal-close{transition:transform .3s ease}
.contact-modal-close:hover{transform:rotate(90deg)}

@media(max-width:560px){.v2-exit .v2-pe-link{min-width:0;width:100%}.v2-exit .v2-exit-card h3{font-size:22px!important}}
@media(prefers-reduced-motion:reduce){
  .btn::after,.pd-reserve::after,.reserve-btn::after,.contact-submit::after,.v2-pe-link::after,.cookie-banner .cookie-ic::after{animation:none;display:none}
  .v2-exit .v2-exit-ic.has-img img,.contact-modal-badge.has-img img,.contact-modal::after,.v2-exit .v2-exit-card::after,.cookie-banner.visible,.v2-exit .v2-exit-card{animation:none!important}
}

/* ---------- Страница товара: «Как проходит покупка», «Частые вопросы» и плитки (2026-11-09) ---------- */
.pdx-wrap{max-width:1240px!important}
.pdx-head{max-width:720px;margin:0 0 22px}
.pdx-head .lede{margin:6px 0 0}
.pdx-hint{display:none}
.pdx-steps{list-style:none;margin:0 0 56px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pdx-step{position:relative;overflow:hidden;isolation:isolate;padding:22px 20px 20px;border-radius:20px;
  background:linear-gradient(180deg,#fffdf7,#f7f0de);border:1px solid rgba(201,160,60,.28);box-shadow:0 10px 26px rgba(60,40,8,.06);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease}
.pdx-step:hover{transform:translateY(-4px);border-color:rgba(201,160,60,.6);box-shadow:0 18px 38px rgba(156,116,32,.16)}
.pdx-step::before{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;z-index:-1;background:radial-gradient(closest-side,rgba(233,200,105,.28),transparent)}
.pdx-step__n{position:absolute;right:18px;top:12px;font:600 44px/1 var(--font-head);background:linear-gradient(180deg,rgba(184,141,46,.55),rgba(184,141,46,.08));-webkit-background-clip:text;background-clip:text;color:transparent}
.pdx-step__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;margin-bottom:14px;position:relative;overflow:hidden;
  background:var(--pr-gold);color:#3a2a08;box-shadow:0 6px 16px rgba(156,116,32,.3),inset 0 1px 0 rgba(255,255,255,.6)}
.pdx-step__ic svg{width:20px;height:20px}
.pdx-step__ic::after{content:"";position:absolute;inset:-30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:prSheen 6s ease-in-out infinite}
.pdx-step:nth-child(2) .pdx-step__ic::after{animation-delay:.6s}.pdx-step:nth-child(3) .pdx-step__ic::after{animation-delay:1.2s}.pdx-step:nth-child(4) .pdx-step__ic::after{animation-delay:1.8s}
.pdx-step h3{font-size:17px;margin:0 0 8px;color:var(--ink)}
.pdx-step p{font-size:14px;line-height:1.55;color:var(--ink-soft);margin:0}
/* сетка: вопросы + 2 плитки справа, ещё 2 плитки ниже (7:5) */
.pdx-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px 16px;align-items:stretch}
.pdx-faq{grid-column:1/8;grid-row:1/3;padding-right:20px}
.pdx-faq h2{margin-top:0}
.pdx-tiles{display:contents}
.pdx-tile:nth-child(1){grid-column:8/13;grid-row:1}
.pdx-tile:nth-child(2){grid-column:8/13;grid-row:2}
.pdx-tile:nth-child(3){grid-column:1/8;grid-row:3}
.pdx-tile:nth-child(4){grid-column:8/13;grid-row:3}
.pdx-tile{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;border-radius:22px;min-height:200px;padding:22px;color:#f4ead0;text-decoration:none;
  background:#16120b;border:1px solid rgba(201,160,60,.35);box-shadow:0 14px 34px rgba(22,18,11,.18);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}
.pdx-tile:nth-child(3),.pdx-tile:nth-child(4){min-height:240px}
.pdx-tile:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(22,18,11,.28)}
.pdx-tile__bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.pdx-tile:hover .pdx-tile__bg{transform:scale(1.06)}
.pdx-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,11,6,.05) 0%,rgba(14,11,6,.55) 45%,rgba(14,11,6,.92) 100%)}
.pdx-tile__k{display:block;font:600 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#e9c869;margin-bottom:8px}
.pdx-tile h3{font:600 20px/1.25 var(--font-head);color:#fff6dc;margin:0 0 6px}
.pdx-tile p{font-size:13.5px;line-height:1.5;color:#d9cfb6;margin:0}
.pdx-tile__go{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font:700 12.5px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#f3dc95}
.pdx-tile__go b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--pr-gold);color:#2a1e05;transition:transform .45s cubic-bezier(.3,1.4,.5,1)}
.pdx-tile:hover .pdx-tile__go b{transform:rotate(-45deg)}
.pdx-tile--scan{background:radial-gradient(120% 90% at 85% 15%,#3a2d12 0%,#1a150c 55%,#100d07 100%);display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:14px;align-items:center;justify-content:normal}
.pdx-tile--scan::before{display:none}
.pdx-scan{position:relative;width:112px;height:112px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(233,200,105,.35),0 10px 26px rgba(0,0,0,.45),0 0 40px rgba(233,200,105,.18)}
.pdx-scan img{width:100%;height:100%;object-fit:contain;display:block;animation:pdxSpin 14s linear infinite}
.pdx-scan::after{content:"";position:absolute;left:-10%;right:-10%;height:28%;top:-30%;background:linear-gradient(180deg,transparent,rgba(160,255,215,.55) 50%,transparent);mix-blend-mode:screen;animation:pdxBeam 2.8s ease-in-out infinite}
.pdx-scan__chip{position:absolute;right:2px;bottom:8px;padding:4px 8px;border-radius:999px;background:rgba(10,8,4,.85);border:1px solid rgba(233,200,105,.55);font:700 10.5px/1 var(--font-body);letter-spacing:.06em;color:#e9c869;animation:pdxBlink 2.8s ease-in-out infinite}
@keyframes pdxBeam{0%{top:-30%}50%{top:100%}100%{top:-30%}}
@keyframes pdxSpin{to{transform:rotate(360deg)}}
@keyframes pdxBlink{0%,40%{opacity:0;transform:translateY(4px)}55%,100%{opacity:1;transform:none}}
.pdx-rv{opacity:0;transform:translateY(22px)}
.pdx-rv.is-in{opacity:1;transform:none;transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.pdx-steps .pdx-rv:nth-child(2).is-in,.pdx-tiles .pdx-rv:nth-child(2).is-in{transition-delay:.12s}
.pdx-steps .pdx-rv:nth-child(3).is-in,.pdx-tiles .pdx-rv:nth-child(3).is-in{transition-delay:.24s}
.pdx-steps .pdx-rv:nth-child(4).is-in,.pdx-tiles .pdx-rv:nth-child(4).is-in{transition-delay:.36s}
/* планшет */
@media(max-width:1100px){
  .pdx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pdx-grid{display:block}
  .pdx-faq{padding-right:0;margin-bottom:24px}
  .pdx-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
/* телефон: этапы и плитки — горизонтальные ленты с прокруткой пальцем, страница не растягивается */
@media(max-width:640px){
  .pdx-head{margin-bottom:12px}
  .pdx-hint{display:flex;align-items:center;gap:6px;margin:0 0 10px;font:600 12px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#9c7420}
  .pdx-hint::after{content:"";width:28px;height:1px;background:currentColor;animation:pdxNudge 1.6s ease-in-out infinite}
  @keyframes pdxNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
  .pdx-steps,.pdx-tiles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    gap:12px;margin:0 -16px;padding:4px 16px 16px;scroll-padding-left:16px}
  .pdx-steps::-webkit-scrollbar,.pdx-tiles::-webkit-scrollbar{display:none}
  .pdx-steps{margin-bottom:28px}
  .pdx-step{flex:0 0 78%;scroll-snap-align:start;padding:18px;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:start}
  .pdx-step__ic{width:44px;height:44px;margin:0;grid-row:1/3}
  .pdx-step__n{font-size:30px;right:14px;top:10px}
  .pdx-step h3{font-size:16px;margin:2px 0 6px;padding-right:34px}
  .pdx-step p{font-size:13.5px}
  .pdx-tile{flex:0 0 82%;scroll-snap-align:start;min-height:210px!important;padding:18px}
  .pdx-tile--scan{grid-template-columns:minmax(0,1fr) 92px}
  .pdx-scan{width:92px;height:92px}
  .pdx-tile h3{font-size:18px}
  .pdx-faq{margin-bottom:18px}
  .pdx-rv{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){.pdx-rv{opacity:1;transform:none}.pdx-scan img,.pdx-scan::after,.pdx-scan__chip,.pdx-step__ic::after,.pdx-hint::after{animation:none}}

/* ---------- Аналитика: превью новостей 16:9 без обрезки (2026-11-09) ---------- */
.an-card__img{aspect-ratio:16/9!important}
.an-card__img img{object-fit:cover;object-position:50% 50%}