/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *


*/
@font-face {
  font-family: 'Inter Regular';
  src: url(/assets/fonts/inter/inter-v18-latin-regular-4257feae4ab4d639ab5c04aa4e3be1e51a632cc3189abf481212a464607cba55.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter Medium';
  src: url(/assets/fonts/inter/inter-v18-latin-500-4e948e63c678c58bab6bb0dc9fa0af063a33028841e5fd018908530494c6eb71.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter Semibold';
  src: url(/assets/fonts/inter/inter-v18-latin-600-eff1df42f259b7bea6b036e8d66414f539f58459a1cf1977083aae4731df0127.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Serif';
  src: url(/assets/fonts/source-serif/source-serif-4-v8-latin-regular-cd8f56d0633e0c07bdfa779dbd7324e56848e327f845156dbd7a9e5921ec2053.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: 'Source Serif Medium';
  src: url(/assets/fonts/source-serif/source-serif-4-v8-latin-500-24b592e26d85c7e4440f370ec846b156b0fc8c98ae62d31a0957b8d7a0c0caa2.woff2) format("woff2");
  font-display: swap;
}
/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *
 * spree/frontend/all points to the
 * `vendor/assets/stylesheets/spree/frontend/all.css` file generated by
 * `solidus:install`. See `setup_assets` at
 * https://github.com/solidusio/solidus/blob/main/core/lib/generators/solidus/install/install_generator.rb

 *

*/



*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;

}

:root {
  --background: hsl(42, 26%, 95%);
  --foreground: hsl(25, 20%, 20%);
  --card: hsl(0, 0%, 100%);
  --card-foreground: hsl(25, 20%, 20%);
  --popover: hsl(0, 0%, 100%);
  --popover-foreground: hsl(25, 20%, 20%);
  --primary: hsl(25, 60%, 45%);
  --primary-foreground: hsl(42, 26%, 95%);
  --secondary: #4d3e33;
  /*hsl(25, 20%, 25%); */
  --secondary-foreground: hsl(42, 26%, 95%);
  --muted: hsl(42, 20%, 88%);
  --muted-foreground: hsl(25, 15%, 50%);
  --accent: hsl(35, 80%, 70%);
  --accent-foreground: hsl(25, 20%, 20%);
  --destructive: hsl(0, 84.2%, 60.2%);
  --destructive-foreground: hsl(210, 40%, 98%);
  --border: hsl(42, 15%, 85%);
  --input: hsl(42, 15%, 85%);
  --ring: hsl(25, 60%, 45%);
  --radius: 0.5rem;
  --sidebar-background: hsl(0, 0%, 98%);
  --sidebar-foreground: hsl(240, 5.3%, 26.1%);
  --sidebar-primary: hsl(240, 5.9%, 10%);
  --sidebar-primary-foreground: hsl(0, 0%, 98%);
  --sidebar-accent: hsl(240, 4.8%, 95.9%);
  --sidebar-accent-foreground: hsl(240, 5.9%, 10%);
  --sidebar-border: hsl(220, 13%, 91%);
  --sidebar-ring: hsl(217.2, 91.2%, 59.8%);
  --tw-primary: #6c7c43;
  --tw-secondary: #b8672e;
}

.to-muted {
  --tw-gradient-to: var(--muted) var(--tw-gradient-to-position);
}

.animate-fade-in {
  animation: fadeIn 1s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate-scale-in {
  animation: scaleIn 1s ease-in-out;
}

@keyframes scaleIn {
  from {
    transform: scale(0.9);
  }
}

.text-5xl {
  font-size: 3rem;
}

.text-6xl {
  font-size: 4rem;
}



.text-foreground {
  color: var(--foreground);
}


.text-5xl {
  font-size: 3rem;
  line-height: 1;
}



.text-muted-foreground {
  color: var(--muted-foreground);
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}


.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.ring-offset-background {
  --tw-ring-offset-color: var(--background);
}

.text-primary-foreground {
  color: var(--primary-foreground);
}



.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}


.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}

.whitespace-nowrap {
  white-space: nowrap;
}



button,
[role="button"] {
  cursor: pointer;
}

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}

button,
select {
  text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}




.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.ring-offset-background {
  --tw-ring-offset-color: var(--background);
}


.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}



.border-input {
  border-color: var(--input);
}





.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.rounded-lg {
  border-radius: var(--radius);
}

.w-full {
  width: 100%;
}

img,
video {
  max-width: 100%;
  height: auto;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}


@media (min-width: 1024px) {
  .lg:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.gap-12 {
  gap: 3rem;
}

.items-center {
  align-items: center;
}



.bg-muted {
  background-color: var(--muted);
}

.bg-primary {
  background-color: var(--primary);
}

.bg-background {
  background-color: var(--background);
}

.bg-white {
  background-color: #ffffff;
}

.bg-red {
  background-color: red;
}

.bg-yellow {
  background-color: yellow;
}

.bg-green {
  background-color: green;
}


.max-w-7xl {
  max-width: 80rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}




.text-foreground {
  color: var(--foreground);
}

.font-bold {
  font-weight: 700;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}



.text-muted-foreground {
  color: var(--muted-foreground);
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}




.text-primary {
  color: var(--primary);
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.font-semibold {
  font-weight: 600;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}


.text-muted-foreground {
  color: var(--muted-foreground);
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}


.text-muted-foreground {
  color: var(--muted-foreground);
}

.items-center {
  align-items: center;
}

.flex {
  display: flex;
}









.text-foreground {
  color: var(--foreground);
}

.font-bold {
  font-weight: 700;
}

.text-4xl {
  font-size: 2.25rem;
}


.text-muted-foreground {
  color: var(--muted-foreground);
}

.text-lg {
  font-size: 1.125rem;
}


.gap-6 {
  gap: 1.5rem;
}

.text-accent {
  color: var(--accent);
}






.text-foreground {
  color: var(--foreground);
}

.font-bold {
  font-weight: 700;
}

.text-3xl {
  font-size: 1.875rem;
}


.categories-menu ul>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: 0;
  margin-top: 0;
}




.brand-color {
  color: #b8672e;
}

.text-2xl {
  font-size: 1.5rem;
}

.grow {
  flex-grow: 1;
}

.font-montserrat {
  font-family: 'Montserrat', sans-serif;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}


.price_selling {
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  text-decoration-thickness: 1px;
  text-decoration-style: solid;
}

.text-secondary-foreground {
  color: white;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.bg-secondary {
  background-color: #4d3e33;
}