@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 7.0
Requires PHP: 5.6
Version: 2.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Poetry (Verse).......Specific styles for the poetry block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* Variables */

/* ==========================================
   WOOCOMMERCE GLOBAL PREMIUM CSS
   Modern, Spacious & Conversion-Optimized
   FULLY MOBILE RESPONSIVE
   ========================================== */

/* ==========================================
   GLOBAL PAGE PADDING & BACKGROUND
   ========================================== */
.woocommerce-page .site-content,
.post-type-archive-product .site-content,
.tax-product_cat .site-content,
.tax-product_tag .site-content,
.single-product .site-content,
.woocommerce-cart .site-content,
.woocommerce-checkout .site-content,
.woocommerce-account .site-content {
    padding: 80px 0 !important;
    background: #f7f9ff;
}

/* Optional: Add horizontal padding inside containers */
.woocommerce-page .container,
.woocommerce-page .site-container {
    padding-left: 20px;
    padding-right: 20px;
}

/* Tablet */
@media (max-width: 991px) {
    .woocommerce-page .site-content,
    .post-type-archive-product .site-content,
    .tax-product_cat .site-content,
    .tax-product_tag .site-content,
    .single-product .site-content,
    .woocommerce-cart .site-content,
    .woocommerce-checkout .site-content,
    .woocommerce-account .site-content {
        padding: 60px 0 !important;
    }
}

/* Mobile */
@media (max-width: 768px) {
	
	.woocommerce-ordering select {
		display:none !important;
	}
	    .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-ordering, .woocommerce-page .woocommerce-result-count {
			margin-left:105px !important;
	}
	    .woocommerce .woocommerce-products-header__title.page-title, .woocommerce-page .woocommerce-products-header__title.page-title {
        margin: 1rem auto 1rem !important;
    }
	    .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb {
			margin-bottom: 0rem !important;
	}
	
	
    .woocommerce-page .site-content,
    .post-type-archive-product .site-content,
    .tax-product_cat .site-content,
    .tax-product_tag .site-content,
    .single-product .site-content,
    .woocommerce-cart .site-content,
    .woocommerce-checkout .site-content,
    .woocommerce-account .site-content {
        padding: 40px 0 !important;
    }
    
    .woocommerce-page .container,
    .woocommerce-page .site-container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ==========================================
   SINGLE PRODUCT - FIXED & OPTIMIZED
   ========================================== */

.single-product div.product {
    background: #fff;
    border-radius: 24px;
    padding: 45px;
    box-shadow: 0 10px 40px rgba(0,0,0,.06);
    overflow: hidden;
}

/* Product Gallery */
.woocommerce-product-gallery {
    background: #fff;
}

.woocommerce-product-gallery__wrapper {
    border-radius: 20px;
    overflow: hidden;
}

.woocommerce-product-gallery img {
    border-radius: 20px;
}

/* Thumbnail Images */
.flex-control-thumbs {
    display: flex;
    gap: 12px;
    margin-top: 15px !important;
    padding: 0 !important;
    flex-wrap: wrap;
}

.flex-control-thumbs li {
    list-style: none;
    width: auto !important;
    float: none !important;
    margin: 0 !important;
}

.flex-control-thumbs li img {
    border-radius: 12px;
    border: 2px solid #edf1ff;
    transition: .3s;
    width: 70px !important;
    height: 70px !important;
    object-fit: cover;
    cursor: pointer;
}

.flex-control-thumbs li img:hover {
    border-color: #2f5bff;
}

.flex-control-thumbs li img.flex-active {
    border-color: #2f5bff;
}

/* Product Title */
.product_title {
    font-size: 42px !important;
    font-weight: 700;
    color: #0d122b;
    line-height: 1.3;
    margin-bottom: 20px !important;
}

/* Rating */
.woocommerce-product-rating {
    margin-bottom: 20px !important;
}

/* Price */
.single-product .price {
    font-size: 38px !important;
    font-weight: 700;
    color: #2f5bff !important;
    margin-bottom: 25px !important;
}

/* Short Description */
.woocommerce-product-details__short-description {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 30px;
}

/* Quantity Button Fix */
.quantity {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.quantity .qty-button {
    width: 36px;
    height: 48px;
    background: #f7f9ff;
    border: 1px solid #dfe6ff;
    border-radius: 12px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    transition: .2s;
}

.quantity .qty-button:hover {
    background: #e8edff;
}

.quantity input.qty {
    width: 65px;
    height: 48px;
    border-radius: 12px;
    border: 1px solid #dfe6ff;
    font-weight: 600;
    text-align: center;
    padding: 0;
    margin: 0;
}

/* Add To Cart Button */
.single_add_to_cart_button {
    background: linear-gradient(135deg,#2f5bff,#6a5cff) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 14px !important;
    padding: 0 35px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: .3s;
    height: 48px !important;
    line-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 180px;
}

.single_add_to_cart_button:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(47,91,255,.25);
}

/* Meta */
.product_meta {
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid #edf1ff;
}

.product_meta span {
    display: block;
    margin-bottom: 14px;
    color: #555;
}

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

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

.woocommerce-tabs ul.tabs {
    display: flex;
    gap: 15px;
    border: none !important;
    margin-bottom: 25px !important;
    padding: 0 !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.woocommerce-tabs ul.tabs li {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
}

.woocommerce-tabs ul.tabs li a {
    background: #fff;
    border: 1px solid #edf1ff;
    border-radius: 12px;
    padding: 14px 24px;
    display: block;
    color: #0d122b;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    white-space: nowrap;
}

.woocommerce-tabs ul.tabs li.active a {
    background: linear-gradient(135deg,#2f5bff,#6a5cff);
    color: #fff;
    border-color: transparent;
}

.woocommerce-Tabs-panel {
    background: #fff;
    padding: 35px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
    margin-bottom: 20px;
}

/* ==========================================
   ADDITIONAL INFORMATION TABLE
   ========================================== */

.shop_attributes {
    border-collapse: collapse;
    width: 100%;
}

.shop_attributes th {
    background: #f7f9ff;
    padding: 18px !important;
    color: #0d122b;
}

.shop_attributes td {
    padding: 18px !important;
}

/* ==========================================
   REVIEWS - PREMIUM DESIGN
   ========================================== */

.woocommerce #reviews {
    margin-top: 0;
}

.woocommerce #reviews .woocommerce-Reviews {
    background: #ffffff;
    border-radius: 24px;
    padding: 35px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.06);
}

.woocommerce #reviews h2 {
    font-size: 24px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 25px;
}

.woocommerce #reviews .woocommerce-noreviews {
    font-size: 16px;
    color: #6b7280;
    margin-bottom: 15px;
}

.woocommerce #reviews .comment-reply-title {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 20px;
}

/* Star Rating Input */
.woocommerce #review_form_wrapper .comment-form-rating {
    display: inline-block;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.woocommerce #review_form .stars {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    flex-wrap: wrap;
}

.woocommerce #review_form_wrapper .stars a {
    color: #f59e0b;
    letter-spacing: 2px;
    transition: .2s;
    text-decoration: none;
    font-size: 26px;
    line-height: 1;
}

.woocommerce #review_form_wrapper .stars a:hover {
    transform: scale(1.15);
}

/* Textarea */
.woocommerce #review_form_wrapper textarea {
    width: 100%;
    min-height: 130px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 18px;
    font-size: 15px;
    outline: none;
    transition: 0.3s;
    resize: vertical;
    background: #fff;
    box-sizing: border-box;
}

.woocommerce #review_form_wrapper textarea:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 4px rgba(37,99,235,0.10);
}

/* Labels */
.woocommerce #review_form_wrapper label {
    font-weight: 600;
    color: #111827;
    display: block;
    margin: 0 0 8px 0;
    white-space: nowrap;
}

/* Submit Button */
.woocommerce #review_form_wrapper .form-submit {
    text-align: left;
    margin-top: 25px;
}

.woocommerce #review_form_wrapper .form-submit input {
    background: linear-gradient(135deg,#2563eb,#7c3aed);
    color: #fff;
    border: none;
    padding: 14px 35px;
    border-radius: 14px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    transition: 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    float: none !important;
}

.woocommerce #review_form_wrapper .form-submit input:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(37,99,235,0.3);
}

/* Review List */
.woocommerce #reviews .commentlist {
    list-style: none;
    padding: 0;
    margin-top: 30px;
}

.woocommerce #reviews .commentlist li {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 25px;
    margin-bottom: 20px;
}

.woocommerce #reviews .comment-author {
    font-weight: 700;
    color: #111827;
}

.woocommerce #reviews .comment-meta {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 10px;
}

.woocommerce #reviews .description {
    font-size: 15px;
    color: #4b5563;
    line-height: 1.7;
}

.woocommerce #reviews .star-rating {
    color: #f59e0b;
    margin-bottom: 12px;
}

/* Remove unwanted WooCommerce margins */
.woocommerce #review_form p {
    margin-bottom: 20px;
}

.woocommerce #review_form #reply-title {
    display: block;
    margin-bottom: 25px;
}

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

.related.products {
    clear: both;
    width: 100%;
    margin-top: 90px;
}

.related.products h2 {
    font-size: 32px;
    font-weight: 700;
    color: #0d122b;
    margin-bottom: 45px;
    text-align: center;
}

/* Product Grid */
.related.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(250px, 1fr));
    gap: 30px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Product Card */
.related.products ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    border: 1px solid #edf1ff;
    box-shadow: 0 5px 20px rgba(0,0,0,.05);
    display: flex;
    flex-direction: column;
    transition: .35s;
    margin: 0 !important;
}

.related.products ul.products li.product:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(47,91,255,.15);
}

/* Product Image */
.related.products ul.products li.product img {
    width: 100% !important;
    height: 180px;
    object-fit: contain;
    border-radius: 16px;
    margin-bottom: 15px;
}

/* Product Title */
.related.products ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 600;
    line-height: 1.5;
    color: #0d122b;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word;
    min-height: 55px;
    margin-bottom: 10px;
}

/* Price */
.related.products ul.products li.product .price {
    display: block;
    font-size: 18px !important;
    font-weight: 700;
    color: #2f5bff !important;
    margin: 10px 0;
}

/* Add To Cart */
.related.products ul.products li.product .button {
    width: 100%;
    text-align: center;
    margin-top: auto;
    background: linear-gradient(135deg,#2f5bff,#6a5cff);
    color: #fff !important;
    border-radius: 12px;
    padding: 12px 15px !important;
    font-weight: 600;
    font-size: 14px;
    transition: .3s;
}

.related.products ul.products li.product .button:hover {
    transform: translateY(-2px);
}

/* Remove Theme Floats */
.related.products ul.products::before,
.related.products ul.products::after {
    display: none !important;
}

/* ==========================================
   VARIATIONS / DROPDOWN FIX
   ========================================== */

.variations {
    margin-bottom: 25px;
}

.variations tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 18px;
}

.variations td {
    padding: 5px 0;
}

.variations select {
    width: 280px;
    height: 52px;
    font-size: 15px;
    border-radius: 12px;
    border: 1px solid #dfe6ff;
    font-weight: 600;
    padding: 0 15px;
    background: #fff;
}

.reset_variations {
    font-size: 13px;
    color: #ff6a00;
}

/* ==========================================
   SALE BADGE
   ========================================== */

.onsale {
    background: linear-gradient(135deg,#ff6a00,#ff914d) !important;
    border-radius: 50px !important;
    min-height: auto !important;
    min-width: auto !important;
    padding: 8px 16px !important;
    line-height: normal !important;
    font-size: 13px !important;
    font-weight: 600;
    z-index: 10;
    top: 15px !important;
}

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

.woocommerce-breadcrumb {
    background: #fff;
    padding: 15px 25px;
    border-radius: 12px;
    margin-bottom: 35px;
    border: 1px solid #edf1ff;
    font-size: 14px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.woocommerce-breadcrumb a {
    color: #2f5bff;
    text-decoration: none;
}

/* ==========================================
   ADDITIONAL UTILITY FIXES
   ========================================== */

/* Fix for cart button alignment */
.cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-bottom: 0px;
}

/* Fix for variations button */
.single_variation_wrap {
    margin-top: 10px;
}

/* Ensure gallery images are responsive */
.woocommerce-product-gallery__image img {
    width: 100%;
    height: auto;
}

/* Fix for stock display */
.stock {
    font-size: 15px;
    margin-bottom: 20px;
}

.in-stock {
    color: #28a745;
}

.out-of-stock {
    color: #dc3545;
}

/* Fix for quantity buttons if using WooCommerce default */
.quantity .minus,
.quantity .plus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 48px;
    background: #f7f9ff;
    border: 1px solid #dfe6ff;
    border-radius: 12px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
}

.quantity .minus:hover,
.quantity .plus:hover {
    background: #e8edff;
}

/* Fixed: Properly closed rule */
.wc-tab {
    padding: 25px !important;
}

/* Fixed: Variations label alignment */
table.variations label {
    display: flex;
    padding: 6px 0;
    margin-bottom: 5px;
    font-weight: 600;
}

/* Fixed: Variations table layout */
table.variations {
    width: 100%;
}

table.variations td.label {
    padding-right: 10px;
}

table.variations td.value {
    padding-left: 0px;
}

/* ==========================================
   WOOCOMMERCE SUCCESS NOTICE
   ========================================== */

.woocommerce-message {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #ffffff !important;
    border: none !important;
    border-radius: 20px;
    padding: 25px 35px !important;
    margin: 40px 0 !important;
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
    position: relative;
    overflow: hidden;
}

.woocommerce-message::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(180deg, #6a11cb, #2575fc);
}

.woocommerce-message {
    font-size: 17px;
    font-weight: 600;
    color: #222;
    line-height: 1.5;
}

.woocommerce-message::after {
    content: "✓";
    width: 36px;
    height: 36px;
    min-width: 36px;
    background: #eafaf0;
    color: #16a34a;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
}

.woocommerce-message {
    padding-left: 85px !important;
}

.woocommerce-message .button {
    background: linear-gradient(135deg, #6a11cb, #2575fc) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 14px 28px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(37,117,252,.25);
}

.woocommerce-message .button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(37,117,252,.35);
}

/* ==========================================
   CART & CHECKOUT PAGE TITLES
   ========================================== */

.woocommerce-cart h1.entry-title,
.woocommerce-checkout h1.entry-title {
    margin: 40px 0 50px;
    font-size: 44px;
    font-weight: 800;
    color: #2661EC;
    text-align: center;
}

/* ==========================================
   WOOCOMMERCE CART BLOCK
   ========================================== */

.wp-block-woocommerce-cart {
    max-width: 1400px;
    margin: 50px auto;
    padding: 0 20px;
}

.wc-block-cart {
    background: transparent;
}

.wc-block-cart-items {
    background: #fff;
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
}

.wc-block-cart-items__row {
    padding: 25px 0 !important;
    border-bottom: 1px solid #edf2f7 !important;
}

.wc-block-cart-item__image img {
    width: 90px !important;
    border-radius: 16px;
}

.wc-block-components-product-name {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #111827 !important;
}

.wc-block-components-product-price {
    font-size: 19px;
    font-weight: 700;
}

.wc-block-components-quantity-selector {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    height: 44px;
    min-width: 120px;
}

.wc-block-cart-item__remove-link {
    color: #ef4444 !important;
    font-weight: 600;
    margin-left: 15px;
}

.wc-block-cart__sidebar {
    background: #fff;
    padding: 35px;
    border-radius: 24px;
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
    position: sticky;
    top: 120px;
}

.wc-block-components-totals-wrapper h2,
.wc-block-cart__totals-title {
    font-size: 26px;
    font-weight: 800;
}

.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value {
    font-size: 19px;
    font-weight: 700;
}

.wc-block-components-panel__content {
    padding-top: 15px;
}

.wc-block-components-text-input input {
    height: 54px !important;
    border-radius: 12px !important;
}

.wc-block-components-button {
    height: 54px !important;
    border-radius: 12px !important;
}

.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
    height: 60px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg,#2563eb,#7c3aed) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border: none !important;
    color: #fff !important;
    transition: .3s;
}

.wc-block-cart__submit-button:hover {
    transform: translateY(-2px);
}

.wc-block-components-panel {
    border-radius: 14px;
    overflow: hidden;
}

/* ==========================================
   CHECKOUT
   ========================================== */

.wp-block-woocommerce-checkout {
    padding: 40px !important;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
}

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

/* Hide Dashboard Navigation */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    display: none;
}

/* Show Login/Register Only */
.logged-in .woocommerce-account .woocommerce {
    display: block;
}

.woocommerce-account:not(.logged-in) {
    background: url('https://nilanktech.net/test/dewaelectronics/wp-content/uploads/2026/05/Gemini_Generated_Image_z0kbe0z0kbe0z0kb.png') center center/cover no-repeat;
    min-height: 100vh;
    padding: 100px 0;
    position: relative;
}

.woocommerce-account:not(.logged-in):before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,.75);
}

.woocommerce-account .u-columns {
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    z-index: 2;
    display: flex;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,.08);
}

.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {
    width: 50%;
    padding: 60px;
}

.woocommerce-account .u-column2 {
    border-left: 1px solid #ececec;
}

.woocommerce h2 {
    font-size: 38px;
    font-weight: 700;
    color: #111;
    margin-bottom: 40px;
    position: relative;
}

.woocommerce h2:after {
    content: '';
    width: 100%;
    height: 3px;
    background: #3f51ff;
    position: absolute;
    left: 0px;
    bottom: -12px;
}

.woocommerce form .input-text {
    height: 58px;
    border: 1px solid #ddd !important;
    border-radius: 50px !important;
    padding: 0 25px !important;
    background: #fff;
}

.woocommerce form .input-text:focus {
    border-color: #3f51ff !important;
}

.woocommerce button.button,
.woocommerce .button {
    background: linear-gradient(135deg,#3458ff,#6d3bff) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 40px !important;
    min-width: 140px;
    height: 52px;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(61,87,255,.25);
}

/* ==========================================
   WOOCOMMERCE SHOP PAGE
   ========================================== */

.post-type-archive-product,
.tax-product_cat {
    background: #f8f9fc;
}

.woocommerce-products-header {
    text-align: center;
    margin-bottom: 60px;
}

.woocommerce-products-header h1 {
    font-size: 52px;
    font-weight: 800;
    color: #2661EC;
}

/* Product Grid */
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
    width: auto !important;
    margin: 0 !important;
}

/* Product Card */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    padding: 25px;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
    transition: all .35s ease;
    text-align: center;
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0,0,0,.12);
}

.woocommerce ul.products li.product img {
    width: 100% !important;
    height: 270px !important;
    object-fit: cover;
    display: block;
    border-radius: 18px;
    margin-bottom: 20px !important;
    transition: transform .4s ease;
}

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

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 20px;
    font-weight: 700;
    color: #111827;
    margin: 15px 0;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-break: break-word;
    overflow-wrap: break-word;
}

.woocommerce ul.products li.product .price {
    color: #2563eb;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 20px;
    display: block !important;
}

.woocommerce ul.products li.product .price del {
    color: #999;
    font-size: 17px;
}

.woocommerce ul.products li.product .button {
    width: 100%;
    border: none !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg,#2563eb,#7c3aed) !important;
    color: #fff !important;
    padding: 16px !important;
    font-weight: 700;
    margin-top: auto;
    opacity: 1;
    transform: translateY(10px);
    transition: all .3s ease;
}

.woocommerce ul.products li.product:hover .button {
    opacity: 1;
    transform: translateY(0);
}

/* Sorting */
.woocommerce-ordering select {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 14px 20px;
    font-size: 15px;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination {
    margin-top: 50px;
}

.woocommerce nav.woocommerce-pagination ul {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 15px;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-wrap: wrap;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 !important;
    list-style: none;
    float: none !important;
}

.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
    width: 50px;
    height: 50px;
    min-width: 50px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
    text-decoration: none;
    font-weight: 600;
    line-height: 1;
    padding: 0;
}

.woocommerce nav.woocommerce-pagination ul li .current {
    background: #2563eb;
    color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li .dots {
    background: #f3f4f6;
}

/* Sidebar */
.widget_product_categories,
.widget_price_filter,
.widget_products {
    background: #fff;
    padding: 25px;
    border-radius: 20px;
    margin-bottom: 25px;
    box-shadow: 0 8px 25px rgba(0,0,0,.05);
}

/* Fix Theme Conflicts */
.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none !important;
}

.woocommerce ul.products li.first,
.woocommerce ul.products li.last {
    clear: none !important;
}

.single-product form.cart input[type=number]{
    width: 10em !important;
}

/* Remove the underline from product titles */
.woocommerce ul.products li.product h2:after,
.woocommerce ul.products li.product .woocommerce-loop-product__title:after,
.woocommerce-page ul.products li.product h2:after,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title:after {
    display: none !important;
    content: none !important;
}

.search form{
    display:flex;
    align-items:center;
    width:100%;
}

.search input{
    flex:1;
    border:none;
    outline:none;
}

.search button{
    border:none;
    background:none;
    cursor:pointer;
}

/* ==========================================
   ENHANCED MOBILE RESPONSIVENESS
   ========================================== */

/* Large Tablet Landscape */
@media (max-width: 1200px) {
    .related.products ul.products {
        grid-template-columns: repeat(3, 1fr);
    }
    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Tablet Portrait */
@media (max-width: 991px) {
    .single-product div.product {
        padding: 30px;
    }
    
    .product_title {
        font-size: 36px !important;
    }
    
    .single-product .price {
        font-size: 30px !important;
    }
    
    .related.products ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .woocommerce-tabs ul.tabs {
        flex-wrap: wrap;
    }
    
    .variations select {
        width: 100%;
        max-width: 280px;
    }
    
    .flex-control-thumbs li img {
        width: 60px !important;
        height: 60px !important;
    }

    .woocommerce-account .u-columns {
        flex-direction: column;
        margin: 20px;
    }

    .woocommerce-account .u-column1,
    .woocommerce-account .u-column2 {
        width: 100%;
        padding: 40px;
    }

    .woocommerce-account .u-column2 {
        border-left: none;
        border-top: 1px solid #eee;
    }
    
    /* Cart responsive fixes */
    .wc-block-cart-items__row {
        flex-direction: column;
        gap: 15px;
    }
    
    .wc-block-cart-item__image {
        width: 100% !important;
        text-align: center;
    }
    
    .wp-block-woocommerce-cart {
        padding: 0 15px;
    }
}

/* Mobile Landscape */
@media (max-width: 768px) {
	
	.is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row {
		display:flex !important;
	}
	    .mobile-logo {
        display: flex !important;
        height: 55px !important;
        
    }
	    .menu-toggle {
        display: flex !important;
       
        margin-right: revert-layer !important;
    } 
	    .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb {
       
        font-size: 0.5em !important;
        
    }
	
	.navbar {
    background: #2661EC;
    position: relative;
    box-shadow: 0 6px 14px rgba(38, 97, 236, 0.2);
    height: 74px !important;
}
	
    .single-product div.product {
        padding: 20px;
    }
    
    .product_title {
        font-size: 28px !important;
    }
    
    .single-product .price {
        font-size: 26px !important;
    }
    
    .flex-control-thumbs li img {
        width: 50px !important;
        height: 50px !important;
    }
    
    .single_add_to_cart_button {
        min-width: 140px;
        padding: 0 25px !important;
        font-size: 14px !important;
    }
    
    .quantity input.qty {
        width: 55px;
        height: 44px;
    }
    
    .woocommerce-tabs ul.tabs {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .woocommerce-tabs ul.tabs li a {
        padding: 12px 18px;
        font-size: 14px;
    }
    
    .woocommerce-Tabs-panel {
        padding: 25px;
    }
    
    .related.products ul.products {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .related.products h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    
    .variations select {
        width: 100%;
        font-size: 14px;
        height: 48px;
    }
    
    .woocommerce-breadcrumb {
        padding: 12px 18px;
        font-size: 13px;
    }
    
    .product_meta {
        font-size: 14px;
    }
    
    .woocommerce-message {
        flex-direction: column;
        align-items: flex-start;
        padding: 25px 25px 25px 75px !important;
    }
    
    .woocommerce-message .button {
        width: 100%;
        text-align: center;
    }
    
    .wc-block-cart__sidebar {
        position: relative;
        top: auto;
        margin-top: 25px;
    }
    
    .wc-block-cart-items {
        padding: 20px;
    }
    
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .woocommerce-products-header h1 {
        font-size: 38px;
    }
    
    .woocommerce ul.products li.product img {
        height: 200px !important;
    }
    
    .wp-block-woocommerce-checkout {
        padding: 25px !important;
    }

    .woocommerce #reviews .woocommerce-Reviews {
        padding: 25px;
        border-radius: 18px;
    }
    
    .woocommerce #reviews h2 {
        font-size: 20px;
    }
    
    .woocommerce #review_form_wrapper textarea {
        min-height: 100px;
    }
    
    .woocommerce #review_form_wrapper .form-submit input {
        width: 100%;
    }
    
    /* Hide header elements on mobile */
    .header-inner {
        display: none !important;
    }
    
    .sidebar-box {
        display: none !important;
    }
    
    /* Fix grid for shop */
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        gap: 15px;
    }
    
    /* Make tables scrollable on mobile */
    .shop_attributes {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    
    /* Fix variation dropdowns */
    .variations select {
        max-width: 100%;
    }
    
    /* Cart item layout fix */
    .wc-block-cart-item__wrap {
        flex-direction: column;
        align-items: center !important;
        text-align: center;
    }
    
    .wc-block-components-quantity-selector {
        margin: 10px auto;
    }
}

/* Mobile Portrait */
@media (max-width: 576px) {
    .single_add_to_cart_button {
        min-width: 120px;
        padding: 0 20px !important;
        font-size: 13px !important;
    }
    
    .quantity input.qty {
        width: 50px;
    }
    
    .flex-control-thumbs li img {
        width: 45px !important;
        height: 45px !important;
    }

    .woocommerce ul.products {
        grid-template-columns: 1fr;
    }
    
    .woocommerce ul.products li.product img {
        height: 250px !important;
    }
    
    /* Stack cart buttons */
    .cart {
        flex-direction: column;
        align-items: stretch;
    }
    
    .single_add_to_cart_button {
        width: 100%;
        min-width: auto;
    }
    
    .quantity {
        justify-content: center;
    }
    
    /* Smaller tabs */
    .woocommerce-tabs ul.tabs li a {
        padding: 8px 12px;
        font-size: 12px;
    }
    
    /* Optimize product card spacing */
    .woocommerce ul.products li.product {
        padding: 15px;
    }
    
    /* Better pagination for mobile */
    .woocommerce nav.woocommerce-pagination ul {
        gap: 8px;
    }
    
    .woocommerce nav.woocommerce-pagination ul li span,
    .woocommerce nav.woocommerce-pagination ul li a {
        width: 40px;
        height: 40px;
        min-width: 40px;
        font-size: 14px;
    }
    
    /* Adjust success message */
    .woocommerce-message {
        padding: 20px 20px 20px 70px !important;
        font-size: 14px;
    }
    
    .woocommerce-message::after {
        width: 30px;
        height: 30px;
        min-width: 30px;
        font-size: 16px;
        left: 20px;
    }
    
    /* Better review display */
    .woocommerce #reviews .commentlist li {
        padding: 15px;
    }
    
    .woocommerce #review_form_wrapper .stars a {
        font-size: 20px;
    }
    
    /* Adjust account page */
    .woocommerce h2 {
        font-size: 28px;
    }
    
    .woocommerce-account .u-column1,
    .woocommerce-account .u-column2 {
        padding: 25px;
    }
    
    .woocommerce form .input-text {
        height: 50px;
        font-size: 14px;
    }
}

/* Extra Small Devices */
@media (max-width: 380px) {
    .product_title {
        font-size: 24px !important;
    }
    
    .single-product .price {
        font-size: 22px !important;
    }
    
    .woocommerce-products-header h1 {
        font-size: 32px;
    }
    
    .related.products h2 {
        font-size: 24px;
    }
    
    .woocommerce-tabs ul.tabs li a {
        padding: 6px 10px;
        font-size: 11px;
    }
    
    .woocommerce-Tabs-panel {
        padding: 15px;
    }
    
    /* Smaller buttons */
    .single_add_to_cart_button {
        font-size: 12px !important;
        height: 44px !important;
        line-height: 44px !important;
    }
    
    .quantity .minus,
    .quantity .plus,
    .quantity .qty-button {
        width: 32px;
        height: 44px;
        font-size: 18px;
    }
    
    .quantity input.qty {
        width: 45px;
        height: 44px;
    }
}

/* Touch device optimizations */
@media (hover: hover) {
    .woocommerce ul.products li.product .button {
        transform: translateY(10px);
    }
}

/* Disable hover effects on touch devices */
@media (hover: none) {
    .woocommerce ul.products li.product .button {
        transform: translateY(0);
        opacity: 1;
    }
    
    .woocommerce ul.products li.product:hover {
        transform: none;
    }
    
    .single_add_to_cart_button:hover {
        transform: none;
    }
}

@media (max-width: 1200px) {
    .related.products ul.products {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/* Mobile Menu Button */
.menu-toggle {
    display: none !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 30px !important;
    height: 21px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
	color:#fff !important;
    z-index: 1001 !important;
}

.menu-toggle span {
    width: 100% !important;
    height: 3px !important;
    background-color: #fff !important;
    transition: all 0.3s ease !important;
    border-radius: 3px !important;
}

/* Menu Toggle Animation */
.menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px !important);
}

.menu-toggle.active span:nth-child(2) {
    opacity: 0 !important;
}

.menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px) !important;
}

/* Mobile Menu */
@media (max-width: 991px) {
	
	.nav-menu li.active a, .nav-menu a:hover{
		color:#fff !important;
	}
	
    .menu-toggle {
        display: flex !important;
    }
    
    .nav-menu {
        position: fixed !important;
        top: 0 !important;
        left: -100% !important;
        width: 80% !important;
        max-width: 350px !important;
        height: 100vh !important;
        background-color: #2155CF !important;
        flex-direction: column !important;
        padding: 80px 20px 30px !important;
        transition: left 0.3s ease !important;
        overflow-y: auto !important;
        box-shadow: 2px 0 15px rgba(0,0,0,0.1) !important;
        z-index: 1000 !important;
    }
    
    .nav-menu.active {
        left: 0 !important;
    }
    
    .nav-menu li {
        margin: 0 !important;
        width: 100% !important;
    }
    
    .nav-menu a {
        display: block !important;
        padding: 12px 0 !important;
        border-bottom: 1px solid #eee !important;
    }
    
    /* Dropdown in mobile */
    .dropdown-menu {
        display: none !important;
        position: static !important;
        background: #f9f9f9 !important;
        
        box-shadow: none !important;
    }
    
    .dropdown.active .dropdown-menu {
        display: block !important;
		color: #fff !important;
    }
    
    .dropdown-icon {
        float: right !important;
    }
    
    /* Overlay when menu is open */
    .nav-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: rgba(0,0,0,0.5) !important;
        z-index: 999 !important;
        display: none !important;
    }
    
    .nav-overlay.active {
        display: block !important;
    }
}