.elementor-17 .elementor-element.elementor-element-7f0304c{--display:flex;--position:fixed;--min-height:100vh;--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;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;top:0px;--z-index:999;}.elementor-17 .elementor-element.elementor-element-7f0304c::before, .elementor-17 .elementor-element.elementor-element-7f0304c > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-7f0304c > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-7f0304c > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-7f0304c > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-7f0304c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-7f0304c.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-7f0304c{left:0px;}body.rtl .elementor-17 .elementor-element.elementor-element-7f0304c{right:0px;}.elementor-17 .elementor-element.elementor-element-9121ad6{--display:flex;--min-height:0px;--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;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-a188596{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-17 .elementor-element.elementor-element-a188596.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-a188596 img{width:120%;}.elementor-17 .elementor-element.elementor-element-85ebe33{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-fe175a9 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-fe175a9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-fe175a9.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-fe175a9.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-fe175a9.elementor-view-framed .elementor-icon, .elementor-17 .elementor-element.elementor-element-fe175a9.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-fe175a9 .elementor-icon{font-size:30px;}.elementor-17 .elementor-element.elementor-element-fe175a9 .elementor-icon svg{height:30px;}.elementor-17 .elementor-element.elementor-element-66fd72d{--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;--justify-content:center;--align-items:center;--flex-wrap:wrap;--align-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-66fd72d.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-17 .elementor-element.elementor-element-08c63aa{--grid-template-columns:repeat(1, auto);text-align:center;--icon-size:20px;--grid-column-gap:0px;--grid-row-gap:10px;}.elementor-17 .elementor-element.elementor-element-08c63aa .elementor-social-icon{background-color:#26245D00;}.elementor-17 .elementor-element.elementor-element-08c63aa .elementor-social-icon i{color:#26245D;}.elementor-17 .elementor-element.elementor-element-08c63aa .elementor-social-icon svg{fill:#26245D;}.elementor-17 .elementor-element.elementor-element-339f989{--display:flex;--min-height:100vh;--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 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:200px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-339f989.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-c7d2706{--display:flex;--min-height:100vh;--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;}.elementor-17 .elementor-element.elementor-element-c7d2706:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-c7d2706 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://guanco.ph/wp-content/uploads/2026/01/Stone-Supply.jpg");background-position:center center;background-size:cover;}.elementor-17 .elementor-element.elementor-element-c7d2706.e-con{--align-self:center;}.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-17 .elementor-element.elementor-element-0724baa.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-0724baa{text-align:start;}.elementor-17 .elementor-element.elementor-element-0724baa .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-e7f4522{--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;--justify-content:center;--align-items:center;}.elementor-17 .elementor-element.elementor-element-4167889.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-4167889{text-align:center;}.elementor-17 .elementor-element.elementor-element-4167889 .elementor-heading-title{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-17 .elementor-element.elementor-element-e4ed168{text-align:justify;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#FFFFFF;}.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-17 .elementor-element.elementor-element-213a755 .elementor-button{background-color:#000000;}.elementor-17 .elementor-element.elementor-element-213a755.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-d672cc5{--display:flex;--min-height:100vh;--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;--justify-content:center;--align-items:center;}.elementor-17 .elementor-element.elementor-element-d672cc5:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-d672cc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://guanco.ph/wp-content/uploads/2026/02/ModularCabinet.jpg");background-position:-348px 0px;background-size:cover;}.elementor-17 .elementor-element.elementor-element-d672cc5.e-con{--align-self:center;}.elementor-17 .elementor-element.elementor-element-66d7ecd.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-66d7ecd{text-align:start;}.elementor-17 .elementor-element.elementor-element-66d7ecd .elementor-heading-title{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-5d8243d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17 .elementor-element.elementor-element-c8a679e.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-c8a679e{text-align:center;}.elementor-17 .elementor-element.elementor-element-c8a679e .elementor-heading-title{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-d2a7e88.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-d2a7e88{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-89b8252 .elementor-button{background-color:#000000;}.elementor-17 .elementor-element.elementor-element-89b8252.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-4625615{--display:flex;--min-height:100vh;--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;}.elementor-17 .elementor-element.elementor-element-4625615:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-4625615 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://guanco.ph/wp-content/uploads/2025/12/service_03-1200x800-1.jpg");background-position:-529px 0px;background-size:cover;}.elementor-17 .elementor-element.elementor-element-4625615.e-con{--align-self:center;}.elementor-17 .elementor-element.elementor-element-e6a67f1.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-e6a67f1{text-align:start;}.elementor-17 .elementor-element.elementor-element-e6a67f1 .elementor-heading-title{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-56316be{--display:flex;}.elementor-17 .elementor-element.elementor-element-4c7333f.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-4c7333f{text-align:center;}.elementor-17 .elementor-element.elementor-element-4c7333f .elementor-heading-title{color:#FDFDFD;}.elementor-17 .elementor-element.elementor-element-2178207.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-2178207{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-a2976b9 .elementor-button{background-color:#000000;}.elementor-17 .elementor-element.elementor-element-a2976b9.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-a649370{--display:flex;--min-height:100vh;--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;}.elementor-17 .elementor-element.elementor-element-a649370:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-a649370 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://guanco.ph/wp-content/uploads/2026/02/BuildersSupply.jpg");background-size:cover;}.elementor-17 .elementor-element.elementor-element-a649370.e-con{--align-self:center;}.elementor-17 .elementor-element.elementor-element-ce4efb1.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-ce4efb1{text-align:start;}.elementor-17 .elementor-element.elementor-element-ce4efb1 .elementor-heading-title{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-3b65e8a{--display:flex;}.elementor-17 .elementor-element.elementor-element-e44a1a2.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-e44a1a2{text-align:center;}.elementor-17 .elementor-element.elementor-element-e44a1a2 .elementor-heading-title{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-73e5775.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-73e5775{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-04c0bd2 .elementor-button{background-color:#000000;}.elementor-17 .elementor-element.elementor-element-04c0bd2.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-d891df5{--display:flex;--min-height:100vh;--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;}.elementor-17 .elementor-element.elementor-element-d891df5:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-d891df5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://guanco.ph/wp-content/uploads/2025/12/Designers-Collection.png");}.elementor-17 .elementor-element.elementor-element-d891df5.e-con{--align-self:center;}.elementor-17 .elementor-element.elementor-element-672e42c.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-672e42c{text-align:start;}.elementor-17 .elementor-element.elementor-element-672e42c .elementor-heading-title{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-5dcce72{--display:flex;}.elementor-17 .elementor-element.elementor-element-5dcce72.e-con{--align-self:center;}.elementor-17 .elementor-element.elementor-element-ea4c583.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-ea4c583{text-align:center;}.elementor-17 .elementor-element.elementor-element-ea4c583 .elementor-heading-title{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-70550f8.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-70550f8{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-63b075f .elementor-button{background-color:#000000;}.elementor-17 .elementor-element.elementor-element-63b075f.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-d672cc5:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-d672cc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-17 .elementor-element.elementor-element-4625615:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-4625615 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-7f0304c{--width:200px;}.elementor-17 .elementor-element.elementor-element-339f989{--width:100vw;}}@media(max-width:1024px) and (min-width:768px){.elementor-17 .elementor-element.elementor-element-7f0304c{--width:100px;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-7f0304c{--width:80px;--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;}.elementor-17 .elementor-element.elementor-element-339f989{--width:100vw;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:80px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-d672cc5:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-d672cc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-17 .elementor-element.elementor-element-4625615:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-4625615 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for container, class: .elementor-element-a649370 */.elementor-17 .elementor-element.elementor-element-a649370 {
    background-size: 100% 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d891df5 */.elementor-17 .elementor-element.elementor-element-d891df5 {
    background-size: 100% 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339f989 *//* -------------------------------------- */
/* 0. Wrapper Fix to Prevent Overflow */
/* -------------------------------------- */
.service-accordion-wrapper {
    /* Set the width to VPs width minus the fixed sidebar width (NOW 280px) */
    width: calc(100vw - 200px); 
}


/* -------------------------------------- */
/* 1. Sideways Text Rotation (Applies to the Heading Widget) */
/* -------------------------------------- */
.elementor-17 .elementor-element.elementor-element-339f989 .service-title-text {
    color: #FFFFFF; 
    font-size: 2.5rem;
    font-weight: 700;
    
    /* Rotation settings */
    writing-mode: vertical-rl; 
    text-orientation: mixed;
    transform: rotate(180deg); 
    white-space: nowrap; 
    padding: 20px 0; 
    cursor: pointer;
    transition: opacity 0.3s ease; 
    position: relative; 
    z-index: 2;
}

/* Hide the rotated text when the panel is hovered/open */
.elementor-17 .elementor-element.elementor-element-339f989 .service-panel:hover .service-title-text,
.elementor-17 .elementor-element.elementor-element-339f989 .service-panel-alt:hover .service-title-text {
    opacity: 0;
}

/* -------------------------------------- */
/* 2. Panel Transition & Width (Applies to the Service Panel Container) */
/* -------------------------------------- */
.elementor-17 .elementor-element.elementor-element-339f989 .service-panel {
    /* Base width for 5 panels to ensure they start evenly at 20% each. */
    /* We use a slightly smaller percentage (19.99%) to safeguard against browser rendering errors (e.g., fractional pixels) that could cause a slight overflow when 5 panels of 20% are used. */
    width: 19.99%; /* Default state: 5 panels * 20% = 100% total */
    transition: width 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* REMOVED flex-shrink: 0 - this was preventing panels from shrinking */
    position: relative;
    overflow: hidden; 
    background-size: auto 100%; /* Keep background image at full height, auto width */
    background-position: center; /* Center the background image */
}

.elementor-17 .elementor-element.elementor-element-339f989 .service-panel-alt {
    /* Base width for 5 panels to ensure they start evenly at 20% each. */
    /* We use a slightly smaller percentage (19.99%) to safeguard against browser rendering errors (e.g., fractional pixels) that could cause a slight overflow when 5 panels of 20% are used. */
    width: 19.99%; /* Default state: 5 panels * 20% = 100% total */
    transition: width 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* REMOVED flex-shrink: 0 - this was preventing panels from shrinking */
    position: relative;
    overflow: hidden; 
    background-size: 100% 100%; /* Alternative background sizing for panels 4 and 5 */
    background-position: center; /* Center the background image */
}

/* When ANY panel is hovered, shrink ALL panels to 8% first */
.elementor-17 .elementor-element.elementor-element-339f989 .service-accordion-wrapper:hover .service-panel,
.elementor-17 .elementor-element.elementor-element-339f989 .service-accordion-wrapper:hover .service-panel-alt {
    width: 4%; /* Collapsed width: 4 panels * 8% = 32% */
}

/* State when THIS specific panel is Active (HOVERED) */
.elementor-17 .elementor-element.elementor-element-339f989 .service-panel:hover,
.elementor-17 .elementor-element.elementor-element-339f989 .service-panel-alt:hover {
    /* Expanded state width: We want the active panel to take up 68% of the space. */
    /* This leaves (100% - 68%) = 32% for the four collapsed panels (4 * 8% = 32%). */
    /* Since the default width is now 20% (19.99%), the collapsed width needs adjusting, but sticking to 68% keeps the focus area large. */
    width: 84% !important; /* Expanded state width: 68% - !important overrides the 8% from wrapper hover */
}

/* -------------------------------------- */
/* 3. Overlay */
/* -------------------------------------- */

/* Light overlay on all panels by default to highlight the image */
.elementor-17 .elementor-element.elementor-element-339f989 .service-panel::before,
.elementor-17 .elementor-element.elementor-element-339f989 .service-panel-alt::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); 
    transition: background-color 0.7s;
    z-index: 1; 
}

/* Darken overlay on the HOVERED panel to make text more visible */
.elementor-17 .elementor-element.elementor-element-339f989 .service-panel:hover::before,
.elementor-17 .elementor-element.elementor-element-339f989 .service-panel-alt:hover::before {
    background-color: rgba(0, 0, 0, 0.6); 
}

/* -------------------------------------- */
/* 4. Detailed Content Visibility (Targets the INNER CONTAINER with class .service-content) */
/* -------------------------------------- */

.elementor-17 .elementor-element.elementor-element-339f989 .service-content {
    /* Position the content within the panel */
    position: absolute;
    top: 0;
    right: 0;
    width: 100%; 
    height: 100%;
    z-index: 3; 
    
    /* Layout and Padding for Inner Content */
    display: flex; 
    flex-direction: column;
    justify-content: center; 
    align-items: flex-start;
    padding-left: 100px; 
    
    /* Initial Hidden State (Slide out and fade out) */
    opacity: 0;
    transform: translateX(50px); 
    transition: opacity 0.3s ease, transform 0.3s ease; 
    pointer-events: none; /* Prevent interaction when hidden */
}

/* Show the content when the panel is hovered - waits for panel resize (0.7s) to complete */
.elementor-17 .elementor-element.elementor-element-339f989 .service-panel:hover .service-content,
.elementor-17 .elementor-element.elementor-element-339f989 .service-panel-alt:hover .service-content {
    opacity: 1;
    transform: translateX(0); /* Slide content into view */
    transition: opacity 0.3s ease 0.6s, transform 0.3s ease 0.7s; /* 0.7s delay matches panel transition */
    pointer-events: auto;
}/* End custom CSS */