/* fallback */
/*@font-face {*/
/*  font-family: 'Material Symbols Outlined';*/
/*  font-style: normal;*/
/*  font-weight: 300;*/
/*  src: url(fonts/material/material-symbols-main/font/300/material-symbols-outlined.woff2) format('woff2');*/
/*}*/

/*@font-face {*/
/*  font-family: 'Material Symbols Outlined';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  font-display: block;*/
/*  src: url(fonts/material/material-symbols-main/font/400/material-symbols-outlined.woff2) format('woff2');*/
/*}*/

/*@font-face {*/
/*  font-family: 'Material Symbols Outlined';*/
/*  font-style: normal;*/
/*  font-weight: 600;*/
/*  font-display: block;*/
/*  src: url(fonts/material/material-symbols-main/font/600/material-symbols-outlined.woff2) format('woff2');*/
/*}*/

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  src: url(fonts/material-v2/materialsymbolsoutlined-v192.woff2) format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.container-mobile { max-width: 100%; }
.disabledall { color: #aaa; }
.error_message { color: #ee5151 !important; }
.error_message:empty { display: none !important; }
.search-form .btn-close {
    background-size: 0.7em;
    top: 12px;
    right: calc(45px + 5px);
    cursor: pointer;
    z-index: 5;
    display: none;
}

.text.status.preparing { color: #e4caa1; }
.text.status.readypickup { color: #004bc8; }
.text.status.processing { color: #7accc8; }
.text.status.danger { color: red; }

/*.iti-mobile .iti--container {*/
/*    top: 235px; left: 22px;*/
/*    max-height: 200px; height: 100%;*/
/*}*/

.fill-thumb_up { color: var(--gigi-blue); font-variation-settings: "FILL" 1; }

/*.pre_loader img { position: absolute; bottom: 0; max-width:100% !important; }*/

ul.menulist .pqccaddtc_bubble { z-index: 2; }
ul.cart_list .btn-dlt-order { z-index: 2; }

/*.tempvideowrap { position:relative; padding-right: 40px; }*/
/*.tempvideowrap .text-2023 { font-size: 30px; font-weight: 700; color: #fff; letter-spacing: 0.05em; }*/
/*.tempvideowrap .icon { position: absolute; top: 3px; right: 0px; }*/

/*.dashboard-wrap .tophead-wrap .text-center {*/
/*   align-items: center;*/
/*   display: flex;*/
/*   justify-content: center;*/
   /*position: relative;*/
/*}*/

/*.dashboard-wrap .tophead-wrap .text-center a.logo-text-wrap {*/
/*   margin: auto;*/
/*   position: absolute;*/
/*}*/

/*.dashboard-wrap .tophead-wrap .text-center .tempvideowrap {*/
/*   padding-right: unset;*/
 
/*}*/

/*.dashboard-wrap .tophead-wrap .text-center span.icon {*/
/*   position: absolute;*/
/*   right: 14%;*/
/*}*/

/*.dashboard-wrap .tophead-wrap .watchnow {*/
/*   font-size: 12px;*/
/*   display: flex;*/
/*   align-items: center;*/
/*   justify-content: flex-end;*/
/*   max-width: 178px;*/
/*   margin: auto;*/
/*   padding-top: 15px;*/
/*}*/
.pdetail_choice-wrap .overlaymask:before { opacity: 0.8; }

.combo .btn-solid
{
    min-width: auto;
    min-height: auto;
    width: 100%;
    padding: 14px 10px; 
}

/*=================================*/
/*--*/
.kcalcount {
    display: inline-flex; align-items: center; 
    background: #fff; border: 1px solid #fd5200; border-radius: 100px; margin-right: 5px; padding: 4px 10px;
    font-size: 13px; font-weight: 700; font-style: italic; text-align: center; letter-spacing: 0.075em; line-height: 1;
}
.kcalcount .icon { font-size: 1.15em; font-weight: 700; margin-right: 2px; color: #fd5200; }
ul.symbolmean span.icon { font-size: 1.3em; color: var(--gigi-darkblue); display: inline-block; width: 1em; }

.voucherrewardredeem {
    transform: rotate(-30deg);
    left: 0.5px;
    top: 2px;
}

img { pointer-events: none; user-drag: none; -webkit-user-drag: none; }

.loadindicate_msg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1055; }
.loadindicate_msg:before {
    content: ''; content: ''; width: 100%; height: 100%; background: #fff; opacity: 1;
    position: absolute; top: 0; left: 0;
}
.loadindicate_msg span { 
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    font-size: 17px; font-weight: 600; text-align: center; line-height: 1.3; 
}
.loadindicate_msg span:before {
    content: ''; display: block; width: 18px; height: 18px; margin: 0 auto 10px;
    border: 1px solid rgba(142,142,142,0.3); border-left-color: var(--gigi-blue); border-radius: 50%; animation: wd-rotate 450ms infinite linear;
}


/*===========================*/
/*====== reward detail ======*/
/*.rewardetail .img { text-align: center; }*/
/*.rewardetail .img img { max-width: 160px; max-height: 150px; }*/
/*.rewardetail .titlehead { */
/*    font-size: 22px; font-weight: 600; text-align: center; letter-spacing: 0; */
/*    margin-top: 25px; */
/*}*/
/*--*/
/*.rewardetail .detail { margin-top: 50px; }*/
/*.rewardetail .detail > div + div { margin-top: 16px; padding-top: 16px; border-top: 1px solid #d1d8f2; }*/
/*.rewardetail .detail .title,*/
/*.rewardetail .detail .card-header { font-size: 17px; font-weight: 600; }*/
/*.rewardetail .detail .desc,*/
/*.rewardetail .detail .card-body { font-size: 14px; color: #666; margin-top: 3px; }*/
/*--*/
/*.rewardetail .detail .card-header {*/
/*    position: relative; display: block; padding: 0; padding-right: 2em; background: none; border: none;*/
/*    color: var(--gigi-darkblue); */
/*}*/
/*.rewardetail .detail .card-header:after { */
/*    content: '\e5cf'; font-family: 'Material Symbols Outlined'; font-size: 1.2em; line-height: 1; letter-spacing: 0;*/
/*    position: absolute; right: 0; top: 50%; transform: translate(0,-50%);*/
/*}*/
/*.rewardetail .detail .card-header[aria-expanded=true]:after { content: '\e5ce' }*/
/*--*/
/*.rewardetail .detail .card-body { padding: 2px 0px 5px; letter-spacing: 0.025em; }*/
/*.rewardetail .detail .card-body ul { margin-bottom: 0; margin-top: 10px; padding-left: 18px; }*/
/*.rewardetail .detail .card-body ul li + li { margin-top: 12px; }*/
/*--*/
/*.rewardetail .detail .desc .btn-solid {*/
/*    font-size: 14px; font-weight: 600; text-transform: none; letter-spacing: 0.025em;*/
/*    min-width: auto; min-height: auto; padding: 5px 10px; border-radius: 5px;*/
/*}*/

.lazyslowpending {
    animation-name: shimmer;
    animation-duration: 20s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-timing-function: linear;
    background-image: linear-gradient(to right, rgba(248,248,248,1) 4%, rgba(243,243,243,0.85) 25%, rgba(248,248,248,1) 36%);
}

.dashtop-wrap { padding-top: calc(25px + max(var(--app-safe-top, 25px), env(safe-area-inset-top, 0px))); } 
/*.innerback.tophead-wrap { padding-top: 65px; }*/ 

.register-wrap.tophead-wrap,
.innerback.tophead-wrap {
  padding-top: calc(30px + max(var(--app-safe-top, 30px), env(safe-area-inset-top, 0px))); 
}
.innerback.tophead-wrap .btn-back, 
.innerback.tophead-wrap .righticon, 
.innerback.tophead-wrap .iconright,
.innerback.tophead-wrap .askicon,
.sb-search-wrap,
.innerback.tophead-wrap .infoicon {
  top: calc(30% + max(var(--app-safe-top, 40px), env(safe-area-inset-top, 0px)));
}

.infocanvasbtm.offcanvas { padding-bottom: calc(-20px + env(safe-area-inset-bottom)); }