/** Shopify CDN: Minification failed

Line 997:0 Unexpected "}"

**/
/* --- ROTORS RUNNING PREMIUM OVERRIDES --- */

:root {
  /* Set your brand color as a variable for easy reuse */
  --rr-brand-primary: #3AB2DE;
  --rr-brand-hover: #2EA0C8; /* Slightly darker for hover states */
}

/* 1. UPGRADE BUTTONS */
/* Makes buttons feel more tactile and branded */
.button, .shopify-payment-button__button--unbranded {
  background-color: var(--rr-brand-primary) !important;
  color: #ffffff !important;
  border: none !important;
  transition: all 0.3s ease;
  border-radius: 4px; /* Softens the sharp corners */
  font-weight: 600;
  letter-spacing: 0.5px;
}

.button:hover, .shopify-payment-button__button--unbranded:hover {
  background-color: var(--rr-brand-hover) !important;
  transform: translateY(-1px); /* Subtle lift effect */
  box-shadow: 0 4px 12px rgba(58, 178, 222, 0.3); /* Glow effect using your color */
}

/* 2. LINKS & ACCENTS */
/* Changes text links and outlines to your blue */
a:not(.button) {
  transition: color 0.2s ease;
}

a:hover {
  color: var(--rr-brand-primary);
}

/* 3. FORM FIELDS */
/* Premium inputs usually have distinct focus states */
.field__input:focus, 
.customer .field input:focus {
  box-shadow: 0 0 0 1px var(--rr-brand-primary) !important;
  border-color: var(--rr-brand-primary) !important;
}

/* 4. SALE BADGES */
/* Make sale badges pop with your color */
.badge--bottom-left.color-accent-1 {
  background-color: var(--rr-brand-primary);
  color: #fff;
  border: none;
}








/* --- ROTORS RUNNING HEADER: PREMIUM TRIPOD LAYOUT --- */

/* 1. DESKTOP LAYOUT (The "Tripod" Logic) */
/* Only applies to screens wider than 990px (Desktop) */
@media screen and (min-width: 990px) {
  .header {
    display: grid !important;
    /* This creates 3 columns: 1fr (Left), Auto (Center), 1fr (Right) */
    grid-template-columns: 1fr auto 1fr !important; 
    align-items: center;
  }

  /* Force Logo to the Far Left */
  .header__heading, .header__heading-link {
    justify-self: start;
    grid-column: 1;
    margin-right: 0 !important; /* Removes the gap that pushed menu away */
  }

  /* Force Menu to the Absolute Center */
  .header__inline-menu {
    justify-self: center;
    grid-column: 2;
    margin-left: 0 !important; /* Removes left alignment crowding */
    text-align: center;
  }

  /* Force Icons to the Far Right */
  .header__icons {
    justify-self: end;
    grid-column: 3;
  }
}

/* 2. MENU TYPOGRAPHY (Refined Elegance) */
.header__menu-item {
  font-weight: 500 !important; /* Changed from 600 to 500 (Medium) */
  letter-spacing: 0.5px; /* Slight spacing for readability */
  color: #000 !important;
  padding: 1.2rem 1.5rem !important;
  position: relative;
  text-decoration: none !important; /* No default underlines */
}

/* 3. THE SLIDING BLUE ANIMATION */
.header__menu-item span {
  position: relative;
}

.header__menu-item span::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px; /* Thinner line for elegance */
  bottom: -4px;
  left: 0;
  background-color: var(--rr-brand-primary);
  transform-origin: bottom right;
  transition: transform 0.3s ease-out;
}

.header__menu-item:hover span::after,
.header__active-menu-item span::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.header__active-menu-item span::after {
  background-color: var(--rr-brand-primary) !important;
}

/* 4. CLEANUP */
/* Remove default Dawn lines */
.header__menu-item, .header__active-menu-item {
  border-bottom: none !important;
  text-underline-offset: 0 !important;
}





/* --- FIX: REMOVE STUBBORN BLACK UNDERLINES --- */

/* 1. Target the Link AND the Span inside it */
.header__menu-item, 
.header__menu-item span,
.header__active-menu-item,
.header__active-menu-item span {
  text-decoration: none !important; /* Kills the black line */
  border-bottom: none !important;   /* Kills any borders */
  box-shadow: none !important;      /* Kills any shadow-based underlines */
}

/* 2. Target Hover States specifically */
.header__menu-item:hover,
.header__menu-item:hover span {
  text-decoration: none !important;
}

/* 3. Target the "Details" element (for dropdowns like 'Services') */
details > summary.header__menu-item,
details > summary.header__menu-item span {
  text-decoration: none !important;
}




/* --- FIX: DROPDOWN ICON SPACING --- */
/* 1. Enforce Flexbox to manage spacing perfectly */
summary.header__menu-item {
  display: flex !important;
  align-items: center !important; /* Keeps text and arrow vertically centered */
}

/* 2. Push the arrow icon away from the text */
.header__menu-item .icon-caret {
  margin-left: 8px !important; /* Adds the gap you are missing */
  height: 10px !important;     /* Resize slightly smaller for a refined look */
  width: 10px !important;
  position: static !important; /* Prevents it from floating on top of text */
}







/* --- PREMIUM FINISH: FROSTED GLASS & SOFT LIFT --- */

.header-wrapper {
  /* 1. The Frosted Glass Effect */
  background-color: rgba(255, 255, 255, 0.85) !important; /* 85% Opaque White */
  backdrop-filter: blur(12px) !important; /* Blurs content behind the header */
  -webkit-backdrop-filter: blur(12px) !important; /* Safari support */

  /* 2. The "Soft Lift" Shadow */
  /* Instead of a black line, we use a wide, diffuse shadow */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
  
  /* 3. Smooth Transition */
  transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

/* Optional: Remove the thin border line if Dawn is forcing one */
.header {
  border-bottom: none !important;
}







/* --- HERO SECTION: HIGH CONTRAST FIX --- */

/* 1. STRONGER OVERLAY (The "Sunglasses" Effect) */
.banner__media::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Much darker gradient at the top to handle the bright clouds */
  background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.6) 100%);
  z-index: 1;
}
/* --- HERO REFINEMENT: MODERN FONT & SUBTLETY --- */

/* 1. MODERN HEADLINE (Fixing the "Old" Font) */
.banner__heading {
  /* Forces a clean, modern font stack */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 900 !important; 
  text-transform: uppercase;
  letter-spacing: 4px; /* Wider spacing looks more expensive */
  font-size: 3.2rem !important;
  color: #ffffff !important;
  text-shadow: 0 10px 30px rgba(0,0,0,0.8);
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.1;
  margin-bottom: 20px !important; /* More space between title and subtitle */
}

/* 2. REFINED SUBHEADING (Softer Background) */
.banner__text p {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 500;
  letter-spacing: 2px;
  color: #ffffff !important;
  /* Make the background pill softer/more transparent */
  background: rgba(0, 0, 0, 0.4); 
  display: inline-block;
  padding: 8px 24px; /* More padding for a "button-like" look */
  backdrop-filter: blur(10px); /* Adds the frosted glass effect to the text too */
  border-radius: 30px; /* Fully rounded pill shape */
  border: 1px solid rgba(255,255,255,0.2); /* Subtle border */
}











/* --- FOOTER FINISHING TOUCHES --- */

/* 1. Modernize the Headings (Matches your Hero/Header) */
.footer-block__heading {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

/* 2. The Premium Blue Top Border */
.footer {
  border-top: 4px solid #3AB2DE !important; /* Your Brand Blue */
}

/* 3. Tidy up the Social Icon */
/* Moves the Instagram icon slightly left so it doesn't look so lonely */
.footer__list-social.list-social {
  justify-content: flex-start !important;
}











/* --- COLLECTION LIST: THE RETAIL LIFT --- */

/* 1. FIX THE FONTS (Modernize everything) */
/* Targets the main "Collections" heading */
.title-wrapper-with-link .title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 2rem !important;
}

/* Targets the individual card titles (e.g., "Flight Suits") */
.collection-list .card__heading {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 1rem !important;
  margin-top: 15px !important;
}

/* 2. THE CARD LIFT (Premium feel) */
/* Adds soft corners and a subtle shadow to the images */
.collection-list .media {
  border-radius: 8px !important; /* Softens the sharp square edges */
  overflow: hidden; /* Keeps images inside the rounded corners */
  box-shadow: 0 4px 10px rgba(0,0,0,0.05); /* Very subtle depth */
  transition: all 0.4s ease; /* Smooth animation speed */
}

/* The Animation: Lift up and deepen shadow on hover */
.collection-list .card-wrapper:hover .media {
  transform: translateY(-8px); /* Physically moves the image up */
  box-shadow: 0 15px 30px rgba(0,0,0,0.15); /* Shadow grows to match the lift */
}

/* 3. THE "VIEW ALL" BUTTON */
/* Matches your Hero button style */
.collection-list-view-all .button {
  background-color: var(--rr-brand-primary) !important;
  border: none !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  padding: 10px 30px !important;
  border-radius: 4px;
  box-shadow: 0 5px 15px rgba(58, 178, 222, 0.3); /* Blue glow */
}

.collection-list-view-all .button:hover {
  transform: translateY(-2px);
  background-color: #2EA0C8 !important; /* Slightly darker blue on hover */
}


/* --- FORCE FIX: COLLECTIONS TITLE FONT --- */
.collection-list-wrapper .title,
.collection-list-wrapper h2,
.title-wrapper-with-link .title,
.title-wrapper-with-link h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000 !important;
}








/* --- PRODUCT PAGE: COCKPIT CONTROLS --- */

/* 1. THE PRODUCT TITLE (Bold & Authoritative) */
.product__title h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 2.4rem !important;
  line-height: 1.1;
  margin-bottom: 10px;
}

/* 2. THE PRICE (Make it Pop) */
.price-item--regular, .price-item--sale {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 700 !important;
  color: var(--rr-brand-primary) !important; /* Your Brand Blue */
  font-size: 1.8rem !important;
}

/* 3. VARIANT PICKERS (Size/Color Buttons) */
/* Make the selected size look like an active button */
.product-form__input input[type=radio]:checked + label {
  background-color: var(--rr-brand-primary) !important;
  color: #ffffff !important;
  border-color: var(--rr-brand-primary) !important;
  box-shadow: 0 4px 10px rgba(58, 178, 222, 0.4); /* Glow effect */
}

/* Unselected sizes looks clean */
.product-form__input input[type=radio] + label {
  border-radius: 4px !important; /* Soft edges */
  font-weight: 600;
}

/* 4. THE 'ADD TO CART' BUTTON (The Main Event) */
.product-form__submit {
  background-color: #111 !important; /* Solid Black for contrast */
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: none;
}

.product-form__submit:hover {
  background-color: var(--rr-brand-primary) !important; /* Turns Blue on hover */
  transform: translateY(-2px); /* Lifts up */
  box-shadow: 0 10px 20px rgba(58, 178, 222, 0.3);
}

/* 5. PRODUCT IMAGES (Soft finish) */
.product__media img {
  border-radius: 12px !important; /* Softens the image corners */
}

/* --- FORCE FIX: QUANTITY SELECTOR --- */
/* Target the container wrapper */
.quantity {
  background-color: #f4f4f4 !important; /* Light Grey Pill */
  border: none !important; /* Kills the hard border */
  border-radius: 30px !important; /* Fully rounded pill shape */
  width: 140px !important;
  min-height: 45px !important; /* Slightly taller/easier to hit */
}

/* Target the input field (the number) */
.quantity__input {
  background-color: transparent !important;
  color: #000 !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
}

/* Target the +/- buttons */
.quantity__button {
  background-color: transparent !important;
  color: #000 !important;
  border: none !important;
  width: 40px !important; 
}

.quantity__button:hover {
  background-color: rgba(0,0,0,0.05) !important; /* Subtle hover effect */
  color: var(--rr-brand-primary) !important; /* Blue on hover */
}

/* Fix specific Dawn border override */
.quantity:after {
  box-shadow: none !important; /* Removes the hidden inner-border Dawn uses */
}







/* --- COLLECTION PAGE (SHOWROOM) UPGRADE --- */

/* 1. FIX THE MAIN TITLE ('Accessories') */
.collection-hero__title, 
.collection-hero__description {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000 !important;
}

/* 2. FIX THE PRODUCT TITLES IN THE GRID */
/* This targets the name of the product under the image */
.card__heading, .card__heading a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 1rem !important;
  color: #111 !important;
  text-decoration: none !important;
}

/* 3. ADD THE 'LIFT' EFFECT TO THESE IMAGES TOO */
/* Makes the products feel tactile when you browse */
.card__media .media img {
  transition: transform 0.4s ease !important;
  border-radius: 8px !important; /* Soft corners */
}

.card-wrapper:hover .card__media .media img {
  transform: scale(1.03); /* Subtle zoom on hover */
}

.card-wrapper:hover .card__heading {
  color: var(--rr-brand-primary) !important; /* Text turns Blue on hover */
}

/* --- PRODUCT CARD POLISH --- */
.card__heading {
  margin-top: 15px !important; /* Adds space between Image and Text */
  line-height: 1.3 !important; /* Improves readability */
  font-size: 1.1rem !important; /* Slightly bigger text */
}

.card-information {
  margin-top: 5px !important; /* separates Title from Price */
}









/* --- HOMEPAGE: SECTIONS UPGRADE --- */

/* 1. CUSTOM LIQUID HEADING FIX */
/* Targets the specific HTML you wrote in that box */
.custom-liquid h1, 
.custom-liquid h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 2.8rem !important;
  color: #000 !important;
  margin-bottom: 10px !important;
  line-height: 1.1;
}

.custom-liquid div {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 1.1rem !important;
  color: #555 !important;
  max-width: 800px;
  margin: 0 auto; /* Centers the subtext perfectly */
}

/* 2. MULTICOLUMN CARDS: THE "SERVICE LIFT" */
.multicolumn-card {
  background-color: #ffffff !important; /* Crisp White Card */
  border-radius: 16px !important; /* Modern rounded edges */
  border: 1px solid rgba(0,0,0,0.05); /* Very subtle border */
  box-shadow: 0 10px 30px rgba(0,0,0,0.05); /* expensive soft shadow */
  transition: all 0.3s ease;
  overflow: hidden; /* Keeps content inside rounded corners */
}

/* Hover Effect: The card physically lifts up */
.multicolumn-list__item:hover .multicolumn-card {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(58, 178, 222, 0.15); /* Blue glow on lift */
  border-color: var(--rr-brand-primary) !important;
}

/* 3. CARD TYPOGRAPHY */
/* The Heading (e.g. 'Pleasure Flights') */
.multicolumn-card__info h3 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.3rem !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #111 !important;
}

/* The Description Text */
.multicolumn-card__info p {
  color: #666 !important;
  line-height: 1.6;
}

/* 4. THE 'BOOK A FLIGHT' LINK */
.multicolumn-card__info .link {
  color: var(--rr-brand-primary) !important; /* Brand Blue */
  font-weight: 700 !important;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.9rem !important;
  margin-top: 10px;
  display: inline-block;
}

.multicolumn-card__info .link:hover {
  color: #000 !important; /* Turns black on hover */
}

/* 5. CARD IMAGES */
.multicolumn-card__image-wrapper {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

.multicolumn-card__image-wrapper img {
  transition: transform 0.5s ease;
}

/* Slight zoom on image when hovering the card */
.multicolumn-list__item:hover img {
  transform: scale(1.05);
}






/* --- FORCE FIX: CUSTOM LIQUID SECTION --- */

/* 1. Force the Heading to be Modern */
.custom-liquid h1, 
.custom-liquid h2, 
.custom-liquid h3,
.custom-liquid strong {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000 !important;
  margin-bottom: 15px !important;
}

/* 2. Force the Subtext to be Modern */
.custom-liquid div, 
.custom-liquid p,
.custom-liquid span {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 1.1rem !important;
  color: #555 !important;
  line-height: 1.6;
}

/* 3. Add Breathing Room */
/* Adds space between the text and the cards below so it doesn't look crowded */
.custom-liquid {
  margin-bottom: 40px !important;
}









/* --- MERCH BANNER FIX --- */

/* 1. FIX THE OVERLAY COLOR (No more Green tint) */
/* This forces a neutral dark gradient on all banners, ensuring Blue products pop */
.banner__media::after {
  background: linear-gradient(to right, rgba(11, 28, 46, 0.9), rgba(11, 28, 46, 0.4)) !important;
}

/* 2. FIX THE SUBTITLE PILL */
/* Gives the text breathing room and fixes the font */
.banner__text p {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  
  /* Make the pill look premium */
  background: rgba(0, 0, 0, 0.6) !important; /* Darker, cleaner background */
  padding: 12px 25px !important; /* More space around text */
  border-radius: 50px !important; /* Perfect round pill */
  border: 1px solid rgba(255,255,255,0.15); /* Subtle high-end border */
  line-height: 1.6;
}

/* 3. ENSURE TITLE IS BOLD */
.banner__heading {
  text-shadow: 0 5px 15px rgba(0,0,0,0.5); /* Lift text off the busy background */
}







/* --- IMAGE WITH TEXT: EDITORIAL PROFILE UPGRADE --- */

/* 1. MODERN TYPOGRAPHY (Kill the Serif) */
.image-with-text__heading {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 2rem !important;
  color: #000 !important;
  line-height: 1.2;
  
  /* The "Premium" Vertical Blue Accent Line */
  border-left: 6px solid var(--rr-brand-primary) !important;
  padding-left: 25px !important; /* Space between line and text */
  margin-bottom: 20px !important;
}

/* 2. BODY TEXT */
.image-with-text__text p {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 1.1rem !important;
  line-height: 1.7;
  color: #555 !important;
}

/* 3. IMAGE STYLING (The "Frame") */
.image-with-text__media img {
  border-radius: 16px !important; /* Modern soft corners */
  box-shadow: 0 15px 40px rgba(0,0,0,0.15) !important; /* Lift off page */
  transition: transform 0.5s ease;
}

/* Slight zoom when hovering the text area */
.image-with-text:hover .image-with-text__media img {
  transform: scale(1.02);
}

/* 4. BUTTON CONSISTENCY */
/* Ensures this button matches your Hero button */
.image-with-text .button {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  box-shadow: 0 5px 15px rgba(58, 178, 222, 0.3);
}






/* --- BLOG SECTION: EDITORIAL UPGRADE --- */

/* 1. MAIN SECTION TITLE */
.blog__title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 900 !important; /* Maximum Boldness */
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 2.2rem !important;
  color: #000 !important;
  margin-bottom: 40px !important;
}

/* 2. ARTICLE IMAGES (The "Lens" Effect) */
.article-card__image-wrapper {
  border-radius: 12px !important; /* Soft modern corners */
  overflow: hidden; /* Keeps the zoom inside the box */
  box-shadow: 0 5px 15px rgba(0,0,0,0.05); /* Subtle shadow */
}

.article-card__image-wrapper img {
  transition: transform 0.5s ease !important;
}

/* Hover: Slight cinematic zoom */
.article-card:hover .article-card__image-wrapper img {
  transform: scale(1.05);
}

/* 3. ARTICLE TITLES */
.article-card__title a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 800 !important; /* Thick font */
  text-transform: uppercase;
  font-size: 1.2rem !important;
  color: #111 !important;
  text-decoration: none !important;
  letter-spacing: 0.5px;
  line-height: 1.3;
  margin-top: 15px !important;
  display: block;
}

.article-card__title a:hover {
  color: var(--rr-brand-primary) !important; /* Turns Blue on hover */
}

/* 4. EXCERPT TEXT (The summary) */
.article-card__excerpt {
  font-size: 1rem !important;
  color: #666 !important;
  line-height: 1.6;
  margin-top: 10px;
}

/* 5. 'READ MORE' LINKS */
.article-card .link {
  color: var(--rr-brand-primary) !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.85rem;
  margin-top: 15px;
  display: inline-block;
}










/* --- ABOUT US: 'WHY CHOOSE US' UPGRADE --- */

/* 1. MAIN HEADING ACCENT */
/* Adds a sleek blue bar underneath the title */
.multicolumn .title-wrapper-with-link {
  margin-bottom: 50px !important;
  position: relative;
}

.multicolumn .title {
  display: inline-block;
  position: relative;
  padding-bottom: 15px; /* Space for the line */
}

.multicolumn .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%); /* Centers the line perfectly */
  width: 80px; /* Length of the line */
  height: 4px; /* Thickness */
  background-color: var(--rr-brand-primary); /* Your Brand Blue */
  border-radius: 2px;
}

/* 2. THE FEATURE CARDS */
/* Turns the empty space into a physical card */
.multicolumn-card {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important; /* Subtle border */
  border-radius: 16px !important; /* Modern soft corners */
  padding: 30px 20px !important; /* Internal breathing room */
  box-shadow: 0 10px 25px rgba(0,0,0,0.03); /* Very soft shadow */
  transition: all 0.3s ease;
  height: 100%; /* Ensures all cards are same height */
}

/* 3. HOVER INTERACTION */
/* The "Lift" effect when you touch a card */
.multicolumn-list__item:hover .multicolumn-card {
  transform: translateY(-8px); /* Physical lift */
  border-color: var(--rr-brand-primary) !important; /* Border turns blue */
  box-shadow: 0 20px 40px rgba(58, 178, 222, 0.15) !important; /* Blue glow */
}

/* 4. TYPOGRAPHY POLISH */
/* Sharpen the titles inside the cards */
.multicolumn-card__info h3 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  font-size: 1.1rem !important;
  letter-spacing: 0.5px;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
}

.multicolumn-card__info p {
  color: #666 !important;
  line-height: 1.6;
  font-size: 1rem !important;
}






/* --- FINAL BANNER SPLITTER (Using Exact IDs) --- */

/* 1. HIDE THE DESKTOP BANNER (Wide) ON MOBILE */
@media screen and (max-width: 749px) {
  #shopify-section-template--27127513678165__image_banner {
    display: none !important;
  }
}

/* 2. HIDE THE MOBILE BANNER (Vertical) ON DESKTOP */
@media screen and (min-width: 750px) {
  #shopify-section-template--27127513678165__image_banner_hUKwCp {
    display: none !important;
  }
}





/* --- GLOBAL TEXT BOOST (Readability Upgrade) --- */
/* Updated to include Blog Summaries */
.multicolumn-card__info p, 
.image-with-text__text p,
.rte p,
.article-card__excerpt { /* <--- Added this new line */
  font-size: 1.1rem !important; /* Bumped up slightly to 1.1rem */
  line-height: 1.6 !important; 
  color: #333 !important; 
  font-weight: 400 !important;
  margin-top: 10px !important;
}

/* 2. Mobile Specific Adjustment */
@media screen and (max-width: 749px) {
  .multicolumn-card__info p, 
  .image-with-text__text p,
  .article-card__excerpt { /* <--- Added this to keep blog synced on mobile */
    font-size: 1.1rem !important; 
  }
}

/* --- FIX: RESTORE WHITE SUBTITLES ON BANNERS --- */
.banner__content .banner__text p,
.banner__content .rte p {
  color: #ffffff !important; /* Force White */
  text-shadow: 0 2px 4px rgba(0,0,0,0.5); /* Adds a little shadow for readability */
}







/* --- BOOKING CARDS: THE CONVERSION UPGRADE --- */

/* 1. TRANSFORM THE LINK INTO A 'BUY BUTTON' */
.multicolumn-card__info .link {
  background-color: var(--rr-brand-primary) !important; /* Brand Blue Fill */
  color: #ffffff !important; /* White Text */
  text-decoration: none !important;
  padding: 15px 20px !important; /* Big, clickable area */
  display: flex !important;
  justify-content: center; /* Center the text */
  align-items: center;
  border-radius: 8px !important; /* Soft pill shape */
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 20px !important;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(58, 178, 222, 0.4); /* Glowing Blue Shadow */
  width: 100%; /* Full width for easy mobile tapping */
}

/* Hover Effect on the Button */
.multicolumn-card__info .link:hover {
  background-color: #111 !important; /* Turns solid Black */
  color: #ffffff !important; /* FORCE text to stay White */
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}
}

/* 2. MAKE THE CARD FEEL 'IMPORTANT' */
.multicolumn-card {
  border: 1px solid rgba(0,0,0,0.1) !important; /* clearer border */
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important; /* Higher lift */
}

/* 3. EMPHASIZE THE CARD TITLE */
.multicolumn-card__info h3 {
  font-size: 1.4rem !important; /* Bigger Headline */
  margin-bottom: 15px !important;
  border-bottom: 2px solid rgba(0,0,0,0.05); /* Subtle separator line */
  padding-bottom: 10px;
}

/* 4. ADJUST THE ARROW ICON INSIDE THE BUTTON */
.multicolumn-card__info .link svg {
  fill: #fff !important; /* Make the arrow white */
  margin-left: 10px;
}





/* --- FIX: CONTACT PAGE VERTICAL TEXT (Globo Form) --- */

/* 1. Force the Header Container to take full space */
.globo-formbuilder .header {
  display: block !important; /* Kills the side-by-side flex layout */
  width: 100% !important;
  margin-bottom: 30px !important;
  text-align: center !important; /* Center alignment looks more premium */
}

/* 2. Fix the Squashed Title ('Book your flight') */
.globo-formbuilder .header h1,
.globo-formbuilder .header h2,
.globo-formbuilder .header .title {
  width: 100% !important;
  white-space: normal !important; /* Allows normal wrapping */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 2.2rem !important;
  margin-bottom: 15px !important;
  color: #000 !important;
}

/* 3. Style the Description Text */
.globo-formbuilder .header .description,
.globo-formbuilder .header p {
  width: 100% !important;
  max-width: 700px !important;
  margin: 0 auto !important; /* Centers the text block */
  font-size: 1.1rem !important;
  color: #555 !important;
  line-height: 1.6;
}



/* --- GLOBO FORM PREMIUM UPGRADE --- */

/* 1. KILL THE 'X' (The Close Button) */
/* This hides the popup close icon that shouldn't be there */
.globo-formbuilder .header .close-btn,
.globo-formbuilder .header svg,
.globo-formbuilder .close-icon {
  display: none !important;
}

/* 2. PREMIUM INPUTS (Cockpit Style) */
/* Matches the styling of your other booking forms */
.globo-formbuilder input.form-control,
.globo-formbuilder textarea.form-control,
.globo-formbuilder select.form-control {
  background-color: #F9F9F9 !important; /* Light Grey Fill */
  border: 1px solid #E0E0E0 !important; /* Subtle Border */
  border-radius: 8px !important; /* Soft Corners */
  padding: 15px !important; /* More breathing room */
  font-size: 1rem !important;
  color: #333 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  box-shadow: none !important;
}

/* Focus State: Glows Blue when you click to type */
.globo-formbuilder input.form-control:focus,
.globo-formbuilder textarea.form-control:focus {
  border-color: var(--rr-brand-primary) !important;
  box-shadow: 0 0 0 1px var(--rr-brand-primary) !important;
  background-color: #fff !important;
}

/* 3. UPGRADE THE SUBMIT BUTTON */
.globo-formbuilder .footer button.submit {
  background-color: #111 !important; /* Solid Black */
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 15px 40px !important; /* Make it wider */
  font-size: 1rem !important;
  transition: all 0.3s ease;
  margin-top: 10px;
  cursor: pointer !important;
}

/* Hover Effect: Turns Blue and Lifts */
.globo-formbuilder .footer button.submit:hover {
  background-color: var(--rr-brand-primary) !important; 
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(58, 178, 222, 0.3);
}

/* 4. CLEAN UP LABELS */
.globo-formbuilder label.label {
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
  color: var(--rr-brand-primary) !important; /* Make labels Blue to match other forms */
  letter-spacing: 0.5px;
  margin-bottom: 8px !important;
}



/* --- GLOBO FORM: THE PRECISION FIX --- */

/* 1. KILL THE GHOST BORDERS (Fixes the box-in-a-box look) */
/* This removes the default styling from the app's containers */
.globo-formbuilder .form-group,
.globo-formbuilder .wizard-group {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  margin-bottom: 15px !important;
}

/* 2. STYLE THE INPUTS (The only visible box) */
div[class*="globo"] input.form-control, 
div[class*="globo"] textarea.form-control, 
div[class*="globo"] select.form-control {
  background-color: #F9F9F9 !important;
  border: 1px solid #E0E0E0 !important; /* Single clean border */
  border-radius: 8px !important; /* Soft corners */
  padding: 15px !important;
  font-size: 1rem !important;
  color: #333 !important;
  width: 100% !important;
  box-shadow: none !important;
}

/* Focus State */
div[class*="globo"] input.form-control:focus {
  border-color: var(--rr-brand-primary) !important;
  background-color: #fff !important;
}

/* 3. HIDE THE 'PREVIOUS' BUTTON */
/* Removes that extra white button */
div[class*="globo"] button.prev,
div[class*="globo"] .action.prev {
  display: none !important;
}

/* 4. SUBMIT BUTTON (Keep it Black & Bold) */
div[class*="globo"] button.submit {
  width: 100% !important;
  background-color: #111 !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 6px !important;
  padding: 18px !important;
  border: none !important;
  cursor: pointer !important;
  margin-top: 10px !important;
}

div[class*="globo"] button.submit:hover {
  background-color: var(--rr-brand-primary) !important;
  transform: translateY(-2px);
}





/* --- FOOTER CONTACT CONTRAST FIX (Ultimate Specificity) --- */

/* Targets ALL text and links within the footer column block */
.footer-block.grid__item * {
    color: #FFFFFF !important; /* Forces all elements to white */
}