.component-quick-view{display:none}@media screen and (max-width: 1023px){.component-quick-view{display:flex;position:fixed;height:100%;top:0;left:100%;z-index:200;width:100vw;transition:all 0.8s ease;padding:0;justify-content:flex-start;align-items:flex-start}}.component-quick-view .mask{transition:all 0.8s ease}.component-quick-view.active{display:flex !important}@media screen and (max-width: 1023px){.component-quick-view.active{left:0}}.component-quick-view.flex{display:flex !important}.component-quick-view>.modal-content-wrapper{display:flex;flex-direction:column;width:960px;height:auto;padding:0}@media screen and (max-width: 1023px){.component-quick-view>.modal-content-wrapper{justify-content:flex-start;align-items:flex-start;width:100vw;height:100%;border-radius:0}}.component-quick-view>.modal-content-wrapper>.close{top:0;right:-40px;margin-right:unset;margin-left:auto;margin-bottom:12px}.component-quick-view>.modal-content-wrapper>.close>.text{color:white}.component-quick-view>.modal-content-wrapper>.close>.icon{width:32px}.component-quick-view>.modal-content-wrapper>.close>.icon>img{width:32px;height:32px}.component-quick-view>.modal-content-wrapper>.fixed-patch{position:absolute;background-color:white;bottom:-200px;width:100%;height:400px}.component-quick-view>.modal-content-wrapper>.top{display:flex;justify-content:center;align-items:center;position:absolute;top:0;z-index:10;width:100%;height:48px;background-color:white;box-sizing:border-box;border-bottom:1px solid #e9e9e9}.component-quick-view>.modal-content-wrapper>.top>.btn-back{position:absolute;left:20px}.component-quick-view>.modal-content-wrapper>.top>.btn-info{position:absolute;right:20px;width:20px;height:20px}.component-quick-view>.modal-content-wrapper>.top>.btn-info>img{width:100%}.component-quick-view>.modal-content-wrapper>.top>.title{font-size:1.28571rem;font-weight:bold;line-height:1.56;letter-spacing:0.8px;text-align:center;color:#333}.component-quick-view>.modal-content-wrapper>.content{width:100%;height:448px;border-radius:2px;background-color:white;padding:24px;overflow:hidden}@media screen and (max-width: 1023px){.component-quick-view>.modal-content-wrapper>.content{position:relative;height:calc(100% - 80px - 32px - 16px - constant(safe-area-inset-bottom));height:calc(100% - 80px - 32px - 16px - env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:scroll;overflow-y:overlay;padding:16px;padding:16px;margin-top:48px;border-radius:0}}.component-quick-view>.modal-content-wrapper>.content>.top-info-container{display:flex}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.image{position:relative;width:400px;height:400px;overflow:hidden;flex-shrink:0;margin-right:32px}@media screen and (max-width: 1023px){.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.image{width:120px;height:120px;margin-right:16px}}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.image>.carousel{display:flex;position:relative;align-items:center;width:100%}@media screen and (max-width: 1023px){.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.image>.carousel{pointer-events:none}}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.image>.carousel .owl-nav{position:absolute;width:100%;display:flex;justify-content:space-between;pointer-events:none}@media screen and (max-width: 1023px){.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.image>.carousel .owl-nav{display:none}}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.image>.carousel .owl-nav>button{width:48px;height:96px;background-color:rgba(0,0,0,0.3);pointer-events:auto}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.image>.carousel .owl-nav>button.owl-prev{border-top-right-radius:48px;border-bottom-right-radius:48px}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.image>.carousel .owl-nav>button.owl-prev>span{content:url("../../Images/arrow-left-white.svg")}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.image>.carousel .owl-nav>button.owl-next{border-top-left-radius:48px;border-bottom-left-radius:48px}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.image>.carousel .owl-nav>button.owl-next>span{content:url("../../Images/arrow-right-white.svg")}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.image>img{position:relative;width:100%}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.image>.tag-container{display:flex;flex-direction:column;position:absolute;top:8px;left:8px;z-index:2}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.image>.tag-container>.component-tag{width:76px;height:24px;font-size:.92857rem;margin-bottom:6px;white-space:nowrap}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.image>.expand{display:flex;position:absolute;bottom:4px;right:4px;z-index:2;cursor:pointer}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info{display:flex;flex-direction:column;padding-bottom:48px;overflow-x:hidden;overflow-y:scroll;overflow-y:overlay;height:400px}@media screen and (max-width: 1023px){.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info{padding-bottom:0;height:100%;overflow:hidden visible}}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.name{font-size:1.28571rem;font-weight:500;line-height:1.56;letter-spacing:0.8px;color:#333;margin-bottom:8px}@media screen and (max-width: 1023px){.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.name{font-size:1rem}}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.id{font-size:1rem;font-weight:500;line-height:1.57;letter-spacing:0.8px;color:#666;margin-bottom:12px}@media screen and (max-width: 1023px){.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.id{margin-bottom:8px}}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.price-wrapper{display:flex;align-items:center;margin-bottom:12px;flex-wrap:wrap}@media screen and (max-width: 1023px){.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.price-wrapper{margin-bottom:8px}}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.price-wrapper>.price{font-size:1.42857rem;font-weight:bold;line-height:1.5;letter-spacing:0.8px;color:#b85c3b;margin-right:12px}@media screen and (max-width: 1023px){.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.price-wrapper>.price{font-size:1rem}}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.price-wrapper>.price-before-discount{font-size:1.14286rem;font-weight:500;line-height:1.5;letter-spacing:0.8px;color:#666;text-decoration:line-through}@media screen and (max-width: 1023px){.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.price-wrapper>.price-before-discount{font-size:1rem}}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.feature>ul{margin:0;padding:0 0 0 16px;color:#333}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.feature>ul ::marker{color:#d47a61}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.feature>ul>li{font-size:1rem;font-weight:500;line-height:1.57;letter-spacing:0.8px;color:#333}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.feature>ul>li:not(:last-child){margin-bottom:4px}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.feature>ul>li>.item{display:grid;grid-template-columns:160px 1fr;margin-bottom:4px}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.feature>ul>li>.item>.label{color:#333;min-height:22px;text-overflow:ellipsis;margin-right:12px;display:inline;overflow:hidden;word-break:break-word}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.feature>ul>li>.item>.content{display:block;color:#666;word-break:break-word}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.detail{font-size:1rem;font-weight:500;line-height:1.57;letter-spacing:0.8px;color:#666;margin-top:12px}.component-quick-view>.modal-content-wrapper>.content>.top-info-container>.info>.detail:focus{box-shadow:none;outline:none;border-radius:unset}.component-quick-view>.modal-content-wrapper>.content>.section{margin-top:24px}.component-quick-view>.modal-content-wrapper>.content>.section>.section-title{font-size:1.14286rem;font-weight:bold;line-height:1.5;letter-spacing:0.8px;color:#333;margin-bottom:16px}.component-quick-view>.modal-content-wrapper>.content>.section>.section-content>.text{font-size:1rem;font-weight:500;line-height:1.57;letter-spacing:0.8px;color:#666}.component-quick-view>.modal-content-wrapper>.content>.section>.section-content>ul{margin:0;padding:0 0 0 16px;color:#333}.component-quick-view>.modal-content-wrapper>.content>.section>.section-content>ul ::marker{color:#d47a61}.component-quick-view>.modal-content-wrapper>.content>.section>.section-content>ul>li{font-size:1rem;font-weight:500;line-height:1.57;letter-spacing:0.8px;color:#333}.component-quick-view>.modal-content-wrapper>.content>.section>.section-content>ul>li:not(:last-child){margin-bottom:4px}.component-quick-view>.modal-content-wrapper>.content>.section>.section-content>ul>li>.item{display:flex}.component-quick-view>.modal-content-wrapper>.content>.section>.section-content>ul>li>.item>.label{display:block;min-width:160px;max-width:160px;margin-right:12px;word-break:break-word}.component-quick-view>.modal-content-wrapper>.content>.section>.section-content>ul>li>.item>.content{display:block;color:#666;word-break:break-word}.component-quick-view>.modal-content-wrapper>.content>.section>.section-content>.event{display:flex}.component-quick-view>.modal-content-wrapper>.content>.section>.section-content>.event:not(:last-child){margin-bottom:8px}.component-quick-view>.modal-content-wrapper>.content>.section>.section-content>.event>.component-tag{flex-shrink:0;margin-right:8px;white-space:nowrap}.component-quick-view>.modal-content-wrapper>.content>.section>.section-content>.event>.content{align-items:center;flex-wrap:wrap;position:relative}.component-quick-view>.modal-content-wrapper>.content>.section>.section-content>.event>.content>span{font-size:1rem;font-weight:500;line-height:24px;letter-spacing:0.2px;color:#333}.component-quick-view>.modal-content-wrapper>.content>.section>.section-content>.event>.content>.component-tooltip{display:inline;width:16px;height:16px;margin-left:8px;z-index:2;transform:translateY(2px)}.component-quick-view>.modal-content-wrapper>.shadow{position:absolute;bottom:70px;right:24px;content:'';width:480px;height:12px;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(1, white))}@media screen and (max-width: 1023px){.component-quick-view>.modal-content-wrapper>.shadow{display:none}}.component-quick-view>.modal-content-wrapper>.bottom{position:absolute;width:calc(100% - 480px);margin-left:auto;bottom:20px;right:24px}@media screen and (max-width: 1023px){.component-quick-view>.modal-content-wrapper>.bottom{width:100%;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom);right:1px;padding:16px;box-shadow:0px 0px 12px rgba(0,0,0,0.08);background:white}}.component-quick-view>.modal-content-wrapper>.bottom>button{display:flex;justify-content:center;align-items:center;font-size:1.35714rem;width:100%;height:48px;border:1px solid #909686;font-weight:bold;line-height:1.26;letter-spacing:0.8px;color:#909686;border-radius:4px;cursor:pointer;background-color:#fff}@media (hover: hover){.component-quick-view>.modal-content-wrapper>.bottom>button:hover,.component-quick-view>.modal-content-wrapper>.bottom>button:active{border:1px solid #73786b;background-color:#73786b;color:white}}@media screen and (max-width: 1023px){.component-quick-view>.modal-content-wrapper>.bottom>button{border:1px solid #666;color:#666}}@media screen and (max-width: 1023px) and (hover: hover){.component-quick-view>.modal-content-wrapper>.bottom>button:hover,.component-quick-view>.modal-content-wrapper>.bottom>button:active{border:1px solid #333;background-color:#333;color:white}}@media screen and (max-width: 1023px){.component-quick-view>.modal-content-wrapper{transform:translateX(0)}.component-quick-view:not(.active)>.modal-content-wrapper{transform:translateX(100vw)}}.component-quick-view-image{z-index:250}@media screen and (max-width: 1023px){.component-quick-view-image{padding:0}}.component-quick-view-image .owl-dot{display:none}.component-quick-view-image>.modal-content-wrapper{display:flex;flex-direction:column;width:auto;height:auto;border-radius:0;padding:0;background-color:transparent}.component-quick-view-image>.modal-content-wrapper>.close{position:relative;top:unset;right:16px;margin-right:unset;margin-left:auto;margin-bottom:12px}.component-quick-view-image>.modal-content-wrapper>.close>.text{color:white}.component-quick-view-image>.modal-content-wrapper>.content{display:flex;justify-content:center;position:relative;max-width:80vh;max-height:80vh;width:100vw;height:100vw;padding:0;overflow-y:hidden}.component-quick-view-image>.modal-content-wrapper>.content>.single-image{width:100vw}.component-quick-view-image>.modal-content-wrapper>.content>.carousel-mobile{display:flex;position:relative;align-items:center;width:100%}.component-quick-view-image>.modal-content-wrapper>.content>.page-preview{position:absolute;bottom:16px;padding:2px 10px;border-radius:10px;background-color:rgba(0,0,0,0.6);z-index:2;font-size:.92857rem;font-weight:500;line-height:1.54;letter-spacing:0.8px;color:white}