@keyframes shine {
  to {
    left: -200%;
  }
}
@keyframes line {
  0% {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@keyframes fade-up {
  0% {
    opacity: 0;
    translate: 0 100%;
  }
  to {
    opacity: 1;
    translate: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes scale-in {
  0% {
    scale: 0.7;
  }
  to {
    scale: 1;
  }
}
main {
  min-height: calc(100vh - 580px);
}
:root {
  --color-text-dark: #191919;
  --color-text-bright: #fff;
  --color-neutral-0: #fff;
  --color-neutral-50: #f9f9f9;
  --color-neutral-300: #efefef;
  --color-neutral-500: #d4d4d4;
  --color-neutral-600: #aaa;
  --color-neutral-700: #686868;
  --color-neutral-900: #191919;
  --color-brand: #3a69ff;
  --color-brand-50: #f1f5ff;
  --color-brand-300: #99b1ff;
  --color-brand-500: #3a69ff;
  --color-brand-700: #2746aa;
  --color-brand-900: #132355;
  --color-green-50: #e8fdf1;
  --color-green-300: #8cf3ba;
  --color-green-500: #24e87c;
  --color-green-700: #148045;
  --color-green-900: #0c4d29;
  --color-red-50: #ffdbe1;
  --color-red-300: #ff94a4;
  --color-red-500: #df1445;
  --color-red-700: #990024;
  --color-error-50: #fee1e1;
  --color-error-500: #ca2407;
  --color-error-900: #841800;
  --color-warning-50: #fff9e4;
  --color-warning-500: #ad5c01;
  --color-warning-900: #773e09;
  --color-success-50: #f1fff0;
  --color-success-500: #1f850f;
  --color-success-900: #0d5304;
  --header-height: 0px;
}
.shopify-block:empty {
  display: none;
}
.shopify-block--text p {
  --font-size-min: inherit;
  --font-size-max: inherit;
  --font-size-optimal: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}
.link {
  color: var(--color-text-dark);
  align-items: center;
  gap: 8px;
  font-weight: 700;
  text-decoration: underline;
  display: inline-flex;
}
.link .button-icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.btn {
  --padding: 10px 15px;
  border: 2px solid var(--border-color);
  min-width: 60px;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  font-size: 14px;
  font-family: var(--font-family-primary, inherit);
  text-align: center;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  line-height: 1.43;
  display: inline-flex;
}
.btn * {
  font-size: 14px;
  font-family: var(--font-family-primary, inherit);
  text-align: center;
  color: inherit;
  font-weight: 700;
  line-height: 1.43;
}
.btn .button-icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.btn svg {
  fill: currentColor;
  width: 24px;
  height: 24px;
  color: inherit;
}
.btn.btn--circle {
  border: 1px solid var(--color-neutral-300);
  cursor: pointer;
  background-color: #fff;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  transition: background-color 0.1s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 16px #1919190f;
}
.btn.btn--circle:hover {
  background-color: var(--color-neutral-50);
}
.btn[disabled] {
  border-color: var(--color-neutral-300);
  background-color: var(--color-neutral-300);
  color: var(--color-neutral-700);
}
.btn:hover,
.btn[hovered] {
  opacity: 0.88;
}
.btn:not(.btn--transparent)[visited] {
  background-color: var(--color-brand);
  color: #fff;
  border-color: var(--color-brand);
}
.btn.btn--transparent {
  border-color: var(--color-foreground, var(--color-text-dark));
  color: var(--color-foreground, var(--color-text-dark));
  background-color: #0000;
}
:is(.btn:focus-visible, .btn[focus]) {
  box-shadow: inset 0 0 0 2px #fff;
}
.btn[loading] {
  color: #0000;
}
.btn[loading]:before {
  --spinner-size: 16px;
  --spinner-thickness: 3px;
}
.btn.btn--secondary {
  --border-color: var(--color-foreground);
}
:focus-visible {
  outline-color: var(--color-brand);
}
input {
  border: 1px solid var(--color-text-dark);
  border-radius: 4px;
}
input:user-invalid {
  outline-offset: 0px !important;
  border-color: #0000 !important;
  outline: 1px solid #ca2407 !important;
}
input::placeholder {
  color: var(--color-neutral-700);
}
input[type='radio'] {
  cursor: pointer;
  accent-color: var(--color-text-dark);
}
input[type='radio'] ~ label {
  cursor: pointer;
}
input[type='checkbox'] {
  -webkit-appearance: none;
  appearance: none;
  accent-color: #000;
  border: 1px solid #000;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-block: auto;
}
input[type='checkbox']:checked {
  background: #000
    url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.37109 3.49958L3.65681 5.7853L8.22824 1.21387' stroke='white' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ")
    50%/10px no-repeat;
}
select {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 8.49997L12 17L3.5 8.49997' stroke='%23191919' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: right 16px top 12px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}
select::-ms-expand {
  display: none;
}
.btn.save-address {
  width: 100%;
}
.input-field {
  flex: 1 0 0;
  gap: 4px;
  width: auto;
}
.input-field label {
  color: var(--color-neutral-700);
  font-size: 14px;
  line-height: 20px;
}
.input-field input,
.input-field select {
  color: var(--color-text-dark, black);
  border: 1px solid var(--color-text-dark, black);
  border-radius: 4px;
  padding: 13.5px 16px;
  font-size: 16px;
  line-height: 21px;
}
:is(
  :is(.input-field input, .input-field select):focus,
  :is(.input-field input, .input-field select):focus-visible
) {
  border: 1px solid var(--color-text-dark);
  outline: 1px solid var(--color-text-dark);
}
:is(.input-field input, .input-field select):hover {
  background-color: var(--color-neutral-50);
}
.input-field input::placeholder {
  font-size: inherit;
  line-height: inherit;
  color: var(--color-neutral-700);
}
.input-field:has(.input-field__error) input {
  border-color: var(--color-error-500);
}
.input-field__error {
  color: var(--color-error-500);
  font-size: 12px;
  line-height: 1.5;
}
.input-field:has(.input-field__error) .password_info {
  color: var(--color-error-500);
}
.input-field password-field-toggle {
  position: relative;
}
.input-field password-field-toggle input {
  width: 100%;
  padding-right: 50px;
}
.input-field password-field-toggle button {
  display: flex;
  position: absolute;
  top: 12px;
  right: 16px;
}
.input-field password-field-toggle input[type='password'] ~ button .eye-open,
.input-field password-field-toggle input[type='text'] ~ button .eye-closed {
  display: none;
}
product-card {
  justify-content: stretch;
}
product-card .product-card-media-wrapper {
  aspect-ratio: 3/4;
  width: 100%;
  height: auto;
}
product-card .product-media {
  width: 100%;
  height: 100%;
}
product-card .product-media .primary-image,
product-card .product-media .secondary-image {
  opacity: 1;
  pointer-events: all;
  z-index: 0;
  background-color: #f9f9f9;
  width: 100%;
  height: 100%;
  padding: min(5%, 20px);
  transition: opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
}
@media (prefers-color-scheme: dark) {
  product-card .product-media .primary-image,
  product-card .product-media .secondary-image {
    background-color: #0000;
  }
  product-card .wishlist__product-img img,
  product-card .wishlist__product-img .img-list {
    mix-blend-mode: normal !important;
  }
}
product-card .product-media .primary-image *,
product-card .product-media .secondary-image * {
  aspect-ratio: auto;
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1023px) {
  product-card:has(.secondary-image) .product-media .secondary-image {
    opacity: 0;
  }
}
@media only screen and (min-width: 1024px) {
  :is(
    product-card:has(.secondary-image) .product-media:not(:hover) .secondary-image,
    product-card:has(.secondary-image) .product-media:hover .primary-image
  ) {
    opacity: 0;
    pointer-events: none;
    z-index: 1;
  }
}
product-card div:has(> .product-title) {
  white-space: nowrap;
  overflow: hidden;
}
product-card .product-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  width: 100%;
  overflow: hidden;
}
product-card .product-subtitle {
  text-wrap: auto;
}
product-card .overlay-top {
  pointer-events: none;
  z-index: 2;
  width: 100%;
  padding: 8px;
  top: 0;
  left: 0;
}
product-card .overlay-bottom {
  pointer-events: none;
  z-index: 2;
  width: 100%;
  padding: 8px;
  bottom: 0;
  left: 0;
}
product-card .product-cart-meta-wrapper {
  padding: 8px;
}
product-card .product-compare-at-price p {
  color: var(--color-neutral-700, grey);
  white-space: nowrap;
  text-decoration: line-through;
}
product-card .product-price .text {
  white-space: nowrap;
}
product-card .product-price:has(+ .product-compare-at-price) {
  color: var(--color-red-500);
}
product-card quick-add-to-cart {
  width: 100%;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  product-card quick-add-to-cart.btn {
    margin-top: 0;
  }
  product-card .product-cart-meta-wrapper {
    padding: 4px;
  }
}
body .collection-main-theme-section [data-wishlist] .count.hulkapps-collection-count[data-layout] {
  display: none !important;
}
.wishlist-badge {
  border: 1px solid var(--color-neutral-300);
  background: var(--color-neutral-0);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 8px 12px;
  display: flex;
  box-shadow: 0 0 16px #1919190f;
}
.wishlist-badge:hover {
  opacity: 0.88;
}
.wishlist-badge:has(> span.wishlist-product-count[style*='display: none']) {
  width: 48px;
  height: 48px;
}
[data-gridhulklist] span:first-of-type {
  background: 0 0;
}
.product-card-media-wrapper .grid-wishlist-btn {
  bottom: 5px !important;
  right: 5px !important;
}
.wishlist-collection-counter {
  color: var(--color-neutral-900);
  text-align: right;
  font-family: var(--font-family-primary);
  margin-left: 5px;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}
.icon-wishlist-heart-empty[data-added='true'] svg path {
  fill: var(--color-neutral-900);
}
.product-badge {
  max-height: 24px;
  color: var(--color);
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  pointer-events: all;
  border-radius: 4px;
  padding: 2px 4px;
  font-weight: 700;
}
.product-badge * {
  font-weight: 700;
}
.product-badge:has(.theme-icon) {
  padding: 2px 6px 2px 30px;
  position: relative;
}
.product-badge .theme-icon {
  position: absolute;
  top: 50%;
  left: 4px;
  translate: 0 -50%;
}
.product-badge-sale {
  --color: white;
  --background-color: var(--color-red-500);
  --border-color: var(--color-red-500);
}
.product-badge-sale-amount {
  --color: var(--color-red-500);
  --background-color: white;
  --border-color: var(--color-red-500);
}
.product-badge-new {
  --color: white;
  --background-color: var(--color-brand);
  --border-color: var(--color-brand);
}
.product-badge-custom {
  --color: black;
  --background-color: var(--color-neutral-300);
  --border-color: var(--color-neutral-300);
}
@media screen and (max-width: 340px) {
  .super-small_hide {
    display: none !important;
  }
}
@keyframes rotation-account {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 1023px) {
  body:has(.shopify-section-account-main) {
    position: fixed;
  }
}
.shopify-section-account-main .button-back-wrapper svg {
  width: var(--width);
  height: var(--height);
  fill: none;
}
.shopify-section-account-main {
  width: 100%;
  max-width: 1440px;
  padding-block: 50px;
  padding-inline: 24px;
}
.shopify-section-account-main .account-grid {
  grid-template-columns: minmax(max-content, 340px) minmax(auto, 804px);
}
.shopify-section-account-main account-view.loading,
.shopify-section-account-main account-view.loading .account-view-content {
  position: relative;
}
.shopify-section-account-main account-view.loading:before {
  content: '';
  opacity: 0.5;
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
}
.shopify-section-account-main account-view.loading .account-view-content:after {
  content: '';
  box-sizing: border-box;
  z-index: 2;
  border: 5px solid #000;
  border-bottom-color: #0000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: 1s linear infinite rotation-account;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media screen and (max-width: 1023px) {
  .shopify-section-account-main {
    z-index: 1000;
    background: #fff;
    width: 100%;
    height: 100%;
    padding-block: 90px 30px;
    padding-inline: 16px;
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
  }
  .shopify-section-account-main account-view {
    min-height: calc(100vh - 170px);
  }
  .shopify-section-account-main .account-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
#contact_form {
  scroll-margin-top: var(--header-height);
}
.shopify-section--newsletter-form .newsletter-input {
  background-color: var(--color-background);
  border: 1px solid var(--color-text-dark);
  border-radius: 4px;
}
:is(
  .shopify-section--newsletter-form .newsletter-input:has(input:focus),
  .shopify-section--newsletter-form .newsletter-input:has(input:focus-visible)
) {
  outline: 1px solid var(--color-text-dark);
}
.shopify-section--newsletter-form .newsletter-input input {
  border: unset;
  padding: 16px 13px;
  font-size: 16px;
}
.shopify-section--newsletter-form .newsletter-input input::placeholder {
  font-size: 14px;
}
:is(
  .shopify-section--newsletter-form .newsletter-input input:focus,
  .shopify-section--newsletter-form .newsletter-input input:focus-visible
) {
  outline: none;
}
.shopify-section--newsletter-form .newsletter-input button {
  padding: 13px;
}
.shopify-section--newsletter-form .newsletter-disclaimer {
  color: var(--color-neutral-700);
  padding-top: 8px;
  font-size: 12px;
}
.shopify-section--newsletter-form .newsletter-disclaimer a {
  text-decoration: underline;
}
.shopify-section--newsletter-form .success-message p {
  padding-bottom: 8px;
}
.notifications {
  max-width: 1440px;
}
.notifications newsletter-notification {
  width: 100%;
  padding-top: unset;
  background-color: #0000;
  padding: 16px;
  display: flex;
  position: relative;
}
.notifications newsletter-notification:not([open]) {
  display: none;
}
.notifications newsletter-notification.error {
  color: #841800;
  background-color: #fee1e1;
  border: 1px solid #841800;
  border-radius: 4px;
}
.notifications newsletter-notification.success {
  color: #0d5304;
  background-color: #f1fff0;
  border: 1px solid #0d5304;
  border-radius: 4px;
}
.shopify-block--text-field {
  flex-direction: column;
  width: 100%;
  max-width: 306px;
  display: flex;
}
.shopify-block--text-field input,
.shopify-block--text-field textarea {
  vertical-align: middle;
  color: #191919;
  border: 1px solid #191919;
  border-radius: 4px;
  outline: none;
  width: 100%;
  height: 200px;
  padding: 0 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  position: relative;
}
.shopify-block--text-field input::placeholder,
.shopify-block--text-field textarea::placeholder {
  color: #686868;
}
.shopify-block--text-field input:hover,
.shopify-block--text-field textarea:hover {
  background-color: #f9f9f9;
}
.shopify-block--text-field input.has-icon {
  padding-left: 45px;
}
.shopify-block--text-field .input-icon {
  z-index: 2;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 12px;
  left: 12px;
}
.shopify-block--text-field textarea {
  resize: none;
  padding: 13.5px 16px;
}
.shopify-block--text-field input {
  height: 48px;
}
.shopify-block--text-field .form-help-text,
.shopify-block--text-field label {
  letter-spacing: 0%;
  color: #686868;
  padding-bottom: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.shopify-block--text-field label {
  font-size: 14px;
}
.shopify-block--text-field .form-help-text {
  padding-top: 4px;
  padding-bottom: 0;
}
.shopify-block--text-field textarea:active,
.shopify-block--text-field textarea[active],
.shopify-block--text-field input[type='text']:active,
.shopify-block--text-field input[type='text'][active] {
  color: #191919;
  border: 1px solid #191919;
}
.shopify-block--text-field textarea:focus,
.shopify-block--text-field textarea[focus],
.shopify-block--text-field input[type='text']:focus,
.shopify-block--text-field input[type='text'][focus] {
  border: 1px solid #0000;
  outline: 2px solid #191919;
}
.shopify-block--text-field textarea:disabled,
.shopify-block--text-field textarea[disabled],
.shopify-block--text-field input[type='text']:disabled,
.shopify-block--text-field input[type='text'][disabled] {
  color: #aaa;
  background-color: #f9f9f9;
  border: 1px solid #d4d4d4;
}
.shopify-block--text-field textarea:disabled::placeholder,
.shopify-block--text-field textarea[disabled]::placeholder,
.shopify-block--text-field input[type='text']:disabled::placeholder,
.shopify-block--text-field input[type='text'][disabled]::placeholder {
  color: #aaa;
}
.shopify-block--select {
  flex-direction: column;
  width: 100%;
  max-width: 306px;
  display: flex;
}
.shopify-block--select theme-select {
  vertical-align: middle;
  color: #686868;
  border: 1px solid #191919;
  border-radius: 4px;
  outline: none;
  width: 100%;
  height: 48px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.shopify-block--select theme-select:hover::part(selected-value) {
  background-color: #f9f9f9;
}
.shopify-block--select theme-select::part(selected-value) {
  vertical-align: middle;
  color: #191919;
  border: none;
  border-radius: 4px;
  height: 100%;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.shopify-block--select theme-select::part(placeholder) {
  color: #686868;
}
.shopify-block--select theme-select::part(dropdown) {
  border: 1px solid #000;
  border-radius: 4px;
  bottom: -8px;
}
.shopify-block--select theme-select::part(option) {
  color: #191919;
  border-bottom: unset;
}
.shopify-block--select theme-select::part(option):hover {
  background-color: #f9f9f9;
  border-radius: 4px;
  text-decoration: underline;
}
.shopify-block--select theme-select::part(option):focus-visible {
  outline-color: #191919;
}
.shopify-block--select theme-select::part(option selected):hover,
.shopify-block--select theme-select::part(option selected) {
  padding-left: 43px;
  font-weight: 700;
  text-decoration: none;
  position: relative;
}
.shopify-block--select theme-select::part(option selected):after {
  content: '';
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 13.5875L8.5525 18.14L20.735 6" stroke="%23191919" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
}
.shopify-block--select .form-help-text,
.shopify-block--select label {
  letter-spacing: 0%;
  color: #686868;
  padding-bottom: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.shopify-block--select label {
  pointer-events: none;
  font-size: 14px;
}
.shopify-block--select .form-help-text {
  padding-top: 4px;
  padding-bottom: 0;
}
.shopify-block--select theme-select:active,
.shopify-block--select theme-select[active] {
  color: #191919;
  border: 1px solid #191919;
}
.shopify-block--select theme-select:focus,
.shopify-block--select theme-select[focus] {
  border: 1px solid #0000;
  outline: 2px solid #191919;
}
.shopify-block--select theme-select:disabled,
.shopify-block--select theme-select[disabled] {
  color: #aaa;
  pointer-events: none;
  background-color: #f9f9f9;
  border: 1px solid #d4d4d4;
}
.shopify-block--select theme-select:disabled::part(selected-value),
.shopify-block--select theme-select[disabled]::part(selected-value) {
  color: #aaa;
  background-color: #f9f9f9;
}
.shopify-block--select select[textside]:disabled:before,
.shopify-block--select theme-select[disabled][textside]:before {
  color: #aaa;
}
.attribute-badge {
  white-space: nowrap;
  background-color: var(--color-neutral-300);
  border-radius: 2px;
  padding-inline: 4px;
}
more-payment-options-link {
  display: none !important;
}
.text-container .truncated-text {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 3em;
  display: -webkit-box;
  overflow: hidden;
}
.text-container .read-more-trigger {
  cursor: pointer;
  margin-top: 10px;
}
.text-container .read-more-triggered {
  display: none;
}
.text-container:has(.read-more-triggered) .truncated-text {
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  max-height: none;
  overflow: visible;
}