/** Shopify CDN: Minification failed

Line 4008:0 All "@import" rules must come first

**/

          /* === fonts.css === */

      @font-face {
        font-family: "NevadaSerial";
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: url('https://eatcampogrande.com/cdn/shop/t/23/assets/mm-NevadaSerial-Light.woff2?v=178846213017778672921777087701') format("woff2");
      }
      @font-face {
        font-family: "NevadaSerial";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url('https://eatcampogrande.com/cdn/shop/t/23/assets/mm-NevadaSerial.woff2?v=51102391143962015701777087702') format("woff2");
      }
      @font-face {
        font-family: "NevadaSerial";
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url('https://eatcampogrande.com/cdn/shop/t/23/assets/mm-NevadaSerial-Medium.woff2?v=179057487380596850931777087701') format("woff2");
      }
      @font-face {
        font-family: "NevadaSerial";
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url('https://eatcampogrande.com/cdn/shop/t/23/assets/mm-NevadaSerial-Bold.woff2?v=611195490332570321777087700') format("woff2");
      }

      @font-face {
        font-family: "Open Sans";
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: url('https://eatcampogrande.com/cdn/shop/t/23/assets/mm-OpenSans-Light.ttf?v=179064428992095461531777087705') format("truetype");
      }
      @font-face {
        font-family: "Open Sans";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url('https://eatcampogrande.com/cdn/shop/t/23/assets/mm-OpenSans-Regular.ttf?v=165224791540163288561777087705') format("truetype");
      }
      @font-face {
        font-family: "Open Sans";
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url('https://eatcampogrande.com/cdn/shop/t/23/assets/mm-OpenSans-SemiBold.ttf?v=43658787321035188881777087706') format("truetype");
      }
      @font-face {
        font-family: "Open Sans";
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url('https://eatcampogrande.com/cdn/shop/t/23/assets/mm-OpenSans-Bold.ttf?v=181646321849810206181777087703') format("truetype");
      }
      @font-face {
        font-family: "Open Sans";
        font-style: normal;
        font-weight: 800;
        font-display: swap;
        src: url('https://eatcampogrande.com/cdn/shop/t/23/assets/mm-OpenSans-ExtraBold.ttf?v=130857052320072694871777087704') format("truetype");
      }


          /* === tailwind.css (compiled) === */
          *,
          :after,
          :before {
            --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, .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: ;
            --tw-contain-style:
          }

          ::backdrop {
            --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, .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: ;
            --tw-contain-style:
          }

          /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
          *,
          :after,
          :before {
            border: 0 solid #e5e7eb;
            box-sizing: border-box
          }

          :after,
          :before {
            --tw-content: ""
          }

          :host,
          html {
            line-height: 1.5;
            -webkit-text-size-adjust: 100%;
            font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
            font-feature-settings: normal;
            font-variation-settings: normal;
            -moz-tab-size: 4;
            -o-tab-size: 4;
            tab-size: 4;
            -webkit-tap-highlight-color: transparent
          }

          body {
            line-height: inherit;
            margin: 0
          }

          hr {
            border-top-width: 1px;
            color: inherit;
            height: 0
          }

          abbr:where([title]) {
            -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted
          }

          h1,
          h2,
          h3,
          h4,
          h5,
          h6 {
            font-size: inherit;
            font-weight: inherit
          }

          a {
            color: inherit;
            text-decoration: inherit
          }

          b,
          strong {
            font-weight: bolder
          }

          code,
          kbd,
          pre,
          samp {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
            font-feature-settings: normal;
            font-size: 1em;
            font-variation-settings: normal
          }

          small {
            font-size: 80%
          }

          sub,
          sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
          }

          sub {
            bottom: -.25em
          }

          sup {
            top: -.5em
          }

          table {
            border-collapse: collapse;
            border-color: inherit;
            text-indent: 0
          }

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

          button,
          select {
            text-transform: none
          }

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

          :-moz-focusring {
            outline: auto
          }

          :-moz-ui-invalid {
            box-shadow: none
          }

          progress {
            vertical-align: baseline
          }

          ::-webkit-inner-spin-button,
          ::-webkit-outer-spin-button {
            height: auto
          }

          [type=search] {
            -webkit-appearance: textfield;
            outline-offset: -2px
          }

          ::-webkit-search-decoration {
            -webkit-appearance: none
          }

          ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
          }

          summary {
            display: list-item
          }

          blockquote,
          dd,
          dl,
          figure,
          h1,
          h2,
          h3,
          h4,
          h5,
          h6,
          hr,
          p,
          pre {
            margin: 0
          }

          fieldset {
            margin: 0
          }

          fieldset,
          legend {
            padding: 0
          }

          menu,
          ol,
          ul {
            list-style: none;
            margin: 0;
            padding: 0
          }

          dialog {
            padding: 0
          }

          textarea {
            resize: vertical
          }

          input::-moz-placeholder,
          textarea::-moz-placeholder {
            color: #9ca3af;
            opacity: 1
          }

          input::placeholder,
          textarea::placeholder {
            color: #9ca3af;
            opacity: 1
          }

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

          :disabled {
            cursor: default
          }

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

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

          [hidden]:where(:not([hidden=until-found])) {
            display: none
          }

          .container {
            width: 100%
          }

          @media (min-width:32em) {
            .container {
              max-width: 32em
            }
          }

          @media (min-width:48em) {
            .container {
              max-width: 48em
            }
          }

          @media (min-width:64em) {
            .container {
              max-width: 64em
            }
          }

          @media (min-width:80em) {
            .container {
              max-width: 80em
            }
          }

          @media (min-width:96em) {
            .container {
              max-width: 96em
            }
          }

          .pointer-events-none {
            pointer-events: none
          }

          .visible {
            visibility: visible
          }

          .static {
            position: static
          }

          .fixed {
            position: fixed
          }

          .absolute {
            position: absolute
          }

          .relative {
            position: relative
          }

          .\!sticky {
            position: sticky !important
          }

          .sticky {
            position: sticky
          }

          .inset-0 {
            inset: 0
          }

          .inset-x-3 {
            left: .75rem;
            right: .75rem
          }

          .-bottom-1 {
            bottom: -.25rem
          }

          .-bottom-12 {
            bottom: -3rem
          }

          .-bottom-16 {
            bottom: -4rem
          }

          .-bottom-20 {
            bottom: -5rem
          }

          .-bottom-60 {
            bottom: -15rem
          }

          .-left-24 {
            left: -6rem
          }

          .-right-14 {
            right: -3.5rem
          }

          .-right-2 {
            right: -.5rem
          }

          .-right-3 {
            right: -.75rem
          }

          .-top-2 {
            top: -.5rem
          }

          .-top-20 {
            top: -5rem
          }

          .-top-24 {
            top: -6rem
          }

          .-top-3 {
            top: -.75rem
          }

          .-top-52 {
            top: -13rem
          }

          .-top-8 {
            top: -2rem
          }

          .bottom-0 {
            bottom: 0
          }

          .bottom-1 {
            bottom: .25rem
          }

          .bottom-10 {
            bottom: 2.5rem
          }

          .bottom-3 {
            bottom: .75rem
          }

          .bottom-\[-348px\] {
            bottom: -348px
          }

          .left-0 {
            left: 0
          }

          .left-1\/2 {
            left: 50%
          }

          .left-3 {
            left: .75rem
          }

          .right-0 {
            right: 0
          }

          .right-10 {
            right: 2.5rem
          }

          .right-20 {
            right: 5rem
          }

          .right-3 {
            right: .75rem
          }

          .right-9 {
            right: 2.25rem
          }

          .top-0 {
            top: 0
          }

          .top-1\/2 {
            top: 50%
          }

          .top-2 {
            top: .5rem
          }

          .top-24 {
            top: 6rem
          }

          .top-3 {
            top: .75rem
          }

          .z-10 {
            z-index: 10
          }

          .z-20 {
            z-index: 20
          }

          .z-30 {
            z-index: 30
          }

          .z-40 {
            z-index: 40
          }

          .z-50 {
            z-index: 50
          }

          .z-\[-1\] {
            z-index: -1
          }

          .z-\[51\] {
            z-index: 51
          }

          .z-\[60\] {
            z-index: 60
          }

          .order-1 {
            order: 1
          }

          .order-2 {
            order: 2
          }

          .order-3 {
            order: 3
          }

          .col-span-12 {
            grid-column: span 12/span 12
          }

          .col-span-2 {
            grid-column: span 2/span 2
          }

          .col-span-3 {
            grid-column: span 3/span 3
          }

          .col-span-5 {
            grid-column: span 5/span 5
          }

          .col-span-6 {
            grid-column: span 6/span 6
          }

          .col-span-7 {
            grid-column: span 7/span 7
          }

          .float-right {
            float: right
          }

          .-mx-4 {
            margin-left: -1rem;
            margin-right: -1rem
          }

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

          .mx-3 {
            margin-left: .75rem;
            margin-right: .75rem
          }

          .mx-4 {
            margin-left: 1rem;
            margin-right: 1rem
          }

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

          .my-2 {
            margin-bottom: .5rem;
            margin-top: .5rem
          }

          .my-4 {
            margin-bottom: 1rem;
            margin-top: 1rem
          }

          .\!mt-8 {
            margin-top: 2rem !important
          }

          .-ml-1 {
            margin-left: -.25rem
          }

          .-mr-0\.5 {
            margin-right: -.125rem
          }

          .-mt-10 {
            margin-top: -2.5rem
          }

          .-mt-12 {
            margin-top: -3rem
          }

          .-mt-14 {
            margin-top: -3.5rem
          }

          .-mt-16 {
            margin-top: -4rem
          }

          .mb-1 {
            margin-bottom: .25rem
          }

          .mb-10 {
            margin-bottom: 2.5rem
          }

          .mb-12 {
            margin-bottom: 3rem
          }

          .mb-16 {
            margin-bottom: 4rem
          }

          .mb-2 {
            margin-bottom: .5rem
          }

          .mb-24 {
            margin-bottom: 6rem
          }

          .mb-3 {
            margin-bottom: .75rem
          }

          .mb-4 {
            margin-bottom: 1rem
          }

          .mb-6 {
            margin-bottom: 1.5rem
          }

          .mb-8 {
            margin-bottom: 2rem
          }

          .ml-8 {
            margin-left: 2rem
          }

          .ml-auto {
            margin-left: auto
          }

          .mr-2 {
            margin-right: .5rem
          }

          .mr-4 {
            margin-right: 1rem
          }

          .mt-0\.5 {
            margin-top: .125rem
          }

          .mt-1 {
            margin-top: .25rem
          }

          .mt-10 {
            margin-top: 2.5rem
          }

          .mt-12 {
            margin-top: 3rem
          }

          .mt-16 {
            margin-top: 4rem
          }

          .mt-2 {
            margin-top: .5rem
          }

          .mt-24 {
            margin-top: 6rem
          }

          .mt-3 {
            margin-top: .75rem
          }

          .mt-4 {
            margin-top: 1rem
          }

          .mt-5 {
            margin-top: 1.25rem
          }

          .mt-6 {
            margin-top: 1.5rem
          }

          .mt-8 {
            margin-top: 2rem
          }

          .block {
            display: block
          }

          .inline-block {
            display: inline-block
          }

          .inline {
            display: inline
          }

          .flex {
            display: flex
          }

          .inline-flex {
            display: inline-flex
          }

          .grid {
            display: grid
          }

          .hidden {
            display: none
          }

          .aspect-\[4\/3\] {
            aspect-ratio: 4/3
          }

          .aspect-square {
            aspect-ratio: 1/1
          }

          .h-0 {
            height: 0
          }

          .h-10 {
            height: 2.5rem
          }

          .h-12 {
            height: 3rem
          }

          .h-16 {
            height: 4rem
          }

          .h-2\.5 {
            height: .625rem
          }

          .h-20 {
            height: 5rem
          }

          .h-24 {
            height: 6rem
          }

          .h-3 {
            height: .75rem
          }

          .h-3\.5 {
            height: .875rem
          }

          .h-4 {
            height: 1rem
          }

          .h-6 {
            height: 1.5rem
          }

          .h-7 {
            height: 1.75rem
          }

          .h-9 {
            height: 2.25rem
          }

          .h-\[105\%\] {
            height: 105%
          }

          .h-auto {
            height: auto
          }

          .h-full {
            height: 100%
          }

          .max-h-20 {
            max-height: 5rem
          }

          .max-h-full {
            max-height: 100%
          }

          .\!w-\[394px\] {
            width: 394px !important
          }

          .w-10 {
            width: 2.5rem
          }

          .w-12 {
            width: 3rem
          }

          .w-16 {
            width: 4rem
          }

          .w-2\.5 {
            width: .625rem
          }

          .w-20 {
            width: 5rem
          }

          .w-24 {
            width: 6rem
          }

          .w-3 {
            width: .75rem
          }

          .w-3\.5 {
            width: .875rem
          }

          .w-32 {
            width: 8rem
          }

          .w-4 {
            width: 1rem
          }

          .w-44 {
            width: 11rem
          }

          .w-5 {
            width: 1.25rem
          }

          .w-6 {
            width: 1.5rem
          }

          .w-60 {
            width: 15rem
          }

          .w-7 {
            width: 1.75rem
          }

          .w-72 {
            width: 18rem
          }

          .w-80 {
            width: 20rem
          }

          .w-9 {
            width: 2.25rem
          }

          .w-96 {
            width: 24rem
          }

          .w-\[90\%\] {
            width: 90%
          }

          .w-fit {
            width: -moz-fit-content;
            width: fit-content
          }

          .w-full {
            width: 100%
          }

          .min-w-\[55px\] {
            min-width: 55px
          }

          .max-w-2xl {
            max-width: 42rem
          }

          .max-w-3xl {
            max-width: 48rem
          }

          .max-w-48 {
            max-width: 12rem
          }

          .max-w-4xl {
            max-width: 56rem
          }

          .max-w-5xl {
            max-width: 64rem
          }

          .max-w-60 {
            max-width: 15rem
          }

          .max-w-6xl {
            max-width: 72rem
          }

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

          .max-w-\[325px\] {
            max-width: 325px
          }

          .max-w-custom-try {
            max-width: 1170px
          }

          .max-w-full {
            max-width: 100%
          }

          .max-w-lg {
            max-width: 32rem
          }

          .max-w-md {
            max-width: 28rem
          }

          .max-w-screen-xl {
            max-width: 1280px
          }

          .max-w-xl {
            max-width: 36rem
          }

          .flex-1 {
            flex: 1 1 0%
          }

          .flex-shrink-0,
          .shrink-0 {
            flex-shrink: 0
          }

          .flex-grow {
            flex-grow: 1
          }

          .-translate-x-1\/2 {
            --tw-translate-x: -50%
          }

          .-translate-x-1\/2,
          .-translate-y-1\/2 {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
          }

          .-translate-y-1\/2 {
            --tw-translate-y: -50%
          }

          .translate-y-5 {
            --tw-translate-y: 1.25rem
          }

          .-rotate-6,
          .translate-y-5 {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
          }

          .-rotate-6 {
            --tw-rotate: -6deg
          }

          .rotate-90 {
            --tw-rotate: 90deg
          }

          .rotate-90,
          .scale-100 {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
          }

          .scale-100 {
            --tw-scale-x: 1;
            --tw-scale-y: 1
          }

          .scale-95 {
            --tw-scale-x: .95;
            --tw-scale-y: .95
          }

          .scale-95,
          .transform {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
          }

          .cursor-pointer {
            cursor: pointer
          }

          .grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
          }

          .grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
          }

          .grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
          }

          .grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
          }

          .grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
          }

          .flex-col {
            flex-direction: column
          }

          .flex-wrap {
            flex-wrap: wrap
          }

          .items-start {
            align-items: flex-start
          }

          .items-center {
            align-items: center
          }

          .justify-end {
            justify-content: flex-end
          }

          .justify-center {
            justify-content: center
          }

          .justify-between {
            justify-content: space-between
          }

          .gap-0\.5 {
            gap: .125rem
          }

          .gap-1 {
            gap: .25rem
          }

          .gap-12 {
            gap: 3rem
          }

          .gap-2 {
            gap: .5rem
          }

          .gap-3 {
            gap: .75rem
          }

          .gap-4 {
            gap: 1rem
          }

          .gap-5 {
            gap: 1.25rem
          }

          .gap-6 {
            gap: 1.5rem
          }

          .gap-8 {
            gap: 2rem
          }

          .gap-x-0 {
            -moz-column-gap: 0;
            column-gap: 0
          }

          .gap-x-12 {
            -moz-column-gap: 3rem;
            column-gap: 3rem
          }

          .gap-x-16 {
            -moz-column-gap: 4rem;
            column-gap: 4rem
          }

          .gap-x-20 {
            -moz-column-gap: 5rem;
            column-gap: 5rem
          }

          .gap-x-4 {
            -moz-column-gap: 1rem;
            column-gap: 1rem
          }

          .gap-x-5 {
            -moz-column-gap: 1.25rem;
            column-gap: 1.25rem
          }

          .gap-x-6 {
            -moz-column-gap: 1.5rem;
            column-gap: 1.5rem
          }

          .gap-x-8 {
            -moz-column-gap: 2rem;
            column-gap: 2rem
          }

          .gap-y-12 {
            row-gap: 3rem
          }

          .gap-y-2 {
            row-gap: .5rem
          }

          .gap-y-4 {
            row-gap: 1rem
          }

          .gap-y-5 {
            row-gap: 1.25rem
          }

          .gap-y-6 {
            row-gap: 1.5rem
          }

          .-space-x-2>:not([hidden])~:not([hidden]) {
            --tw-space-x-reverse: 0;
            margin-left: calc(-.5rem*(1 - var(--tw-space-x-reverse)));
            margin-right: calc(-.5rem*var(--tw-space-x-reverse))
          }

          .space-y-2>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
            margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
          }

          .space-y-3>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
            margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
          }

          .space-y-6>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
            margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
          }

          .divide-x>:not([hidden])~:not([hidden]) {
            --tw-divide-x-reverse: 0;
            border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
            border-right-width: calc(1px*var(--tw-divide-x-reverse))
          }

          .divide-gray-200>:not([hidden])~:not([hidden]) {
            --tw-divide-opacity: 1;
            border-color: rgb(229 231 235/var(--tw-divide-opacity, 1))
          }

          .overflow-hidden {
            overflow: hidden
          }

          .whitespace-nowrap {
            white-space: nowrap
          }

          .text-balance {
            text-wrap: balance
          }

          .rounded {
            border-radius: .25rem
          }

          .rounded-2xl {
            border-radius: 1rem
          }

          .rounded-3xl {
            border-radius: 1.5rem
          }

          .rounded-full {
            border-radius: 9999px
          }

          .rounded-lg {
            border-radius: .5rem
          }

          .rounded-md {
            border-radius: .375rem
          }

          .rounded-none {
            border-radius: 0
          }

          .rounded-xl {
            border-radius: .75rem
          }

          .border {
            border-width: 1px
          }

          .border-0 {
            border-width: 0
          }

          .border-2 {
            border-width: 2px
          }

          .border-b {
            border-bottom-width: 1px
          }

          .border-l {
            border-left-width: 1px
          }

          .border-r {
            border-right-width: 1px
          }

          .border-t {
            border-top-width: 1px
          }

          .border-dashed {
            border-style: dashed
          }

          .border-\[\#C54B38\]\/50 {
            border-color: rgba(197, 75, 56, .5)
          }

          .border-\[\#E5D9CF33\] {
            border-color: #e5d9cf33
          }

          .border-black\/5 {
            border-color: rgba(0, 0, 0, .05)
          }

          .border-campo_red {
            --tw-border-opacity: 1;
            border-color: rgb(197 75 56/var(--tw-border-opacity, 1))
          }

          .border-campo_red\/20 {
            border-color: rgba(197, 75, 56, .2)
          }

          .border-campo_red\/30 {
            border-color: rgba(197, 75, 56, .3)
          }

          .border-campo_red\/50 {
            border-color: rgba(197, 75, 56, .5)
          }

          .border-gray-200 {
            --tw-border-opacity: 1;
            border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
          }

          .border-transparent {
            border-color: transparent
          }

          .border-white {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
          }

          .bg-\[\#191411\] {
            --tw-bg-opacity: 1;
            background-color: rgb(25 20 17/var(--tw-bg-opacity, 1))
          }

          .bg-\[\#E5D9CF\] {
            --tw-bg-opacity: 1;
            background-color: rgb(229 217 207/var(--tw-bg-opacity, 1))
          }

          .bg-\[\#FAF7F5\] {
            --tw-bg-opacity: 1;
            background-color: rgb(250 247 245/var(--tw-bg-opacity, 1))
          }

          .bg-\[\#FBF7F5\] {
            --tw-bg-opacity: 1;
            background-color: rgb(251 247 245/var(--tw-bg-opacity, 1))
          }

          .bg-\[\#FFFCF7\] {
            --tw-bg-opacity: 1;
            background-color: rgb(255 252 247/var(--tw-bg-opacity, 1))
          }

          .bg-\[\#FFFFFF\] {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
          }

          .bg-black {
            --tw-bg-opacity: 1;
            background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
          }

          .bg-campo_red {
            --tw-bg-opacity: 1;
            background-color: rgb(197 75 56/var(--tw-bg-opacity, 1))
          }

          .bg-campo_red\/10 {
            background-color: rgba(197, 75, 56, .1)
          }

          .bg-gray-50 {
            --tw-bg-opacity: 1;
            background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
          }

          .bg-grayButton {
            --tw-bg-opacity: 1;
            background-color: rgb(233 224 216/var(--tw-bg-opacity, 1))
          }

          .bg-green-600 {
            --tw-bg-opacity: 1;
            background-color: rgb(22 163 74/var(--tw-bg-opacity, 1))
          }

          .bg-light_cream {
            --tw-bg-opacity: 1;
            background-color: rgb(251 247 245/var(--tw-bg-opacity, 1))
          }

          .bg-ourCutsBg {
            --tw-bg-opacity: 1;
            background-color: rgb(255 241 239/var(--tw-bg-opacity, 1))
          }

          .bg-white {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
          }

          .bg-white\/50 {
            background-color: hsla(0, 0%, 100%, .5)
          }

          .bg-white\/90 {
            background-color: hsla(0, 0%, 100%, .9)
          }

          .bg-opacity-0 {
            --tw-bg-opacity: 0
          }

          .bg-opacity-50 {
            --tw-bg-opacity: 0.5
          }

          .bg-opacity-60 {
            --tw-bg-opacity: 0.6
          }

          .bg-opacity-80 {
            --tw-bg-opacity: 0.8
          }

          .bg-cover {
            background-size: cover
          }

          .bg-center {
            background-position: 50%
          }

          .object-contain {
            -o-object-fit: contain;
            object-fit: contain
          }

          .object-cover {
            -o-object-fit: cover;
            object-fit: cover
          }

          .object-fill {
            -o-object-fit: fill;
            object-fit: fill
          }

          .object-top {
            -o-object-position: top;
            object-position: top
          }

          .p-2 {
            padding: .5rem
          }

          .p-4 {
            padding: 1rem
          }

          .p-5 {
            padding: 1.25rem
          }

          .p-6 {
            padding: 1.5rem
          }

          .p-7 {
            padding: 1.75rem
          }

          .px-1 {
            padding-left: .25rem;
            padding-right: .25rem
          }

          .px-10 {
            padding-left: 2.5rem;
            padding-right: 2.5rem
          }

          .px-12 {
            padding-left: 3rem;
            padding-right: 3rem
          }

          .px-16 {
            padding-left: 4rem;
            padding-right: 4rem
          }

          .px-2 {
            padding-left: .5rem;
            padding-right: .5rem
          }

          .px-20 {
            padding-left: 5rem;
            padding-right: 5rem
          }

          .px-3 {
            padding-left: .75rem;
            padding-right: .75rem
          }

          .px-4 {
            padding-left: 1rem;
            padding-right: 1rem
          }

          .px-5 {
            padding-left: 1.25rem;
            padding-right: 1.25rem
          }

          .px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem
          }

          .px-8 {
            padding-left: 2rem;
            padding-right: 2rem
          }

          .py-0\.5 {
            padding-bottom: .125rem;
            padding-top: .125rem
          }

          .py-1 {
            padding-bottom: .25rem;
            padding-top: .25rem
          }

          .py-1\.5 {
            padding-bottom: .375rem;
            padding-top: .375rem
          }

          .py-10 {
            padding-bottom: 2.5rem;
            padding-top: 2.5rem
          }

          .py-16 {
            padding-bottom: 4rem;
            padding-top: 4rem
          }

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

          .py-24 {
            padding-bottom: 6rem;
            padding-top: 6rem
          }

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

          .py-4 {
            padding-bottom: 1rem;
            padding-top: 1rem
          }

          .py-5 {
            padding-bottom: 1.25rem;
            padding-top: 1.25rem
          }

          .py-6 {
            padding-bottom: 1.5rem;
            padding-top: 1.5rem
          }

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

          .pb-10 {
            padding-bottom: 2.5rem
          }

          .pb-12 {
            padding-bottom: 3rem
          }

          .pb-16 {
            padding-bottom: 4rem
          }

          .pb-2 {
            padding-bottom: .5rem
          }

          .pb-20 {
            padding-bottom: 5rem
          }

          .pb-4 {
            padding-bottom: 1rem
          }

          .pb-8 {
            padding-bottom: 2rem
          }

          .pb-\[56\.25\%\] {
            padding-bottom: 56.25%
          }

          .pl-1 {
            padding-left: .25rem
          }

          .pl-2 {
            padding-left: .5rem
          }

          .pl-4 {
            padding-left: 1rem
          }

          .pl-5 {
            padding-left: 1.25rem
          }

          .pl-6 {
            padding-left: 1.5rem
          }

          .pr-1 {
            padding-right: .25rem
          }

          .pr-2 {
            padding-right: .5rem
          }

          .pr-3 {
            padding-right: .75rem
          }

          .pr-4 {
            padding-right: 1rem
          }

          .pr-6 {
            padding-right: 1.5rem
          }

          .pt-12 {
            padding-top: 3rem
          }

          .pt-16 {
            padding-top: 4rem
          }

          .pt-2 {
            padding-top: .5rem
          }

          .pt-28 {
            padding-top: 7rem
          }

          .pt-3 {
            padding-top: .75rem
          }

          .pt-4 {
            padding-top: 1rem
          }

          .pt-8 {
            padding-top: 2rem
          }

          .text-left {
            text-align: left
          }

          .text-center {
            text-align: center
          }

          .font-nevada {
            font-family: NevadaSerial, serif
          }

          .font-openSans {
            font-family: Open Sans, system-ui, sans-serif
          }

          .text-11 {
            font-size: 11px
          }

          .text-13 {
            font-size: 13px
          }

          .text-15 {
            font-size: 15px
          }

          .text-28 {
            font-size: 28px
          }

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

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

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

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

          .text-6xl {
            font-size: 3.75rem;
            line-height: 1
          }

          .text-7xl {
            font-size: 4.5rem;
            line-height: 1
          }

          .text-\[10px\] {
            font-size: 10px
          }

          .text-\[11px\] {
            font-size: 11px
          }

          .text-\[56px\] {
            font-size: 56px
          }

          .text-\[7px\] {
            font-size: 7px
          }

          .text-\[8px\] {
            font-size: 8px
          }

          .text-\[clamp\(1\.875rem\2c 9vw\2c 54px\)\] {
            font-size: clamp(1.875rem, 9vw, 54px)
          }

          .text-base {
            font-size: 1rem;
            line-height: 1.5rem
          }

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

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

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

          .text-xs {
            font-size: .75rem;
            line-height: 1rem
          }

          .font-bold {
            font-weight: 700
          }

          .font-light {
            font-weight: 300
          }

          .font-medium {
            font-weight: 500
          }

          .font-normal {
            font-weight: 400
          }

          .font-semibold {
            font-weight: 600
          }

          .uppercase {
            text-transform: uppercase
          }

          .italic {
            font-style: italic
          }

          .\!leading-4 {
            line-height: 1rem !important
          }

          .\!leading-5 {
            line-height: 1.25rem !important
          }

          .\!leading-tight {
            line-height: 1.25 !important
          }

          .leading-4 {
            line-height: 1rem
          }

          .leading-5 {
            line-height: 1.25rem
          }

          .leading-6 {
            line-height: 1.5rem
          }

          .leading-7 {
            line-height: 1.75rem
          }

          .leading-\[1\.02\] {
            line-height: 1.02
          }

          .leading-\[1\.05\] {
            line-height: 1.05
          }

          .leading-none {
            line-height: 1
          }

          .leading-snug {
            line-height: 1.375
          }

          .leading-tight {
            line-height: 1.25
          }

          .tracking-tight {
            letter-spacing: -.025em
          }

          .tracking-wide {
            letter-spacing: .025em
          }

          .tracking-wider {
            letter-spacing: .05em
          }

          .tracking-widest {
            letter-spacing: .1em
          }

          .text-\[\#D26E5C\] {
            --tw-text-opacity: 1;
            color: rgb(210 110 92/var(--tw-text-opacity, 1))
          }

          .text-\[\#E5D9CF\] {
            --tw-text-opacity: 1;
            color: rgb(229 217 207/var(--tw-text-opacity, 1))
          }

          .text-\[\#F5B400\] {
            --tw-text-opacity: 1;
            color: rgb(245 180 0/var(--tw-text-opacity, 1))
          }

          .text-bgSectionBlack {
            --tw-text-opacity: 1;
            color: rgb(55 50 50/var(--tw-text-opacity, 1))
          }

          .text-bgSectionBlack\/60 {
            color: rgba(55, 50, 50, .6)
          }

          .text-black {
            --tw-text-opacity: 1;
            color: rgb(0 0 0/var(--tw-text-opacity, 1))
          }

          .text-campo_red {
            --tw-text-opacity: 1;
            color: rgb(197 75 56/var(--tw-text-opacity, 1))
          }

          .text-campo_red\/40 {
            color: rgba(197, 75, 56, .4)
          }

          .text-campo_red_dark {
            --tw-text-opacity: 1;
            color: rgb(75 31 20/var(--tw-text-opacity, 1))
          }

          .text-gray-300 {
            --tw-text-opacity: 1;
            color: rgb(209 213 219/var(--tw-text-opacity, 1))
          }

          .text-gray-400 {
            --tw-text-opacity: 1;
            color: rgb(156 163 175/var(--tw-text-opacity, 1))
          }

          .text-gray-500 {
            --tw-text-opacity: 1;
            color: rgb(107 114 128/var(--tw-text-opacity, 1))
          }

          .text-gray-600 {
            --tw-text-opacity: 1;
            color: rgb(75 85 99/var(--tw-text-opacity, 1))
          }

          .text-gray-700 {
            --tw-text-opacity: 1;
            color: rgb(55 65 81/var(--tw-text-opacity, 1))
          }

          .text-gray-800 {
            --tw-text-opacity: 1;
            color: rgb(31 41 55/var(--tw-text-opacity, 1))
          }

          .text-gray-900 {
            --tw-text-opacity: 1;
            color: rgb(17 24 39/var(--tw-text-opacity, 1))
          }

          .text-green-700 {
            --tw-text-opacity: 1;
            color: rgb(21 128 61/var(--tw-text-opacity, 1))
          }

          .text-white {
            --tw-text-opacity: 1;
            color: rgb(255 255 255/var(--tw-text-opacity, 1))
          }

          .underline {
            text-decoration-line: underline
          }

          .line-through {
            text-decoration-line: line-through
          }

          .decoration-bgSectionBlack {
            text-decoration-color: #373232
          }

          .underline-offset-2 {
            text-underline-offset: 2px
          }

          .opacity-0 {
            opacity: 0
          }

          .opacity-100 {
            opacity: 1
          }

          .opacity-70 {
            opacity: .7
          }

          .shadow {
            --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
            --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
          }

          .shadow,
          .shadow-\[0_4px_15px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
          }

          .shadow-\[0_4px_15px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
            --tw-shadow: 0 4px 15px rgba(0, 0, 0, .25);
            --tw-shadow-colored: 0 4px 15px var(--tw-shadow-color)
          }

          .shadow-\[0_8px_30px_rgba\(0\2c 0\2c 0\2c 0\.18\)\] {
            --tw-shadow: 0 8px 30px rgba(0, 0, 0, .18);
            --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
          }

          .drop-shadow-md {
            --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06))
          }

          .drop-shadow-md,
          .filter {
            filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
          }

          .backdrop-blur-md {
            --tw-backdrop-blur: blur(12px);
            -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
          }

          .transition {
            transition-duration: .15s;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1)
          }

          .transition-\[opacity\2c transform\] {
            transition-duration: .15s;
            transition-property: opacity, transform;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1)
          }

          .transition-all {
            transition-duration: .15s;
            transition-property: all;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1)
          }

          .transition-colors {
            transition-duration: .15s;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1)
          }

          .duration-300 {
            transition-duration: .3s
          }

          .ease-in-out {
            transition-timing-function: cubic-bezier(.4, 0, .2, 1)
          }

          .ease-out {
            transition-timing-function: cubic-bezier(0, 0, .2, 1)
          }

          .hover\:bg-\[\#BB3B2B\]:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(187 59 43/var(--tw-bg-opacity, 1))
          }

          .hover\:bg-white:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
          }

          .hover\:hover\:bg-\[\#BB3B2B\]:hover:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(187 59 43/var(--tw-bg-opacity, 1))
          }

          .hover\:bg-opacity-80:hover {
            --tw-bg-opacity: 0.8
          }

          .hover\:text-campo_red:hover {
            --tw-text-opacity: 1;
            color: rgb(197 75 56/var(--tw-text-opacity, 1))
          }

          .hover\:underline:hover {
            text-decoration-line: underline
          }

          .focus\:outline-none:focus {
            outline: 2px solid transparent;
            outline-offset: 2px
          }

          @media (min-width:32em) {
            .sm\:bottom-12 {
              bottom: 3rem
            }

            .sm\:hidden {
              display: none
            }

            .sm\:max-h-28 {
              max-height: 7rem
            }

            .sm\:w-24 {
              width: 6rem
            }

            .sm\:w-72 {
              width: 18rem
            }

            .sm\:w-96 {
              width: 24rem
            }

            .sm\:max-w-2xl {
              max-width: 42rem
            }

            .sm\:gap-3 {
              gap: .75rem
            }

            .sm\:gap-y-4 {
              row-gap: 1rem
            }

            .sm\:p-3 {
              padding: .75rem
            }

            .sm\:p-5 {
              padding: 1.25rem
            }

            .sm\:px-0 {
              padding-left: 0;
              padding-right: 0
            }

            .sm\:px-6 {
              padding-left: 1.5rem;
              padding-right: 1.5rem
            }

            .sm\:py-5 {
              padding-bottom: 1.25rem;
              padding-top: 1.25rem
            }

            .sm\:text-center {
              text-align: center
            }

            .sm\:text-3xl {
              font-size: 1.875rem;
              line-height: 2.25rem
            }

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

            .sm\:text-base {
              font-size: 1rem;
              line-height: 1.5rem
            }

            .sm\:text-lg {
              font-size: 1.125rem;
              line-height: 1.75rem
            }

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

            .sm\:text-xs {
              font-size: .75rem;
              line-height: 1rem
            }
          }

          @media (min-width:48em) {
            .md\:absolute {
              position: absolute
            }

            .md\:inset-x-0 {
              left: 0;
              right: 0
            }

            .md\:-bottom-8 {
              bottom: -2rem
            }

            .md\:-left-12 {
              left: -3rem
            }

            .md\:-right-3 {
              right: -.75rem
            }

            .md\:-top-3 {
              top: -.75rem
            }

            .md\:bottom-20 {
              bottom: 5rem
            }

            .md\:bottom-4 {
              bottom: 1rem
            }

            .md\:left-12 {
              left: 3rem
            }

            .md\:left-5 {
              left: 1.25rem
            }

            .md\:right-6 {
              right: 1.5rem
            }

            .md\:top-5 {
              top: 1.25rem
            }

            .md\:order-1 {
              order: 1
            }

            .md\:order-2 {
              order: 2
            }

            .md\:mx-0 {
              margin-left: 0;
              margin-right: 0
            }

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

            .md\:mb-0 {
              margin-bottom: 0
            }

            .md\:mb-12 {
              margin-bottom: 3rem
            }

            .md\:mb-16 {
              margin-bottom: 4rem
            }

            .md\:mb-4 {
              margin-bottom: 1rem
            }

            .md\:mb-6 {
              margin-bottom: 1.5rem
            }

            .md\:mb-8 {
              margin-bottom: 2rem
            }

            .md\:ml-0 {
              margin-left: 0
            }

            .md\:ml-auto {
              margin-left: auto
            }

            .md\:mr-0 {
              margin-right: 0
            }

            .md\:mr-auto {
              margin-right: auto
            }

            .md\:mt-0 {
              margin-top: 0
            }

            .md\:mt-1 {
              margin-top: .25rem
            }

            .md\:mt-10 {
              margin-top: 2.5rem
            }

            .md\:mt-2 {
              margin-top: .5rem
            }

            .md\:mt-20 {
              margin-top: 5rem
            }

            .md\:mt-24 {
              margin-top: 6rem
            }

            .md\:mt-4 {
              margin-top: 1rem
            }

            .md\:mt-5 {
              margin-top: 1.25rem
            }

            .md\:mt-6 {
              margin-top: 1.5rem
            }

            .md\:mt-8 {
              margin-top: 2rem
            }

            .md\:block {
              display: block
            }

            .md\:flex {
              display: flex
            }

            .md\:grid {
              display: grid
            }

            .md\:hidden {
              display: none
            }

            .md\:aspect-auto {
              aspect-ratio: auto
            }

            .md\:h-10 {
              height: 2.5rem
            }

            .md\:h-32 {
              height: 8rem
            }

            .md\:h-5 {
              height: 1.25rem
            }

            .md\:h-\[564px\] {
              height: 564px
            }

            .md\:h-auto {
              height: auto
            }

            .md\:max-h-\[560px\] {
              max-height: 560px
            }

            .md\:w-1\/2 {
              width: 50%
            }

            .md\:w-1\/3 {
              width: 33.333333%
            }

            .md\:w-1\/4 {
              width: 25%
            }

            .md\:w-10 {
              width: 2.5rem
            }

            .md\:w-28 {
              width: 7rem
            }

            .md\:w-3\/4 {
              width: 75%
            }

            .md\:w-32 {
              width: 8rem
            }

            .md\:w-5 {
              width: 1.25rem
            }

            .md\:w-5\/12 {
              width: 41.666667%
            }

            .md\:w-6 {
              width: 1.5rem
            }

            .md\:w-60 {
              width: 15rem
            }

            .md\:w-7\/12 {
              width: 58.333333%
            }

            .md\:w-8\/12 {
              width: 66.666667%
            }

            .md\:w-80 {
              width: 20rem
            }

            .md\:w-9\/12 {
              width: 75%
            }

            .md\:w-96 {
              width: 24rem
            }

            .md\:w-\[174px\] {
              width: 174px
            }

            .md\:w-\[500px\] {
              width: 500px
            }

            .md\:w-auto {
              width: auto
            }

            .md\:w-full {
              width: 100%
            }

            .md\:max-w-lg {
              max-width: 32rem
            }

            .md\:grid-cols-2 {
              grid-template-columns: repeat(2, minmax(0, 1fr))
            }

            .md\:grid-cols-3 {
              grid-template-columns: repeat(3, minmax(0, 1fr))
            }

            .md\:grid-cols-4 {
              grid-template-columns: repeat(4, minmax(0, 1fr))
            }

            .md\:flex-row {
              flex-direction: row
            }

            .md\:flex-col {
              flex-direction: column
            }

            .md\:items-center {
              align-items: center
            }

            .md\:justify-start {
              justify-content: flex-start
            }

            .md\:justify-end {
              justify-content: flex-end
            }

            .md\:gap-10 {
              gap: 2.5rem
            }

            .md\:gap-x-12 {
              -moz-column-gap: 3rem;
              column-gap: 3rem
            }

            .md\:gap-x-8 {
              -moz-column-gap: 2rem;
              column-gap: 2rem
            }

            .md\:gap-y-4 {
              row-gap: 1rem
            }

            .md\:gap-y-8 {
              row-gap: 2rem
            }

            .md\:rounded-30 {
              border-radius: 30px
            }

            .md\:bg-\[\#FBF7F5\] {
              --tw-bg-opacity: 1;
              background-color: rgb(251 247 245/var(--tw-bg-opacity, 1))
            }

            .md\:bg-white {
              --tw-bg-opacity: 1;
              background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
            }

            .md\:object-contain {
              -o-object-fit: contain;
              object-fit: contain
            }

            .md\:object-center {
              -o-object-position: center;
              object-position: center
            }

            .md\:p-10 {
              padding: 2.5rem
            }

            .md\:px-0 {
              padding-left: 0;
              padding-right: 0
            }

            .md\:px-10 {
              padding-left: 2.5rem;
              padding-right: 2.5rem
            }

            .md\:px-20 {
              padding-left: 5rem;
              padding-right: 5rem
            }

            .md\:px-24 {
              padding-left: 6rem;
              padding-right: 6rem
            }

            .md\:px-4 {
              padding-left: 1rem;
              padding-right: 1rem
            }

            .md\:px-5 {
              padding-left: 1.25rem;
              padding-right: 1.25rem
            }

            .md\:px-6 {
              padding-left: 1.5rem;
              padding-right: 1.5rem
            }

            .md\:py-1\.5 {
              padding-bottom: .375rem;
              padding-top: .375rem
            }

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

            .md\:py-14 {
              padding-bottom: 3.5rem;
              padding-top: 3.5rem
            }

            .md\:py-16 {
              padding-bottom: 4rem;
              padding-top: 4rem
            }

            .md\:py-3 {
              padding-bottom: .75rem;
              padding-top: .75rem
            }

            .md\:py-3\.5 {
              padding-bottom: .875rem;
              padding-top: .875rem
            }

            .md\:py-6 {
              padding-bottom: 1.5rem;
              padding-top: 1.5rem
            }

            .md\:py-7 {
              padding-bottom: 1.75rem;
              padding-top: 1.75rem
            }

            .md\:pb-16 {
              padding-bottom: 4rem
            }

            .md\:pb-24 {
              padding-bottom: 6rem
            }

            .md\:pl-0 {
              padding-left: 0
            }

            .md\:pr-12 {
              padding-right: 3rem
            }

            .md\:pt-12 {
              padding-top: 3rem
            }

            .md\:pt-16 {
              padding-top: 4rem
            }

            .md\:pt-24 {
              padding-top: 6rem
            }

            .md\:pt-8 {
              padding-top: 2rem
            }

            .md\:text-left {
              text-align: left
            }

            .md\:text-right {
              text-align: right
            }

            .md\:text-17 {
              font-size: 17px
            }

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

            .md\:text-38 {
              font-size: 38px
            }

            .md\:text-3xl {
              font-size: 1.875rem;
              line-height: 2.25rem
            }

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

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

            .md\:text-6xl {
              font-size: 3.75rem;
              line-height: 1
            }

            .md\:text-7xl {
              font-size: 4.5rem;
              line-height: 1
            }

            .md\:text-base {
              font-size: 1rem;
              line-height: 1.5rem
            }

            .md\:text-button {
              font-size: 1.375em
            }

            .md\:text-lg {
              font-size: 1.125rem;
              line-height: 1.75rem
            }

            .md\:text-sm {
              font-size: .875rem;
              line-height: 1.25rem
            }

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

            .md\:uppercase {
              text-transform: uppercase
            }

            .md\:\!leading-5 {
              line-height: 1.25rem !important
            }

            .md\:leading-10 {
              line-height: 2.5rem
            }

            .md\:leading-6 {
              line-height: 1.5rem
            }
          }

          @media (min-width:64em) {
            .lg\:absolute {
              position: absolute
            }

            .lg\:-left-5 {
              left: -1.25rem
            }

            .lg\:-right-8 {
              right: -2rem
            }

            .lg\:bottom-0 {
              bottom: 0
            }

            .lg\:bottom-32 {
              bottom: 8rem
            }

            .lg\:top-80 {
              top: 20rem
            }

            .lg\:order-1 {
              order: 1
            }

            .lg\:order-2 {
              order: 2
            }

            .lg\:order-3 {
              order: 3
            }

            .lg\:mx-4 {
              margin-left: 1rem;
              margin-right: 1rem
            }

            .lg\:my-4 {
              margin-bottom: 1rem;
              margin-top: 1rem
            }

            .lg\:-ml-9 {
              margin-left: -2.25rem
            }

            .lg\:mb-4 {
              margin-bottom: 1rem
            }

            .lg\:mb-5 {
              margin-bottom: 1.25rem
            }

            .lg\:mb-6 {
              margin-bottom: 1.5rem
            }

            .lg\:ml-0 {
              margin-left: 0
            }

            .lg\:ml-auto {
              margin-left: auto
            }

            .lg\:mr-0 {
              margin-right: 0
            }

            .lg\:mt-0 {
              margin-top: 0
            }

            .lg\:block {
              display: block
            }

            .lg\:flex {
              display: flex
            }

            .lg\:grid {
              display: grid
            }

            .lg\:hidden {
              display: none
            }

            .lg\:h-24 {
              height: 6rem
            }

            .lg\:h-\[660px\] {
              height: 660px
            }

            .lg\:max-h-\[90px\] {
              max-height: 90px
            }

            .lg\:min-h-\[190px\] {
              min-height: 190px
            }

            .lg\:w-1\/2 {
              width: 50%
            }

            .lg\:w-24 {
              width: 6rem
            }

            .lg\:w-36 {
              width: 9rem
            }

            .lg\:w-7\/12 {
              width: 58.333333%
            }

            .lg\:w-8\/12 {
              width: 66.666667%
            }

            .lg\:w-\[970px\] {
              width: 970px
            }

            .lg\:w-auto {
              width: auto
            }

            .lg\:rotate-0 {
              --tw-rotate: 0deg;
              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
            }

            .lg\:grid-cols-2 {
              grid-template-columns: repeat(2, minmax(0, 1fr))
            }

            .lg\:flex-row {
              flex-direction: row
            }

            .lg\:flex-nowrap {
              flex-wrap: nowrap
            }

            .lg\:items-start {
              align-items: flex-start
            }

            .lg\:gap-12 {
              gap: 3rem
            }

            .lg\:gap-x-4 {
              -moz-column-gap: 1rem;
              column-gap: 1rem
            }

            .lg\:bg-transparent {
              background-color: transparent
            }

            .lg\:px-12 {
              padding-left: 3rem;
              padding-right: 3rem
            }

            .lg\:px-3 {
              padding-left: .75rem;
              padding-right: .75rem
            }

            .lg\:px-8 {
              padding-left: 2rem;
              padding-right: 2rem
            }

            .lg\:py-10 {
              padding-bottom: 2.5rem;
              padding-top: 2.5rem
            }

            .lg\:py-16 {
              padding-bottom: 4rem;
              padding-top: 4rem
            }

            .lg\:py-3 {
              padding-bottom: .75rem;
              padding-top: .75rem
            }

            .lg\:py-8 {
              padding-bottom: 2rem;
              padding-top: 2rem
            }

            .lg\:pb-16 {
              padding-bottom: 4rem
            }

            .lg\:pl-6 {
              padding-left: 1.5rem
            }

            .lg\:pr-10 {
              padding-right: 2.5rem
            }

            .lg\:pr-6 {
              padding-right: 1.5rem
            }

            .lg\:text-left {
              text-align: left
            }

            .lg\:text-17 {
              font-size: 17px
            }

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

            .lg\:text-38 {
              font-size: 38px
            }

            .lg\:text-3xl {
              font-size: 1.875rem;
              line-height: 2.25rem
            }

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

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

            .lg\:text-7xl {
              font-size: 4.5rem;
              line-height: 1
            }

            .lg\:text-8xl {
              font-size: 6rem;
              line-height: 1
            }

            .lg\:text-\[13px\] {
              font-size: 13px
            }

            .lg\:text-\[clamp\(2rem\2c 5vw\2c 54px\)\] {
              font-size: clamp(2rem, 5vw, 54px)
            }

            .lg\:text-lg {
              font-size: 1.125rem;
              line-height: 1.75rem
            }

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

            .lg\:\!leading-5 {
              line-height: 1.25rem !important
            }

            .lg\:text-white {
              --tw-text-opacity: 1;
              color: rgb(255 255 255/var(--tw-text-opacity, 1))
            }
          }

          @media (min-width:80em) {
            .xl\:-right-14 {
              right: -3.5rem
            }

            .xl\:top-24 {
              top: 6rem
            }

            .xl\:mx-12 {
              margin-left: 3rem;
              margin-right: 3rem
            }

            .xl\:block {
              display: block
            }

            .xl\:hidden {
              display: none
            }

            .xl\:w-8\/12 {
              width: 66.666667%
            }

            .xl\:w-9\/12 {
              width: 75%
            }

            .xl\:w-96 {
              width: 24rem
            }

            .xl\:w-auto {
              width: auto
            }

            .xl\:w-full {
              width: 100%
            }

            .xl\:max-w-5xl {
              max-width: 64rem
            }

            .xl\:max-w-80 {
              max-width: 20rem
            }

            .xl\:px-16 {
              padding-left: 4rem;
              padding-right: 4rem
            }

            .xl\:px-8 {
              padding-left: 2rem;
              padding-right: 2rem
            }

            .xl\:text-3xl {
              font-size: 1.875rem;
              line-height: 2.25rem
            }

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

            .xl\:text-6xl {
              font-size: 3.75rem;
              line-height: 1
            }

            .xl\:text-7xl {
              font-size: 4.5rem;
              line-height: 1
            }

            .xl\:text-8xl {
              font-size: 6rem;
              line-height: 1
            }

            .xl\:text-lg {
              font-size: 1.125rem;
              line-height: 1.75rem
            }

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

            .xl\:\!leading-6 {
              line-height: 1.5rem !important
            }
          }

          @media (min-width:96em) {
            .\32xl\:w-\[456px\] {
              width: 456px
            }

            .\32xl\:w-full {
              width: 100%
            }

            .\32xl\:max-w-4xl {
              max-width: 56rem
            }

            .\32xl\:max-w-96 {
              max-width: 24rem
            }

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

          @media (max-width:767px) {
            .sm-max\:right-8 {
              right: 2rem
            }

            .sm-max\:order-2 {
              order: 2
            }

            .sm-max\:order-\[-1\] {
              order: -1
            }

            .sm-max\:mx-4 {
              margin-left: 1rem;
              margin-right: 1rem
            }

            .sm-max\:\!-mt-6 {
              margin-top: -1.5rem !important
            }

            .sm-max\:-mt-16 {
              margin-top: -4rem
            }

            .sm-max\:-mt-6 {
              margin-top: -1.5rem
            }

            .sm-max\:mb-2 {
              margin-bottom: .5rem
            }

            .sm-max\:mb-4 {
              margin-bottom: 1rem
            }

            .sm-max\:ml-8 {
              margin-left: 2rem
            }

            .sm-max\:mt-4 {
              margin-top: 1rem
            }

            .sm-max\:grid {
              display: grid
            }

            .sm-max\:hidden {
              display: none
            }

            .sm-max\:\!max-h-24 {
              max-height: 6rem !important
            }

            .sm-max\:max-h-\[465px\] {
              max-height: 465px
            }

            .sm-max\:w-16 {
              width: 4rem
            }

            .sm-max\:w-24 {
              width: 6rem
            }

            .sm-max\:w-32 {
              width: 8rem
            }

            .sm-max\:w-36 {
              width: 9rem
            }

            .sm-max\:w-52 {
              width: 13rem
            }

            .sm-max\:w-64 {
              width: 16rem
            }

            .sm-max\:w-80 {
              width: 20rem
            }

            .sm-max\:w-full {
              width: 100%
            }

            .sm-max\:\!max-w-24 {
              max-width: 6rem !important
            }

            .sm-max\:max-w-60 {
              max-width: 15rem
            }

            .sm-max\:max-w-80 {
              max-width: 20rem
            }

            .sm-max\:max-w-sm {
              max-width: 24rem
            }

            .sm-max\:max-w-xs {
              max-width: 20rem
            }

            .sm-max\:grid-cols-12 {
              grid-template-columns: repeat(12, minmax(0, 1fr))
            }

            .sm-max\:flex-wrap {
              flex-wrap: wrap
            }

            .sm-max\:justify-start {
              justify-content: flex-start
            }

            .sm-max\:gap-x-4 {
              -moz-column-gap: 1rem;
              column-gap: 1rem
            }

            .sm-max\:bg-\[\#FBF8F6\] {
              --tw-bg-opacity: 1;
              background-color: rgb(251 248 246/var(--tw-bg-opacity, 1))
            }

            .sm-max\:object-contain {
              -o-object-fit: contain;
              object-fit: contain
            }

            .sm-max\:p-4 {
              padding: 1rem
            }

            .sm-max\:px-10 {
              padding-left: 2.5rem;
              padding-right: 2.5rem
            }

            .sm-max\:px-4 {
              padding-left: 1rem;
              padding-right: 1rem
            }

            .sm-max\:px-8 {
              padding-left: 2rem;
              padding-right: 2rem
            }

            .sm-max\:pb-4 {
              padding-bottom: 1rem
            }

            .sm-max\:pl-8 {
              padding-left: 2rem
            }

            .sm-max\:pr-36 {
              padding-right: 9rem
            }

            .sm-max\:pr-6 {
              padding-right: 1.5rem
            }

            .sm-max\:pt-20 {
              padding-top: 5rem
            }

            .sm-max\:pt-4 {
              padding-top: 1rem
            }

            .sm-max\:text-left {
              text-align: left
            }

            .sm-max\:\!leading-6 {
              line-height: 1.5rem !important
            }

            .sm-max\:\!leading-9 {
              line-height: 2.25rem !important
            }

            .sm-max\:\!leading-tight {
              line-height: 1.25 !important
            }

            .sm-max\:leading-4 {
              line-height: 1rem
            }

            .sm-max\:leading-5 {
              line-height: 1.25rem
            }

            .sm-max\:leading-7 {
              line-height: 1.75rem
            }

            .sm-max\:leading-8 {
              line-height: 2rem
            }
          }

          @media (max-width:64em) {
            .md-max\:mx-8 {
              margin-left: 2rem;
              margin-right: 2rem
            }

            .md-max\:pt-0 {
              padding-top: 0
            }
          }

          /* === styles.css === */
          /* Site-specific overrides not covered by Tailwind utilities. */

          html,
          body {
            margin: 0;
          }

          /* Sliders in the rendered theme rely on a Swiper web component (<normal-swiper-more-options>)
         which is provided by the theme's JS bundle. In this static port we degrade them to a plain
         horizontally-scrolling row. */
          .swiper-container {
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
          }

          .swiper-wrapper {
            display: flex;
            gap: 1rem;
          }

          .swiper-slide {
            flex: 0 0 auto;
          }

          /* Hide the swiper navigation buttons since they aren't wired up in the static port */
          .swiper-button-prev,
          .swiper-button-next,
          .swiper-pagination {
            display: none !important;
          }

          /* The theme decorates `<details><summary>` for FAQ sections; its JS may not be present. */
          details>summary {
            list-style: none;
            cursor: pointer;
          }

          details>summary::-webkit-details-marker {
            display: none;
          }

          /* Lozad lazy images come in with class="lozad" and a data-src attr. Without lozad,
         make sure the underlying <img src> still resolves. */
          img.lozad[data-src] {
            /* no-op: we leave as-is for visual layout. */
          }
    


      html {
        scroll-behavior: smooth;
      }

      #shopify-section-buybox-hero {
        scroll-margin-top: 1rem;
      }

      #section-announcement,
      #section-announcement-top {
        display: none !important;
      }

      #MainContent {
        background-color: white !important;
      }
    


        /* Loading Modal Styles */
        .loading-modal {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(171, 89, 70, 1);
          display: none;
          justify-content: center;
          align-items: center;
          z-index: 9999;
        }

        .loader {
          border: 10px solid #979696;
          border-top-color: #fff;
          border-radius: 50%;
          animation: loader-05 1s linear infinite;
          position: relative;
          width: 60px;
          height: 60px;
          left: 0;
          right: 0;
          margin: auto;
        }

        .text-loading {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, calc(-50% + 80px));
          text-align: center;
          width: 100%;
        }

        .loader::before {
          content: '';
          display: block;
          width: inherit;
          height: inherit;
          position: absolute;
          top: -2px;
          left: 0;
          border-radius: 50%;
          opacity: 0.5;
        }

        @keyframes loader-05 {
          0% {
            transform: rotate(0deg);
          }

          100% {
            transform: rotate(360deg);
          }
        }
      


          .lto-timer {
            opacity: 0;
            transition: opacity 250ms ease;
          }

          .lto-timer.lto-timer--ready {
            opacity: 1;
          }

          @media (prefers-reduced-motion: reduce) {
            .lto-timer {
              transition: none;
            }
          }
        


            .lto-timer {
              opacity: 1 !important;
              transition: none !important;
            }
          


        .active-mobile-card .change-mobile-text {
          font-size: 14px !important;
        }

        .highlight {
          transition: color 0.3s ease;
          color: #d12b1f;
          /* Slightly brighter red for emphasis */
        }

        .minutes,
        .seconds {
          display: inline-block;
          min-width: 1.2em;
          text-align: center;
        }

        .timer-restart {
          animation: pulse 1s ease;
        }

        @keyframes pulse {
          0% {
            opacity: 1;
          }

          50% {
            opacity: 0.5;
          }

          100% {
            opacity: 1;
          }
        }

        #fader.fade-out {
          display: none !important;
        }
      


        .active-grid {
          @apply bg-opacity-50 bg-gray-50 transition-all duration-300;
        }
      


        #reviews-swiper .swiper-slide {
          height: auto !important;

          transition: all 0.8s ease;
        }

        #reviews-swiper .slide-inner {
          padding: 5px;
          height: 100%;
        }

        #reviews-swiper .swiper-slide img {
          display: block;
          width: 100%;
          height: auto;
          object-fit: contain;
          max-width: 100%;
        }

        @media (max-width: 767px) {
          #reviews-swiper .swiper-slide {
            width: 280px !important;
          }

          #reviews-swiper .slide-inner {
            padding: 3px;
          }
        }

        @media (max-width: 767px) {
          .slider-container {
            padding: 0 15px;
          }
        }

        #reviews-swiper .swiper-wrapper {
          will-change: transform;
          transition-timing-function: linear !important;
        }

        #reviews-swiper .swiper-container {
          overflow: visible;
        }
      


        .section-testimonials-grid .customer-review-image,
        .section-testimonials-grid .custom-review,
        .section-testimonials-grid .custom-review img {
          background: #faf8f6 50% / contain no-repeat !important;
          mix-blend-mode: darken;
        }

        .section-testimonials-grid .img-review-top {
          border-radius: 36px;
          box-shadow: 0px 17px 50px 0px rgba(0, 0, 0, 0.07);
        }

        /* Hide specific sections if needed */
        /* .custom-section-testimonials > div:nth-child(3) {
  display: none !important;
} */

        /* .custom-section-testimonials > div > div:nth-child(4) {
  display: none !important;
} */
      


        #shopify-section-customer_media_testimonials_grid
          .custom-section-testimonials
          .hide-button-mobile-custom:last-child {
          display: none;
        }
      


        .img-review-top {
          border-radius: 36px;
          box-shadow: 0px 17px 50px 0px rgba(0, 0, 0, 0.07);
        }

        .custom-img-shadow .img-review-top {
          box-shadow: none !important;
          border-radius: 0px !important;
        }
      


        .faq-panel {
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.3s ease-out;
        }

        .faq-arrow {
          transition: transform 0.3s ease;
        }
      


        .custom-try-reviews .jdgm-rev-widg {
          height: 940px;
          overflow-y: scroll;
        }

        .custom-try-reviews #judgeme_product_reviews {
          padding-top: 32px;
        }

        .custom-try-reviews .jdgm-rev-widg__title {
          font-size: 21px;
        }

        .custom-try-reviews .jdgm-rev-widg__summary-inner {
          font-size: 14px;
        }

        .custom-try-reviews .jdgm-histogram__frequency {
          font-size: 11px;
        }

        .custom-try-reviews .jdgm-gallery-title,
        .custom-try-reviews .jdgm-link,
        .custom-try-reviews .jdgm-rev__author,
        .custom-try-reviews .jdgm-rev__body {
          font-size: 14px;
        }

        .custom-try-reviews .jdgm-rev__buyer-badge {
          background: #c54b38 !important;
        }

        .custom-try-reviews .jdgm-rev__timestamp {
          font-size: 12px;
        }

        .custom-try-reviews .jdgm-rev_thump-up-count,
        .custom-try-reviews .jdgm-rev_thump-down-count,
        .custom-try-reviews .jdgm-paginate__page {
          font-size: 14px;
        }

        .custom-try-reviews .jdgm-paginate__page.jdgm-curt {
          font-size: 16px;
        }
      


      .sticky-cta.is-visible {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
      }

      @media (prefers-reduced-motion: reduce) {
        .sticky-cta {
          transition: none;
        }
      }
    


      .cg-hidden {
        display: none !important;
      }

      .cg-cta-row {
        flex-direction: column;
        gap: 14px;
        align-items: center;
        margin-top: 0.5rem !important;
      }

      @media (min-width: 768px) {
        .cg-cta-row {
          margin-top: 1rem !important;
        }
      }

      .cg-view-more {
        background: transparent;
        border: 0;
        color: #c54b38;
        font-family: inherit;
        padding: 4px 2px;
        font-size: 1rem;
        line-height: 1.4;
        letter-spacing: 0.02em;
        text-decoration: underline;
        text-underline-offset: 4px;
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
      }

      .cg-view-more:hover {
        color: #8a2f20;
      }

      @media (min-width: 768px) {
        .cg-view-more {
          font-size: 1.125rem;
        }
      }

      #shopify-section-customer_media_testimonials_grid .section-testimonials-grid {
        padding-bottom: 48px;
      }

      @media (min-width: 768px) {
        #shopify-section-customer_media_testimonials_grid .section-testimonials-grid {
          padding-bottom: 80px;
        }
      }
    

/* try-buybox additions */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&display=swap');
.cg-product-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 800;
  letter-spacing: -0.01em;
}
/* Carousel thumb row: horizontal-scroll flex (so any number of thumbs fits) */
[data-cg-thumb-grid] {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0.5rem;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  padding-bottom: 4px;
}
[data-cg-thumb-grid] > button {
  flex: 0 0 56px;
}
@media (min-width: 640px) {
  [data-cg-thumb-grid] > button {
    flex: 0 0 72px;
  }
}
@media (min-width: 1024px) {
  [data-cg-thumb-grid] > button {
    flex: 0 0 80px;
  }
}