main .e2EventDetailPageTemplate ww-event-summary .event-summary .page-title{display:flex;align-items:center;gap:16px;margin-bottom:24px}@media (max-width: 767px){main .e2EventDetailPageTemplate ww-event-summary .event-summary .page-title{position:fixed;left:0;right:0;z-index:110;background-color:#fff;padding:24px 16px;margin-bottom:8px;box-shadow:0 2px 4px #0000001a}main .e2EventDetailPageTemplate ww-event-summary .event-summary .page-title:has(.error-msg-container){flex-direction:column;align-items:flex-start;gap:32px;padding:24px 16px 8px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .page-title:has(.error-msg-container) .error-msg-container{padding:0 6px}}main .e2EventDetailPageTemplate ww-event-summary .event-summary .page-title .title{color:#3e3e3e;font-size:32px;font-family:LibreBaskerville}@media (max-width: 767px){main .e2EventDetailPageTemplate ww-event-summary .event-summary .page-title .title{font-size:18px}}main .e2EventDetailPageTemplate ww-event-summary .event-summary .page-title i{cursor:pointer;font-size:24px}@media (max-width: 767px){main .e2EventDetailPageTemplate ww-event-summary .event-summary .page-title i{display:none}}main .e2EventDetailPageTemplate ww-event-summary .event-summary .error-msg-container{width:100%}main .e2EventDetailPageTemplate ww-event-summary .event-summary .error-msg-container .error-msg{border-radius:5px;background:#fdecea;padding:4px 8px;gap:8px;display:flex;flex-direction:row;align-items:center;font-weight:400;font-size:14px;line-height:150%;letter-spacing:0;color:#ea3d2f}main .e2EventDetailPageTemplate ww-event-summary .event-summary .error-msg-container .error-msg .icon-close{width:18px;height:18px;font-size:13px;background:#ea3d2f;color:#fff;border-radius:50%}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container{display:flex;gap:20px}@media (max-width: 767px){main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container{flex-direction:column-reverse;gap:8px}}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .mobile-booking-now-group{display:none}@media (max-width: 767px){main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .mobile-booking-now-group{display:flex;width:100%}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .mobile-booking-now-group button{width:100%}}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .booking-now{display:none}@media (max-width: 767px){main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .booking-now{display:block;padding:8px 20px;position:fixed;bottom:0;left:0;right:0;z-index:110;background-color:#fff;box-shadow:0 2px 4px #0000001a}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .booking-now .btn{width:100%}}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content{flex:1 1 0%;display:flex;flex-direction:column;gap:20px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .store-map{width:100%;height:750px;min-height:750px;border-radius:8px;overflow:hidden}@media (max-width: 767px){main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .store-map{height:317px;min-height:317px}}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .store-map iframe{filter:grayscale(100%)}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .introduction,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .dinner-details,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .map{padding:24px;background-color:#fff;border-radius:5px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .introduction .title,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .dinner-details .title,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .map .title{color:#525252;font-size:20px;font-weight:700}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .introduction .content,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .dinner-details .content,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .map .content{color:#3e3e3e;font-size:14px;margin-top:16px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .introduction .expand-header,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .dinner-details .expand-header,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .map .expand-header{display:flex;flex-direction:column;gap:8px;cursor:pointer}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .introduction .expand-header .title,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .dinner-details .expand-header .title,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .map .expand-header .title{display:flex;align-items:center;justify-content:space-between}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .introduction .expand-header .title i,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .dinner-details .expand-header .title i,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .map .expand-header .title i{font-size:24px;transform:rotate(0);transition:transform .3s ease}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .introduction .expand-header .title i.expand,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .dinner-details .expand-header .title i.expand,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .map .expand-header .title i.expand{transform:rotate(180deg)}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .introduction .expand-header .description,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .dinner-details .expand-header .description,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .map .expand-header .description{color:#7b7b7b;font-size:12px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .introduction .expand-content,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .dinner-details .expand-content,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .map .expand-content{margin-top:16px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .introduction .expand-content .wine-type-group,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .dinner-details .expand-content .wine-type-group,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .map .expand-content .wine-type-group{margin-top:30px;display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;padding:16px 0}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .introduction .expand-content .wine-type-group .wine-type,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .dinner-details .expand-content .wine-type-group .wine-type,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .map .expand-content .wine-type-group .wine-type{display:flex;align-items:center;gap:4px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .introduction .expand-content .wine-type-group .wine-type .label,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .dinner-details .expand-content .wine-type-group .wine-type .label,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .map .expand-content .wine-type-group .wine-type .label{color:#bba562;font-size:14px;font-weight:600}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .introduction .expand-content .wine-type-group .wine-type .value,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .dinner-details .expand-content .wine-type-group .wine-type .value,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .event-content .map .expand-content .wine-type-group .wine-type .value{color:#3e3e3e;font-size:12px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary{width:400px;display:flex;flex-direction:column;gap:20px}@media (max-width: 767px){main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary{width:100%}}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .image{height:225px;border-radius:5px;overflow:hidden}@media (max-width: 767px){main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .image{height:auto;width:100%;aspect-ratio:375/249}}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .image .coming-soon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#d9d9d9}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .image .coming-soon img{width:63px;height:63px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .image img{width:100%;height:100%;object-fit:cover;display:block}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail{background-color:#fff;border-radius:5px;padding:24px 20px;display:flex;flex-direction:column;gap:24px}@media (max-width: 767px){main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail{padding:24px 16px}}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .title-block{display:flex;align-items:center;gap:8px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .title-block .title{color:#525252;font-size:20px;font-weight:700}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .title-block .tag{padding:2px 4px;border-radius:2px;background-color:#f3be36;color:#3e3e3e;font-size:12px;font-weight:600}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .title-block .waiting-list-tag{background-color:#a4a4a4;color:#fff}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .field{display:flex;flex-direction:column;gap:6px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .field .label{display:flex;align-items:center;gap:4px;color:#3e3e3e;font-size:12px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .field .label i{color:#bca662;font-size:16px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .field .value{color:#3e3e3e;font-size:14px;font-weight:600;display:flex;flex-direction:column;gap:4px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .field .value .hint{font-size:12px;font-weight:400}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .field .value .locate-name{font-size:16px;font-weight:700}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .field .value .google-map{display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer;text-align:none}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .field .value .google-map>span{text-decoration:underline}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .field .value .google-map i{font-size:16px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .field-group{display:flex;gap:50px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .price,main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .event-remarks{color:#3e3e3e;font-size:12px}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .booking-now-group{width:100%}main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .booking-now-group .btn{width:100%}@media (max-width: 767px){main .e2EventDetailPageTemplate ww-event-summary .event-summary .event-container .summary .event-detail .booking-now-group .btn{display:none}}.e2EventDetailPageTemplate main{background-color:#f9f9f9}main .e2EventDetailPageTemplate{opacity:1!important;position:relative;padding-bottom:50px}@media (max-width: 767px){.modal.event-login-popup .modal-dialog{align-items:flex-end!important}}.modal.event-login-popup .modal-dialog .modal-content{max-width:800px;border-radius:5px}@media (max-width: 767px){.modal.event-login-popup .modal-dialog .modal-content e2-popup{height:100%;display:flex;flex-direction:column}}.modal.event-login-popup .modal-dialog .modal-content .modal-header{padding-bottom:8px}@media (max-width: 767px){.modal.event-login-popup .modal-dialog .modal-content .modal-header{text-align:center;padding:16px 48px;flex:0 0 auto}}.modal.event-login-popup .modal-dialog .modal-content .modal-header .modal-title{font-size:20px;font-weight:700;line-height:1.5;color:#3e3e3e}@media (max-width: 767px){.modal.event-login-popup .modal-dialog .modal-content .modal-header .modal-title{font-size:18px;font-weight:600}}.modal.event-login-popup .modal-dialog .modal-content .modal-body{display:flex;flex-direction:column;gap:24px;font-size:16px;font-weight:400;line-height:1.3;color:#7b7b7b}@media (max-width: 767px){.modal.event-login-popup .modal-dialog .modal-content .modal-body{width:100%;font-size:13px;line-height:1.5}}.modal.event-login-popup .modal-dialog .modal-content .modal-footer{display:flex;justify-content:end;align-items:center}.modal.event-login-popup .modal-dialog .modal-content .modal-footer button{width:160px}@media (max-width: 767px){.modal.event-login-popup .modal-dialog .modal-content .modal-footer button{width:100%}}