body {
    background-color: #0A192F !important; /* Premium Sapphire fallback */
    background-image: url('/assets/media/2026/02/20251206_233150-V8-performance.webp') !important;
    background-attachment: fixed !important;
    background-size: 110% auto !important; 
    background-position: center center !important; 
    background-repeat: no-repeat !important;
    margin: 0 !important;
  }

.gt-vessel-sub {



    display: flex;



    flex-direction: column;



    align-items: center;



    text-align: center;



    width: 100%;



    margin: 0px 0 0 0;



    /* This matches your main page exactly */



    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;



    z-index: 9999;



  }







  .gt-menu-item {



    position: relative;



    display: inline-block;



  }







  /* The Hover Trigger */



  .gt-menu-item:hover .gt-dropdown {



    display: block;



  }







  .gt-btn {



    background-color: #2e7d32; /* Logo Green */



    color: #ffffff;



    padding: 12px 24px;



    font-size: 16px;



    font-weight: bold;



    letter-spacing: 1.5px;



    border: none;



    border-radius: 2px;



    cursor: pointer;



    text-transform: uppercase;



    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;



    transition: 0.3s;



  }



  .gt-btn:hover {



    background-color: #1b5e20;



  }







  .gt-dropdown {



    display: none;



    position: absolute;



    left: 50%;



    transform: translateX(-50%); /* Keeps it perfectly centered under the button */



    background-color: #2e7d32;



    min-width: 220px;



    box-shadow: 0px 8px 16px rgba(0,0,0,0.2);



    margin-top: 0; 



  }







  .gt-dropdown a {



    color: #ffffff;



    padding: 14px 20px;



    text-decoration: none;



    display: block;



    font-size: 13px;



    font-weight: bold;



    letter-spacing: 1px;



    text-transform: uppercase;



    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;



    border-bottom: 1px solid rgba(255,255,255,0.1);



  }



  .gt-dropdown a:hover {



    background-color: #1b5e20;



  }

/* DESKTOP SETTINGS (Default) */

  .garage-hub-vessel {

    max-width: 1105px; 

    width: 90%;             /* Desktop width */

    margin: 5px auto;

    padding: 3px 60px 60px 60px;

    background: rgba(255, 255, 255, 0.90) !important; 

    box-shadow: 0 20px 60px rgba(0,0,0,0.5); 

    font-family: 'Georgia', Times, serif;

    color: #1a1a1a;

    box-sizing: border-box;

  }



  .garage-header { text-align: center; margin-bottom: 5px; }

  .garage-main-title { font-size: 48px; font-weight: 800; font-family: sans-serif; text-transform: uppercase; letter-spacing: 5px; }

  .garage-hr { width: 40px; height: 3px; background: #000; margin: 30px auto; }

  .garage-intro { text-align: center; max-width: 600px; margin: 0 auto 20px; font-style: italic; font-size: 18px; color: #444; }


  /* GRID SETTINGS */

  .stall-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

  .stall-card { text-decoration: none; color: inherit; display: block; transition: transform 0.3s ease; }

  .stall-card:hover { transform: translateY(-10px); }

  .stall-image-container { position: relative; overflow: hidden; height: 300px; background: #ddd; }

  .stall-image-container img { width: 100%; height: 100%; object-fit: cover !important; object-position: center 58% !important; transition: transform 0.5s ease; }

  .stall-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; }

  .stall-overlay span { color: #fff; font-family: sans-serif; text-transform: uppercase; letter-spacing: 3px; border: 1px solid #fff; padding: 10px 20px; }

  .stall-card:hover .stall-overlay { opacity: 1; }

  .stall-details { padding: 20px 0; border-top: 1px solid #eee; margin-top: 15px; }

  .stall-details h3 { margin: 0; font-family: sans-serif; font-size: 20px; letter-spacing: 1px; }

  .stall-details p { color: #666; font-size: 15px; margin-top: 5px; }

  .stall-locked { opacity: 0.5; cursor: default; }

  .locked-pattern { width: 100%; height: 100%; background: repeating-linear-gradient(45deg, #eee, #eee 10px, #f9f9f9 10px, #f9f9f9 20px); }

/* This creates the Georgia Italic look from the Ethos page */
  .ethos-signoff-style { 
    font-family: 'Georgia', Times, serif !important;
    font-size: 22px !important; 
    font-style: italic !important; 
    margin-top: 40px !important; 
    text-align: center !important; 
    color: #1b5e20 !important;
    text-transform: none !important; /* Removes the uppercase */
    letter-spacing: normal !important; /* Removes the wide spacing */
  }

  /* This handles the border and spacing above the tagline */
  .garage-signoff {
    text-align: center;
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 20px;
  }     

  /* MOBILE ONLY SETTINGS */

  @media (max-width: 768px) {

    body {

        background-image: url('/assets/media/2026/02/garage-background-mobile.webp') !important;

        background-size: cover !important;

        background-position: center top !important;

    }

    .garage-hub-vessel { 

        width: 110% !important;        /* Broad on phone only */

        margin-left: -5% !important;  /* Center pull-back on phone only */

        margin-top: 10px !important;

        margin-bottom: 10px !important;

        padding: 10px 20px !important;

        box-shadow: none;

    }



    .the-garage-title {

        font-size: 24px !important; 

    }



    .stall-grid { 

        grid-template-columns: 1fr !important; /* Stack on phone only */

        gap: 40px !important; 

    }



    .stall-image-container {

        height: 250px !important; 

    }

  }