.product-intro {     max-width: 1200px;     margin: 40px auto;     padding: 0 20px;     text-align: left;     background: transparent; } .intro-text p {     font-family: 'Open Sans', sans-serif;     font-size: 16px;     line-height: 1.6;     color: #555555;     margin-bottom: 24px; } .intro-text strong {     color: #0047AB;     font-weight: 600; } .intro-tags {     display: flex;     flex-direction: column;     gap: 14px; } .tag-row {     display: grid;     grid-template-columns: repeat(2, 1fr);     gap: 14px; } .tag {     background: #f0f4fa;     padding: 10px 12px;     border-radius: 40px;     font-family: 'Open Sans', sans-serif;     font-weight: 600;     font-size: 15px;     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; } @media (max-width: 768px) {     .intro-text p {         font-size: 15px;     }     .tag-row {         grid-template-columns: 1fr;         gap: 10px;     }     .tag {         font-size: 13px;         padding: 8px 12px;     } }