/* ADDITIONAL PAGE STYLES - SHARED UTILITIES */
/* This file contains styles that are shared across multiple pages but not global enough for common.css */
:root{
  counter-reset: headings;
}
 .min-h-screen { min-height: 100vh; }
    .bg-gray-50 { background-color: #f9fafb; }
    .bg-gray-100 { background-color: #f3f4f6; }
    .bg-gray-200 { background-color: #e5e7eb; }
    .bg-white { background-color: #ffffff; }
    .border { border-width: 1px; }
    .border-b { border-bottom-width: 1px; }
    .border-t { border-top-width: 1px; }
    .border-gray-200 { border-color: #e5e7eb; }
    .border-blue-200 { border-color: #bfdbfe; }
    .border-green-200 { border-color: #bbf7d0; }
    .border-purple-200 { border-color: #e9d5ff; }
    .rounded-xl { border-radius: 0.75rem; }
    .rounded-lg { border-radius: 0.5rem; }
    .rounded-2xl { border-radius: 1rem; }
    .max-w-4xl { max-width: 56rem; }
    .max-w-7xl { max-width: 80rem; }
    .mx-auto { margin-left: auto; margin-right: auto; }
    .px-4 { padding-left: 1rem; padding-right: 1rem; }
    .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .p-4 { padding: 1rem; }
    .p-5 { padding: 1.25rem; }
    .mb-1 { margin-bottom: 0.25rem; }
    .mb-2 { margin-bottom: 0.5rem; }
    .mb-3 { margin-bottom: 0.75rem; }
    .mb-4 { margin-bottom: 1rem; }
    .mb-6 { margin-bottom: 1.5rem; }
    .mb-12 { margin-bottom: 3rem; }
    .mt-0\.5 { margin-top: 0.125rem; }
    .text-center { text-align: center; }
    .text-2xl { font-size: 1.5rem; line-height: 2rem; }
    .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
    .text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
    .text-xl { font-size: 1.25rem; line-height: 1.75rem; }
    .text-lg { font-size: 1.125rem; line-height: 1.75rem; }
    .text-sm { font-size: 0.875rem; line-height: 1.25rem; }
    .font-bold { font-weight: 700; }
    .font-semibold { font-weight: 600; }
    .font-medium { font-weight: 500; }
    .text-gray-900 { color: #111827; }
    .text-gray-700 { color: #374151; }
    .text-gray-600 { color: #4b5563; }
    .text-gray-500 { color: #6b7280; }
    .text-blue-600 { color: #2563eb; }
    .text-blue-700 { color: #1d4ed8; }
    .text-blue-800 { color: #1e40af; }
    .text-green-600 { color: #16a34a; }
    .text-green-700 { color: #15803d; }
    .text-green-800 { color: #166534; }
    .text-purple-600 { color: #9333ea; }
    .text-purple-700 { color: #7c3aed; }
    .text-purple-800 { color: #6b21a8; }
    .bg-blue-50 { background-color: #eff6ff; }
    .bg-green-50 { background-color: #f0fdf4; }
    .bg-purple-50 { background-color: #faf5ff; }
    .w-4 { width: 1rem; }
    .w-5 { width: 1.25rem; }
    .w-6 { width: 1.5rem; }
    .w-8 { width: 2rem; }
    .w-10 { width: 2.5rem; }
    .w-16 { width: 4rem; }
    .h-4 { height: 1rem; }
    .h-5 { height: 1.25rem; }
    .h-6 { height: 1.5rem; }
    .h-8 { height: 2rem; }
    .h-10 { height: 2.5rem; }
    .h-16 { height: 4rem; }
    .flex { display: flex; }
    .items-center { align-items: center; }
    .items-start { align-items: flex-start; }
    .justify-center { justify-content: center; }
    .justify-between { justify-content: space-between; }
    .gap-2 { gap: 0.5rem; }
    .gap-3 { gap: 0.75rem; }
    .gap-4 { gap: 1rem; }
    .gap-6 { gap: 1.5rem; }
    .space-y-2 > * + * { margin-top: 0.5rem; }
    .space-y-4 > * + * { margin-top: 1rem; }
    .space-y-8 > * + * { margin-top: 2rem; }
    .space-y-10 > * + * { margin-top: 2.5rem; }
    .space-y-12 > * + * { margin-top: 3rem; }
    .leading-relaxed { line-height: 1.625; }
    .flex-shrink-0 { flex-shrink: 0; }
    .underline { text-decoration-line: underline; }
    .grid { display: grid; }
    .hover\:text-blue-600:hover { color: #2563eb; }
    .hover\:text-blue-700:hover { color: #1d4ed8; }
    
    @media (min-width: 640px) {
      .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
      .sm\:py-8 { padding-top: 2rem; padding-bottom: 2rem; }
      .sm\:p-6 { padding: 1.5rem; }
      .sm\:mb-6 { margin-bottom: 1.5rem; }
      .sm\:space-y-10 > * + * { margin-top: 2.5rem; }
      .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
      .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
      .sm\:w-10 { width: 2.5rem; }
      .sm\:h-10 { height: 2.5rem; }
      .sm\:w-5 { width: 1.25rem; }
      .sm\:h-5 { height: 1.25rem; }
      .sm\:flex-row { flex-direction: row; }
    }
    
    @media (min-width: 768px) {
      .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    }
    
    @media (min-width: 1024px) {
      .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
      .lg\:p-8 { padding: 2rem; }
      .lg\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
      .lg\:space-y-12 > * + * { margin-top: 3rem; }
    }
    
    .flex-col { flex-direction: column; }

.privacy-policy , .terms-conditions , .return-policy , .shipping-policy {
  padding: 40px 20px;
  max-width: 900px;
  margin: 0 auto;
  color: oklch(35% 0.030 264.665);
  line-height: 1.7;
}

.privacy-policy h1 , .return-policy h1, .terms-conditions h1, .shipping-policy h1 {
  font-size: 32px;
  color: var(--heading-primary);
  margin-bottom: 20px;
  text-align: center;
}

.privacy-policy h2 , .return-policy h2, .terms-conditions h2, .shipping-policy h2 {
  font-size: 22px;
  margin-top: 30px;
  color: var(--heading-primary);
}

.privacy-policy p , .return-policy p, .terms-conditions p, .shipping-policy p {
  margin-bottom: 15px;
  font-size: 16px;
}

.privacy-policy ul , .return-policy ul, .terms-conditions ul, .shipping-policy ul {
  padding-left: 20px;
  margin-bottom: 20px;
}

.privacy-policy ul li , .return-policy ul li, .terms-conditions ul li, .shipping-policy ul li {
  margin-bottom: 8px;
  font-size: 16px;
}

.privacy-policy a , .return-policy a, .terms-conditions a, .shipping-policy a {
  color: #A91101;
  text-decoration: underline;
}

.privacy-policy a:hover , .return-policy a:hover, .terms-conditions a:hover, .shipping-policy a:hover {
  color: #e9da11;
}
/* ========== SLOGAN BOTTOM SECTION ========== */
.slogan-bottom {
    color: var(--heading-primary);
    font-size: 36px;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    max-width: 90vw;
    padding: 20px;
    align-self: center;
    margin: auto;
    border-top: #A91101 solid 0.5px;
}

.slogan-bottom strong {
    font-weight: bold;
    color: #006837;
}

/* Responsive Styling for Tablets */
@media (min-width: 769px) and (max-width: 1024px) {
    .slogan-bottom p {
        padding: 150px 15px;
        font-size: 28px;
    }
}

/* Responsive Styling for Mobiles */
@media (max-width: 768px) {
    .slogan-bottom p {
        padding: 10px 10px;
        font-size: 24px;
        line-height: 1.4;
    }
}