@media (max-width: 767px) {
       body h1 {
           font-size: 24px !important;
       }
   }

   .child-pages-grid {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 30px;
       max-width: 1200px;
       margin: 0 auto;
       padding-top: 60px;
   }

   .page-card {
       display: block;
       border: 2px solid #e0e0e0;
       padding: 20px;
       text-decoration: none;
       color: inherit;
       background: white;
       transition: all 0.3s ease;
       box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
       position: relative;
       overflow: hidden;
   }

   .page-card:hover {
       box-shadow: 0 8px 25px rgba(0, 124, 186, 0.15);
       text-decoration: none;
       color: inherit;
   }

   .card-content {
       display: flex;
       flex-direction: column;
       height: 100%;
       text-align: center;
   }

   .card-image {
       width: calc(100% + 40px);
       height: 250px;
       margin: -20px -20px 15px -20px;
       margin-bottom: 15px;
       overflow: hidden;
       display: flex;
       align-items: center;
       justify-content: center;
       background: #f8f9fa;
   }

   .card-image img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.3s ease;

   }

   .page-card:hover .card-image img {
       transform: scale(1.01);
   }

   .placeholder-image {
       font-size: 48px;
       color: #ccc;
       background: #f8f9fa;
   }

   .card-title {
       font-size: 24px;
       font-weight: 400;
       margin: 5px 0 15px;
       color: #616161;
       line-height: 1.3;
       flex-grow: 1;
       line-height: 25.71px;

   }

   .order-button {
       font-size: 12px;
       display: inline-block;
       background: #E4054C;
       color: white;
       padding: 12px 30px;
       border-radius: 2px;
       font-weight: 700;
       transition: all 0.3s ease;
       margin-top: 10px;
       border: 2px solid #E4054C;
       text-transform: uppercase;
       max-width: 270px;
       margin-left: auto;
       margin-right: auto;
       text-align: center;
   }

   .page-card:hover .order-button {
       background: white;
       color: #E4054C;
   }

   @media (max-width: 1024px) {
       .child-pages-grid {
           grid-template-columns: repeat(2, 1fr);
           gap: 20px;
           padding-top: 40px;
       }
   }

   @media (max-width: 600px) {
       .child-pages-grid {
           grid-template-columns: 1fr;
           gap: 25px;
           padding: 20px;
           padding-top: 40px;

       }

       .page-card {
           padding: 15px;
       }

       .card-image {
           height: 240px;
       }

   }