@charset "utf-8";

/*..............embedded fonts..............*/
/*  */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/*..............embedded fonts..............*/
/*..............custom fonts..............*/
@font-face {
    font-family: 'PP Neue Montreal';
    src: url('../webfonts/PPNeueMontreal-Medium.eot');
    src: url('../webfonts/PPNeueMontreal-Medium.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/PPNeueMontreal-Medium.woff2') format('woff2'),
        url('../webfonts/PPNeueMontreal-Medium.woff') format('woff'),
        url('../webfonts/PPNeueMontreal-Medium.ttf') format('truetype'),
        url('../webfonts/PPNeueMontreal-Medium.svg#PPNeueMontreal-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/*..............custom fonts..............*/


:root {
    /* General Transitions */
    --transition-common: all 0.4s ease;

    /* Colors */
    --color-accent: #CC8E07;

    --color-primary: #737373;
    --color-secondary: #222222;

    --color-tertiary: #31B7E0; /* 3rd */
    --color-quaternary: #0B0000; /* 4th */
    --color-quinary: #231F20; /* 5th */

    /* --color-senary: #284495; 
    --color-octonary: #284495;
    --color-nonary: #284495; 
    --color-denary: #284495;  */
    --color-white: #fff;
    --color-black: #000;

    /* Font Settings */
    --ff-base: "Lato", sans-serif;
    --ff-title:'PP Neue Montreal';
    --ff-awesome: "Font Awesome 6 Free";
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;

    /* Font Sizes */
    --f-size-XXL:clamp(2rem, 1.5714rem + 1.1905vw, 3rem); /* 42px-30px */
    --f-size-XL: clamp(1.75rem, 1.4286rem + 0.8929vw, 2.5rem); /* 40px-28px */
    --f-size-L: clamp(1.25rem, 0.8984rem + 0.9766vw, 1.875rem);/* 30px-20px */
    --f-size-M: clamp(1.19rem, 0.80rem + 0.658vw, 1.5rem); /* 24px-20px */
    --f-size-S: clamp(1.1rem, 1.098rem + 0.152vw, 1.25rem);/*20px-18px*/
    --f-size-SS: clamp(1rem, 0.9712rem + 0.1282vw, 1.125rem);;/*18px-16px*/
    --f-size-Body: clamp(0.875rem, 0.8047rem + 0.1953vw, 1rem);/*16px-15px*/
    --f-size-ES:clamp(0.8125rem, 0.7837rem + 0.1282vw, 0.9375rem);;

    /* Layout Adjustments */
    --margin-title: 0 0 20px 0;
    --margin-paragraph: 0 0 20px 0;
    --gap-50:50px;
    --gap-40:40px;
    --gap-30:30px;

    --border-radius-image: 10px;
    --padding-height: clamp(3.125rem, 2.0703rem + 2.9297vw, 5rem);

    --btn-gradient: linear-gradient(90deg, #AF5CFD 0.53%, #349CD7 100%);

    /* Form Styling */
    --form-height: 50px;
    --form-font-color: #777;
    --form-placeholder-color: #999999;
    --form-border-radious: 8px;
    --form-holder-bg: #f3f3f3;
}
  

/*..............common styles..............*/
html { overflow-x: hidden; }
body { margin: 0; padding: 0; font-family: var(--ff-base); font-size:var(--f-size-Body);/*18px-16px*/ font-weight: var(--fw-regular); color:var(--color-primary);overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { margin: var(--margin-title); padding:0; font-family: var(--ff-title); font-weight: var(--fw-medium); line-height: 1.2; color: var(--color-secondary);}

h1{ font-size: var(--f-size-XXL);  } 
h2{ font-size: var(--f-size-XL); } 
h3{ font-size: var(--f-size-L);}
h4{ font-size: var(--f-size-M);/* 24px-19px */}
h5{ font-size: var(--f-size-S);/*20px-17px*/}
h6{ font-size: var(--f-size-Body);/*18px-16px*/}

p { margin: var(--margin-paragraph); line-height: 1.4; }
p:last-child { margin-bottom: 0; }
:is(h1, h2, h3, h4, h5, h6):last-child { margin-bottom: 0; }
p strong { font-weight: 600; }

img{ max-width: 100%; user-select: none; -webkit-user-drag: none; }
figure { margin: 0; }
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: var(--color-accent); outline: none; text-decoration: none; transition:var(--transition-common);}
a:hover{ text-decoration:none;}
ul{ padding: 0; margin: 0; list-style: none;}

/* Utility Classes */
.padding-common { padding: var(--padding-height) 0; }
.background-cover { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; }
.overlay-content { position: relative; z-index: 3; }
.responsive-image-wrapper { position: relative; overflow: hidden; }
.responsive-image-wrapper img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sub-title { color: var(--color-accent); text-transform: uppercase; font-size: var(--f-size-ES); margin-bottom: 10px;}

.padding-32{ padding: 32px;}
.padding-24{ padding: 24px;}
.padding-20{ padding: 20px;}
.padding-16{ padding: 16px;}
.mb-32{ margin-bottom: 32px;}
.mb-20{ margin-bottom: 20px;}
.gap-8{ gap: 8px;}
.gap-12{ gap: 12px;}
.gap-16{ gap: 16px;}
.row-gap-24{ row-gap: 16px;}
.border-common{ border: 1px solid #E5E5E5;}
.border-bottom-common{ border-bottom: 1px solid #E5E5E5;}
.border-radius-12{ border-radius: 12px;}
.fade-bg{ background: #FBF4EB;}
.light-bg{ background: #FAFAFA;}
.banner-badge{ font-size: var(--f-size-ES); color: #A3A3A3; margin-bottom: 15px;}
.banner-badge .icon { width: 25px; height: 25px; background: #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.banner-badge .icon img { display: block; max-width: 60%; filter: brightness(0); }
.deep-bg{ background: var(--color-quaternary);}

.link-border-box a { background-image: linear-gradient(#cf303000 95%, #d6644b 0, #d6644b); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; }
.link-border-box a:hover{ background-position-x: right; background-position-y: bottom; background-size: 100% 100%;}
.link-border-box.white-border-box a {  background-image: linear-gradient(#cf303000 95%, #ffffff 0, #ffffff); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; }
.link-border-box.white-border-box a:hover{ background-position-x: right; background-position-y: bottom; background-size: 100% 100%;}
.section-badge { display: inline-block; position: relative; z-index: 1; margin-bottom: 20px; padding: 10px 14px 10px 30px; background: #FFFFEF; border: 1px solid #FFE9B9; border-radius: 50px; line-height: 1; color: var(--color-accent); font-size: 14px; text-transform: uppercase; }
.section-badge::before{ content: ""; width: 8px; height: 8px; background: var(--color-accent); border-radius: 50%; position: absolute; top: 50%; left: 14px; transform: translateY(-50%); animation:zoom-dot 2s ease-in-out infinite; }
.section-title{ margin-bottom: 35px;}

@media only screen and (min-width: 1600px) {
  .container{ max-width: 1440px;}
}

.custom-header{ height: 95px;}
.custom-header img{ height: 100%; object-fit: cover;}
.custom-btn, a.custom-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: #31B7E0; border: 1px solid #31B7E0; border-radius: 5px; padding: 14px 18px; color: #fff; font-size: var(--f-size-Body); font-weight: var(--fw-medium); line-height: 1; text-transform: capitalize; transition: var(--transition-common); }
.custom-btn img, a.custom-btn img{ display: block; width: auto; height: 18px; flex: 0 0 auto; filter: brightness(0) invert(1);}
.custom-btn:hover, a.custom-btn:hover{ background: var(--color-accent); border-color: var(--color-accent);}

.custom-btn.custom-btn-1, a.custom-btn.custom-btn-1{ background: #FF9B31; border-color: #FF9B31;}
.custom-btn.custom-btn-1:hover, a.custom-btn.custom-btn-1:hover{ background: var(--color-accent); border-color: var(--color-accent);}

.custom-btn.custom-btn-outline, a.custom-btn.custom-btn-outline { background: transparent; border-color: var(--color-white); }
.custom-btn.custom-btn-outline:hover, a.custom-btn.custom-btn-outline:hover {background: #FF9B31; border-color: #FF9B31;}

a.custom-btn.custom-btn-white, .custom-btn.custom-btn-white { background: #fff; color: #000000;border-color: var(--color-white); }
a.custom-btn.custom-btn-white:hover, .custom-btn.custom-btn-white:hover{ background: var(--color-accent); border-color: var(--color-accent);}
a.custom-btn.custom-btn-white img, .custom-btn.custom-btn-white img{ filter: brightness(0);}

a.custom-btn.custom-btn-white-border, .custom-btn.custom-btn-white-border{ background: transparent; color: #ffffff; border-color: var(--color-white);}
a.custom-btn.custom-btn-white-border:hover, .custom-btn.custom-btn-white-border:hover{ background: var(--color-white); color: var(--color-black);}
a.custom-btn.custom-btn-white-border:hover img, .custom-btn.custom-btn-white-border:hover img{ filter: brightness(0);}


button.custom-btn.custom-btn-color-outline { background: transparent; border-color: #31B7E0; color: #31B7E0; }
button.custom-btn.custom-btn-color-outline:hover{ background: #31B7E0; color: var(--color-white);}


.landing-hero-section { min-height: calc(100svh - 200px); }
.landing-hero-section .banner-bg{ position: absolute; z-index: 1; inset: 0;}
.landing-hero-section .banner-bg::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(260deg, rgba(255, 255, 255, 0) -0.6%, rgba(255, 255, 255, 0.9) 93.8%); }
.landing-hero-section .banner-bg img{ width: 100%; height: 100%; object-fit: cover;}
.landing-hero-section .banner-info{ max-width: 45%;}
.landing-hero-section .banner-info h1{ color: #121212;}
.landing-hero-section .banner-info p{ color: #444444;}
.banner-info .button-row{ margin-bottom: var(--gap-30); gap: 12px;}

.landing-hero-section .feature-list{ gap: 20px;}
.landing-hero-section .feature-item{ color: #121212; position: relative; padding-left: 22px;}
.landing-hero-section .feature-item::before { content: ""; background: url(../images/tick.png); background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; width: 16px; height: 16px; position: absolute; z-index: 1; top: 50%; left: 0; transform: translateY(-50%); }


.landing-counter-section{ min-height: 105px; padding: 15px 0;}
.landing-counter-section .stat { flex: 1; text-align: center; padding: 0 30px; position: relative; }
.landing-counter-section .stat:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 56px; width: 1px; background: #404040; }
.landing-counter-section .stat .number { color: #ffffff; font-size: var(--f-size-L); font-family: var(--ff-title); margin-bottom: 5px; letter-spacing: 0.5px; }
.landing-counter-section .stat .label { color: #A3A3A3; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; }


.landing-why-temoshowcase .section-title{ max-width: 630px; }
.temo-showcase-card { padding: 32px; box-shadow: 2px 2px 24px 0px #0000001F; background-color: #fff; background-image: url(../images/temo-showcase-card-bg.png); background-position: center !important; background-size: 0 !important; background-repeat: no-repeat !important; transition: var(--transition-common);}
.temo-showcase-card .temo-showcase-card-img{ width: 48px; height: 48px; flex: 0 0 auto; background: var(--color-black); margin-bottom: 16px; transition: var(--transition-common);}
.temo-showcase-card .temo-showcase-card-img img{ transition: var(--transition-common); filter: brightness(0) invert(1);}
.temo-showcase-card .card-content-row{ flex: 1;}
.temo-showcase-card .info{ flex: 0 0 auto; margin-bottom: 25px;}
.temo-showcase-card h4{ color: var(--color-black); transition: var(--transition-common);}
.temo-showcase-card .info p{ color: #333333; font-size: 16px; transition: var(--transition-common);}
.temo-showcase-card .button-row{ margin-top: auto;}
a.more-btn, .more-btn{ display: inline-flex; align-items: center; gap: 8px; font-size: 16px; position: relative; transition: var(--transition-common); color: var(--color-black);}
a.more-btn::after, .more-btn::after{ content: ""; background: url(../images/right-arrow.svg); background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; width: 12px; height: 10px; transition: var(--transition-common);}
a.more-btn:hover::after, .more-btn:hover::after{ transform: translateX(2px);}
.temo-showcase-card:hover{ background-color: #27ADD6; background-size: cover !important;}
.temo-showcase-card:hover h4, .temo-showcase-card:hover .info p, .temo-showcase-card:hover  a{ color: var(--color-white);}
.temo-showcase-card:hover .temo-showcase-card-img{ background: var(--color-white);}
.temo-showcase-card:hover .temo-showcase-card-img img{ filter: inherit;}
.temo-showcase-card:hover a.more-btn, .temo-showcase-card:hover .more-btn{  color: var(--color-white);}
.temo-showcase-card:hover a.more-btn::after, .temo-showcase-card:hover .more-btn::after{ filter: brightness(0) invert(1);}




.set-up-steps-section { background: #FCFAF5; }
.set-up-steps-section .section-title { max-width: 650px; }
.set-up-steps-section h2{ color: #222222;}

.set-up-steps-section .row{ position: relative; isolation: isolate;}
.set-up-steps-section .row::after { content: ""; width: 50%; height: 1px; background: #D4D4D4; position: absolute; z-index: -1; top: 30px; right: 0; left: 0; margin: 0 auto; }
.step-card-box .step-number { width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; background: #FFFBF5; box-shadow: 0px 10px 15px -3px #0000001A; border-radius: 50%; margin: 0 auto 25px; color: #31B7E0; font-weight: var(--fw-bold); }
.step-card-box .step-icon { background: #31B7E0; width: 65px; height: 65px; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
.step-card-box h4{ color: var(--color-black); margin-bottom: 15px;}

.set-up-steps-section .steps-cta{ margin-top: var(--gap-50);}

.landing-product-section .top-row{ margin-bottom: 25px;}

.landing-product-card { background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 12px; overflow: hidden;}
.landing-product-card .product-image { position: relative; padding-bottom: 46%; flex: 0 0 auto;}
.landing-product-card .product-image img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.landing-product-card .product-info{ padding: 24px; flex: 1;}
.landing-product-card .info{ margin-bottom: 25px; flex: 0 0 auto;}
.landing-product-card .product-info h5{ margin-bottom: 10px;}
.landing-product-card .bottom-row{ margin-top: auto;}
.landing-product-card .bottom-row .bottom-left-info{ color: #A3A3A3; font-size: 14px;}
a.more-btn.more-btn-accent{ color: var(--color-tertiary);}
a.more-btn.more-btn-accent::after{ background: url(../images/right-arrow-color.png);}



.lading-testimonials-section { background: #F3EEE4; }
.testimonials-eyebrow { color: #f5a94e; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; text-align: center; margin-bottom: 12px; }
.lading-testimonial-slider .testimonial-card { display: flex; flex-direction: column; background: #ffffff; border: 1px solid #E5E5E5; border-radius: 12px; padding: 30px; height: 100%; }
.lading-testimonial-slider .testimonial-stars { color: #F0AC17; font-size: 15px; letter-spacing: 2px; margin-bottom: 16px; }
.lading-testimonial-slider .testimonial-stars .star-empty { color: #e3ddd3; }
.lading-testimonial-slider .testimonial-quote { color: #525252; font-style: italic; margin-bottom: 22px; }
.lading-testimonial-slider .testimonial-author { display: flex; align-items: center; gap: 12px; }
.lading-testimonial-slider .author-avatar { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; font-weight: 700; font-size: 15px; flex-shrink: 0; }
.avatar-purple { background: #8b7cd8; }
.avatar-orange { background: #eab148; }
.avatar-red { background: #e6685f; }
.lading-testimonial-slider .testimonial-author { display: flex; align-items: center; gap: 12px; margin-top: auto; padding-top: 16px; border-top: 1px solid #F5F5F5; }
.lading-testimonial-slider .author-name { color: var(--color-black); font-size: var(--f-size-ES); font-weight: 700; margin-bottom: 2px; }
.lading-testimonial-slider .author-company { color: #A3A3A3; font-size: 12px; }
.lading-testimonial-slider .slick-slide{ margin: 0 15px; height: inherit;}
.lading-testimonial-slider .slick-list{ margin: 0 -15px; }
.lading-testimonial-slider .slick-track{ display: flex;}




.landing-badge-bar { background: #31B7E0; padding: 55px 0; }
.landing-badge-bar .badge-left { gap: 20px; }
.landing-badge-bar .badge-icon { width: 55px; height: 55px; background: #ffffff; border: 1px solid #FFE9B9; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}

.landing-badge-bar .badge-desc h5{ margin-bottom: 10px;}
.landing-badge-bar .badge-desc *{ color: var(--color-white);}
.landing-badge-bar .badge-features { gap: 30px; }

.badge-feature { text-align: center; max-width: calc(30% - 30px*3/4); color: #ffffff; }
.landing-badge-bar .icon { width: auto; height: 25px; margin-bottom: 16px; }
.landing-badge-bar .icon img{ width: auto; height: 100%;}
.badge-feature-label { font-size: 14px; }

.landing-cta-section { background: url(../images/landing-cta.jpg); background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; overflow: hidden; position: relative;}
.landing-cta-section::after{ content: ""; background: linear-gradient(180deg, #311100 0%, #4B1C02 100%); position: absolute; z-index: 1; inset: 0; opacity: 0.5;}
.landing-cta-section .cta-content { max-width: 640px; margin: 0 auto; position: relative; }
.landing-cta-section .cta-content h2{ color: var(--color-white);}
.landing-cta-section p{ color: var(--color-white);}
.landing-cta-section .cta-buttons { gap: 14px; margin-bottom: 20px; }
.landing-faq-section { background: #FAFAFA;}
.landing-faq-section .landing-faq-accordion { max-width: 770px; border: 1px solid #E5E5E5; border-bottom: 0; border-radius: 8px; overflow: hidden;}
.landing-faq-section .landing-faq-accordion .accordion-item { border: none; border-bottom: 1px solid #E5E5E5; background: transparent; }
.landing-faq-section .landing-faq-accordion .accordion-button { background: var(--color-white); padding: 20px 22px; box-shadow: none; color: var(--color-black); font-size: var(--f-size-Body);}
.landing-faq-section .landing-faq-accordion .accordion-button:not(.collapsed) { background: #FBF4EB;  box-shadow: none; }
.landing-faq-section .landing-faq-accordion .accordion-button:focus { box-shadow: none; }
.landing-faq-section .landing-faq-accordion .accordion-button::after { width: 14px; height: 14px; background-size: 14px; }
.landing-faq-section .landing-faq-accordion .accordion-body { background: #FBF4EB; padding: 0 22px 20px; color: #737373; font-size: var(--f-size-ES);}


.landing-inner-banner-section .banner-bg { z-index: 1; inset: 0; }
.landing-inner-banner-section .banner-bg img{ width: 100%; height: 100%; object-fit: cover;}
.landing-inner-banner-section .banner-bg::after{ content: ""; background: linear-gradient(99.94deg, rgba(12, 31, 32, 0.6) 4.88%, rgba(12, 31, 32, 0.1) 49.79%, rgba(12, 31, 32, 0.7) 96.92%); position: absolute; z-index: 1; inset: 0;
}
.landing-inner-banner-section .banner-info{ max-width: 45%;}
.landing-inner-banner-section .banner-info h1, .landing-inner-banner-section .banner-info p{ color: var(--color-white);}




.lading-breadcrumb-bar { background: #FAFAFA; border-bottom: 1px solid #E5E5E5; padding: 15px 0; }
.lading-breadcrumb-bar .breadcrumb-nav { display: flex; align-items: center; gap: 8px; font-size: var(--f-size-ES); }
.lading-breadcrumb-bar .breadcrumb-nav a { color: #A3A3A3; text-decoration: none; }
.lading-breadcrumb-bar .breadcrumb-nav a:hover { color: var(--color-tertiary); }
.lading-breadcrumb-bar .breadcrumb-separator { color: #C2C2C2; font-size: var(--f-size-ES); }
.lading-breadcrumb-bar .breadcrumb-current { color: var(--color-black); font-weight: 600; }

.landing-sidebar{ padding-left: 10%;}
.landing-sidebar-card { background: #FAFAFA; padding: 24px; border: 1px solid #E5E5E5; border-radius: 12px; }
.landing-sidebar-card:not(:last-child){ margin-bottom: 24px;}
.landing-sidebar-card.bg-change{ background: #FCFAF5; border-color: #FFE9B9B2;}
.landing-sidebar-card h5{ color: var(--color-black);}
.landing-sidebar-card p{ font-size: var(--f-size-ES);}
.landing-sidebar-card .landing-sidebar-icon-title-row { margin-bottom: 22px; gap: 8px; }
.landing-sidebar-card .landing-sidebar-icon-title-row .icon { width: 24px; flex: 0 0 auto; }
.landing-sidebar-card .landing-sidebar-icon-title-row .icon img{ display: block; width: 100%;}
.sidebar-register-list-row .icon { width: 35px; height: 35px; background: #9ECB6A; flex: 0 0 auto; }
.sidebar-register-list-row h5{ margin-bottom: 6px;}
.sidebar-register-list-row p{ font-size: var(--f-size-ES); color: #A3A3A3;}
.sidebar-register-list-row:not(:last-child){ margin-bottom: 12px;}


.sidebar-authorized-card .icon{ width: 65px; height: 65px; background: #9ECB6A; border-radius: 50%; margin-bottom: 16px;}
.sidebar-authorized-card .icon img{ display: block; max-width: 50%; filter: brightness(0) invert(1);}
.landing-sidebar-card .top-info h5{ margin-bottom: 15px;}

.landing-sidebar-card  .verified-badge-box { padding: 12px; background: #FFFFEF; border: 1px solid #FFE9B9; border-radius: 8px; margin: 20px 0; }

.landing-sidebar-card  .verified-badge-box .icon { width: 32px; height: 32px; background: #FFE9B9; margin: 0; flex: 0 0 auto;}
.landing-sidebar-card  .verified-badge-box .icon img{ max-width: 65%; filter: brightness(0) saturate(100%) invert(57%) sepia(82%) saturate(1118%) hue-rotate(12deg) brightness(94%) contrast(98%);}
.landing-sidebar-card  .verified-badge-box .info{ flex: 1;}
.landing-sidebar-card .verified-badge-box h6{ margin-bottom: 6px; font-size: var(--f-size-ES);}
.landing-sidebar-card .verified-badge-box p{ font-size: 14px;}
.landing-sidebar-card .verified-badge-box .tick{ width: 18px; flex: 0 0 auto;}
.landing-sidebar-card .verified-badge-box .tick img{ width: 100%; filter: brightness(0) saturate(100%) invert(76%) sepia(29%) saturate(641%) hue-rotate(44deg) brightness(92%) contrast(89%);}

.sidebar-testimonial-card .star{ margin-bottom: 10px;}
.sidebar-testimonial-card .auth-details-row{ padding-top: 20px; margin-top: 25px; border-top: 1px solid #EBEBEB;}
.sidebar-testimonial-card .auth-profile { width: 45px; height: 45px; flex: 0 0 auto; border-radius: 50%; overflow: hidden;}
.sidebar-testimonial-card .auth-profile img{ width: 100%; height: 100%; object-fit: cover;}
.sidebar-testimonial-card  h6{ font-size: var(--f-size-ES); margin-bottom: 0;}
.sidebar-testimonial-card .auth-details-row p{ font-size: 14px;}

.sidebar-need-help-card .icon { width: 45px; height: 45px; background: #9ECB6A; flex: 0 0 auto; border-radius: 8px; }
.sidebar-need-help-card h5{ margin-bottom: 6px;}
.sidebar-need-help-card p{ margin-bottom: 15px;}

.landing-form-section .section-title h2{ margin-bottom: 15px;}

.landing-form-custom { background: #FBF4EB; padding: 32px; border: 1px solid #F5F5F5; border-radius: 12px; }
.landing-form .form-items:not(:last-child){ margin-bottom: 50px;}
.landing-form .form-title-row{ margin-bottom: 24px;}
.landing-form .form-title-row .icon{ width: 45px; height: 45px; flex: 0 0 auto; background: #9ECB6A; border-radius: 8px;}
.landing-form .form-title-row .icon img{ max-width: 50%; filter: brightness(0) invert(1);}
.landing-form .form-title-row h5 { margin-bottom: 2px; }
.landing-form .form-title-row p{ font-size: var(--f-size-ES);}
.landing-form-holder .form-row{ margin-bottom: 18px;}
.landing-form-holder .form-row label{ color: #525252; margin-bottom: 5px;}
.landing-form-holder .form-control{ background: #FFFFFF; border: 1px solid #D4D4D4; border-radius: 6px; height: 45px; box-shadow: none;}
.landing-form-holder textarea.form-control{ height: 85px; resize: none;}
.landing-form-holder .form-row span{ font-size: 14px;}


.landing-product-checkbox-card { border-radius: 12px; overflow: hidden; display: block; position: relative; }
.landing-product-checkbox-card .form-check-input[type=checkbox] { position: absolute; z-index: 3; inset: 0; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; border-radius: 0; }
.landing-product-checkbox-card label { width: 100%; border: 1px solid #d9d9d9; border-radius: 12px; overflow: hidden; display: block; position: relative; transition: var(--transition-common);}
.landing-product-checkbox-card .product-image{ position: relative; padding-bottom: 50%;}
.landing-product-checkbox-card .product-image img{ position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.landing-product-checkbox-card .product-info{ padding: 16px;}
.landing-product-checkbox-card .product-info h6{ margin-bottom: 4px;}
.landing-product-checkbox-card .product-info p{ margin-bottom: 10px;}
.landing-product-checkbox-card ul { display: flex; flex-wrap: wrap; gap: 5px; }
.landing-product-checkbox-card li { font-size: 14px; padding: 7px 12px; border: 1px solid #D4D4D4; border-radius: 50px; line-height: 1; }

.landing-product-checkbox-card .product-check-box { background-color: #FFFFFF33; background-position: center !important; background-repeat: no-repeat !important; background-size: 100% !important; width: 25px; height: 25px; border: 1px solid #FFFFFF; position: absolute; z-index: 1; top: 10px; right: 10px; border-radius: 4px; transition: var(--transition-common); }

.landing-product-checkbox-card .form-check-input:checked + label{ border-color: #F59E0B66; background: #FFFBF5; }
.landing-product-checkbox-card .form-check-input:checked + label .product-check-box{ background-color: #31B7E0; background-image: url(../images/radio.png); border-color: #31B7E0;}

.carry-bottom-info-row{ margin-top: 25px;}
.carry-bottom-info-row .icon{ width: 20px; flex: 0 0 auto;}
.carry-bottom-info-row .icon img{ display: block; width: 100%;}

.policy-check-box .form-check{ display: flex; gap: 12px; padding: 0;}
.policy-check-box .form-check input { margin: 5px 0 0 0; width: 20px; height: 20px; flex: 0 0 auto; box-shadow: none; cursor: pointer; }
.policy-check-box .form-check label{ display: inline-block; color: var(--color-black); cursor: pointer;}
.policy-check-box .form-check label a{ color: var(--color-black); text-decoration: underline;}
.policy-check-box .form-check label a:hover{ color: var(--color-accent);}
.policy-check-box .form-check:not(:last-child){ margin-bottom: 16px;}
.policy-card .button-row{ margin-top: 35px;}
.policy-card .button-row .custom-btn-outline { background: var(--color-white); border-color: #D4D4D4; color: #525252; }
.policy-card .button-row .custom-btn-outline:hover{ background: var(--color-accent); color: var(--color-white);}
.policy-card .carry-bottom-info-row .icon img{ filter: brightness(0) saturate(100%) invert(67%) sepia(0%) saturate(0%) hue-rotate(186deg) brightness(90%) contrast(88%);}


.sidebar-installation-guide-card .sidebar-register-list-row .icon-number { width: 25px; height: 25px; flex: 0 0 auto; background: #C6F392; border-radius: 50%; font-size: 13px; font-weight: 600; }
.widget-status-head { padding-bottom: 25px; margin-bottom: 50px; border-bottom: 1px solid #F5F5F5; }
.widget-status-head h5{ margin-bottom: 5px;}
.status-pill { display: inline-flex; align-items: center; gap: 6px; background: #F5FFE9; color: #78AB3E; font-size: 12px; font-weight: 600; padding: 5px 12px; border: 1px solid #8CBF52; border-radius: 20px; }
.status-pill .dot { width: 6px; height: 6px; border-radius: 50%; background: #4CA637; }
.widget-status-sub { color: #A3A3A3; font-size: 13px; margin-bottom: 18px; }
.widget-status-divider { border: none; border-top: 1px solid #EFEAE0; margin: 0 0 18px; }
.widget-info-list { margin-bottom: 18px; }
.widget-info-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.widget-info-row:last-child { margin-bottom: 0; }
.widget-info-label { display: flex; align-items: center; gap: 12px; color: #525252; font-size: var(--f-size-ES); }
.info-icon { width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.widget-info-value { font-size: var(--f-size-ES); color: var(--color-black); font-weight: 500; text-align: right; }
.widget-info-value.id-value { background: #F5F5F5; padding: 4px 10px; border-radius: 5px; font-weight: 600; border: 1px solid #E5E5E5; }
.install-status-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.install-status-row span:first-child { font-size: var(--f-size-ES); color: #525252; }
.install-detected { display: inline-flex; align-items: center; gap: 5px; color: #93CD5B; font-size: 13px; font-weight: 600; }
.install-detected svg { width: 13px; height: 13px; stroke: #4CA637; fill: none; stroke-width: 2.5; }
.install-progress { height: 5px; background: #EFEAE0; border-radius: 10px; overflow: hidden; }
.install-progress .fill { height: 100%; width: 100%; background: #7BC24A; border-radius: 10px; }
.widget-performance-card { background: var(--color-white);}
.widget-performance-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.widget-performance-head h5 { margin: 0; }
.period-pill { background: #FFFFEF; border: 1px solid #FFE9B9; color: #252525; font-size: 12px; font-weight: 600; padding: 5px 14px; border-radius: 20px; }
.stat-box { background: #FAFAFA; border: 1px solid #E5E5E5; border-radius: 8px; text-align: center; padding: 12px; }
.stat-box .stat-number { font-size: var(--f-size-M); font-weight: 700; color: var(--color-black); margin-bottom: 0; }
.stat-box .stat-label { font-size: var(--f-size-ES); color: #737373; }




.wdash-steps-bar { background: #FAFAFA; border: 1px solid #E5E5E5; border-radius: 12px; }
.wdash-steps-bar .wdash-steps-row { display: flex; align-items: center; }
.wdash-step { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.wdash-step .wdash-step-icon { width: 24px; height: 24px; border-radius: 50%; background: #6FCF52; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.wdash-step .wdash-step-icon svg { width: 12px; height: 12px; fill: none; stroke: #ffffff; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.wdash-step .wdash-step-label { font-size: var(--f-size-ES); color: var(--color-black); font-weight: 500; }
.wdash-step-divider { flex: 1 1 auto; min-width: 24px; border-top: 1px solid #D4D4D4; margin: 0 16px; }
.wdash-step.wdash-step-pill { background: #93CD5B; border-radius: 20px; padding: 10px 15px; gap: 8px; }
.wdash-step.wdash-step-pill .wdash-step-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--color-white); flex: 0 0 auto; }
.wdash-step.wdash-step-pill .wdash-step-label { color: var(--color-white); line-height: 1; font-weight: var(--fw-regular); }

.product-configure-section .landing-product-checkbox-card label { background: #FFFBF5; }


.wdash-display-options-label { font-size: var(--f-size-ES); font-weight: 700; color: var(--color-black); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 14px; }
.wdash-toggle-row:not(:last-child){ margin-bottom: 15px;}
.wdash-toggle-row .form-switch { padding: 0; margin: 0; }
.wdash-toggle-row .form-switch input{ margin: 0;}
.wdash-toggle-text span{ display: block;}
.wdash-toggle-text .title { display: block; font-size: var(--f-size-ES); color: var(--color-black); font-weight: var(--fw-semi-bold); margin-bottom: 2px; }
.wdash-toggle-text .info{ font-size: 14px; color: #A3A3A3;}
.wdash-display-options .form-switch .form-check-input { width: 40px; height: 22px; margin-left: 0; flex-shrink: 0; background-color: #D4D4D4; border-color: transparent; cursor: pointer; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
.wdash-display-options .form-switch .form-check-input:checked { background-color: #9ECB6A; border-color: #9ECB6A; }
.wdash-display-options .form-switch .form-check-input:focus { box-shadow: none; border-color: transparent; }


.landing-widget-preview-card .section-header-row .info p { font-size: var(--f-size-ES); color: #A3A3A3; margin: 0; }

.preview-toggle-tabs.nav-pills .nav-link { display: inline-flex; align-items: center; gap: 6px; background: var(--color-white) !important; border: 1px solid #E5E5E5; color: #A3A3A3; padding: 7px 14px; border-radius: 6px; }
.preview-toggle-tabs.nav-pills .nav-link img { width: 20px; flex: 0 0 auto; filter: brightness(0) saturate(100%) invert(65%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(93%) contrast(88%); }
.preview-toggle-tabs.nav-pills .nav-link.active { color: #525252; }
.preview-toggle-tabs.nav-pills .nav-link.active img { filter: brightness(0); }

.browser-mockup { overflow: hidden; background: #FAFAF8; margin: 0 auto; transition: max-width 0.25s ease; }
.browser-mockup.is-desktop { max-width: 100%; }
.browser-mockup.is-mobile { max-width: 340px; }

.browser-mockup-bar { background: #F5F3EE; padding: 10px 16px; display: flex; align-items: center; gap: 10px; }
.browser-dots { display: flex; gap: 5px; }
.browser-dots span { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.browser-dots span:nth-child(1) { background: #F26B5E; }
.browser-dots span:nth-child(2) { background: #F5C542; }
.browser-dots span:nth-child(3) { background: #6FCF52; }
.browser-url { flex: 1; display: flex; align-items: center; gap: 6px; background: var(--color-white); border: 1px solid #E5E5E5; border-radius: 5px; padding: 5px 12px; font-size: 11.5px; color: #A3A3A3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.browser-url img { width: 14px; opacity: 0.6; flex: 0 0 auto; filter: brightness(0);}
.browser-actions { display: flex; align-items: center; gap: 5px; }
.browser-actions img { width: 20px; height: 20px; opacity: 0.6; filter: brightness(0);}

.browser-mockup-body { padding: 20px; }
.browser-mockup.is-mobile .browser-mockup-body { padding: 14px; }

.skeleton-lines { margin-bottom: 20px; }
.skeleton-lines span { display: block; height: 12px; background: #e9e9e9; border-radius: 12px; margin-bottom: 8px; }
.skeleton-lines span:nth-child(1) { width: 40%; }
.skeleton-lines span:nth-child(2) { width: 60%; }
.skeleton-lines span:nth-child(3) { width: 30%; }


.widget-embed-preview { background: var(--color-white); border: 1px dashed #E5E5E5; border-radius: 10px; overflow: hidden; }

.widget-embed-header { background: #FF9300;}
.widget-embed-header .brand-logo { width: 40px; height: 40px; border-radius: 8px; background: #fff; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.widget-embed-header .brand-logo img { display: block; max-width: 40%; width: 100%; }
.widget-embed-header .brand-text strong { display: block; color: var(--color-white); font-size: var(--f-size-ES); font-weight: var(--fw-regular);}
.widget-embed-header .brand-text small { display: block; color: var(--color-white); font-size: 14px; }

.authorized-pill { display: inline-flex; align-items: center; gap: 6px; background: #FFFFEF; border: 1px solid #FFE9B9; color: #CC8E07; font-size: 12px; font-weight: 600; padding: 8px 12px; border-radius: 20px; white-space: nowrap; }
.authorized-pill img { display: block; width: 15px; flex: 0 0 auto; filter: brightness(0) saturate(100%) invert(59%) sepia(94%) saturate(1167%) hue-rotate(11deg) brightness(94%) contrast(95%); }

.widget-embed-tabs { padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #F0F0F0; flex-wrap: wrap; }
.widget-embed-tabs ul { gap: 8px; border: 0; margin: 0; }
.widget-embed-tabs .nav-link { font-size: 12px; font-weight: 600; color: #737373; background: var(--color-white); border: 1px solid #E5E5E5; padding: 6px 16px; border-radius: 20px; }
.widget-embed-tabs .nav-link.active { background: #D89A3E; border-color: #D89A3E; color: var(--color-white); }

.browser-mockup.is-mobile .widget-embed-products .col { flex: 0 0 100%; max-width: 100%; }

.embed-product-card { border: 1px solid #EFEFEF; border-radius: 8px; overflow: hidden; height: 100%; }
.embed-product-img { height: 110px; }
.embed-product-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.embed-product-body { padding: 12px; }
.embed-product-body h6 { font-size: var(--f-size-ES); margin-bottom: 3px; color: var(--color-black); }
.embed-product-body p { font-size: 14px; color: #A3A3A3; margin-bottom: 10px; }
.embed-view-btn, a.embed-view-btn { display: block; text-align: center; background: #3BB6DE; color: var(--color-white); font-size: var(--f-size-ES); line-height: 1; padding: 12px; border-radius: 5px; text-decoration: none; }
.embed-view-btn:hover, a.embed-view-btn:hover { background: #2FA0C6; color: var(--color-white); }

.widget-embed-cta { background: #FAFAFA; padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.widget-embed-cta a.custom-btn.custom-btn-1{ font-size: var(--f-size-ES); padding: 12px 16px;}
.widget-embed-cta a.custom-btn.custom-btn-1 img { width: 15px; }

.widget-embed-cta .cta-text { display: flex; align-items: center; gap: 10px; }
.widget-embed-cta .cta-icon { width: 22px; }
.widget-embed-cta .cta-icon img { display: block; width: 100%;}
.widget-embed-cta .cta-text strong { display: block; font-size: var(--f-size-ES); color: var(--color-black); }
.widget-embed-cta .cta-text p { font-size: 14px; color: #A3A3A3; margin: 0; }

.browser-mockup.is-mobile .widget-embed-cta { flex-direction: column; align-items: flex-start; }
.browser-mockup.is-mobile .cta-request-btn { width: 100%; justify-content: center; }

.preview-note { margin-top: 16px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 12px; }
.preview-note .carry-bottom-info-row .icon img{     filter: brightness(0) saturate(100%) invert(59%) sepia(94%) saturate(1167%) hue-rotate(11deg) brightness(94%) contrast(95%);}
.preview-note .note-link { display: flex; align-items: center; gap: 6px; color: var(--color-black); font-weight: 600; text-decoration: underline; font-size: 14px;}
.preview-note .note-link img { width: 16px; filter: brightness(0);}


.code-block-wrapper { background: #0A0A0A; overflow: hidden; }

.code-block-bar { border-bottom: 1px solid #262626; padding: 14px 18px; }
.code-block-bar .browser-dots span { width: 8px; height: 8px; border-radius: 50%; background: #3A3A3A; display: inline-block; }
.code-filename { font-size: 14px; color: #737373; display: block; line-height: 1; }
.code-meta { font-size: 12px; color: #525252; }

.code-block-content { margin: 0; padding: 20px 22px; font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12.5px; line-height: 1.85; color: #D7D7D7; overflow-x: auto; white-space: pre; }
.code-block-content .code-comment { color: #6FCF52; }
.code-block-content .code-attr { color: #7FB8E0; }
.code-block-content .code-value { color: #E5A93B; }
.code-block-content .code-tag { color: #D7D7D7; }

/* Action buttons row */
.embed-action-buttons{ padding: 20px 0;}
.embed-action-buttons .custom-btn { padding: 12px 18px; font-size: 13px; border: 1px solid #CC8E07;}
.embed-action-buttons .custom-btn.custom-btn-1{ background: #CC8E07;}
.embed-action-buttons .custom-btn img { height: 15px; }
.embed-action-buttons .custom-btn-outline-accent { background: transparent;  color: #CC8E07; }
.embed-action-buttons .custom-btn-outline-accent img{ filter: brightness(0) saturate(100%) invert(59%) sepia(93%) saturate(1492%) hue-rotate(15deg) brightness(96%) contrast(96%);}
.embed-action-buttons .custom-btn-outline-accent:hover{ color: var(--color-white);}
.embed-action-buttons .custom-btn-outline-accent:hover img{ filter: brightness(0) invert(1);}

/* Email developer box */
.email-developer-box { background: #FAFAFA; padding: 22px; }
.email-developer-box .form-title-row .info { flex: 1; }
.email-developer-box .info p { font-size: var(--f-size-ES); color: #A3A3A3; margin: 0; }
.email-embed-code-wrap{ margin-top: 15px;}
.email-embed-code-wrap .custom-btn { border: 0; flex: 0 0 auto; padding: 12px 25px; font-size: var(--f-size-ES); }

/* Footer note */
.carry-bottom-info-row { font-size: 12px; color: #A3A3A3; }
.carry-bottom-info-row p { margin: 0; }
.carry-bottom-info-row code { background: #F0F0F0; color: #525252; padding: 2px 6px; border-radius: 4px; font-size: 11.5px; }


.landing-inner-banner-section.product-category-view-banner-section .banner-bg::after{ background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%); }
.trust-badges{ flex-wrap: wrap; }
.trust-badge { display: flex; align-items: center; gap: 12px; padding: 15px 20px; min-width: 120px; border: 1px solid #FFFFFF33; border-radius: 12px; background: #FFFFFF1A; backdrop-filter: blur(16px); transition: .3s ease; }
.trust-badge:hover{ background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.28); transform: translateY(-2px); }
.trust-badge__icon{ width: 20px; height: 20px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.trust-badge__icon img{ width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1); }
.trust-badge__content{ display: flex; flex-direction: column; line-height: 1.2; }
.trust-badge__title{ color: #fff; font-size: var(--f-size-ES); }
.trust-badge__text{ color: rgba(255,255,255,.75); font-size: 14px; font-weight: 400; }

/* Product Category View Section Custom Styles */
.category-showcase-section { font-family: var(--ff-base); }

/* Category Tabs Toolbar */
.category-toolbar { border-bottom: 1px solid #E5E5E5 !important; }

.category-tabs .nav-link { color: #737373; border: none; border-bottom: 3px solid transparent; border-radius: 0; padding-bottom: 15px; transition: var(--transition-common); }
.category-tabs .nav-link .icon { flex: 0 0 auto; width: 22px; }
.category-tabs .nav-link .icon img{ display: block; width: 100%;}
.category-tabs .nav-link:hover { color: #F59E0B !important; }
.category-tabs .nav-link.active { color:#F59E0B !important; border-color: #F59E0B; }
.tab-badge { display: inline-flex; align-items: center; justify-content: center; background-color: #FFFFEF; color: #737373; border: 1px solid #FFE9B9; font-size: 12px; font-weight: 700; width: 25px; height: 25px; border-radius: 50%; margin-left: 4px; }
.category-tabs .nav-link.active .tab-badge { background-color:#F59E0B; color: #fff; border-color: #F59E0B; }

/* Search bar and Filters */
.border-light-grey { border-color: #D4D4D4 !important; }

.search-box input:focus { border-color: var(--color-tertiary); box-shadow: 0 0 0 3px rgba(49, 183, 224, 0.15); }

.category-toolbar button.btn-filter { height: 45px; color: #525252; transition: var(--transition-common); }

.btn-filter:hover { background-color: #FAFAFA !important; border-color: #A3A3A3; }

.btn-layout-toggle { background-color: #FAFAFA; border: 1px solid #E5E5E5; color: #A3A3A3; width: 38px; height: 38px; transition: var(--transition-common); }

.btn-layout-toggle:hover { background-color: #F3F4F6; color: #525252; }

.btn-layout-toggle.active { background-color: var(--color-tertiary) !important; border-color: var(--color-tertiary) !important; color: var(--color-white) !important; }

.category-subheader .category-subheader-title h5{ margin-bottom: 5px; color: var(--color-black);}

/* Featured Product Card */
.landing-featured-product-card h3{ font-size: var(--f-size-M); color: var(--color-black);}
.landing-featured-product-card .featured-product-card-image { min-height: 100%; position: relative; padding-bottom: 50%; }
.badge{ padding: 10px 15px;}
span.badge-featured { background: #F59E0B; padding: 10px 15px;}
.badge.badge-most-popular { background: #ffffff; border: 1px solid #FFE9B9; padding: 10px 15px; }
.badge.badge-gallery { background: #000000B2; backdrop-filter: blur(4px); padding: 10px 15px; }
.badge.badge-gallery img{ width: 16px; display: block; filter: brightness(0) invert(1);}
.badge.badge-category { background: #FFFFEF; border: 1px solid #FFE9B9; color: #EB9401; text-transform: uppercase; }

.featured-product-card .featured-item-row .feature-icon-wrapper { width: 22px; }
.featured-product-card .featured-item-row .feature-icon-wrapper img{ display: block; width: 100%;  filter: brightness(0) saturate(100%) invert(62%) sepia(80%) saturate(1756%) hue-rotate(158deg) brightness(93%) contrast(88%); }
.featured-product-price .price-dis{ font-size: var(--f-size-ES);}
.featured-product-card a.custom-btn.custom-btn-outline { border-color: #31B7E0; color: #31B7E0; }
.featured-product-card a.custom-btn.custom-btn-outline:hover{ color: var(--color-white); border-color: #FF9B31;}


/* Grid Cards */
.product-grid-card { border-color: #E5E5E5 !important; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.product-grid-card .product-card-img-wrapper { padding-bottom: 50%; }
.product-card-img-wrapper img { transition: var(--transition-common); }
.rating-row { font-size: 14px; gap: 2px;}
.rating-row img{ width: 14px; filter: brightness(0) saturate(100%) invert(77%) sepia(90%) saturate(1856%) hue-rotate(359deg) brightness(102%) contrast(99%);}
.product-grid-card .card-title h5{ font-size: var(--f-size-SS); color: var(--color-black);}

.product-grid-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important; }
.product-grid-card:hover .product-card-img-wrapper img { transform: scale(1.05); }

.category-showcase-section .loadmore-button .custom-btn.custom-btn-color-outline{ padding: 16px 30px; font-weight: var(--fw-semi-bold);}


/* Scrollbar removal helper for tabs overflow on mobile */
.scrollbar-hidden::-webkit-scrollbar { display: none; }
.scrollbar-hidden { -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ }

/* List View Layout */
.product-grid-row.list-view { display: flex; flex-direction: column; gap: 24px; }
.product-grid-row.list-view .col { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
.product-grid-row.list-view .product-grid-card { flex-direction: row !important; height: auto !important; align-items: stretch; }
.product-grid-row.list-view .product-card-img-wrapper { width: 280px !important; height: auto !important; min-height: 180px; flex-shrink: 0; padding-bottom: 0;}
.product-grid-row.list-view .product-card-img-wrapper img { height: 100% !important; width: 100% !important; object-fit: cover; }
.product-grid-row.list-view .card-body { display: flex; flex-direction: row !important; justify-content: space-between; align-items: center; flex-grow: 1; padding: 24px !important; gap: 24px; }
.product-grid-row.list-view .card-body > div:first-child { flex-grow: 1; max-width: 65%; }
.product-grid-row.list-view .card-body > div:last-child { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; min-width: 200px; flex-shrink: 0; border-left: 1px solid #E5E5E5; padding-left: 24px; }
.product-grid-row.list-view .card-body .btn-tertiary { width: 100% !important; margin-top: 8px; }

@media (max-width: 768px) {
    .product-grid-row.list-view .product-grid-card {
        flex-direction: column !important;
    }
    .product-grid-row.list-view .product-card-img-wrapper {
        width: 100% !important;
        height: 180px !important;
    }
    .product-grid-row.list-view .card-body {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 16px;
    }
    .product-grid-row.list-view .card-body > div:first-child {
        max-width: 100%;
    }
    .product-grid-row.list-view .card-body > div:last-child {
        align-items: stretch !important;
        border-left: none;
        padding-left: 0;
        min-width: 100%;
    }
}


/* Explore Styles Section */
.explore-styles-section .top-section{ margin-bottom: var(--gap-40);}
.style-gallery-card{ transition: var(--transition-common);}
.style-gallery-card .gallery-image-wrapper { padding-bottom: 50%;}
.style-gallery-card img { transition: var(--transition-common); }
.style-gallery-card .gallery-overlay-badge { bottom: 15px; left: 15px; }
.style-gallery-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); }
.style-gallery-card:hover img { transform: scale(1.05); }

.bg-dark-opacity { background: rgba(0, 0, 0, 0.65); backdrop-filter: blur(4px); color: var(--color-white) !important; padding: 8px 16px; border-radius: 50px; font-size: 13px; font-weight: 600; }

/* Ready to Get Started CTA */
.cta-get-started-section { padding: 35px 0; }
.cta-green-box { background-color: #75AF3D; background-image: url(../images/cta-get-bg.png); background-position: left center; background-size: 100%; background-repeat: no-repeat; border-radius: 16px; padding: 20px 20px 20px 40px; position: relative; overflow: hidden; }

.badge-dealer-tag { background: var(--color-white); color: #CC8E07; border: 1px solid #FFE9B9; border-radius: 50px; padding: 8px 16px 8px 12px; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; }
.badge-dealer-tag img { display: block; width: 16px; filter: brightness(0) saturate(100%) invert(72%) sepia(98%) saturate(1378%) hue-rotate(359deg) brightness(99%) contrast(94%); }
.cta-green-box h2 { color: var(--color-white); margin-bottom: 20px; }
.cta-green-box p { color: rgba(255, 255, 255, 0.95); margin-bottom: 32px; }
.cta-green-box .custom-btn.custom-btn-white { color: #CC8E07 !important; font-weight: 700; }
.cta-green-box .custom-btn.custom-btn-white:hover { background: #FFFFEF; border-color: #FFE9B9; }
.cta-green-box .custom-btn.custom-btn-white img { filter: brightness(0) saturate(100%) invert(59%) sepia(94%) saturate(1167%) hue-rotate(11deg) brightness(94%) contrast(95%); }

.cta-checklist { display: flex; gap: 24px; color: rgba(255, 255, 255, 0.95); font-size: 14px; margin-top: 40px; flex-wrap: wrap; }
.cta-checklist-item { display: flex; align-items: center; gap: 6px; font-weight: 500; }
.cta-get-started-section .image-box { padding-bottom: 55%; }
.consultant-profile-overlay { position: absolute; bottom: 16px; right: 16px; background: #FFFFFF1A; backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 8px; padding: 8px 14px; display: flex; align-items: center; gap: 10px; z-index: 2; }
.consultant-profile-overlay img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.consultant-profile-overlay .profile-info { display: flex; flex-direction: column; line-height: 1.2; }
.consultant-profile-overlay .profile-name { color: var(--color-white); font-size: 13px; font-weight: 600; }
.consultant-profile-overlay .profile-title { color: rgba(255, 255, 255, 0.7); font-size: 11px; }

/* What Customers Are Saying */
.reviews-header-rating { display: flex; align-items: center; gap: 10px; font-size: 15px; color: #222222; }
.reviews-header-rating .stars-row { display: flex; gap: 2px; color: #F0AC17; font-size: 16px; }
.reviews-header-rating .stars-row img { width: 16px; filter: brightness(0) saturate(100%) invert(77%) sepia(90%) saturate(1856%) hue-rotate(359deg) brightness(102%) contrast(99%); }
.review-card { background: var(--color-white); padding: 20px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.review-card:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); }
.review-card-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; }
.reviewer-profile { display: flex; align-items: center; gap: 12px; }
.reviewer-profile img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.reviewer-info h6 { margin: 0; color: var(--color-black); }
.reviewer-info span { font-size: 14px; color: #A3A3A3; }
.review-stars { color: #F0AC17; font-size: 14px; display: flex; gap: 2px; }
.review-stars img { width: 14px; filter: brightness(0) saturate(100%) invert(77%) sepia(90%) saturate(1856%) hue-rotate(359deg) brightness(102%) contrast(99%); }
.review-text { color: #525252; margin-bottom: 24px; }
.review-footer { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #F5F5F5; padding-top: 16px; margin-top: auto; }
.review-product-badge { background: #FFFFEE; color: #F59E0B; font-size: 14px; padding: 6px 12px; border-radius: 50px; font-weight: 500; }
.review-date { font-size: 14px; color: #A3A3A3; }

/* Dealer Contact Bar */
.dealer-contact-bar-section { padding: 40px 0; }
.dealer-bar-container { display: flex; align-items: center; justify-content: space-between; background: var(--color-white); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02); flex-wrap: wrap; gap: 20px; }
.dealer-bar-left { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.dealer-bar-logo { width: 48px; height: 48px; background: #73C24E; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: var(--color-white); font-size: 24px; flex-shrink: 0; }
.dealer-bar-logo img { width: 24px; filter: brightness(0) invert(1); }
.dealer-bar-details { display: flex; flex-direction: column; }
.dealer-bar-title-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.dealer-bar-title h5{ color: var(--color-black); }
.dealer-bar-badge { background: #FFFFEF; border: 1px solid #FFE9B9; color: #CC8E07; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 20px; display: inline-flex; align-items: center; gap: 4px; }
.dealer-bar-badge img { width: 10px; filter: brightness(0) saturate(100%) invert(59%) sepia(94%) saturate(1167%) hue-rotate(11deg) brightness(94%) contrast(95%); }
.dealer-bar-meta { display: flex; align-items: center; gap: 20px; margin-top: 8px; flex-wrap: wrap; color: #737373; font-size: 13px; }
.dealer-bar-meta-item { display: flex; align-items: center; gap: 6px; }
.dealer-bar-meta-item img { width: 14px; opacity: 0.7; }
.dealer-bar-right { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
a.custom-btn.custom-btn-color-outline { background: transparent; border: 1px solid #31B7E0; color: #31B7E0 !important; font-weight: 600; font-size: 14px; padding: 12px 20px; border-radius: 6px; display: inline-flex; align-items: center; gap: 8px; transition: var(--transition-common); }
a.custom-btn.custom-btn-color-outline:hover { background: #31B7E0; color: var(--color-white) !important; }
a.custom-btn.custom-btn-color-outline img { width: 14px; filter: brightness(0) saturate(100%) invert(56%) sepia(87%) saturate(1514%) hue-rotate(159deg) brightness(97%) contrast(85%); }
a.custom-btn.custom-btn-color-outline:hover img { filter: brightness(0) invert(1); }
.dealer-bar-right .custom-btn { padding: 12px 20px; font-size: 14px; border-radius: 6px; }

.cta-checklist-item img { width: 14px; filter: brightness(0) invert(1); }

.btn-consultation img { width: 16px; filter: brightness(0) saturate(100%) invert(59%) sepia(94%) saturate(1167%) hue-rotate(11deg) brightness(94%) contrast(95%); }

.review-stars img.star-empty { filter: grayscale(1); opacity: 0.3; }

.dealer-bar-meta-item img.star-gold-filter { filter: brightness(0) saturate(100%) invert(77%) sepia(90%) saturate(1856%) hue-rotate(359deg) brightness(102%) contrast(99%); }

.authorized-badge-row img { width: 18px; }
.request-consultation-card .request-consultation-header { background: #27ADD6; padding: 30px; position: relative; isolation: isolate;}
.request-consultation-card .request-consultation-header::before{ content: ""; background: url(../images/cta-get-bg.png); background-repeat: no-repeat; background-size: cover; position: absolute; z-index: -1; inset: 0; pointer-events: none; opacity: 0.8;}
.request-consultation-card .request-consultation-header *{ color: var(--color-white);}
.request-consultation-card .request-consultation-header img{ filter: brightness(0) invert(1);}
.request-consultation-card .request-consultation-header .authorized-badge-row{ margin-bottom: 15px;}


.request-consultation-card .form-title-row { background: #FCFAF5; }
.request-consultation-card .form-title-row .icon{ background: #FF9300;}
.request-consultation-card .form-title-row h5{ font-size: var(--f-size-SS);}
.request-consultation-card .form-box{ background: #fbf4ec;}
.request-consultation-card .form-box .input-icon{ position: relative;}
.request-consultation-card .form-box input.form-control { padding-left: 35px; }
.request-consultation-card .form-box .form-row>label{ color: var(--color-black); font-weight: var(--fw-medium);}
.input-icon>svg { position: absolute; z-index: 1; top: 13px; left: 10px; pointer-events: none; width: 20px; }
.checkbox-row .form-check { display: flex; align-items: center; gap: 8px; padding: 0; color: #737373;}
.checkbox-row .form-check input{ margin: 0; width: 20px; height: 20px; box-shadow: none; accent-color: #93CD5B; }
.checkbox-row .form-check label{ margin: 0;}
.checkbox-row .form-check input:checked[type=checkbox]{ background-color: #93CD5B ; border-color: #93CD5B;}
.checkbox-row .form-check input:checked[type=checkbox]+label{ color: var(--color-black);}
.request-consultation-card .form-box .bottom-part{ padding-top: 16px;}
.request-consultation-card .form-box .bottom-part li{ position: relative; padding-left: 20px; color: #737373;}
.request-consultation-card .form-box .bottom-part li::before { content: ""; position: absolute; z-index: 1; top: 6px; left: 0; background: url(../images/white-tick.png); background-position: center; background-size: 100%; background-repeat: no-repeat; width: 12px; height: 10px; filter: brightness(0) saturate(100%) invert(77%) sepia(26%) saturate(1087%) hue-rotate(42deg) brightness(94%) contrast(88%); }
.request-consultation-card .form-box .bottom-part li:not(:last-child){ margin-bottom: 10px;}
.lead-contact-card-divider { margin: 25px 0; text-transform: uppercase; }

.consultant-profil-info-row .profile-image { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; }
.consultant-profil-info-row .profile-image img{ width: 100%; height: 100%;}
.consultant-profil-info-row  h6{ margin-bottom: 0;}

.also-like-sidebar-card { background: #FFFFFF; }
.also-like-items-box .also-like-items{ position: relative;}
.also-like-items-box .also-like-items::after { content: ""; border: solid #D4D4D4; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; z-index: 1; right: 15px; top: 31px; }
.also-like-items-box .also-like-items .form-title-row { padding: 12px 25px 12px 12px; }
.also-like-items-box .also-like-items .form-title-row .icon { background: #FF9300; }
.also-like-items-box .also-like-items .form-title-row h5{ font-size: var(--f-size-Body);}
.also-like-items-box .also-like-items .form-title-row p{ font-size: 14px; color: #A3A3A3;}
.also-like-items-box .also-like-items:not(:last-child){ margin-bottom: 12px;}

.product-overview-card .header-part-row{ margin-bottom: 25px;}
.product-overview-card .badge-holder ul{ display: flex; flex-wrap: wrap; gap: 8px;}
.product-overview-card .badge-holder li{ display: flex; align-items: center; justify-content: center; gap: 5px; padding: 8px 15px; background: #FFFFEF; border: 1px solid #FFE9B9; border-radius: 50px; font-size: 14px; text-transform: uppercase; color: #F59E0B;}
.product-overview-card .badge-holder li img{ width: 18px; filter: brightness(0) saturate(100%) invert(72%) sepia(98%) saturate(1378%) hue-rotate(359deg) brightness(99%) contrast(94%); }
.product-overview-card .badge-holder li:last-child{ background: #F59E0B; border-color: #F59E0B; color: var(--color-white);}
.product-overview-card .badge-holder li:last-child img{ filter: brightness(0) invert(1);}

.product-overview-card .wishlist-box{ flex: 0 0 auto;}
.wishlist { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border: 1px solid #F2D9C0; border-radius: 50%; background: transparent; padding: 0; }
.wishlist img{ display: block; max-width: 65%;}

.product-overview-card{ background: var(--color-white); border-color: #EEE4D8;}
.product-overview-card .footer-part-info { padding-top: 25px; margin-top: 25px; border-top: 1px solid #F5F5F5; }

.key-features-card{ background: var(--color-white);}
.key-features-card .key-features-items .form-title-row { background: #FFFFEF; border: 1px solid #FFE9B9; }
.key-features-card .key-features-items .form-title-row .icon{ background: #93CD5B;}



.tech-specs-table { border: 1px solid #FFE9B9; overflow: hidden; }
.tech-specs-header { background: #FFE9B9; padding: 20px; }
.tech-specs-header h5 { color: var(--color-black); }
.tech-specs-row { display: flex; padding: 14px 20px; }
.tech-specs-row:nth-child(odd) { background: #f9f0d5; }
.tech-specs-row:nth-child(even) { background: #fefff0; }
.tech-specs-label { flex: 0 0 34%; max-width: 34%; color: #525252; }
.tech-specs-value { flex: 1; color: var(--color-black); }

  @media (max-width: 480px) {
    .tech-specs-row { flex-direction: column; gap: 4px; }
    .tech-specs-label { max-width: 100%; font-weight: 600; }
  }


/* Product Reviews Showcase Panel */
.product-reviews-card { background: #FFFFEF; border-color: #FFE9B9; }
.reviews-dashboard { display: flex; align-items: center; gap: 30px; margin-top: 25px; margin-bottom: 35px; flex-wrap: wrap; }

.reviews-header-rating .total-count { color: #A3A3A3; }
.reviews-header-rating .total-count strong{ color: var(--color-black);}

.reviews-breakdown-col { flex: 0 0 280px; }
.rating-breakdown-row { display: flex; align-items: center; gap: 12px;  font-size: 13.5px; }
.rating-breakdown-row:not(:last-child){ margin-bottom: 8px;}
.rating-label { width: 10px; color: #525252; }
.rating-progress-bar { flex: 1; height: 6px; background: #EFEAE0; border-radius: 10px; overflow: hidden; }
.rating-progress-fill { height: 100%; border-radius: 10px; }
.rating-progress-fill.fill-5 { background: #93CD5B; width: 88%; }
.rating-progress-fill.fill-4 { background: #F59E0B; width: 9%; }
.rating-progress-fill.fill-3 { background: #F32929; width: 2%; }
.rating-progress-fill.fill-2 { background: #F32929; width: 1%; }
.rating-progress-fill.fill-1 { background: #F87D7E; width: 0%; }
.rating-percent { width: 35px; text-align: right; color: var(--color-black); }
.reviews-metrics-col { flex: 1; display: flex; gap: 16px; min-width: 320px; }
.review-metric-box { flex: 1; background: #FFE9B9; border: 1.5px solid #EDD8A8; padding: 20px 15px; text-align: center; display: flex; flex-direction: column; justify-content: center; }
.review-metric-box h4 { font-weight: var(--fw-semi-bold); color: var(--color-black); margin-bottom: 6px; }
.review-metric-box span { font-size: 13px; color: #737373; font-weight: var(--fw-medium); }

/* Reviews List Styles */
.review-list-divider-row { border-top: 1px solid #F5F5F5; padding-top: 25px; margin-top: 25px; }
.review-list-divider-row:first-of-type { border-top: 1px solid #F5F5F5; }
.review-item-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.review-item-title { font-weight: 700; color: var(--color-black); margin-bottom: 10px; }
.review-item-text {
    font-size: 14px;
    line-height: 1.6;
    color: #525252;
    margin-bottom: 20px;
}
.review-item-text p {
    margin-bottom: 0;
}
.review-item-footer {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 13.5px;
}
.review-item-footer .review-product-badge { background: #FBFBD6; border: 1px solid #FFE9B9; color: #F59E0B; font-size: 14px; padding: 5px 15px; border-radius: 50px; text-transform: uppercase; }
.review-item-footer .review-date {
    color: #A3A3A3;
}
.helpful-vote-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #737373;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 13.5px;
    padding: 0;
    transition: var(--transition-common);
}
.helpful-vote-btn:hover {
    color: var(--color-accent);
}
.helpful-vote-btn svg {
    color: #A3A3A3;
    transition: var(--transition-common);
}
.helpful-vote-btn:hover svg {
    color: var(--color-accent);
}

.reviews-loadmore-btn-row {
    margin-top: 35px;
    display: flex;
    justify-content: center;
}


.product-faq-card .accordion-item{ background: #FFF6E2CC; border: 1px solid #FAE9C4; border-radius: 12px; overflow: hidden;}
.product-faq-card .accordion-item:not(:last-child){ margin-bottom: 10px;}
.product-faq-card .accordion-button { background: transparent; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: var(--color-black); }
.product-faq-card .accordion-button:not(.collapsed){ background: #FAECCC;}









































/* Find A Dealer */
.find-dealer-header { background: #FAFAFA; border-bottom: 1px solid #E5E5E5; padding: 24px 0; }
.find-dealer-header h4 { margin-bottom: 8px; color: #222222; font-weight: var(--fw-medium);}
.find-dealer-header p { color: #5C5C5C; } 
.dealer-map-form { padding: 40px 0;}
.dealer-search-form { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; }
.dealer-search-form .field-group { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.dealer-search-form .field-label {color: #5C5C5C; font-size: var(--f-size-ES); }
.dealer-search-form .input-wrap { position: relative; display: flex; }
.dealer-search-form .zip-input { padding: 9px 12px 9px 60px; border: 1px solid #A6A6A6; border-radius: 5px; font-size: var(--f-size-ES); width: 230px; height: 48px; color: #333; }
.dealer-search-form .search-icon { position: absolute; left: 0; width: 50px; height: 100%; stroke: #999; pointer-events: none;background: #FAFAFA;border: 1px solid #A6A6A6; border-radius: 5px 0 0 5px; display: flex; align-items: center; justify-content: center;}
.dealer-search-form .search-icon svg:not(:root) { overflow: inherit;}
.dealer-search-form .radius-input, .dealer-search-form select { padding: 9px 12px; border: 1px solid #A6A6A6; border-radius: 4px; font-size: var(--f-size-ES); color: #5C5C5C; background: #fff;height: 48px; }
.dealer-search-form .radius-input { width: 160px; }
.dealer-search-form select { width: 160px; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>"); background-repeat: no-repeat; background-position: right 8px center; background-size: 22px; padding-right: 32px; }
.dealer-search-form input:focus, .dealer-search-form select:focus { outline: none; border-color: #1ec2e0; box-shadow: 0 0 0 3px rgba(30, 194, 224, 0.15); }
.dealer-search-form .btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 25px; border-radius: 5px; font-size: var(--f-size-ES); font-weight: 500; cursor: pointer; background: #fff; color: #525252; border: 1px solid #A6A6A6; height: 48px; }
.dealer-search-form .btn svg { width: 18px; height: 18px; }
.dealer-search-form .btn-primary { background: #1ec2e0; border-color: #1ec2e0; color: #fff; border-color: #1ec2e0; }
.dealer-search-form .btn-primary:hover { background: #17aecb; }
.dealer-search-form .btn:hover:not(.btn-primary) { background: #f5f5f5; }
.find-dealer-left { width: 28.2%; }
.find-dealer-right { width: calc(100% - 28.2%);}
.dealer-map-legend-box { background: #FAFAFA; padding: 24px; border-radius: 8px 8px 0 0; border-bottom: 1px solid rgba(166, 166, 166, 0.4)}
.dealer-map-legend-box h6 { color: #505050; margin-bottom: 30px;}
.dealer-map-legend-box ul li { display: flex; align-items: center; gap: 12px; color: #5C5C5C;}
.dealer-map-legend-box ul li:not(:last-child) { margin-bottom: 12px; }
.dealer-map-legend-box ul li span { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.dealer-map-legend-box ul li:first-child span { background-color: #FFE9B9;}
.dealer-map-legend-box ul li:nth-child(2) span { background-color: #E3F2D2;}
.dealer-map-left-info .dealer-count { text-align: center; padding: 20px 24px;}
.dealer-map-left-info .dealer-count p { color: #666666; }
.dealer-map-left-info .dealer-count p strong { color: #222222; font-weight: var(--fw-medium);}
.dealer-left-info-scroll-outer { overflow: hidden;}
.dealer-left-info-scroll { height: 500px; overflow-y: auto; padding-right: 14px; }
.dealer-map-full-content { padding: 16px; border-radius: 8px; margin-bottom: 16px;}
.dealer-map-full-content.border-box { background-color: var(--color-white); border: 1px solid rgba(49, 183, 224, 0.4); box-shadow: 0px 0px 16px 0px rgba(49, 183, 224, 0.15);}
.dealer-map-full-content.bg-box { background-color: #F9F9F9; }
.legend-tag { border-radius: 40px; padding: 6px 10px 6px 6px; display: inline-flex; gap: 5px; align-items: center; font-size: 14px; line-height: 1; margin-bottom: 8px;  }
.legend-tag.premier-tag { background: #FFF7E5; border: 1px solid #FFE9B9; color: #D69811; }
.legend-tag.premier-tag span { width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; background: #FFE9B9; border-radius: 50%; padding: 4px; }
.legend-tag.authorized-tag { background: #F7FFEE; border: 1px solid #E3F1D2; color: #89B457; }
.legend-tag.authorized-tag span { width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; background: #E3F1D2; border-radius: 50%; padding: 5px; }
.dealer-map-legend-content h5 { margin-bottom: 0; color: #5C5C5C; }
.dealer-map-legend-content p { margin-bottom: 14px; color: rgba(0, 0, 0, 0.6); font-size: 14px; }
.dealer-map-legend-content ul li { margin-bottom: 7px; }
.dealer-map-legend-content ul li a {  display: flex; gap: 5px; color: #5C5C5C; font-size: var(--f-size-ES); }
.dealer-map-legend-content ul li a img { width: 14px; }
.dealer-map-legend-content .user-info-area { margin-top: 14px; }
.dealer-map-legend-content .user-info-area .user-image { width: 34px; height: 34px; border-radius: 50%; overflow: hidden; }
.dealer-map-legend-content .user-info-area .user-image img { width: 100%; height: 100%; object-fit: cover; }
.dealer-map-legend-content .user-info-area .user-name { color: rgba(0, 0, 0, 0.6); font-size: var(--f-size-ES); }
.dealer-map-legend-content .user-info-area a { color: #5C5C5C; font-size: var(--f-size-ES); }
.dealer-map-legend-content .button-holder a.btn { flex: 1; }
.dealer-map-legend-content .button-holder a.btn.border-btn { border: 1px solid #31B7E0; color: #31B7E0; font-size: var(--f-size-ES); padding: 12px; font-weight: var(--fw-semi-bold); }
.dealer-map-legend-content .button-holder a.btn.primary-btn { border: 1px solid #9ECB6A; background: #9ECB6A; color: var(--color-white); font-size: var(--f-size-ES); padding: 12px; font-weight: var(--fw-semi-bold); }
.dealer-map-legend-content .button-holder a.btn.secondary-btn { border: 1px solid #31B7E0; background: #31B7E0; color: var(--color-white); font-size: var(--f-size-ES); padding: 12px; font-weight: var(--fw-semi-bold); }

.dealer-map-section { padding-bottom: 30px; }
.find-delaer-area .map-wrapper{ position:relative; border-radius:20px; overflow:hidden; }
.find-delaer-area .map-image{ width:100%; display:block; }
.find-delaer-area .map-marker{ position:absolute; }
.find-delaer-area .marker-btn{ width:60px; height:60px; border:none; background:none; cursor:pointer; box-shadow: 0px 38.49px 38.49px 0px #CDBEC247; background: #FFE9B9; border: 5px solid var(--color-white); border-radius: 2px; }
.find-delaer-area .marker-btn img{ width:100%; }
.find-delaer-area .marker-popup{ position:absolute; bottom:80px; left:50%; transform:translateX(-50%); width:360px; background:#fff; border-radius:18px; padding:24px; box-shadow:0 15px 40px rgba(0,0,0,.15); opacity:0; visibility:hidden; transition:.3s; }
.find-delaer-area .marker-popup::after{ content:""; position:absolute; bottom:-12px; left:50%; transform:translateX(-50%) rotate(45deg); width:24px; height:24px; background:#fff; }

.map-marker.active .marker-popup{
    opacity:1;
    visibility:visible;
}
/* SCROLL BAR DESIGN */

  /* width */
.dealer-left-info-scroll::-webkit-scrollbar {width: 4px; height: 4px; background-color: #E2E2E2;}
  /* Track */
.dealer-left-info-scroll::-webkit-scrollbar-track { }  
  /* Handle */
.dealer-left-info-scroll::-webkit-scrollbar-thumb {background:#31B7E0; border-radius: 10px; }

/* SCROLL BAR DESIGN */


/* DEALER DETAILS */
.custom-btn-3, a.custom-btn-3 { background: rgba(255,255,255,0.05); color: var(--color-white); padding: 11px 19px; font-size: var(--f-size-ES);  font-weight: var(--fw-regular);border: 1px solid var(--color-white); border-radius: 5px; backdrop-filter: blur(12.60px); display: flex; gap:8px; align-items: center;}
.dealer-banner-image { padding-bottom: 25.932%; overflow: hidden; position: relative;}
.dealer-banner-image:after { content: ""; position: absolute; inset: 0; background: linear-gradient(99.94deg, rgba(12, 31, 32, 0.6) 4.88%, rgba(12, 31, 32, 0.1) 49.79%, rgba(12, 31, 32, 0.7) 96.92%); }
.dealer-banner-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.dealer-banner-details-content .container { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}
.dealer-banner-details-content .banner-info .legend-tag.premier-tag {background: #FFFFEF; border: 1px solid #FFE9B9; }
.dealer-banner-details-content .banner-info .legend-tag.verified-tag {background: transparent; border: 1px solid var(--color-white); color: var(--color-white); }
.dealer-banner-details-content .banner-info h2 { color: var(--color-white); margin-bottom: 10px;}
.dealer-banner-details-content .banner-info p { color: #EDEDED; margin-bottom: 10px; }
.dealer-banner-details-content .banner-info .product-rating ul li { color: #EDEDED; margin-right: 5px; font-size: 16px; }
.dealer-banner-details-content .banner-info .product-rating p { margin: 0 0 0 10px; font-weight: bold;}
.dealer-banner-details-content .banner-info .button-holder a.btn.primary-btn { background: #FF9B31; border: 1px solid #FF9B31; padding: 12.5px 19px; font-size: var(--f-size-ES); color: var(--color-white); font-weight: var(--fw-semi-bold); }
.dealer-banner-details-content .banner-info .button-holder a.btn.secondary-btn { background: #31B7E0; border: 1px solid #31B7E0; padding: 12.5px 19px; font-size: var(--f-size-ES); color: var(--color-white); font-weight: var(--fw-semi-bold); }

.dealer-banner-details-content .dealer-bnr-right-img { max-width: 517px; margin: 0 0 0 auto; border-radius: 10px; overflow: hidden; padding-bottom: 43.105%; position: relative; }
.dealer-banner-details-content .dealer-bnr-right-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.dealer-icon-section { background: rgba(251, 251, 251, 0.9); box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.15); }
.dealer-icon-box .dealer-icon { width: 45px; margin: 0 auto 25px; }
.dealer-icon-box h5 { text-align: center; color: #222222;}
.dealer-icon-section .icon-list { padding: 30px 0;}
.dealer-icon-section .icon-list:nth-child(even) { background: #F0F6FF; }
.dealer-content-wrapper .offer-product { margin-top: 50px; }
.dealer-content-wrapper .bg-yellow-light { background: #FBF4EB; padding: 24px; border-radius: 8px; margin-bottom: 50px; }
.dealer-content-wrapper .bg-blue-light {  background: #F9FEFF; border: 1px solid rgba(229, 229, 229, 0.5); padding: 24px; border-radius: 8px;  margin: 0 0 50px;}
.dealer-content-wrapper .details-sec-title h4 { color: #222; margin-bottom: 10px; }
.dealer-content-wrapper .dealer-content-left .offer-product .deal-product-list { background: #FFFBF5; border: 1px solid #E5E5E5; padding: 16px;  border-radius: 8px; height: 100%;} 
.dealer-content-wrapper .dealer-content-left .offer-product .pro-list { margin-bottom: 24px; }
.dealer-content-wrapper .dealer-content-left .offer-product .row { margin-left: -9px; margin-right: -9px; }
.dealer-content-wrapper .dealer-content-left .offer-product .row>* { padding-left: 9px; padding-right: 9px; }
.dealer-content-wrapper .dealer-content-left .offer-product .deal-product-list .deal-product-img { padding-bottom: 62%; margin-bottom: 12px; position: relative; overflow: hidden; border-radius: 4px; }
.dealer-content-wrapper .dealer-content-left .offer-product .deal-product-list .deal-product-img img { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.dealer-content-wrapper .dealer-content-left .offer-product .deal-product-list .deal-product-content { text-align: center; }
.dealer-content-wrapper .dealer-content-left .offer-product .deal-product-list .deal-product-content h6 { font-size: var(--f-size-ES); margin-bottom: 5px; color: #5C5C5C; font-weight: var(--fw-medium); }
.dealer-content-wrapper .dealer-content-left .offer-product .deal-product-list .deal-product-content p { font-size: 14px; margin-bottom: 0; color: #505050; font-weight: var(--fw-regular); }
.dealer-content-wrapper .dealer-content-left .servives-area .map-details-wrapper iframe { width: 100%; border-radius: 10px; }
.dealer-product-gallery .gallery-item{ display:block; overflow:hidden; border-radius:2px; position:relative; }
.dealer-product-gallery .gallery-item img{ width:100%; height:168px; object-fit:cover; transition:.5s ease; }
.dealer-product-gallery .gallery-item::before{ content:""; position:absolute; inset:0; background:rgba(0,0,0,.25); opacity:0; transition:.4s; z-index:1; }
.dealer-product-gallery .gallery-item::after{ content:"+"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(.5); width:40px; height:40px; border-radius:50%; background:#fff; color:#000; font-size:25px; display:flex; align-items:center; justify-content:center; opacity:0; transition:.4s; z-index:2; }
.dealer-product-gallery .gallery-item:hover img{ transform:scale(1.08); }
.dealer-product-gallery .gallery-item:hover::before, .dealer-product-gallery .gallery-item:hover::after{ opacity:1; }
.dealer-product-gallery .gallery-item:hover::after{ transform:translate(-50%,-50%) scale(1); }
.dealer-content-wrapper .customer-review .product-rating ul li { margin-right: 2px;}
.dealer-content-wrapper .customer-review .product-rating ul li svg { color: #F0AC17; font-size: 15px; }
.dealer-content-wrapper .customer-review .product-rating p { color: #222222; }
.dealer-content-wrapper .customer-review .product-rating p strong { color: #666666; font-weight: var(--fw-semi-bold); }
.dealer-content-wrapper .customer-review .customer-review-wrapper { background: rgba(255, 255, 255, 0.3); border: 1px solid #EBE9E5; padding: 24px 40px; border-radius: 6px; margin-top: 18px; }
.customer-review-wrapper .customer-review-head .customer-profile .customer-img { width: 34px; height: 34px; border-radius: 50%; }
.customer-review-wrapper .customer-review-head .customer-profile .customer-img img { border-radius: 50%; width: 100%;height: 100%; object-fit: cover;}
.customer-review-wrapper .customer-review-head .customer-profile .customer-info h6 { color: #222222;margin-bottom: 0;}
.customer-review-wrapper .customer-review-head .post-date { font-size: var(--f-size-ES);}
.dealer-content-wrapper .customer-review .customer-review-wrapper .main-review-content { margin-top: 18px; color: #5C5C5C; }
.dealer-card{ background:#f8f1ea; border-radius:8px; padding:22px 28px; height:100%; transition:.3s; }
.dealer-card:hover{ transform:translateY(-4px); box-shadow:0 10px 25px rgba(0,0,0,.08); }
.dealer-card .icon-box{ width:44px; height:44px; min-width:44px; background:#8fd36c; border-radius:4px; display:flex; align-items:center; justify-content:center; margin-right:18px; }
.dealer-card .icon-box i{ color:#fff; font-size:20px; }
.dealer-card .content h5{ font-size: var(--f-size-Body); margin-bottom: 0; }
.dealer-card .content p{ margin:0; color:#5C5C5C; font-size:var(--f-size-ES); line-height:1.5; }
.dealer-recent-projects { padding:50px 0; background: #F9FEFF; border-top: 1px solid rgba(229, 229, 229, 0.5); }
.dealer-recent-projects h2 { margin-bottom: 2px;}
.dealer-recent-projects .project-card{ background:#fff; border:1px solid #dee2e6; border-radius:12px; overflow:hidden; height:100%; transition:.3s ease; }
.dealer-recent-projects .project-card:hover{ transform:translateY(-5px); box-shadow:0 12px 25px rgba(0,0,0,.08); }
.dealer-recent-projects .project-img{ overflow:hidden; }
.dealer-recent-projects .project-img img{ width:100%; height:190px; object-fit:cover;  }
.dealer-recent-projects .project-content{ padding:18px; }
.dealer-recent-projects .project-content h5{ font-size:var(--f-size-Body); margin-bottom:4px; color:#5C5C5C; }
.dealer-recent-projects .project-content span{ display:block; color:#666; font-size:16px; }
.common-img-hover img {transition:.4s;}
.common-img-hover:hover img { transition:.4s; transform:scale(1.05); }
.dealer-sidebar { border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; height: 100%; margin-left: 30px;}
.dealer-sidebar .dealer-contact { padding: 0 30px 50px 30px; border-bottom: 1px solid #E5E5E5; }
.dealer-sidebar .dealer-contact ul li { color: #5C5C5C; position: relative; padding-left: 30px; margin-bottom: 5px; }
.dealer-sidebar .dealer-contact ul li svg { position: absolute; left: 0; top: 6px; }
.dealer-sidebar .dealer-contact ul li a { color: #5C5C5C; }
.dealer-sidebar .service-redius, .dealer-sidebar .product-available {  padding: 30px 30px 50px; border-bottom: 1px solid #E5E5E5;}
.dealer-sidebar .product-available ul li { background: #FAFAFA; border: 1.43px solid #F5F5F5; padding: 16px; border-radius: 6px; margin-bottom: 8px; display: flex; align-items: center; gap: 15px; }
.dealer-sidebar .get-quote-box { padding: 40px 30px 30px; border-bottom: 1px solid #E5E5E5; }
.dealer-sidebar .get-quote-box .get-quote-box-form { background: #FCFAF5; padding: 20px; border: 1px solid rgba(222, 220, 215, 0.5); }
.dealer-sidebar .get-quote-box .get-quote-box-form h4 { margin-bottom: 5px; }
.dealer-sidebar .get-quote-box .get-quote-box-form p { font-size: 14px; }
.dealer-sidebar .get-quote-box .get-quote-box-form input.form-control, .dealer-sidebar .get-quote-box .get-quote-box-form select.form-select.quote-input { height: 55px; border-radius: 0; border: 1px solid rgba(166, 166, 166, 0.2); background-color: transparent; }
.dealer-sidebar .trust-credentials {  padding: 30px; }
.dealer-sidebar .trust-credentials .dealer-card { background: #FAFAFA; border: 1.43px solid #F5F5F5; padding: 18px; margin-bottom: 16px; border-radius: 6px; }
.dealer-sidebar .trust-credentials .dealer-card:hover { transform: translateY(0); box-shadow: inherit; }

/* Certified Installer Card */
.installer-badge-card { background-color: #27ADD6; color: var(--color-white); position: relative; isolation: isolate; }
.installer-badge-card::after{ content: ""; position: absolute; z-index: -1; inset: 0; background-image: url(../images/cta-get-bg.png); background-position: left center; background-size: cover; background-repeat: no-repeat; opacity: 0.7;}
.installer-icon-box { width: 64px; height: 64px; min-width: 64px; background: var(--color-white); display: flex; align-items: center; justify-content: center; }
.installer-icon-box img { width: 32px; filter: brightness(0) saturate(100%) invert(10%) sepia(21%) saturate(2371%) hue-rotate(145deg) brightness(91%) contrast(92%); }
.installer-info-content span { font-size: 14px; text-transform: uppercase; }
.installer-info-content h4 { color: var(--color-white); margin: 4px 0 10px 0; }
.installer-info-content p { color: var(--color-white); }
.installer-badges-col { width: 220px; flex-shrink: 0; }
.installer-badge-pill { background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.15); backdrop-filter: blur(8px); border-radius: 8px; padding: 10px 14px; display: flex; align-items: center; gap: 12px; }
.installer-badge-pill .icon-wrap { color: var(--color-white); }
.installer-badge-pill .icon-wrap img { width: 18px; filter: brightness(0) invert(1); }
.installer-badge-pill .icon-wrap svg { display: block; }
.badge-text h6 { color: var(--color-white); font-size: 14; margin-bottom: 2px; }
.badge-text span { color: var(--color-white); font-size: 12px; display: block; }
.installer-checklist-row { border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 24px; padding-top: 20px; display: flex; flex-wrap: wrap; gap: 24px; }
.installer-checklist-item { display: flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: var(--fw-medium); }
.installer-checklist-item img { width: 20px; filter: brightness(0) saturate(100%) invert(88%) sepia(31%) saturate(760%) hue-rotate(44deg) brightness(97%) contrast(90%); }

/* Local Dealer Card */
.dealer-status-badge { background: #EEFBE7; border: 1px solid #D2F1BF; color: #4C9E2F; font-size: 13px; font-weight: var(--fw-semi-bold); padding: 6px 14px; border-radius: 50px; display: inline-flex; align-items: center; gap: 6px; }
.dealer-status-badge .status-dot { width: 6px; height: 6px; background: #4C9E2F; border-radius: 50%; }
.dealer-logo-box { width: 56px; height: 56px; min-width: 56px; background: #8FD36C; display: flex; align-items: center; justify-content: center; }
.dealer-logo-box img { width: 24px; filter: brightness(0) invert(1); }
.dealer-details-content h6 { font-size: 18px; font-weight: 700; color: var(--color-black); margin: 0; }
.dealer-badge-tag { background: #FFFFEF; border: 1px solid #FFE9B9; color: #CC8E07; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 20px; display: inline-flex; align-items: center; gap: 4px; text-transform: uppercase; }
.dealer-badge-tag img { width: 10px; filter: brightness(0) saturate(100%) invert(59%) sepia(94%) saturate(1167%) hue-rotate(11deg) brightness(94%) contrast(95%); }
.dealer-meta-list { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 8px; font-size: 13px; color: #737373; }
.dealer-meta-item { display: flex; align-items: center; gap: 6px; }
.dealer-meta-item img { width: 14px; opacity: 0.6; }
.dealer-actions-wrap .custom-btn { padding: 12px 20px; font-size: 14px; font-weight: var(--fw-semi-bold); border-radius: 6px; }
.dealer-actions-wrap .custom-btn img { height: 14px; }
.call-btn-icon-filter { filter: brightness(0) saturate(100%) invert(10%) sepia(21%) saturate(2371%) hue-rotate(145deg) brightness(91%) contrast(92%); }
.dealer-actions-wrap .custom-btn:hover .call-btn-icon-filter { filter: brightness(0) invert(1); }
.local-dealer-card .custom-btn.custom-btn-white-border { border-color: #D4D4D4; color: #525252 !important; }
.local-dealer-card .custom-btn.custom-btn-white-border:hover { background: #525252; border-color: #525252; color: var(--color-white) !important; }
.local-dealer-card .custom-btn.custom-btn-white-border img { filter: brightness(0) saturate(100%) invert(32%) sepia(0%) saturate(85%) hue-rotate(180deg) brightness(97%) contrast(92%); }
.local-dealer-card .custom-btn.custom-btn-white-border:hover img { filter: brightness(0) invert(1); }

/* Gallery CTA Card */
.gallery-cta-card { background-color: #80BD45; color: var(--color-white); position: relative; isolation: isolate; padding: 35px 70px;}
.gallery-cta-card::after{ content: ""; position: absolute; z-index: -1; inset: 0; background-image: url(../images/cta-get-bg.png); background-position: left center; background-size: cover; background-repeat: no-repeat; opacity: 0.7;}
.gallery-cta-card .gallery-cta-info { max-width: 50%; margin-bottom: 25px;}
.gallery-cta-info span { letter-spacing: 1px; text-transform: uppercase; }
.gallery-cta-info h3 { color: var(--color-white);  margin: 4px 0 10px 0; }
.gallery-cta-info p { color: var(--color-white); }
.gallery-cta-btn-wrap .custom-btn { font-weight: 700; color: #75AF3D; }
.gallery-cta-btn-wrap .custom-btn:hover { color: var(--color-white) !important; }
.gallery-icon-filter { filter: brightness(0) saturate(100%) invert(56%) sepia(50%) saturate(638%) hue-rotate(47deg) brightness(99%) contrast(85%); }
.gallery-cta-btn-wrap .custom-btn:hover .gallery-icon-filter { filter: brightness(0) invert(1); }

/* Product Gallery Section styling */
.product-gallery-card { background: #ffffff; border: 1px solid #E5E5E5; padding: 16px; margin-bottom: 20px; }

.gallery-main-slider-wrap { height: 460px; border-radius: 12px; overflow: hidden; background-color: #f7f7f7; }

.gallery-main-slider, .gallery-main-slider .slick-list, .gallery-main-slider .slick-track, .gallery-main-slider .gallery-slide-item { height: 100%; }

.gallery-slide-item img { width: 100%; height: 100%; object-fit: cover; display: block; cursor: zoom-in; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }

.gallery-slide-item img:hover { transform: scale(1.03); }

/* Badges overlay */
.gallery-badges { top: 16px; left: 16px; z-index: 10; display: flex; gap: 8px; }

.gallery-badge { font-size: var(--f-size-ES); font-weight: var(--fw-semi-bold); padding: 6px 16px; border-radius: 50px; letter-spacing: 0.2px; text-transform: uppercase; }

.gallery-badge.badge-featured { background: #000000; color: #ffffff; }

.gallery-badge.badge-popular { background: #ffffff; color: #000000; box-shadow: 0 4px 10px rgba(0,0,0,0.06); }

/* Zoom button */
.gallery-zoom-btn { position: absolute; top: 16px; right: 16px; z-index: 10; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.3); color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: var(--transition-common); box-shadow: 0 4px 10px rgba(0,0,0,0.1); }

.gallery-zoom-btn:hover { background: #ffffff; color: #000000; transform: scale(1.08); }

/* Slick slider arrows overlay */
.gallery-arrows { position: absolute; bottom: 16px; left: 16px; z-index: 10; display: flex; gap: 8px; }

.gallery-arrow { width: 36px; height: 36px; border-radius: 50%; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border: 1px solid rgba(255, 255, 255, 0.15); color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: var(--transition-common); }

.gallery-arrow:hover { background: #ffffff; color: #000000; border-color: #ffffff; transform: scale(1.08); box-shadow: 0 4px 10px rgba(0,0,0,0.15); }

/* Photo Count badge */
.gallery-count-badge { position: absolute; bottom: 16px; right: 16px; z-index: 10; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border: 1px solid rgba(255, 255, 255, 0.15); color: #ffffff; padding: 6px 14px; border-radius: 50px; font-size: 13px; font-weight: var(--fw-medium); display: flex; align-items: center; justify-content: center; gap: 6px; cursor: pointer; transition: var(--transition-common); }

.gallery-count-badge:hover { background: #000000; border-color: #000000; transform: translateY(-2px); }

/* Side thumbnails styling */
.gallery-side-wrap { height: 460px; }

.gallery-side-item { height: calc(50% - 8px); cursor: pointer; overflow: hidden; position: relative; border-radius: 12px; background: #f7f7f7; border: 1px solid #E5E5E5; }

.gallery-side-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }

.gallery-side-item:hover img { transform: scale(1.04); }

/* Lower image more overlay */
.gallery-more-overlay { background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(1.5px); -webkit-backdrop-filter: blur(1.5px); display: flex; align-items: center; justify-content: center; transition: background 0.3s ease; z-index: 2; }

.gallery-more-overlay span { color: #ffffff; font-family: var(--ff-title); font-size: 18px; font-weight: var(--fw-bold); letter-spacing: 0.5px; transition: transform 0.3s ease; }

.gallery-side-item:hover .gallery-more-overlay { background: rgba(0, 0, 0, 0.55); }

.gallery-side-item:hover .gallery-more-overlay span { transform: scale(1.08); }

/* cursor-zoom helper */
.cursor-zoom { cursor: zoom-in; }

/* GLightbox overrides for a super premium dark view */
.glightbox-container .goverlay { background: rgba(10, 10, 10, 0.95) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev { background-color: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; backdrop-filter: blur(8px); border-radius: 50% !important; color: #fff !important; width: 44px !important; height: 44px !important; transition: all 0.3s ease !important; }
.glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover { background-color: #ffffff !important; color: #000000 !important; transform: scale(1.08); }
.glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path { fill: currentColor !important; }
.glightbox-clean .gclose { top: 24px !important; right: 24px !important; }

/* Responsive adjustment */
@media (max-width: 767px) {
    .gallery-main-slider-wrap {
        height: 300px;
    }
    .product-gallery-card {
        padding: 8px;
    }
}