.bk-giveaway__video { width: 100%; border-radius: 12px; background: #000; }
.bk-winners { margin: 0 0 1.5rem 1.25rem; }
.bk-weights { margin: 1rem 0 1.5rem; display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.bk-ball-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.bk-ball { border: 1px solid #e2e2e2; border-radius: 12px; padding: 1rem; text-align: center; background: #fff; }
.bk-ball.is-selected { border-color: #d64000; box-shadow: 0 0 0 2px rgba(214,64,0,.2); }
.bk-ball__img { width: 100%; height: 180px; object-fit: contain; }
.bk-ball__name { font-size: 1rem; margin: .5rem 0 .25rem; }
.bk-ball__specs { display: flex; justify-content: center; gap: .75rem; font-size: .875rem; color: #555; margin: 0 0 .5rem; }
.bk-ball__link { display: inline-block; font-size: .875rem; margin-bottom: .5rem; }
.bk-ball__choose, .bk-submit { display: block; width: 100%; padding: .6rem 1rem; border: 0; border-radius: 8px;
  background: #d64000; color: #fff; font-weight: 600; cursor: pointer; }
.bk-claim-form { margin-top: 2rem; padding: 1.25rem; border: 1px solid #e2e2e2; border-radius: 12px; max-width: 480px; }
.bk-claim-form label { display: block; font-weight: 600; margin-bottom: .25rem; }
.bk-claim-form input[type="text"], .bk-claim-form input[type="email"] { width: 100%; padding: .5rem; }
.bk-hp { position: absolute; left: -9999px; }
.bk-notice { padding: .75rem 1rem; border-radius: 8px; margin-bottom: 1rem; }
.bk-notice--success { background: #e6f6e9; color: #14532d; }
.bk-notice--error { background: #fdecec; color: #7f1d1d; }

/* Lista med tävlingsinlägg */
.bk-giveaway-list { display: grid; gap: 1.25rem; grid-template-columns: repeat(var(--bk-cols, 3), minmax(0, 1fr)); }
@media (max-width: 900px) { .bk-giveaway-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .bk-giveaway-list { grid-template-columns: 1fr; } }
.bk-card { border: 1px solid #e2e2e2; border-radius: 12px; overflow: hidden; background: #fff; display: flex; flex-direction: column; }
.bk-card__media { display: block; background: #111; aspect-ratio: 16 / 9; position: relative; }
.bk-card__img, .bk-card__video { width: 100%; height: 100%; object-fit: cover; display: block; }
.bk-card__placeholder { color: #fff; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: .875rem; opacity: .7; }
.bk-card__body { padding: 1rem; display: flex; flex-direction: column; gap: .35rem; }
.bk-card__title { font-size: 1.05rem; margin: 0; }
.bk-card__title a { text-decoration: none; color: inherit; }
.bk-card__date { font-size: .8rem; color: #777; margin: 0; }
.bk-card__excerpt, .bk-card__winners { font-size: .9rem; margin: 0; color: #444; }
.bk-card__link { margin-top: .5rem; font-weight: 600; color: #d64000; text-decoration: none; }
.bk-pagination ul { list-style: none; display: flex; gap: .5rem; padding: 0; margin: 1.5rem 0 0; }

/* Kontaktformulär */
.bk-contact-form { margin-top: 1rem; padding: 1rem; border: 1px solid #e2e2e2; border-radius: 12px; background: #fafafa; }
.bk-contact-form h3 { margin: 0 0 .5rem; font-size: 1rem; }
.bk-contact-form label { display: block; font-weight: 600; margin-bottom: .25rem; }
.bk-contact-form input, .bk-contact-form textarea { width: 100%; padding: .5rem; }
.bk-contact-form__intro { font-size: .9rem; color: #444; }

/* Delning */
.bk-share { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; margin-top: .5rem; }
.bk-share__label { font-size: .85rem; color: #666; }
.bk-share__btn { font-size: .8rem; padding: .35rem .7rem; border-radius: 999px; border: 1px solid #d9d9d9;
  background: #fff; color: #222; text-decoration: none; cursor: pointer; }
.bk-share__btn--fb { background: #1877f2; border-color: #1877f2; color: #fff; }
.bk-share__btn--ig { background: linear-gradient(45deg, #f09433, #dc2743, #bc1888); border: 0; color: #fff; }

.bk-contact { margin-top: 1.25rem; border: 1px solid #e2e2e2; border-radius: 12px; background: #fff; display: flex; flex-direction: column; align-items: flex-start; }
details.bk-contact > summary.bk-contact__toggle {
  cursor: pointer; list-style: none !important;
  padding: 0.5rem 1.1rem !important; margin: 0 !important;
  font-weight: 700 !important; font-size: 0.9rem !important; line-height: 1.2 !important;
  background: #FFDF4A !important; background-image: none !important; color: #000 !important;
  display: inline-flex !important; align-items: center; justify-content: center; gap: .5rem;
  border-radius: 999px !important; border: 0 !important; text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10) !important; transition: all .2s ease;
  -webkit-tap-highlight-color: transparent; user-select: none; width: auto !important; }
details.bk-contact > summary.bk-contact__toggle:hover,
details.bk-contact > summary.bk-contact__toggle:focus-visible {
  background: #f7d534 !important; color: #000 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; transform: translateY(-1px); }
details.bk-contact > summary.bk-contact__toggle::-webkit-details-marker { display: none !important; }
details.bk-contact > summary.bk-contact__toggle::marker { content: '' !important; }
details.bk-contact > summary.bk-contact__toggle::after { content: '\25BE'; font-size: .8em; transition: transform .2s ease; }
details.bk-contact[open] > summary.bk-contact__toggle::after { transform: rotate(180deg); }
.bk-contact .bk-contact-form { border: 0; margin: 0; padding: 0 1rem 1rem; }