.elementor-2181 .elementor-element.elementor-element-678cb16{--display:flex;--min-height:200px;--justify-content:center;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2181 .elementor-element.elementor-element-678cb16:not(.elementor-motion-effects-element-type-background), .elementor-2181 .elementor-element.elementor-element-678cb16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://supersoundshop.com/wp-content/uploads/2026/03/about-us-img1.jpg");background-position:center center;background-size:cover;}.elementor-2181 .elementor-element.elementor-element-678cb16::before, .elementor-2181 .elementor-element.elementor-element-678cb16 > .elementor-background-video-container::before, .elementor-2181 .elementor-element.elementor-element-678cb16 > .e-con-inner > .elementor-background-video-container::before, .elementor-2181 .elementor-element.elementor-element-678cb16 > .elementor-background-slideshow::before, .elementor-2181 .elementor-element.elementor-element-678cb16 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2181 .elementor-element.elementor-element-678cb16 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2181 .elementor-element.elementor-element-a8abb17{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-2181 .elementor-element.elementor-element-af4efab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2181 .elementor-element.elementor-element-af4efab .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:700;text-transform:uppercase;line-height:1.25em;color:#FFFFFF;}.elementor-2181 .elementor-element.elementor-element-49cb00cd{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-2181 .elementor-element.elementor-element-fee0781{--display:flex;}@media(max-width:1024px){.elementor-2181 .elementor-element.elementor-element-678cb16{--min-height:200px;}.elementor-2181 .elementor-element.elementor-element-af4efab .elementor-heading-title{font-size:30px;}}@media(max-width:767px){.elementor-2181 .elementor-element.elementor-element-678cb16{--min-height:150px;}.elementor-2181 .elementor-element.elementor-element-a8abb17{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-2181 .elementor-element.elementor-element-af4efab .elementor-heading-title{font-size:28px;}}/* Start custom CSS for shortcode, class: .elementor-element-1a22f626 *//* ============================================
   SUPER SOUND SHOP — TRACK YOUR ORDER FORM
   WordPress Admin → Appearance → Customize
   → Additional CSS → paste karein
   ============================================ */

/* --- Page wrapper background --- */
.page-header {
    display: none;
}
.woocommerce-order-tracking,
.woocommerce .track_order,
body.woocommerce-page .track_order {
    max-width: 560px;
    margin: 60px auto;
    font-family: "Poppins", Sans-serif;
}

/* --- Form container card --- */
.woocommerce-form-track-order.track_order {
    background: #ffffff;
    border: 1px solid #e8edf5;
    border-top: 4px solid var(--e-global-color-primary);
    border-radius: 0 0 4px 4px;
    padding: 40px 44px 44px !important;
    box-shadow: 0 8px 40px rgba(26,58,110,0.08);
    position: relative;
}

/* Decorative top icon strip */
.woocommerce-form-track-order.track_order::before {
    content: '📦';
    position: absolute;
    top: -28px;
    left: 44px;
    width: 52px;
    height: 52px;
    background: var(--e-global-color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: 52px;
    text-align: center;
    box-shadow: 0 4px 16px rgba(26,58,110,0.25);
}

/* --- Intro paragraph --- */
.woocommerce-form-track-order.track_order > p:first-of-type {
    font-size: 15px !important;
    line-height: 1.85 !important;
    color: #6b7a99 !important;
    margin-bottom: 32px !important;
    padding-bottom: 24px !important;
    border-bottom: 1px dashed #dde3ef !important;
    font-family: "Poppins", Sans-serif;
}

/* --- Form rows layout --- */
.woocommerce-form-track-order .form-row {
    width: 100% !important;
    float: none !important;
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
    display: block !important;
}

.woocommerce-form-track-order .form-row-first,
.woocommerce-form-track-order .form-row-last {
    width: 100% !important;
    float: none !important;
}

/* --- Labels --- */
.woocommerce-form-track-order label {
    display: block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: var(--e-global-color-primary) !important;
    margin-bottom: 8px !important;
    font-family: "Poppins", Sans-serif;
}

/* --- Input fields --- */
.woocommerce-form-track-order .input-text {
    width: 100% !important;
    height: 48px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
    color: #222 !important;
    background: #f7f9fc !important;
    border: 1.5px solid #dde3ef !important;
    border-radius: 0px !important;
    outline: none !important;
    transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease !important;
    font-family: "Poppins", Sans-serif;
    box-sizing: border-box !important;
   
}

.woocommerce-form-track-order .input-text:focus {
    border-color: var(--e-global-color-primary) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(26,58,110,0.08) !important;
}

.woocommerce-form-track-order .input-text::placeholder {
    color: #aab4cc !important;
    font-size: 13px !important;
}

/* --- Track Button --- */
.woocommerce-form-track-order .button[name="track"],
.woocommerce-form-track-order button.button {
    display: block !important;
    width: 100% !important;
    height: 50px !important;
    background: var(--e-global-color-primary) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 0px !important;
    cursor: pointer !important;
    transition: background 0.25s ease, transform 0.15s ease, box-shadow 0.25s ease !important;
    font-family: "Poppins", Sans-serif;
    margin-top: 8px !important;
    box-shadow: 0 4px 18px rgba(26,58,110,0.2) !important;
    position: relative !important;
    overflow: hidden !important;
}

.woocommerce-form-track-order .button[name="track"]:hover,
.woocommerce-form-track-order button.button:hover {
    background: #142d57 !important;
    box-shadow: 0 6px 24px rgba(26,58,110,0.32) !important;
    transform: translateY(-1px) !important;
}

.woocommerce-form-track-order .button[name="track"]:active,
.woocommerce-form-track-order button.button:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(26,58,110,0.2) !important;
}

/* --- Clear div fix --- */
.woocommerce-form-track-order .clear {
    clear: both !important;
    display: block !important;
}

/* --- Page heading (if any h1/h2 above form) --- */
.woocommerce-order-tracking h1,
.woocommerce-order-tracking h2,
.entry-title {
    font-family: Georgia, serif !important;
    font-size: 32px !important;
    color: #111 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 32px !important;
    position: relative;
    padding-left: 16px;
}

.woocommerce-order-tracking h1::before,
.woocommerce-order-tracking h2::before,
.entry-title::before {
    content: '';
    position: absolute;
    left: 0; top: 6px;
    width: 4px; height: 70%;
    background: var(--e-global-color-primary);
    border-radius: 2px;
}

/* --- Responsive --- */
@media (max-width: 600px) {
    .woocommerce-form-track-order.track_order {
        padding: 32px 24px 36px !important;
        margin: 32px 16px !important;
    }

    .woocommerce-form-track-order.track_order::before {
        left: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49cb00cd */.custtrackorder {
    
}/* End custom CSS */