.single-page{padding-top:140px}.head-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-block:20px;display:flex}.head-tags span{--color:var(--bg-secondary);background:rgb(var(--color)/.1);border:1px solid rgb(var(--color));border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.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{color:rgb(var(--text-secondary));margin-top:4px;font-size:18px}.single-main{align-items:flex-start;gap:30px;margin-top:40px;display:flex}.single-main main{width:70%}.single-main main .main-content{align-items:flex-start;gap:30px;display:flex}.single-main main .main-content .right{align-items:flex-start;width:40%;display:flex}.single-main main .main-content .right .actions{flex-direction:column;align-items:center;gap:6px;width:54px;display:flex}.single-main main .main-content .right .actions .action{color:rgb(var(--text-secondary));cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px;transition:all .2s;display:flex}.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{aspect-ratio:1;border-radius:42px;width:calc(100% - 54px);padding:12px;position:relative;overflow:hidden}.single-main main .main-content .right .thumbnail .bg{filter:blur(20px);opacity:.8;position:absolute;top:0;left:0}.single-main main .main-content .right .thumbnail .cover{z-index:1;border-radius:32px;position:relative}.single-main main .main-content .right .thumbnail img{object-fit:cover;width:100%;height:100%;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.single-main main .main-content .left{width:60%}.single-main main .main-content .left .section-head{white-space:nowrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.single-main main .main-content .left .section-head h5{color:rgb(var(--text-secondary)/.4);font-size:14px}.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{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;display:grid}.single-main main .main-content .left .tags .tag{text-align:center;background:rgb(var(--bg-secondary)/.5);border-radius:12px;flex-direction:column;align-items:center;padding:10px;display:flex}.single-main main .main-content .left .tags .tag span{color:rgb(var(--text-secondary)/.7);align-items:center;gap:4px;font-size:13px;display:flex}.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;color:rgb(var(--text-secondary)/.7);margin-bottom:20px;font-size:14px}.single-main main .ai-box{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;box-shadow:0 0 80px rgb(var(--color-secondary)/.2);border:4px solid #0000;border-radius:24px;margin-top:26px;margin-bottom:20px;padding:30px}.single-main main .ai-box .head{align-items:center;gap:10px;padding-right:80px;display:flex;position:relative}.single-main main .ai-box .head img{mix-blend-mode:lighten;filter:hue-rotate(10deg);object-fit:cover;width:160px;height:160px;position:absolute;top:50%;right:-50px;transform:translateY(-50%)}.single-main main .ai-box .head h5{margin-bottom:4px;font-size:18px;font-weight:700}.single-main main .ai-box .head span{background:rgb(var(--color-secondary));border-radius:6px;width:fit-content;padding:2px 8px;font-size:14px;display:block}.single-main main .ai-box p{color:rgb(var(--text-secondary));text-align:justify;margin-top:20px;font-size:15px;line-height:1.6rem}.single-main main .features{border-top:1px dashed rgb(var(--bg-secondary)/.5);border-bottom:1px dashed rgb(var(--bg-secondary)/.5);grid-template-columns:repeat(4,1fr);margin-block:40px;padding-block:20px;display:grid}.single-main main .features .item{justify-content:space-between;align-items:center;display:flex}.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{flex-direction:column;display:flex}.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{color:rgb(var(--text-secondary)/.8);margin-right:auto;position:relative}.single-main main .features .item .icon:before{background:rgb(var(--color-success)/.3);content:"";filter:blur(10px);z-index:1;border-radius:6px;width:24px;height:24px;position:absolute;top:-10%;right:-10%}.single-main main .features .item .icon:after{background:rgb(var(--bg-secondary)/.5);content:"";z-index:2;border-radius:6px;width:24px;height:24px;position:absolute;top:-10%;right:-10%}.single-main main .features .item .icon svg{z-index:3;position:relative}.single-main main .comments-section{align-items:flex-start;gap:30px;display:flex}.single-main main .comments-section .right{width:25%}.single-main main .comments-section .right .overview{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;box-shadow:0 40px 80px rgb(var(--bg-secondary)/.2);border:1px solid #0000;border-radius:18px;padding:30px}.single-main main .comments-section .right .overview h4{text-align:center;font-size:48px;font-weight:700;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{flex-direction:column;gap:4px;padding-block:10px;display:flex}.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{justify-content:space-between;align-items:center;font-size:13px;display:flex}.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{color:rgb(var(--text-secondary)/.8);font-size:12px}.single-main main .comments-section .right .overview .info .item .progress{background:rgb(var(--bg-secondary)/.7);border-radius:10px;width:100%;height:4px;position:relative}.single-main main .comments-section .right .overview .info .item .progress .bar{background:rgb(var(--color));height:100%;box-shadow:0 0 10px rgb(var(--color)/.5);border-radius:10px;position:absolute;top:0;right:0}.single-main main .comments-section .right .overview .counts{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.single-main main .comments-section .right .overview .counts .item{flex-direction:column;justify-content:center;align-items:center;display:flex}.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{color:rgb(var(--text-secondary)/.7);font-size:12px}.single-main main .comments-section .right .submit{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;box-shadow:0 -40px 80px rgb(var(--bg-secondary)/.2);cursor:pointer;border:1px solid #0000;border-radius:18px;justify-content:space-between;align-items:center;margin-top:20px;padding:30px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.single-main main .comments-section .right .submit:hover{background:rgb(var(--color-primary));color:rgb(var(--bg-primary));box-shadow:0 0px 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-size:16px;font-weight:600;transition:all .2s}.single-main main .comments-section .right .submit span{color:rgb(var(--text-secondary)/.7);font-size:14px;transition:all .2s}.single-main main .comments-section .right .submit .icon{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.single-main main .comments-section .right .tip{color:rgb(var(--text-secondary)/.7);text-align:justify;margin-top:10px;font-size:13px}.single-main main .comments-section .left{width:75%}.single-main main .comments-section .left .comment-card{background:rgb(var(--bg-secondary)/.3);border-radius:18px;flex-direction:column;padding:20px;display:flex}.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;gap:10px;display:flex}.single-main main .comments-section .left .comment-card .head .user-profile .avatar{background:rgb(var(--bg-secondary)/.5);width:46px;height:46px;color:rgb(var(--text-secondary));border-radius:50%;justify-content:center;align-items:center;display:flex}.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;margin-top:10px;margin-right:auto;display:flex}.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{z-index:100;width:80%;max-width:400px;transform:translate(-50%);transform:.3s all;display:none;position:fixed;bottom:20px;left:50%}.single-main .shopping-cart__toggle.hide{opacity:0;visibility:hidden}.cart{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;box-shadow:0 40px 80px rgb(var(--bg-secondary)/.2);border:1px solid #0000;border-radius:18px;padding:30px}.cart.modal{box-shadow:none;background:0 0;padding:0}.cart .features{margin-bottom:10px}.cart .features .item{color:rgb(var(--text-secondary));justify-content:space-between;align-items:center;padding-block:8px;font-size:12px;display:flex}.cart .info .item{align-items:center;gap:6px;padding-block:10px;font-size:14px;display:flex}.cart .info .item small{color:rgb(var(--text-secondary)/.7);font-size:12px}.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{justify-content:space-between;align-items:center;margin-top:28px;font-weight:700;display:flex}.cart .price-section .price{color:rgb(var(--color-primary));align-items:center;gap:4px;width:fit-content;font-size:24px;display:flex;position:relative}.cart .price-section .price.danger{color:rgb(var(--color-warning));margin-left:auto;margin-right:unset;font-size:18px}.cart .price-section .price .discount{color:rgb(var(--color-danger)/.6);font-size:17px;font-weight:700;text-decoration:line-through;position:absolute;top:-14px;right:0}.cart .price-section .price svg{color:rgb(var(--text-secondary)/.7);margin-top:-4px}.cart .counter{white-space:nowrap;align-items:center;gap:10px;display:flex}.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{color:rgb(var(--text-secondary)/.5);margin-bottom:6px;font-size:14px;display:block}.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 .right,.single-main main .comments-section .left{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}}