/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



#wide-nav>.flex-row>.flex-left{min-width:270px}#mega-menu-title{padding:12px 0 13px 15px}#mega-menu-wrap{background:#49860d}#mega_menu>li>a{padding-left:20px}#mega_menu li{border-top:0}.menu-item i._before,.rtl .menu-item i._after{margin-right:12px}#mega_menu>li>a:hover{background:#539414;color:#fff}.searchform-wrapper input[type=search]{height:40px;border:0;font-size:13.5px}.searchform-wrapper .searchform .button.icon{height:40px;width:65px;border:3px solid #fff;border-top-right-radius:3px;border-bottom-right-radius:3px;background:#49860d}.searchform-wrapper .search_categories{font-size:13.5px;height:40px;border:0;border-top-left-radius:3px;border-bottom-left-radius:3px;border-right:1px solid #eaeaea}b,strong{font-weight:500}.header-inner .icon-box-text{padding-left:5px!important}.header-inner .icon-box-img img{padding-top:16px}.top-bar-nav .menu-item i._before{margin-right:5px!important}.top-bar-nav li a{color:#fff!important}#mega_menu{border:0}.slider-section .cot2 .banner-row{margin-top:18px}#mega_menu li a{padding:10.9px 15px;color: #49860d;FONT-WEIGHT: 500;
	font-size: 14px;}#mega_menu .khuyen-mai-nav a{color:#d7102c}.ban-chay-nhat-tuan .page-subheading{text-align:center;display:inline-block;margin:0 auto;width:100%;font-size:24px;padding:0 0 15px;border-bottom:1px solid #eaeaea;position:relative;color:#49860d;font-weight:500}.ban-chay-nhat-tuan .page-subheading:before{position:absolute;content:"";height:2px;background:#539414;width:80px;bottom:0;right:0;margin:0 auto;left:0}.ban-chay-nhat-tuan .page-subheading img{display:inline-block}.ban-chay-nhat-tuan br{display:none}.slider-section .row .col{padding-bottom:0}.nav-dropdown{border:1px solid #fff;border-radius:3px;font-size:14px;padding:10px}.nav-dropdown-has-arrow li.has-dropdown:before{border-bottom-color:#fff}.product-small .add-to-cart-button a{border-radius:3px;font-weight:400;text-transform:none;font-size:13px;padding:0 12px;line-height:26px;min-height:20px}.product-small .price span.amount{white-space:nowrap;color:#ff5622;font-weight:500;font-size:17px}.product-small .price del span{font-size:12px!important;color:gray!important}.star-rating{font-size:11px}.star-rating:before{color:#539414}.ban-chay-nhat-tuan .badge-container{margin:10px!important}.badge{height:35px;width:35px}.badge-inner.on-sale{background-color:#539414;border-radius:99px;font-weight:400;font-size:12px}.product-small .box-text .product-title{margin-bottom:10px}.product-small .price{margin-top:10px}.thoi-trang-nam .category-title .left .img-responsive{margin-right:10px}.thoi-trang-nam .category-title .left{margin:0;padding-left:15px;font-size:18px;background:#539414;color:#fff;height:43px;line-height:43px;text-transform:none;border-radius:5px 0 0;font-weight:500}.thoi-trang-nam .cot3 .widget_nav_menu ul li a span,.thoi-trang-nam .tabbed-content .nav li a{font-size:14px}.thoi-trang-nam .category-title .left img{display:inline-block;padding:0 10px 0 20px;margin-top:-5px}.category-title br{display:none}.banner-ngang .section-content .col{padding-bottom:0}#mega_menu li.has-child .sub-menu li.has-child{background:#fff;text-align:left;display:table-cell;white-space:nowrap;width:160px;min-width:160px}#mega_menu li.has-child .sub-menu li.has-child .sub-menu{display:block;margin:15px 0}#mega_menu li.has-child .sub-menu{background:0 0;border:0;box-shadow:0 0 0 gray;margin-top:0!important}#mega_menu li.has-child .sub-menu li{background:#fff;border-bottom:1px solid #f5f5f5}#mega_menu li.has-child .sub-menu li.has-child a{text-transform:uppercase;font-weight:500}#mega_menu li.has-child .sub-menu li.has-child ul li a{text-transform:none;padding:6px 15px;font-weight:400}#mega_menu li.has-child .sub-menu li.has-child ul li{border-bottom:none}.thoi-trang-nam .tieu-de .category-title h2 img{padding-right:10px}.thoi-trang-nam .tieu-de .tabbed-content .nav{height:43px;border-top:1px solid #539414;background:#fff}.thoi-trang-nam .tabbed-content .nav{height:43px}.thoi-trang-nam .tabbed-content .nav li{margin-left:15px;margin-right:15px!important}.thoi-trang-nam .tabbed-content .nav li.active a{color:#539414}.thoi-trang-nam .tabbed-content .nav li.active a:before{background-color:#539414}.thoi-trang-nam .cot3 .widget_nav_menu{margin-left:0}.thoi-trang-nam .cot3 .widget_nav_menu ul li{width:50%;float:left;text-align:center;border:0;margin-top:15px;margin-bottom:15px}.thoi-trang-nam .cot3 .widget_nav_menu ul li a img{display:block;text-align:center;margin:0 auto}.thoi-trang-nam .cot3 .widget_nav_menu ul{background:#fff;margin-top:17px;margin-bottom:15px;border:1px solid #f7f7f7;display:inline-block}.thoi-trang-nam .category-title .left2,.thoi-trang-nam .category-title .left3{line-height:43px;border-radius:5px 0 0;font-weight:500;height:43px;text-transform:none}.thoi-trang-nam .cot3{flex-basis:21%;max-width:100%}.thoi-trang-nam .sub-menu,.thoi-trang-nam .sub-menu2{flex-basis:79%;max-width:100%}.thoi-trang-nam .product-small .add-to-cart-button{margin-top:-150px;position:absolute;display:none}.thoi-trang-nam .product-small .variations_form{display:none!important}.thoi-trang-nam .product-small:hover .add-to-cart-button{display:block;z-index:9999}.thoi-trang-nam .badge-container{margin:10px}.ban-chay-nhat-tuan .row .large-12{padding-bottom:0}.thoi-trang-nam .category-title .left2{margin:0;padding-left:15px;font-size:18px;background:#49860d;color:#fff}.thoi-trang-nam .category-title .left2 img{display:inline-block;padding:0 10px 0 20px;margin-top:-5px}.thoi-trang-nam .category-title a{color:#fff}.thoi-trang-nam .tieu-de .sub-menu2 .tabbed-content .nav{height:43px;border-top:1px solid #49860d;background:#fff}.thoi-trang-nam .sub-menu2 .tabbed-content .nav li.active a:before{background-color:#49860d}.thoi-trang-nam .sub-menu2 .tabbed-content .nav li.active a{color:#49860d}.thoi-trang-nam .category-title .left3{margin:0;padding-left:15px;font-size:18px;background:#539414;color:#fff}.thoi-trang-nam .category-title .left3 img{display:inline-block;padding:0 10px 0 20px;margin-top:-5px}.ban-chay-nhat-tuan .post-item .box-text,.footer-section .col,.footer-section .gioi-thieu,.tin-khuyen-mai .col{padding-bottom:0}.thoi-trang-nam .sub-menu3{flex-basis:79%;max-width:100%}.thoi-trang-nam .tieu-de .sub-menu3 .tabbed-content .nav{height:43px;border-top:1px solid #42b315;background:#fff}.thoi-trang-nam .sub-menu3 .tabbed-content .nav li.active a{color:#42b315}.thoi-trang-nam .sub-menu3 .tabbed-content .nav li.active a:before{background-color:#42b315}.co-the-ban-thich .add-to-cart-button,.co-the-ban-thich .product-small .variations_form,.co-the-ban-thich .star-rating{display:none!important}.co-the-ban-thich .noi-dung:before{content:"";background:url(/wp-content/uploads/2018/08/mblike.png) no-repeat;position:absolute;top:-5px;right:97px;height:110px;width:121px;z-index:9999}.box-blog-post .is-divider{display:none}.button span{font-weight:400}.tin-khuyen-mai .cot1 img{margin-top:-30px}.tin-khuyen-mai .cot1 .img .img-inner{overflow:initial}.tin-khuyen-mai .cot2 .wpcf7 form input[type=email]{background-color:#fff;border-radius:3px}.tin-khuyen-mai .cot2 input[type=submit]:not(.is-form){border-radius:3px;background:#ffc800;font-weight:400;text-transform:none}.footer-section .gioi-thieu ul li{list-style:none;margin-left:0!important}.archive .variations_form{display:none!important}.archive .large-3{flex-basis:22%;max-width:100%}.archive .large-9{flex-basis:78%;max-width:100%}.archive #main{background:#eff0f3}.widget .is-divider{display:none}#product-sidebar span.widget-title,#shop-sidebar span.widget-title{font-weight:500;text-transform:none;letter-spacing:0;font-size:18px;display:block;margin-bottom:15px}#product-sidebar .product-categories li a{padding:3px 0;font-size:14px}.widget .current-cat>a{font-weight:500;color:orange}.woof_list_checkbox li div{margin-top:0}.woof_list label{font-size:14px;padding-top:8px;padding-bottom:0;font-weight:400}.woof_list li{padding:0!important}.woof_container_inner_kchthc ul li{width:50%;float:left;margin:0!important}.widget ul{display:inline-block}.shop-page-title .page-title-inner{font-size:14px;padding-top:13px;padding-bottom:12px}.woocommerce-breadcrumb{text-transform:none;color:#ff5622;font-weight:500;letter-spacing:0;padding:0}.badge-container{margin:10px}.breadcrumbs a,.shop-container .product-main .breadcrumbs a{color:#49860d}.shop-container .product-main .product-title{font-size:22px;font-weight:400}.shop-container .product-main .price-wrapper del span{color:gray}.shop-container .icon-expand:before,.shop-container .product-main .product-short-description{font-size:14px}.shop-container .product-main .price-wrapper ins span,.shop-container .product-main .price-wrapper span{font-weight:500;color:#ff5622}.shop-container .product-main .image-tools .button.is-outline{border:0}.product-short-description p{margin-bottom:7px}.shop-container .product-main .product-short-description a{color:red!important;margin-bottom:10px;display:inline-block}.shop-container .product-main .ma-sp{color:#ff5622}.shop-container .product-main .product_meta .posted_in,.shop-container .product-main .product_meta .sku_wrapper{display:none}.shop-container .product-main .product_meta .tagged_as a{font-size:14px;color:#ff5622}.shop-container .product-info .single_add_to_cart_button{font-weight:400;text-transform:none;background:#539414;font-size:15.5px;border-radius:4px;letter-spacing:0;width:100%}.shop-container .large-9{padding-right:0;padding-bottom:0}.shop-container .product-info .goi-ngay{font-size:15px;color:#d7102c;font-weight:500}.shop-container{background:#eff0f3}.shop-container .content-row{background:#fff;margin-top:30px;margin-bottom:30px}.shop-container .product-main{padding-top:10px}.shop-container #product-sidebar{padding-top:20px;border-left:0}.shop-container .product-footer .product-tabs li{margin:0 15px}.blog-archive .post-item .box-text .post-title,.blog-single .entry-meta .danh-muc{margin-bottom:10px}.shop-container .product-footer .product-tabs li a{font-size:16px;font-weight:500}.product-footer .tabbed-content .tab-panels{font-size:14.5px;color:#505050}.product-footer .product-section-title{text-transform:none;letter-spacing:0;color:#ff5622}.shop-container .related .add-to-cart-button,.shop-container .related .star-rating,.shop-container .variations_form{display:none!important}.product_list_widget li a{font-size:14px}.product_list_widget del span{color:gray!important;font-weight:400;font-size:12px!important}.product_list_widget ins span,.product_list_widget span.amount{font-weight:500;color:#ff5622;font-size:16px}#breadcrumbs{font-size:14px}#breadcrumbs .breadcrumb_last{color:#ff5622}.blog-single .article-inner .entry-title{font-weight:400;font-size:24px}.blog-single .article-inner .fa:before{color:red}.blog-single .article-inner .fa{padding-right:10px}.article-inner .header-meta-info a{padding-right:15px}.article-inner .header-meta-info{font-size:14px;color:gray}.article-inner .entry-content{font-size:15px;padding-top:0}.blog-single .entry-meta{font-size:14px}.blog-single .entry-meta .the-tim-kiem a{background:#c3c3c3;padding:5px;border-radius:3px;color:#fff}.blog-single .entry-meta .the-tim-kiem a:hover{background:#ff5622}span.widget-title{font-weight:500;text-transform:none;letter-spacing:0;font-size:17px}.lien-he-section form,.recent-blog-posts a{font-size:14px}.blog-archive .post-item a:hover{color:#000}.meta-post-danhmuc{display:block;margin-top:7px;margin-bottom:5px;color:gray;font-size:13px}.meta-post-danhmuc .fa:before{padding-right:5px}.meta-post-danhmuc .danh-muc-post{padding-right:15px}.page-wrapper .page-inner{font-size:15px}a.back-to-top{border:0;background-color:#ffba00!important;color:#fff!important}
.woocommerce .woocommerce-info .message-container a{color: #ff5622}
form.checkout h3 {
	font-weight: 500;
	text-transform: none;
}
.woocommerce-billing-fields__field-wrapper{font-size:15px}
.fl-labels .form-row input:not([type="checkbox"]), .fl-labels .form-row textarea, .fl-labels .form-row select{height:70px;}
.fl-labels .fl-wrap label[for]:first-child{    font-size: 15px; padding-top:3px}
.form-row .fl-is-active select{padding-top:25px}
.secondary.is-underline, .secondary.is-link, .secondary.is-outline, .stars a.active, .star-rating:before, .woocommerce-page .star-rating:before, .star-rating span:before, .color-secondary{    color: #539414;}.ban-chay-nhat-tuan .post-item .box-text .post-title{color:#4a8a0c}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.thoi-trang-nam .cot3, .thoi-trang-nam .sub-menu, .thoi-trang-nam .sub-menu2, .thoi-trang-nam .sub-menu3, .archive .large-9{flex-basis:100%; max-width:100%}
	.thoi-trang-nam .cot3 .widget_nav_menu ul{width:100%}
	.co-the-ban-thich .noi-dung:before{right:7px}
	.ban-chay-nhat-tuan .post-item, .footer-section .gioi-thieu{flex-basis:50%; max-width:50%}
	.ban-chay-nhat-tuan .post-item .meta-post-danhmuc{display:none}
	.shop-container .large-9{    padding-right: 15px;}

	.thoi-trang-nam .cot3 .img{display:none}
/* 2. CSS HOÀN CHỈNH - COPY VÀO STYLE.CSS */

/* Container chính */
.shop-filter-sidebar {
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    width: 100%;
    max-width: 300px;
}

.shop-filter-form {
    margin: 0;
    padding: 0;
}

/* Widget styling */
.filter-widget {
    border-bottom: 1px solid #e8e8e8;
    margin: 0;
    padding: 0;
    background: #fff;
}

.filter-widget:last-child {
    border-bottom: none;
}

/* Filter title - CĂNG GIỮA MŨI TÊN VỚI TEXT - FIX HOÀN HẢO */
.filter-title {
    background: #f5f5f5;
    padding: 15px 20px;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border: none;
    transition: background-color 0.2s ease;
    user-select: none;
    min-height: auto;
    line-height: 1.4;
}

.filter-title:hover {
    background: #eeeeee;
}

/* Text filter */
.filter-text {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

/* Mũi tên - CĂNG GIỮA CHÍNH XÁC VỚI TEXT */
.toggle-arrow {
    flex-shrink: 0;
    font-size: 14px;
    color: #666;
    font-weight: normal;
    line-height: 1.4;
    margin-left: 15px;
    display: inline-block;
    vertical-align: baseline;
    transform-origin: center;
    transition: all 0.3s ease;
}
.toggle-arrow::after {
    content: "⌄";
    display: block;
    transform-origin: center;
}

/* Khi expanded (nội dung hiển thị) - mũi tên lên */
.filter-title:not(.collapsed) .toggle-arrow::after {
    content: "⌃";
}

/* Filter content */
.filter-content {
    background: #fff;
    overflow: hidden;
    display: none;
}

/* Filter list styling */
.filter-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.filter-item {
    border-bottom: 1px solid #f0f0f0;
    margin: 0;
}

.filter-item:last-child {
    border-bottom: none;
}

/* Filter links và labels */
.filter-item a,
.filter-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    color: #666;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #fff;
    border: none;
    width: 100%;
    box-sizing: border-box;
}

.filter-item a:hover,
.filter-label:hover {
    background: #f8f9fa;
    color: #333;
}

/* Active states */
.filter-item.active a,
.filter-item.active .filter-label {
    background: #f0f0f0;
    color: #333;
    font-weight: 500;
}

/* Checkbox styling */
.filter-checkbox {
    margin: 0;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    accent-color: #333;
    cursor: pointer;
}

/* Filter name và count */
.filter-name {
    flex: 1;
    text-align: left;
}

.filter-count {
    font-size: 12px;
    color: #999;
    background: #f5f5f5;
    padding: 2px 6px;
    border-radius: 10px;
    min-width: 20px;
    text-align: center;
    margin-left: 10px;
}

.filter-item.active .filter-count {
    background: #e0e0e0;
    color: #666;
}

/* Price filter styling */
.price-filter .filter-content {
    padding: 15px 20px;
}

.price-range {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.price-input {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
    background: #fff;
    color: #333;
}

.price-input:focus {
    outline: none;
    border-color: #999;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}

.price-separator {
    color: #999;
    font-size: 14px;
    font-weight: normal;
}

.apply-filter-btn {
    width: 100%;
    padding: 10px;
    background: #333;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

.apply-filter-btn:hover {
    background: #555;
}

.apply-filter-btn:active {
    background: #222;
}

/* Clear filters */
.clear-filters {
    padding: 15px 20px;
    text-align: center;
    background: #f8f8f8;
    border-top: 1px solid #e0e0e0;
}

.clear-filters a {
    color: #666;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: color 0.2s ease;
}

.clear-filters a:hover {
    color: #333;
    text-decoration: underline;
}

/* Loading state */
.filter-loading {
    opacity: 0.6;
    pointer-events: none;
    position: relative;
}

.filter-loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.8);
    z-index: 999;
}

/* Layout cho WooCommerce */
.woocommerce.columns-4 ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
}

/* Responsive Design */
@media (min-width: 769px) {
    .woocommerce .content-area {
        display: flex;
        gap: 30px;
        align-items: flex-start;
    }
    
    .woocommerce .shop-filter-sidebar {
        flex: 0 0 280px;
        order: -1;
    }
    
    .woocommerce .site-main {
        flex: 1;
    }
}

@media (max-width: 768px) {
    .shop-filter-sidebar {
        max-width: none;
        margin-bottom: 20px;
    }
    
    .filter-title {
        padding: 12px 15px;
        min-height: 44px;
    }
    
    .filter-text {
        font-size: 13px;
    }
    
    .toggle-arrow {
        width: 18px;
        height: 18px;
        font-size: 12px;
    }
    
    .filter-item a,
    .filter-label {
        padding: 10px 15px;
        font-size: 13px;
    }
    
    .price-filter .filter-content {
        padding: 12px 15px;
    }
    
    .price-input {
        font-size: 13px;
        padding: 6px 10px;
    }
    
    .filter-count {
        font-size: 11px;
        padding: 1px 4px;
    }
}

@media (max-width: 480px) {
    .filter-title {
        padding: 10px 12px;
        min-height: 40px;
    }
    
    .filter-text {
        font-size: 12px;
    }
    
    .toggle-arrow {
        width: 16px;
        height: 16px;
        font-size: 10px;
    }
    
    .filter-item a,
    .filter-label {
        padding: 8px 12px;
        font-size: 12px;
    }
    
    .price-range {
        flex-direction: column;
        gap: 8px;
    }
    
    .price-separator {
        display: none;
    }
}

/* Accessibility improvements */
.filter-title:focus {
    outline: 2px solid #0073aa;
    outline-offset: -2px;
}

.filter-checkbox:focus {
    outline: 2px solid #0073aa;
    outline-offset: 1px;
}

.apply-filter-btn:focus {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
}

/* Animation mượt mà */
.filter-content,
.toggle-arrow,
.filter-item a,
.filter-label,
.apply-filter-btn {
    transition: all 0.3s ease;
}
.toggle-arrow{
	padding-top: 2px !important;
}

/* Print styles */
@media print {
    .shop-filter-sidebar {
        display: none;
    }
}
/ Chi tiết sản phẩm
/* Thêm vào style.css của child theme */

/* Main Product Layout */
.woocommerce div.product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 20px;
}

.woocommerce div.product .woocommerce-product-gallery {
    grid-column: 1;
}

.woocommerce div.product .summary {
    grid-column: 2;
    padding: 0;
}

/* Product Images */
.woocommerce-product-gallery {
    position: relative;
}

.woocommerce-product-gallery__wrapper {
    margin-bottom: 20px;
}

.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

/* Thumbnails */
.woocommerce-product-gallery ol {
    display: flex;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.woocommerce-product-gallery ol li {
    width: 80px;
    height: 80px;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.woocommerce-product-gallery ol li:hover,
.woocommerce-product-gallery ol li.flex-active-slide {
    border-color: #333;
}

/* Product Title */
.woocommerce div.product .product_title {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin: 0 0 15px 0;
    line-height: 1.3;
}

/* Rating */
.woocommerce .star-rating {
    margin: 0 0 15px 0;
}

.woocommerce .star-rating::before {
    color: #ddd;
}

.woocommerce .star-rating span::before {
    color: #ffc107;
}

/* Sales Info */
.custom-sales-info {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 10px 0 20px 0;
    font-size: 14px;
    color: #666;
}

.custom-sales-info::before {
    content: "🛒";
    font-size: 16px;
}

/* Price */
.woocommerce div.product p.price {
    margin: 0 0 20px 0;
    font-size: 28px;
    font-weight: 700;
}

.woocommerce div.product p.price .woocommerce-Price-amount {
    color: #e74c3c;
}

.woocommerce div.product p.price del {
    color: #999;
    font-size: 18px;
    text-decoration: line-through;
    margin-left: 10px;
}

/* Discount Banner with Image */
.custom-discount-banner-image {
    margin: 20px 0;
}

.discount-banner-img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.discount-banner-img:hover {
    transform: scale(1.02);
}

/* Size Selection */
.custom-size-selection {
    margin: 25px 0;
}

.custom-size-selection label {
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
    color: #333;
}

.current-size {
    font-weight: normal;
    color: #666;
}

.size-options {
    margin-top: 10px;
}

.size-option {
    background: white;
    border: 1px solid #ddd;
    padding: 10px 15px;
    border-radius: 25px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s ease;
}

.size-option.active,
.size-option:hover {
    background: #333;
    color: white;
    border-color: #333;
}

/* Payment Options - Simplified */
.custom-payment-options {
    margin: 30px 0;
    text-align: center;
}

.payment-trust-badge {
    margin-bottom: 20px;
}

.trust-badge-img {
    width: 100%;
    max-width: 400px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* About Section - In Right Column */
.custom-about-section {
    margin: 30px 0;
    padding: 20px 0;
    border-top: 1px solid #eee;
}

.custom-about-section h2 {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}

.artwork-details {
    margin-bottom: 20px;
}

.artwork-details p {
    margin: 8px 0;
    color: #555;
    line-height: 1.5;
    font-size: 14px;
}

/* Collapsible Sections - Match Exact Design */
.custom-collapsible-sections {
    grid-column: 1 / -1;
    margin: 40px 0;
    background: transparent;
}

.collapsible-item {
    border-bottom: 1px solid #ddd;
    background: transparent;
}

.collapsible-item:last-child {
    border-bottom: 1px solid #ddd;
}

.collapsible-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
    cursor: pointer;
    font-weight: 600;
    color: #333;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: color 0.2s ease;
    background: transparent;
    user-select: none;
}

.collapsible-header:hover {
    color: #666;
}

.toggle-icon {
    font-size: 20px;
    font-weight: 400;
    color: #333;
    transition: transform 0.3s ease;
    line-height: 1;
    width: 20px;
    text-align: center;
}

.collapsible-item.active .toggle-icon {
    transform: rotate(45deg);
}

/* Content - Completely Hidden by Default */
.collapsible-content {
    height: 0;
    overflow: hidden;
    transition: height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background: transparent;
}

.collapsible-content p {
    padding: 0 0 25px 0;
    margin: 0;
    color: #666;
    line-height: 1.6;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
}

.reviews-section {
    padding: 0 0 25px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
}

.review-stars {
    font-size: 16px;
    color: #ffc107;
}

.write-review-btn {
    background: transparent;
    border: 1px solid #333;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    color: #333;
}

.write-review-btn:hover {
    background: #333;
    color: white;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .woocommerce div.product {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 20px 15px;
    }
    
    .woocommerce div.product .woocommerce-product-gallery,
    .woocommerce div.product .summary {
        grid-column: 1;
    }
    
    .custom-about-section {
        margin: 30px 0;
        padding-top: 30px;
    }
    
    .woocommerce-product-gallery ol {
        justify-content: center;
    }
    
    .woocommerce-product-gallery ol li {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 480px) {
    .woocommerce div.product {
        padding: 15px 10px;
    }
    
    .woocommerce div.product .product_title {
        font-size: 20px;
    }
    
    .woocommerce div.product p.price {
        font-size: 24px;
    }
}