/* ============================================
   collection.css — MZS 分类页样式
   极简黑白色调，还原目标站视觉
   完全原创，参考目标站样式但类名自主编写
   ============================================ */

/* ─── 主容器 ─── */
.ly_products_list .container_width_1200 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* ─── 分类标题行 ─── */
.list_category {
    padding: 30px 0 0;
}
.category_name.themes_box_title {
    float: left;
    font-family: 'Heebo-Medium', 'Heebo', Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    line-height: 56px;
    margin: 0;
    padding: 0;
}

/* ─── 排序下拉 ─── */
.list_sort {
    float: right;
    position: relative;
    z-index: 10;
}
.sort_txt {
    line-height: 56px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    padding: 0 20px 0 0;
    position: relative;
}
.sort_txt i {
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -3px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #999;
}
.sort_drop {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    min-width: 200px;
    z-index: 20;
}
.list_sort:hover .sort_drop {
    display: block;
}
.sort_drop .themes_dropdown {
    list-style: none;
    margin: 0;
    padding: 5px 0;
}
.sort_drop .themes_dropdown li a {
    display: block;
    padding: 8px 20px;
    font-size: 14px;
    color: #666;
    text-decoration: none;
    transition: background .15s, color .15s;
}
.sort_drop .themes_dropdown li a:hover {
    background: #f5f5f5;
    color: #333;
}

/* ─── 左侧分类导航 ─── */
.themes_plist_left {
    float: left;
    width: 20%;
    margin-right: 0;
    padding: 30px 3% 30px 0;
    box-sizing: border-box;
}
.products_category_wrapper {
}
.products_category_wrapper .top_title {
    font-family: 'Heebo-Medium', 'Heebo', Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    line-height: 56px;
    border-bottom: 1px solid #313439;
    margin-bottom: 10px;
}
.category_box .one_item {
    margin: 5px 0;
}
.category_box .one_title.item_title {
    margin: 3px 0;
}
.category_box .cate_item {
    display: inline-block;
    padding-right: 14px;
    font-size: 14px;
    line-height: 32px;
    color: #555;
    text-decoration: none;
    transition: color .15s;
}
.category_box .cate_item:hover {
    color: #222;
}
.category_box .cate_item.current {
    color: #222;
    font-weight: 600;
}

/* ─── 右侧产品列表容器 ─── */
.themes_plist_right {
    float: right;
    width: 77%;
    padding: 30px 0;
}

/* ─── 产品网格（4列，列间距48px） ─── */
.list_products_box {
    margin: 0;
    overflow: hidden;
}
.themes_prod.list_products_item {
    float: left;
    width: calc((100% - 144px) / 4);
    margin-right: 48px;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
}
.themes_prod.list_products_item:nth-child(4n) {
    margin-right: 0;
}

/* 产品卡片图片区域 */
.themes_prod .prod_hover {
    overflow: hidden;
}
.themes_prod .item_img {
    position: relative;
    overflow: hidden;
}
.themes_prod .item_img a {
    display: block;
}
.themes_prod .item_img img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform .3s ease;
}
.themes_prod .item_img:hover img {
    transform: scale(1.05);
}

/* Sale标签 */
.themes_prod .icon_seckill {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #000;
    color: #fff;
    font-size: 11px;
    padding: 2px 8px;
    font-style: normal;
    z-index: 2;
}

/* ─── Add to Cart按钮（hover滑出） ─── */
.themes_prod .item_quick_btn {
    position: absolute;
    bottom: -40px;
    left: 10px;
    right: 10px;
    text-align: center;
    transition: bottom .3s ease;
    z-index: 5;
}
.themes_prod .item_img:hover .item_quick_btn {
    bottom: 10px;
}
.themes_prod .item_quick_btn .add_cart {
    display: block;
    background: #000;
    color: #fff;
    font-family: 'SourceSansPro-Regular', 'Source Sans Pro', Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    letter-spacing: .05em;
    transition: background .2s;
}
.themes_prod .item_quick_btn .add_cart:hover {
    background: #333;
}

/* ─── 产品信息区域 ─── */
.themes_prod .prod_info {
    padding: 15px 0 0;
}
.themes_prod .prod_info .item_name {
    display: block;
    text-decoration: none;
}
.themes_prod .prod_info .item_name h5 {
    margin: 0;
    font-family: 'NunitoSans-Regular', 'Nunito Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 32px;
    max-height: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* ─── 价格样式 ─── */
.themes_prod .item_price {
    font-family: 'NunitoSans-Regular', 'Nunito Sans', Arial, sans-serif;
    font-size: 16px;
    color: #333;
    line-height: 2;
}
.themes_prod .item_price .currency_data {
    font-style: normal;
}
.themes_prod .item_price del {
    text-decoration: line-through;
    color: #b6b6b6;
    margin-left: 5px;
}

/* ─── 分页 ─── */
.list_products_bottom {
    clear: both;
    padding: 20px 0;
    text-align: center;
}
.list_products_bottom .pagination {
    display: inline-block;
    vertical-align: middle;
}
.list_products_bottom .pagination a,
.list_products_bottom .pagination span {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    color: #666;
    text-decoration: none;
    border: 1px solid #eee;
    margin: 0 2px;
    transition: background .15s, color .15s;
}
.list_products_bottom .pagination a:hover {
    background: #f5f5f5;
    color: #333;
}
.list_products_bottom .pagination span.current {
    background: #000;
    color: #fff;
    border-color: #000;
}
.list_products_bottom .total_count {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #999;
    margin-left: 15px;
}

/* ─── 空状态 ─── */
.themes_plist_right .empty-state {
    text-align: center;
    padding: 60px 0;
    color: #999;
    font-size: 14px;
}

/* ─── Footer ─── */
.ly_footer_69 .ly_footer_container {
    background: #f6f6f6;
    text-align: center;
    padding: 52px 20px 30px;
}
.ly_footer_69 .ly_footer_container .copyright {
    font-size: 14px;
    color: #000;
}

/* ─── 响应式 ─── */
@media (max-width: 1000px) {
    .themes_plist_left { display: none; }
    .themes_plist_right { width: 100%; float: none; }
    .themes_prod.list_products_item {
        width: calc((100% - 75px) / 4);
        margin-right: 25px;
    }
    .themes_prod.list_products_item:nth-child(4n) {
        margin-right: 0;
    }
}
@media (max-width: 768px) {
    .themes_prod.list_products_item {
        width: calc((100% - 25px) / 2);
        margin-right: 25px;
        margin-bottom: 30px;
    }
    .themes_prod.list_products_item:nth-child(2n) {
        margin-right: 0;
    }
    .list_category .category_name {
        font-size: 16px;
        line-height: 40px;
    }
}
@media (max-width: 480px) {
    .themes_prod.list_products_item {
        width: 100%;
        margin-right: 0;
    }
}