#recommendation_modal_style{max-width:60%;height:90vh;margin:auto;top:50%;transform:translateY(-50%)}#recommendation_modal_style .modal-content{height:100%;border-radius:20px;overflow:hidden;background-color:transparent}#recommendation_modal_style .modal-content .modal-header{background-image:linear-gradient(90deg,#AB1E2D 0%,#DA1C24 100%);padding:25px 80px 25px 50px;border:none}#recommendation_modal_style .modal-content .modal-header .modal-title{display:flex;align-items:center}#recommendation_modal_style .modal-content .modal-header .modal-title svg{margin-right:10px}#recommendation_modal_style .modal-content .modal-header .modal-title h4{font-family:Montserrat,sans-serif;font-weight:700;font-size:40px;color:#fff;margin-bottom:0}#recommendation_modal_style .modal-content .modal-header .wrap-filter{width:57%;display:flex;align-items:center;gap:40px}#recommendation_modal_style .modal-content .modal-header .wrap-filter .row{width:100%}#recommendation_modal_style .modal-content .modal-header .wrap-filter .col-auto{display:flex;align-items:center;font-family:Montserrat,sans-serif;font-size:19px;font-weight:600;color:#fff;line-height:120%;padding-right:0}#recommendation_modal_style .modal-content .modal-header .wrap-filter .dropdown{width:100%}#recommendation_modal_style .modal-content .modal-header .wrap-filter .dropdown .btn{padding:5px 10px;width:100%;height:37px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;border:none;background-color:#fff;font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;color:#c1272d;border-radius:10px}#recommendation_modal_style .modal-content .modal-header .wrap-filter .dropdown .btn:after{content:none}#recommendation_modal_style .modal-content .modal-header .wrap-filter .dropdown .btn svg{margin-left:10px}#recommendation_modal_style .modal-content .modal-header .wrap-filter .dropdown .btn.btn-dropdown{background-color:#fff;border-radius:10px;color:#c33;font-family:Montserrat,sans-serif;font-weight:800;padding:5px 10px}#recommendation_modal_style .modal-content .modal-header .wrap-filter .dropdown .dropdown-menu{min-width:100%;max-width:100%;border:2px solid #CC3333;border-radius:10px;padding:0}#recommendation_modal_style .modal-content .modal-header .wrap-filter .dropdown .dropdown-menu a.dropdown-item{min-width:auto;text-align:center;display:block;font-family:Montserrat,sans-serif;font-weight:500;font-size:17px;color:#c33}#recommendation_modal_style .modal-content .modal-header .wrap-filter .dropdown .dropdown-menu a.dropdown-item.active{font-weight:800;background-color:transparent}#recommendation_modal_style .modal-content .modal-header .close-action{width:60px;height:60px;border-radius:100px;position:absolute;top:-15px;right:-20px;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}#recommendation_modal_style .modal-content .modal-header .close-action .wrap-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;position:absolute;top:25px;left:12px;background-color:#bb272d;box-shadow:-1px -1px 3px #0000004d;border-radius:5px}#recommendation_modal_style .modal-content .modal-body{height:100%;padding-top:35px;background-color:#fff}#recommendation_modal_style .wrap-divider-mobile{touch-action:none;position:absolute;top:0;left:0;right:0;height:30px;align-items:center;justify-content:center;display:none}#recommendation_modal_style .wrap-divider-mobile .divider-mobile{width:100px;height:5px;background-color:#c1272d;border-radius:100px}#recommendation_modal_style .title-modal-mobile{width:100%;flex-direction:column;align-items:center;justify-self:center;position:absolute;top:35px;left:0;right:0;padding:0 24px;display:none}#recommendation_modal_style .title-modal-mobile h1{font-family:Montserrat,sans-serif;font-weight:800;font-size:1.5rem;color:#c33;text-transform:uppercase;text-shadow:1px 0px 5px rgba(0,0,0,.3);margin-bottom:0}#recommendation_modal_style .title-modal-mobile h1:after{content:"";display:block;width:100px;height:1px;background-color:#c33;box-shadow:1px 0 5px #0000004d;margin:5px auto 10px}#recommendation_modal_style .title-modal-mobile img{width:130px}#recommendation_modal_style .title-modal-mobile .divider{content:"";display:block;width:100%;height:1px;background-color:#c33;margin:20px auto}#recommendation_modal_style .wrap-filter-mobile{display:none;position:absolute;top:145px;left:0;right:0;margin-bottom:30px}#recommendation_modal_style .content-mobile{display:none}#recommendation_modal_style .wrap-filter-category{width:94%;height:120px;margin:auto;border-radius:6px;background:white;box-shadow:0 0 7px 2px #66666640}#recommendation_modal_style .slick-slider{width:100%}#recommendation_modal_style .slick-slider .slick-list{width:100%!important;overflow:unset;overflow-x:clip}#recommendation_modal_style .slick-slider .prev-arrow,#recommendation_modal_style .slick-slider .next-arrow{width:132px;height:100%;position:absolute;display:flex;align-items:center;z-index:1;cursor:pointer}#recommendation_modal_style .slick-slider .prev-arrow:before,#recommendation_modal_style .slick-slider .next-arrow:before{content:none}#recommendation_modal_style .slick-slider .prev-arrow.slick-disabled,#recommendation_modal_style .slick-slider .next-arrow.slick-disabled{display:none}#recommendation_modal_style .slick-slider .prev-arrow{left:0;padding-left:30px;border-top-left-radius:6px;border-bottom-left-radius:6px;background-image:linear-gradient(90deg,rgba(128,128,128,.3) 0%,rgba(128,128,128,0) 100%)}#recommendation_modal_style .slick-slider .next-arrow{justify-content:flex-end;right:0;padding-right:30px;border-top-right-radius:6px;border-bottom-right-radius:6px;background-image:linear-gradient(270deg,rgba(128,128,128,.3) 0%,rgba(128,128,128,0) 100%)}#recommendation_modal_style h3{font-family:Montserrat,sans-serif;font-weight:800;color:#c1272d;font-size:16px;line-height:120%;margin-bottom:0;text-align:center}#recommendation_modal_style p{font-family:Montserrat,sans-serif;font-weight:400;color:#c1272d;font-size:12px;margin-bottom:0;text-align:center}#recommendation_modal_style .filter-item{min-height:120px;display:flex!important;align-items:center;flex-direction:column;gap:5px;padding:15px 10px 0}#recommendation_modal_style .filter-item img{width:45px}#recommendation_modal_style .filter-item img.hover-icon{display:none}#recommendation_modal_style .filter-item.active{position:relative;border-radius:6px}#recommendation_modal_style .filter-item.active:before{content:"";display:block;background-color:#b6272d;width:100%;height:120%;position:absolute;top:-13px;left:0;z-index:1;border-radius:6px}#recommendation_modal_style .filter-item.active svg path{fill:#fff}#recommendation_modal_style .filter-item.active h3,#recommendation_modal_style .filter-item.active p{color:#fff}#recommendation_modal_style .filter-item.active img{display:none}#recommendation_modal_style .filter-item.active img.hover-icon{display:block}#recommendation_modal_style .wrap-icon{height:45px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}#recommendation_modal_style .wrap-all-icon img{width:30px}#recommendation_modal_style .wrap-garasi-icon img{width:65px}#recommendation_modal_style .filter-label{position:relative;z-index:1}#recommendation_modal_style .flex-container{display:flex;justify-content:space-between;align-items:flex-start;background-color:#f0f0f0;overflow-x:auto}#recommendation_modal_style .wrap-content-product{height:calc(100% - 237px);overflow-y:auto;padding:0 45px 0 60px;margin:30px 0 20px;scrollbar-color:initial}#recommendation_modal_style .wrap-content-product::-webkit-scrollbar-thumb{border-radius:100px;box-shadow:inset 0 0 0 1rem #c0272d}#recommendation_modal_style .flex-container-product{width:100%;display:flex;flex-wrap:wrap;gap:30px}#recommendation_modal_style .flex-container-product .flex-item-product{width:calc(33.3333333333% - 20px);position:relative}#recommendation_modal_style .flex-container-product .flex-item-product .sold-out{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);z-index:3;width:80%}#recommendation_modal_style .flex-container-product .flex-item-product .sold-out img{width:240px;height:auto;border-radius:0;box-shadow:none}#recommendation_modal_style .flex-container-product .flex-item-product .card{width:100%;height:180px;border:none;border-radius:10px;overflow:hidden}#recommendation_modal_style .flex-container-product .flex-item-product .card a{display:block}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrapper-content{height:100%;text-decoration:none}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrapper-content.sold .product-image{filter:grayscale(1)}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrap-content-desktop{height:100%;display:flex;justify-content:space-between;flex-direction:column;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrap-content-desktop:after{content:"";width:100%;height:83px;display:block;background-image:linear-gradient(0deg,rgb(128,128,128) -.01%,rgba(128,128,128,.8) 26.99%,rgba(128,128,128,.2) 77%,rgba(128,128,128,0) 100%);position:absolute;left:0;right:0;bottom:0}#recommendation_modal_style .flex-container-product .flex-item-product .card .product-image{width:100%;height:100%;position:absolute;background-position:center;background-size:cover}#recommendation_modal_style .flex-container-product .flex-item-product .card .content-top{display:flex;align-items:center;justify-content:flex-end;z-index:2;padding-top:10px;padding-right:15px}#recommendation_modal_style .flex-container-product .flex-item-product .card .content-top .wish_button.active svg path:first-of-type{fill:#c0272d}#recommendation_modal_style .flex-container-product .flex-item-product .card .content-top .wish_button.active svg path:nth-of-type(2){fill:#fff}#recommendation_modal_style .flex-container-product .flex-item-product .card .content-bottom{z-index:1;padding:10px 50px 10px 10px}#recommendation_modal_style .flex-container-product .flex-item-product .card .content-bottom svg.street-view{width:31px;position:absolute;bottom:15px;right:18px}#recommendation_modal_style .flex-container-product .flex-item-product .card svg{width:27px;height:auto;border-radius:100px;box-shadow:0 0 8px 2px #0003}#recommendation_modal_style .flex-container-product .flex-item-product .card h3{font-family:Montserrat,sans-serif;font-size:21px;font-weight:700;color:#fff;text-align:left;line-height:110%;margin-bottom:5px}#recommendation_modal_style .flex-container-product .flex-item-product .card h4{font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;color:#fff;margin-bottom:0}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrap-content-desktop{width:100%;height:100%;border-radius:13px;overflow:hidden}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrap-content-mobile{display:none}@media screen and (max-width: 1024px) and (orientation: portrait){#recommendation_modal_style{max-width:90%;height:70vh}#recommendation_modal_style .modal-content .modal-header{height:63px;padding-right:55px}#recommendation_modal_style .modal-content .modal-header .modal-title svg{width:24px}#recommendation_modal_style .modal-content .modal-header .modal-title h4{font-size:26px}#recommendation_modal_style .modal-content .modal-header .wrap-filter{width:72%;gap:20px;margin-left:30px}#recommendation_modal_style .modal-content .modal-header .wrap-filter .col-auto{font-size:13px}#recommendation_modal_style .modal-content .modal-header .wrap-filter .dropdown .btn{font-size:12px}#recommendation_modal_style .modal-content .modal-header .wrap-filter .dropdown .dropdown-menu a.dropdown-item{font-size:11px}#recommendation_modal_style .wrap-content-product{max-height:595px;padding:0 25px 0 30px}#recommendation_modal_style .flex-container-product .flex-item-product{width:calc(50% - 20px)}#recommendation_modal_style .flex-container-product .flex-item-product .card{height:190px}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrapper-content h3{font-size:16px}#recommendation_modal_style .flex-container-product .flex-item-product .sold-out img{width:200px}#recommendation_modal_style .wrap-filter-category{width:95%;height:95px}#recommendation_modal_style .slick-slider{height:100%}#recommendation_modal_style .filter-item{min-height:100px;padding-top:5px}#recommendation_modal_style .filter-item.active:before{height:120%}#recommendation_modal_style .filter-item img{width:38px}#recommendation_modal_style .wrap-all-icon img{width:25px}#recommendation_modal_style .wrap-garasi-icon img{width:50px}#recommendation_modal_style h3{font-size:14px}#recommendation_modal_style p{font-size:10px}}@media screen and (max-width: 750px) and (orientation: portrait){#recommendation_modal_style .modal-content .modal-header .wrap-filter .col-auto{font-size:12px}#recommendation_modal_style .modal-content .modal-header .wrap-filter .dropdown .btn,#recommendation_modal_style .modal-content .modal-header .wrap-filter .dropdown .dropdown-menu a.dropdown-item{font-size:10px}}@media screen and (max-width: 1140px) and (orientation: landscape){#recommendation_modal_style{max-width:80%;height:80vh}#recommendation_modal_style .modal-content .modal-header{height:63px}#recommendation_modal_style .modal-content .modal-header .modal-title svg{width:24px}#recommendation_modal_style .modal-content .modal-header .modal-title h4{font-size:26px}#recommendation_modal_style .modal-content .modal-header .wrap-filter{width:68%}#recommendation_modal_style .modal-content .modal-header .wrap-filter .col-auto{font-size:15px}#recommendation_modal_style .modal-content .modal-header .wrap-filter .dropdown .btn,#recommendation_modal_style .modal-content .modal-header .wrap-filter .dropdown .dropdown-menu a.dropdown-item{font-size:13px}#recommendation_modal_style .wrap-content-product{height:58%;padding:0 25px 0 30px}#recommendation_modal_style .flex-container-product .flex-item-product .card{height:160px}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrapper-content h3{font-size:16px}#recommendation_modal_style .flex-container-product .flex-item-product .sold-out img{width:190px}#recommendation_modal_style .wrap-filter-category{width:100%;height:95px}#recommendation_modal_style .slick-slider{height:100%}#recommendation_modal_style .filter-item{min-height:100px;padding-top:5px}#recommendation_modal_style .filter-item.active:before{height:120%}#recommendation_modal_style .filter-item img{width:38px}#recommendation_modal_style .wrap-all-icon img{width:25px}#recommendation_modal_style .wrap-garasi-icon img{width:50px}#recommendation_modal_style h3{font-size:14px}#recommendation_modal_style p{font-size:10px}}@media screen and (min-width: 1199px) and (pointer: fine){#recommendation_modal_style .filter-item:hover{position:relative;border-radius:6px}#recommendation_modal_style .filter-item:hover:before{content:"";display:block;background-color:#b6272d;width:100%;height:120%;position:absolute;top:-13px;left:0;z-index:1;border-radius:6px}#recommendation_modal_style .filter-item:hover svg path{fill:#fff}#recommendation_modal_style .filter-item:hover h3,#recommendation_modal_style .filter-item:hover p{color:#fff}#recommendation_modal_style .filter-item:hover img{display:none}#recommendation_modal_style .filter-item:hover img.hover-icon{display:block}}@media screen and (min-width: 1440px) and (max-width: 1800px){#recommendation_modal_style .wrap-content-product{height:66%}}@media screen and (min-width: 1200px) and (max-width: 1400px){#recommendation_modal_style .modal-content .modal-header{height:63px;gap:40px}#recommendation_modal_style .modal-content .modal-header .modal-title svg{width:24px}#recommendation_modal_style .modal-content .modal-header .modal-title h4{font-size:26px}#recommendation_modal_style .modal-content .modal-header .wrap-filter{width:70%}#recommendation_modal_style .modal-content .modal-header .wrap-filter .col-auto{font-size:15px}#recommendation_modal_style .modal-content .modal-header .wrap-filter .dropdown .btn,#recommendation_modal_style .modal-content .modal-header .wrap-filter .dropdown .dropdown-menu a.dropdown-item{font-size:12px}#recommendation_modal_style .wrap-filter-category{height:95px}#recommendation_modal_style .filter-item{min-height:96px}#recommendation_modal_style .filter-item:hover:before{height:125%}#recommendation_modal_style .filter-item.active:before{height:125%}#recommendation_modal_style .filter-item img{width:33px}#recommendation_modal_style .wrap-content-product{height:64%;padding:0 45px}#recommendation_modal_style .wrap-icon{height:30px}#recommendation_modal_style .wrap-all-icon img{width:20px}#recommendation_modal_style .wrap-garasi-icon img{width:44px}#recommendation_modal_style .flex-container-product{gap:20px}#recommendation_modal_style .flex-container-product .flex-item-product{width:calc(33.3333333333% - 14px)}#recommendation_modal_style .flex-container-product .flex-item-product .card{height:150px}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrapper-content h3{font-size:17px}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrapper-content h4{font-size:13px}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrapper-content .content-bottom svg{width:27px}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrapper-content .content-bottom svg.street-view{width:27px}#recommendation_modal_style .flex-container-product .flex-item-product .sold-out img{width:170px}#recommendation_modal_style h3{font-size:14px}}@media only screen and (max-width: 40em){#recommendation_modal_style{max-width:100%;width:100%;height:100vh;top:unset;bottom:0;transform:unset!important;display:flex;align-items:flex-end;margin:0}#recommendation_modal_style .modal-content{height:90vh;border:none;border-radius:0}#recommendation_modal_style .modal-content .modal-body{padding-top:150px;padding-right:10px}#recommendation_modal_style .modal-header{display:none}#recommendation_modal_style .wrap-divider-mobile,#recommendation_modal_style .title-modal-mobile{display:flex}#recommendation_modal_style .wrap-filter-mobile{display:flex;align-items:center;justify-content:center}#recommendation_modal_style .wrap-content-product{max-height:unset;height:calc(100% - 82px);padding:0}#recommendation_modal_style .wrap-filter-category{width:100%;height:auto;box-shadow:none;margin-bottom:40px}#recommendation_modal_style .slick-slider .slick-slide{padding-right:7px}#recommendation_modal_style h3{font-size:.6875rem}#recommendation_modal_style h3#title_komplek_kantor,#recommendation_modal_style h3#title_komplek_apartemen{font-size:.5625rem}#recommendation_modal_style p{display:none}#recommendation_modal_style .filter-item{min-height:auto;justify-content:center;flex-direction:row;padding:2px 5px;border:1px solid #C1272D;border-radius:10px}#recommendation_modal_style .filter-item.active:before{height:100%;top:0}#recommendation_modal_style .filter-item .wrap-icon{height:30px}#recommendation_modal_style .filter-item .wrap-all-icon img{width:16px}#recommendation_modal_style .filter-item .wrap-garasi-icon img{width:33px}#recommendation_modal_style .filter-item img{width:25px}#recommendation_modal_style .slick-dots{bottom:-20px}#recommendation_modal_style .slick-dots li{width:10px;height:10px;margin:0}#recommendation_modal_style .slick-dots li.slick-active button:before{color:#c1272d}#recommendation_modal_style .slick-dots li button{width:100%;height:100%;padding:0}#recommendation_modal_style .slick-dots li button:before{width:10px;height:10px;position:static;line-height:180%;color:#b3b3b3;opacity:1}#recommendation_modal_style .btn-group{background-color:#e6e6e6;border:none;border-radius:30px;overflow:hidden}#recommendation_modal_style .btn-group label{border:none;background-color:transparent;font-family:Montserrat,sans-serif;font-weight:700;font-size:17px;color:#bd272d;text-transform:uppercase}#recommendation_modal_style .btn-group label.btn{border-radius:100px;margin:2px}#recommendation_modal_style .btn-group label.btn.active{background-color:#bd272d;color:#fff;border-radius:100px;margin:2px}#recommendation_modal_style .content-desktop{display:none}#recommendation_modal_style .content-mobile{display:block}#recommendation_modal_style ul.facilities{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;padding:0;margin:5px 0 0;list-style-type:none}#recommendation_modal_style ul.facilities li{display:flex;align-items:center;gap:5px}#recommendation_modal_style ul.facilities svg{width:auto!important;border-radius:unset!important;box-shadow:none!important}#recommendation_modal_style ul.facilities span{font-family:Montserrat,sans-serif;font-weight:700;font-size:.5625rem;color:#b6272d;text-transform:capitalize}#recommendation_modal_style .flex-container-product{gap:20px}#recommendation_modal_style .flex-container-product .flex-item-product{width:100%;height:auto}#recommendation_modal_style .flex-container-product .flex-item-product .card{height:auto}#recommendation_modal_style .flex-container-product .flex-item-product .sold-out{width:auto;top:50%;left:29%}#recommendation_modal_style .flex-container-product .flex-item-product .sold-out img{width:140px}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrapper-content{display:flex;gap:8px}#recommendation_modal_style .flex-container-product .flex-item-product .card .content-bottom h3,#recommendation_modal_style .flex-container-product .flex-item-product .card .content-bottom h4{display:none}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrap-content-desktop{height:auto;min-height:140px}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrap-content-desktop .wish_button{display:none}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrap-content-mobile{width:70%;display:block;padding:7px 0;display:flex;flex-direction:column;justify-content:center}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrap-content-mobile h3{font-family:Montserrat,sans-serif;font-weight:700;color:#c1272d;font-size:16px;line-height:120%;margin-bottom:7px}#recommendation_modal_style .flex-container-product .flex-item-product .card .wrap-content-mobile h4{font-family:Montserrat,sans-serif;font-weight:500;color:#c1272d;font-size:.75rem;line-height:120%;margin-bottom:0}}
