/* BUZZRI Core v1.4.5 — global mobile drawer SNS row fix */
@media (max-width:760px) {
  /* Apply to the BUZZRI drawer on EVERY page, not only pages carrying a version body class. */
  .buzzri-mobile-menu .buzzri-mobile-menu-inner {
    box-sizing:border-box !important;
    height:100dvh !important;
    max-height:100dvh !important;
    min-height:0 !important;
    overflow:hidden !important;
    overscroll-behavior:none !important;
    padding:18px 20px calc(16px + env(safe-area-inset-bottom)) !important;
  }
  .buzzri-mobile-menu .buzzri-mobile-menu-head { margin-bottom:10px !important; min-height:44px !important; }
  .buzzri-mobile-menu .buzzri-mobile-menu-brand { font-size:26px !important; }
  .buzzri-mobile-menu .buzzri-mobile-menu-close { font-size:31px !important; }
  .buzzri-mobile-menu .buzzri-mobile-menu-links a {
    padding:11px 2px !important;
    min-height:0 !important;
    font-size:15px !important;
    line-height:1.2 !important;
  }
  .buzzri-mobile-menu .buzzri-mobile-menu-sns {
    margin-top:10px !important;
    padding-top:9px !important;
  }
  .buzzri-mobile-menu .buzzri-mobile-menu-sns > strong {
    display:block !important;
    margin-bottom:7px !important;
    font-size:10px !important;
  }
  .buzzri-mobile-menu .buzzri-mobile-menu-sns-grid {
    display:grid !important;
    grid-template-columns:repeat(8,minmax(0,1fr)) !important;
    align-items:center !important;
    gap:5px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }
  .buzzri-mobile-menu .buzzri-mobile-menu-sns-link {
    position:relative !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
    width:100% !important;
    padding:2px 0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:8px !important;
    background:transparent !important;
    text-decoration:none !important;
  }
  .buzzri-mobile-menu .buzzri-mobile-menu-sns-link .buzzri-platform-icon {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    max-width:30px !important;
    max-height:30px !important;
    flex:0 0 30px !important;
    margin:0 auto !important;
    padding:0 !important;
    border-radius:8px !important;
    overflow:hidden !important;
  }
  .buzzri-mobile-menu .buzzri-mobile-menu-sns-link .buzzri-platform-icon img,
  .buzzri-mobile-menu .buzzri-mobile-menu-sns-link .buzzri-platform-icon svg {
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    margin:auto !important;
  }
  /* Icon-only row; names stay available to screen readers through aria-label. */
  .buzzri-mobile-menu .buzzri-mobile-menu-sns-link > span:last-child {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    clip-path:inset(50%) !important;
    white-space:nowrap !important;
    border:0 !important;
  }
  .buzzri-mobile-menu .buzzri-mobile-menu-account { margin-top:9px !important; }
  .buzzri-mobile-menu .buzzri-mobile-menu-account a { min-height:34px !important; font-size:11px !important; }
  .buzzri-mobile-menu .buzzri-mobile-menu-legal {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px 14px !important;
    margin-top:auto !important;
    padding-top:10px !important;
  }
  .buzzri-mobile-menu .buzzri-mobile-menu-legal a { font-size:9.5px !important; line-height:1.25 !important; }
  .buzzri-mobile-menu .buzzri-mobile-menu-tagline { margin-top:9px !important; font-size:10px !important; }
}
@media (max-width:360px) {
  .buzzri-mobile-menu .buzzri-mobile-menu-inner { padding-left:16px !important; padding-right:16px !important; }
  .buzzri-mobile-menu .buzzri-mobile-menu-links a { padding:9px 2px !important; font-size:14px !important; }
  .buzzri-mobile-menu .buzzri-mobile-menu-sns-grid { gap:3px !important; }
  .buzzri-mobile-menu .buzzri-mobile-menu-sns-link .buzzri-platform-icon {
    width:27px !important; height:27px !important; min-width:27px !important; min-height:27px !important; max-width:27px !important; max-height:27px !important; flex-basis:27px !important;
  }
}

/* BUZZRI Core v1.5.3 — recommendation ranking + recommended quantity badges */
.buzzri-recommend-row {
  display:flex;
  justify-content:flex-start;
  align-items:center;
  margin:0 0 11px;
}
.buzzri-recommend-badge {
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 11px 6px 7px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:11px;
  line-height:1;
  font-weight:950;
  letter-spacing:.01em;
  box-shadow:0 5px 14px rgba(15,23,42,.08);
  white-space:nowrap;
}
.buzzri-recommend-medal {
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  font-size:10px;
  font-weight:950;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);
}
.buzzri-recommend-badge.is-gold {
  color:#4a3500;
  border-color:#e2bd4b;
  background:linear-gradient(135deg,#fff2a8 0%,#e7bd42 52%,#b98917 100%);
}
.buzzri-recommend-badge.is-gold .buzzri-recommend-medal { color:#8a6400; }
.buzzri-recommend-badge.is-silver {
  color:#303742;
  border-color:#c5cbd3;
  background:linear-gradient(135deg,#fbfcfd 0%,#d7dbe1 52%,#9aa2ad 100%);
}
.buzzri-recommend-badge.is-silver .buzzri-recommend-medal { color:#58606c; }

.buzzri-recommend-badge.is-bronze {
  color:#4b2a12;
  border-color:#b9783f;
  background:linear-gradient(135deg,#f2cfaa 0%,#c88952 52%,#95511e 100%);
}
.buzzri-recommend-badge.is-bronze .buzzri-recommend-medal { color:#7b431c; }
.buzzri-selected-flags { display:flex; align-items:center; justify-content:flex-end; gap:7px; flex-wrap:wrap; }
.buzzri-tier-recommend-badge {
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  background:linear-gradient(135deg,#fff4b5,#f2cb4d);
  border:1px solid #e4bd35;
  color:#5f4700;
  font-size:11px;
  line-height:1;
  font-weight:950;
  white-space:nowrap;
  box-shadow:0 4px 12px rgba(146,109,0,.10);
}
@media (max-width:520px) {
  .buzzri-recommend-row { margin-bottom:9px; }
  .buzzri-recommend-badge { padding:5px 10px 5px 6px; font-size:10.5px; }
  .buzzri-recommend-medal { width:19px; height:19px; font-size:9.5px; }
}