/* Template #7 independent design */
:root{--pc:#322dcd;--pd:#1e1b79;--pl:#8783f1;--ac:#d4d3f8}
body{font-family:Trebuchet MS,Arial,sans-serif!important;background:#f7f7f7;color:#333}
a{color:#322dcd}a:hover{color:#1e1b79;text-decoration:none}
header{background:#fff;border-bottom:1px solid #eee}header .topbar{background:#322dcd}header .nav-bar,header .nav-line{background:#fff}header nav a{color:#333}header nav a:hover{color:#322dcd}
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:#333!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:#d4d3f8!important;background:var(--pl)}
header nav a{border-radius:30px!important}header nav a:hover{background:#322dcd!important;color:#fff!important}
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:#333!important}
header .topbar a:hover,header .user-area a:hover{color:#d4d3f8!important;text-decoration:underline}
header .logo{font-size:26px;font-weight:800;letter-spacing:2px;color:#1e1b79}
header .logo a{color:#1e1b79}
header .search-box{border:2px solid #322dcd;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:#322dcd;color:#fff;border:none;padding:10px 22px;cursor:pointer}
.btn{border-radius:40px}
.btn{background:linear-gradient(90deg,#322dcd,#8783f1);color:#fff;border:none;padding:11px 28px;cursor:pointer;font-size:14px;display:inline-block;box-shadow:0 2px 20px rgba(0,0,0,.06);transition:all .3s}
.btn:hover{transform:translateY(-2px);opacity:.9;color:#fff}
.price,.current__price{color:#322dcd;font-weight:900;font-size:22px}
.section-title{color:#1e1b79;font-size:22px;font-weight:700;margin:30px 0 20px;padding-left:14px;border-left:5px solid #322dcd}
.product-item{background:#fff;border-radius:26px;overflow:hidden;margin-bottom:24px;border:1px solid #eee;box-shadow:0 2px 20px rgba(0,0,0,.06);transition:all .3s}
.product-item:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(0,0,0,.14);border-color:#322dcd}
.product-item{transition:all .35s}.product-item:hover{transform:translateY(-10px)}
.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:#1a1a1a;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:#d4d3f8}
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:#322dcd;font-size:15px;font-weight:500;transition:all .3s;text-decoration:none;box-sizing:border-box}
.pagination li a:hover{background:#322dcd;border-color:#322dcd;color:#fff;transform:translateY(-2px)}
.pagination li.active span,.pagination li.active a{background:#322dcd!important;border-color:#322dcd!important;color:#fff!important}
.pagination li.disabled span{color:#bbb;background:#f5f5f5;cursor:not-allowed}
.pagination li a,.pagination li span{border-radius:8px;border:none;background:linear-gradient(135deg,#8783f1,#fff)}.pagination li a:hover{background:linear-gradient(135deg,#1e1b79,#322dcd);color:#fff}

/* FX: anim0-hov2-btn1 */
.btn{background:linear-gradient(90deg,var(--pc),var(--pl),var(--pc));background-size:200% 100%;animation:fxflow 3s linear infinite}@keyframes fxflow{0%{background-position:0 50%}100%{background-position:200% 50%}}
.product-item:hover{transform:translateY(-6px) rotate(1deg)}
.btn{box-shadow:0 4px 15px var(--pl)}.btn:hover{box-shadow:0 4px 25px var(--pc)}
.product-item:hover{box-shadow:0 0 25px var(--pl)}