/* Template #8 independent design */
:root{--pc:#a64a1c;--pd:#4e230d;--pl:#f2824a;--ac:#f8dfd3}
body{font-family:Microsoft YaHei,SimSun,serif!important;background:#e9e9e9;color:#333}
a{color:#a64a1c}a:hover{color:#4e230d;text-decoration:none}
header .topbar{background:repeating-linear-gradient(45deg,#a64a1c,#a64a1c 12px,#4e230d 12px,#4e230d 24px)}header .nav-bar,header .nav-line{background:#a64a1c}header nav a{color:#fff}header nav a:hover{color:#f8dfd3}
header .nav-main,header .nav-line,header .nav-top,header .nav-bar,header .nav-inline,header .nav-side{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
header .nav-main a,header .nav-line a,header .nav-top a,header .nav-bar a,header .nav-inline a,header .nav-side a{font-size:15px!important;padding:9px 15px!important;margin:2px 4px!important;color:#fff!important;text-decoration:none;white-space:nowrap;transition:all .3s;border-radius:6px;display:inline-block}
header .nav-main a:hover,header .nav-line a:hover,header .nav-top a:hover,header .nav-bar a:hover,header .nav-inline a:hover,header .nav-side a:hover{color:#f8dfd3!important;background:rgba(255,255,255,.18)}
header nav a:hover{color:#f8dfd3!important;font-weight:700}
header .topbar a,header .user-area a{font-size:14px!important;text-decoration:none;transition:all .3s;white-space:nowrap;font-weight:500}
header .topbar{color:rgba(255,255,255,.85)}header .topbar a{color:rgba(255,255,255,.92)!important}
header .user-area a{color:#fff!important}
header .topbar a:hover,header .user-area a:hover{color:#f8dfd3!important;text-decoration:underline}
header .logo{font-size:26px;font-weight:800;letter-spacing:2px;color:#4e230d}
header .logo a{color:#4e230d}
header .search-box{border:2px solid #a64a1c;border-radius:30px;overflow:hidden;background:#fff}
header .search-box input{border:none;outline:none;padding:10px 16px;width:72%}
header .search-box button{background:#a64a1c;color:#fff;border:none;padding:10px 22px;cursor:pointer}
.btn{border-radius:10px}
.btn{background:linear-gradient(90deg,#a64a1c,#f2824a);color:#fff;border:none;padding:11px 28px;cursor:pointer;font-size:14px;display:inline-block;box-shadow:0 8px 30px rgba(0,0,0,.14);transition:all .3s}
.btn:hover{transform:translateY(-2px);opacity:.9;color:#fff}
.price,.current__price{color:#4e230d;font-weight:700;font-size:17px;border:2px solid #a64a1c;padding:2px 10px;border-radius:6px}
.section-title{color:#4e230d;font-size:22px;font-weight:700;margin:30px 0 20px;padding-left:14px;border-left:5px solid #a64a1c}
.product-item{background:#fff;border-radius:0px;overflow:hidden;margin-bottom:24px;border:1px solid #eee;box-shadow:0 8px 30px rgba(0,0,0,.14);transition:all .3s}
.product-item:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(0,0,0,.14);border-color:#a64a1c}
.product-item{border:none;box-shadow:none;border-bottom:1px solid #eee;border-radius:0}
.product-thumb{background:#fafafa;overflow:hidden}.product-thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .45s}
.product-item:hover .product-thumb img{transform:scale(1.08)}
.product-content{padding:14px 16px}.product-content .title{font-size:14px;line-height:1.5;margin-bottom:8px}
.product-content .title a{color:#222}
footer{background:#0e0e0e;color:rgba(255,255,255,.85);padding:40px 0 0;margin-top:40px}
footer a{color:rgba(255,255,255,.75)}footer a:hover{color:#f8dfd3}
footer .footer-bottom{background:rgba(0,0,0,.3);padding:16px 0;text-align:center;font-size:13px;margin-top:30px}
.pagination{display:flex;justify-content:center;list-style:none;padding:0;margin:30px 0 10px;flex-wrap:wrap;gap:6px}
.pagination li a,.pagination li span{display:inline-block;min-width:38px;height:38px;padding:0 10px;line-height:36px;text-align:center;background:#fff;border:1px solid #e5e5e5;color:#a64a1c;font-size:15px;font-weight:500;transition:all .3s;text-decoration:none;box-sizing:border-box}
.pagination li a:hover{background:#a64a1c;border-color:#a64a1c;color:#fff;transform:translateY(-2px)}
.pagination li.active span,.pagination li.active a{background:#a64a1c!important;border-color:#a64a1c!important;color:#fff!important}
.pagination li.disabled span{color:#bbb;background:#f5f5f5;cursor:not-allowed}
.pagination li a,.pagination li span{border-radius:30px}

/* FX: anim1-hov3-btn2 */
.btn:hover{box-shadow:0 0 20px var(--pc),0 0 40px var(--pc)}
.product-item:hover{box-shadow:0 12px 35px rgba(0,0,0,.15)}
.btn{border-radius:40px}
.product-thumb img{transition:transform .5s}.product-item:hover .product-thumb img{transform:scale(1.1)}
