.elementor-4549 .elementor-element.elementor-element-e3b790b{--display:flex;}.elementor-4549 .elementor-element.elementor-element-4fae0b2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-4549 .elementor-element.elementor-element-e3b790b{--content-width:100vw;}}/* Start custom CSS for html, class: .elementor-element-4fae0b2 *//* ============================================
   SUMMIT PHARMACY COLORADO - CONTACT PAGE STYLES
   Standardized Header, Footer & Brand System
   Last Updated: January 2025
   ============================================ */

/* ============================================
   SECTION 1: CSS VARIABLES (Brand Colors)
   ============================================ */

:root {
    --summit-green: #2c4e51 !important;
    --summit-green-dark: #1e3538 !important;
    --summit-green-light: #3a6568 !important;
    --summit-orange: #f79245 !important;
    --summit-orange-dark: #e07d2e !important;
    --summit-orange-light: #ffab6b !important;
    --summit-yellow: #ffd566 !important;
    --summit-tan: #f6ecc9 !important;
    --summit-tan-light: #faf5e0 !important;
    --white: #ffffff !important;
    --off-white: #fdfcf8 !important;
    --light-gray: #e8e6e2 !important;
    --gray: #9a9590 !important;
    --dark-gray: #4a4744 !important;
    --font-display: 'Playfair Display', Georgia, serif !important;
    --font-body: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif !important;
    --font-regular: 400 !important;
    --font-medium: 500 !important;
    --font-semibold: 600 !important;
    --font-bold: 700 !important;
    --font-extrabold: 800 !important;
    --text-xs: 0.75rem !important;
    --text-sm: 0.875rem !important;
    --text-base: 1rem !important;
    --text-lg: 1.125rem !important;
    --text-xl: 1.25rem !important;
    --text-2xl: 1.5rem !important;
    --text-3xl: 1.875rem !important;
    --text-4xl: 2.25rem !important;
    --leading-tight: 1.2 !important;
    --leading-normal: 1.5 !important;
    --leading-relaxed: 1.625 !important;
    --leading-loose: 1.75 !important;
    --transition-fast: 0.15s ease !important;
    --transition-medium: 0.3s ease !important;
    --shadow-sm: 0 1px 2px rgba(44, 78, 81, 0.08) !important;
    --shadow-base: 0 2px 8px rgba(44, 78, 81, 0.1) !important;
    --shadow-md: 0 4px 12px rgba(44, 78, 81, 0.12) !important;
    --shadow-lg: 0 8px 24px rgba(44, 78, 81, 0.15) !important;
    --shadow-xl: 0 12px 32px rgba(44, 78, 81, 0.18) !important;
    --radius-sm: 6px !important;
    --radius-base: 8px !important;
    --radius-md: 12px !important;
    --radius-lg: 16px !important;
    --radius-xl: 20px !important;
}

/* ============================================
   SECTION 2: RESET & BASE STYLES
   ============================================ */

*, *::before, *::after { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; }
html { scroll-behavior: smooth !important; }
body {
    font-family: var(--font-body) !important;
    font-size: var(--text-base) !important;
    line-height: var(--leading-normal) !important;
    color: #2c4e51 !important;
    background-color: #f6ecc9 !important;
    -webkit-font-smoothing: antialiased !important;
}
h1, h2, h3, h4, h5, h6 { font-family: var(--font-display) !important; font-weight: var(--font-bold) !important; line-height: var(--leading-tight) !important; color: #2c4e51 !important; }
h1 { font-size: var(--text-4xl) !important; }
h2 { font-size: var(--text-3xl) !important; }
a { color: #f79245 !important; text-decoration: none !important; transition: color var(--transition-fast) !important; }
a:hover { color: #ffab6b !important; }
img { max-width: 100% !important; height: auto !important; display: block !important; }

/* ============================================
   SECTION 3: ACCESSIBILITY
   ============================================ */

.skip-to-content {
    position: absolute !important; top: -100px !important; left: 50% !important; transform: translateX(-50%) !important;
    background: #f79245 !important; color: #fff !important; padding: 0.75rem 1.5rem !important;
    border-radius: 0 0 8px 8px !important; font-weight: var(--font-bold) !important; z-index: 100000 !important;
    transition: top var(--transition-medium) !important;
}
.skip-to-content:focus { top: 0 !important; }

/* ============================================
   SECTION 4: HEADER STYLES
   ============================================ */

.summit-custom-header {
    background-color: #f6ecc9 !important; padding: 12px 0 !important; width: 100% !important;
    border-bottom: 4px solid #2c4e51 !important; position: relative !important; z-index: 9999 !important;
}
.summit-header-inner {
    max-width: 1200px !important; margin: 0 auto !important; padding: 0 20px !important;
    display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: wrap !important;
}
.summit-header-logo img { height: 60px !important; width: auto !important; display: block !important; transition: transform var(--transition-fast) !important; }
.summit-header-logo a { display: block !important; line-height: 0 !important; text-decoration: none !important; }
.summit-header-logo a:hover img { transform: scale(1.03) !important; }
.summit-header-logo a:focus { outline: 3px solid #f79245 !important; outline-offset: 4px !important; border-radius: 4px !important; }
.summit-header-nav { display: flex !important; gap: 10px !important; align-items: center !important; }
.summit-header-nav .summit-nav-inner { display: flex !important; gap: 10px !important; align-items: center !important; }
.summit-nav-pill {
    background-color: #2c4e51 !important; color: #fff !important; text-decoration: none !important;
    padding: 10px 18px !important; border-radius: var(--radius-base) !important; font-family: var(--font-body) !important;
    font-size: var(--text-sm) !important; font-weight: var(--font-bold) !important; transition: all var(--transition-fast) !important;
    white-space: nowrap !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important;
    justify-content: center !important; border: 2px solid #2c4e51 !important;
}
.summit-nav-pill:hover { background-color: #f79245 !important; border-color: #f79245 !important; color: #fff !important; transform: translateY(-2px) !important; box-shadow: var(--shadow-sm) !important; }
.summit-nav-pill:focus { outline: 3px solid #ffd566 !important; outline-offset: 2px !important; }
.summit-nav-pill.active { background-color: #f79245 !important; border-color: #f79245 !important; color: #fff !important; }
.dropdown-arrow { display: inline-block !important; transition: transform var(--transition-fast) !important; margin-left: 4px !important; }
#summit-patient-toggle:checked ~ .summit-dropdown-trigger .dropdown-arrow,
#summit-submenu-toggle:checked ~ .summit-dropdown-trigger .dropdown-arrow { transform: rotate(180deg) !important; }
.summit-nav-dropdown-group { position: relative !important; display: inline-block !important; padding-bottom: 20px !important; margin-bottom: -20px !important; }
.summit-dropdown-content {
    display: none !important; position: absolute !important; top: 100% !important; right: 0 !important;
    background-color: #fff !important; min-width: 220px !important; box-shadow: var(--shadow-lg) !important;
    border-radius: var(--radius-base) !important; padding: 10px 0 !important; z-index: 1000 !important;
    margin-top: 10px !important; border: 2px solid #2c4e51 !important; animation: dropdownFade 0.2s ease-out !important;
}
@keyframes dropdownFade { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
.summit-dropdown-content::before { content: "" !important; position: absolute !important; bottom: 100% !important; left: 0 !important; width: 100% !important; height: 15px !important; background: transparent !important; }
.summit-nav-dropdown-group:hover .summit-dropdown-content { display: block !important; }
#summit-patient-toggle:checked ~ .summit-dropdown-content,
#summit-submenu-toggle:checked ~ .summit-dropdown-content { display: block !important; }
.summit-dropdown-content a { color: #2c4e51 !important; padding: 12px 20px !important; text-decoration: none !important; display: block !important; font-weight: var(--font-semibold) !important; transition: all var(--transition-fast) !important; font-size: var(--text-sm) !important; }
.summit-dropdown-content a:hover { background-color: #faf5e0 !important; padding-left: 26px !important; }
#summit-nav-toggle, .summit-nav-toggle, #summit-submenu-toggle, #summit-patient-toggle, .summit-submenu-toggle { display: none !important; }
.summit-nav-icon { display: none !important; }

/* ============================================
   SECTION 5: MAIN CONTENT
   ============================================ */

main { max-width: 1000px !important; margin: 0 auto !important; padding: 0 20px 40px !important; background-color: #f6ecc9 !important; }

/* ============================================
   SECTION 6: HERO SECTION
   ============================================ */

.contact-hero { text-align: center !important; padding: 50px 0 60px !important; }
.contact-hero h1 { font-size: var(--text-4xl) !important; margin-bottom: 35px !important; color: #2c4e51 !important; }
.phone-button, .phone-button:link, .phone-button:visited {
    display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 15px !important;
    background: #f79245 !important; color: #fff !important; font-size: var(--text-4xl) !important; font-weight: var(--font-extrabold) !important;
    padding: 22px 45px !important; border-radius: var(--radius-md) !important; border: 4px dashed #2c4e51 !important;
    margin-bottom: 50px !important; transition: all var(--transition-medium) !important; box-shadow: var(--shadow-lg) !important; text-decoration: none !important;
}
.phone-button:hover { background: #e07d2e !important; color: #fff !important; transform: scale(1.03) !important; box-shadow: 0 12px 40px rgba(224, 120, 48, 0.3) !important; }
.phone-icon { width: 36px !important; height: 36px !important; }
.hours-container { margin-bottom: 20px !important; }
.hours-block { margin-bottom: 25px !important; }
.hours-label { display: block !important; font-size: var(--text-xl) !important; font-weight: var(--font-extrabold) !important; color: #2c4e51 !important; margin-bottom: 6px !important; letter-spacing: 1px !important; }
.hours-time { font-family: var(--font-display) !important; font-size: var(--text-3xl) !important; font-weight: var(--font-semibold) !important; color: #2c4e51 !important; }
.hours-block.closed .hours-time { font-size: var(--text-2xl) !important; }

/* ============================================
   SECTION 7: MAP SECTION
   ============================================ */

.map-section { padding: 20px 0 50px !important; }
.map-box { background: #1e3538 !important; border-radius: var(--radius-xl) !important; padding: 45px 40px !important; box-shadow: var(--shadow-xl) !important; text-align: center !important; max-width: 800px !important; margin: 0 auto !important; }
.map-box h2 { font-size: var(--text-2xl) !important; color: #ffd566 !important; margin-bottom: 15px !important; }
.map-intro { font-size: var(--text-base) !important; color: #f6ecc9 !important; max-width: 600px !important; margin: 0 auto 30px !important; line-height: var(--leading-relaxed) !important; opacity: 0.95 !important; }
.map-embed { width: 100% !important; border-radius: var(--radius-lg) !important; overflow: hidden !important; box-shadow: var(--shadow-lg) !important; margin-bottom: 25px !important; }
.map-embed iframe { display: block !important; border-radius: var(--radius-lg) !important; }
.pharmacy-address { font-style: normal !important; font-size: var(--text-base) !important; line-height: var(--leading-loose) !important; text-align: center !important; color: #f6ecc9 !important; margin-bottom: 25px !important; }
.pharmacy-address strong { font-family: var(--font-display) !important; font-size: var(--text-lg) !important; color: #ffd566 !important; display: block !important; margin-bottom: 5px !important; }
.directions-btn, .directions-btn:link, .directions-btn:visited { display: inline-block !important; background: #f79245 !important; color: #fff !important; padding: 14px 32px !important; border-radius: var(--radius-md) !important; font-weight: var(--font-bold) !important; font-size: var(--text-base) !important; transition: all var(--transition-fast) !important; box-shadow: var(--shadow-md) !important; text-decoration: none !important; }
.directions-btn:hover { background: #e07d2e !important; color: #fff !important; transform: translateY(-3px) !important; box-shadow: var(--shadow-lg) !important; }

/* ============================================
   SECTION 8: REVIEWS SECTION
   ============================================ */

.reviews-section { padding: 50px 0 !important; }
.reviews-header { display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: wrap !important; gap: 20px !important; margin-bottom: 35px !important; }
.reviews-header h2 { font-size: var(--text-2xl) !important; color: #2c4e51 !important; }
.overall-rating { text-align: right !important; }
.rating-badge { display: inline-block !important; background: #2c4e51 !important; color: #ffd566 !important; font-size: var(--text-xs) !important; font-weight: var(--font-extrabold) !important; padding: 5px 12px !important; border-radius: var(--radius-sm) !important; margin-bottom: 6px !important; }
.stars { display: flex !important; gap: 2px !important; justify-content: flex-end !important; margin-bottom: 4px !important; }
.star { color: #ffd566 !important; font-size: var(--text-2xl) !important; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important; }
.review-count { font-size: var(--text-sm) !important; color: #9a9590 !important; }
.review-count a { color: #2c4e51 !important; }
.review-count a:hover { color: #f79245 !important; text-decoration: underline !important; }
.reviews-slider { position: relative !important; display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 25px !important; }
.slider-btn { flex-shrink: 0 !important; width: 44px !important; height: 44px !important; background: #f79245 !important; border: none !important; border-radius: 50% !important; font-size: var(--text-2xl) !important; color: #fff !important; cursor: pointer !important; transition: all var(--transition-fast) !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: var(--shadow-md) !important; z-index: 10 !important; }
.slider-btn:hover { background: #e07d2e !important; transform: scale(1.1) !important; }
.reviews-track-wrapper { flex: 1 !important; overflow: hidden !important; position: relative !important; }
.reviews-track { display: flex !important; gap: 20px !important; transition: transform var(--transition-medium) !important; }
.review-card { flex-shrink: 0 !important; width: 280px !important; min-height: 200px !important; background: #fff !important; border: 1px solid #e8e6e2 !important; border-radius: var(--radius-lg) !important; padding: 22px !important; box-shadow: var(--shadow-base) !important; transition: all var(--transition-fast) !important; display: flex !important; flex-direction: column !important; }
.review-card:hover { transform: translateY(-5px) !important; box-shadow: var(--shadow-lg) !important; border-color: #f79245 !important; }
.review-header { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 10px !important; }
.reviewer-name { font-weight: var(--font-bold) !important; font-size: var(--text-base) !important; color: #2c4e51 !important; }
.google-icon { width: 22px !important; height: 22px !important; }
.review-stars { display: flex !important; align-items: center !important; gap: 2px !important; margin-bottom: 12px !important; }
.review-stars .star { font-size: var(--text-base) !important; }
.verified { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 16px !important; height: 16px !important; background: #4285f4 !important; color: white !important; font-size: 0.65rem !important; border-radius: 50% !important; margin-left: 6px !important; }
.review-text { font-size: var(--text-sm) !important; color: #4a4744 !important; line-height: var(--leading-relaxed) !important; font-style: italic !important; flex: 1 !important; }
.view-all-reviews { display: inline-block !important; color: #2c4e51 !important; font-weight: var(--font-bold) !important; font-size: var(--text-base) !important; padding: 8px 0 !important; transition: all var(--transition-fast) !important; }
.view-all-reviews:hover { color: #f79245 !important; transform: translateX(5px) !important; }

/* ============================================
   SECTION 9: COLORADO MOUNTAIN IMAGE DIVIDER
   ============================================ */

.colorado-divider { width: 100% !important; line-height: 0 !important; margin: 0 !important; padding: 0 !important; background-color: #f6ecc9 !important; overflow: hidden !important; }
.colorado-mountains-img { width: 100% !important; height: auto !important; display: block !important; margin: 0 !important; padding: 0 !important; margin-bottom: -4px !important; }

/* ============================================
   SECTION 10: FOOTER STYLES
   ============================================ */

.summit-footer { background-color: #2c4e51 !important; color: #f6ecc9 !important; padding: 2rem 2rem 1.5rem !important; }
.summit-footer-inner { max-width: 1100px !important; margin: 0 auto !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 4rem !important; padding: 0 1rem !important; }
.footer-column { text-align: left !important; }
.footer-column h4 { font-family: var(--font-display) !important; font-size: var(--text-sm) !important; font-weight: var(--font-semibold) !important; color: #ffd566 !important; margin: 0 0 0.6rem 0 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; }
.footer-column p { font-size: var(--text-sm) !important; color: rgba(246, 236, 201, 0.9) !important; margin: 0 0 0.3rem 0 !important; line-height: 1.4 !important; }
.footer-column a { color: #f79245 !important; text-decoration: none !important; }
.footer-column a:hover { color: #ffab6b !important; }
.footer-brand { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; flex-shrink: 0 !important; }
.footer-brand a { display: block !important; line-height: 0 !important; }
.footer-logo { width: 130px !important; height: auto !important; opacity: 0.95 !important; }
.footer-tagline { font-family: var(--font-display) !important; font-style: italic !important; font-weight: var(--font-medium) !important; color: #ffd566 !important; font-size: 0.7rem !important; margin-top: 0.4rem !important; white-space: nowrap !important; }
.footer-column a.footer-directions-btn { display: inline-block !important; background-color: #f79245 !important; color: #fff !important; padding: 0.4rem 0.85rem !important; border-radius: var(--radius-sm) !important; font-size: var(--text-xs) !important; font-weight: var(--font-bold) !important; margin-top: 0.4rem !important; transition: all var(--transition-fast) !important; }
.footer-column a.footer-directions-btn:hover { background-color: #e07d2e !important; box-shadow: var(--shadow-md) !important; transform: translateY(-1px) !important; }
.footer-legal { max-width: 1000px !important; margin: 1.25rem auto 0 !important; text-align: center !important; padding-top: 0.85rem !important; border-top: 1px solid rgba(246, 236, 201, 0.15) !important; }
.footer-legal-links a { font-size: var(--text-sm) !important; font-weight: var(--font-semibold) !important; color: rgba(246, 236, 201, 0.7) !important; }
.footer-legal-links a:hover { color: #f79245 !important; }
.footer-legal-links .separator { margin: 0 0.75rem !important; color: rgba(246, 236, 201, 0.4) !important; }
.footer-copyright { max-width: 1000px !important; margin: 0.75rem auto 0 !important; text-align: center !important; }
.footer-copyright p { font-size: var(--text-xs) !important; color: rgba(246, 236, 201, 0.5) !important; margin: 0 !important; }

/* ============================================
   SECTION 11: MOBILE RESPONSIVE STYLES
   ============================================ */

@media screen and (max-width: 900px) {
    .summit-header-inner { padding: 0 70px 0 15px !important; position: relative !important; min-height: 70px !important; }
    .summit-header-logo img { height: 50px !important; }
    .summit-nav-icon { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; cursor: pointer !important; padding: 10px !important; position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 2147483647 !important; background: #2c4e51 !important; border-radius: var(--radius-base) !important; width: 48px !important; height: 48px !important; border: 2px solid #f79245 !important; }
    .summit-nav-icon:hover { background: #1e3538 !important; }
    .icon-bar { display: block !important; width: 24px !important; height: 3px !important; background-color: #fff !important; transition: all var(--transition-medium) !important; border-radius: 2px !important; position: absolute !important; }
    .icon-bar:nth-child(1) { top: 15px !important; }
    .icon-bar:nth-child(2) { top: 22px !important; }
    .icon-bar:nth-child(3) { top: 29px !important; }
    #summit-nav-toggle:checked ~ .summit-nav-icon .icon-bar:nth-child(1) { top: 22px !important; transform: rotate(45deg) !important; }
    #summit-nav-toggle:checked ~ .summit-nav-icon .icon-bar:nth-child(2) { opacity: 0 !important; transform: translateX(-10px) !important; }
    #summit-nav-toggle:checked ~ .summit-nav-icon .icon-bar:nth-child(3) { top: 22px !important; transform: rotate(-45deg) !important; }
    .summit-header-nav { display: none !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important; background-color: #f6ecc9 !important; z-index: 2147483646 !important; overflow: hidden !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; }
    #summit-nav-toggle:checked ~ .summit-header-nav { display: flex !important; animation: mobileMenuFade 0.3s ease-out forwards !important; }
    @keyframes mobileMenuFade { from { opacity: 0; } to { opacity: 1; } }
    .summit-header-nav .summit-nav-inner { width: 100% !important; height: 100% !important; padding: 80px 24px 60px !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px !important; }
    .summit-nav-pill { display: block !important; width: 100% !important; max-width: 320px !important; text-align: center !important; padding: 0.875rem 1.5rem !important; margin-bottom: 0 !important; font-size: var(--text-base) !important; border-radius: var(--radius-md) !important; box-shadow: var(--shadow-base) !important; }
    .summit-nav-dropdown-group { width: 100% !important; max-width: 320px !important; display: flex !important; flex-direction: column !important; align-items: center !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
    .summit-nav-dropdown-group .summit-dropdown-trigger { width: 100% !important; }
    .summit-nav-dropdown-group:hover .summit-dropdown-content { display: none !important; }
    .summit-dropdown-content { display: none !important; position: static !important; width: 100% !important; box-shadow: none !important; border: 2px solid #2c4e51 !important; background: #fff !important; margin-top: 8px !important; padding: 8px 0 !important; border-radius: var(--radius-md) !important; }
    #summit-patient-toggle:checked ~ .summit-dropdown-content, #summit-submenu-toggle:checked ~ .summit-dropdown-content { display: block !important; animation: dropdownFade 0.2s ease-out !important; }
    .summit-dropdown-content a { display: block !important; padding: 14px 20px !important; text-align: center !important; border-bottom: 1px solid #f6ecc9 !important; }
    .summit-dropdown-content a:last-child { border-bottom: none !important; }
    .summit-dropdown-content a:hover { background-color: #faf5e0 !important; padding-left: 20px !important; }
    .reviews-header { flex-direction: column !important; text-align: center !important; }
    .overall-rating { text-align: center !important; }
    .stars { justify-content: center !important; }
    .summit-footer-inner { flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 1.25rem !important; }
    .footer-column { text-align: center !important; }
    .footer-brand { margin-bottom: 0.25rem !important; }
    .footer-logo { width: 110px !important; }
    .map-box { padding: 35px 25px !important; }
}

@media (max-width: 768px) {
    .contact-hero { padding: 30px 0 50px !important; }
    .contact-hero h1 { font-size: var(--text-3xl) !important; margin-bottom: 25px !important; }
    .phone-button, .phone-button:link, .phone-button:visited { font-size: var(--text-2xl) !important; padding: 18px 25px !important; gap: 10px !important; margin-bottom: 40px !important; }
    .phone-icon { width: 28px !important; height: 28px !important; }
    .hours-label { font-size: var(--text-lg) !important; }
    .hours-time { font-size: var(--text-2xl) !important; }
    .hours-block.closed .hours-time { font-size: var(--text-xl) !important; }
    .map-box h2 { font-size: var(--text-xl) !important; }
    .map-intro { font-size: var(--text-sm) !important; }
    .reviews-header h2 { font-size: var(--text-xl) !important; }
    .slider-btn { width: 38px !important; height: 38px !important; font-size: var(--text-xl) !important; }
    .review-card { width: 260px !important; padding: 18px !important; min-height: 180px !important; }
}

@media (max-width: 600px) {
    .footer-column { text-align: center !important; }
    .footer-logo { width: 110px !important; }
    .footer-tagline { white-space: normal !important; text-align: center !important; font-size: 0.7rem !important; }
}

@media (max-width: 480px) {
    .summit-header-nav .summit-nav-inner { padding: 75px 20px 50px !important; gap: 10px !important; }
    .summit-nav-pill { padding: 0.75rem 1.25rem !important; font-size: var(--text-sm) !important; max-width: 300px !important; }
    .summit-nav-dropdown-group { max-width: 300px !important; }
    .summit-dropdown-content a { padding: 12px 16px !important; font-size: var(--text-sm) !important; }
    .contact-hero h1 { font-size: var(--text-2xl) !important; }
    .phone-button, .phone-button:link, .phone-button:visited { font-size: var(--text-xl) !important; padding: 15px 20px !important; width: 100% !important; max-width: 320px !important; }
    .phone-icon { width: 24px !important; height: 24px !important; }
    .hours-label { font-size: var(--text-base) !important; }
    .hours-time { font-size: var(--text-xl) !important; }
    .hours-block.closed .hours-time { font-size: var(--text-lg) !important; }
    .map-box { padding: 30px 20px !important; border-radius: var(--radius-lg) !important; }
    .map-box h2 { font-size: var(--text-lg) !important; }
    .slider-btn { width: 34px !important; height: 34px !important; font-size: var(--text-lg) !important; }
    .review-card { width: 250px !important; padding: 16px !important; min-height: 170px !important; }
    .reviewer-name { font-size: var(--text-sm) !important; }
    .review-text { font-size: var(--text-sm) !important; }
}

/* ============================================
   SECTION 12: PRINT STYLES
   ============================================ */

@media print {
    .summit-custom-header, .summit-footer, .colorado-divider, .skip-to-content, .reviews-slider, .slider-btn { display: none !important; }
    body { background: #fff !important; }
    .phone-button { border: 2px solid #333 !important; background: #f5f5f5 !important; }
    .map-box { background: #f0f0f0 !important; }
    .map-embed { display: none !important; }
}/* End custom CSS */