.elementor-666 .elementor-element.elementor-element-02a5d8f{--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 0px;--row-gap:0px;--column-gap:0px;--padding-top:-2px;--padding-bottom:-2px;--padding-left:-2px;--padding-right:-2px;}.elementor-666 .elementor-element.elementor-element-af93bc4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -22px) 0px;padding:-3px -3px -3px -3px;}.elementor-666 .elementor-element.elementor-element-928f076{--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;}body.elementor-page-666:not(.elementor-motion-effects-element-type-background), body.elementor-page-666 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #4A0A00 0%, #E00606 100%);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-666 .elementor-element.elementor-element-02a5d8f{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-af93bc4 *//* ============================================
   ZEN TEA WIDGET - FULLY RESPONSIVE
   WITH BRANCH HYPERLINKS
   ============================================ */

/* RESET & BASE */
.zt-widget {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background-color: #fefaf5;
    color: #2e241f;
    scroll-behavior: smooth;
    width: 100%;
    max-width: 100%;
    overflow-x: visible;
}

/* Circle container method */
.logo-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;  /* This hides corners to create circle */
    display: block;
}

.logo-img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    object-fit: cover;     /* Crops rectangle to square */
    object-position: center; /* Centers the crop */
    aspect-ratio: 1 / 1;   /* Forces square aspect ratio */
}

/* Optional hover effect */
.logo-circle:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

.lang-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-1px);
}

.lang-icon {
    font-size: 1.1rem;
}

.lang-arrow {
    font-size: 0.7rem;
    transition: transform 0.3s ease;
}

/* Active state for arrow */
.language-switch.active .lang-arrow {
    transform: rotate(180deg);
}

/* Dropdown Menu */
.lang-dropdown {
    position: absolute;
    top: 110%;
    right: 0;
    min-width: 140px;
    background: white;
    border-radius: 1rem;
    border: 1px solid #ebd5c4;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1001;
}

/* Show dropdown */
.language-switch.active .lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Language Options */
.lang-option {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    text-decoration: none;
    color: #2e241f;
    font-size: 0.85rem;
    transition: all 0.2s ease;
    border-bottom: 1px solid #f0e6dc;
}

.lang-option:last-child {
    border-bottom: none;
}

.lang-option:hover {
    background: #fefaf5;
}

.lang-option.active {
    background: #f5ede4;
    color: #c47d4e;
    font-weight: 600;
}

.lang-flag {
    font-size: 1.1rem;
}

/* ========= STICKY NAVIGATION ========= */
.zt-sticky-nav {
    position: sticky;
    top: 0;
    width: 100%;
    background: rgba(255, 248, 24, 0.03);
    backdrop-filter: blur(16px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    z-index: 1000;
    border-bottom: 1px solid #ecd9c6;
}

.zt-nav-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0.8rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.zt-logo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.zt-logo-icon {
    font-size: 2rem;
}

.zt-logo-text h2 {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
    background: linear-gradient(135deg, #b95f2c, #6a3e1a);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.zt-logo-text span {
    font-size: 0.65rem;
    font-weight: 400;
    color: #b56a3a;
    display: block;
    margin-top: -4px;
}

.zt-nav-links {
    display: flex;
    gap: 2rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.zt-nav-links li {
    margin: 0;
    padding: 0;
}

.zt-nav-links a {
    text-decoration: none;
    font-weight: 600;
    color: #4a2e22;
    transition: 0.2s;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 0;
}

.zt-nav-links a:hover {
    color: #c05a2a;
}

/* Mobile menu toggle */
.zt-menu-toggle {
    display: none;
    font-size: 1.8rem;
    cursor: pointer;
    color: #4a2e22;
    background: none;
    border: none;
}

/* ========= HERO SECTION ========= */
.zt-hero {
    background: linear-gradient(105deg, #fff3e8 0%, #fae9dd 100%);
    padding: 3rem 2rem;
    text-align: center;
    border-bottom: 1px solid #eedbcb;
}

.zt-hero-icon {
    font-size: 3rem;
    margin-bottom: 0.5rem;
}

.zt-hero-content h3 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    color: #3f2a1c;
}

.zt-hero-content p {
    font-size: 1rem;
    max-width: 600px;
    margin: 0 auto;
    color: #6d4c34;
}

/* ========= GENERAL SECTION ========= */
.zt-section {
    scroll-margin-top: 80px;
}

.zt-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 3rem 2rem;
}

.zt-title {
    font-size: 20px;
    font-weight: 600;
    border-left: 6px solid #d4915f;
    padding-left: 1.2rem;
    margin-bottom: 2rem;
    color: #38271c;
    display: flex;
    align-items: center;
    gap: 10px;
}

.zt-title-icon {
    font-size: 2rem;
}

/* ========= GRID SYSTEM ========= */
.zt-grid {
    display: grid;
    gap: 2rem;
}

.zt-grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

/* ========= CARDS ========= */
.zt-card, .zt-pastry-card, .zt-branch-card {
background: linear-gradient(1deg, white, white);
    border-radius: 24px;

    padding: 1.6rem;
    text-align: center;
    border: 1px solid #f3e5db;
    transition: transform 0.25s, box-shadow 0.25s;
}

.zt-card:hover, .zt-pastry-card:hover, .zt-branch-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 30px -12px rgba(110, 60, 26, 0.12);
}

.zt-card-icon, .zt-pastry-icon, .zt-branch-icon {
    font-size: 2.5rem;
    margin-bottom: 0.8rem;
}

.zt-card h4, .zt-pastry-card h4, .zt-branch-card h4 {
    font-size: 1.3rem;
    margin: 0 0 0.5rem 0;
    color: #4e3222;
}

.zt-card p, .zt-pastry-card p, .zt-branch-card p {
    color: #7f624b;
    line-height: 1.4;
    font-size: 0.9rem;
    margin: 0;
}

.zt-badge {
    margin-top: 1rem;
    background: #f4e2d4;
    display: inline-block;
    padding: 0.25rem 1rem;
    border-radius: 30px;
    font-size: 0.7rem;
    font-weight: 600;
    color: #a55321;
}


.zt-badge1 {
    margin-top: 1rem;
    background: #f4e2d4;
    display: inline-block;
    padding: 0.25rem 1rem;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 800;
    color: #a55321;
}





/* ========= BRANCH CARD SPECIFIC ========= */
.zt-hours {
    font-size: 0.7rem;
    margin-top: 0.7rem;
    font-weight: 500;
    color: #a35f32;
}

.zt-tag {
    margin-top: 0.8rem;
    font-size: 0.75rem;
    color: #b86835;
    font-weight: 500;
}

/* BRANCH HYPERLINK BUTTON */
.zt-branch-link {
    display: inline-block;
    margin-top: 1rem;
    padding: 0.5rem 1.2rem;
    background: #f4e2d4;
    color: #b55b2a;
    text-decoration: none;
    border-radius: 40px;
    font-size: 0.8rem;
    font-weight: 600;
    transition: all 0.2s ease;
    border: 1px solid #e6cfbf;
}

.zt-branch-link:hover {
    background: #e6cfbf;
    color: #8b3e12;
    transform: translateX(3px);
}

/* ========= READY MATE CARD ========= */
.zt-mate-card {
    background: #f5ede5;
    border-radius: 2rem;
    padding: 2rem;
    text-align: center;
    border: 2px solid #e6cfbf;
}

.zt-mate-icon {
    font-size: 3rem;
    margin-bottom: 0.5rem;
}

.zt-mate-card h3 {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 0.8rem 0;
    color: #aa5f32;
}

.zt-mate-card p {
    max-width: 700px;
    margin: 0.5rem auto;
    color: #5a3e2c;
    line-height: 1.5;
}

.zt-mate-highlight {
    font-weight: 600;
    color: #b85c2a;
}

/* ========= BUTTON ========= */
.zt-btn {
    display: inline-block;
    background: transparent;
    border: 2px solid #ca895b;
    color: #b55b2a;
    padding: 0.6rem 1.8rem;
    border-radius: 40px;
    font-weight: 600;
    margin-top: 1.2rem;
    text-decoration: none;
    transition: 0.2s;
    cursor: pointer;
}

.zt-btn:hover {
    background: #ca895b20;
}

/* ========= PASTRY BG ========= */
.zt-pastry-bg {
    background: #FFF9F4;
    border-radius: 48px;
}

/* ========= NOTE ========= */
.zt-note {
    text-align: center;
    margin-top: 2rem;
    background: #f9ede2;
    padding: 1rem;
    border-radius: 60px;
    font-size: 0.9rem;
}

/* Footer Container */
.zt-footerr {
    max-width: 100%;
    margin: 0 auto 2rem auto;
    background: white;
    border-radius: 3rem;
    padding: 1rem;
    text-align: center;
    border: 1px solid #ebd5c4;
    font-size: 0.85rem;
    transition: all 0.3s ease;
}

/* Call Button */
.btn-callh {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: red;
    color: white;
    text-decoration: none;
    padding: 0.6rem 1.2rem;
    border-radius: 2rem;
    font-weight: 600;
    transition: all 0.3s ease;
    margin: 0 0.25rem;
}

/* Button Hover Effect */
.btn-callh:hover {
    background: #4a3a32;
        color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Icon inside button */
.btn-callh .icon {
    width: 1.2rem;
    height: 1.2rem;
    stroke: white;
}

/* Strong tag styling */
.zt-footerr strong {
    display: inline-block;
    margin-right: 0.5rem;
}

/* Main Footer - Styled as a contact strip */
.zt-footerr {
    max-width: 100%;
    margin: 0 auto 0 auto;  /* Remove bottom margin, sits at bottom */
    background: white;
    border-radius: 3rem 3rem 0 0;  /* Rounded only on top corners */
    padding: 1rem;
    text-align: center;
    border: 1px solid #ebd5c4;
    border-bottom: none;  /* Remove bottom border since it's at bottom */
    font-size: 0.85rem;
    
    /* Position at bottom */
    position: relative;
    bottom: 0;
    width: 100%;
}

/* Fix for mobile bottom rounding */
@media (max-width: 768px) {
    .zt-footerr {
        border-radius: 1.5rem 1.5rem 0 0;
        padding: 0.75rem;
        font-size: 0.75rem;
    }
}

/* Call Button Styling */
.btn-callh {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: red;
    color: white !important;
    text-decoration: none;
    padding: 0.5rem 1.2rem;
    border-radius: 2rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

/* Button Hover Effect */
.btn-callh:hover {
    background: #4a3a32;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Button Icon */
.btn-callh .icon {
    width: 1rem;
    height: 1rem;
    stroke: white;
}

/* Strong tag styling */
.zt-footerr strong {
    display: inline-flex;
    align-items: center;
    margin-right: 0.75rem;
}

/* Responsive - Stack on mobile */
@media (max-width: 768px) {
    .zt-footerr strong {
        display: block;
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
    
    .btn-callh {
        display: inline-flex;
        justify-content: center;
    }
}

/* ============================================
   RESPONSIVE BREAKPOINTS
   ============================================ */

/* TABLET (768px - 1023px) */
@media (max-width: 1023px) and (min-width: 768px) {
    .zt-grid-4 {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    .zt-title {
        font-size: 1.8rem;
    }
    
    .zt-hero-content h3 {
        font-size: 1.8rem;
    }
    
    .zt-container {
        padding: 2.5rem 1.8rem;
    }
    
    .zt-nav-links {
        gap: 1.2rem;
    }
    
    .zt-nav-links a {
        font-size: 0.85rem;
    }
}

/* MOBILE (up to 767px) */
@media (max-width: 767px) {
    /* Navigation becomes hamburger */
    .zt-nav-links {
        display: none;
        flex-direction: column;
        width: 100%;
        background: rgba(255, 248, 240, 0.98);
        padding: 1rem;
        border-radius: 16px;
        margin-top: 0.5rem;
    }
    
    .zt-nav-links.zt-active {
        display: flex;
    }
    
    .zt-nav-container {
        flex-wrap: wrap;
        padding: 0.8rem 1rem;
    }
    
    .zt-menu-toggle {
        display: block;
    }
    
    .zt-nav-links li {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #ecd9c6;
    }
    
    .zt-nav-links li:last-child {
        border-bottom: none;
    }
    
    .zt-nav-links a {
        justify-content: center;
        padding: 12px 0;
    }
    
    /* Grid becomes single column on mobile */
    .zt-grid-4 {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }
    
    /* Hero adjustments */
    .zt-hero {
        padding: 2rem 1rem;
    }
    
    .zt-hero-content h3 {
        font-size: 1.5rem;
    }
    
    .zt-hero-content p {
        font-size: 0.9rem;
    }
    
    /* Section spacing */
    .zt-container {
        padding: 2rem 1.2rem;
    }
    
    .zt-title {
        font-size: 1.5rem;
        padding-left: 0.8rem;
    }
    
    .zt-title-icon {
        font-size: 1.5rem;
    }
    
    /* Cards padding */
    .zt-card, .zt-pastry-card, .zt-branch-card {
        padding: 1.2rem;
    }
    
    .zt-card h4, .zt-pastry-card h4, .zt-branch-card h4 {
        font-size: 1.2rem;
    }
    
    /* Ready mate card */
    .zt-mate-card {
        padding: 1.5rem;
    }
    
    .zt-mate-card h3 {
        font-size: 1.3rem;
    }
    
    .zt-mate-card p {
        font-size: 0.85rem;
    }
    
    /* Branch link button */
    .zt-branch-link {
        padding: 0.4rem 1rem;
        font-size: 0.75rem;
    }
    
    /* Branch hours & tags */
    .zt-hours, .zt-tag {
        font-size: 0.7rem;
    }
    
    .zt-note {
        font-size: 0.8rem;
        padding: 0.8rem;
    }
    
    /* Contact strip */
    .zt-contact {
        margin: 0 1rem 1.5rem 1rem;
        font-size: 0.75rem;
    }
    
    /* Button */
    .zt-btn {
        padding: 0.5rem 1.2rem;
        font-size: 0.85rem;
    }
}

/* SMALL MOBILE (up to 480px) */
@media (max-width: 480px) {
    .zt-logo-icon {
        font-size: 1.5rem;
    }
    
    .zt-logo-text h2 {
        font-size: 1.2rem;
    }
    
    .zt-logo-text span {
        font-size: 0.55rem;
    }
    
    .zt-hero-icon {
        font-size: 2rem;
    }
    
    .zt-hero-content h3 {
        font-size: 1.3rem;
    }
    
    .zt-title {
        font-size: 1.3rem;
    }
    
    .zt-mate-card h3 {
        font-size: 1.1rem;
    }
}

/* LARGE DESKTOP (1200px+) */
@media (min-width: 1200px) {
    .zt-container {
        max-width: 1200px;
    }
    
    .zt-grid-4 {
        gap: 2rem;
    }
}

/* Circular clickable image container */
.circular-image {
    display: inline-block;
}

.image-link {
    display: inline-block;
    text-decoration: none;
    line-height: 0;
}

.image-circle {
    width: 100px;        /* Adjust size as needed */
    height: 100px;       /* Must be equal to width for perfect circle */
    border-radius: 50%;
    overflow: hidden;    /* Creates the circle */
    display: block;
    transition: all 0.3s ease;
}

/* Hover effect */
.image-circle:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.circle-img {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* Ensures image fills circle properly */
    object-position: center;
    display: block;
}







/* Circular TEA image container */
.circular-image1 {
    display: inline-block;
}

.image1-link {
    display: inline-block;
    text-decoration: none;
    line-height: 0;
}

.image1-circle {
    width: 40px;        /* Adjust size as needed */
    height: 40px;       /* Must be equal to width for perfect circle */
    border-radius: 50%;
    overflow: hidden;    /* Creates the circle */
    display: block;
    transition: all 0.3s ease;
}

/* Hover effect */
.image1-circle:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.circle-img1 {
    width: 40px;
    height: 40px;
    object-fit: cover;   /* Ensures image fills circle properly */
    object-position: center;
    display: block;
}













/* Circular TEA image container */
.circular-image2 {
    display: inline-block;
}

.image2-link {
    display: inline-block;
    text-decoration: none;
    line-height: 0;
}

.image2-circle {
    width: 100px;        /* Adjust size as needed */
    height: 100px;       /* Must be equal to width for perfect circle */
    border-radius: 50%;
    overflow: hidden;    /* Creates the circle */
    display: block;
    transition: all 0.3s ease;
}

/* Hover effect */
.image2-circle:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.circle-img2 {
    width: 100px;
    height: 100px;
    object-fit: cover;   /* Ensures image fills circle properly */
    object-position: center;
    display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c7ae4e *//* ==============================================
   BOTTOM STICKY BAR - MAIN STYLES
   ============================================== */

/* Main Container */
.bottom-sticky-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: linear-gradient(135deg, #1a2a3a 0%, #0f1a24 100%);
    backdrop-filter: blur(8px);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    transition: transform 0.4s ease;
    transform: translateY(0);
    box-shadow: 0 -5px 20px rgba(0,0,0,0.2);
}

/* Inner Container */
.bottom-sticky-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

/* Left Message */
.sticky-message h4 {
    color: #fff;
    margin: 0 0 5px 0;
    font-size: 1rem;
    font-weight: 600;
}

.sticky-message p {
    color: #cbd5e1;
    margin: 0;
    font-size: 0.85rem;
}

/* Right Buttons Container */
.sticky-buttons {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

/* Base Button Styles */
.btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
}

.btn .icon {
    width: 18px;
    height: 18px;
}

/* Call Button */
.btn-call {
    background: #2dd4bf;
    color: #0f172a;
}

.btn-call:hover {
    background: #14b8a6;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(45,212,191,0.3);
}

/* WhatsApp Button */
.btn-wa {
    background: #25D366;
    color: #fff;
}

.btn-wa:hover {
    background: #20b859;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(37,211,102,0.3);
}

/* Quote Button */
.btn-quote {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.3);
    color: #fff;
}

.btn-quote:hover {
    background: rgba(255,255,255,0.2);
    transform: translateY(-2px);
}

/* Close Button */
.btn-close {
    background: rgba(0,0,0,0.5);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border: none;
    transition: 0.3s;
}

.btn-close:hover {
    background: rgba(220,38,38,0.8);
    transform: scale(1.05);
}

/* ==============================================
   RESPONSIVE DESIGN
   ============================================== */

/* Tablet */
@media (max-width: 768px) {
    .bottom-sticky-container {
        padding: 10px 15px;
    }
    
    .btn {
        padding: 8px 18px;
        font-size: 0.85rem;
    }
}

/* Mobile */
@media (max-width: 640px) {
    .bottom-sticky-container {
        flex-direction: column;
        text-align: center;
        padding: 10px 15px;
        position: relative;
    }
    
    .sticky-message {
        padding-right: 35px;
    }
    
    .sticky-buttons {
        justify-content: center;
    }
    
    .btn-close {
        position: absolute;
        top: -12px;
        right: 10px;
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .btn span {
        display: none;
    }
    
    .btn {
        padding: 10px 14px;
    }
    
    .btn .icon {
        width: 20px;
        height: 20px;
        margin: 0;
    }
    
    .sticky-message h4 {
        font-size: 0.9rem;
    }
    
    .sticky-message p {
        font-size: 0.75rem;
    }
}

/* ==============================================
   ANIMATIONS
   ============================================== */

@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.bottom-sticky-bar {
    animation: slideUp 0.5s ease-out;
}

/* ==============================================
   FIXES FOR CONTENT OVERLAP
   ============================================== */

body {
    margin-bottom: 0;
}

html {
    scroll-behavior: smooth;
    scroll-padding-bottom: 80px;
}/* End custom CSS */
/* Start custom CSS */.page-id-666 header { display: none; }
.page-id-666 footer { display: none; }/* End custom CSS */