@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap');

:root {
    /* Theme variable delegation with --panb- prefix */
    --panb-header-builder-light-color: var(--header-builder-light-color, #FFFFFF);
    --panb-header-builder-light-color-hover: var(--header-builder-light-color-hover, #93D400FF);
    --panb-main-bg-color: var(--main-bg-color, #000000FF);
    --panb-main-bg-color-08: var(--main-bg-color-08, rgba(0, 0, 0, 0.8));
    --panb-styled-bg-color: var(--styled-bg-color, #000000FF);
    --panb-thegem-to-body-color: var(--thegem-to-body-color, #FFFFFFFF);
    --panb-thegem-to-body-color-07: var(--thegem-to-body-color-07, rgba(255, 255, 255, 0.7));
    --panb-thegem-to-body-font-family: var(--thegem-to-body-font-family, Source Sans Pro);
    --panb-thegem-to-body-font-size: var(--thegem-to-body-font-size, 22px);
    --panb-thegem-to-body-font-style: var(--thegem-to-body-font-style, normal);
    --panb-thegem-to-body-font-weight: var(--thegem-to-body-font-weight, normal);
    --panb-thegem-to-body-letter-spacing: var(--thegem-to-body-letter-spacing, 0px);
    --panb-thegem-to-body-line-height: var(--thegem-to-body-line-height, 25px);
    --panb-thegem-to-body-sup-font-size: var(--thegem-to-body-sup-font-size, 15.125px);
    --panb-thegem-to-body-tiny-font-family: var(--thegem-to-body-tiny-font-family, Source Sans Pro);
    --panb-thegem-to-body-tiny-font-size: var(--thegem-to-body-tiny-font-size, 19.25px);
    --panb-thegem-to-body-tiny-font-style: var(--thegem-to-body-tiny-font-style, normal);
    --panb-thegem-to-body-tiny-font-weight: var(--thegem-to-body-tiny-font-weight, normal);
    --panb-thegem-to-body-tiny-letter-spacing: var(--thegem-to-body-tiny-letter-spacing, 0px);
    --panb-thegem-to-body-tiny-line-height: var(--thegem-to-body-tiny-line-height, 21.875px);
    --panb-thegem-to-box-border-color: var(--thegem-to-box-border-color, #A0A0A0FF);
    --panb-thegem-to-breadcrumbs-color: var(--thegem-to-breadcrumbs-color, #B3B3B3FF);
    --panb-thegem-to-breadcrumbs-color-active: var(--thegem-to-breadcrumbs-color-active, #989898FF);
    --panb-thegem-to-breadcrumbs-color-hover: var(--thegem-to-breadcrumbs-color-hover, #4B4B4BFF);
    --panb-thegem-to-button-basic-background-color: var(--thegem-to-button-basic-background-color, #A0CE4EFF);
    --panb-thegem-to-button-basic-background-color-hover: var(--thegem-to-button-basic-background-color-hover, #85CA38FF);
    --panb-thegem-to-button-basic-color: var(--thegem-to-button-basic-color, #FFFFFFFF);
    --panb-thegem-to-button-basic-color-hover: var(--thegem-to-button-basic-color-hover, #FFFFFFFF);
    --panb-thegem-to-button-font-family: var(--thegem-to-button-font-family, 'Montserrat');
    --panb-thegem-to-button-font-style: var(--thegem-to-button-font-style, normal);
    --panb-thegem-to-button-font-weight: var(--thegem-to-button-font-weight, 700);
    --panb-thegem-to-cart-amount-color: var(--thegem-to-cart-amount-color, #595959FF);
    --panb-thegem-to-cart-icon-font: var(--thegem-to-cart-icon-font, 'thegem-icons');
    --panb-thegem-to-cart-icon-icon: var(--thegem-to-cart-icon-icon, '\e67d');
    --panb-thegem-to-contact-form-dark-input-icon-color: var(--thegem-to-contact-form-dark-input-icon-color, #C4C4C4FF);
    --panb-thegem-to-contact-form-light-input-icon-color: var(--thegem-to-contact-form-light-input-icon-color, #C4C4C4FF);
    --panb-thegem-to-date-filter-subtitle-color: var(--thegem-to-date-filter-subtitle-color, #707070FF);
    --panb-thegem-to-divider-color: var(--thegem-to-divider-color, #A0CE4EFF);
    --panb-thegem-to-form-elements-background-color: var(--thegem-to-form-elements-background-color, #DCDCDCFF);
    --panb-thegem-to-form-elements-border-color: var(--thegem-to-form-elements-border-color, #858585FF);
    --panb-thegem-to-form-elements-text-color: var(--thegem-to-form-elements-text-color, #8C8C8CFF);
    --panb-thegem-to-h1-color: var(--thegem-to-h1-color, #A0CE4EFF);
    --panb-thegem-to-h1-font-family: var(--thegem-to-h1-font-family, 'Montserrat');
    --panb-thegem-to-h1-font-size: var(--thegem-to-h1-font-size, 50px);
    --panb-thegem-to-h1-font-style: var(--thegem-to-h1-font-style, normal);
    --panb-thegem-to-h1-font-weight: var(--thegem-to-h1-font-weight, 700);
    --panb-thegem-to-h1-letter-spacing: var(--thegem-to-h1-letter-spacing, 0px);
    --panb-thegem-to-h1-line-height: var(--thegem-to-h1-line-height, 69px);
    --panb-thegem-to-h2-color: var(--thegem-to-h2-color, #A0CE4EFF);
    --panb-thegem-to-h2-font-family: var(--thegem-to-h2-font-family, 'Montserrat');
    --panb-thegem-to-h2-font-size: var(--thegem-to-h2-font-size, 36px);
    --panb-thegem-to-h2-font-style: var(--thegem-to-h2-font-style, normal);
    --panb-thegem-to-h2-font-weight: var(--thegem-to-h2-font-weight, 700);
    --panb-thegem-to-h2-letter-spacing: var(--thegem-to-h2-letter-spacing, 0px);
    --panb-thegem-to-h2-line-height: var(--thegem-to-h2-line-height, 53px);
    --panb-thegem-to-h3-color: var(--thegem-to-h3-color, #FFFFFFFF);
    --panb-thegem-to-h3-font-family: var(--thegem-to-h3-font-family, 'Montserrat');
    --panb-thegem-to-h3-font-size: var(--thegem-to-h3-font-size, 28px);
    --panb-thegem-to-h3-font-style: var(--thegem-to-h3-font-style, normal);
    --panb-thegem-to-h3-font-weight: var(--thegem-to-h3-font-weight, 700);
    --panb-thegem-to-h3-letter-spacing: var(--thegem-to-h3-letter-spacing, 0px);
    --panb-thegem-to-h3-line-height: var(--thegem-to-h3-line-height, 42px);
    --panb-thegem-to-h4-color: var(--thegem-to-h4-color, #A0CE4EFF);
    --panb-thegem-to-h4-font-family: var(--thegem-to-h4-font-family, 'Montserrat');
    --panb-thegem-to-h4-font-size: var(--thegem-to-h4-font-size, 24px);
    --panb-thegem-to-h4-font-style: var(--thegem-to-h4-font-style, normal);
    --panb-thegem-to-h4-font-weight: var(--thegem-to-h4-font-weight, 700);
    --panb-thegem-to-h4-letter-spacing: var(--thegem-to-h4-letter-spacing, 0px);
    --panb-thegem-to-h4-line-height: var(--thegem-to-h4-line-height, 38px);
    --panb-thegem-to-h5-color: var(--thegem-to-h5-color, #FFFFFFFF);
    --panb-thegem-to-h5-font-family: var(--thegem-to-h5-font-family, 'Source Sans Pro');
    --panb-thegem-to-h5-font-size: var(--thegem-to-h5-font-size, 20px);
    --panb-thegem-to-h5-font-style: var(--thegem-to-h5-font-style, normal);
    --panb-thegem-to-h5-font-weight: var(--thegem-to-h5-font-weight, normal);
    --panb-thegem-to-h5-letter-spacing: var(--thegem-to-h5-letter-spacing, 0px);
    --panb-thegem-to-h5-line-height: var(--thegem-to-h5-line-height, 25px);
    --panb-thegem-to-h6-color: var(--thegem-to-h6-color, #CCCCCCFF);
    --panb-thegem-to-h6-font-family: var(--thegem-to-h6-font-family, 'Montserrat');
    --panb-thegem-to-h6-font-size: var(--thegem-to-h6-font-size, 16px);
    --panb-thegem-to-h6-font-size-small: var(--thegem-to-h6-font-size-small, 14px);
    --panb-thegem-to-h6-font-size-tiny: var(--thegem-to-h6-font-size-tiny, 7.04px);
    --panb-thegem-to-h6-font-style: var(--thegem-to-h6-font-style, normal);
    --panb-thegem-to-h6-font-weight: var(--thegem-to-h6-font-weight, 700);
    --panb-thegem-to-h6-letter-spacing: var(--thegem-to-h6-letter-spacing, 0px);
    --panb-thegem-to-h6-line-height: var(--thegem-to-h6-line-height, 25px);
    --panb-thegem-to-h6-line-height-small: var(--thegem-to-h6-line-height-small, 21.875px);
    --panb-thegem-to-hamburger-menu-icon-color: var(--thegem-to-hamburger-menu-icon-color, #ffffff);
    --panb-thegem-to-hamburger-menu-icon-light-color: var(--thegem-to-hamburger-menu-icon-light-color, #ffffff);
    --panb-thegem-to-hover-default-color: var(--thegem-to-hover-default-color, #A0CE4EFF);
    --panb-thegem-to-hover-default-color-03: var(--thegem-to-hover-default-color-03, rgba(160, 206, 78, 0.3));
    --panb-thegem-to-hover-default-color-08: var(--thegem-to-hover-default-color-08, rgba(160, 206, 78, 0.8));
    --panb-thegem-to-icons-portfolio-gallery-color-hover: var(--thegem-to-icons-portfolio-gallery-color-hover, #797979FF);
    --panb-thegem-to-light-title-font-family: var(--thegem-to-light-title-font-family, 'Montserrat UltraLight');
    --panb-thegem-to-light-title-font-style: var(--thegem-to-light-title-font-style, normal);
    --panb-thegem-to-light-title-font-weight: var(--thegem-to-light-title-font-weight, normal);
    --panb-thegem-to-link-color: var(--thegem-to-link-color, #A0CE4EFF);
    --panb-thegem-to-link-color-active: var(--thegem-to-link-color-active, #A0CE4EFF);
    --panb-thegem-to-link-color-hover: var(--thegem-to-link-color-hover, #939393FF);
    --panb-thegem-to-main-bg-color: var(--thegem-to-main-bg-color, #000000FF);
    --panb-thegem-to-mega-menu-column-title-active-color: var(--thegem-to-mega-menu-column-title-active-color, #A0CE4EFF);
    --panb-thegem-to-mega-menu-column-title-color: var(--thegem-to-mega-menu-column-title-color, #ffffff);
    --panb-thegem-to-mega-menu-column-title-hover-color: var(--thegem-to-mega-menu-column-title-hover-color, #A0CE4EFF);
    --panb-thegem-to-menu-font-family: var(--thegem-to-menu-font-family, Montserrat);
    --panb-thegem-to-menu-font-size: var(--thegem-to-menu-font-size, 14px);
    --panb-thegem-to-menu-font-style: var(--thegem-to-menu-font-style, normal);
    --panb-thegem-to-menu-font-weight: var(--thegem-to-menu-font-weight, 600);
    --panb-thegem-to-menu-letter-spacing: var(--thegem-to-menu-letter-spacing, 2px);
    --panb-thegem-to-menu-level1-active-bg-color: var(--thegem-to-menu-level1-active-bg-color, #000000FF);
    --panb-thegem-to-menu-level1-active-color: var(--thegem-to-menu-level1-active-color, #FFFFFFFF);
    --panb-thegem-to-menu-level1-color: var(--thegem-to-menu-level1-color, #FFFFFFFF);
    --panb-thegem-to-menu-level1-color-hover: var(--thegem-to-menu-level1-color-hover, #93D400FF);
    --panb-thegem-to-menu-level1-light-active-color: var(--thegem-to-menu-level1-light-active-color, #FFFFFFFF);
    --panb-thegem-to-menu-level1-light-color: var(--thegem-to-menu-level1-light-color, #FFFFFFFF);
    --panb-thegem-to-menu-level1-light-hover-color: var(--thegem-to-menu-level1-light-hover-color, #93D400FF);
    --panb-thegem-to-menu-level2-active-bg-color: var(--thegem-to-menu-level2-active-bg-color, #303030FF);
    --panb-thegem-to-menu-level2-active-color: var(--thegem-to-menu-level2-active-color, #C1C1C1FF);
    --panb-thegem-to-menu-level2-bg-color: var(--thegem-to-menu-level2-bg-color, #000000FF);
    --panb-thegem-to-menu-level2-border-color: var(--thegem-to-menu-level2-border-color, #4D4D4DFF);
    --panb-thegem-to-menu-level2-color: var(--thegem-to-menu-level2-color, #99a9b5);
    --panb-thegem-to-menu-level2-hover-bg-color: var(--thegem-to-menu-level2-hover-bg-color, #414141FF);
    --panb-thegem-to-menu-level2-hover-color: var(--thegem-to-menu-level2-hover-color, #ffffff);
    --panb-thegem-to-menu-level3-active-bg-color: var(--thegem-to-menu-level3-active-bg-color, #2D2D2DFF);
    --panb-thegem-to-menu-level3-active-color: var(--thegem-to-menu-level3-active-color, #93D400FF);
    --panb-thegem-to-menu-level3-bg-color: var(--thegem-to-menu-level3-bg-color, #000000FF);
    --panb-thegem-to-menu-level3-color: var(--thegem-to-menu-level3-color, #99a9b5);
    --panb-thegem-to-menu-level3-hover-bg-color: var(--thegem-to-menu-level3-hover-bg-color, #2A2A2AFF);
    --panb-thegem-to-menu-level3-hover-color: var(--thegem-to-menu-level3-hover-color, #ffffff);
    --panb-thegem-to-menu-line-height: var(--thegem-to-menu-line-height, 21px);
    --panb-thegem-to-menu-text-transform: var(--thegem-to-menu-text-transform, uppercase);
    --panb-thegem-to-mobile-menu-bg-color: var(--thegem-to-mobile-menu-bg-color, #212331);
    --panb-thegem-to-mobile-menu-border-color: var(--thegem-to-mobile-menu-border-color, #494c64);
    --panb-thegem-to-mobile-menu-btn-color: var(--thegem-to-mobile-menu-btn-color, #ffffff);
    --panb-thegem-to-mobile-menu-btn-light-color: var(--thegem-to-mobile-menu-btn-light-color, #ffffff);
    --panb-thegem-to-mobile-menu-font-family: var(--thegem-to-mobile-menu-font-family, Source Sans Pro);
    --panb-thegem-to-mobile-menu-font-size: var(--thegem-to-mobile-menu-font-size, 16px);
    --panb-thegem-to-mobile-menu-font-style: var(--thegem-to-mobile-menu-font-style, normal);
    --panb-thegem-to-mobile-menu-font-weight: var(--thegem-to-mobile-menu-font-weight, 400);
    --panb-thegem-to-mobile-menu-hide-color: var(--thegem-to-mobile-menu-hide-color, #ffffff);
    --panb-thegem-to-mobile-menu-letter-spacing: var(--thegem-to-mobile-menu-letter-spacing, 0px);
    --panb-thegem-to-mobile-menu-level1-active-bg-color: var(--thegem-to-mobile-menu-level1-active-bg-color, #212331);
    --panb-thegem-to-mobile-menu-level1-active-color: var(--thegem-to-mobile-menu-level1-active-color, #ffffff);
    --panb-thegem-to-mobile-menu-level1-bg-color: var(--thegem-to-mobile-menu-level1-bg-color, #212331);
    --panb-thegem-to-mobile-menu-level1-color: var(--thegem-to-mobile-menu-level1-color, #99a9b5);
    --panb-thegem-to-mobile-menu-level2-active-bg-color: var(--thegem-to-mobile-menu-level2-active-bg-color, #393d4f);
    --panb-thegem-to-mobile-menu-level2-active-color: var(--thegem-to-mobile-menu-level2-active-color, #ffffff);
    --panb-thegem-to-mobile-menu-level2-bg-color: var(--thegem-to-mobile-menu-level2-bg-color, #393d4f);
    --panb-thegem-to-mobile-menu-level2-color: var(--thegem-to-mobile-menu-level2-color, #99a9b5);
    --panb-thegem-to-mobile-menu-level3-active-bg-color: var(--thegem-to-mobile-menu-level3-active-bg-color, #00bcd4);
    --panb-thegem-to-mobile-menu-level3-active-color: var(--thegem-to-mobile-menu-level3-active-color, #3c3950);
    --panb-thegem-to-mobile-menu-level3-bg-color: var(--thegem-to-mobile-menu-level3-bg-color, #494c64);
    --panb-thegem-to-mobile-menu-level3-color: var(--thegem-to-mobile-menu-level3-color, #99a9b5);
    --panb-thegem-to-mobile-menu-line-height: var(--thegem-to-mobile-menu-line-height, 20px);
    --panb-thegem-to-mobile-menu-socials-color: var(--thegem-to-mobile-menu-socials-color, #99a9b5);
    --panb-thegem-to-mobile-menu-text-transform: var(--thegem-to-mobile-menu-text-transform, none);
    --panb-thegem-to-overlay-menu-active-color: var(--thegem-to-overlay-menu-active-color, #93D400FF);
    --panb-thegem-to-overlay-menu-bg-color: var(--thegem-to-overlay-menu-bg-color, #2A2A2AFF);
    --panb-thegem-to-overlay-menu-color: var(--thegem-to-overlay-menu-color, #FFFFFFFF);
    --panb-thegem-to-overlay-menu-font-family: var(--thegem-to-overlay-menu-font-family, 'Montserrat');
    --panb-thegem-to-overlay-menu-font-size: var(--thegem-to-overlay-menu-font-size, 32px);
    --panb-thegem-to-overlay-menu-font-style: var(--thegem-to-overlay-menu-font-style, normal);
    --panb-thegem-to-overlay-menu-font-weight: var(--thegem-to-overlay-menu-font-weight, 700);
    --panb-thegem-to-overlay-menu-hover-color: var(--thegem-to-overlay-menu-hover-color, #93D400FF);
    --panb-thegem-to-overlay-menu-letter-spacing: var(--thegem-to-overlay-menu-letter-spacing, 0px);
    --panb-thegem-to-overlay-menu-line-height: var(--thegem-to-overlay-menu-line-height, 64px);
    --panb-thegem-to-overlay-menu-text-transform: var(--thegem-to-overlay-menu-text-transform, none);
    --panb-thegem-to-pagination-background-color: var(--thegem-to-pagination-background-color, #535353FF);
    --panb-thegem-to-pagination-color: var(--thegem-to-pagination-color, #C3C3C3FF);
    --panb-thegem-to-pagination-color-active: var(--thegem-to-pagination-color-active, #484848FF);
    --panb-thegem-to-pagination-color-hover: var(--thegem-to-pagination-color-hover, #A0CE4EFF);
    --panb-thegem-to-portfolio-date-color: var(--thegem-to-portfolio-date-color, #B9B9B9FF);
    --panb-thegem-to-product-attribute-font-size: var(--thegem-to-product-attribute-font-size, 14px);
    --panb-thegem-to-product-attribute-letter-spacing: var(--thegem-to-product-attribute-letter-spacing, 0px);
    --panb-thegem-to-product-attribute-line-height: var(--thegem-to-product-attribute-line-height, 21px);
    --panb-thegem-to-product-grid-category-color: var(--thegem-to-product-grid-category-color, #8D8D8DFF);
    --panb-thegem-to-product-grid-category-font-family: var(--thegem-to-product-grid-category-font-family, Montserrat);
    --panb-thegem-to-product-grid-category-font-size: var(--thegem-to-product-grid-category-font-size, 9px);
    --panb-thegem-to-product-grid-category-font-style: var(--thegem-to-product-grid-category-font-style, normal);
    --panb-thegem-to-product-grid-category-font-weight: var(--thegem-to-product-grid-category-font-weight, 500);
    --panb-thegem-to-product-grid-category-hover-color: var(--thegem-to-product-grid-category-hover-color, #868686FF);
    --panb-thegem-to-product-grid-category-letter-spacing: var(--thegem-to-product-grid-category-letter-spacing, 1.3px);
    --panb-thegem-to-product-grid-category-line-height: var(--thegem-to-product-grid-category-line-height, 9px);
    --panb-thegem-to-product-grid-category-text-transform: var(--thegem-to-product-grid-category-text-transform, uppercase);
    --panb-thegem-to-product-grid-icon-color: var(--thegem-to-product-grid-icon-color, #7C7C7CFF);
    --panb-thegem-to-product-grid-price-color: var(--thegem-to-product-grid-price-color, #969696FF);
    --panb-thegem-to-product-grid-price-font-family: var(--thegem-to-product-grid-price-font-family, 'Source Sans Pro');
    --panb-thegem-to-product-grid-price-font-size: var(--thegem-to-product-grid-price-font-size, 16px);
    --panb-thegem-to-product-grid-price-font-style: var(--thegem-to-product-grid-price-font-style, normal);
    --panb-thegem-to-product-grid-price-font-weight: var(--thegem-to-product-grid-price-font-weight, normal);
    --panb-thegem-to-product-grid-price-letter-spacing: var(--thegem-to-product-grid-price-letter-spacing, 0px);
    --panb-thegem-to-product-grid-price-line-height: var(--thegem-to-product-grid-price-line-height, 25px);
    --panb-thegem-to-product-grid-title-color: var(--thegem-to-product-grid-title-color, #858585FF);
    --panb-thegem-to-product-grid-title-font-family: var(--thegem-to-product-grid-title-font-family, Montserrat);
    --panb-thegem-to-product-grid-title-font-size: var(--thegem-to-product-grid-title-font-size, 13.5px);
    --panb-thegem-to-product-grid-title-font-style: var(--thegem-to-product-grid-title-font-style, normal);
    --panb-thegem-to-product-grid-title-font-weight: var(--thegem-to-product-grid-title-font-weight, 700);
    --panb-thegem-to-product-grid-title-hover-color: var(--thegem-to-product-grid-title-hover-color, #4C4C4CFF);
    --panb-thegem-to-product-grid-title-letter-spacing: var(--thegem-to-product-grid-title-letter-spacing, 0px);
    --panb-thegem-to-product-grid-title-line-height: var(--thegem-to-product-grid-title-line-height, 18.2px);
    --panb-thegem-to-product-grid-title-max-height: var(--thegem-to-product-grid-title-max-height, calc(18.2px * 2));
    --panb-thegem-to-product-grid-title-on-image-color: var(--thegem-to-product-grid-title-on-image-color, #2B2B2BFF);
    --panb-thegem-to-product-grid-title-text-transform: var(--thegem-to-product-grid-title-text-transform, none);
    --panb-thegem-to-product-page-btn-add-to-cart-text-color: var(--thegem-to-product-page-btn-add-to-cart-text-color, #000000FF);
    --panb-thegem-to-product-page-btn-add-to-cart-text-color-hover: var(--thegem-to-product-page-btn-add-to-cart-text-color-hover, #959595FF);
    --panb-thegem-to-product-page-btn-add-to-wishlist-color: var(--thegem-to-product-page-btn-add-to-wishlist-color, #8F8F8FFF);
    --panb-thegem-to-product-price-cart-color: var(--thegem-to-product-price-cart-color, #4E4E4EFF);
    --panb-thegem-to-product-price-cart-font-family: var(--thegem-to-product-price-cart-font-family, 'Source Sans Pro');
    --panb-thegem-to-product-price-cart-font-size: var(--thegem-to-product-price-cart-font-size, 24px);
    --panb-thegem-to-product-price-cart-font-size-tiny: var(--thegem-to-product-price-cart-font-size-tiny, 20px);
    --panb-thegem-to-product-price-cart-font-style: var(--thegem-to-product-price-cart-font-style, normal);
    --panb-thegem-to-product-price-cart-font-weight: var(--thegem-to-product-price-cart-font-weight, 300);
    --panb-thegem-to-product-price-cart-letter-spacing: var(--thegem-to-product-price-cart-letter-spacing, 0px);
    --panb-thegem-to-product-price-cart-line-height: var(--thegem-to-product-price-cart-line-height, 30px);
    --panb-thegem-to-product-price-cart-line-height-tiny: var(--thegem-to-product-price-cart-line-height-tiny, 25px);
    --panb-thegem-to-product-price-color: var(--thegem-to-product-price-color, #545454FF);
    --panb-thegem-to-product-price-font-family: var(--thegem-to-product-price-font-family, Source Sans Pro);
    --panb-thegem-to-product-price-font-size: var(--thegem-to-product-price-font-size, 36px);
    --panb-thegem-to-product-price-font-style: var(--thegem-to-product-price-font-style, normal);
    --panb-thegem-to-product-price-font-weight: var(--thegem-to-product-price-font-weight, 300);
    --panb-thegem-to-product-price-letter-spacing: var(--thegem-to-product-price-letter-spacing, 0);
    --panb-thegem-to-product-price-line-height: var(--thegem-to-product-price-line-height, 36px);
    --panb-thegem-to-product-title-cart-color: var(--thegem-to-product-title-cart-color, #70CA46FF);
    --panb-thegem-to-product-title-cart-font-family: var(--thegem-to-product-title-cart-font-family, Source Sans Pro);
    --panb-thegem-to-product-title-color: var(--thegem-to-product-title-color, #535353FF);
    --panb-thegem-to-product-title-font-family: var(--thegem-to-product-title-font-family, Montserrat UltraLight);
    --panb-thegem-to-product-title-font-size: var(--thegem-to-product-title-font-size, 28px);
    --panb-thegem-to-product-title-font-style: var(--thegem-to-product-title-font-style, normal);
    --panb-thegem-to-product-title-font-weight: var(--thegem-to-product-title-font-weight, normal);
    --panb-thegem-to-product-title-letter-spacing: var(--thegem-to-product-title-letter-spacing, 0px);
    --panb-thegem-to-product-title-line-height: var(--thegem-to-product-title-line-height, 42px);
    --panb-thegem-to-socials-sharing-color: var(--thegem-to-socials-sharing-color, #D5D5D5FF);
    --panb-thegem-to-styled-color1: var(--thegem-to-styled-color1, #A0CE4EFF);
    --panb-thegem-to-styled-color1-03: var(--thegem-to-styled-color1-03, #A0CE4EFF4d);
    --panb-thegem-to-styled-color2: var(--thegem-to-styled-color2, #E2E2E2FF);
    --panb-thegem-to-styled-color3: var(--thegem-to-styled-color3, #A0CE4EFF);
    --panb-thegem-to-styled-color3-03: var(--thegem-to-styled-color3-03, #A0CE4EFF4d);
    --panb-thegem-to-styled-color4: var(--thegem-to-styled-color4, #DCDCDCFF);
    --panb-thegem-to-styled-subtitle-font-family: var(--thegem-to-styled-subtitle-font-family, 'Source Sans Pro');
    --panb-thegem-to-styled-subtitle-font-size: var(--thegem-to-styled-subtitle-font-size, 24px);
    --panb-thegem-to-styled-subtitle-font-style: var(--thegem-to-styled-subtitle-font-style, normal);
    --panb-thegem-to-styled-subtitle-font-weight: var(--thegem-to-styled-subtitle-font-weight, 300);
    --panb-thegem-to-styled-subtitle-letter-spacing: var(--thegem-to-styled-subtitle-letter-spacing, 0px);
    --panb-thegem-to-styled-subtitle-line-height: var(--thegem-to-styled-subtitle-line-height, 37px);
    --panb-thegem-to-submenu-font-family: var(--thegem-to-submenu-font-family, Source Sans Pro);
    --panb-thegem-to-submenu-font-size: var(--thegem-to-submenu-font-size, 16px);
    --panb-thegem-to-submenu-font-style: var(--thegem-to-submenu-font-style, normal);
    --panb-thegem-to-submenu-font-weight: var(--thegem-to-submenu-font-weight, normal);
    --panb-thegem-to-submenu-letter-spacing: var(--thegem-to-submenu-letter-spacing, 0px);
    --panb-thegem-to-submenu-line-height: var(--thegem-to-submenu-line-height, 20px);
    --panb-thegem-to-submenu-text-transform: var(--thegem-to-submenu-text-transform, none);
    --panb-thegem-to-system-icons-font-color: var(--thegem-to-system-icons-font-color, #C6C6C6FF);
    --panb-thegem-to-system-icons-font2-color: var(--thegem-to-system-icons-font2-color, #C8C8C8FF);
    --panb-thegem-to-tabs-title-font-family: var(--thegem-to-tabs-title-font-family, Montserrat);
    --panb-thegem-to-tabs-title-font-size: var(--thegem-to-tabs-title-font-size, 16px);
    --panb-thegem-to-tabs-title-font-style: var(--thegem-to-tabs-title-font-style, normal);
    --panb-thegem-to-tabs-title-font-weight: var(--thegem-to-tabs-title-font-weight, 700);
    --panb-thegem-to-tabs-title-letter-spacing: var(--thegem-to-tabs-title-letter-spacing, 0px);
    --panb-thegem-to-tabs-title-line-height: var(--thegem-to-tabs-title-line-height, 25px);
    --panb-thegem-to-tabs-title-thin-font-family: var(--thegem-to-tabs-title-thin-font-family, 'Montserrat UltraLight');
    --panb-thegem-to-tabs-title-thin-font-size: var(--thegem-to-tabs-title-thin-font-size, 11px);
    --panb-thegem-to-tabs-title-thin-font-style: var(--thegem-to-tabs-title-thin-font-style, normal);
    --panb-thegem-to-tabs-title-thin-font-weight: var(--thegem-to-tabs-title-thin-font-weight, normal);
    --panb-thegem-to-tabs-title-thin-letter-spacing: var(--thegem-to-tabs-title-thin-letter-spacing, 0px);
    --panb-thegem-to-tabs-title-thin-line-height: var(--thegem-to-tabs-title-thin-line-height, 25px);
    --panb-thegem-to-top-area-link-color: var(--thegem-to-top-area-link-color, #AAAAAAFF);
    --panb-thegem-to-widget-hover-link-color: var(--thegem-to-widget-hover-link_color, #A0CE4EFF);
    --panb-thegem-to-woo-price-font-family: var(--thegem-to-woo-price-font-family, Montserrat);
    --panb-thegem-to-xlarge-title-font-family: var(--thegem-to-xlarge-title-font-family, 'Montserrat');
    --panb-thegem-to-xlarge-title-font-size: var(--thegem-to-xlarge-title-font-size, 80px);
    --panb-thegem-to-xlarge-title-font-style: var(--thegem-to-xlarge-title-font-style, normal);
    --panb-thegem-to-xlarge-title-font-weight: var(--thegem-to-xlarge-title-font-weight, 700);
    --panb-thegem-to-xlarge-title-letter-spacing: var(--thegem-to-xlarge-title-letter-spacing, 0px);
    --panb-thegem-to-xlarge-title-line-height: var(--thegem-to-xlarge-title-line-height, 90px);
    --panb-wp-preset-aspect-ratio-16-9: var(--wp--preset--aspect-ratio--16-9, 16/9);
    --panb-wp-preset-aspect-ratio-2-3: var(--wp--preset--aspect-ratio--2-3, 2/3);
    --panb-wp-preset-aspect-ratio-3-2: var(--wp--preset--aspect-ratio--3-2, 3/2);
    --panb-wp-preset-aspect-ratio-3-4: var(--wp--preset--aspect-ratio--3-4, 3/4);
    --panb-wp-preset-aspect-ratio-4-3: var(--wp--preset--aspect-ratio--4-3, 4/3);
    --panb-wp-preset-aspect-ratio-9-16: var(--wp--preset--aspect-ratio--9-16, 9/16);
    --panb-wp-preset-aspect-ratio-square: var(--wp--preset--aspect-ratio--square, 1);
    --panb-wp-preset-color-black: var(--wp--preset--color--black, #000000);
    --panb-wp-preset-color-cyan-bluish-gray: var(--wp--preset--color--cyan-bluish-gray, #abb8c3);
    --panb-wp-preset-color-light-green-cyan: var(--wp--preset--color--light-green-cyan, #7bdcb5);
    --panb-wp-preset-color-luminous-vivid-amber: var(--wp--preset--color--luminous-vivid-amber, #fcb900);
    --panb-wp-preset-color-luminous-vivid-orange: var(--wp--preset--color--luminous-vivid-orange, #ff6900);
    --panb-wp-preset-color-pale-cyan-blue: var(--wp--preset--color--pale-cyan-blue, #8ed1fc);
    --panb-wp-preset-color-pale-pink: var(--wp--preset--color--pale-pink, #f78da7);
    --panb-wp-preset-color-vivid-cyan-blue: var(--wp--preset--color--vivid-cyan-blue, #0693e3);
    --panb-wp-preset-color-vivid-green-cyan: var(--wp--preset--color--vivid-green-cyan, #00d084);
    --panb-wp-preset-color-vivid-purple: var(--wp--preset--color--vivid-purple, #9b51e0);
    --panb-wp-preset-color-vivid-red: var(--wp--preset--color--vivid-red, #cf2e2e);
    --panb-wp-preset-color-white: var(--wp--preset--color--white, #ffffff);
    --panb-wp-preset-font-family-cardo: var(--wp--preset--font-family--cardo, Cardo);
    --panb-wp-preset-font-family-inter: var(--wp--preset--font-family--inter, "Inter", sans-serif);
    --panb-wp-preset-font-size-huge: var(--wp--preset--font-size--huge, 42px);
    --panb-wp-preset-font-size-large: var(--wp--preset--font-size--large, 36px);
    --panb-wp-preset-font-size-medium: var(--wp--preset--font-size--medium, 20px);
    --panb-wp-preset-font-size-normal: var(--wp--preset--font-size--normal, 16px);
    --panb-wp-preset-font-size-small: var(--wp--preset--font-size--small, 13px);
    --panb-wp-preset-font-size-x-large: var(--wp--preset--font-size--x-large, 42px);
    --panb-wp-preset-gradient-blush-bordeaux: var(--wp--preset--gradient--blush-bordeaux, linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%));
    --panb-wp-preset-gradient-blush-light-purple: var(--wp--preset--gradient--blush-light-purple, linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%));
    --panb-wp-preset-gradient-cool-to-warm-spectrum: var(--wp--preset--gradient--cool-to-warm-spectrum, linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%));
    --panb-wp-preset-gradient-electric-grass: var(--wp--preset--gradient--electric-grass, linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%));
    --panb-wp-preset-gradient-light-green-cyan-to-vivid-green-cyan: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan, linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%));
    --panb-wp-preset-gradient-luminous-dusk: var(--wp--preset--gradient--luminous-dusk, linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%));
    --panb-wp-preset-gradient-luminous-vivid-amber-to-luminous-vivid-orange: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange, linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%));
    --panb-wp-preset-gradient-luminous-vivid-orange-to-vivid-red: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red, linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%));
    --panb-wp-preset-gradient-midnight: var(--wp--preset--gradient--midnight, linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%));
    --panb-wp-preset-gradient-pale-ocean: var(--wp--preset--gradient--pale-ocean, linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%));
    --panb-wp-preset-gradient-very-light-gray-to-cyan-bluish-gray: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray, linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%));
    --panb-wp-preset-gradient-vivid-cyan-blue-to-vivid-purple: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple, linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%));
    --panb-wp-preset-shadow-crisp: var(--wp--preset--shadow--crisp, 6px 6px 0px rgba(0, 0, 0, 1));
    --panb-wp-preset-shadow-deep: var(--wp--preset--shadow--deep, 12px 12px 50px rgba(0, 0, 0, 0.4));
    --panb-wp-preset-shadow-natural: var(--wp--preset--shadow--natural, 6px 6px 9px rgba(0, 0, 0, 0.2));
    --panb-wp-preset-shadow-outlined: var(--wp--preset--shadow--outlined, 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1));
    --panb-wp-preset-shadow-sharp: var(--wp--preset--shadow--sharp, 6px 6px 0px rgba(0, 0, 0, 0.2));
    --panb-wp-preset-spacing-20: var(--wp--preset--spacing--20, 0.44rem);
    --panb-wp-preset-spacing-30: var(--wp--preset--spacing--30, 0.67rem);
    --panb-wp-preset-spacing-40: var(--wp--preset--spacing--40, 1rem);
    --panb-wp-preset-spacing-50: var(--wp--preset--spacing--50, 1.5rem);
    --panb-wp-preset-spacing-60: var(--wp--preset--spacing--60, 2.25rem);
    --panb-wp-preset-spacing-70: var(--wp--preset--spacing--70, 3.38rem);
    --panb-wp-preset-spacing-80: var(--wp--preset--spacing--80, 5.06rem);
    --panb-wp-admin-admin-bar-height: var(--wp-admin--admin-bar--height, 32px);
    --panb-ywraq-accept-button-bg-color: var(--ywraq_accept_button_bg_color, rgb(94,94,94));
    --panb-ywraq-accept-button-bg-color-hover: var(--ywraq_accept_button_bg_color_hover, rgb(68,68,68));
    --panb-ywraq-accept-button-border-color: var(--ywraq_accept_button_border_color, rgb(96,96,96));
    --panb-ywraq-accept-button-border-color-hover: var(--ywraq-accept-button-border-color-hover, rgb(86,86,86));
    --panb-ywraq-accept-button-color: var(--ywraq_accept_button_color, #ffffff);
    --panb-ywraq-accept-button-color-hover: var(--ywraq_accept_button_color_hover, #ffffff);
    --panb-ywraq-checkout-button-bg-color: var(--ywraq_checkout_button_bg_color, rgb(86,86,86));
    --panb-ywraq-checkout-button-bg-color-hover: var(--ywraq_checkout_button_bg_color_hover, rgb(89,89,89));
    --panb-ywraq-checkout-button-border-color: var(--ywraq_checkout_button_border_color, rgb(94,94,94));
    --panb-ywraq-checkout-button-border-color-hover: var(--ywraq_checkout_button_border_color_hover, rgb(76,76,76));
    --panb-ywraq-checkout-button-color: var(--ywraq_checkout_button_color, #ffffff);
    --panb-ywraq-checkout-button-color-hover: var(--ywraq_checkout_button_color_hover, #ffffff);
    --panb-ywraq-layout-button-bg-color: var(--ywraq_layout_button_bg_color, rgb(96,96,96));
    --panb-ywraq-layout-button-bg-color-hover: var(--ywraq_layout_button_bg_color_hover, rgb(86,86,86));
    --panb-ywraq-layout-button-border-color: var(--ywraq_layout_button_border_color, transparent);
    --panb-ywraq-layout-button-border-color-hover: var(--ywraq_layout_button_border_color_hover, transparent);
    --panb-ywraq-layout-button-color: var(--ywraq_layout_button_color, #ffffff);
    --panb-ywraq-layout-button-color-hover: var(--ywraq_layout_button_color_hover, rgb(160,206,78));
    --panb-ywraq-reject-button-bg-color: var(--ywraq_reject_button_bg_color, transparent);
    --panb-ywraq-reject-button-bg-color-hover: var(--ywraq_reject_button_bg_color_hover, #CC2B2B);
    --panb-ywraq-reject-button-border-color: var(--ywraq_reject_button_border_color, #CC2B2B);
    --panb-ywraq-reject-button-border-color-hover: var(--ywraq_reject_button_border_color_hover, #CC2B2B);
    --panb-ywraq-reject-button-color: var(--ywraq_reject_button_color, #CC2B2B);
    --panb-ywraq-reject-button-color-hover: var(--ywraq_reject_button_color_hover, #ffffff);
    --panb-thegem-button-border-radius: var(--thegem-button-border-radius, 3px);

    /* Premium Design Variables */
    --panb-premium-shadow-soft: 0 10px 40px -10px rgba(0,0,0,0.08);
    --panb-premium-shadow-hover: 0 20px 40px -10px rgba(160, 206, 78, 0.2);
    --panb-premium-border: 1px solid rgba(255, 255, 255, 0.4);
    --panb-premium-glass-bg: rgba(255, 255, 255, 0.9);
    --panb-premium-glass-blur: blur(12px);
    --panb-premium-transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    --panb-premium-radius-lg: 16px;
    --panb-premium-radius-md: 8px;
    --panb-accent-glow: 0 0 20px rgba(160, 206, 78, 0.4);
}

.panb_wrapper *,
.panb_wrapper *::before,
.panb_wrapper *::after {
    box-sizing: border-box;
}

.panb_wrapper {
    max-width: 100%;
    margin: 0 auto;
    font-family: var(--panb-thegem-to-body-font-family);
}

.panb_wrapper .panb_instructions {
    background: var(--panb-premium-glass-bg);
    backdrop-filter: var(--panb-premium-glass-blur);
    -webkit-backdrop-filter: var(--panb-premium-glass-blur);
    /* border-radius: var(--panb-premium-radius-lg); */
    padding: 16px 22px;
    margin-bottom: 22px;
    font-size: 18px;
    color: var(--panb-thegem-to-form-elements-text-color);
    border: var(--panb-premium-border);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
    line-height: 1.6;
}

.panb_wrapper .panb_instructions::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--panb-thegem-to-button-basic-background-color);
}

.panb_wrapper .panb_instructions strong {
    color: var(--panb-thegem-to-button-basic-background-color);
    font-weight: 600;
}

.panb_wrapper .panb_preview_table_wrap {
    overflow-x: auto;
    margin-bottom: 16px;
    /* border-radius: var(--panb-premium-radius-lg); */
    background: var(--panb-premium-glass-bg);
    backdrop-filter: var(--panb-premium-glass-blur);
    -webkit-backdrop-filter: var(--panb-premium-glass-blur);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.panb_wrapper .panb_table {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.panb_wrapper .panb_table th {
	background: var(--panb-thegem-to-form-elements-background-color);
	color: var(--panb-thegem-to-form-elements-text-color);
	font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	padding: 12px 10px !important;
	text-align: center;
	border-bottom: 2px solid var(--panb-thegem-to-form-elements-border-color) !important;
	border-right: 1px solid var(--panb-thegem-to-form-elements-border-color) !important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	min-width: 120px;
}
.panb_wrapper .panb_table th:last-child {
    border-right: none !important;
}

.panb_wrapper .panb_cell {
	padding: 12px 10px !important;
	text-align: center;
	font-size: 22px;
	border-right: 1px solid var(--panb-thegem-to-form-elements-border-color) !important;
	font-weight: 500;
	transition: background-color 0.2s ease, color 0.2s ease;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 120px;
}

.panb_wrapper .panb_cell:last-child {
    border-right: none !important;
}

.panb_wrapper .panb_cell_empty {
    color: var(--panb-thegem-to-form-elements-text-color);
    font-weight: 400;
    background: var(--panb-premium-glass-bg);
    backdrop-filter: var(--panb-premium-glass-blur);
    -webkit-backdrop-filter: var(--panb-premium-glass-blur);
}

.panb_wrapper .panb_cell_filled {
    background: var(--panb-thegem-to-hover-default-color-03);
    color: var(--panb-thegem-to-button-basic-background-color);
    font-weight: 900;
}

.panb_wrapper .panb_pn_display_bar {
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--panb-main-bg-color);
    /* border-radius: var(--panb-premium-radius-lg); */
    padding: 14px 22px;
    margin-bottom: 22px;
}

.panb_wrapper .panb_pn_display_label {
    font-size: 18px;
    font-weight: 600;
    color: rgba(255, 255, 255, .65);
    white-space: nowrap;
}

.panb_wrapper .panb_pn_display_value {
    font-size: 22px;
    font-weight: 700;
    color: var(--panb-thegem-to-button-basic-background-color-hover);
    letter-spacing: 1px;
    word-break: break-all;
}

.panb_wrapper .panb_fields_grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 24px;
    align-items: start;
}

.panb_wrapper .panb_form_group_full {
    grid-column: 1 / -1;
}

.panb_wrapper .panb_form_group {
	background: var(--panb-premium-glass-bg);
	backdrop-filter: var(--panb-premium-glass-blur);
	-webkit-backdrop-filter: var(--panb-premium-glass-blur);
	padding: 16px 18px;
	/* border-radius: var(--panb-premium-radius-md); */
	border: var(--panb-premium-border) !important;
	transition: var(--panb-premium-transition);
	border-color: var(--panb-thegem-to-button-basic-background-color-hover) !important;
}

.panb_wrapper .panb_form_group:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    border-color: var(--panb-thegem-to-button-basic-background-color-hover) !important;
}

.panb_wrapper .panb_label {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--panb-main-bg-color);
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 8px;
}

.panb_wrapper .panb_label::before {
    content: '●';
    color: var(--panb-thegem-to-button-basic-background-color);
    font-size: 7px;
}

.panb_wrapper .panb_label_dash {
    margin-top: 14px;
    font-size: 11px;
    color: var(--panb-thegem-to-form-elements-text-color);
}

.panb_wrapper select.panb_select {
    width: 100%;
    max-width: 100% !important;
    padding: 9px 34px 9px 12px;
    font-family: var(--panb-thegem-to-body-font-family);
    font-size: 16px;
    background-color: var(--panb-wp-preset-color-white);
    border: 1.5px solid var(--panb-thegem-to-form-elements-border-color) !important;
    /* border-radius: var(--panb-premium-radius-md); */
    appearance: none;
    cursor: pointer;
    transition: var(--panb-premium-transition);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.panb_wrapper select.panb_select:hover {
    border-color: var(--panb-thegem-to-button-basic-background-color-hover) !important;
}

.panb_wrapper select.panb_select:focus {
    outline: none;
    border-color: var(--panb-thegem-to-button-basic-background-color) !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

.panb_wrapper .panb_dash_wrap {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed var(--panb-thegem-to-form-elements-border-color) !important;
}

.panb_wrapper .panb_btn_row {
    display: flex;
    gap: 14px;
    justify-content: flex-end;
    margin-top: 8px;
}

.panb_wrapper .panb_btn_reset {
    height: 40px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-family: var(--panb-thegem-to-body-font-family) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    /* border-radius: var(--panb-thegem-button-border-radius) !important; */
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.2, 0, 0, 1) !important;
    border: 1.5px solid var(--panb-wp-preset-color-vivid-red) !important;
    background: var(--panb-wp-preset-color-white) !important;
    color: var(--panb-wp-preset-color-vivid-red) !important;
    line-height: normal !important;
}

.panb_wrapper .panb_btn_reset:hover {
    background: var(--panb-ywraq-reject-button-bg-color) !important;
    transform: translateY(-1px) !important;
}

.panb_wrapper #panb_wc_btn_wrap {
    display: flex;
    transition: opacity 0.25s ease, filter 0.25s ease;
}

.panb_wrapper #panb_wc_btn_wrap.panb_quote_disabled {
    opacity: 0.45;
    filter: grayscale(30%);
    cursor: not-allowed;
}

.panb_wrapper #panb_wc_btn_wrap.panb_quote_disabled .panb_btn_quote {
    cursor: not-allowed;
    transform: none !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

.panb_wrapper .panb_btn_quote {
    height: 40px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-family: var(--panb-thegem-to-body-font-family) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    /* border-radius: var(--panb-thegem-button-border-radius) !important; */
    /* border-bottom-left-radius: 5px !important; */
    /* border-bottom-right-radius: 5px !important; */
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.2, 0, 0, 1) !important;
    border: 1px solid var(--panb-thegem-to-button-basic-background-color) !important;
    background-color: var(--panb-thegem-to-button-basic-background-color) !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.01) 100%) !important;
    color: var(--panb-wp-preset-color-white) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    white-space: nowrap;
    line-height: normal !important;
    width: 180px;
}

.panb_wrapper .panb_btn_quote:hover:not(:disabled) {
    background-color: var(--panb-thegem-to-button-basic-background-color-hover) !important;
}

.panb_wrapper .panb_btn_quote:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.panb_wrapper .panb_quote_msg {
    display: none;
    margin-top: 20px;
    padding: 16px 20px;
    background: var(--panb-thegem-to-form-elements-background-color);
    border: 1px solid var(--panb-thegem-to-button-basic-background-color) !important;
    /* border-radius: var(--panb-premium-radius-md); */
    color: var(--panb-thegem-to-body-color);
    text-align: center;
    animation: panb_slide_down 0.3s ease-out;
}

.panb_wrapper .panb_quote_msg_visible {
    display: block !important;
}

@keyframes panb_slide_down {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.panb_raq_success_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: var(--panb-premium-border) !important;
    /* border-radius: var(--panb-premium-radius-lg); */
    box-shadow: var(--panb-premium-shadow-soft);
    animation: panb_fade_in 0.4s ease-out;
}

.panb_raq_success_icon {
    font-size: 48px;
    color: var(--panb-thegem-to-button-basic-background-color);
    margin-bottom: 12px;
}

.panb_raq_success_title {
    font-size: 20px;
    color: var(--panb-main-bg-color);
    font-weight: 700;
    margin-bottom: 8px;
}

.panb_raq_success_msg {
    font-size: 14px;
    color: var(--panb-thegem-to-body-color);
    line-height: 1.6;
}

@keyframes panb_fade_in {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.panb_raq_outer *,
.panb_raq_outer *::before,
.panb_raq_outer *::after {
    box-sizing: border-box;
}

.panb_raq_outer {
    font-family: var(--panb-thegem-to-body-font-family);
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 40px;
    color: var(--panb-thegem-to-body-color);
}

.panb_raq_badge_row {
    display: flex;
    align-items: flex-start;
    gap: 28px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.panb_raq_badge_icon {
    flex-shrink: 0;
    width: 90px;
    height: 90px;
    background: #f4a61a;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px;
    box-shadow: 0 4px 16px rgba(244, 166, 26, 0.3);
    line-height: 1.1;
}

.panb_raq_badge_icon svg {
    width: 24px;
    height: 24px;
}

.panb_raq_badge_icon span {
    font-size: 11px;
    font-weight: 700;
    color: var(--panb-wp-preset-color-white);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.panb_raq_badge_icon strong {
    display: block;
}

.panb_raq_badge_info {
    flex: 1 1 200px;
    min-width: 0;
}

.panb_raq_main_heading {
    font-size: 26px;
    font-weight: 700;
    color: var(--panb-main-bg-color);
    margin: 0 0 10px;
    line-height: 1.2;
}

.panb_raq_intro_text {
    font-size: 13px;
    color: var(--panb-thegem-to-body-color);
    line-height: 1.65;
    margin: 0;
}

.panb_raq_intro_text a {
    color: var(--panb-wp-preset-color-vivid-red);
    text-decoration: underline;
}

.panb_raq_bullets {
    flex: 1 1 260px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.panb_raq_bullet {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--panb-thegem-to-body-color);
}

.panb_raq_check {
    color: var(--panb-thegem-to-button-basic-background-color);
    font-size: 15px;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
}

.panb_raq_form_grid {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 40px;
    align-items: start;
}

.panb_raq_left {}

.panb_raq_section_heading {
    font-size: 15px;
    font-weight: 700;
    color: var(--panb-main-bg-color);
    margin: 0 0 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--panb-thegem-to-form-elements-border-color) !important;
}

.panb_raq_section_heading_mt {
    margin-top: 24px;
}

.panb_raq_field_row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px;
}

.panb_raq_label {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--panb-main-bg-color) !important;
    margin-bottom: 8px !important;
    display: block !important;
    line-height: 1.4 !important;
}

.panb_raq_req {
    color: var(--panb-wp-preset-color-vivid-red) !important;
    font-weight: 700 !important;
}

.panb_raq_input {
	width: 100% !important;
	font-family: var(--panb-thegem-to-body-font-family) !important;
	font-size: 18px !important;
	background: var(--panb-wp-preset-color-white) !important;
	border: 1.5px solid var(--panb-thegem-to-form-elements-border-color) !important;
	transition: all 0.25s cubic-bezier(0.2, 0, 0, 1) !important;
	box-shadow: none !important;
	outline: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	line-height: 1.4 !important;
	box-sizing: border-box !important;
	padding: 7px 34px 7px 12px !important;
	/* border-radius: var(--panb-premium-radius-md) !important; */
}

.panb_raq_input:hover {
    border-color: var(--panb-thegem-to-button-basic-background-color-hover) !important;
}

.panb_raq_input:focus {
    border-color: var(--panb-thegem-to-button-basic-background-color) !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
    outline: none !important;
}

.panb_raq_phone_row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
}

.panb_raq_phone_row .panb_raq_input {
    flex: 1 !important;
    width: auto !important;
    min-width: 0;
}

.panb_raq_section {
	margin-top: 32px;
}

.panb_raq_ext_label {
    font-size: 14px !important;
    color: var(--panb-thegem-to-form-elements-text-color) !important;
    white-space: nowrap !important;
    font-weight: 500 !important;
}

.panb_raq_input_ext {
    width: 68px !important;
    flex: 0 0 68px !important;
    text-align: center !important;
}

.panb_raq_textarea {
    width: 100% !important;
    height: 130px !important;
    padding: 10px 12px !important;
    font-family: var(--panb-thegem-to-body-font-family) !important;
    font-size: 18px !important;
    background: var(--panb-wp-preset-color-white) !important;
    border: 1.5px solid var(--panb-thegem-to-form-elements-border-color) !important;
    /* border-radius: var(--panb-thegem-button-border-radius) !important; */
    resize: vertical !important;
    transition: all 0.25s cubic-bezier(0.2, 0, 0, 1) !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
    line-height: 1.5 !important;
}

.panb_raq_textarea:hover {
    border-color: var(--panb-thegem-to-button-basic-background-color-hover) !important;
}

.panb_raq_textarea:focus {
    border-color: var(--panb-thegem-to-button-basic-background-color) !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
    outline: none !important;
}

.panb_raq_right {}

.panb_raq_table {
    width: 100%;
    border-collapse: collapse;
}

.panb_raq_table th {
    font-size: 13px;
    font-weight: 700;
    color: var(--panb-main-bg-color);
    padding: 8px 10px;
    text-align: left;
    border-bottom: 2px solid var(--panb-thegem-to-form-elements-border-color) !important;
}

.panb_raq_table th {
	background: var(--panb-premium-glass-bg);
	padding: 12px 16px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--panb-main-bg-color);
	text-align: left;
}

.panb_raq_table td, .panb_raq_table tbody tr {
	background: var(--panb-premium-glass-bg) !important;
}

.panb_raq_th_qty {
    width: 90px;
}

.panb_raq_th_del {
    width: 70px;
}

.panb_raq_table td {
    padding: 5px 6px;
    vertical-align: middle;
}

.panb_raq_qty_input {
    width: 100% !important;
    padding: 6px 8px !important;
    font-family: var(--panb-thegem-to-body-font-family) !important;
    font-size: 13px !important;
    background: var(--panb-wp-preset-color-white) !important;
    border: 1.5px solid var(--panb-thegem-to-form-elements-border-color) !important;
    /* border-radius: var(--panb-thegem-button-border-radius) !important; */
    text-align: center !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
    -moz-appearance: textfield !important;
}

.panb_raq_qty_input::-webkit-outer-spin-button,
.panb_raq_qty_input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.panb_raq_pn_input {
    width: 100% !important;
    padding: 6px 10px !important;
    font-family: var(--panb-thegem-to-body-font-family) !important;
    font-size: 15px !important;
    background: var(--panb-wp-preset-color-white) !important;
    border: 1.5px solid var(--panb-thegem-to-form-elements-border-color) !important;
    /* border-radius: var(--panb-thegem-button-border-radius) !important; */
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.panb_raq_qty_input:focus,
.panb_raq_pn_input:focus {
    border-color: var(--panb-thegem-to-button-basic-background-color) !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
    outline: none !important;
}

.panb_delete_btn {
    background: none;
    border: none;
    color: var(--panb-thegem-to-form-elements-text-color);
    font-size: 13px;
    cursor: pointer;
    padding: 4px 8px;
    /* border-radius: 4px; */
    transition: var(--panb-premium-transition);
}

.panb_delete_btn:hover {
    color: var(--panb-wp-preset-color-vivid-red);
    background: var(--panb-ywraq-reject-button-bg-color);
}

.panb_raq_add_field {
    margin-top: 8px;
}

.panb_raq_add_link {
    background: none;
    border: none;
    color: var(--panb-thegem-to-button-basic-background-color);
    font-size: 13px;
    font-weight: 600;
    font-family: var(--panb-thegem-to-body-font-family);
    cursor: pointer;
    padding: 4px 0;
    text-decoration: underline;
    transition: var(--panb-premium-transition);
}

.panb_raq_add_link:hover {
    color: var(--panb-thegem-to-button-basic-background-color-hover);
}

.panb_raq_action_row {
    display: flex;
    gap: 10px;
    margin-top: 16px;
    flex-wrap: wrap;
}

.panb_raq_btn {
    padding: 8px 20px !important;
    font-family: var(--panb-thegem-to-body-font-family) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    /* border-radius: var(--panb-thegem-button-border-radius) !important; */
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.2, 0, 0, 1) !important;
    border: none !important;
    line-height: 1.4 !important;
}

.panb_raq_btn_save {
    background: var(--panb-wp-preset-color-vivid-cyan-blue) !important;
    color: var(--panb-wp-preset-color-white) !important;
}

.panb_raq_btn_save:hover {
    background: var(--panb-wp-preset-color-pale-cyan-blue) !important;
}

.panb_raq_btn_clear {
    background: var(--panb-thegem-to-button-basic-background-color) !important;
    color: var(--panb-wp-preset-color-white) !important;
}

.panb_raq_btn_clear:hover {
    background: var(--panb-thegem-to-button-basic-background-color-hover) !important;
}

.panb_raq_btn_submit {
    background: var(--panb-thegem-to-button-basic-background-color) !important;
    color: var(--panb-wp-preset-color-white) !important;
}

.panb_raq_btn_submit:hover {
    background: var(--panb-thegem-to-button-basic-background-color-hover) !important;
}

.panb_raq_outer.premium-design {
    max-width: 1400px;
    margin: 40px auto;
    font-family: var(--panb-thegem-to-body-font-family);
    color: var(--panb-thegem-to-body-color);
}

.panb_raq_grid {
    display: grid;
    grid-template-columns: 520px 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.panb_raq_sidebar {
    background: linear-gradient(135deg, var(--panb-thegem-to-mobile-menu-bg-color) 0%, var(--panb-thegem-to-mobile-menu-level2-bg-color) 100%);
    /* border-radius: var(--panb-premium-radius-md); */
    padding: 40px 32px;
    color: var(--panb-wp-preset-color-white);
    box-shadow: var(--panb-premium-shadow-soft);
}

.panb_raq_sidebar_heading {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 16px 0;
    color: var(--panb-wp-preset-color-white);
}

.panb_raq_sidebar_intro {
    font-size: 18px;
    line-height: 1.5;
    margin: 0 0 32px 0;
    color: var(--panb-thegem-to-body-color-07);
}

.panb_raq_sidebar_intro a {
    color: var(--panb-thegem-to-button-basic-background-color) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.25s cubic-bezier(0.2, 0, 0, 1) !important;
}

.panb_raq_sidebar_intro a:hover {
    color: var(--panb-thegem-to-button-basic-background-color-hover) !important;
    text-decoration: none !important;
}


.panb_raq_sidebar_alert {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    /* border-radius: var(--panb-premium-radius-md); */
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
    font-size: 14px;
    line-height: 1.4;
}

.panb_raq_alert_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid var(--panb-thegem-to-button-basic-background-color) !important;
    color: var(--panb-thegem-to-button-basic-background-color);
    font-size: 12px;
    flex-shrink: 0;
}

.panb_raq_sidebar_alert strong {
    color: var(--panb-thegem-to-button-basic-background-color-hover);
}

.panb_raq_sidebar_subheading {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 20px 0;
    color: var(--panb-wp-preset-color-white);
    margin-top: 16px;
}

.panb_raq_bottom_features {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 0;
    margin-top: 20px;
}

.panb_bottom_feature {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding: 20px;
    /* border-radius: var(--panb-premium-radius-lg); */
    transition: var(--panb-premium-transition);
    position: relative;
    overflow: hidden;
}

.panb_bottom_feature::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: var(--panb-thegem-to-button-basic-background-color);
    opacity: 0;
    transition: var(--panb-premium-transition);
}

.panb_bottom_feature:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
    box-shadow: 0 10px 24px -8px rgba(0, 0, 0, 0.5);
}

.panb_bottom_feature:hover::before {
    opacity: 1;
}

.panb_bf_icon {
    font-size: 22px;
    width: 44px;
    height: 44px;
    background: rgba(16, 185, 129, 0.1);
    border-radius: var(--panb-premium-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--panb-thegem-to-button-basic-background-color-hover);
    box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.2);
    transition: var(--panb-premium-transition);
}

.panb_bottom_feature:hover .panb_bf_icon {
    background: rgba(16, 185, 129, 0.2);
    transform: scale(1.05);
}

.panb_bf_icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

.panb_bf_text {
    flex: 1;
    padding-top: 2px;
}

.panb_bf_text strong {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--panb-wp-preset-color-white);
    letter-spacing: 0.2px;
    transition: var(--panb-premium-transition);
}

.panb_bottom_feature:hover .panb_bf_text strong {
    color: var(--panb-thegem-to-button-basic-background-color-hover);
}

.panb_bf_text span {
    display: block;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.5;
}

.panb_raq_sidebar_contact {
    background: var(--panb-premium-glass-bg);
    backdrop-filter: var(--panb-premium-glass-blur);
    -webkit-backdrop-filter: var(--panb-premium-glass-blur);
    /* border-radius: var(--panb-premium-radius-md); */
    padding: 20px;
    color: var(--panb-main-bg-color);
}

.panb_raq_contact_top {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.panb_raq_contact_icon {
    font-size: 32px;
    background: var(--panb-thegem-to-button-basic-background-color);
    color: var(--panb-wp-preset-color-white);
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.panb_raq_contact_top strong {
    display: block;
    font-size: 18px;
    margin-bottom: 4px;
}

.panb_raq_contact_top p {
    font-size: 15px;
    margin: 0;
    color: var(--panb-thegem-to-form-elements-text-color);
}

.panb_raq_contact_links {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-top: 1px solid var(--panb-thegem-to-form-elements-border-color) !important;
    padding-top: 16px;
}

.panb_raq_contact_link {
    font-size: 15px;
    color: var(--panb-main-bg-color);
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 20px;
}

.panb_raq_main {
    background: var(--panb-premium-glass-bg);
    backdrop-filter: var(--panb-premium-glass-blur);
    -webkit-backdrop-filter: var(--panb-premium-glass-blur);
    /* border-radius: var(--panb-premium-radius-md); */
    padding: 40px;
    box-shadow: var(--panb-premium-shadow-soft);
    border: var(--panb-premium-border) !important;
}

.panb_raq_main_title {
    font-size: 28px;
    font-weight: 700;
    color: var(--panb-main-bg-color);
    margin: 0 0 4px 0;
}

.panb_raq_main_desc {
    font-size: 16px;
    color: var(--panb-thegem-to-form-elements-text-color);
    margin: 0 0 32px 0;
}

.panb_raq_section_title {
    font-size: 22px;
    font-weight: 700;
    color: var(--panb-main-bg-color);
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--panb-thegem-to-form-elements-border-color) !important;
}

.panb_raq_section_title i,
.panb_raq_contact_link i {
    color: var(--panb-thegem-to-button-basic-background-color-hover);
}

.panb_raq_fields_grid {
    display: grid;
    gap: 20px;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
}

.panb_raq_field_col {
    display: flex;
    flex-direction: column;
}

.panb_raq_field_col_full {
    grid-column: span 2;
}

.panb_raq_label {
    font-size: 13px;
    font-weight: 600;
    color: var(--panb-main-bg-color);
    margin-bottom: 8px;
}

.panb_raq_req {
    color: var(--panb-wp-preset-color-vivid-red);
}

.panb_raq_input,
.panb_raq_textarea {
    width: 100%;
    padding: 12px 16px;
    font-size: 18px;
    border: 1.5px solid var(--panb-thegem-to-form-elements-border-color) !important;
    /* border-radius: var(--panb-premium-radius-md); */
    background: var(--panb-premium-glass-bg);
    backdrop-filter: var(--panb-premium-glass-blur);
    -webkit-backdrop-filter: var(--panb-premium-glass-blur);
    transition: var(--panb-premium-transition);
    font-family: var(--panb-thegem-to-body-font-family);
}

.panb_raq_input:focus,
.panb_raq_textarea:focus {
    outline: none;
    border-color: var(--panb-thegem-to-button-basic-background-color);
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

.panb_raq_table_wrap {
    background: var(--panb-thegem-to-form-elements-background-color);
    /* border-radius: var(--panb-premium-radius-md); */
    overflow: hidden;
    border: var(--panb-premium-border) !important;
    margin-bottom: 16px;
}

.panb_raq_table {
    width: 100%;
    border-collapse: collapse;
}

.panb_raq_table th {
    background: var(--panb-thegem-to-form-elements-background-color);
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--panb-main-bg-color);
    text-align: left;
}

.panb_raq_th_qty {
    width: 100px;
}

.panb_raq_th_del {
    width: 80px;
    text-align: center !important;
}

.panb_raq_table td {
    padding: 8px 16px;
    border-bottom: 1px solid var(--panb-thegem-to-form-elements-border-color) !important;
}

.panb_raq_table tr:last-child td {
    border-bottom: none;
}

.panb_raq_qty_input {
    width: 100%;
    text-align: center;
}

.panb_delete_btn {
    background: var(--panb-wp-preset-color-white) !important;
    border: 1px solid var(--panb-ywraq-reject-button-bg-color) !important;
    color: var(--panb-wp-preset-color-vivid-red) !important;
    width: 32px !important;
    height: 32px !important;
    /* border-radius: var(--panb-thegem-button-border-radius) !important; */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.2, 0, 0, 1) !important;
    margin: 0 auto !important;
}

.panb_delete_btn:hover {
    background: var(--panb-wp-preset-color-vivid-red) !important;
    color: var(--panb-wp-preset-color-white) !important;
    border-color: var(--panb-wp-preset-color-vivid-red) !important;
}

.panb_raq_table_actions {
    display: flex;
    gap: 10px;
}

.panb_raq_btn_secondary {
    background: var(--panb-wp-preset-color-white) !important;
    border: 1.5px solid var(--panb-thegem-to-form-elements-border-color) !important;
    height: 40px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-family: var(--panb-thegem-to-body-font-family) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    /* border-radius: var(--panb-thegem-button-border-radius) !important; */
    cursor: pointer !important;
    color: var(--panb-main-bg-color) !important;
    transition: all 0.25s cubic-bezier(0.2, 0, 0, 1) !important;
    line-height: normal !important;
}

.panb_raq_btn_secondary:hover {
	background: var(--panb-thegem-to-form-elements-background-color) !important;
	border-color: var(--panb-thegem-to-form-elements-background-color) !important;
}

.panb_btn_green {
	color: var(--panb-thegem-to-button-basic-background-color) !important;
	border-color: var(--panb-thegem-to-button-basic-background-color) !important;
}

.panb_btn_green:hover {
	background: var(--panb-thegem-to-button-basic-background-color) !important;
	color: #fff !important;
}

.panb_btn_red {
	color: var(--panb-wp-preset-color-vivid-red) !important;
	border-color: var(--panb-wp-preset-color-vivid-red) !important;
}

.panb_btn_red:hover {
    background: var(--panb-wp-preset-color-vivid-red) !important;
	color: #fff !important;
}

.panb_textarea_wrap {
    position: relative;
}

.panb_raq_footer_actions {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 20px !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

.panb_raq_contact_actions {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 12px !important;
}

.panb_raq_footer_left {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.panb_raq_footer_right {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.panb_raq_btn_outline {
    background: none !important;
    border: 2px solid var(--panb-thegem-to-form-elements-border-color) !important;
    height: 40px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-family: var(--panb-thegem-to-body-font-family) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    /* border-radius: var(--panb-thegem-button-border-radius) !important; */
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.2, 0, 0, 1) !important;
    line-height: normal !important;
    color: var(--panb-wp-preset-color-black);
}

.panb_raq_btn_outline:hover {
	background: var(--panb-thegem-to-form-elements-background-color) !important;
	border-color: var(--panb-thegem-to-form-elements-background-color) !important;
}

.panb_raq_btn_submit {
    background-color: var(--panb-thegem-to-button-basic-background-color) !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.01) 100%) !important;
    color: var(--panb-wp-preset-color-white) !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: var(--panb-thegem-to-button-basic-background-color) !important;
    height: 40px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-family: var(--panb-thegem-to-body-font-family) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    /* border-radius: var(--panb-thegem-button-border-radius) !important; */
    /* border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important; */
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.2, 0, 0, 1) !important;
    box-shadow: 0 4px 6px -1px rgba(16, 185, 129, 0.2) !important;
    line-height: normal !important;
    width: 170px;
}

.panb_raq_btn_submit:hover {
    background-color: var(--panb-thegem-to-button-basic-background-color-hover) !important;
}

.panb_success_popup_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.panb_success_popup_box {
    background: #fff;
    backdrop-filter: var(--panb-premium-glass-blur);
    -webkit-backdrop-filter: var(--panb-premium-glass-blur);
    /* border-radius: 4px; */
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
    padding: 25px 30px;
    max-width: 420px;
    width: 95%;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.panb_success_popup_icon {
    flex-shrink: 0;
    background: var(--panb-premium-glass-bg);
    backdrop-filter: var(--panb-premium-glass-blur);
    -webkit-backdrop-filter: var(--panb-premium-glass-blur);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    font-size: 32px;
    color: #84cc16;
}

.panb_success_popup_content {
    flex: 1;
}

.panb_success_popup_content p {
    font-size: 18px;
    margin: 0 0 16px 0;
    line-height: 1.4;
    font-family: var(--panb-thegem-to-body-font-family);
    color: var(--panb-wp-preset-color-black);
}

.panb_success_popup_btn {
    background-color: var(--panb-thegem-to-button-basic-background-color) !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.01) 100%) !important;
    color: var(--panb-wp-preset-color-white) !important;
    border: 1px solid var(--panb-thegem-to-button-basic-background-color) !important;
    height: 40px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    /* border-radius: var(--panb-thegem-button-border-radius) !important; */
    /* border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important; */
    font-family: var(--panb-thegem-to-body-font-family) !important;
      font-size: 18px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    float: right !important;
    transition: all 0.25s cubic-bezier(0.2, 0, 0, 1) !important;
    line-height: normal !important;
}

.panb_success_popup_btn:hover {
    background-color: var(--panb-thegem-to-button-basic-background-color-hover) !important;
}

body .panb_input_error {
    border-color: var(--panb-wp-preset-color-vivid-red) !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12) !important;
    background-color: var(--panb-thegem-to-form-elements-background-color) !important;
    outline: none !important;
    background: #fff !important;
}

.panb_field_error_msg {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    color: var(--panb-ywraq-reject-button-bg-color-hover);
    font-weight: 500;
    line-height: 1.3;
}

.panb_error_inline {
    color: var(--panb-wp-preset-color-vivid-red);
}

.panb_raq_sidebar,
.panb_raq_main {
    height: max-content !important;
}

#panb_save_cart{
    width: 120px;
}


@media (max-width: 1350px) {

    .panb_raq_grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 992px) {

    .panb_raq_sidebar {
        padding: 32px 20px;
    }

    .panb_raq_main {
        padding: 32px 20px;
    }

}

@media (max-width: 960px) {

    .panb_raq_form_grid {
        grid-template-columns: 1fr;
    }

    .panb_raq_badge_row {
        flex-direction: column;
    }

}

@media (max-width: 800px) {

    .panb_wrapper .panb_instructions {
        font-size: 16px;
    }

    .panb_wrapper .panb_pn_display_bar {
        padding: 10px 15px;
    }

    .panb_wrapper .panb_pn_display_label {
        font-size: 16px;
    }

    .panb_wrapper .panb_pn_display_value {
        font-size: 18px;
    }

    .panb_wrapper .panb_table th, .panb_wrapper .panb_table td  {
        padding: 6px 10px !important;
    }

    .panb_wrapper .panb_table th {
        font-size: 13px !important;
    }

    .panb_wrapper .panb_table td {
        font-size: 15px !important;
    }

    .panb_wrapper .panb_fields_grid {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 16px;
    }

    .panb_wrapper .panb_form_group {
        padding: 10px 14px;
    }

    .panb_wrapper .panb_label {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .panb_wrapper select.panb_select {
        padding: 7px 30px 7px 10px;
        font-size: 13px;
    }

    .panb_wrapper .panb_form_group_full {
        grid-column: 1;
    }

    .panb_wrapper .panb_btn_row {
        flex-direction: column;
        gap: 8px;
    }

    .panb_wrapper .panb_btn_reset,
    .panb_wrapper #panb_wc_btn_wrap,
    .panb_wrapper .panb_btn_quote,
    .panb_raq_btn_submit {
        width: 100%;
        text-align: center;
    }

}

@media (max-width: 768px) {

    .panb_raq_fields_grid {
        grid-template-columns: 100%;
    }

    .panb_raq_field_col_full {
        grid-column: span 1 !important;
    }

    .panb_raq_outer.premium-design {
        margin: 20px 10px !important;
        width: calc(100% - 20px) !important;
        box-sizing: border-box !important;
    }

    .panb_raq_grid {
        display: block !important;
        width: 100% !important;
    }

    .panb_raq_sidebar,
    .panb_raq_main {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 24px !important;
        box-sizing: border-box !important;
    }

    .panb_raq_main {
        margin-bottom: 0 !important;
        padding: 24px 16px !important;
    }

    .panb_raq_sidebar {
        padding: 24px 16px !important;
    }

    .panb_raq_sidebar_heading {
        font-size: 24px !important;
    }

    .panb_bottom_feature {
        padding: 15px !important;
        gap: 12px !important;
    }

    .panb_raq_sidebar_alert {
        padding: 12px 15px !important;
        gap: 10px !important;
    }
}

@media (max-width: 640px) {

    .panb_raq_main_heading {
        font-size: 20px;
    }

    .panb_raq_action_row {
        flex-direction: column;
    }

    .panb_raq_btn {
        width: 100%;
        text-align: center;
    }

    .panb_raq_phone_row {
        flex-wrap: nowrap !important;
    }

    .panb_raq_phone_row .panb_raq_input {
        min-width: 0 !important;
    }

    .panb_raq_input_ext {
        width: 70px !important;
        flex: 0 0 70px !important;
    }

    .panb_raq_footer_actions {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    .panb_raq_footer_left,
    .panb_raq_footer_right {
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        gap: 8px !important;
    }

    .panb_raq_footer_actions button {
        width: 100% !important;
        margin: 0 !important;
    }

    .panb_raq_contact_actions,
    .panb_raq_contact_actions button {
        width: 100% !important;
    }

    .panb_raq_table,
    .panb_raq_table tbody {
        display: block;
        width: 100%;
    }

    .panb_raq_table thead {
        display: block;
        width: 100%;
        border-bottom: 2px solid var(--panb-thegem-to-form-elements-border-color) !important;
    }

    .panb_raq_table thead tr,
    .panb_raq_table tbody tr {
        display: grid;
        grid-template-columns: 80px 1fr 40px;
        gap: 8px;
        align-items: center;
        width: 100%;
        padding: 8px 10px;
    }

    .panb_raq_table tbody tr {
        border-bottom: 1px solid var(--panb-thegem-to-form-elements-border-color) !important;
    }

    .panb_raq_table tbody tr:last-child {
        border-bottom: none;
    }

    .panb_raq_table th,
    .panb_raq_table td {
        display: block;
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        min-width: 0 !important;
    }

    .panb_raq_table th {
        font-size: 10px !important;
        text-transform: uppercase;
        color: var(--panb-thegem-to-form-elements-text-color);
        font-weight: 700;
    }

    .panb_raq_th_del {
        text-align: center !important;
    }

    .panb_raq_qty_input {
        width: 100% !important;
    }

    .panb_raq_pn_input {
        width: 100% !important;
    }

    .panb_delete_btn {
        margin: 0 auto !important;
    }

}

@media (max-width: 480px) {

    .panb_success_popup_box {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 20px 20px !important;
        gap: 15px !important;
        max-width: 95% !important;
    }

    .panb_success_popup_icon {
        margin: 0 auto !important;
    }

    .panb_success_popup_btn {
        float: none !important;
        display: block !important;
        margin: 10px auto 0 !important;
        width: 100% !important;
        text-align: center !important;
    }

}

@media (max-width: 440px) {

    .panb_raq_table_actions {
        flex-direction: column;
    }

}