.service-section{padding:20px 60px;font-family:Arial,sans-serif}.service-header{display:flex;font-size:1.2em;flex-direction:column}.service-header-svg-div{display:flex;align-items:center;gap:30px;margin-bottom:18px}.service-header img{width:20px;height:20px}.service-header-heading{font-family:Zodiak Bold;font-size:24px;line-height:35px;margin:0 0 40px;color:#080101}.select-service-dot{content:"";width:10px;height:10px;background:#000;display:block!important;border-radius:12px;opacity:.3}.select-service-dot.passed{background-color:#ba464b;opacity:1}.main-summary-container{display:flex;gap:32px}.details-section{background-color:#faf4ed;padding:30px 45px;border-radius:5px;width:48%;height:min-content}.watch-details,.appointment-details{margin-bottom:10px}.icon-text{display:flex;gap:10px}.watch-icon,.calendar-icon{width:24px;height:24px}.details-title{margin:0;font-size:16px;line-height:30px;color:#353535;font-family:Product Sans,Regular}.watch-brand{margin:0;font-size:16px;line-height:20px;color:#383838;font-family:Product Sans,Regular}.watch-description{margin:0;color:#383838;font-size:16px;line-height:18px;font-family:Product Sans,Regular}.divider{border:.5px dashed #ddd;margin:35px 0}.appointment-info{margin:0 0 10px;color:#363535}.change-link{color:#a64937;font-size:12px;font-weight:700;text-decoration:none;margin-top:5px;display:inline-block}.services-selected .cart-item-summary td{padding-top:0}.services-selected .cart-item__media{width:unset;max-width:92px}.caption-with-letter-spacing{text-align:left;letter-spacing:0px;color:#080101;text-transform:capitalize;font-size:14px;line-height:28px;font-family:Lato Medium}.services-selected .cart-item__name{margin:0;font-size:12px;line-height:18px;color:#080101;opacity:.45;font-family:Lato Regular;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;min-height:36px}.services-selected .cart-item__image{width:92px;max-width:fit-content;border-radius:5px}.services-selected .cart-item__name:hover{text-decoration:none}.services-selected .cart-item-summary>td+td{padding-left:16px}.services-selected .cart-item-summary{border:1px solid #E0E0E0;border-radius:5px;padding:10px 10px 0;display:flex;width:333px}.services-selected .cart-item__quantity{width:max-content}.button--tertiary{padding:0;max-width:min-content;min-width:auto;min-height:auto;margin-top:6px;margin-right:5px}.services-selected .cart-item-summary .cart-item__quantity{padding-left:0}.services-title{font-size:18px;line-height:28px;margin:0 0 8px;font-family:Lato Semibold;color:#383838}.service-item{display:flex;align-items:center;gap:15px;border:1px solid #ddd;border-radius:8px;padding:10px;margin-bottom:10px}.service-image{width:60px;height:60px;border-radius:4px}.service-info{flex-grow:1}.service-name{font-weight:700;margin:0}.service-description{margin:4px 0;color:#777}.service-price{margin:0;font-weight:700}.delete-service{background:none;border:none;cursor:pointer}.icon-text-svg svg{height:max-content;margin-top:6px}.icon-text svg{margin-top:6px}.custom-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000}.custom-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;width:548px;border-radius:8px;box-shadow:0 4px 8px #0003;position:relative}.custom-modal-close-btn{position:absolute;top:10px;right:25px;font-size:33px;cursor:pointer}.changeDateTime{border:none;background:no-repeat;font-size:12px;line-height:15px;font-family:Product Sans,Regular;padding:0;cursor:pointer;margin-left:28px;color:#080101;text-transform:uppercase;text-decoration:underline}.date-container{display:flex;gap:10px;flex-direction:column}.service-date-visit-inner-div{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.service-date-visit-main-heading{margin:0;font-size:24px;line-height:35px;font-family:Zodiak Bold;color:#231f20}.date-option{display:flex;align-items:center;justify-content:center;border-radius:5px;cursor:pointer;transition:all .3s ease;text-align:center}.date-option input,.operational_time input{display:none}.service-date-visit-hour-select{display:grid;gap:10px;grid-template-columns:auto auto;width:max-content;margin:auto}.custom-modal-content{text-align:center}.operational_time{display:flex}.date-option label{cursor:pointer;font-size:16px;color:#333}.date-option input:checked+label,.operational_time input:checked+label{background-color:#e7b88733;border:1px solid #b0835e;border-radius:5px}.date-option label,.operational_time label{background-color:#fff;border:1px solid #ccc;padding:30px 15px;border-radius:5px;font-size:16px;line-height:19px;color:#080101;cursor:pointer;font-family:Lato Regular}input[type=date]{padding:10px;min-width:110px;font-size:16px;border:1px solid #ccc;border-radius:5px;max-width:110px;min-height:80px;cursor:pointer}.date-option-date-label{display:none}.service-date-visit{font-size:14px;line-height:16px;font-family:Lato Regular;color:#6f6f6f;text-align:center;margin:30px 0 16px}.custom-modal .continue-btn{pointer-events:none}#select-date.active{background-color:#e7b88733;border:1px solid #b0835e;border-radius:5px}.summary-container{justify-content:center;align-items:center;padding:20px;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:8px;position:sticky;margin-top:1%;bottom:0}.summary-content{display:flex;align-items:center;width:100%;justify-content:space-between}.summary-left{display:flex;align-items:center;width:25%}.watch-image{width:60px;height:60px;margin-right:10px;border:1px solid #ddd;border-radius:8px}.watch-details{font-size:14px;color:#000}.summary-divider{width:1px;display:block!important;height:70px;background-color:#ccc;margin:0 20px}.summary-right{margin-right:20px;width:20%}.summary-price{display:flex;align-items:center;justify-content:end;width:30%;gap:18px}.summary-price h4{margin:0}.summary-price-subtotal-innerDiv{display:flex;flex-direction:column;align-items:end}.dateSelectWarning{display:none;color:red;font-family:Zodiak Bold;font-size:14px;line-height:16px;margin:10px 0}.custom-modal .continue-btn{padding:20px 55px;background-color:#060d36;color:#fff;font-size:14px;line-height:30px;font-family:Lato Bold;border:none;border-radius:4px;cursor:pointer;font-weight:700;text-transform:uppercase;margin-top:30px}.selected-services{overflow:scroll;max-height:55px}.services-selected .cart-item-summary-body{display:flex;flex-direction:column;gap:8px}.selected-services p{margin:0;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.summary-right h4{margin:0}.selected-services::-webkit-scrollbar{display:none}.selected-services{-ms-overflow-style:none;scrollbar-width:none}.button:before,.button:after{display:none}.summary-price-innerDiv-total{display:flex;gap:5px}.details-title-appointment{margin-bottom:8px}.services-selected .cart-item__final-price{font-size:16px;line-height:20px;font-family:Lato Semibold;color:#080101}.services-selected .cart-item__details>*+*{margin:0}.service-summary-container-main-container{max-width:350px;height:auto;margin-top:3rem}.service-summary-container{background-color:#f5f5f5;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-family:Arial,sans-serif}.service-summary-container-main-container h3{margin:0 0 10px;font-size:24px;line-height:28px;font-family:Zodiak Regular;color:#080101}.summary-item{display:flex;justify-content:space-between;font-size:14px;margin:4px 0;gap:50px}.summary-item-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;font-size:14px;line-height:30px;color:#080101;opacity:.6;font-family:Product Sans,Regular}.summary-item-price{display:flex;white-space:nowrap;font-size:16px;line-height:30px;font-family:Product Sans,Regular;color:#080101}.summary-item-total-heading{font-size:14px;line-height:30px;font-family:Product Sans,Regular;color:#080101;opacity:.6}.summary-item-total-price{font-size:18px;line-height:25px;font-family:Zodiak Bold;color:#080101}hr{border:none;border-top:1px dashed #ccc;background:none;margin:10px 0}.summary-note{font-size:12px;line-height:20px;font-family:Lato Regular;color:#080101;opacity:.5;margin:0}@media screen and (max-width: 768px){.service-section{padding:20px 35px}.button--tertiary{margin-right:15px}input[type=date]{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;min-width:80px;max-width:80px;min-height:66px}.date-option{display:flex;align-items:center;justify-content:center;border-radius:5px;cursor:pointer;transition:all .3s ease;text-align:center;font-size:12px}.main-summary-container{flex-direction:column}.services-selected .details-sectio,.cart-item-summary{width:100%}.services-selected .cart-item-summary .cart-item__quantity{display:flex;align-items:baseline;justify-content:flex-end;width:35%;position:absolute;right:0}.services-selected .cart-item-summary{position:relative}.summary-item-total-heading{font-size:14px;line-height:30px;font-family:Product Sans,Regular;color:#080101;opacity:.6}.summary-note{font-size:10px;line-height:30px;font-family:Product Sans,Regular;color:#080101;opacity:.5}.details-section{width:100%;padding:35px 45px}.service-summary-container-main-container{max-width:100%}.summary-item-title{font-size:14px;line-height:30px;color:#080101;opacity:.6;font-family:Product Sans,Regular}.summary-item-price{display:flex;white-space:nowrap;font-size:16px;line-height:19px;font-family:Product Sans,Regular;color:#080101}.service-header-heading{font-family:Zodiak Regular;margin-bottom:22px}.details-title,.watch-brand,.watch-description{font-size:14px}.services-title{font-size:18px;line-height:28px;font-family:Zodiak Regular}.caption-with-letter-spacing{font-family:Zodiak Regular}.cart-item__name{font-size:12px;line-height:18px;font-family:Product Sans,Regular;color:#080101;opacity:.7}.cart-item__final-price{font-size:16px;line-height:20px;font-family:Zodiak Bold;color:#080101}.appointment-details{position:relative}.changeDateTime{position:absolute;top:10px;right:0}.custom-modal{width:90%}.date-option label,.operational_time label,input[type=date]{font-size:3vw;line-height:3vw;white-space:nowrap}.date-container{flex-wrap:wrap}.services-selected .cart-item-summary>td+td{padding-left:15px}}@media screen and (max-width: 400px){.changeDateTime{position:relative;margin:0 20px}.services-selected .cart-item-summary{width:unset}}
/*# sourceMappingURL=/cdn/shop/t/510/assets/service-summary.css.map */