.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-754 .elementor-element.elementor-element-3ae1b22 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:13px;font-weight:700;line-height:1.2em;color:#8A6B35;}.elementor-754 .elementor-element.elementor-element-f5155d0 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:70px;font-weight:700;line-height:0.95em;letter-spacing:-0.055em;color:#191713;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-754 .elementor-element.elementor-element-0cbd02d{font-family:"Syne", Sans-serif;font-size:16px;font-weight:400;line-height:1.55em;color:#6C6255;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-754 .elementor-element.elementor-element-44a3058 .elementor-icon-wrapper{text-align:start;}.elementor-754 .elementor-element.elementor-element-44a3058.elementor-view-stacked .elementor-icon{background-color:#D7C09A;}.elementor-754 .elementor-element.elementor-element-44a3058.elementor-view-framed .elementor-icon, .elementor-754 .elementor-element.elementor-element-44a3058.elementor-view-default .elementor-icon{color:#D7C09A;border-color:#D7C09A;}.elementor-754 .elementor-element.elementor-element-44a3058.elementor-view-framed .elementor-icon, .elementor-754 .elementor-element.elementor-element-44a3058.elementor-view-default .elementor-icon svg{fill:#D7C09A;}.elementor-754 .elementor-element.elementor-element-44a3058 .elementor-icon{font-size:24px;}.elementor-754 .elementor-element.elementor-element-44a3058 .elementor-icon svg{height:24px;}.elementor-754 .elementor-element.elementor-element-44a3058.elementor-element{--align-self:flex-start;}.elementor-754 .elementor-element.elementor-element-44298c1 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:32px;font-weight:800;letter-spacing:-0.05em;color:#F6F1E8;}.elementor-754 .elementor-element.elementor-element-3bd6db2{font-family:"Syne", Sans-serif;font-size:15px;font-weight:400;line-height:1.45em;color:#C9BDA9;}.elementor-754 .elementor-element.elementor-element-5f333d3 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:28px;font-weight:700;letter-spacing:-0.04em;color:#191713;}.elementor-754 .elementor-element.elementor-element-08c4787{font-family:"Syne", Sans-serif;font-size:14px;font-weight:400;line-height:1em;color:#6C6255;}.elementor-754 .elementor-element.elementor-element-08c4787.elementor-element{--align-self:flex-start;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-754 .elementor-element.elementor-element-6ecb9a8 .elementor-button-content-wrapper{flex-direction:row;}.elementor-754 .elementor-element.elementor-element-6ecb9a8 .elementor-button .elementor-button-content-wrapper{gap:8px;justify-content:center;}.elementor-754 .elementor-element.elementor-element-6ecb9a8 .elementor-button{font-family:"Syne", Sans-serif;font-size:12px;font-weight:600;line-height:1.35em;fill:#191713;color:#191713;background-color:#EEE5D8;border-radius:99px 99px 99px 99px;padding:14px 14px 14px 14px;}.elementor-754 .elementor-element.elementor-element-ad5db94{--display:flex;}:root{--page-title-display:none;}body.elementor-page-754:not(.elementor-motion-effects-element-type-background), body.elementor-page-754 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F1E8;}/* Start custom CSS for shortcode, class: .elementor-element-491027c *//* 1. Turn the main WooCommerce wrapper into a 2-column layout */
.woocommerce {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* Creates a 50/50 split */
    gap: 50px !important; /* Space between left and right sides */
    align-items: start !important;
}

/* 2. Lock the form into the LEFT column */
.woocommerce form.track_order {
    grid-column: 1 !important;
    background-color: #FFFFFF !important;
    border-radius: 20px !important;
    padding: 40px !important;
}

/* 3. Force any generated tracking results into the RIGHT column */
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-customer-details,
.woocommerce .tracking-result-wrapper { /* Catches third-party tracking outputs */
    grid-column: 2 !important;
    background-color: #FFFFFF !important;
    border-radius: 20px !important;
    padding: 40px !important;
}

/* Responsive fix for mobile: stack them vertically on small screens */
@media (max-width: 768px) {
    .woocommerce {
        grid-template-columns: 1fr !important;
    }
    .woocommerce form.track_order,
    .woocommerce .woocommerce-order-details {
        grid-column: 1 !important;
    }
}



/**********************************************/

/* 1. Hide the default WooCommerce instructional paragraph */
.woocommerce form.track_order > p:first-of-type {
    display: none !important;
}

/* 2. Force the form layout to stack vertically */
.woocommerce form.track_order {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important; 
}

/* Remove default WooCommerce column floats */
.woocommerce form.track_order .form-row {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

/* 3. Style the Labels */
.woocommerce form.track_order label {
    display: block !important;
    font-family: syne;
    font-weight: 600 !important;
    color: #6C6255 !important;
    margin-bottom: 8px !important;
    font-size: 13px !important;
}

/* 4. Style the Input Fields (Beige background, rounded) */
.woocommerce form.track_order input.input-text {
    background-color: #FAF7F0 !important; /* Soft beige background */
    border: 1px solid #19171314 !important; /* Very subtle border */
    font-family: syne;
    font-size: 14px;
    line-height: 1.2em;
    border-radius: 12px !important;
    padding: 18px 20px !important;
    width: 100% !important;
    font-size: 15px !important;
    box-shadow: none !important;
}

/* Focus state for inputs */
.woocommerce form.track_order input.input-text:focus {
    border-color: #19171314 !important;
    outline: none !important;
    background-color: #FAF7F0 !important;
}

/* 5. Style the "Track" Button (Black pill shape) */
.woocommerce form.track_order .button {
    background-color: #191713 !important;
    color: #FFFFFF !important;
    border-radius: 30px !important;
    padding: 16px 20px !important;
    width: 100% !important;
    font-size: 16px !important;
    font-family: 'Syne', sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
    border: none !important;
    margin-top: 10px !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
}/* End custom CSS */