.price-box {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-left:22px;
}

.old-price {
  font-size: 15px;
  font-family: 'Giants-Regular';
  color: #444444;
  line-height: 1;
  vertical-align: middle;
}

.sale-price {
  font-size: 15px;
  font-family: 'Giants-Regular';
  color: #ef5158;
  line-height: 1;
  vertical-align: middle;
}

#pic {border-radius:10px;}

:root{
      --rb-accent: #8E74D6;
      --rb-accent-2: #6E57C6;
      --rb-bg: #F6F4FF;
      --rb-line: #E9E6F7;
      --rb-text: #1F1F1F;
      --rb-sub: #6B7280;
      --rb-shadow: 0 10px 25px rgba(30, 20, 60, .08);
    }

    .rb-review-widget{
      width:100%;
      background: linear-gradient(180deg, var(--rb-bg), #fff 70%);
      border: 1px solid var(--rb-line);
      border-radius: 16px;
      padding: 18px 18px 16px 18px;
      box-shadow: var(--rb-shadow);
    }

    .rb-review-widget .rb-review-title{
      display:flex;
      align-items:center;
      gap:10px;
      margin: 0 0 14px 0;
      font-size: 18px;
      font-weight: 800;
      color: var(--rb-text);
    }

    .rb-review-widget .rb-review-title::before{
      content:"";
      width: 6px;
      height: 20px;
      border-radius: 999px;
      background: linear-gradient(180deg, var(--rb-accent), var(--rb-accent-2));
    }

    .rb-acc-list{
      display:flex;
      flex-direction:column;
      gap: 10px;
    }

    .rb-acc-item{
      border: 1px solid var(--rb-line);
      border-radius: 14px;
      background: #fff;
      overflow:hidden;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }

    .rb-acc-item:hover{
      transform: translateY(-2px);
      box-shadow: 0 14px 30px rgba(30, 20, 60, .10);
      border-color: rgba(142,116,214,.35);
    }

    .rb-acc-btn{
      width:100%;
      border:0;
      background:#fff;
      cursor:pointer;
      padding: 14px 14px;
      display:flex;
      align-items:center;
      gap: 12px;
      position:relative;
    }

    .rb-acc-subject{
      flex: 1;
      font-size: 15px;
      font-weight: 800;
      color: var(--rb-text);
      line-height: 1.35;
      text-align:left;
    }

    .rb-acc-subject .rb-badge{
      display:inline-flex;
      align-items:center;
      height: 20px;
      padding: 0 8px;
      margin-left: 8px;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 800;
      color: var(--rb-accent-2);
      background: rgba(142,116,214,.12);
      border: 1px solid rgba(142,116,214,.22);
    }

    .rb-acc-meta{
      display:flex;
      flex-direction:column;
      align-items:flex-end;
      gap: 4px;
      min-width: 220px;
      text-align:right;
    }

    .rb-acc-meta .meta-top{
      display:flex;
      align-items:center;
      gap:10px;
    }

    .rb-acc-meta .meta-rating{
      display:inline-flex;
      align-items:center;
      padding: 4px 10px;
      border-radius: 999px;
      background: rgba(255, 193, 7, .12);
      border: 1px solid rgba(255, 193, 7, .28);
      line-height: 1;
    }

    .rb-acc-meta .meta-rating *{
      vertical-align: middle;
    }

    .rb-acc-meta .meta-writer{
      font-size: 12px;
      color: var(--rb-sub);
      font-weight: 700;
    }

    .rb-acc-meta .meta-date{
      font-size: 12px;
      color: #8B8F9A;
    }

    .rb-acc-btn::after{
      content:"";
      width: 10px;
      height: 10px;
      margin-left: 10px;
      border-right: 2px solid #B9B3D6;
      border-bottom: 2px solid #B9B3D6;
      transform: rotate(45deg);
      transition: transform .18s ease, border-color .18s ease;
    }

    .rb-acc-btn[aria-expanded="true"]::after{
      transform: rotate(-135deg);
      border-color: var(--rb-accent);
    }

    .rb-acc-panel{
      display:none;
      background: #FAFAFF;
      border-top: 1px solid var(--rb-line);
      padding: 14px 14px 16px 14px;
    }

    .rb-acc-panel.open{ display:block; }

    .rb-acc-panel-inner{
      background:#fff;
      border: 1px solid #EEEAFB;
      border-radius: 12px;
      padding: 14px 14px;
      box-shadow: 0 10px 22px rgba(30, 20, 60, .06);
      font-size: 14px;
      line-height: 1.75;
      color:#2B2B2B;
      word-break: break-word;
    }

    .rb-acc-panel-inner p{ margin: 0 0 10px 0; }
    .rb-acc-panel-inner p:last-child{ margin-bottom:0; }

    .rb-acc-panel-inner a{
      color: var(--rb-accent-2);
      text-decoration: underline;
      font-weight: 700;
    }

    .rb-acc-panel-inner ul,
    .rb-acc-panel-inner ol{
      margin: 8px 0 12px 18px;
    }

    .rb-acc-panel-inner img{
      max-width:100%;
      height:auto;
      display:block;
      border-radius: 10px;
      margin: 10px 0;
    }

    .rb-acc-panel-inner .secret-msg{
      color: #6B7280;
      font-size: 13px;
    }

    .rb-more-wrap{
      margin-top: 14px;
      text-align:center;
    }

    .rb-more-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding: 11px 22px;
      border-radius: 12px;
      border: 1px solid rgba(142,116,214,.35);
      background: linear-gradient(180deg, #fff, rgba(142,116,214,.06));
      color: var(--rb-accent-2);
      font-weight: 800;
      cursor:pointer;
      transition: transform .15s ease, box-shadow .15s ease;
    }

    .rb-more-btn:hover{
      transform: translateY(-1px);
      box-shadow: 0 10px 20px rgba(142,116,214,.18);
    }

    @media (max-width: 768px){
      .rb-acc-meta{ min-width: auto; align-items:flex-start; text-align:left; }
      .rb-acc-btn{ flex-direction:column; align-items:flex-start; }
      .rb-acc-btn::after{ position:absolute; right:14px; top:18px; }
    }