/* ==========================================================================
   mzrv — витрина №319 myser-gambling.com, «билет» (карточка-купон с корешком)
   Подключается только на страницах, где витрина стоит.
   ========================================================================== */

/* == mzrv:wrap == */
.mzrv-wrap{margin:30px 0 34px;padding:22px 22px 18px;background:#f4f8f7;border-radius:4px;font-family:var(--mz-sans,system-ui,sans-serif);color:#161b1e;grid-column:1/-1;flex:1 1 100%}
.mzrv-head{margin:0 0 14px}
.mzrv-head h2{margin:0 0 6px!important;font:400 28px/1.2 var(--mz-serif,Georgia,serif)!important;letter-spacing:-.01em;color:#161b1e}
.mzrv-head h2::before{display:none!important}
.mzrv-sub{margin:0!important;display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px!important;line-height:1.4!important;color:#4b575b}
.mzrv-i{width:1.1em;height:1.1em;flex:0 0 auto;vertical-align:-.18em}
.mzrv-sub .mzrv-i{color:#1c6b4c}

/* == mzrv:filter == */
.mzrv-filter{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px;padding:8px 0;border-top:1px solid #d8e1e0;border-bottom:1px solid #d8e1e0}
.mzrv-filter-t{display:inline-flex;align-items:center;gap:6px;font:700 12px/1 var(--mz-sans,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:#4b575b}
.mzrv-chk{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;font-size:14.5px;color:#161b1e}
.mzrv-chk input{position:absolute;opacity:0;width:1px;height:1px;clip-path:inset(50%)}
.mzrv-chk span::before{content:"";display:inline-block;width:18px;height:18px;margin-right:8px;vertical-align:-4px;border:1.5px solid #0b3b45;border-radius:3px;background:#fff center/12px no-repeat}
.mzrv-chk input:checked + span::before{background-color:#0b3b45;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.mzrv-chk input:focus-visible + span::before{outline:2px solid #e8921a;outline-offset:2px}

/* == mzrv:list == */
.mzrv-list{list-style:none!important;margin:0!important;padding:0!important;counter-reset:none}
.mzrv-list > li::before,.mzrv-list > li::after{content:none!important;display:none!important}
.mzrv-list > li.mzrv-row{display:grid;grid-template-columns:44px 132px minmax(0,1fr) 250px 176px;grid-template-areas:"rk logo id ticket stub" "more more more more more";
  align-items:center;column-gap:16px;margin:0 0 10px!important;padding:14px 0 0 14px!important;background:#fff;border:1px solid #d8e1e0;border-radius:6px;font-size:15px;line-height:1.35;overflow:hidden}
.mzrv-list > li.mzrv-top{border:2px solid #e8921a;box-shadow:0 10px 24px -18px rgba(154,86,0,.7)}

/* == mzrv:rank-logo == */
.mzrv-rk{grid-area:rk;align-self:center;font:italic 400 30px/1 var(--mz-serif,Georgia,serif);color:#9a5600;text-align:center;padding-bottom:10px}
.mzrv-logo{grid-area:logo;display:flex;align-items:center;justify-content:center;width:132px;height:76px;padding:8px 12px;border-radius:4px;margin-bottom:12px}
.mzrv-tile-paper{background:#fff;box-shadow:inset 0 0 0 1px #e3eaea}
.mzrv-tile-ink{background:#142226}
.mzrv-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}

/* == mzrv:identity == */
.mzrv-id{grid-area:id;min-width:0;padding-bottom:12px}
.mzrv-name{margin:0 0 6px!important;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font:700 18px/1.2 var(--mz-sans,sans-serif)!important;color:#161b1e}
.mzrv-flag{display:inline-flex;align-items:center;gap:5px;padding:4px 8px 3px;background:#0b3b45;color:#fff;font:700 11px/1 var(--mz-sans,sans-serif);letter-spacing:.06em;text-transform:uppercase;border-radius:2px}
.mzrv-flag .mzrv-i{color:#f5c16f}
.mzrv-flag-new{background:#fbf5ea;color:#9a5600;box-shadow:inset 0 0 0 1px #f0dcb4}
.mzrv-flag-new .mzrv-i{color:#9a5600}
.mzrv-facts{margin:0!important;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13.5px!important;line-height:1.35!important;color:#4b575b}
.mzrv-facts span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.mzrv-facts .mzrv-i{color:#0f5261}

/* == mzrv:ticket == */
.mzrv-ticket{grid-area:ticket;align-self:stretch;position:relative;display:flex;flex-direction:column;justify-content:center;margin:-14px 0 0;padding:14px 18px 12px 20px;background:#fbf5ea;border-left:1px solid #f0dcb4}
.mzrv-offer{margin:0!important;line-height:1.15!important}
.mzrv-offer small{display:block;margin-bottom:3px;font:700 11px/1 var(--mz-sans,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:#9a5600}
.mzrv-offer b{display:block;font:400 27px/1.05 var(--mz-serif,Georgia,serif);color:#161b1e;letter-spacing:-.01em}
.mzrv-offer em{display:block;margin-top:3px;font:600 15px/1.2 var(--mz-sans,sans-serif);font-style:normal;color:#161b1e}
.mzrv-cond{margin:4px 0 0!important;font-size:12.5px!important;line-height:1.3!important;color:#4b575b}

/* == mzrv:stub == */
.mzrv-stub{grid-area:stub;align-self:stretch;position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;margin:-14px 0 0;padding:12px 14px 10px 16px;background:#fbf5ea;
  background-image:linear-gradient(#e8c98f 50%,transparent 0);background-size:1.5px 9px;background-repeat:repeat-y;background-position:left top}
.mzrv-stub::before,.mzrv-stub::after{content:"";position:absolute;left:-8px;width:16px;height:16px;border-radius:50%;background:#f4f8f7}
.mzrv-stub::before{top:-8px}
.mzrv-stub::after{bottom:-8px}
.mzrv-go{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 12px;background:#e8921a;color:#161b1e!important;font:700 15.5px/1 var(--mz-sans,sans-serif);text-decoration:none!important;border-radius:4px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
.mzrv-go:hover{background:#f3a236}
.mzrv-rev{align-self:center;font-size:13.5px;color:#0f5261!important}
.mzrv-tc{display:block;text-align:center;font-size:11.5px;color:#4b575b}

/* == mzrv:terms == */
.mzrv-more{grid-area:more;margin:0 0 0 -14px;border-top:1px solid #ebf0ef}
.mzrv-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:36px;padding:0 16px;font:600 13px/1 var(--mz-sans,sans-serif);color:#0f5261}
.mzrv-more summary::-webkit-details-marker{display:none}
.mzrv-more summary::after{content:"+";margin-left:auto;font-size:18px;line-height:1;color:#9a5600}
.mzrv-more[open] summary::after{content:"–"}
.mzrv-more dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px 18px;margin:0;padding:4px 16px 14px}
.mzrv-more dt{font:700 11px/1.2 var(--mz-sans,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#6c787c}
.mzrv-more dd{margin:2px 0 0;font-size:14px;line-height:1.4}

/* == mzrv:more-bar == */
.mzrv-morebar{display:flex;justify-content:center;margin:4px 0 6px}
.mzrv-all{position:absolute;opacity:0;width:1px;height:1px;clip-path:inset(50%)}
.mzrv-morebar label{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 1.5px #0b3b45;color:#0b3b45;font:700 14.5px/1 var(--mz-sans,sans-serif);cursor:pointer}
.mzrv-close{display:none}
.mzrv-all:checked + label .mzrv-open{display:none}
.mzrv-all:checked + label .mzrv-close{display:inline}
.mzrv-note{display:flex;gap:8px;margin:10px 0 0!important;font-size:12.5px!important;line-height:1.5!important;color:#4b575b}
.mzrv-note .mzrv-i{margin-top:2px;color:#6c787c}

/* == mzrv:show-filter-order == (скрытый хвост → показать все → фильтры) */
.mzrv-wrap .mzrv-list > li.mzrv-row.mzrv-hid{display:none}
.mzrv-wrap:has(.mzrv-all:checked) .mzrv-list > li.mzrv-row.mzrv-hid{display:grid}
.mzrv-wrap:has(input[id$="-f-big"]:checked) .mzrv-list > li.mzrv-row:not(.mzrv-m-big){display:none}
.mzrv-wrap:has(input[id$="-f-fs3"]:checked) .mzrv-list > li.mzrv-row:not(.mzrv-m-fs3){display:none}
.mzrv-wrap:has(input[id$="-f-yng"]:checked) .mzrv-list > li.mzrv-row:not(.mzrv-m-yng){display:none}
.mzrv-wrap:has(input[id$="-f-wag"]:checked) .mzrv-list > li.mzrv-row:not(.mzrv-m-wag){display:none}

/* == mzrv:container == (раскладка по ширине самой витрины, а не экрана) */
.mzrv-wrap{container:mzrv / inline-size}
@container mzrv (max-width: 900px){
  .mzrv-list > li.mzrv-row{grid-template-columns:40px 124px minmax(0,1fr) 184px;grid-template-areas:"rk logo id stub" "rk logo ticket stub" "more more more more";row-gap:0}
  .mzrv-logo{width:124px;height:72px;margin-bottom:0;align-self:center}
  .mzrv-rk{grid-row:1/3}
  .mzrv-id{padding:0 0 6px}
  .mzrv-ticket{margin:0 0 12px;padding:8px 16px 8px 18px;border-left:0;border-radius:4px;align-self:start}
  .mzrv-offer small{display:inline;margin:0 6px 0 0}
  .mzrv-offer b{display:inline;font-size:25px}
  .mzrv-offer em{display:inline;margin-left:4px}
  .mzrv-stub{grid-row:1/3;margin:-14px 0 0}
}
@media (max-width:640px){
  .mzrv-wrap{margin:24px calc(-1 * var(--mz-sheet,16px));padding:16px 12px 12px;border-radius:0}
  .mzrv-head h2{font-size:23px!important}
  .mzrv-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:4px 14px}
  .mzrv-filter::-webkit-scrollbar{display:none}
  .mzrv-chk{white-space:nowrap;flex:0 0 auto}
  .mzrv-filter-t{display:none}
}
@container mzrv (max-width: 600px){
  .mzrv-list > li.mzrv-row{grid-template-columns:30px 84px minmax(0,1fr) 124px;grid-template-areas:"rk logo id id" "ticket ticket ticket stub" "more more more more";padding:10px 0 0 10px!important;column-gap:10px;row-gap:0}
  .mzrv-rk{font-size:22px;padding-bottom:8px;grid-row:auto}
  .mzrv-logo{width:84px;height:52px;padding:5px 7px;margin-bottom:8px}
  .mzrv-id{padding:0 10px 8px 0}
  .mzrv-name{font-size:16px!important;margin-bottom:3px!important}
  .mzrv-facts{font-size:12.5px!important;gap:2px 10px}
  .mzrv-facts span:nth-child(n+3){display:none}
  .mzrv-ticket{grid-row:auto;align-self:stretch;margin:0;padding:8px 10px 8px 14px;border-radius:4px 0 0 4px;border-left:0}
  .mzrv-offer small{display:block;margin:0 0 2px;font-size:10.5px}
  .mzrv-offer b{display:block;font-size:22px;margin-left:0}
  .mzrv-offer em{display:block;margin:2px 0 0;font-size:13.5px}
  .mzrv-cond{display:none}
  .mzrv-stub{grid-row:auto;align-self:stretch;margin:0 10px 10px 0;padding:8px 8px 6px 10px;border-radius:0 4px 4px 0;gap:4px}
  .mzrv-stub::before,.mzrv-stub::after{display:none}
  .mzrv-go{min-height:44px;font-size:14.5px;padding:0 8px}
  .mzrv-tc{font-size:10.5px}
  .mzrv-rev{font-size:12.5px}
  .mzrv-ticket{margin-bottom:10px}
  .mzrv-more{margin-left:-10px}
  .mzrv-more summary{min-height:36px}
}