Men's Polo Shirts

About

Minimal Footer FAQ /* Import Nunito Sans */ @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600&display=swap'); /* Style for the FAQ container */ .faq-footer-container { font-family: 'Nunito Sans', sans-serif; width: 100%; max-width: 768px; /* Increased width for two columns */ margin: 0 auto; border-top: 1px solid #eee; /* A subtle top border to separate it */ padding-top: 10px; /* Added padding for the title */ } /* Style for the FAQ title */ .faq-footer-title { font-size: 14px; font-weight: 600; color: #333; margin: 0 0 10px 5px; /* Margin for spacing */ text-align: left; } /* Column layout wrapper */ .faq-columns { column-count: 1; /* Default to 1 column for mobile */ column-gap: 24px; /* Space between columns */ } /* Style for each FAQ item */ .faq-footer-container details { border-bottom: 1px solid #eee; /* Separator for each item */ padding: 10px 5px; break-inside: avoid; /* Prevents item from splitting across columns */ page-break-inside: avoid; /* Older property for compatibility */ } /* Helper class to hide items on mobile */ .faq-desktop-only { display: none; } /* Style for the clickable question */ .faq-footer-container summary { cursor: pointer; font-size: 13px; /* Small but legible */ font-weight: 600; color: #333; list-style: none; /* Remove default marker */ position: relative; padding-right: 20px; /* Space for the custom marker */ } /* Remove the default arrow in WebKit/Blink browsers */ .faq-footer-container summary::-webkit-details-marker { display: none; } /* Custom marker (plus/minus) */ .faq-footer-container summary::after { content: '+'; font-family: monospace; /* Ensures consistent + icon */ font-size: 14px; font-weight: bold; color: #777; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); } /* Change marker to minus when open */ .faq-footer-container details[open] summary::after { content: '−'; /* Use a minus sign */ } /* Style for the answer text */ .faq-footer-container .faq-answer { padding:

On-page SEO