/* Cross-module shared styles: dialogs, action menus, reaction UI, media browser, utilities. */
/* Common controls, report modal, reaction popup, media browser, and late-stage compatibility refinements. */

.sc-ui-overflow-menu .sc-ui-overflow-item::before,
.sc-ui-overflow-menu [data-action]::before {
    content: '◌';
    margin-right: 12px;
    font-size: 20px;
    line-height: 1;
}

.sc-ui-reaction-popup {
    bottom: calc(100% + 8px);
    left: 14px;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 18px;
    border: 1px solid #e7eaee;
}

.sc-ui-reaction-popup-btn {
    width: 52px;
    height: 52px;
    font-size: 28px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    border: 2px solid #fff;
}

.sc-ui-reaction-popup-btn span {
    display: block;
    transform: translateY(1px);
}

.sc-ui-reaction-badge,
.sc-ui-reaction-popup-btn {
    background-image: radial-gradient(circle at 34% 30%, rgba(255,255,255,.9), rgba(255,255,255,.08) 34%), linear-gradient(135deg, #f6d365, #fda085);
}

.sc-rx-heart { background-image: radial-gradient(circle at 34% 30%, rgba(255,255,255,.9), rgba(255,255,255,.06) 36%), linear-gradient(135deg, #74ebd5, #acb6e5); }
.sc-rx-love  { background-image: radial-gradient(circle at 34% 30%, rgba(255,255,255,.9), rgba(255,255,255,.06) 36%), linear-gradient(135deg, #fbc2eb, #a6c1ee); }
.sc-rx-smile { background-image: radial-gradient(circle at 34% 30%, rgba(255,255,255,.9), rgba(255,255,255,.06) 36%), linear-gradient(135deg, #f6d365, #fda085); }
.sc-rx-cool  { background-image: radial-gradient(circle at 34% 30%, rgba(255,255,255,.9), rgba(255,255,255,.06) 36%), linear-gradient(135deg, #89f7fe, #66a6ff); }
.sc-rx-laugh { background-image: radial-gradient(circle at 34% 30%, rgba(255,255,255,.9), rgba(255,255,255,.06) 36%), linear-gradient(135deg, #fddb92, #d1fdff); }
.sc-rx-calm  { background-image: radial-gradient(circle at 34% 30%, rgba(255,255,255,.9), rgba(255,255,255,.06) 36%), linear-gradient(135deg, #c3f0ca, #d7f8a8); }

.sc-ui-reaction-badge {
    color: #111;
}

.sc-ui-report-modal {
    position: fixed;
    inset: 0;
    z-index: 100050;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.45);
    padding: 20px;
}

.sc-ui-report-modal.active {
    display: flex;
}

.sc-ui-report-card {
    width: 100%;
    max-width: 500px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,.18);
    overflow: hidden;
}

.sc-ui-report-title,
.sc-ui-report-subtitle,
.sc-ui-report-user,
.sc-ui-report-body,
.sc-ui-report-card label {
    padding-left: 24px;
    padding-right: 24px;
}

.sc-ui-report-title {
    padding-top: 28px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
    text-align: center;
}

.sc-ui-report-subtitle {
    padding-top: 22px;
    padding-bottom: 8px;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
    color: #111;
}

.sc-ui-report-user {
    padding-top: 6px;
    color: #8b94a5;
    text-align: center;
}

.sc-ui-report-body {
    padding-top: 18px;
    padding-bottom: 18px;
    color: #333;
    font-size: 16px;
    line-height: 1.45;
    text-align: center;
}

.sc-ui-report-card label {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 42px;
    font-size: 16px;
    color: #222;
    cursor: pointer;
}

.sc-ui-report-card input[type="radio"] {
    width: 18px;
    height: 18px;
}

.sc-ui-report-primary,
.sc-ui-report-secondary {
    display: block;
    width: 100%;
    min-height: 54px;
    border: 0;
    background: #fff;
    font-size: 18px;
    cursor: pointer;
}

.sc-ui-report-primary {
    border-top: 1px solid #e7eaee;
    color: #ff7f7f;
    font-weight: 700;
}

.sc-ui-report-secondary {
    border-top: 1px solid #e7eaee;
    color: #6b7280;
}

.sc-ui-report-danger {
    color: #ff3b30;
}

.sc-ui-photo-overflow-wrap {
    margin-left: auto;
}

.sc-ui-photo-overflow-menu {
    top: 42px;
    right: -8px;
}

@media (max-width: 768px) {
    .sc-ui-overflow-menu {
        min-width: 190px;
    }
    .sc-ui-reaction-popup {
        left: 8px;
        padding: 6px 8px;
    }
    .sc-ui-reaction-popup-btn {
        width: 44px;
        height: 44px;
        font-size: 24px;
    }
}

@media (max-width: 640px) {
    .sc-ui-photo-mobile-nav-strip {
        position: sticky;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 12;
        margin-top: auto;
        background: #fff;
        border-top: 1px solid #dfe3e7;
    }
    .sc-ui-report-card {
        max-width: 92vw;
    }
}


/* iteration 1.12.7: unified div controls */
.sc-ui-qa-entry-button,
.sc-ui-community-entry-button,
.sc-ui-photo-upload-btn,
.sc-ui-photo-upload-close,
.sc-ui-photo-upload-submit,
.sc-ui-photo-nav-btn,
.sc-ui-photo-mobile-nav-btn,
.sc-ui-photo-close-btn,
.sc-ui-photo-action-btn,
.sc-ui-photo-comment-send,
.sc-ui-photo-load-more-comments,
.sc-ui-photo-more-btn,
.sc-ui-report-primary,
.sc-ui-report-secondary,
.sc-ui-qa-follow,
.sc-ui-qa-card-more,
.sc-ui-community-card-more,
.sc-ui-card-action,
.sc-ui-qa-modal-close,
.sc-ui-community-modal-close,
.sc-ui-qa-modal-submit,
.sc-ui-community-modal-submit,
.sc-ui-qa-compose-send,
.sc-ui-community-compose-send,
.sc-ui-loadmore-btn,
.sc-ui-qa-modal-thumb-remove,
.sc-ui-community-modal-thumb-remove,
.sc-ui-reaction-popup-btn {
    user-select: none;
    -webkit-user-select: none;
}

.sc-ui-qa-follow,
.sc-ui-qa-card-more,
.sc-ui-community-card-more,
.sc-ui-card-action,
.sc-ui-qa-modal-submit,
.sc-ui-community-modal-submit,
.sc-ui-qa-compose-send,
.sc-ui-community-compose-send,
.sc-ui-loadmore-btn,
.sc-ui-overflow-item,
.sc-ui-photo-comment-send,
.sc-ui-photo-load-more-comments,
.sc-ui-report-primary,
.sc-ui-report-secondary,
.sc-ui-photo-group-edge {
    cursor: pointer;
}

.sc-ui-overflow-item {
    display:flex;
    align-items:center;
    width:100%;
    min-height:48px;
    padding:0 14px;
    border-radius:8px;
    color:#111;
    font-size:16px;
    font-weight:700;
}

.sc-ui-qa-compose-icon.is-disabled,
.sc-ui-community-compose-icon.is-disabled,
.sc-ui-photo-comment-icon.is-disabled {
    opacity:.45;
    cursor:default;
}

.sc-ui-photo-group-edge {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:22px;
    height:110px;
    border-radius:999px;
    background:rgba(255,255,255,.18);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:22;
}
.sc-ui-photo-group-edge-prev { left:-32px; }
.sc-ui-photo-group-edge-next { right:-32px; }
.sc-ui-photo-group-edge:hover { background:rgba(255,255,255,.28); }

.sc-ui-photo-mobile-nav-strip {
    position:fixed !important;
    left:0; right:0; bottom:0;
    z-index:40;
}
.sc-ui-photo-mobile-nav-center {
    display:flex; align-items:center; justify-content:center; gap:8px;
}
.sc-ui-photo-mobile-nav-count { font-size:18px; line-height:1.2; }
.sc-ui-photo-mobile-thumb {
    border:3px solid #00b9cd;
    object-fit:cover;
}

.sc-ui-photo-overlay .sc-ui-photo-reaction-icon {
    width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; margin-right:-5px;
}
.sc-ui-photo-overlay .sc-ui-photo-reaction-icon span { display:block; }
.sc-ui-photo-overlay .sc-ui-photo-emoji-popup {
    display:flex; gap:8px; padding:8px 10px; background:#fff; border:1px solid #e7eaee; border-radius:18px; box-shadow:0 4px 14px rgba(0,0,0,.12);
    position:absolute; left:12px; bottom:calc(100% + 8px); opacity:0; pointer-events:none; transform:translateY(6px); transition:all .18s ease; z-index:20;
}
.sc-ui-photo-like-btn:hover .sc-ui-photo-emoji-popup,
.sc-ui-photo-emoji-popup.active { opacity:1; pointer-events:auto; transform:translateY(0); }
.sc-ui-photo-emoji { width:52px; height:52px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:28px; position:relative; }
.sc-ui-photo-emoji span:first-child { display:block; transform:translateY(1px); }
.sc-ui-photo-emoji-tooltip { display:none !important; }

.sc-ui-card-stats-left, .sc-ui-photo-like-stat { min-height:32px; }
.sc-ui-card-actions .sc-ui-reaction-hover, .sc-ui-photo-like-btn { position:relative; }
.sc-ui-qa-compose-box, .sc-ui-community-compose-box, .sc-ui-photo-comment-composer-box { background:#fff; }

@media (max-width: 640px) {
  .sc-ui-photo-group-edge-prev { left:4px; }
  .sc-ui-photo-group-edge-next { right:4px; }
  .sc-ui-photo-group-edge { width:22px; height:70px; }
  .sc-ui-photo-nav-btn { width:72px; height:72px; border-radius:16px; }
}

/* iteration 1.12.8: unified reaction hover, follow/self cleanup, reply composer polish */
.sc-ui-qa-card-more,
.sc-ui-community-card-more,
.sc-ui-photo-more-btn {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: background-color .18s ease, color .18s ease;
}
.sc-ui-qa-card-more:hover,
.sc-ui-community-card-more:hover,
.sc-ui-photo-more-btn:hover {
  background: #f2f4f7;
  color: #222;
}

.sc-ui-reaction-hover,
.sc-ui-photo-like-btn,
.sc-ui-inline-reaction-anchor {
  position: relative;
}
.sc-ui-reaction-hover::before,
.sc-ui-photo-like-btn::before,
.sc-ui-inline-reaction-anchor::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 18px;
}
.sc-ui-reaction-popup,
.sc-ui-photo-emoji-popup {
  left: 8px !important;
  bottom: calc(100% - 6px) !important;
  gap: 4px !important;
  padding: 8px 8px 10px !important;
  border-radius: 20px !important;
}
.sc-ui-reaction-popup::after,
.sc-ui-photo-emoji-popup::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -14px;
  height: 18px;
}
.sc-ui-reaction-popup-btn,
.sc-ui-photo-emoji {
  width: 46px !important;
  height: 46px !important;
  border-width: 2px !important;
}
.sc-ui-reaction-badges {
  gap: 0;
}
.sc-ui-card-stats-left,
.sc-ui-photo-like-stat {
  gap: 6px;
}
.sc-ui-card-stats-left > span,
.sc-ui-photo-like-stat .sc-ui-photo-stat-number {
  position: relative;
  z-index: 1;
}

.sc-ui-qa-compose-box,
.sc-ui-community-compose-box,
.sc-ui-photo-comment-composer-box {
  background: #f7f9fb !important;
  border: 2px solid #9fe3ec !important;
  box-shadow: none !important;
}
.sc-ui-qa-compose-input,
.sc-ui-community-compose-input,
.sc-ui-photo-comment-input {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 2px 0 6px !important;
}
.sc-ui-qa-compose-input:focus,
.sc-ui-community-compose-input:focus,
.sc-ui-photo-comment-input:focus {
  background: transparent !important;
  box-shadow: none !important;
}

.sc-ui-inline-like {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  color: #637083;
  font-weight: 700;
  cursor: pointer;
}
.sc-ui-inline-like:hover {
  color: #00a9bb;
}
.sc-ui-inline-reaction-count {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #637083;
  font-weight: 700;
}
.sc-ui-inline-reaction-emoji {
  display: inline-block;
  line-height: 1;
}
.sc-ui-reaction-popup-inline {
  left: -6px !important;
}
.sc-ui-qa-answer-meta,
.sc-ui-community-comment-meta {
  gap: 14px;
  flex-wrap: wrap;
}
.sc-ui-qa-answer-bubble,
.sc-ui-community-comment-bubble {
  flex: 1;
}
.sc-ui-community-comment-item,
.sc-ui-qa-answer-item {
  align-items: flex-start;
}

.sc-ui-qa-follow:hover,
.sc-ui-qa-follow.active:hover {
  background: #b8ecf3;
}
.sc-ui-qa-follow[hidden] {
  display: none !important;
}

.sc-ui-photo-comment-like-btn,
.sc-ui-photo-comment-like-btn.is-liked {
  background: transparent;
  border: 0;
  box-shadow: none;
}

@media (max-width: 640px) {
  .sc-ui-reaction-popup,
  .sc-ui-photo-emoji-popup {
    left: 2px !important;
    gap: 3px !important;
    padding: 6px 6px 8px !important;
  }
  .sc-ui-reaction-popup-btn,
  .sc-ui-photo-emoji {
    width: 42px !important;
    height: 42px !important;
    font-size: 24px !important;
  }
}


/* iteration 1.12.9: login popup hooks, reaction parity, compact controls */
.sc-ui-card-action-wrap {
  flex: 1;
  display: block;
}
.sc-ui-card-action-wrap > .sc-ui-card-action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sc-ui-reaction-popup,
.sc-ui-photo-emoji-popup {
  gap: 2px !important;
  padding: 8px 7px 9px !important;
  left: 6px !important;
  bottom: calc(100% - 4px) !important;
}
.sc-ui-reaction-popup::after,
.sc-ui-photo-emoji-popup::after {
  bottom: -18px;
  height: 22px;
}
.sc-ui-reaction-popup-btn,
.sc-ui-photo-emoji {
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
}
.sc-ui-card-actions .sc-ui-reaction-hover,
.sc-ui-photo-actions .sc-ui-photo-like-btn,
.sc-ui-qa-answer-meta .sc-ui-reaction-hover,
.sc-ui-community-comment-meta .sc-ui-reaction-hover {
  overflow: visible;
}
.sc-ui-photo-author-info {
  align-items: center;
  gap: 10px;
  padding-right: 0;
}
.sc-ui-photo-author-meta {
  flex: 1;
  min-width: 0;
}
.sc-ui-photo-overflow-wrap {
  position: relative;
  margin-left: auto;
  align-self: center;
}
.sc-ui-photo-more-btn {
  position: static;
}
.sc-ui-qa-follow {
  min-height: 40px;
  padding: 0 14px;
  font-size: 14px;
  border-radius: 8px;
}
.sc-ui-qa-card-more,
.sc-ui-community-card-more,
.sc-ui-photo-more-btn {
  width: 32px;
  height: 32px;
  font-size: 18px;
}
.sc-ui-qa-card-head,
.sc-ui-community-card-head {
  align-items: center;
}
.sc-ui-inline-reaction-anchor,
.sc-ui-card-action-wrap,
.sc-ui-card-stats-left {
  position: relative;
}
.sc-ui-community-media-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: #e7eaee;
}
.sc-ui-community-media-grid.is-1 {
  grid-template-columns: 1fr;
}
.sc-ui-community-media-grid.is-3 {
  grid-template-columns: 2fr 1fr;
  grid-auto-rows: 180px;
}
.sc-ui-community-media-grid.is-3 .sc-ui-community-media-tile:first-child {
  grid-row: span 2;
}
.sc-ui-community-media-tile {
  position: relative;
  background: #f3f4f6;
  min-height: 180px;
  overflow: hidden;
}
.sc-ui-community-media-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.sc-ui-community-media-more {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  min-width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(17,17,17,.72);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
@media (max-width: 640px) {
  .sc-ui-reaction-popup,
  .sc-ui-photo-emoji-popup {
    gap: 1px !important;
    padding: 6px 6px 7px !important;
    left: 2px !important;
  }
  .sc-ui-reaction-popup-btn,
  .sc-ui-photo-emoji {
    width: 40px !important;
    height: 40px !important;
  }
  .sc-ui-community-media-grid.is-3 {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 120px;
  }
  .sc-ui-community-media-grid.is-3 .sc-ui-community-media-tile:first-child {
    grid-row: span 1;
  }
  .sc-ui-community-media-tile {
    min-height: 120px;
  }
}


/* iteration 1.13.0: bugfix unify reactions, compact controls, media browser */
.sc-ui-reaction-hover,
.sc-ui-card-action-wrap,
.sc-ui-inline-reaction-anchor,
.sc-ui-photo-like-btn {
  position: relative;
  overflow: visible;
}
.sc-ui-reaction-popup,
.sc-ui-photo-emoji-popup {
  left: 0 !important;
  bottom: calc(100% - 10px) !important;
  gap: 0 !important;
  padding: 8px 8px 10px !important;
  border-radius: 22px !important;
}
.sc-ui-reaction-popup::after,
.sc-ui-photo-emoji-popup::after {
  bottom: -16px !important;
  height: 20px !important;
}
.sc-ui-reaction-popup-btn,
.sc-ui-photo-emoji {
  width: 44px !important;
  height: 44px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.08) !important;
}
.sc-ui-reaction-popup-btn + .sc-ui-reaction-popup-btn,
.sc-ui-photo-emoji + .sc-ui-photo-emoji {
  margin-left: -2px;
}
.sc-ui-qa-follow {
  min-height: 34px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  border-radius: 8px !important;
}
.sc-ui-qa-card-more,
.sc-ui-community-card-more,
.sc-ui-photo-more-btn {
  width: 28px !important;
  height: 28px !important;
  font-size: 15px !important;
  border-radius: 999px !important;
}
.sc-ui-photo-author-info {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-right: 0 !important;
}
.sc-ui-photo-author-meta {
  flex: 1 1 auto;
  min-width: 0;
}
.sc-ui-photo-overflow-wrap {
  margin-left: auto !important;
  position: relative !important;
}
.sc-ui-photo-more-btn {
  position: static !important;
}
.sc-ui-overflow-wrap:hover > .sc-ui-qa-card-more,
.sc-ui-overflow-wrap:hover > .sc-ui-community-card-more,
.sc-ui-overflow-wrap:hover > .sc-ui-photo-more-btn {
  background: #f1f3f5;
}
.sc-ui-qa-compose-box,
.sc-ui-community-compose-box,
.sc-ui-photo-comment-composer-box {
  background: #f7f9fb !important;
  border: 2px solid #9fe3ec !important;
  box-shadow: none !important;
}
.sc-ui-qa-compose-input,
.sc-ui-community-compose-input,
.sc-ui-photo-comment-input {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.sc-ui-media-browser {
  position: fixed;
  inset: 0;
  z-index: 100001;
  display: none;
}
.sc-ui-media-browser.active { display: block; }
.sc-ui-media-browser-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 15, 30, .92);
}
.sc-ui-media-browser-stage {
  position: absolute;
  inset: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sc-ui-media-browser-image {
  max-width: calc(100vw - 160px);
  max-height: calc(100vh - 120px);
  object-fit: contain;
  display: block;
  box-shadow: 0 12px 32px rgba(0,0,0,.25);
}
.sc-ui-media-browser-close,
.sc-ui-media-browser-prev,
.sc-ui-media-browser-next {
  position: absolute;
  width: 54px;
  height: 54px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  color: #555;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 30px;
  user-select: none;
}
.sc-ui-media-browser-close { top: 0; right: 0; }
.sc-ui-media-browser-prev { left: 12px; top: 50%; transform: translateY(-50%); }
.sc-ui-media-browser-next { right: 12px; top: 50%; transform: translateY(-50%); }
.sc-ui-media-browser-count {
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  color: #fff;
  font-weight: 700;
  letter-spacing: .02em;
}


/* iteration 1.13.1: report persistence + reaction popup polish */
.sc-ui-reaction-popup,
.sc-ui-photo-emoji-popup {
  left: 0 !important;
  bottom: calc(100% - 6px) !important;
  gap: 2px !important;
  padding: 8px 10px !important;
  border-radius: 22px !important;
}
.sc-ui-reaction-popup::after,
.sc-ui-photo-emoji-popup::after {
  bottom: -16px !important;
  height: 18px !important;
}
.sc-ui-reaction-popup-btn,
.sc-ui-photo-emoji {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  border: 2px solid #fff !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
  line-height: 1 !important;
  transition: transform .16s ease, box-shadow .16s ease !important;
}
.sc-ui-reaction-popup-btn span,
.sc-ui-photo-emoji span:first-child {
  display: block !important;
  line-height: 1 !important;
  transform: none !important;
}
.sc-ui-reaction-popup-btn:hover,
.sc-ui-photo-emoji:hover,
.sc-ui-reaction-popup-btn:focus-visible,
.sc-ui-photo-emoji:focus-visible {
  transform: translateY(-3px) scale(1.12) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.16) !important;
}
.sc-ui-reaction-hover.sc-picked .sc-ui-reaction-popup,
.sc-ui-card-action-wrap.sc-picked .sc-ui-reaction-popup,
.sc-ui-inline-reaction-anchor.sc-picked .sc-ui-reaction-popup,
.sc-ui-photo-like-btn.sc-picked .sc-ui-photo-emoji-popup {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(10px) !important;
}
.sc-ui-card-stats-left,
.sc-ui-photo-like-stat {
  gap: 4px !important;
}
.sc-ui-card-stats-left > span:last-child,
.sc-ui-photo-like-stat .sc-ui-photo-stat-number {
  line-height: 1 !important;
}
.sc-ui-report-card {
  margin: 0 auto !important;
}
.sc-ui-report-primary,
.sc-ui-report-secondary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
.sc-ui-qa-card-more,
.sc-ui-community-card-more,
.sc-ui-photo-more-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.sc-ui-photo-upload-textarea,
.sc-ui-photo-upload-textarea:focus,
.sc-ui-qa-compose-input,
.sc-ui-qa-compose-input:focus,
.sc-ui-community-compose-input,
.sc-ui-community-compose-input:focus,
.sc-ui-photo-comment-input,
.sc-ui-photo-comment-input:focus {
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}
.sc-ui-photo-upload-content {
  border: 0 !important;
}

/* iteration 1.13.2: reaction flatten + report fallback + gallery group arrows */
.sc-ui-reaction-badges,
.sc-ui-photo-reactions-container {
  display:flex !important;
  align-items:center !important;
  gap:2px !important;
}
.sc-ui-reaction-badge,
.sc-ui-photo-reaction-icon,
.sc-ui-reaction-popup-btn,
.sc-ui-photo-emoji,
.sc-ui-inline-reaction-emoji {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.sc-ui-reaction-badge,
.sc-ui-photo-reaction-icon {
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  font-size:26px !important;
  line-height:1 !important;
}
.sc-ui-reaction-badge + .sc-ui-reaction-badge,
.sc-ui-photo-reaction-icon + .sc-ui-photo-reaction-icon { margin-left:-2px !important; }
.sc-ui-reaction-popup,
.sc-ui-photo-emoji-popup {
  left: 8px !important;
  bottom: calc(100% - 2px) !important;
  gap: 0 !important;
  padding: 8px 10px !important;
  border-radius: 22px !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.10) !important;
}
.sc-ui-reaction-popup::after,
.sc-ui-photo-emoji-popup::after {
  bottom: -8px !important;
  height: 10px !important;
}
.sc-ui-reaction-hover::before,
.sc-ui-photo-like-btn::before,
.sc-ui-inline-reaction-anchor::before {
  height: 8px !important;
}
.sc-ui-reaction-popup-btn,
.sc-ui-photo-emoji {
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 2px !important;
  margin:0 !important;
  font-size:34px !important;
  line-height:1 !important;
  transform:none !important;
}
.sc-ui-reaction-popup-btn span,
.sc-ui-photo-emoji span:first-child {
  display:inline-block !important;
  font-size:34px !important;
  line-height:1 !important;
  text-align:center !important;
  transform:none !important;
}
.sc-ui-reaction-popup-btn:hover,
.sc-ui-reaction-popup-btn:focus-visible,
.sc-ui-photo-emoji:hover,
.sc-ui-photo-emoji:focus-visible {
  background: transparent !important;
  box-shadow:none !important;
  transform: scale(1.16) !important;
}
.sc-ui-reaction-hover.sc-popup-closed .sc-ui-reaction-popup,
.sc-ui-card-action-wrap.sc-popup-closed .sc-ui-reaction-popup,
.sc-ui-inline-reaction-anchor.sc-popup-closed .sc-ui-reaction-popup,
.sc-ui-photo-like-btn.sc-picked .sc-ui-photo-emoji-popup,
.sc-ui-photo-like-btn.sc-popup-closed .sc-ui-photo-emoji-popup {
  opacity:0 !important;
  pointer-events:none !important;
  transform:translateY(10px) !important;
}
.sc-ui-card-actions {
  display:flex !important;
  align-items:center !important;
}
.sc-ui-card-action-wrap,
.sc-ui-card-action {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.sc-ui-card-action-wrap { flex:1 1 50% !important; }
.sc-ui-card-action-wrap > .sc-ui-card-action,
.sc-ui-card-actions > .sc-ui-card-action {
  width:100% !important;
  min-height:56px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.sc-ui-loadmore,
.sc-ui-photo-load-more-container {
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}
.sc-ui-loadmore .sc-ui-loadmore-btn,
.sc-ui-loadmore [data-role="list-more"],
.sc-ui-loadmore [data-role="answer-more"],
.sc-ui-loadmore [data-role="comment-more"],
#sc-js-gallery-loadMoreGridDiv {
  margin-left:auto !important;
  margin-right:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.sc-ui-report-card {
  margin:0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
}
.sc-ui-report-primary,
.sc-ui-report-secondary {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:0 !important;
}
.sc-ui-qa-compose-box,
.sc-ui-community-compose-box,
.sc-ui-photo-comment-composer-box,
.sc-ui-photo-upload-content {
  background:#f7f9fb !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
.sc-ui-photo-upload-textarea,
.sc-ui-photo-upload-textarea:focus,
.sc-ui-qa-compose-input,
.sc-ui-qa-compose-input:focus,
.sc-ui-community-compose-input,
.sc-ui-community-compose-input:focus,
.sc-ui-photo-comment-input,
.sc-ui-photo-comment-input:focus {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:none !important;
}
/* iteration 1.17.11: do not force the gallery lightbox container to overflow visibly here.
   The lightbox layout now owns this in ui-gallery.css so mobile 70/30 sizing and
   scroll containment are not broken by late common overrides. */
.sc-ui-photo-overlay-container { overflow: hidden !important; }
.sc-ui-photo-group-edge,
.sc-ui-photo-mobile-nav-btn {
  width:56px !important;
  height:56px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.92) !important;
  color:#4b5563 !important;
  box-shadow:0 10px 28px rgba(15,23,42,.18) !important;
}
.sc-ui-photo-group-edge:hover,
.sc-ui-photo-mobile-nav-btn:hover,
.sc-ui-photo-nav-btn:hover {
  background:#fff !important;
}
.sc-ui-photo-group-edge-prev { left:12px !important; }
.sc-ui-photo-group-edge-next { right:12px !important; }
@media (max-width: 850px) {
  .sc-ui-photo-group-edge-prev { left:10px !important; }
  .sc-ui-photo-group-edge-next { right:10px !important; }
}


/* iteration 1.13.3: unify reaction popup/card actions/product link/report visibility */
.sc-ui-card-actions {
  display:flex !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  gap:0 !important;
}
.sc-ui-card-actions > .sc-ui-card-action-wrap,
.sc-ui-card-actions > .sc-ui-card-action {
  flex:1 1 0 !important;
  max-width:50% !important;
  min-width:0 !important;
}
.sc-ui-card-action-wrap > .sc-ui-card-action,
.sc-ui-card-actions > .sc-ui-card-action,
.sc-ui-photo-actions > .sc-ui-photo-action-btn {
  min-height:52px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.sc-ui-card-action-wrap > .sc-ui-card-action .icon,
.sc-ui-card-actions > .sc-ui-card-action .icon,
.sc-ui-photo-action-btn .icon {
  margin-right:6px !important;
}
.sc-ui-reaction-badges,
.sc-ui-photo-reactions-container {
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
}
.sc-ui-reaction-badge,
.sc-ui-photo-reaction-icon {
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  font-size:24px !important;
  line-height:1 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.sc-ui-reaction-badge + .sc-ui-reaction-badge,
.sc-ui-photo-reaction-icon + .sc-ui-photo-reaction-icon {
  margin-left:-10px !important;
}
.sc-ui-card-stats-left,
.sc-ui-photo-like-stat {
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
}
.sc-ui-card-stats-left > span:last-child,
.sc-ui-photo-like-stat .sc-ui-photo-stat-number {
  display:inline-flex !important;
  align-items:center !important;
  line-height:1 !important;
}
.sc-ui-card-action-wrap .sc-ui-reaction-popup,
.sc-ui-inline-reaction-anchor .sc-ui-reaction-popup,
.sc-ui-photo-like-btn .sc-ui-photo-emoji-popup {
  left:50% !important;
  right:auto !important;
  bottom:calc(100% + 6px) !important;
  transform:translate(-50%, 8px) !important;
  padding:8px 10px !important;
  border-radius:22px !important;
  gap:0 !important;
}
.sc-ui-card-action-wrap:hover > .sc-ui-reaction-popup,
.sc-ui-inline-reaction-anchor:hover > .sc-ui-reaction-popup,
.sc-ui-photo-like-btn:hover > .sc-ui-photo-emoji-popup,
.sc-ui-reaction-popup.active,
.sc-ui-photo-emoji-popup.active {
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translate(-50%, 0) !important;
}
.sc-ui-card-action-wrap.sc-popup-closed .sc-ui-reaction-popup,
.sc-ui-inline-reaction-anchor.sc-popup-closed .sc-ui-reaction-popup,
.sc-ui-photo-like-btn.sc-popup-closed .sc-ui-photo-emoji-popup,
.sc-ui-photo-like-btn.sc-picked .sc-ui-photo-emoji-popup {
  opacity:0 !important;
  pointer-events:none !important;
  transform:translate(-50%, 8px) !important;
}
.sc-ui-reaction-popup,
.sc-ui-photo-emoji-popup {
  box-shadow:0 10px 24px rgba(15,23,42,.10) !important;
}
.sc-ui-reaction-popup::after,
.sc-ui-photo-emoji-popup::after {
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
}
.sc-ui-reaction-popup-btn,
.sc-ui-photo-emoji {
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 2px !important;
  margin:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  font-size:30px !important;
  line-height:1 !important;
  transform:none !important;
}
.sc-ui-reaction-popup-btn span,
.sc-ui-photo-emoji span:first-child {
  font-size:30px !important;
  line-height:1 !important;
  display:inline-block !important;
}
.sc-ui-reaction-popup-btn + .sc-ui-reaction-popup-btn,
.sc-ui-photo-emoji + .sc-ui-photo-emoji {
  margin-left:-4px !important;
}
.sc-ui-reaction-popup-btn:hover,
.sc-ui-reaction-popup-btn:focus-visible,
.sc-ui-photo-emoji:hover,
.sc-ui-photo-emoji:focus-visible {
  transform:translateY(-2px) scale(1.12) !important;
  box-shadow:none !important;
  background:transparent !important;
}
.sc-ui-reaction-popup,
.sc-ui-photo-emoji-popup {
  transition:opacity .14s ease .05s, transform .14s ease .05s !important;
}
.sc-ui-reaction-hover::before,
.sc-ui-photo-like-btn::before,
.sc-ui-inline-reaction-anchor::before {
  height:6px !important;
  background:transparent !important;
}
.sc-ui-card-stats-left .sc-ui-reaction-badges {
  min-width:0 !important;
}
.sc-ui-community-card,
.sc-ui-qa-card,
.sc-ui-community-entry,
.sc-ui-qa-entry {
  box-shadow:0 6px 18px rgba(15,23,42,.05) !important;
}
.sc-ui-community-card-image,
.sc-ui-qa-card-image,
.sc-ui-community-media-tile,
.sc-ui-community-product-link,
.sc-ui-photo-grid-item,
.sc-ui-photo-grid-card,
.sc-ui-photo-grid-card img {
  cursor:pointer !important;
}
.sc-ui-community-product-link {
  background:#f1f1f1 !important;
  min-height:56px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:0 16px !important;
  color:#111 !important;
  text-decoration:none !important;
}
.sc-ui-community-product-link > span:first-child {
  display:flex !important;
  align-items:center !important;
  min-height:56px !important;
}
.sc-ui-community-product-link:hover > span:first-child {
  text-decoration:underline !important;
}
.sc-ui-loadmore,
.sc-ui-photo-load-more-container { width:100% !important; }
.sc-ui-loadmore .sc-ui-loadmore-btn,
.sc-ui-loadmore [data-role="list-more"],
.sc-ui-loadmore [data-role="answer-more"],
.sc-ui-loadmore [data-role="comment-more"],
#sc-js-gallery-loadMoreGridDiv {
  margin-left:auto !important;
  margin-right:auto !important;
}
.sc-ui-report-card { overflow:hidden !important; }
.sc-ui-report-primary,
.sc-ui-report-secondary {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.sc-ui-photo-upload-content,
.sc-ui-qa-compose-box,
.sc-ui-community-compose-box,
.sc-ui-photo-comment-composer-box {
  background:#f7f9fb !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
.sc-ui-photo-upload-textarea,
.sc-ui-photo-upload-textarea:focus,
.sc-ui-qa-compose-input,
.sc-ui-qa-compose-input:focus,
.sc-ui-community-compose-input,
.sc-ui-community-compose-input:focus,
.sc-ui-photo-comment-input,
.sc-ui-photo-comment-input:focus {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:none !important;
}
.sc-ui-photo-group-edge,
.sc-ui-photo-mobile-nav-btn,
.sc-ui-photo-nav-btn {
  width:56px !important;
  height:56px !important;
  border-radius:50% !important;
}


/* iteration 1.13.5: unified reaction/action/composer cleanup */
.sc-ui-card-stats,
.sc-ui-photo-stats {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:8px 0 6px !important;
  border-top:0 !important;
}
.sc-ui-card-stats > [data-role="stats-left-wrap"]:empty {
  display:none !important;
}
.sc-ui-card-stats-left,
.sc-ui-inline-reaction-count,
.sc-ui-photo-stat-item.sc-ui-photo-like-stat {
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  min-height:22px !important;
}
.sc-ui-card-stats-right,
.sc-ui-photo-comment-stat,
.sc-ui-card-stats > div:last-child {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  margin-left:auto !important;
}
.sc-ui-card-stats-right[role="button"],
.sc-ui-photo-comment-stat[data-action],
.sc-ui-card-stats > div[data-action] {
  cursor:pointer !important;
}
.sc-ui-reaction-badges,
.sc-ui-photo-reactions-container {
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
}
.sc-ui-reaction-badge,
.sc-ui-photo-reaction-icon,
.sc-ui-reaction-popup-btn,
.sc-ui-photo-emoji {
  background:none !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  line-height:1 !important;
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.sc-ui-reaction-badge span,
.sc-ui-photo-reaction-icon span {
  display:block !important;
  font-size:22px !important;
  line-height:1 !important;
}
.sc-ui-reaction-badge + .sc-ui-reaction-badge,
.sc-ui-photo-reaction-icon + .sc-ui-photo-reaction-icon {
  margin-left:-7px !important;
}
.sc-ui-reaction-popup,
.sc-ui-photo-emoji-popup {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  left:50% !important;
  right:auto !important;
  bottom:calc(100% + 6px) !important;
  transform:translate(-50%, 8px) !important;
  padding:7px 9px !important;
  gap:0 !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:0 8px 18px rgba(15,23,42,.10) !important;
}
.sc-ui-reaction-popup::after,
.sc-ui-photo-emoji-popup::after {
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
}
.sc-ui-card-action-wrap,
.sc-ui-photo-like-btn,
.sc-ui-inline-reaction-anchor {
  position:relative !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:center !important;
}
.sc-ui-card-action-wrap::before,
.sc-ui-photo-like-btn::before,
.sc-ui-inline-reaction-anchor::before {
  content:'' !important;
  position:absolute !important;
  left:50% !important;
  width:96px !important;
  height:8px !important;
  bottom:100% !important;
  transform:translateX(-50%) !important;
  background:transparent !important;
}
.sc-ui-card-actions .sc-ui-card-action-wrap,
.sc-ui-card-actions > .sc-ui-card-action,
.sc-ui-photo-actions > .sc-ui-photo-action-btn {
  flex:1 1 50% !important;
  max-width:50% !important;
  min-width:0 !important;
}
.sc-ui-card-actions,
.sc-ui-photo-actions {
  display:flex !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  gap:0 !important;
}
.sc-ui-card-action-wrap > .sc-ui-card-action,
.sc-ui-card-actions > .sc-ui-card-action,
.sc-ui-photo-actions > .sc-ui-photo-action-btn,
.sc-ui-inline-like {
  width:100% !important;
  min-height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:7px !important;
}
.sc-ui-card-action-wrap:hover > .sc-ui-reaction-popup,
.sc-ui-inline-reaction-anchor:hover > .sc-ui-reaction-popup,
.sc-ui-photo-like-btn:hover > .sc-ui-photo-emoji-popup,
.sc-ui-reaction-popup.active,
.sc-ui-photo-emoji-popup.active {
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translate(-50%, 0) !important;
}
.sc-ui-card-action-wrap.sc-popup-closed .sc-ui-reaction-popup,
.sc-ui-inline-reaction-anchor.sc-popup-closed .sc-ui-reaction-popup,
.sc-ui-photo-like-btn.sc-popup-closed .sc-ui-photo-emoji-popup,
.sc-ui-photo-like-btn.sc-picked .sc-ui-photo-emoji-popup {
  opacity:0 !important;
  pointer-events:none !important;
  transform:translate(-50%, 8px) !important;
}
.sc-ui-reaction-popup-btn span,
.sc-ui-photo-emoji span:first-child {
  display:block !important;
  font-size:24px !important;
  line-height:1 !important;
}
.sc-ui-reaction-popup-btn + .sc-ui-reaction-popup-btn,
.sc-ui-photo-emoji + .sc-ui-photo-emoji {
  margin-left:-1px !important;
}
.sc-ui-reaction-popup-btn::after,
.sc-ui-photo-emoji::after {
  content:attr(data-title) !important;
  position:absolute !important;
  left:50% !important;
  bottom:100% !important;
  transform:translate(-50%, -6px) !important;
  background:#111827 !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1 !important;
  padding:5px 8px !important;
  border-radius:999px !important;
  white-space:nowrap !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .14s ease, transform .14s ease !important;
}
.sc-ui-reaction-popup-btn:hover::after,
.sc-ui-reaction-popup-btn:focus-visible::after,
.sc-ui-photo-emoji:hover::after,
.sc-ui-photo-emoji:focus-visible::after {
  opacity:1 !important;
  transform:translate(-50%, -10px) !important;
}
.sc-ui-like-action-icon,
.sc-ui-photo-current-reaction {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  min-width:22px !important;
  line-height:1 !important;
}
.sc-ui-like-action-icon.is-heart {
  color:#667085 !important;
  font-size:20px !important;
}
.sc-ui-like-action-icon.is-emoji,
.sc-ui-photo-current-reaction {
  font-size:22px !important;
}
.sc-ui-inline-reaction-count .sc-ui-reaction-badges,
.sc-ui-card-stats-left .sc-ui-reaction-badges {
  margin-right:2px !important;
}
.sc-ui-community-media-tile,
.sc-ui-qa-card-image,
.sc-ui-community-card-image,
.sc-ui-community-product-link,
.sc-ui-community-product-link span:first-child {
  cursor:pointer !important;
}
.sc-ui-community-product-link {
  background:#f1f1f1 !important;
  align-items:center !important;
}
.sc-ui-community-product-link span:first-child:hover {
  text-decoration:underline !important;
}
.sc-ui-card-stats,
.sc-ui-card-actions,
.sc-ui-qa-answer-wrap.active,
.sc-ui-community-comment-wrap.active {
  margin-top:0 !important;
}
.sc-ui-qa-answer-wrap,
.sc-ui-community-comment-wrap {
  padding-top:8px !important;
}
.sc-ui-card-stats + .sc-ui-card-actions {
  margin-top:0 !important;
}
.sc-ui-card-stats::before,
.sc-ui-card-stats::after {
  display:none !important;
}
.sc-ui-report-card {
  overflow:hidden !important;
}
.sc-ui-report-primary,
.sc-ui-report-secondary {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.sc-ui-photo-upload-content,
.sc-ui-qa-compose-box,
.sc-ui-community-compose-box,
.sc-ui-photo-comment-composer-box {
  background:#f7f9fb !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
.sc-ui-photo-upload-textarea,
.sc-ui-photo-upload-textarea:focus,
.sc-ui-qa-compose-input,
.sc-ui-qa-compose-input:focus,
.sc-ui-community-compose-input,
.sc-ui-community-compose-input:focus,
.sc-ui-photo-comment-input,
.sc-ui-photo-comment-input:focus {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:none !important;
}
.sc-ui-photo-group-edge,
.sc-ui-photo-mobile-nav-btn,
.sc-ui-photo-nav-btn {
  width:56px !important;
  height:56px !important;
  border-radius:50% !important;
}




/* iteration 1.13.8: consolidated action/reaction/community layout */
.sc-ui-card-stats,
.sc-ui-photo-stats {
  padding: 2px 0 0 !important;
  margin: 0 !important;
  border-top: 0 !important;
  position: relative;
}
.sc-ui-card-stats::before,
.sc-ui-photo-stats::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #e6e8ec;
}
.sc-ui-card-stats {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}
.sc-ui-card-stats > [data-role="stats-left-wrap"]:empty {
  display:none !important;
  width:0 !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
}
.sc-ui-card-stats-left,
.sc-ui-photo-like-stat,
.sc-ui-inline-reaction-count {
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  min-height:28px !important;
}
.sc-ui-reaction-badges,
.sc-ui-photo-reactions-container {
  display:inline-flex !important;
  align-items:center !important;
}
.sc-ui-reaction-badge,
.sc-ui-photo-reaction-icon {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:0 !important;
}
.sc-ui-reaction-badge + .sc-ui-reaction-badge,
.sc-ui-photo-reaction-icon + .sc-ui-photo-reaction-icon { margin-left:-8px !important; }
.sc-ui-reaction-badge span,
.sc-ui-photo-reaction-icon span {
  font-size:20px !important;
  line-height:1 !important;
}
.sc-ui-card-stats-right,
.sc-ui-photo-comment-stat {
  color:#111827 !important;
  margin-left:auto !important;
}
.sc-ui-card-actions,
.sc-ui-photo-actions {
  display:flex !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  gap:8px !important;
  padding: 8px 0 0 !important;
  margin: 8px 0 0 !important;
  background: transparent !important;
  border-top: 1px solid #e6e8ec !important;
}
.sc-ui-card-actions > .sc-ui-card-action-wrap,
.sc-ui-card-actions > .sc-ui-card-action,
.sc-ui-photo-actions > .sc-ui-photo-action-btn {
  flex:1 1 50% !important;
  max-width:50% !important;
  min-width:0 !important;
}
.sc-ui-card-action-wrap > .sc-ui-card-action,
.sc-ui-card-actions > .sc-ui-card-action,
.sc-ui-photo-actions > .sc-ui-photo-action-btn,
.sc-ui-inline-like {
  width:100% !important;
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:0 10px !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:5px !important;
}
.sc-ui-card-action-wrap > .sc-ui-card-action:hover,
.sc-ui-card-actions > .sc-ui-card-action:hover,
.sc-ui-photo-actions > .sc-ui-photo-action-btn:hover,
.sc-ui-inline-like:hover,
.sc-ui-card-action-wrap > .sc-ui-card-action:focus-visible,
.sc-ui-card-actions > .sc-ui-card-action:focus-visible,
.sc-ui-photo-actions > .sc-ui-photo-action-btn:focus-visible,
.sc-ui-inline-like:focus-visible { background:#f3f4f6 !important; }
.sc-ui-card-action,
.sc-ui-photo-action-btn,
.sc-ui-inline-like { text-align:center !important; }
.sc-ui-action-icon-svg,
.sc-ui-card-action .icon,
.sc-ui-photo-action-btn .icon,
.sc-ui-photo-comment-toggle .icon {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  color:#98a2b3 !important;
  line-height:1 !important;
}
.sc-ui-action-icon-svg svg { width:20px !important; height:20px !important; display:block !important; fill:currentColor !important; }
.sc-ui-action-icon-svg.is-heart svg { width:21px !important; height:21px !important; }
.sc-ui-card-action span:last-child,
.sc-ui-photo-action-btn span:last-child,
.sc-ui-inline-like span:last-child { color:#667085 !important; }
.sc-ui-like-action-icon.is-emoji,
.sc-ui-photo-current-reaction {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  font-size:20px !important;
  line-height:1 !important;
}
.sc-ui-reaction-hover,
.sc-ui-card-action-wrap,
.sc-ui-inline-reaction-anchor,
.sc-ui-photo-like-btn { position:relative !important; overflow:visible !important; }
.sc-ui-reaction-popup,
.sc-ui-photo-emoji-popup {
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:calc(100% + 4px) !important;
  transform:translate(-50%, 8px) !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
  padding:7px 10px !important;
  background:#fff !important;
  border-radius:999px !important;
  box-shadow:0 8px 18px rgba(15,23,42,.10) !important;
}
.sc-ui-card-action-wrap:hover > .sc-ui-reaction-popup,
.sc-ui-inline-reaction-anchor:hover > .sc-ui-reaction-popup,
.sc-ui-photo-like-btn:hover > .sc-ui-photo-emoji-popup,
.sc-ui-reaction-popup.active,
.sc-ui-photo-emoji-popup.active {
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translate(-50%, 0) !important;
}
.sc-ui-card-action-wrap.sc-popup-closed .sc-ui-reaction-popup,
.sc-ui-inline-reaction-anchor.sc-popup-closed .sc-ui-reaction-popup,
.sc-ui-photo-like-btn.sc-popup-closed .sc-ui-photo-emoji-popup,
.sc-ui-photo-like-btn.sc-picked .sc-ui-photo-emoji-popup {
  opacity:0 !important;
  pointer-events:none !important;
  transform:translate(-50%, 8px) !important;
}
.sc-ui-reaction-popup::after,
.sc-ui-photo-emoji-popup::after { display:none !important; }
.sc-ui-reaction-popup-btn,
.sc-ui-photo-emoji {
  position:relative !important;
  width:32px !important;
  height:32px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 !important;
}
.sc-ui-reaction-popup-btn + .sc-ui-reaction-popup-btn,
.sc-ui-photo-emoji + .sc-ui-photo-emoji { margin-left:-8px !important; }
.sc-ui-reaction-popup-btn span,
.sc-ui-photo-emoji span:first-child {
  display:block !important;
  font-size:24px !important;
  line-height:1 !important;
  transform:translateY(0) scale(1) !important;
  transition:transform .12s ease !important;
}
.sc-ui-reaction-popup-btn:hover span,
.sc-ui-reaction-popup-btn:focus-visible span,
.sc-ui-photo-emoji:hover span:first-child,
.sc-ui-photo-emoji:focus-visible span:first-child { transform:translateY(-1px) scale(1.14) !important; }
.sc-ui-reaction-popup-btn::after,
.sc-ui-photo-emoji::after {
  content:attr(data-title) !important;
  position:absolute !important;
  left:50% !important;
  bottom:100% !important;
  transform:translate(-50%, -6px) !important;
  background:#111827 !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1 !important;
  padding:5px 8px !important;
  border-radius:999px !important;
  white-space:nowrap !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .14s ease, transform .14s ease !important;
}
.sc-ui-reaction-popup-btn:hover::after,
.sc-ui-reaction-popup-btn:focus-visible::after,
.sc-ui-photo-emoji:hover::after,
.sc-ui-photo-emoji:focus-visible::after { opacity:1 !important; transform:translate(-50%, -10px) !important; }
.sc-ui-qa-follow,
.sc-ui-community-card .sc-ui-qa-follow { padding:5px 8px !important; min-height:auto !important; border-radius:5px !important; }
.sc-ui-overflow-wrap > .sc-ui-qa-card-more,
.sc-ui-overflow-wrap > .sc-ui-community-card-more,
.sc-ui-overflow-wrap > .sc-ui-photo-more-btn {
  width:26px !important;
  height:26px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:5px !important;
}
.sc-ui-overflow-wrap:hover > .sc-ui-qa-card-more,
.sc-ui-overflow-wrap:hover > .sc-ui-community-card-more,
.sc-ui-overflow-wrap:hover > .sc-ui-photo-more-btn { background:#f1f3f5 !important; }
.sc-ui-qa-compose-box,
.sc-ui-community-compose-box,
.sc-ui-photo-comment-composer-box {
  background:#f7f9fb !important;
  border:0 !important;
  box-shadow:none !important;
}
.sc-ui-qa-compose-input,
.sc-ui-community-compose-input,
.sc-ui-photo-comment-input {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.sc-ui-community-product-link {
  background:#fcfcfc !important;
  align-items:center !important;
}
.sc-ui-community-product-link span:first-child:hover { text-decoration:underline !important; }
.sc-ui-community-media-grid { cursor:default !important; }
.sc-ui-community-media-tile { cursor:pointer !important; }
.sc-ui-community-media-grid.is-3,
.sc-ui-community-media-grid.is-4 {
  grid-template-columns:2fr 1fr !important;
  gap:1px !important;
}
.sc-ui-community-media-grid.is-3 { grid-template-rows:repeat(2, 1fr) !important; }
.sc-ui-community-media-grid.is-3 .sc-ui-community-media-tile:first-child { grid-row:1 / span 2 !important; }
.sc-ui-community-media-grid.is-4 { grid-template-rows:repeat(3, 1fr) !important; }
.sc-ui-community-media-grid.is-4 .sc-ui-community-media-tile:first-child { grid-row:1 / span 3 !important; }
.sc-ui-community-media-grid.is-4 .sc-ui-community-media-tile:nth-child(n+2) { min-height:119px !important; }
.sc-ui-community-media-tile { min-height:180px !important; }
@media (max-width:640px){
  .sc-ui-community-media-grid.is-3,
  .sc-ui-community-media-grid.is-4 { grid-template-columns:2fr 1fr !important; }
  .sc-ui-community-media-grid.is-3 { grid-template-rows:repeat(2, 110px) !important; }
  .sc-ui-community-media-grid.is-4 { grid-template-rows:repeat(3, 74px) !important; }
  .sc-ui-community-media-grid.is-3 .sc-ui-community-media-tile:first-child { grid-row:1 / span 2 !important; }
  .sc-ui-community-media-grid.is-4 .sc-ui-community-media-tile:first-child { grid-row:1 / span 3 !important; }
  .sc-ui-community-media-tile { min-height:110px !important; }
  .sc-ui-reaction-popup,
  .sc-ui-photo-emoji-popup { padding:6px 8px !important; }
  .sc-ui-reaction-popup-btn,
  .sc-ui-photo-emoji { width:30px !important; height:30px !important; }
  .sc-ui-reaction-popup-btn span,
  .sc-ui-photo-emoji span:first-child { font-size:22px !important; }
}


/* iteration 1.15.0: baseline 1.13.10 cleanup */
.sc-ui-card-stats,
.sc-ui-photo-stats {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:0 !important;
  margin:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  background:transparent !important;
}
.sc-ui-card-stats::before,
.sc-ui-card-stats::after,
.sc-ui-photo-stats::before,
.sc-ui-photo-stats::after {
  display:none !important;
  content:none !important;
}
.sc-ui-card-stats > [data-role="stats-left-wrap"]:empty {
  display:none !important;
  width:0 !important;
  margin:0 !important;
  padding:0 !important;
  flex:0 0 auto !important;
}
.sc-ui-card-stats-left,
.sc-ui-inline-reaction-count,
.sc-ui-photo-stat-item.sc-ui-photo-like-stat {
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  min-height:24px !important;
}
.sc-ui-card-stats-right,
.sc-ui-photo-comment-stat,
.sc-ui-card-stats > div:last-child {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  margin-left:auto !important;
}
.sc-ui-card-actions,
.sc-ui-photo-actions {
  display:flex !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:10px 0 0 !important;
  margin:10px 0 12px !important;
  background:transparent !important;
  border:0 !important;
  border-top:1px solid #e6e8ec !important;
  box-shadow:none !important;
}
.sc-ui-card-actions > .sc-ui-card-action-wrap,
.sc-ui-card-actions > .sc-ui-card-action,
.sc-ui-photo-actions > .sc-ui-photo-action-btn {
  flex:1 1 50% !important;
  max-width:50% !important;
  min-width:0 !important;
}
.sc-ui-card-action-wrap > .sc-ui-card-action,
.sc-ui-card-actions > .sc-ui-card-action,
.sc-ui-photo-actions > .sc-ui-photo-action-btn,
.sc-ui-inline-like {
  width:100% !important;
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:0 10px !important;
  margin:0 !important;
  background:#fff !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:5px !important;
}
.sc-ui-card-action-wrap > .sc-ui-card-action:hover,
.sc-ui-card-actions > .sc-ui-card-action:hover,
.sc-ui-photo-actions > .sc-ui-photo-action-btn:hover,
.sc-ui-inline-like:hover,
.sc-ui-card-action-wrap > .sc-ui-card-action:focus-visible,
.sc-ui-card-actions > .sc-ui-card-action:focus-visible,
.sc-ui-photo-actions > .sc-ui-photo-action-btn:focus-visible,
.sc-ui-inline-like:focus-visible {
  background:#f3f4f6 !important;
}
.sc-ui-card-action,
.sc-ui-photo-action-btn,
.sc-ui-inline-like {
  text-align:center !important;
  color:#667085 !important;
}
.sc-ui-action-icon-svg,
.sc-ui-card-action .icon,
.sc-ui-photo-action-btn .icon,
.sc-ui-photo-comment-toggle .icon {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  color:#98a2b3 !important;
  line-height:1 !important;
}
.sc-ui-action-icon-svg svg { width:20px !important; height:20px !important; display:block !important; fill:currentColor !important; }
.sc-ui-action-icon-svg.is-heart svg { width:22px !important; height:22px !important; }
.sc-ui-card-action span:last-child,
.sc-ui-photo-action-btn span:last-child,
.sc-ui-inline-like span:last-child { color:#667085 !important; }
.sc-ui-like-action-icon,
.sc-ui-photo-current-reaction {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  line-height:1 !important;
}
.sc-ui-like-action-icon.is-heart { color:#98a2b3 !important; font-size:20px !important; }
.sc-ui-like-action-icon.is-emoji,
.sc-ui-photo-current-reaction { font-size:20px !important; }
.sc-ui-reaction-badges,
.sc-ui-photo-reactions-container {
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
}
.sc-ui-reaction-badge,
.sc-ui-photo-reaction-icon {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 !important;
}
.sc-ui-reaction-badge span,
.sc-ui-photo-reaction-icon span { font-size:20px !important; line-height:1 !important; }
.sc-ui-reaction-badge + .sc-ui-reaction-badge,
.sc-ui-photo-reaction-icon + .sc-ui-photo-reaction-icon { margin-left:-8px !important; }
.sc-ui-reaction-hover,
.sc-ui-card-action-wrap,
.sc-ui-inline-reaction-anchor,
.sc-ui-photo-like-btn {
  position:relative !important;
  overflow:visible !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:center !important;
}
.sc-ui-reaction-hover::before,
.sc-ui-card-action-wrap::before,
.sc-ui-inline-reaction-anchor::before,
.sc-ui-photo-like-btn::before {
  content:'' !important;
  position:absolute !important;
  left:50% !important;
  bottom:100% !important;
  width:72px !important;
  height:8px !important;
  transform:translateX(-50%) !important;
  background:transparent !important;
}
.sc-ui-reaction-popup,
.sc-ui-photo-emoji-popup {
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:calc(100% + 6px) !important;
  transform:translate(-50%, 8px) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  padding:7px 10px !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  background:#fff !important;
  border-radius:999px !important;
  box-shadow:0 8px 18px rgba(15,23,42,.10) !important;
  z-index:40 !important;
}
.sc-ui-reaction-popup::after,
.sc-ui-photo-emoji-popup::after { display:none !important; content:none !important; }
.sc-ui-card-action-wrap:hover > .sc-ui-reaction-popup,
.sc-ui-inline-reaction-anchor:hover > .sc-ui-reaction-popup,
.sc-ui-photo-like-btn:hover > .sc-ui-photo-emoji-popup,
.sc-ui-reaction-popup.active,
.sc-ui-photo-emoji-popup.active {
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translate(-50%, 0) !important;
}
.sc-ui-card-action-wrap.sc-popup-closed .sc-ui-reaction-popup,
.sc-ui-inline-reaction-anchor.sc-popup-closed .sc-ui-reaction-popup,
.sc-ui-photo-like-btn.sc-popup-closed .sc-ui-photo-emoji-popup,
.sc-ui-photo-like-btn.sc-picked .sc-ui-photo-emoji-popup {
  opacity:0 !important;
  pointer-events:none !important;
  transform:translate(-50%, 8px) !important;
}
.sc-ui-reaction-popup-btn,
.sc-ui-photo-emoji {
  position:relative !important;
  width:34px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 !important;
}
.sc-ui-reaction-popup-btn + .sc-ui-reaction-popup-btn,
.sc-ui-photo-emoji + .sc-ui-photo-emoji { margin-left:4px !important; }
.sc-ui-reaction-popup-btn span,
.sc-ui-photo-emoji span:first-child {
  display:block !important;
  font-size:24px !important;
  line-height:1 !important;
  transform:translateY(0) scale(1) !important;
  transition:transform .12s ease !important;
}
.sc-ui-reaction-popup-btn:hover span,
.sc-ui-reaction-popup-btn:focus-visible span,
.sc-ui-photo-emoji:hover span:first-child,
.sc-ui-photo-emoji:focus-visible span:first-child { transform:translateY(-1px) scale(1.14) !important; }
.sc-ui-reaction-popup-btn::after,
.sc-ui-photo-emoji::after {
  content:attr(data-title) !important;
  position:absolute !important;
  left:50% !important;
  bottom:100% !important;
  transform:translate(-50%, -6px) !important;
  background:#111827 !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1 !important;
  padding:5px 8px !important;
  border-radius:999px !important;
  white-space:nowrap !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .14s ease, transform .14s ease !important;
}
.sc-ui-reaction-popup-btn:hover::after,
.sc-ui-reaction-popup-btn:focus-visible::after,
.sc-ui-photo-emoji:hover::after,
.sc-ui-photo-emoji:focus-visible::after {
  opacity:1 !important;
  transform:translate(-50%, -10px) !important;
}
.sc-ui-photo-gallery-nav {
  padding:0 34px !important;
}
.sc-ui-photo-nav-btn {
  width:50px !important;
  height:50px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.90) !important;
  color:#4b5563 !important;
}
.sc-ui-photo-prev-btn { margin-left:24px !important; }
.sc-ui-photo-next-btn { margin-right:24px !important; }
.sc-ui-photo-group-edge {
  width:28px !important;
  height:84px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.14) !important;
  color:#f8fafc !important;
  backdrop-filter:blur(2px) !important;
}
.sc-ui-photo-group-edge-prev { left:8px !important; }
.sc-ui-photo-group-edge-next { right:8px !important; }
.sc-ui-photo-group-edge:hover { background:rgba(255,255,255,.22) !important; }
@media (max-width: 850px) {
  .sc-ui-photo-mobile-nav-btn {
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.88) !important;
    color:#4b5563 !important;
    font-size:24px !important;
  }
  .sc-ui-photo-nav-btn {
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }
  .sc-ui-photo-gallery-nav {
    padding:0 20px !important;
  }
  .sc-ui-photo-prev-btn { margin-left:10px !important; }
  .sc-ui-photo-next-btn { margin-right:10px !important; }
  .sc-ui-photo-group-edge {
    width:24px !important;
    height:72px !important;
  }
  .sc-ui-photo-group-edge-prev { left:4px !important; }
  .sc-ui-photo-group-edge-next { right:4px !important; }
}
.sc-ui-community-product-link {
  background:#fcfcfc !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}
.sc-ui-community-product-link > span:first-child { text-decoration:none !important; }
.sc-ui-community-product-link:hover > span:first-child { text-decoration:underline !important; }
.sc-ui-community-card,
.sc-ui-qa-card,
.sc-ui-community-entry,
.sc-ui-qa-entry { box-shadow:0 2px 8px rgba(15,23,42,.04) !important; }
.sc-ui-community-card,
.sc-ui-qa-card,
.sc-ui-community-entry,
.sc-ui-qa-entry { max-width:100% !important; }


/* 1.15.1 targeted fixes */
.sc-ui-community-comment-head{display:flex !important; align-items:center !important; justify-content:flex-end !important; min-height:16px !important; margin-bottom:4px !important;}
.sc-ui-community-comment-head-fill{flex:1 1 auto !important;}
.sc-ui-reply-overflow{opacity:0 !important; pointer-events:none !important; transition:opacity .15s ease !important;}
.sc-ui-qa-answer-item:hover .sc-ui-reply-overflow,
.sc-ui-community-comment-item:hover .sc-ui-reply-overflow{opacity:1 !important; pointer-events:auto !important;}
.sc-ui-reply-more{font-size:18px !important; line-height:1 !important; padding:2px 6px !important; border-radius:8px !important; background:rgba(241,241,241,.0) !important;}
.sc-ui-reply-more:hover,.sc-ui-reply-more:focus-visible{background:rgba(241,241,241,.75) !important;}
.sc-ui-community-compose-icon,.sc-ui-qa-compose-icon{display:none !important;}
.sc-ui-community-compose-actions,.sc-ui-qa-compose-actions{justify-content:flex-end !important;}
.sc-ui-card-stats-left,.sc-ui-inline-reaction-count{overflow:visible !important; padding-left:8px !important;}
.sc-ui-card-stats-left .sc-ui-reaction-badges,.sc-ui-inline-reaction-count .sc-ui-reaction-badges{margin-left:0 !important;}
.sc-ui-card-stats-left .sc-ui-reaction-badge:first-child,.sc-ui-inline-reaction-count .sc-ui-reaction-badge:first-child{margin-left:0 !important;}
.sc-ui-card-stats-left > span:last-child,.sc-ui-inline-reaction-count > span:last-child{margin-left:6px !important;}
.sc-ui-card-actions,.sc-ui-photo-actions{margin-top:10px !important; margin-bottom:10px !important;}
.sc-ui-card-action-wrap .sc-ui-reaction-popup,.sc-ui-inline-reaction-anchor .sc-ui-reaction-popup,.sc-ui-photo-like-btn .sc-ui-photo-emoji-popup{transition:opacity .16s ease,transform .16s ease !important;}
.sc-ui-community-product-link{background:#fcfcfc !important;}


/* 1.17.11: keep the reaction/menu stacking fix, but stop forcing the
   lightbox container and details panel to overflow visibly. That legacy patch
   prevented the mobile details pane from staying inside its 30% flex slot and
   squeezed the image region after layout settled. */
.sc-ui-photo-gallery-section{z-index:1 !important;}
.sc-ui-photo-details-section,.sc-ui-photo-sidebar,.sc-ui-photo-content-side{position:relative !important; z-index:5 !important; overflow-y:auto !important; overflow-x:hidden !important;}
.sc-ui-photo-like-btn,.sc-ui-photo-action-btn,.sc-ui-photo-actions,.sc-ui-photo-emoji-popup{z-index:100200 !important;}
.sc-ui-photo-emoji-popup{pointer-events:auto !important;}

.sc-ui-photo-comment-header{display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:8px !important;}
.sc-ui-photo-comment-header-right{display:flex !important; align-items:center !important; gap:8px !important; margin-left:auto !important;}
.sc-ui-photo-comment-overflow-wrap{position:relative !important; opacity:0 !important; pointer-events:none !important; transition:opacity .15s ease !important;}
.sc-ui-photo-comment-item:hover .sc-ui-photo-comment-overflow-wrap{opacity:1 !important; pointer-events:auto !important;}
.sc-ui-photo-comment-more{font-size:16px !important; line-height:1 !important; padding:2px 6px !important; border-radius:8px !important; color:#6b7280 !important; background:transparent !important; cursor:pointer !important;}
.sc-ui-photo-comment-more:hover,.sc-ui-photo-comment-more:focus-visible,.sc-ui-photo-comment-overflow-wrap.active .sc-ui-photo-comment-more{background:rgba(241,241,241,.75) !important;}
.sc-ui-photo-comment-overflow-menu{position:absolute !important; top:calc(100% + 6px) !important; right:0 !important; min-width:150px !important; background:#fff !important; border:1px solid #e5e7eb !important; border-radius:10px !important; box-shadow:0 10px 24px rgba(15,23,42,.12) !important; padding:6px !important; display:none !important; z-index:100220 !important;}
.sc-ui-photo-comment-overflow-wrap.active .sc-ui-photo-comment-overflow-menu{display:block !important;}
.sc-ui-photo-comment-overflow-item{padding:10px 12px !important; border-radius:8px !important; color:#111827 !important; cursor:pointer !important; white-space:nowrap !important;}
.sc-ui-photo-comment-overflow-item:hover,.sc-ui-photo-comment-overflow-item:focus-visible{background:#f3f4f6 !important;}

/* Shared composer tokens and state styles.
   Keep Community / Q&A / Gallery publish buttons on the same color system so
   future UI changes only need one edit point. */
.sc-community,
.sc-ui-photo-upload-overlay {
    --sc-composer-submit-ready: rgb(0,185,205);
    --sc-composer-submit-ready-hover: rgb(0,165,185);
    --sc-composer-submit-disabled: rgb(127,220,230);
    --sc-composer-error-color: #e74c3c;
}

.sc-ui-composer-error {
    color: var(--sc-composer-error-color);
    display: none;
}

.sc-ui-composer-error.active {
    display: block;
}