.product-intro {     max-width: 1280px;     margin: 0 auto;     padding: 16px 20px 24px 20px;     background: transparent;     text-align: left; } .intro-heading {     font-family: 'Open Sans', sans-serif;     font-weight: 700;     font-size: 24px;     color: #0047AB;     margin-bottom: 12px;     line-height: 1.3; } .intro-text p {     font-family: 'Open Sans', sans-serif;     font-size: 15px;     line-height: 1.5;     color: #555555;     margin-bottom: 12px; } .intro-text p:last-of-type {     margin-bottom: 18px; } .intro-tags {     display: grid;     grid-template-columns: repeat(2, 1fr);     gap: 10px;     max-width: 600px; } .tag {     background: #f0f4fa;     padding: 6px 10px;     border-radius: 40px;     font-family: 'Open Sans', sans-serif;     font-weight: 600;     font-size: 13px;     color: #0047AB;     border: 1px solid #e2e8f0;     text-align: center;     display: flex;     align-items: center;     justify-content: center;     gap: 8px;     line-height: 1.3;     white-space: normal;     word-break: break-word;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale; } @media (max-width: 640px) {     .intro-heading {         font-size: 22px;         margin-bottom: 10px;     }     .intro-text p {         font-size: 14px;         margin-bottom: 10px;     }     .intro-text p:last-of-type {         margin-bottom: 16px;     }     .intro-tags {         grid-template-columns: 1fr;         gap: 8px;         max-width: 100%;     }     .tag {         font-size: 12px;         padding: 5px 10px;     } }