.productContent{padding:120px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:min(1440px,100%);margin:0 auto}@media (max-width: 1024px){.productContent{flex-direction:column}}.productContent *{transition:.3s}.productContent .openSideMenu{width:80px;height:40px;font-size:16px;display:flex;justify-content:center;align-items:center;position:sticky;background-color:#fff;top:20px;z-index:1;border-radius:99px;box-shadow:0 0 5px #0000001a;margin-bottom:20px}@media (min-width: 1025px){.productContent .openSideMenu{display:none}}.productContent .left{width:20%}@media (max-width: 1024px){.productContent .left{position:fixed;left:0;top:0;height:100%;width:60%;z-index:10;background-color:#fff;padding:50px;overflow-y:auto;box-sizing:border-box;box-shadow:5px 5px 15px #0000001a;transform:translate(-110%)}.productContent .left.active{transform:translate(0)}}@media (max-width: 767px){.productContent .left{width:100%}.productContent .left.active{transform:translate(0)}}.productContent .left .closeSideFilter{position:absolute;right:50px;top:50px}@media (min-width: 1025px){.productContent .left .closeSideFilter{display:none}}.productContent .left .head{color:#222;font-size:20px;font-weight:500}.productContent .left .filterBlock{margin-top:50px;padding-top:50px;border-top:1px solid #ddd}.productContent .left .filterBlock .title{color:#222;font-size:20px;font-weight:500}.productContent .left .filterBlock .items{display:flex;flex-direction:column;gap:10px;margin-top:30px}.productContent .left .filterBlock .items .item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer}.productContent .left .filterBlock .items .item .icon{border:1px solid #222;background-color:#fff;width:18px;height:18px;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer}.productContent .left .filterBlock .items .item.active .icon,.productContent .left .filterBlock .items .item:hover .icon{background-color:#222}.productContent .left .filterBlock .items .item.active .name,.productContent .left .filterBlock .items .item:hover .name{color:#001b71}.productContent .left .filterBlock .items .item .name{width:calc(100% - 30px);color:#222}.productContent .left .filterBlock .colorItems{margin-top:30px;display:flex;flex-direction:row;justify-content:flex-start;gap:10px;flex-wrap:wrap}.productContent .left .filterBlock .colorItems .item{height:25px;width:25px;border-radius:99px;flex-shrink:0;flex-grow:0;display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid #e0e0e0}.productContent .left .filterBlock .colorItems .item svg{display:none}.productContent .left .filterBlock .colorItems .item.active svg{display:block}.productContent .left .filterBlock .colorItems .item:hover{transform:scale(1.1) translateY(-3px);box-shadow:3px 3px 3px #5e5e5e8d}.productContent .right{width:75%;position:relative;overflow:hidden}@media (max-width: 1024px){.productContent .right{width:100%}}.productContent .right .background{position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background-color:#fff;z-index:4}.productContent .right .background.active{display:flex;overflow:hidden}.productContent .right .background .loader{width:45px;aspect-ratio:1;--c: no-repeat linear-gradient(#000 0 0);background:var(--c) 0% 50%,var(--c) 50% 50%,var(--c) 100% 50%;background-size:20% 100%;animation:l1 1s infinite linear}@keyframes l1{0%{background-size:20% 100%,20% 100%,20% 100%}33%{background-size:20% 10%,20% 100%,20% 100%}50%{background-size:20% 100%,20% 10%,20% 100%}66%{background-size:20% 100%,20% 100%,20% 10%}to{background-size:20% 100%,20% 100%,20% 100%}}.productContent .right.loading{height:600px}.productContent .right.loading .background{display:flex}.productContent .right .productList{display:flex;flex-direction:column;gap:50px}.productContent .right .productList .item .top{display:flex;flex-direction:row;justify-content:space-between;padding:30px;background-color:#f5f5f5;border-radius:16px;text-decoration:none}@media (max-width: 767px){.productContent .right .productList .item .top{flex-direction:column;padding:10px}}.productContent .right .productList .item .top .image{width:45%;aspect-ratio:1;display:block;position:relative;box-sizing:border-box}.productContent .right .productList .item .top .image .tag{position:absolute;left:0;top:0;background-color:#b2d4ff;padding:10px 15px;border-radius:999px;color:#222}@media (max-width: 767px){.productContent .right .productList .item .top .image{width:100%}}.productContent .right .productList .item .top .image img{width:100%;height:100%;object-fit:contain}.productContent .right .productList .item .top .info{width:50%;background-color:#fff;border-radius:8px;padding:30px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 767px){.productContent .right .productList .item .top .info{width:100%;margin-top:20px}}.productContent .right .productList .item .top .info .in1{display:flex;flex-direction:column;gap:30px}@media (max-width: 1024px){.productContent .right .productList .item .top .info .in1{gap:20px}}@media (max-width: 767px){.productContent .right .productList .item .top .info .in1{gap:15px}}.productContent .right .productList .item .top .info .in1 .title{color:#222;font-size:32px;font-weight:600;text-decoration:none}.productContent .right .productList .item .top .info .in1 .title:hover{color:#001b71}@media (max-width: 1024px){.productContent .right .productList .item .top .info .in1 .title{font-size:24px}}@media (max-width: 767px){.productContent .right .productList .item .top .info .in1 .title{font-size:22px}}.productContent .right .productList .item .top .info .in1 .shortDesc{color:#484848}.productContent .right .productList .item .top .info .in1 .shortDesc ul{padding-left:20px}.productContent .right .productList .item .top .info .in1 .shortDesc ul li{margin-bottom:10px}.productContent .right .productList .item .top .info .viewMore{margin-top:20px;display:flex;justify-content:flex-end}.productContent .right .productList .item .top .info .viewMore a{display:block;background-color:#222;color:#fff;border-radius:999px;padding:10px 25px;font-size:16px;cursor:pointer;text-decoration:none}.productContent .right .productList .item .top .info .viewMore a:hover{background-color:#001b71}.productContent .right .productList .item .top .info .colors{display:flex;flex-direction:row;justify-content:flex-start;column-gap:20px}.productContent .right .productList .item .top .info .colors .content{display:flex;flex-direction:row;justify-content:flex-start;gap:10px}.productContent .right .productList .item .top .info .colors .content .color{width:20px;height:20px;border-radius:99px;border:1px solid #e0e0e0}.productContent .right .productList .item .table{margin-top:30px;border-radius:16px;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;width:100%;overflow:hidden;overflow-x:auto}.productContent .right .productList .item .table .col{border-right:1px solid #e0e0e0;width:100%}.productContent .right .productList .item .table .col .row:nth-child(1){background-color:#f5f5f5;padding:13px 15px;text-align:center;font-size:14px;font-weight:600;color:#222;white-space:nowrap;height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.2em}@media (max-width: 767px){.productContent .right .productList .item .table .col .row:nth-child(1){min-width:150px}}.productContent .right .productList .item .table .col .row:nth-child(2){background-color:#fafafa;padding:13px 15px;text-align:center;font-size:14px;font-weight:400;color:#565656;height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.2em}@media (max-width: 767px){.productContent .right .productList .item .table .col .row:nth-child(2){min-width:150px}}.productContent .right .productList .item .table .col:last-child{border-right:none}.productContent .right .pagesControl{display:flex;justify-content:flex-end;align-items:center;margin-top:50px;column-gap:100px}@media (max-width: 767px){.productContent .right .pagesControl{flex-direction:column}}.productContent .right .pagesControl .pages{display:flex;justify-content:flex-start;column-gap:10px}.productContent .right .pagesControl .pages .prev,.productContent .right .pagesControl .pages .next{background-color:#ddd;border-radius:999px;display:flex;justify-content:center;align-items:center;height:40px;width:40px;cursor:pointer}.productContent .right .pagesControl .pages .prev path,.productContent .right .pagesControl .pages .next path{stroke:#666}.productContent .right .pagesControl .pages .prev:hover,.productContent .right .pagesControl .pages .next:hover{background-color:#222}.productContent .right .pagesControl .pages .prev:hover path,.productContent .right .pagesControl .pages .next:hover path{stroke:#fff}.productContent .right .pagesControl .pages .num{background-color:transparent;border-radius:999px;display:flex;justify-content:center;align-items:center;height:40px;width:40px;color:#666;cursor:pointer}.productContent .right .pagesControl .pages .num:hover,.productContent .right .pagesControl .pages .num.active{background-color:#222;color:#fff}@media (max-width: 767px){.productContent .right .pagesControl .switchPage{display:none}}.productContent .right .pagesControl .switchPage input{width:60px;height:30px;text-align:center;padding:0;border-radius:8px;padding-inline:0;padding-block:0;color:#666;border:1px solid #666}.productContent .right .pagesControl .switchPreView{display:flex;justify-content:flex-end}@media (max-width: 767px){.productContent .right .pagesControl .switchPreView{display:none}}.productContent .right .pagesControl .switchPreView select{width:100px;height:30px;text-align:center;padding:0;border-radius:8px;color:#666;border:1px solid #666}
