.bvc-loterij-app,
.bvc-prize-submission,
.bvc-prizes-slider,
.lotchecker-form,
.lotchecker-results {
--bvc-navy: #202245;
--bvc-orange: #F29100;
--bvc-red: #EA3829;
--bvc-yellow: #F7E600;
--bvc-green: #27BB36;
--bvc-gray: #D2D2D0;
--bvc-font-heading: 'Mokoko', serif;
--bvc-font-body: Verdana, sans-serif;
--bvc-navy-rgb: 32, 34, 69;
--bvc-orange-rgb: 242, 145, 0;
--bvc-red-rgb: 234, 56, 41;
--bvc-yellow-rgb: 247, 230, 0;
--bvc-green-rgb: 39, 187, 54;
--bvc-gray-rgb: 210, 210, 208;
} .bvc-loterij-app,
.bvc-prize-submission,
.bvc-prizes-slider,
.lotchecker-form,
.lotchecker-results {
font-family: var(--bvc-font-body);
}
.bvc-loterij-app h1,
.bvc-loterij-app h2,
.bvc-loterij-app h3,
.bvc-loterij-app h4,
.bvc-loterij-app h5,
.bvc-loterij-app h6,
.bvc-prize-submission h1,
.bvc-prize-submission h2,
.bvc-prize-submission h3,
.bvc-prize-submission h4,
.bvc-prize-submission h5,
.bvc-prize-submission h6,
.bvc-prizes-slider h1,
.bvc-prizes-slider h2,
.bvc-prizes-slider h3,
.bvc-prizes-slider h4,
.bvc-prizes-slider h5,
.bvc-prizes-slider h6,
.lotchecker-form h1,
.lotchecker-form h2,
.lotchecker-form h3,
.lotchecker-form h4,
.lotchecker-form h5,
.lotchecker-form h6,
.lotchecker-results h1,
.lotchecker-results h2,
.lotchecker-results h3,
.lotchecker-results h4,
.lotchecker-results h5,
.lotchecker-results h6 {
font-family: var(--bvc-font-heading);
}.small-url-input { width: 120px !important; min-width: 80px; display: inline-block; }
.bvc-prizes-slider, .bvc-prizes-slider * { box-sizing: border-box; }
.bvc-prizes-slider { max-width: 1200px; margin: 20px auto; position: relative; }
.bvc-prizes-slider .viewport { overflow: hidden; position: relative; }
.bvc-prizes-slider .slides { display: flex; width: 100%; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; }
.bvc-prizes-slider .slide { flex: 0 0 100%; min-width: 100%; padding: 10px; display: grid; place-items: center; }
.bvc-prizes-slider .grid { display: grid; gap: 16px; grid-template-columns: 300px; justify-content: center; justify-items: center; margin: 0 auto; }
@media (min-width: 600px) { .bvc-prizes-slider .grid { grid-template-columns: repeat(2, 300px); } }
.bvc-prizes-slider .card { position: relative; width: min(300px, 92vw); min-height: 110px; background: #f7f7fa; border-radius: 10px; box-shadow: 0 2px 8px #0001; padding: 12px 18px; display: flex; align-items: center; justify-content: center; color: var(--bvc-navy); transition: box-shadow 0.2s ease, transform 0.2s ease; }
@media (min-width: 600px) { .bvc-prizes-slider .card { width: 300px; } }
.bvc-prizes-slider .card.clickable { cursor: pointer; }
.bvc-prizes-slider .card.clickable:hover { box-shadow: 0 2px 8px #0001; transform: translateY(-1px); }
.bvc-prizes-slider .card .card-click { display: block; width: 100%; height: 100%; text-decoration: none; color: inherit; }
.bvc-prizes-slider .card .card-click:focus-visible { outline: 2px solid var(--bvc-orange); outline-offset: 2px; border-radius: 8px; }
.bvc-prizes-slider .bvc-prize-row { width: 100%; display: flex; align-items: center; gap: 18px; }
.bvc-prizes-slider .bvc-prize-img { flex: 0 0 auto; }
.bvc-prizes-slider .bvc-prize-img img { max-height: 80px; max-width: 80px; width: auto; height: auto; object-fit: contain; display: block; border-radius: 8px; }
.bvc-prizes-slider .bvc-prize-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bvc-prizes-slider h1.bvc-prize-title { color: var(--bvc-navy) !important; font-size: 1.1em; margin: 0 0 2px 0; line-height: 1.15; text-transform: uppercase; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.bvc-prizes-slider .bvc-prize-value { color: var(--bvc-orange); font-weight: bold; font-size: 0.95em; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.bvc-prizes-slider .bvc-prize-sponsor { font-size: 0.97em; color: #555; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.bvc-prizes-slider .nav { position: absolute; top: 50%; transform: translateY(-50%); background: linear-gradient(135deg, var(--bvc-yellow) 0%, var(--bvc-orange) 100%); color: var(--bvc-navy); border: none; border-radius: 50%; width: 42px; height: 42px; box-shadow: 0 4px 12px rgba(0,0,0,0.25); cursor: pointer; }
.bvc-prizes-slider .nav:disabled { opacity: 0.5; cursor: not-allowed; }
.bvc-prizes-slider .nav.prev { left: -10px; }
.bvc-prizes-slider .nav.next { right: -10px; }
@media (max-width: 600px) { .bvc-prizes-slider .nav.prev { left: 0; } .bvc-prizes-slider .nav.next { right: 0; } } .bvc-prizes-slider .nav { display: none !important; }
.bvc-prizes-slider .dots { display: flex; justify-content: center; gap: 8px; margin-top: 10px; }
.bvc-prizes-slider .dot { width: 10px; height: 10px; border-radius: 50%; background: #fff; border: 2px solid var(--bvc-orange); cursor: pointer; padding: 0; }
.bvc-prizes-slider .dot.active { background: var(--bvc-orange); border-color: var(--bvc-orange); } @media (max-width: 600px) {
.bvc-prizes-slider .grid { grid-template-columns: 65vw; gap: 8px; }
.bvc-prizes-slider .grid > .card:nth-child(n+2) { display: none; }
.bvc-prizes-slider .card { width: 65vw; min-height: 90px; padding: 10px 12px; }
.bvc-prizes-slider .bvc-prize-row { gap: 12px; }
.bvc-prizes-slider .bvc-prize-img img { max-height: 60px; max-width: 60px; }
.bvc-prizes-slider h1.bvc-prize-title { font-size: 0.95em; }
.bvc-prizes-slider .bvc-prize-value { font-size: 0.9em; }
.bvc-prizes-slider .bvc-prize-sponsor { font-size: 0.9em; }
}
.bvc-prizes-slider-empty {
background: #ffeaea;
color: var(--bvc-red);
border-radius: 8px;
padding: 16px 18px;
font-size: 1.1em;
text-align: center;
box-shadow: 0 2px 8px #0001;
}