@media (max-width: 980px){
  .dr-meds-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}


@media (max-width: 560px){
  .dr-meds-grid{ grid-template-columns: 1fr; }
}


@media (max-width: 560px){
  .dr-med-card-rating{
    column-gap: 8px;
    row-gap: 0;
    margin: 8px 0 8px;
    grid-template-columns: 40px 55px max-content 1fr; /* 64px 110px */
  }

  .dr-med-card-rating .dr-review-scorebar-small{
    height: 6px;
  }
}


@media (max-width: 768px) {
  .drug-info-combo-box {
    flex-direction: column;
    align-items: stretch;
  }

  .drug-info-left,
  .drug-info-right {
    width: 100%;
  }
}


@media (max-width: 480px) {
  .dr-page-btn {
    padding: 4px 8px;
    font-size: 13px;
  }
}


@media (max-width: 600px) {
  .dr-review-form input[type="text"],
  .dr-review-form select,
  .dr-review-form textarea {
    width: 100%;
  }
}

@media (max-width: 1200px) {
  .drug-page {
    flex-direction: column; 
    gap: 20px;
  }

  .drug-main,
  .drug-sidebar {
    width: 100%;
  }
}

@media (max-width: 600px) {

  .dr-reviews-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .dr-review-sort-form {
    width: 100%;
  }

  .dr-review-sort-form select {
    width: 100%;
  }

  .dr-side-effects-list {
    grid-template-columns: 1fr;
  }

}


@media (max-width: 768px){
  .dr-compare-table th,
  .dr-compare-table td{
    padding: 12px;
  }
  .dr-compare-title{ font-size:16px; }
}


@media (max-width: 600px){
  .dr-compare-table{
    width: auto;
    min-width: 120%;
  }
}


@media (max-width: 980px){
  .dr-home-hubs-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}


@media (max-width: 560px){
  .dr-home-hubs-grid{ grid-template-columns: 1fr; }
}


@media (max-width: 560px){
  .dr-med-card{
    padding: 14px 14px;
  }

  .dr-med-card h3{
    font-size: 20px;
    margin-bottom: 8px;
  }

  .dr-tags{
    gap: 6px;
    margin-top: 6px;
  }

  .dr-tag{
    padding: 3px 8px;
    font-size: 11px;
  }
}


@media (max-width: 640px){
  .dr-review-actions{
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:10px;
  }

  .dr-review-like{
    margin-left:0;
  }
}


@media (max-width: 1200px) {
  .dr-sidebar-hubs{
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(260px, 1fr);
    gap: 16px;

    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
  }

  .dr-sidebar-hubs .dr-sidebar-box{
    margin: 0;
  }
}

@media (max-width: 640px) {
  .dr-sidebar-hubs{
    display: block;
    overflow: visible; 
    padding-bottom: 0;
  }

  .dr-sidebar-hubs .dr-sidebar-box{
    margin-bottom: 16px;
  }

  .dr-sidebar-hubs .dr-sidebar-box:last-child{
    margin-bottom: 0;
  }
}





@media (max-width: 520px){
  .dr-no-reviews-cta{
    flex-direction: column;
    align-items: stretch;
  }
}



@media (max-width: 600px){
  .dr-review-form textarea[name="dr_text"]{
    min-height: 140px;
  }
}