ഷിപ്പിംഗ്

/* --- Shipping & Delivery Table Styles (local to this block) --- */ .shipping-info { font-size: 0.9rem; line-height: 1.5; } .shipping-info h4 { margin: 1.25rem 0 0.5rem; font-size: 1rem; font-weight: 600; } .shipping-table-wrapper { width: 100%; overflow-x: auto; /* allow horizontal scroll on small screens */ } .shipping-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; } .shipping-table th, .shipping-table td { padding: 0.6rem 0.75rem; border-bottom: 1px solid #eeeeee; text-align: left; vertical-align: top; word-break: normal; /* FIX: stop breaking every letter */ } .shipping-table th { font-weight: 600; } .shipping-table tr:nth-child(even) { background-color: #fafafa; } .shipping-table small { display: block; font-size: 0.7rem; color: #666666; } .shipping-note { margin-top: 0.75rem; font-size: 0.75rem; color: #666666; } /* Prefectures column: allow wrapping + give it space */ .shipping-table th:nth-child(2), .shipping-table td:nth-child(2) { white-space: normal; min-width: 180px; } /* --- Mobile tweaks: avoid broken vertical text, allow swipe --- */ @media (max-width: 768px) { .shipping-table { min-width: 650px; /* forces horizontal scrolling instead of squeezing */ font-size: 0.8rem; } /* keep most cells on a single line on mobile */ .shipping-table th, .shipping-table td { white-space: nowrap; } /* but prefecture list can wrap normally */ .shipping-table th:nth-child(2), .shipping-table td:nth-child(2) { white-space: normal; } }