.single-page{padding-top:140px}.head-tags{gap:8px;flex-wrap:wrap;margin-block:20px}.head-tags,.head-tags span{display:flex;align-items:center}.head-tags span{--color:var(--bg-secondary);gap:4px;padding:4px 8px;font-size:12px;font-weight:600;background:rgb(var(--color)/.1);border-radius:8px;border:1px solid rgb(var(--color))}.head-tags span.primary{--color:var(--color-primary)}.head-tags span.secondary{--color:var(--color-secondary)}.head-tags span.danger{--color:var(--color-danger)}.head-tags span.warning{--color:var(--color-warning)}.head-tags span.success{--color:var(--color-success)}.product-title h1{font-size:24px;font-weight:700}.product-title .subtitle{font-size:18px;color:rgb(var(--text-secondary));margin-top:4px}.single-main{display:flex;align-items:flex-start;margin-top:40px;gap:30px}.single-main main{width:70%}.single-main main .main-content{display:flex;align-items:flex-start;gap:30px}.single-main main .main-content .right{display:flex;align-items:flex-start;width:40%}.single-main main .main-content .right .actions{display:flex;flex-direction:column;align-items:center;width:54px;gap:6px}.single-main main .main-content .right .actions .action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px;color:rgb(var(--text-secondary));cursor:pointer;border-radius:10px;transition:all .2s}.single-main main .main-content .right .actions .action:hover{background:rgb(var(--bg-secondary)/.5)}.single-main main .main-content .right .actions .rate .icon{color:rgb(var(--color-warning));filter:drop-shadow(0 0 10px rgb(var(--color-warning)/.5))}.single-main main .main-content .right .thumbnail{position:relative;width:calc(100% - 54px);aspect-ratio:1/1;border-radius:42px;overflow:hidden;padding:12px}.single-main main .main-content .right .thumbnail .bg{position:absolute;top:0;left:0;filter:blur(20px);opacity:.8}.single-main main .main-content .right .thumbnail .cover{position:relative;border-radius:32px;z-index:1}.single-main main .main-content .right .thumbnail img{width:100%;height:100%;transition:.3s cubic-bezier(.175,.885,.32,1.275);object-fit:cover}.single-main main .main-content .left{width:60%}.single-main main .main-content .left .section-head{align-items:center;display:flex;gap:8px;white-space:nowrap;margin-bottom:10px}.single-main main .main-content .left .section-head h5{font-size:14px;color:rgb(var(--text-secondary)/.4)}.single-main main .main-content .left .section-head .divider{background:rgb(var(--bg-secondary)/.3)}.single-main main .main-content .left .section-head .icon{color:rgb(var(--text-secondary)/.5)}.single-main main .main-content .left .section-head .icon:hover{color:rgb(var(--text-secondary))}.single-main main .main-content .left .tags{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:20px;gap:8px}.single-main main .main-content .left .tags .tag{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px;border-radius:12px;background:rgb(var(--bg-secondary)/.5)}.single-main main .main-content .left .tags .tag span{align-items:center;display:flex;gap:4px;font-size:13px;color:rgb(var(--text-secondary)/.7)}.single-main main .main-content .left .tags .tag span.primary{color:rgb(var(--color-primary))}.single-main main .main-content .left .tags .tag span.success{color:rgb(var(--color-success))}.single-main main .main-content .left .description{text-align:justify;font-size:14px;color:rgb(var(--text-secondary)/.7);margin-bottom:20px}.single-main main .ai-box{padding:30px;border-radius:24px;margin-bottom:20px;margin-top:26px;background:linear-gradient(rgb(var(--bg-primary)/.7),rgb(var(--bg-primary)/.7)) padding-box,linear-gradient(to top right,rgb(var(--color-secondary)/.2),rgb(var(--color-secondary))) border-box;border:4px solid rgba(0,0,0,0);box-shadow:0 0 80px rgb(var(--color-secondary)/.2)}.single-main main .ai-box .head{align-items:center;display:flex;gap:10px;position:relative;padding-right:80px}.single-main main .ai-box .head img{position:absolute;top:50%;transform:translateY(-50%);right:-50px;width:160px;height:160px;mix-blend-mode:lighten;filter:hue-rotate(10deg);object-fit:cover}.single-main main .ai-box .head h5{font-size:18px;font-weight:700;margin-bottom:4px}.single-main main .ai-box .head span{display:block;padding:2px 8px;width:fit-content;background:rgb(var(--color-secondary));border-radius:6px;font-size:14px}.single-main main .ai-box p{color:rgb(var(--text-secondary));margin-top:20px;font-size:15px;text-align:justify;line-height:1.6rem}.single-main main .features{display:grid;grid-template-columns:repeat(4,1fr);padding-block:20px;border-top:1px dashed rgb(var(--bg-secondary)/.5);border-bottom:1px dashed rgb(var(--bg-secondary)/.5);margin-block:40px}.single-main main .features .item{align-items:center;display:flex;justify-content:space-between}.single-main main .features .item:not(:first-child){padding-right:20px}.single-main main .features .item:not(:last-child){border-left:1px solid rgb(var(--bg-secondary)/.3);padding-left:20px}.single-main main .features .item .texts{display:flex;flex-direction:column}.single-main main .features .item .texts b{font-size:14px}.single-main main .features .item .texts span{color:rgb(var(--text-secondary)/.7);font-size:13px}.single-main main .features .item .icon{margin-right:auto;color:rgb(var(--text-secondary)/.8);position:relative}.single-main main .features .item .icon:before{width:24px;height:24px;border-radius:6px;background:rgb(var(--color-success)/.3);top:-10%;right:-10%;content:"";position:absolute;filter:blur(10px);z-index:1}.single-main main .features .item .icon:after{width:24px;height:24px;border-radius:6px;background:rgb(var(--bg-secondary)/.5);top:-10%;right:-10%;content:"";position:absolute;z-index:2}.single-main main .features .item .icon svg{position:relative;z-index:3}.single-main main .comments-section{display:flex;align-items:flex-start;gap:30px}.single-main main .comments-section .right{width:25%}.single-main main .comments-section .right .overview{padding:30px;background:linear-gradient(rgb(var(--bg-primary)/.7),rgb(var(--bg-primary)/.7)) padding-box,linear-gradient(to bottom,rgb(var(--bg-secondary)/.2),rgb(var(--bg-secondary))) border-box;border-radius:50em;border:1px solid rgba(0,0,0,0);box-shadow:0 40px 80px rgb(var(--bg-secondary)/.2);border-radius:18px}.single-main main .comments-section .right .overview h4{font-size:48px;font-weight:700;text-align:center;line-height:1}.single-main main .comments-section .right .overview .rate-stars{width:100%}.single-main main .comments-section .right .overview p{color:rgb(var(--text-secondary)/.7);text-align:center}.single-main main .comments-section .right .overview .info{margin-top:20px}.single-main main .comments-section .right .overview .info .item{display:flex;flex-direction:column;gap:4px;padding-block:10px}.single-main main .comments-section .right .overview .info .item.success{--color:var(--color-success)}.single-main main .comments-section .right .overview .info .item.warning{--color:var(--color-warning)}.single-main main .comments-section .right .overview .info .item.danger{--color:var(--color-danger)}.single-main main .comments-section .right .overview .info .item .title{align-items:center;display:flex;justify-content:space-between;font-size:13px}.single-main main .comments-section .right .overview .info .item .title b{font-weight:400}.single-main main .comments-section .right .overview .info .item .title b i{color:rgb(var(--color));font-style:normal}.single-main main .comments-section .right .overview .info .item .title span{font-size:12px;color:rgb(var(--text-secondary)/.8)}.single-main main .comments-section .right .overview .info .item .progress{height:4px;width:100%;background:rgb(var(--bg-secondary)/.7);border-radius:10px;position:relative}.single-main main .comments-section .right .overview .info .item .progress .bar{position:absolute;right:0;top:0;height:100%;background:rgb(var(--color));box-shadow:0 0 10px rgb(var(--color)/.5);border-radius:10px}.single-main main .comments-section .right .overview .counts{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.single-main main .comments-section .right .overview .counts .item{align-items:center;display:flex;justify-content:center;flex-direction:column}.single-main main .comments-section .right .overview .counts .item .count{font-size:20px;font-weight:700}.single-main main .comments-section .right .overview .counts .item .title{font-size:12px;color:rgb(var(--text-secondary)/.7)}.single-main main .comments-section .right .submit{padding:30px;background:linear-gradient(rgb(var(--bg-primary)/.7),rgb(var(--bg-primary)/.7)) padding-box,linear-gradient(to top,rgb(var(--bg-secondary)/.2),rgb(var(--bg-secondary))) border-box;border-radius:50em;border:1px solid rgba(0,0,0,0);box-shadow:0 -40px 80px rgb(var(--bg-secondary)/.2);border-radius:18px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;transition:.3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.single-main main .comments-section .right .submit:hover{background:rgb(var(--color-primary));color:rgb(var(--bg-primary));box-shadow:0 0 80px rgb(var(--color-primary)/.4)}.single-main main .comments-section .right .submit:hover span{color:rgb(var(--bg-primary)/.7)}.single-main main .comments-section .right .submit:hover .icon{transform:scale(1.4) rotate(-10deg)}.single-main main .comments-section .right .submit h5{font-weight:600;font-size:16px;transition:all .2s}.single-main main .comments-section .right .submit span{font-size:14px;color:rgb(var(--text-secondary)/.7);transition:all .2s}.single-main main .comments-section .right .submit .icon{transition:.3s cubic-bezier(.175,.885,.32,1.275)}.single-main main .comments-section .right .tip{margin-top:10px;font-size:13px;color:rgb(var(--text-secondary)/.7);text-align:justify}.single-main main .comments-section .left{width:75%}.single-main main .comments-section .left .comment-card{padding:20px;border-radius:18px;background:rgb(var(--bg-secondary)/.3);display:flex;flex-direction:column}.single-main main .comments-section .left .comment-card:not(:last-child){margin-bottom:20px}.single-main main .comments-section .left .comment-card .head{align-items:center;display:flex;gap:10px}.single-main main .comments-section .left .comment-card .head .user-profile .avatar{width:46px;height:46px;border-radius:50%;background:rgb(var(--bg-secondary)/.5);display:flex;align-items:center;justify-content:center;color:rgb(var(--text-secondary))}.single-main main .comments-section .left .comment-card .head .info .name{font-size:17px}.single-main main .comments-section .left .comment-card .head .info .rate{height:14px;margin-top:-4px;display:flex}.single-main main .comments-section .left .comment-card p{color:rgb(var(--text-secondary));margin-top:10px;font-size:14px;line-height:1.6rem}.single-main main .comments-section .left .comment-card .actions{align-items:center;display:flex;margin-right:auto;margin-top:10px}.single-main main .comments-section .left .comment-card .actions .date{color:rgb(var(--text-secondary)/.7);font-size:15px}.single-main .sidebar{width:30%;position:sticky;top:150px}.single-main .shopping-cart__toggle{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:none;width:80%;max-width:400px;z-index:100;transform:.3s all}.single-main .shopping-cart__toggle.hide{opacity:0;visibility:hidden}.cart{padding:30px;background:linear-gradient(rgb(var(--bg-primary)/.7),rgb(var(--bg-primary)/.7)) padding-box,linear-gradient(to bottom,rgb(var(--bg-secondary)/.2),rgb(var(--bg-secondary))) border-box;border-radius:50em;border:1px solid rgba(0,0,0,0);box-shadow:0 40px 80px rgb(var(--bg-secondary)/.2);border-radius:18px}.cart.modal{background:rgba(0,0,0,0);box-shadow:none;padding:0}.cart .features{margin-bottom:10px}.cart .features .item{align-items:center;display:flex;justify-content:space-between;padding-block:8px;font-size:12px;color:rgb(var(--text-secondary))}.cart .info .item{align-items:center;display:flex;gap:6px;padding-block:10px;font-size:14px}.cart .info .item small{font-size:12px;color:rgb(var(--text-secondary)/.7)}.cart .info .item .icon{margin-top:-6px}.cart .info .item:not(:last-child){border-bottom:1px solid rgb(var(--bg-secondary)/.3)}.cart .price-section{display:flex;align-items:center;justify-content:space-between;margin-top:28px;font-weight:700}.cart .price-section .price{display:flex;align-items:center;gap:4px;font-size:24px;color:rgb(var(--color-primary));position:relative;width:fit-content}.cart .price-section .price.danger{color:rgb(var(--color-warning));font-size:18px;margin-left:auto;margin-right:unset}.cart .price-section .price .discount{position:absolute;color:rgb(var(--color-danger)/.6);font-size:17px;top:-14px;right:0;font-weight:700;text-decoration:line-through}.cart .price-section .price svg{color:rgb(var(--text-secondary)/.7);margin-top:-4px}.cart .counter{align-items:center;display:flex;gap:10px;white-space:nowrap}.cart .counter .btn{font-size:25px}.cart .counter .n:active{background:rgb(var(--color-danger));opacity:1}.cart .counter .p:active{background:rgb(var(--color-success));opacity:1}.cart .head-title{display:block;font-size:14px;color:rgb(var(--text-secondary)/.5);margin-bottom:6px}.cart .head-title .required{color:rgb(var(--color-danger))}@media(max-width:1279px){.single-main main .main-content .right{flex-direction:column-reverse}.single-main main .main-content .right .thumbnail{width:100%}.single-main main .main-content .right .actions{flex-direction:row;justify-content:space-between;width:100%}.single-main main .main-content .right .actions .divider{display:none}.single-main main .main-content .left .tags{grid-template-columns:repeat(3,1fr)}.single-main main .comments-section{flex-direction:column}.single-main main .comments-section .left,.single-main main .comments-section .right{width:100%}}@media(max-width:1023px){.single-main{position:relative}.single-main main{width:100%}.single-main .sidebar{display:none}.single-main .shopping-cart__toggle{display:flex}}@media(max-width:768px){.single-page{padding-top:70px}}@media(max-width:610px){.single-main main .main-content{flex-direction:column}.single-main main .main-content .left,.single-main main .main-content .right{width:100%}.single-main main .features{grid-template-columns:repeat(2,1fr)}.single-main main .features .item:not(:last-child){border:none;padding:20px}.single-main main .features .item:not(:first-child){padding:20px}}