@import url("../fonts/Hatch/Hatch.css");
@import url("../fonts/Florentia/Florentia.css");
:root {
  --neutral-950:#151413;
  --neutral-900:#201F1D;
  --neutral-800:#2B2927;
  --neutral-700:#403D3A;
  --neutral-600:#56524E;
  --neutral-500:#746B63;
  --neutral-400:#CABDAF;
  --neutral-300:#DFD2C3;
  --neutral-200:#F0E1D1;
  --neutral-100:#FAF0E5;
  --neutral-50:#FCFAF7;
  --black:#000000;
  --white:#ffffff;
  --sari-darker:#2E0A23;
  --sari-dark:#4E123C;
  --sari-base:#721A57;
  --sari-medium:#AB5E93;
  --sari-light:#D6ADC9;
  --sari-lighter:#EAD7E5;
  --lotus-darker:#61001D;
  --lotus-dark:#A1073A;
  --lotus-base:#CA1B55;
  --lotus-medium:#EF6694;
  --lotus-light:#FA9EB9;
  --lotus-lighter:#F9DCE4;
  --turmeric-darker: #663300;
  --turmeric-dark: #AA560E;
  --turmeric-base: #EA832F;
  --turmeric-medium: #FFAB63;
  --turmeric-light: #FFD4AA;
  --turmeric-lighter: #F7E3CF;
  --coriander-darker: #144A2A;
  --coriander-dark: #226D40;
  --coriander-base: #3D9F64;
  --coriander-medium: #7BD19D;
  --coriander-light: #BAE8CD;
  --coriander-lighter: #D6EBDE;
  --kite-darker: #0D4242;
  --kite-dark: #167E7E;
  --kite-base: #34A3A3;
  --kite-medium: #50D8D8;
  --kite-light: #8EEAEA;
  --kite-lighter: #D1F0F0;
  --shade-darker: #000A1A;
  --shade-dark: #00112D;
  --shade-base: #132642;
  --shade-medium: #344865;
  --shade-light: #77869E;
  --shade-lighter: #ADB7C7;
  --semantic: #D62424;
  --neutral-950-rgb:21, 20, 19;
  --neutral-900-rgb:32, 31, 29;
  --neutral-800-rgb:43, 41, 39;
  --neutral-700-rgb:64, 61, 58;
  --neutral-600-rgb:86, 82, 78;
  --neutral-500-rgb:116, 107, 99;
  --neutral-400-rgb:202, 189, 175;
  --neutral-300-rgb:223, 210, 195;
  --neutral-200-rgb:240, 225, 209;
  --neutral-100-rgb:250, 240, 229;
  --neutral-50-rgb:252, 250, 247;
  --black-rgb: 0, 0, 0;
  --white-rgb: 255, 255, 255;
  --sari-darker-rgb: 46, 10, 35;
  --sari-dark-rgb: 78, 18, 60;
  --sari-base-rgb: 114, 26, 87;
  --sari-medium-rgb: 171, 94, 147;
  --sari-light-rgb: 255, 119, 212;
  --sari-lighter-rgb: 234, 215, 229;
  --lotus-darker-rgb: 97, 0, 29;
  --lotus-dark-rgb: 161, 7, 58;
  --lotus-base-rgb: 202, 27, 85;
  --lotus-medium-rgb: 239, 102, 148;
  --lotus-light-rgb: 250, 158, 185;
  --lotus-lighter-rgb: 249, 220, 228;
  --turmeric-darker-rgb: 102, 51, 0;
  --turmeric-dark-rgb: 170, 86, 14;
  --turmeric-base-rgb: 234, 131, 47;
  --turmeric-medium-rgb: 255, 171, 99;
  --turmeric-light-rgb: 255, 212, 170;
  --turmeric-lighter-rgb: 247, 227, 207;
  --coriander-darker-rgb: 20, 74, 42;
  --coriander-dark-rgb: 34, 109, 64;
  --coriander-base-rgb: 61, 159, 100;
  --coriander-medium-rgb: 123, 209, 157;
  --coriander-light-rgb: 186, 232, 205;
  --coriander-lighter-rgb: 214, 235, 222;
  --kite-darker-rgb: 13, 66, 66;
  --kite-dark-rgb: 22, 126, 126;
  --kite-base-rgb: 52, 163, 163;
  --kite-medium-rgb: 80, 216, 216;
  --kite-light-rgb: 142, 234, 234;
  --kite-lighter-rgb: 209, 240, 240;
  --shade-darker-rgb: 0, 10, 26;
  --shade-dark-rgb: 0, 17, 45;
  --shade-base-rgb: 19, 38, 66;
  --shade-medium-rgb: 52, 72, 101;
  --shade-light-rgb: 119, 134, 158;
  --shade-lighter-rgb: 173, 183, 199;
  --semantic-rgb: 214, 36, 36;
  --font-xs:12px;
  --font-sm:14px;
  --font-base:16px;
  --font-lg:18px;
  --font-xl:20px;
  --font-2xl:24px;
  --subheading-2xs: 16px;
  --subheading-xs: 20px;
  --subheading-sm: 24px;
  --subheading-base: 28px;
  --subheading-lg: 32px;
  --subheading-xl: 40px;
  --subheading-2xl: 48px;
  --subheading-3xl: 80px;
  --heading-2xs: 16px;
  --heading-xs: 20px;
  --heading-sm: 24px;
  --heading-base: 32px;
  --heading-lg: 40px;
  --heading-xl: 48px;
  --heading-2xl: 56px;
  --heading-3xl: 64px;
  --headerHeight:136px;
  --headerScrolledHeight:96px;
  --buttonHeight:64px;
  --buttonPadding:24px;
  --buttonPaddingHover:30px;
  --buttonRadius:10px;
  --veiwWidth: calc(100vw - 17px);
  --padding: calc(var(--veiwWidth)/2 - 785px);
}

/* ********|| INITIALIZATION START ||******** */
body, html { width: 100%; margin:0 auto !important;padding:0 !important;font-family: 'Florentia', sans-serif; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: var(--font-base); line-height: 1.2; color: var(--neutral-600); background:var(--neutral-50);position: relative; z-index: 0; scroll-behavior: smooth;}
*{cursor: none;}
*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
*,::after,::before{box-sizing: border-box;}
a {color:var(--green01); text-decoration: none;transition: all 0.3s ease;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
button{transition: all 0.3s ease;}
p { margin: 0 0 10px; }
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid rgba(var(--shades04-rgb), 0.2);}
section{position:relative;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
.scrollbar::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; border-radius: 100vh; transition:all 0.3s ease; }
.scrollbar::-webkit-scrollbar-track { border-radius: 0; background-color: #d6c8dd; border-radius: 100vh; transition:all 0.3s ease; }
.scrollbar::-webkit-scrollbar-thumb { background-color: rgba(var(--purple-rgb), 1); border-radius: 100vh; transition:all 0.3s ease; }
/* ********|| INITIALIZATION END ||******** */

/* ********|| PSEUDO ELEMENTS START ||******** */
::selection{ background-color:var(--sari-base); color:var(--neutral-200)}
::-moz-selection{ background-color:var(--sari-base); color:var(--neutral-200)}
::-webkit-selection{ background-color:var(--sari-base); color:var(--neutral-200)}
:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }
select:-webkit-focusring { color: var(--sari-base) !important;text-shadow: 0 0 0 var(--neutral-200);}
select:-moz-focusring {color: var(--sari-base) !important;text-shadow: 0 0 0 var(--neutral-200);}
select:focusring {color: var(--sari-base) !important; text-shadow: 0 0 0 var(--neutral-200);}
::input-placeholder{ color:var(--shades02) !important;}
::-moz-input-placeholder{ color:var(--shades02) !important;}
::-webkit-input-placeholder{ color:var(--shades02) !important;}
/* ********|| PSEUDO ELEMENTS END ||******** */

/* ********|| BOOTSTRAP FIX START ||******** */
.container{max-width: none; width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto;}
@media (min-width: 576px){
  :root {
    --padding: 15px;
  }
	.container{max-width: none; width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto;}
	.modal-dialog{max-width: 700px;}
	.modal-sm{max-width: 400px;}
}
@media (min-width: 768px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 710px) / 2);
  }
	.container{max-width: 740px;}
}
@media (min-width: 992px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 930px) / 2);
  }
	.container{max-width: 960px;}
}
@media (min-width: 1200px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1140px) / 2);
  }
	.container{max-width: 1170px;}
}
@media (min-width: 1400px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1250px) / 2);
  }
	.container{max-width: 1280px;}
}
@media (min-width: 1440px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1330px) / 2);
  }
	.container{max-width: 1360px;}
}
@media (min-width: 1520px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1370px) / 2);
  }
	.container{max-width: 1400px;}
}
@media (min-width: 1900px){
	/* .container{max-width: 1600px;} */
}
/* ********|| BOOTSTRAP FIX END ||******** */

/* ********|| CHECKBOX START ||******** */
.checkbox{position: relative;padding: 4px 0 4px 30px;display: inline-block;}
.checkbox .checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.checkbox .checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px; color: var(--shades02);}
.checkbox .checkbox-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades03);top: -1px;left: -30px; border-radius: 4px;transition: all 0.3s ease;}
.checkbox .checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 6 Pro";width: 20px;height: 20px;top:-1px;left: -30px;font-weight: 500;font-size: 14px; line-height: 1;color: var(--shades01);display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.checkbox .checkbox-input:checked ~ .checkbox-label:after{opacity: 1; visibility: visible;}
.checkbox .checkbox-input:checked ~ .checkbox-label:before{background-color: var(--red);border: 1px solid var(--red);}
/* ********|| CHECKBOX END ||******** */

/* ********|| RADIO START ||******** */
.radio{position: relative;padding: 4px 0 4px 30px;display: inline-block;}
.radio .radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.radio .radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px; color: var(--shades02);}
.radio .radio-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades03);top: -1px;left: -30px; border-radius: 50%;transition: all 0.3s ease;}
.radio .radio-label:after{content: '';position: absolute;width: 11px;height: 11px;top: 4px;left: -25px;font-weight: 500;font-size: 14px;line-height: 1;background-color: var(--red);display: flex;align-items: center;justify-content: center;border-radius: 50%;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.radio .radio-input:checked ~ .radio-label:after{opacity: 1; visibility: visible;}
/* ********|| RADIO END ||******** */

/* ********|| SWITCH START ||******** */
.switch{position: relative;padding:0;display: block;}
.switch .switch-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.switch .switch-labels{position: relative;margin: 0;line-height: 16px;font-size: 14px;color: var(--shades02);height: 40px;border-radius: 4px;background-color: var(--shades01);display: flex;align-items: center; z-index: 0;}
.switch .switch-labels span{display: flex;justify-content: center;width: 100%;padding: 0 10px;font-size: 14px;font-weight: 500;color:var(--shades02);transition: all 0.3s ease;}
.switch .switch-labels span+span{color:var(--shades01)}
.switch .switch-labels:after{content: "";position: absolute;transition: all 0.3s ease;top: 4px;left: 4px;width: calc(50% - 8px);height: calc(100% - 8px);background-color: var(--red);border-radius: 4px;z-index: -1;transform: translateX(calc(100% + 4px));}
.switch .switch-input:checked ~ .switch-labels:after{transform: translateX(calc(0% + 4px));}
.switch .switch-input:checked ~ .switch-labels span{color:var(--shades01)}
.switch .switch-input:checked ~ .switch-labels span+span{color:var(--shades02)}
/* ********|| SWITCH END ||******** */

/* ********|| COLORS START ||******** */
/*============ Text Color ============*/
.text-sari-darker{color: var(--sari-darker);}
.text-sari-dark{color: var(--sari-dark);}
.text-sari-base{color: var(--sari-base);}
.text-sari-medium{color: var(--sari-medium);}
.text-sari-light{color: var(--sari-light);}
.text-sari-lighter{color: var(--sari-lighter);}
.text-lotus-darker{color: var(--lotus-darker);}
.text-lotus-dark{color: var(--lotus-dark);}
.text-lotus-base{color: var(--lotus-base);}
.text-lotus-medium{color: var(--lotus-medium);}
.text-lotus-light{color: var(--lotus-light);}
.text-lotus-lighter{color: var(--lotus-lighter);}
.text-coriander-darker{color: var(--coriander-darker);}
.text-coriander-dark{color: var(--coriander-dark);}
.text-coriander-base{color: var(--coriander-base);}
.text-coriander-medium{color: var(--coriander-medium);}
.text-coriander-light{color: var(--coriander-light);}
.text-coriander-lighter{color: var(--coriander-lighter);}
.text-turmeric-darker{color: var(--turmeric-darker);}
.text-turmeric-dark{color: var(--turmeric-dark);}
.text-turmeric-base{color: var(--turmeric-base);}
.text-turmeric-medium{color: var(--turmeric-medium);}
.text-turmeric-light{color: var(--turmeric-light);}
.text-turmeric-lighter{color: var(--turmeric-lighter);}
.text-shade-darker{color: var(--shade-darker);}
.text-shade-dark{color: var(--shade-dark);}
.text-shade-base{color: var(--shade-base);}
.text-shade-medium{color: var(--shade-medium);}
.text-shade-light{color: var(--shade-light);}
.text-shade-lighter{color: var(--shade-lighter);}
.text-kite-darker{color: var(--kite-darker);}
.text-kite-dark{color: var(--kite-dark);}
.text-kite-base{color: var(--kite-base);}
.text-kite-medium{color: var(--kite-medium);}
.text-kite-light{color: var(--kite-light);}
.text-kite-lighter{color: var(--kite-lighter);}
.text-neutral-100{color: var(--neutral-100);}
.text-neutral-200{color: var(--neutral-200);}
.text-neutral-300{color: var(--neutral-300);}
.text-neutral-400{color: var(--neutral-400);}
.text-neutral-500{color: var(--neutral-500);}
.text-neutral-600{color: var(--neutral-600);}
.text-neutral-700{color: var(--neutral-700);}
.text-neutral-800{color: var(--neutral-800);}
.text-neutral-900{color: var(--neutral-900);}
.text-neutral-950{color: var(--neutral-950);}
.text-black{color: var(--black);}
.text-white{color: var(--white);}
.text-semantic{color: var(--semantic);}

/*============ Background Color ============*/
.bg-sari-darker{background-color: var(--sari-darker);}
.bg-sari-dark{background-color: var(--sari-dark);}
.bg-sari-base{background-color: var(--sari-base);}
.bg-sari-medium{background-color: var(--sari-medium);}
.bg-sari-light{background-color: var(--sari-light);}
.bg-sari-lighter{background-color: var(--sari-lighter);}
.bg-lotus-darker{background-color: var(--lotus-darker);}
.bg-lotus-dark{background-color: var(--lotus-dark);}
.bg-lotus-base{background-color: var(--lotus-base);}
.bg-lotus-medium{background-color: var(--lotus-medium);}
.bg-lotus-light{background-color: var(--lotus-light);}
.bg-lotus-lighter{background-color: var(--lotus-lighter);}
.bg-coriander-darker{background-color: var(--coriander-darker);}
.bg-coriander-dark{background-color: var(--coriander-dark);}
.bg-coriander-base{background-color: var(--coriander-base);}
.bg-coriander-medium{background-color: var(--coriander-medium);}
.bg-coriander-light{background-color: var(--coriander-light);}
.bg-coriander-lighter{background-color: var(--coriander-lighter);}
.bg-turmeric-darker{background-color: var(--turmeric-darker);}
.bg-turmeric-dark{background-color: var(--turmeric-dark);}
.bg-turmeric-base{background-color: var(--turmeric-base);}
.bg-turmeric-medium{background-color: var(--turmeric-medium);}
.bg-turmeric-light{background-color: var(--turmeric-light);}
.bg-turmeric-lighter{background-color: var(--turmeric-lighter);}
.bg-shade-darker{background-color: var(--shade-darker);}
.bg-shade-dark{background-color: var(--shade-dark);}
.bg-shade-base{background-color: var(--shade-base);}
.bg-shade-medium{background-color: var(--shade-medium);}
.bg-shade-light{background-color: var(--shade-light);}
.bg-shade-lighter{background-color: var(--shade-lighter);}
.bg-kite-darker{background-color: var(--kite-darker);}
.bg-kite-dark{background-color: var(--kite-dark);}
.bg-kite-base{background-color: var(--kite-base);}
.bg-kite-medium{background-color: var(--kite-medium);}
.bg-kite-light{background-color: var(--kite-light);}
.bg-kite-lighter{background-color: var(--kite-lighter);}
.bg-neutral-100{background-color: var(--neutral-100);}
.bg-neutral-200{background-color: var(--neutral-200);}
.bg-neutral-300{background-color: var(--neutral-300);}
.bg-neutral-400{background-color: var(--neutral-400);}
.bg-neutral-500{background-color: var(--neutral-500);}
.bg-neutral-600{background-color: var(--neutral-600);}
.bg-neutral-700{background-color: var(--neutral-700);}
.bg-neutral-800{background-color: var(--neutral-800);}
.bg-neutral-900{background-color: var(--neutral-900);}
.bg-neutral-950{background-color: var(--neutral-950);}
.bg-black{background-color: var(--black);}
.bg-white{background-color: var(--white);}
.bg-semantic{background-color: var(--semantic);}

/*============ Span Text Color ============*/
.span-sari-darker span{color: var(--sari-darker);}
.span-sari-dark span{color: var(--sari-dark);}
.span-sari-base span{color: var(--sari-base);}
.span-sari-medium span{color: var(--sari-medium);}
.span-sari-light span{color: var(--sari-light);}
.span-sari-lighter span{color: var(--sari-lighter);}
.span-lotus-darker span{color: var(--lotus-darker);}
.span-lotus-dark span{color: var(--lotus-dark);}
.span-lotus-base span{color: var(--lotus-base);}
.span-lotus-medium span{color: var(--lotus-medium);}
.span-lotus-light span{color: var(--lotus-light);}
.span-lotus-lighter span{color: var(--lotus-lighter);}
.span-coriander-darker span{color: var(--coriander-darker);}
.span-coriander-dark span{color: var(--coriander-dark);}
.span-coriander-base span{color: var(--coriander-base);}
.span-coriander-medium span{color: var(--coriander-medium);}
.span-coriander-light span{color: var(--coriander-light);}
.span-coriander-lighter span{color: var(--coriander-lighter);}
.span-turmeric-darker span{color: var(--turmeric-darker);}
.span-turmeric-dark span{color: var(--turmeric-dark);}
.span-turmeric-base span{color: var(--turmeric-base);}
.span-turmeric-medium span{color: var(--turmeric-medium);}
.span-turmeric-light span{color: var(--turmeric-light);}
.span-turmeric-lighter span{color: var(--turmeric-lighter);}
.span-shade-darker span{color: var(--shade-darker);}
.span-shade-dark span{color: var(--shade-dark);}
.span-shade-base span{color: var(--shade-base);}
.span-shade-medium span{color: var(--shade-medium);}
.span-shade-light span{color: var(--shade-light);}
.span-shade-lighter span{color: var(--shade-lighter);}
.span-kite-darker span{color: var(--kite-darker);}
.span-kite-dark span{color: var(--kite-dark);}
.span-kite-base span{color: var(--kite-base);}
.span-kite-medium span{color: var(--kite-medium);}
.span-kite-light span{color: var(--kite-light);}
.span-kite-lighter span{color: var(--kite-lighter);}
.span-neutral-100 span{color: var(--neutral-100);}
.span-neutral-200 span{color: var(--neutral-200);}
.span-neutral-300 span{color: var(--neutral-300);}
.span-neutral-400 span{color: var(--neutral-400);}
.span-neutral-500 span{color: var(--neutral-500);}
.span-neutral-600 span{color: var(--neutral-600);}
.span-neutral-700 span{color: var(--neutral-700);}
.span-neutral-800 span{color: var(--neutral-800);}
.span-neutral-900 span{color: var(--neutral-900);}
.span-neutral-950 span{color: var(--neutral-950);}
.span-black span{color: var(--black);}
.span-white span{color: var(--white);}
.span-semantic span{color: var(--semantic);}
/* ********|| COLORS END ||******** */

/* ********|| BUTTON START ||******** */
.btn-action{position: relative; display: flex;padding: 0 6px; z-index: 0;}
.btn-action .btn-input{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0;cursor: none;}

.btn-action svg{position: absolute;top: 50%;left: 1px;transform: translateY(-50%) scale(1.4);transform-origin: center;}
.btn-action svg path{fill: var(--sari-base);transition: all 0.3s ease;}
.btn-action svg:last-child{left: auto;right: 1px;}
.btn-action .btn-inner{display: flex;align-items: center;justify-content: center; gap:8px; width: 100%; height: var(--buttonHeight); font-size: var(--font-xl); padding: 4px var(--buttonPadding) 0; font-weight: 700; color: var(--white); background-color: var(--sari-base); border-radius: var(--buttonRadius); line-height: 1; transition: all 0.3s ease;white-space: nowrap;}
.btn-action .btn-inner span{font-size: var(--font-base);}
.btn-action:hover .btn-inner{padding-left: var(--buttonPaddingHover);padding-right: var(--buttonPaddingHover); background-color: var(--sari-dark);}
.btn-action:hover .btn-inner:before{border-right-color: var(--sari-dark);}
.btn-action:hover .btn-inner:after{border-left-color: var(--sari-dark);}
.btn-action:hover svg path{fill: var(--sari-dark);}

/*============ Button Unstyled ============*/
.btn-action.unstyled{padding: 0;}
.btn-action.unstyled .btn-inner:before, .btn-action.unstyled .btn-inner:after{display: none;}
.btn-action.hover-bordered{padding: 0;}
.btn-action.hover-bordered:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;border-radius: var(--buttonRadius); border:2px solid var(--sari-dark); z-index: -1;}
.btn-action.hover-bordered:hover .btn-inner{padding:4px var(--buttonPadding) 0; transform: translate(-3px,-3px);}

/*============ Button Coriander Base ============*/
.btn-action.btn-coriander:after{border-color: var(--coriander-base);}
.btn-action.btn-coriander svg path{fill: var(--coriander-base);}
.btn-action.btn-coriander .btn-inner{background-color: var(--coriander-base);}
.btn-action.btn-coriander .btn-inner:before{border-right-color: var(--coriander-base);}
.btn-action.btn-coriander .btn-inner:after{border-left-color: var(--coriander-base);}
.btn-action.btn-coriander:hover .btn-inner{background-color: var(--coriander-dark);}
.btn-action.btn-coriander:hover .btn-inner:before{border-right-color: var(--coriander-dark);}
.btn-action.btn-coriander:hover .btn-inner:after{border-left-color: var(--coriander-dark);}
.btn-action.btn-coriander:hover svg path{fill: var(--coriander-dark);}

/*============ Button Neutral 100 ============*/
.btn-action.btn-neutral:after{border-color: var(--neutral-100);}
.btn-action.btn-neutral svg path{fill: var(--neutral-100);}
.btn-action.btn-neutral .btn-inner{background-color: var(--neutral-100);color: var(--neutral-700);}
.btn-action.btn-neutral .btn-inner:before{border-right-color: var(--neutral-100);}
.btn-action.btn-neutral .btn-inner:after{border-left-color: var(--neutral-100);}
.btn-action.btn-neutral:hover .btn-inner{background-color: var(--neutral-200);color: var(--neutral-900);}
.btn-action.btn-neutral:hover .btn-inner:before{border-right-color: var(--neutral-200);}
.btn-action.btn-neutral:hover .btn-inner:after{border-left-color: var(--neutral-200);}
.btn-action.btn-neutral:hover svg path{fill: var(--neutral-200);}

/*============ Button Neutral 200 ============*/
.btn-action.btn-neutral-200:after{border-color: var(--neutral-200);}
.btn-action.btn-neutral-200 svg path{fill: var(--neutral-200);}
.btn-action.btn-neutral-200 .btn-inner{background-color: var(--neutral-200);color: var(--neutral-700);}
.btn-action.btn-neutral-200 .btn-inner:before{border-right-color: var(--neutral-200);}
.btn-action.btn-neutral-200 .btn-inner:after{border-left-color: var(--neutral-200);}
.btn-action.btn-neutral-200:hover .btn-inner{background-color: var(--neutral-300);color: var(--neutral-900);}
.btn-action.btn-neutral-200:hover .btn-inner:before{border-right-color: var(--neutral-300);}
.btn-action.btn-neutral-200:hover .btn-inner:after{border-left-color: var(--neutral-300);}
.btn-action.btn-neutral-200:hover svg path{fill: var(--neutral-300);}

/*============ Button Back ============*/
.btn-back{position: relative; display: flex;padding: 0 6px; z-index: 0; border: none; background-color: transparent; cursor: pointer; font-family: 'Florentia';}
.btn-back .btn-inner{display: flex;align-items: center;justify-content: center; gap:8px; width: 100%; height: 40px; font-size: var(--font-base); padding:0; font-weight: 700; color: var(--neutral-600); background-color: transparent; border-radius: var(--buttonRadius); line-height: 1; transition: all 0.3s ease;}
.btn-back .btn-inner:before{content: ''; position: absolute;bottom: 0;left: 6px;width: 20px;border-bottom: 2px solid var(--neutral-800);transform: scaleX(0);transform-origin: left;transition: all 0.3s ease;}
.btn-back .btn-inner span{font-size: var(--font-sm); display: inline-block; padding: 4px 0 0;}
.btn-back:hover .btn-inner{color: var(--neutral-900);}
.btn-back:hover .btn-inner:before{transform: scaleX(1);}
/* ********|| BUTTON END ||******** */

/* ********|| CURSOR START ||******** */
.cursor{position: fixed; border:2px solid var(--lotus-base); background-color: rgba(var(--lotus-base-rgb), 0.8); width: 20px; aspect-ratio: 1/1; border-radius: 50%;z-index: 1060; transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, border-width 0.3s ease, border-color 0.3s ease;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none !important;transform: translate(-50%,-50%) scale(0.8);-webkit-backdrop-filter: blur(0.5px);backdrop-filter: blur(0.5px);}
.cursor-scale{cursor: none !important;}
.cursor-play{cursor: none !important;}
.cursor.activeScale{opacity: 1;transform: translate(-50%, -50%) scale(2);background: rgba(var(--lotus-base-rgb),0.2); border-width: 1px; transition:transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, border-width 0.3s ease, border-color 0.3s ease;}
.cursor.activePlay{opacity: 1;transform: translate(-50%, -50%) scale(5);background: rgba(var(--white-rgb),0.9); border-width: 1px; border-color:transparent; transition:transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, border-width 0.3s ease;}
.cursor.activePlay:before{content:'\f04b'; font-family: 'Font Awesome 6 Pro'; position: absolute;font-size: 10px;line-height: 1;font-weight: 600;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: var(--lotus-base);}
/* ********|| CURSOR END ||******** */

/* ********|| TABS START ||******** */
.tabs {display: flex;gap: 12px;margin-bottom: 20px;overflow: auto;padding: 10px 0;}
.tabs .tab-button { display: flex; height: 44px; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 4px 20px 0; cursor: pointer; border: 1px solid var(--neutral-300); background-color: transparent; color: var(--neutral-500); font-size: var(--font-lg); font-weight: 600; gap: 8px; transition: all 0.3s ease;white-space: nowrap;font-family: 'Florentia', sans-serif;}
.tabs .tab-button.active {background-color:var(--coriander-dark); color: var(--neutral-50);}
.tab-content {display: none;opacity: 0;transition: opacity 0.3s ease, visibility 0s 0.3s;visibility: hidden;}
.tab-content.active {display: block;opacity: 1;visibility: visible;transition: opacity 0.3s ease, visibility 0s;}
/* ********|| TABS END ||******** */

/* ********|| COMMON START ||******** */
.viewport{position: relative; width: 100%;z-index: 1; transition: all 0.3s ease;}
.viewport.active-stage-1{top: 0;left: 0;width: 100%;height: 100vh;overflow: hidden;transform-origin: left center;}
.viewport.active-stage-2{transform: scale(0.8) translateX(-25%);border-radius: 0 50px 50px 0;}
.viewport.active-stage-1 > main *{pointer-events: none;}
main{background-color: var(--neutral-50);padding-top:var(--headerHeight); width: 100%; position: relative;}

.fancybox__container button, .fancybox__container a{cursor: none !important;}
.title-reveal{overflow: hidden;}
/* .title-reveal{display: flex; flex-wrap: wrap; column-gap: 12px;}
.title-reveal span{display: block;} */
/* ********|| COMMON END ||******** */

/* ********|| MANDALA START ||******** */
.mandala{position: relative;display: flex;height: 40px;aspect-ratio: 7 / 4;overflow: hidden;margin: 0 auto 12px;}
.mandala img{width: 100%; height: 100%; object-fit: contain;}
.mandala.mandala-bottom{transform: rotate(180deg);}
.mandala.tilt-left-corner{margin: 0;aspect-ratio: 1 / 1;height: 48px;position: absolute;z-index: -1;top: -18px;left: -28px;}
/* ********|| MANDALA END ||******** */

/* ********|| RESPONSIVE MENU START ||******** */
.responsive-menu{position: fixed;z-index: 0;top: 0;left: 0;width: 100%;height: 100%;display: none;justify-content: flex-end;background-color: var(--shade-base);}
.responsive-menu .responsive-menu-wrapper{width: 360px;position: relative;padding:80px 40px;display: flex;flex-direction: column;}
.responsive-menu .menu-action{display: flex;align-items: center;justify-content: flex-end;flex-shrink: 0;}
.responsive-menu .menu-trigger-close{position: relative;display: flex;align-items: center;justify-content: center;width: 32px;aspect-ratio: 1 / 1;font-size: var(--font-xl);border-radius: 6px;background-color: var(--shade-dark);border: none;color: var(--white);}
.responsive-menu .navigation-scrollable{flex-grow: 1;flex-shrink: 1;display: flex;flex-direction: column;overflow: auto;padding: 1px 24px;margin: 0 -24px;}
.responsive-menu .navigation{position: relative; margin: 0 0 auto;}
.responsive-menu .navigation .nav-item{display: flex;padding: 12px 0;}
.responsive-menu .navigation .nav-link{font-family: 'Hatch';font-weight: 600;font-size: var(--heading-sm);text-transform: uppercase;display: inline-flex;position: relative;color: var(--neutral-300);}
.responsive-menu .navigation .nav-link.active{color: var(--neutral-50);}
.responsive-menu .navigation .nav-link.active:before{content:''; position: absolute; background-image: url(../images/half-mandala-lotus-medium-menu.svg);width: 12px;height: 21px;background-repeat: no-repeat;background-size: contain;background-position: center;top: 50%;left: -8px;transform: translate(-100%, -50%);}
.responsive-menu .navigation .nav-link.active:after{content:''; position: absolute; background-image: url(../images/half-mandala-lotus-medium-menu.svg);width: 12px;height: 21px;background-repeat: no-repeat;background-size: contain;background-position: center;top: 50%;right: -8px;transform: translate(100%, -50%) rotate(180deg);}
.responsive-menu .navigation-footer{display: flex; align-items: flex-end; justify-content: space-between; gap:24px;margin: 24px 0 0;padding: 24px 0 0;border-top: 1px solid var(--shade-medium);}
.responsive-menu .bottom-menu-wrapper{flex-shrink: 1; flex-grow: 1;display: flex;align-items: flex-end;margin: 0 0 6px;}
.responsive-menu .bottom-menu{flex-shrink: 1; flex-grow: 1;}
.responsive-menu .bottom-menu .menu-item{display: flex;padding: 6px 0;}
.responsive-menu .bottom-menu .menu-link{font-size: var(--font-sm);font-weight: 600;color: var(--shade-lighter);display: inline-flex;position: relative;}
.responsive-menu .social-menu{flex-shrink: 0;display: flex;align-items: center;gap: 12px;}
.responsive-menu .social-menu .social-item{display: flex;}
.responsive-menu .social-menu .social-link{display: flex;align-items: center;justify-content: center;font-size: var(--font-2xl);color: var(--shade-lighter);}
/* ********|| RESPONSIVE MENU END ||******** */

/* ********|| HEADER START ||******** */
header{position: fixed;top: 0;left: 0;width: 100%; height: var(--headerHeight);display: flex;align-items: center; z-index: 9; background-color: var(--neutral-50); transition: all 0.3s ease;}
header .container{ display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
header .header-content{ width: 100%; display: flex; align-items: center;}
header .navigation{position: relative;display: flex;align-items: center; width: 100%;}
header .navigation-menu{padding: 0;list-style: none;margin: 0;display: flex;align-items: center;gap: 20px;}
header .navigation-menu .menu-item{position: relative;}
header .navigation-menu .menu-link{position: relative;font-size: var(--font-base); font-weight: 600;color: var(--sari-base);padding: 10px 0 8px;}
header .navigation-menu .menu-link:after{content:''; position: absolute;width: 12px;height: 2px;background-color: var(--neutral-800);left: 50%;bottom: 4px;border-radius: 10px;transform-origin: center;transform: translateX(-50%) scaleX(0);opacity: 0;transition: all 0.3s ease;}
header .navigation-menu .menu-link:hover{color: var(--neutral-800);}
header .navigation-menu .menu-link:hover:after{transform: translateX(-50%) scaleX(1);opacity: 1;}
header .navigation-menu .menu-link.active{color: var(--lotus-base);}
header .navigation-menu .menu-link.active:hover:after{background-color: var(--lotus-base);}
header .brand{position: relative; width: 164px; height: 96px; margin: 0 auto; display: flex;overflow: hidden; transition: all 0.3s ease;}
header .brand .logo{display: flex; width: 100%; height: 100%;flex-direction: column;background-repeat: no-repeat;background-size: 100%;background-position: 0 0; transition: all 0.3s ease;}
header .header-options{position: relative;display: flex;align-items: center;justify-content: flex-end; width: 100%;gap: 8px;}
header .menu-trigger-open{position: relative;display: none;align-items: center;justify-content: center;width: 44px;aspect-ratio: 1 / 1;border: none;background-color: var(--neutral-200);font-size: var(--font-xl);color: var(--sari-base);border-radius: 8px;}
header .btn-action .btn-inner{height: 56px;}

/*============ Header OnScroll ============*/
body.scroll-down header{ transform: translateY(-100%); height:var(--headerScrolledHeight)}
body.scroll-up header{ transform: translateY(0%); height:var(--headerScrolledHeight)}
body.scroll-down header .brand .logo, body.scroll-up header .brand .logo{ background-position:0 -96px;}
/* ********|| HEADER END ||******** */

/* ********|| BANNER START ||******** */
.section-banner{position: relative; padding: 40px 0 80px; z-index: 0;}
.section-banner .container{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)); gap:80px;}
.section-banner .banner-content{position: relative;width: 100%;}
.section-banner .banner-content .mandala{margin: 0 0 12px;}
.section-banner .banner-title{font-family: 'Hatch'; margin: 0; font-size: var(--heading-2xl); color: var(--shade-base); text-transform: uppercase;}
.banner-slider{position: relative; width:100%; max-width: 370px; margin: 0 0 0 auto;transform: translateY(100px);}
.banner-slider:before{content: ''; position: absolute; background-image: url(../images/leaf-bud-neutral-300.svg);width: 100px;height: 60px;top: 64px;right: calc(100% + 20px);background-repeat: no-repeat;background-size: contain;background-position: center;}
.banner-slider .banner-slider-item{position: relative;background-color: var(--neutral-50);}
.banner-slider .banner-slider-item .banner-slider-tags{ display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 12px;}
.banner-slider .banner-slider-item .banner-slider-tag{font-size: var(--font-base);font-weight: 600;color: var(--lotus-base);background-color: var(--lotus-lighter);line-height: 1;display: inline-flex;align-items: center;justify-content: center;padding: 4px 16px 0;height: 40px;border-radius: 50px;}
.banner-slider .banner-slider-item .banner-slider-title{ font-family: 'Hatch'; font-style: italic; font-size: var(--subheading-lg);color: var(--lotus-base);font-weight: 600;}
.banner-slider .banner-slider-item .banner-slider-description{ margin: 12px 0 0; font-size: var(--font-sm);color: var(--neutral-700); line-height: 1.6;}
.banner-slider .swiper-pagination{position: relative;text-align: left;top: auto !important;left: auto !important;bottom: auto !important;right: auto !important;display: flex;align-items: center;margin: 20px -4px 0;}
.banner-slider .swiper-pagination .swiper-pagination-bullet{width:12px; height: 12px;border-radius:50px;background-color: var(--neutral-400); opacity: 1; transition: all 0.3s ease; cursor: none;}
.banner-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--neutral-500); width: 24px;}
.banner-slider-image{position: relative; z-index: -1;}
.banner-slider-image .swiper-slide{height: auto;}
.banner-slider-image .banner-image-item{width: 680px; aspect-ratio: 1/1; margin: 0 auto; transform: scale(0.75); transition: all 0.3s ease;}
.banner-slider-image .banner-image-item:hover{transform: scale(0.7);}
.banner-slider-image .banner-image-item img{width: 100%; height: 100%; object-fit: contain;}
.banner-slider-image .swiper-slide-active .banner-image-item{transform: scale(1.1);}
.banner-slider-image .swiper-slide-active .banner-image-item:hover{transform: scale(1.05);}
/* ********|| BANNER END ||******** */

/* ********|| COMMON SECTION START ||******** */
.section-title-wrapper{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.section-title{position: relative; text-align: center;z-index: 0;}
.section-title .title{font-family: 'Hatch'; font-size: var(--heading-xl); color: var(--shade-base); text-transform: uppercase;max-width: 600px; margin: 0 auto;justify-content: center;}
.section-title .subtitle{font-family: 'Hatch'; font-size: var(--subheading-sm); font-style: italic; max-width: 600px; margin: 10px auto; justify-content: center;}
.section-title .text{font-size: var(--font-lg);max-width: 600px;margin: 30px auto;line-height: 1.6;color: var(--neutral-700);}
.section-subtitle{position: relative; text-align: center; flex-shrink: 0;}
.section-subtitle .subtitle{font-size: var(--font-base); color: var(--neutral-600);}
.section-action{display: flex; align-items: center;justify-content: center; margin: 40px 0 0;}
.section-title-wrapper .section-title{text-align: left;}
.section-title-wrapper .section-title .title{justify-content: flex-start;}
.section-title-wrapper .section-subtitle{text-align: right; max-width: 200px;}
.section-title-wrapper .mandala{margin: 0 0 12px;}
/* ********|| COMMON SECTION END ||******** */

/* ********|| INTRO START ||******** */
.section-intro{position: relative;padding: 120px 0;}
.section-intro .container{max-width: 1540px;}
.section-intro .intro-wrapper{position: relative;width: 100%;background-color: var(--neutral-100);border-radius: 32px;}
.section-intro .intro-image{position: relative; width: 100%; aspect-ratio: 2/1;border-radius: 32px; overflow: hidden; z-index: 0;}
.section-intro .intro-image:after{content:''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: linear-gradient(to top, rgba(var(--sari-darker-rgb), 0.8), transparent);}
.section-intro .intro-image img{width: 100%; height: 100%; object-fit: cover;}
.section-intro .intro-image .into-title{position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;font-family: 'Hatch';color: var(--neutral-100);text-align: center;font-size: 200px;font-style: italic;font-weight: 700;line-height: 0.7;letter-spacing: 5px;}
.section-intro .intro-content{position: relative;padding: 80px 120px;display: flex;align-items: center;justify-content: center;}
.section-intro .intro-inner{width: 100%;max-width: 1000px;margin: 0 auto;display: flex;justify-content: space-between;gap: 40px;align-items: center;}
.section-intro .intro-inner .into-title{font-size: var(--subheading-xl);font-family: 'Hatch';font-weight: 700;font-style: italic;color: var(--turmeric-base);display: none;}
.section-intro .intro-description{font-size: var(--font-lg);color: var(--neutral-700);line-height: 1.6; flex-shrink: 1; flex-grow: 1;max-width: 660px;}
.section-intro .intro-action{flex-shrink: 0;}
/* ********|| INTRO END ||******** */

/* ********|| CATEGORIES START ||******** */
.section-categories{ position: relative; padding: 120px 0;}
.category-slider{position: relative; margin: 100px 0;}
.category-slider .swiper{display: flex; width: 100%; overflow-x: hidden;}
.category-slider .swiper-wrapper{display: flex; width: auto; gap: 64px;}
.category-slider .swiper-slide{width: auto;padding: 16px 0;}
.category-slider .swiper-slide:first-child{padding-left: var(--padding);}
.category-slider .swiper-slide:last-child{padding-right: var(--padding);}
.category-slider .category-item{position: relative; width: 360px;display: flex;flex-direction: column;}
.category-slider .category-item .category-image{position: relative; width: 100%; aspect-ratio: 1/1;border-radius: 32px; background-color: var(--lotus-base);}
.category-slider .category-item .category-image-inner{position: relative; width: 100%; aspect-ratio: 1/1; overflow: hidden; border-radius: 32px; transition: all 0.3s ease;}
.category-slider .category-item .category-image img{width: 100%; height: 100%; object-fit: cover;}
.category-slider .category-item .category-content{position: relative; padding: 24px 0;}
.category-slider .category-item .category-title{display: flex;align-items: center;justify-content: center;height: 78px; overflow: hidden;}
.category-slider .category-item .category-title .title{display: -webkit-box;margin: 0;font-family: 'Hatch';font-size: var(--subheading-lg);color: var(--shade-base);text-align: center;font-style: italic;overflow: hidden;text-overflow: ellipsis;line-height: 1.2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all 0.3s ease;}
.category-slider .category-item .category-description{font-size: var(--font-xl);text-align: center;line-height: 1.6;margin: 20px 0 0;}
.category-slider .category-item:hover .category-image-inner{transform: translate(-6px,-6px);}
.category-slider .category-item:hover .category-title{color: var(--lotus-base);}
/* ********|| CATEGORIES END ||******** */

/* ********|| INGREDIENTS START ||******** */
.section-ingredients{position: relative; padding: 160px 0;}
.section-ingredients .container{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 40px;}
.section-ingredients .ingredient-details{position: relative; display: flex;}
.section-ingredients .ingredient-details:before{content: ''; position: absolute;background-image: url(../images/pointer.svg);width: 88px;height: 22px;top: 0;left: 50%;transform: translate(-50%, -100%);}
.section-ingredients .ingredient-details:after{content: ''; position: absolute;background-image: url(../images/pointer.svg);width: 88px;height: 22px;bottom: 0;left: 50%;transform: translate(-50%, 100%) rotate(180deg);}
.section-ingredients .ingredient-details .ingredient-inner{position: relative; z-index: 0; background-color: var(--coriander-lighter);border-radius: 44px;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;padding: 80px;}
.section-ingredients .ingredient-details .pattern{position: absolute;z-index: -1;top: 0;right: 0;}
.section-ingredients .ingredient-details .pattern img{width:100%; height: 100%; object-fit: contain;}
.section-ingredients .ingredient-details .heading{font-family: 'Hatch'; font-size: var(--subheading-sm); font-style: italic; font-weight: 500; color: var(--coriander-base);}
.section-ingredients .ingredient-details .content{margin: auto 0 0;}
.section-ingredients .ingredient-details .title{font-family: 'Hatch';font-weight: 600;font-size: var(--heading-xl);text-transform: uppercase;color: var(--coriander-dark);margin: 0 0 30px;}
.section-ingredients .ingredient-details .description{font-size: var(--font-xl);color: var(--neutral-700);margin: 30px 0;}
.section-ingredients .ingredient-details .actions{margin: 60px 0 0;}
.section-ingredients .ingredients{position: relative;}
.section-ingredients .ingredients .ingredient-item{display: flex;align-items: center;gap: 40px; padding:0 40px;}
.section-ingredients .ingredients .ingredient-item .item-image-wrap{position: relative;width: 240px;aspect-ratio: 1 / 1;display: flex; flex-shrink: 0;}
.section-ingredients .ingredients .ingredient-item .item-image{width: 100%;aspect-ratio: 1 / 1;border-radius: 50%;overflow: hidden;transition: all 0.3s cubic-bezier(0.75, 0.51, 0.25, 0.5);}
.section-ingredients .ingredients .ingredient-item .item-image img{width:100%; height: 100%; object-fit: cover;}
.section-ingredients .ingredients .ingredient-item .item-subimage{position: absolute; z-index: -1; top: 50%;left: 50%;width: 48px;height: 48px;transform: translate(-50%, -50%);border-radius: 50%;background-repeat: no-repeat;background-size: 300%; transition: all 0.3s cubic-bezier(0.75, 0.51, 0.25, 0.5);}
.section-ingredients .ingredients .ingredient-item .item-subimage.cinnamon{background-position: 0% 0%;}
.section-ingredients .ingredients .ingredient-item .item-subimage.coriander{background-position: 50% 0%;}
.section-ingredients .ingredients .ingredient-item .item-subimage.garlic{background-position: 100% 0%;}
.section-ingredients .ingredients .ingredient-item .item-subimage.ghee{background-position: 100% 50%;}
.section-ingredients .ingredients .ingredient-item .item-subimage.paneer{background-position: 0% 50%;}
.section-ingredients .ingredients .ingredient-item .item-subimage.ginger{background-position:50% 50%}
.section-ingredients .ingredients .ingredient-item .item-subimage.cardamom{background-position:0% 100%}
.section-ingredients .ingredients .ingredient-item .item-connector{flex-shrink: 0;position: relative; height: 16px; width: 96px;}
.section-ingredients .ingredients .ingredient-item .item-connector img{width: 100%; height: 100%; object-fit: contain; position: absolute;top: 0;
left: 0; opacity: 1; transition: all 0.3s ease;}
.section-ingredients .ingredients .ingredient-item .item-connector img+img{ opacity: 0;}
.section-ingredients .ingredients .ingredient-item .item-content{flex-shrink: 1; flex-grow: 1; position: relative; transition: all 0.3s ease;}
.section-ingredients .ingredients .ingredient-item .item-title{font-family: 'Hatch';font-weight: 500;font-size: var(--subheading-sm);color: var(--shade-base);}
.section-ingredients .ingredients .ingredient-item .item-description{font-size: var(--font-sm); color: var(--neutral-600); margin: 10px 0 0;line-height: 1.25; position: absolute; top:auto; left: 0; width: 100%; max-height: 36px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.section-ingredients .ingredients .ingredient-item:nth-child(even){flex-direction: row-reverse;}
.section-ingredients .ingredients .ingredient-item:nth-child(even) .item-content{text-align: right;}
.section-ingredients .ingredients .ingredient-item:nth-child(even) .item-title{text-align: right; margin: 0 0 0 auto;}
.section-ingredients .ingredients .ingredient-item:hover .item-image{transform: scale(0.8);}
.section-ingredients .ingredients .ingredient-item:hover .item-subimage.top-left{top: 0%;left: 0%;transform: translate(0%, 0%);}
.section-ingredients .ingredients .ingredient-item:hover .item-subimage.top-right{top: 0%;left: 100%;transform: translate(-100%, 0%);}
.section-ingredients .ingredients .ingredient-item:hover .item-subimage.bottom-left{top: 100%;left: 0%;transform: translate(0%, -100%);}
.section-ingredients .ingredients .ingredient-item:hover .item-subimage.bottom-right{top: 100%;left: 100%;transform: translate(-100%, -100%);}
.section-ingredients .ingredients .ingredient-item:hover .item-connector img{opacity: 0;}
.section-ingredients .ingredients .ingredient-item:hover .item-connector img+img{opacity: 1;}
.section-ingredients .ingredients .ingredient-item:hover .item-content{padding: 0 0 45px;}
.section-ingredients .ingredients .ingredient-item:hover .item-description{opacity: 1; visibility: visible;}
/* ********|| INGREDIENTS END ||******** */

/* ********|| CATERING START ||******** */
.section-catering{position: relative; padding: 200px 0;overflow: hidden;}
.section-catering .section-inner{position: relative;background-color: var(--shade-base);padding: 260px 0; z-index: 0;}
.section-catering .catering-content{position: relative; display: flex; justify-content: center;}
.section-catering .catering-content .catering-inner{width: 100%; max-width: 720px; margin: 0 auto; text-align: center;}
.section-catering .catering-content .catering-title{font-family: 'Hatch';font-size: var(--subheading-3xl);font-style: italic;color: var(--neutral-100); margin: 0; justify-content: center;}
.section-catering .catering-content .catering-description{font-size: var(--font-xl);color: var(--neutral-100);line-height: 1.6;margin: 60px 0;}
.section-catering .catering-content .catering-action{ display:flex; align-items: center; justify-content: center;}
.section-catering .decoration{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2;}
.section-catering .decoration .decoration-item{aspect-ratio: 1 / 1;position: absolute;}
.section-catering .decoration .decoration-item img{width: 100%; height: 100%; object-fit: contain;}
.section-catering .decoration .decoration-item:nth-child(1){width: 25%;left: 5%;bottom: -15%;transform: translate(-50%, -50%);}
.section-catering .decoration .decoration-item:nth-child(2){width: 50%;left: 100%;top: 50%;transform: translate(-50%, -50%);}
.section-catering .catering-images{position: absolute;top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.section-catering .catering-images .catering-image-item{aspect-ratio: 3 / 4;position: absolute; display: flex;}
.section-catering .catering-images .catering-image-item .image-inner{width: 100%; position: relative; border-radius: 20px; overflow: hidden;}
.section-catering .catering-images .catering-image-item img{width: 100%; height: 100%; object-fit: cover;}
.section-catering .catering-images .catering-image-item:nth-child(1){width: 250px;top: 30%;left: 5%;transform: translate(-50%, -50%) rotate(5deg);}
.section-catering .catering-images .catering-image-item:nth-child(2){width: 150px;top: 14%;left: 30%;transform: translate(-50%, -50%) rotate(-17deg);}
.section-catering .catering-images .catering-image-item:nth-child(3){width: 260px;top: 5%;right: 5%;transform: translate(-50%, -50%) rotate(8deg);}
.section-catering .catering-images .catering-image-item:nth-child(4){width: 250px;bottom: -25%;left: 20%;transform: translate(-50%, -50%) rotate(-8deg);}
.section-catering .catering-images .catering-image-item:nth-child(5){width: 140px;bottom: -12%;left: 65%;transform: translate(-50%, -50%) rotate(8deg);}
.section-catering .catering-images .catering-image-item:nth-child(6){aspect-ratio: 2 / 3;width: 320px;bottom: -35%;right: -10%;transform: translate(-50%, -50%) rotate(-8deg);}
/* ********|| CATERING END ||******** */

/* ********|| INFORMATION START ||******** */
.section-information{position: relative; padding: 160px 0;overflow: hidden;}
.informations{position: relative; display: flex; gap: 24px;}
.informations .information-item{ position: relative; overflow: hidden; z-index: 0; flex-shrink: 1; flex-grow: 1; min-height: 520px; width: 50%;transition: all 0.3s cubic-bezier(0.75, 0.51, 0.25, 0.5);}
.informations .information-item .information-inner{position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 40px; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 60px;display: flex;flex-direction: column;justify-content: flex-end;}
.informations .information-item .information-inner:after{ content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to top, rgba(var(--sari-darker-rgb), 0.9), transparent); z-index: 1;}
.informations .information-item .information-content{position: relative;width: 100%;z-index: 2;overflow: hidden; max-height: 80px;transition: all 0.5s cubic-bezier(0.75, 0.51, 0.25, 0.5);}
.informations .information-item .information-title{font-family: 'Hatch';font-weight: 700;font-size: var(--heading-base);text-transform: uppercase;line-height: 1.2;margin: 0;color: var(--white);max-width: 420px;}
.informations .information-item .information-description{color: var(--white);line-height: 1.6; margin: 30px 0 0; position: relative;width: 100%;opacity: 0;visibility: hidden;transition: all 0.5s cubic-bezier(0.75, 0.51, 0.25, 0.5);}
.informations .information-item .information-action{display: flex; margin: 24px 0 0;}
.informations .information-item:hover{width: 70%;}
.informations .information-item:hover .information-content{max-height: 600px;}
.informations .information-item:hover .information-description{position: relative; opacity: 1; visibility: visible;}
/* ********|| INFORMATION END ||******** */

/* ********|| LOCATIONS START ||******** */
.section-locations{position: relative; padding: 160px 0;}
.section-locations .locations{display: flex;position: relative;gap: 40px; padding: 0 0 0 40%;}
.section-locations .location-image-wrap{position: absolute;top: 50%;left: 0;transform: translate(-50%, -50%);width: 60%;aspect-ratio: 1 / 1;}
.section-locations .locations-image{width: 100%; height: 100%;}
.section-locations .locations-image img{width: 100%; height: 100%; object-fit: contain;}
.section-locations .locations-connector{position: absolute;height: 50px;width: 140px;top: 40px;left: 0;transform: translateX(calc(-100% - 40px));}
.section-locations .locations-connector img{width: 100%; height: 100%; object-fit: contain; position: absolute;top: 0;left: 0; opacity: 1; transition: all 0.3s ease;}
.section-locations .locations-content{position: relative;width: 100%;max-width: 500px;}
.section-locations .locations-title{font-family: 'Hatch';font-weight: 700;font-size: var(--subheading-2xl);color: var(--shade-base);margin: 0;text-transform: uppercase;}
.section-locations .locations-description{margin: 60px 0 0;color: var(--neutral-700);line-height: 1.6;max-width: 360px;}
.section-locations .locations-actions{display: flex; align-items: center; margin: 100px 0 0;}
/* ********|| LOCATIONS END ||******** */

/* ********|| FOOTER START ||******** */
footer{position: relative;padding: 120px 0 0;z-index: -1; height: 660px;display: flex; margin-top: -660px;}
footer .footer-inner{position: relative;background-color: var(--sari-base);width: 100%;display: flex;flex-direction: column;justify-content: flex-end;}
footer .footer-inner:before{content: '';position: absolute;width: 100%;height: 80px;top: -80px;left: 0;background-image: url(../images/border-sari.svg);background-repeat: repeat-x;background-size: cover;}
footer .container{display: flex;gap: 200px;padding-top: 120px;padding-bottom: 120px;}
footer .container+.container{border-top:1px solid var(--sari-medium); padding-top: 30px;padding-bottom: 30px;}
footer .footer-content{display: flex;width: 45%; gap: 60px;}
footer .footer-brand{position: relative;width: 200px; flex-shrink: 0;}
footer .footer-brand .logo{display: flex; width: 100%; height: 100%;}
footer .footer-brand .logo img{width: 100%; height: 100%; object-fit: contain;}
footer .newsletter{position: relative;}
footer .newsletter .newsletter-title{font-family: 'Hatch';font-weight: 700;font-size: var(--subheading-sm);font-style: italic;color: var(--sari-light);margin: 0 0 8px;}
footer .newsletter .newsletter-text{font-size: var(--font-base);color: var(--neutral-100);}
footer .newsletter .newsletter-form{position: relative;margin: 24px 0 0;}
footer .newsletter .form-group{position: relative;margin: 0 0 16px;}
footer .newsletter .form-control{height: 48px;font-size: var(--font-base);border: none;background-color: transparent;border-bottom: 1px solid var(--sari-light);color: var(--neutral-100);font-family: 'Florentia';padding: 10px 0 6px;line-height: 1;width: 100%;border-radius: 0; transition: all 0.3s ease;}
footer .newsletter .form-control:focus{border-color: var(--sari-medium);}
footer .newsletter .form-action{position: relative;margin: 16px 0 0;}
footer .newsletter .btn-submit{position: relative;z-index: 0;}
footer .newsletter .btn-submit:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;border-radius: 8px; border:2px solid var(--neutral-200); z-index: -1;}
footer .newsletter .btn-submit .btn-input{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0;cursor: none;}
footer .newsletter .btn-submit .btn-inner{display: flex;align-items: center;justify-content: space-between; gap:8px; width: 100%; height: 40px; font-size: var(--font-xl); padding: 4px 12px 0; font-weight: 700; color: var(--sari-base); background-color: var(--neutral-200); border-radius: 8px; line-height: 1; transition: all 0.3s ease;}
footer .newsletter .btn-submit .btn-inner span{font-size: var(--font-sm);}
footer .newsletter .btn-submit:hover .btn-inner{transform: translate(-3px,-3px);}
footer .newsletter .wpcf7-spinner{position: absolute;top: 50%;right: 10px;z-index: 1;transform: translateY(-50%);margin: 0;}
footer .newsletter .wpcf7-not-valid-tip{display: none;}
footer .newsletter .wpcf7 form.invalid .wpcf7-response-output, footer .newsletter .wpcf7 form.unaccepted .wpcf7-response-output, footer .newsletter .wpcf7 form.payment-required .wpcf7-response-output, footer .newsletter .wpcf7 form.failed .wpcf7-response-output, footer .newsletter .wpcf7 form.aborted .wpcf7-response-output{border: none;margin: 0;padding: 0;font-size: var(--font-xs);font-weight: 300;color: var(--sari-light);position: absolute;bottom: 0;left: 0;transform: translateY(calc(100% + 10px));}
footer .footer-options{display: flex;width: 55%; gap: 60px;}
footer .footer-group{position: relative;width: 100%;}
footer .footer-title{font-family: 'Hatch';font-weight: 500;font-size: var(--font-lg);margin: 0 0 24px;color: var(--sari-lighter);}
footer .footer-links{padding: 0;margin: 0 0 16px;list-style: none;}
footer .footer-links > li+li{margin: 12px 0 0;}
footer .footer-links > li .link{font-size: var(--font-sm);color: var(--neutral-50);line-height: 1.6;display: inline-block;}
footer .footer-links > li .link:hover{transform: translateX(10px);}
footer .footer-social{padding: 0;margin: 0 0 16px;list-style: none; display: flex; flex-wrap: wrap; gap: 12px;}
footer .footer-social > li .link{font-size: var(--font-2xl);color: var(--sari-lighter);}
footer .footer-social > li .link:hover{color: var(--sari-light);}
footer .footer-bar{display: flex; align-items: center; justify-content: space-between;width: 100%;}
footer .footer-bar .copyright{font-size: var(--font-sm);font-weight: 300;color: var(--sari-lighter);}
footer .footer-bar .address{font-size: var(--font-sm);font-weight: 300;color: var(--sari-lighter);}
/* ********|| FOOTER END ||******** */

/* ********|| MENU START ||******** */
.section-menu{position: relative;}
.section-menu .menu-categories{position: sticky;top: var(--headerHeight);background-color: var(--neutral-50);padding: 40px 0;z-index: 2; transition: all 0.3s ease;}
.section-menu .menu-categories .btn-dropdown{ position: relative; display: none;width: 100%;height: 48px;align-items: center;padding: 4px 12px 0;border: 1px solid var(--neutral-200);border-width: 1px 0;background-color: transparent;font-size: var(--font-lg);font-family: 'Florentia';font-weight: 600;color: var(--neutral-700); margin: 0 0 -1px;}
.section-menu .menu-categories .btn-dropdown:after{content:'\f078'; font-family: 'Font Awesome 6 Pro'; font-weight: 400; font-size: var(--font-lg); color: var(--neutral-500); position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(0deg); transform-origin: center;transition: all 0.3s ease;}
.section-menu .menu-categories .btn-dropdown.active:after{transform: translateY(-50%) rotate(-180deg);}
.section-menu .menu-categories .menu-categories-dropdown{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 12px;transition: all 0.3s ease;}
.section-menu .menu-categories .category-item{font-family: 'Florentia';font-size: var(--font-lg);font-weight: 600;color: var(--neutral-500);line-height: 1;height: 44px;display: flex;align-items: center;justify-content: center;padding: 4px 16px 0;border: 1px solid var(--neutral-300);background-color: transparent;border-radius: 8px;cursor: pointer;}
.section-menu .menu-categories .category-item:hover{background-color: var(--neutral-100); color: var(--neutral-600);}
.section-menu .menu-categories .category-item.active{background-color: var(--shade-base); color: var(--neutral-50);}
.scroll-down .section-menu .menu-categories{top: 0;}
.scroll-up .section-menu .menu-categories{top: var(--headerScrolledHeight);}
.section-menu .menu-sections{position: relative;}
.section-menu .menu-sections .menu-section-item{position: relative;padding: 100px 0;}
.section-menu .menu-sections .menu-section-item .section-title-wrapper .section-title .title{max-width: 540px;}
.menu-list{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));column-gap: 24px;row-gap: 32px; margin: 60px 0 0;}
.menu-item{position: relative; display: flex; flex-direction: column;}
.menu-item .menu-image{position: relative;z-index: 1;width: 300px;aspect-ratio: 1 / 1;margin: 0 auto;transition: all 0.3s ease; flex-shrink: 0;}
.menu-item .menu-image img{width: 100%; height: 100%; object-fit: contain;}
.menu-item .menu-content{position: relative;margin: -150px 0 0;padding: 150px 32px 40px;background-color: var(--neutral-100); border-radius: 32px; overflow: hidden;flex-grow: 1;flex-shrink: 1;display: flex;flex-direction: column;}
.menu-item .menu-information{margin: 0 0 auto;}
.menu-item .menu-title{display: flex;align-items: center;justify-content: center;height: 78px;overflow: hidden;margin: 0 0 32px;}
.menu-item .menu-title .title{ margin: 0; text-align: center;font-family: 'Hatch';font-weight: 500;font-style: italic;font-size: var(--subheading-base);color: var(--shade-base); display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.menu-item .menu-description{font-size: var(--font-lg);color: var(--neutral-500);text-align: center;}
.menu-item .menu-meta{position: relative; margin: 48px 0 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px;transition: all 0.3s ease;}
.menu-item .menu-meta .meta-item{display: flex; align-items: center; justify-content: center; gap: 0; padding: 0 8px; height: 40px; border-radius: 32px; background-color: var(--neutral-200);}
.menu-item .menu-meta .meta-icon{width: 28px;height: 28px;background-repeat: no-repeat;background-size: contain;background-position: center;}
.menu-item .menu-meta .meta-label{font-size: var(--font-sm);font-weight: 500;color: var(--neutral-800);line-height: 1;padding: 3px 8px 0;}
.menu-item .menu-actions{position: absolute;display: flex;align-items: center;gap: 8px;width: 100%;bottom: 0;left: 0;background-color: var(--neutral-100);padding: 24px 32px;transform: translateY(100%);transition: all 0.3s ease;}
.menu-item .menu-actions .btn-action{flex-shrink: 1; flex-grow: 1;}
.menu-item .menu-actions .btn-action .btn-inner{height: 56px;}
.menu-item .menu-actions .btn-action .btn-inner span+span{display: none;}
.menu-item:hover .menu-image{transform: scale(0.9);}
.menu-item:hover .menu-meta{opacity: 0;}
.menu-item:hover .menu-actions{transform: translateY(0%);}
.menu-item.menu-text-card{display: flex;flex-direction: column;}
.menu-item.menu-text-card .menu-content{margin: 156px 0 0;padding: 40px 110px;flex-grow: 1;display: flex;align-items: center;justify-content: center;}
.menu-item.menu-text-card .menu-information{margin: auto;}
.menu-item.menu-text-card .menu-title{line-height: 1.6; margin: 0;height: auto;overflow: visible;}
.menu-item.menu-text-card .menu-title .title{-webkit-line-clamp: unset;-webkit-box-orient: unset;}
.menu-item.card-sari .menu-content{background-color: var(--sari-lighter);}
.menu-item.card-sari .menu-title .title{color: var(--sari-base);}
.menu-item.card-lotus .menu-content{background-color: var(--lotus-lighter);}
.menu-item.card-lotus .menu-title .title{color: var(--lotus-base);}
.menu-item.card-coriander .menu-content{background-color: var(--coriander-lighter);}
.menu-item.card-coriander .menu-title .title{color: var(--coriander-base);}
.menu-item.card-turmeric .menu-content{background-color: var(--turmeric-lighter);}
.menu-item.card-turmeric .menu-title .title{color: var(--turmeric-base);}
.menu-item.card-kite .menu-content{background-color: var(--kite-lighter);}
.menu-item.card-kite .menu-title .title{color: var(--kite-base);}
.menu-item.card-shade .menu-content{background-color: var(--shade-lighter);}
.menu-item.card-shade .menu-title .title{color: var(--shade-base);}

/*============ Menu List SM ============*/
.menu-list.menu-sm{grid-template-columns: repeat(4, minmax(0, 1fr));}
.menu-list.menu-sm .menu-item .menu-image{width: 240px;}
.menu-list.menu-sm .menu-item .menu-content{margin: -120px 0 0;padding: 120px 32px 40px;}
.menu-list.menu-sm .menu-item .menu-title{margin: 0 0 16px;}
.menu-list.menu-sm .menu-item .menu-title .title{font-size: var(--subheading-sm);}
.menu-list.menu-sm .menu-item .menu-description{font-size: var(--font-sm);}
.menu-list.menu-sm .menu-item .menu-meta .meta-item{padding: 0; aspect-ratio: 1/1;height: 32px;}
.menu-list.menu-sm .menu-item .menu-meta .meta-icon{width: 32px;height: 32px;}
.menu-list.menu-sm .menu-item .menu-meta .meta-label{display: none;}
.menu-list.menu-sm .menu-item .menu-actions .btn-action .btn-inner{height: 40px;padding: 4px 10px 0;}
.menu-list.menu-sm .menu-item .menu-actions .btn-action .btn-inner span{font-size: var(--font-sm);}
.menu-list.menu-sm .menu-item .menu-actions .btn-action .btn-inner i{display: none;}
/* ********|| MENU END ||******** */

/* ********|| MENU DETAILS START ||******** */
.section-menu-details{position: relative; padding: 80px 0;}
.menu-details{display: flex; background-color: var(--neutral-100); border-radius: 56px;gap: 40px; padding: 60px;}
.menu-details .menu-details-image{width: 50%; flex-shrink: 0; transform: translateX(-100px);}
.menu-details .menu-details-image img{width: 100%; height: 100%; object-fit: contain;}
.menu-details .menu-details-content{flex-shrink: 1; flex-grow: 1; display: flex; flex-direction: column; position: relative; z-index: 0;}
.menu-details .menu-details-content:before{content: ''; position: absolute;background-image: url(../images/leaf-bud-neutral-300.svg);width: 120px;height: 62px;top: 80px;right: calc(100% + 40px);background-repeat: no-repeat;background-size: contain;background-position: center;}
.menu-details .menu-details-action{display: flex; align-items: center; margin: 0 0 20px;}
.menu-details .menu-details-title{font-family: 'Hatch';font-weight: 600;font-style: italic;font-size: var(--heading-2xl);color: var(--shade-base);margin: 0;}
.menu-details .menu-details-description{font-size: var(--font-lg);line-height: 1.6;margin: 36px 0 0;}
.menu-details .menu-details-meta{position: relative; margin: 48px 0; display: flex; align-items: center; gap: 8px;}
.menu-details .menu-details-meta .meta-item{display: flex; align-items: center; justify-content: center; gap: 0; padding:0; height: 40px; border-radius: 40px; background-color: var(--neutral-200);}
.menu-details .menu-details-meta .meta-icon{width: 40px;height: 40px;background-repeat: no-repeat;background-size: contain;background-position: center;}
.menu-details .menu-details-meta .meta-label{font-size: var(--font-base);font-weight: 500;color: var(--neutral-800);line-height: 1;padding: 3px 12px 0;}
.menu-details .menu-details-options{margin: auto 0 0; display: flex; align-items: center; gap: 20px;}

/*============ Menu Combinations & Ingredients ============*/
.section-menu-combinations{position: relative;padding: 120px 0;}
.section-menu-ingredients{position: relative;padding: 120px 0;}
.section-menu-ingredients .section-title .title{text-transform: capitalize; font-size: var(--subheading-xl); font-style: italic;}

/*============ Menu Ingredients ============*/
.menu-ingredients{position: relative; margin: 80px 0 0;}
.menu-ingredients .swiper-slide{width: auto;}
.menu-ingredients .swiper-slide:first-child{padding-left: var(--padding);}
.menu-ingredients .swiper-slide:last-child{padding-right: var(--padding);}
.menu-ingredients .swiper-pagination{position: relative;text-align: left;top: auto !important;left: auto !important;bottom: auto !important;right: auto !important;display: flex;align-items: center; justify-content: center; margin: 40px -4px 0;}
.menu-ingredients .swiper-pagination .swiper-pagination-bullet{width:12px; height: 12px;border-radius:50px;background-color: var(--coriander-light); opacity: 1; transition: all 0.3s ease; cursor: none;}
.menu-ingredients .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--coriander-dark); width: 24px;}
.menu-ingredients .menu-ingredient-item{ display: flex; width: 300px;}
.menu-ingredients .menu-ingredient-item .item-inner{display: flex; flex-direction: column;background-color: var(--coriander-lighter);border-radius: 32px; position: relative; width: 100%;}
.menu-ingredients .menu-ingredient-item .item-icon{position: absolute;top: 16px;right: 16px;width: 32px;height: 32px;background-color: var(--white);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--coriander-base);font-size: var(--font-xl);box-shadow: 0 1px 8px rgba(var(--coriander-base-rgb), 0.3); transform-origin: center; transform: scale(0); opacity: 0; transition: all 0.3s ease;}
.menu-ingredients .menu-ingredient-item .item-image{width: 100%;aspect-ratio: 5 / 4;overflow: hidden;}
.menu-ingredients .menu-ingredient-item .item-image img{width: 100%; height: 100%; object-fit: contain;}
.menu-ingredients .menu-ingredient-item .item-title{padding: 10px 12px 30px;text-align: center;font-family: 'Hatch';font-weight: 600;font-style: italic;font-size: var(--subheading-xs);color: var(--shade-base);}
.menu-ingredients .menu-ingredient-item:hover .item-icon{transform: scale(1);opacity: 1;}

/*============ Similar Menus ============*/
.section-similar-menus{position: relative;padding: 120px 0 0;}
.section-similar-menus:after{content: ''; position: absolute; bottom: -120px; left: 0; width: 100%; height: 120px; background-color: var(--turmeric-medium); z-index: -2;}
.section-similar-menus .similar-menus-inner{position: relative; padding: 120px 0;width: 100%;background-color: var(--turmeric-medium);}
.section-similar-menus .similar-menus-inner:before{content: '';position: absolute;width: 100%;height: 80px;top: -80px;left: 0;background-image: url(../images/border-turmeric-medium.svg);background-repeat: repeat-x;background-size: cover;}
.section-similar-menus .section-title .title{color: var(--shade-base);max-width: 360px;}
.similar-menus{position: relative;}
.similar-menus .swiper-slide{width: auto;padding: 16px 0;height: auto;display: flex;}
.similar-menus .swiper-slide:first-child{padding-left: var(--padding);}
.similar-menus .swiper-slide:last-child{padding-right: var(--padding);}
.similar-menus .menu-item{width: 420px;}
.similar-menus .swiper-pagination{position: relative;text-align: left;top: auto !important;left: auto !important;bottom: auto !important;right: auto !important;display: flex;align-items: center; justify-content: center; margin: 20px -4px 0;}
.similar-menus.ingredients-details .swiper-pagination{margin: 40px -4px 0;}
.similar-menus .swiper-pagination .swiper-pagination-bullet{width:12px; height: 12px;border-radius:50px;background-color: var(--turmeric-light); opacity: 1; transition: all 0.3s ease; cursor: none;}
.similar-menus .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--turmeric-dark); width: 24px;}
.similar-menus.ingredients-details .swiper-pagination .swiper-pagination-bullet{background-color: var(--coriander-light); }
.similar-menus.ingredients-details .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--coriander-dark);}
/* ********|| MENU DETAILS END ||******** */

/* ********|| WELLNESS START ||******** */
.section-wellness-banner{position: relative; padding: 120px 0;}
.wellness-banner{position: relative;width: 100%; margin: 100px 0 0;overflow: hidden;}
.wellness-banner .banner-images{margin: 0 -180px; aspect-ratio: 16/6; overflow: hidden; display: grid;grid-template-columns: repeat(32, 1fr);grid-template-rows: repeat(13, 1fr); gap: 32px;}
.wellness-banner .banner-images .image{overflow: hidden; border-radius: 24px;width: 100%;height: 100%;}
.wellness-banner .banner-images .image img{width: 100%; height: 100%; object-fit: cover;}
.wellness-banner .banner-images .grid:nth-child(1){grid-area:1 / 2 / 7 / 10;}
.wellness-banner .banner-images .grid:nth-child(2){grid-area: 1 / 10 / 7 / 17; padding: 40px 0 0;}
.wellness-banner .banner-images .grid:nth-child(3){grid-area: 7 / 4 / 13 / 13;}
.wellness-banner .banner-images .grid:nth-child(4){grid-area: 7 / 13 / 12 / 17;}
.wellness-banner .banner-images .grid:nth-child(5){grid-area: 1 / 17 / 14 / 25;}
.wellness-banner .banner-images .grid:nth-child(6){grid-area: 1 / 25 / 7 / 32;padding: 40px 0 0;}
.wellness-banner .banner-images .grid:nth-child(7){grid-area: 7 / 25 / 13 / 30;}

/*============ Wellness Information ============*/
.section-wellness-information{position: relative;padding: 120px 0;}
.section-wellness-information .wellness-information{position: relative;width: 100%;max-width: 620px;margin: 0 auto;}
.section-wellness-information .wellness-information .description{font-size: var(--font-xl);line-height: 1.6;color: var(--neutral-800);}
.section-wellness-information .wellness-information .description > *{margin: 0 0 32px;}

/*============ Wellness Video ============*/
.section-wellness-video{position: relative;padding: 120px 0;}
.section-wellness-video .wellness-video{padding: 0;}
.video-wrapper{width: 100%; aspect-ratio: 2/1; position: relative; overflow: hidden; z-index: 0;}
.video-wrapper .video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-wrapper .video video{width: 100%; height: 100%; object-fit: cover;}
.video-wrapper .video-content{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: transparent;border: none;cursor: pointer;padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.video-wrapper .video-inner-content{width: 100%;max-width: 420px;display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px;}
.video-wrapper .video-icon{font-size: var(--heading-2xl);color: var(--white);}
.video-wrapper .video-title{font-family: 'Hatch';font-weight: 700;font-size: var(--heading-base);text-transform: uppercase;color: var(--white);line-height: 1.2;text-align: center;}
.video-wrapper .video-thumbnail{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;overflow: hidden;}
.video-wrapper .video-thumbnail:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent, rgba(var(--sari-darker-rgb), 0.8)) 90%;}
.video-wrapper .video-thumbnail img{width: 100%; height: 100%; object-fit: cover;}

/*============ Wellness Menu Processing ============*/
.section-menu-processing{position: relative;padding: 120px 0;background-color: var(--coriander-lighter); z-index: 0; overflow: hidden;}
/* .section-menu-processing:after{ content: ''; position: absolute;z-index: 0; bottom: 0; left: 0; width: 100%; height: calc(50vh + 0px); background-color: var(--neutral-50);} */
.section-menu-processing .menu-processing-video{ position: relative; z-index: 1; /*margin: -200px 0 0;*/}
.section-menu-processing .menu-processing-content{position: relative;width: 100%;max-width: 620px;margin: 40px auto 100px;}
.section-menu-processing .menu-processing-content .description{font-size: var(--font-xl);line-height: 1.6;color: var(--neutral-800); text-align: center;}
.section-menu-processing .menu-processing-content .description > *{margin: 0 0 32px;}
.menu-processing{position: relative;}
.menu-processing .processing{position: relative;display: flex;flex-direction: column;  align-items: flex-start; justify-content: center;}
.menu-processing .processing .processing-item{display: flex;align-items: center;position: relative;width: 100%;max-width: 50%; gap: 80px; margin:0 auto 0 0;}
.menu-processing .processing .processing-item+.processing-item{margin-top: -75px !important;}
.menu-processing .processing .processing-item .item-image{width: 300px;aspect-ratio: 1 / 1;flex-shrink: 0;}
.menu-processing .processing .processing-item .item-image img{width: 100%; height: 100%; object-fit: contain;}
.menu-processing .processing .processing-item .item-title{font-family: 'Hatch';font-size: var(--heading-base);font-weight: 500;font-style: italic;color: var(--shade-base);width: 200px;text-align: center;line-height: 1.2; position: relative;}
.menu-processing .processing .processing-item .item-title:before{content: ''; position: absolute;background-image: url(../images/leaf-bud-coriander-medium-over-bend-left.svg);width: 100px;height: 45px;top: 0;left: 0;transform: translate(-75%, -50%);background-repeat: no-repeat;background-size: contain;background-position: center;}
.menu-processing .processing .processing-item .item-line{position: absolute;top: 50%;right: -1px;height: 100%;border-left: 2px dashed var(--coriander-base);}
.menu-processing .processing .processing-item .item-line:before{content:''; position: absolute;width: 12px;aspect-ratio: 1 / 1;background-color: var(--coriander-medium);border-radius: 50%;border: 2px solid var(--coriander-base);top: 0;left: -1px;transform: translateX(-50%);}
.menu-processing .processing .processing-item:nth-child(even){ flex-direction: row-reverse; margin:0 0 0 auto;}
.menu-processing .processing .processing-item:nth-child(even) .item-line{left: -1px; right: auto;}
.menu-processing .processing .processing-item:nth-child(even) .item-title:before{left: auto; right: 0; transform: translate(75%, -50%); background-image: url(../images/leaf-bud-coriander-medium-over-bend-right.svg);}
.menu-processing .processing .processing-item:nth-child(2) .item-image{padding: 40px;}
.menu-processing .final-dish{position: relative;z-index: 1; padding: 170px 0 0;}
.menu-processing .final-dish .final-dish-title{font-family: 'Hatch';font-size: var(--heading-base);font-weight: 500;font-style: italic;color: var(--shade-base);text-align: center;line-height: 1.2;}
.menu-processing .final-dish .final-dish-image{width: 100%;max-width: 620px;margin: 0 auto;}
.menu-processing .final-dish .final-dish-image img{width: 100%; height: 100%; object-fit: contain;}

/*============ Wellness Ingredients ============*/
.section-wellness-ingredients{position: relative; padding: 120px 0;}
.section-wellness-ingredients:after{content: '';position: absolute;bottom: -120px;left: 0;width: 100%;height: 120px;background-color: var(--neutral-50);z-index: -2;}
.section-wellness-ingredients .section-title .title{max-width: 640px;}
.wellness-ingredient-elements{position: relative; padding: 40px 0 120px;}
.wellness-ingredient-elements .elements{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.wellness-ingredient-elements .elements .element{overflow: hidden; display: flex; position: absolute;}
.wellness-ingredient-elements .elements .element img{width: 100%; height: 100%; object-fit: contain;}
.wellness-ingredient-elements .elements .element:nth-child(1){width: 120px;aspect-ratio: 1 / 1;top: 0;left: 0;transform: translateY(-50%) rotate(-45deg);}
.wellness-ingredient-elements .elements .element:nth-child(2){width: 100px;aspect-ratio: 1 / 1;top: 50%;left: 0;transform: translate(-50%, -50%) rotate(60deg);}
.wellness-ingredient-elements .elements .element:nth-child(3){width: 200px;aspect-ratio: 1 / 1;bottom: 0;right: 0;transform: translateY(-50%) rotate(45deg);}
.wellness-ingredients{position: relative;}
.wellness-ingredients .wellness-tab-header{display: flex;align-items: center;justify-content: center; margin: 0 0 40px;}
.wellness-ingredients .tabs .tab-icon{width: 24px; height: 24px; display: flex; margin: -4px 0 0;}
.wellness-ingredients .tabs .tab-icon img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease;}
.wellness-ingredients .tabs .tab-button.active img{filter: brightness(0) invert(1) grayscale(1);}
.wellness-ingredients .wellness-tab-content{position: relative;}
.wellness-ingredients .wellness-tab-content .menu-ingredients{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 24px; row-gap: 32px;}
.wellness-ingredients .wellness-tab-content .menu-ingredient-item{width: 100%;}
/* ********|| WELLNESS END ||******** */

/* ********|| INGREDIENT DETAILS START ||******** */
.section-ingredient-details{position: relative; padding: 120px 0;}
.section-ingredient-details:after{content: '';position: absolute;bottom: -120px;left: 0;width: 100%;height: 120px;background-color: var(--neutral-50);z-index: -2;}
.section-ingredient-details .similar-menus .swiper-slide{padding-top: 0; padding-bottom: 0;}
.section-ingredient-details .similar-menus .swiper-slide:first-child{padding-left: calc((100% - 834px)/2);}
.section-ingredient-details .similar-menus .swiper-slide:last-child{padding-right: calc((100% - 834px)/2);}
.section-ingredient-details .similar-menus .menu-list{margin: 0;}
.ingredient-details{position: relative;width: 100%;max-width: 834px;margin: 0 auto;}
.ingredient-details .ingredient-action{display: flex; margin: 0 0 60px;}
.ingredient-details .ingrdient-subtitle{font-family: 'Hatch';font-size: var(--subheading-sm);font-style: italic;margin: 10px 0; color: var(--coriander-base);}
.ingredient-details .ingrdient-title{font-family: 'Hatch';font-size: var(--heading-xl);color: var(--shade-base);text-transform: uppercase;margin: 0 0 40px;}
.ingredient-details .ingredient-image{position: relative; overflow: hidden; background-color: var(--coriander-lighter); border-radius:32px; aspect-ratio: 2/1;}
.ingredient-details .ingredient-image img{width: 100%; height: 100%; object-fit: cover;}
.ingredient-details .ingredient-information{position: relative; padding: 60px 0 0;}
.ingredient-details .ingredient-information-item{position: relative; padding: 40px 0;}
.ingredient-details .ingredient-information-title{font-family: 'Hatch'; font-weight: 700; font-size: var(--heading-sm); color: var(--shade-base); text-transform: uppercase; margin: 0 0 30px;}
.ingredient-details .ingredient-information-description{font-size: var(--font-lg); color: var(--neutral-700); line-height: 1.6;}
.ingredient-details .ingredient-information-description > *{margin: 0 0 24px;}
.ingredient-details .ingredient-information-description > ul{list-style: none; padding: 0 0 0 32px;}
.ingredient-details .ingredient-information-description > ul > li{line-height: 1.6; position: relative;}
.ingredient-details .ingredient-information-description > ul > li+li{margin: 8px 0 0;}
.ingredient-details .ingredient-information-description > ul > li:before{content:'\f061'; font-family: 'Font Awesome 6 Pro'; position: absolute;left: -32px;top: 0;line-height: 1.4;color: var(--coriander-base);}
/* ********|| INGREDIENT DETAILS END ||******** */

/* ********|| LOCATIONS START ||******** */
.section-location-page{position: relative;}
.section-location-page:after{content: ''; position: absolute; bottom: -120px; left: 0; width: 100%; height: 120px; background-color: var(--neutral-50); z-index: -2;}
.section-location-page .section-inner{position: relative; padding: 120px 0; overflow: hidden;}
.section-location-page .location-content{position: relative;width: 100%;max-width: 720px;}
.section-location-page .location-subtitle{font-family: 'Hatch';font-size: var(--subheading-sm);font-style: italic; margin: 0 0 24px;}
.section-location-page .location-title{font-family: 'Hatch';font-size: var(--heading-xl);color: var(--shade-base);text-transform: uppercase;max-width: 600px;margin: 0 0 32px;}
.section-location-page .location-description{font-size: var(--font-xl);line-height: 1.6;color: var(--neutral-600);}
.section-location-page .location-description strong{font-weight: 700;}
.section-location-page .location-image{position: absolute;top: 0;right: 0;width: 720px;}
.section-location-page .location-image img{width: 100%; height: 100%; object-fit: contain;}

/*============ Locations ============*/
.location-list{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 24px;margin:180px 0 120px;}
.location-list .location-item{position: relative; display: flex; z-index: 1;}
.location-list .location-item .item-inner{position: relative;border-radius: 32px;overflow: hidden;padding: 12px;background-color: var(--neutral-100); display: flex; flex-direction: column;width: 100%;}
.location-list .location-item:nth-child(even) .item-inner{transform: translateY(120px);}
.location-list .location-item .item-image{position: relative;width: 100%;aspect-ratio: 2 / 1;border-radius: 24px;overflow: hidden; flex-shrink: 0;}
.location-list .location-item .item-image img{width: 100%; height: 100%; object-fit: cover;}
.location-list .location-item .item-content{position: relative;padding: 32px; flex-shrink: 1; flex-grow: 1; display: flex; flex-direction: column;}
.location-list .location-item .item-title{font-family: 'Hatch';font-weight: 700;font-size: var(--heading-sm);color: var(--shade-base); text-transform: uppercase; margin: 0 0 24px;}
.location-list .location-item .item-description{font-size: var(--font-base);color: var(--neutral-600);line-height: 1.6;margin: 0 0 24px;}
.location-list .location-item .item-actions{display: flex;gap: 12px;margin: auto 0 0;}
.location-list .location-item .item-actions .btn-action .btn-inner{height: 56px;}
.location-list .location-item .item-actions .btn-action.btn-neutral-200 .btn-inner{color: var(--sari-dark);}
.location-list .location-item .item-actions .btn-action.btn-neutral-200:hover .btn-inner{color: var(--sari-darker);}
.location-list .location-item.location-franchise{z-index: 0;}
.location-list .location-item.location-franchise .item-image{position: absolute;top: 0;left: 0;height: 100%;aspect-ratio: unset;z-index: -1;}
.location-list .location-item.location-franchise .item-image:after{ content: ''; position: absolute;top: 0;left: 0; width: 100%; height: 100%;z-index: 1; background: linear-gradient(to bottom, rgba(var(--neutral-100-rgb),0.8), var(--neutral-100));}
.location-list .location-item.location-franchise .item-inner{padding: 56px;}
.location-list .location-item.location-franchise .item-content{padding: 0;}
.location-list .location-item.location-franchise .item-subtitle{margin: 0 0 auto;font-family: 'Hatch';font-size: var(--subheading-sm);font-style: italic;color: var(--sari-medium);}
.location-list .location-item.location-franchise .item-actions{margin: 24px 0 0;}
/* ********|| LOCATIONS END ||******** */

/* ********|| LOCATION DETAILS START ||******** */
/*============ Locations Banner ============*/
.section-location-details-banner{position: relative;padding: 120px 0;overflow: hidden;}
.section-location-details-banner .location-banner-inner{position: relative;}
.section-location-details-banner .location-content{position: static;width: 100%;max-width: 660px;}
.section-location-details-banner .location-actions{margin: 0 0 60px;}
.section-location-details-banner .location-subtitle{font-family: 'Hatch';font-style: italic;font-weight: 700;font-size: var(--subheading-sm);margin: 0 0 24px;}
.section-location-details-banner .location-title{font-family: 'Hatch';font-weight: 700;font-size: var(--heading-xl);color: var(--shade-base); text-transform: uppercase; margin: 0 0 36px;}
.section-location-details-banner .location-description{font-size: var(--font-xl);color: var(--neutral-600);line-height: 1.6;}
.section-location-details-banner .location-option{margin: 60px 0 0;display: flex;}
.section-location-details-banner .location-option .options{display: flex;}
.section-location-details-banner .location-option .options-label{display: flex;align-items: center;padding: 0 60px;background-color: var(--sari-light);border-radius: 0 60px 60px 0;margin: 0 0 0 -12px;font-size: var(--font-base);font-weight: 700;line-height: 1;color: var(--sari-darker);}
.section-location-details-banner .location-image{position: absolute;top: 0;right: 0;width: 100%;max-width: 46%;height: 100%;border-radius: 32px 0 0 32px;overflow: hidden;}
.section-location-details-banner .location-image img{width: 100%; height: 100%; object-fit: cover;}

/*============ Locations Details ============*/
.section-location-details{position: relative;padding: 120px 0;}
.section-location-details:after{content: ''; position: absolute; bottom: -120px; left: 0; width: 100%; height: 120px; background-color: var(--neutral-100); z-index: -2;}
.location-details-cards{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 32px;}
.location-details-cards .card-column{width: 100%; display: flex; flex-direction: column; gap: 32px; padding: 120px 0 0;}
.location-details-cards .card-column:nth-child(even){padding: 0;}
.location-details-cards .details-card{position: relative;}
.location-details-cards .details-card .card-content{position: relative;background-color: var(--neutral-50);padding: 56px;border-radius: 28px; overflow: hidden;}
.location-details-cards .details-card .card-title{font-family: 'Hatch'; text-transform: uppercase; font-size: var(--heading-sm);color: var(--shade-base);margin: 0 0 24px;line-height: 1.2;}
.location-details-cards .details-card .card-description{position: relative;font-size: var(--font-lg);line-height: 1.6;color: var(--neutral-700);}
.location-details-cards .store-status{position: relative;display: flex;margin: 0 0 80px;}
.location-details-cards .store-status .status{ position: relative; font-size: var(--font-lg); font-weight: 600; background-color: var(--lotus-lighter);color: var(--lotus-dark);height: 44px;display: flex;align-items: center;justify-content: center;padding: 4px 16px 0 44px;border-radius: 30px;line-height: 1;}
.location-details-cards .store-status .status:before{content:''; position: absolute;width: 12px;aspect-ratio: 1 / 1;border-radius: 50%;background-color: var(--lotus-base);top: 50%;left: 20px;transform: translateY(-50%);animation: pulseOffline 1s infinite;}
.location-details-cards .store-status .status.online{background-color: var(--coriander-lighter);color: var(--coriander-dark);}
.location-details-cards .store-status .status.online:before{background-color: var(--coriander-base);animation: pulseOnline 1s infinite;}
.location-details-cards .store-time-table{position: relative;width: 100%;}
.location-details-cards .store-time-table table{width: 100%;}
.location-details-cards .store-time-table td{padding: 8px 0;font-size: var(--font-lg);color: var(--neutral-600);}
.location-details-cards .store-time-table td:last-child{ text-align: right;font-weight: 600;}
.location-details-cards .card-image{width: 100%; aspect-ratio: 5/4; overflow: hidden; border-radius: 28px;}
.location-details-cards .card-image img{width: 100%; height: 100%; object-fit: cover;}
.location-details-cards .card-tag{font-size: var(--font-base); font-weight: 600; color: var(--coriander-dark); background-color: var(--coriander-lighter); height: 58px; display: flex; align-items: center; justify-content: center; border-radius:0 0 0 24px; padding: 0 28px; position: absolute; top: 0; right: 0;}
.location-details-cards .card-facilities{display: flex; gap: 12px;}
.location-details-cards .card-facilities .item{display: flex;align-items: center;justify-content: center;padding: 0 16px;height: 40px;gap: 12px;background-color: var(--neutral-100);border-radius: 40px;}
.location-details-cards .card-facilities .item .item-icon{width: 24px;height: 24px; flex-shrink: 0;}
.location-details-cards .card-facilities .item .item-icon img{width: 100%; height: 100%; object-fit: contain;}
.location-details-cards .card-facilities .item .item-data{flex-shrink: 1;flex-grow: 1;font-size: var(--font-base);font-weight: 600;color: var(--neutral-600);line-height: 1;padding: 3px 0 0;}
.location-details-cards .card-contacts{display: flex; flex-direction: column; gap: 20px;}
.location-details-cards .card-contacts .item{display: flex;gap: 12px;}
.location-details-cards .card-contacts .item .item-icon{margin: 2px 0 0;width: 24px;height: 24px; flex-shrink: 0; font-size: var(--font-2xl); color: var(--sari-base);display: flex;align-items: center;justify-content: center;}
.location-details-cards .card-contacts .item .item-data{flex-shrink: 1;flex-grow: 1;font-size: var(--font-lg);font-weight: 500;color: var(--neutral-700);line-height: 1.2;padding: 3px 0 0;}
/* ********|| LOCATION DETAILS END ||******** */

/* ********|| CATERING DETAILS START ||******** */
/*============ Catering Banner ============*/
.section-catering-banner{position: relative; padding: 40px 0 160px;overflow: hidden;}
.section-catering-banner .catering-content{position: relative; display: flex; justify-content: center; background-color: var(--kite-lighter); border-radius: 32px;padding: 260px 0;}
.section-catering-banner .catering-content .catering-inner{width: 100%; max-width: 720px; margin: 0 auto; text-align: center;}
.section-catering-banner .catering-content .catering-subtitle{font-family: 'Hatch'; font-style: italic; font-size: var(--subheading-sm);color: var(--kite-dark);margin: 0 0 24px; justify-content: center;}
.section-catering-banner .catering-content .catering-title{font-family: 'Hatch';font-size: var(--heading-2xl);text-transform: uppercase;color: var(--shade-base);margin: 0; justify-content: center;}
.section-catering-banner .catering-content .catering-description{font-size: var(--font-xl);color: var(--neutral-100);line-height: 1.6;margin: 60px 0;}
.section-catering-banner .catering-content .catering-action{ display:flex; align-items: center; justify-content: center;}
.section-catering-banner .catering-images{position: absolute;top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.section-catering-banner .catering-images .catering-image-item{position: absolute; display: flex;}
.section-catering-banner .catering-images .catering-image-item .image-inner{width: 100%; height: 100%; position: relative; border-radius: 20px; overflow: hidden;aspect-ratio: 3 / 4;}
.section-catering-banner .catering-images .catering-image-item img{width: 100%; height: 100%; object-fit: cover;}
.section-catering-banner .catering-images .catering-image-item:nth-child(1){width: 220px;top: 30%;left: 0;transform: translate(-50%, -50%);}
.section-catering-banner .catering-images .catering-image-item:nth-child(2){width: 140px;top: 2%;left: 30%;transform: translate(-50%, -10%);}
.section-catering-banner .catering-images .catering-image-item:nth-child(3){width: 220px;top: 2%;right: 5%;transform: translate(0%, -10%);}
.section-catering-banner .catering-images .catering-image-item:nth-child(3) .image-inner{aspect-ratio: 4 / 3;}
.section-catering-banner .catering-images .catering-image-item:nth-child(4){width: 270px;bottom: 0;left: 20%;transform: translate(-50%, 25%);}
.section-catering-banner .catering-images .catering-image-item:nth-child(4) .image-inner{aspect-ratio: 4 / 3;}
.section-catering-banner .catering-images .catering-image-item:nth-child(5){width: 180px;bottom: 0;right: 35%;transform: translate(50%, 25%);}
.section-catering-banner .catering-images .catering-image-item:nth-child(6){width: 220px;bottom: 0;right: 0;transform: translate(50%, -25%);}
.section-catering-banner .catering-images .catering-image-item:nth-child(6).image-inner{aspect-ratio: 2 / 3;}

/*============ Catering Details ============*/
.section-catering-details{position: relative; }
.section-catering-details .section-inner{position: relative;padding: 120px 0 240px;overflow: hidden;}
.section-catering-details:after{content: '';position: absolute;bottom: -120px;left: 0;width: 100%;height: 120px;background-color: var(--neutral-50);z-index: -2;}
.catering-details-image{position: absolute;top: 240px;right: 0;height: calc(100% - 360px);width: 100%;max-width: calc(50% - 24px);overflow: hidden;border-radius: 32px 0 0 32px;padding: 64px;}
.catering-details-image .image-title{position: relative;z-index: 1;font-family: 'Hatch';font-style: italic;font-size: var(--subheading-sm);color: var(--neutral-800);margin: 0;-webkit-text-fill-color: var(--neutral-800);-webkit-text-stroke-width: 5px;-webkit-text-stroke-color: var(--white);paint-order: stroke fill;}
.catering-details-image .image-container{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--kite-medium);background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 32px 0 0 32px;}
.catering-details-image .image-container img{width: 100%; height: 100%; object-fit: contain;}
.catering-details{position: relative;width: 50%;max-width: calc(50% - 24px);display: flex; flex-direction: column; gap: 32px;}
.catering-details .details-card{position: relative;}
.catering-details .details-card .card-content{position: relative;background-color: var(--neutral-100);padding: 64px;border-radius: 28px; overflow: hidden;}
.catering-details .details-card .card-subtitle{font-family: 'Hatch'; font-style: italic; font-weight: 600; font-size: var(--subheading-sm);color: var(--kite-base);margin: 0 0 160px;line-height: 1.2;}
.catering-details .details-card .card-title{font-family: 'Hatch'; text-transform: uppercase; font-size: var(--heading-sm);color: var(--neutral-700);margin: 0 0 24px;line-height: 1.2;max-width: 480px;}
.catering-details .details-card .card-title.large{font-size: var(--heading-lg);color: var(--shade-base);}
.catering-details .details-card .card-description{position: relative;font-size: var(--font-lg);line-height: 1.6;color: var(--neutral-600);max-width: 480px;}
.catering-details .details-card .card-actions{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));margin: 60px 0 0;gap: 16px;}
.catering-details .card-contacts{display: flex; flex-direction: column; gap: 20px;}
.catering-details .card-contacts .item{display: flex;gap: 12px;}
.catering-details .card-contacts .item .item-icon{margin: 2px 0 0;width: 24px;height: 24px; flex-shrink: 0; font-size: var(--font-2xl); color: var(--kite-base);display: flex;align-items: center;justify-content: center;}
.catering-details .card-contacts .item .item-data{flex-shrink: 1;flex-grow: 1;font-size: var(--font-xl);font-weight: 500;color: var(--neutral-700);line-height: 1.2;padding: 3px 0 0;}
/* ********|| CATERING DETAILS END ||******** */

/* ********|| BLOGS START ||******** */
/*============ Featured Blogs ============*/
.section-featured-blogs{position: relative; padding: 120px 0;overflow: hidden;}
.featured-blog-list{display: grid;grid-template-columns: repeat(10, 1fr);grid-template-rows: repeat(10, 1fr);gap: 24px; margin: 120px -175px 0;}
.featured-blog-list .blog-item{width: 100%; display: flex; /*align-items: center;*/position: relative;}
.featured-blog-list .blog-item .item-inner{position: relative; z-index: 0; width: 100%; height: 100%; padding: 50px;border-radius: 32px;overflow: hidden;background-repeat: no-repeat; background-size: cover; background-position: center; display: flex;}
.featured-blog-list .blog-item .item-inner:after{content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent, rgba(var(--shade-darker-rgb),95));}
.featured-blog-list .blog-item .item-meta{position: absolute;top: 25px;right: 25px;display: flex;align-items: center;padding: 4px 16px 0;height: 40px;background-color: var(--neutral-100);border-radius: 40px;line-height: 1;gap: 22px;}
.featured-blog-list .blog-item .item-meta > div:last-child:before{content: ''; position: absolute;width: 6px;aspect-ratio: 1 / 1;background-color: var(--neutral-400);border-radius: 50%;top: 50%;left: -11px;transform: translate(-50%, -50%);margin: -2px 0 0;}
.featured-blog-list .blog-item .item-category{display: flex; flex-wrap: wrap; gap: 4px;}
.featured-blog-list .blog-item .item-category .category{position: relative; font-size: var(--font-sm);font-weight: 600;line-height: 1;color: var(--neutral-700);}
.featured-blog-list .blog-item .item-date{position: relative; font-size: var(--font-sm);color: var(--neutral-600);line-height: 1;}
.featured-blog-list .blog-item .item-content{position: relative;width: 100%;display: flex;flex-direction: column;justify-content: flex-end;}
.featured-blog-list .blog-item .item-title{margin: 0;font-family: 'Hatch';font-style: italic;font-size: var(--subheading-sm);color: var(--white);font-weight: 500;}
.featured-blog-list .blog-item:nth-child(1){grid-area: 1 / 2 / 6 / 6;}
/* .featured-blog-list .blog-item:nth-child(1) .item-inner{margin: auto 0 0 auto;} */
.featured-blog-list .blog-item:nth-child(2){grid-area: 2 / 6 / 10 / 11;}
.featured-blog-list .blog-item:nth-child(2) .item-inner{aspect-ratio: 1/1;}
.featured-blog-list .blog-item:nth-child(3){grid-area: 6 / 1 / 11 / 6;}
/* .featured-blog-list .blog-item:nth-child(3) .item-inner{margin: 0 0 auto auto;} */

/*============ Blog Categories ============*/
.section-blog{position: relative;padding: 120px 0;}
.section-blog:after{content: '';position: absolute;bottom: -120px;left: 0;width: 100%;height: 120px;background-color: var(--neutral-50);z-index: -2;}
.blog-categories{position: relative; margin: 100px 0 0;}
.blog-categories .blog-categories-tab-header{display: flex;align-items: center;justify-content: center; margin: 0 0 40px;}
.blog-categories .tabs .tab-button.active{background-color: var(--shade-base);color: var(--neutral-50);}
.blog-categories .tabs .tab-icon{width: 24px; height: 24px; display: flex; margin: -4px 0 0;}
.blog-categories .tabs .tab-icon img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease;}
.blog-categories .blog-categories-tab-content{position: relative;}

/*============ Blog Listing ============*/
.blog-list{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap:24px; row-gap: 48px;}
.blog-list .blog-item{position: relative;display: flex;}
.blog-list .blog-item .item-inner{position: relative;width: 100%; display: flex; flex-direction: column; border-radius: 20px; transition: all 0.3s ease;}
.blog-list .blog-item .item-image{width: 100%; border-radius: 20px; flex-shrink: 0; background-color: var(--kite-dark);}
.blog-list .blog-item .item-image-inner{width: 100%; aspect-ratio: 10/7; overflow: hidden; border-radius: 20px;transition: all 0.3s ease;}
.blog-list .blog-item .item-image-inner img{width: 100%; height: 100%; object-fit: cover;}
.blog-list .blog-item .item-content{flex-grow: 1; flex-shrink: 1; padding:20px 8px;display: flex;flex-direction: column;}
.blog-list .blog-item .item-meta{display: flex;align-items: center;justify-content: space-between;padding: 4px 0 0;margin: 0 0 12px;}
.blog-list .blog-item .item-category{line-height: 1;font-size: var(--font-lg);color: var(--neutral-600);}
.blog-list .blog-item .item-date{line-height: 1;font-size: var(--font-sm);color: var(--neutral-600);}
.blog-list .blog-item .item-title{margin: 0 0 auto;font-size: var(--heading-sm);font-family: 'Hatch';color: var(--shade-base); text-transform: uppercase;transition: all 0.3s ease;}
.blog-list .blog-item .item-tags{position: relative;margin: 24px 0 0;display: flex;align-items: center;flex-wrap: wrap;gap: 8px;}
.blog-list .blog-item .item-tags .tag{position: relative;height: 32px;background-color: var(--neutral-100);padding: 4px 12px 0;display: flex;align-items: center;border-radius: 30px;font-size: var(--font-sm);}
.blog-list .blog-item:hover .item-image-inner{transform: translate(-6px,-6px);}
.blog-list .blog-item:hover .item-title{color: var(--kite-dark);}

/* ********|| BLOGS END ||******** */

/* ********|| BLOG DETAILS START ||******** */
.section-blog-details{position: relative; padding: 80px 0;}
.section-blog-details:after{content: '';position: absolute;bottom: -120px;left: 0;width: 100%;height: 120px;background-color: var(--neutral-50);z-index: -2;}
.blog-details{position: relative;width: 100%;max-width: 834px;margin: 0 auto;}
.blog-details .blog-action{display: flex; margin: 0 0 60px;}
.blog-details .blog-subtitle{font-family: 'Hatch';font-size: var(--subheading-sm);font-style: italic;margin: 10px 0; color: var(--kite-dark);}
.blog-details .blog-title{font-family: 'Hatch';font-size: var(--heading-xl);color: var(--shade-base);text-transform: uppercase;margin: 0 0 40px;}
.blog-details .blog-meta{display: flex;align-items: center;justify-content: space-between;margin: 0 0 24px;}
.blog-details .blog-date{line-height: 1;font-size: var(--font-lg);color: var(--neutral-600); padding: 4px 0 0;}
.blog-details .blog-tags{position: relative;display: flex;align-items: center;flex-wrap: wrap;gap: 8px;}
.blog-details .blog-tags .tag{position: relative;height: 32px;background-color: var(--neutral-100);padding: 4px 12px 0;display: flex;align-items: center;border-radius: 30px;font-size: var(--font-sm); font-weight: 600;}
.blog-details .blog-image{position: relative; overflow: hidden; background-color: var(--kite-lighter); border-radius:32px; aspect-ratio: 2/1;}
.blog-details .blog-image img{width: 100%; height: 100%; object-fit: cover;}
.blog-details .blog-information{position: relative; padding: 60px 0 0;}
.blog-details .blog-information-item{position: relative; padding: 40px 0;}
.blog-details .blog-information-title{font-family: 'Hatch'; font-weight: 700; font-size: var(--heading-sm); color: var(--shade-base); text-transform: uppercase; margin: 0 0 30px;}
.blog-details .blog-information-description{font-size: var(--font-lg); color: var(--neutral-700); line-height: 1.6;}
.blog-details .blog-information-description > *{margin: 0 0 24px;}
.blog-details .blog-information-description > ul{list-style: none; padding: 0 0 0 32px;}
.blog-details .blog-information-description > ul > li{line-height: 1.6; position: relative;}
.blog-details .blog-information-description > ul > li+li{margin: 8px 0 0;}
.blog-details .blog-information-description > ul > li:before{content:'\f061'; font-family: 'Font Awesome 6 Pro'; position: absolute;left: -32px;top: 0;line-height: 1.4;color: var(--coriander-base);}
/* ********|| BLOG DETAILS END ||******** */

/* ********|| ABOUT START ||******** */
.section-about{position: relative;padding: 80px 0; overflow: hidden;}
.section-about .about-container{margin: 240px 0 0; position: relative;}
.section-about .about-row{display: flex;align-items: center;min-height: 800px;position: relative;}
.section-about .about-content{position: relative;width: 100%;max-width: 620px;}
.section-about .about-image-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 24px; position: relative;}
.section-about .about-image{position: relative; display: flex; position: relative; width: 100%;}
.section-about .about-image .about-image-container{position: relative; display: flex; width: 100%;}
.section-about .about-image .about-image-inner{position: relative;overflow: hidden; border-radius: 32px; aspect-ratio: 11/8;width: 100%;}
.section-about .about-image .about-image-inner img{width: 100%; height: 100%; object-fit: cover;}
.section-about .about-title{font-family: 'Hatch'; font-style: italic; font-weight: 700; font-size: var(--subheading-xl); color: var(--sari-base); margin: 0;}
.section-about .about-description{font-size: var(--font-lg); line-height: 1.6; color: var(--neutral-700); margin: 32px 0 0;}
.section-about .about-description > *{margin: 0 0 20px;}
.section-about .about-image-grid .about-image:nth-child(1){grid-column: span 2 / span 2;transform-origin: bottom right;transform: scale(1.3);aspect-ratio: 2 / 1.2;}
.section-about .about-image-grid .about-image:nth-child(1) .about-image-inner{ border-radius: 0 32px 32px 0;}
.section-about .about-image-grid .about-image:nth-child(2) .about-image-container{ position: absolute;top: 0;right: calc((100vw - 1370px) / -2);aspect-ratio: 5/8;transform-origin: top right;transform: scale(1.35);width: calc(100% + calc((100vw - 1370px) / 2));}
.section-about .about-image-grid .about-image:nth-child(2) .about-image-container:before{content: ''; position: absolute;width: 180px;aspect-ratio: 1 / 1;background-image: url(../images/mandala-daimond-coriander-light.svg);background-repeat: no-repeat;background-position: center;background-size: contain;transform:translate(-50%, -50%); bottom: 0; left: -5px;}
.section-about .about-image-grid .about-image:nth-child(2) .about-image-inner{ border-radius: 32px 0 0 32px;}
.section-about .about-row:nth-child(3) .about-image{aspect-ratio: 1 / 1;position: absolute;top: 50%;transform: translateY(-50%);left: calc((100vw - 1370px) / -2);width: 800px; border-radius: 0 32px 32px 0;}
.section-about .about-row:nth-child(3) .about-image .about-image-container:before{content: ''; position: absolute; width: 180px; aspect-ratio: 1/1; background-image: url(../images/mandala-daimond-turmeric-light.svg); background-repeat: no-repeat; background-position: center; background-size: contain;transform: translate(50%, -50%);top: 20px;right: 20px;}
.section-about .about-row:nth-child(3) .about-image .about-image-inner{ border-radius: 0 32px 32px 0;}
.section-about .about-row:nth-child(3) .about-content{max-width: 520px; margin: 0 0 0 50%;}

/*============ Celebration Section ============*/
.section-celebration{position: relative; padding: 160px 0;overflow: hidden; z-index: 1;}
.section-celebration .section-inner{position: relative;background-color: var(--sari-medium);padding: 260px 0; z-index: 0;}
.section-celebration .celebration-content{position: relative; display: flex; justify-content: center;}
.section-celebration .celebration-content .celebration-inner{width: 100%; max-width: 620px; margin: 0 auto;}
.section-celebration .celebration-content .celebration-subtitle{font-family: 'Hatch';font-size: var(--heading-xl); text-transform: uppercase; color: var(--white); margin: 0;}
.section-celebration .celebration-content .celebration-title{font-family: 'Hatch';font-size: var(--subheading-3xl);font-style: italic;color: var(--white); margin: 0; position: relative;}
.section-celebration .celebration-content .celebration-title:before{ content:''; position: absolute; width: 70px; height: 40px; background-image: url(../images/half-mandala-kite-medium.svg); background-repeat: no-repeat; background-size: contain; background-position: center;top: 50%;left: 0;transform: translate(-90%, -50%) rotate(-90deg);}
.section-celebration .celebration-content .celebration-description{font-size: var(--font-xl);color: var(--white);line-height: 1.6;margin: 60px 0;}
.section-celebration .celebration-content .celebration-description-note{font-size: var(--font-xl);color: var(--white);line-height: 1.6;margin: 60px 0;font-weight: 700;}
.section-celebration .celebration-images{position: absolute;top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.section-celebration .celebration-images .celebration-image-item{position: absolute; display: flex;}
.section-celebration .celebration-images .celebration-image-item .image-inner{width: 100%; position: relative; border-radius: 20px; overflow: hidden;}
.section-celebration .celebration-images .celebration-image-item img{width: 100%; height: 100%; object-fit: cover;}
.section-celebration .celebration-images .celebration-image-item:nth-child(1){width: 195px;top: 30%;left: 5%;transform: translate(0%, -50%);}
.section-celebration .celebration-images .celebration-image-item:nth-child(1) .image-inner{aspect-ratio: 1 / 1.2; }
.section-celebration .celebration-images .celebration-image-item:nth-child(2){width: 292px;top: 0;right: 0;transform: translate(10%, -25%);}
.section-celebration .celebration-images .celebration-image-item:nth-child(2) .image-inner{aspect-ratio: 1 / 0.925;}
.section-celebration .celebration-images .celebration-image-item:nth-child(3){width: 250px;top: 45%;right: 0;transform: translate(-50%, -50%);}
.section-celebration .celebration-images .celebration-image-item:nth-child(3) .image-inner{aspect-ratio: 1 / 1.11;}
.section-celebration .celebration-images .celebration-image-item:nth-child(4){width: 334px;bottom: -20%;left: 0;transform: translate(-10%, -50%);}
.section-celebration .celebration-images .celebration-image-item:nth-child(4) .image-inner{aspect-ratio: 1 / 0.92;}
.section-celebration .celebration-images .celebration-image-item:nth-child(5){width: 286px;bottom: 0;right: 5%;transform: translate(-50%, -20%);}
.section-celebration .celebration-images .celebration-image-item:nth-child(5) .image-inner{aspect-ratio: 1 / 0.7;}

/*============ Celebration Section ============*/
.section-mascot{position: relative; padding: 160px 0;z-index: 0; overflow: hidden;}
/* .section-mascot:before{content: ''; position: absolute; top: -160px; left: 0; width: 100%; height: 160px; background-color: var(--neutral-100); z-index: -2;} */
.section-mascot .container{display: flex;}
.section-mascot .mascot-container{position: relative; background-color: var(--white); padding: 88px; border-radius: 32px; max-width: 840px;width: 100%;}
.section-mascot .mascot-content{position: relative; max-width: 520px;}
.section-mascot .mascot-title{font-size: var(--heading-base);font-weight: 600;font-family: 'Hatch';text-transform: uppercase;color: var(--turmeric-base);max-width: 280px;margin: 0;}
.section-mascot .mascot-description{font-size: var(--font-xl);line-height: 1.6;color: var(--neutral-700);margin: 80px 0 0;}
.section-mascot .mascot-description > *{margin: 24px 0 0;}
.section-mascot .mascot-image{position: absolute;width: 100%;max-width: 560px;bottom: 80px;right: 0;transform: translateX(75%);}
.section-mascot .mascot-image img{width: 100%; height: 100%; object-fit: contain;}

/*============ Call to Action ============*/
.section-about-cta{position: relative; padding: 160px 0 0;}
.section-about-cta:before{content: ''; position: absolute; bottom: -120px; left: 0; width: 100%; height: 120px; background-color: var(--neutral-100); z-index: 0;}
.section-about-cta:after{content: '';position: absolute;width: 100%;height: 80px;bottom: -120px;left: 0;background-image: url(../images/border-sari.svg);background-repeat: repeat-x;background-size: cover;}

.section-about-cta.career{padding: 0;}
.section-about-cta.career:before{background-color: var(--neutral-50);}

.section-about-cta .about-cta-content{position: relative; height: 480px; padding: 160px 120px;display: flex;align-items: center;justify-content: space-between;overflow: hidden;border-radius: 32px 32px 0 0;background-repeat: no-repeat;background-size: cover;background-position: center; transform: translateY(120px); z-index: 0;}
.section-about-cta .about-cta-content:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(var(--shade-medium-rgb), 0.7), var(--shade-medium));z-index: -1;}
.section-about-cta .cta-content{position: relative; width: 100%; max-width: 460px;}
.section-about-cta .cta-title{font-family: 'Hatch'; font-weight: 700; text-transform: uppercase; font-size: var(--heading-lg);color: var(--neutral-50); margin: 0;}
.section-about-cta .cta-description{font-size: var(--font-base);line-height: 1.6;color: var(--neutral-50);margin: 20px 0 0;}
.section-about-cta .cta-actions{display: flex; flex-shrink: 0; justify-content: flex-end;}
.section-about-cta .btn-action .btn-inner{color: var(--sari-dark);}
/* ********|| ABOUT END ||******** */

/* ********|| FRANCHISE START ||******** */
.section-franchise-banner{position: relative; padding: 120px 0; overflow: hidden;}
.section-franchise-banner .section-title .title{max-width: 820px;}
.franchise-banner-list{display: grid;grid-template-columns: repeat(10, 1fr);grid-template-rows: repeat(10, 1fr);gap: 24px; margin: 80px 0;}
.franchise-banner-list .banner-item{display: flex;}
.franchise-banner-list .banner-item .item-inner{width: 100%; height: 100%; overflow: hidden; border-radius: 32px;}
.franchise-banner-list .banner-item .item-inner img{width: 100%; height: 100%; object-fit: cover;}
.franchise-banner-list .banner-item:nth-child(1){grid-area: 2 / 1 / 9 / 6;aspect-ratio: 6 / 5;transform: translateY(5%) scale(1.3);transform-origin: top right;}
.franchise-banner-list .banner-item:nth-child(2){grid-area: 1 / 6 / 6 / 11;}
.franchise-banner-list .banner-item:nth-child(3){grid-area: 6 / 6 / 11 / 11;aspect-ratio:5/3; scale: 1.5; transform-origin: top left; border-radius: 32px 0 0 32px;}

/*============ Franchise Factors ============*/
.section-factors{position: relative; padding: 160px 0;}
.section-factors .factors-content{position: relative;width: 100%;max-width: 850px;text-align: center;margin: 0 auto;}
.section-factors .factors-content .factors-title{font-family: 'Hatch'; font-weight: 600; font-size: var(--heading-base); margin: 0; color: var(--shade-base); text-transform: uppercase;}
.factors-list{position: relative; margin: 160px 0 0;background-color: var(--neutral-100);}
.factors-list .factor-item{position: relative;padding: 200px 0;}
.factors-list .factor-item .item-inner{position: relative;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 24px;background-color: var(--neutral-50);padding: 100px 40px 100px 100px;border-radius: 32px;}
.factors-list .factor-item .item-content{display: flex; flex-direction: column;}
.factors-list .factor-item .item-title{font-family: 'Hatch';font-weight: 700;font-size: var(--heading-xl);text-transform: uppercase;margin: 0 0 100px;color: var(--shade-base);max-width: 300px;}
.factors-list .factor-item .item-statistics{position: relative;margin: auto 0;width: 100%;max-width: 320px; display: flex; flex-direction: column;gap: 24px;}
.factors-list .factor-item .item-statistics .statistics{display: flex;position: relative; gap: 24px;}
.factors-list .factor-item .item-statistics .statistics-data{display: flex;align-items: center;justify-content: center;width: 120px;aspect-ratio: 3 / 2;background-color: var(--kite-lighter);flex-shrink: 0;border-radius: 12px;font-family: 'Hatch';font-size: var(--heading-base);font-weight: 600;letter-spacing: -2px;color: var(--kite-base);}
.factors-list .factor-item .item-statistics .statistics-label{flex-shrink: 1;flex-grow: 1;display: flex;align-items: center;font-size: var(--font-lg);line-height: 1.6;color: var(--neutral-600);}
.factors-list .factor-item .item-image-container{width: 600px;margin: -160px 0 0;}
.factors-list .factor-item .item-image-content{position: relative;}
.factors-list .factor-item .item-image{position: relative;aspect-ratio: 6 / 7.2;overflow: hidden;border-radius: 32px;}
.factors-list .factor-item .item-image img{width: 100%; height: 100%; object-fit: cover;}
.factors-list .factor-item .item-decoration{position: absolute;width: 124px;aspect-ratio: 1 / 1;}
.factors-list .factor-item .item-decoration img{width: 100%; height: 100%; object-fit: contain;}
.factors-list .factor-item .item-description{position: relative;margin: auto 0;width: 100%;max-width: 440px;}
.factors-list .factor-item .item-description ul{list-style: none; padding: 0 0 0 32px;}
.factors-list .factor-item .item-description ul > li{line-height: 1.6; position: relative;font-size: var(--font-lg);}
.factors-list .factor-item .item-description ul > li+li{margin: 32px 0 0;}
.factors-list .factor-item .item-description ul > li:before{content:'\f061'; font-family: 'Font Awesome 6 Pro'; position: absolute;left: -32px;top: 0;line-height: 1.2;
color: var(--neutral-500);font-size: var(--font-xl);}
.factors-list .factor-item .item-description.ul-arrow-termeric ul > li:before{color: var(--turmeric-base);}
.factors-list .factor-item .item-description.ul-arrow-sari-medium ul > li:before{color: var(--sari-medium);}
.factors-list .factor-item .item-description.ul-arrow-coriander ul > li:before{color: var(--coriander-base);}

.factors-list .factor-item:nth-child(odd) .item-decoration{top: 0;left: -5px;transform: translate(-50%, 100%);}
.factors-list .factor-item:nth-child(odd) .item-image-container{transform: rotate(4deg);}
.factors-list .factor-item:nth-child(even) .item-decoration{top: 0;left: -5px;transform: translate(-50%, 100%);}
.factors-list .factor-item:nth-child(even) .item-image-container{transform: rotate(-4deg);}
.factors-list .factor-item:nth-child(2) .item-decoration{top: 0;left: -5px;transform: translate(-70%, 200%) rotate(-90deg);aspect-ratio: 2 / 1;transform-origin: center;}

/*============ Franchise Connect ============*/
.section-franchise-connect{position: relative; padding: 120px 0;}
.section-franchise-connect:after{content: '';position: absolute;bottom: -120px;left: 0;width: 100%;height: 120px;background-color: var(--neutral-50);z-index: -2;}
.franchise-connect{position: relative;display: grid;grid-template-columns: repeat(7, minmax(0, 1fr));gap: 32px;}
.franchise-connect .column{grid-column: span 3 / span 3;display: flex;flex-direction: column;gap: 32px;}
.franchise-connect .column+.column{grid-column: span 4 / span 4;padding: 80px 0 0;}
.franchise-connect .details-card{position: relative;}
.franchise-connect .details-card .card-content{position: relative;background-color: var(--neutral-100);padding:48px;border-radius: 24px;overflow: hidden;}
.franchise-connect .details-card .pattern{position: absolute;top: -15%;right: -15%;width: 264px;height: 200px;z-index: -1;}
.franchise-connect .details-card .pattern img{width: 100%; height: 100%; object-fit: contain;}
.franchise-connect .details-card .card-title{font-family: 'Hatch';font-size: var(--subheading-base);color: var(--turmeric-base);font-weight: 500;font-style: italic;margin: 0 0 32px;line-height: 1.2;max-width: 240px;}
.franchise-connect .details-card .card-contacts{display: flex;flex-direction: column;gap: 20px;}
.franchise-connect .details-card .card-contacts .item{display: flex;gap: 12px;}
.franchise-connect .details-card .card-contacts .item-icon{margin: 0;width: 24px;height: 24px;flex-shrink: 0;font-size: var(--font-xl);color: var(--neutral-500);display: flex;align-items: center;justify-content: center;}
.franchise-connect .details-card .card-contacts .item-data{flex-shrink: 1;flex-grow: 1;font-size: var(--font-base);color: var(--neutral-500);line-height: 1.2;padding: 3px 0 0;}
.franchise-connect .details-card .card-image{position: absolute;top: 0;right: 0;border-radius: 0 24px 24px 0;overflow: hidden;width: calc(100% + var(--padding) + 40px);height: 800px;}
.franchise-connect .details-card .card-image img{width: 100%;height: 100%;object-fit: cover;}
.franchise-connect .franchise-form{position: relative;background-color: var(--neutral-100);padding: 72px 80px;border-radius: 24px;overflow: hidden;}
/* ********|| FRANCHISE END ||******** */

/* ********|| CAREER START ||******** */
.section-career-connect{position: relative; padding: 120px 0; }
.section-career-connect:after{content: '';position: absolute;bottom: -120px;left: 0;width: 100%;height: 120px;background-color: var(--neutral-50);z-index: -2;}
.career-connect{position: relative;display: grid;grid-template-columns: repeat(7, minmax(0, 1fr));gap: 32px; margin: 120px 0 0;}
.career-connect .column{grid-column: span 3 / span 3;display: flex;flex-direction: column;gap: 32px;}
.career-connect .column+.column{grid-column: span 4 / span 4;padding: 80px 0 0;}
.career-connect .details-card{position: relative;}
.career-connect .details-card .card-content{position: relative;background-color: var(--neutral-100);padding:48px;border-radius: 24px;overflow: hidden;}
.career-connect .details-card .pattern{position: absolute;top: -15%;right: -15%;width: 264px;height: 200px; z-index: -1;}
.career-connect .details-card .pattern img{width: 100%; height: 100%; object-fit: contain;}
.career-connect .details-card .card-title{font-family: 'Hatch';font-size: var(--subheading-base);color: var(--turmeric-base);font-weight: 500;font-style: italic;margin: 0 0 32px;line-height: 1.2;max-width: 240px;}
.career-connect .details-card .card-contacts{display: flex;flex-direction: column;gap: 20px;}
.career-connect .details-card .card-contacts .item{display: flex;gap: 12px;}
.career-connect .details-card .card-contacts .item-icon{margin: 2px 0 0;width: 24px;height: 24px;flex-shrink: 0;font-size: var(--font-xl);color: var(--neutral-500);display: flex;align-items: center;justify-content: center;}
.career-connect .details-card .card-contacts .item-data{flex-shrink: 1;flex-grow: 1;font-size: var(--font-base);color: var(--neutral-500);line-height: 1.2;padding: 3px 0 0;}
.career-connect .details-card .card-image{position: absolute;top: 0;right: 0;border-radius: 0 24px 24px 0;overflow: hidden;width: calc(100% + var(--padding) + 40px);height: 800px;}
.career-connect .details-card .card-image img{width: 100%;height: 100%;object-fit: cover;}
.career-connect .career-form{position: relative;background-color: var(--neutral-100);padding: 72px 80px;border-radius: 24px;overflow: hidden;}
.career-connect .column + .column .details-card .card-image{display: none;position: relative;top: auto;right: auto;width: 100%;aspect-ratio: 3 / 4;height: auto;border-radius: 20px;}
/* ********|| CAREER END ||******** */

/* ********|| CONTACT START ||******** */
.section-contact-connect{position: relative; padding: 120px 0; overflow: hidden;}
.section-contact-connect .section-title .title{max-width: 680px;}
.contact-connect{position: relative;display: grid;grid-template-columns: repeat(7, minmax(0, 1fr));gap: 32px; margin: 120px 0 240px;}
.contact-connect .column{grid-column: span 3 / span 3;display: flex;flex-direction: column;gap: 32px;}
.contact-connect .column+.column{grid-column: span 4 / span 4;padding: 80px 0 0;}
.contact-connect .details-card{position: relative;}
.contact-connect .details-card .card-content{position: relative;background-color: var(--neutral-100);padding:48px;border-radius: 24px;overflow: hidden;}
.contact-connect .details-card .pattern{position: absolute;top: -15%;right: -15%;width: 264px;height: 200px;z-index: -1;}
.contact-connect .details-card .pattern img{width: 100%; height: 100%; object-fit: contain;}
.contact-connect .details-card .card-title{font-family: 'Hatch';font-size: var(--subheading-base);color: var(--turmeric-base);font-weight: 500;font-style: italic;margin: 0 0 32px;line-height: 1.2;max-width: 240px;}
.contact-connect .details-card .card-contacts{display: flex;flex-direction: column;gap: 20px;}
.contact-connect .details-card .card-contacts .item{display: flex;gap: 12px;}
.contact-connect .details-card .card-contacts .item-icon{margin: 2px 0 0;width: 24px;height: 24px;flex-shrink: 0;font-size: var(--font-xl);color: var(--neutral-500);display: flex;align-items: center;justify-content: center;}
.contact-connect .details-card .card-contacts .item-data{flex-shrink: 1;flex-grow: 1;font-size: var(--font-base);color: var(--neutral-500);line-height: 1.2;padding: 3px 0 0;}
.contact-connect .details-card .card-image{position: absolute;top: 0;right: 0;border-radius: 0 24px 24px 0;overflow: hidden;width: calc(100% + var(--padding) + 40px);height: 520px;}
.contact-connect .details-card .card-image img{width: 100%;height: 100%;object-fit: cover;}
.contact-connect .contact-form{position: relative;background-color: var(--neutral-100);padding: 72px 80px;border-radius: 24px;overflow: hidden;}
.contact-connect .column + .column .details-card .card-image{display: none;position: relative;top: auto;right: auto;width: 100%;aspect-ratio: 3 / 4;height: auto;border-radius: 20px;}

.section-contact-locations{position: relative; padding: 160px 0;background-color: var(--neutral-200);}
.section-contact-locations:after{content: ''; position: absolute; bottom: -120px; left: 0; width: 100%; height: 120px; background-color: var(--neutral-200); z-index: -2;}
.contact-locations-list{position: relative;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 28px;margin: 80px 0 0;}
.contact-locations-list .location-item{position: relative; width: 100%;}
.contact-locations-list .location-item .item-inner{display: flex; flex-direction: column;}
.contact-locations-list .location-item .item-inner .item-image{position: relative; width: 100%; aspect-ratio: 10/7; overflow: hidden; border-radius: 20px; flex-shrink: 0;}
.contact-locations-list .location-item .item-inner .item-image img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease;}
.contact-locations-list .location-item .item-inner .item-content{flex-shrink: 1; flex-grow: 1; padding: 20px 140px 20px 0;}
.contact-locations-list .location-item .item-inner .item-name{margin: 0;font-family: 'Hatch';font-style: italic;font-weight: 700;font-size: var(--subheading-sm);color: var(--shade-base);line-height: 1.2;}
.contact-locations-list .location-item .item-contact{position: absolute;display: flex;align-items: center;gap: 8px;color: var(--neutral-700);font-size: var(--font-base);bottom: 22px;right: 0;line-height: 1;}
.contact-locations-list .location-item .item-contact i{color: var(--sari-light);}
.contact-locations-list .location-item .item-inner:hover .item-image img{transform: scale(1.1);}
/* ********|| CONTACT END ||******** */

/* ********|| COMMON FORM START ||******** */
.form{position: relative;}
.form .form-title{font-size: var(--font-lg);font-weight: 600;margin: 0 0 24px;line-height: 1.2;color: var(--neutral-600);}
.form .wpcf7-form{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 24px;}
.form .wpcf7-form .form-title{grid-column: span 2 / span 2;}
.form .wpcf7-spinner{position: absolute;top: 50%;right: 10px;z-index: 1;transform: translateY(-50%);margin: 0;}
.form .wpcf7-form-control-wrap{display: block;}
.form .wpcf7-not-valid-tip{position: absolute;top: 100%;left: 0;font-size: var(--font-xs);font-family: 'Florentia';padding: 4px 0 0;color: var(--turmeric-base);line-height: 1;}
.form .wpcf7 form.invalid .wpcf7-response-output, .form .wpcf7 form.unaccepted .wpcf7-response-output, .form .wpcf7 form.payment-required .wpcf7-response-output, .form .wpcf7 form.failed .wpcf7-response-output, .form .wpcf7 form.aborted .wpcf7-response-output{border: none;margin: 0;padding: 0;font-size: var(--font-xs);font-weight: 300;color: var(--turmeric-base);position: absolute;bottom: 0;left: 0;transform: translateY(calc(100% + 10px));grid-column: span 2 / span 2;}
.form .form-group{grid-column: span 2 / span 2;margin: 0 0 24px;}
.form .form-group.form-half{grid-column: span 1 / span 1;}
.form .form-label{font-size: var(--font-xs);font-weight: 500;text-transform: uppercase;color: var(--neutral-500);margin: 0; transition: all 0.3s ease;}
.form .form-group:focus-within .form-label{color:var(--turmeric-base)}
.form .form-input{display: block;height: 48px;width: 100%;border: solid var(--neutral-300);border-width: 0 0 1px;background-color: transparent;transition: all 0.3s ease;font-size: var(--font-base);font-family: 'Florentia';color: var(--neutral-950);font-weight: 500;padding: 10px 0 0;line-height: 1.2;}
.form .form-input:focus{border-color:var(--turmeric-base)}
.form textarea.form-input{height: auto; min-height: 100px;max-height: 120px; resize: none;}
.form .radio-group{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;}
.form .radio{width: 100%;display: flex;padding: 0;}
.form .radio .radio-input{margin: 0;cursor: none;}
.form .radio .radio-label{height: 64px;padding: 4px 16px 0;background-color: transparent;border: 1px solid var(--neutral-300);border-radius: 8px;width: 100%;display: flex;align-items: center;font-size: var(--font-base);color: var(--neutral-600);gap: 12px; transition: all 0.3s ease;}
.form .radio .radio-label:before, .form .radio .radio-label:after{display: none;}
.form .radio .radio-label i{font-size: var(--font-xl);color: var(--turmeric-base); transition: all 0.3s ease;}
.form .radio .radio-input:checked ~ .radio-label{border-color: var(--turmeric-base); background-color: var(--turmeric-base);color: var(--white);}
.form .radio .radio-input:checked ~ .radio-label i{color: var(--white);}
.form .form-file{position: relative;}
.form .form-file .form-file-inner{position: relative;overflow: hidden;border-radius: 8px;border: 3px dashed var(--neutral-200);height: 120px;display: flex;background-color: var(--neutral-100);transition: all 0.3s ease;}
.form .form-file .form-file-inner .form-file-input{position: absolute;margin: 0;top: 0;right: 0;width: calc(100% + 240px);height: 100%;z-index: 1;cursor: pointer;opacity: 0;}
.form .form-file .form-file-inner .form-file-content{position: relative;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px; font-size: var(--font-xl);color: var(--turmeric-medium);transition: all 0.3s ease;}
.form .form-file .form-file-inner .form-file-label{font-size: var(--font-base);color: var(--neutral-600);}
.form .form-file .form-file-inner:hover{background-color: var(--neutral-200);}
.form .form-file .form-file-inner:hover .form-file-content{color: var(--turmeric-base);}
.form .form-file .form-file-inner:hover .form-file-label{color: var(--neutral-700);}

.form .form-file .form-file-selected{position: relative;margin: 24px 0 0;display: flex;border-radius: 8px;padding: 16px 24px;align-items: center;gap: 24px;background-color: var(--turmeric-lighter);}
.form .form-file .form-file-selected .selected-file-icon{font-size: var(--heading-xl); color: var(--turmeric-base); flex-shrink: 0;display: flex;align-items: center;}
.form .form-file .form-file-selected .selected-file-content{flex-shrink: 1;flex-grow: 1;}
.form .form-file .form-file-selected .selected-file-name{font-size: var(--font-base);font-weight: 700;padding: 2px 0 0;word-break: break-word; color: var(--neutral-700);}
.form .form-file .form-file-selected .selected-file-size{font-size: var(--font-sm);padding: 2px 0 0;word-break: break-word; color: var(--turmeric-base);margin: 6px 0 0;}
.form .form-file .form-file-selected .selected-file-action{flex-shrink: 0;margin: 0 0 auto;}
.form .form-file .form-file-selected .btn-remove{padding: 0;border: 0;background-color: transparent;font-size: var(--font-xl);color: var(--neutral-500);}
.form .form-actions{display: flex; justify-content: flex-end;grid-column: span 2 / span 2;}
/* ********|| COMMON FORM END ||******** */




/* ********|| KEYFRAMES START ||******** */
@-webkit-keyframes pulseOnline {
  0% {-webkit-box-shadow: 0 0 0 0 rgba(var(--coriander-base-rgb), 0.4);}
  80% {-webkit-box-shadow: 0 0 0 10px rgba(var(--coriander-base-rgb), 0);}
  100% {-webkit-box-shadow: 0 0 0 0 rgba(var(--coriander-base-rgb), 0);}
}
@keyframes pulseOnline {
  0% {-moz-box-shadow: 0 0 0 0 rgba(var(--coriander-base-rgb), 0.4);box-shadow: 0 0 0 0 rgba(var(--coriander-base-rgb), 0.4);}
  80% {-moz-box-shadow: 0 0 0 10px rgba(var(--coriander-base-rgb), 0);box-shadow: 0 0 0 10px rgba(var(--coriander-base-rgb), 0);}
  100% {-moz-box-shadow: 0 0 0 0 rgba(var(--coriander-base-rgb), 0);box-shadow: 0 0 0 0 rgba(var(--coriander-base-rgb), 0);}
}
@-webkit-keyframes pulseOffline {
  0% {-webkit-box-shadow: 0 0 0 0 rgba(var(--lotus-base-rgb), 0.4);}
  80% {-webkit-box-shadow: 0 0 0 10px rgba(var(--lotus-base-rgb), 0);}
  100% {-webkit-box-shadow: 0 0 0 0 rgba(var(--lotus-base-rgb), 0);}
}
@keyframes pulseOffline {
  0% {-moz-box-shadow: 0 0 0 0 rgba(var(--lotus-base-rgb), 0.4);box-shadow: 0 0 0 0 rgba(var(--lotus-base-rgb), 0.4);}
  80% {-moz-box-shadow: 0 0 0 10px rgba(var(--lotus-base-rgb), 0);box-shadow: 0 0 0 10px rgba(var(--lotus-base-rgb), 0);}
  100% {-moz-box-shadow: 0 0 0 0 rgba(var(--lotus-base-rgb), 0);box-shadow: 0 0 0 0 rgba(var(--lotus-base-rgb), 0);}
}
/* ********|| KEYFRAMES END ||******** */

/* ********|| RESPONSIVE START ||******** */
@media screen and (max-width:1600px) {
  .section-catering .catering-images .catering-image-item:nth-child(3){right: 0%;}
  .section-catering .catering-images .catering-image-item:nth-child(6){right: -15%;}
  .section-about .about-image-grid .about-image:nth-child(1){transform: scale(1.12);aspect-ratio: 2 / 1.2;}
  .section-about .about-image-grid .about-image:nth-child(2) .about-image-container{aspect-ratio: 1 / 2;}
  .section-about .about-image-grid .about-image:nth-child(2) .about-image-container{transform: scale(1.05);}
  .section-about .about-row:nth-child(3) .about-image{width: 720px;}
  .factors-list .factor-item .item-inner{padding: 80px 30px 80px 80px;}
  .featured-blog-list{margin: 120px -80px 0;}
}
@media screen and (max-width: 1540px) {
  .section-catering .catering-images .catering-image-item:nth-child(3){right: 0%;}
  .section-catering .catering-images .catering-image-item:nth-child(6){right: -15%;}
  .section-about .about-image-grid .about-image:nth-child(1){transform: scale(1.1);aspect-ratio: 2 / 1.2;}
  .section-about .about-image-grid .about-image:nth-child(2) .about-image-container{aspect-ratio: 1 / 2;}
  .section-about .about-image-grid .about-image:nth-child(2) .about-image-inner{transform: scale(1);}
  .section-about .about-row:nth-child(3) .about-image{width: 640px;}
  .featured-blog-list{margin: 120px -60px 0;}
}
@media screen and (max-width: 1440px) {
  footer .container{gap: 160px;}
  .menu-item.menu-text-card .menu-content{padding: 40px 100px;}
  .wellness-banner .banner-images{margin: 0 -150px;}
  .wellness-ingredient-elements .elements .element:nth-child(1){left: 5%;}
  .wellness-ingredient-elements .elements .element:nth-child(2){left: 5%;}
  .wellness-ingredient-elements .elements .element:nth-child(3){right: 5%;}
  .section-about .about-image-grid .about-image:nth-child(2) .about-image-inner{transform: scale(1.2);transform-origin: top left;}
  .section-about .about-image-grid .about-image:nth-child(2) .about-image-container:before{transform: translate(-50%, 25%);}
  .section-about .about-row:nth-child(3) .about-image{left: -5%;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(1){top: 20%;left: 2%;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(3){top: 40%;right: -5%;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(5){right: 0;}
  .franchise-banner-list .banner-item:nth-child(1){transform: translateY(5%) scale(1.25);}
  .franchise-banner-list .banner-item:nth-child(3){scale: 1.25;}
  .featured-blog-list{margin: 120px -30px 0;}
  .factors-list .factor-item .item-image-container{width: 520px;margin-left: auto;margin-right: auto;}
  .factors-list .factor-item .item-image{aspect-ratio: 5 / 6.5;}
  .blog-details .blog-title{font-size: var(--heading-lg);}
}
@media screen and (max-width: 1366px) {
  :root{
    --buttonHeight: 56px;
    --buttonPadding: 16px;
  }
  .btn-action .btn-inner{font-size: var(--font-lg);gap: 4px;}
  .section-banner .banner-title{font-size: var(--heading-xl);}
  .banner-slider .banner-slider-item .banner-slider-tag{font-size: var(--font-sm);height: 32px;}
  .banner-slider .banner-slider-item .banner-slider-title{font-size: var(--subheading-base);}
  .banner-slider-image .swiper-slide-active .banner-image-item{transform: scale(1);}
  .section-intro{padding: 80px 0;}
  .section-intro .intro-description{font-size: var(--font-base);}
  .section-categories{padding: 80px 0;}
  .section-title .title{font-size: var(--heading-lg);max-width: 520px;}
  .category-slider{margin: 60px 0;}
  .category-slider .swiper-wrapper{gap: 48px;}
  .category-slider .category-item{width: 320px;}
  .category-slider .category-item .category-content{padding: 12px 0;}
  .category-slider .category-item .category-title{height: 68px;}
  .category-slider .category-item .category-title .title{font-size: var(--subheading-base);}
  .category-slider .category-item .category-description{font-size: var(--font-base);margin: 12px 0 0;}
  .section-ingredients .ingredient-details .ingredient-inner{padding: 60px;}
  .section-ingredients .ingredient-details .heading{font-size: var(--subheading-xs);}
  .section-ingredients .ingredient-details .title{font-size: var(--heading-lg);}
  .section-ingredients .ingredient-details .description{font-size: var(--font-lg);}
  .section-ingredients .ingredients .ingredient-item .item-image-wrap{width: 200px;}
  .section-ingredients .ingredients .ingredient-item .item-title{font-size: var(--subheading-xs);}
  .section-catering .catering-images .catering-image-item:nth-child(1){width: 200px;}
  .section-catering .catering-images .catering-image-item:nth-child(2){width: 130px;}
  .section-catering .catering-images .catering-image-item:nth-child(3){width: 220px;}
  .section-catering .catering-images .catering-image-item:nth-child(4){width: 220px;}
  .section-catering .catering-images .catering-image-item:nth-child(5){width: 120px;}
  .section-catering .catering-images .catering-image-item:nth-child(6){width: 260px;}
  .section-catering .catering-content .catering-inner{max-width: 640px;}
  .section-catering .catering-content .catering-title{font-size: var(--heading-3xl);}
  .section-catering .catering-content .catering-description{font-size: var(--font-lg);}
  .section-information{padding: 100px 0;}
  .informations .information-item .information-title{font-size: var(--heading-sm);max-width: 300px;}
  .section-locations{padding: 100px 0;}
  .section-locations .locations-content{max-width: 500px;}
  .section-locations .locations-title{font-size: var(--heading-xl);}
  footer .container{gap: 60px;}
  footer .footer-content{gap: 30px;}
  footer .footer-brand{width: 180px;}
  footer .newsletter .newsletter-title{font-size: var(--heading-xs);}
  .section-menu .menu-categories{padding: 20px 0;}
  .section-menu .menu-categories .category-item{font-size: var(--font-base);}
  .section-menu .menu-sections .menu-section-item .section-title-wrapper .section-title .title{max-width: 440px;}
  .section-menu .menu-sections .menu-section-item{padding: 80px 0;}
  .menu-list{margin: 40px 0 0;}
  .menu-item .menu-image{width: 260px;}
  .menu-item .menu-content{padding: 130px 24px 40px;}
  .menu-item .menu-title{height: 68px;}
  .menu-item .menu-title .title{font-size: var(--subheading-sm);}
  .menu-item .menu-description{font-size: var(--font-base);}
  .menu-item .menu-meta .meta-label{font-size: var(--font-xs);}
  .menu-item .menu-actions{padding: 24px;}
  .menu-item .menu-actions .btn-action .btn-inner{height: 48px;}
  .menu-item .menu-actions .btn-action .btn-inner span{font-size: var(--font-sm);}
  .menu-item.menu-text-card .menu-content{padding: 40px 80px;margin: 116px 0 0;}
  .menu-list.menu-sm .menu-item .menu-content{padding: 120px 24px 40px;}
  .menu-list.menu-sm .menu-item .menu-title{height: 58px;}
  .menu-list.menu-sm .menu-item .menu-title .title{font-size: var(--subheading-xs);}
  .menu-list.menu-sm .menu-item .menu-meta .meta-icon{width: 24px;height: 24px;}
  .menu-list.menu-sm .menu-item .menu-actions{padding:24px 10px;}
  .menu-list.menu-sm .menu-item .menu-actions .btn-action .btn-inner{height: 32px;}
  .menu-list.menu-sm .menu-item .menu-actions .btn-action .btn-inner span{font-size: var(--font-xs);}
  .menu-details{padding: 40px;}
  .menu-details .menu-details-title{font-size: var(--heading-xl);}
  .menu-details .menu-details-description{font-size: var(--font-base);margin: 24px 0 0;}
  .menu-details .menu-details-meta .meta-item{height: 32px;}
  .menu-details .menu-details-meta .meta-icon{width: 32px;height: 32px;}
  .menu-details .menu-details-meta .meta-label{font-size: var(--font-sm);}
  .section-menu-ingredients .section-title .title{font-size: var(--subheading-lg);}
  .menu-ingredients .menu-ingredient-item{width: 260px;}
  .menu-ingredients .menu-ingredient-item .item-title{font-size: var(--font-lg);}
  .section-similar-menus .similar-menus-inner{padding: 80px 0;}
  .similar-menus .menu-item{width: 360px;}
  .wellness-banner .banner-images{gap: 20px;margin: 0 -140px;}
  .section-wellness-information .wellness-information .description{font-size: var(--font-lg);}
  .section-wellness-video{padding: 80px 0;}
  .section-menu-processing{padding: 80px 0;}
  .section-menu-processing .section-title .title{max-width: 460px;}
  .section-menu-processing .menu-processing-content .description{font-size: var(--font-lg);}
  .menu-processing .processing .processing-item .item-image{width: 260px;}
  .menu-processing .processing .processing-item .item-title{font-size: var(--heading-sm);width: 160px;}
  .menu-processing .processing .processing-item .item-title:before{transform: translate(-80%, -50%);}
  .menu-processing .processing .processing-item:nth-child(even) .item-title:before{transform: translate(80%, -50%);}
  .menu-processing .final-dish .final-dish-image{max-width: 560px;}
  .video-wrapper .video-inner-content{max-width: 360px;}
  .tabs .tab-button{font-size: var(--font-base);}
  .section-wellness-ingredients .section-title .title{max-width: 460px;}
  .wellness-ingredients .wellness-tab-content .menu-ingredients{margin: 40px 0 0;}
  .ingredient-details .ingrdient-title{font-size: var(--heading-lg);}
  .section-location-page .location-content{max-width: 640px;}
  .section-location-page .location-title{font-size: var(--heading-lg);max-width: 420px;}
  .section-location-page .location-description{font-size: var(--font-lg);}
  .location-list .location-item .item-title{font-size: var(--heading-xs);}
  .location-list .location-item.location-franchise .item-subtitle{font-size: var(--subheading-xs);}
  .section-location-details-banner .location-content{max-width: 560px;}
  .section-location-details-banner .location-title{font-size: var(--heading-lg);}
  .section-location-details-banner .location-description{font-size: var(--font-lg);}
  .location-details-cards .details-card .card-title{font-size: var(--heading-xs);}
  .location-details-cards .details-card .card-description{font-size: var(--font-base);}
  .location-details-cards .store-time-table td{font-size: var(--font-base);padding: 6px 0;}
  .location-details-cards .store-status .status{font-size: var(--font-base);padding: 4px 12px 0 40px;}
  .location-details-cards .card-facilities .item .item-icon{width: 20px;height: 20px;}
  .location-details-cards .card-facilities .item .item-data{font-size: var(--font-sm);}
  .location-details-cards .card-contacts .item .item-icon{width: 20px;height: 20px;font-size: var(--font-xl);}
  .location-details-cards .card-contacts .item .item-data{font-size: var(--font-base);}
  .location-details-cards .card-tag{font-size: var(--font-sm);height: 48px;padding:4px 20px 0;}
  .section-catering-banner .catering-content .catering-inner{max-width: 600px;}
  .section-catering-banner .catering-content .catering-title{font-size: var(--heading-xl);}
  .section-catering-banner .catering-images .catering-image-item:nth-child(1){width: 200px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(2){width: 120px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(3){width: 200px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(4){width: 250px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(5){width: 160px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(6){width: 220px;}
  .catering-details .details-card .card-subtitle{font-size: var(--subheading-xs);}
  .catering-details .details-card .card-title{max-width: 400px;font-size: var(--heading-xs);}
  .catering-details .details-card .card-title.large{font-size: var(--heading-base);}
  .catering-details .details-card .card-description{font-size: var(--font-base);}
  .catering-details .details-card .card-actions .btn-action .btn-inner span{font-size: var(--font-sm);}
  .catering-details .card-contacts .item .item-icon{width: 20px;height: 20px;font-size: var(--font-xl);}
  .catering-details .card-contacts .item .item-data{font-size: var(--font-base);}
  .catering-details-image .image-title{font-size: var(--subheading-xs);}
  .section-about .section-title .title{max-width: 500px;}
  .section-about .about-image-grid .about-image:nth-child(1) .about-image-inner{transform: scale(1.1);transform-origin: bottom right;}
  .section-about .about-image-grid .about-image:nth-child(2) .about-image-inner{transform: scale(1.3);}
  .section-about .about-row:nth-child(3) .about-image{left: -15%;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(1){width: 175px;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(2){width: 270px;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(3){width: 230px;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(4){width: 310px;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(5){width: 260px;}
  .section-celebration .celebration-content .celebration-inner{max-width: 520px;}
  .section-celebration .celebration-content .celebration-subtitle{font-size: var(--heading-lg);}
  .section-celebration .celebration-content .celebration-title{font-size: var(--heading-3xl);}
  .section-celebration .celebration-content .celebration-description{font-size: var(--font-lg);}
  .section-celebration .celebration-content .celebration-description-note{font-size: var(--font-lg);}
  .section-mascot .mascot-container{padding: 72px;max-width: 760px;}
  .section-mascot .mascot-title{font-size: var(--heading-sm);max-width: 200px;}
  .section-mascot .mascot-description{font-size: var(--font-lg);}
  .section-mascot .mascot-image{max-width: 480px;transform: translateX(70%);}
  .section-about-cta{padding: 0;}
  .featured-blog-list{margin: 120px -90px 0;}
}
@media screen and (max-width: 1280px) {
  .section-about .about-image-grid .about-image:nth-child(2) .about-image-container:before{transform: translate(-50%, 75%);}
  .section-about .about-image-grid .about-image:nth-child(2) .about-image-inner{transform: scale(1.4);}
  .featured-blog-list{margin: 120px -40px 0;}

}
@media screen and (max-width:1200px) {
  :root {
    --buttonPadding: 10px;
  }
  .menu-item.menu-text-card .menu-content{padding: 40px;}
}
@media screen and (max-width: 1024px) {
  :root{
    --headerHeight: 100px;
    --buttonRadius: 8px;
    --buttonPadding: 12px;
  }
  body header .brand .logo, body header .brand .logo{background-position: 0 -96px;}
  .cursor{display: none;}
  .mandala{height: 32px;}
  .responsive-menu{display: flex;}
  header .container{grid-template-columns: repeat(2, minmax(0, 1fr));}
  header .header-content:first-child{display: none;}
  header .brand{margin: 0;}
  /* header .btn-action{padding: 0;} */
  header .btn-action .btn-inner{height: 44px;}
  header .btn-action .btn-inner:before, header .btn-action .btn-inner:after{display: none;}
  header .btn-action .btn-inner i{display: none;}
  header .btn-action .btn-inner span{font-size: var(--font-sm);}
  header .menu-trigger-open{display: flex;}
  .section-banner .banner-title{font-size: var(--heading-base);}
  .banner-slider{max-width: 320px;transform: translateY(50px);}
  .banner-slider .banner-slider-item .banner-slider-tag{font-size: var(--font-xs);height: 26px;}
  .banner-slider .banner-slider-item .banner-slider-title{font-size: var(--subheading-sm);}
  .banner-slider .banner-slider-item .banner-slider-description{font-size: var(--font-xs);}
  .banner-slider-image .banner-image-item{width: 520px;}
  .section-intro{padding: 40px 0;}
  .section-intro .intro-image .into-title{font-size: 140px;}
  .section-intro .intro-content{padding: 60px 100px;}
  .section-title .title{font-size: var(--heading-base);max-width: 480px;}
  .section-title .subtitle{font-size: var(--subheading-xs);}
  .section-title .text{font-size: var(--font-base);max-width: 520px;}
  .category-slider .swiper-wrapper{gap: 32px;}
  .category-slider .category-item{width: 280px;}
  .category-slider .category-item .category-title{height: 58px;}
  .category-slider .category-item .category-title .title{font-size: var(--heading-sm);}
  .category-slider .category-item .category-description{font-size: var(--font-sm);}
  .section-ingredients .container{display: flex;}
  .section-ingredients .ingredient-details{max-width: 400px; flex-shrink: 0;}
  .section-ingredients .ingredient-details .ingredient-inner{padding: 60px 40px;}
  .section-ingredients .ingredient-details .pattern{width: 160px;}
  .section-ingredients .ingredient-details .heading{font-size: var(--font-base);}
  .section-ingredients .ingredient-details .title{font-size: var(--heading-base);margin: 0 0 24px;}
  .section-ingredients .ingredient-details .description{font-size: var(--font-base);margin: 0 0 24px;}
  .section-ingredients .ingredient-details .actions{margin: 32px 0 0;}
  .section-ingredients .ingredients{padding: 0 40px 0 0; flex-shrink: 1; flex-grow: 1;}
  .section-ingredients .ingredients .ingredient-item{padding:20px 0;gap: 30px;}  
  .section-ingredients .ingredients .ingredient-item .item-image-wrap{width: 160px;}
  .section-ingredients .ingredients .ingredient-item .item-subimage{width: 36px;height: 36px;}
  .section-ingredients .ingredients .ingredient-item .item-connector{height: 14px;width: 80px;}
  .section-ingredients .ingredients .ingredient-item .item-title{font-size: var(--font-lg);max-width: 100px;}
  .section-ingredients .ingredients .ingredient-item .item-description{font-size: var(--font-xs);}
  .section-catering .catering-images .catering-image-item:nth-child(1){width: 180px;}
  .section-catering .catering-images .catering-image-item:nth-child(2){width: 110px;}
  .section-catering .catering-images .catering-image-item:nth-child(3){width: 180px;transform: translate(-20%, -50%) rotate(8deg);}
  .section-catering .catering-images .catering-image-item:nth-child(4){width: 200px;left: 10%;}
  .section-catering .catering-images .catering-image-item:nth-child(5){width: 100px; left: auto; right: 25%;}
  .section-catering .catering-images .catering-image-item:nth-child(6){width: 220px;}
  .section-catering .catering-content .catering-title{font-size: var(--heading-2xl);}
  .informations .information-item{min-height: 360px;}
  .informations .information-item .information-inner{padding: 40px;border-radius: 32px;}
  .informations .information-item .information-content{max-height: 60px;}
  .informations .information-item .information-description{font-size: var(--font-sm);margin: 20px 0 0;}
  .section-locations:after{content: '';position: absolute;bottom: -120px;left: 0;width: 100%;height: 120px;background-color: var(--neutral-50);z-index: -2;}
  .section-locations .locations-content{max-width: 420px;}
  .section-locations .locations-connector{height: 30px;width: 100px;}
  .section-locations .locations-title{font-size: var(--heading-lg);}
  footer{margin: 0;}
  footer .container{gap: 40px;}
  footer .footer-content{gap: 20px;}
  footer .footer-brand{width: 160px;}
  footer .footer-options{gap: 20px;}
  footer .footer-group.alt{width: auto; flex-shrink: 0;}
  .section-menu:after{content: '';position: absolute;bottom: -120px;left: 0;width: 100%;height: 120px;background-color: var(--neutral-50);z-index: -2;}
  .section-menu .menu-categories .btn-dropdown{display: flex; }
  .section-menu .menu-categories .menu-categories-dropdown{flex-direction: column;align-items: flex-start; flex-wrap: nowrap; gap: 4px;padding:0; border-bottom: 1px solid var(--neutral-200);max-height: 0;overflow: hidden;}
  .section-menu .menu-categories .category-item{width: 100%;justify-content: flex-start;border: none;border-radius: 0;}
  .section-menu .menu-categories .category-item.active{background-color: transparent; color: var(--sari-medium);}
  .section-menu .menu-categories .category-item:first-child{margin: 8px 0 0;}
  .section-menu .menu-categories .category-item:last-child{margin: 0 0 8px;}
  .section-menu .menu-sections .menu-section-item .section-title-wrapper .section-title .title{max-width: 360px;}
  .menu-item .menu-image{width: 200px;}
  .menu-item .menu-content{margin: -100px 0 0;padding: 100px 24px 30px;}
  .menu-item .menu-title{height: 48px;}
  .menu-item .menu-title .title{font-size: var(--subheading-xs);}
  .menu-item .menu-description{font-size: var(--font-sm);}
  .menu-item .menu-meta .meta-item{padding: 0; aspect-ratio: 1/1; height: 32px;}
  .menu-item .menu-meta .meta-icon{width: 32px; height: 32px;}
  .menu-item .menu-meta .meta-label{display: none;}
  .menu-item .menu-actions .btn-action .btn-inner{height: 44px;font-size: var(--font-sm);}
  .menu-item .menu-actions .btn-action .btn-inner span{font-size: var(--font-xs);}
  .menu-item .menu-actions .btn-action .btn-inner i{display: none;}
  .menu-item.menu-text-card .menu-content{padding: 40px 60px;margin: 106px 0 0;}
  .section-menu-details{padding: 60px 0;}
  .menu-details .menu-details-title{font-size: var(--heading-base);}
  .menu-list.menu-sm .menu-item .menu-image{width: 160px;}
  .menu-list.menu-sm .menu-item .menu-content{margin: -80px 0 0;padding: 80px 24px 30px;}
  .menu-list.menu-sm .menu-item .menu-title{height: 44px;}
  .menu-list.menu-sm .menu-item .menu-title .title{font-size: var(--font-lg);}
  .menu-list.menu-sm .menu-item .menu-description{font-size: var(--font-xs);}
  .menu-list.menu-sm .menu-item .menu-meta{margin: 24px 0 0;}
  .menu-list.menu-sm .menu-item .menu-actions .btn-action .btn-inner{height: 32px;}
  .section-menu-combinations{padding: 60px 0;}
  .section-menu-ingredients{padding: 60px 0;}
  .section-menu-ingredients .section-title .title{font-size: var(--subheading-base);}
  .menu-ingredients .menu-ingredient-item{width: 220px;}
  .menu-ingredients .menu-ingredient-item .item-title{font-size: var(--font-base);}
  .section-similar-menus .similar-menus-inner{padding: 60px 0;}
  .section-similar-menus .section-title .title{max-width: 320px;}
  .similar-menus .menu-item{width: 280px;}
  .section-about-cta .cta-title{font-size: var(--heading-base);}
  .section-franchise-banner{padding: 80px 0;}
  .section-franchise-banner .section-title .title{max-width: 700px;}
  .section-factors{padding: 80px 0 0;}
  .section-factors .factors-content .factors-title{font-size: var(--subheading-base);}
  .factors-list{margin: 100px 0 0;}
  .factors-list .factor-item+.factor-item{padding-top: 0;}
  .factors-list .factor-item:last-child{padding-bottom: 80px;}
  .factors-list .factor-item .item-inner{padding: 50px 20px 50px 50px;border-radius: 24px;}
  .factors-list .factor-item .item-title{font-size: var(--heading-lg);margin: 0 0 40px;max-width: 240px;}
  .factors-list .factor-item .item-statistics .statistics-data{width: 100px;aspect-ratio: 4 / 3;font-size: var(--heading-sm);margin: auto 0;}
  .factors-list .factor-item .item-statistics .statistics-label{font-size: var(--font-base);}
  .factors-list .factor-item .item-description ul > li{font-size: var(--font-base);}
  .factors-list .factor-item .item-description ul > li + li{margin: 24px 0 0;}
  .factors-list .factor-item .item-image-container{width: 420px;margin: -120px 0 0;}
  .factors-list .factor-item .item-decoration{width: 100px;}
  .section-franchise-connect{padding: 40px 0 80px;}
  .franchise-connect{margin: 80px 0 0;}
  .franchise-connect .column + .column{padding: 40px 0 0;}
  .franchise-connect .details-card .card-content{padding: 40px;}
  .franchise-connect .details-card .pattern{width: 185px;height: 150px;}
  .franchise-connect .details-card .card-title{font-size: var(--subheading-sm);max-width: 200px;}
  .franchise-connect .details-card .card-contacts .item-icon{margin: 0;}
  .franchise-connect .details-card .card-contacts .item-data{font-size: var(--font-sm);}
  .franchise-connect .details-card .card-image{height: 620px;}
  .franchise-connect .franchise-form{padding: 60px;}
  .section-contact-connect{padding: 80px 0;}
  .section-contact-connect .section-title .title{max-width: 600px;}
  .contact-connect{margin: 80px 0 140px;}
  .contact-connect .column + .column{padding: 40px 0 0;}
  .contact-connect .details-card .card-content{padding: 40px;}
  .contact-connect .details-card .pattern{width: 185px;height: 150px;}
  .contact-connect .details-card .card-title{font-size: var(--subheading-sm);max-width: 200px;}
  .contact-connect .details-card .card-contacts .item-icon{margin: 0;}
  .contact-connect .details-card .card-contacts .item-data{font-size: var(--font-sm);}
  .contact-connect .details-card .card-image{height: 400px;}
  .contact-connect .contact-form{padding: 60px;}
  .section-contact-locations{padding: 100px 0;}
  .contact-locations-list .location-item .item-inner .item-name{font-size: var(--font-lg);}
  .contact-locations-list .location-item .item-contact{font-size: var(--font-sm);padding: 2px 0 0;}
  .contact-locations-list .location-item .item-contact i{font-size: var(--font-base);transform: translateY(-2px);}
  .section-career-connect{padding: 80px 0;}
  .section-career-connect .section-title .title{max-width: 600px;}
  .career-connect{margin: 80px 0 0;}
  .career-connect .column + .column{padding: 40px 0 0;}
  .career-connect .details-card .card-content{padding: 40px;}
  .career-connect .details-card .pattern{width: 185px;height: 150px;}
  .career-connect .details-card .card-title{font-size: var(--subheading-sm);max-width: 200px;}
  .career-connect .details-card .card-contacts .item-icon{margin: 0;}
  .career-connect .details-card .card-contacts .item-data{font-size: var(--font-sm);}
  .career-connect .details-card .card-image{height: 640px;}
  .career-connect .career-form{padding: 60px;}
  .form .form-title{margin: 0;}
  .form .form-input{height: 40px;}
  .form .radio .radio-label{font-size: var(--font-sm);}
  .section-about .section-title .title{max-width: 440px;}
  .section-about .about-container{margin: 160px 0 0;}
  .section-about .about-row{min-height: 560px;}
  .section-about .about-content{max-width: 480px;}
  .section-about .about-title{font-size: var(--subheading-lg);}
  .section-about .about-description{font-size: var(--font-base);}
  .section-about .about-image-grid .about-image:nth-child(2) .about-image-container{width: 100%; right: 0;}
  .section-about .about-image-grid .about-image:nth-child(2) .about-image-container:before{width: 120px;transform: translate(-50%, 50%);}
  .section-about .about-image-grid .about-image:nth-child(2) .about-image-inner{transform:scale(1.2);}
  .section-about .about-row:nth-child(3) .about-image{width: 520px;}
  .section-about .about-row:nth-child(3) .about-image .about-image-container:before{width: 120px;top: 14px;right: 14px;}
  .section-about .about-row:nth-child(3) .about-content{max-width: 360px;}
  .section-celebration{padding: 100px 0;}
  .section-celebration .celebration-images .celebration-image-item .image-inner{border-radius: 12px;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(1){width: 160px;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(2){width: 240px;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(3){width: 180px;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(4){width: 260px;bottom: -10%;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(5){width: 200px;bottom: 10%;}
  .section-celebration .celebration-content .celebration-inner{max-width: 480px;}
  .section-celebration .celebration-content .celebration-subtitle{font-size: var(--heading-base);}
  .section-celebration .celebration-content .celebration-title{font-size: var(--heading-2xl);}
  .section-celebration .celebration-content .celebration-title:before{width: 30px;height: 50px;}
  .section-celebration .celebration-content .celebration-description{margin: 40px 0;font-size: var(--font-base);}
  .section-mascot{padding: 160px 0 80px;}
  .section-mascot .mascot-container{padding: 50px;max-width: 640px;}
  .section-mascot .mascot-content{max-width: 420px;}
  .section-mascot .mascot-title{font-size: var(--heading-xs);max-width: 160px;}
  .section-mascot .mascot-description{font-size: var(--font-base);margin: 40px 0 0;}
  .section-mascot .mascot-image{max-width: 360px;bottom: 40px;}
  .section-featured-blogs{padding: 80px 0;}
  .featured-blog-list{margin: 80px -40px 0;}
  .featured-blog-list .blog-item .item-inner{padding: 30px;}
  .featured-blog-list .blog-item .item-meta{height: 32px;top: 20px;right: 20px;}
  .featured-blog-list .blog-item .item-category .category{font-size: var(--font-xs);}
  .featured-blog-list .blog-item .item-date{font-size: var(--font-xs);}
  .featured-blog-list .blog-item .item-title{font-size: var(--subheading-xs);}
  .section-blog{padding: 80px 0;}
  .blog-categories{margin: 80px 0 0;}
  .blog-categories .blog-categories-tab-header{position: relative;margin-left: -47px;margin-right: -47px;}
  .blog-categories .blog-categories-tab-header .tabs{width: 100%;}
  .blog-categories .blog-categories-tab-header .tabs .tab-button:first-child{ margin-left: 47px;}
  .blog-categories .blog-categories-tab-header .tabs .tab-button:last-child{ margin-right: 47px;}
  .blog-list{column-gap: 16px;row-gap: 40px;}
  .blog-list .blog-item .item-inner{border-radius: 12px;}
  .blog-list .blog-item .item-image{border-radius: 12px;}
  .blog-list .blog-item .item-category{font-size: var(--font-base);}
  .blog-list .blog-item .item-date{font-size: var(--font-xs);}
  .blog-list .blog-item .item-title{font-size: var(--heading-xs);}
  .blog-list .blog-item .item-tags .tag{height: 24px;padding: 2px 12px 0;font-size: var(--font-xs);}
  .blog-details .blog-subtitle{font-size: var(--subheading-xs);}
  .blog-details .blog-title{font-size: var(--heading-base);margin: 0 0 20px;}
  .blog-details .blog-date{font-size: var(--font-base);}
  .blog-details .blog-tags .tag{height: 30px;font-size: var(--font-xs);}
  .blog-details .blog-image{border-radius: 24px;}
  .blog-details .blog-information-title{font-size: var(--heading-xs);}
  .blog-details .blog-information-description{font-size: var(--font-base);}
  .section-wellness-banner{padding: 80px 0;}
  .section-wellness-banner .section-title .title{max-width: 440px;}
  .wellness-banner{margin: 60px 0 0;}
  .wellness-banner .banner-images{margin: 0 -100px;}
  .wellness-banner .banner-images .image{border-radius: 16px;}
  .section-wellness-information{padding: 80px 0;}
  .section-wellness-information .wellness-information .description{font-size: var(--font-base);}
  .video-wrapper .video-inner-content{max-width: 320px;}
  .video-wrapper .video-title{font-size: var(--heading-sm);}
  .section-menu-processing .section-title .title{max-width: 400px;}
  .section-menu-processing .menu-processing-content .description{font-size: var(--font-base);}
  .menu-processing .processing .processing-item .item-image{width: 220px;}
  .menu-processing .processing .processing-item .item-title{font-size: var(--heading-xs);width: 120px;}
  .menu-processing .processing .processing-item .item-title:before{width: 80px;height: 32px;transform: translate(-100%, -50%);}
  .menu-processing .processing .processing-item:nth-child(even) .item-title:before{transform: translate(100%, -50%);}
  .menu-processing .final-dish .final-dish-title{font-size: var(--heading-sm);}
  .menu-processing .final-dish .final-dish-image{max-width: 480px;}
  .section-menu-processing .menu-processing-video{/*margin: -160px 0 0;*/}
  .section-menu-processing .menu-processing-video .video-wrapper .video-inner-content{max-width: 260px;}
  .wellness-ingredient-elements .elements .element:nth-child(1){width: 80px;}
  .wellness-ingredient-elements .elements .element:nth-child(2){width: 75px;}
  .wellness-ingredient-elements .elements .element:nth-child(3){width: 160px;right: 0;}
  .wellness-ingredients .wellness-tab-header{position: relative;margin-left: -47px;margin-right: -47px;}
  .wellness-ingredients .wellness-tab-header .tabs{width: 100%;}
  .wellness-ingredients .wellness-tab-header .tabs .tab-button:first-child{ margin-left: 47px;}
  .wellness-ingredients .wellness-tab-header .tabs .tab-button:last-child{ margin-right: 47px;}
  .wellness-ingredients .tabs .tab-button{font-size: var(--font-sm);padding: 2px 12px 0;}
  .wellness-ingredients .tabs .tab-icon{width: 20px;height: 20px;}
  .wellness-ingredients .wellness-tab-content .menu-ingredients{column-gap: 16px;row-gap: 24px;}
  .menu-ingredients .menu-ingredient-item .item-inner{border-radius: 24px;}
  .ingredient-details .ingrdient-subtitle{font-size: var(--subheading-xs);}
  .ingredient-details .ingrdient-title{font-size: var(--heading-base);margin: 0 0 20px;}
  .ingredient-details .ingredient-image{border-radius: 24px;}
  .ingredient-details .ingredient-information-title{font-size: var(--heading-xs);}
  .ingredient-details .ingredient-information-description{font-size: var(--font-base);}
  .section-catering-banner{padding: 40px 0 120px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(1){width: 160px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(2){width: 100px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(3){width: 180px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(4){width: 210px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(5){width: 120px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(6){width: 180px;}
  .section-catering-banner .catering-images .catering-image-item .image-inner{border-radius: 12px;}
  .section-catering-banner .catering-content{padding: 200px 0;}
  .section-catering-banner .catering-content .catering-inner{max-width: 560px;}
  .section-catering-banner .catering-content .catering-title{font-size: var(--heading-lg);}
  .section-catering-details{padding:0;}
  .section-catering-details .section-inner{padding: 0 0 240px;}
  .catering-details .details-card .card-content{padding: 48px;border-radius: 20px;}
  .catering-details .details-card .card-content{padding: 40px;}
  .catering-details .details-card .pattern{width: 185px;height: 150px;}
  .catering-details .details-card .card-title{font-size: var(--subheading-sm);}
  .catering-details .details-card .card-contacts .item-icon{margin: 0;}
  .catering-details .details-card .card-contacts .item-data{font-size: var(--font-sm);}
  .catering-details .details-card .card-image{height: 400px;}
  .section-location-page .section-inner{padding: 80px 0;}
  .section-location-page .location-image{width: 480px;}
  .section-location-page .location-content{max-width: 560px;}
  .section-location-page .location-subtitle{font-size: var(--subheading-xs);}
  .section-location-page .location-title{font-size: var(--heading-base);max-width: 320px;}
  .section-location-page .location-description{font-size: var(--font-base);}
  .location-list{margin: 120px 0;}
  .location-list .location-item .item-inner{border-radius: 24px;}
  .location-list .location-item .item-image{border-radius: 20px;}
  .location-list .location-item .item-description{font-size: var(--font-sm);}
  .section-location-details-banner{padding: 80px 0;}
  .section-location-details-banner .location-actions{margin: 0 0 20px;}
  .section-location-details-banner .location-content{max-width: 50%;}
  .section-location-details-banner .location-title{font-size: var(--heading-base);}
  .section-location-details-banner .location-description{font-size: var(--font-base);}
  .section-location-details-banner .location-option .options-label{padding: 4px 30px 0;font-size: var(--font-sm);}
  .section-location-details{padding: 80px 0;}
  .location-details-cards .details-card .card-content{padding: 40px;border-radius: 20px;}
  .location-details-cards .card-image{border-radius: 20px;}
  .location-details-cards .store-status .status{height: 40px;padding: 4px 10px 0 30px;font-size: var(--font-sm);}
  .location-details-cards .store-status .status:before{left: 12px;width: 10px;}
  .location-details-cards .details-card .card-title{font-size: var(--font-lg);}
  .location-details-cards .store-time-table td{font-size: var(--font-sm);}
  .location-details-cards .card-contacts .item .item-icon{font-size: var(--font-lg);}
  .location-details-cards .card-contacts .item .item-data{font-size: var(--font-sm);}
  .location-details-cards .details-card .card-description{font-size: var(--font-sm);}
  .location-details-cards .card-tag{font-size: var(--font-xs);height: 40px;}
  .location-details-cards .card-facilities{gap: 8px;}
  .location-details-cards .card-facilities .item{height: 36px;padding: 0 12px;gap: 8px;}
  .location-details-cards .card-facilities .item .item-data{font-size: var(--font-xs);}
}
@media screen and (max-width: 990px) {
  .viewport.active-stage-2{transform: scale(0.8) translateX(-40%);}
  .section-banner{min-height: calc(100vh - 100px);display: flex;flex-direction: column;justify-content: space-between;}
  .section-banner .container{gap: 40px;}
  .banner-slider{max-width: 280px;transform: translateY(100px);}
  .banner-slider-image .swiper{padding: 0 0 40px;}
  .banner-slider-image .banner-image-item{width: 100%;}
  .banner-slider-image .swiper-slide-active .banner-image-item{transform: scale(1.2);}
  .section-intro .intro-content{padding: 60px;}
  .section-ingredients{padding: 80px 0;}
  .section-ingredients .container{flex-wrap: wrap;}
  .section-ingredients .ingredient-details{max-width: 480px;}
  .section-ingredients .ingredient-details .content{margin: 120px 0 0;}
  .section-ingredients .ingredients{padding: 0;max-width: 480px;margin: 0 auto;}
  .section-catering .catering-images .catering-image-item:nth-child(1){width: 160px;}
  .section-catering .catering-images .catering-image-item:nth-child(2){width: 90px;}
  .section-catering .catering-images .catering-image-item:nth-child(3){width: 160px;}
  .section-catering .catering-images .catering-image-item:nth-child(4){width: 180px;}
  .section-catering .catering-images .catering-image-item:nth-child(5){width: 80px;right: 30%;}
  .section-catering .catering-images .catering-image-item:nth-child(6){width: 200px;}
  .section-catering .catering-content .catering-inner{max-width: 560px;}
  footer{height: auto; margin: 0;}
  footer .container{flex-wrap: wrap;padding-top: 40px;padding-bottom: 40px;gap: 80px;}
  footer .footer-content{flex-direction: column;align-items: center;width: 100%;gap: 60px;}
  footer .newsletter{width: 100%;max-width: 480px;}
  footer .newsletter .newsletter-form form{display: flex; gap: 8px;}
  footer .newsletter .newsletter-title{font-size: var(--heading-sm);}
  footer .newsletter .form-group{flex-shrink: 1; flex-grow: 1;margin: 0;}
  footer .newsletter .form-action{flex-shrink: 0;margin: 0;}
  footer .newsletter .btn-submit .btn-inner{width: 48px; height: 48px;justify-content: center;padding: 0;}
  footer .newsletter .btn-submit .btn-inner span{display: none;}
  footer .footer-options{width: 100%;}
  footer .footer-group.alt{width: 100%; flex-shrink: 1;}
  .menu-item .menu-image{width: 160px;}
  .menu-item .menu-content{margin: -80px 0 0;padding: 80px 24px 20px;border-radius: 20px;}
  .menu-item .menu-title{margin: 0 0 16px;}
  .menu-item .menu-meta{margin: 16px 0 0;}
  .menu-item .menu-actions{padding: 12px 16px;}
  .menu-item .menu-actions .btn-action .btn-inner{padding: 4px 4px 0;}
  .menu-item.menu-text-card .menu-content{padding: 40px;margin: 86px 0 0;}
  .menu-item.menu-text-card .menu-title .title{font-size: var(--font-lg);}
  .menu-details{padding: 40px;gap: 0px;border-radius: 32px;}
  .menu-details .menu-details-image{transform: translateX(-80px);flex-shrink: 1;}
  .menu-details .menu-details-content{flex-shrink: 1; flex-grow: 0; width: 50%;}
  .menu-details .menu-details-title{font-size: var(--heading-sm);}
  .menu-details .menu-details-description{font-size: var(--font-sm);}
  .menu-details .menu-details-meta{margin: 32px 0; flex-wrap: wrap;}
  .menu-details .menu-details-meta .meta-label{font-size: var(--font-xs);}
  .menu-list.menu-sm{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .similar-menus .swiper-slide:first-child{padding-left: calc((100% - 740px + 15px) / 2) !important;}
  .similar-menus .swiper-slide:last-child{padding-right: calc((100% - 740px + 15px) / 2) !important;}
  .franchise-banner-list .banner-item .item-inner{border-radius: 24px;}
  .factors-list .factor-item .item-title{font-size: var(--heading-base); max-width: 200px;}
  .factors-list .factor-item .item-image-container{width: 320px;margin: -100px 0 0;}
  .factors-list .factor-item .item-image{aspect-ratio: 5 / 7;border-radius: 24px;}
  .franchise-connect{margin: 80px 0 0;}
  .franchise-connect .details-card .card-content{padding: 30px;}
  .franchise-connect .details-card .card-image{height: 480px;}
  .franchise-connect .franchise-form{padding: 40px;}
  .contact-connect{margin: 80px 0;}
  .contact-connect .details-card .card-content{padding: 30px;}
  .contact-connect .details-card .card-image{height: 320px;}
  .contact-connect .contact-form{padding: 40px;}
  .section-contact-locations .section-title-wrapper .section-title .title{max-width: 420px;}
  .contact-locations-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .career-connect{margin: 80px 0 0;}
  .career-connect .details-card .card-content{padding: 30px;}
  .career-connect .details-card .card-image{height: 560px;}
  .career-connect .career-form{padding: 40px;}
  .form .radio-group{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .section-about{padding: 80px 0;}
  .section-about .about-container{margin: 120px 0 0;}
  .section-about .about-row{min-height: 480px;}
  .section-about .about-content{max-width: 400px;}
  .section-about .about-image .about-image-inner{border-radius: 24px;}
  .section-about .about-image-grid .about-image:nth-child(1) .about-image-inner{border-radius: 0 24px 24px 0;}
  .section-about .about-image-grid .about-image:nth-child(2) .about-image-inner{border-radius: 24px 0 0 24px;}
  .section-about .about-row:nth-child(3) .about-image{width: 400px;}
  .section-about .about-row:nth-child(3) .about-image .about-image-inner{border-radius: 0 24px 24px 0;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(1){width: 130px;left: -2%;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(2){width: 200px;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(3){width: 140px; right: -8%;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(4){width: 220px;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(5){width: 160px;}
  .section-celebration .celebration-content .celebration-inner{max-width: 440px;}
  .section-mascot .mascot-container{padding: 40px;max-width: 480px;}
  .section-mascot .mascot-content{max-width: 320px;}
  .section-mascot .mascot-image{max-width: 300px;}
  .section-about-cta .about-cta-content{height: 400px;padding: 100px 50px;}
  .section-featured-blogs .section-title .title{max-width: 440px;}
  .featured-blog-list{margin: 80px -20px 0;}
  .blog-categories{margin: 40px 0 0;}
  .blog-categories .blog-categories-tab-header{margin-left: -29px;margin-right: -29px;}
  .blog-categories .blog-categories-tab-header .tabs .tab-button:first-child{ margin-left: 29px;}
  .blog-categories .blog-categories-tab-header .tabs .tab-button:last-child{ margin-right: 29px;}
  .blog-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .section-blog-details{padding: 40px 0;}
  .blog-details .blog-action{margin: 0 0 30px;}
  .blog-details .blog-information{padding: 20px 0 0;}
  .blog-details .blog-information-item{padding: 20px 0;}
  .wellness-banner .banner-images{margin: 0 -80px;}
  .section-menu-processing:after{height: calc(15vh + 120px);}
  .menu-processing .processing .processing-item{flex-direction: column-reverse;align-items: flex-start;padding: 0 20px;gap: 50px;}
  .menu-processing .processing .processing-item:nth-child(even){flex-direction: column-reverse;align-items: flex-end;}
  .menu-processing .processing .processing-item .item-line{top: 0;}
  .menu-processing .processing .processing-item .item-title{margin:0 0 0 auto;}
  .menu-processing .processing .processing-item:nth-child(even) .item-title{margin: 0 auto 0 0;}
  .menu-processing .processing .processing-item .item-title:before{transform: translate(-100%, 100%) rotate(-60deg);}
  .menu-processing .processing .processing-item:nth-child(even) .item-title:before{transform: translate(100%, 100%) rotate(60deg);}
  .menu-processing .processing .processing-item:nth-child(2) .item-image{padding: 30px;}
  .menu-processing .final-dish{padding: 20px 0 0;}
  .menu-processing .final-dish .final-dish-image{max-width: 360px;}
  .section-menu-processing .menu-processing-video{/*margin: -80px 0 0;*/}
  .section-wellness-ingredients{padding: 80px 0;}
  .section-wellness-ingredients .section-title .title{max-width: 360px;}
  .wellness-ingredient-elements .elements .element:nth-child(1){width: 60px;}
  .wellness-ingredient-elements .elements .element:nth-child(2){width: 60px;}
  .wellness-ingredient-elements .elements .element:nth-child(3){width: 120px;}
  .wellness-ingredients .wellness-tab-header{margin-left: -29px;margin-right: -29px;}
  .wellness-ingredients .wellness-tab-header .tabs .tab-button:first-child{ margin-left: 29px;}
  .wellness-ingredients .wellness-tab-header .tabs .tab-button:last-child{ margin-right: 29px;}
  .wellness-ingredients .wellness-tab-content .menu-ingredients{grid-template-columns: repeat(3, minmax(0, 1fr));}
  .section-ingredient-details{padding: 40px 0;}
  .ingredient-details .ingredient-action{margin: 0 0 30px;}
  .ingredient-details .ingredient-information{padding: 20px 0 0;}
  .ingredient-details .ingredient-information-item{padding: 20px 0;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(1){width: 140px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(2){width: 80px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(3){width: 160px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(4){width: 180px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(5){width: 100px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(6){width: 140px;}
  .section-catering-banner .catering-content .catering-inner{max-width: 440px;}
  .section-catering-banner .catering-content .catering-title{font-size: var(--heading-base);}
  .section-catering-details .section-inner{padding: 80px 0;}
  .catering-details{max-width: calc(50% - 12px);}
  .catering-details-image{max-width: calc(50% - 12px);top: 160px;height: calc(100% - 200px);}
  .catering-details-image .image-container{background-size: 200%;}
  .catering-details .details-card .card-content{padding: 30px;}
  .catering-details .details-card .card-subtitle{margin: 0 0 80px;}
  .catering-details .details-card .card-title.large{font-size: var(--heading-sm);}
  .catering-details .details-card .card-description{font-size: var(--font-sm);}
  .catering-details .details-card .card-actions{margin: 40px 0 0;grid-template-columns: repeat(1, minmax(0, 1fr));}
  .section-location-page .location-image{right: -5%;}
  .location-list .location-item .item-content{padding: 20px;}
  .location-list .location-item.location-franchise .item-inner{padding: 30px;}
  .location-list .location-item.location-franchise .item-subtitle{font-size: var(--subheading-2xs);}
  .location-list .location-item .item-title{font-size: var(--font-lg);}
  .location-list .location-item .item-actions .btn-action .btn-inner{height: 44px;font-size: var(--font-lg);gap: 4px;}
  .location-list .location-item .item-actions .btn-action .btn-inner span{font-size: var(--font-sm);}
  .section-location-details-banner{padding: 40px 0;}
  .section-location-details-banner .location-content{width: 100%; max-width: 100%;}
  .section-location-details-banner .location-image{position: relative;width: 100%;max-width: 100%;border-radius: 24px;display: flex;height: auto;aspect-ratio: 3 / 2;margin: 0 0 24px;}
  .section-location-details-banner .location-title{max-width: 560px;}
  .section-location-details{padding: 60px 0;}
  .location-details-cards{gap: 24px;}
  .location-details-cards .card-column{padding: 60px 0 0;gap: 24px;}
  .location-details-cards .details-card .card-content{padding: 20px;border-radius: 16px;}
  .location-details-cards .card-image{border-radius: 16px;}
  .location-details-cards .details-card .card-title{font-size: var(--font-base);}
  .location-details-cards .store-status{margin: 0 0 40px;}
  .location-details-cards .store-time-table td{padding: 4px 0;}
}
@media screen and (max-width: 990px) and (orientation:landscape){
  .responsive-menu .responsive-menu-wrapper{width: 320px;padding: 20px 40px;}
  .responsive-menu .navigation .nav-item{padding: 8px 0;}
  .responsive-menu .navigation .nav-link{font-size: var(--heading-xs);}
  .responsive-menu .navigation-footer{margin: 12px 0 0;padding: 12px 0 0;}
  .section-banner{gap: 80px;}
  .banner-slider-image .swiper-slide-active .banner-image-item{transform: scale(1);}
}
@media screen and (max-width: 480px) {
  :root {
    --buttonHeight: 44px;
    --buttonPadding: 16px;
  }
  .viewport.active-stage-2{transform: scale(0.8) translateX(-60%);}
  .responsive-menu .responsive-menu-wrapper{width: 240px;padding: 80px 20px;}
  .mandala{height: 24px;margin-bottom: 8px;}
  .mandala.tilt-left-corner{height: 28px;top: -12px;left: -16px;}
  body header .brand .logo, body header .brand .logo{background-position: 0 -70px;}
  body.scroll-down header .brand .logo, body.scroll-up header .brand .logo{background-position: 0 -140px;}
  header .brand{width: 120px;height: 70px;}
  .section-banner{min-height: 0;padding: 40px 0;gap: 80px;}
  .section-banner .container{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .section-banner .banner-title{font-size: var(--heading-sm);max-width: 280px;}
  .banner-slider{max-width: 160px;transform: none;}
  .banner-slider:before{width: 80px;height: 40px;top: 60px;right: calc(100% + 10px);transform: rotate(-15deg);}
  .banner-slider .banner-slider-item .banner-slider-tag{height: 24px;padding: 2px 12px 0;}
  .banner-slider .banner-slider-item .banner-slider-title{font-size: var(--subheading-xs);}
  .banner-slider .banner-slider-item .banner-slider-description{display: none;}
  .banner-slider .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;}
  .banner-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px;}
  .section-intro{padding: 0;}
  .section-intro .intro-wrapper{border-radius: 0;padding: 40px 0;margin: 0 -15px;width: auto;}
  .section-intro .intro-image{border-radius: 0 20px 20px 0;width: auto;aspect-ratio: 3 / 2;margin: 0 15px 0 0;}
  .section-intro .intro-image .into-title{display: none;}
  .section-intro .intro-content{padding: 40px 30px 0;}
  .section-intro .intro-inner{flex-direction: column;justify-content: flex-start;align-items: flex-end;text-align: right;}
  .section-intro .intro-inner .into-title{display: block;}
  .section-title .title{font-size: var(--heading-sm);}
  .section-title-wrapper{flex-direction: column; gap: 12px;}
  .section-title-wrapper .section-title{text-align: center;}
  .section-title-wrapper .mandala{margin: 0 auto 8px;}
  .section-title-wrapper .section-subtitle{max-width: 100%; text-align: center;}
  .section-title-wrapper .section-subtitle .subtitle{font-size: var(--font-sm);}
  .section-categories{padding: 40px 0;}
  .category-slider{margin: 40px 0;}
  .category-slider .swiper-slide:first-child{padding-left: 15px;}
  .category-slider .swiper-slide:last-child{padding-right: 15px;}
  .section-ingredients .ingredient-details .title{font-size: var(--heading-sm);}
  .section-ingredients .ingredient-details .description{font-size: var(--font-sm); line-height: 1.6;}
  .section-ingredients .ingredients .ingredient-item{gap: 20px;}
  .section-ingredients .ingredients .ingredient-item .item-image-wrap{width: 120px;}
  .section-ingredients .ingredients .ingredient-item .item-subimage{width: 32px;height: 32px;}
  .section-ingredients .ingredients .ingredient-item .item-connector{width: 50px;}
  .section-ingredients .ingredients .ingredient-item .item-title{max-width: 160px;font-size: var(--font-base);}
  .section-catering .section-inner{padding: 120px 0;}
  .section-catering .catering-images .catering-image-item:nth-child(1){width: 80px;top: 20%;}
  .section-catering .catering-images .catering-image-item:nth-child(2){width: 50px;top: 8%;left: 40%;}
  .section-catering .catering-images .catering-image-item:nth-child(3){width: 90px;}
  .section-catering .catering-images .catering-image-item:nth-child(4){width: 80px;bottom: -20%;}
  .section-catering .catering-images .catering-image-item:nth-child(5){width: 40px;}
  .section-catering .catering-images .catering-image-item:nth-child(6){width: 120px;right: -25%;}
  .section-catering .catering-images .catering-image-item .image-inner{border-radius: 8px;}
  .section-catering .catering-content .catering-inner{max-width: 320px;}
  .section-catering .catering-content .catering-title{font-size: var(--subheading-lg);max-width: 250px; margin: 0 auto;}
  .section-catering .catering-content .catering-description{font-size: var(--font-sm);}
  .section-information{padding: 40px 0;}
  .informations{flex-direction: column;}
  .informations .information-item{width: 100%;min-height: 240px;display: flex;}
  .informations .information-item:hover{width: 100%;}
  .informations .information-item .information-inner{height: auto;border-radius: 20px;padding: 20px;}
  .informations .information-item .information-title{font-size: var(--heading-xs);max-width: 240px;}
  .informations .information-item .information-description{font-size: var(--font-xs);}
  .section-locations{padding: 40px 0;}
  .section-locations .locations-connector{height: 20px;width: 60px;top: 20px;transform: translateX(calc(-100% - 20px));}
  .section-locations .locations-title{font-size: var(--subheading-sm);}
  .section-locations .locations-description{margin: 30px 0 0;font-size: var(--font-sm);}
  .section-locations .locations-actions{margin: 30px 0 0;}
  footer .footer-brand{width: 140px;}
  footer .footer-options{flex-wrap: wrap;}
  footer .footer-group{max-width: calc(50% - 10px);}
  footer .footer-title{text-transform: uppercase;font-size: var(--font-base);}
  footer .footer-group.alt{max-width: 100%;display: flex;align-items: center;justify-content: space-between;}
  footer .footer-group.alt .footer-title{margin: 0; width:100%;max-width: calc(50% - 10px);}
  footer .footer-group.alt .footer-social{margin: 0; width:100%;max-width: calc(50% - 10px);}
  footer .container + .container{border: none;padding-top: 0;padding-bottom: 0;}
  footer .footer-bar{flex-wrap: wrap;gap: 8px;border-top: 1px solid var(--sari-medium);padding-top: 30px;padding-bottom: 30px;}
  footer .footer-bar .copyright{font-size: var(--font-xs);}
  footer .footer-bar .address{font-size: var(--font-xs);}
  .section-menu .menu-categories{padding: 10px 0;}
  .section-menu .menu-categories .btn-dropdown{font-size: var(--font-base);}
  .section-menu .menu-categories .category-item{height: 36px;}
  .section-menu .menu-sections .menu-section-item{padding: 60px 0;}
  .section-menu .menu-sections .menu-section-item .section-title .title{max-width: 300px;}
  .section-menu .menu-sections .menu-section-item .section-title-wrapper .section-title .title{max-width: 260px;}
  .menu-list{grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: 16px;row-gap: 24px;margin: 20px 0 0;}
  .menu-item .menu-image{width: 120px;}
  .menu-item .menu-content{margin: -60px 0 0;padding: 60px 16px 20px;border-radius: 12px;}
  .menu-item .menu-information{order:2;}
  .menu-item .menu-title{height: 36px;margin: 0 0 12px;}
  .menu-item .menu-title .title{font-size: var(--font-base);font-weight: 700;}
  .menu-item .menu-description{font-size: var(--font-xs);}
  .menu-item .menu-meta{margin: 0 0 12px; order: 1;}
  .menu-item:hover .menu-meta{opacity: 1;}
  .menu-item .menu-actions{order: 3;position: relative;transform: none;padding: 0;margin: 12px 0 0;}
  .menu-item .menu-actions .btn-action .btn-inner{height: 32px;}
  .menu-item .menu-actions .btn-action .btn-inner span{display: none;}
  .menu-item .menu-actions .btn-action .btn-inner span+span{display: block;}
  .menu-item.menu-text-card .menu-content{margin: 66px 0 0;padding: 16px;}
  .menu-item.menu-text-card .menu-title .title{font-size: var(--font-sm);text-transform: uppercase;font-style: normal;}
  .section-menu-details{padding: 200px 0 60px;}
  .menu-details{flex-direction: column;}
  .menu-details .menu-details-image{width: 100%;transform: none;margin: -200px 0 0;}
  .menu-details .menu-details-content{width: 100%;position: static;}
  .menu-details .menu-details-action{position: absolute;top: 20px;left: 20px;}
  .menu-details .menu-details-meta{gap: 4px; justify-content: center;}
  .menu-details .menu-details-meta .meta-item{height: 32px;}
  .menu-details .menu-details-meta .meta-label{display: none;}
  .menu-details .menu-details-options .btn-action{width: 100%;}
  .menu-list.menu-sm .menu-item .menu-title{height: 36px;margin: 0 0 12px;}
  .menu-list.menu-sm .menu-item .menu-title .title{font-size: var(--font-base);}
  .menu-list.menu-sm .menu-item .menu-meta{margin: 0 0 12px;}
  .menu-list.menu-sm .menu-item .menu-actions{padding: 0;}
  .menu-list.menu-sm .menu-item .menu-actions .btn-action .btn-inner{height: 32px;}
  .section-menu-ingredients .section-title-wrapper{flex-direction: row;}
  .section-menu-ingredients .section-title .title{font-size: var(--subheading-xs);}
  .menu-ingredients{padding: 0 15px;}
  .menu-ingredients .swiper-slide{display: flex;height: auto;}
  .menu-ingredients .swiper-slide:first-child{padding-left: 0;}
  .menu-ingredients .swiper-slide:last-child{padding-right: 0;}
  .menu-ingredients .menu-ingredient-item{width: 100%;}
  .section-similar-menus .similar-menus-inner{padding: 40px 0;}
  .section-similar-menus .section-title-wrapper{flex-direction: row;flex-wrap: nowrap;}
  .section-similar-menus .section-title-wrapper .section-title{text-align: left;}
  .similar-menus .swiper-slide:first-child{padding-left: 15px !important;}
  .similar-menus .swiper-slide:last-child{padding-right: 15px !important;}
  .similar-menus .menu-item{width: calc(50vw - 20px);}
  .section-franchise-banner{padding: 40px 0;}
  .franchise-banner-list{gap: 12px;margin: 60px 0;}
  .franchise-banner-list .banner-item .item-inner{border-radius: 20px;}
  .section-factors{padding: 40px 0 0;}
  .section-factors .factors-content .factors-title{font-size: var(--heading-xs);}
  .factors-list{padding:0 0 120px;}
  .factors-list .factor-item{padding: 100px 0;margin:0 0 200px;}
  .factors-list .factor-item .item-inner{grid-template-columns: repeat(1, minmax(0, 1fr));padding: 40px 30px;border-radius: 20px;}
  .factors-list .factor-item .item-title{font-size: var(--heading-sm);margin: 0 0 24px;}
  .factors-list .factor-item .item-statistics .statistics{gap: 20px;}
  .factors-list .factor-item .item-statistics .statistics-data{border-radius: 8px;font-size: var(--heading-xs);letter-spacing: -1px;}
  .factors-list .factor-item .item-statistics .statistics-label{font-size: var(--font-sm);}
  .factors-list .factor-item .item-description ul{padding: 0 0 0 24px;}
  .factors-list .factor-item .item-description ul > li{font-size: var(--font-sm);}
  .factors-list .factor-item .item-description ul > li:before{font-size: var(--font-lg);left: -24px;}
  .factors-list .factor-item .item-image-container{width: 240px;margin: -20px 0 0;position: absolute;top: 100%;z-index: 1;right: 0;}
  .factors-list .factor-item .item-decoration{width: 80px;}
  .section-franchise-connect{padding: 40px 0;}
  .franchise-connect{grid-template-columns: repeat(1, minmax(0, 1fr));margin:0;}
  .franchise-connect .column{grid-column: span 1 / span 1;}
  .franchise-connect .column:first-child .details-card:nth-child(2){display: none;}
  .franchise-connect .column + .column{grid-column: span 1 / span 1; padding: 0;}
  .franchise-connect .details-card .card-content{border-radius: 20px;}
  .franchise-connect .column + .column .details-card .card-image{display: flex;}
  .franchise-connect .franchise-form{border-radius: 20px; padding: 30px 30px 80px;}
  .section-contact-connect{padding: 40px 0;}
  .contact-connect{grid-template-columns: repeat(1, minmax(0, 1fr));margin: 40px 0 0;}
  .contact-connect .column{grid-column: span 1 / span 1;}
  .contact-connect .column:first-child .details-card:nth-child(2){display: none;}
  .contact-connect .column + .column{grid-column: span 1 / span 1; padding: 0;}
  .contact-connect .details-card .card-content{border-radius: 20px;}
  .contact-connect .column + .column .details-card .card-image{display: flex;}
  .contact-connect .contact-form{border-radius: 20px; padding: 30px 30px 80px;}
  .section-contact-locations .section-title-wrapper{flex-direction: row; flex-wrap: nowrap;}
  .section-contact-locations .section-title-wrapper .section-title{text-align: left;}
  .section-contact-locations{padding: 60px 0;}
  .contact-locations-list{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .contact-locations-list .location-item .item-inner .item-name{font-size: var(--font-xl);}
  .section-career-connect{padding: 40px 0;}
  .career-connect{grid-template-columns: repeat(1, minmax(0, 1fr));margin: 40px 0 0;}
  .career-connect .column{grid-column: span 1 / span 1;}
  .career-connect .column:first-child .details-card:nth-child(2){display: none;}
  .career-connect .column + .column{grid-column: span 1 / span 1; padding: 0;}
  .career-connect .details-card .card-content{border-radius: 20px;}
  .career-connect .column + .column .details-card .card-image{display: flex;}
  .career-connect .career-form{border-radius: 20px; padding: 30px 30px 80px;}
  .form .wpcf7-form{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .form .form-group.form-half{grid-column: span 2 / span 2;}
  .form .radio .radio-label{height: 56px;}
  .form .form-actions .btn-action{width: 100%;}
  .section-about{padding: 40px 0;}
  .section-about .section-title .title{max-width: 320px;}
  .section-about .about-container{margin: 80px 0 0;}
  .section-about .about-image .about-image-inner{border-radius: 20px;}
  .section-about .about-image-grid{gap: 12px;}
  .section-about .about-row{min-height: auto;padding: 140px 0 0;display: block;}
  .section-about .about-title{font-size: var(--subheading-sm);}
  .section-about .about-description{font-size: var(--font-sm);}
  .section-about .about-image-grid .about-image:nth-child(1){aspect-ratio: 4 / 3;}
  .section-about .about-image-grid .about-image:nth-child(1) .about-image-inner{border-radius: 0 20px 20px 0;}
  .section-about .about-image-grid .about-image:nth-child(2) .about-image-container{aspect-ratio: 1 / 2.2;}
  .section-about .about-image-grid .about-image:nth-child(2) .about-image-container:before{width: 72px;}
  .section-about .about-image-grid .about-image:nth-child(2) .about-image-inner{border-radius: 20px 0 0 20px;}
  .section-about .about-row:nth-child(3) .about-image{position: relative;top: auto;left: -10%;transform: none;width: 100%;aspect-ratio: 3 / 2; margin: 0 0 40px;}
  .section-about .about-row:nth-child(3) .about-image .about-image-container:before{width: 72px;top: 8px;right: 8px;}
  .section-about .about-row:nth-child(3) .about-image .about-image-inner{border-radius: 0 20px 20px 0;}
  .section-about .about-row:nth-child(3) .about-content{width: 100%; max-width: 100%;margin: 0;}
  .section-about-cta .about-cta-content{height: auto;flex-direction: column;padding: 60px 30px 140px;}
  .section-about-cta .cta-title{font-size: var(--heading-sm);}
  .section-about-cta .cta-description{font-size: var(--font-sm);}
  .section-about-cta .cta-actions{width: 100%; margin: 60px 0 0;}
  .section-about-cta .cta-actions .btn-action{width: 100%;}
  .section-celebration .section-inner{padding: 160px 0;}
  .section-celebration .celebration-content .celebration-inner{max-width: 280px;margin: 0 auto 0 24px;}
  .section-celebration .celebration-content .celebration-subtitle{font-size: var(--heading-xs);}
  .section-celebration .celebration-content .celebration-title{font-size: var(--heading-lg);}
  .section-celebration .celebration-content .celebration-description{font-size: var(--font-sm);}
  .section-celebration .celebration-content .celebration-description-note{font-size: var(--font-sm);margin: 40px 0; text-align: right;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(1){width: 80px;top: 2%;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(2){width: 128px;right: -10%;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(3){width: 110px;right: -15%;top: 18%;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(3) .image-inner{aspect-ratio: 4 / 3;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(4){width: 190px;bottom: -15%;}
  .section-celebration .celebration-images .celebration-image-item:nth-child(5){width: 180px;bottom: 0%;right: -30%;}
  .section-mascot{padding: 80px 0 120px;}
  .section-mascot .mascot-container{padding: 40px 40px 120px;}
  .section-mascot .mascot-description{font-size: var(--font-sm);}
  .section-mascot .mascot-image{max-width: 280px;top: 100%;bottom: auto;left: 50%;transform: translate(-50%, -50%);}
  .section-featured-blogs{padding:40px 0;}
  .section-featured-blogs .section-title .title{max-width: 340px;}
  .featured-blog-list{grid-template-columns: repeat(1, minmax(0, 1fr));grid-template-rows: unset;margin: 60px 0 0;}
  .featured-blog-list .blog-item:nth-child(1),.featured-blog-list .blog-item:nth-child(2),.featured-blog-list .blog-item:nth-child(3){grid-area: unset;aspect-ratio: 3 / 2;}
  .featured-blog-list .blog-item .item-inner{border-radius: 20px;}
  .blog-list{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .blog-list .blog-item .item-image{border-radius: 20px;}
  .blog-details .blog-title{font-size: var(--subheading-sm);}
  .blog-details .blog-meta{flex-direction: column;align-items: flex-start;gap: 12px;}
  .blog-details .blog-image{aspect-ratio: 3 / 2;}
  .section-wellness-banner{padding: 40px 0;}
  .section-wellness-banner .section-title .title{max-width: 320px;}
  .wellness-banner{margin: 40px 0 0;}
  .wellness-banner .banner-images{margin: 0 -80px;gap: 8px;}
  .wellness-banner .banner-images .image{border-radius: 8px;}
  .wellness-banner .banner-images .grid:nth-child(2){padding: 12px 0 0;}
  .wellness-banner .banner-images .grid:nth-child(6){padding: 12px 0 0;}
  .section-wellness-information{padding: 40px 0;}
  .section-wellness-information .wellness-information .description > *{margin: 0 0 24px;}
  .section-wellness-video{padding: 40px 0;}
  .video-wrapper{aspect-ratio: 3 / 2;}
  .video-wrapper .video-inner-content{max-width: 220px;}
  .video-wrapper .video-icon{font-size: var(--heading-lg);}
  .video-wrapper .video-title{font-size: var(--subheading-2xs);}
  .section-menu-processing{padding: 40px 0;}
  .section-menu-processing .section-title .title{max-width: 280px;}
  .menu-processing .processing .processing-item{padding: 0 20px 0 0;}
  .menu-processing .processing .processing-item:nth-child(even){padding: 0 0 0 20px;}
  .menu-processing .processing .processing-item .item-image{width: 140px;}
  .menu-processing .processing .processing-item .item-title:before{transform: translate(-75%, 100%) rotate(-60deg);width: 60px;height: 30px;}
  .menu-processing .processing .processing-item:nth-child(even) .item-title:before{transform: translate(75%, 200%) rotate(60deg);}
  .menu-processing .processing .processing-item:nth-child(2) .item-image{padding: 10px;}
  .menu-processing .final-dish .final-dish-title{font-size: var(--heading-xs);}
  .menu-processing .final-dish .final-dish-image{max-width: 280px;}
  .section-menu-processing:after{height: 180px;}
  .section-menu-processing .menu-processing-video .video-wrapper .video-inner-content{max-width: 180px;}
  .section-wellness-ingredients{padding: 0 0 40px 0;}
  .wellness-ingredient-elements{padding: 80px 15px;margin: 0 -15px;overflow: hidden;}
  .wellness-ingredient-elements .elements .element:nth-child(1){width: 40px;transform:translateY(0%) rotate(-45deg)}
  .wellness-ingredient-elements .elements .element:nth-child(2){width: 40px;top: 25%;left: 2%;}
  .wellness-ingredient-elements .elements .element:nth-child(3){width: 80px;right: -2%;}
  .section-wellness-ingredients .section-title .title{max-width: 280px;}
  .wellness-ingredients .wellness-tab-content .menu-ingredients{grid-template-columns: repeat(2, minmax(0, 1fr));padding: 0;}
  .wellness-ingredients .wellness-tab-header{margin-left: -15px;margin-right: -15px;}
  .wellness-ingredients .wellness-tab-header .tabs .tab-button:first-child{ margin-left: 15px;}
  .wellness-ingredients .wellness-tab-header .tabs .tab-button:last-child{ margin-right: 15px;}
  .wellness-ingredients .wellness-tab-content .menu-ingredients{column-gap: 12px;row-gap: 12px;}
  .menu-ingredients .menu-ingredient-item .item-inner{border-radius: 12px;}
  .menu-ingredients .menu-ingredient-item .item-title{flex-grow: 1;flex-shrink: 1;display: flex;align-items: center;justify-content: center;}
  .ingredient-details .ingrdient-title{font-size: var(--subheading-sm);}
  .ingredient-details .ingredient-image{aspect-ratio: 3 / 2;}
  .section-catering-banner .catering-images .catering-image-item .image-inner{border-radius: 8px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(1){width: 90px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(2){width: 60px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(3){width: 120px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(4){width: 120px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(5){width: 60px;}
  .section-catering-banner .catering-images .catering-image-item:nth-child(6){width: 100px;}
  .section-catering-banner .catering-content{padding: 160px 0;}
  .section-catering-banner .catering-content .catering-inner{max-width: 320px;}
  .section-catering-banner .catering-content .catering-subtitle{font-size: var(--subheading-xs);margin: 0 0 12px;}
  .section-catering-banner .catering-content .catering-title{font-size: var(--heading-sm);}
  .section-catering-details .section-inner{display: flex; flex-direction: column; gap: 24px;}
  .catering-details{max-width: 100%;width: 100%;}
  .catering-details .details-card .card-content{border-radius: 16px;}
  .catering-details-image{position: relative;top: auto;width: calc(100% - 30px);max-width: 100%;height: auto;margin: 0 15px;border-radius: 16px;aspect-ratio: 3 / 4;padding: 30px;}
  .catering-details-image .image-container{background-size: cover;}
  .section-location-page .section-inner{padding: 40px 0;}
  .section-location-page .location-image{right: -8%;top: 8%;width: 320px;}
  .section-location-page .location-description{font-size: var(--font-sm);max-width: 240px;}
  .location-list{grid-template-columns: repeat(1, minmax(0, 1fr));margin: 120px 0 0;}
  .location-list .location-item:nth-child(even) .item-inner{transform: translateY(0);}
  .location-list .location-item .item-inner{border-radius: 16px;}
  .location-list .location-item .item-image{border-radius: 12px;}
  .location-list .location-item .item-content{padding: 20px 12px;}
  .location-list .location-item .item-title{font-size: var(--subheading-2xs);}
  .location-list .location-item .item-description{font-size: var(--font-xs);}
  .location-list .location-item.location-franchise .item-subtitle{margin: 0 0 32px;}
  .section-location-details-banner .location-image{border-radius: 16px;}
  .section-location-details-banner .location-title{font-size: var(--heading-sm);}
  .section-location-details-banner .location-description{font-size: var(--font-sm);}
  .section-location-details-banner .location-option{margin: 40px 0 0;}
  .section-location-details-banner .location-option .options{flex-direction: column;width: 100%; gap: 24px;}
  .section-location-details-banner .location-option .options-label{height: 46px;border-radius: 0;margin: 0 -15px;justify-content: center;}
  .section-location-details{padding: 40px 0;}
  .location-details-cards{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .location-details-cards .card-column{padding: 0;}
}
/* ********|| RESPONSIVE END ||******** */