.elementor-4023 .elementor-element.elementor-element-880654c{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.9;--padding-top:100px;--padding-bottom:100px;--padding-left:5%;--padding-right:5%;}.elementor-4023 .elementor-element.elementor-element-880654c:not(.elementor-motion-effects-element-type-background), .elementor-4023 .elementor-element.elementor-element-880654c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050505;background-image:url("https://fastcleanmobile.com/wp-content/uploads/2026/01/mobile-detailing-watsonville-ca-fast-clean.webp");background-position:center center;background-size:cover;}.elementor-4023 .elementor-element.elementor-element-880654c::before, .elementor-4023 .elementor-element.elementor-element-880654c > .elementor-background-video-container::before, .elementor-4023 .elementor-element.elementor-element-880654c > .e-con-inner > .elementor-background-video-container::before, .elementor-4023 .elementor-element.elementor-element-880654c > .elementor-background-slideshow::before, .elementor-4023 .elementor-element.elementor-element-880654c > .e-con-inner > .elementor-background-slideshow::before, .elementor-4023 .elementor-element.elementor-element-880654c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #050505 0%, #05050599 100%);}.elementor-4023 .elementor-element.elementor-element-a69cf8d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4023 .elementor-element.elementor-element-4268f4d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-4023 .elementor-element.elementor-element-4268f4d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;color:#D32F2D;}.elementor-4023 .elementor-element.elementor-element-d7cb0c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;}.elementor-4023 .elementor-element.elementor-element-d7cb0c6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:4rem;font-weight:900;text-transform:uppercase;line-height:1.1em;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4023 .elementor-element.elementor-element-dd44b89{width:var( --container-widget-width, 600px );max-width:600px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;--container-widget-width:600px;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:1.2rem;font-weight:400;color:#CCCCCC;}.elementor-4023 .elementor-element.elementor-element-dd44b89 p{margin-block-end:0px;}.elementor-4023 .elementor-element.elementor-element-ae2898f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:100px 0px;--row-gap:100px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:5%;--padding-right:5%;}.elementor-4023 .elementor-element.elementor-element-ae2898f:not(.elementor-motion-effects-element-type-background), .elementor-4023 .elementor-element.elementor-element-ae2898f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050505;}.elementor-4023 .elementor-element.elementor-element-6e4477a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4023 .elementor-element.elementor-element-c057de2{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4023 .elementor-element.elementor-element-e2bcce9{background-color:#1A1A1A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:5px 12px 5px 12px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#333333;border-radius:20px 20px 20px 20px;text-align:start;font-family:"Inter", Sans-serif;font-size:0.8rem;font-weight:700;text-transform:uppercase;line-height:1.6em;letter-spacing:1px;color:var( --e-global-color-ff9fa56 );}.elementor-4023 .elementor-element.elementor-element-e2bcce9.elementor-element{--align-self:flex-start;}.elementor-4023 .elementor-element.elementor-element-e2bcce9 p{margin-block-end:0px;}.elementor-4023 .elementor-element.elementor-element-c8dde1d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-4023 .elementor-element.elementor-element-c8dde1d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2rem;font-weight:700;text-transform:uppercase;line-height:1.6em;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-4023 .elementor-element.elementor-element-e5b6459{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:1.6em;color:#888888;}.elementor-4023 .elementor-element.elementor-element-e5b6459 p{margin-block-end:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4023 .elementor-element.elementor-element-0335d45 .elementor-button{background-color:var( --e-global-color-ff9fa56 );font-family:"Montserrat", Sans-serif;font-size:0.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 4px 20px 0px rgba(211, 47.000000000000014, 44.99999999999999, 0.3);border-style:none;border-radius:4px 4px 4px 4px;padding:14px 28px 14px 28px;}.elementor-4023 .elementor-element.elementor-element-0335d45 .elementor-button:hover, .elementor-4023 .elementor-element.elementor-element-0335d45 .elementor-button:focus{background-color:#9A1E1C;}.elementor-4023 .elementor-element.elementor-element-0335d45:hover{--e-transform-translateX:0px;--e-transform-translateY:-2px;}.elementor-4023 .elementor-element.elementor-element-0335d45{--e-transform-transition-duration:300ms;}.elementor-4023 .elementor-element.elementor-element-0261e1c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4023 .elementor-element.elementor-element-6fb0ae4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 050px;--row-gap:0px;--column-gap:050px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4023 .elementor-element.elementor-element-f54f1d4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4023 .elementor-element.elementor-element-a9815bc{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4023 .elementor-element.elementor-element-b9c5bf0{background-color:#1A1A1A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:5px 12px 5px 12px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#333333;border-radius:20px 20px 20px 20px;text-align:start;font-family:"Inter", Sans-serif;font-size:0.8rem;font-weight:700;text-transform:uppercase;line-height:1.6em;letter-spacing:1px;color:var( --e-global-color-ff9fa56 );}.elementor-4023 .elementor-element.elementor-element-b9c5bf0.elementor-element{--align-self:flex-start;}.elementor-4023 .elementor-element.elementor-element-b9c5bf0 p{margin-block-end:0px;}.elementor-4023 .elementor-element.elementor-element-a044160{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-4023 .elementor-element.elementor-element-a044160 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2rem;font-weight:700;text-transform:uppercase;line-height:1.6em;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-4023 .elementor-element.elementor-element-ac9b9ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:1.6em;color:#888888;}.elementor-4023 .elementor-element.elementor-element-ac9b9ed p{margin-block-end:0px;}.elementor-4023 .elementor-element.elementor-element-f1848c7 .elementor-button{background-color:var( --e-global-color-ff9fa56 );font-family:"Montserrat", Sans-serif;font-size:0.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 4px 20px 0px rgba(211, 47.000000000000014, 44.99999999999999, 0.3);border-style:none;border-radius:4px 4px 4px 4px;padding:14px 28px 14px 28px;}.elementor-4023 .elementor-element.elementor-element-f1848c7 .elementor-button:hover, .elementor-4023 .elementor-element.elementor-element-f1848c7 .elementor-button:focus{background-color:#9A1E1C;}.elementor-4023 .elementor-element.elementor-element-f1848c7:hover{--e-transform-translateX:0px;--e-transform-translateY:-2px;}.elementor-4023 .elementor-element.elementor-element-f1848c7{--e-transform-transition-duration:300ms;}.elementor-4023 .elementor-element.elementor-element-c41f0d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:5%;--padding-right:5%;}.elementor-4023 .elementor-element.elementor-element-c41f0d8:not(.elementor-motion-effects-element-type-background), .elementor-4023 .elementor-element.elementor-element-c41f0d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}.elementor-4023 .elementor-element.elementor-element-8d67f3c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;text-align:center;}.elementor-4023 .elementor-element.elementor-element-8d67f3c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.5em;font-weight:700;text-transform:uppercase;line-height:1.6em;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-4023 .elementor-element.elementor-element-8e04278{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:5%;--padding-right:5%;}.elementor-4023 .elementor-element.elementor-element-8e04278:not(.elementor-motion-effects-element-type-background), .elementor-4023 .elementor-element.elementor-element-8e04278 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-4023 .elementor-element.elementor-element-8fed65a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-4023 .elementor-element.elementor-element-8fed65a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.5em;font-weight:700;text-transform:uppercase;line-height:1.6em;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-4023 .elementor-element.elementor-element-0554d8c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:1.6em;color:#888888;}.elementor-4023 .elementor-element.elementor-element-0554d8c p{margin-block-end:0px;}.elementor-4023 .elementor-element.elementor-element-4e4a867 .elementor-button{background-color:var( --e-global-color-ff9fa56 );font-family:"Montserrat", Sans-serif;font-size:0.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 4px 20px 0px rgba(211, 47.000000000000014, 44.99999999999999, 0.3);border-style:none;border-radius:4px 4px 4px 4px;padding:14px 28px 14px 28px;}.elementor-4023 .elementor-element.elementor-element-4e4a867 .elementor-button:hover, .elementor-4023 .elementor-element.elementor-element-4e4a867 .elementor-button:focus{background-color:#9A1E1C;}.elementor-4023 .elementor-element.elementor-element-4e4a867:hover{--e-transform-translateX:0px;--e-transform-translateY:-2px;}.elementor-4023 .elementor-element.elementor-element-4e4a867{--e-transform-transition-duration:300ms;}@media(min-width:768px){.elementor-4023 .elementor-element.elementor-element-880654c{--content-width:1200px;}.elementor-4023 .elementor-element.elementor-element-a69cf8d{--width:800px;}.elementor-4023 .elementor-element.elementor-element-ae2898f{--content-width:1200px;}}/* Start custom CSS for html, class: .elementor-element-8cef293 *//* --- BUTTONS --- */
.gallery-nav { 
    display: flex; 
    justify-content: center; 
    gap: 15px; 
    margin-bottom: 50px; 
    flex-wrap: wrap; 
}

.g-filter {
    background: transparent; 
    border: 1px solid #333; 
    color: #888; 
    padding: 10px 25px;
    border-radius: 50px; 
    cursor: pointer; 
    transition: 0.3s; 
    font-weight: 600; 
    font-size: 0.9rem;
    font-family: 'Inter', sans-serif;
}

.g-filter:hover, .g-filter.active { 
    background: #d32f2d; 
    color: white; 
    border-color: #d32f2d; 
}

/* --- MASONRY GRID (DESKTOP DEFAULT) --- */
.masonry-grid {
    column-count: 3; 
    column-gap: 25px; /* Added slightly more gap for breathing room */
}

/* --- IMAGE ITEM --- */
.g-item {
    break-inside: avoid; /* Prevents image from getting cut in half */
    margin-bottom: 25px; 
    position: relative; 
    border-radius: 8px; 
    overflow: hidden;
    transition: opacity 0.4s ease, transform 0.3s ease; 
    cursor: pointer;
    border: 1px solid #222;
    /* FIX FOR CHROME/SAFARI GLITCHES: */
    display: inline-block; 
    width: 100%;
}

.g-item:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 10px 30px rgba(211, 47, 45, 0.15); 
    border-color: #d32f2d;
}

.g-item img { 
    width: 100%; 
    display: block; 
    transition: 0.5s;
    height: auto; /* Ensures aspect ratio stays perfect */
}

.g-item:hover img {
    transform: scale(1.05);
}

/* --- OVERLAY --- */
.g-overlay {
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    background: linear-gradient(0deg, rgba(0,0,0,0.95), transparent);
    padding: 20px; 
    opacity: 0; 
    transition: 0.3s;
}

.g-item:hover .g-overlay { 
    opacity: 1; 
}

.g-title { 
    font-family: 'Montserrat', sans-serif;
    font-weight: 700; 
    color: white; 
    margin-bottom: 5px; 
    font-size: 1.1rem;
}

.g-cat { 
    color: #d32f2d; 
    font-size: 0.8rem; 
    text-transform: uppercase; 
    font-weight: 700; 
    letter-spacing: 1px;
}

/* --- RESPONSIVE BREAKPOINTS (THE FIX) --- */

/* 1. TABLET MODE (max-width: 1024px) */
/* This handles iPads and smaller laptops */
@media (max-width: 1024px) {
    .masonry-grid { 
        column-count: 2; /* Switch to 2 columns */
        column-gap: 20px;
    }
}

/* 2. MOBILE MODE (max-width: 600px) */
/* This handles all phones */
@media (max-width: 600px) {
    .masonry-grid { 
        column-count: 1; /* Switch to single column */
    }
    .g-filter {
        padding: 8px 16px;
        font-size: 0.8rem;
        margin-bottom: 5px; /* Adds space if buttons wrap */
    }
    .gallery-nav {
        gap: 8px; /* Tighter gap for buttons on mobile */
    }
}/* End custom CSS */