.elementor-5708 .elementor-element.elementor-element-ff4ea72{--display:flex;--min-height:1000px;--padding-top:040px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-5708 .elementor-element.elementor-element-f808575 .woocommerce-breadcrumb{color:#FFFFFF;font-family:"Manrope", Sans-serif;letter-spacing:1.6px;}.elementor-5708 .elementor-element.elementor-element-f808575 .woocommerce-breadcrumb > a{color:#FFFFFF;}.elementor-5708 .elementor-element.elementor-element-1a53694{padding:0px 0px 20px 0px;}.elementor-5708 .elementor-element.elementor-element-1a53694 .elementor-heading-title{font-family:"Jost", Sans-serif;letter-spacing:1px;color:#FFFFFF;}.elementor-5708 .elementor-element.elementor-element-11a7a62{--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;}.elementor-5708 .elementor-element.elementor-element-f79a2be{--display:flex;}.elementor-5708 .elementor-element.elementor-element-f79a2be.e-con{--flex-grow:0;--flex-shrink:0;}.woocommerce .elementor-5708 .elementor-element.elementor-element-23b2f2a .woocommerce-tabs ul.wc-tabs li a{color:#FFFFFF;}.woocommerce .elementor-5708 .elementor-element.elementor-element-23b2f2a .woocommerce-tabs ul.wc-tabs li{background-color:#1A1A1A;border-color:#A81F2F33;border-radius:15px 15px 0 0;}.woocommerce .elementor-5708 .elementor-element.elementor-element-23b2f2a .woocommerce-tabs .woocommerce-Tabs-panel{border-color:#A81F2F33;border-width:0px 0px 0px 0px;margin-top:-0px;}.elementor-5708 .elementor-element.elementor-element-be98fca{--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-5708 .elementor-element.elementor-element-0e86854{padding:0px 0px 6px 0px;}.elementor-5708 .elementor-element.elementor-element-afa2977{--display:flex;}@media(min-width:768px){.elementor-5708 .elementor-element.elementor-element-f79a2be{--width:65.965%;}}/* Start custom CSS for container, class: .elementor-element-ff4ea72 *//* ==========================================================================
   GLOBAL PRODUCT PAGE STRUCTURE & CARD STYLINGS
   ========================================================================== */

/* Main wrapper styling matching the premium dark tone */
.elementor-element-ff4ea72 {
    background-color: #0b0c10 !important;
    padding: 40px 20px !important;
    color: #ffffff !important;
}

/* Master Layout Grid - Side-by-Side Flex Panels */
.elementor-element-11a7a62 {
    display: flex !important;
    flex-direction: row !important;
    gap: 30px !important;
    align-items: flex-start !important;
    margin-top: 25px !important;
}

/* Left Area: Product Gallery & Content */
.elementor-element-f79a2be {
    flex: 1 1 65% !important;
    max-width: 65% !important;
}

/* Right Area: Action Panel (Similar to the reference listing panel) */
.elementor-element-be98fca {
    flex: 1 1 35% !important;
    max-width: 35% !important;
    background: transparent !important;
    border: 1px solid rgba(168, 31, 47, 0.2) !important;
    border-radius: 18px !important;
    padding: 24px !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18) !important;
}

/* ==========================================================================
   TITLES & BREADCRUMBS
   ========================================================================== */

/* Title Box Styled directly like the Suzuki Header Banner */
.elementor-element-1a53694 .product_title {
    display: inline-block !important;
    background: rgba(168, 31, 47, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 16px !important;
    padding: 16px 28px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important;
    color: #ffffff !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.22) !important;
}

/* Breadcrumbs styling */
.woocommerce-breadcrumb, .woocommerce-breadcrumb a {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 13px !important;
    text-decoration: none !important;
}
.woocommerce-breadcrumb a:hover {
    color: #A81F2F !important;
}

/* ==========================================================================
   MEDIA GALLERY 
   ========================================================================== */

/* Main Image Wrapper matching the automotive showcase frame */
.elementor-element-7daaab0 .woocommerce-product-gallery {
    border: 1px solid rgba(168, 31, 47, 0.2) !important;
    border-radius: 20px !important;
    padding: 10px !important;
    background: rgba(255, 255, 255, 0.01) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.woocommerce-product-gallery__image img, .flex-viewport {
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* Thumbnails */
.flex-control-thumbs li img {
    border-radius: 8px !important;
    border: 2px solid transparent !important;
    transition: all 0.3s ease !important;
}
.flex-control-thumbs li img.flex-active {
    border-color: #A81F2F !important;
}

/* ==========================================================================
   TABS & PRODUCT DESCRIPTION (Descriere)
   ========================================================================== */

/* Styled exactly like the technical spec features list */
.elementor-element-23b2f2a .woocommerce-tabs {
    margin-top: 35px !important;
}


.woocommerce-tabs ul.tabs li a {
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}

.woocommerce-Tabs-panel--description {
    border: 1px solid rgba(168, 31, 47, 0.2) !important;
    border-radius: 18px !important;
    padding: 24px !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18) !important;
    background: rgba(255, 255, 255, 0.01) !important;
    color: rgba(255, 255, 255, 0.75) !important;
}

/* List element adjustments matching the custom listing properties */
.woocommerce-Tabs-panel--description ul li, 
.product-description__info p {
    background: rgba(255, 255, 255, 0.02) !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    margin-bottom: 8px !important;
    transition: background 0.3s ease, transform 0.3s ease !important;
    display: flex !important;
    justify-content: space-between;
}

.woocommerce-Tabs-panel--description ul li:hover,
.product-description__info p:hover {
    background: rgba(255, 255, 255, 0.045) !important;
    transform: translateY(-2px) !important;
}

/* Target bullets / items structure if outputted as unordered list */
.woocommerce-Tabs-panel--description ul li::marker {
    color: #A81F2F !important;
}

/* ==========================================================================
   PRICING & INTERACTIVE CTA (Right Sidebar)
   ========================================================================== */

/* Price Display Widget */
.elementor-element-18e4be8 .price, 
.elementor-element-18e4be8 .price .amount {
    color: #ffffff !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
}

/* Metadata Category Links styling */
.elementor-element-0e86854 .product_meta {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin-top: 15px !important;
    padding-top: 15px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 13px !important;
}

.elementor-element-0e86854 .product_meta a {
    color: #A81F2F !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Main Button (Contactează-ne) themed identical to the sidebar header */
.elementor-element-b8c1059 .elementor-button {
    background: #A81F2F !important;
    color: #ffffff !important;
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    padding: 16px 24px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(168, 31, 47, 0.35) !important;
    transition: all 0.3s ease !important;
}

.elementor-element-b8c1059 .elementor-button:hover {
    background: #c22436 !important;
    box-shadow: 0 6px 22px rgba(194, 36, 54, 0.5) !important;
    transform: translateY(-2px) !important;
}

/* ==========================================================================
   RESPONSIVE DESIGN (Mobile / Tablet fallback)
   ========================================================================== */
@media (max-width: 991px) {
    .elementor-element-11a7a62 {
        flex-direction: column !important;
        gap: 25px !important;
    }
    .elementor-element-f79a2be, 
    .elementor-element-be98fca {
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
}/* End custom CSS */