.elementor-167447 .elementor-element.elementor-element-8fb33f6{--display:flex;}.elementor-widget-heading .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-167447 .elementor-element.elementor-element-e3f1a10{text-align:center;}.elementor-167447 .elementor-element.elementor-element-e3f1a10 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:47px;font-weight:600;}/* Start custom CSS for container, class: .elementor-element-8fb33f6 *//* ==========================================================================
   CENTRED & SEXY QUOTE PAGE
   ========================================================================== */

/* 1. Ensure the container itself is centered on the page */
.elementor-167447 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* 2. Centre the Title */
.pc-quote-page-title {
    text-align: center;
    width: 100%;
    margin: 2rem 0;
}

/* 3. Centre the Basket & Form */
#pc-basket-container, 
.pc-quote-form {
    max-width: 800px; /* Constrains the width for a professional look */
    margin-left: auto;
    margin-right: auto;
    text-align: left; /* Keep text inside boxes left-aligned for readability */
}

/* 4. Centre the "Your Quote Consists Of" title */
.pc-basket-header {
    text-align: center;
    border-bottom: none; /* Removed line for a cleaner look */
    margin-bottom: 2rem;
}

/* 5. Clean up the table centering */
.pc-basket-table {
    margin: 0 auto;
}

/* 6. Ensure buttons and inputs are properly aligned */
.pc-submit-btn {
    display: block;
    margin: 0 auto;
}

/* 7. Subtle "Floating" effect for the whole page */
#pc-basket-container, 
.pc-quote-form {
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    border: 2px solid #000000;
}

/* ==========================================================================
   MINIMALIST CLEAN-UP (Removing Heavy Borders)
   ========================================================================== */

/* Remove the heavy borders from the main containers */
#pc-basket-container, 
.pc-quote-form,
.pc-product-card,
.pc-pd-main-image,
.pc-colour-block {
    border: none !important; /* Removes the black lines */
}

/* Replace with clean, subtle shadows for definition */
#pc-basket-container, 
.pc-quote-form {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    background: #ffffff;
}

/* Ensure the table stays clean without borders */
.pc-basket-table th {
    border-bottom: 1px solid #e0e0e0;
}

.pc-basket-table td {
    border-bottom: 1px solid #f0f0f0;
}

/* Clean up the form fields to look modern */
.pc-quote-form input[type="text"],
.pc-quote-form input[type="email"],
.pc-quote-form textarea {
    border: 1px solid #e0e0e0 !important;
    transition: border-color 0.3s ease;
}

/* Add a focus highlight instead of a permanent border */
.pc-quote-form input:focus,
.pc-quote-form textarea:focus {
    border-color: #fe5500 !important;
    outline: none;
}/* End custom CSS */