/*
Theme Name: Motta Child Theme
Theme URI: http://motta.uix.store/
Author: UIX Themes
Author URI: http://uix.store
Description: A fully responsive Premium WordPress Theme with a pixel perfect design and extensive functionality
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: motta
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Template: motta
*/
/*======================================================
MOTTA PREMIUM UI
PART 01
DESIGN SYSTEM
======================================================*/

:root{

/*========================

COLOR

========================*/

--stm-primary:#FF3131;

--stm-primary-hover:#E61C1C;

--stm-secondary:#111827;

--stm-text:#374151;

--stm-text-light:#6B7280;

--stm-border:#E5E7EB;

--stm-bg:#F8FAFC;

--stm-card:#FFFFFF;


/*========================

Radius

========================*/

--stm-radius-xs:6px;

--stm-radius-sm:10px;

--stm-radius-md:14px;

--stm-radius-lg:18px;

--stm-radius-xl:24px;


/*========================

Shadow

========================*/

--stm-shadow-sm:

0 2px 10px rgba(0,0,0,.05);

--stm-shadow-md:

0 10px 30px rgba(0,0,0,.08);

--stm-shadow-lg:

0 18px 45px rgba(0,0,0,.12);


/*========================

Transition

========================*/

--stm-transition:.25s ease;

}


/*========================

Body

========================*/

body{

background:var(--stm-bg);

color:var(--stm-text);

font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

font-size:16px;

line-height:1.7;

-webkit-font-smoothing:antialiased;

-moz-osx-font-smoothing:grayscale;

}


/*========================

Container

========================*/

.container,

.site-content{

max-width:1440px;

}


/*========================

Selection

========================*/

::selection{

background:var(--stm-primary);

color:#fff;

}


/*========================

Image

========================*/

img{

max-width:100%;

height:auto;

}


/*========================

Link

========================*/

a{

transition:var(--stm-transition);

text-decoration:none;

}

a:hover{

color:var(--stm-primary);

}


/*========================

Smooth

========================*/

html{

scroll-behavior:smooth;

}
/*==================================================
PART 02 : PREMIUM HEADER
==================================================*/

/* Header Wrapper */
.site-header,
.motta-header,
.header-main{
    background:#ffffff;
    border-bottom:1px solid #ececec;
    transition:.3s ease;
    z-index:999;
}

/* Sticky Header */
.site-header.is-sticky,
.motta-header.is-sticky,
.header-sticky{
    position:sticky;
    top:0;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(12px);
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* Logo */
.site-header .site-logo img,
.motta-logo img{
    max-height:48px;
    transition:.25s;
}

.site-header .site-logo img:hover,
.motta-logo img:hover{
    transform:scale(1.03);
}

/* Navigation */
.main-navigation ul,
.primary-navigation ul{
    gap:12px;
}

.main-navigation li>a,
.primary-navigation li>a{

    padding:14px 18px;

    border-radius:12px;

    color:#374151;

    font-weight:600;

    transition:.25s;

}

.main-navigation li>a:hover,
.primary-navigation li>a:hover{

    background:#FFF2F2;

    color:#FF3131;

}

/* Active */

.current-menu-item>a,
.current_page_item>a{

    color:#FF3131;

}

/* Search Box */

.header-search input{

    border:2px solid #E5E7EB;

    border-radius:999px;

    height:48px;

    transition:.25s;

    padding:0 20px;

}

.header-search input:focus{

    border-color:#FF3131;

    box-shadow:0 0 0 4px rgba(255,49,49,.10);

    outline:none;

}

/* Search Button */

.header-search button{

    border-radius:999px;

    background:#FF3131;

    color:#fff;

    transition:.25s;

}

.header-search button:hover{

    background:#e51d1d;

}

/* Header Icons */

.header-tools a,
.header-actions a{

    width:44px;

    height:44px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    transition:.25s;

}

.header-tools a:hover,
.header-actions a:hover{

    background:#FFF2F2;

    color:#FF3131;

}

/* Cart Badge */

.cart-count,
.mini-cart-count{

    background:#FF3131;

    color:#fff;

    min-width:20px;

    height:20px;

    border-radius:50%;

    font-size:11px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:700;

}

/* Mega Menu */

.sub-menu,
.mega-menu{

    border-radius:18px;

    border:none;

    box-shadow:0 18px 45px rgba(0,0,0,.10);

    overflow:hidden;

}

/* Dropdown */

.sub-menu a{

    padding:12px 18px;

}

.sub-menu a:hover{

    background:#FFF5F5;

}

/* Header Buttons */

.header-button a{

    background:#FF3131;

    color:#fff;

    border-radius:999px;

    padding:12px 22px;

    font-weight:600;

    transition:.25s;

}

.header-button a:hover{

    transform:translateY(-2px);

    box-shadow:0 12px 24px rgba(255,49,49,.25);

}

/* Mobile */

@media(max-width:991px){

.main-navigation{

display:none;

}

.site-header{

padding:10px 0;

}

.site-header img{

max-height:42px;

}

}
/*==================================================
PART 03 : HOMEPAGE PREMIUM
==================================================*/

/* Section spacing */
.elementor-section{
    padding-top:30px;
    padding-bottom:30px;
}

/* White Card Section */
.elementor-widget-wrap{
    border-radius:18px;
}

/* Homepage Blocks */

.home .elementor-widget-container{

    transition:.30s ease;

}

/* Category Card */

.home .product-category,
.home .wc-block-product-category{

    background:#fff;

    border:1px solid #ececec;

    border-radius:18px;

    overflow:hidden;

    transition:.30s;

    box-shadow:0 2px 8px rgba(0,0,0,.03);

}

.home .product-category:hover,
.home .wc-block-product-category:hover{

    transform:translateY(-5px);

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

/* Category Image */

.home .product-category img{

    transition:.35s;

}

.home .product-category:hover img{

    transform:scale(1.05);

}

/* Category Title */

.home .product-category h2,
.home .product-category h3{

    color:#222;

    font-weight:700;

}

/* Product Grid */

.home ul.products li.product{

    border-radius:18px;

    border:1px solid #ececec;

    background:#fff;

    overflow:hidden;

    transition:.30s;

    box-shadow:0 3px 10px rgba(0,0,0,.03);

}

.home ul.products li.product:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 40px rgba(0,0,0,.10);

}

/* Product Image */

.home ul.products li.product img{

    transition:.35s;

}

.home ul.products li.product:hover img{

    transform:scale(1.04);

}

/* Product Title */

.home ul.products li.product .woocommerce-loop-product__title{

    font-size:16px;

    font-weight:600;

    color:#222;

}

/* Price */

.home .price{

    color:#FF3131;

    font-weight:700;

}

/* Sale Badge */

.home .onsale{

    background:#FF3131;

    color:#fff;

    border-radius:30px;

    padding:5px 12px;

    font-size:12px;

}

/* Buttons */

.home .button,
.home .added_to_cart{

    background:#FF3131;

    color:#fff;

    border-radius:40px;

    transition:.25s;

    font-weight:600;

}

.home .button:hover,
.home .added_to_cart:hover{

    background:#e51d1d;

    transform:translateY(-2px);

}

/* Banner */

.home .elementor-widget-image img{

    border-radius:20px;

    transition:.35s;

}

.home .elementor-widget-image:hover img{

    transform:scale(1.02);

}

/* Heading */

.home h2,
.home h3{

    color:#111827;

    font-weight:700;

}

/* Small Text */

.home p{

    color:#6b7280;

}

/* Responsive */

@media(max-width:767px){

.home ul.products li.product{

margin-bottom:18px;

}

.elementor-section{

padding-top:20px;

padding-bottom:20px;

}

}
/*==================================================
PART 05 : MOTTA PRODUCT CARD PREMIUM
==================================================*/

/* Product Card */
.woocommerce ul.products li.product{
    position:relative;
    background:#fff;
    border:1px solid #ececec;
    border-radius:20px;
    overflow:hidden;
    transition:.35s;
    box-shadow:0 3px 15px rgba(0,0,0,.04);
}

.woocommerce ul.products li.product:hover{
    transform:translateY(-8px);
    border-color:#ff3131;
    box-shadow:0 22px 45px rgba(0,0,0,.12);
}

/* Product Link */
.woocommerce ul.products li.product a{
    text-decoration:none;
}

/* Product Image */
.woocommerce ul.products li.product img{
    transition:.4s;
}

.woocommerce ul.products li.product:hover img{
    transform:scale(1.06);
}

/* Sale Badge */
.woocommerce span.onsale{
    background:#ff3131;
    color:#fff;
    border-radius:999px;
    padding:6px 12px;
    font-weight:700;
}

/* Title */
.woocommerce-loop-product__title{
    font-size:16px;
    font-weight:700;
    color:#222;
    line-height:1.5;
    transition:.25s;
}

.product:hover .woocommerce-loop-product__title{
    color:#ff3131;
}

/* Rating */
.star-rating{
    color:#ffb400;
}

/* Price */
.price{
    color:#ff3131;
    font-size:18px;
    font-weight:700;
}

.price del{
    color:#999;
}

.price ins{
    text-decoration:none;
}

/* Add To Cart */
.woocommerce ul.products li.product .button{

    width:100%;

    border-radius:12px;

    background:#ff3131;

    color:#fff;

    padding:12px;

    font-weight:600;

    transition:.3s;

}

.woocommerce ul.products li.product .button:hover{

    background:#d81f1f;

}

/*==================================================
PART 06 : PREMIUM SINGLE PRODUCT
Compatible : Motta + WooCommerce
==================================================*/

/* Product Container */
.single-product div.product{

    background:#fff;

    border-radius:20px;

}

/* Product Gallery */

.single-product .woocommerce-product-gallery{

    border:1px solid #ececec;

    border-radius:20px;

    overflow:hidden;

}

/* Main Image */

.single-product .woocommerce-product-gallery img{

    transition:.35s;

}

.single-product .woocommerce-product-gallery:hover img{

    transform:scale(1.03);

}

/* Product Title */

.single-product .product_title{

    font-size:34px;

    line-height:1.3;

    font-weight:700;

    color:#222;

}

/* Price */

.single-product .price{

    color:#ff3131;

    font-size:30px;

    font-weight:700;

}

/* Old Price */

.single-product del{

    color:#9ca3af;

}

/* Short Description */

.single-product .woocommerce-product-details__short-description{

    color:#666;

    line-height:1.8;

}

/* Quantity */

.single-product .quantity input{

    border:2px solid #ececec;

    border-radius:12px;

    height:48px;

}

/* Add To Cart */

.single-product .single_add_to_cart_button{

    background:#ff3131;

    color:#fff;

    border-radius:12px;

    padding:15px 28px;

    font-weight:700;

    transition:.3s;

}

.single-product .single_add_to_cart_button:hover{

    background:#d81f1f;

    transform:translateY(-2px);

}

/* SKU / Category */

.single-product .product_meta{

    margin-top:25px;

    padding-top:20px;

    border-top:1px solid #ececec;

    color:#666;

}

/* Tabs */

.single-product .woocommerce-tabs{

    margin-top:50px;

}

.single-product .woocommerce-tabs ul.tabs{

    border:none;

}

.single-product .woocommerce-tabs ul.tabs li{

    border:none;

    background:#f7f7f7;

    border-radius:10px;

    margin-right:10px;

}

.single-product .woocommerce-tabs ul.tabs li.active{

    background:#ff3131;

}

.single-product .woocommerce-tabs ul.tabs li.active a{

    color:#fff;

}

/* Tab Content */

.single-product .woocommerce-Tabs-panel{

    border:1px solid #ececec;

    border-radius:16px;

    padding:30px;

}

/* Related Products */

.single-product .related{

    margin-top:60px;

}

/* Responsive */

@media(max-width:768px){

.single-product .product_title{

font-size:26px;

}

.single-product .price{

font-size:24px;

}

.single-product .single_add_to_cart_button{

width:100%;

}

}
/*==================================================
PART 07 : PREMIUM CART PAGE
Compatible : Motta + WooCommerce
==================================================*/

/* Cart Container */
.woocommerce-cart .woocommerce{
    margin:40px 0;
}

/* Cart Table */
.woocommerce-cart table.shop_table{
    width:100%;
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    overflow:hidden;
    border-collapse:separate;
    border-spacing:0;
}

/* Header */
.woocommerce-cart table.shop_table thead{
    background:#f8f8f8;
}

.woocommerce-cart table.shop_table th{
    padding:18px;
    font-size:15px;
    font-weight:700;
    color:#222;
    border-bottom:1px solid #ececec;
}

/* Table Cell */
.woocommerce-cart table.shop_table td{
    padding:20px 18px;
    border-bottom:1px solid #f1f1f1;
    vertical-align:middle;
}

/* Product Image */
.woocommerce-cart table.shop_table img{
    width:90px;
    border-radius:12px;
    transition:.3s;
}

.woocommerce-cart table.shop_table img:hover{
    transform:scale(1.05);
}

/* Product Name */
.woocommerce-cart .product-name a{
    color:#222;
    font-weight:600;
    text-decoration:none;
    transition:.25s;
}

.woocommerce-cart .product-name a:hover{
    color:#ff3131;
}

/* Quantity */
.woocommerce-cart .quantity input{
    border:2px solid #ececec;
    border-radius:10px;
    height:44px;
    text-align:center;
}

/* Coupon */
.woocommerce-cart .coupon input{
    border:2px solid #ececec;
    border-radius:10px;
    padding:12px 15px;
}

.woocommerce-cart .coupon button{
    background:#ff3131;
    color:#fff;
    border:none;
    border-radius:10px;
    padding:12px 22px;
    font-weight:600;
    transition:.3s;
}

.woocommerce-cart .coupon button:hover{
    background:#d81f1f;
}

/* Update Cart Button */
.woocommerce-cart button[name="update_cart"]{
    border-radius:10px;
    font-weight:600;
}

/* Cart Totals */
.cart_totals{
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    padding:30px;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}

/* Totals Heading */
.cart_totals h2{
    font-size:24px;
    margin-bottom:20px;
}

/* Proceed Button */
.wc-proceed-to-checkout a.checkout-button{
    background:#ff3131;
    border-radius:12px;
    padding:16px;
    font-size:17px;
    font-weight:700;
    transition:.3s;
}

.wc-proceed-to-checkout a.checkout-button:hover{
    background:#d81f1f;
    transform:translateY(-2px);
}

/* Remove Button */
.woocommerce-cart a.remove{
    color:#dc2626 !important;
    font-size:22px;
    transition:.25s;
}

.woocommerce-cart a.remove:hover{
    background:#dc2626;
    color:#fff !important;
}

/* Empty Cart */
.cart-empty{
    text-align:center;
    padding:50px 20px;
    font-size:20px;
    color:#666;
}

/* Cross Sell */
.cross-sells{
    margin-top:50px;
}

/* Mobile */
@media (max-width:768px){

    .woocommerce-cart table.shop_table th,
    .woocommerce-cart table.shop_table td{
        padding:12px;
    }

    .woocommerce-cart table.shop_table img{
        width:70px;
    }

    .cart_totals{
        margin-top:30px;
        padding:20px;
    }

    .wc-proceed-to-checkout a.checkout-button{
        width:100%;
    }
}
/*==================================================
PART 08 : PREMIUM CHECKOUT
Compatible : Motta + WooCommerce
==================================================*/

/* Checkout Layout */
.woocommerce-checkout .woocommerce{
    margin:40px 0;
}

/* Billing & Shipping Box */
.woocommerce-checkout .col2-set,
.woocommerce-checkout #customer_details{

    background:#fff;

    border:1px solid #ececec;

    border-radius:20px;

    padding:30px;

    box-shadow:0 8px 24px rgba(0,0,0,.04);

}

/* Order Review */
.woocommerce-checkout #order_review{

    background:#fff;

    border:1px solid #ececec;

    border-radius:20px;

    padding:30px;

    box-shadow:0 8px 24px rgba(0,0,0,.05);

}

/* Section Titles */
.woocommerce-checkout h3{

    font-size:24px;

    font-weight:700;

    margin-bottom:20px;

    color:#222;

}

/* Form Fields */
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea{

    border:2px solid #e5e7eb;

    border-radius:12px;

    min-height:48px;

    padding:12px 15px;

    transition:.25s;

    background:#fff;

}

/* Focus */
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus{

    border-color:#ff3131;

    box-shadow:0 0 0 4px rgba(255,49,49,.10);

    outline:none;

}

/* Labels */
.woocommerce-checkout label{

    font-weight:600;

    color:#374151;

    margin-bottom:8px;

}

/* Order Table */
.woocommerce-checkout table.shop_table{

    border:none;

}

.woocommerce-checkout table.shop_table th{

    font-weight:700;

    color:#222;

}

.woocommerce-checkout table.shop_table td{

    padding:14px 0;

}

/* Payment Box */
#payment{

    background:#fafafa;

    border-radius:16px;

    border:1px solid #ececec;

    padding:20px;

}

/* Payment Methods */
#payment ul.payment_methods{

    border:none;

}

/* Place Order Button */
#place_order{

    width:100%;

    background:#ff3131;

    color:#fff;

    border:none;

    border-radius:14px;

    padding:16px;

    font-size:17px;

    font-weight:700;

    transition:.3s;

}

#place_order:hover{

    background:#d81f1f;

    transform:translateY(-2px);

}

/* Notices */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info{

    border-radius:12px;

    border:none;

}

/* Coupon Box */
.woocommerce-form-coupon{

    background:#fff;

    border:1px solid #ececec;

    border-radius:16px;

    padding:20px;

}

/* Mobile */
@media(max-width:768px){

.woocommerce-checkout .col2-set,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review{

padding:20px;

}

.woocommerce-checkout h3{

font-size:20px;

}

#place_order{

font-size:16px;

}

}
/*==================================================
PART 09 : PREMIUM MY ACCOUNT
Compatible : Motta + WooCommerce
==================================================*/

/* Account Wrapper */
.woocommerce-account .woocommerce{
    margin:40px 0;
}

/* Navigation */
.woocommerce-account .woocommerce-MyAccount-navigation{
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,.05);
}

/* Navigation Menu */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
    margin:0;
    padding:0;
    list-style:none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li{
    border-bottom:1px solid #f3f3f3;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{
    border-bottom:none;
}

.woocommerce-account .woocommerce-MyAccount-navigation a{
    display:block;
    padding:16px 20px;
    color:#374151;
    font-weight:600;
    text-decoration:none;
    transition:.25s;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
    background:#fff3f3;
    color:#ff3131;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{
    background:#ff3131;
    color:#fff;
}

/* Content Area */
.woocommerce-account .woocommerce-MyAccount-content{
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    padding:30px;
    box-shadow:0 8px 24px rgba(0,0,0,.05);
}

/* Dashboard Headings */
.woocommerce-account h2,
.woocommerce-account h3{
    font-size:26px;
    font-weight:700;
    color:#222;
    margin-bottom:20px;
}

/* Tables */
.woocommerce-account table.shop_table{
    border-radius:14px;
    overflow:hidden;
    border:1px solid #ececec;
}

.woocommerce-account table.shop_table th{
    background:#f8f8f8;
    font-weight:700;
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td{
    padding:16px;
}

/* Buttons */
.woocommerce-account .button,
.woocommerce-account .woocommerce-Button{
    background:#ff3131;
    color:#fff;
    border:none;
    border-radius:12px;
    padding:12px 22px;
    font-weight:600;
    transition:.3s;
}

.woocommerce-account .button:hover,
.woocommerce-account .woocommerce-Button:hover{
    background:#d81f1f;
    transform:translateY(-2px);
}

/* Forms */
.woocommerce-account input,
.woocommerce-account select,
.woocommerce-account textarea{
    border:2px solid #e5e7eb;
    border-radius:12px;
    padding:12px 15px;
    min-height:48px;
    transition:.25s;
}

.woocommerce-account input:focus,
.woocommerce-account select:focus,
.woocommerce-account textarea:focus{
    border-color:#ff3131;
    box-shadow:0 0 0 4px rgba(255,49,49,.10);
    outline:none;
}

/* Address Box */
.woocommerce-Address{
    border:1px solid #ececec;
    border-radius:16px;
    padding:20px;
    background:#fafafa;
}

/* Login/Register */
.woocommerce-form-login,
.woocommerce-form-register{
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    padding:30px;
    box-shadow:0 8px 24px rgba(0,0,0,.05);
}

/* Notices */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info{
    border-radius:12px;
}

/* Responsive */
@media(max-width:768px){

    .woocommerce-account .woocommerce-MyAccount-content{
        margin-top:25px;
        padding:20px;
    }

    .woocommerce-account h2,
    .woocommerce-account h3{
        font-size:22px;
    }

    .woocommerce-account .woocommerce-Button,
    .woocommerce-account .button{
        width:100%;
        text-align:center;
    }

}
/*==================================================
PART 10 : PREMIUM FOOTER
Compatible : Motta + Elementor
==================================================*/

/* Footer */
.site-footer,
.footer-area,
.footer{
    background:#111827;
    color:#d1d5db;
    padding:60px 0 25px;
}

/* Footer Links */
.site-footer a,
.footer a{
    color:#d1d5db;
    text-decoration:none;
    transition:.25s;
}

.site-footer a:hover,
.footer a:hover{
    color:#ff3131;
}

/* Widget Title */
.site-footer .widget-title,
.footer .widget-title{
    color:#ffffff;
    font-size:20px;
    font-weight:700;
    margin-bottom:20px;
}

/* Widget List */
.site-footer ul,
.footer ul{
    list-style:none;
    margin:0;
    padding:0;
}

.site-footer ul li,
.footer ul li{
    margin-bottom:12px;
}

/* Contact Info */
.footer-contact i{
    color:#ff3131;
    margin-right:10px;
}

/* Newsletter */
.footer-newsletter input{
    width:100%;
    border:none;
    border-radius:12px;
    padding:14px 16px;
    margin-bottom:12px;
}

.footer-newsletter button{
    width:100%;
    background:#ff3131;
    color:#fff;
    border:none;
    border-radius:12px;
    padding:14px;
    font-weight:600;
    transition:.3s;
}

.footer-newsletter button:hover{
    background:#d81f1f;
}

/* Social Icons */
.footer-social a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    margin-right:8px;
    transition:.3s;
}

.footer-social a:hover{
    background:#ff3131;
    color:#fff;
    transform:translateY(-3px);
}

/* Payment Icons */
.footer-payment img{
    max-height:32px;
    margin-right:10px;
    opacity:.9;
    transition:.25s;
}

.footer-payment img:hover{
    opacity:1;
}

/* Copyright */
.footer-bottom,
.site-info{
    border-top:1px solid rgba(255,255,255,.08);
    margin-top:35px;
    padding-top:20px;
    text-align:center;
    color:#9ca3af;
    font-size:14px;
}

/* Responsive */
@media(max-width:768px){

.site-footer,
.footer{
    padding:40px 0 20px;
    text-align:center;
}

.footer-social{
    margin-top:20px;
}

.footer-payment img{
    margin:6px;
}

}
/*==================================================
PART 11 : PREMIUM MOBILE UI
Compatible : Motta + WooCommerce + Elementor
==================================================*/

@media (max-width:768px){

/* Body */
body{
    font-size:15px;
    overflow-x:hidden;
}

/* Container */
.container,
.elementor-container{
    padding-left:15px;
    padding-right:15px;
}

/* Header */
.site-header,
.motta-header{
    padding:10px 0;
}

.site-header img,
.motta-header img{
    max-height:42px;
}

/* Search */
.header-search input{
    height:44px;
    font-size:14px;
}

/* Navigation */
.main-navigation{
    display:none;
}

/* Product Grid */
.woocommerce ul.products{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

/* Product Card */
.woocommerce ul.products li.product{
    border-radius:14px;
    padding:10px;
}

/* Product Image */
.woocommerce ul.products li.product img{
    border-radius:10px;
}

/* Product Title */
.woocommerce-loop-product__title{
    font-size:14px;
    min-height:40px;
}

/* Price */
.price{
    font-size:16px;
}

/* Button */
.button,
.single_add_to_cart_button{
    width:100%;
    font-size:14px;
    padding:12px;
}

/* Quantity */
.quantity input{
    width:60px;
}

/* Cart Table */
.woocommerce-cart table.shop_table{
    font-size:14px;
}

/* Checkout */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review{
    padding:18px;
}

/* My Account */
.woocommerce-account .woocommerce-MyAccount-content{
    padding:18px;
}

/* Footer */
.site-footer{
    text-align:center;
}

/* Footer Widgets */
.site-footer .widget{
    margin-bottom:25px;
}

/* Payment Icons */
.footer-payment img{
    max-height:28px;
}

/* Images */
img{
    max-width:100%;
    height:auto;
}

}

/* Small Phones */
@media (max-width:480px){

body{
    font-size:14px;
}

.woocommerce ul.products{
    gap:10px;
}

.woocommerce-loop-product__title{
    font-size:13px;
}

.price{
    font-size:15px;
}

.button{
    padding:10px;
    font-size:13px;
}

.site-header img{
    max-height:38px;
}

}
.storemart-order-section{
    background:#ffffff;
    border:1px solid #ececec;
    border-radius:20px;
    padding:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    margin-top:30px;
}

#order_review_heading{
    font-size:28px;
    font-weight:700;
    margin-bottom:25px;
}
/* Billing Title */
.storemart-checkout-title{
    font-size:28px;
    font-weight:700;
    margin-bottom:20px;
    color:#111827;
}

/* Info Box */
.storemart-checkout-info{
    background:#f8fafc;
    border-left:4px solid #ff3131;
    padding:16px;
    border-radius:10px;
    margin-bottom:25px;
    color:#374151;
    line-height:1.6;
}
/* Payment Information Box */
.storemart-payment-info{
    background:#f8fafc;
    border:1px solid #e5e7eb;
    border-radius:16px;
    padding:20px;
    margin-bottom:25px;
}

.storemart-payment-info h4{
    margin:0 0 10px;
    font-size:20px;
    color:#111827;
}

.storemart-payment-info p{
    margin:0 0 15px;
    color:#4b5563;
}

.storemart-payment-badges{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.storemart-payment-badges span{
    background:#ffffff;
    border:1px solid #e5e7eb;
    border-radius:999px;
    padding:8px 14px;
    font-size:14px;
    font-weight:600;
}

.storemart-checkout-note{
    margin-top:15px;
    text-align:center;
    font-size:13px;
    color:#6b7280;
}
/* Order Summary */
.storemart-order-summary{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:20px;
    padding:24px;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.woocommerce-checkout-review-order-table{
    border:none !important;
}

.woocommerce-checkout-review-order-table th{
    font-weight:600;
}

.order-total th,
.order-total td{
    font-size:22px;
    font-weight:700;
    color:#ff3131;
}
/* StoreMart BD Checkout */

.woocommerce-billing-fields h3{
    display:none;
}

.woocommerce form .form-row{
    margin-bottom:18px;
}

.woocommerce form .form-row label{
    font-size:15px;
    font-weight:600;
    margin-bottom:8px;
    display:block;
}

.woocommerce input.input-text,
.woocommerce textarea{
    border:1px solid #ddd;
    border-radius:10px;
    padding:14px 16px;
    font-size:15px;
}

.woocommerce textarea{
    min-height:120px;
}

#place_order{
    width:100%;
    background:#ff3131;
    color:#fff;
    border-radius:12px;
    padding:16px;
    font-size:18px;
    font-weight:700;
}