/*!
Theme Name: aamra_theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aamra_theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

aamra_theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*header.tf-header.header-s7.scr-box-shadow {
    padding: 12px 0;
}*/

.quantity-selector {
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}

.qty-btn {
    background: #f5f5f5;
    border: none;
    width: 15px;
    height: 20px;
    font-size: 20px;
    cursor: pointer;
    line-height: 1;
    transition: background 0.2s;
}

.qty-btn:hover {
    background: #e0e0e0;
}

.qty-input {
    width: 30px;
    height: 28px;
    text-align: center;
    border: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 14px;
    -moz-appearance: textfield;
}

.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

button.btn-add-to-cart.tf-btn.btn-fill.animate-hover-btn {
    font-size: 14px;
    height: 28px;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: normal;
}






a.button.product_type_variable.add_to_cart_button {
    display: inherit;
    text-align: center;
}

.woocommerce-billing-fields h3, h3#order_review_heading {
    font-size: 24px;
    text-transform: uppercase;
    color: #757272;
}
.woocommerce-billing-fields__field-wrapper {
    font-size: 16px;
}
.woocommerce-billing-fields__field-wrapper input {
    border-radius: 20px !important;
    border: 1px solid #efefef !important;
    padding-left: 20px !important;
}
div#order_review {
    font-size: 16px;
}
.flat-spacing {
    padding-top: 50px;
    padding-bottom: 80px;
}
.woocommerce-order {
    font-size: 16px;
}
.woocommerce-order h2.woocommerce-column__title {
    font-size: 24px;
    text-transform: uppercase;
    color: #757272;
}
h2.woocommerce-order-details__title {
    font-size: 24px;
    text-transform: uppercase;
    padding: 10px 0;
}
.wc-block-cart__submit-container:hover {
    background: #fddc19;
}
.wc-block-cart__submit-container {
    background: #fcc010;
    color: #000;
}
.woocommerce table.shop_table th {
    font-weight: 400 !important;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    font-weight: 400 !important;
}
tr.order-total {
    background: #fafafa;
}
.woocommerce-Tabs-panel p {
    color: #000000 !important;
}
p.product.woocommerce.add_to_cart_inline {
    border: 0 !important;
    padding: 0 !important;
}
a.button.product_type_variable.add_to_cart_button:hover, a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
    background: #ffa62b;
}
a.button.product_type_variable.add_to_cart_button, a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    font-weight: normal;
    background: #fe7111;
    color: #fff;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    display: inherit;
}
button#load-more {
    background: #fe7111;
    border: #fe7111;
}
li.variable-item.selected {
    background: #fec00f !important;
}
p#billing_country_field {
    display: none;
}
section.mb-80 {
    padding-bottom: 80px;
}

footer.bg-dark-black {
    background: #101010;
}
ul#menu-information > li a:hover {
    opacity: 0.5;
}
.item-link .cus-text {
    font-weight: 400;
    color: #fff;
}
ul#menu-main-menu li a {
    text-transform: uppercase;
}
a.mb-menu-link span {
    text-transform: uppercase !important;
}
.content-sld_wrap {
    max-width: 650px;
}
.homepage_default_content p {
    margin-bottom: 20px;
}
.homepage_default_content h3 {
    margin-bottom: 20px;
}
.sect-heading a {
    color: #ffa62b;
}
.small {
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #6e6d6b;
}
.content_are {
    max-width: 700px;
}
.flat-spacing-2 {
    padding-top: 100px;
    padding-bottom: 30px !important;
    background: #f7f7f7;
}
.summary.entry-summary h1.product_title.entry-title {
    font-size: 35px;
    margin-bottom: 10px;
}
.summary.entry-summary p.price {
    color: #101010 !important;
    font-size: 26px !important;
    margin-bottom: 20px;
    font-weight: 500;
}
.summary.entry-summary .woocommerce-product-details__short-description {
    margin-bottom: 20px;
}
.woocommerce div.product form.cart .variations label {
    margin-top: 15px;
}
span.sku_wrapper, span.posted_in, span.tagged_as {
    display: block;
}
button.single_add_to_cart_button {
    background-color: #101010 !important;
    color: var(--white) !important;
    border-radius: 60px !important;
    font-weight: 600 !important;
    height: 50px;
    width: 200px;
}
.woocommerce .quantity .qty {
    width: 120px;
    text-align: center;
    border-color: #000;
    border-radius: 60px;
}
.woocommerce-variation-price span.price{
    color: #101010 !important;
    font-size: 22px !important;
    margin-bottom: 20px;
}
.woocommerce div.product form.cart .variations {
    margin-bottom: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: normal !important;
}




.video-content-section {
    width: 100%;
    overflow: hidden;
}

.video-content-section .container {
    display: flex;
    min-height: 100vh;
    width: 100% !important;
    padding: 0;
    margin: 0;
}

/* LEFT VIDEO */
.video-box {
    width: 50%;
    position: relative;
}

.video-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* RIGHT CONTENT */
section.video-content-section .row > * {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
section.video-content-section .price-wrap {
    font-size: 14px;
}

.content-box {
    width: 50%;
    padding: 30px;
    background: #f5f1ea;
}

.content-box h2 {
    font-size: 36px;
    margin-bottom: 10px;
}

.content-box .source {
    font-size: 14px;
    color: #777;
    margin-bottom: 30px;
}

/* GRID BOX */
.grid-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.card {
    border: 2px solid #ddd;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 📱 MOBILE RESPONSIVE */
@media (max-width: 768px) {
    .video-content-section .container {
        flex-direction: column;
    }

    .video-box,
    .content-box {
        width: 100%;
    }

    .video-box {
        height: 250px;
    }

    .content-box {
        padding: 30px 20px;
    }

    .content-box h2 {
        font-size: 24px;
    }

    .grid-box {
        grid-template-columns: 1fr;
    }
}



/*Second Sec*/
section.why-different .container {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

.section-title {
    text-align: center;
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: bold;
}

/* TOP GRID */
.top-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 20px;
}

/* LEFT IMAGE */
.left-box {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}

.left-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.left-box .overlay {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
}

.left-box span {
    background: #ffc107;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 10px;
}

.left-box h4 {
    font-size: 18px;
    margin-bottom: 5px;
}

/* RIGHT VIDEO */
.right-box iframe {
    width: 100%;    
    min-height: 311px;
    border-radius: 15px;
}

/* BOTTOM GRID */
.bottom-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 25px;
}

.item {
    background:#fff;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    position: relative;
    transition: 0.3s;
}

.item:hover {
    transform: translateY(-5px);
}

.item span {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: bold;
    color: #999;
}

.item img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 10px;
}

.item h4 {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 24px;
    margin-bottom: 20px;
}

.item p {
    font-size: 14px;
    color: #666;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .top-grid {
        grid-template-columns: 1fr;
    }

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

@media (max-width: 576px) {
    .bottom-grid {
        grid-template-columns: 1fr;
    }

    .section-title {
        font-size: 22px;
    }
}

section.why-different {
    background: #f5f5f5;
    padding: 80px 0;
}





/*TAB Design*/
/* Wrapper */
.woocommerce div.product .woocommerce-tabs {
    margin-top: 50px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: unset !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: unset !important;
    bottom: 0px !important;
    width: 0px !important;
    height: 0px !important;
}

/* Tabs Nav */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    gap: 10px;
    border-bottom: none;
    padding: 0;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

/* Tab Item */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
}

/* Tab Link */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    position: relative;
    display: block;
    padding: 12px 22px;
    background: #f8f9fb;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 500;
    color: #444;
    transition: all 0.3s ease;
}

/* Hover */
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    background: #e9fdf6;
    color: #00b894;
}

/* Active Tab */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background: #00c292;
    color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

/* Smooth underline effect */
.woocommerce div.product .woocommerce-tabs ul.tabs li a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 0;
    height: 3px;
    background: #00c292;
    transition: 0.3s;
    transform: translateX(-50%);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::after {
    width: 60%;
}

/* Content Box */
.woocommerce div.product .woocommerce-tabs .panel {
    padding: 25px;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    border: none;
}

/* Typography inside content */
.woocommerce-Tabs-panel h2 {
    font-size: 22px;
    margin-bottom: 15px;
}

.woocommerce-Tabs-panel p {
    font-size: 15px;
    line-height: 1.7;
    color: #555;
}

.woocommerce div.product .woocommerce-tabs .panel p {
    margin-bottom: 20px;
}
.woocommerce div.product .woocommerce-tabs h1,
.woocommerce div.product .woocommerce-tabs h2,
.woocommerce div.product .woocommerce-tabs h3,
.woocommerce div.product .woocommerce-tabs h4,
.woocommerce div.product .woocommerce-tabs h5,
.woocommerce div.product .woocommerce-tabs h6{
    font-size: 22px !important;
    padding: 20px 0;
    line-height: 30px;
}

.product_meta a:hover {
    color: #ffa62b;
}

.bgdark {
    background-color: var(--text) !important;
}
.tf-topbar.topbar-s3 a {
    color: #fff;
}
.header-inner .header-right i {
    color: #fff;
}

.header-sticky .item-link .cus-text {
    font-weight: 400;
    color: #000;
}
.header-sticky .header-inner .header-right i {
    color: #000;
}
.sldcontent {
    position: relative;
}

section.hero_section {
    background-size: cover;
    height: calc(100vh);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.left_top_slider_title {
    padding-top: 120px;
    font-size: 60px;
    line-height: 70px;
    color: #fff;
    font-weight: 500;
}

.hero_bottom_right h3 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 20px;
    letter-spacing: 0px;
    float: right;
}
.hero_bottom_right {
    width: 300px;
    position: absolute;
    right: 15px;
    bottom: 60px;
    color: #fff;
}
.hero_bottom_right p {
    font-size: 13px;
    padding-left: 40px;
    line-height: 22px;
    float: right;
}
/* container positioning */
.hero_bottom_button {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}

/* glass button */
.hero_button {
    display: inline-block;
    padding: 14px 30px;
    border-radius: 50px;
    
    /* glass effect */
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
    border: 1px solid rgba(255, 255, 255, 0.2);
    
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    
    /* soft shadow */
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    
    transition: all 0.3s ease;
}

/* hover effect */
.hero_button:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.05);
}
footer.tf-footer.footer-s5.type-2.bg-dark-black {
    background: #1a1a1a;
}
.section-page-title .main-page-title {
    color: #fff;
}
section.section-page-title {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.dgwt-wcas-search-wrapp {
    max-width: 100% !important;
}
.modal-content .recently-view .card-product_wrapper {
    aspect-ratio: 0;
}






@media (max-width:767px){    
    .page-title {
        padding: 10px 0px;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100%;
    }
    .banner-v01 .bn_image img {
        min-height: 600px;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        flex-direction: column;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        width: 100%;
        text-align: center;
    }
    .left_top_slider_title {
        padding-top: 150px;
        font-size: 40px;
        line-height: 50px;
    }
    .hero_bottom_right {
        bottom: 200px;
    }
    .hero_bottom_button {
        bottom: 60px;
    }

}