/* SVG Icon Styles */
 .svg-icon {
     display: inline-block;
     width: 1em;
     height: 1em;
     stroke-width: 0;
     stroke: currentColor;
     fill: currentColor;
     vertical-align: middle;
 }

 /* Custom animations */
 @keyframes spin {
     from {
         transform: rotate(0deg);
     }

     to {
         transform: rotate(360deg);
     }
 }

 .animate-spin {
     animation: spin 1s linear infinite;
 }

 .animation-delay-100 {
     animation-delay: -0.1s;
 }

 /* Mobile menu fix */
 #mobile-menu {
     z-index: 9999;
     height: 100vh;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
 }

 /* Prevent horizontal scroll */
 html,
 body {
     overflow-x: hidden;
     max-width: 100%;
     width: 100%;
 }

 /* Smooth transitions */
 * {
     transition: all 0.3s ease;
 }

 /* Better touch targets for mobile */
 @media (max-width: 768px) {

     button,
     a {
         min-height: 44px;
         min-width: 44px;
     }

     .touch-target {
         padding: 12px 16px;
     }
 }

 /* Policy content styling */
 .policy-content {
     max-width: 800px;
     margin: 0 auto;
 }

 .policy-section {
     margin-bottom: 3rem;
 }

 .policy-list {
     list-style-type: none;
     padding-left: 0;
 }

 .policy-list li {
     margin-bottom: 1rem;
     padding-left: 1.5rem;
     position: relative;
 }

 .policy-list li:before {
     content: "•";
     color: #3b82f6;
     font-weight: bold;
     position: absolute;
     left: 0;
 }

 /* Highlight important points */
 .highlight-box {
     background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
     border-left: 4px solid #3b82f6;
     padding: 1.5rem;
     border-radius: 0.5rem;
     margin: 2rem 0;
 }

 /* Section spacing */
 .section-spacing {
     padding-top: 3rem;
     padding-bottom: 3rem;
 }

 @media (min-width: 768px) {
     .section-spacing {
         padding-top: 5rem;
         padding-bottom: 5rem;
     }
 }