@font-face {
  font-family: Montserrat;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("cdn/fonts/montserrat/montserrat_n5.07ef3781d9c78c8b93c98419da7ad4fbeebb6635.woff2%3Fh1=dWsub3Jvcm93ZWFyLmNvbQ&h2=b3Jvcm8tdWsuYWNjb3VudC5teXNob3BpZnkuY29t&h3=dWsub3Jvcm8uY29t&hmac=ca2dd8cb997810cc476372463f3bbde4cb0c6b9d7004be6ff5ec99538956b15c") format("woff2"),
       url("cdn/fonts/montserrat/montserrat_n5.adf9b4bd8b0e4f55a0b203cdd84512667e0d5e4d.woff%3Fh1=dWsub3Jvcm93ZWFyLmNvbQ&h2=b3Jvcm8tdWsuYWNjb3VudC5teXNob3BpZnkuY29t&h3=dWsub3Jvcm8uY29t&hmac=4d265a29f0d71c31c8e68838322dbbe340025d40d3c591865756027185bba049") format("woff");
}

        @font-face {
  font-family: Montserrat;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2%3Fh1=dWsub3Jvcm93ZWFyLmNvbQ&h2=b3Jvcm8tdWsuYWNjb3VudC5teXNob3BpZnkuY29t&h3=dWsub3Jvcm8uY29t&hmac=16af4123f1427cc21be359fbe166252700a5c71fee7adbdbea93a6426841da96") format("woff2"),
       url("cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff%3Fh1=dWsub3Jvcm93ZWFyLmNvbQ&h2=b3Jvcm8tdWsuYWNjb3VudC5teXNob3BpZnkuY29t&h3=dWsub3Jvcm8uY29t&hmac=0e2047c9fcea70ef9b824c02c78c4f96a6ddac1dfb2f94a9d2ccec76597d06f0") format("woff");
}

        @font-face {
  font-family: Montserrat;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("cdn/fonts/montserrat/montserrat_i5.d3a783eb0cc26f2fda1e99d1dfec3ebaea1dc164.woff2%3Fh1=dWsub3Jvcm93ZWFyLmNvbQ&h2=b3Jvcm8tdWsuYWNjb3VudC5teXNob3BpZnkuY29t&h3=dWsub3Jvcm8uY29t&hmac=3bd35e214184b408794e5ca377340905530af1c99617d34df24fffcc37eeb6e8") format("woff2"),
       url("cdn/fonts/montserrat/montserrat_i5.76d414ea3d56bb79ef992a9c62dce2e9063bc062.woff%3Fh1=dWsub3Jvcm93ZWFyLmNvbQ&h2=b3Jvcm8tdWsuYWNjb3VudC5teXNob3BpZnkuY29t&h3=dWsub3Jvcm8uY29t&hmac=1b9a24382ea4cef7a7677f53c3b928e19362b8aa55d8d36c94e1cab5d86db4bf") format("woff");
}

        @font-face {
  font-family: Montserrat;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2%3Fh1=dWsub3Jvcm93ZWFyLmNvbQ&h2=b3Jvcm8tdWsuYWNjb3VudC5teXNob3BpZnkuY29t&h3=dWsub3Jvcm8uY29t&hmac=a1ee8d3a476e4ea6665a99653845b0c05980320cfb16e78de64ff80318f5cc4b") format("woff2"),
       url("cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff%3Fh1=dWsub3Jvcm93ZWFyLmNvbQ&h2=b3Jvcm8tdWsuYWNjb3VudC5teXNob3BpZnkuY29t&h3=dWsub3Jvcm8uY29t&hmac=8fc1c9434d7b1e8dcffcba809c3343955f3423483d1f7d1086ee4dc465e1cb95") format("woff");
}

        @font-face {
  font-family: Montserrat;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2%3Fh1=dWsub3Jvcm93ZWFyLmNvbQ&h2=b3Jvcm8tdWsuYWNjb3VudC5teXNob3BpZnkuY29t&h3=dWsub3Jvcm8uY29t&hmac=16af4123f1427cc21be359fbe166252700a5c71fee7adbdbea93a6426841da96") format("woff2"),
       url("cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff%3Fh1=dWsub3Jvcm93ZWFyLmNvbQ&h2=b3Jvcm8tdWsuYWNjb3VudC5teXNob3BpZnkuY29t&h3=dWsub3Jvcm8uY29t&hmac=0e2047c9fcea70ef9b824c02c78c4f96a6ddac1dfb2f94a9d2ccec76597d06f0") format("woff");
}

  
        
          :root,
          .color-scheme-1 {
            --color-background: 255,255,255;
          
            --gradient-background: #ffffff;
          
  
          
  
          --color-foreground: 20,8,0;
          --color-background-contrast: 191,191,191;
          --color-shadow: 20,8,0;
          --color-button: 245,90,0;
          --color-button-text: 255,255,255;
          --color-secondary-button: 255,255,255;
          --color-secondary-button-text: 20,8,0;
          --color-link: 20,8,0;
          --color-badge-foreground: 20,8,0;
          --color-badge-background: 255,255,255;
          --color-badge-border: 20,8,0;
          --payment-terms-background-color: rgb(255 255 255);
        }
        
          
          .color-scheme-2 {
            --color-background: 243,243,243;
          
            --gradient-background: #f3f3f3;
          
  
          
  
          --color-foreground: 18,18,18;
          --color-background-contrast: 179,179,179;
          --color-shadow: 18,18,18;
          --color-button: 18,18,18;
          --color-button-text: 243,243,243;
          --color-secondary-button: 243,243,243;
          --color-secondary-button-text: 18,18,18;
          --color-link: 18,18,18;
          --color-badge-foreground: 18,18,18;
          --color-badge-background: 243,243,243;
          --color-badge-border: 18,18,18;
          --payment-terms-background-color: rgb(243 243 243);
        }
        
          
          .color-scheme-3 {
            --color-background: 36,40,51;
          
            --gradient-background: #242833;
          
  
          
  
          --color-foreground: 255,255,255;
          --color-background-contrast: 47,52,66;
          --color-shadow: 18,18,18;
          --color-button: 255,255,255;
          --color-button-text: 0,0,0;
          --color-secondary-button: 36,40,51;
          --color-secondary-button-text: 255,255,255;
          --color-link: 255,255,255;
          --color-badge-foreground: 255,255,255;
          --color-badge-background: 36,40,51;
          --color-badge-border: 255,255,255;
          --payment-terms-background-color: rgb(36 40 51);
        }
        
          
          .color-scheme-4 {
            --color-background: 18,18,18;
          
            --gradient-background: #121212;
          
  
          
  
          --color-foreground: 255,255,255;
          --color-background-contrast: 146,146,146;
          --color-shadow: 18,18,18;
          --color-button: 255,255,255;
          --color-button-text: 18,18,18;
          --color-secondary-button: 18,18,18;
          --color-secondary-button-text: 255,255,255;
          --color-link: 255,255,255;
          --color-badge-foreground: 255,255,255;
          --color-badge-background: 18,18,18;
          --color-badge-border: 255,255,255;
          --payment-terms-background-color: rgb(18 18 18);
        }
        
          
          .color-scheme-5 {
            --color-background: 51,79,180;
          
            --gradient-background: #334fb4;
          
  
          
  
          --color-foreground: 255,255,255;
          --color-background-contrast: 23,35,81;
          --color-shadow: 18,18,18;
          --color-button: 255,255,255;
          --color-button-text: 51,79,180;
          --color-secondary-button: 51,79,180;
          --color-secondary-button-text: 255,255,255;
          --color-link: 255,255,255;
          --color-badge-foreground: 255,255,255;
          --color-badge-background: 51,79,180;
          --color-badge-border: 255,255,255;
          --payment-terms-background-color: rgb(51 79 180);
        }
        
          
          .color-scheme-0f0929e5-0274-427d-947a-ab5876eef2ec {
            --color-background: 245,90,0;
          
            --gradient-background: #f55a00;
          
  
          
  
          --color-foreground: 255,255,255;
          --color-background-contrast: 118,43,0;
          --color-shadow: 113,113,113;
          --color-button: 113,113,113;
          --color-button-text: 255,255,255;
          --color-secondary-button: 245,90,0;
          --color-secondary-button-text: 20,8,0;
          --color-link: 20,8,0;
          --color-badge-foreground: 255,255,255;
          --color-badge-background: 245,90,0;
          --color-badge-border: 255,255,255;
          --payment-terms-background-color: rgb(245 90 0);
        }
        
  
        body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-0f0929e5-0274-427d-947a-ab5876eef2ec {
          /* color: rgba(var(--color-foreground), 0.75); */
          color: rgb(var(--color-foreground));
          background-color: rgb(var(--color-background));
        }
  
        :root {
          /* Theme Color */
          --theme-night-1: #140800; /* #140800 */
          --theme-night-2: #423933; /* #423933 */
          --theme-night-3: #716A66; /* #716A66 */
          --theme-night-4: #ABA8A5; /* #ABA8A5 */
          --theme-fire-1: #F55A00; /* #F55A00 */
          --theme-fire-2: #FF792B; /* #FF792B */
          --theme-fire-3: #FF9A60; /* #FF9A60 */
          --theme-fire-4: #FFD1B7; /* #FFD1B7 */
          --theme-sun-1: #F9BB1B; /* #F9BB1B */
          --color-white: #fff;
          --color-gray-1: #696969;
          --color-gray-2: #DDDDDD;
          --color-gray-3: #EBEBEB;
          --color-gray-4: #EEEEEE;
          --color-black: #000;
          --color-red: #e32d1c;/*sale price color */
          --Ororo-sun:#F9BB1B; 
          --Ororo-Snow:#FBFBF7;
  
          --font-body-family: 
            
              "Montserrat", sans-serif;
            
          --font-body-style: normal;
          --font-body-weight: 400;
          --font-body-weight-bold: 800;
  
          --font-heading-family: 
            
              "Phudu", sans-serif;
            
          --font-heading-style: normal;
          --font-heading-weight: 700;
  
          --font-body-scale: 1.0;
          --font-heading-scale: 1.0;
  
          --media-padding: px;
          --media-border-opacity: 0.05;
          --media-border-width: 1px;
          --media-radius: 0px;
          --media-shadow-opacity: 0.0;
          --media-shadow-horizontal-offset: 0px;
          --media-shadow-vertical-offset: 4px;
          --media-shadow-blur-radius: 5px;
          --media-shadow-visible: 0;
  
          --page-width: 192rem;
          --page-width-margin: 0rem;
  
          --product-card-image-padding: 0.0rem;
          --product-card-corner-radius: 0.0rem;
          --product-card-text-alignment: left;
          --product-card-border-width: 0.0rem;
          --product-card-border-opacity: 0.1;
          --product-card-shadow-opacity: 0.0;
          --product-card-shadow-visible: 0;
          --product-card-shadow-horizontal-offset: 0.0rem;
          --product-card-shadow-vertical-offset: 0.4rem;
          --product-card-shadow-blur-radius: 0.5rem;
  
          --collection-card-image-padding: 0.0rem;
          --collection-card-corner-radius: 0.0rem;
          --collection-card-text-alignment: left;
          --collection-card-border-width: 0.0rem;
          --collection-card-border-opacity: 0.1;
          --collection-card-shadow-opacity: 0.0;
          --collection-card-shadow-visible: 0;
          --collection-card-shadow-horizontal-offset: 0.0rem;
          --collection-card-shadow-vertical-offset: 0.4rem;
          --collection-card-shadow-blur-radius: 0.5rem;
  
          --blog-card-image-padding: 0.0rem;
          --blog-card-corner-radius: 0.0rem;
          --blog-card-text-alignment: left;
          --blog-card-border-width: 0.0rem;
          --blog-card-border-opacity: 0.1;
          --blog-card-shadow-opacity: 0.0;
          --blog-card-shadow-visible: 0;
          --blog-card-shadow-horizontal-offset: 0.0rem;
          --blog-card-shadow-vertical-offset: 0.4rem;
          --blog-card-shadow-blur-radius: 0.5rem;
  
          --badge-corner-radius: 0.0rem;
  
          --popup-border-width: 1px;
          --popup-border-opacity: 0.1;
          --popup-corner-radius: 0px;
          --popup-shadow-opacity: 0.05;
          --popup-shadow-horizontal-offset: 0px;
          --popup-shadow-vertical-offset: 4px;
          --popup-shadow-blur-radius: 5px;
  
          --drawer-border-width: 1px;
          --drawer-border-opacity: 0.1;
          --drawer-shadow-opacity: 0.0;
          --drawer-shadow-horizontal-offset: 0px;
          --drawer-shadow-vertical-offset: 4px;
          --drawer-shadow-blur-radius: 5px;
  
          --spacing-sections-desktop: 0px;
          --spacing-sections-mobile: 0px;
  
          --grid-desktop-vertical-spacing: 8px;
          --grid-desktop-horizontal-spacing: 8px;
          --grid-mobile-vertical-spacing: 4px;
          --grid-mobile-horizontal-spacing: 4px;
  
          --text-boxes-border-opacity: 0.1;
          --text-boxes-border-width: 0px;
          --text-boxes-radius: 0px;
          --text-boxes-shadow-opacity: 0.0;
          --text-boxes-shadow-visible: 0;
          --text-boxes-shadow-horizontal-offset: 0px;
          --text-boxes-shadow-vertical-offset: 4px;
          --text-boxes-shadow-blur-radius: 5px;
  
          --buttons-radius: 0px;
          --buttons-radius-outset: 0px;
          --buttons-border-width: 1px;
          --buttons-border-opacity: 1.0;
          --buttons-shadow-opacity: 0.0;
          --buttons-shadow-visible: 0;
          --buttons-shadow-horizontal-offset: 0px;
          --buttons-shadow-vertical-offset: 4px;
          --buttons-shadow-blur-radius: 5px;
          --buttons-border-offset: 0px;
  
          --inputs-radius: 0px;
          --inputs-border-width: 1px;
          --inputs-border-opacity: 0.11;
          --inputs-shadow-opacity: 0.0;
          --inputs-shadow-horizontal-offset: 0px;
          --inputs-margin-offset: 0px;
          --inputs-shadow-vertical-offset: 4px;
          --inputs-shadow-blur-radius: 5px;
          --inputs-radius-outset: 0px;
  
          --variant-pills-radius: 0px;
          --variant-pills-border-width: 1px;
          --variant-pills-border-opacity: 0.55;
          --variant-pills-shadow-opacity: 0.0;
          --variant-pills-shadow-horizontal-offset: 0px;
          --variant-pills-shadow-vertical-offset: 4px;
          --variant-pills-shadow-blur-radius: 5px;
        }
  
        *,
        *::before,
        *::after {
          box-sizing: inherit;
        }
  
        html {
          box-sizing: border-box;
          font-size: calc(var(--font-body-scale) * 62.5%);
          height: 100%;
        }
  
        body {
          display: grid;
          grid-template-rows: auto auto 1fr auto;
          grid-template-columns: 100%;
          min-height: 100%;
          margin: 0;
          font-size: 14px;
          letter-spacing: 0;
          /* line-height: calc(1 + 0.8 / var(--font-body-scale)); */
          line-height: 1.5;
          font-family: var(--font-body-family);
          font-style: var(--font-body-style);
          font-weight: var(--font-body-weight);
          font-display: swap;
        }
  
        @media screen and (min-width: 750px) {
          body {
            font-size: 1.6rem;
          }
        }