.elementor-3309 .elementor-element.elementor-element-8c2973e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.11;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:86px;--padding-bottom:86px;--padding-left:86px;--padding-right:86px;}.elementor-3309 .elementor-element.elementor-element-8c2973e:not(.elementor-motion-effects-element-type-background), .elementor-3309 .elementor-element.elementor-element-8c2973e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-3309 .elementor-element.elementor-element-8c2973e::before, .elementor-3309 .elementor-element.elementor-element-8c2973e > .elementor-background-video-container::before, .elementor-3309 .elementor-element.elementor-element-8c2973e > .e-con-inner > .elementor-background-video-container::before, .elementor-3309 .elementor-element.elementor-element-8c2973e > .elementor-background-slideshow::before, .elementor-3309 .elementor-element.elementor-element-8c2973e > .e-con-inner > .elementor-background-slideshow::before, .elementor-3309 .elementor-element.elementor-element-8c2973e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://telemachospublishing.com/wp-content/uploads/2025/03/TG-Logo.png");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-3309 .elementor-element.elementor-element-c4db872{text-align:center;}.elementor-3309 .elementor-element.elementor-element-c4db872 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;}.elementor-3309 .elementor-element.elementor-element-4feb70b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:30px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-3309 .elementor-element.elementor-element-7065a09{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:37px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3309 .elementor-element.elementor-element-8045e91{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3309 .elementor-element.elementor-element-afa9ebd > .elementor-widget-container{background-color:var( --e-global-color-secondary );margin:20px 0px 0px 0px;padding:50px 30px 40px 30px;border-radius:8px 8px 8px 8px;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-field-group{padding-right:calc( 31px/2 );padding-left:calc( 31px/2 );margin-bottom:36px;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-form-fields-wrapper{margin-left:calc( -31px/2 );margin-right:calc( -31px/2 );margin-bottom:-36px;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-labels-inline .elementor-field-group > label{padding-left:11px;}body:not(.rtl) .elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-labels-inline .elementor-field-group > label{padding-right:11px;}body .elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-labels-above .elementor-field-group > label{padding-bottom:11px;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-field-group > label, .elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-field-subgroup label{color:#FFFFFF;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-field-group > label{font-weight:700;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-field-type-html{padding-bottom:0px;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#FFFFFF;border-radius:5px 5px 5px 5px;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#FFFFFF;border-radius:5px 5px 5px 5px;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-button{font-family:"SF Pro Display", Sans-serif;font-size:18px;font-weight:700;border-style:solid;border-radius:8px 8px 8px 8px;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-button[type="submit"]{color:#ffffff;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .e-form__buttons__wrapper__button-next:hover{background-color:#02010100;color:#ffffff;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-button[type="submit"]:hover{background-color:#02010100;color:#ffffff;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-message.elementor-message-success{color:#FFFFFF;}.elementor-3309 .elementor-element.elementor-element-afa9ebd .elementor-message.elementor-message-danger{color:#FAA8A8;}.elementor-3309 .elementor-element.elementor-element-afa9ebd{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3309 .elementor-element.elementor-element-7065a09{--width:45%;}.elementor-3309 .elementor-element.elementor-element-8045e91{--width:55%;}}@media(max-width:1424px){.elementor-3309 .elementor-element.elementor-element-c4db872 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:1024px){.elementor-3309 .elementor-element.elementor-element-c4db872 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3309 .elementor-element.elementor-element-167dcef img{height:500px;}}@media(max-width:767px){.elementor-3309 .elementor-element.elementor-element-8c2973e{--padding-top:33px;--padding-bottom:33px;--padding-left:33px;--padding-right:33px;}.elementor-3309 .elementor-element.elementor-element-c4db872 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for form, class: .elementor-element-afa9ebd */.elementor-field-type-tel {
    position: relative;
    z-index: 100;
}
<style>
.product-dropdown-wrapper {
    font-family: Arial, sans-serif;
    width: 100%;
    position: relative;
}
.dropdown-selected {
    padding: 12px 16px;
    border: 2px solid #ccc;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    color: #5d0023;
    font-weight: 600;
}
.dropdown-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    background: #fff;
    border: 2px solid #ccc;
    border-top: none;
    border-radius: 0 0 6px 6px;
    box-sizing: border-box;
}
.dropdown-option {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    gap: 12px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    transition: background 0.2s ease;
}
.dropdown-option:hover {
    background-color: #fdf2f6;
    border-left: 4px solid #5d0023;
}
.dropdown-option img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}
.dropdown-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.dropdown-title {
    font-size: 16px;
    font-weight: bold;
    color: #5d0023;
    margin-bottom: 4px;
}
.dropdown-price {
    font-size: 14px;
    color: #777;
}
.quantity-counter {
    margin-top: 20px;
}
.counter-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 200px;
}
.qty-btn {
    background-color: #5d0023;
    color: #ffffff;
    border: 2px solid #ffffff;
    padding: 8px 14px;
    font-size: 20px;
    cursor: pointer;
    border-radius: 4px;
}
.qty-btn:hover {
    background-color: #44001a;
}
.product-qty {
    width: 60px;
    text-align: center;
    font-size: 16px;
    border: 2px solid #ccc;
    padding: 8px;
    border-radius: 4px;
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
}
.total-section {
    margin-top: 15px;
}
.total-section label {
    color: #ffffff !important;
    font-weight: bold;
}
}
.product-total {
    width: 100%;
    padding: 10px;
    border: 2px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
    margin-top: 5px;

    background-color: #5d0023;  /* Brand background */
    color: ##1f2124 !important; /* White text */
    opacity: 1 !important;     /* Force full visibility */
    caret-color: #ffffff;      /* White blinking cursor if ever editable */
}
.quantity-counter label {
    color: #ffffff !important;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
}
.discounted-price,
.product-total {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #ffffff; /* white border */
    border-radius: 8px;
    background-color: #ffffff; /* brand color background */
    color: #ffffff; /* white text */
    font-size: 18px;
    font-weight: bold;
    box-shadow: 0 0 8px rgba(93, 0, 35, 0.3); /* subtle shadow */
    transition: all 0.3s ease;
}

.discounted-price:focus,
.product-total:focus {
    outline: none;
    box-shadow: 0 0 12px rgba(93, 0, 35, 0.5);
}

.discounted-price-section label,
.total-section label {
    font-size: 12pxpx;
    font-weight: normal;
    color: #ffffff;
    margin-bottom: 6px;
    display: block;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}
.discounted-price,
.product-total {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #ffffff; /* white border */
    border-radius: 8px;
    background-color: #ffffff; /* white background */
    color: #000000; /* black text */
    font-size: 18px;
    font-weight: bold;
    box-shadow: 0 0 8px rgba(93, 0, 35, 0.1); /* optional subtle shadow */
    transition: all 0.3s ease;
}

.discounted-price:focus,
.product-total:focus {
    outline: none;
    box-shadow: 0 0 12px rgba(93, 0, 35, 0.2);
}

.discounted-price-section label,
.total-section label {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff; /* label text stays white */
    margin-bottom: 6px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.product-dropdown-wrapper {
    position: relative;
    z-index: 10; /* reduced from 9999 */
}

.dropdown-options {
    position: absolute;
    background: white;
    z-index: 0; /* reduced from 10000 */
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #ccc;
    display: none;
}



</style>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://telemachospublishing.com/wp-content/uploads/2024/02/sf-pro-text-light.woff') format('woff');
}
@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://telemachospublishing.com/wp-content/uploads/2024/02/sf-pro-text-regular.ttf') format('truetype');
}
@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://telemachospublishing.com/wp-content/uploads/2024/02/sf-pro-text-regular.woff') format('woff');
}
@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://telemachospublishing.com/wp-content/uploads/2024/02/sf-pro-text-semibold.woff') format('woff');
}
@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://telemachospublishing.com/wp-content/uploads/2024/02/sf-pro-display_bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */