:root {
      /* Jamaican Color Palette */
      --jamaica-green: #009b3a;
      --jamaica-green-light: #00d65b;
      --jamaica-yellow: #ffd700;
      --jamaica-yellow-light: #ffe44d;
      --jamaica-red: #ce1126;
      --jamaica-red-light: #ff1744;
      --jamaica-black: #000000;
      --jamaica-white: #ffffff;
      
      /* Background Colors */
      --bg-primary: #000000;
      --bg-elevated: #0a0a0a;
      --surface-glass: rgba(0, 155, 58, 0.15);
      --surface-overlay: rgba(0, 0, 0, 0.85);
      
      /* Border Colors */
      --border-subtle: rgba(0, 155, 58, 0.2);
      --border-default: rgba(0, 155, 58, 0.4);
      --border-accent: rgba(255, 215, 0, 0.5);
      
      /* Text Colors */
      --text-primary: #ffffff;
      --text-secondary: #f0f0f0;
      --text-tertiary: #d4d4d4;
      --text-muted: #a0a0a0;
      
      /* Accent Colors */
      --emerald: #009b3a;
      --emerald-light: #00d65b;
      --gold: #ffd700;
      --gold-light: #ffe44d;
      --red: #ce1126;
      --red-light: #ff1744;
      
      /* Layout */
      --max-width-content: 1440px;
      --radius-2xl: 28px;
      
      /* Shadows with Jamaican Glow */
      --shadow-xl: 0 25px 50px -12px rgba(0, 155, 58, 0.3), 0 12px 25px -8px rgba(0, 0, 0, 0.6);
      --shadow-md: 0 6px 12px -2px rgba(0, 155, 58, 0.2), 0 3px 6px -2px rgba(0, 0, 0, 0.4);
      --glow-gold: 0 0 30px rgba(255, 215, 0, 0.6), 0 0 60px rgba(255, 215, 0, 0.3);
      --glow-emerald: 0 0 30px rgba(0, 214, 91, 0.6), 0 0 60px rgba(0, 155, 58, 0.3);
      --glow-red: 0 0 30px rgba(255, 23, 68, 0.6), 0 0 60px rgba(206, 17, 38, 0.3);
    }

    body {
      background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%);
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    }

    /* Jamaican Flag Gradient Mesh Background */
    .gradient-mesh {
      position: absolute;
      inset: 0;
      opacity: 0.4;
      background: 
        radial-gradient(ellipse at 15% 25%, rgba(0, 214, 91, 0.25) 0%, transparent 50%),
        radial-gradient(ellipse at 85% 75%, rgba(255, 215, 0, 0.2) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 50%, rgba(206, 17, 38, 0.15) 0%, transparent 60%),
        radial-gradient(ellipse at 40% 80%, rgba(0, 155, 58, 0.18) 0%, transparent 45%),
        radial-gradient(ellipse at 70% 30%, rgba(255, 215, 0, 0.15) 0%, transparent 40%);
      pointer-events: none;
      filter: blur(70px);
    }

    /* Animated Jamaican Flag Border */
    .gradient-border {
      position: relative;
      background: linear-gradient(135deg, 
        rgba(0, 155, 58, 0.2), 
        rgba(255, 215, 0, 0.2), 
        rgba(206, 17, 38, 0.15), 
        rgba(0, 155, 58, 0.2));
      padding: 3px;
      border-radius: 28px;
    }

    .gradient-border::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 28px;
      padding: 3px;
      background: linear-gradient(135deg, 
        var(--jamaica-green), 
        var(--jamaica-yellow), 
        var(--jamaica-red), 
        var(--jamaica-green-light),
        var(--jamaica-yellow-light),
        var(--jamaica-green));
      background-size: 400% 400%;
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      opacity: 0.8;
      animation: jamaicanBorderFlow 12s ease-in-out infinite;
    }

    @keyframes jamaicanBorderFlow {
      0%, 100% { background-position: 0% 50%; }
      33% { background-position: 50% 100%; }
      66% { background-position: 100% 50%; }
    }

    /* Floating Animation */
    @keyframes float {
      0%, 100% { transform: translateY(0px) scale(1); }
      50% { transform: translateY(-12px) scale(1.01); }
    }

    .float-animation {
      animation: float 7s ease-in-out infinite;
    }

    /* Jamaican Shimmer Effect */
    @keyframes jamaicanShimmer {
      0% { background-position: -1200px 0; }
      100% { background-position: 1200px 0; }
    }

    .shimmer {
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 214, 91, 0.15) 25%,
        rgba(255, 215, 0, 0.15) 50%,
        rgba(255, 23, 68, 0.1) 75%,
        transparent 100%
      );
      background-size: 1200px 100%;
      animation: jamaicanShimmer 5s infinite;
    }

    /* Enhanced Jamaican Glows */
    .glow-emerald {
      box-shadow: 
        0 0 30px rgba(0, 214, 91, 0.7),
        0 0 60px rgba(0, 155, 58, 0.4),
        0 8px 28px rgba(0, 0, 0, 0.5);
    }

    .glow-gold {
      box-shadow: 
        0 0 30px rgba(255, 215, 0, 0.7),
        0 0 60px rgba(255, 228, 77, 0.4),
        0 8px 28px rgba(0, 0, 0, 0.5);
    }

    .glow-red {
      box-shadow: 
        0 0 30px rgba(255, 23, 68, 0.7),
        0 0 60px rgba(206, 17, 38, 0.4),
        0 8px 28px rgba(0, 0, 0, 0.5);
    }

    /* Jamaican Flag Pulse Animation */
    @keyframes jamaicanPulse {
      0%, 100% { 
        box-shadow: 
          0 0 25px rgba(255, 215, 0, 0.6), 
          0 0 50px rgba(255, 215, 0, 0.3),
          0 0 75px rgba(0, 214, 91, 0.2);
      }
      33% { 
        box-shadow: 
          0 0 35px rgba(0, 214, 91, 0.7), 
          0 0 70px rgba(0, 214, 91, 0.4),
          0 0 100px rgba(255, 215, 0, 0.2);
      }
      66% { 
        box-shadow: 
          0 0 30px rgba(255, 23, 68, 0.6), 
          0 0 60px rgba(255, 23, 68, 0.3),
          0 0 90px rgba(255, 215, 0, 0.2);
      }
    }

    .btn-primary {
      animation: jamaicanPulse 3s ease-in-out infinite;
    }

    /* Stats Counter Animation */
    @keyframes countUp {
      from { opacity: 0; transform: translateY(15px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .stat-card {
      animation: countUp 0.8s ease-out forwards;
    }

    .stat-card:nth-child(1) { animation-delay: 0.15s; }
    .stat-card:nth-child(2) { animation-delay: 0.3s; }
    .stat-card:nth-child(3) { animation-delay: 0.45s; }

    /* Hover Effects with Jamaican Colors */
    .trust-badge {
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      position: relative;
    }

    .trust-badge::after {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 12px;
      background: linear-gradient(135deg, 
        rgba(0, 155, 58, 0.15), 
        rgba(255, 215, 0, 0.15), 
        rgba(206, 17, 38, 0.1));
      opacity: 0;
      transition: opacity 0.4s ease;
    }

    .trust-badge:hover {
      transform: translateY(-4px) scale(1.03);
      box-shadow: 
        0 12px 24px rgba(0, 0, 0, 0.5),
        0 0 20px rgba(0, 214, 91, 0.4),
        0 0 40px rgba(255, 215, 0, 0.2);
      border-color: rgba(0, 214, 91, 0.7);
    }

    .trust-badge:hover::after {
      opacity: 1;
    }

    /* Benefit Item Animation */
    .benefit-item {
      opacity: 0;
      animation: slideIn 0.6s ease-out forwards;
      transition: all 0.3s ease;
    }

    .benefit-item:nth-child(1) { animation-delay: 0.3s; }
    .benefit-item:nth-child(2) { animation-delay: 0.4s; }
    .benefit-item:nth-child(3) { animation-delay: 0.5s; }
    .benefit-item:nth-child(4) { animation-delay: 0.6s; }

    .benefit-item:hover {
      transform: translateX(10px);
      filter: drop-shadow(0 4px 12px rgba(0, 214, 91, 0.3));
    }

    @keyframes slideIn {
      from { 
        opacity: 0;
        transform: translateX(-30px);
      }
      to { 
        opacity: 1;
        transform: translateX(0);
      }
    }

    /* Kicker Jamaican Flag Pulse */
    .kicker {
      position: relative;
      overflow: hidden;
      background: linear-gradient(90deg, 
        rgba(0, 155, 58, 0.1), 
        rgba(255, 215, 0, 0.1), 
        rgba(206, 17, 38, 0.05), 
        rgba(0, 155, 58, 0.1));
      background-size: 200% 100%;
      animation: kickerFlow 6s ease-in-out infinite;
    }

    @keyframes kickerFlow {
      0%, 100% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
    }

    .kicker::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, 
        transparent, 
        rgba(0, 214, 91, 0.2), 
        rgba(255, 215, 0, 0.2),
        transparent);
      animation: slide 4s infinite;
    }

    @keyframes slide {
      0% { left: -100%; }
      100% { left: 100%; }
    }

    /* Image Overlay Enhancement */
    .image-overlay {
      backdrop-filter: blur(16px) saturate(200%);
      background: linear-gradient(135deg, 
        rgba(0, 0, 0, 0.85), 
        rgba(0, 155, 58, 0.15), 
        rgba(0, 0, 0, 0.85));
      border: 1px solid rgba(0, 214, 91, 0.3);
      box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.6),
        inset 0 1px 0 rgba(0, 214, 91, 0.2);
      transition: all 0.4s ease;
    }

    .image-overlay:hover {
      backdrop-filter: blur(20px) saturate(220%);
      border-color: rgba(255, 215, 0, 0.5);
      background: linear-gradient(135deg, 
        rgba(0, 0, 0, 0.85), 
        rgba(255, 215, 0, 0.1), 
        rgba(0, 0, 0, 0.85));
    }

    /* Button Interactions with Jamaican Colors */
    .btn {
      position: relative;
      overflow: hidden;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .btn::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      border-radius: 50%;
      background: radial-gradient(circle, 
        rgba(255, 255, 255, 0.3), 
        rgba(0, 214, 91, 0.2), 
        transparent);
      transform: translate(-50%, -50%);
      transition: width 0.7s, height 0.7s;
    }

    .btn:hover::before {
      width: 400px;
      height: 400px;
    }

    .btn:active {
      transform: scale(0.97);
    }

    /* Responsive Enhancements */
    @media (max-width: 1024px) {
      :root {
        --radius-2xl: 24px;
        --max-width-content: 1280px;
      }
    }

    /* Accessibility Focus States */
    .btn:focus-visible,
    a:focus-visible {
      outline: 3px solid var(--jamaica-green-light);
      outline-offset: 5px;
      box-shadow: 0 0 0 6px rgba(0, 214, 91, 0.2);
    }

    /* Enhanced Glass Morphism with Jamaican Tint */
    .glass-card {
      background: linear-gradient(135deg, 
        rgba(0, 10, 5, 0.8), 
        rgba(0, 20, 10, 0.7));
      backdrop-filter: blur(24px) saturate(200%);
      border: 1px solid rgba(0, 214, 91, 0.2);
      box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.5),
        0 0 20px rgba(0, 155, 58, 0.1),
        inset 0 1px 0 rgba(0, 214, 91, 0.15);
      transition: all 0.4s ease;
      position: relative;
    }

    .glass-card::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: linear-gradient(135deg, 
        rgba(0, 214, 91, 0.05), 
        rgba(255, 215, 0, 0.03), 
        rgba(206, 17, 38, 0.02));
      opacity: 0;
      transition: opacity 0.4s ease;
    }

    .glass-card:hover {
      background: linear-gradient(135deg, 
        rgba(0, 15, 7, 0.9), 
        rgba(0, 25, 12, 0.8));
      border-color: rgba(255, 215, 0, 0.4);
      transform: translateY(-2px);
      box-shadow: 
        0 15px 50px rgba(0, 0, 0, 0.6),
        0 0 30px rgba(0, 214, 91, 0.3),
        0 0 50px rgba(255, 215, 0, 0.2);
    }

    .glass-card:hover::before {
      opacity: 1;
    }

    /* Checkmark Animation with Jamaican Glow */
    .checkmark {
      display: inline-block;
      font-size: 1.35rem;
      animation: checkPop 0.6s ease-out;
      filter: drop-shadow(0 0 8px rgba(0, 214, 91, 0.6)) 
              drop-shadow(0 0 12px rgba(0, 214, 91, 0.4));
    }

    @keyframes checkPop {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.3) rotate(5deg); }
    }

    /* Heading Jamaican Flag Gradient Animation */
    @keyframes jamaicanGradientShift {
      0% { background-position: 0% 50%; }
      33% { background-position: 50% 100%; }
      66% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    .gradient-text {
      background-size: 300% 300%;
      animation: jamaicanGradientShift 10s ease-in-out infinite;
    }

    /* Icon Pulse with Jamaican Colors */
    @keyframes iconPulse {
      0%, 100% { 
        transform: scale(1); 
        filter: drop-shadow(0 0 4px rgba(255, 215, 0, 0.4));
      }
      50% { 
        transform: scale(1.15) rotate(5deg); 
        filter: drop-shadow(0 0 8px rgba(0, 214, 91, 0.6));
      }
    }

    .icon-pulse {
      animation: iconPulse 2.5s ease-in-out infinite;
    }

    /* Jamaican Accent Lines */
    .jamaican-accent-top {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, 
        var(--jamaica-green), 
        var(--jamaica-yellow), 
        var(--jamaica-red), 
        var(--jamaica-green));
      background-size: 200% 100%;
      animation: accentFlow 8s linear infinite;
    }

    .jamaican-accent-bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, 
        var(--jamaica-red), 
        var(--jamaica-yellow), 
        var(--jamaica-green), 
        var(--jamaica-red));
      background-size: 200% 100%;
      animation: accentFlow 8s linear infinite reverse;
    }

    @keyframes accentFlow {
      0% { background-position: 0% 50%; }
      100% { background-position: 200% 50%; }
    }


    .utility-bar {
      background: linear-gradient(90deg, 
        rgba(0, 0, 0, 0.95), 
        rgba(0, 155, 58, 0.05), 
        rgba(0, 0, 0, 0.95));
      backdrop-filter: blur(10px);
    }

    .shipping-status-dot {
      animation: statusPulse 2s ease-in-out infinite;
      box-shadow: 
        0 0 10px rgba(0, 214, 91, 0.6),
        0 0 20px rgba(0, 214, 91, 0.3);
    }

    @keyframes statusPulse {
      0%, 100% { 
        transform: scale(1);
        box-shadow: 0 0 10px rgba(0, 214, 91, 0.6), 0 0 20px rgba(0, 214, 91, 0.3);
      }
      50% { 
        transform: scale(1.2);
        box-shadow: 0 0 15px rgba(0, 214, 91, 0.8), 0 0 30px rgba(0, 214, 91, 0.5);
      }
    }

    .utility-link {
      position: relative;
      overflow: hidden;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .utility-link::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, 
        rgba(0, 155, 58, 0.1), 
        rgba(255, 215, 0, 0.1));
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    .utility-link:hover {
      transform: translateY(-2px);
      border-color: rgba(0, 214, 91, 0.5);
      box-shadow: 
        0 4px 12px rgba(0, 0, 0, 0.3),
        0 0 15px rgba(0, 214, 91, 0.2);
    }

    .utility-link:hover::before {
      opacity: 1;
    }

    /* Main Header Enhancements */
    header {
      backdrop-filter: blur(20px) saturate(180%);
      background: linear-gradient(180deg, 
        rgba(0, 0, 0, 0.98), 
        rgba(0, 0, 0, 0.95));
      box-shadow: 
        0 4px 24px rgba(0, 0, 0, 0.5),
        0 0 20px rgba(0, 155, 58, 0.1),
        inset 0 -1px 0 rgba(0, 214, 91, 0.2);
    }

    /* Logo Enhancement */
    .brand-logo {
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      position: relative;
    }

    .brand-logo::before {
      content: '';
      position: absolute;
      inset: -2px;
      border-radius: 50%;
      background: linear-gradient(135deg, 
        var(--jamaica-green), 
        var(--jamaica-yellow), 
        var(--jamaica-red));
      opacity: 0;
      z-index: -1;
      transition: opacity 0.4s ease;
      filter: blur(8px);
    }

    .brand-logo:hover::before {
      opacity: 0.6;
    }

    .brand-logo:hover {
      transform: scale(1.05) rotate(3deg);
      box-shadow: 
        0 8px 24px rgba(0, 0, 0, 0.4),
        0 0 20px rgba(0, 214, 91, 0.4);
    }

    /* Brand Text Enhancement */
    .brand-text-container {
      transition: all 0.3s ease;
    }

    .brand-text-container:hover .brand-title {
      background: linear-gradient(90deg, 
        var(--jamaica-green-light), 
        var(--jamaica-yellow), 
        var(--jamaica-green-light));
      background-size: 200% auto;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: brandGlow 3s linear infinite;
    }

    @keyframes brandGlow {
      0%, 100% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
    }

    /* Navigation Links */
    nav a {
      position: relative;
      padding-bottom: 4px;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    nav a::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 0;
      height: 2px;
      background: linear-gradient(90deg, 
        transparent, 
        var(--jamaica-green-light), 
        var(--jamaica-yellow), 
        var(--jamaica-green-light), 
        transparent);
      transform: translateX(-50%);
      transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    nav a:hover::after,
    nav a.active::after {
      width: 100%;
    }

    nav a:hover {
      text-shadow: 
        0 0 10px rgba(0, 214, 91, 0.5),
        0 0 20px rgba(0, 214, 91, 0.3);
      transform: translateY(-2px);
    }

    /* Active Navigation Link */
    nav a.active {
      text-shadow: 0 0 15px rgba(0, 214, 91, 0.6);
    }

    /* CTA Buttons Enhancement */
    .cta-primary {
      position: relative;
      overflow: hidden;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      animation: ctaPulse 3s ease-in-out infinite;
    }

    @keyframes ctaPulse {
      0%, 100% { 
        box-shadow: 
          0 0 20px rgba(255, 215, 0, 0.4),
          0 0 40px rgba(255, 215, 0, 0.2),
          0 4px 16px rgba(0, 0, 0, 0.3);
      }
      50% { 
        box-shadow: 
          0 0 30px rgba(255, 215, 0, 0.6),
          0 0 60px rgba(255, 215, 0, 0.3),
          0 6px 20px rgba(0, 0, 0, 0.4);
      }
    }

    .cta-primary::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      background: radial-gradient(circle, 
        rgba(255, 255, 255, 0.4), 
        transparent 70%);
      border-radius: 50%;
      transform: translate(-50%, -50%);
      transition: width 0.6s ease, height 0.6s ease;
    }

    .cta-primary:hover::before {
      width: 300px;
      height: 300px;
    }

    .cta-primary:hover {
      transform: translateY(-3px) scale(1.05);
      box-shadow: 
        0 0 35px rgba(255, 215, 0, 0.7),
        0 0 70px rgba(255, 215, 0, 0.4),
        0 8px 24px rgba(0, 0, 0, 0.5);
    }

    .cta-primary:active {
      transform: translateY(-1px) scale(1.02);
    }

    /* Secondary CTA */
    .cta-secondary {
      position: relative;
      overflow: hidden;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .cta-secondary::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, 
        rgba(0, 155, 58, 0.1), 
        rgba(0, 214, 91, 0.15));
      opacity: 0;
      transition: opacity 0.4s ease;
    }

    .cta-secondary:hover {
      transform: translateY(-3px);
      border-color: var(--jamaica-green-light);
      box-shadow: 
        0 0 25px rgba(0, 214, 91, 0.5),
        0 0 50px rgba(0, 214, 91, 0.25),
        0 6px 20px rgba(0, 0, 0, 0.4);
      text-shadow: 0 0 10px rgba(0, 214, 91, 0.4);
    }

    .cta-secondary:hover::before {
      opacity: 1;
    }

    /* Mobile Menu Toggle */
    .mobile-toggle {
      position: relative;
      transition: all 0.3s ease;
    }

    .mobile-toggle:hover {
      transform: scale(1.1) rotate(90deg);
      color: var(--jamaica-green-light);
      text-shadow: 
        0 0 10px rgba(0, 214, 91, 0.6),
        0 0 20px rgba(0, 214, 91, 0.3);
    }

    .mobile-toggle:active {
      transform: scale(0.95) rotate(90deg);
    }

    /* Mobile Menu Panel */
    .mobile-panel {
      background: linear-gradient(180deg, 
        rgba(0, 10, 5, 0.98), 
        rgba(0, 0, 0, 0.98));
      backdrop-filter: blur(20px);
      border-top: 2px solid rgba(0, 214, 91, 0.2);
      box-shadow: 
        inset 0 1px 0 rgba(0, 214, 91, 0.1),
        0 8px 32px rgba(0, 0, 0, 0.6);
      animation: slideDown 0.3s ease-out;
    }

    @keyframes slideDown {
      from {
        opacity: 0;
        transform: translateY(-10px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .mobile-panel a {
      position: relative;
      transition: all 0.3s ease;
      padding-left: 16px;
    }

    .mobile-panel a::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 3px;
      height: 0;
      background: linear-gradient(180deg, 
        var(--jamaica-green-light), 
        var(--jamaica-yellow));
      transition: height 0.3s ease;
    }

    .mobile-panel a:hover {
      color: var(--jamaica-green-light);
      padding-left: 24px;
      text-shadow: 0 0 10px rgba(0, 214, 91, 0.4);
    }

    .mobile-panel a:hover::before {
      height: 100%;
    }

    /* Jamaican Accent Line on Header */
    .header-accent {
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, 
        var(--jamaica-green) 0%, 
        var(--jamaica-yellow) 50%, 
        var(--jamaica-red) 100%);
      opacity: 0.6;
    }

    /* Sticky Header Shadow Enhancement */
    header.scrolled {
      box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.7),
        0 0 30px rgba(0, 155, 58, 0.2),
        inset 0 -1px 0 rgba(0, 214, 91, 0.3);
    }

    /* Responsive Icon Enhancements */
    .icon-emoji {
      display: inline-block;
      transition: transform 0.3s ease;
    }

    .utility-link:hover .icon-emoji,
    .cta-primary:hover .icon-emoji,
    .cta-secondary:hover .icon-emoji {
      transform: scale(1.2) rotate(5deg);
    }

    /* WhatsApp Button Special Effect */
    .whatsapp-link {
      background: linear-gradient(135deg, 
        rgba(37, 211, 102, 0.1), 
        rgba(0, 155, 58, 0.1));
    }

    .whatsapp-link:hover {
      background: linear-gradient(135deg, 
        rgba(37, 211, 102, 0.2), 
        rgba(0, 155, 58, 0.15));
      border-color: rgba(37, 211, 102, 0.5);
    }

    /* Track Shipment Link Special Effect */
    .track-link:hover {
      background: linear-gradient(135deg, 
        rgba(255, 215, 0, 0.1), 
        rgba(0, 155, 58, 0.1));
      border-color: rgba(255, 215, 0, 0.4);
    }

    /* Phone Link Special Effect */
    .phone-link:hover {
      background: linear-gradient(135deg, 
        rgba(206, 17, 38, 0.1), 
        rgba(255, 215, 0, 0.1));
      border-color: rgba(206, 17, 38, 0.4);
    }

    /* Utility Bar Shimmer */
    .utility-bar::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, 
        transparent, 
        rgba(0, 214, 91, 0.1), 
        rgba(255, 215, 0, 0.1),
        transparent);
      animation: utilityShimmer 8s infinite;
    }

    @keyframes utilityShimmer {
      0% { left: -100%; }
      100% { left: 200%; }
    }