.elementor-2211 .elementor-element.elementor-element-cfdd828{--display:flex;--min-height:47vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:140px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;}.elementor-2211 .elementor-element.elementor-element-cfdd828:not(.elementor-motion-effects-element-type-background), .elementor-2211 .elementor-element.elementor-element-cfdd828 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2211 .elementor-element.elementor-element-387503b .wpr-post-breadcrumbs{text-align:center;justify-content:center !important;color:var( --e-global-color-fd13a65 );font-family:"DM Sans", Sans-serif;font-size:18px;}.elementor-2211 .elementor-element.elementor-element-387503b .wpr-breadcrumbs{text-align:center;justify-content:center !important;}.elementor-2211 .elementor-element.elementor-element-387503b .wpr-post-breadcrumbs a{color:var( --e-global-color-fd13a65 );}.elementor-2211 .elementor-element.elementor-element-387503b .wpr-post-breadcrumbs a:hover{color:var( --e-global-color-8a5f7f8 );}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2211 .elementor-element.elementor-element-5b690dc .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:700;color:var( --e-global-color-8a5f7f8 );}.elementor-2211 .elementor-element.elementor-element-505df81{--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:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2211 .elementor-element.elementor-element-9f97a85{--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-2211 .elementor-element.elementor-element-7a47e50.elementor-element{--align-self:flex-end;}.elementor-2211 .elementor-element.elementor-element-7691b90{--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-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2211 .elementor-element.elementor-element-637c978 .cart button, .elementor-2211 .elementor-element.elementor-element-637c978 .cart .button{transition:all 0.2s;}.elementor-2211 .elementor-element.elementor-element-637c978 .quantity .qty{transition:all 0.2s;}.elementor-2211 .elementor-element.elementor-element-722a276{--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;}.elementor-2211 .elementor-element.elementor-element-ce7c0f7{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2211 .elementor-element.elementor-element-e874aee > .elementor-widget-container{margin:-60px 0px 0px 0px;}.elementor-2211 .elementor-element.elementor-element-00e41c5{--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;--padding-top:20px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(min-width:768px){.elementor-2211 .elementor-element.elementor-element-505df81{--content-width:1250px;}.elementor-2211 .elementor-element.elementor-element-9f97a85{--width:47%;}.elementor-2211 .elementor-element.elementor-element-7691b90{--width:53%;}.elementor-2211 .elementor-element.elementor-element-722a276{--content-width:1250px;}.elementor-2211 .elementor-element.elementor-element-ce7c0f7{--width:85%;}.elementor-2211 .elementor-element.elementor-element-00e41c5{--content-width:1250px;}}@media(max-width:767px){.elementor-2211 .elementor-element.elementor-element-cfdd828{--min-height:38vh;}.elementor-2211 .elementor-element.elementor-element-5b690dc{text-align:center;}}/* Start custom CSS for container, class: .elementor-element-505df81 *//* --- 1. GENERAL ALIGNMENT --- */
.kd-product-hero {
    padding: 0px 20px 0px 20px;
    background-color: #ffffff;
}
.kd-product-hero .elementor-widget-wrap {
    align-content: center;
}

/* --- 2. TYPOGRAPHY (Tighter, Cleaner) --- */
.kd-product-hero .product_title {
    font-family: 'Playfair Display', serif !important;
    font-size: clamp(40px, 4vw, 54px) !important;
    font-weight: 500 !important;
    color: #09090b !important;
    line-height: 1.1 !important;
    margin: 0 0 10px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.kd-product-hero .price {
    font-family: 'Inter', sans-serif !important;
    font-size: 26px !important;
    font-weight: 500 !important;
    color: #64748b !important; /* Muted Slate */
    margin: 0 0 30px 0 !important;
    display: block !important;
}

.kd-product-hero .woocommerce-product-details__short-description p {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #475569 !important;
    margin-bottom: 40px !important;
    max-width: 95%;
}

/* --- 3. FIXING THE BRIDGE THEME QUANTITY SELECTOR --- */
.kd-product-hero form.cart {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    flex-wrap: wrap;
    margin-bottom: 0 !important;
}

/* Force the wrapper to look like one clean box */
.kd-product-hero .quantity {
    display: flex !important;
    align-items: center !important;
    border: 1px solid #e2e8f0 !important; /* Unified border */
    height: 56px !important;
    border-radius: 2px !important;
    background: #ffffff !important;
    margin: 0 !important;
    padding: 0 5px !important;
}

/* Strip Bridge theme's ugly grey circles from the +/- buttons */
.kd-product-hero .quantity .minus,
.kd-product-hero .quantity .plus,
.kd-product-hero .quantity input[type="button"] {
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    font-size: 18px !important;
    cursor: pointer !important;
    height: 100% !important;
    width: 35px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: color 0.3s ease !important;
}

.kd-product-hero .quantity .minus:hover,
.kd-product-hero .quantity .plus:hover {
    color: #09090b !important;
}

/* Center the actual number input */
.kd-product-hero .quantity input.qty {
    border: none !important;
    background: transparent !important;
    height: 100% !important;
    width: 40px !important;
    padding: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #09090b !important;
    text-align: center !important;
    box-shadow: none !important;
}

/* --- 4. THE ACTION BUTTON --- */
.kd-product-hero button.single_add_to_cart_button {
    background-color: #09090b !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    height: 56px !important;
    padding: 0 45px !important;
    border: none !important;
    border-radius: 2px !important;
    cursor: pointer !important;
    transition: all 0.4s ease !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.kd-product-hero button.single_add_to_cart_button:hover {
    background-color: #FEC709 !important; /* Kendo Amber */
    color: #000000 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00e41c5 *//* --- 1. THE AMBER BADGE --- */
.kd-narrative-badge {
    display: inline-block;
    background-color: #FEC709; /* Kendo Amber */
    color: #000000;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 8px 18px;
    border-radius: 30px; /* Pill shape */
    margin-bottom: 30px;
}

/* --- 2. THE MAIN NARRATIVE TYPOGRAPHY --- */
/* Formats Heading 2 (H2) to look like your blueprint's main tagline */
.kd-product-narrative h2,
.kd-product-narrative h3 {
    font-family: 'Playfair Display', serif !important;
    font-size: clamp(32px, 4vw, 46px) !important;
    font-weight: 500 !important;
    color: #09090b !important; /* Zinc Black */
    line-height: 1.2 !important;
    margin-top: 0 !important;
    margin-bottom: 25px !important;
}

/* Formats the standard paragraph text */
.kd-product-narrative p {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #64748b !important; /* Muted slate */
    margin-bottom: 30px !important;
}

/* --- 3. INLINE IMAGES --- */
/* If you insert images directly into your description, this keeps them aligned and clean */
.kd-product-narrative img {
    border-radius: 0;
    margin: 40px 0 !important;
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
}/* End custom CSS */