/** Shopify CDN: Minification failed

Line 252:0 Unexpected "}"

**/
/* === Footer Menu Styling (added manually) === */
.footer__content-bottom-wrapper .footer-menu {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: .5rem;
}

.footer__content-bottom-wrapper .footer-menu__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .25rem .75rem;
  margin: 0;
  padding: 0;
}

.footer__content-bottom-wrapper .footer-menu__item {
  list-style: none;
  display: inline-flex;
  align-items: center;
}

.footer__content-bottom-wrapper .footer-menu__item:not(:last-child)::after {
  content: "·";
  opacity: 0.5;
  margin: 0 .5rem;
}

.footer__content-bottom-wrapper .footer-menu__link,
.footer__content-bottom-wrapper .footer-menu__link:visited {
  color: inherit;
  text-decoration: none;
}

.footer__content-bottom-wrapper .footer-menu__link:hover,
.footer__content-bottom-wrapper .footer-menu__link:focus {
  text-decoration: underline;
}

.r66-contact {background:#f6f4f2;}
.r66-wrap {max-width:720px;margin:0 auto;padding:32px 20px;}
.r66-title {font-size:48px;line-height:1.1;margin:0 0 8px;}
.r66-intro {margin:0 0 24px;font-size:16px;}
.r66-form {margin:0 0 12px;}
.r66-grid {display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:700px){.r66-grid{grid-template-columns:1fr;}}
.r66-field {display:flex;flex-direction:column;gap:6px;margin:0 0 14px;}
.r66-field input,.r66-field textarea{
  width:100%;padding:14px;border:1px solid #cfc9c4;border-radius:8px;background:#fff;
}
.r66-btn{display:inline-block;padding:12px 18px;border:none;border-radius:10px;
  background:#1e2a23;color:#fff;font-weight:600;cursor:pointer}
.r66-btn:hover{opacity:.9}
.r66-success{background:#e7f6ed;border:1px solid #bfe6cf;border-radius:8px;padding:12px 14px;margin:0 0 14px}
.r66-errors{background:#fdecea;border:1px solid #f5c2be;border-radius:8px;padding:12px 14px;margin:0 0 14px}
.r66-help{font-size:14px;color:#3a3a3a}
.r66-help a{text-decoration:underline}
.r66-hp{position:absolute;left:-9999px;height:0;width:0;opacity:0}


/* Beehiiv newsletter block */
.beehiiv-wrap{background:#f0f8ff;padding:32px 0 32px;margin:0;}
.beehiiv-container{max-width:1100px;margin:0 auto;padding:0 16px;text-align:center;}

/* Force the Beehiiv iframe to behave */
.beehiiv-wrap .beehiiv-embed,
.beehiiv-wrap iframe[src*="beehiiv"]{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  min-height:240px;              /* ensure content shows on mobile */
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  display:block;
}

/* Tight, even spacing with footer */
.beehiiv-wrap + footer{padding-top:20px;margin-top:0;border-top:0;}

/* Mobile polish */
@media (max-width:749px){
  .beehiiv-wrap{padding:20px 0 36px;}
  .beehiiv-container{max-width:none;padding:0 14px;}
  .beehiiv-wrap .beehiiv-embed,
  .beehiiv-wrap iframe[src*="beehiiv"]{min-height:200px;}
}
/* Ensure full form visibility on mobile */
.beehiiv-wrap .beehiiv-embed,
.beehiiv-wrap iframe[src*="beehiiv"] {
  height: 420px !important;   /* slightly taller to prevent cutoff */
}

@media (max-width: 749px) {
  .beehiiv-wrap .beehiiv-embed,
  .beehiiv-wrap iframe[src*="beehiiv"] {
    height: 600px !important; /* ensures bottom of form shows fully */
  }
}
.ugc-placeholder { margin-top:32px; padding:16px; border-top:1px solid #e6e6e6; }
.ugc-placeholder h3 { font-size:1.25rem; margin-bottom:8px; }
.ugc-content p { margin:4px 0; }

.collection-search-bar input[type="search"] {
  font-family: inherit;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 6px;
  padding: 12px 16px;
  font-size: 16px;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  display: block;
}

.footer-designed-by {
  text-align: center;
  font-size: 14px;
  color: var(--color-foreground, #ffffff);
  margin-top: 1.5rem;
  opacity: 0.7;
}

.footer-designed-by a {
  color: inherit;
  text-decoration: underline;
}

.footer-designed-by a:hover {
  text-decoration: none;
  opacity: 0.9;
}

.designed-by-wrap {
  text-align: center;
  padding: 20px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.designed-by-text {
  font-size: 15px;
  color: #333;
  margin-bottom: 8px;
  line-height: 1.4;
}

.heart {
  color: red;
  font-size: 16px;
  vertical-align: middle;
}

.designed-logo-wrap {
  display: flex;
  justify-content: center;
}

.designed-logo {
  height: 48px;
  max-width: 160px;
}


.heart {
  color: red;
  font-size: 16px;
}

.designed-logo-wrap {
  display: flex;
  justify-content: center;
}

.designed-logo {
  height: 50px;
  max-width: 100%;
}

/* ===== About Us Page Formatting ===== */
.template-page--about-us {
  max-width: 100%;
}

/* Paragraphs and lists: readable left alignment */
.template-page--about-us p,
.template-page--about-us li {
  text-align: left;
  max-width: 800px;
  margin: 0 auto 1.25rem auto;
  line-height: 1.7;
}

/* Headings: keep centered for visual rhythm */
.template-page--about-us h1,
.template-page--about-us h2,
.template-page--about-us h3 {
  text-align: center;
  margin-bottom: 1rem;
}

/* Bullet lists: align neatly with paragraphs */
.template-page--about-us ul {
  list-style-position: inside;
  padding-left: 0;
  max-width: 800px;
  margin: 0 auto 1.25rem auto;
}

/* Add a little breathing room at the bottom */
.template-page--about-us p:last-of-type {
  margin-bottom: 2rem;
}

/* ===== Route 66 Everytown Collection Tagline (Hover Only) (We Love You Murphy)===== */
a#HeaderMenu-route-66-everytown-collection {
  display: inline-block;
  text-align: center;
  line-height: 1.2;
  position: relative;
}

/* Hide tagline by default */
a#HeaderMenu-route-66-everytown-collection::after {
  content: "Every Town. Every Story. 300+ Unique Designs.";
  display: block;
  font-size: 12px;
  font-style: italic;
  color: rgba(0,0,0,0.6);
  letter-spacing: 0.2px;
  margin-top: 2px;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Reveal on hover */
a#HeaderMenu-route-66-everytown-collection:hover::after {
  opacity: 1;
  transform: translateY(0);
}

}

/* Optional hover highlight */
a#HeaderMenu-route-66-everytown-collection:hover::after {
  color: var(--color-foreground, #000);
}

/* Free Shipping Popup in the Cart */
.cart-message{
  text-align:center;
  font-weight:600;
  background:#f4f8ff;
  color:#0b2a52;
  padding:8px 10px;
  margin-top:12px;
  border-radius:6px;
}

.cart-fs{ text-align:center; font-weight:600; background:#f4f8ff; color:#0b2a52;
  padding:8px 10px; margin-top:12px; border-radius:6px; }
.cart-fs--ok{ background:#eefaf1; color:#125c2e; }


.cart-fs-progress{
  text-align:center;
  font-weight:600;
  background:#f4f8ff;
  color:#0b2a52;
  padding:8px 10px;
  margin-top:12px;
  border-radius:6px;
}
.cart-fs-success{ background:#eefaf1; color:#125c2e; }

/* Ensure cart CTAs are visible */
#main-cart-footer:not(.is-empty) .cart__ctas{
  display:flex !important;
  justify-content:flex-end;
  gap:12px;
}
/* TEMP: force header drawer visible to confirm markup exists */
header-drawer { display: block !important; }


/* --- Route 66 Policy Page Styles --- */

/* Route 66 road divider: fully reset + custom */
.hotmr-contact-card hr.road-divider {
  all: unset;                     /* wipe default <hr> styles */
  display: block;
  width: 260px;                   /* fixed width road */
  height: 32px;
  margin: 1.75rem auto 1.5rem auto;
  position: relative;
}

/* Road strip */
.hotmr-contact-card hr.road-divider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 8px;
  transform: translateY(-50%);
  background: linear-gradient(
    to right,
    #c4c4c4 0,
    #c4c4c4 42%,
    transparent 42%,
    transparent 58%,
    #c4c4c4 58%,
    #c4c4c4 100%
  );
  border-radius: 999px;
}

/* Route 66 shield in the gap */
.hotmr-contact-card hr.road-divider::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
  background-image: url("/cdn/shop/files/route66-icon.svg?v=1762811898");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}


/* Custom List Icons */
.themed-list {
/* ... your styles ... */
  list-style: none;
  padding-left: 0;
}
.rte .themed-list li { /* We've added .rte in front */
  padding-left: 35px;
  background-image: url('/cdn/shop/files/route66-icon.svg?v=1762811898');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 25px;
  margin-bottom: 15px;
}
.themed-list li p {
    margin: 0;
}

/* Animated Headings on Policy Page */
/* This targets H3s only within your policy content */
.policy-content h3 {
  transition: transform 0.3s ease-in-out, color 0.3s ease;
}
.policy-content h3:hover {
  transform: translateX(10px);
  color: #d35400; /* A nice, thematic rusty orange */
}

/* Animated Headings on Hover */
h3 {
  transition: transform 0.3s ease-in-out, color 0.3s ease;
}

h3:hover {
  transform: translateX(10px); /* Moves it 10px to the right */
  color: #d35400; /* Example: Change color to a rusty orange on hover */
}
/* --- Privacy Policy List Icons --- */

.rte .privacy-list {
  list-style: none;
  padding-left: 0;
}

.rte .privacy-list li {
  padding-left: 35px; /* Adjust if your new icon is wider */
  
  /* PASTE YOUR NEW ICON URL HERE */
  background-image: url('/cdn/shop/files/route66-icon.svg?v=1762811898'); 
  
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 25px; /* Adjust size if needed */
  margin-bottom: 15px;
}

.rte .privacy-list li p {
  margin: 0;
}

/* --- Shipping Policy List Icons --- */

.rte .shipping-list {
  list-style: none;
  padding-left: 0;
}

.rte .shipping-list li {
  padding-left: 40px; /* Increased slightly for a wider truck icon, adjust as needed */
  
  /* IMPORTANT: Paste your new shipping icon URL below! */
  background-image: url('URL_FOR_YOUR_NEW_SHIPPING_ICON.svg'); 
  
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px; /* A bit larger for a truck icon, adjust as needed */
  margin-bottom: 15px;
}

.rte .shipping-list li p {
  margin: 0;
}

/* Style for the Route 66 Shield and its container */

.route66-divider {
  text-align: center; 
  /* This creates a clean, controlled gap for the shield (30px top and bottom) */
  padding:  0; 
  margin: 0;
}

.route66-shield {
  display: block; 
  margin: 0 auto; /* Centers the image */
  max-width: 150px; /* Adjust this to control the final size of the shield */
  height: auto;
}

/* New CSS for Internal Shield Placement */

/* Wrapper for the internal shield, using page-width to align with text */
.route66-divider-placement {
  text-align: center;
  padding: 1px 0; /* Add desired spacing above/below the shield */
}

/* Internal Shield Styling */
.route66-shield-internal {
  display: block; 
  margin: 0 auto; 
  max-width: 150px; 
  height: auto;
}


/* Base card layout */
.hotmr-contact-card {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.75;
  color: #222;
  max-width: 800px;
  margin: 0 auto 3.5rem !important;
  padding: 2.25rem 2rem;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 3px 18px rgba(0,0,0,0.08);
  font-size: 1.2rem !important; /* ↑ roughly 20–22% larger */
}

.hotmr-contact-card {
  position: relative;
  animation: hotmr-fade-up 420ms ease-out 60ms both;
}

/* gradient shadow beneath card */
.hotmr-contact-card::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: -18px;
  height: 22px;
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.14), transparent 70%);
  z-index: -1;
}

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

/* Title */
.hotmr-contact-title {
  font-size: 1.9rem !important;
  font-weight: 700;
  margin-bottom: 1rem;
}

/* Rows */
.hotmr-contact-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.85rem;
}

/* Labels */
.hotmr-contact-label {
  flex: 0 0 170px;
  font-weight: 600;
  color: #111;
}

/* Values */
.hotmr-contact-value {
  flex: 1;
}

/* Links */
.hotmr-contact-card a {
  color: #1a73e8;
  text-decoration: none;
}
.hotmr-contact-card a:hover {
  text-decoration: underline;
}

/* Privacy list: keep bullets for policies */
.hotmr-privacy-list {
  list-style: disc;
  margin-left: 1.4rem;
}
.hotmr-privacy-list li {
  margin: 0.15rem 0;
}

/* Social icons layout */
.hotmr-social-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-top: 0.75rem;
  align-items: center;
}

/* Link frame for each icon */
.hotmr-icon-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  text-decoration: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

/* The SVG inside */
.hotmr-social-img {
  width: 22px;
  height: 22px;
  display: block;
}

/* Hover interaction */
.hotmr-icon-link:hover {
  transform: translateY(-1px) scale(1.05);
}

/* A) Flat monochrome: just the icon */
.hotmr-social--flat .hotmr-icon-link {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

/* B) Outline: subtle ring around icon */
.hotmr-social--outline .hotmr-icon-link {
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

.hotmr-social--outline .hotmr-icon-link:hover {
  border-color: #1a73e8;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10);
}

/* C) Circle background: filled pill */
.hotmr-social--circle .hotmr-icon-link {
  background-color: #1a73e8;
  border: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

.hotmr-social--circle .hotmr-icon-link:hover {
  background-color: #1558b0;
}

/* D) Route 66 shield accent with a bit more breathing room */
.hotmr-social--shield {
  position: relative;
  padding-left: 4.75rem;
}

.hotmr-social--shield::before {
  content: "";
  position: absolute;
  left: 0.25rem;
  top: 50%;
  width: 34px;
  height: 34px;
  transform: translateY(-50%);
  background-image: url("/cdn/shop/files/route66-icon.svg?v=1762811898");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* tiny extra gap after the shield, via first icon */
.hotmr-social--shield .hotmr-icon-link:first-of-type {
  margin-left: 0.25rem;
}

/* Retro black/white treatment for the social set */
.hotmr-social--retro .hotmr-icon-link {
  background-color: #111;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}

/* convert existing colored SVGs to white-on-black */
.hotmr-social--retro .hotmr-social-img {
  filter: brightness(0) invert(1) grayscale(1);
}

/* Mobile: tighten up shield layout */
@media (max-width: 640px) {
  .hotmr-social--shield {
    padding-left: 0;
  }

  .hotmr-social--shield::before {
    position: static;
    display: block;
    margin: 0 0 0.75rem;
    transform: none;
  }
}

/* Retro black/white: grayscale logos with a subtle outline */
.hotmr-social--retro .hotmr-icon-link {
  background-color: #ffffff;                 /* white badge */
  border: 2px solid #111;                    /* retro black outline */
  box-shadow: 0 2px 6px rgba(0,0,0,0.18);
}

/* make the logos grayscale but still visible */
.hotmr-social--retro .hotmr-social-img {
  filter: grayscale(1);                      /* no invert, no brightness */
}

/* Center and style the road divider inside the contact card */
.hotmr-contact-card .road-divider {
  display: block;
  width: 70%;
  margin: 1.75rem auto 1.5rem auto;
}

/* Fix Shopify RTE adding <p> around hr */
.hotmr-contact-card p > .road-divider {
  margin: 1.75rem auto 1.5rem auto !important;
  display: block !important;
}

/* Align “Looking for:” nicely under the divider */
.hotmr-looking-title {
  margin-top: 0.25rem;
  margin-bottom: 0.35rem;
  font-weight: 600;
}

/* Policies list spacing */
.hotmr-privacy-list {
  list-style: disc;
  margin-left: 1.4rem;
  margin-top: 0.25rem;
}