/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
.custom-group-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
}

.custom-product-card{
    background:#090403;

    border:1px solid rgba(255,107,26,0.18);

    padding:18px;

    min-height:210px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    transition:0.3s;
}

.custom-product-card:hover{
    border-color:#ff6b1a;

    box-shadow:
        0 0 18px rgba(255,107,26,0.10);
}

.custom-product-top{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.custom-product-image img{
    width:58px;
    height:58px;

    object-fit:contain;

    filter:
        drop-shadow(0 0 8px rgba(255,107,26,0.30));
}

.custom-product-info h3{
    margin:0 0 6px;

    font-size:16px;
    line-height:1;

    font-family:"Oswald",sans-serif;

    color:#fff;

    letter-spacing:0.08em;

    text-transform:uppercase;
}

.custom-product-info span{
    color:#8d817a;

    font-size:18px;

    font-family:"Oswald",sans-serif;

    letter-spacing:0.12em;
}

.custom-request-btn{
    display:flex;
    align-items:center;
    justify-content:center;

    height:48px;

    border:1px solid rgba(255,107,26,0.45);

    color:#fff;

    text-decoration:none;

    font-family:"Oswald",sans-serif;

    letter-spacing:0.08em;

    transition:0.3s;
}

.custom-request-btn:hover{
    background:rgba(255,107,26,0.08);

    border-color:#ff6b1a;
}

@media(max-width:1024px){

    .custom-group-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .custom-group-grid{
        grid-template-columns:1fr;
    }

}



/* =========================
   GLOBAL PRODUCT PAGE
========================= */

.single-product{
    background:
        radial-gradient(
            circle at top center,
            rgba(255,107,26,0.06) 0%,
            rgba(0,0,0,0) 40%
        ),
        linear-gradient(
            180deg,
            #090403 0%,
            #050202 100%
        );

    color:#f5f1eb;
}

/* =========================
   MAIN CONTAINER
========================= */

.single-product .product{
    max-width:1280px;

    margin:auto;

    padding:70px 40px;
}

/* =========================
   PRODUCT IMAGE
========================= */

.woocommerce div.product div.images img{
    border:1px solid rgba(255,107,26,0.22);

    background:#0b0504;

    padding:12px;

    box-shadow:
        0 0 40px rgba(255,107,26,0.06);
}

/* =========================
   TITLE
========================= */

.single-product .product_title{
    font-family:"Oswald",sans-serif;

    font-size:64px;

    line-height:0.95;

    font-weight:700;

    letter-spacing:0.05em;

    text-transform:uppercase;

    color:#ffffff;

    margin-bottom:18px;
}

/* =========================
   PRICE
========================= */

.single-product .price{
    color:#ff6b1a !important;

    font-family:"Oswald",sans-serif;

    font-size:30px !important;

    letter-spacing:0.04em;

    margin-bottom:24px !important;
}

/* =========================
   SHORT DESCRIPTION
========================= */

.single-product .woocommerce-product-details__short-description{
    color:rgba(255,255,255,0.72);

    font-size:16px;

    line-height:1.9;

    max-width:640px;
}

/* =========================
   BULLET LIST
========================= */

.single-product .woocommerce-product-details__short-description ul{
    margin-top:24px;
}

.single-product .woocommerce-product-details__short-description li{
    margin-bottom:10px;

    color:rgba(255,255,255,0.82);
}

/* =========================
   QUANTITY BOX
========================= */

.quantity .qty{
    background:#0a0504;

    border:1px solid rgba(255,107,26,0.35);

    color:#fff;

    height:52px;

    width:80px;

    font-family:"Oswald",sans-serif;
}

/* =========================
   ADD TO CART BUTTON
========================= */

.single_add_to_cart_button{
    height:52px !important;

    padding:0 34px !important;

    background:#ff6b1a !important;

    border:1px solid #ff6b1a !important;

    color:#fff !important;

    font-family:"Oswald",sans-serif !important;

    font-size:15px !important;

    font-weight:700 !important;

    letter-spacing:0.08em;

    text-transform:uppercase;

    box-shadow:
        0 0 24px rgba(255,107,26,0.25);

    transition:0.3s !important;
}

.single_add_to_cart_button:hover{
    background:#ff7a2f !important;

    box-shadow:
        0 0 32px rgba(255,107,26,0.45);
}

/* =========================
   META
========================= */

.product_meta{
    margin-top:34px;

    padding-top:24px;

    border-top:1px solid rgba(255,107,26,0.12);

    color:rgba(255,255,255,0.58);
}

.product_meta a{
    color:#ff6b1a;
}

/* =========================
   TABS
========================= */

.woocommerce-tabs{
    margin-top:70px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
    border:none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
    background:#120907;

    border:1px solid rgba(255,107,26,0.16);

    margin-right:10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    background:#1a0d08;

    border-color:#ff6b1a;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    color:#fff;

    font-family:"Oswald",sans-serif;

    letter-spacing:0.06em;

    text-transform:uppercase;
}

/* =========================
   TAB CONTENT
========================= */

.woocommerce-Tabs-panel{
    background:#0b0504;

    border:1px solid rgba(255,107,26,0.10);

    padding:40px;

    color:rgba(255,255,255,0.74);
}

/* =========================
   RELATED PRODUCTS
========================= */

.related.products{
    margin-top:80px;
}

.related.products h2{
    font-family:"Oswald",sans-serif;

    font-size:44px;

    text-transform:uppercase;

    letter-spacing:0.05em;

    margin-bottom:34px;

    color:#fff;
}

/* =========================
   RELATED PRODUCT CARD
========================= */

.related.products ul.products li.product{
    background:#0a0504;

    border:1px solid rgba(255,107,26,0.14);

    padding:18px;

    transition:0.3s;
}

.related.products ul.products li.product:hover{
    border-color:#ff6b1a;

    box-shadow:
        0 0 22px rgba(255,107,26,0.12);
}

/* =========================
   RELATED TITLE
========================= */

.related.products ul.products li.product h2{
    font-family:"Oswald",sans-serif;

    font-size:26px !important;

    letter-spacing:0.06em;

    text-transform:uppercase;

    color:#fff;
}

/* =========================
   RELATED PRICE
========================= */

.related.products .price{
    color:#ff6b1a !important;
}

/* =========================
   RELATED BUTTON
========================= */

.related.products .button{
    width:100%;

    background:transparent !important;

    border:1px solid rgba(255,107,26,0.35);

    color:#fff !important;

    text-align:center;

    font-family:"Oswald",sans-serif;

    text-transform:uppercase;

    letter-spacing:0.06em;

    transition:0.3s;
}

.related.products .button:hover{
    background:rgba(255,107,26,0.08) !important;

    border-color:#ff6b1a;
}

/* =========================
   BREADCRUMB
========================= */

.woocommerce-breadcrumb{
    color:rgba(255,255,255,0.45) !important;

    margin-bottom:28px !important;
}

.woocommerce-breadcrumb a{
    color:#ff6b1a !important;
}

/* =========================
   MOBILE
========================= */

@media(max-width:767px){

    .single-product .product{
        padding:40px 20px;
    }

    .single-product .product_title{
        font-size:42px;
    }

}

/* =========================
   CUSTOM QUANTITY
========================= */

.quantity{
    display:flex;
    align-items:center;

    border:1px solid rgba(255,107,26,0.35);

    height:56px;

    overflow:hidden;

    margin-right:14px;
}

.quantity button{
    width:42px;
    height:56px;

    background:#120705;

    border:none;

    color:#ff6b1a;

    font-size:24px;
    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.quantity button:hover{
    background:rgba(255,107,26,0.08);
}

.quantity .minus{
    border-right:1px solid rgba(255,107,26,0.15);
}

.quantity .plus{
    border-left:1px solid rgba(255,107,26,0.15);
}

.quantity .qty{
    width:52px !important;
    height:56px !important;

    border:none !important;

    background:#0b0403;

    color:#fff;

    font-family:"Oswald",sans-serif;

    font-size:22px;
    font-weight:700;

    text-align:center;

    padding:0 !important;

    -moz-appearance:textfield;
}

.quantity .qty::-webkit-inner-spin-button,
.quantity .qty::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0;
}



/* thank you page code start here*/


/* =========================
   THANK YOU PAGE
========================= */

.woocommerce-order-received{
    background:
        radial-gradient(
            circle at top center,
            rgba(255,107,26,0.05) 0%,
            transparent 42%
        ),
        linear-gradient(
            180deg,
            #090403 0%,
            #050202 100%
        );

    color:#ffffff;
}

/* =========================
   MAIN WRAPPER
========================= */

.woocommerce-order{
    background:#0b0504;

    border:1px solid rgba(255,107,26,0.14);

    padding:50px;

    margin-top:40px;

    box-shadow:
        0 0 40px rgba(255,107,26,0.04);
}

/* =========================
   THANK YOU TITLE
========================= */

.woocommerce-order h2,
.woocommerce-order h3{

    font-family:"Oswald",sans-serif;

    text-transform:uppercase;

    letter-spacing:0.06em;

    color:#ffffff;
}

/* =========================
   SUCCESS MESSAGE
========================= */

.woocommerce-order p{

    color:rgba(255,255,255,0.78);

    line-height:1.8;
}

.woocommerce-thankyou-order-received{

    font-family:"Oswald",sans-serif;

    font-size:34px;

    text-transform:uppercase;

    letter-spacing:0.05em;

    color:#ff6b1a !important;

    margin-bottom:34px;
}

/* =========================
   ORDER OVERVIEW
========================= */

.woocommerce-order-overview{

    background:#120705;

    border:1px solid rgba(255,107,26,0.14);

    padding:30px;

    margin-bottom:40px;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;
}

.woocommerce-order-overview li{

    list-style:none;

    color:rgba(255,255,255,0.62);

    font-size:13px;

    text-transform:uppercase;

    letter-spacing:0.04em;
}

.woocommerce-order-overview li strong{

    display:block;

    margin-top:10px;

    color:#ffffff;

    font-family:"Oswald",sans-serif;

    font-size:20px;

    letter-spacing:0.04em;
}

/* =========================
   ORDER TABLE
========================= */

.woocommerce-order-details table.shop_table{

    background:#0b0504;

    border:1px solid rgba(255,107,26,0.14);

    color:#ffffff;
}

.woocommerce-order-details table.shop_table th{

    color:#ff6b1a;

    font-family:"Oswald",sans-serif;

    text-transform:uppercase;

    letter-spacing:0.05em;
}

.woocommerce-order-details table.shop_table td,
.woocommerce-order-details table.shop_table th{

    border-color:rgba(255,107,26,0.08);
}

/* =========================
   CUSTOMER DETAILS
========================= */

.woocommerce-customer-details address{

    background:#120705;

    border:1px solid rgba(255,107,26,0.12);

    padding:28px;

    color:rgba(255,255,255,0.78);

    line-height:1.8;
}

/* =========================
   LINKS
========================= */

.woocommerce-order a{
    color:#ff6b1a;
}

/* =========================
   MOBILE
========================= */

@media(max-width:767px){

    .woocommerce-order{
        padding:24px;
    }

    .woocommerce-order-overview{
        grid-template-columns:1fr;
    }

    .woocommerce-thankyou-order-received{
        font-size:28px;
    }

}



/* =========================
   MY ACCOUNT PAGE
========================= */

.woocommerce-account{
    background:
        radial-gradient(
            circle at top center,
            rgba(255,107,26,0.05) 0%,
            transparent 42%
        ),
        linear-gradient(
            180deg,
            #090403 0%,
            #050202 100%
        );

    color:#ffffff;
}

/* =========================
   MAIN WRAPPER
========================= */

.woocommerce-account .woocommerce{
    max-width:1280px;

    margin:auto;

    padding:70px 30px;
}

/* =========================
   SIDEBAR MENU
========================= */

.woocommerce-account .woocommerce-MyAccount-navigation{

    background:#0b0504;

    border:1px solid rgba(255,107,26,0.14);

    padding:24px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
    margin:0;
    padding:0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li{
    list-style:none;

    margin-bottom:10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a{

    display:flex;
    align-items:center;

    min-height:52px;

    padding:0 18px;

    background:#120705;

    border:1px solid rgba(255,107,26,0.08);

    color:#ffffff;

    text-decoration:none;

    font-family:"Oswald",sans-serif;

    text-transform:uppercase;

    letter-spacing:0.06em;

    transition:0.3s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{

    border-color:#ff6b1a;

    background:rgba(255,107,26,0.06);
}

/* ACTIVE MENU */

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{

    border-color:#ff6b1a;

    background:rgba(255,107,26,0.10);

    box-shadow:
        0 0 18px rgba(255,107,26,0.10);
}

/* =========================
   CONTENT AREA
========================= */

.woocommerce-account .woocommerce-MyAccount-content{

    background:#0b0504;

    border:1px solid rgba(255,107,26,0.14);

    padding:40px;

    color:rgba(255,255,255,0.78);

    line-height:1.8;
}

/* =========================
   HEADINGS
========================= */

.woocommerce-account h1,
.woocommerce-account h2,
.woocommerce-account h3{

    font-family:"Oswald",sans-serif;

    text-transform:uppercase;

    letter-spacing:0.06em;

    color:#ffffff;
}

/* =========================
   LINKS
========================= */

.woocommerce-account a{
    color:#ff6b1a;
}

/* =========================
   INPUTS
========================= */

.woocommerce-account input.input-text,
.woocommerce-account textarea,
.woocommerce-account select{

    background:#0a0403;

    border:1px solid rgba(255,107,26,0.18);

    color:#ffffff;

    height:54px;

    padding:0 18px;

    transition:0.3s ease;
}

.woocommerce-account textarea{

    min-height:140px;

    padding-top:16px;
}

.woocommerce-account input:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus{

    border-color:#ff6b1a;

    box-shadow:
        0 0 18px rgba(255,107,26,0.14);

    outline:none;
}

/* =========================
   LABELS
========================= */

.woocommerce-account label{

    color:#ffffff;

    font-family:"Oswald",sans-serif;

    text-transform:uppercase;

    letter-spacing:0.05em;

    font-size:13px;
}

/* =========================
   BUTTONS
========================= */

.woocommerce-account button.button,
.woocommerce-account .button,
.woocommerce-account input.button{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:54px;

    padding:0 30px !important;

    background:#ff6b1a !important;

    border:1px solid #ff6b1a !important;

    color:#ffffff !important;

    font-family:"Oswald",sans-serif;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:0.08em;

    box-shadow:
        0 0 22px rgba(255,107,26,0.18);

    transition:0.3s ease;
}

.woocommerce-account button.button:hover,
.woocommerce-account .button:hover,
.woocommerce-account input.button:hover{

    background:#ff7a2f !important;

    box-shadow:
        0 0 30px rgba(255,107,26,0.34);
}

/* =========================
   TABLES
========================= */

.woocommerce-account table.shop_table{

    background:#120705;

    border:1px solid rgba(255,107,26,0.12);

    color:#ffffff;
}

.woocommerce-account table.shop_table th{

    color:#ff6b1a;

    font-family:"Oswald",sans-serif;

    text-transform:uppercase;

    letter-spacing:0.05em;
}

.woocommerce-account table.shop_table td,
.woocommerce-account table.shop_table th{

    border-color:rgba(255,107,26,0.08);
}

/* =========================
   NOTICES
========================= */

.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info{

    background:#120705;

    border-top:2px solid #ff6b1a;

    color:#ffffff;
}

/* =========================
   MOBILE
========================= */

@media(max-width:767px){

    .woocommerce-account .woocommerce{

        padding:40px 20px;
    }

    .woocommerce-account .woocommerce-MyAccount-content{

        margin-top:24px;

        padding:24px;
    }

}