.v-shop {
  padding: 50px 0; }
  @media (min-width: 576px) and (max-width: 992px) {
    .v-shop .container {
      padding: 0 !important; } }
  .v-shop .menu-container {
    display: flex;
    gap: 50px; }
    .v-shop .menu-container .menu-tabs {
      flex: 0 0 30%;
      border-right: 1px solid var(--neutral-700); }
      [dir="rtl"] .v-shop .menu-container .menu-tabs {
        border-right: 0;
        border-left: 1px solid var(--neutral-700); }
      .v-shop .menu-container .menu-tabs ul {
        list-style: none;
        padding: 0;
        padding-left: 0;
        padding-right: 50px; }
        [dir="rtl"] .v-shop .menu-container .menu-tabs ul {
          padding-left: null;
          padding-right: 0;
          padding-right: null;
          padding-left: 50px; }
        .v-shop .menu-container .menu-tabs ul li {
          padding: 15px 0;
          border-bottom: 1px solid var(--neutral-700);
          cursor: pointer;
          color: var(--white);
          font-size: var(--typo-subhead);
          line-height: var(--lh-subhead);
          font-weight: var(--fw-subhead);
          letter-spacing: var(--ls-subhead);
          /* Mobile styles (under 992px) */
          transition: 0.3s;
          margin-bottom: 15px; }
          @media (max-width: 992px) {
            .v-shop .menu-container .menu-tabs ul li {
              font-size: var(--typo-subhead-m); } }
          .v-shop .menu-container .menu-tabs ul li.active {
            color: var(--primary); }
    .v-shop .menu-container .menu-content {
      flex: 1;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px; }
      .v-shop .menu-container .menu-content .menu-card {
        padding: 15px;
        padding-bottom: 60px; }
        .v-shop .menu-container .menu-content .menu-card img {
          place-self: anchor-center;
          width: 259.35px;
          object-fit: contain;
          height: 266px; }
          @media (max-width: 992px) {
            .v-shop .menu-container .menu-content .menu-card img {
              width: 113px;
              height: 116px; } }
        .v-shop .menu-container .menu-content .menu-card h4 {
          font-size: var(--typo-subtitle);
          line-height: var(--lh-subtitle);
          font-weight: var(--fw-subtitle);
          letter-spacing: var(--ls-subtitle);
          /* Mobile styles (under 992px) */
          color: var(--primary);
          margin-bottom: 5px; }
          @media (max-width: 992px) {
            .v-shop .menu-container .menu-content .menu-card h4 {
              font-size: var(--typo-subtitle-m); } }
        .v-shop .menu-container .menu-content .menu-card p {
          font-size: var(--typo-text);
          line-height: var(--lh-text);
          font-weight: var(--fw-text);
          letter-spacing: var(--ls-text);
          /* Mobile styles (under 992px) */
          color: var(--gray-100);
          margin-bottom: 15px; }
          @media (max-width: 992px) {
            .v-shop .menu-container .menu-content .menu-card p {
              font-size: var(--typo-text-m); } }
        .v-shop .menu-container .menu-content .menu-card .price {
          font-size: var(--typo-subhead);
          line-height: var(--lh-subhead);
          font-weight: var(--fw-subhead);
          letter-spacing: var(--ls-subhead);
          /* Mobile styles (under 992px) */
          margin-bottom: 30px;
          color: var(--white); }
          @media (max-width: 992px) {
            .v-shop .menu-container .menu-content .menu-card .price {
              font-size: var(--typo-subhead-m); } }
        .v-shop .menu-container .menu-content .menu-card .zk-btn {
          display: block;
          position: absolute;
          bottom: 15px;
          width: calc(100% - 30px);
          left: 15px; }
    @media (max-width: 992px) {
      .v-shop .menu-container {
        flex-direction: column;
        gap: 20px; }
        .v-shop .menu-container .menu-tabs {
          border: none;
          flex: 0;
          border-bottom: 1px solid var(--neutral-700); }
          .v-shop .menu-container .menu-tabs ul {
            display: flex;
            justify-content: center; }
            .v-shop .menu-container .menu-tabs ul li {
              flex: 1;
              text-align: center;
              border: none;
              border-right: 1px solid var(--neutral-700);
              padding: 15px 0; }
              .v-shop .menu-container .menu-tabs ul li:last-child {
                border: none; }
              .v-shop .menu-container .menu-tabs ul li.active {
                color: var(--primary); }
        .v-shop .menu-container .menu-content {
          grid-template-columns: repeat(2, 1fr);
          gap: 15px; } }