/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 18:1 Expected identifier but found "%"
Line 19:0 Unexpected "{"
Line 19:1 Unexpected "{"
Line 19:11 Expected ":"
Line 21:0 Unexpected "{"
Line 21:1 Expected identifier but found "%"
Line 22:2 Unexpected "{"
Line 22:3 Unexpected "{"
... and 179 more hidden warnings

**/
{% comment %} 
    Fonts 
{% endcomment %}
{{ settings.font_headings | font_face: font_display: 'swap' }}

{% unless settings.font_body.system %}
  {{ settings.font_body | font_face: font_display: 'swap' }}
  {{ settings.font_body | font_modify: 'weight', '500' | font_face: font_display: 'swap' }}
  {{ settings.font_body | font_modify: 'weight', '700' | font_face: font_display: 'swap' }}
  {{ settings.font_body | font_modify: 'style', 'italic' | font_face: font_display: 'swap' }}
{% endunless %}
 
:root {
  {%- comment -%} 
    Colors
  {%- endcomment -%}
  --bs-primary: {{ settings.color_primary }};
  --bs-primary-rgb: {{ settings.color_primary | color_to_rgb | remove: 'rgb(' | remove: ')' }};
  --bs-secondary: {{ settings.color_secondary }};
  --bs-secondary-rgb: {{ settings.color_secondary | color_to_rgb | remove: 'rgb(' | remove: ')' }};
  --bs-tertiary: {{ settings.color_tertiary }};
  --bs-tertiary-rgb: {{ settings.color_tertiary | color_to_rgb | remove: 'rgb(' | remove: ')' }};
  --bs-body-bg: {{ settings.color_body_bg }};
  --bs-body-bg-rgb: {{ settings.color_body_bg | color_to_rgb | remove: 'rgb(' | remove: ')' }};
  --bs-body-color: {{ settings.color_body_color }};
  --bs-body-color-rgb: {{ settings.color_body_color | color_to_rgb | remove: 'rgb(' | remove: ')' }};
  --bs-success: {{ settings.color_success }};
  --bs-success-rgb: {{ settings.color_success | color_to_rgb | remove: 'rgb(' | remove: ')' }};
  --bs-warning: {{ settings.color_warning }};
  --bs-warning-rgb: {{ settings.color_warning | color_to_rgb | remove: 'rgb(' | remove: ')' }};
  --bs-danger: {{ settings.color_danger }};
  --bs-danger-rgb: {{ settings.color_danger | color_to_rgb | remove: 'rgb(' | remove: ')' }};
  --bs-info: {{ settings.color_info }};
  --bs-info-rgb: {{ settings.color_info | color_to_rgb | remove: 'rgb(' | remove: ')' }};

  {% comment -%} 
    General
  {%- endcomment -%}
  --bs-container-max-width: {{ settings.container_max_width | append: 'px' }};
  --bs-border-radius: {{ settings.border_radius | append: 'rem' }};
  --bs-border-opacity: {{ settings.border_opacity | append: '%' }};

  {% comment -%} 
    Typography
  {%- endcomment -%}
  --bs-body-font-family: {{ settings.font_body.family }}, {{ settings.font_body.fallback_families }};
  --bs-body-font-weight: {{ settings.font_body.weight }};
  --bs-headings-font-family: {{ settings.font_headings.family }}, {{ settings.font_headings.fallback_families }};
  --bs-headings-font-weight: {{ settings.font_headings.weight }};
  --bs-headings-text-transform: {{ settings.font_headings_text_transform }};
  --bs-headings-letter-spacing: {{ settings.font_headings_letter_spacing | times: 0.05 | append: 'rem' }};

  {% comment -%} 
    Modal/Dialog
  {%- endcomment -%}
  --bs-dialog-backdrop-color-rgb: {{ settings.dialog_backdrop_color | prepend: 'var(--' | append: ')' }};
  --bs-dialog-backdrop-opacity: {{ settings.dialog_backdrop_opacity | append: '%' }};
  --bs-dialog-backdrop-blur: {{ settings.dialog_backdrop_blur | append: 'px' }};
  --bs-dialog-backdrop-blur: {{ settings.dialog_backdrop_blur | append: 'px' }};
  --bs-dialog-header-bg-color-rgb: {{ settings.dialog_header_bg_color | prepend: 'var(--bs-' | append: '-rgb)' }};
  --bs-dialog-header-bg-opacity: {{ settings.dialog_header_bg_opacity | append: '%' }};
  --bs-dialog-header-text-color: {{ settings.dialog_header_text_color | prepend: 'var(--bs-' | append: ')' }};
  --bs-dialog-header-border-width: {{ settings.dialog_header_border_width | append: 'px' }};
  --bs-dialog-header-border-color-rgb: {{ settings.dialog_header_border_color | prepend: 'var(--bs-' | append: '-rgb)'  }};
  --bs-dialog-header-border-opacity: {{ settings.dialog_header_border_opacity | append: '%' }};
  --bs-dialog-header-title-font-size: {{ settings.dialog_header_title_font_size | append: 'em' }};

  {% comment -%} 
    Various
  {%- endcomment -%}
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
  --bs-box-shadow-md: 0 0.25rem 0.5rem rgba(var(--bs-body-color-rgb), 0.125);
  --bs-box-shadow-lg: 0 .5rem 1rem rgba(var(--bs-body-color-rgb), 0.175);
  --bs-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .125);
  --bs-box-shadow: var(--bs-box-shadow-md);
  --icon-chevron-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='{{ settings.color_body_color | remove: '#' | prepend: '%23' }}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 15l-6-6-6 6'/%3E%3C/svg%3E");
  --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='{{ settings.color_body_color | remove: '#' | prepend: '%23' }}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}

{%- comment -%} 
  Buttons
{%- endcomment -%}
.btn {
  --bs-btn-font-size: {{ settings.btn_font_size | append: 'rem' }};
  --bs-btn-text-transform: {{ settings.btn_text_transform }};
  --bs-btn-font-family-new: {{ settings.btn_font_family }};
  --bs-btn-font-weight: {{ settings.btn_font_weight }};
  --bs-btn-letter-spacing: {{ settings.btn_letter_spacing | times: 0.05 | append: 'rem' }};
  --bs-btn-bg-gradient: {% if settings.btn_bg_gradient %}var(--bs-gradient){% endif %};
  --bs-btn-padding-x: {{ settings.btn_padding_x | append: 'rem' }};
  --bs-btn-padding-y: {{ settings.btn_padding_y | append: 'rem' }};
}

{%- comment -%} 
  Other
{%- endcomment -%}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23{{ settings.color_body_bg | remove: '#' }}'/%3e%3c/svg%3e");
}

.accordion {
}

 

/*
  Variables
*/
:root {
  --bs-link-color: currentColor;
  --bs-link-color-rgb: currentColor;
  --bs-link-hover-color: currentColor;
  --bs-link-hover-color-rgb: currentColor;
  --bs-border-color: rgba(var(--text-color-rgb, var(--bs-body-color-rgb)), var(--bs-border-opacity));
}


/*
  Various classes 
*/
.title {
  text-transform: var(--bs-headings-text-transform);
  letter-spacing: var(--bs-headings-letter-spacing);
}

.title-border-bottom span {
  border-bottom: 1px solid rgba(var(--bs-body-color-rgb), 1);
  display: inline-block;
  padding-bottom: 0.25rem;
}

.subtitle {
  text-transform: uppercase;
  letter-spacing: .1rem;
  opacity: .75;
}

.description {
}

.shadow-md {
  box-shadow: var(--bs-box-shadow-md);
}

.text-truncate-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/*
  Container
*/
.container {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-left: calc(var(--bs-gutter-x) * .5);
  padding-right: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
  max-width: var(--bs-container-max-width);
}

@media (max-width: 1199px) {
  .container {
    max-width: 800px;
  }
}


/*
  New Tertiary color
*/
.bg-tertiary { background-color: rgba(var(--bs-tertiary-rgb), var(--bs-bg-opacity, 1)) !important; }
.text-tertiary { color: rgba(var(--bs-tertiary-rgb), var(--bs-text-opacity)) !important; }
.border-tertiary { border-color: rgba(var(--bs-tertiary-rgb), var(--bs-border-opacity)) !important; }


/*
  Background/Text
*/
.bg-primary { --bg-color-rgb: var(--bs-primary-rgb); }
.bg-secondary { --bg-color-rgb: var(--bs-secondary-rgb); }
.bg-tertiary { --bg-color-rgb: var(--bs-tertiary-rgb); }
.bg-body { --bg-color-rgb: var(--bs-body-bg-rgb); }
.bg-white { --bg-color-rgb: var(--bs-white-rgb); }
.bg-success { --bg-color-rgb: var(--bs-success-rgb); }
.bg-warning { --bg-color-rgb: var(--bs-warning-rgb); }
.bg-danger { --bg-color-rgb: var(--bs-danger-rgb); }
.bg-info { --bg-color-rgb: var(--bs-info-rgb); }

.text-primary { --text-color-rgb: var(--bs-primary-rgb); }
.text-secondary { --text-color-rgb: var(--bs-secondary-rgb); }
.text-tertiary { --text-color-rgb: var(--bs-tertiary-rgb); }
.text-body { --text-color-rgb: var(--bs-body-color-rgb); }
.text-white { --text-color-rgb: var(--bs-white-rgb); }
.text-success {  --text-color-rgb: var(--bs-success-rgb) }
.text-warning {  --text-color-rgb: var(--bs-warning-rgb) }
.text-danger {  --text-color-rgb: var(--bs-danger-rgb) }
.text-info {  --text-color-rgb: var(--bs-info-rgb) }

/*
  Border
*/
[class*="border-top-"] { border-top-style: solid; }
[class*="border-bottom-"] { border-bottom-style: solid; }

.border-body {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-body-color-rgb), var(--bs-border-opacity)) !important;
}


/*
  Headings
*/
.heading {
  font-family: var(--bs-headings-font-family);
}
 

/*
  Buttons
*/
.btn {
  --bs-btn-font-family: var(--bs-btn-font-family-new);
  font-weight: var(--bs-btn-font-weight);
  text-transform: var(--bs-btn-text-transform);
  letter-spacing: var(--bs-btn-letter-spacing);
  --bs-btn-border-width: 1px;
}

.btn-primary,
.btn-secondary {
  background-image: var(--bs-btn-bg-gradient);
}

.btn-primary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-border-color: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), .9);
  --bs-btn-hover-border-color: rgba(var(--bs-primary-rgb), .9);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-primary-rgb), .8);
  --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), .8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-body-color-rgb), 0.125);
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-disabled-border-color: rgba(var(--bs-primary-rgb), 1);
}

.btn-secondary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-border-color: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-secondary-rgb), .9);
  --bs-btn-hover-border-color: rgba(var(--bs-secondary-rgb), .9);
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-secondary-rgb), .8);
  --bs-btn-active-border-color: rgba(var(--bs-secondary-rgb), .8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-body-color-rgb), 0.125);
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-disabled-border-color: rgba(var(--bs-secondary-rgb), 1);
}

.btn-tertiary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: rgba(var(--bs-tertiary-rgb), 1);
  --bs-btn-border-color: rgba(var(--bs-tertiary-rgb), 1);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-tertiary-rgb), .9);
  --bs-btn-hover-border-color: rgba(var(--bs-tertiary-rgb), .9);
  --bs-btn-focus-shadow-rgb: var(--bs-tertiary-rgb);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-tertiary-rgb), .8);
  --bs-btn-active-border-color: rgba(var(--bs-tertiary-rgb), .8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-body-color-rgb), 0.125);
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: rgba(var(--bs-tertiary-rgb), 1);
  --bs-btn-disabled-border-color: rgba(var(--bs-tertiary-rgb), 1);
}

.btn-white {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-bg: rgba(var(--bs-white-rgb), 1);
  --bs-btn-border-color: rgba(var(--bs-white-rgb), 1);
  --bs-btn-hover-color: var(--bs-primary);
  --bs-btn-hover-bg: rgba(var(--bs-white-rgb), .9);
  --bs-btn-hover-border-color: rgba(var(--bs-white-rgb), .9);
  --bs-btn-focus-shadow-rgb: var(--bs-white-rgb);
  --bs-btn-active-color: var(--bs-primary);
  --bs-btn-active-bg: rgba(var(--bs-white-rgb), .8);
  --bs-btn-active-border-color: rgba(var(--bs-white-rgb), .8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-primary-rgb), 0.125);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: rgba(var(--bs-white-rgb), 1);
  --bs-btn-disabled-border-color: rgba(var(--bs-white-rgb), 1);
}

.btn-light-primary {
  --bs-btn-color: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-bg: rgba(var(--bs-primary-rgb), .1);
  --bs-btn-border-color: rgba(var(--bs-primary-rgb), .1);
  --bs-btn-hover-color: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), .2);
  --bs-btn-hover-border-color: rgba(var(--bs-primary-rgb), .2);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-color: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-active-bg: rgba(var(--bs-primary-rgb), .3);
  --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), .3);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-body-color-rgb), 0.125);
  --bs-btn-disabled-color: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-disabled-bg: rgba(var(--bs-primary-rgb), .1);
  --bs-btn-disabled-border-color: rgba(var(--bs-primary-rgb), .1);
}

.btn-light-secondary {
  --bs-btn-color: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-bg: rgba(var(--bs-secondary-rgb), .1);
  --bs-btn-border-color: rgba(var(--bs-secondary-rgb), .1);
  --bs-btn-hover-color: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-hover-bg: rgba(var(--bs-secondary-rgb), .2);
  --bs-btn-hover-border-color: rgba(var(--bs-secondary-rgb), .2);
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-active-color: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-active-bg: rgba(var(--bs-secondary-rgb), .3);
  --bs-btn-active-border-color: rgba(var(--bs-secondary-rgb), .3);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-body-color-rgb), 0.125);
  --bs-btn-disabled-color: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-disabled-bg: rgba(var(--bs-secondary-rgb), .1);
  --bs-btn-disabled-border-color: rgba(var(--bs-secondary-rgb), .1);
}

.btn-light-tertiary {
  --bs-btn-color: rgba(var(--bs-tertiary-rgb), 1);
  --bs-btn-bg: rgba(var(--bs-tertiary-rgb), .1);
  --bs-btn-border-color: rgba(var(--bs-tertiary-rgb), .1);
  --bs-btn-hover-color: rgba(var(--bs-tertiary-rgb), 1);
  --bs-btn-hover-bg: rgba(var(--bs-tertiary-rgb), .2);
  --bs-btn-hover-border-color: rgba(var(--bs-tertiary-rgb), .2);
  --bs-btn-focus-shadow-rgb: var(--bs-tertiary-rgb);
  --bs-btn-active-color: rgba(var(--bs-tertiary-rgb), 1);
  --bs-btn-active-bg: rgba(var(--bs-tertiary-rgb), .3);
  --bs-btn-active-border-color: rgba(var(--bs-tertiary-rgb), .3);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-body-color-rgb), 0.125);
  --bs-btn-disabled-color: rgba(var(--bs-tertiary-rgb), 1);
  --bs-btn-disabled-bg: rgba(var(--bs-tertiary-rgb), .1);
  --bs-btn-disabled-border-color: rgba(var(--bs-tertiary-rgb), .1);
}

.btn-light-white {
  --bs-btn-color: rgba(var(--bs-white-color-rgb), 1);
  --bs-btn-bg: rgba(var(--bs-white-rgb), .1);
  --bs-btn-border-color: rgba(var(--bs-white-rgb), .1);
  --bs-btn-hover-color: rgba(var(--bs-white-rgb), 1);
  --bs-btn-hover-bg: rgba(var(--bs-white-rgb), .2);
  --bs-btn-hover-border-color: rgba(var(--bs-white-rgb), .2);
  --bs-btn-focus-shadow-rgb: var(--bs-white-rgb);
  --bs-btn-active-color: rgba(var(--bs-white-rgb), 1);
  --bs-btn-active-bg: rgba(var(--bs-white-rgb), .3);
  --bs-btn-active-border-color: rgba(var(--bs-white-rgb), .3);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-body-color-rgb), 0.125);
  --bs-btn-disabled-color: rgba(var(--bs-white-rgb), 1);
  --bs-btn-disabled-bg: rgba(var(--bs-white-rgb), .1);
  --bs-btn-disabled-border-color: rgba(var(--bs-white-rgb), .1);
}

.btn-outline-primary {
  --bs-btn-color: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-hover-color: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), .1);
  --bs-btn-hover-border-color: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-body-color-rgb), 0.125);
  --bs-btn-disabled-color: var(--bs-whtie);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgba(var(--bs-primary-rgb), 1);
}

.btn-outline-secondary {
  --bs-btn-color: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-hover-color: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-hover-bg: rgba(var(--bs-secondary-rgb), .1);
  --bs-btn-hover-border-color: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-secondary-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-body-color-rgb), 0.125);
  --bs-btn-disabled-color: var(--bs-whtie);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgba(var(--bs-secondary-rgb), 1);
}

.btn-outline-tertiary {
  --bs-btn-color: rgba(var(--bs-tertiary-rgb), 1);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: rgba(var(--bs-tertiary-rgb), 1);
  --bs-btn-hover-color: rgba(var(--bs-tertiary-rgb), 1);
  --bs-btn-hover-bg: rgba(var(--bs-tertiary-rgb), .1);
  --bs-btn-hover-border-color: rgba(var(--bs-tertiary-rgb), 1);
  --bs-btn-focus-shadow-rgb: var(--bs-tertiary-rgb);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-tertiary-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-tertiary-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-body-color-rgb), 0.125);
  --bs-btn-disabled-color: var(--bs-whtie);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgba(var(--bs-tertiary-rgb), 1);
}

.btn-outline-white {
  --bs-btn-color: rgba(var(--bs-white-rgb), 1);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: rgba(var(--bs-white-rgb), 1);
  --bs-btn-hover-color: rgba(var(--bs-white-rgb), 1);
  --bs-btn-hover-bg: rgba(var(--bs-white-rgb), .1);
  --bs-btn-hover-border-color: rgba(var(--bs-white-rgb), 1);
  --bs-btn-focus-shadow-rgb: var(--bs-white-rgb);
  --bs-btn-active-color: var(--bs-body-color);
  --bs-btn-active-bg: rgba(var(--bs-white-rgb), 1);
  --bs-btn-active-border-color: rgba(var(--bs-white-rgb), 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-white-color-rgb), 0.125);
  --bs-btn-disabled-color: var(--bs-body-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgba(var(--bs-white-rgb), 1);
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: rgba(var(--bs-primary-rgb), .6);
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 var(--bs-body-color);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  text-decoration: underline;
}

.btn-success {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: rgba(var(--bs-success-rgb), 1);
  --bs-btn-border-color: rgba(var(--bs-success-rgb), 1);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-success-rgb), .9);
  --bs-btn-hover-border-color: rgba(var(--bs-success-rgb), .9);
  --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-success-rgb), .8);
  --bs-btn-active-border-color: rgba(var(--bs-success-rgb), .8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-body-color-rgb), 0.125);
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: rgba(var(--bs-success-rgb), 1);
  --bs-btn-disabled-border-color: rgba(var(--bs-success-rgb), 1);
}

.btn-warning {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: rgba(var(--bs-warning-rgb), 1);
  --bs-btn-border-color: rgba(var(--bs-warning-rgb), 1);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-warning-rgb), .9);
  --bs-btn-hover-border-color: rgba(var(--bs-warning-rgb), .9);
  --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-warning-rgb), .8);
  --bs-btn-active-border-color: rgba(var(--bs-warning-rgb), .8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-body-color-rgb), 0.125);
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: rgba(var(--bs-warning-rgb), 1);
  --bs-btn-disabled-border-color: rgba(var(--bs-warning-rgb), 1);
}

.btn-danger {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: rgba(var(--bs-danger-rgb), 1);
  --bs-btn-border-color: rgba(var(--bs-danger-rgb), 1);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-danger-rgb), .9);
  --bs-btn-hover-border-color: rgba(var(--bs-danger-rgb), .9);
  --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-danger-rgb), .8);
  --bs-btn-active-border-color: rgba(var(--bs-danger-rgb), .8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-body-color-rgb), 0.125);
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: rgba(var(--bs-danger-rgb), 1);
  --bs-btn-disabled-border-color: rgba(var(--bs-danger-rgb), 1);
}

.btn-info {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: rgba(var(--bs-info-rgb), 1);
  --bs-btn-border-color: rgba(var(--bs-info-rgb), 1);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: rgba(var(--bs-info-rgb), .9);
  --bs-btn-hover-border-color: rgba(var(--bs-info-rgb), .9);
  --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: rgba(var(--bs-info-rgb), .8);
  --bs-btn-active-border-color: rgba(var(--bs-info-rgb), .8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--bs-body-color-rgb), 0.125);
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: rgba(var(--bs-info-rgb), 1);
  --bs-btn-disabled-border-color: rgba(var(--bs-info-rgb), 1);
}

.btn-sm {
  --bs-btn-padding-x: .8rem;
  --bs-btn-padding-y: .2rem;
  font-size: .9rem;
  border-radius: var(--bs-border-radius);
}

.btn-lg {
  --bs-btn-padding-x: 1.2rem;
  --bs-btn-padding-y: .4rem;
  font-size: 1.2rem;
  border-radius: var(--bs-border-radius);
}

.btn.loading {
  position: relative;
  text-indent: -9999rem;
}

.btn.loading svg {
  display: none;
}

.btn.loading::after {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.55rem 0 0 -0.55rem;
  border-radius: 50%;
  border: 0.15rem solid currentcolor;
  border-right-color: transparent;
  animation: spinner-border 0.75s linear infinite;
}

.input-group-sm .btn.loading::after,
.btn.loading.btn-sm::after {
  width: 1rem;
  height: 1rem;
  margin: -0.5rem 0 0 -0.5rem;
}

.input-group-lg .btn.loading::after,
.btn.loading.btn-lg::after {
  width: 1.25rem;
  height: 1.25rem;
  margin: -0.7rem 0 0 -0.7rem;
}


/*
  Carousel
*/
.carousel {
  --caption-color-rgb: var(--text-color-rgb, 255, 255, 255);
}

.carousel-item {
  transition-duration: var(--transition-duration, 600ms);
}

.carousel-control-prev,
.carousel-control-next {
  width: auto;
  height: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  padding: .25rem .5rem;
  color: currentColor;
  opacity: 1;
  border: 1px solid rgba(var(--caption-color-rgb), .5);
  color: rgba(var(--caption-color-rgb), .75);
  border-radius: var(--bs-border-radius);
  transition: all .2s ease-out;
}

.carousel-control-prev:focus, 
.carousel-control-prev:hover,
.carousel-control-next:focus, 
.carousel-control-next:hover {
  color: rgba(var(--caption-color-rgb), 1);
  background-color: rgba(var(--caption-color-rgb), .1);
  border-color: rgba(var(--caption-color-rgb), .75);
  opacity: 1;
}

.carousel-control-prev:focus-visible, 
.carousel-control-next:focus-visible {
  box-shadow: 0 0 0 .25rem rgba(var(--caption-color-rgb), .25);
}

.carousel-control-prev {
  left: 1rem;
}

.carousel-control-next {
  right: 1rem;
}

.carousel-control-prev svg,
.carousel-control-next svg {
  transition: all .2s ease-out;
}

.carousel-control-prev:hover svg,
.carousel-control-prev:focus svg {
  transform: translateX(-2px);
}

.carousel-control-next:hover svg,
.carousel-control-next:focus svg {
  transform: translateX(2px);
}

.carousel-vertical .carousel-item-next:not(.carousel-item-start),
.carousel-vertical .carousel-item-end.active {
  transform: translateY(100%);
}

.carousel-vertical .carousel-item-prev:not(.carousel-item-end),
.carousel-vertical .carousel-item-start.active {
  transform: translateY(-100%);
}

.carousel-indicators [data-bs-target] {
  background-color: rgba(var(--caption-color-rgb), .2) !important;
  opacity: 1;
}

.carousel-indicators [data-bs-target] span {
  display: block;
  width: 0;
  height: 100%;
  background-color: rgba(var(--caption-color-rgb), 1);
}

.carousel-indicators [data-bs-target].active span {
  animation: carousel_indicator_autoplay 4s linear both;
  animation-duration: var(--duration);
}

@keyframes carousel_indicator_autoplay {
  from { width: 0%; }
  to { width: 100%; }
}

.carousel[data-bs-ride=false] [data-bs-target].active span {
  width: 100% !important;
}

.carousel-caption {
  color: rgba(var(--caption-color-rgb), 1);
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}

.carousel-caption-inner {
  width: 100%;
  margin-left: 1rem;
  margin-right: 1rem;
}

.carousel-zoom-in .carousel-item {
  overflow: hidden;
}

.carousel-zoom-in .carousel-item.active img, 
.carousel-zoom-in .carousel-item.active video {
  animation: carousel_zoom_in 1s ease-out both;
}

.carousel-zoom-out .carousel-item img,
.carousel-zoom-out .carousel-item video {
  transform: scale(1.2);
}

.carousel-zoom-out .carousel-item.active img,
 .carousel-zoom-out .carousel-item.active video {
  animation: carousel_zoom_out 1s ease-out both;
}

@keyframes carousel_zoom_in {
  to { transform: scale(1.2); }
}

@keyframes carousel_zoom_out {
  to { transform: scale(1); }
}

.media-full-screen-indicator {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  transition: all .2s ease-out;
  z-index: 1;
}

.has-scrolled .carousel .media-full-screen-indicator { 
  opacity: 0;
  transform: translate(-50%, -50%);
}

.carousel-indicators + .media-full-screen-indicator {
  bottom: 3.5rem;
}

.media-full-screen-indicator-border {
  width: 24px;
  height: 42px;
  border: 1.5px solid rgba(var(--bs-white-rgb), .25);
  border-radius: 12px;
  position: relative;
  text-align: center;
}

.media-full-screen-indicator-wheel {
  height: 6px;
  margin: 2px auto 0;
  display: block;
  width: 3px;
  background-color: white;
  border-radius: 50%;
  animation: 1.6s ease infinite media_full_screen_indicator;
}

@keyframes media_full_screen_indicator {
	0% { margin-top: 2px; opacity: 0; }
	30% { opacity: 1; }
	100% { margin-top: 20px; opacity: 0; }
}

@media (max-width: 1199px) {
  .carousel-caption.carousel-caption-mobile-top {
    top: 3%;
    bottom: auto;
  }
  .carousel-caption.carousel-caption-mobile-center {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
  .carousel-caption.carousel-caption-mobile-bottom {
    top: auto;
    bottom: 3%;
  }
  [data-carousel-indicators="true"] .carousel-caption.carousel-caption-mobile-bottom {
    bottom: 7%;
  }
  .media-full-screen-indicator {
    display: none;
  }
}

@media (min-width: 1200px) {
  .carousel-caption.carousel-caption-desktop-left {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    left: 15%;
    right: auto;
  }
  .carousel-caption.carousel-caption-desktop-center {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
  .carousel-caption.carousel-caption-desktop-right {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    left: auto;
    right: 15%;
  }
  .carousel-caption.carousel-caption-desktop-bottom {
    bottom: 3%;
  }
  [data-carousel-indicators="true"] .carousel-caption.carousel-caption-desktop-bottom {
    bottom: 7%;
  }
}


/*
  Separator (hr)
*/
hr {
  opacity: .1;
  background-color: currentColor;
  border: none;
  height: 1px;
  margin: 0;
}


/* 
  Forms
*/
.form-control,
.form-select {
  color: var(--bs-body-color);
  border-color: var(--bs-border-color);
}

.form-control:focus, 
.form-select:focus {
  color: var(--bs-body-color);
  border-color: rgba(var(--bs-primary-rgb), 1);
  box-shadow: var(--bs-focus-box-shadow);
}

.text-white .form-control:focus,
.text-white .form-select:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.1);
}

.form-select {
  --bs-form-select-bg-img: var(--icon-chevron-down);
  background-position: right .5rem center;
}

.form-select { 
  background-size: 16px;
}

.form-control-sm,
.form-select-sm,
.form-control-lg,
.form-select-lg {
  border-radius: var(--bs-border-radius);
}

.form-control-sm,
.form-select-sm {
  padding-top: .2rem;
  padding-bottom: .2rem;
}

.form-control-lg,
.form-select-lg {
  padding-top: .4rem;
  padding-bottom: .4rem;
}


::placeholder {
  color: var(--bs-body-color) !important;
  opacity: .7 !important;
}

.form-floating ::placeholder {
  opacity: 0 !important;
}

.form-label {
  margin-bottom: 0.375rem;
}

.input-group-text {
  background-color: rgba(var(--bs-body-color-rgb), 0.05);
  border-radius: var(--bs-border-radius);
}

.form-check-input {
  background-color: var(--bs-body-bg);
  border-color: rgba(var(--bs-body-color-rgb), .75);
}

.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
} 

.form-check-input:focus {
  border-color: rgba(var(--bs-primary-rgb), 0.5);
  box-shadow: var(--bs-focus-box-shadow);
}


/*
  Navs
*/
.nav {
  --bs-nav-link-padding-x: 0.65rem;
  --bs-nav-link-padding-y: 0.125rem;
  --bs-nav-link-color: currentColor;
  --bs-nav-link-hover-color: currentColor;
}

.nav-underline {
  --bs-nav-underline-link-active-color: currentColor;
}

.nav-link {
  border-radius: var(--bs-border-radius);
}

.nav-link:hover,
.nav-link:focus {
  background-color: rgba(var(--text-color-rgb), .1); 
}

.nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(var(--text-color-rgb), .15);
}

.nav-link.active {
}

.nav-link:active {
  background-color: rgba(var(--text-color-rgb), .2);
}

.nav-link-icon,
.btn-icon {
  position: relative;
  display: inline-flex;
  padding: .65rem;
  border-radius: 50rem;
  background-image: none;
}

.nav-link-icon:hover,
.nav-link-icon:focus,
.btn-icon:hover,
.btn-icon:focus {
  background-color: rgba(var(--text-color-rgb, var(--bs-body-color-rgb)), .1);
}

.nav-link-icon:active,
.btn-icon:active,
:not(.btn-check) + .btn-icon:active {
  background-color: rgba(var(--text-color-rgb, var(--bs-body-color-rgb)), .2);
  border-color: transparent;
}

.nav-tabs .nav-link,
.nav-underline .nav-link {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.nav-underline .nav-link {
  background-color: transparent;
}

.nav-pills {
  --bs-nav-pills-link-active-color: var(--bs-body-bg);
  --bs-nav-pills-link-active-bg: var(--bs-body-color);
}


/*
  Navbar
*/
.navbar-brand img {
  transition: all 0.2s ease-out;
}
.navbar-brand:hover img, .navbar-brand:focus img {
  opacity: 0.85;
}

/*
  Dropdown
*/
.dropdown-menu {
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.375rem;
  --bs-dropdown-link-hover-bg: rgba(var(--text-color-rgb, var(--bs-body-color-rgb)), .1); 
  --bs-dropdown-link-active-bg: rgba(var(--bs-body-color-rgb), .15);
  --bs-dropdown-link-active-color: currentColor;
  --bs-dropdown-border-color: var(--bs-border-color);
  --bs-dropdown-spacer: .25rem;
  --bs-dropdown-divider-bg: rgba(var(--text-color-rgb, --bs-primary-rgb), 0.15);
  --bs-dropdown-header-color: rgba(var(--text-color-rgb, var(--bs-body-color-rgb)), 1);
  box-shadow: var(--bs-dropdown-box-shadow);
}

.dropdown .dropdown-menu.show:not([data-popper-placement]) {
  animation: dropdown-menu-aninatiom 0.2s ease-out;
}

.dropup .dropdown-menu.show:not([data-popper-placement]) {
  animation: dropup-menu-aninatiom 0.2s ease-out;
}

@keyframes dropdown-menu-aninatiom {
  from { transform: translateY(-0.375rem);  }
  to { transform: none; }
}

@keyframes dropup-menu-aninatiom {
  from { transform: translateY(0.375rem);  }
  to { transform: none; }
}

.dropdown-toggle::after {
  margin-left: 0.1em;
  vertical-align: 0.15rem;
}

.dropdown-toggle.show::after {
  transform: rotate(180deg);
}

.dropdown-item {
  --bs-dropdown-link-color: rgba(var(--text-color-rgb, var(--bs-body-color-rgb)), 1); 
  --bs-dropdown-link-hover-color: rgba(var(--text-color-rgb, var(--bs-body-color-rgb)), 1); 
  --bs-dropdown-link-active-color: rgba(var(--text-color-rgb, var(--bs-body-color-rgb)), 1);
  --bs-dropdown-link-active-bg: rgba(var(--text-color-rgb, var(--bs-body-color-rgb)), .1);
  position: relative;
  transition: all 0.2s ease-out;
  line-height: normal;
  /* font-size: 0.95rem; */
}

.dropdown-item:hover,
.dropdown-item:focus {
  background: none;
}

.dropdown-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: linear-gradient(to right, var(--bs-dropdown-link-hover-bg), transparent);
  opacity: 0;
  transition: all .2s ease-out;
}

.dropdown-item:hover::after,
.dropdown-item:focus::after {
  opacity: 1;
}

.dropdown-item:active::after {
  background: rgba(var(--text-color-rgb, var(--bs-body-color-rgb)), .15);
}

.dropdown-item-subtitle {
  display: block;
  opacity: .7;
  line-height: normal;
  margin: 0;
}

.dropdown-divider {
  margin-left: var(--bs-dropdown-item-padding-x);
  margin-right: var(--bs-dropdown-item-padding-x);
  opacity: 1;
  height: 1px;
  border: none;
  background-color: var(--bs-dropdown-divider-bg);
}

.dropdown-item-title {
  font-size: 1rem;
  font-family: var(--bs-headings-font-family);
  font-weight: var(--bs-headings-font-weight);
  margin-bottom: 0.125rem;
  text-transform: uppercase;
}

.dropdown-header {
  border-bottom: 1px dotted var(--bs-border-color);
  font-family: var(--bs-headings-font-family);
  font-weight: var(--bs-headings-font-weight);
  margin: 1rem 0 .375rem;
  text-transform: uppercase;
}

.dropdown-menu li:first-child .dropdown-header {
  margin-top: 0;
}

.dropdown-item-img-wrapper {
  flex-shrink: 0;
  width: 64px;
}

.dropdown-megamenu {
  width: 100%;
  padding: .5rem 0 1rem;
  margin-top: 0 !important;
  border: none;
  border-radius: 0;
  box-shadow: 0 .5rem .5rem rgba(var(--bs-body-color-rgb), .25);
}

.dropdown-megamenu .dropdown-item {
  border-radius: var(--bs-border-radius);
  padding-left: .5rem;
  padding-right: .5rem;
}

.dropdown-megamenu .dropdown-item::after {
  border-radius: var(--bs-border-radius);
}

.dropdown-megamenu .grandchild-is-btn {
  margin-top: .75rem;
}

.dropdown-megamenu .grandchild-is-btn + .grandchild-is-btn {
  margin-top: .375rem;
}

.dropdown-megamenu .grandchild-is-btn .btn {
  width: 90%;
}

.dropup .dropdown-toggle::after {
  vertical-align: middle;
}


/* 
  Badge
*/
.badge {
  text-transform: uppercase;
}

.badge.badge-circle {
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  position: absolute;
  top: 0.327rem;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.75rem;
  animation: badge_circle 0.4s ease-out both;
  animation-delay: 0.4s;
  background-color: rgba(var(--text-color-rgb));
  color: rgba(var(--bg-color-rgb));
}

.badge.badge-circle[data-count="0"] {
  visibility: hidden;
}

@keyframes badge_circle {
  0% { opacity: 0; transform: scale(0); }
  50% { opacity: 0.5; transform: scale(1.25); }
  100% { opacity: 1; transform: scale(1); }
}


/*
  Modal/Offcanvas
*/
.modal {
  --bs-modal-header-padding: .75rem 1rem;
  --bs-modal-footer-border-color: rgba(var(--bs-dialog-header-border-color-rgb), var(--bs-dialog-header-border-opacity));
  --bs-modal-border-radius: var(--bs-border-radius);
}

.modal-dialog {
}

.offcanvas {
  --bs-modal-footer-border-color: rgba(var(--bs-dialog-header-border-color-rgb), var(--bs-dialog-header-border-opacity))
}

.offcanvas.offcanvas-start,
.offcanvas.offcanvas-end {
}

.offcanvas.offcanvas-start.show:not(.hiding), 
.offcanvas.offcanvas-end.showing {
  transform: none;
}

.modal-backdrop,
.offcanvas-backdrop {
  background-color: rgba(var(--bs-dialog-backdrop-color-rgb), var(--bs-dialog-backdrop-opacity));
  backdrop-filter: blur(var(--bs-dialog-backdrop-blur));
}

.modal-backdrop.show,
.offcanvas-backdrop.show {
  opacity: 1;
}

.modal-content,
.offcanvas {
  border: none;
  box-shadow: 0 0 1rem rgba(var(--bs-dialog-backdrop-color-rgb), 0.25);
}

.modal-header,
.offcanvas-header {
  background-color: rgba(var(--bs-dialog-header-bg-color-rgb), var(--bs-dialog-header-bg-opacity));
  color: var(--bs-dialog-header-text-color);
  border-bottom-style: solid;
  border-bottom-width: var(--bs-dialog-header-border-width);
  border-bottom-color: rgba(var(--bs-dialog-header-border-color-rgb), var(--bs-dialog-header-border-opacity));
  border-top-right-radius: 0;
  --bs-offcanvas-padding-y: .6rem;
}

.offcanvas-footer {
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: rgba(var(--bs-dialog-header-border-color-rgb), var(--bs-dialog-header-border-opacity));
}

.modal-title,
.offcanvas-title {
  font-size: var(--bs-dialog-header-title-font-size);
}

.offcanvas-backdrop,
.modal {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") 24 24, pointer;
}

.modal-content {
  cursor: default;
}

@media (max-width: 599px) {
  .offcanvas {
    --bs-offcanvas-width: 360px;
  }
  .modal-dialog {
  }
  .offcanvas-cart .offcanvas-footer {
	padding-bottom: 70px !important;
}
.shopify-product-form .product-title.title {
	font-size: 18px;
	font-weight: 500;
}

}


/*
  Spinners
*/
.spinner-border-sm {
  --bs-spinner-border-width: 0.15em;
}


/*
  Close btn
*/
.btn-close {
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 1;
  background: none;
  width: auto;
  height: auto;
  display: inline-flex;
  transition: all 0.3s ease-out;
  color: currentColor;
  border-radius: var(--bs-border-radius);
}

.btn-close:hover,
.btn-close:focus {
  transform: scale(1.1) rotate(90deg);
  color: currentColor;
}

.btn-close:focus {
  box-shadow: none;
}

.btn-close:focus-visible {
  outline: none;
  box-shadow: var(--bs-focus-box-shadow);
}

/*
  Alerts
*/
.alert {
  padding: 0.75rem 1rem;
  line-height: normal;
  font-weight: 500;
}

.alert-dismissible .btn-close {
  color: currentColor;
  padding: 0.75rem;
  margin-right: -1rem;
  margin-left: 0.5rem;
  position: relative;
  top: auto;
  left: auto;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary);
  --bs-alert-bg: rgba(var(--bs-primary-rgb), .1);
  --bs-alert-border-color: rgba(var(--bs-primary-rgb), 0.5);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary);
  --bs-alert-bg: rgba(var(--bs-secondary-rgb), .1);
  --bs-alert-border-color: rgba(var(--bs-secondary-rgb), 0.5);
}

.alert-tertiary {
  --bs-alert-color: var(--bs-tertiary);
  --bs-alert-bg: rgba(var(--bs-tertiary-rgb), .1);
  --bs-alert-border-color: rgba(var(--bs-tertiary-rgb), 0.5);
}

.alert-success {
  --bs-alert-color: var(--bs-success);
  --bs-alert-bg: rgba(var(--bs-success-rgb), .1);
  --bs-alert-border-color: rgba(var(--bs-success-rgb), 0.5);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning);
  --bs-alert-bg: rgba(var(--bs-warning-rgb), .1);
  --bs-alert-border-color: rgba(var(--bs-warning-rgb), 0.5);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger);
  --bs-alert-bg: rgba(var(--bs-danger-rgb), .1);
  --bs-alert-border-color: rgba(var(--bs-danger-rgb), 0.5);
}

.alert-info {
  --bs-alert-color: var(--bs-info);
  --bs-alert-bg: rgba(var(--bs-info-rgb), .1);
  --bs-alert-border-color: rgba(var(--bs-info-rgb), 0.5);
}


/*
  Tooltips
*/
.tooltip {
  --bs-tooltip-bg: rgba(var(--bs-body-color-rgb), .9);
  --bs-tooltip-opacity: 1;
  line-height: 1.3;
  font-size: .85rem;
  border-radius: var(--bs-tooltip-border-radius);
}

.tooltip.bg-primary { --bs-tooltip-bg: rgba(var(--bs-primary-rgb), .9); }
.tooltip.bg-secondary { --bs-tooltip-bg: rgba(var(--bs-secondary-rgb), .9); }
.tooltip.bg-body-color { --bs-tooltip-bg: rgba(var(--bs-body-color-rgb), .9); }


/*
  Popovers
*/
.popover {
  --bs-popover-border-color: var(--bs-border-color);
  --bs-popover-header-bg: rgba(var(--bs-primary-rgb), .05);
  box-shadow: var(--bs-box-shadow-sm);
}

/*
  List group
*/
.list-group {
  --bs-list-group-border-color: rgba(var(--bs-primary-rgb), .2);
  --bs-list-group-action-color: var(--bs-body-color);
  --bs-list-group-action-hover-color: var(--bs-body-color);
  --bs-list-group-action-hover-bg: rgba(var(--bs-primary-rgb), .05);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-light-darken-5);
  --bs-list-group-active-color: var(--bs-primary);
  --bs-list-group-active-bg: rgba(var(--bs-primary-rgb), .1);
  --bs-list-group-active-border-color: rgba(var(--bs-primary-rgb), .1); 
}

.list-group-item-action {
  transition: all 0.2s ease-out;
}

.list-group-item-action:focus-visible {
  outline: none;
  box-shadow: var(--bs-focus-box-shadow);
}


/*
  Tables
*/
caption {
  color: currentColor;
  opacity: .7;
  font-size: .9rem;
  text-align: center;
  padding: .75rem 0;
}


/*
  Collapse
*/
.collapse-wrapper {
  border-top: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
}

.collapse-wrapper + .collapse-wrapper {
  border-top: none;
}

.collapse-wrapper [data-bs-toggle=collapse] {
  position: relative;
  background: none;
  border: none;
  padding: 0.75rem 0;
  margin: 0;
  width: 100%;
  border-radius: 0;
  text-align: left;
  color: currentColor;
  display: flex;
  justify-content: space-between;
  align-items: center; 
}

.collapse-wrapper [data-bs-toggle=collapse] svg.svg-icon-chevron-down {
  margin-right: .125rem;
  transition: all .2s ease-out;
}

.collapse-wrapper [data-bs-toggle=collapse][aria-expanded=true] svg.svg-icon-chevron-down {
  transform: rotate(-180deg);
}

.collapse-wrapper [data-bs-toggle=collapse]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 .25rem rgba(var(--text-color-rgb), .25);
}

.collapse-wrapper .collapse-inner {
  padding: 0.25rem 0 1.75rem;
}


/*
  Accordion
*/
.accordion {
  --bs-accordion-btn-color: rgba(var(--text-color-rgb, var(--bs-body-color-rgb)), 1); 
  --bs-accordion-btn-icon: var(--icon-chevron-down);
  --bs-accordion-btn-active-icon: var(--icon-chevron-up);
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-focus-box-shadow: var(--bs-focus-box-shadow);
  --bs-accordion-active-color: rgba(var(--bs-body-bg-rgb), 1);
  --bs-accordion-active-bg: rgba(var(--bs-body-color-rgb), 1);
}

.accordion-button::after {
  --bs-accordion-btn-icon: var(--icon-chevron-down) !important;
  --bs-accordion-btn-active-icon: var(--icon-chevron-down) !important;
}

.accordion-button:focus:not(:focus-visible){
  box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
  filter: invert();
}

.accordion-button:focus-visible {
  background-color: var(--bs-accordion-active-bg);
}


/*
  Card
*/
.card {
  --bs-card-border-color: var(--bs-border-color);
  --bs-card-cap-padding-y: .75rem;
}


/*
  Image thumbnails
*/
.img-thumbnail {
  position: relative;
  overflow: hidden;
  transition: background-color 0.2s ease-out;
}

.img-thumbnail img {
  transition: all .2s ease-out;
}

.img-thumbnail-title {
  position: absolute;
  bottom: 0.25rem;
  left: 0.25rem;
  width: calc(100% - 0.5rem);
  background-color: rgba(var(--text-color-rgb, var(--bs-body-color-rgb)), 0.5);
  color: white;
  text-align: center;
  line-height: 1.1;
  padding: 0.375rem 0.5rem;
  transition: all 0.2s ease-out;
  border-radius: 0;
  backdrop-filter: blur(5px);
}

a:hover .img-thumbnail-title,
a:focus .img-thumbnail-title {
  background-color: rgba(var(--text-color-rgb, var(--bs-body-color-rgb)), 0.75);
  padding-top: .75rem;
  padding-bottom: .75rem;
}

a:hover .img-thumbnail img,
a:focus .img-thumbnail img {
  opacity: .9;
}



/*
  Progress
*/
.progress {
  background-color: rgba(var(--bs-body-color-rgb), 0.1)
}

.progress-bar {
  background-color: var(--bs-primary);
}



/*
  Pagination
*/
.pagination {
  --bs-pagination-hover-bg: rgba(var(--bs-primary-rgb), 0.05);
  --bs-pagination-active-color: var(--bs-primary);
  --bs-pagination-active-bg: rgba(var(--bs-primary-rgb), 0.1);
  --bs-pagination-active-border-color: var(--bs-primary);
  --bs-pagination-focus-bg: rgba(var(--bs-primary-rgb), 0.05);
  --bs-pagination-focus-box-shadow: var(--bs-focus-box-shadow);
}


/*
  Tables
*/
.table {
  --bs-table-color: var(--bs-body-color);
}

@media (max-width: 499px) {
  .table-responsive {
    padding: 0 1rem;
    margin: 0 -1rem;
  }
}


/*
  Ratios
*/
.ratio-3x4 {
  --bs-aspect-ratio: 125%;
}
.ratio-2x3 {
  --bs-aspect-ratio: 130%;
}

.ratio-9x16 {
  --bs-aspect-ratio: 143.75%;
}

.ratio-9x21 {
  --bs-aspect-ratio: 157.14%;
}

.ratio.adapt video {
  position: relative;
}


/*
  Swiper
*/
.swiper {
  --swiper-theme-color: var(--text-color-rgb, var(--bs-body-color-rgb));
  --swiper-navigation-color: rgb(var(--swiper-theme-color));
  --swiper-navigation-sides-offset: 0;
  --swiper-pagination-color: rgb(var(--swiper-theme-color));
  --swiper-pagination-right: 1rem;
  --swiper-pagination-bottom: 1rem;
  --swiper-pagination-bullet-horizontal-gap: .2rem;
  --swiper-pagination-bullet-vertical-gap: .2rem;
  --swiper-pagination-bullet-inactive-color: rgb(var(--swiper-theme-color));
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-fraction-color: rgb(var(--swiper-theme-color));
  --swiper-scrollbar-bg-color: rgba(var(--swiper-theme-color), .15);
  --swiper-scrollbar-drag-bg-color: rgba(var(--swiper-theme-color), 1);
  --swiper-scrollbar-sides-offset: 1%;
}

.swiper[data-controls-color="white"] {
  --swiper-theme-color: 255, 255, 255;
}

.swiper-button-prev,
.swiper-button-next {
  padding: .25rem .5rem;
  margin: 0;
  width: auto;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  transition: all .2s ease-out;
  opacity: 1;
  background-color: transparent;
  border: 1px solid rgba(var(--swiper-theme-color), 1);
  border-radius: var(--bs-border-radius);
}

.swiper-button-prev:hover,
.swiper-button-next:hover,
.swiper-button-prev:focus,
.swiper-button-next:focus {
  background-color: rgba(var(--swiper-theme-color), .1);
  opacity: 1;
}

.swiper-button-next:after, 
.swiper-button-prev:after {
  display: none;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 22px;
  height: 22px;
  transition: all .2s ease-out;
}

.swiper-button-prev:hover svg,
.swiper-button-prev:focus svg {
  transform: translateX(-2px);
}

.swiper-button-next:hover svg,
.swiper-button-next:focus svg {
  transform: translateX(2px);
}

.swiper-pagination-fraction {
  opacity: 1;
  line-height: normal;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
  border: 1px solid rgba(var(--swiper-theme-color), 1);
  background-color: transparent;
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: rgba(var(--swiper-theme-color), 1);
}

.swiper-slider {
  display: block;
}

.swiper-slider {
  opacity: 0;
  transition: all 200ms ease-out;
}

.swiper-slider.swiper-initialized {
  opacity: 1;
}

.swiper-slider .swiper-controls {
  margin-top: 1rem;
  position: relative;
  min-height: var(--swiper-navigation-size);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.swiper-slider [class*=swiper-button] {
}

.swiper-slider .swiper-button-prev {
}

.swiper-slider .swiper-button-next {
}

.swiper-slider .swiper-pagination {
  position: relative;
  bottom: auto;
  top: auto;
}

.swiper-slider .swiper-pagination-bullets-dynamic {
  left: auto !important;
  transform: none !important;
}

.swiper-slider .swiper-pagination-fraction {
}

.swiper-slider .swiper-scrollbar {
  max-width: 50vw;
  position: relative;
  bottom: auto;
  top: 0;
  left: auto;
  margin: 0 auto;
}

.swiper-slider .swiper-scrollbar:empty { 
  display: none; 
}

.swiper-slider[data-slider-pagination="true"] .swiper-scrollbar {
  margin-top: .75rem;
}

@media (max-width: 499px) {
  swiper-slider[data-slider-partial-slides-mobile="true"] {
  }
}

@media (min-width: 800px) {
  .swiper-slider .swiper-scrollbar { 
    max-width: 500px;
  }
}


/*
  noUiSlider
*/
body .noUi-horizontal {
  height: 5px;
}

body .noUi-horizontal .noUi-handle {
  width: 22px;
  height: 22px;
  top: -8px;
  border-radius: 50%;
  box-shadow: none;
  background-color: var(--bs-body-bg);
  border: 1.5px solid var(--bs-body-color);
  cursor: pointer;
}

body .noUi-horizontal .noUi-handle-lower {
  right: -8px;
}

body .noUi-horizontal .noUi-handle-upper {
  right: -16px;
}

body .noUi-handle::before,
body .noUi-handle::after {
  background-color: var(--bs-body-color);
  height: 8px;
  width: 1.5px;
  left: 7px;
  top: 5px;
}

body .noUi-handle::after {
  left: 11px;
}

body .noUi-target {
  box-shadow: none;
  background-color: rgba(var(--bs-body-color-rgb), .1);
  border: none;
  padding: 0 11px;
  border-radius: 50rem;
}

body .noUi-connect {
  background-color: var(--bs-body-color);
}



/*
  Recaptcha page
*/
.shopify-challenge__container {
  padding: 2rem;
}

/*
  Policy pages
*/
.shopify-policy__container {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
  max-width: 720px !important;
}

/*
  Shopify's system errors
*/
.errors ul {
  margin-bottom: 0;
}

/*
  Rich Text Editor (rte)
*/
.rte img {
  max-width: 100%;
  height: auto;
}

.rte p:last-child {
  margin-bottom: 0;
}


/*
  Breadcrumb
*/
.breadcrumb-nav {
  display: inline-flex;
}

.breadcrumb {
  --bs-breadcrumb-divider-color: currentColor;
  --bs-breadcrumb-item-active-color: currentColor;
  --bs-breadcrumb-font-size: .6rem;
  --bs-breadcrumb-margin-bottom: 0;
  font-style: italic;
}


/*
  Offcanvas menu
*/
#offcanvas-menu {
  box-shadow: none;
  border-top: none;
  max-width: 500px;
}

#offcanvas-menu .offcanvas-body {
  padding-top: 0;
  border-top: 1px solid rgba(var(--text-color-rgb), .15);
}

#offcanvas-menu .offcanvas-footer {
  border-top: none;
  background-color: rgba(var(--text-color-rgb), .05);
}

#offcanvas-menu .social-icons {
  border-radius: 50rem;
  background-color: rgba(var(--text-color-rgb), .05);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.accordion-nav {
  flex-direction: column;
}

.accordion-nav .nav-item {
  border-top: none;
  border-bottom: 1px dotted var(--bs-border-color);
}

.accordion-nav .nav-link {
  padding: .75rem 0;
  border-radius: 0;
  background-color: transparent;
}

.accordion-nav .nav-link.active {
  background-color: transparent;
  color: var(--bs-primary);
}

.accordion-nav .nav-link[aria-expanded="true"] {
  border-bottom-color: transparent;
}

.accordion-nav .nav-link[data-bs-toggle="collapse"] {
  position: relative;
}

/* .accordion-nav .nav-link[data-bs-toggle="collapse"]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0; 
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  background-image: var(--icon-chevron-down);
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform 0.2s ease-in-out;
}

.accordion-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after { 
  transform: translateY(-50%) rotate(-180deg);
} */

.accordion-nav .nav-link svg {
  margin-right: .5rem;
}

.accordion-nav .dropdown-item {
  --bs-dropdown-item-padding-x: 0;
  --bs-dropdown-item-padding-y: .5em;
  --bs-dropdown-item-border-radius: var(--bs-border-radius);
  --bs-dropdown-link-active-bg: trasparent;
  --bs-dropdown-link-active-color: var(--bs-primary);
}

.accordion-nav .dropdown-item[data-has-subtitle="true"] {
  --bs-dropdown-item-padding-y: .375em;
}

.accordion-nav .nav {
  margin: 0 0 1.5rem;
  border-left: 1px dotted var(--bs-border-color);; 
  padding-left: 1rem;
}

.accordion-nav .dropdown-divider {
  background-color: rgba(var(--text-color-rgb, --bs-primary-rgb), .1);
  margin: 0.5rem 0;
}

.accordion-nav .dropdown-header {
  padding-top: .25rem;
  padding-bottom: .5rem;
  text-align: center;
}

.accordion-nav .nav > li:first-child .dropdown-header {
  margin-top: .25rem;
}

.collections-nav {
  flex-wrap: nowrap;
  overflow: auto;
  margin-left: -1rem;
  margin-right: -1rem;
  padding: .5rem 0;
  background-color: rgba(var(--text-color-rgb), .1);
}

.collections-nav .nav-item {
  width: 40vw;
  max-width: 200px;
  flex-shrink: 0;
}

.collections-nav .nav-item:first-child {
  margin-left: .5rem;
}

.collections-nav .nav-item:last-child {
  margin-right: .5rem;
}

[dir="rtl"] .collections-nav .nav-item:first-child {
  margin-left: 0;
  margin-right: .5rem;
}

.collections-nav .nav-link {
  font-size: .9rem;
  padding: 0.375rem;
  background: transparent;
}


/*
  Localization form
*/
.shopify-localization-form .list-group-item-action {
  display: flex;
  align-items: center;
  padding: 0.75rem 0.75rem;
  border: none;
  border-radius: var(--bs-border-radius);
}

.shopify-localization-form .localization-form-item-img {
  display: flex;
}

.shopify-localization-form .localization-form-item-text {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}


/*
  Payment icons
*/
.payment-icons {
  list-style: none;
  padding: 0;
  margin: 0 -.1rem;
  display: inline-flex;
}

.payment-icons svg {
  display: flex;
  height: 20px;
  width: 100%;
  margin: .1rem;
}

.payment-icons-text {
  display: block;
  line-height: normal;
  opacity: .7;
  margin-top: -0.3rem;
}


/*
  Social media icons
*/
ul.social-icons {
  display: inline-flex;
  padding: 0;
  margin: 0;
}

ul.social-icons a {
  display: inline-flex;
  padding: 0.6rem;
  transition: all 0.2s ease-out;
}

ul.social-icons a:hover,
ul.social-icons a:focus {
  transform: scale(1.1);
}

ul.social-icons a:active {
  transform: scale(1.2);
}


/*
  QTY (Quantity) Wrapper
*/
.qty-input-wrapper {
  position: relative;
}

.qty-input-wrapper .btn {
  position: absolute;
  top: 0;
  padding: 0;
  width: 2rem;
  height: 100%;
  box-shadow: none;
  border: none; 
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.qty-input-wrapper .btn:focus-visible {
  box-shadow: var(--bs-focus-box-shadow);
}

.qty-input-wrapper .btn-qty-minus {
  left: 0;
}

.qty-input-wrapper .btn-qty-plus {
  right: 0
}

.qty-input-wrapper .form-control {
  text-align: center;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 7rem;
  appearance: textfield;
}

.qty-input-wrapper .form-control-sm {
  width: 6rem;
}

.qty-input-wrapper .form-control-lg {
  width: 8rem;
}

.qty-input-wrapper .form-control::-webkit-outer-spin-button,
.qty-input-wrapper .form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}


/*
  Wishlist buttons
*/
.img-btn-wishlist {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  display: inline-flex;
  padding: 0.75rem;
  border-radius: 50rem;
  transition: all 200ms ease-out;
  background: transparent;
  color: rgba(var(--controls-color-rgb), 1);
}

.img-btn-wishlist:hover,
.img-btn-wishlist:focus {
  color: rgba(var(--controls-color-rgb), 1);
  transform: scale(1.15);
}

.img-btn-wishlist:active,
.img-btn-wishlist.active {
  border-color: transparent !important;
}

.img-btn-wishlist.active svg {
  fill: rgba(var(--controls-color-rgb), 1);
  stroke: rgba(var(--controls-color-rgb), 1);
}

.img-btn-wishlist:focus-visible {
  box-shadow: var(--bs-focus-box-shadow);
}


/*
  Offcanvas wishtlist/ recently viewed
*/
.wishlist-container,
.recently-viewed {
  display: flex;
  flex-direction: column;
  overflow: auto;
  max-height: 100%;
}


/*
  Search 
*/
#offcanvas-search .predictive-search {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.search-form .form-control-wrapper {
  position: relative;
}

.search-form .form-control-wrapper button[type="submit"] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.75;
  padding-left: .75rem;
  padding-right: .75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 2px);
  transition: all .2s ease-out;
  background-color: var(--bs-light);
  color: var(--bs-body-color);
  right: 1px;
}

.search-form .form-control-wrapper button[type="submit"]:hover,
.search-form .form-control-wrapper button[type="submit"]:focus {
  opacity: 1;
}

.search-form .form-control-wrapper .form-control {
  padding-right: 3.25rem;
}

.predictive-search-results .list-group-item {
  padding: 0;
  border-style: dotted;
}

.predictive-search-results .list-group-item-action {
  display: block;
  padding: 0.5rem 0.5rem;
  text-decoration: none;
}

.predictive-search-results-queries-list mark {
  padding: 0;
  background-color: transparent;
  opacity: 1;
}

.predictive-search-results-queries-list span {
  opacity: 0.5;
}

.predictive-search-results-products-list .list-group-item {
  border: none;
}

.predictive-search-results-products-list .list-group-item-action {
  padding-left: 0;
  padding-right: 0;
}

.predictive-search-results-products-list .list-group-item-action:hover {
  background-color: transparent;
}

.predictive-search-results-products-list .btn-atc,
.predictive-search-results-products-list .btn-quick-view {
  width: 100%;
}

@media (max-width: 499px) {
  .offcanvas-search {
    width: 100% !important;
  }
}


/*
  Blog/Article
*/
.blog-header {
  border-top-style: solid;
  border-bottom-style: solid;
  text-align: center;
}

.blog-main {
  border-top-style: solid;
  border-bottom-style: solid;
}

.blog-utilities {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.article-card-link {
  text-decoration: none;
  color: currentColor;
}

.article-card-title {
  transition: color 200ms ease-out;
}

.article-card-link:hover .article-card-title,
.article-card-link:focus .article-card-title {
  color: var(--bs-primary);
}

.article-card-img-wrapper img {
  width: 100%;
  transition: all .2s ease-out;
}

a:hover .article-card-img-wrapper img {
  opacity: .85;
}

.article-card-tags {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#offcanvas-blog-tags {
  width: 320px;
}

#offcanvas-blog-tags .list-group-item-action {
  border-bottom-style: dashed;
  border-bottom-width: 1px;
}

.article-footer {
  /* background-color: rgba(var(--text-color-rgb), .05); */
  border: 1px dotted var(--bs-border-color);
  padding: .75rem .75rem;
  border-radius: var(--bs-border-radius);
}

/*
  Animate.style
*/
.animate__fadeInUpShort { animation-name: fadeInUpShort; }

@keyframes fadeInUpShort {
  0% {
    opacity: 0;
    transform: translate3d(0, 25%, 0)
  }
  to {
    opacity: 1;
    transform: translateZ(0)
  }
}


/*
  Filepond
*/
body .filepond--root {
  font-family: var(--bs-body-font-family);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-body-bg);
  margin: 0;
}
body {
	font-family: var(--bs-body-font-family) !important;
}
.description .product-meta-details ul {
	grid-template-columns: auto;
}
.description .product-meta-details {
	margin: 0px;
}

body .filepond--panel-root {
  background: none;
}

body .filepond--root .filepond--credits[style] {
  /* display: none; */
}

@media screen and (max-width: 600px){
  #product-dropup-select-offcanvas {
	padding-bottom: 60px;
}
}

@media screen and (max-width: 768px){
  .sticky-atc {
	bottom: 50px;
}
}

.h2, h2 {
	font-size: calc(.975rem + 1vw);
}
.page-type-collection #main .shopify-section > div, .page-type-collection #main .shopify-section > section, .page-type-collection #main .shopify-section > header > div {
	background-color: #f1f1f1 !important;
	background-image: none !important;
}
.product-card-img-wrapper .img-fluid {
	border-radius: 5px;
}
.product-card-img-wrapper {
	position: relative;
	transition: all .2s ease-out;
}
.product-card-img-wrapper::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 20%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.1) 80%, transparent 100%);
	pointer-events: none;
	z-index: 1;
}
.product-card-color-swatches.color-swatches {
	position: absolute;
	bottom: 0;
	z-index: 11;
	font-size: 10px;
	padding-left: 5px;
	text-align: left;
	justify-content: start;
	margin-bottom: 0;
}
.product-card-color-swatches .btn img {
	border-radius: 50%;
	width: 35px;
	height: 35px;
}
.product-card-color-swatches .btn img {
	object-fit: cover;
	object-position: top;
}
.product-options .color-swatches input + label img {
	border-radius: 50rem;
	transition: all .2s ease-out;
	width: 40px;
	height: 40px;
	object-fit: cover;
	object-position: top;
}
.product-card .img-btn-wishlist {
	padding: .35rem;
	color: rgb(255, 255, 255);
}
.product-title.title.mb-0.h2 {
	letter-spacing: 0;
	text-transform: none;
	font-size: 20px;
	font-weight: 500;
}

  @media screen and (max-width: 580px){
    .product-card .product-card-title.product-title {
	font-size: 0.8rem !important;
}
product-card.product-card {
	background-color: #fafafa;
}
.product-card .product-card-title {
	min-height: 32px;
}
.h3, h3 {
	font-size: calc(1.025rem + .9vw);
}
.product-card .product-card-price-compare {
	font-size: 10px;
	line-height: 1.2;
	position: relative;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
}
.product-card .product-card-price-compare::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
	background-color: currentColor;
	transform: translateY(-50%);
}


.shoppable-videos .product-wrapper {
	font-size: 11px !important;
  padding: .45rem;
}
.shoppable-videos .product-wrapper .product-card-title {
	font-size: 8px;
}
.collection-card-title-top, .collection-card-title-bottom {
	padding: .1rem !important;
	font-size: 0.8em !important;
}
a:hover .img-thumbnail .collection-card-title-top, a:focus .img-thumbnail .collection-card-title-top, a:hover .img-thumbnail .collection-card-title-bottom, a:focus .img-thumbnail .collection-card-title-bottom {
	padding-top: 0.3rem !important;
	padding-bottom: 0.3rem !important;
}



  }

 

/*
  Header
*/
#header-group {
  transition: transform .4s ease-out;
}

#header-group.hide {
  transform: translateY(-100%);
}


/* 
  Announcement bar
*/
.announcement-bar {
  position: relative;
  overflow: hidden;
}

.announcement-bar .description {
  text-align: center;
  margin: 0;
}

.announcement-bar .description a {
  color: currentColor;
  transition: all .2s ease-out;
}

.announcement-bar .description a:hover,
.announcement-bar .description a:focus {
  opacity: .75;
}

.announcement-bar .carousel {
  margin-left: auto;
  margin-right: auto;
  padding-left: .5rem;
  padding-right: .5rem;
}

.announcement-bar .carousel-control {
  background-color: transparent;
  border-color: transparent;
}

.announcement-bar .carousel-control-prev {
  left: -1.25rem;
}

.announcement-bar .carousel-control-next {
  right: -1.25rem;
}

.announcement-bar .animated-countdown {
  display: inline-flex;
  padding: 0 .25rem;
}

.announcement-bar .animated-countdown > span {
  background-color: rgba(var(--text-color-rgb), 1);
  color: rgba(var(--bg-color-rgb), 1);
  font-weight: 600;
  border-radius: var(--bs-border-radius);
  margin: 0 .125rem;
  display: inline-flex;
  padding: 0 .25rem;
  letter-spacing: normal;
  font-family: sans-serif;
}

.announcement-bar .animated-countdown > span em {
  font-style: normal;
  text-transform: lowercase;
  font-size: .8em;
}

/*
  Navbar
*/
#navbar-wrapper {
  display: block;
  position: relative;
}

#navbar-wrapper.shadow {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

#navbar-wrapper .navbar-logo {
  font-size: 1.5rem;
  text-decoration: none;
  color: currentColor;
  transition: all .2s ease;
}

#navbar-wrapper .navbar-logo:hover,
#navbar-wrapper .navbar-logo:focus {
  opacity: .75;
}

.nav-desktop-menu .nav-item {
  padding: 0 .075rem;
}

.nav-desktop-menu .nav-link {
  border: 1px solid transparent;
}

.nav-desktop-menu .nav-link.active {
  border-color: rgba(var(--text-color-rgb), 1);
}

.svg-icon-menu line {
  opacity: 1;
  transform: rotate(0) translateY(0) translateX(0);
  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
}

.svg-icon-menu-close line:nth-child(1) {
  transform: rotate(45deg) translate(6px, -12px);
}
 
.svg-icon-menu-close line:nth-child(2) {
  opacity: 0;
}

.svg-icon-menu-close line:nth-child(3) {
  transform: rotate(-45deg) translate(-12px, 0px);
}

body #main::after,
body #footer-group::after  {
  content: "";
  transition: all .4s ease-out;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: rgba(var(--bs-dialog-backdrop-color-rgb), var(--bs-dialog-backdrop-opacity));
  backdrop-filter: blur(var(--bs-dialog-backdrop-blur));
} 

body.navbar-dropdown-open #main,
body.navbar-dropdown-open #footer-group {
  position: relative;
}

body.navbar-dropdown-open #main::after,
body.navbar-dropdown-open #footer-group::after {
  animation: navbar_dropdown_open .4s ease-out both;
}

@keyframes navbar_dropdown_open {
  to { opacity: 1; visibility: visible; }
}


/*
  Footer
*/
#footer {
  position: relative;
  overflow: hidden;
}

#footer .container {
  position: relative;
}

#footer .nav-link {
  transition: all .2s ease-out;
  background-color: transparent;
}

#footer .nav:hover .nav-link {
  opacity: .6;
}

#footer .nav:hover .nav-link:hover,
#footer .nav:hover .nav-link:focus { 
  opacity: 1;
}

#footer .social-icons {
}

#footer .collapse-wrapper {
  border-color: rgba(var(--text-color-rgb), .5);
}

#footer hr {
  opacity: .25;
}

#footer .footer-about {
  background-color: rgba(var(--text-color-rgb), var(--bs-bg-opacity));
  border: var(--bs-border-width) solid rgba(var(--text-color-rgb), var(--bs-border-opacity));
  border-radius: var(--bs-border-radius);
}

#footer .footer-about.bg-body .collapse-wrapper {
  border-color: rgba(var(--text-color-rgb), 1);
}

#footer .footer-about .collapse-inner {
  text-align: left;
  padding-top: .5rem;
}

#footer .footer-about .collapse-wrapper [aria-expanded="true"]  .svg-wrapper svg {
  animation: headShake;
  animation-duration: 1s;
  animation-delay: .2s;
}

#footer-btn-scroll-top {
  border-radius: var(--bs-border-radius);
  border: 1px solid rgba(var(--text-color-rgb), 0);
  color: currentColor;
  display: inline-flex;
  align-items: center;
}

#footer-btn-scroll-top:hover,
#footer-btn-scroll-top:focus {
  background-color:  rgba(var(--text-color-rgb), .1);
  border-color:  rgba(var(--text-color-rgb), .5);
}

#footer-btn-scroll-top:hover svg,
#footer-btn-scroll-top:focus svg {
  animation: footer_btn_scroll_top 1s ease-out infinite;
}

@keyframes footer_btn_scroll_top {
  to { transform: translateY(-3px); }
}

.bg-primary #footer-newsletter [class="form-control"],
.bg-secondary #footer-newsletter [class="form-control"],
.bg-tertiary #footer-newsletter [class="form-control"] {
  background-color: rgba(var(--bs-black-rgb), .25);
  border-color: rgba(var(--bs-white-rgb), .5);
  transition: all .2s ease-out;
}

.bg-primary #footer-newsletter [class="form-control"]:focus,
.bg-secondary #footer-newsletter [class="form-control"]:focus,
.bg-tertiary #footer-newsletter [class="form-control"]:focus {
  background-color: rgba(var(--bs-black-rgb), .5);
  border-color: rgba(var(--bs-white-rgb), .75);
}

#footer-newsletter button {
  color: currentColor;
}

#footer-newsletter button:focus-visible {
  background-color: rgba(var(--text-color-rgb), .1);
}

#footer-newsletter button:active {
  border-color: transparent;
  background-color: rgba(var(--text-color-rgb), .1);
}

@media (max-width: 1199px) {
  #footer-copyright [data-col="1"] { order: 2; }
  #footer-copyright [data-col="2"] { order: 1; }
  #footer-copyright [data-col="3"] { order: 3; }
}

#footer-mobile .footer-blocks [data-bs-toggle="collapse"] {
  transition: all .2s ease-out;
}

#footer-mobile .footer-blocks [data-bs-toggle="collapse"][aria-expanded="true"] {
  background-color: rgba(var(--text-color-rgb), 1);
  color: rgba(var(--bg-color-rgb), 1);
  padding-left: 1rem;
  padding-right: 1rem;
}

#footer-mobile .footer-blocks .collapse-inner {
  padding: 1rem 0;
}

#footer-mobile .footer-block {
  border-left: 1px dotted rgba(var(--text-color-rgb), .5);
}

#footer-mobile .footer-block .nav-link {
  padding: .375rem 1rem;
}

#footer-desktop .footer-block .title span {
  display: inline-block;
  padding: 0.25rem 1rem;
  background: rgba(var(--text-color-rgb), 1);
  color: rgba(var(--bg-color-rgb), 1);
  border-radius: var(--bs-border-radius);
  transition: all .2s;
}

#footer-desktop .footer-block-inner {
  border-left: 1px dotted rgba(var(--text-color-rgb), .5);
}

#footer-desktop .footer-block .title {
  margin-bottom: .5rem;
}

#footer-desktop .footer-block .nav-link {
  padding: .25rem 1rem;
}



/*
  Hero carousel
*/
.hero-carousel {
  display: block;
  position: relative;
  overflow: hidden;
}

.hero-carousel .media-wrapper img,
.hero-carousel .media-wrapper video {
  display: flex;
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: 100vh;
}

.hero-carousel .media-wrapper {
  --opacity: 0;
  position: relative;
  width: 100%;
  height: 100%;
}

.hero-carousel .media-wrapper::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(var(--overlay-color-rgb, 0, 0, 0), var(--overlay-opacity, 0.7));
  backdrop-filter: blur(var(--overlay-blur, 0));
}

.hero-carousel .carousel-control:hover,
.hero-carousel .carousel-control:focus {
  box-shadow: 0 0 1rem rgba(var(--caption-color-rgb), .125);
}

.hero-carousel .carousel-control-prev { left: 2%; }
.hero-carousel .carousel-control-next { right: 2%; }

.carousel-media .carousel-control-prev, 
.carousel-media .carousel-control-next {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none !important;
}

.hero-carousel .carousel,
.hero-carousel .carousel-inner,
.hero-carousel .carousel-item {
  height: 100%;
}

.hero-carousel .carousel-caption {
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  transform: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0;
}

.hero-carousel .carousel-caption .subtitle,
.hero-carousel .carousel-caption .title,
.hero-carousel .carousel-caption .description,
.hero-carousel .carousel-caption .btn-wrapper {
  animation-duration: 500ms;
  animation-timing-function: ease-out;
}

.hero-carousel .carousel-caption .subtitle {
  animation-delay: 400ms;
} 

.hero-carousel .carousel-caption .title {
  animation-delay: 600ms;
}

.hero-carousel .carousel-caption .description {
  animation-delay: 800ms;
}

.hero-carousel .carousel-caption .btn-wrapper {
  animation-delay: 1000ms;
}

.carousel-text .carousel-item {
  position: relative;
}

.hero-carousel .placeholder-svg {
  background: rgba(var(--text-color-rgb), 1);
  height: 100%;
  width: 100%;
} 

@media (max-width: 1199px) {
 [data-carousel-indicators="true"] .carousel-caption {
    padding-bottom: 2.5rem !important;
  }
}

@media (min-width: 600px) and (max-width: 1199px) {
  .hero-carousel .carousel-media {
    min-height: 40vh;
  }
}


/*
  Image overlay
*/
.image-overlay {
  position: relative;
}

.image-overlay img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}

.image-overlay .img-wrapper {
  --opacity: 0;
}

.image-overlay .img-wrapper::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(var(--overlay-color-rgb, 0, 0, 0), var(--overlay-opacity, 0.7));
  backdrop-filter: blur(var(--overlay-blur, 0));
}

.image-overlay .title,
.image-overlay .description {
  animation-duration: 500ms;
  animation-timing-function: ease-out;
}

.image-overlay .title {
  animation-delay: .2s;
}

.image-overlay .description {
  animation-delay: .4s;
}


/* 
  Featured Products
*/
.featured-products {
  position: relative;
  overflow: hidden;
  display: block;
}

.featured-products-nav {
  overflow: auto;
  flex-wrap: nowrap;
}

.featured-products-nav .nav-item {
  flex-shrink: 0;
}

.featured-products-nav .nav-link {
  text-transform: uppercase;
}

@media (max-width: 599px) {
  .featured-products-nav[data-overflow="true"] {
    justify-content: flex-start !important;
    padding: 0 1rem;
    margin: 0 -1rem;
    -ms-overflow-style: none; 
    scrollbar-width: none;
  }
  .featured-products-nav[data-overflow="true"]::-webkit-scrollbar {
    display: none;
  }
}


/* 
  Featured collections
*/
.featured-collections {
  display: block;
}


/*
  Simple collections
*/
.simple-collections {
  overflow: hidden;
}

.simple-collections-list {
}

.simple-collections-item {
  flex-shrink: 0;
  animation-duration: 750ms;
}

.simple-collections-item a {
  color: currentColor;
  text-decoration: none;
}

.simple-collections-item .img-wrapper {
  position: relative;
}

.simple-collections-item  img {
  transition: opacity .4s ease-out, transform .2s ease-out;
}

.simple-collections-item .img-wrapper .img-thumbnail {
  padding: .15rem;
}

.simple-collections-item a:hover img {
  opacity: .85;
}

.simple-collections-item a:active img {
  opacity: .25;
}

.simple-collections-item .img-wrapper::after {
  content: "";
  background-color: rgba(var(--text-color-rgb), .5);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'%3E%3C/polygon%3E%3C/svg%3E");
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
}

.simple-collections-item.active .img-wrapper::after {
  visibility: visible;
  animation: simple_collections_item_active .4s ease-out both;
  animation-delay: .6s;
}

@keyframes simple_collections_item_active {
  to { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}

.simple-collections-item .img-wrapper-circle img {
  border-radius: 50rem;
}

.simple-collections-item a:hover .img-wrapper-circle img {
  transform: rotate(5deg);
}

.viewport-detect .simple-collections-list[data-has-animation="true"] .simple-collections-item {
  animation-name: var(--item-animation-name);
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.viewport-entered .simple-collections-list[data-has-animation="true"] .simple-collections-item {
  animation-play-state: running;
}

.simple-collections-item  .svg-placeholder {
  width: 120px;
  height: 120px;
}

@media (max-width: 1199px) {
  .simple-collections .container {
    padding: 0;
  }
  .simple-collections-list {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 1rem;
  }
  .simple-collections-item {
    max-width: 28vw;
  }
}


/*
  Marquee
*/
.marquee {
  position: relative;
  display: block;
}

.marquee-wrapper {
  overflow: hidden;
  opacity: 0;
  animation: marquee_init 1s ease-out both;
}

@keyframes marquee_init {
  to { opacity: 1;}
}

.marquee-list {
  margin: 0;
  list-style: none;
  display: inline-flex;
  align-items: center;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  padding: 0;
  margin: 0;
}

@media (prefers-reduced-motion: reduce) {
  .marquee-list {
    animation: none;
  }
}

.marquee-list:hover {
  animation-play-state: paused;
}

.marquee-list li {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  transition: all .2s ease-out;
}

.marquee-list li a {
  transition: all .2s ease-out;
  text-decoration: none;
  color: currentColor;
}

.marquee-list li a:hover,
.marquee-list li a:focus {
  opacity: .75;
}

.marquee-separator-icon {
  display: flex;
  color: var(--separator-icon-color);
  opacity: var(--separator-icon-opacity);
  transition: all .2s ease-out;
}

.marquee-list:hover .marquee-separator-icon {
  transform: scale(1.4);
}

.marquee-bg-left {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background-color: currentColor;
}

[data-marquee-direction="left"] .marquee-bg-left {
  left: 0;
}

[data-marquee-direction="right"] .marquee-bg-left {
  left: 50%;
}

[data-bg-dual="true"] .marquee-wrapper {
  color: var(--bs-white);
  mix-blend-mode: difference;
}

[data-bg-dual="true"] .marquee-separator-icon {
  color: currentColor;
}



/*
  Media with text
*/
.media-with-text {
}

.media-with-text img {
  width: 100%;
}

.media-with-text video {
  position: absolute;
  object-fit: cover;
  display: flex;
}


/*
  Sticky media
*/
.sticky-media {
  display: block;
  position: relative;
}

.sticky-media .media-wrapper {
  --opacity: 0;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.sticky-media .media-wrapper::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(var(--overlay-color-rgb, 0, 0, 0), var(--overlay-opacity, 0.7));
  backdrop-filter: blur(var(--overlay-blur, 0));
}

.sticky-media-media {
  display: flex;
  object-fit: cover;
  width: 100vw;
  height: 100vh;
}

.sticky-media .media-wrapper svg.placeholder-svg {
  min-width: 100vw;
  min-height: 100vh;
}

.sticky-media-caption-wrapper {
  position: relative;
  margin-top: -100vh;
}

.sticky-media-caption-inner {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 1rem;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sticky-media.text-white .subtitle,
.sticky-media.text-white .title,
.sticky-media.text-white .description {
  text-shadow: 1px 1px 1px rgba(var(--overlay-color-rgb, 0, 0, 0), .25);
}


/*
  Parallax media
*/
.parallax-media {
  display: block;
  position: relative;
  overflow: hidden;
}

.parallax-media .media-wrapper {
  --opacity: 0;
}

.parallax-media .media-wrapper::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(var(--overlay-color-rgb, 0, 0, 0), var(--overlay-opacity, 0.7));
  backdrop-filter: blur(var(--overlay-blur, 0));
}

.parallax-media-media {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}

[data-full-screen="true"] .parallax-media-media {
  height: 100vh !important;
}

.simple-parallax-initialized .parallax-media-media {
  position: static;
  transform: none;
}

.parallax-media-caption-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.parallax-media-caption-inner {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.parallax-media::before,
.parallax-media::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 12px;
  z-index: 2;
}

.parallax-media::before { top: 0 }
.parallax-media::after { bottom: 0 }

.parallax-media[data-overlay-top-bottom-border="true"]::before,
.parallax-media[data-overlay-top-bottom-border="true"]::after {
  background: rgba(var(--text-color-rgb), .1);
}

/*
  Sticky ATC (Add to cart)
*/
.sticky-atc {
  position: fixed;
  left: 0;
  bottom: 0px;
  width: 100%;
  transform: translateY(100%);
  transition: all 0.4s ease-out;
  visibility: hidden;
  z-index: 1019;
}

.sticky-atc.show {
  visibility: visible;
  transform: translateY(0);
}

.sticky-atc .product-card {
  padding-bottom: env(safe-area-inset-bottom);
}

.sticky-atc-inner {
  border-top-style: solid;
  border-bottom-style: solid;
}

.sticky-atc img {
  max-width: 60px;
}

.sticky-atc img.img-thumbnail {
  padding: .125rem;
}

.sticky-atc .jdgm-preview-badge {
  margin-bottom: .1rem !important;
}

.sticky-atc .product-card-price {
}


/*
  FAQ
*/
.faq {
}


/*
  Richtext
*/
.richtext {
}


/*
  Contact form
*/
.contact-form-section {
}


/*
  Page content
*/
.page-content {
}



/*
  Cart list
*/
.card-list {
}


/*
  Card slider
*/
.card-slider {
  position: relative;
  overflow: hidden;
}


/*
  HTML/Liquid
*/
.html-section {
  display: block;
}


/*
  Countdown
*/
.countdown {
  display: block;
  overflow: hidden;
}

.countdown-inner {
  border-style: solid;
  border-radius: var(--bs-border-radius);
  position: relative;
}

.countdown-inner .animated-countdown {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.countdown-inner .description {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.countdown .animated-countdown {
  display: flex;
  align-items: center;
  justify-content: center;
}

.countdown .animated-countdown > span {
  background-color: var(--bs-body-bg);
  border-radius: 50rem;
  margin: .5rem;
}

.countdown .animated-countdown > span > span {
  border-width: 2px;
  border-style: solid;
  border-color: var(--bs-border-color);
  width: 7rem;
  height: 7rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50rem;
  font-size: 2.75rem;
  line-height: 1;
  animation: animated_countdown_item 1s linear infinite alternate;
}

.countdown .animated-countdown > span:nth-child(2) > span { animation-delay: .5s; }
.countdown .animated-countdown > span:nth-child(3) > span { animation-delay: 1s; }
.countdown .animated-countdown > span:nth-child(4) > span { animation-delay: 1.5s; }

@keyframes animated_countdown_item {
  from { transform:  translateY(-.25rem) }
  to { transform:  translateY(.25rem) }
}

.countdown .animated-countdown > span > span > em {
  font-size: 1rem;
  display: block;
  margin-bottom: .25rem;
  opacity: .75;
  font-style: normal;
}

.countdown.viewport-detect .animated-countdown[data-has-animation="true"] > span {
  animation-name: var(--animation-name);
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.countdown.viewport-entered .animated-countdown[data-has-animation="true"] > span {
  animation-play-state: running;
}

@media (max-width: 799px) {
  .countdown .animated-countdown > span {
    margin: .2rem;
  }
  .countdown .animated-countdown > span > span {
    width: 4.5rem;
    height: 4.5rem;
    font-size: 1.9rem;
  }
  .countdown .animated-countdown > span > span > em {
    font-size: .75rem;
  }
}


/*
  Newsletter
*/
.newsletter {
}

.newsletter-form .form-floating .form-floating-icon {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-52%);
  opacity: 0.75;
  z-index: 3;
  color: rgba(var(--text-color-rgb), 1);
}

.newsletter-form .form-floating input {
  padding-left: 3.5rem;
  color: rgba(var(--text-color-rgb), 1);
}

.newsletter-form .form-floating label {
  padding-left: 3.5rem;
}

.newsletter-form .form-floating label::after {
  display: none;
}

.newsletter-form .form-floating input:not(:placeholder-shown) + label,
.newsletter-form .form-floating input:focus + label {
  transform: scale(.85) translateY(-0.5rem) translateX(0.6rem);
  color: currentColor;
}

.newsletter-form .form-floating button {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  z-index: 3;
  height: calc(100% - 1rem);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: .75rem;
  padding-right: .75rem;
  transition: all .2s ease-out;
}

.newsletter-form .form-floating button:hover,
.newsletter-form .form-floating button:focus {
  transform: translate(3px, -50%);
}

.newsletter-trust-badges-item {
  border-radius: var(--bs-border-radius);
}


/*
  Newsletter Popup
*/
#newsletter-popup .btn-close {
  position: absolute;
  top: .5rem;
  right: .5rem;
  z-index: 1;
  background-color: rgba(var(--bs-body-bg-rgb), 1);
  border-radius: 50%;
  padding: .375rem;
}


/* 
  Testimonials 
*/
.testimonials {
  position: relative;
  overflow: hidden;
}

.testimonials .card {
  border-radius: var(--bs-border-radius);
}

.testimonials .card[data-has-stars="true"] {
  padding-top: .75rem;
}

.testimonials-card-stars {
  display: inline-flex;
  padding: .25rem .5rem;
  background-color: rgba(var(--text-color-rgb), 1);
  color: rgba(var(--bg-color-rgb), 1);
  position: absolute;
  top: -.75rem;
  transform: translate(-50%, 0);
  left: 50%;
}

.testimonials-card-stars::before,
.testimonials-card-stars::after {
  content: "";
  position: absolute;
  top: 0;
  left: -.75rem;
  border-left: .75rem solid transparent;
  border-right: .75rem solid transparent;
  border-bottom: .75rem solid rgba(var(--text-color-rgb), .5);
}

.testimonials-card-stars::after { 
  left: auto;
  right: -.75rem;
}

.testimonials .card .svg-icon-star {
  fill: currentColor;
  margin: .125rem;
  animation: testimonials_star 1s linear infinite alternate;
}

.testimonials .card .svg-icon-star:nth-child(1) { animation-delay: 0; }
.testimonials .card .svg-icon-star:nth-child(2) { animation-delay: .25s; }
.testimonials .card .svg-icon-star:nth-child(3) { animation-delay: .5s; }
.testimonials .card .svg-icon-star:nth-child(4) { animation-delay: .75s; }
.testimonials .card .svg-icon-star:nth-child(5) { animation-delay: 1s; }

@keyframes testimonials_star {
  to { opacity: .5; }
}

.testimonials-card-product {
  display: block;
  border-top: 1px dotted rgba(var(--text-color-rgb), 1);
  padding: 1rem 0 0;
  margin: 1rem 0 0;
}

.testimonials-card-product .img-wrapper {
  flex-shrink: 0;
  overflow: hidden;
}

.testimonials-card-product .img-wrapper img {
  transition: all .2s ease-out;
}

.testimonials-card-product:hover .img-wrapper img {
  transform: scale(1.2);
}

.testimonials-card-product .product-title span {
  transition: all .2s ease-out;
  display: inline-block;
}

.testimonials-card-product:hover .product-title span,
.testimonials-card-product:focus .product-title span {
  transform: translateX(2px);
}

.testimonials-card-footer  {
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonials-card-footer[data-has-footer-img="false"] {
  text-align: center;
}

.testimonials-card-footer-img img {
  border: 1px solid rgba(var(--text-color-rgb), .25);
}



/* 
  Lookbook 
*/
.lookbook {
  position: relative;
  overflow: hidden;
  display: block;
}

.lookbook .img-wrapper {
  position: relative;
}

.lookbook .img-wrapper img {
  width: 100%;
}

.lookbook-point-list {
}

.lookbook-point-list-item {
}

.lookbook-point-list-item button {
  position: absolute;
  cursor: pointer;
  display: block;
  padding: 1rem;
  background: transparent;
  border: none;
  border-radius: 50%;
  opacity: .9;
  transition: all .2s ease-out;
}

.lookbook-point-list-item button:hover,
.lookbook-point-list-item button:focus {
  opacity: 1;
}

.lookbook-point-list-item button.active {
  opacity: 1;
  transform: scale(1.3);
}

.lookbook-point-list-item button > span {
  display: block;
  padding: .25rem;
  border-radius: 50%;
  border: 1px solid currentColor;
  background-color: transparent;
  transition: all .2s ease-out;
}

.lookbook-point-list-item button:hover > span, 
.lookbook-point-list-item button:focus > span {
  background-color: rgba(255, 255, 255, 0.5);
}

.lookbook-point-list-item button > span > span {
  background: currentColor;
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.lookbook .product-card-img-wrapper .product-sale-badge[data-discount-type=percentage] {
  right: .5rem;
  top: .5rem;
}

@media (min-width: 600px) {
  .lookbook .swiper-slider .swiper-scrollbar {
    max-width: 200px;
  }
}


/* 
  Blog slider 
*/
.blog-slider {
  position: relative;
  overflow: hidden;
}


/*
  Cross-sells
*/
.cross-sells {
  display: block;
}

.cross-sells .section-header .title {
  margin-bottom: .375rem;
}

.cross-sells .product-card {
  transition: all .2s ease-out;
}

.cross-sells .product-card[data-is-selected="false"] {
  opacity: .5;
}

.cross-sells .product-card-img-wrapper {
  margin-bottom: 0 !important;
}

.cross-sells .form-check {
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin: 0;
}

.cross-sells .form-check .form-check-input {
  margin: 0 .5rem 0 0;
  float: none;
}

.cross-sells .cross-sells-footer {
  border-top: 1px dotted var(--bs-border-color);
}

@media (max-width: 1199px) {
  cross-sells .product-card-img-wrapper .product-custom-badge {
    display: none;
  }
  .cross-sells .product-card-img-wrapper .product-sale-badge[data-discount-type=percentage] {
    left: -.325rem;
    top: -.375rem;
    right: auto;
  }
}


/*
  Image compare
*/
.image-compare {
  display: block;
}

.image-compare [data-image-compare] img {
  opacity: 0;
}

.image-compare [data-image-compare].icv img {
  animation: init_image_compare_img .4s ease-out both;
}

@keyframes init_image_compare_img {
  to { opacity: 1; }
}

.image-compare .icv__label {
  padding: .25rem .75rem;
}

.image-compare .icv__control-line,
.image-compare .icv__circle {
  display: block;
}


/*
  Trust icons
*/
.trust-icons-item {
  border-style: solid;
  display: flex;
  border-radius: var(--bs-border-radius);
}

.trust-icons-item.text-start .trust-icons-item-inner {
  display: flex;
  align-items: center;
}

.trust-icons-item.text-start .img-wrapper {
  flex-shrink: 0;
  margin-left: .25rem;;
  margin-right: 1rem;
}

.trust-icons-item.text-center .img-wrapper {
  margin-bottom: .5rem;
}

.trust-icons-item.text-end .trust-icons-item-inner {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.trust-icons-item.text-end .img-wrapper {
  flex-shrink: 0;
  margin-left: 1rem;
  margin-right: .25rem;
}


/*
  Shopppable Videos
*/
.shoppable-videos {
  display: block;
  position: relative;
  overflow: hidden;
}

.shoppable-videos .swiper-slide {
  height: auto;
}

.shoppable-videos video {
  display: block;
  cursor: pointer;
}

.shoppable-videos .card[data-playing="true"] video {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='10' y1='15' x2='10' y2='9'%3E%3C/line%3E%3Cline x1='14' y1='15' x2='14' y2='9'%3E%3C/line%3E%3C/svg%3E"), auto;
}

.shoppable-videos .card {
  position: relative;
  overflow: hidden;
}

.shoppable-videos .card::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 1.25rem;
  transform: translate(-50%, -50%) scale(.9);
  border-radius: 50%;
  background-color: rgba(var(--bs-body-color-rgb), .5);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' class='bi bi-play-fill' viewBox='0 0 16 16'%3E%3Cpath d='m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  backdrop-filter: blur(5px);
  pointer-events: none;
  transition: all .2s ease-out;
}

.shoppable-videos .card[data-playing="true"]::after {
  transform: scale(0);
  opacity: 0;
}

.shoppable-videos .card:hover::after {
  background-color: rgba(var(--bs-body-color-rgb), .75);
  transform: translate(-50%, -50%) scale(1);
}

.shoppable-videos .card[data-is-empty="true"] {
  min-height: 500px;
  background-color: rgba(var(--bs-body-color-rgb), .1);
}

.shoppable-videos .card-inner .badge-custom {
  position: absolute;
  top: .5rem;
  left: .5rem;
}

.shoppable-videos .card-inner .badge-views {
  position: absolute;
  top: .5rem;
  right: .5rem;
  display: inline-flex;
  align-items: center;
  backdrop-filter: blur(5px);
}

.shoppable-videos .product-wrapper {
  display: block;
  position: absolute;
  bottom: .5rem;
  left: .5rem;
  width: calc(100% - 1rem);
  padding: .75rem;
  backdrop-filter: blur(5px);
  text-decoration: none;
  transition: all .2s ease-out;
  opacity: 1;
  border-radius: var(--bs-border-radius);
}

.shoppable-videos .product-wrapper:active {
  transform: scale(.95);
}

.shoppable-videos .card[data-playing="true"] .product-wrapper {
  animation: shoppable_videos_product_wrapper .75s linear infinite alternate;
}

@keyframes shoppable_videos_product_wrapper {
  to {
    transform: translateY(-.5rem);
  }
}

.shoppable-videos .product-wrapper .img-wrapper {
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-body-bg);
}

.shoppable-videos .product-wrapper .jdgm-preview-badge {
  font-size: .7em;
  margin: 0;
}

.shoppable-videos .product-wrapper .jdgm-preview-badge .jdgm-star {
  color: currentColor;
}

.shoppable-videos .product-wrapper .jdgm-preview-badge .jdgm-prev-badge__text {
  margin-left: .25rem;
}

.shoppable-videos .product-wrapper .product-card-price {
}

.shoppable-videos .product-wrapper .product-price-final-sale {
  color: currentColor;
}

.shoppable-videos .product-wrapper .icon-wrapper {
  display: flex;
  transition: all .2s ease-out;
}

.shoppable-videos .product-wrapper:hover .icon-wrapper {
  transform: scale(1.2);
}

.shoppable-videos .swiper-slide .badge {
  opacity: 0;
  transition: all .2s ease-out;
}

.shoppable-videos .swiper-slide-fully-visible .badge {
  opacity: 1;
  transition-delay: .2s;
}


/*
  Table compare
*/
.table-compare .table {
  text-align: center;
  table-layout: fixed;
  line-height: normal;
  min-width: var(--table-min-width);
}

.table-compare .table > :not(caption) > * > * {
  background-color: transparent;
  color: currentColor;
  box-shadow: none;
  padding: .75rem;
}

.table-compare .table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: rgba(var(--text-color-rgb), var(--table-striped-bg-opacity));
}

.table-compare .table thead tr {
  border-top-color: rgba(var(--bg-color-rgb), 1);
  border-bottom-color: rgba(var(--bg-color-rgb), 1);
}

.table-compare .table thead th {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.table-compare .table thead th:first-child {
  width: var(--table-first-col-width);
  border-left-color: rgba(var(--bg-color-rgb), 1) ;
}

.table-compare .table thead th:last-child {
  border-right-color: rgba(var(--bg-color-rgb), 1) ;
}

.table-compare .table thead th img {
  max-width: 200px;
  width: 100%;
} 

.table-compare .table thead th img + span {
  margin-top: .125rem;
}

.table-compare .table tbody th {
}

.table-compare .table tbody td {
}

.table-compare .table tbody td svg + span {
  margin-top: .125rem;
}

@media (max-width: 499px) {
  .table-compare .table thead th {
    font-size: .85rem;
  }
}

 
/*
  Offcanvas cart
*/
.offcanvas-cart {
}

.offcanvas-cart .offcanvas-body {
  transition: all 0.2s ease-out;
}

.offcanvas-cart .loading .offcanvas-body {
  opacity: 0.2;
}

.offcanvas-cart .cart-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.offcanvas-cart .offcanvas-footer {
  padding: 1rem;
  /* background-color: rgba(var(--bs-primary-rgb), .1); */
  border-top: 1px solid rgba(var(--bs-dialog-header-border-color-rgb), var(--bs-dialog-header-border-opacity));
}

.offcanvas-cart .cart-subtotal {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.offcanvas-cart .btn-checkout {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.offcanvas-cart .cart-empty {
}

.svg-icon-horizontal-animate {
  animation: svg_icon_horizontal_animate 1s linear alternate infinite both;
}

@keyframes svg_icon_horizontal_animate {
  from {transform: translateX(-4px); }
  to {transform: translateX(4px); }
}

@media (max-width: 499px) {
  .offcanvas-cart {
    width: 100% !important;
  }
}


/*
  Cart announcement
*/
.cart-announcement {
  color: var(--bs-white);
  line-height: normal;
  border-radius: var(--bs-border-radius);
}

.offcanvas-cart[data-has-cart-announcement].show .cart-announcement > * {
  animation-name: flash;
  animation-duration: 1s;
  animation-delay: .2s;
}


/*
  Cart Goal
*/
.cart-goal {
  display: block;
  text-align: center;
}

.cart-goal .progress {
  position: relative;
  overflow: visible;
  background: rgba(var(--text-color-rgb), .1);
}

.cart-goal .progress .progress-bar {
  border-radius: var(--bs-border-radius);
}

.cart-goal-icons {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-46%);
  width: 100%;
  height: 1.75rem;
  border-radius: 50%;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}

.cart-goal-icons li {
  width: 100%;
  display: flex;
  justify-content: end;
}

.cart-goal-icons li div {
  width: 1.75rem;
  height: 1.75rem;
  transform: translateX(40%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bs-body-bg);
  border: 1px solid currentColor;
}

.cart-goal-icons li:last-child div {
  transform: translateX(30%);
}

.cart-goal-icons li.active div {
  color: currentColor;
  background-color: currentColor;
}

.cart-goal-icons li.active div svg {
  color: var(--bs-white);
  animation: cart_goal_icon 1s linear alternate both infinite;
}

@keyframes cart_goal_icon {
  from { transform: translateX(-2px); }
  to { transform: translateX(2px); }
}

#cart-goal-confetti-canvas {
  position: absolute;
  z-index: 1;
  width: calc(100% - 2rem);
  height: 120px;
}

/*
  Cart Upsell
*/
.cart-upsells {
  display: block;
}

.cart-upsells .btn-atc,
.cart-upsells .btn-quick-view {
  width: 100%;
}

.cart-upsells .swiper-slider [class*=swiper-button] {
  width: 2rem;
  height: 1.5rem;
  padding: .375rem;
}

.cart-upsells .swiper-slider .swiper-button-prev {
  left: 1rem;
}

.cart-upsells .swiper-slider .swiper-button-next {
  right: 1rem;
}


/*
  Cart note
*/
.cart-note {
  display: block;
}


/*
  Cart discount
*/
.cart-discount {
  display: block;
}

.cart-discount button svg {
  transition: all .2s ease-out;
}

.cart-discount button:hover svg {
  transform: translateX(3px);
}


/*
  Shipping calculator
*/
.cart-shipping-calculator {
  display: block;
}

 

/*
  Collection header
*/
.collection-header {
  text-align: center;
  overflow: hidden;
}

.collection-header .container {
  position: relative;
}

.collection-header-mobile .container {
  max-width: 360px;
}

.collection-header-mobile .description {
  line-height: normal;
}

.collection-header-mobile .breadcrumb-wrapper {
}

.collection-header-desktop {
  position: relative;
}

.collection-header-desktop .img-wrapper {
  --opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
}

.collection-header-desktop .img-wrapper::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(var(--overlay-color-rgb, 0, 0, 0), var(--overlay-opacity, 0.7));
  backdrop-filter: blur(var(--overlay-blur, 0));
}

.collection-header-desktop .img-wrapper-right {
  left: 50%;
}

.collection-header-desktop .title,
.collection-header-desktop .description,
.collection-header-desktop .breadcrumb-wrapper {
  animation-duration: 500ms;
  animation-timing-function: ease-out;
}

.collection-header-desktop .title {
  animation-delay: .4s;
}

.collection-header-desktop .description {
  animation-delay: .6s;
}

.collection-header-desktop .breadcrumb-wrapper {
  position: absolute;
  bottom: 1rem;
  z-index: 1;
}

.collection-header-desktop .breadcrumb-wrapper .breadcrumb-nav {
  color: var(--bs-white);
  opacity: .7;
  transition: all .2s ease-out;
}

.collection-header-desktop .breadcrumb-wrapper:hover .breadcrumb-nav {
  opacity: 1;
}

 .collection-header-desktop .img-wrapper-left + .breadcrumb-wrapper {
  right: calc(50% + 1.25rem);
 }

 .collection-header-desktop .img-wrapper-right + .breadcrumb-wrapper {
  left: calc(50% + 1.25rem);
 }

 .collection-header-desktop[data-has-collection-img="false"] .breadcrumb-wrapper {
  left: 50%;
  transform: translateX(-50%);
  animation-delay: 1s;
  border-radius: var(--bs-border-radius);
 }


/*
  Collection products
*/
.collection-products {
}

.product-list {
  list-style: none;
  padding: 0;
  margin: 0;
  transition: all .2s ease-out;
}

.collection-utilities {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sort-by input + label {
  cursor: pointer;
}

.sort-by input:checked + label {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}

.sort-by input:focus-visible + label {
  box-shadow: var(--bs-focus-box-shadow);
}

.collection-utilities .btn-outline-primary:hover, 
.collection-utilities .btn-outline-primary.show {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), .1);
}

.collection-utilities .btn-outline-primary.show {
  background-color: rgba(var(--bs-primary-rgb), .15);
}

.collection-utilities .btn-outline-secondary:hover, 
.collection-utilities .btn-outline-secondary.show {
  color: var(--bs-secondary);
  background-color: rgba(var(--bs-secondary-rgb), .1);
}

.collection-utilities .btn-outline-secondary.show {
  background-color: rgba(var(--bs-secondary-rgb), .15);
}


/*
  Collection filters
*/
#offcanvas-collection-filters {
}

#offcanvas-collection-filters .offcanvas-body {
  background-color: rgba(var(--bs-body-color-rgb), .1);
}

#offcanvas-collection-filters .collection-filters {
  display: flex;
  flex-direction: column;
  height: 100%;
} 

#offcanvas-collection-filters .collection-filters  .collapse-wrapper {
  margin: 0 0 .75rem;
  border: none;
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}

#offcanvas-collection-filters .collection-filters  .collapse-wrapper button[data-bs-toggle=collapse] {
  padding: 0.75rem 1rem;
  font-family: var(--bs-headings-font-family);
}

#offcanvas-collection-filters .collection-filters  .collapse-wrapper button[data-bs-toggle=collapse]::after {
  right: 0.75rem;
}

#offcanvas-collection-filters .collection-filters .collapse-wrapper .collapse-inner {
  padding: .125rem 1rem .75rem;
}

#collection-filters-inline .dropdown-menu[data-filter-type="price_range"] {
  --bs-dropdown-min-width: 20rem;
  --bs-dropdown-padding-y: .75rem;
}

.collection-filters-filter .form-check {
  font-size: 0.9rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.collection-filters-filter .form-check .swatch-custom-image {
  border-radius: 50%;
  flex: 1;
  margin: 0 .375rem 0 .25rem;
}


/*
  Collection card
*/
.collection-card-link {
  display: block;
  text-decoration: none;
  color: currentColor;
}

.collection-card-link:focus-visible {
  outline: 0;
  box-shadow: var(--bs-focus-box-shadow);
}

.collection-card-title {
  transition: all 200ms ease-out;
}

.collection-card-subtitle {
  display: block;
  opacity: .7;
  line-height: normal;
  margin: 0;
}

.collection-card-img-wrapper {
  position: relative;
  overflow: hidden;
}

.collection-card-img-wrapper img {
	width: 100%;
	transition: all .2s ease-out;
	aspect-ratio: 3/4;
	object-fit: cover;
}

a:hover .collection-card-img-wrapper img,
a:focus .collection-card-img-wrapper img {
}

.collection-card-title-left {
  position: absolute;
  top: 0;
  left: 0;
  writing-mode: vertical-lr;
  text-orientation: mixed;
  margin: 0;
  background: rgba(var(--text-color-rgb, var(--bs-body-color-rgb)), 0.5);
  color: white;
  height: 100%;
  padding: 0.5rem;
  transform: scale(-1);
  backdrop-filter: blur(5px);
}

.img-thumbnail .collection-card-title-left {
  margin: calc(0.25rem + 1px);
  height: calc(100% - 0.5rem - 2px);
}

.rounded + .collection-card-title-left {
}

.collection-card-link:hover .collection-card-title-left,
.collection-card-link:focus .collection-card-title-left {
  padding-left: 1rem;
  padding-right: 1rem;
}

.collection-card-title-top,
.collection-card-title-bottom {
  position: absolute;
  left: 0;
  margin: 0;
  background: rgba(var(--text-color-rgb, var(--bs-body-color-rgb)), 0.5);
  color: white;
  width: 100%;
  padding: 0.5rem;
  backdrop-filter: blur(5px);
}

.collection-card-title-top {
  top: 0;
}

.collection-card-title-bottom {
  bottom: 0;
}

.img-thumbnail .collection-card-title-top,
.img-thumbnail .collection-card-title-bottom {
  margin: calc(0.25rem) !important;
  width: calc(100% - 0.5rem);
}

a:hover .img-thumbnail .collection-card-title-top,
a:focus .img-thumbnail .collection-card-title-top,
a:hover .img-thumbnail .collection-card-title-bottom,
a:focus .img-thumbnail .collection-card-title-bottom {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.rounded + .collection-card-title-top,
.rounded + .collection-card-title-bottom {
  border-bottom-left-radius: var(--bs-border-radius);
  border-bottom-right-radius: var(--bs-border-radius);
}



 

/*
  General
*/
.product-main {
  border-top-style: solid;
  border-bottom-style: solid;
}

.product-sale-badge {
  background-color: var(--bs-primary);
}

.product-sold-out-badge {
  background-color: var(--bs-body-color);
}


/* 
  Product media gallery
*/
.product-media-gallery {
  display: block;
  margin-left: auto;
  margin-right: auto;
  transition: all .4s ease-out;
}

.product-media-gallery .product-custom-badge {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.product-media-gallery-zoom {
  display: flex;
  position: absolute;
  z-index: 1;
  top: 0.5rem;
  right: 0.5rem;
  padding: 0.5rem;
  opacity: 0.75;
  transition: all 200ms ease-out;
  color: rgba(var(--swiper-theme-color), 1);
}

.product-media-gallery-zoom:hover {
  opacity: 1;
  transform: scale(1.25);
}

.product-media-gallery .swiper-main {
  background-color: var(--bs-body-bg);
  --swiper-navigation-sides-offset: .75rem;
}

.product-media-gallery .swiper-main img,
.product-media-gallery .swiper-main video {
  width: 100%;
  display: block;
}

.product-media-gallery .swiper-main video {
	aspect-ratio: 3/4;
	object-fit: cover;
}
.recently-viewed-product-list .wishlist-product-item .img-fluid {
	aspect-ratio: 3/4;
	object-fit: cover;
	object-position: top;
}
.product-block-icons .img-fluid {
	height: 24px;
}


.product-media-gallery [data-active-slide-is-video="true"] .swiper-pagination,
.product-media-gallery [data-active-slide-is-video="true"] .swiper-scrollbar,
.product-media-gallery [data-active-slide-is-video="true"] .btn-wishlist {
  opacity: 0;
}

.product-media-gallery .swiper-wrapper {
  align-items: center;
}

.product-media-gallery .swiper-thumbs {
  opacity: 0;
  transition: all .2s ease-out;
}

.product-media-gallery .swiper-thumbs.swiper-initialized {
  opacity: 1;
}    

.product-media-gallery .swiper-thumbs[data-show-thumbs="hide"] {
  display: none;
}

.product-media-gallery .swiper-thumbs img {
  width: 100%;
  cursor: pointer;
  transition: all .2s ease-out;
}

.product-media-gallery .swiper-thumbs .img-thumbnail {
  border-color: rgba(var(--bs-body-color-rgb), .1);
}

.product-media-gallery .swiper-thumbs .img-thumbnail:hover {
  border-color: rgba(var(--bs-body-color-rgb), .25);
  opacity: .85;
}

.product-media-gallery .swiper-thumbs .swiper-slide-thumb-active .img-thumbnail {
  border-color: rgba(var(--bs-body-color-rgb), .75);
  opacity: 1;
}

.product-media-gallery .swiper-thumbs .swiper-slide[data-media-type="video"] {
  position: relative;
}

.product-media-gallery .swiper-thumbs .swiper-slide[data-media-type="video"] svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background-color: rgba(var(--bs-body-bg-rgb), .75);
  border-radius: var(--bs-border-radius);
  padding: .25rem;
  width: 1.5rem;
  height: 1.5rem;
  backdrop-filter: blur(5px);
  transition: all .2s ease-out;
}

.product-media-gallery .swiper-thumbs .swiper-slide[data-media-type="video"]:hover svg {
  background-color: rgba(var(--bs-body-bg-rgb), 1);
}

.product-media-gallery .img-btn-wishlist {
  right: .5rem;
  bottom: .5rem;
}

@media (max-width: 499px) {
  .product-media-gallery .swiper-main-wrapper {
    padding: 0;
    border-radius: 0;
    border: none;
    overflow: visible;
  }
  .product-media-gallery .swiper-main {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .product-media-gallery .swiper-main img {
    padding: 0;
  }
  .product-media-gallery .swiper-thumbs .img-thumbnail {
    padding: 0.125rem;
  }
  .product-media-gallery[data-partial-slides-mobile="true"] .swiper-slide {
    width: 80%;
  }
  .product-media-gallery[data-partial-slides-mobile="true"] .swiper-button-prev, 
  .product-media-gallery[data-partial-slides-mobile="true"] .swiper-button-next {
    display: none;
  }
  .product-media-gallery .img-btn-wishlist {
    right: -.5rem;
    bottom: .5rem;
  }
}

@media (max-width: 1199px) {
  .product-media-gallery {
  }
  .product-media-gallery .swiper-thumbs[data-show-thumbs="desktop-only"] {
    display: none;
  }
}

@media (min-width: 1200px) {
  .product-media-gallery{
    position: sticky;
    top: 0;
  }
}

/* 
  Product price
*/
.product-price {
}

.product-price s {
  display: inline-block;
  margin-right: .25rem;
  opacity: .5;
}

.product-price .badge {
  margin-left: .5rem;
  font-size: .75rem;
}

.product-price-final-sale {
  color: var(--bs-secondary);
}

.text-white .product-price-final-sale {
  color: var(--bs-white);
}

/* 
  Product options
*/
.product-options {
  scroll-margin-top: 1rem;
}

.product-options.rounded {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.product-options .color-swatches {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.1rem;
  margin-right: -0.1rem;
}

.product-options .color-swatches input + label {
  border-radius: 1rem;
  display: block;
  cursor: pointer;
  border: 1.5px solid rgba(var(--bs-body-color-rgb), .1);
  padding: 0.1rem;
  margin: 0.1rem;
}

/* .product-options .color-swatches input + label img {
  border-radius: 50rem;
  transition: all .2s ease-out;
} */

.product-options .color-swatches input + label img {
	border-radius: 50rem;
	transition: all .2s ease-out;
	width: 40px;
	height: 40px;
	object-fit: cover;
	object-position: top;
	height: 86px;
	display: block;
	width: 65px;
	border-radius: 1rem;
	background-size: cover;
	background-position: center;
	border: 1px solid #e5e5e5;
}

.product-options .color-swatches input:checked + label {
  border-color: var(--bs-body-color);
}

.product-options .color-swatches input:focus-visible + label {
  box-shadow: var(--bs-focus-box-shadow);
}

.product-options .color-swatches input + label:hover img {
  opacity: .85;
}

.product-options .color-swatches input:disabled + label,
.product-options .color-swatches input.disabled + label  {
  opacity: .5;
  position: relative;
  overflow: hidden;
  background: transparent;
}

.product-options .color-swatches input:disabled + label::before,
.product-options .color-swatches input.disabled + label::before {
  content: '';
  display: block;
  width: 1px;
  height: 150%;
  background-color: rgba(var(--bs-body-color-rgb), .75);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin: auto;
  transform: rotate(-45deg);
  z-index: 1;
}

.product-options .size-buttons {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.product-options .size-buttons input + label {
  display: block;
  cursor: pointer;
  background-color: var(--bs-body-bg);
  border: 1.5px solid var(--bs-body-color);
  color: var(--bs-body-color);
  padding: 0.125rem 0.5rem;
  margin: 0.25rem;
  border-radius: var(--bs-border-radius);
  transition: all .2s ease-out;
  font-size: .95rem;
}

.product-options .size-buttons input + label:hover {
  background-color: rgba(var(--bs-body-color-rgb), .1);
}

.product-options .size-buttons input:focus-visible + label {
  box-shadow: var(--bs-focus-box-shadow);
}

.product-options .size-buttons input:checked + label {
  background-color: var(--bs-body-color);
  color: white;
}

.product-options .size-buttons input:disabled + label,
.product-options .size-buttons input.disabled + label {
  opacity: .5;
  position: relative;
  overflow: hidden;
  background: transparent;
  color: var(--bs-body-color);
}

.product-options .size-buttons input:disabled + label::before,
.product-options .size-buttons input.disabled + label::before {
  content: '';
  display: block;
  width: 1px;
  height: 150%;
  background-color: rgba(var(--bs-body-color-rgb), .75);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin: auto;
  transform: rotate(-45deg);
  z-index: 1;
}

/* 
  ATC/Buy buttons
*/
.btn-atc,
.btn-buy,
.btn-quick-view {
}

.btn-quick-view {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.product-block-atc .btn-wishlist {
  text-decoration: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-block-atc .btn-wishlist svg {
  margin-right: .5rem;
}
 
.product-block-atc .btn-wishlist.active svg {
  fill: var(--bs-primary);
  stroke: var(--bs-primary);
}

.product-block-atc .btn-atc,
.product-block-atc .btn-buy {
  width: 100%;
}


/*
  Quantity Breaks
*/
.product-block-quantity-breaks  {
  display: block;  
}

.product-block-quantity-breaks .title,
.product-block-quantity-breaks .description {
  text-align: center;
}

.product-block-quantity-breaks-list {
  transition: all .2s ease-out;
}

.product-block-quantity-breaks-item {
}

.product-block-quantity-breaks-item .form-check {
  position: relative;
  margin: 0;
  padding: 0;
}

.product-block-quantity-breaks-item .form-check input {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
}

.product-block-quantity-breaks-item .form-check input + label {
  display: block;
  width: 100%;
  cursor: pointer;
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-body-color);
  color: var(--bs-body-color);
  padding: .5rem .5rem .5rem 2.5rem;
  border-radius: var(--bs-border-radius);
  transition: all .2s ease-out;
  line-height: normal;
}

.product-block-quantity-breaks-item .form-check input + label:hover {
  background-color: rgba(var(--bs-body-color-rgb), .05);
  border-color: var(--bs-body-color);
}

.product-block-quantity-breaks-item .form-check input:checked + label {
  background-color: rgba(var(--bs-body-color-rgb), .1);
}

.product-block-quantity-breaks-item .form-check input:focus-visible + label {
  box-shadow: var(--bs-focus-box-shadow);
}

.product-block-quantity-breaks-item-title {

}

.product-block-quantity-breaks-item-subtitle {
  font-size: .9em;
  opacity: .7;
}

.product-block-quantity-breaks-item-badge {
  background-color: var(--bs-body-color);
}


/*
  Cross sells
*/
.product-block-cross-sells  {
  display: block;  
  border-radius: var(--bs-border-radius);
  border-style: solid;
}

.product-block-cross-sells .title,
.product-block-cross-sells .description {
  text-align: center;
}

.product-block-cross-sells-list-item {
  transition: all .2s ease-out;
}

.product-block-cross-sells-list-item[data-is-selected="false"] {
  opacity: .5;
}

.product-block-cross-sells-list-item .product-card-img-wrapper .product-sale-badge[data-discount-type=percentage] {
  left: -.5rem;
  right: auto;
}

@media (max-width: 499px) {
  .product-block-cross-sells .cross-sells-footer {
    border-top: 1px dotted var(--bs-border-color);
    padding-top: .75rem;
  }
}


/*
  Product card
*/
.product-card {
  display: block;
}

.product-card-link {
  display: block;
  text-decoration: none;
  color: currentColor;
}

.product-card-link:focus-visible {
  outline: 0;
  box-shadow: var(--bs-focus-box-shadow);
}

.product-card-title {
  margin-bottom: 0.2em;
  transition: all 200ms ease-out;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-card-link:hover .product-card-title,
.product-card-link:focus .product-card-title {
  opacity: .85;
}

.product-card-img-wrapper {
  position: relative;
  transition: all .2s ease-out;
}

.product-card-img-wrapper img {
  transition: all .2s ease-out;
}

a:hover .product-card-img-wrapper img {
  opacity: .8;
}

.product-card-img-wrapper .badge {
  position: absolute;
  z-index: 2;
  top: 0;
  padding-left: .75rem;
  padding-right: .75rem;
}

.product-card-img-wrapper .product-sale-badge {
}

.product-card-img-wrapper .product-sale-badge[data-discount-type="percentage"] {
  top: -0.5rem;
  right: -0.5rem;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50rem;
  font-size: .7rem;
  display: flex;
  align-items: center;
  justify-content: center; 
  background-image: radial-gradient(rgba(var(--bs-white-rgb), .2), transparent);
  animation: product_sale_badge_percentage 1s linear alternate infinite;
}

@keyframes product_sale_badge_percentage {
  from { transform: scale(1); }
  to { transform: scale(1.1); }
}

.swiper-slide:not(.swiper-slide-visible) .product-card-img-wrapper .product-sale-badge[data-discount-type="percentage"] {
  opacity: 0;
}

.product-card-img-wrapper .product-sale-badge[data-discount-type="value"] {
  right: 0;
  border-radius: 0;
  border-bottom-left-radius: var(--bs-border-radius);
}

.product-card-img-wrapper .product-sold-out-badge {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--bs-body-color);
}

.product-card-img-wrapper .product-custom-badge {
  left: 50%;
  top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  transform: translateX(-50%);
  transition: all .2s ease-out;
  background-image: linear-gradient(to bottom, rgba(var(--bs-white-rgb), .125), transparent);
}

a:hover .product-card-img-wrapper .product-custom-badge {
  padding-top: .5rem;
}

.product-card .carousel {
  --transition-duration: .4s;
}

.product-card .carousel .carousel-control {
  padding: .5rem;
  background-color: transparent;
  border-color: transparent;
  color: rgba(var(--controls-color-rgb), 1);
}

.product-card .carousel .carousel-control-prev {
  left: 0;
}

.product-card .carousel .carousel-control-next {
  right: 0;
}

.product-card-color-swatches {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.product-card-color-swatches .btn {
  border-radius: 50rem;
  display: block;
  cursor: pointer;
  border: 1px solid rgba(var(--text-color-rgb), .1);
  padding: .1rem;
  margin: .1rem;
}

.product-card-color-swatches .btn:hover {
  border-color: rgba(var(--text-color-rgb), .1);
}

.product-card-color-swatches .btn:active {
  border-color: rgba(var(--text-color-rgb), .2) !important;
}

.product-card-color-swatches .btn img {
  border-radius: 50rem;
  display: block;
  cursor: pointer;
  transition: all .2s ease-out;
}

.product-card-color-swatches .btn:hover img, 
.product-card-color-swatches bu.btntton:focus img {
  opacity: .85;
}

.product-card-color-swatches-tooltip {
}

.product-card-color-swatches-tooltip h6 {
  margin: .125rem 0 .375rem;
}

.product-card-color-swatches-tooltip .tooltip-inner {
  padding: .25rem;
}

.product-card-color-swatches-tooltip .tooltip-inner img {
  background-color: var(--bs-white);
}

.product-card .btn-atc,
.product-card .btn-quick-view,
.product-card .dropup .btn {
  width: 100%;
}

.product-dropup-selector {
  display: block;
}

.product-dropup-selector .dropdown-menu {
  width: 100%;
  overflow: auto;
  border-color: var(--bs-border-color);
}

.product-dropup-selector .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  font-size: .925rem;
  text-wrap: wrap;
}

.product-dropup-selector-img {
  flex-shrink: 0;
  margin-right: .75rem;
  background-color: var(--bs-body-bg);
}

.product-dropup-selector-title-wrapper {
  flex-grow: 1;
} 

.product-dropup-selector-price {
  margin-top: .1rem;
}

.product-dropup-selector-price s {
  margin-right: .125rem;
  opacity: .5;
}

.product-dropup-selector-price .product-price-final-sale {
  color: currentColor;
}

.product-dropup-selector-inventory {
  font-size: .9em;
  margin-left: .5rem;
  margin-right: -.25rem;
  flex-shrink: 0;
}

.product-dropup-selector-inventory-low-stock {
  color: var(--bs-warning);
}

.product-dropup-selector-inventory-in-stock {
  color: var(--bs-success);
}

#product-dropup-select-offcanvas {
  max-height: 70vh;
  height: auto;
}

#product-dropup-select-offcanvas .dropdown-menu {
  position: relative;
  display: block;
  border: none;
  box-shadow: none;
  padding-bottom: env(safe-area-inset-bottom);
}

#product-dropup-select-offcanvas .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  font-size: .925rem;
  text-wrap: wrap;
}

@media (hover: hover) {
  .product-card .carousel .carousel-control {
    opacity: 0;
  }
  .product-card .carousel:hover .carousel-control,
  .product-card .carousel-control:focus {
    opacity: 1;
  }
}

@media (max-width: 499px) {
  .product-card-img-wrapper .product-sale-badge[data-discount-type="percentage"] {
    right: -0.375rem;
  }
}


/*
  Quick view
*/
.quick-view-modal { 
}

.quick-view-modal .btn-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 9;
  background: var(--bs-body-color);
  color: var(--bs-body-bg);
  border-radius: 50rem;
}

.quick-view-modal .product-media-gallery-zoom {
  display: none;
}

@media (max-width: 1199px) {
  .quick-view-modal .modal-dialog {
    max-width: 700px;
  }
  .quick-view-modal .btn-close {
    position: fixed;
    top: 1rem;
    right: 1rem;
    opacity: 0;
    transition: opacity 200ms ease-out 300ms;
  }
  .quick-view-modal.show .btn-close {
    opacity: 1;
  }
}

@media (min-width: 1200px) {
  .quick-view-modal .modal-dialog {
    --bs-modal-width: 1140px;
  }
  .quick-view-modal .modal-content {
    max-height: 780px;
  }
  .quick-view-modal .modal-body .row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .quick-view-modal .modal-body .row > * {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .quick-view-modal .product-title {
    margin-right: 2rem;
  }
}


/*
  Judgme (app)
  https://apps.shopify.com/judgeme
*/
.jdgm-review-widget {
  max-width: 1100px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.jdgm-preview-badge {
  font-size: .9rem;
  margin: 0 0 .5rem;
}

.product-card .jdgm-preview-badge,
.list-group-item-action .jdgm-preview-badge {
  margin: 0.25rem 0;
  font-size: .8em;
}

.cart-upsells .jdgm-preview-badge {
  font-size: .725rem;
  margin: 0.25rem 0 0.25rem;
}

body .jdgm-write-rev-link {
  border-radius: var(--bs-border-radius);
  transition: all .2s ease-out;
}

body .jdgm-rev-widg {
  padding: 2rem 0;
}

body .jdgm-rev-widg__title {
  font-size: 2rem;
}

body .jdgm-rev-widg__summary-text {
  text-align: center;
  font-size: .825rem;
  opacity: .75;
}

body .jdgm-row-actions {
  padding-top: 0;
  border-top: none;
}

body .jdgm-quest, 
body .jdgm-rev {
  background: rgba(var(--bs-body-color-rgb), .05);
  border-radius: var(--bs-border-radius);
  border: 1px solid var(--bs-border-color);
  padding: 1rem;
  margin-bottom: 1rem;
}

body .jdgm-rev__pics, 
body .jdgm-rev__vids {
}

body .jdgm-rev__pic-link {
  margin-right: .25rem;
}

body .jdgm-rev__pic-img.jdgm-rev__pic-img {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

body .jdgm-rev__timestamp, 
body .jdgm-rev__location {
  color: var(--bs-body-color);
  opacity: .7;
}

body .jdgm-rev__icon {
  border-radius: 50rem;
}

body .jdgm-rev__title {
  margin-bottom: .375rem;
  font-size: 1.125rem;
}

body .jdgm-rev__body {
  font-size: .95rem;
}

body .jdgm-form {
  border: 1px solid var(--jdgm-secondary-color);
  border-radius: var(--bs-border-radius);
  padding: 1.5rem 1.5rem .5rem;
}

body .jdgm-form input[type="text"], 
body .jdgm-form input[type="email"], 
body .jdgm-form input[type="url"], 
body .jdgm-form textarea {
  background-color: var(--bs-body-bg);
  border-color: var(--jdgm-secondary-color);
  border-radius: var(--bs-border-radius);
  padding: 0.375rem 0.75rem;
}

body .jdgm-form input[type="text"]:focus, 
body .jdgm-form input[type="email"]:focus, 
body .jdgm-form input[type="url"]:focus, 
body .jdgm-form textarea:focus {
  color: var(--bs-body-color);
  border-color: rgba(var(--bs-primary-rgb), 1);
  box-shadow: var(--bs-focus-box-shadow);
}

body .jdgm-form input::placeholder,
body .jdgm-form textarea::placeholder {
  color: rgba(var(--bs-body-color-rgb), .75);
  opacity: 1;
}

body .jdgm-countdown {
  color: var(--bs-body-color);
  opacity: .7;
}

body .jdgm-rev__icon,
body .jdgm-histogram__bar {
  background-color: rgba(var(--bs-primary-rgb), .1);
}

body .jdgm-histogram__frequency {
  color: var(--bs-body-color);
}

body .jdgm-picture-fieldset__box-wrapper { 
  background-color: rgba(var(--bs-white-rgb), .25);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

body .jdgm-media-fieldset__icon {
  color: var(--bs-body-color);
}

body .jdgm-paginate {
  border: none;
  padding-top: .5rem;
}

body .jdgm-paginate__page {
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  text-decoration: none;
  width: 2rem;
  height: 2rem;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0.25rem;
  transition: all .2s ease-out;
}

body .jdgm-paginate__page:hover,
body .jdgm-paginate__page:focus {
  background-color: rgba(var(--bs-white-rgb), .25);
  opacity: 1;
}

body .jdgm-paginate__page.jdgm-curt {
  font-size: 1rem;
  font-weight: normal;
  background-color: var(--jdgm-primary-color);
  border-color: var(--jdgm-primary-color);
  color: white;
}

body .jdgm-btn {
  transition: all .2s ease-out;
}

body .jdgm-write-rev-link, 
body .jdgm-ask-question-btn, 
body .jdgm-widget input.jdgm-review-search, 
body .jdgm-subtab__name, 
body .jdgm-widget .jdgm-btn.jdgm-btn, 
body .jdgm-chip {
  border-radius: var(--bs-border-radius);
}

@media (max-width: 499px) {
  body .jdgm-rev-widg__title {
    font-size: 1.5rem;
  }
}


/*
  Glightbox
*/
body.glightbox-mobile .goverlay {
  background-color: rgba(var(--bs-body-color-rgb), .75);
  backdrop-filter: blur(0.5rem);
}

body .gslide-media {
  background-color: var(--bs-body-bg);
}

@media ((min-width: 799px)) {
  body .goverlay {
    background-color: rgba(var(--bs-body-color-rgb), .75);
    backdrop-filter: blur(0.5rem);
  }
  body .glightbox-clean .gslide-media {
    box-shadow: none;
  }
  body .glightbox-clean .gclose, 
  body .glightbox-clean .gnext, 
  body .glightbox-clean .gprev {
    background-color: rgba(var(--bs-body-color-rgb), .5);
    transition: all .2s ease-out;
  }
  body .glightbox-clean .gclose:hover, 
  body .glightbox-clean .gnext:hover, 
  body .glightbox-clean .gprev:hover {
    background-color: rgba(var(--bs-body-color-rgb), .75);
  }
}


/*
  Shopify Subscriptions (app)
  https://apps.shopify.com/shopify-subscriptions
*/
body .shopify_subscriptions_fieldset {
  margin-bottom: 1rem;
}

body .shopify_subscriptions_app__title {
  font-size: 1.1rem;
  font-family: var(--bs-headings-font-family);
  margin-bottom: .5rem;
  text-align: center;
}

body .shopify_subscriptions_app_block_label {
  border: 0;
  margin: 0;
  padding: 0.75rem 1.25rem;
}

body .shopify_subscriptions_app_block_label label {
  display: flex;
  align-items: center;
}

body .shopify_subscriptions_app_block_label .form-check-input {
  margin: 0 .5rem 0 0;
}

body .shopify_subscriptions_app_block_label ul {
  padding: .125rem 0 0 .125rem;
}

body .shopify_subscriptions_app_block_label_children label {
  font-size: .9rem;
  margin: 0.125rem 0;
}

body .shopify_subscriptions_app_policy {
  font-size: .8rem;
  margin: .25rem 0 0;
  text-align: center;
  opacity: .7;
}


/*
  Product extra content
*/
#pdp-extra-content {
  border: 1px solid var(--bs-border-color);
  position: sticky;
  top: 0;
  transition: all .4s ease-out;
  overflow: auto;
  padding: 1rem;
}

#pdp-extra-content h2.title {
  text-align: center;
  border-bottom: 1px dotted var(--bs-border-color);
  padding: 0 0 .5rem; 
  margin: 0 0 .75rem;
}

#pdp-extra-content .recently-viewed {
  overflow: hidden;
}

#pdp-extra-content .recently-viewed .wishlist-product-item-title {
  font-size: .9rem;
}

#pdp-extra-content .recently-viewed .product-price {
  font-size: .9rem;
}

#pdp-extra-content .recently-viewed product-quick-view-button {
  display: none !important;
}

#pdp-extra-content .recently-viewed + .cart-upsells {
  margin-top: 1.5rem;
}

/* @media (max-width: 499px) {
  #pdp-extra-content {
    max-height: 70vh;
    margin-top: 1.25rem;
  }
} */


/*
  Prev/Next buttons
*/
@media (max-width: 799px) {
  #product-block-prev-next {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  #product-block-prev-next .title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: .8rem;
    background-color: rgba(var(--bs-body-color-rgb), 1);
    color: rgba(var(--bs-body-bg-rgb), 1);
    border-radius: var(--bs-border-radius);
    margin: 0;
    padding: .25rem .5rem;
  }
  #product-block-prev-next::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(var(--bs-body-color-rgb), .1);
  }
  #product-block-prev-next--prev, 
  #product-block-prev-next--next {
    max-width: 80px;
    position: relative;
    display: block;
  }
  #product-block-prev-next--prev .icon-wrapper,
  #product-block-prev-next--next .icon-wrapper {
    position: absolute;
    top: 50%;
    border-radius: 50%;
    padding: .25rem;
    display: inline-flex;
    background-color: rgba(var(--bs-body-color-rgb), 1);
    color: rgba(var(--bs-body-bg-rgb), 1);
    transition: all .2s ease-out; 
  }
  #product-block-prev-next--prev .icon-wrapper {
    left: 0;
    transform: translate(-40%, -50%);
  }
  #product-block-prev-next--next .icon-wrapper {
    right: 0;
    transform: translate(40%, -50%);
  }
} 

@media (min-width: 800px) {
  #product-block-prev-next .title {
    display: none;
  }
  #product-block-prev-next--prev,
  #product-block-prev-next--next {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    max-width: 70px;
    z-index: 9;
    background-color: rgba(var(--bs-body-bg-rgb), 1);
    box-shadow: 0 0 .25rem rgba(var(--bs-body-color-rgb), .075);
    transition: all .2s ease-out;
    display: block;
  }
  #product-block-prev-next--prev {
    left: 0;
    border-left: none;
    transform: translate(-50%, -50%);
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
  }
  #product-block-prev-next--next {
    right: 0;
    border-left: right;
    transform: translate(50%, -50%);
    border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
  }
  #product-block-prev-next--prev:hover, 
  #product-block-prev-next--prev:focus,
  #product-block-prev-next--next:hover, 
  #product-block-prev-next--next:focus {
    transform: translate(0, -50%);
  }
  #product-block-prev-next--prev .icon-wrapper,
  #product-block-prev-next--next .icon-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: 50%;
    padding: .25rem;
    display: inline-flex;
    background-color: rgba(var(--bs-body-color-rgb), 1);
    color: rgba(var(--bs-body-bg-rgb), 1);
    transition: all .2s ease-out; 
  }
  #product-block-prev-next--prev .icon-wrapper {
    transform: translate(-150%, -50%);
  }
  #product-block-prev-next--next .icon-wrapper {
    transform: translate(150%, -50%);
  }
  #product-block-prev-next--prev:hover .icon-wrapper,
  #product-block-prev-next--next:hover .icon-wrapper {
    transform: translate(-50%, -50%);
  }
  #product-block-prev-next--prev:hover .icon-wrapper svg {
    animation: product_block_prev_next__prev 1s linear both infinite;
  }
  #product-block-prev-next--next:hover .icon-wrapper svg{
    animation: product_block_prev_next__next 1s linear both infinite;
  }
}

@keyframes product_block_prev_next__prev {
  to { transform: translateX(-2px); }
}

@keyframes product_block_prev_next__next {
  to { transform: translateX(2px); }
}

/* 
  Add here your own custom css styles
*/
.products-grid-custom.row {
	--bs-gutter-x: 0.6rem;
}
.products-grid-custom.row .product-price .badge {
	margin-left: 0;
	font-size: 13px;
	line-height: normal;
	color: #16b36e;
	background-color: transparent;
	padding: 0;
	font-weight: 400;
	text-transform: lowercase;
}
.products-grid-custom.row .product-card-price-compare {
	font-size: 0.7rem;
}
.product-media-gallery .swiper-main img, .product-media-gallery .swiper-main video {
	aspect-ratio: 2/3;
}



@media screen and (max-width: 580px){
  .products-grid-custom.row .product-card-title {
	font-size: .6rem !important;
	font-weight: 400;
	text-align: left;
}
.products-grid-custom.row .btn-atc-dropup {
	font-size: 0.7rem;
	--bs-btn-padding-x: .4rem;
}
.products-grid-custom.row .product-card-price {
	display: flex;
	flex-direction: column;
	justify-content: start;
	text-align: left;
	gap: 0;
	line-height: normal;
}

}