/* Cookies Banner Styles */
 .cookies-banner {
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     background: #ffffff;
     color: #000000;
     padding: 15px 20px;
     box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
     z-index: 10000;
     transform: translateY(100%);
     transition: transform 0.3s ease-in-out;
 }

 .cookies-banner.show {
     transform: translateY(0);
 }

 .cookies-banner.hide {
     transform: translateY(100%);
 }

 .cookies-content {
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 15px;
 }

 .cookies-text {
     flex: 1;
     min-width: 250px;
 }

 .cookies-text p {
     margin: 0;
     font-size: 14px;
     line-height: 1.4;
 }

 .cookies-text a {
     color: #3498db;
     text-decoration: underline;
 }

 .cookies-text a:hover {
     color: #2980b9;
 }

 .cookies-buttons {
     display: flex;
     gap: 10px;
     flex-wrap: wrap;
 }

 .cookies-btn {
     padding: 8px 20px;
     border: none;
     border-radius: 4px;
     font-size: 14px;
     cursor: pointer;
     transition: all 0.2s ease;
     text-decoration: none;
     display: inline-block;
     text-align: center;
     white-space: nowrap;
 }

 .cookies-btn.accept {
     background: #27ae60;
     color: white;
 }

 .cookies-btn.accept:hover {
     background: #229954;
 }

 .cookies-btn.reject {
     background: #f2f2f2;
     color: #000000;
     border: 1px solid #f2f2f2;
 }

 .cookies-btn.reject:hover {
     background: #7d7d7d;
     color: #000000;
     border-color: #7d7d7d;
 }



 /* Responsive */
 @media (max-width: 768px) {
     .cookies-content {
         flex-direction: column;
         text-align: center;
         gap: 10px;
     }

     .cookies-text {
         min-width: auto;
     }

     .cookies-buttons {
         justify-content: center;
         width: 100%;
     }

     .cookies-btn {
         flex: 1;
         min-width: 100px;
     }
 }


 /*Cookies page styles*/

 .cookies-page .header {
     text-align: center;
     margin-bottom: 40px;
     padding-bottom: 20px;
     margin-block: 25px;
 }

 .cookies-page .header h1 {
     font-size: 2.5rem;
     color: #2c3e50;
     margin-bottom: 10px;
 }

 .cookies-page .header .subtitle {
     font-size: 1.1rem;
     color: #7f8c8d;
 }

 .cookies-page .last-updated {
     background: #f8f9fa;
     padding: 15px;
     border-radius: 8px;
     margin-bottom: 30px;
     border-left: 4px solid #3498db;
 }

 .cookies-page .last-updated strong {
     color: #2c3e50;
 }


 .cookies-page h3 {
     color: #34495e;
     font-size: 1.3rem;
     margin: 25px 0 15px 0;
 }

 .cookies-page h4 {
     color: #34495e;
     font-size: 1.1rem;
     margin: 20px 0 10px 0;
 }

 .cookies-page p {
     margin-bottom: 15px;
 }

 .cookies-page #content ul,
 .cookies-page #content ol {
     margin: 15px 0 15px 30px;
 }

 .cookies-page #content li {
     margin-bottom: 8px;
 }

 .cookies-page #content .cookie-table {
     width: 100%;
     border-collapse: collapse;
     margin: 20px 0;
     background: white;
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }

 .cookies-page .cookie-table th,
 .cookies-page .cookie-table td {
     padding: 12px 15px;
     text-align: left;
     border-bottom: 1px solid #e9ecef;
 }

 .cookie-table th {
     background: #34495e;
     color: white;
     font-weight: 600;
 }

 .cookie-table tr:last-child td {
     border-bottom: none;
 }

 .cookie-table tr:nth-child(even) {
     background: #f8f9fa;
 }

 .highlight-box {
     background: #e8f5e8;
     border: 1px solid #27ae60;
     border-radius: 8px;
     padding: 20px;
     margin: 20px 0;
 }

 .highlight-box h4 {
     color: #27ae60;
     margin-top: 0;
 }

 .cookies-page .warning-box {
     background: #fff3cd;
     border: 1px solid #ffc107;
     border-radius: 8px;
     padding: 20px;
     margin: 20px 0;
 }

 .cookies-page .warning-box h4 {
     color: #856404;
     margin-top: 0;
 }

 .cookies-page .contact-section {
     background: #f8f9fa;
     padding: 25px;
     border-radius: 8px;
     margin-top: 40px;
 }

 .cookies-page .contact-section h3 {
     color: #2c3e50;
     margin-top: 0;
 }

 .cookies-page .highlight-box .btn {
     display: inline-block;
     padding: 12px 25px;
     background: #3498db;
     color: white;
     text-decoration: none;
     border-radius: 5px;
     margin: 10px 5px 10px 0;
     transition: background 0.3s ease;
     border: none;
     cursor: pointer;
     font-size: 14px;
 }

 .cookies-page .highlight-box .btn:hover {
     background: #2980b9;
 }

 .cookies-page .highlight-box .btn.secondary {
     background: #95a5a6;
 }

 .cookies-page .highlight-box .btn.secondary:hover {
     background: #7f8c8d;
 }

 .cookies-page .cookie-category {
     background: white;
     border: 1px solid #e9ecef;
     border-radius: 8px;
     padding: 20px;
     margin: 15px 0;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
 }

 .cookies-page .cookie-category h4 {
     color: #2c3e50;
     margin-top: 0;
     padding-bottom: 10px;
     border-bottom: 1px solid #e9ecef;
 }

 @media (max-width: 767px) {

     .cookies-page .header h1 {
         font-size: 2rem;
     }


     .cookies-page .cookie-table {
         font-size: 14px;
     }

     .cookies-page .cookie-table th,
     .cookies-page .cookie-table td {
         padding: 8px 10px;
     }

     .cookies-page .cookie-table th {
         font-size: 12px;
     }

     .cookies-page .contact-section {
         padding: 20px 15px;
     }
 }

 @media (max-width: 567px) {

     .cookies-page #content ul,
     .cookies-page #content ol {
         margin: 15px 0 15px 0;
     }

     .cookies-page #content .cookie-table {
         font-size: 11px;
     }


 }