/** Shopify CDN: Minification failed

Line 5886:1 Unexpected ";"
Line 6523:8 Expected identifier but found whitespace
Line 6523:10 Unexpected "{"
Line 6523:19 Expected ":"
Line 7612:16 Expected identifier but found "!"
Line 7775:4 "isplay" is not a known CSS property
Line 8082:4 "isplay" is not a known CSS property
Line 8611:4 "isplay" is not a known CSS property

**/
@charset "UTF-8";
/*!
------------------------------------------------------------------
Author: Fuel Themes
Author URI: https://fuelthemes.net
------------------------------------------------------------------
*/


#wrapper .click-capture,
#wrapper .click-capture--product, .side-panel, .side-panel-content--tabs button, .side-panel-content--tabs button:after, .back-to-top, .back-to-top path, .header:after, .header .logolink .logoimg, .thb-secondary-area-item.thb-secondary-myaccount span:after, .thb-secondary-area-item svg path, .thb-secondary-area .thb-item-count, .mobile-toggle span, .thb-full-menu--link:after, .thb-full-menu li.menu-item-has-children > .thb-full-menu--link svg path, .thb-full-menu.thb-secondary-menu li a, .button span,
input[type="submit"] span, input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select, input[type="checkbox"],
input[type="radio"], .field label, .custom-checkbox[type="checkbox"], .custom-checkbox[type="checkbox"]:after, .custom-select--list, .quantity .minus svg,
.quantity .plus svg, .cart-drawer .order-note-toggle, .cart-drawer .order-note-toggle__content, .cart-drawer .order-note-toggle__content-overlay, .flickity-page-dots .dot, .flickity-nav, .flickity-nav svg {
  transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1); }

.thb-full-menu .sub-menu {
  transition: all 0.25s ease; }

.side-panel.product-drawer, .thb-full-menu .sub-menu, .custom-select--list {
  isolation: isolate;
  border-radius: var(--block-border-radius, 16px); }

.no-js .quantity .minus, .quantity .no-js .minus,
.no-js .quantity .plus, .quantity .no-js .plus, .no-js .flickity-nav {
  display: none !important; }


.side-panel, .thb-full-menu .sub-menu, .custom-select--list, .flickity-nav {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08); }

.has-shadow--true {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08); }



/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: 0;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

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

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

[data-whatintent="mouse"] *, [data-whatintent="mouse"] *:focus,
[data-whatintent="touch"] *,
[data-whatintent="touch"] *:focus,
[data-whatinput="mouse"] *,
[data-whatinput="mouse"] *:focus,
[data-whatinput="touch"] *,
[data-whatinput="touch"] *:focus {
  outline: none; }

[draggable=false] {
  -webkit-touch-callout: none;
  -webkit-user-select: none; }

.foundation-mq {
  font-family: "small=0em&medium=48em&large=66.75em&xlarge=75em"; }

html {
  box-sizing: border-box;
  font-size: 100%; }

*,
*::before,
*::after {
  box-sizing: inherit; }

body {
  margin: 0;
  padding: 0;
  background: var(--bg-body, #f5f5f5);
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-weight: normal;
  line-height: 1.6;
  color: var(--color-body, #2c2d2e);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0; }

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto; }
  [data-whatinput='mouse'] button {
    outline: 0; }

pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; }

.is-visible {
  display: block !important; }

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

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 1.25rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: var(--font-body-bold-weight, 600);
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1, .h1, .h1-large, .h1-xlarge,
h2, .h2,
h3, .h3, blockquote p,
blockquote span,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: var(--color-heading, #1a1c1d);
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small, .h1-large small, .h1-xlarge small,
  h2 small, .h2 small,
  h3 small, .h3 small, blockquote p small, blockquote span small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small {
    line-height: 0;
    color: #cacaca; }

h1, .h1, .h1-large, .h1-xlarge {
  font-size: 2.875rem;
  line-height: 1.45;
  margin-top: 0;
  margin-bottom: 1.25rem; }

h2, .h2 {
  font-size: 2.5rem;
  line-height: 1.45;
  margin-top: 0;
  margin-bottom: 1.25rem; }

h3, .h3, blockquote p,
blockquote span {
  font-size: 2.125rem;
  line-height: 1.45;
  margin-top: 0;
  margin-bottom: 1.25rem; }

h4, .h4 {
  font-size: 1.75rem;
  line-height: 1.45;
  margin-top: 0;
  margin-bottom: 1.25rem; }

h5, .h5 {
  font-size: 1.5rem;
  line-height: 1.45;
  margin-top: 0;
  margin-bottom: 1.25rem; }

h6, .h6 {
  font-size: 1.125rem;
  line-height: 1.45;
  margin-top: 0;
  margin-bottom: 1.25rem; }

@media print, screen and (min-width: 48em) {
  h1, .h1, .h1-large, .h1-xlarge {
    font-size: 3.375rem; }
  h2, .h2 {
    font-size: 2.875rem; }
  h3, .h3, blockquote p,
  blockquote span {
    font-size: 2.25rem; }
  h4, .h4 {
    font-size: 1.75rem; }
  h5, .h5 {
    font-size: 1.5rem; }
  h6, .h6 {
    font-size: 1.125rem; } }

@media print, screen and (min-width: 66.75em) {
  h1, .h1, .h1-large, .h1-xlarge {
    font-size: 4rem; }
  h2, .h2 {
    font-size: 3.375rem; }
  h3, .h3, blockquote p,
  blockquote span {
    font-size: 2.5rem; }
  h4, .h4 {
    font-size: 1.875rem; }
  h5, .h5 {
    font-size: 1.5rem; }
  h6, .h6 {
    font-size: 1.125rem; } }

a {
  line-height: inherit;
  color: var(--color-body, #2c2d2e);
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: var(--color-accent); }
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: var(--grid-width-row, 1380px);
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0; }

ul,
ol,
dl {
  margin-bottom: 1.25rem;
  list-style-position: outside;
  line-height: 1.6; }

li {
  font-size: inherit; }

ul {
  margin-left: 1.25rem;
  list-style-type: disc; }

ol {
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: var(--font-body-bold-weight, 600); }

blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca; }
  blockquote, blockquote p {
    line-height: 1.6;
    color: #8a8a8a; }

abbr, abbr[title] {
  border-bottom: 1px dotted #2c2d2e;
  cursor: help;
  text-decoration: none; }

figure {
  margin: 0; }

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #2c2d2e; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a; }

.lead {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none; }

cite, .cite-block {
  display: block;
  color: #8a8a8a;
  font-size: 0.8125rem; }
  cite:before, .cite-block:before {
    content: "— "; }

code, .code-inline {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #2c2d2e;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.125rem 0.3125rem 0.0625rem; }

.code-block {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #2c2d2e;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

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

.text-justify {
  text-align: justify; }

@media print, screen and (min-width: 48em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 66.75em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    print-color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .print-break-inside {
    page-break-inside: auto; } }

.row {
  max-width: var(--grid-width-row, 1380px);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-flow: row wrap; }
  .row .row {
    margin-right: -0.25rem;
    margin-left: -0.25rem; }
    @media print, screen and (min-width: 48em) {
      .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; } }
    @media print, screen and (min-width: 66.75em) {
      .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; } }
    .row .row.collapse {
      margin-right: 0;
      margin-left: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-right: auto;
      margin-left: auto; }
  .row:not(.expanded) .row {
    max-width: none; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .row.is-collapse-child,
  .row.collapse > .column > .row,
  .row.collapse > .columns > .row {
    margin-right: 0;
    margin-left: 0; }

.column, .columns {
  flex: 1 1 0px;
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  min-width: 0; }
  @media print, screen and (min-width: 48em) {
    .column, .columns {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }

.column.row.row, .row.row.columns {
  float: none;
  display: block; }

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }

.small-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 {
  flex-wrap: wrap; }
  .small-up-1 > .column, .small-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%; }

.small-up-2 {
  flex-wrap: wrap; }
  .small-up-2 > .column, .small-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%; }

.small-up-3 {
  flex-wrap: wrap; }
  .small-up-3 > .column, .small-up-3 > .columns {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }

.small-up-4 {
  flex-wrap: wrap; }
  .small-up-4 > .column, .small-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%; }

.small-up-5 {
  flex-wrap: wrap; }
  .small-up-5 > .column, .small-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%; }

.small-up-6 {
  flex-wrap: wrap; }
  .small-up-6 > .column, .small-up-6 > .columns {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }

.small-up-7 {
  flex-wrap: wrap; }
  .small-up-7 > .column, .small-up-7 > .columns {
    flex: 0 0 14.28571%;
    max-width: 14.28571%; }

.small-up-8 {
  flex-wrap: wrap; }
  .small-up-8 > .column, .small-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%; }

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.25rem;
  padding-left: 0.25rem; }

@media print, screen and (min-width: 48em) {
  .medium-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 {
    flex-wrap: wrap; }
    .medium-up-1 > .column, .medium-up-1 > .columns {
      flex: 0 0 100%;
      max-width: 100%; }
  .medium-up-2 {
    flex-wrap: wrap; }
    .medium-up-2 > .column, .medium-up-2 > .columns {
      flex: 0 0 50%;
      max-width: 50%; }
  .medium-up-3 {
    flex-wrap: wrap; }
    .medium-up-3 > .column, .medium-up-3 > .columns {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
  .medium-up-4 {
    flex-wrap: wrap; }
    .medium-up-4 > .column, .medium-up-4 > .columns {
      flex: 0 0 25%;
      max-width: 25%; }
  .medium-up-5 {
    flex-wrap: wrap; }
    .medium-up-5 > .column, .medium-up-5 > .columns {
      flex: 0 0 20%;
      max-width: 20%; }
  .medium-up-6 {
    flex-wrap: wrap; }
    .medium-up-6 > .column, .medium-up-6 > .columns {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
  .medium-up-7 {
    flex-wrap: wrap; }
    .medium-up-7 > .column, .medium-up-7 > .columns {
      flex: 0 0 14.28571%;
      max-width: 14.28571%; }
  .medium-up-8 {
    flex-wrap: wrap; }
    .medium-up-8 > .column, .medium-up-8 > .columns {
      flex: 0 0 12.5%;
      max-width: 12.5%; } }

@media print, screen and (min-width: 48em) and (min-width: 48em) {
  .medium-expand {
    flex: 1 1 0px; } }

.row.medium-unstack > .column, .row.medium-unstack > .columns {
  flex: 0 0 100%; }
  @media print, screen and (min-width: 48em) {
    .row.medium-unstack > .column, .row.medium-unstack > .columns {
      flex: 1 1 0px; } }

@media print, screen and (min-width: 48em) {
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; } }

@media print, screen and (min-width: 66.75em) {
  .large-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 {
    flex-wrap: wrap; }
    .large-up-1 > .column, .large-up-1 > .columns {
      flex: 0 0 100%;
      max-width: 100%; }
  .large-up-2 {
    flex-wrap: wrap; }
    .large-up-2 > .column, .large-up-2 > .columns {
      flex: 0 0 50%;
      max-width: 50%; }
  .large-up-3 {
    flex-wrap: wrap; }
    .large-up-3 > .column, .large-up-3 > .columns {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
  .large-up-4 {
    flex-wrap: wrap; }
    .large-up-4 > .column, .large-up-4 > .columns {
      flex: 0 0 25%;
      max-width: 25%; }
  .large-up-5 {
    flex-wrap: wrap; }
    .large-up-5 > .column, .large-up-5 > .columns {
      flex: 0 0 20%;
      max-width: 20%; }
  .large-up-6 {
    flex-wrap: wrap; }
    .large-up-6 > .column, .large-up-6 > .columns {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
  .large-up-7 {
    flex-wrap: wrap; }
    .large-up-7 > .column, .large-up-7 > .columns {
      flex: 0 0 14.28571%;
      max-width: 14.28571%; }
  .large-up-8 {
    flex-wrap: wrap; }
    .large-up-8 > .column, .large-up-8 > .columns {
      flex: 0 0 12.5%;
      max-width: 12.5%; } }

@media print, screen and (min-width: 66.75em) and (min-width: 66.75em) {
  .large-expand {
    flex: 1 1 0px; } }

.row.large-unstack > .column, .row.large-unstack > .columns {
  flex: 0 0 100%; }
  @media print, screen and (min-width: 66.75em) {
    .row.large-unstack > .column, .row.large-unstack > .columns {
      flex: 1 1 0px; } }

@media print, screen and (min-width: 66.75em) {
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; } }

.shrink {
  flex: 0 0 auto;
  max-width: 100%; }

.column-block {
  margin-bottom: 0.5rem; }
  .column-block > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 48em) {
    .column-block {
      margin-bottom: 1.875rem; }
      .column-block > :last-child {
        margin-bottom: 0; } }

.align-left {
  justify-content: flex-start; }

.align-right {
  justify-content: flex-end; }

.align-center {
  justify-content: center; }

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

.align-spaced {
  justify-content: space-around; }

.align-left.vertical.menu > li > a {
  justify-content: flex-start; }

.align-right.vertical.menu > li > a {
  justify-content: flex-end; }

.align-center.vertical.menu > li > a {
  justify-content: center; }

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

.align-self-top {
  align-self: flex-start; }

.align-bottom {
  align-items: flex-end; }

.align-self-bottom {
  align-self: flex-end; }

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

.align-self-middle {
  align-self: center; }

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

.align-self-stretch {
  align-self: stretch; }

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center; }

.small-order-1 {
  order: 1; }

.small-order-2 {
  order: 2; }

.small-order-3 {
  order: 3; }

.small-order-4 {
  order: 4; }

.small-order-5 {
  order: 5; }

.small-order-6 {
  order: 6; }

@media print, screen and (min-width: 48em) {
  .medium-order-1 {
    order: 1; }
  .medium-order-2 {
    order: 2; }
  .medium-order-3 {
    order: 3; }
  .medium-order-4 {
    order: 4; }
  .medium-order-5 {
    order: 5; }
  .medium-order-6 {
    order: 6; } }

@media print, screen and (min-width: 66.75em) {
  .large-order-1 {
    order: 1; }
  .large-order-2 {
    order: 2; }
  .large-order-3 {
    order: 3; }
  .large-order-4 {
    order: 4; }
  .large-order-5 {
    order: 5; }
  .large-order-6 {
    order: 6; } }

.flex-container {
  display: flex; }

.flex-child-auto {
  flex: 1 1 auto; }

.flex-child-grow {
  flex: 1 0 auto; }

.flex-child-shrink {
  flex: 0 1 auto; }

.flex-dir-row {
  flex-direction: row; }

.flex-dir-row-reverse {
  flex-direction: row-reverse; }

.flex-dir-column {
  flex-direction: column; }

.flex-dir-column-reverse {
  flex-direction: column-reverse; }

@media print, screen and (min-width: 48em) {
  .medium-flex-container {
    display: flex; }
  .medium-flex-child-auto {
    flex: 1 1 auto; }
  .medium-flex-child-grow {
    flex: 1 0 auto; }
  .medium-flex-child-shrink {
    flex: 0 1 auto; }
  .medium-flex-dir-row {
    flex-direction: row; }
  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse; }
  .medium-flex-dir-column {
    flex-direction: column; }
  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse; } }

@media print, screen and (min-width: 66.75em) {
  .large-flex-container {
    display: flex; }
  .large-flex-child-auto {
    flex: 1 1 auto; }
  .large-flex-child-grow {
    flex: 1 0 auto; }
  .large-flex-child-shrink {
    flex: 0 1 auto; }
  .large-flex-dir-row {
    flex-direction: row; }
  .large-flex-dir-row-reverse {
    flex-direction: row-reverse; }
  .large-flex-dir-column {
    flex-direction: column; }
  .large-flex-dir-column-reverse {
    flex-direction: column-reverse; } }


.thb-full-menu .mega-menu-columns {
  padding: 0 15px;
  max-width: var(--grid-width-row, 1380px);
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 768px) {
    .thb-full-menu .mega-menu-columns {
      padding: 0 50px; } }


html {
  scroll-behavior: smooth;
  scroll-margin-top: calc(var(--logo-height-mobile) + 106px);
  font-size: calc(var(--font-body-scale) * 16px); }
  @media only screen and (min-width: 768px) {
    html {
      scroll-margin-top: calc(var(--logo-height) + 106px); } }

body {
  overflow-wrap: anywhere;
  font-size: 1.0625rem;
  line-height: calc(var(--font-body-line-height-scale) * 1.6);
  letter-spacing: var(--font-body-letter-spacing, normal);
  background: var(--bg-body); }
  body.open-cc {
    overflow: hidden; }
    body.open-cc #wrapper .click-capture {
      opacity: 1;
      visibility: visible;
      pointer-events: all; }
    body.open-cc #main-content {
      clip-path: none !important; }
    body.open-cc--product #wrapper .click-capture--product {
      opacity: 1;
      visibility: visible;
      pointer-events: all; }
    body.open-cc--product #main-content {
      clip-path: none !important; }
    body.open-cc #shopify-chat {
      display: none; }
  body.open-lightbox #main-content {
    clip-path: none !important; }

* {
  box-sizing: border-box; }

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: color 0.25s cubic-bezier(0.104, 0.204, 0.492, 1); }

button,
summary {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

p {
  word-spacing: 0.001em;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  line-height: calc(var(--font-body-line-height-scale) * 1.6); }

figure {
  margin: 0;
  padding: 0; }

hr {
  border-bottom-color: var(--color-border, #dadce0); }

summary {
  display: inline-block; }

#wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  scroll-behavior: smooth; }
  #wrapper #main-content {
    display: flex;
    flex: 1;
    backface-visibility: hidden;
    clip-path: inset(0px var(--footer-width-percent, 0%) 0% round var(--footer-border-radius, 0px));
    min-height: calc(100vh - var(--header-height, 0px) - var(--announcement-height, 0px));
    flex-direction: column;
    background: var(--bg-body, #f5f5f5); }
    @supports (height: 100dvh) {
      #wrapper #main-content {
        min-height: calc(100dvh - var(--header-height, 0px) - var(--announcement-height, 0px)); } }
    #wrapper #main-content > .row {
      width: 100%; }
  #wrapper .click-capture,
  #wrapper .click-capture--product {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 53;
    opacity: 0;
    visibility: hidden;
    background: rgba(var(--color-overlay-rgb), 0.4);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px); }
  #wrapper .click-capture--product {
    z-index: 91; }
  .template-product-quick-view #wrapper .click-capture--product {
    opacity: 1 !important;
    visibility: visible !important; }
  .template-product-quick-view #wrapper #main-content {
    clip-path: none !important; }

.row {
  padding: 0 11px; }
  @media only screen and (min-width: 768px) {
    .row {
      padding: 0 35px; } }
  .row .columns {
    padding: 0 4px; }
    @media only screen and (min-width: 768px) {
      .row .columns {
        padding: 0 15px; } }
  .row.no-padding {
    padding: 0; }
  .row.full-width-row {
    max-width: none; }
  .row.full-width-row-full {
    padding: 0;
    max-width: none; }
    .row.full-width-row-full > .columns {
      padding: 0; }

.text-size-large {
  font-size: 1.0625rem; }
  @media only screen and (min-width: 768px) {
    .text-size-large {
      font-size: 1.25rem; } }

.text-size-small {
  font-size: 0.9375rem; }


.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important; }

.overflow-hidden {
  overflow: hidden; }

blockquote {
  position: relative;
  text-align: center;
  padding: 0 5%;
  border-left: 0;
  color: var(--color-heading, #1a1c1d);
  margin: 50px 0; }
  blockquote p,
  blockquote span {
    color: var(--color-heading, #1a1c1d); }

.thb-placeholder {
  background: rgba(var(--color-body-rgb), 0.03);
  display: flex; }
  .thb-placeholder svg {
    width: 100%;
    height: 100%;
    fill: var(--color-body, #2c2d2e); }

.rte a {
  text-decoration: underline;
  text-underline-offset: 3px; }

.rte p + h1,
.rte p + h2,
.rte p + h3,
.rte p + h4,
.rte p + h5,
.rte p + h6 {
  margin-top: 10px; }

.rte iframe {
  max-width: 100%; }

.no-js .no-js-hidden, .no-js
img.lazyload {
  display: none !important; }

.screen-reader-shortcut {
  position: fixed;
  top: -1000em; }
  .screen-reader-shortcut:focus {
    left: 6px;
    top: 7px;
    height: auto;
    width: auto;
    display: block;
    font-size: 14px;
    font-weight: var(--font-body-bold-weight, 600);
    padding: 15px 23px 14px;
    background-color: #54cdcd;
    color: #fff;
    z-index: 100000;
    line-height: normal;
    text-decoration: none;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); }

table {
  width: 100%;
  text-align: left;
  border-spacing: 0;
  border-collapse: separate;
  margin-bottom: 30px;
  font-size: 15px;
  border-collapse: collapse;
  border: 1px solid var(--color-border, #dadce0); }
  [dir="rtl"] table {
    text-align: right; }
  table thead {
    line-height: 1; }
    table thead th {
      font-size: 0.8125rem;
      padding: 18px 0;
      font-weight: var(--font-body-medium-weight, 500); }
  table th {
    font-weight: var(--font-body-medium-weight, 500); }
  table th,
  table td {
    padding: 10px 15px;
    border: 1px solid var(--color-border, #dadce0); }
    @media only screen and (min-width: 768px) {
      table th,
      table td {
        padding: 15px 25px; } }
  table.collaterals {
    border: 0;
    margin: 0; }
    table.collaterals tbody tr {
      border: 0;
      font-weight: var(--font-body-medium-weight, 500); }
      table.collaterals tbody tr th,
      table.collaterals tbody tr td {
        padding: 5px 0;
        border: 0; }
        table.collaterals tbody tr th:last-child,
        table.collaterals tbody tr td:last-child {
          text-align: right;
          padding-right: 0; }
      table.collaterals tbody tr th {
        padding: 5px 10px 5px 0; }
      table.collaterals tbody tr .price {
        font-weight: var(--font-body-medium-weight, 500); }
      table.collaterals tbody tr.cart-total .price {
        font-size: 1.25rem; }
      table.collaterals tbody tr:first-child th,
      table.collaterals tbody tr:first-child td {
        padding-top: 0; }
  table.no-borders {
    border: 0; }
    table.no-borders thead {
      line-height: 1; }
      table.no-borders thead th {
        padding: 18px 0;
        border-bottom: 1px solid var(--color-border, #dadce0); }
        table.no-borders thead th:last-child {
          text-align: right; }
    table.no-borders th,
    table.no-borders td {
      padding: 10px 15px;
      border: 0; }
      @media only screen and (min-width: 768px) {
        table.no-borders th,
        table.no-borders td {
          padding: 15px 25px; } }
    table.no-borders tbody tr th,
    table.no-borders tbody tr td {
      padding: 20px 15px 20px 0;
      border-bottom: 1px solid var(--color-border, #dadce0); }
      table.no-borders tbody tr th:last-child,
      table.no-borders tbody tr td:last-child {
        text-align: right;
        padding-right: 0; }
      @media only screen and (min-width: 768px) {
        table.no-borders tbody tr th,
        table.no-borders tbody tr td {
          padding: 20px 30px 20px 0; } }
      [dir="rtl"] table.no-borders tbody tr th, [dir="rtl"]
      table.no-borders tbody tr td {
        padding: 20px 0 20px 15px; }
        @media only screen and (min-width: 768px) {
          [dir="rtl"] table.no-borders tbody tr th, [dir="rtl"]
          table.no-borders tbody tr td {
            padding: 20px 0 20px 30px; } }
    table.no-borders tbody tr:last-child td {
      border-bottom: 0; }
    table.no-borders tfoot {
      text-align: right; }
      table.no-borders tfoot td {
        padding: 10px 0;
        border-top: 1px solid var(--color-border, #dadce0); }
        table.no-borders tfoot td:first-child {
          text-align: left; }

.shopify-challenge__container {
  padding: 40px 0; }
  @media only screen and (min-width: 768px) {
    .shopify-challenge__container {
      padding: 70px 0; } }
  @media only screen and (min-width: 1068px) {
    .shopify-challenge__container {
      padding: 100px 0; } }

.discounts {
  list-style: none;
  margin: 5px 0 0;
  padding: 0;
  font-size: 12px; }
  .discounts__discount {
    margin-bottom: 5px; }
    .discounts__discount svg {
      vertical-align: middle;
      margin-right: 6px;
      width: 10px; }

.side-panel {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  z-index: 90;
  width: calc(100vw - 15px);
  background: var(--color-drawer-bg, #fff);
  max-width: 540px;
  overflow-x: hidden;
  transform: translateX(100%);
  border-radius: var(--block-border-radius, 16px) 0 0 var(--block-border-radius, 16px);
  --bg-body-rgb: var(--color-drawer-bg-rgb); }
  .side-panel:not(.active) {
    box-shadow: none !important; }
  @supports (height: 100dvh) {
    .side-panel {
      height: 100dvh; } }
  .side-panel.active {
    transform: translateX(0%); }
  .side-panel.side-cart {
    z-index: 99; }
  .side-panel.facet-drawer {
    transform: translateX(-100%);
    right: auto;
    left: 0; }
    .side-panel.facet-drawer.active {
      transform: translateX(0%); }
  .side-panel.search-drawer {
    overflow: hidden; }
    .side-panel.search-drawer .side-panel-inner {
      height: 100%; }
    .side-panel.search-drawer .side-panel-header div {
      height: 70px;
      padding: 10px 0; }
    .side-panel.search-drawer .searchform {
      width: 100%;
      padding-right: 20px; }
      .side-panel.search-drawer .searchform input {
        border: 0;
        padding: 0;
        font-size: 1rem;
        outline: 0; }
      .side-panel.search-drawer .searchform label {
        display: none; }
    .side-panel.search-drawer .side-panel-content--has-tabs {
      display: none;
      position: relative;
      flex: 1;
      height: calc(100% - 70px); }
      .side-panel.search-drawer .side-panel-content--has-tabs.active {
        display: flex;
        flex-direction: column; }
        .side-panel.search-drawer .side-panel-content--has-tabs.active + .side-panel-content--initial {
          display: none; }
      .side-panel.search-drawer .side-panel-content--has-tabs scroll-shadow {
        flex: 1;
        overflow: hidden; }
    .side-panel.search-drawer .side-panel-content--initial {
      height: calc(100% - 70px);
      overflow-x: hidden;
      overflow-y: auto; }
  .side-panel.product-drawer {
    z-index: 102;
    width: auto;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    height: auto;
    max-width: 100%;
    margin: 0;
    opacity: 0;
    pointer-events: none; }
    @media only screen and (min-width: 1068px) {
      .side-panel.product-drawer {
        max-width: 1160px;
        max-height: calc(100vh - 40px);
        left: 50%;
        right: auto;
        top: 50%;
        width: 100%;
        bottom: auto;
        transform: translate3d(-50%, -50%, 0); }
        @supports (height: 100dvh) {
          .side-panel.product-drawer {
            max-height: calc(100dvh - 40px); } } }
    .side-panel.product-drawer.active {
      pointer-events: all;
      opacity: 1; }
      @media only screen and (min-width: 1068px) {
        .side-panel.product-drawer.active {
          transform: translate3d(-50%, -50%, 0); } }
    .side-panel.product-drawer .side-panel-close {
      position: absolute;
      top: 5px;
      right: 5px;
      width: 40px;
      height: 40px;
      z-index: 20;
      display: flex;
      align-items: center;
      justify-content: center; }
    .side-panel.product-drawer .thb-product-detail {
      margin: 0; }
    .side-panel.product-drawer .side-panel-inner {
      position: relative;
      z-index: 5; }
    .side-panel.product-drawer .side-panel-content {
      padding: 10px 20px 20px; }
      @media only screen and (min-width: 1068px) {
        .side-panel.product-drawer .side-panel-content {
          padding: 40px; } }
  .side-panel-header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 35;
    background: var(--color-drawer-bg, #fff);
    padding: 0 30px; }
    .side-panel-header .h6 {
      margin: 0;
      line-height: 1;
      color: var(--color-body, #2c2d2e); }
      .side-panel-header .h6 > span {
        display: block; }
      .side-panel-header .h6 .facets__label {
        font-size: 0.75rem;
        margin-top: 4px;
        display: block; }
    .side-panel-header div {
      line-height: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 100%;
      padding: 23px 0;
      border-bottom: 1px solid var(--color-border, #dadce0); }
  .side-panel-close {
    cursor: pointer; }
  .side-panel-content {
    padding: 25px 30px;
    font-size: 0.9375rem; }
    .side-panel-content.side-panel-content--has-tabs {
      padding: 0; }
      .side-panel-content.side-panel-content--has-tabs .side-panel-content--inner {
        padding: 0px 30px 25px;
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%; }
    .side-panel-content--tabs {
      display: flex;
      padding: 25px 30px; }
      .side-panel-content--tabs button {
        display: inline-flex;
        align-items: center;
        min-height: 25px;
        color: rgba(var(--color-body-rgb), 0.6);
        margin-right: 15px;
        font-size: 1rem;
        font-weight: var(--font-body-medium-weight, 500);
        padding: 2px 0 5px;
        position: relative;
        z-index: 2; }
        .side-panel-content--tabs button:after {
          content: "";
          display: block;
          height: 2px;
          width: 100%;
          background: var(--color-body, #2c2d2e);
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 3;
          transform: scale(0, 1);
          transform-origin: left center; }
        .side-panel-content--tabs button:hover {
          color: var(--color-body, #2c2d2e);
          opacity: 1; }
        .side-panel-content--tabs button.tab-active {
          opacity: 1;
          color: var(--color-body, #2c2d2e); }
          .side-panel-content--tabs button.tab-active:after {
            transform: scale(1, 1); }
    .side-panel-content--tab-panel {
      display: none; }
      .side-panel-content--tab-panel.tab-active {
        display: block; }
    .side-panel-content--search-footer {
      padding: 25px 30px;
      border-top: 1px solid var(--color-border, #dadce0);
      margin-top: auto; }
    .side-panel-content .button {
      flex-shrink: 0; }
  .side-panel-footer {
    padding: 25px 30px;
    border-top: 1px solid var(--color-border, #dadce0); }


.loading {
  position: relative; }
  .loading:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10; }
  .loading .loading-overlay {
    display: block; }

.loading-overlay {
  display: none;
  width: 42px;
  height: 42px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 20;
  line-height: 0;
  transform: translate3d(-50%, -50%, 0); }

.spinner {
  animation: rotator 1.4s infinite linear; }
  .spinner-path {
    stroke-dasharray: 280;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: dash 1.4s infinite ease; }

@keyframes rotator {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(270deg); } }

@keyframes dash {
  0% {
    stroke-dashoffset: 280; }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg); } }

.mobile-menu-drawer {
  display: none; }


.lazyload,
.lazyloading {
  opacity: 0.75;
  will-change: opacity, filter;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  filter: blur(5px); }
  .lazyload.no-blur,
  .lazyloading.no-blur {
    filter: none;
    opacity: 1; }

.lazyloaded {
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.104, 0.204, 0.492, 1), filter 0.2s cubic-bezier(0.104, 0.204, 0.492, 1); }


@media only screen and (min-width: 768px) {
  .medium-1\/5 {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }

@media only screen and (min-width: 1068px) {
  .large-1\/5 {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }


scroll-shadow {
  display: inline-block;
  width: 100%;
  --scroll-shadow-size: 20;
  --scroll-shadow-top: linear-gradient(rgba(var(--bg-body-rgb), 1),
      rgba(var(--bg-body-rgb), 0));
  --scroll-shadow-bottom: linear-gradient(rgba(var(--bg-body-rgb), 0),
      rgba(var(--bg-body-rgb), 1));
  --scroll-shadow-left: linear-gradient(90deg,
      rgba(var(--bg-body-rgb), 1),
      rgba(var(--bg-body-rgb), 0));
  --scroll-shadow-right: linear-gradient(90deg,
      rgba(var(--bg-body-rgb), 0),
      rgba(var(--bg-body-rgb), 1)); }

@media only screen and (max-width: 767px) {
  .mobile-height-full {
    transition: height 0.5s linear;
    height: calc(100vh - var(--announcement-height, 0px)); }
    @supports (height: 100svh) {
      .mobile-height-full {
        height: calc(100svh - var(--announcement-height, 0px)); } } }

@media only screen and (max-width: 767px) {
  .mobile-height-auto {
    min-height: auto; } }

@media only screen and (max-width: 767px) {
  .mobile-height-300 {
    min-height: 300px; } }

@media only screen and (max-width: 767px) {
  .mobile-height-350 {
    min-height: 350px; } }

@media only screen and (max-width: 767px) {
  .mobile-height-400 {
    min-height: 400px; } }

@media only screen and (max-width: 767px) {
  .mobile-height-450 {
    min-height: 450px; } }

@media only screen and (max-width: 767px) {
  .mobile-height-500 {
    min-height: 500px; } }

@media only screen and (min-width: 768px) {
  .desktop-height-full {
    height: calc(100vh - var(--announcement-height, 0px)); }
    @supports (height: 100dvh) {
      .desktop-height-full {
        height: calc(100dvh - var(--announcement-height, 0px)); } } }

@media only screen and (min-width: 768px) {
  .desktop-height-auto {
    min-height: auto; } }

@media only screen and (min-width: 768px) {
  .desktop-height-450 {
    min-height: 450px; } }

@media only screen and (min-width: 768px) {
  .desktop-height-550 {
    min-height: 550px; } }

@media only screen and (min-width: 768px) {
  .desktop-height-650 {
    min-height: 650px; } }

@media only screen and (min-width: 768px) {
  .desktop-height-750 {
    min-height: 750px; } }

.height-full {
  min-height: 100vh; }

.height-auto {
  min-height: auto; }

.height-300 {
  min-height: 300px; }

.height-350 {
  min-height: 350px; }

.height-400 {
  min-height: 400px; }

.height-450 {
  min-height: 450px; }

.page-content-width {
  max-width: 800px;
  margin: 0 auto; }

.subheading {
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: var(--font-body-medium-weight, 500); }


.section-spacing {
  margin-top: var(--section-spacing-mobile, 0);
  margin-bottom: var(--section-spacing-mobile, 0); }
  @media only screen and (min-width: 768px) {
    .section-spacing {
      margin-top: var(--section-spacing-desktop, 0);
      margin-bottom: var(--section-spacing-desktop, 0); } }
  .section-spacing.section-spacing--disable-top {
    margin-top: 0; }
  .section-spacing.section-spacing--disable-bottom {
    margin-bottom: 0; }

.section-spacing-bottom {
  margin-bottom: var(--section-spacing-mobile, 0); }
  @media only screen and (min-width: 768px) {
    .section-spacing-bottom {
      margin-bottom: var(--section-spacing-desktop, 0); } }
  .section-spacing-bottom.section-spacing--disable-bottom {
    margin-bottom: 0; }

.section-spacing-padding {
  padding-top: var(--section-spacing-mobile, 0);
  padding-bottom: var(--section-spacing-mobile, 0); }
  @media only screen and (min-width: 768px) {
    .section-spacing-padding {
      padding-top: var(--section-spacing-desktop, 0);
      padding-bottom: var(--section-spacing-desktop, 0); } }
  .section-spacing-padding.section-spacing--disable-top {
    padding-top: 0; }
  .section-spacing-padding.section-spacing--disable-bottom {
    padding-bottom: 0; }

.visibility-hidden {
  visibility: hidden; }

.thb-parallax-image {
  pointer-events: none;
  will-change: transform;
  transform-style: preserve-3d;
  backface-visibility: hidden; }


.has-shadow--true.has-shadow--hover:hover {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.16); }


.back-to-top {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: var(--color-drawer-bg, #fff);
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 30;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  transform: translateY(70px); }
  @media only screen and (min-width: 1068px) {
    .back-to-top {
      bottom: 30px;
      right: 30px; } }
  .back-to-top.back-to-top--active {
    transform: translateY(0px); }
  .back-to-top svg {
    overflow: visible;
    transform: translateY(1px); }
  .back-to-top--handle {
    transform: translateY(4px); }
  .back-to-top--bar {
    opacity: 0;
    transform-origin: bottom center;
    transform: scale(1, 0) translateY(8px); }
  .back-to-top:hover .back-to-top--handle, .back-to-top:focus .back-to-top--handle {
    transform: translateY(0px); }
  .back-to-top:hover .back-to-top--bar, .back-to-top:focus .back-to-top--bar {
    opacity: 1;
    transform-origin: top center;
    transform: scale(1, 1) translateY(0); }


.metafield-color {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px; }

.metafield-rich_text_field > *:last-child {
  margin-bottom: 0; }

h1, .h1, .h1-large, .h1-xlarge {
  font-size: calc(var(--font-heading-scale) * 32px);
  line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 40px)); }
  @media only screen and (min-width: 768px) {
    h1, .h1, .h1-large, .h1-xlarge {
      font-size: calc(var(--font-heading-scale) * 36px);
      line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 44px)); } }
  @media only screen and (min-width: 1068px) {
    h1, .h1, .h1-large, .h1-xlarge {
      font-size: calc(var(--font-heading-scale) * 50px);
      line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 58px)); } }

h2, .h2 {
  font-size: calc(var(--font-heading-scale) * 28px);
  line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 36px)); }
  @media only screen and (min-width: 768px) {
    h2, .h2 {
      font-size: calc(var(--font-heading-scale) * 36px);
      line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 44px)); } }
  @media only screen and (min-width: 1068px) {
    h2, .h2 {
      font-size: calc(var(--font-heading-scale) * 42px);
      line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 50px)); } }

h3, .h3, blockquote p,
blockquote span {
  font-size: calc(var(--font-heading-scale) * 26px);
  line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 30px)); }
  @media only screen and (min-width: 768px) {
    h3, .h3, blockquote p,
    blockquote span {
      font-size: calc(var(--font-heading-scale) * 30px);
      line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 38px)); } }
  @media only screen and (min-width: 1068px) {
    h3, .h3, blockquote p,
    blockquote span {
      font-size: calc(var(--font-heading-scale) * 34px);
      line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 42px)); } }

h4, .h4 {
  font-size: calc(var(--font-heading-scale) * 20px);
  line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 28px)); }
  @media only screen and (min-width: 1068px) {
    h4, .h4 {
      font-size: calc(var(--font-heading-scale) * 28px);
      line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 36px)); } }

h5, .h5 {
  font-size: calc(var(--font-heading-scale) * 24px);
  line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 32px)); }

h6, .h6 {
  font-size: calc(var(--font-heading-scale) * 18px);
  line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 26px)); }

@media only screen and (min-width: 768px) {
  .h1-large {
    font-size: calc(var(--font-heading-scale) * 52px);
    line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 60px)); } }

@media only screen and (min-width: 1068px) {
  .h1-large {
    font-size: calc(var(--font-heading-scale) * 60px);
    line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 68px)); } }

@media only screen and (min-width: 768px) {
  .h1-xlarge {
    font-size: calc(var(--font-heading-scale) * 60px);
    line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 68px)); } }

@media only screen and (min-width: 1068px) {
  .h1-xlarge {
    font-size: calc(var(--font-heading-scale) * 72px);
    line-height: calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 80px)); } }

h1, .h1, .h1-large, .h1-xlarge,
h2,
.h2,
h3, .h3, blockquote p,
blockquote span,
h4,
.h4,
h5,
.h5,
h6,
.h6 .h1-large,
.h1-xlarge {
  letter-spacing: var(--font-heading-letter-spacing, normal); }

@media only screen and (min-width: 1068px) {
  .heading-size--small {
    font-size: 2.125rem;
    line-height: 2.625rem; } }

@media only screen and (min-width: 1068px) {
  .heading-size--medium {
    font-size: 3rem;
    line-height: 3.5rem; } }

@media only screen and (min-width: 1068px) {
  .heading-size--large {
    font-size: 3.75rem;
    line-height: 4.25rem; } }

@media only screen and (min-width: 1068px) {
  .heading-size--xlarge {
    font-size: 4.5rem;
    line-height: 5rem; } }


.header-section {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%; }

.header {
  display: block;
  position: relative;
  z-index: 30;
  width: 100%;
  padding: 0 15px;
  background: white;
  box-shadow: 0px 10px 16px 0px #0000000D;
  color: var(--color-header-text, --color-body);
  --color-body: var(--color-header-links);
  --color-price: $header-text;
  --color-accent: var(--color-header-links);
  --color-accent-rgb: var(--color-header-links-rgb); }
  .header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: -1;
    background: white;
    opacity: 1;
    box-shadow: 0px 10px 16px 0px #0000000D;
    transition: opacity 0.25s cubic-bezier(0.104, 0.204, 0.492, 1); }
  @media only screen and (min-width: 768px) {
    .header {
      padding: 0 50px; } }
  .header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none; }
  .header.header--shadow-small:after {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06); }
  .header.header--shadow-medium:after {
    box-shadow: 0 9px 38px rgba(0, 0, 0, 0.05), 0 5px 12px rgba(0, 0, 0, 0.1); }
  .header.header--shadow-large:after {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.1), 0 5px 22px rgba(0, 0, 0, 0.15); }
  .header.is-sticky:after {
    opacity: 1; }
  .header.is-sticky .header--inner:before {
    opacity: 0; }
  .header.transparent--true {
    position: absolute; }
    .header.transparent--true:before {
      opacity: 0; }
    .header.transparent--true:hover:before, .header.transparent--true.is-sticky:before {
      opacity: 1; }
    .header.transparent--true:not(:hover):not(.is-sticky) .logolink.text-logo {
      color: var(--color-header-transparent-text, #fff); }
    .header.transparent--true:not(:hover):not(.is-sticky) .logolink .logoimg {
      opacity: 0; }
      .header.transparent--true:not(:hover):not(.is-sticky) .logolink .logoimg--light {
        opacity: 1; }
    .header.transparent--true:not(:hover):not(.is-sticky) .thb-full-menu > li > a {
      color: black}
      .header.transparent--true:not(:hover):not(.is-sticky) .thb-full-menu > li > a:after {
        background: var(--color-header-transparent-text, #fff); }
      .header.transparent--true:not(:hover):not(.is-sticky) .thb-full-menu > li > a > svg path {
        stroke: var(--color-header-transparent-text, #fff); }
    .header.transparent--true:not(:hover):not(.is-sticky) .thb-localization-forms.inside-header-arrow svg path {
      stroke: var(--color-header-transparent-text, #fff); }
    .header.transparent--true:not(:hover):not(.is-sticky) .thb-localization-forms.inside-header .custom-select--button {
      color: var(--color-header-transparent-text, #fff); }
    .header.transparent--true:not(:hover):not(.is-sticky) .thb-secondary-area-item.thb-secondary-myaccount {
      color: var(--color-header-transparent-text, #fff); }
    .header.transparent--true:not(:hover):not(.is-sticky) .thb-secondary-area svg path {
      fill: var(--color-header-transparent-text, #fff); }
    .header.transparent--true:not(:hover):not(.is-sticky) .mobile-toggle span {
      background: var(--color-header-transparent-text, #fff); }
  .header--inner {
    width: 100%;
    max-width: var(--grid-width, 1280px);
    margin: 0 auto;
    display: grid;
    column-gap: 20px;
    align-items: center;
    grid-template-columns: 1fr auto 1fr;
    min-height: 60px; }
    @media only screen and (min-width: 1068px) {
      .header--inner {
        min-height: 80px; } }
    .header--inner:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background: var(--color-border, #dadce0); }
      .template-index .header--inner:before {
        content: none; }
  .header--full-width .header--inner {
    max-width: 100%; }
  .header--full-width .thb-full-menu .mega-menu-columns {
    max-width: 100%; }
  .header .logolink {
    position: relative; }
    .header .logolink .logoimg--light {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      opacity: 0; }
  .header.style1 .logolink {
    text-align: center;
    justify-content: center; }
    @media only screen and (min-width: 1068px) {
      .header.style1 .logolink {
        text-align: left;
        margin-right: auto;
        justify-content: flex-start; } }
  @media only screen and (min-width: 1068px) {
    .header.style1 .header--inner {
      grid-template-columns: auto minmax(auto, 70%) auto; } }
  .header.style2 .logolink {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    flex-shrink: 0; }
    @media only screen and (min-width: 1068px) {
      .header.style2 .logolink {
        margin-left: 0; } }
  @media only screen and (min-width: 1068px) {
    .header.style2 .header--inner {
      grid-template-columns: auto 1fr; } }
  .header.style2 .full-menu {
    margin-left: 25px; }
  @media only screen and (min-width: 1068px) {
    .header.style2 .logolink {
      text-align: left; } }
  .header.style3 .logolink {
    text-align: center;
    justify-content: center; }
    .header.style3 .logolink .logoimg {
      object-position: center; }
  .header.style3 .full-menu {
    margin-left: 0; }
  .header.style3 .thb-full-menu {
    text-align: left; }
    [dir="ltr"] .header.style3 .thb-full-menu > li:first-child {
      padding-left: 0; }
    [dir="rtl"] .header.style3 .thb-full-menu > li:first-child {
      padding-right: 0; }
  .header.style4 .full-menu {
    width: 100%;
    grid-column: span 3;
    justify-content: center; }
  @media only screen and (min-width: 1068px) {
    .header.style4 .logolink {
      margin: 15px 0; } }
  @media only screen and (min-width: 1068px) {
    .header.style4 .header--inner {
      padding-top: 10px;
      padding-bottom: 10px; } }
  .header.style4 .thb-header-desktop-left .thb-secondary-area {
    justify-content: flex-start; }
  .header.style4 .thb-header-desktop-left .thb-secondary-area-item {
    padding-left: 0;
    padding-right: 10px; }
  @media only screen and (min-width: 1068px) {
    .header.style4 .thb-header-right .thb-quick-search {
      display: none; } }
  .header.style5 .full-menu {
    width: 100%;
    grid-column: span 2; }
    .header.style5 .full-menu .thb-full-menu {
      text-align: left; }
      [dir="ltr"] .header.style5 .full-menu .thb-full-menu > li:first-child {
        padding-left: 0; }
      [dir="rtl"] .header.style5 .full-menu .thb-full-menu > li:first-child {
        padding-right: 0; }
  @media only screen and (min-width: 1068px) {
    .header.style5 .logolink {
      margin: 15px 0; } }
  @media only screen and (min-width: 1068px) {
    .header.style5 .header--inner {
      padding-top: 10px;
      padding-bottom: 10px;
      grid-template-columns: auto 1fr; } }
  .header .menu-logo-container {
    display: flex;
    align-items: center; }
  .header .searchform {
    width: 340px;
    max-width: 100%;
    margin-right: 10px;
    display: none; }
    @media only screen and (min-width: 1068px) {
      .header .searchform {
        display: block; } }
    .header .searchform--click-capture {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 52;
      pointer-events: none;
      visibility: hidden; }
      .open-search .header .searchform--click-capture {
        visibility: visible;
        pointer-events: all; }
    .header .searchform--form {
      display: flex;
      flex-direction: row;
      width: 100%;
      position: relative;
      z-index: 53; }
      .header .searchform--form .search-field {
        padding: 9px 17px;
        height: 44px;
        border: none;
        outline: 0;
        appearance: textfield;
        background-color: rgba(var(--color-header-text-rgb, --color-body-rgb), 0.07); }
        .header .searchform--form .search-field::placeholder {
          color: var(--color-header-text, --color-body); }
        .header .searchform--form .search-field::-webkit-search-decoration, .header .searchform--form .search-field::-webkit-search-cancel-button, .header .searchform--form .search-field::-ms-clear {
          display: none; }
        .header .searchform--form .search-field:focus {
          box-shadow: inset 0 0 0 1px var(--color-header-text, --color-body);
          background-color: var(--color-drawer-bg, #fff); }
          .header .searchform--form .search-field:focus::placeholder {
            color: var(--color-body, #2c2d2e); }
        .open-search .header .searchform--form .search-field {
          box-shadow: inset 0 0 0 1px var(--color-header-text, --color-body);
          border-radius: var(--input-border-radius, 6px) var(--input-border-radius, 6px) 0 0;
          background-color: var(--color-drawer-bg, #fff); }
      .header .searchform--form .thb-predictive-search {
        position: absolute;
        top: calc(100% - 1px);
        left: 0;
        right: 0;
        z-index: 90;
        background-color: var(--color-drawer-bg, #fff);
        display: flex;
        min-height: 50px;
        flex-direction: column;
        max-height: calc(100dvh - var(--header-height, 0px) - var(--header-offset, 0px));
        border-radius: 0 0 var(--input-border-radius, 6px) var(--input-border-radius, 6px);
        border: 1px solid var(--color-header-text, --color-body);
        border-top: 0; }
        .header .searchform--form .thb-predictive-search[inert] {
          display: none;
          border: 0; }
        .header .searchform--form .thb-predictive-search .side-panel-content--tabs {
          padding: 15px 20px; }
          .header .searchform--form .thb-predictive-search .side-panel-content--tabs button {
            font-size: 0.8125rem; }
        .header .searchform--form .thb-predictive-search scroll-shadow {
          height: 275px; }
        .header .searchform--form .thb-predictive-search .side-panel-content--inner {
          padding: 0px 20px 15px;
          overflow-y: auto;
          overflow-x: hidden;
          height: 100%; }
        .header .searchform--form .thb-predictive-search .side-panel-content--search-footer {
          padding: 0; }
          .header .searchform--form .thb-predictive-search .side-panel-content--search-footer .search-results-submit {
            text-align: center;
            color: var(--color-body, #2c2d2e);
            font-size: 0.8125rem;
            font-weight: var(--font-body-medium-weight, 500);
            padding: 14px 12px;
            width: 100%; }
        .header .searchform--form .thb-predictive-search .side-panel-content--tab-panel.tab-active {
          display: flex;
          flex-direction: column; }
        .header .searchform--form .thb-predictive-search > .loading-overlay {
          width: 21px;
          height: 21px; }
        .header .searchform--form .thb-predictive-search .product-card-small:last-child {
          margin-bottom: 0; }
        .header .searchform--form .thb-predictive-search .product-card-small,
        .header .searchform--form .thb-predictive-search .product-cart-item {
          margin-bottom: 10px;
          white-space: normal; }
        .header .searchform--form .thb-predictive-search .product-cart-item-image {
          margin-right: 10px; }
        .header .searchform--form .thb-predictive-search .product-cart-item img {
          width: 64px; }
        .header .searchform--form .thb-predictive-search .product-card-small--image {
          width: 64px; }
        .header .searchform--form .thb-predictive-search .product-card-small--link {
          text-wrap: wrap; }
    .header .searchform--click-capture {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 52;
      pointer-events: none;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.25s cubic-bezier(0.104, 0.204, 0.492, 1); }
    .open-search .header .searchform .searchform--click-capture {
      opacity: 1;
      visibility: visible;
      pointer-events: all; }

.thb-secondary-area {
  margin-left: auto;
  line-height: 1;
  height: 100%;
  min-width: 70px;
  white-space: nowrap;
  align-items: center;
  justify-content: end;
  display: inline-flex; }
  @media only screen and (min-width: 768px) {
    .thb-secondary-area {
      min-width: 135px; } }
  [dir="rtl"] .thb-secondary-area {
    margin-right: auto;
    margin-left: 0; }
  .thb-secondary-area .no-js-hidden {
    align-items: center;
    display: none; }
    @media only screen and (min-width: 1068px) {
      .thb-secondary-area .no-js-hidden {
        display: inline-flex; } }
  .thb-secondary-area-item {
    padding: 0 7px;
    height: 100%;
    align-items: center;
    display: inline-flex; }
    @media only screen and (min-width: 768px) {
      .thb-secondary-area-item {
        padding: 0 10px; } }
    .thb-secondary-area-item:last-child {
      padding-right: 0; }
      [dir="rtl"] .thb-secondary-area-item:last-child {
        padding-right: 7px; }
    .thb-secondary-area-item.thb-secondary-myaccount {
      display: none;
      font-weight: var(--font-body-medium-weight, 500);
      font-size: calc(var(--font-navigation-scale, 1) * 15px);
      color: var(--color-header-links, --color-accent); }
      .thb-secondary-area-item.thb-secondary-myaccount:hover {
        color: var(--color-header-links-hover, --color-accent2); }
      .navigation-uppercase-true .thb-secondary-area-item.thb-secondary-myaccount {
        text-transform: uppercase; }
      @media only screen and (min-width: 768px) {
        .thb-secondary-area-item.thb-secondary-myaccount {
          display: inline-flex; } }
      .thb-secondary-area-item.thb-secondary-myaccount span {
        position: relative;
        line-height: 1.7; }
        .thb-secondary-area-item.thb-secondary-myaccount span:after {
          content: "";
          display: block;
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          will-change: transform;
          height: 1px;
          transform: scale(0, 1);
          transform-origin: left center;
          background: var(--color-header-links-hover, --color-accent); }
      .thb-secondary-area-item.thb-secondary-myaccount:hover, .thb-secondary-area-item.thb-secondary-myaccount:focus {
        color: var(--color-header-links-hover, --color-accent2); }
        .thb-secondary-area-item.thb-secondary-myaccount:hover span:after, .thb-secondary-area-item.thb-secondary-myaccount:focus span:after {
          transform: scale(1, 1); }
    .thb-secondary-area-item.thb-secondary-cart .thb-item-count svg {
      fill: var(--color-header-bg, #fff);
      width: 8px; }
    .thb-secondary-area-item.thb-secondary-cart .thb-secondary-item-icon {
      transform: translateY(2px); }
    .thb-secondary-area-item svg {
      pointer-events: none; }
  .thb-secondary-area .thb-secondary-item-icon {
    position: relative; }
  @media only screen and (min-width: 1068px) {
    .thb-secondary-area .thb-quick-search--mobile-only {
      display: none; } }
  .thb-secondary-area .thb-item-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 0.625rem;
    font-weight: var(--font-body-bold-weight, 600);
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: var(--color-accent);
    color: var(--color-header-bg, #fff);
    position: absolute;
    top: -8px;
    right: -12px; }

.logolink {
  display: inline-flex;
  margin: 20px 0; }
  .logolink.text-logo {
    font-size: 1.125rem;
    font-weight: var(--font-body-bold-weight, 600);
    line-height: 1;
    word-break: break-all;
    color: var(--color-header-links, --color-accent); }
    .logolink.text-logo:hover, .logolink.text-logo:focus {
      color: var(--color-header-links-hover, --color-accent2); }
    @media only screen and (min-width: 768px) {
      .logolink.text-logo {
        font-size: 1.5rem; } }
  .logolink .logoimg {
    width: auto;
    height: var(--logo-height-mobile, 30px);
    object-fit: contain;
    object-position: left; }
    @media only screen and (min-width: 768px) {
      .logolink .logoimg {
        height: var(--logo-height, 30px); } }

.thb-header-mobile-left {
  display: inline-flex;
  margin-right: auto; }
  @media only screen and (min-width: 1068px) {
    .thb-header-mobile-left {
      display: none; } }
  [dir="rtl"] .thb-header-mobile-left {
    margin-right: 0;
    margin-left: auto; }

.thb-header-desktop-left {
  display: none;
  line-height: 1; }
  @media only screen and (min-width: 1068px) {
    .thb-header-desktop-left {
      display: inline-flex;
      margin-right: auto; }
      [dir="rtl"] .thb-header-desktop-left {
        margin-right: 0;
        margin-left: auto; } }

.mobile-toggle-wrapper {
  display: inline-flex; }
  .no-js .mobile-toggle-wrapper[open] .mobile-menu-drawer {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  .no-js .mobile-toggle-wrapper[open] .mobile-toggle span:nth-child(1) {
    transform: rotateZ(45deg) translateY(-1px); }
  .no-js .mobile-toggle-wrapper[open] .mobile-toggle span:nth-child(2) {
    opacity: 0; }
  .no-js .mobile-toggle-wrapper[open] .mobile-toggle span:nth-child(3) {
    transform: rotateZ(-45deg); }
  .js .mobile-toggle-wrapper[open].active .mobile-menu-drawer {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  .js .mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(1) {
    transform: rotateZ(45deg) translateY(-3px); }
  .js .mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(2) {
    opacity: 0; }
  .js .mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(3) {
    transform: rotateZ(-45deg) translateY(1px); }
  .mobile-toggle-wrapper summary::-webkit-details-marker {
    display: none; }

.mobile-toggle {
  display: inline-flex;
  position: relative;
  width: 48px;
  height: 48px;
  margin-left: -15px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .mobile-toggle span {
    width: 18px;
    height: 1.5px;
    background: var(--color-header-icons, --color-accent);
    position: absolute;
    border-radius: 1px;
    top: 18px;
    left: 15px; }
    .mobile-toggle span:nth-child(1) {
      transform-origin: top left; }
    .mobile-toggle span:nth-child(2) {
      top: 23px; }
    .mobile-toggle span:nth-child(3) {
      transform-origin: top left;
      top: 28px; }

.mobile-menu-drawer {
  display: none;
  opacity: 0;
  visibility: hidden; }

.mobile-menu-drawer {
  display: none; }

.full-menu {
  display: none;
  margin: 0 auto;
  max-width: 100%; }
  @media only screen and (min-width: 1068px) {
    .full-menu {
      display: inline-flex; } }

.thb-full-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  font-size: 0.9375rem; }
  .thb-full-menu--link {
    color: black;
    position: relative;
    font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 100%;

  }
    .navigation-uppercase-true .thb-full-menu--link {
      text-transform: uppercase; }
    .thb-full-menu--link:after {
      content: "";
      display: block;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      will-change: transform;
      height: 1px;
      transform: scale(0, 1);
      transform-origin: left center;
      background: var(--color-header-links-hover, --color-accent); }
    .thb-full-menu--link:hover, .thb-full-menu--link:focus {
      color: var(--color-header-links-hover, --color-accent2); }
      .thb-full-menu--link:hover:after, .thb-full-menu--link:focus:after {
        transform: scale(1, 1); }
      .thb-full-menu--link:hover svg path, .thb-full-menu--link:focus svg path {
        stroke: var(--color-header-links-hover, --color-accent2); }
  .thb-full-menu > li {
    display: inline-flex;
    padding: 0 15px;
    align-items: center; }
    .thb-full-menu > li > a {
      margin: 10px 0;
      font-weight: var(--font-body-medium-weight, 500); }
  .thb-full-menu li.menu-item-has-children {
    position: relative;
    z-index: 1; }
    .thb-full-menu li.menu-item-has-children:hover {
      z-index: 2; }
      .thb-full-menu li.menu-item-has-children:hover > .sub-menu {
        visibility: visible;
        opacity: 1; }
        .thb-full-menu li.menu-item-has-children:hover > .sub-menu.mega-menu-container {
          clip-path: polygon(0 0, 100% 0, 100% calc(100% + 15px), 0 calc(100% + 15px)); }
      .thb-full-menu li.menu-item-has-children:hover:before {
        content: attr(data-item-title);
        position: absolute;
        height: 100%;
        top: 0;
        margin-left: -30px;
        padding-left: 30px;
        padding-right: 30px;
        opacity: 0; }
    .thb-full-menu li.menu-item-has-children.left-submenu .sub-menu {
      left: auto;
      right: calc(100% + 35px); }
    .thb-full-menu li.menu-item-has-children.menu-item-has-megamenu {
      position: static; }
      .thb-full-menu li.menu-item-has-children.menu-item-has-megamenu .sub-menu {
        left: 0;
        right: 0; }
      .thb-full-menu li.menu-item-has-children.menu-item-has-megamenu:before {
        height: calc(100% + 15px); }
      .thb-full-menu li.menu-item-has-children.menu-item-has-megamenu:after {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        height: calc(100dvh - 100%);
        background: rgba(var(--color-overlay-rgb), 0.4);
        backdrop-filter: blur(7px);
        -webkit-backdrop-filter: blur(7px);
        opacity: 0;
        z-index: 1;
        pointer-events: none;
        transition: opacity 0.25s ease; }
      .thb-full-menu li.menu-item-has-children.menu-item-has-megamenu:hover:after {
        opacity: 1; }
    .thb-full-menu li.menu-item-has-children > .thb-full-menu--link {
      padding-right: 15px;
      position: relative; }
      .thb-full-menu li.menu-item-has-children > .thb-full-menu--link:focus + .sub-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translateY(0px); }
      .thb-full-menu li.menu-item-has-children > .thb-full-menu--link svg {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -3px; }
    .thb-full-menu li.menu-item-has-children:focus-within {
      z-index: 2; }
      .thb-full-menu li.menu-item-has-children:focus-within > .sub-menu {
        display: block;
        opacity: 1;
        visibility: visible; }
        .thb-full-menu li.menu-item-has-children:focus-within > .sub-menu.mega-menu-container {
          display: flex;
          clip-path: polygon(0 0, 100% 0, 100% calc(100% + 15px), 0 calc(100% + 15px)); }
  .thb-full-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: -11px;
    font-size: calc(var(--font-navigation-scale, 1) * 15px);
    line-height: 1;
    padding: 17px 26px;
    background: var(--color-drawer-bg, #fff);
    list-style: none;
    margin: 0;
    text-align: left;
    white-space: nowrap;
    line-height: 1.1;
    min-width: 190px;
    opacity: 0;
    z-index: 2;
    visibility: hidden; }
    .thb-full-menu .sub-menu a:not(.text-button):after {
      top: calc(100% - 3px); }
    .thb-full-menu .sub-menu ul {
      line-height: inherit; }
    .thb-full-menu .sub-menu .thb-full-menu--link {
      display: inline-block;
      padding-top: 7px;
      padding-bottom: 7px; }
    .thb-full-menu .sub-menu .sub-menu {
      top: -22px;
      left: calc(100% + 35px); }
    .thb-full-menu .sub-menu li.menu-item-has-children:hover:before {
      width: calc(100% + 65px); }
    .thb-full-menu .sub-menu.mega-menu-container {
      padding: 30px 0;
      display: flex;
      top: calc(100% - 10px);
      max-width: 100vw;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      background: var(--color-header-bg, #fff);
      clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%); }
  .thb-full-menu .mega-menu-columns {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    grid-column-gap: 20px;
    list-style: none;
    margin: 0;
    white-space: initial;
    flex: 1; }
    @media only screen and (min-width: 1200px) {
      .thb-full-menu .mega-menu-columns {
        grid-column-gap: 30px; } }
    .thb-full-menu .mega-menu-columns ul {
      list-style: none;
      margin: 0;
      padding: 0; }
    .thb-full-menu .mega-menu-columns__heading {
      font-weight: var(--font-body-medium-weight, 500);
      padding: 0;
      margin-bottom: 10px; }
    .thb-full-menu .mega-menu-columns--limited {
      grid-template-columns: repeat(var(--max-megamenu-columns, 4), 1fr);
      grid-auto-flow: unset; }
      .thb-full-menu .mega-menu-columns--limited ul {
        margin-bottom: 20px; }
  .thb-full-menu.thb-secondary-menu {
    margin-left: auto; }
    .thb-full-menu.thb-secondary-menu li a {
      opacity: 0.6; }
      .thb-full-menu.thb-secondary-menu li a:hover {
        opacity: 1; }
    .thb-full-menu.thb-secondary-menu li:last-child {
      padding-right: 0; }

.mega-menu-promotion {
  width: 100%;
  position: relative;
  overflow: hidden; }
  .mega-menu-promotion img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    will-change: transform;
    transition: all 0.5s cubic-bezier(0.104, 0.204, 0.492, 1); }
  .mega-menu-promotion:hover img {
    transform: scale(1.07); }
  .mega-menu-promotion--image {
    overflow: hidden; }
  .mega-menu-promotion--content {
    margin-top: 20px;
    text-align: center; }
    .mega-menu-promotion--content h6 {
      font-size: 0.9375rem;
      margin-bottom: 5px; }
    .mega-menu-promotion--content p {
      font-size: 0.8125rem;
      font-weight: 400;
      margin: 0; }
    .mega-menu-promotion--content:last-child {
      margin-bottom: 0; }
  .mega-menu-promotion--link {
    position: absolute !important;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 !important; }
    .mega-menu-promotion--link:after {
      content: none !important; }

.menu-item-badge {
  display: inline-flex;
  align-items: center;
  font-size: 0.625rem;
  font-weight: var(--font-body-bold-weight, 600);
  padding: 2px 8px;
  border-radius: 5px;
  margin-left: 10px;
  letter-spacing: 0.03em;
  transform: translateY(-5px);
  text-transform: uppercase;
  background: var(--menu-badge-bg);
  color: var(--menu-badge-text); }

.mega-menu-sidebar {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 30px; }
  .mega-menu-sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .mega-menu-sidebar--button {
    display: flex !important;
    align-items: center;
    padding: 9px 12px;
    gap: 20px;
    font-weight: var(--font-body-medium-weight, 500);
    line-height: 1.3;
    white-space: normal;
    min-height: 34px;
    font-size: calc(var(--font-navigation-scale, 1) * 15px);
    border-radius: var(--button-border-radius, 6px);
    color: var(--color-header-links); }
    .mega-menu-sidebar--button:after {
      content: none !important; }
    .mega-menu-sidebar--button svg {
      margin-left: auto;
      flex-shrink: 0; }
    .mega-menu-sidebar--button.active {
      color: var(--color-header-links-hover);
      background-color: rgba(var(--color-header-links-hover-rgb), 0.07); }
      .mega-menu-sidebar--button.active svg path {
        stroke: var(--color-header-links-hover); }
  .mega-menu-sidebar--content ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    padding-left: 30px;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px; }
    .mega-menu-sidebar--content ul.active {
      display: grid; }
    .mega-menu-sidebar--content ul a {
      padding: 0;
      white-space: normal;
      font-size: 0.875rem; }
      .mega-menu-sidebar--content ul a span {
        line-height: inherit; }
  .mega-menu-sidebar--content-container {
    display: flex !important;
    flex-direction: column;
    gap: 5px; }
    @media only screen and (min-width: 768px) {
      .mega-menu-sidebar--content-container {
        gap: 15px; } }
  .mega-menu-sidebar--content-image {
    overflow: hidden; }


.animations-true .animate-fade {
  opacity: 0; }

.animations-true .line-parent {
  overflow: hidden; }

.animations-true .line-child {
  overflow: hidden; }


:focus:not(:focus-visible) {
  outline: none; }

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

.thb-localization-forms {
  display: block;
  font-size: 0.75rem; }
  .thb-localization-forms .shopify-localization-form {
    display: inline-flex; }
    .thb-localization-forms .shopify-localization-form > div {
      margin-left: 15px; }
  .thb-localization-forms .custom-select {
    font-size: inherit; }
    .thb-localization-forms .custom-select + .custom-select {
      margin-left: 20px; }
      [dir="rtl"] .thb-localization-forms .custom-select + .custom-select {
        margin-left: 0;
        margin-right: 20px; }
  .thb-localization-forms--flag {
    width: 14px;
    height: 14px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 12px; }
    [dir="rtl"] .thb-localization-forms--flag {
      margin-right: 0;
      margin-left: 12px; }

.shopify-payment-button__more-options,
.text-button {
  display: inline-flex;
  align-items: center;
  font-size: 0.9375rem;
  line-height: 1;
  position: relative;
  font-weight: var(--font-body-medium-weight, 500);
  letter-spacing: var(--button-letter-spacing, 0.02em);
  cursor: pointer;
  position: relative;
  color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: 3px; }
  .shopify-payment-button__more-options span,
  .text-button span {
    overflow: hidden;
    margin-left: 6px; }
    [dir="rtl"] .shopify-payment-button__more-options span, [dir="rtl"]
    .text-button span {
      margin-left: 0;
      margin-right: 6px;
      transform: rotateZ(180deg); }
  @media (hover: hover) {
    .shopify-payment-button__more-options:hover svg,
    .text-button:hover svg {
      animation: text-button-arrow 0.35s linear forwards 1; } }
  .shopify-payment-button__more-options--has-icon,
  .text-button--has-icon {
    text-decoration: none; }
  .shopify-payment-button__more-options.white,
  .text-button.white {
    color: #fff; }
    .shopify-payment-button__more-options.white svg path,
    .text-button.white svg path {
      stroke: #fff; }
  .shopify-payment-button__more-options.regular,
  .text-button.regular {
    color: var(--solid-button-background, var(--color-accent)); }
    .shopify-payment-button__more-options.regular svg path,
    .text-button.regular svg path {
      stroke: var(--solid-button-background, var(--color-accent)); }

@keyframes text-button-arrow {
  0% {
    transform: translateX(0%); }
  50% {
    transform: translateX(100%); }
  51% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0%); } }

button {
  color: var(--color-body, #2c2d2e);
  cursor: pointer; }

.button,
input[type="submit"] {
  display: inline-flex;
  cursor: pointer;
  padding: 7px 30px;
  align-items: center;
  justify-content: center;
  height: 50px;
  font-size: 0.9375rem;
  font-weight: var(--font-body-medium-weight, 500);
  letter-spacing: var(--button-letter-spacing, 0.02em);
  background: var(--solid-button-background, var(--color-accent));
  color: var(--solid-button-label, #fff);
  border: 0;
  border-radius: var(--button-border-radius, 6px);
  text-align: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  appearance: none;
  transition: color 0.25s cubic-bezier(0.104, 0.204, 0.492, 1), background-color 0.25s cubic-bezier(0.104, 0.204, 0.492, 1); }
  .button-uppercase-true .button, .button-uppercase-true
  input[type="submit"] {
    text-transform: uppercase; }
  .button:focus, .button.loading,
  [loading="true"] .button,
  input[type="submit"]:focus,
  input[type="submit"].loading,
  [loading="true"]
  input[type="submit"] {
    background: var(--solid-button-background-hover, var(--color-accent));
    color: var(--solid-button-label, #fff); }
    .button:focus .spinner-path, .button.loading .spinner-path,
    [loading="true"] .button .spinner-path,
    input[type="submit"]:focus .spinner-path,
    input[type="submit"].loading .spinner-path,
    [loading="true"]
    input[type="submit"] .spinner-path {
      stroke: var(--bg-body); }
  @media screen and (hover: hover) {
    .button:hover,
    input[type="submit"]:hover {
      background: var(--solid-button-background-hover, var(--color-accent));
      color: var(--solid-button-label, #fff); } }
  .button.loading span,
  [loading="true"] .button span,
  input[type="submit"].loading span,
  [loading="true"]
  input[type="submit"] span {
    opacity: 0; }
  .button.loading .loading-overlay,
  [loading="true"] .button .loading-overlay,
  input[type="submit"].loading .loading-overlay,
  [loading="true"]
  input[type="submit"] .loading-overlay {
    opacity: 1; }
  .button span,
  input[type="submit"] span {
    position: relative;
    z-index: 8; }
  .button .loading-overlay,
  input[type="submit"] .loading-overlay {
    opacity: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none; }
    .button .loading-overlay svg,
    input[type="submit"] .loading-overlay svg {
      width: 20px;
      height: 20px; }
  .button.full,
  input[type="submit"].full {
    width: 100%; }
  .button.pill,
  input[type="submit"].pill {
    border-radius: 500px; }
  .button.small,
  input[type="submit"].small {
    height: 32px;
    padding: 5px 20px;
    letter-spacing: 0.02em;
    font-weight: var(--font-body-medium-weight, 500);
    text-transform: none; }
  .button.medium,
  input[type="submit"].medium {
    height: 40px;
    font-size: 0.8125rem; }
  .button.white,
  input[type="submit"].white {
    background: #fff;
    color: var(--white-button-label, var(--color-body, #2c2d2e)); }
    @media screen and (hover: hover) {
      .button.white:hover,
      input[type="submit"].white:hover {
        background: #f0f0f0;
        color: var(--white-button-label, var(--color-body, #2c2d2e)); } }
  .button.accent,
  input[type="submit"].accent {
    background: var(--color-accent);
    color: var(--solid-button-label, #fff); }
    .button.accent .spinner-path,
    input[type="submit"].accent .spinner-path {
      stroke: var(--bg-body); }
    @media screen and (hover: hover) {
      .button.accent:hover,
      input[type="submit"].accent:hover {
        background: var(--color-accent-hover, var(--color-accent)); } }
  .button[disabled],
  input[type="submit"][disabled] {
    background: rgba(var(--color-body-rgb), 0.4);
    color: #fff;
    cursor: not-allowed;
    pointer-events: none; }


form {
  margin: 0; }
  form fieldset {
    padding: 0;
    margin: 0;
    border: 0; }

input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"].loading,
[loading="true"] input[type="submit"] {
  color: var(--solid-button-label, #fff); }


input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
  border: 1px solid var(--color-form-border);
  padding: 12px 17px;
  height: 50px;
  margin-bottom: 10px;
  color: var(--color-body, #2c2d2e);
  font-size: 0.8125rem;
  font-weight: 400;
  background: transparent;
  max-width: 100%;
  border-radius: var(--input-border-radius, 6px);
  appearance: none; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus,
  select:focus {
    border-color: var(--color-accent); }
  input[type="text"]::placeholder,
  input[type="password"]::placeholder,
  input[type="date"]::placeholder,
  input[type="datetime"]::placeholder,
  input[type="email"]::placeholder,
  input[type="number"]::placeholder,
  input[type="search"]::placeholder,
  input[type="tel"]::placeholder,
  input[type="time"]::placeholder,
  input[type="url"]::placeholder,
  textarea::placeholder,
  select::placeholder {
    color: rgba(var(--color-body-rgb), 0); }
  input[type="text"].full,
  input[type="password"].full,
  input[type="date"].full,
  input[type="datetime"].full,
  input[type="email"].full,
  input[type="number"].full,
  input[type="search"].full,
  input[type="tel"].full,
  input[type="time"].full,
  input[type="url"].full,
  textarea.full,
  select.full {
    width: 100%; }
  input[type="text"].invalid,
  input[type="password"].invalid,
  input[type="date"].invalid,
  input[type="datetime"].invalid,
  input[type="email"].invalid,
  input[type="number"].invalid,
  input[type="search"].invalid,
  input[type="tel"].invalid,
  input[type="time"].invalid,
  input[type="url"].invalid,
  textarea.invalid,
  select.invalid {
    border-color: #e93636; }

input[type="checkbox"],
input[type="radio"] {
  border: 1px solid var(--color-form-border);
  width: 20px;
  height: 20px;
  border-radius: 3px;
  margin: 0 10px 0 0;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 200px; }

label {
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
  font-weight: 400;
  color: var(--color-body, #2c2d2e); }

select {
  width: auto; }
  select.resize-select {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition-property: color; }

@media only screen and (min-width: 1068px) {
  .fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px; } }

.field {
  position: relative; }
  .field label {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    width: auto;
    line-height: 1;
    padding: 12px 17px;
    height: 50px;
    pointer-events: none;
    color: rgba(var(--color-body-rgb), 0.6); }
    [dir="rtl"] .field label {
      left: auto;
      right: 0; }
  .field textarea:focus + label,
  .field textarea:not(:placeholder-shown) + label,
  .field input[type="text"]:focus + label,
  .field input[type="text"]:not(:placeholder-shown) + label,
  .field input[type="password"]:focus + label,
  .field input[type="password"]:not(:placeholder-shown) + label,
  .field input[type="date"]:focus + label,
  .field input[type="date"]:not(:placeholder-shown) + label,
  .field input[type="datetime"]:focus + label,
  .field input[type="datetime"]:not(:placeholder-shown) + label,
  .field input[type="email"]:focus + label,
  .field input[type="email"]:not(:placeholder-shown) + label,
  .field input[type="number"]:focus + label,
  .field input[type="number"]:not(:placeholder-shown) + label,
  .field input[type="search"]:focus + label,
  .field input[type="search"]:not(:placeholder-shown) + label,
  .field input[type="tel"]:focus + label,
  .field input[type="tel"]:not(:placeholder-shown) + label,
  .field input[type="time"]:focus + label,
  .field input[type="time"]:not(:placeholder-shown) + label,
  .field input[type="url"]:focus + label,
  .field input[type="url"]:not(:placeholder-shown) + label,
  .field select:focus + label,
  .field select:not(:placeholder-shown) + label {
    background-color: var(--bg-body, #f5f5f5);
    font-size: 0.6875rem;
    padding: 0 6px;
    height: auto;
    left: 11px;
    transform: translateY(-50%); }
    [dir="rtl"] .field textarea:focus + label, [dir="rtl"]
    .field textarea:not(:placeholder-shown) + label, [dir="rtl"]
    .field input[type="text"]:focus + label, [dir="rtl"]
    .field input[type="text"]:not(:placeholder-shown) + label, [dir="rtl"]
    .field input[type="password"]:focus + label, [dir="rtl"]
    .field input[type="password"]:not(:placeholder-shown) + label, [dir="rtl"]
    .field input[type="date"]:focus + label, [dir="rtl"]
    .field input[type="date"]:not(:placeholder-shown) + label, [dir="rtl"]
    .field input[type="datetime"]:focus + label, [dir="rtl"]
    .field input[type="datetime"]:not(:placeholder-shown) + label, [dir="rtl"]
    .field input[type="email"]:focus + label, [dir="rtl"]
    .field input[type="email"]:not(:placeholder-shown) + label, [dir="rtl"]
    .field input[type="number"]:focus + label, [dir="rtl"]
    .field input[type="number"]:not(:placeholder-shown) + label, [dir="rtl"]
    .field input[type="search"]:focus + label, [dir="rtl"]
    .field input[type="search"]:not(:placeholder-shown) + label, [dir="rtl"]
    .field input[type="tel"]:focus + label, [dir="rtl"]
    .field input[type="tel"]:not(:placeholder-shown) + label, [dir="rtl"]
    .field input[type="time"]:focus + label, [dir="rtl"]
    .field input[type="time"]:not(:placeholder-shown) + label, [dir="rtl"]
    .field input[type="url"]:focus + label, [dir="rtl"]
    .field input[type="url"]:not(:placeholder-shown) + label, [dir="rtl"]
    .field select:focus + label, [dir="rtl"]
    .field select:not(:placeholder-shown) + label {
      left: auto;
      right: 11px; }
  .field textarea.invalid + label,
  .field input[type="text"].invalid + label,
  .field input[type="password"].invalid + label,
  .field input[type="date"].invalid + label,
  .field input[type="datetime"].invalid + label,
  .field input[type="email"].invalid + label,
  .field input[type="number"].invalid + label,
  .field input[type="search"].invalid + label,
  .field input[type="tel"].invalid + label,
  .field input[type="time"].invalid + label,
  .field input[type="url"].invalid + label,
  .field select.invalid + label {
    color: #e93636; }

.searchform fieldset {
  position: relative; }
  .searchform fieldset input {
    width: 100%;
    margin: 0;
    padding-right: 50px; }
    .searchform fieldset input::placeholder {
      color: rgba(var(--color-body-rgb), 0.6); }
  .searchform fieldset .thb-search-submit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px; }
    .searchform fieldset .thb-search-submit svg {
      height: 16px; }

.custom-checkbox[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 48px;
  height: 24px;
  border-radius: 12px;
  border: 0;
  background: var(--color-border, #dadce0);
  position: relative;
  cursor: pointer; }
  .custom-checkbox[type="checkbox"]:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); }
  .custom-checkbox[type="checkbox"]:checked {
    background: var(--color-accent); }
    .custom-checkbox[type="checkbox"]:checked:after {
      transform: translateX(24px); }

.select {
  position: relative;
  margin-bottom: 20px; }
  .select select {
    padding-right: 24px;
    margin-bottom: 0; }
  .select-arrow {
    display: flex;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -3.5px;
    pointer-events: none;
    line-height: 0; }

.custom-select {
  display: inline-flex;
  position: relative; }
  .custom-select--button {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    padding: 15px 0; }
  .custom-select--arrow {
    line-height: 0;
    margin-left: 10px; }
    [dir="rtl"] .custom-select--arrow {
      margin-left: 0;
      margin-right: 10px; }
  .custom-select--active .custom-select--list {
    opacity: 1;
    visibility: visible; }
  .custom-select--list {
    --bg-body-rgb: var(--color-drawer-bg-rgb);
    display: flex;
    position: absolute;
    top: 100%;
    right: 0;
    opacity: 0;
    max-width: calc(100vw - 30px);
    visibility: hidden;
    width: max-content;
    background: var(--color-drawer-bg, #fff);
    max-height: 300px;
    height: max-content;
    text-align: start;
    z-index: 20; }
    .custom-select--list ul {
      list-style: none;
      margin: 0;
      padding: 0;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      padding: 20px; }
  .custom-select--item {
    margin-bottom: 13px; }
    .custom-select--item .thb-localization-forms--flag {
      width: 16px;
      height: 16px; }
    .custom-select--item-active {
      text-decoration: underline;
      text-underline-offset: 4px; }
    .custom-select--item:last-child {
      margin-bottom: 0; }
    .custom-select--item button {
      display: block; }
      .custom-select--item button img,
      .custom-select--item button span {
        vertical-align: middle; }
  .custom-select scroll-shadow {
    --scroll-shadow-radius: var(--block-border-radius, 16px); }
  .custom-select--top .custom-select--list {
    top: auto;
    bottom: 100%; }
  .custom-select--left .custom-select--list {
    right: auto;
    left: 0; }

.form-notification {
  display: flex;
  align-items: center;
  font-size: 0.8125rem; }
  .form-notification svg {
    margin-right: 10px;
    flex-shrink: 0; }
  .form-notification[hidden] {
    display: none; }
  .form-notification .errors ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .form-notification ul {
    list-style: none;
    margin: 0;
    padding: 0; }


.quantity {
  display: inline-flex;
  position: relative;
  border: 1px solid var(--color-form-border);
  padding: 0 32px;
  border-radius: var(--input-border-radius, 6px);
  -webkit-touch-callout: none; }
  .quantity .qty {
    display: inline-flex;
    padding: 0;
    width: 34px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: 0;
    justify-content: center;
    background: transparent;
    font-size: 0.8125rem;
    font-weight: 400;
    margin: 0;
    outline: 0; }
    .no-js .quantity .qty {
      width: 50px; }
  .quantity.buttons_added .qty {
    appearance: none;
    -moz-appearance: textfield; }
    .quantity.buttons_added .qty::-webkit-inner-spin-button, .quantity.buttons_added .qty::-webkit-outer-spin-button {
      margin: 0;
      appearance: none; }
  .quantity.small-qty {
    padding: 0 25px; }
    .quantity.small-qty .qty {
      height: 34px;
      line-height: 1; }
    .quantity.small-qty .minus,
    .quantity.small-qty .plus {
      width: 25px;
      height: 34px; }
  .quantity .minus,
  .quantity .plus {
    display: flex;
    padding: 0;
    margin: 0;
    border: 0;
    height: 42px;
    position: absolute;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 32px;
    cursor: pointer;
    background: transparent;
    user-select: none; }
    .quantity .minus svg,
    .quantity .plus svg {
      opacity: 0.8; }
    .quantity .minus:hover svg,
    .quantity .plus:hover svg {
      opacity: 1; }
    .no-js .quantity .minus, .no-js
    .quantity .plus {
      display: none; }
    .quantity .minus.disabled,
    .quantity .plus.disabled {
      cursor: not-allowed; }
      .quantity .minus.disabled svg,
      .quantity .plus.disabled svg {
        opacity: 0.6; }
  .quantity .plus {
    top: 0;
    left: auto;
    right: 0; }
  .quantity + .remove {
    margin-left: 13px; }
    [dir="rtl"] .quantity + .remove {
      margin-left: 0;
      margin-right: 13px; }

.remove svg {
  pointer-events: none; }

.badge {
  display: inline-flex;
  align-items: center;
  background: #E00000;
  color: white;
  border-radius:6px;
font-family: Inter;
font-weight: 600;
font-size: 12.06px;
line-height: 100%;
text-transform: capitalize;

  height: 28px;
  padding: 10px 12px;
  line-height: 0; 

}
  .badge.out-of-stock {
    background: var(--color-badge-sold-out, #acacac); }
  .badge.pre-order {
    background: var(--color-badge-preorder, #666666); }

.price {
  display: block;
  font-weight: 400;
  font-size: 0.9375rem;
  color: var(--color-price, --color-accent); }
  .price > span {
    display: inline-flex;
    vertical-align: middle; }
  .price del + ins {
    margin-left: 10px; }
  .price .amount {
    white-space: nowrap; }
  .price .from {
    font-weight: 400; }
  .price > .amount,
  .price ins {
    text-decoration: none; }
  .price .amount {
    white-space: nowrap; }
    .price .amount.discounted {
      color: #9D9D9D
    }
  .price .unit-price {
    margin-left: 5px;
    font-size: 0.75rem;
    color: rgba(var(--color-price-rgb), 0.55); }
    .price .unit-price:before {
      content: "( "; }
    .price .unit-price:after {
      content: " )"; }
    .price .unit-price.hidden {
      display: none; }

.product-cart-item {
  display: flex;
  width: 100%;
  align-items: flex-start;
  max-width: 400px;
  margin-bottom: 20px; }
  .product-cart-item-image {
    position: relative;
    flex-shrink: 0;
    margin-right: 15px; }
    @media only screen and (min-width: 768px) {
      .product-cart-item-image {
        margin-right: 25px; } }
    [dir="rtl"] .product-cart-item-image {
      margin-right: 0;
      margin-left: 15px; }
      @media only screen and (min-width: 768px) {
        [dir="rtl"] .product-cart-item-image {
          margin-left: 25px; } }
    .product-cart-item-image .loading-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: none;
      justify-content: center;
      align-items: center;
      transform: none;
      background: rgba(var(--bg-body-rgb), 0.5);
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px); }
      .product-cart-item-image .loading-overlay svg {
        width: 24px; }
    .product-cart-item-image img {
      border-radius: calc(var(--block-border-radius, 16px) / 2); }
  .product-cart-item-info .price {
    display: block; }
    @media only screen and (min-width: 1068px) {
      .product-cart-item-info .price {
        display: none; } }
  .product-cart-item-price {
    margin-left: auto;
    padding-left: 15px;
    text-align: right;
    flex-shrink: 0; }
    [dir="rtl"] .product-cart-item-price {
      margin-left: 0;
      margin-right: auto;
      padding-left: 0;
      padding-right: 15px; }
    .product-cart-item-price .price {
      display: none; }
      @media only screen and (min-width: 1068px) {
        .product-cart-item-price .price {
          display: block; } }
      .product-cart-item-price .price .unit-price {
        display: block; }
  .product-cart-item img,
  .product-cart-item .thb-placeholder {
    width: 75px;
    height: auto; }
    @media only screen and (min-width: 768px) {
      .product-cart-item img,
      .product-cart-item .thb-placeholder {
        width: 96px; } }
  .product-cart-item .cart-product-link {
    display: block;
    font-size: calc(var(--font-product-title-scale, 1) * 0.9375rem);
    line-height: calc(var(--font-product-title-line-height-scale, 1) * 1.5);
    font-weight: var(--font-body-medium-weight, 500);
    display: block; }
  .product-cart-item.thb-loading {
    pointer-events: none; }
    .product-cart-item.thb-loading .loading-overlay {
      display: flex; }
  .product-cart-item-options, .product-cart-item-properties {
    font-size: 0.75rem;
    opacity: 0.8;
    margin-top: 5px; }
  .product-cart-item-options + .product-cart-item-options {
    margin-top: 0; }
  .product-cart-item .small-qty {
    margin-top: 8px; }
  .product-cart-item .form-notification {
    margin-top: 8px; }

.cart-drawer .side-panel-inner {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100vh;
  overflow: hidden; }
  @supports (height: 100dvh) {
    .cart-drawer .side-panel-inner {
      height: 100dvh; } }

.cart-drawer .side-panel-content {
  overflow-y: auto;
  display: flex;
  flex-direction: column; }

.cart-drawer .side-panel-footer {
  border-top: 1px solid var(--color-border, #dadce0);
  font-size: 0.9375rem;
  position: relative;
  padding: 0; }
  .cart-drawer .side-panel-footer .cart-policy-text {
    font-size: 0.8125rem;
    opacity: 0.6;
    font-weight: 400;
    margin: 0; }

.cart-drawer-footer {
  padding: 25px 30px; }
  .cart-drawer-footer .cart-policy-text {
    text-align: left; }
    [dir="rtl"] .cart-drawer-footer .cart-policy-text {
      text-align: right; }
  .cart-drawer-footer .accordion {
    border-top: 0; }
  .cart-drawer-footer .cart-total {
    vertical-align: top; }

.cart-drawer .complementary-products {
  margin-top: auto; }

.cart-drawer .product-cart-item {
  max-width: 100%; }

.cart-drawer__empty-cart {
  height: 100%;
  padding: 10vh 0;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center; }
  .cart-drawer__empty-cart svg {
    margin-bottom: 45px; }

.cart-drawer--terms {
  display: block;
  margin-top: 10px; }
  .cart-drawer--terms a {
    color: var(--color-accent);
    text-decoration: underline;
    text-underline-offset: 2px; }

.cart-drawer-buttons {
  margin-top: 20px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px; }

.cart-drawer .text-button {
  margin-top: 15px;
  margin-right: 0;
  font-size: 0.75rem;
  text-transform: uppercase; }

.cart-drawer .order-note-toggle {
  display: inline-flex;
  position: relative;
  align-items: center;
  color: var(--color-accent);
  font-size: 0.8125rem;
  text-decoration: underline;
  text-underline-offset: 2px; }
  .cart-drawer .order-note-toggle__content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    z-index: 40;
    background: var(--bg-body, #f5f5f5);
    box-shadow: 0px -8px 20px rgba(0, 0, 0, 0.05);
    transform: translateY(100%); }
    .cart-drawer .order-note-toggle__content-overlay {
      content: "";
      position: absolute;
      height: calc(100vh + 100%);
      bottom: 100%;
      right: 0;
      background: rgba(0, 0, 0, 0.2);
      left: 0;
      opacity: 0;
      z-index: 30;
      pointer-events: none; }
    .cart-drawer .order-note-toggle__content label {
      font-size: 0.75rem;
      text-transform: uppercase;
      margin-bottom: 20px;
      display: block;
      font-weight: var(--font-body-medium-weight, 500); }
    .cart-drawer .order-note-toggle__content textarea {
      width: 100%;
      min-height: 0; }
    .cart-drawer .order-note-toggle__content.active {
      transform: translateY(0); }
      .cart-drawer .order-note-toggle__content.active .order-note-toggle__content-overlay {
        pointer-events: all;
        opacity: 1; }

[role="main"] .shopify-policy__title {
  text-align: center;
  min-height: 250px;
  padding: 30px 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media only screen and (min-width: 768px) {
    [role="main"] .shopify-policy__title {
      padding: 60px; } }

[role="main"] .shopify-policy__container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12.5px; }
  @media only screen and (min-width: 768px) {
    [role="main"] .shopify-policy__container {
      padding: 0 40px; } }
  [role="main"] .shopify-policy__container .rte {
    margin-bottom: 40px; }
    @media only screen and (min-width: 768px) {
      [role="main"] .shopify-policy__container .rte {
        margin-bottom: 60px; } }




#wrapper .click-capture,
#wrapper .click-capture--product, .side-panel, .side-panel-content--tabs button, .side-panel-content--tabs button:after, .back-to-top, .back-to-top path, .header:after, .header .logolink .logoimg, .thb-secondary-area-item.thb-secondary-myaccount span:after, .thb-secondary-area-item svg path, .thb-secondary-area .thb-item-count, .mobile-toggle span, .thb-full-menu--link:after, .thb-full-menu li.menu-item-has-children > .thb-full-menu--link svg path, .thb-full-menu.thb-secondary-menu li a, .button span,
input[type="submit"] span, input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select, input[type="checkbox"],
input[type="radio"], .field label, .custom-checkbox[type="checkbox"], .custom-checkbox[type="checkbox"]:after, .custom-select--list, .quantity .minus svg,
.quantity .plus svg, .cart-drawer .order-note-toggle, .cart-drawer .order-note-toggle__content, .cart-drawer .order-note-toggle__content-overlay, .flickity-page-dots .dot, .flickity-nav, .flickity-nav svg {
  transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1); }

.thb-full-menu .sub-menu {
  transition: all 0.25s ease; }

.side-panel.product-drawer, .thb-full-menu .sub-menu, .custom-select--list {
  isolation: isolate;
  border-radius: var(--block-border-radius, 16px); }

.no-js .quantity .minus, .quantity .no-js .minus,
.no-js .quantity .plus, .quantity .no-js .plus, .no-js .flickity-nav {
  display: none !important; }


.side-panel, .thb-full-menu .sub-menu, .custom-select--list, .flickity-nav {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08); }

.has-shadow--true {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08); }


.thb-full-menu .mega-menu-columns {
  padding: 0 15px;
  max-width: var(--grid-width-row, 1380px);
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 768px) {
    .thb-full-menu .mega-menu-columns {
      padding: 0 50px; } }

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
  min-width: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  will-change: transform; }


.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }


.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0; }

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1; }

.flickity-enabled.is-fade .flickity-slider .carousel__slide {
  will-change: opacity, z-index; }

.flickity-enabled.is-fade.main-slideshow.transition--zoom .slideshow__slide {
  will-change: z-index; }
  .animations-true .flickity-enabled.is-fade.main-slideshow.transition--zoom .slideshow__slide-bg, .animations-true .flickity-enabled.is-fade.main-slideshow.transition--zoom .slideshow__slide-video-bg {
    transform: scale(1.1); }


.static-dots .flickity-page-dots {
  position: static; }

.flickity-page-dots {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  list-style: none;
  text-align: center;
  line-height: 0;
  position: absolute;
  bottom: 28px;
  left: 0;
  width: 100%;
  border: 0;
  padding: 0;
  z-index: 20; }
  .flickity-page-dots .dot {
    width: 8px;
    height: 8px;
    display: inline-block;
    opacity: 0.2;
    border-radius: 4px;
    margin: 0 6px;
    background: var(--color-body, #2c2d2e);
    cursor: pointer;
    position: relative;
    transform: scale(1, 1); }
    .flickity-page-dots .dot.is-selected {
      opacity: 1; }
    @media (hover: hover) {
      .flickity-page-dots .dot:hover {
        opacity: 1; } }
    .flickity-page-dots .dot.is-selected {
      width: 32px; }
  .flickity-page-dots.dot-style--logos {
    display: inline-flex;
    align-items: center;
    overflow: scroll;
    scrollbar-width: none; }
    .flickity-page-dots.dot-style--logos::-webkit-scrollbar {
      display: none; }
    .flickity-page-dots.dot-style--logos .dot {
      width: auto;
      height: 100px;
      background: none;
      flex-shrink: 0;
      display: inline-flex;
      align-items: center; }
      .flickity-page-dots.dot-style--logos .dot img {
        object-fit: contain;
        max-height: 100%;
        width: auto; }

.flickity-nav {
  background: var(--color-drawer-bg, #fff);
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  z-index: 30;
  opacity: 0;
  cursor: pointer; }
  .flickity-nav svg {
    pointer-events: none; }
  @media only screen and (min-width: 768px) {
    .flickity-enabled .flickity-nav {
      display: flex; } }
  .flickity-nav.flickity-prev {
    left: -21px; }
  .flickity-nav.flickity-next {
    right: -21px; }
  .flickity-nav:focus-visible {
    opacity: 1; }
  .flickity-nav:hover svg {
    transform: scale(1.2); }

.flickity-enabled:hover .flickity-nav {
  opacity: 1; }

.flickity-progress {
  display: none;
  width: 100%;
  height: 1px;
  background: var(--color-border, #dadce0);
  border-radius: 0.5px;
  position: relative;
  margin-top: 20px; }
  .flickity-progress--bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    background: var(--color-body, #2c2d2e);
    width: 0%;
    border-radius: 0.5px; }


.flickity-resize .carousel__slide {
  min-height: 100%; }




#wrapper .click-capture,
#wrapper .click-capture--product, .side-panel, .side-panel-content--tabs button, .side-panel-content--tabs button:after, .back-to-top, .back-to-top path, .header:after, .header .logolink .logoimg, .thb-secondary-area-item.thb-secondary-myaccount span:after, .thb-secondary-area-item svg path, .thb-secondary-area .thb-item-count, .mobile-toggle span, .thb-full-menu--link:after, .thb-full-menu li.menu-item-has-children > .thb-full-menu--link svg path, .thb-full-menu.thb-secondary-menu li a, .button span,
input[type="submit"] span, input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select, input[type="checkbox"],
input[type="radio"], .field label, .custom-checkbox[type="checkbox"], .custom-checkbox[type="checkbox"]:after, .custom-select--list, .quantity .minus svg,
.quantity .plus svg, .cart-drawer .order-note-toggle, .cart-drawer .order-note-toggle__content, .cart-drawer .order-note-toggle__content-overlay, .flickity-page-dots .dot, .flickity-nav, .flickity-nav svg {
  transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1); }

.thb-full-menu .sub-menu {
  transition: all 0.25s ease; }

.side-panel.product-drawer, .thb-full-menu .sub-menu, .custom-select--list {
  isolation: isolate;
  border-radius: var(--block-border-radius, 16px); }

.no-js .quantity .minus, .quantity .no-js .minus,
.no-js .quantity .plus, .quantity .no-js .plus, .no-js .flickity-nav {
  display: none !important; }


.side-panel, .thb-full-menu .sub-menu, .custom-select--list, .flickity-nav {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08); }

.has-shadow--true {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08); }


.thb-full-menu .mega-menu-columns {
  padding: 0 15px;
  max-width: var(--grid-width-row, 1380px);
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 768px) {
    .thb-full-menu .mega-menu-columns {
      padding: 0 50px; } }


.section-header {
  padding: 0 0 30px;
  display: flex;
  flex-direction: column; 
  
}
  @media only screen and (min-width: 768px) {
    .section-header {
      flex-direction: row;
      align-items: end;
      justify-content: space-between;
      gap: 30px; } }
  .section-header--title {
    margin-bottom: 5px; }
    .section-header--title:only-child {
      margin-bottom: 0; }
  .section-header--description {
    font-size: 0.9375rem; }
    @media only screen and (min-width: 768px) {
      .section-header--description {
        font-size: 1.0625rem; } }
    .section-header--description p {
      font-size: inherit;
      margin-bottom: 0; }
  .section-header--content > *:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .section-header--button {
      flex-shrink: 0; } }
  .section-header scroll-shadow {
    width: auto;
    max-width: 100%; }

.aspect-ratio {
  height: 0;
  padding-bottom: var(--ratio-percent);
  position: relative; }
  .aspect-ratio img,
  .aspect-ratio .thb-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    object-fit: cover; }
  .aspect-ratio .thb-placeholder svg {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .aspect-ratio.aspect-ratio--portrait {
    padding-bottom: 125%; }
  .aspect-ratio.aspect-ratio--square {
    padding-bottom: 100%; }
  .aspect-ratio.aspect-ratio--landscape {
    padding-bottom: 75%; }
  .aspect-ratio.aspect-ratio--circle {
    border-radius: 50%;
    isolation: isolate;
    overflow: hidden;
    padding-bottom: 100%; }

.column-spacing--small {
  gap: 10px; }

.column-spacing--medium {
  gap: 10px; }
  @media only screen and (min-width: 768px) {
    .column-spacing--medium {
      gap: 20px; } }

.column-spacing--large {
  gap: 10px; }
  @media only screen and (min-width: 768px) {
    .column-spacing--large {
      gap: 30px; } }

.inline-badge {
  display: inline-flex;
  align-items: center;
  background: var(--badge-bg, var(--color-accent));
  color: var(--badge-text, #fff);
  font-size: 0.75rem;
  font-weight: var(--font-body-medium-weight, 500);
  padding: 8px 15px 8px 30px;
  position: relative;
  border-radius: 15px;
  white-space: nowrap;
  height: 30px;
  margin-bottom: 25px; }
  .inline-badge:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    left: 14px;
    top: 12px;
    background: var(--badge-text, #fff); }

.animated-marker {
  position: relative;
  display: inline-block;
  z-index: 2; }
  .animated-marker .svg-marker {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
    .animated-marker .svg-marker--style1 {
      width: 100%;
      height: 30%;
      top: auto;
      bottom: -20%; }
    .animated-marker .svg-marker--style2 {
      width: 100%;
      height: 40%;
      top: auto;
      bottom: -30%; }
    .animated-marker .svg-marker--style3 {
      width: 100%;
      height: 30%;
      top: auto;
      bottom: -20%; }
    .animated-marker .svg-marker--style4 {
      width: 100%;
      height: 30%;
      top: auto;
      bottom: -20%; }


      /* home slider css */

      .scroll-banner-slider {
  position: relative;
  padding: 30px 0;
}
.scroll-banner-slider .row {
  display: flex;
  justify-content: center;
  width: 100%;
}
.scroll-banner-slider .owl-carousel .banner-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100% 100%;
  background-position: center;
  padding: 60px 0;
}
.scroll-banner-slider .banner-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  max-width: 1100px;
  width: 100%;
}
.scroll-banner-slider .banner-text {
  max-width: 45%;
}
.scroll-banner-slider .banner-text h2 {
  color: #000;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 68px;
  line-height: 68px;
  position:relative;
}

.scroll-banner-slider .banner-text h2:after{
    content:"";
    background:url("/cdn/shop/files/ec85b5f85ceeb947ffd7677368327c0e.png?v=1762179222");
    padding:20px;
    position:absolute;
    top:0;
    background-repeat:no-repeat;
    right: 51%;
}
.scroll-banner-slider .banner-text .subtitle {
  color: #000;
  margin-bottom: 15px;
  font-family: Inter;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
}
.scroll-banner-slider .banner-text .desc {
  color: #777777;
  margin-bottom: 25px;
  font-family: Inter;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
}
.scroll-banner-slider .banner-text .btn {
  background: #242424;
  color: #fff;
  padding: 14px 25px;
  border-radius: 80px;
  text-decoration: none;
  transition: all 0.3s;
  font-family: Inter;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
}
.scroll-banner-slider .banner-text .btn:hover {
  background: #333;
}
.scroll-banner-slider .banner-image img {
  max-width: 100%;
  width: 100%;
  /* border-radius: 10px; */
  /* box-shadow: 0 10px 20px rgba(0,0,0,0.15); */
}
.scroll-banner-slider .owl-nav button {
  border: 2px solid black!important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  font-size: 30px;
  color: #000;
  cursor: pointer;
  padding: 20px!important;
  border-radius: 50%;
  height: 30px;
  width: 30px;
}

.owl-nav span{
  font-weight: 200;
  font-size: 31px;
  line-height: 21px;
  font-family: 'Inter';
}
.owl-nav .owl-prev { left: -50px; }
.owl-nav .owl-next { right: -50px; }


/* promotion section css */

.promotion-custom .promotion-blocks--item{
    flex-direction:row-reverse;
    padding:20px;
    border:2px solid #EDEDED;
    gap:10px;
    
}

.promotion-custom .promotion-blocks--text{
    flex-direction:row;
    display: flex;
    align-items: center;
}

.promotion-custom .text-button--has-icon{
    position:absolute;
    top: 20%;
    right:6%;
    color: transparent;
    /* position:re */
}

.promotion-custom .promotion-blocks--text h6{
    font-family: Inter;
font-weight: 700;
font-style: Bold;
font-size: 24px;
line-height: 100%;
color:#242424;
}
.promotion-custom .text-button--has-icon span svg{
    opacity:0;
}
.promotion-custom .text-button--has-icon:before{
    content:"";
    background:url(/cdn/shop/files/Grupo_167642.png?v=1762180949);
    position:absolute;
    padding:20px;
    background-repeat:no-repeat;
    background-size: 85%;
    width:100%;
}

.product-card .product-card-vendor{
  display:none;
}

#header .thb-secondary-area-item svg path{
    fill:white;
    
}

#header .thb-secondary-area-item{
    background:black;
    height:50px;
    width:50px;
    border-radius:50%;
    margin: auto;
}

#header .thb-secondary-area{
        gap: 12px;
}

#header .thb-secondary-area-item svg{
        margin: auto;
}



.trending .section-header{
     justify-content:center!important;
}

.trending .section-header--title {
  background: linear-gradient(90deg, #6205A4 0%, #00A2E9 56.87%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;

  font-family: Inter, sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 100%;
  text-align: center;
  margin: auto;
  padding-bottom:20px;
}


.product-card-info {
    position:relative;
}

/* .product-card-info:after{
    content:"";
    background:url(/cdn/shop/files/Frame_6.png?v=1762195927);
    padding:20px;
    position:absolute;
    right:0;
    background-repeat:no-repeat;
} */


/* feature mosaic css */

/* ============================
   Featured Mosaic Section Styles
   ============================ */

/* Basic reset + layout */
.featured-mosaic-section {
  padding: 60px 0;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #111;
}

.featured-mosaic-section .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.featured-mosaic-section .section-header {
  text-align: center;
  margin-bottom: 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  gap: 6px;
}

.featured-mosaic-section .section-header__title {

  margin-bottom: 8px;
  font-family: Inter;
  font-weight: 600;
  font-size: 40px;
  line-height: 100%;
  text-align: center;
  width: 100%;
  background: linear-gradient(90deg, #6205A4 0%, #00A2E9 56.87%);

  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}


.featured-mosaic-section .section-header__desc {
  color: #242424;
  font-size: 14px;
  max-width: 720px;
  margin: 0 auto;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 26px;
  letter-spacing: 0%;
  text-align: center;
}

/* Grid / rows */
.featured-mosaic-section .row {
  display: flex;
  gap: 0;
  align-items: stretch;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.featured-mosaic-section .col-left {
  width: 50%;
}

.featured-mosaic-section .col-right {
  width: 50%;
  flex-direction: column;
  gap: 20px;
}

/* Card styles */
.fm-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
  overflow: hidden;
  border: 1px solid rgba(17, 24, 39, 0.04);
}

.fm-card.large {
  display: flex;
  gap: 18px;
  padding: 0;
}

.fm-card.large .image-wrap {
  flex: 1;
  min-width: 0;
}

.fm-card.large img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

/* Top Product Label */
.fm-card.top-label {
  position: relative;
  padding-right: 25px;
}

.fm-pill {
  display: inline-block;
  padding: 10px 28px;
  border-radius: 8px;
  font-weight: 600;
  color: #fff;
  width: 100%;
  text-align: center;
  background: linear-gradient(90deg, #6C259B 0%, #253B80 100%);
  font-family: Inter;
  font-size: 36px;
  line-height: 42px;
}

.top-label {
  box-shadow: none;
  border: none;
  padding: 0;
}

/* Promo card */
.promo {
  background: #242424;
  color: #fff;
  padding: 24px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 212px;
  padding-bottom: 73px;
  position: relative;
}

.promo:after{
  content:"";
  position:absolute;
  background:url(/cdn/shop/files/Crestar_Games-Orignal_Logo-01_3.png?v=1762263396);
  padding:20px;
  width: 49%;
  height: 77%;
  right: 0;
  bottom:0;
  background-repeat:no-repeat;
  opacity: 0.5;
}


.small-cards .fm-card{
  position:relative;
}

.small-cards .fm-card:nth-of-type(1):after{
  content:"";
  position:absolute;
  background:url(/cdn/shop/files/Frame_153.png?v=1762262528;aliceblue);
  padding:20px;
  width: 49%;
  height: 53%;
  right: 0;
  bottom:0;
  background-repeat:no-repeat;
}

.small-cards .fm-card:nth-of-type(2):after{
  content:"";
  position:absolute;
  background:url(/cdn/shop/files/Frame_159.png?v=1762262513);
  padding:20px;
  width: 52%;
  height: 66%;
  right: 0;
  bottom:0;
  background-repeat:no-repeat;
}
.b_title {
  font-family: Inter;
  font-weight: 600;
  font-size: 36px;
  line-height: 40px;
  width: 40%;
}

.promo .desc {
  margin-top: 30px;
}

.promo .title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}

.promo .cta {
  color: #fff;
  text-decoration: underline;
  font-weight: 600;
  font-size: 13px;
  margin-top: 8px;
  display: inline-block;
  font-family: Inter;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-decoration: underline;
  margin-top: 36px;
}

/* Small cards */
.small-cards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
}

.small-card {
  padding: 18px;
  min-height: 120px;
  flex: 1;
  border-radius: 10px;
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 50%;
  border: 1px solid #ECECEC;
  justify-content: center;
  padding-bottom: 149px;
}

.small-card .title {
  font-weight: 700;
  margin-bottom: 8px;
}

.small-card .meta {
  font-size: 13px;
  color: #6b7280;
}

/* Product footer */
.product-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0 0;
  padding-bottom:10px;
}

.product-footer .btn{
    position:relative;
    color:transparent!important;
}

.product-footer .btn:after{
    content:"";
    background:url(/cdn/shop/files/Frame_6.png?v=1762195927);
    padding:20px;
    position:absolute;
    background-size: 78%;
    right: -5%;
    background-repeat: no-repeat;
}


.product-title {
  color: #111;
  font-family: Inter;
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  text-transform: capitalize;
}

.small-cards .title{
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 24px;
  leading-trim: NONE;
  line-height: 32px;
  letter-spacing: 0%;
  color:#242424;
  width: 66%;
}

.small-cards a{
  font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 18px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-decoration: underline;
color:#242424;

}

/* Row container */
.rows {
  display: flex;
  justify-content: space-between;
  margin: auto;
  align-items: flex-start;
}

/* Responsive */
@media (max-width: 900px) {
  .featured-mosaic-section .row {
    flex-direction: column;
  }

  .featured-mosaic-section .col-left,
  .featured-mosaic-section .col-right {
    flex: 1 1 100%;
  }

  .small-cards {
    flex-direction: row;
  }
}


.two-cols  p:before{
    content:"";
    background:url(/cdn/shop/files/image_21.png?v=1762264237);
    padding:20px;
    position:absolute;
    top:85px;
    width: 52%;
    height:100%;
    background-repeat:no-repeat;
    right:0;
    left:0;
    margin: auto;
    z-index: 99;
}

.two-cols p{
    margin-top:130px;
}


body{
  overflow-x:hidden;
}    
.why-crestar-section {
      position: relative;
      text-align: center;
      padding: 130px 20px;
      color: #fff;
      width:85%;
      font-family: Inter, system-ui, sans-serif;
      display: flex;
      justify-content: center;
      margin-top:80px;
    }

.why-crestar-section::before {
  content: "";
  background: url(/cdn/shop/files/Group_34497.png?v=1762267200)
    no-repeat center bottom;
  position: absolute;
  left: 0%;
  transform: translateX(-50%);
  bottom: -50px; /* pushes below section */
  width: 100%;
  height: 100%;
  background-size: 15%;
  z-index: 1;
  pointer-events: none;
}


.why-crestar-section::after {
  content: "";
  background: url(/cdn/shop/files/Frame_2147228308.png?v=1762268686)
    no-repeat center bottom;
  position: absolute;
  right: 0%;
  transform: translateX(47%);
  bottom: -50px; /* pushes below section */
  width: 100%;
  height: 100%;
  background-size: 23%;
  z-index: 1;
  pointer-events: none;
  /* overflow:hidden; */
}

    .why-crestar-section .background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: 100% 100%;
      background-position: center;
      z-index: 0;
      border-radius: 12px;
      /* overflow: hidden; */
    }

    .why-crestar-section .content {
      position: relative;
      z-index: 1;
      max-width: 61%;
      margin: 0 auto;
      margin: auto;
    }

    .why-crestar-section h2 {
      font-size: 32px;
      font-weight: 700;
      margin-bottom: 12px;
      font-family: Inter;
      font-weight: 600;
      font-style: Semi Bold;
      font-size: 40px;
      leading-trim: NONE;
      line-height: 100%;
      letter-spacing: 0%;
      text-align: center;
      color: white;
    }

    .why-crestar-section p {
      font-size: 16px;
      opacity: 0.9;
      margin-bottom: 32px;
    }

    .why-crestar-section .tags {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 15px;
      width: 94%;
      margin: auto;
    }

    .why-crestar-section .tag {
      border-radius: 30px;
      padding: 13px 22px;
      font-weight: 500;
      transition: all 0.3s ease;
      font-family: Inter;
      font-weight: 400;
      font-size: 18px;
      backdrop-filter: blur(20px);
      line-height: 100%;
      background: #FFFFFF33;
    }

    .why-crestar-section .tag:hover {
      background: rgba(255, 255, 255, 0.25);
      transform: scale(1.05);
    }

    @media (max-width: 768px) {
      .why-crestar-section {
        padding: 60px 16px;
      }
      .why-crestar-section h2 {
        font-size: 26px;
      }
    }

.why-crestar-section__wrapper {
    display: flex;
    position: r;
    justify-content: center;
}

 .faq-section {
      padding: 80px 20px;
      font-family: Inter, system-ui, sans-serif;
      /* max-width: 1200px; */
      margin: 0 auto;
      text-align: center;
    }
.faq_row{
  display:block;
}
    .custom-left_h {
      font-size: 36px;
      font-weight: 700;
      margin-bottom: 10px;
      background: linear-gradient(90deg,#6205a4,#00a2e9 17.48%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: Inter;
font-weight: 600;
font-size: 40px;
line-height: 100%;
text-align:left;
      
    }

    .custom-left_d {
      color: #242424;
      margin-bottom: 40px;
      font-family: Inter;
font-weight: 400;
font-size: 18px;
line-height: 100%;
text-align:left;
    }
.two-cols{
    margin-top: 150px!important;
}
    .faq-grid {
      display: flex;
      gap: 20px;
      text-align: left;
      flex-wrap:wrap;
    }

  .faq-grid details {
      background: #fff;
      border: 1px solid #EDEDED;
      border-radius: 8px;
      padding: 15px 20px;
      width: 49%;
      box-shadow: 0 1px 3px rgba(0,0,0,0.05);
      transition: all 0.3s ease;
    }

   .faq-grid details:hover {
      border-color: #cbd5e1;
    }

 .faq-grid summary {
      cursor: pointer;
      font-weight: 600;
      color: #242424;
      display: flex;
      justify-content: space-between;
      font-family: Inter;
      font-weight: 600;
      font-size: 18px;
      line-height: 100%;
      text-transform: capitalize;
    }

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

    details[open] {
      color: #6205A4;
    }

   .faq-grid details p {
      margin-top: 10px;
      font-size: 15px;
      color: #676767;
      font-family: Inter;
      font-weight: 400;
      font-size: 18px;
      line-height: 26px;
      line-height: 1.6;
    }

   .faq-grid details:after {
    content:"";
    background:url(/cdn/shop/files/Vector.png?v=1762276390);
    padding:20px;
    position:absolute;
    background-repeat:no-repeat;
    right:0;
    top:23px;
}

details{
    position:relative;
}

.faq-grid details[open]:after{
    transform:rotate(180deg);
    top:-10px;
    right: 23px;
}

.customer-reviews--review {
    background: #FFFFFF;
    box-shadow: 0px 12px 25px 0px #0000001A;
    padding: 20px;
    border-radius:12px;
}



.customer-reviews .flickity-viewport{
    overflow:visible;
}

    @media (max-width: 768px) {
      .faq-section {
        padding: 60px 15px;
      }
      .faq-grid {
        grid-template-columns: 1fr;
      }
    }



    /* blog section css */

        .news-updates-slider {
      background: #000;
      color: #fff;
      text-align: center;
      padding: 60px 20px;
      width: 95%;
      margin: auto;
      border-radius: 35px;
    }
    .news-updates-slider .section-heading {
      margin-bottom: 10px;
      color: #FFFFFF;
      font-family: Inter;
      font-weight: 600;
      font-size: 40px;
      line-height: 100%;
    }
    .news-updates-slider .section-subheading {
      margin-bottom: 40px;
      font-family: Inter;
      font-weight: 400;
      font-size: 18px;
      line-height: 34px;
      color: white;
    }
    .news-card {
      background: #fff;
      color: #000;
      border-radius: 12px;
      overflow: hidden;
      padding-bottom: 15px;
      text-align: left;
    }
    .news-card img {
      width: 100%;
      display: block;
    }
    .news-content {
      padding: 15px;
    }
    .news-content .date {
      color: black;
      font-family: Inter;
      font-weight: 500;
      font-size: 12px;
      line-height: 100%;
    }
    .news-content h3 {
      margin: 10px 0;
      font-family: Inter;
      font-weight: 600;
      font-size: 22px;
      line-height: 28px;
      text-transform: capitalize;
    }
    .read-more {
      color: black;
      font-family: Inter;
      font-weight: 600;
      font-size: 18px;
      line-height: 100%;
      text-decoration: underline;
      position:relative;
     
    }
    .subscribe-wrapper {
      margin-top: 40px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    .subscribe-btn {
      background: #fff;
      color: #242424;
      border: none;
      padding: 16px 25px;
      border-radius: 60px;
      cursor: pointer;
      transition: 0.3s ease;
      font-family: Inter;
      font-weight: 600;
      font-size: 18px;
    }
    .subscribe-btn:hover {
      background: #ddd;
    }
    .newsletter-form {
      margin-top: 37px;
      transition: 0.5s;
    }
    .subscribe-form input[type="email"] {
      padding: 5px 10px;
      border-radius: 5px 0px 0px 5px;
      border: none;
      width: 250px;
      margin-right: 0px;
      border: 1px solid white;
      height: 37px;
      color:white;
      font-family:inter;
    }

.subscribe-form input[type="email"]::placeholder{
  color:white;
  font-family:inter;
  
}
    .subscribe-form button {
      padding: 9px 20px;
      border-radius: 0px 5px 5px 0px;
      background: #ffffff;
      color: #000000;
      border: none;
      cursor: pointer;
      font-family: 'Inter';
      position: relative;
      right: 4px;
      border: 1px solid white;
    }

.news-posts-carousel .owl-nav{
  display:block!important;
}

.news-posts-carousel .owl-nav button{
  border:1px solid white;
  border: 2px solid #ffffff!important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  font-size: 30px;
  color: #000;
  cursor: pointer;
  padding: 20px!important;
  border-radius: 50%;
  height: 30px;
  width: 30px;
}

.news-posts-carousel .owl-nav span {
    font-weight: 100;
    font-size: 24px;
    line-height: 24px;
}

a.read-more:after {
    content:"";
    background:url(/cdn/shop/files/Vector_ee349923-664c-4484-81da-79d65d870048.png?v=1762521162);
    padding:20px;
    background-repeat:no-repeat;
    background-size: 17%;
    position:absolute;
    right: -57%;
    top: 7px;
}

.customer-reviews{
    margin-top:60px;
    width: 80%;
    margin: 60px auto;
}

.section-header{
     width:100%;
     justify-content: center;
}

.customer-reviews .section-header--title{
    font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 40px;
line-height: 100%;
    text-align:center;
    width:100%;
background: linear-gradient(90deg, #6205a4, #00a2e9 75.48%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.customer-reviews--review h6{
        font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 20px;
leading-trim: NONE;
line-height: 28px;
letter-spacing: 0%;

background: linear-gradient(90deg, #6205a4, #00a2e9 75.48%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.customer-reviews--review p {
    color: #242424;
    font-family: Inter;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}


.product-card .product-featured-image-link{
    border:1px solid #ECECEC;
} 


/* footer css */

.footer .signup-container input{
    background:white;
    color: black;
}

.footer .signup-container input::placeholder{
    color:#848484;
}

.footer .signup-container input:focus+label, .footer .signup-container input:not(:placeholder-shown)+label{
    color:black;
    opacity: 1;
}

.signup-container label{
    display:none;
}

img.sign_img {
    position: relative;
    top: 11px;
}

.footer .signup-container button{
    border:none;
}

.thb-widget-menu li{
    margin-bottom:18px!important;
}

.footer .social-links{
    display: flex!important;
    gap: 10px;
    margin-top:10px
}

.footer .social-links li{
    background:#3A3A3A;
    display: flex!important;
    align-items:center;
    justify-content:center;
    border-radius:50%;
}

.social-links li a img{
    margin-bottom:0px!important;
}

.social-links li a {
    display: flex!important;
    align-items: center;
    width: 44px;
    height: 44px;
    margin: auto;
    justify-content: center !important;
}

.footer{
    background:#242424;
}

.merchandise .section-header--title{
        background: linear-gradient(90deg, #6205a4, #00a2e9 56.87%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
        font-family: Inter, sans-serif;
        font-weight: 600;
        font-size: 40px;
        line-height: 100%;
        text-align: left;
        margin: auto;
        padding-bottom: 20px;
        position:relative;
        width: 100%;
}

.merchandise{
    margin-top:50px!important;
}

.merchandise .section-header:after{
    content:"";
    background:#00000052;
    height:1px;
    width: 82%;
    position:absolute;
    top: 27%;
    right: 0;
}

.merchandise .section-header{
    justify-content:flex-start;
    min-width: 100%;
    width: 100%;
    position:relative;
}

.promotion-custom .promotion-blocks--item:hover{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.promotion-custom .text-button--has-icon:before{
    transition:0.5s;
}

.promotion-custom .promotion-blocks--item:hover .text-button--has-icon:before{
    transform: rotate(44deg);
}

.top-label .large img:hover{
    transform:scale(1.1);
}
.top-label .large img{
    
    transition:0.7s;
}


/* collection page css */

.page-numbers .page{
    border:2px solid #242424;
    width: 75px;
    /* height:30px; */
    padding:20px;
    border-radius:64px;
    display:flex;
    justify-content:center;
    align-content:center;
    margin-right:10px;
    padding: 0;
}
.page-numbers .page:hover{
    background:#242424;
}

.page-numbers .page:hover a{
  color:white;
}
.page-numbers .page a{
    font-family: Inter;
    font-weight: 600;
    font-size: 20px!important;
    width: 70px;
    height: 38px;
}

.page-numbers .page a:hover:after{
  display:none;
}
.page-numbers .current{
        font-family: Inter;
        font-weight: 600;
        font-size: 20px!important;
        width: 70px;
        height: auto!important;
        color:white;
        background:#242424;
}
.page-numbers .current:after{
    display:none!important;
}

.page-numbers{
    border:none!important;
    margin-top:50px;
        display: flex!important;
    justify-content: left;
    padding: 0!important;
}

.pagination .row{
padding:0!important;
}

.page-numbers .next{
    display:none;
}

.page-numbers .prev{
    display:none;
}

.product-card--add-to-cart-button{
    background:transparent!important;
    width: 10%!important;
    position:absolute;
    top: -28%;
    right:0;
    padding: 0;
    margin: 0;
}

.facets .thb-filter{
    border: 1px solid #00000040!important;
    padding:13px 8px!important;
    margin-bottom:10px;
    border-radius:8px;
}

.facets .thb-filter-title{
    color:#0E1225!important;
    font-family: Inter;
    font-size: 16px!important;
    padding: 0!important;
    text-transform: uppercase;
}


.template-header--title{
        background: linear-gradient(90deg, #6205a4, #00a2e9 19.87%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
        font-family: Inter, sans-serif;
        font-weight: 600;
        font-size: 40px;
        line-height: 100%;
        text-align: left;
        margin: auto;
        padding-bottom: 20px;
        position: relative;
        width: 100%;
}
.collection_h .row .columns{
        position:relative;
}
.collection_h .row .columns:after {
    content: "";
    background: #00000052;
    height: 1px;
    width: 79%;
    position: absolute;
    top: 35%;
    right: 0;
}

.facets .thb-filter-content{
    padding-bottom:0px!important;
   margin-top:15px;
}

.count_p {
    border: 1px solid #353535;
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    padding: 13px 10px;
    background: black;
    color: white;
    border-radius: 8px;
    margin-bottom: 8px;
}

.facets--bar-right #ProductCount{
    display:none;
}

.about_product h3{
    background: linear-gradient(90deg, #6205a4, #00a2e9 56.87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 100%;
    text-align: left;
    margin: auto;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
}

.about_product{
    position:relative;
}
.about_product:after {
    content: "";
    background: #00000052;
    height: 1px;
    width: 73%;
    position: absolute;
    top: 36%;
    right: 0;

}

.background-video__controls button{
    width: 60px!important;
    height: 60px!important;
}

.background-video__controls button svg{
    width: 20px;
    height: 20px;
}

.background-video .background-video__controls{
    position:absolute;
    right:0;
    left:0;
    top:48%;
    bottom:0;
}

.image-slider .owl-nav button {
    border: 2px solid black !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    font-size: 30px;
    color: #000;
    cursor: pointer;
    padding: 20px !important;
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

.image-slider{
      margin-top: 40px;

}

.toggle-box{
  border: 0.99px solid #ECECEC;
  box-shadow:none!important;
}

.toggle-box--button{
   border-top: 0.99px solid #ECECEC;
   font-family: Inter;
   font-weight: 600!important;
   font-size: 19.87px;
   color:#242424;
}

.toggle-boxes .section-header--title{
        background: linear-gradient(90deg, #6205a4, #00a2e9 56.87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 100%;
    text-align: left;
    margin: auto;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
}


.row.together-container {
    display: flex;
    flex-direction: column;
}

 .bought-together-section { margin-top: 40px; }
    .bt-wrapper {display: flex;align-items: center;gap: 25px;margin-top: 140px;margin-bottom: 100px;}
    .bt-plus {font-size: 75px;font-weight: bold;color: black;}
    .bt-actions {/* margin-left: auto; */text-align: center;width: 30%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .bt-total {font-size: 18px;margin-bottom: 12px;color: #242424;font-family: Inter;font-weight: 500;font-style: Medium;font-size: 19.87px;leading-trim: NONE;line-height: 100%;letter-spacing: 0%;text-align: center;}
    .bt-buy-now, .bt-add-cart {width:200px; display: block; margin: 8px 0; padding: 12px 45px; }


.bt-product {
    width: 30%;
}

.bt-buy-now{
    background:#242424;
    color:white;
    border-radius:80px;
    font-family: Inter;
font-weight: 600;
font-size: 18px;
line-height: 100%;

}

.bt-add-cart{
    color:#242424;
    border:1px solid #242424;
    border-radius:80px;
    font-family: Inter;
font-weight: 600;
font-size: 18px;

}

h2.bt-heading {
        background: linear-gradient(90deg, #6205a4, #00a2e9 66.87%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
        font-family: Inter, sans-serif;
        font-weight: 600;
        font-size: 40px;
        line-height: 100%;
        text-align: left;
        margin: auto;
        padding-bottom: 20px;
        position: relative;
        width: 100%;
        text-align:center;
    position:relative;
}

.bt-heading:after{
    content: "";
    background: #00000052;
    height: 1px;
    width: 25%;
    position: absolute;
    top: 38%;
    right: 0;
}

.bt-heading:before{
    content: "";
    background: #00000052;
    height: 1px;
    width: 25%;
    position: absolute;
    top: 38%;
    left: 0;
}

.product-specifications {
  margin-top: 30px;
  /* border: 1px solid #ddd; */
  border-radius: 6px;
  overflow: hidden;
}

.product-specifications h3 {
  padding: 12px 0px;
  margin: 0;
  font-size: 18px;
  color: #242424;
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  text-transform: capitalize;
}

.product-specifications table {
  width: 100%;
  border-collapse: collapse;
}

.product-specifications th,
.product-specifications td {
  padding: 10px 16px;
  text-align: left;
  border-bottom: 1px solid #D3D3D3;

}

.product-specifications td{
    font-family: Inter;
  font-weight: 300;
  font-style: Light;
  font-size: 16px;
  leading-trim: NONE;
  text-transform: capitalize;
}

  
.product-specifications {
  margin-top: 30px;
  /* border: 1px solid #ddd; */
  border-radius: 6px;
  overflow: hidden;
}

.product-specifications
  h3 {
  padding: 12px 0px;
  margin: 0;
  font-size: 18px;
  color: #242424;
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  text-transform: capitalize;
}

.product-specifications
  table {
  width: 100%;
  border-collapse: collapse;
}

.product-specifications
  th,
.product-specifications td {
  padding: 10px 16px;
  text-align: left;
  border-bottom: 1px solid #D3D3D3;
}

.product-specifications
  th {
  width: 40%;
  color: #242424;
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  text-transform: capitalize;
};
}

.product-specifications th {
  width: 40%;
  color: #242424;
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  text-transform: capitalize;
}

.product-information--inner h1.product-title {
    background: linear-gradient(90deg, #6205a4, #00a2e9 44.87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 100%;
    text-align: left;
    margin: auto;
    padding-bottom: 20px;
    position: relative;
}

.product-information--inner .price .amount{
    font-family: Inter;
font-weight: 600;
font-size: 24px;
line-height: 100%;

}

.product-information--inner .price .discounted{
    font-family: Inter;
font-weight: 300;
font-style: Light;
font-size: 18px;
text-decoration: line-through;
color:#9D9D9D;
}

.thb-product-detail .product-short-description{
    color:#6B6B6B;
    font-family: Inter;
font-weight: 400;
font-size: 14px;
line-height: 26px;

}

.thb-product-detail  .single-add-to-cart-button{
    background:#242424!important;
    font-family: Inter;
font-weight: 600;
font-size: 18px;
color:white;
}

.shopify-payment-button__button{
      background: transparent!important;
      font-family: Inter;
      font-weight: 600!important;
      font-size: 18px!important;
      color: #242424!important;
      border: 1px solid #242424!important;
}

.thb-product-detail .quantity {
    margin-bottom: 30px;
    width: 35%;
    display: flex;
    justify-content: center;
    border-radius: 75px;
}

.product-information .quantity .qty{
    color:#000000;
    font-family: Inter;
font-weight: 600;
font-size: 18px;
line-height: 100%;

}

.product-information .form__label{
    color:#242424;
    font-family: Inter;
font-weight: 600;
font-size: 16px;
line-height: 100%;
text-transform: capitalize;

}

/* =============================
   Feature Row Styles
   ============================= */

.feature-row {
  padding: 18px 0;
  font-family: Inter;
      border-bottom: 0.5px solid #D3D3D3;
    padding-bottom: 30px;
}

/* Wrapper for features */
.feature-row__inner {
  /* max-width: 1100px; */
  margin: 0 auto;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px;
  border-top: 1px solid #e6e6e6;
  padding-top: 20px;
}

/* Each individual feature */
.feature {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 1 260px;
  min-width: 220px;
}

/* Icon styling */
.feature__icon {
  display: block;
  width: 21px;
  height: 17px;
  object-fit: contain;
  flex: 0 0 20px;
}

/* Text block */
.feature__title {
  color: #242424;
  text-transform: capitalize;
  font-family: Inter;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-transform: capitalize;
}

/* =============================
   Responsive adjustments
   ============================= */
@media (max-width: 560px) {
  .feature-row__inner {
    gap: 16px;
  }

  .feature {
    flex: 1 1 100%;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
  }

  .feature:last-child {
    border-bottom: 0;
  }
}

.product-features-box {
  border: 1px solid black;
  border-radius: 14px;
  padding: 24px;
  margin-top: 30px;
  background: #ffffff;
}

.product-features-title {
  color: #242424;
  display: inline-block;
  padding: 18px 32px;
  background: #F6F6F6;
  border-radius: 10px;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
  border: 1px solid #D5D5D5;
  font-family: Inter;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
}

.product-features-text {
  position: relative;
}

.product-features-content {
  max-height: 76px; /* Show only ~3 lines */
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  line-height: 1.6;
  font-size: 16px;
  color: black;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 26px;
  margin-bottom: 0;
}

.product-features-content.expanded {
  max-height: 900px; /* Expand full content */
}

.read-more-toggle {
  display: inline-block;
  margin-top: 0;
  font-size: 14px;
  color: #23A0D6;
  text-decoration: underline;
  cursor: pointer;
}


.product-information .accordion{
        border: none!important;
        margin-top:20px;
        
}

.product-information .accordion summary{
        color:#242424!important;
        font-family: Inter;
font-weight: 600;
font-size: 18px;

}

.discount-banner {
  background-color: #DD3535;
  color: #ffffff;
  text-align: center;
  padding: 20px 20px;
  border-radius: 30px;
  font-size: 16px;
  margin: 15px 0;
  display: block;
  font-family: Inter;
font-weight: 600;
font-size: 18px;
line-height: 100%;

}

.about_product{
  margin-bottom:30px;
}



/* amazon css */

#amazon-style-box {font-size:15px;margin:14px 0;}
.prime-row {font-size:16px;margin-bottom:4px;}
.prime-badge {color:#00a8e1;font-weight:700;text-transform:capitalize;}
.delivery-line {margin-bottom:6px;color:#555;}
.ship-to-line {display:flex;align-items:center;margin-bottom:6px;}
.ship-link {background:none;border:none;color:#0077cc;cursor:pointer;font-size:15px;padding:0;}
.stock-line {color:#2CAF47;margin-bottom:8px;}
.progress-wrap {height:4px;background:#e1e8ee;border-radius:8px;overflow:hidden;}
.progress-bar {height:4px;background:#009FDA;width:0;transition:0.6s;}
#as-zip-modal {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);justify-content:center;align-items:center;}
#as-zip-modal.open {display:flex;}
.as-modal-content {background:#fff;padding:20px;border-radius:8px;width:260px;text-align:center;}
.as-modal-content input {width:100%;padding:8px;border:1px solid #cfcfcf;border-radius:6px;margin:8px 0;}
.as-modal-content button {width:100%;background:#111;color:#fff;padding:10px;border-radius:6px;cursor:pointer;}

/* amazom css end */

.toggle-box--content-inner li::marker{
   
    color: white;
}

.toggle-box--content-inner li{
   font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 18px;
leading-trim: NONE;
line-height: 28px;
letter-spacing: 0%;
    color: black;
    margin-bottom:10px;
    position:relative;
}

.toggle-box--content-inner li:before{
    content:"";
    background:url(/cdn/shop/files/Vector_13.png?v=1762875130);
    padding:20px;
    background-repeat:no-repeat;
    background-size:40%;
    position:absolute;
    left:-11%;
    top: 39%;
}

.product-recommendations .section-header--title{
        background: linear-gradient(90deg, #6205a4, #00a2e9 56.87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 100%;
    text-align: left;
    margin: auto;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
    text-align1:left;
}

.product-recommendations .section-header{
    justify-content:flex-start;
}

.section-header--description p{
    font-family: Inter;
font-weight: 400;
font-size: 18px;
line-height: 100%;
color:#242424;
}

.footer .social-links a:hover img{
    transform:scale(0.8)
}

.footer .social-links img{
    transition:0.7s;
}


/* about us css */

.about-banner {
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  margin-bottom:50px;
}

 .breadcrumbs {
 font-family: Inter;
 font-weight: 400;
 font-size: 16px;
 line-height: 100%;
 color: #242424;
 margin-bottom: 60px;
}

 .breadcrumbs a {
  ;
  text-decoration: none;
  font-weight: 600;
}

.about-title {background: linear-gradient(90deg, #6205a4, #00a2e9 12.87%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;font-family: Inter, sans-serif;font-weight: 600;font-size: 40px;line-height: 100%;text-align: left;margin: auto;padding-bottom: 20px;position: relative;width: 100%;}

.about-title:after{
      content: "";
    background: #00000052;
    height: 1px;
    width: 82%;
    position: absolute;
    top: 27%;
    right: 0;

}

.about-wrapper {
  display: flex;
  gap: 30px;
  align-items: center;
  flex-wrap: wrap;
  margin-top:20px;
}

.about-image img {
  width: 290px;
  height: 290px;
  object-fit: contain;
  border-radius: 4px;
  padding: 10px;
}

.about-content {
  background: #fff;
  border: 1px solid #CACACA;
  padding: 50px;
  border-radius: 20px;
  flex: 1;
}

.about-text {
font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 30px;
leading-trim: NONE;
line-height: 44px;
letter-spacing: 0%;
color:black;
}

.about-btn {
  display: inline-block;
  margin-top: 20px;
  background: #242424;
  color: #fff !important;
  padding: 10px 25px;
  border-radius: 80px;
  text-decoration: none;
  font-family: Inter;
font-weight: 600;
font-size: 18px;
leading-trim: NONE;
letter-spacing: 0%;
}

.about-btn:hover {
  opacity: 0.8;
}

/* MOBILE */

.about-image {
    width: 31%;
}

.about-cards-wrapper {
  margin-top: 50px;
  max-width: 1250px;
  margin: 50px auto;
}

.cards-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
}

/* Base Card Styling */
.single-card {
  padding: 40px;
  border-radius: 14px;
  background: #ffffff;
box-shadow: 0px 7px 13px 0px #00000013;

  transition: 0.3s ease;
}

/* Dark Mode Card */
.single-card.dark-card {
  background: #000000;
  color: #ffffff;
}

/* Title color match your screenshot */
.single-card .card-title {
    background: linear-gradient(90deg, #6205a4, #00a2e9 12.87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 100%;
    text-align: left;
    margin: auto;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
  margin-bottom: 10px;
}

.card-desc{
  font-family: Inter;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}

/* First card spans two rows */
.cards-grid > .single-card:first-child {
  grid-row: span 2;
}

/* Responsive */
@media(max-width: 768px) {
  .cards-grid {
    grid-template-columns: 1fr;
  }
  .cards-grid > .single-card:first-child {
    grid-row: auto;
  }
}

.dual-info-section {
  padding: 60px 20px;
}

.dual-info-wrapper {
  max-width: 1250px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  gap: 50px;
  border: 1.5px solid #C4C4C4;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0px 15px 25px 0px #00000013;
}

.dual-divider {
  width: 1px;
  background: #E5E5E5;
}

.dual-block h2 {margin-bottom: 30px;background: linear-gradient(90deg, #6205a4, #00a2e9 37.87%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;font-family: Inter, sans-serif;font-weight: 600;font-size: 40px;line-height: 100%;text-align: left;margin: auto;padding-bottom: 20px;position: relative;width: 100%;margin-bottom: 30px;}

.dual-item {
  display: flex;
  gap: 14px;
  margin-bottom: 35px;
  position: relative;
}

.dual-item:last-child:before {
  display: none;
}

.dual-item:before {
    content: "";
    position: absolute;
    left: 14px;
    top: 32px;
    bottom: -20px;
    width: 0;
    height:100%;
    border-left: 2px dashed #A1A1A1;
    opacity: 0.8;
}


.dual-icon {
  width: 51px;
  height: 29px;
  background: #8A38F5;
  color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  padding: 8px;
}

.dual-item h4 {
  margin-bottom: 6px;
  font-family: Inter;
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  color:black;
}

.dual-item p {
  margin-bottom: 6px;
  color: #696969;
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
}

.dual-item a {
  color: #179BD7;
  text-decoration: none;
  font-family: Inter;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  text-decoration: underline;
  transition:0.5s;
}

.dual-item a:hover{
  color:black;
}

@media (max-width: 768px) {
  .dual-info-wrapper {
    grid-template-columns: 1fr;
  }
  .dual-divider {
    display: none;
  }
}


.timeline-section {
  padding: 70px 0;
  text-align: center;
  max-width:1250px;
  margin:auto;
}


/* MAIN SECTION */


.timeline-heading {
  font-size: 42px;
  margin-bottom: 40px;
  font-weight: 700;
  color: {{ section.settings.heading_color }};
}

/* SLIDER CONTENT */
.timeline-carousel .timeline-item {
  padding: 20px 20px;
  position: relative;
}
.timeline-carousel .timeline-item:before{
  content:"";
  background:url(/cdn/shop/files/Frame_2147228512.png?v=1763561201);
  position:absolute;
  padding:30px;
  height:100%;
  width:100%;
  right: 0;
  left: 0;
  background-size: 100% 100%;
}
.timeline-carousel .year {
     background: linear-gradient(90deg, #6205a4, #00a2e9 61.87%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     color: transparent;
     font-family: Inter, sans-serif;
     font-weight: 600;
     font-size: 40px;
     line-height: 100%;
     margin: auto;
     padding-bottom: 20px;
     position: relative;
     text-align:center;
}

.timeline-carousel .desc {
  margin-top: 10px;
  max-width: 620px;
  color: #242424;
  margin-left: auto;
  margin-right: auto;
  font-family: Inter;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
}

/* ARROWS */
.timeline-carousel .owl-nav button {
  width: 46px;
  height: 46px;
  border: 1px solid #000;
  border-radius: 50%;
  background: #fff !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.owl-prev { left: -60px; }
.owl-next { right: -60px; }

/* PROGRESS BAR */
.timeline-progress {
  margin-top: 60px;
  position: relative;
}

.progress-line {
  height: 0;
  width: 96%;
  background: #d8d8d8;
  position: absolute;
  top: 59px;
  left: 22px;
  transition: all 0.3s ease;
  border-top: 1px dashed #A1A1A1;
  opacity: 0.8;
}

.progress-circles {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

/* DOT + YEAR WRAPPER */
.circle-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* DOT STYLE */
.circle-wrap .circle {
  width: 30px;
  height: 30px;
  background: #d1d1d1;
  border-radius: 50%;
  transition: 0.3s ease;
  margin-top: 15px;
}

/* YEAR LABEL */
.circle-wrap .circle-year {
  margin-top: 8px;
  font-size: 14px;
  color: #C6C6C6;
  font-weight: 500;
  transition: 0.3s ease;
  font-family: Inter;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
}

/* ACTIVE DOT + YEAR */


.circle-wrap.active .circle-year {
font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
color:#000000;
}

.timeline-carousel .owl-nav button{
      border: 2px solid black !important;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: transparent;
      border: none;
      font-size: 30px;
      color: #000;
      cursor: pointer;
      padding: 20px !important;
      border-radius: 50%;
      height: 30px;
      width: 30px;
}

.timeline-carousel .owl-nav  .owl-prev{
  left: -4px;
}

.timeline-carousel .owl-nav  .owl-next{
  right: -4px;
}


.active .circle{
  background:#00A2E9;
} 

/* WRAPPER TO POSITION FADES */
.fade-wrapper {
  position: relative;
  overflow: hidden;
}

/* LEFT BLUR */
.fade-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 80px;
  z-index: 5;
  pointer-events: none;
  background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}

/* RIGHT BLUR */
.fade-wrapper::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 80px;
  z-index: 5;
  pointer-events: none;
  background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
}


.preset-feature-section {
  padding: 60px 20px;
}

.preset-container {
  max-width: 1250px;
  margin: auto;
  display: grid;
  gap: 50px;
}

.preset-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 40px;
  background: #fff;
  border-radius: 16px;
  /* padding: 40px; */
  /* box-shadow: 0 8px 28px rgba(0,0,0,0.08); */
}

.preset-row.reverse {
  direction: rtl;
}

.preset-row.reverse .preset-content {
  direction: ltr;
}

.preset-image img {
  width: 100%;
  border-radius: 12px;
  height: 100%;
}

.preset-title {
    background: linear-gradient(90deg, #6205a4, #00a2e9 65.87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 40px;
    text-align: center;
    /* margin: auto; */
    padding-bottom: 20px;
    position: relative;
    width: 100%;
    margin-bottom: 0;
}

.preset-desc {
  color: #242424;
  font-size: 16px;
  margin-bottom: 20px;
  font-family: Inter;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}

.preset-btn {
  padding: 15px 26px;
  background: #242424;
  color: #fff;
  text-decoration: none;
  border-radius: 80px;
  font-size: 15px;
  display: inline-block;
  transition: .3s;
  font-family: Inter;
font-weight: 600;
font-size: 18px;
line-height: 100%;

}

.preset-btn:hover {
  background: #333;
  color:white;
}

/* MOBILE */
@media(max-width: 768px) {
  .preset-row,
  .preset-row.reverse {
    grid-template-columns: 1fr;
    direction: ltr !important;
    text-align: center;
  }

  .preset-image img {
    max-width: 90%;
    margin: auto;
  }
}


.preset-content {
    box-shadow: 0px 10px 15px 0px #0000000D;
    height: 100%;
    border-radius: 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 20px 20px 20px;
}

.proceed-to-checkout .checkout-button{
    background:#242424;
    font-family: Inter;
font-weight: 600;
font-size: 18px;

}

.thb-cart-collaterals .cart-policy-text{
    font-family: Inter;
font-weight: 400;
font-size: 14px;
line-height: 22px;
text-align: center;
color:#000000;
}

.cart-items quantity-selector{
    border-color:#EAEAEA;
    border-radius:80px;
        padding: 0px 28px;
}


/* Breadcrumb Styling */


.breadcrumb-divider {
  margin: 0 6px;
}

.current {
  color: #000;
  font-weight: 600;
}

/* MAIN SECTION */
.contact-section {
  padding: 30px 0 70px 0;
  background: #fff;
  max-width: 1250px;
  margin: auto;
}

.contact-container {
  width: 100%;
  /* max-width: 1200px; */
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  padding-top: 10%;
}

.contact-left {
  /* padding: 40px; */
  border-radius: 12px;
  color: #fff;
}

.contact-title {
  font-weight: 700;
  margin-bottom: 10px;
  font-family: Inter;
  font-weight: 600;
  font-size: 40px;
  color: white;
}

.contact-subtitle {
  font-family: Inter;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  width: 45%;
}

.info-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  margin-bottom:30px;
}
.info-item p{
  font-family: Inter;
font-weight: 400;
font-size: 18px;
leading-trim: NONE;
line-height: 30px;
color:black;
  margin-bottom:0px
  
}
.info-item .icon {
  margin-right: 12px;
  font-size: 20px;
  background: black;
  border-radius: 50%;
  padding: 0;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.info-item .icon img{
  width: 18px;
}

.contact-form-card {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0px 15px 25px 0px #00000013;
  margin-top: -57%;
  margin-right: 40px;
}

.form-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 5px;
  background: linear-gradient(90deg, #6205a4, #00a2e9 19.87%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 100%;
  text-align: left;
  margin: auto;
  padding-bottom: 20px;
  position: relative;
  width: 100%;
}

.form-text {
  font-size: 14px;
  margin-bottom: 20px;
  font-family: Inter;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #676767;
}

.contact-form-card input,
.contact-form-card textarea {
  width: 100%;
  padding: 12px 15px;
  margin-bottom: 15px;
  border-radius: 8px;
  border: 1px solid #DDDDDD;
  font-size: 14px;
  margin-top:5px;
}

.contact-form-card input:focus,
.contact-form-card textarea:focus {
  outline: none;
  border-color: #000;
}

textarea {
  min-height: 120px;
}

.submit-btn {
  width: 100%;
  padding: 14px;
  border: none;
  border-radius: 40px;
  background: #242424;
  color: #fff;
  cursor: pointer;
  font-family: Inter;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  transition: 0.3s;
}

.submit-btn:hover {
  background: #333;
}

.success-msg {
  padding: 12px;
  background: #e8f8e8;
  color: #1d7a1d;
  margin-bottom: 15px;
  border-radius: 6px;
}

.error-msg li {
  color: red;
  margin-bottom: 5px;
}

@media(max-width: 768px) {
  .contact-container {
    grid-template-columns: 1fr;
  }
}

.contact-banner {
    background: linear-gradient(87.2deg, #8A38F5 0.07%, #179BD7 99.93%);
    padding: 70px 40px;
    border-radius: 10px;
    color: white;
    margin-top: 30px;
}

h3.left-contact-heading {
  font-family: Inter;
font-weight: 500;
font-size: 18px;
line-height: 25px;
color:black;
}


.contact-form-card label {
  color:#111113;
  font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 100%;

}

.follow-us-section {
  padding: 40px;
  background: #000;
  max-width: 1250px;
  margin: auto;
  margin-bottom:80px;
  border-radius: 10px;
}

.follow-container {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  color: #fff;
}

.follow-left {
  width: 45%;
}

.follow-heading {
background: linear-gradient(90deg, #6205a4, #00a2e9 19.87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    text-align: left;
    margin: auto;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
}

.follow-subtext {
 font-family: Inter;
font-weight: 400;
font-size: 28px;
line-height: 44px;
color:whote;
}

.follow-right {
  width: 45%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.social-box {
  /* background: #0f0f0f; */
  padding: 14px 18px;
  border-radius: 10px;
  border: 1.5px solid #FFFFFF40;
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  transition: 0.2s ease;
}

.social-box:hover {
  border-color: #333;
  background: #151515;
}

.social-icon {
  width: 40px;
  height: auto;
  object-fit: contain;
}

.social-title {
  font-size: 13px;
  color: white;
  font-family: Inter;
  font-weight: 600;
  font-size: 14px;
}

.social-username {
  font-size: 14px;
  color: #FFFFFF;
  font-family: Inter;
  font-weight: 600;
  font-size: 18px;
}

/* Responsive */
@media(max-width: 768px){
  .follow-container{
    flex-direction: column;
  }
  .follow-left, .follow-right{
    width: 100%;
  }
  .follow-right{
    grid-template-columns: 1fr;
  }
}

.social-meta {
    display: flex;
    flex-direction: column;
}


.thankyou-scroll-section {
  background-size: 100% 100%;
  background-position: center;
  padding: 180px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width:1250px;
  margin:auto;
  margin-top:50px;
  margin-bottom:50px;
}

.thankyou-scroll-wrapper {
  max-width: 900px;
  text-align: center;
}

.thankyou-heading {
  font-weight: 700;
  margin-bottom: 10px;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 56px;
  line-height: 66px;
  text-align: center;
  color: #242424;
  width: 100%;
}

.thankyou-subheading {
  font-size: 16px;
  margin-bottom: 20px;
  font-family: Inter;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: black;
}

.thankyou-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 20px;
}

.thankyou-buttons .btn {
  padding: 10px 26px;
  border-radius: 50px;
  font-size: 14px;
  display: inline-block;
  transition: 0.3s ease;
  font-family: Inter;
  font-weight: 600;
  font-size: 18px;
}

.primary-btn {
  background: #242424;
  color: #fff;
}

.primary-btn:hover {
  opacity: 0.8;
  color:white;
}

.secondary-btn {
  background: transparent;
  border: 1px solid #000;
  color: #000;
}

.secondary-btn:hover {
  background: #242424;
  color: #fff;
}


@media(max-width: 768px){
  .thankyou-heading {
    font-size: 28px;
  }
  .thankyou-buttons {
    flex-direction: column;
  }
}

/* FAQ Wrapper */
section.faq-wrapper.row {
  display: flex;
  flex-direction: column;
  margin-top: 70px;
}

.faq-wrapper {
  font-family: Inter, sans-serif;
}

/* Fixed Sidebar */
.faq-layout {
  display: flex;
  gap: 0px;
  border-top: 1px solid #00000025;
  padding-top: 35px;
  position: relative;
}

.faq-sidebar {
  width: 30%;
  position: sticky;
  top: 120px; /* adjust based on theme header height */
  align-self: flex-start;
  height: max-content;
  padding-right: 20px;
}

/* Jump Title */
.jump-title {
  font-family: Figtree;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 10px;
}

/* Jump List */
.jump-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 20px;
}

.jump-list li {
  margin-bottom: 12px;
}

.jump-list a {
  color: #949494;
  text-decoration: none;
  font-family: Figtree;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  position: relative;
  padding-left: 18px;
  border-left: 1px solid #949494;
  display: block;
  transition: all 0.2s ease;
}

/* Hover */
.jump-list a:hover {
  color: black;
  border-left: 1px solid black;
}

/* Active State */
.jump-list a.active {
  color: black !important;
  border-left: 2px solid black;
  font-weight: 600;
}

/* Content */
.faq-content {
  width: 70%;
}

.faq-description {
  margin-bottom: 20px;
  font-family: Inter;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0%;
  color:#242424;
}

.faq-heading {
  font-weight: 600;
  margin-top:30px;
  margin-bottom: 20px;
  background: linear-gradient(90deg, #6205A4 0%, #00A2E9 24.87%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 100%;
}

.faq-intro {
  color: #242424;
  margin-bottom: 25px;
  font-family: Inter;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}

.faq-question {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
    background: linear-gradient(90deg, #6205A4 0%, #00A2E9 24.87%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-family: Inter, sans-serif;
  font-weight: 600;
  font-size: 36px;
  line-height: 100%;
}

.faq-answer {color: #242424;margin-bottom: 25px;font-family: Inter;font-weight: 400;font-size: 18px;line-height: 30px;}

.faq-answer:not(.faq-answer:last-child){
  padding-bottom: 30px;
  border-bottom: 1px solid #00000025;
}
.faq-answer strong{
  color:#000000;
  font-size:24px;
}


  .custom-404-wrapper {
    padding: 80px 20px;
    text-align: center;
  }

  .custom-404-inner img {
    max-width: 360px;
    margin: 0 auto 20px;
    display: block;
  }

  .error-heading {
    color: #000000;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: Figtree;
font-weight: 500;
font-size: 56px;
line-height: 72px;
text-align: center;

  }

  .error-subheading {
    max-width: 560px;
    margin: 0 auto;
    color: black;
    font-family: Figtree;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
  }

  .error-buttons {
    margin-top: 35px;
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    
  }

  .error-btn {
    padding: 15px 30px;
    border-radius: 80px;
    font-size: 15px;
    text-decoration: none;
    font-family: Inter;
font-weight: 600;
font-size: 18px;
line-height: 100%;

  }

  .primary-btn {
    background: #242424;
    color: #fff;
  }

  .secondary-btn {
    background: #fff;
    color: #242424;
    border: 1px solid #242424;
  }

/* mbl */

  @media screen and (max-width: 600px) {

.about-image img {
    width: 100%;
    height: 100%;
    object-fit: unset;
    border-radius: 4px;
    padding: 10px;
}

.about-wrapper{
    gap:10px;
}

.about-text {
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    color: black;
}

.about-content{
    padding:20px;
}

.about-btn {
    margin-top: 13px;
    padding: 7px 21px;
    border-radius: 80px;
    font-weight: 600;
    font-size: 14px;
}

.about-title:after {
    content: "";
    height: 1px;
    width: 61%;
    right: 0;
}

.breadcrumbs {
    font-size: 13px;
    margin-bottom: 35px;
}

    .about-wrapper {
        flex-direction: column;
    }

.about-banner{
    padding:20px;
}

h2.about-title,.single-card .card-title,.single-card .card-title,.dual-block h2 ,.timeline-carousel .year,.preset-title,.preset-title{
        font-size: 28px;
}

.news-content h3{
        font-size: 18px;
        line-height: 22px;
}

.read-more{
            font-size: 14px;
}

.news-updates-slider .section-heading{
            font-size: 25px;
}

.news-updates-slider .section-subheading {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin-top: 18px;
}

a.read-more:after {
    content: "";
    background: url(/cdn/shop/files/Vector_ee349923-664c-4484-81da-79d65d870048.png?v=1762521162);
    padding: 20px;
    background-repeat: no-repeat;
    background-size: 12%;
    right: -69%;
    top: 5px;
}

.news-posts-carousel .owl-nav button{
    position:static;
    margin-top:50px;
    margin-right:10px;
}

.subscribe-btn {
    background: #fff;
    color: #242424;
    border: none;
    padding: 10px 22px;
    border-radius: 33px;
    cursor: pointer;
    transition: 0.3s 
ease;
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
}

.faq-grid summary {
    font-size: 12px;
    line-height: 100%;
    text-transform: capitalize;
}

.faq-grid details {
    padding: 15px 20px;
    width: 100%;
}

.faq-grid details p {
    font-size: 15px;
    color: #676767;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    margin-top: 24px;
}

.custom-left_d {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}

.merchandise .products{
            grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))!important;
    margin:10px;!important
}

.merchandise .section-header:after {
    content: "";
    background: #00000052;
    height: 1px;
    width: 55%;
    position: absolute;
    top: 19%;
    right: 0;
}

.why-crestar-section::before {
    content: "";
    background: url(/cdn/shop/files/Group_34497.png?v=1762267200) no-repeat center bottom;
    position: absolute;
    left: 9%;
    transform: translateX(-50%);
    bottom: -50px;
    width: 100%;
    height: 100%;
    background-size: 24%;
    z-index: 1;
    pointer-events: none;
}
    .two-cols p:before {
    top: 42px;
    width: 52%;
    background-size: 94%;
}

    .why-crestar-section {
    padding: 40px 20px;
    color: #fff;
    width: 88%;
    margin-top: 40px;
}

.why-crestar-section .content {
    max-width: 100%;
}

.why-crestar-section p {
    font-size: 14px;
    line-height:20px;
}


.why-crestar-section .tag {
    padding: 13px 15px;
    font-size: 9px;
}

.why-crestar-section .tags {
    gap: 5px;
    width: 100%;
}

.why-crestar-section::after {
    right: 7%;
    transform: translateX(47%);
    bottom: -64px;
    background-size: 32%;
}
 .banner-content.container {
    flex-direction: column-reverse;
    gap: 0px;
}

.scroll-banner-slider .banner-text {
    max-width: 81%;
}

.scroll-banner-slider .banner-image img{
        max-width: 57%;
        margin:auto;
}

.scroll-banner-slider .banner-text h2 {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 25px;
}

.scroll-banner-slider .banner-text .desc {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 20px;
}

.scroll-banner-slider .banner-text .btn {
    padding: 10px 25px;
    border-radius: 80px;
    font-size: 14px;
    line-height: 100%;
}

.scroll-banner-slider .banner-text .subtitle {
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 100%;
}

.scroll-banner-slider .owl-carousel .banner-slide {
    background-size: 100% 100%;
    background-position: center;
    padding: 0px;
    height: 435px;
}

.scroll-banner-slider .banner-text h2:after {
    right: 55%;
    background-size: 33%;
}

.promotion-blocks--item{
      height: 122px;
}

html{
    overflow-x:hidden;
}

.promotion-blocks--image img {
    height: 71%!important;
    object-fit: cover;
    width: 80%!important;
}

.promotion-custom .promotion-blocks--text h6 {
    font-size: 20px;
    margin-top: 20px;
}

.promotion-custom .text-button--has-icon:before {
    background-size: 56%;
    width: 100%;
    right: -18px;
}

.trending .section-header--title,.featured-mosaic-section .section-header__title,.merchandise .section-header--title,.custom-left_h,.customer-reviews .section-header--title{
        font-size: 28px;
}
.carousel__slide{
  max-width: 100%!important;
  margin:10px!important;
}

.product-card .product-card-title{
        font-size: 18px;
}

.product-card .price{
            font-size: 14px;
}

.product-card .product-inventory-notice--text{
        font-size:11px
}

.product-inventory-notice--pulse
 {
    isplay: inline-flex;
    width: 6px;
    height: 6px;
    margin: 4px 6px 4px 4px;
}

.featured-mosaic-section .col-left,.featured-mosaic-section .col-right{
    width:100%;
}

    .featured-mosaic-section .rows {
        flex-direction: column;
    }

.fm-card.top-label {
    padding-right: 0px;
}

.fm-pill{
        font-size: 26px;
    line-height: 22px;

}

.product-title{
        font-size: 18px;
}

.b_title {
    font-size: 24px;
    line-height: 26px;
    width: 84%;
}

.promo .cta {
    font-size: 13px;
    margin-top: 19px;
}

.small-cards .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #242424;
    width: 100%;
}

.small-cards a {
    font-size: 14px;
}

.small-card{
        padding-bottom: 90px;
}

.small-cards .fm-card:nth-of-type(1):after {
    padding: 20px;
    width: 50%;
    height: 42%;
    right: -2px;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: 88%;
}

.small-cards .fm-card:nth-of-type(2):after {
    padding: 20px;
    width: 52%;
    height: 55%;
    right: -17px;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: 71%;
}


.featured-mosaic-section{
    padding-bottom:0px;
}

.featured-mosaic-section .col-right{
  
    margin-top: 20px;
}
}


/* tab */


@media (min-width: 600px) and (max-width: 768px) {

.why-crestar-section {
    padding: 40px 20px;
    color: #fff;
    width: 88%;
    margin-top: 40px;
}

.why-crestar-section .content {
    max-width: 80%;
}

.why-crestar-section p {
    font-size: 14px;
    line-height:20px;
}


.why-crestar-section .tag {
    padding: 13px 15px;
    font-size: 11px;
}

.why-crestar-section .tags {
    gap: 5px;
    width: 100%;
}

.why-crestar-section::after {
    right: 3%;
    transform: translateX(47%);
    bottom: -64px;
    background-size: 24%;
}


.fm-card.top-label {
    padding-right: 0px;
}

.fm-pill{
        font-size: 22px;
        line-height: 22px;
}

.product-title{
        font-size: 18px;
}

.b_title {
    font-size: 24px;
    line-height: 26px;
    width: 84%;
}

.promo .cta {
    font-size: 13px;
    margin-top: 19px;
}

.small-cards .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #242424;
    width: 100%;
}

.small-cards a {
    font-size: 12px;
}

.small-card{
        padding-bottom: 90px;
}

.small-cards .fm-card:nth-of-type(1):after {
    content: "";
    position: absolute;
    background: url(/cdn/shop/files/Frame_153.png?v=1762262528;aliceblue);
    padding: 20px;
    width: 50%;
    height: 41%;
    right: -2px;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: 88%;
}

.small-cards .fm-card:nth-of-type(2):after {
    content: "";
    position: absolute;
    background: url(/cdn/shop/files/Frame_159.png?v=1762262513);
    padding: 20px;
    width: 52%;
    height: 55%;
    right: -17px;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: 71%;
}


.featured-mosaic-section{
    padding-bottom:0px;
}

.featured-mosaic-section .col-left{
    padding-right:20px;
}


   .scroll-banner-slider .banner-text {
  padding-left:10%;
}
.scroll-banner-slider .banner-image img{
        max-width: 77%;
        margin:auto;
}

.scroll-banner-slider .banner-text h2 {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 35px;
}

.scroll-banner-slider .banner-text .desc {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 20px;
}

.scroll-banner-slider .banner-text .btn {
    padding: 10px 25px;
    border-radius: 80px;
    text-decoration: none;
    transition: all 0.3s;
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
}

.scroll-banner-slider .banner-text .subtitle {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 100%;
}

.scroll-banner-slider .owl-carousel .banner-slide {
    background-size: 100% 100%;
    background-position: center;
    padding: 0px;
    height: 435px;
}

.scroll-banner-slider .banner-text h2:after {
    right: 30%;
    background-size: 33%;
}

.owl-nav .owl-next {
    right: -30px;
}

.owl-nav .owl-prev {
    left: -30px;
}

html{
    overflow-x:hidden;
}

.promotion-blocks--image img {
    height: 97%;
    object-fit: cover;
    width: 100%;
}

.promotion-custom .promotion-blocks--text h6 {
    font-size: 20px;
}

.promotion-custom .text-button--has-icon:before {
    background-size: 56%;
    width: 100%;
    right: -18px;
}

.promotion-custom .promotion-blocks--item{
    flex-direction: column-reverse;
    /* height: 151px; */
    gap: 0;
}

.promotion-blocks--image{
    margin-left:0px
}

.trending .section-header--title,.featured-mosaic-section .section-header__title,.merchandise .section-header--title,.custom-left_h,.customer-reviews .section-header--title{
        font-size:32px;
}
.product-card .product-card-title{
        font-size: 18px;
}

.product-card .price{
            font-size: 14px;
}

.product-card .product-inventory-notice--text{
        font-size:11px
}

.product-inventory-notice--pulse
 {
    isplay: inline-flex;
    width: 6px;
    height: 6px;
    margin: 4px 6px 4px 4px;
}

.two-cols p:before {
    top: 96px;
    width: 52%;
    background-size: 94%;
}

.merchandise .section-header:after {
    content: "";
    background: #00000052;
    height: 1px;
    width: 72%;
    position: absolute;
    top: 19%;
    right: 0;
}

.faq-grid summary {
    font-size: 12px;
    line-height: 100%;
    text-transform: capitalize;
}

.faq-grid details {
    padding: 15px 20px;
    width: 48%;
}

.faq-grid details p {
    font-size: 15px;
    color: #676767;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    margin-top: 24px;
}

.custom-left_d {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}

.faq-section{
    padding-bottom:0px
}
.news-content h3{
        font-size: 18px;
        line-height: 22px;
}

.read-more{
            font-size: 14px;
}

.news-updates-slider .section-heading{
            font-size: 30px;
}

.news-updates-slider .section-subheading {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-top: 18px;
}

a.read-more:after {
    content: "";
    background: url(/cdn/shop/files/Vector_ee349923-664c-4484-81da-79d65d870048.png?v=1762521162);
    padding: 20px;
    background-repeat: no-repeat;
    background-size: 12%;
    right: -69%;
    top: 5px;
}

.news-posts-carousel .owl-nav button{
    position:static;
    margin-top:50px;
    margin-right:10px;
}

.subscribe-btn {
    background: #fff;
    color: #242424;
    border: none;
    padding: 10px 22px;
    border-radius: 33px;
    cursor: pointer;
    transition: 0.3s 
ease;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
}

h2.about-title,.single-card .card-title,.single-card .card-title,.dual-block h2 ,.timeline-carousel .year,.preset-title,.preset-title{
        font-size: 32px;
}

.about-image img {
    width: 100%;
    height: 100%;
    object-fit: unset;
    border-radius: 4px;
    padding: 10px;
}

.about-wrapper{
    gap:10px;
}

.about-text {
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    color: black;
}

.about-content{
    padding:20px;
}

.about-btn {
    margin-top: 13px;
    padding: 7px 21px;
    border-radius: 80px;
    font-weight: 600;
    font-size: 14px;
}

.about-title:after {
    content: "";
    height: 1px;
    width: 61%;
    right: 0;
}

.breadcrumbs {
    font-size: 13px;
    margin-bottom: 35px;
}

.about-banner{
        padding: 20px;
        margin-bottom: 0;
}
}

/* ipad pro */

@media (min-width: 769px) and (max-width: 1025px){

.about-image img {
    width: 83%;
    height: 100%;
    object-fit: unset;
    border-radius: 4px;
    padding: 10px;
}

.about-wrapper{
    gap:10px;
}

.about-text {
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    color: black;
}

.about-content{
    padding: 40px;
}

.about-btn {
    margin-top: 13px;
    padding: 7px 21px;
    border-radius: 80px;
    font-weight: 600;
    font-size: 17px;
}

.about-title:after {
    content: "";
    height: 1px;
    width: 82%;
    right: 0;
}

.breadcrumbs {
    font-size: 13px;
    margin-bottom: 35px;
}

.about-banner{
        padding: 20px;
        margin-bottom: 0;
}

  h2.about-title,.single-card .card-title,.single-card .card-title,.dual-block h2 ,.timeline-carousel .year,.preset-title,.preset-title{
        font-size: 36px;
}

  .news-content h3{
        font-size: 18px;
        line-height: 22px;
}

.read-more{
            font-size: 14px;
}

.news-updates-slider .section-heading{
            font-size: 30px;
}

.news-updates-slider .section-subheading {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-top: 18px;
}

a.read-more:after {
    content: "";
    background: url(/cdn/shop/files/Vector_ee349923-664c-4484-81da-79d65d870048.png?v=1762521162);
    padding: 20px;
    background-repeat: no-repeat;
    background-size: 12%;
    right: -69%;
    top: 5px;
}

.news-posts-carousel .owl-nav button{
    position:static;
    margin-top:50px;
    margin-right:10px;
}

.subscribe-btn {
    background: #fff;
    color: #242424;
    border: none;
    padding: 10px 22px;
    border-radius: 33px;
    cursor: pointer;
    transition: 0.3s 
ease;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
}
.faq-grid summary {
    font-size: 12px;
    line-height: 100%;
    text-transform: capitalize;
}

.faq-grid details {
    padding: 15px 20px;
    width: 48%;
}

.faq-grid details p {
    font-size: 15px;
    color: #676767;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    margin-top: 24px;
}

.custom-left_d {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}

.faq-section{
    padding-bottom:0px
}

.merchandise .section-header:after {
    content: "";
    background: #00000052;
    height: 1px;
    width: 78%;
    position: absolute;
    top: 19%;
    right: 0;
}

.two-cols p:before {
    top: 96px;
    width: 52%;
    background-size: 94%;
}
  .why-crestar-section {
    padding: 40px 20px;
    color: #fff;
    width: 88%;
    margin-top: 40px;
}

.why-crestar-section .content {
    max-width: 58%;
}

.why-crestar-section p {
    font-size: 14px;
    line-height:20px;
}


.why-crestar-section .tag {
    padding: 13px 15px;
    font-size: 11px;
}

.why-crestar-section .tags {
    gap: 5px;
    width: 100%;
}

.why-crestar-section::after {
    right: 3%;
    transform: translateX(47%);
    bottom: -64px;
    background-size: 18%;
}

.why-crestar-section::before {
    left: 4%;
    bottom: -50px;
    background-size: 14%;
}


.fm-card.top-label {
    padding-right: 0px;
}

.fm-pill{
        font-size: 22px;
        line-height: 22px;
}

.product-title{
        font-size: 20px;
}

.b_title {
    font-size: 26px;
    line-height: 29px;
    width: 84%;
}

.promo .cta {
    font-size: 13px;
    margin-top: 19px;
}

.small-cards .title {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    color: #242424;
    width: 100%;
}

.small-cards a {
    font-size: 12px;
}

.small-card{
        padding-bottom: 90px;
}

.small-cards .fm-card:nth-of-type(1):after {
    content: "";
    position: absolute;
    background: url(/cdn/shop/files/Frame_153.png?v=1762262528;aliceblue);
    padding: 20px;
    width: 50%;
    height: 41%;
    right: -2px;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: 88%;
}

.small-cards .fm-card:nth-of-type(2):after {
    content: "";
    position: absolute;
    background: url(/cdn/shop/files/Frame_159.png?v=1762262513);
    padding: 20px;
    width: 52%;
    height: 55%;
    right: -17px;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: 71%;
}


.featured-mosaic-section{
    padding-bottom:0px;
}

.featured-mosaic-section .col-left{
    padding-right:20px;
}

  .scroll-banner-slider .banner-text {
  padding-left:10%;
}
.scroll-banner-slider .banner-image img{
        max-width: 77%;
        margin:auto;
}

.scroll-banner-slider .banner-text h2 {
    margin-bottom: 10px;
    font-size: 44px;
    line-height: 38px;
}

.scroll-banner-slider .banner-text .desc {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 20px;
}

.scroll-banner-slider .banner-text .btn {
    padding: 10px 25px;
    border-radius: 80px;
    text-decoration: none;
    transition: all 0.3s;
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
}

.scroll-banner-slider .banner-text .subtitle {
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 100%;
}

.scroll-banner-slider .owl-carousel .banner-slide {
    background-size: 100% 100%;
    background-position: center;
    padding: 0px;
    height: 435px;
}

.scroll-banner-slider .banner-text h2:after {
    right: 30%;
    background-size: 33%;
}

.owl-nav .owl-next {
    right: -30px;
}

.owl-nav .owl-prev {
    left: -30px;
}

html{
    overflow-x:hidden;
}

.promotion-blocks--image img {
    height: 97%;
    object-fit: cover;
    width: 100%;
}

.promotion-custom .promotion-blocks--text h6 {
    font-size: 15px;
}

.promotion-custom .text-button--has-icon:before {
    background-size: 56%;
    width: 100%;
    right: -18px;
}

.promotion-custom .promotion-blocks--item{
    /* flex-direction: column-reverse; */
    /* height: 151px; */
    gap: 0;
}

.promotion-blocks--image{
    margin-left:0px
}

.trending .section-header--title,.featured-mosaic-section .section-header__title,.merchandise .section-header--title,.custom-left_h,.customer-reviews .section-header--title{
        font-size:36px;
}

.product-card .product-card-title{
        font-size: 20px;
}

.product-card .price{
            font-size: 15px;
}

.product-card .product-inventory-notice--text{
        font-size:11px
}

.product-inventory-notice--pulse
 {
    isplay: inline-flex;
    width: 6px;
    height: 6px;
    margin: 4px 6px 4px 4px;
}
}